@mci-ui/mci-ui 0.0.74 → 0.0.75

package/dist/index.es.js

@@ -23,7 +23,7 @@ function qt({
   variant: a = "blue",
   className: r
 }) {
-  const l = a === "blue", f = l ? "hover:text-blue-600" : "hover:text-yellow-500", d = l ? "text-blue-600" : "text-yellow-500";
+  const l = a === "blue", p = l ? "hover:text-blue-600" : "hover:text-yellow-500", d = l ? "text-blue-600" : "text-yellow-500";
   return /* @__PURE__ */ e("nav", { className: n("flex items-center", r), "aria-label": "Breadcrumb", children: t.map((s, c) => {
     const C = c === t.length - 1;
     return /* @__PURE__ */ i("div", { className: "flex items-center", children: [
@@ -39,7 +39,7 @@ function qt({
           },
           className: n(
             "flex items-center gap-x-2 transition-all text-sm font-normal text-slate-500",
-            f
+            p
           ),
           children: [
             s.icon,
@@ -56,20 +56,20 @@ function Kt({
   text: a,
   icon: r,
   iconPosition: l = "left",
-  size: f = "base",
+  size: p = "base",
   variant: d = "primary",
   color: s = "yellow",
   loading: c = !1,
   disabled: C = !1,
   onClick: k,
-  className: D,
-  type: M = "button"
+  className: M,
+  type: D = "button"
 }) {
-  const L = t ?? a, F = {
+  const A = t ?? a, E = {
     sm: "h-9 px-2 text-sm gap-1.5 rounded-lg leading-9 min-w-9",
     md: "h-10 px-2 text-base gap-2 rounded-lg leading-10 min-w-10",
     base: "h-12 px-4 text-base gap-2 rounded-xl leading-12 min-w-12"
-  }, u = d === "primary" || d === "secondary" || d === "outline" ? {
+  }, m = d === "primary" || d === "secondary" || d === "outline" ? {
     blue: {
       primary: "bg-blue-600 text-white hover:bg-blue-700 active:bg-blue-800 focus:ring-2 focus:ring-[rgba(21,93,252,0.25)]",
       secondary: "bg-blue-100 text-blue-600 hover:bg-blue-200 active:bg-blue-200 active:border active:border-blue-600 focus:ring-2 focus:ring-[rgba(21,93,252,0.25)]",
@@ -87,20 +87,20 @@ function Kt({
   return /* @__PURE__ */ i(
     "button",
     {
-      type: M,
+      type: D,
       onClick: k,
       disabled: b,
       className: n(
         "inline-flex items-center justify-center font-medium transition-all duration-200 cursor-pointer",
-        F[f],
-        u,
-        !b && u,
+        E[p],
+        m,
+        !b && m,
         w,
-        D
+        M
       ),
       children: [
         r && l === "left" && !c && /* @__PURE__ */ e("span", { className: "flex items-center", children: r }),
-        L && /* @__PURE__ */ e("span", { children: L }),
+        A && /* @__PURE__ */ e("span", { children: A }),
         r && l === "right" && !c && /* @__PURE__ */ e("span", { className: "flex items-center", children: r }),
         c && /* @__PURE__ */ e(We, { weight: "Linear", size: 20, className: "animate-spin" })
       ]
@@ -124,51 +124,51 @@ const kt = (t) => /* @__PURE__ */ re.createElement("svg", { xmlns: "http://www.w
   type: a = "checkbox",
   label: r,
   supportText: l,
-  checked: f,
+  checked: p,
   onChange: d,
   error: s,
   disabled: c = !1,
   required: C = !1,
   className: k,
-  variant: D = "yellow",
-  name: M,
-  value: L
+  variant: M = "yellow",
+  name: D,
+  value: A
 }) {
-  const [F, v] = _(!1), m = a === "radio", u = Z(
-    () => f ?? F,
-    [f, F]
+  const [E, v] = _(!1), u = a === "radio", m = Z(
+    () => p ?? E,
+    [p, E]
   ), b = R(
     (y) => {
-      c || (f === void 0 && v(y.target.checked), d?.(y));
+      c || (p === void 0 && v(y.target.checked), d?.(y));
     },
-    [f, d, c]
+    [p, d, c]
   ), w = Z(() => {
     if (c) {
-      const E = "border-slate-200 bg-slate-100";
-      return m ? {
-        container: E,
-        dot: u ? "bg-slate-300" : "bg-transparent",
+      const L = "border-slate-200 bg-slate-100";
+      return u ? {
+        container: L,
+        dot: m ? "bg-slate-300" : "bg-transparent",
         check: "text-slate-400"
       } : {
-        container: E,
+        container: L,
         dot: "",
-        check: u ? "text-slate-400" : "text-transparent"
+        check: m ? "text-slate-400" : "text-transparent"
       };
     }
-    const y = Ct[D];
-    if (m) {
-      const E = n(
+    const y = Ct[M];
+    if (u) {
+      const L = n(
         "border transition-all duration-200",
-        u ? y.border : "border-slate-400",
-        !u && y.hover,
+        m ? y.border : "border-slate-400",
+        !m && y.hover,
         y.focus,
-        u && ""
+        m && ""
       ), j = n(
         "transition-all duration-200 rounded-full",
-        u ? y.bg : "bg-transparent"
+        m ? y.bg : "bg-transparent"
       );
       return {
-        container: E,
+        container: L,
         dot: j,
         check: ""
       };
@@ -176,14 +176,14 @@ const kt = (t) => /* @__PURE__ */ re.createElement("svg", { xmlns: "http://www.w
     return {
       container: n(
         "border transition-all duration-200",
-        u ? n(y.bg, y.border) : "border-slate-400",
-        !u && y.hover,
+        m ? n(y.bg, y.border) : "border-slate-400",
+        !m && y.hover,
         y.focus
       ),
       dot: "",
-      check: u ? "text-white" : "text-transparent"
+      check: m ? "text-white" : "text-transparent"
     };
-  }, [m, u, c, D]), p = Z(() => !r && !l ? null : /* @__PURE__ */ i("div", { className: "flex flex-col", children: [
+  }, [u, m, c, M]), h = Z(() => !r && !l ? null : /* @__PURE__ */ i("div", { className: "flex flex-col", children: [
     r && /* @__PURE__ */ i(
       "span",
       {
@@ -222,15 +222,15 @@ const kt = (t) => /* @__PURE__ */ re.createElement("svg", { xmlns: "http://www.w
             "input",
             {
               type: a,
-              checked: u,
+              checked: m,
               onChange: b,
               disabled: c,
               required: C,
               className: "sr-only",
               "aria-invalid": !!s,
-              "aria-describedby": s ? `${M}-error` : void 0,
-              name: M,
-              value: L
+              "aria-describedby": s ? `${D}-error` : void 0,
+              name: D,
+              value: A
             }
           ),
           /* @__PURE__ */ e(
@@ -238,16 +238,16 @@ const kt = (t) => /* @__PURE__ */ re.createElement("svg", { xmlns: "http://www.w
             {
               className: n(
                 "relative flex items-center justify-center",
-                m ? "w-5 h-5 rounded-full" : "w-5 h-5 rounded",
+                u ? "w-5 h-5 rounded-full" : "w-5 h-5 rounded",
                 w.container
               ),
-              children: m ? /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e(
+              children: u ? /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e(
                 "span",
                 {
                   className: n(
                     "w-3 h-3 rounded-full transition-all duration-200",
                     w.dot,
-                    u ? "opacity-100 scale-100" : "opacity-0 scale-50"
+                    m ? "opacity-100 scale-100" : "opacity-0 scale-50"
                   )
                 }
               ) }) : /* @__PURE__ */ e(
@@ -256,17 +256,17 @@ const kt = (t) => /* @__PURE__ */ re.createElement("svg", { xmlns: "http://www.w
                   className: n(
                     "w-4 h-4 stroke-[2.5px] transition-opacity duration-200",
                     w.check,
-                    u ? "opacity-100" : "opacity-0"
+                    m ? "opacity-100" : "opacity-0"
                   )
                 }
               )
             }
           ),
-          p
+          h
         ]
       }
     ),
-    s && /* @__PURE__ */ e("p", { id: `${M}-error`, className: "mt-1 text-extra-small text-red-600", children: s })
+    s && /* @__PURE__ */ e("p", { id: `${D}-error`, className: "mt-1 text-extra-small text-red-600", children: s })
   ] });
 });
 Me.displayName = "MciCheck";
@@ -275,13 +275,13 @@ function Jt({
   children: a,
   defaultOpen: r = !1,
   icon: l,
-  className: f,
+  className: p,
   contentClassName: d
 }) {
-  const [s, c] = _(r), [C, k] = _(0), D = le(null);
+  const [s, c] = _(r), [C, k] = _(0), M = le(null);
   return J(() => {
-    D.current && k(s ? D.current.scrollHeight : 0);
-  }, [s]), /* @__PURE__ */ i("div", { className: n("overflow-hidden rounded-xl border border-slate-200", f), children: [
+    M.current && k(s ? M.current.scrollHeight : 0);
+  }, [s]), /* @__PURE__ */ i("div", { className: n("overflow-hidden rounded-xl border border-slate-200", p), children: [
     /* @__PURE__ */ i(
       "button",
       {
@@ -318,7 +318,7 @@ function Jt({
         style: {
           height: `${C}px`
         },
-        children: /* @__PURE__ */ e("div", { ref: D, className: n("p-5", d), children: a })
+        children: /* @__PURE__ */ e("div", { ref: M, className: n("p-5", d), children: a })
       }
     )
   ] });
@@ -329,28 +329,29 @@ function Gt({
   onClose: a,
   position: r = "right",
   children: l,
-  footer: f,
+  footer: p,
   title: d,
   description: s,
   showCloseButton: c = !0,
   drawerClassName: C,
-  closeOnOverlayClick: k = !0,
+  contentClassName: k,
+  closeOnOverlayClick: M = !0,
   closeOnEscape: D = !0,
-  width: M = 572
+  width: A = 572
 }) {
-  const L = le(null), F = le(null), v = R(() => a(), [a]);
+  const E = le(null), v = le(null), u = R(() => a(), [a]);
   J(() => {
-    t ? (F.current = document.activeElement, L.current?.focus()) : F.current?.focus();
+    t ? (v.current = document.activeElement, E.current?.focus()) : v.current?.focus();
   }, [t]), J(() => (t && (document.body.style.overflow = "hidden"), () => {
     document.body.style.overflow = "unset";
   }), [t]);
   const m = Z(
     () => ({
-      "--drawer-w": typeof M == "number" ? `${M}px` : M,
+      "--drawer-w": typeof A == "number" ? `${A}px` : A,
       transform: t ? "translateX(0)" : r === "right" ? "translateX(calc(100% + 48px))" : "translateX(calc(-100% - 48px))"
     }),
-    [t, M, r]
-  ), u = !!(d || s || c), b = r === "right" ? "top-0 bottom-0 right-0 left-3 rounded-l-3xl rounded-r-none" : "top-0 bottom-0 left-0 right-3 rounded-r-3xl rounded-l-none", w = r === "right" ? "sm:top-6 sm:bottom-6 sm:right-6 sm:left-auto" : "sm:top-6 sm:bottom-6 sm:left-6 sm:right-auto";
+    [t, A, r]
+  ), b = !!(d || s || c), w = r === "right" ? "top-0 bottom-0 right-0 left-3 rounded-l-3xl rounded-r-none" : "top-0 bottom-0 left-0 right-3 rounded-r-3xl rounded-l-none", h = r === "right" ? "sm:top-6 sm:bottom-6 sm:right-6 sm:left-auto" : "sm:top-6 sm:bottom-6 sm:left-6 sm:right-auto";
   return /* @__PURE__ */ i(he, { children: [
     /* @__PURE__ */ e(
       "div",
@@ -359,24 +360,24 @@ function Gt({
           "fixed inset-0 z-50 bg-black/40 transition-opacity duration-300",
           t ? "opacity-100 visible cursor-pointer" : "opacity-0 invisible pointer-events-none"
         ),
-        onClick: k ? v : void 0,
+        onClick: M ? u : void 0,
         "aria-hidden": "true"
       }
     ),
     /* @__PURE__ */ i(
       "div",
       {
-        ref: L,
+        ref: E,
         tabIndex: -1,
         style: m,
         className: n(
           "fixed z-50 flex flex-col bg-white outline-none min-h-0",
           "transition-transform duration-300 ease-in-out",
           "shadow-2xl",
-          b,
+          w,
           "h-[100dvh]",
           "pb-[env(safe-area-inset-bottom)]",
-          w,
+          h,
           "sm:h-auto sm:rounded-2xl sm:pb-0",
           "sm:w-[var(--drawer-w)]",
           C
@@ -385,7 +386,7 @@ function Gt({
         "aria-modal": "true",
         "aria-labelledby": d ? "drawer-title" : void 0,
         children: [
-          u && /* @__PURE__ */ i("div", { className: "flex items-start justify-between border-b border-slate-200 shrink-0 px-4 py-4 sm:p-6", children: [
+          b && /* @__PURE__ */ i("div", { className: "flex items-start justify-between border-b border-slate-200 shrink-0 px-4 py-4 sm:p-6", children: [
             (d || s) && /* @__PURE__ */ i("div", { className: "block pr-3", children: [
               d && /* @__PURE__ */ e(
                 "h2",
@@ -401,14 +402,23 @@ function Gt({
               "button",
               {
                 type: "button",
-                onClick: v,
+                onClick: u,
                 className: "bg-slate-100 rounded-xl w-11 h-11 sm:w-12 sm:h-12 hover:cursor-pointer text-black transition flex items-center justify-center group active:scale-95",
                 children: /* @__PURE__ */ e(pe, { className: "h-5 w-5 sm:h-6 sm:w-6 transition-transform duration-300 group-hover:rotate-180" })
               }
             )
           ] }),
-          /* @__PURE__ */ e("div", { className: "flex-1 min-h-0 overflow-y-auto scrollbar-thin scrollbar-thumb-slate-200 px-4 py-4 sm:p-6", children: l }),
-          f && /* @__PURE__ */ e("div", { className: "shrink-0 flex items-center justify-end border-t border-slate-200 px-4 py-4 sm:p-6 gap-3", children: f })
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: n(
+                "flex-1 min-h-0 overflow-y-auto scrollbar-thin scrollbar-thumb-slate-200 px-4 py-4 sm:p-6",
+                k
+              ),
+              children: l
+            }
+          ),
+          p && /* @__PURE__ */ e("div", { className: "shrink-0 flex items-center justify-end border-t border-slate-200 px-4 py-4 sm:p-6 gap-3", children: p })
         ]
       }
     )
@@ -420,33 +430,33 @@ const Le = fe(
     placeholder: a,
     type: r = "text",
     icon: l,
-    rightIcon: f,
+    rightIcon: p,
     iconPosition: d = "left",
     size: s = "base",
     error: c,
     disabled: C = !1,
     required: k = !1,
-    value: D,
-    onChange: M,
-    onFocus: L,
-    onBlur: F,
+    value: M,
+    onChange: D,
+    onFocus: A,
+    onBlur: E,
     className: v,
-    name: m,
-    maxLength: u = 250,
+    name: u,
+    maxLength: m = 250,
     onClear: b,
     showClearButton: w = !1,
-    step: p,
+    step: h,
     autoComplete: y = "off"
   }, $) => {
-    const [E, j] = _(!1), [o, N] = _(""), [T, Y] = _(!1), q = D ?? o, B = r === "password", P = w && !!q && !C, W = l && d === "left", Q = l && d === "right" || f || B, ne = Q || P, K = () => {
-      j(!0), L?.();
+    const [L, j] = _(!1), [o, N] = _(""), [T, Y] = _(!1), q = M ?? o, B = r === "password", P = w && !!q && !C, W = l && d === "left", Q = l && d === "right" || p || B, ne = Q || P, K = () => {
+      j(!0), A?.();
     }, ae = () => {
-      j(!1), F?.();
+      j(!1), E?.();
     }, ce = (g) => {
       let I = g.target.value;
-      r === "number" && u && I.length > u && (I = I.slice(0, u), g.target.value = I), D === void 0 && N(I), M?.(g);
+      r === "number" && m && I.length > m && (I = I.slice(0, m), g.target.value = I), M === void 0 && N(I), D?.(g);
     }, ee = () => Y((g) => !g), de = () => {
-      D === void 0 && N(""), b?.();
+      M === void 0 && N(""), b?.();
     }, z = Z(
       () => ({
         sm: {
@@ -478,12 +488,12 @@ const Le = fe(
         }
       }),
       [W, Q]
-    ), G = Z(() => c ? "border-red-600 focus:border-red-600 shadow-red" : "border-slate-200 hover:border-slate-400 focus:shadow-blue focus:border-blue-600", [c]), oe = Z(() => C ? "text-slate-400" : c ? "text-red-600" : E ? "text-black" : "text-slate-400", [c, E, C]);
+    ), G = Z(() => c ? "border-red-600 focus:border-red-600 shadow-red" : "border-slate-200 hover:border-slate-400 focus:shadow-blue focus:border-blue-600", [c]), oe = Z(() => C ? "text-slate-400" : c ? "text-red-600" : L ? "text-black" : "text-slate-400", [c, L, C]);
     return /* @__PURE__ */ i("div", { className: n("w-full", v), children: [
       t && /* @__PURE__ */ i(
         "label",
         {
-          htmlFor: m,
+          htmlFor: u,
           className: n(
             "mb-2 block text-base font-medium",
             c ? "text-red-600" : "text-slate-700",
@@ -500,7 +510,7 @@ const Le = fe(
           "input",
           {
             ref: $,
-            name: m,
+            name: u,
             type: B && T ? "text" : r,
             value: q,
             onChange: ce,
@@ -510,7 +520,7 @@ const Le = fe(
             required: k,
             autoComplete: y,
             placeholder: a,
-            step: p,
+            step: h,
             className: n(
               "w-full border bg-white font-normal transition-all duration-300 ease-in-out outline-none",
               s === "base" ? "rounded-xl" : "rounded-lg",
@@ -520,7 +530,7 @@ const Le = fe(
               z[s].padding,
               G
             ),
-            maxLength: u
+            maxLength: m
           }
         ),
         W && /* @__PURE__ */ e(
@@ -564,7 +574,7 @@ const Le = fe(
                   children: /* @__PURE__ */ e("span", { className: n("flex items-center justify-center", z[s].icon), children: /* @__PURE__ */ e(pe, { className: n("h-full w-full") }) })
                 }
               ),
-              f && !B && /* @__PURE__ */ e(
+              p && !B && /* @__PURE__ */ e(
                 "div",
                 {
                   className: n("flex items-center justify-center", z[s].iconWrapper),
@@ -576,13 +586,13 @@ const Le = fe(
                         z[s].icon,
                         oe
                       ),
-                      children: f
+                      children: p
                     }
                   )
                 }
               ),
               B && /* @__PURE__ */ i(he, { children: [
-                f && /* @__PURE__ */ e(
+                p && /* @__PURE__ */ e(
                   "div",
                   {
                     className: n(
@@ -597,7 +607,7 @@ const Le = fe(
                           z[s].icon,
                           oe
                         ),
-                        children: f
+                        children: p
                       }
                     )
                   }
@@ -751,151 +761,151 @@ const Mt = {
     value: a,
     onChange: r,
     placeholder: l,
-    label: f,
+    label: p,
     disabled: d = !1,
     required: s = !1,
     className: c,
     format: C = "DD.MM.YYYY",
     minDate: k,
-    maxDate: D,
-    error: M,
-    showClear: L = !0,
-    allowManualInput: F = !0,
+    maxDate: M,
+    error: D,
+    showClear: A = !0,
+    allowManualInput: E = !0,
     locale: v = "uz",
-    startView: m = "day",
-    iconPosition: u = "left",
+    startView: u = "day",
+    iconPosition: m = "left",
     align: b = "auto"
   }, w) => {
-    const [p, y] = _(!1), [$, E] = _(
+    const [h, y] = _(!1), [$, L] = _(
       t === "range" ? [null, null] : null
-    ), [j, o] = _([null, null]), N = R((h) => {
-      if (!h) return null;
-      const x = new Date(h);
+    ), [j, o] = _([null, null]), N = R((f) => {
+      if (!f) return null;
+      const x = new Date(f);
       return isNaN(x.getTime()) ? null : x;
-    }, []), [T, Y] = _(/* @__PURE__ */ new Date()), [q, B] = _(m), [P, W] = _(0), [Q, ne] = _(""), [K, ae] = _(b), ce = le(null), ee = Z(() => {
-      const h = a !== void 0 ? a : $;
-      if (t === "date") return N(h);
-      const x = h;
+    }, []), [T, Y] = _(/* @__PURE__ */ new Date()), [q, B] = _(u), [P, W] = _(0), [Q, ne] = _(""), [K, ae] = _(b), ce = le(null), ee = Z(() => {
+      const f = a !== void 0 ? a : $;
+      if (t === "date") return N(f);
+      const x = f;
       return [N(x[0]), N(x[1])];
-    }, [a, $, t, N]), de = Mt[v], z = R((h) => new Date(h.getFullYear(), h.getMonth(), h.getDate()), []), G = R(
-      (h) => {
-        if (!h) return "";
-        const x = h.getDate().toString().padStart(2, "0"), S = (h.getMonth() + 1).toString().padStart(2, "0"), H = h.getFullYear();
+    }, [a, $, t, N]), de = Mt[v], z = R((f) => new Date(f.getFullYear(), f.getMonth(), f.getDate()), []), G = R(
+      (f) => {
+        if (!f) return "";
+        const x = f.getDate().toString().padStart(2, "0"), S = (f.getMonth() + 1).toString().padStart(2, "0"), H = f.getFullYear();
         return C.replace("DD", x).replace("MM", S).replace("YYYY", H.toString());
       },
       [C]
-    ), oe = R((h) => {
-      if (!h || h.length !== 10) return null;
-      const x = h.replace(/\D/g, "");
+    ), oe = R((f) => {
+      if (!f || f.length !== 10) return null;
+      const x = f.replace(/\D/g, "");
       if (x.length !== 8) return null;
       const S = parseInt(x.slice(0, 2), 10), H = parseInt(x.slice(2, 4), 10), V = parseInt(x.slice(4, 8), 10);
       if (V < 1e3 || H < 1 || H > 12 || S < 1 || S > 31) return null;
       const te = new Date(V, H - 1, S);
       return te.getFullYear() !== V || te.getMonth() !== H - 1 || te.getDate() !== S ? null : te;
     }, []), g = R(
-      (h) => {
-        const x = z(h);
-        return !!(k && x < z(k) || D && x > z(D));
+      (f) => {
+        const x = z(f);
+        return !!(k && x < z(k) || M && x > z(M));
       },
-      [k, D, z]
+      [k, M, z]
     ), I = Z(() => {
       if (t === "date") return G(ee);
-      const [h, x] = ee;
-      return !h && !x ? "" : h && x ? `${G(h)} - ${G(x)}` : h ? `${G(h)} - ...` : "...";
+      const [f, x] = ee;
+      return !f && !x ? "" : f && x ? `${G(f)} - ${G(x)}` : f ? `${G(f)} - ...` : "...";
     }, [t, ee, G]);
     J(() => {
-      p ? Q === "" && I !== "" && ne(I) : ne(I);
-    }, [I, p]), J(() => {
-      if (p)
+      h ? Q === "" && I !== "" && ne(I) : ne(I);
+    }, [I, h]), J(() => {
+      if (h)
         if (t === "range") {
-          const h = ee;
-          o(h), h[0] ? Y(h[0]) : h[1] ? Y(h[1]) : Y(/* @__PURE__ */ new Date());
+          const f = ee;
+          o(f), f[0] ? Y(f[0]) : f[1] ? Y(f[1]) : Y(/* @__PURE__ */ new Date());
         } else {
-          const h = ee;
-          Y(h || /* @__PURE__ */ new Date());
+          const f = ee;
+          Y(f || /* @__PURE__ */ new Date());
         }
-    }, [p]), J(() => {
-      if (p && b === "auto" && ce.current) {
-        const h = ce.current.getBoundingClientRect(), x = window.innerWidth - h.right, S = h.left;
+    }, [h]), J(() => {
+      if (h && b === "auto" && ce.current) {
+        const f = ce.current.getBoundingClientRect(), x = window.innerWidth - f.right, S = f.left;
         x < 300 && S > 300 ? ae("right") : ae("left");
       }
-    }, [p, b]);
+    }, [h, b]);
     const O = R(() => {
-      y(!1), B(m), W(0), ne(I);
-    }, [m, I]), U = R((h) => {
-      d || (h.preventDefault(), h.stopPropagation(), y((x) => !x));
-    }, [d]), { handleClick: A } = De(ce, O), { handleEscape: X } = Ee(O);
+      y(!1), B(u), W(0), ne(I);
+    }, [u, I]), U = R((f) => {
+      d || (f.preventDefault(), f.stopPropagation(), y((x) => !x));
+    }, [d]), { handleClick: F } = De(ce, O), { handleEscape: X } = Ee(O);
     J(() => {
-      if (p)
-        return document.addEventListener("mousedown", A), document.addEventListener("keydown", X), () => {
-          document.removeEventListener("mousedown", A), document.removeEventListener("keydown", X);
+      if (h)
+        return document.addEventListener("mousedown", F), document.addEventListener("keydown", X), () => {
+          document.removeEventListener("mousedown", F), document.removeEventListener("keydown", X);
         };
-    }, [p, A, X]);
+    }, [h, F, X]);
     const me = () => {
-      d || p || (t === "range" || !F) && (y(!0), B(m));
-    }, xe = (h) => {
+      d || h || (t === "range" || !E) && (y(!0), B(u));
+    }, xe = (f) => {
       if (t !== "date") return;
-      let S = h.target.value.replace(/\D/g, "");
+      let S = f.target.value.replace(/\D/g, "");
       S.length > 8 && (S = S.slice(0, 8));
       let H = "";
       if (S.length > 4 ? H = `${S.slice(0, 2)}.${S.slice(2, 4)}.${S.slice(4)}` : S.length > 2 ? H = `${S.slice(0, 2)}.${S.slice(2)}` : H = S, ne(H), H.length === 10) {
         const V = oe(H);
-        V && !g(V) && (E(V), r?.(V), Y(V));
-      } else H === "" && (E(null), r?.(null));
+        V && !g(V) && (L(V), r?.(V), Y(V));
+      } else H === "" && (L(null), r?.(null));
     }, Ye = R(() => {
-      const h = t === "range" ? [null, null] : null;
-      E(h), o([null, null]), r?.(h), ne("");
+      const f = t === "range" ? [null, null] : null;
+      L(f), o([null, null]), r?.(f), ne("");
     }, [t, r]), Ue = R(
-      (h) => {
-        if (g(h)) return;
-        const x = z(h);
+      (f) => {
+        if (g(f)) return;
+        const x = z(f);
         if (t === "date")
-          E(x), r?.(x), ne(G(x)), O();
+          L(x), r?.(x), ne(G(x)), O();
         else {
           const [S, H] = j;
           if (!S && !H || S && H)
             o([x, null]), ne(`${G(x)} - ...`);
           else if (S && !H) {
             const V = x < S ? [x, S] : [S, x];
-            o(V), E(V), r?.(V);
+            o(V), L(V), r?.(V);
             const [te, ue] = V;
             ne(`${G(te)} - ${G(ue)}`), O();
           }
         }
       },
       [t, j, g, z, r, O, G]
-    ), _e = R((h) => {
-      const x = new Date(T.getFullYear(), h, 1);
-      Y(x), m === "month" && t === "date" ? (E(x), r?.(x), ne(G(x)), O()) : B("day");
-    }, [T, m, r, O, t, G]), He = R((h) => {
-      const x = new Date(h, T.getMonth(), 1);
-      Y(x), m === "year" && t === "date" ? (E(x), r?.(x), ne(G(x)), O()) : B("month");
-    }, [T, m, r, O, t, G]), je = (h) => {
-      Y((x) => new Date(x.getFullYear(), x.getMonth() + h, 1));
-    }, we = (h) => {
-      Y((x) => new Date(x.getFullYear() + h, x.getMonth(), 1));
-    }, Ve = R((h) => {
-      const x = h.getFullYear(), S = h.getMonth(), H = new Date(x, S, 1).getDay(), V = new Date(x, S + 1, 0).getDate(), te = [];
+    ), _e = R((f) => {
+      const x = new Date(T.getFullYear(), f, 1);
+      Y(x), u === "month" && t === "date" ? (L(x), r?.(x), ne(G(x)), O()) : B("day");
+    }, [T, u, r, O, t, G]), He = R((f) => {
+      const x = new Date(f, T.getMonth(), 1);
+      Y(x), u === "year" && t === "date" ? (L(x), r?.(x), ne(G(x)), O()) : B("month");
+    }, [T, u, r, O, t, G]), je = (f) => {
+      Y((x) => new Date(x.getFullYear(), x.getMonth() + f, 1));
+    }, we = (f) => {
+      Y((x) => new Date(x.getFullYear() + f, x.getMonth(), 1));
+    }, Ve = R((f) => {
+      const x = f.getFullYear(), S = f.getMonth(), H = new Date(x, S, 1).getDay(), V = new Date(x, S + 1, 0).getDate(), te = [];
       for (let se = H; se > 0; se--) te.push({ date: new Date(x, S, 1 - se), isCurrentMonth: !1 });
       for (let se = 1; se <= V; se++) te.push({ date: new Date(x, S, se), isCurrentMonth: !0 });
       const ue = 42 - te.length;
       for (let se = 1; se <= ue; se++) te.push({ date: new Date(x, S + 1, se), isCurrentMonth: !1 });
       return te;
-    }, []), ve = R((h, x) => z(h).getTime() === z(x).getTime(), [z]), Ze = (h) => {
-      const x = z(h);
+    }, []), ve = R((f, x) => z(f).getTime() === z(x).getTime(), [z]), Ze = (f) => {
+      const x = z(f);
       if (t === "date") return ee && ve(x, ee);
       const [S] = j[0] ? j : ee;
       return N(S) && ve(x, N(S));
-    }, qe = (h) => {
+    }, qe = (f) => {
       if (t !== "range") return !1;
-      const x = z(h), [, S] = j[1] ? j : ee;
+      const x = z(f), [, S] = j[1] ? j : ee;
       return N(S) && ve(x, N(S));
-    }, Ke = (h) => {
+    }, Ke = (f) => {
       if (t !== "range") return !1;
-      const x = z(h), [S, H] = j[0] ? j : ee, V = N(S), te = N(H);
+      const x = z(f), [S, H] = j[0] ? j : ee, V = N(S), te = N(H);
       return V && !te ? !1 : V && te && x > z(V) && x < z(te);
-    }, Ie = (h, x, S) => {
-      const H = Ve(h);
+    }, Ie = (f, x, S) => {
+      const H = Ve(f);
       return /* @__PURE__ */ i("div", { className: "w-[300px] p-2 select-none", children: [
         /* @__PURE__ */ i("div", { className: "flex items-center justify-between mb-4 py-1", children: [
           /* @__PURE__ */ e("div", { className: "flex gap-2 w-16", children: x && /* @__PURE__ */ i(he, { children: [
@@ -903,8 +913,8 @@ const Mt = {
             /* @__PURE__ */ e("button", { onClick: () => je(-1), type: "button", className: "hover:bg-slate-100 p-1 rounded transition-colors text-slate-500", children: /* @__PURE__ */ e(ke, { size: 18 }) })
           ] }) }),
           /* @__PURE__ */ i("div", { className: "flex gap-1 font-semibold text-slate-700 text-sm whitespace-nowrap", children: [
-            /* @__PURE__ */ e("span", { className: "cursor-pointer hover:text-blue-600 transition-colors p-1 rounded hover:bg-slate-50", onClick: () => B("month"), children: de.months[h.getMonth()] }),
-            /* @__PURE__ */ e("span", { className: "cursor-pointer hover:text-blue-600 transition-colors p-1 rounded hover:bg-slate-50", onClick: () => B("year"), children: h.getFullYear() })
+            /* @__PURE__ */ e("span", { className: "cursor-pointer hover:text-blue-600 transition-colors p-1 rounded hover:bg-slate-50", onClick: () => B("month"), children: de.months[f.getMonth()] }),
+            /* @__PURE__ */ e("span", { className: "cursor-pointer hover:text-blue-600 transition-colors p-1 rounded hover:bg-slate-50", onClick: () => B("year"), children: f.getFullYear() })
           ] }),
           /* @__PURE__ */ e("div", { className: "flex gap-2 w-16 justify-end", children: S && /* @__PURE__ */ i(he, { children: [
             /* @__PURE__ */ e("button", { onClick: () => je(1), type: "button", className: "hover:bg-slate-100 p-1 rounded transition-colors text-slate-500", children: /* @__PURE__ */ e(be, { size: 18 }) }),
@@ -923,9 +933,9 @@ const Mt = {
         /* @__PURE__ */ e("span", { className: "font-bold text-slate-800", children: T.getFullYear() }),
         /* @__PURE__ */ e("button", { type: "button", onClick: () => we(1), className: "p-1 hover:bg-slate-100 rounded text-slate-500", children: /* @__PURE__ */ e(be, { size: 20 }) })
       ] }),
-      /* @__PURE__ */ e("div", { className: "grid grid-cols-3 gap-2", children: de.monthsShort.map((h, x) => /* @__PURE__ */ e("button", { type: "button", onClick: () => _e(x), className: n("hover:cursor-pointer py-3 rounded-lg text-sm font-semibold transition-colors", T.getMonth() === x ? "bg-blue-600 text-white" : "hover:bg-blue-50 text-slate-600"), children: h }, h)) })
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-3 gap-2", children: de.monthsShort.map((f, x) => /* @__PURE__ */ e("button", { type: "button", onClick: () => _e(x), className: n("hover:cursor-pointer py-3 rounded-lg text-sm font-semibold transition-colors", T.getMonth() === x ? "bg-blue-600 text-white" : "hover:bg-blue-50 text-slate-600"), children: f }, f)) })
     ] }), Ge = () => {
-      const h = Math.floor(T.getFullYear() / 12) * 12 + P * 12, x = Array.from({ length: 12 }, (S, H) => h + H);
+      const f = Math.floor(T.getFullYear() / 12) * 12 + P * 12, x = Array.from({ length: 12 }, (S, H) => f + H);
       return /* @__PURE__ */ i("div", { className: "w-[300px] p-3", children: [
         /* @__PURE__ */ i("div", { className: "flex justify-between items-center mb-4 px-2", children: [
           /* @__PURE__ */ e("button", { type: "button", onClick: () => W((S) => S - 1), className: "p-1 hover:bg-slate-100 rounded text-slate-500", children: /* @__PURE__ */ e(ke, { size: 20 }) }),
@@ -953,23 +963,23 @@ const Mt = {
       /* @__PURE__ */ e("div", { ref: w, children: /* @__PURE__ */ e(
         Le,
         {
-          label: f,
+          label: p,
           placeholder: Array.isArray(l) ? l[0] : l,
           value: Q,
           onChange: xe,
-          icon: u === "left" ? Re : void 0,
-          rightIcon: u === "right" ? Re : void 0,
+          icon: m === "left" ? Re : void 0,
+          rightIcon: m === "right" ? Re : void 0,
           disabled: d,
           required: s,
-          error: M,
+          error: D,
           maxLength: t === "date" ? 10 : void 0,
           onFocus: me,
-          readOnly: !F || t === "range",
-          showClearButton: L,
+          readOnly: !E || t === "range",
+          showClearButton: A,
           onClear: Ye
         }
       ) }),
-      p && /* @__PURE__ */ e(
+      h && /* @__PURE__ */ e(
         "div",
         {
           className: n(
@@ -980,7 +990,7 @@ const Mt = {
             K === "center" && "left-1/2 -translate-x-1/2 origin-top"
           ),
           style: { width: "max-content" },
-          onMouseDown: (h) => h.stopPropagation(),
+          onMouseDown: (f) => f.stopPropagation(),
           children: q === "day" ? /* @__PURE__ */ i(he, { children: [
             Ie(T, !0, t !== "range"),
             t === "range" && /* @__PURE__ */ e("div", { className: "hidden md:block border-l border-slate-100", children: Ie(new Date(T.getFullYear(), T.getMonth() + 1, 1), !1, !0) })
@@ -1031,83 +1041,83 @@ const St = {
     placeholder: a = "Выберите...",
     options: r = [],
     icon: l,
-    iconPosition: f = "left",
+    iconPosition: p = "left",
     size: d = "base",
     error: s,
     disabled: c = !1,
     required: C = !1,
     value: k,
-    onChange: D,
-    onFocus: M,
-    onBlur: L,
-    className: F,
+    onChange: M,
+    onFocus: D,
+    onBlur: A,
+    className: E,
     clearable: v = !1,
-    searchable: m = !1,
-    onSearch: u,
+    searchable: u = !1,
+    onSearch: m,
     name: b
   }, w) => {
-    const [p, y] = _(!1), [$, E] = _(!1), [j, o] = _(""), [N, T] = _(""), [Y, q] = _(-1), B = le(null), P = le(null), W = k !== void 0 ? k : j, Q = r.find((A) => A.value === W), ne = W !== "" && W !== void 0, K = St[d], ae = Z(() => {
-      if (!m || u) return r;
-      const A = N.toLowerCase();
+    const [h, y] = _(!1), [$, L] = _(!1), [j, o] = _(""), [N, T] = _(""), [Y, q] = _(-1), B = le(null), P = le(null), W = k !== void 0 ? k : j, Q = r.find((F) => F.value === W), ne = W !== "" && W !== void 0, K = St[d], ae = Z(() => {
+      if (!u || m) return r;
+      const F = N.toLowerCase();
       return r.filter(
-        (X) => X.label.toLowerCase().includes(A)
+        (X) => X.label.toLowerCase().includes(F)
       );
-    }, [r, N, m, u]), ce = R(() => {
-      y(!1), E(!1), T(""), q(-1), L?.();
-    }, [L]), { handleClick: ee } = De(B, ce), { handleEscape: de } = Ee(ce);
+    }, [r, N, u, m]), ce = R(() => {
+      y(!1), L(!1), T(""), q(-1), A?.();
+    }, [A]), { handleClick: ee } = De(B, ce), { handleEscape: de } = Ee(ce);
     J(() => {
-      if (p)
+      if (h)
         return document.addEventListener("mousedown", ee), document.addEventListener("keydown", de), () => {
           document.removeEventListener("mousedown", ee), document.removeEventListener("keydown", de);
         };
-    }, [p, ee, de]), J(() => {
-      p && m && P.current && P.current.focus();
-    }, [p, m]);
+    }, [h, ee, de]), J(() => {
+      h && u && P.current && P.current.focus();
+    }, [h, u]);
     const z = R(
-      (A) => {
+      (F) => {
         if (!c) {
-          if (!p && (A.key === "ArrowDown" || A.key === "ArrowUp" || A.key === "Enter")) {
-            A.preventDefault(), y(!0);
+          if (!h && (F.key === "ArrowDown" || F.key === "ArrowUp" || F.key === "Enter")) {
+            F.preventDefault(), y(!0);
             return;
           }
-          if (p)
-            switch (A.key) {
+          if (h)
+            switch (F.key) {
               case "ArrowDown":
-                A.preventDefault(), q(
+                F.preventDefault(), q(
                   (X) => X < ae.length - 1 ? X + 1 : 0
                 );
                 break;
               case "ArrowUp":
-                A.preventDefault(), q(
+                F.preventDefault(), q(
                   (X) => X > 0 ? X - 1 : ae.length - 1
                 );
                 break;
               case "Enter":
-                A.preventDefault(), Y >= 0 && ae[Y] && oe(ae[Y].value);
+                F.preventDefault(), Y >= 0 && ae[Y] && oe(ae[Y].value);
                 break;
             }
         }
       },
-      [p, ae, Y, c]
+      [h, ae, Y, c]
     ), G = R(() => {
-      c || (y((A) => !A), p ? (T(""), q(-1)) : (E(!0), M?.()));
-    }, [c, p, M]), oe = R(
-      (A) => {
-        k === void 0 && o(A), D?.(A), y(!1), E(!1), T(""), q(-1), L?.();
+      c || (y((F) => !F), h ? (T(""), q(-1)) : (L(!0), D?.()));
+    }, [c, h, D]), oe = R(
+      (F) => {
+        k === void 0 && o(F), M?.(F), y(!1), L(!1), T(""), q(-1), A?.();
       },
-      [k, D, L]
+      [k, M, A]
     ), g = R(
-      (A) => {
-        A.stopPropagation(), !c && (k === void 0 && o(""), D?.(""), T(""), q(-1));
+      (F) => {
+        F.stopPropagation(), !c && (k === void 0 && o(""), M?.(""), T(""), q(-1));
       },
-      [k, D, c]
+      [k, M, c]
     ), I = R(
-      (A) => {
-        T(A), u?.(A), q(0);
+      (F) => {
+        T(F), m?.(F), q(0);
       },
-      [u]
-    ), O = Z(() => c ? "border-slate-200 bg-slate-100 text-slate-400 cursor-not-allowed" : s ? "border-red-600 focus:border-red-600 shadow-red bg-white" : "border-slate-200 hover:border-slate-400 focus:shadow-blue focus:border-blue-600 bg-white", [s, c]), U = Z(() => c ? "text-slate-400" : s ? "text-red-600" : p || $ ? "text-black" : "text-slate-400", [c, s, p, $]);
-    return /* @__PURE__ */ i("div", { className: n("w-full", F), ref: w, children: [
+      [m]
+    ), O = Z(() => c ? "border-slate-200 bg-slate-100 text-slate-400 cursor-not-allowed" : s ? "border-red-600 focus:border-red-600 shadow-red bg-white" : "border-slate-200 hover:border-slate-400 focus:shadow-blue focus:border-blue-600 bg-white", [s, c]), U = Z(() => c ? "text-slate-400" : s ? "text-red-600" : h || $ ? "text-black" : "text-slate-400", [c, s, h, $]);
+    return /* @__PURE__ */ i("div", { className: n("w-full", E), ref: w, children: [
       t && /* @__PURE__ */ i(
         "label",
         {
@@ -1134,7 +1144,7 @@ const St = {
               "div",
               {
                 role: "combobox",
-                "aria-expanded": p,
+                "aria-expanded": h,
                 "aria-haspopup": "listbox",
                 "aria-controls": `${b}-listbox`,
                 "aria-disabled": c,
@@ -1144,7 +1154,7 @@ const St = {
                   "flex w-full items-center border font-normal transition-all duration-300 ease-in-out",
                   d === "base" ? "rounded-xl" : "rounded-lg",
                   K.container,
-                  l ? f === "left" ? K.iconPaddingLeft : K.iconPaddingRight : K.padding,
+                  l ? p === "left" ? K.iconPaddingLeft : K.iconPaddingRight : K.padding,
                   O,
                   !c && $ && "shadow-blue border-blue-600"
                 ),
@@ -1154,22 +1164,22 @@ const St = {
                     {
                       className: n(
                         "absolute top-1/2 -translate-y-1/2 pointer-events-none transition-colors duration-300",
-                        f === "left" ? K.iconWrapper : K.rightIconWrapper,
+                        p === "left" ? K.iconWrapper : K.rightIconWrapper,
                         U
                       ),
                       children: l
                     }
                   ),
-                  m && p ? /* @__PURE__ */ e(
+                  u && h ? /* @__PURE__ */ e(
                     "input",
                     {
                       ref: P,
                       type: "text",
                       value: N,
-                      onChange: (A) => I(A.target.value),
+                      onChange: (F) => I(F.target.value),
                       placeholder: a,
                       className: "w-full bg-transparent outline-none",
-                      onClick: (A) => A.stopPropagation()
+                      onClick: (F) => F.stopPropagation()
                     }
                   ) : /* @__PURE__ */ e(
                     "span",
@@ -1188,7 +1198,7 @@ const St = {
                       onClick: g,
                       className: n(
                         "absolute top-1/2 -translate-y-1/2 text-slate-400 hover:text-black transition-colors cursor-pointer",
-                        l && f === "left" ? "right-8" : "right-10"
+                        l && p === "left" ? "right-8" : "right-10"
                       ),
                       "aria-label": "Очистить",
                       children: /* @__PURE__ */ e(pe, { className: K.iconSize })
@@ -1199,7 +1209,7 @@ const St = {
                     {
                       className: n(
                         "absolute top-1/2 right-3 -translate-y-1/2 pointer-events-none transition-all duration-300",
-                        p && "rotate-180",
+                        h && "rotate-180",
                         U
                       ),
                       children: /* @__PURE__ */ e(Fe, { className: K.iconSize })
@@ -1208,7 +1218,7 @@ const St = {
                 ]
               }
             ),
-            p && !c && /* @__PURE__ */ e(
+            h && !c && /* @__PURE__ */ e(
               "div",
               {
                 id: `${b}-listbox`,
@@ -1217,19 +1227,19 @@ const St = {
                   "absolute z-50 mt-1 max-h-60 w-full overflow-y-auto rounded-lg border border-slate-200 bg-white shadow-md p-1 text-black",
                   K.dropdown
                 ),
-                children: ae.length === 0 ? /* @__PURE__ */ e("div", { className: "px-3 py-2 text-center text-base font-normal text-slate-500", children: "Ничего не найдено" }) : ae.map((A) => /* @__PURE__ */ e(
+                children: ae.length === 0 ? /* @__PURE__ */ e("div", { className: "px-3 py-2 text-center text-base font-normal text-slate-500", children: "Ничего не найдено" }) : ae.map((F) => /* @__PURE__ */ e(
                   "div",
                   {
                     role: "option",
-                    "aria-selected": W === A.value,
-                    onClick: () => oe(A.value),
+                    "aria-selected": W === F.value,
+                    onClick: () => oe(F.value),
                     className: n(
                       "cursor-pointer px-3 py-2 font-normal transition-colors hover:bg-slate-100 rounded-sm",
-                      W === A.value ? "bg-slate-100" : ""
+                      W === F.value ? "bg-slate-100" : ""
                     ),
-                    children: A.label
+                    children: F.label
                   },
-                  A.value
+                  F.value
                 ))
               }
             )
@@ -1253,51 +1263,51 @@ function Xt({
   data: a = [],
   loading: r = !1,
   skeletonRows: l = 5,
-  noDataText: f = "",
+  noDataText: p = "",
   sort: d,
   onSortChange: s,
   className: c,
   headerClassName: C,
   bodyClassName: k,
-  rowKey: D = "id",
-  rowSelection: M
+  rowKey: M = "id",
+  rowSelection: D
 }) {
-  const [L, F] = _(
+  const [A, E] = _(
     null
-  ), v = d ?? L, m = Z(() => Array.isArray(a) ? a : [], [a]), u = Z(() => !v || d ? m : [...m].sort((o, N) => {
+  ), v = d ?? A, u = Z(() => Array.isArray(a) ? a : [], [a]), m = Z(() => !v || d ? u : [...u].sort((o, N) => {
     const T = o[v.key], Y = N[v.key];
     return T == null ? 1 : Y == null ? -1 : T < Y ? v.direction === "asc" ? -1 : 1 : T > Y ? v.direction === "asc" ? 1 : -1 : 0;
-  }), [m, v, d]);
+  }), [u, v, d]);
   J(() => {
-    d !== void 0 && F(null);
+    d !== void 0 && E(null);
   }, [d]);
-  const b = r ? [] : d ? m : u, w = R(
+  const b = r ? [] : d ? u : m, w = R(
     (o) => {
       if (!o.sortable) return;
       let N = null;
-      v?.key !== o.key ? N = { key: o.key, direction: "asc" } : v.direction === "asc" && (N = { key: o.key, direction: "desc" }), d !== void 0 ? s?.(N) : F(N);
+      v?.key !== o.key ? N = { key: o.key, direction: "asc" } : v.direction === "asc" && (N = { key: o.key, direction: "desc" }), d !== void 0 ? s?.(N) : E(N);
     },
     [v, d, s]
-  ), p = (o) => {
-    if (!M) return;
-    const { onChange: N, getCheckboxProps: T } = M;
+  ), h = (o) => {
+    if (!D) return;
+    const { onChange: N, getCheckboxProps: T } = D;
     if (o.target.checked) {
-      const B = b.filter((P) => !T?.(P)?.disabled).map((P) => P[D]);
+      const B = b.filter((P) => !T?.(P)?.disabled).map((P) => P[M]);
       N(B);
     } else
       N([]);
   }, y = (o, N) => {
-    if (!M) return;
-    const { selectedRowKeys: T, onChange: Y } = M, q = o[D], B = N ? [...T, q] : T.filter((P) => P !== q);
+    if (!D) return;
+    const { selectedRowKeys: T, onChange: Y } = D, q = o[M], B = N ? [...T, q] : T.filter((P) => P !== q);
     Y(B);
   }, $ = Z(() => {
-    if (!M || b.length === 0) return !1;
-    const o = b.filter((N) => !M.getCheckboxProps?.(N)?.disabled);
+    if (!D || b.length === 0) return !1;
+    const o = b.filter((N) => !D.getCheckboxProps?.(N)?.disabled);
     return o.length === 0 ? !1 : o.every(
-      (N) => M.selectedRowKeys.includes(N[D])
+      (N) => D.selectedRowKeys.includes(N[M])
     );
-  }, [M, b, D]), E = (o) => o.sortable ? !v || v.key !== o.key ? /* @__PURE__ */ e(lt, { weight: "Linear", size: 20, className: "text-slate-base shrink-0" }) : v.direction === "asc" ? /* @__PURE__ */ e(at, { weight: "Linear", size: 20, className: "text-slate-base shrink-0" }) : /* @__PURE__ */ e(st, { weight: "Linear", size: 20, className: "text-slate-base shrink-0" }) : null, j = () => /* @__PURE__ */ i("colgroup", { children: [
-    M && /* @__PURE__ */ e("col", { style: { width: 48 } }),
+  }, [D, b, M]), L = (o) => o.sortable ? !v || v.key !== o.key ? /* @__PURE__ */ e(lt, { weight: "Linear", size: 20, className: "text-slate-base shrink-0" }) : v.direction === "asc" ? /* @__PURE__ */ e(at, { weight: "Linear", size: 20, className: "text-slate-base shrink-0" }) : /* @__PURE__ */ e(st, { weight: "Linear", size: 20, className: "text-slate-base shrink-0" }) : null, j = () => /* @__PURE__ */ i("colgroup", { children: [
+    D && /* @__PURE__ */ e("col", { style: { width: 48 } }),
     t.map((o) => /* @__PURE__ */ e("col", { style: { width: Ft(o.width) ?? "auto" } }, o.key))
   ] });
   return /* @__PURE__ */ e(
@@ -1316,11 +1326,11 @@ function Xt({
         /* @__PURE__ */ e("div", { className: "overflow-hidden rounded-xl border border-slate-200 bg-slate-100", children: /* @__PURE__ */ i("table", { className: "w-full table-fixed", children: [
           j(),
           /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ i("tr", { children: [
-            M && /* @__PURE__ */ e("th", { className: n("w-12 px-4 py-3", C), children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ e(
+            D && /* @__PURE__ */ e("th", { className: n("w-12 px-4 py-3", C), children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ e(
               Me,
               {
                 checked: $,
-                onChange: p,
+                onChange: h,
                 variant: "yellow",
                 disabled: r || b.length === 0
               }
@@ -1339,7 +1349,7 @@ function Xt({
                 ),
                 children: /* @__PURE__ */ i("div", { className: n("flex items-center gap-2 min-w-0", o.align === "right" && "justify-end"), children: [
                   /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate", title: o.title, children: o.title }),
-                  E(o)
+                  L(o)
                 ] })
               },
               o.key
@@ -1349,15 +1359,15 @@ function Xt({
         /* @__PURE__ */ e("div", { className: "rounded-xl border border-t-0 border-slate-200 bg-white overflow-hidden", children: /* @__PURE__ */ i("table", { className: "w-full table-fixed", children: [
           j(),
           /* @__PURE__ */ e("tbody", { className: "divide-y divide-slate-200", children: r ? Array.from({ length: l }).map((o, N) => /* @__PURE__ */ i("tr", { children: [
-            M && /* @__PURE__ */ e("td", { className: "w-12 px-4 py-3", children: /* @__PURE__ */ e($e, { height: 20, width: 20, variant: "rounded" }) }),
+            D && /* @__PURE__ */ e("td", { className: "w-12 px-4 py-3", children: /* @__PURE__ */ e($e, { height: 20, width: 20, variant: "rounded" }) }),
             t.map((T) => /* @__PURE__ */ e("td", { className: "px-4 py-3", children: /* @__PURE__ */ e($e, { height: 30, variant: "rounded" }) }, T.key))
-          ] }, N)) : b.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: t.length + (M ? 1 : 0), className: "py-20", children: /* @__PURE__ */ i("div", { className: "flex flex-col items-center justify-center", children: [
+          ] }, N)) : b.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: t.length + (D ? 1 : 0), className: "py-20", children: /* @__PURE__ */ i("div", { className: "flex flex-col items-center justify-center", children: [
             /* @__PURE__ */ e("div", { className: "relative mb-4", children: /* @__PURE__ */ e(nt, { weight: "Bold", size: 64, className: "animate-float text-slate-400" }) }),
-            /* @__PURE__ */ e("p", { className: "text-sm font-medium text-slate-400", children: f })
+            /* @__PURE__ */ e("p", { className: "text-sm font-medium text-slate-400", children: p })
           ] }) }) }) : b.map((o, N) => {
-            const T = o[D], Y = M?.selectedRowKeys.includes(T), q = M?.getCheckboxProps?.(o)?.disabled;
+            const T = o[M], Y = D?.selectedRowKeys.includes(T), q = D?.getCheckboxProps?.(o)?.disabled;
             return /* @__PURE__ */ i("tr", { className: "group transition-colors hover:bg-slate-50", children: [
-              M && /* @__PURE__ */ e("td", { className: n("w-12 px-4 py-3 align-top", k), children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center pt-1", children: /* @__PURE__ */ e(
+              D && /* @__PURE__ */ e("td", { className: n("w-12 px-4 py-3 align-top", k), children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center pt-1", children: /* @__PURE__ */ e(
                 Me,
                 {
                   checked: Y,
@@ -1469,20 +1479,20 @@ const Lt = {
   accept: a = "*/*",
   maxSize: r = 10,
   maxFiles: l = 5,
-  disabled: f = !1,
+  disabled: p = !1,
   label: d,
   required: s = !1,
   error: c,
   className: C,
   onFilesChange: k,
-  onUpload: D,
-  showPreview: M = !0,
-  locale: L = "uz",
-  showFileTypeIcon: F = !0,
+  onUpload: M,
+  showPreview: D = !0,
+  locale: A = "uz",
+  showFileTypeIcon: E = !0,
   variant: v = "yellow",
-  customValidator: m
+  customValidator: u
 }) => {
-  const [u, b] = _([]), [w, p] = _(!1), [y, $] = _(!1), E = le(null), j = Lt[L], o = v === "blue" ? {
+  const [m, b] = _([]), [w, h] = _(!1), [y, $] = _(!1), L = le(null), j = Lt[A], o = v === "blue" ? {
     dropBorder: "border-blue-200 hover:border-blue-300",
     dropBg: "bg-blue-50/40 hover:bg-blue-50/60",
     dropActive: "border-blue-600 bg-blue-50",
@@ -1550,7 +1560,7 @@ const Lt = {
     async (g) => {
       const I = Array.from(g), O = [];
       for (const U of I) {
-        if (u.length + O.length >= l) {
+        if (m.length + O.length >= l) {
           alert(j.maxFilesError(l));
           break;
         }
@@ -1562,44 +1572,44 @@ const Lt = {
           alert(j.fileTypeError(U.name));
           continue;
         }
-        if (m) {
-          const xe = m(U);
+        if (u) {
+          const xe = u(U);
           if (xe) {
             alert(xe);
             continue;
           }
         }
-        const A = await B(U), X = D ? "uploading" : "success", me = D ? 0 : 100;
+        const F = await B(U), X = M ? "uploading" : "success", me = M ? 0 : 100;
         O.push({
           id: Math.random().toString(36).substr(2, 9),
           file: U,
-          preview: A,
+          preview: F,
           progress: me,
           status: X
         });
       }
       if (O.length > 0) {
-        const U = t ? [...u, ...O] : O;
-        if (b(U), k?.(U.map((A) => A.file)), D) {
+        const U = t ? [...m, ...O] : O;
+        if (b(U), k?.(U.map((F) => F.file)), M) {
           $(!0);
           try {
-            const A = U.map((X, me) => ({
+            const F = U.map((X, me) => ({
               ...X,
               progress: Math.min(100, (me + 1) / U.length * 100)
             }));
-            b(A), await D(A), b(
+            b(F), await M(F), b(
               (X) => X.map((me) => ({
                 ...me,
                 status: "success",
                 progress: 100
               }))
             );
-          } catch (A) {
+          } catch (F) {
             b(
               (X) => X.map((me) => ({
                 ...me,
                 status: "error",
-                error: A instanceof Error ? A.message : j.uploadFailed
+                error: F instanceof Error ? F.message : j.uploadFailed
               }))
             );
           } finally {
@@ -1609,35 +1619,35 @@ const Lt = {
       }
     },
     [
-      u,
+      m,
       l,
       Y,
       q,
-      m,
+      u,
       j,
       r,
       t,
       k,
-      D
+      M
     ]
   ), ae = R(
     (g) => {
-      g.preventDefault(), f || p(!0);
+      g.preventDefault(), p || h(!0);
     },
-    [f]
+    [p]
   ), ce = R((g) => {
-    g.preventDefault(), p(!1);
+    g.preventDefault(), h(!1);
   }, []), ee = R(
     (g) => {
-      if (g.preventDefault(), p(!1), f) return;
+      if (g.preventDefault(), h(!1), p) return;
       const I = g.dataTransfer.files;
       I.length > 0 && K(I);
     },
-    [f, K]
+    [p, K]
   ), de = R(
     (g) => {
       const I = g.target.files;
-      I && I.length > 0 && (K(I), E.current && (E.current.value = ""));
+      I && I.length > 0 && (K(I), L.current && (L.current.value = ""));
     },
     [K]
   ), z = R(
@@ -1651,7 +1661,7 @@ const Lt = {
   ), G = R(() => {
     Q(), b([]), k?.([]);
   }, [k, Q]), oe = R(() => {
-    E.current?.click();
+    L.current?.click();
   }, []);
   return /* @__PURE__ */ i("div", { className: n("w-full", C), children: [
     d && /* @__PURE__ */ i(
@@ -1675,7 +1685,7 @@ const Lt = {
           o.dropBorder,
           o.dropBg,
           w && o.dropActive,
-          f && "cursor-not-allowed opacity-60",
+          p && "cursor-not-allowed opacity-60",
           c && "border-red-600 bg-red-50/30"
         ),
         onDragOver: ae,
@@ -1686,12 +1696,12 @@ const Lt = {
           /* @__PURE__ */ e(
             "input",
             {
-              ref: E,
+              ref: L,
               type: "file",
               multiple: t,
               accept: a,
               onChange: de,
-              disabled: f,
+              disabled: p,
               className: "hidden"
             }
           ),
@@ -1703,27 +1713,27 @@ const Lt = {
         ]
       }
     ),
-    u.length > 0 && /* @__PURE__ */ i("div", { className: "mt-4 space-y-3", children: [
+    m.length > 0 && /* @__PURE__ */ i("div", { className: "mt-4 space-y-3", children: [
       /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ i("span", { className: "text-sm font-medium text-slate-700", children: [
           j.selectedFiles,
           " (",
-          u.length,
+          m.length,
           ")"
         ] }),
-        u.length > 1 && /* @__PURE__ */ e(
+        m.length > 1 && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             onClick: G,
-            disabled: f || y,
+            disabled: p || y,
             className: "text-sm font-medium text-red-600 disabled:opacity-50",
             children: j.clearAll
           }
         )
       ] }),
-      /* @__PURE__ */ e("div", { className: "space-y-3", children: u.map((g) => {
-        const O = !!g.preview ? o.fileIconImg : o.fileIconDoc, U = f || y || g.status === "uploading";
+      /* @__PURE__ */ e("div", { className: "space-y-3", children: m.map((g) => {
+        const O = !!g.preview ? o.fileIconImg : o.fileIconDoc, U = p || y || g.status === "uploading";
         return /* @__PURE__ */ i(
           "div",
           {
@@ -1740,14 +1750,14 @@ const Lt = {
                       "flex h-14 w-14 items-center justify-center rounded-2xl",
                       O
                     ),
-                    children: M && g.preview ? /* @__PURE__ */ e(
+                    children: D && g.preview ? /* @__PURE__ */ e(
                       "img",
                       {
                         src: g.preview,
                         alt: g.file.name,
                         className: "h-10 w-10 rounded-xl object-cover"
                       }
-                    ) : F ? N(g.file) : /* @__PURE__ */ e(Te, { className: "h-6 w-6 text-slate-500" })
+                    ) : E ? N(g.file) : /* @__PURE__ */ e(Te, { className: "h-6 w-6 text-slate-500" })
                   }
                 ),
                 /* @__PURE__ */ i("div", { className: "min-w-0", children: [
@@ -1784,8 +1794,8 @@ const Lt = {
                   "button",
                   {
                     type: "button",
-                    onClick: (A) => {
-                      A.stopPropagation(), U || ne(g);
+                    onClick: (F) => {
+                      F.stopPropagation(), U || ne(g);
                     },
                     disabled: U,
                     className: "rounded-xl p-2 hover:bg-slate-100 hover:cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed",
@@ -1797,10 +1807,10 @@ const Lt = {
                   "button",
                   {
                     type: "button",
-                    onClick: (A) => {
-                      A.stopPropagation(), z(g.id);
+                    onClick: (F) => {
+                      F.stopPropagation(), z(g.id);
                     },
-                    disabled: f || y,
+                    disabled: p || y,
                     className: "rounded-xl p-2 text-slate-base hover:bg-slate-100 disabled:opacity-50 hover:cursor-pointer",
                     title: j.remove,
                     children: /* @__PURE__ */ e(pe, { className: "h-6 w-6" })
@@ -1821,24 +1831,24 @@ function er({
   setShow: a,
   title: r,
   description: l,
-  Header: f,
+  Header: p,
   Body: d,
   footer: s,
   handleClickOutside: c = !1,
   showCloseIcon: C = !0,
   showHeader: k = !0,
-  overlayClassName: D,
-  containerClassName: M,
-  bodyClassName: L,
-  footerClassName: F
+  overlayClassName: M,
+  containerClassName: D,
+  bodyClassName: A,
+  footerClassName: E
 }) {
-  const v = le(null), { handleEscape: m } = Ee(() => a(!1));
-  J(() => (t ? (document.addEventListener("keydown", m), document.body.style.overflow = "hidden") : document.body.style.overflow = "unset", () => document.removeEventListener("keydown", m)), [t, m]);
-  const { handleClick: u } = De(v, () => {
+  const v = le(null), { handleEscape: u } = Ee(() => a(!1));
+  J(() => (t ? (document.addEventListener("keydown", u), document.body.style.overflow = "hidden") : document.body.style.overflow = "unset", () => document.removeEventListener("keydown", u)), [t, u]);
+  const { handleClick: m } = De(v, () => {
     c && a(!1);
   });
-  J(() => (t && c && document.addEventListener("mousedown", u), () => document.removeEventListener("mousedown", u)), [t, u, c]);
-  const w = k && !!(f || r || l);
+  J(() => (t && c && document.addEventListener("mousedown", m), () => document.removeEventListener("mousedown", m)), [t, m, c]);
+  const w = k && !!(p || r || l);
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1846,7 +1856,7 @@ function er({
         "bg-black/40 fixed inset-0 z-50 flex justify-center transition-all duration-500 ease-in-out",
         "items-end sm:items-center",
         t ? "opacity-100" : "pointer-events-none opacity-0",
-        D
+        M
       ),
       children: /* @__PURE__ */ i(
         "div",
@@ -1858,11 +1868,11 @@ function er({
             "rounded-t-2xl sm:rounded-2xl",
             "transition-all duration-500 ease-out",
             t ? "scale-100 opacity-100" : "scale-95 opacity-0",
-            M
+            D
           ),
           children: [
             w && /* @__PURE__ */ i("div", { className: "border-b border-slate-200 flex items-start justify-between p-4 sm:p-6 mb-4", children: [
-              f || /* @__PURE__ */ i("div", { className: "block", children: [
+              p || /* @__PURE__ */ i("div", { className: "block", children: [
                 /* @__PURE__ */ e("h2", { className: "text-h3 font-semibold text-black", children: r }),
                 l && /* @__PURE__ */ e("p", { className: "text-base text-slate-base font-normal mt-2", children: l })
               ] }),
@@ -1884,7 +1894,7 @@ function er({
                   "scrollbar-thin scrollbar-thumb-slate-200 overflow-y-auto",
                   "max-h-[70dvh] sm:max-h-96",
                   "px-4 sm:px-6 mb-2",
-                  L
+                  A
                 ),
                 children: d
               }
@@ -1895,7 +1905,7 @@ function er({
                 className: n(
                   "flex items-center justify-end gap-3 border-t border-slate-200",
                   "p-4 sm:p-6",
-                  F
+                  E
                 ),
                 children: s
               }
@@ -1911,24 +1921,24 @@ function tr({
   currentPage: a,
   perPage: r,
   onPageChange: l,
-  onPerPageChange: f,
+  onPerPageChange: p,
   siblingCount: d = 1,
   perPageOptions: s = [10, 30, 50, 100],
   showPerPage: c = !0,
   variant: C = "yellow",
   size: k = "large",
-  paginationClassName: D
+  paginationClassName: M
 }) {
-  const M = Number.isFinite(t) && t > 0 ? t : 0, L = Number.isFinite(r) && r > 0 ? r : 10, F = Math.max(1, Number.isFinite(a) ? a : 1), v = Math.ceil(M / L);
-  if (v <= 1 || M === 0) return null;
-  const u = (() => {
-    const p = [], y = d * 2 + 5;
+  const D = Number.isFinite(t) && t > 0 ? t : 0, A = Number.isFinite(r) && r > 0 ? r : 10, E = Math.max(1, Number.isFinite(a) ? a : 1), v = Math.ceil(D / A);
+  if (v <= 1 || D === 0) return null;
+  const m = (() => {
+    const h = [], y = d * 2 + 5;
     if (v <= y)
       return Array.from({ length: v }, (j, o) => o + 1);
-    const $ = Math.max(F - d, 2), E = Math.min(F + d, v - 1);
-    p.push(1), $ > 2 && p.push("...");
-    for (let j = $; j <= E; j++) p.push(j);
-    return E < v - 1 && p.push("..."), v > 1 && p.push(v), p;
+    const $ = Math.max(E - d, 2), L = Math.min(E + d, v - 1);
+    h.push(1), $ > 2 && h.push("...");
+    for (let j = $; j <= L; j++) h.push(j);
+    return L < v - 1 && h.push("..."), v > 1 && h.push(v), h;
   })(), b = {
     medium: "h-9 text-sm",
     large: "h-10 text-base"
@@ -1948,9 +1958,9 @@ function tr({
   }[C ?? "yellow"];
   return /* @__PURE__ */ i("div", { className: n(
     "flex items-center justify-between gap-4 w-full",
-    D
+    M
   ), children: [
-    c && f && /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+    c && p && /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ e(
         "span",
         {
@@ -1962,14 +1972,14 @@ function tr({
         /* @__PURE__ */ e(
           "select",
           {
-            value: L,
-            onChange: (p) => f(Number(p.target.value)),
+            value: A,
+            onChange: (h) => p(Number(h.target.value)),
             className: n(
               "appearance-none bg-white border border-slate-200 rounded-lg pl-3 pr-8 text-base text-black font-medium focus:outline-none cursor-pointer",
               k === "large" ? "h-10" : "h-9"
             ),
             "aria-label": "Количество строк на странице",
-            children: s.map((p) => /* @__PURE__ */ e("option", { value: p, children: p }, p))
+            children: s.map((h) => /* @__PURE__ */ e("option", { value: h, children: h }, h))
           }
         ),
         /* @__PURE__ */ e(
@@ -1986,19 +1996,19 @@ function tr({
       /* @__PURE__ */ e(
         "button",
         {
-          onClick: () => l(F - 1),
-          disabled: F === 1,
+          onClick: () => l(E - 1),
+          disabled: E === 1,
           "aria-label": "Предыдущая страница",
           className: n(
             "flex items-center justify-center rounded-lg border transition-all bg-slate-100 min-w-10",
             b,
-            F === 1 ? n("cursor-not-allowed opacity-50", w.disabled) : n("hover:cursor-pointer", w.arrow, "border-slate-200")
+            E === 1 ? n("cursor-not-allowed opacity-50", w.disabled) : n("hover:cursor-pointer", w.arrow, "border-slate-200")
           ),
           children: /* @__PURE__ */ e(ke, { weight: "Linear", size: 20 })
         }
       ),
-      /* @__PURE__ */ e("div", { className: "flex items-center gap-1", children: u.map((p, y) => {
-        if (p === "...")
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-1", children: m.map((h, y) => {
+        if (h === "...")
           return /* @__PURE__ */ e(
             "span",
             {
@@ -2008,19 +2018,19 @@ function tr({
             },
             y
           );
-        const $ = p === F;
+        const $ = h === E;
         return /* @__PURE__ */ e(
           "button",
           {
-            onClick: () => l(p),
-            "aria-label": `Страница ${p}${$ ? ", текущая" : ""}`,
+            onClick: () => l(h),
+            "aria-label": `Страница ${h}${$ ? ", текущая" : ""}`,
             "aria-current": $ ? "page" : void 0,
             className: n(
               "flex items-center justify-center rounded-lg border font-medium transition-all hover:cursor-pointer min-w-10 px-2",
               b,
               $ ? w.active : w.inactive
             ),
-            children: p
+            children: h
           },
           y
         );
@@ -2028,13 +2038,13 @@ function tr({
       /* @__PURE__ */ e(
         "button",
         {
-          onClick: () => l(F + 1),
-          disabled: F === v,
+          onClick: () => l(E + 1),
+          disabled: E === v,
           "aria-label": "Следующая страница",
           className: n(
             "flex items-center justify-center rounded-lg border transition-all bg-slate-100 min-w-10",
             b,
-            F === v ? n("cursor-not-allowed opacity-50", w.disabled) : n("hover:cursor-pointer", w.arrow, "border-slate-200")
+            E === v ? n("cursor-not-allowed opacity-50", w.disabled) : n("hover:cursor-pointer", w.arrow, "border-slate-200")
           ),
           children: /* @__PURE__ */ e(be, { size: 20, weight: "Linear" })
         }
@@ -2071,35 +2081,35 @@ function rr({
   defaultTab: a,
   position: r = "top",
   className: l,
-  tabListClassName: f,
+  tabListClassName: p,
   contentClassName: d,
   extra: s,
   onChange: c
 }) {
-  const [C, k] = _(a || t[0]?.id), [D, M] = _({}), L = le([]), F = () => {
+  const [C, k] = _(a || t[0]?.id), [M, D] = _({}), A = le([]), E = () => {
     requestAnimationFrame(() => {
-      const w = t.findIndex((y) => y?.id === C), p = L.current[w];
-      if (p) {
-        const { offsetLeft: y, offsetTop: $, offsetWidth: E, offsetHeight: j } = p;
-        M({
+      const w = t.findIndex((y) => y?.id === C), h = A.current[w];
+      if (h) {
+        const { offsetLeft: y, offsetTop: $, offsetWidth: L, offsetHeight: j } = h;
+        D({
           left: `${y}px`,
           top: `${$}px`,
-          width: `${E}px`,
+          width: `${L}px`,
           height: `${j}px`,
           transition: "all 0.35s cubic-bezier(0.25, 1, 0.5, 1)"
         });
       }
     });
   };
-  J(() => (F(), window.addEventListener("resize", F), "fonts" in document && document.fonts.ready.then(F), () => window.removeEventListener("resize", F)), [C, r, t]), J(() => {
-    L.current = L.current.slice(0, t.length);
+  J(() => (E(), window.addEventListener("resize", E), "fonts" in document && document.fonts.ready.then(E), () => window.removeEventListener("resize", E)), [C, r, t]), J(() => {
+    A.current = A.current.slice(0, t.length);
   }, [t]);
-  const v = r === "left" || r === "right", m = {
+  const v = r === "left" || r === "right", u = {
     top: "flex-col",
     bottom: "flex-col-reverse",
     left: "flex-row",
     right: "flex-row-reverse"
-  }, u = {
+  }, m = {
     top: "flex-row",
     bottom: "flex-row",
     left: "flex-col",
@@ -2110,7 +2120,7 @@ function rr({
     left: "ml-4",
     right: "mr-4"
   };
-  return /* @__PURE__ */ i("div", { className: n("flex w-full", m[r], l), children: [
+  return /* @__PURE__ */ i("div", { className: n("flex w-full", u[r], l), children: [
     /* @__PURE__ */ i(
       "div",
       {
@@ -2131,26 +2141,26 @@ function rr({
                 {
                   className: n(
                     "relative flex rounded-xl bg-slate-100 p-1",
-                    u[r],
+                    m[r],
                     !v && "w-full overflow-hidden",
                     v ? "min-w-48" : "",
-                    f
+                    p
                   ),
                   children: [
                     /* @__PURE__ */ e(
                       "div",
                       {
                         className: n("absolute rounded-lg bg-white", v ? "w-full" : "h-full"),
-                        style: D
+                        style: M
                       }
                     ),
-                    t?.map((w, p) => {
+                    t?.map((w, h) => {
                       const y = C === w.id;
                       return /* @__PURE__ */ i(
                         "button",
                         {
                           ref: ($) => {
-                            L.current[p] = $;
+                            A.current[h] = $;
                           },
                           onClick: () => {
                             w?.disabled || (k(w?.id), c?.(w?.id));
@@ -2210,7 +2220,7 @@ function nr({
   variant: a = "success",
   size: r = "lg",
   icon: l,
-  iconPosition: f = "left",
+  iconPosition: p = "left",
   className: d
 }) {
   return /* @__PURE__ */ i(
@@ -2224,9 +2234,9 @@ function nr({
         d
       ),
       children: [
-        l && f === "left" && /* @__PURE__ */ e("span", { className: `flex items-center ${n(Be[r])}`, children: l }),
+        l && p === "left" && /* @__PURE__ */ e("span", { className: `flex items-center ${n(Be[r])}`, children: l }),
         /* @__PURE__ */ e("span", { children: t }),
-        l && f === "right" && /* @__PURE__ */ e("span", { className: `flex items-center ${n(Be[r])}`, children: l })
+        l && p === "right" && /* @__PURE__ */ e("span", { className: `flex items-center ${n(Be[r])}`, children: l })
       ]
     }
   );
@@ -2237,14 +2247,14 @@ const Rt = fe(
     placeholder: a,
     value: r = "",
     onChange: l,
-    required: f = !1,
+    required: p = !1,
     disabled: d = !1,
     error: s,
     className: c,
     rows: C = 4,
     name: k
-  }, D) => {
-    const M = Z(() => s ? "border-red-600 focus:border-red-600 shadow-red" : "border-slate-200 hover:border-slate-400 focus:shadow-blue focus:border-blue-600", [s]);
+  }, M) => {
+    const D = Z(() => s ? "border-red-600 focus:border-red-600 shadow-red" : "border-slate-200 hover:border-slate-400 focus:shadow-blue focus:border-blue-600", [s]);
     return /* @__PURE__ */ i("div", { className: n("relative w-full", c), children: [
       t && /* @__PURE__ */ i(
         "label",
@@ -2255,24 +2265,24 @@ const Rt = fe(
           ),
           children: [
             t,
-            f && /* @__PURE__ */ e("span", { className: "ml-1 text-red-600", children: "*" })
+            p && /* @__PURE__ */ e("span", { className: "ml-1 text-red-600", children: "*" })
           ]
         }
       ),
       /* @__PURE__ */ e(
         "textarea",
         {
-          ref: D,
+          ref: M,
           name: k,
           rows: C,
           value: r,
-          onChange: (L) => l?.(L.target.value),
+          onChange: (A) => l?.(A.target.value),
           disabled: d,
           placeholder: a,
           className: n(
             "w-full resize-none rounded-xl border bg-white text-base font-normal transition-all duration-300 ease-in-out outline-none",
             "p-3 disabled:cursor-not-allowed disabled:border-slate-200 disabled:bg-slate-100 disabled:text-slate-400",
-            M
+            D
           )
         }
       ),
@@ -2296,7 +2306,7 @@ function Bt({
   description: a,
   type: r = "info",
   duration: l = 3e3,
-  action: f,
+  action: p,
   onClose: d
 }) {
   const [s, c] = _(100);
@@ -2305,13 +2315,13 @@ function Bt({
       c(100);
       return;
     }
-    let D = null;
-    const M = (F) => {
-      D || (D = F);
-      const v = F - D, m = Math.max(0, (l - v) / l * 100);
-      c(m), m > 0 ? requestAnimationFrame(M) : d?.();
-    }, L = requestAnimationFrame(M);
-    return () => cancelAnimationFrame(L);
+    let M = null;
+    const D = (E) => {
+      M || (M = E);
+      const v = E - M, u = Math.max(0, (l - v) / l * 100);
+      c(u), u > 0 ? requestAnimationFrame(D) : d?.();
+    }, A = requestAnimationFrame(D);
+    return () => cancelAnimationFrame(A);
   }, [l, d]);
   const C = {
     success: /* @__PURE__ */ e(gt, { weight: "Bold", className: "w-5 h-5" }),
@@ -2373,7 +2383,7 @@ function Bt({
           /* @__PURE__ */ i("div", { className: "flex-1 min-w-0", children: [
             /* @__PURE__ */ e("h4", { className: "text-base font-medium mb-1", children: t }),
             a && /* @__PURE__ */ e("p", { className: "text-sm text-[#82828C]", children: a }),
-            f && /* @__PURE__ */ e("div", { className: "mt-3", children: /* @__PURE__ */ e("div", { className: n("underline font-medium text-sm", k.action[r]), children: f }) })
+            p && /* @__PURE__ */ e("div", { className: "mt-3", children: /* @__PURE__ */ e("div", { className: n("underline font-medium text-sm", k.action[r]), children: p }) })
           ] }),
           /* @__PURE__ */ e(
             "button",
@@ -2390,8 +2400,8 @@ function Bt({
 }
 const ge = (t) => {
   const a = $t++, r = () => {
-    const f = Ce.findIndex((d) => d?.id === a);
-    f !== -1 && (Ce.splice(f, 1), ze());
+    const p = Ce.findIndex((d) => d?.id === a);
+    p !== -1 && (Ce.splice(p, 1), ze());
   }, l = /* @__PURE__ */ e(Bt, { ...t, onClose: r });
   return Ce.push({ id: a, element: l }), ze(), t.duration !== 1 / 0 && setTimeout(r, (t.duration || 3e3) + 300), { close: r };
 }, lr = {
@@ -2423,7 +2433,7 @@ function ar({
   children: a,
   position: r = "top",
   delay: l = 200,
-  className: f
+  className: p
 }) {
   const d = {
     top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
@@ -2446,7 +2456,7 @@ function ar({
           "scale-95 opacity-0 transition-all group-hover:scale-100 group-hover:opacity-100",
           "duration-200 ease-out group-hover:delay-200",
           d[r],
-          f
+          p
         ),
         style: { transitionDelay: `${l}ms` },
         children: [
@@ -2470,7 +2480,7 @@ function sr({
   onChange: a,
   disabled: r = !1,
   variant: l = "yellow",
-  label: f,
+  label: p,
   supportText: d,
   className: s
 }) {
@@ -2520,14 +2530,14 @@ function sr({
             )
           }
         ),
-        (f || d) && /* @__PURE__ */ i("div", { className: "flex flex-col leading-tight", children: [
-          f && /* @__PURE__ */ e(
+        (p || d) && /* @__PURE__ */ i("div", { className: "flex flex-col leading-tight", children: [
+          p && /* @__PURE__ */ e(
             "span",
             {
               className: n(
                 "text-base font-medium text-black"
               ),
-              children: f
+              children: p
             }
           ),
           d && /* @__PURE__ */ e("span", { className: "text-sm font-normal text-slate-500", children: d })
@@ -2542,14 +2552,14 @@ function or({
   size: a = 150,
   iconClassName: r,
   isLoading: l = !1,
-  isFullPage: f = !0
+  isFullPage: p = !0
 }) {
   return l ? /* @__PURE__ */ e(
     "div",
     {
       className: n(
         "z-[99px] flex flex-col items-center justify-center transition-all duration-300",
-        f ? "fixed inset-0 backdrop-blur-[2px]" : "absolute inset-0 w-full h-full rounded-[inherit]",
+        p ? "fixed inset-0 backdrop-blur-[2px]" : "absolute inset-0 w-full h-full rounded-[inherit]",
         t
       ),
       children: /* @__PURE__ */ e(
@@ -2574,17 +2584,17 @@ const Pt = fe(
     placeholder: a = "+998 (__) ___ __ __",
     size: r = "base",
     error: l,
-    disabled: f = !1,
+    disabled: p = !1,
     required: d = !1,
     value: s = "",
     onChange: c,
     onFocus: C,
     onBlur: k,
-    className: D,
-    name: M,
-    showIcon: L = !1
-  }, F) => {
-    const [v, m] = _(!1), u = R((j) => {
+    className: M,
+    name: D,
+    showIcon: A = !1
+  }, E) => {
+    const [v, u] = _(!1), m = R((j) => {
       let o = j.replace(/\D/g, "");
       o.startsWith("998") || (o = "998" + o), o = o.substring(0, 12);
       let N = "+998";
@@ -2595,16 +2605,16 @@ const Pt = fe(
         c?.("+998");
         return;
       }
-      const N = u(o);
+      const N = m(o);
       c?.(N);
     }, w = () => {
-      m(!0), (!s || s === "") && c?.("+998"), C?.();
-    }, p = () => {
-      m(!1), k?.();
+      u(!0), (!s || s === "") && c?.("+998"), C?.();
+    }, h = () => {
+      u(!1), k?.();
     }, y = Z(() => ({
       sm: {
         input: "h-9 text-sm",
-        padding: L ? "pl-8 pr-2" : "px-2",
+        padding: A ? "pl-8 pr-2" : "px-2",
         iconSize: "w-4 h-4",
         iconLeft: "left-2",
         labelFont: "text-sm",
@@ -2612,7 +2622,7 @@ const Pt = fe(
       },
       md: {
         input: "h-10 text-sm",
-        padding: L ? "pl-10 pr-4" : "px-4",
+        padding: A ? "pl-10 pr-4" : "px-4",
         iconSize: "w-4 h-4",
         iconLeft: "left-3",
         labelFont: "text-base",
@@ -2620,14 +2630,14 @@ const Pt = fe(
       },
       base: {
         input: "h-12 text-base",
-        padding: L ? "pl-11 pr-4" : "px-4",
+        padding: A ? "pl-11 pr-4" : "px-4",
         iconSize: "w-5 h-5",
         iconLeft: "left-3",
         labelFont: "text-base",
         iconWrapper: "h-5"
       }
-    }), [L]), $ = Z(() => l ? "border-red-600 focus:border-red-600 shadow-red" : "border-slate-200 hover:border-slate-400 focus:shadow-blue focus:border-blue-600", [l]), E = Z(() => f ? "text-slate-400" : l ? "text-red-600" : v ? "text-black" : "text-slate-400", [l, v, f]);
-    return /* @__PURE__ */ i("div", { className: n("w-full", D), children: [
+    }), [A]), $ = Z(() => l ? "border-red-600 focus:border-red-600 shadow-red" : "border-slate-200 hover:border-slate-400 focus:shadow-blue focus:border-blue-600", [l]), L = Z(() => p ? "text-slate-400" : l ? "text-red-600" : v ? "text-black" : "text-slate-400", [l, v, p]);
+    return /* @__PURE__ */ i("div", { className: n("w-full", M), children: [
       t && /* @__PURE__ */ i("label", { className: n(
         "mb-2 block font-medium transition-colors duration-200",
         l ? "text-red-600" : v ? "text-blue-600" : "text-slate-700",
@@ -2637,22 +2647,22 @@ const Pt = fe(
         d && /* @__PURE__ */ e("span", { className: "text-red-600 ml-1", children: "*" })
       ] }),
       /* @__PURE__ */ i("div", { className: "relative flex items-center", children: [
-        L && /* @__PURE__ */ e("div", { className: n(
+        A && /* @__PURE__ */ e("div", { className: n(
           "absolute top-1/2 flex -translate-y-1/2 items-center justify-center transition-all duration-300",
           y[r].iconLeft,
-          E
+          L
         ), children: /* @__PURE__ */ e("div", { className: n("flex items-center justify-center", y[r].iconWrapper), children: /* @__PURE__ */ e(bt, { className: n(y[r].iconSize), weight: "Linear" }) }) }),
         /* @__PURE__ */ e(
           "input",
           {
-            ref: F,
-            name: M,
+            ref: E,
+            name: D,
             type: "tel",
             value: s,
             onChange: b,
             onFocus: w,
-            onBlur: p,
-            disabled: f,
+            onBlur: h,
+            disabled: p,
             placeholder: a,
             className: n(
               "w-full border bg-white font-normal transition-all duration-300 outline-none",
@@ -2671,23 +2681,23 @@ const Pt = fe(
 );
 Pt.displayName = "MciPhone";
 const Wt = fe(
-  ({ mode: t, onChange: a, value: r, ...l }, f) => {
+  ({ mode: t, onChange: a, value: r, ...l }, p) => {
     const [d, s] = _(""), c = r !== void 0 ? r : d, C = (v) => {
-      const m = v.replace(/\s/g, "").toUpperCase();
-      let u = "";
-      for (let b = 0; b < m.length; b++) {
-        const w = m[b];
-        if (u.length < 2 ? /[A-Z]/.test(w) && (u += w) : /[0-9]/.test(w) && (u += w), u.length >= 9) break;
+      const u = v.replace(/\s/g, "").toUpperCase();
+      let m = "";
+      for (let b = 0; b < u.length; b++) {
+        const w = u[b];
+        if (m.length < 2 ? /[A-Z]/.test(w) && (m += w) : /[0-9]/.test(w) && (m += w), m.length >= 9) break;
       }
-      return u.length > 2 ? u.slice(0, 2) + " " + u.slice(2) : u;
-    }, k = (v) => v.replace(/\D/g, "").slice(0, 14), D = (v) => v.toUpperCase().replace(/[^A-Z0-9\-\s]/g, "").replace(/\s+/g, " ").slice(0, 15), M = R(
+      return m.length > 2 ? m.slice(0, 2) + " " + m.slice(2) : m;
+    }, k = (v) => v.replace(/\D/g, "").slice(0, 14), M = (v) => v.toUpperCase().replace(/[^A-Z0-9\-\s]/g, "").replace(/\s+/g, " ").slice(0, 15), D = R(
       (v) => {
-        const m = v.target.value;
-        let u = "";
-        t === "passport" ? u = C(m) : t === "pinfl" ? u = k(m) : t === "metirka" && (u = D(m)), r === void 0 && s(u), v.target.value = u, a?.(u, v);
+        const u = v.target.value;
+        let m = "";
+        t === "passport" ? m = C(u) : t === "pinfl" ? m = k(u) : t === "metirka" && (m = M(u)), r === void 0 && s(m), v.target.value = m, a?.(m, v);
       },
       [t, a, r]
-    ), L = () => {
+    ), A = () => {
       if (l.placeholder) return l.placeholder;
       switch (t) {
         case "passport":
@@ -2703,10 +2713,10 @@ const Wt = fe(
     return /* @__PURE__ */ e(
       Le,
       {
-        ref: f,
+        ref: p,
         ...l,
         value: c,
-        onChange: M,
+        onChange: D,
         maxLength: (() => {
           if (l.maxLength) return l.maxLength;
           switch (t) {
@@ -2720,7 +2730,7 @@ const Wt = fe(
               return 255;
           }
         })(),
-        placeholder: L()
+        placeholder: A()
       }
     );
   }
@@ -2731,7 +2741,7 @@ function ir({
   onClose: a,
   columns: r,
   hidden: l,
-  onToggle: f,
+  onToggle: p,
   onMove: d,
   minVisible: s = 5
 }) {
@@ -2740,13 +2750,13 @@ function ir({
     if (t)
       return document.addEventListener("mousedown", C), () => document.removeEventListener("mousedown", C);
   }, [t, C]);
-  const k = Z(() => new Set(l), [l]), D = Z(() => {
+  const k = Z(() => new Set(l), [l]), M = Z(() => {
     let o = 0;
     for (const N of r) k.has(N.key) || o++;
     return o;
-  }, [r, k]), M = le(null), L = le(null), F = le(!1), [v, m] = _(null), [u, b] = _(null), w = le(null), p = R((o) => {
-    L.current = o, w.current == null && (w.current = requestAnimationFrame(() => {
-      w.current = null, m(L.current);
+  }, [r, k]), D = le(null), A = le(null), E = le(!1), [v, u] = _(null), [m, b] = _(null), w = le(null), h = R((o) => {
+    A.current = o, w.current == null && (w.current = requestAnimationFrame(() => {
+      w.current = null, u(A.current);
     }));
   }, []);
   J(() => () => {
@@ -2754,23 +2764,23 @@ function ir({
   }, []);
   const y = R(
     (o) => {
-      F.current = !0, M.current = o, b(r[o]?.key ?? null);
+      E.current = !0, D.current = o, b(r[o]?.key ?? null);
     },
     [r]
   ), $ = R(() => {
-    F.current = !1;
+    E.current = !1;
   }, []);
   J(() => {
     if (t)
       return document.addEventListener("mouseup", $), () => document.removeEventListener("mouseup", $);
   }, [t, $]);
-  const E = R(() => {
-    M.current = null, F.current = !1, b(null), p(null);
-  }, [p]), j = R(
+  const L = R(() => {
+    D.current = null, E.current = !1, b(null), h(null);
+  }, [h]), j = R(
     (o, N) => {
-      N || f(o);
+      N || p(o);
     },
-    [f]
+    [p]
   );
   return t ? /* @__PURE__ */ i(
     "div",
@@ -2808,33 +2818,33 @@ function ir({
               "hover:[&::-webkit-scrollbar-thumb]:bg-slate-300"
             ),
             children: r.map((o, N) => {
-              const T = !k.has(o.key), Y = T && D <= s, q = v === N, B = u === o.key;
+              const T = !k.has(o.key), Y = T && M <= s, q = v === N, B = m === o.key;
               return /* @__PURE__ */ i("div", { children: [
                 /* @__PURE__ */ i(
                   "div",
                   {
                     draggable: !0,
                     onDragStart: (P) => {
-                      if (!F.current) {
+                      if (!E.current) {
                         P.preventDefault();
                         return;
                       }
-                      P.dataTransfer.setData("text/plain", String(N)), P.dataTransfer.effectAllowed = "move", b(o.key), p(null);
+                      P.dataTransfer.setData("text/plain", String(N)), P.dataTransfer.effectAllowed = "move", b(o.key), h(null);
                       const W = new Image();
                       W.src = "data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=", P.dataTransfer.setDragImage(W, 0, 0);
                     },
                     onDragOver: (P) => {
-                      M.current != null && (P.preventDefault(), P.dataTransfer.dropEffect = "move", p(N));
+                      D.current != null && (P.preventDefault(), P.dataTransfer.dropEffect = "move", h(N));
                     },
                     onDragLeave: () => {
-                      L.current === N && p(null);
+                      A.current === N && h(null);
                     },
                     onDrop: (P) => {
                       P.preventDefault();
-                      const W = M.current ?? Number(P.dataTransfer.getData("text/plain"));
-                      Number.isFinite(W) && W !== N && d(W, N), E();
+                      const W = D.current ?? Number(P.dataTransfer.getData("text/plain"));
+                      Number.isFinite(W) && W !== N && d(W, N), L();
                     },
-                    onDragEnd: E,
+                    onDragEnd: L,
                     className: n(
                       "group flex items-center py-2 px-1 gap-4",
                       "rounded-md box-border overflow-visible",
@@ -2905,17 +2915,17 @@ const Pe = (t) => Array.isArray(t) && t.every((a) => typeof a == "string"), Ot =
   return r;
 };
 function cr(t) {
-  const { storageKey: a, columns: r, defaultVisibleKeys: l, defaultOrder: f } = t, d = Z(() => r.map((m) => String(m.key)), [r]), s = Z(() => new Set(d), [d]), [c, C] = _(() => {
+  const { storageKey: a, columns: r, defaultVisibleKeys: l, defaultOrder: p } = t, d = Z(() => r.map((u) => String(u.key)), [r]), s = Z(() => new Set(d), [d]), [c, C] = _(() => {
     if (typeof window > "u") {
-      const E = f?.map(String) ?? d, j = l && l.length ? d.filter((o) => !new Set(l.map(String)).has(o)) : [];
-      return { order: ie(E), hidden: ie(j) };
+      const L = p?.map(String) ?? d, j = l && l.length ? d.filter((o) => !new Set(l.map(String)).has(o)) : [];
+      return { order: ie(L), hidden: ie(j) };
     }
-    const m = Ot(window.localStorage.getItem(a)), u = f?.map(String) ?? d, b = ie(u), w = ie((m?.order ?? []).filter((E) => s.has(E))), p = ie([
+    const u = Ot(window.localStorage.getItem(a)), m = p?.map(String) ?? d, b = ie(m), w = ie((u?.order ?? []).filter((L) => s.has(L))), h = ie([
       ...w,
-      ...b.filter((E) => !w.includes(E)),
-      ...d.filter((E) => !w.includes(E) && !b.includes(E))
-    ]), y = ie((m?.hidden ?? []).filter((E) => s.has(E))), $ = y.length === 0 && l && l.length ? d.filter((E) => !new Set(l.map(String)).has(E)) : y;
-    return { order: p, hidden: ie($) };
+      ...b.filter((L) => !w.includes(L)),
+      ...d.filter((L) => !w.includes(L) && !b.includes(L))
+    ]), y = ie((u?.hidden ?? []).filter((L) => s.has(L))), $ = y.length === 0 && l && l.length ? d.filter((L) => !new Set(l.map(String)).has(L)) : y;
+    return { order: h, hidden: ie($) };
   });
   J(() => {
     if (!(typeof window > "u"))
@@ -2924,47 +2934,47 @@ function cr(t) {
       } catch {
       }
   }, [a, c]), J(() => {
-    C((m) => {
-      const u = ie([
-        ...m.order.filter((y) => s.has(y)),
-        ...d.filter((y) => !m.order.includes(y))
-      ]), b = ie(m.hidden.filter((y) => s.has(y))), w = u.length === m.order.length && u.every((y, $) => y === m.order[$]), p = b.length === m.hidden.length && b.every((y, $) => y === m.hidden[$]);
-      return w && p ? m : { order: u, hidden: b };
+    C((u) => {
+      const m = ie([
+        ...u.order.filter((y) => s.has(y)),
+        ...d.filter((y) => !u.order.includes(y))
+      ]), b = ie(u.hidden.filter((y) => s.has(y))), w = m.length === u.order.length && m.every((y, $) => y === u.order[$]), h = b.length === u.hidden.length && b.every((y, $) => y === u.hidden[$]);
+      return w && h ? u : { order: m, hidden: b };
     });
   }, [d, s]);
-  const k = Z(() => new Set(c.hidden), [c.hidden]), D = Z(() => {
-    const m = /* @__PURE__ */ new Map();
-    return c.order.forEach((b, w) => m.set(b, w)), [...r.filter((b) => !k.has(String(b.key)))].sort((b, w) => {
-      const p = m.get(String(b.key)) ?? Number.MAX_SAFE_INTEGER, y = m.get(String(w.key)) ?? Number.MAX_SAFE_INTEGER;
-      return p - y;
+  const k = Z(() => new Set(c.hidden), [c.hidden]), M = Z(() => {
+    const u = /* @__PURE__ */ new Map();
+    return c.order.forEach((b, w) => u.set(b, w)), [...r.filter((b) => !k.has(String(b.key)))].sort((b, w) => {
+      const h = u.get(String(b.key)) ?? Number.MAX_SAFE_INTEGER, y = u.get(String(w.key)) ?? Number.MAX_SAFE_INTEGER;
+      return h - y;
     });
-  }, [r, k, c.order]), M = Z(
-    () => c.hidden.filter((m) => s.has(m)),
+  }, [r, k, c.order]), D = Z(
+    () => c.hidden.filter((u) => s.has(u)),
     [c.hidden, s]
-  ), L = R((m) => {
-    const u = String(m);
+  ), A = R((u) => {
+    const m = String(u);
     C((b) => {
-      const p = b.hidden.includes(u) ? b.hidden.filter((y) => y !== u) : [...b.hidden, u];
-      return { ...b, hidden: ie(p) };
+      const h = b.hidden.includes(m) ? b.hidden.filter((y) => y !== m) : [...b.hidden, m];
+      return { ...b, hidden: ie(h) };
     });
-  }, []), F = R((m, u) => {
+  }, []), E = R((u, m) => {
     C((b) => {
       const w = b.order.slice();
-      if (m < 0 || u < 0 || m >= w.length || u >= w.length) return b;
-      const [p] = w.splice(m, 1);
-      return w.splice(u, 0, p), { ...b, order: w };
+      if (u < 0 || m < 0 || u >= w.length || m >= w.length) return b;
+      const [h] = w.splice(u, 1);
+      return w.splice(m, 0, h), { ...b, order: w };
     });
   }, []), v = R(() => {
     C(() => {
-      const m = ie(f?.map(String) ?? d), u = l && l.length ? ie(d.filter((b) => !new Set(l.map(String)).has(b))) : [];
-      return { order: m, hidden: u };
+      const u = ie(p?.map(String) ?? d), m = l && l.length ? ie(d.filter((b) => !new Set(l.map(String)).has(b))) : [];
+      return { order: u, hidden: m };
     });
-  }, [f, l, d]);
+  }, [p, l, d]);
   return {
-    orderedColumns: D,
-    hiddenKeys: M,
-    toggleColumn: L,
-    moveColumn: F,
+    orderedColumns: M,
+    hiddenKeys: D,
+    toggleColumn: A,
+    moveColumn: E,
     reset: v
   };
 }