asma-ui-core 3.78.12 → 3.79.1

package/dist/components/custom/module/header-layout/DynamicToolbar.js

@@ -1,11 +1,11 @@
 import { cn as ae } from "../../../../helpers/cn.js";
 import { useMobileMediaQuery as re } from "../../../../hooks/useMediaQuery.hook.js";
-import { DynamicToolbarLayoutContext as ce } from "./DynamicToolbarLayoutContext.js";
-import { useElementWidthPx as de } from "../../../../hooks/useElementWidthPx.js";
-import { useWidthRegistry as me } from "../../../../hooks/useWidthRegistry.js";
-import { planBulkToolbarActions as he, planToolbarActions as ue } from "./planToolbarActions.js";
-import { resolveBulkActionsAvailableWidth as fe, resolvePageActionsAvailableWidth as Ae, resolveReserveBulkActionsWidthPx as xe, resolveTitleAreaWidth as ve, resolveToolbarLayout as be } from "./estimateToolbarLayout.js";
-import { useToolbarTranslations as pe } from "./useTranslations.js";
+import { useElementWidthPx as ce } from "../../../../hooks/useElementWidthPx.js";
+import { useWidthRegistry as de } from "../../../../hooks/useWidthRegistry.js";
+import { planBulkToolbarActions as me, planToolbarActions as he } from "./planToolbarActions.js";
+import { useToolbarTranslations as ue } from "./useTranslations.js";
+import { DynamicToolbarLayoutContext as fe } from "./DynamicToolbarLayoutContext.js";
+import { resolveBulkActionsAvailableWidth as Ae, resolvePageActionsAvailableWidth as xe, resolveReserveBulkActionsWidthPx as ve, resolveTitleAreaWidth as be, resolveToolbarLayout as pe } from "./estimateToolbarLayout.js";
 import { SearchSlot as we, SelectionIndicator as Pe, SelectionRow as Te, TitleBlock as H, TitleText as We, UtilityCluster as Q } from "./ToolbarRows.js";
 import { KEY_MORE_BUTTON as Me, KEY_SEARCH as $, KEY_SELECTION_INDICATOR as Be, KEY_TITLE as q, ToolbarMeasurementStrip as ye, actionKey as ge, filterKey as R } from "./ToolbarMeasurement.js";
 import { useCallback as Se, useMemo as o } from "react";
