am-shared-assets 1.0.12 → 1.0.14

package/dist/components.js

@@ -1,57 +1,57 @@
 import { jsxs as u, jsx as a, Fragment as Y } from "react/jsx-runtime";
-import { I as S, b as z, a as W, W as q, T as V, C as G } from "./ChevronBottomIcon-BM6pUrh1.js";
-import { Slider as J, MenuItem as K } from "@mui/material";
-import Q from "@mui/material/Select";
-import U from "@mui/material/Autocomplete";
+import { I as z, c as S, b as W, W as q, T as V, a as G, C as J } from "./CheckIcon-DOBPX5J0.js";
+import { Slider as K, MenuItem as Q } from "@mui/material";
+import U from "@mui/material/Select";
+import X from "@mui/material/Autocomplete";
 import "react";
 function L(t) {
-  var r, s, e = "";
-  if (typeof t == "string" || typeof t == "number") e += t;
+  var e, s, r = "";
+  if (typeof t == "string" || typeof t == "number") r += t;
   else if (typeof t == "object") if (Array.isArray(t)) {
     var n = t.length;
-    for (r = 0; r < n; r++) t[r] && (s = L(t[r])) && (e && (e += " "), e += s);
-  } else for (s in t) t[s] && (e && (e += " "), e += s);
-  return e;
+    for (e = 0; e < n; e++) t[e] && (s = L(t[e])) && (r && (r += " "), r += s);
+  } else for (s in t) t[s] && (r && (r += " "), r += s);
+  return r;
 }
 function f() {
-  for (var t, r, s = 0, e = "", n = arguments.length; s < n; s++) (t = arguments[s]) && (r = L(t)) && (e && (e += " "), e += r);
-  return e;
+  for (var t, e, s = 0, r = "", n = arguments.length; s < n; s++) (t = arguments[s]) && (e = L(t)) && (r && (r += " "), r += e);
+  return r;
 }
