@mci-ui/mci-ui 0.0.88 → 0.0.89

package/dist/shared/ui/mciInput/MciInput.js

@@ -1,9 +1,9 @@
 import { jsxs as p, jsx as l, Fragment as z } from "react/jsx-runtime";
 import { EyeClosed as ee, Eye as te } from "@solar-icons/react";
 import { forwardRef as le, useState as v, useMemo as h } from "react";
-import se from "../../../assets/icons/close.svg.js";
+import ne from "../../../assets/icons/close.svg.js";
 import { cn as e } from "../../lib/utils.js";
-import { getInputSizes as ne, getInputStateStyles as ae, getInputIconColor as re, getInputRightPaddingClass as ce } from "./mci-input.utils.js";
+import { getInputSizes as se, getInputStateStyles as ae, getInputIconColor as re, getInputRightPaddingClass as ce } from "./mci-input.utils.js";
 const ie = le(
   ({
     label: C,
@@ -30,24 +30,24 @@ const ie = le(
     autoComplete: K = "off",
     ...L
   }, O) => {
-    const [y, S] = v(!1), [Q, W] = v(""), [R, T] = v(!1), B = N ?? Q, o = w === "password", b = H && !!B && !f, g = c && u === "left", j = c && u === "right" || r || o, U = j || b, V = h(() => {
-      let n = 0;
-      return b && (n += 1), o ? (n += 1, r && (n += 1), n) : (r && (n += 1), c && u === "right" && (n += 1), n);
-    }, [b, o, r, c, u]), X = (n) => {
-      S(!0), _?.(n);
-    }, Y = (n) => {
-      S(!1), D?.(n);
-    }, Z = (n) => {
-      let m = n.target.value;
-      w === "number" && x && m.length > x && (m = m.slice(0, x), n.target.value = m), N === void 0 && W(m), P?.(n);
-    }, $ = () => T((n) => !n), q = () => {
+    const [g, S] = v(!1), [Q, W] = v(""), [R, T] = v(!1), B = N ?? Q, o = w === "password", b = H && !!B && !f, y = c && u === "left", j = c && u === "right" || r || o, U = j || b, V = h(() => {
+      let s = 0;
+      return b && (s += 1), o ? (s += 1, r && (s += 1), s) : (r && (s += 1), c && u === "right" && (s += 1), s);
+    }, [b, o, r, c, u]), X = (s) => {
+      S(!0), _?.(s);
+    }, Y = (s) => {
+      S(!1), D?.(s);
+    }, Z = (s) => {
+      let m = s.target.value;
+      w === "number" && x && m.length > x && (m = m.slice(0, x), s.target.value = m), N === void 0 && W(m), P?.(s);
+    }, $ = () => T((s) => !s), q = () => {
       N === void 0 && W(""), G?.();
-    }, s = h(
-      () => ne(!!g, !!j),
-      [g, j]
+    }, n = h(
+      () => se(!!y, !!j),
+      [y, j]
     ), k = h(() => ae(i, a), [i, a]), d = h(
-      () => re(f, i, y, a),
-      [i, y, f, a]
+      () => re(f, i, g, a),
+      [i, g, f, a]
     ), M = h(
       () => ce(t, V),
       [t, V]
@@ -60,7 +60,7 @@ const ie = le(
           className: e(
             "mb-2 block text-base font-medium",
             i ? a ? "text-red-500" : "text-red-600" : a ? "text-neutral-50" : "text-slate-700",
-            s[t].labelFont
+            n[t].labelFont
           ),
           children: [
             C,
@@ -89,30 +89,30 @@ const ie = le(
               "w-full border font-normal transition-all duration-300 ease-in-out outline-none",
               t === "base" ? "rounded-xl" : "rounded-lg",
               a ? "text-neutral-50 placeholder:text-neutral-100 disabled:cursor-not-allowed disabled:border-neutral-200 disabled:bg-neutral-300 disabled:text-neutral-100/50 disabled:placeholder:text-neutral-100/50" : "bg-white disabled:cursor-not-allowed disabled:border-slate-200 disabled:bg-slate-100 disabled:text-slate-400",
-              a && y && !f && "text-white",
+              a && g && !f && "text-white",
               "[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none",
-              s[t].input,
-              s[t].padding,
+              n[t].input,
+              n[t].padding,
               M,
               k
             ),
             maxLength: x
           }
         ),
-        g && /* @__PURE__ */ l(
+        y && /* @__PURE__ */ l(
           "div",
           {
             className: e(
               "absolute top-1/2 flex -translate-y-1/2 items-center justify-center",
               "transition-all duration-300",
-              s[t].leftIcon,
+              n[t].leftIcon,
               d
             ),
             children: /* @__PURE__ */ l(
               "div",
               {
-                className: e("flex items-center justify-center", s[t].iconWrapper),
-                children: /* @__PURE__ */ l("span", { className: e("flex items-center justify-center", s[t].icon), children: c })
+                className: e("flex items-center justify-center", n[t].iconWrapper),
+                children: /* @__PURE__ */ l("span", { className: e("flex items-center justify-center", n[t].icon), children: c })
               }
             )
           }
@@ -123,7 +123,7 @@ const ie = le(
             className: e(
               "absolute top-1/2 flex -translate-y-1/2 items-center justify-center gap-2",
               "transition-all duration-300",
-              s[t].rightIcon
+              n[t].rightIcon
             ),
             children: [
               b && /* @__PURE__ */ l(
@@ -132,24 +132,23 @@ const ie = le(
                   type: "button",
                   onClick: q,
                   className: e(
-                    "flex items-center justify-center",
-                    s[t].iconWrapper,
+                    "flex cursor-pointer items-center justify-center",
+                    n[t].iconWrapper,
                     a ? "text-neutral-100 hover:text-white" : "text-slate-base hover:text-black"
                   ),
-                  style: { cursor: "pointer" },
-                  children: /* @__PURE__ */ l("span", { className: e("flex items-center justify-center", s[t].icon), children: /* @__PURE__ */ l(se, { className: e("h-full w-full") }) })
+                  children: /* @__PURE__ */ l("span", { className: e("flex items-center justify-center", n[t].icon), children: /* @__PURE__ */ l(ne, { className: e("h-full w-full") }) })
                 }
               ),
               r && !o && /* @__PURE__ */ l(
                 "div",
                 {
-                  className: e("flex items-center justify-center", s[t].iconWrapper),
+                  className: e("flex items-center justify-center", n[t].iconWrapper),
                   children: /* @__PURE__ */ l(
                     "span",
                     {
                       className: e(
                         "flex items-center justify-center",
-                        s[t].icon,
+                        n[t].icon,
                         d
                       ),
                       children: r
@@ -163,14 +162,14 @@ const ie = le(
                   {
                     className: e(
                       "flex items-center justify-center",
-                      s[t].iconWrapper
+                      n[t].iconWrapper
                     ),
                     children: /* @__PURE__ */ l(
                       "span",
                       {
                         className: e(
                           "flex items-center justify-center",
-                          s[t].icon,
+                          n[t].icon,
                           d
                         ),
                         children: r
@@ -184,14 +183,14 @@ const ie = le(
                     type: "button",
                     onClick: $,
                     className: e(
-                      "flex items-center justify-center",
-                      s[t].iconWrapper,
+                      "flex cursor-pointer items-center justify-center",
+                      n[t].iconWrapper,
                       d
                     ),
                     children: /* @__PURE__ */ l(
                       "span",
                       {
-                        className: e("flex items-center justify-center cursor-pointer", s[t].icon),
+                        className: e("flex items-center justify-center", n[t].icon),
                         children: R ? /* @__PURE__ */ l(ee, { weight: "Linear", className: e("h-full w-full") }) : /* @__PURE__ */ l(te, { weight: "Linear", className: e("h-full w-full") })
                       }
                     )
@@ -201,13 +200,13 @@ const ie = le(
               c && u === "right" && !o && /* @__PURE__ */ l(
                 "div",
                 {
-                  className: e("flex items-center justify-center", s[t].iconWrapper),
+                  className: e("flex items-center justify-center", n[t].iconWrapper),
                   children: /* @__PURE__ */ l(
                     "span",
                     {
                       className: e(
                         "flex items-center justify-center",
-                        s[t].icon,
+                        n[t].icon,
                         d
                       ),
                       children: c

package/dist/shared/ui/mciLoader/MciLoader.js

@@ -1,31 +1,31 @@
-import { jsx as r } from "react/jsx-runtime";
-import { cn as l } from "../../lib/utils.js";
+import { jsx as l } from "react/jsx-runtime";
+import { cn as o } from "../../lib/utils.js";
 import a from "../../../assets/icons/loaderIcon.svg.js";
 function d({
-  className: o,
+  className: n,
   size: e = 150,
-  iconClassName: t,
+  iconClassName: r,
   isLoading: i = !1,
-  isFullPage: n = !0,
-  variant: u = "yellow"
+  isFullPage: u = !0,
+  variant: t = "orange"
 }) {
-  return i ? /* @__PURE__ */ r(
+  return i ? /* @__PURE__ */ l(
     "div",
     {
-      className: l(
+      className: o(
         "z-[99px] flex flex-col items-center justify-center transition-all duration-300",
-        n ? "fixed inset-0 backdrop-blur-[2px]" : "absolute inset-0 w-full h-full rounded-[inherit]",
-        o
+        u ? "fixed inset-0 backdrop-blur-[2px]" : "absolute inset-0 w-full h-full rounded-[inherit]",
+        n
       ),
-      children: /* @__PURE__ */ r(
+      children: /* @__PURE__ */ l(
         a,
         {
           width: e,
           height: e,
-          className: l(
+          className: o(
             "animate-spin",
-            !t && (u === "blue" ? "text-blue-600" : "text-yellow-500"),
-            t
+            !r && (t === "blue" ? "text-blue-600" : t === "orange" ? "text-orange-600" : "text-yellow-500"),
+            r
           ),
           style: { fill: "currentColor", stroke: "currentColor" }
         }

package/dist/shared/ui/mciPagination/MciPagination.js

@@ -26,6 +26,16 @@ const _ = {
     darkInactive: "bg-neutral-300 border-neutral-200 text-white hover:bg-neutral-200",
     darkDisabled: "text-neutral-100/50 border-neutral-200 bg-neutral-300/60",
     darkArrow: "text-neutral-50"
+  },
+  orange: {
+    active: "bg-orange-600 text-white border-orange-600",
+    inactive: "bg-slate-100 border-slate-200 text-black hover:bg-slate-200",
+    disabled: "text-slate-400 border-slate-300",
+    arrow: "text-black",
+    darkActive: "bg-orange-600 text-white border-orange-600",
+    darkInactive: "bg-neutral-300 border-neutral-200 text-white hover:bg-neutral-200",
+    darkDisabled: "text-neutral-100/50 border-neutral-200 bg-neutral-300/60",
+    darkArrow: "text-neutral-50"
   }
 };
 function P({
@@ -34,20 +44,20 @@ function P({
   perPage: b,
   onPageChange: u,
   onPerPageChange: h,
-  siblingCount: w = 1,
-  perPageOptions: A = [10, 30, 50, 100],
-  showPerPage: y = !0,
-  variant: k = "yellow",
-  size: x = "large",
+  siblingCount: x = 1,
+  perPageOptions: N = [10, 30, 50, 100],
+  showPerPage: k = !0,
+  variant: y = "orange",
+  size: g = "large",
   darkMode: e = !1,
-  paginationClassName: j
+  paginationClassName: I
 }) {
-  const g = Number.isFinite(c) && c > 0 ? c : 0, v = Number.isFinite(b) && b > 0 ? b : 10, l = Math.max(1, Number.isFinite(m) ? m : 1), n = Math.ceil(g / v), C = T(() => F(l, w, n), [l, w, n]), s = _[x], i = G[k ?? "yellow"], I = e ? i.darkActive : i.active, D = e ? i.darkInactive : i.inactive, f = e ? i.darkDisabled : i.disabled, p = e ? i.darkArrow : i.arrow;
-  return n <= 1 || g === 0 ? null : /* @__PURE__ */ o("div", { className: r(
+  const w = Number.isFinite(c) && c > 0 ? c : 0, v = Number.isFinite(b) && b > 0 ? b : 10, l = Math.max(1, Number.isFinite(m) ? m : 1), i = Math.ceil(w / v), j = T(() => F(l, x, i), [l, x, i]), s = _[g], n = G[y ?? "yellow"], C = e ? n.darkActive : n.active, D = e ? n.darkInactive : n.inactive, f = e ? n.darkDisabled : n.disabled, p = e ? n.darkArrow : n.arrow;
+  return i <= 1 || w === 0 ? null : /* @__PURE__ */ o("div", { className: r(
     "flex items-center justify-between gap-4 w-full",
-    j
+    I
   ), children: [
-    y && h && /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
+    k && h && /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ t(
         "span",
         {
@@ -67,10 +77,10 @@ function P({
             className: r(
               "appearance-none rounded-lg border pl-3 pr-8 text-base font-medium focus:outline-none cursor-pointer",
               e ? "border-neutral-200 bg-neutral-300 text-white" : "border-slate-200 bg-white text-black",
-              x === "large" ? "h-10" : "h-9"
+              g === "large" ? "h-10" : "h-9"
             ),
             "aria-label": "Количество строк на странице",
-            children: A.map((a) => /* @__PURE__ */ t("option", { value: a, children: a }, a))
+            children: N.map((a) => /* @__PURE__ */ t("option", { value: a, children: a }, a))
           }
         ),
         /* @__PURE__ */ t(
@@ -102,7 +112,7 @@ function P({
           children: /* @__PURE__ */ t(z, { weight: "Linear", size: 20 })
         }
       ),
-      /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: C.map((a, N) => {
+      /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: j.map((a, A) => {
         if (a === "...")
           return /* @__PURE__ */ t(
             "span",
@@ -115,7 +125,7 @@ function P({
               "aria-hidden": "true",
               children: /* @__PURE__ */ t(E, { weight: "Bold", size: 20 })
             },
-            N
+            A
           );
         const d = a === l;
         return /* @__PURE__ */ t(
@@ -127,24 +137,24 @@ function P({
             className: r(
               "flex items-center justify-center rounded-lg border font-medium transition-all hover:cursor-pointer min-w-10 px-2",
               s,
-              d ? I : D
+              d ? C : D
             ),
             children: a
           },
-          N
+          A
         );
       }) }),
       /* @__PURE__ */ t(
         "button",
         {
           onClick: () => u(l + 1),
-          disabled: l === n,
+          disabled: l === i,
           "aria-label": "Следующая страница",
           className: r(
             "flex items-center justify-center rounded-lg border transition-all min-w-10",
             e ? "bg-neutral-300 border-neutral-200" : "bg-slate-100",
             s,
-            l === n ? r("cursor-not-allowed opacity-50", f) : r("hover:cursor-pointer", p, e ? "hover:bg-neutral-200" : "border-slate-200")
+            l === i ? r("cursor-not-allowed opacity-50", f) : r("hover:cursor-pointer", p, e ? "hover:bg-neutral-200" : "border-slate-200")
           ),
           children: /* @__PURE__ */ t(S, { size: 20, weight: "Linear" })
         }

package/dist/shared/ui/mciPicker/MciPicker.js

@@ -8,7 +8,7 @@ import _e from "../mciInput/MciInput.js";
 import { toSafeDate as D, formatDateByPattern as qe, isDateOutsideBounds as Ge, normalizeDate as F, isSameCalendarDay as He, parseDateFromInput as he, formatManualDateInput as Je, getCalendarDays as Qe, shiftYear as Ue, shiftMonth as Xe } from "./mci-picker.utils.js";
 const Ze = $e(
   ({
-    type: s = "date",
+    type: o = "date",
     value: T,
     onChange: u,
     placeholder: K,
@@ -29,38 +29,38 @@ const Ze = $e(
     align: V = "auto"
   }, ve) => {
     const [f, W] = w(!1), [re, p] = w(
-      s === "range" ? [null, null] : null
-    ), [I, R] = w([null, null]), [m, b] = w(/* @__PURE__ */ new Date()), [le, Y] = w(y), [we, _] = w(0), [j, d] = w(""), [q, se] = w(!1), [G, oe] = w(V), E = Te(null), g = de(() => {
+      o === "range" ? [null, null] : null
+    ), [I, R] = w([null, null]), [m, b] = w(/* @__PURE__ */ new Date()), [le, Y] = w(y), [we, _] = w(0), [j, d] = w(""), [q, oe] = w(!1), [G, se] = w(V), E = Te(null), g = de(() => {
       const e = T !== void 0 ? T : re;
-      if (s === "date") return D(e);
+      if (o === "date") return D(e);
       const t = e;
       return [D(t[0]), D(t[1])];
-    }, [T, re, s]), H = We[xe], c = N(
+    }, [T, re, o]), H = We[xe], c = N(
       (e) => qe(e, k),
       [k]
     ), S = N(
       (e) => Ge(e, M, ee),
       [M, ee]
     ), C = de(() => {
-      if (s === "date") return c(g);
+      if (o === "date") return c(g);
       const [e, t] = g;
       return !e && !t ? "" : e && t ? `${c(e)} - ${c(t)}` : e ? `${c(e)} - ...` : "...";
-    }, [s, g, c]);
+    }, [o, g, c]);
     $(() => {
       (!f && !q || j === "" && C !== "") && d(C);
     }, [C, f, j, q]), $(() => {
       if (f)
-        if (s === "range") {
+        if (o === "range") {
           const e = g;
           R(e), e[0] ? b(e[0]) : e[1] ? b(e[1]) : b(/* @__PURE__ */ new Date());
         } else {
           const e = g;
           b(e || /* @__PURE__ */ new Date());
         }
-    }, [f, s, g]), $(() => {
+    }, [f, o, g]), $(() => {
       if (f && V === "auto" && E.current) {
         const e = E.current.getBoundingClientRect(), t = window.innerWidth - e.right, n = e.left;
-        t < 300 && n > 300 ? oe("right") : oe("left");
+        t < 300 && n > 300 ? se("right") : se("left");
       }
     }, [f, V]);
     const x = N(() => {
@@ -75,9 +75,9 @@ const Ze = $e(
         };
     }, [f, J, Q]);
     const De = () => {
-      se(!0), !(A || f) && (s === "range" || !te) && (W(!0), Y(y));
+      oe(!0), !(A || f) && (o === "range" || !te) && (W(!0), Y(y));
     }, ye = () => {
-      if (se(!1), s !== "date") return;
+      if (oe(!1), o !== "date") return;
       const e = j.trim();
       if (!e) {
         p(null), u?.(null);
@@ -91,69 +91,69 @@ const Ze = $e(
       }
       d(C);
     }, Ie = (e) => {
-      if (s !== "date") return;
+      if (o !== "date") return;
       const t = e.target.value, n = Je(t), i = n.replace(/\D/g, "");
       if (!(i.length >= 1 && Number.parseInt(i[0] ?? "0", 10) > 3)) {
         if (i.length >= 2) {
-          const o = Number.parseInt(i.slice(0, 2), 10);
-          if (o < 1 || o > 31) return;
+          const s = Number.parseInt(i.slice(0, 2), 10);
+          if (s < 1 || s > 31) return;
         }
         if (!(i.length >= 3 && Number.parseInt(i[2] ?? "0", 10) > 1)) {
           if (i.length >= 4) {
-            const o = Number.parseInt(i.slice(2, 4), 10);
-            if (o < 1 || o > 12) return;
+            const s = Number.parseInt(i.slice(2, 4), 10);
+            if (s < 1 || s > 12) return;
           }
           if (d(n), n.length === 10) {
-            const o = he(n);
-            o && !S(o) && (p(o), u?.(o), b(o));
+            const s = he(n);
+            s && !S(s) && (p(s), u?.(s), b(s));
           } else n === "" && (p(null), u?.(null));
         }
       }
     }, Ce = N(() => {
-      const e = s === "range" ? [null, null] : null;
+      const e = o === "range" ? [null, null] : null;
       p(e), R([null, null]), u?.(e), d("");
-    }, [s, u]), ze = N(
+    }, [o, u]), ze = N(
       (e) => {
         if (S(e)) return;
         const t = F(e);
-        if (s === "date")
+        if (o === "date")
           p(t), u?.(t), d(c(t)), x();
         else {
           const [n, i] = I;
           if (!n && !i || n && i)
             R([t, null]), d(`${c(t)} - ...`);
           else if (n && !i) {
-            const o = t < n ? [t, n] : [n, t];
-            R(o), p(o), u?.(o);
-            const [z, v] = o;
+            const s = t < n ? [t, n] : [n, t];
+            R(s), p(s), u?.(s);
+            const [z, v] = s;
             d(`${c(z)} - ${c(v)}`), x();
           }
         }
       },
-      [s, I, S, u, x, c]
+      [o, I, S, u, x, c]
     ), Fe = N((e) => {
       const t = new Date(m.getFullYear(), e, 1);
-      b(t), y === "month" && s === "date" ? (p(t), u?.(t), d(c(t)), x()) : Y("day");
-    }, [m, y, u, x, s, c]), Ye = N((e) => {
+      b(t), y === "month" && o === "date" ? (p(t), u?.(t), d(c(t)), x()) : Y("day");
+    }, [m, y, u, x, o, c]), Ye = N((e) => {
       const t = new Date(e, m.getMonth(), 1);
-      b(t), y === "year" && s === "date" ? (p(t), u?.(t), d(c(t)), x()) : Y("month");
-    }, [m, y, u, x, s, c]), ae = (e) => {
+      b(t), y === "year" && o === "date" ? (p(t), u?.(t), d(c(t)), x()) : Y("month");
+    }, [m, y, u, x, o, c]), ae = (e) => {
       b((t) => Xe(t, e));
     }, L = (e) => {
       b((t) => Ue(t, e));
     }, O = N((e, t) => He(e, t), []), Ae = (e) => {
       const t = F(e);
-      if (s === "date") return g && O(t, g);
+      if (o === "date") return g && O(t, g);
       const [n] = I[0] ? I : g;
       return D(n) && O(t, D(n));
     }, Se = (e) => {
-      if (s !== "range") return !1;
+      if (o !== "range") return !1;
       const t = F(e), [, n] = I[1] ? I : g;
       return D(n) && O(t, D(n));
     }, Re = (e) => {
-      if (s !== "range") return !1;
-      const t = F(e), [n, i] = I[0] ? I : g, o = D(n), z = D(i);
-      return o && !z ? !1 : o && z && t > F(o) && t < F(z);
+      if (o !== "range") return !1;
+      const t = F(e), [n, i] = I[0] ? I : g, s = D(n), z = D(i);
+      return s && !z ? !1 : s && z && t > F(s) && t < F(z);
     }, ie = (e, t, n) => {
       const i = Qe(e);
       return /* @__PURE__ */ h("div", { className: "w-[300px] p-2 select-none", children: [
@@ -165,7 +165,7 @@ const Ze = $e(
                 onClick: () => L(-1),
                 type: "button",
                 className: a(
-                  "rounded p-1 transition-colors",
+                  "cursor-pointer rounded p-1 transition-colors",
                   l ? "text-neutral-100 hover:bg-neutral-300 hover:text-white" : "text-slate-500 hover:bg-slate-100"
                 ),
                 children: /* @__PURE__ */ r(Pe, { size: 18 })
@@ -177,7 +177,7 @@ const Ze = $e(
                 onClick: () => ae(-1),
                 type: "button",
                 className: a(
-                  "rounded p-1 transition-colors",
+                  "cursor-pointer rounded p-1 transition-colors",
                   l ? "text-neutral-100 hover:bg-neutral-300 hover:text-white" : "text-slate-500 hover:bg-slate-100"
                 ),
                 children: /* @__PURE__ */ r(X, { size: 18 })
@@ -224,7 +224,7 @@ const Ze = $e(
                 onClick: () => ae(1),
                 type: "button",
                 className: a(
-                  "rounded p-1 transition-colors",
+                  "cursor-pointer rounded p-1 transition-colors",
                   l ? "text-neutral-100 hover:bg-neutral-300 hover:text-white" : "text-slate-500 hover:bg-slate-100"
                 ),
                 children: /* @__PURE__ */ r(Z, { size: 18 })
@@ -236,7 +236,7 @@ const Ze = $e(
                 onClick: () => L(1),
                 type: "button",
                 className: a(
-                  "rounded p-1 transition-colors",
+                  "cursor-pointer rounded p-1 transition-colors",
                   l ? "text-neutral-100 hover:bg-neutral-300 hover:text-white" : "text-slate-500 hover:bg-slate-100"
                 ),
                 children: /* @__PURE__ */ r(Be, { size: 18 })
@@ -251,19 +251,19 @@ const Ze = $e(
               "mb-1 grid grid-cols-7 text-center text-[11px] font-bold uppercase",
               l ? "text-blue-500" : "text-blue-600"
             ),
-            children: H.weekdaysShort.map((o) => /* @__PURE__ */ r("div", { className: "py-1", children: o }, o))
+            children: H.weekdaysShort.map((s) => /* @__PURE__ */ r("div", { className: "py-1", children: s }, s))
           }
         ),
-        /* @__PURE__ */ r("div", { className: "grid grid-cols-7 gap-y-1 relative", children: i.map((o, z) => {
-          const v = o.date, ue = S(v), P = Ae(v), B = Se(v), Le = Re(v);
+        /* @__PURE__ */ r("div", { className: "grid grid-cols-7 gap-y-1 relative", children: i.map((s, z) => {
+          const v = s.date, ue = S(v), P = Ae(v), B = Se(v), Le = Re(v);
           return /* @__PURE__ */ r(
             "div",
             {
               className: a(
                 "relative flex h-10 items-center justify-center",
                 Le && (l ? "bg-blue-500/15" : "bg-blue-50"),
-                P && s === "range" && B ? l ? "rounded-full bg-blue-500" : "rounded-full bg-blue-50" : P && s === "range" ? l ? "rounded-l-full bg-gradient-to-r from-transparent to-blue-500/15" : "rounded-l-full bg-gradient-to-r from-transparent to-blue-50" : "",
-                B && s === "range" ? l ? "rounded-r-full bg-gradient-to-l from-transparent to-blue-500/15" : "rounded-r-full bg-gradient-to-l from-transparent to-blue-50" : ""
+                P && o === "range" && B ? l ? "rounded-full bg-blue-500" : "rounded-full bg-blue-50" : P && o === "range" ? l ? "rounded-l-full bg-gradient-to-r from-transparent to-blue-500/15" : "rounded-l-full bg-gradient-to-r from-transparent to-blue-50" : "",
+                B && o === "range" ? l ? "rounded-r-full bg-gradient-to-l from-transparent to-blue-500/15" : "rounded-r-full bg-gradient-to-l from-transparent to-blue-50" : ""
               ),
               children: /* @__PURE__ */ r(
                 "button",
@@ -273,7 +273,7 @@ const Ze = $e(
                   disabled: ue,
                   className: a(
                     "z-10 flex h-9 w-9 cursor-pointer items-center justify-center rounded-full text-sm font-medium transition-all",
-                    o.isCurrentMonth ? l ? "text-neutral-50" : "text-slate-700" : l ? "text-neutral-100/40" : "text-slate-300",
+                    s.isCurrentMonth ? l ? "text-neutral-50" : "text-slate-700" : l ? "text-neutral-100/40" : "text-slate-300",
                     ue && "cursor-not-allowed opacity-20",
                     P || B ? "bg-blue-600 text-white shadow-md shadow-blue-200 hover:bg-blue-700" : l ? "hover:bg-neutral-300 hover:text-white" : "hover:bg-blue-50",
                     O(v, /* @__PURE__ */ new Date()) && !P && !B && (l ? "border border-blue-500 text-blue-500" : "border border-blue-600 text-blue-600")
@@ -294,7 +294,7 @@ const Ze = $e(
             type: "button",
             onClick: () => L(-1),
             className: a(
-              "rounded p-1",
+              "cursor-pointer rounded p-1",
               l ? "text-neutral-100 hover:bg-neutral-300 hover:text-white" : "text-slate-500 hover:bg-slate-100"
             ),
             children: /* @__PURE__ */ r(X, { size: 20 })
@@ -307,7 +307,7 @@ const Ze = $e(
             type: "button",
             onClick: () => L(1),
             className: a(
-              "rounded p-1",
+              "cursor-pointer rounded p-1",
               l ? "text-neutral-100 hover:bg-neutral-300 hover:text-white" : "text-slate-500 hover:bg-slate-100"
             ),
             children: /* @__PURE__ */ r(Z, { size: 20 })
@@ -325,7 +325,7 @@ const Ze = $e(
               type: "button",
               onClick: () => _((n) => n - 1),
               className: a(
-                "rounded p-1",
+                "cursor-pointer rounded p-1",
                 l ? "text-neutral-100 hover:bg-neutral-300 hover:text-white" : "text-slate-500 hover:bg-slate-100"
               ),
               children: /* @__PURE__ */ r(X, { size: 20 })
@@ -342,7 +342,7 @@ const Ze = $e(
               type: "button",
               onClick: () => _((n) => n + 1),
               className: a(
-                "rounded p-1",
+                "cursor-pointer rounded p-1",
                 l ? "text-neutral-100 hover:bg-neutral-300 hover:text-white" : "text-slate-500 hover:bg-slate-100"
               ),
               children: /* @__PURE__ */ r(Z, { size: 20 })
@@ -385,10 +385,10 @@ const Ze = $e(
           required: me,
           error: ge,
           darkMode: l,
-          maxLength: s === "date" ? 10 : void 0,
+          maxLength: o === "date" ? 10 : void 0,
           onFocus: De,
           onBlur: ye,
-          readOnly: !te || s === "range",
+          readOnly: !te || o === "range",
           showClearButton: pe,
           onClear: Ce
         }
@@ -407,8 +407,8 @@ const Ze = $e(
           style: { width: "max-content" },
           onMouseDown: (e) => e.stopPropagation(),
           children: le === "day" ? /* @__PURE__ */ h(U, { children: [
-            ie(m, !0, s !== "range"),
-            s === "range" && /* @__PURE__ */ r("div", { className: a(
+            ie(m, !0, o !== "range"),
+            o === "range" && /* @__PURE__ */ r("div", { className: a(
               "hidden border-l md:block",
               l ? "border-neutral-200" : "border-slate-100"
             ), children: ie(new Date(m.getFullYear(), m.getMonth() + 1, 1), !1, !0) })