@alfadocs/ui-kit 0.68.0 → 0.69.0

package/dist/_chunks/{date-time-picker-Ze1My59T.js → date-time-picker-BhoogS5Q.js}

@@ -5,22 +5,24 @@ import { useTranslation as ue } from "react-i18next";
 import * as k from "@radix-ui/react-popover";
 import { u as me } from "./use-controllable-state-BiY4xTzM.js";
 import { u as pe } from "./form-field-context-B3APVHKx.js";
-import { T as fe } from "./time-picker-B5umYwfv.js";
-import { u as ge, c as he, n as ve, i as be, h as ye, k as Te, t as ke, D as we, C as Ce, l as De, m as Pe } from "./date-picker-variants-DAcSLTua.js";
-import { u as xe } from "./registry-nPAVE19X.js";
+import { T as fe } from "./time-picker-BPlJWm8w.js";
+import { u as ge } from "./registry-DvAUVLHh.js";
+import { u as he, c as ve, n as be, i as ye, h as Te, k as ke, t as we, D as Ce, C as De, l as Pe, m as xe } from "./date-picker-variants-DAcSLTua.js";
 import { C as Oe } from "./calendar-B6soK1Yb.js";
-import { t as B } from "./isSameDay-DUEiAT0G.js";
+import { t as A } from "./isSameDay-DUEiAT0G.js";
 function K(e, t, r) {
-  const i = B(e, r == null ? void 0 : r.in);
+  const i = A(e, r == null ? void 0 : r.in);
   return i.setHours(t), i;
 }
