@alfadocs/ui-kit 1.54.3 → 1.56.0

package/dist/_chunks/{date-time-picker-Ckl6ezCL.js → date-time-picker-CLeLKuv9.js}

@@ -3,12 +3,12 @@ import { forwardRef as oe, useState as C, useRef as de, useCallback as H, useMem
 import { c as ue } from "./index-D2ZczOXr.js";
 import { useTranslation as me } from "react-i18next";
 import * as D from "@radix-ui/react-popover";
-import { S as pe } from "./spinner-a0FTYX9Q.js";
-import { u as fe, b as ge, c as he, i as ve, d as be, e as ye, t as Te, D as ke, C as Ce, f as De, h as we } from "./date-picker-variants-B3AFKDSu.js";
+import { S as pe } from "./spinner-CoflYlEx.js";
+import { u as fe, b as ge, c as he, i as ve, d as be, e as ye, t as Te, D as ke, C as Ce, f as De, h as we } from "./date-picker-variants-BnF-sHzq.js";
 import { u as Pe } from "./use-controllable-state-BiY4xTzM.js";
 import { u as xe, a as Se } from "./form-field-context-DtiROUJV.js";
-import { T as Oe } from "./time-picker-DKKmpFh3.js";
-import { f as Ne } from "./intl-locale-CXM-B8EP.js";
+import { T as Oe } from "./time-picker-DVfyAR81.js";
+import { f as Ne } from "./intl-locale-ySteXlDD.js";
 import { u as Ie } from "./registry-DvAUVLHh.js";
 import { C as Le } from "./calendar-days-BGWklvE-.js";
 import { t as A } from "./format-D-1gTdHF.js";
@@ -343,4 +343,4 @@ export {
   He as D,
   Ve as d
 };
-//# sourceMappingURL=date-time-picker-Ckl6ezCL.js.map
+//# sourceMappingURL=date-time-picker-CLeLKuv9.js.map

package/dist/_chunks/{dependent-selector-CPiolWiw.js → dependent-selector-DgaAQc-c.js}

@@ -1,16 +1,17 @@
 import { jsx as s, jsxs as d } from "react/jsx-runtime";
-import { forwardRef as le, useId as ce, useRef as f, useEffect as P, useMemo as q, useState as me } from "react";
-import * as E from "@radix-ui/react-radio-group";
-import { c as G } from "./index-D2ZczOXr.js";
-import { useTranslation as pe } from "react-i18next";
-import { A as ue } from "./avatar-DYtwj1-R.js";
-import { B as fe } from "./badge-hnBt8o7n.js";
-import { T as ge } from "./tooltip-Cp-PLePW.js";
-import { c as ve } from "./compose-refs-C0k0tdqF.js";
-import { u as be } from "./registry-DvAUVLHh.js";
-import { u as he } from "./use-direction-Dp8h70PP.js";
-import { C as ye } from "./circle-alert-rGDZ73Wh.js";
-const xe = {
+import { forwardRef as me, useId as pe, useRef as f, useEffect as E, useMemo as L, useState as ue } from "react";
+import * as O from "@radix-ui/react-radio-group";
+import { c as F } from "./index-D2ZczOXr.js";
+import { useTranslation as fe } from "react-i18next";
+import { A as ge } from "./avatar-WZY3eGE7.js";
+import { B as ve } from "./badge-hnBt8o7n.js";
+import { T as be } from "./tooltip-Cp-PLePW.js";
+import { c as he } from "./compose-refs-C0k0tdqF.js";
+import { u as ye } from "./use-select-on-arrow-Cr4iBuW5.js";
+import { u as xe } from "./registry-DvAUVLHh.js";
+import { u as Se } from "./use-direction-Dp8h70PP.js";
+import { C as we } from "./circle-alert-rGDZ73Wh.js";
+const Ne = {
   id: "dependent-selector",
   capabilities: ["select_single"],
   state: {
@@ -62,7 +63,7 @@ const xe = {
       description: "Stable person id emitted on each rendered person row."
     }
   }
-}, Se = G(
+}, ze = F(
   "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:min-w-0",
   {
     variants: {
@@ -71,7 +72,7 @@ const xe = {
     },
     defaultVariants: { size: "md", tone: "checkin" }
   }
-), L = G(
+), G = F(
   [
     // The row IS the Radix Item (`<button role="radio">`). Reset the
     // button chrome, lay out avatar + text on the inline axis. Logical
@@ -116,15 +117,15 @@ const xe = {
     },
     defaultVariants: { size: "md", tone: "checkin", disabled: !1 }
   }
-), we = { sm: "sm", md: "md", lg: "lg" }, Ne = {
+), ke = { sm: "sm", md: "md", lg: "lg" }, Be = {
   sm: "ds:size-8",
   md: "ds:size-10",
   lg: "ds:size-12"
-}, ze = {
+}, Re = {
   sm: "type-body-sm",
   md: "type-label",
   lg: "type-body"
-}, ke = le(
+}, Ie = me(
   ({
     people: t,
     value: c,
@@ -132,65 +133,66 @@ const xe = {
     onValueChange: n,
     label: v,
     description: S,
-    size: F = "md",
-    tone: J = "checkin",
+    size: J = "md",
+    tone: Q = "checkin",
     loading: r = !1,
     error: m,
-    emptyState: O,
+    emptyState: U,
     id: p,
-    className: Q,
+    className: W,
     "aria-label": w,
-    "aria-labelledby": z,
-    ...U
-  }, W) => {
-    const o = F ?? "md", N = J ?? "checkin", { t: a } = pe("ui"), b = ce(), k = `${b}-legend`, B = `${b}-description`, R = `${b}-error`;
-    f(!1), P(() => {
-    }, [v, w, z]);
-    const I = q(
+    "aria-labelledby": k,
+    onKeyDown: N,
+    ...X
+  }, Y) => {
+    const o = J ?? "md", z = Q ?? "checkin", { t: a } = fe("ui"), b = pe(), B = `${b}-legend`, R = `${b}-description`, I = `${b}-error`;
+    f(!1), E(() => {
+    }, [v, w, k]);
+    const A = L(
       () => t.filter((e) => !e.disabled),
       [t]
-    ), X = t.some(
+    ), Z = t.some(
       (e) => e.relationshipKey !== "self"
-    ), u = I.length === 1 ? I[0].id : void 0, i = c !== void 0, [Y, Z] = me(
+    ), u = A.length === 1 ? A[0].id : void 0, i = c !== void 0, [C, ee] = ue(
       g ?? u ?? ""
-    ), A = i ? c ?? "" : Y, _ = f(A);
-    _.current = A;
-    const $ = (e) => {
-      r || (i || Z(e), n == null || n(e));
+    ), _ = i ? c ?? "" : C, $ = f(_);
+    $.current = _;
+    const j = ye(), T = (e) => {
+      j.noteSelection(), !r && (i || ee(e), n == null || n(e));
     }, h = f(n);
     h.current = n;
-    const j = f(!1);
-    P(() => {
+    const V = f(!1);
+    E(() => {
       var e;
-      !j.current && !i && !r && g === void 0 && u !== void 0 && (j.current = !0, (e = h.current) == null || e.call(h, u));
+      !V.current && !i && !r && g === void 0 && u !== void 0 && (V.current = !0, (e = h.current) == null || e.call(h, u));
     }, [i, r, g, u]);
-    const C = q(
+    const se = L(
       () => ({
-        getValue: () => _.current,
-        setValue: (e) => $(e)
+        getValue: () => $.current,
+        setValue: (e) => T(e)
       }),
       // eslint-disable-next-line react-hooks/exhaustive-deps
       [i, r, n]
     );
-    be(xe, C, p);
-    const D = f(null), T = ve(W, D), ee = he(D), y = z ?? (v ? k : void 0), K = [S ? B : null, m ? R : null].filter(Boolean).join(" ") || void 0, V = (e) => a(`dependentSelector.relationship.${e}`), M = (e) => a("dependentSelector.age", { count: e }), se = (e) => {
+    xe(Ne, se, p);
+    const D = f(null), M = he(Y, D), de = Se(D), y = k ?? (v ? B : void 0), H = [S ? R : null, m ? I : null].filter(Boolean).join(" ") || void 0, K = (e) => a(`dependentSelector.relationship.${e}`), P = (e) => a("dependentSelector.age", { count: e }), te = (e) => {
       const l = [a("dependentSelector.optionLabel", {
         name: e.name,
-        relationship: V(e.relationshipKey)
+        relationship: K(e.relationshipKey)
       })];
-      return typeof e.age == "number" && l.push(M(e.age)), e.isMinor && l.push(a("dependentSelector.minorBadge")), l.join(", ");
-    }, de = S ? /* @__PURE__ */ s("p", { id: B, className: "type-body-sm ds:text-muted-foreground", children: S }) : null, te = m ? /* @__PURE__ */ d(
+      return typeof e.age == "number" && l.push(P(e.age)), e.isMinor && l.push(a("dependentSelector.minorBadge")), l.join(", ");
+    }, ae = S ? /* @__PURE__ */ s("p", { id: R, className: "type-body-sm ds:text-muted-foreground", children: S }) : null, ie = m ? /* @__PURE__ */ d(
       "p",
       {
-        id: R,
+        id: I,
         role: "alert",
         className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-destructive",
         children: [
-          /* @__PURE__ */ s(ye, { "aria-hidden": "true", className: "ds:size-4 ds:shrink-0" }),
+          /* @__PURE__ */ s(we, { "aria-hidden": "true", className: "ds:size-4 ds:shrink-0" }),
           /* @__PURE__ */ s("span", { children: m })
         ]
       }
-    ) : null, ae = /* @__PURE__ */ s(
+    ) : null, ne = /* @__PURE__ */ s(
       "div",
       {
         "aria-hidden": "true",
@@ -198,12 +200,12 @@ const xe = {
         children: Array.from({ length: 3 }).map((e, x) => /* @__PURE__ */ d(
           "div",
           {
-            className: L({ size: o, tone: N, disabled: !1 }),
+            className: G({ size: o, tone: z, disabled: !1 }),
             children: [
               /* @__PURE__ */ s(
                 "span",
                 {
-                  className: `ds:inline-flex ds:shrink-0 ds:rounded-[var(--radius-full)] ds:bg-muted ds:animate-pulse ${Ne[o]}`
+                  className: `ds:inline-flex ds:shrink-0 ds:rounded-[var(--radius-full)] ds:bg-muted ds:animate-pulse ${Be[o]}`
                 }
               ),
               /* @__PURE__ */ d("span", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:min-w-0 ds:flex-1", children: [
@@ -215,9 +217,9 @@ const xe = {
           x
         ))
       }
-    ), ie = (e) => {
-      const x = `${b}-row-${e.id}`, l = se(e), H = /* @__PURE__ */ d(
-        E.Item,
+    ), re = (e) => {
+      const x = `${b}-row-${e.id}`, l = te(e), q = /* @__PURE__ */ d(
+        O.Item,
         {
           id: x,
           value: e.id,
@@ -225,18 +227,18 @@ const xe = {
           "aria-label": l,
           title: e.dob ?? void 0,
           "data-option-id": e.id,
-          className: L({
+          className: G({
             size: o,
-            tone: N,
+            tone: z,
             disabled: !!e.disabled
           }),
           children: [
             /* @__PURE__ */ s(
-              ue,
+              ge,
               {
                 src: e.avatarSrc,
                 name: e.name,
-                size: we[o],
+                size: ke[o],
                 "aria-hidden": "true"
               }
             ),
@@ -250,7 +252,7 @@ const xe = {
                     /* @__PURE__ */ s(
                       "span",
                       {
-                        className: `${ze[o]} ds:text-foreground ds:truncate ds:min-w-0`,
+                        className: `${Re[o]} ds:text-foreground ds:truncate ds:min-w-0`,
                         children: e.name
                       }
                     ),
@@ -258,12 +260,12 @@ const xe = {
                       // Neutral chip (validated AA ~6:1) — the "Minor" flag is
                       // informational, not a warning STATE. The tonal `warning`
                       // variant fails AA at the small chip font size.
-                      /* @__PURE__ */ s(fe, { variant: "neutral", size: "sm", children: a("dependentSelector.minorBadge") })
+                      /* @__PURE__ */ s(ve, { variant: "neutral", size: "sm", children: a("dependentSelector.minorBadge") })
                     ) : null
                   ] }),
                   /* @__PURE__ */ d("span", { className: "type-body-sm ds:text-muted-foreground ds:truncate ds:min-w-0", children: [
-                    V(e.relationshipKey),
-                    typeof e.age == "number" ? ` · ${M(e.age)}` : null
+                    K(e.relationshipKey),
+                    typeof e.age == "number" ? ` · ${P(e.age)}` : null
                   ] })
                 ]
               }
@@ -272,25 +274,25 @@ const xe = {
         },
         e.id
       );
-      return e.disabled && e.disabledReason ? /* @__PURE__ */ s(ge, { label: e.disabledReason, children: /* @__PURE__ */ s(
+      return e.disabled && e.disabledReason ? /* @__PURE__ */ s(be, { label: e.disabledReason, children: /* @__PURE__ */ s(
         "span",
         {
           tabIndex: 0,
           "data-disabled-row": e.id,
           "aria-label": l,
           className: "ds:flex ds:min-w-0 ds:rounded-[var(--radius-md)] ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-          children: H
+          children: q
         }
-      ) }, e.id) : H;
-    }, ne = O ?? /* @__PURE__ */ s("p", { className: "type-body-sm ds:text-muted-foreground", children: a("dependentSelector.empty") }), re = r ? /* @__PURE__ */ d(
+      ) }, e.id) : q;
+    }, oe = U ?? /* @__PURE__ */ s("p", { className: "type-body-sm ds:text-muted-foreground", children: a("dependentSelector.empty") }), le = r ? /* @__PURE__ */ d(
       "div",
       {
-        ref: T,
+        ref: M,
         id: p,
         role: "radiogroup",
         "aria-label": y ? void 0 : w,
         "aria-labelledby": y,
-        "aria-describedby": K,
+        "aria-describedby": H,
         "aria-invalid": !!m || void 0,
         "aria-busy": "true",
         className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:min-w-0",
@@ -298,41 +300,44 @@ const xe = {
         "data-component-id": p,
         children: [
           /* @__PURE__ */ s("span", { className: "ds:sr-only", children: a("dependentSelector.loadingLabel") }),
-          ae
+          ne
         ]
       }
     ) : /* @__PURE__ */ s(
-      E.Root,
+      O.Root,
       {
-        ref: T,
+        ref: M,
         id: p,
-        dir: ee,
+        dir: de,
         value: i ? c ?? "" : void 0,
         defaultValue: i ? void 0 : g ?? u,
-        onValueChange: $,
+        onValueChange: T,
+        onKeyDown: (e) => {
+          N == null || N(e), j.onKeyDown(e);
+        },
         "aria-label": y ? void 0 : w,
         "aria-labelledby": y,
-        "aria-describedby": K,
+        "aria-describedby": H,
         "aria-invalid": !!m || void 0,
         className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:min-w-0",
         "data-component": "dependent-selector",
         "data-component-id": p,
-        ...U,
-        children: t.map(ie)
+        ...X,
+        children: t.map(re)
       }
-    ), oe = Se({ size: o, tone: N, className: Q });
-    return /* @__PURE__ */ d("div", { className: oe, children: [
-      v ? /* @__PURE__ */ s("div", { id: k, className: "type-label ds:text-foreground", children: v }) : null,
-      de,
-      re,
-      !r && !X ? ne : null,
-      te
+    ), ce = ze({ size: o, tone: z, className: W });
+    return /* @__PURE__ */ d("div", { className: ce, children: [
+      v ? /* @__PURE__ */ s("div", { id: B, className: "type-label ds:text-foreground", children: v }) : null,
+      ae,
+      le,
+      !r && !Z ? oe : null,
+      ie
     ] });
   }
 );
-ke.displayName = "DependentSelector";
+Ie.displayName = "DependentSelector";
 export {
-  ke as D,
-  xe as d
+  Ie as D,
+  Ne as d
 };
-//# sourceMappingURL=dependent-selector-CPiolWiw.js.map
+//# sourceMappingURL=dependent-selector-DgaAQc-c.js.map

package/dist/_chunks/{description-list-BKQMUiXv.js → description-list-DkLeHiew.js}

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as V } from "react/jsx-runtime";
 import { forwardRef as c, useMemo as x, Children as C, isValidElement as T, useContext as R, useState as b, useCallback as j, createContext as P } from "react";
 import { c as m } from "./index-D2ZczOXr.js";
 import { useTranslation as z } from "react-i18next";
-import { I as A } from "./icon-button-mKIvw90h.js";
+import { I as A } from "./icon-button-COX76Jdj.js";
 import { C as S } from "./check-DrFSN__t.js";
 import { C as B } from "./copy-vRpqqHtY.js";
 function E(s) {
@@ -316,4 +316,4 @@ const Z = Object.assign(k, {
 export {
   Z as D
 };
-//# sourceMappingURL=description-list-BKQMUiXv.js.map
+//# sourceMappingURL=description-list-DkLeHiew.js.map

package/dist/_chunks/{dev-bypass-button-Y1s7gPSD.js → dev-bypass-button-BhGn6evf.js}

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
 import { c as r } from "./index-D2ZczOXr.js";
-import { I as c } from "./icon-button-mKIvw90h.js";
+import { I as c } from "./icon-button-COX76Jdj.js";
 import { c as i } from "./createLucideIcon-DhHxpK9K.js";
 /**
  * @license lucide-react v1.22.0 - ISC
@@ -30,4 +30,4 @@ f.displayName = "DevBypassButton";
 export {
   f as D
 };
-//# sourceMappingURL=dev-bypass-button-Y1s7gPSD.js.map
+//# sourceMappingURL=dev-bypass-button-BhGn6evf.js.map

package/dist/_chunks/{dialog-D52AI4nF.js → dialog-CUzbnKLw.js}

@@ -1,12 +1,13 @@
-import { jsx as t, jsxs as f } from "react/jsx-runtime";
-import { useRef as j, useEffect as T, useMemo as x, forwardRef as i, useContext as B, createContext as k } from "react";
+import { jsx as t, jsxs as b } from "react/jsx-runtime";
+import { useRef as E, useEffect as H, useMemo as v, forwardRef as i, useContext as S, createContext as A } from "react";
 import * as s from "@radix-ui/react-dialog";
-import { c as H } from "./index-D2ZczOXr.js";
-import { useTranslation as S } from "react-i18next";
-import { u as A } from "./use-controllable-state-BiY4xTzM.js";
-import { u as E } from "./registry-DvAUVLHh.js";
-import { X as I } from "./x-B5YnXwCz.js";
-const w = {
+import { c as z } from "./index-D2ZczOXr.js";
+import { useTranslation as F } from "react-i18next";
+import { u as I } from "./use-controllable-state-BiY4xTzM.js";
+import { u as V } from "./registry-DvAUVLHh.js";
+import { u as L } from "./non-modal-tab-exit-D2Bd93Bq.js";
+import { X as M } from "./x-B5YnXwCz.js";
+const P = {
   id: "dialog",
   capabilities: ["open", "close", "dismiss"],
   state: {
@@ -54,18 +55,18 @@ const w = {
       description: "Sourced from the id prop on Dialog.Root."
     }
   }
-}, z = [
+}, w = [
   "ds-dialog__backdrop",
   "ds:backdrop-blur-sm",
   "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0",
   "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0",
   "ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-].join(" "), F = [
+].join(" "), K = [
   "ds:focus-visible:outline-none",
   "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0 ds:data-[state=open]:zoom-in-95",
   "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=closed]:zoom-out-95",
   "ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-].join(" "), K = H(`ds-dialog ds-dialog__surface ${F}`, {
+].join(" "), U = z(`ds-dialog ds-dialog__surface ${K}`, {
   variants: {
     size: {
       sm: "ds-dialog__surface--sm",
@@ -82,68 +83,84 @@ const w = {
     }
   },
   defaultVariants: { size: "md", scroll: "surface" }
-}), y = k(void 0), u = ({
+}), _ = A({ modal: !0 }), y = ({
   children: e,
   id: o,
   open: a,
-  defaultOpen: l,
-  onOpenChange: c,
-  ...p
+  defaultOpen: r,
+  onOpenChange: m,
+  modal: l = !0,
+  ...c
 }) => {
-  const [g, n] = A({
+  const [g, n] = I({
     value: a,
-    defaultValue: l ?? !1,
-    onChange: c
-  }), d = g ?? !1, r = j(d);
-  T(() => {
-    r.current = d;
+    defaultValue: r ?? !1,
+    onChange: m
+  }), d = g ?? !1, p = E(d);
+  H(() => {
+    p.current = d;
   }, [d]);
-  const m = x(
+  const u = v(
     () => ({
-      getIsOpen: () => r.current,
+      getIsOpen: () => p.current,
       open: () => n(!0),
       close: () => n(!1)
     }),
     [n]
   );
-  return E(w, m, o), /* @__PURE__ */ t(y.Provider, { value: o, children: /* @__PURE__ */ t(s.Root, { open: d, onOpenChange: n, ...p, children: e }) });
+  V(P, u, o);
+  const f = v(() => ({ id: o, modal: l }), [o, l]);
+  return /* @__PURE__ */ t(_.Provider, { value: f, children: /* @__PURE__ */ t(
+    s.Root,
+    {
+      open: d,
+      onOpenChange: n,
+      modal: l,
+      ...c,
+      children: e
+    }
+  ) });
 };
-u.displayName = "Dialog.Root";
-const D = i(({ children: e, ...o }, a) => /* @__PURE__ */ t(s.Trigger, { ref: a, ...o, children: e }));
-D.displayName = "Dialog.Trigger";
-const v = i(({ children: e, ...o }, a) => /* @__PURE__ */ t(s.Close, { ref: a, ...o, children: e }));
-v.displayName = "Dialog.Close";
-const _ = i(
+y.displayName = "Dialog.Root";
+const C = i(({ children: e, ...o }, a) => /* @__PURE__ */ t(s.Trigger, { ref: a, ...o, children: e }));
+C.displayName = "Dialog.Trigger";
+const N = i(({ children: e, ...o }, a) => /* @__PURE__ */ t(s.Close, { ref: a, ...o, children: e }));
+N.displayName = "Dialog.Close";
+const h = i(
   ({
     size: e = "md",
     variant: o = "default",
     scroll: a = "surface",
-    hideCloseButton: l,
-    className: c,
-    children: p,
+    hideCloseButton: r,
+    className: m,
+    children: l,
+    onKeyDown: c,
     ...g
   }, n) => {
-    const { t: d } = S("ui"), r = B(y), m = o === "alert" ? { role: "alertdialog" } : {}, O = l ?? o !== "default";
-    return /* @__PURE__ */ f(s.Portal, { children: [
+    const { t: d } = F("ui"), { id: p, modal: u } = S(_), f = L(!u), B = o === "alert" ? { role: "alertdialog" } : {}, k = r ?? o !== "default";
+    return /* @__PURE__ */ b(s.Portal, { children: [
       /* @__PURE__ */ t(
         s.Overlay,
         {
           "data-component": "dialog-overlay",
-          className: z
+          className: w
         }
       ),
-      /* @__PURE__ */ f(
+      /* @__PURE__ */ b(
         s.Content,
         {
           ref: n,
-          ...m,
+          ...B,
           "data-component": "dialog",
-          "data-component-id": r,
-          className: K({ size: e, scroll: a, className: c }),
+          "data-component-id": p,
+          className: U({ size: e, scroll: a, className: m }),
           ...g,
+          onKeyDown: (D) => {
+            c == null || c(D), f(D);
+          },
           children: [
-            p,
-            !O && // The close is a plain button carrying the `ds-dialog__close`
+            l,
+            !k && // The close is a plain button carrying the `ds-dialog__close`
             // contract class — the SAME class a vanilla host renders. The CSS
             // (src/styles.css) owns its position, sizing, glyph size, hover
             // wash, and focus ring from tokens, so the React and non-React
@@ -154,7 +171,7 @@ const _ = i(
                 type: "button",
                 className: "ds-dialog__close",
                 "aria-label": d("common.close", "Close"),
-                children: /* @__PURE__ */ t(I, { "aria-hidden": "true" })
+                children: /* @__PURE__ */ t(M, { "aria-hidden": "true" })
               }
             )
           ]
@@ -163,8 +180,8 @@ const _ = i(
     ] });
   }
 );
-_.displayName = "Dialog.Content";
-const b = i(
+h.displayName = "Dialog.Content";
+const R = i(
   ({ className: e, ...o }, a) => /* @__PURE__ */ t(
     "div",
     {
@@ -174,8 +191,8 @@ const b = i(
     }
   )
 );
-b.displayName = "Dialog.Header";
-const C = i(
+R.displayName = "Dialog.Header";
+const O = i(
   ({ className: e, ...o }, a) => /* @__PURE__ */ t(
     "div",
     {
@@ -185,8 +202,8 @@ const C = i(
     }
   )
 );
-C.displayName = "Dialog.Body";
-const h = i(({ className: e, ...o }, a) => /* @__PURE__ */ t(
+O.displayName = "Dialog.Body";
+const x = i(({ className: e, ...o }, a) => /* @__PURE__ */ t(
   s.Title,
   {
     ref: a,
@@ -194,8 +211,8 @@ const h = i(({ className: e, ...o }, a) => /* @__PURE__ */ t(
     ...o
   }
 ));
-h.displayName = "Dialog.Title";
-const N = i(({ className: e, ...o }, a) => /* @__PURE__ */ t(
+x.displayName = "Dialog.Title";
+const T = i(({ className: e, ...o }, a) => /* @__PURE__ */ t(
   s.Description,
   {
     ref: a,
@@ -203,12 +220,12 @@ const N = i(({ className: e, ...o }, a) => /* @__PURE__ */ t(
     ...o
   }
 ));
-N.displayName = "Dialog.Description";
-const R = i(
-  ({ className: e, divider: o = !1, ...a }, l) => /* @__PURE__ */ t(
+T.displayName = "Dialog.Description";
+const j = i(
+  ({ className: e, divider: o = !1, ...a }, r) => /* @__PURE__ */ t(
     "div",
     {
-      ref: l,
+      ref: r,
       className: [
         "ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]",
         "ds:mt-[var(--spacing-md)]",
@@ -219,20 +236,20 @@ const R = i(
     }
   )
 );
-R.displayName = "Dialog.Footer";
-const $ = Object.assign(u, {
-  Root: u,
-  Trigger: D,
-  Content: _,
-  Header: b,
-  Title: h,
-  Description: N,
-  Body: C,
-  Footer: R,
-  Close: v
+j.displayName = "Dialog.Footer";
+const Z = Object.assign(y, {
+  Root: y,
+  Trigger: C,
+  Content: h,
+  Header: R,
+  Title: x,
+  Description: T,
+  Body: O,
+  Footer: j,
+  Close: N
 });
 export {
-  $ as D,
-  w as d
+  Z as D,
+  P as d
 };
-//# sourceMappingURL=dialog-D52AI4nF.js.map
+//# sourceMappingURL=dialog-CUzbnKLw.js.map