asma-ui-core 3.78.12 → 3.79.1

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
 };