asma-ui-core 3.107.3 → 3.108.1

package/dist/components/data-display/badge/StyledBadge.js

@@ -1,7 +1,7 @@
 import { resolveSx as u } from "../../../helpers/sx.js";
-import b from "clsx";
+import x from "clsx";
 import "react";
-import { jsx as x, jsxs as I } from "react/jsx-runtime";
+import { jsx as b, jsxs as I } from "react/jsx-runtime";
 var v = {
   primary: {
     backgroundColor: "var(--colors-badge-background)",
@@ -36,46 +36,42 @@ var v = {
   "top-left": "top-0 left-0 -translate-x-1/2 -translate-y-1/2 origin-[0%_0%]",
   "bottom-right": "bottom-0 right-0 translate-x-1/2 translate-y-1/2 origin-[100%_100%]",
   "bottom-left": "bottom-0 left-0 -translate-x-1/2 translate-y-1/2 origin-[0%_100%]"
-}, g = "& .MuiBadge-badge", K = ({ color: i = "primary", dataTest: y, size: n = "medium", badgeContent: o, max: T, showZero: Z, variant: h = "standard", purpose: _ = "notification", statusMessage: w, invisible: S, anchorOrigin: c, children: d, className: p, sx: a, overlap: G, classes: H, slots: M, slotProps: m, component: W, tabIndex: X, "aria-label": e, ...k }) => {
-  const j = typeof o == "number" ? o : void 0, f = a && typeof a == "object" && !Array.isArray(a) ? a : {}, A = u(f[g]), O = u(Object.fromEntries(Object.entries(f).filter(([z]) => z !== g))), r = h === "dot", l = r && _ !== "notification", t = d === void 0, s = !!S || !r && (o === 0 || o === void 0 || o === null), B = r ? null : typeof o == "number" && o > 99 ? "99+" : o, C = typeof o == "number" && o > 0 && o < 10, D = c?.vertical ?? "top", N = c?.horizontal ?? "right", E = i === "primary" && !l ? {
-    borderColor: r ? "var(--colors-badge-border-dot)" : "var(--colors-badge-border-count)",
-    borderStyle: "solid",
-    borderWidth: r ? "var(--border-badge-dot)" : "var(--border-badge-count)"
-  } : {}, R = t && !s && e ? {
+}, g = "& .MuiBadge-badge", Q = ({ color: n = "primary", dataTest: y, size: i = "medium", badgeContent: o, max: T, showZero: Z, variant: h = "standard", purpose: w = "notification", statusMessage: _, invisible: S, anchorOrigin: c, children: d, className: p, sx: a, overlap: G, classes: H, slots: M, slotProps: m, component: X, tabIndex: Y, "aria-label": e, ...k }) => {
+  const j = typeof o == "number" ? o : void 0, f = a && typeof a == "object" && !Array.isArray(a) ? a : {}, A = u(f[g]), O = u(Object.fromEntries(Object.entries(f).filter(([z]) => z !== g))), r = h === "dot", l = r && w !== "notification", t = d === void 0, s = !!S || !r && (o === 0 || o === void 0 || o === null), D = r ? null : typeof o == "number" && o > 99 ? "99+" : o, N = typeof o == "number" && o > 0 && o < 10, R = c?.vertical ?? "top", B = c?.horizontal ?? "right", C = n === "primary" && !l ? { boxShadow: r ? "inset 0 0 0 var(--border-badge-dot) var(--colors-badge-border-dot)" : "inset 0 0 0 var(--border-badge-count) var(--colors-badge-border-count)" } : {}, E = t && !s && e ? {
     role: "img",
     "aria-label": e
   } : {}, $ = !t && e ? { "aria-label": e } : {};
   return /* @__PURE__ */ I("span", {
-    className: t ? b("inline-flex shrink-0 align-middle", p) : "relative inline-flex shrink-0 align-middle",
+    className: t ? x("inline-flex shrink-0 align-middle", p) : "relative inline-flex shrink-0 align-middle",
     "data-testid": y,
     style: O,
     ...$,
-    ...R,
+    ...E,
     ...k,
     children: [
       d,
-      !s && /* @__PURE__ */ x("span", {
+      !s && /* @__PURE__ */ b("span", {
         "aria-hidden": "true",
-        className: b("box-border flex items-center justify-center whitespace-nowrap font-roboto font-semibold", !t && "absolute z-[1]", !t && L[`${D}-${N}`], l ? "h-[8px] w-[8px] min-w-[8px] rounded-full p-0" : r ? "h-[12px] w-[12px] min-w-[12px] rounded-full p-0" : n === "small" ? "h-[16px] w-max min-w-[16px] rounded-[20px] px-[4px] text-[0.75rem]" : "h-[20px] min-w-[20px] rounded-[20px] px-[6px] text-sm leading-5", !r && n === "medium" && C && "w-[20px]", !t && p, m?.badge?.className),
+        className: x("box-border flex items-center justify-center whitespace-nowrap font-roboto font-semibold", !t && "absolute z-[1]", !t && L[`${R}-${B}`], l ? "h-[8px] w-[8px] min-w-[8px] rounded-full p-0" : r ? "h-[12px] w-[12px] min-w-[12px] rounded-full p-0" : i === "small" ? "h-[16px] w-max min-w-[16px] rounded-[20px] px-[4px] text-[0.75rem]" : "h-[20px] min-w-[20px] rounded-[20px] px-[6px] text-sm leading-5", !r && i === "medium" && N && "w-[20px]", !t && p, m?.badge?.className),
         style: {
-          ...v[i] ?? v.default,
+          ...v[n] ?? v.default,
           ...l ? { backgroundColor: "var(--colors-gama-500)" } : {},
-          ...E,
+          ...C,
           ...A,
           ...m?.badge?.style
         },
-        children: B
+        children: D
       }),
-      /* @__PURE__ */ x("span", {
+      /* @__PURE__ */ b("span", {
         "aria-atomic": "true",
         "aria-live": "polite",
         className: "sr-only",
         role: "status",
-        children: s || j === void 0 ? "" : w ?? ""
+        children: s || j === void 0 ? "" : _ ?? ""
       })
     ]
   });
 };
 export {
-  K as StyledBadge
+  Q as StyledBadge
 };

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

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

package/dist/components/data-display/interactive-chip/StyledInteractiveChip.js

@@ -1,22 +1,22 @@
 import { cn as o } from "../../../helpers/cn.js";
 import { StyledChip as f } from "../chip/StyledChip.js";
 import { StyledCheckbox as v } from "../../inputs/checkbox/base-ui/StyledCheckbox.js";
-import { StyledRadio as u } from "../../inputs/radio-button/base-ui/StyledRadio.js";
+import { StyledRadio as x } from "../../inputs/radio-button/base-ui/StyledRadio.js";
 import i from "./StyledInteractiveChip.module.js";
-import { forwardRef as x } from "react";
+import { forwardRef as y } from "react";
 import { jsx as r } from "react/jsx-runtime";
-var y = "[&[data-testid][role=button]]:border-2 [&[data-testid][role=button]]:border-gama-400 [&[data-testid][role=button]]:bg-gama-25", S = { paddingLeft: "6px" }, h = x(({ type: l = "checkbox", checked: t, size: d = "small", ariaLabel: n, ...e }, c) => {
-  const a = l === "checkbox", m = n ?? (typeof e.label == "string" ? e.label : void 0), s = !e.readOnly && !a && !!t, b = a ? /* @__PURE__ */ r(v, {
+var S = "[&[data-testid][role]]:border-2 [&[data-testid][role]]:border-gama-400 [&[data-testid][role]]:bg-gama-25", C = { paddingLeft: "6px" }, h = y(({ type: l = "checkbox", checked: a, size: d = "small", ariaLabel: n, ...e }, c) => {
+  const t = l === "checkbox", m = n ?? (typeof e.label == "string" ? e.label : void 0), s = !e.readOnly && !t && !!a, b = t ? /* @__PURE__ */ r(v, {
     dataTest: e.dataTest,
     disableRipple: !0,
-    checked: t,
+    checked: a,
     size: d,
     readOnly: e.readOnly,
     decorative: !0,
     className: o("pointer-events-none", i.control)
-  }) : /* @__PURE__ */ r(u, {
+  }) : /* @__PURE__ */ r(x, {
     dataTest: e.dataTest,
-    checked: t,
+    checked: a,
     size: d,
     decorative: !0,
     className: o("pointer-events-none", i.control)
@@ -25,15 +25,15 @@ var y = "[&[data-testid][role=button]]:border-2 [&[data-testid][role=button]]:bo
     ref: c,
     "aria-label": m,
     role: l,
-    "aria-checked": !!t,
-    "aria-readonly": a ? e.readOnly : void 0,
+    "aria-checked": !!a,
+    "aria-readonly": t ? e.readOnly : void 0,
     avatar: b,
     clickable: !0,
     tabIndex: 0,
     ...e,
-    className: o(s && y, e.className),
+    className: o(s && S, e.className),
     sx: {
-      ...S,
+      ...C,
       ...e.sx
     }
   });

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

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

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

@@ -1,18 +1,18 @@
-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 = {
+var e = "_CheckboxWrapper_18lqq_1", _ = "_Checkbox_18lqq_1", r = "_Indeterminate_18lqq_33", l = "_ReadOnly_18lqq_109", a = "_Indicator_18lqq_118", q = "_HideWrapper_18lqq_122", o = "_CheckboxHover_18lqq_129", p = "_CheckboxRippleContainer_18lqq_129", i = "_CheckboxRipple_18lqq_129", d = "_ripple_18lqq_1", c = {
   CheckboxWrapper: e,
-  "size-small": "_size-small_b3bys_15",
-  "size-medium": "_size-medium_b3bys_21",
+  "size-small": "_size-small_18lqq_16",
+  "size-medium": "_size-medium_18lqq_20",
   Checkbox: _,
-  Indeterminate: b,
-  Error: "_Error_b3bys_61",
-  ReadOnly: r,
+  Indeterminate: r,
+  Error: "_Error_18lqq_60",
+  ReadOnly: l,
   Indicator: a,
-  HideWrapper: o,
-  CheckboxHover: p,
-  CheckboxRippleContainer: i,
-  CheckboxRipple: s,
-  ripple: l
+  HideWrapper: q,
+  CheckboxHover: o,
+  CheckboxRippleContainer: p,
+  CheckboxRipple: i,
+  ripple: d
 };
 export {
-  y as default
+  c as default
 };

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

@@ -1,13 +1,13 @@
-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 = {
+var a = "_RadioWrapper_12s1n_1", _ = "_RadioRippleContainer_12s1n_27", r = "_RadioRipple_12s1n_27", i = "_ripple_12s1n_1", e = "_RadioHover_12s1n_61", o = "_Radio_12s1n_1", d = "_Indicator_12s1n_113", n = "_ReadOnly_12s1n_154", p = {
   RadioWrapper: a,
-  "size-small": "_size-small_1fno0_14",
+  "size-small": "_size-small_12s1n_14",
   RadioRippleContainer: _,
-  RadioRipple: o,
-  ripple: r,
-  RadioHover: i,
-  Radio: e,
+  RadioRipple: r,
+  ripple: i,
+  RadioHover: e,
+  Radio: o,
   Indicator: d,
-  Error: "_Error_1fno0_134",
+  Error: "_Error_12s1n_134",
   ReadOnly: n
 };
 export {

package/dist/src/components/data-display/interactive-chip/StyledInteractiveChip.d.ts

@@ -4,7 +4,7 @@ import { StyledChip } from '../chip';
  * @figmaNode wXrXt5uKNNzV2DnQCgyYZH#13248-31089
  * Figma "Tag Chip" **Type=Checkbox** (node 18832-25686 / selected 18869-29068) and **Type=Radio**
  * (18832-25900 / selected 18869-29122). It is a `StyledChip` (h32, radius25, border delta-300, label
- * Body Base 16 delta-700; hover gama-200 + gama-25, focus gama-400 — all inherited) whose start slot
+ * Body Base 16 delta-700; hover fill delta-50, focus gama-400 — all inherited) whose start slot
  * is a native checkbox/radio. Figma **State** (Enabled/Hovered/Focused/Read-only/Disabled) ← native
  * + `readOnly`/`disabled`; **Selected** ← `checked`. A selected **radio** additionally gets the teal
  * chip border/fill (gama-400 / gama-50); a selected **checkbox** only checks its box (matching Figma).

package/dist/src/components/inputs/checkbox/base-ui/StyledCheckbox.d.ts

@@ -1,7 +1,7 @@
 import { default as React, ChangeEvent, SVGProps } from 'react';
 /**
  * @figmaNode wXrXt5uKNNzV2DnQCgyYZH#15385-19713
- * Figma "Checkbox" (box 20px, 40px touch). Figma **Type** (Unchecked/Indeterminate/Checked) ←
+ * Figma "Checkbox" (one size: 16px box in a 40px target). Figma **Type** (Unchecked/Indeterminate/Checked) ←
  * `checked`/`indeterminate`; Figma **State** (Enabled/Hovered/Focused/Disabled/Read-only) ← native
  * hover/focus + `disabled`/`readOnly`/`error`. Checked/indeterminate box = `gama-500` #168181,
  * unchecked border = `delta-500`; Error = box border `error-500` #e10700 (node 41325-207511/207527).
@@ -9,7 +9,7 @@ import { default as React, ChangeEvent, SVGProps } from 'react';
 type StyledCheckboxProps = {
     /** @figmaProp none — test hook */
     dataTest: string;
-    /** @figmaProp none — app size (Figma box is 20px) */
+    /** @figmaProp none — kept for API compatibility; Figma has one size, so both render the 16px box in a 40px target */
     size?: 'small' | 'medium';
     /** @figmaProp Type = true→"Checked" | false→"Unchecked" */
     checked?: boolean;

package/dist/src/table/helpers/columnSpacing.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Columns at or below this width keep the compact 5px cell padding instead of the Figma 10px/8px
+ * spacing: they hold a fixed-size control or icon that was sized for 5px a side, and the wider
+ * padding would squeeze it (a 30px icon column would leave a 20px icon 10px of room).
+ */
+export declare const COMPACT_COLUMN_MAX_WIDTH = 64;

package/dist/table/components/StyledTable.module.js

@@ -1,58 +1,60 @@
-var e = "_tbody_ewknl_124", l = "_expanded_row_ewknl_174", _ = "_selected_ewknl_192", t = "_shadowed_ewknl_217", a = "_resizer_ewknl_274", n = "_isResizing_ewknl_286", o = {
-  "asma-ui-table-styled-table": "_asma-ui-table-styled-table_ewknl_1",
-  "table-wrapper": "_table-wrapper_ewknl_26",
-  "table-shell": "_table-shell_ewknl_33",
-  "table-wrapper--no-rows": "_table-wrapper--no-rows_ewknl_39",
-  "table-wrapper--proxy": "_table-wrapper--proxy_ewknl_42",
-  "table-wrapper--proxy-bottom": "_table-wrapper--proxy-bottom_ewknl_43",
-  "table-wrapper-fetching": "_table-wrapper-fetching_ewknl_53",
-  "table-scroll": "_table-scroll_ewknl_56",
-  "table-x--fill-height": "_table-x--fill-height_ewknl_65",
-  "table-x": "_table-x_ewknl_65",
-  "table-content": "_table-content_ewknl_80",
-  "table-header--sticky": "_table-header--sticky_ewknl_85",
-  "table-hscroll": "_table-hscroll_ewknl_90",
-  "table-hscroll__content": "_table-hscroll__content_ewknl_100",
-  "no-rows-overlay-container": "_no-rows-overlay-container_ewknl_103",
-  "no-rows-overlay-content": "_no-rows-overlay-content_ewknl_111",
-  "styled-table": "_styled-table_ewknl_115",
+var e = "_tbody_5fsq9_124", _ = "_expanded_row_5fsq9_177", l = "_selected_5fsq9_202", t = "_shadowed_5fsq9_227", a = "_resizer_5fsq9_284", o = "_isResizing_5fsq9_296", s = {
+  "asma-ui-table-styled-table": "_asma-ui-table-styled-table_5fsq9_1",
+  "table-wrapper": "_table-wrapper_5fsq9_26",
+  "table-shell": "_table-shell_5fsq9_33",
+  "table-wrapper--no-rows": "_table-wrapper--no-rows_5fsq9_39",
+  "table-wrapper--proxy": "_table-wrapper--proxy_5fsq9_42",
+  "table-wrapper--proxy-bottom": "_table-wrapper--proxy-bottom_5fsq9_43",
+  "table-wrapper-fetching": "_table-wrapper-fetching_5fsq9_53",
+  "table-scroll": "_table-scroll_5fsq9_56",
+  "table-x--fill-height": "_table-x--fill-height_5fsq9_65",
+  "table-x": "_table-x_5fsq9_65",
+  "table-content": "_table-content_5fsq9_80",
+  "table-header--sticky": "_table-header--sticky_5fsq9_85",
+  "table-hscroll": "_table-hscroll_5fsq9_90",
+  "table-hscroll__content": "_table-hscroll__content_5fsq9_100",
+  "no-rows-overlay-container": "_no-rows-overlay-container_5fsq9_103",
+  "no-rows-overlay-content": "_no-rows-overlay-content_5fsq9_111",
+  "styled-table": "_styled-table_5fsq9_115",
   tbody: e,
-  "loading-icon": "_loading-icon_ewknl_129",
-  "t-row": "_t-row_ewknl_136",
-  "t-cell": "_t-cell_ewknl_136",
-  "action-cell": "_action-cell_ewknl_146",
-  "fixed-cell": "_fixed-cell_ewknl_150",
-  "fixed-right-cell": "_fixed-right-cell_ewknl_153",
-  expanded_row: l,
-  selected: _,
-  "single-selection": "_single-selection_ewknl_195",
-  "action-cell--no-shadow": "_action-cell--no-shadow_ewknl_213",
+  "loading-icon": "_loading-icon_5fsq9_129",
+  "t-row": "_t-row_5fsq9_136",
+  "t-cell": "_t-cell_5fsq9_136",
+  "action-cell": "_action-cell_5fsq9_149",
+  "fixed-cell": "_fixed-cell_5fsq9_153",
+  "fixed-right-cell": "_fixed-right-cell_5fsq9_156",
+  expanded_row: _,
+  "data-cell": "_data-cell_5fsq9_189",
+  "select-cell": "_select-cell_5fsq9_199",
+  selected: l,
+  "single-selection": "_single-selection_5fsq9_205",
+  "action-cell--no-shadow": "_action-cell--no-shadow_5fsq9_223",
   shadowed: t,
-  "shadowed-right": "_shadowed-right_ewknl_253",
-  "is-loading": "_is-loading_ewknl_258",
-  "action-cell-default-background": "_action-cell-default-background_ewknl_261",
-  "fixed-cell-default-background": "_fixed-cell-default-background_ewknl_264",
-  "fixed-right-cell-default-background": "_fixed-right-cell-default-background_ewknl_267",
-  "sortable-column": "_sortable-column_ewknl_270",
+  "shadowed-right": "_shadowed-right_5fsq9_263",
+  "is-loading": "_is-loading_5fsq9_268",
+  "action-cell-default-background": "_action-cell-default-background_5fsq9_271",
+  "fixed-cell-default-background": "_fixed-cell-default-background_5fsq9_274",
+  "fixed-right-cell-default-background": "_fixed-right-cell-default-background_5fsq9_277",
+  "sortable-column": "_sortable-column_5fsq9_280",
   resizer: a,
-  isResizing: n,
-  "hide-table-header": "_hide-table-header_ewknl_298",
-  "show-table-header": "_show-table-header_ewknl_302",
-  "table-header": "_table-header_ewknl_85",
-  "hide-header": "_hide-header_ewknl_338",
-  "t-cell__actions": "_t-cell__actions_ewknl_341",
-  "t-cell__actions--no-shadow": "_t-cell__actions--no-shadow_ewknl_350",
-  "t-cell__fixed": "_t-cell__fixed_ewknl_355",
-  "t-cell__fixed-right": "_t-cell__fixed-right_ewknl_363",
-  "sort-icon": "_sort-icon_ewknl_371",
-  "header-content": "_header-content_ewknl_375",
-  "table-footer--sticky": "_table-footer--sticky_ewknl_409",
-  "table-footer--inline": "_table-footer--inline_ewknl_420",
-  "table-bottom": "_table-bottom_ewknl_431",
-  "table-bottom--sticky": "_table-bottom--sticky_ewknl_445",
-  "cursor-not-allowed": "_cursor-not-allowed_ewknl_449",
-  "select-control": "_select-control_ewknl_453"
+  isResizing: o,
+  "hide-table-header": "_hide-table-header_5fsq9_308",
+  "show-table-header": "_show-table-header_5fsq9_312",
+  "table-header": "_table-header_5fsq9_85",
+  "hide-header": "_hide-header_5fsq9_355",
+  "t-cell__actions": "_t-cell__actions_5fsq9_358",
+  "t-cell__actions--no-shadow": "_t-cell__actions--no-shadow_5fsq9_367",
+  "t-cell__fixed": "_t-cell__fixed_5fsq9_372",
+  "t-cell__fixed-right": "_t-cell__fixed-right_5fsq9_380",
+  "sort-icon": "_sort-icon_5fsq9_388",
+  "header-content": "_header-content_5fsq9_392",
+  "table-footer--sticky": "_table-footer--sticky_5fsq9_426",
+  "table-footer--inline": "_table-footer--inline_5fsq9_437",
+  "table-bottom": "_table-bottom_5fsq9_448",
+  "table-bottom--sticky": "_table-bottom--sticky_5fsq9_462",
+  "cursor-not-allowed": "_cursor-not-allowed_5fsq9_466",
+  "select-control": "_select-control_5fsq9_470"
 };
 export {
-  o as default
+  s as default
 };