shekel-fe-shared-lib 1.0.13 → 1.0.15

package/dist/index.mjs

@@ -14,14 +14,16 @@ const z0 = ({
 }) => {
   const i = () => {
     switch (e) {
+      case "xsmall":
+        return "32px";
       case "small":
         return "40px";
       case "medium":
-        return "44px";
-      case "large":
         return "48px";
+      case "large":
+        return "52px";
       default:
-        return "48px";
+        return "52px";
     }
   }, c = () => {
     const a = i();
@@ -45,8 +47,8 @@ const z0 = ({
       case "outline":
         return {
           backgroundColor: "transparent",
-          borderColor: "#D1D1D1",
-          color: "#181918",
+          borderColor: "#EC615B",
+          color: "#EC615B",
           height: a,
           borderRadius: "8px"
         };
@@ -108,11 +110,11 @@ const z0 = ({
         boxShadow: "0 0 0 0 rgba(0, 0, 0, 0)",
         transition: "all 0.3s ease-in-out"
       },
-      onMouseEnter: (m) => {
-        m.currentTarget.style.boxShadow = "0 0 20px 0 rgba(0, 0, 0, 0.1)";
+      onMouseEnter: (g) => {
+        g.currentTarget.style.boxShadow = "0 0 20px 0 rgba(0, 0, 0, 0.1)";
       },
-      onMouseLeave: (m) => {
-        m.currentTarget.style.boxShadow = "0 0 0 0 rgba(0, 0, 0, 0)";
+      onMouseLeave: (g) => {
+        g.currentTarget.style.boxShadow = "0 0 0 0 rgba(0, 0, 0, 0)";
       },
       children: [
         /* @__PURE__ */ p("div", { children: [
@@ -153,7 +155,7 @@ const z0 = ({
   focusBorderColor: C,
   iconColor: d,
   textColor: l,
-  placeholderColor: m,
+  placeholderColor: g,
   rounded: f = "md",
   style: w,
   ...h
@@ -161,7 +163,7 @@ const z0 = ({
   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 y = "relative inline-flex items-center", g = "border focus:outline-none focus:ring-1 transition-all duration-200 ease-in-out", V = {
+  const y = "relative inline-flex items-center", m = "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",
@@ -182,7 +184,7 @@ const z0 = ({
     borderColor: a || "#D1D5DB",
     color: l,
     ...w
-  }, M = m ? "" : "placeholder:text-gray-400", Z = a ? "" : "border-gray-300", z = l ? "" : "text-gray-900", F = C ? "" : "focus:ring-[#EC615B] focus:border-[#EC615B]", E = `${g} ${!o.includes("px-") && !o.includes("py-") ? V[s] : ""} ${t ? b : ""} ${u} ${o.includes("rounded") ? "" : v[f]} ${o.includes("border-") ? "" : Z} ${z} ${F} ${M} ${o}`, L = e === "left" ? "left-3" : "right-3", _ = d || "text-gray-400", $ = d ? "" : "hover:text-gray-600", N = /* @__PURE__ */ n(
+  }, M = g ? "" : "placeholder:text-gray-400", Z = a ? "" : "border-gray-300", z = l ? "" : "text-gray-900", F = C ? "" : "focus:ring-[#EC615B] focus:border-[#EC615B]", E = `${m} ${!o.includes("px-") && !o.includes("py-") ? V[s] : ""} ${t ? b : ""} ${u} ${o.includes("rounded") ? "" : v[f]} ${o.includes("border-") ? "" : Z} ${z} ${F} ${M} ${o}`, L = e === "left" ? "left-3" : "right-3", _ = d || "text-gray-400", $ = d ? "" : "hover:text-gray-600", N = /* @__PURE__ */ n(
     "svg",
     {
       className: `${x[s]} ${_}`,
@@ -220,8 +222,8 @@ const z0 = ({
           ...C && {
             "--focus-border-color": C
           },
-          ...m && {
-            "--placeholder-color": m
+          ...g && {
+            "--placeholder-color": g
           }
         },
         ...h
@@ -260,7 +262,7 @@ const z0 = ({
   menuBgColor: C,
   menuItemHoverColor: d,
   dangerColor: l,
-  borderColor: m,
+  borderColor: g,
   style: f
 }) => {
   const [w, h] = j(!1), y = e2(null);
@@ -272,7 +274,7 @@ const z0 = ({
       document.removeEventListener("mousedown", S);
     };
   }, [w]);
-  const g = () => {
+  const m = () => {
     !c && e === "click" && h(!w);
   }, V = () => {
     !c && e === "hover" && h(!0);
@@ -295,7 +297,7 @@ const z0 = ({
     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"
-  }, Z = "hover:bg-gray-50", z = "border-gray-200", F = "text-red-600", E = d ? { backgroundColor: d } : {}, L = d ? "" : Z, _ = l ? { color: l } : {}, $ = l ? { backgroundColor: l + "15" } : {}, N = m || z;
+  }, Z = "hover:bg-gray-50", z = "border-gray-200", F = "text-red-600", E = d ? { backgroundColor: d } : {}, L = d ? "" : Z, _ = l ? { color: l } : {}, $ = l ? { backgroundColor: l + "15" } : {}, N = g || z;
   return /* @__PURE__ */ p(
     "div",
     {
@@ -308,7 +310,7 @@ const z0 = ({
         /* @__PURE__ */ n(
           "div",
           {
-            onClick: g,
+            onClick: m,
             className: `inline-flex ${c ? "cursor-not-allowed opacity-50" : "cursor-pointer"}`,
             children: r
           }
@@ -366,12 +368,12 @@ const z0 = ({
   className: C = "",
   allowClear: d = !1,
   showSearch: l = !1,
-  searchPlaceholder: m = "Search...",
+  searchPlaceholder: g = "Search...",
   bgColor: f,
   borderColor: w,
   focusBorderColor: h = "#EC615B",
   selectedBgColor: y,
-  selectedTextColor: g,
+  selectedTextColor: m,
   hoverBgColor: V,
   rounded: x = "lg",
   style: v
@@ -409,7 +411,7 @@ const z0 = ({
     return f && (H.backgroundColor = f), w && (H.borderColor = w), H;
   }, Y = () => {
     const H = {};
-    return y && (H.backgroundColor = y), g && (H.color = g), H;
+    return y && (H.backgroundColor = y), m && (H.color = m), H;
   }, s2 = /* @__PURE__ */ n(
     "svg",
     {
@@ -477,7 +479,7 @@ const z0 = ({
           type: "text",
           value: Z,
           onChange: (H) => z(H.target.value),
-          placeholder: m,
+          placeholder: g,
           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,
@@ -498,7 +500,7 @@ const z0 = ({
           style: {
             ...H.value === L ? Y() : {},
             backgroundColor: H.value === L ? y || "#FCEAE9" : void 0,
-            color: H.value === L ? g || "#EC615B" : "#181918",
+            color: H.value === L ? m || "#EC615B" : "#181918",
             fontWeight: H.value === L ? "medium" : void 0
           },
           onMouseEnter: (q) => {
@@ -525,12 +527,12 @@ const z0 = ({
   striped: C = !1,
   size: d = "md",
   headerBgColor: l,
-  headerTextColor: m,
+  headerTextColor: g,
   rowHoverColor: f,
   borderColor: w,
   stripedRowColor: h,
   rounded: y = "md",
-  style: g
+  style: m
 }) => {
   const [V, x] = j(
     r && typeof r == "object" && r.current || 1
@@ -577,7 +579,7 @@ const z0 = ({
   }, _ = ($) => {
     b($), x(1), r && typeof r == "object" && r.onChange && r.onChange(1, $);
   };
-  return /* @__PURE__ */ p("div", { className: "w-full", style: g, children: [
+  return /* @__PURE__ */ p("div", { className: "w-full", style: m, children: [
     /* @__PURE__ */ n(
       "div",
       {
@@ -589,7 +591,7 @@ const z0 = ({
             {
               style: {
                 backgroundColor: l || "#F5F6F7",
-                color: m || "#333333"
+                color: g || "#333333"
               },
               children: /* @__PURE__ */ n("tr", { children: t.map(($, N) => /* @__PURE__ */ n(
                 "th",
@@ -598,7 +600,7 @@ const z0 = ({
                   style: {
                     width: $.width,
                     borderColor: w || "#EEEEEE",
-                    color: m || "#333333"
+                    color: g || "#333333"
                   },
                   children: $.title
                 },
@@ -724,7 +726,7 @@ const z0 = ({
   showTotal: a = !0,
   size: C = "md"
 }) => {
-  const d = Math.ceil(s / e), l = (t - 1) * e + 1, m = Math.min(t * e, s), f = {
+  const d = Math.ceil(s / e), l = (t - 1) * e + 1, g = Math.min(t * e, s), f = {
     sm: {
       button: "px-2.5 py-1 text-xs",
       icon: "h-3.5 w-3.5",
@@ -743,17 +745,17 @@ const z0 = ({
   }, w = () => {
     const h = [];
     if (d <= 7)
-      for (let g = 1; g <= d; g++)
-        h.push(g);
+      for (let m = 1; m <= d; m++)
+        h.push(m);
     else if (t <= 3) {
-      for (let g = 1; g <= 5; g++) h.push(g);
+      for (let m = 1; m <= 5; m++) h.push(m);
       h.push("..."), h.push(d);
     } else if (t >= d - 2) {
       h.push(1), h.push("...");
-      for (let g = d - 4; g <= d; g++) h.push(g);
+      for (let m = d - 4; m <= d; m++) h.push(m);
     } else {
       h.push(1), h.push("...");
-      for (let g = t - 1; g <= t + 1; g++) h.push(g);
+      for (let m = t - 1; m <= t + 1; m++) h.push(m);
       h.push("..."), h.push(d);
     }
     return h;
@@ -762,7 +764,7 @@ const z0 = ({
     a && /* @__PURE__ */ p("div", { className: "text-sm text-[#181918]", children: [
       l,
       "-",
-      m,
+      g,
       " of ",
       s,
       " items"
@@ -847,12 +849,12 @@ const z0 = ({
   titleColor: C,
   descriptionColor: d,
   searchBgColor: l = "white",
-  searchBorderColor: m = "#d1d5db",
+  searchBorderColor: g = "#d1d5db",
   searchFocusBorderColor: f = "#3b82f6",
   rounded: w = "md",
   style: h,
   hideActionButtons: y = !1,
-  selectedActionButton: g
+  selectedActionButton: m
 }) => {
   const V = (M) => {
     r == null || r(M.target.value);
@@ -917,7 +919,7 @@ const z0 = ({
     full: "rounded-full"
   }[w], k = {
     backgroundColor: l,
-    borderColor: m
+    borderColor: g
   };
   return /* @__PURE__ */ p(
     "div",
@@ -975,12 +977,12 @@ const z0 = ({
                   M.currentTarget.style.borderColor = f, M.currentTarget.style.boxShadow = "0 0 0 2px rgba(59, 130, 246, 0.1)";
                 },
                 onBlur: (M) => {
-                  M.currentTarget.style.borderColor = m, M.currentTarget.style.boxShadow = "none";
+                  M.currentTarget.style.borderColor = g, M.currentTarget.style.boxShadow = "none";
                 }
               }
             )
           ] }) }),
-          /* @__PURE__ */ n("div", { className: "flex items-center gap-2 w-full sm:w-auto", children: y && g ? g : o })
+          /* @__PURE__ */ n("div", { className: "flex items-center gap-2 w-full sm:w-auto", children: y && m ? m : o })
         ] }),
         i && /* @__PURE__ */ n("div", { className: `flex flex-wrap items-center ${v.gap}`, children: i })
       ]
@@ -1005,17 +1007,17 @@ const z0 = ({
   maskClosable: C = !0,
   centered: d = !0,
   className: l = "",
-  bgColor: m = "#ffffff",
+  bgColor: g = "#ffffff",
   headerBgColor: f = "#ffffff",
   overlayColor: w = "rgba(0, 0, 0, 0.5)",
   bodyClassName: h = "",
   headerClassName: y = "",
-  maxHeight: g = "70vh"
+  maxHeight: m = "70vh"
 }) => {
   const [V, x] = j(!1), [v, b] = j(!1), u = i || K2[c], M = {
     width: typeof u == "number" ? `${u}px` : u,
     maxWidth: "90vw",
-    backgroundColor: m
+    backgroundColor: g
   }, Z = {
     backgroundColor: f
   }, z = {
@@ -1061,7 +1063,7 @@ const z0 = ({
           "div",
           {
             className: `relative rounded-lg shadow-xl transition-all duration-200 ease-out overflow-y-auto ${v ? "opacity-100 scale-100 translate-y-0" : "opacity-0 scale-95 -translate-y-4"} ${l}`,
-            style: { ...M, maxHeight: typeof g == "number" ? `${g}px` : g },
+            style: { ...M, maxHeight: typeof m == "number" ? `${m}px` : m },
             onClick: E,
             children: [
               (s || a) && /* @__PURE__ */ p(
@@ -1125,7 +1127,7 @@ const z0 = ({
   textColor: C,
   borderColor: d,
   rounded: l = "full",
-  style: m
+  style: g
 }) => {
   const f = {
     default: "bg-gray-100 text-[#181918]",
@@ -1151,7 +1153,7 @@ const z0 = ({
     warning: "bg-yellow-600",
     danger: "bg-red-600",
     info: "bg-cyan-600"
-  }, g = {
+  }, m = {
     sm: "w-3 h-3",
     md: "w-3.5 h-3.5",
     lg: "w-4 h-4",
@@ -1166,7 +1168,7 @@ const z0 = ({
     ...a && { backgroundColor: a },
     ...C && { color: C },
     ...d && { borderColor: d, borderWidth: "1px", borderStyle: "solid" },
-    ...m
+    ...g
   };
   return /* @__PURE__ */ p(
     "span",
@@ -1175,9 +1177,9 @@ const z0 = ({
       style: x,
       children: [
         r && /* @__PURE__ */ n("span", { className: `rounded-full ${h[s]} ${y[e]}` }),
-        o && i === "left" && /* @__PURE__ */ n("span", { className: `inline-flex items-center ${g[s]}`, children: o }),
+        o && i === "left" && /* @__PURE__ */ n("span", { className: `inline-flex items-center ${m[s]}`, children: o }),
         t,
-        o && i === "right" && /* @__PURE__ */ n("span", { className: `inline-flex items-center ${g[s]}`, children: o })
+        o && i === "right" && /* @__PURE__ */ n("span", { className: `inline-flex items-center ${m[s]}`, children: o })
       ]
     }
   );
@@ -1193,7 +1195,7 @@ const z0 = ({
   processColor: C,
   waitColor: d,
   errorColor: l,
-  lineColor: m
+  lineColor: g
 }) => {
   const f = (x, v) => v.status ? v.status : x < e ? "finish" : x === e ? "process" : "wait", w = {
     sm: "w-6 h-6",
@@ -1210,7 +1212,7 @@ const z0 = ({
     md: "text-sm",
     lg: "text-base",
     responsive: "text-xs sm:text-xs md:text-sm lg:text-base"
-  }, g = (x, v) => v || (x === "finish" ? /* @__PURE__ */ n("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ n(
+  }, m = (x, v) => v || (x === "finish" ? /* @__PURE__ */ n("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ n(
     "path",
     {
       fillRule: "evenodd",
@@ -1232,7 +1234,7 @@ const z0 = ({
           icon: v ? `bg-white text-white border ${a ? `border-[${a}]` : "border-green-500"}` : `${a ? `bg-[${a}]` : "bg-green-500"} text-white ${a ? `border-[${a}]` : "border-green-500"}`,
           title: "text-[#181918]",
           description: "text-gray-600",
-          line: m ? `bg-[${m}]` : "bg-green-500",
+          line: g ? `bg-[${g}]` : "bg-green-500",
           iconColor: a
         };
       case "process":
@@ -1240,7 +1242,7 @@ const z0 = ({
           icon: v ? `bg-white text-white border ${C ? `border-[${C}]` : "border-[#EC615B]"}` : `${C ? `bg-[${C}]` : "bg-[#EC615B]"} text-white ${C ? `border-[${C}]` : "border-[#EC615B]"}`,
           title: "text-[#181918] font-semibold",
           description: "text-gray-700",
-          line: m ? `bg-[${m}]` : "bg-gray-300",
+          line: g ? `bg-[${g}]` : "bg-gray-300",
           iconColor: C
         };
       case "error":
@@ -1248,7 +1250,7 @@ const z0 = ({
           icon: v ? `bg-white text-white border ${l ? `border-[${l}]` : "border-red-500"}` : `${l ? `bg-[${l}]` : "bg-red-500"} text-white ${l ? `border-[${l}]` : "border-red-500"}`,
           title: "text-red-600",
           description: "text-red-500",
-          line: m ? `bg-[${m}]` : "bg-gray-300",
+          line: g ? `bg-[${g}]` : "bg-gray-300",
           iconColor: l
         };
       default:
@@ -1256,7 +1258,7 @@ const z0 = ({
           icon: "bg-white text-gray-400 border-gray-300",
           title: "text-gray-500",
           description: "text-gray-400",
-          line: m ? `bg-[${m}]` : "bg-gray-300",
+          line: g ? `bg-[${g}]` : "bg-gray-300",
           iconColor: d
         };
     }
@@ -1270,7 +1272,7 @@ const z0 = ({
           {
             className: `flex items-center justify-center ${w[r]} rounded-full border transition-all duration-300 ${u.icon}`,
             style: M,
-            children: g(b, x.icon)
+            children: m(b, x.icon)
           }
         ),
         /* @__PURE__ */ p("div", { className: "mt-2 text-center", children: [
@@ -1306,7 +1308,7 @@ const z0 = ({
           {
             className: `flex items-center justify-center ${w[r]} rounded-full border transition-all duration-300 ${u.icon}`,
             style: M,
-            children: g(b, x.icon)
+            children: m(b, x.icon)
           }
         ),
         !k && /* @__PURE__ */ n(
@@ -1347,7 +1349,7 @@ const z0 = ({
   bgColor: C,
   successColor: d,
   exceptionColor: l,
-  trackColor: m,
+  trackColor: g,
   rounded: f = "full"
 }) => {
   const w = Math.min(100, Math.max(0, t)), h = {
@@ -1360,7 +1362,7 @@ const z0 = ({
     md: "text-sm",
     lg: "text-base",
     responsive: "text-xs sm:text-sm md:text-base lg:text-lg"
-  }, g = {
+  }, m = {
     none: "rounded-none",
     sm: "rounded-sm",
     md: "rounded-md",
@@ -1378,7 +1380,7 @@ const z0 = ({
       default:
         return w === 100 ? d || "bg-green-500" : C || "bg-[#EC615B]";
     }
-  }, x = () => m || "bg-gray-200", v = () => e === "success" || w === 100 ? /* @__PURE__ */ n("svg", { className: "w-4 h-4 text-green-500", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ n(
+  }, x = () => g || "bg-gray-200", v = () => e === "success" || w === 100 ? /* @__PURE__ */ n("svg", { className: "w-4 h-4 text-green-500", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ n(
     "path",
     {
       fillRule: "evenodd",
@@ -1397,12 +1399,12 @@ const z0 = ({
     /* @__PURE__ */ n("div", { className: "flex-1", children: /* @__PURE__ */ n(
       "div",
       {
-        className: `w-full overflow-hidden ${h[i]} ${g[f]} ${x()}`,
+        className: `w-full overflow-hidden ${h[i]} ${m[f]} ${x()}`,
         style: { height: u },
         children: /* @__PURE__ */ n(
           "div",
           {
-            className: `${V()} ${h[i]} ${g[f]} transition-all duration-300 ease-out ${e === "active" ? "progress-active" : ""}`,
+            className: `${V()} ${h[i]} ${m[f]} transition-all duration-300 ease-out ${e === "active" ? "progress-active" : ""}`,
             style: {
               width: `${w}%`,
               height: u
@@ -1425,15 +1427,15 @@ const z0 = ({
   id: C,
   name: d,
   value: l,
-  checkedColor: m = "#EC615B",
+  checkedColor: g = "#EC615B",
   uncheckedColor: f = "#ffffff",
   checkedBorderColor: w = "#EC615B",
   style: h
 }) => {
-  const [y, g] = j(e), V = t !== void 0, x = V ? t : y, v = (F) => {
+  const [y, m] = j(e), V = t !== void 0, x = V ? t : y, v = (F) => {
     if (r) return;
     const E = F.target.checked;
-    V || g(E), s == null || s(E);
+    V || m(E), s == null || s(E);
   }, b = {
     sm: "w-4 h-4",
     md: "w-5 h-5",
@@ -1448,7 +1450,7 @@ const z0 = ({
     if (!r && !(!x && !o))
       return k ? {
         borderColor: w,
-        backgroundColor: m
+        backgroundColor: g
       } : {
         borderColor: w,
         backgroundColor: f
@@ -1492,7 +1494,7 @@ const z0 = ({
               stroke: "currentColor",
               viewBox: "0 0 24 24",
               strokeWidth: 3,
-              style: !k && (x || o) ? { color: m } : void 0,
+              style: !k && (x || o) ? { color: g } : void 0,
               children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" })
             }
           ),
@@ -1502,7 +1504,7 @@ const z0 = ({
               className: `${u[i]} ${z()}`,
               fill: "currentColor",
               viewBox: "0 0 24 24",
-              style: !k && (x || o) ? { color: m } : void 0,
+              style: !k && (x || o) ? { color: g } : void 0,
               children: /* @__PURE__ */ n("rect", { x: "4", y: "11", width: "16", height: "2", rx: "1" })
             }
           )
@@ -1561,12 +1563,12 @@ const z0 = ({
   hoverBgColor: C,
   textColor: d,
   sublabelColor: l,
-  removeButtonColor: m,
+  removeButtonColor: g,
   removeButtonHoverColor: f,
   rounded: w = "md",
   style: h
 }) => {
-  const y = Q2(c), g = Y2(w), V = "#F4F4F4", x = "#EBEBEB", v = "#181918", b = "#999999", u = "#9CA3AF", k = "#EC615B", M = a || V, Z = C || x, z = d || v, F = l || b, E = m || u, L = f || k;
+  const y = Q2(c), m = Y2(w), V = "#F4F4F4", x = "#EBEBEB", v = "#181918", b = "#999999", u = "#9CA3AF", k = "#EC615B", M = a || V, Z = C || x, z = d || v, F = l || b, E = g || u, L = f || k;
   return t.length === 0 ? /* @__PURE__ */ n(
     "div",
     {
@@ -1587,7 +1589,7 @@ const z0 = ({
         {
           className: `
             group flex items-center justify-between
-            ${g}
+            ${m}
             transition-all duration-300 ease-out
             hover:shadow-sm
             animate-slide-in-item
@@ -1820,26 +1822,26 @@ const z0 = ({
       d(y);
     }
   }, [e, t]);
-  const m = (h, y) => {
+  const g = (h, y) => {
     var x;
     if (y && !/^\d+$/.test(y)) return;
-    const g = [...C];
-    g[h] = y.slice(-1), d(g);
-    const V = g.join("");
-    s == null || s(V), y && h < t - 1 && ((x = l.current[h + 1]) == null || x.focus()), g.every((v) => v !== "") && (r == null || r(V));
+    const m = [...C];
+    m[h] = y.slice(-1), d(m);
+    const V = m.join("");
+    s == null || s(V), y && h < t - 1 && ((x = l.current[h + 1]) == null || x.focus()), m.every((v) => v !== "") && (r == null || r(V));
   }, f = (h, y) => {
-    var g;
-    y.key === "Backspace" && !C[h] && h > 0 && ((g = l.current[h - 1]) == null || g.focus());
+    var m;
+    y.key === "Backspace" && !C[h] && h > 0 && ((m = l.current[h - 1]) == null || m.focus());
   }, w = (h) => {
     var b;
     h.preventDefault();
     const y = h.clipboardData.getData("text/plain");
     if (!/^\d+$/.test(y)) return;
-    const g = y.split("").slice(0, t), V = [...g, ...Array(t - g.length).fill("")];
+    const m = y.split("").slice(0, t), V = [...m, ...Array(t - m.length).fill("")];
     d(V);
     const x = V.join("");
     s == null || s(x);
-    const v = Math.min(g.length, t - 1);
+    const v = Math.min(m.length, t - 1);
     (b = l.current[v]) == null || b.focus(), V.every((u) => u !== "") && (r == null || r(x));
   };
   return /* @__PURE__ */ p("div", { className: "w-full", children: [
@@ -1847,13 +1849,13 @@ const z0 = ({
       /* @__PURE__ */ n(
         K,
         {
-          ref: (g) => {
-            l.current[y] = g;
+          ref: (m) => {
+            l.current[y] = m;
           },
           placeholder: "",
           value: h,
-          onChange: (g) => m(y, g.target.value),
-          onKeyDown: (g) => f(y, g),
+          onChange: (m) => g(y, m.target.value),
+          onKeyDown: (m) => f(y, m),
           onPaste: w,
           disabled: c,
           maxLength: 1,
@@ -1897,17 +1899,17 @@ const z0 = ({
   format: C = "spaced",
   customFormat: d,
   value: l,
-  onChange: m,
+  onChange: g,
   ...f
 }) => {
   const w = e ? "phone-input-error-state" : "", [h, y] = j("");
   P(() => {
     if (l !== void 0) {
-      const b = String(l).replace(/\D/g, ""), u = g(b);
+      const b = String(l).replace(/\D/g, ""), u = m(b);
       y(u);
     }
   }, [l, C, o]);
-  const g = (b) => {
+  const m = (b) => {
     const u = b.replace(/\D/g, "");
     if (d)
       return d(u);
@@ -1919,29 +1921,29 @@ const z0 = ({
     var u;
     !/^\d$/.test(b.key) && b.key !== "Backspace" && b.key !== "Delete" && b.key !== "Tab" && b.key !== "ArrowLeft" && b.key !== "ArrowRight" && b.key !== "Home" && b.key !== "End" && b.preventDefault(), (u = f.onKeyDown) == null || u.call(f, b);
   }, x = (b) => {
-    const u = b.target, k = u.selectionStart || 0, M = u.value.replace(/\D/g, ""), Z = g(M);
+    const u = b.target, k = u.selectionStart || 0, M = u.value.replace(/\D/g, ""), Z = m(M);
     y(Z);
     const z = h.length, E = Z.length - z;
     if (requestAnimationFrame(() => {
       const L = Math.max(0, Math.min(k + E, Z.length));
       u.setSelectionRange(L, L);
-    }), m) {
+    }), g) {
       const L = {
         ...b,
         target: { ...b.target, value: M }
       };
-      m(L);
+      g(L);
     }
   }, v = (b) => {
     var L;
     b.preventDefault();
-    const k = b.clipboardData.getData("text/plain").replace(/\D/g, ""), Z = b.target.selectionStart || 0, F = h.replace(/\D/g, "").slice(0, Z) + k, E = g(F);
-    if (y(E), m) {
+    const k = b.clipboardData.getData("text/plain").replace(/\D/g, ""), Z = b.target.selectionStart || 0, F = h.replace(/\D/g, "").slice(0, Z) + k, E = m(F);
+    if (y(E), g) {
       const _ = {
         ...b,
         target: { ...b.target, value: F }
       };
-      m(_);
+      g(_);
     }
     (L = f.onPaste) == null || L.call(f, b);
   };
@@ -2069,23 +2071,23 @@ const z0 = ({
   value: C,
   ...d
 }) => {
-  const l = e ? "currency-input-error-state" : "", [m, f] = j(""), w = (g) => {
-    const x = g.replace(/[^\d.]/g, "").split("."), v = x[0], b = x[1], u = v.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+  const l = e ? "currency-input-error-state" : "", [g, f] = j(""), w = (m) => {
+    const x = m.replace(/[^\d.]/g, "").split("."), v = x[0], b = x[1], u = v.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
     return b !== void 0 ? `${u}.${b}` : u;
-  }, h = (g) => g.replace(/,/g, "");
+  }, h = (m) => m.replace(/,/g, "");
   P(() => {
     if (C !== void 0) {
-      const g = String(C);
-      f(c ? w(g) : g);
+      const m = String(C);
+      f(c ? w(m) : m);
     }
   }, [C, c]);
-  const y = (g) => {
-    const V = g.target.value;
+  const y = (m) => {
+    const V = m.target.value;
     if (c) {
       const x = h(V), v = w(x);
-      f(v), a && a(x, g);
+      f(v), a && a(x, m);
     } else
-      f(V), a && a(V, g);
+      f(V), a && a(V, m);
   };
   return /* @__PURE__ */ p("div", { className: "w-full", children: [
     t && /* @__PURE__ */ p(
@@ -2144,7 +2146,7 @@ const z0 = ({
         status: e ? "error" : o,
         prefix: /* @__PURE__ */ n("span", { children: i }),
         ...d,
-        value: c ? m : C,
+        value: c ? g : C,
         onChange: y,
         style: {
           borderColor: e ? "#C21919" : "#D1D1D1",
@@ -2335,7 +2337,7 @@ function n2(t, e) {
     r[o] = e(r[o] || 0, s[o] || "", o);
   return s[3] ? r[3] = s[3].includes("%") ? r[3] / 100 : r[3] : r[3] = 1, r;
 }
-const m2 = (t, e, s) => s === 0 ? t : t / 100;
+const g2 = (t, e, s) => s === 0 ? t : t / 100;
 function U(t, e) {
   const s = e || 255;
   return t > s ? s : t < 0 ? 0 : t;
@@ -2649,8 +2651,8 @@ class A {
       return;
     }
     let c = 0, a = 0, C = 0;
-    const d = i / 60, l = (1 - Math.abs(2 * r - 1)) * s, m = l * (1 - Math.abs(d % 2 - 1));
-    d >= 0 && d < 1 ? (c = l, a = m) : d >= 1 && d < 2 ? (c = m, a = l) : d >= 2 && d < 3 ? (a = l, C = m) : d >= 3 && d < 4 ? (a = m, C = l) : d >= 4 && d < 5 ? (c = m, C = l) : d >= 5 && d < 6 && (c = l, C = m);
+    const d = i / 60, l = (1 - Math.abs(2 * r - 1)) * s, g = l * (1 - Math.abs(d % 2 - 1));
+    d >= 0 && d < 1 ? (c = l, a = g) : d >= 1 && d < 2 ? (c = g, a = l) : d >= 2 && d < 3 ? (a = l, C = g) : d >= 3 && d < 4 ? (a = g, C = l) : d >= 4 && d < 5 ? (c = g, C = l) : d >= 5 && d < 6 && (c = l, C = g);
     const f = r - l / 2;
     this.r = B((c + f) * 255), this.g = B((a + f) * 255), this.b = B((C + f) * 255);
   }
@@ -2665,31 +2667,31 @@ class A {
     const c = B(r * 255);
     if (this.r = c, this.g = c, this.b = c, s <= 0)
       return;
-    const a = i / 60, C = Math.floor(a), d = a - C, l = B(r * (1 - s) * 255), m = B(r * (1 - s * d) * 255), f = B(r * (1 - s * (1 - d)) * 255);
+    const a = i / 60, C = Math.floor(a), d = a - C, l = B(r * (1 - s) * 255), g = B(r * (1 - s * d) * 255), f = B(r * (1 - s * (1 - d)) * 255);
     switch (C) {
       case 0:
         this.g = f, this.b = l;
         break;
       case 1:
-        this.r = m, this.b = l;
+        this.r = g, this.b = l;
         break;
       case 2:
         this.r = l, this.b = f;
         break;
       case 3:
-        this.r = l, this.g = m;
+        this.r = l, this.g = g;
         break;
       case 4:
         this.r = f, this.g = l;
         break;
       case 5:
       default:
-        this.g = l, this.b = m;
+        this.g = l, this.b = g;
         break;
     }
   }
   fromHsvString(e) {
-    const s = n2(e, m2);
+    const s = n2(e, g2);
     this.fromHsv({
       h: s[0],
       s: s[1],
@@ -2698,7 +2700,7 @@ class A {
     });
   }
   fromHslString(e) {
-    const s = n2(e, m2);
+    const s = n2(e, g2);
     this.fromHsl({
       h: s[0],
       s: s[1],
@@ -2830,10 +2832,10 @@ function E2(t, e = {}) {
   } = C;
   if (r) {
     if (c) {
-      const l = (e.styles || p2(C)).filter((m) => {
-        if (!["prepend", "prependQueue"].includes(m.getAttribute(v2)))
+      const l = (e.styles || p2(C)).filter((g) => {
+        if (!["prepend", "prependQueue"].includes(g.getAttribute(v2)))
           return !1;
-        const f = Number(m.getAttribute(w2) || 0);
+        const f = Number(g.getAttribute(w2) || 0);
         return o >= f;
       });
       if (l.length)
@@ -2883,18 +2885,18 @@ function h0(t) {
   return u0(t) ? Z2(t) : null;
 }
 let l2 = {};
-const g2 = [], p0 = (t) => {
-  g2.push(t);
+const m2 = [], p0 = (t) => {
+  m2.push(t);
 };
-function g0(t, e) {
+function m0(t, e) {
   if (process.env.NODE_ENV !== "production" && !t && console !== void 0) {
-    const s = g2.reduce((r, o) => o(r ?? "", "warning"), e);
+    const s = m2.reduce((r, o) => o(r ?? "", "warning"), e);
     s && console.error(`Warning: ${s}`);
   }
 }
-function m0(t, e) {
+function g0(t, e) {
   if (process.env.NODE_ENV !== "production" && !t && console !== void 0) {
-    const s = g2.reduce((r, o) => o(r ?? "", "note"), e);
+    const s = m2.reduce((r, o) => o(r ?? "", "note"), e);
     s && console.warn(`Note: ${s}`);
   }
 }
@@ -2905,10 +2907,10 @@ function F2(t, e, s) {
   !e && !l2[s] && (t(!1, s), l2[s] = !0);
 }
 function t2(t, e) {
-  F2(g0, t, e);
+  F2(m0, t, e);
 }
 function x0(t, e) {
-  F2(m0, t, e);
+  F2(g0, t, e);
 }
 t2.preMessage = p0;
 t2.resetWarned = f0;
@@ -3113,8 +3115,8 @@ const r2 = /* @__PURE__ */ I.forwardRef((t, e) => {
     ...d
   } = t, {
     prefixCls: l = "anticon",
-    rootClassName: m
-  } = I.useContext(M2), f = J2(m, l, {
+    rootClassName: g
+  } = I.useContext(M2), f = J2(g, l, {
     [`${l}-${r.name}`]: !!r.name,
     [`${l}-spin`]: !!o || r.name === "loading"
   }, s);
@@ -3123,7 +3125,7 @@ const r2 = /* @__PURE__ */ I.forwardRef((t, e) => {
   const h = i ? {
     msTransform: `rotate(${i}deg)`,
     transform: `rotate(${i}deg)`
-  } : void 0, [y, g] = _2(C);
+  } : void 0, [y, m] = _2(C);
   return /* @__PURE__ */ I.createElement("span", C2({
     role: "img",
     "aria-label": r.name
@@ -3135,7 +3137,7 @@ const r2 = /* @__PURE__ */ I.forwardRef((t, e) => {
   }), /* @__PURE__ */ I.createElement(W, {
     icon: r,
     primaryColor: y,
-    secondaryColor: g,
+    secondaryColor: m,
     style: h
   }));
 });
@@ -3328,9 +3330,9 @@ const J0 = ({
     ] }),
     // Add searchable text for filtering
     searchLabel: `${l.name} ${l.code}`.toLowerCase()
-  })), d = (l, m) => {
+  })), d = (l, g) => {
     var f;
-    return ((f = m == null ? void 0 : m.searchLabel) == null ? void 0 : f.includes(l.toLowerCase())) || !1;
+    return ((f = g == null ? void 0 : g.searchLabel) == null ? void 0 : f.includes(l.toLowerCase())) || !1;
   };
   return /* @__PURE__ */ p(u2, { children: [
     /* @__PURE__ */ n("style", { children: `
@@ -3429,8 +3431,8 @@ const J0 = ({
   ], C = ({ key: l }) => {
     o && o(l);
   }, d = (l) => {
-    const m = l.split(" ");
-    return m.length >= 2 ? `${m[0][0]}${m[1][0]}`.toUpperCase() : l.substring(0, 2).toUpperCase();
+    const g = l.split(" ");
+    return g.length >= 2 ? `${g[0][0]}${g[1][0]}`.toUpperCase() : l.substring(0, 2).toUpperCase();
   };
   return /* @__PURE__ */ p(u2, { children: [
     /* @__PURE__ */ n("style", { children: `
@@ -3634,8 +3636,8 @@ const J0 = ({
   width: C = 348,
   className: d = ""
 }) => {
-  const [l, m] = j(!0), f = () => {
-    m(!l), o && o();
+  const [l, g] = j(!0), f = () => {
+    g(!l), o && o();
   }, w = /* @__PURE__ */ p("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [
     /* @__PURE__ */ n("rect", { x: "3", y: "6", width: "18", height: "12", rx: "2", stroke: "currentColor", strokeWidth: "2" }),
     /* @__PURE__ */ n("path", { d: "M3 10h18M7 14h4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })