@alfadocs/ui-kit 0.0.20 → 0.1.1

package/dist/_chunks/message-card-g5VS5Q80.js

@@ -1,275 +0,0 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { forwardRef as R, useMemo as B, useState as L, useRef as U, useCallback as W } from "react";
-import { c as _ } from "./index-D2ZczOXr.js";
-import { useTranslation as E } from "react-i18next";
-import { I as H } from "./icon-button-C1vpylg3.js";
-import { B as N } from "./button-CXL8bA8G.js";
-import { A as X } from "./avatar-BsV7vRA6.js";
-import { T as q } from "./timestamp-BLM-jjdw.js";
-import { X as G } from "./x-CCcI3eJp.js";
-const J = _(
-  [
-    "relative flex gap-[var(--spacing-sm)]",
-    "rounded-[var(--radius-sm)]",
-    "transition-colors",
-    "motion-safe:animate-in motion-safe:fade-in-0 motion-safe:slide-in-from-top-2 motion-safe:duration-[var(--animation-duration)]",
-    "data-[leaving=true]:motion-safe:animate-out data-[leaving=true]:motion-safe:fade-out-0 data-[leaving=true]:motion-safe:slide-out-to-top-2",
-    "data-[leaving=true]:motion-safe:fill-mode-forwards",
-    "data-[leaving=true]:pointer-events-none",
-    "motion-reduce:transition-none",
-    "text-start",
-    "forced-colors:border forced-colors:border-[CanvasText]"
-  ].join(" "),
-  {
-    variants: {
-      variant: {
-        compact: "items-start group",
-        dashboard: "flex-col sm:flex-row items-stretch sm:items-start border border-[color:var(--border)] bg-[color:var(--card)]"
-      },
-      size: {
-        sm: "p-[var(--spacing-sm)]",
-        md: "p-[var(--spacing-md)]"
-      },
-      state: {
-        unread: "",
-        read: "bg-transparent"
-      }
-    },
-    compoundVariants: [
-      {
-        variant: "compact",
-        state: "unread",
-        class: "bg-[color:var(--accent)]/5"
-      },
-      {
-        variant: "compact",
-        state: "read",
-        class: "hover:bg-[color:var(--muted)]/40"
-      },
-      {
-        variant: "dashboard",
-        state: "unread",
-        class: "bg-[color:var(--accent)]/5"
-      }
-    ],
-    defaultVariants: {
-      variant: "compact",
-      size: "sm",
-      state: "read"
-    }
-  }
-), k = [
-  "focus-visible:outline-none",
-  "after:content-[''] after:absolute after:inset-0 after:rounded-[var(--radius-sm)]",
-  "after:pointer-events-auto",
-  "focus-visible:after:outline-[length:var(--focus-ring-width)]",
-  "focus-visible:after:outline-solid",
-  "focus-visible:after:outline-[color:var(--ring)]",
-  "focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]",
-  "forced-colors:focus-visible:after:outline-[CanvasText]"
-].join(" ");
-function O(e) {
-  return /^(https?:\/\/(?!\/)|\/(?!\/)|#)/.test(e);
-}
-const Q = R(
-  ({
-    item: e,
-    variant: s = "compact",
-    size: g = "sm",
-    onActivate: t,
-    onDismiss: n,
-    ctaLabel: d,
-    dismissLabel: u,
-    leaving: h,
-    className: j,
-    ...T
-  }, z) => {
-    const { t: i, i18n: v } = E(), K = B(() => {
-      const a = new Date(e.sentAt);
-      return Number.isNaN(a.getTime()) ? "" : new Intl.DateTimeFormat(v.language, {
-        dateStyle: "medium",
-        timeStyle: "short"
-      }).format(a);
-    }, [e.sentAt, v.language]), f = h !== void 0, [M, S] = L(!1), m = U(null), b = f ? h : M, x = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, w = W(() => {
-      if (!n) return;
-      if (f || x) {
-        n(e);
-        return;
-      }
-      S(!0), m.current && clearTimeout(m.current);
-      const a = typeof window < "u" && window.getComputedStyle(document.documentElement).getPropertyValue("--animation-duration") || "200ms", C = a.trim().endsWith("ms") ? parseFloat(a) : parseFloat(a) * 1e3;
-      m.current = setTimeout(
-        () => n(e),
-        Number.isFinite(C) ? C : 200
-      );
-    }, [n, e, f, x]), V = e.read ? "read" : "unread", F = e.read ? "" : i("ui.messageCard.unreadSuffix", ", unread"), I = e.subject ? i("ui.messageCard.subjectFragment", {
-      subject: e.subject,
-      defaultValue: " — {{subject}}"
-    }) : "", y = i("ui.messageCard.itemLabel", {
-      sender: e.sender.name,
-      subjectFragment: I,
-      time: K,
-      unreadSuffix: F,
-      defaultValue: "Message from {{sender}}{{subjectFragment}}, {{time}}{{unreadSuffix}}"
-    }), p = !!e.url && O(e.url), l = /* @__PURE__ */ r(
-      "span",
-      {
-        className: [
-          "flex-1 min-w-0 truncate",
-          e.read ? "font-normal" : "font-semibold"
-        ].join(" "),
-        children: e.sender.name
-      }
-    );
-    let o;
-    s === "compact" && p && t ? o = /* @__PURE__ */ r(
-      "a",
-      {
-        href: e.url,
-        "aria-label": y,
-        className: k + " contents",
-        onClick: (a) => {
-          a.defaultPrevented || a.metaKey || a.ctrlKey || a.shiftKey || t(e);
-        },
-        children: l
-      }
-    ) : s === "compact" && t ? o = /* @__PURE__ */ r(
-      "button",
-      {
-        type: "button",
-        "aria-label": y,
-        className: k + " contents bg-transparent border-0 p-0",
-        onClick: () => t(e),
-        children: l
-      }
-    ) : s === "dashboard" && p && t ? o = /* @__PURE__ */ r(
-      "a",
-      {
-        href: e.url,
-        className: "text-[color:var(--foreground)] no-underline hover:underline focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid focus-visible:outline-[color:var(--ring)] focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-        onClick: (a) => {
-          a.defaultPrevented || a.metaKey || a.ctrlKey || a.shiftKey || t(e);
-        },
-        children: l
-      }
-    ) : o = l;
-    const P = typeof e.unreadCount == "number" && e.unreadCount > 1;
-    return /* @__PURE__ */ c(
-      "div",
-      {
-        ref: z,
-        role: "listitem",
-        "data-read": e.read ? "true" : "false",
-        "data-leaving": b ? "true" : void 0,
-        "aria-hidden": b || void 0,
-        className: J({ variant: s, size: g, state: V, className: j }),
-        ...T,
-        children: [
-          /* @__PURE__ */ r(
-            X,
-            {
-              name: e.sender.name,
-              src: e.sender.avatarUrl,
-              size: g === "md" ? "md" : "sm",
-              className: "shrink-0",
-              "aria-hidden": "true",
-              role: "presentation",
-              "aria-label": void 0
-            }
-          ),
-          /* @__PURE__ */ c("div", { className: "flex-1 min-w-0 flex flex-col gap-[var(--spacing-sm)]", children: [
-            /* @__PURE__ */ c("div", { className: "flex items-center gap-[var(--spacing-xs)]", children: [
-              e.read ? null : /* @__PURE__ */ r(
-                "span",
-                {
-                  "aria-hidden": "true",
-                  className: "inline-block size-1.5 shrink-0 rounded-[var(--radius-full)] bg-[color:var(--primary)] forced-colors:bg-[Highlight]"
-                }
-              ),
-              s === "dashboard" ? /* @__PURE__ */ r("h3", { className: "m-0 flex-1 min-w-0 type-title-item", children: o }) : /* @__PURE__ */ r("span", { className: "flex-1 min-w-0 type-title-item text-[color:var(--foreground)]", children: o }),
-              P ? /* @__PURE__ */ r(
-                "span",
-                {
-                  "aria-label": i("ui.messageCard.threadCount", {
-                    count: e.unreadCount,
-                    defaultValue_one: "{{count}} new message in thread",
-                    defaultValue_other: "{{count}} new messages in thread"
-                  }),
-                  className: "relative z-[1] shrink-0 inline-flex items-center justify-center min-w-[calc(var(--spacing-md)+var(--spacing-xs))] h-[calc(var(--spacing-md)+var(--spacing-xs))] ps-[calc(var(--spacing-xs)/1.5)] pe-[calc(var(--spacing-xs)/1.5)] rounded-[var(--radius-full)] bg-[color:var(--accent)] text-[color:var(--accent-foreground)] text-[length:var(--font-size-xs)] font-semibold leading-none forced-colors:outline forced-colors:outline-1 forced-colors:outline-[CanvasText]",
-                  children: e.unreadCount
-                }
-              ) : null
-            ] }),
-            e.subject ? /* @__PURE__ */ r(
-              "p",
-              {
-                className: [
-                  "m-0 type-body-sm text-[color:var(--foreground)] truncate",
-                  e.read ? "font-normal" : "font-semibold"
-                ].join(" "),
-                children: e.subject
-              }
-            ) : null,
-            /* @__PURE__ */ r("p", { className: "m-0 type-body-sm text-[color:var(--muted-foreground)] [overflow:hidden] [display:-webkit-box] [-webkit-box-orient:vertical] [-webkit-line-clamp:2] break-words", children: e.preview }),
-            /* @__PURE__ */ r(
-              q,
-              {
-                value: e.sentAt,
-                shape: "chip",
-                size: "sm",
-                relativeWindow: 720 * 60 * 1e3
-              }
-            ),
-            s === "dashboard" && (d || u) ? /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-[var(--spacing-sm)]", children: [
-              d && p ? /* @__PURE__ */ r(
-                N,
-                {
-                  intent: "outline",
-                  size: "sm",
-                  asChild: !0,
-                  className: "relative z-[1]",
-                  children: /* @__PURE__ */ r(
-                    "a",
-                    {
-                      href: e.url,
-                      onClick: (a) => {
-                        a.defaultPrevented || a.metaKey || a.ctrlKey || a.shiftKey || t == null || t(e);
-                      },
-                      children: d
-                    }
-                  )
-                }
-              ) : null,
-              u && n ? /* @__PURE__ */ r(
-                N,
-                {
-                  intent: "link",
-                  size: "sm",
-                  onClick: w,
-                  className: "relative z-[1]",
-                  children: u
-                }
-              ) : null
-            ] }) : null
-          ] }),
-          s === "compact" && n ? /* @__PURE__ */ r("span", { className: "relative z-[1] opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity motion-reduce:transition-none", children: /* @__PURE__ */ r(
-            H,
-            {
-              icon: /* @__PURE__ */ r(G, {}),
-              intent: "ghost",
-              size: "sm",
-              "aria-label": i("ui.messageCard.dismiss", "Dismiss message"),
-              onClick: w
-            }
-          ) }) : null
-        ]
-      }
-    );
-  }
-);
-Q.displayName = "MessageCard";
-export {
-  Q as M,
-  O as i
-};
-//# sourceMappingURL=message-card-g5VS5Q80.js.map

