@vacano/ui 1.8.0 → 1.10.0

package/dist/index.js

@@ -1,8 +1,9 @@
-import { j as s, m as yo, g as vo, s as wo, r as mo, u as ko, i as So, a as S, L as zo, M as Po, C as Yt, X as dt, b as _r, c as gt, d as bt, F as it, P as Eo } from "./X-Dyq6IJZW.js";
-import { css as To, Global as Co, withEmotionCache as Ro, ThemeContext as No, keyframes as Vt } from "@emotion/react";
-import * as Ie from "react";
-import { useState as _, useRef as X, useEffect as ne, useCallback as N, useMemo as te, useImperativeHandle as Io, createContext as ct, useContext as st, useLayoutEffect as pt, cloneElement as Lo, useReducer as Dr } from "react";
-import { C as r, a as l, K as ie, g as Ao, u as Oo, B as Le, m as Ae } from "./media-CWK1OED-.js";
+import { C as r, a as l, K as ie, g as yo, u as vo, B as Ie, m as Le } from "./media-CWK1OED-.js";
+import { f as vc, e as wc, d as mc, i as kc, c as Sc, b as zc, t as Pc } from "./media-CWK1OED-.js";
+import { j as s, m as wo, g as mo, s as ko, r as So, u as zo, i as Po, a as S, L as Eo, M as To, C as Yt, X as dt, b as _r, c as gt, d as bt, F as it, P as Co } from "./X-Dyq6IJZW.js";
+import { css as Ro, Global as No, withEmotionCache as Io, ThemeContext as Lo, keyframes as Vt } from "@emotion/react";
+import * as Ae from "react";
+import { useState as _, useRef as U, useEffect as ne, useCallback as N, useMemo as te, useImperativeHandle as Ao, createContext as ct, useContext as st, useLayoutEffect as pt, cloneElement as Oo, useReducer as Dr } from "react";
 import { n as F } from "./tooling-YDHxmiMT.js";
 import { createPortal as we } from "react-dom";
 function Ot() {
@@ -14,7 +15,7 @@ function Ot() {
     return e;
   }, Ot.apply(null, arguments);
 }
-const _o = To`
+const _o = Ro`
   *,
   *::before,
   *::after {
@@ -30,6 +31,9 @@ const _o = To`
     -webkit-text-size-adjust: 100%;
     -moz-tab-size: 4;
     tab-size: 4;
+    font-family:
+      -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif,
+      'Apple Color Emoji', 'Segoe UI Emoji';
   }
 
   body {
@@ -89,50 +93,6 @@ const _o = To`
     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;
@@ -157,8 +117,8 @@ const _o = To`
   :focus:not(:focus-visible) {
     outline: none;
   }
-`, Md = () => /* @__PURE__ */ s(Co, { styles: _o });
-var Do = /^((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)-.*))$/, Fo = /* @__PURE__ */ yo(
+`, Md = () => /* @__PURE__ */ s(No, { styles: _o });
+var Do = /^((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)-.*))$/, Fo = /* @__PURE__ */ wo(
   function(e) {
     return Do.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
   }
@@ -181,8 +141,8 @@ var Do = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|def
   return typeof i != "function" && n && (i = t.__emotion_forwardProp), i;
 }, Yo = function(t) {
   var o = t.cache, n = t.serialized, i = t.isStringTag;
-  return mo(o, n, i), ko(function() {
-    return So(o, n, i);
+  return So(o, n, i), zo(function() {
+    return Po(o, n, i);
   }), null;
 }, Vo = function e(t, o) {
   var n = t.__emotion_real === t, i = n && t.__emotion_base || t, a, c;
@@ -198,25 +158,25 @@ var Do = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|def
       for (var z = h.length, $ = 1; $ < z; $++)
         f.push(h[$], y[$]);
     }
-    var x = Ro(function(m, v, w) {
+    var x = Io(function(m, v, w) {
       var b = g && m.as || i, C = "", O = [], L = m;
       if (m.theme == null) {
         L = {};
         for (var W in m)
           L[W] = m[W];
-        L.theme = Ie.useContext(No);
+        L.theme = Ae.useContext(Lo);
       }
-      typeof m.className == "string" ? C = vo(v.registered, O, m.className) : m.className != null && (C = m.className + " ");
-      var I = wo(f.concat(O), v.registered, L);
+      typeof m.className == "string" ? C = mo(v.registered, O, m.className) : m.className != null && (C = m.className + " ");
+      var I = ko(f.concat(O), v.registered, L);
       C += v.key + "-" + I.name, c !== void 0 && (C += " " + c);
       var Y = g && d === void 0 ? qt(b) : u, V = {};
       for (var R in m)
         g && R === "as" || Y(R) && (V[R] = m[R]);
-      return V.className = C, w && (V.ref = w), /* @__PURE__ */ Ie.createElement(Ie.Fragment, null, /* @__PURE__ */ Ie.createElement(Yo, {
+      return V.className = C, w && (V.ref = w), /* @__PURE__ */ Ae.createElement(Ae.Fragment, null, /* @__PURE__ */ Ae.createElement(Yo, {
         cache: v,
         serialized: I,
         isStringTag: typeof b == "string"
-      }), /* @__PURE__ */ Ie.createElement(b, V));
+      }), /* @__PURE__ */ Ae.createElement(b, V));
     });
     return x.displayName = a !== void 0 ? a : "Styled(" + (typeof i == "string" ? i : i.displayName || i.name || "Component") + ")", x.defaultProps = t.defaultProps, x.__emotion_real = x, x.__emotion_base = i, x.__emotion_styles = f, x.__emotion_forwardProp = d, Object.defineProperty(x, "toString", {
       value: function() {
@@ -443,12 +403,12 @@ const jo = p.span`
     },
     focus: l(r.red, 30)
   }
