asma-ui-core 3.44.0 → 3.45.0

package/dist/components/inputs/field-styles.js

@@ -0,0 +1,8 @@
+import { cn as a } from "../../helpers/cn.js";
+var l = ({ focused: e, error: r, disabled: t, readOnly: o }) => a("pointer-events-none absolute inset-0 rounded border border-solid transition-colors", t ? "border-delta-300" : o ? "border-delta-200" : r ? a("border-error-500", e && "border-2") : e ? "border-2 border-gama-400" : "border-delta-500 group-hover:border-2 group-hover:border-gama-300"), i = ({ focused: e, error: r, disabled: t, readOnly: o, notched: d = !0 }) => a("pointer-events-none absolute z-0 m-0 box-border min-w-0 overflow-hidden rounded border border-solid transition-colors", d ? "inset-x-0 bottom-0 top-[-5px] px-2 py-0" : "inset-0", t ? "border-delta-300" : o ? "border-delta-200" : r ? "border-error-500" : e ? "border-2 border-gama-400" : "border-delta-500 group-hover:border-2 group-hover:border-gama-300"), b = (e) => a("invisible block h-[11px] overflow-hidden p-0 text-xs leading-[23px] transition-[max-width] duration-150", e ? "max-w-full" : "max-w-[0.01px]"), s = ({ shrink: e, focused: r, error: t, disabled: o, readOnly: d }) => a("pointer-events-none absolute left-[14px] z-10 max-w-[calc(100%-1.75rem)] truncate transition-all duration-150", o ? "text-delta-300" : d ? "text-delta-800" : t ? "text-error-500" : r ? "text-gama-500" : e ? "text-delta-800" : "text-delta-500", e ? "top-0 -translate-y-1/2 bg-white px-1 text-xs leading-[16px] tracking-[0.24px]" : "top-1/2 -translate-y-1/2 text-base leading-[23px] tracking-[0.00938em]");
+export {
+  s as floatingLabelClass,
+  b as notchedLegendClass,
+  i as notchedOutlineClass,
+  l as outlineClass
+};

package/dist/components/inputs/input-field/StyledInputField.js

