shekel-fe-shared-lib 1.1.0 → 1.1.1

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 h;
+          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")), (h = s.onMouseEnter) == null || h.call(s, c);
         },
         onMouseLeave: (c) => {
-          var m;
+          var h;
           if (!s.disabled) {
             const f = l();
             c.target.style.backgroundColor = f.backgroundColor || "";
           }
-          (m = s.onMouseLeave) == null || m.call(s, c);
+          (h = s.onMouseLeave) == null || h.call(s, c);
         },
         children: n
       }
@@ -115,9 +115,9 @@ const V0 = ({
   progressText: l,
   badge: i,
   width: c = 347,
-  className: m = "",
+  className: h = "",
   selected: f = !1,
-  onClick: h,
+  onClick: m,
   size: b = "md",
   rounded: L = "2xl"
 }) => {
@@ -136,13 +136,13 @@ 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 ${y} ${u} ${f ? "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 ${y} ${u} ${f ? "border-[#EC615B]" : "border-[#E6E6E6]"} ${h}`,
       style: {
         width: typeof c == "number" ? `${c}px` : c,
         boxShadow: f ? "0 0 0 1px #EC615B" : "0 0 0 0 rgba(0, 0, 0, 0)",
         transition: "all 0.3s ease-in-out"
       },
-      onClick: h,
+      onClick: m,
       onMouseEnter: (g) => {
         g.currentTarget.style.boxShadow = f ? "0 0 0 1px #EC615B" : "0 0 20px 0 rgba(0, 0, 0, 0.1)";
       },
@@ -186,9 +186,9 @@ const V0 = ({
   bgColor: l,
   borderColor: i,
   focusBorderColor: c,
-  iconColor: m,
+  iconColor: h,
   textColor: f,
-  placeholderColor: h,
+  placeholderColor: m,
   rounded: b = "md",
   style: L,
   ...y
@@ -217,7 +217,7 @@ const V0 = ({
     borderColor: i || "#D1D5DB",
     color: f,
     ...L
-  }, _ = h ? "" : "placeholder:text-gray-400", B = i ? "" : "border-gray-300", H = f ? "" : "text-gray-900", Z = c ? "" : "focus:ring-[#EC615B] focus:border-[#EC615B]", $ = `${u} ${!s.includes("px-") && !s.includes("py-") ? v[o] : ""} ${e ? k : ""} ${C} ${s.includes("rounded") ? "" : x[b]} ${s.includes("border-") ? "" : B} ${H} ${Z} ${_} ${s}`, U = r === "left" ? "left-3" : "right-3", E = m || "text-gray-400", M = m ? "" : "hover:text-gray-600", S = /* @__PURE__ */ t(
+  }, _ = m ? "" : "placeholder:text-gray-400", B = i ? "" : "border-gray-300", H = f ? "" : "text-gray-900", Z = c ? "" : "focus:ring-[#EC615B] focus:border-[#EC615B]", $ = `${u} ${!s.includes("px-") && !s.includes("py-") ? v[o] : ""} ${e ? k : ""} ${C} ${s.includes("rounded") ? "" : x[b]} ${s.includes("border-") ? "" : B} ${H} ${Z} ${_} ${s}`, U = r === "left" ? "left-3" : "right-3", E = h || "text-gray-400", M = h ? "" : "hover:text-gray-600", S = /* @__PURE__ */ t(
     "svg",
     {
       className: `${g[o]} ${E}`,
@@ -255,8 +255,8 @@ const V0 = ({
           ...c && {
             "--focus-border-color": c
           },
-          ...h && {
-            "--placeholder-color": h
+          ...m && {
+            "--placeholder-color": m
           }
         },
         ...y
@@ -293,9 +293,9 @@ const V0 = ({
   disabled: l = !1,
   size: i = "md",
   menuBgColor: c,
-  menuItemHoverColor: m,
+  menuItemHoverColor: h,
   dangerColor: f,
-  borderColor: h,
+  borderColor: m,
   style: b
 }) => {
   const [L, y] = O(!1), w = e2(null);
@@ -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"
-  }, B = "hover:bg-gray-50", H = "border-gray-200", Z = "text-red-600", $ = m ? { backgroundColor: m } : {}, U = m ? "" : B, E = f ? { color: f } : {}, M = f ? { backgroundColor: f + "15" } : {}, S = h || H;
+  }, B = "hover:bg-gray-50", H = "border-gray-200", Z = "text-red-600", $ = h ? { backgroundColor: h } : {}, U = h ? "" : B, E = f ? { color: f } : {}, M = f ? { backgroundColor: f + "15" } : {}, S = m || H;
   return /* @__PURE__ */ d(
     "div",
     {
@@ -362,7 +362,7 @@ const V0 = ({
                   return N.disabled || (N.danger ? G = {
                     ...E,
                     ...M
-                  } : m && (G = $)), /* @__PURE__ */ d(
+                  } : h && (G = $)), /* @__PURE__ */ d(
                     "div",
                     {
                       onClick: () => x(N),
@@ -415,22 +415,22 @@ var k2 = (e) => /^\w*$/.test(e), i2 = (e) => e === void 0, A2 = (e) => Array.isA
     return o;
   const n = (k2(r) ? [r] : _2(r)).reduce((s, a) => l2(s) ? s : s[a], e);
   return i2(n) || n === e ? i2(e[r]) ? o : e[r] : n;
-}, s2 = (e) => typeof e == "boolean", J = (e) => typeof e == "function", m2 = (e, r, o) => {
+}, s2 = (e) => typeof e == "boolean", J = (e) => typeof e == "function", h2 = (e, r, o) => {
   let n = -1;
   const s = k2(r) ? [r] : _2(r), a = s.length, l = a - 1;
   for (; ++n < a; ) {
     const i = s[n];
     let c = o;
     if (n !== l) {
-      const m = e[i];
-      c = I(m) || Array.isArray(m) ? m : isNaN(+s[n + 1]) ? {} : [];
+      const h = e[i];
+      c = I(h) || Array.isArray(h) ? h : isNaN(+s[n + 1]) ? {} : [];
     }
     if (i === "__proto__" || i === "constructor" || i === "prototype")
       return;
     e[i] = c, e = e[i];
   }
 };
-const h2 = {
+const m2 = {
   BLUR: "blur",
   CHANGE: "change"
 }, g2 = {
@@ -467,10 +467,10 @@ function T2(e) {
     name: s,
     formState: c.current,
     exact: a,
-    callback: (m) => {
+    callback: (h) => {
       !n && i({
         ...o._formState,
-        ...m
+        ...h
       });
     }
   }), [s, n, a]), V.useEffect(() => {
@@ -502,25 +502,25 @@ function Y(e, r, o = /* @__PURE__ */ new WeakSet()) {
   return !0;
 }
 function K2(e) {
-  const r = c2(), { control: o = r, name: n, defaultValue: s, disabled: a, exact: l, compute: i } = e || {}, c = V.useRef(s), m = V.useRef(i), f = V.useRef(void 0), h = V.useRef(o), b = V.useRef(n);
-  m.current = i;
+  const r = c2(), { control: o = r, name: n, defaultValue: s, disabled: a, exact: l, compute: i } = e || {}, c = V.useRef(s), h = V.useRef(i), f = V.useRef(void 0), m = V.useRef(o), b = V.useRef(n);
+  h.current = i;
   const [L, y] = V.useState(() => {
     const k = o._getWatch(n, c.current);
-    return m.current ? m.current(k) : k;
+    return h.current ? h.current(k) : k;
   }), w = V.useCallback((k) => {
     const C = x2(n, o._names, k || o._formValues, !1, c.current);
-    return m.current ? m.current(C) : C;
+    return h.current ? h.current(C) : C;
   }, [o._formValues, o._names, n]), u = V.useCallback((k) => {
     if (!a) {
       const C = x2(n, o._names, k || o._formValues, !1, c.current);
-      if (m.current) {
-        const p = m.current(C);
+      if (h.current) {
+        const p = h.current(C);
         Y(p, f.current) || (y(p), f.current = p);
       } else
         y(C);
     }
   }, [o._formValues, o._names, a, n]);
-  F2(() => ((h.current !== o || !Y(b.current, n)) && (h.current = o, b.current = n, u()), o._subscribe({
+  F2(() => ((m.current !== o || !Y(b.current, n)) && (m.current = o, b.current = n, u()), o._subscribe({
     name: n,
     formState: {
       values: !0
@@ -530,7 +530,7 @@ function K2(e) {
       u(k.values);
     }
   })), [o, l, n, u]), V.useEffect(() => o._removeUnmounted());
-  const v = h.current !== o, g = b.current, x = V.useMemo(() => {
+  const v = m.current !== o, g = b.current, x = V.useMemo(() => {
     if (a)
       return null;
     const k = !v && !Y(g, n);
@@ -539,12 +539,12 @@ function K2(e) {
   return x !== null ? x : L;
 }
 function A(e) {
-  const r = c2(), { name: o, disabled: n, control: s = r, shouldUnregister: a, defaultValue: l, exact: i = !0 } = e, c = P2(s._names.array, o), m = V.useMemo(() => z(s._formValues, o, z(s._defaultValues, o, l)), [s, o, l]), f = K2({
+  const r = c2(), { name: o, disabled: n, control: s = r, shouldUnregister: a, defaultValue: l, exact: i = !0 } = e, c = P2(s._names.array, o), h = V.useMemo(() => z(s._formValues, o, z(s._defaultValues, o, l)), [s, o, l]), f = K2({
     control: s,
     name: o,
-    defaultValue: m,
+    defaultValue: h,
     exact: i
-  }), h = T2({
+  }), m = T2({
     control: s,
     name: o,
     exact: i
@@ -557,36 +557,36 @@ function A(e) {
   const w = V.useMemo(() => Object.defineProperties({}, {
     invalid: {
       enumerable: !0,
-      get: () => !!z(h.errors, o)
+      get: () => !!z(m.errors, o)
     },
     isDirty: {
       enumerable: !0,
-      get: () => !!z(h.dirtyFields, o)
+      get: () => !!z(m.dirtyFields, o)
     },
     isTouched: {
       enumerable: !0,
-      get: () => !!z(h.touchedFields, o)
+      get: () => !!z(m.touchedFields, o)
     },
     isValidating: {
       enumerable: !0,
-      get: () => !!z(h.validatingFields, o)
+      get: () => !!z(m.validatingFields, o)
     },
     error: {
       enumerable: !0,
-      get: () => z(h.errors, o)
+      get: () => z(m.errors, o)
     }
-  }), [h, o]), u = V.useCallback((k) => y.current.onChange({
+  }), [m, o]), u = V.useCallback((k) => y.current.onChange({
     target: {
       value: D2(k),
       name: o
     },
-    type: h2.CHANGE
+    type: m2.CHANGE
   }), [o]), v = V.useCallback(() => y.current.onBlur({
     target: {
       value: z(s._formValues, o),
       name: o
     },
-    type: h2.BLUR
+    type: m2.BLUR
   }), [o, s._formValues]), g = V.useCallback((k) => {
     const C = z(s._fields, o);
     C && C._f && k && (C._f.ref = {
@@ -598,11 +598,11 @@ function A(e) {
   }, [s._fields, o]), x = V.useMemo(() => ({
     name: o,
     value: f,
-    ...s2(n) || h.disabled ? { disabled: h.disabled || n } : {},
+    ...s2(n) || m.disabled ? { disabled: m.disabled || n } : {},
     onChange: u,
     onBlur: v,
     ref: g
-  }), [o, n, h.disabled, u, v, g, f]);
+  }), [o, n, m.disabled, u, v, g, f]);
   return V.useEffect(() => {
     const k = s._options.shouldUnregister || a, C = L.current;
     C && C !== o && !c && s.unregister(C), s.register(o, {
@@ -615,7 +615,7 @@ function A(e) {
     };
     if (p(o, !0), k) {
       const _ = w2(z(s._options.defaultValues, o, b.current.defaultValue));
-      m2(s._defaultValues, o, _), i2(z(s._formValues, o)) && m2(s._formValues, o, _);
+      h2(s._defaultValues, o, _), i2(z(s._formValues, o)) && h2(s._formValues, o, _);
     }
     return !c && s.register(o), L.current = o, () => {
       (c ? k && !s._state.action : k) ? s.unregister(o) : p(o, !1);
@@ -627,9 +627,9 @@ function A(e) {
     });
   }, [n, o, s]), V.useMemo(() => ({
     field: x,
-    formState: h,
+    formState: m,
     fieldState: w
-  }), [x, h, w]);
+  }), [x, m, w]);
 }
 const q2 = V.createContext(null);
 q2.displayName = "HookFormContext";
@@ -643,9 +643,9 @@ const V2 = ({
   name: l,
   disabled: i = !1,
   size: c = "md",
-  fullWidth: m = !1,
+  fullWidth: h = !1,
   className: f = "",
-  allowClear: h = !1,
+  allowClear: m = !1,
   showSearch: b = !1,
   searchPlaceholder: L = "Search...",
   bgColor: y,
@@ -686,7 +686,7 @@ const V2 = ({
     md: "rounded-md",
     lg: "rounded-lg",
     full: "rounded-full"
-  }, H2 = m ? "w-full" : "min-w-[200px]", r2 = () => {
+  }, H2 = h ? "w-full" : "min-w-[200px]", r2 = () => {
     const F = {};
     return y && (F.backgroundColor = y), w && (F.borderColor = w), F;
   }, N2 = () => {
@@ -741,7 +741,7 @@ const V2 = ({
           children: [
             /* @__PURE__ */ t("span", { className: j ? "text-gray-900" : "text-gray-400", children: j ? j.label : n }),
             /* @__PURE__ */ d("div", { className: "flex items-center gap-1", children: [
-              h && G && !i && /* @__PURE__ */ t(
+              m && G && !i && /* @__PURE__ */ t(
                 "span",
                 {
                   onClick: D,
@@ -840,9 +840,9 @@ const V2 = ({
   className: l = "",
   bordered: i = !1,
   striped: c = !1,
-  size: m = "md",
+  size: h = "md",
   headerBgColor: f,
-  headerTextColor: h,
+  headerTextColor: m,
   rowHoverColor: b,
   borderColor: L,
   stripedRowColor: y,
@@ -889,7 +889,7 @@ const V2 = ({
     lg: "rounded-lg",
     xl: "rounded-xl",
     "2xl": "rounded-2xl"
-  }, _ = C[m], B = p[w], H = (M, S) => typeof o == "function" ? o(M) : M[o] || String(S), Z = (M, S) => S ? S.split(".").reduce((N, G) => N == null ? void 0 : N[G], M) : M, $ = n === !1 ? r : r.slice((v - 1) * x, v * x), U = (M) => {
+  }, _ = C[h], B = p[w], H = (M, S) => typeof o == "function" ? o(M) : M[o] || String(S), Z = (M, S) => S ? S.split(".").reduce((N, G) => N == null ? void 0 : N[G], M) : M, $ = n === !1 ? r : r.slice((v - 1) * x, v * x), U = (M) => {
     g(M), n && typeof n == "object" && n.onChange && n.onChange(M, x);
   }, E = (M) => {
     k(M), g(1), n && typeof n == "object" && n.onChange && n.onChange(1, M);
@@ -906,7 +906,7 @@ const V2 = ({
             {
               style: {
                 backgroundColor: f || "#F5F6F7",
-                color: h || "#333333"
+                color: m || "#333333"
               },
               children: /* @__PURE__ */ t("tr", { children: e.map((M, S) => /* @__PURE__ */ t(
                 "th",
@@ -915,7 +915,7 @@ const V2 = ({
                   style: {
                     width: M.width,
                     borderColor: L || "#EEEEEE",
-                    color: h || "#333333"
+                    color: m || "#333333"
                   },
                   children: M.title
                 },
@@ -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 : h === "responsive" ? "md" : h
       }
     )
   ] });
@@ -1041,7 +1041,7 @@ const V2 = ({
   showTotal: i = !0,
   size: c = "md"
 }) => {
-  const m = Math.ceil(o / r), f = (e - 1) * r + 1, h = Math.min(e * r, o), b = {
+  const h = Math.ceil(o / r), f = (e - 1) * r + 1, m = 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 y = [];
-    if (m <= 7)
-      for (let u = 1; u <= m; u++)
+    if (h <= 7)
+      for (let u = 1; u <= h; u++)
         y.push(u);
     else if (e <= 3) {
       for (let u = 1; u <= 5; u++) y.push(u);
-      y.push("..."), y.push(m);
-    } else if (e >= m - 2) {
+      y.push("..."), y.push(h);
+    } else if (e >= h - 2) {
       y.push(1), y.push("...");
-      for (let u = m - 4; u <= m; u++) y.push(u);
+      for (let u = h - 4; u <= h; u++) y.push(u);
     } else {
       y.push(1), y.push("...");
       for (let u = e - 1; u <= e + 1; u++) y.push(u);
-      y.push("..."), y.push(m);
+      y.push("..."), y.push(h);
     }
     return y;
   };
@@ -1079,7 +1079,7 @@ const V2 = ({
     i && /* @__PURE__ */ d("div", { className: "text-sm text-[#181918]", children: [
       f,
       "-",
-      h,
+      m,
       " of ",
       o,
       " items"
@@ -1136,7 +1136,7 @@ const V2 = ({
           "button",
           {
             onClick: () => n(e + 1),
-            disabled: e === m,
+            disabled: e === h,
             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,9 +1162,9 @@ const V2 = ({
   className: l = "",
   size: i = "responsive",
   titleColor: c,
-  descriptionColor: m,
+  descriptionColor: h,
   searchBgColor: f = "white",
-  searchBorderColor: h = "#d1d5db",
+  searchBorderColor: m = "#d1d5db",
   searchFocusBorderColor: b = "#3b82f6",
   rounded: L = "md",
   style: y,
@@ -1234,7 +1234,7 @@ const V2 = ({
     full: "rounded-full"
   }[L], p = {
     backgroundColor: f,
-    borderColor: h
+    borderColor: m
   };
   return /* @__PURE__ */ d(
     "div",
@@ -1255,7 +1255,7 @@ const V2 = ({
             "p",
             {
               className: `${x.descriptionSize} ${x.descriptionMargin}`,
-              style: { color: m || "#6b7280" },
+              style: { color: h || "#6b7280" },
               children: r
             }
           )
@@ -1292,7 +1292,7 @@ const V2 = ({
                   _.currentTarget.style.borderColor = b, _.currentTarget.style.boxShadow = "0 0 0 2px rgba(59, 130, 246, 0.1)";
                 },
                 onBlur: (_) => {
-                  _.currentTarget.style.borderColor = h, _.currentTarget.style.boxShadow = "none";
+                  _.currentTarget.style.borderColor = m, _.currentTarget.style.boxShadow = "none";
                 }
               }
             )
@@ -1320,9 +1320,9 @@ const V2 = ({
   size: l = "md",
   closable: i = !0,
   maskClosable: c = !0,
-  centered: m = !0,
+  centered: h = !0,
   className: f = "",
-  bgColor: h = "#ffffff",
+  bgColor: m = "#ffffff",
   headerBgColor: b = "#ffffff",
   overlayColor: L = "rgba(0, 0, 0, 0.5)",
   bodyClassName: y = "",
@@ -1332,7 +1332,7 @@ const V2 = ({
   const [v, g] = O(!1), [x, k] = O(!1), C = a || X2[l], _ = {
     width: typeof C == "number" ? `${C}px` : C,
     maxWidth: "90vw",
-    backgroundColor: h
+    backgroundColor: m
   }, B = {
     backgroundColor: b
   }, H = {
@@ -1374,7 +1374,7 @@ 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 ${h ? "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"} ${f}`,
@@ -1440,9 +1440,9 @@ const V2 = ({
   className: l = "",
   bgColor: i,
   textColor: c,
-  borderColor: m,
+  borderColor: h,
   rounded: f = "full",
-  style: h
+  style: m
 }) => {
   const b = {
     default: "bg-gray-100 text-[#181918]",
@@ -1482,8 +1482,8 @@ const V2 = ({
   }, g = {
     ...i && { backgroundColor: i },
     ...c && { color: c },
-    ...m && { borderColor: m, borderWidth: "1px", borderStyle: "solid" },
-    ...h
+    ...h && { borderColor: h, borderWidth: "1px", borderStyle: "solid" },
+    ...m
   };
   return /* @__PURE__ */ d(
     "span",
@@ -1508,9 +1508,9 @@ const V2 = ({
   style: l,
   finishColor: i,
   processColor: c,
-  waitColor: m,
+  waitColor: h,
   errorColor: f,
-  lineColor: h
+  lineColor: m
 }) => {
   const b = (g, x) => x.status ? x.status : g < r ? "finish" : g === r ? "process" : "wait", L = {
     sm: "w-6 h-6",
@@ -1549,7 +1549,7 @@ const V2 = ({
           icon: x ? `bg-white text-white border ${i ? `border-[${i}]` : "border-green-500"}` : `${i ? `bg-[${i}]` : "bg-green-500"} text-white ${i ? `border-[${i}]` : "border-green-500"}`,
           title: "text-[#181918]",
           description: "text-gray-600",
-          line: h ? `bg-[${h}]` : "bg-green-500",
+          line: m ? `bg-[${m}]` : "bg-green-500",
           iconColor: i
         };
       case "process":
@@ -1557,7 +1557,7 @@ const V2 = ({
           icon: x ? `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: h ? `bg-[${h}]` : "bg-gray-300",
+          line: m ? `bg-[${m}]` : "bg-gray-300",
           iconColor: c
         };
       case "error":
@@ -1565,7 +1565,7 @@ const V2 = ({
           icon: x ? `bg-white text-white border ${f ? `border-[${f}]` : "border-red-500"}` : `${f ? `bg-[${f}]` : "bg-red-500"} text-white ${f ? `border-[${f}]` : "border-red-500"}`,
           title: "text-red-600",
           description: "text-red-500",
-          line: h ? `bg-[${h}]` : "bg-gray-300",
+          line: m ? `bg-[${m}]` : "bg-gray-300",
           iconColor: f
         };
       default:
@@ -1573,8 +1573,8 @@ const V2 = ({
           icon: "bg-white text-gray-400 border-gray-300",
           title: "text-gray-500",
           description: "text-gray-400",
-          line: h ? `bg-[${h}]` : "bg-gray-300",
-          iconColor: m
+          line: m ? `bg-[${m}]` : "bg-gray-300",
+          iconColor: h
         };
     }
   };
@@ -1662,9 +1662,9 @@ const V2 = ({
   className: l = "",
   format: i,
   bgColor: c,
-  successColor: m,
+  successColor: h,
   exceptionColor: f,
-  trackColor: h,
+  trackColor: m,
   rounded: b = "full"
 }) => {
   const L = Math.min(100, Math.max(0, e)), y = {
@@ -1687,15 +1687,15 @@ const V2 = ({
     if (n) return n;
     switch (r) {
       case "success":
-        return m || "bg-green-500";
+        return h || "bg-green-500";
       case "exception":
         return f || "bg-red-500";
       case "active":
         return c || "bg-[#EC615B]";
       default:
-        return L === 100 ? m || "bg-green-500" : c || "bg-[#EC615B]";
+        return L === 100 ? h || "bg-green-500" : c || "bg-[#EC615B]";
     }
-  }, g = () => 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(
+  }, g = () => m || "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",
     {
       fillRule: "evenodd",
@@ -1740,9 +1740,9 @@ const V2 = ({
   variant: l = "filled",
   className: i = "",
   id: c,
-  name: m,
+  name: h,
   value: f,
-  checkedColor: h = "#EC615B",
+  checkedColor: m = "#EC615B",
   uncheckedColor: b = "#ffffff",
   checkedBorderColor: L = "#EC615B",
   style: y
@@ -1765,7 +1765,7 @@ const V2 = ({
     if (!n && !(!g && !s))
       return p ? {
         borderColor: L,
-        backgroundColor: h
+        backgroundColor: m
       } : {
         borderColor: L,
         backgroundColor: b
@@ -1777,7 +1777,7 @@ const V2 = ({
       {
         type: "checkbox",
         id: c,
-        name: m,
+        name: h,
         value: f,
         checked: g,
         onChange: x,
@@ -1809,7 +1809,7 @@ const V2 = ({
               stroke: "currentColor",
               viewBox: "0 0 24 24",
               strokeWidth: 3,
-              style: !p && (g || s) ? { color: h } : void 0,
+              style: !p && (g || s) ? { color: m } : void 0,
               children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" })
             }
           ),
@@ -1819,7 +1819,7 @@ const V2 = ({
               className: `${C[a]} ${H()}`,
               fill: "currentColor",
               viewBox: "0 0 24 24",
-              style: !p && (g || s) ? { color: h } : void 0,
+              style: !p && (g || s) ? { color: m } : 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: i,
   hoverBgColor: c,
-  textColor: m,
+  textColor: h,
   sublabelColor: f,
-  removeButtonColor: h,
+  removeButtonColor: m,
   removeButtonHoverColor: b,
   rounded: L = "md",
   style: y
 }) => {
-  const w = e0(l), u = t0(L), v = "#F4F4F4", g = "#EBEBEB", x = "#181918", k = "#999999", C = "#9CA3AF", p = "#EC615B", _ = i || v, B = c || g, H = m || x, Z = f || k, $ = h || C, U = b || p;
+  const w = e0(l), u = t0(L), v = "#F4F4F4", g = "#EBEBEB", x = "#181918", k = "#999999", C = "#9CA3AF", p = "#EC615B", _ = i || v, B = c || g, H = h || x, Z = f || k, $ = m || C, U = b || p;
   return e.length === 0 ? /* @__PURE__ */ t(
     "div",
     {
@@ -2081,7 +2081,7 @@ const p2 = V.forwardRef(({
   required: a,
   ...l
 }, i) => {
-  const m = `password-input-custom ${n} ${r ? "password-input-error-state" : ""}`;
+  const h = `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,
@@ -2109,7 +2109,7 @@ const p2 = V.forwardRef(({
       q.Password,
       {
         ref: i,
-        className: m,
+        className: h,
         status: r ? "error" : s,
         ...l,
         style: {
@@ -2171,7 +2171,7 @@ const M2 = ({
   disabled: i = !1,
   className: c = ""
 }) => {
-  const [m, f] = O(Array(e).fill("")), h = e2([]);
+  const [h, f] = O(Array(e).fill("")), m = e2([]);
   R(() => {
     if (r) {
       const w = r.split("").slice(0, e), u = [...w, ...Array(e - w.length).fill("")];
@@ -2181,13 +2181,13 @@ const M2 = ({
   const b = (w, u) => {
     var x;
     if (u && !/^\d+$/.test(u)) return;
-    const v = [...m];
+    const v = [...h];
     v[w] = u.slice(-1), f(v);
     const g = v.join("");
-    o == null || o(g), u && w < e - 1 && ((x = h.current[w + 1]) == null || x.focus()), v.every((k) => k !== "") && (s == null || s(g));
+    o == null || o(g), u && w < e - 1 && ((x = m.current[w + 1]) == null || x.focus()), v.every((k) => k !== "") && (s == null || s(g));
   }, L = (w, u) => {
     var v;
-    u.key === "Backspace" && !m[w] && w > 0 && ((v = h.current[w - 1]) == null || v.focus());
+    u.key === "Backspace" && !h[w] && w > 0 && ((v = m.current[w - 1]) == null || v.focus());
   }, y = (w) => {
     var C;
     w.preventDefault();
@@ -2198,15 +2198,15 @@ const M2 = ({
     const x = g.join("");
     o == null || o(x);
     const k = Math.min(v.length, e - 1);
-    (C = h.current[k]) == null || C.focus(), g.every((p) => p !== "") && (s == null || s(x));
+    (C = m.current[k]) == null || C.focus(), g.every((p) => p !== "") && (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: h.map((w, u) => /* @__PURE__ */ d(V.Fragment, { children: [
       /* @__PURE__ */ t(
         q,
         {
           ref: (v) => {
-            h.current[u] = v;
+            m.current[u] = v;
           },
           placeholder: "",
           value: w,
@@ -2273,9 +2273,9 @@ const M2 = ({
   ],
   showCountryCodeDropdown: i = !0,
   format: c = "spaced",
-  customFormat: m,
+  customFormat: h,
   value: f,
-  onChange: h,
+  onChange: m,
   ...b
 }, L) => {
   const y = r ? "phone-input-error-state" : "", [w, u] = O("");
@@ -2287,8 +2287,8 @@ const M2 = ({
   }, [f, c, s]);
   const v = (C) => {
     const p = C.replace(/\D/g, "");
-    if (m)
-      return m(p);
+    if (h)
+      return h(p);
     if (c === "none")
       return p;
     let _ = "";
@@ -2303,23 +2303,23 @@ const M2 = ({
     if (requestAnimationFrame(() => {
       const E = Math.max(0, Math.min(_ + U, H.length));
       p.setSelectionRange(E, E);
-    }), h) {
+    }), m) {
       const E = {
         ...C,
         target: { ...C.target, value: B }
       };
-      h(E);
+      m(E);
     }
   }, k = (C) => {
     var E;
     C.preventDefault();
     const _ = C.clipboardData.getData("text/plain").replace(/\D/g, ""), H = C.target.selectionStart || 0, $ = w.replace(/\D/g, "").slice(0, H) + _, U = v($);
-    if (u(U), h) {
+    if (u(U), m) {
       const M = {
         ...C,
         target: { ...C.target, value: $ }
       };
-      h(M);
+      m(M);
     }
     (E = b.onPaste) == null || E.call(b, C);
   };
@@ -2468,9 +2468,9 @@ const u2 = V.forwardRef(({
   formatAmount: l = !1,
   onChange: i,
   value: c,
-  ...m
+  ...h
 }, f) => {
-  const h = r ? "currency-input-error-state" : "", [b, L] = O(""), y = (v) => {
+  const m = r ? "currency-input-error-state" : "", [b, L] = O(""), y = (v) => {
     const x = v.replace(/[^\d.]/g, "").split("."), k = x[0], C = x[1], p = k.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
     return C !== void 0 ? `${p}.${C}` : p;
   }, w = (v) => v.replace(/,/g, "");
@@ -2496,7 +2496,7 @@ const u2 = V.forwardRef(({
         style: { color: r ? "#C21919" : "#181918" },
         children: [
           e,
-          m.required && /* @__PURE__ */ t("span", { style: { color: "#C21919" }, children: "*" })
+          h.required && /* @__PURE__ */ t("span", { style: { color: "#C21919" }, children: "*" })
         ]
       }
     ),
@@ -2542,15 +2542,15 @@ const u2 = V.forwardRef(({
       q,
       {
         ref: f,
-        className: `currency-input-wrapper ${n} ${h}`,
+        className: `currency-input-wrapper ${n} ${m}`,
         status: r ? "error" : s,
         prefix: /* @__PURE__ */ t("span", { children: a }),
-        ...m,
+        ...h,
         value: l ? b : c,
         onChange: u,
         style: {
           borderColor: r ? "#C21919" : "#D1D1D1",
-          ...m.style
+          ...h.style
         }
       }
     ),
@@ -2726,12 +2726,12 @@ const P0 = ({
       )
     ]
   }
-), C0 = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%2085.5%20513%20342'%3e%3cpath%20fill='%23FFF'%20d='M0%2085.5h513v342H0z'/%3e%3cg%20fill='%23007b23'%3e%3cpath%20d='M0%2085.5h171v342H0zM342%2085.5h171v342H342z'/%3e%3c/g%3e%3c/svg%3e", u0 = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20513%20342'%3e%3cpath%20fill='%23FFF'%20d='M0%200h513v342H0z'/%3e%3cg%20fill='%23D80027'%3e%3cpath%20d='M0%200h513v26.3H0zM0%2052.6h513v26.3H0zM0%20105.2h513v26.3H0zM0%20157.8h513v26.3H0zM0%20210.5h513v26.3H0zM0%20263.1h513v26.3H0zM0%20315.7h513V342H0z'/%3e%3c/g%3e%3cpath%20fill='%232E52B2'%20d='M0%200h256.5v184.1H0z'/%3e%3cg%20fill='%23FFF'%3e%3cpath%20d='m47.8%20138.9-4-12.8-4.4%2012.8H26.2l10.7%207.7-4%2012.8%2010.9-7.9%2010.6%207.9-4.1-12.8%2010.9-7.7zM104.1%20138.9l-4.1-12.8-4.2%2012.8H82.6l10.7%207.7-4%2012.8%2010.7-7.9%2010.8%207.9-4-12.8%2010.7-7.7zM160.6%20138.9l-4.3-12.8-4%2012.8h-13.5l11%207.7-4.2%2012.8%2010.7-7.9%2011%207.9-4.2-12.8%2010.7-7.7zM216.8%20138.9l-4-12.8-4.2%2012.8h-13.3l10.8%207.7-4%2012.8%2010.7-7.9%2010.8%207.9-4.3-12.8%2011-7.7zM100%2075.3l-4.2%2012.8H82.6L93.3%2096l-4%2012.6%2010.7-7.8%2010.8%207.8-4-12.6%2010.7-7.9h-13.4zM43.8%2075.3l-4.4%2012.8H26.2L36.9%2096l-4%2012.6%2010.9-7.8%2010.6%207.8L50.3%2096l10.9-7.9H47.8zM156.3%2075.3l-4%2012.8h-13.5l11%207.9-4.2%2012.6%2010.7-7.8%2011%207.8-4.2-12.6%2010.7-7.9h-13.2zM212.8%2075.3l-4.2%2012.8h-13.3l10.8%207.9-4%2012.6%2010.7-7.8%2010.8%207.8-4.3-12.6%2011-7.9h-13.5zM43.8%2024.7l-4.4%2012.6H26.2l10.7%207.9-4%2012.7L43.8%2050l10.6%207.9-4.1-12.7%2010.9-7.9H47.8zM100%2024.7l-4.2%2012.6H82.6l10.7%207.9-4%2012.7L100%2050l10.8%207.9-4-12.7%2010.7-7.9h-13.4zM156.3%2024.7l-4%2012.6h-13.5l11%207.9-4.2%2012.7%2010.7-7.9%2011%207.9-4.2-12.7%2010.7-7.9h-13.2zM212.8%2024.7l-4.2%2012.6h-13.3l10.8%207.9-4%2012.7%2010.7-7.9%2010.8%207.9-4.3-12.7%2011-7.9h-13.5z'/%3e%3c/g%3e%3c/svg%3e", f0 = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20513%20342'%3e%3cg%20fill='%23FFF'%3e%3cpath%20d='M0%200h513v341.3H0V0z'/%3e%3cpath%20d='M311.7%20230%20513%20341.3v-31.5L369.3%20230h-57.6zM200.3%20111.3%200%200v31.5l143.7%2079.8h56.6z'/%3e%3c/g%3e%3cg%20fill='%230052B4'%3e%3cpath%20d='M393.8%20230%20513%20295.7V230H393.8zm-82.1%200L513%20341.3v-31.5L369.3%20230h-57.6zm146.9%20111.3-147-81.7v81.7h147zM90.3%20230%200%20280.2V230h90.3zm110%2014.2v97.2H25.5l174.8-97.2zM118.2%20111.3%200%2045.6v65.7h118.2zm82.1%200L0%200v31.5l143.7%2079.8h56.6zM53.4%200l147%2081.7V0h-147zM421.7%20111.3%20513%2061.1v50.2h-91.3zm-110-14.2V0h174.9L311.7%2097.1z'/%3e%3c/g%3e%3cg%20fill='%23D80027'%3e%3cpath%20d='M288%200h-64v138.7H0v64h224v138.7h64V202.7h224v-64H288V0z'/%3e%3cpath%20d='M311.7%20230%20513%20341.3v-31.5L369.3%20230h-57.6zM143.7%20230%200%20309.9v31.5L200.3%20230h-56.6zM200.3%20111.3%200%200v31.5l143.7%2079.8h56.6zM368.3%20111.3%20513%2031.5V0L311.7%20111.3h56.6z'/%3e%3c/g%3e%3c/svg%3e", m0 = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20513%20342'%3e%3cpath%20fill='%23FFDA44'%20d='M0%200h513v342H0z'/%3e%3cpath%20fill='%23D80027'%20d='M0%200h513v114H0z'/%3e%3cpath%20fill='%23496E2D'%20d='M0%20228h513v114H0z'/%3e%3cpath%20d='m255.9%20113.8%2014.1%2043.4%2040.4%203.2-37%2026.9%2019.5%2040.3-37-26.9-37%2026.9%2014.1-43.5-36.9-26.9h45.7z'/%3e%3c/svg%3e", h0 = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%2085.333%20512%20341.333'%3e%3cpath%20fill='%23FFF'%20d='M0%2085.331h512v341.337H0z'/%3e%3cpath%20d='M0%2085.331h512v90.579H0z'/%3e%3cpath%20fill='%23496E2D'%20d='M0%20336.089h512v90.568H0z'/%3e%3cpath%20fill='%23A2001D'%20d='M0%20198.606h512v114.799H0z'/%3e%3cg%20fill='%23FFF'%3e%3cpath%20d='m323.265%20139.803-25.583-11.809L256%20222.376l-41.682-94.382-25.583%2011.809%2051.749%20116.191-51.749%20116.192%2025.583%2011.808L256%20289.613l41.682%2094.381%2025.583-11.808-51.749-116.192z'/%3e%3cpath%20d='M273.376%20150.931C263.472%20140.115%20256%20133.898%20256%20133.898s-7.472%206.216-17.376%2017.032v210.127C248.528%20371.873%20256%20378.091%20256%20378.091s7.472-6.216%2017.376-17.033V150.931z'/%3e%3c/g%3e%3cg%20fill='%23A2001D'%3e%3cpath%20d='M209.04%20191.226v129.535c10.465%2018.542%2023.274%2033.742%2032.872%2043.818V147.408c-9.599%2010.076-22.408%2025.275-32.872%2043.818zM302.96%20191.226c-10.465-18.543-23.274-33.742-32.872-43.818V364.58c9.599-10.077%2022.407-25.276%2032.872-43.818V191.226z'/%3e%3c/g%3e%3cpath%20d='M302.96%20191.226v129.535c10.594-18.774%2018.784-40.973%2018.784-64.767s-8.19-45.993-18.784-64.768zM209.04%20191.226v129.535c-10.594-18.774-18.784-40.973-18.784-64.767s8.19-45.993%2018.784-64.768z'/%3e%3c/svg%3e", g0 = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%2085.333%20512%20341.333'%3e%3cpath%20fill='%23FFF'%20d='M0%2085.337h512v341.326H0z'/%3e%3cpath%20d='M114.024%20256.001%200%20141.926v228.17z'/%3e%3cpath%20fill='%23ffb915'%20d='M161.192%20256%200%2094.7v47.226l114.024%20114.075L0%20370.096v47.138z'/%3e%3cpath%20fill='%23007847'%20d='M509.833%20289.391c.058-.44.804-.878%202.167-1.318v-65.464H222.602L85.33%2085.337H0V94.7L161.192%20256%200%20417.234v9.429h85.33l137.272-137.272h287.231z'/%3e%3cpath%20fill='%23000c8a'%20d='M503.181%20322.783H236.433l-103.881%20103.88H512v-103.88z'/%3e%3cpath%20fill='%23e1392d'%20d='M503.181%20189.217H512V85.337H132.552l103.881%20103.88z'/%3e%3c/svg%3e", x0 = [
+), C0 = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%2085.5%20513%20342'%3e%3cpath%20fill='%23FFF'%20d='M0%2085.5h513v342H0z'/%3e%3cg%20fill='%23007b23'%3e%3cpath%20d='M0%2085.5h171v342H0zM342%2085.5h171v342H342z'/%3e%3c/g%3e%3c/svg%3e", u0 = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20513%20342'%3e%3cpath%20fill='%23FFF'%20d='M0%200h513v342H0z'/%3e%3cg%20fill='%23D80027'%3e%3cpath%20d='M0%200h513v26.3H0zM0%2052.6h513v26.3H0zM0%20105.2h513v26.3H0zM0%20157.8h513v26.3H0zM0%20210.5h513v26.3H0zM0%20263.1h513v26.3H0zM0%20315.7h513V342H0z'/%3e%3c/g%3e%3cpath%20fill='%232E52B2'%20d='M0%200h256.5v184.1H0z'/%3e%3cg%20fill='%23FFF'%3e%3cpath%20d='m47.8%20138.9-4-12.8-4.4%2012.8H26.2l10.7%207.7-4%2012.8%2010.9-7.9%2010.6%207.9-4.1-12.8%2010.9-7.7zM104.1%20138.9l-4.1-12.8-4.2%2012.8H82.6l10.7%207.7-4%2012.8%2010.7-7.9%2010.8%207.9-4-12.8%2010.7-7.7zM160.6%20138.9l-4.3-12.8-4%2012.8h-13.5l11%207.7-4.2%2012.8%2010.7-7.9%2011%207.9-4.2-12.8%2010.7-7.7zM216.8%20138.9l-4-12.8-4.2%2012.8h-13.3l10.8%207.7-4%2012.8%2010.7-7.9%2010.8%207.9-4.3-12.8%2011-7.7zM100%2075.3l-4.2%2012.8H82.6L93.3%2096l-4%2012.6%2010.7-7.8%2010.8%207.8-4-12.6%2010.7-7.9h-13.4zM43.8%2075.3l-4.4%2012.8H26.2L36.9%2096l-4%2012.6%2010.9-7.8%2010.6%207.8L50.3%2096l10.9-7.9H47.8zM156.3%2075.3l-4%2012.8h-13.5l11%207.9-4.2%2012.6%2010.7-7.8%2011%207.8-4.2-12.6%2010.7-7.9h-13.2zM212.8%2075.3l-4.2%2012.8h-13.3l10.8%207.9-4%2012.6%2010.7-7.8%2010.8%207.8-4.3-12.6%2011-7.9h-13.5zM43.8%2024.7l-4.4%2012.6H26.2l10.7%207.9-4%2012.7L43.8%2050l10.6%207.9-4.1-12.7%2010.9-7.9H47.8zM100%2024.7l-4.2%2012.6H82.6l10.7%207.9-4%2012.7L100%2050l10.8%207.9-4-12.7%2010.7-7.9h-13.4zM156.3%2024.7l-4%2012.6h-13.5l11%207.9-4.2%2012.7%2010.7-7.9%2011%207.9-4.2-12.7%2010.7-7.9h-13.2zM212.8%2024.7l-4.2%2012.6h-13.3l10.8%207.9-4%2012.7%2010.7-7.9%2010.8%207.9-4.3-12.7%2011-7.9h-13.5z'/%3e%3c/g%3e%3c/svg%3e", f0 = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20513%20342'%3e%3cg%20fill='%23FFF'%3e%3cpath%20d='M0%200h513v341.3H0V0z'/%3e%3cpath%20d='M311.7%20230%20513%20341.3v-31.5L369.3%20230h-57.6zM200.3%20111.3%200%200v31.5l143.7%2079.8h56.6z'/%3e%3c/g%3e%3cg%20fill='%230052B4'%3e%3cpath%20d='M393.8%20230%20513%20295.7V230H393.8zm-82.1%200L513%20341.3v-31.5L369.3%20230h-57.6zm146.9%20111.3-147-81.7v81.7h147zM90.3%20230%200%20280.2V230h90.3zm110%2014.2v97.2H25.5l174.8-97.2zM118.2%20111.3%200%2045.6v65.7h118.2zm82.1%200L0%200v31.5l143.7%2079.8h56.6zM53.4%200l147%2081.7V0h-147zM421.7%20111.3%20513%2061.1v50.2h-91.3zm-110-14.2V0h174.9L311.7%2097.1z'/%3e%3c/g%3e%3cg%20fill='%23D80027'%3e%3cpath%20d='M288%200h-64v138.7H0v64h224v138.7h64V202.7h224v-64H288V0z'/%3e%3cpath%20d='M311.7%20230%20513%20341.3v-31.5L369.3%20230h-57.6zM143.7%20230%200%20309.9v31.5L200.3%20230h-56.6zM200.3%20111.3%200%200v31.5l143.7%2079.8h56.6zM368.3%20111.3%20513%2031.5V0L311.7%20111.3h56.6z'/%3e%3c/g%3e%3c/svg%3e", h0 = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20513%20342'%3e%3cpath%20fill='%23FFDA44'%20d='M0%200h513v342H0z'/%3e%3cpath%20fill='%23D80027'%20d='M0%200h513v114H0z'/%3e%3cpath%20fill='%23496E2D'%20d='M0%20228h513v114H0z'/%3e%3cpath%20d='m255.9%20113.8%2014.1%2043.4%2040.4%203.2-37%2026.9%2019.5%2040.3-37-26.9-37%2026.9%2014.1-43.5-36.9-26.9h45.7z'/%3e%3c/svg%3e", m0 = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%2085.333%20512%20341.333'%3e%3cpath%20fill='%23FFF'%20d='M0%2085.331h512v341.337H0z'/%3e%3cpath%20d='M0%2085.331h512v90.579H0z'/%3e%3cpath%20fill='%23496E2D'%20d='M0%20336.089h512v90.568H0z'/%3e%3cpath%20fill='%23A2001D'%20d='M0%20198.606h512v114.799H0z'/%3e%3cg%20fill='%23FFF'%3e%3cpath%20d='m323.265%20139.803-25.583-11.809L256%20222.376l-41.682-94.382-25.583%2011.809%2051.749%20116.191-51.749%20116.192%2025.583%2011.808L256%20289.613l41.682%2094.381%2025.583-11.808-51.749-116.192z'/%3e%3cpath%20d='M273.376%20150.931C263.472%20140.115%20256%20133.898%20256%20133.898s-7.472%206.216-17.376%2017.032v210.127C248.528%20371.873%20256%20378.091%20256%20378.091s7.472-6.216%2017.376-17.033V150.931z'/%3e%3c/g%3e%3cg%20fill='%23A2001D'%3e%3cpath%20d='M209.04%20191.226v129.535c10.465%2018.542%2023.274%2033.742%2032.872%2043.818V147.408c-9.599%2010.076-22.408%2025.275-32.872%2043.818zM302.96%20191.226c-10.465-18.543-23.274-33.742-32.872-43.818V364.58c9.599-10.077%2022.407-25.276%2032.872-43.818V191.226z'/%3e%3c/g%3e%3cpath%20d='M302.96%20191.226v129.535c10.594-18.774%2018.784-40.973%2018.784-64.767s-8.19-45.993-18.784-64.768zM209.04%20191.226v129.535c-10.594-18.774-18.784-40.973-18.784-64.767s8.19-45.993%2018.784-64.768z'/%3e%3c/svg%3e", g0 = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%2085.333%20512%20341.333'%3e%3cpath%20fill='%23FFF'%20d='M0%2085.337h512v341.326H0z'/%3e%3cpath%20d='M114.024%20256.001%200%20141.926v228.17z'/%3e%3cpath%20fill='%23ffb915'%20d='M161.192%20256%200%2094.7v47.226l114.024%20114.075L0%20370.096v47.138z'/%3e%3cpath%20fill='%23007847'%20d='M509.833%20289.391c.058-.44.804-.878%202.167-1.318v-65.464H222.602L85.33%2085.337H0V94.7L161.192%20256%200%20417.234v9.429h85.33l137.272-137.272h287.231z'/%3e%3cpath%20fill='%23000c8a'%20d='M503.181%20322.783H236.433l-103.881%20103.88H512v-103.88z'/%3e%3cpath%20fill='%23e1392d'%20d='M503.181%20189.217H512V85.337H132.552l103.881%20103.88z'/%3e%3c/svg%3e", x0 = [
   { code: "NG", name: "Nigeria", flag: C0 },
   { code: "US", name: "United States", flag: u0 },
   { code: "GB", name: "United Kingdom", flag: f0 },
-  { code: "GH", name: "Ghana", flag: m0 },
-  { code: "KE", name: "Kenya", flag: h0 },
+  { code: "GH", name: "Ghana", flag: h0 },
+  { code: "KE", name: "Kenya", flag: m0 },
   { code: "ZA", name: "South Africa", flag: g0 }
 ], I0 = ({
   countries: e = x0,
@@ -2759,9 +2759,9 @@ const P0 = ({
     ] }),
     // Add searchable text for filtering
     searchLabel: `${f.name} ${f.code}`.toLowerCase()
-  })), m = (f, h) => {
+  })), h = (f, m) => {
     var b;
-    return ((b = h == null ? void 0 : h.searchLabel) == null ? void 0 : b.includes(f.toLowerCase())) || !1;
+    return ((b = m == null ? void 0 : m.searchLabel) == null ? void 0 : b.includes(f.toLowerCase())) || !1;
   };
   return /* @__PURE__ */ d(a2, { children: [
     /* @__PURE__ */ t("style", { children: `
@@ -2815,7 +2815,7 @@ const P0 = ({
         onChange: l,
         options: c,
         showSearch: n,
-        filterOption: m,
+        filterOption: h,
         placeholder: "Search country...",
         suffixIcon: /* @__PURE__ */ t("svg", { width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", children: /* @__PURE__ */ t(
           "path",
@@ -2859,9 +2859,9 @@ const P0 = ({
     }
   ], c = ({ key: f }) => {
     s && s(f);
-  }, m = (f) => {
-    const h = f.split(" ");
-    return h.length >= 2 ? `${h[0][0]}${h[1][0]}`.toUpperCase() : f.substring(0, 2).toUpperCase();
+  }, h = (f) => {
+    const m = f.split(" ");
+    return m.length >= 2 ? `${m[0][0]}${m[1][0]}`.toUpperCase() : f.substring(0, 2).toUpperCase();
   };
   return /* @__PURE__ */ d(a2, { children: [
     /* @__PURE__ */ t("style", { children: `
@@ -2956,7 +2956,7 @@ const P0 = ({
             className: `user-profile-dropdown ${a}`,
             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 }) : h(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 })
@@ -3063,9 +3063,9 @@ const P0 = ({
   ledgerBalance: l,
   bottomLabel: i = "Ledger Balance",
   bottomValue: c,
-  showLedgerValuePrefix: m = !0,
+  showLedgerValuePrefix: h = !0,
   bottomIcon: f,
-  showCopyButton: h = !1,
+  showCopyButton: m = !1,
   copyValue: b,
   onCopy: L,
   copyIconColor: y,
@@ -3095,7 +3095,7 @@ const P0 = ({
   return /* @__PURE__ */ d(
     "div",
     {
-      className: `relative overflow-hidden flex flex-col rounded-[20px] px-3 sm:px-[18px] pt-3 transition-all duration-300 ease-in-out hover:-translate-y-1 cursor-pointer self-start ${U ? "pb-1" : "pb-3"} ${C}`,
+      className: `relative overflow-hidden flex flex-col rounded-[20px] px-3 sm:px-[18px] pt-3 transition-all duration-300 ease-in-out hover:-translate-y-1 cursor-pointer self-start ${U ? "pb-0.5" : "pb-3"} ${C}`,
       style: {
         background: g ? `url(${g}) center / cover no-repeat` : "radial-gradient(circle at 50% 136%, #7A7F7A 0%, #181918 100%)",
         width: typeof k == "number" ? `${k}px` : k,
@@ -3178,8 +3178,8 @@ const P0 = ({
               children: p ? `${a} ${r}` : "****"
             }
           ),
-          U && /* @__PURE__ */ d("div", { className: "mt-2 mb-1", children: [
-            /* @__PURE__ */ t("div", { className: "w-full h-px bg-white/10 mb-2 transition-opacity duration-300" }),
+          U && /* @__PURE__ */ d("div", { className: "mt-2", children: [
+            /* @__PURE__ */ t("div", { className: "w-full h-px bg-white/10 mb-1 transition-opacity duration-300" }),
             /* @__PURE__ */ d("div", { className: "flex items-center justify-between gap-2 transition-all duration-200", children: [
               /* @__PURE__ */ d("div", { className: "flex items-center gap-2 min-w-0", children: [
                 f === void 0 ? /* @__PURE__ */ t(
@@ -3207,17 +3207,17 @@ const P0 = ({
                   {
                     className: "text-xs font-light transition-all duration-200 truncate",
                     style: { color: w ?? "#E6E6E6" },
-                    children: p ? m ? `${i} ${a} ${$}` : `${i}${$ !== void 0 && $ !== "" ? ` ${$}` : ""}` : "****"
+                    children: p ? h ? `${i} ${a} ${$}` : `${i}${$ !== void 0 && $ !== "" ? ` ${$}` : ""}` : "****"
                   }
                 )
               ] }),
-              h && /* @__PURE__ */ t(
+              m && /* @__PURE__ */ t(
                 "button",
                 {
                   type: "button",
                   onClick: M,
                   "aria-label": B ? "Copied" : "Copy",
-                  className: "bg-transparent border-none cursor-pointer p-1 flex items-center justify-center transition-colors duration-200 shrink-0 hover:opacity-80",
+                  className: "bg-transparent border-none cursor-pointer p-0 flex items-center justify-center transition-colors duration-200 shrink-0 hover:opacity-80",
                   style: { color: y ?? "#EC615B" },
                   children: B ? /* @__PURE__ */ t("svg", { width: "20", height: "20", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t("path", { d: "M3.3335 8.33594L6.66683 11.6693L13.3335 4.33594", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) : /* @__PURE__ */ d("svg", { width: "20", height: "20", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
                     /* @__PURE__ */ t("rect", { x: "5.33594", y: "5.33594", width: "8.66667", height: "8.66667", rx: "1.5", stroke: "currentColor", strokeWidth: "1.3" }),