asma-ui-core 3.44.0 → 3.45.0

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

@@ -1,13 +1,13 @@
-import { getSvgIconStyle as C } from "../../../icons/iconStyle.js";
+import { cn as y } from "../../../../helpers/cn.js";
+import { getSvgIconStyle as N } 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 { forwardRef as I, useState as b } from "react";
+import { jsx as e } from "react/jsx-runtime";
+var B = ({ 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,57 @@ 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", {
+}), L = ({ width: t = 11, height: n = 11, className: i = "", onClick: c, color: o }) => /* @__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: N(o),
   "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, {
-    ...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,
+}), z = I(({ checked: t, defaultChecked: n = !1, onChange: i, disabled: c, readOnly: o, required: m, error: f, id: l, dataTest: u, className: v, onClick: w, ...p }, g) => {
+  const [k, x] = b(n), d = t !== void 0, a = d ? t : k, C = (S) => {
+    if (o || c) return;
+    const s = !a;
+    d || x(s), i?.({ target: {
+      checked: s,
+      name: l
+    } }, s), w?.(S);
+  }, h = r.iconContent;
+  return /* @__PURE__ */ e("button", {
+    ...p,
+    ref: g,
+    type: "button",
+    role: "switch",
+    "aria-checked": a,
+    "aria-readonly": o,
+    "aria-required": m,
+    className: y(r.switch, v),
+    onClick: C,
+    disabled: c,
+    id: l,
+    name: l,
     "data-testid": u,
-    children: /* @__PURE__ */ t(d.Thumb, {
+    "data-checked": a ? "" : void 0,
+    "data-unchecked": a ? void 0 : "",
+    "data-disabled": c ? "" : void 0,
+    "data-readonly": o ? "" : void 0,
+    "data-error": f ? "" : void 0,
+    children: /* @__PURE__ */ e("span", {
       className: r.thumb,
-      children: /* @__PURE__ */ t("span", {
+      children: /* @__PURE__ */ e("span", {
         className: r.icon,
-        children: h ? /* @__PURE__ */ t(I, { className: m }) : /* @__PURE__ */ t(b, { className: m })
+        children: a ? /* @__PURE__ */ e(L, { className: h }) : /* @__PURE__ */ e(B, { className: h })
       })
     })
   });
 });
 export {
-  M as StyledSwitch
+  z as StyledSwitch
 };

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

@@ -1,9 +1,9 @@
-var _ = "_iconContent_1myey_30", t = "_thumb_1myey_50", e = "_icon_1myey_30", y = {
-  switch: "_switch_1myey_1",
+var _ = "_iconContent_18hf2_30", t = "_thumb_18hf2_68", h = "_icon_18hf2_30", n = {
+  switch: "_switch_18hf2_1",
   iconContent: _,
   thumb: t,
-  icon: e
+  icon: h
 };
 export {
-  y as default
+  n as default
 };

package/dist/components/inputs/textarea/StyledTextarea.js

@@ -1,64 +1,65 @@
-import a from "./StyledTextarea.module.js";
-import { useEffect as q, useId as h, useRef as z } from "react";
-import { Fragment as D, jsx as o, jsxs as l } from "react/jsx-runtime";
-var Q = ({ id: I, variant: f = "active", label: N = "", labelClassName: F = "", description: T = "", value: t = "", minRows: s = 3, maxRows: n = 1 / 0, disabled: g, error: i, errorMessage: A, containerClassName: H = "", className: S = "", maxLength: _ = 1 / 0, counter: j, refLink: B, dataTest: E, counterLimit: d, ...P }) => {
-  const C = z(null), r = B ?? C, c = !!(j && d), x = h(), m = h(), M = h(), y = I ?? M;
-  q(() => {
-    if (r.current) {
-      const e = r.current, p = window.getComputedStyle(e), b = parseFloat(p.paddingBottom);
-      e.style.height = "auto";
-      const u = parseFloat(p.lineHeight), v = parseFloat(p.paddingTop), k = e.scrollHeight - v;
-      Math.ceil(k / u) > n ? e.style.height = `${u * n + v + b}px` : e.style.height = `${e.scrollHeight + b}px`;
-    }
+import e from "./StyledTextarea.module.js";
+import { useEffect as J, useId as m, useRef as K } from "react";
+import { Fragment as O, jsx as n, jsxs as s } from "react/jsx-runtime";
+var X = ({ id: T, variant: x = "active", label: c = "", labelClassName: A = "", description: o = "", value: t = "", minRows: r = 3, maxRows: i = 1 / 0, disabled: g, error: l, errorMessage: H, containerClassName: M = "", className: S = "", maxLength: _ = 1 / 0, counter: j, refLink: B, dataTest: E, counterLimit: d, ...y }) => {
+  const k = K(null), p = B ?? k, f = !!(j && d), b = m(), $ = m(), w = m(), u = T ?? w;
+  J(() => {
+    const a = p.current;
+    if (!a) return;
+    const h = window.getComputedStyle(a), N = parseFloat(h.lineHeight) || 24, I = parseFloat(h.paddingTop), F = parseFloat(h.paddingBottom);
+    a.style.height = "auto";
+    const z = a.scrollHeight - I - F, D = Math.max(1, Math.ceil(z / N)), G = Math.min(Math.max(D, r), i);
+    a.style.height = `${G * N + I + F}px`;
   }, [
-    r,
+    p,
     t,
-    s,
-    n,
-    c
-  ]), n < s && (s = n);
-  const W = i ? "error" : "active", $ = i ? "error" : g ? "disabled" : "active";
-  return /* @__PURE__ */ l("div", {
-    className: `relative flex flex-col gap-1 ${H}`,
+    r,
+    i,
+    f
+  ]), i < r && (r = i);
+  const C = l ? "error" : "active", v = l ? "error" : g ? "disabled" : "active", q = typeof c != "string" || c.trim() !== "" ? void 0 : typeof o == "string" && o.trim() !== "" ? o : y.placeholder;
+  return /* @__PURE__ */ s("div", {
+    className: `relative flex flex-col gap-1 ${M}`,
     "data-testid": E,
     children: [
-      /* @__PURE__ */ o("label", {
-        htmlFor: y,
-        className: `${a.label} ${a[$]} ${F}`,
-        children: N
+      /* @__PURE__ */ n("label", {
+        htmlFor: u,
+        className: `${e.label} ${e[v]} ${A}`,
+        children: c
       }),
-      /* @__PURE__ */ o("span", {
-        id: x,
-        className: `${a.description} ${a[$]}`,
-        children: i ? A : T
+      /* @__PURE__ */ n("span", {
+        id: b,
+        className: `${e.description} ${e[v]}`,
+        children: l ? H : o
       }),
-      f === "view_only" ? /* @__PURE__ */ o("div", {
-        className: "pt-3 font-roboto text-sm font-normal text-gray-700",
+      x === "view_only" ? /* @__PURE__ */ n("div", {
+        className: "pt-3 font-roboto text-base font-normal text-delta-700",
         children: t
-      }) : f === "not_editable" ? /* @__PURE__ */ o("div", {
-        className: "rounded bg-gray-200 p-3 font-roboto text-sm font-normal text-gray-700",
+      }) : x === "not_editable" ? /* @__PURE__ */ n("div", {
+        className: "rounded bg-delta-50 p-3 font-roboto text-base font-normal text-delta-700",
         children: t
-      }) : /* @__PURE__ */ o("textarea", {
-        ...P,
-        "aria-describedby": `${x} ${m}`,
-        "aria-invalid": i,
-        id: y,
-        ref: r,
-        className: `${a.textarea} ${a[W]} ${S} ${c ? "pb-[32px]" : ""}`,
+      }) : /* @__PURE__ */ n("textarea", {
+        ...y,
+        "aria-describedby": `${b} ${$}`,
+        "aria-invalid": l,
+        "aria-label": q,
+        id: u,
+        ref: p,
+        className: `${e.textarea} ${e[C]} ${S} ${f ? "pb-[32px]" : ""}`,
         wrap: "soft",
         value: t,
         disabled: g,
         maxLength: _
       }),
-      c && /* @__PURE__ */ l(D, { children: [/* @__PURE__ */ l("div", {
+      f && /* @__PURE__ */ s(O, { children: [/* @__PURE__ */ s("div", {
         className: "pointer-events-none absolute bottom-3 right-3 flex h-[15px] justify-end font-roboto text-[10px]",
         children: [
           t.length,
           "/",
           d
         ]
-      }), /* @__PURE__ */ l("div", {
-        id: m,
+      }), /* @__PURE__ */ s("div", {
+        id: $,
         "aria-live": "polite",
         className: "sr-only",
         children: [d - t.length, " characters remaining"]
@@ -67,5 +68,5 @@ var Q = ({ id: I, variant: f = "active", label: N = "", labelClassName: F = "",
   });
 };
 export {
-  Q as StyledTextarea
+  X as StyledTextarea
 };

package/dist/components/inputs/textarea/StyledTextarea.module.js

@@ -1,4 +1,4 @@
-var a = "_textarea_1p8hl_1", e = "_active_1p8hl_1", _ = "_error_1p8hl_40", r = "_label_1p8hl_80", l = "_disabled_1p8hl_88", t = "_description_1p8hl_93", d = {
+var a = "_textarea_1wlak_1", e = "_active_1wlak_1", _ = "_error_1wlak_40", r = "_label_1wlak_80", l = "_disabled_1wlak_88", t = "_description_1wlak_93", d = {
   textarea: a,
   active: e,
   error: _,

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,44 @@
-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 y } from "../../helpers/cn.js";
+import { resolveSx as g } from "../../helpers/sx.js";
+import { FormControlContext as h } from "./FormControlContext.js";
+import { useId as j, useMemo as w, useState as n } from "react";
+import { jsx as a } from "react/jsx-runtime";
+var A = ({ children: c, error: e = !1, disabled: o = !1, required: l = !1, size: t = "medium", fullWidth: i, className: d, style: u, sx: x, id: r, onFocus: p, onBlur: v, onClick: F }) => {
+  const s = j(), [m, C] = n(!1), [f, I] = n(!1), S = w(() => ({
+    focused: m,
+    filled: f,
+    error: e,
+    disabled: o,
+    required: l,
+    size: t,
+    labelId: r ?? s,
+    setFocused: C,
+    setFilled: I
+  }), [
+    m,
+    f,
+    e,
+    o,
+    l,
+    t,
+    r,
+    s
+  ]);
+  return /* @__PURE__ */ a(h.Provider, {
+    value: S,
+    children: /* @__PURE__ */ a("div", {
+      className: y("relative inline-flex flex-col", i && "w-full", d),
+      style: {
+        ...g(x),
+        ...u
+      },
+      onFocus: p,
+      onBlur: v,
+      onClick: F,
+      children: c
+    })
+  });
+};
 export {
-  l as StyledFormControl
+  A as StyledFormControl
 };

package/dist/components/miscellaneous/StyledFormControlLabel.js

@@ -1,18 +1,32 @@
-import { FormControlLabel as l } from "@mui/material";
-import { jsx as e } from "react/jsx-runtime";
-var i = ({ sx: o, ...r }) => /* @__PURE__ */ e(l, {
-  ...r,
-  sx: {
-    color: "var(--colors-delta-800)",
-    margin: 0,
-    "& .MuiFormControlLabel-label": {
-      fontSize: "var(--font-size-body-base)",
-      lineHeight: "var(--line-height-body-base)"
+import { cn as a } from "../../helpers/cn.js";
+import { resolveSx as v } from "../../helpers/sx.js";
+import { cloneElement as u, isValidElement as s } from "react";
+import { jsx as b, jsxs as g } from "react/jsx-runtime";
+var h = {
+  end: "flex-row",
+  start: "flex-row-reverse",
+  top: "flex-col-reverse",
+  bottom: "flex-col"
+}, k = ({ control: e, label: t, checked: o, disabled: n, name: i, value: m, labelPlacement: d = "end", className: c, sx: f, onChange: p }) => {
+  const l = s(e) ? e.props : {}, r = n ?? l.disabled ?? !1, x = s(e) ? u(e, {
+    checked: l.checked ?? o,
+    onChange: l.onChange ?? p,
+    disabled: r,
+    name: l.name ?? i,
+    value: l.value ?? m
+  }) : e;
+  return /* @__PURE__ */ g("label", {
+    className: a("m-0 inline-flex items-center gap-2 align-middle text-delta-800", r ? "cursor-default" : "cursor-pointer", h[d], c),
+    style: {
+      fontFamily: "Roboto, Helvetica, Arial, sans-serif",
+      ...v(f)
     },
-    "&.Mui-disabled .MuiFormControlLabel-label": { color: "var(--colors-delta-300)" },
-    ...o
-  }
-});
+    children: [x, t != null && /* @__PURE__ */ b("span", {
+      className: a("text-sm leading-5 tracking-[0.00938em]", r && "text-delta-300"),
+      children: t
+    })]
+  });
+};
 export {
-  i as StyledFormControlLabel
+  k 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,34 @@
+import { resolveSx as u } from "../../helpers/sx.js";
+import p from "clsx";
+import "react";
+import { jsx as o } from "react/jsx-runtime";
+var t = {
+  circular: "rounded-full",
+  rounded: "rounded-[4px]",
+  square: "rounded-none"
+}, S = ({ src: r, srcSet: e, alt: l, variant: n = "circular", sizes: c, className: a, sx: d, style: i, children: s, classes: v, component: h, ...m }) => {
+  const f = {
+    width: 40,
+    height: 40,
+    fontSize: "1.25rem",
+    backgroundColor: "#bdbdbd",
+    color: "#fff",
+    ...u(d),
+    ...i
+  };
+  return /* @__PURE__ */ o("div", {
+    className: p("relative flex shrink-0 items-center justify-center overflow-hidden font-roboto", t[n] ?? t.circular, a),
+    style: f,
+    ...m,
+    children: r || e ? /* @__PURE__ */ o("img", {
+      className: "h-full w-full object-cover text-transparent",
+      src: r,
+      srcSet: e,
+      alt: l,
+      sizes: c
+    }) : s
+  });
+};
+export {
+  S as Avatar
+};

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

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