asma-ui-core 3.78.11 → 3.79.0

package/dist/components/data-display/chip/StyledChip.js

@@ -1,59 +1,59 @@
 import { cn as i } from "../../../helpers/cn.js";
-import { resolveSx as $ } from "../../../helpers/sx.js";
-import { CloseIcon as E } from "../../icons/close-icon/CloseIcon.js";
-import { consumerOverrides as x } from "../../../helpers/classOverride.js";
-import { getChipPadding as L } from "./chipPadding.js";
-import { forwardRef as U } from "react";
-import { jsx as m, jsxs as q } from "react/jsx-runtime";
-var Y = U(({ dataTest: f, label: c, size: e = "medium", disabled: t, readOnly: o, clickable: b, icon: w, avatar: u, deleteIcon: _, onDelete: s, onClick: l, onMouseDown: k, onMouseUp: y, className: p, classes: r, sx: S, tabIndex: v, "aria-label": j, role: h, "aria-checked": R, "aria-readonly": B, "data-hovered": C, "data-focus": D, variant: A, color: F }, M) => {
-  const n = !o && !t && (!!b || !!l), g = u ?? w, d = L(e, !!g, !!(s && !o)), N = {
+import { resolveSx as E } from "../../../helpers/sx.js";
+import { CloseIcon as L } from "../../icons/close-icon/CloseIcon.js";
+import { consumerOverrides as w } from "../../../helpers/classOverride.js";
+import { getChipPadding as U } from "./chipPadding.js";
+import { forwardRef as q } from "react";
+import { jsx as s, jsxs as A } from "react/jsx-runtime";
+var Z = q(({ dataTest: u, label: c, size: r = "medium", disabled: t, readOnly: o, clickable: x, icon: _, avatar: g, deleteIcon: k, onDelete: m, onClick: l, onMouseDown: y, onMouseUp: S, className: h, classes: a, sx: j, tabIndex: v, "aria-label": D, role: p, "aria-checked": R, "aria-readonly": B, "data-hovered": C, "data-focus": M, variant: F, color: G }, N) => {
+  const n = !o && !t && (!!x || !!l), f = g ?? _, b = !!(m && !o), d = U(r, !!f, b), I = {
     paddingTop: d.top,
     paddingRight: d.right,
     paddingBottom: d.bottom,
     paddingLeft: d.left
-  }, I = (a) => {
-    a.stopPropagation(), s?.(a);
-  }, K = (a) => {
-    n && (a.key === "Enter" || a.key === " ") && (a.preventDefault(), l?.(a));
-  }, P = x(p, "width"), W = x(p, "max-width");
-  return /* @__PURE__ */ q("div", {
-    ref: M,
-    "data-testid": f,
-    "aria-label": j,
+  }, K = (e) => {
+    e.stopPropagation(), m?.(e);
+  }, P = (e) => {
+    n && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), l?.(e));
+  }, W = w(h, "width"), $ = w(h, "max-width");
+  return /* @__PURE__ */ A("div", {
+    ref: N,
+    "data-testid": u,
+    "aria-label": D,
     "data-hovered": C,
-    "data-focus": D,
-    role: h ?? (n ? "button" : void 0),
-    "aria-checked": h ? R : void 0,
-    "aria-readonly": h ? B : void 0,
-    tabIndex: n ? v ?? 0 : v,
+    "data-focus": M,
+    role: p ?? (n ? "button" : void 0),
+    "aria-checked": p ? R : void 0,
+    "aria-readonly": p ? B : void 0,
+    tabIndex: o ? void 0 : n ? v ?? 0 : v,
     onClick: t || o ? void 0 : l,
-    onKeyDown: t || o ? void 0 : K,
-    onMouseDown: t || o ? void 0 : k,
-    onMouseUp: t || o ? void 0 : y,
-    className: i("box-border inline-flex items-center gap-1 rounded-[25px] border border-solid border-delta-300 bg-white text-base text-delta-700", !P && "w-fit", !W && "max-w-full", e === "small" ? "h-6" : "h-8", o && "pointer-events-none", t && "pointer-events-none opacity-[0.38]", n && i("cursor-pointer outline-none", "data-[hovered]:border-gama-200 data-[hovered]:bg-gama-25 hover:border-gama-200 hover:bg-gama-25", "focus:!border-gama-400 focus:bg-gama-25 focus:shadow-[0_0_0_1px_var(--colors-gama-400)]", "data-[focus]:!border-gama-400 data-[focus]:bg-gama-25 data-[focus]:shadow-[0_0_0_1px_var(--colors-gama-400)]", "active:!border-gama-400 active:bg-gama-25 active:shadow-[0_0_0_2px_var(--colors-gama-400)]"), r?.root, p),
+    onKeyDown: t || o ? void 0 : P,
+    onMouseDown: t || o ? void 0 : y,
+    onMouseUp: t || o ? void 0 : S,
+    className: i("box-border inline-flex items-center gap-1 rounded-[25px] border border-solid border-delta-300 bg-white text-base text-delta-700", !W && "w-fit", !$ && "max-w-full", r === "small" ? "h-6" : "h-8", o && "pointer-events-none", t && "pointer-events-none opacity-[0.38]", "data-[focus]:!border-focus-ring data-[focus]:bg-gama-25 data-[focus]:shadow-[inset_0_0_0_2px_var(--colors-focus-ring)]", b && "focus-within:!border-focus-ring focus-within:bg-gama-25 focus-within:shadow-[inset_0_0_0_2px_var(--colors-focus-ring)]", n && i("cursor-pointer outline-none", "data-[hovered]:border-gama-200 data-[hovered]:bg-gama-25 hover:border-gama-200 hover:bg-gama-25", "focus-visible:!border-focus-ring focus-visible:bg-gama-25 focus-visible:shadow-[inset_0_0_0_2px_var(--colors-focus-ring)]", "active:!border-gama-400 active:bg-gama-25 active:shadow-[0_0_0_2px_var(--colors-gama-400)]"), a?.root, h),
     style: {
-      ...N,
-      ...$(S)
+      ...I,
+      ...E(j)
     },
     children: [
-      g && /* @__PURE__ */ m("span", {
-        className: i("flex shrink-0 items-center justify-center", e === "small" ? "h-[18px] w-[18px]" : "h-6 w-6", u ? r?.avatar : r?.icon),
-        children: g
+      f && /* @__PURE__ */ s("span", {
+        className: i("flex shrink-0 items-center justify-center", r === "small" ? "h-[18px] w-[18px]" : "h-6 w-6", g ? a?.avatar : a?.icon),
+        children: f
       }),
-      /* @__PURE__ */ m("span", {
-        className: i("min-w-0 truncate", r?.label),
+      /* @__PURE__ */ s("span", {
+        className: i("min-w-0 truncate", a?.label),
         children: c
       }),
-      s && !o && /* @__PURE__ */ m("button", {
+      m && !o && /* @__PURE__ */ s("button", {
         type: "button",
-        "data-testid": `${f}-delete`,
+        "data-testid": `${u}-delete`,
         "aria-label": typeof c == "string" ? `Remove ${c}` : "Remove",
-        onClick: I,
+        onClick: K,
         disabled: t,
-        className: i("flex shrink-0 items-center justify-center rounded-full border border-solid border-delta-100 bg-delta-50 p-0 text-delta-700", e === "small" ? "h-[18px] w-[18px]" : "h-5 w-5", r?.deleteIcon),
-        children: _ ?? /* @__PURE__ */ m(E, {
-          height: e === "small" ? 14 : 16,
-          width: e === "small" ? 14 : 16,
+        className: i("flex shrink-0 items-center justify-center rounded-full border border-solid border-delta-100 bg-delta-50 p-0 text-delta-700 [outline:none]", r === "small" ? "h-[18px] w-[18px]" : "h-5 w-5", a?.deleteIcon),
+        children: k ?? /* @__PURE__ */ s(L, {
+          height: r === "small" ? 14 : 16,
+          width: r === "small" ? 14 : 16,
           className: "min-w-0 shrink-0"
         })
       })
@@ -61,5 +61,5 @@ var Y = U(({ dataTest: f, label: c, size: e = "medium", disabled: t, readOnly: o
   });
 });
 export {
-  Y as StyledChip
+  Z as StyledChip
 };

package/dist/components/inputs/button/StyledButton.module.js

@@ -1,16 +1,16 @@
-var _ = "_contained_2qc3y_6", t = "_common_2qc3y_6", a = "_medium_2qc3y_44", e = "_small_2qc3y_51", r = "_large_2qc3y_58", c = "_error_2qc3y_70", o = "_outlined_2qc3y_134", y = "_text_2qc3y_262", m = "_textGray_2qc3y_388", l = "_textWhite_2qc3y_451", u = {
-  "asma-ui-core-button": "_asma-ui-core-button_2qc3y_1",
+var _ = "_contained_lpch6_6", t = "_common_lpch6_6", a = "_medium_lpch6_55", e = "_small_lpch6_62", r = "_large_lpch6_69", l = "_error_lpch6_81", c = "_outlined_lpch6_156", o = "_text_lpch6_306", h = "_textGray_lpch6_456", m = "_textWhite_lpch6_531", p = {
+  "asma-ui-core-button": "_asma-ui-core-button_lpch6_1",
   contained: _,
   common: t,
   medium: a,
   small: e,
   large: r,
-  error: c,
-  outlined: o,
-  text: y,
-  textGray: m,
-  textWhite: l
+  error: l,
+  outlined: c,
+  text: o,
+  textGray: h,
+  textWhite: m
 };
 export {
-  u as default
+  p as default
 };

package/dist/components/inputs/checkbox/base-ui/StyledCheckbox.js

@@ -1,21 +1,21 @@
 import { cn as C } from "../../../../helpers/cn.js";
 import e from "./StyledCheckbox.module.js";
-import B, { useEffect as x, useRef as v } from "react";
-import { Fragment as D, jsx as r, jsxs as b } from "react/jsx-runtime";
-var F = (n) => /* @__PURE__ */ r("svg", {
+import F, { useEffect as x, useRef as b } from "react";
+import { Fragment as K, jsx as t, jsxs as v } from "react/jsx-runtime";
+var M = (o) => /* @__PURE__ */ t("svg", {
   "aria-hidden": "true",
   viewBox: "0 0 24 24",
   width: "100%",
   height: "100%",
   fill: "none",
-  ...n,
-  children: /* @__PURE__ */ r("path", {
+  ...o,
+  children: /* @__PURE__ */ t("path", {
     d: "M6 12H18",
     stroke: "currentColor",
-    strokeWidth: n.strokeWidth ?? 3,
+    strokeWidth: o.strokeWidth ?? 3,
     strokeLinecap: "round"
   })
-}), M = (n) => /* @__PURE__ */ r("svg", {
+}), S = (o) => /* @__PURE__ */ t("svg", {
   "aria-hidden": "true",
   viewBox: "0 0 24 24",
   width: "100%",
@@ -25,63 +25,66 @@ var F = (n) => /* @__PURE__ */ r("svg", {
   strokeWidth: 2,
   strokeLinecap: "round",
   strokeLinejoin: "round",
-  ...n,
-  children: /* @__PURE__ */ r("path", { d: "M4 12l5 5L20 6" })
-}), z = ({ dataTest: n, size: l = "medium", disabled: d, readOnly: a, error: g, indeterminate: t = !1, checked: p, disableRipple: R, hideWrapper: N, className: w, checkboxClassName: I, onChange: W, onClick: E, decorative: L, ...H }) => {
-  const s = !!N, c = !R && !s && !d && !a, h = v(null), u = v(null);
+  ...o,
+  children: /* @__PURE__ */ t("path", { d: "M4 12l5 5L20 6" })
+}), G = ({ dataTest: o, size: l = "small", disabled: d, readOnly: a, error: g, indeterminate: n = !1, checked: p, disableRipple: w, hideWrapper: R, className: N, checkboxClassName: I, onChange: W, onClick: E, onKeyDown: D, decorative: L, ...y }) => {
+  const c = !!R, s = !w && !c && !d && !a, h = b(null), u = b(null);
   x(() => {
-    h.current && (h.current.indeterminate = t);
-  }, [t]);
-  const k = C(e.CheckboxWrapper, !s && e[`size-${l}`], s && e.HideWrapper, t && e.Indeterminate, a && e.ReadOnly, g && e.Error, c && e.CheckboxHover, w), j = C(e.Checkbox, e[`size-${l}`], t && e.Indeterminate, I), P = t ? F : M, $ = B.useCallback((o) => {
-    if (o.stopPropagation(), !c) return;
+    h.current && (h.current.indeterminate = n);
+  }, [n]);
+  const k = C(e.CheckboxWrapper, !c && e[`size-${l}`], c && e.HideWrapper, n && e.Indeterminate, a && e.ReadOnly, g && e.Error, s && e.CheckboxHover, N), H = C(e.Checkbox, e[`size-${l}`], n && e.Indeterminate, I), P = n ? M : S, j = F.useCallback((r) => {
+    if (r.stopPropagation(), !s) return;
     const i = document.createElement("span");
     e.CheckboxRipple && (i.className = e.CheckboxRipple), i.addEventListener("animationend", () => i.remove(), { once: !0 }), u.current?.appendChild(i);
-  }, [c]);
+  }, [s]);
   x(() => {
-    const o = u.current;
-    return () => o?.replaceChildren();
+    const r = u.current;
+    return () => r?.replaceChildren();
   }, []);
-  const y = (o) => {
-    a || W?.(o, o.target.checked);
-  }, m = {
-    "data-checked": p && !t ? "" : void 0,
-    "data-unchecked": !p && !t ? "" : void 0,
-    "data-indeterminate": t ? "" : void 0,
+  const $ = (r) => {
+    a || W?.(r, r.target.checked);
+  }, B = (r) => {
+    D?.(r), !(r.defaultPrevented || r.key !== "Enter" || a) && (r.preventDefault(), r.currentTarget.click());
+  }, f = {
+    "data-checked": p && !n ? "" : void 0,
+    "data-unchecked": !p && !n ? "" : void 0,
+    "data-indeterminate": n ? "" : void 0,
     "data-disabled": d ? "" : void 0
-  }, f = /* @__PURE__ */ b(D, { children: [!s && c && /* @__PURE__ */ r("span", {
+  }, m = /* @__PURE__ */ v(K, { children: [!c && s && /* @__PURE__ */ t("span", {
     ref: u,
     className: e.CheckboxRippleContainer
-  }), /* @__PURE__ */ r("span", {
-    className: j,
-    children: /* @__PURE__ */ r("span", {
+  }), /* @__PURE__ */ t("span", {
+    className: H,
+    children: /* @__PURE__ */ t("span", {
       className: e.Indicator,
-      children: /* @__PURE__ */ r(P, { strokeWidth: l === "small" ? 3 : 2 })
+      children: /* @__PURE__ */ t(P, { strokeWidth: l === "small" ? 3 : 2 })
     })
   })] });
-  return L ? /* @__PURE__ */ r("span", {
+  return L ? /* @__PURE__ */ t("span", {
     "aria-hidden": "true",
     className: k,
-    "data-testid": n,
-    ...m,
-    children: f
-  }) : /* @__PURE__ */ b("label", {
+    "data-testid": o,
+    ...f,
+    children: m
+  }) : /* @__PURE__ */ v("label", {
     className: k,
-    "data-testid": n,
-    onPointerDown: $,
+    "data-testid": o,
+    onPointerDown: j,
     onClick: E,
-    ...m,
-    children: [/* @__PURE__ */ r("input", {
+    ...f,
+    children: [/* @__PURE__ */ t("input", {
       ref: h,
       type: "checkbox",
       className: "sr-only",
       checked: p,
       disabled: d,
       readOnly: a,
-      onChange: y,
-      ...H
-    }), f]
+      onChange: $,
+      onKeyDown: B,
+      ...y
+    }), m]
   });
 };
 export {
-  z as StyledCheckbox
+  G as StyledCheckbox
 };

package/dist/components/inputs/checkbox/base-ui/StyledCheckbox.module.js

@@ -1,18 +1,18 @@
-var e = "_CheckboxWrapper_1kkew_1", _ = "_Checkbox_1kkew_1", k = "_Indeterminate_1kkew_28", r = "_ReadOnly_1kkew_63", a = "_Indicator_1kkew_72", o = "_HideWrapper_1kkew_76", p = "_CheckboxHover_1kkew_83", i = "_CheckboxRippleContainer_1kkew_83", l = "_CheckboxRipple_1kkew_83", d = "_ripple_1kkew_1", c = {
+var e = "_CheckboxWrapper_b3bys_1", _ = "_Checkbox_b3bys_1", b = "_Indeterminate_b3bys_34", r = "_ReadOnly_b3bys_114", a = "_Indicator_b3bys_123", o = "_HideWrapper_b3bys_127", p = "_CheckboxHover_b3bys_134", i = "_CheckboxRippleContainer_b3bys_134", s = "_CheckboxRipple_b3bys_134", l = "_ripple_b3bys_1", y = {
   CheckboxWrapper: e,
-  "size-small": "_size-small_1kkew_11",
-  "size-medium": "_size-medium_1kkew_15",
+  "size-small": "_size-small_b3bys_15",
+  "size-medium": "_size-medium_b3bys_21",
   Checkbox: _,
-  Indeterminate: k,
-  Error: "_Error_1kkew_55",
+  Indeterminate: b,
+  Error: "_Error_b3bys_61",
   ReadOnly: r,
   Indicator: a,
   HideWrapper: o,
   CheckboxHover: p,
   CheckboxRippleContainer: i,
-  CheckboxRipple: l,
-  ripple: d
+  CheckboxRipple: s,
+  ripple: l
 };
 export {
-  c as default
+  y as default
 };

package/dist/components/inputs/dynamic-select/components/DynamicSelectAutocomplete.js

@@ -11,7 +11,7 @@ import { DynamicInteractiveChipGroup as re } from "./DynamicInteractiveChipGroup
 import { createElement as q, forwardRef as oe, useCallback as f, useState as ne } from "react";
 import { Fragment as E, jsx as l, jsxs as O } from "react/jsx-runtime";
 var ye = oe((k, F) => {
-  const [z, S] = ne(!1), { options: h, dataTest: g, value: x, readOnly: u, multiple: o, required: H, onChange: y, size: K, title: v, noOptionsText: _, placeholder: R, disabled: I, helperText: G, disableHelperText: A, error: N, valueKey: P = "value", labelKey: W = "label", renderLabel: i, getOptionTooltip: V, startAdornment: J, autocompleteProps: n, loading: m, maxTags: M, onFocus: Q, onBlur: U } = k, w = h.length < 11, s = (e) => typeof e == "object" ? e?.[W]?.toString() ?? "" : e?.toString() ?? "", p = f((e) => typeof e == "object" ? e?.[P] : e, [P]), D = f((e, t) => p(e) === p(t), [p]), C = (e) => {
+  const [K, S] = ne(!1), { options: h, dataTest: g, value: x, readOnly: u, multiple: o, required: z, onChange: y, size: H, title: v, noOptionsText: _, placeholder: R, disabled: N, helperText: G, disableHelperText: I, error: A, valueKey: P = "value", labelKey: W = "label", renderLabel: i, getOptionTooltip: D, startAdornment: J, autocompleteProps: n, loading: m, maxTags: M, onFocus: Q, onBlur: U } = k, w = h.length < 11, s = (e) => typeof e == "object" ? e?.[W]?.toString() ?? "" : e?.toString() ?? "", p = f((e) => typeof e == "object" ? e?.[P] : e, [P]), V = f((e, t) => p(e) === p(t), [p]), C = (e) => {
     const t = p(e);
     return t == null ? "" : typeof t == "string" || typeof t == "number" || typeof t == "boolean" ? String(t) : e == null ? "" : s(e);
   }, $ = f((e) => {
@@ -28,18 +28,18 @@ var ye = oe((k, F) => {
       className: "text-base font-semibold text-delta-800",
       children: v
     }), /* @__PURE__ */ l(ae, {
-      open: z,
+      open: K,
       onOpen: $,
       onClose: X,
       disableCloseOnSelect: o,
       dataTest: g,
-      disabled: !!I || !!m,
+      disabled: !!N || !!m,
       noOptionsText: _,
       loading: m,
       readOnly: u,
       value: x,
-      size: K,
-      disableClearable: H,
+      size: H,
+      disableClearable: z,
       options: h,
       fullWidth: !0,
       classes: { listbox: "max-h-[300px]" },
@@ -48,7 +48,7 @@ var ye = oe((k, F) => {
         y(t);
       },
       filterSelectedOptions: !1,
-      isOptionEqualToValue: n?.isOptionEqualToValue ?? D,
+      isOptionEqualToValue: n?.isOptionEqualToValue ?? V,
       autoHeight: !0,
       multiple: o,
       renderValue: o ? (e) => {
@@ -63,9 +63,9 @@ var ye = oe((k, F) => {
             root: "h-fit w-fit min-h-[32px]",
             label: "block whitespace-normal"
           },
-          disabled: !!I || !!m,
+          disabled: !!N || !!m,
           onDelete: () => {
-            Array.isArray(x) && y(x.filter((b) => !D(b, r)));
+            Array.isArray(x) && y(x.filter((b) => !V(b, r)));
           }
         }, C(r))), c > 0 ? /* @__PURE__ */ l(B, {
           dataTest: "remaining-count-tag-chip",
@@ -82,7 +82,7 @@ var ye = oe((k, F) => {
         width: 24
       }) : void 0,
       renderOption: (e, t, d) => {
-        const a = typeof t == "object" ? !!t?.disabled : !1, c = V ? V(t) : null;
+        const a = typeof t == "object" ? !!t?.disabled : !1, c = D ? D(t) : null;
         if (o) {
           const b = d.selected;
           return /* @__PURE__ */ q("li", {
@@ -91,9 +91,12 @@ var ye = oe((k, F) => {
             "aria-selected": b,
             key: e.id,
             onClick: a ? void 0 : e.onClick,
-            className: j("flex min-h-10 cursor-pointer items-center gap-x-1 bg-white px-2 text-base aria-selected:bg-gama-50 hover:bg-gama-50", a && "cursor-not-allowed bg-delta-50 aria-selected:!bg-delta-50 hover:!bg-delta-50 [&_*]:cursor-not-allowed"),
+            className: j("relative flex min-h-10 cursor-pointer items-center gap-x-1 bg-white px-2 text-base aria-selected:bg-gama-50 hover:bg-delta-50", a && "cursor-not-allowed bg-delta-50 aria-selected:!bg-delta-50 hover:!bg-delta-50 [&_*]:cursor-not-allowed"),
             "aria-disabled": a
-          }, /* @__PURE__ */ l(L, {
+          }, e["data-active"] !== void 0 && /* @__PURE__ */ l("span", {
+            "aria-hidden": "true",
+            className: "pointer-events-none absolute inset-y-0 left-0 border-l border-solid border-focus-ring"
+          }), /* @__PURE__ */ l(L, {
             arrow: !0,
             title: c,
             children: /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ l(te, {
@@ -115,10 +118,13 @@ var ye = oe((k, F) => {
           role: "option",
           "aria-selected": r,
           key: e.id,
-          className: j("flex min-h-10 cursor-pointer items-center gap-x-1 px-2 text-base aria-selected:bg-gama-50 hover:bg-gama-50", a && "cursor-not-allowed bg-delta-50 aria-selected:!bg-delta-50 hover:!bg-delta-50 [&_*]:cursor-not-allowed"),
+          className: j("relative flex min-h-10 cursor-pointer items-center gap-x-1 px-2 text-base aria-selected:bg-gama-50 hover:bg-delta-50", a && "cursor-not-allowed bg-delta-50 aria-selected:!bg-delta-50 hover:!bg-delta-50 [&_*]:cursor-not-allowed"),
           onClick: a ? void 0 : e.onClick,
           "aria-disabled": a
-        }, /* @__PURE__ */ l(L, {
+        }, e["data-active"] !== void 0 && /* @__PURE__ */ l("span", {
+          "aria-hidden": "true",
+          className: "pointer-events-none absolute inset-y-0 left-0 border-l border-solid border-focus-ring"
+        }), /* @__PURE__ */ l(L, {
           arrow: !0,
           title: c,
           children: /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ l("span", {
@@ -138,16 +144,18 @@ var ye = oe((k, F) => {
         dataTest: `${g}-input-field`,
         ...e,
         inputRef: F,
-        error: N,
-        helperText: A ? void 0 : G,
-        reserveHelperText: A ? !1 : N !== void 0,
+        error: A,
+        helperText: I ? void 0 : G,
+        reserveHelperText: I ? !1 : A !== void 0,
         variant: "outlined",
         label: "",
         placeholder: R,
         readOnly: u,
         onFocus: Q,
         onBlur: U,
-        onKeyDown: w ? (t) => t.preventDefault() : void 0,
+        onKeyDown: (t) => {
+          e.onKeyDown(t), w && !t.defaultPrevented && t.key.length === 1 && t.preventDefault();
+        },
         autoComplete: "off",
         slotProps: {
           ...e.slotProps,

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

@@ -22,13 +22,13 @@ var d = () => ({
 } : {
   top: "50%",
   transform: "translateY(-50%)"
-}, x = ({ focused: e, error: r, disabled: t, readOnly: o, borderless: a }) => n("pointer-events-none absolute inset-0 rounded border border-solid transition-colors", a && !e ? "border-transparent" : t ? "border-delta-300" : o ? "border-delta-200" : r ? "border-error-500" : e ? "border-[3px] border-gama-400" : "border-delta-500 group-hover:border-2 group-hover:border-gama-300"), s = ({ focused: e, error: r, disabled: t, readOnly: o, notched: a = !0 }) => n("pointer-events-none absolute z-0 m-0 box-border min-w-0 overflow-hidden rounded border border-solid transition-colors", a ? "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-[3px] border-gama-400" : "border-delta-500 group-hover:border-2 group-hover:border-gama-300"), g = (e) => n("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]"), p = ({ shrink: e, focused: r, error: t, disabled: o, readOnly: a }) => n("pointer-events-none absolute left-[14px] z-10 max-w-[calc(100%-1.75rem)] truncate transition-colors duration-150", o ? "text-delta-300" : a ? "text-delta-800" : t ? "text-error-500" : r ? "text-gama-500" : e ? "text-delta-800" : "text-delta-500", e ? "bg-white px-1 text-xs leading-[16px] tracking-[0.24px]" : "text-base leading-[23px] tracking-[0.00938em]");
+}, s = ({ focused: e, error: r, disabled: t, readOnly: o, borderless: a }) => n("pointer-events-none absolute inset-0 rounded border border-solid transition-colors", a && !e ? "border-transparent" : t ? "border-delta-300" : o ? "border-delta-200" : r ? "border-error-500" : e ? "border-[3px] border-focus-ring" : "border-delta-500 group-hover:border-2 group-hover:border-gama-300"), x = ({ focused: e, error: r, disabled: t, readOnly: o, notched: a = !0 }) => n("pointer-events-none absolute z-0 m-0 box-border min-w-0 overflow-hidden rounded border border-solid transition-colors", a ? "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-[3px] border-focus-ring" : "border-delta-500 group-hover:border-2 group-hover:border-gama-300"), g = (e) => n("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]"), p = ({ shrink: e, focused: r, error: t, disabled: o, readOnly: a }) => n("pointer-events-none absolute left-[14px] z-10 max-w-[calc(100%-1.75rem)] truncate transition-colors duration-150", o ? "text-delta-300" : a ? "text-delta-800" : t ? "text-error-500" : r ? "text-gama-500" : e ? "text-delta-800" : "text-delta-500", e ? "bg-white px-1 text-xs leading-[16px] tracking-[0.24px]" : "text-base leading-[23px] tracking-[0.00938em]");
 export {
   p as floatingLabelClass,
   b as floatingLabelLayoutStyle,
   g as notchedLegendClass,
-  s as notchedOutlineClass,
-  x as outlineClass,
+  x as notchedOutlineClass,
+  s as outlineClass,
   l as singleLineInputLayoutStyle,
   d as singleLineShellLayoutStyle
 };

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

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

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

@@ -1,15 +1,15 @@
-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 = {
+var a = "_RadioWrapper_1fno0_1", _ = "_RadioRippleContainer_1fno0_27", o = "_RadioRipple_1fno0_27", r = "_ripple_1fno0_1", i = "_RadioHover_1fno0_61", e = "_Radio_1fno0_1", d = "_Indicator_1fno0_113", n = "_ReadOnly_1fno0_154", p = {
   RadioWrapper: a,
-  "size-small": "_size-small_1s69x_14",
-  Radio: _,
-  RadioRippleContainer: r,
-  RadioRipple: i,
-  ripple: e,
-  RadioHover: o,
+  "size-small": "_size-small_1fno0_14",
+  RadioRippleContainer: _,
+  RadioRipple: o,
+  ripple: r,
+  RadioHover: i,
+  Radio: e,
   Indicator: d,
-  Error: "_Error_1s69x_143",
-  ReadOnly: p
+  Error: "_Error_1fno0_134",
+  ReadOnly: n
 };
 export {
-  R as default
+  p as default
 };