am-shared-assets 0.0.15 → 0.0.16

package/dist/components.js

@@ -1 +1,831 @@
-
+import { jsxs as l, jsx as t, Fragment as O } from "react/jsx-runtime";
+import { I as F, b as S, a as W, W as q, T as V, C as Y } from "./ChevronBottomIcon-BM6pUrh1.js";
+import { Slider as G, MenuItem as J } from "@mui/material";
+import K from "@mui/material/Select";
+function T(a) {
+  var e, s, r = "";
+  if (typeof a == "string" || typeof a == "number") r += a;
+  else if (typeof a == "object") if (Array.isArray(a)) {
+    var n = a.length;
+    for (e = 0; e < n; e++) a[e] && (s = T(a[e])) && (r && (r += " "), r += s);
+  } else for (s in a) a[s] && (r && (r += " "), r += s);
+  return r;
+}
+function b() {
+  for (var a, e, s = 0, r = "", n = arguments.length; s < n; s++) (a = arguments[s]) && (e = T(a)) && (r && (r += " "), r += e);
+  return r;
+}
+const Q = {
+  sm: "text-xs",
+  md: "text-sm"
+}, U = {
+  default: "w-[342px] min-w-[342px]",
+  full: "w-full"
+}, X = {
+  default: "bg-default-100",
+  primary: "bg-primary-50",
+  secondary: "bg-secondary-50",
+  success: "bg-success-50",
+  warning: "bg-warning-50",
+  danger: "bg-danger-50"
+}, Z = {
+  default: "text-default-900",
+  primary: "text-base-primary",
+  secondary: "text-base-secondary",
+  success: "text-base-success",
+  warning: "text-default-900",
+  danger: "text-base-danger"
+}, H = {
+  default: "text-default-600",
+  primary: "text-base-primary",
+  secondary: "text-base-secondary",
+  success: "text-base-success",
+  warning: "text-default-600",
+  danger: "text-base-danger"
+}, ee = {
+  default: "bg-default-300",
+  primary: "bg-base-primary",
+  secondary: "bg-base-secondary",
+  success: "bg-base-success",
+  warning: "bg-base-warning",
+  danger: "bg-base-danger"
+}, re = {
+  white: "text-white",
+  black: "text-default-900"
+}, z = {
+  default: "#a1a1aa",
+  primary: "#A9BCE3",
+  secondary: "#E2CDA6",
+  success: "#a2e9c1",
+  warning: "#fbdba7",
+  danger: "#faa0bf"
+}, A = {
+  start: "items-start",
+  center: "items-center"
+}, M = {
+  default: "#000",
+  primary: "#112E62",
+  secondary: "#C59C4E",
+  success: "#17c964",
+  warning: "#f5a524",
+  danger: "#f31260"
+}, $ = {
+  success: /* @__PURE__ */ t(V, { color: "#17C964", size: 24 }),
+  warning: /* @__PURE__ */ t(q, { color: "#F5A524", size: 24 }),
+  danger: /* @__PURE__ */ t(W, { color: "#F31260", size: 24 })
+}, se = {
+  none: "rounded-none",
+  sm: "rounded-md",
+  md: "rounded-xl",
+  lg: "rounded-[22px]",
+  full: "rounded-full"
+}, Re = ({
+  title: a,
+  description: e,
+  color: s = "default",
+  size: r = "md",
+  width: n = "default",
+  rounded: o = "none",
+  infoIconAlignment: d,
+  isInfoIcon: c = !0,
+  hasCloseButton: i = !0,
+  hasButton: u = !1,
+  buttonTitle: x,
+  buttonTextColor: h = "black",
+  buttonClickHandler: f,
+  closeAlertHandler: w,
+  children: y
+}) => {
+  const p = b(
+    U[n],
+    Q[r],
+    se[o],
+    X[s]
+  );
+  return y ? /* @__PURE__ */ l(
+    "div",
+    {
+      className: `flex p-3 ${p} ${d && A[d]}`,
+      children: [
+        /* @__PURE__ */ t("div", { className: "mt-[1px]", children: c || !$[s] ? /* @__PURE__ */ t(F, { color: M[s] }) : $[s] }),
+        y
+      ]
+    }
+  ) : /* @__PURE__ */ l("div", { className: `relative flex justify-between p-3 ${p}`, children: [
+    /* @__PURE__ */ l(
+      "div",
+      {
+        className: `flex ${d ? A[d] : u ? "items-center" : a && e ? "items-start" : "items-center"} gap-3`,
+        children: [
+          /* @__PURE__ */ t("div", { className: "mt-[1px]", children: c || !$[s] ? /* @__PURE__ */ t(F, { color: M[s] }) : $[s] }),
+          /* @__PURE__ */ l("div", { children: [
+            a && /* @__PURE__ */ t("h2", { className: `font-semibold ${Z[s]}`, children: a }),
+            e && /* @__PURE__ */ t("p", { className: H[s], children: e })
+          ] })
+        ]
+      }
+    ),
+    u ? /* @__PURE__ */ l("div", { className: "flex items-center", children: [
+      /* @__PURE__ */ t(
+        "button",
+        {
+          onClick: f,
+          className: `h-8 px-3 rounded-md ${ee[s]} ${re[h]}`,
+          children: x
+        }
+      ),
+      i && /* @__PURE__ */ t(
+        "button",
+        {
+          onClick: w,
+          className: "absolute -top-1 -left-1 border border-default-300 bg-default-100 rounded-full",
+          children: /* @__PURE__ */ t(S, { color: z.default, size: 14 })
+        }
+      )
+    ] }) : i && /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("button", { onClick: w, children: /* @__PURE__ */ t(S, { color: z[s] }) }) })
+  ] });
+}, ae = {
+  sm: "h-5 text-xs px-2",
+  md: "h-6 text-sm px-2.5",
+  lg: "h-7 text-sm px-3"
+}, te = {
+  neutral: "bg-default-500",
+  default: "bg-default-200",
+  primary: "bg-layout-focus",
+  danger: "bg-base-danger",
+  success: "bg-base-success"
+}, ne = {
+  white: "text-content-1",
+  black: "text-layout-fg"
+}, oe = {
+  pill: "rounded-full",
+  Rectangle: "rounded-xxs"
+}, Te = ({
+  label: a,
+  color: e = "default",
+  type: s = "pill",
+  size: r = "md",
+  textColor: n = "black"
+}) => {
+  const o = b(
+    te[e],
+    ne[n],
+    ae[r],
+    oe[s]
+  );
+  return /* @__PURE__ */ t("div", { className: `flex justify-center items-center ${o}`, children: a });
+}, de = {
+  sm: "h-8 text-xs px-3",
+  md: "h-10 text-sm px-4",
+  lg: "h-12 text-base px-6"
+}, m = {
+  white: "text-white",
+  black: "text-default-900",
+  default: "text-default-900",
+  primary: "text-base-primary",
+  secondary: "text-base-secondary",
+  success: "text-base-success",
+  warning: "text-base-warning",
+  danger: "text-base-danger"
+}, B = {
+  default: "bg-default-300",
+  primary: "bg-base-primary",
+  secondary: "bg-base-secondary",
+  success: "bg-base-success",
+  warning: "bg-base-warning",
+  danger: "bg-base-danger"
+}, I = {
+  default: "border-default-300",
+  primary: "border-base-primary",
+  secondary: "border-base-secondary",
+  success: "border-base-success",
+  warning: "border-base-warning",
+  danger: "border-base-danger"
+}, E = {
+  default: "bg-default-100",
+  primary: "bg-primary-100",
+  secondary: "bg-secondary-100",
+  success: "bg-success-100",
+  warning: "bg-warning-100",
+  danger: "bg-danger-100"
+}, ce = {
+  none: "rounded-none",
+  sm: "rounded-sm",
+  md: "rounded-md",
+  lg: "rounded-lg",
+  full: "rounded-full"
+}, ie = (a, e, s) => {
+  let r = "";
+  switch (a) {
+    case "solid":
+      r = `${B[e]} ${m[s]}`;
+      break;
+    case "bordered":
+      r = `border-2 ${I[e]} ${m[e]}`;
+      break;
+    case "light":
+      r = m[e];
+      break;
+    case "flat":
+      r = `${E[e]} ${m[e]}`;
+      break;
+    case "faded":
+      r = `border-2 ${I.default} ${E.default} ${m[e]}`;
+      break;
+    case "shadow":
+      r = `shadow-lg ${B[e]} ${m[s]}`;
+      break;
+  }
+  return r;
+}, Le = ({
+  type: a = "button",
+  variant: e = "solid",
+  color: s = "default",
+  textColor: r = "black",
+  size: n = "md",
+  rounded: o = "none",
+  label: d,
+  icon: c,
+  iconPosition: i = "left",
+  width: u = "auto",
+  disabled: x = !1,
+  onClick: h
+}) => {
+  const f = b(
+    u === "full" ? "w-full" : "w-auto",
+    i === "right" ? "flex-row" : "flex-row-reverse",
+    ce[o],
+    de[n],
+    ie(e, s, r)
+  );
+  return /* @__PURE__ */ l(
+    "button",
+    {
+      type: a,
+      className: "flex items-center justify-center gap-2 font-semibold transition-all duration-300 " + f,
+      onClick: h,
+      disabled: x,
+      children: [
+        c,
+        d && /* @__PURE__ */ t("p", { children: d })
+      ]
+    }
+  );
+}, le = {
+  sm: "h-6 text-xs",
+  md: "h-7 text-sm",
+  lg: "h-8 text-base"
+}, ue = {
+  none: "rounded-none",
+  sm: "rounded-sm",
+  md: "rounded-md",
+  lg: "rounded-lg",
+  full: "rounded-full"
+}, j = {
+  default: "bg-default-200",
+  primary: "bg-base-primary",
+  secondary: "bg-base-secondary",
+  success: "bg-base-success",
+  warning: "bg-base-warning",
+  danger: "bg-base-danger"
+}, g = {
+  white: "text-content-1",
+  black: "text-layout-fg",
+  default: "text-layout-fg",
+  primary: "text-base-primary",
+  secondary: "text-base-secondary",
+  success: "text-base-success",
+  warning: "text-base-warning",
+  danger: "text-base-danger"
+}, v = {
+  default: "border-default-200",
+  primary: "border-base-primary",
+  secondary: "border-base-secondary",
+  success: "border-base-success",
+  warning: "border-base-warning",
+  danger: "border-base-danger"
+}, be = {
+  default: "bg-default-200",
+  primary: "bg-primary-100",
+  secondary: "bg-secondary-100",
+  success: "bg-success-100",
+  warning: "bg-warning-100",
+  danger: "bg-danger-100"
+}, ge = {
+  default: "bg-default-400",
+  primary: "bg-base-primary",
+  secondary: "bg-base-secondary",
+  success: "bg-base-success",
+  warning: "bg-base-warning",
+  danger: "bg-base-danger"
+}, fe = (a, e, s) => {
+  let r = "";
+  switch (a) {
+    case "solid":
+      r = `${j[e]} ${g[s]}`;
+      break;
+    case "bordered":
+      r = `border-2 ${v[e]} ${g[e]}`;
+      break;
+    case "light":
+      r = g[e];
+      break;
+    case "flat":
+      r = `${be[e]} ${g[e]}`;
+      break;
+    case "faded":
+      r = `border-2 ${v.default} bg-default-100 ${g[e]}`;
+      break;
+    case "shadow":
+      r = `shadow-lg ${j[e]} ${g[s]}`;
+      break;
+    case "dot":
+      r = `border-2 ${v.default} ${g.black}`;
+      break;
+  }
+  return r;
+}, Pe = ({
+  variant: a = "solid",
+  color: e = "default",
+  textColor: s = "black",
+  label: r,
+  size: n = "md",
+  rounded: o = "none",
+  children: d
+}) => {
+  const c = b(
+    ue[o],
+    le[n],
+    fe(a, e, s)
+  );
+  return /* @__PURE__ */ t("div", { className: `w-fit flex items-center justify-center gap-1 px-2 ${c}`, children: d || /* @__PURE__ */ l(O, { children: [
+    /* @__PURE__ */ t("p", { children: r }),
+    a === "dot" && /* @__PURE__ */ t("div", { className: `size-2 rounded-full ${ge[e]}` })
+  ] }) });
+}, pe = {
+  sm: "h-8 py-1",
+  lg: "h-10 py-2"
+}, me = {
+  default: "text-default-600",
+  primary: "text-base-primary",
+  success: "text-base-success",
+  warning: "text-base-warning",
+  danger: "text-base-danger"
+}, xe = {
+  primary: "text-base-primary hover:text-base-primary",
+  success: "text-base-success hover:text-base-success",
+  warning: "text-base-warning hover:text-base-warning"
+}, he = {
+  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",
+  warning: "bg-warning-100 hover:bg-warning-50 focus-within:hover:bg-transparent",
+  danger: "bg-danger-100 hover:bg-danger-50 focus-within:hover:bg-transparent"
+}, C = {
+  default: "focus-within:bg-transparent focus-within:border focus-within:border-layout-fg focus-within:hover:border-layout-fg focus-within:hover:bg-transparent",
+  primary: "focus-within:bg-transparent focus-within:border focus-within:border-base-primary focus-within:hover:border-base-primary focus-within:hover:bg-transparent",
+  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"
+}, we = {
+  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"
+}, ye = {
+  sm: "rounded-sm",
+  full: "rounded-full"
+}, $e = (a, e, s) => {
+  let r = "";
+  if (s)
+    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 (a) {
+    case "flat":
+      r = `${he[e]} ${C[e]} ${xe[e]} focus-within:text-layout-fg`;
+      break;
+    case "bordered":
+      r = `bg-transparent border border-default-200 hover:border-default-400 ${C[e]}`;
+      break;
+    case "faded":
+      r = `border border-default-200 bg-default-100 hover:bg-default-200 ${we[e]} ${C[e]}`;
+      break;
+  }
+  return r;
+}, Oe = ({
+  id: a,
+  label: e,
+  required: s = !1,
+  register: r,
+  name: n,
+  value: o,
+  onChange: d,
+  placeHolder: c,
+  variant: i = "flat",
+  color: u = "default",
+  size: x = "sm",
+  rounded: h = "sm",
+  description: f = "",
+  icon: w,
+  endIcon: y,
+  errorMsg: p = "",
+  hasError: _ = !1
+}) => {
+  const L = b(ye[h], $e(i, u, _)), N = b(pe[x]);
+  return /* @__PURE__ */ l("label", { className: "flex flex-col", children: [
+    e && /* @__PURE__ */ l(
+      "div",
+      {
+        className: `h-4 text-xs mb-2 ${_ ? "text-base-danger" : me[u]}`,
+        children: [
+          e,
+          s && /* @__PURE__ */ t("span", { className: "text-base-danger text-sm", children: "*" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ l(
+      "div",
+      {
+        className: `${L} flex items-center px-1.5 transition-all duration-200`,
+        children: [
+          w,
+          r ? /* @__PURE__ */ t(
+            "input",
+            {
+              id: `${a}`,
+              type: "text",
+              ...r(n),
+              placeholder: c,
+              className: `${N} bg-transparent w-full px-1.5 text-sm outline-none`
+            }
+          ) : /* @__PURE__ */ t(
+            "input",
+            {
+              id: `${a}`,
+              type: "text",
+              value: o,
+              onChange: (P) => d && d(P.target.value),
+              placeholder: c,
+              className: `${N} bg-transparent w-full px-1.5 text-sm outline-none`
+            }
+          ),
+          y
+        ]
+      }
+    ),
+    f && !p && /* @__PURE__ */ t("p", { className: "mt-1 text-xs text-default-400", children: f }),
+    p && /* @__PURE__ */ t("p", { className: "mt-1 mr-1 text-xs text-base-danger", children: p })
+  ] });
+}, ve = {
+  sm: "size-4 min-w-4 p-[3px]",
+  md: "size-5 min-w-5 p-1",
+  lg: "size-6 min-w-6 p-[5px]"
+}, Ce = {
+  primary: "border-base-primary",
+  secondary: "border-base-secondary",
+  success: "border-base-success",
+  warning: "border-base-warning",
+  danger: "border-base-danger",
+  neutral: "border-default-500"
+}, ke = {
+  primary: "bg-base-primary",
+  secondary: "bg-base-secondary",
+  success: "bg-base-success",
+  warning: "bg-base-warning",
+  danger: "bg-base-danger",
+  neutral: "bg-default-500"
+}, We = ({
+  name: a,
+  value: e,
+  checked: s,
+  disabled: r = !1,
+  onChange: n,
+  size: o = "md",
+  color: d = "primary",
+  children: c
+}) => {
+  const i = b(
+    ve[o],
+    s ? Ce[d] : "border-base-default hover:bg-default-100 transition-all duration-200"
+  );
+  return /* @__PURE__ */ l(
+    "label",
+    {
+      className: `flex items-center gap-2 ${r ? "opacity-50" : "cursor-pointer"}`,
+      children: [
+        /* @__PURE__ */ t(
+          "input",
+          {
+            name: a,
+            type: "radio",
+            value: e,
+            checked: s,
+            onChange: (u) => n && n(u.target.value),
+            disabled: r,
+            style: { display: "none" }
+          }
+        ),
+        /* @__PURE__ */ t(
+          "div",
+          {
+            className: `flex justify-center items-center rounded-full border-2 ${i}`,
+            children: s && /* @__PURE__ */ t(
+              "span",
+              {
+                className: `block w-full h-full rounded-full ${ke[d]}`
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ t("div", { children: c })
+      ]
+    }
+  );
+}, _e = {
+  sm: "min-h-6 text-xs",
+  md: "min-h-7 text-sm",
+  lg: "min-h-8 text-base"
+}, D = {
+  default: "bg-content-1",
+  primary: "bg-layout-focus",
+  secondary: "bg-base-secondary",
+  success: "bg-base-success",
+  warning: "bg-base-warning",
+  danger: "bg-base-danger"
+}, Ne = {
+  white: "text-content-1",
+  black: "text-default-900"
+}, Fe = {
+  none: "rounded-none",
+  sm: "rounded-sm",
+  md: "rounded-md",
+  lg: "rounded-lg",
+  full: "rounded-full"
+}, Se = (a, e) => {
+  let s = "";
+  const r = {
+    start: "left-4",
+    center: "left-1/2 -translate-x-1/2",
+    end: "right-4"
+  }, n = {
+    start: "top-[5px]",
+    center: "top-1/2 -translate-y-1/2",
+    end: "bottom-[5px]"
+  };
+  switch (a) {
+    case "top":
+      s = "top-[-3px] " + r[e];
+      break;
+    case "right":
+      s = "right-[-3px] " + n[e];
+      break;
+    case "bottom":
+      s = "bottom-[-3px] " + r[e];
+      break;
+    case "left":
+      s = "left-[-3px] " + n[e];
+      break;
+  }
+  return s;
+}, ze = ({
+  label: a,
+  color: e = "default",
+  textColor: s = "black",
+  size: r = "md",
+  rounded: n = "md",
+  direction: o = "bottom",
+  position: d = "center"
+}) => {
+  const c = b(
+    _e[r],
+    D[e],
+    Ne[s],
+    Fe[n]
+  );
+  return /* @__PURE__ */ l("div", { className: "relative", children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: `max-w-[180px] relative z-10 py-1 px-3 shadow-[0px_1px_2px_0px_#0000000F,0px_1px_3px_0px_#0000001A] ${c}`,
+        children: /* @__PURE__ */ t("p", { children: a })
+      }
+    ),
+    /* @__PURE__ */ t(
+      "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] ${Se(o, d)} ${D[e]}`
+      }
+    )
+  ] });
+}, R = {
+  foreground: "#000000",
+  primary: "#112E62",
+  secondary: "#C59C4E",
+  success: "#17C964",
+  warning: "#F5A524",
+  danger: "#F31260"
+}, k = {
+  foreground: "#A1A1AA",
+  primary: "#D6E0F3",
+  secondary: "#EEE1C9",
+  success: "#d1f4e0",
+  warning: "#fdedd3",
+  danger: "#fdd0df"
+}, qe = ({
+  value: a,
+  setValue: e,
+  min: s = 0,
+  max: r = 100,
+  step: n = 1,
+  color: o = "primary",
+  tooltipColor: d = "primary",
+  tooltipTextColor: c = "white"
+}) => /* @__PURE__ */ t(
+  G,
+  {
+    value: a,
+    min: s,
+    max: r,
+    step: n,
+    onChange: (i, u) => {
+      e(u);
+    },
+    onChangeCommitted: (i) => {
+    },
+    valueLabelFormat: (i) => /* @__PURE__ */ t(
+      ze,
+      {
+        color: d,
+        textColor: c,
+        label: `${i.toLocaleString()}`
+      }
+    ),
+    valueLabelDisplay: "auto",
+    sx: {
+      width: "100%",
+      height: "4px",
+      borderRadius: "8px",
+      color: "#D4D4D8",
+      "& .MuiSlider-thumb": {
+        width: "16px",
+        height: "16px",
+        border: "2px solid",
+        borderColor: R[o],
+        color: "#fff"
+      },
+      "& .MuiSlider-thumb.Mui-focusVisible": {
+        boxShadow: `0 0 0 4px ${k[o]}`
+      },
+      "& .MuiSlider-thumb.Mui-active": {
+        boxShadow: `0 0 0 4px ${k[o]}`
+      },
+      "& .MuiSlider-thumb:hover": {
+        boxShadow: `0 0 0 4px ${k[o]}`
+      },
+      "& .MuiSlider-track": {
+        color: R[o]
+      },
+      "& .MuiSlider-valueLabel": {
+        backgroundColor: "transparent"
+      }
+    }
+  }
+), Ae = () => /* @__PURE__ */ t("div", { className: "custom-select-icon", children: /* @__PURE__ */ t(Y, {}) }), Ve = ({ options: a, value: e, onChange: s }) => /* @__PURE__ */ t(
+  K,
+  {
+    MenuProps: {
+      sx: {
+        direction: "rtl",
+        marginTop: "4px",
+        "& .MuiMenu-list": {
+          padding: 0
+        },
+        "& .MuiPaper-root": {
+          padding: "8px",
+          borderRadius: "8px",
+          boxShadow: `
+                0px 1px 2px 0px #0000000F,
+                0px 1px 3px 0px #0000001A
+            `
+        }
+      }
+    },
+    IconComponent: Ae,
+    sx: {
+      width: "100%",
+      height: 34,
+      padding: "0 12px",
+      borderRadius: "8px",
+      backgroundColor: "#F4F4F5",
+      transition: "background-color 0.2s ease",
+      "&:hover": {
+        backgroundColor: "#e0e0e0"
+      },
+      border: "none",
+      "& .MuiOutlinedInput-notchedOutline": {
+        border: "none"
+      },
+      "& .MuiSelect-select": {
+        padding: "0 !important"
+      },
+      "& .MuiSelect-icon": {
+        transform: "rotate(180deg)",
+        transition: "transform 0.2s ease"
+      },
+      '& [aria-expanded="true"] + .custom-select-icon': {
+        transform: "rotate(180deg)"
+      }
+    },
+    value: e,
+    onChange: (r) => s(r.target.value),
+    children: a.map(({ title: r, value: n }, o) => /* @__PURE__ */ t(
+      J,
+      {
+        sx: {
+          fontFamily: "YekanBakh",
+          padding: "4px 8px",
+          marginBottom: "4px",
+          transition: "all 0.2s ease",
+          borderRadius: "8px",
+          fontSize: "14px",
+          "&:last-child": {
+            marginBottom: "0"
+          },
+          "&:hover": {
+            backgroundColor: "#FAFAFA"
+          },
+          "&.Mui-selected": {
+            backgroundColor: "#FFFFFF"
+          },
+          "&.Mui-selected:hover": {
+            backgroundColor: "#FAFAFA"
+          }
+        },
+        value: n,
+        children: r
+      },
+      o
+    ))
+  }
+), Me = {
+  sm: "min-w-10 min-h-6",
+  md: "min-w-12 min-h-7",
+  lg: "min-w-14 min-h-8"
+}, Be = {
+  default: "bg-default-400",
+  primary: "bg-layout-focus",
+  secondary: "bg-base-secondary",
+  success: "bg-base-success",
+  warning: "bg-base-warning",
+  danger: "bg-base-danger"
+}, Ye = ({
+  enabled: a,
+  onChange: e,
+  label: s,
+  labelPosition: r = "left",
+  size: n = "md",
+  color: o = "default",
+  disabled: d = !1
+}) => {
+  const c = b(
+    r === "left" ? "flex-row" : "flex-row-reverse",
+    d && "opacity-50"
+  ), i = b(
+    Me[n],
+    a ? Be[o] : "bg-default-700",
+    d && "cursor-auto"
+  );
+  return /* @__PURE__ */ l("div", { className: `flex items-center gap-2 ${c}`, children: [
+    /* @__PURE__ */ t(
+      "button",
+      {
+        onClick: e,
+        className: `relative rounded-full transition-colors duration-300 p-1 ${i}`,
+        disabled: d,
+        children: /* @__PURE__ */ t(
+          "span",
+          {
+            className: `
+            block h-[calc(100%-8px)] aspect-square rounded-full bg-content-1
+            transition-all duration-300 shadow-[0px_0px_1px_0px_#0000004D,0px_2px_10px_0px_#0000000F,0px_0px_5px_0px_#00000005]
+            absolute top-1 left-1 ${a && "translate-x-full"}
+            `
+          }
+        )
+      }
+    ),
+    s && /* @__PURE__ */ t("p", { className: `text-default-600 ${n === "sm" && "text-sm"}`, children: s })
+  ] });
+};
+export {
+  Re as Alert,
+  Te as Badge,
+  Le as Button,
+  Pe as Chip,
+  Oe as Input,
+  We as Radio,
+  qe as RangeSlider,
+  Ve as Select,
+  Ye as Switch,
+  ze as Tooltip
+};