impact-nova 1.3.0 → 1.5.2

package/dist/components/ui/date-picker/week-range-picker.js

@@ -1,242 +1,244 @@
-import { jsxs as p, jsx as o } from "react/jsx-runtime";
-import * as r from "react";
-import { X as he } from "lucide-react";
-import { CalendarMonth as ge, Info as xe } from "../../../icons/index.js";
-import { format as x, isValid as S, parse as C } from "date-fns";
-import { cn as R, padValidDateString as X, maskDate as q } from "../../../lib/utils.js";
-import { Popover as be, PopoverTrigger as we, PopoverContent as ye } from "../popover.js";
-import { Calendar as ke } from "../calendar.js";
-import { Tooltip as G, TooltipTrigger as J, TooltipContent as K } from "../tooltip.js";
-import { resolveWeekSelection as De } from "../../../lib/fiscal-calendar.js";
-const g = (e, i = "MM/dd/yyyy") => {
-  const t = x(e.startDate, i), W = x(e.endDate, i);
-  return `${t} - ${W}`;
-}, Se = r.forwardRef(
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import * as s from "react";
+import { X as we } from "lucide-react";
+import { CalendarMonth as ke, Info as ye } from "../../../icons/index.js";
+import { format as b, isValid as S, parse as C } from "date-fns";
+import { cn as N, padValidDateString as Q, maskDate as U } from "../../../lib/utils.js";
+import { Popover as De, PopoverTrigger as Re, PopoverContent as Se } from "../popover.js";
+import { Calendar as Ce } from "../calendar.js";
+import { Tooltip as Z, TooltipTrigger as Y, TooltipContent as _ } from "../tooltip.js";
+import { resolveWeekSelection as Ne } from "../../../lib/fiscal-calendar.js";
+import { getDateFnsLocale as Ie } from "../../../i18n/getDateFnsLocale.js";
+import { useImpactNovaI18n as We } from "../../../i18n/ImpactNovaI18nContext.js";
+const x = (t, l = "MM/dd/yyyy", e) => {
+  const V = b(t.startDate, l, e ? { locale: e } : {}), v = b(t.endDate, l, e ? { locale: e } : {});
+  return `${V} - ${v}`;
+}, Pe = s.forwardRef(
   ({
-    value: e,
-    onChange: i,
-    format: t = "MM/dd/yyyy",
-    placeholder: W = "Select Week Range",
-    minDate: Q,
-    maxDate: U,
-    startMonth: Z,
-    endMonth: Y,
-    showFooter: m = !0,
-    calendarType: v = "calendar",
-    fiscalMode: T = "basic",
-    selectionMode: E = "week",
-    fiscalMonthPattern: A,
-    fiscalYearStartMonth: M = 1,
-    weekStartsOn: j = 1,
-    disabled: w,
-    className: _,
-    isError: N,
-    size: B,
-    label: L,
-    helperText: O,
-    required: F,
-    prefix: Ce,
-    prefixClick: Re,
-    ...ee
-  }, te) => {
-    const $ = r.useRef(null), ne = r.useRef(null);
-    r.useRef(null), r.useRef(null), r.useImperativeHandle(te, () => $.current);
-    const [d, I] = r.useState(!1), [y, c] = r.useState(e), [k, u] = r.useState(e?.from ? x(e.from.startDate, t) : ""), [D, h] = r.useState(e?.to ? x(e.to.endDate, t) : ""), [oe, V] = r.useState(e?.from?.startDate || /* @__PURE__ */ new Date());
-    r.useEffect(() => {
-      d || (u(e?.from ? x(e.from.startDate, t) : ""), h(e?.to ? x(e.to.endDate, t) : ""), c(e));
-    }, [e, t, d]), r.useEffect(() => {
-      d && (c(e), u(e?.from ? x(e.from.startDate, t) : ""), h(e?.to ? x(e.to.endDate, t) : ""), V(e?.from?.startDate || /* @__PURE__ */ new Date()));
-    }, [d, e, t]);
-    const re = (n) => {
-      c(n), n?.from && u(g(n.from, t)), n?.to && h(g(n.to, t)), !m && n?.from && n?.to && n.from.startDate.getTime() !== n.to.startDate.getTime() && (i?.(n), I(!1));
-    }, se = (n) => {
-      i?.(n !== void 0 ? n : y), I(!1);
-    }, ie = () => {
-      c(e), u(e?.from ? g(e.from, t) : ""), h(e?.to ? g(e.to, t) : ""), I(!1);
-    }, z = () => {
-      c(void 0), u(""), h(""), i?.(void 0), m || I(!1);
-    }, P = (n) => De(n, {
-      calendarType: v,
-      fiscalMode: T,
-      selectionMode: E,
-      fiscalMonthPattern: A,
-      fiscalYearStartMonth: M,
-      weekStartsOn: j
-    }), de = (n) => {
-      const f = n.target.value, s = q(f, t, k);
-      if (u(s), s === "") {
-        const a = { from: void 0, to: y?.to };
-        c(a), m || i?.(a);
+    value: t,
+    onChange: l,
+    format: e = "MM/dd/yyyy",
+    placeholder: V,
+    minDate: v,
+    maxDate: F,
+    startMonth: ee,
+    endMonth: te,
+    showFooter: u = !0,
+    calendarType: M = "calendar",
+    fiscalMode: A = "basic",
+    selectionMode: L = "week",
+    fiscalMonthPattern: j,
+    fiscalYearStartMonth: B = 1,
+    weekStartsOn: O = 1,
+    disabled: k,
+    className: ne,
+    isError: I,
+    size: $,
+    label: z,
+    helperText: H,
+    required: oe,
+    prefix: Ve,
+    prefixClick: ve,
+    ...re
+  }, se) => {
+    const { locale: X, t: T } = We(), o = s.useMemo(() => Ie(X), [X]), q = V ?? T("datePicker.selectWeekRange"), G = s.useRef(null), ie = s.useRef(null);
+    s.useRef(null), s.useRef(null), s.useImperativeHandle(se, () => G.current);
+    const [c, W] = s.useState(!1), [y, d] = s.useState(t), [D, h] = s.useState(t?.from ? b(t.from.startDate, e, { locale: o }) : ""), [R, g] = s.useState(t?.to ? b(t.to.endDate, e, { locale: o }) : ""), [le, E] = s.useState(t?.from?.startDate || /* @__PURE__ */ new Date());
+    s.useEffect(() => {
+      c || (h(t?.from ? b(t.from.startDate, e, { locale: o }) : ""), g(t?.to ? b(t.to.endDate, e, { locale: o }) : ""), d(t));
+    }, [t, e, c, o]), s.useEffect(() => {
+      c && (d(t), h(t?.from ? b(t.from.startDate, e, { locale: o }) : ""), g(t?.to ? b(t.to.endDate, e, { locale: o }) : ""), E(t?.from?.startDate || /* @__PURE__ */ new Date()));
+    }, [c, t, e, o]);
+    const ce = (n) => {
+      d(n), n?.from && h(x(n.from, e, o)), n?.to && g(x(n.to, e, o)), !u && n?.from && n?.to && n.from.startDate.getTime() !== n.to.startDate.getTime() && (l?.(n), W(!1));
+    }, de = (n) => {
+      l?.(n !== void 0 ? n : y), W(!1);
+    }, ae = () => {
+      d(t), h(t?.from ? x(t.from, e, o) : ""), g(t?.to ? x(t.to, e, o) : ""), W(!1);
+    }, J = () => {
+      d(void 0), h(""), g(""), l?.(void 0), u || W(!1);
+    }, P = (n) => Ne(n, {
+      calendarType: M,
+      fiscalMode: A,
+      selectionMode: L,
+      fiscalMonthPattern: j,
+      fiscalYearStartMonth: B,
+      weekStartsOn: O
+    }), fe = (n) => {
+      const p = n.target.value, i = U(p, e, D);
+      if (h(i), i === "") {
+        const f = { from: void 0, to: y?.to };
+        d(f), u || l?.(f);
         return;
       }
-      const l = C(s, t, /* @__PURE__ */ new Date());
-      if (S(l) && s.length === t.length) {
-        const b = { from: P(l), to: y?.to };
-        c(b), m || i?.(b);
+      const a = C(i, e, /* @__PURE__ */ new Date(), { locale: o });
+      if (S(a) && i.length === e.length) {
+        const w = { from: P(a), to: y?.to };
+        d(w), u || l?.(w);
       }
-    }, ce = (n) => {
-      const f = n.target.value, s = q(f, t, D);
-      if (h(s), s === "") {
-        const a = { from: y?.from, to: void 0 };
-        c(a), m || i?.(a);
+    }, pe = (n) => {
+      const p = n.target.value, i = U(p, e, R);
+      if (g(i), i === "") {
+        const f = { from: y?.from, to: void 0 };
+        d(f), u || l?.(f);
         return;
       }
-      const l = C(s, t, /* @__PURE__ */ new Date());
-      if (S(l) && s.length === t.length) {
-        const a = P(l), b = { from: y?.from, to: a };
-        c(b), l && V(l), m || i?.(b);
+      const a = C(i, e, /* @__PURE__ */ new Date(), { locale: o });
+      if (S(a) && i.length === e.length) {
+        const f = P(a), w = { from: y?.from, to: f };
+        d(w), a && E(a), u || l?.(w);
       }
-    }, H = () => {
-      if (d) return;
-      const n = X(k, t), f = X(D, t), s = C(n, t, /* @__PURE__ */ new Date()), l = C(f, t, /* @__PURE__ */ new Date()), a = S(s) && n.length === t.length, b = S(l) && f.length === t.length;
-      if (!a || !b)
-        u(e?.from ? g(e.from, t) : ""), h(e?.to ? g(e.to, t) : ""), c(e);
-      else if (u(n), h(f), !m) {
-        const me = P(s), ue = P(l);
-        i?.({ from: me, to: ue });
+    }, K = () => {
+      if (c) return;
+      const n = Q(D, e), p = Q(R, e), i = C(n, e, /* @__PURE__ */ new Date(), { locale: o }), a = C(p, e, /* @__PURE__ */ new Date(), { locale: o }), f = S(i) && n.length === e.length, w = S(a) && p.length === e.length;
+      if (!f || !w)
+        h(t?.from ? x(t.from, e, o) : ""), g(t?.to ? x(t.to, e, o) : ""), d(t);
+      else if (h(n), g(p), !u) {
+        const xe = P(i), be = P(a);
+        l?.({ from: xe, to: be });
       }
-    }, le = (e?.from ? g(e.from, t) : "") !== k, ae = (e?.to ? g(e.to, t) : "") !== D, fe = k.length === t.length && !S(C(k, t, /* @__PURE__ */ new Date())), pe = D.length === t.length && !S(C(D, t, /* @__PURE__ */ new Date()));
-    return /* @__PURE__ */ p("div", { className: "w-full space-y-1.5 min-w-[240px]", "data-component": "week-range-picker", "data-disabled": w || void 0, children: [
-      L && /* @__PURE__ */ p(
+    }, me = (t?.from ? x(t.from, e, o) : "") !== D, ue = (t?.to ? x(t.to, e, o) : "") !== R, he = D.length === e.length && !S(C(D, e, /* @__PURE__ */ new Date(), { locale: o })), ge = R.length === e.length && !S(C(R, e, /* @__PURE__ */ new Date(), { locale: o }));
+    return /* @__PURE__ */ m("div", { className: "w-full space-y-1.5 min-w-[240px]", "data-component": "week-range-picker", "data-disabled": k || void 0, children: [
+      z && /* @__PURE__ */ m(
         "label",
         {
-          className: R(
+          className: N(
             "text-xs font-medium leading-[18px] text-[#60697d]",
-            w && "opacity-70",
-            N && "text-destructive"
+            k && "opacity-70",
+            I && "text-destructive"
           ),
           children: [
-            L,
+            z,
             " ",
-            F && /* @__PURE__ */ o("span", { className: "text-destructive", children: "*" })
+            oe && /* @__PURE__ */ r("span", { className: "text-destructive", children: "*" })
           ]
         }
       ),
-      /* @__PURE__ */ p(be, { open: d, onOpenChange: I, children: [
-        /* @__PURE__ */ o(we, { asChild: !0, children: /* @__PURE__ */ p(
+      /* @__PURE__ */ m(De, { open: c, onOpenChange: W, children: [
+        /* @__PURE__ */ r(Re, { asChild: !0, children: /* @__PURE__ */ m(
           "div",
           {
-            "data-state": d ? "open" : "closed",
-            className: R(
+            "data-state": c ? "open" : "closed",
+            className: N(
               "flex w-full items-center justify-between gap-2 rounded-md border bg-white px-3 text-sm shadow-sm transition-colors hover:border-primary disabled:cursor-not-allowed disabled:bg-disabled-secondary-bg disabled:text-disabled-text disabled:border-border",
-              N ? "border-destructive hover:border-destructive" : "border-input",
-              B === "sm" ? "h-6" : B === "md" ? "h-[28px]" : "h-8",
-              w && "pointer-events-none opacity-100 bg-disabled-secondary-bg border-border text-disabled-text hover:border-border",
+              I ? "border-destructive hover:border-destructive" : "border-input",
+              $ === "sm" ? "h-6" : $ === "md" ? "h-[28px]" : "h-8",
+              k && "pointer-events-none opacity-100 bg-disabled-secondary-bg border-border text-disabled-text hover:border-border",
               "cursor-pointer",
-              _
+              ne
             ),
             children: [
-              /* @__PURE__ */ p("div", { className: "flex items-center gap-4 flex-1 min-w-0", children: [
-                /* @__PURE__ */ o(
+              /* @__PURE__ */ m("div", { className: "flex items-center gap-4 flex-1 min-w-0", children: [
+                /* @__PURE__ */ r(
                   "input",
                   {
-                    ref: $,
+                    ref: G,
                     type: "text",
-                    value: k,
-                    onChange: de,
-                    onBlur: H,
-                    onClick: (n) => d && n.stopPropagation(),
-                    placeholder: d ? t : W,
-                    disabled: !!w,
+                    value: D,
+                    onChange: fe,
+                    onBlur: K,
+                    onClick: (n) => c && n.stopPropagation(),
+                    placeholder: c ? e : q,
+                    disabled: !!k,
                     "data-field": "start",
-                    className: R(
+                    className: N(
                       "flex-1 min-w-0 bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-[#dfe2e7] disabled:cursor-not-allowed disabled:opacity-50",
-                      fe ? "text-destructive" : le ? "text-muted-foreground" : ""
+                      he ? "text-destructive" : me ? "text-muted-foreground" : ""
                     ),
-                    ...ee
+                    ...re
                   }
                 ),
-                /* @__PURE__ */ o(
+                /* @__PURE__ */ r(
                   "input",
                   {
-                    ref: ne,
+                    ref: ie,
                     type: "text",
-                    value: D,
-                    onChange: ce,
-                    onBlur: H,
-                    onClick: (n) => d && n.stopPropagation(),
-                    placeholder: d ? t : W,
-                    disabled: !!w,
+                    value: R,
+                    onChange: pe,
+                    onBlur: K,
+                    onClick: (n) => c && n.stopPropagation(),
+                    placeholder: c ? e : q,
+                    disabled: !!k,
                     "data-field": "end",
-                    className: R(
+                    className: N(
                       "flex-1 min-w-0 bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-[#dfe2e7] disabled:cursor-not-allowed disabled:opacity-50",
-                      pe ? "text-destructive" : ae ? "text-muted-foreground" : ""
+                      ge ? "text-destructive" : ue ? "text-muted-foreground" : ""
                     )
                   }
                 )
               ] }),
-              /* @__PURE__ */ p("div", { className: "flex items-center gap-1 shrink-0", children: [
-                e?.from && !w && /* @__PURE__ */ p(G, { children: [
-                  /* @__PURE__ */ o(J, { asChild: !0, children: /* @__PURE__ */ o(
-                    he,
+              /* @__PURE__ */ m("div", { className: "flex items-center gap-1 shrink-0", children: [
+                t?.from && !k && /* @__PURE__ */ m(Z, { children: [
+                  /* @__PURE__ */ r(Y, { asChild: !0, children: /* @__PURE__ */ r(
+                    we,
                     {
                       className: "h-4 w-4 cursor-pointer hover:text-foreground text-muted-foreground",
                       onClick: (n) => {
-                        n.stopPropagation(), z();
+                        n.stopPropagation(), J();
                       }
                     }
                   ) }),
-                  /* @__PURE__ */ o(K, { variant: "tertiary", side: "top", children: "Clear" })
+                  /* @__PURE__ */ r(_, { variant: "tertiary", side: "top", children: T("calendar.clear") })
                 ] }),
-                /* @__PURE__ */ p(G, { children: [
-                  /* @__PURE__ */ o(J, { asChild: !0, children: /* @__PURE__ */ o(ge, { className: "h-4 w-4 text-secondary-foreground" }) }),
-                  /* @__PURE__ */ o(K, { variant: "tertiary", side: "top", children: "Pick a range" })
+                /* @__PURE__ */ m(Z, { children: [
+                  /* @__PURE__ */ r(Y, { asChild: !0, children: /* @__PURE__ */ r(ke, { className: "h-4 w-4 text-secondary-foreground" }) }),
+                  /* @__PURE__ */ r(_, { variant: "tertiary", side: "top", children: T("datePicker.selectWeekRange") })
                 ] })
               ] })
             ]
           }
         ) }),
-        /* @__PURE__ */ o(
-          ye,
+        /* @__PURE__ */ r(
+          Se,
           {
             className: "w-auto p-0",
             align: "start",
             onOpenAutoFocus: (n) => n.preventDefault(),
-            children: /* @__PURE__ */ o(
-              ke,
+            children: /* @__PURE__ */ r(
+              Ce,
               {
                 pickerType: "week",
                 weekMode: "range",
                 selectedWeeks: y,
-                onWeekSelect: re,
-                month: oe,
-                onMonthChange: V,
-                disabled: { before: Q, after: U },
-                startMonth: Z,
-                endMonth: Y,
-                showFooter: m,
-                calendarType: v,
-                fiscalMode: T,
-                selectionMode: E,
-                fiscalMonthPattern: A,
-                fiscalYearStartMonth: M,
-                weekStartsOn: j,
-                onApply: se,
-                onCancel: ie,
-                onClear: z,
+                onWeekSelect: ce,
+                month: le,
+                onMonthChange: E,
+                disabled: { before: v, after: F },
+                startMonth: ee,
+                endMonth: te,
+                showFooter: u,
+                calendarType: M,
+                fiscalMode: A,
+                selectionMode: L,
+                fiscalMonthPattern: j,
+                fiscalYearStartMonth: B,
+                weekStartsOn: O,
+                onApply: de,
+                onCancel: ae,
+                onClear: J,
                 captionLayout: "dropdown"
               }
             )
           }
         )
       ] }),
-      O && /* @__PURE__ */ p("div", { className: R("flex items-center gap-1", N && "text-destructive"), children: [
-        !N && /* @__PURE__ */ o(xe, { size: 10, className: "shrink-0 text-muted-foreground" }),
-        /* @__PURE__ */ o(
+      H && /* @__PURE__ */ m("div", { className: N("flex items-center gap-1", I && "text-destructive"), children: [
+        !I && /* @__PURE__ */ r(ye, { size: 10, className: "shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ r(
           "p",
           {
-            className: R(
+            className: N(
               "text-[10px] text-[#7a8294]",
-              N && "text-destructive"
+              I && "text-destructive"
             ),
-            children: O
+            children: H
           }
         )
       ] })
     ] });
   }
 );
-Se.displayName = "WeekRangePicker";
+Pe.displayName = "WeekRangePicker";
 export {
-  Se as WeekRangePicker
+  Pe as WeekRangePicker
 };

package/dist/components/ui/dialog.js

@@ -1,58 +1,63 @@
 import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import * as d from "react";
-import * as a from "@radix-ui/react-dialog";
-import { X as m } from "lucide-react";
+import * as n from "react";
+import * as t from "@radix-ui/react-dialog";
+import { X as f } from "lucide-react";
 import { cn as i } from "../../lib/utils.js";
-import { Tooltip as p, TooltipTrigger as f, TooltipContent as g } from "./tooltip.js";
-const R = a.Root, k = a.Trigger, x = a.Portal, z = a.Close, n = d.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
-  a.Overlay,
+import { Tooltip as g, TooltipTrigger as u, TooltipContent as x } from "./tooltip.js";
+import { useImpactNovaI18n as y } from "../../i18n/ImpactNovaI18nContext.js";
+const O = t.Root, P = t.Trigger, N = t.Portal, B = t.Close, r = n.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ o(
+  t.Overlay,
   {
     ref: s,
     className: i(
       "fixed inset-0 z-50 bg-black/40  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       e
     ),
-    ...t
+    ...a
   }
 ));
-n.displayName = a.Overlay.displayName;
-const y = d.forwardRef(({ className: e, children: t, hideClose: s, ...r }, c) => /* @__PURE__ */ l(x, { children: [
-  /* @__PURE__ */ o(n, {}),
-  /* @__PURE__ */ l(
-    a.Content,
-    {
-      ref: c,
-      "aria-describedby": void 0,
-      "data-component": "dialog-content",
-      className: i(
-        "fixed left-[50%] top-[50%] z-50 flex flex-col w-full max-w-lg translate-x-[-50%] translate-y-[-50%] border bg-background shadow-xl duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-lg overflow-hidden",
-        e
-      ),
-      ...r,
-      children: [
-        t,
-        !s && /* @__PURE__ */ l(p, { children: [
-          /* @__PURE__ */ o(f, { asChild: !0, children: /* @__PURE__ */ l(
-            a.Close,
-            {
-              "data-component": "dialog-close",
-              className: "absolute right-4 top-4 rounded-sm opacity-50 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
-              children: [
-                /* @__PURE__ */ o(m, { className: "h-4 w-4" }),
-                /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ o(g, { variant: "tertiary", side: "top", children: "Close" })
-        ] })
-      ]
-    }
-  )
-] }));
-y.displayName = a.Content.displayName;
-const u = ({
+r.displayName = t.Overlay.displayName;
+const b = n.forwardRef(({ className: e, children: a, hideClose: s, ...c }, m) => {
+  const { t: p } = y(), d = p("aria.close");
+  return /* @__PURE__ */ l(N, { children: [
+    /* @__PURE__ */ o(r, {}),
+    /* @__PURE__ */ l(
+      t.Content,
+      {
+        ref: m,
+        "aria-describedby": void 0,
+        "data-component": "dialog-content",
+        className: i(
+          "fixed left-[50%] top-[50%] z-50 flex flex-col w-full max-w-lg translate-x-[-50%] translate-y-[-50%] border bg-background shadow-xl duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-lg overflow-hidden",
+          e
+        ),
+        ...c,
+        children: [
+          a,
+          !s && /* @__PURE__ */ l(g, { children: [
+            /* @__PURE__ */ o(u, { asChild: !0, children: /* @__PURE__ */ l(
+              t.Close,
+              {
+                "data-component": "dialog-close",
+                className: "absolute right-4 top-4 rounded-sm opacity-50 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
+                "aria-label": d,
+                children: [
+                  /* @__PURE__ */ o(f, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ o("span", { className: "sr-only", children: d })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ o(x, { variant: "tertiary", side: "top", children: d })
+          ] })
+        ]
+      }
+    )
+  ] });
+});
+b.displayName = t.Content.displayName;
+const D = ({
   className: e,
-  ...t
+  ...a
 }) => /* @__PURE__ */ o(
   "div",
   {
@@ -60,13 +65,13 @@ const u = ({
       "flex flex-col text-center sm:text-left bg-light-blue p-4 border-b",
       e
     ),
-    ...t
+    ...a
   }
 );
-u.displayName = "DialogHeader";
-const N = ({
+D.displayName = "DialogHeader";
+const h = ({
   className: e,
-  ...t
+  ...a
 }) => /* @__PURE__ */ o(
   "div",
   {
@@ -74,13 +79,13 @@ const N = ({
       "px-6 py-6 flex-1 overflow-y-auto min-h-0",
       e
     ),
-    ...t
+    ...a
   }
 );
-N.displayName = "DialogBody";
-const b = ({
+h.displayName = "DialogBody";
+const v = ({
   className: e,
-  ...t
+  ...a
 }) => /* @__PURE__ */ o(
   "div",
   {
@@ -88,12 +93,12 @@ const b = ({
       "flex flex-col-reverse sm:flex-row sm:justify-end sm:items-center sm:space-x-2 px-4 py-3 border-t bg-white",
       e
     ),
-    ...t
+    ...a
   }
 );
-b.displayName = "DialogFooter";
-const D = d.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
-  a.Title,
+v.displayName = "DialogFooter";
+const w = n.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ o(
+  t.Title,
   {
     ref: s,
     "data-component": "dialog-title",
@@ -101,29 +106,29 @@ const D = d.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
       "text-md font-bold leading-none tracking-tight text-slate-900",
       e
     ),
-    ...t
+    ...a
   }
 ));
-D.displayName = a.Title.displayName;
-const h = d.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
-  a.Description,
+w.displayName = t.Title.displayName;
+const T = n.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ o(
+  t.Description,
   {
     ref: s,
     className: i("text-sm text-slate-600 leading-relaxed", e),
-    ...t
+    ...a
   }
 ));
-h.displayName = a.Description.displayName;
+T.displayName = t.Description.displayName;
 export {
-  R as Dialog,
-  N as DialogBody,
-  z as DialogClose,
-  y as DialogContent,
-  h as DialogDescription,
-  b as DialogFooter,
-  u as DialogHeader,
-  n as DialogOverlay,
-  x as DialogPortal,
-  D as DialogTitle,
-  k as DialogTrigger
+  O as Dialog,
+  h as DialogBody,
+  B as DialogClose,
+  b as DialogContent,
+  T as DialogDescription,
+  v as DialogFooter,
+  D as DialogHeader,
+  r as DialogOverlay,
+  N as DialogPortal,
+  w as DialogTitle,
+  P as DialogTrigger
 };