@mci-ui/mci-ui 0.0.57 → 0.0.59

package/dist/index.es.js

@@ -1,9 +1,9 @@
-import { jsx as e, jsxs as o, Fragment as me } from "react/jsx-runtime";
-import { AltArrowRight as he, Star2 as Re, AltArrowDown as Me, EyeClosed as He, Eye as Ke, Calendar as Xe, AltArrowLeft as ve, DoubleAltArrowLeft as Ge, DoubleAltArrowRight as Qe, ConfoundedSquare as et, SortVertical as tt, SortFromTopToBottom as rt, SortFromBottomToTop as nt, Upload as lt, FileText as Ne, File as at, MusicNote as st, VideoFramePlayHorizontal as ot, Gallery as it, MenuDots as ct, Refresh as dt, InfoCircle as ut, DangerCircle as ft, CloseCircle as mt, CheckCircle as ht, Phone as pt } from "@solar-icons/react";
+import { jsx as e, jsxs as o, Fragment as he } from "react/jsx-runtime";
+import { AltArrowRight as me, Star2 as Re, AltArrowDown as Me, EyeClosed as He, Eye as Ke, Calendar as Xe, AltArrowLeft as ve, DoubleAltArrowLeft as Ge, DoubleAltArrowRight as Qe, ConfoundedSquare as et, SortVertical as tt, SortFromTopToBottom as rt, SortFromBottomToTop as nt, Upload as lt, FileText as Ne, File as at, MusicNote as st, VideoFramePlayHorizontal as ot, Gallery as it, MenuDots as ct, Refresh as dt, InfoCircle as ut, DangerCircle as ft, CloseCircle as ht, CheckCircle as mt, Phone as pt } from "@solar-icons/react";
 import { clsx as bt } from "clsx";
 import { twMerge as gt } from "tailwind-merge";
 import * as Q from "react";
-import { memo as xt, useState as V, useMemo as J, useCallback as T, useRef as ce, useEffect as re, forwardRef as de } from "react";
+import { memo as xt, useState as V, useMemo as J, useCallback as T, useRef as ce, useEffect as ne, forwardRef as de } from "react";
 import { createRoot as wt } from "react-dom/client";
 function n(...t) {
   return gt(bt(t));
@@ -47,7 +47,7 @@ function Vt({
           ]
         }
       ),
-      !M && /* @__PURE__ */ e("span", { className: "mx-2 flex items-center", children: /* @__PURE__ */ e(he, { weight: "Linear", size: 20, className: "text-slate-500" }) })
+      !M && /* @__PURE__ */ e("span", { className: "mx-2 flex items-center", children: /* @__PURE__ */ e(me, { weight: "Linear", size: 20, className: "text-slate-500" }) })
     ] }, c);
   }) });
 }