@@ -34,7 +34,7 @@ var J = {
   showMoreMenu: !1
 };
 function He(g) {
-  const { title: l, helperText: A, beforeFilterActions: x = [], filter: v, search: c, afterSearchActions: C = [], selectedCount: T = 0, onClearSelection: S, bulkActions: d = [], maxVisibleBulkActions: P = _e, locale: Z = "en", className: ee, style: te, dataTest: ie = "dynamic-toolbar" } = g, b = pe(Z), { ref: oe, widthPx: n } = de(), { register: W, widths: s } = me(), k = re(), _ = o(() => Ne(n, P), [n, P]), M = !k && n >= G ? P : _, m = T > 0, O = !m, p = o(() => [...x, ...C], [x, C]), h = Se((e, i) => s[ge(e.id, i)], [s]), a = o(() => ({
+  const { title: l, helperText: A, beforeFilterActions: x = [], filter: v, search: c, afterSearchActions: C = [], selectedCount: T = 0, onClearSelection: S, bulkActions: d = [], maxVisibleBulkActions: P = _e, locale: Z = "en", className: ee, style: te, dataTest: ie = "dynamic-toolbar" } = g, b = ue(Z), { ref: oe, widthPx: n } = ce(), { register: W, widths: s } = de(), k = re(), _ = o(() => Ne(n, P), [n, P]), M = !k && n >= G ? P : _, m = T > 0, O = !m, p = o(() => [...x, ...C], [x, C]), h = Se((e, i) => s[ge(e.id, i)], [s]), a = o(() => ({
     titleWidthPx: s[q],
     searchWidthPx: s[$],
     filterLabelWidthPx: s[R(!1)],
@@ -42,11 +42,11 @@ function He(g) {
     selectionIndicatorWidthPx: s[Be],
     moreButtonWidthPx: s[Me],
     actionWidthPx: h
-  }), [s, h]), I = o(() => xe(ke, d, h, M), [
+  }), [s, h]), I = o(() => ve(ke, d, h, M), [
     d,
     h,
     M
-  ]), { mode: r, filterIconOnly: w, trailingIconOnly: B } = o(() => be({
+  ]), { mode: r, filterIconOnly: w, trailingIconOnly: B } = o(() => pe({
     containerWidth: n,
     isMobile: k,
     isSelectionMode: m,
@@ -81,7 +81,7 @@ function He(g) {
     n,
     w,
     B
-  ]), V = ve(l, a.titleWidthPx), U = Ae({
+  ]), V = be(l, a.titleWidthPx), U = xe({
     layoutMode: r,
     containerWidth: n,
     titleWidth: V,
@@ -93,7 +93,7 @@ function He(g) {
     hasTrailingUtility: !1,
     reserveBulkActionsWidthPx: m ? 0 : I,
     measured: a
-  }), F = fe({
+  }), F = Ae({
     layoutMode: r,
     containerWidth: n,
     titleWidth: V,
@@ -101,7 +101,7 @@ function He(g) {
     hasFilter: v != null,
     hasSearch: c != null,
     measured: a
-  }), f = o(() => ue({
+  }), f = o(() => he({
     actions: p,
     availableWidth: U,
     collapseLabels: !0,
@@ -126,7 +126,7 @@ function He(g) {
       overflowActions: f.overflowActions,
       showMoreMenu: f.showMoreMenu
     };
-  }, [y, f]), Y = o(() => he({
+  }, [y, f]), Y = o(() => me({
     actions: d,
     availableWidth: F,
     maxVisibleBulkActions: r === "compact" ? _ : P,
@@ -162,7 +162,7 @@ function He(g) {
     onClearSelection: S,
     translations: b,
     bulkActionsPlan: Y
-  }), L = (e, i) => /* @__PURE__ */ t(ce.Provider, {
+  }), L = (e, i) => /* @__PURE__ */ t(fe.Provider, {
     value: le,
     children: /* @__PURE__ */ u("div", {
       ref: oe,

package/dist/components/custom/module/header-layout/ToolbarActionGroup.js

@@ -3,47 +3,49 @@ import { DotsVerticalIcon as g } from "../../../icons/dots-vertical-icon/DotsVer
 import { StyledButton as p } from "../../../inputs/button/StyledButton.js";
 import { StyledMenu as x } from "../../../navigation/menu/StyledMenu.js";
 import { StyledMenuItem as v } from "../../../navigation/menu/StyledMenuItem.js";
-import { Fragment as k, useState as T } from "react";
-import { Fragment as A, jsx as n, jsxs as o } from "react/jsx-runtime";
+import { Fragment as k, useState as y } from "react";
+import { Fragment as T, jsx as n, jsxs as o } from "react/jsx-runtime";
 function O(e) {
   return e != null && (e.inlineActions.length > 0 || e.showMoreMenu);
 }
-function C({ action: e, showLabel: l, selectionTone: t = !1 }) {
-  if (e.render) return e.render({ showLabel: l });
+function A({ action: e, showLabel: t, selectionTone: l = !1 }) {
+  if (e.render) return e.render({ showLabel: t });
   const a = e.ariaLabel ?? e.label;
   return /* @__PURE__ */ n(p, {
     dataTest: e.dataTest ?? `dynamic-toolbar-action-${e.id}`,
-    variant: e.variant ?? (t ? "text" : "outlined"),
+    variant: e.variant ?? (l ? "text" : "outlined"),
     error: e.tone === "danger",
     size: e.size ?? "large",
+    type: "button",
     disabled: e.disabled,
     startIcon: e.icon,
     onClick: e.onClick,
-    "aria-label": l && e.ariaLabel == null ? void 0 : a,
-    children: l ? e.label : void 0
+    "aria-label": t && e.ariaLabel == null ? void 0 : a,
+    children: t ? e.label : void 0
   });
 }
-function M({ overflowMenuLabel: e, onOpen: l }) {
+function C({ overflowMenuLabel: e, onOpen: t }) {
   return /* @__PURE__ */ n(p, {
     dataTest: "dynamic-toolbar-overflow-actions",
     variant: "text",
     size: "large",
+    type: "button",
     endIcon: /* @__PURE__ */ n(g, {
       width: 20,
       height: 20
     }),
-    onClick: (t) => l?.(t.currentTarget),
+    onClick: (l) => t?.(l.currentTarget),
     "aria-label": e,
     "aria-haspopup": "menu",
     children: e
   });
 }
-function j({ plan: e, overflowMenuLabel: l, className: t, selectionTone: a = !1, registerActionWidth: d }) {
-  const [m, s] = T(null), { inlineActions: u, overflowActions: b, showMoreMenu: c } = e;
-  return !u.length && !c ? null : /* @__PURE__ */ o("div", {
-    className: f("flex shrink-0 flex-nowrap items-center gap-2", t),
-    children: [u.map(({ action: r, showLabel: i }) => {
-      const h = /* @__PURE__ */ n(C, {
+function j({ plan: e, overflowMenuLabel: t, className: l, selectionTone: a = !1, registerActionWidth: d }) {
+  const [u, s] = y(null), { inlineActions: m, overflowActions: b, showMoreMenu: c } = e;
+  return !m.length && !c ? null : /* @__PURE__ */ o("div", {
+    className: f("flex shrink-0 flex-nowrap items-center gap-2", l),
+    children: [m.map(({ action: r, showLabel: i }) => {
+      const h = /* @__PURE__ */ n(A, {
         action: r,
         showLabel: i,
         selectionTone: a
@@ -53,12 +55,12 @@ function j({ plan: e, overflowMenuLabel: l, className: t, selectionTone: a = !1,
         className: "inline-flex shrink-0",
         children: h
       }, r.id);
-    }), c && /* @__PURE__ */ o(A, { children: [/* @__PURE__ */ n(M, {
-      overflowMenuLabel: l,
+    }), c && /* @__PURE__ */ o(T, { children: [/* @__PURE__ */ n(C, {
+      overflowMenuLabel: t,
       onOpen: s
     }), /* @__PURE__ */ n(x, {
-      anchorEl: m,
-      open: !!m,
+      anchorEl: u,
+      open: !!u,
       onClose: () => s(null),
       anchorOrigin: {
         vertical: "bottom",
@@ -82,8 +84,8 @@ function j({ plan: e, overflowMenuLabel: l, className: t, selectionTone: a = !1,
   });
 }
 export {
-  M as MoreTriggerButton,
-  C as ToolbarActionButton,
+  C as MoreTriggerButton,
+  A as ToolbarActionButton,
   j as ToolbarActionGroup,
   O as hasPlannedActions
 };

package/dist/components/custom/module/header-layout/ToolbarRows.js

@@ -1,9 +1,9 @@
 import { cn as f } from "../../../../helpers/cn.js";
 import { CloseIcon as T } from "../../../icons/close-icon/CloseIcon.js";
 import { StyledButton as b } from "../../../inputs/button/StyledButton.js";
-import { StyledWidgetTitle as j } from "../../widget/widget-title/StyledWidgetTitle.js";
 import { ToolbarActionGroup as c, hasPlannedActions as u } from "./ToolbarActionGroup.js";
-import { formatSelectionLabel as k } from "./useTranslations.js";
+import { formatSelectionLabel as j } from "./useTranslations.js";
+import { StyledWidgetTitle as k } from "../../widget/widget-title/StyledWidgetTitle.js";
 import { Fragment as o, jsx as i, jsxs as r } from "react/jsx-runtime";
 function I({ selectedCount: e, onClearSelection: n, translations: t }) {
   return /* @__PURE__ */ i("div", {
@@ -20,7 +20,7 @@ function I({ selectedCount: e, onClearSelection: n, translations: t }) {
       }) : void 0,
       onClick: n,
       "aria-label": t.clearSelection,
-      children: k(e, t)
+      children: j(e, t)
     })
   });
 }
@@ -57,7 +57,7 @@ function S({ visible: e, children: n }) {
   });
 }
 function F({ title: e, measureRef: n }) {
-  return typeof e == "string" ? /* @__PURE__ */ i(j, {
+  return typeof e == "string" ? /* @__PURE__ */ i(k, {
     ref: n,
     className: "!min-w-0 truncate",
     children: e

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/feedback/dialog/dialog-footer/StyledDialogFooter.js

@@ -0,0 +1,105 @@
+import { cn as T } from "../../../../helpers/cn.js";
+import { DotsVerticalIcon as S } from "../../../icons/dots-vertical-icon/DotsVerticalIcon.js";
+import { StyledButton as y } from "../../../inputs/button/StyledButton.js";
+import { StyledMenu as $ } from "../../../navigation/menu/StyledMenu.js";
+import { StyledMenuItem as z } from "../../../navigation/menu/StyledMenuItem.js";
+import { useElementWidthPx as L } from "../../../../hooks/useElementWidthPx.js";
+import { useWidthRegistry as j } from "../../../../hooks/useWidthRegistry.js";
+import { planToolbarActions as K } from "../../../custom/module/header-layout/planToolbarActions.js";
+import { ToolbarActionButton as F } from "../../../custom/module/header-layout/ToolbarActionGroup.js";
+import { useToolbarTranslations as H } from "../../../custom/module/header-layout/useTranslations.js";
+import { useMemo as C, useState as D } from "react";
+import { Fragment as _, jsx as r, jsxs as t } from "react/jsx-runtime";
+var G = 470, U = 8, k = "dialog-footer-right", w = "dialog-footer-more", N = (i, n) => `dialog-footer-action:${i}:${n ? "label" : "icon"}`;
+function ae({ leftActions: i = [], leadingSlot: n, secondaryAction: o, primaryAction: s, fixed: P = !1, rounded: E = !0, locale: M = "en", className: W, dataTest: d = "styled-dialog-footer" }) {
+  const R = H(M), { ref: A, widthPx: c } = L(), { register: m, widths: a } = j(), [p, f] = D(null), u = c > 0 && c < G, B = u ? 8 : 16, g = C(() => i.filter((e) => !e.hidden).map((e) => e.icon == null && e.canHideLabel == null ? {
+    ...e,
+    canHideLabel: !1
+  } : e), [i]), I = a[k] ?? 0, x = o != null || s != null, b = Math.max(0, c - B * 2 - I - (x ? U : 0)), h = C(() => K({
+    actions: g,
+    availableWidth: b,
+    collapseLabels: !0,
+    resolveActionWidth: (e, l) => a[N(e.id, l)],
+    moreButtonWidthPx: a[w]
+  }), [
+    g,
+    b,
+    a
+  ]), v = (e, l, O) => /* @__PURE__ */ r(y, {
+    dataTest: e.dataTest ?? `${d}-${O}`,
+    variant: e.variant ?? l,
+    error: e.tone === "danger",
+    size: "medium",
+    type: e.type ?? "button",
+    disabled: e.disabled,
+    startIcon: e.icon,
+    onClick: e.onClick,
+    "aria-label": e.ariaLabel,
+    children: e.label
+  });
+  return /* @__PURE__ */ t("div", {
+    ref: A,
+    "data-testid": d,
+    className: T("flex items-center justify-end border-0 border-t border-solid border-delta-200 bg-white", u ? "gap-2 p-2" : "gap-4 p-4", E && "rounded-b-lg", P && "sticky bottom-0 z-[1] shadow-[0_0_16px_0_rgba(34,33,51,0.2)]", W),
+    children: [/* @__PURE__ */ r("div", {
+      className: "flex shrink-0 flex-nowrap items-center gap-2",
+      children: n ?? /* @__PURE__ */ t(_, { children: [h.inlineActions.map(({ action: e, showLabel: l }) => /* @__PURE__ */ r("span", {
+        ref: m(N(e.id, l)),
+        className: "inline-flex shrink-0",
+        children: /* @__PURE__ */ r(F, {
+          action: e,
+          showLabel: l
+        })
+      }, e.id)), h.showMoreMenu && /* @__PURE__ */ t(_, { children: [/* @__PURE__ */ r("span", {
+        ref: m(w),
+        className: "inline-flex shrink-0",
+        children: /* @__PURE__ */ r(y, {
+          dataTest: `${d}-more`,
+          variant: "outlined",
+          size: "medium",
+          type: "button",
+          onClick: (e) => f(e.currentTarget),
+          "aria-label": R.more,
+          "aria-haspopup": "menu",
+          "aria-expanded": p != null,
+          startIcon: /* @__PURE__ */ r(S, {
+            width: 24,
+            height: 24
+          })
+        })
+      }), /* @__PURE__ */ r($, {
+        anchorEl: p,
+        open: p != null,
+        onClose: () => f(null),
+        anchorOrigin: {
+          vertical: "top",
+          horizontal: "left"
+        },
+        transformOrigin: {
+          vertical: "bottom",
+          horizontal: "left"
+        },
+        children: h.overflowActions.map((e) => /* @__PURE__ */ r(z, {
+          disabled: e.disabled,
+          onClick: () => {
+            f(null), e.onClick();
+          },
+          children: /* @__PURE__ */ t("div", {
+            className: T("flex items-center gap-2", e.tone === "danger" ? "text-beta-500" : "text-delta-700"),
+            children: [e.icon, /* @__PURE__ */ r("span", { children: e.label })]
+          })
+        }, e.id))
+      })] })] })
+    }), x && /* @__PURE__ */ r("span", {
+      className: "flex min-w-px flex-1 flex-nowrap items-center justify-end",
+      children: /* @__PURE__ */ t("span", {
+        ref: m(k),
+        className: "flex shrink-0 flex-nowrap items-center gap-2",
+        children: [o && v(o, "outlined", "secondary"), s && v(s, "contained", "primary")]
+      })
+    })]
+  });
+}
+export {
+  ae as StyledDialogFooter
+};

package/dist/components/feedback/minimizable-dialog/MinimizableDialog.js

@@ -8,9 +8,9 @@ import { ArrowExpandIcon as ne } from "../../icons/arrow-expand-icon/ArrowExpand
 import { ArrowShrinkIcon as oe } from "../../icons/arrow-shrink-icon/ArrowShrinkIcon.js";
 import { StyledTooltip as f } from "../../data-display/tooltip/StyledTooltip.js";
 import { StyledButton as t } from "../../inputs/button/StyledButton.js";
-import { useFocusTrap as se } from "../../../hooks/useFocusTrap.hook.js";
-import { StyledMenu as ce } from "../../navigation/menu/StyledMenu.js";
-import { StyledMenuItem as me } from "../../navigation/menu/StyledMenuItem.js";
+import { StyledMenu as se } from "../../navigation/menu/StyledMenu.js";
+import { StyledMenuItem as ce } from "../../navigation/menu/StyledMenuItem.js";
+import { useFocusTrap as me } from "../../../hooks/useFocusTrap.hook.js";
 import q from "./MinimizableDialog.module.js";
 import { useToggleMenuVisibility as he } from "../../../hooks/useToggleMenuVisibility.hook.js";
 import H from "clsx";
@@ -18,7 +18,7 @@ import { useRef as fe, useState as J } from "react";
 import { Fragment as z, jsx as e, jsxs as i } from "react/jsx-runtime";
 var Ee = ({ onCloseText: u = "", onMinimizeText: N = "", onExpandText: I = "", onFullScreenText: M = "", showCloseIcon: j = !0, showMinimizeIcon: Q = !0, showExpandIcon: T = !0, showFullScreenIcon: W = !0, title: s, label: b, children: g, open: C, onClose: x, className: _ = "", primaryButtonText: w, primaryButtonLoading: k = !1, secondaryButtonText: c, onPrimaryButtonClick: v, onSecondaryButtonClick: p, dataTest: F, actionNode: X, extraActions: r, extraActionsText: m, btnContainerClassName: G, footerClassName: Y, footerInfo: D, locale: l = "en", enableFullscreen: Z = !0, fullScreenState: E, handleFullScreenState: L }) => {
   const [d, A] = J(!1), [R, P] = J(!1), { open: B, anchorEl: ee, handleOpen: ie, handleClose: te } = he(), S = fe(null), a = E ?? R, n = a && !d;
-  if (se(C && n, S, x), !C) return null;
+  if (me(C && n, S, x), !C) return null;
   const le = n ? {
     right: "auto",
     bottom: "auto",
@@ -176,11 +176,11 @@ var Ee = ({ onCloseText: u = "", onMinimizeText: N = "", onExpandText: I = "", o
               }),
               onClick: ie,
               children: m
-            }), /* @__PURE__ */ e(ce, {
+            }), /* @__PURE__ */ e(se, {
               open: B,
               anchorEl: ee,
               onClose: te,
-              children: r.map((o) => /* @__PURE__ */ e(me, {
+              children: r.map((o) => /* @__PURE__ */ e(ce, {
                 className: o.className,
                 onClick: o.onClick,
                 children: o.label

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