shekel-fe-shared-lib 1.0.42 → 1.0.43

package/dist/index.mjs

@@ -90,16 +90,16 @@ const V0 = ({
           ...s.style
         },
         onMouseEnter: (c) => {
-          var m;
-          s.disabled || (e === "primary" ? c.target.style.backgroundColor = "#D8524D" : e === "secondary" ? c.target.style.backgroundColor = "#4B5563" : e === "outline" ? c.target.style.backgroundColor = "#F3F4F6" : e === "ghost" && (c.target.style.backgroundColor = "#E1E4E6")), (m = s.onMouseEnter) == null || m.call(s, c);
+          var u;
+          s.disabled || (e === "primary" ? c.target.style.backgroundColor = "#D8524D" : e === "secondary" ? c.target.style.backgroundColor = "#4B5563" : e === "outline" ? c.target.style.backgroundColor = "#F3F4F6" : e === "ghost" && (c.target.style.backgroundColor = "#E1E4E6")), (u = s.onMouseEnter) == null || u.call(s, c);
         },
         onMouseLeave: (c) => {
-          var m;
+          var u;
           if (!s.disabled) {
             const p = l();
             c.target.style.backgroundColor = p.backgroundColor || "";
           }
-          (m = s.onMouseLeave) == null || m.call(s, c);
+          (u = s.onMouseLeave) == null || u.call(s, c);
         },
         children: n
       }
