@alfadocs/ui-kit 1.54.2 → 1.55.0

package/dist/_chunks/{muscle-scheme-DfYQ0Z3v.js → muscle-scheme-BDgIaGeW.js}

@@ -5,7 +5,7 @@ import { c as x1 } from "./index-D2ZczOXr.js";
 import { useTranslation as Q1 } from "react-i18next";
 import { u as K1 } from "./registry-DvAUVLHh.js";
 import { m as k1, A as v1 } from "./annotation-marker-D-M7y4R1.js";
-import { T as _ } from "./tabs-yIY-RySP.js";
+import { T as _ } from "./tabs-I2wf_nC7.js";
 const x = {
   type: "string",
   description: "Per-muscle region id within the active view, e.g. 'quadriceps-r', 'biceps-l', 'pectoralis-r', 'trapezius-l'."
@@ -1703,4 +1703,4 @@ export {
   I1 as r,
   L1 as v
 };
-//# sourceMappingURL=muscle-scheme-DfYQ0Z3v.js.map
+//# sourceMappingURL=muscle-scheme-BDgIaGeW.js.map

package/dist/_chunks/{nav-grid-BPbmzHY0.js → nav-grid-BqCPH8sm.js}

@@ -1,4 +1,4 @@
-import { jsx as s, jsxs as x, Fragment as w } from "react/jsx-runtime";
+import { jsx as s, jsxs as w, Fragment as x } from "react/jsx-runtime";
 import { forwardRef as N, useMemo as l } from "react";
 import { c as p } from "./index-D2ZczOXr.js";
 import { L as C } from "./link-2HokYuIi.js";
@@ -37,8 +37,8 @@ const I = {
           note: 'Open the "billing" settings section.'
         }
       ],
-      invoke: (d, n) => {
-        d.openItem(n.id);
+      invoke: (d, r) => {
+        d.openItem(r.id);
       }
     }
   },