@@ -65,11 +65,11 @@ function _t({
   className: k,
   type: g = "button"
 }) {
-  const S = t ?? a, w = {
+  const E = t ?? a, w = {
     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"
-  }, E = u === "primary" || u === "secondary" || u === "outline" ? {
+  }, F = u === "primary" || u === "secondary" || u === "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)]",
@@ -93,14 +93,14 @@ function _t({
       className: n(
         "inline-flex items-center justify-center font-medium transition-all duration-200 cursor-pointer",
         w[f],
-        E,
-        !B && E,
+        F,
+        !B && F,
         D,
         k
       ),
       children: [
         r && l === "left" && !c && /* @__PURE__ */ e("span", { className: "flex items-center", children: r }),
-        S && /* @__PURE__ */ e("span", { children: S }),
+        E && /* @__PURE__ */ e("span", { children: E }),
         r && l === "right" && !c && /* @__PURE__ */ e("span", { className: "flex items-center", children: r }),
         c && /* @__PURE__ */ e(Re, { weight: "Linear", size: 20, className: "animate-spin" })
       ]
@@ -132,14 +132,14 @@ const vt = (t) => /* @__PURE__ */ Q.createElement("svg", { xmlns: "http://www.w3
   className: x,
   variant: k = "yellow",
   name: g,
-  value: S
+  value: E
 }) {
-  const [w, v] = V(!1), y = a === "radio", E = J(
+  const [w, v] = V(!1), y = a === "radio", F = J(
     () => f ?? w,
     [f, w]
   ), B = T(
-    (F) => {
-      c || (f === void 0 && v(F.target.checked), u?.(F));
+    (S) => {
+      c || (f === void 0 && v(S.target.checked), u?.(S));
     },
     [f, u, c]
   ), D = J(() => {
@@ -147,25 +147,25 @@ const vt = (t) => /* @__PURE__ */ Q.createElement("svg", { xmlns: "http://www.w3
       const L = "border-slate-200 bg-slate-100";
       return y ? {
         container: L,
-        dot: E ? "bg-slate-300" : "bg-transparent",
+        dot: F ? "bg-slate-300" : "bg-transparent",
         check: "text-slate-400"
       } : {
         container: L,
         dot: "",
-        check: E ? "text-slate-400" : "text-transparent"
+        check: F ? "text-slate-400" : "text-transparent"
       };
     }
-    const F = yt[k];
+    const S = yt[k];
     if (y) {
       const L = n(
         "border transition-all duration-200",
-        E ? F.border : "border-slate-400",
-        !E && F.hover,
-        F.focus,
-        E && ""
+        F ? S.border : "border-slate-400",
+        !F && S.hover,
+        S.focus,
+        F && ""
       ), R = n(
         "transition-all duration-200 rounded-full",
-        E ? F.bg : "bg-transparent"
+        F ? S.bg : "bg-transparent"
       );
       return {
         container: L,
@@ -176,14 +176,14 @@ const vt = (t) => /* @__PURE__ */ Q.createElement("svg", { xmlns: "http://www.w3
     return {
       container: n(
         "border transition-all duration-200",
-        E ? n(F.bg, F.border) : "border-slate-400",
-        !E && F.hover,
-        F.focus
+        F ? n(S.bg, S.border) : "border-slate-400",
+        !F && S.hover,
+        S.focus
       ),
       dot: "",
-      check: E ? "text-white" : "text-transparent"
+      check: F ? "text-white" : "text-transparent"
     };
-  }, [y, E, c, k]), h = J(() => !r && !l ? null : /* @__PURE__ */ o("div", { className: "flex flex-col", children: [
+  }, [y, F, c, k]), m = J(() => !r && !l ? null : /* @__PURE__ */ o("div", { className: "flex flex-col", children: [
     r && /* @__PURE__ */ o(
       "span",
       {
@@ -222,7 +222,7 @@ const vt = (t) => /* @__PURE__ */ Q.createElement("svg", { xmlns: "http://www.w3
             "input",
             {
               type: a,
-              checked: E,
+              checked: F,
               onChange: B,
               disabled: c,
               required: M,
@@ -230,7 +230,7 @@ const vt = (t) => /* @__PURE__ */ Q.createElement("svg", { xmlns: "http://www.w3
               "aria-invalid": !!s,
               "aria-describedby": s ? `${g}-error` : void 0,
               name: g,
-              value: S
+              value: E
             }
           ),
           /* @__PURE__ */ e(
@@ -247,7 +247,7 @@ const vt = (t) => /* @__PURE__ */ Q.createElement("svg", { xmlns: "http://www.w3
                   className: n(
                     "w-3 h-3 rounded-full transition-all duration-200",
                     D.dot,
-                    E ? "opacity-100 scale-100" : "opacity-0 scale-50"
+                    F ? "opacity-100 scale-100" : "opacity-0 scale-50"
                   )
                 }
               ) }) : /* @__PURE__ */ e(
@@ -256,13 +256,13 @@ const vt = (t) => /* @__PURE__ */ Q.createElement("svg", { xmlns: "http://www.w3
                   className: n(
                     "w-4 h-4 stroke-[2.5px] transition-opacity duration-200",
                     D.check,
-                    E ? "opacity-100" : "opacity-0"
+                    F ? "opacity-100" : "opacity-0"
                   )
                 }
               )
             }
           ),
-          h
+          m
         ]
       }
     ),
@@ -279,7 +279,7 @@ function Zt({
   contentClassName: u
 }) {
   const [s, c] = V(r), [M, x] = V(0), k = ce(null);
-  return re(() => {
+  return ne(() => {
     k.current && x(s ? k.current.scrollHeight : 0);
   }, [s]), /* @__PURE__ */ o("div", { className: n("overflow-hidden rounded-xl border border-slate-200", f), children: [
     /* @__PURE__ */ o(
@@ -338,22 +338,22 @@ function Ot({
   closeOnEscape: k = !0,
   width: g = 572
 }) {
-  const S = ce(null), w = ce(null), v = T(() => {
+  const E = ce(null), w = ce(null), v = T(() => {
     a();
   }, [a]);
-  re(() => {
-    t ? (w.current = document.activeElement, S.current?.focus()) : w.current?.focus();
-  }, [t]), re(() => (t && (document.body.style.overflow = "hidden"), () => {
+  ne(() => {
+    t ? (w.current = document.activeElement, E.current?.focus()) : w.current?.focus();
+  }, [t]), ne(() => (t && (document.body.style.overflow = "hidden"), () => {
     document.body.style.overflow = "unset";
   }), [t]);
   const y = J(() => ({
     width: typeof g == "number" ? `${g}px` : g,
     transform: t ? "translateX(0)" : r === "right" ? "translateX(calc(100% + 48px))" : "translateX(calc(-100% - 48px))"
-  }), [t, g, r]), E = {
+  }), [t, g, r]), F = {
     left: "top-6 left-6 bottom-6",
     right: "top-6 right-6 bottom-6"
   };
-  return /* @__PURE__ */ o(me, { children: [
+  return /* @__PURE__ */ o(he, { children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -368,12 +368,12 @@ function Ot({
     /* @__PURE__ */ o(
       "div",
       {
-        ref: S,
+        ref: E,
         tabIndex: -1,
         style: y,
         className: n(
           "fixed flex flex-col z-50 w-full rounded-2xl bg-white transition-transform duration-300 ease-in-out outline-none",
-          E[r],
+          F[r],
           M
         ),
         role: "dialog",
@@ -416,29 +416,30 @@ const Se = de(
     required: x = !1,
     value: k,
     onChange: g,
-    onFocus: S,
+    onFocus: E,
     onBlur: w,
     className: v,
     name: y,
-    maxLength: E = 250,
+    maxLength: F = 250,
     onClear: B,
     showClearButton: D = !1,
-    step: h,
-    autoComplete: F = "off"
+    step: m,
+    autoComplete: S = "off"
   }, P) => {
-    const [L, R] = V(!1), [m, C] = V(""), [$, z] = V(!1), O = k ?? m, I = r === "password", H = D && !!O && !M, q = l && u === "left", te = l && u === "right" || f || I, ee = te || H, K = () => {
-      R(!0), S?.();
-    }, ne = () => {
+    const [L, R] = V(!1), [h, C] = V(""), [$, z] = V(!1), O = k ?? h, I = r === "password", H = D && !!O && !M, q = l && u === "left", re = l && u === "right" || f || I, ee = re || H, K = () => {
+      R(!0), E?.();
+    }, le = () => {
       R(!1), w?.();
     }, p = (U) => {
-      k === void 0 && C(U.target.value), g?.(U);
+      let te = U.target.value;
+      r === "number" && F && te.length > F && (te = te.slice(0, F), U.target.value = te), k === void 0 && C(te), g?.(U);
     }, A = () => z((U) => !U), W = () => {
       k === void 0 && C(""), B?.();
     }, b = J(
       () => ({
         sm: {
           input: "h-9 text-sm",
-          padding: q && te ? "pl-7 pr-7" : q ? "pl-7 pr-2" : te ? "pl-2 pr-7" : "px-2",
+          padding: q && re ? "pl-7 pr-7" : q ? "pl-7 pr-2" : re ? "pl-2 pr-7" : "px-2",
           icon: "w-4 h-4",
           leftIcon: "left-2",
           rightIcon: "right-2",
@@ -447,7 +448,7 @@ const Se = de(
         },
         md: {
           input: "h-10 text-sm",
-          padding: q && te ? "pl-8 pr-8" : q ? "pl-8 pr-2" : te ? "pl-2 pr-8" : "px-4",
+          padding: q && re ? "pl-8 pr-8" : q ? "pl-8 pr-2" : re ? "pl-2 pr-8" : "px-4",
           icon: "w-4 h-4",
           leftIcon: "left-2",
           rightIcon: "right-2",
@@ -456,7 +457,7 @@ const Se = de(
         },
         base: {
           input: "h-12 text-base",
-          padding: q && te ? "pl-9 pr-9" : q ? "pl-9 pr-3" : te ? "pl-3 pr-9" : "px-4",
+          padding: q && re ? "pl-9 pr-9" : q ? "pl-9 pr-3" : re ? "pl-3 pr-9" : "px-4",
           icon: "w-5 h-5",
           leftIcon: "left-3",
           rightIcon: "right-3",
@@ -464,7 +465,7 @@ const Se = de(
           iconWrapper: "h-5"
         }
       }),
-      [q, te]
+      [q, re]
     ), Y = J(() => 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]), X = J(() => M ? "text-slate-400" : c ? "text-red-600" : L ? "text-black" : "text-slate-400", [c, L, M]);
     return /* @__PURE__ */ o("div", { className: n("w-full", v), children: [
       t && /* @__PURE__ */ o(
@@ -492,12 +493,12 @@ const Se = de(
             value: O,
             onChange: p,
             onFocus: K,
-            onBlur: ne,
+            onBlur: le,
             disabled: M,
             required: x,
-            autoComplete: F,
+            autoComplete: S,
             placeholder: a,
-            step: h,
+            step: m,
             className: n(
               "w-full border bg-white font-normal transition-all duration-300 ease-in-out outline-none",
               s === "base" ? "rounded-xl" : "rounded-lg",
@@ -507,7 +508,7 @@ const Se = de(
               b[s].padding,
               Y
             ),
-            maxLength: E
+            maxLength: F
           }
         ),
         q && /* @__PURE__ */ e(
@@ -568,7 +569,7 @@ const Se = de(
                   )
                 }
               ),
-              I && /* @__PURE__ */ o(me, { children: [
+              I && /* @__PURE__ */ o(he, { children: [
                 f && /* @__PURE__ */ e(
                   "div",
                   {
@@ -746,20 +747,20 @@ const Nt = {
     minDate: x,
     maxDate: k,
     error: g,
-    showClear: S = !0,
+    showClear: E = !0,
     allowManualInput: w = !0,
     locale: v = "uz",
     startView: y = "day",
-    iconPosition: E = "left",
+    iconPosition: F = "left",
     align: B = "auto"
   }, D) => {
-    const [h, F] = V(!1), [P, L] = V(
+    const [m, S] = V(!1), [P, L] = V(
       t === "range" ? [null, null] : null
-    ), [R, m] = V([null, null]), C = T((i) => {
+    ), [R, h] = V([null, null]), C = T((i) => {
       if (!i) return null;
       const d = new Date(i);
       return isNaN(d.getTime()) ? null : d;
-    }, []), [$, z] = V(/* @__PURE__ */ new Date()), [O, I] = V(y), [H, q] = V(0), [te, ee] = V(""), [K, ne] = V(B), p = ce(null), A = J(() => {
+    }, []), [$, z] = V(/* @__PURE__ */ new Date()), [O, I] = V(y), [H, q] = V(0), [re, ee] = V(""), [K, le] = V(B), p = ce(null), A = J(() => {
       const i = a !== void 0 ? a : P;
       if (t === "date") return C(i);
       const d = i;
@@ -785,41 +786,41 @@ const Nt = {
         return !!(x && d < b(x) || k && d > b(k));
       },
       [x, k, b]
-    ), ae = J(() => {
+    ), te = J(() => {
       if (t === "date") return Y(A);
       const [i, d] = A;
       return !i && !d ? "" : i && d ? `${Y(i)} - ${Y(d)}` : i ? `${Y(i)} - ...` : "...";
     }, [t, A, Y]);
-    re(() => {
-      h ? te === "" && ae !== "" && ee(ae) : ee(ae);
-    }, [ae, h]), re(() => {
-      if (h)
+    ne(() => {
+      m ? re === "" && te !== "" && ee(te) : ee(te);
+    }, [te, m]), ne(() => {
+      if (m)
         if (t === "range") {
           const i = A;
-          m(i), i[0] ? z(i[0]) : i[1] ? z(i[1]) : z(/* @__PURE__ */ new Date());
+          h(i), i[0] ? z(i[0]) : i[1] ? z(i[1]) : z(/* @__PURE__ */ new Date());
         } else {
           const i = A;
           z(i || /* @__PURE__ */ new Date());
         }
-    }, [h]), re(() => {
-      if (h && B === "auto" && p.current) {
+    }, [m]), ne(() => {
+      if (m && B === "auto" && p.current) {
         const i = p.current.getBoundingClientRect(), d = window.innerWidth - i.right, N = i.left;
-        d < 300 && N > 300 ? ne("right") : ne("left");
+        d < 300 && N > 300 ? le("right") : le("left");
       }
-    }, [h, B]);
+    }, [m, B]);
     const se = T(() => {
-      F(!1), I(y), q(0), ee(ae);
-    }, [y, ae]), pe = T((i) => {
-      u || (i.preventDefault(), i.stopPropagation(), F((d) => !d));
+      S(!1), I(y), q(0), ee(te);
+    }, [y, te]), pe = T((i) => {
+      u || (i.preventDefault(), i.stopPropagation(), S((d) => !d));
     }, [u]), { handleClick: j } = Fe(p, se), { handleEscape: oe } = De(se);
-    re(() => {
-      if (h)
+    ne(() => {
+      if (m)
         return document.addEventListener("mousedown", j), document.addEventListener("keydown", oe), () => {
           document.removeEventListener("mousedown", j), document.removeEventListener("keydown", oe);
         };
-    }, [h, j, oe]);
+    }, [m, j, oe]);
     const Te = () => {
-      u || h || (t === "range" || !w) && (F(!0), I(y));
+      u || m || (t === "range" || !w) && (S(!0), I(y));
     }, ze = (i) => {
       if (t !== "date") return;
       let N = i.target.value.replace(/\D/g, "");
@@ -831,7 +832,7 @@ const Nt = {
       } else _ === "" && (L(null), r?.(null));
     }, We = T(() => {
       const i = t === "range" ? [null, null] : null;
-      L(i), m([null, null]), r?.(i), ee("");
+      L(i), h([null, null]), r?.(i), ee("");
     }, [t, r]), Pe = T(
       (i) => {
         if (U(i)) return;
@@ -841,10 +842,10 @@ const Nt = {
         else {
           const [N, _] = R;
           if (!N && !_ || N && _)
-            m([d, null]), ee(`${Y(d)} - ...`);
+            h([d, null]), ee(`${Y(d)} - ...`);
           else if (N && !_) {
             const Z = d < N ? [d, N] : [N, d];
-            m(Z), L(Z), r?.(Z);
+            h(Z), L(Z), r?.(Z);
             const [G, ie] = Z;
             ee(`${Y(G)} - ${Y(ie)}`), se();
           }
@@ -863,10 +864,10 @@ const Nt = {
       z((d) => new Date(d.getFullYear() + i, d.getMonth(), 1));
     }, Ve = T((i) => {
       const d = i.getFullYear(), N = i.getMonth(), _ = new Date(d, N, 1).getDay(), Z = new Date(d, N + 1, 0).getDate(), G = [];
-      for (let le = _; le > 0; le--) G.push({ date: new Date(d, N, 1 - le), isCurrentMonth: !1 });
-      for (let le = 1; le <= Z; le++) G.push({ date: new Date(d, N, le), isCurrentMonth: !0 });
+      for (let ae = _; ae > 0; ae--) G.push({ date: new Date(d, N, 1 - ae), isCurrentMonth: !1 });
+      for (let ae = 1; ae <= Z; ae++) G.push({ date: new Date(d, N, ae), isCurrentMonth: !0 });
       const ie = 42 - G.length;
-      for (let le = 1; le <= ie; le++) G.push({ date: new Date(d, N + 1, le), isCurrentMonth: !1 });
+      for (let ae = 1; ae <= ie; ae++) G.push({ date: new Date(d, N + 1, ae), isCurrentMonth: !1 });
       return G;
     }, []), ge = T((i, d) => b(i).getTime() === b(d).getTime(), [b]), _e = (i) => {
       const d = b(i);
@@ -885,7 +886,7 @@ const Nt = {
       const _ = Ve(i);
       return /* @__PURE__ */ o("div", { className: "w-[300px] p-2 select-none", children: [
         /* @__PURE__ */ o("div", { className: "flex items-center justify-between mb-4 py-1", children: [
-          /* @__PURE__ */ e("div", { className: "flex gap-2 w-16", children: d && /* @__PURE__ */ o(me, { children: [
+          /* @__PURE__ */ e("div", { className: "flex gap-2 w-16", children: d && /* @__PURE__ */ o(he, { children: [
             /* @__PURE__ */ e("button", { onClick: () => be(-1), type: "button", className: "hover:bg-slate-100 p-1 rounded transition-colors text-slate-500", children: /* @__PURE__ */ e(Ge, { size: 18 }) }),
             /* @__PURE__ */ e("button", { onClick: () => Ee(-1), type: "button", className: "hover:bg-slate-100 p-1 rounded transition-colors text-slate-500", children: /* @__PURE__ */ e(ve, { size: 18 }) })
           ] }) }),
@@ -893,22 +894,22 @@ const Nt = {
             /* @__PURE__ */ e("span", { className: "cursor-pointer hover:text-blue-600 transition-colors p-1 rounded hover:bg-slate-50", onClick: () => I("month"), children: W.months[i.getMonth()] }),
             /* @__PURE__ */ e("span", { className: "cursor-pointer hover:text-blue-600 transition-colors p-1 rounded hover:bg-slate-50", onClick: () => I("year"), children: i.getFullYear() })
           ] }),
-          /* @__PURE__ */ e("div", { className: "flex gap-2 w-16 justify-end", children: N && /* @__PURE__ */ o(me, { children: [
-            /* @__PURE__ */ e("button", { onClick: () => Ee(1), type: "button", className: "hover:bg-slate-100 p-1 rounded transition-colors text-slate-500", children: /* @__PURE__ */ e(he, { size: 18 }) }),
+          /* @__PURE__ */ e("div", { className: "flex gap-2 w-16 justify-end", children: N && /* @__PURE__ */ o(he, { children: [
+            /* @__PURE__ */ e("button", { onClick: () => Ee(1), type: "button", className: "hover:bg-slate-100 p-1 rounded transition-colors text-slate-500", children: /* @__PURE__ */ e(me, { size: 18 }) }),
             /* @__PURE__ */ e("button", { onClick: () => be(1), type: "button", className: "hover:bg-slate-100 p-1 rounded transition-colors text-slate-500", children: /* @__PURE__ */ e(Qe, { size: 18 }) })
           ] }) })
         ] }),
         /* @__PURE__ */ e("div", { className: "grid grid-cols-7 mb-1 text-center text-[11px] font-bold text-blue-600 uppercase", children: W.weekdaysShort.map((Z) => /* @__PURE__ */ e("div", { className: "py-1", children: Z }, Z)) }),
         /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-y-1 relative", children: _.map((Z, G) => {
-          const ie = Z.date, le = U(ie), xe = _e(ie), we = Ze(ie), Je = Oe(ie);
-          return /* @__PURE__ */ e("div", { className: n("h-10 flex items-center justify-center relative", Je && "bg-blue-50", xe && t === "range" && we ? "bg-blue-50 rounded-full" : xe && t === "range" ? "bg-gradient-to-r from-transparent to-blue-50 rounded-l-full" : "", we && t === "range" ? "bg-gradient-to-l from-transparent to-blue-50 rounded-r-full" : ""), children: /* @__PURE__ */ e("button", { type: "button", onClick: () => Pe(ie), disabled: le, className: n("w-9 h-9 cursor-pointer rounded-full flex items-center justify-center text-sm font-medium transition-all z-10", Z.isCurrentMonth ? "text-slate-700" : "text-slate-300", le && "opacity-20 cursor-not-allowed", xe || we ? "bg-blue-600 text-white shadow-md shadow-blue-200 hover:bg-blue-700" : "hover:bg-blue-50", ge(ie, /* @__PURE__ */ new Date()) && !xe && !we && "text-blue-600 border border-blue-600"), children: ie.getDate() }) }, G);
+          const ie = Z.date, ae = U(ie), xe = _e(ie), we = Ze(ie), Je = Oe(ie);
+          return /* @__PURE__ */ e("div", { className: n("h-10 flex items-center justify-center relative", Je && "bg-blue-50", xe && t === "range" && we ? "bg-blue-50 rounded-full" : xe && t === "range" ? "bg-gradient-to-r from-transparent to-blue-50 rounded-l-full" : "", we && t === "range" ? "bg-gradient-to-l from-transparent to-blue-50 rounded-r-full" : ""), children: /* @__PURE__ */ e("button", { type: "button", onClick: () => Pe(ie), disabled: ae, className: n("w-9 h-9 cursor-pointer rounded-full flex items-center justify-center text-sm font-medium transition-all z-10", Z.isCurrentMonth ? "text-slate-700" : "text-slate-300", ae && "opacity-20 cursor-not-allowed", xe || we ? "bg-blue-600 text-white shadow-md shadow-blue-200 hover:bg-blue-700" : "hover:bg-blue-50", ge(ie, /* @__PURE__ */ new Date()) && !xe && !we && "text-blue-600 border border-blue-600"), children: ie.getDate() }) }, G);
         }) })
       ] });
     }, qe = () => /* @__PURE__ */ o("div", { className: "w-[300px] p-3", children: [
       /* @__PURE__ */ o("div", { className: "flex justify-between items-center mb-4 px-2", children: [
         /* @__PURE__ */ e("button", { type: "button", onClick: () => be(-1), className: "p-1 hover:bg-slate-100 rounded text-slate-500", children: /* @__PURE__ */ e(ve, { size: 20 }) }),
         /* @__PURE__ */ e("span", { className: "font-bold text-slate-800", children: $.getFullYear() }),
-        /* @__PURE__ */ e("button", { type: "button", onClick: () => be(1), className: "p-1 hover:bg-slate-100 rounded text-slate-500", children: /* @__PURE__ */ e(he, { size: 20 }) })
+        /* @__PURE__ */ e("button", { type: "button", onClick: () => be(1), className: "p-1 hover:bg-slate-100 rounded text-slate-500", children: /* @__PURE__ */ e(me, { size: 20 }) })
       ] }),
       /* @__PURE__ */ e("div", { className: "grid grid-cols-3 gap-2", children: W.monthsShort.map((i, d) => /* @__PURE__ */ e("button", { type: "button", onClick: () => Be(d), className: n("hover:cursor-pointer py-3 rounded-lg text-sm font-semibold transition-colors", $.getMonth() === d ? "bg-blue-600 text-white" : "hover:bg-blue-50 text-slate-600"), children: i }, i)) })
     ] }), Ue = () => {
@@ -921,7 +922,7 @@ const Nt = {
             " - ",
             d[11]
           ] }),
-          /* @__PURE__ */ e("button", { type: "button", onClick: () => q((N) => N + 1), className: "p-1 hover:bg-slate-100 rounded text-slate-500", children: /* @__PURE__ */ e(he, { size: 20 }) })
+          /* @__PURE__ */ e("button", { type: "button", onClick: () => q((N) => N + 1), className: "p-1 hover:bg-slate-100 rounded text-slate-500", children: /* @__PURE__ */ e(me, { size: 20 }) })
         ] }),
         /* @__PURE__ */ e("div", { className: "grid grid-cols-3 gap-2", children: d.map((N) => /* @__PURE__ */ e("button", { type: "button", onClick: () => Ye(N), className: n("hover:cursor-pointer py-3 rounded-lg text-sm font-semibold transition-colors", $.getFullYear() === N ? "bg-blue-600 text-white" : "hover:bg-blue-50 text-slate-600"), children: N }, N)) })
       ] });
@@ -942,21 +943,21 @@ const Nt = {
         {
           label: f,
           placeholder: Array.isArray(l) ? l[0] : l,
-          value: te,
+          value: re,
           onChange: ze,
-          icon: E === "left" ? Ae : void 0,
-          rightIcon: E === "right" ? Ae : void 0,
+          icon: F === "left" ? Ae : void 0,
+          rightIcon: F === "right" ? Ae : void 0,
           disabled: u,
           required: s,
           error: g,
           maxLength: t === "date" ? 10 : void 0,
           onFocus: Te,
           readOnly: !w || t === "range",
-          showClearButton: S,
+          showClearButton: E,
           onClear: We
         }
       ) }),
-      h && /* @__PURE__ */ e(
+      m && /* @__PURE__ */ e(
         "div",
         {
           className: n(
@@ -968,7 +969,7 @@ const Nt = {
           ),
           style: { width: "max-content" },
           onMouseDown: (i) => i.stopPropagation(),
-          children: O === "day" ? /* @__PURE__ */ o(me, { children: [
+          children: O === "day" ? /* @__PURE__ */ o(he, { children: [
             Le($, !0, t !== "range"),
             t === "range" && /* @__PURE__ */ e("div", { className: "hidden md:block border-l border-slate-100", children: Le(new Date($.getFullYear(), $.getMonth() + 1, 1), !1, !0) })
           ] }) : O === "month" ? qe() : Ue()
@@ -1026,74 +1027,74 @@ const Ct = {
     value: x,
     onChange: k,
     onFocus: g,
-    onBlur: S,
+    onBlur: E,
     className: w,
     clearable: v = !1,
     searchable: y = !1,
-    onSearch: E,
+    onSearch: F,
     name: B
   }, D) => {
-    const [h, F] = V(!1), [P, L] = V(!1), [R, m] = V(""), [C, $] = V(""), [z, O] = V(-1), I = ce(null), H = ce(null), q = x !== void 0 ? x : R, te = r.find((j) => j.value === q), ee = q !== "" && q !== void 0, K = Ct[u], ne = J(() => {
-      if (!y || E) return r;
+    const [m, S] = V(!1), [P, L] = V(!1), [R, h] = V(""), [C, $] = V(""), [z, O] = V(-1), I = ce(null), H = ce(null), q = x !== void 0 ? x : R, re = r.find((j) => j.value === q), ee = q !== "" && q !== void 0, K = Ct[u], le = J(() => {
+      if (!y || F) return r;
       const j = C.toLowerCase();
       return r.filter(
         (oe) => oe.label.toLowerCase().includes(j)
       );
-    }, [r, C, y, E]), p = T(() => {
-      F(!1), L(!1), $(""), O(-1), S?.();
-    }, [S]), { handleClick: A } = Fe(I, p), { handleEscape: W } = De(p);
-    re(() => {
-      if (h)
+    }, [r, C, y, F]), p = T(() => {
+      S(!1), L(!1), $(""), O(-1), E?.();
+    }, [E]), { handleClick: A } = Fe(I, p), { handleEscape: W } = De(p);
+    ne(() => {
+      if (m)
         return document.addEventListener("mousedown", A), document.addEventListener("keydown", W), () => {
           document.removeEventListener("mousedown", A), document.removeEventListener("keydown", W);
         };
-    }, [h, A, W]), re(() => {
-      h && y && H.current && H.current.focus();
-    }, [h, y]);
+    }, [m, A, W]), ne(() => {
+      m && y && H.current && H.current.focus();
+    }, [m, y]);
     const b = T(
       (j) => {
         if (!c) {
-          if (!h && (j.key === "ArrowDown" || j.key === "ArrowUp" || j.key === "Enter")) {
-            j.preventDefault(), F(!0);
+          if (!m && (j.key === "ArrowDown" || j.key === "ArrowUp" || j.key === "Enter")) {
+            j.preventDefault(), S(!0);
             return;
           }
-          if (h)
+          if (m)
             switch (j.key) {
               case "ArrowDown":
                 j.preventDefault(), O(
-                  (oe) => oe < ne.length - 1 ? oe + 1 : 0
+                  (oe) => oe < le.length - 1 ? oe + 1 : 0
                 );
                 break;
               case "ArrowUp":
                 j.preventDefault(), O(
-                  (oe) => oe > 0 ? oe - 1 : ne.length - 1
+                  (oe) => oe > 0 ? oe - 1 : le.length - 1
                 );
                 break;
               case "Enter":
-                j.preventDefault(), z >= 0 && ne[z] && X(ne[z].value);
+                j.preventDefault(), z >= 0 && le[z] && X(le[z].value);
                 break;
             }
         }
       },
-      [h, ne, z, c]
+      [m, le, z, c]
     ), Y = T(() => {
-      c || (F((j) => !j), h ? ($(""), O(-1)) : (L(!0), g?.()));
-    }, [c, h, g]), X = T(
+      c || (S((j) => !j), m ? ($(""), O(-1)) : (L(!0), g?.()));
+    }, [c, m, g]), X = T(
       (j) => {
-        x === void 0 && m(j), k?.(j), F(!1), L(!1), $(""), O(-1), S?.();
+        x === void 0 && h(j), k?.(j), S(!1), L(!1), $(""), O(-1), E?.();
       },
-      [x, k, S]
+      [x, k, E]
     ), U = T(
       (j) => {
-        j.stopPropagation(), !c && (x === void 0 && m(""), k?.(""), $(""), O(-1));
+        j.stopPropagation(), !c && (x === void 0 && h(""), k?.(""), $(""), O(-1));
       },
       [x, k, c]
-    ), ae = T(
+    ), te = T(
       (j) => {
-        $(j), E?.(j), O(0);
+        $(j), F?.(j), O(0);
       },
-      [E]
-    ), se = J(() => 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]), pe = J(() => c ? "text-slate-400" : s ? "text-red-600" : h || P ? "text-black" : "text-slate-400", [c, s, h, P]);
+      [F]
+    ), se = J(() => 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]), pe = J(() => c ? "text-slate-400" : s ? "text-red-600" : m || P ? "text-black" : "text-slate-400", [c, s, m, P]);
     return /* @__PURE__ */ o("div", { className: n("w-full", w), ref: D, children: [
       t && /* @__PURE__ */ o(
         "label",
@@ -1121,7 +1122,7 @@ const Ct = {
               "div",
               {
                 role: "combobox",
-                "aria-expanded": h,
+                "aria-expanded": m,
                 "aria-haspopup": "listbox",
                 "aria-controls": `${B}-listbox`,
                 "aria-disabled": c,
@@ -1147,13 +1148,13 @@ const Ct = {
                       children: l
                     }
                   ),
-                  y && h ? /* @__PURE__ */ e(
+                  y && m ? /* @__PURE__ */ e(
                     "input",
                     {
                       ref: H,
                       type: "text",
                       value: C,
-                      onChange: (j) => ae(j.target.value),
+                      onChange: (j) => te(j.target.value),
                       placeholder: a,
                       className: "w-full bg-transparent outline-none",
                       onClick: (j) => j.stopPropagation()
@@ -1165,7 +1166,7 @@ const Ct = {
                         "block truncate select-none",
                         !ee && !c && "text-slate-400"
                       ),
-                      children: te?.label || a
+                      children: re?.label || a
                     }
                   ),
                   v && ee && !c && /* @__PURE__ */ e(
@@ -1186,7 +1187,7 @@ const Ct = {
                     {
                       className: n(
                         "absolute top-1/2 right-3 -translate-y-1/2 pointer-events-none transition-all duration-300",
-                        h && "rotate-180",
+                        m && "rotate-180",
                         pe
                       ),
                       children: /* @__PURE__ */ e(Me, { className: K.iconSize })
@@ -1195,7 +1196,7 @@ const Ct = {
                 ]
               }
             ),
-            h && !c && /* @__PURE__ */ e(
+            m && !c && /* @__PURE__ */ e(
               "div",
               {
                 id: `${B}-listbox`,
@@ -1204,7 +1205,7 @@ const Ct = {
                   "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: ne.length === 0 ? /* @__PURE__ */ e("div", { className: "px-3 py-2 text-center text-base font-normal text-slate-500", children: "Ничего не найдено" }) : ne.map((j) => /* @__PURE__ */ e(
+                children: le.length === 0 ? /* @__PURE__ */ e("div", { className: "px-3 py-2 text-center text-base font-normal text-slate-500", children: "Ничего не найдено" }) : le.map((j) => /* @__PURE__ */ e(
                   "div",
                   {
                     role: "option",
@@ -1242,43 +1243,43 @@ function qt({
   rowKey: k = "id",
   rowSelection: g
 }) {
-  const [S, w] = V(
+  const [E, w] = V(
     null
-  ), v = u ?? S, y = J(() => Array.isArray(a) ? a : [], [a]), E = J(() => !v || u ? y : [...y].sort((m, C) => {
-    const $ = m[v.key], z = C[v.key];
+  ), v = u ?? E, y = J(() => Array.isArray(a) ? a : [], [a]), F = J(() => !v || u ? y : [...y].sort((h, C) => {
+    const $ = h[v.key], z = C[v.key];
     return $ == null ? 1 : z == null ? -1 : $ < z ? v.direction === "asc" ? -1 : 1 : $ > z ? v.direction === "asc" ? 1 : -1 : 0;
-  }), [y, v, u]), B = (m) => {
-    if (!m.sortable) return;
+  }), [y, v, u]), B = (h) => {
+    if (!h.sortable) return;
     let C = null;
-    v?.key !== m.key ? C = { key: m.key, direction: "asc" } : v.direction === "asc" && (C = { key: m.key, direction: "desc" }), u !== void 0 ? s?.(C) : w(C);
+    v?.key !== h.key ? C = { key: h.key, direction: "asc" } : v.direction === "asc" && (C = { key: h.key, direction: "desc" }), u !== void 0 ? s?.(C) : w(C);
   };
-  re(() => {
+  ne(() => {
     u !== void 0 && w(null);
   }, [u]);
-  const D = r ? [] : u ? y : E, h = (m) => {
+  const D = r ? [] : u ? y : F, m = (h) => {
     if (!g) return;
     const { onChange: C, getCheckboxProps: $ } = g;
-    if (m.target.checked) {
+    if (h.target.checked) {
       const I = D.filter((H) => !$?.(H)?.disabled).map((H) => H[k]);
       C(I);
     } else
       C([]);
-  }, F = (m, C) => {
+  }, S = (h, C) => {
     if (!g) return;
-    const { selectedRowKeys: $, onChange: z } = g, O = m[k];
+    const { selectedRowKeys: $, onChange: z } = g, O = h[k];
     let I;
     C ? I = [...$, O] : I = $.filter((H) => H !== O), z(I);
   }, P = J(() => {
     if (!g || D.length === 0) return !1;
-    const m = D.filter(
+    const h = D.filter(
       (C) => !g.getCheckboxProps?.(C)?.disabled
     );
-    return m.length === 0 ? !1 : m.every(
+    return h.length === 0 ? !1 : h.every(
       (C) => g.selectedRowKeys.includes(C[k])
     );
-  }, [g, D, k]), L = (m) => m.sortable ? !v || v.key !== m.key ? /* @__PURE__ */ e(tt, { weight: "Linear", size: 20, className: "text-slate-base" }) : v.direction === "asc" ? /* @__PURE__ */ e(rt, { weight: "Linear", size: 20, className: "text-slate-base" }) : /* @__PURE__ */ e(nt, { weight: "Linear", size: 20, className: "text-slate-base" }) : null, R = () => /* @__PURE__ */ o("colgroup", { children: [
+  }, [g, D, k]), L = (h) => h.sortable ? !v || v.key !== h.key ? /* @__PURE__ */ e(tt, { weight: "Linear", size: 20, className: "text-slate-base" }) : v.direction === "asc" ? /* @__PURE__ */ e(rt, { weight: "Linear", size: 20, className: "text-slate-base" }) : /* @__PURE__ */ e(nt, { weight: "Linear", size: 20, className: "text-slate-base" }) : null, R = () => /* @__PURE__ */ o("colgroup", { children: [
     g && /* @__PURE__ */ e("col", { style: { width: 48 } }),
-    t.map((m, C) => /* @__PURE__ */ e("col", { style: { width: m.width || "auto" } }, C))
+    t.map((h, C) => /* @__PURE__ */ e("col", { style: { width: h.width || "auto" } }, C))
   ] });
   return /* @__PURE__ */ e(
     "div",
@@ -1304,34 +1305,34 @@ function qt({
               Ce,
               {
                 checked: P,
-                onChange: h,
+                onChange: m,
                 variant: "yellow",
                 disabled: r || D.length === 0
               }
             ) }) }),
-            t?.map((m, C) => /* @__PURE__ */ e(
+            t?.map((h, C) => /* @__PURE__ */ e(
               "th",
               {
-                onClick: () => B(m),
+                onClick: () => B(h),
                 className: n(
                   "px-4 py-3 text-left text-sm font-medium text-slate-700 transition-colors",
-                  m.align === "center" && "text-center",
-                  m.align === "right" && "text-right",
-                  m.sortable && "cursor-pointer hover:bg-slate-200",
+                  h.align === "center" && "text-center",
+                  h.align === "right" && "text-right",
+                  h.sortable && "cursor-pointer hover:bg-slate-200",
                   M
                 ),
                 children: /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate", title: m.title, children: m.title }),
-                  L(m)
+                  /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate", title: h.title, children: h.title }),
+                  L(h)
                 ] })
               },
               C
             ))
           ] }) })
         ] }) }),
-        /* @__PURE__ */ e("div", { className: "rounded-xl border border-t-0 border-slate-200 bg-white", children: /* @__PURE__ */ o("table", { className: "w-full table-fixed", children: [
+        /* @__PURE__ */ e("div", { className: "rounded-xl border border-t-0 border-slate-200 bg-white overflow-hidden", children: /* @__PURE__ */ o("table", { className: "w-full table-fixed", children: [
           R(),
-          /* @__PURE__ */ e("tbody", { className: "divide-y divide-slate-200", children: r ? Array.from({ length: l }).map((m, C) => /* @__PURE__ */ o("tr", { children: [
+          /* @__PURE__ */ e("tbody", { className: "divide-y divide-slate-200", children: r ? Array.from({ length: l }).map((h, C) => /* @__PURE__ */ o("tr", { children: [
             g && /* @__PURE__ */ e("td", { className: "w-12 px-4 py-3", children: /* @__PURE__ */ e(je, { height: 20, width: 20, variant: "rounded" }) }),
             t?.map(($, z) => /* @__PURE__ */ e("td", { className: "px-4 py-3", children: /* @__PURE__ */ e(je, { height: 30, variant: "rounded" }) }, z))
           ] }, C)) : D.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: t.length + (g ? 1 : 0), className: "py-20", children: /* @__PURE__ */ o("div", { className: "flex flex-col items-center justify-center", children: [
@@ -1344,8 +1345,8 @@ function qt({
               }
             ) }),
             /* @__PURE__ */ e("p", { className: "text-sm font-medium text-slate-400", children: f })
-          ] }) }) }) : D.map((m, C) => {
-            const $ = m[k], z = g?.selectedRowKeys.includes($), O = g?.getCheckboxProps?.(m)?.disabled;
+          ] }) }) }) : D.map((h, C) => {
+            const $ = h[k], z = g?.selectedRowKeys.includes($), O = g?.getCheckboxProps?.(h)?.disabled;
             return /* @__PURE__ */ o(
               "tr",
               {
@@ -1357,11 +1358,11 @@ function qt({
                       checked: z,
                       disabled: O,
                       variant: "yellow",
-                      onChange: (I) => F(m, I.target.checked)
+                      onChange: (I) => S(h, I.target.checked)
                     }
                   ) }) }),
                   t?.map((I, H) => {
-                    const q = m[I.key];
+                    const q = h[I.key];
                     return /* @__PURE__ */ e(
                       "td",
                       {
@@ -1377,7 +1378,7 @@ function qt({
                           {
                             className: "min-w-0 break-words whitespace-normal",
                             style: { overflowWrap: "break-word" },
-                            children: I.render ? I.render(q, m) : String(q ?? "-")
+                            children: I.render ? I.render(q, h) : String(q ?? "-")
                           }
                         )
                       },
@@ -1468,11 +1469,11 @@ const Dt = {
   onFilesChange: x,
   onUpload: k,
   showPreview: g = !0,
-  locale: S = "uz",
+  locale: E = "uz",
   showFileTypeIcon: w = !0,
   customValidator: v
 }) => {
-  const [y, E] = V([]), [B, D] = V(!1), [h, F] = V(!1), P = ce(null), L = Dt[S], R = (p) => {
+  const [y, F] = V([]), [B, D] = V(!1), [m, S] = V(!1), P = ce(null), L = Dt[E], R = (p) => {
     switch (p.type.split("/")[0]) {
       case "image":
         return /* @__PURE__ */ e(it, { className: "h-5 w-5 text-blue-500" });
@@ -1483,7 +1484,7 @@ const Dt = {
       default:
         return p.type.includes("pdf") ? /* @__PURE__ */ e(Ne, { className: "h-5 w-5 text-red-500" }) : p.type.includes("word") || p.type.includes("document") ? /* @__PURE__ */ e(Ne, { className: "h-5 w-5 text-blue-600" }) : p.type.includes("excel") || p.type.includes("spreadsheet") ? /* @__PURE__ */ e(Ne, { className: "h-5 w-5 text-green-600" }) : /* @__PURE__ */ e(at, { className: "h-5 w-5 text-gray-500" });
     }
-  }, m = (p) => {
+  }, h = (p) => {
     if (p === 0) return "0 Bytes";
     const A = 1024, W = ["Bytes", "KB", "MB", "GB"], b = Math.floor(Math.log(p) / Math.log(A));
     return parseFloat((p / Math.pow(A, b)).toFixed(2)) + " " + W[b];
@@ -1519,9 +1520,9 @@ const Dt = {
           continue;
         }
         if (v) {
-          const ae = v(b);
-          if (ae) {
-            alert(ae);
+          const te = v(b);
+          if (te) {
+            alert(te);
             continue;
           }
         }
@@ -1536,14 +1537,14 @@ const Dt = {
       }
       if (W.length > 0) {
         const b = t ? [...y, ...W] : W;
-        if (E(b), x?.(b.map((Y) => Y.file)), k) {
-          F(!0);
+        if (F(b), x?.(b.map((Y) => Y.file)), k) {
+          S(!0);
           try {
             const Y = b.map((X, U) => ({
               ...X,
               progress: Math.min(100, (U + 1) / b.length * 100)
             }));
-            E(Y), await k(Y), E(
+            F(Y), await k(Y), F(
               (X) => X.map((U) => ({
                 ...U,
                 status: "success",
@@ -1551,7 +1552,7 @@ const Dt = {
               }))
             );
           } catch (Y) {
-            E(
+            F(
               (X) => X.map((U) => ({
                 ...U,
                 status: "error",
@@ -1559,7 +1560,7 @@ const Dt = {
               }))
             );
           } finally {
-            F(!1);
+            S(!1);
           }
         }
       }
@@ -1590,7 +1591,7 @@ const Dt = {
       A.length > 0 && O(A);
     },
     [f, O]
-  ), te = T(
+  ), re = T(
     (p) => {
       const A = p.target.files;
       A && A.length > 0 && (O(A), P.current && (P.current.value = ""));
@@ -1598,15 +1599,15 @@ const Dt = {
     [O]
   ), ee = T(
     (p) => {
-      E((A) => {
+      F((A) => {
         const W = A.filter((b) => b.id !== p);
         return x?.(W.map((b) => b.file)), W;
       });
     },
     [x]
   ), K = T(() => {
-    E([]), x?.([]);
-  }, [x]), ne = T(() => {
+    F([]), x?.([]);
+  }, [x]), le = T(() => {
     P.current?.click();
   }, []);
   return /* @__PURE__ */ o("div", { className: n("w-full", M), children: [
@@ -1633,7 +1634,7 @@ const Dt = {
         onDragOver: I,
         onDragLeave: H,
         onDrop: q,
-        onClick: ne,
+        onClick: le,
         children: [
           /* @__PURE__ */ e(
             "input",
@@ -1642,7 +1643,7 @@ const Dt = {
               type: "file",
               multiple: t,
               accept: a,
-              onChange: te,
+              onChange: re,
               disabled: f,
               className: "hidden"
             }
@@ -1685,7 +1686,7 @@ const Dt = {
           {
             type: "button",
             onClick: K,
-            disabled: f || h,
+            disabled: f || m,
             className: "text-sm text-red-600 disabled:opacity-50",
             children: L.clearAll
           }
@@ -1711,7 +1712,7 @@ const Dt = {
               /* @__PURE__ */ o("div", { className: "min-w-0 flex-1", children: [
                 /* @__PURE__ */ e("p", { className: "truncate text-sm font-medium text-slate-700", children: p.file.name }),
                 /* @__PURE__ */ o("div", { className: "flex items-center space-x-2 text-sm text-slate-400", children: [
-                  /* @__PURE__ */ e("span", { children: m(p.file.size) }),
+                  /* @__PURE__ */ e("span", { children: h(p.file.size) }),
                   p.status === "uploading" && /* @__PURE__ */ o("span", { className: "flex items-center", children: [
                     /* @__PURE__ */ e(Re, { className: "h-5 w-5 mr-1 animate-spin" }),
                     L.uploading
@@ -1741,7 +1742,7 @@ const Dt = {
                 onClick: (A) => {
                   A.stopPropagation(), ee(p.id);
                 },
-                disabled: f || h,
+                disabled: f || m,
                 className: "text-slate-base transition-colors active:rotate-180 hover:cursor-pointer disabled:opacity-50",
                 children: /* @__PURE__ */ e(ue, { className: "h-6 w-6" })
               }
@@ -1765,11 +1766,11 @@ function Jt({
   handleClickOutside: c = !1
 }) {
   const M = ce(null), { handleEscape: x } = De(() => a(!1));
-  re(() => (t ? (document.addEventListener("keydown", x), document.body.style.overflow = "hidden") : document.body.style.overflow = "unset", () => document.removeEventListener("keydown", x)), [t, x]);
+  ne(() => (t ? (document.addEventListener("keydown", x), document.body.style.overflow = "hidden") : document.body.style.overflow = "unset", () => document.removeEventListener("keydown", x)), [t, x]);
   const { handleClick: k } = Fe(M, () => {
     c && a(!1);
   });
-  return re(() => (t && c && document.addEventListener("mousedown", k), () => document.removeEventListener("mousedown", k)), [t, k, c]), /* @__PURE__ */ e(
+  return ne(() => (t && c && document.addEventListener("mousedown", k), () => document.removeEventListener("mousedown", k)), [t, k, c]), /* @__PURE__ */ e(
     "div",
     {
       className: n(
@@ -1821,16 +1822,16 @@ function Ht({
   size: x = "large",
   paginationClassName: k
 }) {
-  const g = Number.isFinite(t) && t > 0 ? t : 0, S = Number.isFinite(r) && r > 0 ? r : 10, w = Math.max(1, Number.isFinite(a) ? a : 1), v = Math.ceil(g / S);
+  const g = Number.isFinite(t) && t > 0 ? t : 0, E = Number.isFinite(r) && r > 0 ? r : 10, w = Math.max(1, Number.isFinite(a) ? a : 1), v = Math.ceil(g / E);
   if (v <= 1 || g === 0) return null;
-  const E = (() => {
-    const h = [], F = u * 2 + 5;
-    if (v <= F)
-      return Array.from({ length: v }, (R, m) => m + 1);
+  const F = (() => {
+    const m = [], S = u * 2 + 5;
+    if (v <= S)
+      return Array.from({ length: v }, (R, h) => h + 1);
     const P = Math.max(w - u, 2), L = Math.min(w + u, v - 1);
-    h.push(1), P > 2 && h.push("...");
-    for (let R = P; R <= L; R++) h.push(R);
-    return L < v - 1 && h.push("..."), v > 1 && h.push(v), h;
+    m.push(1), P > 2 && m.push("...");
+    for (let R = P; R <= L; R++) m.push(R);
+    return L < v - 1 && m.push("..."), v > 1 && m.push(v), m;
   })(), B = {
     medium: "h-9 text-sm",
     large: "h-10 text-base"
@@ -1864,14 +1865,14 @@ function Ht({
         /* @__PURE__ */ e(
           "select",
           {
-            value: S,
-            onChange: (h) => f(Number(h.target.value)),
+            value: E,
+            onChange: (m) => f(Number(m.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",
               x === "large" ? "h-10" : "h-9"
             ),
             "aria-label": "Количество строк на странице",
-            children: s.map((h) => /* @__PURE__ */ e("option", { value: h, children: h }, h))
+            children: s.map((m) => /* @__PURE__ */ e("option", { value: m, children: m }, m))
           }
         ),
         /* @__PURE__ */ e(
@@ -1899,8 +1900,8 @@ function Ht({
           children: /* @__PURE__ */ e(ve, { weight: "Linear", size: 20 })
         }
       ),
-      /* @__PURE__ */ e("div", { className: "flex items-center gap-1", children: E.map((h, F) => {
-        if (h === "...")
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-1", children: F.map((m, S) => {
+        if (m === "...")
           return /* @__PURE__ */ e(
             "span",
             {
@@ -1908,23 +1909,23 @@ function Ht({
               "aria-hidden": "true",
               children: /* @__PURE__ */ e(ct, { weight: "Bold", size: 20 })
             },
-            F
+            S
           );
-        const P = h === w;
+        const P = m === w;
         return /* @__PURE__ */ e(
           "button",
           {
-            onClick: () => l(h),
-            "aria-label": `Страница ${h}${P ? ", текущая" : ""}`,
+            onClick: () => l(m),
+            "aria-label": `Страница ${m}${P ? ", текущая" : ""}`,
             "aria-current": P ? "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,
               P ? D.active : D.inactive
             ),
-            children: h
+            children: m
           },
-          F
+          S
         );
       }) }),
       /* @__PURE__ */ e(
@@ -1938,7 +1939,7 @@ function Ht({
             B,
             w === v ? n("cursor-not-allowed opacity-50", D.disabled) : n("hover:cursor-pointer", D.arrow, "border-slate-200")
           ),
-          children: /* @__PURE__ */ e(he, { size: 20, weight: "Linear" })
+          children: /* @__PURE__ */ e(me, { size: 20, weight: "Linear" })
         }
       )
     ] })
@@ -1978,13 +1979,13 @@ function Kt({
   extra: s,
   onChange: c
 }) {
-  const [M, x] = V(a || t[0]?.id), [k, g] = V({}), S = ce([]), w = () => {
+  const [M, x] = V(a || t[0]?.id), [k, g] = V({}), E = ce([]), w = () => {
     requestAnimationFrame(() => {
-      const D = t.findIndex((F) => F?.id === M), h = S.current[D];
-      if (h) {
-        const { offsetLeft: F, offsetTop: P, offsetWidth: L, offsetHeight: R } = h;
+      const D = t.findIndex((S) => S?.id === M), m = E.current[D];
+      if (m) {
+        const { offsetLeft: S, offsetTop: P, offsetWidth: L, offsetHeight: R } = m;
         g({
-          left: `${F}px`,
+          left: `${S}px`,
           top: `${P}px`,
           width: `${L}px`,
           height: `${R}px`,
@@ -1993,15 +1994,15 @@ function Kt({
       }
     });
   };
-  re(() => (w(), window.addEventListener("resize", w), "fonts" in document && document.fonts.ready.then(w), () => window.removeEventListener("resize", w)), [M, r, t]), re(() => {
-    S.current = S.current.slice(0, t.length);
+  ne(() => (w(), window.addEventListener("resize", w), "fonts" in document && document.fonts.ready.then(w), () => window.removeEventListener("resize", w)), [M, r, t]), ne(() => {
+    E.current = E.current.slice(0, t.length);
   }, [t]);
   const v = r === "left" || r === "right", y = {
     top: "flex-col",
     bottom: "flex-col-reverse",
     left: "flex-row",
     right: "flex-row-reverse"
-  }, E = {
+  }, F = {
     top: "flex-row",
     bottom: "flex-row",
     left: "flex-col",
@@ -2022,7 +2023,7 @@ function Kt({
         {
           className: n(
             "relative flex rounded-xl bg-slate-100 p-1",
-            E[r],
+            F[r],
             v ? "min-w-48" : "",
             f
           ),
@@ -2037,13 +2038,13 @@ function Kt({
                 style: k
               }
             ),
-            t?.map((D, h) => {
-              const F = M === D.id;
+            t?.map((D, m) => {
+              const S = M === D.id;
               return /* @__PURE__ */ o(
                 "button",
                 {
                   ref: (P) => {
-                    S.current[h] = P;
+                    E.current[m] = P;
                   },
                   onClick: () => {
                     D?.disabled || (x(D?.id), c?.(D?.id));
@@ -2058,7 +2059,7 @@ function Kt({
                     D?.icon && /* @__PURE__ */ e(
                       "span",
                       {
-                        className: n("shrink-0 transition-transform duration-200", F && "scale-110"),
+                        className: n("shrink-0 transition-transform duration-200", S && "scale-110"),
                         children: D?.icon
                       }
                     ),
@@ -2152,7 +2153,7 @@ const Et = de(
           name: x,
           rows: M,
           value: r,
-          onChange: (S) => l?.(S.target.value),
+          onChange: (E) => l?.(E.target.value),
           disabled: u,
           placeholder: a,
           className: n(
@@ -2186,7 +2187,7 @@ function jt({
   onClose: u
 }) {
   const [s, c] = V(100);
-  re(() => {
+  ne(() => {
     if (l === 1 / 0) {
       c(100);
       return;
@@ -2196,12 +2197,12 @@ function jt({
       k || (k = w);
       const v = w - k, y = Math.max(0, (l - v) / l * 100);
       c(y), y > 0 ? requestAnimationFrame(g) : u?.();
-    }, S = requestAnimationFrame(g);
-    return () => cancelAnimationFrame(S);
+    }, E = requestAnimationFrame(g);
+    return () => cancelAnimationFrame(E);
   }, [l, u]);
   const M = {
-    success: /* @__PURE__ */ e(ht, { weight: "Bold", className: "w-5 h-5" }),
-    error: /* @__PURE__ */ e(mt, { weight: "Bold", className: "w-5 h-5" }),
+    success: /* @__PURE__ */ e(mt, { weight: "Bold", className: "w-5 h-5" }),
+    error: /* @__PURE__ */ e(ht, { weight: "Bold", className: "w-5 h-5" }),
     warning: /* @__PURE__ */ e(ft, { weight: "Bold", className: "w-5 h-5" }),
     info: /* @__PURE__ */ e(ut, { weight: "Bold", className: "w-5 h-5" }),
     loading: /* @__PURE__ */ e(dt, { weight: "Bold", className: "w-5 h-5 animate-spin" })
@@ -2468,29 +2469,29 @@ const It = de(
     onBlur: x,
     className: k,
     name: g,
-    showIcon: S = !1
+    showIcon: E = !1
   }, w) => {
-    const [v, y] = V(!1), E = T((R) => {
-      let m = R.replace(/\D/g, "");
-      m.startsWith("998") || (m = "998" + m), m = m.substring(0, 12);
+    const [v, y] = V(!1), F = T((R) => {
+      let h = R.replace(/\D/g, "");
+      h.startsWith("998") || (h = "998" + h), h = h.substring(0, 12);
       let C = "+998";
-      return m.length > 3 && (C += " (" + m.substring(3, 5)), m.length > 5 && (C += ") " + m.substring(5, 8)), m.length > 8 && (C += " " + m.substring(8, 10)), m.length > 10 && (C += " " + m.substring(10, 12)), C;
+      return h.length > 3 && (C += " (" + h.substring(3, 5)), h.length > 5 && (C += ") " + h.substring(5, 8)), h.length > 8 && (C += " " + h.substring(8, 10)), h.length > 10 && (C += " " + h.substring(10, 12)), C;
     }, []), B = (R) => {
-      const m = R.target.value;
-      if (m.length < 5) {
+      const h = R.target.value;
+      if (h.length < 5) {
         c?.("+998");
         return;
       }
-      const C = E(m);
+      const C = F(h);
       c?.(C);
     }, D = () => {
       y(!0), (!s || s === "") && c?.("+998"), M?.();
-    }, h = () => {
+    }, m = () => {
       y(!1), x?.();
-    }, F = J(() => ({
+    }, S = J(() => ({
       sm: {
         input: "h-9 text-sm",
-        padding: S ? "pl-8 pr-2" : "px-2",
+        padding: E ? "pl-8 pr-2" : "px-2",
         iconSize: "w-4 h-4",
         iconLeft: "left-2",
         labelFont: "text-sm",
@@ -2498,7 +2499,7 @@ const It = de(
       },
       md: {
         input: "h-10 text-sm",
-        padding: S ? "pl-10 pr-4" : "px-4",
+        padding: E ? "pl-10 pr-4" : "px-4",
         iconSize: "w-4 h-4",
         iconLeft: "left-3",
         labelFont: "text-base",
@@ -2506,28 +2507,28 @@ const It = de(
       },
       base: {
         input: "h-12 text-base",
-        padding: S ? "pl-11 pr-4" : "px-4",
+        padding: E ? "pl-11 pr-4" : "px-4",
         iconSize: "w-5 h-5",
         iconLeft: "left-3",
         labelFont: "text-base",
         iconWrapper: "h-5"
       }
-    }), [S]), P = J(() => 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 = J(() => f ? "text-slate-400" : l ? "text-red-600" : v ? "text-black" : "text-slate-400", [l, v, f]);
+    }), [E]), P = J(() => 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 = J(() => f ? "text-slate-400" : l ? "text-red-600" : v ? "text-black" : "text-slate-400", [l, v, f]);
     return /* @__PURE__ */ o("div", { className: n("w-full", k), children: [
       t && /* @__PURE__ */ o("label", { className: n(
         "mb-2 block font-medium transition-colors duration-200",
         l ? "text-red-600" : v ? "text-blue-600" : "text-slate-700",
-        F[r].labelFont
+        S[r].labelFont
       ), children: [
         t,
         u && /* @__PURE__ */ e("span", { className: "text-red-600 ml-1", children: "*" })
       ] }),
       /* @__PURE__ */ o("div", { className: "relative flex items-center", children: [
-        S && /* @__PURE__ */ e("div", { className: n(
+        E && /* @__PURE__ */ e("div", { className: n(
           "absolute top-1/2 flex -translate-y-1/2 items-center justify-center transition-all duration-300",
-          F[r].iconLeft,
+          S[r].iconLeft,
           L
-        ), children: /* @__PURE__ */ e("div", { className: n("flex items-center justify-center", F[r].iconWrapper), children: /* @__PURE__ */ e(pt, { className: n(F[r].iconSize), weight: "Linear" }) }) }),
+        ), children: /* @__PURE__ */ e("div", { className: n("flex items-center justify-center", S[r].iconWrapper), children: /* @__PURE__ */ e(pt, { className: n(S[r].iconSize), weight: "Linear" }) }) }),
         /* @__PURE__ */ e(
           "input",
           {
@@ -2537,15 +2538,15 @@ const It = de(
             value: s,
             onChange: B,
             onFocus: D,
-            onBlur: h,
+            onBlur: m,
             disabled: f,
             placeholder: a,
             className: n(
               "w-full border bg-white font-normal transition-all duration-300 outline-none",
               r === "base" ? "rounded-xl" : "rounded-lg",
               "disabled:bg-slate-100 disabled:text-slate-400 disabled:cursor-not-allowed",
-              F[r].input,
-              F[r].padding,
+              S[r].input,
+              S[r].padding,
               P
             )
           }
@@ -2559,17 +2560,17 @@ It.displayName = "MciPhone";
 const Rt = de(
   ({ mode: t, onChange: a, value: r, ...l }, f) => {
     const [u, s] = V(""), c = r !== void 0 ? r : u, M = (g) => {
-      const S = g.replace(/\s/g, "").toUpperCase();
+      const E = g.replace(/\s/g, "").toUpperCase();
       let w = "";
-      for (let v = 0; v < S.length; v++) {
-        const y = S[v];
+      for (let v = 0; v < E.length; v++) {
+        const y = E[v];
         if (w.length < 2 ? /[A-Z]/.test(y) && (w += y) : /[0-9]/.test(y) && (w += y), w.length >= 9) break;
       }
       return w.length > 2 ? w.slice(0, 2) + " " + w.slice(2) : w;
     }, x = (g) => g.replace(/\D/g, "").slice(0, 14), k = T((g) => {
-      const S = g.target.value;
+      const E = g.target.value;
       let w = "";
-      t === "passport" ? w = M(S) : w = x(S), r === void 0 && s(w), g.target.value = w, a?.(w, g);
+      t === "passport" ? w = M(E) : w = x(E), r === void 0 && s(w), g.target.value = w, a?.(w, g);
     }, [t, a, r]);
     return /* @__PURE__ */ e(
       Se,