@@ -115,13 +115,13 @@ const V0 = ({
   progressText: l,
   badge: a,
   width: c = 347,
-  className: m = "",
+  className: u = "",
   selected: p = !1,
   onClick: h,
   size: b = "md",
   rounded: L = "2xl"
 }) => {
-  const g = b === "sm" ? "p-3" : b === "lg" ? "p-6" : "p-4", u = {
+  const g = b === "sm" ? "p-3" : b === "lg" ? "p-6" : "p-4", f = {
     none: "rounded-none",
     sm: "rounded-sm",
     md: "rounded-md",
@@ -136,7 +136,7 @@ const V0 = ({
   return /* @__PURE__ */ d(
     "div",
     {
-      className: `bg-white border flex flex-col justify-between transition-all duration-300 ease-in-out hover:border-gray-300 hover:-translate-y-1 cursor-pointer ${g} ${u} ${p ? "border-[#EC615B]" : "border-[#E6E6E6]"} ${m}`,
+      className: `bg-white border flex flex-col justify-between transition-all duration-300 ease-in-out hover:border-gray-300 hover:-translate-y-1 cursor-pointer ${g} ${f} ${p ? "border-[#EC615B]" : "border-[#E6E6E6]"} ${u}`,
       style: {
         width: typeof c == "number" ? `${c}px` : c,
         boxShadow: p ? "0 0 0 1px #EC615B" : "0 0 0 0 rgba(0, 0, 0, 0)",
@@ -186,7 +186,7 @@ const V0 = ({
   bgColor: l,
   borderColor: a,
   focusBorderColor: c,
-  iconColor: m,
+  iconColor: u,
   textColor: p,
   placeholderColor: h,
   rounded: b = "md",
@@ -196,7 +196,7 @@ const V0 = ({
   process.env.NODE_ENV !== "production" && console.warn(
     "[Shekel Shared Lib] SearchInput is deprecated as of v1.0.11. Please use the new Input component instead for better functionality and consistent styling."
   );
-  const w = "relative inline-flex items-center", u = "border focus:outline-none focus:ring-1 transition-all duration-200 ease-in-out", v = {
+  const w = "relative inline-flex items-center", f = "border focus:outline-none focus:ring-1 transition-all duration-200 ease-in-out", v = {
     sm: "px-3 py-1.5 text-sm",
     md: "px-4 py-2 text-base",
     lg: "px-5 py-3 text-lg",
@@ -212,12 +212,12 @@ const V0 = ({
     md: "rounded-lg",
     lg: "rounded-xl",
     full: "rounded-full"
-  }, _ = r === "left" ? o === "sm" ? "pl-9" : o === "md" ? "pl-10" : o === "lg" ? "pl-12" : "pl-9 sm:pl-10 md:pl-12" : o === "sm" ? "pr-9" : o === "md" ? "pr-10" : o === "lg" ? "pr-12" : "pr-9 sm:pr-10 md:pr-12", C = n ? "w-full" : "", f = {
+  }, _ = r === "left" ? o === "sm" ? "pl-9" : o === "md" ? "pl-10" : o === "lg" ? "pl-12" : "pl-9 sm:pl-10 md:pl-12" : o === "sm" ? "pr-9" : o === "md" ? "pr-10" : o === "lg" ? "pr-12" : "pr-9 sm:pr-10 md:pr-12", C = n ? "w-full" : "", m = {
     backgroundColor: l,
     borderColor: a || "#D1D5DB",
     color: p,
     ...L
-  }, k = h ? "" : "placeholder:text-gray-400", U = a ? "" : "border-gray-300", H = p ? "" : "text-gray-900", B = c ? "" : "focus:ring-[#EC615B] focus:border-[#EC615B]", G = `${u} ${!s.includes("px-") && !s.includes("py-") ? v[o] : ""} ${e ? _ : ""} ${C} ${s.includes("rounded") ? "" : x[b]} ${s.includes("border-") ? "" : U} ${H} ${B} ${k} ${s}`, E = r === "left" ? "left-3" : "right-3", S = m || "text-gray-400", M = m ? "" : "hover:text-gray-600", N = /* @__PURE__ */ t(
+  }, k = h ? "" : "placeholder:text-gray-400", U = a ? "" : "border-gray-300", H = p ? "" : "text-gray-900", B = c ? "" : "focus:ring-[#EC615B] focus:border-[#EC615B]", G = `${f} ${!s.includes("px-") && !s.includes("py-") ? v[o] : ""} ${e ? _ : ""} ${C} ${s.includes("rounded") ? "" : x[b]} ${s.includes("border-") ? "" : U} ${H} ${B} ${k} ${s}`, E = r === "left" ? "left-3" : "right-3", S = u || "text-gray-400", M = u ? "" : "hover:text-gray-600", N = /* @__PURE__ */ t(
     "svg",
     {
       className: `${y[o]} ${S}`,
@@ -251,7 +251,7 @@ const V0 = ({
         type: "text",
         className: G,
         style: {
-          ...f,
+          ...m,
           ...c && {
             "--focus-border-color": c
           },
@@ -293,7 +293,7 @@ const V0 = ({
   disabled: l = !1,
   size: a = "md",
   menuBgColor: c,
-  menuItemHoverColor: m,
+  menuItemHoverColor: u,
   dangerColor: p,
   borderColor: h,
   style: b
@@ -307,7 +307,7 @@ const V0 = ({
       document.removeEventListener("mousedown", $);
     };
   }, [L]);
-  const u = () => {
+  const f = () => {
     !l && r === "click" && g(!L);
   }, v = () => {
     !l && r === "hover" && g(!0);
@@ -320,7 +320,7 @@ const V0 = ({
     bottomRight: "top-full right-0 mt-1",
     topLeft: "bottom-full left-0 mb-1",
     topRight: "bottom-full right-0 mb-1"
-  }, C = o.startsWith("bottom") ? "dropdown-slide-down" : "dropdown-slide-up", f = {
+  }, C = o.startsWith("bottom") ? "dropdown-slide-down" : "dropdown-slide-up", m = {
     sm: "min-w-[120px] text-xs",
     md: "min-w-[160px] text-sm",
     lg: "min-w-[220px] text-base",
@@ -330,7 +330,7 @@ const V0 = ({
     md: "px-4 py-2 text-sm gap-2",
     lg: "px-5 py-3 text-base gap-2.5",
     responsive: "px-3 sm:px-4 md:px-5 py-1.5 sm:py-2 md:py-3 text-xs sm:text-sm md:text-base gap-1.5 sm:gap-2 md:gap-2.5"
-  }, U = "hover:bg-gray-50", H = "border-gray-200", B = "text-red-600", G = m ? { backgroundColor: m } : {}, E = m ? "" : U, S = p ? { color: p } : {}, M = p ? { backgroundColor: p + "15" } : {}, N = h || H;
+  }, U = "hover:bg-gray-50", H = "border-gray-200", B = "text-red-600", G = u ? { backgroundColor: u } : {}, E = u ? "" : U, S = p ? { color: p } : {}, M = p ? { backgroundColor: p + "15" } : {}, N = h || H;
   return /* @__PURE__ */ d(
     "div",
     {
@@ -343,7 +343,7 @@ const V0 = ({
         /* @__PURE__ */ t(
           "div",
           {
-            onClick: u,
+            onClick: f,
             className: `inline-flex ${l ? "cursor-not-allowed opacity-50" : "cursor-pointer"}`,
             children: n
           }
@@ -351,7 +351,7 @@ const V0 = ({
         L && !l && /* @__PURE__ */ t(
           "div",
           {
-            className: `absolute ${_[o]} ${C} z-50 ${f[a]} ${i}`,
+            className: `absolute ${_[o]} ${C} z-50 ${m[a]} ${i}`,
             children: /* @__PURE__ */ t(
               "div",
               {
@@ -362,7 +362,7 @@ const V0 = ({
                   return $.disabled || ($.danger ? Z = {
                     ...S,
                     ...M
-                  } : m && (Z = G)), /* @__PURE__ */ d(
+                  } : u && (Z = G)), /* @__PURE__ */ d(
                     "div",
                     {
                       onClick: () => x($),
@@ -422,8 +422,8 @@ var k2 = (e) => /^\w*$/.test(e), i2 = (e) => e === void 0, A2 = (e) => Array.isA
     const a = s[n];
     let c = o;
     if (n !== l) {
-      const m = e[a];
-      c = R(m) || Array.isArray(m) ? m : isNaN(+s[n + 1]) ? {} : [];
+      const u = e[a];
+      c = R(u) || Array.isArray(u) ? u : isNaN(+s[n + 1]) ? {} : [];
     }
     if (a === "__proto__" || a === "constructor" || a === "prototype")
       return;
@@ -467,10 +467,10 @@ function T2(e) {
     name: s,
     formState: c.current,
     exact: i,
-    callback: (m) => {
+    callback: (u) => {
       !n && a({
         ...o._formState,
-        ...m
+        ...u
       });
     }
   }), [s, n, i]), V.useEffect(() => {
@@ -502,34 +502,34 @@ function Y(e, r, o = /* @__PURE__ */ new WeakSet()) {
   return !0;
 }
 function K2(e) {
-  const r = c2(), { control: o = r, name: n, defaultValue: s, disabled: i, exact: l, compute: a } = e || {}, c = V.useRef(s), m = V.useRef(a), p = V.useRef(void 0), h = V.useRef(o), b = V.useRef(n);
-  m.current = a;
+  const r = c2(), { control: o = r, name: n, defaultValue: s, disabled: i, exact: l, compute: a } = e || {}, c = V.useRef(s), u = V.useRef(a), p = V.useRef(void 0), h = V.useRef(o), b = V.useRef(n);
+  u.current = a;
   const [L, g] = V.useState(() => {
     const _ = o._getWatch(n, c.current);
-    return m.current ? m.current(_) : _;
+    return u.current ? u.current(_) : _;
   }), w = V.useCallback((_) => {
     const C = y2(n, o._names, _ || o._formValues, !1, c.current);
-    return m.current ? m.current(C) : C;
-  }, [o._formValues, o._names, n]), u = V.useCallback((_) => {
+    return u.current ? u.current(C) : C;
+  }, [o._formValues, o._names, n]), f = V.useCallback((_) => {
     if (!i) {
       const C = y2(n, o._names, _ || o._formValues, !1, c.current);
-      if (m.current) {
-        const f = m.current(C);
-        Y(f, p.current) || (g(f), p.current = f);
+      if (u.current) {
+        const m = u.current(C);
+        Y(m, p.current) || (g(m), p.current = m);
       } else
         g(C);
     }
   }, [o._formValues, o._names, i, n]);
-  F2(() => ((h.current !== o || !Y(b.current, n)) && (h.current = o, b.current = n, u()), o._subscribe({
+  F2(() => ((h.current !== o || !Y(b.current, n)) && (h.current = o, b.current = n, f()), o._subscribe({
     name: n,
     formState: {
       values: !0
     },
     exact: l,
     callback: (_) => {
-      u(_.values);
+      f(_.values);
     }
-  })), [o, l, n, u]), V.useEffect(() => o._removeUnmounted());
+  })), [o, l, n, f]), V.useEffect(() => o._removeUnmounted());
   const v = h.current !== o, y = b.current, x = V.useMemo(() => {
     if (i)
       return null;
@@ -539,10 +539,10 @@ function K2(e) {
   return x !== null ? x : L;
 }
 function A(e) {
-  const r = c2(), { name: o, disabled: n, control: s = r, shouldUnregister: i, defaultValue: l, exact: a = !0 } = e, c = P2(s._names.array, o), m = V.useMemo(() => z(s._formValues, o, z(s._defaultValues, o, l)), [s, o, l]), p = K2({
+  const r = c2(), { name: o, disabled: n, control: s = r, shouldUnregister: i, defaultValue: l, exact: a = !0 } = e, c = P2(s._names.array, o), u = V.useMemo(() => z(s._formValues, o, z(s._defaultValues, o, l)), [s, o, l]), p = K2({
     control: s,
     name: o,
-    defaultValue: m,
+    defaultValue: u,
     exact: a
   }), h = T2({
     control: s,
@@ -575,7 +575,7 @@ function A(e) {
       enumerable: !0,
       get: () => z(h.errors, o)
     }
-  }), [h, o]), u = V.useCallback((_) => g.current.onChange({
+  }), [h, o]), f = V.useCallback((_) => g.current.onChange({
     target: {
       value: D2(_),
       name: o
@@ -592,33 +592,33 @@ function A(e) {
     C && C._f && _ && (C._f.ref = {
       focus: () => J(_.focus) && _.focus(),
       select: () => J(_.select) && _.select(),
-      setCustomValidity: (f) => J(_.setCustomValidity) && _.setCustomValidity(f),
+      setCustomValidity: (m) => J(_.setCustomValidity) && _.setCustomValidity(m),
       reportValidity: () => J(_.reportValidity) && _.reportValidity()
     });
   }, [s._fields, o]), x = V.useMemo(() => ({
     name: o,
     value: p,
     ...s2(n) || h.disabled ? { disabled: h.disabled || n } : {},
-    onChange: u,
+    onChange: f,
     onBlur: v,
     ref: y
-  }), [o, n, h.disabled, u, v, y, p]);
+  }), [o, n, h.disabled, f, v, y, p]);
   return V.useEffect(() => {
     const _ = s._options.shouldUnregister || i, C = L.current;
     C && C !== o && !c && s.unregister(C), s.register(o, {
       ...b.current.rules,
       ...s2(b.current.disabled) ? { disabled: b.current.disabled } : {}
     });
-    const f = (k, U) => {
+    const m = (k, U) => {
       const H = z(s._fields, k);
       H && H._f && (H._f.mount = U);
     };
-    if (f(o, !0), _) {
+    if (m(o, !0), _) {
       const k = w2(z(s._options.defaultValues, o, b.current.defaultValue));
       m2(s._defaultValues, o, k), i2(z(s._formValues, o)) && m2(s._formValues, o, k);
     }
     return !c && s.register(o), L.current = o, () => {
-      (c ? _ && !s._state.action : _) ? s.unregister(o) : f(o, !1);
+      (c ? _ && !s._state.action : _) ? s.unregister(o) : m(o, !1);
     };
   }, [o, s, c, i]), V.useEffect(() => {
     s._setDisabledField({
@@ -643,20 +643,20 @@ const V2 = ({
   name: l,
   disabled: a = !1,
   size: c = "md",
-  fullWidth: m = !1,
+  fullWidth: u = !1,
   className: p = "",
   allowClear: h = !1,
   showSearch: b = !1,
   searchPlaceholder: L = "Search...",
   bgColor: g,
   borderColor: w,
-  focusBorderColor: u = "#EC615B",
+  focusBorderColor: f = "#EC615B",
   selectedBgColor: v,
   selectedTextColor: y,
   hoverBgColor: x,
   rounded: _ = "lg",
   style: C,
-  label: f,
+  label: m,
   error: k,
   helperText: U
 }) => {
@@ -686,7 +686,7 @@ const V2 = ({
     md: "rounded-md",
     lg: "rounded-lg",
     full: "rounded-full"
-  }, H2 = m ? "w-full" : "min-w-[200px]", r2 = () => {
+  }, H2 = u ? "w-full" : "min-w-[200px]", r2 = () => {
     const F = {};
     return g && (F.backgroundColor = g), w && (F.borderColor = w), F;
   }, N2 = () => {
@@ -703,7 +703,7 @@ const V2 = ({
     }
   ), $2 = /* @__PURE__ */ t("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) });
   return /* @__PURE__ */ d("div", { className: `relative inline-block ${H2}`, style: C, children: [
-    f && /* @__PURE__ */ t("label", { className: "block text-sm font-medium mb-2", style: { color: k ? "#C21919" : "#181918" }, children: f }),
+    m && /* @__PURE__ */ t("label", { className: "block text-sm font-medium mb-2", style: { color: k ? "#C21919" : "#181918" }, children: m }),
     /* @__PURE__ */ d("div", { ref: N, className: "relative", children: [
       /* @__PURE__ */ t("input", { type: "hidden", name: l, value: Z ?? "", readOnly: !0 }),
       /* @__PURE__ */ d(
@@ -725,8 +725,8 @@ const V2 = ({
             backgroundColor: g || r2().backgroundColor || "#FFFFFF",
             borderColor: k ? "#C21919" : w || r2().borderColor || "#D1D5DB",
             ...H && {
-              borderColor: k ? "#C21919" : u,
-              boxShadow: `0 0 0 2px ${k ? "#C21919" : u}20`
+              borderColor: k ? "#C21919" : f,
+              boxShadow: `0 0 0 2px ${k ? "#C21919" : f}20`
             },
             ...!a && !H && x && {
               cursor: "pointer"
@@ -766,7 +766,7 @@ const V2 = ({
             className: "w-full px-3 py-1.5 text-sm border border-gray-300 rounded focus:outline-none focus:ring-2 transition-all duration-200 ease-out",
             style: {
               borderColor: w,
-              boxShadow: `0 0 0 2px ${u}20`
+              boxShadow: `0 0 0 2px ${f}20`
             },
             onClick: (F) => F.stopPropagation()
           }
@@ -840,14 +840,14 @@ const V2 = ({
   className: l = "",
   bordered: a = !1,
   striped: c = !1,
-  size: m = "md",
+  size: u = "md",
   headerBgColor: p,
   headerTextColor: h,
   rowHoverColor: b,
   borderColor: L,
   stripedRowColor: g,
   rounded: w = "md",
-  style: u
+  style: f
 }) => {
   const [v, y] = O(
     n && typeof n == "object" && n.current || 1
@@ -882,19 +882,19 @@ const V2 = ({
       rowFontSize: "text-xs sm:text-xs md:text-sm",
       containerRounded: "rounded-md sm:rounded-lg md:rounded-lg"
     }
-  }, f = {
+  }, m = {
     none: "",
     sm: "rounded-sm",
     md: "rounded-md",
     lg: "rounded-lg",
     xl: "rounded-xl",
     "2xl": "rounded-2xl"
-  }, k = C[m], U = f[w], H = (M, N) => typeof o == "function" ? o(M) : M[o] || String(N), B = (M, N) => N ? N.split(".").reduce(($, Z) => $ == null ? void 0 : $[Z], M) : M, G = n === !1 ? r : r.slice((v - 1) * x, v * x), E = (M) => {
+  }, k = C[u], U = m[w], H = (M, N) => typeof o == "function" ? o(M) : M[o] || String(N), B = (M, N) => N ? N.split(".").reduce(($, Z) => $ == null ? void 0 : $[Z], M) : M, G = n === !1 ? r : r.slice((v - 1) * x, v * x), E = (M) => {
     y(M), n && typeof n == "object" && n.onChange && n.onChange(M, x);
   }, S = (M) => {
     _(M), y(1), n && typeof n == "object" && n.onChange && n.onChange(1, M);
   };
-  return /* @__PURE__ */ d("div", { className: "w-full", style: u, children: [
+  return /* @__PURE__ */ d("div", { className: "w-full", style: f, children: [
     /* @__PURE__ */ t(
       "div",
       {
@@ -1026,7 +1026,7 @@ const V2 = ({
         showSizeChanger: n && typeof n == "object" ? n.showSizeChanger : !0,
         pageSizeOptions: n && typeof n == "object" ? n.pageSizeOptions : [10, 20, 50, 100],
         showTotal: n && typeof n == "object" ? n.showTotal : !0,
-        size: n && typeof n == "object" && n.size ? n.size : m === "responsive" ? "md" : m
+        size: n && typeof n == "object" && n.size ? n.size : u === "responsive" ? "md" : u
       }
     )
   ] });
@@ -1041,7 +1041,7 @@ const V2 = ({
   showTotal: a = !0,
   size: c = "md"
 }) => {
-  const m = Math.ceil(o / r), p = (e - 1) * r + 1, h = Math.min(e * r, o), b = {
+  const u = Math.ceil(o / r), p = (e - 1) * r + 1, h = Math.min(e * r, o), b = {
     sm: {
       button: "px-2.5 py-1 text-xs",
       icon: "h-3.5 w-3.5",
@@ -1059,19 +1059,19 @@ const V2 = ({
     }
   }, L = () => {
     const g = [];
-    if (m <= 7)
-      for (let u = 1; u <= m; u++)
-        g.push(u);
+    if (u <= 7)
+      for (let f = 1; f <= u; f++)
+        g.push(f);
     else if (e <= 3) {
-      for (let u = 1; u <= 5; u++) g.push(u);
-      g.push("..."), g.push(m);
-    } else if (e >= m - 2) {
+      for (let f = 1; f <= 5; f++) g.push(f);
+      g.push("..."), g.push(u);
+    } else if (e >= u - 2) {
       g.push(1), g.push("...");
-      for (let u = m - 4; u <= m; u++) g.push(u);
+      for (let f = u - 4; f <= u; f++) g.push(f);
     } else {
       g.push(1), g.push("...");
-      for (let u = e - 1; u <= e + 1; u++) g.push(u);
-      g.push("..."), g.push(m);
+      for (let f = e - 1; f <= e + 1; f++) g.push(f);
+      g.push("..."), g.push(u);
     }
     return g;
   };
@@ -1136,7 +1136,7 @@ const V2 = ({
           "button",
           {
             onClick: () => n(e + 1),
-            disabled: e === m,
+            disabled: e === u,
             className: `relative inline-flex items-center justify-center rounded-md ${b[c].nav} text-[#181918] hover:bg-gray-100 focus:z-20 disabled:opacity-30 disabled:cursor-not-allowed disabled:hover:bg-transparent transition-all duration-300 ease-out hover:scale-110 active:scale-95`,
             children: /* @__PURE__ */ t("svg", { className: b[c].icon, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", children: /* @__PURE__ */ t(
               "path",
@@ -1162,14 +1162,14 @@ const V2 = ({
   className: l = "",
   size: a = "responsive",
   titleColor: c,
-  descriptionColor: m,
+  descriptionColor: u,
   searchBgColor: p = "white",
   searchBorderColor: h = "#d1d5db",
   searchFocusBorderColor: b = "#3b82f6",
   rounded: L = "md",
   style: g,
   hideActionButtons: w = !1,
-  selectedActionButton: u
+  selectedActionButton: f
 }) => {
   const v = (k) => {
     n == null || n(k.target.value);
@@ -1232,7 +1232,7 @@ const V2 = ({
     md: "rounded-md",
     lg: "rounded-lg",
     full: "rounded-full"
-  }[L], f = {
+  }[L], m = {
     backgroundColor: p,
     borderColor: h
   };
@@ -1255,7 +1255,7 @@ const V2 = ({
             "p",
             {
               className: `${x.descriptionSize} ${x.descriptionMargin}`,
-              style: { color: m || "#6b7280" },
+              style: { color: u || "#6b7280" },
               children: r
             }
           )
@@ -1287,7 +1287,7 @@ const V2 = ({
                 placeholder: o,
                 onChange: v,
                 className: `block w-full ${x.searchPaddingLeft} pr-3 ${x.searchInputPy} border ${C} focus:outline-none focus:ring-2 focus:ring-opacity-50 ${x.searchInputSize} transition-colors duration-200`,
-                style: f,
+                style: m,
                 onFocus: (k) => {
                   k.currentTarget.style.borderColor = b, k.currentTarget.style.boxShadow = "0 0 0 2px rgba(59, 130, 246, 0.1)";
                 },
@@ -1297,7 +1297,7 @@ const V2 = ({
               }
             )
           ] }) }),
-          /* @__PURE__ */ t("div", { className: "flex items-center gap-2 w-full sm:w-auto", children: w && u ? u : s })
+          /* @__PURE__ */ t("div", { className: "flex items-center gap-2 w-full sm:w-auto", children: w && f ? f : s })
         ] }),
         i && /* @__PURE__ */ t("div", { className: `flex flex-wrap items-center ${x.gap}`, children: i })
       ]
@@ -1320,14 +1320,14 @@ const V2 = ({
   size: l = "md",
   closable: a = !0,
   maskClosable: c = !0,
-  centered: m = !0,
+  centered: u = !0,
   className: p = "",
   bgColor: h = "#ffffff",
   headerBgColor: b = "#ffffff",
   overlayColor: L = "rgba(0, 0, 0, 0.5)",
   bodyClassName: g = "",
   headerClassName: w = "",
-  maxHeight: u = "70vh"
+  maxHeight: f = "70vh"
 }) => {
   const [v, y] = O(!1), [x, _] = O(!1), C = i || X2[l], k = {
     width: typeof C == "number" ? `${C}px` : C,
@@ -1374,11 +1374,11 @@ const V2 = ({
             style: H
           }
         ),
-        /* @__PURE__ */ t("div", { className: `flex min-h-full items-center justify-center p-4 ${m ? "items-center" : "items-start pt-20"}`, children: /* @__PURE__ */ d(
+        /* @__PURE__ */ t("div", { className: `flex min-h-full items-center justify-center p-4 ${u ? "items-center" : "items-start pt-20"}`, children: /* @__PURE__ */ d(
           "div",
           {
             className: `relative rounded-lg shadow-xl transition-all duration-200 ease-out overflow-y-auto ${x ? "opacity-100 scale-100 translate-y-0" : "opacity-0 scale-95 -translate-y-4"} ${p}`,
-            style: { ...k, maxHeight: typeof u == "number" ? `${u}px` : u },
+            style: { ...k, maxHeight: typeof f == "number" ? `${f}px` : f },
             onClick: G,
             children: [
               (o || a) && /* @__PURE__ */ d(
@@ -1440,7 +1440,7 @@ const V2 = ({
   className: l = "",
   bgColor: a,
   textColor: c,
-  borderColor: m,
+  borderColor: u,
   rounded: p = "full",
   style: h
 }) => {
@@ -1468,7 +1468,7 @@ const V2 = ({
     warning: "bg-yellow-600",
     danger: "bg-red-600",
     info: "bg-cyan-600"
-  }, u = {
+  }, f = {
     sm: "w-3 h-3",
     md: "w-3.5 h-3.5",
     lg: "w-4 h-4",
@@ -1482,7 +1482,7 @@ const V2 = ({
   }, y = {
     ...a && { backgroundColor: a },
     ...c && { color: c },
-    ...m && { borderColor: m, borderWidth: "1px", borderStyle: "solid" },
+    ...u && { borderColor: u, borderWidth: "1px", borderStyle: "solid" },
     ...h
   };
   return /* @__PURE__ */ d(
@@ -1492,9 +1492,9 @@ const V2 = ({
       style: y,
       children: [
         n && /* @__PURE__ */ t("span", { className: `rounded-full ${g[o]} ${w[r]}` }),
-        s && i === "left" && /* @__PURE__ */ t("span", { className: `inline-flex items-center ${u[o]}`, children: s }),
+        s && i === "left" && /* @__PURE__ */ t("span", { className: `inline-flex items-center ${f[o]}`, children: s }),
         e,
-        s && i === "right" && /* @__PURE__ */ t("span", { className: `inline-flex items-center ${u[o]}`, children: s })
+        s && i === "right" && /* @__PURE__ */ t("span", { className: `inline-flex items-center ${f[o]}`, children: s })
       ]
     }
   );
@@ -1508,7 +1508,7 @@ const V2 = ({
   style: l,
   finishColor: a,
   processColor: c,
-  waitColor: m,
+  waitColor: u,
   errorColor: p,
   lineColor: h
 }) => {
@@ -1527,7 +1527,7 @@ const V2 = ({
     md: "text-sm",
     lg: "text-base",
     responsive: "text-xs sm:text-xs md:text-sm lg:text-base"
-  }, u = (y, x) => x || (y === "finish" ? /* @__PURE__ */ t("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ t(
+  }, f = (y, x) => x || (y === "finish" ? /* @__PURE__ */ t("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ t(
     "path",
     {
       fillRule: "evenodd",
@@ -1574,12 +1574,12 @@ const V2 = ({
           title: "text-gray-500",
           description: "text-gray-400",
           line: h ? `bg-[${h}]` : "bg-gray-300",
-          iconColor: m
+          iconColor: u
         };
     }
   };
   return o === "horizontal" ? /* @__PURE__ */ t("div", { className: `flex items-start ${i}`, style: l, children: e.map((y, x) => {
-    const _ = b(x, y), C = v(_), f = x === e.length - 1, k = {};
+    const _ = b(x, y), C = v(_), m = x === e.length - 1, k = {};
     return C.iconColor && (k.color = C.iconColor), /* @__PURE__ */ d("div", { className: "flex flex-1 items-start", children: [
       /* @__PURE__ */ d("div", { className: "flex flex-col items-center", children: [
         /* @__PURE__ */ t(
@@ -1587,7 +1587,7 @@ const V2 = ({
           {
             className: `flex items-center justify-center ${L[n]} rounded-full border transition-all duration-300 ${C.icon}`,
             style: k,
-            children: u(_, y.icon)
+            children: f(_, y.icon)
           }
         ),
         /* @__PURE__ */ d("div", { className: "mt-2 text-center", children: [
@@ -1607,7 +1607,7 @@ const V2 = ({
           )
         ] })
       ] }),
-      !f && /* @__PURE__ */ t(
+      !m && /* @__PURE__ */ t(
         "div",
         {
           className: `flex-1 h-0.5 mt-4 mx-2 ${C.line} transition-colors duration-300`
@@ -1615,7 +1615,7 @@ const V2 = ({
       )
     ] }, x);
   }) }) : /* @__PURE__ */ t("div", { className: `flex flex-col ${i}`, style: l, children: e.map((y, x) => {
-    const _ = b(x, y), C = v(_), f = x === e.length - 1, k = {};
+    const _ = b(x, y), C = v(_), m = x === e.length - 1, k = {};
     return C.iconColor && (k.color = C.iconColor), /* @__PURE__ */ d("div", { className: "flex", children: [
       /* @__PURE__ */ d("div", { className: "flex flex-col items-center mr-4", children: [
         /* @__PURE__ */ t(
@@ -1623,10 +1623,10 @@ const V2 = ({
           {
             className: `flex items-center justify-center ${L[n]} rounded-full border transition-all duration-300 ${C.icon}`,
             style: k,
-            children: u(_, y.icon)
+            children: f(_, y.icon)
           }
         ),
-        !f && /* @__PURE__ */ t(
+        !m && /* @__PURE__ */ t(
           "div",
           {
             className: `w-0.5 flex-1 my-1 ${C.line} transition-colors duration-300`,
@@ -1662,7 +1662,7 @@ const V2 = ({
   className: l = "",
   format: a,
   bgColor: c,
-  successColor: m,
+  successColor: u,
   exceptionColor: p,
   trackColor: h,
   rounded: b = "full"
@@ -1677,7 +1677,7 @@ const V2 = ({
     md: "text-sm",
     lg: "text-base",
     responsive: "text-xs sm:text-sm md:text-base lg:text-lg"
-  }, u = {
+  }, f = {
     none: "rounded-none",
     sm: "rounded-sm",
     md: "rounded-md",
@@ -1687,13 +1687,13 @@ const V2 = ({
     if (n) return n;
     switch (r) {
       case "success":
-        return m || "bg-green-500";
+        return u || "bg-green-500";
       case "exception":
         return p || "bg-red-500";
       case "active":
         return c || "bg-[#EC615B]";
       default:
-        return L === 100 ? m || "bg-green-500" : c || "bg-[#EC615B]";
+        return L === 100 ? u || "bg-green-500" : c || "bg-[#EC615B]";
     }
   }, y = () => h || "bg-gray-200", x = () => r === "success" || L === 100 ? /* @__PURE__ */ t("svg", { className: "w-4 h-4 text-green-500", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ t(
     "path",
@@ -1714,12 +1714,12 @@ const V2 = ({
     /* @__PURE__ */ t("div", { className: "flex-1", children: /* @__PURE__ */ t(
       "div",
       {
-        className: `w-full overflow-hidden ${g[i]} ${u[b]} ${y()}`,
+        className: `w-full overflow-hidden ${g[i]} ${f[b]} ${y()}`,
         style: { height: C },
         children: /* @__PURE__ */ t(
           "div",
           {
-            className: `${v()} ${g[i]} ${u[b]} transition-all duration-300 ease-out ${r === "active" ? "progress-active" : ""}`,
+            className: `${v()} ${g[i]} ${f[b]} transition-all duration-300 ease-out ${r === "active" ? "progress-active" : ""}`,
             style: {
               width: `${L}%`,
               height: C
@@ -1740,17 +1740,17 @@ const V2 = ({
   variant: l = "filled",
   className: a = "",
   id: c,
-  name: m,
+  name: u,
   value: p,
   checkedColor: h = "#EC615B",
   uncheckedColor: b = "#ffffff",
   checkedBorderColor: L = "#EC615B",
   style: g
 }) => {
-  const [w, u] = O(r), v = e !== void 0, y = v ? e : w, x = (B) => {
+  const [w, f] = O(r), v = e !== void 0, y = v ? e : w, x = (B) => {
     if (n) return;
     const G = B.target.checked;
-    v || u(G), o == null || o(G);
+    v || f(G), o == null || o(G);
   }, _ = {
     sm: "w-4 h-4",
     md: "w-5 h-5",
@@ -1761,23 +1761,23 @@ const V2 = ({
     md: "w-3.5 h-3.5",
     lg: "w-4 h-4",
     responsive: "w-2.5 h-2.5 sm:w-3.5 sm:h-3.5 lg:w-4 lg:h-4"
-  }, f = l === "filled", k = () => n ? "cursor-not-allowed opacity-50 border-gray-300 bg-gray-100" : !y && !s ? "border-gray-300 bg-white hover:border-gray-400" : "", U = () => {
+  }, m = l === "filled", k = () => n ? "cursor-not-allowed opacity-50 border-gray-300 bg-gray-100" : !y && !s ? "border-gray-300 bg-white hover:border-gray-400" : "", U = () => {
     if (!n && !(!y && !s))
-      return f ? {
+      return m ? {
         borderColor: L,
         backgroundColor: h
       } : {
         borderColor: L,
         backgroundColor: b
       };
-  }, H = () => f && (y || s) ? "text-white" : "";
+  }, H = () => m && (y || s) ? "text-white" : "";
   return /* @__PURE__ */ d("div", { className: "inline-flex items-center", style: g, children: [
     /* @__PURE__ */ t(
       "input",
       {
         type: "checkbox",
         id: c,
-        name: m,
+        name: u,
         value: p,
         checked: y,
         onChange: x,
@@ -1809,7 +1809,7 @@ const V2 = ({
               stroke: "currentColor",
               viewBox: "0 0 24 24",
               strokeWidth: 3,
-              style: !f && (y || s) ? { color: h } : void 0,
+              style: !m && (y || s) ? { color: h } : void 0,
               children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" })
             }
           ),
@@ -1819,7 +1819,7 @@ const V2 = ({
               className: `${C[i]} ${H()}`,
               fill: "currentColor",
               viewBox: "0 0 24 24",
-              style: !f && (y || s) ? { color: h } : void 0,
+              style: !m && (y || s) ? { color: h } : void 0,
               children: /* @__PURE__ */ t("rect", { x: "4", y: "11", width: "16", height: "2", rx: "1" })
             }
           )
@@ -1876,14 +1876,14 @@ const V2 = ({
   size: l = "md",
   bgColor: a,
   hoverBgColor: c,
-  textColor: m,
+  textColor: u,
   sublabelColor: p,
   removeButtonColor: h,
   removeButtonHoverColor: b,
   rounded: L = "md",
   style: g
 }) => {
-  const w = e0(l), u = t0(L), v = "#F4F4F4", y = "#EBEBEB", x = "#181918", _ = "#999999", C = "#9CA3AF", f = "#EC615B", k = a || v, U = c || y, H = m || x, B = p || _, G = h || C, E = b || f;
+  const w = e0(l), f = t0(L), v = "#F4F4F4", y = "#EBEBEB", x = "#181918", _ = "#999999", C = "#9CA3AF", m = "#EC615B", k = a || v, U = c || y, H = u || x, B = p || _, G = h || C, E = b || m;
   return e.length === 0 ? /* @__PURE__ */ t(
     "div",
     {
@@ -1904,7 +1904,7 @@ const V2 = ({
         {
           className: `
             group flex items-center justify-between
-            ${u}
+            ${f}
             transition-all duration-300 ease-out
             hover:shadow-sm
             animate-slide-in-item
@@ -1994,15 +1994,14 @@ const V2 = ({
   helperText: o,
   className: n = "",
   status: s,
-  ...i
-}, l) => {
-  const a = r ? "input-error-state" : "";
-  return /* @__PURE__ */ d("div", { className: "w-full", children: [
-    e && /* @__PURE__ */ d("label", { className: "block text-sm font-medium mb-2", style: { color: r ? "#C21919" : "#181918" }, children: [
-      e,
-      i.required && /* @__PURE__ */ t("span", { style: { color: "#C21919" }, children: "*" })
-    ] }),
-    /* @__PURE__ */ t("style", { children: r && `
+  required: i,
+  ...l
+}, a) => /* @__PURE__ */ d("div", { className: "w-full", children: [
+  e && /* @__PURE__ */ d("label", { className: "block text-sm font-medium mb-2", style: { color: r ? "#C21919" : "#181918" }, children: [
+    e,
+    i && /* @__PURE__ */ t("span", { style: { color: "#C21919" }, children: "*" })
+  ] }),
+  /* @__PURE__ */ t("style", { children: r && `
           .input-error-state .ant-input-group-addon {
             border-color: #C21919 !important;
           }
@@ -2018,43 +2017,42 @@ const V2 = ({
             box-shadow: 0 0 0 2px rgba(194, 25, 25, 0.1) !important;
           }
         ` }),
+  /* @__PURE__ */ t(
+    q,
+    {
+      ref: a,
+      className: `${n} ${r ? "input-error-state" : ""}`,
+      status: r ? "error" : s,
+      ...l,
+      style: {
+        height: "44px",
+        borderRadius: "12px",
+        padding: "4px 11px",
+        ...l.style
+      }
+    }
+  ),
+  r && /* @__PURE__ */ d("div", { className: "flex items-center mt-1 text-xs text-[#C21919]", children: [
     /* @__PURE__ */ t(
-      q,
+      "svg",
       {
-        ref: l,
-        className: `${n} ${a}`,
-        status: r ? "error" : s,
-        ...i,
-        style: {
-          height: "44px",
-          borderRadius: "12px",
-          padding: "4px 11px",
-          ...i.style
-        }
+        className: "w-3 h-3 mr-1",
+        fill: "currentColor",
+        viewBox: "0 0 20 20",
+        children: /* @__PURE__ */ t(
+          "path",
+          {
+            fillRule: "evenodd",
+            d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z",
+            clipRule: "evenodd"
+          }
+        )
       }
     ),
-    r && /* @__PURE__ */ d("div", { className: "flex items-center mt-1 text-xs text-[#C21919]", children: [
-      /* @__PURE__ */ t(
-        "svg",
-        {
-          className: "w-3 h-3 mr-1",
-          fill: "currentColor",
-          viewBox: "0 0 20 20",
-          children: /* @__PURE__ */ t(
-            "path",
-            {
-              fillRule: "evenodd",
-              d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z",
-              clipRule: "evenodd"
-            }
-          )
-        }
-      ),
-      r
-    ] }),
-    !r && o && /* @__PURE__ */ t("div", { className: "mt-1 text-xs text-gray-500", children: o })
-  ] });
-});
+    r
+  ] }),
+  !r && o && /* @__PURE__ */ t("div", { className: "mt-1 text-xs text-gray-500", children: o })
+] }));
 d2.displayName = "InputBase";
 const o0 = ({
   control: e,
@@ -2080,13 +2078,14 @@ const p2 = V.forwardRef(({
   helperText: o,
   className: n = "",
   status: s,
-  ...i
-}, l) => {
-  const c = `password-input-custom ${n} ${r ? "password-input-error-state" : ""}`;
+  required: i,
+  ...l
+}, a) => {
+  const u = `password-input-custom ${n} ${r ? "password-input-error-state" : ""}`;
   return /* @__PURE__ */ d("div", { className: "w-full", children: [
     e && /* @__PURE__ */ d("label", { className: "block text-sm font-medium mb-2", style: { color: r ? "#C21919" : "#181918" }, children: [
       e,
-      i.required && /* @__PURE__ */ t("span", { style: { color: "#C21919" }, children: "*" })
+      i && /* @__PURE__ */ t("span", { style: { color: "#C21919" }, children: "*" })
     ] }),
     /* @__PURE__ */ t("style", { children: r && `
           .password-input-error-state .ant-input-group-addon {
@@ -2109,14 +2108,14 @@ const p2 = V.forwardRef(({
     /* @__PURE__ */ t(
       q.Password,
       {
-        ref: l,
-        className: c,
+        ref: a,
+        className: u,
         status: r ? "error" : s,
-        ...i,
+        ...l,
         style: {
           height: "44px",
           borderRadius: "12px",
-          ...i.style
+          ...l.style
         }
       }
     ),
@@ -2172,47 +2171,47 @@ const M2 = ({
   disabled: a = !1,
   className: c = ""
 }) => {
-  const [m, p] = O(Array(e).fill("")), h = e2([]);
+  const [u, p] = O(Array(e).fill("")), h = e2([]);
   I(() => {
     if (r) {
-      const w = r.split("").slice(0, e), u = [...w, ...Array(e - w.length).fill("")];
-      p(u);
+      const w = r.split("").slice(0, e), f = [...w, ...Array(e - w.length).fill("")];
+      p(f);
     }
   }, [r, e]);
-  const b = (w, u) => {
+  const b = (w, f) => {
     var x;
-    if (u && !/^\d+$/.test(u)) return;
-    const v = [...m];
-    v[w] = u.slice(-1), p(v);
+    if (f && !/^\d+$/.test(f)) return;
+    const v = [...u];
+    v[w] = f.slice(-1), p(v);
     const y = v.join("");
-    o == null || o(y), u && w < e - 1 && ((x = h.current[w + 1]) == null || x.focus()), v.every((_) => _ !== "") && (s == null || s(y));
-  }, L = (w, u) => {
+    o == null || o(y), f && w < e - 1 && ((x = h.current[w + 1]) == null || x.focus()), v.every((_) => _ !== "") && (s == null || s(y));
+  }, L = (w, f) => {
     var v;
-    u.key === "Backspace" && !m[w] && w > 0 && ((v = h.current[w - 1]) == null || v.focus());
+    f.key === "Backspace" && !u[w] && w > 0 && ((v = h.current[w - 1]) == null || v.focus());
   }, g = (w) => {
     var C;
     w.preventDefault();
-    const u = w.clipboardData.getData("text/plain");
-    if (!/^\d+$/.test(u)) return;
-    const v = u.split("").slice(0, e), y = [...v, ...Array(e - v.length).fill("")];
+    const f = w.clipboardData.getData("text/plain");
+    if (!/^\d+$/.test(f)) return;
+    const v = f.split("").slice(0, e), y = [...v, ...Array(e - v.length).fill("")];
     p(y);
     const x = y.join("");
     o == null || o(x);
     const _ = Math.min(v.length, e - 1);
-    (C = h.current[_]) == null || C.focus(), y.every((f) => f !== "") && (s == null || s(x));
+    (C = h.current[_]) == null || C.focus(), y.every((m) => m !== "") && (s == null || s(x));
   };
   return /* @__PURE__ */ d("div", { className: "w-full", children: [
-    /* @__PURE__ */ t("div", { className: `flex gap-2 justify-center ${c}`, onBlur: n, children: m.map((w, u) => /* @__PURE__ */ d(V.Fragment, { children: [
+    /* @__PURE__ */ t("div", { className: `flex gap-2 justify-center ${c}`, onBlur: n, children: u.map((w, f) => /* @__PURE__ */ d(V.Fragment, { children: [
       /* @__PURE__ */ t(
         q,
         {
           ref: (v) => {
-            h.current[u] = v;
+            h.current[f] = v;
           },
           placeholder: "",
           value: w,
-          onChange: (v) => b(u, v.target.value),
-          onKeyDown: (v) => L(u, v),
+          onChange: (v) => b(f, v.target.value),
+          onKeyDown: (v) => L(f, v),
           onPaste: g,
           disabled: a,
           maxLength: 1,
@@ -2225,8 +2224,8 @@ const M2 = ({
           }
         }
       ),
-      u === Math.floor(e / 2) - 1 && /* @__PURE__ */ t("div", { className: "flex items-center justify-center px-1", children: /* @__PURE__ */ t("span", { className: "text-gray-400 text-xl", children: "—" }) })
-    ] }, u)) }),
+      f === Math.floor(e / 2) - 1 && /* @__PURE__ */ t("div", { className: "flex items-center justify-center px-1", children: /* @__PURE__ */ t("span", { className: "text-gray-400 text-xl", children: "—" }) })
+    ] }, f)) }),
     i && l && /* @__PURE__ */ d("div", { className: "flex items-center justify-center mt-2 text-xs text-[#C21919]", children: [
       /* @__PURE__ */ t("svg", { className: "w-3 h-3 mr-1", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ t(
         "path",
@@ -2274,36 +2273,36 @@ const M2 = ({
   ],
   showCountryCodeDropdown: a = !0,
   format: c = "spaced",
-  customFormat: m,
+  customFormat: u,
   value: p,
   onChange: h,
   ...b
 }, L) => {
-  const g = r ? "phone-input-error-state" : "", [w, u] = O("");
+  const g = r ? "phone-input-error-state" : "", [w, f] = O("");
   I(() => {
     if (p !== void 0) {
-      const C = String(p).replace(/\D/g, ""), f = v(C);
-      u(f);
+      const C = String(p).replace(/\D/g, ""), m = v(C);
+      f(m);
     }
   }, [p, c, s]);
   const v = (C) => {
-    const f = C.replace(/\D/g, "");
-    if (m)
-      return m(f);
+    const m = C.replace(/\D/g, "");
+    if (u)
+      return u(m);
     if (c === "none")
-      return f;
+      return m;
     let k = "";
-    return c === "spaced" ? f.length <= 3 ? k = f : f.length <= 6 ? k = `${f.slice(0, 3)} ${f.slice(3)}` : k = `${f.slice(0, 3)} ${f.slice(3, 6)} ${f.slice(6, 10)}` : c === "dashed" ? f.length <= 3 ? k = f : f.length <= 6 ? k = `${f.slice(0, 3)}-${f.slice(3)}` : k = `${f.slice(0, 3)}-${f.slice(3, 6)}-${f.slice(6, 10)}` : s === "+1" ? f.length <= 3 ? k = f : f.length <= 6 ? k = `(${f.slice(0, 3)}) ${f.slice(3)}` : k = `(${f.slice(0, 3)}) ${f.slice(3, 6)}-${f.slice(6, 10)}` : f.length <= 3 ? k = f : f.length <= 6 ? k = `${f.slice(0, 3)} ${f.slice(3)}` : k = `${f.slice(0, 3)} ${f.slice(3, 6)} ${f.slice(6, 10)}`, k;
+    return c === "spaced" ? m.length <= 3 ? k = m : m.length <= 6 ? k = `${m.slice(0, 3)} ${m.slice(3)}` : k = `${m.slice(0, 3)} ${m.slice(3, 6)} ${m.slice(6, 10)}` : c === "dashed" ? m.length <= 3 ? k = m : m.length <= 6 ? k = `${m.slice(0, 3)}-${m.slice(3)}` : k = `${m.slice(0, 3)}-${m.slice(3, 6)}-${m.slice(6, 10)}` : s === "+1" ? m.length <= 3 ? k = m : m.length <= 6 ? k = `(${m.slice(0, 3)}) ${m.slice(3)}` : k = `(${m.slice(0, 3)}) ${m.slice(3, 6)}-${m.slice(6, 10)}` : m.length <= 3 ? k = m : m.length <= 6 ? k = `${m.slice(0, 3)} ${m.slice(3)}` : k = `${m.slice(0, 3)} ${m.slice(3, 6)} ${m.slice(6, 10)}`, k;
   }, y = (C) => {
-    var f;
-    !/^\d$/.test(C.key) && C.key !== "Backspace" && C.key !== "Delete" && C.key !== "Tab" && C.key !== "ArrowLeft" && C.key !== "ArrowRight" && C.key !== "Home" && C.key !== "End" && C.preventDefault(), (f = b.onKeyDown) == null || f.call(b, C);
+    var m;
+    !/^\d$/.test(C.key) && C.key !== "Backspace" && C.key !== "Delete" && C.key !== "Tab" && C.key !== "ArrowLeft" && C.key !== "ArrowRight" && C.key !== "Home" && C.key !== "End" && C.preventDefault(), (m = b.onKeyDown) == null || m.call(b, C);
   }, x = (C) => {
-    const f = C.target, k = f.selectionStart || 0, U = f.value.replace(/\D/g, ""), H = v(U);
-    u(H);
+    const m = C.target, k = m.selectionStart || 0, U = m.value.replace(/\D/g, ""), H = v(U);
+    f(H);
     const B = w.length, E = H.length - B;
     if (requestAnimationFrame(() => {
       const S = Math.max(0, Math.min(k + E, H.length));
-      f.setSelectionRange(S, S);
+      m.setSelectionRange(S, S);
     }), h) {
       const S = {
         ...C,
@@ -2315,7 +2314,7 @@ const M2 = ({
     var S;
     C.preventDefault();
     const k = C.clipboardData.getData("text/plain").replace(/\D/g, ""), H = C.target.selectionStart || 0, G = w.replace(/\D/g, "").slice(0, H) + k, E = v(G);
-    if (u(E), h) {
+    if (f(E), h) {
       const M = {
         ...C,
         target: { ...C.target, value: G }
@@ -2469,11 +2468,11 @@ const u2 = V.forwardRef(({
   formatAmount: l = !1,
   onChange: a,
   value: c,
-  ...m
+  ...u
 }, p) => {
   const h = r ? "currency-input-error-state" : "", [b, L] = O(""), g = (v) => {
-    const x = v.replace(/[^\d.]/g, "").split("."), _ = x[0], C = x[1], f = _.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
-    return C !== void 0 ? `${f}.${C}` : f;
+    const x = v.replace(/[^\d.]/g, "").split("."), _ = x[0], C = x[1], m = _.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+    return C !== void 0 ? `${m}.${C}` : m;
   }, w = (v) => v.replace(/,/g, "");
   I(() => {
     if (c !== void 0) {
@@ -2481,7 +2480,7 @@ const u2 = V.forwardRef(({
       L(l ? g(v) : v);
     }
   }, [c, l]);
-  const u = (v) => {
+  const f = (v) => {
     const y = v.target.value;
     if (l) {
       const x = w(y), _ = g(x);
@@ -2497,7 +2496,7 @@ const u2 = V.forwardRef(({
         style: { color: r ? "#C21919" : "#181918" },
         children: [
           e,
-          m.required && /* @__PURE__ */ t("span", { style: { color: "#C21919" }, children: "*" })
+          u.required && /* @__PURE__ */ t("span", { style: { color: "#C21919" }, children: "*" })
         ]
       }
     ),
@@ -2546,12 +2545,12 @@ const u2 = V.forwardRef(({
         className: `currency-input-wrapper ${n} ${h}`,
         status: r ? "error" : s,
         prefix: /* @__PURE__ */ t("span", { children: i }),
-        ...m,
+        ...u,
         value: l ? b : c,
-        onChange: u,
+        onChange: f,
         style: {
           borderColor: r ? "#C21919" : "#D1D1D1",
-          ...m.style
+          ...u.style
         }
       }
     ),
@@ -2760,7 +2759,7 @@ const P0 = ({
     ] }),
     // Add searchable text for filtering
     searchLabel: `${p.name} ${p.code}`.toLowerCase()
-  })), m = (p, h) => {
+  })), u = (p, h) => {
     var b;
     return ((b = h == null ? void 0 : h.searchLabel) == null ? void 0 : b.includes(p.toLowerCase())) || !1;
   };
@@ -2816,7 +2815,7 @@ const P0 = ({
         onChange: l,
         options: c,
         showSearch: n,
-        filterOption: m,
+        filterOption: u,
         placeholder: "Search country...",
         suffixIcon: /* @__PURE__ */ t("svg", { width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", children: /* @__PURE__ */ t(
           "path",
@@ -2860,7 +2859,7 @@ const P0 = ({
     }
   ], c = ({ key: p }) => {
     s && s(p);
-  }, m = (p) => {
+  }, u = (p) => {
     const h = p.split(" ");
     return h.length >= 2 ? `${h[0][0]}${h[1][0]}`.toUpperCase() : p.substring(0, 2).toUpperCase();
   };
@@ -2957,7 +2956,7 @@ const P0 = ({
             className: `user-profile-dropdown ${i}`,
             style: { width: typeof l == "number" ? `${l}px` : l },
             children: [
-              /* @__PURE__ */ t("div", { className: "user-profile-avatar", children: o ? /* @__PURE__ */ t("img", { src: o, alt: e }) : m(e) }),
+              /* @__PURE__ */ t("div", { className: "user-profile-avatar", children: o ? /* @__PURE__ */ t("img", { src: o, alt: e }) : u(e) }),
               /* @__PURE__ */ d("div", { className: "user-profile-info", children: [
                 /* @__PURE__ */ t("div", { className: "user-profile-name", children: e }),
                 r && /* @__PURE__ */ t("div", { className: "user-profile-role", children: r })
@@ -3064,7 +3063,7 @@ const P0 = ({
   ledgerBalance: l,
   backgroundPattern: a = "wave",
   backgroundImage: c,
-  topRight: m,
+  topRight: u,
   width: p = 348,
   className: h = ""
 }) => {
@@ -3084,11 +3083,11 @@ const P0 = ({
         boxShadow: "0 0 0 0 rgba(0, 0, 0, 0)",
         transition: "all 0.3s ease-in-out"
       },
-      onMouseEnter: (u) => {
-        u.currentTarget.style.boxShadow = "0 0 24px 0 rgba(0, 0, 0, 0.15)";
+      onMouseEnter: (f) => {
+        f.currentTarget.style.boxShadow = "0 0 24px 0 rgba(0, 0, 0, 0.15)";
       },
-      onMouseLeave: (u) => {
-        u.currentTarget.style.boxShadow = "0 0 0 0 rgba(0, 0, 0, 0)";
+      onMouseLeave: (f) => {
+        f.currentTarget.style.boxShadow = "0 0 0 0 rgba(0, 0, 0, 0)";
       },
       children: [
         a !== "none" && /* @__PURE__ */ t(
@@ -3106,7 +3105,7 @@ const P0 = ({
         /* @__PURE__ */ d("div", { className: "relative z-10", children: [
           /* @__PURE__ */ d("div", { className: "flex items-center justify-between mb-4", children: [
             /* @__PURE__ */ t("div", { className: "w-10 h-10 bg-[#616161] rounded-full flex items-center justify-center text-white transition-transform duration-300 ease-in-out hover:scale-110", children: o || w }),
-            m && /* @__PURE__ */ t("div", { children: m })
+            u && /* @__PURE__ */ t("div", { children: u })
           ] }),
           /* @__PURE__ */ d("div", { className: "flex items-center gap-2 mt-3", children: [
             /* @__PURE__ */ t("span", { className: "text-sm text-[#E6E6E6] font-light transition-colors duration-200", children: e }),