beesoft-components 0.7.1-3 → 0.7.1-5

package/dist/index.es.js

@@ -2,7 +2,7 @@ var ka = Object.defineProperty;
 var Oa = (e, r, t) => r in e ? ka(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t;
 var p = (e, r, t) => (Oa(e, typeof r != "symbol" ? r + "" : r, t), t);
 import * as Ot from "react";
-import st, { createContext as ls, useContext as Gr, forwardRef as pr, useRef as Q, useImperativeHandle as mr, useState as xe, useId as Ra, useEffect as Se, useCallback as je, useMemo as Yt, useReducer as Na } from "react";
+import st, { createContext as ls, useContext as Gr, forwardRef as pr, useRef as Q, useImperativeHandle as mr, useState as xe, useId as Ra, useEffect as we, useCallback as je, useMemo as Yt, useReducer as Na } from "react";
 import Lt from "react-dom";
 function fs(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -56,7 +56,7 @@ function ja() {
       return typeof y == "function" ? y : null;
     }
     var E = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function $(u) {
+    function L(u) {
       {
         for (var y = arguments.length, O = new Array(y > 1 ? y - 1 : 0), z = 1; z < y; z++)
           O[z - 1] = arguments[z];
@@ -73,14 +73,14 @@ function ja() {
         he.unshift("Warning: " + y), Function.prototype.apply.call(console[u], console, he);
       }
     }
-    var j = !1, b = !1, L = !1, R = !1, H = !1, A;
-    A = Symbol.for("react.module.reference");
+    var j = !1, b = !1, A = !1, R = !1, H = !1, $;
+    $ = Symbol.for("react.module.reference");
     function te(u) {
-      return !!(typeof u == "string" || typeof u == "function" || u === n || u === a || H || u === s || u === l || u === d || R || u === w || j || b || L || typeof u == "object" && u !== null && (u.$$typeof === x || u.$$typeof === m || u.$$typeof === o || u.$$typeof === i || u.$$typeof === c || // This needs to include all possible module reference object
+      return !!(typeof u == "string" || typeof u == "function" || u === n || u === a || H || u === s || u === l || u === d || R || u === w || j || b || A || typeof u == "object" && u !== null && (u.$$typeof === x || u.$$typeof === m || u.$$typeof === o || u.$$typeof === i || u.$$typeof === c || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      u.$$typeof === A || u.getModuleId !== void 0));
+      u.$$typeof === $ || u.getModuleId !== void 0));
     }
     function J(u, y, O) {
       var z = u.displayName;
@@ -95,7 +95,7 @@ function ja() {
     function P(u) {
       if (u == null)
         return null;
-      if (typeof u.tag == "number" && $("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof u == "function")
+      if (typeof u.tag == "number" && L("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof u == "function")
         return u.displayName || u.name || null;
       if (typeof u == "string")
         return u;
@@ -196,7 +196,7 @@ function ja() {
             })
           });
         }
-        Y < 0 && $("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        Y < 0 && L("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var _ = E.ReactCurrentDispatcher, M;
@@ -215,8 +215,8 @@ function ja() {
     }
     var Z = !1, q;
     {
-      var Pe = typeof WeakMap == "function" ? WeakMap : Map;
-      q = new Pe();
+      var Ee = typeof WeakMap == "function" ? WeakMap : Map;
+      q = new Ee();
     }
     function k(u, y) {
       if (!u || Z)
@@ -268,18 +268,18 @@ function ja() {
         if (qe && z && typeof qe.stack == "string") {
           for (var re = qe.stack.split(`
 `), _e = z.stack.split(`
-`), Ee = re.length - 1, ke = _e.length - 1; Ee >= 1 && ke >= 0 && re[Ee] !== _e[ke]; )
+`), Se = re.length - 1, ke = _e.length - 1; Se >= 1 && ke >= 0 && re[Se] !== _e[ke]; )
             ke--;
-          for (; Ee >= 1 && ke >= 0; Ee--, ke--)
-            if (re[Ee] !== _e[ke]) {
-              if (Ee !== 1 || ke !== 1)
+          for (; Se >= 1 && ke >= 0; Se--, ke--)
+            if (re[Se] !== _e[ke]) {
+              if (Se !== 1 || ke !== 1)
                 do
-                  if (Ee--, ke--, ke < 0 || re[Ee] !== _e[ke]) {
+                  if (Se--, ke--, ke < 0 || re[Se] !== _e[ke]) {
                     var Me = `
-` + re[Ee].replace(" at new ", " at ");
+` + re[Se].replace(" at new ", " at ");
                     return u.displayName && Me.includes("<anonymous>") && (Me = Me.replace("<anonymous>", u.displayName)), typeof u == "function" && q.set(u, Me), Me;
                   }
-                while (Ee >= 1 && ke >= 0);
+                while (Se >= 1 && ke >= 0);
               break;
             }
         }
@@ -345,10 +345,10 @@ function ja() {
                 throw _e.name = "Invariant Violation", _e;
               }
               re = u[se](y, se, z, O, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (Ee) {
-              re = Ee;
+            } catch (Se) {
+              re = Se;
             }
-            re && !(re instanceof Error) && (Be(ae), $("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", z || "React class", O, se, typeof re), Be(null)), re instanceof Error && !(re.message in Ct) && (Ct[re.message] = !0, Be(ae), $("Failed %s type: %s", O, re.message), Be(null));
+            re && !(re instanceof Error) && (Be(ae), L("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", z || "React class", O, se, typeof re), Be(null)), re instanceof Error && !(re.message in Ct) && (Ct[re.message] = !0, Be(ae), L("Failed %s type: %s", O, re.message), Be(null));
           }
       }
     }
@@ -374,7 +374,7 @@ function ja() {
     }
     function Dt(u) {
       if (Zt(u))
-        return $("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", qt(u)), Pr(u);
+        return L("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", qt(u)), Pr(u);
     }
     var ze = E.ReactCurrentOwner, G = {
       key: !0,
@@ -402,13 +402,13 @@ function ja() {
     function Kt(u, y) {
       if (typeof u.ref == "string" && ze.current && y && ze.current.stateNode !== y) {
         var O = P(ze.current.type);
-        lt[O] || ($('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', P(ze.current.type), u.ref), lt[O] = !0);
+        lt[O] || (L('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', P(ze.current.type), u.ref), lt[O] = !0);
       }
     }
     function Xt(u, y) {
       {
         var O = function() {
-          ce || (ce = !0, $("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", y));
+          ce || (ce = !0, L("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", y));
         };
         O.isReactWarning = !0, Object.defineProperty(u, "key", {
           get: O,
@@ -419,7 +419,7 @@ function ja() {
     function Jt(u, y) {
       {
         var O = function() {
-          Ie || (Ie = !0, $("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", y));
+          Ie || (Ie = !0, L("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", y));
         };
         O.isReactWarning = !0, Object.defineProperty(u, "ref", {
           get: O,
@@ -463,9 +463,9 @@ function ja() {
         for (he in y)
           et.call(y, he) && !G.hasOwnProperty(he) && (se[he] = y[he]);
         if (u && u.defaultProps) {
-          var Ee = u.defaultProps;
-          for (he in Ee)
-            se[he] === void 0 && (se[he] = Ee[he]);
+          var Se = u.defaultProps;
+          for (he in Se)
+            se[he] === void 0 && (se[he] = Se[he]);
         }
         if (re || _e) {
           var ke = typeof u == "function" ? u.displayName || u.name || "Unknown" : u;
@@ -533,7 +533,7 @@ Check the top-level render call using <` + O + ">.");
           return;
         pn[O] = !0;
         var z = "";
-        u && u._owner && u._owner !== ft.current && (z = " It was passed a child from " + P(u._owner.type) + "."), dt(u), $('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', O, z), dt(null);
+        u && u._owner && u._owner !== ft.current && (z = " It was passed a child from " + P(u._owner.type) + "."), dt(u), L('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', O, z), dt(null);
       }
     }
     function gn(u, y) {
@@ -575,9 +575,9 @@ Check the top-level render call using <` + O + ">.");
         } else if (y.PropTypes !== void 0 && !Er) {
           Er = !0;
           var ae = P(y);
-          $("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", ae || "Unknown");
+          L("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", ae || "Unknown");
         }
-        typeof y.getDefaultProps == "function" && !y.getDefaultProps.isReactClassApproved && $("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof y.getDefaultProps == "function" && !y.getDefaultProps.isReactClassApproved && L("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function Pa(u) {
@@ -585,11 +585,11 @@ Check the top-level render call using <` + O + ">.");
         for (var y = Object.keys(u.props), O = 0; O < y.length; O++) {
           var z = y[O];
           if (z !== "children" && z !== "key") {
-            dt(u), $("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", z), dt(null);
+            dt(u), L("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", z), dt(null);
             break;
           }
         }
-        u.ref !== null && (dt(u), $("Invalid attribute `ref` supplied to `React.Fragment`."), dt(null));
+        u.ref !== null && (dt(u), L("Invalid attribute `ref` supplied to `React.Fragment`."), dt(null));
       }
     }
     function bn(u, y, O, z, ae, he) {
@@ -600,8 +600,8 @@ Check the top-level render call using <` + O + ">.");
           (u === void 0 || typeof u == "object" && u !== null && Object.keys(u).length === 0) && (re += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var _e = xa(ae);
           _e ? re += _e : re += hn();
-          var Ee;
-          u === null ? Ee = "null" : Ue(u) ? Ee = "array" : u !== void 0 && u.$$typeof === r ? (Ee = "<" + (P(u.type) || "Unknown") + " />", re = " Did you accidentally export a JSX literal instead of a component?") : Ee = typeof u, $("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Ee, re);
+          var Se;
+          u === null ? Se = "null" : Ue(u) ? Se = "array" : u !== void 0 && u.$$typeof === r ? (Se = "<" + (P(u.type) || "Unknown") + " />", re = " Did you accidentally export a JSX literal instead of a component?") : Se = typeof u, L("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Se, re);
         }
         var ke = tr(u, y, O, ae, he);
         if (ke == null)
@@ -615,7 +615,7 @@ Check the top-level render call using <` + O + ">.");
                   gn(Me[ht], u);
                 Object.freeze && Object.freeze(Me);
               } else
-                $("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                L("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
               gn(Me, u);
         }
@@ -690,7 +690,7 @@ var Fr = /* @__PURE__ */ ((e) => (e[e.Vertical = 0] = "Vertical", e[e.Horizontal
   })();
 })(ps);
 var Ia = ps.exports;
-const we = /* @__PURE__ */ fs(Ia), Ma = (e, r) => {
+const Te = /* @__PURE__ */ fs(Ia), Ma = (e, r) => {
   const t = Q(null), {
     buttonType: n,
     type: s = "button",
@@ -709,7 +709,7 @@ const we = /* @__PURE__ */ fs(Ia), Ma = (e, r) => {
   mr(r, () => ({
     click: x
   }));
-  const w = we(
+  const w = Te(
     "max-sm:bsc-p-4 md:bsc-p-2 dark:bsc-bg-mono-light-1 dark:hover:bsc-bg-mono-light-2 dark:bsc-text-mono-dark-1",
     {
       "bsc-w-full": i,
@@ -859,7 +859,7 @@ const ys = /* @__PURE__ */ Ua(za), qa = (e, r) => {
   });
   return n.current !== r && (n.current = r), [r, t, n];
 }, fr = ({ label: e, htmlFor: r, readOnly: t = !1, className: n }) => {
-  const s = we(n, {
+  const s = Te(n, {
     "bsc-text-black dark:bsc-text-mono-light-1": !t,
     "bsc-text-gray-4 dark:bsc-text-mono-light-3": t
   });
@@ -883,18 +883,22 @@ const Xa = (e, r) => {
     partial: !1
   });
   console.log("name", t, "checked", o, "partial", i);
-  const E = wn(o), $ = wn(i), V = Ra(), j = hs();
-  Se(() => {
+  const E = wn(o), L = wn(i);
+  console.log("name", t, "checked property", E), console.log("name", t, "partial property", L);
+  const V = Ra(), j = hs();
+  we(() => (console.log("name", t, "component created"), () => {
+    console.log("name", t, "component destroyed");
+  }), []), we(() => {
     d !== void 0 ? w(d) : j && j.useAnimations !== void 0 && w(j.useAnimations);
-  }, [j, d]), Se(() => {
+  }, [j, d]), we(() => {
     if (console.log("name", t, "useEffect checked state", JSON.stringify(v)), v.initial)
       S({
         checked: i ? !0 : o,
         partial: i
       });
     else {
-      console.log("name", t, "checked property", E), console.log("name", t, "partial property", $);
-      const P = E.changed ? o : v.value.checked, T = $.changed ? i : v.value.partial;
+      console.log("name", t, "useEffect checked property", E), console.log("name", t, "useEffect partial property", L);
+      const P = E.changed ? o : v.value.checked, T = L.changed ? i : v.value.partial;
       console.log("name", t, "new checked", P), console.log("name", t, "new partial", T), S({
         checked: T ? !0 : P,
         partial: T
@@ -913,7 +917,7 @@ const Xa = (e, r) => {
       value: s,
       checked: T
     });
-  }, L = (P) => {
+  }, A = (P) => {
     var Y;
     const T = {
       checked: P ? !0 : ((Y = N.current) == null ? void 0 : Y.value.checked) || !1,
@@ -927,32 +931,32 @@ const Xa = (e, r) => {
     });
   };
   mr(r, () => ({
-    setPartiallyChecked: L,
+    setPartiallyChecked: A,
     setChecked: R
   }));
-  const H = we(
+  const H = Te(
     "bc-checkbox-wrapper bsc-flex bsc-items-center",
     {
       "bsc-pointer-events-none bsc-text-gray-2 dark:bsc-text-mono-light-3": a
     },
     l
-  ), A = we("bc-checkbox-label bsc-cursor-pointer", {
+  ), $ = Te("bc-checkbox-label bsc-cursor-pointer", {
     "bsc-ml-2": c === mt.Right,
     "bsc-mr-2": c === mt.Left
-  }), te = we(
+  }), te = Te(
     "bc-checkbox-outer bsc-relative bsc-rounded *:bsc-block *:bsc-size-[21px] focus-within:bsc-ring focus-within:bsc-ring-offset-2 dark:bsc-ring-mono-light-1 dark:bsc-ring-offset-mono-dark-1",
     {
       "bsc-checkbox-animate": !a && x,
       "bsc-checkbox-no-animate": a || !a && !x
     }
-  ), J = we(
+  ), J = Te(
     "bc-checkbox bsc-relative bsc-m-0 bsc-cursor-pointer bsc-appearance-none bsc-rounded bsc-border-none bsc-bg-mono-light-1 bsc-p-0 bsc-outline-none dark:bsc-bg-mono-dark-1 dark:checked:bsc-bg-mono-light-1",
     {
       "[transition:box-shadow_0.3s]": x,
       "bsc-checkbox-border dark:bsc-checkbox-border-dark bsc-checkbox-border-hover dark:bsc-checkbox-border-hover-dark bsc-checkbox-border-checked dark:bsc-checkbox-border-checked-dark": !a,
       "bsc-checkbox-border-read-only dark:bsc-checkbox-border-dark-read-only bsc-checkbox-border-checked-read-only dark:bsc-checkbox-border-checked-dark-read-only": a
     }
-  ), X = we(
+  ), X = Te(
     "bc-checkbox-svg bsc-pointer-events-none bsc-absolute bsc-left-0 bsc-top-0 bsc-stroke-mono-light-1 bsc-stroke-2 [stroke-linecap:round] [stroke-linejoin:round] [transform:scale(0)_translateZ(0)] dark:bsc-stroke-mono-dark-3",
     {
       "bsc-fill-primary-1 dark:bsc-fill-mono-light-1": !a,
@@ -960,7 +964,7 @@ const Xa = (e, r) => {
     }
   );
   return console.log("name", t, "checked state", JSON.stringify(v)), /* @__PURE__ */ f.jsxs("div", { className: H, children: [
-    n && c === mt.Left && /* @__PURE__ */ f.jsx(fr, { label: n, htmlFor: V, readOnly: a, className: A }),
+    n && c === mt.Left && /* @__PURE__ */ f.jsx(fr, { label: n, htmlFor: V, readOnly: a, className: $ }),
     /* @__PURE__ */ f.jsxs("label", { className: te, children: [
       /* @__PURE__ */ f.jsx(
         "input",
@@ -975,7 +979,7 @@ const Xa = (e, r) => {
       ),
       /* @__PURE__ */ f.jsx("svg", { viewBox: "0 0 21 21", className: X, children: v.value.partial ? /* @__PURE__ */ f.jsx("polyline", { points: "6 10.5 16 10.5" }) : /* @__PURE__ */ f.jsx("polyline", { points: "5 10.75 8.5 14.25 16 6" }) })
     ] }),
-    n && c === mt.Right && /* @__PURE__ */ f.jsx(fr, { label: n, htmlFor: V, readOnly: a, className: A })
+    n && c === mt.Right && /* @__PURE__ */ f.jsx(fr, { label: n, htmlFor: V, readOnly: a, className: $ })
   ] });
 }, Ja = pr(Xa), Uh = ({
   name: e,
@@ -990,31 +994,31 @@ const Xa = (e, r) => {
   onChange: l
 }) => {
   const [d, m] = xe([]), x = Za(() => n, [n]);
-  Se(() => {
+  we(() => {
     m(t ?? []);
   }, [t]);
-  const w = ($) => {
-    const { value: V, checked: j } = $;
+  const w = (L) => {
+    const { value: V, checked: j } = L;
     let b;
-    j ? b = [...d, V] : b = d.filter((L) => L !== V), m(b), l == null || l({
+    j ? b = [...d, V] : b = d.filter((A) => A !== V), m(b), l == null || l({
       name: e,
       value: b
     });
-  }, v = ($, V) => /* @__PURE__ */ f.jsx(
+  }, v = (L, V) => /* @__PURE__ */ f.jsx(
     Ja,
     {
       name: e,
-      label: $[s],
-      value: $[a],
-      checked: d.some((j) => j === $[a]),
+      label: L[s],
+      value: L[a],
+      checked: d.some((j) => j === L[a]),
       readOnly: o,
       onChange: (j) => j && w(j),
       className: "bsc-mr-3"
     },
     `${e}_checkbox_${V}`
-  ), S = we("bsc-flex bsc-flex-col bsc-gap-1", c), N = we("bsc-flex bsc-gap-1", {
+  ), S = Te("bsc-flex bsc-flex-col bsc-gap-1", c), N = Te("bsc-flex bsc-gap-1", {
     "bsc-flex-col": i === Fr.Vertical
-  }), E = ($) => /* @__PURE__ */ f.jsx("div", { className: N, children: $.map(v) });
+  }), E = (L) => /* @__PURE__ */ f.jsx("div", { className: N, children: L.map(v) });
   return /* @__PURE__ */ f.jsxs("div", { className: S, children: [
     r && /* @__PURE__ */ f.jsx(fr, { label: r, readOnly: o }),
     x && E(x)
@@ -1667,39 +1671,39 @@ function Vt(e, r, t) {
   if (typeof e != "function")
     throw new TypeError(dl);
   r = En(r) || 0, Ge(t) && (d = !!t.leading, m = "maxWait" in t, a = m ? hl(En(t.maxWait) || 0, r) : a, x = "trailing" in t ? !!t.trailing : x);
-  function w(L) {
+  function w(A) {
     var R = n, H = s;
-    return n = s = void 0, l = L, o = e.apply(H, R), o;
+    return n = s = void 0, l = A, o = e.apply(H, R), o;
   }
-  function v(L) {
-    return l = L, i = setTimeout(E, r), d ? w(L) : o;
+  function v(A) {
+    return l = A, i = setTimeout(E, r), d ? w(A) : o;
   }
-  function S(L) {
-    var R = L - c, H = L - l, A = r - R;
-    return m ? pl(A, a - H) : A;
+  function S(A) {
+    var R = A - c, H = A - l, $ = r - R;
+    return m ? pl($, a - H) : $;
   }
-  function N(L) {
-    var R = L - c, H = L - l;
+  function N(A) {
+    var R = A - c, H = A - l;
     return c === void 0 || R >= r || R < 0 || m && H >= a;
   }
   function E() {
-    var L = kr();
-    if (N(L))
-      return $(L);
-    i = setTimeout(E, S(L));
+    var A = kr();
+    if (N(A))
+      return L(A);
+    i = setTimeout(E, S(A));
   }
-  function $(L) {
-    return i = void 0, x && n ? w(L) : (n = s = void 0, o);
+  function L(A) {
+    return i = void 0, x && n ? w(A) : (n = s = void 0, o);
   }
   function V() {
     i !== void 0 && clearTimeout(i), l = 0, n = c = s = i = void 0;
   }
   function j() {
-    return i === void 0 ? o : $(kr());
+    return i === void 0 ? o : L(kr());
   }
   function b() {
-    var L = kr(), R = N(L);
-    if (n = arguments, s = this, c = L, R) {
+    var A = kr(), R = N(A);
+    if (n = arguments, s = this, c = A, R) {
       if (i === void 0)
         return v(c);
       if (m)
@@ -1738,12 +1742,12 @@ const bl = (e, r) => {
     onFocus: S,
     onBlur: N,
     onInput: E,
-    onInnerTextChange: $,
+    onInnerTextChange: L,
     onInnerHTMLChange: V,
     onElementCreate: j,
     onLeftElementClick: b,
-    onRightElementClick: L
-  } = e, R = Q("bsc-flex-grow focus:bsc-outline-none"), H = Q("bsc-text-gray-4"), A = Q(), te = je(
+    onRightElementClick: A
+  } = e, R = Q("bsc-flex-grow focus:bsc-outline-none"), H = Q("bsc-text-gray-4"), $ = Q(), te = je(
     (h) => {
       const D = h.target, B = D.innerHTML;
       D.className = `${R.current}`, v && B === v && (D.innerHTML = ""), S == null || S(h);
@@ -1762,7 +1766,7 @@ const bl = (e, r) => {
   ), X = je(
     (h) => {
       var D, B;
-      (D = A.current) == null || D.removeEventListener("focus", te), (B = A.current) == null || B.removeEventListener("blur", J), v && h && h !== document.activeElement && h.innerHTML === "" && (h.innerHTML = v, h.className = `${R.current} ${H.current}`), h.addEventListener("focus", te), h.addEventListener("blur", J), A.current = h;
+      (D = $.current) == null || D.removeEventListener("focus", te), (B = $.current) == null || B.removeEventListener("blur", J), v && h && h !== document.activeElement && h.innerHTML === "" && (h.innerHTML = v, h.className = `${R.current} ${H.current}`), h.addEventListener("focus", te), h.addEventListener("blur", J), $.current = h;
     },
     [v]
   ), P = je(
@@ -1773,24 +1777,24 @@ const bl = (e, r) => {
   ), T = (h) => {
     b == null || b(h);
   }, Y = (h) => {
-    L == null || L(h);
+    A == null || A(h);
   }, F = Vt((h) => {
-    E == null || E(h), $ == null || $(h.target.innerText), V == null || V(h.target.innerHTML);
+    E == null || E(h), L == null || L(h.target.innerText), V == null || V(h.target.innerHTML);
   }, s), ne = je((h) => {
-    A.current && (A.current.innerText = h);
+    $.current && ($.current.innerText = h);
   }, []), I = je((h) => {
-    A.current && (A.current.innerHTML = h);
+    $.current && ($.current.innerHTML = h);
   }, []), fe = je(() => {
     var h;
-    (h = A.current) == null || h.focus();
+    (h = $.current) == null || h.focus();
   }, []);
   mr(r, () => ({
-    inputElement: A.current,
+    inputElement: $.current,
     setInnerText: ne,
     setInnerHTML: I,
     focus: fe
   }));
-  const g = we(
+  const g = Te(
     { "bsc-w-full ": a },
     "bsc-flex bsc-flex-row bsc-items-center bsc-shadow-sm bsc-border bsc-border-solid bsc-border-gray-3 dark:bsc-border-white dark:bsc-bg-mono-dark-1 dark:bsc-text-mono-light-1 bsc-rounded-md bsc-p-2",
     {
@@ -1798,7 +1802,7 @@ const bl = (e, r) => {
       "bsc-overflow-hidden bsc-whitespace-pre": m && !x
     },
     c
-  ), C = we("bsc-flex-shrink", { "bsc-mr-2": o }, l), U = we("bsc-flex-shrink", { "bsc-ml-2": i }, d);
+  ), C = Te("bsc-flex-shrink", { "bsc-mr-2": o }, l), U = Te("bsc-flex-shrink", { "bsc-ml-2": i }, d);
   return /* @__PURE__ */ f.jsxs("div", { className: g, ref: (h) => h && P(h), children: [
     o && /* @__PURE__ */ f.jsx("div", { className: C, onClick: T, children: o }),
     /* @__PURE__ */ f.jsx(
@@ -2629,7 +2633,7 @@ function We(e, r) {
 function Qs(e) {
   return ye(Ce.anyDigitsSigned, e);
 }
-function Te(e, r) {
+function Pe(e, r) {
   switch (e) {
     case 1:
       return ye(Ce.singleDigit, r);
@@ -2701,7 +2705,7 @@ class Ef extends ie {
     });
     switch (n) {
       case "y":
-        return De(Te(4, t), a);
+        return De(Pe(4, t), a);
       case "yo":
         return De(
           s.ordinalNumber(t, {
@@ -2710,7 +2714,7 @@ class Ef extends ie {
           a
         );
       default:
-        return De(Te(n.length, t), a);
+        return De(Pe(n.length, t), a);
     }
   }
   validate(t, n) {
@@ -2756,7 +2760,7 @@ class Sf extends ie {
     });
     switch (n) {
       case "Y":
-        return De(Te(4, t), a);
+        return De(Pe(4, t), a);
       case "Yo":
         return De(
           s.ordinalNumber(t, {
@@ -2765,7 +2769,7 @@ class Sf extends ie {
           a
         );
       default:
-        return De(Te(n.length, t), a);
+        return De(Pe(n.length, t), a);
     }
   }
   validate(t, n) {
@@ -2856,7 +2860,7 @@ class kf extends ie {
     switch (n) {
       case "Q":
       case "QQ":
-        return Te(n.length, t);
+        return Pe(n.length, t);
       case "Qo":
         return s.ordinalNumber(t, { unit: "quarter" });
       case "QQQ":
@@ -2918,7 +2922,7 @@ class Of extends ie {
     switch (n) {
       case "q":
       case "qq":
-        return Te(n.length, t);
+        return Pe(n.length, t);
       case "qo":
         return s.ordinalNumber(t, { unit: "quarter" });
       case "qqq":
@@ -2984,7 +2988,7 @@ class Rf extends ie {
           a
         );
       case "MM":
-        return De(Te(2, t), a);
+        return De(Pe(2, t), a);
       case "Mo":
         return De(
           s.ordinalNumber(t, {
@@ -3046,7 +3050,7 @@ class Nf extends ie {
           a
         );
       case "LL":
-        return De(Te(2, t), a);
+        return De(Pe(2, t), a);
       case "Lo":
         return De(
           s.ordinalNumber(t, {
@@ -3110,7 +3114,7 @@ class jf extends ie {
       case "wo":
         return s.ordinalNumber(t, { unit: "week" });
       default:
-        return Te(n.length, t);
+        return Pe(n.length, t);
     }
   }
   validate(t, n) {
@@ -3152,7 +3156,7 @@ class Mf extends ie {
       case "Io":
         return s.ordinalNumber(t, { unit: "week" });
       default:
-        return Te(n.length, t);
+        return Pe(n.length, t);
     }
   }
   validate(t, n) {
@@ -3203,7 +3207,7 @@ class $f extends ie {
       case "do":
         return s.ordinalNumber(t, { unit: "date" });
       default:
-        return Te(n.length, t);
+        return Pe(n.length, t);
     }
   }
   validate(t, n) {
@@ -3245,7 +3249,7 @@ class Ff extends ie {
       case "Do":
         return s.ordinalNumber(t, { unit: "date" });
       default:
-        return Te(n.length, t);
+        return Pe(n.length, t);
     }
   }
   validate(t, n) {
@@ -3328,7 +3332,7 @@ class Hf extends ie {
     switch (n) {
       case "e":
       case "ee":
-        return De(Te(n.length, t), o);
+        return De(Pe(n.length, t), o);
       case "eo":
         return De(
           s.ordinalNumber(t, {
@@ -3393,7 +3397,7 @@ class Wf extends ie {
     switch (n) {
       case "c":
       case "cc":
-        return De(Te(n.length, t), o);
+        return De(Pe(n.length, t), o);
       case "co":
         return De(
           s.ordinalNumber(t, {
@@ -3459,7 +3463,7 @@ class Bf extends ie {
     switch (n) {
       case "i":
       case "ii":
-        return Te(n.length, t);
+        return Pe(n.length, t);
       case "io":
         return s.ordinalNumber(t, { unit: "day" });
       case "iii":
@@ -3658,7 +3662,7 @@ class Zf extends ie {
       case "ho":
         return s.ordinalNumber(t, { unit: "hour" });
       default:
-        return Te(n.length, t);
+        return Pe(n.length, t);
     }
   }
   validate(t, n) {
@@ -3682,7 +3686,7 @@ class Gf extends ie {
       case "Ho":
         return s.ordinalNumber(t, { unit: "hour" });
       default:
-        return Te(n.length, t);
+        return Pe(n.length, t);
     }
   }
   validate(t, n) {
@@ -3705,7 +3709,7 @@ class Qf extends ie {
       case "Ko":
         return s.ordinalNumber(t, { unit: "hour" });
       default:
-        return Te(n.length, t);
+        return Pe(n.length, t);
     }
   }
   validate(t, n) {
@@ -3728,7 +3732,7 @@ class Kf extends ie {
       case "ko":
         return s.ordinalNumber(t, { unit: "hour" });
       default:
-        return Te(n.length, t);
+        return Pe(n.length, t);
     }
   }
   validate(t, n) {
@@ -3752,7 +3756,7 @@ class Xf extends ie {
       case "mo":
         return s.ordinalNumber(t, { unit: "minute" });
       default:
-        return Te(n.length, t);
+        return Pe(n.length, t);
     }
   }
   validate(t, n) {
@@ -3775,7 +3779,7 @@ class Jf extends ie {
       case "so":
         return s.ordinalNumber(t, { unit: "second" });
       default:
-        return Te(n.length, t);
+        return Pe(n.length, t);
     }
   }
   validate(t, n) {
@@ -3793,7 +3797,7 @@ class ed extends ie {
   }
   parse(t, n) {
     const s = (a) => Math.trunc(a * Math.pow(10, -n.length + 3));
-    return De(Te(n.length, t), s);
+    return De(Pe(n.length, t), s);
   }
   set(t, n, s) {
     return t.setMilliseconds(s), t;
@@ -3933,8 +3937,8 @@ const ad = {
   T: new sd()
 }, od = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, id = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, cd = /^'([^]*?)'?$/, ud = /''/g, ld = /\S/, fd = /[a-zA-Z]/;
 function Fe(e, r, t, n) {
-  var S, N, E, $, V, j, b, L;
-  const s = mf(), a = (n == null ? void 0 : n.locale) ?? s.locale ?? nf, o = (n == null ? void 0 : n.firstWeekContainsDate) ?? ((N = (S = n == null ? void 0 : n.locale) == null ? void 0 : S.options) == null ? void 0 : N.firstWeekContainsDate) ?? s.firstWeekContainsDate ?? (($ = (E = s.locale) == null ? void 0 : E.options) == null ? void 0 : $.firstWeekContainsDate) ?? 1, i = (n == null ? void 0 : n.weekStartsOn) ?? ((j = (V = n == null ? void 0 : n.locale) == null ? void 0 : V.options) == null ? void 0 : j.weekStartsOn) ?? s.weekStartsOn ?? ((L = (b = s.locale) == null ? void 0 : b.options) == null ? void 0 : L.weekStartsOn) ?? 0;
+  var S, N, E, L, V, j, b, A;
+  const s = mf(), a = (n == null ? void 0 : n.locale) ?? s.locale ?? nf, o = (n == null ? void 0 : n.firstWeekContainsDate) ?? ((N = (S = n == null ? void 0 : n.locale) == null ? void 0 : S.options) == null ? void 0 : N.firstWeekContainsDate) ?? s.firstWeekContainsDate ?? ((L = (E = s.locale) == null ? void 0 : E.options) == null ? void 0 : L.firstWeekContainsDate) ?? 1, i = (n == null ? void 0 : n.weekStartsOn) ?? ((j = (V = n == null ? void 0 : n.locale) == null ? void 0 : V.options) == null ? void 0 : j.weekStartsOn) ?? s.weekStartsOn ?? ((A = (b = s.locale) == null ? void 0 : b.options) == null ? void 0 : A.weekStartsOn) ?? 0;
   if (r === "")
     return e === "" ? oe(t) : me(t, NaN);
   const c = {
@@ -3944,16 +3948,16 @@ function Fe(e, r, t, n) {
   }, l = [new Tf()], d = r.match(id).map((R) => {
     const H = R[0];
     if (H in Zn) {
-      const A = Zn[H];
-      return A(R, a.formatLong);
+      const $ = Zn[H];
+      return $(R, a.formatLong);
     }
     return R;
   }).join("").match(od), m = [];
   for (let R of d) {
     !(n != null && n.useAdditionalWeekYearTokens) && hf(R) && Gn(R, r, e), !(n != null && n.useAdditionalDayOfYearTokens) && df(R) && Gn(R, r, e);
-    const H = R[0], A = ad[H];
-    if (A) {
-      const { incompatibleTokens: te } = A;
+    const H = R[0], $ = ad[H];
+    if ($) {
+      const { incompatibleTokens: te } = $;
       if (Array.isArray(te)) {
         const X = m.find(
           (P) => te.includes(P.token) || P.token === H
@@ -3962,12 +3966,12 @@ function Fe(e, r, t, n) {
           throw new RangeError(
             `The format string mustn't contain \`${X.fullToken}\` and \`${R}\` at the same time`
           );
-      } else if (A.incompatibleTokens === "*" && m.length > 0)
+      } else if ($.incompatibleTokens === "*" && m.length > 0)
         throw new RangeError(
           `The format string mustn't contain \`${R}\` and any other token at the same time`
         );
       m.push({ token: H, fullToken: R });
-      const J = A.run(
+      const J = $.run(
         e,
         R,
         a.match,
@@ -3989,8 +3993,8 @@ function Fe(e, r, t, n) {
   }
   if (e.length > 0 && ld.test(e))
     return me(t, NaN);
-  const x = l.map((R) => R.priority).sort((R, H) => H - R).filter((R, H, A) => A.indexOf(R) === H).map(
-    (R) => l.filter((H) => H.priority === R).sort((H, A) => A.subPriority - H.subPriority)
+  const x = l.map((R) => R.priority).sort((R, H) => H - R).filter((R, H, $) => $.indexOf(R) === H).map(
+    (R) => l.filter((H) => H.priority === R).sort((H, $) => $.subPriority - H.subPriority)
   ).map((R) => R[0]);
   let w = oe(t);
   if (isNaN(w.getTime()))
@@ -4264,7 +4268,7 @@ const Qn = ({ className: e }) => /* @__PURE__ */ f.jsx(
     )
   }
 ), Fd = ({ className: e }) => {
-  const r = we("bsc-h-6 bsc-w-6", e);
+  const r = Te("bsc-h-6 bsc-w-6", e);
   return /* @__PURE__ */ f.jsx(
     "svg",
     {
@@ -4278,7 +4282,7 @@ const Qn = ({ className: e }) => /* @__PURE__ */ f.jsx(
     }
   );
 }, Yd = ({ className: e }) => {
-  const r = we("bsc-h-6 bsc-w-6", e);
+  const r = Te("bsc-h-6 bsc-w-6", e);
   return /* @__PURE__ */ f.jsx(
     "svg",
     {
@@ -4292,7 +4296,7 @@ const Qn = ({ className: e }) => /* @__PURE__ */ f.jsx(
     }
   );
 }, Hd = ({ className: e }) => {
-  const r = we("bsc-h-6 bsc-w-6", e);
+  const r = Te("bsc-h-6 bsc-w-6", e);
   return /* @__PURE__ */ f.jsx(
     "svg",
     {
@@ -4306,7 +4310,7 @@ const Qn = ({ className: e }) => /* @__PURE__ */ f.jsx(
     }
   );
 }, Wd = ({ className: e }) => {
-  const r = we("bsc-h-6 bsc-w-6", e);
+  const r = Te("bsc-h-6 bsc-w-6", e);
   return /* @__PURE__ */ f.jsx(
     "svg",
     {
@@ -4338,7 +4342,7 @@ const Qn = ({ className: e }) => /* @__PURE__ */ f.jsx(
     chevronRight: Hd,
     chevronUp: Wd,
     close: Vd
-  }), a = Yt(() => s.current[e] || Qn, [e]), o = we(
+  }), a = Yt(() => s.current[e] || Qn, [e]), o = Te(
     {
       "bsc-h-[24px] bsc-w-[24px]": r === Re.Regular,
       "bsc-h-[20px] bsc-w-[20px]": r === Re.Small
@@ -4489,11 +4493,11 @@ function Kd() {
   if (Kn)
     return ue;
   Kn = 1;
-  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, o = e ? Symbol.for("react.provider") : 60109, i = e ? Symbol.for("react.context") : 60110, c = e ? Symbol.for("react.async_mode") : 60111, l = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, m = e ? Symbol.for("react.suspense") : 60113, x = e ? Symbol.for("react.suspense_list") : 60120, w = e ? Symbol.for("react.memo") : 60115, v = e ? Symbol.for("react.lazy") : 60116, S = e ? Symbol.for("react.block") : 60121, N = e ? Symbol.for("react.fundamental") : 60117, E = e ? Symbol.for("react.responder") : 60118, $ = e ? Symbol.for("react.scope") : 60119;
+  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, o = e ? Symbol.for("react.provider") : 60109, i = e ? Symbol.for("react.context") : 60110, c = e ? Symbol.for("react.async_mode") : 60111, l = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, m = e ? Symbol.for("react.suspense") : 60113, x = e ? Symbol.for("react.suspense_list") : 60120, w = e ? Symbol.for("react.memo") : 60115, v = e ? Symbol.for("react.lazy") : 60116, S = e ? Symbol.for("react.block") : 60121, N = e ? Symbol.for("react.fundamental") : 60117, E = e ? Symbol.for("react.responder") : 60118, L = e ? Symbol.for("react.scope") : 60119;
   function V(b) {
     if (typeof b == "object" && b !== null) {
-      var L = b.$$typeof;
-      switch (L) {
+      var A = b.$$typeof;
+      switch (A) {
         case r:
           switch (b = b.type, b) {
             case c:
@@ -4512,11 +4516,11 @@ function Kd() {
                 case o:
                   return b;
                 default:
-                  return L;
+                  return A;
               }
           }
         case t:
-          return L;
+          return A;
       }
     }
   }
@@ -4548,7 +4552,7 @@ function Kd() {
   }, ue.isSuspense = function(b) {
     return V(b) === m;
   }, ue.isValidElementType = function(b) {
-    return typeof b == "string" || typeof b == "function" || b === n || b === l || b === a || b === s || b === m || b === x || typeof b == "object" && b !== null && (b.$$typeof === v || b.$$typeof === w || b.$$typeof === o || b.$$typeof === i || b.$$typeof === d || b.$$typeof === N || b.$$typeof === E || b.$$typeof === $ || b.$$typeof === S);
+    return typeof b == "string" || typeof b == "function" || b === n || b === l || b === a || b === s || b === m || b === x || typeof b == "object" && b !== null && (b.$$typeof === v || b.$$typeof === w || b.$$typeof === o || b.$$typeof === i || b.$$typeof === d || b.$$typeof === N || b.$$typeof === E || b.$$typeof === L || b.$$typeof === S);
   }, ue.typeOf = V, ue;
 }
 var le = {};
@@ -4563,10 +4567,10 @@ var le = {};
 var Xn;
 function Xd() {
   return Xn || (Xn = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, o = e ? Symbol.for("react.provider") : 60109, i = e ? Symbol.for("react.context") : 60110, c = e ? Symbol.for("react.async_mode") : 60111, l = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, m = e ? Symbol.for("react.suspense") : 60113, x = e ? Symbol.for("react.suspense_list") : 60120, w = e ? Symbol.for("react.memo") : 60115, v = e ? Symbol.for("react.lazy") : 60116, S = e ? Symbol.for("react.block") : 60121, N = e ? Symbol.for("react.fundamental") : 60117, E = e ? Symbol.for("react.responder") : 60118, $ = e ? Symbol.for("react.scope") : 60119;
+    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, o = e ? Symbol.for("react.provider") : 60109, i = e ? Symbol.for("react.context") : 60110, c = e ? Symbol.for("react.async_mode") : 60111, l = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, m = e ? Symbol.for("react.suspense") : 60113, x = e ? Symbol.for("react.suspense_list") : 60120, w = e ? Symbol.for("react.memo") : 60115, v = e ? Symbol.for("react.lazy") : 60116, S = e ? Symbol.for("react.block") : 60121, N = e ? Symbol.for("react.fundamental") : 60117, E = e ? Symbol.for("react.responder") : 60118, L = e ? Symbol.for("react.scope") : 60119;
     function V(k) {
       return typeof k == "string" || typeof k == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      k === n || k === l || k === a || k === s || k === m || k === x || typeof k == "object" && k !== null && (k.$$typeof === v || k.$$typeof === w || k.$$typeof === o || k.$$typeof === i || k.$$typeof === d || k.$$typeof === N || k.$$typeof === E || k.$$typeof === $ || k.$$typeof === S);
+      k === n || k === l || k === a || k === s || k === m || k === x || typeof k == "object" && k !== null && (k.$$typeof === v || k.$$typeof === w || k.$$typeof === o || k.$$typeof === i || k.$$typeof === d || k.$$typeof === N || k.$$typeof === E || k.$$typeof === L || k.$$typeof === S);
     }
     function j(k) {
       if (typeof k == "object" && k !== null) {
@@ -4600,7 +4604,7 @@ function Xd() {
         }
       }
     }
-    var b = c, L = l, R = i, H = o, A = r, te = d, J = n, X = v, P = w, T = t, Y = a, F = s, ne = m, I = !1;
+    var b = c, A = l, R = i, H = o, $ = r, te = d, J = n, X = v, P = w, T = t, Y = a, F = s, ne = m, I = !1;
     function fe(k) {
       return I || (I = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), g(k) || j(k) === c;
     }
@@ -4637,10 +4641,10 @@ function Xd() {
     function q(k) {
       return j(k) === s;
     }
-    function Pe(k) {
+    function Ee(k) {
       return j(k) === m;
     }
-    le.AsyncMode = b, le.ConcurrentMode = L, le.ContextConsumer = R, le.ContextProvider = H, le.Element = A, le.ForwardRef = te, le.Fragment = J, le.Lazy = X, le.Memo = P, le.Portal = T, le.Profiler = Y, le.StrictMode = F, le.Suspense = ne, le.isAsyncMode = fe, le.isConcurrentMode = g, le.isContextConsumer = C, le.isContextProvider = U, le.isElement = h, le.isForwardRef = D, le.isFragment = B, le.isLazy = _, le.isMemo = M, le.isPortal = W, le.isProfiler = Z, le.isStrictMode = q, le.isSuspense = Pe, le.isValidElementType = V, le.typeOf = j;
+    le.AsyncMode = b, le.ConcurrentMode = A, le.ContextConsumer = R, le.ContextProvider = H, le.Element = $, le.ForwardRef = te, le.Fragment = J, le.Lazy = X, le.Memo = P, le.Portal = T, le.Profiler = Y, le.StrictMode = F, le.Suspense = ne, le.isAsyncMode = fe, le.isConcurrentMode = g, le.isContextConsumer = C, le.isContextProvider = U, le.isElement = h, le.isForwardRef = D, le.isFragment = B, le.isLazy = _, le.isMemo = M, le.isPortal = W, le.isProfiler = Z, le.isStrictMode = q, le.isSuspense = Ee, le.isValidElementType = V, le.typeOf = j;
   }()), le;
 }
 var Jn;
@@ -4795,15 +4799,15 @@ function th() {
       object: E("object"),
       string: E("string"),
       symbol: E("symbol"),
-      any: $(),
+      any: L(),
       arrayOf: V,
       element: j(),
       elementType: b(),
-      instanceOf: L,
+      instanceOf: A,
       node: te(),
       objectOf: H,
       oneOf: R,
-      oneOfType: A,
+      oneOfType: $,
       shape: X,
       exact: P
     };
@@ -4817,8 +4821,8 @@ function th() {
     function N(g) {
       if (process.env.NODE_ENV !== "production")
         var C = {}, U = 0;
-      function h(B, _, M, W, Z, q, Pe) {
-        if (W = W || x, q = q || M, Pe !== t) {
+      function h(B, _, M, W, Z, q, Ee) {
+        if (W = W || x, q = q || M, Ee !== t) {
           if (c) {
             var k = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
@@ -4851,7 +4855,7 @@ function th() {
       }
       return N(C);
     }
-    function $() {
+    function L() {
       return N(o);
     }
     function V(g) {
@@ -4894,7 +4898,7 @@ function th() {
       }
       return N(g);
     }
-    function L(g) {
+    function A(g) {
       function C(U, h, D, B, _) {
         if (!(U[h] instanceof g)) {
           var M = g.name || x, W = fe(U[h]);
@@ -4913,7 +4917,7 @@ function th() {
         for (var M = U[h], W = 0; W < g.length; W++)
           if (v(M, g[W]))
             return null;
-        var Z = JSON.stringify(g, function(Pe, k) {
+        var Z = JSON.stringify(g, function(Ee, k) {
           var Ne = ne(k);
           return Ne === "symbol" ? String(k) : k;
         });
@@ -4938,7 +4942,7 @@ function th() {
       }
       return N(C);
     }
-    function A(g) {
+    function $(g) {
       if (!Array.isArray(g))
         return process.env.NODE_ENV !== "production" && a("Invalid argument supplied to oneOfType, expected an instance of array."), o;
       for (var C = 0; C < g.length; C++) {
@@ -4950,7 +4954,7 @@ function th() {
       }
       function h(D, B, _, M, W) {
         for (var Z = [], q = 0; q < g.length; q++) {
-          var Pe = g[q], k = Pe(D, B, _, M, W, t);
+          var Ee = g[q], k = Ee(D, B, _, M, W, t);
           if (k == null)
             return null;
           k.data && n(k.data, "expectedType") && Z.push(k.data.expectedType);
@@ -4980,9 +4984,9 @@ function th() {
           var q = g[Z];
           if (typeof q != "function")
             return J(D, B, _, Z, ne(q));
-          var Pe = q(M, Z, D, B, _ + "." + Z, t);
-          if (Pe)
-            return Pe;
+          var Ee = q(M, Z, D, B, _ + "." + Z, t);
+          if (Ee)
+            return Ee;
         }
         return null;
       }
@@ -4995,15 +4999,15 @@ function th() {
           return new S("Invalid " + B + " `" + _ + "` of type `" + W + "` " + ("supplied to `" + D + "`, expected `object`."));
         var Z = r({}, U[h], g);
         for (var q in Z) {
-          var Pe = g[q];
-          if (n(g, q) && typeof Pe != "function")
-            return J(D, B, _, q, ne(Pe));
-          if (!Pe)
+          var Ee = g[q];
+          if (n(g, q) && typeof Ee != "function")
+            return J(D, B, _, q, ne(Ee));
+          if (!Ee)
             return new S(
               "Invalid " + B + " `" + _ + "` key `" + q + "` supplied to `" + D + "`.\nBad object: " + JSON.stringify(U[h], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(g), null, "  ")
             );
-          var k = Pe(M, q, D, B, _ + "." + q, t);
+          var k = Ee(M, q, D, B, _ + "." + q, t);
           if (k)
             return k;
         }
@@ -5542,17 +5546,17 @@ const uh = ({
   isClickedWithin: d,
   children: m
 }) => {
-  const [x, w] = xe(-1), [v, S] = xe(-1), [N, E] = xe(e), $ = Q(100), V = Q(101), j = Q(), b = Q(), L = Q();
-  Se(() => {
+  const [x, w] = xe(-1), [v, S] = xe(-1), [N, E] = xe(e), L = Q(100), V = Q(101), j = Q(), b = Q(), A = Q();
+  we(() => {
     r && (j.current = ha(r));
     const P = sa("zIndex", (T) => T === "auto" || T === "-1" ? !1 : parseInt(T) > 100).map((T) => parseInt(T, 10));
-    P.length > 0 && ($.current = Math.max(...P) + 1, V.current = Math.max(...P) + 2), E(e);
+    P.length > 0 && (L.current = Math.max(...P) + 1, V.current = Math.max(...P) + 2), E(e);
   }, [e, r]);
   const R = (P) => {
     b.current = P;
   }, H = () => {
-    S($.current), w(V.current);
-  }, A = () => {
+    S(L.current), w(V.current);
+  }, $ = () => {
     if (!b.current)
       return;
     c == null || c();
@@ -5561,9 +5565,9 @@ const uh = ({
     const T = (Y) => {
       Y ? d == null || d() : E(!1);
     };
-    L.current = ia(b.current, T, P);
+    A.current = ia(b.current, T, P);
   }, te = () => {
-    L.current && ca(L.current);
+    A.current && ca(A.current);
   }, J = () => {
     S(-1), w(-1), l == null || l();
   }, X = {
@@ -5579,7 +5583,7 @@ const uh = ({
         showTransitionOptions: a,
         hideTransitionOptions: o,
         onEntering: H,
-        onEntered: A,
+        onEntered: $,
         onExit: te,
         onExited: J,
         unmountOnExit: n,
@@ -5800,15 +5804,15 @@ const lh = ({
   markupCreated: N,
   children: E
 }) => {
-  const [$, V] = xe(-1), [j, b] = xe(e), [L, R] = xe(!1), H = Q(!1), A = Q(100), te = Q({
+  const [L, V] = xe(-1), [j, b] = xe(e), [A, R] = xe(!1), H = Q(!1), $ = Q(100), te = Q({
     left: 0,
     top: 0,
     width: 0
   }), J = Q(), X = Q(), P = Q(), T = Q(), Y = Q(), F = Q(), ne = hs();
-  Se(() => (c === !0 && (F.current = new ResizeObserver(I)), () => {
+  we(() => (c === !0 && (F.current = new ResizeObserver(I)), () => {
     var _, M;
     c === !0 && (X.current && ((_ = F.current) == null || _.unobserve(X.current)), (M = F.current) == null || M.disconnect());
-  }), []), Se(() => {
+  }), []), we(() => {
     if (r && (J.current = ha(r), o)) {
       const _ = ne == null ? void 0 : ne.isValidScrollableElement;
       P.current = na(
@@ -5824,7 +5828,7 @@ const lh = ({
     }
     if (i) {
       const _ = sa("zIndex", (M) => parseInt(M) >= 100).map((M) => parseInt(M));
-      _.length > 0 && (A.current = Math.max(..._) + 1);
+      _.length > 0 && ($.current = Math.max(..._) + 1);
     }
     e !== void 0 && b(e);
   }, [r, e, o, i]);
@@ -5833,7 +5837,7 @@ const lh = ({
       const M = be.getScreenDimensions(), W = _[_.length - 1].target, Z = W.getBoundingClientRect(), q = be.determineOffScreenLocation(Z);
       if (q) {
         if (J.current && be.canPositionElementOnScreenWithTarget(W, J.current)) {
-          const Pe = be.positionElementToTargetOnScreen(
+          const Ee = be.positionElementToTargetOnScreen(
             X.current,
             J.current,
             n,
@@ -5841,7 +5845,7 @@ const lh = ({
           );
           te.current = {
             ...te.current,
-            ...Pe
+            ...Ee
           };
         } else
           q.right ? te.current.left = M.width - Z.width : q.left && (te.current.left = 0), q.bottom ? te.current.top = M.height - Z.height : q.top && (te.current.top = 0);
@@ -5851,7 +5855,7 @@ const lh = ({
   }, fe = Vt(() => {
     H.current = !H.current, R(H.current);
   }, 20), g = () => {
-    V(A.current);
+    V($.current);
   }, C = () => {
     if (!X.current)
       return;
@@ -5888,10 +5892,10 @@ const lh = ({
     const _ = {
       top: `${te.current.top}px`,
       left: `${te.current.left}px`,
-      zIndex: $
+      zIndex: L
     };
     return a && (_.width = `${te.current.width}px`), _;
-  }, [L, $, a]);
+  }, [A, L, a]);
   return /* @__PURE__ */ f.jsx(
     da,
     {
@@ -6574,43 +6578,43 @@ const Ph = (e, r) => {
     onChange: S,
     onFocus: N,
     onBlur: E,
-    onElementCreate: $,
+    onElementCreate: L,
     onLeftElementClick: V,
     onRightElementClick: j
-  } = e, [b, L] = xe(!0), R = Q(), H = Q(), A = Q();
-  Se(() => () => {
+  } = e, [b, A] = xe(!0), R = Q(), H = Q(), $ = Q();
+  we(() => () => {
     var I;
-    (I = A.current) == null || I.dispose();
-  }, []), Se(() => {
+    (I = $.current) == null || I.dispose();
+  }, []), we(() => {
     var I;
-    (I = A.current) == null || I.inputValuePassed(t);
-  }, [t]), Se(() => {
+    (I = $.current) == null || I.inputValuePassed(t);
+  }, [t]), we(() => {
     var I, fe, g;
-    (I = A.current) == null || I.dispose(), n && (A.current = new Th(n, t), H.current && ((fe = A.current) == null || fe.inputElementCreated(H.current)), (g = A.current) == null || g.registerFormatChangeEvent(te));
+    (I = $.current) == null || I.dispose(), n && ($.current = new Th(n, t), H.current && ((fe = $.current) == null || fe.inputElementCreated(H.current)), (g = $.current) == null || g.registerFormatChangeEvent(te));
   }, [n]);
   const te = je(
     (I) => {
-      v ? v(I) ? (L(!0), S == null || S(I)) : L(!1) : S == null || S(I);
+      v ? v(I) ? (A(!0), S == null || S(I)) : A(!1) : S == null || S(I);
     },
     [S]
   ), J = je(
     (I) => {
       var fe;
-      (fe = A.current) == null || fe.inputFocused(), N == null || N(I);
+      (fe = $.current) == null || fe.inputFocused(), N == null || N(I);
     },
     [N]
   ), X = je(
     (I) => {
       var fe;
-      (fe = A.current) == null || fe.inputBlurred(), E == null || E(I);
+      (fe = $.current) == null || fe.inputBlurred(), E == null || E(I);
     },
     [E]
   ), P = je(() => {
     var I;
-    (I = A.current) == null || I.mouseUpHandler();
+    (I = $.current) == null || I.mouseUpHandler();
   }, []), T = je((I) => {
     var fe;
-    (fe = A.current) == null || fe.keyDownHandler(I);
+    (fe = $.current) == null || fe.keyDownHandler(I);
   }, []), Y = je((I) => {
     var fe, g, C, U, h, D, B, _, M;
     (g = (fe = R.current) == null ? void 0 : fe.inputElement) == null || g.removeEventListener("keydown", T), (U = (C = R.current) == null ? void 0 : C.inputElement) == null || U.removeEventListener("mouseup", P), R.current = I, (D = (h = R.current) == null ? void 0 : h.inputElement) == null || D.addEventListener("keydown", T), (_ = (B = R.current) == null ? void 0 : B.inputElement) == null || _.addEventListener("mouseup", P), H.current = (M = R.current) == null ? void 0 : M.inputElement;
@@ -6621,7 +6625,7 @@ const Ph = (e, r) => {
   mr(r, () => ({
     focus: F
   }));
-  const ne = we(l, {
+  const ne = Te(l, {
     "!bsc-border-error": !b
   });
   return /* @__PURE__ */ f.jsx(
@@ -6640,7 +6644,7 @@ const Ph = (e, r) => {
       allowSingleLineScroll: w,
       onFocus: J,
       onBlur: X,
-      onElementCreate: $,
+      onElementCreate: L,
       onLeftElementClick: V,
       onRightElementClick: j
     }
@@ -7120,16 +7124,16 @@ const ur = ({
   dispatcher: l
 }) => {
   var Y;
-  const [d, m] = xe(!1), [x, w] = xe(), [v, S] = xe(), [N, E] = xe(), [$, V] = xe(), j = Q(), b = Q(), L = Gr(dn), R = Yt(() => L.calendarTemplate, [L.calendarTemplate]), H = async () => a || await va(ra());
-  Se(() => {
+  const [d, m] = xe(!1), [x, w] = xe(), [v, S] = xe(), [N, E] = xe(), [L, V] = xe(), j = Q(), b = Q(), A = Gr(dn), R = Yt(() => A.calendarTemplate, [A.calendarTemplate]), H = async () => a || await va(ra());
+  we(() => {
     H().then((F) => {
       j.current = F, b.current = Ch(j.current), m(!0);
     }).catch((F) => console.error(F));
-  }, []), Se(() => {
+  }, []), we(() => {
     e && j.current && E(cs(e, j.current, s === Xe.Normal));
-  }, [e, d]), Se(() => {
+  }, [e, d]), we(() => {
     V(r ? new Date(r.getFullYear(), r.getMonth(), r.getDate()) : void 0);
-  }, [r]), Se(() => {
+  }, [r]), we(() => {
     w(
       t ? new Date(
         t.getFullYear(),
@@ -7149,10 +7153,10 @@ const ur = ({
         59
       ).getTime() : void 0
     );
-  }, [t, n]), Se(() => {
+  }, [t, n]), we(() => {
     j.current && a && (j.current = a, E(cs(e, j.current, s === Xe.Normal)));
   }, [a]);
-  const A = (F) => {
+  const $ = (F) => {
     if (s === Xe.Normal)
       l == null || l({
         type: K.SetSelectedDate,
@@ -7164,7 +7168,7 @@ const ur = ({
         throw new Error("Range selection mode requires onDateSelected to be set");
       !t || yf(F, t) ? o(F) : t && !n ? o(F, { setEndDate: !0 }) : t && n && o(F);
     }
-  }, te = (F) => ($ == null ? void 0 : $.toLocaleDateString()) === F.toLocaleDateString(), J = (F) => {
+  }, te = (F) => (L == null ? void 0 : L.toLocaleDateString()) === F.toLocaleDateString(), J = (F) => {
     if (x && v) {
       const ne = F.getTime();
       return ne >= x && ne <= v;
@@ -7181,7 +7185,7 @@ const ur = ({
     monthMatrix: N,
     selectableDate: i,
     isValidDate: c,
-    onDateClicked: A,
+    onDateClicked: $,
     isSelectedDate: te,
     isInSelectedDateRange: J
   }, T = R || ((F, ne) => /* @__PURE__ */ f.jsx("div", { className: "bc-dt-calendar bsc-w-full", children: ne }));
@@ -7190,11 +7194,11 @@ const ur = ({
     N == null ? void 0 : N.map(
       (F, ne) => F.map((I, fe) => {
         var U, h;
-        const g = I.dayValue !== null && (i === void 0 || i(I.dayValue)), C = we(
+        const g = I.dayValue !== null && (i === void 0 || i(I.dayValue)), C = Te(
           "bsc-text-center bsc-py-1",
           {
             "bsc-text-gray-3": !I.isCurrent,
-            "bsc-bg-primary-3 dark:bsc-bg-mono-light-1 dark:bsc-text-mono-dark-1": I && I.dayValue && ($ && te(I.dayValue) || x && !v && Bs(x, I.dayValue) || x && v && J(I.dayValue)),
+            "bsc-bg-primary-3 dark:bsc-bg-mono-light-1 dark:bsc-text-mono-dark-1": I && I.dayValue && (L && te(I.dayValue) || x && !v && Bs(x, I.dayValue) || x && v && J(I.dayValue)),
             "bsc-cursor-pointer": g,
             "bsc-text-error bsc-cursor-not-allowed": !g,
             "bsc-bg-primary-5 dark:bsc-bg-mono-light-3 dark:bsc-text-mono-dark-1": I.dayValue && hd(I.dayValue) && !(te(I.dayValue) || J(I.dayValue))
@@ -7205,7 +7209,7 @@ const ur = ({
           "div",
           {
             className: C,
-            onClick: () => I && I.dayValue && g && (c === void 0 || c(I.dayValue)) && A(I.dayValue),
+            onClick: () => I && I.dayValue && g && (c === void 0 || c(I.dayValue)) && $(I.dayValue),
             children: (h = I.dayValue) == null ? void 0 : h.getDate().toLocaleString((U = j.current) == null ? void 0 : U.code)
           },
           ne.toString() + fe.toString()
@@ -7477,34 +7481,34 @@ const ur = ({
       "22",
       "23"
     ]
-  ), l = Q(Id(0, 59, (P) => P.toString().padStart(2, "0"))), d = Q(["AM", "PM"]), m = Q(ll(e)), x = (P) => P > 11 ? P - 12 : P, [w, v] = xe(x(e.getHours())), [S, N] = xe(e.getMinutes()), [E, $] = xe(e.getHours() <= 12 ? 0 : 1), V = Q(e.toLocaleDateString(t.code));
-  Se(() => {
+  ), l = Q(Id(0, 59, (P) => P.toString().padStart(2, "0"))), d = Q(["AM", "PM"]), m = Q(ll(e)), x = (P) => P > 11 ? P - 12 : P, [w, v] = xe(x(e.getHours())), [S, N] = xe(e.getMinutes()), [E, L] = xe(e.getHours() <= 12 ? 0 : 1), V = Q(e.toLocaleDateString(t.code));
+  we(() => {
     const P = e.getHours(), T = e.getMinutes();
     if (P !== w && v(n === ve.TwelveHour ? x(P) : P), T !== S && N(T), n === ve.TwelveHour) {
       const Y = P <= 11 ? 0 : 1;
-      Y !== E && $(Y);
+      Y !== E && L(Y);
     }
   }, [e]);
   const j = () => {
     var Y;
     const P = ((Y = s == null ? void 0 : s.hours) == null ? void 0 : Y.step) || 1, T = w < i.current ? w + P : 0;
-    v(T), A(T, S, E);
+    v(T), $(T, S, E);
   }, b = () => {
     var Y;
     const P = ((Y = s == null ? void 0 : s.hours) == null ? void 0 : Y.step) || 1, T = w > 0 ? w - P : i.current;
-    v(T), A(T, S, E);
-  }, L = () => {
+    v(T), $(T, S, E);
+  }, A = () => {
     var Y, F, ne;
     const P = ((Y = s == null ? void 0 : s.minutes) == null ? void 0 : Y.step) || 1, T = S + P < (((F = s == null ? void 0 : s.minutes) == null ? void 0 : F.max) || 59) ? S + P : ((ne = s == null ? void 0 : s.minutes) == null ? void 0 : ne.min) || 0;
-    N(T), A(w, T, E);
+    N(T), $(w, T, E);
   }, R = () => {
     var Y, F, ne;
     const P = ((Y = s == null ? void 0 : s.minutes) == null ? void 0 : Y.step) || 1, T = S - P >= (((F = s == null ? void 0 : s.minutes) == null ? void 0 : F.min) || 0) ? S - P : (((ne = s == null ? void 0 : s.minutes) == null ? void 0 : ne.max) || 60) - P;
-    N(T), A(w, T, E);
+    N(T), $(w, T, E);
   }, H = () => {
     const P = E === 0 ? 1 : 0;
-    $(P), A(w, S, P);
-  }, A = (P, T, Y) => {
+    L(P), $(w, S, P);
+  }, $ = (P, T, Y) => {
     const F = n === ve.TwelveHour && Y === 1 ? P + 12 : P;
     m.current.setHours(F, T), o({
       type: K.SetSelectedDate,
@@ -7515,10 +7519,10 @@ const ur = ({
     o({
       type: K.DaySelector
     });
-  }, J = we("bsc-w-full bsc-grid bsc-grid-rows-3 bsc-gap-4 bc-dt-time-grid", {
+  }, J = Te("bsc-w-full bsc-grid bsc-grid-rows-3 bsc-gap-4 bc-dt-time-grid", {
     "bsc-grid-cols-4": n === ve.TwelveHour,
     "bsc-grid-cols-3": n === ve.TwentyFourHour
-  }), X = we(
+  }), X = Te(
     "bsc-text-center bsc-cursor-pointer hover:bsc-bg-gray-4 dark:bsc-text-mono-light-1 dark:hover:bsc-bg-mono-light-1 dark:hover:bsc-text-mono-dark-1 bc-dt-time-date-value",
     {
       "bsc-col-span-4": n === ve.TwelveHour,
@@ -7534,7 +7538,7 @@ const ur = ({
         r && /* @__PURE__ */ f.jsx("div", { className: X, onClick: te, children: V.current }),
         /* @__PURE__ */ f.jsx("div", { className: "bc-dt-time-hour-increase bsc-cursor-pointer bsc-text-center", children: /* @__PURE__ */ f.jsx(Ze, { className: "bsc-bg-transparent bsc-p-2 focus:bsc-outline-none", onClick: j, children: /* @__PURE__ */ f.jsx(Le, { icon: "chevronUp", size: Re.Regular }) }) }),
         /* @__PURE__ */ f.jsx("div", {}),
-        /* @__PURE__ */ f.jsx("div", { className: "bc-dt-time-minute-increase bsc-cursor-pointer bsc-text-center", children: /* @__PURE__ */ f.jsx(Ze, { className: "bsc-bg-transparent bsc-p-2 focus:bsc-outline-none", onClick: L, children: /* @__PURE__ */ f.jsx(Le, { icon: "chevronUp", size: Re.Regular }) }) }),
+        /* @__PURE__ */ f.jsx("div", { className: "bc-dt-time-minute-increase bsc-cursor-pointer bsc-text-center", children: /* @__PURE__ */ f.jsx(Ze, { className: "bsc-bg-transparent bsc-p-2 focus:bsc-outline-none", onClick: A, children: /* @__PURE__ */ f.jsx(Le, { icon: "chevronUp", size: Re.Regular }) }) }),
         n === ve.TwelveHour && /* @__PURE__ */ f.jsx("div", { className: "bc-dt-time-meridian-increase bsc-cursor-pointer bsc-text-center", children: /* @__PURE__ */ f.jsx(Ze, { className: "bsc-bg-transparent bsc-p-2 focus:bsc-outline-none", onClick: H, children: /* @__PURE__ */ f.jsx(Le, { icon: "chevronUp", size: Re.Regular }) }) }),
         /* @__PURE__ */ f.jsx("div", { className: "bc-dt-time-hour-value bsc-text-center", children: c.current[w] }),
         /* @__PURE__ */ f.jsx("div", { className: "bc-dt-time-separator bsc-text-center", children: ":" }),
@@ -7827,7 +7831,7 @@ class Fh {
 const Yh = (e, r) => {
   var a;
   const [t, n] = xe(), s = Q();
-  return Se(() => {
+  return we(() => {
     r && !t && (s.current = new Fh(e, r), n(s.current.createInputFormat()));
   }, [r]), [t, (a = s.current) == null ? void 0 : a.is24HourTime];
 }, Zh = ({
@@ -7849,19 +7853,19 @@ const Yh = (e, r) => {
   selectableDate: S,
   isValidDate: N,
   onChange: E,
-  calendarTemplate: $,
+  calendarTemplate: L,
   dateScrollerTemplate: V,
   inputTemplate: j
 }) => {
-  const [b, L] = xe(!1), [R, H] = xe(), [A, te] = xe(), J = Q(), X = Q(!1), P = Q(i || ra()), T = Q(), Y = Q(), F = Q(), [ne, I] = Yh(l, R), fe = Q({
-    calendarTemplate: $,
+  const [b, A] = xe(!1), [R, H] = xe(), [$, te] = xe(), J = Q(), X = Q(!1), P = Q(i || ra()), T = Q(), Y = Q(), F = Q(), [ne, I] = Yh(l, R), fe = Q({
+    calendarTemplate: L,
     dateScrollerTemplate: V
   });
-  Se(() => {
+  we(() => {
     P.current && g(P.current);
-  }, [P]), Se(() => {
+  }, [P]), we(() => {
     i && g(i);
-  }, [i]), Se(() => {
+  }, [i]), we(() => {
     if (e) {
       const G = C();
       D({
@@ -7872,12 +7876,12 @@ const Yh = (e, r) => {
       D({
         type: K.ClearDates
       });
-  }, [e, T.current]), Se(() => {
+  }, [e, T.current]), we(() => {
     I && D({
       type: K.SetTimeFormat,
       timeFormat: I ? ve.TwentyFourHour : ve.TwelveHour
     });
-  }, [I]), Se(() => {
+  }, [I]), we(() => {
     v && (Y.current = v);
   }, [v]);
   const g = (G) => {
@@ -7901,10 +7905,10 @@ const Yh = (e, r) => {
     timeFormat: ve.TwelveHour,
     dateInitialized: !1
   }, [h, D] = Na(_h, U), B = () => {
-    et(), L(!0);
+    et(), A(!0);
   }, _ = Yt(
     () => Vt(() => {
-      L(!1);
+      A(!1);
     }, 250),
     []
   ), M = Yt(
@@ -7914,7 +7918,7 @@ const Yh = (e, r) => {
     [_]
   ), W = (G) => {
     const ce = G.target.innerText;
-    Pe(ce);
+    Ee(ce);
   }, Z = (G) => {
     if (G) {
       const ce = Ft(G, T.current);
@@ -7922,8 +7926,8 @@ const Yh = (e, r) => {
     } else
       return !0;
   }, q = (G) => {
-    Pe(G || "");
-  }, Pe = (G) => {
+    Ee(G || "");
+  }, Ee = (G) => {
     const ce = l !== de.DateRange ? Ft(G, T.current) : us(G, T.current);
     ce ? (Array.isArray(ce) ? (Rh(
       ce[0],
@@ -7944,19 +7948,19 @@ const Yh = (e, r) => {
       type: K.ClearDates
     }), E == null || E());
   }, k = (G) => {
-    l === de.DateOnly && o === !0 && L(!1), E == null || E(G);
+    l === de.DateOnly && o === !0 && A(!1), E == null || E(G);
   }, Ne = () => {
-    et(), L(!b);
+    et(), A(!b);
   }, Ve = () => {
     D({
       type: K.ClearDates
-    }), L(!1), E == null || E();
+    }), A(!1), E == null || E();
   }, Ae = (G, ce) => {
     (!Y.current || J.current !== ce) && (Y.current = G, J.current = ce, X.current = !0);
   }, et = () => {
     (!F.current || X.current) && Y.current && (F.current = Y.current, te(Y.current), X.current = !1);
   }, Ct = () => {
-    L(!1), D({
+    A(!1), D({
       type: l === de.TimeOnly ? K.TimeSelector : l === de.DateTime || l === de.DateOnly ? K.DaySelector : K.DateRangeSelector
     });
   }, zt = () => {
@@ -8111,7 +8115,7 @@ const Yh = (e, r) => {
     onInput: W,
     iconPosition: w,
     iconElement: Ue.rightElement || Ue.leftElement
-  }, Dt = j || ((G, ce) => /* @__PURE__ */ f.jsx(f.Fragment, { children: ce })), ze = we(
+  }, Dt = j || ((G, ce) => /* @__PURE__ */ f.jsx(f.Fragment, { children: ce })), ze = Te(
     "bsc-text-left",
     {
       "bsc-bg-gray-4 dark:bsc-bg-mono-dark-3": r,
@@ -8142,7 +8146,7 @@ const Yh = (e, r) => {
             uh,
             {
               visible: b,
-              target: A,
+              target: $,
               hidden: Ct,
               unmountWhenHidden: !0,
               children: qt()
@@ -8181,7 +8185,7 @@ const Yh = (e, r) => {
             lh,
             {
               visible: b,
-              target: A,
+              target: $,
               shouldTargetCloseOverlay: !1,
               shouldScrollCloseOverlay: !0,
               shouldCheckZIndex: !0,