@datability/8ui 1.1.5 → 1.1.6

package/dist/index.es.js

@@ -30,12 +30,12 @@ function qe() {
     function t(a) {
       if (a == null) return null;
       if (typeof a == "function")
-        return a.$$typeof === O ? null : a.displayName || a.name || null;
+        return a.$$typeof === A ? null : a.displayName || a.name || null;
       if (typeof a == "string") return a;
       switch (a) {
         case j:
           return "Fragment";
-        case _:
+        case I:
           return "Profiler";
         case B:
           return "StrictMode";
@@ -54,7 +54,7 @@ function qe() {
             return "Portal";
           case m:
             return a.displayName || "Context";
-          case I:
+          case _:
             return (a._context.displayName || "Context") + ".Consumer";
           case y:
             var C = a.render;
@@ -170,7 +170,7 @@ function qe() {
       var Y = C.children;
       if (Y !== void 0)
         if (V)
-          if (A(Y)) {
+          if (O(Y)) {
             for (V = 0; V < Y.length; V++)
               f(Y[V]);
             Object.freeze && Object.freeze(Y);
@@ -220,7 +220,7 @@ React keys must be passed directly to JSX without using spread:
     function v(a) {
       return typeof a == "object" && a !== null && a.$$typeof === d;
     }
-    var u = R, d = /* @__PURE__ */ Symbol.for("react.transitional.element"), D = /* @__PURE__ */ Symbol.for("react.portal"), j = /* @__PURE__ */ Symbol.for("react.fragment"), B = /* @__PURE__ */ Symbol.for("react.strict_mode"), _ = /* @__PURE__ */ Symbol.for("react.profiler"), I = /* @__PURE__ */ Symbol.for("react.consumer"), m = /* @__PURE__ */ Symbol.for("react.context"), y = /* @__PURE__ */ Symbol.for("react.forward_ref"), w = /* @__PURE__ */ Symbol.for("react.suspense"), M = /* @__PURE__ */ Symbol.for("react.suspense_list"), x = /* @__PURE__ */ Symbol.for("react.memo"), k = /* @__PURE__ */ Symbol.for("react.lazy"), E = /* @__PURE__ */ Symbol.for("react.activity"), O = /* @__PURE__ */ Symbol.for("react.client.reference"), L = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, T = Object.prototype.hasOwnProperty, A = Array.isArray, $ = console.createTask ? console.createTask : function() {
+    var u = R, d = /* @__PURE__ */ Symbol.for("react.transitional.element"), D = /* @__PURE__ */ Symbol.for("react.portal"), j = /* @__PURE__ */ Symbol.for("react.fragment"), B = /* @__PURE__ */ Symbol.for("react.strict_mode"), I = /* @__PURE__ */ Symbol.for("react.profiler"), _ = /* @__PURE__ */ Symbol.for("react.consumer"), m = /* @__PURE__ */ Symbol.for("react.context"), y = /* @__PURE__ */ Symbol.for("react.forward_ref"), w = /* @__PURE__ */ Symbol.for("react.suspense"), M = /* @__PURE__ */ Symbol.for("react.suspense_list"), x = /* @__PURE__ */ Symbol.for("react.memo"), k = /* @__PURE__ */ Symbol.for("react.lazy"), E = /* @__PURE__ */ Symbol.for("react.activity"), A = /* @__PURE__ */ Symbol.for("react.client.reference"), L = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, T = Object.prototype.hasOwnProperty, O = Array.isArray, $ = console.createTask ? console.createTask : function() {
       return null;
     };
     u = {
@@ -307,7 +307,7 @@ const Se = ({
     n || i((u) => !u);
   }, f = () => {
     if (!h.current || !g.current) return;
-    const u = h.current.getBoundingClientRect(), d = g.current, D = window.innerHeight, j = window.innerWidth, B = d.offsetWidth, _ = u.top, m = D - u.bottom >= _;
+    const u = h.current.getBoundingClientRect(), d = g.current, D = window.innerHeight, j = window.innerWidth, B = d.offsetWidth, I = u.top, m = D - u.bottom >= I;
     let y = m ? u.bottom : u.top - d.offsetHeight;
     m || y < 8 && (y = 8);
     let w = u.left;
@@ -357,12 +357,12 @@ const Se = ({
       v
     )
   ] });
-}, Oe = Ye({
+}, Ae = Ye({
   openModalCount: 0
 }), Dt = (t) => {
   const [s, n] = H(0);
   return /* @__PURE__ */ e.jsx(
-    Oe.Provider,
+    Ae.Provider,
     {
       value: {
         openModalCount: s,
@@ -372,7 +372,7 @@ const Se = ({
     }
   );
 }, ue = ({ children: t, open: s, onClose: n, id: l }) => {
-  const { openModalCount: r, setOpenModalCount: i } = Ue(Oe), c = () => i?.((f) => f + 1), p = () => i?.((f) => f - 1), h = () => i?.(0), g = se(null), o = [
+  const { openModalCount: r, setOpenModalCount: i } = Ue(Ae), c = () => i?.((f) => f + 1), p = () => i?.((f) => f - 1), h = () => i?.(0), g = se(null), o = [
     "DBui-wrapperMenuItem",
     "DBui-inputDateWrapperCalendar",
     "DBui-inputDateRangeRowMonthYearSelected",
@@ -387,8 +387,8 @@ const Se = ({
       (B.key === "Escape" || B.keyCode === 27) && n();
     }
     function j(B) {
-      const _ = B.target;
-      g.current?.contains(_) || o.some((m) => _.closest("." + m)) || n();
+      const I = B.target;
+      g.current?.contains(I) || o.some((m) => I.closest("." + m)) || n();
     }
     return document.addEventListener("keydown", D), document.addEventListener("mousedown", j), () => {
       document.removeEventListener("keydown", D), document.removeEventListener("mousedown", j);
@@ -399,8 +399,8 @@ const Se = ({
   ] }) });
 };
 var ze = (t) => t.type === "checkbox", ce = (t) => t instanceof Date, ve = (t) => t == null;
-const Ae = (t) => typeof t == "object";
-var ae = (t) => !ve(t) && !Array.isArray(t) && Ae(t) && !ce(t), Xe = (t) => ae(t) && t.target ? ze(t.target) ? t.target.checked : t.target.value : t, Qe = (t) => t.substring(0, t.search(/\.\d+(\.|$)/)) || t, Ke = (t, s) => t.has(Qe(s)), et = (t) => {
+const Oe = (t) => typeof t == "object";
+var ae = (t) => !ve(t) && !Array.isArray(t) && Oe(t) && !ce(t), Xe = (t) => ae(t) && t.target ? ze(t.target) ? t.target.checked : t.target.value : t, Qe = (t) => t.substring(0, t.search(/\.\d+(\.|$)/)) || t, Ke = (t, s) => t.has(Qe(s)), et = (t) => {
   const s = t.constructor && t.constructor.prototype;
   return ae(s) && s.hasOwnProperty("isPrototypeOf");
 }, tt = typeof window < "u" && typeof window.HTMLElement < "u" && typeof document < "u";
@@ -485,9 +485,9 @@ function rt(t) {
     h.current.isValid && n._setValid(!0);
   }, [n]), R.useMemo(() => at(c, n, h.current, !1), [c, n]);
 }
-var st = (t) => typeof t == "string", _e = (t, s, n, l, r) => st(t) ? U(n, t, r) : Array.isArray(t) ? t.map((i) => U(n, i)) : n, Ie = (t) => ve(t) || !Ae(t);
+var st = (t) => typeof t == "string", Ie = (t, s, n, l, r) => st(t) ? U(n, t, r) : Array.isArray(t) ? t.map((i) => U(n, i)) : n, _e = (t) => ve(t) || !Oe(t);
 function me(t, s, n = /* @__PURE__ */ new WeakSet()) {
-  if (Ie(t) || Ie(s))
+  if (_e(t) || _e(s))
     return Object.is(t, s);
   if (ce(t) && ce(s))
     return Object.is(t.getTime(), s.getTime());
@@ -516,11 +516,11 @@ function lt(t) {
     const m = n._getWatch(l, h.current);
     return g.current ? g.current(m) : m;
   }), D = R.useCallback((m) => {
-    const y = _e(l, n._names, m || n._formValues, !1, h.current);
+    const y = Ie(l, n._names, m || n._formValues, !1, h.current);
     return g.current ? g.current(y) : y;
   }, [n._formValues, n._names, l]), j = R.useCallback((m) => {
     if (!i) {
-      const y = _e(l, n._names, m || n._formValues, !1, h.current);
+      const y = Ie(l, n._names, m || n._formValues, !1, h.current);
       if (g.current) {
         const w = g.current(y);
         me(w, o.current) || (d(w), o.current = w);
@@ -538,13 +538,13 @@ function lt(t) {
       j(m.values);
     }
   })), [n, c, l, j]), R.useEffect(() => n._removeUnmounted());
-  const B = f.current !== n, _ = v.current, I = R.useMemo(() => {
+  const B = f.current !== n, I = v.current, _ = R.useMemo(() => {
     if (i)
       return null;
-    const m = !B && !me(_, l);
+    const m = !B && !me(I, l);
     return B || m ? D() : null;
-  }, [i, B, l, _, D]);
-  return I !== null ? I : u;
+  }, [i, B, l, I, D]);
+  return _ !== null ? _ : u;
 }
 function it(t) {
   const s = De(), { name: n, disabled: l, control: r = s, shouldUnregister: i, defaultValue: c, exact: p = !0 } = t, h = Ke(r._names.array, n), g = R.useMemo(() => U(r._formValues, n, U(r._defaultValues, n, c)), [r, n, c]), o = lt({
@@ -595,7 +595,7 @@ function it(t) {
       name: n
     },
     type: Re.BLUR
-  }), [n, r._formValues]), _ = R.useCallback((m) => {
+  }), [n, r._formValues]), I = R.useCallback((m) => {
     const y = U(r._fields, n);
     y && y._f && m && (y._f.ref = {
       focus: () => pe(m.focus) && m.focus(),
@@ -603,14 +603,14 @@ function it(t) {
       setCustomValidity: (w) => pe(m.setCustomValidity) && m.setCustomValidity(w),
       reportValidity: () => pe(m.reportValidity) && m.reportValidity()
     });
-  }, [r._fields, n]), I = R.useMemo(() => ({
+  }, [r._fields, n]), _ = R.useMemo(() => ({
     name: n,
     value: o,
     ...ge(l) || f.disabled ? { disabled: f.disabled || l } : {},
     onChange: j,
     onBlur: B,
-    ref: _
-  }), [n, l, f.disabled, j, B, _, o]);
+    ref: I
+  }), [n, l, f.disabled, j, B, I, o]);
   return R.useEffect(() => {
     const m = r._options.shouldUnregister || i, y = u.current;
     y && y !== n && !h && r.unregister(y), r.register(n, {
@@ -634,10 +634,10 @@ function it(t) {
       name: n
     });
   }, [l, n, r]), R.useMemo(() => ({
-    field: I,
+    field: _,
     formState: f,
     fieldState: D
-  }), [I, f, D]);
+  }), [_, f, D]);
 }
 const G = (t) => t.render(it(t)), ot = R.createContext(null);
 ot.displayName = "HookFormContext";
@@ -724,17 +724,17 @@ const X = ({
         z(() => {
           !p && typeof u == "number" && !isNaN(u) ? o(u.toLocaleString("en-US")) : o(typeof u == "string" ? u : u ?? "");
         }, [u]);
-        const B = (_) => {
-          const I = _.target.value;
-          if (I === "") {
+        const B = (I) => {
+          const _ = I.target.value;
+          if (_ === "") {
             p ? (d(""), o("")) : (d(0), o("0"));
             return;
           }
           if (p) {
-            d(I), o(I);
+            d(_), o(_);
             return;
           }
-          const m = I.replace(/,/g, "");
+          const m = _.replace(/,/g, "");
           if (!(h ? /^-?[0-9]*\.?[0-9]*$/ : /^[0-9]*\.?[0-9]*$/).test(m)) return;
           if (m === "-" || m.endsWith(".")) {
             o(Me(m)), d(m);
@@ -789,19 +789,19 @@ const X = ({
 }) => {
   const [o, f] = H(ne()), [v, u] = H(!1), [d, D] = H(!1);
   z(() => (D(!0), () => D(!1)), []);
-  const j = ye(h, g), B = Ce(), _ = document.getElementById("root") || document.getElementById("__next") || document.body;
+  const j = ye(h, g), B = Ce(), I = document.getElementById("root") || document.getElementById("__next") || document.body;
   return /* @__PURE__ */ e.jsx(
     G,
     {
       name: s,
       control: t,
-      render: ({ field: I, fieldState: m }) => {
-        const y = I.value || "", { onChange: w } = I, { invalid: M, error: x } = m;
+      render: ({ field: _, fieldState: m }) => {
+        const y = _.value || "", { onChange: w } = _, { invalid: M, error: x } = m;
         z(() => {
           v && f(y || ne());
         }, [v]);
-        function k({ year: O, month: L }) {
-          const T = we(O, L), $ = ((S) => S % 7)((/* @__PURE__ */ new Date(`${O}-${L}-01`)).getDay()), W = [...Array($).fill(null), ...T.map((S) => S.date.split("-")[2])];
+        function k({ year: A, month: L }) {
+          const T = we(A, L), $ = ((S) => S % 7)((/* @__PURE__ */ new Date(`${A}-${L}-01`)).getDay()), W = [...Array($).fill(null), ...T.map((S) => S.date.split("-")[2])];
           for (; W.length < 42; ) W.push(null);
           const P = [];
           for (let S = 0; S < W.length; S += 7) P.push(W.slice(S, S + 7));
@@ -823,8 +823,8 @@ const X = ({
             C
           )) }, N)) });
         }
-        const E = (O) => {
-          O.stopPropagation(), w("");
+        const E = (A) => {
+          A.stopPropagation(), w("");
         };
         return /* @__PURE__ */ e.jsx(
           X,
@@ -881,12 +881,12 @@ const X = ({
                       {
                         isInModal: !0,
                         trigger: () => /* @__PURE__ */ e.jsx("h4", { className: "DBui-inputDateRowMonthYearSelected", children: o.slice(0, 4) }),
-                        children: ({ close: O }) => j.map((L, T) => /* @__PURE__ */ e.jsx(
+                        children: ({ close: A }) => j.map((L, T) => /* @__PURE__ */ e.jsx(
                           "p",
                           {
                             className: "DBui-inputDateRowMonthYearOption",
                             onClick: () => {
-                              f(je(o, L.value)), O();
+                              f(je(o, L.value)), A();
                             },
                             "data-checked": J(o) === L.value,
                             children: L.label
@@ -899,13 +899,13 @@ const X = ({
                       Q,
                       {
                         isInModal: !0,
-                        trigger: () => /* @__PURE__ */ e.jsx("h4", { className: "DBui-inputDateRowMonthYearSelected", style: { width: "7rem" }, children: B.find((O) => O.value === o.slice(5, 7))?.label }),
-                        children: ({ close: O }) => B.map((L, T) => /* @__PURE__ */ e.jsx(
+                        trigger: () => /* @__PURE__ */ e.jsx("h4", { className: "DBui-inputDateRowMonthYearSelected", style: { width: "7rem" }, children: B.find((A) => A.value === o.slice(5, 7))?.label }),
+                        children: ({ close: A }) => B.map((L, T) => /* @__PURE__ */ e.jsx(
                           "p",
                           {
                             className: "DBui-inputDateRowMonthYearOption",
                             onClick: () => {
-                              f(K(o, L.value)), O();
+                              f(K(o, L.value)), A();
                             },
                             "data-checked": Z(o) === L.value,
                             children: L.label
@@ -944,7 +944,7 @@ const X = ({
                     /* @__PURE__ */ e.jsx(k, { year: J(o), month: Z(o) })
                   ] })
                 ] }) }),
-                _
+                I
               ),
               !d && /* @__PURE__ */ e.jsx(ue, { id: "modalInputDate", open: v, onClose: () => u(!1), children: /* @__PURE__ */ e.jsx("div", { className: "DBui-inputDateWrapperCalendar" }) })
             ] })
@@ -1028,19 +1028,19 @@ const wt = ({
 }) => {
   const [o, f] = H(ne()), [v, u] = H(!1), d = ye(g, h), D = Ce(), [j, B] = H(!1);
   z(() => (B(!0), () => B(!1)), []);
-  const _ = document.getElementById("root") || document.getElementById("__next") || document.body;
+  const I = document.getElementById("root") || document.getElementById("__next") || document.body;
   return /* @__PURE__ */ e.jsx(
     G,
     {
       name: s,
       control: t,
-      render: ({ field: I, fieldState: m }) => {
-        const y = I.value ?? ["", ""], [w, M] = y, { onChange: x } = I, { invalid: k, error: E } = m;
+      render: ({ field: _, fieldState: m }) => {
+        const y = _.value ?? ["", ""], [w, M] = y, { onChange: x } = _, { invalid: k, error: E } = m;
         z(() => {
           v && f(w || ne());
         }, [v]);
-        function O({ year: T, month: A }) {
-          const $ = we(T, A), W = ((a) => a % 7)((/* @__PURE__ */ new Date(`${T}-${A}-01`)).getDay()), S = [...Array(W).fill(null), ...$.map((a) => a.date.split("-")[2])];
+        function A({ year: T, month: O }) {
+          const $ = we(T, O), W = ((a) => a % 7)((/* @__PURE__ */ new Date(`${T}-${O}-01`)).getDay()), S = [...Array(W).fill(null), ...$.map((a) => a.date.split("-")[2])];
           for (; S.length < 42; ) S.push(null);
           const N = [];
           for (let a = 0; a < S.length; a += 7) N.push(S.slice(a, a + 7));
@@ -1120,15 +1120,15 @@ const wt = ({
                       {
                         isInModal: !0,
                         trigger: () => /* @__PURE__ */ e.jsx("h4", { className: "DBui-inputDateRangeRowMonthYearSelected", children: o.slice(0, 4) }),
-                        children: ({ close: T }) => d.map((A, $) => /* @__PURE__ */ e.jsx(
+                        children: ({ close: T }) => d.map((O, $) => /* @__PURE__ */ e.jsx(
                           "p",
                           {
                             className: "DBui-inputDateRangeRowMonthYearOption",
                             onClick: () => {
-                              f(je(o, A.value)), T();
+                              f(je(o, O.value)), T();
                             },
-                            "data-checked": J(o) === A.value,
-                            children: A.label
+                            "data-checked": J(o) === O.value,
+                            children: O.label
                           },
                           $
                         ))
@@ -1139,15 +1139,15 @@ const wt = ({
                       {
                         isInModal: !0,
                         trigger: () => /* @__PURE__ */ e.jsx("h4", { className: "DBui-inputDateRangeRowMonthYearSelected", style: { width: "7rem" }, children: D.find((T) => T.value === o.slice(5, 7))?.label }),
-                        children: ({ close: T }) => D.map((A, $) => /* @__PURE__ */ e.jsx(
+                        children: ({ close: T }) => D.map((O, $) => /* @__PURE__ */ e.jsx(
                           "p",
                           {
                             className: "DBui-inputDateRangeRowMonthYearOption",
                             onClick: () => {
-                              f(K(o, A.value)), T();
+                              f(K(o, O.value)), T();
                             },
-                            "data-checked": Z(o) === A.value,
-                            children: A.label
+                            "data-checked": Z(o) === O.value,
+                            children: O.label
                           },
                           $
                         ))
@@ -1180,10 +1180,10 @@ const wt = ({
                       /* @__PURE__ */ e.jsx("p", { className: "DBui-inputDateRangeHeader", children: "Fri" }),
                       /* @__PURE__ */ e.jsx("p", { className: "DBui-inputDateRangeHeader", children: "Sat" })
                     ] }),
-                    /* @__PURE__ */ e.jsx(O, { year: J(o), month: Z(o) })
+                    /* @__PURE__ */ e.jsx(A, { year: J(o), month: Z(o) })
                   ] })
                 ] }) }),
-                _
+                I
               ),
               !j && /* @__PURE__ */ e.jsx(ue, { id: "modalInputDateRange", open: v, onClose: () => u(!1), children: /* @__PURE__ */ e.jsx("div", { className: "DBui-inputDateRangeWrapperCalendar" }) })
             ] })
@@ -1204,16 +1204,16 @@ const wt = ({
   maxYear: h,
   minYear: g
 }) => {
-  const o = se(null), f = se(null), [v, u] = H(!1), [d, D] = H(ne()), [j, B] = H(ne()), [_, I] = H("00"), [m, y] = H("00"), w = ye(g, h), M = Ce(), x = ct(), k = ut();
+  const o = se(null), f = se(null), [v, u] = H(!1), [d, D] = H(ne()), [j, B] = H(ne()), [I, _] = H("00"), [m, y] = H("00"), w = ye(g, h), M = Ce(), x = ct(), k = ut();
   z(() => {
-    function T(A) {
-      if (!A) return;
-      A.querySelector('[data-checked="true"]')?.scrollIntoView({ behavior: "smooth", block: "center" });
+    function T(O) {
+      if (!O) return;
+      O.querySelector('[data-checked="true"]')?.scrollIntoView({ behavior: "smooth", block: "center" });
     }
     T(o.current), T(f.current);
-  }, [_, m]);
-  function E({ year: T, month: A }) {
-    const $ = we(T, A), W = ((a) => a % 7)((/* @__PURE__ */ new Date(`${T}-${A}-01`)).getDay()), S = [...Array(W).fill(null), ...$.map((a) => a.date.split("-")[2])];
+  }, [I, m]);
+  function E({ year: T, month: O }) {
+    const $ = we(T, O), W = ((a) => a % 7)((/* @__PURE__ */ new Date(`${T}-${O}-01`)).getDay()), S = [...Array(W).fill(null), ...$.map((a) => a.date.split("-")[2])];
     for (; S.length < 42; ) S.push(null);
     const N = [];
     for (let a = 0; a < S.length; a += 7) N.push(S.slice(a, a + 7));
@@ -1231,25 +1231,25 @@ const wt = ({
       V
     )) }, C)) });
   }
-  const O = (T) => {
-    const [A, $] = T.split("T");
-    return `${A} ${$}`;
+  const A = (T) => {
+    const [O, $] = T.split("T");
+    return `${O} ${$}`;
   }, L = document.getElementById("root") || document.getElementById("__next") || document.body;
   return /* @__PURE__ */ e.jsx(
     G,
     {
       name: s,
       control: t,
-      render: ({ field: T, fieldState: A }) => {
-        const $ = T.value || "", F = A.invalid, W = A.error?.message, P = T.onChange;
+      render: ({ field: T, fieldState: O }) => {
+        const $ = T.value || "", F = O.invalid, W = O.error?.message, P = T.onChange;
         z(() => {
           if (!$) {
             const V = ne();
-            D(V), B(V), I("00"), y("00");
+            D(V), B(V), _("00"), y("00");
             return;
           }
           const [N, a] = $.split("T"), [C, b] = a.split(":");
-          D(N), B(N), I(C || "00"), y(b || "00");
+          D(N), B(N), _(C || "00"), y(b || "00");
         }, [$]);
         const S = (N) => {
           N.stopPropagation(), P("");
@@ -1272,7 +1272,7 @@ const wt = ({
                   "data-invalid": F,
                   "data-disabled": r,
                   children: [
-                    /* @__PURE__ */ e.jsx("p", { children: $ ? O($) : l }),
+                    /* @__PURE__ */ e.jsx("p", { children: $ ? A($) : l }),
                     /* @__PURE__ */ e.jsx(
                       "img",
                       {
@@ -1379,8 +1379,8 @@ const wt = ({
                       /* @__PURE__ */ e.jsx("div", { className: "DBui-inputDateTimeWrapperHourMinOptions", ref: o, children: x.map((N) => /* @__PURE__ */ e.jsx(
                         "p",
                         {
-                          "data-checked": _ === N.value,
-                          onClick: () => I(N.value),
+                          "data-checked": I === N.value,
+                          onClick: () => _(N.value),
                           children: N.value
                         },
                         N.value
@@ -1406,7 +1406,7 @@ const wt = ({
                         type: "button",
                         onClick: () => {
                           let N = dt(), a = pt();
-                          _ && (N = _), m && (a = m), P(`${j}T${N}:${a}`), u(!1);
+                          I && (N = I), m && (a = m), P(`${j}T${N}:${a}`), u(!1);
                         },
                         name: "Save",
                         className: "DBui-inputDateTimeButtonSave"
@@ -1658,9 +1658,9 @@ const mt = "data:image/svg+xml,%3csvg%20width='19'%20height='20'%20viewBox='0%20
     name: s,
     control: t,
     render: ({ field: f, fieldState: v }) => {
-      const { value: u, onChange: d } = f, { invalid: D, error: j } = v, B = c?.find((m) => m.value === u), _ = (m, y) => {
+      const { value: u, onChange: d } = f, { invalid: D, error: j } = v, B = c?.find((m) => m.value === u), I = (m, y) => {
         d(m), p?.(m), y();
-      }, I = (m) => {
+      }, _ = (m) => {
         m.stopPropagation(), d(null), p?.(null);
       };
       return /* @__PURE__ */ e.jsx(
@@ -1685,7 +1685,7 @@ const mt = "data:image/svg+xml,%3csvg%20width='19'%20height='20'%20viewBox='0%20
                     {
                       src: ee,
                       className: "DBui-clearIconInputSelect",
-                      onClick: I,
+                      onClick: _,
                       "data-hidden": !u || l || h
                     }
                   )
@@ -1703,7 +1703,7 @@ const mt = "data:image/svg+xml,%3csvg%20width='19'%20height='20'%20viewBox='0%20
                 "p",
                 {
                   className: "DBui-menuItemInputSelect",
-                  onClick: () => _(y.value, m),
+                  onClick: () => I(y.value, m),
                   "data-checked": u === y.value,
                   children: y.label
                 },
@@ -1740,7 +1740,7 @@ const mt = "data:image/svg+xml,%3csvg%20width='19'%20height='20'%20viewBox='0%20
       ] }) });
     }
   }
-), _t = ({
+), It = ({
   control: t,
   name: s,
   label: n,
@@ -1754,12 +1754,12 @@ const mt = "data:image/svg+xml,%3csvg%20width='19'%20height='20'%20viewBox='0%20
   placeholder: o,
   isInModal: f = !1
 }) => {
-  const [v, u] = R.useState([]), [d, D] = R.useState(1), [j, B] = R.useState(!1), [_, I] = R.useState(!0), m = async () => {
-    if (!(j || !_)) {
+  const [v, u] = R.useState([]), [d, D] = R.useState(1), [j, B] = R.useState(!1), [I, _] = R.useState(!0), m = async () => {
+    if (!(j || !I)) {
       B(!0);
       try {
         const M = await c({ page: d, limit: p });
-        u((x) => [...x, ...M]), D((x) => x + 1), M.length < p && I(!1);
+        u((x) => [...x, ...M]), D((x) => x + 1), M.length < p && _(!1);
       } finally {
         B(!1);
       }
@@ -1776,7 +1776,7 @@ const mt = "data:image/svg+xml,%3csvg%20width='19'%20height='20'%20viewBox='0%20
       name: s,
       control: t,
       render: ({ field: M, fieldState: x }) => {
-        const { value: k, onChange: E } = M, { invalid: O, error: L } = x, T = v.find((F) => F.value === k), A = (F, W) => {
+        const { value: k, onChange: E } = M, { invalid: A, error: L } = x, T = v.find((F) => F.value === k), O = (F, W) => {
           E(F), h?.(F), W();
         }, $ = (F) => {
           F.stopPropagation(), E(null), h?.(null);
@@ -1788,7 +1788,7 @@ const mt = "data:image/svg+xml,%3csvg%20width='19'%20height='20'%20viewBox='0%20
             label: n,
             require: r,
             fullWidth: i,
-            isInvalid: O,
+            isInvalid: A,
             errorMessage: L?.message,
             children: /* @__PURE__ */ e.jsx(
               Q,
@@ -1799,7 +1799,7 @@ const mt = "data:image/svg+xml,%3csvg%20width='19'%20height='20'%20viewBox='0%20
                   "div",
                   {
                     className: "DBui-wrapperInputAsyncSelect",
-                    "data-invalid": O,
+                    "data-invalid": A,
                     "data-disabled": l,
                     onClick: w,
                     children: [
@@ -1831,14 +1831,14 @@ const mt = "data:image/svg+xml,%3csvg%20width='19'%20height='20'%20viewBox='0%20
                     "p",
                     {
                       className: "DBui-menuItemInputAsyncSelect",
-                      onClick: () => A(W.value, F),
+                      onClick: () => O(W.value, F),
                       "data-checked": k === W.value,
                       children: W.label
                     },
                     P
                   )),
                   j && /* @__PURE__ */ e.jsx("p", { className: "DBui-menuLoading", children: "Loading..." }),
-                  !_ && !j && /* @__PURE__ */ e.jsx("p", { className: "DBui-menuEnd", children: "No more data" })
+                  !I && !j && /* @__PURE__ */ e.jsx("p", { className: "DBui-menuEnd", children: "No more data" })
                 ] })
               }
             )
@@ -1847,7 +1847,7 @@ const mt = "data:image/svg+xml,%3csvg%20width='19'%20height='20'%20viewBox='0%20
       }
     }
   );
-}, ht = 400, It = ({
+}, ht = 400, _t = ({
   control: t,
   name: s,
   label: n,
@@ -1860,9 +1860,9 @@ const mt = "data:image/svg+xml,%3csvg%20width='19'%20height='20'%20viewBox='0%20
   fetchOptions: g,
   pageSize: o
 }) => {
-  const [f, v] = H(""), [u, d] = H([]), [D, j] = H(1), [B, _] = H(!1), [I, m] = H(!0), y = se(null), w = async (x = !1) => {
-    if (!(B || !I && !x)) {
-      _(!0);
+  const [f, v] = H(""), [u, d] = H([]), [D, j] = H(1), [B, I] = H(!1), [_, m] = H(!0), y = se(null), w = async (x = !1) => {
+    if (!(B || !_ && !x)) {
+      I(!0);
       try {
         const k = await g({
           search: f,
@@ -1871,7 +1871,7 @@ const mt = "data:image/svg+xml,%3csvg%20width='19'%20height='20'%20viewBox='0%20
         });
         d((E) => x ? k : [...E, ...k]), j((E) => x ? 2 : E + 1), k.length < o ? m(!1) : x && m(!0);
       } finally {
-        _(!1);
+        I(!1);
       }
     }
   };
@@ -1890,10 +1890,10 @@ const mt = "data:image/svg+xml,%3csvg%20width='19'%20height='20'%20viewBox='0%20
       name: s,
       control: t,
       render: ({ field: x, fieldState: k }) => {
-        const E = x.value ?? [], { onChange: O } = x, { invalid: L, error: T } = k, A = (P, S) => {
-          v(""), S(), O(p ? [...E, P] : [P]);
+        const E = x.value ?? [], { onChange: A } = x, { invalid: L, error: T } = k, O = (P, S) => {
+          v(""), S(), A(p ? [...E, P] : [P]);
         }, $ = (P, S) => {
-          P.stopPropagation(), O(E.filter((N) => N !== S));
+          P.stopPropagation(), A(E.filter((N) => N !== S));
         }, F = E[0] || f, W = u.find((P) => P.label === F || P.value === F);
         return /* @__PURE__ */ e.jsx(
           X,
@@ -1954,7 +1954,7 @@ const mt = "data:image/svg+xml,%3csvg%20width='19'%20height='20'%20viewBox='0%20
                       {
                         className: "DBui-menuItemAsyncInputAutoComplete",
                         "data-checked": a,
-                        onClick: () => !a && A(S.value, P),
+                        onClick: () => !a && O(S.value, P),
                         children: S.label
                       },
                       N
@@ -1989,7 +1989,7 @@ const mt = "data:image/svg+xml,%3csvg%20width='19'%20height='20'%20viewBox='0%20
       name: s,
       control: t,
       render: ({ field: v, fieldState: u }) => {
-        const d = v.value ?? [], { onChange: D } = v, { invalid: j, error: B } = u, _ = p.filter((x) => x.label.toLowerCase().includes(o.toLowerCase())), I = (x, k) => {
+        const d = v.value ?? [], { onChange: D } = v, { invalid: j, error: B } = u, I = p.filter((x) => x.label.toLowerCase().includes(o.toLowerCase())), _ = (x, k) => {
           f(""), k(), D(h ? [...d, x] : [x]);
         }, m = (x) => {
           f(x), h || D([x]);
@@ -2012,7 +2012,7 @@ const mt = "data:image/svg+xml,%3csvg%20width='19'%20height='20'%20viewBox='0%20
                 disabled: r,
                 trigger: () => /* @__PURE__ */ e.jsxs("div", { className: "DBui-wrapInputAutoComplete", "data-invalid": j, "data-disabled": r, children: [
                   h && d.map((x, k) => {
-                    const E = p.find((O) => O.value === x);
+                    const E = p.find((A) => A.value === x);
                     return E ? r ? /* @__PURE__ */ e.jsx(Ee, { label: E.label }, k) : /* @__PURE__ */ e.jsxs("div", { className: "DBui-wrapSelectValueInputAutoComplete", children: [
                       /* @__PURE__ */ e.jsx("p", { children: /* @__PURE__ */ e.jsx("small", { children: E.label }) }),
                       /* @__PURE__ */ e.jsx(
@@ -2020,7 +2020,7 @@ const mt = "data:image/svg+xml,%3csvg%20width='19'%20height='20'%20viewBox='0%20
                         {
                           src: ee,
                           className: "DBui-iconInputAutoComplete",
-                          onClick: (O) => y(O, x)
+                          onClick: (A) => y(A, x)
                         }
                       )
                     ] }, k) : null;
@@ -2038,14 +2038,14 @@ const mt = "data:image/svg+xml,%3csvg%20width='19'%20height='20'%20viewBox='0%20
                     }
                   )
                 ] }),
-                children: ({ close: x }) => _.map((k, E) => {
-                  const O = d.includes(k.value);
+                children: ({ close: x }) => I.map((k, E) => {
+                  const A = d.includes(k.value);
                   return /* @__PURE__ */ e.jsx(
                     "p",
                     {
                       className: "DBui-menuItemInputAutoComplete",
-                      "data-checked": O,
-                      onClick: () => !O && I(k.value, x),
+                      "data-checked": A,
+                      onClick: () => !A && _(k.value, x),
                       children: k.label
                     },
                     E
@@ -2063,13 +2063,13 @@ export {
   Ze as Blackdrop,
   Se as Button,
   Ee as Chip,
-  Oe as DBuiContext,
+  Ae as DBuiContext,
   Dt as DBuiProvider,
   vt as Divider,
   yt as Input,
-  _t as InputAsyncSelect,
+  It as InputAsyncSelect,
   Mt as InputAutoComplete,
-  It as InputAutoCompleteAsync,
+  _t as InputAutoCompleteAsync,
   St as InputCheckbox,
   jt as InputDate,
   wt as InputDateRange,