@@ -1,90 +1,195 @@
-import { CloseIcon as m } from "../../icons/close-icon/CloseIcon.js";
-import { ErrorOutlineIcon as b } from "../../icons/error-outline-icon/ErrorOutlineIcon.js";
-import { TextField as M } from "@mui/material";
-import { jsx as r, jsxs as f } from "react/jsx-runtime";
-var x = ({ allowClear: u, onClear: s, readOnly: t, disabled: d, error: e, helperText: a, dataTest: p, slotProps: i, ...o }) => {
-  const c = (d ?? !1) || (t ?? !1), l = i?.input;
-  return /* @__PURE__ */ r(M, {
-    ...o,
-    "data-testid": p,
-    disabled: c,
-    error: e,
-    helperText: e ? /* @__PURE__ */ f("span", {
-      className: "flex items-start gap-1",
-      children: [/* @__PURE__ */ r(b, {
+import { cn as l } from "../../../helpers/cn.js";
+import { resolveSx as M } from "../../../helpers/sx.js";
+import { CloseIcon as $e } from "../../icons/close-icon/CloseIcon.js";
+import { ErrorOutlineIcon as ze } from "../../icons/error-outline-icon/ErrorOutlineIcon.js";
+import { floatingLabelClass as _e, notchedLegendClass as je, notchedOutlineClass as X } from "../field-styles.js";
+import x from "./StyledInputField.module.js";
+import { Children as Te, useCallback as Ke, useId as Ue, useLayoutEffect as Z, useRef as q, useState as k } from "react";
+import { jsx as o, jsxs as h } from "react/jsx-runtime";
+import { useMergeRefs as P } from "@floating-ui/react";
+var et = ({ dataTest: u, label: a, value: p, defaultValue: b, onChange: O, onBlur: ee, onFocus: te, error: i, helperText: v, disabled: s, readOnly: n, required: H, allowClear: ne, onClear: oe, type: ie = "text", placeholder: ae, name: le, id: se, autoComplete: re, autoFocus: de, multiline: r, rows: A, minRows: N, maxRows: C, size: ce = "medium", fullWidth: me, className: he, style: ue, sx: pe, inputRef: fe, slotProps: t, InputProps: B, onKeyDown: D, onClick: ge, variant: Ve }) => {
+  const xe = Ue(), $ = se ?? xe, z = `${$}-helper-text`, _ = q(null), j = q(null), [T, be] = k(void 0), [I, K] = k(!1), [ve, U] = k(b != null && b !== ""), L = p !== void 0, V = L ? p !== "" && p != null : ve, Ne = !!s || !!n, w = t?.input?.startAdornment ?? B?.startAdornment, y = Te.count(w) > 0, d = y && Array.isArray(w), S = t?.input?.endAdornment ?? B?.endAdornment, W = !!(ne && V && !Ne), { ref: Ie, ...c } = t?.htmlInput ?? {}, ye = fe ?? Ie, { className: Se, style: F, ref: He } = t?.input ?? {}, Ae = P([He]), Ce = t?.input?.onMouseDown, R = I || V || y, Le = (e) => {
+    n || (L || U(e.target.value !== ""), O?.(e));
+  }, we = (e) => {
+    !s && !n && K(!0), te?.(e);
+  }, Fe = (e) => {
+    !s && !n && K(!1), ee?.(e);
+  };
+  Z(() => {
+    const e = _.current;
+    if (!r || A != null || !e) return;
+    e.style.height = "auto";
+    const m = getComputedStyle(e), g = Number.parseFloat(m.lineHeight) || 24, Q = Number.parseFloat(m.paddingTop) + Number.parseFloat(m.paddingBottom), Be = N ? N * g + Q : 0, De = C ? C * g + Q : Number.POSITIVE_INFINITY;
+    e.style.height = `${Math.min(De, Math.max(Be, e.scrollHeight))}px`;
+  }, [
+    b,
+    C,
+    N,
+    r,
+    A,
+    p
+  ]);
+  const Y = P([ye, Ke((e) => {
+    _.current = e instanceof HTMLTextAreaElement ? e : null;
+  }, [])]), { style: E, ...Re } = c, f = !r && !d, Ee = f ? {
+    boxSizing: "border-box",
+    ...F,
+    height: 40,
+    minHeight: 40,
+    maxHeight: 40
+  } : d ? {
+    boxSizing: "border-box",
+    ...F,
+    minHeight: 40
+  } : F, Me = f ? {
+    ...E,
+    height: void 0,
+    minHeight: void 0,
+    maxHeight: void 0,
+    ...T != null ? { paddingRight: T } : {}
+  } : E;
+  Z(() => {
+    if (!f) return;
+    const e = j.current, m = e ? Math.ceil(e.getBoundingClientRect().width) + 20 : void 0;
+    be((g) => g === m ? g : m);
+  });
+  const G = {
+    ...Re,
+    style: f ? Me : E,
+    name: le,
+    placeholder: R || !a ? ae : void 0,
+    disabled: s,
+    readOnly: n,
+    required: H,
+    autoComplete: re,
+    autoFocus: de,
+    value: p,
+    defaultValue: b,
+    "aria-invalid": i ? !0 : void 0,
+    "aria-label": c["aria-label"] ?? (c["aria-labelledby"] ? void 0 : typeof a == "string" && a !== "" ? a : void 0),
+    "aria-describedby": !n && (v != null || i) ? z : c["aria-describedby"],
+    onChange: Le,
+    onFocus: we,
+    onBlur: Fe,
+    onKeyDown: c.onKeyDown || D ? (e) => {
+      D?.(e), e.defaultPrevented || c.onKeyDown?.(e);
+    } : void 0
+  }, J = l(x.Input, "peer border-0 bg-transparent text-base tracking-[0.00938em] text-delta-800 outline-none placeholder:text-delta-500", d ? "box-border h-8 min-w-[60px] flex-1 py-0 pl-0 pr-0 leading-[23px]" : r ? "w-full resize-none overflow-hidden p-0 pl-0 pr-0 leading-[23px]" : l("w-full", x["Input--singleLine"]), "disabled:text-delta-300", n && "text-delta-800", Se), ke = !r && !d ? {
+    "data-start-adornment": y ? "true" : void 0,
+    "data-end-adornment": W || S ? "true" : void 0
+  } : {};
+  return /* @__PURE__ */ h("div", {
+    className: l("group relative inline-flex flex-col", he),
+    onClick: ge,
+    style: {
+      width: me ? "100%" : 235,
+      fontFamily: "Roboto, Helvetica, Arial, sans-serif",
+      letterSpacing: "0.00938em",
+      ...M(pe),
+      ...ue
+    },
+    children: [/* @__PURE__ */ h("div", {
+      className: "relative overflow-visible",
+      children: [/* @__PURE__ */ h("div", {
+        className: l("relative flex", f && x.InputShell, r && "box-border items-center px-[14px] py-[16.5px]", d && l(x.AdornmentList, S && x["AdornmentList--endAdornment"]), n && "rounded bg-delta-50"),
+        ref: Ae,
+        onMouseDown: Ce,
+        style: Ee,
+        "data-testid": d ? `${u}-adornment-list` : `${u}-shell`,
+        children: [
+          y && /* @__PURE__ */ o("span", {
+            className: l("items-center text-delta-500", d ? "contents" : "absolute left-3 flex"),
+            children: w
+          }),
+          r ? /* @__PURE__ */ o("textarea", {
+            ...G,
+            ref: Y,
+            "data-testid": u,
+            rows: A ?? N ?? 2,
+            className: J
+          }) : /* @__PURE__ */ o("input", {
+            ...G,
+            ...ke,
+            ref: Y,
+            "data-testid": u,
+            type: ie,
+            className: J
+          }),
+          W ? /* @__PURE__ */ o("button", {
+            type: "button",
+            "aria-label": "Clear",
+            "data-testid": `${u}-clear`,
+            className: "absolute right-4 z-40 flex items-center justify-center rounded-full border-0 bg-transparent p-[2px] duration-300 hover:bg-gama-100",
+            onClick: (e) => {
+              e.stopPropagation(), e.preventDefault(), L || U(!1), oe?.();
+            },
+            children: /* @__PURE__ */ o($e, {
+              width: 18,
+              height: 18
+            })
+          }) : S && /* @__PURE__ */ o("span", {
+            ref: j,
+            className: "absolute inset-y-0 right-[14px] flex max-w-[calc(100%-28px)] items-center gap-1",
+            children: S
+          }),
+          a ? /* @__PURE__ */ o("fieldset", {
+            "aria-hidden": !0,
+            className: X({
+              focused: I,
+              error: i,
+              disabled: s,
+              readOnly: n,
+              notched: !0
+            }),
+            children: /* @__PURE__ */ o("legend", {
+              className: je(R),
+              children: /* @__PURE__ */ h("span", {
+                className: "inline-block px-[5px]",
+                children: [a, H && " *"]
+              })
+            })
+          }) : /* @__PURE__ */ o("div", {
+            "aria-hidden": !0,
+            className: X({
+              focused: I,
+              error: i,
+              disabled: s,
+              readOnly: n,
+              notched: !1
+            })
+          })
+        ]
+      }), a && /* @__PURE__ */ h("label", {
+        htmlFor: $,
+        className: l(_e({
+          shrink: R,
+          focused: I,
+          error: i,
+          disabled: s,
+          readOnly: n,
+          size: ce
+        }), t?.inputLabel?.className),
+        style: {
+          ...M(t?.inputLabel?.sx),
+          ...t?.inputLabel?.style
+        },
+        children: [a, H && " *"]
+      })]
+    }), !n && (v != null || i) && /* @__PURE__ */ h("div", {
+      id: z,
+      className: l(!t?.formHelperText && "mr-[14px] box-border min-h-[24px] pt-1", i && !t?.formHelperText?.hideErrorIcon && "flex items-start gap-1 text-error-500", !i && "text-delta-600", t?.formHelperText?.className),
+      style: M(t?.formHelperText?.sx),
+      children: [i && !t?.formHelperText?.hideErrorIcon && /* @__PURE__ */ o(ze, {
         width: 20,
         height: 20,
-        className: "min-w-5 shrink-0 translate-y-[2px]"
-      }), /* @__PURE__ */ r("span", {
-        className: "min-w-0 flex-1",
-        children: a ?? "Required"
+        className: "min-w-5 shrink-0"
+      }), /* @__PURE__ */ o("span", {
+        className: "text-sm leading-5 tracking-[0.03333em]",
+        children: i ? v ?? "Required" : v
       })]
-    }) : a,
-    type: o.type ?? "mui-input",
-    slotProps: {
-      ...i,
-      input: {
-        ...l,
-        endAdornment: u && o.value ? /* @__PURE__ */ r("div", {
-          role: "button",
-          className: "absolute right-4 z-40 flex items-center justify-center rounded-full p-[2px] duration-300 hover:bg-gama-100",
-          onClick: (n) => {
-            n.stopPropagation(), n.preventDefault(), s?.();
-          },
-          children: /* @__PURE__ */ r(m, {
-            width: 18,
-            height: 18
-          })
-        }) : l?.endAdornment
-      }
-    },
-    sx: {
-      "& input:-webkit-autofill, & .MuiInputBase-root:has(> input:-webkit-autofill)": { backgroundColor: "#e8f0fe !important" },
-      "& input": { backgroundColor: "transparent" },
-      "& .MuiInputBase-root": { backgroundColor: "transparent" },
-      "& .MuiInputBase-colorPrimary fieldset": { borderColor: "var(--colors-delta-500) !important" },
-      "& .MuiInputBase-colorPrimary.Mui-focused fieldset": { borderColor: "var(--colors-gama-400) !important" },
-      "& .MuiInputBase-colorPrimary.Mui-focused::after": { borderColor: "var(--colors-gama-400) !important" },
-      "& .MuiInputBase-colorPrimary.Mui-focused:hover fieldset": { borderColor: "var(--colors-gama-400) !important" },
-      "& .MuiInputBase-colorPrimary:hover fieldset": {
-        borderColor: "var(--colors-gama-300) !important",
-        borderWidth: "2px !important"
-      },
-      "& .MuiInputBase-colorPrimary.Mui-disabled:hover fieldset": { borderWidth: "1px !important" },
-      "& .MuiInputBase-colorPrimary.Mui-error fieldset": { borderColor: "var(--colors-error-500) !important" },
-      "& .MuiInputBase-colorPrimary.Mui-error:hover fieldset": { borderColor: "var(--colors-error-500) !important" },
-      "& .MuiFormHelperText-root": {
-        fontSize: "14px",
-        lineHeight: "24px",
-        minHeight: "24px",
-        marginLeft: 0,
-        whiteSpace: "normal",
-        wordBreak: "break-word"
-      },
-      "& .MuiFormHelperText-root.Mui-error": { color: "var(--colors-error-500) !important" },
-      "& .MuiInputBase-colorPrimary.Mui-disabled fieldset": { borderColor: "var(--colors-delta-300) !important" },
-      "& label.Mui-focused": { color: "var(--colors-gama-500) !important" },
-      "& label.Mui-error": { color: "var(--colors-error-500) !important" },
-      "& label.Mui-focused.MuiInputLabel-shrink": { color: "var(--colors-gama-500) !important" },
-      "& label.Mui-error.MuiInputLabel-shrink": { color: "var(--colors-error-500) !important" },
-      "& label": { color: "var(--colors-delta-500) !important" },
-      "& label.MuiInputLabel-shrink": { color: "var(--colors-delta-800) !important" },
-      "& label.Mui-disabled": { color: "var(--colors-gray-300) !important" },
-      "& .MuiOutlinedInput-input::placeholder": {
-        color: "var(--colors-delta-500) !important",
-        opacity: "1 !important"
-      },
-      "& .MuiOutlinedInput-input.Mui-disabled": { WebkitTextFillColor: "var(--colors-delta-300) !important" },
-      ...t && {
-        "& .MuiOutlinedInput-input.Mui-disabled": { WebkitTextFillColor: "var(--colors-delta-800) !important" },
-        "& .MuiInputBase-colorPrimary.Mui-disabled": { backgroundColor: "var(--colors-delta-10) !important" },
-        "& .MuiInputBase-colorPrimary.Mui-disabled fieldset": { borderColor: "var(--colors-delta-200) !important" },
-        "& label.Mui-disabled": { color: "var(--colors-gray-800) !important" }
-      },
-      ...o.sx
-    }
+    })]
   });
 };
 export {
-  x as StyledInputField
+  et as StyledInputField
 };

package/dist/components/inputs/input-field/StyledInputField.module.js

@@ -0,0 +1,10 @@
+var n = "_Input_1sz1p_1", t = "_InputShell_1sz1p_8", e = "_AdornmentList_1sz1p_36", _ = {
+  Input: n,
+  InputShell: t,
+  "Input--singleLine": "_Input--singleLine_1sz1p_17",
+  AdornmentList: e,
+  "AdornmentList--endAdornment": "_AdornmentList--endAdornment_1sz1p_45"
+};
+export {
+  _ as default
+};

package/dist/components/inputs/label/StyledLabel.js

@@ -1,13 +1,21 @@
-import d from "./StyledLabel.module.js";
-import s from "clsx";
-import { jsx as m } from "react/jsx-runtime";
-var o = d["styled-label"], p = ({ children: e, onClick: l, className: t, dataTest: a, style: r }) => /* @__PURE__ */ m("div", {
-  className: s(o, t),
-  style: r,
-  onClick: l,
-  "data-testid": a,
-  children: e
-});
+import s from "./StyledLabel.module.js";
+import m from "clsx";
+import { jsx as y } from "react/jsx-runtime";
+var b = s["styled-label"], u = ({ children: a, onClick: e, className: d, dataTest: r, style: o }) => {
+  const l = e ? (t) => {
+    (t.key === "Enter" || t.key === " ") && (t.preventDefault(), e(t));
+  } : void 0;
+  return /* @__PURE__ */ y("div", {
+    className: m(b, d),
+    style: o,
+    onClick: e,
+    onKeyDown: l,
+    role: e ? "button" : void 0,
+    tabIndex: e ? 0 : void 0,
+    "data-testid": r,
+    children: a
+  });
+};
 export {
-  p as StyledLabel
+  u as StyledLabel
 };

package/dist/components/inputs/label/StyledLabel.module.js

@@ -1,4 +1,4 @@
-var l = { "styled-label": "_styled-label_upf4y_1" };
+var l = { "styled-label": "_styled-label_v2ail_1" };
 export {
   l as default
 };

package/dist/components/inputs/radio-button/base-ui/RadioGroupContext.js

@@ -0,0 +1,6 @@
+import { createContext as o, useContext as t } from "react";
+var e = o(null), a = () => t(e);
+export {
+  e as RadioGroupContext,
+  a as useRadioGroupContext
+};

package/dist/components/inputs/radio-button/base-ui/StyledRadio.js

@@ -1,35 +1,50 @@
-import { cn as n } from "../../../../helpers/cn.js";
+import { cn as h } from "../../../../helpers/cn.js";
 import e from "./StyledRadio.module.js";
-import { forwardRef as N, useCallback as h, useRef as w } from "react";
-import { jsx as o, jsxs as x } from "react/jsx-runtime";
-import { Radio as i } from "@base-ui/react/radio";
-var I = N(({ value: s, dataTest: l, className: d, size: t = "medium", error: p, disabled: m, ...c }, R) => {
-  const u = n(e.RadioWrapper, e.RadioHover, t === "small" && e["size-small"], d, p && e.Error), f = n(e.Radio, t === "small" && e["size-small"]), r = w(null), v = h((C) => {
-    if (C.stopPropagation(), !r.current) return;
-    const a = document.createElement("span");
-    e.RadioRipple && (a.className = e.RadioRipple), a.addEventListener("animationend", () => {
-      a.remove();
-    }, { once: !0 }), r.current.appendChild(a);
-  }, []);
-  return /* @__PURE__ */ x(i.Root, {
-    ...c,
-    nativeButton: !0,
-    render: /* @__PURE__ */ o("button", {}),
-    ref: R,
-    value: s,
+import { useRadioGroupContext as D } from "./RadioGroupContext.js";
+import { forwardRef as E, useCallback as P, useRef as j } from "react";
+import { Fragment as F, jsx as o, jsxs as R } from "react/jsx-runtime";
+var W = E(({ value: d, dataTest: l, className: v, size: c = "medium", error: C, disabled: g, readOnly: m, checked: k, onChange: b, decorative: N, ...p }, w) => {
+  const a = D(), n = a ? a.value === d : !!k, s = g ?? a?.disabled ?? !1, u = h(e.RadioWrapper, e.RadioHover, c === "small" && e["size-small"], v, C && e.Error, m && e.ReadOnly), x = h(e.Radio, c === "small" && e["size-small"]), t = j(null), y = P((i) => {
+    if (i.stopPropagation(), !t.current) return;
+    const r = document.createElement("span");
+    e.RadioRipple && (r.className = e.RadioRipple), r.addEventListener("animationend", () => r.remove(), { once: !0 }), t.current.appendChild(r);
+  }, []), S = (i) => {
+    m || (a && a.onSelect(d ?? null), b?.(i, i.target.checked));
+  }, f = /* @__PURE__ */ R(F, { children: [/* @__PURE__ */ o("span", {
+    className: e.RadioRippleContainer,
+    ref: t
+  }), /* @__PURE__ */ o("span", {
+    className: x,
+    children: /* @__PURE__ */ o("span", { className: e.Indicator })
+  })] });
+  return N ? /* @__PURE__ */ o("span", {
+    "aria-hidden": "true",
+    className: u,
     "data-testid": l,
+    "data-checked": n ? "" : void 0,
+    "data-unchecked": n ? void 0 : "",
+    "data-disabled": s ? "" : void 0,
+    children: f
+  }) : /* @__PURE__ */ R("label", {
     className: u,
-    disabled: m,
-    onPointerDown: v,
-    children: [/* @__PURE__ */ o("span", {
-      className: e.RadioRippleContainer,
-      ref: r
-    }), /* @__PURE__ */ o("span", {
-      className: f,
-      children: /* @__PURE__ */ o(i.Indicator, { className: e.Indicator })
-    })]
+    "data-testid": l,
+    onPointerDown: y,
+    "data-checked": n ? "" : void 0,
+    "data-unchecked": n ? void 0 : "",
+    "data-disabled": s ? "" : void 0,
+    children: [/* @__PURE__ */ o("input", {
+      ...p,
+      ref: w,
+      type: "radio",
+      className: "sr-only",
+      name: a?.name ?? p.name,
+      value: d == null ? void 0 : String(d),
+      checked: n,
+      disabled: s,
+      onChange: S
+    }), f]
   });
 });
 export {
-  I as StyledRadio
+  W as StyledRadio
 };

package/dist/components/inputs/radio-button/base-ui/StyledRadio.module.js

@@ -1,14 +1,15 @@
-var a = "_RadioWrapper_1qjtx_1", _ = "_Radio_1qjtx_1", r = "_RadioRippleContainer_1qjtx_34", i = "_RadioRipple_1qjtx_34", o = "_ripple_1qjtx_1", e = "_RadioHover_1qjtx_68", d = "_Indicator_1qjtx_120", p = {
+var a = "_RadioWrapper_1s69x_1", _ = "_Radio_1s69x_1", r = "_RadioRippleContainer_1s69x_36", i = "_RadioRipple_1s69x_36", e = "_ripple_1s69x_1", o = "_RadioHover_1s69x_70", d = "_Indicator_1s69x_122", p = "_ReadOnly_1s69x_149", R = {
   RadioWrapper: a,
-  "size-small": "_size-small_1qjtx_14",
+  "size-small": "_size-small_1s69x_14",
   Radio: _,
   RadioRippleContainer: r,
   RadioRipple: i,
-  ripple: o,
-  RadioHover: e,
+  ripple: e,
+  RadioHover: o,
   Indicator: d,
-  Error: "_Error_1qjtx_141"
+  Error: "_Error_1s69x_143",
+  ReadOnly: p
 };
 export {
-  p as default
+  R as default
 };

package/dist/components/inputs/radio-button/base-ui/StyledRadioGroup.js

@@ -1,31 +1,44 @@
-import { ErrorOutlineIcon as u } from "../../../icons/error-outline-icon/ErrorOutlineIcon.js";
-import { StyledFormHelperText as y } from "../../../miscellaneous/StyledFormHelperText.js";
-import I from "clsx";
-import { forwardRef as R, useId as s } from "react";
-import { jsx as b, jsxs as r } from "react/jsx-runtime";
-import { RadioGroup as v } from "@base-ui/react/radio-group";
-var q = R(({ value: a, defaultValue: l, onValueChange: m, dataTest: c, error: t, errorText: p, helperText: e, children: n, ...f }, x) => {
-  const i = s(), d = s(), o = (t ?? !1) || (e ?? !1), h = t ? p ?? "Required" : e;
-  return /* @__PURE__ */ r(v, {
-    ...f,
-    "data-testid": c,
-    "aria-describedby": o ? t ? d : i : void 0,
-    "aria-invalid": t,
-    ref: x,
-    value: a,
-    defaultValue: l,
-    onValueChange: m,
-    children: [n, o && /* @__PURE__ */ r(y, {
-      id: t ? d : i,
-      role: t ? "alert" : "status",
-      className: I("m-0 flex min-h-6 items-center gap-1 pt-1 text-sm", t ? "text-error-500" : "text-delta-600"),
-      children: [t && /* @__PURE__ */ b(u, {
+import { ErrorOutlineIcon as q } from "../../../icons/error-outline-icon/ErrorOutlineIcon.js";
+import { RadioGroupContext as B } from "./RadioGroupContext.js";
+import f from "clsx";
+import { forwardRef as E, useId as s, useMemo as H, useState as M } from "react";
+import { jsx as x, jsxs as h } from "react/jsx-runtime";
+var F = E(({ value: i, defaultValue: v, onValueChange: g, disabled: a, readOnly: t, dataTest: N, error: e, errorText: I, helperText: n, children: R, name: b, ...o }, w) => {
+  const l = s(), c = s(), y = s(), r = b ?? y, d = i !== void 0, [S, j] = M(v ?? null), m = d ? i : S, C = (p) => {
+    t || (d || j(p), g?.(p));
+  }, D = H(() => ({
+    name: r,
+    value: m,
+    disabled: a,
+    onSelect: C
+  }), [
+    r,
+    m,
+    a
+  ]), u = (e ?? !1) || (n ?? !1), G = e ? I ?? "Required" : n, T = u ? e ? c : l : void 0, k = /\bflex-(?:row|col)\b/.test(o.className ?? "");
+  return /* @__PURE__ */ h("div", {
+    ...o,
+    ref: w,
+    role: "radiogroup",
+    "data-testid": N,
+    "aria-describedby": T,
+    "aria-invalid": e,
+    "aria-readonly": t ? !0 : void 0,
+    className: f("flex items-start", !k && "flex-col", t && "pointer-events-none", o.className),
+    children: [/* @__PURE__ */ x(B.Provider, {
+      value: D,
+      children: R
+    }), u && /* @__PURE__ */ h("p", {
+      id: e ? c : l,
+      role: e ? "alert" : "status",
+      className: f("m-0 flex min-h-5 items-center gap-1 pt-1 text-sm leading-5 tracking-[0.03333em]", e ? "font-medium text-error-500" : "text-delta-600"),
+      children: [e && /* @__PURE__ */ x(q, {
         width: 20,
         height: 20
-      }), h]
+      }), G]
     })]
   });
 });
 export {
-  q as StyledRadioGroup
+  F as StyledRadioGroup
 };