-const X = {
+const Z = {
   sm: "text-xs",
   md: "text-sm"
-}, Z = {
+}, H = {
   default: "w-[342px] min-w-[342px]",
   full: "w-full"
-}, H = {
+}, ee = {
   default: "bg-default-100",
   primary: "bg-primary-50",
   secondary: "bg-secondary-50",
   success: "bg-success-50",
   warning: "bg-warning-50",
   danger: "bg-danger-50"
-}, ee = {
+}, re = {
   default: "text-default-900",
   primary: "text-base-primary",
   secondary: "text-base-secondary",
   success: "text-base-success",
   warning: "text-default-900",
   danger: "text-base-danger"
-}, re = {
+}, se = {
   default: "text-default-600",
   primary: "text-base-primary",
   secondary: "text-base-secondary",
   success: "text-base-success",
   warning: "text-default-600",
   danger: "text-base-danger"
-}, se = {
+}, te = {
   default: "bg-default-300",
   primary: "bg-base-primary",
   secondary: "bg-base-secondary",
   success: "bg-base-success",
   warning: "bg-base-warning",
   danger: "bg-base-danger"
-}, te = {
+}, ae = {
   white: "text-white",
   black: "text-default-900"
 }, A = {
@@ -75,54 +75,54 @@ const X = {
   success: /* @__PURE__ */ a(V, { color: "#17C964", size: 24 }),
   warning: /* @__PURE__ */ a(q, { color: "#F5A524", size: 24 }),
   danger: /* @__PURE__ */ a(W, { color: "#F31260", size: 24 })
-}, ae = {
+}, ne = {
   none: "rounded-none",
   sm: "rounded-md",
   md: "rounded-xl",
   lg: "rounded-[22px]",
   full: "rounded-full"
-}, qe = ({
+}, Ge = ({
   title: t,
-  description: r,
+  description: e,
   color: s = "default",
-  size: e = "md",
+  size: r = "md",
   width: n = "default",
   rounded: d = "none",
   infoIconAlignment: o,
   isInfoIcon: i = !0,
   hasCloseButton: c = !0,
   hasButton: l = !1,
-  buttonTitle: p,
+  buttonTitle: b,
   buttonTextColor: m = "black",
   buttonClickHandler: x,
   closeAlertHandler: h,
-  children: b
+  children: g
 }) => {
-  const g = f(
-    Z[n],
-    X[e],
-    ae[d],
-    H[s]
+  const p = f(
+    H[n],
+    Z[r],
+    ne[d],
+    ee[s]
   );
-  return b ? /* @__PURE__ */ u(
+  return g ? /* @__PURE__ */ u(
     "div",
     {
-      className: `flex p-3 ${g} ${o && M[o]}`,
+      className: `flex p-3 ${p} ${o && M[o]}`,
       children: [
-        /* @__PURE__ */ a("div", { className: "mt-[1px]", children: i || !$[s] ? /* @__PURE__ */ a(S, { color: B[s] }) : $[s] }),
-        b
+        /* @__PURE__ */ a("div", { className: "mt-[1px]", children: i || !$[s] ? /* @__PURE__ */ a(z, { color: B[s] }) : $[s] }),
+        g
       ]
     }
-  ) : /* @__PURE__ */ u("div", { className: `relative flex justify-between p-3 ${g}`, children: [
+  ) : /* @__PURE__ */ u("div", { className: `relative flex justify-between p-3 ${p}`, children: [
     /* @__PURE__ */ u(
       "div",
       {
-        className: `flex ${o ? M[o] : l ? "items-center" : t && r ? "items-start" : "items-center"} gap-3`,
+        className: `flex ${o ? M[o] : l ? "items-center" : t && e ? "items-start" : "items-center"} gap-3`,
         children: [
-          /* @__PURE__ */ a("div", { className: "mt-[1px]", children: i || !$[s] ? /* @__PURE__ */ a(S, { color: B[s] }) : $[s] }),
+          /* @__PURE__ */ a("div", { className: "mt-[1px]", children: i || !$[s] ? /* @__PURE__ */ a(z, { color: B[s] }) : $[s] }),
           /* @__PURE__ */ u("div", { children: [
-            t && /* @__PURE__ */ a("h2", { className: `font-semibold ${ee[s]}`, children: t }),
-            r && /* @__PURE__ */ a("p", { className: re[s], children: r })
+            t && /* @__PURE__ */ a("h2", { className: `font-semibold ${re[s]}`, children: t }),
+            e && /* @__PURE__ */ a("p", { className: se[s], children: e })
           ] })
         ]
       }
@@ -132,8 +132,8 @@ const X = {
         "button",
         {
           onClick: x,
-          className: `h-8 px-3 rounded-md ${se[s]} ${te[m]}`,
-          children: p
+          className: `h-8 px-3 rounded-md ${te[s]} ${ae[m]}`,
+          children: b
         }
       ),
       c && /* @__PURE__ */ a(
@@ -141,42 +141,42 @@ const X = {
         {
           onClick: h,
           className: "absolute -top-1 -left-1 border border-default-300 bg-default-100 rounded-full",
-          children: /* @__PURE__ */ a(z, { color: A.default, size: 14 })
+          children: /* @__PURE__ */ a(S, { color: A.default, size: 14 })
         }
       )
-    ] }) : c && /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a("button", { onClick: h, children: /* @__PURE__ */ a(z, { color: A[s] }) }) })
+    ] }) : c && /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a("button", { onClick: h, children: /* @__PURE__ */ a(S, { color: A[s] }) }) })
   ] });
