@alfadocs/ui-kit 0.69.0 → 0.71.0

package/dist/_chunks/notes-panel-DXiMfuvp.js

@@ -0,0 +1,320 @@
+import { jsxs as b, jsx as i } from "react/jsx-runtime";
+import { forwardRef as ne, useRef as o, useState as A, useId as ie, useCallback as ae, useImperativeHandle as re, useMemo as se } from "react";
+import { useTranslation as oe } from "react-i18next";
+import { u as le } from "./registry-DvAUVLHh.js";
+import { C as ce } from "./clinical-note-card-BUvNMNGL.js";
+import { R as de } from "./rich-text-editor-C8tyGjfb.js";
+import { T as pe } from "./text-area-Bt3p7Pt0.js";
+import { B as ue } from "./button-DD_0Xdmr.js";
+import { C as me } from "./checkbox-BuZ1u__2.js";
+import { P as ge } from "./panel-header-D313n_9-.js";
+import { c as fe } from "./createLucideIcon-CrFbzy84.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const he = [
+  [
+    "path",
+    {
+      d: "M21 9a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 15 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2z",
+      key: "1dfntj"
+    }
+  ],
+  ["path", { d: "M15 3v5a1 1 0 0 0 1 1h5", key: "6s6qgf" }]
+], ye = fe("sticky-note", he), be = {
+  id: "notes-panel",
+  // 'submit' backs add_note (compose + commit a note). pin / flag are toggles
+  // with no dedicated capability in the closed vocabulary.
+  capabilities: ["submit"],
+  state: {
+    notes: {
+      type: "Array<{ id?: string; pinned: boolean; flagged: boolean; clinical: boolean }>",
+      descriptionKey: "ui.agent.notesPanel.state.notes",
+      description: "Timeline note ids + pinned / flagged / clinical flags. Never the note body or author (both PHI).",
+      read: (n) => n.getNotes()
+    },
+    canAddClinical: {
+      type: "boolean",
+      descriptionKey: "ui.agent.notesPanel.state.canAddClinical",
+      description: "Whether the current user may write clinical notes (the practice_add_clinical_note permission gate).",
+      read: (n) => n.canAddClinical()
+    }
+  },
+  actions: {
+    add_note: {
+      // Writes a clinical/admin note body — patient-identifiable content. PHI.
+      safety: "phi",
+      argsType: "{ content: string; clinical: boolean }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          content: {
+            type: "string",
+            description: "Note body. Rich HTML for the rich composer, else plain text."
+          },
+          clinical: {
+            type: "boolean",
+            description: "Whether the note is clinical. Requires the clinical-note permission; the submission is dropped when the gate is closed."
+          }
+        },
+        required: ["content", "clinical"]
+      },
+      openWorld: !0,
+      descriptionKey: "ui.agent.notesPanel.actions.addNote",
+      description: "Compose and commit a new note. A clinical note requires the clinical-note permission (read canAddClinical first).",
+      examples: [
+        {
+          args: { content: "Patient reported improvement.", clinical: !0 },
+          note: "Add a clinical note."
+        }
+      ],
+      invoke: (n, a) => {
+        n.addNote(a);
+      }
+    },
+    toggle_pin: {
+      // Re-orders the timeline (pinned notes lead) — reversible view write.
+      safety: "write",
+      argsType: "{ id: string }",
+      argsSchema: {
+        type: "object",
+        properties: { id: { type: "string" } },
+        required: ["id"]
+      },
+      idempotent: !1,
+      descriptionKey: "ui.agent.notesPanel.actions.togglePin",
+      description: "Toggle the pinned state of the note with the given id.",
+      invoke: (n, a) => {
+        n.togglePin(a.id);
+      }
+    },
+    toggle_flag: {
+      safety: "write",
+      argsType: "{ id: string }",
+      argsSchema: {
+        type: "object",
+        properties: { id: { type: "string" } },
+        required: ["id"]
+      },
+      idempotent: !1,
+      descriptionKey: "ui.agent.notesPanel.actions.toggleFlag",
+      description: "Toggle the flagged state of the note with the given id.",
+      invoke: (n, a) => {
+        n.toggleFlag(a.id);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "notes-panel",
+      description: "Marks the NotesPanel region."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop. Required to address a specific notes panel from the agent."
+    }
+  }
+};
+function M(n) {
+  return n ? /<img\b/i.test(n) ? !0 : n.replace(/<[^>]*>/g, "").replace(/&nbsp;/gi, " ").trim().length > 0 : !1;
+}
+const qe = ne(
+  function({
+    id: a,
+    notes: v,
+    onAddNote: r,
+    composer: p = "rich",
+    editorToolbar: S = "standard",
+    redactor: T,
+    imageUploadUrl: K,
+    showClinicalToggle: R = !0,
+    canAddClinicalNote: u = !0,
+    clinicalGatedReason: z,
+    defaultClinical: x = !1,
+    onRequestAiDraft: L,
+    aiDraftFormat: B,
+    aiPrivacyNotice: W,
+    onDictate: D,
+    onProofread: E,
+    onAutoFormat: G,
+    onTogglePin: m,
+    onToggleFlag: g,
+    title: Y,
+    composerPlaceholder: F,
+    addNoteLabel: J,
+    emptyState: O,
+    className: Q,
+    "aria-label": P,
+    ...U
+  }, X) {
+    const { t: s } = oe(), N = o(null), [l, C] = A(""), [f, w] = A(x), Z = Y ?? s("notesPanel.title", { defaultValue: "Notes" }), j = ie(), H = F ?? s("notesPanel.placeholder", { defaultValue: "Add a note…" }), _ = s("notesPanel.composerLabel", {
+      defaultValue: "New note"
+    }), $ = p === "rich" ? M(l) : l.trim().length > 0, ee = ae(() => {
+      var e, t;
+      if (r) {
+        if (p === "rich") {
+          const d = ((e = N.current) == null ? void 0 : e.getHTML()) ?? l;
+          if (!M(d)) return;
+          r({ content: d, clinical: f }), (t = N.current) == null || t.clear();
+        } else {
+          const d = l.trim();
+          if (!d) return;
+          r({ content: d, clinical: f });
+        }
+        C(""), w(x);
+      }
+    }, [p, l, f, x, r]), q = [...v].sort(
+      (e, t) => Number(t.pinned ?? !1) - Number(e.pinned ?? !1)
+    ), I = o(v);
+    I.current = v;
+    const c = o(r);
+    c.current = r;
+    const h = o(m);
+    h.current = m;
+    const y = o(g);
+    y.current = g;
+    const k = o(u);
+    k.current = u;
+    const V = o(null);
+    re(X, () => V.current, []);
+    const te = se(
+      () => ({
+        // Ids + flags only — never the note body or author (both PHI).
+        getNotes: () => I.current.map((e) => ({
+          id: e.id,
+          pinned: !!e.pinned,
+          flagged: !!e.flagged,
+          clinical: !!e.clinical
+        })),
+        canAddNote: () => !!c.current,
+        canAddClinical: () => k.current,
+        addNote: (e) => {
+          var t;
+          e.clinical && !k.current || (t = c.current) == null || t.call(c, e);
+        },
+        togglePin: (e) => {
+          var t;
+          return (t = h.current) == null ? void 0 : t.call(h, e);
+        },
+        toggleFlag: (e) => {
+          var t;
+          return (t = y.current) == null ? void 0 : t.call(y, e);
+        }
+      }),
+      []
+    );
+    return le(be, te, a), /* @__PURE__ */ b(
+      "section",
+      {
+        ref: V,
+        "data-component": "notes-panel",
+        "data-component-id": a,
+        "aria-labelledby": P ? void 0 : j,
+        "aria-label": P,
+        className: ["ds:flex ds:flex-col", Q].filter(Boolean).join(" "),
+        ...U,
+        children: [
+          /* @__PURE__ */ i(
+            ge,
+            {
+              title: Z,
+              icon: /* @__PURE__ */ i(ye, { "aria-hidden": "true" }),
+              headingId: P ? void 0 : j,
+              sticky: !0,
+              divider: !0
+            }
+          ),
+          /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]", children: [
+            r ? /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+              p === "rich" ? /* @__PURE__ */ i(
+                de,
+                {
+                  ref: N,
+                  ariaLabel: _,
+                  placeholder: H,
+                  toolbar: S,
+                  minHeight: "sm",
+                  redactor: T,
+                  imageUploadUrl: K,
+                  onChange: ({ html: e }) => C(e),
+                  onRequestAiDraft: L,
+                  aiDraftFormat: B,
+                  aiPrivacyNotice: W,
+                  onDictate: D,
+                  onProofread: E,
+                  onAutoFormat: G
+                }
+              ) : /* @__PURE__ */ i(
+                pe,
+                {
+                  value: l,
+                  onChange: (e) => C(e.target.value),
+                  placeholder: H,
+                  autoResize: !0,
+                  minRows: 2,
+                  maxRows: 6,
+                  "aria-label": _
+                }
+              ),
+              /* @__PURE__ */ b(
+                "div",
+                {
+                  className: [
+                    "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]",
+                    R ? "ds:justify-between" : "ds:justify-end"
+                  ].join(" "),
+                  children: [
+                    R ? /* @__PURE__ */ i(
+                      me,
+                      {
+                        size: "sm",
+                        label: s("notesPanel.clinicalToggle", {
+                          defaultValue: "Clinical note"
+                        }),
+                        checked: f,
+                        onCheckedChange: (e) => w(e === !0),
+                        disabled: !u,
+                        disabledReason: u ? void 0 : z ?? s("notesPanel.clinicalGated", {
+                          defaultValue: "You do not have permission to write clinical notes."
+                        })
+                      }
+                    ) : null,
+                    /* @__PURE__ */ i(
+                      ue,
+                      {
+                        type: "button",
+                        size: "sm",
+                        onClick: ee,
+                        disabled: !$,
+                        children: J ?? s("notesPanel.add", { defaultValue: "Add note" })
+                      }
+                    )
+                  ]
+                }
+              )
+            ] }) : null,
+            q.length > 0 ? /* @__PURE__ */ i("ul", { className: "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-0", children: q.map((e, t) => /* @__PURE__ */ i("li", { className: "ds:flex ds:flex-col", children: /* @__PURE__ */ i(
+              ce,
+              {
+                surface: "elevated",
+                truncate: !0,
+                ...e,
+                onTogglePin: m && e.id ? () => m(e.id) : void 0,
+                onToggleFlag: g && e.id ? () => g(e.id) : void 0
+              }
+            ) }, e.id ?? t)) }) : O ?? /* @__PURE__ */ i("p", { className: "ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]", children: s("notesPanel.empty", { defaultValue: "No notes yet." }) })
+          ] })
+        ]
+      }
+    );
+  }
+);
+export {
+  qe as N
+};
+//# sourceMappingURL=notes-panel-DXiMfuvp.js.map

