import{c as X,r as F,v as K,j as t,B as T}from"./index-oE_2MbI2.js";import{I as Z}from"./input-BC5yyfKN.js";import{b as q,P as G,a as H}from"./popover-BkEpFI3f.js";import{S as J}from"./scroll-area-Dvwme8cu.js";import{n as Q}from"./Container-JazsSIaU.js";import{i as V}from"./Edit05-BU6KlPcQ.js";import{i as W}from"./Link01-5WPeXJ1q.js";import{s as ee}from"./XClose-CWdR8ztK.js";const te=0,se=38;function re(){const i=[];for(let e=te;e<=se;e++)i.push(`/icons/capy-${e}.png`);return i}const le={sm:"h-8 w-8",md:"h-12 w-12",lg:"h-16 w-16"},oe=re();function xe(i){const e=X.c(53),{value:r,onChange:o,name:c,size:S,className:I,fallbackIcon:a}=i,m=S===void 0?"lg":S,[s,n]=F.useState(""),[U,w]=F.useState(!1);let A;e[0]!==o?(A=l=>{o(l),w(!1),n("")},e[0]=o,e[1]=A):A=e[1];const $=A;let _;e[2]!==s||e[3]!==o?(_=()=>{const l=s.trim();l&&(o(l),w(!1),n(""))},e[2]=s,e[3]=o,e[4]=_):_=e[4];const f=_;let k;e[5]!==o?(k=()=>{o(null),w(!1),n("")},e[5]=o,e[6]=k):k=e[6];const D=k,L=le[m];let d;e[7]!==I||e[8]!==L?(d=K("relative group rounded-lg border border-border shrink-0 overflow-hidden cursor-pointer",L,I),e[7]=I,e[8]=L,e[9]=d):d=e[9];const M=r??"no-icon";let u;e[10]!==a||e[11]!==c||e[12]!==M||e[13]!==r?(u=t.jsx(ie,{icon:r,name:c,fallbackIcon:a},M),e[10]=a,e[11]=c,e[12]=M,e[13]=r,e[14]=u):u=e[14];let z;e[15]===Symbol.for("react.memo_cache_sentinel")?(z=t.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity",children:t.jsx(V,{size:16,className:"text-white"})}),e[15]=z):z=e[15];let p;e[16]!==d||e[17]!==u?(p=t.jsx(q,{asChild:!0,children:t.jsxs("button",{type:"button",className:d,children:[u,z]})}),e[16]=d,e[17]=u,e[18]=p):p=e[18];let P;e[19]===Symbol.for("react.memo_cache_sentinel")?(P=t.jsx("span",{className:"text-sm font-medium",children:"Choose icon"}),e[19]=P):P=e[19];let h;e[20]!==D||e[21]!==r?(h=r&&t.jsxs(T,{variant:"ghost",size:"sm",className:"h-6 px-1.5 text-xs text-muted-foreground",onClick:D,children:[t.jsx(ee,{size:12}),"Remove"]}),e[20]=D,e[21]=r,e[22]=h):h=e[22];let x;e[23]!==h?(x=t.jsxs("div",{className:"flex items-center justify-between px-3 py-2 border-b border-border",children:[P,h]}),e[23]=h,e[24]=x):x=e[24];let b;e[25]!==$||e[26]!==r?(b=oe.map(l=>t.jsx("button",{type:"button",onClick:()=>$(l),className:K("h-9 w-9 rounded-md overflow-hidden border transition-colors hover:border-primary cursor-pointer",r===l?"border-primary ring-1 ring-primary":"border-transparent"),children:t.jsx("img",{src:l,alt:"",className:"h-full w-full object-cover",loading:"lazy"})},l)),e[25]=$,e[26]=r,e[27]=b):b=e[27];let g;e[28]!==b?(g=t.jsx(J,{className:"h-48",children:t.jsx("div",{className:"grid grid-cols-7 gap-1 p-2",children:b})}),e[28]=b,e[29]=g):g=e[29];let E;e[30]===Symbol.for("react.memo_cache_sentinel")?(E=t.jsx(W,{size:14,className:"text-muted-foreground shrink-0"}),e[30]=E):E=e[30];let R;e[31]===Symbol.for("react.memo_cache_sentinel")?(R=l=>n(l.target.value),e[31]=R):R=e[31];let j;e[32]!==f?(j=l=>{l.key==="Enter"&&(l.preventDefault(),f())},e[32]=f,e[33]=j):j=e[33];let v;e[34]!==s||e[35]!==j?(v=t.jsx(Z,{value:s,onChange:R,placeholder:"Paste image URL...",className:"h-7 text-xs",onKeyDown:j}),e[34]=s,e[35]=j,e[36]=v):v=e[36];let O;e[37]!==s?(O=s.trim(),e[37]=s,e[38]=O):O=e[38];const Y=!O;let y;e[39]!==f||e[40]!==Y?(y=t.jsx(T,{variant:"outline",size:"sm",className:"h-7 px-2 text-xs shrink-0",onClick:f,disabled:Y,children:"Apply"}),e[39]=f,e[40]=Y,e[41]=y):y=e[41];let N;e[42]!==v||e[43]!==y?(N=t.jsxs("div",{className:"flex items-center gap-1.5 p-2 border-t border-border",children:[E,v,y]}),e[42]=v,e[43]=y,e[44]=N):N=e[44];let C;e[45]!==x||e[46]!==g||e[47]!==N?(C=t.jsx(G,{align:"start",className:"w-80 p-0",onOpenAutoFocus:ne,children:t.jsxs("div",{className:"flex flex-col",children:[x,g,N]})}),e[45]=x,e[46]=g,e[47]=N,e[48]=C):C=e[48];let B;return e[49]!==U||e[50]!==p||e[51]!==C?(B=t.jsxs(H,{open:U,onOpenChange:w,children:[p,C]}),e[49]=U,e[50]=p,e[51]=C,e[52]=B):B=e[52],B}function ne(i){return i.preventDefault()}function ie(i){const e=X.c(8),{icon:r,name:o,fallbackIcon:c}=i,[S,I]=F.useState(!1);if(!r||S){let s;e[0]!==c?(s=c??t.jsx(Q,{size:24,className:"text-muted-foreground"}),e[0]=c,e[1]=s):s=e[1];let n;return e[2]!==s?(n=t.jsx("div",{className:"h-full w-full flex items-center justify-center bg-muted/20",children:s}),e[2]=s,e[3]=n):n=e[3],n}let a;e[4]===Symbol.for("react.memo_cache_sentinel")?(a=()=>I(!0),e[4]=a):a=e[4];let m;return e[5]!==r||e[6]!==o?(m=t.jsx("img",{src:r,alt:o,className:"h-full w-full object-cover",onError:a}),e[5]=r,e[6]=o,e[7]=m):m=e[7],m}export{xe as I};