-}, ne = {
+}, oe = {
   sm: "h-5 text-xs px-2",
   md: "h-6 text-sm px-2.5",
   lg: "h-7 text-sm px-3"
-}, oe = {
+}, de = {
   neutral: "bg-default-500",
   default: "bg-default-200",
   primary: "bg-layout-focus",
   danger: "bg-base-danger",
   success: "bg-base-success"
-}, de = {
+}, ie = {
   white: "text-content-1",
   black: "text-layout-fg"
-}, ie = {
+}, ce = {
   pill: "rounded-full",
   Rectangle: "rounded-xxs"
-}, Ve = ({
+}, Je = ({
   label: t,
-  color: r = "default",
+  color: e = "default",
   type: s = "pill",
-  size: e = "md",
+  size: r = "md",
   textColor: n = "black"
 }) => {
   const d = f(
+    de[e],
+    ie[n],
     oe[r],
-    de[n],
-    ne[e],
-    ie[s]
+    ce[s]
   );
   return /* @__PURE__ */ a("div", { className: `flex justify-center items-center ${d}`, children: t });
-}, ce = {
+}, le = {
   sm: "h-8 text-xs px-3",
   md: "h-10 text-sm px-4",
   lg: "h-12 text-base px-6"
@@ -210,55 +210,55 @@ const X = {
   success: "bg-success-100",
   warning: "bg-warning-100",
   danger: "bg-danger-100"
-}, le = {
+}, ue = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   full: "rounded-full"
-}, ue = (t, r, s) => {
-  let e = "";
+}, be = (t, e, s) => {
+  let r = "";
   switch (t) {
     case "solid":
-      e = `${I[r]} ${y[s]}`;
+      r = `${I[e]} ${y[s]}`;
       break;
     case "bordered":
-      e = `border-2 ${P[r]} ${y[r]}`;
+      r = `border-2 ${P[e]} ${y[e]}`;
       break;
     case "light":
-      e = y[r];
+      r = y[e];
       break;
     case "flat":
-      e = `${j[r]} ${y[r]}`;
+      r = `${j[e]} ${y[e]}`;
       break;
     case "faded":
-      e = `border-2 ${P.default} ${j.default} ${y[r]}`;
+      r = `border-2 ${P.default} ${j.default} ${y[e]}`;
       break;
     case "shadow":
-      e = `shadow-lg ${I[r]} ${y[s]}`;
+      r = `shadow-lg ${I[e]} ${y[s]}`;
       break;
   }
-  return e;
-}, Ge = ({
+  return r;
+}, Ke = ({
   type: t = "button",
-  variant: r = "solid",
+  variant: e = "solid",
   color: s = "default",
-  textColor: e = "black",
+  textColor: r = "black",
   size: n = "md",
   rounded: d = "none",
   label: o,
   icon: i,
   iconPosition: c = "left",
   width: l = "auto",
-  disabled: p = !1,
+  disabled: b = !1,
   onClick: m
 }) => {
   const x = f(
     l === "full" ? "w-full" : "w-auto",
     c === "right" ? "flex-row" : "flex-row-reverse",
-    le[d],
-    ce[n],
-    ue(r, s, e)
+    ue[d],
+    le[n],
+    be(e, s, r)
   );
   return /* @__PURE__ */ u(
     "button",
@@ -266,18 +266,18 @@ const X = {
       type: t,
       className: "flex items-center justify-center gap-2 font-semibold transition-all duration-300 " + x,
       onClick: m,
-      disabled: p,
+      disabled: b,
       children: [
         i,
         o && /* @__PURE__ */ a("p", { children: o })
       ]
     }
   );
-}, be = {
+}, ge = {
   sm: "h-6 text-xs",
   md: "h-7 text-sm",
   lg: "h-8 text-base"
-}, ge = {
+}, pe = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
@@ -306,78 +306,78 @@ const X = {
   success: "border-base-success",
   warning: "border-base-warning",
   danger: "border-base-danger"
-}, pe = {
+}, fe = {
   default: "bg-default-200",
   primary: "bg-primary-100",
   secondary: "bg-secondary-100",
   success: "bg-success-100",
   warning: "bg-warning-100",
   danger: "bg-danger-100"
-}, fe = {
+}, me = {
   default: "bg-default-400",
   primary: "bg-base-primary",
   secondary: "bg-base-secondary",
   success: "bg-base-success",
   warning: "bg-base-warning",
   danger: "bg-base-danger"
-}, me = (t, r, s) => {
-  let e = "";
+}, xe = (t, e, s) => {
+  let r = "";
   switch (t) {
     case "solid":
-      e = `${D[r]} ${w[s]}`;
+      r = `${D[e]} ${w[s]}`;
       break;
     case "bordered":
-      e = `border-2 ${C[r]} ${w[r]}`;
+      r = `border-2 ${C[e]} ${w[e]}`;
       break;
     case "light":
-      e = w[r];
+      r = w[e];
       break;
     case "flat":
-      e = `${pe[r]} ${w[r]}`;
+      r = `${fe[e]} ${w[e]}`;
       break;
     case "faded":
-      e = `border-2 ${C.default} bg-default-100 ${w[r]}`;
+      r = `border-2 ${C.default} bg-default-100 ${w[e]}`;
       break;
     case "shadow":
-      e = `shadow-lg ${D[r]} ${w[s]}`;
+      r = `shadow-lg ${D[e]} ${w[s]}`;
       break;
     case "dot":
-      e = `border-2 ${C.default} ${w.black}`;
+      r = `border-2 ${C.default} ${w.black}`;
       break;
   }
-  return e;
-}, Je = ({
+  return r;
+}, Qe = ({
   variant: t = "solid",
-  color: r = "default",
+  color: e = "default",
   textColor: s = "black",
-  label: e,
+  label: r,
   size: n = "md",
   rounded: d = "none",
   children: o
 }) => {
   const i = f(
-    ge[d],
-    be[n],
-    me(t, r, s)
+    pe[d],
+    ge[n],
+    xe(t, e, s)
   );
   return /* @__PURE__ */ a("div", { className: `w-fit flex items-center justify-center gap-1 px-2 ${i}`, children: o || /* @__PURE__ */ u(Y, { children: [
-    /* @__PURE__ */ a("p", { children: e }),
-    t === "dot" && /* @__PURE__ */ a("div", { className: `size-2 rounded-full ${fe[r]}` })
+    /* @__PURE__ */ a("p", { children: r }),
+    t === "dot" && /* @__PURE__ */ a("div", { className: `size-2 rounded-full ${me[e]}` })
   ] }) });
-}, xe = {
+}, he = {
   sm: "h-8 py-1",
   lg: "h-10 py-2"
-}, he = {
+}, we = {
   default: "text-default-600",
   primary: "text-base-primary",
   success: "text-base-success",
   warning: "text-base-warning",
   danger: "text-base-danger"
-}, we = {
+}, ye = {
   primary: "text-base-primary hover:text-base-primary",
   success: "text-base-success hover:text-base-success",
   warning: "text-base-warning hover:text-base-warning"
-}, ye = {
+}, ve = {
   default: "bg-default-100 hover:bg-default-200 focus-within:hover:bg-transparent",
   primary: "bg-primary-100 hover:bg-primary-50 focus-within:hover:bg-transparent",
   success: "bg-success-100 hover:bg-success-50 focus-within:hover:bg-transparent",
@@ -389,59 +389,59 @@ const X = {
   success: "focus-within:bg-transparent focus-within:border focus-within:border-base-success focus-within:hover:border-base-success focus-within:hover:bg-transparent",
   warning: "focus-within:bg-transparent focus-within:border focus-within:border-base-warning focus-within:hover:border-base-warning focus-within:hover:bg-transparent",
   danger: "focus-within:bg-transparent focus-within:border focus-within:border-base-danger focus-within:hover:border-base-danger focus-within:hover:bg-transparent"
-}, ve = {
+}, $e = {
   default: "hover:border-default-400",
   primary: "hover:border-base-primary",
   success: "hover:border-base-success",
   warning: "hover:border-base-warning",
   danger: "hover:border-base-danger"
-}, $e = {
+}, Ce = {
   sm: "rounded-sm",
   full: "rounded-full"
-}, Ce = (t, r, s) => {
-  let e = "";
+}, ke = (t, e, s) => {
+  let r = "";
   if (s)
-    return e = "bg-danger-100 hover:bg-danger-50 focus-within:hover:bg-transparent focus-within:bg-transparent focus-within:border focus-within:border-base-danger";
+    return r = "bg-danger-100 hover:bg-danger-50 focus-within:hover:bg-transparent focus-within:bg-transparent focus-within:border focus-within:border-base-danger";
   switch (t) {
     case "flat":
-      e = `${ye[r]} ${k[r]} ${we[r]} focus-within:text-layout-fg`;
+      r = `${ve[e]} ${k[e]} ${ye[e]} focus-within:text-layout-fg`;
       break;
     case "bordered":
-      e = `bg-transparent border border-default-200 hover:border-default-400 ${k[r]}`;
+      r = `bg-transparent border border-default-200 hover:border-default-400 ${k[e]}`;
       break;
     case "faded":
-      e = `border border-default-200 bg-default-100 hover:bg-default-200 ${ve[r]} ${k[r]}`;
+      r = `border border-default-200 bg-default-100 hover:bg-default-200 ${$e[e]} ${k[e]}`;
       break;
   }
-  return e;
-}, Ke = ({
+  return r;
+}, Ue = ({
   id: t,
-  label: r,
+  label: e,
   required: s = !1,
-  register: e,
+  register: r,
   name: n,
   value: d,
   onChange: o,
   isFocused: i = !1,
   placeHolder: c,
   variant: l = "flat",
-  color: p = "default",
+  color: b = "default",
   size: m = "sm",
   rounded: x = "sm",
   description: h = "",
-  icon: b,
-  endIcon: g,
+  icon: g,
+  endIcon: p,
   errorMsg: v = "",
-  hasError: F = !1
+  hasError: N = !1
 }) => {
-  const T = f($e[x], Ce(l, p, F)), _ = f(xe[m]);
+  const T = f(Ce[x], ke(l, b, N)), _ = f(he[m]);
   return /* @__PURE__ */ u("label", { className: "flex flex-col w-full", children: [
-    r && /* @__PURE__ */ u(
+    e && /* @__PURE__ */ u(
       "div",
       {
-        className: `h-4 text-xs mb-2 ${F ? "text-base-danger" : he[p]}`,
+        className: `h-4 text-xs mb-2 ${N ? "text-base-danger" : we[b]}`,
         children: [
-          r,
+          e,
           s && /* @__PURE__ */ a("span", { className: "text-base-danger text-sm", children: "*" })
         ]
       }
@@ -451,13 +451,13 @@ const X = {
       {
         className: `${T} flex items-center px-1.5 transition-all duration-200`,
         children: [
-          b,
-          e ? /* @__PURE__ */ a(
+          g,
+          r ? /* @__PURE__ */ a(
             "input",
             {
               id: `${t}`,
               type: "text",
-              ...e(n),
+              ...r(n),
               placeholder: c,
               className: `${_} bg-transparent w-full px-1.5 text-sm outline-none`,
               autoFocus: i
@@ -474,14 +474,14 @@ const X = {
               autoFocus: i
             }
           ),
-          g
+          p
         ]
       }
     ),
     h && !v && /* @__PURE__ */ a("p", { className: "mt-1 text-xs text-default-400", children: h }),
     v && /* @__PURE__ */ a("p", { className: "mt-1 mr-1 text-xs text-base-danger", children: v })
   ] });
-}, ke = {
+}, Fe = {
   sm: "size-4 min-w-4 p-[3px]",
   md: "size-5 min-w-5 p-1",
   lg: "size-6 min-w-6 p-[5px]"
@@ -492,41 +492,41 @@ const X = {
   warning: "border-base-warning",
   danger: "border-base-danger",
   neutral: "border-default-500"
-}, Fe = {
+}, _e = {
   primary: "bg-base-primary",
   secondary: "bg-base-secondary",
   success: "bg-base-success",
   warning: "bg-base-warning",
   danger: "bg-base-danger",
   neutral: "bg-default-500"
-}, Qe = ({
+}, Xe = ({
   name: t,
-  value: r,
+  value: e,
   checked: s,
-  disabled: e = !1,
+  disabled: r = !1,
   onChange: n,
   size: d = "md",
   color: o = "primary",
   children: i
 }) => {
   const c = f(
-    ke[d],
+    Fe[d],
     s ? Ne[o] : "border-base-default hover:bg-default-100 transition-all duration-200"
   );
   return /* @__PURE__ */ u(
     "label",
     {
-      className: `flex items-center gap-2 ${e ? "opacity-50" : "cursor-pointer"}`,
+      className: `flex items-center gap-2 ${r ? "opacity-50" : "cursor-pointer"}`,
       children: [
         /* @__PURE__ */ a(
           "input",
           {
             name: t,
             type: "radio",
-            value: r,
+            value: e,
             checked: s,
             onChange: (l) => n && n(l.target.value),
-            disabled: e,
+            disabled: r,
             style: { display: "none" }
           }
         ),
@@ -537,7 +537,7 @@ const X = {
             children: s && /* @__PURE__ */ a(
               "span",
               {
-                className: `block w-full h-full rounded-full ${Fe[o]}`
+                className: `block w-full h-full rounded-full ${_e[o]}`
               }
             )
           }
@@ -546,7 +546,7 @@ const X = {
       ]
     }
   );
-}, _e = {
+}, ze = {
   sm: "min-h-6 text-xs",
   md: "min-h-7 text-sm",
   lg: "min-h-8 text-base"
@@ -560,15 +560,15 @@ const X = {
 }, Se = {
   white: "text-content-1",
   black: "text-default-900"
-}, ze = {
+}, Ae = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   full: "rounded-full"
-}, Ae = (t, r) => {
+}, Me = (t, e) => {
   let s = "";
-  const e = {
+  const r = {
     start: "left-4",
     center: "left-1/2 -translate-x-1/2",
     end: "right-4"
@@ -579,33 +579,33 @@ const X = {
   };
   switch (t) {
     case "top":
-      s = "top-[-3px] " + e[r];
+      s = "top-[-3px] " + r[e];
       break;
     case "right":
-      s = "right-[-3px] " + n[r];
+      s = "right-[-3px] " + n[e];
       break;
     case "bottom":
-      s = "bottom-[-3px] " + e[r];
+      s = "bottom-[-3px] " + r[e];
       break;
     case "left":
-      s = "left-[-3px] " + n[r];
+      s = "left-[-3px] " + n[e];
       break;
   }
   return s;
-}, Me = ({
+}, Be = ({
   label: t,
-  color: r = "default",
+  color: e = "default",
   textColor: s = "black",
-  size: e = "md",
+  size: r = "md",
   rounded: n = "md",
   direction: d = "bottom",
   position: o = "center"
 }) => {
   const i = f(
-    _e[e],
-    E[r],
+    ze[r],
+    E[e],
     Se[s],
-    ze[n]
+    Ae[n]
   );
   return /* @__PURE__ */ u("div", { className: "relative", children: [
     /* @__PURE__ */ a(
@@ -618,7 +618,7 @@ const X = {
     /* @__PURE__ */ a(
       "div",
       {
-        className: `absolute size-2.5 rotate-45 rounded-[2px] shadow-[0px_0px_1px_0px_#0000004D,0px_2px_10px_0px_#0000000F,0px_0px_5px_0px_#00000005] ${Ae(d, o)} ${E[r]}`
+        className: `absolute size-2.5 rotate-45 rounded-[2px] shadow-[0px_0px_1px_0px_#0000004D,0px_2px_10px_0px_#0000000F,0px_0px_5px_0px_#00000005] ${Me(d, o)} ${E[e]}`
       }
     )
   ] });
@@ -629,40 +629,42 @@ const X = {
   success: "#17C964",
   warning: "#F5A524",
   danger: "#F31260"
-}, N = {
+}, F = {
   foreground: "#A1A1AA",
   primary: "#D6E0F3",
   secondary: "#EEE1C9",
   success: "#d1f4e0",
   warning: "#fdedd3",
   danger: "#fdd0df"
-}, Ue = ({
+}, Ze = ({
   value: t,
-  setValue: r,
-  min: s = 0,
-  max: e = 100,
-  step: n = 1,
-  color: d = "primary",
-  tooltipColor: o = "primary",
-  tooltipTextColor: i = "white"
+  onChange: e,
+  onChangeCommitted: s,
+  min: r = 0,
+  max: n = 100,
+  step: d = 1,
+  color: o = "primary",
+  tooltipColor: i = "primary",
+  tooltipTextColor: c = "white"
 }) => /* @__PURE__ */ a(
-  J,
+  K,
   {
     value: t,
-    min: s,
-    max: e,
-    step: n,
-    onChange: (c, l) => {
-      r(l);
+    min: r,
+    max: n,
+    step: d,
+    onChange: (l, b) => {
+      e(b);
     },
-    onChangeCommitted: (c) => {
+    onChangeCommitted: (l, b) => {
+      s(b);
     },
-    valueLabelFormat: (c) => /* @__PURE__ */ a(
-      Me,
+    valueLabelFormat: (l) => /* @__PURE__ */ a(
+      Be,
       {
-        color: o,
-        textColor: i,
-        label: `${c.toLocaleString()}`
+        color: i,
+        textColor: c,
+        label: `${l.toLocaleString()}`
       }
     ),
     valueLabelDisplay: "auto",
@@ -675,28 +677,28 @@ const X = {
         width: "16px",
         height: "16px",
         border: "2px solid",
-        borderColor: R[d],
+        borderColor: R[o],
         color: "#fff"
       },
       "& .MuiSlider-thumb.Mui-focusVisible": {
-        boxShadow: `0 0 0 4px ${N[d]}`
+        boxShadow: `0 0 0 4px ${F[o]}`
       },
       "& .MuiSlider-thumb.Mui-active": {
-        boxShadow: `0 0 0 4px ${N[d]}`
+        boxShadow: `0 0 0 4px ${F[o]}`
       },
       "& .MuiSlider-thumb:hover": {
-        boxShadow: `0 0 0 4px ${N[d]}`
+        boxShadow: `0 0 0 4px ${F[o]}`
       },
       "& .MuiSlider-track": {
-        color: R[d]
+        color: R[o]
       },
       "& .MuiSlider-valueLabel": {
         backgroundColor: "transparent"
       }
     }
   }
-), Be = () => /* @__PURE__ */ a("div", { className: "custom-select-icon", children: /* @__PURE__ */ a(G, {}) }), Xe = ({ options: t, value: r, onChange: s }) => /* @__PURE__ */ a(
-  Q,
+), Ie = () => /* @__PURE__ */ a("div", { className: "custom-select-icon", children: /* @__PURE__ */ a(G, {}) }), He = ({ options: t, value: e, onChange: s }) => /* @__PURE__ */ a(
+  U,
   {
     MenuProps: {
       sx: {
@@ -715,7 +717,7 @@ const X = {
         }
       }
     },
-    IconComponent: Be,
+    IconComponent: Ie,
     sx: {
       width: "100%",
       height: 34,
@@ -741,10 +743,10 @@ const X = {
         transform: "rotate(180deg)"
       }
     },
-    value: r,
-    onChange: (e) => s(e.target.value),
-    children: t.map(({ title: e, value: n }, d) => /* @__PURE__ */ a(
-      K,
+    value: e,
+    onChange: (r) => s(r.target.value),
+    children: t.map(({ title: r, value: n }, d) => /* @__PURE__ */ a(
+      Q,
       {
         sx: {
           fontFamily: "YekanBakh",
@@ -767,44 +769,44 @@ const X = {
           }
         },
         value: n,
-        children: e
+        children: r
       },
       d
     ))
   }
-), Ie = {
+), Pe = {
   sm: "min-w-10 min-h-6",
   md: "min-w-12 min-h-7",
   lg: "min-w-14 min-h-8"
-}, Pe = {
+}, je = {
   default: "bg-default-400",
   primary: "bg-layout-focus",
   secondary: "bg-base-secondary",
   success: "bg-base-success",
   warning: "bg-base-warning",
   danger: "bg-base-danger"
-}, Ze = ({
+}, er = ({
   enabled: t,
-  onChange: r,
+  onChange: e,
   label: s,
-  labelPosition: e = "left",
+  labelPosition: r = "left",
   size: n = "md",
   color: d = "default",
   disabled: o = !1
 }) => {
   const i = f(
-    e === "left" ? "flex-row" : "flex-row-reverse",
+    r === "left" ? "flex-row" : "flex-row-reverse",
     o && "opacity-50"
   ), c = f(
-    Ie[n],
-    t ? Pe[d] : "bg-default-700",
+    Pe[n],
+    t ? je[d] : "bg-default-700",
     o && "cursor-auto"
   );
   return /* @__PURE__ */ u("div", { className: `flex items-center gap-2 ${i}`, children: [
     /* @__PURE__ */ a(
       "button",
       {
-        onClick: r,
+        onClick: e,
         className: `relative rounded-full transition-colors duration-300 p-1 ${c}`,
         disabled: o,
         children: /* @__PURE__ */ a(
@@ -821,32 +823,32 @@ const X = {
     ),
     s && /* @__PURE__ */ a("p", { className: `text-default-600 ${n === "sm" && "text-sm"}`, children: s })
   ] });
-}, je = {
+}, De = {
   sm: "h-8 py-1",
   lg: "h-10 py-2"
-}, De = {
+}, Ee = {
   flat: "bg-default-100 hover:bg-default-200 focus:bg-transparent focus:border-2 border-[#11181C]",
   faded: "bg-default-100 hover:bg-default-200 focus:bg-transparent border-2 border-default-200 hover:border-default-400 focus:border-[#11181C]",
   bordered: "bg-transparent border-2 border-default-200 hover:border-default-400 focus:border-[#11181C]"
-}, Ee = ({
+}, Re = ({
   value: t,
-  onInputChange: r,
+  onInputChange: e,
   placeHolder: s,
-  inputIcon: e,
+  inputIcon: r,
   inputEndIcon: n,
   inputProps: d,
   inputRef: o,
   size: i,
   variant: c,
   iconOnClick: l,
-  endIconOnClick: p
+  endIconOnClick: b
 }) => /* @__PURE__ */ u("div", { ref: o, className: "relative", children: [
-  e && /* @__PURE__ */ a(
+  r && /* @__PURE__ */ a(
     "button",
     {
       onClick: l,
       className: "absolute top-1/2 -translate-y-1/2 right-2",
-      children: e
+      children: r
     }
   ),
   /* @__PURE__ */ a(
@@ -855,36 +857,36 @@ const X = {
       ...d,
       type: "text",
       value: t,
-      onChange: (m) => r && r(m.target.value),
+      onChange: (m) => e && e(m.target.value),
       placeholder: s,
-      className: `${De[c]} ${je[i]} transition-all duration-300 w-full px-3 text-sm outline-none rounded-sm ${n && "pl-[30px]"} ${e && "pr-[30px]"}`
+      className: `${Ee[c]} ${De[i]} transition-all duration-300 w-full px-3 text-sm outline-none rounded-sm ${n && "pl-[30px]"} ${r && "pr-[30px]"}`
     }
   ),
   n && /* @__PURE__ */ a(
     "button",
     {
-      onClick: p,
+      onClick: b,
       className: "absolute top-1/2 -translate-y-1/2 left-2",
       children: n
     }
   )
-] }), He = ({
+] }), rr = ({
   label: t,
-  placeHolder: r,
+  placeHolder: e,
   inputIcon: s,
-  inputEndIcon: e,
+  inputEndIcon: r,
   value: n,
   onInputChange: d,
   onChange: o,
   size: i = "sm",
   variant: c = "flat",
   options: l,
-  iconOnClick: p,
+  iconOnClick: b,
   endIconOnClick: m
 }) => {
-  const x = l.map((b, g) => ({ ...b, optionIndex: g })), h = l.map((b, g) => ({ data: b.data, optionIndex: g }));
+  const x = l.map((g, p) => ({ ...g, optionIndex: p })), h = l.map((g, p) => ({ data: g.data, optionIndex: p }));
   return /* @__PURE__ */ a(
-    U,
+    X,
     {
       disablePortal: !0,
       options: h,
@@ -902,43 +904,53 @@ const X = {
           }
         }
       },
-      onChange: (b, g) => o && o(g),
+      onChange: (g, p) => o && o(p),
       getOptionLabel: () => "",
-      renderOption: (b, g) => /* @__PURE__ */ a("li", { ...b, children: x.find(
-        ({ optionIndex: v }) => v === g.optionIndex
+      renderOption: (g, p) => /* @__PURE__ */ a("li", { ...g, children: x.find(
+        ({ optionIndex: v }) => v === p.optionIndex
       )?.itemElement }),
-      renderInput: (b) => /* @__PURE__ */ u("div", { children: [
+      renderInput: (g) => /* @__PURE__ */ u("div", { children: [
         t && /* @__PURE__ */ a("div", { className: "h-4 text-xs mb-2 text-default-600", children: t }),
         /* @__PURE__ */ a(
-          Ee,
+          Re,
           {
             value: n,
             onInputChange: d,
-            placeHolder: r,
+            placeHolder: e,
             inputIcon: s,
-            inputEndIcon: e,
-            inputProps: b.slotProps.htmlInput,
-            inputRef: b.slotProps.input.ref,
+            inputEndIcon: r,
+            inputProps: g.slotProps.htmlInput,
+            inputRef: g.slotProps.input.ref,
             size: i,
             variant: c,
-            iconOnClick: p,
+            iconOnClick: b,
             endIconOnClick: m
           }
         )
       ] })
     }
   );
+}, Le = {
+  xs: "size-4 min-w-4",
+  sm: "size-5 min-w-5"
+}, sr = ({ checked: t, size: e = "xs", children: s, onClickHandler: r }) => {
+  const n = f(Le[e], t ? "border-base-primary bg-base-primary" : "border-content-3 group-hover:bg-content-2");
+  return /* @__PURE__ */ u("div", { onClick: r, className: "flex cursor-pointer group", children: [
+    /* @__PURE__ */ a("div", { className: `flex items-center justify-center ${n} border-2 rounded-xs transition-all duration-300`, children: t && /* @__PURE__ */ a(J, { color: "#FFFFFF", size: e === "xs" ? 12 : 16 }) }),
+    s
+  ] });
 };
 export {
-  qe as Alert,
-  He as Autocomplete,
-  Ve as Badge,
-  Ge as Button,
-  Je as Chip,
-  Ke as Input,
-  Qe as Radio,
-  Ue as RangeSlider,
-  Xe as Select,
-  Ze as Switch,
-  Me as Tooltip
+  Ge as Alert,
+  rr as Autocomplete,
+  Je as Badge,
+  Ke as Button,
+  sr as Checkbox,
+  Qe as Chip,
+  Ue as Input,
+  Xe as Radio,
+  Ze as RangeSlider,
+  He as Select,
+  er as Switch,
+  Be as Tooltip
 };