asma-ui-core 3.92.0 → 3.92.1

package/dist/components/feedback/dialog/dialog-footer/StyledDialogFooter.js

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

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "3.92.0",
+    "version": "3.92.1",
     "type": "module",
     "sideEffects": [
         "**/*.css",