asma-ui-core 3.103.1 → 3.105.0

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

@@ -1,8 +1,8 @@
 import { cn as h } from "../../../../helpers/cn.js";
 import { DotsVerticalIcon as g } from "../../../icons/dots-vertical-icon/DotsVerticalIcon.js";
 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 { StyledMenu as v } from "../../../navigation/menu/StyledMenu.js";
+import { StyledMenuItem as x } from "../../../navigation/menu/StyledMenuItem.js";
 import { useState as k } from "react";
 import { Fragment as y, jsx as n, jsxs as s } from "react/jsx-runtime";
 function O(e) {
@@ -17,9 +17,9 @@ function T({ action: e, showLabel: l, selectionTone: t = !1 }) {
     error: e.tone === "danger",
     size: e.size ?? "large",
     type: "button",
-    disabled: e.disabled,
+    "aria-disabled": e.disabled ? !0 : void 0,
     startIcon: e.icon,
-    onClick: e.onClick,
+    onClick: e.disabled ? void 0 : e.onClick,
     "aria-label": l && e.ariaLabel == null ? void 0 : o,
     children: l ? e.label : void 0
   });
@@ -58,7 +58,7 @@ function j({ plan: e, overflowMenuLabel: l, className: t, selectionTone: o = !1,
     }), c && /* @__PURE__ */ s(y, { children: [/* @__PURE__ */ n(A, {
       overflowMenuLabel: l,
       onOpen: (r) => a((i) => i ? null : r)
-    }), /* @__PURE__ */ n(x, {
+    }), /* @__PURE__ */ n(v, {
       anchorEl: u,
       open: !!u,
       onClose: () => a(null),
@@ -70,7 +70,7 @@ function j({ plan: e, overflowMenuLabel: l, className: t, selectionTone: o = !1,
         vertical: "top",
         horizontal: "right"
       },
-      children: b.map((r) => /* @__PURE__ */ n(v, {
+      children: b.map((r) => /* @__PURE__ */ n(x, {
         disabled: r.disabled,
         onClick: () => {
           a(null), r.onClick();

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

@@ -1,59 +1,60 @@
 import { cn as i } from "../../../helpers/cn.js";
-import { resolveSx as E } from "../../../helpers/sx.js";
-import { CloseIcon as L } from "../../icons/close-icon/CloseIcon.js";
-import { consumerOverrides as x } from "../../../helpers/classOverride.js";
-import { getChipPadding as U } from "./chipPadding.js";
-import q from "./StyledChip.module.js";
-import { forwardRef as A } from "react";
-import { jsx as m, jsxs as F } from "react/jsx-runtime";
-var O = A(({ dataTest: u, label: c, size: r = "medium", disabled: t, readOnly: o, clickable: b, icon: w, avatar: g, deleteIcon: y, onDelete: l, onClick: p, onMouseDown: _, onMouseUp: k, className: h, classes: a, sx: S, tabIndex: v, deleteButtonTabIndex: j, "aria-label": C, role: s, "aria-checked": R, "aria-readonly": B, "data-hovered": D, "data-focus": I, variant: G, color: H }, M) => {
-  const n = !o && !t && (!!b || !!p), f = g ?? w, d = U(r, !!f, !!(l && !o)), N = {
-    paddingTop: d.top,
-    paddingRight: d.right,
-    paddingBottom: d.bottom,
-    paddingLeft: d.left
-  }, K = (e) => {
-    e.stopPropagation(), l?.(e);
+import { resolveSx as L } from "../../../helpers/sx.js";
+import { CloseIcon as U } from "../../icons/close-icon/CloseIcon.js";
+import { consumerOverrides as b } from "../../../helpers/classOverride.js";
+import { getChipPadding as q } from "./chipPadding.js";
+import A from "./StyledChip.module.js";
+import { forwardRef as F } from "react";
+import { jsx as p, jsxs as G } from "react/jsx-runtime";
+var oo = F(({ dataTest: v, label: l, size: r = "medium", disabled: o, readOnly: t, clickable: x, icon: _, avatar: w, deleteIcon: y, onDelete: h, onClick: n, onMouseDown: S, onMouseUp: k, className: s, classes: a, sx: j, tabIndex: u, deleteButtonTabIndex: D, "aria-label": R, role: f, "aria-checked": B, "aria-readonly": C, "data-hovered": M, "data-focus": N, variant: H, color: J }, I) => {
+  const d = !t && !o && (!!x || !!n), m = !t && !!o && (!!x || !!n), g = w ?? _, c = q(r, !!g, !!(h && !t)), K = {
+    paddingTop: c.top,
+    paddingRight: c.right,
+    paddingBottom: c.bottom,
+    paddingLeft: c.left
   }, P = (e) => {
-    n && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), p?.(e));
-  }, W = x(h, "width"), $ = x(h, "max-width");
-  return /* @__PURE__ */ F("div", {
-    ref: M,
-    "data-testid": u,
-    "aria-label": C,
-    "data-hovered": D,
-    "data-focus": I,
-    role: s ?? (n ? "button" : void 0),
-    "aria-checked": s ? R : void 0,
-    "aria-readonly": s ? B : void 0,
-    tabIndex: o || t ? void 0 : n ? v ?? 0 : v,
-    onClick: t || o ? void 0 : p,
-    onKeyDown: t || o ? void 0 : P,
-    onMouseDown: t || o ? void 0 : _,
-    onMouseUp: t || o ? void 0 : k,
-    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]", n && i("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)]"), q["focus-ring"], a?.root, h),
+    e.stopPropagation(), h?.(e);
+  }, W = (e) => {
+    d && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), n?.(e));
+  }, $ = b(s, "width"), E = b(s, "max-width");
+  return /* @__PURE__ */ G("div", {
+    ref: I,
+    "data-testid": v,
+    "aria-label": R,
+    "data-hovered": M,
+    "data-focus": N,
+    role: f ?? (d || m ? "button" : void 0),
+    "aria-checked": f ? B : void 0,
+    "aria-readonly": f ? C : void 0,
+    "aria-disabled": m ? !0 : void 0,
+    tabIndex: m ? u ?? 0 : t || o ? void 0 : d ? u ?? 0 : u,
+    onClick: o || t ? void 0 : n,
+    onKeyDown: o || t ? void 0 : W,
+    onMouseDown: o || t ? void 0 : S,
+    onMouseUp: o || t ? void 0 : k,
+    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-fit", !E && "max-w-full", r === "small" ? "h-6" : "h-8", t && "pointer-events-none", o && "opacity-[0.38]", o && (m ? "cursor-not-allowed" : "pointer-events-none"), d && i("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)]"), A["focus-ring"], a?.root, s),
     style: {
-      ...N,
-      ...E(S)
+      ...K,
+      ...L(j)
     },
     children: [
-      f && /* @__PURE__ */ m("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
+      g && /* @__PURE__ */ p("span", {
+        className: i("flex shrink-0 items-center justify-center", r === "small" ? "h-[18px] w-[18px]" : "h-6 w-6", w ? a?.avatar : a?.icon),
+        children: g
       }),
-      /* @__PURE__ */ m("span", {
+      /* @__PURE__ */ p("span", {
         className: i("min-w-0 truncate", a?.label),
-        children: c
+        children: l
       }),
-      l && !o && /* @__PURE__ */ m("button", {
+      h && !t && /* @__PURE__ */ p("button", {
         type: "button",
-        tabIndex: j,
-        "data-testid": `${u}-delete`,
-        "aria-label": typeof c == "string" ? `Remove ${c}` : "Remove",
-        onClick: K,
-        disabled: t,
+        tabIndex: D,
+        "data-testid": `${v}-delete`,
+        "aria-label": typeof l == "string" ? `Remove ${l}` : "Remove",
+        onClick: P,
+        disabled: o,
         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: y ?? /* @__PURE__ */ m(L, {
+        children: y ?? /* @__PURE__ */ p(U, {
           height: r === "small" ? 14 : 16,
           width: r === "small" ? 14 : 16,
           className: "min-w-0 shrink-0"
@@ -63,5 +64,5 @@ var O = A(({ dataTest: u, label: c, size: r = "medium", disabled: t, readOnly: o
   });
 });
 export {
-  O as StyledChip
+  oo as StyledChip
 };

package/dist/components/data-display/tooltip/StyledTooltip.js

@@ -1,92 +1,94 @@
-import { cn as N } from "../../../helpers/cn.js";
-import { resolveSx as U } from "../../../helpers/sx.js";
-import { firstTabbable as Y } from "../../../helpers/focusable.js";
-import { TOP_LAYER_PROPS as j, TOP_LAYER_RESET_STYLE as k, getOpenModalDialogAncestor as D, shouldUsePopoverTopLayer as z, useTopLayerRef as G } from "../../../hooks/useTopLayer.hook.js";
-import { Fragment as W, cloneElement as $, useEffect as q, useLayoutEffect as J, useRef as K, useState as Q } from "react";
-import { Fragment as V, jsx as c, jsxs as v } from "react/jsx-runtime";
-import { FloatingArrow as X, FloatingPortal as Z, arrow as ee, autoUpdate as te, flip as oe, offset as ne, safePolygon as re, shift as se, useDismiss as ie, useFloating as ae, useFocus as le, useHover as ce, useInteractions as fe, useMergeRefs as de, useRole as pe } from "@floating-ui/react";
-var ue = "#363E4A", me = (t) => {
+import { cn as j } from "../../../helpers/cn.js";
+import { resolveSx as k } from "../../../helpers/sx.js";
+import { firstFocusable as D, firstTabbable as z } from "../../../helpers/focusable.js";
+import { TOP_LAYER_PROPS as G, TOP_LAYER_RESET_STYLE as W, getOpenModalDialogAncestor as $, shouldUsePopoverTopLayer as q, useTopLayerRef as J } from "../../../hooks/useTopLayer.hook.js";
+import { Fragment as K, cloneElement as Q, useEffect as V, useLayoutEffect as X, useRef as Z, useState as ee } from "react";
+import { Fragment as te, jsx as c, jsxs as E } from "react/jsx-runtime";
+import { FloatingArrow as oe, FloatingPortal as ne, arrow as re, autoUpdate as se, flip as ie, offset as ae, safePolygon as le, shift as ce, useDismiss as fe, useFloating as de, useFocus as pe, useHover as me, useInteractions as ue, useMergeRefs as ge, useRole as be } from "@floating-ui/react";
+var ye = "#363E4A", Re = (e) => {
   const n = document.createRange();
-  return n.selectNodeContents(t), n.getBoundingClientRect();
-}, Te = (t) => !t.title && t.title !== 0 ? t.children : /* @__PURE__ */ c(ge, { ...t }), ge = ({ title: t, children: n, placement: x = "top", arrow: f = !1, enterDelay: h = 500, leaveDelay: E = 0, open: b, onOpen: F, onClose: T, disableHoverListener: A, disableFocusListener: P, offsetDistance: _, className: w, slotProps: d }) => {
-  const [L, O] = Q(!1), p = b !== void 0, s = b ?? L, R = K(null), S = (e) => {
-    p || O(e), e ? F?.() : T?.();
-  }, { refs: o, floatingStyles: C, context: r } = ae({
+  return n.selectNodeContents(e), n.getBoundingClientRect();
+}, we = (e) => !e.title && e.title !== 0 ? e.children : /* @__PURE__ */ c(xe, { ...e }), xe = ({ title: e, children: n, placement: h = "top", arrow: f = !1, enterDelay: F = 500, leaveDelay: T = 0, open: y, onOpen: A, onClose: P, disableHoverListener: _, disableFocusListener: w, offsetDistance: L, className: O, slotProps: d }) => {
+  const [S, C] = ee(!1), p = y !== void 0, s = y ?? S, R = Z(null), B = (t) => {
+    p || C(t), t ? A?.() : P?.();
+  }, { refs: o, floatingStyles: I, context: r } = de({
     open: s,
-    onOpenChange: S,
-    placement: x,
+    onOpenChange: B,
+    placement: h,
     strategy: "fixed",
-    whileElementsMounted: te,
+    whileElementsMounted: se,
     middleware: [
-      ne(_ ?? (f ? 8 : 6)),
-      oe({ padding: 8 }),
-      se({ padding: 8 }),
-      ...f ? [ee({ element: R })] : []
+      ae(L ?? (f ? 8 : 6)),
+      ie({ padding: 8 }),
+      ce({ padding: 8 }),
+      ...f ? [re({ element: R })] : []
     ]
-  }), { getReferenceProps: M, getFloatingProps: B } = fe([
-    ce(r, {
-      enabled: !p && !A,
+  }), { getReferenceProps: M, getFloatingProps: H } = ue([
+    me(r, {
+      enabled: !p && !_,
       delay: {
-        open: h,
-        close: E
+        open: F,
+        close: T
       },
       move: !1,
-      handleClose: re()
+      handleClose: le()
     }),
-    le(r, { enabled: !p && !P }),
-    ie(r),
-    pe(r, { role: "tooltip" })
-  ]), y = s ? D(o.domReference.current) : void 0, u = z(y), H = G(o.setFloating, u), { floatingId: i } = r;
-  q(() => {
-    const e = o.domReference.current;
-    if (!s || !i || !(e instanceof HTMLElement)) return;
-    const a = Y(e) ?? e, l = a.getAttribute("aria-describedby");
-    return a.setAttribute("aria-describedby", l ? `${l} ${i}` : i), () => {
-      l === null ? a.removeAttribute("aria-describedby") : a.setAttribute("aria-describedby", l);
-    };
+    pe(r, { enabled: !p && !w }),
+    fe(r),
+    be(r, { role: "tooltip" })
+  ]), x = s ? $(o.domReference.current) : void 0, m = q(x), N = J(o.setFloating, m), { floatingId: a } = r;
+  V(() => {
+    const t = o.domReference.current;
+    if (!s || !a || !(t instanceof HTMLElement)) return;
+    const l = z(t) ?? D(t) ?? t, i = l.getAttribute("aria-describedby"), v = typeof e == "string" || typeof e == "number" ? String(e).trim() : "", Y = (b) => document.getElementById(b)?.textContent?.trim();
+    if (!(v && i?.split(/\s+/).some((b) => Y(b) === v)))
+      return l.setAttribute("aria-describedby", i ? `${i} ${a}` : a), () => {
+        i === null ? l.removeAttribute("aria-describedby") : l.setAttribute("aria-describedby", i);
+      };
   }, [
     s,
     o.domReference,
-    i
+    a,
+    e
   ]);
-  const m = n.type === W, g = m ? /* @__PURE__ */ c("span", {
+  const u = n.type === K, g = u ? /* @__PURE__ */ c("span", {
     style: { display: "contents" },
     children: n
   }) : n;
-  J(() => {
-    const e = o.domReference.current;
-    !m || !e || o.setPositionReference({
-      contextElement: e,
-      getBoundingClientRect: () => me(e)
+  X(() => {
+    const t = o.domReference.current;
+    !u || !t || o.setPositionReference({
+      contextElement: t,
+      getBoundingClientRect: () => Re(t)
     });
-  }, [m, o]);
-  const { ["aria-describedby"]: be, ...I } = M({
-    ref: de([o.setReference, g.ref]),
+  }, [u, o]);
+  const { ["aria-describedby"]: ve, ...U } = M({
+    ref: ge([o.setReference, g.ref]),
     ...g.props
   });
-  return /* @__PURE__ */ v(V, { children: [$(g, I), s && /* @__PURE__ */ c(Z, {
-    root: y,
-    children: /* @__PURE__ */ v("div", {
-      ref: H,
-      ...u ? j : {},
-      ...B(),
+  return /* @__PURE__ */ E(te, { children: [Q(g, U), s && /* @__PURE__ */ c(ne, {
+    root: x,
+    children: /* @__PURE__ */ E("div", {
+      ref: N,
+      ...m ? G : {},
+      ...H(),
       style: {
-        ...u ? k : {},
-        ...C,
+        ...m ? W : {},
+        ...I,
         fontFamily: "Roboto, Helvetica, Arial, sans-serif",
         overflow: "visible",
         ...d?.tooltip?.style,
-        ...U(d?.tooltip?.sx)
+        ...k(d?.tooltip?.sx)
       },
-      className: N("z-[1500] block max-w-[320px] whitespace-normal break-words rounded-[3px] bg-[#363E4A] px-2 py-1 text-sm leading-5 text-white shadow-[0px_1px_6px_0px_rgba(0,0,0,0.15)]", w, d?.tooltip?.className),
-      children: [t, f && /* @__PURE__ */ c(X, {
+      className: j("z-[1500] block max-w-[320px] whitespace-normal break-words rounded-[3px] bg-[#363E4A] px-2 py-1 text-sm leading-5 text-white shadow-[0px_1px_6px_0px_rgba(0,0,0,0.15)]", O, d?.tooltip?.className),
+      children: [e, f && /* @__PURE__ */ c(oe, {
         ref: R,
         context: r,
-        fill: ue
+        fill: ye
       })]
     })
   })] });
 };
 export {
-  Te as StyledTooltip
+  we as StyledTooltip
 };

package/dist/components/feedback/dialog/StyledDialog.js

@@ -1,143 +1,158 @@
-import { cn as h } from "../../../helpers/cn.js";
-import { resolveSx as D } from "../../../helpers/sx.js";
-import { CloseIcon as J } from "../../icons/close-icon/CloseIcon.js";
-import { registerOpenModalDialog as U } from "../../../hooks/useTopLayer.hook.js";
-import { StyledButton as V } from "../../inputs/button/StyledButton.js";
-import { useMobileMediaQuery as Y } from "../../../hooks/useMediaQuery.hook.js";
-import Z from "./StyledDialog.module.js";
-import { StyledDialogTitleContext as ee } from "./dialogTitleContext.js";
-import { useEffect as w, useId as te, useLayoutEffect as le, useMemo as ne, useRef as s, useState as re } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-var oe = {
+import { cn as g } from "../../../helpers/cn.js";
+import { resolveSx as W } from "../../../helpers/sx.js";
+import { CloseIcon as le } from "../../icons/close-icon/CloseIcon.js";
+import { registerOpenModalDialog as re } from "../../../hooks/useTopLayer.hook.js";
+import { StyledButton as ie } from "../../inputs/button/StyledButton.js";
+import { useMobileMediaQuery as de } from "../../../hooks/useMediaQuery.hook.js";
+import { warnUnnamedDialog as ae } from "../../../helpers/warnUnnamedDialog.js";
+import ce from "./StyledDialog.module.js";
+import { StyledDialogTitleContext as se } from "./dialogTitleContext.js";
+import { useEffect as k, useId as E, useLayoutEffect as B, useMemo as me, useRef as r, useState as q } from "react";
+import { jsx as l, jsxs as i } from "react/jsx-runtime";
+var ue = {
   xs: 444,
   sm: 600,
   md: 900,
   lg: 1200,
   xl: 1536
-}, he = ({ open: t, onClose: c, children: I, dataTest: y, maxWidth: v = "sm", fullWidth: H, fullScreen: M, scroll: _ = "paper", disableEscapeKeyDown: j, className: O, style: R, sx: W, classes: b, PaperProps: z, slotProps: o, onCloseText: g, showCloseIcon: k = !0, dialogLabel: m, dialogTitle: i, ariaLabel: L, dialogHeaderNode: P }) => {
-  const d = te(), [q, A] = re(), B = ne(() => ({
-    titleId: d,
-    setTitleId: A
-  }), [d]), E = i ? d : q, F = Y(), u = s(null), f = s(null), x = s(!1), C = s(t), a = M ?? F;
-  w(() => {
-    C.current && !t && o?.transition?.onExited?.(), C.current = t;
-  }, [t, o]), le(() => {
-    const e = u.current;
+}, Ie = ({ open: t, onClose: p, children: I, dataTest: d, maxWidth: S = "sm", fullWidth: z, fullScreen: P, scroll: A = "paper", disableEscapeKeyDown: F, className: K, style: L, sx: U, classes: C, PaperProps: X, slotProps: a, onCloseText: N, showCloseIcon: D = !0, dialogLabel: c, dialogTitle: s, dialogHeaderNode: G, ariaLabel: w }) => {
+  const m = E(), H = E(), [Q, $] = q(), J = me(() => ({
+    titleId: m,
+    setTitleId: $
+  }), [m]), u = s ? m : Q ?? (c ? H : void 0), T = de(), f = r(null), y = r(null), v = r(!1), M = r(t), x = P ?? T, _ = E(), [h, V] = q(), R = r(!1);
+  B(() => {
+    const e = f.current, n = !!u || !!w, o = e && t && !n ? e.querySelector('h1, h2, h3, h4, h5, h6, [role="heading"]') : null;
+    o && !o.id && (o.id = _);
+    const O = o?.id;
+    O !== h && V(O), e && t && !n && !o && !R.current && (R.current = !0, ae(d));
+  }, [
+    t,
+    u,
+    w,
+    I,
+    h,
+    _,
+    d
+  ]), k(() => {
+    M.current && !t && a?.transition?.onExited?.(), M.current = t;
+  }, [t, a]), B(() => {
+    const e = f.current;
     if (!e || !t) return;
-    e.open || (f.current = document.activeElement instanceof HTMLElement ? document.activeElement : null, e.showModal(), e.focus({ preventScroll: !0 }), requestAnimationFrame(() => e.open && e.focus({ preventScroll: !0 })));
-    const l = U(e);
+    e.open || (y.current = document.activeElement instanceof HTMLElement ? document.activeElement : null, e.showModal(), e.focus({ preventScroll: !0 }), requestAnimationFrame(() => e.open && e.focus({ preventScroll: !0 })));
+    const n = re(e);
     return () => {
-      l(), f.current?.isConnected && f.current.focus({ preventScroll: !0 });
+      n(), y.current?.isConnected && y.current.focus({ preventScroll: !0 });
     };
-  }, [t]), w(() => {
+  }, [t]), k(() => {
     if (!t) return;
-    const e = document.body.style.overflow, l = document.documentElement.style.overflow;
+    const e = document.body.style.overflow, n = document.documentElement.style.overflow;
     return document.body.style.overflow = "hidden", document.documentElement.style.overflow = "hidden", () => {
-      document.body.style.overflow = e, document.documentElement.style.overflow = l;
+      document.body.style.overflow = e, document.documentElement.style.overflow = n;
     };
   }, [t]);
-  const p = {
-    ...z,
-    ...o?.paper
-  }, N = v === !1 ? void 0 : oe[v], { className: K, style: T, onClick: X, ...G } = o?.backdrop ?? {}, Q = (e) => {
-    x.current || (x.current = !0, window.setTimeout(() => {
-      x.current = !1;
-    }, 0), c?.(e, "escapeKeyDown"));
-  }, $ = (e) => {
+  const b = {
+    ...X,
+    ...a?.paper
+  }, j = S === !1 ? void 0 : ue[S], { className: Y, style: Z, onClick: ee, ...te } = a?.backdrop ?? {}, ne = (e) => {
+    v.current || (v.current = !0, window.setTimeout(() => {
+      v.current = !1;
+    }, 0), p?.(e, "escapeKeyDown"));
+  }, oe = (e) => {
     e.preventDefault();
   };
-  return w(() => {
-    if (!t || j) return;
-    const e = (l) => {
-      if (l.key !== "Escape" || l.defaultPrevented) return;
-      const S = document.activeElement;
-      S instanceof Element && S.closest("dialog[open]") !== u.current || Q(l);
+  return k(() => {
+    if (!t || F) return;
+    const e = (n) => {
+      if (n.key !== "Escape" || n.defaultPrevented) return;
+      const o = document.activeElement;
+      o instanceof Element && o.closest("dialog[open]") !== f.current || ne(n);
     };
     return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-  }), t ? /* @__PURE__ */ r("dialog", {
-    ref: u,
+  }), t ? /* @__PURE__ */ i("dialog", {
+    ref: f,
     tabIndex: -1,
-    "data-testid": y,
-    "aria-labelledby": E,
-    "aria-label": E ? void 0 : L,
-    onCancel: $,
-    className: h(Z.StyledDialog, "fixed inset-0 m-0 h-full max-h-none w-full max-w-none items-center justify-center overflow-hidden border-0 bg-transparent p-0 outline-none open:flex", _ === "body" && "overflow-y-auto", O, b?.root),
+    "data-testid": d,
+    "aria-labelledby": u ?? h,
+    "aria-label": u || h ? void 0 : w,
+    onCancel: oe,
+    className: g(ce.StyledDialog, "fixed inset-0 m-0 h-full max-h-none w-full max-w-none items-center justify-center overflow-hidden border-0 bg-transparent p-0 outline-none open:flex", A === "body" && "overflow-y-auto", K, C?.root),
     style: {
       zIndex: 999,
-      ...D(W),
-      ...R
+      ...W(U),
+      ...L
     },
-    children: [/* @__PURE__ */ n("div", {
-      ...G,
-      className: h("absolute inset-0 bg-[#626e7eb2]", K),
-      style: T,
+    children: [/* @__PURE__ */ l("div", {
+      ...te,
+      className: g("absolute inset-0 bg-[#626e7eb2]", Y),
+      style: Z,
       onClick: (e) => {
-        X?.(e), e.defaultPrevented || c?.(e, "backdropClick");
+        ee?.(e), e.defaultPrevented || p?.(e, "backdropClick");
       }
-    }), /* @__PURE__ */ r("div", {
-      className: h("relative z-[1] flex flex-col overflow-hidden rounded-lg border-0 bg-white p-0 text-delta-800 shadow-[0px_4px_40px_0px_#22213366]", a && "rounded-none", p.className, b?.paper),
+    }), /* @__PURE__ */ i("div", {
+      className: g("relative z-[1] flex flex-col overflow-hidden rounded-lg border-0 bg-white p-0 text-delta-800 shadow-[0px_4px_40px_0px_#22213366]", x && "rounded-none", b.className, C?.paper),
       style: {
         minWidth: 0,
         minHeight: 0,
-        ...!a && N ? { maxWidth: N } : {},
-        ...a ? {
+        ...!x && j ? { maxWidth: j } : {},
+        ...x ? {
           width: "100%",
           maxWidth: "100%",
           height: "100%",
           maxHeight: "100%"
         } : {
-          width: H ? "calc(100% - 64px)" : "auto",
+          width: z ? "calc(100% - 64px)" : "auto",
           maxHeight: "100%"
         },
-        ...D(p.sx),
-        ...p.style,
-        ...a ? {
+        ...W(b.sx),
+        ...b.style,
+        ...x ? {
           width: "100%",
           maxWidth: "100%",
           height: "100%",
           maxHeight: "100%"
         } : { maxHeight: "calc(100% - 64px)" }
       },
-      children: [(!!m || !!i || k) && /* @__PURE__ */ r("div", {
+      children: [(!!c || !!s || D) && /* @__PURE__ */ i("div", {
         className: "box-border flex w-full min-w-0 max-w-full justify-between px-4 pt-4",
-        children: [/* @__PURE__ */ r("div", {
+        children: [/* @__PURE__ */ i("div", {
           className: "flex min-w-0 flex-1 flex-col justify-start gap-0.5",
-          children: [m && /* @__PURE__ */ n("div", {
+          children: [c && /* @__PURE__ */ l("div", {
+            id: H,
             className: "flex h-8 items-center text-sm font-normal leading-5 text-delta-600",
-            children: m
-          }), i && /* @__PURE__ */ n("div", {
-            id: d,
+            children: c
+          }), s && /* @__PURE__ */ l("div", {
+            id: m,
             className: "flex text-2xl font-semibold leading-8 text-delta-800",
-            children: i
+            children: s
           })]
-        }), k && /* @__PURE__ */ r("div", {
+        }), D && /* @__PURE__ */ i("div", {
           className: "flex min-w-0 max-w-full shrink-0 justify-end gap-2",
-          children: [P, /* @__PURE__ */ n(V, {
-            dataTest: `close-button-${y}`,
-            "aria-label": g ? void 0 : "Close",
+          children: [G, /* @__PURE__ */ l(ie, {
+            dataTest: `close-button-${d}`,
+            "aria-label": N ? void 0 : "Close",
             variant: "textGray",
             size: "small",
-            endIcon: /* @__PURE__ */ n(J, {
+            endIcon: /* @__PURE__ */ l(le, {
               width: 20,
               height: 20
             }),
             className: "max-w-full shrink-0 whitespace-nowrap",
-            onClick: (e) => c?.(e, "escapeKeyDown"),
+            onClick: (e) => p?.(e, "escapeKeyDown"),
             style: {
               color: "var(--colors-delta-800)",
               paddingRight: "6px",
               paddingLeft: "6px"
             },
-            children: g
+            children: N
           })]
         })]
-      }), /* @__PURE__ */ n(ee.Provider, {
-        value: B,
+      }), /* @__PURE__ */ l(se.Provider, {
+        value: J,
         children: I
       })]
     })]
   }) : null;
 };
 export {
-  he as StyledDialog
+  Ie as StyledDialog
 };