@vacano/ui 0.0.1 → 1.2.1

package/dist/index.cjs

@@ -1,755 +1,1947 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("./Minus-C6HNRQfO.cjs"),He=require("@emotion/react"),X=require("react"),Ft=require("react-dom"),We=require("react/jsx-runtime");function wo(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const C=wo(X),pn=wo(Ft);function sr(){return sr=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)({}).hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},sr.apply(null,arguments)}const bn=6,xn="Loading";var mn=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,Cn=w.memoize(function(e){return mn.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91}),vn=Cn,wn=function(t){return t!=="theme"},Tr=function(t){return typeof t=="string"&&t.charCodeAt(0)>96?vn:wn},$r=function(t,r,o){var n;if(r){var s=r.shouldForwardProp;n=t.__emotion_forwardProp&&s?function(l){return t.__emotion_forwardProp(l)&&s(l)}:s}return typeof n!="function"&&o&&(n=t.__emotion_forwardProp),n},yn=function(t){var r=t.cache,o=t.serialized,n=t.isStringTag;return w.registerStyles(r,o,n),w.useInsertionEffectAlwaysWithSyncFallback(function(){return w.insertStyles(r,o,n)}),null},kn=function e(t,r){var o=t.__emotion_real===t,n=o&&t.__emotion_base||t,s,l;r!==void 0&&(s=r.label,l=r.target);var c=$r(t,r,o),d=c||Tr(n),a=!d("as");return function(){var u=arguments,g=o&&t.__emotion_styles!==void 0?t.__emotion_styles.slice(0):[];if(s!==void 0&&g.push("label:"+s+";"),u[0]==null||u[0].raw===void 0)g.push.apply(g,u);else{var f=u[0];g.push(f[0]);for(var p=u.length,x=1;x<p;x++)g.push(u[x],f[x])}var h=He.withEmotionCache(function(y,m,v){var k=a&&y.as||n,R="",I=[],P=y;if(y.theme==null){P={};for(var L in y)P[L]=y[L];P.theme=C.useContext(He.ThemeContext)}typeof y.className=="string"?R=w.getRegisteredStyles(m.registered,I,y.className):y.className!=null&&(R=y.className+" ");var j=w.serializeStyles(g.concat(I),m.registered,P);R+=m.key+"-"+j.name,l!==void 0&&(R+=" "+l);var Z=a&&c===void 0?Tr(k):d,$={};for(var F in y)a&&F==="as"||Z(F)&&($[F]=y[F]);return $.className=R,v&&($.ref=v),C.createElement(C.Fragment,null,C.createElement(yn,{cache:m,serialized:j,isStringTag:typeof k=="string"}),C.createElement(k,$))});return h.displayName=s!==void 0?s:"Styled("+(typeof n=="string"?n:n.displayName||n.name||"Component")+")",h.defaultProps=t.defaultProps,h.__emotion_real=h,h.__emotion_base=n,h.__emotion_styles=g,h.__emotion_forwardProp=c,Object.defineProperty(h,"toString",{value:function(){return"."+l}}),h.withComponent=function(y,m){var v=e(y,sr({},r,m,{shouldForwardProp:$r(h,m,!0)}));return v.apply(void 0,g)},h}},Rn=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"],O=kn.bind(null);Rn.forEach(function(e){O[e]=O(e)});const Sn=He.keyframes`
-  0%, 100% {
-    opacity: 1;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./X-CI1qRJDP.cjs"),ie=require("@emotion/react"),g=require("react"),t=require("./media-OVL6YjWb.cjs"),A=require("./tooling-Dflq0Y98.cjs"),be=require("react-dom");function Go(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,i.get?i:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const Ce=Go(g);function gt(){return gt=Object.assign?Object.assign.bind():function(e){for(var o=1;o<arguments.length;o++){var r=arguments[o];for(var i in r)({}).hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e},gt.apply(null,arguments)}const Wo=ie.css`
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
   }
