asma-ui-core 3.73.1 → 3.74.1

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

@@ -1,49 +1,43 @@
-import { ErrorOutlineIcon as H } from "../../../icons/error-outline-icon/ErrorOutlineIcon.js";
-import { RadioGroupContext as y } from "./RadioGroupContext.js";
-import { useHelperAlertRole as B } from "../../../../helpers/useHelperAlertRole.js";
-import { warnMissingErrorMessage as D } from "../../../../helpers/warnMissingErrorMessage.js";
-import u from "clsx";
-import { forwardRef as P, useId as f, useMemo as U, useState as V } from "react";
-import { jsx as x, jsxs as g } from "react/jsx-runtime";
-var W = P(({ value: i, defaultValue: h, onValueChange: v, disabled: r, readOnly: o, dataTest: N, error: e, errorText: R, helperText: n, reserveHelperText: w = !0, children: S, name: b, ...t }, G) => {
-  const l = f(), I = f(), a = b ?? I, c = i !== void 0, [M, j] = V(h ?? null), m = c ? i : M, k = (p) => {
-    o || (c || j(p), v?.(p));
-  }, A = U(() => ({
+import { cn as u } from "../../../../helpers/cn.js";
+import { RadioGroupContext as D } from "./RadioGroupContext.js";
+import { HelperRow as M } from "../../../../helpers/HelperRow.js";
+import { useHelperSlot as P } from "../../../../helpers/useHelperSlot.js";
+import { forwardRef as U, useId as f, useMemo as V, useState as k } from "react";
+import { jsx as v, jsxs as q } from "react/jsx-runtime";
+var Q = U(({ value: s, defaultValue: R, onValueChange: x, disabled: r, readOnly: e, dataTest: N, error: o, errorText: S, helperText: l, reserveHelperText: h, children: w, name: g, ...t }, b) => {
+  const i = f(), G = f(), a = g ?? G, n = s !== void 0, [H, j] = k(R ?? null), c = n ? s : H, C = (p) => {
+    e || (n || j(p), x?.(p));
+  }, I = V(() => ({
     name: a,
-    value: m,
+    value: c,
     disabled: r,
-    onSelect: k
+    onSelect: C
   }), [
     a,
-    m,
+    c,
     r
-  ]), s = e ? R ?? n : n, d = !o && (w || s != null || !!e);
-  D("StyledRadioGroup", e, s);
-  const C = B(e), E = /\bflex-(?:row|col)\b/.test(t.className ?? "");
-  return /* @__PURE__ */ g("div", {
+  ]), m = o ? S ?? l : l, { show: d, role: y } = P("StyledRadioGroup", o, m, h, e), A = /\bflex-(?:row|col)\b/.test(t.className ?? "");
+  return /* @__PURE__ */ q("div", {
     ...t,
-    ref: G,
+    ref: b,
     role: "radiogroup",
     "data-testid": N,
-    "aria-describedby": d ? l : void 0,
-    "aria-invalid": e,
-    "aria-readonly": o ? !0 : void 0,
-    className: u("flex items-start", !E && "flex-col", o && "pointer-events-none", t.className),
-    children: [/* @__PURE__ */ x(y.Provider, {
-      value: A,
-      children: S
-    }), d && /* @__PURE__ */ g("p", {
-      id: l,
-      role: C,
-      className: u("m-0 flex min-h-[24px] 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(H, {
-        width: 20,
-        height: 20,
-        className: "min-w-5 shrink-0"
-      }), s]
+    "aria-describedby": d ? i : void 0,
+    "aria-invalid": o,
+    "aria-readonly": e ? !0 : void 0,
+    className: u("flex items-start", !A && "flex-col", e && "pointer-events-none", t.className),
+    children: [/* @__PURE__ */ v(D.Provider, {
+      value: I,
+      children: w
+    }), d && /* @__PURE__ */ v(M, {
+      id: i,
+      role: y,
+      error: o,
+      message: m,
+      className: u("m-0 items-center", o && "font-medium")
     })]
   });
 });
 export {
-  W as StyledRadioGroup
+  Q as StyledRadioGroup
 };

package/dist/components/inputs/select/StyledSelect.js

@@ -1,53 +1,50 @@
-import { cn as u } from "../../../helpers/cn.js";
-import { resolveSx as Ce } from "../../../helpers/sx.js";
+import { cn as p } from "../../../helpers/cn.js";
+import { resolveSx as Ee } from "../../../helpers/sx.js";
 import { ChevronDownIcon as Ne } from "../../icons/chevron-down-icon/ChevronDownIcon.js";
 import { CloseIcon as Pe } from "../../icons/close-icon/CloseIcon.js";
-import { ErrorOutlineIcon as _e } from "../../icons/error-outline-icon/ErrorOutlineIcon.js";
-import { TOP_LAYER_PROPS as qe, TOP_LAYER_RESET_STYLE as Ie, getOpenModalDialogAncestor as Be, shouldUsePopoverTopLayer as Le, useTopLayerRef as Me } from "../../../hooks/useTopLayer.hook.js";
-import { useHelperAlertRole as Te } from "../../../helpers/useHelperAlertRole.js";
-import { useHelperRowBudget as Ue } from "../../../helpers/useHelperRowBudget.js";
-import { warnMissingErrorMessage as Ve } from "../../../helpers/warnMissingErrorMessage.js";
-import { outlineClass as je } from "../field-styles.js";
-import { useFormControlContext as He } from "../../miscellaneous/FormControlContext.js";
-import { Children as _, cloneElement as Ke, isValidElement as q, useEffect as I, useId as Oe, useMemo as Ye, useRef as $, useState as B } from "react";
-import { jsx as n, jsxs as w } from "react/jsx-runtime";
-import { FloatingPortal as ze, autoUpdate as We, flip as $e, offset as Ge, shift as Je, size as Qe, useClick as Xe, useDismiss as Ze, useFloating as et, useInteractions as tt, useMergeRefs as G, useRole as rt } from "@floating-ui/react";
-var ht = ({ dataTest: L, value: M, defaultValue: J, onChange: T, error: Q, errorText: X, helperText: U, reserveHelperText: Z = !0, expandHelperText: ee = !0, allowClear: V, disabled: te, readOnly: c, name: p, placeholder: A, displayEmpty: v, multiple: f, renderValue: j, fullWidth: re, className: oe, style: se, sx: ne, variant: le, children: R, MenuProps: ie, onFocus: ae, onBlur: ce, labelId: g }) => {
-  const d = He(), H = `${L}-listbox`, K = Oe(), y = le === "standard", l = Q ?? d?.error ?? !1, s = te ?? d?.disabled ?? !1, k = l ? X ?? U : U, S = !c && (Z || k != null || l);
-  Ve("StyledSelect", l, k);
-  const de = Te(l), { fieldRef: ue, rowRef: fe, rowStyle: me } = Ue(ee && S), [o, h] = B(!1), [b, D] = B(!1), [pe, O] = B(J), F = M !== void 0, r = F ? M : pe, i = Array.isArray(r) ? r.length > 0 : r !== void 0 && r !== "" && r !== null, a = $(null), Y = $(null), ge = (e) => {
-    if (h(e), e) return;
+import { TOP_LAYER_PROPS as _e, TOP_LAYER_RESET_STYLE as qe, getOpenModalDialogAncestor as Be, shouldUsePopoverTopLayer as He, useTopLayerRef as Ie } from "../../../hooks/useTopLayer.hook.js";
+import { HelperRow as Le } from "../../../helpers/HelperRow.js";
+import { useHelperRowBudget as Te } from "../../../helpers/useHelperRowBudget.js";
+import { useHelperSlot as Ue } from "../../../helpers/useHelperSlot.js";
+import { outlineClass as Ve } from "../field-styles.js";
+import { useFormControlContext as je } from "../../miscellaneous/FormControlContext.js";
+import { Children as N, cloneElement as Ke, isValidElement as P, useEffect as _, useId as Me, useMemo as Ye, useRef as $, useState as q } from "react";
+import { jsx as n, jsxs as B } from "react/jsx-runtime";
+import { FloatingPortal as ze, autoUpdate as Oe, flip as We, offset as $e, shift as Ge, size as Je, useClick as Qe, useDismiss as Xe, useFloating as Ze, useInteractions as et, useMergeRefs as G, useRole as tt } from "@floating-ui/react";
+var gt = ({ dataTest: H, value: I, defaultValue: J, onChange: L, error: Q, errorText: X, helperText: T, reserveHelperText: Z, expandHelperText: ee = !0, allowClear: U, disabled: te, readOnly: i, name: m, placeholder: w, displayEmpty: A, multiple: u, renderValue: V, fullWidth: re, className: oe, style: se, sx: ne, variant: le, children: v, MenuProps: ae, onFocus: ie, onBlur: ce, labelId: g }) => {
+  const c = je(), j = `${H}-listbox`, y = le === "standard", d = Q ?? c?.error ?? !1, s = te ?? c?.disabled ?? !1, K = d ? X ?? T : T, { show: R, role: ue } = Ue("StyledSelect", d, K, Z, i), M = Me(), { fieldRef: de, rowRef: fe, rowStyle: pe } = Te(ee && R), [o, b] = q(!1), [h, S] = q(!1), [me, Y] = q(J), k = I !== void 0, r = k ? I : me, l = Array.isArray(r) ? r.length > 0 : r !== void 0 && r !== "" && r !== null, a = $(null), z = $(null), ge = (e) => {
+    if (b(e), e) return;
     const t = document.activeElement;
-    t && t !== document.body && !a.current?.contains(t) || Y.current?.focus();
-  }, { refs: m, floatingStyles: ye, context: E } = et({
+    t && t !== document.body && !a.current?.contains(t) || z.current?.focus();
+  }, { refs: f, floatingStyles: ye, context: D } = Ze({
     open: o,
     onOpenChange: ge,
     placement: "bottom-start",
     strategy: "fixed",
-    whileElementsMounted: We,
+    whileElementsMounted: Oe,
     middleware: [
-      Ge(4),
-      $e({ padding: 8 }),
-      Je({ padding: 8 }),
-      Qe({ apply({ rects: e, elements: t }) {
+      $e(4),
+      We({ padding: 8 }),
+      Ge({ padding: 8 }),
+      Je({ apply({ rects: e, elements: t }) {
         t.floating.style.minWidth = `${e.reference.width + 20}px`;
       } })
     ]
-  }), { getReferenceProps: he, getFloatingProps: be } = tt([
-    Xe(E, { enabled: !s && !c }),
-    Ze(E),
-    rt(E, { role: "listbox" })
-  ]), xe = G([m.setReference, Y]), z = Ye(() => o ? Be(m.reference.current) : void 0, [o, m]), C = Le(z), we = G([Me(m.setFloating, C), a]);
-  I(() => d?.setFocused(o || b), [
+  }), { getReferenceProps: be, getFloatingProps: he } = et([
+    Qe(D, { enabled: !s && !i }),
+    Xe(D),
+    tt(D, { role: "listbox" })
+  ]), xe = G([f.setReference, z]), O = Ye(() => o ? Be(f.reference.current) : void 0, [o, f]), F = He(O), we = G([Ie(f.setFloating, F), a]);
+  _(() => c?.setFocused(o || h), [
     o,
-    b,
-    d
-  ]), I(() => d?.setFilled(i || !!A || !!v), [
-    i,
+    h,
+    c
+  ]), _(() => c?.setFilled(l || !!w || !!A), [
+    l,
+    w,
     A,
-    v,
-    d
-  ]), I(() => {
+    c
+  ]), _(() => {
     if (!o) return;
     const e = requestAnimationFrame(() => {
       const t = a.current?.querySelector('[role="option"][aria-selected="true"]');
@@ -56,33 +53,33 @@ var ht = ({ dataTest: L, value: M, defaultValue: J, onChange: T, error: Q, error
     return () => cancelAnimationFrame(e);
   }, [o]);
   const Ae = (e, t) => {
-    const x = f ? Array.isArray(r) && r.includes(e) ? r.filter((P) => P !== e) : [...Array.isArray(r) ? r : [], e] : e;
-    F || O(x), T?.({ target: {
+    const x = u ? Array.isArray(r) && r.includes(e) ? r.filter((E) => E !== e) : [...Array.isArray(r) ? r : [], e] : e;
+    k || Y(x), L?.({ target: {
       value: x,
-      name: p
-    } }, t), f || (h(!1), requestAnimationFrame(() => m.domReference.current?.focus()));
+      name: m
+    } }, t), u || (b(!1), requestAnimationFrame(() => f.domReference.current?.focus()));
   }, W = () => {
-    const e = f ? [] : "";
-    F || O(e), T?.({ target: {
+    const e = u ? [] : "";
+    k || Y(e), L?.({ target: {
       value: e,
-      name: p
-    } }, null), h(!1), D(!1);
-  }, ve = _.map(R, (e) => {
-    if (!q(e)) return e;
+      name: m
+    } }, null), b(!1), S(!1);
+  }, ve = N.map(v, (e) => {
+    if (!P(e)) return e;
     const t = e.props.value;
     return Ke(e, {
-      selected: f ? Array.isArray(r) && r.includes(t) : t === r,
+      selected: u ? Array.isArray(r) && r.includes(t) : t === r,
       onClick: () => Ae(t, e.props.children)
     });
-  }), Re = _.toArray(R).find((e) => q(e) && e.props.value === r), ke = j ? j(r) : f && Array.isArray(r) ? _.toArray(R).filter((e) => q(e) && r.includes(e.props.value)).map((e) => {
+  }), Re = N.toArray(v).find((e) => P(e) && e.props.value === r), Se = V ? V(r) : u && Array.isArray(r) ? N.toArray(v).filter((e) => P(e) && r.includes(e.props.value)).map((e) => {
     const t = e.props.children;
     return typeof t == "string" || typeof t == "number" ? String(t) : "";
-  }).join(", ") : Re?.props.children, Se = (e) => {
-    if ((e.key === "Backspace" || e.key === "Delete") && V && i && !s && !c) {
+  }).join(", ") : Re?.props.children, ke = (e) => {
+    if ((e.key === "Backspace" || e.key === "Delete") && U && l && !s && !i) {
       e.preventDefault(), W();
       return;
     }
-    e.key !== "ArrowDown" && e.key !== "ArrowUp" || s || c || (e.preventDefault(), h(!0), requestAnimationFrame(() => {
+    e.key !== "ArrowDown" && e.key !== "ArrowUp" || s || i || (e.preventDefault(), b(!0), requestAnimationFrame(() => {
       if (a.current?.querySelector('[role="option"][aria-selected="true"]')) return;
       const t = a.current?.querySelectorAll('[role="option"]:not([aria-disabled="true"])');
       t?.length && t[e.key === "ArrowUp" ? t.length - 1 : 0]?.focus();
@@ -90,49 +87,49 @@ var ht = ({ dataTest: L, value: M, defaultValue: J, onChange: T, error: Q, error
   }, De = (e) => {
     const t = a.current ? Array.from(a.current.querySelectorAll('[role="option"]:not([aria-disabled="true"])')) : [];
     if (t.length === 0) return;
-    const x = t.findIndex((P) => P === document.activeElement);
+    const x = t.findIndex((E) => E === document.activeElement);
     e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), t[(x + (e.key === "ArrowDown" ? 1 : -1) + t.length) % t.length]?.focus()) : (e.key === "Enter" || e.key === " ") && (e.preventDefault(), document.activeElement?.click());
-  }, N = y && (o || b), Fe = s ? "text-delta-300" : N ? "text-gama-500" : "text-delta-800", Ee = s ? "text-delta-300" : "text-delta-700";
-  return /* @__PURE__ */ w("div", {
-    ref: ue,
-    className: u("group relative inline-flex flex-col", re && "w-full", oe),
+  }, C = y && (o || h), Fe = s ? "text-delta-300" : C ? "text-gama-500" : "text-delta-800", Ce = s ? "text-delta-300" : "text-delta-700";
+  return /* @__PURE__ */ B("div", {
+    ref: de,
+    className: p("group relative inline-flex flex-col", re && "w-full", oe),
     style: {
       fontFamily: "Roboto, Helvetica, Arial, sans-serif",
-      ...Ce(ne),
+      ...Ee(ne),
       ...se
     },
     children: [
-      /* @__PURE__ */ w("button", {
+      /* @__PURE__ */ B("button", {
         ref: xe,
         type: "button",
-        "data-testid": L,
-        ...he({ onKeyDown: Se }),
+        "data-testid": H,
+        ...be({ onKeyDown: ke }),
         role: "combobox",
         "aria-haspopup": "listbox",
         "aria-expanded": o,
-        "aria-controls": H,
+        "aria-controls": j,
         "aria-labelledby": g,
-        "aria-label": g ? void 0 : p,
-        "aria-invalid": l ? !0 : void 0,
-        "aria-describedby": S ? K : void 0,
+        "aria-label": g ? void 0 : m,
+        "aria-invalid": d ? !0 : void 0,
+        "aria-describedby": R ? M : void 0,
         "aria-disabled": s ? !0 : void 0,
         disabled: s,
         onFocus: (e) => {
-          D(!0), ae?.(e);
+          S(!0), ie?.(e);
         },
         onBlur: (e) => {
-          D(!1), ce?.(e);
+          S(!1), ce?.(e);
         },
-        style: { minWidth: i && !y ? 105 : void 0 },
-        className: u("relative flex w-full items-center justify-between text-left outline-none", "h-10 rounded-lg border-0 px-3 text-base transition-colors", N ? "bg-gama-50" : "bg-transparent", Fe, y && "min-w-0", s && "cursor-not-allowed", c && "pointer-events-none"),
+        style: { minWidth: l && !y ? 105 : void 0 },
+        className: p("relative flex w-full items-center justify-between text-left outline-none", "h-10 rounded-lg border-0 px-3 text-base transition-colors", C ? "bg-gama-50" : "bg-transparent", Fe, y && "min-w-0", s && "cursor-not-allowed", i && "pointer-events-none"),
         children: [
           /* @__PURE__ */ n("span", {
-            className: u("min-w-0 flex-1 truncate", !i && "text-delta-500"),
-            children: i || v ? ke : A
+            className: p("min-w-0 flex-1 truncate", !l && "text-delta-500"),
+            children: l || A ? Se : w
           }),
-          /* @__PURE__ */ w("span", {
+          /* @__PURE__ */ B("span", {
             className: "flex items-center gap-1",
-            children: [V && i && !s && /* @__PURE__ */ n("span", {
+            children: [U && l && !s && /* @__PURE__ */ n("span", {
               "aria-hidden": "true",
               "data-testid": "select-clear-button",
               className: "flex items-center justify-center rounded-full p-[2px] hover:bg-gama-100",
@@ -146,53 +143,50 @@ var ht = ({ dataTest: L, value: M, defaultValue: J, onChange: T, error: Q, error
             }), /* @__PURE__ */ n(Ne, {
               width: 24,
               height: 24,
-              className: u("shrink-0 transition-transform", N ? "text-gama-500" : Ee, o && "rotate-180")
+              className: p("shrink-0 transition-transform", C ? "text-gama-500" : Ce, o && "rotate-180")
             })]
           }),
-          /* @__PURE__ */ n("div", { className: je({
-            focused: o || b,
-            error: l,
+          /* @__PURE__ */ n("div", { className: Ve({
+            focused: o || h,
+            error: d,
             disabled: s,
-            readOnly: c,
+            readOnly: i,
             borderless: y
           }) })
         ]
       }),
       o && /* @__PURE__ */ n(ze, {
-        root: z,
+        root: O,
         children: /* @__PURE__ */ n("ul", {
           ref: we,
-          id: H,
+          id: j,
           role: "listbox",
           "aria-labelledby": g,
-          "aria-label": g ? void 0 : p,
-          ...C ? qe : {},
+          "aria-label": g ? void 0 : m,
+          ...F ? _e : {},
           style: {
-            ...C ? Ie : {},
+            ...F ? qe : {},
             ...ye,
             fontFamily: "Roboto, Helvetica, Arial, sans-serif"
           },
-          ...be(),
+          ...he(),
           onKeyDown: De,
-          className: u("z-[1300] m-0 max-h-72 list-none overflow-auto rounded-lg border border-solid border-delta-300 bg-white px-0 py-1 shadow-[0px_2px_4px_0px_rgba(34,33,51,0.15)]", ie?.className),
+          className: p("z-[1300] m-0 max-h-72 list-none overflow-auto rounded-lg border border-solid border-delta-300 bg-white px-0 py-2 shadow-[0px_2px_4px_0px_rgba(34,33,51,0.15)]", ae?.className),
           children: ve
         })
       }),
-      S && /* @__PURE__ */ w("div", {
+      R && /* @__PURE__ */ n(Le, {
         ref: fe,
-        id: K,
-        role: de,
-        className: u("m-0 mr-[14px] box-border flex min-h-[24px] items-center gap-1 pt-1 text-sm leading-5 tracking-[0.03333em]", l ? "text-error-500" : "text-delta-600"),
-        style: me,
-        children: [l && /* @__PURE__ */ n(_e, {
-          width: 20,
-          height: 20,
-          className: "min-w-5 shrink-0"
-        }), /* @__PURE__ */ n("span", { children: k })]
+        id: M,
+        role: ue,
+        error: d,
+        message: K,
+        className: "m-0 mr-[14px] box-border items-center",
+        style: pe
       })
     ]
   });
 };
 export {
-  ht as StyledSelect
+  gt as StyledSelect
 };

package/dist/components/inputs/select/StyledSelectItem.js

@@ -1,23 +1,23 @@
-import { cn as l } from "../../../helpers/cn.js";
-import { CheckIcon as n } from "../../icons/check-icon/CheckIcon.js";
-import { jsx as a, jsxs as s } from "react/jsx-runtime";
-var p = ({ children: r, selected: e, disabled: t, className: o, onClick: i }) => /* @__PURE__ */ s("li", {
+import { cn as i } from "../../../helpers/cn.js";
+import { CheckIcon as s } from "../../icons/check-icon/CheckIcon.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+var p = ({ children: o, selected: e, disabled: r, className: a, onClick: l }) => /* @__PURE__ */ n("li", {
   role: "option",
   "aria-selected": e ? !0 : void 0,
-  "aria-disabled": t ? !0 : void 0,
+  "aria-disabled": r ? !0 : void 0,
   tabIndex: -1,
-  onClick: t ? void 0 : i,
-  className: l("flex items-center gap-1 px-2 py-2.5 text-base outline-none", t ? "cursor-not-allowed text-delta-300" : "cursor-pointer text-delta-800 hover:bg-delta-50", e && "bg-gama-50", o),
-  children: [/* @__PURE__ */ a("span", {
+  onClick: r ? void 0 : l,
+  className: i("flex items-center gap-1 px-2 py-2.5 text-base outline-none", "border-0 border-b border-solid border-delta-200 last:border-b-0", r ? "cursor-not-allowed text-delta-300" : "cursor-pointer text-delta-800 hover:bg-delta-50", e && "bg-gama-50", a),
+  children: [/* @__PURE__ */ t("span", {
     className: "flex w-6 justify-center",
-    children: e && /* @__PURE__ */ a(n, {
+    children: e && /* @__PURE__ */ t(s, {
       width: 22,
       height: 22,
       className: "text-gama-500"
     })
-  }), /* @__PURE__ */ a("span", {
-    className: "min-w-0 flex-1 truncate",
-    children: r
+  }), /* @__PURE__ */ t("span", {
+    className: "line-clamp-2 min-w-0 flex-1 break-words",
+    children: o
   })]
 });
 export {