@dss-kit/ui-kit 0.1.2 → 0.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/builders/Modal/ModalHeader/ModalHeader.d.ts +2 -0
- package/dist/components/builders/Modal/ModalHeader/ModalHeader.d.ts.map +1 -1
- package/dist/ui-kit.cjs.js +1 -1
- package/dist/ui-kit.cjs.js.map +1 -1
- package/dist/ui-kit.es.js +5 -4
- package/dist/ui-kit.es.js.map +1 -1
- package/package.json +1 -1
|
@@ -6,6 +6,8 @@ interface ModalHeaderProps extends Pick<BoxProps, "p" | "px" | "py" | "pt" | "pb
|
|
|
6
6
|
subtitle?: string;
|
|
7
7
|
/** @default undefined */
|
|
8
8
|
onClose?: () => void;
|
|
9
|
+
/** @default undefined */
|
|
10
|
+
showCloseButton?: boolean;
|
|
9
11
|
}
|
|
10
12
|
declare const ModalHeader: import('react').ForwardRefExoticComponent<ModalHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
11
13
|
export { ModalHeader };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Modal/ModalHeader/ModalHeader.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/builders/Modal/ModalHeader/ModalHeader.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAM1D,UAAU,gBAAiB,SAAQ,IAAI,CAAC,QAAQ,EAAE,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,gBAAgB,GAAG,GAAG,CAAC;IACjH,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,yBAAyB;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,QAAA,MAAM,WAAW,6GA0Cf,CAAC;AAGH,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
package/dist/ui-kit.cjs.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Copyright (c) 2018 Jed Watson.
|
|
3
3
|
Licensed under the MIT License (MIT), see
|
|
4
4
|
http://jedwatson.github.io/classnames
|
|
5
|
-
*/var Wi;function If(){return Wi||(Wi=1,(function(t){(function(){var e={}.hasOwnProperty;function n(){for(var o="",r=0;r<arguments.length;r++){var a=arguments[r];a&&(o=i(o,s(a)))}return o}function s(o){if(typeof o=="string"||typeof o=="number")return o;if(typeof o!="object")return"";if(Array.isArray(o))return n.apply(null,o);if(o.toString!==Object.prototype.toString&&!o.toString.toString().includes("[native code]"))return o.toString();var r="";for(var a in o)e.call(o,a)&&o[a]&&(r=i(r,a));return r}function i(o,r){return r?o?o+" "+r:o+r:o}t.exports?(n.default=n,t.exports=n):window.classNames=n})()})(hn)),hn.exports}var Bf=If();const Pt=jf(Bf),Ff="_rippleOverlay_s2kim_8",Nf="_ripple_s2kim_8",Ui={rippleOverlay:Ff,ripple:Nf},fn="button, a, input, label, [role='button'], [data-ripple']";function zf(t){if(typeof t.composedPath=="function")return t.composedPath();const e=[];let n=t.target;for(;n;)e.push(n),n=n.parentNode||n.host;return e.push(window),e}const bs=b.forwardRef(({color:t="rgba(0,0,0,0.18)",duration:e=1e3,radius:n="auto",className:s},i)=>{const o=b.useRef(null),[r,a]=b.useState([]),l=b.useRef([]),u=b.useRef(1),c=b.useRef(null),h=()=>{l.current.forEach(m=>clearTimeout(m)),l.current=[]},f=b.useCallback((m,x,p,v)=>{const g=p.getBoundingClientRect(),S=n==="auto"?Math.max(g.width,g.height)*2:n,T=m-v.left,_=x-v.top,C=Math.max(0,g.top-v.top),P=Math.max(0,g.left-v.left),V=Math.max(0,v.right-g.right),F=Math.max(0,v.bottom-g.bottom),Ht=window.getComputedStyle(p).borderRadius||"0px",Yt=u.current++,At={id:Yt,left:T-S/2,top:_-S/2,size:Math.ceil(S),clip:{top:Math.round(C),right:Math.round(V),bottom:Math.round(F),left:Math.round(P)},borderRadius:Ht};a(ve=>[...ve,At]);const ye=window.setTimeout(()=>{a(ve=>ve.filter(N=>N.id!==Yt))},e+80);l.current.push(ye)},[e,n]),d=b.useCallback(m=>{try{if(!o.current)return;const x=o.current,p=x.parentElement;if(!p)return;const v=zf(m);let g=null;for(const P of v)if(P instanceof Element){if(P===p)break;if(P.matches&&P.matches(fn)){g=P;break}}if(g||(g=p),g.closest&&(g.closest("[disabled]")||g.getAttribute("aria-disabled")==="true"||g.classList.contains("ripple-disabled")))return;const S=m.target;if(S&&S.closest&&(S.closest("[disabled]")||S.getAttribute?.("aria-disabled")==="true"))return;const T=x.getBoundingClientRect(),{clientX:_}=m,{clientY:C}=m;f(_,C,g,T)}catch{}},[f]),y=b.useCallback(m=>{if(!o.current||!(m.key==="Enter"||m.key===" "))return;const x=o.current,p=x.parentElement;if(!p)return;const v=document.activeElement;let g=null;if(v instanceof Element&&v.matches(fn)&&(g=v),g||(g=p),g.closest&&(g.closest("[disabled]")||g.getAttribute("aria-disabled")==="true"))return;const S=x.getBoundingClientRect(),T=g.getBoundingClientRect().left+g.getBoundingClientRect().width/2,_=g.getBoundingClientRect().top+g.getBoundingClientRect().height/2;f(T,_,g,S)},[f]);return b.useImperativeHandle(i,()=>({trigger:({center:m=!0,x,y:p}={})=>{const v=o.current;if(!v)return;const g=v.parentElement;if(!g)return;const S=v.getBoundingClientRect(),T=document.activeElement instanceof Element&&document.activeElement.matches(fn)?document.activeElement:g,_=m?T.getBoundingClientRect().left+T.getBoundingClientRect().width/2:x??S.left+S.width/2,C=m?T.getBoundingClientRect().top+T.getBoundingClientRect().height/2:p??S.top+S.height/2;f(_,C,T,S)}}),[f]),b.useEffect(()=>{const m=o.current;if(!m)return;const x=m.parentElement;if(!x)return;const p=window.getComputedStyle(x);let v=!1;return p.position==="static"&&(x.style.position="relative",v=!0,c.current=x),x.addEventListener("pointerdown",d,!0),x.addEventListener("keydown",y),()=>{x.removeEventListener("pointerdown",d,!0),x.removeEventListener("keydown",y),v&&c.current&&(c.current.style.position="",c.current=null),h()}},[d,y]),b.useEffect(()=>()=>h(),[]),w.jsx("div",{ref:o,className:`${Ui.rippleOverlay} ${s??""}`,"aria-hidden":!0,children:r.map(m=>w.jsx("span",{className:Ui.ripple,style:{left:`${m.left}px`,top:`${m.top}px`,width:`${m.size}px`,height:`${m.size}px`,backgroundColor:t,animationDuration:`${e}ms`,clipPath:`inset(${m.clip.top}px ${m.clip.right}px ${m.clip.bottom}px ${m.clip.left}px round ${m.borderRadius})`}},m.id))})});function Uo(t,e){const{current:n}=b.useRef(t!==void 0),[s,i]=b.useState(e),o=n?t:s,r=b.useCallback(a=>{n||i(a)},[n]);return[o,r]}const $f=(t,e)=>{const[n,s]=b.useState({top:0,left:0,width:0});return b.useLayoutEffect(()=>{if(!e||!t.current)return;const i=()=>{const r=t.current.getBoundingClientRect();s({top:r.bottom+window.scrollY+4,left:r.left+window.scrollX,width:r.width})};i(),window.addEventListener("resize",i),window.addEventListener("scroll",i,!0);const o=new ResizeObserver(()=>i());return o.observe(t.current),()=>{window.removeEventListener("resize",i),window.removeEventListener("scroll",i,!0),o.disconnect()}},[e,t]),n};function Ke(t,e,n,s=""){if(n)return t[`${e}_${n}${s}`]}function he(t,e,n){return Ke(t,e,n,"Size")}const Wf="_button_12z2f_8",Uf="_button_primary_12z2f_19",Kf="_button_secondary_12z2f_22",Gf="_button_negative_12z2f_25",Hf="_button_positive_12z2f_28",Yf="_button_warning_12z2f_31",Xf="_button_neutral_12z2f_34",qf="_button_mdSize_12z2f_94",Zf="_button_smSize_12z2f_104",Jf="_button_xsSize_12z2f_114",dn={button:Wf,button_primary:Uf,button_secondary:Kf,button_negative:Gf,button_positive:Hf,button_warning:Yf,button_neutral:Xf,button_mdSize:qf,button_smSize:Zf,button_xsSize:Jf};function ws({attr:t,children:e,className:n,type:s="button",color:i="primary",size:o="md",...r}){const a="button";return w.jsxs("button",{...t,...r,type:s,className:Pt(dn[a],n,he(dn,a,o),Ke(dn,a,i)),children:[w.jsx(bs,{}),e]})}const Ko=t=>D.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},D.createElement("path",{d:"M18 6L6 18M6 6L18 18",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),Qf="_overlay_1udux_8",td="_open_1udux_21",ed="_modal_1udux_25",nd="_closeButton_1udux_42",sd="_size_lg_1udux_49",id="_size_md_1udux_52",rd="_size_sm_1udux_55",Zt={overlay:Qf,open:td,modal:ed,"modal-animation":"_modal-animation_1udux_1",closeButton:nd,size_lg:sd,size_md:id,size_sm:rd},Go=b.forwardRef(({isOpen:t=!0,onClose:e,overlayClassName:n,modalClassName:s,size:i="md",closeOnBackdropClick:o=!0,closeOnEsc:r=!0,disableBodyScroll:a=!1,showAbsoluteCloseButton:l=!1,children:u},c)=>{b.useEffect(()=>{if(a&&t&&typeof window<"u"&&typeof document<"u"){const d=window.getComputedStyle(document.body).overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=d}}},[t,a]);const h=b.useCallback(d=>{d.key==="Escape"&&e&&e()},[e]);b.useEffect(()=>{if(typeof window<"u"&&typeof document<"u"&&r&&t)return document.addEventListener("keydown",h),()=>document.removeEventListener("keydown",h)},[t,r,h]);const f=b.useCallback(d=>{d.target===d.currentTarget&&o&&e&&e()},[o,e]);return w.jsx("div",{onClick:f,className:W(Zt.overlay,{[Zt.open]:t},n),children:w.jsxs(R,{ref:c,className:W(Zt.modal,Zt[`size_${i}`],s),children:[l&&w.jsx(ws,{className:Zt.closeButton,onClick:e,color:"neutral",children:w.jsx(Ko,{})}),u]})})});Go.displayName="Modal";const od="_loader_1qleq_8",ad={loader:od},ld=({color:t="var(--text-accent)"})=>w.jsx("span",{className:W(ad.loader,K({"--loader-color":t}))}),cd=K({display:"flex",alignItems:"center",justifyContent:"center",position:"relative",borderRadius:16,height:48,padding:"0 16px",cursor:"pointer",fontSize:16,fontWeight:600,overflow:"hidden",transition:"all 0.2s ease",gap:8}),Ce={zero:"var(--corner-zero)",xs:"var(--corner-xs)",sm:"var(--corner-sm)",md:"var(--corner-md)",lg:"var(--corner-lg)",xl:"var(--corner-xl)","2xl":"var(--corner-2xl)","3xl":"var(--corner-3xl)","4xl":"var(--corner-4xl)","5xl":"var(--corner-5xl)","6xl":"var(--corner-6xl)","full-round":"var(--corner-full-round)"},ud={xs:"var(--height-button-xs)",sm:"var(--height-button-sm)",md:"var(--height-button-md)",lg:"var(--height-button-lg)"},hd={clear:K({backgroundColor:"transparent",border:"none"}),filled:K({backgroundColor:"var(--fill-accent-primary)",color:"white",border:"none"}),outline:K({backgroundColor:"transparent",border:"1px solid var(--border-accent-primary)"})},fd=(t,e,n,s)=>{if(s)return K({cursor:"not-allowed",opacity:.7});const i={transition:"all 0.2s ease",borderRadius:"var(--corner-lg)",border:"none",color:t==="filled"?"var(--text-inverse)":`var(--text-${e})`};switch(t){case"filled":return K({...i,backgroundColor:`var(--fill-${e}-${n})`,":hover":{backgroundColor:`var(--fill-${e}-${n}-hover)`},":active":{backgroundColor:`var(--fill-${e}-${n}-hover)`}});case"outline":return K({...i,backgroundColor:"transparent",border:`1px solid var(--border-${e}-${n})`,":hover":{backgroundColor:`var(--fill-${e}-secondary-hover)`},":active":{backgroundColor:`var(--fill-${e}-secondary-hover)`}});case"clear":return K({...i,backgroundColor:"transparent",":hover":{backgroundColor:`var(--fill-${e}-secondary-hover)`},":active":{backgroundColor:`var(--fill-${e}-secondary-hover)`}});default:return K(i)}},dd=({disabled:t,loading:e,onClick:n,wrapperClassName:s,buttonClassName:i,buttonDisabledClassName:o,textClassName:r,children:a,variant:l="filled",backgroundColor:u,textColor:c,textFontWeight:h,borderColor:f,color:d="accent",borderRadius:y,width:m="full",size:x="md",iconLeft:p,iconRight:v,intensity:g="primary",...S})=>{const T=b.useMemo(()=>{switch(m){case"full":return"100%";case"auto":return"auto";default:return m}},[m]),_=b.useMemo(()=>u||(l==="filled"?`var(--fill-${d}-${g})`:"transparent"),[l,t,u,d,g]),C=b.useMemo(()=>{if(c)return c;if(g==="primary"){if(d==="neutral")return"var(--text-secondary)";if(l==="filled")return"var(--text-inverse)"}return`var(--text-${d}, #111)`},[l,t,c,d,g]),P=b.useMemo(()=>f||(l==="outline"?`var(--border-${d}-${g})`:"transparent"),[l,f,d,g]),V=b.useMemo(()=>{switch(x){case"lg":return Ce.lg;case"md":case"sm":return Ce.md;case"xs":return Ce.sm}},[x]),F=W(cd,fd(l,d,g,t),hd[l],i,t?o:void 0,K({borderRadius:y?Ce[y]:V,backgroundColor:_,borderColor:P,color:C,width:"100%",height:ud[x],opacity:t?.7:1})),at=b.useMemo(()=>{switch(x){case"lg":case"md":return"body-1";case"sm":case"xs":return"body-2";default:return"body-1"}},[x]);return w.jsx(R,{className:W(s),w:T,relative:!0,overflow:"hidden",children:w.jsxs($o.button,{whileTap:!t&&!e?{scale:.99,boxShadow:"inset 0 0 0 10000px rgba(0,0,0,0.1)",transition:{duration:0}}:{},className:F,disabled:t||e,onClick:n,...S,children:[e?w.jsx(ld,{color:C}):w.jsxs(w.Fragment,{children:[p,w.jsx(Wo,{children:a,color:C,variant:at,className:r,textOverflow:"ellipsis",overflow:"hidden"}),v]}),w.jsx(bs,{})]})})},md=t=>D.createElement("svg",{viewBox:"0 0 24 24",fill:"none",...t},D.createElement("path",{d:"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z",fill:"currentColor"})),pd=t=>D.createElement("svg",{viewBox:"0 0 24 24",fill:"none",...t},D.createElement("path",{d:"M19 13H5v-2h14v2z",fill:"currentColor"})),gd="_checkbox_1hy9q_8",yd="_disabled_1hy9q_15",vd="_checkbox__input_1hy9q_27",xd="_checkbox__box_1hy9q_35",wt={checkbox:gd,disabled:yd,checkbox__input:vd,checkbox__box:xd,"checkbox__box--checked":"_checkbox__box--checked_1hy9q_51"},bd={sm:20,md:24},Ho=b.forwardRef(({checked:t,onChange:e,disabled:n,indeterminate:s,size:i="md",title:o,titleColor:r,subtitle:a,subtitleColor:l="secondary",name:u,value:c,required:h},f)=>{const[d,y]=b.useState(!1),m=t!==void 0,x=m?t:d,p=S=>{m||y(S.target.checked),e?.(S)},v=bd[i],g=x||s;return w.jsxs("label",{className:W(wt.checkbox,{[wt.disabled]:n}),children:[w.jsxs(R,{relative:!0,display:"inline-flex",style:{"--checkbox-size":`${v}px`,"--checkbox-size-double":`${v*2}px`},children:[w.jsx("input",{ref:f,type:"checkbox",checked:x,onChange:p,onClick:S=>S.stopPropagation(),disabled:n,name:u,value:c,required:h,className:W(wt.checkbox__input,{[wt.disabled]:n})}),w.jsx("div",{className:W(wt.checkbox__box,g&&wt["checkbox__box--checked"],{[wt.disabled]:n}),children:g&&(s?w.jsx(pd,{width:v*.75,height:v*.75}):w.jsx(md,{width:v*.75,height:v*.75}))})]}),(o||a)&&w.jsxs(R,{gap:4,children:[o&&w.jsx(Y,{colorName:r,variant:i==="sm"?"body-2":"body-1",children:o}),a&&w.jsx(Y,{variant:"body-2",colorName:l,children:a})]})]})});Ho.displayName="Checkbox";const wd=t=>D.createElement("svg",{width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},D.createElement("g",{opacity:.5},D.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.0002 17.9999C14.4185 17.9999 18.0002 14.4182 18.0002 9.99991C18.0002 5.58163 14.4185 1.99991 10.0002 1.99991C5.58197 1.99991 2.00024 5.58163 2.00024 9.99991C2.00024 14.4182 5.58197 17.9999 10.0002 17.9999ZM6.46514 6.46446C6.85566 6.07393 7.48883 6.07393 7.87935 6.46446L9.64712 8.23222C9.84238 8.42749 10.159 8.42749 10.3542 8.23222L12.122 6.46446C12.5125 6.07393 13.1457 6.07393 13.5362 6.46446C13.9267 6.85498 13.9267 7.48814 13.5362 7.87867L11.7684 9.64644C11.5732 9.8417 11.5732 10.1583 11.7684 10.3535L13.5362 12.1213C13.9267 12.5118 13.9267 13.145 13.5362 13.5355C13.1457 13.926 12.5125 13.926 12.122 13.5355L10.3542 11.7678C10.159 11.5725 9.84238 11.5725 9.64712 11.7678L7.87935 13.5355C7.48883 13.926 6.85566 13.926 6.46514 13.5355C6.07462 13.145 6.07462 12.5118 6.46514 12.1213L8.23291 10.3535C8.42817 10.1583 8.42817 9.8417 8.23291 9.64644L6.46514 7.87867C6.07462 7.48815 6.07462 6.85498 6.46514 6.46446Z",fill:"currentColor"}))),Td="_disabled_z2lr1_20",Sd="_input_z2lr1_8",Cd="_sm_z2lr1_61",Pd="_md_z2lr1_66",_d="_error_z2lr1_70",Md="_white_z2lr1_74",Ad="_gray_z2lr1_78",it={"input-container":"_input-container_z2lr1_8",disabled:Td,input:Sd,"input-text-size_sm":"_input-text-size_sm_z2lr1_52","input-text-size_md":"_input-text-size_md_z2lr1_56",sm:Cd,md:Pd,error:_d,white:Md,gray:Ad,"clear-button":"_clear-button_z2lr1_82"};function Ki(t){return{...new Event("input",{bubbles:!0}),target:t,currentTarget:t}}const Yo=b.forwardRef((t,e)=>{const{label:n,prompt:s,error:i,errorText:o,size:r="md",prefix:a,suffix:l,background:u="white",showClearButton:c,disabled:h,value:f,defaultValue:d,...y}=t,m=t.multiline===!0,x=b.useRef(null),p=b.useRef(null),[v,g]=Uo(f!==void 0?String(f):void 0,d!==void 0?String(d):"");b.useImperativeHandle(e,()=>({focus:()=>{x.current?.focus(),p.current?.focus()},blur:()=>{x.current?.blur(),p.current?.blur()},get value(){return x.current?.value||p.current?.value}}));const S=C=>{if(g(C.target.value),m){const P=t.onChange;P?.(C)}else{const P=t.onChange;P?.(C)}};b.useEffect(()=>{m&&t.autoResize&&p.current&&(p.current.style.height="auto",p.current.style.height=`${p.current.scrollHeight}px`)},[v,m,t.autoResize]);const T=()=>{if(g(""),!m){const P=x.current;if(P){P.value="";const V=Ki(P),F=t.onChange;F?.(V)}return}const C=p.current;if(C){C.value="";const P=Ki(C),V=t.onChange;V?.(P)}},_=()=>{if(m){const{rows:F,autoResize:at,onChange:Ht,multiline:Yt,...At}=y;return w.jsx("textarea",{ref:p,rows:t.rows??3,className:W(it.input,{[it.disabled]:h}),disabled:h,maxLength:t.maxLength,...At,value:v,onChange:S})}const{onChange:C,multiline:P,...V}=y;return w.jsx("input",{...V,ref:x,className:W(it.input,it[`input-text-size_${r}`],{[it.disabled]:h}),disabled:h,type:t.type??"text",value:v,onChange:S})};return w.jsxs(R,{w:"full",gap:"var(--spacing-sm)",children:[n&&w.jsx(Y,{variant:"body-2",fontWeight:"regular",colorName:i?"negative":"tertiary",children:n}),w.jsxs(R,{row:!0,alignItems:"center",w:"full",gap:"var(--spacing-md)",className:W(it["input-container"],it[u],it[r],{[it.error]:i,[it.disabled]:h}),children:[a&&w.jsx(R,{flex:"none",children:a}),w.jsx(R,{flex:"1",children:_()}),c&&v&&!h&&w.jsx(R,{flex:"none",children:w.jsx("span",{className:it["clear-button"],onClick:T,children:w.jsx(wd,{})})}),l&&w.jsx(R,{flex:"none",children:l})]}),(s||m)&&w.jsxs(R,{row:!0,gap:10,w:"full",children:[typeof s=="string"?w.jsx(Y,{variant:"caption-1",colorName:"tertiary",children:s}):s,m&&t.maxLength&&w.jsx(Y,{right:!0,ml:"auto",flex:"none",variant:"caption-1",colorName:"tertiary",children:`${v.length}/${t.maxLength}`})]}),o&&i&&w.jsx(Y,{variant:"body-2",colorName:"negative",fontWeight:"regular",children:o})]})});Yo.displayName="Input";const Ed="_header_446to_8",Vd={header:Ed},Xo=b.forwardRef(({title:t,subtitle:e,onClose:n,w:s="full",p:i,py:o,px:r="var(--spacing-2xl)",pt:a="var(--spacing-2xl)",pb:l="var(--spacing-lg)",row:u=!0,justifyContent:c="space-between"},h)=>w.jsxs(R,{w:s,p:i,py:o,px:r,pt:a,pb:l,row:u,justifyContent:c,ref:h,className:Vd.header,children:[w.jsxs(R,{children:[w.jsx(Y,{variant:"title-3",colorName:"primary",fontWeight:"semibold",children:t}),w.jsx(Y,{variant:"body-1",colorName:"tertiary",fontWeight:"medium",children:e})]}),w.jsx(R,{children:w.jsx(ws,{onClick:n,color:"neutral",children:w.jsx(Ko,{})})})]}));Xo.displayName="ModalHeader";const Rd="_footer_1bo08_8",Dd={footer:Rd},qo=b.forwardRef(({children:t,row:e=!0,flex:n=!0,gap:s="var(--spacing-lg)",p:i="var(--spacing-2xl)",className:o,...r},a)=>w.jsx(R,{flex:n,row:e,gap:s,p:i,className:W(Dd.footer,o),ref:a,...r,children:t}));qo.displayName="ModalFooter";function Vt(t,e,n){let s=n.initialDeps??[],i;function o(){var r,a,l,u;let c;n.key&&((r=n.debug)!=null&&r.call(n))&&(c=Date.now());const h=t();if(!(h.length!==s.length||h.some((y,m)=>s[m]!==y)))return i;s=h;let d;if(n.key&&((a=n.debug)!=null&&a.call(n))&&(d=Date.now()),i=e(...h),n.key&&((l=n.debug)!=null&&l.call(n))){const y=Math.round((Date.now()-c)*100)/100,m=Math.round((Date.now()-d)*100)/100,x=m/16,p=(v,g)=>{for(v=String(v);v.length<g;)v=" "+v;return v};console.info(`%c⏱ ${p(m,5)} /${p(y,5)} ms`,`
|
|
5
|
+
*/var Wi;function If(){return Wi||(Wi=1,(function(t){(function(){var e={}.hasOwnProperty;function n(){for(var o="",r=0;r<arguments.length;r++){var a=arguments[r];a&&(o=i(o,s(a)))}return o}function s(o){if(typeof o=="string"||typeof o=="number")return o;if(typeof o!="object")return"";if(Array.isArray(o))return n.apply(null,o);if(o.toString!==Object.prototype.toString&&!o.toString.toString().includes("[native code]"))return o.toString();var r="";for(var a in o)e.call(o,a)&&o[a]&&(r=i(r,a));return r}function i(o,r){return r?o?o+" "+r:o+r:o}t.exports?(n.default=n,t.exports=n):window.classNames=n})()})(hn)),hn.exports}var Bf=If();const Pt=jf(Bf),Ff="_rippleOverlay_s2kim_8",Nf="_ripple_s2kim_8",Ui={rippleOverlay:Ff,ripple:Nf},fn="button, a, input, label, [role='button'], [data-ripple']";function zf(t){if(typeof t.composedPath=="function")return t.composedPath();const e=[];let n=t.target;for(;n;)e.push(n),n=n.parentNode||n.host;return e.push(window),e}const bs=b.forwardRef(({color:t="rgba(0,0,0,0.18)",duration:e=1e3,radius:n="auto",className:s},i)=>{const o=b.useRef(null),[r,a]=b.useState([]),l=b.useRef([]),u=b.useRef(1),c=b.useRef(null),h=()=>{l.current.forEach(m=>clearTimeout(m)),l.current=[]},f=b.useCallback((m,x,p,v)=>{const g=p.getBoundingClientRect(),S=n==="auto"?Math.max(g.width,g.height)*2:n,T=m-v.left,_=x-v.top,C=Math.max(0,g.top-v.top),P=Math.max(0,g.left-v.left),V=Math.max(0,v.right-g.right),F=Math.max(0,v.bottom-g.bottom),Ht=window.getComputedStyle(p).borderRadius||"0px",Yt=u.current++,At={id:Yt,left:T-S/2,top:_-S/2,size:Math.ceil(S),clip:{top:Math.round(C),right:Math.round(V),bottom:Math.round(F),left:Math.round(P)},borderRadius:Ht};a(ve=>[...ve,At]);const ye=window.setTimeout(()=>{a(ve=>ve.filter(N=>N.id!==Yt))},e+80);l.current.push(ye)},[e,n]),d=b.useCallback(m=>{try{if(!o.current)return;const x=o.current,p=x.parentElement;if(!p)return;const v=zf(m);let g=null;for(const P of v)if(P instanceof Element){if(P===p)break;if(P.matches&&P.matches(fn)){g=P;break}}if(g||(g=p),g.closest&&(g.closest("[disabled]")||g.getAttribute("aria-disabled")==="true"||g.classList.contains("ripple-disabled")))return;const S=m.target;if(S&&S.closest&&(S.closest("[disabled]")||S.getAttribute?.("aria-disabled")==="true"))return;const T=x.getBoundingClientRect(),{clientX:_}=m,{clientY:C}=m;f(_,C,g,T)}catch{}},[f]),y=b.useCallback(m=>{if(!o.current||!(m.key==="Enter"||m.key===" "))return;const x=o.current,p=x.parentElement;if(!p)return;const v=document.activeElement;let g=null;if(v instanceof Element&&v.matches(fn)&&(g=v),g||(g=p),g.closest&&(g.closest("[disabled]")||g.getAttribute("aria-disabled")==="true"))return;const S=x.getBoundingClientRect(),T=g.getBoundingClientRect().left+g.getBoundingClientRect().width/2,_=g.getBoundingClientRect().top+g.getBoundingClientRect().height/2;f(T,_,g,S)},[f]);return b.useImperativeHandle(i,()=>({trigger:({center:m=!0,x,y:p}={})=>{const v=o.current;if(!v)return;const g=v.parentElement;if(!g)return;const S=v.getBoundingClientRect(),T=document.activeElement instanceof Element&&document.activeElement.matches(fn)?document.activeElement:g,_=m?T.getBoundingClientRect().left+T.getBoundingClientRect().width/2:x??S.left+S.width/2,C=m?T.getBoundingClientRect().top+T.getBoundingClientRect().height/2:p??S.top+S.height/2;f(_,C,T,S)}}),[f]),b.useEffect(()=>{const m=o.current;if(!m)return;const x=m.parentElement;if(!x)return;const p=window.getComputedStyle(x);let v=!1;return p.position==="static"&&(x.style.position="relative",v=!0,c.current=x),x.addEventListener("pointerdown",d,!0),x.addEventListener("keydown",y),()=>{x.removeEventListener("pointerdown",d,!0),x.removeEventListener("keydown",y),v&&c.current&&(c.current.style.position="",c.current=null),h()}},[d,y]),b.useEffect(()=>()=>h(),[]),w.jsx("div",{ref:o,className:`${Ui.rippleOverlay} ${s??""}`,"aria-hidden":!0,children:r.map(m=>w.jsx("span",{className:Ui.ripple,style:{left:`${m.left}px`,top:`${m.top}px`,width:`${m.size}px`,height:`${m.size}px`,backgroundColor:t,animationDuration:`${e}ms`,clipPath:`inset(${m.clip.top}px ${m.clip.right}px ${m.clip.bottom}px ${m.clip.left}px round ${m.borderRadius})`}},m.id))})});function Uo(t,e){const{current:n}=b.useRef(t!==void 0),[s,i]=b.useState(e),o=n?t:s,r=b.useCallback(a=>{n||i(a)},[n]);return[o,r]}const $f=(t,e)=>{const[n,s]=b.useState({top:0,left:0,width:0});return b.useLayoutEffect(()=>{if(!e||!t.current)return;const i=()=>{const r=t.current.getBoundingClientRect();s({top:r.bottom+window.scrollY+4,left:r.left+window.scrollX,width:r.width})};i(),window.addEventListener("resize",i),window.addEventListener("scroll",i,!0);const o=new ResizeObserver(()=>i());return o.observe(t.current),()=>{window.removeEventListener("resize",i),window.removeEventListener("scroll",i,!0),o.disconnect()}},[e,t]),n};function Ke(t,e,n,s=""){if(n)return t[`${e}_${n}${s}`]}function he(t,e,n){return Ke(t,e,n,"Size")}const Wf="_button_12z2f_8",Uf="_button_primary_12z2f_19",Kf="_button_secondary_12z2f_22",Gf="_button_negative_12z2f_25",Hf="_button_positive_12z2f_28",Yf="_button_warning_12z2f_31",Xf="_button_neutral_12z2f_34",qf="_button_mdSize_12z2f_94",Zf="_button_smSize_12z2f_104",Jf="_button_xsSize_12z2f_114",dn={button:Wf,button_primary:Uf,button_secondary:Kf,button_negative:Gf,button_positive:Hf,button_warning:Yf,button_neutral:Xf,button_mdSize:qf,button_smSize:Zf,button_xsSize:Jf};function ws({attr:t,children:e,className:n,type:s="button",color:i="primary",size:o="md",...r}){const a="button";return w.jsxs("button",{...t,...r,type:s,className:Pt(dn[a],n,he(dn,a,o),Ke(dn,a,i)),children:[w.jsx(bs,{}),e]})}const Ko=t=>D.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},D.createElement("path",{d:"M18 6L6 18M6 6L18 18",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),Qf="_overlay_1udux_8",td="_open_1udux_21",ed="_modal_1udux_25",nd="_closeButton_1udux_42",sd="_size_lg_1udux_49",id="_size_md_1udux_52",rd="_size_sm_1udux_55",Zt={overlay:Qf,open:td,modal:ed,"modal-animation":"_modal-animation_1udux_1",closeButton:nd,size_lg:sd,size_md:id,size_sm:rd},Go=b.forwardRef(({isOpen:t=!0,onClose:e,overlayClassName:n,modalClassName:s,size:i="md",closeOnBackdropClick:o=!0,closeOnEsc:r=!0,disableBodyScroll:a=!1,showAbsoluteCloseButton:l=!1,children:u},c)=>{b.useEffect(()=>{if(a&&t&&typeof window<"u"&&typeof document<"u"){const d=window.getComputedStyle(document.body).overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=d}}},[t,a]);const h=b.useCallback(d=>{d.key==="Escape"&&e&&e()},[e]);b.useEffect(()=>{if(typeof window<"u"&&typeof document<"u"&&r&&t)return document.addEventListener("keydown",h),()=>document.removeEventListener("keydown",h)},[t,r,h]);const f=b.useCallback(d=>{d.target===d.currentTarget&&o&&e&&e()},[o,e]);return w.jsx("div",{onClick:f,className:W(Zt.overlay,{[Zt.open]:t},n),children:w.jsxs(R,{ref:c,className:W(Zt.modal,Zt[`size_${i}`],s),children:[l&&w.jsx(ws,{className:Zt.closeButton,onClick:e,color:"neutral",children:w.jsx(Ko,{})}),u]})})});Go.displayName="Modal";const od="_loader_1qleq_8",ad={loader:od},ld=({color:t="var(--text-accent)"})=>w.jsx("span",{className:W(ad.loader,K({"--loader-color":t}))}),cd=K({display:"flex",alignItems:"center",justifyContent:"center",position:"relative",borderRadius:16,height:48,padding:"0 16px",cursor:"pointer",fontSize:16,fontWeight:600,overflow:"hidden",transition:"all 0.2s ease",gap:8}),Ce={zero:"var(--corner-zero)",xs:"var(--corner-xs)",sm:"var(--corner-sm)",md:"var(--corner-md)",lg:"var(--corner-lg)",xl:"var(--corner-xl)","2xl":"var(--corner-2xl)","3xl":"var(--corner-3xl)","4xl":"var(--corner-4xl)","5xl":"var(--corner-5xl)","6xl":"var(--corner-6xl)","full-round":"var(--corner-full-round)"},ud={xs:"var(--height-button-xs)",sm:"var(--height-button-sm)",md:"var(--height-button-md)",lg:"var(--height-button-lg)"},hd={clear:K({backgroundColor:"transparent",border:"none"}),filled:K({backgroundColor:"var(--fill-accent-primary)",color:"white",border:"none"}),outline:K({backgroundColor:"transparent",border:"1px solid var(--border-accent-primary)"})},fd=(t,e,n,s)=>{if(s)return K({cursor:"not-allowed",opacity:.7});const i={transition:"all 0.2s ease",borderRadius:"var(--corner-lg)",border:"none",color:t==="filled"?"var(--text-inverse)":`var(--text-${e})`};switch(t){case"filled":return K({...i,backgroundColor:`var(--fill-${e}-${n})`,":hover":{backgroundColor:`var(--fill-${e}-${n}-hover)`},":active":{backgroundColor:`var(--fill-${e}-${n}-hover)`}});case"outline":return K({...i,backgroundColor:"transparent",border:`1px solid var(--border-${e}-${n})`,":hover":{backgroundColor:`var(--fill-${e}-secondary-hover)`},":active":{backgroundColor:`var(--fill-${e}-secondary-hover)`}});case"clear":return K({...i,backgroundColor:"transparent",":hover":{backgroundColor:`var(--fill-${e}-secondary-hover)`},":active":{backgroundColor:`var(--fill-${e}-secondary-hover)`}});default:return K(i)}},dd=({disabled:t,loading:e,onClick:n,wrapperClassName:s,buttonClassName:i,buttonDisabledClassName:o,textClassName:r,children:a,variant:l="filled",backgroundColor:u,textColor:c,textFontWeight:h,borderColor:f,color:d="accent",borderRadius:y,width:m="full",size:x="md",iconLeft:p,iconRight:v,intensity:g="primary",...S})=>{const T=b.useMemo(()=>{switch(m){case"full":return"100%";case"auto":return"auto";default:return m}},[m]),_=b.useMemo(()=>u||(l==="filled"?`var(--fill-${d}-${g})`:"transparent"),[l,t,u,d,g]),C=b.useMemo(()=>{if(c)return c;if(g==="primary"){if(d==="neutral")return"var(--text-secondary)";if(l==="filled")return"var(--text-inverse)"}return`var(--text-${d}, #111)`},[l,t,c,d,g]),P=b.useMemo(()=>f||(l==="outline"?`var(--border-${d}-${g})`:"transparent"),[l,f,d,g]),V=b.useMemo(()=>{switch(x){case"lg":return Ce.lg;case"md":case"sm":return Ce.md;case"xs":return Ce.sm}},[x]),F=W(cd,fd(l,d,g,t),hd[l],i,t?o:void 0,K({borderRadius:y?Ce[y]:V,backgroundColor:_,borderColor:P,color:C,width:"100%",height:ud[x],opacity:t?.7:1})),at=b.useMemo(()=>{switch(x){case"lg":case"md":return"body-1";case"sm":case"xs":return"body-2";default:return"body-1"}},[x]);return w.jsx(R,{className:W(s),w:T,relative:!0,overflow:"hidden",children:w.jsxs($o.button,{whileTap:!t&&!e?{scale:.99,boxShadow:"inset 0 0 0 10000px rgba(0,0,0,0.1)",transition:{duration:0}}:{},className:F,disabled:t||e,onClick:n,...S,children:[e?w.jsx(ld,{color:C}):w.jsxs(w.Fragment,{children:[p,w.jsx(Wo,{children:a,color:C,variant:at,className:r,textOverflow:"ellipsis",overflow:"hidden"}),v]}),w.jsx(bs,{})]})})},md=t=>D.createElement("svg",{viewBox:"0 0 24 24",fill:"none",...t},D.createElement("path",{d:"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z",fill:"currentColor"})),pd=t=>D.createElement("svg",{viewBox:"0 0 24 24",fill:"none",...t},D.createElement("path",{d:"M19 13H5v-2h14v2z",fill:"currentColor"})),gd="_checkbox_1hy9q_8",yd="_disabled_1hy9q_15",vd="_checkbox__input_1hy9q_27",xd="_checkbox__box_1hy9q_35",wt={checkbox:gd,disabled:yd,checkbox__input:vd,checkbox__box:xd,"checkbox__box--checked":"_checkbox__box--checked_1hy9q_51"},bd={sm:20,md:24},Ho=b.forwardRef(({checked:t,onChange:e,disabled:n,indeterminate:s,size:i="md",title:o,titleColor:r,subtitle:a,subtitleColor:l="secondary",name:u,value:c,required:h},f)=>{const[d,y]=b.useState(!1),m=t!==void 0,x=m?t:d,p=S=>{m||y(S.target.checked),e?.(S)},v=bd[i],g=x||s;return w.jsxs("label",{className:W(wt.checkbox,{[wt.disabled]:n}),children:[w.jsxs(R,{relative:!0,display:"inline-flex",style:{"--checkbox-size":`${v}px`,"--checkbox-size-double":`${v*2}px`},children:[w.jsx("input",{ref:f,type:"checkbox",checked:x,onChange:p,onClick:S=>S.stopPropagation(),disabled:n,name:u,value:c,required:h,className:W(wt.checkbox__input,{[wt.disabled]:n})}),w.jsx("div",{className:W(wt.checkbox__box,g&&wt["checkbox__box--checked"],{[wt.disabled]:n}),children:g&&(s?w.jsx(pd,{width:v*.75,height:v*.75}):w.jsx(md,{width:v*.75,height:v*.75}))})]}),(o||a)&&w.jsxs(R,{gap:4,children:[o&&w.jsx(Y,{colorName:r,variant:i==="sm"?"body-2":"body-1",children:o}),a&&w.jsx(Y,{variant:"body-2",colorName:l,children:a})]})]})});Ho.displayName="Checkbox";const wd=t=>D.createElement("svg",{width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},D.createElement("g",{opacity:.5},D.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.0002 17.9999C14.4185 17.9999 18.0002 14.4182 18.0002 9.99991C18.0002 5.58163 14.4185 1.99991 10.0002 1.99991C5.58197 1.99991 2.00024 5.58163 2.00024 9.99991C2.00024 14.4182 5.58197 17.9999 10.0002 17.9999ZM6.46514 6.46446C6.85566 6.07393 7.48883 6.07393 7.87935 6.46446L9.64712 8.23222C9.84238 8.42749 10.159 8.42749 10.3542 8.23222L12.122 6.46446C12.5125 6.07393 13.1457 6.07393 13.5362 6.46446C13.9267 6.85498 13.9267 7.48814 13.5362 7.87867L11.7684 9.64644C11.5732 9.8417 11.5732 10.1583 11.7684 10.3535L13.5362 12.1213C13.9267 12.5118 13.9267 13.145 13.5362 13.5355C13.1457 13.926 12.5125 13.926 12.122 13.5355L10.3542 11.7678C10.159 11.5725 9.84238 11.5725 9.64712 11.7678L7.87935 13.5355C7.48883 13.926 6.85566 13.926 6.46514 13.5355C6.07462 13.145 6.07462 12.5118 6.46514 12.1213L8.23291 10.3535C8.42817 10.1583 8.42817 9.8417 8.23291 9.64644L6.46514 7.87867C6.07462 7.48815 6.07462 6.85498 6.46514 6.46446Z",fill:"currentColor"}))),Td="_disabled_z2lr1_20",Sd="_input_z2lr1_8",Cd="_sm_z2lr1_61",Pd="_md_z2lr1_66",_d="_error_z2lr1_70",Md="_white_z2lr1_74",Ad="_gray_z2lr1_78",it={"input-container":"_input-container_z2lr1_8",disabled:Td,input:Sd,"input-text-size_sm":"_input-text-size_sm_z2lr1_52","input-text-size_md":"_input-text-size_md_z2lr1_56",sm:Cd,md:Pd,error:_d,white:Md,gray:Ad,"clear-button":"_clear-button_z2lr1_82"};function Ki(t){return{...new Event("input",{bubbles:!0}),target:t,currentTarget:t}}const Yo=b.forwardRef((t,e)=>{const{label:n,prompt:s,error:i,errorText:o,size:r="md",prefix:a,suffix:l,background:u="white",showClearButton:c,disabled:h,value:f,defaultValue:d,...y}=t,m=t.multiline===!0,x=b.useRef(null),p=b.useRef(null),[v,g]=Uo(f!==void 0?String(f):void 0,d!==void 0?String(d):"");b.useImperativeHandle(e,()=>({focus:()=>{x.current?.focus(),p.current?.focus()},blur:()=>{x.current?.blur(),p.current?.blur()},get value(){return x.current?.value||p.current?.value}}));const S=C=>{if(g(C.target.value),m){const P=t.onChange;P?.(C)}else{const P=t.onChange;P?.(C)}};b.useEffect(()=>{m&&t.autoResize&&p.current&&(p.current.style.height="auto",p.current.style.height=`${p.current.scrollHeight}px`)},[v,m,t.autoResize]);const T=()=>{if(g(""),!m){const P=x.current;if(P){P.value="";const V=Ki(P),F=t.onChange;F?.(V)}return}const C=p.current;if(C){C.value="";const P=Ki(C),V=t.onChange;V?.(P)}},_=()=>{if(m){const{rows:F,autoResize:at,onChange:Ht,multiline:Yt,...At}=y;return w.jsx("textarea",{ref:p,rows:t.rows??3,className:W(it.input,{[it.disabled]:h}),disabled:h,maxLength:t.maxLength,...At,value:v,onChange:S})}const{onChange:C,multiline:P,...V}=y;return w.jsx("input",{...V,ref:x,className:W(it.input,it[`input-text-size_${r}`],{[it.disabled]:h}),disabled:h,type:t.type??"text",value:v,onChange:S})};return w.jsxs(R,{w:"full",gap:"var(--spacing-sm)",children:[n&&w.jsx(Y,{variant:"body-2",fontWeight:"regular",colorName:i?"negative":"tertiary",children:n}),w.jsxs(R,{row:!0,alignItems:"center",w:"full",gap:"var(--spacing-md)",className:W(it["input-container"],it[u],it[r],{[it.error]:i,[it.disabled]:h}),children:[a&&w.jsx(R,{flex:"none",children:a}),w.jsx(R,{flex:"1",children:_()}),c&&v&&!h&&w.jsx(R,{flex:"none",children:w.jsx("span",{className:it["clear-button"],onClick:T,children:w.jsx(wd,{})})}),l&&w.jsx(R,{flex:"none",children:l})]}),(s||m)&&w.jsxs(R,{row:!0,gap:10,w:"full",children:[typeof s=="string"?w.jsx(Y,{variant:"caption-1",colorName:"tertiary",children:s}):s,m&&t.maxLength&&w.jsx(Y,{right:!0,ml:"auto",flex:"none",variant:"caption-1",colorName:"tertiary",children:`${v.length}/${t.maxLength}`})]}),o&&i&&w.jsx(Y,{variant:"body-2",colorName:"negative",fontWeight:"regular",children:o})]})});Yo.displayName="Input";const Ed="_header_446to_8",Vd={header:Ed},Xo=b.forwardRef(({title:t,subtitle:e,onClose:n,w:s="full",p:i,py:o,px:r="var(--spacing-2xl)",pt:a="var(--spacing-2xl)",pb:l="var(--spacing-lg)",row:u=!0,justifyContent:c="space-between",showCloseButton:h=!0},f)=>w.jsxs(R,{w:s,p:i,py:o,px:r,pt:a,pb:l,row:u,justifyContent:c,ref:f,className:Vd.header,children:[w.jsxs(R,{children:[w.jsx(Y,{variant:"title-3",colorName:"primary",fontWeight:"semibold",children:t}),w.jsx(Y,{variant:"body-1",colorName:"tertiary",fontWeight:"medium",children:e})]}),h&&w.jsx(R,{children:w.jsx(ws,{onClick:n,color:"neutral",children:w.jsx(Ko,{})})})]}));Xo.displayName="ModalHeader";const Rd="_footer_1bo08_8",Dd={footer:Rd},qo=b.forwardRef(({children:t,row:e=!0,flex:n=!0,gap:s="var(--spacing-lg)",p:i="var(--spacing-2xl)",className:o,...r},a)=>w.jsx(R,{flex:n,row:e,gap:s,p:i,className:W(Dd.footer,o),ref:a,...r,children:t}));qo.displayName="ModalFooter";function Vt(t,e,n){let s=n.initialDeps??[],i;function o(){var r,a,l,u;let c;n.key&&((r=n.debug)!=null&&r.call(n))&&(c=Date.now());const h=t();if(!(h.length!==s.length||h.some((y,m)=>s[m]!==y)))return i;s=h;let d;if(n.key&&((a=n.debug)!=null&&a.call(n))&&(d=Date.now()),i=e(...h),n.key&&((l=n.debug)!=null&&l.call(n))){const y=Math.round((Date.now()-c)*100)/100,m=Math.round((Date.now()-d)*100)/100,x=m/16,p=(v,g)=>{for(v=String(v);v.length<g;)v=" "+v;return v};console.info(`%c⏱ ${p(m,5)} /${p(y,5)} ms`,`
|
|
6
6
|
font-size: .6rem;
|
|
7
7
|
font-weight: bold;
|
|
8
8
|
color: hsl(${Math.max(0,Math.min(120-120*x,120))}deg 100% 31%);`,n?.key)}return(u=n?.onChange)==null||u.call(n,i),i}return o.updateDeps=r=>{s=r},o}function Gi(t,e){if(t===void 0)throw new Error("Unexpected undefined");return t}const kd=(t,e)=>Math.abs(t-e)<1.01,Ld=(t,e,n)=>{let s;return function(...i){t.clearTimeout(s),s=t.setTimeout(()=>e.apply(this,i),n)}},Hi=t=>{const{offsetWidth:e,offsetHeight:n}=t;return{width:e,height:n}},Od=t=>t,jd=t=>{const e=Math.max(t.startIndex-t.overscan,0),n=Math.min(t.endIndex+t.overscan,t.count-1),s=[];for(let i=e;i<=n;i++)s.push(i);return s},Id=(t,e)=>{const n=t.scrollElement;if(!n)return;const s=t.targetWindow;if(!s)return;const i=r=>{const{width:a,height:l}=r;e({width:Math.round(a),height:Math.round(l)})};if(i(Hi(n)),!s.ResizeObserver)return()=>{};const o=new s.ResizeObserver(r=>{const a=()=>{const l=r[0];if(l?.borderBoxSize){const u=l.borderBoxSize[0];if(u){i({width:u.inlineSize,height:u.blockSize});return}}i(Hi(n))};t.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(a):a()});return o.observe(n,{box:"border-box"}),()=>{o.unobserve(n)}},Yi={passive:!0},Xi=typeof window>"u"?!0:"onscrollend"in window,Bd=(t,e)=>{const n=t.scrollElement;if(!n)return;const s=t.targetWindow;if(!s)return;let i=0;const o=t.options.useScrollendEvent&&Xi?()=>{}:Ld(s,()=>{e(i,!1)},t.options.isScrollingResetDelay),r=c=>()=>{const{horizontal:h,isRtl:f}=t.options;i=h?n.scrollLeft*(f&&-1||1):n.scrollTop,o(),e(i,c)},a=r(!0),l=r(!1);l(),n.addEventListener("scroll",a,Yi);const u=t.options.useScrollendEvent&Ξreturn u&&n.addEventListener("scrollend",l,Yi),()=>{n.removeEventListener("scroll",a),u&&n.removeEventListener("scrollend",l)}},Fd=(t,e,n)=>{if(e?.borderBoxSize){const s=e.borderBoxSize[0];if(s)return Math.round(s[n.options.horizontal?"inlineSize":"blockSize"])}return t[n.options.horizontal?"offsetWidth":"offsetHeight"]},Nd=(t,{adjustments:e=0,behavior:n},s)=>{var i,o;const r=t+e;(o=(i=s.scrollElement)==null?void 0:i.scrollTo)==null||o.call(i,{[s.options.horizontal?"left":"top"]:r,behavior:n})};class zd{constructor(e){this.unsubs=[],this.scrollElement=null,this.targetWindow=null,this.isScrolling=!1,this.measurementsCache=[],this.itemSizeCache=new Map,this.pendingMeasuredCacheIndexes=[],this.scrollRect=null,this.scrollOffset=null,this.scrollDirection=null,this.scrollAdjustments=0,this.elementsCache=new Map,this.observer=(()=>{let n=null;const s=()=>n||(!this.targetWindow||!this.targetWindow.ResizeObserver?null:n=new this.targetWindow.ResizeObserver(i=>{i.forEach(o=>{const r=()=>{this._measureElement(o.target,o)};this.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(r):r()})}));return{disconnect:()=>{var i;(i=s())==null||i.disconnect(),n=null},observe:i=>{var o;return(o=s())==null?void 0:o.observe(i,{box:"border-box"})},unobserve:i=>{var o;return(o=s())==null?void 0:o.unobserve(i)}}})(),this.range=null,this.setOptions=n=>{Object.entries(n).forEach(([s,i])=>{typeof i>"u"&&delete n[s]}),this.options={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,scrollPaddingStart:0,scrollPaddingEnd:0,horizontal:!1,getItemKey:Od,rangeExtractor:jd,onChange:()=>{},measureElement:Fd,initialRect:{width:0,height:0},scrollMargin:0,gap:0,indexAttribute:"data-index",initialMeasurementsCache:[],lanes:1,isScrollingResetDelay:150,enabled:!0,isRtl:!1,useScrollendEvent:!1,useAnimationFrameWithResizeObserver:!1,...n}},this.notify=n=>{var s,i;(i=(s=this.options).onChange)==null||i.call(s,this,n)},this.maybeNotify=Vt(()=>(this.calculateRange(),[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]),n=>{this.notify(n)},{key:process.env.NODE_ENV!=="production"&&"maybeNotify",debug:()=>this.options.debug,initialDeps:[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]}),this.cleanup=()=>{this.unsubs.filter(Boolean).forEach(n=>n()),this.unsubs=[],this.observer.disconnect(),this.scrollElement=null,this.targetWindow=null},this._didMount=()=>()=>{this.cleanup()},this._willUpdate=()=>{var n;const s=this.options.enabled?this.options.getScrollElement():null;if(this.scrollElement!==s){if(this.cleanup(),!s){this.maybeNotify();return}this.scrollElement=s,this.scrollElement&&"ownerDocument"in this.scrollElement?this.targetWindow=this.scrollElement.ownerDocument.defaultView:this.targetWindow=((n=this.scrollElement)==null?void 0:n.window)??null,this.elementsCache.forEach(i=>{this.observer.observe(i)}),this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0}),this.unsubs.push(this.options.observeElementRect(this,i=>{this.scrollRect=i,this.maybeNotify()})),this.unsubs.push(this.options.observeElementOffset(this,(i,o)=>{this.scrollAdjustments=0,this.scrollDirection=o?this.getScrollOffset()<i?"forward":"backward":null,this.scrollOffset=i,this.isScrolling=o,this.maybeNotify()}))}},this.getSize=()=>this.options.enabled?(this.scrollRect=this.scrollRect??this.options.initialRect,this.scrollRect[this.options.horizontal?"width":"height"]):(this.scrollRect=null,0),this.getScrollOffset=()=>this.options.enabled?(this.scrollOffset=this.scrollOffset??(typeof this.options.initialOffset=="function"?this.options.initialOffset():this.options.initialOffset),this.scrollOffset):(this.scrollOffset=null,0),this.getFurthestMeasurement=(n,s)=>{const i=new Map,o=new Map;for(let r=s-1;r>=0;r--){const a=n[r];if(i.has(a.lane))continue;const l=o.get(a.lane);if(l==null||a.end>l.end?o.set(a.lane,a):a.end<l.end&&i.set(a.lane,!0),i.size===this.options.lanes)break}return o.size===this.options.lanes?Array.from(o.values()).sort((r,a)=>r.end===a.end?r.index-a.index:r.end-a.end)[0]:void 0},this.getMeasurementOptions=Vt(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled],(n,s,i,o,r)=>(this.pendingMeasuredCacheIndexes=[],{count:n,paddingStart:s,scrollMargin:i,getItemKey:o,enabled:r}),{key:!1}),this.getMeasurements=Vt(()=>[this.getMeasurementOptions(),this.itemSizeCache],({count:n,paddingStart:s,scrollMargin:i,getItemKey:o,enabled:r},a)=>{if(!r)return this.measurementsCache=[],this.itemSizeCache.clear(),[];this.measurementsCache.length===0&&(this.measurementsCache=this.options.initialMeasurementsCache,this.measurementsCache.forEach(c=>{this.itemSizeCache.set(c.key,c.size)}));const l=this.pendingMeasuredCacheIndexes.length>0?Math.min(...this.pendingMeasuredCacheIndexes):0;this.pendingMeasuredCacheIndexes=[];const u=this.measurementsCache.slice(0,l);for(let c=l;c<n;c++){const h=o(c),f=this.options.lanes===1?u[c-1]:this.getFurthestMeasurement(u,c),d=f?f.end+this.options.gap:s+i,y=a.get(h),m=typeof y=="number"?y:this.options.estimateSize(c),x=d+m,p=f?f.lane:c%this.options.lanes;u[c]={index:c,start:d,size:m,end:x,key:h,lane:p}}return this.measurementsCache=u,u},{key:process.env.NODE_ENV!=="production"&&"getMeasurements",debug:()=>this.options.debug}),this.calculateRange=Vt(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset(),this.options.lanes],(n,s,i,o)=>this.range=n.length>0&&s>0?$d({measurements:n,outerSize:s,scrollOffset:i,lanes:o}):null,{key:process.env.NODE_ENV!=="production"&&"calculateRange",debug:()=>this.options.debug}),this.getVirtualIndexes=Vt(()=>{let n=null,s=null;const i=this.calculateRange();return i&&(n=i.startIndex,s=i.endIndex),this.maybeNotify.updateDeps([this.isScrolling,n,s]),[this.options.rangeExtractor,this.options.overscan,this.options.count,n,s]},(n,s,i,o,r)=>o===null||r===null?[]:n({startIndex:o,endIndex:r,overscan:s,count:i}),{key:process.env.NODE_ENV!=="production"&&"getVirtualIndexes",debug:()=>this.options.debug}),this.indexFromElement=n=>{const s=this.options.indexAttribute,i=n.getAttribute(s);return i?parseInt(i,10):(console.warn(`Missing attribute name '${s}={index}' on measured element.`),-1)},this._measureElement=(n,s)=>{const i=this.indexFromElement(n),o=this.measurementsCache[i];if(!o)return;const r=o.key,a=this.elementsCache.get(r);a!==n&&(a&&this.observer.unobserve(a),this.observer.observe(n),this.elementsCache.set(r,n)),n.isConnected&&this.resizeItem(i,this.options.measureElement(n,s,this))},this.resizeItem=(n,s)=>{const i=this.measurementsCache[n];if(!i)return;const o=this.itemSizeCache.get(i.key)??i.size,r=s-o;r!==0&&((this.shouldAdjustScrollPositionOnItemSizeChange!==void 0?this.shouldAdjustScrollPositionOnItemSizeChange(i,r,this):i.start<this.getScrollOffset()+this.scrollAdjustments)&&(process.env.NODE_ENV!=="production"&&this.options.debug&&console.info("correction",r),this._scrollToOffset(this.getScrollOffset(),{adjustments:this.scrollAdjustments+=r,behavior:void 0})),this.pendingMeasuredCacheIndexes.push(i.index),this.itemSizeCache=new Map(this.itemSizeCache.set(i.key,s)),this.notify(!1))},this.measureElement=n=>{if(!n){this.elementsCache.forEach((s,i)=>{s.isConnected||(this.observer.unobserve(s),this.elementsCache.delete(i))});return}this._measureElement(n,void 0)},this.getVirtualItems=Vt(()=>[this.getVirtualIndexes(),this.getMeasurements()],(n,s)=>{const i=[];for(let o=0,r=n.length;o<r;o++){const a=n[o],l=s[a];i.push(l)}return i},{key:process.env.NODE_ENV!=="production"&&"getVirtualItems",debug:()=>this.options.debug}),this.getVirtualItemForOffset=n=>{const s=this.getMeasurements();if(s.length!==0)return Gi(s[Zo(0,s.length-1,i=>Gi(s[i]).start,n)])},this.getOffsetForAlignment=(n,s,i=0)=>{const o=this.getSize(),r=this.getScrollOffset();s==="auto"&&(s=n>=r+o?"end":"start"),s==="center"?n+=(i-o)/2:s==="end"&&(n-=o);const a=this.getTotalSize()+this.options.scrollMargin-o;return Math.max(Math.min(a,n),0)},this.getOffsetForIndex=(n,s="auto")=>{n=Math.max(0,Math.min(n,this.options.count-1));const i=this.measurementsCache[n];if(!i)return;const o=this.getSize(),r=this.getScrollOffset();if(s==="auto")if(i.end>=r+o-this.options.scrollPaddingEnd)s="end";else if(i.start<=r+this.options.scrollPaddingStart)s="start";else return[r,s];const a=s==="end"?i.end+this.options.scrollPaddingEnd:i.start-this.options.scrollPaddingStart;return[this.getOffsetForAlignment(a,s,i.size),s]},this.isDynamicMode=()=>this.elementsCache.size>0,this.scrollToOffset=(n,{align:s="start",behavior:i}={})=>{i==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),this._scrollToOffset(this.getOffsetForAlignment(n,s),{adjustments:void 0,behavior:i})},this.scrollToIndex=(n,{align:s="auto",behavior:i}={})=>{i==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),n=Math.max(0,Math.min(n,this.options.count-1));let o=0;const r=10,a=u=>{if(!this.targetWindow)return;const c=this.getOffsetForIndex(n,u);if(!c){console.warn("Failed to get offset for index:",n);return}const[h,f]=c;this._scrollToOffset(h,{adjustments:void 0,behavior:i}),this.targetWindow.requestAnimationFrame(()=>{const d=this.getScrollOffset(),y=this.getOffsetForIndex(n,f);if(!y){console.warn("Failed to get offset for index:",n);return}kd(y[0],d)||l(f)})},l=u=>{this.targetWindow&&(o++,o<r?(process.env.NODE_ENV!=="production"&&this.options.debug&&console.info("Schedule retry",o,r),this.targetWindow.requestAnimationFrame(()=>a(u))):console.warn(`Failed to scroll to index ${n} after ${r} attempts.`))};a(s)},this.scrollBy=(n,{behavior:s}={})=>{s==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),this._scrollToOffset(this.getScrollOffset()+n,{adjustments:void 0,behavior:s})},this.getTotalSize=()=>{var n;const s=this.getMeasurements();let i;if(s.length===0)i=this.options.paddingStart;else if(this.options.lanes===1)i=((n=s[s.length-1])==null?void 0:n.end)??0;else{const o=Array(this.options.lanes).fill(null);let r=s.length-1;for(;r>=0&&o.some(a=>a===null);){const a=s[r];o[a.lane]===null&&(o[a.lane]=a.end),r--}i=Math.max(...o.filter(a=>a!==null))}return Math.max(i-this.options.scrollMargin+this.options.paddingEnd,0)},this._scrollToOffset=(n,{adjustments:s,behavior:i})=>{this.options.scrollToFn(n,{behavior:i,adjustments:s},this)},this.measure=()=>{this.itemSizeCache=new Map,this.notify(!1)},this.setOptions(e)}}const Zo=(t,e,n,s)=>{for(;t<=e;){const i=(t+e)/2|0,o=n(i);if(o<s)t=i+1;else if(o>s)e=i-1;else return i}return t>0?t-1:0};function $d({measurements:t,outerSize:e,scrollOffset:n,lanes:s}){const i=t.length-1,o=l=>t[l].start;if(t.length<=s)return{startIndex:0,endIndex:i};let r=Zo(0,i,o,n),a=r;if(s===1)for(;a<i&&t[a].end<n+e;)a++;else if(s>1){const l=Array(s).fill(0);for(;a<i&&l.some(c=>c<n+e);){const c=t[a];l[c.lane]=c.end,a++}const u=Array(s).fill(n+e);for(;r>=0&&u.some(c=>c>=n);){const c=t[r];u[c.lane]=c.start,r--}r=Math.max(0,r-r%s),a=Math.min(i,a+(s-1-a%s))}return{startIndex:r,endIndex:a}}const qi=typeof document<"u"?D.useLayoutEffect:D.useEffect;function Wd(t){const e=D.useReducer(()=>({}),{})[1],n={...t,onChange:(i,o)=>{var r;o?Qi.flushSync(e):e(),(r=t.onChange)==null||r.call(t,i,o)}},[s]=D.useState(()=>new zd(n));return s.setOptions(n),qi(()=>s._didMount(),[]),qi(()=>s._willUpdate()),s}function Ud(t){return Wd({observeElementRect:Id,observeElementOffset:Bd,scrollToFn:Nd,...t})}const Kd="_main_bvmxs_8",Zi={main:Kd},Jo=b.forwardRef(({children:t,className:e,row:n=!1,estimatedItemHeight:s=100,virtualize:i=!1},o)=>{const r=b.useRef(null),a=b.useMemo(()=>b.Children.toArray(t),[t]),l=Ud({count:a.length,getScrollElement:()=>r.current,estimateSize:()=>s,measureElement:c=>c.getBoundingClientRect().height});return b.useImperativeHandle(o,()=>({scrollToTop:()=>l.scrollToOffset(0,{behavior:"smooth"}),scrollToBottom:()=>l.scrollToOffset(l.getTotalSize(),{behavior:"smooth"}),scrollToIndex:(c,h={})=>l.scrollToIndex(c,{behavior:"smooth",...h}),scrollToOffset:(c,h={})=>l.scrollToOffset(c,{behavior:"smooth",...h}),scrollBy:c=>{const h=l.scrollOffset||0;l.scrollToOffset(h+c,{behavior:"smooth"})},getElement:()=>r.current,getScrollOffset:()=>l.scrollOffset||0,getTotalSize:()=>l.getTotalSize()}),[l]),b.useMemo(()=>i||a.length>50,[i,a])&&a.length>0?w.jsx(R,{ref:r,className:W(Zi.main,e),w:"full",row:n,p:"var(--spacing-2xl)",children:w.jsx(R,{style:{height:`${l.getTotalSize()}px`,position:"relative"},children:l.getVirtualItems().map(c=>w.jsx(R,{"data-index":c.index,ref:l.measureElement,style:{position:"absolute",top:0,left:0,width:"100%",transform:`translateY(${c.start}px)`},children:a[c.index]},c.key))})}):w.jsx(R,{ref:r,className:W(Zi.main,e),w:"full",row:n,pl:"var(--spacing-2xl)",pr:"var(--spacing-xs)",children:w.jsx(R,{py:"var(--spacing-2xl)",pr:"var(--spacing-xl)",children:t})})});Jo.displayName="ModalMain";const Ge=Go;Ge.Header=Xo;Ge.Main=Jo;Ge.Footer=qo;const Gd="_avatar_1oe2p_8",Hd="_avatar_primary_1oe2p_22",Yd="_avatar_secondary_1oe2p_25",Xd="_avatar_negative_1oe2p_28",qd="_avatar_positive_1oe2p_31",Zd="_avatar_warning_1oe2p_34",Jd="_avatar_lgSize_1oe2p_71",Qd="_avatar_mdSize_1oe2p_85",tm="_avatar_smSize_1oe2p_99",mn={avatar:Gd,avatar_primary:Hd,avatar_secondary:Yd,avatar_negative:Xd,avatar_positive:qd,avatar_warning:Zd,avatar_lgSize:Jd,avatar_mdSize:Qd,avatar_smSize:tm};function em({attr:t,children:e,className:n,color:s="primary",size:i="md",...o}){const r="avatar";return w.jsx("div",{...t,...o,className:Pt(mn[r],n,he(mn,r,i),Ke(mn,r,s)),children:e})}const nm=t=>D.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},D.createElement("circle",{cx:12,cy:12,r:10,fill:"currentColor",fillOpacity:.15}),D.createElement("path",{d:"M16 9L10.0337 15L8 12.9548",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),Ji=t=>D.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},D.createElement("path",{d:"M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z",fill:"currentColor",fillOpacity:.15}),D.createElement("path",{d:"M12 6C11.4477 6 11 6.44772 11 7V13C11 13.5523 11.4477 14 12 14C12.5523 14 13 13.5523 13 13V7C13 6.44772 12.5523 6 12 6Z",fill:"currentColor"}),D.createElement("path",{d:"M12 15C11.4477 15 11 15.4477 11 16V17C11 17.5523 11.4477 18 12 18C12.5523 18 13 17.5523 13 17V16C13 15.4477 12.5523 15 12 15Z",fill:"currentColor"})),sm=t=>D.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},D.createElement("circle",{cx:12,cy:12,r:10,fill:"currentColor",fillOpacity:.12}),D.createElement("path",{d:"M16 8L8 16M16 16L8 8",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round"})),im=t=>D.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:"black",...t},D.createElement("path",{d:"M12 2V22M19.0711 4.92893L4.92893 19.0711M22 12H2M19.0711 19.0711L4.92893 4.92893",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),rm="_hint_prca1_8",om="_md_prca1_19",am="_sm_prca1_24",lm="_icon_prca1_29",cm="_content_prca1_40",um="_title_prca1_46",hm="_subtitle_prca1_50",fm="_disabled_prca1_55",dm="_warning_prca1_60",mm="_solid_prca1_60",pm="_negative_prca1_65",gm="_positive_prca1_70",ym="_accent_prca1_75",vm="_neutral_prca1_80",xm="_soft_prca1_85",tt={hint:rm,md:om,sm:am,icon:lm,content:cm,title:um,subtitle:hm,disabled:fm,warning:dm,solid:mm,negative:pm,positive:gm,accent:ym,neutral:vm,soft:xm},bm={negative:w.jsx(sm,{}),positive:w.jsx(nm,{}),accent:w.jsx(Ji,{}),warning:w.jsx(Ji,{}),neutral:w.jsx(im,{})},wm=({title:t,subtitle:e,color:n="warning",variant:s="soft",size:i="md",icon:o,disabled:r=!1,className:a,style:l})=>{const u=o||bm[n];return w.jsxs("div",{className:Pt(tt.hint,tt[n],tt[s],tt[i],r&&tt.disabled,a),style:l,"aria-disabled":r,children:[u&&w.jsx("span",{className:Pt(tt.icon,tt[n]),children:u}),w.jsxs("div",{className:tt.content,children:[t&&w.jsx(Y,{className:Pt(tt.title,he(tt,"title",i)),variant:i==="md"?"body-1":"caption-2",children:t}),e&&w.jsx(Y,{className:Pt(tt.subtitle,he(tt,"subtitle",i)),variant:i==="md"?"body-2":"caption-1",children:e})]})]})},Tm={primary:{bg:"var(--status-neutral-tint-low)",color:"var(--text-primary)"},accent:{bg:"var(--status-accent-tint-low)",color:"var(--text-accent)"},warning:{bg:"var(--status-warning-tint-low)",color:"var(--text-warning)"},positive:{bg:"var(--status-positive-tint-low)",color:"var(--text-positive)"},negative:{bg:"var(--status-negative-tint-low)",color:"var(--text-negative)"}},Sm={sm:28,md:32,lg:40},Qo=b.forwardRef(({label:t,color:e="primary",size:n="md",onClick:s,onDelete:i,avatar:o,icon:r,disabled:a,className:l},u)=>{const c=b.useRef(null),h=Tm[e],f=K({cursor:a?"not-allowed":s?"pointer":"default",opacity:a?.5:1,userSelect:"none",position:"relative",transition:"background-color 0.2s, opacity 0.2s","&:hover":a?void 0:{backgroundColor:h.bg}}),d=K({cursor:"pointer",opacity:.6,"&:hover":{opacity:1}});return w.jsxs(R,{ref:y=>{c.current=y,typeof u=="function"?u(y):u&&(u.current=y)},row:!0,alignItems:"center",gap:6,px:10,py:4,h:Sm[n],maxWidth:196,overflow:"hidden",borderRadius:"var(--corner-sm)",backgroundColor:h.bg,color:h.color,onClick:s,className:W(f,l),children:[s&&w.jsx(bs,{}),o&&w.jsx(R,{w:20,h:20,borderRadius:"50%",overflow:"hidden",children:o}),r&&w.jsx(R,{children:r}),w.jsx(Y,{variant:"caption-1",color:h.color,textOverflow:"ellipsis",children:t}),i&&!a&&w.jsx(Y,{className:d,colorName:e,onClick:y=>{y.stopPropagation(),i(y)},children:"×"})]})});Qo.displayName="Tag";const Cm=({children:t})=>{const[e]=b.useState(()=>document.createElement("div"));return b.useEffect(()=>{let n=document.getElementById("portal-root");return n||(n=document.createElement("div"),n.id="portal-root",document.body.appendChild(n)),n.appendChild(e),()=>{n&&n.contains(e)&&n.removeChild(e)}},[e]),Qi.createPortal(t,e)},Pm="_themeProviderScoped_kei3w_9",_m={themeProviderScoped:Pm};function Mm({className:t,children:e,theme:n}){return w.jsx("div",{className:Pt(_m.themeProviderScoped,t),"data-theme":n,children:e})}exports.AnimatedText=Wo;exports.Avatar=em;exports.Box=R;exports.Button=dd;exports.Checkbox=Ho;exports.Hint=wm;exports.IconButton=ws;exports.Input=Yo;exports.Modal=Ge;exports.Portal=Cm;exports.Tag=Qo;exports.Text=Y;exports.ThemeProviderScoped=Mm;exports.getSizeClass=he;exports.getStyleClass=Ke;exports.useControlled=Uo;exports.useDropdownPosition=$f;
|