asma-ui-core 3.34.0 → 3.35.0

package/dist/components/inputs/slider/StyledSlider.js

@@ -1,56 +1,82 @@
-import { ErrorOutlineIcon as c } from "../../icons/error-outline-icon/ErrorOutlineIcon.js";
-import { StyledFormHelperText as b } from "../../miscellaneous/StyledFormHelperText.js";
-import e from "clsx";
-import { Slider as n } from "@mui/material";
-import { Fragment as g, jsx as t, jsxs as l } from "react/jsx-runtime";
-var k = ({ dataTest: i, error: a, errorText: d, helperText: o, ...r }) => {
-  const s = (a ?? !1) || (o ?? !1), m = a ? d ?? "Required" : o;
-  return /* @__PURE__ */ l(g, { children: [/* @__PURE__ */ t(n, {
-    ...r,
-    "data-testid": i,
-    slotProps: {
-      ...r.slotProps,
-      thumb: {
-        className: e("h-4 w-4", "before:shadow-none", 'after:h-8 after:w-8 after:content-[""]', r.orientation === "vertical" ? "mb-1 ml-0" : "ml-1", r.disabled ? "bg-delta-200" : "bg-gama-500"),
-        ...r.slotProps?.thumb
-      },
-      rail: {
-        className: "bg-delta-200",
-        ...r.slotProps?.rail
-      },
-      markLabel: {
-        className: e("ml-1 text-sm font-semibold text-delta-600", r.orientation === "vertical" && "mb-1"),
-        ...r.slotProps?.markLabel
-      }
-    },
-    sx: {
-      ...r.sx,
-      "& .MuiSlider-track": {
-        backgroundColor: r.disabled ? "var(--colors-gray-200)" : "var(--colors-gama-500)",
-        borderColor: r.disabled ? "var(--colors-gray-200)" : "var(--colors-gama-500)"
-      },
-      "& .MuiSlider-mark": {
-        backgroundColor: "white",
-        border: "1px solid var(--colors-delta-300)",
-        borderRadius: "50%",
-        height: "8px",
-        width: "8px",
-        "&.MuiSlider-markActive": {
-          backgroundColor: r.disabled ? "var(--colors-gray-200)" : "var(--colors-gama-500)",
-          border: "1px solid",
-          borderColor: r.disabled ? "var(--colors-gray-200)" : "var(--colors-gama-500)",
-          opacity: 1
-        }
-      }
+import { cn as e } from "../../../helpers/cn.js";
+import { ErrorOutlineIcon as J } from "../../icons/error-outline-icon/ErrorOutlineIcon.js";
+import { StyledFormHelperText as Q } from "../../miscellaneous/StyledFormHelperText.js";
+import d from "./StyledSlider.module.js";
+import { jsx as m, jsxs as b } from "react/jsx-runtime";
+var A = (s, a, u) => u === a ? 0 : Math.min(100, Math.max(0, (s - a) / (u - a) * 100)), W = (s) => Array.isArray(s) ? [s[0] ?? 0, s[1] ?? 0] : null, I = ({ dataTest: s, min: a = 0, max: u = 100, step: R = 1, value: U, defaultValue: _, disabled: p, size: q = "medium", orientation: M = "horizontal", marks: T, name: B, className: E, classes: c, slotProps: y, error: v, errorText: F, helperText: L, onChange: K, onChangeCommitted: P }) => {
+  const o = M === "vertical", g = U ?? _ ?? a, n = W(g), f = n !== null, O = (v ?? !1) || !!L, k = v ? F ?? "Required" : L, N = Array.isArray(T) ? T : [], H = f ? Math.min(n[0], n[1]) : a, w = f ? Math.max(n[0], n[1]) : g, j = (t) => f ? t >= H && t <= w : t <= w, x = f ? A(H, a, u) : 0, z = A(w, a, u) - x, G = o ? {
+    bottom: `${x}%`,
+    height: `${z}%`
+  } : {
+    left: `${x}%`,
+    width: `${z}%`
+  }, D = (t) => {
+    const i = A(t, a, u);
+    return o ? { bottom: `${i}%` } : { left: `${i}%` };
+  }, S = (t, i, l, h) => {
+    if (!t) return;
+    if (!f) {
+      t(i, l, 0);
+      return;
     }
-  }), s && /* @__PURE__ */ l(b, {
-    className: e("m-0 flex items-center gap-1 pt-1 text-sm", a ? "text-error-500" : "text-delta-600"),
-    children: [a && /* @__PURE__ */ t(c, {
-      width: 20,
-      height: 20
-    }), m]
-  })] });
+    const r = [n?.[0] ?? 0, n?.[1] ?? 0];
+    r[h] = l, h === 0 && r[0] > r[1] && (r[0] = r[1]), h === 1 && r[1] < r[0] && (r[1] = r[0]), t(i, r, h);
+  }, $ = (t, i) => /* @__PURE__ */ m("input", {
+    type: "range",
+    "data-testid": f ? `${s}-thumb-${t}` : s,
+    name: B,
+    min: a,
+    max: u,
+    step: R,
+    value: i,
+    disabled: p,
+    "aria-orientation": M,
+    className: e(d.SliderInput, o ? d.Vertical : d.Horizontal, q === "small" && d.Small, p && d.Disabled, c?.thumb, y?.thumb?.className),
+    onChange: (l) => S(K, l, Number(l.currentTarget.value), t),
+    onPointerUp: (l) => S(P, l, Number(l.currentTarget.value), t),
+    onKeyUp: (l) => S(P, l, Number(l.currentTarget.value), t)
+  }, t);
+  return /* @__PURE__ */ b("div", {
+    className: e("flex", o ? "h-full w-8 flex-col items-center" : "w-full flex-col", c?.root, E),
+    children: [
+      /* @__PURE__ */ b("div", {
+        className: e("relative", o ? "h-full w-8" : "h-4 w-full"),
+        children: [/* @__PURE__ */ b("div", {
+          className: e("absolute", o ? "inset-y-2 left-1/2 w-1 -translate-x-1/2" : "inset-x-2 top-1/2 h-1 -translate-y-1/2"),
+          children: [
+            /* @__PURE__ */ m("div", { className: e("absolute inset-0 rounded-full bg-delta-200", c?.rail, y?.rail?.className) }),
+            /* @__PURE__ */ m("div", {
+              className: e("absolute rounded-full", o ? "left-0 w-full" : "top-0 h-full", p ? "bg-delta-200" : "bg-gama-500", c?.track),
+              style: G
+            }),
+            N.map((t) => {
+              const i = j(t.value);
+              return /* @__PURE__ */ m("span", {
+                className: e("absolute h-2 w-2 -translate-x-1/2 rounded-full border", o ? "left-1/2 translate-y-1/2" : "top-1/2 -translate-y-1/2", i ? e("border-gama-500", p ? "bg-delta-200" : "bg-gama-500", c?.markActive) : e("border-delta-300 bg-white", c?.mark)),
+                style: D(t.value)
+              }, t.value);
+            })
+          ]
+        }), f ? [$(0, n[0]), $(1, n[1])] : $(0, g)]
+      }),
+      N.some((t) => t.label != null) && /* @__PURE__ */ m("div", {
+        className: e("relative", o ? "h-full w-full" : "mt-1 h-5 w-full"),
+        children: N.map((t) => t.label == null ? null : /* @__PURE__ */ m("span", {
+          className: e("absolute -translate-x-1/2 text-sm font-semibold", j(t.value) ? e("text-delta-800", c?.markLabelActive) : "text-delta-600", c?.markLabel, y?.markLabel?.className),
+          style: D(t.value),
+          children: t.label
+        }, t.value))
+      }),
+      O && /* @__PURE__ */ b(Q, {
+        className: e("m-0 flex items-center gap-1 pt-1 text-sm", v ? "text-error-500" : "text-delta-600"),
+        children: [v && /* @__PURE__ */ m(J, {
+          width: 20,
+          height: 20
+        }), k]
+      })
+    ]
+  });
 };
 export {
-  k as StyledSlider
+  I as StyledSlider
 };

package/dist/components/inputs/slider/StyledSlider.module.js

@@ -0,0 +1,10 @@
+var r = "_SliderInput_irz5w_1", a = "_Horizontal_irz5w_15", l = "_Vertical_irz5w_24", _ = "_Small_irz5w_71", i = "_Disabled_irz5w_80", e = {
+  SliderInput: r,
+  Horizontal: a,
+  Vertical: l,
+  Small: _,
+  Disabled: i
+};
+export {
+  e as default
+};

package/dist/components/inputs/switch/base-ui/StyledSwitch.js

@@ -1,13 +1,13 @@
+import { cn as x } from "../../../../helpers/cn.js";
 import { getSvgIconStyle as C } from "../../../icons/iconStyle.js";
-import r from "./StyledSwitch.module.js";
-import { forwardRef as y, useState as N } from "react";
-import { jsx as t } from "react/jsx-runtime";
-import { Switch as d } from "@base-ui/react/switch";
-var b = ({ className: e }) => /* @__PURE__ */ t("svg", {
+import a from "./StyledSwitch.module.js";
+import { forwardRef as S, useState as y } from "react";
+import { jsx as e } from "react/jsx-runtime";
+var N = ({ className: t }) => /* @__PURE__ */ e("svg", {
   viewBox: "0 0 24 24",
-  className: e,
+  className: t,
   fill: "none",
-  children: /* @__PURE__ */ t("rect", {
+  children: /* @__PURE__ */ e("rect", {
     x: "6",
     y: "10.5",
     width: "11",
@@ -15,50 +15,55 @@ var b = ({ className: e }) => /* @__PURE__ */ t("svg", {
     fill: "currentColor",
     rx: "0.75"
   })
-}), I = ({ width: e = 11, height: o = 11, className: c = "", onClick: n, color: s }) => /* @__PURE__ */ t("svg", {
+}), I = ({ width: t = 11, height: n = 11, className: i = "", onClick: c, color: r }) => /* @__PURE__ */ e("svg", {
   xmlns: "http://www.w3.org/2000/svg",
-  width: e,
-  height: o,
+  width: t,
+  height: n,
   viewBox: "0 0 448 512",
-  className: c,
-  onClick: n,
-  style: C(s),
+  className: i,
+  onClick: c,
+  style: C(r),
   "aria-hidden": "true",
   focusable: "false",
-  children: /* @__PURE__ */ t("path", {
+  children: /* @__PURE__ */ e("path", {
     fill: "currentColor",
     d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7L393.4 105.4c12.5-12.5 32.8-12.5 45.2 0"
   })
-}), M = y(({ checked: e, defaultChecked: o = !1, onChange: c, disabled: n, readOnly: s, required: f, id: a, dataTest: u, ...v }, w) => {
-  const [g, p] = N(o), l = e !== void 0, h = l ? e : g, S = (i) => {
-    l || p(i), c?.({ target: {
-      checked: i,
-      name: a
-    } }, i);
-  }, x = l ? { checked: h } : { defaultChecked: o }, m = r.iconContent;
-  return /* @__PURE__ */ t(d.Root, {
+}), q = S(({ checked: t, defaultChecked: n = !1, onChange: i, disabled: c, readOnly: r, required: m, id: l, dataTest: f, className: u, ...v }, w) => {
+  const [p, g] = y(n), d = t !== void 0, o = d ? t : p, k = () => {
+    if (r || c) return;
+    const s = !o;
+    d || g(s), i?.({ target: {
+      checked: s,
+      name: l
+    } }, s);
+  }, h = a.iconContent;
+  return /* @__PURE__ */ e("button", {
     ...v,
-    ...x,
-    nativeButton: !0,
-    render: /* @__PURE__ */ t("button", {}),
     ref: w,
-    className: r.switch,
-    onCheckedChange: S,
-    disabled: n,
-    readOnly: s,
-    required: f,
-    id: a,
-    name: a,
-    "data-testid": u,
-    children: /* @__PURE__ */ t(d.Thumb, {
-      className: r.thumb,
-      children: /* @__PURE__ */ t("span", {
-        className: r.icon,
-        children: h ? /* @__PURE__ */ t(I, { className: m }) : /* @__PURE__ */ t(b, { className: m })
+    type: "button",
+    role: "switch",
+    "aria-checked": o,
+    "aria-readonly": r,
+    "aria-required": m,
+    className: x(a.switch, u),
+    onClick: k,
+    disabled: c,
+    id: l,
+    name: l,
+    "data-testid": f,
+    "data-checked": o ? "" : void 0,
+    "data-unchecked": o ? void 0 : "",
+    "data-disabled": c ? "" : void 0,
+    children: /* @__PURE__ */ e("span", {
+      className: a.thumb,
+      children: /* @__PURE__ */ e("span", {
+        className: a.icon,
+        children: o ? /* @__PURE__ */ e(I, { className: h }) : /* @__PURE__ */ e(N, { className: h })
       })
     })
   });
 });
 export {
-  M as StyledSwitch
+  q as StyledSwitch
 };

package/dist/components/miscellaneous/FormControlContext.js

@@ -0,0 +1,6 @@
+import { createContext as o, useContext as t } from "react";
+var r = o(null), n = () => t(r);
+export {
+  r as FormControlContext,
+  n as useFormControlContext
+};

package/dist/components/miscellaneous/StyledFormControl.js

@@ -1,23 +1,41 @@
-import { FormControl as r } from "@mui/material";
-import { jsx as t } from "react/jsx-runtime";
-var l = (o) => /* @__PURE__ */ t(r, {
-  ...o,
-  sx: {
-    ...o.sx,
-    "& label.MuiInputLabel-shrink": {
-      background: "white !important",
-      color: "var(--colors-delta-800) !important"
-    },
-    "& label.MuiInputLabel-shrink.Mui-focused": {
-      background: "white !important",
-      color: "var(--colors-gama-500) !important"
-    },
-    "& label.MuiInputLabel-shrink.Mui-error.Mui-focused": {
-      background: "white !important",
-      color: "var(--colors-red-500) !important"
-    }
-  }
-});
+import { cn as C } from "../../helpers/cn.js";
+import { resolveSx as I } from "../../helpers/sx.js";
+import { FormControlContext as S } from "./FormControlContext.js";
+import { useId as y, useMemo as g, useState as n } from "react";
+import { jsx as a } from "react/jsx-runtime";
+var P = ({ children: c, error: e = !1, disabled: o = !1, required: l = !1, size: t = "medium", fullWidth: i, className: d, style: u, sx: x, id: r }) => {
+  const s = y(), [m, p] = n(!1), [f, v] = n(!1), F = g(() => ({
+    focused: m,
+    filled: f,
+    error: e,
+    disabled: o,
+    required: l,
+    size: t,
+    labelId: r ?? s,
+    setFocused: p,
+    setFilled: v
+  }), [
+    m,
+    f,
+    e,
+    o,
+    l,
+    t,
+    r,
+    s
+  ]);
+  return /* @__PURE__ */ a(S.Provider, {
+    value: F,
+    children: /* @__PURE__ */ a("div", {
+      className: C("relative inline-flex flex-col", i && "w-full", d),
+      style: {
+        ...I(x),
+        ...u
+      },
+      children: c
+    })
+  });
+};
 export {
-  l as StyledFormControl
+  P as StyledFormControl
 };

package/dist/components/miscellaneous/StyledFormControlLabel.js

@@ -1,18 +1,29 @@
-import { FormControlLabel as r } from "@mui/material";
-import { jsx as e } from "react/jsx-runtime";
-var i = ({ sx: o, ...l }) => /* @__PURE__ */ e(r, {
-  ...l,
-  sx: {
-    color: "var(--colors-delta-800)",
-    margin: 0,
-    "& .MuiFormControlLabel-label": {
-      fontSize: "14px",
-      lineHeight: "20px"
-    },
-    "&.Mui-disabled .MuiFormControlLabel-label": { color: "var(--colors-delta-300)" },
-    ...o
-  }
-});
+import { cn as s } from "../../helpers/cn.js";
+import { resolveSx as u } from "../../helpers/sx.js";
+import { cloneElement as v, isValidElement as a } from "react";
+import { jsx as h, jsxs as b } from "react/jsx-runtime";
+var g = {
+  end: "flex-row",
+  start: "flex-row-reverse",
+  top: "flex-col-reverse",
+  bottom: "flex-col"
+}, L = ({ control: e, label: t, checked: n, disabled: o, name: d, value: i, labelPlacement: m = "end", className: c, sx: p, onChange: x }) => {
+  const l = a(e) ? e.props : {}, r = o ?? l.disabled ?? !1, f = a(e) ? v(e, {
+    checked: l.checked ?? n,
+    onChange: l.onChange ?? x,
+    disabled: r,
+    name: l.name ?? d,
+    value: l.value ?? i
+  }) : e;
+  return /* @__PURE__ */ b("label", {
+    className: s("m-0 inline-flex items-center gap-2 align-middle text-delta-800", r ? "cursor-default" : "cursor-pointer", g[m], c),
+    style: u(p),
+    children: [f, t != null && /* @__PURE__ */ h("span", {
+      className: s("text-sm leading-5", r && "text-delta-300"),
+      children: t
+    })]
+  });
+};
 export {
-  i as StyledFormControlLabel
+  L as StyledFormControlLabel
 };

package/dist/components/miscellaneous/StyledFormGroup.js

@@ -1,6 +1,18 @@
-import { FormGroup as o } from "@mui/material";
-import { jsx as m } from "react/jsx-runtime";
-var e = (r) => /* @__PURE__ */ m(o, { ...r });
+import { resolveSx as x } from "../../helpers/sx.js";
+import f from "clsx";
+import { jsx as a } from "react/jsx-runtime";
+var v = ({ row: e, className: r, sx: l, style: o, children: s, classes: c, ...m }) => {
+  const t = {
+    ...x(l),
+    ...o
+  };
+  return /* @__PURE__ */ a("div", {
+    className: f("flex flex-wrap", e ? "flex-row" : "flex-col", r),
+    style: t,
+    ...m,
+    children: s
+  });
+};
 export {
-  e as StyledFormGroup
+  v as StyledFormGroup
 };

package/dist/components/miscellaneous/StyledFormHelperText.js

@@ -1,6 +1,14 @@
-import { FormHelperText as e } from "@mui/material";
-import { jsx as o } from "react/jsx-runtime";
-var p = (r) => /* @__PURE__ */ o(e, { ...r });
+import { cn as i } from "../../helpers/cn.js";
+import { useFormControlContext as n } from "./FormControlContext.js";
+import { jsx as x } from "react/jsx-runtime";
+var f = ({ children: t, error: e, disabled: o, className: s, ...m }) => {
+  const r = n(), a = e ?? r?.error ?? !1, l = o ?? r?.disabled ?? !1;
+  return /* @__PURE__ */ x("p", {
+    className: i("m-0 min-h-6 text-sm leading-6", a ? "text-error-500" : l ? "text-gray-300" : "text-delta-600", s),
+    ...m,
+    children: t
+  });
+};
 export {
-  p as StyledFormHelperText
+  f as StyledFormHelperText
 };

package/dist/components/miscellaneous/StyledInputLabel.js

@@ -1,6 +1,22 @@
-import { InputLabel as t } from "@mui/material";
-import { jsx as o } from "react/jsx-runtime";
-var m = (r) => /* @__PURE__ */ o(t, { ...r });
+import { cn as m } from "../../helpers/cn.js";
+import { floatingLabelClass as u } from "../inputs/field-styles.js";
+import { useFormControlContext as b } from "./FormControlContext.js";
+import { jsxs as p } from "react/jsx-runtime";
+var q = ({ children: r, htmlFor: o, id: s, required: l, disabled: i, error: t, size: d, shrink: a, className: n }) => {
+  const e = b(), f = a ?? (e ? e.focused || e.filled : !1), c = l ?? e?.required ?? !1;
+  return /* @__PURE__ */ p("label", {
+    htmlFor: o,
+    id: s ?? e?.labelId,
+    className: m(u({
+      shrink: f,
+      focused: e?.focused,
+      error: t ?? e?.error,
+      disabled: i ?? e?.disabled,
+      size: d ?? e?.size
+    }), n),
+    children: [r, c && " *"]
+  });
+};
 export {
-  m as StyledInputLabel
+  q as StyledInputLabel
 };

package/dist/components/mui-compat/Avatar.js

@@ -0,0 +1,29 @@
+import { resolveSx as p } from "../../helpers/sx.js";
+import x from "clsx";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+var o = {
+  circular: "rounded-full",
+  rounded: "rounded-[4px]",
+  square: "rounded-none"
+}, g = ({ src: e, srcSet: r, alt: l, variant: n = "circular", sizes: s, className: a, sx: c, style: d, children: i, classes: f, component: v, ...m }) => {
+  const u = {
+    ...p(c),
+    ...d
+  };
+  return /* @__PURE__ */ t("div", {
+    className: x("relative flex h-[40px] w-[40px] shrink-0 items-center justify-center overflow-hidden bg-[#bdbdbd] font-roboto text-[1.25rem] text-white", o[n] ?? o.circular, a),
+    style: u,
+    ...m,
+    children: e || r ? /* @__PURE__ */ t("img", {
+      className: "h-full w-full object-cover text-transparent",
+      src: e,
+      srcSet: r,
+      alt: l,
+      sizes: s
+    }) : i
+  });
+};
+export {
+  g as Avatar
+};

package/dist/components/mui-compat/ClickAwayListener.js

@@ -0,0 +1,29 @@
+import { cloneElement as m, useCallback as d, useEffect as l, useRef as i } from "react";
+var p = {
+  onClick: "click",
+  onMouseDown: "mousedown",
+  onMouseUp: "mouseup",
+  onTouchStart: "touchstart",
+  onTouchEnd: "touchend"
+}, h = ({ children: t, onClickAway: r, mouseEvent: c = "onClick", touchEvent: s = "onTouchEnd" }) => {
+  const f = i(null), u = i(r);
+  return l(() => {
+    u.current = r;
+  }, [r]), l(() => {
+    const o = (e) => {
+      const a = f.current;
+      a && e.target instanceof Node && !a.contains(e.target) && u.current(e);
+    }, n = [c, s].filter((e) => e !== !1).map((e) => p[e]).filter((e) => !!e);
+    for (const e of n) document.addEventListener(e, o);
+    return () => {
+      for (const e of n) document.removeEventListener(e, o);
+    };
+  }, [c, s]), m(t, { ref: d((o) => {
+    f.current = o;
+    const n = t.ref;
+    typeof n == "function" && n(o);
+  }, [t]) });
+};
+export {
+  h as ClickAwayListener
+};

package/dist/components/mui-compat/Container.js

@@ -0,0 +1,24 @@
+import { resolveSx as f } from "../../helpers/sx.js";
+import n from "clsx";
+import { createElement as c } from "react";
+var r = {
+  xs: 444,
+  sm: 600,
+  md: 900,
+  lg: 1200,
+  xl: 1536
+}, g = ({ maxWidth: e = "lg", disableGutters: o, className: l, sx: m, style: t, component: x = "div", children: s, fixed: d, ...i }) => {
+  const a = {
+    ...e && e in r ? { maxWidth: r[e] } : {},
+    ...f(m),
+    ...t
+  };
+  return c(x, {
+    className: n("mx-auto box-border block w-full", !o && "px-4", l),
+    style: a,
+    ...i
+  }, s);
+};
+export {
+  g as Container
+};

package/dist/components/mui-compat/Fade.js

@@ -0,0 +1,29 @@
+import { cn as o } from "../../helpers/cn.js";
+import u from "./Fade.module.js";
+import { cloneElement as c, useEffect as i, useState as p } from "react";
+var n = (e, r) => typeof e == "number" ? e : e[r] ?? 225, F = ({ in: e = !0, timeout: r = 225, children: t, onExited: s, style: d }) => {
+  const [a, f] = p(e);
+  if (e && !a && f(!0), i(() => {
+    if (e) return;
+    const m = setTimeout(() => {
+      f(!1), s?.();
+    }, n(r, "exit"));
+    return () => clearTimeout(m);
+  }, [
+    e,
+    r,
+    s
+  ]), !a) return null;
+  const l = t.props;
+  return c(t, {
+    className: o(l.className, e ? u.fadeIn : u.fadeOut),
+    style: {
+      ...l.style,
+      ...d,
+      "--fade-duration": `${n(r, e ? "enter" : "exit")}ms`
+    }
+  });
+};
+export {
+  F as Fade
+};

package/dist/components/mui-compat/Fade.module.js

@@ -0,0 +1,9 @@
+var a = "_fadeIn_s274y_17", _ = "_fadeOut_s274y_21", e = {
+  fadeIn: a,
+  "fade-in": "_fade-in_s274y_1",
+  fadeOut: _,
+  "fade-out": "_fade-out_s274y_1"
+};
+export {
+  e as default
+};

package/dist/components/mui-compat/FormLabel.js

@@ -0,0 +1,22 @@
+import { resolveSx as c } from "../../helpers/sx.js";
+import a from "clsx";
+import "react";
+import { jsx as n, jsxs as f } from "react/jsx-runtime";
+var v = ({ required: e, className: o, sx: r, style: l, children: s, classes: d, component: i, error: p, focused: x, filled: _, color: b, ...t }) => {
+  const m = {
+    ...c(r),
+    ...l
+  };
+  return /* @__PURE__ */ f("label", {
+    className: a("font-roboto text-[1rem] leading-[1.4375em] text-[rgba(0,0,0,0.6)]", o),
+    style: m,
+    ...t,
+    children: [s, e && /* @__PURE__ */ n("span", {
+      className: "ml-0.5 text-[#d32f2f]",
+      children: " *"
+    })]
+  });
+};
+export {
+  v as FormLabel
+};

package/dist/components/mui-compat/Paper.js

@@ -0,0 +1,44 @@
+import { resolveSx as l } from "../../helpers/sx.js";
+import d from "clsx";
+import { createElement as m } from "react";
+var n = [
+  "none",
+  "0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12)",
+  "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
+  "0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)",
+  "0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)",
+  "0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)",
+  "0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)",
+  "0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)",
+  "0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)",
+  "0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)",
+  "0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)",
+  "0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)",
+  "0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)",
+  "0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)",
+  "0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)",
+  "0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)",
+  "0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)",
+  "0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)",
+  "0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)",
+  "0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)",
+  "0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)",
+  "0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)",
+  "0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)",
+  "0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)",
+  "0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)"
+], u = ({ elevation: p = 1, square: r, variant: x = "elevation", className: a, sx: b, style: g, component: e = "div", children: o, classes: i, ...t }) => {
+  const s = {
+    boxShadow: x === "outlined" ? "none" : n[Math.min(Math.max(p, 0), 24)],
+    ...l(b),
+    ...g
+  };
+  return m(e, {
+    className: d("bg-white text-[rgba(0,0,0,0.87)]", !r && "rounded-[4px]", x === "outlined" && "border border-solid border-[rgba(0,0,0,0.12)]", a),
+    style: s,
+    ...t
+  }, o);
+};
+export {
+  u as Paper
+};