-}, Uo = p.div`
+}, Xo = p.div`
   position: relative;
   display: grid;
   gap: 2px;
   width: ${(e) => e.$fullWidth ? "100%" : "fit-content"};
-`, Xo = p(fe)`
+`, Uo = p(fe)`
   margin-left: 6px;
 `, qo = p.div`
   position: relative;
@@ -609,7 +569,7 @@ const jo = p.span`
   noResultsMessage: z = "No results found",
   ...$
 }) => {
-  const [x, m] = _((u == null ? void 0 : u.value) ?? ""), [v, w] = _([]), [b, C] = _(!1), [O, L] = _(!1), [W, I] = _(!1), Y = X(null), V = X(null);
+  const [x, m] = _((u == null ? void 0 : u.value) ?? ""), [v, w] = _([]), [b, C] = _(!1), [O, L] = _(!1), [W, I] = _(!1), Y = U(null), V = U(null);
   ne(() => {
     (u == null ? void 0 : u.value) !== void 0 && m(u.value);
   }, [u == null ? void 0 : u.value]);
@@ -653,13 +613,13 @@ const jo = p.span`
   return ne(() => () => {
     V.current && clearTimeout(V.current);
   }, []), /* @__PURE__ */ S(
-    Uo,
+    Xo,
     {
       ref: Y,
       className: Oe("container", e),
       $fullWidth: !!n,
       children: [
-        i && /* @__PURE__ */ s(Xo, { variant: d, className: Oe("label", t == null ? void 0 : t.label), children: i }),
+        i && /* @__PURE__ */ s(Uo, { variant: d, className: Oe("label", t == null ? void 0 : t.label), children: i }),
         /* @__PURE__ */ S(qo, { children: [
           /* @__PURE__ */ s(
             Go,
@@ -888,7 +848,7 @@ const jo = p.span`
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
-`, ci = p(zo)`
+`, ci = p(Eo)`
   width: ${(e) => ce(e.$size).iconSize};
   height: ${(e) => ce(e.$size).iconSize};
   animation: ${ie.rotate} 0.8s linear infinite;
@@ -922,7 +882,7 @@ const jo = p.span`
   variant: i,
   ...a
 }) => {
-  const c = te(() => Ao(o), [o]);
+  const c = te(() => yo(o), [o]);
   return c.length === 0 ? null : /* @__PURE__ */ s(si, { ...a, ref: n, className: er("container", e), children: c.map((d) => /* @__PURE__ */ s(
     hi,
     {
@@ -948,8 +908,8 @@ const jo = p.span`
   variant: y = "normal",
   ...z
 }) => {
-  const $ = X(null);
-  Io(u, () => $.current, []), Oo(g, () => {
+  const $ = U(null);
+  Ao(u, () => $.current, []), vo(g, () => {
     var m;
     (m = $.current) == null || m.click();
   });
@@ -1128,7 +1088,7 @@ const jo = p.span`
               className: _e("icon", o == null ? void 0 : o.icon),
               $visible: i || e,
               $variant: u,
-              children: i ? /* @__PURE__ */ s(Po, {}) : /* @__PURE__ */ s(Yt, {})
+              children: i ? /* @__PURE__ */ s(To, {}) : /* @__PURE__ */ s(Yt, {})
             }
           )
         }
@@ -1559,34 +1519,34 @@ const jo = p.span`
     throw new Error("useConfirmation must be used within ConfirmationProvider");
   return e;
 }, De = {
-  sm: `${Le.sm}px`,
-  md: `${Le.md}px`,
-  lg: `${Le.lg}px`,
-  xl: `${Le.xl}px`,
-  "2xl": `${Le["2xl"]}px`
+  sm: `${Ie.sm}px`,
+  md: `${Ie.md}px`,
+  lg: `${Ie.lg}px`,
+  xl: `${Ie.xl}px`,
+  "2xl": `${Ie["2xl"]}px`
 }, Vi = p.div`
   width: 100%;
 
-  ${Ae("sm")} {
+  ${Le("sm")} {
     max-width: ${De.sm};
   }
 
-  ${Ae("md")} {
+  ${Le("md")} {
     max-width: ${De.md};
   }
 
-  ${Ae("lg")} {
+  ${Le("lg")} {
     max-width: ${De.lg};
   }
 
-  ${Ae("xl")} {
+  ${Le("xl")} {
     max-width: ${De.xl};
   }
 
-  ${Ae("2xl")} {
+  ${Le("2xl")} {
     max-width: ${De["2xl"]};
   }
-`, Hi = F("container"), Ud = ({
+`, Hi = F("container"), Xd = ({
   children: e,
   className: t,
   ref: o,
@@ -1671,9 +1631,9 @@ const jo = p.span`
   for (const [, C, O] of w)
     b = b.split(v(C)).join(O);
   return b;
-}, Ui = (e, t) => new Date(e, t + 1, 0).getDate(), Xi = (e, t) => new Date(e, t, 1).getDay(), qi = (e, t, o = 1) => {
-  const n = Ui(e, t);
-  let a = Xi(e, t) - o;
+}, Xi = (e, t) => new Date(e, t + 1, 0).getDate(), Ui = (e, t) => new Date(e, t, 1).getDay(), qi = (e, t, o = 1) => {
+  const n = Xi(e, t);
+  let a = Ui(e, t) - o;
   a < 0 && (a += 7);
   const c = [];
   for (let d = 0; d < a; d++)
@@ -1948,7 +1908,7 @@ const jo = p.span`
 `, fn = p.div`
   width: ${se}px;
   height: ${se}px;
-`, ee = F("date-picker"), Ke = 4, xn = 300, Xd = ({
+`, ee = F("date-picker"), Ke = 4, xn = 300, Ud = ({
   value: e,
   onChange: t,
   mode: o = "date",
@@ -1972,15 +1932,15 @@ const jo = p.span`
   ref: C,
   ...O
 }) => {
-  const L = te(() => /* @__PURE__ */ new Date(), []), [W, I] = _(!1), [Y, V] = _({ top: 0, left: 0 }), [R, M] = _("bottom"), [k, D] = _(() => o === "year" ? "years" : o === "month" ? "months" : "days"), [E, A] = _(() => e ?? L), [j, H] = _(() => ((e == null ? void 0 : e.getFullYear()) ?? L.getFullYear()) - 6), q = X(null), T = X(null), B = X(null), J = x !== void 0, Q = J ? x : W, me = n ?? Qi(o), We = te(() => Gi(a, c), [a, c]), ht = te(() => Ki(a), [a]), eo = te(
+  const L = te(() => /* @__PURE__ */ new Date(), []), [W, I] = _(!1), [Y, V] = _({ top: 0, left: 0 }), [R, M] = _("bottom"), [k, D] = _(() => o === "year" ? "years" : o === "month" ? "months" : "days"), [E, A] = _(() => e ?? L), [j, H] = _(() => ((e == null ? void 0 : e.getFullYear()) ?? L.getFullYear()) - 6), q = U(null), T = U(null), B = U(null), J = x !== void 0, Q = J ? x : W, me = n ?? Qi(o), We = te(() => Gi(a, c), [a, c]), ht = te(() => Ki(a), [a]), eo = te(
     () => qi(E.getFullYear(), E.getMonth(), c),
     [E, c]
-  ), Ue = te(() => Ji(j + 6, 12), [j]), jt = te(() => e ? Wi(e, me, a) : null, [e, me, a]), to = i ?? me.replace(/2006|06|January|Jan|01|02/g, "__"), Ce = N(() => {
+  ), Xe = te(() => Ji(j + 6, 12), [j]), jt = te(() => e ? Wi(e, me, a) : null, [e, me, a]), to = i ?? me.replace(/2006|06|January|Jan|01|02/g, "__"), Ce = N(() => {
     var Ne;
     if (!T.current) return;
-    const P = T.current.getBoundingClientRect(), U = ((Ne = B.current) == null ? void 0 : Ne.offsetHeight) ?? xn, Re = window.innerHeight - P.bottom - Ke, Xe = P.top - Ke, ke = Re < U && Xe > Re ? "top" : "bottom";
+    const P = T.current.getBoundingClientRect(), X = ((Ne = B.current) == null ? void 0 : Ne.offsetHeight) ?? xn, Re = window.innerHeight - P.bottom - Ke, Ue = P.top - Ke, ke = Re < X && Ue > Re ? "top" : "bottom";
     if (M(ke), $) {
-      const qe = ke === "bottom" ? P.bottom + Ke : P.top - U - Ke;
+      const qe = ke === "bottom" ? P.bottom + Ke : P.top - X - Ke;
       V({
         top: qe,
         left: P.left
@@ -1997,15 +1957,15 @@ const jo = p.span`
     Q ? re() : Wt();
   }, [Q, re, Wt]), oo = N(
     (P) => {
-      const U = new Date(E.getFullYear(), E.getMonth(), P);
-      t == null || t(U), re();
+      const X = new Date(E.getFullYear(), E.getMonth(), P);
+      t == null || t(X), re();
     },
     [E, t, re]
   ), io = N(
     (P) => {
       if (o === "month") {
-        const U = new Date(E.getFullYear(), P, 1);
-        t == null || t(U), re();
+        const X = new Date(E.getFullYear(), P, 1);
+        t == null || t(X), re();
       } else
         A(new Date(E.getFullYear(), P, 1)), D("days");
     },
@@ -2013,8 +1973,8 @@ const jo = p.span`
   ), no = N(
     (P) => {
       if (o === "year") {
-        const U = new Date(P, 0, 1);
-        t == null || t(U), re();
+        const X = new Date(P, 0, 1);
+        t == null || t(X), re();
       } else o === "month" ? (A(new Date(P, E.getMonth(), 1)), D("months")) : (A(new Date(P, E.getMonth(), 1)), D("months"));
     },
     [o, E, t, re]
@@ -2030,7 +1990,7 @@ const jo = p.span`
     H((P) => P - 12);
   }, []), uo = N(() => {
     H((P) => P + 12);
-  }, []), Ut = N(() => {
+  }, []), Xt = N(() => {
     k === "days" ? D("months") : k === "months" && D("years");
   }, [k]);
   pt(() => {
@@ -2039,28 +1999,28 @@ const jo = p.span`
     const P = (ke) => {
       const Ne = ke.target, qe = q.current && !q.current.contains(Ne), $o = B.current && !B.current.contains(Ne);
       $ ? qe && $o && re() : qe && re();
-    }, U = (ke) => {
+    }, X = (ke) => {
       ke.key === "Escape" && re();
     }, Re = () => {
       Q && $ && Ce();
-    }, Xe = () => {
+    }, Ue = () => {
       Q && $ && Ce();
     };
-    return Q && (document.addEventListener("mousedown", P), document.addEventListener("keydown", U), $ && (window.addEventListener("scroll", Re, !0), window.addEventListener("resize", Xe))), () => {
-      document.removeEventListener("mousedown", P), document.removeEventListener("keydown", U), window.removeEventListener("scroll", Re, !0), window.removeEventListener("resize", Xe);
+    return Q && (document.addEventListener("mousedown", P), document.addEventListener("keydown", X), $ && (window.addEventListener("scroll", Re, !0), window.addEventListener("resize", Ue))), () => {
+      document.removeEventListener("mousedown", P), document.removeEventListener("keydown", X), window.removeEventListener("scroll", Re, !0), window.removeEventListener("resize", Ue);
     };
   }, [Q, re, $, Ce]);
   const ho = nt[g].iconSize, go = () => /* @__PURE__ */ S(it, { children: [
     /* @__PURE__ */ S(vt, { className: ee("header", b == null ? void 0 : b.header), children: [
-      /* @__PURE__ */ s(wt, { onClick: Ut, type: "button", children: new Intl.DateTimeFormat(a, { month: "long", year: "numeric" }).format(E) }),
+      /* @__PURE__ */ s(wt, { onClick: Xt, type: "button", children: new Intl.DateTimeFormat(a, { month: "long", year: "numeric" }).format(E) }),
       /* @__PURE__ */ S(mt, { children: [
         /* @__PURE__ */ s(Se, { onClick: ao, type: "button", "aria-label": "Previous month", children: /* @__PURE__ */ s(gt, { size: 16 }) }),
         /* @__PURE__ */ s(Se, { onClick: lo, type: "button", "aria-label": "Next month", children: /* @__PURE__ */ s(bt, { size: 16 }) })
       ] })
     ] }),
-    /* @__PURE__ */ s(dn, { children: We.map((P, U) => /* @__PURE__ */ s(cn, { children: P }, U)) }),
+    /* @__PURE__ */ s(dn, { children: We.map((P, X) => /* @__PURE__ */ s(cn, { children: P }, X)) }),
     /* @__PURE__ */ s(sn, { className: ee("grid", b == null ? void 0 : b.grid), children: eo.map(
-      (P, U) => P === null ? /* @__PURE__ */ s(fn, {}, U) : /* @__PURE__ */ s(
+      (P, X) => P === null ? /* @__PURE__ */ s(fn, {}, X) : /* @__PURE__ */ s(
         pn,
         {
           type: "button",
@@ -2084,44 +2044,44 @@ const jo = p.span`
           onClick: () => oo(P),
           children: P
         },
-        U
+        X
       )
     ) })
   ] }), bo = () => /* @__PURE__ */ S(it, { children: [
     /* @__PURE__ */ S(vt, { className: ee("header", b == null ? void 0 : b.header), children: [
-      /* @__PURE__ */ s(wt, { onClick: Ut, type: "button", children: E.getFullYear() }),
+      /* @__PURE__ */ s(wt, { onClick: Xt, type: "button", children: E.getFullYear() }),
       /* @__PURE__ */ S(mt, { children: [
         /* @__PURE__ */ s(Se, { onClick: co, type: "button", "aria-label": "Previous year", children: /* @__PURE__ */ s(gt, { size: 16 }) }),
         /* @__PURE__ */ s(Se, { onClick: so, type: "button", "aria-label": "Next year", children: /* @__PURE__ */ s(bt, { size: 16 }) })
       ] })
     ] }),
-    /* @__PURE__ */ s(un, { className: ee("grid", b == null ? void 0 : b.grid), children: ht.map((P, U) => /* @__PURE__ */ s(
+    /* @__PURE__ */ s(un, { className: ee("grid", b == null ? void 0 : b.grid), children: ht.map((P, X) => /* @__PURE__ */ s(
       hn,
       {
         type: "button",
         className: ee("cell", b == null ? void 0 : b.cell),
-        $selected: e ? lr(e, new Date(E.getFullYear(), U, 1)) : !1,
-        $current: lr(L, new Date(E.getFullYear(), U, 1)),
-        $disabled: cr(E.getFullYear(), U, d, u),
-        disabled: cr(E.getFullYear(), U, d, u),
-        onClick: () => io(U),
+        $selected: e ? lr(e, new Date(E.getFullYear(), X, 1)) : !1,
+        $current: lr(L, new Date(E.getFullYear(), X, 1)),
+        $disabled: cr(E.getFullYear(), X, d, u),
+        disabled: cr(E.getFullYear(), X, d, u),
+        onClick: () => io(X),
         children: P
       },
-      U
+      X
     )) })
   ] }), fo = () => /* @__PURE__ */ S(it, { children: [
     /* @__PURE__ */ S(vt, { className: ee("header", b == null ? void 0 : b.header), children: [
       /* @__PURE__ */ S(wt, { type: "button", style: { cursor: "default" }, children: [
-        Ue[0],
+        Xe[0],
         " - ",
-        Ue[Ue.length - 1]
+        Xe[Xe.length - 1]
       ] }),
       /* @__PURE__ */ S(mt, { children: [
         /* @__PURE__ */ s(Se, { onClick: po, type: "button", "aria-label": "Previous years", children: /* @__PURE__ */ s(gt, { size: 16 }) }),
         /* @__PURE__ */ s(Se, { onClick: uo, type: "button", "aria-label": "Next years", children: /* @__PURE__ */ s(bt, { size: 16 }) })
       ] })
     ] }),
-    /* @__PURE__ */ s(gn, { className: ee("grid", b == null ? void 0 : b.grid), children: Ue.map((P) => /* @__PURE__ */ s(
+    /* @__PURE__ */ s(gn, { className: ee("grid", b == null ? void 0 : b.grid), children: Xe.map((P) => /* @__PURE__ */ s(
       bn,
       {
         type: "button",
@@ -2135,7 +2095,7 @@ const jo = p.span`
       },
       P
     )) })
-  ] }), Xt = () => {
+  ] }), Ut = () => {
     switch (k) {
       case "days":
         return go();
@@ -2153,7 +2113,7 @@ const jo = p.span`
         $position: R,
         className: ee("calendar", b == null ? void 0 : b.calendar),
         style: { top: Y.top, left: Y.left },
-        children: Xt()
+        children: Ut()
       }
     ),
     $
@@ -2164,7 +2124,7 @@ const jo = p.span`
       $open: Q,
       $position: R,
       className: ee("calendar", b == null ? void 0 : b.calendar),
-      children: Xt()
+      children: Ut()
     }
   );
   return /* @__PURE__ */ S(
@@ -2314,7 +2274,7 @@ const jo = p.span`
   trigger: h,
   ...f
 }) => {
-  const [y, z] = _(!1), [$, x] = _({ top: 0, left: 0 }), [m, v] = _("bottom"), w = X(null), b = X(null), C = X(null), O = d !== void 0, L = O ? d : y, W = N(() => {
+  const [y, z] = _(!1), [$, x] = _({ top: 0, left: 0 }), [m, v] = _("bottom"), w = U(null), b = U(null), C = U(null), O = d !== void 0, L = O ? d : y, W = N(() => {
     var H, q;
     if (!b.current) return;
     const M = b.current.getBoundingClientRect(), k = ((H = C.current) == null ? void 0 : H.offsetHeight) ?? Pn, D = ((q = C.current) == null ? void 0 : q.offsetWidth) ?? 160, E = window.innerHeight - M.bottom - Je, A = M.top - Je, j = E < k && A > E ? "top" : "bottom";
@@ -2384,7 +2344,7 @@ const jo = p.span`
         ref: b,
         onClick: I,
         className: Ze("trigger", i == null ? void 0 : i.trigger),
-        children: Lo(h)
+        children: Oo(h)
       }
     ),
     R
@@ -2429,7 +2389,7 @@ const jo = p.span`
   classnames: a,
   "data-test-id": c
 }) => {
-  const [d, u] = _(!1), g = X(null), h = X(null), f = N(() => {
+  const [d, u] = _(!1), g = U(null), h = U(null), f = N(() => {
     var x;
     u(!1);
     const $ = ((x = h.current) == null ? void 0 : x.textContent) || "";
@@ -2475,7 +2435,7 @@ const jo = p.span`
         onClick: d ? f : y,
         disabled: o && !d,
         "aria-label": d ? "Save" : "Edit",
-        children: d ? /* @__PURE__ */ s(Yt, { size: 16 }) : /* @__PURE__ */ s(Eo, { size: 14 })
+        children: d ? /* @__PURE__ */ s(Yt, { size: 16 }) : /* @__PURE__ */ s(Co, { size: 14 })
       }
     )
   ] });
@@ -2685,7 +2645,7 @@ const jo = p.span`
       max-inline-size: unset !important;
       max-block-size: unset !important;
     }
-`, Un = (e) => `
+`, Xn = (e) => `
     .${e} {
       position: absolute;
       z-index: 100;
@@ -2696,7 +2656,7 @@ const jo = p.span`
       overflow: hidden;
       border-radius: 50%;
     }
-`, Xn = {
+`, Un = {
   tl: "nw-resize",
   tr: "ne-resize",
   bl: "sw-resize",
@@ -2707,7 +2667,7 @@ const jo = p.span`
   bl: { h: "left", v: "bottom" },
   br: { h: "right", v: "bottom" }
 }, Qe = (e, t) => {
-  const o = Xn[t], { h: n, v: i } = qn[t];
+  const o = Un[t], { h: n, v: i } = qn[t];
   return `
     .${e} {
         display: block;
@@ -2846,7 +2806,7 @@ const jo = p.span`
         ${Hn(t.portalArea[0])}
         ${jn(t.portal[0])}
         ${Wn(t.previewImage[0])}
-        ${Un(t.preview[0])}
+        ${Xn(t.preview[0])}
         ${Qe(t.handlerResizeBottomLeft[0], "bl")}
         ${Qe(t.handlerResizeBottomRight[0], "br")}
         ${Qe(t.handlerResizeTopLeft[0], "tl")}
@@ -3459,7 +3419,7 @@ const na = (e) => {
     outputSize: u = ue.outputSize,
     portalSize: g = ue.portalSize,
     type: h = ue.type
-  } = e, f = X(null);
+  } = e, f = U(null);
   return { open: N(() => {
     f.current || (Da(), f.current = Oa(
       (z, $, x) => {
@@ -3668,7 +3628,7 @@ const na = (e) => {
   border-radius: 16px;
   box-shadow: 0 8px 32px ${l(r.black, 20)};
   animation: ${ie.scaleIn} ${(e) => e.$animated ? "0.15s" : "0s"} ease-out forwards;
-`, fr = F("modal"), Ua = ({
+`, fr = F("modal"), Xa = ({
   animated: e,
   children: t,
   className: o,
@@ -3699,7 +3659,7 @@ const na = (e) => {
     border: r.red,
     label: r.red
   }
-}, Xa = p.div`
+}, Ua = p.div`
   display: flex;
   flex-direction: column;
   gap: 4px;
@@ -3802,7 +3762,7 @@ const na = (e) => {
   }, V = (R) => {
     d(y.filter((M) => M !== R));
   };
-  return /* @__PURE__ */ S(Xa, { ...$, ref: h, className: ae("container", e), children: [
+  return /* @__PURE__ */ S(Ua, { ...$, ref: h, className: ae("container", e), children: [
     i && /* @__PURE__ */ s(qa, { $variant: z, className: ae("label", t == null ? void 0 : t.trigger), children: i }),
     /* @__PURE__ */ s(
       Ga,
@@ -3840,7 +3800,7 @@ const na = (e) => {
         ] })
       }
     ),
-    /* @__PURE__ */ s(Ua, { open: x, width: "400px", animated: !0, className: ae("modal", t == null ? void 0 : t.modal), children: /* @__PURE__ */ S(Za, { children: [
+    /* @__PURE__ */ s(Xa, { open: x, width: "400px", animated: !0, className: ae("modal", t == null ? void 0 : t.modal), children: /* @__PURE__ */ S(Za, { children: [
       /* @__PURE__ */ S(Ja, { children: [
         /* @__PURE__ */ s(Qa, { children: c }),
         /* @__PURE__ */ s(at, { variant: "transparent", size: "compact", icon: /* @__PURE__ */ s(dt, {}), onClick: I })
@@ -4138,7 +4098,7 @@ const na = (e) => {
   variant: h = "normal",
   ...f
 }) => {
-  const y = X([]);
+  const y = U([]);
   ne(() => {
     e && y.current[0] && y.current[0].focus();
   }, [e]);
@@ -4383,7 +4343,7 @@ const na = (e) => {
       text-decoration: none;
     }
   }
-`, Me = F("radio"), Ur = ({
+`, Me = F("radio"), Xr = ({
   checked: e,
   className: t,
   classnames: o,
@@ -4575,7 +4535,7 @@ const na = (e) => {
         }
       ),
       /* @__PURE__ */ s(
-        Ur,
+        Xr,
         {
           className: o == null ? void 0 : o.radio,
           checked: e,
@@ -4633,7 +4593,7 @@ const na = (e) => {
 }) => /* @__PURE__ */ S(Al, { ...g, ref: d, className: Tt("container", e), children: [
   n && /* @__PURE__ */ s(Ol, { className: Tt("label", t == null ? void 0 : t.label), $disabled: o, children: n }),
   /* @__PURE__ */ s(_l, { className: Tt("options", t == null ? void 0 : t.options), children: c.map((h) => /* @__PURE__ */ s(
-    Ur,
+    Xr,
     {
       className: t == null ? void 0 : t.radio,
       name: i,
@@ -4644,7 +4604,7 @@ const na = (e) => {
     },
     h.value
   )) })
-] }), Xr = ct(null), Dl = p.div`
+] }), Ur = ct(null), Dl = p.div`
   position: fixed;
   bottom: 24px;
   right: 24px;
@@ -4675,7 +4635,7 @@ const na = (e) => {
   ), d = N(() => {
     n(!1);
   }, []), u = te(() => ({ isVisible: o, show: c, hide: d }), [o, c, d]);
-  return /* @__PURE__ */ S(Xr.Provider, { value: u, children: [
+  return /* @__PURE__ */ S(Ur.Provider, { value: u, children: [
     e,
     o && /* @__PURE__ */ S(Dl, { children: [
       /* @__PURE__ */ s(Fr, { size: "sm" }),
@@ -4683,7 +4643,7 @@ const na = (e) => {
     ] })
   ] });
 }, dc = () => {
-  const e = st(Xr);
+  const e = st(Ur);
   if (!e)
     throw new Error("useSaveProgress must be used within SaveProgressProvider");
   return e;
@@ -4786,7 +4746,7 @@ const na = (e) => {
 `, Wl = p.div`
   position: fixed;
   ${qr}
-`, Ul = p.button`
+`, Xl = p.button`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -4807,7 +4767,7 @@ const na = (e) => {
   &:hover:not(:disabled) {
     background: ${l(r.black, 8)};
   }
-`, Xl = p.span`
+`, Ul = p.span`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -4833,7 +4793,7 @@ const na = (e) => {
     top: 0,
     left: 0,
     width: 0
-  }), w = X(null), b = X(null), C = X(null), O = c.find((k) => k.value === f), L = Math.max(
+  }), w = U(null), b = U(null), C = U(null), O = c.find((k) => k.value === f), L = Math.max(
     0,
     c.findIndex((k) => k.value === f)
   ), W = -(L * Ct + Be), I = () => {
@@ -4869,7 +4829,7 @@ const na = (e) => {
     };
   }, [$, u]);
   const R = () => c.map((k) => /* @__PURE__ */ S(
-    Ul,
+    Xl,
     {
       type: "button",
       role: "option",
@@ -4881,7 +4841,7 @@ const na = (e) => {
       className: Pe("option", t == null ? void 0 : t.option),
       children: [
         /* @__PURE__ */ s("span", { children: k.label }),
-        k.value === f && /* @__PURE__ */ s(Xl, { children: /* @__PURE__ */ s(Yt, { size: 16 }) })
+        k.value === f && /* @__PURE__ */ s(Ul, { children: /* @__PURE__ */ s(Yt, { size: 16 }) })
       ]
     },
     k.value
@@ -5290,7 +5250,7 @@ const na = (e) => {
   variant: z = "normal",
   ...$
 }) => {
-  const x = X(null), m = X(null), v = X(null), w = X(null), [b, C] = _(""), [O, L] = _(!1), [W, I] = _("bottom"), [Y, V] = _({
+  const x = U(null), m = U(null), v = U(null), w = U(null), [b, C] = _(""), [O, L] = _(!1), [W, I] = _("bottom"), [Y, V] = _({
     top: 0,
     left: 0,
     width: 0
@@ -5957,7 +5917,7 @@ const na = (e) => {
   variant: u = "dark",
   ...g
 }) => {
-  const [h, f] = _(!1), [y, z] = _(null), [$, x] = _(a), [m, v] = _({ top: 0, left: 0 }), w = X(null), b = X(null), C = N(() => {
+  const [h, f] = _(!1), [y, z] = _(null), [$, x] = _(a), [m, v] = _({ top: 0, left: 0 }), w = U(null), b = U(null), C = N(() => {
     var A, j;
     if (!w.current) return;
     const I = w.current.getBoundingClientRect(), Y = ((A = b.current) == null ? void 0 : A.offsetWidth) ?? 100, V = ((j = b.current) == null ? void 0 : j.offsetHeight) ?? 30, R = I.top - be, M = window.innerHeight - I.bottom - be, k = I.left - be, D = window.innerWidth - I.right - be;
@@ -6038,15 +5998,17 @@ const na = (e) => {
 };
 export {
   Bd as Autocomplete,
+  Ie as BREAKPOINTS,
   at as Button,
+  r as COLORS,
   Yd as Card,
   Ht as Checkbox,
   Vd as CheckboxCard,
   Hd as CheckboxGroup,
   Dt as Chip,
   jd as ConfirmationProvider,
-  Ud as Container,
-  Xd as DatePicker,
+  Xd as Container,
+  Ud as DatePicker,
   qd as Drawer,
   Gd as Dropdown,
   Kd as EditableText,
@@ -6055,15 +6017,17 @@ export {
   Md as GlobalStyle,
   Jd as ImageCropper,
   Ha as Input,
+  ie as KEYFRAMES,
+  vc as KEY_SYMBOLS,
   hi as KeySymbol,
   gi as KeysBindings,
-  Ua as Modal,
+  Xa as Modal,
   Qd as MultiSelect,
   ec as NotificationProvider,
   rc as OtpCode,
   oc as Panel,
   ic as Progress,
-  Ur as Radio,
+  Xr as Radio,
   nc as RadioCard,
   ac as RadioGroup,
   lc as SaveProgressProvider,
@@ -6076,9 +6040,20 @@ export {
   gc as Textarea,
   bc as ToastProvider,
   xc as Tooltip,
+  l as alpha,
   Wi as formatDateGo,
+  wc as getBrowser,
+  yo as getKeySymbols,
+  mc as getOperatingSystem,
+  kc as isValid,
+  Sc as mediaBetween,
+  zc as mediaDown,
+  Le as mediaUp,
+  F as newClassNameGetter,
+  Pc as toHEX,
   Wd as useConfirmation,
   Ma as useImageCropper,
+  vo as useKeyBinding,
   tc as useNotification,
   dc as useSaveProgress,
   fc as useToast