@alfadocs/ui-kit-debug 0.69.0 → 0.70.0

package/dist/_chunks/email-input-B_Y55f5G.js

@@ -1,396 +0,0 @@
-import { jsxs as W, jsx as V } from "react/jsx-runtime";
-import { forwardRef as ie, useRef as K, useId as ue, useState as X, useMemo as Q, useEffect as oe, useCallback as Z } from "react";
-import { useTranslation as se } from "react-i18next";
-import { g as fe } from "./_commonjsHelpers-DaMA6jEr.js";
-import { T as ce } from "./text-input-B-OWQ1Je.js";
-import { u as de } from "./form-field-context-B3APVHKx.js";
-import { c as me } from "./compose-refs-C0k0tdqF.js";
-import { u as pe } from "./registry-DvAUVLHh.js";
-import { C as ve } from "./circle-alert-ChA9opNA.js";
-var j = { exports: {} }, A = { exports: {} }, G;
-function z() {
-  return G || (G = 1, (function(i, t) {
-    Object.defineProperty(t, "__esModule", {
-      value: !0
-    }), t.default = f;
-    function f(o) {
-      if (o == null) throw new TypeError("Expected a string but received a ".concat(o));
-      if (o.constructor.name !== "String") throw new TypeError("Expected a string but received a ".concat(o.constructor.name));
-    }
-    i.exports = t.default, i.exports.default = t.default;
-  })(A, A.exports)), A.exports;
-}
-var M = { exports: {} }, J;
-function _e() {
-  return J || (J = 1, (function(i, t) {
-    Object.defineProperty(t, "__esModule", {
-      value: !0
-    }), t.default = o;
-    function f(l) {
-      return Object.prototype.toString.call(l) === "[object RegExp]";
-    }
-    function o(l, u) {
-      for (var a = 0; a < u.length; a++) {
-        var r = u[a];
-        if (l === r || f(r) && r.test(l))
-          return !0;
-      }
-      return !1;
-    }
-    i.exports = t.default, i.exports.default = t.default;
-  })(M, M.exports)), M.exports;
-}
-var k = { exports: {} }, Y;
-function ge() {
-  return Y || (Y = 1, (function(i, t) {
-    Object.defineProperty(t, "__esModule", {
-      value: !0
-    }), t.default = u;
-    var f = o(/* @__PURE__ */ z());
-    function o(a) {
-      return a && a.__esModule ? a : { default: a };
-    }
-    function l(a) {
-      "@babel/helpers - typeof";
-      return l = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(r) {
-        return typeof r;
-      } : function(r) {
-        return r && typeof Symbol == "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
-      }, l(a);
-    }
-    function u(a, r) {
-      (0, f.default)(a);
-      var e, p;
-      l(r) === "object" ? (e = r.min || 0, p = r.max) : (e = arguments[1], p = arguments[2]);
-      var _ = encodeURI(a).split(/%..|./).length - 1;
-      return _ >= e && (typeof p > "u" || _ <= p);
-    }
-    i.exports = t.default, i.exports.default = t.default;
-  })(k, k.exports)), k.exports;
-}
-var N = { exports: {} }, T = { exports: {} }, $;
-function ae() {
-  return $ || ($ = 1, (function(i, t) {
-    Object.defineProperty(t, "__esModule", {
-      value: !0
-    }), t.default = o;
-    function f(l) {
-      "@babel/helpers - typeof";
-      return f = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(u) {
-        return typeof u;
-      } : function(u) {
-        return u && typeof Symbol == "function" && u.constructor === Symbol && u !== Symbol.prototype ? "symbol" : typeof u;
-      }, f(l);
-    }
-    function o() {
-      var l = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, u = arguments.length > 1 ? arguments[1] : void 0;
-      (f(l) !== "object" || l === null) && (l = {});
-      for (var a in u)
-        typeof l[a] > "u" && (l[a] = u[a]);
-      return l;
-    }
-    i.exports = t.default, i.exports.default = t.default;
-  })(T, T.exports)), T.exports;
-}
-var ee;
-function xe() {
-  return ee || (ee = 1, (function(i, t) {
-    Object.defineProperty(t, "__esModule", {
-      value: !0
-    }), t.default = a;
-    var f = l(/* @__PURE__ */ z()), o = l(/* @__PURE__ */ ae());
-    function l(r) {
-      return r && r.__esModule ? r : { default: r };
-    }
-    var u = {
-      require_tld: !0,
-      allow_underscores: !1,
-      allow_trailing_dot: !1,
-      allow_numeric_tld: !1,
-      allow_wildcard: !1,
-      ignore_max_length: !1
-    };
-    function a(r, e) {
-      (0, f.default)(r), e = (0, o.default)(e, u), e.allow_trailing_dot && r[r.length - 1] === "." && (r = r.substring(0, r.length - 1)), e.allow_wildcard === !0 && r.indexOf("*.") === 0 && (r = r.substring(2));
-      var p = r.split("."), _ = p[p.length - 1];
-      return e.require_tld && (p.length < 2 || !e.allow_numeric_tld && !/^([a-z\u00A1-\u00A8\u00AA-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]{2,}|xn[a-z0-9-]{2,})$/i.test(_) || /\s/.test(_)) || !e.allow_numeric_tld && /^\d+$/.test(_) ? !1 : p.every(function(s) {
-        return !(s.length > 63 && !e.ignore_max_length || !/^[a-z_\u00a1-\uffff0-9-]+$/i.test(s) || /[\uff01-\uff5e]/.test(s) || /^-|-$/.test(s) || !e.allow_underscores && /_/.test(s));
-      });
-    }
-    i.exports = t.default, i.exports.default = t.default;
-  })(N, N.exports)), N.exports;
-}
-var O = { exports: {} }, te;
-function he() {
-  return te || (te = 1, (function(i, t) {
-    Object.defineProperty(t, "__esModule", {
-      value: !0
-    }), t.default = _;
-    var f = o(/* @__PURE__ */ z());
-    function o(s) {
-      return s && s.__esModule ? s : { default: s };
-    }
-    function l(s) {
-      "@babel/helpers - typeof";
-      return l = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(v) {
-        return typeof v;
-      } : function(v) {
-        return v && typeof Symbol == "function" && v.constructor === Symbol && v !== Symbol.prototype ? "symbol" : typeof v;
-      }, l(s);
-    }
-    var u = "(?:[0-9]|[1-9][0-9]|1[0-9][0-9]|2[0-4][0-9]|25[0-5])", a = "(".concat(u, "[.]){3}").concat(u), r = new RegExp("^".concat(a, "$")), e = "(?:[0-9a-fA-F]{1,4})", p = new RegExp("^(" + "(?:".concat(e, ":){7}(?:").concat(e, "|:)|") + "(?:".concat(e, ":){6}(?:").concat(a, "|:").concat(e, "|:)|") + "(?:".concat(e, ":){5}(?::").concat(a, "|(:").concat(e, "){1,2}|:)|") + "(?:".concat(e, ":){4}(?:(:").concat(e, "){0,1}:").concat(a, "|(:").concat(e, "){1,3}|:)|") + "(?:".concat(e, ":){3}(?:(:").concat(e, "){0,2}:").concat(a, "|(:").concat(e, "){1,4}|:)|") + "(?:".concat(e, ":){2}(?:(:").concat(e, "){0,3}:").concat(a, "|(:").concat(e, "){1,5}|:)|") + "(?:".concat(e, ":){1}(?:(:").concat(e, "){0,4}:").concat(a, "|(:").concat(e, "){1,6}|:)|") + "(?::((?::".concat(e, "){0,5}:").concat(a, "|(?::").concat(e, "){1,7}|:))") + ")(%[0-9a-zA-Z.]{1,})?$");
-    function _(s) {
-      var v = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-      (0, f.default)(s);
-      var x = (l(v) === "object" ? v.version : arguments[1]) || "";
-      return x ? x.toString() === "4" ? r.test(s) : x.toString() === "6" ? p.test(s) : !1 : _(s, {
-        version: 4
-      }) || _(s, {
-        version: 6
-      });
-    }
-    i.exports = t.default, i.exports.default = t.default;
-  })(O, O.exports)), O.exports;
-}
-var re;
-function ye() {
-  return re || (re = 1, (function(i, t) {
-    Object.defineProperty(t, "__esModule", {
-      value: !0
-    }), t.default = C;
-    var f = e(/* @__PURE__ */ z()), o = e(/* @__PURE__ */ _e()), l = e(/* @__PURE__ */ ge()), u = e(/* @__PURE__ */ xe()), a = e(/* @__PURE__ */ he()), r = e(/* @__PURE__ */ ae());
-    function e(d) {
-      return d && d.__esModule ? d : { default: d };
-    }
-    var p = {
-      allow_display_name: !1,
-      allow_underscores: !1,
-      require_display_name: !1,
-      allow_utf8_local_part: !0,
-      require_tld: !0,
-      blacklisted_chars: "",
-      ignore_max_length: !1,
-      host_blacklist: [],
-      host_whitelist: []
-    }, _ = /^([^\x00-\x1F\x7F-\x9F\cX]+)</i, s = /^[a-z\d!#\$%&'\*\+\-\/=\?\^_`{\|}~]+$/i, v = /^[a-z\d]+$/, x = /^([\s\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e]|(\\[\x01-\x09\x0b\x0c\x0d-\x7f]))*$/i, L = /^[a-z\d!#\$%&'\*\+\-\/=\?\^_`{\|}~\u00A1-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+$/i, U = /^([\s\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|(\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*$/i, I = 254;
-    function b(d) {
-      var n = d.replace(/^"(.+)"$/, "$1");
-      if (!n.trim())
-        return !1;
-      var y = /[\.";<>]/.test(n);
-      if (y) {
-        if (n === d)
-          return !1;
-        var h = n.split('"').length === n.split('\\"').length;
-        if (!h)
-          return !1;
-      }
-      return !0;
-    }
-    function C(d, n) {
-      if ((0, f.default)(d), n = (0, r.default)(n, p), n.require_display_name || n.allow_display_name) {
-        var y = d.match(_);
-        if (y) {
-          var h = y[1];
-          if (d = d.replace(h, "").replace(/(^<|>$)/g, ""), h.endsWith(" ") && (h = h.slice(0, -1)), !b(h))
-            return !1;
-        } else if (n.require_display_name)
-          return !1;
-      }
-      if (!n.ignore_max_length && d.length > I)
-        return !1;
-      var E = d.split("@"), g = E.pop(), F = g.toLowerCase();
-      if (n.host_blacklist.length > 0 && (0, o.default)(F, n.host_blacklist) || n.host_whitelist.length > 0 && !(0, o.default)(F, n.host_whitelist))
-        return !1;
-      var m = E.join("@");
-      if (n.domain_specific_validation && (F === "gmail.com" || F === "googlemail.com")) {
-        m = m.toLowerCase();
-        var R = m.split("+")[0];
-        if (!(0, l.default)(R.replace(/\./g, ""), {
-          min: 6,
-          max: 30
-        }))
-          return !1;
-        for (var D = R.split("."), w = 0; w < D.length; w++)
-          if (!v.test(D[w]))
-            return !1;
-      }
-      if (n.ignore_max_length === !1 && (!(0, l.default)(m, {
-        max: 64
-      }) || !(0, l.default)(g, {
-        max: 254
-      })))
-        return !1;
-      if (!(0, u.default)(g, {
-        require_tld: n.require_tld,
-        ignore_max_length: n.ignore_max_length,
-        allow_underscores: n.allow_underscores
-      })) {
-        if (!n.allow_ip_domain)
-          return !1;
-        if (!(0, a.default)(g)) {
-          if (!g.startsWith("[") || !g.endsWith("]"))
-            return !1;
-          var S = g.slice(1, -1);
-          if (S.length === 0 || !(0, a.default)(S))
-            return !1;
-        }
-      }
-      if (n.blacklisted_chars && m.search(new RegExp("[".concat(n.blacklisted_chars, "]+"), "g")) !== -1)
-        return !1;
-      if (m[0] === '"' && m[m.length - 1] === '"')
-        return m = m.slice(1, m.length - 1), n.allow_utf8_local_part ? U.test(m) : x.test(m);
-      for (var H = n.allow_utf8_local_part ? L : s, P = m.split("."), q = 0; q < P.length; q++)
-        if (!H.test(P[q]))
-          return !1;
-      return !0;
-    }
-    i.exports = t.default, i.exports.default = t.default;
-  })(j, j.exports)), j.exports;
-}
-var be = /* @__PURE__ */ ye();
-const ne = /* @__PURE__ */ fe(be), Fe = {
-  id: "email-input",
-  capabilities: [],
-  state: {
-    value: {
-      type: "string",
-      descriptionKey: "ui.agent.emailInput.state.value",
-      description: "The current email address typed into the field.",
-      read: (i) => i.getValue()
-    },
-    isValid: {
-      type: "boolean",
-      descriptionKey: "ui.agent.emailInput.state.isValid",
-      description: "True when the value is non-empty AND parses as a valid email per RFC 5322.",
-      read: (i) => i.isValid()
-    }
-  },
-  actions: {},
-  domHooks: {
-    root: {
-      attr: "data-component",
-      value: "email-input",
-      description: 'Marks the EmailInput wrapper. The inline error element carries `role="alert"` when validation fails.'
-    },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop, when provided."
-    }
-  }
-};
-function we(i) {
-  return i.length === 0 ? !0 : ne(i);
-}
-const Ee = ie(
-  ({
-    errorMessage: i,
-    onValidityChange: t,
-    disableBuiltInValidation: f = !1,
-    value: o,
-    defaultValue: l,
-    onChange: u,
-    onBlur: a,
-    id: r,
-    "aria-describedby": e,
-    ...p
-  }, _) => {
-    const { t: s } = se(), v = de(), x = K(null), L = me(_, x), U = ue(), I = v.errorId || U, b = o !== void 0, [C, d] = X(() => typeof o == "string" ? o : typeof l == "string" ? l : ""), n = b ? String(o) : C, [y, h] = X(
-      () => n.length > 0
-    ), E = Q(
-      () => we(n),
-      [n]
-    ), g = !f && y && n.length > 0 && !E, F = K(null);
-    oe(() => {
-      if (!y) return;
-      const c = n.length > 0 && E;
-      F.current !== c && (F.current = c, t == null || t(c));
-    }, [y, n, E, t]);
-    const m = Z(
-      (c) => {
-        b || d(c.target.value), u == null || u(c);
-      },
-      [b, u]
-    ), R = Z(
-      (c) => {
-        h(!0), a == null || a(c);
-      },
-      [a]
-    ), D = Q(
-      () => ({
-        getValue: () => {
-          var c;
-          return ((c = x.current) == null ? void 0 : c.value) ?? "";
-        },
-        isValid: () => {
-          var B;
-          const c = ((B = x.current) == null ? void 0 : B.value) ?? "";
-          return c.length > 0 && ne(c);
-        }
-      }),
-      []
-    );
-    pe(Fe, D, r);
-    const w = g && i !== null, S = v.describedBy || void 0, H = Q(() => {
-      const c = [
-        e,
-        S,
-        w ? I : null
-      ].filter(Boolean);
-      return c.length > 0 ? c.join(" ") : void 0;
-    }, [
-      e,
-      S,
-      w,
-      I
-    ]), P = g ? "error" : "default", q = g || v.invalid || void 0, le = i !== void 0 ? i : s("inputs.email.invalid", "Invalid email");
-    return /* @__PURE__ */ W(
-      "div",
-      {
-        "data-component": "email-input",
-        "data-component-id": r,
-        className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
-        children: [
-          /* @__PURE__ */ V(
-            ce,
-            {
-              ...p,
-              ref: L,
-              id: r,
-              type: "email",
-              inputMode: "email",
-              autoComplete: "email",
-              tone: P,
-              value: b ? n : void 0,
-              defaultValue: b ? void 0 : l,
-              onChange: m,
-              onBlur: R,
-              "aria-invalid": q,
-              "aria-describedby": H
-            }
-          ),
-          w ? /* @__PURE__ */ W(
-            "p",
-            {
-              id: I,
-              role: "alert",
-              "data-slot": "email-input-error",
-              className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-destructive",
-              children: [
-                /* @__PURE__ */ V(ve, { "aria-hidden": "true", className: "ds:size-4 ds:shrink-0" }),
-                /* @__PURE__ */ V("span", { children: le })
-              ]
-            }
-          ) : null
-        ]
-      }
-    );
-  }
-);
-Ee.displayName = "EmailInput";
-export {
-  Ee as E,
-  Fe as e
-};
-//# sourceMappingURL=email-input-B_Y55f5G.js.map

package/dist/_chunks/notification-card-BiESdm8q.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"notification-card-BiESdm8q.js","sources":["../../src/components/notification-card/notification-card.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { X } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { Button } from '../button/button';\nimport { Timestamp } from '../timestamp';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface NotificationItem {\n  /** Unique identifier for the notification. */\n  id: string;\n  /** Notification title — rendered on the first line. */\n  title: string;\n  /** Notification body — rendered as plain text. */\n  description?: string;\n  /** Optional leading glyph — a React node (usually a Lucide icon). */\n  icon?: ReactNode;\n  /** Optional action URL — when present the card title is an anchor. */\n  url?: string;\n  /** ISO-8601 timestamp of when the notification was created. */\n  createdAt: string;\n  /** Whether the notification has been seen. Unread items get accent styling. */\n  read?: boolean;\n}\n\nexport interface NotificationCardProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'onClick' | 'role' | 'title'>,\n    VariantProps<typeof cardVariants> {\n  /** The notification to render. */\n  item: NotificationItem;\n  /**\n   * Layout shape.\n   * - `compact` — single-line row with the whole card clickable (used by\n   *   NotificationTray).\n   * - `dashboard` — alert-style block with explicit CTA and mark-as-read\n   *   controls (used by dashboards / sidebars).\n   */\n  variant?: 'compact' | 'dashboard';\n  /** Visual density. */\n  size?: 'sm' | 'md';\n  /** Fires when the card title / body is activated. */\n  onActivate?: (item: NotificationItem) => void;\n  /** Fires when the dismiss control is activated. */\n  onDismiss?: (item: NotificationItem) => void;\n  /**\n   * Label for the dashboard-variant CTA. Only rendered when `variant` is\n   * `'dashboard'` and the item has a `url`.\n   */\n  ctaLabel?: string;\n  /**\n   * Label for the dashboard-variant mark-as-read link. Only rendered when\n   * `variant` is `'dashboard'` and `onDismiss` is supplied.\n   */\n  dismissLabel?: string;\n  /**\n   * External exit-animation control. When supplied the card plays its\n   * fade-out when this turns `true` and the consumer owns the subsequent\n   * unmount (see NotificationTray). If omitted, the card self-manages the\n   * exit on internal dismiss.\n   */\n  leaving?: boolean;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst cardVariants = cva(\n  [\n    'ds:relative ds:flex ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:transition-colors',\n    // Mount: fade + slide-down so a fresh notification reads as arriving.\n    // `data-leaving=true` plays the matching exit, driven by the owning\n    // tray's AnimatePresence loop.\n    '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)]',\n    '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',\n    // Pin the exit's end-state until React unmounts. Without `fill-mode-forwards`\n    // tw-animate-css leaves the element at opacity:1 for one paint frame after\n    // the animation ends — the \"flicker before it animates away\" bug.\n    'ds:data-[leaving=true]:motion-safe:fill-mode-forwards',\n    'ds:data-[leaving=true]:pointer-events-none',\n    'ds:motion-reduce:transition-none',\n    'ds:text-start',\n    'ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2',\n    'ds:forced-colors:border ds:forced-colors:border-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      variant: {\n        compact: 'ds:items-start',\n        dashboard:\n          'ds:flex-col ds:sm:flex-row ds:items-stretch ds:sm:items-start ds:border ds:border-[color:var(--card-border)] ds:shadow-[var(--shadow-card)] ds:bg-[color:var(--card)]',\n      },\n      size: {\n        sm: 'ds:p-[var(--spacing-sm)]',\n        md: 'ds:p-[var(--spacing-md)]',\n      },\n      state: {\n        unread: '',\n        read: 'ds:bg-transparent',\n      },\n    },\n    compoundVariants: [\n      {\n        variant: 'compact',\n        state: 'unread',\n        class: 'ds:bg-[color:var(--accent)]/5',\n      },\n      {\n        variant: 'compact',\n        state: 'read',\n        class: 'ds:hover:bg-[color:var(--muted)]/40',\n      },\n      {\n        variant: 'dashboard',\n        state: 'unread',\n        class: 'ds:bg-[color:var(--accent)]/5',\n      },\n    ],\n    defaultVariants: {\n      variant: 'compact',\n      size: 'sm',\n      state: 'read',\n    },\n  },\n);\n\nconst stretchedLinkClass = [\n  'ds:focus-visible:outline-none',\n  \"ds:after:content-[''] ds:after:absolute ds:after:inset-0 ds:after:rounded-[var(--radius-sm)]\",\n  'ds:after:pointer-events-auto',\n  'ds:focus-visible:after:outline-[length:var(--focus-ring-width)]',\n  'ds:focus-visible:after:outline-solid',\n  'ds:focus-visible:after:outline-[color:var(--ring)]',\n  'ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:after:outline-[CanvasText]',\n].join(' ');\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                             */\n/* ------------------------------------------------------------------ */\n\nexport function isSafeNotificationUrl(url: string): boolean {\n  // Reject protocol-relative (//host), javascript:, data:, mailto: etc.\n  // Only http(s), same-origin absolute paths (/), and hash (#) anchors pass.\n  return /^(https?:\\/\\/(?!\\/)|\\/(?!\\/)|#)/.test(url);\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const NotificationCard = forwardRef<\n  HTMLDivElement,\n  NotificationCardProps\n>(\n  (\n    {\n      item,\n      variant = 'compact',\n      size = 'sm',\n      onActivate,\n      onDismiss,\n      ctaLabel,\n      dismissLabel,\n      leaving,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    // Screen-reader time context — absolute & unambiguous rather than the\n    // visible relative phrase, which drifts and reads less clearly aloud.\n    const accessibleTime = useMemo(() => {\n      const date = new Date(item.createdAt);\n      if (Number.isNaN(date.getTime())) return '';\n      return new Intl.DateTimeFormat(i18n.language, {\n        dateStyle: 'medium',\n        timeStyle: 'short',\n      }).format(date);\n    }, [item.createdAt, i18n.language]);\n\n    /* Exit animation.\n     * - When `leaving` is undefined (uncontrolled): the card owns the\n     *   fade-out — dismiss click flips `isLeaving`, waits for\n     *   --animation-duration, then fires onDismiss.\n     * - When `leaving` is boolean (controlled, e.g. NotificationTray): the\n     *   parent owns the lifecycle — dismiss click fires onDismiss\n     *   immediately and the parent schedules unmount after the animation. */\n    const isControlledLeaving = leaving !== undefined;\n    const [isLeaving, setIsLeaving] = useState(false);\n    const dismissTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    const effectiveLeaving = isControlledLeaving ? leaving : isLeaving;\n\n    const prefersReducedMotion =\n      typeof window !== 'undefined' &&\n      typeof window.matchMedia === 'function' &&\n      window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n    const handleDismiss = useCallback(() => {\n      if (!onDismiss) return;\n      if (isControlledLeaving || prefersReducedMotion) {\n        onDismiss(item);\n        return;\n      }\n      setIsLeaving(true);\n      if (dismissTimerRef.current) clearTimeout(dismissTimerRef.current);\n      const raw =\n        (typeof window !== 'undefined' &&\n          window\n            .getComputedStyle(document.documentElement)\n            .getPropertyValue('--animation-duration')) ||\n        '200ms';\n      const ms = raw.trim().endsWith('ms')\n        ? parseFloat(raw)\n        : parseFloat(raw) * 1000;\n      dismissTimerRef.current = setTimeout(\n        () => onDismiss(item),\n        Number.isFinite(ms) ? ms : 200,\n      );\n    }, [onDismiss, item, isControlledLeaving, prefersReducedMotion]);\n\n    const state = item.read ? 'read' : 'unread';\n\n    const unreadSuffix = item.read\n      ? ''\n      : t('notificationCard.unreadSuffix', ', unread');\n    const ariaLabel = t('notificationCard.itemLabel', {\n      title: item.title,\n      time: accessibleTime,\n      unreadSuffix,\n      defaultValue: '{{title}}, {{time}}{{unreadSuffix}}',\n    });\n\n    const hasSafeUrl = !!item.url && isSafeNotificationUrl(item.url);\n\n    /* ------- Title rendering (stretched link in compact mode) ------- */\n\n    const titleText = (\n      <span\n        className={[\n          'ds:flex-1 ds:min-w-0 ds:truncate',\n          item.read ? 'ds:font-normal' : 'ds:font-semibold',\n        ].join(' ')}\n      >\n        {item.title}\n      </span>\n    );\n\n    let titleNode: ReactNode;\n    if (variant === 'compact' && hasSafeUrl && onActivate) {\n      titleNode = (\n        <a\n          href={item.url}\n          aria-label={ariaLabel}\n          className={stretchedLinkClass + ' ds:contents'}\n          onClick={(event) => {\n            if (\n              event.defaultPrevented ||\n              event.metaKey ||\n              event.ctrlKey ||\n              event.shiftKey\n            )\n              return;\n            event.preventDefault();\n            onActivate(item);\n          }}\n        >\n          {titleText}\n        </a>\n      );\n    } else if (variant === 'compact' && onActivate) {\n      titleNode = (\n        <button\n          type=\"button\"\n          aria-label={ariaLabel}\n          className={\n            stretchedLinkClass +\n            ' ds:contents ds:bg-transparent ds:border-0 ds:p-0'\n          }\n          onClick={() => onActivate(item)}\n        >\n          {titleText}\n        </button>\n      );\n    } else if (variant === 'dashboard' && hasSafeUrl && onActivate) {\n      titleNode = (\n        <a\n          href={item.url}\n          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)]\"\n          onClick={(event) => {\n            if (\n              event.defaultPrevented ||\n              event.metaKey ||\n              event.ctrlKey ||\n              event.shiftKey\n            )\n              return;\n            event.preventDefault();\n            onActivate(item);\n          }}\n        >\n          {titleText}\n        </a>\n      );\n    } else {\n      titleNode = titleText;\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"listitem\"\n        data-component=\"notification-card\"\n        data-component-id={item.id}\n        data-read={item.read ? 'true' : 'false'}\n        data-leaving={effectiveLeaving ? 'true' : undefined}\n        aria-hidden={effectiveLeaving || undefined}\n        className={cardVariants({ variant, size, state, className })}\n        {...rest}\n      >\n        {item.icon ? (\n          <span\n            aria-hidden=\"true\"\n            className=\"ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center ds:size-8 ds:rounded-[var(--radius-full)] ds:bg-[color:var(--accent)]/10 ds:text-[color:var(--accent)] ds:[&>svg]:size-4\"\n          >\n            {item.icon}\n          </span>\n        ) : null}\n\n        <div className=\"ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n          <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n            {!item.read ? (\n              <span\n                aria-hidden=\"true\"\n                className=\"ds:inline-block ds:size-1.5 ds:shrink-0 ds:rounded-[var(--radius-full)] ds:bg-[color:var(--primary)] ds:forced-colors:bg-[Highlight]\"\n              />\n            ) : null}\n            {variant === 'dashboard' ? (\n              // `h3` keeps the dashboard heading ladder continuous:\n              // h1 (page) → h2 (WarningStack + NotificationsPanel) → h3 (notification title).\n              <h3 className=\"ds:m-0 ds:flex-1 ds:min-w-0 type-title-item\">\n                {titleNode}\n              </h3>\n            ) : (\n              <span className=\"ds:flex-1 ds:min-w-0 type-title-item ds:text-[color:var(--foreground)]\">\n                {titleNode}\n              </span>\n            )}\n          </div>\n\n          {item.description ? (\n            <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\">\n              {item.description}\n            </p>\n          ) : null}\n\n          <Timestamp\n            value={item.createdAt}\n            shape=\"chip\"\n            size=\"sm\"\n            relativeWindow={12 * 60 * 60 * 1000}\n          />\n\n          {variant === 'dashboard' && (ctaLabel || dismissLabel) ? (\n            <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]\">\n              {ctaLabel && hasSafeUrl ? (\n                <Button\n                  intent=\"outline\"\n                  size=\"sm\"\n                  asChild\n                  className=\"ds:relative ds:z-[1]\"\n                >\n                  <a\n                    href={item.url}\n                    onClick={(event) => {\n                      if (\n                        event.defaultPrevented ||\n                        event.metaKey ||\n                        event.ctrlKey ||\n                        event.shiftKey\n                      )\n                        return;\n                      event.preventDefault();\n                      onActivate?.(item);\n                    }}\n                  >\n                    {ctaLabel}\n                  </a>\n                </Button>\n              ) : null}\n              {dismissLabel && onDismiss ? (\n                <Button\n                  intent=\"link\"\n                  size=\"sm\"\n                  onClick={handleDismiss}\n                  className=\"ds:relative ds:z-[1]\"\n                >\n                  {dismissLabel}\n                </Button>\n              ) : null}\n            </div>\n          ) : null}\n        </div>\n\n        {variant === 'compact' && onDismiss ? (\n          <span className=\"ds:relative ds:z-[1] ds:opacity-0 ds:group-hover:opacity-100 ds:group-focus-within:opacity-100 ds:transition-opacity ds:motion-reduce:transition-none\">\n            <IconButton\n              icon={<X />}\n              intent=\"ghost\"\n              size=\"sm\"\n              aria-label={t('notificationCard.dismiss', 'Dismiss notification')}\n              onClick={handleDismiss}\n            />\n          </span>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nNotificationCard.displayName = 'NotificationCard';\n"],"names":["cardVariants","cva","stretchedLinkClass","isSafeNotificationUrl","url","NotificationCard","forwardRef","item","variant","size","onActivate","onDismiss","ctaLabel","dismissLabel","leaving","className","rest","ref","t","i18n","useTranslation","accessibleTime","useMemo","date","isControlledLeaving","isLeaving","setIsLeaving","useState","dismissTimerRef","useRef","effectiveLeaving","prefersReducedMotion","handleDismiss","useCallback","raw","ms","state","unreadSuffix","ariaLabel","hasSafeUrl","titleText","jsx","titleNode","event","jsxs","Timestamp","Button","IconButton","X"],"mappings":"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"}