package/dist/_chunks/message-card-g5VS5Q80.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"message-card-g5VS5Q80.js","sources":["../../src/components/message-card/message-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 { Avatar } from '../avatar/avatar';\nimport { Timestamp } from '../timestamp';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface MessageSender {\n  /** Display name — drives the avatar's deterministic colour + initials. */\n  name: string;\n  /** Optional avatar image URL. */\n  avatarUrl?: string;\n}\n\nexport interface MessageItem {\n  /** Unique identifier for the message (or thread). */\n  id: string;\n  /** Sender identity — avatar + bold display name. */\n  sender: MessageSender;\n  /** Optional subject / conversation title. Rendered bold when unread. */\n  subject?: string;\n  /** Last-message preview — rendered as plain text, clamped to two lines. */\n  preview: string;\n  /** ISO-8601 timestamp of when the message was sent. */\n  sentAt: string;\n  /** Whether the message has been seen. Unread items get accent styling. */\n  read?: boolean;\n  /** Optional deep link — when present the card row is an anchor. */\n  url?: string;\n  /**\n   * Count of unread messages inside a thread. Rendered as an end-aligned\n   * badge when greater than 1.\n   */\n  unreadCount?: number;\n}\n\nexport interface MessageCardProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick' | 'role' | 'title'>,\n    VariantProps<typeof cardVariants> {\n  /** The message to render. */\n  item: MessageItem;\n  /**\n   * Layout shape.\n   * - `compact` — single-line row with the whole card clickable (used by\n   *   MessageTray).\n   * - `dashboard` — bordered 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 row / title is activated. */\n  onActivate?: (item: MessageItem) => void;\n  /** Fires when the dismiss control is activated. */\n  onDismiss?: (item: MessageItem) => 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 MessageTray). 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    'relative flex gap-[var(--spacing-sm)]',\n    'rounded-[var(--radius-sm)]',\n    'transition-colors',\n    'motion-safe:animate-in motion-safe:fade-in-0 motion-safe:slide-in-from-top-2 motion-safe:duration-[var(--animation-duration)]',\n    'data-[leaving=true]:motion-safe:animate-out data-[leaving=true]:motion-safe:fade-out-0 data-[leaving=true]:motion-safe:slide-out-to-top-2',\n    'data-[leaving=true]:motion-safe:fill-mode-forwards',\n    'data-[leaving=true]:pointer-events-none',\n    'motion-reduce:transition-none',\n    'text-start',\n    'forced-colors:border forced-colors:border-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      variant: {\n        compact: 'items-start group',\n        dashboard:\n          'flex-col sm:flex-row items-stretch sm:items-start border border-[color:var(--border)] bg-[color:var(--card)]',\n      },\n      size: {\n        sm: 'p-[var(--spacing-sm)]',\n        md: 'p-[var(--spacing-md)]',\n      },\n      state: {\n        unread: '',\n        read: 'bg-transparent',\n      },\n    },\n    compoundVariants: [\n      {\n        variant: 'compact',\n        state: 'unread',\n        class: 'bg-[color:var(--accent)]/5',\n      },\n      {\n        variant: 'compact',\n        state: 'read',\n        class: 'hover:bg-[color:var(--muted)]/40',\n      },\n      {\n        variant: 'dashboard',\n        state: 'unread',\n        class: '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  'focus-visible:outline-none',\n  \"after:content-[''] after:absolute after:inset-0 after:rounded-[var(--radius-sm)]\",\n  'after:pointer-events-auto',\n  'focus-visible:after:outline-[length:var(--focus-ring-width)]',\n  'focus-visible:after:outline-solid',\n  'focus-visible:after:outline-[color:var(--ring)]',\n  'focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]',\n  'forced-colors:focus-visible:after:outline-[CanvasText]',\n].join(' ');\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                             */\n/* ------------------------------------------------------------------ */\n\nexport function isSafeMessageUrl(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 MessageCard = forwardRef<HTMLDivElement, MessageCardProps>(\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\n    const accessibleTime = useMemo(() => {\n      const date = new Date(item.sentAt);\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.sentAt, i18n.language]);\n\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('ui.messageCard.unreadSuffix', ', unread');\n    const subjectFragment = item.subject\n      ? t('ui.messageCard.subjectFragment', {\n          subject: item.subject,\n          defaultValue: ' — {{subject}}',\n        })\n      : '';\n    const ariaLabel = t('ui.messageCard.itemLabel', {\n      sender: item.sender.name,\n      subjectFragment,\n      time: accessibleTime,\n      unreadSuffix,\n      defaultValue:\n        'Message from {{sender}}{{subjectFragment}}, {{time}}{{unreadSuffix}}',\n    });\n\n    const hasSafeUrl = !!item.url && isSafeMessageUrl(item.url);\n\n    /* ------- Sender-name rendering (stretched link in compact mode) ------ */\n\n    const senderText = (\n      <span\n        className={[\n          'flex-1 min-w-0 truncate',\n          item.read ? 'font-normal' : 'font-semibold',\n        ].join(' ')}\n      >\n        {item.sender.name}\n      </span>\n    );\n\n    let senderNode: ReactNode;\n    if (variant === 'compact' && hasSafeUrl && onActivate) {\n      senderNode = (\n        <a\n          href={item.url}\n          aria-label={ariaLabel}\n          className={stretchedLinkClass + ' contents'}\n          onClick={(event) => {\n            if (\n              event.defaultPrevented ||\n              event.metaKey ||\n              event.ctrlKey ||\n              event.shiftKey\n            )\n              return;\n            onActivate(item);\n          }}\n        >\n          {senderText}\n        </a>\n      );\n    } else if (variant === 'compact' && onActivate) {\n      senderNode = (\n        <button\n          type=\"button\"\n          aria-label={ariaLabel}\n          className={stretchedLinkClass + ' contents bg-transparent border-0 p-0'}\n          onClick={() => onActivate(item)}\n        >\n          {senderText}\n        </button>\n      );\n    } else if (variant === 'dashboard' && hasSafeUrl && onActivate) {\n      senderNode = (\n        <a\n          href={item.url}\n          className=\"text-[color:var(--foreground)] no-underline hover:underline focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid focus-visible:outline-[color:var(--ring)] 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            onActivate(item);\n          }}\n        >\n          {senderText}\n        </a>\n      );\n    } else {\n      senderNode = senderText;\n    }\n\n    const showThreadCount =\n      typeof item.unreadCount === 'number' && item.unreadCount > 1;\n\n    return (\n      <div\n        ref={ref}\n        role=\"listitem\"\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        {/* Avatar is decorative here — the row's assembled `aria-label`\n            already names the sender, so letting Avatar contribute its own\n            `role=\"img\"` + `aria-label={name}` would announce the name twice\n            per row. `aria-hidden` + `role=\"presentation\"` (spread last, so\n            they win over Avatar's internal values) pulls the element out of\n            the a11y tree entirely. */}\n        <Avatar\n          name={item.sender.name}\n          src={item.sender.avatarUrl}\n          size={size === 'md' ? 'md' : 'sm'}\n          className=\"shrink-0\"\n          aria-hidden=\"true\"\n          role=\"presentation\"\n          aria-label={undefined}\n        />\n\n        <div className=\"flex-1 min-w-0 flex flex-col gap-[var(--spacing-sm)]\">\n          <div className=\"flex items-center gap-[var(--spacing-xs)]\">\n            {!item.read ? (\n              <span\n                aria-hidden=\"true\"\n                className=\"inline-block size-1.5 shrink-0 rounded-[var(--radius-full)] bg-[color:var(--primary)] forced-colors:bg-[Highlight]\"\n              />\n            ) : null}\n            {variant === 'dashboard' ? (\n              <h3 className=\"m-0 flex-1 min-w-0 type-title-item\">\n                {senderNode}\n              </h3>\n            ) : (\n              <span className=\"flex-1 min-w-0 type-title-item text-[color:var(--foreground)]\">\n                {senderNode}\n              </span>\n            )}\n            {showThreadCount ? (\n              <span\n                aria-label={t('ui.messageCard.threadCount', {\n                  count: item.unreadCount,\n                  defaultValue_one: '{{count}} new message in thread',\n                  defaultValue_other: '{{count}} new messages in thread',\n                })}\n                className=\"relative z-[1] shrink-0 inline-flex items-center justify-center min-w-[calc(var(--spacing-md)+var(--spacing-xs))] h-[calc(var(--spacing-md)+var(--spacing-xs))] ps-[calc(var(--spacing-xs)/1.5)] pe-[calc(var(--spacing-xs)/1.5)] rounded-[var(--radius-full)] bg-[color:var(--accent)] text-[color:var(--accent-foreground)] text-[length:var(--font-size-xs)] font-semibold leading-none forced-colors:outline forced-colors:outline-1 forced-colors:outline-[CanvasText]\"\n              >\n                {item.unreadCount}\n              </span>\n            ) : null}\n          </div>\n\n          {item.subject ? (\n            <p\n              className={[\n                'm-0 type-body-sm text-[color:var(--foreground)] truncate',\n                item.read ? 'font-normal' : 'font-semibold',\n              ].join(' ')}\n            >\n              {item.subject}\n            </p>\n          ) : null}\n\n          <p className=\"m-0 type-body-sm text-[color:var(--muted-foreground)] [overflow:hidden] [display:-webkit-box] [-webkit-box-orient:vertical] [-webkit-line-clamp:2] break-words\">\n            {item.preview}\n          </p>\n\n          <Timestamp\n            value={item.sentAt}\n            shape=\"chip\"\n            size=\"sm\"\n            relativeWindow={12 * 60 * 60 * 1000}\n          />\n\n          {variant === 'dashboard' && (ctaLabel || dismissLabel) ? (\n            <div className=\"flex flex-wrap items-center gap-[var(--spacing-sm)]\">\n              {ctaLabel && hasSafeUrl ? (\n                <Button\n                  intent=\"outline\"\n                  size=\"sm\"\n                  asChild\n                  className=\"relative 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                      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=\"relative z-[1]\"\n                >\n                  {dismissLabel}\n                </Button>\n              ) : null}\n            </div>\n          ) : null}\n        </div>\n\n        {variant === 'compact' && onDismiss ? (\n          <span className=\"relative z-[1] opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity motion-reduce:transition-none\">\n            <IconButton\n              icon={<X />}\n              intent=\"ghost\"\n              size=\"sm\"\n              aria-label={t('ui.messageCard.dismiss', 'Dismiss message')}\n              onClick={handleDismiss}\n            />\n          </span>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nMessageCard.displayName = 'MessageCard';\n"],"names":["cardVariants","cva","stretchedLinkClass","isSafeMessageUrl","url","MessageCard","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","subjectFragment","ariaLabel","hasSafeUrl","senderText","jsx","senderNode","event","showThreadCount","jsxs","Avatar","Timestamp","Button","IconButton","X"],"mappings":"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"}

