am-shared-assets 0.0.14 → 0.0.15

package/dist/components.js

@@ -1,831 +1 @@
-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
-};
+