-  50% {
-    opacity: 0.3;
+
+  * {
+    margin: 0;
+    padding: 0;
   }
-`,En=O.span`
-  display: inline-flex;
-  align-items: center;
-  gap: ${({$size:e})=>Math.round(e*.6)}px;
-`,Kt=O.span`
-  width: ${({$size:e})=>e}px;
-  height: ${({$size:e})=>e}px;
-  border-radius: 50%;
-  background: currentColor;
-  animation: ${Sn} 0.8s ease-in-out infinite;
-  animation-delay: ${({$delay:e})=>e}s;
-`,In=w.classNameGetter("loader"),yo=({"aria-label":e=xn,className:t,classnames:r,size:o=bn,...n})=>w.jsxs(En,{...n,className:In("container",t,r==null?void 0:r.container),role:"status","aria-label":e,$size:o,children:[w.jsx(Kt,{$size:o,$delay:0}),w.jsx(Kt,{$size:o,$delay:.15}),w.jsx(Kt,{$size:o,$delay:.3})]}),On=24,Tn="Loading",$n=He.keyframes`
-  to {
-    transform: rotate(1turn);
+
+  html {
+    -webkit-text-size-adjust: 100%;
+    -moz-tab-size: 4;
+    tab-size: 4;
   }
-`,Ar=e=>Math.max(2,Math.round(e/10)),An=O.span`
-  display: inline-block;
-  width: ${({$size:e})=>e}px;
-  aspect-ratio: 1;
-  border-radius: 50%;
-  position: relative;
 
-  /* Track (faint background circle) */
-  &::before {
-    content: '';
-    position: absolute;
-    inset: 0;
-    border-radius: 50%;
-    border: ${({$size:e})=>Ar(e)}px solid currentColor;
-    opacity: 0.2;
+  body {
+    min-height: 100vh;
+    font-size: 14px;
+    line-height: 1.5;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-rendering: optimizeLegibility;
   }
 
-  /* Spinning arc */
-  &::after {
-    content: '';
-    position: absolute;
-    inset: 0;
-    border-radius: 50%;
-    border: ${({$size:e})=>Ar(e)}px solid transparent;
-    border-right-color: currentColor;
-    animation: ${$n} 0.8s linear infinite;
+  img,
+  picture,
+  video,
+  canvas,
+  svg {
+    display: block;
+    max-width: 100%;
   }
-`,Mn=w.classNameGetter("spinner"),ko=({"aria-label":e=Tn,className:t,classnames:r,size:o=On,...n})=>w.jsx(An,{...n,className:Mn("container",t,r==null?void 0:r.container),role:"status","aria-label":e,$size:o}),Pn="primary",ge=(e,t)=>e.button[t],Dn=O.button`
-  display: inline-flex;
+
+  input,
+  button,
+  textarea,
+  select {
+    font: inherit;
+    color: inherit;
+  }
+
+  p,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    overflow-wrap: break-word;
+  }
+
+  a {
+    color: inherit;
+    text-decoration: inherit;
+  }
+
+  button {
+    background: none;
+    border: none;
+    cursor: pointer;
+  }
+
+  ul,
+  ol {
+    list-style: none;
+  }
+
+  table {
+    border-collapse: collapse;
+    border-spacing: 0;
+  }
+
+  /*
+   * Inter Font Configuration
+   * Optimized for UI with modern CSS features
+   */
+
+  html {
+    font-family:
+      'Inter',
+      -apple-system,
+      BlinkMacSystemFont,
+      'Segoe UI',
+      Roboto,
+      'Helvetica Neue',
+      Arial,
+      sans-serif;
+
+    /* Variable font optical sizing */
+    font-optical-sizing: auto;
+
+    /*
+     * OpenType features for Inter:
+     * - cv01: alternate 1 (distinguishable from l/I)
+     * - cv02: alternate 4 (open top)
+     * - cv03: alternate 6 (straight tail)
+     * - cv04: alternate 9 (straight tail)
+     * - ss01: open digits
+     * - ss02: disambiguation (alt a, g)
+     * - tnum: tabular numbers (monospaced digits for alignment)
+     * - zero: slashed zero
+     */
+    font-feature-settings:
+      'cv01' 1,
+      'cv02' 1,
+      'ss01' 1,
+      'tnum' 1,
+      'zero' 1;
+
+    /* Improved kerning */
+    font-kerning: normal;
+
+    /* Slight negative tracking for Inter at UI sizes */
+    letter-spacing: -0.011em;
+  }
+
+  /* Tabular figures for numbers in data contexts */
+  .tabular-nums {
+    font-variant-numeric: tabular-nums;
+  }
+
+  /* Proportional figures for running text */
+  .proportional-nums {
+    font-variant-numeric: proportional-nums;
+  }
+
+  /* Selection styling */
+  ::selection {
+    background-color: rgba(0, 122, 255, 0.25);
+  }
+
+  /* Focus visible for accessibility */
+  :focus-visible {
+    outline: 2px solid rgba(0, 122, 255, 0.5);
+    outline-offset: 2px;
+  }
+
+  :focus:not(:focus-visible) {
+    outline: none;
+  }
+`,Vo=()=>a.jsx(ie.Global,{styles:Wo});var Uo=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,Xo=a.memoize(function(e){return Uo.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91}),qo=Xo,Ko=function(o){return o!=="theme"},wt=function(o){return typeof o=="string"&&o.charCodeAt(0)>96?qo:Ko},Rt=function(o,r,i){var n;if(r){var l=r.shouldForwardProp;n=o.__emotion_forwardProp&&l?function(c){return o.__emotion_forwardProp(c)&&l(c)}:l}return typeof n!="function"&&i&&(n=o.__emotion_forwardProp),n},Zo=function(o){var r=o.cache,i=o.serialized,n=o.isStringTag;return a.registerStyles(r,i,n),a.useInsertionEffectAlwaysWithSyncFallback(function(){return a.insertStyles(r,i,n)}),null},Jo=function e(o,r){var i=o.__emotion_real===o,n=i&&o.__emotion_base||o,l,c;r!==void 0&&(l=r.label,c=r.target);var d=Rt(o,r,i),p=d||wt(n),h=!p("as");return function(){var u=arguments,f=i&&o.__emotion_styles!==void 0?o.__emotion_styles.slice(0):[];if(l!==void 0&&f.push("label:"+l+";"),u[0]==null||u[0].raw===void 0)f.push.apply(f,u);else{var x=u[0];f.push(x[0]);for(var k=u.length,S=1;S<k;S++)f.push(u[S],x[S])}var $=ie.withEmotionCache(function(y,O,L){var b=h&&y.as||n,z="",j=[],N=y;if(y.theme==null){N={};for(var X in y)N[X]=y[X];N.theme=Ce.useContext(ie.ThemeContext)}typeof y.className=="string"?z=a.getRegisteredStyles(O.registered,j,y.className):y.className!=null&&(z=y.className+" ");var P=a.serializeStyles(f.concat(j),O.registered,N);z+=O.key+"-"+P.name,c!==void 0&&(z+=" "+c);var B=h&&d===void 0?wt(b):p,T={};for(var C in y)h&&C==="as"||B(C)&&(T[C]=y[C]);return T.className=z,L&&(T.ref=L),Ce.createElement(Ce.Fragment,null,Ce.createElement(Zo,{cache:O,serialized:P,isStringTag:typeof b=="string"}),Ce.createElement(b,T))});return $.displayName=l!==void 0?l:"Styled("+(typeof n=="string"?n:n.displayName||n.name||"Component")+")",$.defaultProps=o.defaultProps,$.__emotion_real=$,$.__emotion_base=n,$.__emotion_styles=f,$.__emotion_forwardProp=d,Object.defineProperty($,"toString",{value:function(){return"."+c}}),$.withComponent=function(y,O){var L=e(y,gt({},r,O,{shouldForwardProp:Rt($,O,!0)}));return L.apply(void 0,f)},$}},Qo=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"],s=Jo.bind(null);Qo.forEach(function(e){s[e]=s(e)});const kt={compact:{height:"32px",padding:"0 8px",radius:"12px",iconSize:"16px"},default:{height:"40px",padding:"0 12px",radius:"16px",iconSize:"20px"}},Lt={normal:{background:{static:t.COLORS["steel-blue"],hover:t.alpha(t.COLORS["steel-blue"],90),active:t.alpha(t.COLORS["steel-blue"],80),disabled:t.alpha(t.COLORS["steel-blue"],50)},color:{static:t.COLORS.white,hover:t.COLORS.white,active:t.COLORS.white,disabled:t.COLORS.white},borderColor:{static:"transparent",hover:"transparent",active:"transparent",disabled:"transparent"}},system:{background:{static:t.COLORS.black,hover:t.alpha(t.COLORS.black,90),active:t.alpha(t.COLORS.black,80),disabled:t.alpha(t.COLORS.black,50)},color:{static:t.COLORS.white,hover:t.COLORS.white,active:t.COLORS.white,disabled:t.COLORS.white},borderColor:{static:"transparent",hover:"transparent",active:"transparent",disabled:"transparent"}},success:{background:{static:t.COLORS.green,hover:t.alpha(t.COLORS.green,90),active:t.alpha(t.COLORS.green,80),disabled:t.alpha(t.COLORS.green,50)},color:{static:t.COLORS.white,hover:t.COLORS.white,active:t.COLORS.white,disabled:t.COLORS.white},borderColor:{static:"transparent",hover:"transparent",active:"transparent",disabled:"transparent"}},warning:{background:{static:t.COLORS.yellow,hover:t.alpha(t.COLORS.yellow,90),active:t.alpha(t.COLORS.yellow,80),disabled:t.alpha(t.COLORS.yellow,50)},color:{static:t.COLORS.black,hover:t.COLORS.black,active:t.COLORS.black,disabled:t.COLORS.black},borderColor:{static:"transparent",hover:"transparent",active:"transparent",disabled:"transparent"}},danger:{background:{static:t.COLORS.red,hover:t.alpha(t.COLORS.red,90),active:t.alpha(t.COLORS.red,80),disabled:t.alpha(t.COLORS.red,50)},color:{static:t.COLORS.white,hover:t.COLORS.white,active:t.COLORS.white,disabled:t.COLORS.white},borderColor:{static:"transparent",hover:"transparent",active:"transparent",disabled:"transparent"}},transparent:{background:{static:t.alpha(t.COLORS["iron-grey"],1),hover:t.alpha(t.COLORS["iron-grey"],5),active:t.alpha(t.COLORS["iron-grey"],10),disabled:t.alpha(t.COLORS["iron-grey"],5)},color:{static:t.COLORS.black,hover:t.COLORS.black,active:t.COLORS.black,disabled:t.alpha(t.COLORS.black,30)},borderColor:{static:t.alpha(t.COLORS["iron-grey"],20),hover:t.alpha(t.COLORS["iron-grey"],20),active:t.alpha(t.COLORS["iron-grey"],20),disabled:t.alpha(t.COLORS["iron-grey"],10)}}},J=e=>{const o=Lt[e];return o||Lt.normal},oe=e=>{const o=kt[e];return o||kt.default},er=e=>e?"auto":"fit-content",tr=s.button`
+  display: flex;
+  gap: 6px;
+  text-decoration: none;
   align-items: center;
   justify-content: center;
-  gap: 6px;
-  height: 32px;
-  padding: ${({$iconOnly:e})=>e?"0 6px":"0 12px"};
-  border-radius: 12px;
-  border: 1px solid;
-  font-size: 14px;
-  font-weight: 500;
-  font-family: inherit;
-  line-height: 1.5;
-  cursor: pointer;
-  user-select: none;
-  transition:
-    background-color 0.15s ease,
-    border-color 0.15s ease;
-  width: ${({$fullWidth:e})=>e?"100%":"auto"};
-  min-width: ${({$iconOnly:e})=>e?"32px":"auto"};
-
-  color: ${({theme:e,$variant:t})=>ge(e,t).color};
-  background-color: ${({theme:e,$variant:t})=>ge(e,t).backgroundColor};
-  border-color: ${({theme:e,$variant:t})=>ge(e,t).borderColor};
+  width: ${e=>e.$iconOnly?oe(e.$size).height:er(!!e.$fullWidth)};
+  color: ${e=>J(e.$variant).color.static};
+  background-color: ${e=>J(e.$variant).background.static};
+  height: ${e=>oe(e.$size).height};
+  padding: ${e=>e.$iconOnly?"0":oe(e.$size).padding};
+  border-radius: ${e=>oe(e.$size).radius};
+  border: 1px solid ${e=>J(e.$variant).borderColor.static};
 
   &:hover:not(:disabled) {
-    background-color: ${({theme:e,$variant:t})=>ge(e,t).hover.backgroundColor};
-    border-color: ${({theme:e,$variant:t})=>ge(e,t).hover.borderColor};
+    color: ${e=>J(e.$variant).color.hover};
+    background-color: ${e=>J(e.$variant).background.hover};
+    border-color: ${e=>J(e.$variant).borderColor.hover};
   }
 
   &:active:not(:disabled) {
-    background-color: ${({theme:e,$variant:t})=>ge(e,t).active.backgroundColor};
-    border-color: ${({theme:e,$variant:t})=>ge(e,t).active.borderColor};
+    color: ${e=>J(e.$variant).color.active};
+    background-color: ${e=>J(e.$variant).background.active};
+    border-color: ${e=>J(e.$variant).borderColor.active};
   }
 
   &:focus-visible {
-    outline: 2px solid
-      ${({theme:e,$variant:t})=>ge(e,t).focus.outlineColor};
-    outline-offset: 1px;
+    outline-color: ${t.alpha(t.COLORS["iron-grey"],30)};
   }
 
   &:disabled {
-    cursor: ${({$loading:e})=>e?"wait":"not-allowed"};
-    color: ${({theme:e,$variant:t})=>ge(e,t).disabled.color};
-    background-color: ${({theme:e,$variant:t})=>ge(e,t).disabled.backgroundColor};
-    border-color: ${({theme:e,$variant:t})=>ge(e,t).disabled.borderColor};
+    cursor: not-allowed;
+    color: ${e=>J(e.$variant).color.disabled};
+    background-color: ${e=>J(e.$variant).background.disabled};
+    border-color: ${e=>J(e.$variant).borderColor.disabled};
   }
-`,Ln=O.span`
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-`,Nn=O.span`
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  visibility: ${({$loading:e})=>e?"hidden":"visible"};
-  color: ${({theme:e,$variant:t})=>ge(e,t).icon.color};
+`,or=s.div`
+  display: grid;
+  place-items: center;
+  width: ${e=>oe(e.$size).iconSize};
+  height: ${e=>oe(e.$size).iconSize};
 
-  button:disabled & {
-    color: ${({theme:e,$variant:t})=>ge(e,t).disabled.color};
+  & svg {
+    width: ${e=>oe(e.$size).iconSize};
+    height: ${e=>oe(e.$size).iconSize};
   }
-`,Fn=O.span`
+`,rr=s.span`
+  font-weight: 600;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
-  visibility: ${({$loading:e})=>e?"hidden":"visible"};
-`,_n=O.span`
-  display: inline-flex;
-  align-items: center;
+`,ir=s(a.LoaderCircle)`
+  width: ${e=>oe(e.$size).iconSize};
+  height: ${e=>oe(e.$size).iconSize};
+  animation: ${t.KEYFRAMES.rotate} 0.8s linear infinite;
+`,nr=s.div`
+  display: flex;
+  gap: 3px;
+`,ar=s.span`
+  text-align: center;
+  display: flex;
   justify-content: center;
+  align-items: center;
+  font-size: 12px;
+  height: 18px;
+  min-width: 18px;
+  line-height: 1.6;
   padding: 2px 4px;
   border-radius: 4px;
-  font-size: 12px;
-  font-weight: 600;
-  line-height: 1.5;
-  visibility: ${({$loading:e})=>e?"hidden":"visible"};
-  color: ${({theme:e,$variant:t})=>ge(e,t).char.color};
-  background-color: ${({theme:e,$variant:t})=>ge(e,t).char.backgroundColor};
-
-  button:disabled & {
-    color: ${({theme:e,$variant:t})=>ge(e,t).disabled.color};
-    background-color: transparent;
-  }
-`,Mr=O.span`
-  position: absolute;
-  inset: 0;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-`,jn=(e,t,r,o,n)=>{const s=X.useMemo(()=>!!e&&!t&&!r,[e,t,r]),l=X.useMemo(()=>o&&s,[o,s]),c=X.useMemo(()=>o&&!s,[o,s]),d=X.useCallback(a=>{if(o){a.preventDefault();return}n==null||n(a)},[o,n]);return{iconOnly:s,showSpinner:l,showDots:c,handleClick:d}},ze=w.classNameGetter("button"),zn=18,Bn=({char:e,children:t,className:r,classnames:o,disabled:n,fullWidth:s,icon:l,loading:c,onClick:d,variant:a=Pn,...u})=>{const{iconOnly:g,showSpinner:f,showDots:p,handleClick:x}=jn(l,t,e,c,d),h=()=>l?w.jsx(Nn,{className:ze("icon",o==null?void 0:o.icon),$variant:a,$loading:c,children:l}):null,y=()=>f?w.jsx(Mr,{className:ze("loader",o==null?void 0:o.loader),children:w.jsx(ko,{size:zn})}):p?w.jsx(Mr,{className:ze("loader",o==null?void 0:o.loader),children:w.jsx(yo,{size:4})}):null;return w.jsx(Dn,{...u,className:ze("container",r,o==null?void 0:o.container),disabled:n||c,onClick:x,$variant:a,$fullWidth:s,$loading:c,$iconOnly:g,children:w.jsxs(Ln,{className:ze("content",o==null?void 0:o.content),children:[h(),y(),t&&w.jsx(Fn,{className:ze("text",o==null?void 0:o.text),$loading:c,children:t}),e&&w.jsx(_n,{className:ze("char",o==null?void 0:o.char),$variant:a,$loading:c,children:e})]})})},Wn=(e,t,r,o)=>t||r?o==="warning"?e.checkbox.state.warning.box.checked.borderColor:o==="error"?e.checkbox.state.error.box.checked.borderColor:e.checkbox.box.checked.borderColor:o==="warning"?e.checkbox.state.warning.box.borderColor:o==="error"?e.checkbox.state.error.box.borderColor:e.checkbox.box.borderColor,Vn=(e,t,r,o)=>t||r?o==="warning"?e.checkbox.state.warning.box.checked.backgroundColor:o==="error"?e.checkbox.state.error.box.checked.backgroundColor:e.checkbox.box.checked.backgroundColor:e.checkbox.box.backgroundColor,Hn=(e,t)=>t==="warning"?e.checkbox.state.warning.box.focus.shadowColor:t==="error"?e.checkbox.state.error.box.focus.shadowColor:e.checkbox.box.focus.shadowColor,Un=(e,t)=>t==="warning"?e.checkbox.state.warning.label.color:t==="error"?e.checkbox.state.error.label.color:e.checkbox.label.color,Gn=O.label`
+  width: fit-content;
+  background-color: ${e=>e.$variant==="light"?t.alpha(t.COLORS.white,25):t.alpha(t.COLORS.black,25)};
+`,lr=A.newClassNameGetter("key-symbol"),co=({className:e,ref:o,symbol:r,variant:i="light",...n})=>r?a.jsx(ar,{...n,ref:o,className:lr("container",e),$variant:i,children:r}):null,zt=A.newClassNameGetter("key-bindings"),so=({className:e,classnames:o,keys:r,ref:i,variant:n,...l})=>{const c=g.useMemo(()=>t.getKeySymbols(r),[r]);return c.length===0?null:a.jsx(nr,{...l,ref:i,className:zt("container",e),children:c.map(d=>a.jsx(co,{symbol:d,className:zt("item",o==null?void 0:o.item),variant:n},d))})},Pt=A.newClassNameGetter("button"),Te=({children:e,className:o,classnames:r,disabled:i,fullWidth:n,icon:l,loading:c,onClick:d,ref:p=null,keyBindings:h=[],size:u="default",type:f="button",variant:x="normal",...k})=>{const S=g.useRef(null);g.useImperativeHandle(p,()=>S.current,[]),t.useKeyBinding(h,()=>{var y;(y=S.current)==null||y.click()});const $=g.useMemo(()=>{switch(f){case"link":return"button";default:return f}},[f]);return a.jsxs(tr,{...k,onClick:d,ref:S,type:$,disabled:i,className:Pt("container",o),$variant:x,$size:u,$fullWidth:!!n,$iconOnly:!!l&&!(e||(h==null?void 0:h.length)>0),children:[c&&a.jsx(ir,{$size:u}),l&&!c&&a.jsx(or,{$size:u,children:l}),e&&a.jsx(rr,{className:Pt("label",r==null?void 0:r.label),children:e}),a.jsx(so,{keys:h,variant:x==="system"?"light":"dark"})]})},dr=s.div`
+  background-color: ${t.COLORS.white};
+  border-radius: 16px;
+  border: ${e=>e.$border?`1px solid ${t.alpha(t.COLORS["iron-grey"],15)}`:"none"};
+  box-shadow: ${e=>e.$shadow?`0 2px 8px ${t.alpha(t.COLORS.black,10)}`:"none"};
+`,cr=A.newClassNameGetter("card"),sr=({children:e,className:o,ref:r,border:i=!1,shadow:n=!1,...l})=>a.jsx(dr,{...l,ref:r,className:cr("container",o),$border:i,$shadow:n,children:e}),jt={normal:{box:{border:t.alpha(t.COLORS["iron-grey"],30),borderChecked:t.COLORS["iron-grey"],background:t.COLORS.white,backgroundChecked:t.COLORS.black,focusShadow:t.alpha(t.COLORS["iron-grey"],30)},label:t.COLORS.black,icon:t.COLORS.white},error:{box:{border:t.COLORS.red,borderChecked:t.COLORS.red,background:t.COLORS.white,backgroundChecked:t.COLORS.red,focusShadow:t.alpha(t.COLORS.red,30)},label:t.COLORS.red,icon:t.COLORS.white}},pe=e=>jt[e]??jt.normal,pr=s.label`
   display: inline-flex;
   align-items: center;
   gap: 8px;
-  cursor: pointer;
+  cursor: ${e=>e.$disabled?"not-allowed":"pointer"};
+  opacity: ${e=>e.$disabled?.5:1};
 
   &:has(input:focus-visible) > span:first-of-type {
-    box-shadow: 0 0 0 3px ${({theme:e,$state:t})=>Hn(e,t)};
+    box-shadow: 0 0 0 2px ${e=>pe(e.$variant).box.focusShadow};
   }
-
-  ${({$disabled:e})=>e&&`
-      opacity: 0.5;
-      cursor: not-allowed;
-    `}
-`,Kn=O.input`
+`,ur=s.input`
   position: absolute;
   opacity: 0;
   width: 0;
   height: 0;
   pointer-events: none;
-`,qn=O.span`
+`,hr=s.span`
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  flex-shrink: 0;
   width: 18px;
   height: 18px;
   border-radius: 6px;
   border: 1.5px solid
-    ${({theme:e,$checked:t,$indeterminate:r,$state:o})=>Wn(e,t,r,o)};
-  background-color: ${({theme:e,$checked:t,$indeterminate:r,$state:o})=>Vn(e,t,r,o)};
+    ${e=>e.$checked||e.$indeterminate?pe(e.$variant).box.borderChecked:pe(e.$variant).box.border};
+  background-color: ${e=>e.$checked||e.$indeterminate?pe(e.$variant).box.backgroundChecked:pe(e.$variant).box.background};
   transition:
     border-color 0.15s ease,
     background-color 0.15s ease,
     box-shadow 0.15s ease;
-`,Xn=O.span`
+`,br=s.span`
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  color: ${({theme:e})=>e.checkbox.icon.color};
-  opacity: ${({$visible:e})=>e?1:0};
-  transform: ${({$visible:e})=>e?"scale(1)":"scale(0.5)"};
+  color: ${e=>pe(e.$variant).icon};
+  opacity: ${e=>e.$visible?1:0};
+  transform: ${e=>e.$visible?"scale(1)":"scale(0.5)"};
   transition:
     opacity 0.15s ease,
     transform 0.15s ease;
-`,Yn=O.span`
+
+  & svg {
+    width: 12px;
+    height: 12px;
+  }
+`,gr=s.span`
   font-size: 14px;
-  line-height: 1.5;
-  color: ${({theme:e,$state:t})=>Un(e,t)};
-  user-select: none;
   font-weight: 500;
-`,nt=w.classNameGetter("checkbox"),br=({checked:e,className:t,classnames:r,disabled:o,indeterminate:n,label:s,onChange:l,ref:c,state:d,...a})=>w.jsxs(Gn,{className:nt("container",t,r==null?void 0:r.container),$disabled:o,$state:d,children:[w.jsx(Kn,{...a,ref:c,type:"checkbox",className:nt("input",r==null?void 0:r.input),checked:e,disabled:o,onChange:l}),w.jsx(qn,{className:nt("box",r==null?void 0:r.box),$checked:e,$indeterminate:n,$state:d,children:w.jsx(Xn,{className:nt("icon",r==null?void 0:r.icon),$visible:n||e,children:n?w.jsx(w.Minus,{}):w.jsx(w.Check,{})})}),s&&w.jsx(Yn,{className:nt("label",r==null?void 0:r.label),$state:d,children:s})]}),Zn=(e,t)=>{switch(t){case"neutral":return e.chip.color.neutral;case"success":return e.chip.color.success;case"warning":return e.chip.color.warning;case"error":return e.chip.color.error;default:return e.chip.color.default}},Qn=(e,t)=>{switch(t){case"neutral":return e.chip.backgroundColor.neutral;case"success":return e.chip.backgroundColor.success;case"warning":return e.chip.backgroundColor.warning;case"error":return e.chip.backgroundColor.error;default:return e.chip.backgroundColor.default}},Jn=O.span`
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: ${({$fullWidth:e})=>e?"100%":"auto"};
-  height: 24px;
-  padding: 0 12px;
+  line-height: 1;
+  color: ${e=>pe(e.$variant).label};
+  user-select: none;
+`,we=A.newClassNameGetter("checkbox"),Ke=({checked:e,className:o,classnames:r,disabled:i,indeterminate:n=!1,label:l,onChange:c,ref:d,variant:p="normal",...h})=>a.jsxs(pr,{className:we("container",o),$disabled:!!i,$variant:p,children:[a.jsx(ur,{...h,ref:d,type:"checkbox",className:we("input",r==null?void 0:r.input),checked:e,disabled:i,onChange:c}),a.jsx(hr,{className:we("box",r==null?void 0:r.box),$checked:e,$indeterminate:n,$variant:p,children:a.jsx(br,{className:we("icon",r==null?void 0:r.icon),$visible:n||e,$variant:p,children:n?a.jsx(a.Minus,{}):a.jsx(a.Check,{})})}),l&&a.jsx(gr,{className:we("label",r==null?void 0:r.label),$variant:p,children:l})]}),Et={normal:{border:{static:t.alpha(t.COLORS.black,20),hover:t.alpha(t.COLORS.black,40),active:t.alpha(t.COLORS.black,40),disabled:t.alpha(t.COLORS.black,10)},borderChecked:t.COLORS.black,background:{static:t.COLORS.white,hover:t.COLORS.white,active:t.COLORS.white,disabled:t.alpha(t.COLORS.black,5)},backgroundChecked:t.alpha(t.COLORS.black,5),focusRing:t.alpha(t.COLORS.black,20),label:{static:t.COLORS.black,hover:t.COLORS.black,active:t.COLORS.black,disabled:t.alpha(t.COLORS.black,40)},description:{static:t.alpha(t.COLORS.black,60),hover:t.alpha(t.COLORS.black,60),active:t.alpha(t.COLORS.black,60),disabled:t.alpha(t.COLORS.black,30)}},error:{border:{static:t.COLORS.red,hover:t.COLORS.red,active:t.COLORS.red,disabled:t.alpha(t.COLORS.red,30)},borderChecked:t.COLORS.red,background:{static:t.COLORS.white,hover:t.COLORS.white,active:t.COLORS.white,disabled:t.alpha(t.COLORS.red,5)},backgroundChecked:t.alpha(t.COLORS.red,5),focusRing:t.alpha(t.COLORS.red,20),label:{static:t.COLORS.red,hover:t.COLORS.red,active:t.COLORS.red,disabled:t.alpha(t.COLORS.red,40)},description:{static:t.alpha(t.COLORS.red,70),hover:t.alpha(t.COLORS.red,70),active:t.alpha(t.COLORS.red,70),disabled:t.alpha(t.COLORS.red,40)}}},ce=e=>Et[e]??Et.normal,fr=s.label`
+  display: grid;
+  grid-template-columns: auto 1fr;
+  align-items: start;
+  gap: 8px;
+  padding: 12px;
+  background-color: ${e=>{const o=ce(e.$variant);return e.$disabled?o.background.disabled:e.$checked?o.backgroundChecked:o.background.static}};
+  border: 1px solid
+    ${e=>{const o=ce(e.$variant);return e.$disabled?o.border.disabled:e.$checked?o.borderChecked:o.border.static}};
   border-radius: 12px;
-  font-size: 12px;
-  font-weight: 600;
+  cursor: ${e=>e.$disabled?"not-allowed":"pointer"};
+  transition:
+    border-color 0.15s ease,
+    background-color 0.15s ease;
+  width: ${e=>e.$fullWidth?"100%":"fit-content"};
   min-width: 0;
-  max-width: ${({$fullWidth:e})=>e?"none":"200px"};
-  color: ${({theme:e,$status:t})=>Zn(e,t)};
-  background-color: ${({theme:e,$status:t})=>Qn(e,t)};
-`,ei=O.span`
+
+  &:hover:not([data-disabled='true']) {
+    border-color: ${e=>{const o=ce(e.$variant);return e.$checked?o.borderChecked:o.border.hover}};
+  }
+
+  &:has(:focus-visible) {
+    outline: none;
+    box-shadow: 0 0 0 3px ${e=>ce(e.$variant).focusRing};
+  }
+
+  .vacano_checkbox_container {
+    pointer-events: none;
+  }
+`,xr=s.input`
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
   overflow: hidden;
-  text-overflow: ellipsis;
+  clip: rect(0, 0, 0, 0);
   white-space: nowrap;
-`,Pr=w.classNameGetter("chip"),ti=({children:e,className:t,classnames:r,fullWidth:o,status:n,...s})=>w.jsx(Jn,{...s,className:Pr("container",t,r==null?void 0:r.container),$fullWidth:o,$status:n,children:w.jsx(ei,{className:Pr("text",r==null?void 0:r.text),children:e})}),Ro="bottom",So="start",Eo=4,ri=e=>e.dropdown.content.backgroundColor,oi=e=>e.dropdown.content.borderColor,ni=e=>e.dropdown.content.shadow,ii=O.div`
-  display: inline-block;
-  position: relative;
-  min-width: 0;
-  width: ${({$fullWidth:e})=>e?"100%":"auto"};
-`,li=O.div`
-  display: inline-flex;
-  min-width: 0;
-  width: ${({$fullWidth:e})=>e?"100%":"auto"};
-`,si=O.div`
-  z-index: 1000;
-  width: max-content;
-  border-radius: 12px;
-  border: 1px solid ${({theme:e})=>oi(e)};
-  background-color: ${({theme:e})=>ri(e)};
-  box-shadow: ${({theme:e})=>ni(e)};
-  visibility: ${({$isOpen:e})=>e?"visible":"hidden"};
-  opacity: ${({$isOpen:e})=>e?1:0};
-  pointer-events: ${({$isOpen:e})=>e?"auto":"none"};
-  transition:
-    opacity 0.15s ease,
-    visibility 0.15s ease;
-`;function _t(){return typeof window<"u"}function _e(e){return Io(e)?(e.nodeName||"").toLowerCase():"#document"}function Ce(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function Ie(e){var t;return(t=(Io(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function Io(e){return _t()?e instanceof Node||e instanceof Ce(e).Node:!1}function re(e){return _t()?e instanceof Element||e instanceof Ce(e).Element:!1}function le(e){return _t()?e instanceof HTMLElement||e instanceof Ce(e).HTMLElement:!1}function cr(e){return!_t()||typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof Ce(e).ShadowRoot}const ci=new Set(["inline","contents"]);function at(e){const{overflow:t,overflowX:r,overflowY:o,display:n}=ye(e);return/auto|scroll|overlay|hidden|clip/.test(t+o+r)&&!ci.has(n)}const ai=new Set(["table","td","th"]);function ui(e){return ai.has(_e(e))}const di=[":popover-open",":modal"];function jt(e){return di.some(t=>{try{return e.matches(t)}catch{return!1}})}const fi=["transform","translate","scale","rotate","perspective"],gi=["transform","translate","scale","rotate","perspective","filter"],hi=["paint","layout","strict","content"];function xr(e){const t=zt(),r=re(e)?ye(e):e;return fi.some(o=>r[o]?r[o]!=="none":!1)||(r.containerType?r.containerType!=="normal":!1)||!t&&(r.backdropFilter?r.backdropFilter!=="none":!1)||!t&&(r.filter?r.filter!=="none":!1)||gi.some(o=>(r.willChange||"").includes(o))||hi.some(o=>(r.contain||"").includes(o))}function pi(e){let t=Ae(e);for(;le(t)&&!$e(t);){if(xr(t))return t;if(jt(t))return null;t=Ae(t)}return null}function zt(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}const bi=new Set(["html","body","#document"]);function $e(e){return bi.has(_e(e))}function ye(e){return Ce(e).getComputedStyle(e)}function Bt(e){return re(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function Ae(e){if(_e(e)==="html")return e;const t=e.assignedSlot||e.parentNode||cr(e)&&e.host||Ie(e);return cr(t)?t.host:t}function Oo(e){const t=Ae(e);return $e(t)?e.ownerDocument?e.ownerDocument.body:e.body:le(t)&&at(t)?t:Oo(t)}function Ne(e,t,r){var o;t===void 0&&(t=[]),r===void 0&&(r=!0);const n=Oo(e),s=n===((o=e.ownerDocument)==null?void 0:o.body),l=Ce(n);if(s){const c=ar(l);return t.concat(l,l.visualViewport||[],at(n)?n:[],c&&r?Ne(c):[])}return t.concat(n,Ne(n,[],r))}function ar(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}const Je=Math.min,me=Math.max,Et=Math.round,Ye=Math.floor,Ee=e=>({x:e,y:e}),xi={left:"right",right:"left",bottom:"top",top:"bottom"},mi={start:"end",end:"start"};function Dr(e,t,r){return me(e,Je(t,r))}function ut(e,t){return typeof e=="function"?e(t):e}function Fe(e){return e.split("-")[0]}function dt(e){return e.split("-")[1]}function To(e){return e==="x"?"y":"x"}function $o(e){return e==="y"?"height":"width"}const Ci=new Set(["top","bottom"]);function Te(e){return Ci.has(Fe(e))?"y":"x"}function Ao(e){return To(Te(e))}function vi(e,t,r){r===void 0&&(r=!1);const o=dt(e),n=Ao(e),s=$o(n);let l=n==="x"?o===(r?"end":"start")?"right":"left":o==="start"?"bottom":"top";return t.reference[s]>t.floating[s]&&(l=It(l)),[l,It(l)]}function wi(e){const t=It(e);return[ur(e),t,ur(t)]}function ur(e){return e.replace(/start|end/g,t=>mi[t])}const Lr=["left","right"],Nr=["right","left"],yi=["top","bottom"],ki=["bottom","top"];function Ri(e,t,r){switch(e){case"top":case"bottom":return r?t?Nr:Lr:t?Lr:Nr;case"left":case"right":return t?yi:ki;default:return[]}}function Si(e,t,r,o){const n=dt(e);let s=Ri(Fe(e),r==="start",o);return n&&(s=s.map(l=>l+"-"+n),t&&(s=s.concat(s.map(ur)))),s}function It(e){return e.replace(/left|right|bottom|top/g,t=>xi[t])}function Ei(e){return{top:0,right:0,bottom:0,left:0,...e}}function Ii(e){return typeof e!="number"?Ei(e):{top:e,right:e,bottom:e,left:e}}function Ot(e){const{x:t,y:r,width:o,height:n}=e;return{width:o,height:n,top:r,left:t,right:t+o,bottom:r+n,x:t,y:r}}/*!
-* tabbable 6.3.0
-* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
-*/var Oi=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[href]:not([inert])","button:not([inert])","[tabindex]:not(slot):not([inert])","audio[controls]:not([inert])","video[controls]:not([inert])",'[contenteditable]:not([contenteditable="false"]):not([inert])',"details>summary:first-of-type:not([inert])","details:not([inert])"],Tt=Oi.join(","),Mo=typeof Element>"u",et=Mo?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,$t=!Mo&&Element.prototype.getRootNode?function(e){var t;return e==null||(t=e.getRootNode)===null||t===void 0?void 0:t.call(e)}:function(e){return e==null?void 0:e.ownerDocument},st=function(t,r){var o;r===void 0&&(r=!0);var n=t==null||(o=t.getAttribute)===null||o===void 0?void 0:o.call(t,"inert"),s=n===""||n==="true",l=s||r&&t&&st(t.parentNode);return l},Ti=function(t){var r,o=t==null||(r=t.getAttribute)===null||r===void 0?void 0:r.call(t,"contenteditable");return o===""||o==="true"},Po=function(t,r,o){if(st(t))return[];var n=Array.prototype.slice.apply(t.querySelectorAll(Tt));return r&&et.call(t,Tt)&&n.unshift(t),n=n.filter(o),n},At=function(t,r,o){for(var n=[],s=Array.from(t);s.length;){var l=s.shift();if(!st(l,!1))if(l.tagName==="SLOT"){var c=l.assignedElements(),d=c.length?c:l.children,a=At(d,!0,o);o.flatten?n.push.apply(n,a):n.push({scopeParent:l,candidates:a})}else{var u=et.call(l,Tt);u&&o.filter(l)&&(r||!t.includes(l))&&n.push(l);var g=l.shadowRoot||typeof o.getShadowRoot=="function"&&o.getShadowRoot(l),f=!st(g,!1)&&(!o.shadowRootFilter||o.shadowRootFilter(l));if(g&&f){var p=At(g===!0?l.children:g.children,!0,o);o.flatten?n.push.apply(n,p):n.push({scopeParent:l,candidates:p})}else s.unshift.apply(s,l.children)}}return n},Do=function(t){return!isNaN(parseInt(t.getAttribute("tabindex"),10))},Lo=function(t){if(!t)throw new Error("No node provided");return t.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName)||Ti(t))&&!Do(t)?0:t.tabIndex},$i=function(t,r){var o=Lo(t);return o<0&&r&&!Do(t)?0:o},Ai=function(t,r){return t.tabIndex===r.tabIndex?t.documentOrder-r.documentOrder:t.tabIndex-r.tabIndex},No=function(t){return t.tagName==="INPUT"},Mi=function(t){return No(t)&&t.type==="hidden"},Pi=function(t){var r=t.tagName==="DETAILS"&&Array.prototype.slice.apply(t.children).some(function(o){return o.tagName==="SUMMARY"});return r},Di=function(t,r){for(var o=0;o<t.length;o++)if(t[o].checked&&t[o].form===r)return t[o]},Li=function(t){if(!t.name)return!0;var r=t.form||$t(t),o=function(c){return r.querySelectorAll('input[type="radio"][name="'+c+'"]')},n;if(typeof window<"u"&&typeof window.CSS<"u"&&typeof window.CSS.escape=="function")n=o(window.CSS.escape(t.name));else try{n=o(t.name)}catch(l){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",l.message),!1}var s=Di(n,t.form);return!s||s===t},Ni=function(t){return No(t)&&t.type==="radio"},Fi=function(t){return Ni(t)&&!Li(t)},_i=function(t){var r,o=t&&$t(t),n=(r=o)===null||r===void 0?void 0:r.host,s=!1;if(o&&o!==t){var l,c,d;for(s=!!((l=n)!==null&&l!==void 0&&(c=l.ownerDocument)!==null&&c!==void 0&&c.contains(n)||t!=null&&(d=t.ownerDocument)!==null&&d!==void 0&&d.contains(t));!s&&n;){var a,u,g;o=$t(n),n=(a=o)===null||a===void 0?void 0:a.host,s=!!((u=n)!==null&&u!==void 0&&(g=u.ownerDocument)!==null&&g!==void 0&&g.contains(n))}}return s},Fr=function(t){var r=t.getBoundingClientRect(),o=r.width,n=r.height;return o===0&&n===0},ji=function(t,r){var o=r.displayCheck,n=r.getShadowRoot;if(o==="full-native"&&"checkVisibility"in t){var s=t.checkVisibility({checkOpacity:!1,opacityProperty:!1,contentVisibilityAuto:!0,visibilityProperty:!0,checkVisibilityCSS:!0});return!s}if(getComputedStyle(t).visibility==="hidden")return!0;var l=et.call(t,"details>summary:first-of-type"),c=l?t.parentElement:t;if(et.call(c,"details:not([open]) *"))return!0;if(!o||o==="full"||o==="full-native"||o==="legacy-full"){if(typeof n=="function"){for(var d=t;t;){var a=t.parentElement,u=$t(t);if(a&&!a.shadowRoot&&n(a)===!0)return Fr(t);t.assignedSlot?t=t.assignedSlot:!a&&u!==t.ownerDocument?t=u.host:t=a}t=d}if(_i(t))return!t.getClientRects().length;if(o!=="legacy-full")return!0}else if(o==="non-zero-area")return Fr(t);return!1},zi=function(t){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))for(var r=t.parentElement;r;){if(r.tagName==="FIELDSET"&&r.disabled){for(var o=0;o<r.children.length;o++){var n=r.children.item(o);if(n.tagName==="LEGEND")return et.call(r,"fieldset[disabled] *")?!0:!n.contains(t)}return!0}r=r.parentElement}return!1},dr=function(t,r){return!(r.disabled||st(r)||Mi(r)||ji(r,t)||Pi(r)||zi(r))},fr=function(t,r){return!(Fi(r)||Lo(r)<0||!dr(t,r))},Bi=function(t){var r=parseInt(t.getAttribute("tabindex"),10);return!!(isNaN(r)||r>=0)},Fo=function(t){var r=[],o=[];return t.forEach(function(n,s){var l=!!n.scopeParent,c=l?n.scopeParent:n,d=$i(c,l),a=l?Fo(n.candidates):c;d===0?l?r.push.apply(r,a):r.push(c):o.push({documentOrder:s,tabIndex:d,item:n,isScope:l,content:a})}),o.sort(Ai).reduce(function(n,s){return s.isScope?n.push.apply(n,s.content):n.push(s.content),n},[]).concat(r)},mr=function(t,r){r=r||{};var o;return r.getShadowRoot?o=At([t],r.includeContainer,{filter:fr.bind(null,r),flatten:!1,getShadowRoot:r.getShadowRoot,shadowRootFilter:Bi}):o=Po(t,r.includeContainer,fr.bind(null,r)),Fo(o)},Wi=function(t,r){r=r||{};var o;return r.getShadowRoot?o=At([t],r.includeContainer,{filter:dr.bind(null,r),flatten:!0,getShadowRoot:r.getShadowRoot}):o=Po(t,r.includeContainer,dr.bind(null,r)),o},_o=function(t,r){if(r=r||{},!t)throw new Error("No node provided");return et.call(t,Tt)===!1?!1:fr(r,t)};function Vi(){const e=navigator.userAgentData;return e!=null&&e.platform?e.platform:navigator.platform}function jo(){const e=navigator.userAgentData;return e&&Array.isArray(e.brands)?e.brands.map(t=>{let{brand:r,version:o}=t;return r+"/"+o}).join(" "):navigator.userAgent}function Hi(){return/apple/i.test(navigator.vendor)}function gr(){const e=/android/i;return e.test(Vi())||e.test(jo())}function Ui(){return jo().includes("jsdom/")}const _r="data-floating-ui-focusable",Gi="input:not([type='hidden']):not([disabled]),[contenteditable]:not([contenteditable='false']),textarea:not([disabled])",qt="ArrowLeft",Xt="ArrowRight",Ki="ArrowUp",qi="ArrowDown";function Pe(e){let t=e.activeElement;for(;((r=t)==null||(r=r.shadowRoot)==null?void 0:r.activeElement)!=null;){var r;t=t.shadowRoot.activeElement}return t}function xe(e,t){if(!e||!t)return!1;const r=t.getRootNode==null?void 0:t.getRootNode();if(e.contains(t))return!0;if(r&&cr(r)){let o=t;for(;o;){if(e===o)return!0;o=o.parentNode||o.host}}return!1}function De(e){return"composedPath"in e?e.composedPath()[0]:e.target}function Yt(e,t){if(t==null)return!1;if("composedPath"in e)return e.composedPath().includes(t);const r=e;return r.target!=null&&t.contains(r.target)}function Xi(e){return e.matches("html,body")}function we(e){return(e==null?void 0:e.ownerDocument)||document}function zo(e){return le(e)&&e.matches(Gi)}function hr(e){return e?e.getAttribute("role")==="combobox"&&zo(e):!1}function Mt(e){return e?e.hasAttribute(_r)?e:e.querySelector("["+_r+"]")||e:null}function Ve(e,t,r){return r===void 0&&(r=!0),e.filter(n=>{var s;return n.parentId===t&&(!r||((s=n.context)==null?void 0:s.open))}).flatMap(n=>[n,...Ve(e,n.id,r)])}function Yi(e,t){let r,o=-1;function n(s,l){l>o&&(r=s,o=l),Ve(e,s).forEach(d=>{n(d.id,l+1)})}return n(t,0),e.find(s=>s.id===r)}function jr(e,t){var r;let o=[],n=(r=e.find(s=>s.id===t))==null?void 0:r.parentId;for(;n;){const s=e.find(l=>l.id===n);n=s==null?void 0:s.parentId,s&&(o=o.concat(s))}return o}function ae(e){e.preventDefault(),e.stopPropagation()}function Zi(e){return"nativeEvent"in e}function Bo(e){return e.mozInputSource===0&&e.isTrusted?!0:gr()&&e.pointerType?e.type==="click"&&e.buttons===1:e.detail===0&&!e.pointerType}function Wo(e){return Ui()?!1:!gr()&&e.width===0&&e.height===0||gr()&&e.width===1&&e.height===1&&e.pressure===0&&e.detail===0&&e.pointerType==="mouse"||e.width<1&&e.height<1&&e.pressure===0&&e.detail===0&&e.pointerType==="touch"}function zr(e,t){return["mouse","pen"].includes(e)}var Qi=typeof document<"u",Ji=function(){},se=Qi?X.useLayoutEffect:Ji;const el={...C};function Se(e){const t=C.useRef(e);return se(()=>{t.current=e}),t}const tl=el.useInsertionEffect,rl=tl||(e=>e());function ue(e){const t=C.useRef(()=>{if(process.env.NODE_ENV!=="production")throw new Error("Cannot call an event handler while rendering.")});return rl(()=>{t.current=e}),C.useCallback(function(){for(var r=arguments.length,o=new Array(r),n=0;n<r;n++)o[n]=arguments[n];return t.current==null?void 0:t.current(...o)},[])}function mt(e,t,r){return Math.floor(e/t)!==r}function lt(e,t){return t<0||t>=e.current.length}function Zt(e,t){return he(e,{disabledIndices:t})}function Br(e,t){return he(e,{decrement:!0,startingIndex:e.current.length,disabledIndices:t})}function he(e,t){let{startingIndex:r=-1,decrement:o=!1,disabledIndices:n,amount:s=1}=t===void 0?{}:t,l=r;do l+=o?-s:s;while(l>=0&&l<=e.current.length-1&&Rt(e,l,n));return l}function ol(e,t){let{event:r,orientation:o,loop:n,rtl:s,cols:l,disabledIndices:c,minIndex:d,maxIndex:a,prevIndex:u,stopEvent:g=!1}=t,f=u;if(r.key===Ki){if(g&&ae(r),u===-1)f=a;else if(f=he(e,{startingIndex:f,amount:l,decrement:!0,disabledIndices:c}),n&&(u-l<d||f<0)){const p=u%l,x=a%l,h=a-(x-p);x===p?f=a:f=x>p?h:h-l}lt(e,f)&&(f=u)}if(r.key===qi&&(g&&ae(r),u===-1?f=d:(f=he(e,{startingIndex:u,amount:l,disabledIndices:c}),n&&u+l>a&&(f=he(e,{startingIndex:u%l-l,amount:l,disabledIndices:c}))),lt(e,f)&&(f=u)),o==="both"){const p=Ye(u/l);r.key===(s?qt:Xt)&&(g&&ae(r),u%l!==l-1?(f=he(e,{startingIndex:u,disabledIndices:c}),n&&mt(f,l,p)&&(f=he(e,{startingIndex:u-u%l-1,disabledIndices:c}))):n&&(f=he(e,{startingIndex:u-u%l-1,disabledIndices:c})),mt(f,l,p)&&(f=u)),r.key===(s?Xt:qt)&&(g&&ae(r),u%l!==0?(f=he(e,{startingIndex:u,decrement:!0,disabledIndices:c}),n&&mt(f,l,p)&&(f=he(e,{startingIndex:u+(l-u%l),decrement:!0,disabledIndices:c}))):n&&(f=he(e,{startingIndex:u+(l-u%l),decrement:!0,disabledIndices:c})),mt(f,l,p)&&(f=u));const x=Ye(a/l)===p;lt(e,f)&&(n&&x?f=r.key===(s?Xt:qt)?a:he(e,{startingIndex:u-u%l-1,disabledIndices:c}):f=u)}return f}function nl(e,t,r){const o=[];let n=0;return e.forEach((s,l)=>{let{width:c,height:d}=s;if(c>t&&process.env.NODE_ENV!=="production")throw new Error("[Floating UI]: Invalid grid - item width at index "+l+" is greater than grid columns");let a=!1;for(r&&(n=0);!a;){const u=[];for(let g=0;g<c;g++)for(let f=0;f<d;f++)u.push(n+g+f*t);n%t+c<=t&&u.every(g=>o[g]==null)?(u.forEach(g=>{o[g]=l}),a=!0):n++}}),[...o]}function il(e,t,r,o,n){if(e===-1)return-1;const s=r.indexOf(e),l=t[e];switch(n){case"tl":return s;case"tr":return l?s+l.width-1:s;case"bl":return l?s+(l.height-1)*o:s;case"br":return r.lastIndexOf(e)}}function ll(e,t){return t.flatMap((r,o)=>e.includes(r)?[o]:[])}function Rt(e,t,r){if(typeof r=="function")return r(t);if(r)return r.includes(t);const o=e.current[t];return o==null||o.hasAttribute("disabled")||o.getAttribute("aria-disabled")==="true"}const Wt=()=>({getShadowRoot:!0,displayCheck:typeof ResizeObserver=="function"&&ResizeObserver.toString().includes("[native code]")?"full":"none"});function Vo(e,t){const r=mr(e,Wt()),o=r.length;if(o===0)return;const n=Pe(we(e)),s=r.indexOf(n),l=s===-1?t===1?0:o-1:s+t;return r[l]}function sl(e){return Vo(we(e).body,1)||e}function cl(e){return Vo(we(e).body,-1)||e}function Wr(e,t){const r=t||e.currentTarget,o=e.relatedTarget;return!o||!xe(r,o)}function Vr(e,t,r){let{reference:o,floating:n}=e;const s=Te(t),l=Ao(t),c=$o(l),d=Fe(t),a=s==="y",u=o.x+o.width/2-n.width/2,g=o.y+o.height/2-n.height/2,f=o[c]/2-n[c]/2;let p;switch(d){case"top":p={x:u,y:o.y-n.height};break;case"bottom":p={x:u,y:o.y+o.height};break;case"right":p={x:o.x+o.width,y:g};break;case"left":p={x:o.x-n.width,y:g};break;default:p={x:o.x,y:o.y}}switch(dt(t)){case"start":p[l]-=f*(r&&a?-1:1);break;case"end":p[l]+=f*(r&&a?-1:1);break}return p}const al=async(e,t,r)=>{const{placement:o="bottom",strategy:n="absolute",middleware:s=[],platform:l}=r,c=s.filter(Boolean),d=await(l.isRTL==null?void 0:l.isRTL(t));let a=await l.getElementRects({reference:e,floating:t,strategy:n}),{x:u,y:g}=Vr(a,o,d),f=o,p={},x=0;for(let h=0;h<c.length;h++){const{name:y,fn:m}=c[h],{x:v,y:k,data:R,reset:I}=await m({x:u,y:g,initialPlacement:o,placement:f,strategy:n,middlewareData:p,rects:a,platform:l,elements:{reference:e,floating:t}});u=v??u,g=k??g,p={...p,[y]:{...p[y],...R}},I&&x<=50&&(x++,typeof I=="object"&&(I.placement&&(f=I.placement),I.rects&&(a=I.rects===!0?await l.getElementRects({reference:e,floating:t,strategy:n}):I.rects),{x:u,y:g}=Vr(a,f,d)),h=-1)}return{x:u,y:g,placement:f,strategy:n,middlewareData:p}};async function Cr(e,t){var r;t===void 0&&(t={});const{x:o,y:n,platform:s,rects:l,elements:c,strategy:d}=e,{boundary:a="clippingAncestors",rootBoundary:u="viewport",elementContext:g="floating",altBoundary:f=!1,padding:p=0}=ut(t,e),x=Ii(p),y=c[f?g==="floating"?"reference":"floating":g],m=Ot(await s.getClippingRect({element:(r=await(s.isElement==null?void 0:s.isElement(y)))==null||r?y:y.contextElement||await(s.getDocumentElement==null?void 0:s.getDocumentElement(c.floating)),boundary:a,rootBoundary:u,strategy:d})),v=g==="floating"?{x:o,y:n,width:l.floating.width,height:l.floating.height}:l.reference,k=await(s.getOffsetParent==null?void 0:s.getOffsetParent(c.floating)),R=await(s.isElement==null?void 0:s.isElement(k))?await(s.getScale==null?void 0:s.getScale(k))||{x:1,y:1}:{x:1,y:1},I=Ot(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:v,offsetParent:k,strategy:d}):v);return{top:(m.top-I.top+x.top)/R.y,bottom:(I.bottom-m.bottom+x.bottom)/R.y,left:(m.left-I.left+x.left)/R.x,right:(I.right-m.right+x.right)/R.x}}const ul=function(e){return e===void 0&&(e={}),{name:"flip",options:e,async fn(t){var r,o;const{placement:n,middlewareData:s,rects:l,initialPlacement:c,platform:d,elements:a}=t,{mainAxis:u=!0,crossAxis:g=!0,fallbackPlacements:f,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:x="none",flipAlignment:h=!0,...y}=ut(e,t);if((r=s.arrow)!=null&&r.alignmentOffset)return{};const m=Fe(n),v=Te(c),k=Fe(c)===c,R=await(d.isRTL==null?void 0:d.isRTL(a.floating)),I=f||(k||!h?[It(c)]:wi(c)),P=x!=="none";!f&&P&&I.push(...Si(c,h,x,R));const L=[c,...I],j=await Cr(t,y),Z=[];let $=((o=s.flip)==null?void 0:o.overflows)||[];if(u&&Z.push(j[m]),g){const S=vi(n,l,R);Z.push(j[S[0]],j[S[1]])}if($=[...$,{placement:n,overflows:Z}],!Z.every(S=>S<=0)){var F,Y;const S=(((F=s.flip)==null?void 0:F.index)||0)+1,E=L[S];if(E&&(!(g==="alignment"?v!==Te(E):!1)||$.every(b=>Te(b.placement)===v?b.overflows[0]>0:!0)))return{data:{index:S,overflows:$},reset:{placement:E}};let _=(Y=$.filter(D=>D.overflows[0]<=0).sort((D,b)=>D.overflows[1]-b.overflows[1])[0])==null?void 0:Y.placement;if(!_)switch(p){case"bestFit":{var U;const D=(U=$.filter(b=>{if(P){const T=Te(b.placement);return T===v||T==="y"}return!0}).map(b=>[b.placement,b.overflows.filter(T=>T>0).reduce((T,N)=>T+N,0)]).sort((b,T)=>b[1]-T[1])[0])==null?void 0:U[0];D&&(_=D);break}case"initialPlacement":_=c;break}if(n!==_)return{reset:{placement:_}}}return{}}}},dl=new Set(["left","top"]);async function fl(e,t){const{placement:r,platform:o,elements:n}=e,s=await(o.isRTL==null?void 0:o.isRTL(n.floating)),l=Fe(r),c=dt(r),d=Te(r)==="y",a=dl.has(l)?-1:1,u=s&&d?-1:1,g=ut(t,e);let{mainAxis:f,crossAxis:p,alignmentAxis:x}=typeof g=="number"?{mainAxis:g,crossAxis:0,alignmentAxis:null}:{mainAxis:g.mainAxis||0,crossAxis:g.crossAxis||0,alignmentAxis:g.alignmentAxis};return c&&typeof x=="number"&&(p=c==="end"?x*-1:x),d?{x:p*u,y:f*a}:{x:f*a,y:p*u}}const gl=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(t){var r,o;const{x:n,y:s,placement:l,middlewareData:c}=t,d=await fl(t,e);return l===((r=c.offset)==null?void 0:r.placement)&&(o=c.arrow)!=null&&o.alignmentOffset?{}:{x:n+d.x,y:s+d.y,data:{...d,placement:l}}}}},hl=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(t){const{x:r,y:o,placement:n}=t,{mainAxis:s=!0,crossAxis:l=!1,limiter:c={fn:y=>{let{x:m,y:v}=y;return{x:m,y:v}}},...d}=ut(e,t),a={x:r,y:o},u=await Cr(t,d),g=Te(Fe(n)),f=To(g);let p=a[f],x=a[g];if(s){const y=f==="y"?"top":"left",m=f==="y"?"bottom":"right",v=p+u[y],k=p-u[m];p=Dr(v,p,k)}if(l){const y=g==="y"?"top":"left",m=g==="y"?"bottom":"right",v=x+u[y],k=x-u[m];x=Dr(v,x,k)}const h=c.fn({...t,[f]:p,[g]:x});return{...h,data:{x:h.x-r,y:h.y-o,enabled:{[f]:s,[g]:l}}}}}},pl=function(e){return e===void 0&&(e={}),{name:"size",options:e,async fn(t){var r,o;const{placement:n,rects:s,platform:l,elements:c}=t,{apply:d=()=>{},...a}=ut(e,t),u=await Cr(t,a),g=Fe(n),f=dt(n),p=Te(n)==="y",{width:x,height:h}=s.floating;let y,m;g==="top"||g==="bottom"?(y=g,m=f===(await(l.isRTL==null?void 0:l.isRTL(c.floating))?"start":"end")?"left":"right"):(m=g,y=f==="end"?"top":"bottom");const v=h-u.top-u.bottom,k=x-u.left-u.right,R=Je(h-u[y],v),I=Je(x-u[m],k),P=!t.middlewareData.shift;let L=R,j=I;if((r=t.middlewareData.shift)!=null&&r.enabled.x&&(j=k),(o=t.middlewareData.shift)!=null&&o.enabled.y&&(L=v),P&&!f){const $=me(u.left,0),F=me(u.right,0),Y=me(u.top,0),U=me(u.bottom,0);p?j=x-2*($!==0||F!==0?$+F:me(u.left,u.right)):L=h-2*(Y!==0||U!==0?Y+U:me(u.top,u.bottom))}await d({...t,availableWidth:j,availableHeight:L});const Z=await l.getDimensions(c.floating);return x!==Z.width||h!==Z.height?{reset:{rects:!0}}:{}}}};function Ho(e){const t=ye(e);let r=parseFloat(t.width)||0,o=parseFloat(t.height)||0;const n=le(e),s=n?e.offsetWidth:r,l=n?e.offsetHeight:o,c=Et(r)!==s||Et(o)!==l;return c&&(r=s,o=l),{width:r,height:o,$:c}}function vr(e){return re(e)?e:e.contextElement}function Ze(e){const t=vr(e);if(!le(t))return Ee(1);const r=t.getBoundingClientRect(),{width:o,height:n,$:s}=Ho(t);let l=(s?Et(r.width):r.width)/o,c=(s?Et(r.height):r.height)/n;return(!l||!Number.isFinite(l))&&(l=1),(!c||!Number.isFinite(c))&&(c=1),{x:l,y:c}}const bl=Ee(0);function Uo(e){const t=Ce(e);return!zt()||!t.visualViewport?bl:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function xl(e,t,r){return t===void 0&&(t=!1),!r||t&&r!==Ce(e)?!1:t}function Ue(e,t,r,o){t===void 0&&(t=!1),r===void 0&&(r=!1);const n=e.getBoundingClientRect(),s=vr(e);let l=Ee(1);t&&(o?re(o)&&(l=Ze(o)):l=Ze(e));const c=xl(s,r,o)?Uo(s):Ee(0);let d=(n.left+c.x)/l.x,a=(n.top+c.y)/l.y,u=n.width/l.x,g=n.height/l.y;if(s){const f=Ce(s),p=o&&re(o)?Ce(o):o;let x=f,h=ar(x);for(;h&&o&&p!==x;){const y=Ze(h),m=h.getBoundingClientRect(),v=ye(h),k=m.left+(h.clientLeft+parseFloat(v.paddingLeft))*y.x,R=m.top+(h.clientTop+parseFloat(v.paddingTop))*y.y;d*=y.x,a*=y.y,u*=y.x,g*=y.y,d+=k,a+=R,x=Ce(h),h=ar(x)}}return Ot({width:u,height:g,x:d,y:a})}function Vt(e,t){const r=Bt(e).scrollLeft;return t?t.left+r:Ue(Ie(e)).left+r}function Go(e,t){const r=e.getBoundingClientRect(),o=r.left+t.scrollLeft-Vt(e,r),n=r.top+t.scrollTop;return{x:o,y:n}}function ml(e){let{elements:t,rect:r,offsetParent:o,strategy:n}=e;const s=n==="fixed",l=Ie(o),c=t?jt(t.floating):!1;if(o===l||c&&s)return r;let d={scrollLeft:0,scrollTop:0},a=Ee(1);const u=Ee(0),g=le(o);if((g||!g&&!s)&&((_e(o)!=="body"||at(l))&&(d=Bt(o)),le(o))){const p=Ue(o);a=Ze(o),u.x=p.x+o.clientLeft,u.y=p.y+o.clientTop}const f=l&&!g&&!s?Go(l,d):Ee(0);return{width:r.width*a.x,height:r.height*a.y,x:r.x*a.x-d.scrollLeft*a.x+u.x+f.x,y:r.y*a.y-d.scrollTop*a.y+u.y+f.y}}function Cl(e){return Array.from(e.getClientRects())}function vl(e){const t=Ie(e),r=Bt(e),o=e.ownerDocument.body,n=me(t.scrollWidth,t.clientWidth,o.scrollWidth,o.clientWidth),s=me(t.scrollHeight,t.clientHeight,o.scrollHeight,o.clientHeight);let l=-r.scrollLeft+Vt(e);const c=-r.scrollTop;return ye(o).direction==="rtl"&&(l+=me(t.clientWidth,o.clientWidth)-n),{width:n,height:s,x:l,y:c}}const Hr=25;function wl(e,t){const r=Ce(e),o=Ie(e),n=r.visualViewport;let s=o.clientWidth,l=o.clientHeight,c=0,d=0;if(n){s=n.width,l=n.height;const u=zt();(!u||u&&t==="fixed")&&(c=n.offsetLeft,d=n.offsetTop)}const a=Vt(o);if(a<=0){const u=o.ownerDocument,g=u.body,f=getComputedStyle(g),p=u.compatMode==="CSS1Compat"&&parseFloat(f.marginLeft)+parseFloat(f.marginRight)||0,x=Math.abs(o.clientWidth-g.clientWidth-p);x<=Hr&&(s-=x)}else a<=Hr&&(s+=a);return{width:s,height:l,x:c,y:d}}const yl=new Set(["absolute","fixed"]);function kl(e,t){const r=Ue(e,!0,t==="fixed"),o=r.top+e.clientTop,n=r.left+e.clientLeft,s=le(e)?Ze(e):Ee(1),l=e.clientWidth*s.x,c=e.clientHeight*s.y,d=n*s.x,a=o*s.y;return{width:l,height:c,x:d,y:a}}function Ur(e,t,r){let o;if(t==="viewport")o=wl(e,r);else if(t==="document")o=vl(Ie(e));else if(re(t))o=kl(t,r);else{const n=Uo(e);o={x:t.x-n.x,y:t.y-n.y,width:t.width,height:t.height}}return Ot(o)}function Ko(e,t){const r=Ae(e);return r===t||!re(r)||$e(r)?!1:ye(r).position==="fixed"||Ko(r,t)}function Rl(e,t){const r=t.get(e);if(r)return r;let o=Ne(e,[],!1).filter(c=>re(c)&&_e(c)!=="body"),n=null;const s=ye(e).position==="fixed";let l=s?Ae(e):e;for(;re(l)&&!$e(l);){const c=ye(l),d=xr(l);!d&&c.position==="fixed"&&(n=null),(s?!d&&!n:!d&&c.position==="static"&&!!n&&yl.has(n.position)||at(l)&&!d&&Ko(e,l))?o=o.filter(u=>u!==l):n=c,l=Ae(l)}return t.set(e,o),o}function Sl(e){let{element:t,boundary:r,rootBoundary:o,strategy:n}=e;const l=[...r==="clippingAncestors"?jt(t)?[]:Rl(t,this._c):[].concat(r),o],c=l[0],d=l.reduce((a,u)=>{const g=Ur(t,u,n);return a.top=me(g.top,a.top),a.right=Je(g.right,a.right),a.bottom=Je(g.bottom,a.bottom),a.left=me(g.left,a.left),a},Ur(t,c,n));return{width:d.right-d.left,height:d.bottom-d.top,x:d.left,y:d.top}}function El(e){const{width:t,height:r}=Ho(e);return{width:t,height:r}}function Il(e,t,r){const o=le(t),n=Ie(t),s=r==="fixed",l=Ue(e,!0,s,t);let c={scrollLeft:0,scrollTop:0};const d=Ee(0);function a(){d.x=Vt(n)}if(o||!o&&!s)if((_e(t)!=="body"||at(n))&&(c=Bt(t)),o){const p=Ue(t,!0,s,t);d.x=p.x+t.clientLeft,d.y=p.y+t.clientTop}else n&&a();s&&!o&&n&&a();const u=n&&!o&&!s?Go(n,c):Ee(0),g=l.left+c.scrollLeft-d.x-u.x,f=l.top+c.scrollTop-d.y-u.y;return{x:g,y:f,width:l.width,height:l.height}}function Qt(e){return ye(e).position==="static"}function Gr(e,t){if(!le(e)||ye(e).position==="fixed")return null;if(t)return t(e);let r=e.offsetParent;return Ie(e)===r&&(r=r.ownerDocument.body),r}function qo(e,t){const r=Ce(e);if(jt(e))return r;if(!le(e)){let n=Ae(e);for(;n&&!$e(n);){if(re(n)&&!Qt(n))return n;n=Ae(n)}return r}let o=Gr(e,t);for(;o&&ui(o)&&Qt(o);)o=Gr(o,t);return o&&$e(o)&&Qt(o)&&!xr(o)?r:o||pi(e)||r}const Ol=async function(e){const t=this.getOffsetParent||qo,r=this.getDimensions,o=await r(e.floating);return{reference:Il(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function Tl(e){return ye(e).direction==="rtl"}const $l={convertOffsetParentRelativeRectToViewportRelativeRect:ml,getDocumentElement:Ie,getClippingRect:Sl,getOffsetParent:qo,getElementRects:Ol,getClientRects:Cl,getDimensions:El,getScale:Ze,isElement:re,isRTL:Tl};function Xo(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function Al(e,t){let r=null,o;const n=Ie(e);function s(){var c;clearTimeout(o),(c=r)==null||c.disconnect(),r=null}function l(c,d){c===void 0&&(c=!1),d===void 0&&(d=1),s();const a=e.getBoundingClientRect(),{left:u,top:g,width:f,height:p}=a;if(c||t(),!f||!p)return;const x=Ye(g),h=Ye(n.clientWidth-(u+f)),y=Ye(n.clientHeight-(g+p)),m=Ye(u),k={rootMargin:-x+"px "+-h+"px "+-y+"px "+-m+"px",threshold:me(0,Je(1,d))||1};let R=!0;function I(P){const L=P[0].intersectionRatio;if(L!==d){if(!R)return l();L?l(!1,L):o=setTimeout(()=>{l(!1,1e-7)},1e3)}L===1&&!Xo(a,e.getBoundingClientRect())&&l(),R=!1}try{r=new IntersectionObserver(I,{...k,root:n.ownerDocument})}catch{r=new IntersectionObserver(I,k)}r.observe(e)}return l(!0),s}function Yo(e,t,r,o){o===void 0&&(o={});const{ancestorScroll:n=!0,ancestorResize:s=!0,elementResize:l=typeof ResizeObserver=="function",layoutShift:c=typeof IntersectionObserver=="function",animationFrame:d=!1}=o,a=vr(e),u=n||s?[...a?Ne(a):[],...Ne(t)]:[];u.forEach(m=>{n&&m.addEventListener("scroll",r,{passive:!0}),s&&m.addEventListener("resize",r)});const g=a&&c?Al(a,r):null;let f=-1,p=null;l&&(p=new ResizeObserver(m=>{let[v]=m;v&&v.target===a&&p&&(p.unobserve(t),cancelAnimationFrame(f),f=requestAnimationFrame(()=>{var k;(k=p)==null||k.observe(t)})),r()}),a&&!d&&p.observe(a),p.observe(t));let x,h=d?Ue(e):null;d&&y();function y(){const m=Ue(e);h&&!Xo(h,m)&&r(),h=m,x=requestAnimationFrame(y)}return r(),()=>{var m;u.forEach(v=>{n&&v.removeEventListener("scroll",r),s&&v.removeEventListener("resize",r)}),g==null||g(),(m=p)==null||m.disconnect(),p=null,d&&cancelAnimationFrame(x)}}const Ml=gl,Pl=hl,Dl=ul,Ll=pl,Nl=(e,t,r)=>{const o=new Map,n={platform:$l,...r},s={...n.platform,_c:o};return al(e,t,{...n,platform:s})};var Fl=typeof document<"u",_l=function(){},St=Fl?X.useLayoutEffect:_l;function Pt(e,t){if(e===t)return!0;if(typeof e!=typeof t)return!1;if(typeof e=="function"&&e.toString()===t.toString())return!0;let r,o,n;if(e&&t&&typeof e=="object"){if(Array.isArray(e)){if(r=e.length,r!==t.length)return!1;for(o=r;o--!==0;)if(!Pt(e[o],t[o]))return!1;return!0}if(n=Object.keys(e),r=n.length,r!==Object.keys(t).length)return!1;for(o=r;o--!==0;)if(!{}.hasOwnProperty.call(t,n[o]))return!1;for(o=r;o--!==0;){const s=n[o];if(!(s==="_owner"&&e.$$typeof)&&!Pt(e[s],t[s]))return!1}return!0}return e!==e&&t!==t}function Zo(e){return typeof window>"u"?1:(e.ownerDocument.defaultView||window).devicePixelRatio||1}function Kr(e,t){const r=Zo(e);return Math.round(t*r)/r}function Jt(e){const t=C.useRef(e);return St(()=>{t.current=e}),t}function jl(e){e===void 0&&(e={});const{placement:t="bottom",strategy:r="absolute",middleware:o=[],platform:n,elements:{reference:s,floating:l}={},transform:c=!0,whileElementsMounted:d,open:a}=e,[u,g]=C.useState({x:0,y:0,strategy:r,placement:t,middlewareData:{},isPositioned:!1}),[f,p]=C.useState(o);Pt(f,o)||p(o);const[x,h]=C.useState(null),[y,m]=C.useState(null),v=C.useCallback(b=>{b!==P.current&&(P.current=b,h(b))},[]),k=C.useCallback(b=>{b!==L.current&&(L.current=b,m(b))},[]),R=s||x,I=l||y,P=C.useRef(null),L=C.useRef(null),j=C.useRef(u),Z=d!=null,$=Jt(d),F=Jt(n),Y=Jt(a),U=C.useCallback(()=>{if(!P.current||!L.current)return;const b={placement:t,strategy:r,middleware:f};F.current&&(b.platform=F.current),Nl(P.current,L.current,b).then(T=>{const N={...T,isPositioned:Y.current!==!1};S.current&&!Pt(j.current,N)&&(j.current=N,pn.flushSync(()=>{g(N)}))})},[f,t,r,F,Y]);St(()=>{a===!1&&j.current.isPositioned&&(j.current.isPositioned=!1,g(b=>({...b,isPositioned:!1})))},[a]);const S=C.useRef(!1);St(()=>(S.current=!0,()=>{S.current=!1}),[]),St(()=>{if(R&&(P.current=R),I&&(L.current=I),R&&I){if($.current)return $.current(R,I,U);U()}},[R,I,U,$,Z]);const E=C.useMemo(()=>({reference:P,floating:L,setReference:v,setFloating:k}),[v,k]),_=C.useMemo(()=>({reference:R,floating:I}),[R,I]),D=C.useMemo(()=>{const b={position:r,left:0,top:0};if(!_.floating)return b;const T=Kr(_.floating,u.x),N=Kr(_.floating,u.y);return c?{...b,transform:"translate("+T+"px, "+N+"px)",...Zo(_.floating)>=1.5&&{willChange:"transform"}}:{position:r,left:T,top:N}},[r,c,_.floating,u.x,u.y]);return C.useMemo(()=>({...u,update:U,refs:E,elements:_,floatingStyles:D}),[u,U,E,_,D])}const Qo=(e,t)=>({...Ml(e),options:[e,t]}),Jo=(e,t)=>({...Pl(e),options:[e,t]}),en=(e,t)=>({...Dl(e),options:[e,t]}),zl=(e,t)=>({...Ll(e),options:[e,t]}),Bl="data-floating-ui-focusable",qr="active",Xr="selected",ft="ArrowLeft",gt="ArrowRight",tn="ArrowUp",Ht="ArrowDown",Wl={...C};let Yr=!1,Vl=0;const Zr=()=>"floating-ui-"+Math.random().toString(36).slice(2,6)+Vl++;function Hl(){const[e,t]=C.useState(()=>Yr?Zr():void 0);return se(()=>{e==null&&t(Zr())},[]),C.useEffect(()=>{Yr=!0},[]),e}const Ul=Wl.useId,rn=Ul||Hl;let ct;process.env.NODE_ENV!=="production"&&(ct=new Set);function er(){for(var e,t=arguments.length,r=new Array(t),o=0;o<t;o++)r[o]=arguments[o];const n="Floating UI: "+r.join(" ");if(!((e=ct)!=null&&e.has(n))){var s;(s=ct)==null||s.add(n),console.warn(n)}}function Gl(){for(var e,t=arguments.length,r=new Array(t),o=0;o<t;o++)r[o]=arguments[o];const n="Floating UI: "+r.join(" ");if(!((e=ct)!=null&&e.has(n))){var s;(s=ct)==null||s.add(n),console.error(n)}}function Kl(){const e=new Map;return{emit(t,r){var o;(o=e.get(t))==null||o.forEach(n=>n(r))},on(t,r){e.has(t)||e.set(t,new Set),e.get(t).add(r)},off(t,r){var o;(o=e.get(t))==null||o.delete(r)}}}const ql=C.createContext(null),Xl=C.createContext(null),wr=()=>{var e;return((e=C.useContext(ql))==null?void 0:e.id)||null},Ut=()=>C.useContext(Xl);function Dt(e){return"data-floating-ui-"+e}function pr(e){e.current!==-1&&(clearTimeout(e.current),e.current=-1)}let Qr=0;function Be(e,t){t===void 0&&(t={});const{preventScroll:r=!1,cancelPrevious:o=!0,sync:n=!1}=t;o&&cancelAnimationFrame(Qr);const s=()=>e==null?void 0:e.focus({preventScroll:r});n?s():Qr=requestAnimationFrame(s)}function Yl(e){return(e==null?void 0:e.ownerDocument)||document}const Qe={inert:new WeakMap,"aria-hidden":new WeakMap,none:new WeakMap};function Jr(e){return e==="inert"?Qe.inert:e==="aria-hidden"?Qe["aria-hidden"]:Qe.none}let Ct=new WeakSet,vt={},tr=0;const Zl=()=>typeof HTMLElement<"u"&&"inert"in HTMLElement.prototype,on=e=>e&&(e.host||on(e.parentNode)),Ql=(e,t)=>t.map(r=>{if(e.contains(r))return r;const o=on(r);return e.contains(o)?o:null}).filter(r=>r!=null);function Jl(e,t,r,o){const n="data-floating-ui-inert",s=o?"inert":r?"aria-hidden":null,l=Ql(t,e),c=new Set,d=new Set(l),a=[];vt[n]||(vt[n]=new WeakMap);const u=vt[n];l.forEach(g),f(t),c.clear();function g(p){!p||c.has(p)||(c.add(p),p.parentNode&&g(p.parentNode))}function f(p){!p||d.has(p)||[].forEach.call(p.children,x=>{if(_e(x)!=="script")if(c.has(x))f(x);else{const h=s?x.getAttribute(s):null,y=h!==null&&h!=="false",m=Jr(s),v=(m.get(x)||0)+1,k=(u.get(x)||0)+1;m.set(x,v),u.set(x,k),a.push(x),v===1&&y&&Ct.add(x),k===1&&x.setAttribute(n,""),!y&&s&&x.setAttribute(s,s==="inert"?"":"true")}})}return tr++,()=>{a.forEach(p=>{const x=Jr(s),y=(x.get(p)||0)-1,m=(u.get(p)||0)-1;x.set(p,y),u.set(p,m),y||(!Ct.has(p)&&s&&p.removeAttribute(s),Ct.delete(p)),m||p.removeAttribute(n)}),tr--,tr||(Qe.inert=new WeakMap,Qe["aria-hidden"]=new WeakMap,Qe.none=new WeakMap,Ct=new WeakSet,vt={})}}function eo(e,t,r){t===void 0&&(t=!1),r===void 0&&(r=!1);const o=Yl(e[0]).body;return Jl(e.concat(Array.from(o.querySelectorAll('[aria-live],[role="status"],output'))),o,t,r)}const yr={border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"fixed",whiteSpace:"nowrap",width:"1px",top:0,left:0},to=C.forwardRef(function(t,r){const[o,n]=C.useState();se(()=>{Hi()&&n("button")},[]);const s={ref:r,tabIndex:0,role:o,"aria-hidden":o?void 0:!0,[Dt("focus-guard")]:"",style:yr};return We.jsx("span",{...t,...s})}),es=C.createContext(null),ts=()=>C.useContext(es);function ro(e){return C.useMemo(()=>t=>{e.forEach(r=>{r&&(r.current=t)})},e)}const rs=20;let Le=[];function kr(){Le=Le.filter(e=>e.isConnected)}function os(e){kr(),e&&_e(e)!=="body"&&(Le.push(e),Le.length>rs&&(Le=Le.slice(-20)))}function oo(){return kr(),Le[Le.length-1]}function ns(e){const t=Wt();return _o(e,t)?e:mr(e,t)[0]||e}function no(e,t){var r;if(!t.current.includes("floating")&&!((r=e.getAttribute("role"))!=null&&r.includes("dialog")))return;const o=Wt(),s=Wi(e,o).filter(c=>{const d=c.getAttribute("data-tabindex")||"";return _o(c,o)||c.hasAttribute("data-tabindex")&&!d.startsWith("-")}),l=e.getAttribute("tabindex");t.current.includes("floating")||s.length===0?l!=="0"&&e.setAttribute("tabindex","0"):(l!=="-1"||e.hasAttribute("data-tabindex")&&e.getAttribute("data-tabindex")!=="-1")&&(e.setAttribute("tabindex","-1"),e.setAttribute("data-tabindex","-1"))}const is=C.forwardRef(function(t,r){return We.jsx("button",{...t,type:"button",ref:r,tabIndex:-1,style:yr})});function ls(e){const{context:t,children:r,disabled:o=!1,order:n=["content"],guards:s=!0,initialFocus:l=0,returnFocus:c=!0,restoreFocus:d=!1,modal:a=!0,visuallyHiddenDismiss:u=!1,closeOnFocusOut:g=!0,outsideElementsInert:f=!1,getInsideElements:p=()=>[]}=e,{open:x,onOpenChange:h,events:y,dataRef:m,elements:{domReference:v,floating:k}}=t,R=ue(()=>{var z;return(z=m.current.floatingContext)==null?void 0:z.nodeId}),I=ue(p),P=typeof l=="number"&&l<0,L=hr(v)&&P,j=Zl(),Z=j?s:!0,$=!Z||j&&f,F=Se(n),Y=Se(l),U=Se(c),S=Ut(),E=ts(),_=C.useRef(null),D=C.useRef(null),b=C.useRef(!1),T=C.useRef(!1),N=C.useRef(-1),ne=C.useRef(-1),be=E!=null,V=Mt(k),q=ue(function(z){return z===void 0&&(z=V),z?mr(z,Wt()):[]}),H=ue(z=>{const G=q(z);return F.current.map(B=>v&&B==="reference"?v:V&&B==="floating"?V:G).filter(Boolean).flat()});C.useEffect(()=>{if(o||!a)return;function z(B){if(B.key==="Tab"){xe(V,Pe(we(V)))&&q().length===0&&!L&&ae(B);const ee=H(),oe=De(B);F.current[0]==="reference"&&oe===v&&(ae(B),B.shiftKey?Be(ee[ee.length-1]):Be(ee[1])),F.current[1]==="floating"&&oe===V&&B.shiftKey&&(ae(B),Be(ee[0]))}}const G=we(V);return G.addEventListener("keydown",z),()=>{G.removeEventListener("keydown",z)}},[o,v,V,a,F,L,q,H]),C.useEffect(()=>{if(o||!k)return;function z(G){const B=De(G),oe=q().indexOf(B);oe!==-1&&(N.current=oe)}return k.addEventListener("focusin",z),()=>{k.removeEventListener("focusin",z)}},[o,k,q]),C.useEffect(()=>{if(o||!g)return;function z(){T.current=!0,setTimeout(()=>{T.current=!1})}function G(oe){const K=oe.relatedTarget,pe=oe.currentTarget,ce=De(oe);queueMicrotask(()=>{const fe=R(),ke=!(xe(v,K)||xe(k,K)||xe(K,k)||xe(E==null?void 0:E.portalNode,K)||K!=null&&K.hasAttribute(Dt("focus-guard"))||S&&(Ve(S.nodesRef.current,fe).find(M=>{var W,A;return xe((W=M.context)==null?void 0:W.elements.floating,K)||xe((A=M.context)==null?void 0:A.elements.domReference,K)})||jr(S.nodesRef.current,fe).find(M=>{var W,A,Q;return[(W=M.context)==null?void 0:W.elements.floating,Mt((A=M.context)==null?void 0:A.elements.floating)].includes(K)||((Q=M.context)==null?void 0:Q.elements.domReference)===K})));if(pe===v&&V&&no(V,F),d&&pe!==v&&!(ce!=null&&ce.isConnected)&&Pe(we(V))===we(V).body){le(V)&&V.focus();const M=N.current,W=q(),A=W[M]||W[W.length-1]||V;le(A)&&A.focus()}if(m.current.insideReactTree){m.current.insideReactTree=!1;return}(L||!a)&&K&&ke&&!T.current&&K!==oo()&&(b.current=!0,h(!1,oe,"focus-out"))})}const B=!!(!S&&E);function ee(){pr(ne),m.current.insideReactTree=!0,ne.current=window.setTimeout(()=>{m.current.insideReactTree=!1})}if(k&&le(v))return v.addEventListener("focusout",G),v.addEventListener("pointerdown",z),k.addEventListener("focusout",G),B&&k.addEventListener("focusout",ee,!0),()=>{v.removeEventListener("focusout",G),v.removeEventListener("pointerdown",z),k.removeEventListener("focusout",G),B&&k.removeEventListener("focusout",ee,!0)}},[o,v,k,V,a,S,E,h,g,d,q,L,R,F,m]);const J=C.useRef(null),de=C.useRef(null),tt=ro([J,E==null?void 0:E.beforeInsideRef]),Ge=ro([de,E==null?void 0:E.afterInsideRef]);C.useEffect(()=>{var z,G;if(o||!k)return;const B=Array.from((E==null||(z=E.portalNode)==null?void 0:z.querySelectorAll("["+Dt("portal")+"]"))||[]),oe=(G=(S?jr(S.nodesRef.current,R()):[]).find(ce=>{var fe;return hr(((fe=ce.context)==null?void 0:fe.elements.domReference)||null)}))==null||(G=G.context)==null?void 0:G.elements.domReference,K=[k,oe,...B,...I(),_.current,D.current,J.current,de.current,E==null?void 0:E.beforeOutsideRef.current,E==null?void 0:E.afterOutsideRef.current,F.current.includes("reference")||L?v:null].filter(ce=>ce!=null),pe=a||L?eo(K,!$,$):eo(K);return()=>{pe()}},[o,v,k,a,F,E,L,Z,$,S,R,I]),se(()=>{if(o||!le(V))return;const z=we(V),G=Pe(z);queueMicrotask(()=>{const B=H(V),ee=Y.current,oe=(typeof ee=="number"?B[ee]:ee.current)||V,K=xe(V,G);!P&&!K&&x&&Be(oe,{preventScroll:oe===V})})},[o,x,V,P,H,Y]),se(()=>{if(o||!V)return;const z=we(V),G=Pe(z);os(G);function B(K){let{reason:pe,event:ce,nested:fe}=K;if(["hover","safe-polygon"].includes(pe)&&ce.type==="mouseleave"&&(b.current=!0),pe==="outside-press")if(fe)b.current=!1;else if(Bo(ce)||Wo(ce))b.current=!1;else{let ke=!1;document.createElement("div").focus({get preventScroll(){return ke=!0,!1}}),ke?b.current=!1:b.current=!0}}y.on("openchange",B);const ee=z.createElement("span");ee.setAttribute("tabindex","-1"),ee.setAttribute("aria-hidden","true"),Object.assign(ee.style,yr),be&&v&&v.insertAdjacentElement("afterend",ee);function oe(){if(typeof U.current=="boolean"){const K=v||oo();return K&&K.isConnected?K:ee}return U.current.current||ee}return()=>{y.off("openchange",B);const K=Pe(z),pe=xe(k,K)||S&&Ve(S.nodesRef.current,R(),!1).some(fe=>{var ke;return xe((ke=fe.context)==null?void 0:ke.elements.floating,K)}),ce=oe();queueMicrotask(()=>{const fe=ns(ce);U.current&&!b.current&&le(fe)&&(!(fe!==K&&K!==z.body)||pe)&&fe.focus({preventScroll:!0}),ee.remove()})}},[o,k,V,U,m,y,S,be,v,R]),C.useEffect(()=>(queueMicrotask(()=>{b.current=!1}),()=>{queueMicrotask(kr)}),[o]),se(()=>{if(!o&&E)return E.setFocusManagerState({modal:a,closeOnFocusOut:g,open:x,onOpenChange:h,domReference:v}),()=>{E.setFocusManagerState(null)}},[o,E,a,x,h,g,v]),se(()=>{o||V&&no(V,F)},[o,V,F]);function Oe(z){return o||!u||!a?null:We.jsx(is,{ref:z==="start"?_:D,onClick:G=>h(!1,G.nativeEvent),children:typeof u=="string"?u:"Dismiss"})}const Ke=!o&&Z&&(a?!L:!0)&&(be||a);return We.jsxs(We.Fragment,{children:[Ke&&We.jsx(to,{"data-type":"inside",ref:tt,onFocus:z=>{if(a){const B=H();Be(n[0]==="reference"?B[0]:B[B.length-1])}else if(E!=null&&E.preserveTabOrder&&E.portalNode)if(b.current=!1,Wr(z,E.portalNode)){const B=sl(v);B==null||B.focus()}else{var G;(G=E.beforeOutsideRef.current)==null||G.focus()}}}),!L&&Oe("start"),r,Oe("end"),Ke&&We.jsx(to,{"data-type":"inside",ref:Ge,onFocus:z=>{if(a)Be(H()[0]);else if(E!=null&&E.preserveTabOrder&&E.portalNode)if(g&&(b.current=!0),Wr(z,E.portalNode)){const B=cl(v);B==null||B.focus()}else{var G;(G=E.afterOutsideRef.current)==null||G.focus()}}})]})}function io(e){return le(e.target)&&e.target.tagName==="BUTTON"}function ss(e){return le(e.target)&&e.target.tagName==="A"}function lo(e){return zo(e)}function nn(e,t){t===void 0&&(t={});const{open:r,onOpenChange:o,dataRef:n,elements:{domReference:s}}=e,{enabled:l=!0,event:c="click",toggle:d=!0,ignoreMouse:a=!1,keyboardHandlers:u=!0,stickIfOpen:g=!0}=t,f=C.useRef(),p=C.useRef(!1),x=C.useMemo(()=>({onPointerDown(h){f.current=h.pointerType},onMouseDown(h){const y=f.current;h.button===0&&c!=="click"&&(zr(y)&&a||(r&&d&&(!(n.current.openEvent&&g)||n.current.openEvent.type==="mousedown")?o(!1,h.nativeEvent,"click"):(h.preventDefault(),o(!0,h.nativeEvent,"click"))))},onClick(h){const y=f.current;if(c==="mousedown"&&f.current){f.current=void 0;return}zr(y)&&a||(r&&d&&(!(n.current.openEvent&&g)||n.current.openEvent.type==="click")?o(!1,h.nativeEvent,"click"):o(!0,h.nativeEvent,"click"))},onKeyDown(h){f.current=void 0,!(h.defaultPrevented||!u||io(h))&&(h.key===" "&&!lo(s)&&(h.preventDefault(),p.current=!0),!ss(h)&&h.key==="Enter"&&o(!(r&&d),h.nativeEvent,"click"))},onKeyUp(h){h.defaultPrevented||!u||io(h)||lo(s)||h.key===" "&&p.current&&(p.current=!1,o(!(r&&d),h.nativeEvent,"click"))}}),[n,s,c,a,u,o,r,g,d]);return C.useMemo(()=>l?{reference:x}:{},[l,x])}const cs={pointerdown:"onPointerDown",mousedown:"onMouseDown",click:"onClick"},as={pointerdown:"onPointerDownCapture",mousedown:"onMouseDownCapture",click:"onClickCapture"},so=e=>{var t,r;return{escapeKey:typeof e=="boolean"?e:(t=e==null?void 0:e.escapeKey)!=null?t:!1,outsidePress:typeof e=="boolean"?e:(r=e==null?void 0:e.outsidePress)!=null?r:!0}};function ln(e,t){t===void 0&&(t={});const{open:r,onOpenChange:o,elements:n,dataRef:s}=e,{enabled:l=!0,escapeKey:c=!0,outsidePress:d=!0,outsidePressEvent:a="pointerdown",referencePress:u=!1,referencePressEvent:g="pointerdown",ancestorScroll:f=!1,bubbles:p,capture:x}=t,h=Ut(),y=ue(typeof d=="function"?d:()=>!1),m=typeof d=="function"?y:d,v=C.useRef(!1),{escapeKey:k,outsidePress:R}=so(p),{escapeKey:I,outsidePress:P}=so(x),L=C.useRef(!1),j=ue(S=>{var E;if(!r||!l||!c||S.key!=="Escape"||L.current)return;const _=(E=s.current.floatingContext)==null?void 0:E.nodeId,D=h?Ve(h.nodesRef.current,_):[];if(!k&&(S.stopPropagation(),D.length>0)){let b=!0;if(D.forEach(T=>{var N;if((N=T.context)!=null&&N.open&&!T.context.dataRef.current.__escapeKeyBubbles){b=!1;return}}),!b)return}o(!1,Zi(S)?S.nativeEvent:S,"escape-key")}),Z=ue(S=>{var E;const _=()=>{var D;j(S),(D=De(S))==null||D.removeEventListener("keydown",_)};(E=De(S))==null||E.addEventListener("keydown",_)}),$=ue(S=>{var E;const _=s.current.insideReactTree;s.current.insideReactTree=!1;const D=v.current;if(v.current=!1,a==="click"&&D||_||typeof m=="function"&&!m(S))return;const b=De(S),T="["+Dt("inert")+"]",N=we(n.floating).querySelectorAll(T);let ne=re(b)?b:null;for(;ne&&!$e(ne);){const H=Ae(ne);if($e(H)||!re(H))break;ne=H}if(N.length&&re(b)&&!Xi(b)&&!xe(b,n.floating)&&Array.from(N).every(H=>!xe(ne,H)))return;if(le(b)&&U){const H=$e(b),J=ye(b),de=/auto|scroll/,tt=H||de.test(J.overflowX),Ge=H||de.test(J.overflowY),Oe=tt&&b.clientWidth>0&&b.scrollWidth>b.clientWidth,Ke=Ge&&b.clientHeight>0&&b.scrollHeight>b.clientHeight,z=J.direction==="rtl",G=Ke&&(z?S.offsetX<=b.offsetWidth-b.clientWidth:S.offsetX>b.clientWidth),B=Oe&&S.offsetY>b.clientHeight;if(G||B)return}const be=(E=s.current.floatingContext)==null?void 0:E.nodeId,V=h&&Ve(h.nodesRef.current,be).some(H=>{var J;return Yt(S,(J=H.context)==null?void 0:J.elements.floating)});if(Yt(S,n.floating)||Yt(S,n.domReference)||V)return;const q=h?Ve(h.nodesRef.current,be):[];if(q.length>0){let H=!0;if(q.forEach(J=>{var de;if((de=J.context)!=null&&de.open&&!J.context.dataRef.current.__outsidePressBubbles){H=!1;return}}),!H)return}o(!1,S,"outside-press")}),F=ue(S=>{var E;const _=()=>{var D;$(S),(D=De(S))==null||D.removeEventListener(a,_)};(E=De(S))==null||E.addEventListener(a,_)});C.useEffect(()=>{if(!r||!l)return;s.current.__escapeKeyBubbles=k,s.current.__outsidePressBubbles=R;let S=-1;function E(N){o(!1,N,"ancestor-scroll")}function _(){window.clearTimeout(S),L.current=!0}function D(){S=window.setTimeout(()=>{L.current=!1},zt()?5:0)}const b=we(n.floating);c&&(b.addEventListener("keydown",I?Z:j,I),b.addEventListener("compositionstart",_),b.addEventListener("compositionend",D)),m&&b.addEventListener(a,P?F:$,P);let T=[];return f&&(re(n.domReference)&&(T=Ne(n.domReference)),re(n.floating)&&(T=T.concat(Ne(n.floating))),!re(n.reference)&&n.reference&&n.reference.contextElement&&(T=T.concat(Ne(n.reference.contextElement)))),T=T.filter(N=>{var ne;return N!==((ne=b.defaultView)==null?void 0:ne.visualViewport)}),T.forEach(N=>{N.addEventListener("scroll",E,{passive:!0})}),()=>{c&&(b.removeEventListener("keydown",I?Z:j,I),b.removeEventListener("compositionstart",_),b.removeEventListener("compositionend",D)),m&&b.removeEventListener(a,P?F:$,P),T.forEach(N=>{N.removeEventListener("scroll",E)}),window.clearTimeout(S)}},[s,n,c,m,a,r,o,f,l,k,R,j,I,Z,$,P,F]),C.useEffect(()=>{s.current.insideReactTree=!1},[s,m,a]);const Y=C.useMemo(()=>({onKeyDown:j,...u&&{[cs[g]]:S=>{o(!1,S.nativeEvent,"reference-press")},...g!=="click"&&{onClick(S){o(!1,S.nativeEvent,"reference-press")}}}}),[j,o,u,g]),U=C.useMemo(()=>({onKeyDown:j,onMouseDown(){v.current=!0},onMouseUp(){v.current=!0},[as[a]]:()=>{s.current.insideReactTree=!0}}),[j,a,s]);return C.useMemo(()=>l?{reference:Y,floating:U}:{},[l,Y,U])}function us(e){const{open:t=!1,onOpenChange:r,elements:o}=e,n=rn(),s=C.useRef({}),[l]=C.useState(()=>Kl()),c=wr()!=null;if(process.env.NODE_ENV!=="production"){const p=o.reference;p&&!re(p)&&Gl("Cannot pass a virtual element to the `elements.reference` option,","as it must be a real DOM element. Use `refs.setPositionReference()`","instead.")}const[d,a]=C.useState(o.reference),u=ue((p,x,h)=>{s.current.openEvent=p?x:void 0,l.emit("openchange",{open:p,event:x,reason:h,nested:c}),r==null||r(p,x,h)}),g=C.useMemo(()=>({setPositionReference:a}),[]),f=C.useMemo(()=>({reference:d||o.reference||null,floating:o.floating||null,domReference:o.reference}),[d,o.reference,o.floating]);return C.useMemo(()=>({dataRef:s,open:t,onOpenChange:u,elements:f,events:l,floatingId:n,refs:g}),[t,u,f,l,n,g])}function sn(e){e===void 0&&(e={});const{nodeId:t}=e,r=us({...e,elements:{reference:null,floating:null,...e.elements}}),o=e.rootContext||r,n=o.elements,[s,l]=C.useState(null),[c,d]=C.useState(null),u=(n==null?void 0:n.domReference)||s,g=C.useRef(null),f=Ut();se(()=>{u&&(g.current=u)},[u]);const p=jl({...e,elements:{...n,...c&&{reference:c}}}),x=C.useCallback(k=>{const R=re(k)?{getBoundingClientRect:()=>k.getBoundingClientRect(),getClientRects:()=>k.getClientRects(),contextElement:k}:k;d(R),p.refs.setReference(R)},[p.refs]),h=C.useCallback(k=>{(re(k)||k===null)&&(g.current=k,l(k)),(re(p.refs.reference.current)||p.refs.reference.current===null||k!==null&&!re(k))&&p.refs.setReference(k)},[p.refs]),y=C.useMemo(()=>({...p.refs,setReference:h,setPositionReference:x,domReference:g}),[p.refs,h,x]),m=C.useMemo(()=>({...p.elements,domReference:u}),[p.elements,u]),v=C.useMemo(()=>({...p,...o,refs:y,elements:m,nodeId:t}),[p,y,m,t,o]);return se(()=>{o.dataRef.current.floatingContext=v;const k=f==null?void 0:f.nodesRef.current.find(R=>R.id===t);k&&(k.context=v)}),C.useMemo(()=>({...p,context:v,refs:y,elements:m}),[p,y,m,v])}function rr(e,t,r){const o=new Map,n=r==="item";let s=e;if(n&&e){const{[qr]:l,[Xr]:c,...d}=e;s=d}return{...r==="floating"&&{tabIndex:-1,[Bl]:""},...s,...t.map(l=>{const c=l?l[r]:null;return typeof c=="function"?e?c(e):null:c}).concat(e).reduce((l,c)=>(c&&Object.entries(c).forEach(d=>{let[a,u]=d;if(!(n&&[qr,Xr].includes(a)))if(a.indexOf("on")===0){if(o.has(a)||o.set(a,[]),typeof u=="function"){var g;(g=o.get(a))==null||g.push(u),l[a]=function(){for(var f,p=arguments.length,x=new Array(p),h=0;h<p;h++)x[h]=arguments[h];return(f=o.get(a))==null?void 0:f.map(y=>y(...x)).find(y=>y!==void 0)}}}else l[a]=u}),l),{})}}function cn(e){e===void 0&&(e=[]);const t=e.map(c=>c==null?void 0:c.reference),r=e.map(c=>c==null?void 0:c.floating),o=e.map(c=>c==null?void 0:c.item),n=C.useCallback(c=>rr(c,e,"reference"),t),s=C.useCallback(c=>rr(c,e,"floating"),r),l=C.useCallback(c=>rr(c,e,"item"),o);return C.useMemo(()=>({getReferenceProps:n,getFloatingProps:s,getItemProps:l}),[n,s,l])}const ds="Escape";function Gt(e,t,r){switch(e){case"vertical":return t;case"horizontal":return r;default:return t||r}}function wt(e,t){return Gt(t,e===tn||e===Ht,e===ft||e===gt)}function or(e,t,r){return Gt(t,e===Ht,r?e===ft:e===gt)||e==="Enter"||e===" "||e===""}function co(e,t,r){return Gt(t,r?e===ft:e===gt,e===Ht)}function ao(e,t,r,o){const n=r?e===gt:e===ft,s=e===tn;return t==="both"||t==="horizontal"&&o&&o>1?e===ds:Gt(t,n,s)}function fs(e,t){const{open:r,onOpenChange:o,elements:n,floatingId:s}=e,{listRef:l,activeIndex:c,onNavigate:d=()=>{},enabled:a=!0,selectedIndex:u=null,allowEscape:g=!1,loop:f=!1,nested:p=!1,rtl:x=!1,virtual:h=!1,focusItemOnOpen:y="auto",focusItemOnHover:m=!0,openOnArrowKeyDown:v=!0,disabledIndices:k=void 0,orientation:R="vertical",parentOrientation:I,cols:P=1,scrollItemIntoView:L=!0,virtualItemRef:j,itemSizes:Z,dense:$=!1}=t;process.env.NODE_ENV!=="production"&&(g&&(f||er("`useListNavigation` looping must be enabled to allow escaping."),h||er("`useListNavigation` must be virtual to allow escaping.")),R==="vertical"&&P>1&&er("In grid list navigation mode (`cols` > 1), the `orientation` should",'be either "horizontal" or "both".'));const F=Mt(n.floating),Y=Se(F),U=wr(),S=Ut();se(()=>{e.dataRef.current.orientation=R},[e,R]);const E=ue(()=>{d(b.current===-1?null:b.current)}),_=hr(n.domReference),D=C.useRef(y),b=C.useRef(u??-1),T=C.useRef(null),N=C.useRef(!0),ne=C.useRef(E),be=C.useRef(!!n.floating),V=C.useRef(r),q=C.useRef(!1),H=C.useRef(!1),J=Se(k),de=Se(r),tt=Se(L),Ge=Se(u),[Oe,Ke]=C.useState(),[z,G]=C.useState(),B=ue(()=>{function M(te){if(h){var ie;(ie=te.id)!=null&&ie.endsWith("-fui-option")&&(te.id=s+"-"+Math.random().toString(16).slice(2,10)),Ke(te.id),S==null||S.events.emit("virtualfocus",te),j&&(j.current=te)}else Be(te,{sync:q.current,preventScroll:!0})}const W=l.current[b.current],A=H.current;W&&M(W),(q.current?te=>te():requestAnimationFrame)(()=>{const te=l.current[b.current]||W;if(!te)return;W||M(te);const ie=tt.current;ie&&oe&&(A||!N.current)&&(te.scrollIntoView==null||te.scrollIntoView(typeof ie=="boolean"?{block:"nearest",inline:"nearest"}:ie))})});se(()=>{a&&(r&&n.floating?D.current&&u!=null&&(H.current=!0,b.current=u,E()):be.current&&(b.current=-1,ne.current()))},[a,r,n.floating,u,E]),se(()=>{if(a&&r&&n.floating)if(c==null){if(q.current=!1,Ge.current!=null)return;if(be.current&&(b.current=-1,B()),(!V.current||!be.current)&&D.current&&(T.current!=null||D.current===!0&&T.current==null)){let M=0;const W=()=>{l.current[0]==null?(M<2&&(M?requestAnimationFrame:queueMicrotask)(W),M++):(b.current=T.current==null||or(T.current,R,x)||p?Zt(l,J.current):Br(l,J.current),T.current=null,E())};W()}}else lt(l,c)||(b.current=c,B(),H.current=!1)},[a,r,n.floating,c,Ge,p,l,R,x,E,B,J]),se(()=>{var M;if(!a||n.floating||!S||h||!be.current)return;const W=S.nodesRef.current,A=(M=W.find(ie=>ie.id===U))==null||(M=M.context)==null?void 0:M.elements.floating,Q=Pe(we(n.floating)),te=W.some(ie=>ie.context&&xe(ie.context.elements.floating,Q));A&&!te&&N.current&&A.focus({preventScroll:!0})},[a,n.floating,S,U,h]),se(()=>{if(!a||!S||!h||U)return;function M(W){G(W.id),j&&(j.current=W)}return S.events.on("virtualfocus",M),()=>{S.events.off("virtualfocus",M)}},[a,S,h,U,j]),se(()=>{ne.current=E,V.current=r,be.current=!!n.floating}),se(()=>{r||(T.current=null,D.current=y)},[r,y]);const ee=c!=null,oe=C.useMemo(()=>{function M(A){if(!de.current)return;const Q=l.current.indexOf(A);Q!==-1&&b.current!==Q&&(b.current=Q,E())}return{onFocus(A){let{currentTarget:Q}=A;q.current=!0,M(Q)},onClick:A=>{let{currentTarget:Q}=A;return Q.focus({preventScroll:!0})},onMouseMove(A){let{currentTarget:Q}=A;q.current=!0,H.current=!1,m&&M(Q)},onPointerLeave(A){let{pointerType:Q}=A;if(!(!N.current||Q==="touch")&&(q.current=!0,!!m&&(b.current=-1,E(),!h))){var te;(te=Y.current)==null||te.focus({preventScroll:!0})}}}},[de,Y,m,l,E,h]),K=C.useCallback(()=>{var M;return I??(S==null||(M=S.nodesRef.current.find(W=>W.id===U))==null||(M=M.context)==null||(M=M.dataRef)==null?void 0:M.current.orientation)},[U,S,I]),pe=ue(M=>{if(N.current=!1,q.current=!0,M.which===229||!de.current&&M.currentTarget===Y.current)return;if(p&&ao(M.key,R,x,P)){wt(M.key,K())||ae(M),o(!1,M.nativeEvent,"list-navigation"),le(n.domReference)&&(h?S==null||S.events.emit("virtualfocus",n.domReference):n.domReference.focus());return}const W=b.current,A=Zt(l,k),Q=Br(l,k);if(_||(M.key==="Home"&&(ae(M),b.current=A,E()),M.key==="End"&&(ae(M),b.current=Q,E())),P>1){const te=Z||Array.from({length:l.current.length},()=>({width:1,height:1})),ie=nl(te,P,$),rt=ie.findIndex(ve=>ve!=null&&!Rt(l,ve,k)),ht=ie.reduce((ve,je,pt)=>je!=null&&!Rt(l,je,k)?pt:ve,-1),ot=ie[ol({current:ie.map(ve=>ve!=null?l.current[ve]:null)},{event:M,orientation:R,loop:f,rtl:x,cols:P,disabledIndices:ll([...(typeof k!="function"?k:null)||l.current.map((ve,je)=>Rt(l,je,k)?je:void 0),void 0],ie),minIndex:rt,maxIndex:ht,prevIndex:il(b.current>Q?A:b.current,te,ie,P,M.key===Ht?"bl":M.key===(x?ft:gt)?"tr":"tl"),stopEvent:!0})];if(ot!=null&&(b.current=ot,E()),R==="both")return}if(wt(M.key,R)){if(ae(M),r&&!h&&Pe(M.currentTarget.ownerDocument)===M.currentTarget){b.current=or(M.key,R,x)?A:Q,E();return}or(M.key,R,x)?f?b.current=W>=Q?g&&W!==l.current.length?-1:A:he(l,{startingIndex:W,disabledIndices:k}):b.current=Math.min(Q,he(l,{startingIndex:W,disabledIndices:k})):f?b.current=W<=A?g&&W!==-1?l.current.length:Q:he(l,{startingIndex:W,decrement:!0,disabledIndices:k}):b.current=Math.max(A,he(l,{startingIndex:W,decrement:!0,disabledIndices:k})),lt(l,b.current)&&(b.current=-1),E()}}),ce=C.useMemo(()=>h&&r&&ee&&{"aria-activedescendant":z||Oe},[h,r,ee,z,Oe]),fe=C.useMemo(()=>({"aria-orientation":R==="both"?void 0:R,..._?{}:ce,onKeyDown:pe,onPointerMove(){N.current=!0}}),[ce,pe,R,_]),ke=C.useMemo(()=>{function M(A){y==="auto"&&Bo(A.nativeEvent)&&(D.current=!0)}function W(A){D.current=y,y==="auto"&&Wo(A.nativeEvent)&&(D.current=!0)}return{...ce,onKeyDown(A){N.current=!1;const Q=A.key.startsWith("Arrow"),te=["Home","End"].includes(A.key),ie=Q||te,rt=co(A.key,R,x),ht=ao(A.key,R,x,P),ot=co(A.key,K(),x),ve=wt(A.key,R),je=(p?ot:ve)||A.key==="Enter"||A.key.trim()==="";if(h&&r){const bt=S==null?void 0:S.nodesRef.current.find(xt=>xt.parentId==null),Me=S&&bt?Yi(S.nodesRef.current,bt.id):null;if(ie&&Me&&j){const xt=new KeyboardEvent("keydown",{key:A.key,bubbles:!0});if(rt||ht){var pt,Sr;const hn=((pt=Me.context)==null?void 0:pt.elements.domReference)===A.currentTarget,Ir=ht&&!hn?(Sr=Me.context)==null?void 0:Sr.elements.domReference:rt?l.current.find(Or=>(Or==null?void 0:Or.id)===Oe):null;Ir&&(ae(A),Ir.dispatchEvent(xt),G(void 0))}if((ve||te)&&Me.context&&Me.context.open&&Me.parentId&&A.currentTarget!==Me.context.elements.domReference){var Er;ae(A),(Er=Me.context.elements.domReference)==null||Er.dispatchEvent(xt);return}}return pe(A)}if(!(!r&&!v&&Q)){if(je){const bt=wt(A.key,K());T.current=p&&bt?null:A.key}if(p){ot&&(ae(A),r?(b.current=Zt(l,J.current),E()):o(!0,A.nativeEvent,"list-navigation"));return}ve&&(u!=null&&(b.current=u),ae(A),!r&&v?o(!0,A.nativeEvent,"list-navigation"):pe(A),r&&E())}},onFocus(){r&&!h&&(b.current=-1,E())},onPointerDown:W,onPointerEnter:W,onMouseDown:M,onClick:M}},[Oe,ce,P,pe,J,y,l,p,E,o,r,v,R,K,x,u,S,h,j]);return C.useMemo(()=>a?{reference:ke,floating:fe,item:oe}:{},[a,ke,fe,oe])}const gs=new Map([["select","listbox"],["combobox","listbox"],["label",!1]]);function hs(e,t){var r,o;t===void 0&&(t={});const{open:n,elements:s,floatingId:l}=e,{enabled:c=!0,role:d="dialog"}=t,a=rn(),u=((r=s.domReference)==null?void 0:r.id)||a,g=C.useMemo(()=>{var v;return((v=Mt(s.floating))==null?void 0:v.id)||l},[s.floating,l]),f=(o=gs.get(d))!=null?o:d,x=wr()!=null,h=C.useMemo(()=>f==="tooltip"||d==="label"?{["aria-"+(d==="label"?"labelledby":"describedby")]:n?g:void 0}:{"aria-expanded":n?"true":"false","aria-haspopup":f==="alertdialog"?"dialog":f,"aria-controls":n?g:void 0,...f==="listbox"&&{role:"combobox"},...f==="menu"&&{id:u},...f==="menu"&&x&&{role:"menuitem"},...d==="select"&&{"aria-autocomplete":"none"},...d==="combobox"&&{"aria-autocomplete":"list"}},[f,g,x,n,u,d]),y=C.useMemo(()=>{const v={id:g,...f&&{role:f}};return f==="tooltip"||d==="label"?v:{...v,...f==="menu"&&{"aria-labelledby":u}}},[f,g,u,d]),m=C.useCallback(v=>{let{active:k,selected:R}=v;const I={role:"option",...k&&{id:g+"-fui-option"}};switch(d){case"select":case"combobox":return{...I,"aria-selected":R}}return{}},[g,d]);return C.useMemo(()=>c?{reference:h,floating:y,item:m}:{},[c,h,y,m])}function ps(e,t){var r;const{open:o,dataRef:n}=e,{listRef:s,activeIndex:l,onMatch:c,onTypingChange:d,enabled:a=!0,findMatch:u=null,resetMs:g=750,ignoreKeys:f=[],selectedIndex:p=null}=t,x=C.useRef(-1),h=C.useRef(""),y=C.useRef((r=p??l)!=null?r:-1),m=C.useRef(null),v=ue(c),k=ue(d),R=Se(u),I=Se(f);se(()=>{o&&(pr(x),m.current=null,h.current="")},[o]),se(()=>{if(o&&h.current===""){var $;y.current=($=p??l)!=null?$:-1}},[o,p,l]);const P=ue($=>{$?n.current.typing||(n.current.typing=$,k($)):n.current.typing&&(n.current.typing=$,k($))}),L=ue($=>{function F(_,D,b){const T=R.current?R.current(D,b):D.find(N=>(N==null?void 0:N.toLocaleLowerCase().indexOf(b.toLocaleLowerCase()))===0);return T?_.indexOf(T):-1}const Y=s.current;if(h.current.length>0&&h.current[0]!==" "&&(F(Y,Y,h.current)===-1?P(!1):$.key===" "&&ae($)),Y==null||I.current.includes($.key)||$.key.length!==1||$.ctrlKey||$.metaKey||$.altKey)return;o&&$.key!==" "&&(ae($),P(!0)),Y.every(_=>{var D,b;return _?((D=_[0])==null?void 0:D.toLocaleLowerCase())!==((b=_[1])==null?void 0:b.toLocaleLowerCase()):!0})&&h.current===$.key&&(h.current="",y.current=m.current),h.current+=$.key,pr(x),x.current=window.setTimeout(()=>{h.current="",y.current=m.current,P(!1)},g);const S=y.current,E=F(Y,[...Y.slice((S||0)+1),...Y.slice(0,(S||0)+1)],h.current);E!==-1?(v(E),m.current=E):$.key!==" "&&(h.current="",P(!1))}),j=C.useMemo(()=>({onKeyDown:L}),[L]),Z=C.useMemo(()=>({onKeyDown:L,onKeyUp($){$.key===" "&&P(!1)}}),[L,P]);return C.useMemo(()=>a?{reference:j,floating:Z}:{},[a,j,Z])}const bs=(e,t)=>`${e}-${t}`,xs=(e=Ro,t=So,r=Eo,o,n)=>{const[s,l]=X.useState(!1),c=o!==void 0,d=c?o:s,a=X.useCallback(v=>{c||l(v),n==null||n(v)},[c,n]),u=X.useMemo(()=>bs(e,t),[e,t]),{refs:g,floatingStyles:f,context:p}=sn({open:d,onOpenChange:a,placement:u,middleware:[Qo(r),en(),Jo({padding:8})],whileElementsMounted:Yo}),x=nn(p),h=ln(p,{escapeKey:!0,outsidePress:!0}),{getReferenceProps:y,getFloatingProps:m}=cn([x,h]);return{isOpen:d,setIsOpen:a,refs:{setReference:g.setReference,setFloating:g.setFloating},floatingStyles:f,getReferenceProps:y,getFloatingProps:m}},nr=w.classNameGetter("dropdown"),ms=({trigger:e,children:t,placement:r=Ro,align:o=So,offset:n=Eo,open:s,onOpenChange:l,portalRenderNode:c,classnames:d,className:a,fullWidth:u,...g})=>{const{isOpen:f,refs:p,floatingStyles:x,getReferenceProps:h,getFloatingProps:y}=xs(r,o,n,s,l),m=()=>{const v=w.jsx(si,{ref:p.setFloating,className:nr("content",d==null?void 0:d.content),style:x,$isOpen:f,...y(),children:t});return c?Ft.createPortal(v,c):v};return w.jsxs(ii,{...g,className:nr("container",a,d==null?void 0:d.container),$fullWidth:u,children:[w.jsx(li,{ref:p.setReference,className:nr("trigger",d==null?void 0:d.trigger),$fullWidth:u,...h(),children:e}),m()]})},uo={hidden:["M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7 7 0 0 0-2.79.588l.77.771A6 6 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755q-.247.248-.517.486z","M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829","M3.35 5.47q-.27.24-.518.487A13 13 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7 7 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12z"],visible:["M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8M1.173 8a13 13 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5s3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5s-3.879-1.168-5.168-2.457A13 13 0 0 1 1.172 8z","M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0"]},Cs=(e,t,r)=>r?e.input.wrapper.disabled.backgroundColor:t==="warning"?e.input.state.warning.wrapper.backgroundColor:t==="error"?e.input.state.error.wrapper.backgroundColor:e.input.wrapper.backgroundColor,vs=(e,t,r)=>r?e.input.wrapper.disabled.borderColor:t==="warning"?e.input.state.warning.wrapper.borderColor:t==="error"?e.input.state.error.wrapper.borderColor:e.input.wrapper.borderColor,ws=(e,t)=>t==="warning"?e.input.state.warning.wrapper.focus.outlineColor:t==="error"?e.input.state.error.wrapper.focus.outlineColor:e.input.wrapper.focus.outlineColor,ys=(e,t)=>t==="warning"?e.input.state.warning.label.color:t==="error"?e.input.state.error.label.color:e.input.label.color,ks=(e,t)=>t==="warning"?e.input.state.warning.input.color:t==="error"?e.input.state.error.input.color:e.input.input.color,Rs=(e,t)=>t==="warning"?e.input.state.warning.input.placeholderColor:t==="error"?e.input.state.error.input.placeholderColor:e.input.input.placeholderColor,Ss=(e,t,r)=>r?e.input.icon.disabled.color:t==="warning"?e.input.state.warning.icon.color:t==="error"?e.input.state.error.icon.color:e.input.icon.color,Es=(e,t)=>t==="warning"?e.input.state.warning.icon.color:t==="error"?e.input.state.error.icon.color:e.input.toggle.color,Is=O.div`
+  border: 0;
+`,Or=s.div`
   display: flex;
   flex-direction: column;
   gap: 2px;
-  width: ${({$fullWidth:e})=>e?"100%":"auto"};
   min-width: 0;
-  max-width: ${({$fullWidth:e})=>e?"none":"320px"};
-`,Os=O.label`
-  font-size: 11px;
+`,$r=s.span`
+  font-size: 14px;
   font-weight: 500;
-  line-height: 1.5;
-  color: ${({theme:e,$state:t})=>ys(e,t)};
-  margin-left: 2px;
-`,Ts=O.div`
-  display: grid;
-  grid-template-columns: auto 1fr auto;
-  align-items: center;
-  height: 32px;
-  padding: 0 12px;
-  background-color: ${({theme:e,$state:t,$disabled:r})=>Cs(e,t,r)};
-  border-radius: 10px;
-  border: 1px solid
-    ${({theme:e,$state:t,$disabled:r})=>vs(e,t,r)};
-  transition: border-color 0.15s ease;
+  line-height: 1.4;
+  color: ${e=>ce(e.$variant).label.static};
 
-  &:has(:focus-visible) {
-    outline: 2px solid ${({theme:e,$state:t})=>ws(e,t)};
-    outline-offset: 1px;
+  label[data-disabled='true'] & {
+    color: ${e=>ce(e.$variant).label.disabled};
   }
-
-  ${({$disabled:e})=>e&&`
-      cursor: not-allowed;
-    `}
-`,$s=O.input`
-  grid-column: 2;
-  width: 100%;
-  height: 100%;
-  font-size: 14px;
+`,Sr=s.span`
+  font-size: 12px;
   font-weight: 400;
-  line-height: 1.5;
-  color: ${({theme:e,$state:t})=>ks(e,t)};
-  background-color: transparent;
-  border: none;
-  outline: none;
-
-  &::placeholder {
-    color: ${({theme:e,$state:t})=>Rs(e,t)};
-  }
-
-  &:disabled {
-    color: ${({theme:e})=>e.input.input.disabled.color};
-    cursor: not-allowed;
-  }
-
-  &::-webkit-outer-spin-button,
-  &::-webkit-inner-spin-button {
-    appearance: none;
-    margin: 0;
-  }
+  line-height: 1.4;
+  color: ${e=>ce(e.$variant).description.static};
 
-  &[type='number'] {
-    appearance: textfield;
+  label[data-disabled='true'] & {
+    color: ${e=>ce(e.$variant).description.disabled};
   }
-`,As=O.span`
+`,Me=A.newClassNameGetter("checkbox-card"),yr=({checked:e,className:o,classnames:r,description:i,disabled:n,fullWidth:l=!1,label:c,onChange:d,ref:p,variant:h="normal",...u})=>a.jsxs(fr,{className:Me("container",o),$checked:e,$disabled:!!n,$fullWidth:l,$variant:h,"data-disabled":n,children:[a.jsx(xr,{...u,ref:p,type:"checkbox",checked:e,disabled:n,onChange:d}),a.jsx(Ke,{className:r==null?void 0:r.checkbox,checked:e,disabled:n,variant:h,onChange:()=>{},tabIndex:-1,"aria-hidden":!0}),a.jsxs(Or,{className:Me("content",r==null?void 0:r.content),children:[a.jsx($r,{className:Me("label",r==null?void 0:r.label),$variant:h,children:c}),i&&a.jsx(Sr,{className:Me("description",r==null?void 0:r.description),$variant:h,children:i})]})]}),Tt={label:{color:t.COLORS.black,disabledColor:t.alpha(t.COLORS.black,40)}},vr=s.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+`,mr=s.span`
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.5;
+  color: ${e=>e.$disabled?Tt.label.disabledColor:Tt.label.color};
+  margin-bottom: 4px;
+`,Cr=s.div`
   display: flex;
+  flex-direction: column;
+  gap: 12px;
+`,Qe=A.newClassNameGetter("checkbox-group"),wr=({className:e,classnames:o,disabled:r,label:i,onChange:n,options:l,ref:c,value:d,...p})=>{const h=(u,f)=>{n(f?[...d,u]:d.filter(x=>x!==u))};return a.jsxs(vr,{...p,ref:c,className:Qe("container",e),children:[i&&a.jsx(mr,{className:Qe("label",o==null?void 0:o.label),$disabled:r,children:i}),a.jsx(Cr,{className:Qe("options",o==null?void 0:o.options),children:l.map(u=>a.jsx(Ke,{className:o==null?void 0:o.checkbox,checked:d.includes(u.value),label:u.label,disabled:r,onChange:f=>h(u.value,f.target.checked)},u.value))})]})},Nt={gray:{background:t.alpha(t.COLORS["iron-grey"],10),color:t.COLORS["iron-grey"],deleteHover:t.alpha(t.COLORS["iron-grey"],20)},red:{background:t.alpha(t.COLORS.red,10),color:t.COLORS.red,deleteHover:t.alpha(t.COLORS.red,20)},blue:{background:t.alpha(t.COLORS["steel-blue"],10),color:t.COLORS["steel-blue"],deleteHover:t.alpha(t.COLORS["steel-blue"],20)},black:{background:t.COLORS.black,color:t.COLORS.white,deleteHover:t.alpha(t.COLORS.white,20)}},ft=e=>Nt[e]??Nt.gray,Rr=s.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 0 ${e=>e.$deletable?"7px":"10px"} 0 10px;
+  border-radius: 12px;
+  height: 24px;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 1.5;
+  background-color: ${e=>ft(e.$variant).background};
+  color: ${e=>ft(e.$variant).color};
+`,kr=s.button`
+  display: inline-flex;
   align-items: center;
   justify-content: center;
-  margin-right: 8px;
-  color: ${({theme:e,$state:t,$disabled:r})=>Ss(e,t,r)};
-`,Ms=O.button`
-  display: grid;
-  place-items: center;
-  margin-left: 8px;
   padding: 0;
-  background: none;
+  margin: 0;
+  margin-left: 2px;
   border: none;
+  background: transparent;
+  color: inherit;
   cursor: pointer;
-  color: ${({theme:e,$state:t})=>Es(e,t)};
-
-  ${({$disabled:e})=>e&&`
-      opacity: 0.5;
-      pointer-events: none;
-    `}
-`,Ps=O.svg`
-  width: 16px;
-  height: 16px;
-`,Ds=({onBlur:e,onFocus:t,type:r,value:o})=>{const[n,s]=X.useState(!1),l=r==="password";return{inputType:X.useMemo(()=>l&&n?"text":r,[l,n,r]),isPassword:l,isPasswordVisible:n,handleBlur:f=>{e==null||e(f)},handleFocus:f=>{t==null||t(f)},handlePasswordMouseDown:f=>{f.preventDefault(),o&&s(!0)},handlePasswordMouseUp:()=>{s(!1)}}},qe=w.classNameGetter("input"),Ls=({className:e,classnames:t,fullWidth:r,icon:o,label:n,onChange:s,onBlur:l,onFocus:c,ref:d,state:a,type:u,value:g,...f})=>{const{inputType:p,isPassword:x,isPasswordVisible:h,handleBlur:y,handleFocus:m,handlePasswordMouseDown:v,handlePasswordMouseUp:k}=Ds({onBlur:l,onFocus:c,type:u,value:g}),R=h?uo.visible:uo.hidden,I=()=>o||null;return w.jsxs(Is,{className:qe("container",e,t==null?void 0:t.container),$fullWidth:r,children:[n&&w.jsx(Os,{className:qe("label",t==null?void 0:t.label),$state:a,children:n}),w.jsxs(Ts,{className:qe("wrapper",t==null?void 0:t.wrapper),$state:a,$disabled:f.disabled,children:[o&&w.jsx(As,{className:qe("icon",t==null?void 0:t.icon),$disabled:f.disabled,$state:a,children:I()}),w.jsx($s,{...f,ref:d,className:qe("input",t==null?void 0:t.input),$state:a,type:p,value:g,onChange:s,onFocus:m,onBlur:y}),x&&w.jsx(Ms,{type:"button",className:qe("toggle",t==null?void 0:t.toggle),$state:a,$disabled:f.disabled,onMouseDown:v,onMouseUp:k,onMouseLeave:k,tabIndex:-1,children:w.jsx(Ps,{viewBox:"0 0 16 16",fill:"currentColor",children:R.map(P=>w.jsx("path",{d:P},P))})})]})]})},Ns=(e,t,r)=>t?r==="warning"?e.radio.state.warning.circle.checked.borderColor:r==="error"?e.radio.state.error.circle.checked.borderColor:e.radio.circle.checked.borderColor:r==="warning"?e.radio.state.warning.circle.borderColor:r==="error"?e.radio.state.error.circle.borderColor:e.radio.circle.borderColor,Fs=(e,t)=>t==="warning"?e.radio.state.warning.circle.focus.shadowColor:t==="error"?e.radio.state.error.circle.focus.shadowColor:e.radio.circle.focus.shadowColor,_s=(e,t)=>t==="warning"?e.radio.state.warning.dot.color:t==="error"?e.radio.state.error.dot.color:e.radio.dot.color,js=(e,t)=>t==="warning"?e.radio.state.warning.label.color:t==="error"?e.radio.state.error.label.color:e.radio.label.color,zs=O.label`
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  cursor: pointer;
+  border-radius: 4px;
+  transition: background-color 0.15s ease;
 
-  &:has(input:focus-visible) > span:first-of-type {
-    box-shadow: 0 0 0 3px ${({theme:e,$state:t})=>Fs(e,t)};
+  &:hover {
+    background-color: ${e=>ft(e.$variant).deleteHover};
   }
 
-  ${({$disabled:e})=>e&&`
-      opacity: 0.5;
-      cursor: not-allowed;
-    `}
-`,Bs=O.input`
-  position: absolute;
-  opacity: 0;
-  width: 0;
-  height: 0;
-  pointer-events: none;
-`,Ws=O.span`
-  display: inline-flex;
+  & svg {
+    width: 14px;
+    height: 14px;
+  }
+`,Lr=s.span`
+  flex: 1 0 auto;
+  text-align: center;
+`,et=A.newClassNameGetter("chip"),Xe=({children:e,className:o,classnames:r,deletable:i,onDelete:n,ref:l,variant:c="gray",...d})=>a.jsxs(Rr,{...d,ref:l,className:et("container",o),$variant:c,$deletable:!!i,children:[a.jsx(Lr,{className:et("label",r==null?void 0:r.label),children:e}),i&&a.jsx(kr,{type:"button",className:et("delete",r==null?void 0:r.delete),$variant:c,onClick:n,children:a.jsx(a.X,{})})]}),zr="Confirm",Pr="Cancel",jr=ie.keyframes`
+  from {
+    opacity: 0;
+    transform: translateX(-50%) translateY(100%);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(-50%) translateY(0);
+  }
+`,Er=ie.keyframes`
+  from {
+    opacity: 1;
+    transform: translateX(-50%) translateY(0);
+  }
+  to {
+    opacity: 0;
+    transform: translateX(-50%) translateY(100%);
+  }
+`,Tr=s.div`
+  position: fixed;
+  bottom: 24px;
+  left: 50%;
+  transform: translateX(-50%);
+  display: flex;
   align-items: center;
-  justify-content: center;
-  width: 18px;
-  height: 18px;
-  border-radius: 50%;
-  border: 1.5px solid
-    ${({theme:e,$checked:t,$state:r})=>Ns(e,t,r)};
-  background-color: transparent;
-  transition:
-    border-color 0.15s ease,
-    box-shadow 0.15s ease;
-`,Vs=O.span`
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
-  background-color: ${({theme:e,$state:t})=>_s(e,t)};
-  opacity: ${({$visible:e})=>e?1:0};
-  transform: ${({$visible:e})=>e?"scale(1)":"scale(0)"};
-  transition:
-    opacity 0.15s ease,
-    transform 0.15s ease;
-`,Hs=O.span`
+  gap: 16px;
+  padding: 12px 16px;
+  background-color: ${t.COLORS.white};
+  border: 1px dashed ${t.COLORS.gray};
+  border-radius: 12px;
+  box-shadow:
+    0 4px 6px -1px rgba(0, 0, 0, 0.1),
+    0 2px 4px -2px rgba(0, 0, 0, 0.1);
+  animation: ${({$open:e})=>e?jr:Er} 0.2s ease-out forwards;
+  z-index: 1000;
+`,Nr=s.p`
+  margin: 0;
   font-size: 14px;
-  line-height: 1.5;
-  color: ${({theme:e,$state:t})=>js(e,t)};
-  user-select: none;
-  font-weight: 500;
-`,it=w.classNameGetter("radio"),Rr=({checked:e,className:t,classnames:r,disabled:o,label:n,onChange:s,ref:l,state:c,...d})=>w.jsxs(zs,{className:it("container",t,r==null?void 0:r.container),$disabled:o,$state:c,children:[w.jsx(Bs,{...d,ref:l,type:"radio",className:it("input",r==null?void 0:r.input),checked:e,disabled:o,onChange:s}),w.jsx(Ws,{className:it("circle",r==null?void 0:r.circle),$checked:e,$state:c,children:w.jsx(Vs,{className:it("dot",r==null?void 0:r.dot),$visible:e,$state:c})}),n&&w.jsx(Hs,{className:it("label",r==null?void 0:r.label),$state:c,children:n})]});function Xe(e,t,r){let o=r.initialDeps??[],n,s=!0;function l(){var c,d,a;let u;r.key&&((c=r.debug)!=null&&c.call(r))&&(u=Date.now());const g=e();if(!(g.length!==o.length||g.some((x,h)=>o[h]!==x)))return n;o=g;let p;if(r.key&&((d=r.debug)!=null&&d.call(r))&&(p=Date.now()),n=t(...g),r.key&&((a=r.debug)!=null&&a.call(r))){const x=Math.round((Date.now()-u)*100)/100,h=Math.round((Date.now()-p)*100)/100,y=h/16,m=(v,k)=>{for(v=String(v);v.length<k;)v=" "+v;return v};console.info(`%c⏱ ${m(h,5)} /${m(x,5)} ms`,`
-            font-size: .6rem;
-            font-weight: bold;
-            color: hsl(${Math.max(0,Math.min(120-120*y,120))}deg 100% 31%);`,r==null?void 0:r.key)}return r!=null&&r.onChange&&!(s&&r.skipInitialOnChange)&&r.onChange(n),s=!1,n}return l.updateDeps=c=>{o=c},l}function fo(e,t){if(e===void 0)throw new Error("Unexpected undefined");return e}const Us=(e,t)=>Math.abs(e-t)<1.01,Gs=(e,t,r)=>{let o;return function(...n){e.clearTimeout(o),o=e.setTimeout(()=>t.apply(this,n),r)}},go=e=>{const{offsetWidth:t,offsetHeight:r}=e;return{width:t,height:r}},Ks=e=>e,qs=e=>{const t=Math.max(e.startIndex-e.overscan,0),r=Math.min(e.endIndex+e.overscan,e.count-1),o=[];for(let n=t;n<=r;n++)o.push(n);return o},Xs=(e,t)=>{const r=e.scrollElement;if(!r)return;const o=e.targetWindow;if(!o)return;const n=l=>{const{width:c,height:d}=l;t({width:Math.round(c),height:Math.round(d)})};if(n(go(r)),!o.ResizeObserver)return()=>{};const s=new o.ResizeObserver(l=>{const c=()=>{const d=l[0];if(d!=null&&d.borderBoxSize){const a=d.borderBoxSize[0];if(a){n({width:a.inlineSize,height:a.blockSize});return}}n(go(r))};e.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(c):c()});return s.observe(r,{box:"border-box"}),()=>{s.unobserve(r)}},ho={passive:!0},po=typeof window>"u"?!0:"onscrollend"in window,Ys=(e,t)=>{const r=e.scrollElement;if(!r)return;const o=e.targetWindow;if(!o)return;let n=0;const s=e.options.useScrollendEvent&&po?()=>{}:Gs(o,()=>{t(n,!1)},e.options.isScrollingResetDelay),l=u=>()=>{const{horizontal:g,isRtl:f}=e.options;n=g?r.scrollLeft*(f&&-1||1):r.scrollTop,s(),t(n,u)},c=l(!0),d=l(!1);d(),r.addEventListener("scroll",c,ho);const a=e.options.useScrollendEvent&&po;return a&&r.addEventListener("scrollend",d,ho),()=>{r.removeEventListener("scroll",c),a&&r.removeEventListener("scrollend",d)}},Zs=(e,t,r)=>{if(t!=null&&t.borderBoxSize){const o=t.borderBoxSize[0];if(o)return Math.round(o[r.options.horizontal?"inlineSize":"blockSize"])}return e[r.options.horizontal?"offsetWidth":"offsetHeight"]},Qs=(e,{adjustments:t=0,behavior:r},o)=>{var n,s;const l=e+t;(s=(n=o.scrollElement)==null?void 0:n.scrollTo)==null||s.call(n,{[o.options.horizontal?"left":"top"]:l,behavior:r})};class Js{constructor(t){this.unsubs=[],this.scrollElement=null,this.targetWindow=null,this.isScrolling=!1,this.measurementsCache=[],this.itemSizeCache=new Map,this.laneAssignments=new Map,this.pendingMeasuredCacheIndexes=[],this.prevLanes=void 0,this.lanesChangedFlag=!1,this.lanesSettling=!1,this.scrollRect=null,this.scrollOffset=null,this.scrollDirection=null,this.scrollAdjustments=0,this.elementsCache=new Map,this.observer=(()=>{let r=null;const o=()=>r||(!this.targetWindow||!this.targetWindow.ResizeObserver?null:r=new this.targetWindow.ResizeObserver(n=>{n.forEach(s=>{const l=()=>{this._measureElement(s.target,s)};this.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(l):l()})}));return{disconnect:()=>{var n;(n=o())==null||n.disconnect(),r=null},observe:n=>{var s;return(s=o())==null?void 0:s.observe(n,{box:"border-box"})},unobserve:n=>{var s;return(s=o())==null?void 0:s.unobserve(n)}}})(),this.range=null,this.setOptions=r=>{Object.entries(r).forEach(([o,n])=>{typeof n>"u"&&delete r[o]}),this.options={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,scrollPaddingStart:0,scrollPaddingEnd:0,horizontal:!1,getItemKey:Ks,rangeExtractor:qs,onChange:()=>{},measureElement:Zs,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,...r}},this.notify=r=>{var o,n;(n=(o=this.options).onChange)==null||n.call(o,this,r)},this.maybeNotify=Xe(()=>(this.calculateRange(),[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]),r=>{this.notify(r)},{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(r=>r()),this.unsubs=[],this.observer.disconnect(),this.scrollElement=null,this.targetWindow=null},this._didMount=()=>()=>{this.cleanup()},this._willUpdate=()=>{var r;const o=this.options.enabled?this.options.getScrollElement():null;if(this.scrollElement!==o){if(this.cleanup(),!o){this.maybeNotify();return}this.scrollElement=o,this.scrollElement&&"ownerDocument"in this.scrollElement?this.targetWindow=this.scrollElement.ownerDocument.defaultView:this.targetWindow=((r=this.scrollElement)==null?void 0:r.window)??null,this.elementsCache.forEach(n=>{this.observer.observe(n)}),this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0}),this.unsubs.push(this.options.observeElementRect(this,n=>{this.scrollRect=n,this.maybeNotify()})),this.unsubs.push(this.options.observeElementOffset(this,(n,s)=>{this.scrollAdjustments=0,this.scrollDirection=s?this.getScrollOffset()<n?"forward":"backward":null,this.scrollOffset=n,this.isScrolling=s,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=(r,o)=>{const n=new Map,s=new Map;for(let l=o-1;l>=0;l--){const c=r[l];if(n.has(c.lane))continue;const d=s.get(c.lane);if(d==null||c.end>d.end?s.set(c.lane,c):c.end<d.end&&n.set(c.lane,!0),n.size===this.options.lanes)break}return s.size===this.options.lanes?Array.from(s.values()).sort((l,c)=>l.end===c.end?l.index-c.index:l.end-c.end)[0]:void 0},this.getMeasurementOptions=Xe(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled,this.options.lanes],(r,o,n,s,l,c)=>(this.prevLanes!==void 0&&this.prevLanes!==c&&(this.lanesChangedFlag=!0),this.prevLanes=c,this.pendingMeasuredCacheIndexes=[],{count:r,paddingStart:o,scrollMargin:n,getItemKey:s,enabled:l,lanes:c}),{key:!1,skipInitialOnChange:!0,onChange:()=>{this.notify(this.isScrolling)}}),this.getMeasurements=Xe(()=>[this.getMeasurementOptions(),this.itemSizeCache],({count:r,paddingStart:o,scrollMargin:n,getItemKey:s,enabled:l,lanes:c},d)=>{if(!l)return this.measurementsCache=[],this.itemSizeCache.clear(),this.laneAssignments.clear(),[];if(this.laneAssignments.size>r)for(const f of this.laneAssignments.keys())f>=r&&this.laneAssignments.delete(f);this.lanesChangedFlag&&(this.lanesChangedFlag=!1,this.lanesSettling=!0,this.measurementsCache=[],this.itemSizeCache.clear(),this.laneAssignments.clear(),this.pendingMeasuredCacheIndexes=[]),this.measurementsCache.length===0&&(this.measurementsCache=this.options.initialMeasurementsCache,this.measurementsCache.forEach(f=>{this.itemSizeCache.set(f.key,f.size)}));const a=this.lanesSettling?0:this.pendingMeasuredCacheIndexes.length>0?Math.min(...this.pendingMeasuredCacheIndexes):0;this.pendingMeasuredCacheIndexes=[],this.lanesSettling&&this.measurementsCache.length===r&&(this.lanesSettling=!1);const u=this.measurementsCache.slice(0,a),g=new Array(c).fill(void 0);for(let f=0;f<a;f++){const p=u[f];p&&(g[p.lane]=f)}for(let f=a;f<r;f++){const p=s(f),x=this.laneAssignments.get(f);let h,y;if(x!==void 0&&this.options.lanes>1){h=x;const R=g[h],I=R!==void 0?u[R]:void 0;y=I?I.end+this.options.gap:o+n}else{const R=this.options.lanes===1?u[f-1]:this.getFurthestMeasurement(u,f);y=R?R.end+this.options.gap:o+n,h=R?R.lane:f%this.options.lanes,this.options.lanes>1&&this.laneAssignments.set(f,h)}const m=d.get(p),v=typeof m=="number"?m:this.options.estimateSize(f),k=y+v;u[f]={index:f,start:y,size:v,end:k,key:p,lane:h},g[h]=f}return this.measurementsCache=u,u},{key:process.env.NODE_ENV!=="production"&&"getMeasurements",debug:()=>this.options.debug}),this.calculateRange=Xe(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset(),this.options.lanes],(r,o,n,s)=>this.range=r.length>0&&o>0?ec({measurements:r,outerSize:o,scrollOffset:n,lanes:s}):null,{key:process.env.NODE_ENV!=="production"&&"calculateRange",debug:()=>this.options.debug}),this.getVirtualIndexes=Xe(()=>{let r=null,o=null;const n=this.calculateRange();return n&&(r=n.startIndex,o=n.endIndex),this.maybeNotify.updateDeps([this.isScrolling,r,o]),[this.options.rangeExtractor,this.options.overscan,this.options.count,r,o]},(r,o,n,s,l)=>s===null||l===null?[]:r({startIndex:s,endIndex:l,overscan:o,count:n}),{key:process.env.NODE_ENV!=="production"&&"getVirtualIndexes",debug:()=>this.options.debug}),this.indexFromElement=r=>{const o=this.options.indexAttribute,n=r.getAttribute(o);return n?parseInt(n,10):(console.warn(`Missing attribute name '${o}={index}' on measured element.`),-1)},this._measureElement=(r,o)=>{const n=this.indexFromElement(r),s=this.measurementsCache[n];if(!s)return;const l=s.key,c=this.elementsCache.get(l);c!==r&&(c&&this.observer.unobserve(c),this.observer.observe(r),this.elementsCache.set(l,r)),r.isConnected&&this.resizeItem(n,this.options.measureElement(r,o,this))},this.resizeItem=(r,o)=>{const n=this.measurementsCache[r];if(!n)return;const s=this.itemSizeCache.get(n.key)??n.size,l=o-s;l!==0&&((this.shouldAdjustScrollPositionOnItemSizeChange!==void 0?this.shouldAdjustScrollPositionOnItemSizeChange(n,l,this):n.start<this.getScrollOffset()+this.scrollAdjustments)&&(process.env.NODE_ENV!=="production"&&this.options.debug&&console.info("correction",l),this._scrollToOffset(this.getScrollOffset(),{adjustments:this.scrollAdjustments+=l,behavior:void 0})),this.pendingMeasuredCacheIndexes.push(n.index),this.itemSizeCache=new Map(this.itemSizeCache.set(n.key,o)),this.notify(!1))},this.measureElement=r=>{if(!r){this.elementsCache.forEach((o,n)=>{o.isConnected||(this.observer.unobserve(o),this.elementsCache.delete(n))});return}this._measureElement(r,void 0)},this.getVirtualItems=Xe(()=>[this.getVirtualIndexes(),this.getMeasurements()],(r,o)=>{const n=[];for(let s=0,l=r.length;s<l;s++){const c=r[s],d=o[c];n.push(d)}return n},{key:process.env.NODE_ENV!=="production"&&"getVirtualItems",debug:()=>this.options.debug}),this.getVirtualItemForOffset=r=>{const o=this.getMeasurements();if(o.length!==0)return fo(o[an(0,o.length-1,n=>fo(o[n]).start,r)])},this.getOffsetForAlignment=(r,o,n=0)=>{const s=this.getSize(),l=this.getScrollOffset();o==="auto"&&(o=r>=l+s?"end":"start"),o==="center"?r+=(n-s)/2:o==="end"&&(r-=s);const c=this.getTotalSize()+this.options.scrollMargin-s;return Math.max(Math.min(c,r),0)},this.getOffsetForIndex=(r,o="auto")=>{r=Math.max(0,Math.min(r,this.options.count-1));const n=this.measurementsCache[r];if(!n)return;const s=this.getSize(),l=this.getScrollOffset();if(o==="auto")if(n.end>=l+s-this.options.scrollPaddingEnd)o="end";else if(n.start<=l+this.options.scrollPaddingStart)o="start";else return[l,o];const c=o==="end"?n.end+this.options.scrollPaddingEnd:n.start-this.options.scrollPaddingStart;return[this.getOffsetForAlignment(c,o,n.size),o]},this.isDynamicMode=()=>this.elementsCache.size>0,this.scrollToOffset=(r,{align:o="start",behavior:n}={})=>{n==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),this._scrollToOffset(this.getOffsetForAlignment(r,o),{adjustments:void 0,behavior:n})},this.scrollToIndex=(r,{align:o="auto",behavior:n}={})=>{n==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),r=Math.max(0,Math.min(r,this.options.count-1));let s=0;const l=10,c=a=>{if(!this.targetWindow)return;const u=this.getOffsetForIndex(r,a);if(!u){console.warn("Failed to get offset for index:",r);return}const[g,f]=u;this._scrollToOffset(g,{adjustments:void 0,behavior:n}),this.targetWindow.requestAnimationFrame(()=>{const p=this.getScrollOffset(),x=this.getOffsetForIndex(r,f);if(!x){console.warn("Failed to get offset for index:",r);return}Us(x[0],p)||d(f)})},d=a=>{this.targetWindow&&(s++,s<l?(process.env.NODE_ENV!=="production"&&this.options.debug&&console.info("Schedule retry",s,l),this.targetWindow.requestAnimationFrame(()=>c(a))):console.warn(`Failed to scroll to index ${r} after ${l} attempts.`))};c(o)},this.scrollBy=(r,{behavior:o}={})=>{o==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),this._scrollToOffset(this.getScrollOffset()+r,{adjustments:void 0,behavior:o})},this.getTotalSize=()=>{var r;const o=this.getMeasurements();let n;if(o.length===0)n=this.options.paddingStart;else if(this.options.lanes===1)n=((r=o[o.length-1])==null?void 0:r.end)??0;else{const s=Array(this.options.lanes).fill(null);let l=o.length-1;for(;l>=0&&s.some(c=>c===null);){const c=o[l];s[c.lane]===null&&(s[c.lane]=c.end),l--}n=Math.max(...s.filter(c=>c!==null))}return Math.max(n-this.options.scrollMargin+this.options.paddingEnd,0)},this._scrollToOffset=(r,{adjustments:o,behavior:n})=>{this.options.scrollToFn(r,{behavior:n,adjustments:o},this)},this.measure=()=>{this.itemSizeCache=new Map,this.laneAssignments=new Map,this.notify(!1)},this.setOptions(t)}}const an=(e,t,r,o)=>{for(;e<=t;){const n=(e+t)/2|0,s=r(n);if(s<o)e=n+1;else if(s>o)t=n-1;else return n}return e>0?e-1:0};function ec({measurements:e,outerSize:t,scrollOffset:r,lanes:o}){const n=e.length-1,s=d=>e[d].start;if(e.length<=o)return{startIndex:0,endIndex:n};let l=an(0,n,s,r),c=l;if(o===1)for(;c<n&&e[c].end<r+t;)c++;else if(o>1){const d=Array(o).fill(0);for(;c<n&&d.some(u=>u<r+t);){const u=e[c];d[u.lane]=u.end,c++}const a=Array(o).fill(r+t);for(;l>=0&&a.some(u=>u>=r);){const u=e[l];a[u.lane]=u.start,l--}l=Math.max(0,l-l%o),c=Math.min(n,c+(o-1-c%o))}return{startIndex:l,endIndex:c}}const bo=typeof document<"u"?C.useLayoutEffect:C.useEffect;function tc(e){const t=C.useReducer(()=>({}),{})[1],r={...e,onChange:(n,s)=>{var l;s?Ft.flushSync(t):t(),(l=e.onChange)==null||l.call(e,n,s)}},[o]=C.useState(()=>new Js(r));return o.setOptions(r),bo(()=>o._didMount(),[]),bo(()=>o._willUpdate()),o}function rc(e){return tc({observeElementRect:Xs,observeElementOffset:Ys,scrollToFn:Qs,...e})}const oc="Select...",nc="Search...",ic="No options",un="bottom",lc=256,sc=32,cc=4,ac=(e,t,r)=>r?e.select.trigger.disabled.backgroundColor:t==="warning"?e.select.state.warning.trigger.backgroundColor:t==="error"?e.select.state.error.trigger.backgroundColor:e.select.trigger.backgroundColor,uc=(e,t,r)=>r?e.select.trigger.disabled.borderColor:t==="warning"?e.select.state.warning.trigger.borderColor:t==="error"?e.select.state.error.trigger.borderColor:e.select.trigger.borderColor,dc=(e,t)=>t==="warning"?e.select.state.warning.trigger.focus.outlineColor:t==="error"?e.select.state.error.trigger.focus.outlineColor:e.select.trigger.focus.outlineColor,fc=(e,t)=>t==="warning"?e.select.state.warning.label.color:t==="error"?e.select.state.error.label.color:e.select.label.color,gc=(e,t,r,o)=>r?e.select.value.disabled.color:o?t==="warning"?e.select.state.warning.value.placeholderColor:t==="error"?e.select.state.error.value.placeholderColor:e.select.value.placeholderColor:t==="warning"?e.select.state.warning.value.color:t==="error"?e.select.state.error.value.color:e.select.value.color,hc=(e,t,r)=>r?e.select.icon.disabled.color:t==="warning"?e.select.state.warning.icon.color:t==="error"?e.select.state.error.icon.color:e.select.icon.color,pc=(e,t,r)=>r?e.select.chevron.disabled.color:t==="warning"?e.select.state.warning.chevron.color:t==="error"?e.select.state.error.chevron.color:e.select.chevron.color,bc=O.div`
+  color: ${t.COLORS.black};
+  white-space: nowrap;
+`,Ir=s.div`
   display: flex;
+  align-items: center;
+  gap: 8px;
+`,Re=A.newClassNameGetter("confirmation"),Ar=({cancelBindings:e,cancelLabel:o=Pr,className:r,classnames:i,confirmLabel:n=zr,loading:l=!1,message:c,onCancel:d,onConfirm:p,open:h=!0,ref:u,submitBindings:f,...x})=>h?a.jsxs(Tr,{...x,ref:u,className:Re("container",r),$open:h,children:[a.jsx(Nr,{className:Re("message",i==null?void 0:i.message),children:c}),a.jsxs(Ir,{className:Re("actions",i==null?void 0:i.actions),children:[a.jsx(Te,{variant:"system",size:"compact",onClick:d,keyBindings:e,className:Re("cancel-button",i==null?void 0:i.cancelButton),children:o}),a.jsx(Te,{variant:"danger",size:"compact",onClick:p,loading:l,keyBindings:f,className:Re("confirm-button",i==null?void 0:i.confirmButton),children:n})]})]}):null,ke={sm:`${t.BREAKPOINTS.sm}px`,md:`${t.BREAKPOINTS.md}px`,lg:`${t.BREAKPOINTS.lg}px`,xl:`${t.BREAKPOINTS.xl}px`,"2xl":`${t.BREAKPOINTS["2xl"]}px`},Dr=s.div`
+  width: 100%;
+
+  ${t.mediaUp("sm")} {
+    max-width: ${ke.sm};
+  }
+
+  ${t.mediaUp("md")} {
+    max-width: ${ke.md};
+  }
+
+  ${t.mediaUp("lg")} {
+    max-width: ${ke.lg};
+  }
+
+  ${t.mediaUp("xl")} {
+    max-width: ${ke.xl};
+  }
+
+  ${t.mediaUp("2xl")} {
+    max-width: ${ke["2xl"]};
+  }
+`,Mr=A.newClassNameGetter("container"),_r=({children:e,className:o,ref:r,...i})=>a.jsx(Dr,{...i,ref:r,className:Mr("container",o),children:e}),Ue={compact:{height:"32px",padding:"0 10px",radius:"14px",iconSize:16},default:{height:"40px",padding:"0 14px",radius:"16px",iconSize:20}},xe={normal:{background:{static:t.alpha(t.COLORS.black,2),disabled:t.alpha(t.COLORS.black,10)},border:{static:t.alpha(t.COLORS.black,60),disabled:t.alpha(t.COLORS.black,10)},color:{static:t.COLORS.black,disabled:t.alpha(t.COLORS.black,65)},placeholder:{static:t.alpha(t.COLORS.black,40),disabled:t.alpha(t.COLORS.black,65)},focus:t.alpha(t.COLORS["iron-grey"],30)},error:{background:{static:t.alpha(t.COLORS.red,2),disabled:t.alpha(t.COLORS.red,10)},border:{static:t.alpha(t.COLORS.red,60),disabled:t.alpha(t.COLORS.red,10)},color:{static:t.COLORS.red,disabled:t.alpha(t.COLORS.red,65)},placeholder:{static:t.alpha(t.COLORS.red,40),disabled:t.alpha(t.COLORS.red,65)},focus:t.alpha(t.COLORS.red,30)}},ne=36,Ze=2,Fr=12,po=(e,o,r="en")=>{const i=e.getFullYear(),n=e.getMonth(),l=e.getDate(),c=e.getHours(),d=e.getMinutes(),p=e.getSeconds(),h=c%12||12,u=c>=12,f=new Intl.DateTimeFormat(r,{month:"long"}).format(e),x=new Intl.DateTimeFormat(r,{month:"short"}).format(e),k=new Intl.DateTimeFormat(r,{weekday:"long"}).format(e),S=new Intl.DateTimeFormat(r,{weekday:"short"}).format(e),$=z=>z.toString().padStart(2,"0"),y=z=>z.toString().padStart(2," "),O=z=>`\0${z}\0`,L=[["2006","YEARFOUR",i.toString()],["January","MONTHLONG",f],["Monday","WEEKDAYLONG",k],["Jan","MONTHSHORT",x],["Mon","WEEKDAYSHORT",S],["06","YEARTWO",i.toString().slice(-2)],["01","MONTHPAD",$(n+1)],["_2","DAYSPACE",y(l)],["02","DAYPAD",$(l)],["15","HOURTWENTYFOUR",$(c)],["03","HOURTWELVEPAD",$(h)],["04","MINUTE",$(d)],["05","SECOND",$(p)],["PM","AMPMUP",u?"PM":"AM"],["pm","AMPMLOW",u?"pm":"am"],["1","MONTH",(n+1).toString()],["2","DAY",l.toString()],["3","HOURTWELVE",h.toString()]];let b=o;for(const[z,j]of L)b=b.split(z).join(O(j));for(const[,z,j]of L)b=b.split(O(z)).join(j);return b},Br=(e,o)=>new Date(e,o+1,0).getDate(),Yr=(e,o)=>new Date(e,o,1).getDay(),Hr=(e,o,r=1)=>{const i=Br(e,o);let l=Yr(e,o)-r;l<0&&(l+=7);const c=[];for(let d=0;d<l;d++)c.push(null);for(let d=1;d<=i;d++)c.push(d);for(;c.length<42;)c.push(null);return c},Gr=(e,o=1)=>{const r=[];for(let i=0;i<7;i++){const n=(o+i)%7,l=new Date(2024,0,7+n);r.push(new Intl.DateTimeFormat(e,{weekday:"short"}).format(l))}return r},Wr=e=>{const o=[];for(let r=0;r<12;r++){const i=new Date(2024,r,1);o.push(new Intl.DateTimeFormat(e,{month:"short"}).format(i))}return o},It=(e,o)=>e.getFullYear()===o.getFullYear()&&e.getMonth()===o.getMonth()&&e.getDate()===o.getDate(),At=(e,o)=>e.getFullYear()===o.getFullYear()&&e.getMonth()===o.getMonth(),Vr=(e,o)=>e.getFullYear()===o.getFullYear(),Dt=(e,o,r,i,n)=>{const l=new Date(e,o,r);if(i){const c=new Date(i.getFullYear(),i.getMonth(),i.getDate());if(l<c)return!0}if(n){const c=new Date(n.getFullYear(),n.getMonth(),n.getDate());if(l>c)return!0}return!1},Mt=(e,o,r,i)=>{if(r){const n=r.getFullYear(),l=r.getMonth();if(e<n||e===n&&o<l)return!0}if(i){const n=i.getFullYear(),l=i.getMonth();if(e>n||e===n&&o>l)return!0}return!1},_t=(e,o,r)=>!!(o&&e<o.getFullYear()||r&&e>r.getFullYear()),Ur=(e,o=12)=>{const r=e-Math.floor(o/2),i=[];for(let n=0;n<o;n++)i.push(r+n);return i},Xr=e=>{switch(e){case"date":return"02.01.2006";case"month":return"January 2006";case"year":return"2006"}},qr=s.span`
+  font-size: 12px;
+  font-weight: 500;
+  color: ${e=>e.$variant==="normal"?t.COLORS.black:t.COLORS.red};
+`,Kr=A.newClassNameGetter("field-label"),Se=({children:e,className:o,ref:r,required:i,variant:n="normal",...l})=>e?a.jsxs(qr,{...l,ref:r,className:Kr("container",o),$variant:n,children:[e," ",i&&"*"]}):null,Zr=s.div`
+  position: relative;
+  display: inline-flex;
   flex-direction: column;
   gap: 2px;
-  position: relative;
-  width: ${({$fullWidth:e})=>e?"100%":"auto"};
-  min-width: 120px;
-  max-width: ${({$fullWidth:e})=>e?"none":"320px"};
-`,xc=O.label`
-  font-size: 11px;
-  font-weight: 500;
-  line-height: 1.5;
-  color: ${({theme:e,$state:t})=>fc(e,t)};
-  margin-left: 2px;
-`,mc=O.button`
+  min-width: 180px;
+  width: ${({$fullWidth:e})=>e?"100%":"fit-content"};
+`,Jr=s(Se)`
+  margin-left: 6px;
+`,Qr=s.button`
   display: flex;
   align-items: center;
-  height: 32px;
-  padding: 0 12px;
-  background-color: ${({theme:e,$state:t,$disabled:r})=>ac(e,t,r)};
-  border-radius: 10px;
-  border: 1px solid
-    ${({theme:e,$state:t,$disabled:r})=>uc(e,t,r)};
+  justify-content: space-between;
+  gap: 8px;
+  width: 100%;
   cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
-  transition: border-color 0.15s ease;
-  font-family: inherit;
+  outline: none;
+  font-size: 14px;
+  font-weight: 500;
   text-align: left;
-  width: 100%;
+  height: ${({$size:e})=>Ue[e].height};
+  padding: ${({$size:e})=>Ue[e].padding};
+  border-radius: ${({$size:e})=>Ue[e].radius};
+  color: ${({$variant:e,$disabled:o,$hasValue:r})=>r?xe[e].color[o?"disabled":"static"]:xe[e].placeholder[o?"disabled":"static"]};
+  border: 1px solid
+    ${({$variant:e,$disabled:o})=>xe[e].border[o?"disabled":"static"]};
+  background-color: ${({$variant:e,$disabled:o})=>xe[e].background[o?"disabled":"static"]};
 
   &:focus-visible {
-    outline: 2px solid ${({theme:e,$state:t})=>dc(e,t)};
-    outline-offset: 1px;
+    outline: 2px solid ${({$variant:e})=>xe[e].focus};
   }
-`,Cc=O.span`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-right: 8px;
-  color: ${({theme:e,$state:t,$disabled:r})=>hc(e,t,r)};
-`,vc=O.span`
+
+  ${({$open:e,$variant:o})=>e&&`
+    outline: 2px solid ${xe[o].focus};
+  `}
+`,ei=s.span`
   flex: 1;
-  min-width: 0;
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 1.5;
   overflow: hidden;
-  white-space: nowrap;
   text-overflow: ellipsis;
-  color: ${({theme:e,$state:t,$disabled:r,$isPlaceholder:o})=>gc(e,t,r,o)};
-`,wc=O.span`
+  white-space: nowrap;
+`,ti=s.span`
   display: flex;
   align-items: center;
   justify-content: center;
-  margin-left: 8px;
-  color: ${({theme:e,$state:t,$disabled:r})=>pc(e,t,r)};
+  flex-shrink: 0;
   transition: transform 0.15s ease;
-  transform: ${({$isOpen:e})=>e?"rotate(180deg)":"rotate(0deg)"};
-`,yc=O.div`
-  z-index: 1000;
-  max-height: ${({$maxHeight:e})=>e}px;
-  overflow: hidden;
+  transform: ${({$open:e})=>e?"rotate(180deg)":"rotate(0deg)"};
+`,uo=`
+  z-index: 100;
+  background-color: ${t.COLORS.white};
+  border: 1px solid ${t.alpha(t.COLORS.black,15)};
   border-radius: 12px;
-  border: 1px solid ${({theme:e})=>e.select.content.borderColor};
-  background-color: ${({theme:e})=>e.select.content.backgroundColor};
-  box-shadow: ${({theme:e})=>e.select.content.shadow};
-  visibility: ${({$isOpen:e})=>e?"visible":"hidden"};
-  opacity: ${({$isOpen:e})=>e?1:0};
-  pointer-events: ${({$isOpen:e})=>e?"auto":"none"};
+  box-shadow: 0 4px 16px ${t.alpha(t.COLORS.black,12)};
+  padding: ${Fr}px;
+`,ho=(e,o)=>e?"translateY(0)":o==="bottom"?"translateY(-8px)":"translateY(8px)",oi=s.div`
+  position: absolute;
+  ${({$position:e})=>e==="bottom"?"top: calc(100% + 4px);":"bottom: calc(100% + 4px);"}
+  left: 0;
+  ${uo}
+  opacity: ${({$open:e})=>e?1:0};
+  visibility: ${({$open:e})=>e?"visible":"hidden"};
+  transform: ${({$open:e,$position:o})=>ho(e,o)};
   transition:
     opacity 0.15s ease,
-    visibility 0.15s ease;
-`,kc=O.div`
-  padding: 8px;
-  border-bottom: 1px solid ${({theme:e})=>e.select.search.borderColor};
-`,Rc=O.input`
-  width: 100%;
-  height: 32px;
-  padding: 0 12px;
+    transform 0.15s ease,
+    visibility 0.15s;
+`,ri=s.div`
+  position: fixed;
+  ${uo}
+  opacity: ${({$open:e})=>e?1:0};
+  visibility: ${({$open:e})=>e?"visible":"hidden"};
+  transform: ${({$open:e,$position:o})=>ho(e,o)};
+  transition:
+    opacity 0.15s ease,
+    transform 0.15s ease,
+    visibility 0.15s;
+`,tt=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 8px;
+`,ot=s.button`
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 4px 8px;
+  border: none;
+  background: transparent;
+  border-radius: 6px;
   font-size: 14px;
-  font-weight: 400;
-  line-height: 1.5;
-  font-family: inherit;
-  color: ${({theme:e})=>e.select.search.color};
-  background-color: ${({theme:e})=>e.select.search.backgroundColor};
-  border: 1px solid ${({theme:e})=>e.select.search.borderColor};
-  border-radius: 8px;
-  outline: none;
+  font-weight: 600;
+  color: ${t.COLORS.black};
+  cursor: pointer;
 
-  &::placeholder {
-    color: ${({theme:e})=>e.select.search.placeholderColor};
+  &:hover {
+    background-color: ${t.alpha(t.COLORS.black,5)};
   }
 
-  &:focus {
-    outline: 2px solid ${({theme:e})=>e.select.trigger.focus.outlineColor};
-    outline-offset: 1px;
+  &:focus-visible {
+    outline: 2px solid ${t.alpha(t.COLORS.black,20)};
   }
-`,xo=O.div`
-  padding: 4px;
-  overflow-y: auto;
-  max-height: inherit;
-`,mo=O.div`
+`,Oe=s.button`
   display: flex;
   align-items: center;
-  justify-content: space-between;
-  height: 32px;
-  padding: 0 12px;
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 1.5;
-  border-radius: 8px;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border: none;
+  background: transparent;
+  border-radius: 6px;
+  color: ${t.COLORS.black};
   cursor: pointer;
-  transition: background-color 0.1s ease;
-  color: ${({theme:e,$isSelected:t})=>t?e.select.option.selected.color:e.select.option.color};
-  background-color: ${({theme:e,$isSelected:t,$isHighlighted:r})=>t?e.select.option.selected.backgroundColor:r?e.select.option.hover.backgroundColor:e.select.option.backgroundColor};
 
   &:hover {
-    background-color: ${({theme:e,$isSelected:t})=>t?e.select.option.selected.backgroundColor:e.select.option.hover.backgroundColor};
+    background-color: ${t.alpha(t.COLORS.black,5)};
   }
-`,Co=O.span`
-  flex: 1;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-`,vo=O.span`
+
+  &:focus-visible {
+    outline: 2px solid ${t.alpha(t.COLORS.black,20)};
+  }
+
+  &:disabled {
+    opacity: 0.3;
+    cursor: not-allowed;
+
+    &:hover {
+      background: transparent;
+    }
+  }
+`,rt=s.div`
+  display: flex;
+  gap: 4px;
+`,ii=s.div`
+  display: grid;
+  grid-template-columns: repeat(7, ${ne}px);
+  gap: ${Ze}px;
+  margin-bottom: 4px;
+`,ni=s.div`
   display: flex;
   align-items: center;
   justify-content: center;
-  margin-left: 8px;
-  flex-shrink: 0;
-`,Sc=O.div`
+  height: ${ne}px;
+  font-size: 12px;
+  font-weight: 500;
+  color: ${t.alpha(t.COLORS.black,50)};
+  text-transform: uppercase;
+`,ai=s.div`
+  display: grid;
+  grid-template-columns: repeat(7, ${ne}px);
+  gap: ${Ze}px;
+`,li=s.button`
   display: flex;
   align-items: center;
   justify-content: center;
-  height: 64px;
-  font-size: 14px;
-  font-weight: 400;
-  color: ${({theme:e})=>e.select.empty.color};
-`,Ec=e=>`${e}-start`,Ic=({options:e,value:t,onChange:r,placement:o=un,searchable:n=!1,disabled:s=!1})=>{const[l,c]=X.useState(!1),[d,a]=X.useState(""),[u,g]=X.useState(null),f=X.useRef([]),p=X.useRef(null),x=X.useMemo(()=>e.find(b=>b.value===t),[e,t]),h=X.useMemo(()=>{if(!n||!d)return e;const b=d.toLowerCase();return e.filter(T=>T.label.toLowerCase().includes(b))},[e,d,n]),y=X.useRef(e.map(b=>b.label));y.current=h.map(b=>b.label);const m=X.useCallback(b=>{s||(c(b),b||(a(""),g(null)))},[s]),v=X.useMemo(()=>Ec(o),[o]),{refs:k,floatingStyles:R,context:I}=sn({open:l,onOpenChange:m,placement:v,middleware:[Qo(cc),en(),Jo({padding:8}),zl({apply({rects:b,elements:T}){Object.assign(T.floating.style,{width:`${b.reference.width}px`})}})],whileElementsMounted:Yo}),P=nn(I,{enabled:!s}),L=ln(I),j=hs(I,{role:"listbox"}),Z=fs(I,{listRef:f,activeIndex:u,onNavigate:g,virtual:!0,loop:!0}),$=ps(I,{listRef:y,activeIndex:u,onMatch:n?void 0:g,enabled:!n}),F=X.useCallback(b=>{r==null||r(b.value),c(!1),a(""),g(null)},[r]),{getReferenceProps:Y,getFloatingProps:U,getItemProps:S}=cn([P,L,j,Z,$]),E=X.useCallback(()=>{const b=Y(),T=b.onKeyDown;return{...b,onKeyDown:N=>{if(T==null||T(N),N.key==="Enter"&&l&&u!==null){N.preventDefault();const ne=h[u];ne&&F(ne)}}}},[Y,l,u,h,F]),_=X.useCallback(b=>{a(b.target.value),g(0)},[]),D=X.useCallback(b=>{if(b.key==="Enter"&&u!==null){b.preventDefault();const T=h[u];T&&F(T)}},[u,h,F]);return{isOpen:l,setIsOpen:m,selectedOption:x,filteredOptions:h,searchQuery:d,setSearchQuery:a,highlightedIndex:u,context:I,refs:{setReference:k.setReference,setFloating:k.setFloating},floatingStyles:R,getReferenceProps:E,getFloatingProps:U,getItemProps:b=>S({onClick:()=>{const T=h[b];T&&F(T)},onKeyDown:T=>{if(T.key==="Enter"){T.preventDefault();const N=h[b];N&&F(N)}}}),listRef:f,handleSelect:F,handleSearchChange:_,handleSearchKeyDown:D,searchInputRef:p}},Re=w.classNameGetter("select"),Oc=({options:e,value:t,onChange:r,placeholder:o=oc,searchPlaceholder:n=nc,emptyMessage:s=ic,label:l,icon:c,state:d,disabled:a,fullWidth:u,placement:g=un,maxHeight:f=lc,virtualized:p,searchable:x,portalRenderNode:h,className:y,classnames:m,...v})=>{const k=X.useRef(null),{isOpen:R,selectedOption:I,filteredOptions:P,searchQuery:L,context:j,refs:Z,floatingStyles:$,getReferenceProps:F,getFloatingProps:Y,getItemProps:U,listRef:S,handleSearchChange:E,handleSearchKeyDown:_,searchInputRef:D,highlightedIndex:b}=Ic({options:e,value:t,onChange:r,placement:g,searchable:x,disabled:a}),N=f-(x?56:0)-8,ne=rc({count:P.length,getScrollElement:()=>k.current,estimateSize:()=>sc,overscan:5,enabled:p}),be=()=>P.length===0?w.jsx(Sc,{className:Re("empty",m==null?void 0:m.empty),children:s}):p?w.jsx(xo,{ref:k,className:Re("list",m==null?void 0:m.list),style:{maxHeight:N,overflow:"auto"},children:w.jsx("div",{style:{height:ne.getTotalSize(),width:"100%",position:"relative"},children:ne.getVirtualItems().map(q=>{const H=P[q.index];if(!H)return null;const J=H.value===t;return w.jsxs(mo,{ref:de=>{S.current[q.index]=de},className:Re("option",m==null?void 0:m.option),$isSelected:J,$isHighlighted:b===q.index,style:{position:"absolute",top:0,left:0,width:"100%",height:q.size,transform:`translateY(${q.start}px)`},...U(q.index),children:[w.jsx(Co,{children:H.label}),J&&w.jsx(vo,{children:w.jsx(w.Check,{size:16})})]},H.value)})})}):w.jsx(xo,{ref:k,className:Re("list",m==null?void 0:m.list),style:{maxHeight:N},children:P.map((q,H)=>{const J=q.value===t;return w.jsxs(mo,{ref:de=>{S.current[H]=de},className:Re("option",m==null?void 0:m.option),$isSelected:J,$isHighlighted:b===H,...U(H),children:[w.jsx(Co,{children:q.label}),J&&w.jsx(vo,{children:w.jsx(w.Check,{size:16})})]},q.value)})}),V=()=>{if(!R)return null;const q=w.jsx(ls,{context:j,initialFocus:x?D:void 0,modal:!1,children:w.jsxs(yc,{ref:Z.setFloating,className:Re("content",m==null?void 0:m.content),style:$,$isOpen:R,$maxHeight:f,...Y(),children:[x&&w.jsx(kc,{className:Re("search",m==null?void 0:m.search),children:w.jsx(Rc,{ref:D,type:"text",placeholder:n,value:L,onChange:E,onKeyDown:_,onClick:H=>H.stopPropagation()})}),be()]})});return h?Ft.createPortal(q,h):q};return w.jsxs(bc,{...v,className:Re("container",y,m==null?void 0:m.container),$fullWidth:u,children:[l&&w.jsx(xc,{className:Re("label",m==null?void 0:m.label),$state:d,children:l}),w.jsxs(mc,{ref:Z.setReference,type:"button",className:Re("trigger",m==null?void 0:m.trigger),$state:d,$disabled:a,$isOpen:R,disabled:a,"aria-haspopup":"listbox","aria-expanded":R,...F(),children:[c&&w.jsx(Cc,{$state:d,$disabled:a,children:c}),w.jsx(vc,{$isPlaceholder:!I,$state:d,$disabled:a,children:I?I.label:o}),w.jsx(wc,{$state:d,$disabled:a,$isOpen:R,children:w.jsx(w.ChevronDown,{size:16})})]}),V()]})},Tc=(e,t,r)=>r?e.checkboxCard.container.disabled.backgroundColor:t?e.checkboxCard.container.checked.backgroundColor:e.checkboxCard.container.backgroundColor,$c=(e,t,r,o)=>o?e.checkboxCard.container.disabled.borderColor:t==="warning"?r?e.checkboxCard.state.warning.container.checked.borderColor:e.checkboxCard.state.warning.container.borderColor:t==="error"?r?e.checkboxCard.state.error.container.checked.borderColor:e.checkboxCard.state.error.container.borderColor:r?e.checkboxCard.container.checked.borderColor:e.checkboxCard.container.borderColor,Ac=(e,t,r)=>t==="warning"?r?e.checkboxCard.state.warning.container.checked.borderColor:e.checkboxCard.state.warning.container.borderColor:t==="error"?r?e.checkboxCard.state.error.container.checked.borderColor:e.checkboxCard.state.error.container.borderColor:r?e.checkboxCard.container.checked.borderColor:e.checkboxCard.container.hover.borderColor,Mc=(e,t)=>t==="warning"?e.checkboxCard.state.warning.container.borderColor:t==="error"?e.checkboxCard.state.error.container.borderColor:e.checkboxCard.container.focus.outlineColor,Pc=(e,t,r)=>t==="warning"?e.checkboxCard.state.warning.label.color:t==="error"?e.checkboxCard.state.error.label.color:e.checkboxCard.label.color,Dc=(e,t,r)=>t==="warning"?e.checkboxCard.state.warning.description.color:t==="error"?e.checkboxCard.state.error.description.color:e.checkboxCard.description.color,Lc=O.label`
-  display: grid;
-  grid-template-columns: auto 1fr;
-  align-items: start;
-  gap: 12px;
-  padding: 12px;
-  background-color: ${({theme:e,$checked:t,$disabled:r})=>Tc(e,t,r)};
-  border: 1px solid
-    ${({theme:e,$state:t,$checked:r,$disabled:o})=>$c(e,t,r,o)};
-  border-radius: 12px;
+  width: ${ne}px;
+  height: ${ne}px;
+  border: none;
+  border-radius: 8px;
+  font-size: 13px;
+  font-weight: ${({$selected:e,$today:o})=>e||o?600:500};
   cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
-  transition:
-    border-color 0.15s ease,
-    background-color 0.15s ease;
-  width: ${({$fullWidth:e})=>e?"100%":"auto"};
-  min-width: 0;
+  background-color: ${({$selected:e})=>e?t.COLORS.black:"transparent"};
+  color: ${({$selected:e,$disabled:o})=>e?t.COLORS.white:o?t.alpha(t.COLORS.black,30):t.COLORS.black};
 
-  &:hover:not([data-disabled='true']) {
-    border-color: ${({theme:e,$state:t,$checked:r})=>Ac(e,t,r)};
+  ${({$today:e,$selected:o})=>e&&!o&&`
+    box-shadow: inset 0 0 0 1px ${t.COLORS.black};
+  `}
+
+  &:hover:not(:disabled) {
+    background-color: ${({$selected:e})=>e?t.COLORS.black:t.alpha(t.COLORS.black,8)};
   }
 
-  &:has(:focus-visible) {
-    outline: 2px solid ${({theme:e,$state:t})=>Mc(e,t)};
+  &:focus-visible {
+    outline: 2px solid ${t.alpha(t.COLORS.black,30)};
     outline-offset: 1px;
   }
 
-  .vacano_checkbox_container {
-    pointer-events: none;
+  &:disabled {
+    cursor: not-allowed;
   }
-`,Nc=O.input`
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  margin: -1px;
-  padding: 0;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
-`,Fc=O.div`
+`,di=s.div`
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 8px;
+  width: ${7*ne+6*Ze}px;
+`,ci=s.button`
   display: flex;
-  flex-direction: column;
-  gap: 2px;
-  min-width: 0;
-`,_c=O.span`
+  align-items: center;
+  justify-content: center;
+  padding: 12px 8px;
+  border: none;
+  border-radius: 8px;
   font-size: 14px;
-  font-weight: 500;
-  line-height: 1.4;
-  color: ${({theme:e,$state:t})=>Pc(e,t)};
+  font-weight: ${({$selected:e,$current:o})=>e||o?600:400};
+  cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
+  background-color: ${({$selected:e})=>e?t.COLORS.black:"transparent"};
+  color: ${({$selected:e,$disabled:o})=>e?t.COLORS.white:o?t.alpha(t.COLORS.black,30):t.COLORS.black};
 
-  label[data-disabled='true'] & {
-    color: ${({theme:e})=>e.checkboxCard.label.disabled.color};
+  ${({$current:e,$selected:o})=>e&&!o&&`
+    box-shadow: inset 0 0 0 1px ${t.COLORS.black};
+  `}
+
+  &:hover:not(:disabled) {
+    background-color: ${({$selected:e})=>e?t.COLORS.black:t.alpha(t.COLORS.black,8)};
   }
-`,jc=O.span`
-  font-size: 12px;
-  font-weight: 400;
-  line-height: 1.4;
-  color: ${({theme:e,$state:t})=>Dc(e,t)};
 
-  label[data-disabled='true'] & {
-    color: ${({theme:e})=>e.checkboxCard.description.disabled.color};
+  &:focus-visible {
+    outline: 2px solid ${t.alpha(t.COLORS.black,30)};
+    outline-offset: 1px;
   }
-`,yt=w.classNameGetter("checkboxCard"),zc=({checked:e,className:t,classnames:r,description:o,disabled:n,fullWidth:s,label:l,onChange:c,ref:d,state:a,...u})=>w.jsxs(Lc,{className:yt("container",t,r==null?void 0:r.container),$checked:e,$disabled:n,$fullWidth:s,$state:a,"data-disabled":n,children:[w.jsx(Nc,{...u,ref:d,type:"checkbox",checked:e,disabled:n,onChange:c}),w.jsx(br,{className:r==null?void 0:r.checkbox,checked:e,disabled:n,state:a,onChange:()=>{},tabIndex:-1,"aria-hidden":!0}),w.jsxs(Fc,{className:yt("content",r==null?void 0:r.content),children:[w.jsx(_c,{className:yt("label",r==null?void 0:r.label),$state:a,children:l}),o&&w.jsx(jc,{className:yt("description",r==null?void 0:r.description),$state:a,children:o})]})]}),Bc=O.div`
-  display: flex;
-  flex-direction: column;
+`,si=s.div`
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
   gap: 8px;
-  border: none;
-  margin: 0;
-  padding: 0;
-`,Wc=O.span`
-  font-size: 13px;
-  font-weight: 500;
-  line-height: 1.5;
-  line-height: 1.5;
-  color: ${({theme:e})=>e.checkboxGroup.label.color};
-  margin-bottom: 4px;
-  padding: 0;
-`,Vc=O.div`
+  width: ${7*ne+6*Ze}px;
+`,pi=s.button`
   display: flex;
-  flex-direction: column;
-  gap: 12px;
-`,ir=w.classNameGetter("checkboxGroup"),Hc=({className:e,classnames:t,disabled:r,label:o,onChange:n,options:s,value:l,...c})=>{const d=(a,u)=>{n(u?[...l,a]:l.filter(g=>g!==a))};return w.jsxs(Bc,{...c,className:ir("container",e,t==null?void 0:t.container),children:[o&&w.jsx(Wc,{className:ir("label",t==null?void 0:t.label),children:o}),w.jsx(Vc,{className:ir("options",t==null?void 0:t.options),children:s.map(a=>w.jsx(br,{className:t==null?void 0:t.checkbox,checked:l.includes(a.value),label:a.label,disabled:r,onChange:u=>d(a.value,u.target.checked)},a.value))})]})},Uc=(e,t,r)=>r?e.radioCard.container.disabled.backgroundColor:t?e.radioCard.container.checked.backgroundColor:e.radioCard.container.backgroundColor,Gc=(e,t,r,o)=>o?e.radioCard.container.disabled.borderColor:t==="warning"?r?e.radioCard.state.warning.container.checked.borderColor:e.radioCard.state.warning.container.borderColor:t==="error"?r?e.radioCard.state.error.container.checked.borderColor:e.radioCard.state.error.container.borderColor:r?e.radioCard.container.checked.borderColor:e.radioCard.container.borderColor,Kc=(e,t,r)=>t==="warning"?r?e.radioCard.state.warning.container.checked.borderColor:e.radioCard.state.warning.container.borderColor:t==="error"?r?e.radioCard.state.error.container.checked.borderColor:e.radioCard.state.error.container.borderColor:r?e.radioCard.container.checked.borderColor:e.radioCard.container.hover.borderColor,qc=(e,t)=>t==="warning"?e.radioCard.state.warning.container.borderColor:t==="error"?e.radioCard.state.error.container.borderColor:e.radioCard.container.focus.outlineColor,Xc=(e,t,r)=>t==="warning"?e.radioCard.state.warning.label.color:t==="error"?e.radioCard.state.error.label.color:e.radioCard.label.color,Yc=(e,t,r)=>t==="warning"?e.radioCard.state.warning.description.color:t==="error"?e.radioCard.state.error.description.color:e.radioCard.description.color,Zc=O.label`
-  display: grid;
-  grid-template-columns: auto 1fr;
-  align-items: start;
-  gap: 12px;
-  padding: 12px;
-  background-color: ${({theme:e,$checked:t,$disabled:r})=>Uc(e,t,r)};
-  border: 1px solid
-    ${({theme:e,$state:t,$checked:r,$disabled:o})=>Gc(e,t,r,o)};
-  border-radius: 12px;
+  align-items: center;
+  justify-content: center;
+  padding: 12px 8px;
+  border: none;
+  border-radius: 8px;
+  font-size: 14px;
+  font-weight: ${({$selected:e,$current:o})=>e||o?600:400};
   cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
-  transition:
-    border-color 0.15s ease,
-    background-color 0.15s ease;
-  width: ${({$fullWidth:e})=>e?"100%":"auto"};
-  min-width: 0;
+  background-color: ${({$selected:e})=>e?t.COLORS.black:"transparent"};
+  color: ${({$selected:e,$disabled:o})=>e?t.COLORS.white:o?t.alpha(t.COLORS.black,30):t.COLORS.black};
 
-  &:hover:not([data-disabled='true']) {
-    border-color: ${({theme:e,$state:t,$checked:r})=>Kc(e,t,r)};
-  }
+  ${({$current:e,$selected:o})=>e&&!o&&`
+    box-shadow: inset 0 0 0 1px ${t.COLORS.black};
+  `}
 
-  &:has(:focus-visible) {
-    outline: 2px solid ${({theme:e,$state:t})=>qc(e,t)};
-    outline-offset: 1px;
+  &:hover:not(:disabled) {
+    background-color: ${({$selected:e})=>e?t.COLORS.black:t.alpha(t.COLORS.black,8)};
   }
 
-  .vacano_radio_container {
-    pointer-events: none;
+  &:focus-visible {
+    outline: 2px solid ${t.alpha(t.COLORS.black,30)};
+    outline-offset: 1px;
   }
-`,Qc=O.input`
+`,ui=s.div`
+  width: ${ne}px;
+  height: ${ne}px;
+`,K=A.newClassNameGetter("date-picker"),_e=4,hi=300,bi=({value:e,onChange:o,mode:r="date",displayFormat:i,placeholder:n,locale:l="en",weekStartsOn:c=1,minDate:d,maxDate:p,size:h="default",variant:u="normal",disabled:f=!1,fullWidth:x=!1,label:k,portalRenderNode:S,open:$,onOpen:y,onClose:O,className:L,classnames:b,ref:z,...j})=>{const N=g.useMemo(()=>new Date,[]),[X,P]=g.useState(!1),[B,T]=g.useState({top:0,left:0}),[C,_]=g.useState("bottom"),[v,E]=g.useState(()=>r==="year"?"years":r==="month"?"months":"days"),[w,D]=g.useState(()=>e??N),[Y,M]=g.useState(()=>((e==null?void 0:e.getFullYear())??N.getFullYear())-6),H=g.useRef(null),R=g.useRef(null),I=g.useRef(null),U=$!==void 0,q=U?$:X,ge=i??Xr(r),Ne=g.useMemo(()=>Gr(l,c),[l,c]),Je=g.useMemo(()=>Wr(l),[l]),Ro=g.useMemo(()=>Hr(w.getFullYear(),w.getMonth(),c),[w,c]),Ie=g.useMemo(()=>Ur(Y+6,12),[Y]),yt=g.useMemo(()=>e?po(e,ge,l):null,[e,ge,l]),ko=n??ge.replace(/2006|06|January|Jan|01|02/g,"__"),ye=g.useCallback(()=>{var me;if(!R.current)return;const m=R.current.getBoundingClientRect(),F=((me=I.current)==null?void 0:me.offsetHeight)??hi,ve=window.innerHeight-m.bottom-_e,Ae=m.top-_e,fe=ve<F&&Ae>ve?"top":"bottom";if(_(fe),S){const De=fe==="bottom"?m.bottom+_e:m.top-F-_e;T({top:De,left:m.left})}},[S]),vt=g.useCallback(()=>{if(f)return;U||P(!0),y==null||y(),E(r==="year"?"years":r==="month"?"months":"days");const m=e??N;D(m),M(m.getFullYear()-6)},[f,U,y,r,e,N]),Z=g.useCallback(()=>{U||P(!1),O==null||O()},[U,O]),Lo=g.useCallback(()=>{q?Z():vt()},[q,Z,vt]),zo=g.useCallback(m=>{const F=new Date(w.getFullYear(),w.getMonth(),m);o==null||o(F),Z()},[w,o,Z]),Po=g.useCallback(m=>{if(r==="month"){const F=new Date(w.getFullYear(),m,1);o==null||o(F),Z()}else D(new Date(w.getFullYear(),m,1)),E("days")},[r,w,o,Z]),jo=g.useCallback(m=>{if(r==="year"){const F=new Date(m,0,1);o==null||o(F),Z()}else r==="month"?(D(new Date(m,w.getMonth(),1)),E("months")):(D(new Date(m,w.getMonth(),1)),E("months"))},[r,w,o,Z]),Eo=g.useCallback(()=>{D(m=>new Date(m.getFullYear(),m.getMonth()-1,1))},[]),To=g.useCallback(()=>{D(m=>new Date(m.getFullYear(),m.getMonth()+1,1))},[]),No=g.useCallback(()=>{D(m=>new Date(m.getFullYear()-1,m.getMonth(),1))},[]),Io=g.useCallback(()=>{D(m=>new Date(m.getFullYear()+1,m.getMonth(),1))},[]),Ao=g.useCallback(()=>{M(m=>m-12)},[]),Do=g.useCallback(()=>{M(m=>m+12)},[]),mt=g.useCallback(()=>{v==="days"?E("months"):v==="months"&&E("years")},[v]);g.useLayoutEffect(()=>{q&&ye()},[q,ye]),g.useEffect(()=>{const m=fe=>{const me=fe.target,De=H.current&&!H.current.contains(me),Ho=I.current&&!I.current.contains(me);S?De&&Ho&&Z():De&&Z()},F=fe=>{fe.key==="Escape"&&Z()},ve=()=>{q&&S&&ye()},Ae=()=>{q&&S&&ye()};return q&&(document.addEventListener("mousedown",m),document.addEventListener("keydown",F),S&&(window.addEventListener("scroll",ve,!0),window.addEventListener("resize",Ae))),()=>{document.removeEventListener("mousedown",m),document.removeEventListener("keydown",F),window.removeEventListener("scroll",ve,!0),window.removeEventListener("resize",Ae)}},[q,Z,S,ye]);const Mo=Ue[h].iconSize,_o=()=>a.jsxs(a.Fragment,{children:[a.jsxs(tt,{className:K("header",b==null?void 0:b.header),children:[a.jsx(ot,{onClick:mt,type:"button",children:new Intl.DateTimeFormat(l,{month:"long",year:"numeric"}).format(w)}),a.jsxs(rt,{children:[a.jsx(Oe,{onClick:Eo,type:"button","aria-label":"Previous month",children:a.jsx(a.ChevronLeft,{size:16})}),a.jsx(Oe,{onClick:To,type:"button","aria-label":"Next month",children:a.jsx(a.ChevronRight,{size:16})})]})]}),a.jsx(ii,{children:Ne.map((m,F)=>a.jsx(ni,{children:m},F))}),a.jsx(ai,{className:K("grid",b==null?void 0:b.grid),children:Ro.map((m,F)=>m===null?a.jsx(ui,{},F):a.jsx(li,{type:"button",className:K("cell",b==null?void 0:b.cell),$selected:e?It(e,new Date(w.getFullYear(),w.getMonth(),m)):!1,$today:It(N,new Date(w.getFullYear(),w.getMonth(),m)),$disabled:Dt(w.getFullYear(),w.getMonth(),m,d,p),disabled:Dt(w.getFullYear(),w.getMonth(),m,d,p),onClick:()=>zo(m),children:m},F))})]}),Fo=()=>a.jsxs(a.Fragment,{children:[a.jsxs(tt,{className:K("header",b==null?void 0:b.header),children:[a.jsx(ot,{onClick:mt,type:"button",children:w.getFullYear()}),a.jsxs(rt,{children:[a.jsx(Oe,{onClick:No,type:"button","aria-label":"Previous year",children:a.jsx(a.ChevronLeft,{size:16})}),a.jsx(Oe,{onClick:Io,type:"button","aria-label":"Next year",children:a.jsx(a.ChevronRight,{size:16})})]})]}),a.jsx(di,{className:K("grid",b==null?void 0:b.grid),children:Je.map((m,F)=>a.jsx(ci,{type:"button",className:K("cell",b==null?void 0:b.cell),$selected:e?At(e,new Date(w.getFullYear(),F,1)):!1,$current:At(N,new Date(w.getFullYear(),F,1)),$disabled:Mt(w.getFullYear(),F,d,p),disabled:Mt(w.getFullYear(),F,d,p),onClick:()=>Po(F),children:m},F))})]}),Bo=()=>a.jsxs(a.Fragment,{children:[a.jsxs(tt,{className:K("header",b==null?void 0:b.header),children:[a.jsxs(ot,{type:"button",style:{cursor:"default"},children:[Ie[0]," - ",Ie[Ie.length-1]]}),a.jsxs(rt,{children:[a.jsx(Oe,{onClick:Ao,type:"button","aria-label":"Previous years",children:a.jsx(a.ChevronLeft,{size:16})}),a.jsx(Oe,{onClick:Do,type:"button","aria-label":"Next years",children:a.jsx(a.ChevronRight,{size:16})})]})]}),a.jsx(si,{className:K("grid",b==null?void 0:b.grid),children:Ie.map(m=>a.jsx(pi,{type:"button",className:K("cell",b==null?void 0:b.cell),$selected:e?Vr(e,new Date(m,0,1)):!1,$current:N.getFullYear()===m,$disabled:_t(m,d,p),disabled:_t(m,d,p),onClick:()=>jo(m),children:m},m))})]}),Ct=()=>{switch(v){case"days":return _o();case"months":return Fo();case"years":return Bo()}},Yo=S?be.createPortal(a.jsx(ri,{ref:I,$open:q,$position:C,className:K("calendar",b==null?void 0:b.calendar),style:{top:B.top,left:B.left},children:Ct()}),S):a.jsx(oi,{ref:I,$open:q,$position:C,className:K("calendar",b==null?void 0:b.calendar),children:Ct()});return a.jsxs(Zr,{...j,ref:z??H,$fullWidth:x,className:K("container",L),children:[k&&a.jsx(Jr,{children:k}),a.jsxs(Qr,{ref:R,type:"button",onClick:Lo,disabled:f,$size:h,$variant:u,$disabled:f,$open:q,$hasValue:!!yt,className:K("trigger",b==null?void 0:b.trigger),children:[a.jsx(ei,{children:yt??ko}),a.jsx(ti,{$open:q,children:a.jsx(a.ChevronDown,{size:Mo})})]}),Yo]})},gi={left:t.KEYFRAMES.slideInLeft,right:t.KEYFRAMES.slideInRight,top:t.KEYFRAMES.slideInTop,bottom:t.KEYFRAMES.slideInBottom},fi=(e,o)=>{switch(e){case"left":return`
+        top: 0;
+        left: 0;
+        height: 100%;
+        width: ${o};
+      `;case"right":return`
+        top: 0;
+        right: 0;
+        height: 100%;
+        width: ${o};
+      `;case"top":return`
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: ${o};
+      `;case"bottom":return`
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        height: ${o};
+      `}},xi=s.div`
+  position: fixed;
+  z-index: 1001;
+  background-color: ${t.COLORS.white};
+  box-shadow: 0 4px 24px ${t.alpha(t.COLORS.black,20)};
+  ${e=>fi(e.$position,e.$size)}
+  animation: ${e=>gi[e.$position]} ${e=>e.$animated?"0.05s":"0s"} ease-out forwards;
+`,Oi=A.newClassNameGetter("drawer"),$i=({animated:e,children:o,className:r,open:i,position:n="right",ref:l,size:c="400px",...d})=>i?be.createPortal(a.jsx(xi,{...d,ref:l,className:Oi("container",r),$animated:!!e,$position:n,$size:c,children:o}),document.body):null,Si=s.div`
+  position: relative;
+  display: inline-block;
+`,yi=s.div`
+  cursor: pointer;
+`,bo=`
+  z-index: 100;
+  min-width: 160px;
+  padding: 8px;
+  background-color: ${t.COLORS.white};
+  border: 1px solid ${t.COLORS.gray};
+  border-radius: 8px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+`,go=(e,o)=>e?"translateY(0)":o==="bottom"?"translateY(-8px)":"translateY(8px)",vi=s.div`
   position: absolute;
-  width: 1px;
-  height: 1px;
-  margin: -1px;
-  padding: 0;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
-`,Jc=O.div`
+  ${({$position:e})=>e==="bottom"?"top: calc(100% + 4px);":"bottom: calc(100% + 4px);"}
+  ${({$align:e})=>e==="left"?"left: 0;":"right: 0;"}
+  ${bo}
+  opacity: ${({$open:e})=>e?1:0};
+  visibility: ${({$open:e})=>e?"visible":"hidden"};
+  transform: ${({$open:e,$position:o})=>go(e,o)};
+  transition:
+    opacity 0.15s ease,
+    transform 0.15s ease,
+    visibility 0.15s;
+`,mi=s.div`
+  position: fixed;
+  ${bo}
+  opacity: ${({$open:e})=>e?1:0};
+  visibility: ${({$open:e})=>e?"visible":"hidden"};
+  transform: ${({$open:e,$position:o})=>go(e,o)};
+  transition:
+    opacity 0.15s ease,
+    transform 0.15s ease,
+    visibility 0.15s;
+`,Fe=A.newClassNameGetter("dropdown"),Be=4,Ci=100,wi=({align:e="left",children:o,className:r,classnames:i,onClose:n,onOpen:l,open:c,portalRenderNode:d,ref:p,trigger:h,...u})=>{const[f,x]=g.useState(!1),[k,S]=g.useState({top:0,left:0}),[$,y]=g.useState("bottom"),O=g.useRef(null),L=g.useRef(null),b=g.useRef(null),z=c!==void 0,j=z?c:f,N=g.useCallback(()=>{var D,Y;if(!L.current)return;const T=L.current.getBoundingClientRect(),C=((D=b.current)==null?void 0:D.offsetHeight)??Ci,_=((Y=b.current)==null?void 0:Y.offsetWidth)??160,v=window.innerHeight-T.bottom-Be,E=T.top-Be,w=v<C&&E>v?"top":"bottom";if(y(w),d){let M;e==="left"?M=T.left:M=T.right-_;const H=w==="bottom"?T.bottom+Be:T.top-C-Be;S({top:H,left:M})}},[e,d]),X=g.useCallback(()=>{z?j?n==null||n():l==null||l():x(T=>{const C=!T;return C?l==null||l():n==null||n(),C})},[z,j,n,l]),P=g.useCallback(()=>{z||x(!1),n==null||n()},[z,n]);g.useLayoutEffect(()=>{j&&N()},[j,N]),g.useEffect(()=>{const T=E=>{const w=E.target,D=O.current&&!O.current.contains(w),Y=b.current&&!b.current.contains(w);d?D&&Y&&P():D&&P()},C=E=>{E.key==="Escape"&&P()},_=()=>{j&&d&&N()},v=()=>{j&&d&&N()};return j&&(document.addEventListener("mousedown",T),document.addEventListener("keydown",C),d&&(window.addEventListener("scroll",_,!0),window.addEventListener("resize",v))),()=>{document.removeEventListener("mousedown",T),document.removeEventListener("keydown",C),window.removeEventListener("scroll",_,!0),window.removeEventListener("resize",v)}},[j,P,d,N]);const B=d?be.createPortal(a.jsx(mi,{ref:b,$open:j,$position:$,className:Fe("content",i==null?void 0:i.content),style:{top:k.top,left:k.left},children:o}),d):a.jsx(vi,{ref:b,$align:e,$open:j,$position:$,className:Fe("content",i==null?void 0:i.content),children:o});return a.jsxs(Si,{...u,ref:p??O,className:Fe("container",r),children:[a.jsx(yi,{ref:L,onClick:X,className:Fe("trigger",i==null?void 0:i.trigger),children:g.cloneElement(h)}),B]})},Ri=s.div`
   display: flex;
   flex-direction: column;
-  gap: 2px;
-  min-width: 0;
-`,ea=O.span`
-  font-size: 14px;
-  font-weight: 500;
-  line-height: 1.4;
-  color: ${({theme:e,$state:t})=>Xc(e,t)};
-
+  gap: 12px;
+`,ki=s.div`
+  width: ${({$size:e})=>e}px;
+  height: ${({$size:e})=>e}px;
+  border-radius: 8px;
+  border: 1px dashed ${t.COLORS.gray};
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: ${t.COLORS.white};
+
+  img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+`,Li=s.span`
+  font-size: 12px;
+  color: ${t.COLORS["iron-grey"]};
+`,zi=e=>`
+    .${e} {
+        padding: 7px 16px;
+        font-size: 14px;
+        outline: 0;
+        border: 0;
+        background-color: #2F7FEF;
+        color: #FFFFFF;
+        border-radius: 20px;
+        user-select: none;
+        cursor: pointer;
+        -moz-user-select: none;
+        -webkit-user-select: none;
+    }
+
+    .${e}:active {
+        transform: translate(0, 1px);
+    }
+`,Pi=e=>`
+    .${e} {
+        display: flex;
+        flex: 1 1 auto;
+        background: #33393F;
+        overflow: hidden;
+        align-items: center;
+        justify-content: center;
+        position: relative;
+        width: 500px;
+        height: 500px;
+        max-width: 100%;
+        max-height: 60vh;
+        min-height: 250px;
+    }
+
+    @media (max-width: 540px) {
+        .${e} {
+            width: 100%;
+            height: auto;
+            aspect-ratio: 1;
+            max-height: 70vh;
+        }
+    }
+`,ji=e=>`
+    .${e} {
+        padding: 7px 16px;
+        font-size: 14px;
+        outline: 0;
+        border: 0;
+        background-color: #E8EFF7;
+        color: #768BA7;
+        border-radius: 20px;
+        cursor: pointer;
+        user-select: none;
+        -moz-user-select: none;
+        -webkit-user-select: none;
+    }
+
+    .${e}:active {
+        transform: translate(0, 1px);
+    }
+`,Ei=e=>`
+    .${e} {
+        display: flex;
+        flex-direction: column;
+        background-color: #FFFFFF;
+        border-radius: 6px;
+        box-shadow: 0 4px 16px rgba(77, 96, 124, 0.2);
+        max-width: 100%;
+        max-height: 100%;
+        overflow: hidden;
+    }
+
+    @media (max-width: 540px) {
+        .${e} {
+            width: 100%;
+            border-radius: 8px;
+        }
+    }
+`,Ti=e=>`
+    .${e} {
+        display: flex;
+        justify-content: flex-end;
+        gap: 10px;
+        align-items: center;
+        height: 60px;
+        flex: 0 0 auto;
+        padding: 0 20px;
+        border-top: 1px solid #EEE;
+    }
+
+    @media (max-width: 540px) {
+        .${e} {
+            height: 56px;
+            padding: 0 12px;
+            gap: 8px;
+        }
+    }
+`,Ni=e=>`
+    .${e} {
+        display: flex;
+        justify-content: flex-start;
+        gap: 10px;
+        align-items: center;
+        height: 60px;
+        flex: 0 0 auto;
+        padding: 0 20px;
+        border-top-left-radius: 6px;
+        border-top-right-radius: 6px;
+        border-bottom: 1px solid #EEE;
+        overflow: hidden;
+    }
+
+    @media (max-width: 540px) {
+        .${e} {
+            height: 48px;
+            padding: 0 12px;
+            font-size: 14px;
+        }
+    }
+`,Ii=e=>`
+    .${e} {
+        display: block;
+        z-index: 101;
+        outline: 1px dashed #aaa;
+        background-color: transparent;
+        cursor: move;
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        user-select: none;
+        left: 0;
+        top: 0;
+        bottom: 0;
+        right: 0;
+        position: absolute;
+        touch-action: none;
+    }
+`,Ai=e=>`
+    .${e} {
+      position: absolute;
+      z-index: 2;
+      background-color: rgba(0, 0, 0, 0.6);
+      touch-action: none;
+    }
+`,Di=e=>`
+    .${e} {
+      position: absolute;
+      z-index: 3;
+      touch-action: none;
+    }
+`,Mi=e=>`
+    .${e} {
+      backface-visibility: hidden;
+      perspective: 1000px;
+      max-inline-size: unset !important;
+      max-block-size: unset !important;
+    }
+`,_i=e=>`
+    .${e} {
+      position: absolute;
+      z-index: 100;
+      left: 0;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      overflow: hidden;
+      border-radius: 50%;
+    }
+`,Fi={tl:"nw-resize",tr:"ne-resize",bl:"sw-resize",br:"se-resize"},Bi={tl:{h:"left",v:"top"},tr:{h:"right",v:"top"},bl:{h:"left",v:"bottom"},br:{h:"right",v:"bottom"}},Ye=(e,o)=>{const r=Fi[o],{h:i,v:n}=Bi[o];return`
+    .${e} {
+        display: block;
+        z-index: 102;
+        background-color: rgba(255, 255, 255, .6);
+        cursor: ${r};
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        user-select: none;
+        ${i}: -3px;
+        ${n}: -3px;
+        position: absolute;
+        width: 5px;
+        height: 5px;
+        touch-action: none;
+    }
+
+    @media (max-width: 540px), (pointer: coarse) {
+        .${e} {
+            width: 24px;
+            height: 24px;
+            ${i}: -12px;
+            ${n}: -12px;
+        }
+    }
+`},Yi=e=>`
+    .${e} {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background-color: rgba(0, 0, 0, .4);
+        width: 100vw;
+        height: 100vh;
+        height: 100dvh;
+        position: fixed;
+        left: 0;
+        top: 0;
+        z-index: 1000;
+        overflow-y: auto;
+        box-sizing: border-box;
+        padding: 16px;
+    }
+
+    @media (max-width: 540px) {
+        .${e} {
+            padding: 8px;
+            align-items: flex-start;
+            padding-top: env(safe-area-inset-top, 8px);
+            padding-bottom: env(safe-area-inset-bottom, 8px);
+        }
+    }
+`,Hi=e=>`
+    .${e} {
+        backface-visibility: hidden;
+        user-select: none;
+        perspective: 1000px;
+        overflow: hidden;
+        display: block;
+        transform: translateZ(0);
+        width: auto;
+        -webkit-user-drag: none;
+        position: absolute;
+        z-index: 1;
+    }
+`,Gi=e=>{let o=5381;for(let r=0;r<e.length;r++)o=(o<<5)+o^e.charCodeAt(r);return Math.abs(o).toString(36)},G=e=>`hq-cropper__${Gi(e)}`,W=e=>e||[],V=(e,o)=>{if(o)for(const r of o)e.classList.add(r)},Wi=e=>{const o={applyButton:[G("applyButton"),...W(e.applyButton)],cancelButton:[G("cancelButton"),...W(e.cancelButton)],container:[G("container"),...W(e.container)],handlerMove:[G("handlerMove"),...W(e.handlerMove)],handlerResizeTopLeft:[G("handlerResizeTopLeft"),...W(e.handlerResizeTopLeft)],handlerResizeTopRight:[G("handlerResizeTopRight"),...W(e.handlerResizeTopRight)],handlerResizeBottomLeft:[G("handlerResizeBottomLeft"),...W(e.handlerResizeBottomLeft)],handlerResizeBottomRight:[G("handlerResizeBottomRight"),...W(e.handlerResizeBottomRight)],sourceImage:[G("sourceImage"),...W(e.sourceImage)],portalArea:[G("portalArea"),...W(e.portalArea)],previewImage:[G("previewImage"),...W(e.previewImage)],body:[G("body"),...W(e.body)],header:[G("header"),...W(e.header)],footer:[G("footer"),...W(e.footer)],portal:[G("portal"),...W(e.portal)],preview:[G("preview"),...W(e.preview)],root:[G("root"),...W(e.root)]},r=`
+        ${zi(o.applyButton[0])}
+        ${Pi(o.body[0])}
+        ${ji(o.cancelButton[0])}
+        ${Ei(o.container[0])}
+        ${Ti(o.footer[0])}
+        ${Ni(o.header[0])}
+        ${Ii(o.handlerMove[0])}
+        ${Ai(o.portalArea[0])}
+        ${Di(o.portal[0])}
+        ${Mi(o.previewImage[0])}
+        ${_i(o.preview[0])}
+        ${Ye(o.handlerResizeBottomLeft[0],"bl")}
+        ${Ye(o.handlerResizeBottomRight[0],"br")}
+        ${Ye(o.handlerResizeTopLeft[0],"tl")}
+        ${Ye(o.handlerResizeTopRight[0],"tr")}
+        ${Yi(o.root[0])}
+        ${Hi(o.sourceImage[0])}
+    `,i=document.createElement("style");return i.innerHTML=r,document.getElementsByTagName("head")[0].prepend(i),o};let Vi=0;const Ui=e=>{const o=new Map,r=new Proxy({...e},{set(i,n,l){return Reflect.set(i,n,l),(o.get(n)||[]).forEach(c=>c.action(l,i,n)),!0}});return{getState:()=>({...r}),setState:i=>{for(const n of Object.keys(i)){const l=i[n];l!==void 0&&(r[n]=l)}},subscribe:(i,n)=>{const l=String(++Vi),c=o.get(i)||[];return o.set(i,[...c,{action:n,id:l}]),l},unsubscribe:i=>{for(const[n,l]of o.entries()){const c=l.filter(d=>d.id!==i);if(c.length!==l.length){o.set(n,c);return}}},unsubscribeAll:()=>{o.clear()}}},xt={action:null,sourceBase64:"",fileName:"",sourceHeight:0,sourceWidth:0,frame:{left:0,top:0,width:0,height:0},portal:{left:0,top:0,size:0},emitted:{X:0,Y:0,left:0,top:0,size:0},config:{applyButtonLabel:"Apply",cancelButtonLabel:"Cancel",compression:1,framePadding:3,minPortalSize:50,portalPosition:"center",portalSize:150,outputSize:0,type:"jpeg",maxFileSize:0,allowedTypes:["image/jpeg","image/png","image/gif","image/webp"]}},Xi=(e={},o={})=>Ui({...xt,config:{...xt.config,...e},css:Wi(o)}),qi=(e,o)=>{var x;const r=e(),i=document.querySelector(`.${(x=r.css)==null?void 0:x.body[0]}`);if(!i)return r.frame;const{width:n,height:l}=i.getBoundingClientRect(),c=n/l,d=o.width/o.height;let p,h,u=0,f=0;return c>d?(p=l*d,h=l,f=(n-p)/2):(p=n,h=n*(o.height/o.width),u=(l-h)/2),{width:p,height:h,left:f,top:u}},Ki=(e,o,r)=>{const[i,n]=o,l=i+e>r.width?(r.width-e)/2:i,c=n+e>r.height?(r.height-e)/2:n;return[l,c]},Zi=(e,o)=>{const{config:r}=e(),i=Math.min(o.width,o.height)-r.framePadding*2,n=r.portalSize>i?i:r.portalSize;if(Array.isArray(r.portalPosition)&&r.portalPosition.length===2){const[l,c]=Ki(n,r.portalPosition,o);return{left:l,top:c,size:n}}return r.portalPosition==="center"?{size:n,left:(o.width-n)/2,top:(o.height-n)/2}:{left:0,top:0,size:n}};var te=(e=>(e.MOVE="MOVE",e.RESIZE_TL="RESIZE_TL",e.RESIZE_TR="RESIZE_TR",e.RESIZE_BR="RESIZE_BR",e.RESIZE_BL="RESIZE_BL",e))(te||{});const Ji=e=>{var i;const o=e(),r=document.createElement("span");return V(r,(i=o.css)==null?void 0:i.handlerMove),r.setAttribute("data-action",te.MOVE),r},Qi=e=>{var i;const o=e(),r=document.createElement("span");return V(r,(i=o.css)==null?void 0:i.handlerResizeBottomLeft),r.setAttribute("data-action",te.RESIZE_BL),r},en=e=>{var i;const o=e(),r=document.createElement("span");return V(r,(i=o.css)==null?void 0:i.handlerResizeBottomRight),r.setAttribute("data-action",te.RESIZE_BR),r},tn=e=>{var i;const o=e(),r=document.createElement("span");return V(r,(i=o.css)==null?void 0:i.handlerResizeTopLeft),r.setAttribute("data-action",te.RESIZE_TL),r},on=e=>{var i;const o=e(),r=document.createElement("span");return V(r,(i=o.css)==null?void 0:i.handlerResizeTopRight),r.setAttribute("data-action",te.RESIZE_TR),r},rn=e=>{var i;const o=e(),r=document.createElement("img");return V(r,(i=o.css)==null?void 0:i.previewImage),r},nn=e=>{var i;const o=e(),r=document.createElement("div");return V(r,(i=o.css)==null?void 0:i.preview),r.appendChild(rn(e)),r},an=e=>{var i;const o=e(),r=document.createElement("div");return V(r,(i=o.css)==null?void 0:i.portal),r.appendChild(nn(e)),r.appendChild(Ji(e)),r.appendChild(tn(e)),r.appendChild(on(e)),r.appendChild(Qi(e)),r.appendChild(en(e)),r},ln=e=>{var i;const o=e(),r=document.createElement("div");return V(r,(i=o.css)==null?void 0:i.portalArea),r.appendChild(an(e)),r},dn=e=>{var i;const o=e(),r=document.createElement("img");return V(r,(i=o.css)==null?void 0:i.sourceImage),r.setAttribute("alt","source"),r.setAttribute("crossOrigin","anonymous"),r.setAttribute("draggable","false"),r.setAttribute("src",o.sourceBase64),r},cn=e=>{var i;const o=e(),r=document.createElement("div");return V(r,(i=o.css)==null?void 0:i.body),r.appendChild(dn(e)),r.appendChild(ln(e)),r},sn=(e,o)=>{var n;const r=e(),i=document.createElement("div");return V(i,(n=r.css)==null?void 0:n.applyButton),i.setAttribute("role","button"),i.innerText=r.config.applyButtonLabel,i.addEventListener("click",o),i},pn=(e,o)=>{var n;const r=e(),i=document.createElement("div");return V(i,(n=r.css)==null?void 0:n.cancelButton),i.setAttribute("role","button"),i.innerText=r.config.cancelButtonLabel,i.addEventListener("click",o),i},un=(e,o,r)=>{var l;const i=e(),n=document.createElement("div");return V(n,(l=i.css)==null?void 0:l.footer),n.appendChild(pn(e,r)),n.appendChild(sn(e,o)),n},hn=e=>{var i;const o=e(),r=document.createElement("div");return V(r,(i=o.css)==null?void 0:i.header),r},bn=(e,o,r)=>{var l;const i=e(),n=document.createElement("div");return V(n,(l=i.css)==null?void 0:l.container),n.appendChild(hn(e)),n.appendChild(cn(e)),n.appendChild(un(e,o,r)),n},gn=(e,o,r)=>{var l;const i=e(),n=document.createElement("div");V(n,(l=i.css)==null?void 0:l.root),n.appendChild(bn(e,o,r)),document.body.appendChild(n)},fn=e=>{const o=document.createElement("input");return o.style.display="none",o.setAttribute("type","file"),o.setAttribute("accept","image/x-png,image/jpeg"),o.addEventListener("change",e,!1),document.body.appendChild(o),o},je=new Map,xn={header:"header",sourceImage:"sourceImage",portalArea:"portalArea",portal:"portal",previewImage:"previewImage"},ue=(e,o)=>{if(je.has(e))return je.get(e);if(!o)return null;const r=o[xn[e]],i=document.querySelector(`.${r[0]}`);return je.set(e,i),i},On=()=>{je.clear()},$n=()=>{je.clear()},Sn=(e,o)=>{const r=ue("header",o.css);r&&(r.innerText=e)},yn=(e,o)=>{const r=ue("sourceImage",o.css);r&&(r.setAttribute("src",e),r.style.height=`${o.frame.height}px`,r.style.width=`${o.frame.width}px`,r.style.left=`${o.frame.left}px`,r.style.top=`${o.frame.top}px`);const i=ue("portalArea",o.css);i&&(i.style.height=`${o.frame.height}px`,i.style.width=`${o.frame.width}px`,i.style.left=`${o.frame.left}px`,i.style.top=`${o.frame.top}px`);const n=ue("portal",o.css);n&&(n.style.width=`${o.portal.size}px`,n.style.height=`${o.portal.size}px`,n.style.left=`${o.portal.left}px`,n.style.top=`${o.portal.top}px`);const l=ue("previewImage",o.css);l&&(l.setAttribute("src",e),l.style.height=`${o.frame.height}px`,l.style.width=`${o.frame.width}px`,l.style.marginLeft=`-${o.portal.left}px`,l.style.marginTop=`-${o.portal.top}px`)},vn=(e,o)=>{const r=ue("portal",o.css);r&&(r.style.left=`${e.left}px`,r.style.top=`${e.top}px`,r.style.width=`${e.size}px`,r.style.height=`${e.size}px`);const i=ue("previewImage",o.css);i&&(i.style.marginLeft=`-${e.left}px`,i.style.marginTop=`-${e.top}px`)},it=1,mn=e=>{var k,S;const o=e(),r=document.createElement("canvas"),i=o.frame.width||it,n=o.frame.height||it,l=o.sourceWidth/i,c=o.sourceHeight/n,d=o.portal.left*l,p=o.portal.top*c,h=Math.max(o.portal.size*Math.min(l,c),it),u=o.config.outputSize>0?o.config.outputSize:h;r.width=u,r.height=u;const f=document.querySelector(`.${(k=o.css)==null?void 0:k.sourceImage[0]}`);f&&((S=r.getContext("2d"))==null||S.drawImage(f,d,p,h,h,0,0,u,u));const x=r.toDataURL(`image/${o.config.type}`,o.config.compression);return new Promise(($,y)=>{try{r.toBlob(O=>{if(r.remove(),!O){y(new Error(`Failed to create blob for type: image/${o.config.type}`));return}$([x,O])},`image/${o.config.type}`,o.config.compression)}catch(O){r.remove(),y(O)}})},Cn=(e,o,r)=>{const{emitted:i,portal:n,frame:l,config:c}=o();let d=i.left-i.X+e.clientX,p=i.top-i.Y+e.clientY;const h=c.framePadding,u=l.width-c.framePadding-n.size,f=c.framePadding,x=l.height-c.framePadding-n.size;d<h&&(d=h),d>u&&(d=u),p<f&&(p=f),p>x&&(p=x),r({portal:{...n,left:d,top:p}})},wn=(e,o,r)=>{const{action:i,emitted:n,portal:l,frame:c,config:d}=o(),p=e.pageX-n.X,h=e.pageY-n.Y;switch(i){case te.RESIZE_BR:{let u=n.size+Math.max(p,h);return u<d.minPortalSize&&(u=d.minPortalSize),n.top+u>c.height-d.framePadding&&(u=c.height-n.top-d.framePadding),n.left+u>c.width-d.framePadding&&(u=c.width-n.left-d.framePadding),r({portal:{...l,size:u}})}case te.RESIZE_TR:{let u=p+h>0?n.size+p:n.size-h,f=p+h>0?n.top-p:n.top+h;return u<d.minPortalSize&&(f=n.top+n.size-d.minPortalSize,u=d.minPortalSize),n.left+u>c.width-d.framePadding&&(u=c.width-n.left-d.framePadding,f=n.top-c.width+n.left+n.size),f<d.framePadding&&(u=n.top+n.size,f=d.framePadding),r({portal:{...l,top:f,size:u}})}case te.RESIZE_TL:{const u=Math.min(p,h);let f=n.size-u,x=n.left+u,k=n.top+u;if(f<d.minPortalSize){const S=n.size-d.minPortalSize;f=d.minPortalSize,x=n.left+S,k=n.top+S}if(k<d.framePadding){const S=d.framePadding-k;k=d.framePadding,x=x+S,f=f-S}if(x<d.framePadding){const S=d.framePadding-x;x=d.framePadding,k=k+S,f=f-S}return r({portal:{...l,top:k,left:x,size:f}})}case te.RESIZE_BL:{let u=p+h>0?n.size+h:n.size-p,f=p+h>0?n.left-h:n.left+p;return u<d.minPortalSize&&(f=n.left+n.size-d.minPortalSize,u=d.minPortalSize),u+n.top>c.height-d.framePadding&&(f=n.left-c.height+n.top+n.size,u=c.height-n.top-d.framePadding),f<d.framePadding&&(f=d.framePadding,u=n.left+n.size-d.framePadding),r({portal:{...l,left:f,size:u}})}default:return}},Ft=e=>{if("touches"in e&&e.touches.length>0){const r=e.touches[0];return{clientX:r.clientX,clientY:r.clientY,pageX:r.pageX,pageY:r.pageY}}if("changedTouches"in e&&e.changedTouches.length>0){const r=e.changedTouches[0];return{clientX:r.clientX,clientY:r.clientY,pageX:r.pageX,pageY:r.pageY}}const o=e;return{clientX:o.clientX,clientY:o.clientY,pageX:o.pageX,pageY:o.pageY}},Rn=(e,o)=>{var x,k,S;const r=e(),i=document.querySelector(`.${(x=r.css)==null?void 0:x.portal[0]}`),n=document.querySelector(`.${(k=r.css)==null?void 0:k.portalArea[0]}`),l=document.querySelector(`.${(S=r.css)==null?void 0:S.root[0]}`);let c=null,d=null;const p=$=>{$.preventDefault();const{portal:y}=e(),O=Ft($);if($.target){const L=$.target.getAttribute("data-action"),b={X:O.pageX,Y:O.pageY,left:y.left,top:y.top,size:y.size};o({action:L,emitted:b})}},h=()=>{const{action:$}=e();c!==null&&(cancelAnimationFrame(c),c=null),d=null,$&&o({action:null})},u=()=>{if(c=null,!d)return;const $=d;d=null;const{action:y}=e();if(y)switch(y){case te.MOVE:Cn($,e,o);break;default:wn($,e,o)}},f=$=>{const{action:y}=e();y&&($.preventDefault(),d=Ft($),c===null&&(c=requestAnimationFrame(u)))};return l&&(l.addEventListener("mouseup",h),l.addEventListener("touchend",h),l.addEventListener("touchcancel",h)),i&&(i.addEventListener("mousedown",p),i.addEventListener("touchstart",p,{passive:!1})),n&&(n.addEventListener("mousemove",f),n.addEventListener("touchmove",f,{passive:!1})),()=>{c!==null&&cancelAnimationFrame(c),l&&(l.removeEventListener("mouseup",h),l.removeEventListener("touchend",h),l.removeEventListener("touchcancel",h)),i&&(i.removeEventListener("mousedown",p),i.removeEventListener("touchstart",p)),n&&(n.removeEventListener("mousemove",f),n.removeEventListener("touchmove",f))}},Bt=1024*1024,kn=(e,o)=>{if(!o.allowedTypes.includes(e.type))return`Invalid file type "${e.type}". Allowed types: ${o.allowedTypes.join(", ")}`;if(o.maxFileSize>0&&e.size>o.maxFileSize){const r=(o.maxFileSize/Bt).toFixed(2);return`File size (${(e.size/Bt).toFixed(2)}MB) exceeds maximum allowed size (${r}MB)`}return null},Ln=(e,o,r,i,n,l,c)=>{const d=O=>{c?c(O):console.error(`HqCropper: ${O}`)};if(!e.target.files||e.target.files.length===0){d("Can't read file input");return}const p=e.target.files[0],{config:h}=o(),u=kn(p,h);if(u){d(u),e.target.value="";return}const f=new FileReader;let x=null;const k=()=>{var b;const O=o(),L=document.querySelector(`.${(b=O.css)==null?void 0:b.root[0]}`);L&&(L.remove(),document.removeEventListener("keydown",S),x==null||x(),$n(),l(),r(xt))},S=O=>{O.key==="Escape"&&o().sourceBase64&&$(O)},$=O=>{O.preventDefault(),k()},y=O=>{O.preventDefault();const L=o();mn(o).then(([b,z])=>{i(b,z,L),$(O)}).catch(b=>{d(b instanceof Error?b.message:"Failed to crop image")})};f.onload=O=>{const L=new Image;if(!O.target||typeof O.target.result!="string"){d("Can't load result image");return}L.src=O.target.result,L.onerror=()=>{d("Failed to load image")},L.onload=()=>{var j;gn(o,y,$),On(),n("fileName",Sn),n("sourceBase64",yn),n("portal",vn);const b=qi(o,L),z=Zi(o,b);r({frame:b,portal:z,fileName:p.name,sourceBase64:(j=O.target)==null?void 0:j.result,sourceHeight:L.height,sourceWidth:L.width}),x=Rn(o,r),document.addEventListener("keydown",S)}},f.onerror=()=>{d("Failed to read file")},f.readAsDataURL(p),e.target.value=""},zn=(e,o,r,i)=>{const{getState:n,setState:l,subscribe:c,unsubscribeAll:d}=Xi(o,r),p=fn(h=>Ln(h,n,l,e,c,d,i));return{open:()=>p.click()}},ae={portalSize:200,outputSize:400,compression:.9,type:"jpeg",maxFileSize:10*1024*1024,allowedTypes:["image/jpeg","image/png","image/webp"],applyLabel:"Apply",cancelLabel:"Cancel"},Yt="vacano-image-cropper-styles",Pn=`
+  .vacano-cropper-root {
+    background-color: rgba(0, 0, 0, 0.5);
+    backdrop-filter: blur(4px);
+  }
+
+  .vacano-cropper-header {
+    border-bottom: 1px solid ${t.COLORS.gray};
+    padding: 16px 20px;
+  }
+
+  .vacano-cropper-footer {
+    border-top: 1px solid ${t.COLORS.gray};
+    padding: 16px 20px;
+    gap: 12px;
+  }
+
+  .vacano-cropper-cancel-button {
+    padding: 8px 16px;
+    border-radius: 16px;
+    border: 1px solid ${t.COLORS.gray};
+    background-color: ${t.COLORS.white};
+    color: ${t.COLORS.black};
+    font-size: 14px;
+    font-weight: 500;
+    cursor: pointer;
+    transition: background-color 0.2s;
+  }
+
+  .vacano-cropper-cancel-button:hover {
+    background-color: ${t.COLORS.gray};
+  }
+
+  .vacano-cropper-apply-button {
+    padding: 8px 16px;
+    border-radius: 16px;
+    border: none;
+    background-color: ${t.COLORS.black};
+    color: ${t.COLORS.white};
+    font-size: 14px;
+    font-weight: 500;
+    cursor: pointer;
+    transition: background-color 0.2s;
+  }
+
+  .vacano-cropper-apply-button:hover {
+    background-color: ${t.COLORS["iron-grey"]};
+  }
+`,jn=()=>{if(typeof document>"u"||document.getElementById(Yt))return;const e=document.createElement("style");e.id=Yt,e.textContent=Pn,document.head.appendChild(e)},En={root:["vacano-cropper-root"],container:["vacano-cropper-container"],header:["vacano-cropper-header"],body:["vacano-cropper-body"],footer:["vacano-cropper-footer"],cancelButton:["vacano-cropper-cancel-button"],applyButton:["vacano-cropper-apply-button"],portal:["vacano-cropper-portal"]},fo=(e={})=>{const{allowedTypes:o=ae.allowedTypes,applyLabel:r=ae.applyLabel,cancelLabel:i=ae.cancelLabel,compression:n=ae.compression,maxFileSize:l=ae.maxFileSize,onCrop:c,onError:d,outputSize:p=ae.outputSize,portalSize:h=ae.portalSize,type:u=ae.type}=e,f=g.useRef(null);return{open:g.useCallback(()=>{f.current||(jn(),f.current=zn((k,S,$)=>{S&&(c==null||c({base64:k,blob:S,state:$}))},{portalSize:h,outputSize:p,compression:n,type:u,maxFileSize:l,allowedTypes:o,applyButtonLabel:r,cancelButtonLabel:i},En,k=>{d==null||d({code:"CROPPER_ERROR",message:k})})),f.current.open()},[o,r,i,n,l,c,d,p,h,u])}},nt=A.newClassNameGetter("image-cropper"),Tn=({allowedTypes:e,applyLabel:o,buttonLabel:r="Select Image",cancelLabel:i,className:n,classnames:l,compression:c,maxFileSize:d,onCrop:p,onError:h,outputSize:u,portalSize:f,previewSize:x=120,ref:k,type:S,value:$,...y})=>{const[O,L]=g.useState($??null),{open:b}=fo({allowedTypes:e,applyLabel:o,cancelLabel:i,compression:c,maxFileSize:d,onCrop:z=>{L(z.base64),p==null||p(z)},onError:h,outputSize:u,portalSize:f,type:S});return a.jsxs(Ri,{...y,ref:k,className:nt("container",n),children:[a.jsx(ki,{$size:x,className:nt("preview",l==null?void 0:l.preview),children:O?a.jsx("img",{src:O,alt:"Preview"}):a.jsx(Li,{children:"No image"})}),a.jsx(Te,{variant:"system",onClick:b,className:nt("button",l==null?void 0:l.button),style:{width:x},children:r})]})},Ht={compact:{height:"32px",padding:"0 10px",radius:"14px",prefixSize:"16px"},default:{height:"40px",padding:"0 14px",radius:"16px",prefixSize:"20px"}},Gt={normal:{background:{static:t.alpha(t.COLORS.black,2),disabled:t.alpha(t.COLORS.black,10)},border:{static:t.alpha(t.COLORS.black,60),disabled:t.alpha(t.COLORS.black,10)},color:{static:t.COLORS.black,disabled:t.alpha(t.COLORS.black,65)},placeholder:{static:t.alpha(t.COLORS.black,40),disabled:t.alpha(t.COLORS.black,65)},focus:t.alpha(t.COLORS["iron-grey"],30)},error:{background:{static:t.alpha(t.COLORS.red,2),disabled:t.alpha(t.COLORS.red,10)},border:{static:t.alpha(t.COLORS.red,60),disabled:t.alpha(t.COLORS.red,10)},color:{static:t.COLORS.red,disabled:t.alpha(t.COLORS.red,65)},placeholder:{static:t.alpha(t.COLORS.red,40),disabled:t.alpha(t.COLORS.red,65)},focus:t.alpha(t.COLORS.red,30)}},re=e=>Gt[e]??Gt.normal,at=e=>Ht[e]??Ht.default,Nn=s.div`
+  display: grid;
+  flex-direction: column;
+  gap: 2px;
+  width: ${e=>e.$fullWidth?"100%":"fit-content"};
+`,In=s(Se)`
+  margin-left: 6px;
+`,An=s.input`
+  flex: 1;
+  min-width: 0;
+  outline: none;
+  font-size: 14px;
+  font-weight: 500;
+  height: ${e=>at(e.$size).height};
+  padding: ${e=>at(e.$size).padding};
+  border-radius: ${e=>at(e.$size).radius};
+
+  color: ${e=>re(e.$variant).color.static};
+  border: 1px solid ${e=>re(e.$variant).border.static};
+  background-color: ${e=>re(e.$variant).background.static};
+
+  &::placeholder {
+    color: ${e=>re(e.$variant).placeholder.static};
+  }
+
+  &:disabled {
+    cursor: not-allowed;
+    color: ${e=>re(e.$variant).color.disabled};
+    background-color: ${e=>re(e.$variant).background.disabled};
+    border-color: ${e=>re(e.$variant).border.disabled};
+
+    &::placeholder {
+      color: ${e=>re(e.$variant).placeholder.disabled};
+    }
+  }
+
+  &:focus-visible {
+    outline: 2px solid ${e=>re(e.$variant).focus};
+  }
+`,lt=A.newClassNameGetter("input"),xo=({className:e,classnames:o,disabled:r,fullWidth:i,label:n,ref:l,size:c="default",variant:d="normal",...p})=>a.jsxs(Nn,{className:lt("container",e),$fullWidth:!!i,children:[a.jsx(In,{variant:d,className:lt("label",o==null?void 0:o.label),children:n}),a.jsx(An,{...p,ref:l,disabled:r,$size:c,$variant:d,className:lt("input",o==null?void 0:o.input)})]}),Dn=s.div`
+  position: fixed;
+  inset: 0;
+  z-index: 1000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: ${t.alpha(t.COLORS.black,50)};
+  animation: ${t.KEYFRAMES.fadeIn} ${e=>e.$animated?"0.15s":"0s"} ease-out forwards;
+`,Mn=s.div`
+  position: relative;
+  z-index: 1001;
+  width: ${e=>e.$width};
+  max-width: calc(100vw - 32px);
+  max-height: calc(100vh - 32px);
+  overflow: auto;
+  background-color: ${t.COLORS.white};
+  border-radius: 16px;
+  box-shadow: 0 8px 32px ${t.alpha(t.COLORS.black,20)};
+  animation: ${t.KEYFRAMES.scaleIn} ${e=>e.$animated?"0.15s":"0s"} ease-out forwards;
+`,Wt=A.newClassNameGetter("modal"),Oo=({animated:e,children:o,className:r,classnames:i,open:n,ref:l,width:c="500px",...d})=>n?be.createPortal(a.jsx(Dn,{className:Wt("overlay",i==null?void 0:i.overlay),$animated:!!e,children:a.jsx(Mn,{...d,ref:l,className:Wt("content",r,i==null?void 0:i.content),$animated:!!e,$width:c,children:o})}),document.body):null,$o={normal:{border:t.COLORS["iron-grey"],label:t.COLORS.black},error:{border:t.COLORS.red,label:t.COLORS.red}},_n=s.div`
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+`,Fn=s(Se)`
+  margin-left: 6px;
+  color: ${e=>$o[e.$variant].label};
+`,Bn=s.button`
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 6px;
+  min-height: 44px;
+  padding: 8px 12px;
+  border: 1px dashed ${e=>$o[e.$variant].border};
+  border-radius: 8px;
+  background: ${t.COLORS.white};
+  cursor: ${e=>e.$disabled?"not-allowed":"pointer"};
+  opacity: ${e=>e.$disabled?.5:1};
+  transition: border-color 0.15s ease;
+  text-align: left;
+
+  &:hover:not(:disabled) {
+    border-color: ${e=>e.$variant==="error"?t.COLORS.red:t.COLORS.black};
+  }
+
+  &:focus-visible {
+    outline: 2px solid
+      ${e=>e.$variant==="error"?t.COLORS.red:t.COLORS["steel-blue"]};
+    outline-offset: 2px;
+  }
+`,Yn=s.span`
+  color: ${t.COLORS["iron-grey"]};
+  font-size: 14px;
+`,Hn=s.div`
+  display: flex;
+  flex-direction: column;
+  padding: 20px;
+  gap: 16px;
+`,Gn=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+`,Wn=s.h3`
+  margin: 0;
+  font-size: 18px;
+  font-weight: 600;
+  color: ${t.COLORS.black};
+`,Vn=s.div`
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  min-height: 200px;
+  max-height: 300px;
+  overflow-y: auto;
+`,Un=s.label`
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 10px 12px;
+  border-radius: 8px;
+  cursor: ${e=>e.$disabled?"not-allowed":"pointer"};
+  opacity: ${e=>e.$disabled?.5:1};
+  transition: background-color 0.15s ease;
+
+  &:hover {
+    background-color: ${e=>e.$disabled?"transparent":t.COLORS.gray};
+  }
+`,Xn=s.span`
+  font-size: 14px;
+  color: ${t.COLORS.black};
+`,qn=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 32px 16px;
+  color: ${t.COLORS["iron-grey"]};
+  font-size: 14px;
+  text-align: center;
+`,Q=A.newClassNameGetter("multi-select"),Kn=({className:e,classnames:o,disabled:r=!1,emptyMessage:i="No options found",label:n,maxVisible:l=1/0,modalTitle:c="Select options",onChange:d,options:p,placeholder:h="Select...",ref:u,searchPlaceholder:f="Search...",value:x,variant:k="normal",...S})=>{const[$,y]=g.useState(!1),[O,L]=g.useState(""),b=g.useMemo(()=>p.filter(C=>x.includes(C.value)),[p,x]),z=g.useMemo(()=>{if(!O.trim())return p;const C=O.toLowerCase().trim();return p.filter(_=>_.label.toLowerCase().includes(C))},[p,O]),j=l===1/0?b:b.slice(0,l),N=b.length-j.length,X=()=>{r||(y(!0),L(""))},P=()=>{y(!1),L("")},B=C=>{x.includes(C)?d(x.filter(_=>_!==C)):d([...x,C])},T=C=>{d(x.filter(_=>_!==C))};return a.jsxs(_n,{...S,ref:u,className:Q("container",e),children:[n&&a.jsx(Fn,{$variant:k,className:Q("label",o==null?void 0:o.trigger),children:n}),a.jsx(Bn,{type:"button",$variant:k,$disabled:r,disabled:r,onClick:X,className:Q("trigger",o==null?void 0:o.trigger),children:b.length===0?a.jsx(Yn,{className:Q("placeholder",o==null?void 0:o.placeholder),children:h}):a.jsxs(a.Fragment,{children:[j.map(C=>a.jsx(Xe,{deletable:!0,onDelete:()=>T(C.value),onClick:_=>_.stopPropagation(),className:Q("chip",o==null?void 0:o.chip),children:C.label},C.value)),N>0&&a.jsxs(Xe,{variant:"gray",onClick:C=>C.stopPropagation(),className:Q("chip",o==null?void 0:o.chip),children:["+",N]})]})}),a.jsx(Oo,{open:$,width:"400px",animated:!0,className:Q("modal",o==null?void 0:o.modal),children:a.jsxs(Hn,{children:[a.jsxs(Gn,{children:[a.jsx(Wn,{children:c}),a.jsx(Te,{variant:"transparent",size:"compact",icon:a.jsx(a.X,{}),onClick:P})]}),a.jsx(xo,{type:"text",value:O,onChange:C=>L(C.target.value),placeholder:f,autoFocus:!0,fullWidth:!0,className:Q("search",o==null?void 0:o.search)}),a.jsx(Vn,{className:Q("options",o==null?void 0:o.options),children:z.length===0?a.jsx(qn,{className:Q("empty",o==null?void 0:o.empty),children:i}):z.map(C=>a.jsxs(Un,{$disabled:!!C.disabled,className:Q("option",o==null?void 0:o.option),children:[a.jsx(Ke,{checked:x.includes(C.value),disabled:C.disabled,onChange:()=>B(C.value)}),a.jsx(Xn,{children:C.label})]},C.value))})]})})]})},Vt={light:{background:t.COLORS.white,border:t.alpha(t.COLORS.black,30),title:t.COLORS.black,description:t.COLORS["iron-grey"]},dark:{background:t.alpha(t.COLORS.white,5),border:t.alpha(t.COLORS.white,30),title:t.COLORS.white,description:"#9ca3af"}},qe=e=>Vt[e]??Vt.light,Zn=s.div`
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  padding: 12px;
+  border: 1px dashed ${({$variant:e})=>qe(e).border};
+  border-radius: 16px;
+  background-color: ${({$variant:e})=>qe(e).background};
+`,Jn=s.div`
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+`,Qn=s.div`
+  font-size: 18px;
+  font-weight: 600;
+  line-height: 1.4;
+  color: ${({$variant:e})=>qe(e).title};
+`,ea=s.div`
+  font-size: 14px;
+  line-height: 1.5;
+  color: ${({$variant:e})=>qe(e).description};
+`,ta=s.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+`,He=A.newClassNameGetter("panel"),oa=({children:e,className:o,classnames:r,description:i,ref:n,title:l,variant:c="light",...d})=>{const p=l||i;return a.jsxs(Zn,{...d,ref:n,className:He("container",o),$variant:c,children:[p&&a.jsxs(Jn,{children:[l&&a.jsx(Qn,{className:He("title",r==null?void 0:r.title),$variant:c,children:l}),i&&a.jsx(ea,{className:He("description",r==null?void 0:r.description),$variant:c,children:i})]}),a.jsx(ta,{className:He("content",r==null?void 0:r.content),children:e})]})},Ot={compact:{height:4,radius:2},default:{height:8,radius:4}},ra=s.div`
+  width: 100%;
+  height: ${({$size:e})=>Ot[e].height}px;
+  border-radius: ${({$size:e})=>Ot[e].radius}px;
+  background-color: ${t.COLORS.gray};
+  overflow: hidden;
+`,ia=s.div`
+  height: 100%;
+  width: ${({$value:e})=>Math.min(100,Math.max(0,e))}%;
+  border-radius: ${({$size:e})=>Ot[e].radius}px;
+  background-color: ${t.COLORS.black};
+  transition: width 0.2s ease;
+`,Ut=A.newClassNameGetter("progress"),na=({value:e,size:o="default",className:r,classnames:i,ref:n,...l})=>a.jsx(ra,{...l,ref:n,$size:o,className:Ut("track",r,i==null?void 0:i.track),role:"progressbar","aria-valuenow":e,"aria-valuemin":0,"aria-valuemax":100,children:a.jsx(ia,{$size:o,$value:e,className:Ut("bar",i==null?void 0:i.bar)})}),Xt={normal:{box:{border:t.alpha(t.COLORS["iron-grey"],30),borderChecked:t.COLORS["iron-grey"],background:t.COLORS.white,backgroundChecked:t.COLORS.white,focusShadow:t.alpha(t.COLORS["iron-grey"],30)},dot:t.COLORS.black,label:t.COLORS.black},error:{box:{border:t.COLORS.red,borderChecked:t.COLORS.red,background:t.COLORS.white,backgroundChecked:t.COLORS.white,focusShadow:t.alpha(t.COLORS.red,30)},dot:t.COLORS.red,label:t.COLORS.red}},he=e=>Xt[e]??Xt.normal,aa=s.label`
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  cursor: ${e=>e.$disabled?"not-allowed":"pointer"};
+  opacity: ${e=>e.$disabled?.5:1};
+
+  &:has(input:focus-visible) > span:first-of-type {
+    box-shadow: 0 0 0 2px ${e=>he(e.$variant).box.focusShadow};
+  }
+`,la=s.input`
+  position: absolute;
+  opacity: 0;
+  width: 0;
+  height: 0;
+  pointer-events: none;
+`,da=s.span`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: 18px;
+  height: 18px;
+  border-radius: 50%;
+  border: 1.5px solid
+    ${e=>e.$checked?he(e.$variant).box.borderChecked:he(e.$variant).box.border};
+  background-color: ${e=>e.$checked?he(e.$variant).box.backgroundChecked:he(e.$variant).box.background};
+  transition:
+    border-color 0.15s ease,
+    background-color 0.15s ease,
+    box-shadow 0.15s ease;
+`,ca=s.span`
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background-color: ${e=>he(e.$variant).dot};
+  opacity: ${e=>e.$visible?1:0};
+  transform: ${e=>e.$visible?"scale(1)":"scale(0.5)"};
+  transition:
+    opacity 0.15s ease,
+    transform 0.15s ease;
+`,sa=s.span`
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 1.5;
+  color: ${e=>he(e.$variant).label};
+  user-select: none;
+`,Le=A.newClassNameGetter("radio"),St=({checked:e,className:o,classnames:r,disabled:i,label:n,onChange:l,ref:c,variant:d="normal",...p})=>a.jsxs(aa,{className:Le("container",o),$disabled:!!i,$variant:d,children:[a.jsx(la,{...p,ref:c,type:"radio",className:Le("input",r==null?void 0:r.input),checked:e,disabled:i,onChange:l}),a.jsx(da,{className:Le("box",r==null?void 0:r.box),$checked:e,$variant:d,children:a.jsx(ca,{className:Le("dot",r==null?void 0:r.dot),$visible:e,$variant:d})}),n&&a.jsx(sa,{className:Le("label",r==null?void 0:r.label),$variant:d,children:n})]}),qt={normal:{border:{static:t.alpha(t.COLORS.black,20),hover:t.alpha(t.COLORS.black,40),active:t.alpha(t.COLORS.black,40),disabled:t.alpha(t.COLORS.black,10)},borderChecked:t.COLORS.black,background:{static:t.COLORS.white,hover:t.COLORS.white,active:t.COLORS.white,disabled:t.alpha(t.COLORS.black,5)},backgroundChecked:t.alpha(t.COLORS.black,5),focusRing:t.alpha(t.COLORS.black,20),label:{static:t.COLORS.black,hover:t.COLORS.black,active:t.COLORS.black,disabled:t.alpha(t.COLORS.black,40)},description:{static:t.alpha(t.COLORS.black,60),hover:t.alpha(t.COLORS.black,60),active:t.alpha(t.COLORS.black,60),disabled:t.alpha(t.COLORS.black,30)}},error:{border:{static:t.COLORS.red,hover:t.COLORS.red,active:t.COLORS.red,disabled:t.alpha(t.COLORS.red,30)},borderChecked:t.COLORS.red,background:{static:t.COLORS.white,hover:t.COLORS.white,active:t.COLORS.white,disabled:t.alpha(t.COLORS.red,5)},backgroundChecked:t.alpha(t.COLORS.red,5),focusRing:t.alpha(t.COLORS.red,20),label:{static:t.COLORS.red,hover:t.COLORS.red,active:t.COLORS.red,disabled:t.alpha(t.COLORS.red,40)},description:{static:t.alpha(t.COLORS.red,70),hover:t.alpha(t.COLORS.red,70),active:t.alpha(t.COLORS.red,70),disabled:t.alpha(t.COLORS.red,40)}}},se=e=>qt[e]??qt.normal,pa=s.label`
+  display: grid;
+  grid-template-columns: auto 1fr;
+  align-items: start;
+  gap: 8px;
+  padding: 12px;
+  background-color: ${e=>{const o=se(e.$variant);return e.$disabled?o.background.disabled:e.$checked?o.backgroundChecked:o.background.static}};
+  border: 1px solid
+    ${e=>{const o=se(e.$variant);return e.$disabled?o.border.disabled:e.$checked?o.borderChecked:o.border.static}};
+  border-radius: 12px;
+  cursor: ${e=>e.$disabled?"not-allowed":"pointer"};
+  transition:
+    border-color 0.15s ease,
+    background-color 0.15s ease;
+  width: ${e=>e.$fullWidth?"100%":"fit-content"};
+  min-width: 0;
+
+  &:hover:not([data-disabled='true']) {
+    border-color: ${e=>{const o=se(e.$variant);return e.$checked?o.borderChecked:o.border.hover}};
+  }
+
+  &:has(:focus-visible) {
+    outline: none;
+    box-shadow: 0 0 0 3px ${e=>se(e.$variant).focusRing};
+  }
+
+  .vacano_radio_container {
+    pointer-events: none;
+  }
+`,ua=s.input`
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+`,ha=s.div`
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+`,ba=s.span`
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 1.4;
+  color: ${e=>se(e.$variant).label.static};
+
   label[data-disabled='true'] & {
-    color: ${({theme:e})=>e.radioCard.label.disabled.color};
+    color: ${e=>se(e.$variant).label.disabled};
   }
-`,ta=O.span`
+`,ga=s.span`
   font-size: 12px;
   font-weight: 400;
   line-height: 1.4;
-  color: ${({theme:e,$state:t})=>Yc(e,t)};
+  color: ${e=>se(e.$variant).description.static};
 
   label[data-disabled='true'] & {
-    color: ${({theme:e})=>e.radioCard.description.disabled.color};
+    color: ${e=>se(e.$variant).description.disabled};
   }
-`,kt=w.classNameGetter("radioCard"),ra=({checked:e,className:t,classnames:r,description:o,disabled:n,fullWidth:s,label:l,onChange:c,ref:d,state:a,...u})=>w.jsxs(Zc,{className:kt("container",t,r==null?void 0:r.container),$checked:e,$disabled:n,$fullWidth:s,$state:a,"data-disabled":n,children:[w.jsx(Qc,{...u,ref:d,type:"radio",checked:e,disabled:n,onChange:c}),w.jsx(Rr,{className:r==null?void 0:r.radio,checked:e,disabled:n,state:a,onChange:()=>{},tabIndex:-1,"aria-hidden":!0}),w.jsxs(Jc,{className:kt("content",r==null?void 0:r.content),children:[w.jsx(ea,{className:kt("label",r==null?void 0:r.label),$state:a,children:l}),o&&w.jsx(ta,{className:kt("description",r==null?void 0:r.description),$state:a,children:o})]})]}),oa=O.div`
+`,Ge=A.newClassNameGetter("radio-card"),fa=({checked:e,className:o,classnames:r,description:i,disabled:n,fullWidth:l=!1,label:c,onChange:d,ref:p,variant:h="normal",...u})=>a.jsxs(pa,{className:Ge("container",o),$checked:e,$disabled:!!n,$fullWidth:l,$variant:h,"data-disabled":n,children:[a.jsx(ua,{...u,ref:p,type:"radio",checked:e,disabled:n,onChange:d}),a.jsx(St,{className:r==null?void 0:r.radio,checked:e,disabled:n,variant:h,onChange:()=>{},tabIndex:-1,"aria-hidden":!0}),a.jsxs(ha,{className:Ge("content",r==null?void 0:r.content),children:[a.jsx(ba,{className:Ge("label",r==null?void 0:r.label),$variant:h,children:c}),i&&a.jsx(ga,{className:Ge("description",r==null?void 0:r.description),$variant:h,children:i})]})]}),Kt={label:{color:t.COLORS.black,disabledColor:t.alpha(t.COLORS.black,40)}},xa=s.div`
   display: flex;
   flex-direction: column;
   gap: 8px;
-  border: none;
-  margin: 0;
-  padding: 0;
-`,na=O.span`
+`,Oa=s.span`
   font-size: 13px;
   font-weight: 500;
   line-height: 1.5;
-  color: ${({theme:e})=>e.radioGroup.label.color};
+  color: ${e=>e.$disabled?Kt.label.disabledColor:Kt.label.color};
   margin-bottom: 4px;
-  padding: 0;
-`,ia=O.div`
+`,$a=s.div`
   display: flex;
   flex-direction: column;
   gap: 12px;
-`,lr=w.classNameGetter("radioGroup"),la=({className:e,classnames:t,disabled:r,label:o,name:n,onChange:s,options:l,value:c,...d})=>w.jsxs(oa,{...d,className:lr("container",e,t==null?void 0:t.container),children:[o&&w.jsx(na,{className:lr("label",t==null?void 0:t.label),children:o}),w.jsx(ia,{className:lr("options",t==null?void 0:t.options),children:l.map(a=>w.jsx(Rr,{className:t==null?void 0:t.radio,name:n,checked:c===a.value,label:a.label,disabled:r,onChange:()=>s(a.value)},a.value))})]}),i={black:"#000000",white:"#ffffff",onyx:"#111111",carbonBlack:"#232323",graphite:"#343434",slate:"#484848",ash:"#6b6b6b",silver:"#8c8c8c",mist:"#b0b0b0",cloud:"#d4d4d4",snow:"#ebebeb",icyBlue:"#bde0fe",blue:"#0050c8",green:"#009650",amber:"#b48200",red:"#c83232",grey:"#646464",blueBg:"#0064ff1a",greenBg:"#00c8641a",amberBg:"#ffb4001a",redBg:"#ff50501a",greyBg:"#0000000d",hoverLight:"#00000008",activeLight:"#00000012",hoverDark:"#ffffff12",activeDark:"#ffffff20",redLight:"#c8323214",redMedium:"#c8323228",focusRingDark:"#00000080",focusRingDarkSubtle:"#00000040",focusRingLight:"#ffffff80",focusRingLightSubtle:"#ffffff40",focusRingDanger:"#c8323280",focusRingWarning:"#b4820040",focusRingError:"#c8323240",inputBgLight:"#00000008",inputBgDark:"#ffffff0d",inputBgWarning:"#ffb4001a",inputBgError:"#ff50501a"},Lt={xl:"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)"},Nt={chip:{color:{default:i.grey,neutral:i.blue,success:i.green,warning:i.amber,error:i.red},backgroundColor:{default:i.greyBg,neutral:i.blueBg,success:i.greenBg,warning:i.amberBg,error:i.redBg}},button:{primary:{color:i.white,backgroundColor:i.onyx,borderColor:i.onyx,hover:{backgroundColor:i.carbonBlack,borderColor:i.carbonBlack},active:{backgroundColor:i.graphite,borderColor:i.graphite},focus:{outlineColor:i.focusRingDark},disabled:{color:i.silver,backgroundColor:i.snow,borderColor:i.snow},char:{color:i.snow,backgroundColor:i.slate},icon:{color:i.white}},secondary:{color:i.onyx,backgroundColor:i.snow,borderColor:i.cloud,hover:{backgroundColor:i.cloud,borderColor:i.mist},active:{backgroundColor:i.cloud,borderColor:i.silver},focus:{outlineColor:i.focusRingDarkSubtle},disabled:{color:i.silver,backgroundColor:i.snow,borderColor:i.snow},char:{color:i.slate,backgroundColor:i.mist},icon:{color:i.slate}},ghost:{color:i.onyx,backgroundColor:"transparent",borderColor:"transparent",hover:{backgroundColor:i.hoverLight,borderColor:"transparent"},active:{backgroundColor:i.activeLight,borderColor:"transparent"},focus:{outlineColor:i.focusRingDarkSubtle},disabled:{color:i.silver,backgroundColor:"transparent",borderColor:"transparent"},char:{color:i.ash,backgroundColor:i.snow},icon:{color:i.slate}},danger:{color:i.red,backgroundColor:"transparent",borderColor:i.redLight,hover:{backgroundColor:i.redLight,borderColor:i.redLight},active:{backgroundColor:i.redMedium,borderColor:i.redMedium},focus:{outlineColor:i.focusRingDanger},disabled:{color:i.mist,backgroundColor:i.snow,borderColor:i.snow},char:{color:i.red,backgroundColor:i.redLight},icon:{color:i.red}}},checkbox:{box:{backgroundColor:"transparent",borderColor:i.mist,checked:{backgroundColor:i.onyx,borderColor:i.onyx},focus:{shadowColor:i.focusRingDarkSubtle}},icon:{color:i.white},label:{color:i.onyx},state:{warning:{box:{borderColor:i.amber,checked:{backgroundColor:i.amber,borderColor:i.amber},focus:{shadowColor:i.focusRingWarning}},label:{color:i.amber}},error:{box:{borderColor:i.red,checked:{backgroundColor:i.red,borderColor:i.red},focus:{shadowColor:i.focusRingError}},label:{color:i.red}}}},checkboxCard:{container:{backgroundColor:i.white,borderColor:i.mist,hover:{borderColor:i.silver},checked:{backgroundColor:i.white,borderColor:i.onyx},focus:{outlineColor:i.focusRingDarkSubtle},disabled:{backgroundColor:i.snow,borderColor:i.cloud}},label:{color:i.onyx,disabled:{color:i.silver}},description:{color:i.slate,disabled:{color:i.silver}},state:{warning:{container:{borderColor:i.amber,checked:{borderColor:i.amber}},label:{color:i.amber},description:{color:i.amber}},error:{container:{borderColor:i.red,checked:{borderColor:i.red}},label:{color:i.red},description:{color:i.red}}}},checkboxGroup:{label:{color:i.onyx}},input:{wrapper:{backgroundColor:i.inputBgLight,borderColor:i.mist,focus:{outlineColor:i.focusRingDarkSubtle},disabled:{backgroundColor:i.snow,borderColor:i.cloud}},label:{color:i.slate},input:{color:i.onyx,placeholderColor:i.silver,disabled:{color:i.silver}},icon:{color:i.slate,disabled:{color:i.silver}},toggle:{color:i.slate},state:{warning:{wrapper:{backgroundColor:i.inputBgWarning,borderColor:i.amber,focus:{outlineColor:i.focusRingWarning}},label:{color:i.amber},input:{color:i.onyx,placeholderColor:i.amber},icon:{color:i.amber}},error:{wrapper:{backgroundColor:i.inputBgError,borderColor:i.red,focus:{outlineColor:i.focusRingError}},label:{color:i.red},input:{color:i.onyx,placeholderColor:i.red},icon:{color:i.red}}}},radio:{circle:{borderColor:i.mist,checked:{borderColor:i.onyx},focus:{shadowColor:i.focusRingDarkSubtle}},dot:{color:i.onyx},label:{color:i.onyx},state:{warning:{circle:{borderColor:i.amber,checked:{borderColor:i.amber},focus:{shadowColor:i.focusRingWarning}},dot:{color:i.amber},label:{color:i.amber}},error:{circle:{borderColor:i.red,checked:{borderColor:i.red},focus:{shadowColor:i.focusRingError}},dot:{color:i.red},label:{color:i.red}}}},radioCard:{container:{backgroundColor:i.white,borderColor:i.mist,hover:{borderColor:i.silver},checked:{backgroundColor:i.white,borderColor:i.onyx},focus:{outlineColor:i.focusRingDarkSubtle},disabled:{backgroundColor:i.snow,borderColor:i.cloud}},label:{color:i.onyx,disabled:{color:i.silver}},description:{color:i.slate,disabled:{color:i.silver}},state:{warning:{container:{borderColor:i.amber,checked:{borderColor:i.amber}},label:{color:i.amber},description:{color:i.amber}},error:{container:{borderColor:i.red,checked:{borderColor:i.red}},label:{color:i.red},description:{color:i.red}}}},radioGroup:{label:{color:i.onyx}},dropdown:{content:{backgroundColor:i.white,borderColor:i.cloud,shadow:Lt.xl}},select:{trigger:{backgroundColor:i.inputBgLight,borderColor:i.mist,focus:{outlineColor:i.focusRingDarkSubtle},disabled:{backgroundColor:i.snow,borderColor:i.cloud}},label:{color:i.slate},value:{color:i.onyx,placeholderColor:i.silver,disabled:{color:i.silver}},icon:{color:i.slate,disabled:{color:i.silver}},chevron:{color:i.slate,disabled:{color:i.silver}},content:{backgroundColor:i.white,borderColor:i.cloud,shadow:Lt.xl},option:{color:i.onyx,backgroundColor:"transparent",hover:{backgroundColor:i.hoverLight},selected:{backgroundColor:i.blueBg,color:i.blue}},search:{backgroundColor:i.snow,borderColor:i.cloud,color:i.onyx,placeholderColor:i.silver},empty:{color:i.silver},state:{warning:{trigger:{backgroundColor:i.inputBgWarning,borderColor:i.amber,focus:{outlineColor:i.focusRingWarning}},label:{color:i.amber},value:{color:i.onyx,placeholderColor:i.amber},icon:{color:i.amber},chevron:{color:i.amber}},error:{trigger:{backgroundColor:i.inputBgError,borderColor:i.red,focus:{outlineColor:i.focusRingError}},label:{color:i.red},value:{color:i.onyx,placeholderColor:i.red},icon:{color:i.red},chevron:{color:i.red}}}}},dn={chip:{color:{default:i.icyBlue,neutral:i.icyBlue,success:i.green,warning:i.amber,error:i.red},backgroundColor:{default:i.graphite,neutral:i.graphite,success:i.greenBg,warning:i.amberBg,error:i.redBg}},button:{primary:{color:i.black,backgroundColor:i.white,borderColor:i.white,hover:{backgroundColor:i.cloud,borderColor:i.cloud},active:{backgroundColor:i.mist,borderColor:i.mist},focus:{outlineColor:i.focusRingLight},disabled:{color:i.ash,backgroundColor:i.graphite,borderColor:i.graphite},char:{color:i.slate,backgroundColor:i.cloud},icon:{color:i.black}},secondary:{color:i.white,backgroundColor:i.graphite,borderColor:i.slate,hover:{backgroundColor:i.slate,borderColor:i.ash},active:{backgroundColor:i.ash,borderColor:i.silver},focus:{outlineColor:i.focusRingLightSubtle},disabled:{color:i.ash,backgroundColor:i.carbonBlack,borderColor:i.carbonBlack},char:{color:i.mist,backgroundColor:i.slate},icon:{color:i.cloud}},ghost:{color:i.white,backgroundColor:"transparent",borderColor:"transparent",hover:{backgroundColor:i.hoverDark,borderColor:"transparent"},active:{backgroundColor:i.activeDark,borderColor:"transparent"},focus:{outlineColor:i.focusRingLightSubtle},disabled:{color:i.ash,backgroundColor:"transparent",borderColor:"transparent"},char:{color:i.mist,backgroundColor:i.graphite},icon:{color:i.cloud}},danger:{color:i.red,backgroundColor:"transparent",borderColor:i.redLight,hover:{backgroundColor:i.redLight,borderColor:i.redLight},active:{backgroundColor:i.redMedium,borderColor:i.redMedium},focus:{outlineColor:i.focusRingDanger},disabled:{color:i.ash,backgroundColor:i.carbonBlack,borderColor:i.carbonBlack},char:{color:i.red,backgroundColor:i.redLight},icon:{color:i.red}}},checkbox:{box:{backgroundColor:"transparent",borderColor:i.ash,checked:{backgroundColor:i.white,borderColor:i.white},focus:{shadowColor:i.focusRingLightSubtle}},icon:{color:i.black},label:{color:i.white},state:{warning:{box:{borderColor:i.amber,checked:{backgroundColor:i.amber,borderColor:i.amber},focus:{shadowColor:i.focusRingWarning}},label:{color:i.amber}},error:{box:{borderColor:i.red,checked:{backgroundColor:i.red,borderColor:i.red},focus:{shadowColor:i.focusRingError}},label:{color:i.red}}}},checkboxCard:{container:{backgroundColor:i.graphite,borderColor:i.slate,hover:{borderColor:i.ash},checked:{backgroundColor:i.graphite,borderColor:i.white},focus:{outlineColor:i.focusRingLightSubtle},disabled:{backgroundColor:i.carbonBlack,borderColor:i.slate}},label:{color:i.white,disabled:{color:i.ash}},description:{color:i.cloud,disabled:{color:i.ash}},state:{warning:{container:{borderColor:i.amber,checked:{borderColor:i.amber}},label:{color:i.amber},description:{color:i.amber}},error:{container:{borderColor:i.red,checked:{borderColor:i.red}},label:{color:i.red},description:{color:i.red}}}},checkboxGroup:{label:{color:i.white}},input:{wrapper:{backgroundColor:i.inputBgDark,borderColor:i.slate,focus:{outlineColor:i.focusRingLightSubtle},disabled:{backgroundColor:i.graphite,borderColor:i.slate}},label:{color:i.cloud},input:{color:i.white,placeholderColor:i.ash,disabled:{color:i.ash}},icon:{color:i.cloud,disabled:{color:i.ash}},toggle:{color:i.cloud},state:{warning:{wrapper:{backgroundColor:i.inputBgWarning,borderColor:i.amber,focus:{outlineColor:i.focusRingWarning}},label:{color:i.amber},input:{color:i.white,placeholderColor:i.amber},icon:{color:i.amber}},error:{wrapper:{backgroundColor:i.inputBgError,borderColor:i.red,focus:{outlineColor:i.focusRingError}},label:{color:i.red},input:{color:i.white,placeholderColor:i.red},icon:{color:i.red}}}},radio:{circle:{borderColor:i.ash,checked:{borderColor:i.white},focus:{shadowColor:i.focusRingLightSubtle}},dot:{color:i.white},label:{color:i.white},state:{warning:{circle:{borderColor:i.amber,checked:{borderColor:i.amber},focus:{shadowColor:i.focusRingWarning}},dot:{color:i.amber},label:{color:i.amber}},error:{circle:{borderColor:i.red,checked:{borderColor:i.red},focus:{shadowColor:i.focusRingError}},dot:{color:i.red},label:{color:i.red}}}},radioCard:{container:{backgroundColor:i.graphite,borderColor:i.slate,hover:{borderColor:i.ash},checked:{backgroundColor:i.graphite,borderColor:i.white},focus:{outlineColor:i.focusRingLightSubtle},disabled:{backgroundColor:i.carbonBlack,borderColor:i.slate}},label:{color:i.white,disabled:{color:i.ash}},description:{color:i.cloud,disabled:{color:i.ash}},state:{warning:{container:{borderColor:i.amber,checked:{borderColor:i.amber}},label:{color:i.amber},description:{color:i.amber}},error:{container:{borderColor:i.red,checked:{borderColor:i.red}},label:{color:i.red},description:{color:i.red}}}},radioGroup:{label:{color:i.white}},dropdown:{content:{backgroundColor:i.graphite,borderColor:i.slate,shadow:Lt.xl}},select:{trigger:{backgroundColor:i.inputBgDark,borderColor:i.slate,focus:{outlineColor:i.focusRingLightSubtle},disabled:{backgroundColor:i.graphite,borderColor:i.slate}},label:{color:i.cloud},value:{color:i.white,placeholderColor:i.ash,disabled:{color:i.ash}},icon:{color:i.cloud,disabled:{color:i.ash}},chevron:{color:i.cloud,disabled:{color:i.ash}},content:{backgroundColor:i.graphite,borderColor:i.slate,shadow:Lt.xl},option:{color:i.white,backgroundColor:"transparent",hover:{backgroundColor:i.hoverDark},selected:{backgroundColor:i.blueBg,color:i.blue}},search:{backgroundColor:i.carbonBlack,borderColor:i.slate,color:i.white,placeholderColor:i.ash},empty:{color:i.ash},state:{warning:{trigger:{backgroundColor:i.inputBgWarning,borderColor:i.amber,focus:{outlineColor:i.focusRingWarning}},label:{color:i.amber},value:{color:i.white,placeholderColor:i.amber},icon:{color:i.amber},chevron:{color:i.amber}},error:{trigger:{backgroundColor:i.inputBgError,borderColor:i.red,focus:{outlineColor:i.focusRingError}},label:{color:i.red},value:{color:i.white,placeholderColor:i.red},icon:{color:i.red},chevron:{color:i.red}}}}},fn=X.createContext({mode:"light",theme:Nt,setMode:()=>{}}),sa=()=>{const e=X.useContext(fn);if(!e)throw new Error("useTheme must be used within a ThemeProvider");return e},ca=He.css`
-  *,
-  *::before,
-  *::after {
-    box-sizing: border-box;
+`,dt=A.newClassNameGetter("radio-group"),Sa=({className:e,classnames:o,disabled:r,label:i,name:n,onChange:l,options:c,ref:d,value:p,...h})=>a.jsxs(xa,{...h,ref:d,className:dt("container",e),children:[i&&a.jsx(Oa,{className:dt("label",o==null?void 0:o.label),$disabled:r,children:i}),a.jsx($a,{className:dt("options",o==null?void 0:o.options),children:c.map(u=>a.jsx(St,{className:o==null?void 0:o.radio,name:n,checked:p===u.value,label:u.label,disabled:r,onChange:()=>l(u.value)},u.value))})]}),ct=40,ze=4,Zt={compact:{height:"32px",padding:"0 10px",radius:"14px"},default:{height:"40px",padding:"0 14px",radius:"16px"}},Jt={normal:{background:{static:t.alpha(t.COLORS.black,2),disabled:t.alpha(t.COLORS.black,10)},border:{static:t.alpha(t.COLORS.black,60),disabled:t.alpha(t.COLORS.black,10)},color:{static:t.COLORS.black,disabled:t.alpha(t.COLORS.black,65)},placeholder:t.alpha(t.COLORS.black,40),focus:t.alpha(t.COLORS["iron-grey"],30)},error:{background:{static:t.alpha(t.COLORS.red,2),disabled:t.alpha(t.COLORS.red,10)},border:{static:t.alpha(t.COLORS.red,60),disabled:t.alpha(t.COLORS.red,10)},color:{static:t.COLORS.red,disabled:t.alpha(t.COLORS.red,65)},placeholder:t.alpha(t.COLORS.red,40),focus:t.alpha(t.COLORS.red,30)}},st=e=>Zt[e]??Zt.default,le=e=>Jt[e]??Jt.normal,ya=s.div`
+  position: relative;
+  display: grid;
+  gap: 2px;
+  min-width: 180px;
+  width: ${e=>e.$fullWidth?"100%":"fit-content"};
+`,va=s(Se)`
+  margin-left: 6px;
+`,ma=s.button`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  width: 100%;
+  outline: none;
+  font-size: 14px;
+  font-weight: 500;
+  text-align: left;
+  cursor: ${e=>e.$disabled?"not-allowed":"pointer"};
+  height: ${e=>st(e.$size).height};
+  padding: ${e=>st(e.$size).padding};
+  border-radius: ${e=>st(e.$size).radius};
+
+  color: ${e=>e.$hasValue?e.$disabled?le(e.$variant).color.disabled:le(e.$variant).color.static:le(e.$variant).placeholder};
+  border: 1px solid
+    ${e=>e.$disabled?le(e.$variant).border.disabled:le(e.$variant).border.static};
+  background-color: ${e=>e.$disabled?le(e.$variant).background.disabled:le(e.$variant).background.static};
+
+  &:focus-visible {
+    outline: 2px solid ${e=>le(e.$variant).focus};
   }
+`,Ca=s.span`
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,wa=s.span`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  transition: transform 0.2s ease;
+  transform: rotate(${e=>e.$open?"180deg":"0deg"});
+`,So=`
+  padding: 4px;
+  background: ${t.COLORS.white};
+  border: 1px solid ${t.alpha(t.COLORS.black,10)};
+  border-radius: 16px;
+  box-shadow: 0 4px 20px ${t.alpha(t.COLORS.black,15)};
+  z-index: 1000;
+`,Ra=s.div`
+  position: absolute;
+  left: -4px;
+  width: calc(100% + 8px);
+  ${So}
+`,ka=s.div`
+  position: fixed;
+  ${So}
+`,La=s.button`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  width: 100%;
+  height: 40px;
+  padding: 0 14px;
+  border: none;
+  background: ${e=>e.$selected?t.alpha(t.COLORS.black,6):"transparent"};
+  border-radius: 12px;
+  font-size: 14px;
+  font-weight: 500;
+  text-align: left;
+  cursor: ${e=>e.$disabled?"not-allowed":"pointer"};
+  color: ${e=>e.$disabled?t.alpha(t.COLORS.black,40):t.COLORS.black};
+  transition: background-color 0.15s ease;
 
-  * {
-    margin: 0;
-    padding: 0;
+  &:hover:not(:disabled) {
+    background: ${t.alpha(t.COLORS.black,8)};
   }
 
-  html {
-    font-size: 16px;
-    -webkit-text-size-adjust: 100%;
-    text-size-adjust: 100%;
+  &:focus-visible {
+    outline: none;
+    background: ${t.alpha(t.COLORS.black,8)};
   }
+`,za=s.span`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  color: ${t.COLORS.black};
+`,$e=A.newClassNameGetter("select"),Pa=({className:e,classnames:o,disabled:r=!1,fullWidth:i=!1,label:n,onChange:l,options:c,placeholder:d="Select...",portalRenderNode:p,ref:h,size:u="default",value:f,variant:x="normal",...k})=>{const[S,$]=g.useState(!1),[y,O]=g.useState({top:0,left:0,width:0}),L=g.useRef(null),b=g.useRef(null),z=g.useRef(null),j=c.find(v=>v.value===f),N=Math.max(0,c.findIndex(v=>v.value===f)),X=-(N*ct+ze),P=()=>{if(!b.current||!p)return;const v=b.current.getBoundingClientRect(),E=N*ct+ze;let w=v.top-E;const D=c.length*ct+ze*2,Y=8,M=window.innerHeight-D-8;w<Y&&(w=Y),w>M&&(w=M),O({top:w,left:v.left-ze,width:v.width+ze*2})},B=v=>{var E;l==null||l(v),$(!1),(E=b.current)==null||E.focus()},T=v=>{r||(v.key==="Enter"||v.key===" "?(v.preventDefault(),$(E=>!E)):v.key==="Escape"&&S?(v.preventDefault(),$(!1)):v.key==="ArrowDown"&&!S&&(v.preventDefault(),$(!0)))};g.useLayoutEffect(()=>{S&&p&&P()},[S,p,N,c.length]),g.useEffect(()=>{if(!S)return;const v=D=>{const Y=D.target,M=L.current&&!L.current.contains(Y),H=z.current&&!z.current.contains(Y);p?M&&H&&$(!1):M&&$(!1)},E=()=>{p&&P()},w=()=>{p&&P()};return document.addEventListener("mousedown",v),p&&(window.addEventListener("scroll",E,!0),window.addEventListener("resize",w)),()=>{document.removeEventListener("mousedown",v),window.removeEventListener("scroll",E,!0),window.removeEventListener("resize",w)}},[S,p]);const C=()=>c.map(v=>a.jsxs(La,{type:"button",role:"option",$selected:v.value===f,$disabled:v.disabled??!1,disabled:v.disabled,"aria-selected":v.value===f,onClick:()=>B(v.value),className:$e("option",o==null?void 0:o.option),children:[a.jsx("span",{children:v.label}),v.value===f&&a.jsx(za,{children:a.jsx(a.Check,{size:16})})]},v.value)),_=p?be.createPortal(a.jsx(ka,{ref:z,role:"listbox",style:{top:y.top,left:y.left,width:y.width},className:$e("dropdown",o==null?void 0:o.dropdown),children:C()}),p):a.jsx(Ra,{ref:z,role:"listbox",style:{top:X},className:$e("dropdown",o==null?void 0:o.dropdown),children:C()});return a.jsxs(ya,{...k,ref:v=>{L.current=v,typeof h=="function"?h(v):h&&(h.current=v)},$fullWidth:i,className:$e("container",e),children:[n&&a.jsx(va,{className:$e("label",o==null?void 0:o.label),children:n}),a.jsxs(ma,{ref:b,type:"button",$size:u,$variant:x,$disabled:r,$hasValue:!!j,disabled:r,onClick:()=>!r&&$(v=>!v),onKeyDown:T,"aria-haspopup":"listbox","aria-expanded":S,className:$e("trigger",o==null?void 0:o.trigger),children:[a.jsx(Ca,{children:(j==null?void 0:j.label)??d}),a.jsx(wa,{$open:S,children:a.jsx(a.ChevronDown,{size:16})})]}),S&&_]})},Qt={xs:{size:"16px",borderWidth:"2px"},sm:{size:"20px",borderWidth:"2px"},md:{size:"32px",borderWidth:"3px"},lg:{size:"48px",borderWidth:"4px"}},eo={track:t.alpha(t.COLORS.black,15),indicator:t.COLORS.black},pt=e=>Qt[e]??Qt.md,ja=ie.keyframes`
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+`,Ea=s.div`
+  display: inline-block;
+  width: ${e=>pt(e.$size).size};
+  height: ${e=>pt(e.$size).size};
+  border: ${e=>pt(e.$size).borderWidth} solid ${eo.track};
+  border-top-color: ${eo.indicator};
+  border-radius: 50%;
+  animation: ${ja} 0.8s linear infinite;
+`,Ta=A.newClassNameGetter("spinner"),Na=({"aria-label":e="Loading",className:o,ref:r,size:i="md",...n})=>a.jsx(Ea,{...n,ref:r,className:Ta("container",o),role:"status","aria-label":e,$size:i}),to={positive:t.COLORS.green,negative:t.COLORS.red,neutral:t.COLORS["iron-grey"]},Ia=e=>to[e]??to.neutral,Aa=s.div`
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 20px;
+  background-color: ${t.COLORS.white};
+  border-radius: 16px;
+  border: ${({$border:e})=>e?"1px solid #e5e7eb":"none"};
+  box-shadow: ${({$shadow:e})=>e?"0 4px 6px -1px rgba(0, 0, 0, 0.1)":"none"};
+`,Da=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+`,Ma=s.p`
+  margin: 0;
+  font-size: 13px;
+  color: ${t.COLORS["iron-grey"]};
+`,_a=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border-radius: 8px;
+  background-color: #f5f5f5;
+  color: ${t.COLORS["iron-grey"]};
 
-  body {
-    min-height: 100vh;
-    font-family: 'Inter', sans-serif;
-    font-size: 1rem;
-    font-weight: 400;
-    line-height: 1.5;
-    letter-spacing: -0.011em;
-    font-feature-settings:
-      'kern' 1,
-      'liga' 1,
-      'calt' 1;
-    font-kerning: normal;
-    text-rendering: optimizeLegibility;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    font-optical-sizing: auto;
-    font-variant-numeric: tabular-nums;
+  & svg {
+    width: 18px;
+    height: 18px;
   }
+`,Fa=s.h3`
+  margin: 0;
+  font-size: 28px;
+  font-weight: 600;
+  line-height: 1.2;
+  color: ${t.COLORS.black};
+`,Ba=s.p`
+  margin: 0;
+  font-size: 12px;
+  color: ${({$variant:e})=>Ia(e)};
+`,We=A.newClassNameGetter("status-card"),Ya=({border:e=!1,className:o,classnames:r,icon:i,label:n,ref:l,shadow:c=!1,trend:d,trendVariant:p="neutral",value:h,...u})=>a.jsxs(Aa,{...u,ref:l,className:We("container",o),$border:e,$shadow:c,children:[a.jsxs(Da,{children:[a.jsx(Ma,{className:We("label",r==null?void 0:r.label),children:n}),i&&a.jsx(_a,{children:i})]}),a.jsx(Fa,{className:We("value",r==null?void 0:r.value),children:h}),d&&a.jsx(Ba,{className:We("trend",r==null?void 0:r.trend),$variant:p,children:d})]}),Ha=s.div`
+  display: flex;
+  align-items: ${e=>e.$orientation==="vertical"?"flex-start":"center"};
+  flex-direction: ${e=>e.$orientation==="vertical"?"column":"row"};
+`,Ga=s.div`
+  display: flex;
+  align-items: ${e=>e.$orientation==="vertical"?"flex-start":"center"};
+  flex-direction: ${e=>e.$orientation==="vertical"?"column":"row"};
+  ${e=>e.$orientation==="horizontal"&&"flex: 1; min-width: 0;"}
 
-  img,
-  picture,
-  video,
-  canvas,
-  svg {
-    display: block;
-    max-width: 100%;
+  &:last-child {
+    flex: 0;
   }
+`,Wa=s.button`
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 0;
+  border: none;
+  background: transparent;
+  cursor: ${e=>e.$clickable?"pointer":"default"};
+  flex-shrink: 0;
 
-  input,
-  button,
-  textarea,
-  select {
-    font: inherit;
+  &:focus-visible {
+    outline: none;
+
+    & > div:first-of-type {
+      outline: 2px solid ${t.COLORS["steel-blue"]};
+      outline-offset: 2px;
+    }
   }
+`,Va=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  font-size: 14px;
+  font-weight: 600;
+  flex-shrink: 0;
+  transition:
+    background-color 0.2s ease,
+    border-color 0.2s ease,
+    color 0.2s ease;
 
-  p,
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    overflow-wrap: break-word;
+  ${e=>e.$active||e.$completed?`
+    background-color: ${t.COLORS.black};
+    border: 2px solid ${t.COLORS.black};
+    color: ${t.COLORS.white};
+  `:`
+    background-color: transparent;
+    border: 2px solid ${t.COLORS.gray};
+    color: ${t.COLORS["iron-grey"]};
+  `}
+`,Ua=s.span`
+  font-size: 14px;
+  font-weight: 500;
+  white-space: nowrap;
+  color: ${e=>e.$active||e.$completed?t.COLORS.black:t.COLORS["iron-grey"]};
+  transition: color 0.2s ease;
+`,Xa=s.div`
+  background-color: ${e=>e.$completed?t.COLORS.black:t.COLORS.gray};
+  transition: background-color 0.2s ease;
+
+  ${e=>e.$orientation==="vertical"?`
+    width: 2px;
+    height: 24px;
+    margin: 8px 0 8px 15px;
+  `:`
+    flex: 1;
+    height: 2px;
+    min-width: 16px;
+    margin: 0 12px;
+  `}
+`,Pe=A.newClassNameGetter("stepper"),qa=({className:e,classnames:o,onChange:r,orientation:i="horizontal",ref:n,steps:l,value:c,...d})=>{const p=g.useMemo(()=>l.findIndex(h=>h.value===c),[l,c]);return a.jsx(Ha,{...d,ref:n,$orientation:i,className:Pe("container",e),children:l.map((h,u)=>{const f=h.value===c,x=u<p,k=u===l.length-1;return a.jsxs(Ga,{$orientation:i,children:[a.jsxs(Wa,{type:"button",$active:f,$completed:x,$clickable:!!r,onClick:()=>r==null?void 0:r(h.value),className:Pe("step",o==null?void 0:o.step),children:[a.jsx(Va,{$active:f,$completed:x,className:Pe("circle",o==null?void 0:o.circle),children:u+1}),a.jsx(Ua,{$active:f,$completed:x,className:Pe("label",o==null?void 0:o.label),children:h.label})]}),!k&&a.jsx(Xa,{$completed:x,$orientation:i,className:Pe("line",o==null?void 0:o.line)})]},h.value)})})},$t={normal:{border:t.COLORS["iron-grey"],label:t.COLORS.black},error:{border:t.COLORS.red,label:t.COLORS.red}},Ka=s.div`
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+`,Za=s(Se)`
+  margin-left: 6px;
+  color: ${e=>$t[e.$variant].label};
+`,Ja=s.div`
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 6px;
+  min-height: 44px;
+  padding: 8px 12px;
+  border: 1px dashed ${e=>$t[e.$variant].border};
+  border-radius: 8px;
+  background: ${t.COLORS.white};
+  cursor: ${e=>e.$disabled?"not-allowed":"text"};
+  opacity: ${e=>e.$disabled?.5:1};
+  transition: border-color 0.15s ease;
+
+  &:hover {
+    border-color: ${e=>e.$disabled?$t[e.$variant].border:e.$variant==="error"?t.COLORS.red:t.COLORS.black};
   }
 
-  a {
-    color: inherit;
-    text-decoration: none;
+  ${e=>e.$focused&&`
+    outline: 2px solid ${e.$variant==="error"?t.COLORS.red:t.COLORS["steel-blue"]};
+    outline-offset: 2px;
+  `}
+`,Qa=s.input`
+  flex: 1;
+  min-width: 80px;
+  border: none;
+  outline: none;
+  background: transparent;
+  font-size: 14px;
+  color: ${t.COLORS.black};
+  cursor: ${e=>e.$disabled?"not-allowed":"text"};
+
+  &::placeholder {
+    color: ${t.COLORS["iron-grey"]};
   }
 
-  button {
-    background: none;
-    border: none;
-    cursor: pointer;
+  &:disabled {
+    cursor: not-allowed;
+  }
+`,yo=`
+  z-index: 100;
+  background-color: ${t.COLORS.white};
+  border: 1px solid ${t.alpha(t.COLORS.black,15)};
+  border-radius: 8px;
+  box-shadow: 0 4px 16px ${t.alpha(t.COLORS.black,12)};
+  max-height: 200px;
+  overflow-y: auto;
+`,vo=(e,o)=>e?"translateY(0)":o==="bottom"?"translateY(-8px)":"translateY(8px)",mo=`
+  opacity 0.15s ease,
+  transform 0.15s ease,
+  visibility 0.15s;
+`,el=s.div`
+  position: absolute;
+  left: 0;
+  right: 0;
+  ${e=>e.$position==="bottom"?"top: calc(100% + 4px);":"bottom: calc(100% + 4px);"}
+  ${yo}
+  opacity: ${e=>e.$open?1:0};
+  visibility: ${e=>e.$open?"visible":"hidden"};
+  transform: ${e=>vo(e.$open,e.$position)};
+  transition: ${mo};
+`,tl=s.div`
+  position: fixed;
+  ${yo}
+  opacity: ${e=>e.$open?1:0};
+  visibility: ${e=>e.$open?"visible":"hidden"};
+  transform: ${e=>vo(e.$open,e.$position)};
+  transition: ${mo};
+`,oo=s.button`
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: 10px 12px;
+  border: none;
+  background: transparent;
+  font-size: 14px;
+  color: ${t.COLORS.black};
+  text-align: left;
+  cursor: pointer;
+  transition: background-color 0.15s ease;
+
+  &:hover {
+    background-color: ${t.COLORS.gray};
   }
 
-  ul,
-  ol {
-    list-style: none;
+  &:first-of-type {
+    border-radius: 7px 7px 0 0;
   }
 
-  table {
-    border-collapse: collapse;
-    border-spacing: 0;
+  &:last-of-type {
+    border-radius: 0 0 7px 7px;
+  }
+
+  &:only-child {
+    border-radius: 7px;
   }
-`,gn=()=>w.jsx(He.Global,{styles:ca});function aa({children:e,defaultMode:t="light"}){const[r,o]=X.useState(t),n=X.useMemo(()=>{switch(r){case"light":return Nt;case"dark":return dn;default:return Nt}},[r]),s=X.useMemo(()=>({theme:n,mode:r,setMode:o}),[n,r]);return w.jsx(fn,{value:s,children:w.jsxs(He.ThemeProvider,{theme:n,children:[w.jsx(gn,{}),e]})})}exports.Button=Bn;exports.Checkbox=br;exports.CheckboxCard=zc;exports.CheckboxGroup=Hc;exports.Chip=ti;exports.Dropdown=ms;exports.GlobalStyle=gn;exports.Input=Ls;exports.Loader=yo;exports.Radio=Rr;exports.RadioCard=ra;exports.RadioGroup=la;exports.Select=Oc;exports.Spinner=ko;exports.ThemeProvider=aa;exports.themeDark=dn;exports.themeLight=Nt;exports.useTheme=sa;
+`,ro=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 16px;
+  color: ${t.COLORS["iron-grey"]};
+  font-size: 14px;
+  text-align: center;
+`,ee=A.newClassNameGetter("tags"),Ve=4,ol=({className:e,classnames:o,createKey:r="Tab",disabled:i=!1,emptyMessage:n="No options",freeSolo:l=!0,label:c,onChange:d,options:p=[],placeholder:h="Add tag...",portalRenderNode:u,ref:f,value:x,variant:k="normal",...S})=>{const $=g.useRef(null),y=g.useRef(null),O=g.useRef(null),L=g.useRef(null),[b,z]=g.useState(""),[j,N]=g.useState(!1),[X,P]=g.useState("bottom"),[B,T]=g.useState({top:0,left:0,width:0}),C=g.useMemo(()=>{const R=p.filter(U=>!x.includes(U.value));if(!b.trim())return R;const I=b.toLowerCase().trim();return R.filter(U=>U.label.toLowerCase().includes(I))},[p,x,b]),_=j&&p.length>0,v=g.useCallback(()=>{var Ne;if(!y.current)return;const R=y.current.getBoundingClientRect(),I=((Ne=O.current)==null?void 0:Ne.offsetHeight)??200,U=window.innerHeight-R.bottom-Ve,q=R.top-Ve,ge=U<I&&q>U?"top":"bottom";if(P(ge),u){const Je=ge==="bottom"?R.bottom+Ve:R.top-I-Ve;T({top:Je,left:R.left,width:R.width})}},[u]);g.useEffect(()=>{if(j)return v(),window.addEventListener("scroll",v,!0),window.addEventListener("resize",v),()=>{window.removeEventListener("scroll",v,!0),window.removeEventListener("resize",v)}},[j,v]);const E=g.useCallback(R=>{const I=R.trim();return!I||x.includes(I)?!1:(d([...x,I]),z(""),!0)},[x,d]),w=R=>{if(R.key===r&&b.trim())if(R.preventDefault(),l)E(b);else{const I=C.find(U=>U.label.toLowerCase()===b.toLowerCase().trim());I&&E(I.value)}else R.key==="Backspace"&&!b&&x.length>0&&d(x.slice(0,-1))},D=R=>{var I;E(R),(I=L.current)==null||I.focus()},Y=R=>{d(x.filter(I=>I!==R))},M=()=>{var R;i||(R=L.current)==null||R.focus()},H=R=>{const I=p.find(U=>U.value===R);return(I==null?void 0:I.label)??R};return a.jsxs(Ka,{...S,ref:f,className:ee("container",e),children:[c&&a.jsx(Za,{$variant:k,className:ee("label"),children:c}),a.jsxs("div",{ref:$,style:{position:"relative"},children:[a.jsxs(Ja,{ref:y,$variant:k,$disabled:i,$focused:j,onClick:M,className:ee("trigger",o==null?void 0:o.trigger),children:[x.map(R=>a.jsx(Xe,{deletable:!i,onDelete:()=>Y(R),className:ee("chip",o==null?void 0:o.chip),children:H(R)},R)),a.jsx(Qa,{ref:L,type:"text",value:b,onChange:R=>z(R.target.value),onFocus:()=>N(!0),onBlur:()=>setTimeout(()=>N(!1),150),onKeyDown:w,placeholder:x.length===0?h:"",disabled:i,$disabled:i,className:ee("input",o==null?void 0:o.input)})]}),p.length>0&&(u?be.createPortal(a.jsx(tl,{ref:O,$open:_,$position:X,style:{top:B.top,left:B.left,width:B.width},className:ee("dropdown",o==null?void 0:o.dropdown),children:C.length===0?a.jsx(ro,{className:ee("empty",o==null?void 0:o.empty),children:n}):C.map(R=>a.jsx(oo,{type:"button",onMouseDown:I=>I.preventDefault(),onClick:()=>D(R.value),className:ee("option",o==null?void 0:o.option),children:R.label},R.value))}),u):a.jsx(el,{ref:O,$open:_,$position:X,className:ee("dropdown",o==null?void 0:o.dropdown),children:C.length===0?a.jsx(ro,{className:ee("empty",o==null?void 0:o.empty),children:n}):C.map(R=>a.jsx(oo,{type:"button",onMouseDown:I=>I.preventDefault(),onClick:()=>D(R.value),className:ee("option",o==null?void 0:o.option),children:R.label},R.value))}))]})]})},rl=s.div`
+  display: flex;
+  align-items: center;
+  gap: 6px;
+`,il=s.button`
+  padding: 6px 16px;
+  border: none;
+  border-radius: 12px;
+  background-color: ${e=>e.$active?t.COLORS.gray:"transparent"};
+  color: ${t.COLORS.black};
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 1.4;
+  cursor: ${e=>e.$disabled?"not-allowed":"pointer"};
+  opacity: ${e=>e.$disabled?.5:1};
+  transition:
+    background-color 0.15s ease,
+    opacity 0.15s ease;
+
+  &:hover:not(:disabled) {
+    background-color: ${e=>e.$active?t.COLORS.gray:"rgba(0, 0, 0, 0.05)"};
+  }
+
+  &:focus-visible {
+    outline: 2px solid ${t.COLORS["steel-blue"]};
+    outline-offset: 2px;
+  }
+`,io=A.newClassNameGetter("tabs"),nl=({className:e,classnames:o,onChange:r,ref:i,tabs:n,value:l,...c})=>a.jsx(rl,{...c,ref:i,className:io("container",e),role:"tablist",children:n.map(d=>a.jsx(il,{type:"button",role:"tab","aria-selected":l===d.value,$active:l===d.value,$disabled:!!d.disabled,disabled:d.disabled,onClick:()=>r(d.value),className:io("tab",o==null?void 0:o.tab),children:d.label},d.value))}),Co=g.createContext(null),ut=3,no={default:{background:"#374151",text:t.COLORS.white,border:"#374151"},success:{background:t.COLORS.green,text:t.COLORS.white,border:t.COLORS.green},warning:{background:t.COLORS.yellow,text:t.COLORS.white,border:t.COLORS.yellow},danger:{background:t.COLORS.red,text:t.COLORS.white,border:t.COLORS.red}},al=(e,o)=>{switch(o.type){case"ADD_TOAST":{const r=o.payload;return e.toasts.length<ut?{...e,toasts:[...e.toasts,r]}:{...e,queue:[...e.queue,r]}}case"REMOVE_TOAST":{const r=o.payload,i=e.toasts.filter(l=>l.id!==r),n=e.queue[0];return n&&i.length<ut?{toasts:[...i,n],queue:e.queue.slice(1)}:{...e,toasts:i}}case"SHOW_NEXT_FROM_QUEUE":{const r=e.queue[0];return!r||e.toasts.length>=ut?e:{toasts:[...e.toasts,r],queue:e.queue.slice(1)}}default:return e}},ll={toasts:[],queue:[]},ht=e=>no[e]??no.default,dl=ie.keyframes`
+  from {
+    transform: translateY(100%);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+`,cl=ie.keyframes`
+  from {
+    transform: translateY(0);
+    opacity: 1;
+  }
+  to {
+    transform: translateY(100%);
+    opacity: 0;
+  }
+`,sl=s.div`
+  position: fixed;
+  bottom: 24px;
+  left: 24px;
+  z-index: 9999;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  pointer-events: none;
+  width: auto;
+  max-width: 90vw;
+`,pl=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  min-height: 32px;
+  padding: 8px 8px 8px 16px;
+  background-color: ${({$variant:e})=>ht(e).background};
+  color: ${({$variant:e})=>ht(e).text};
+  border: 1px solid ${({$variant:e})=>ht(e).border};
+  border-radius: 96px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  animation: ${({$isExiting:e})=>e?cl:dl} 0.3s ease-out;
+  pointer-events: auto;
+  max-width: 500px;
+`,ul=s.span`
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 1.4;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,hl=s.button`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  padding: 0;
+  background: transparent;
+  border: none;
+  color: inherit;
+  cursor: pointer;
+  opacity: 0.7;
+  transition: opacity 0.2s ease-in-out;
+  flex-shrink: 0;
+
+  &:hover {
+    opacity: 1;
+  }
+`,bl=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  width: 100%;
+`,gl=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 32px;
+  padding: 8px 16px;
+  background-color: #374151;
+  color: ${t.COLORS.white};
+  border-radius: 96px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  pointer-events: auto;
+  font-size: 14px;
+  font-weight: 500;
+  white-space: nowrap;
+  margin-left: auto;
+`,ao=({toast:e,onRemove:o})=>{const[r,i]=g.useState(!1),n=()=>{i(!0),setTimeout(()=>{o(e.id)},300)};return g.useEffect(()=>{if(e.duration){const l=setTimeout(()=>{n()},e.duration);return()=>clearTimeout(l)}},[e.duration,e.id]),a.jsxs(pl,{$variant:e.variant,$isExiting:r,children:[a.jsx(ul,{children:e.message}),a.jsx(hl,{onClick:n,children:a.jsx(a.X,{style:{width:16,height:16}})})]})},fl=({toasts:e,queueCount:o,removeToast:r})=>{if(e.length===0)return null;const i=e.length-1;return a.jsx(sl,{children:e.map((n,l)=>l===i&&o>0?a.jsxs(bl,{children:[a.jsx(ao,{toast:n,onRemove:r}),a.jsxs(gl,{children:["+",o]})]},n.id):a.jsx(ao,{toast:n,onRemove:r},n.id))})},xl=({children:e})=>{const[o,r]=g.useReducer(al,ll),i=g.useCallback((l,c="default",d)=>{const p=`toast-${Date.now()}-${Math.random().toString(36).substr(2,9)}`;r({type:"ADD_TOAST",payload:{id:p,message:l,variant:c,duration:d}})},[]),n=g.useCallback(l=>{r({type:"REMOVE_TOAST",payload:l})},[]);return a.jsxs(Co.Provider,{value:{addToast:i,removeToast:n},children:[e,a.jsx(fl,{toasts:o.toasts,queueCount:o.queue.length,removeToast:n})]})},Ol=()=>{const e=g.useContext(Co);if(!e)throw new Error("useToast must be used within ToastProvider");return e},lo={dark:{background:t.COLORS.black,text:t.COLORS.white},light:{background:t.COLORS.white,text:t.COLORS.black,border:t.COLORS.gray},success:{background:t.COLORS.green,text:t.COLORS.white},warning:{background:t.COLORS.yellow,text:t.COLORS.white},danger:{background:t.COLORS.red,text:t.COLORS.white}},Ee=e=>lo[e]??lo.dark,$l=(e,o)=>{const r=Ee(o).background;switch(e){case"top":return`
+        bottom: -12px;
+        left: 50%;
+        margin-left: -6px;
+        border-top-color: ${r};
+      `;case"bottom":return`
+        top: -12px;
+        left: 50%;
+        margin-left: -6px;
+        border-bottom-color: ${r};
+      `;case"left":return`
+        right: -12px;
+        top: 50%;
+        margin-top: -6px;
+        border-left-color: ${r};
+      `;case"right":return`
+        left: -12px;
+        top: 50%;
+        margin-top: -6px;
+        border-right-color: ${r};
+      `;default:return""}},Sl=(e,o)=>{if(o!=="light")return"";const r=Ee(o).border;switch(e){case"top":return`
+        &::after {
+          bottom: -14px;
+          left: 50%;
+          margin-left: -7px;
+          border-top-color: ${r};
+        }
+      `;case"bottom":return`
+        &::after {
+          top: -14px;
+          left: 50%;
+          margin-left: -7px;
+          border-bottom-color: ${r};
+        }
+      `;case"left":return`
+        &::after {
+          right: -14px;
+          top: 50%;
+          margin-top: -7px;
+          border-left-color: ${r};
+        }
+      `;case"right":return`
+        &::after {
+          left: -14px;
+          top: 50%;
+          margin-top: -7px;
+          border-right-color: ${r};
+        }
+      `;default:return""}},wo=e=>`
+  z-index: 1000;
+  padding: 6px 12px;
+  background-color: ${Ee(e.$variant).background};
+  color: ${Ee(e.$variant).text};
+  font-size: 13px;
+  line-height: 1.4;
+  border-radius: 6px;
+  width: max-content;
+  max-width: 300px;
+  white-space: normal;
+  word-wrap: break-word;
+  pointer-events: none;
+  opacity: ${e.$visible?1:0};
+  visibility: ${e.$visible?"visible":"hidden"};
+  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+
+  ${e.$variant==="light"?`border: 1px solid ${Ee(e.$variant).border};`:""}
+
+  &::before {
+    content: '';
+    position: absolute;
+    width: 0;
+    height: 0;
+    border: 6px solid transparent;
+    ${$l(e.$placement,e.$variant)}
+  }
+
+  ${e.$variant==="light"?`
+    &::after {
+      content: '';
+      position: absolute;
+      width: 0;
+      height: 0;
+      border: 7px solid transparent;
+    }
+  `:""}
+
+  ${Sl(e.$placement,e.$variant)}
+`,yl=s.div`
+  position: relative;
+  display: inline-block;
+`,vl=e=>{switch(e){case"top":return`
+        bottom: calc(100% + 8px);
+        left: 50%;
+        transform: translateX(-50%);
+      `;case"bottom":return`
+        top: calc(100% + 8px);
+        left: 50%;
+        transform: translateX(-50%);
+      `;case"left":return`
+        right: calc(100% + 8px);
+        top: 50%;
+        transform: translateY(-50%);
+      `;case"right":return`
+        left: calc(100% + 8px);
+        top: 50%;
+        transform: translateY(-50%);
+      `;default:return""}},ml=s.div`
+  position: absolute;
+  ${e=>wo(e)}
+  ${({$placement:e})=>vl(e)}
+`,Cl=s.div`
+  position: fixed;
+  ${e=>wo(e)}
+`,bt=A.newClassNameGetter("tooltip"),de=8,wl=({children:e,className:o,classnames:r,content:i,delay:n=200,placement:l="top",portalRenderNode:c,ref:d,variant:p="dark",...h})=>{const[u,f]=g.useState(!1),[x,k]=g.useState(null),[S,$]=g.useState(l),[y,O]=g.useState({top:0,left:0}),L=g.useRef(null),b=g.useRef(null),z=g.useCallback(()=>{var D,Y;if(!L.current)return;const P=L.current.getBoundingClientRect(),B=((D=b.current)==null?void 0:D.offsetWidth)??100,T=((Y=b.current)==null?void 0:Y.offsetHeight)??30,C=P.top-de,_=window.innerHeight-P.bottom-de,v=P.left-de,E=window.innerWidth-P.right-de;let w=l;if(l==="top"&&C<T&&_>C?w="bottom":l==="bottom"&&_<T&&C>_?w="top":l==="left"&&v<B&&E>v?w="right":l==="right"&&E<B&&v>E&&(w="left"),$(w),c){let M,H;switch(w){case"top":M=P.top-T-de,H=P.left+P.width/2-B/2;break;case"bottom":M=P.bottom+de,H=P.left+P.width/2-B/2;break;case"left":M=P.top+P.height/2-T/2,H=P.left-B-de;break;case"right":M=P.top+P.height/2-T/2,H=P.right+de;break;default:M=0,H=0}const R=8;H=Math.max(R,Math.min(H,window.innerWidth-B-R)),M=Math.max(R,Math.min(M,window.innerHeight-T-R)),O({top:M,left:H})}},[l,c]);g.useLayoutEffect(()=>{u&&z()},[u,z]);const j=()=>{const P=setTimeout(()=>{f(!0)},n);k(P)},N=()=>{x&&(clearTimeout(x),k(null)),f(!1)},X=c?be.createPortal(a.jsx(Cl,{ref:b,className:bt("content",r==null?void 0:r.content),$placement:S,$variant:p,$visible:u,style:{top:y.top,left:y.left},children:i}),c):a.jsx(ml,{ref:b,className:bt("content",r==null?void 0:r.content),$placement:S,$variant:p,$visible:u,children:i});return a.jsxs(yl,{...h,ref:P=>{L.current=P,typeof d=="function"?d(P):d&&(d.current=P)},className:bt("wrapper",o),onMouseEnter:j,onMouseLeave:N,children:[e,X]})};exports.Button=Te;exports.Card=sr;exports.Checkbox=Ke;exports.CheckboxCard=yr;exports.CheckboxGroup=wr;exports.Chip=Xe;exports.Confirmation=Ar;exports.Container=_r;exports.DatePicker=bi;exports.Drawer=$i;exports.Dropdown=wi;exports.FieldLabel=Se;exports.GlobalStyle=Vo;exports.ImageCropper=Tn;exports.Input=xo;exports.KeySymbol=co;exports.KeysBindings=so;exports.Modal=Oo;exports.MultiSelect=Kn;exports.Panel=oa;exports.Progress=na;exports.Radio=St;exports.RadioCard=fa;exports.RadioGroup=Sa;exports.Select=Pa;exports.Spinner=Na;exports.StatusCard=Ya;exports.Stepper=qa;exports.Tabs=nl;exports.Tags=ol;exports.ToastProvider=xl;exports.Tooltip=wl;exports.formatDateGo=po;exports.useImageCropper=fo;exports.useToast=Ol;
 //# sourceMappingURL=index.cjs.map