@mci-ui/mci-ui 0.0.75 → 0.0.76

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as i, Fragment as he } from "react/jsx-runtime";
+import { jsx as e, jsxs as c, Fragment as he } from "react/jsx-runtime";
 import { AltArrowRight as be, Star2 as We, AltArrowDown as Fe, EyeClosed as Qe, Eye as Oe, Calendar as et, AltArrowLeft as ke, DoubleAltArrowLeft as tt, DoubleAltArrowRight as rt, ConfoundedSquare as nt, SortVertical as lt, SortFromTopToBottom as at, SortFromBottomToTop as st, Upload as ot, File as Te, FileText as Se, MusicNote as it, VideoFramePlayHorizontal as ct, Gallery as dt, MenuDots as ut, Refresh as mt, InfoCircle as ht, DangerCircle as ft, CloseCircle as pt, CheckCircle as gt, Phone as bt, TransferVertical as xt } from "@solar-icons/react";
 import { clsx as wt } from "clsx";
 import { twMerge as vt } from "tailwind-merge";
@@ -23,14 +23,14 @@ function qt({
   variant: a = "blue",
   className: r
 }) {
-  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: [
-      C ? /* @__PURE__ */ i("span", { className: n("flex items-center gap-x-2 font-medium", d), children: [
+  const l = a === "blue", p = l ? "hover:text-blue-600" : "hover:text-yellow-500", i = l ? "text-blue-600" : "text-yellow-500";
+  return /* @__PURE__ */ e("nav", { className: n("flex items-center", r), "aria-label": "Breadcrumb", children: t.map((s, d) => {
+    const C = d === t.length - 1;
+    return /* @__PURE__ */ c("div", { className: "flex items-center", children: [
+      C ? /* @__PURE__ */ c("span", { className: n("flex items-center gap-x-2 font-medium", i), children: [
         s.icon,
         /* @__PURE__ */ e("span", { children: s.label })
-      ] }) : /* @__PURE__ */ i(
+      ] }) : /* @__PURE__ */ c(
         "a",
         {
           href: s.href ?? "#",
@@ -48,7 +48,7 @@ function qt({
         }
       ),
       !C && /* @__PURE__ */ e("span", { className: "mx-2 flex items-center", children: /* @__PURE__ */ e(be, { weight: "Linear", size: 20, className: "text-slate-500" }) })
-    ] }, c);
+    ] }, d);
   }) });
 }
 function Kt({
@@ -57,9 +57,9 @@ function Kt({
   icon: r,
   iconPosition: l = "left",
   size: p = "base",
-  variant: d = "primary",
+  variant: i = "primary",
   color: s = "yellow",
-  loading: c = !1,
+  loading: d = !1,
   disabled: C = !1,
   onClick: k,
   className: M,
@@ -69,7 +69,7 @@ function Kt({
     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"
-  }, m = d === "primary" || d === "secondary" || d === "outline" ? {
+  }, m = i === "primary" || i === "secondary" || i === "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)]",
@@ -80,11 +80,11 @@ function Kt({
       secondary: "bg-yellow-50 text-yellow-500 hover:bg-yellow-100 active:bg-yellow-100 active:border active:border-yellow-500 focus:ring-2 focus:ring-yellow-200",
       outline: "border border-yellow-500 text-yellow-500 hover:border-yellow-600 hover:text-yellow-600 active:border-yellow-700 active:text-yellow-700 focus:ring-2 focus:ring-yellow-200"
     }
-  }[s][d] : {
+  }[s][i] : {
     danger: "bg-red-600 text-white hover:bg-red-700 active:bg-red-800 focus:ring-2 focus:shadow-red",
     tertiary: "bg-slate-100 text-black hover:bg-slate-200 active:bg-slate-300 focus:ring-2 focus:shadow-slate"
-  }[d], b = C || c, w = b ? d === "outline" ? "border-slate-200 bg-white text-slate-400 cursor-not-allowed hover:bg-transparent hover:border-slate-200 hover:text-slate-400 active:border-slate-200 active:text-slate-400 active:bg-transparent focus:bg-transparent focus:ring-0" : "bg-slate-200 text-slate-400 cursor-not-allowed hover:bg-slate-200 active:bg-slate-200 focus:ring-0" : "";
-  return /* @__PURE__ */ i(
+  }[i], b = C || d, w = b ? i === "outline" ? "border-slate-200 bg-white text-slate-400 cursor-not-allowed hover:bg-transparent hover:border-slate-200 hover:text-slate-400 active:border-slate-200 active:text-slate-400 active:bg-transparent focus:bg-transparent focus:ring-0" : "bg-slate-200 text-slate-400 cursor-not-allowed hover:bg-slate-200 active:bg-slate-200 focus:ring-0" : "";
+  return /* @__PURE__ */ c(
     "button",
     {
       type: D,
@@ -99,10 +99,10 @@ function Kt({
         M
       ),
       children: [
-        r && l === "left" && !c && /* @__PURE__ */ e("span", { className: "flex items-center", children: r }),
+        r && l === "left" && !d && /* @__PURE__ */ e("span", { className: "flex items-center", children: r }),
         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" })
+        r && l === "right" && !d && /* @__PURE__ */ e("span", { className: "flex items-center", children: r }),
+        d && /* @__PURE__ */ e(We, { weight: "Linear", size: 20, className: "animate-spin" })
       ]
     }
   );
@@ -125,9 +125,9 @@ const kt = (t) => /* @__PURE__ */ re.createElement("svg", { xmlns: "http://www.w
   label: r,
   supportText: l,
   checked: p,
-  onChange: d,
+  onChange: i,
   error: s,
-  disabled: c = !1,
+  disabled: d = !1,
   required: C = !1,
   className: k,
   variant: M = "yellow",
@@ -139,11 +139,11 @@ const kt = (t) => /* @__PURE__ */ re.createElement("svg", { xmlns: "http://www.w
     [p, E]
   ), b = R(
     (y) => {
-      c || (p === void 0 && v(y.target.checked), d?.(y));
+      d || (p === void 0 && v(y.target.checked), i?.(y));
     },
-    [p, d, c]
+    [p, i, d]
   ), w = Z(() => {
-    if (c) {
+    if (d) {
       const L = "border-slate-200 bg-slate-100";
       return u ? {
         container: L,
@@ -183,14 +183,14 @@ const kt = (t) => /* @__PURE__ */ re.createElement("svg", { xmlns: "http://www.w
       dot: "",
       check: m ? "text-white" : "text-transparent"
     };
-  }, [u, m, c, M]), h = Z(() => !r && !l ? null : /* @__PURE__ */ i("div", { className: "flex flex-col", children: [
-    r && /* @__PURE__ */ i(
+  }, [u, m, d, M]), h = Z(() => !r && !l ? null : /* @__PURE__ */ c("div", { className: "flex flex-col", children: [
+    r && /* @__PURE__ */ c(
       "span",
       {
         className: n(
           "text-base font-medium text-slate-700",
           s && "text-red-600",
-          c && "text-slate-400"
+          d && "text-slate-400"
         ),
         children: [
           r,
@@ -203,19 +203,19 @@ const kt = (t) => /* @__PURE__ */ re.createElement("svg", { xmlns: "http://www.w
       {
         className: n(
           "text-slate-500 text-base font-normal",
-          c && "text-slate-400"
+          d && "text-slate-400"
         ),
         children: l
       }
     )
-  ] }), [r, l, s, c, C]);
-  return /* @__PURE__ */ i("div", { className: n("flex items-start", k), children: [
-    /* @__PURE__ */ i(
+  ] }), [r, l, s, d, C]);
+  return /* @__PURE__ */ c("div", { className: n("flex items-start", k), children: [
+    /* @__PURE__ */ c(
       "label",
       {
         className: n(
           "flex items-start gap-2 select-none",
-          c ? "cursor-not-allowed" : "cursor-pointer"
+          d ? "cursor-not-allowed" : "cursor-pointer"
         ),
         children: [
           /* @__PURE__ */ e(
@@ -224,7 +224,7 @@ const kt = (t) => /* @__PURE__ */ re.createElement("svg", { xmlns: "http://www.w
               type: a,
               checked: m,
               onChange: b,
-              disabled: c,
+              disabled: d,
               required: C,
               className: "sr-only",
               "aria-invalid": !!s,
@@ -276,22 +276,22 @@ function Jt({
   defaultOpen: r = !1,
   icon: l,
   className: p,
-  contentClassName: d
+  contentClassName: i
 }) {
-  const [s, c] = _(r), [C, k] = _(0), M = le(null);
+  const [s, d] = _(r), [C, k] = _(0), M = le(null);
   return J(() => {
     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(
+  }, [s]), /* @__PURE__ */ c("div", { className: n("overflow-hidden rounded-xl border border-slate-200", p), children: [
+    /* @__PURE__ */ c(
       "button",
       {
-        onClick: () => c(!s),
+        onClick: () => d(!s),
         className: n(
           "flex w-full items-center justify-between p-5 transition-all duration-300 hover:cursor-pointer",
           s ? "border-b border-slate-200" : "border-b border-transparent"
         ),
         children: [
-          /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
             l && /* @__PURE__ */ e("span", { className: "shrink-0", children: l }),
             /* @__PURE__ */ e("div", { className: n("text-base font-medium text-black"), children: t })
           ] }),
@@ -318,7 +318,7 @@ function Jt({
         style: {
           height: `${C}px`
         },
-        children: /* @__PURE__ */ e("div", { ref: M, className: n("p-5", d), children: a })
+        children: /* @__PURE__ */ e("div", { ref: M, className: n("p-5", i), children: a })
       }
     )
   ] });
@@ -330,9 +330,9 @@ function Gt({
   position: r = "right",
   children: l,
   footer: p,
-  title: d,
+  title: i,
   description: s,
-  showCloseButton: c = !0,
+  showCloseButton: d = !0,
   drawerClassName: C,
   contentClassName: k,
   closeOnOverlayClick: M = !0,
@@ -351,8 +351,8 @@ function Gt({
       transform: t ? "translateX(0)" : r === "right" ? "translateX(calc(100% + 48px))" : "translateX(calc(-100% - 48px))"
     }),
     [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: [
+  ), b = !!(i || s || d), 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__ */ c(he, { children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -364,7 +364,7 @@ function Gt({
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ c(
       "div",
       {
         ref: E,
@@ -384,21 +384,21 @@ function Gt({
         ),
         role: "dialog",
         "aria-modal": "true",
-        "aria-labelledby": d ? "drawer-title" : void 0,
+        "aria-labelledby": i ? "drawer-title" : void 0,
         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(
+          b && /* @__PURE__ */ c("div", { className: "flex items-start justify-between border-b border-slate-200 shrink-0 px-4 py-4 sm:p-6", children: [
+            (i || s) && /* @__PURE__ */ c("div", { className: "block pr-3", children: [
+              i && /* @__PURE__ */ e(
                 "h2",
                 {
                   id: "drawer-title",
                   className: "font-semibold text-black text-xl leading-tight sm:text-h3",
-                  children: d
+                  children: i
                 }
               ),
               s && /* @__PURE__ */ e("p", { className: "text-sm sm:text-base text-slate-base font-normal mt-2", children: s })
             ] }),
-            c && /* @__PURE__ */ e(
+            d && /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
@@ -431,9 +431,9 @@ const Le = fe(
     type: r = "text",
     icon: l,
     rightIcon: p,
-    iconPosition: d = "left",
+    iconPosition: i = "left",
     size: s = "base",
-    error: c,
+    error: d,
     disabled: C = !1,
     required: k = !1,
     value: M,
@@ -448,7 +448,7 @@ const Le = fe(
     step: h,
     autoComplete: y = "off"
   }, $) => {
-    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 = () => {
+    const [L, j] = _(!1), [o, N] = _(""), [T, Y] = _(!1), q = M ?? o, B = r === "password", P = w && !!q && !C, W = l && i === "left", Q = l && i === "right" || p || B, ne = Q || P, K = () => {
       j(!0), A?.();
     }, ae = () => {
       j(!1), E?.();
@@ -488,15 +488,15 @@ 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" : L ? "text-black" : "text-slate-400", [c, L, C]);
-    return /* @__PURE__ */ i("div", { className: n("w-full", v), children: [
-      t && /* @__PURE__ */ i(
+    ), G = Z(() => d ? "border-red-600 focus:border-red-600 shadow-red" : "border-slate-200 hover:border-slate-400 focus:shadow-blue focus:border-blue-600", [d]), oe = Z(() => C ? "text-slate-400" : d ? "text-red-600" : L ? "text-black" : "text-slate-400", [d, L, C]);
+    return /* @__PURE__ */ c("div", { className: n("w-full", v), children: [
+      t && /* @__PURE__ */ c(
         "label",
         {
           htmlFor: u,
           className: n(
             "mb-2 block text-base font-medium",
-            c ? "text-red-600" : "text-slate-700",
+            d ? "text-red-600" : "text-slate-700",
             z[s].labelFont
           ),
           children: [
@@ -505,7 +505,7 @@ const Le = fe(
           ]
         }
       ),
-      /* @__PURE__ */ i("div", { className: "relative flex items-center", children: [
+      /* @__PURE__ */ c("div", { className: "relative flex items-center", children: [
         /* @__PURE__ */ e(
           "input",
           {
@@ -551,7 +551,7 @@ const Le = fe(
             )
           }
         ),
-        ne && /* @__PURE__ */ i(
+        ne && /* @__PURE__ */ c(
           "div",
           {
             className: n(
@@ -591,7 +591,7 @@ const Le = fe(
                   )
                 }
               ),
-              B && /* @__PURE__ */ i(he, { children: [
+              B && /* @__PURE__ */ c(he, { children: [
                 p && /* @__PURE__ */ e(
                   "div",
                   {
@@ -632,7 +632,7 @@ const Le = fe(
                   }
                 )
               ] }),
-              l && d === "right" && !B && /* @__PURE__ */ e(
+              l && i === "right" && !B && /* @__PURE__ */ e(
                 "div",
                 {
                   className: n("flex items-center justify-center", z[s].iconWrapper),
@@ -653,7 +653,7 @@ const Le = fe(
           }
         )
       ] }),
-      c && /* @__PURE__ */ e("p", { className: "mt-2 animate-[slideDown_0.3s_ease-out] text-sm font-normal text-red-600", children: c })
+      d && /* @__PURE__ */ e("p", { className: "mt-2 animate-[slideDown_0.3s_ease-out] text-sm font-normal text-red-600", children: d })
     ] });
   }
 );
@@ -762,9 +762,9 @@ const Mt = {
     onChange: r,
     placeholder: l,
     label: p,
-    disabled: d = !1,
+    disabled: i = !1,
     required: s = !1,
-    className: c,
+    className: d,
     format: C = "DD.MM.YYYY",
     minDate: k,
     maxDate: M,
@@ -833,8 +833,8 @@ const Mt = {
     const O = R(() => {
       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);
+      i || (f.preventDefault(), f.stopPropagation(), y((x) => !x));
+    }, [i]), { handleClick: F } = De(ce, O), { handleEscape: X } = Ee(O);
     J(() => {
       if (h)
         return document.addEventListener("mousedown", F), document.addEventListener("keydown", X), () => {
@@ -842,7 +842,7 @@ const Mt = {
         };
     }, [h, F, X]);
     const me = () => {
-      d || h || (t === "range" || !E) && (y(!0), B(u));
+      i || h || (t === "range" || !E) && (y(!0), B(u));
     }, xe = (f) => {
       if (t !== "date") return;
       let S = f.target.value.replace(/\D/g, "");
@@ -906,17 +906,17 @@ const Mt = {
       return V && !te ? !1 : V && te && x > z(V) && x < z(te);
     }, 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: [
+      return /* @__PURE__ */ c("div", { className: "w-[300px] p-2 select-none", children: [
+        /* @__PURE__ */ c("div", { className: "flex items-center justify-between mb-4 py-1", children: [
+          /* @__PURE__ */ e("div", { className: "flex gap-2 w-16", children: x && /* @__PURE__ */ c(he, { children: [
             /* @__PURE__ */ e("button", { onClick: () => we(-1), type: "button", className: "hover:bg-slate-100 p-1 rounded transition-colors text-slate-500", children: /* @__PURE__ */ e(tt, { size: 18 }) }),
             /* @__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__ */ c("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[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("div", { className: "flex gap-2 w-16 justify-end", children: S && /* @__PURE__ */ c(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 }) }),
             /* @__PURE__ */ e("button", { onClick: () => we(1), type: "button", className: "hover:bg-slate-100 p-1 rounded transition-colors text-slate-500", children: /* @__PURE__ */ e(rt, { size: 18 }) })
           ] }) })
@@ -927,8 +927,8 @@ const Mt = {
           return /* @__PURE__ */ e("div", { className: n("h-10 flex items-center justify-center relative", Xe && "bg-blue-50", ye && t === "range" && Ne ? "bg-blue-50 rounded-full" : ye && t === "range" ? "bg-gradient-to-r from-transparent to-blue-50 rounded-l-full" : "", Ne && t === "range" ? "bg-gradient-to-l from-transparent to-blue-50 rounded-r-full" : ""), children: /* @__PURE__ */ e("button", { type: "button", onClick: () => Ue(ue), disabled: se, className: n("w-9 h-9 cursor-pointer rounded-full flex items-center justify-center text-sm font-medium transition-all z-10", V.isCurrentMonth ? "text-slate-700" : "text-slate-300", se && "opacity-20 cursor-not-allowed", ye || Ne ? "bg-blue-600 text-white shadow-md shadow-blue-200 hover:bg-blue-700" : "hover:bg-blue-50", ve(ue, /* @__PURE__ */ new Date()) && !ye && !Ne && "text-blue-600 border border-blue-600"), children: ue.getDate() }) }, te);
         }) })
       ] });
-    }, Je = () => /* @__PURE__ */ i("div", { className: "w-[300px] p-3", children: [
-      /* @__PURE__ */ i("div", { className: "flex justify-between items-center mb-4 px-2", children: [
+    }, Je = () => /* @__PURE__ */ c("div", { className: "w-[300px] p-3", children: [
+      /* @__PURE__ */ c("div", { className: "flex justify-between items-center mb-4 px-2", children: [
         /* @__PURE__ */ e("button", { type: "button", onClick: () => we(-1), className: "p-1 hover:bg-slate-100 rounded text-slate-500", children: /* @__PURE__ */ e(ke, { size: 20 }) }),
         /* @__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 }) })
@@ -936,10 +936,10 @@ const Mt = {
       /* @__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 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: [
+      return /* @__PURE__ */ c("div", { className: "w-[300px] p-3", children: [
+        /* @__PURE__ */ c("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 }) }),
-          /* @__PURE__ */ i("span", { className: "font-bold text-slate-800", children: [
+          /* @__PURE__ */ c("span", { className: "font-bold text-slate-800", children: [
             x[0],
             " - ",
             x[11]
@@ -954,12 +954,12 @@ const Mt = {
         onClick: U,
         className: n(
           "cursor-pointer flex items-center justify-center p-1 rounded-md transition-colors",
-          d ? "pointer-events-none opacity-50" : "hover:bg-slate-100 active:bg-slate-200"
+          i ? "pointer-events-none opacity-50" : "hover:bg-slate-100 active:bg-slate-200"
         ),
         children: /* @__PURE__ */ e(et, { weight: "Linear", size: 20, className: "text-slate-400" })
       }
     );
-    return /* @__PURE__ */ i("div", { ref: ce, className: n("relative w-full group", c), children: [
+    return /* @__PURE__ */ c("div", { ref: ce, className: n("relative w-full group", d), children: [
       /* @__PURE__ */ e("div", { ref: w, children: /* @__PURE__ */ e(
         Le,
         {
@@ -969,7 +969,7 @@ const Mt = {
           onChange: xe,
           icon: m === "left" ? Re : void 0,
           rightIcon: m === "right" ? Re : void 0,
-          disabled: d,
+          disabled: i,
           required: s,
           error: D,
           maxLength: t === "date" ? 10 : void 0,
@@ -991,7 +991,7 @@ const Mt = {
           ),
           style: { width: "max-content" },
           onMouseDown: (f) => f.stopPropagation(),
-          children: q === "day" ? /* @__PURE__ */ i(he, { children: [
+          children: q === "day" ? /* @__PURE__ */ c(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) })
           ] }) : q === "month" ? Je() : Ge()
@@ -1042,9 +1042,9 @@ const St = {
     options: r = [],
     icon: l,
     iconPosition: p = "left",
-    size: d = "base",
+    size: i = "base",
     error: s,
-    disabled: c = !1,
+    disabled: d = !1,
     required: C = !1,
     value: k,
     onChange: M,
@@ -1056,7 +1056,7 @@ const St = {
     onSearch: m,
     name: b
   }, w) => {
-    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(() => {
+    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[i], ae = Z(() => {
       if (!u || m) return r;
       const F = N.toLowerCase();
       return r.filter(
@@ -1075,7 +1075,7 @@ const St = {
     }, [h, u]);
     const z = R(
       (F) => {
-        if (!c) {
+        if (!d) {
           if (!h && (F.key === "ArrowDown" || F.key === "ArrowUp" || F.key === "Enter")) {
             F.preventDefault(), y(!0);
             return;
@@ -1098,27 +1098,27 @@ const St = {
             }
         }
       },
-      [h, ae, Y, c]
+      [h, ae, Y, d]
     ), G = R(() => {
-      c || (y((F) => !F), h ? (T(""), q(-1)) : (L(!0), D?.()));
-    }, [c, h, D]), oe = R(
+      d || (y((F) => !F), h ? (T(""), q(-1)) : (L(!0), D?.()));
+    }, [d, h, D]), oe = R(
       (F) => {
         k === void 0 && o(F), M?.(F), y(!1), L(!1), T(""), q(-1), A?.();
       },
       [k, M, A]
     ), g = R(
       (F) => {
-        F.stopPropagation(), !c && (k === void 0 && o(""), M?.(""), T(""), q(-1));
+        F.stopPropagation(), !d && (k === void 0 && o(""), M?.(""), T(""), q(-1));
       },
-      [k, M, c]
+      [k, M, d]
     ), I = R(
       (F) => {
         T(F), m?.(F), q(0);
       },
       [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(
+    ), O = Z(() => d ? "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, d]), U = Z(() => d ? "text-slate-400" : s ? "text-red-600" : h || $ ? "text-black" : "text-slate-400", [d, s, h, $]);
+    return /* @__PURE__ */ c("div", { className: n("w-full", E), ref: w, children: [
+      t && /* @__PURE__ */ c(
         "label",
         {
           htmlFor: b,
@@ -1133,30 +1133,30 @@ const St = {
           ]
         }
       ),
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ c(
         "div",
         {
           ref: B,
           className: "relative",
           onKeyDown: z,
           children: [
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ c(
               "div",
               {
                 role: "combobox",
                 "aria-expanded": h,
                 "aria-haspopup": "listbox",
                 "aria-controls": `${b}-listbox`,
-                "aria-disabled": c,
-                tabIndex: c ? -1 : 0,
+                "aria-disabled": d,
+                tabIndex: d ? -1 : 0,
                 onClick: G,
                 className: n(
                   "flex w-full items-center border font-normal transition-all duration-300 ease-in-out",
-                  d === "base" ? "rounded-xl" : "rounded-lg",
+                  i === "base" ? "rounded-xl" : "rounded-lg",
                   K.container,
                   l ? p === "left" ? K.iconPaddingLeft : K.iconPaddingRight : K.padding,
                   O,
-                  !c && $ && "shadow-blue border-blue-600"
+                  !d && $ && "shadow-blue border-blue-600"
                 ),
                 children: [
                   l && /* @__PURE__ */ e(
@@ -1186,12 +1186,12 @@ const St = {
                     {
                       className: n(
                         "block truncate select-none",
-                        !ne && !c && "text-slate-400"
+                        !ne && !d && "text-slate-400"
                       ),
                       children: Q?.label || a
                     }
                   ),
-                  v && ne && !c && /* @__PURE__ */ e(
+                  v && ne && !d && /* @__PURE__ */ e(
                     "button",
                     {
                       type: "button",
@@ -1218,7 +1218,7 @@ const St = {
                 ]
               }
             ),
-            h && !c && /* @__PURE__ */ e(
+            h && !d && /* @__PURE__ */ e(
               "div",
               {
                 id: `${b}-listbox`,
@@ -1264,9 +1264,9 @@ function Xt({
   loading: r = !1,
   skeletonRows: l = 5,
   noDataText: p = "",
-  sort: d,
+  sort: i,
   onSortChange: s,
-  className: c,
+  className: d,
   headerClassName: C,
   bodyClassName: k,
   rowKey: M = "id",
@@ -1274,20 +1274,20 @@ function Xt({
 }) {
   const [A, E] = _(
     null
-  ), v = d ?? A, u = Z(() => Array.isArray(a) ? a : [], [a]), m = Z(() => !v || d ? u : [...u].sort((o, N) => {
+  ), v = i ?? A, u = Z(() => Array.isArray(a) ? a : [], [a]), m = Z(() => !v || i ? 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;
-  }), [u, v, d]);
+  }), [u, v, i]);
   J(() => {
-    d !== void 0 && E(null);
-  }, [d]);
-  const b = r ? [] : d ? u : m, w = R(
+    i !== void 0 && E(null);
+  }, [i]);
+  const b = r ? [] : i ? 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) : E(N);
+      v?.key !== o.key ? N = { key: o.key, direction: "asc" } : v.direction === "asc" && (N = { key: o.key, direction: "desc" }), i !== void 0 ? s?.(N) : E(N);
     },
-    [v, d, s]
+    [v, i, s]
   ), h = (o) => {
     if (!D) return;
     const { onChange: N, getCheckboxProps: T } = D;
@@ -1306,7 +1306,7 @@ function Xt({
     return o.length === 0 ? !1 : o.every(
       (N) => D.selectedRowKeys.includes(N[M])
     );
-  }, [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, 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__ */ c("colgroup", { children: [
     D && /* @__PURE__ */ e("col", { style: { width: 48 } }),
     t.map((o) => /* @__PURE__ */ e("col", { style: { width: Ft(o.width) ?? "auto" } }, o.key))
   ] });
@@ -1320,12 +1320,12 @@ function Xt({
         "[&::-webkit-scrollbar-thumb]:bg-slate-200",
         "[&::-webkit-scrollbar-thumb]:rounded-full",
         "hover:[&::-webkit-scrollbar-thumb]:bg-slate-300",
-        c
+        d
       ),
-      children: /* @__PURE__ */ i("div", { className: "inline-block min-w-full align-middle", children: [
-        /* @__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: [
+      children: /* @__PURE__ */ c("div", { className: "inline-block min-w-full align-middle", children: [
+        /* @__PURE__ */ e("div", { className: "overflow-hidden rounded-xl border border-slate-200 bg-slate-100", children: /* @__PURE__ */ c("table", { className: "w-full table-fixed", children: [
           j(),
-          /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ i("tr", { children: [
+          /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ c("tr", { children: [
             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,
               {
@@ -1347,7 +1347,7 @@ function Xt({
                   o.sortable && "cursor-pointer hover:bg-slate-200",
                   C
                 ),
-                children: /* @__PURE__ */ i("div", { className: n("flex items-center gap-2 min-w-0", o.align === "right" && "justify-end"), children: [
+                children: /* @__PURE__ */ c("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 }),
                   L(o)
                 ] })
@@ -1356,17 +1356,17 @@ 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: [
+        /* @__PURE__ */ e("div", { className: "rounded-xl border border-t-0 border-slate-200 bg-white overflow-hidden", children: /* @__PURE__ */ c("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: [
+          /* @__PURE__ */ e("tbody", { className: "divide-y divide-slate-200", children: r ? Array.from({ length: l }).map((o, N) => /* @__PURE__ */ c("tr", { children: [
             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 + (D ? 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__ */ c("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: p })
           ] }) }) }) : b.map((o, N) => {
             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: [
+            return /* @__PURE__ */ c("tr", { className: "group transition-colors hover:bg-slate-50", children: [
               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,
                 {
@@ -1480,9 +1480,9 @@ const Lt = {
   maxSize: r = 10,
   maxFiles: l = 5,
   disabled: p = !1,
-  label: d,
+  label: i,
   required: s = !1,
-  error: c,
+  error: d,
   className: C,
   onFilesChange: k,
   onUpload: M,
@@ -1663,21 +1663,21 @@ const Lt = {
   }, [k, Q]), oe = R(() => {
     L.current?.click();
   }, []);
-  return /* @__PURE__ */ i("div", { className: n("w-full", C), children: [
-    d && /* @__PURE__ */ i(
+  return /* @__PURE__ */ c("div", { className: n("w-full", C), children: [
+    i && /* @__PURE__ */ c(
       "label",
       {
         className: n(
           "mb-2 block text-base font-medium",
-          c ? "text-red-600" : "text-slate-700"
+          d ? "text-red-600" : "text-slate-700"
         ),
         children: [
-          d,
+          i,
           s && /* @__PURE__ */ e("span", { className: "ml-1 text-extra-small text-red-600", children: "*" })
         ]
       }
     ),
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ c(
       "div",
       {
         className: n(
@@ -1686,7 +1686,7 @@ const Lt = {
           o.dropBg,
           w && o.dropActive,
           p && "cursor-not-allowed opacity-60",
-          c && "border-red-600 bg-red-50/30"
+          d && "border-red-600 bg-red-50/30"
         ),
         onDragOver: ae,
         onDragLeave: ce,
@@ -1705,7 +1705,7 @@ const Lt = {
               className: "hidden"
             }
           ),
-          /* @__PURE__ */ i("div", { className: "flex flex-col items-center gap-3", children: [
+          /* @__PURE__ */ c("div", { className: "flex flex-col items-center gap-3", children: [
             /* @__PURE__ */ e("div", { className: n("flex h-12 w-12 items-center justify-center rounded-xl", o.iconWrap), children: /* @__PURE__ */ e(ot, { size: 20 }) }),
             /* @__PURE__ */ e("p", { className: n("text-base font-medium", o.title), children: j.dropHereTitle }),
             /* @__PURE__ */ e("p", { className: n("text-sm font-normal", o.hint), children: j.fileRequirements(t, l, r, a) })
@@ -1713,9 +1713,9 @@ const Lt = {
         ]
       }
     ),
-    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: [
+    m.length > 0 && /* @__PURE__ */ c("div", { className: "mt-4 space-y-3", children: [
+      /* @__PURE__ */ c("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ c("span", { className: "text-sm font-medium text-slate-700", children: [
           j.selectedFiles,
           " (",
           m.length,
@@ -1734,7 +1734,7 @@ const Lt = {
       ] }),
       /* @__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(
+        return /* @__PURE__ */ c(
           "div",
           {
             className: n(
@@ -1742,7 +1742,7 @@ const Lt = {
               g.status === "error" && "border-red-600"
             ),
             children: [
-              /* @__PURE__ */ i("div", { className: "flex min-w-0 items-center gap-4", children: [
+              /* @__PURE__ */ c("div", { className: "flex min-w-0 items-center gap-4", children: [
                 /* @__PURE__ */ e(
                   "div",
                   {
@@ -1760,18 +1760,18 @@ const Lt = {
                     ) : E ? N(g.file) : /* @__PURE__ */ e(Te, { className: "h-6 w-6 text-slate-500" })
                   }
                 ),
-                /* @__PURE__ */ i("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ c("div", { className: "min-w-0", children: [
                   /* @__PURE__ */ e("p", { className: "truncate text-lg font-semibold text-primary", children: g.file.name }),
-                  /* @__PURE__ */ i("div", { className: "mt-1 flex flex-wrap items-center gap-2 text-sm text-slate-500", children: [
+                  /* @__PURE__ */ c("div", { className: "mt-1 flex flex-wrap items-center gap-2 text-sm text-slate-500", children: [
                     /* @__PURE__ */ e("span", { children: T(g.file.size) }),
-                    g.status === "uploading" && /* @__PURE__ */ i(he, { children: [
+                    g.status === "uploading" && /* @__PURE__ */ c(he, { children: [
                       /* @__PURE__ */ e("span", { children: "•" }),
-                      /* @__PURE__ */ i("span", { className: "inline-flex items-center", children: [
+                      /* @__PURE__ */ c("span", { className: "inline-flex items-center", children: [
                         /* @__PURE__ */ e(We, { className: "mr-1 h-5 w-5 animate-spin" }),
                         j.uploading
                       ] })
                     ] }),
-                    g.status === "success" && /* @__PURE__ */ i(he, { children: [
+                    g.status === "success" && /* @__PURE__ */ c(he, { children: [
                       /* @__PURE__ */ e("span", { children: "•" }),
                       /* @__PURE__ */ e("span", { className: "font-normal text-green-600", children: j.success })
                     ] })
@@ -1789,7 +1789,7 @@ const Lt = {
                   g.status === "error" && g.error && /* @__PURE__ */ e("p", { className: "mt-2 text-sm font-normal text-red-600", children: g.error })
                 ] })
               ] }),
-              /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ e(
                   "button",
                   {
@@ -1823,7 +1823,7 @@ const Lt = {
         );
       }) })
     ] }),
-    c && /* @__PURE__ */ e("p", { className: "mt-2 text-sm font-normal text-red-600", children: c })
+    d && /* @__PURE__ */ e("p", { className: "mt-2 text-sm font-normal text-red-600", children: d })
   ] });
 };
 function er({
@@ -1832,9 +1832,9 @@ function er({
   title: r,
   description: l,
   Header: p,
-  Body: d,
+  Body: i,
   footer: s,
-  handleClickOutside: c = !1,
+  handleClickOutside: d = !1,
   showCloseIcon: C = !0,
   showHeader: k = !0,
   overlayClassName: M,
@@ -1845,9 +1845,9 @@ function er({
   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);
+    d && a(!1);
   });
-  J(() => (t && c && document.addEventListener("mousedown", m), () => document.removeEventListener("mousedown", m)), [t, m, c]);
+  J(() => (t && d && document.addEventListener("mousedown", m), () => document.removeEventListener("mousedown", m)), [t, m, d]);
   const w = k && !!(p || r || l);
   return /* @__PURE__ */ e(
     "div",
@@ -1858,7 +1858,7 @@ function er({
         t ? "opacity-100" : "pointer-events-none opacity-0",
         M
       ),
-      children: /* @__PURE__ */ i(
+      children: /* @__PURE__ */ c(
         "div",
         {
           ref: v,
@@ -1871,8 +1871,8 @@ function er({
             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: [
-              p || /* @__PURE__ */ i("div", { className: "block", children: [
+            w && /* @__PURE__ */ c("div", { className: "border-b border-slate-200 flex items-start justify-between p-4 sm:p-6 mb-4", children: [
+              p || /* @__PURE__ */ c("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 })
               ] }),
@@ -1887,7 +1887,7 @@ function er({
                 }
               )
             ] }),
-            d && /* @__PURE__ */ e(
+            i && /* @__PURE__ */ e(
               "div",
               {
                 className: n(
@@ -1896,7 +1896,7 @@ function er({
                   "px-4 sm:px-6 mb-2",
                   A
                 ),
-                children: d
+                children: i
               }
             ),
             s && /* @__PURE__ */ e(
@@ -1922,9 +1922,9 @@ function tr({
   perPage: r,
   onPageChange: l,
   onPerPageChange: p,
-  siblingCount: d = 1,
+  siblingCount: i = 1,
   perPageOptions: s = [10, 30, 50, 100],
-  showPerPage: c = !0,
+  showPerPage: d = !0,
   variant: C = "yellow",
   size: k = "large",
   paginationClassName: M
@@ -1932,10 +1932,10 @@ function tr({
   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;
+    const h = [], y = i * 2 + 5;
     if (v <= y)
       return Array.from({ length: v }, (j, o) => o + 1);
-    const $ = Math.max(E - d, 2), L = Math.min(E + d, v - 1);
+    const $ = Math.max(E - i, 2), L = Math.min(E + i, 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;
@@ -1956,11 +1956,11 @@ function tr({
       arrow: "text-black"
     }
   }[C ?? "yellow"];
-  return /* @__PURE__ */ i("div", { className: n(
+  return /* @__PURE__ */ c("div", { className: n(
     "flex items-center justify-between gap-4 w-full",
     M
   ), children: [
-    c && p && /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+    d && p && /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ e(
         "span",
         {
@@ -1968,7 +1968,7 @@ function tr({
           children: "Строк на странице:"
         }
       ),
-      /* @__PURE__ */ i("div", { className: "relative", children: [
+      /* @__PURE__ */ c("div", { className: "relative", children: [
         /* @__PURE__ */ e(
           "select",
           {
@@ -1992,7 +1992,7 @@ function tr({
         )
       ] })
     ] }),
-    /* @__PURE__ */ i("nav", { "aria-label": "Пагинация", className: "flex items-center gap-1 shrink-0 whitespace-nowrap", children: [
+    /* @__PURE__ */ c("nav", { "aria-label": "Пагинация", className: "flex items-center gap-1 shrink-0 whitespace-nowrap", children: [
       /* @__PURE__ */ e(
         "button",
         {
@@ -2082,9 +2082,9 @@ function rr({
   position: r = "top",
   className: l,
   tabListClassName: p,
-  contentClassName: d,
+  contentClassName: i,
   extra: s,
-  onChange: c
+  onChange: d
 }) {
   const [C, k] = _(a || t[0]?.id), [M, D] = _({}), A = le([]), E = () => {
     requestAnimationFrame(() => {
@@ -2120,8 +2120,8 @@ function rr({
     left: "ml-4",
     right: "mr-4"
   };
-  return /* @__PURE__ */ i("div", { className: n("flex w-full", u[r], l), children: [
-    /* @__PURE__ */ i(
+  return /* @__PURE__ */ c("div", { className: n("flex w-full", u[r], l), children: [
+    /* @__PURE__ */ c(
       "div",
       {
         className: n(
@@ -2136,7 +2136,7 @@ function rr({
                 "flex-1",
                 v ? "w-full" : "min-w-[520px]"
               ),
-              children: /* @__PURE__ */ i(
+              children: /* @__PURE__ */ c(
                 "div",
                 {
                   className: n(
@@ -2156,14 +2156,14 @@ function rr({
                     ),
                     t?.map((w, h) => {
                       const y = C === w.id;
-                      return /* @__PURE__ */ i(
+                      return /* @__PURE__ */ c(
                         "button",
                         {
                           ref: ($) => {
                             A.current[h] = $;
                           },
                           onClick: () => {
-                            w?.disabled || (k(w?.id), c?.(w?.id));
+                            w?.disabled || (k(w?.id), d?.(w?.id));
                           },
                           disabled: w?.disabled,
                           className: n(
@@ -2197,7 +2197,7 @@ function rr({
         ]
       }
     ),
-    /* @__PURE__ */ e("div", { className: n("w-full flex-1 overflow-hidden", b[r], d), children: /* @__PURE__ */ e("div", { className: "animate-fade-in w-full", style: { animationDuration: "0.35s" }, children: t?.find((w) => w.id === C)?.content }, C) })
+    /* @__PURE__ */ e("div", { className: n("w-full flex-1 overflow-hidden", b[r], i), children: /* @__PURE__ */ e("div", { className: "animate-fade-in w-full", style: { animationDuration: "0.35s" }, children: t?.find((w) => w.id === C)?.content }, C) })
   ] });
 }
 const jt = {
@@ -2221,9 +2221,9 @@ function nr({
   size: r = "lg",
   icon: l,
   iconPosition: p = "left",
-  className: d
+  className: i
 }) {
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ c(
     "span",
     {
       className: n(
@@ -2231,7 +2231,7 @@ function nr({
         jt[r],
         It[a],
         l && "gap-[2px]",
-        d
+        i
       ),
       children: [
         l && p === "left" && /* @__PURE__ */ e("span", { className: `flex items-center ${n(Be[r])}`, children: l }),
@@ -2248,15 +2248,15 @@ const Rt = fe(
     value: r = "",
     onChange: l,
     required: p = !1,
-    disabled: d = !1,
+    disabled: i = !1,
     error: s,
-    className: c,
+    className: d,
     rows: C = 4,
     name: k
   }, 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(
+    return /* @__PURE__ */ c("div", { className: n("relative w-full", d), children: [
+      t && /* @__PURE__ */ c(
         "label",
         {
           className: n(
@@ -2277,7 +2277,7 @@ const Rt = fe(
           rows: C,
           value: r,
           onChange: (A) => l?.(A.target.value),
-          disabled: d,
+          disabled: i,
           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",
@@ -2307,22 +2307,22 @@ function Bt({
   type: r = "info",
   duration: l = 3e3,
   action: p,
-  onClose: d
+  onClose: i
 }) {
-  const [s, c] = _(100);
+  const [s, d] = _(100);
   J(() => {
     if (l === 1 / 0) {
-      c(100);
+      d(100);
       return;
     }
     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?.();
+      d(u), u > 0 ? requestAnimationFrame(D) : i?.();
     }, A = requestAnimationFrame(D);
     return () => cancelAnimationFrame(A);
-  }, [l, d]);
+  }, [l, i]);
   const C = {
     success: /* @__PURE__ */ e(gt, { weight: "Bold", className: "w-5 h-5" }),
     error: /* @__PURE__ */ e(pt, { weight: "Bold", className: "w-5 h-5" }),
@@ -2359,7 +2359,7 @@ function Bt({
       loading: "text-slate-600"
     }
   };
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ c(
     "div",
     {
       className: n(
@@ -2378,9 +2378,9 @@ function Bt({
             }
           }
         ),
-        /* @__PURE__ */ e("div", { className: "p-4", children: /* @__PURE__ */ i("div", { className: "flex items-start gap-2", children: [
+        /* @__PURE__ */ e("div", { className: "p-4", children: /* @__PURE__ */ c("div", { className: "flex items-start gap-2", children: [
           /* @__PURE__ */ e("div", { className: n("flex-shrink-0", k.text[r]), children: C[r] }),
-          /* @__PURE__ */ i("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ c("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 }),
             p && /* @__PURE__ */ e("div", { className: "mt-3", children: /* @__PURE__ */ e("div", { className: n("underline font-medium text-sm", k.action[r]), children: p }) })
@@ -2388,7 +2388,7 @@ function Bt({
           /* @__PURE__ */ e(
             "button",
             {
-              onClick: d,
+              onClick: i,
               className: "flex-shrink-0 rounded-full transition  cursor-pointer active:animate-spin",
               children: /* @__PURE__ */ e(pe, { className: "w-6 h-6 text-slate-base" })
             }
@@ -2400,7 +2400,7 @@ function Bt({
 }
 const ge = (t) => {
   const a = $t++, r = () => {
-    const p = Ce.findIndex((d) => d?.id === a);
+    const p = Ce.findIndex((i) => i?.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 };
@@ -2435,7 +2435,7 @@ function ar({
   delay: l = 200,
   className: p
 }) {
-  const d = {
+  const i = {
     top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
     bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
     left: "right-full top-1/2 -translate-y-1/2 mr-2",
@@ -2446,16 +2446,16 @@ function ar({
     left: "top-1/2 -translate-y-1/2 left-full",
     right: "top-1/2 -translate-y-1/2 right-full"
   };
-  return /* @__PURE__ */ i("div", { className: "group relative inline-block", children: [
+  return /* @__PURE__ */ c("div", { className: "group relative inline-block", children: [
     a,
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ c(
       "div",
       {
         className: n(
           "absolute z-50 rounded-md bg-slate-400 px-2 py-1 text-xs whitespace-nowrap text-white shadow-md",
           "scale-95 opacity-0 transition-all group-hover:scale-100 group-hover:opacity-100",
           "duration-200 ease-out group-hover:delay-200",
-          d[r],
+          i[r],
           p
         ),
         style: { transitionDelay: `${l}ms` },
@@ -2481,10 +2481,10 @@ function sr({
   disabled: r = !1,
   variant: l = "yellow",
   label: p,
-  supportText: d,
+  supportText: i,
   className: s
 }) {
-  const c = () => {
+  const d = () => {
     r || a?.(!t);
   }, C = {
     blue: {
@@ -2498,7 +2498,7 @@ function sr({
       focus: "focus:ring-2 focus:ring-yellow-200"
     }
   };
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ c(
     "div",
     {
       className: n(
@@ -2518,7 +2518,7 @@ function sr({
               !r && C[l].focus,
               r && "bg-slate-100 cursor-not-allowed"
             ),
-            onClick: c,
+            onClick: d,
             children: /* @__PURE__ */ e(
               "span",
               {
@@ -2530,7 +2530,7 @@ function sr({
             )
           }
         ),
-        (p || d) && /* @__PURE__ */ i("div", { className: "flex flex-col leading-tight", children: [
+        (p || i) && /* @__PURE__ */ c("div", { className: "flex flex-col leading-tight", children: [
           p && /* @__PURE__ */ e(
             "span",
             {
@@ -2540,7 +2540,7 @@ function sr({
               children: p
             }
           ),
-          d && /* @__PURE__ */ e("span", { className: "text-sm font-normal text-slate-500", children: d })
+          i && /* @__PURE__ */ e("span", { className: "text-sm font-normal text-slate-500", children: i })
         ] })
       ]
     }
@@ -2552,7 +2552,8 @@ function or({
   size: a = 150,
   iconClassName: r,
   isLoading: l = !1,
-  isFullPage: p = !0
+  isFullPage: p = !0,
+  variant: i = "yellow"
 }) {
   return l ? /* @__PURE__ */ e(
     "div",
@@ -2569,7 +2570,7 @@ function or({
           height: a,
           className: n(
             "animate-spin",
-            !r && "text-yellow-500",
+            !r && (i === "blue" ? "text-blue-600" : "text-yellow-500"),
             r
           ),
           style: { fill: "currentColor", stroke: "currentColor" }
@@ -2585,9 +2586,9 @@ const Pt = fe(
     size: r = "base",
     error: l,
     disabled: p = !1,
-    required: d = !1,
+    required: i = !1,
     value: s = "",
-    onChange: c,
+    onChange: d,
     onFocus: C,
     onBlur: k,
     className: M,
@@ -2602,13 +2603,13 @@ const Pt = fe(
     }, []), b = (j) => {
       const o = j.target.value;
       if (o.length < 5) {
-        c?.("+998");
+        d?.("+998");
         return;
       }
       const N = m(o);
-      c?.(N);
+      d?.(N);
     }, w = () => {
-      u(!0), (!s || s === "") && c?.("+998"), C?.();
+      u(!0), (!s || s === "") && d?.("+998"), C?.();
     }, h = () => {
       u(!1), k?.();
     }, y = Z(() => ({
@@ -2637,16 +2638,16 @@ const Pt = fe(
         iconWrapper: "h-5"
       }
     }), [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(
+    return /* @__PURE__ */ c("div", { className: n("w-full", M), children: [
+      t && /* @__PURE__ */ c("label", { className: n(
         "mb-2 block font-medium transition-colors duration-200",
         l ? "text-red-600" : v ? "text-blue-600" : "text-slate-700",
         y[r].labelFont
       ), children: [
         t,
-        d && /* @__PURE__ */ e("span", { className: "text-red-600 ml-1", children: "*" })
+        i && /* @__PURE__ */ e("span", { className: "text-red-600 ml-1", children: "*" })
       ] }),
-      /* @__PURE__ */ i("div", { className: "relative flex items-center", children: [
+      /* @__PURE__ */ c("div", { className: "relative flex items-center", children: [
         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,
@@ -2682,7 +2683,7 @@ const Pt = fe(
 Pt.displayName = "MciPhone";
 const Wt = fe(
   ({ mode: t, onChange: a, value: r, ...l }, p) => {
-    const [d, s] = _(""), c = r !== void 0 ? r : d, C = (v) => {
+    const [i, s] = _(""), d = r !== void 0 ? r : i, C = (v) => {
       const u = v.replace(/\s/g, "").toUpperCase();
       let m = "";
       for (let b = 0; b < u.length; b++) {
@@ -2715,7 +2716,7 @@ const Wt = fe(
       {
         ref: p,
         ...l,
-        value: c,
+        value: d,
         onChange: D,
         maxLength: (() => {
           if (l.maxLength) return l.maxLength;
@@ -2742,10 +2743,10 @@ function ir({
   columns: r,
   hidden: l,
   onToggle: p,
-  onMove: d,
+  onMove: i,
   minVisible: s = 5
 }) {
-  const c = le(null), { handleClick: C } = De(c, a);
+  const d = le(null), { handleClick: C } = De(d, a);
   J(() => {
     if (t)
       return document.addEventListener("mousedown", C), () => document.removeEventListener("mousedown", C);
@@ -2782,17 +2783,17 @@ function ir({
     },
     [p]
   );
-  return t ? /* @__PURE__ */ i(
+  return t ? /* @__PURE__ */ c(
     "div",
     {
-      ref: c,
+      ref: d,
       className: n(
         "absolute right-0 top-full z-50 mt-2 w-[320px]",
         "rounded-2xl p-4 bg-white",
         "border border-slate-200"
       ),
       children: [
-        /* @__PURE__ */ i("div", { className: "flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ c("div", { className: "flex items-center justify-between gap-4", children: [
           /* @__PURE__ */ e("h4", { className: "text-slate-600 text-large font-normal", children: "Settings" }),
           /* @__PURE__ */ e(
             "button",
@@ -2819,8 +2820,8 @@ function ir({
             ),
             children: r.map((o, N) => {
               const T = !k.has(o.key), Y = T && M <= s, q = v === N, B = m === o.key;
-              return /* @__PURE__ */ i("div", { children: [
-                /* @__PURE__ */ i(
+              return /* @__PURE__ */ c("div", { children: [
+                /* @__PURE__ */ c(
                   "div",
                   {
                     draggable: !0,
@@ -2842,7 +2843,7 @@ function ir({
                     onDrop: (P) => {
                       P.preventDefault();
                       const W = D.current ?? Number(P.dataTransfer.getData("text/plain"));
-                      Number.isFinite(W) && W !== N && d(W, N), L();
+                      Number.isFinite(W) && W !== N && i(W, N), L();
                     },
                     onDragEnd: L,
                     className: n(
@@ -2878,9 +2879,9 @@ function ir({
                           variant: "blue"
                         }
                       ) }),
-                      /* @__PURE__ */ i("div", { className: "min-w-0 flex-1", children: [
+                      /* @__PURE__ */ c("div", { className: "min-w-0 flex-1", children: [
                         /* @__PURE__ */ e("h4", { className: "truncate text-slate-700 text-base font-medium", title: o.title, children: o.title }),
-                        Y && /* @__PURE__ */ i("p", { className: "text-xs text-slate-400 mt-0.5", children: [
+                        Y && /* @__PURE__ */ c("p", { className: "text-xs text-slate-400 mt-0.5", children: [
                           "Минимум ",
                           s,
                           " колонок"
@@ -2915,42 +2916,42 @@ 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: p } = t, d = Z(() => r.map((u) => String(u.key)), [r]), s = Z(() => new Set(d), [d]), [c, C] = _(() => {
+  const { storageKey: a, columns: r, defaultVisibleKeys: l, defaultOrder: p } = t, i = Z(() => r.map((u) => String(u.key)), [r]), s = Z(() => new Set(i), [i]), [d, C] = _(() => {
     if (typeof window > "u") {
-      const L = p?.map(String) ?? d, j = l && l.length ? d.filter((o) => !new Set(l.map(String)).has(o)) : [];
+      const L = p?.map(String) ?? i, j = l && l.length ? i.filter((o) => !new Set(l.map(String)).has(o)) : [];
       return { order: ie(L), hidden: ie(j) };
     }
-    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([
+    const u = Ot(window.localStorage.getItem(a)), m = p?.map(String) ?? i, b = ie(m), w = ie((u?.order ?? []).filter((L) => s.has(L))), h = ie([
       ...w,
       ...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;
+      ...i.filter((L) => !w.includes(L) && !b.includes(L))
+    ]), y = ie((u?.hidden ?? []).filter((L) => s.has(L))), $ = y.length === 0 && l && l.length ? i.filter((L) => !new Set(l.map(String)).has(L)) : y;
     return { order: h, hidden: ie($) };
   });
   J(() => {
     if (!(typeof window > "u"))
       try {
-        window.localStorage.setItem(a, JSON.stringify(c));
+        window.localStorage.setItem(a, JSON.stringify(d));
       } catch {
       }
-  }, [a, c]), J(() => {
+  }, [a, d]), J(() => {
     C((u) => {
       const m = ie([
         ...u.order.filter((y) => s.has(y)),
-        ...d.filter((y) => !u.order.includes(y))
+        ...i.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]), M = Z(() => {
+  }, [i, s]);
+  const k = Z(() => new Set(d.hidden), [d.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) => {
+    return d.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]), D = Z(
-    () => c.hidden.filter((u) => s.has(u)),
-    [c.hidden, s]
+  }, [r, k, d.order]), D = Z(
+    () => d.hidden.filter((u) => s.has(u)),
+    [d.hidden, s]
   ), A = R((u) => {
     const m = String(u);
     C((b) => {
@@ -2966,10 +2967,10 @@ function cr(t) {
     });
   }, []), v = R(() => {
     C(() => {
-      const u = ie(p?.map(String) ?? d), m = l && l.length ? ie(d.filter((b) => !new Set(l.map(String)).has(b))) : [];
+      const u = ie(p?.map(String) ?? i), m = l && l.length ? ie(i.filter((b) => !new Set(l.map(String)).has(b))) : [];
       return { order: u, hidden: m };
     });
-  }, [p, l, d]);
+  }, [p, l, i]);
   return {
     orderedColumns: M,
     hiddenKeys: D,