-function A(e, t, r) {
-  const i = B(e, r == null ? void 0 : r.in);
+function Z(e, t, r) {
+  const i = A(e, r == null ? void 0 : r.in);
   return i.setMinutes(t), i;
 }
 const Ne = {
   id: "date-time-picker",
-  capabilities: ["pick", "open", "close"],
+  // Persisted single datetime (value state + set_datetime) → select_single +
+  // set_value, plus open/close of the combined popover.
+  capabilities: ["select_single", "set_value", "open", "close"],
   state: {
     value: {
       type: "iso-datetime",
@@ -42,14 +44,34 @@ const Ne = {
     set_datetime: {
       safety: "write",
       argsType: "{ datetime: string }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          datetime: {
+            type: "string",
+            format: "date-time",
+            description: 'ISO datetime, e.g. "2026-06-23T14:30:00Z".'
+          }
+        },
+        required: ["datetime"]
+      },
+      idempotent: !0,
       descriptionKey: "ui.agent.dateTimePicker.actions.setDatetime",
       description: "Select a specific datetime (ISO string).",
+      examples: [
+        {
+          args: { datetime: "2026-06-23T14:30:00Z" },
+          note: "Select 23 Jun 2026, 14:30 UTC."
+        }
+      ],
       invoke: (e, t) => {
         e.setValue(new Date(t.datetime));
       }
     },
     clear: {
+      // Discards the selected datetime — loses the user's input.
       safety: "destructive",
+      idempotent: !0,
       descriptionKey: "ui.agent.dateTimePicker.actions.clear",
       description: "Clear the selected datetime.",
       invoke: (e) => {
@@ -58,6 +80,7 @@ const Ne = {
     },
     open: {
       safety: "read",
+      idempotent: !0,
       descriptionKey: "ui.agent.dateTimePicker.actions.open",
       description: "Open the datetime popover.",
       invoke: (e) => {
@@ -66,6 +89,7 @@ const Ne = {
     },
     close: {
       safety: "read",
+      idempotent: !0,
       descriptionKey: "ui.agent.dateTimePicker.actions.close",
       description: "Close the datetime popover.",
       invoke: (e) => {
@@ -86,7 +110,7 @@ const Ne = {
     }
   }
 };
-function Me(e, t) {
+function Se(e, t) {
   var r;
   try {
     const i = { timeZoneName: "short" };
@@ -97,7 +121,7 @@ function Me(e, t) {
     return "";
   }
 }
-function Ve(e) {
+function Me(e) {
   if (!e || e === "local") return !1;
   try {
     const t = Intl.DateTimeFormat().resolvedOptions().timeZone;
@@ -106,7 +130,7 @@ function Ve(e) {
     return !1;
   }
 }
-const Se = ce(
+const Ve = ce(
   [
     "ds:w-full ds:rounded-[var(--radius-sm)]",
     "ds:bg-primary ds:text-primary-foreground",
@@ -135,18 +159,18 @@ const Se = ce(
     showTimezone: w,
     minDate: d,
     maxDate: p,
-    hour12: Z,
+    hour12: _,
     minuteStep: j = 1,
     size: f = "md",
-    disabled: _,
-    placeholder: z,
-    className: E,
-    id: U
+    disabled: B,
+    placeholder: U,
+    className: z,
+    id: E
   }, W) => {
-    const { t: l, i18n: N } = ue(), c = pe(), C = U ?? c.id, M = c.disabled || _, q = c.invalid ? "error" : "default", V = ge(N.language), G = z ?? l("inputs.dateTimePicker.placeholder", "Select date and time"), J = l("inputs.dateTimePicker.apply", "Apply"), Q = l(
+    const { t: l, i18n: N } = ue(), c = pe(), C = E ?? c.id, S = c.disabled || B, q = c.invalid ? "error" : "default", M = he(N.language), J = U ?? l("inputs.dateTimePicker.placeholder", "Select date and time"), G = l("inputs.dateTimePicker.apply", "Apply"), Q = l(
       "inputs.dateTimePicker.outOfRange",
       "Date/time is out of allowed range"
-    ), S = (w !== void 0 ? w : Ve(i)) ? Me(N.language, i) : "", [X, I] = me({
+    ), V = (w !== void 0 ? w : Me(i)) ? Se(N.language, i) : "", [X, I] = me({
       value: e,
       defaultValue: t,
       onChange: r
@@ -155,20 +179,20 @@ const Se = ce(
         I(a);
       },
       [I]
-    ), $ = he(d, p), P = F(
-      (a) => !(d && ve(a, d) || p && be(a, p)),
+    ), $ = ve(d, p), P = F(
+      (a) => !(d && be(a, d) || p && ye(a, p)),
       [d, p]
     ), ee = (a) => {
       a && (g(n ?? /* @__PURE__ */ new Date()), D(n ?? /* @__PURE__ */ new Date()), u(!1)), v(a);
     }, te = (a) => {
       if (!a) return;
-      const O = o ?? /* @__PURE__ */ new Date(), m = A(
+      const O = o ?? /* @__PURE__ */ new Date(), m = Z(
         K(a, O.getHours()),
         O.getMinutes()
       );
       g(m), u(!P(m));
     }, ae = (a) => {
-      const m = A(K(o ?? /* @__PURE__ */ new Date(), a.hours), a.minutes);
+      const m = Z(K(o ?? /* @__PURE__ */ new Date(), a.hours), a.minutes);
       g(m), u(!P(m));
     }, se = () => {
       var a;
@@ -179,7 +203,7 @@ const Se = ce(
         }
         b(o), v(!1), (a = L.current) == null || a.focus();
       }
-    }, H = n ? ye(n, "MMM d, yyyy HH:mm", { locale: V }) : "", re = l("inputs.datePicker.gridLabel", "Calendar"), ie = l("inputs.timePicker.groupLabel", "Time"), x = de(
+    }, H = n ? Te(n, "MMM d, yyyy HH:mm", { locale: M }) : "", re = l("inputs.datePicker.gridLabel", "Calendar"), ie = l("inputs.timePicker.groupLabel", "Time"), x = de(
       () => ({
         getValue: () => n,
         setValue: (a) => b(a),
@@ -193,38 +217,38 @@ const Se = ce(
       }),
       [n, b, h]
     );
-    return le(W, () => x, [x]), xe(Ne, x, C), /* @__PURE__ */ s(k.Root, { open: h, onOpenChange: ee, children: /* @__PURE__ */ y(
+    return le(W, () => x, [x]), ge(Ne, x, C), /* @__PURE__ */ s(k.Root, { open: h, onOpenChange: ee, children: /* @__PURE__ */ y(
       "div",
       {
-        className: E,
+        className: z,
         "data-component": "date-time-picker",
         "data-component-id": C,
         children: [
-          /* @__PURE__ */ s(k.Trigger, { asChild: !0, disabled: M, children: /* @__PURE__ */ y(
+          /* @__PURE__ */ s(k.Trigger, { asChild: !0, disabled: S, children: /* @__PURE__ */ y(
             "button",
             {
               ref: L,
               id: C,
               type: "button",
-              disabled: M,
+              disabled: S,
               "aria-describedby": c.describedBy || void 0,
               "aria-invalid": c.invalid || void 0,
               "aria-haspopup": "dialog",
               "aria-expanded": h,
-              className: ke({ size: f, tone: q }),
+              className: we({ size: f, tone: q }),
               children: [
                 /* @__PURE__ */ s(
                   "span",
                   {
                     className: H ? "ds:text-foreground" : "ds:text-muted-foreground",
-                    children: H || G
+                    children: H || J
                   }
                 ),
                 /* @__PURE__ */ s(
                   "span",
                   {
                     "aria-hidden": "true",
-                    className: Te({ size: f }),
+                    className: ke({ size: f }),
                     children: /* @__PURE__ */ s(Oe, {})
                   }
                 )
@@ -236,10 +260,10 @@ const Se = ce(
             {
               sideOffset: 4,
               align: "start",
-              className: Pe(),
+              className: xe(),
               children: /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:sm:flex-row ds:gap-[var(--spacing-md)]", children: [
                 /* @__PURE__ */ s("div", { role: "region", "aria-label": re, children: /* @__PURE__ */ s(
-                  we,
+                  Ce,
                   {
                     mode: "single",
                     selected: o,
@@ -247,11 +271,11 @@ const Se = ce(
                     month: Y,
                     onMonthChange: D,
                     disabled: $,
-                    locale: V,
+                    locale: M,
                     showOutsideDays: !0,
                     fixedWeeks: !0,
-                    classNames: De,
-                    components: { Chevron: Ce }
+                    classNames: Pe,
+                    components: { Chevron: De }
                   }
                 ) }),
                 /* @__PURE__ */ y(
@@ -269,12 +293,12 @@ const Se = ce(
                             minutes: o.getMinutes()
                           } : { hours: 0, minutes: 0 },
                           onChange: ae,
-                          hour12: Z,
+                          hour12: _,
                           minuteStep: j,
                           size: f
                         }
                       ),
-                      S ? /* @__PURE__ */ s("span", { className: "type-meta ds:text-muted-foreground", children: S }) : null,
+                      V ? /* @__PURE__ */ s("span", { className: "type-meta ds:text-muted-foreground", children: V }) : null,
                       R ? /* @__PURE__ */ s(
                         "span",
                         {
@@ -289,8 +313,8 @@ const Se = ce(
                           type: "button",
                           onClick: se,
                           disabled: !o || R,
-                          className: Se({ size: f }),
-                          children: J
+                          className: Ve({ size: f }),
+                          children: G
                         }
                       )
                     ]
@@ -309,4 +333,4 @@ export {
   Ie as D,
   Ne as d
 };
-//# sourceMappingURL=date-time-picker-Ze1My59T.js.map
+//# sourceMappingURL=date-time-picker-BhoogS5Q.js.map

package/dist/_chunks/{dependent-selector-DpzGtr_J.js → dependent-selector-CG_FOHya.js}

@@ -1,13 +1,13 @@
 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 E, useState as me } from "react";
-import * as L from "@radix-ui/react-radio-group";
-import { c as q } from "./index-D2ZczOXr.js";
+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-BNQNhoyL.js";
 import { B as fe } from "./badge-CqGsX32l.js";
 import { T as ge } from "./tooltip-DvmfrNvB.js";
 import { c as ve } from "./compose-refs-C0k0tdqF.js";
-import { u as be } from "./registry-nPAVE19X.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-ChA9opNA.js";
 const xe = {
@@ -25,8 +25,22 @@ const xe = {
     set_value: {
       safety: "write",
       argsType: "{ value: string }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          value: {
+            type: "string",
+            description: "Stable opaque id of the person row to select."
+          }
+        },
+        required: ["value"]
+      },
+      idempotent: !0,
       descriptionKey: "ui.agent.dependentSelector.actions.setValue",
       description: "Select the person row with the given id.",
+      examples: [
+        { args: { value: "person-2" }, note: "Select the second dependent." }
+      ],
       invoke: (t, c) => {
         t.setValue(c.value);
       }
@@ -48,7 +62,7 @@ const xe = {
       description: "Stable person id emitted on each rendered person row."
     }
   }
-}, we = q(
+}, Se = G(
   "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:min-w-0",
   {
     variants: {
@@ -57,7 +71,7 @@ const xe = {
     },
     defaultVariants: { size: "md", tone: "checkin" }
   }
-), G = q(
+), L = G(
   [
     // The row IS the Radix Item (`<button role="radio">`). Reset the
     // button chrome, lay out avatar + text on the inline axis. Logical
@@ -102,7 +116,7 @@ const xe = {
     },
     defaultVariants: { size: "md", tone: "checkin", disabled: !1 }
   }
-), Ne = { sm: "sm", md: "md", lg: "lg" }, Se = {
+), we = { sm: "sm", md: "md", lg: "lg" }, Ne = {
   sm: "ds:size-8",
   md: "ds:size-10",
   lg: "ds:size-12"
@@ -117,7 +131,7 @@ const xe = {
     defaultValue: g,
     onValueChange: n,
     label: v,
-    description: w,
+    description: S,
     size: F = "md",
     tone: J = "checkin",
     loading: r = !1,
@@ -125,14 +139,14 @@ const xe = {
     emptyState: O,
     id: p,
     className: Q,
-    "aria-label": N,
+    "aria-label": w,
     "aria-labelledby": z,
     ...U
   }, W) => {
-    const o = F ?? "md", S = J ?? "checkin", { t: a } = pe(), b = ce(), k = `${b}-legend`, B = `${b}-description`, R = `${b}-error`;
+    const o = F ?? "md", N = J ?? "checkin", { t: a } = pe(), b = ce(), k = `${b}-legend`, B = `${b}-description`, R = `${b}-error`;
     f(!1), P(() => {
-    }, [v, N, z]);
-    const I = E(
+    }, [v, w, z]);
+    const I = q(
       () => t.filter((e) => !e.disabled),
       [t]
     ), X = t.some(
@@ -145,12 +159,12 @@ const xe = {
       r || (i || Z(e), n == null || n(e));
     }, h = f(n);
     h.current = n;
-    const D = f(!1);
+    const j = f(!1);
     P(() => {
       var e;
-      !D.current && !i && !r && g === void 0 && u !== void 0 && (D.current = !0, (e = h.current) == null || e.call(h, u));
+      !j.current && !i && !r && g === void 0 && u !== void 0 && (j.current = !0, (e = h.current) == null || e.call(h, u));
     }, [i, r, g, u]);
-    const C = E(
+    const C = q(
       () => ({
         getValue: () => _.current,
         setValue: (e) => $(e)
@@ -159,13 +173,13 @@ const xe = {
       [i, r, n]
     );
     be(xe, C, p);
-    const T = f(null), j = ve(W, T), ee = he(T), y = z ?? (v ? k : void 0), K = [w ? 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) => {
+    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) => {
       const l = [a("dependentSelector.optionLabel", {
         name: e.name,
         relationship: V(e.relationshipKey)
       })];
       return typeof e.age == "number" && l.push(M(e.age)), e.isMinor && l.push(a("dependentSelector.minorBadge")), l.join(", ");
-    }, de = w ? /* @__PURE__ */ s("p", { id: B, className: "type-body-sm ds:text-muted-foreground", children: w }) : null, te = m ? /* @__PURE__ */ d(
+    }, de = S ? /* @__PURE__ */ s("p", { id: B, className: "type-body-sm ds:text-muted-foreground", children: S }) : null, te = m ? /* @__PURE__ */ d(
       "p",
       {
         id: R,
@@ -184,12 +198,12 @@ const xe = {
         children: Array.from({ length: 3 }).map((e, x) => /* @__PURE__ */ d(
           "div",
           {
-            className: G({ size: o, tone: S, disabled: !1 }),
+            className: L({ size: o, tone: N, disabled: !1 }),
             children: [
               /* @__PURE__ */ s(
                 "span",
                 {
-                  className: `ds:inline-flex ds:shrink-0 ds:rounded-[var(--radius-full)] ds:bg-muted ds:animate-pulse ${Se[o]}`
+                  className: `ds:inline-flex ds:shrink-0 ds:rounded-[var(--radius-full)] ds:bg-muted ds:animate-pulse ${Ne[o]}`
                 }
               ),
               /* @__PURE__ */ d("span", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:min-w-0 ds:flex-1", children: [
@@ -203,7 +217,7 @@ const xe = {
       }
     ), ie = (e) => {
       const x = `${b}-row-${e.id}`, l = se(e), H = /* @__PURE__ */ d(
-        L.Item,
+        E.Item,
         {
           id: x,
           value: e.id,
@@ -211,9 +225,9 @@ const xe = {
           "aria-label": l,
           title: e.dob ?? void 0,
           "data-option-id": e.id,
-          className: G({
+          className: L({
             size: o,
-            tone: S,
+            tone: N,
             disabled: !!e.disabled
           }),
           children: [
@@ -222,7 +236,7 @@ const xe = {
               {
                 src: e.avatarSrc,
                 name: e.name,
-                size: Ne[o],
+                size: we[o],
                 "aria-hidden": "true"
               }
             ),
@@ -271,10 +285,10 @@ const xe = {
     }, ne = O ?? /* @__PURE__ */ s("p", { className: "type-body-sm ds:text-muted-foreground", children: a("dependentSelector.empty") }), re = r ? /* @__PURE__ */ d(
       "div",
       {
-        ref: j,
+        ref: T,
         id: p,
         role: "radiogroup",
-        "aria-label": y ? void 0 : N,
+        "aria-label": y ? void 0 : w,
         "aria-labelledby": y,
         "aria-describedby": K,
         "aria-invalid": !!m || void 0,
@@ -288,15 +302,15 @@ const xe = {
         ]
       }
     ) : /* @__PURE__ */ s(
-      L.Root,
+      E.Root,
       {
-        ref: j,
+        ref: T,
         id: p,
         dir: ee,
         value: i ? c ?? "" : void 0,
         defaultValue: i ? void 0 : g ?? u,
         onValueChange: $,
-        "aria-label": y ? void 0 : N,
+        "aria-label": y ? void 0 : w,
         "aria-labelledby": y,
         "aria-describedby": K,
         "aria-invalid": !!m || void 0,
@@ -306,7 +320,7 @@ const xe = {
         ...U,
         children: t.map(ie)
       }
-    ), oe = we({ size: o, tone: S, className: Q });
+    ), 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,
@@ -321,4 +335,4 @@ export {
   ke as D,
   xe as d
 };
-//# sourceMappingURL=dependent-selector-DpzGtr_J.js.map
+//# sourceMappingURL=dependent-selector-CG_FOHya.js.map

package/dist/_chunks/{dialog-DMGnSelc.js → dialog-ZNuboNmy.js}

@@ -1,17 +1,18 @@
 import { jsx as t, jsxs as f } from "react/jsx-runtime";
-import { useRef as j, useEffect as O, useMemo as T, forwardRef as i, useContext as x, createContext as B } from "react";
+import { useRef as O, useEffect as j, useMemo as T, forwardRef as i, useContext as x, createContext as B } from "react";
 import * as s from "@radix-ui/react-dialog";
 import { c as k } from "./index-D2ZczOXr.js";
 import { useTranslation as H } from "react-i18next";
 import { u as S } from "./use-controllable-state-BiY4xTzM.js";
-import { u as w } from "./registry-nPAVE19X.js";
-import { X as A } from "./x-CCcI3eJp.js";
-const E = {
+import { u as A } from "./registry-DvAUVLHh.js";
+import { X as E } from "./x-CCcI3eJp.js";
+const I = {
   id: "dialog",
   capabilities: ["open", "close", "dismiss"],
   state: {
     isOpen: {
       type: "boolean",
+      descriptionKey: "ui.agent.dialog.state.isOpen",
       description: "True when the dialog is currently open.",
       read: (e) => e.getIsOpen()
     }
@@ -19,13 +20,17 @@ const E = {
   actions: {
     open: {
       safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.dialog.actions.open",
       description: "Open the dialog.",
       invoke: (e) => {
         e.open();
       }
     },
     close: {
-      safety: "write",
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.dialog.actions.close",
       description: "Close the dialog. Reversible by reopening.",
       invoke: (e) => {
         e.close();
@@ -33,6 +38,8 @@ const E = {
     },
     dismiss: {
       safety: "destructive",
+      idempotent: !0,
+      descriptionKey: "ui.agent.dialog.actions.dismiss",
       description: "Dismiss the dialog. Loses any in-progress input that has not been committed.",
       invoke: (e) => {
         e.close();
@@ -47,7 +54,7 @@ const E = {
       description: "Sourced from the id prop on Dialog.Root."
     }
   }
-}, I = [
+}, w = [
   "ds-dialog__backdrop",
   "ds:backdrop-blur-sm",
   "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0",
@@ -68,23 +75,23 @@ const E = {
     }
   },
   defaultVariants: { size: "md" }
-}), D = B(void 0), u = ({
+}), y = B(void 0), u = ({
   children: e,
   id: o,
   open: a,
   defaultOpen: l,
   onOpenChange: c,
-  ...m
+  ...p
 }) => {
-  const [p, n] = S({
+  const [g, n] = S({
     value: a,
     defaultValue: l ?? !1,
     onChange: c
-  }), d = p ?? !1, r = j(d);
-  O(() => {
+  }), d = g ?? !1, r = O(d);
+  j(() => {
     r.current = d;
   }, [d]);
-  const g = T(
+  const m = T(
     () => ({
       getIsOpen: () => r.current,
       open: () => n(!0),
@@ -92,11 +99,11 @@ const E = {
     }),
     [n]
   );
-  return w(E, g, o), /* @__PURE__ */ t(D.Provider, { value: o, children: /* @__PURE__ */ t(s.Root, { open: d, onOpenChange: n, ...m, children: e }) });
+  return A(I, m, o), /* @__PURE__ */ t(y.Provider, { value: o, children: /* @__PURE__ */ t(s.Root, { open: d, onOpenChange: n, ...p, children: e }) });
 };
 u.displayName = "Dialog.Root";
-const y = i(({ children: e, ...o }, a) => /* @__PURE__ */ t(s.Trigger, { ref: a, ...o, children: e }));
-y.displayName = "Dialog.Trigger";
+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 C = i(
@@ -106,29 +113,29 @@ const C = i(
     hideCloseButton: a,
     className: l,
     children: c,
-    ...m
-  }, p) => {
-    const { t: n } = H(), d = x(D), r = o === "alert" ? { role: "alertdialog" } : {}, g = a ?? o !== "default";
+    ...p
+  }, g) => {
+    const { t: n } = H(), d = x(y), r = o === "alert" ? { role: "alertdialog" } : {}, m = a ?? o !== "default";
     return /* @__PURE__ */ f(s.Portal, { children: [
       /* @__PURE__ */ t(
         s.Overlay,
         {
           "data-component": "dialog-overlay",
-          className: I
+          className: w
         }
       ),
       /* @__PURE__ */ f(
         s.Content,
         {
-          ref: p,
+          ref: g,
           ...r,
           "data-component": "dialog",
           "data-component-id": d,
           className: F({ size: e, className: l }),
-          ...m,
+          ...p,
           children: [
             c,
-            !g && // The close is a plain button carrying the `ds-dialog__close`
+            !m && // 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
@@ -139,7 +146,7 @@ const C = i(
                 type: "button",
                 className: "ds-dialog__close",
                 "aria-label": n("common.close", "Close"),
-                children: /* @__PURE__ */ t(A, { "aria-hidden": "true" })
+                children: /* @__PURE__ */ t(E, { "aria-hidden": "true" })
               }
             )
           ]
@@ -205,9 +212,9 @@ const R = i(
   )
 );
 R.displayName = "Dialog.Footer";
-const $ = Object.assign(u, {
+const Y = Object.assign(u, {
   Root: u,
-  Trigger: y,
+  Trigger: D,
   Content: C,
   Header: _,
   Title: h,
@@ -217,7 +224,7 @@ const $ = Object.assign(u, {
   Close: v
 });
 export {
-  $ as D,
-  E as d
+  Y as D,
+  I as d
 };
-//# sourceMappingURL=dialog-DMGnSelc.js.map
+//# sourceMappingURL=dialog-ZNuboNmy.js.map