@@ -78,8 +78,7 @@ const I = {
   [
     "ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-xs)] ds:text-start",
     "ds:h-full ds:w-full ds:min-h-[var(--min-target-size)] ds:p-[var(--spacing-md)]",
-    "ds:rounded-[var(--radius-lg)] ds:border ds:border-[color:var(--card-border)]",
-    "ds:[.theme-accessible_&]:border-2",
+    "ds:rounded-[var(--radius-lg)] ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)]",
     "ds:bg-[var(--card)] ds:text-[var(--card-foreground)] ds:no-underline",
     "ds:transition-shadow ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
     "ds:outline-none",
@@ -98,7 +97,7 @@ const I = {
   }
 );
 function u({ item: d }) {
-  return /* @__PURE__ */ x(w, { children: [
+  return /* @__PURE__ */ w(x, { children: [
     d.icon ? /* @__PURE__ */ s(
       "span",
       {
@@ -111,31 +110,31 @@ function u({ item: d }) {
     d.description ? /* @__PURE__ */ s("span", { className: "type-body-sm ds:text-[var(--muted-foreground)] ds:no-underline", children: d.description }) : null
   ] });
 }
-const k = N(function({ items: n, ariaLabel: g, columns: o, sort: a = "none", id: r, className: v }, f) {
+const k = N(function({ items: r, ariaLabel: g, columns: a, sort: o = "none", id: n, className: v }, f) {
   const m = l(
-    () => a === "label" ? [...n].sort((e, i) => e.label.localeCompare(i.label)) : n,
-    [n, a]
+    () => o === "label" ? [...r].sort((e, i) => e.label.localeCompare(i.label)) : r,
+    [r, o]
   ), b = l(
     () => ({
-      getItemCount: () => n.length,
+      getItemCount: () => r.length,
       openItem: (e) => {
         var t;
-        const i = n.find((y) => y.id === e);
+        const i = r.find((y) => y.id === e);
         !i || i.disabled || (i.href ? typeof window < "u" && (window.location.href = i.href) : (t = i.onSelect) == null || t.call(i));
       }
     }),
-    [n]
+    [r]
   );
-  G(I, b, r);
-  const h = o === void 0 ? "responsive" : String(o);
+  G(I, b, n);
+  const h = a === void 0 ? "responsive" : String(a);
   return /* @__PURE__ */ s(
     "nav",
     {
       ref: f,
-      id: r,
+      id: n,
       "aria-label": g,
       "data-component": "nav-grid",
-      "data-component-id": r,
+      "data-component-id": n,
       className: v,
       children: /* @__PURE__ */ s("ul", { className: S({ columns: h }), children: m.map((e) => /* @__PURE__ */ s("li", { "data-nav-item-id": e.id, children: e.href !== void 0 ? /* @__PURE__ */ s(
         C,
@@ -166,4 +165,4 @@ export {
   I as n,
   c as t
 };
-//# sourceMappingURL=nav-grid-BPbmzHY0.js.map
+//# sourceMappingURL=nav-grid-BqCPH8sm.js.map

package/dist/_chunks/{notes-panel-BPb-2ZnJ.js → notes-panel-I8ntrrUW.js}

@@ -1,20 +1,20 @@
-import { jsxs as b, jsx as i, Fragment as _n } from "react/jsx-runtime";
-import { forwardRef as Ln, useRef as u, useState as C, useId as qn, useEffect as S, useCallback as W, useMemo as pt, useImperativeHandle as Dn } from "react";
+import { jsxs as b, jsx as i, Fragment as Ln } from "react/jsx-runtime";
+import { forwardRef as qn, useRef as u, useState as C, useId as _n, useEffect as S, useCallback as W, useMemo as pt, useImperativeHandle as Dn } from "react";
 import { c as Et } from "./index-D2ZczOXr.js";
 import { useTranslation as kn } from "react-i18next";
 import { g as mt, h as Rt } from "./handled-rejection-6gqCf5vt.js";
 import { u as zn } from "./registry-DvAUVLHh.js";
-import { C as Hn } from "./clinical-note-card-gmWXEwSu.js";
-import { R as Mn } from "./rich-text-editor-CCCSEPlG.js";
-import { T as Wn } from "./text-area-CDuItrvL.js";
+import { C as Hn } from "./clinical-note-card-14JIoUR0.js";
+import { R as Mn } from "./rich-text-editor-Blp4smUr.js";
+import { T as Wn } from "./text-area-COMVJ1yE.js";
 import { A as j } from "./alert-BhCstf2h.js";
-import { B as te } from "./button-CYPx2xFq.js";
-import { I as vt } from "./icon-button-mKIvw90h.js";
+import { B as te } from "./button-Bn16lcFM.js";
+import { I as vt } from "./icon-button-COX76Jdj.js";
 import { S as $n } from "./switch-D--x7n6h.js";
 import { T as Bn } from "./tooltip-Cp-PLePW.js";
-import { C as yt } from "./card-DPmk26CL.js";
+import { C as yt } from "./card-DMO2nkt4.js";
 import { C as Kn, S as ve } from "./skeleton-B1KTdJ4N.js";
-import { D as _ } from "./dialog-D52AI4nF.js";
+import { D as L } from "./dialog-D52AI4nF.js";
 import { P as In } from "./panel-header-D_mTdhUp.js";
 import { a as Yn, u as Gn, R as Jn } from "./use-list-reflow-C7O4Uqnl.js";
 import { u as Qn } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
@@ -153,10 +153,11 @@ const tr = {
     variants: {
       state: {
         addressed: [
-          "ds:opacity-0",
-          "ds:animate-[note-addressed_calc(var(--animation-duration)*9)_var(--ease-in-out)]",
-          "ds:motion-reduce:animate-none ds:motion-reduce:opacity-[var(--opacity-12)]",
-          "ds:[.theme-accessible_&]:animate-none ds:[.theme-accessible_&]:opacity-[var(--opacity-12)]"
+          // At rest the wash is clear; the accessible themes hold it at 12%
+          // instead of playing it (--accessible-on is 1 there).
+          "ds:opacity-[calc(var(--opacity-12)*var(--accessible-on,0))]",
+          "ds:animate-[var(--accessible-off,note-addressed_calc(var(--animation-duration)*9)_var(--ease-in-out))]",
+          "ds:motion-reduce:animate-none ds:motion-reduce:opacity-[var(--opacity-12)]"
         ].join(" "),
         editing: "ds:opacity-[var(--opacity-12)]"
       }
@@ -202,7 +203,7 @@ function or(o) {
   const f = () => o.removeAttribute("tabindex");
   o.setAttribute("tabindex", "-1"), o.focus(), document.activeElement === o ? o.addEventListener("blur", f, { once: !0 }) : f();
 }
-const jr = Ln(
+const jr = qn(
   function({
     id: f,
     notes: y,
@@ -210,7 +211,7 @@ const jr = Ln(
     status: m = "ready",
     onRetry: ne,
     currentNoteId: E,
-    currentNoteKey: Le,
+    currentNoteKey: qe,
     composer: F = "rich",
     editorToolbar: At = "standard",
     redactor: Ft,
@@ -219,9 +220,9 @@ const jr = Ln(
     canAddClinicalNote: re = !0,
     clinicalGatedReason: jt,
     defaultClinical: $ = !1,
-    onRequestAiDraft: _t,
-    aiDraftFormat: Lt,
-    aiPrivacyNotice: qt,
+    onRequestAiDraft: Lt,
+    aiDraftFormat: qt,
+    aiPrivacyNotice: _t,
     onDictate: Dt,
     onProofread: kt,
     onAutoFormat: zt,
@@ -241,7 +242,7 @@ const jr = Ln(
     onExtensionRun: Zt,
     composerBefore: en,
     composerAfter: tn,
-    onTogglePin: qe,
+    onTogglePin: _e,
     onToggleFlag: De,
     noteActions: ke,
     onEditNote: B,
@@ -258,20 +259,20 @@ const jr = Ln(
     ...dn
   }, cn) {
     var ht;
-    const { t: a, i18n: Me } = kn("ui"), L = u(null), [k, I] = C(""), [se, ie] = C($), [P, We] = C(!1), [$e, le] = C(null), [g, we] = C(null), Be = u(g);
+    const { t: a, i18n: Me } = kn("ui"), q = u(null), [k, I] = C(""), [se, ie] = C($), [P, We] = C(!1), [$e, le] = C(null), [g, we] = C(null), Be = u(g);
     Be.current = g;
     const Ke = u(!1);
     m === "loading" && (Ke.current = !0);
-    const un = Ke.current ? Kn : "", fn = rn ?? a("notesPanel.title", { defaultValue: "Notes" }), Ie = qn(), Ye = sn ?? a("notesPanel.placeholder", { defaultValue: "Add a note…" }), Ge = g !== null ? a("notesPanel.edit", { defaultValue: "Edit note" }) : a("notesPanel.composerLabel", { defaultValue: "New note" }), gn = F === "rich" ? wt(k) : k.trim().length > 0, R = u(y);
+    const un = Ke.current ? Kn : "", fn = rn ?? a("notesPanel.title", { defaultValue: "Notes" }), Ie = _n(), Ye = sn ?? a("notesPanel.placeholder", { defaultValue: "Add a note…" }), Ge = g !== null ? a("notesPanel.edit", { defaultValue: "Edit note" }) : a("notesPanel.composerLabel", { defaultValue: "New note" }), gn = F === "rich" ? wt(k) : k.trim().length > 0, R = u(y);
     R.current = y;
     const [Y, hn] = C(Tt), N = u(Tt), [pn, mn] = C(xt), G = u(xt), V = u(!0);
     S(() => (V.current = !0, () => {
       V.current = !1;
     }), []);
-    const q = u(null), D = u(ze);
+    const _ = u(null), D = u(ze);
     D.current = ze;
     const Pe = W(() => {
-      const e = q.current;
+      const e = _.current;
       return !V.current || !e || e.closest('[hidden],[inert],[aria-hidden="true"]') ? !1 : typeof e.checkVisibility == "function" ? e.checkVisibility() : !0;
     }, []), J = u([]), [vn, yn] = C(0), Te = W((e) => {
       if (!V.current) {
@@ -308,11 +309,11 @@ const jr = Ln(
     }, bn = W(() => {
       var h;
       if (!(g !== null ? B : p) || P) return;
-      const t = F === "rich", n = t ? ((h = L.current) == null ? void 0 : h.getHTML()) ?? k : k.trim();
+      const t = F === "rich", n = t ? ((h = q.current) == null ? void 0 : h.getHTML()) ?? k : k.trim();
       if (t ? !wt(n) : !n) return;
       const l = () => {
         var c;
-        t && ((c = L.current) == null || c.clear()), I(""), ie($), we(null);
+        t && ((c = q.current) == null || c.clear()), I(""), ie($), we(null);
       };
       le(null);
       const s = g, r = (c) => Te((v) => {
@@ -366,12 +367,12 @@ const jr = Ln(
         var n, l, s, r;
         if (!e.id || P || (n = N.current.get(e.id)) != null && n.delete) return;
         const t = e.content ?? "";
-        le(null), we(e.id), ie(e.clinical ?? !1), I(t), F === "rich" && ((l = L.current) == null || l.clear(), (s = L.current) == null || s.insertAtCursor(t, { asHtml: !0 })), (r = L.current) == null || r.focus();
+        le(null), we(e.id), ie(e.clinical ?? !1), I(t), F === "rich" && ((l = q.current) == null || l.clear(), (s = q.current) == null || s.insertAtCursor(t, { asHtml: !0 })), (r = q.current) == null || r.focus();
       },
       [F, P]
     ), de = W(() => {
       var e;
-      F === "rich" && ((e = L.current) == null || e.clear()), I(""), ie($), le(null), we(null);
+      F === "rich" && ((e = q.current) == null || e.clear()), I(""), ie($), le(null), we(null);
     }, [F, $]), Xe = g === null || y.some((e) => e.id === g && !e.deleted);
     S(() => {
       Xe || de();
@@ -487,7 +488,7 @@ const jr = Ln(
     }, [En, m]);
     const Ae = (e, t) => {
       var A;
-      const n = t === "pin" ? qe : De, l = (x) => ({
+      const n = t === "pin" ? _e : De, l = (x) => ({
         started: !1,
         refusal: x
       });
@@ -582,17 +583,17 @@ const jr = Ln(
     }, Fe = U !== null && y.some((e) => e.id === U && !e.deleted);
     S(() => {
       U !== null && !Fe && X(null);
-    }, [U, Fe]), Dn(cn, () => q.current, []);
+    }, [U, Fe]), Dn(cn, () => _.current, []);
     const O = (e, t) => {
       var n;
-      return e ? ((n = q.current) == null ? void 0 : n.querySelector(
+      return e ? ((n = _.current) == null ? void 0 : n.querySelector(
         `[data-note-id="${CSS.escape(e)}"] ${t ? `[data-note-action="${CSS.escape(t)}"]` : "[data-note-action]"}`
       )) ?? null : null;
     }, me = (e, t) => {
       const n = H.current;
       return O(n[e], t) ?? O(n[e - 1], t) ?? O(n[e], null) ?? O(n[e - 1], null);
     }, An = () => {
-      const e = q.current, t = (e == null ? void 0 : e.querySelector("[data-notes-panel-empty]")) ?? e;
+      const e = _.current, t = (e == null ? void 0 : e.querySelector("[data-notes-panel-empty]")) ?? e;
       t && or(t);
     }, Z = (e) => {
       e ? e.focus() : An();
@@ -612,7 +613,7 @@ const jr = Ln(
       (t = Ve.current) != null && t.contains(document.activeElement) && Z(ft(e)), ue(null);
     }, M = u(null);
     S(() => {
-      const e = q.current;
+      const e = _.current;
       if (!e) return;
       const t = (l) => {
         var d, h;
@@ -644,7 +645,7 @@ const jr = Ln(
     }, []), Qn(() => {
       var l;
       const e = M.current;
-      if (!e || !q.current) return;
+      if (!e || !_.current) return;
       if (e.el.isConnected) {
         const s = e.noteId ? St(
           H.current,
@@ -674,15 +675,15 @@ const jr = Ln(
     S(() => {
       var e, t;
       E && ((e = Oe.current) == null || e.scrollIntoView({ block: "center" }), (t = Oe.current) == null || t.focus());
-    }, [E, Le]);
+    }, [E, qe]);
     const ee = u(p);
     ee.current = p;
     const je = u(re);
     je.current = re;
     const gt = u(E);
     gt.current = E;
-    const _e = u(null);
-    _e.current = { toggle: Ae };
+    const Le = u(null);
+    Le.current = { toggle: Ae };
     const On = pt(
       () => ({
         // Ids + flags only — never the note body or author (both PHI).
@@ -708,15 +709,15 @@ const jr = Ln(
           if (!(e.clinical && !je.current))
             return (t = ee.current) == null ? void 0 : t.call(ee, e);
         },
-        togglePin: (e) => Pt(_e.current, e, "pin"),
-        toggleFlag: (e) => Pt(_e.current, e, "flag")
+        togglePin: (e) => Pt(Le.current, e, "pin"),
+        toggleFlag: (e) => Pt(Le.current, e, "flag")
       }),
       []
     );
     return zn(tr, On, f), /* @__PURE__ */ b(
       "section",
       {
-        ref: q,
+        ref: _,
         "data-component": "notes-panel",
         "data-component-id": f,
         "aria-labelledby": be ? void 0 : Ie,
@@ -745,7 +746,7 @@ const jr = Ln(
                   F === "rich" ? /* @__PURE__ */ i(
                     Mn,
                     {
-                      ref: L,
+                      ref: q,
                       ariaLabel: Ge,
                       placeholder: Ye,
                       toolbar: At,
@@ -754,9 +755,9 @@ const jr = Ln(
                       imageUploadUrl: Vt,
                       readOnly: P,
                       onChange: ({ html: e }) => I(e),
-                      onRequestAiDraft: _t,
-                      aiDraftFormat: Lt,
-                      aiPrivacyNotice: qt,
+                      onRequestAiDraft: Lt,
+                      aiDraftFormat: qt,
+                      aiPrivacyNotice: _t,
                       onDictate: Dt,
                       onProofread: kt,
                       onAutoFormat: zt,
@@ -981,14 +982,14 @@ const jr = Ln(
                             "data-notes-panel-wash": "addressed",
                             className: bt({ state: "addressed" })
                           },
-                          `${E}:${Le ?? ""}`
+                          `${E}:${qe ?? ""}`
                         ) : null,
                         /* @__PURE__ */ i(
                           Hn,
                           {
                             surface: "elevated",
                             truncate: !s,
-                            headerActions: /* @__PURE__ */ b(_n, { children: [
+                            headerActions: /* @__PURE__ */ b(Ln, { children: [
                               ke ? ke(
                                 { ...n, actions: e, keptOnDelete: t },
                                 { deleting: v }
@@ -1038,7 +1039,7 @@ const jr = Ln(
                             flagged: Tn(n),
                             pinPending: !!(c != null && c.pin) || v,
                             flagPending: !!(c != null && c.flag) || v,
-                            onTogglePin: qe && r && (e == null ? void 0 : e.pin) !== !1 && !n.deleted ? () => Ae(r, "pin") : void 0,
+                            onTogglePin: _e && r && (e == null ? void 0 : e.pin) !== !1 && !n.deleted ? () => Ae(r, "pin") : void 0,
                             onToggleFlag: De && r && !n.deleted ? () => Ae(r, "flag") : void 0
                           }
                         )
@@ -1054,25 +1055,25 @@ const jr = Ln(
             )
           ] }),
           K && He ? /* @__PURE__ */ i(
-            _,
+            L,
             {
               open: Fe,
               onOpenChange: (e) => !e && X(null),
               children: /* @__PURE__ */ b(
-                _.Content,
+                L.Content,
                 {
                   variant: "alert",
                   size: "sm",
                   onCloseAutoFocus: Fn,
                   children: [
-                    /* @__PURE__ */ i(_.Header, { children: /* @__PURE__ */ i(_.Title, { children: a("notesPanel.deleteConfirmTitle", {
+                    /* @__PURE__ */ i(L.Header, { children: /* @__PURE__ */ i(L.Title, { children: a("notesPanel.deleteConfirmTitle", {
                       defaultValue: "Delete this note?"
                     }) }) }),
-                    /* @__PURE__ */ i(_.Body, { children: /* @__PURE__ */ i(_.Description, { children: a("notesPanel.deleteConfirmBody", {
+                    /* @__PURE__ */ i(L.Body, { children: /* @__PURE__ */ i(L.Description, { children: a("notesPanel.deleteConfirmBody", {
                       defaultValue: "The note will be removed from the record."
                     }) }) }),
-                    /* @__PURE__ */ b(_.Footer, { children: [
-                      /* @__PURE__ */ i(_.Close, { asChild: !0, children: /* @__PURE__ */ i(
+                    /* @__PURE__ */ b(L.Footer, { children: [
+                      /* @__PURE__ */ i(L.Close, { asChild: !0, children: /* @__PURE__ */ i(
                         te,
                         {
                           intent: "secondary",
@@ -1108,4 +1109,4 @@ const jr = Ln(
 export {
   jr as N
 };
-//# sourceMappingURL=notes-panel-BPb-2ZnJ.js.map
+//# sourceMappingURL=notes-panel-I8ntrrUW.js.map

package/dist/_chunks/{notification-card-DubeUbVJ.js → notification-card-BGCIL6Mu.js}

@@ -1,9 +1,9 @@
 import { jsx as a, jsxs as l } from "react/jsx-runtime";
-import { forwardRef as W, useMemo as E, useState as H, useRef as X, useCallback as q } from "react";
+import { forwardRef as _, useMemo as E, useState as H, useRef as X, useCallback as q } from "react";
 import { c as G } from "./index-D2ZczOXr.js";
 import { useTranslation as J } from "react-i18next";
-import { I as O } from "./icon-button-mKIvw90h.js";
-import { B as K } from "./button-CYPx2xFq.js";
+import { I as O } from "./icon-button-COX76Jdj.js";
+import { B as K } from "./button-Bn16lcFM.js";
 import { T as Q } from "./timestamp-DPLDWdxA.js";
 import { X as Y } from "./x-B5YnXwCz.js";
 const Z = G(
@@ -34,9 +34,10 @@ const Z = G(
     variants: {
       variant: {
         // Flat rows by default; the accessible (AAA) theme restores a hairline
-        // row divider so consecutive rows keep a visible boundary.
-        compact: "ds:items-start ds:[.theme-accessible_&]:border-b ds:[.theme-accessible_&]:border-[color:var(--card-border)]",
-        dashboard: "ds:flex-col ds:sm:flex-row ds:items-stretch ds:sm:items-start ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2 ds:shadow-[var(--shadow-card)] ds:bg-[color:var(--card)]"
+        // row divider so consecutive rows keep a visible boundary (see the
+        // compact + flat compound below).
+        compact: "ds:items-start",
+        dashboard: "ds:flex-col ds:sm:flex-row ds:items-stretch ds:sm:items-start ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)] ds:shadow-[var(--shadow-card)] ds:bg-[color:var(--card)]"
       },
       size: {
         sm: "ds:p-[var(--spacing-sm)]",
@@ -51,7 +52,7 @@ const Z = G(
       // reads consistently.
       surface: {
         flat: "",
-        elevated: "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2 ds:shadow-[var(--shadow-sm)]"
+        elevated: "ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)] ds:shadow-[var(--shadow-sm)]"
       }
     },
     compoundVariants: [
@@ -72,6 +73,13 @@ const Z = G(
         variant: "dashboard",
         state: "unread",
         class: "ds:bg-[color:var(--accent)]/5"
+      },
+      // The accessible-only row divider. --accessible-edge-width is 0
+      // outside the accessible themes. An elevated row has its own edge.
+      {
+        variant: "compact",
+        surface: "flat",
+        class: "ds:[:where(&)]:border-b-[length:var(--accessible-edge-width,0px)] ds:border-b-[color:var(--card-border)]"
       }
     ],
     defaultVariants: {
@@ -94,53 +102,53 @@ const Z = G(
 function A(s) {
   return /^(https?:\/\/(?!\/)|\/(?!\/)|#)/.test(s);
 }
-const ss = W(
+const ss = _(
   ({
     item: s,
     variant: r = "compact",
     surface: j = "flat",
     size: v = "sm",
-    onActivate: o,
+    onActivate: d,
     onToggleRead: b,
-    onDismiss: d,
+    onDismiss: t,
     ctaLabel: c,
     dismissLabel: u,
     leaving: g,
     className: M,
     ...V
-  }, _) => {
-    const { t: i, i18n: h } = J("ui"), B = E(() => {
+  }, B) => {
+    const { t: n, i18n: h } = J("ui"), I = E(() => {
       const e = new Date(s.createdAt);
       return Number.isNaN(e.getTime()) ? "" : new Intl.DateTimeFormat(h.language, {
         dateStyle: "medium",
         timeStyle: "short"
       }).format(e);
-    }, [s.createdAt, h.language]), f = g !== void 0, [I, P] = H(!1), m = X(null), x = f ? g : I, w = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, y = q(() => {
-      if (!d) return;
-      if (f || w) {
-        d(s);
+    }, [s.createdAt, h.language]), f = g !== void 0, [P, R] = H(!1), m = X(null), w = f ? g : P, x = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, y = q(() => {
+      if (!t) return;
+      if (f || x) {
+        t(s);
         return;
       }
-      P(!0), m.current && clearTimeout(m.current);
+      R(!0), m.current && clearTimeout(m.current);
       const e = typeof window < "u" && window.getComputedStyle(document.documentElement).getPropertyValue("--animation-duration") || "200ms", T = e.trim().endsWith("ms") ? parseFloat(e) : parseFloat(e) * 1e3;
       m.current = setTimeout(
-        () => d(s),
+        () => t(s),
         Number.isFinite(T) ? T : 200
       );
-    }, [d, s, f, w]), R = s.read ? "read" : "unread", $ = s.read ? "" : i("notificationCard.unreadSuffix", ", unread"), N = i("notificationCard.itemLabel", {
+    }, [t, s, f, x]), $ = s.read ? "read" : "unread", F = s.read ? "" : n("notificationCard.unreadSuffix", ", unread"), N = n("notificationCard.itemLabel", {
       title: s.title,
-      time: B,
-      unreadSuffix: $,
+      time: I,
+      unreadSuffix: F,
       defaultValue: "{{title}}, {{time}}{{unreadSuffix}}"
-    }), p = !!s.url && A(s.url), F = v === "md" ? "ds:top-[var(--spacing-md)] ds:end-[var(--spacing-md)]" : "ds:top-[var(--spacing-sm)] ds:end-[var(--spacing-sm)]", C = "ds:absolute ds:top-[calc(var(--spacing-xs)*-1)] ds:end-[calc(var(--spacing-xs)*-1)] ds:z-[1]", D = "ds:block ds:size-[calc(var(--spacing-sm)+var(--spacing-xs))] ds:rounded-[var(--radius-full)] ds:bg-[color:var(--primary)] ds:ring-2 ds:ring-[color:var(--card)] ds:forced-colors:bg-[Highlight]", L = "ds:block ds:size-[calc(var(--spacing-sm)+var(--spacing-xs))] ds:rounded-[var(--radius-full)] ds:bg-[color:var(--card)] ds:border-2 ds:border-[color:color-mix(in_srgb,var(--muted-foreground)_55%,transparent)] ds:forced-colors:border-[CanvasText]", U = 'ds:cursor-pointer ds:outline-none ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText] ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[""] ds:sm:before:hidden', k = s.read ? L : D, z = r !== "compact" ? null : b ? /* @__PURE__ */ a(
+    }), p = !!s.url && A(s.url), D = v === "md" ? "ds:top-[var(--spacing-md)] ds:end-[var(--spacing-md)]" : "ds:top-[var(--spacing-sm)] ds:end-[var(--spacing-sm)]", C = "ds:absolute ds:top-[calc(var(--spacing-xs)*-1)] ds:end-[calc(var(--spacing-xs)*-1)] ds:z-[1]", L = "ds:block ds:size-[calc(var(--spacing-sm)+var(--spacing-xs))] ds:rounded-[var(--radius-full)] ds:bg-[color:var(--primary)] ds:ring-2 ds:ring-[color:var(--card)] ds:forced-colors:bg-[Highlight]", U = "ds:block ds:size-[calc(var(--spacing-sm)+var(--spacing-xs))] ds:rounded-[var(--radius-full)] ds:bg-[color:var(--card)] ds:border-2 ds:border-[color:color-mix(in_srgb,var(--muted-foreground)_55%,transparent)] ds:forced-colors:border-[CanvasText]", W = 'ds:cursor-pointer ds:outline-none ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText] ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[""] ds:sm:before:hidden', k = s.read ? U : L, z = r !== "compact" ? null : b ? /* @__PURE__ */ a(
       "button",
       {
         type: "button",
         onClick: () => b(s),
-        "aria-label": s.read ? i("notificationCard.markAsUnread", "Mark as unread") : i("notificationCard.markAsRead", "Mark as read"),
-        className: `${C} ${k} ${U}`
+        "aria-label": s.read ? n("notificationCard.markAsUnread", "Mark as unread") : n("notificationCard.markAsRead", "Mark as read"),
+        className: `${C} ${k} ${W}`
       }
-    ) : /* @__PURE__ */ a("span", { "aria-hidden": "true", className: `${C} ${k}` }), n = /* @__PURE__ */ a(
+    ) : /* @__PURE__ */ a("span", { "aria-hidden": "true", className: `${C} ${k}` }), i = /* @__PURE__ */ a(
       "span",
       {
         className: [
@@ -150,51 +158,51 @@ const ss = W(
         children: s.title
       }
     );
-    let t;
-    return r === "compact" && p && o ? t = /* @__PURE__ */ a(
+    let o;
+    return r === "compact" && p && d ? o = /* @__PURE__ */ a(
       "a",
       {
         href: s.url,
         "aria-label": N,
         className: S + " ds:contents",
         onClick: (e) => {
-          e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey || (e.preventDefault(), o(s));
+          e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey || (e.preventDefault(), d(s));
         },
-        children: n
+        children: i
       }
-    ) : r === "compact" && o ? t = /* @__PURE__ */ a(
+    ) : r === "compact" && d ? o = /* @__PURE__ */ a(
       "button",
       {
         type: "button",
         "aria-label": N,
         className: S + " ds:contents ds:bg-transparent ds:border-0 ds:p-0",
-        onClick: () => o(s),
-        children: n
+        onClick: () => d(s),
+        children: i
       }
-    ) : r === "dashboard" && p && o ? t = /* @__PURE__ */ a(
+    ) : r === "dashboard" && p && d ? o = /* @__PURE__ */ a(
       "a",
       {
         href: s.url,
         className: "ds:text-[color:var(--foreground)] ds:no-underline ds:hover:underline ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
         onClick: (e) => {
-          e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey || (e.preventDefault(), o(s));
+          e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey || (e.preventDefault(), d(s));
         },
-        children: n
+        children: i
       }
-    ) : t = n, /* @__PURE__ */ l(
+    ) : o = i, /* @__PURE__ */ l(
       "div",
       {
-        ref: _,
+        ref: B,
         role: "listitem",
         "data-component": "notification-card",
         "data-component-id": s.id,
         "data-read": s.read ? "true" : "false",
-        "data-leaving": x ? "true" : void 0,
-        "aria-hidden": x || void 0,
+        "data-leaving": w ? "true" : void 0,
+        "aria-hidden": w || void 0,
         className: Z({
           variant: r,
           size: v,
-          state: R,
+          state: $,
           // Elevated chrome only applies to the compact row; the dashboard
           // variant brings its own border + shadow.
           surface: r === "compact" ? j : "flat",
@@ -217,8 +225,8 @@ const ss = W(
             /* @__PURE__ */ a("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: r === "dashboard" ? (
               // `h3` keeps the dashboard heading ladder continuous:
               // h1 (page) → h2 (WarningStack + NotificationsPanel) → h3 (notification title).
-              /* @__PURE__ */ a("h3", { className: "ds:m-0 ds:flex-1 ds:min-w-0 type-title-item", children: t })
-            ) : /* @__PURE__ */ a("span", { className: "ds:flex-1 ds:min-w-0 type-title-item ds:text-[color:var(--foreground)]", children: t }) }),
+              /* @__PURE__ */ a("h3", { className: "ds:m-0 ds:flex-1 ds:min-w-0 type-title-item", children: o })
+            ) : /* @__PURE__ */ a("span", { className: "ds:flex-1 ds:min-w-0 type-title-item ds:text-[color:var(--foreground)]", children: o }) }),
             s.description ? /* @__PURE__ */ a("p", { className: "ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)] ds:[overflow:hidden] ds:[display:-webkit-box] ds:[-webkit-box-orient:vertical] ds:[-webkit-line-clamp:2] ds:break-words", children: s.description }) : null,
             /* @__PURE__ */ a(
               Q,
@@ -242,14 +250,14 @@ const ss = W(
                     {
                       href: s.url,
                       onClick: (e) => {
-                        e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey || (e.preventDefault(), o == null || o(s));
+                        e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey || (e.preventDefault(), d == null || d(s));
                       },
                       children: c
                     }
                   )
                 }
               ) : null,
-              u && d ? /* @__PURE__ */ a(
+              u && t ? /* @__PURE__ */ a(
                 K,
                 {
                   intent: "link",
@@ -261,17 +269,17 @@ const ss = W(
               ) : null
             ] }) : null
           ] }),
-          r === "compact" && d ? /* @__PURE__ */ a(
+          r === "compact" && t ? /* @__PURE__ */ a(
             "span",
             {
-              className: "ds:absolute ds:z-[2] ds:opacity-0 ds:pointer-events-none ds:transition-opacity ds:motion-reduce:transition-none ds:group-hover:opacity-100 ds:group-hover:pointer-events-auto ds:group-focus-within:opacity-100 ds:group-focus-within:pointer-events-auto " + F,
+              className: "ds:absolute ds:z-[2] ds:opacity-0 ds:pointer-events-none ds:transition-opacity ds:motion-reduce:transition-none ds:group-hover:opacity-100 ds:group-hover:pointer-events-auto ds:group-focus-within:opacity-100 ds:group-focus-within:pointer-events-auto " + D,
               children: /* @__PURE__ */ a(
                 O,
                 {
                   icon: /* @__PURE__ */ a(Y, {}),
                   intent: "ghost",
                   size: "sm",
-                  "aria-label": i("notificationCard.dismiss", "Dismiss notification"),
+                  "aria-label": n("notificationCard.dismiss", "Dismiss notification"),
                   onClick: y
                 }
               )
@@ -287,4 +295,4 @@ export {
   ss as N,
   A as i
 };
-//# sourceMappingURL=notification-card-DubeUbVJ.js.map
+//# sourceMappingURL=notification-card-BGCIL6Mu.js.map