@mci-ui/mci-ui 0.0.93 → 0.0.95

package/dist/shared/ui/mciButton/MciButton.js

@@ -1,4 +1,4 @@
-import { jsxs as w, jsx as t } from "react/jsx-runtime";
+import { jsxs as w, jsx as a } from "react/jsx-runtime";
 import { cn as y } from "../../lib/utils.js";
 import { Star2 as p } from "@solar-icons/react";
 const m = {
@@ -48,35 +48,37 @@ function S({
   children: n,
   text: c,
   icon: r,
-  iconPosition: a = "left",
+  iconPosition: l = "left",
   size: i = "base",
   variant: e = "primary",
   color: b = "orange",
-  darkMode: l = !1,
+  darkMode: s = !1,
   loading: o = !1,
   disabled: u = !1,
   className: d,
   type: f = "button",
   ...v
 }) {
-  const s = n ?? c, h = e === "primary" || e === "secondary" || e === "outline" ? l ? T[b][e] : N[b][e] : l ? A[e] : _[e], g = u || o, x = g ? e === "outline" ? "border border-slate-200 bg-transparent text-slate-400 cursor-not-allowed hover:border-slate-200 hover:bg-transparent hover:text-slate-400 active:border-slate-200 active:bg-transparent active:text-slate-400 focus:border-slate-200 focus:bg-transparent focus:text-slate-400 focus:ring-0 focus:shadow-none" : "bg-slate-200 text-slate-400 cursor-not-allowed hover:bg-slate-200 hover:text-slate-400 active:bg-slate-200 active:text-slate-400 focus:bg-slate-200 focus:text-slate-400 focus:ring-0 focus:shadow-none" : h;
+  const g = n ?? c, h = e === "primary" || e === "secondary" || e === "outline" ? s ? T[b][e] : N[b][e] : s ? A[e] : _[e], t = u || o, x = t ? e === "outline" ? "border border-slate-200 bg-transparent text-slate-400 cursor-not-allowed hover:border-slate-200 hover:bg-transparent hover:text-slate-400 active:border-slate-200 active:bg-transparent active:text-slate-400 focus:border-slate-200 focus:bg-transparent focus:text-slate-400 focus:ring-0 focus:shadow-none" : "bg-slate-200 text-slate-400 cursor-not-allowed hover:bg-slate-200 hover:text-slate-400 active:bg-slate-200 active:text-slate-400 focus:bg-slate-200 focus:text-slate-400 focus:ring-0 focus:shadow-none" : h;
   return /* @__PURE__ */ w(
     "button",
     {
       ...v,
       type: f,
-      disabled: g,
+      disabled: t,
       className: y(
-        "inline-flex w-fit shrink-0 items-center justify-center whitespace-nowrap text-center font-medium transition-all duration-200 cursor-pointer",
+        "inline-flex w-fit shrink-0 items-center justify-center whitespace-nowrap text-center font-medium transition-all duration-200",
+        !t && "cursor-pointer",
+        t && "cursor-not-allowed",
         m[i],
         x,
         d
       ),
       children: [
-        r && a === "left" && !o && /* @__PURE__ */ t("span", { className: "flex items-center", children: r }),
-        s && /* @__PURE__ */ t("span", { className: "whitespace-nowrap", children: s }),
-        r && a === "right" && !o && /* @__PURE__ */ t("span", { className: "flex items-center", children: r }),
-        o && /* @__PURE__ */ t(p, { weight: "Linear", size: 20, className: "animate-spin" })
+        r && l === "left" && !o && /* @__PURE__ */ a("span", { className: "flex items-center", children: r }),
+        g && /* @__PURE__ */ a("span", { className: "whitespace-nowrap", children: g }),
+        r && l === "right" && !o && /* @__PURE__ */ a("span", { className: "flex items-center", children: r }),
+        o && /* @__PURE__ */ a(p, { weight: "Linear", size: 20, className: "animate-spin" })
       ]
     }
   );

package/dist/shared/ui/mciCollapse/MciCollapse.js

@@ -36,7 +36,7 @@ function R({
           {
             onClick: () => d(!r),
             className: t(
-              "group flex w-full items-center justify-between p-5 transition-all duration-300 hover:cursor-pointer",
+              "group flex w-full cursor-pointer items-center justify-between p-5 transition-all duration-300",
               m
             ),
             children: [

package/dist/shared/ui/mciDrawer/MciDrawer.js

@@ -106,7 +106,7 @@ function T({
                     className: s(
                       t ? "bg-neutral-300 text-slate-50" : "bg-slate-100 text-black",
                       t ? f.darkClose : f.close,
-                      "rounded-xl w-11 h-11 sm:w-12 sm:h-12 hover:cursor-pointer transition flex items-center justify-center group active:scale-95"
+                      "flex h-11 w-11 cursor-pointer items-center justify-center rounded-xl transition group active:scale-95 sm:h-12 sm:w-12"
                     ),
                     children: /* @__PURE__ */ r(
                       X,

package/dist/shared/ui/mciEmpty/MciEmpty.js

@@ -0,0 +1,41 @@
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import p from "../../../assets/png/empty.png.js";
+import { cn as e } from "../../lib/utils.js";
+const u = {
+  uz: {
+    title: "Ma'lumot topilmadi",
+    description: `Hozircha bu bo'limda ma'lumot mavjud emas.
+Qidiruv so'zini o'zgartiring yoki yangi ma'lumot qo'shing`
+  },
+  ru: {
+    title: "Данные не найдены",
+    description: `В этом разделе пока нет данных.
+Измените поисковый запрос или добавьте новые данные`
+  }
+};
+function b({
+  className: n,
+  image: i,
+  imageClassName: s,
+  imageSrc: c,
+  locale: l = "uz",
+  title: m,
+  description: a
+}) {
+  const o = u[l], r = a ?? o.description;
+  return /* @__PURE__ */ d("div", { className: e("flex flex-col items-center justify-center text-center", n), children: [
+    i ? /* @__PURE__ */ t("div", { className: e("mb-4 shrink-0", s), children: i }) : /* @__PURE__ */ t(
+      "img",
+      {
+        src: c ?? p,
+        alt: "",
+        className: e("mb-4 h-auto w-40 shrink-0", s)
+      }
+    ),
+    /* @__PURE__ */ t("h4", { className: "text-h4 font-semibold text-black", children: m ?? o.title }),
+    r && /* @__PURE__ */ t("p", { className: "mt-2 whitespace-pre-line text-base text-slate-700", children: r })
+  ] });
+}
+export {
+  b as default
+};

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 ne from "../../../assets/icons/close.svg.js";
+import se from "../../../assets/icons/close.svg.js";
 import { cn as e } from "../../lib/utils.js";
-import { getInputSizes as se, getInputStateStyles as ae, getInputIconColor as re, getInputRightPaddingClass as ce } from "./mci-input.utils.js";
+import { getInputSizes as ne, getInputStateStyles as ae, getInputIconColor as re, getInputRightPaddingClass as ce } from "./mci-input.utils.js";
 const ie = le(
   ({
     label: C,
@@ -31,19 +31,19 @@ const ie = le(
     ...L
   }, O) => {
     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 = () => {
+      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 = () => {
       N === void 0 && W(""), G?.();
-    }, n = h(
-      () => se(!!y, !!j),
+    }, s = h(
+      () => ne(!!y, !!j),
       [y, j]
     ), k = h(() => ae(i, a), [i, a]), d = h(
       () => re(f, i, g, a),
@@ -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",
-            n[t].labelFont
+            s[t].labelFont
           ),
           children: [
             C,
@@ -86,13 +86,13 @@ const ie = le(
             placeholder: E,
             step: J,
             className: e(
-              "w-full border font-normal transition-all duration-300 ease-in-out outline-none",
+              "w-full border font-normal transition-all duration-300 ease-in-out outline-none cursor-text",
               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 && g && !f && "text-white",
               "[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none",
-              n[t].input,
-              n[t].padding,
+              s[t].input,
+              s[t].padding,
               M,
               k
             ),
@@ -105,14 +105,14 @@ const ie = le(
             className: e(
               "absolute top-1/2 flex -translate-y-1/2 items-center justify-center",
               "transition-all duration-300",
-              n[t].leftIcon,
+              s[t].leftIcon,
               d
             ),
             children: /* @__PURE__ */ l(
               "div",
               {
-                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 })
+                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 })
               }
             )
           }
@@ -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",
-              n[t].rightIcon
+              s[t].rightIcon
             ),
             children: [
               b && /* @__PURE__ */ l(
@@ -133,22 +133,22 @@ const ie = le(
                   onClick: q,
                   className: e(
                     "flex cursor-pointer items-center justify-center",
-                    n[t].iconWrapper,
+                    s[t].iconWrapper,
                     a ? "text-neutral-100 hover:text-white" : "text-slate-base hover:text-black"
                   ),
-                  children: /* @__PURE__ */ l("span", { className: e("flex items-center justify-center", n[t].icon), children: /* @__PURE__ */ l(ne, { className: e("h-full w-full") }) })
+                  children: /* @__PURE__ */ l("span", { className: e("flex items-center justify-center", s[t].icon), children: /* @__PURE__ */ l(se, { className: e("h-full w-full") }) })
                 }
               ),
               r && !o && /* @__PURE__ */ l(
                 "div",
                 {
-                  className: e("flex items-center justify-center", n[t].iconWrapper),
+                  className: e("flex items-center justify-center", s[t].iconWrapper),
                   children: /* @__PURE__ */ l(
                     "span",
                     {
                       className: e(
                         "flex items-center justify-center",
-                        n[t].icon,
+                        s[t].icon,
                         d
                       ),
                       children: r
@@ -162,14 +162,14 @@ const ie = le(
                   {
                     className: e(
                       "flex items-center justify-center",
-                      n[t].iconWrapper
+                      s[t].iconWrapper
                     ),
                     children: /* @__PURE__ */ l(
                       "span",
                       {
                         className: e(
                           "flex items-center justify-center",
-                          n[t].icon,
+                          s[t].icon,
                           d
                         ),
                         children: r
@@ -184,13 +184,13 @@ const ie = le(
                     onClick: $,
                     className: e(
                       "flex cursor-pointer items-center justify-center",
-                      n[t].iconWrapper,
+                      s[t].iconWrapper,
                       d
                     ),
                     children: /* @__PURE__ */ l(
                       "span",
                       {
-                        className: e("flex items-center justify-center", n[t].icon),
+                        className: e("flex items-center justify-center", s[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") })
                       }
                     )
@@ -200,13 +200,13 @@ const ie = le(
               c && u === "right" && !o && /* @__PURE__ */ l(
                 "div",
                 {
-                  className: e("flex items-center justify-center", n[t].iconWrapper),
+                  className: e("flex items-center justify-center", s[t].iconWrapper),
                   children: /* @__PURE__ */ l(
                     "span",
                     {
                       className: e(
                         "flex items-center justify-center",
-                        n[t].icon,
+                        s[t].icon,
                         d
                       ),
                       children: c

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

@@ -1,12 +1,12 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import { AltArrowDown as L, AltArrowLeft as z, MenuDots as E, AltArrowRight as S } from "@solar-icons/react";
-import { useMemo as T } from "react";
+import { AltArrowDown as E, AltArrowLeft as P, MenuDots as T, AltArrowRight as F } from "@solar-icons/react";
+import { useMemo as _ } from "react";
 import { cn as r } from "../../lib/utils.js";
-import { createPageRange as F } from "./mci-pagination.utils.js";
-const _ = {
+import { createPageRange as G } from "./mci-pagination.utils.js";
+const O = {
   medium: "h-9 text-sm",
   large: "h-10 text-base"
-}, G = {
+}, R = {
   yellow: {
     active: "bg-yellow-500 text-white border-yellow-500",
     inactive: "bg-slate-100 border-slate-200 text-black hover:bg-slate-200",
@@ -38,26 +38,26 @@ const _ = {
     darkArrow: "text-neutral-50"
   }
 };
-function P({
+function J({
   totalItems: c,
   currentPage: m,
   perPage: b,
   onPageChange: u,
   onPerPageChange: h,
-  siblingCount: x = 1,
-  perPageOptions: N = [10, 30, 50, 100],
-  showPerPage: k = !0,
-  variant: y = "orange",
-  size: g = "large",
+  siblingCount: g = 1,
+  perPageOptions: y = [10, 30, 50, 100],
+  showPerPage: C = !0,
+  variant: I = "orange",
+  size: x = "large",
   darkMode: e = !1,
-  paginationClassName: I
+  paginationClassName: j
 }) {
-  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(
+  const w = Number.isFinite(c) && c > 0 ? c : 0, v = Number.isFinite(b) && b > 0 ? b : 10, i = Math.max(1, Math.ceil(w / v)), D = Number.isFinite(m) ? m : 1, l = Math.min(Math.max(1, D), i), f = C && typeof h == "function", p = i > 1, S = _(() => G(l, g, i), [l, g, i]), s = O[x], n = R[I ?? "yellow"], L = e ? n.darkActive : n.active, z = e ? n.darkInactive : n.inactive, N = e ? n.darkDisabled : n.disabled, A = e ? n.darkArrow : n.arrow;
+  return w === 0 || !f && !p ? null : /* @__PURE__ */ o("div", { className: r(
     "flex items-center justify-between gap-4 w-full",
-    I
+    j
   ), children: [
-    k && h && /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
+    f && /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ t(
         "span",
         {
@@ -73,18 +73,18 @@ function P({
           "select",
           {
             value: v,
-            onChange: (a) => h(Number(a.target.value)),
+            onChange: (a) => h?.(Number(a.target.value)),
             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",
-              g === "large" ? "h-10" : "h-9"
+              x === "large" ? "h-10" : "h-9"
             ),
             "aria-label": "Количество строк на странице",
-            children: N.map((a) => /* @__PURE__ */ t("option", { value: a, children: a }, a))
+            children: y.map((a) => /* @__PURE__ */ t("option", { value: a, children: a }, a))
           }
         ),
         /* @__PURE__ */ t(
-          L,
+          E,
           {
             className: r(
               "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none",
@@ -96,7 +96,7 @@ function P({
         )
       ] })
     ] }),
-    /* @__PURE__ */ o("nav", { "aria-label": "Пагинация", className: "flex items-center gap-1 shrink-0 whitespace-nowrap", children: [
+    p && /* @__PURE__ */ o("nav", { "aria-label": "Пагинация", className: "flex items-center gap-1 shrink-0 whitespace-nowrap", children: [
       /* @__PURE__ */ t(
         "button",
         {
@@ -107,12 +107,12 @@ function P({
             "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 === 1 ? r("cursor-not-allowed opacity-50", f) : r("hover:cursor-pointer", p, e ? "hover:bg-neutral-200" : "border-slate-200")
+            l === 1 ? r("cursor-not-allowed opacity-50", N) : r("cursor-pointer", A, e ? "hover:bg-neutral-200" : "border-slate-200")
           ),
-          children: /* @__PURE__ */ t(z, { weight: "Linear", size: 20 })
+          children: /* @__PURE__ */ t(P, { weight: "Linear", size: 20 })
         }
       ),
-      /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: j.map((a, A) => {
+      /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: S.map((a, k) => {
         if (a === "...")
           return /* @__PURE__ */ t(
             "span",
@@ -123,9 +123,9 @@ function P({
                 s
               ),
               "aria-hidden": "true",
-              children: /* @__PURE__ */ t(E, { weight: "Bold", size: 20 })
+              children: /* @__PURE__ */ t(T, { weight: "Bold", size: 20 })
             },
-            A
+            k
           );
         const d = a === l;
         return /* @__PURE__ */ t(
@@ -135,13 +135,13 @@ function P({
             "aria-label": `Страница ${a}${d ? ", текущая" : ""}`,
             "aria-current": d ? "page" : void 0,
             className: r(
-              "flex items-center justify-center rounded-lg border font-medium transition-all hover:cursor-pointer min-w-10 px-2",
+              "flex cursor-pointer items-center justify-center rounded-lg border font-medium transition-all min-w-10 px-2",
               s,
-              d ? C : D
+              d ? L : z
             ),
             children: a
           },
-          A
+          k
         );
       }) }),
       /* @__PURE__ */ t(
@@ -154,14 +154,14 @@ function P({
             "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 === i ? 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", N) : r("cursor-pointer", A, e ? "hover:bg-neutral-200" : "border-slate-200")
           ),
-          children: /* @__PURE__ */ t(S, { size: 20, weight: "Linear" })
+          children: /* @__PURE__ */ t(F, { size: 20, weight: "Linear" })
         }
       )
     ] })
   ] });
 }
 export {
-  P as default
+  J as default
 };

package/dist/shared/ui/mciPhone/MciPhone.js

@@ -1,4 +1,4 @@
-import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import { jsxs as c, jsx as s } from "react/jsx-runtime";
 import { forwardRef as I, useState as L, useMemo as h } from "react";
 import { cn as n } from "../../lib/utils.js";
 import { Phone as V } from "@solar-icons/react";
@@ -10,64 +10,64 @@ const W = I(
     size: u = "base",
     darkMode: e = !1,
     error: t,
-    disabled: s = !1,
+    disabled: a = !1,
     required: b = !1,
-    value: o = "",
-    onChange: c,
+    value: i = "",
+    onChange: r,
     onFocus: g,
     onBlur: N,
     className: P,
     name: _,
     showIcon: m = !1
   }, w) => {
-    const [i, f] = L(!1), y = (B) => {
+    const [o, f] = L(!1), y = (B) => {
       const x = B.target.value;
       if (x.length < 5) {
-        c?.("+998");
+        r?.("+998");
         return;
       }
       const E = R(x);
-      c?.(E);
+      r?.(E);
     }, S = () => {
-      f(!0), (!o || o === "") && c?.("+998"), g?.();
+      f(!0), (!i || i === "") && r?.("+998"), g?.();
     }, F = () => {
       f(!1), N?.();
     }, l = z[u], j = m ? l.iconPadding : l.defaultPadding, v = h(() => H(t, e), [t, e]), C = h(
-      () => O(s, t, i, e),
-      [t, i, s, e]
+      () => O(a, t, o, e),
+      [t, o, a, e]
     );
-    return /* @__PURE__ */ r("div", { className: n("w-full", P), children: [
-      d && /* @__PURE__ */ r("label", { className: n(
+    return /* @__PURE__ */ c("div", { className: n("w-full", P), children: [
+      d && /* @__PURE__ */ c("label", { className: n(
         "mb-2 block font-medium transition-colors duration-200",
-        t ? e ? "text-red-500" : "text-red-600" : e ? "text-neutral-50" : i ? "text-blue-600" : "text-slate-700",
+        t ? e ? "text-red-500" : "text-red-600" : e ? "text-neutral-50" : o ? "text-blue-600" : "text-slate-700",
         l.labelFont
       ), children: [
         d,
-        b && /* @__PURE__ */ a("span", { className: "text-red-600 ml-1", children: "*" })
+        b && /* @__PURE__ */ s("span", { className: "text-red-600 ml-1", children: "*" })
       ] }),
-      /* @__PURE__ */ r("div", { className: "relative flex items-center", children: [
-        m && /* @__PURE__ */ a("div", { className: n(
+      /* @__PURE__ */ c("div", { className: "relative flex items-center", children: [
+        m && /* @__PURE__ */ s("div", { className: n(
           "absolute top-1/2 flex -translate-y-1/2 items-center justify-center transition-all duration-300",
           l.iconLeft,
           C
-        ), children: /* @__PURE__ */ a("div", { className: n("flex items-center justify-center", l.iconWrapper), children: /* @__PURE__ */ a(V, { className: n(l.iconSize), weight: "Linear" }) }) }),
-        /* @__PURE__ */ a(
+        ), children: /* @__PURE__ */ s("div", { className: n("flex items-center justify-center", l.iconWrapper), children: /* @__PURE__ */ s(V, { className: n(l.iconSize), weight: "Linear" }) }) }),
+        /* @__PURE__ */ s(
           "input",
           {
             ref: w,
             name: _,
             type: "tel",
-            value: o,
+            value: i,
             onChange: y,
             onFocus: S,
             onBlur: F,
-            disabled: s,
+            disabled: a,
             placeholder: p,
             className: n(
-              "w-full border font-normal transition-all duration-300 outline-none",
+              "w-full border font-normal transition-all duration-300 outline-none cursor-text",
               u === "base" ? "rounded-xl" : "rounded-lg",
               e ? "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:bg-slate-100 disabled:text-slate-400 disabled:cursor-not-allowed",
-              e && i && !s && "text-white",
+              e && o && !a && "text-white",
               l.input,
               j,
               v
@@ -75,7 +75,7 @@ const W = I(
           }
         )
       ] }),
-      t && /* @__PURE__ */ a("p", { className: n(
+      t && /* @__PURE__ */ s("p", { className: n(
         "mt-2 animate-slide-up text-sm font-normal",
         e ? "text-red-500" : "text-red-600"
       ), children: t })

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

@@ -314,7 +314,7 @@ const Ze = $e(
           }
         )
       ] }),
-      /* @__PURE__ */ r("div", { className: "grid grid-cols-3 gap-2", children: H.monthsShort.map((e, t) => /* @__PURE__ */ r("button", { type: "button", onClick: () => Fe(t), className: a("py-3 rounded-lg text-sm font-semibold transition-colors hover:cursor-pointer", m.getMonth() === t ? "bg-blue-600 text-white" : l ? "text-neutral-50 hover:bg-neutral-300 hover:text-white" : "text-slate-600 hover:bg-blue-50"), children: e }, e)) })
+      /* @__PURE__ */ r("div", { className: "grid grid-cols-3 gap-2", children: H.monthsShort.map((e, t) => /* @__PURE__ */ r("button", { type: "button", onClick: () => Fe(t), className: a("cursor-pointer py-3 rounded-lg text-sm font-semibold transition-colors", m.getMonth() === t ? "bg-blue-600 text-white" : l ? "text-neutral-50 hover:bg-neutral-300 hover:text-white" : "text-slate-600 hover:bg-blue-50"), children: e }, e)) })
     ] }), Ee = () => {
       const e = Math.floor(m.getFullYear() / 12) * 12 + we * 12, t = Array.from({ length: 12 }, (n, i) => e + i);
       return /* @__PURE__ */ h("div", { className: "w-[300px] p-3", children: [
@@ -349,7 +349,7 @@ const Ze = $e(
             }
           )
         ] }),
-        /* @__PURE__ */ r("div", { className: "grid grid-cols-3 gap-2", children: t.map((n) => /* @__PURE__ */ r("button", { type: "button", onClick: () => Ye(n), className: a("py-3 rounded-lg text-sm font-semibold transition-colors hover:cursor-pointer", m.getFullYear() === n ? "bg-blue-600 text-white" : l ? "text-neutral-50 hover:bg-neutral-300 hover:text-white" : "text-slate-600 hover:bg-blue-50"), children: n }, n)) })
+        /* @__PURE__ */ r("div", { className: "grid grid-cols-3 gap-2", children: t.map((n) => /* @__PURE__ */ r("button", { type: "button", onClick: () => Ye(n), className: a("cursor-pointer py-3 rounded-lg text-sm font-semibold transition-colors", m.getFullYear() === n ? "bg-blue-600 text-white" : l ? "text-neutral-50 hover:bg-neutral-300 hover:text-white" : "text-slate-600 hover:bg-blue-50"), children: n }, n)) })
       ] });
     }, ce = /* @__PURE__ */ r(
       "div",