package/dist/_chunks/notification-card-BMqNzCIt.js

@@ -0,0 +1,290 @@
+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 { c as G } from "./index-D2ZczOXr.js";
+import { useTranslation as J } from "react-i18next";
+import { I as O } from "./icon-button-LqoiKcUN.js";
+import { B as K } from "./button-DD_0Xdmr.js";
+import { T as Q } from "./timestamp-BV2lC-wV.js";
+import { X as Y } from "./x-CCcI3eJp.js";
+const Z = G(
+  [
+    // `group` so the hover/focus-revealed close button can react to the whole
+    // row, not just itself.
+    "ds:group ds:relative ds:flex ds:gap-[var(--spacing-sm)]",
+    "ds:rounded-[var(--radius-sm)]",
+    "ds:transition-colors",
+    // Mount: fade + slide-down so a fresh notification reads as arriving.
+    // `data-leaving=true` plays the matching exit, driven by the owning
+    // tray's AnimatePresence loop.
+    "ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:slide-in-from-top-2 ds:motion-safe:duration-[var(--animation-duration)]",
+    "ds:data-[leaving=true]:motion-safe:animate-out ds:data-[leaving=true]:motion-safe:fade-out-0 ds:data-[leaving=true]:motion-safe:slide-out-to-top-2",
+    // Pin the exit's end-state until React unmounts. Without `fill-mode-forwards`
+    // tw-animate-css leaves the element at opacity:1 for one paint frame after
+    // the animation ends — the "flicker before it animates away" bug.
+    "ds:data-[leaving=true]:motion-safe:fill-mode-forwards",
+    "ds:data-[leaving=true]:pointer-events-none",
+    "ds:motion-reduce:transition-none",
+    "ds:text-start",
+    // Compact rows are borderless (flat list — the tray panel is the frame);
+    // the dashboard variant adds its own card border below. Forced-colors keeps
+    // a border on both so rows stay separated in High Contrast Mode.
+    "ds:forced-colors:border ds:forced-colors:border-[CanvasText]"
+  ].join(" "),
+  {
+    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)]"
+      },
+      size: {
+        sm: "ds:p-[var(--spacing-sm)]",
+        md: "ds:p-[var(--spacing-md)]"
+      },
+      state: {
+        unread: "",
+        read: "ds:bg-transparent"
+      },
+      // Compact-row chrome: flat (tray) vs elevated (own card on a rail).
+      // Mirrors AppointmentCard's `surface` so a rail feed of mixed cards
+      // reads consistently.
+      surface: {
+        flat: "",
+        elevated: "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2 ds:shadow-[var(--shadow-sm)]"
+      }
+    },
+    compoundVariants: [
+      // Compact rows no longer tint the background for unread — the read state
+      // is carried by the icon's corner status ball instead. Both states
+      // share the same neutral hover.
+      {
+        variant: "compact",
+        state: "unread",
+        class: "ds:hover:bg-[color:var(--muted)]/40"
+      },
+      {
+        variant: "compact",
+        state: "read",
+        class: "ds:hover:bg-[color:var(--muted)]/40"
+      },
+      {
+        variant: "dashboard",
+        state: "unread",
+        class: "ds:bg-[color:var(--accent)]/5"
+      }
+    ],
+    defaultVariants: {
+      variant: "compact",
+      size: "sm",
+      state: "read",
+      surface: "flat"
+    }
+  }
+), S = [
+  "ds:focus-visible:outline-none",
+  "ds:after:content-[''] ds:after:absolute ds:after:inset-0 ds:after:rounded-[var(--radius-sm)]",
+  "ds:after:pointer-events-auto",
+  "ds:focus-visible:after:outline-[length:var(--focus-ring-width)]",
+  "ds:focus-visible:after:outline-solid",
+  "ds:focus-visible:after:outline-[color:var(--ring)]",
+  "ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]",
+  "ds:forced-colors:focus-visible:after:outline-[CanvasText]"
+].join(" ");
+function A(s) {
+  return /^(https?:\/\/(?!\/)|\/(?!\/)|#)/.test(s);
+}
+const ss = W(
+  ({
+    item: s,
+    variant: r = "compact",
+    surface: j = "flat",
+    size: v = "sm",
+    onActivate: o,
+    onToggleRead: b,
+    onDismiss: d,
+    ctaLabel: c,
+    dismissLabel: u,
+    leaving: g,
+    className: M,
+    ...V
+  }, _) => {
+    const { t: n, i18n: h } = J(), B = 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);
+        return;
+      }
+      P(!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),
+        Number.isFinite(T) ? T : 200
+      );
+    }, [d, s, f, w]), R = s.read ? "read" : "unread", $ = s.read ? "" : n("notificationCard.unreadSuffix", ", unread"), N = n("notificationCard.itemLabel", {
+      title: s.title,
+      time: B,
+      unreadSuffix: $,
+      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(
+      "button",
+      {
+        type: "button",
+        onClick: () => b(s),
+        "aria-label": s.read ? n("notificationCard.markAsUnread", "Mark as unread") : n("notificationCard.markAsRead", "Mark as read"),
+        className: `${C} ${k} ${U}`
+      }
+    ) : /* @__PURE__ */ a("span", { "aria-hidden": "true", className: `${C} ${k}` }), i = /* @__PURE__ */ a(
+      "span",
+      {
+        className: [
+          "ds:flex-1 ds:min-w-0 ds:truncate",
+          s.read ? "ds:font-normal" : "ds:font-semibold"
+        ].join(" "),
+        children: s.title
+      }
+    );
+    let t;
+    return r === "compact" && p && o ? t = /* @__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));
+        },
+        children: i
+      }
+    ) : r === "compact" && o ? t = /* @__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: i
+      }
+    ) : r === "dashboard" && p && o ? t = /* @__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));
+        },
+        children: i
+      }
+    ) : t = i, /* @__PURE__ */ l(
+      "div",
+      {
+        ref: _,
+        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,
+        className: Z({
+          variant: r,
+          size: v,
+          state: R,
+          // Elevated chrome only applies to the compact row; the dashboard
+          // variant brings its own border + shadow.
+          surface: r === "compact" ? j : "flat",
+          className: M
+        }),
+        ...V,
+        children: [
+          s.icon || z ? /* @__PURE__ */ l("span", { className: "ds:relative ds:size-8 ds:shrink-0", children: [
+            s.icon ? /* @__PURE__ */ a(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "ds:inline-flex ds:size-8 ds:items-center ds:justify-center ds:rounded-[var(--radius-full)] ds:bg-[color:var(--accent)]/10 ds:text-[color:var(--accent)] ds:[&>svg]:size-4",
+                children: s.icon
+              }
+            ) : null,
+            z
+          ] }) : null,
+          /* @__PURE__ */ l("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            /* @__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 }) }),
+            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,
+              {
+                value: s.createdAt,
+                shape: "chip",
+                size: "sm",
+                relativeWindow: 720 * 60 * 1e3
+              }
+            ),
+            r === "dashboard" && (c || u) ? /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+              c && p ? /* @__PURE__ */ a(
+                K,
+                {
+                  intent: "outline",
+                  size: "sm",
+                  asChild: !0,
+                  className: "ds:relative ds:z-[1]",
+                  children: /* @__PURE__ */ a(
+                    "a",
+                    {
+                      href: s.url,
+                      onClick: (e) => {
+                        e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey || (e.preventDefault(), o == null || o(s));
+                      },
+                      children: c
+                    }
+                  )
+                }
+              ) : null,
+              u && d ? /* @__PURE__ */ a(
+                K,
+                {
+                  intent: "link",
+                  size: "sm",
+                  onClick: y,
+                  className: "ds:relative ds:z-[1]",
+                  children: u
+                }
+              ) : null
+            ] }) : null
+          ] }),
+          r === "compact" && d ? /* @__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,
+              children: /* @__PURE__ */ a(
+                O,
+                {
+                  icon: /* @__PURE__ */ a(Y, {}),
+                  intent: "ghost",
+                  size: "sm",
+                  "aria-label": n("notificationCard.dismiss", "Dismiss notification"),
+                  onClick: y
+                }
+              )
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+ss.displayName = "NotificationCard";
+export {
+  ss as N,
+  A as i
+};
+//# sourceMappingURL=notification-card-BMqNzCIt.js.map