@vacano/ui 1.7.0 → 1.8.0

package/dist/index.js

@@ -1,9 +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 k, 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 { 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 D, useRef as U, useEffect as ne, useCallback as I, useMemo as te, useImperativeHandle as Io, createContext as ct, useContext as st, useLayoutEffect as pt, cloneElement as Lo, useReducer as Dr } 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 { n as M } from "./tooling-YDHxmiMT.js";
+import { n as F } from "./tooling-YDHxmiMT.js";
 import { createPortal as we } from "react-dom";
 function Ot() {
   return Ot = Object.assign ? Object.assign.bind() : function(e) {
@@ -195,36 +195,36 @@ var Do = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|def
     else {
       var y = h[0];
       f.push(y[0]);
-      for (var S = h.length, v = 1; v < S; v++)
-        f.push(h[v], y[v]);
+      for (var z = h.length, $ = 1; $ < z; $++)
+        f.push(h[$], y[$]);
     }
-    var x = Ro(function(m, $, w) {
-      var b = g && m.as || i, C = "", L = [], _ = m;
+    var x = Ro(function(m, v, w) {
+      var b = g && m.as || i, C = "", O = [], L = m;
       if (m.theme == null) {
-        _ = {};
-        for (var X in m)
-          _[X] = m[X];
-        _.theme = Ie.useContext(No);
+        L = {};
+        for (var W in m)
+          L[W] = m[W];
+        L.theme = Ie.useContext(No);
       }
-      typeof m.className == "string" ? C = vo($.registered, L, m.className) : m.className != null && (C = m.className + " ");
-      var N = wo(f.concat(L), $.registered, _);
-      C += $.key + "-" + N.name, c !== void 0 && (C += " " + c);
-      var Y = g && d === void 0 ? qt(b) : u, A = {};
-      for (var P in m)
-        g && P === "as" || Y(P) && (A[P] = m[P]);
-      return A.className = C, w && (A.ref = w), /* @__PURE__ */ Ie.createElement(Ie.Fragment, null, /* @__PURE__ */ Ie.createElement(Yo, {
-        cache: $,
-        serialized: N,
+      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);
+      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, {
+        cache: v,
+        serialized: I,
         isStringTag: typeof b == "string"
-      }), /* @__PURE__ */ Ie.createElement(b, A));
+      }), /* @__PURE__ */ Ie.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() {
         return "." + c;
       }
-    }), x.withComponent = function(m, $) {
-      var w = e(m, Ot({}, o, $, {
-        shouldForwardProp: Gt(x, $, !0)
+    }), x.withComponent = function(m, v) {
+      var w = e(m, Ot({}, o, v, {
+        shouldForwardProp: Gt(x, v, !0)
       }));
       return w.apply(void 0, f);
     }, x;
@@ -373,14 +373,14 @@ const jo = p.span`
   font-size: 12px;
   font-weight: 500;
   color: ${(e) => e.$variant === "normal" ? r.black : r.red};
-`, Wo = M("field-label"), fe = ({
+`, Wo = F("field-label"), fe = ({
   children: e,
   className: t,
   ref: o,
   required: n,
   variant: i = "normal",
   ...a
-}) => e ? /* @__PURE__ */ k(
+}) => e ? /* @__PURE__ */ S(
   jo,
   {
     ...a,
@@ -576,7 +576,7 @@ const jo = p.span`
   border-top-color: ${Zt.indicator};
   border-radius: 50%;
   animation: ${ri} 0.8s linear infinite;
-`, ii = M("spinner"), Fr = ({
+`, ii = F("spinner"), Fr = ({
   "aria-label": e = "Loading",
   className: t,
   ref: o,
@@ -592,7 +592,7 @@ const jo = p.span`
     "aria-label": e,
     $size: n
   }
-), Oe = M("autocomplete"), Bd = ({
+), Oe = F("autocomplete"), Bd = ({
   className: e,
   classnames: t,
   disabled: o,
@@ -606,23 +606,23 @@ const jo = p.span`
   onSearch: h,
   debounceMs: f = 300,
   minChars: y = 1,
-  noResultsMessage: S = "No results found",
-  ...v
+  noResultsMessage: z = "No results found",
+  ...$
 }) => {
-  const [x, m] = D((u == null ? void 0 : u.value) ?? ""), [$, w] = D([]), [b, C] = D(!1), [L, _] = D(!1), [X, N] = D(!1), Y = U(null), A = U(null);
+  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);
   ne(() => {
     (u == null ? void 0 : u.value) !== void 0 && m(u.value);
   }, [u == null ? void 0 : u.value]);
-  const P = I(
-    async (O) => {
-      if (O.length < y) {
-        w([]), N(!1);
+  const R = N(
+    async (A) => {
+      if (A.length < y) {
+        w([]), I(!1);
         return;
       }
-      C(!0), N(!0);
+      C(!0), I(!0);
       try {
-        const H = await h(O);
-        w(H), _(!0);
+        const j = await h(A);
+        w(j), L(!0);
       } catch {
         w([]);
       } finally {
@@ -630,29 +630,29 @@ const jo = p.span`
       }
     },
     [h, y]
-  ), V = I(
-    (O) => {
-      const H = O.target.value;
-      m(H), g == null || g({ value: H, image_url: null }), A.current && clearTimeout(A.current), A.current = setTimeout(() => {
-        P(H);
+  ), M = N(
+    (A) => {
+      const j = A.target.value;
+      m(j), g == null || g({ value: j, image_url: null }), V.current && clearTimeout(V.current), V.current = setTimeout(() => {
+        R(j);
       }, f);
     },
-    [g, P, f]
-  ), z = I(
-    (O) => {
-      m(O.value), w([]), _(!1), N(!1), g == null || g({ value: O.value, image_url: O.image_url });
+    [g, R, f]
+  ), k = N(
+    (A) => {
+      m(A.value), w([]), L(!1), I(!1), g == null || g({ value: A.value, image_url: A.image_url });
     },
     [g]
-  ), F = I(() => {
+  ), D = N(() => {
     setTimeout(() => {
-      _(!1);
+      L(!1);
     }, 150);
-  }, []), T = I(() => {
-    $.length > 0 && _(!0);
-  }, [$.length]);
+  }, []), E = N(() => {
+    v.length > 0 && L(!0);
+  }, [v.length]);
   return ne(() => () => {
-    A.current && clearTimeout(A.current);
-  }, []), /* @__PURE__ */ k(
+    V.current && clearTimeout(V.current);
+  }, []), /* @__PURE__ */ S(
     Uo,
     {
       ref: Y,
@@ -660,17 +660,17 @@ const jo = p.span`
       $fullWidth: !!n,
       children: [
         i && /* @__PURE__ */ s(Xo, { variant: d, className: Oe("label", t == null ? void 0 : t.label), children: i }),
-        /* @__PURE__ */ k(qo, { children: [
+        /* @__PURE__ */ S(qo, { children: [
           /* @__PURE__ */ s(
             Go,
             {
-              ...v,
+              ...$,
               ref: a,
               type: "text",
               value: x,
-              onChange: V,
-              onBlur: F,
-              onFocus: T,
+              onChange: M,
+              onBlur: D,
+              onFocus: E,
               disabled: o,
               $size: c,
               $variant: d,
@@ -682,20 +682,20 @@ const jo = p.span`
         /* @__PURE__ */ s(
           Zo,
           {
-            $open: L && X,
+            $open: O && W,
             className: Oe("dropdown", t == null ? void 0 : t.dropdown),
-            children: $.length > 0 ? $.map((O) => /* @__PURE__ */ k(
+            children: v.length > 0 ? v.map((A) => /* @__PURE__ */ S(
               Jo,
               {
-                onClick: () => z(O),
+                onClick: () => k(A),
                 className: Oe("item", t == null ? void 0 : t.item),
                 children: [
-                  O.image_url && /* @__PURE__ */ s(Qo, { src: O.image_url, alt: O.value }),
-                  /* @__PURE__ */ s(ei, { children: O.value })
+                  A.image_url && /* @__PURE__ */ s(Qo, { src: A.image_url, alt: A.value }),
+                  /* @__PURE__ */ s(ei, { children: A.value })
                 ]
               },
-              O.id
-            )) : !b && /* @__PURE__ */ s(ti, { children: S })
+              A.id
+            )) : !b && /* @__PURE__ */ s(ti, { children: z })
           }
         )
       ]
@@ -908,13 +908,13 @@ const jo = p.span`
   border-radius: 4px;
   width: fit-content;
   background-color: ${(e) => e.$variant === "light" ? l(r.white, 25) : l(r.black, 25)};
-`, ui = M("key-symbol"), hi = ({
+`, ui = F("key-symbol"), hi = ({
   className: e,
   ref: t,
   symbol: o,
   variant: n = "light",
   ...i
-}) => o ? /* @__PURE__ */ s(pi, { ...i, ref: t, className: ui("container", e), $variant: n, children: o }) : null, er = M("key-bindings"), gi = ({
+}) => o ? /* @__PURE__ */ s(pi, { ...i, ref: t, className: ui("container", e), $variant: n, children: o }) : null, er = F("key-bindings"), gi = ({
   className: e,
   classnames: t,
   keys: o,
@@ -932,7 +932,7 @@ const jo = p.span`
     },
     d
   )) });
-}, tr = M("button"), at = ({
+}, tr = F("button"), at = ({
   children: e,
   className: t,
   classnames: o,
@@ -946,12 +946,12 @@ const jo = p.span`
   size: h = "default",
   type: f = "button",
   variant: y = "normal",
-  ...S
+  ...z
 }) => {
-  const v = U(null);
-  Io(u, () => v.current, []), Oo(g, () => {
+  const $ = X(null);
+  Io(u, () => $.current, []), Oo(g, () => {
     var m;
-    (m = v.current) == null || m.click();
+    (m = $.current) == null || m.click();
   });
   const x = te(() => {
     switch (f) {
@@ -961,12 +961,12 @@ const jo = p.span`
         return f;
     }
   }, [f]);
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ S(
     ai,
     {
-      ...S,
+      ...z,
       onClick: d,
-      ref: v,
+      ref: $,
       type: x,
       disabled: n,
       className: tr("container", t),
@@ -987,7 +987,7 @@ const jo = p.span`
   border-radius: 16px;
   border: ${(e) => e.$border ? `1px solid ${l(r["iron-grey"], 15)}` : "none"};
   box-shadow: ${(e) => e.$shadow ? `0 2px 8px ${l(r.black, 10)}` : "none"};
-`, fi = M("card"), Yd = ({
+`, fi = F("card"), Yd = ({
   children: e,
   className: t,
   ref: o,
@@ -1085,7 +1085,7 @@ const jo = p.span`
       text-decoration: none;
     }
   }
-`, _e = M("checkbox"), Ht = ({
+`, _e = F("checkbox"), Ht = ({
   checked: e,
   className: t,
   classnames: o,
@@ -1096,7 +1096,7 @@ const jo = p.span`
   ref: d,
   variant: u = "normal",
   ...g
-}) => /* @__PURE__ */ k(
+}) => /* @__PURE__ */ S(
   xi,
   {
     className: _e("container", t),
@@ -1261,7 +1261,7 @@ const jo = p.span`
   label[data-disabled='true'] & {
     color: ${(e) => ye(e.$variant).description.disabled};
   }
-`, Ge = M("checkbox-card"), Vd = ({
+`, Ge = F("checkbox-card"), Vd = ({
   checked: e,
   className: t,
   classnames: o,
@@ -1273,7 +1273,7 @@ const jo = p.span`
   ref: u,
   variant: g = "normal",
   ...h
-}) => /* @__PURE__ */ k(
+}) => /* @__PURE__ */ S(
   mi,
   {
     className: Ge("container", t),
@@ -1307,7 +1307,7 @@ const jo = p.span`
           "aria-hidden": !0
         }
       ),
-      /* @__PURE__ */ k(Si, { className: Ge("content", o == null ? void 0 : o.content), children: [
+      /* @__PURE__ */ S(Si, { className: Ge("content", o == null ? void 0 : o.content), children: [
         /* @__PURE__ */ s(zi, { className: Ge("label", o == null ? void 0 : o.label), $variant: g, children: c }),
         n && /* @__PURE__ */ s(
           Pi,
@@ -1339,7 +1339,7 @@ const jo = p.span`
   display: flex;
   flex-direction: column;
   gap: 12px;
-`, $t = M("checkbox-group"), Hd = ({
+`, $t = F("checkbox-group"), Hd = ({
   className: e,
   classnames: t,
   disabled: o,
@@ -1353,7 +1353,7 @@ const jo = p.span`
   const g = (h, f) => {
     i(f ? [...d, h] : d.filter((y) => y !== h));
   };
-  return /* @__PURE__ */ k(Ei, { ...u, ref: c, className: $t("container", e), children: [
+  return /* @__PURE__ */ S(Ei, { ...u, ref: c, className: $t("container", e), children: [
     n && /* @__PURE__ */ s(Ti, { className: $t("label", t == null ? void 0 : t.label), $disabled: o, children: n }),
     /* @__PURE__ */ s(Ci, { className: $t("options", t == null ? void 0 : t.options), children: a.map((h) => /* @__PURE__ */ s(
       Ht,
@@ -1425,7 +1425,7 @@ const jo = p.span`
 `, Ii = p.span`
   flex: 1 0 auto;
   text-align: center;
-`, yt = M("chip"), Dt = ({
+`, yt = F("chip"), Dt = ({
   children: e,
   className: t,
   classnames: o,
@@ -1434,7 +1434,7 @@ const jo = p.span`
   ref: a,
   variant: c = "gray",
   ...d
-}) => /* @__PURE__ */ k(
+}) => /* @__PURE__ */ S(
   Ri,
   {
     ...d,
@@ -1500,14 +1500,14 @@ const jo = p.span`
   align-items: center;
   gap: 8px;
 `, Bi = ({ confirmation: e, onDone: t }) => {
-  const [o, n] = D(!1), [i, a] = D(!1), { message: c, onConfirm: d, onCancel: u, options: g } = e, h = g.confirmLabel || Li, f = g.cancelLabel || Ai, y = I(
+  const [o, n] = _(!1), [i, a] = _(!1), { message: c, onConfirm: d, onCancel: u, options: g } = e, h = g.confirmLabel || Li, f = g.cancelLabel || Ai, y = N(
     (x) => {
       n(!0), setTimeout(() => {
         x == null || x(), t();
       }, 200);
     },
     [t]
-  ), S = I(async () => {
+  ), z = N(async () => {
     const x = d();
     if (x instanceof Promise) {
       a(!0);
@@ -1518,24 +1518,24 @@ const jo = p.span`
       }
     }
     y();
-  }, [y, d]), v = I(() => {
+  }, [y, d]), $ = N(() => {
     i || y(u);
   }, [y, i, u]);
   return ne(() => {
     const x = (m) => {
-      m.key === "Escape" && !i && v();
+      m.key === "Escape" && !i && $();
     };
     return document.addEventListener("keydown", x), () => document.removeEventListener("keydown", x);
-  }, [v, i]), /* @__PURE__ */ k(Di, { $isExiting: o, children: [
+  }, [$, i]), /* @__PURE__ */ S(Di, { $isExiting: o, children: [
     /* @__PURE__ */ s(Fi, { children: c }),
-    /* @__PURE__ */ k(Mi, { children: [
-      /* @__PURE__ */ s(at, { variant: "system", size: "compact", onClick: v, disabled: i, children: f }),
-      /* @__PURE__ */ s(at, { variant: "danger", size: "compact", onClick: S, loading: i, children: h })
+    /* @__PURE__ */ S(Mi, { children: [
+      /* @__PURE__ */ s(at, { variant: "system", size: "compact", onClick: $, disabled: i, children: f }),
+      /* @__PURE__ */ s(at, { variant: "danger", size: "compact", onClick: z, loading: i, children: h })
     ] })
   ] });
 }, Mr = ct(null), Yi = () => {
 }, jd = ({ children: e }) => {
-  const [t, o] = D(null), n = I(
+  const [t, o] = _(null), n = N(
     (a, c, d, u) => {
       o({
         open: !0,
@@ -1546,10 +1546,10 @@ const jo = p.span`
       });
     },
     []
-  ), i = I(() => {
+  ), i = N(() => {
     o(null);
   }, []);
-  return /* @__PURE__ */ k(Mr.Provider, { value: { show: n, hide: i }, children: [
+  return /* @__PURE__ */ S(Mr.Provider, { value: { show: n, hide: i }, children: [
     e,
     t && /* @__PURE__ */ s(Bi, { confirmation: t, onDone: i })
   ] });
@@ -1586,7 +1586,7 @@ const jo = p.span`
   ${Ae("2xl")} {
     max-width: ${De["2xl"]};
   }
-`, Hi = M("container"), Ud = ({
+`, Hi = F("container"), Ud = ({
   children: e,
   className: t,
   ref: o,
@@ -1644,12 +1644,12 @@ const jo = p.span`
     focus: l(r.red, 30)
   }
 }, se = 36, ut = 2, ji = 12, Wi = (e, t, o = "en") => {
-  const n = e.getFullYear(), i = e.getMonth(), a = e.getDate(), c = e.getHours(), d = e.getMinutes(), u = e.getSeconds(), g = c % 12 || 12, h = c >= 12, f = new Intl.DateTimeFormat(o, { month: "long" }).format(e), y = new Intl.DateTimeFormat(o, { month: "short" }).format(e), S = new Intl.DateTimeFormat(o, { weekday: "long" }).format(e), v = new Intl.DateTimeFormat(o, { weekday: "short" }).format(e), x = (C) => C.toString().padStart(2, "0"), m = (C) => C.toString().padStart(2, " "), $ = (C) => `\0${C}\0`, w = [
+  const n = e.getFullYear(), i = e.getMonth(), a = e.getDate(), c = e.getHours(), d = e.getMinutes(), u = e.getSeconds(), g = c % 12 || 12, h = c >= 12, f = new Intl.DateTimeFormat(o, { month: "long" }).format(e), y = new Intl.DateTimeFormat(o, { month: "short" }).format(e), z = new Intl.DateTimeFormat(o, { weekday: "long" }).format(e), $ = new Intl.DateTimeFormat(o, { weekday: "short" }).format(e), x = (C) => C.toString().padStart(2, "0"), m = (C) => C.toString().padStart(2, " "), v = (C) => `\0${C}\0`, w = [
     ["2006", "YEARFOUR", n.toString()],
     ["January", "MONTHLONG", f],
-    ["Monday", "WEEKDAYLONG", S],
+    ["Monday", "WEEKDAYLONG", z],
     ["Jan", "MONTHSHORT", y],
-    ["Mon", "WEEKDAYSHORT", v],
+    ["Mon", "WEEKDAYSHORT", $],
     ["06", "YEARTWO", n.toString().slice(-2)],
     ["01", "MONTHPAD", x(i + 1)],
     ["_2", "DAYSPACE", m(a)],
@@ -1666,10 +1666,10 @@ const jo = p.span`
     ["3", "HOURTWELVE", g.toString()]
   ];
   let b = t;
-  for (const [C, L] of w)
-    b = b.split(C).join($(L));
-  for (const [, C, L] of w)
-    b = b.split($(C)).join(L);
+  for (const [C, O] of w)
+    b = b.split(C).join(v(O));
+  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);
@@ -1948,7 +1948,7 @@ const jo = p.span`
 `, fn = p.div`
   width: ${se}px;
   height: ${se}px;
-`, ee = M("date-picker"), Ke = 4, xn = 300, Xd = ({
+`, ee = F("date-picker"), Ke = 4, xn = 300, Xd = ({
   value: e,
   onChange: t,
   mode: o = "date",
@@ -1962,181 +1962,181 @@ const jo = p.span`
   variant: h = "normal",
   disabled: f = !1,
   fullWidth: y = !1,
-  label: S,
-  portalRenderNode: v,
+  label: z,
+  portalRenderNode: $,
   open: x,
   onOpen: m,
-  onClose: $,
+  onClose: v,
   className: w,
   classnames: b,
   ref: C,
-  ...L
+  ...O
 }) => {
-  const _ = te(() => /* @__PURE__ */ new Date(), []), [X, N] = D(!1), [Y, A] = D({ top: 0, left: 0 }), [P, V] = D("bottom"), [z, F] = D(() => o === "year" ? "years" : o === "month" ? "months" : "days"), [T, O] = D(() => e ?? _), [H, j] = D(() => ((e == null ? void 0 : e.getFullYear()) ?? _.getFullYear()) - 6), q = U(null), R = U(null), B = U(null), J = x !== void 0, Q = J ? x : X, me = n ?? Qi(o), We = te(() => Gi(a, c), [a, c]), ht = te(() => Ki(a), [a]), eo = te(
-    () => qi(T.getFullYear(), T.getMonth(), c),
-    [T, c]
-  ), Ue = te(() => Ji(H + 6, 12), [H]), jt = te(() => e ? Wi(e, me, a) : null, [e, me, a]), to = i ?? me.replace(/2006|06|January|Jan|01|02/g, "__"), Ce = I(() => {
+  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(
+    () => 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(() => {
     var Ne;
-    if (!R.current) return;
-    const E = R.current.getBoundingClientRect(), W = ((Ne = B.current) == null ? void 0 : Ne.offsetHeight) ?? xn, Re = window.innerHeight - E.bottom - Ke, Xe = E.top - Ke, ke = Re < W && Xe > Re ? "top" : "bottom";
-    if (V(ke), v) {
-      const qe = ke === "bottom" ? E.bottom + Ke : E.top - W - Ke;
-      A({
+    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";
+    if (M(ke), $) {
+      const qe = ke === "bottom" ? P.bottom + Ke : P.top - U - Ke;
+      V({
         top: qe,
-        left: E.left
+        left: P.left
       });
     }
-  }, [v]), Wt = I(() => {
+  }, [$]), Wt = N(() => {
     if (f) return;
-    J || N(!0), m == null || m(), F(o === "year" ? "years" : o === "month" ? "months" : "days");
-    const E = e ?? _;
-    O(E), j(E.getFullYear() - 6);
-  }, [f, J, m, o, e, _]), re = I(() => {
-    J || N(!1), $ == null || $();
-  }, [J, $]), ro = I(() => {
+    J || I(!0), m == null || m(), D(o === "year" ? "years" : o === "month" ? "months" : "days");
+    const P = e ?? L;
+    A(P), H(P.getFullYear() - 6);
+  }, [f, J, m, o, e, L]), re = N(() => {
+    J || I(!1), v == null || v();
+  }, [J, v]), ro = N(() => {
     Q ? re() : Wt();
-  }, [Q, re, Wt]), oo = I(
-    (E) => {
-      const W = new Date(T.getFullYear(), T.getMonth(), E);
-      t == null || t(W), re();
+  }, [Q, re, Wt]), oo = N(
+    (P) => {
+      const U = new Date(E.getFullYear(), E.getMonth(), P);
+      t == null || t(U), re();
     },
-    [T, t, re]
-  ), io = I(
-    (E) => {
+    [E, t, re]
+  ), io = N(
+    (P) => {
       if (o === "month") {
-        const W = new Date(T.getFullYear(), E, 1);
-        t == null || t(W), re();
+        const U = new Date(E.getFullYear(), P, 1);
+        t == null || t(U), re();
       } else
-        O(new Date(T.getFullYear(), E, 1)), F("days");
+        A(new Date(E.getFullYear(), P, 1)), D("days");
     },
-    [o, T, t, re]
-  ), no = I(
-    (E) => {
+    [o, E, t, re]
+  ), no = N(
+    (P) => {
       if (o === "year") {
-        const W = new Date(E, 0, 1);
-        t == null || t(W), re();
-      } else o === "month" ? (O(new Date(E, T.getMonth(), 1)), F("months")) : (O(new Date(E, T.getMonth(), 1)), F("months"));
+        const U = new Date(P, 0, 1);
+        t == null || t(U), re();
+      } else o === "month" ? (A(new Date(P, E.getMonth(), 1)), D("months")) : (A(new Date(P, E.getMonth(), 1)), D("months"));
     },
-    [o, T, t, re]
-  ), ao = I(() => {
-    O((E) => new Date(E.getFullYear(), E.getMonth() - 1, 1));
-  }, []), lo = I(() => {
-    O((E) => new Date(E.getFullYear(), E.getMonth() + 1, 1));
-  }, []), co = I(() => {
-    O((E) => new Date(E.getFullYear() - 1, E.getMonth(), 1));
-  }, []), so = I(() => {
-    O((E) => new Date(E.getFullYear() + 1, E.getMonth(), 1));
-  }, []), po = I(() => {
-    j((E) => E - 12);
-  }, []), uo = I(() => {
-    j((E) => E + 12);
-  }, []), Ut = I(() => {
-    z === "days" ? F("months") : z === "months" && F("years");
-  }, [z]);
+    [o, E, t, re]
+  ), ao = N(() => {
+    A((P) => new Date(P.getFullYear(), P.getMonth() - 1, 1));
+  }, []), lo = N(() => {
+    A((P) => new Date(P.getFullYear(), P.getMonth() + 1, 1));
+  }, []), co = N(() => {
+    A((P) => new Date(P.getFullYear() - 1, P.getMonth(), 1));
+  }, []), so = N(() => {
+    A((P) => new Date(P.getFullYear() + 1, P.getMonth(), 1));
+  }, []), po = N(() => {
+    H((P) => P - 12);
+  }, []), uo = N(() => {
+    H((P) => P + 12);
+  }, []), Ut = N(() => {
+    k === "days" ? D("months") : k === "months" && D("years");
+  }, [k]);
   pt(() => {
     Q && Ce();
   }, [Q, Ce]), ne(() => {
-    const E = (ke) => {
+    const P = (ke) => {
       const Ne = ke.target, qe = q.current && !q.current.contains(Ne), $o = B.current && !B.current.contains(Ne);
-      v ? qe && $o && re() : qe && re();
-    }, W = (ke) => {
+      $ ? qe && $o && re() : qe && re();
+    }, U = (ke) => {
       ke.key === "Escape" && re();
     }, Re = () => {
-      Q && v && Ce();
+      Q && $ && Ce();
     }, Xe = () => {
-      Q && v && Ce();
+      Q && $ && Ce();
     };
-    return Q && (document.addEventListener("mousedown", E), document.addEventListener("keydown", W), v && (window.addEventListener("scroll", Re, !0), window.addEventListener("resize", Xe))), () => {
-      document.removeEventListener("mousedown", E), document.removeEventListener("keydown", W), window.removeEventListener("scroll", Re, !0), window.removeEventListener("resize", Xe);
+    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);
     };
-  }, [Q, re, v, Ce]);
-  const ho = nt[g].iconSize, go = () => /* @__PURE__ */ k(it, { children: [
-    /* @__PURE__ */ k(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(T) }),
-      /* @__PURE__ */ k(mt, { children: [
+  }, [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(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((E, W) => /* @__PURE__ */ s(cn, { children: E }, W)) }),
+    /* @__PURE__ */ s(dn, { children: We.map((P, U) => /* @__PURE__ */ s(cn, { children: P }, U)) }),
     /* @__PURE__ */ s(sn, { className: ee("grid", b == null ? void 0 : b.grid), children: eo.map(
-      (E, W) => E === null ? /* @__PURE__ */ s(fn, {}, W) : /* @__PURE__ */ s(
+      (P, U) => P === null ? /* @__PURE__ */ s(fn, {}, U) : /* @__PURE__ */ s(
         pn,
         {
           type: "button",
           className: ee("cell", b == null ? void 0 : b.cell),
-          $selected: e ? ar(e, new Date(T.getFullYear(), T.getMonth(), E)) : !1,
-          $today: ar(_, new Date(T.getFullYear(), T.getMonth(), E)),
+          $selected: e ? ar(e, new Date(E.getFullYear(), E.getMonth(), P)) : !1,
+          $today: ar(L, new Date(E.getFullYear(), E.getMonth(), P)),
           $disabled: dr(
-            T.getFullYear(),
-            T.getMonth(),
-            E,
+            E.getFullYear(),
+            E.getMonth(),
+            P,
             d,
             u
           ),
           disabled: dr(
-            T.getFullYear(),
-            T.getMonth(),
-            E,
+            E.getFullYear(),
+            E.getMonth(),
+            P,
             d,
             u
           ),
-          onClick: () => oo(E),
-          children: E
+          onClick: () => oo(P),
+          children: P
         },
-        W
+        U
       )
     ) })
-  ] }), bo = () => /* @__PURE__ */ k(it, { children: [
-    /* @__PURE__ */ k(vt, { className: ee("header", b == null ? void 0 : b.header), children: [
-      /* @__PURE__ */ s(wt, { onClick: Ut, type: "button", children: T.getFullYear() }),
-      /* @__PURE__ */ k(mt, { children: [
+  ] }), 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(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((E, W) => /* @__PURE__ */ s(
+    /* @__PURE__ */ s(un, { className: ee("grid", b == null ? void 0 : b.grid), children: ht.map((P, U) => /* @__PURE__ */ s(
       hn,
       {
         type: "button",
         className: ee("cell", b == null ? void 0 : b.cell),
-        $selected: e ? lr(e, new Date(T.getFullYear(), W, 1)) : !1,
-        $current: lr(_, new Date(T.getFullYear(), W, 1)),
-        $disabled: cr(T.getFullYear(), W, d, u),
-        disabled: cr(T.getFullYear(), W, d, u),
-        onClick: () => io(W),
-        children: E
+        $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),
+        children: P
       },
-      W
+      U
     )) })
-  ] }), fo = () => /* @__PURE__ */ k(it, { children: [
-    /* @__PURE__ */ k(vt, { className: ee("header", b == null ? void 0 : b.header), children: [
-      /* @__PURE__ */ k(wt, { type: "button", style: { cursor: "default" }, children: [
+  ] }), 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],
         " - ",
         Ue[Ue.length - 1]
       ] }),
-      /* @__PURE__ */ k(mt, { children: [
+      /* @__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((E) => /* @__PURE__ */ s(
+    /* @__PURE__ */ s(gn, { className: ee("grid", b == null ? void 0 : b.grid), children: Ue.map((P) => /* @__PURE__ */ s(
       bn,
       {
         type: "button",
         className: ee("cell", b == null ? void 0 : b.cell),
-        $selected: e ? Zi(e, new Date(E, 0, 1)) : !1,
-        $current: _.getFullYear() === E,
-        $disabled: sr(E, d, u),
-        disabled: sr(E, d, u),
-        onClick: () => no(E),
-        children: E
+        $selected: e ? Zi(e, new Date(P, 0, 1)) : !1,
+        $current: L.getFullYear() === P,
+        $disabled: sr(P, d, u),
+        disabled: sr(P, d, u),
+        onClick: () => no(P),
+        children: P
       },
-      E
+      P
     )) })
   ] }), Xt = () => {
-    switch (z) {
+    switch (k) {
       case "days":
         return go();
       case "months":
@@ -2144,42 +2144,42 @@ const jo = p.span`
       case "years":
         return fo();
     }
-  }, xo = v ? we(
+  }, xo = $ ? we(
     /* @__PURE__ */ s(
       ln,
       {
         ref: B,
         $open: Q,
-        $position: P,
+        $position: R,
         className: ee("calendar", b == null ? void 0 : b.calendar),
         style: { top: Y.top, left: Y.left },
         children: Xt()
       }
     ),
-    v
+    $
   ) : /* @__PURE__ */ s(
     an,
     {
       ref: B,
       $open: Q,
-      $position: P,
+      $position: R,
       className: ee("calendar", b == null ? void 0 : b.calendar),
       children: Xt()
     }
   );
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ S(
     en,
     {
-      ...L,
+      ...O,
       ref: C ?? q,
       $fullWidth: y,
       className: ee("container", w),
       children: [
-        S && /* @__PURE__ */ s(tn, { children: S }),
-        /* @__PURE__ */ k(
+        z && /* @__PURE__ */ s(tn, { children: z }),
+        /* @__PURE__ */ S(
           rn,
           {
-            ref: R,
+            ref: T,
             type: "button",
             onClick: ro,
             disabled: f,
@@ -2242,7 +2242,7 @@ const jo = p.span`
   box-shadow: 0 4px 24px ${l(r.black, 20)};
   ${(e) => yn(e.$position, e.$size)}
   animation: ${(e) => $n[e.$position]} ${(e) => e.$animated ? "0.05s" : "0s"} ease-out forwards;
-`, wn = M("drawer"), qd = ({
+`, wn = F("drawer"), qd = ({
   animated: e,
   children: t,
   className: o,
@@ -2300,89 +2300,94 @@ const jo = p.span`
     opacity 0.15s ease,
     transform 0.15s ease,
     visibility 0.15s;
-`, Ze = M("dropdown"), Je = 4, Pn = 100, Gd = ({
+`, Ze = F("dropdown"), Je = 4, Pn = 100, Gd = ({
   align: e = "left",
-  children: t,
-  className: o,
-  classnames: n,
-  onClose: i,
-  onOpen: a,
-  open: c,
-  portalRenderNode: d,
-  ref: u,
-  trigger: g,
-  ...h
+  autoClose: t = !0,
+  children: o,
+  className: n,
+  classnames: i,
+  onClose: a,
+  onOpen: c,
+  open: d,
+  portalRenderNode: u,
+  ref: g,
+  trigger: h,
+  ...f
 }) => {
-  const [f, y] = D(!1), [S, v] = D({ top: 0, left: 0 }), [x, m] = D("bottom"), $ = U(null), w = U(null), b = U(null), C = c !== void 0, L = C ? c : f, _ = I(() => {
-    var O, H;
-    if (!w.current) return;
-    const A = w.current.getBoundingClientRect(), P = ((O = b.current) == null ? void 0 : O.offsetHeight) ?? Pn, V = ((H = b.current) == null ? void 0 : H.offsetWidth) ?? 160, z = window.innerHeight - A.bottom - Je, F = A.top - Je, T = z < P && F > z ? "top" : "bottom";
-    if (m(T), d) {
-      let j;
-      e === "left" ? j = A.left : j = A.right - V;
-      const q = T === "bottom" ? A.bottom + Je : A.top - P - Je;
-      v({ top: q, left: j });
+  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(() => {
+    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";
+    if (v(j), u) {
+      let T;
+      e === "left" ? T = M.left : T = M.right - D;
+      const B = j === "bottom" ? M.bottom + Je : M.top - k - Je;
+      x({ top: B, left: T });
     }
-  }, [e, d]), X = I(() => {
-    C ? L ? i == null || i() : a == null || a() : y((A) => {
-      const P = !A;
-      return P ? a == null || a() : i == null || i(), P;
+  }, [e, u]), I = N(() => {
+    O ? L ? a == null || a() : c == null || c() : z((M) => {
+      const k = !M;
+      return k ? c == null || c() : a == null || a(), k;
     });
-  }, [C, L, i, a]), N = I(() => {
-    C || y(!1), i == null || i();
-  }, [C, i]);
+  }, [O, L, a, c]), Y = N(() => {
+    O || z(!1), a == null || a();
+  }, [O, a]), V = N(() => {
+    t && Y();
+  }, [t, Y]);
   pt(() => {
-    L && _();
-  }, [L, _]), ne(() => {
-    const A = (F) => {
-      const T = F.target, O = $.current && !$.current.contains(T), H = b.current && !b.current.contains(T);
-      d ? O && H && N() : O && N();
-    }, P = (F) => {
-      F.key === "Escape" && N();
-    }, V = () => {
-      L && d && _();
-    }, z = () => {
-      L && d && _();
+    L && W();
+  }, [L, W]), ne(() => {
+    const M = (A) => {
+      const j = A.target, H = w.current && !w.current.contains(j), q = C.current && !C.current.contains(j);
+      u ? H && q && Y() : H && Y();
+    }, k = (A) => {
+      A.key === "Escape" && Y();
+    }, D = () => {
+      L && u && W();
+    }, E = () => {
+      L && u && W();
     };
-    return L && (document.addEventListener("mousedown", A), document.addEventListener("keydown", P), d && (window.addEventListener("scroll", V, !0), window.addEventListener("resize", z))), () => {
-      document.removeEventListener("mousedown", A), document.removeEventListener("keydown", P), window.removeEventListener("scroll", V, !0), window.removeEventListener("resize", z);
+    return L && (document.addEventListener("mousedown", M), document.addEventListener("keydown", k), u && (window.addEventListener("scroll", D, !0), window.addEventListener("resize", E))), () => {
+      document.removeEventListener("mousedown", M), document.removeEventListener("keydown", k), window.removeEventListener("scroll", D, !0), window.removeEventListener("resize", E);
     };
-  }, [L, N, d, _]);
-  const Y = d ? we(
+  }, [L, Y, u, W]);
+  const R = u ? we(
     /* @__PURE__ */ s(
       zn,
       {
-        ref: b,
+        ref: C,
         $open: L,
-        $position: x,
-        className: Ze("content", n == null ? void 0 : n.content),
-        style: { top: S.top, left: S.left },
-        children: t
+        $position: m,
+        className: Ze("content", i == null ? void 0 : i.content),
+        style: { top: $.top, left: $.left },
+        onClick: V,
+        children: o
       }
     ),
-    d
+    u
   ) : /* @__PURE__ */ s(
     Sn,
     {
-      ref: b,
+      ref: C,
       $align: e,
       $open: L,
-      $position: x,
-      className: Ze("content", n == null ? void 0 : n.content),
-      children: t
+      $position: m,
+      className: Ze("content", i == null ? void 0 : i.content),
+      onClick: V,
+      children: o
     }
   );
-  return /* @__PURE__ */ k(mn, { ...h, ref: u ?? $, className: Ze("container", o), children: [
+  return /* @__PURE__ */ S(mn, { ...f, ref: g ?? w, className: Ze("container", n), children: [
     /* @__PURE__ */ s(
       kn,
       {
-        ref: w,
-        onClick: X,
-        className: Ze("trigger", n == null ? void 0 : n.trigger),
-        children: Lo(g)
+        ref: b,
+        onClick: I,
+        className: Ze("trigger", i == null ? void 0 : i.trigger),
+        children: Lo(h)
       }
     ),
-    Y
+    R
   ] });
 }, En = p.div`
   display: inline-flex;
@@ -2424,31 +2429,31 @@ const jo = p.span`
   classnames: a,
   "data-test-id": c
 }) => {
-  const [d, u] = D(!1), g = U(null), h = U(null), f = I(() => {
+  const [d, u] = _(!1), g = X(null), h = X(null), f = N(() => {
     var x;
     u(!1);
-    const v = ((x = h.current) == null ? void 0 : x.textContent) || "";
-    v !== e && t(v);
+    const $ = ((x = h.current) == null ? void 0 : x.textContent) || "";
+    $ !== e && t($);
   }, [t, e]);
   ne(() => {
     if (d && h.current) {
       h.current.focus();
-      const v = document.createRange(), x = window.getSelection();
-      v.selectNodeContents(h.current), v.collapse(!1), x == null || x.removeAllRanges(), x == null || x.addRange(v);
+      const $ = document.createRange(), x = window.getSelection();
+      $.selectNodeContents(h.current), $.collapse(!1), x == null || x.removeAllRanges(), x == null || x.addRange($);
     }
   }, [d]), ne(() => {
     if (!d) return;
-    const v = (x) => {
+    const $ = (x) => {
       g.current && !g.current.contains(x.target) && f();
     };
-    return document.addEventListener("mousedown", v), () => document.removeEventListener("mousedown", v);
+    return document.addEventListener("mousedown", $), () => document.removeEventListener("mousedown", $);
   }, [d, f]);
   const y = () => {
     o || u(!0);
-  }, S = (v) => {
-    v.key === "Enter" && v.metaKey ? (v.preventDefault(), f()) : v.key === "Escape" && (h.current && (h.current.textContent = e), u(!1));
+  }, z = ($) => {
+    $.key === "Enter" && $.metaKey ? ($.preventDefault(), f()) : $.key === "Escape" && (h.current && (h.current.textContent = e), u(!1));
   };
-  return /* @__PURE__ */ k(En, { ref: g, className: i, "data-test-id": c, children: [
+  return /* @__PURE__ */ S(En, { ref: g, className: i, "data-test-id": c, children: [
     /* @__PURE__ */ s(
       Tn,
       {
@@ -2456,7 +2461,7 @@ const jo = p.span`
         className: a == null ? void 0 : a.text,
         contentEditable: d,
         suppressContentEditableWarning: !0,
-        onKeyDown: S,
+        onKeyDown: z,
         $isEmpty: !e,
         children: e || n
       }
@@ -2485,7 +2490,7 @@ const jo = p.span`
   font-weight: 500;
   line-height: 1.4;
   color: ${(e) => Rn[e.$variant]};
-`, In = M("field-message"), Zd = ({
+`, In = F("field-message"), Zd = ({
   children: e,
   className: t,
   ref: o,
@@ -3082,16 +3087,16 @@ const na = (e) => {
   const n = $e("previewImage", t.css);
   n && (n.style.marginLeft = `-${e.left}px`, n.style.marginTop = `-${e.top}px`);
 }, kt = 1, Ca = (e) => {
-  var S, v;
+  var z, $;
   const t = e(), o = document.createElement("canvas"), n = t.frame.width || kt, i = t.frame.height || kt, a = t.sourceWidth / n, c = t.sourceHeight / i, d = t.portal.left * a, u = t.portal.top * c, g = Math.max(
     t.portal.size * Math.min(a, c),
     kt
   ), h = t.config.outputSize > 0 ? t.config.outputSize : g;
   o.width = h, o.height = h;
   const f = document.querySelector(
-    `.${(S = t.css) == null ? void 0 : S.sourceImage[0]}`
+    `.${(z = t.css) == null ? void 0 : z.sourceImage[0]}`
   );
-  f && ((v = o.getContext("2d")) == null || v.drawImage(
+  f && (($ = o.getContext("2d")) == null || $.drawImage(
     f,
     d,
     u,
@@ -3109,8 +3114,8 @@ const na = (e) => {
   return new Promise((x, m) => {
     try {
       o.toBlob(
-        ($) => {
-          if (o.remove(), !$) {
+        (v) => {
+          if (o.remove(), !v) {
             m(
               new Error(
                 `Failed to create blob for type: image/${t.config.type}`
@@ -3118,13 +3123,13 @@ const na = (e) => {
             );
             return;
           }
-          x([y, $]);
+          x([y, v]);
         },
         `image/${t.config.type}`,
         t.config.compression
       );
-    } catch ($) {
-      o.remove(), m($);
+    } catch (v) {
+      o.remove(), m(v);
     }
   });
 }, Ra = (e, t, o) => {
@@ -3162,23 +3167,23 @@ const na = (e) => {
     }
     case de.RESIZE_TL: {
       const h = Math.min(u, g);
-      let f = i.size - h, y = i.left + h, S = i.top + h;
+      let f = i.size - h, y = i.left + h, z = i.top + h;
       if (f < d.minPortalSize) {
-        const v = i.size - d.minPortalSize;
-        f = d.minPortalSize, y = i.left + v, S = i.top + v;
+        const $ = i.size - d.minPortalSize;
+        f = d.minPortalSize, y = i.left + $, z = i.top + $;
       }
-      if (S < d.framePadding) {
-        const v = d.framePadding - S;
-        S = d.framePadding, y = y + v, f = f - v;
+      if (z < d.framePadding) {
+        const $ = d.framePadding - z;
+        z = d.framePadding, y = y + $, f = f - $;
       }
       if (y < d.framePadding) {
-        const v = d.framePadding - y;
-        y = d.framePadding, S = S + v, f = f - v;
+        const $ = d.framePadding - y;
+        y = d.framePadding, z = z + $, f = f - $;
       }
       return o({
         portal: {
           ...a,
-          top: S,
+          top: z,
           left: y,
           size: f
         }
@@ -3224,22 +3229,22 @@ const na = (e) => {
     pageY: t.pageY
   };
 }, Ia = (e, t) => {
-  var y, S, v;
+  var y, z, $;
   const o = e(), n = document.querySelector(
     `.${(y = o.css) == null ? void 0 : y.portal[0]}`
   ), i = document.querySelector(
-    `.${(S = o.css) == null ? void 0 : S.portalArea[0]}`
+    `.${(z = o.css) == null ? void 0 : z.portalArea[0]}`
   ), a = document.querySelector(
-    `.${(v = o.css) == null ? void 0 : v.root[0]}`
+    `.${($ = o.css) == null ? void 0 : $.root[0]}`
   );
   let c = null, d = null;
   const u = (x) => {
     x.preventDefault();
-    const { portal: m } = e(), $ = pr(x);
+    const { portal: m } = e(), v = pr(x);
     if (x.target) {
       const w = x.target.getAttribute("data-action"), b = {
-        X: $.pageX,
-        Y: $.pageY,
+        X: v.pageX,
+        Y: v.pageY,
         left: m.left,
         top: m.top,
         size: m.size
@@ -3294,8 +3299,8 @@ const na = (e) => {
   }
   return null;
 }, Aa = (e, t, o, n, i, a, c) => {
-  const d = ($) => {
-    c ? c($) : console.error(`HqCropper: ${$}`);
+  const d = (v) => {
+    c ? c(v) : console.error(`HqCropper: ${v}`);
   };
   if (!e.target.files || e.target.files.length === 0) {
     d("Can't read file input");
@@ -3308,47 +3313,47 @@ const na = (e) => {
   }
   const f = new FileReader();
   let y = null;
-  const S = () => {
+  const z = () => {
     var b;
-    const $ = t(), w = document.querySelector(
-      `.${(b = $.css) == null ? void 0 : b.root[0]}`
+    const v = t(), w = document.querySelector(
+      `.${(b = v.css) == null ? void 0 : b.root[0]}`
     );
-    w && (w.remove(), document.removeEventListener("keydown", v), y == null || y(), za(), a(), o(Ft));
-  }, v = ($) => {
-    $.key === "Escape" && t().sourceBase64 && x($);
-  }, x = ($) => {
-    $.preventDefault(), S();
-  }, m = ($) => {
-    $.preventDefault();
+    w && (w.remove(), document.removeEventListener("keydown", $), y == null || y(), za(), a(), o(Ft));
+  }, $ = (v) => {
+    v.key === "Escape" && t().sourceBase64 && x(v);
+  }, x = (v) => {
+    v.preventDefault(), z();
+  }, m = (v) => {
+    v.preventDefault();
     const w = t();
     Ca(t).then(([b, C]) => {
-      n(b, C, w), x($);
+      n(b, C, w), x(v);
     }).catch((b) => {
       d(
         b instanceof Error ? b.message : "Failed to crop image"
       );
     });
   };
-  f.onload = ($) => {
+  f.onload = (v) => {
     const w = new Image();
-    if (!$.target || typeof $.target.result != "string") {
+    if (!v.target || typeof v.target.result != "string") {
       d("Can't load result image");
       return;
     }
-    w.src = $.target.result, w.onerror = () => {
+    w.src = v.target.result, w.onerror = () => {
       d("Failed to load image");
     }, w.onload = () => {
-      var L;
+      var O;
       wa(t, m, x), Sa(), i("fileName", Pa), i("sourceBase64", Ea), i("portal", Ta);
       const b = ra(t, w), C = ia(t, b);
       o({
         frame: b,
         portal: C,
         fileName: u.name,
-        sourceBase64: (L = $.target) == null ? void 0 : L.result,
+        sourceBase64: (O = v.target) == null ? void 0 : O.result,
         sourceHeight: w.height,
         sourceWidth: w.width
-      }), y = Ia(t, o), document.addEventListener("keydown", v);
+      }), y = Ia(t, o), document.addEventListener("keydown", $);
     };
   }, f.onerror = () => {
     d("Failed to read file");
@@ -3454,11 +3459,11 @@ const na = (e) => {
     outputSize: u = ue.outputSize,
     portalSize: g = ue.portalSize,
     type: h = ue.type
-  } = e, f = U(null);
-  return { open: I(() => {
+  } = e, f = X(null);
+  return { open: N(() => {
     f.current || (Da(), f.current = Oa(
-      (S, v, x) => {
-        v && (c == null || c({ base64: S, blob: v, state: x }));
+      (z, $, x) => {
+        $ && (c == null || c({ base64: z, blob: $, state: x }));
       },
       {
         portalSize: g,
@@ -3471,8 +3476,8 @@ const na = (e) => {
         cancelButtonLabel: n
       },
       Fa,
-      (S) => {
-        d == null || d({ code: "CROPPER_ERROR", message: S });
+      (z) => {
+        d == null || d({ code: "CROPPER_ERROR", message: z });
       }
     )), f.current.open();
   }, [
@@ -3487,7 +3492,7 @@ const na = (e) => {
     g,
     h
   ]) };
-}, St = M("image-cropper"), Jd = ({
+}, St = F("image-cropper"), Jd = ({
   allowedTypes: e,
   applyLabel: t,
   buttonLabel: o = "Select Image",
@@ -3501,12 +3506,12 @@ const na = (e) => {
   outputSize: h,
   portalSize: f,
   previewSize: y = 120,
-  ref: S,
-  type: v,
+  ref: z,
+  type: $,
   value: x,
   ...m
 }) => {
-  const [$, w] = D(x ?? null), { open: b } = Ma({
+  const [v, w] = _(x ?? null), { open: b } = Ma({
     allowedTypes: e,
     applyLabel: t,
     cancelLabel: n,
@@ -3518,10 +3523,10 @@ const na = (e) => {
     onError: g,
     outputSize: h,
     portalSize: f,
-    type: v
+    type: $
   });
-  return /* @__PURE__ */ k(Ln, { ...m, ref: S, className: St("container", i), children: [
-    /* @__PURE__ */ s(An, { $size: y, className: St("preview", a == null ? void 0 : a.preview), children: $ ? /* @__PURE__ */ s("img", { src: $, alt: "Preview" }) : /* @__PURE__ */ s(On, { children: "No image" }) }),
+  return /* @__PURE__ */ S(Ln, { ...m, ref: z, className: St("container", i), children: [
+    /* @__PURE__ */ s(An, { $size: y, className: St("preview", a == null ? void 0 : a.preview), children: v ? /* @__PURE__ */ s("img", { src: v, alt: "Preview" }) : /* @__PURE__ */ s(On, { children: "No image" }) }),
     /* @__PURE__ */ s(
       at,
       {
@@ -3620,7 +3625,7 @@ const na = (e) => {
       color: ${(e) => he(e.$variant).placeholder.disabled};
     }
   }
-`, Pt = M("input"), Ha = ({
+`, Pt = F("input"), Ha = ({
   className: e,
   classnames: t,
   disabled: o,
@@ -3630,7 +3635,7 @@ const na = (e) => {
   size: c = "default",
   variant: d = "normal",
   ...u
-}) => /* @__PURE__ */ k(Ba, { className: Pt("container", e), $fullWidth: !!n, children: [
+}) => /* @__PURE__ */ S(Ba, { className: Pt("container", e), $fullWidth: !!n, children: [
   /* @__PURE__ */ s(Ya, { variant: d, className: Pt("label", t == null ? void 0 : t.label), children: i }),
   /* @__PURE__ */ s(
     Va,
@@ -3663,7 +3668,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 = M("modal"), Ua = ({
+`, fr = F("modal"), Ua = ({
   animated: e,
   children: t,
   className: o,
@@ -3767,7 +3772,7 @@ const na = (e) => {
   color: ${r["iron-grey"]};
   font-size: 14px;
   text-align: center;
-`, ae = M("multi-select"), Qd = ({
+`, ae = F("multi-select"), Qd = ({
   className: e,
   classnames: t,
   disabled: o = !1,
@@ -3781,95 +3786,95 @@ const na = (e) => {
   ref: h,
   searchPlaceholder: f = "Search...",
   value: y,
-  variant: S = "normal",
-  ...v
+  variant: z = "normal",
+  ...$
 }) => {
-  const [x, m] = D(!1), [$, w] = D(""), b = te(() => u.filter((P) => y.includes(P.value)), [u, y]), C = te(() => {
-    if (!$.trim()) return u;
-    const P = $.toLowerCase().trim();
-    return u.filter((V) => V.label.toLowerCase().includes(P));
-  }, [u, $]), L = a === 1 / 0 ? b : b.slice(0, a), _ = b.length - L.length, X = () => {
+  const [x, m] = _(!1), [v, w] = _(""), b = te(() => u.filter((R) => y.includes(R.value)), [u, y]), C = te(() => {
+    if (!v.trim()) return u;
+    const R = v.toLowerCase().trim();
+    return u.filter((M) => M.label.toLowerCase().includes(R));
+  }, [u, v]), O = a === 1 / 0 ? b : b.slice(0, a), L = b.length - O.length, W = () => {
     o || (m(!0), w(""));
-  }, N = () => {
+  }, I = () => {
     m(!1), w("");
-  }, Y = (P) => {
-    y.includes(P) ? d(y.filter((V) => V !== P)) : d([...y, P]);
-  }, A = (P) => {
-    d(y.filter((V) => V !== P));
+  }, Y = (R) => {
+    y.includes(R) ? d(y.filter((M) => M !== R)) : d([...y, R]);
+  }, V = (R) => {
+    d(y.filter((M) => M !== R));
   };
-  return /* @__PURE__ */ k(Xa, { ...v, ref: h, className: ae("container", e), children: [
-    i && /* @__PURE__ */ s(qa, { $variant: S, className: ae("label", t == null ? void 0 : t.trigger), children: i }),
+  return /* @__PURE__ */ S(Xa, { ...$, 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,
       {
         type: "button",
-        $variant: S,
+        $variant: z,
         $disabled: o,
         disabled: o,
-        onClick: X,
+        onClick: W,
         className: ae("trigger", t == null ? void 0 : t.trigger),
-        children: b.length === 0 ? /* @__PURE__ */ s(Ka, { className: ae("placeholder", t == null ? void 0 : t.placeholder), children: g }) : /* @__PURE__ */ k(it, { children: [
-          L.map((P) => /* @__PURE__ */ s(
+        children: b.length === 0 ? /* @__PURE__ */ s(Ka, { className: ae("placeholder", t == null ? void 0 : t.placeholder), children: g }) : /* @__PURE__ */ S(it, { children: [
+          O.map((R) => /* @__PURE__ */ s(
             Dt,
             {
               deletable: !0,
-              onDelete: () => A(P.value),
-              onClick: (V) => V.stopPropagation(),
+              onDelete: () => V(R.value),
+              onClick: (M) => M.stopPropagation(),
               className: ae("chip", t == null ? void 0 : t.chip),
-              children: P.label
+              children: R.label
             },
-            P.value
+            R.value
           )),
-          _ > 0 && /* @__PURE__ */ k(
+          L > 0 && /* @__PURE__ */ S(
             Dt,
             {
               variant: "gray",
-              onClick: (P) => P.stopPropagation(),
+              onClick: (R) => R.stopPropagation(),
               className: ae("chip", t == null ? void 0 : t.chip),
               children: [
                 "+",
-                _
+                L
               ]
             }
           )
         ] })
       }
     ),
-    /* @__PURE__ */ s(Ua, { open: x, width: "400px", animated: !0, className: ae("modal", t == null ? void 0 : t.modal), children: /* @__PURE__ */ k(Za, { children: [
-      /* @__PURE__ */ k(Ja, { children: [
+    /* @__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(Ja, { children: [
         /* @__PURE__ */ s(Qa, { children: c }),
-        /* @__PURE__ */ s(at, { variant: "transparent", size: "compact", icon: /* @__PURE__ */ s(dt, {}), onClick: N })
+        /* @__PURE__ */ s(at, { variant: "transparent", size: "compact", icon: /* @__PURE__ */ s(dt, {}), onClick: I })
       ] }),
       /* @__PURE__ */ s(
         Ha,
         {
           type: "text",
-          value: $,
-          onChange: (P) => w(P.target.value),
+          value: v,
+          onChange: (R) => w(R.target.value),
           placeholder: f,
           autoFocus: !0,
           fullWidth: !0,
           className: ae("search", t == null ? void 0 : t.search)
         }
       ),
-      /* @__PURE__ */ s(el, { className: ae("options", t == null ? void 0 : t.options), children: C.length === 0 ? /* @__PURE__ */ s(ol, { className: ae("empty", t == null ? void 0 : t.empty), children: n }) : C.map((P) => /* @__PURE__ */ k(
+      /* @__PURE__ */ s(el, { className: ae("options", t == null ? void 0 : t.options), children: C.length === 0 ? /* @__PURE__ */ s(ol, { className: ae("empty", t == null ? void 0 : t.empty), children: n }) : C.map((R) => /* @__PURE__ */ S(
         tl,
         {
-          $disabled: !!P.disabled,
+          $disabled: !!R.disabled,
           className: ae("option", t == null ? void 0 : t.option),
           children: [
             /* @__PURE__ */ s(
               Ht,
               {
-                checked: y.includes(P.value),
-                disabled: P.disabled,
-                onChange: () => Y(P.value)
+                checked: y.includes(R.value),
+                disabled: R.disabled,
+                onChange: () => Y(R.value)
               }
             ),
-            /* @__PURE__ */ s(rl, { children: P.label })
+            /* @__PURE__ */ s(rl, { children: R.label })
           ]
         },
-        P.value
+        R.value
       )) })
     ] }) })
   ] });
@@ -3946,7 +3951,7 @@ const na = (e) => {
   onRemove: t,
   onAnimationEnd: o
 }) => {
-  const [n, i] = D(!1), a = () => {
+  const [n, i] = _(!1), a = () => {
     i(!0);
   }, c = () => {
     n && (t(), o());
@@ -3956,7 +3961,7 @@ const na = (e) => {
       a();
     }, e.duration);
     return () => clearTimeout(d);
-  }, [e.duration, e.id]), /* @__PURE__ */ s(cl, { children: /* @__PURE__ */ k(
+  }, [e.duration, e.id]), /* @__PURE__ */ s(cl, { children: /* @__PURE__ */ S(
     al,
     {
       $variant: e.variant,
@@ -3999,7 +4004,7 @@ const na = (e) => {
   current: null,
   queue: []
 }, ec = ({ children: e }) => {
-  const [t, o] = Dr(pl, ul), n = I(
+  const [t, o] = Dr(pl, ul), n = N(
     (d, u = "default", g = il) => {
       const h = `notification-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
       o({
@@ -4013,16 +4018,16 @@ const na = (e) => {
       });
     },
     []
-  ), i = I(() => {
+  ), i = N(() => {
     o({ type: "REMOVE_CURRENT" });
-  }, []), a = I(() => {
+  }, []), a = N(() => {
     o({ type: "REMOVE_CURRENT" });
-  }, []), c = I(() => {
+  }, []), c = N(() => {
     setTimeout(() => {
       o({ type: "SHOW_NEXT" });
     }, 100);
   }, []);
-  return /* @__PURE__ */ k(Wr.Provider, { value: { show: n, hide: i }, children: [
+  return /* @__PURE__ */ S(Wr.Provider, { value: { show: n, hide: i }, children: [
     e,
     /* @__PURE__ */ s(nl, { children: t.current && /* @__PURE__ */ s(
       sl,
@@ -4119,7 +4124,7 @@ const na = (e) => {
   &::selection {
     background-color: transparent;
   }
-`, Et = M("otp-code"), rc = ({
+`, Et = F("otp-code"), rc = ({
   autoFocus: e,
   className: t,
   classnames: o,
@@ -4133,49 +4138,49 @@ const na = (e) => {
   variant: h = "normal",
   ...f
 }) => {
-  const y = U([]);
+  const y = X([]);
   ne(() => {
     e && y.current[0] && y.current[0].focus();
   }, [e]);
-  const S = I(($) => {
-    const w = y.current[$];
+  const z = N((v) => {
+    const w = y.current[v];
     w && (w.focus(), w.select());
-  }, []), v = I(
-    ($, w) => {
+  }, []), $ = N(
+    (v, w) => {
       const C = w.target.value.replace(/\D/g, "").slice(-1);
       if (!C) return;
-      const L = g.padEnd(a, " ").split(""), _ = L.findIndex((A) => A === " " || A === ""), X = _ !== -1 ? _ : $;
-      L[X] = C;
-      const N = L.join("").replace(/ /g, "");
-      c == null || c(N);
-      const Y = X + 1;
-      Y < a && S(Y);
+      const O = g.padEnd(a, " ").split(""), L = O.findIndex((V) => V === " " || V === ""), W = L !== -1 ? L : v;
+      O[W] = C;
+      const I = O.join("").replace(/ /g, "");
+      c == null || c(I);
+      const Y = W + 1;
+      Y < a && z(Y);
     },
-    [g, a, c, S]
-  ), x = I(
-    ($, w) => {
+    [g, a, c, z]
+  ), x = N(
+    (v, w) => {
       if (w.key === "Backspace") {
         w.preventDefault();
         const b = g.split("");
-        b[$] ? (b[$] = "", c == null || c(b.join(""))) : $ > 0 && (b[$ - 1] = "", c == null || c(b.join("")), S($ - 1));
-      } else w.key === "ArrowLeft" && $ > 0 ? (w.preventDefault(), S($ - 1)) : w.key === "ArrowRight" && $ < a - 1 && (w.preventDefault(), S($ + 1));
+        b[v] ? (b[v] = "", c == null || c(b.join(""))) : v > 0 && (b[v - 1] = "", c == null || c(b.join("")), z(v - 1));
+      } else w.key === "ArrowLeft" && v > 0 ? (w.preventDefault(), z(v - 1)) : w.key === "ArrowRight" && v < a - 1 && (w.preventDefault(), z(v + 1));
     },
-    [g, a, c, S]
-  ), m = I(
-    ($) => {
-      $.preventDefault();
-      const w = $.clipboardData.getData("text").replace(/\D/g, "").slice(0, a);
+    [g, a, c, z]
+  ), m = N(
+    (v) => {
+      v.preventDefault();
+      const w = v.clipboardData.getData("text").replace(/\D/g, "").slice(0, a);
       if (w) {
         c == null || c(w);
         const b = Math.min(w.length, a - 1);
-        S(b);
+        z(b);
       }
     },
-    [a, c, S]
+    [a, c, z]
   );
-  return /* @__PURE__ */ k(hl, { ref: d, className: Et("container", t), ...f, children: [
+  return /* @__PURE__ */ S(hl, { ref: d, className: Et("container", t), ...f, children: [
     i && /* @__PURE__ */ s(gl, { variant: h, className: Et("label", o == null ? void 0 : o.label), children: i }),
-    /* @__PURE__ */ s(bl, { $size: u, children: Array.from({ length: a }).map(($, w) => /* @__PURE__ */ s(
+    /* @__PURE__ */ s(bl, { $size: u, children: Array.from({ length: a }).map((v, w) => /* @__PURE__ */ s(
       fl,
       {
         ref: (b) => {
@@ -4187,7 +4192,7 @@ const na = (e) => {
         maxLength: 2,
         disabled: n,
         value: g[w] ?? "",
-        onChange: (b) => v(w, b),
+        onChange: (b) => $(w, b),
         onKeyDown: (b) => x(w, b),
         onPaste: m,
         onFocus: (b) => b.target.select(),
@@ -4236,7 +4241,7 @@ const na = (e) => {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
-`, et = M("panel"), oc = ({
+`, et = F("panel"), oc = ({
   children: e,
   className: t,
   classnames: o,
@@ -4247,8 +4252,8 @@ const na = (e) => {
   ...d
 }) => {
   const u = a || n;
-  return /* @__PURE__ */ k(xl, { ...d, ref: i, className: et("container", t), $variant: c, children: [
-    u && /* @__PURE__ */ k($l, { children: [
+  return /* @__PURE__ */ S(xl, { ...d, ref: i, className: et("container", t), $variant: c, children: [
+    u && /* @__PURE__ */ S($l, { children: [
       a && /* @__PURE__ */ s(yl, { className: et("title", o == null ? void 0 : o.title), $variant: c, children: a }),
       n && /* @__PURE__ */ s(
         vl,
@@ -4282,7 +4287,7 @@ const na = (e) => {
   border-radius: ${({ $size: e }) => Mt[e].radius}px;
   background-color: ${r.black};
   transition: width 0.2s ease;
-`, mr = M("progress"), ic = ({
+`, mr = F("progress"), ic = ({
   value: e,
   size: t = "default",
   className: o,
@@ -4378,7 +4383,7 @@ const na = (e) => {
       text-decoration: none;
     }
   }
-`, Me = M("radio"), Ur = ({
+`, Me = F("radio"), Ur = ({
   checked: e,
   className: t,
   classnames: o,
@@ -4388,7 +4393,7 @@ const na = (e) => {
   ref: c,
   variant: d = "normal",
   ...u
-}) => /* @__PURE__ */ k(
+}) => /* @__PURE__ */ S(
   Sl,
   {
     className: Me("container", t),
@@ -4536,7 +4541,7 @@ const na = (e) => {
   label[data-disabled='true'] & {
     color: ${(e) => ve(e.$variant).description.disabled};
   }
-`, tt = M("radio-card"), nc = ({
+`, tt = F("radio-card"), nc = ({
   checked: e,
   className: t,
   classnames: o,
@@ -4548,7 +4553,7 @@ const na = (e) => {
   ref: u,
   variant: g = "normal",
   ...h
-}) => /* @__PURE__ */ k(
+}) => /* @__PURE__ */ S(
   Cl,
   {
     className: tt("container", t),
@@ -4582,7 +4587,7 @@ const na = (e) => {
           "aria-hidden": !0
         }
       ),
-      /* @__PURE__ */ k(Nl, { className: tt("content", o == null ? void 0 : o.content), children: [
+      /* @__PURE__ */ S(Nl, { className: tt("content", o == null ? void 0 : o.content), children: [
         /* @__PURE__ */ s(Il, { className: tt("label", o == null ? void 0 : o.label), $variant: g, children: c }),
         n && /* @__PURE__ */ s(
           Ll,
@@ -4614,7 +4619,7 @@ const na = (e) => {
   display: flex;
   flex-direction: column;
   gap: 12px;
-`, Tt = M("radio-group"), ac = ({
+`, Tt = F("radio-group"), ac = ({
   className: e,
   classnames: t,
   disabled: o,
@@ -4625,7 +4630,7 @@ const na = (e) => {
   ref: d,
   value: u,
   ...g
-}) => /* @__PURE__ */ k(Al, { ...g, ref: d, className: Tt("container", e), children: [
+}) => /* @__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,
@@ -4662,17 +4667,17 @@ const na = (e) => {
   children: e,
   defaultMessage: t = "Saving"
 }) => {
-  const [o, n] = D(!1), [i, a] = D(t), c = I(
+  const [o, n] = _(!1), [i, a] = _(t), c = N(
     (g) => {
       a(g ?? t), n(!0);
     },
     [t]
-  ), d = I(() => {
+  ), d = N(() => {
     n(!1);
   }, []), u = te(() => ({ isVisible: o, show: c, hide: d }), [o, c, d]);
-  return /* @__PURE__ */ k(Xr.Provider, { value: u, children: [
+  return /* @__PURE__ */ S(Xr.Provider, { value: u, children: [
     e,
-    o && /* @__PURE__ */ k(Dl, { children: [
+    o && /* @__PURE__ */ S(Dl, { children: [
       /* @__PURE__ */ s(Fr, { size: "sm" }),
       /* @__PURE__ */ s(Fl, { children: i })
     ] })
@@ -4808,7 +4813,7 @@ const na = (e) => {
   justify-content: center;
   flex-shrink: 0;
   color: ${r.black};
-`, Pe = M("select"), cc = ({
+`, Pe = F("select"), cc = ({
   className: e,
   classnames: t,
   disabled: o = !1,
@@ -4822,65 +4827,65 @@ const na = (e) => {
   size: h = "default",
   value: f,
   variant: y = "normal",
-  ...S
+  ...z
 }) => {
-  const [v, x] = D(!1), [m, $] = D({
+  const [$, x] = _(!1), [m, v] = _({
     top: 0,
     left: 0,
     width: 0
-  }), w = U(null), b = U(null), C = U(null), L = c.find((z) => z.value === f), _ = Math.max(
+  }), w = X(null), b = X(null), C = X(null), O = c.find((k) => k.value === f), L = Math.max(
     0,
-    c.findIndex((z) => z.value === f)
-  ), X = -(_ * Ct + Be), N = () => {
+    c.findIndex((k) => k.value === f)
+  ), W = -(L * Ct + Be), I = () => {
     if (!b.current || !u) return;
-    const z = b.current.getBoundingClientRect(), F = _ * Ct + Be;
-    let T = z.top - F;
-    const O = c.length * Ct + Be * 2, H = 8, j = window.innerHeight - O - 8;
-    T < H && (T = H), T > j && (T = j), $({
-      top: T,
-      left: z.left - Be,
-      width: z.width + Be * 2
+    const k = b.current.getBoundingClientRect(), D = L * Ct + Be;
+    let E = k.top - D;
+    const A = c.length * Ct + Be * 2, j = 8, H = window.innerHeight - A - 8;
+    E < j && (E = j), E > H && (E = H), v({
+      top: E,
+      left: k.left - Be,
+      width: k.width + Be * 2
     });
-  }, Y = (z) => {
-    var F;
-    a == null || a(z), x(!1), (F = b.current) == null || F.focus();
-  }, A = (z) => {
-    o || (z.key === "Enter" || z.key === " " ? (z.preventDefault(), x((F) => !F)) : z.key === "Escape" && v ? (z.preventDefault(), x(!1)) : z.key === "ArrowDown" && !v && (z.preventDefault(), x(!0)));
+  }, Y = (k) => {
+    var D;
+    a == null || a(k), x(!1), (D = b.current) == null || D.focus();
+  }, V = (k) => {
+    o || (k.key === "Enter" || k.key === " " ? (k.preventDefault(), x((D) => !D)) : k.key === "Escape" && $ ? (k.preventDefault(), x(!1)) : k.key === "ArrowDown" && !$ && (k.preventDefault(), x(!0)));
   };
   pt(() => {
-    v && u && N();
-  }, [v, u, _, c.length]), ne(() => {
-    if (!v) return;
-    const z = (O) => {
-      const H = O.target, j = w.current && !w.current.contains(H), q = C.current && !C.current.contains(H);
-      u ? j && q && x(!1) : j && x(!1);
-    }, F = () => {
-      u && N();
-    }, T = () => {
-      u && N();
+    $ && u && I();
+  }, [$, u, L, c.length]), ne(() => {
+    if (!$) return;
+    const k = (A) => {
+      const j = A.target, H = w.current && !w.current.contains(j), q = C.current && !C.current.contains(j);
+      u ? H && q && x(!1) : H && x(!1);
+    }, D = () => {
+      u && I();
+    }, E = () => {
+      u && I();
     };
-    return document.addEventListener("mousedown", z), u && (window.addEventListener("scroll", F, !0), window.addEventListener("resize", T)), () => {
-      document.removeEventListener("mousedown", z), window.removeEventListener("scroll", F, !0), window.removeEventListener("resize", T);
+    return document.addEventListener("mousedown", k), u && (window.addEventListener("scroll", D, !0), window.addEventListener("resize", E)), () => {
+      document.removeEventListener("mousedown", k), window.removeEventListener("scroll", D, !0), window.removeEventListener("resize", E);
     };
-  }, [v, u]);
-  const P = () => c.map((z) => /* @__PURE__ */ k(
+  }, [$, u]);
+  const R = () => c.map((k) => /* @__PURE__ */ S(
     Ul,
     {
       type: "button",
       role: "option",
-      $selected: z.value === f,
-      $disabled: z.disabled ?? !1,
-      disabled: z.disabled,
-      "aria-selected": z.value === f,
-      onClick: () => Y(z.value),
+      $selected: k.value === f,
+      $disabled: k.disabled ?? !1,
+      disabled: k.disabled,
+      "aria-selected": k.value === f,
+      onClick: () => Y(k.value),
       className: Pe("option", t == null ? void 0 : t.option),
       children: [
-        /* @__PURE__ */ s("span", { children: z.label }),
-        z.value === f && /* @__PURE__ */ s(Xl, { children: /* @__PURE__ */ s(Yt, { size: 16 }) })
+        /* @__PURE__ */ s("span", { children: k.label }),
+        k.value === f && /* @__PURE__ */ s(Xl, { children: /* @__PURE__ */ s(Yt, { size: 16 }) })
       ]
     },
-    z.value
-  )), V = u ? we(
+    k.value
+  )), M = u ? we(
     /* @__PURE__ */ s(
       Wl,
       {
@@ -4892,7 +4897,7 @@ const na = (e) => {
           width: m.width
         },
         className: Pe("dropdown", t == null ? void 0 : t.dropdown),
-        children: P()
+        children: R()
       }
     ),
     u
@@ -4901,23 +4906,23 @@ const na = (e) => {
     {
       ref: C,
       role: "listbox",
-      style: { top: X },
+      style: { top: W },
       className: Pe("dropdown", t == null ? void 0 : t.dropdown),
-      children: P()
+      children: R()
     }
   );
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ S(
     Ml,
     {
-      ...S,
-      ref: (z) => {
-        w.current = z, typeof g == "function" ? g(z) : g && (g.current = z);
+      ...z,
+      ref: (k) => {
+        w.current = k, typeof g == "function" ? g(k) : g && (g.current = k);
       },
       $fullWidth: n,
       className: Pe("container", e),
       children: [
         i && /* @__PURE__ */ s(Bl, { className: Pe("label", t == null ? void 0 : t.label), children: i }),
-        /* @__PURE__ */ k(
+        /* @__PURE__ */ S(
           Yl,
           {
             ref: b,
@@ -4925,20 +4930,20 @@ const na = (e) => {
             $size: h,
             $variant: y,
             $disabled: o,
-            $hasValue: !!L,
+            $hasValue: !!O,
             disabled: o,
-            onClick: () => !o && x((z) => !z),
-            onKeyDown: A,
+            onClick: () => !o && x((k) => !k),
+            onKeyDown: V,
             "aria-haspopup": "listbox",
-            "aria-expanded": v,
+            "aria-expanded": $,
             className: Pe("trigger", t == null ? void 0 : t.trigger),
             children: [
-              /* @__PURE__ */ s(Vl, { children: (L == null ? void 0 : L.label) ?? d }),
-              /* @__PURE__ */ s(Hl, { $open: v, children: /* @__PURE__ */ s(_r, { size: 16 }) })
+              /* @__PURE__ */ s(Vl, { children: (O == null ? void 0 : O.label) ?? d }),
+              /* @__PURE__ */ s(Hl, { $open: $, children: /* @__PURE__ */ s(_r, { size: 16 }) })
             ]
           }
         ),
-        v && V
+        $ && M
       ]
     }
   );
@@ -4988,7 +4993,7 @@ const na = (e) => {
   margin: 0;
   font-size: 12px;
   color: ${({ $variant: e }) => ql(e)};
-`, rt = M("status-card"), sc = ({
+`, rt = F("status-card"), sc = ({
   border: e = !1,
   className: t,
   classnames: o,
@@ -5000,7 +5005,7 @@ const na = (e) => {
   trendVariant: u = "neutral",
   value: g,
   ...h
-}) => /* @__PURE__ */ k(
+}) => /* @__PURE__ */ S(
   Gl,
   {
     ...h,
@@ -5009,7 +5014,7 @@ const na = (e) => {
     $border: e,
     $shadow: c,
     children: [
-      /* @__PURE__ */ k(Kl, { children: [
+      /* @__PURE__ */ S(Kl, { children: [
         /* @__PURE__ */ s(Zl, { className: rt("label", o == null ? void 0 : o.label), children: i }),
         n && /* @__PURE__ */ s(Jl, { children: n })
       ] }),
@@ -5083,7 +5088,7 @@ const na = (e) => {
     min-width: 16px;
     margin: 0 12px;
   `}
-`, Ye = M("stepper"), pc = ({
+`, Ye = F("stepper"), pc = ({
   className: e,
   classnames: t,
   onChange: o,
@@ -5102,9 +5107,9 @@ const na = (e) => {
       $orientation: n,
       className: Ye("container", e),
       children: a.map((g, h) => {
-        const f = g.value === c, y = h < u, S = h === a.length - 1;
-        return /* @__PURE__ */ k(rd, { $orientation: n, children: [
-          /* @__PURE__ */ k(
+        const f = g.value === c, y = h < u, z = h === a.length - 1;
+        return /* @__PURE__ */ S(rd, { $orientation: n, children: [
+          /* @__PURE__ */ S(
             od,
             {
               type: "button",
@@ -5135,7 +5140,7 @@ const na = (e) => {
               ]
             }
           ),
-          !S && /* @__PURE__ */ s(
+          !z && /* @__PURE__ */ s(
             ad,
             {
               $completed: y,
@@ -5268,7 +5273,7 @@ const na = (e) => {
   color: ${r["iron-grey"]};
   font-size: 14px;
   text-align: center;
-`, le = M("tags"), ot = 4, uc = ({
+`, le = F("tags"), ot = 4, uc = ({
   className: e,
   classnames: t,
   createKey: o = "Tab",
@@ -5282,88 +5287,88 @@ const na = (e) => {
   portalRenderNode: h,
   ref: f,
   value: y,
-  variant: S = "normal",
-  ...v
+  variant: z = "normal",
+  ...$
 }) => {
-  const x = U(null), m = U(null), $ = U(null), w = U(null), [b, C] = D(""), [L, _] = D(!1), [X, N] = D("bottom"), [Y, A] = D({
+  const x = X(null), m = X(null), v = X(null), w = X(null), [b, C] = _(""), [O, L] = _(!1), [W, I] = _("bottom"), [Y, V] = _({
     top: 0,
     left: 0,
     width: 0
-  }), P = te(() => {
-    const R = u.filter((J) => !y.includes(J.value));
-    if (!b.trim()) return R;
+  }), R = te(() => {
+    const T = u.filter((J) => !y.includes(J.value));
+    if (!b.trim()) return T;
     const B = b.toLowerCase().trim();
-    return R.filter((J) => J.label.toLowerCase().includes(B));
-  }, [u, y, b]), V = L && u.length > 0, z = I(() => {
+    return T.filter((J) => J.label.toLowerCase().includes(B));
+  }, [u, y, b]), M = O && u.length > 0, k = N(() => {
     var We;
     if (!m.current) return;
-    const R = m.current.getBoundingClientRect(), B = ((We = $.current) == null ? void 0 : We.offsetHeight) ?? 200, J = window.innerHeight - R.bottom - ot, Q = R.top - ot, me = J < B && Q > J ? "top" : "bottom";
-    if (N(me), h) {
-      const ht = me === "bottom" ? R.bottom + ot : R.top - B - ot;
-      A({
+    const T = m.current.getBoundingClientRect(), B = ((We = v.current) == null ? void 0 : We.offsetHeight) ?? 200, J = window.innerHeight - T.bottom - ot, Q = T.top - ot, me = J < B && Q > J ? "top" : "bottom";
+    if (I(me), h) {
+      const ht = me === "bottom" ? T.bottom + ot : T.top - B - ot;
+      V({
         top: ht,
-        left: R.left,
-        width: R.width
+        left: T.left,
+        width: T.width
       });
     }
   }, [h]);
   ne(() => {
-    if (L)
-      return z(), window.addEventListener("scroll", z, !0), window.addEventListener("resize", z), () => {
-        window.removeEventListener("scroll", z, !0), window.removeEventListener("resize", z);
+    if (O)
+      return k(), window.addEventListener("scroll", k, !0), window.addEventListener("resize", k), () => {
+        window.removeEventListener("scroll", k, !0), window.removeEventListener("resize", k);
       };
-  }, [L, z]);
-  const F = I(
-    (R) => {
-      const B = R.trim();
+  }, [O, k]);
+  const D = N(
+    (T) => {
+      const B = T.trim();
       return !B || y.includes(B) ? !1 : (d([...y, B]), C(""), !0);
     },
     [y, d]
-  ), T = (R) => {
-    if (R.key === o && b.trim())
-      if (R.preventDefault(), a)
-        F(b);
+  ), E = (T) => {
+    if (T.key === o && b.trim())
+      if (T.preventDefault(), a)
+        D(b);
       else {
-        const B = P.find(
+        const B = R.find(
           (J) => J.label.toLowerCase() === b.toLowerCase().trim()
         );
-        B && F(B.value);
+        B && D(B.value);
       }
-    else R.key === "Backspace" && !b && y.length > 0 && d(y.slice(0, -1));
-  }, O = (R) => {
+    else T.key === "Backspace" && !b && y.length > 0 && d(y.slice(0, -1));
+  }, A = (T) => {
     var B;
-    F(R), (B = w.current) == null || B.focus();
-  }, H = (R) => {
-    d(y.filter((B) => B !== R));
-  }, j = () => {
-    var R;
-    n || (R = w.current) == null || R.focus();
-  }, q = (R) => {
-    const B = u.find((J) => J.value === R);
-    return (B == null ? void 0 : B.label) ?? R;
+    D(T), (B = w.current) == null || B.focus();
+  }, j = (T) => {
+    d(y.filter((B) => B !== T));
+  }, H = () => {
+    var T;
+    n || (T = w.current) == null || T.focus();
+  }, q = (T) => {
+    const B = u.find((J) => J.value === T);
+    return (B == null ? void 0 : B.label) ?? T;
   };
-  return /* @__PURE__ */ k(ld, { ...v, ref: f, className: le("container", e), children: [
-    c && /* @__PURE__ */ s(dd, { $variant: S, className: le("label"), children: c }),
-    /* @__PURE__ */ k("div", { ref: x, style: { position: "relative" }, children: [
-      /* @__PURE__ */ k(
+  return /* @__PURE__ */ S(ld, { ...$, ref: f, className: le("container", e), children: [
+    c && /* @__PURE__ */ s(dd, { $variant: z, className: le("label"), children: c }),
+    /* @__PURE__ */ S("div", { ref: x, style: { position: "relative" }, children: [
+      /* @__PURE__ */ S(
         cd,
         {
           ref: m,
-          $variant: S,
+          $variant: z,
           $disabled: n,
-          $focused: L,
-          onClick: j,
+          $focused: O,
+          onClick: H,
           className: le("trigger", t == null ? void 0 : t.trigger),
           children: [
-            y.map((R) => /* @__PURE__ */ s(
+            y.map((T) => /* @__PURE__ */ s(
               Dt,
               {
                 deletable: !n,
-                onDelete: () => H(R),
+                onDelete: () => j(T),
                 className: le("chip", t == null ? void 0 : t.chip),
-                children: q(R)
+                children: q(T)
               },
-              R
+              T
             )),
             /* @__PURE__ */ s(
               sd,
@@ -5371,10 +5376,10 @@ const na = (e) => {
                 ref: w,
                 type: "text",
                 value: b,
-                onChange: (R) => C(R.target.value),
-                onFocus: () => _(!0),
-                onBlur: () => setTimeout(() => _(!1), 150),
-                onKeyDown: T,
+                onChange: (T) => C(T.target.value),
+                onFocus: () => L(!0),
+                onBlur: () => setTimeout(() => L(!1), 150),
+                onKeyDown: E,
                 placeholder: y.length === 0 ? g : "",
                 disabled: n,
                 $disabled: n,
@@ -5388,25 +5393,25 @@ const na = (e) => {
         /* @__PURE__ */ s(
           ud,
           {
-            ref: $,
-            $open: V,
-            $position: X,
+            ref: v,
+            $open: M,
+            $position: W,
             style: {
               top: Y.top,
               left: Y.left,
               width: Y.width
             },
             className: le("dropdown", t == null ? void 0 : t.dropdown),
-            children: P.length === 0 ? /* @__PURE__ */ s(Rr, { className: le("empty", t == null ? void 0 : t.empty), children: i }) : P.map((R) => /* @__PURE__ */ s(
+            children: R.length === 0 ? /* @__PURE__ */ s(Rr, { className: le("empty", t == null ? void 0 : t.empty), children: i }) : R.map((T) => /* @__PURE__ */ s(
               Cr,
               {
                 type: "button",
                 onMouseDown: (B) => B.preventDefault(),
-                onClick: () => O(R.value),
+                onClick: () => A(T.value),
                 className: le("option", t == null ? void 0 : t.option),
-                children: R.label
+                children: T.label
               },
-              R.value
+              T.value
             ))
           }
         ),
@@ -5414,20 +5419,20 @@ const na = (e) => {
       ) : /* @__PURE__ */ s(
         pd,
         {
-          ref: $,
-          $open: V,
-          $position: X,
+          ref: v,
+          $open: M,
+          $position: W,
           className: le("dropdown", t == null ? void 0 : t.dropdown),
-          children: P.length === 0 ? /* @__PURE__ */ s(Rr, { className: le("empty", t == null ? void 0 : t.empty), children: i }) : P.map((R) => /* @__PURE__ */ s(
+          children: R.length === 0 ? /* @__PURE__ */ s(Rr, { className: le("empty", t == null ? void 0 : t.empty), children: i }) : R.map((T) => /* @__PURE__ */ s(
             Cr,
             {
               type: "button",
               onMouseDown: (B) => B.preventDefault(),
-              onClick: () => O(R.value),
+              onClick: () => A(T.value),
               className: le("option", t == null ? void 0 : t.option),
-              children: R.label
+              children: T.label
             },
-            R.value
+            T.value
           ))
         }
       ))
@@ -5455,7 +5460,7 @@ const na = (e) => {
   &:hover:not(:disabled) {
     background-color: ${(e) => e.$active ? r.gray : "rgba(0, 0, 0, 0.05)"};
   }
-`, Nr = M("tabs"), hc = ({ className: e, classnames: t, onChange: o, ref: n, tabs: i, value: a, ...c }) => /* @__PURE__ */ s(hd, { ...c, ref: n, className: Nr("container", e), role: "tablist", children: i.map((d) => /* @__PURE__ */ s(
+`, Nr = F("tabs"), hc = ({ className: e, classnames: t, onChange: o, ref: n, tabs: i, value: a, ...c }) => /* @__PURE__ */ s(hd, { ...c, ref: n, className: Nr("container", e), role: "tablist", children: i.map((d) => /* @__PURE__ */ s(
   gd,
   {
     type: "button",
@@ -5545,7 +5550,7 @@ const na = (e) => {
       color: ${(e) => ge(e.$variant).placeholder.disabled};
     }
   }
-`, Nt = M("textarea"), gc = ({
+`, Nt = F("textarea"), gc = ({
   className: e,
   classnames: t,
   disabled: o,
@@ -5555,7 +5560,7 @@ const na = (e) => {
   variant: c = "normal",
   rows: d = 4,
   ...u
-}) => /* @__PURE__ */ k(bd, { className: Nt("container", e), $fullWidth: !!n, children: [
+}) => /* @__PURE__ */ S(bd, { className: Nt("container", e), $fullWidth: !!n, children: [
   i && /* @__PURE__ */ s(fd, { variant: c, className: Nt("label", t == null ? void 0 : t.label), children: i }),
   /* @__PURE__ */ s(
     xd,
@@ -5698,7 +5703,7 @@ const na = (e) => {
   white-space: nowrap;
   margin-left: auto;
 `, Ar = ({ toast: e, onRemove: t }) => {
-  const [o, n] = D(!1), i = () => {
+  const [o, n] = _(!1), i = () => {
     n(!0), setTimeout(() => {
       t(e.id);
     }, 300);
@@ -5710,7 +5715,7 @@ const na = (e) => {
       }, e.duration);
       return () => clearTimeout(a);
     }
-  }, [e.duration, e.id]), /* @__PURE__ */ k(wd, { $variant: e.variant, $isExiting: o, children: [
+  }, [e.duration, e.id]), /* @__PURE__ */ S(wd, { $variant: e.variant, $isExiting: o, children: [
     /* @__PURE__ */ s(md, { children: e.message }),
     /* @__PURE__ */ s(kd, { onClick: i, children: /* @__PURE__ */ s(dt, { style: { width: 16, height: 16 } }) })
   ] });
@@ -5718,15 +5723,15 @@ const na = (e) => {
   if (e.length === 0)
     return null;
   const n = e.length - 1;
-  return /* @__PURE__ */ s(vd, { children: e.map((i, a) => a === n && t > 0 ? /* @__PURE__ */ k(Sd, { children: [
+  return /* @__PURE__ */ s(vd, { children: e.map((i, a) => a === n && t > 0 ? /* @__PURE__ */ S(Sd, { children: [
     /* @__PURE__ */ s(Ar, { toast: i, onRemove: o }),
-    /* @__PURE__ */ k(zd, { children: [
+    /* @__PURE__ */ S(zd, { children: [
       "+",
       t
     ] })
   ] }, i.id) : /* @__PURE__ */ s(Ar, { toast: i, onRemove: o }, i.id)) });
 }, bc = ({ children: e }) => {
-  const [t, o] = Dr($d, yd), n = I(
+  const [t, o] = Dr($d, yd), n = N(
     (a, c = "default", d) => {
       const u = `toast-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
       o({
@@ -5740,13 +5745,13 @@ const na = (e) => {
       });
     },
     []
-  ), i = I((a) => {
+  ), i = N((a) => {
     o({
       type: "REMOVE_TOAST",
       payload: a
     });
   }, []);
-  return /* @__PURE__ */ k(Jr.Provider, { value: { addToast: n, removeToast: i }, children: [
+  return /* @__PURE__ */ S(Jr.Provider, { value: { addToast: n, removeToast: i }, children: [
     e,
     /* @__PURE__ */ s(
       Pd,
@@ -5940,7 +5945,7 @@ const na = (e) => {
 `, Id = p.div`
   position: fixed;
   ${(e) => Qr(e)}
-`, At = M("tooltip"), be = 8, xc = ({
+`, At = F("tooltip"), be = 8, xc = ({
   children: e,
   className: t,
   classnames: o,
@@ -5952,50 +5957,50 @@ const na = (e) => {
   variant: u = "dark",
   ...g
 }) => {
-  const [h, f] = D(!1), [y, S] = D(null), [v, x] = D(a), [m, $] = D({ top: 0, left: 0 }), w = U(null), b = U(null), C = I(() => {
-    var O, H;
+  const [h, f] = _(!1), [y, z] = _(null), [$, x] = _(a), [m, v] = _({ top: 0, left: 0 }), w = X(null), b = X(null), C = N(() => {
+    var A, j;
     if (!w.current) return;
-    const N = w.current.getBoundingClientRect(), Y = ((O = b.current) == null ? void 0 : O.offsetWidth) ?? 100, A = ((H = b.current) == null ? void 0 : H.offsetHeight) ?? 30, P = N.top - be, V = window.innerHeight - N.bottom - be, z = N.left - be, F = window.innerWidth - N.right - be;
-    let T = a;
-    if (a === "top" && P < A && V > P ? T = "bottom" : a === "bottom" && V < A && P > V ? T = "top" : a === "left" && z < Y && F > z ? T = "right" : a === "right" && F < Y && z > F && (T = "left"), x(T), c) {
-      let j, q;
-      switch (T) {
+    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;
+    let E = a;
+    if (a === "top" && R < V && M > R ? E = "bottom" : a === "bottom" && M < V && R > M ? E = "top" : a === "left" && k < Y && D > k ? E = "right" : a === "right" && D < Y && k > D && (E = "left"), x(E), c) {
+      let H, q;
+      switch (E) {
         case "top":
-          j = N.top - A - be, q = N.left + N.width / 2 - Y / 2;
+          H = I.top - V - be, q = I.left + I.width / 2 - Y / 2;
           break;
         case "bottom":
-          j = N.bottom + be, q = N.left + N.width / 2 - Y / 2;
+          H = I.bottom + be, q = I.left + I.width / 2 - Y / 2;
           break;
         case "left":
-          j = N.top + N.height / 2 - A / 2, q = N.left - Y - be;
+          H = I.top + I.height / 2 - V / 2, q = I.left - Y - be;
           break;
         case "right":
-          j = N.top + N.height / 2 - A / 2, q = N.right + be;
+          H = I.top + I.height / 2 - V / 2, q = I.right + be;
           break;
         default:
-          j = 0, q = 0;
+          H = 0, q = 0;
       }
-      const R = 8;
-      q = Math.max(R, Math.min(q, window.innerWidth - Y - R)), j = Math.max(R, Math.min(j, window.innerHeight - A - R)), $({ top: j, left: q });
+      const T = 8;
+      q = Math.max(T, Math.min(q, window.innerWidth - Y - T)), H = Math.max(T, Math.min(H, window.innerHeight - V - T)), v({ top: H, left: q });
     }
   }, [a, c]);
   pt(() => {
     h && C();
   }, [h, C]);
-  const L = () => {
-    const N = setTimeout(() => {
+  const O = () => {
+    const I = setTimeout(() => {
       f(!0);
     }, i);
-    S(N);
-  }, _ = () => {
-    y && (clearTimeout(y), S(null)), f(!1);
-  }, X = c ? we(
+    z(I);
+  }, L = () => {
+    y && (clearTimeout(y), z(null)), f(!1);
+  }, W = c ? we(
     /* @__PURE__ */ s(
       Id,
       {
         ref: b,
         className: At("content", o == null ? void 0 : o.content),
-        $placement: v,
+        $placement: $,
         $variant: u,
         $visible: h,
         style: { top: m.top, left: m.left },
@@ -6008,25 +6013,25 @@ const na = (e) => {
     {
       ref: b,
       className: At("content", o == null ? void 0 : o.content),
-      $placement: v,
+      $placement: $,
       $variant: u,
       $visible: h,
       children: n
     }
   );
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ S(
     Cd,
     {
       ...g,
-      ref: (N) => {
-        w.current = N, typeof d == "function" ? d(N) : d && (d.current = N);
+      ref: (I) => {
+        w.current = I, typeof d == "function" ? d(I) : d && (d.current = I);
       },
       className: At("wrapper", t),
-      onMouseEnter: L,
-      onMouseLeave: _,
+      onMouseEnter: O,
+      onMouseLeave: L,
       children: [
         e,
-        X
+        W
       ]
     }
   );