package/dist/_chunks/message-tray-CAk-iibU.js

@@ -1,302 +0,0 @@
-import { jsx as e, jsxs as l, Fragment as k } from "react/jsx-runtime";
-import { forwardRef as ae, useState as S, useCallback as V, useLayoutEffect as se, useEffect as I, useRef as R } from "react";
-import * as p from "@radix-ui/react-popover";
-import { c as y } from "./index-D2ZczOXr.js";
-import { useTranslation as E } from "react-i18next";
-import { I as te } from "./icon-button-C1vpylg3.js";
-import { B } from "./button-CXL8bA8G.js";
-import { S as P } from "./separator-DExI4amU.js";
-import { S as c } from "./skeleton-vbTWUntB.js";
-import { M as re } from "./message-card-g5VS5Q80.js";
-import { M as L } from "./mail-C8irm52s.js";
-const ne = y("relative inline-flex items-center", {
-  variants: {
-    size: {
-      sm: "",
-      md: ""
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-}), ie = y(
-  [
-    "flex flex-col",
-    "bg-[var(--popover)] text-[var(--popover-foreground)]",
-    "border border-[color:var(--border)]",
-    "rounded-[var(--radius-md)]",
-    "shadow-[var(--shadow-lg)]",
-    "z-[var(--z-popover)]",
-    // Width: fluid below the design cap so narrow viewports keep a visible
-    // gutter on both sides (shadow included). Cap slightly wider than
-    // NotificationTray because message rows carry subject + preview.
-    "w-[min(26rem,calc(100vw-2*var(--spacing-md)))]",
-    // Height: below the `sm` breakpoint the panel takes a near-full-screen
-    // sheet shape so the user gets room to triage an inbox without
-    // scrolling a tiny popover. `6rem` reserves space for the Header
-    // (≈4rem) plus the sideOffset + collisionPadding (≈2rem). Above `sm`
-    // it returns to `h-auto` so the list's own cap governs the height.
-    "h-[calc(100dvh-6rem)] sm:h-auto",
-    "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",
-    "motion-reduce:transition-none motion-reduce:animate-none",
-    "focus-visible:outline-none",
-    "forced-colors:border-[CanvasText]"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "p-[var(--spacing-xs)]",
-        md: "p-[var(--spacing-sm)]"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-), oe = y(
-  [
-    "absolute -top-[var(--spacing-xs)] -end-[var(--spacing-xs)]",
-    "inline-flex items-center justify-center",
-    "min-w-[calc(var(--spacing-md)+var(--spacing-xs))] h-[calc(var(--spacing-md)+var(--spacing-xs))] ps-[calc(var(--spacing-xs)/1.5)] pe-[calc(var(--spacing-xs)/1.5)]",
-    "rounded-[var(--radius-full)]",
-    "bg-[color:var(--destructive)] text-[color:var(--destructive-foreground)]",
-    "text-[length:var(--font-size-xs)] font-semibold leading-none",
-    "pointer-events-none select-none",
-    "forced-colors:outline forced-colors:outline-1 forced-colors:outline-[CanvasText]"
-  ].join(" ")
-);
-function le(s, f) {
-  return s > 99 ? f : String(s);
-}
-function h() {
-  return /* @__PURE__ */ l(
-    "div",
-    {
-      "aria-hidden": "true",
-      className: "flex items-start gap-[var(--spacing-sm)] p-[var(--spacing-sm)]",
-      children: [
-        /* @__PURE__ */ e(c, { variant: "circular", size: "sm" }),
-        /* @__PURE__ */ l("div", { className: "flex-1 flex flex-col gap-[var(--spacing-xs)]", children: [
-          /* @__PURE__ */ e(c, { variant: "text", size: "md", width: "60%" }),
-          /* @__PURE__ */ e(c, { variant: "text", size: "sm", width: "80%" }),
-          /* @__PURE__ */ e(c, { variant: "text", size: "sm", width: "95%" }),
-          /* @__PURE__ */ e(c, { variant: "text", size: "sm", width: "30%" })
-        ] })
-      ]
-    }
-  );
-}
-function ce() {
-  const { t: s } = E();
-  return /* @__PURE__ */ l(
-    "div",
-    {
-      role: "status",
-      "aria-live": "polite",
-      className: "flex flex-col items-center justify-center gap-[var(--spacing-xs)] p-[var(--spacing-lg)] text-center",
-      children: [
-        /* @__PURE__ */ e(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: "inline-flex items-center justify-center size-10 rounded-[var(--radius-full)] bg-[color:var(--muted)] text-[color:var(--muted-foreground)] [&>svg]:size-5",
-            children: /* @__PURE__ */ e(L, {})
-          }
-        ),
-        /* @__PURE__ */ e("p", { className: "type-title-item text-[color:var(--foreground)]", children: s("ui.messageTray.noMessages", "No messages") }),
-        /* @__PURE__ */ e("p", { className: "type-meta text-[color:var(--muted-foreground)]", children: s(
-          "ui.messageTray.noMessagesDescription",
-          "Your inbox is clear."
-        ) })
-      ]
-    }
-  );
-}
-const de = ae(
-  ({
-    items: s,
-    unreadCount: f,
-    open: b,
-    onOpenChange: d,
-    onItemClick: D,
-    onDismiss: F,
-    onMarkAllRead: w,
-    loading: O = !1,
-    maxVisible: A,
-    viewAllLabel: N,
-    onViewAll: W,
-    align: Y = "end",
-    side: q = "bottom",
-    size: g = "md",
-    className: G,
-    ...H
-  }, J) => {
-    var C;
-    const { t: i } = E(), v = b !== void 0, [K, Q] = S(!1), U = v ? b : K, X = V(
-      (a) => {
-        v || Q(a), d == null || d(a);
-      },
-      [v, d]
-    ), [m, T] = S(
-      () => s.map((a) => ({ item: a, leaving: !1 }))
-    ), z = V(() => {
-      if (typeof window > "u") return 200;
-      const a = window.getComputedStyle(document.documentElement).getPropertyValue("--animation-duration");
-      if (!a) return 200;
-      const r = a.trim(), t = parseFloat(r);
-      return Number.isFinite(t) ? r.endsWith("ms") ? t : t * 1e3 : 200;
-    }, []);
-    se(() => {
-      T((a) => {
-        const r = new Set(s.map((n) => n.id)), t = new Set(a.map((n) => n.item.id)), o = a.map((n) => {
-          if (r.has(n.item.id)) {
-            const j = s.find((ee) => ee.id === n.item.id);
-            return j ? { item: j, leaving: !1 } : { ...n, leaving: !0 };
-          }
-          return { ...n, leaving: !0 };
-        });
-        for (const n of s)
-          t.has(n.id) || o.push({ item: n, leaving: !1 });
-        return o;
-      });
-    }, [s]), I(() => {
-      if (!m.some((t) => t.leaving)) return;
-      const a = z(), r = setTimeout(() => {
-        T((t) => t.filter((o) => !o.leaving));
-      }, a);
-      return () => clearTimeout(r);
-    }, [m, z]);
-    const x = R(null), M = R((C = s[0]) == null ? void 0 : C.id);
-    I(() => {
-      var t;
-      const a = (t = s[0]) == null ? void 0 : t.id, r = M.current;
-      if (r && a && r !== a && x.current) {
-        const o = s[0];
-        o && !o.read && (x.current.textContent = i(
-          "ui.messageTray.newMessage",
-          {
-            sender: o.sender.name,
-            defaultValue: "New message from {{sender}}"
-          }
-        ));
-      }
-      M.current = a;
-    }, [s, i]);
-    const u = f ?? 0, Z = u > 0 ? i("ui.messageTray.triggerLabel", {
-      count: u,
-      defaultValue: "Messages, {{count}} unread"
-    }) : i("ui.messageTray.triggerLabelNone", "Messages, none unread"), _ = le(
-      u,
-      i("ui.messageTray.badgeCountOverflow", "99+")
-    ), $ = ie({ size: g });
-    return /* @__PURE__ */ e(
-      "div",
-      {
-        ref: J,
-        className: [ne({ size: g }), G].filter(Boolean).join(" "),
-        ...H,
-        children: /* @__PURE__ */ l(p.Root, { open: U, onOpenChange: X, children: [
-          /* @__PURE__ */ e(p.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
-            te,
-            {
-              icon: /* @__PURE__ */ e(L, {}),
-              intent: "outline",
-              size: g === "sm" ? "sm" : "md",
-              "aria-label": Z,
-              "aria-haspopup": "dialog"
-            }
-          ) }),
-          u > 0 ? /* @__PURE__ */ e(
-            "span",
-            {
-              "aria-hidden": "true",
-              "data-testid": "message-tray-badge",
-              className: oe(),
-              children: _
-            }
-          ) : null,
-          /* @__PURE__ */ e(
-            "div",
-            {
-              ref: x,
-              "aria-live": "polite",
-              "aria-atomic": "true",
-              className: "sr-only"
-            }
-          ),
-          /* @__PURE__ */ e(p.Portal, { children: /* @__PURE__ */ l(
-            p.Content,
-            {
-              role: "dialog",
-              "aria-label": i("ui.messageTray.panelTitle", "Messages"),
-              side: q,
-              align: Y,
-              sideOffset: 8,
-              collisionPadding: 16,
-              className: $,
-              children: [
-                /* @__PURE__ */ l("div", { className: "flex items-center justify-between gap-[var(--spacing-sm)] ps-[var(--spacing-sm)] pe-[var(--spacing-sm)] pb-[var(--spacing-xs)]", children: [
-                  /* @__PURE__ */ e("h3", { className: "m-0 type-title-card text-[color:var(--foreground)]", children: i("ui.messageTray.panelTitle", "Messages") }),
-                  w && s.some((a) => !a.read) ? /* @__PURE__ */ e(
-                    B,
-                    {
-                      intent: "link",
-                      size: "sm",
-                      onClick: w,
-                      className: "text-[length:var(--font-size-xs)]",
-                      children: i("ui.messageTray.markAllRead", "Mark all as read")
-                    }
-                  ) : null
-                ] }),
-                /* @__PURE__ */ e(P, {}),
-                /* @__PURE__ */ e(
-                  "div",
-                  {
-                    role: "list",
-                    "data-max-visible": A,
-                    className: "flex flex-col gap-[var(--spacing-xs)] overflow-y-auto pt-[var(--spacing-xs)] flex-1 sm:flex-none sm:[max-block-size:var(--message-tray-max-block-size,26rem)]",
-                    children: O ? /* @__PURE__ */ l(k, { children: [
-                      /* @__PURE__ */ e(h, {}),
-                      /* @__PURE__ */ e(h, {}),
-                      /* @__PURE__ */ e(h, {})
-                    ] }) : m.length === 0 ? /* @__PURE__ */ e(ce, {}) : m.map(({ item: a, leaving: r }) => /* @__PURE__ */ e(
-                      re,
-                      {
-                        item: a,
-                        variant: "compact",
-                        leaving: r,
-                        onActivate: D,
-                        onDismiss: F
-                      },
-                      a.id
-                    ))
-                  }
-                ),
-                N ? /* @__PURE__ */ l(k, { children: [
-                  /* @__PURE__ */ e(P, {}),
-                  /* @__PURE__ */ e("div", { className: "pt-[var(--spacing-xs)]", children: /* @__PURE__ */ e(
-                    B,
-                    {
-                      intent: "link",
-                      size: "sm",
-                      onClick: W,
-                      className: "w-full justify-center",
-                      children: N
-                    }
-                  ) })
-                ] }) : null
-              ]
-            }
-          ) })
-        ] })
-      }
-    );
-  }
-);
-de.displayName = "MessageTray";
-export {
-  de as M
-};
-//# sourceMappingURL=message-tray-CAk-iibU.js.map