@alfadocs/ui-kit-debug 0.1.8 → 0.2.0

package/dist/_chunks/navigation-menu-ClbHeawy.js

@@ -0,0 +1,279 @@
+import { jsxs as p, jsx as s } from "react/jsx-runtime";
+import { forwardRef as n, useRef as I, useState as k, useCallback as z, useMemo as C, useImperativeHandle as B } from "react";
+import * as o from "@radix-ui/react-navigation-menu";
+import { Slot as R } from "@radix-ui/react-slot";
+import { c as L } from "./index-D2ZczOXr.js";
+import { useTranslation as T } from "react-i18next";
+import { u as A } from "./use-direction-D6rvvG9G.js";
+import { u as K } from "./registry-C9nwlNyL.js";
+import { C as O } from "./chevron-down-BX_NP2Yh.js";
+const S = {
+  id: "navigation-menu",
+  capabilities: ["select_single", "navigate", "open", "close"],
+  state: {
+    activeItem: {
+      type: "string | null",
+      descriptionKey: "ui.agent.navigationMenu.state.activeItem",
+      description: "Id of the currently-active top-level navigation item, or null when none is active.",
+      read: (e) => e.getActiveItem() ?? null
+    },
+    isOpen: {
+      type: "boolean",
+      descriptionKey: "ui.agent.navigationMenu.state.isOpen",
+      description: "Whether a dropdown / mega-menu panel is currently open.",
+      read: (e) => e.getIsOpen()
+    }
+  },
+  actions: {
+    select_item: {
+      safety: "read",
+      argsType: "{ id: string }",
+      descriptionKey: "ui.agent.navigationMenu.actions.selectItem",
+      description: "Activate (open) the top-level item with the given id.",
+      invoke: (e, t) => {
+        e.selectItem(t.id);
+      }
+    },
+    open: {
+      safety: "read",
+      argsType: "{ id: string }",
+      descriptionKey: "ui.agent.navigationMenu.actions.open",
+      description: "Open the dropdown / mega-menu panel for the given top-level item id.",
+      invoke: (e, t) => {
+        e.open(t.id);
+      }
+    },
+    close: {
+      safety: "read",
+      descriptionKey: "ui.agent.navigationMenu.actions.close",
+      description: "Close any open dropdown / mega-menu panel.",
+      invoke: (e) => {
+        e.close();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "navigation-menu",
+      description: "Marks the NavigationMenu root."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop. Required to address a specific menu from the agent."
+    },
+    item: {
+      attr: "data-nav-id",
+      description: "Stable opaque id of a top-level navigation item. Selection / open targets this attribute."
+    }
+  }
+}, V = [
+  "ds:relative ds:z-[var(--z-dropdown)]",
+  "ds:flex ds:max-w-max ds:items-center ds:justify-center"
+].join(" "), q = n(
+  ({
+    "aria-label": e,
+    className: t,
+    children: a,
+    id: i,
+    value: c,
+    defaultValue: h,
+    onValueChange: m,
+    ...b
+  }, N) => {
+    const { t: w } = T(), u = I(null), y = A(u), v = c !== void 0, [x, M] = k(
+      h ?? ""
+    ), r = v ? c : x, l = z(
+      (d) => {
+        v || M(d), m == null || m(d);
+      },
+      [v, m]
+    ), j = C(
+      () => ({
+        getActiveItem: () => r || null,
+        getIsOpen: () => !!r,
+        selectItem: (d) => l(d),
+        open: (d) => l(d),
+        close: () => l("")
+      }),
+      [r, l]
+    );
+    return B(
+      N,
+      () => u.current,
+      []
+    ), K(S, j, i), /* @__PURE__ */ p(
+      o.Root,
+      {
+        ref: u,
+        dir: y,
+        "aria-label": e ?? w("ui.navigation.nav.label"),
+        className: [V, t].filter(Boolean).join(" "),
+        id: i,
+        "data-component": "navigation-menu",
+        "data-component-id": i,
+        value: r,
+        onValueChange: l,
+        ...b,
+        children: [
+          a,
+          /* @__PURE__ */ s(f, {})
+        ]
+      }
+    );
+  }
+);
+q.displayName = "NavigationMenu";
+const D = [
+  "ds:group ds:flex ds:flex-1",
+  "ds:list-none ds:items-center ds:justify-center",
+  "ds:gap-[var(--spacing-xs)]",
+  "ds:m-0 ds:ps-0"
+].join(" "), H = n(({ className: e, ...t }, a) => /* @__PURE__ */ s(
+  o.List,
+  {
+    ref: a,
+    className: [D, e].filter(Boolean).join(" "),
+    ...t
+  }
+));
+H.displayName = "NavigationMenuList";
+const _ = n(({ navId: e, ...t }, a) => /* @__PURE__ */ s(o.Item, { ref: a, "data-nav-id": e, ...t }));
+_.displayName = "NavigationMenuItem";
+const P = [
+  "ds:group ds:inline-flex ds:items-center ds:justify-center",
+  "ds:min-h-[var(--min-target-size)]",
+  "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-sm)]",
+  "ds:rounded-[var(--radius-sm)]",
+  "ds:text-[var(--font-size-sm)] ds:font-[var(--font-weight-medium)]",
+  "ds:text-[var(--foreground)]",
+  "ds:hover:bg-[var(--muted)]/20",
+  "ds:data-[state=open]:bg-[var(--muted)]/20",
+  "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+  "ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+  "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+  "ds:disabled:cursor-not-allowed ds:disabled:opacity-50",
+  "ds:gap-[var(--spacing-xs)]"
+].join(" "), W = [
+  "ds:size-3 ds:transition-transform ds:duration-[var(--animation-duration)]",
+  "ds:group-data-[state=open]:rotate-180",
+  "ds:rtl:-scale-x-100 ds:motion-reduce:transition-none"
+].join(" "), E = n(({ className: e, children: t, ...a }, i) => /* @__PURE__ */ p(
+  o.Trigger,
+  {
+    ref: i,
+    className: [P, e].filter(Boolean).join(" "),
+    ...a,
+    children: [
+      t,
+      /* @__PURE__ */ s(O, { "aria-hidden": "true", className: W })
+    ]
+  }
+));
+E.displayName = "NavigationMenuTrigger";
+const F = [
+  "ds:absolute ds:start-0 ds:top-0 ds:w-full",
+  "ds:md:w-auto",
+  "ds:bg-[var(--background)] ds:text-[var(--foreground)]",
+  "ds:rounded-[var(--radius-md)] ds:border ds:border-[var(--border)]",
+  "ds:shadow-[var(--shadow-lg)]",
+  "ds:p-[var(--spacing-md)]",
+  "ds:data-[motion^=from-]:animate-in ds:data-[motion^=to-]:animate-out",
+  // Logical start/end motion mapped onto physical Tailwind animation utilities.
+  // The `rtl:` variants mirror the slide direction so `from-start` enters from
+  // the inline-start edge in both LTR and RTL.
+  "ds:data-[motion=from-start]:slide-in-from-left-52 ds:rtl:data-[motion=from-start]:slide-in-from-right-52",
+  "ds:data-[motion=from-end]:slide-in-from-right-52 ds:rtl:data-[motion=from-end]:slide-in-from-left-52",
+  "ds:data-[motion=to-start]:slide-out-to-left-52 ds:rtl:data-[motion=to-start]:slide-out-to-right-52",
+  "ds:data-[motion=to-end]:slide-out-to-right-52 ds:rtl:data-[motion=to-end]:slide-out-to-left-52",
+  "ds:motion-reduce:animate-none"
+].join(" "), G = L(F, {
+  variants: {
+    layout: {
+      simple: "ds:min-w-[16rem]",
+      mega: "ds:grid ds:grid-cols-[repeat(auto-fit,minmax(12rem,1fr))] ds:gap-[var(--spacing-md)] ds:min-w-[32rem]"
+    }
+  },
+  defaultVariants: { layout: "simple" }
+}), J = n(({ layout: e, className: t, ...a }, i) => /* @__PURE__ */ s(
+  o.Content,
+  {
+    ref: i,
+    className: G({ layout: e, className: t }),
+    ...a
+  }
+));
+J.displayName = "NavigationMenuContent";
+const g = [
+  "ds:block ds:rounded-[var(--radius-sm)]",
+  "ds:min-h-[var(--min-target-size)]",
+  "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
+  "ds:py-[var(--spacing-xs)]",
+  "ds:text-[var(--font-size-sm)] ds:font-[var(--font-weight-medium)]",
+  "ds:text-[var(--foreground)]",
+  "ds:no-underline",
+  "ds:hover:bg-[var(--muted)]/20",
+  "ds:data-[active]:underline ds:data-[active]:underline-offset-[var(--spacing-xs)]",
+  "ds:aria-[current=page]:underline ds:aria-[current=page]:underline-offset-[var(--spacing-xs)]",
+  "ds:aria-[current=page]:font-[var(--font-weight-semibold)]",
+  "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+  "ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+  "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
+].join(" "), Q = n(({ asChild: e = !1, className: t, children: a, ...i }, c) => /* @__PURE__ */ s(
+  o.Link,
+  {
+    ref: c,
+    asChild: e,
+    className: e ? void 0 : [g, t].filter(Boolean).join(" "),
+    ...i,
+    children: e ? /* @__PURE__ */ s(R, { className: [g, t].filter(Boolean).join(" "), children: a }) : a
+  }
+));
+Q.displayName = "NavigationMenuLink";
+const U = [
+  "ds:top-full ds:z-[1] ds:flex ds:h-2 ds:items-end ds:justify-center ds:overflow-hidden",
+  "ds:data-[state=visible]:animate-in ds:data-[state=hidden]:animate-out",
+  "ds:data-[state=visible]:fade-in ds:data-[state=hidden]:fade-out",
+  "ds:motion-reduce:animate-none"
+].join(" "), X = n(({ className: e, ...t }, a) => /* @__PURE__ */ s(
+  o.Indicator,
+  {
+    ref: a,
+    className: [U, e].filter(Boolean).join(" "),
+    ...t,
+    children: /* @__PURE__ */ s("span", { className: "ds:relative ds:top-[60%] ds:h-2 ds:w-2 ds:rotate-45 ds:rounded-tl-sm ds:bg-[var(--border)]" })
+  }
+));
+X.displayName = "NavigationMenuIndicator";
+const Y = [
+  "ds:origin-top-center ds:relative ds:mt-[var(--spacing-xs)]",
+  "ds:h-[var(--radix-navigation-menu-viewport-height)]",
+  "ds:w-full ds:overflow-hidden",
+  "ds:rounded-[var(--radius-md)] ds:border ds:border-[var(--border)]",
+  "ds:bg-[var(--background)] ds:text-[var(--foreground)]",
+  "ds:shadow-[var(--shadow-lg)]",
+  "ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out",
+  "ds:data-[state=open]:zoom-in-90 ds:data-[state=closed]:zoom-out-95",
+  "ds:motion-reduce:animate-none"
+].join(" "), f = n(({ className: e, ...t }, a) => /* @__PURE__ */ s("div", { className: "ds:absolute ds:start-0 ds:top-full ds:flex ds:justify-center", children: /* @__PURE__ */ s(
+  o.Viewport,
+  {
+    ref: a,
+    className: [Y, e].filter(Boolean).join(" "),
+    ...t
+  }
+) }));
+f.displayName = "NavigationMenuViewport";
+export {
+  q as N,
+  J as a,
+  X as b,
+  _ as c,
+  Q as d,
+  H as e,
+  E as f,
+  f as g,
+  S as n
+};
+//# sourceMappingURL=navigation-menu-ClbHeawy.js.map

package/dist/_chunks/navigation-menu-ClbHeawy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu-ClbHeawy.js","sources":["../../src/components/navigation-menu/navigation-menu.agent.ts","../../src/components/navigation-menu/navigation-menu.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — NavigationMenu.                                        */\n/*                                                                        */\n/* NavigationMenu is the primary top-bar navigation. It exposes the      */\n/* currently-active item id (when the consumer routes through the kit),  */\n/* the open/closed state of its dropdown, and lets an agent open, close, */\n/* or select a top-level item by id.                                     */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the full contract.          */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { NavigationMenuHandle } from './navigation-menu';\n\nexport const navigationMenuAgent: AgentAdapter<NavigationMenuHandle> = {\n  id: 'navigation-menu',\n  capabilities: ['select_single', 'navigate', 'open', 'close'],\n  state: {\n    activeItem: {\n      type: 'string | null',\n      descriptionKey: 'ui.agent.navigationMenu.state.activeItem',\n      description:\n        'Id of the currently-active top-level navigation item, or null when none is active.',\n      read: (handle) => handle.getActiveItem() ?? null,\n    },\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.navigationMenu.state.isOpen',\n      description: 'Whether a dropdown / mega-menu panel is currently open.',\n      read: (handle) => handle.getIsOpen(),\n    },\n  },\n  actions: {\n    select_item: {\n      safety: 'read',\n      argsType: '{ id: string }',\n      descriptionKey: 'ui.agent.navigationMenu.actions.selectItem',\n      description: 'Activate (open) the top-level item with the given id.',\n      invoke: (handle, args: { id: string }) => {\n        handle.selectItem(args.id);\n      },\n    },\n    open: {\n      safety: 'read',\n      argsType: '{ id: string }',\n      descriptionKey: 'ui.agent.navigationMenu.actions.open',\n      description:\n        'Open the dropdown / mega-menu panel for the given top-level item id.',\n      invoke: (handle, args: { id: string }) => {\n        handle.open(args.id);\n      },\n    },\n    close: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.navigationMenu.actions.close',\n      description: 'Close any open dropdown / mega-menu panel.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'navigation-menu',\n      description: 'Marks the NavigationMenu root.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description:\n        'Sourced from the id prop. Required to address a specific menu from the agent.',\n    },\n    item: {\n      attr: 'data-nav-id',\n      description:\n        'Stable opaque id of a top-level navigation item. Selection / open targets this attribute.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n} from 'react';\nimport * as RadixNavigationMenu from '@radix-ui/react-navigation-menu';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ChevronDown } from 'lucide-react';\nimport { useDirection } from '../_shared/use-direction';\n// SkipLink moved to its own module — re-imported for the navigation-menu\n// barrel's backwards-compat re-export. New consumers should import it\n// directly from `@alfadocs/ui-kit`.\nimport { SkipLink } from '../skip-link';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { navigationMenuAgent } from './navigation-menu.agent';\n\n/* -------------------------------------------------------------------- */\n/* Root                                                                  */\n/* -------------------------------------------------------------------- */\n\nconst rootClasses = [\n  'ds:relative ds:z-[var(--z-dropdown)]',\n  'ds:flex ds:max-w-max ds:items-center ds:justify-center',\n].join(' ');\n\nexport interface NavigationMenuProps extends ComponentPropsWithoutRef<\n  typeof RadixNavigationMenu.Root\n> {\n  'aria-label'?: string;\n  /**\n   * Consumer-supplied instance id, surfaced as `data-component-id` so an\n   * agent / UI bridge can address this instance.\n   */\n  id?: string;\n}\n\n/**\n * Imperative handle for agent-readiness. Exposes the active top-level\n * item id + open/closed state, and lets external drivers select / open /\n * close panels by item id.\n */\nexport interface NavigationMenuHandle {\n  getActiveItem: () => string | null;\n  getIsOpen: () => boolean;\n  selectItem: (id: string) => void;\n  open: (id: string) => void;\n  close: () => void;\n}\n\ntype NavigationMenuRootElement = ElementRef<typeof RadixNavigationMenu.Root>;\n\nconst NavigationMenu = forwardRef<\n  NavigationMenuRootElement,\n  NavigationMenuProps\n>(\n  (\n    {\n      'aria-label': ariaLabel,\n      className,\n      children,\n      id,\n      value,\n      defaultValue,\n      onValueChange,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const rootRef = useRef<ElementRef<typeof RadixNavigationMenu.Root>>(null);\n    const dir = useDirection(rootRef);\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<string>(\n      defaultValue ?? '',\n    );\n    const activeValue = isControlled ? value : internalValue;\n\n    const handleValueChange = useCallback(\n      (next: string) => {\n        if (!isControlled) setInternalValue(next);\n        onValueChange?.(next);\n      },\n      [isControlled, onValueChange],\n    );\n\n    const handle = useMemo<NavigationMenuHandle>(\n      () => ({\n        getActiveItem: () => (activeValue ? activeValue : null),\n        getIsOpen: () => Boolean(activeValue),\n        selectItem: (nextId: string) => handleValueChange(nextId),\n        open: (nextId: string) => handleValueChange(nextId),\n        close: () => handleValueChange(''),\n      }),\n      [activeValue, handleValueChange],\n    );\n    useImperativeHandle(\n      ref,\n      () => rootRef.current as NavigationMenuRootElement,\n      [],\n    );\n    useAgentRegistration(navigationMenuAgent, handle, id);\n\n    return (\n      <RadixNavigationMenu.Root\n        ref={rootRef}\n        dir={dir}\n        aria-label={ariaLabel ?? t('ui.navigation.nav.label')}\n        className={[rootClasses, className].filter(Boolean).join(' ')}\n        id={id}\n        data-component=\"navigation-menu\"\n        data-component-id={id}\n        value={activeValue}\n        onValueChange={handleValueChange}\n        {...rest}\n      >\n        {children}\n        <NavigationMenuViewport />\n      </RadixNavigationMenu.Root>\n    );\n  },\n);\nNavigationMenu.displayName = 'NavigationMenu';\n\n/* -------------------------------------------------------------------- */\n/* List + Item                                                           */\n/* -------------------------------------------------------------------- */\n\nconst listClasses = [\n  'ds:group ds:flex ds:flex-1',\n  'ds:list-none ds:items-center ds:justify-center',\n  'ds:gap-[var(--spacing-xs)]',\n  'ds:m-0 ds:ps-0',\n].join(' ');\n\nconst NavigationMenuList = forwardRef<\n  ElementRef<typeof RadixNavigationMenu.List>,\n  ComponentPropsWithoutRef<typeof RadixNavigationMenu.List>\n>(({ className, ...rest }, ref) => (\n  <RadixNavigationMenu.List\n    ref={ref}\n    className={[listClasses, className].filter(Boolean).join(' ')}\n    {...rest}\n  />\n));\nNavigationMenuList.displayName = 'NavigationMenuList';\n\nexport interface NavigationMenuItemProps extends ComponentPropsWithoutRef<\n  typeof RadixNavigationMenu.Item\n> {\n  /**\n   * Stable opaque id of this top-level item. When provided, emitted as\n   * `data-nav-id` so an agent / UI bridge can target the item. Distinct\n   * from Radix's internal `value`, which controls open-state matching;\n   * pass the same string to both if you want them aligned.\n   */\n  navId?: string;\n}\n\nconst NavigationMenuItem = forwardRef<\n  ElementRef<typeof RadixNavigationMenu.Item>,\n  NavigationMenuItemProps\n>(({ navId, ...rest }, ref) => (\n  <RadixNavigationMenu.Item ref={ref} data-nav-id={navId} {...rest} />\n));\nNavigationMenuItem.displayName = 'NavigationMenuItem';\n\n/* -------------------------------------------------------------------- */\n/* Trigger                                                               */\n/* -------------------------------------------------------------------- */\n\nconst triggerClasses = [\n  'ds:group ds:inline-flex ds:items-center ds:justify-center',\n  'ds:min-h-[var(--min-target-size)]',\n  'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-sm)]',\n  'ds:rounded-[var(--radius-sm)]',\n  'ds:text-[var(--font-size-sm)] ds:font-[var(--font-weight-medium)]',\n  'ds:text-[var(--foreground)]',\n  'ds:hover:bg-[var(--muted)]/20',\n  'ds:data-[state=open]:bg-[var(--muted)]/20',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n  'ds:gap-[var(--spacing-xs)]',\n].join(' ');\n\nconst chevronClasses = [\n  'ds:size-3 ds:transition-transform ds:duration-[var(--animation-duration)]',\n  'ds:group-data-[state=open]:rotate-180',\n  'ds:rtl:-scale-x-100 ds:motion-reduce:transition-none',\n].join(' ');\n\nconst NavigationMenuTrigger = forwardRef<\n  ElementRef<typeof RadixNavigationMenu.Trigger>,\n  ComponentPropsWithoutRef<typeof RadixNavigationMenu.Trigger>\n>(({ className, children, ...rest }, ref) => (\n  <RadixNavigationMenu.Trigger\n    ref={ref}\n    className={[triggerClasses, className].filter(Boolean).join(' ')}\n    {...rest}\n  >\n    {children}\n    <ChevronDown aria-hidden=\"true\" className={chevronClasses} />\n  </RadixNavigationMenu.Trigger>\n));\nNavigationMenuTrigger.displayName = 'NavigationMenuTrigger';\n\n/* -------------------------------------------------------------------- */\n/* Content                                                               */\n/* -------------------------------------------------------------------- */\n\nconst contentBase = [\n  'ds:absolute ds:start-0 ds:top-0 ds:w-full',\n  'ds:md:w-auto',\n  'ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n  'ds:rounded-[var(--radius-md)] ds:border ds:border-[var(--border)]',\n  'ds:shadow-[var(--shadow-lg)]',\n  'ds:p-[var(--spacing-md)]',\n  'ds:data-[motion^=from-]:animate-in ds:data-[motion^=to-]:animate-out',\n  // Logical start/end motion mapped onto physical Tailwind animation utilities.\n  // The `rtl:` variants mirror the slide direction so `from-start` enters from\n  // the inline-start edge in both LTR and RTL.\n  'ds:data-[motion=from-start]:slide-in-from-left-52 ds:rtl:data-[motion=from-start]:slide-in-from-right-52',\n  'ds:data-[motion=from-end]:slide-in-from-right-52 ds:rtl:data-[motion=from-end]:slide-in-from-left-52',\n  'ds:data-[motion=to-start]:slide-out-to-left-52 ds:rtl:data-[motion=to-start]:slide-out-to-right-52',\n  'ds:data-[motion=to-end]:slide-out-to-right-52 ds:rtl:data-[motion=to-end]:slide-out-to-left-52',\n  'ds:motion-reduce:animate-none',\n].join(' ');\n\nconst contentVariants = cva(contentBase, {\n  variants: {\n    layout: {\n      simple: 'ds:min-w-[16rem]',\n      mega: 'ds:grid ds:grid-cols-[repeat(auto-fit,minmax(12rem,1fr))] ds:gap-[var(--spacing-md)] ds:min-w-[32rem]',\n    },\n  },\n  defaultVariants: { layout: 'simple' },\n});\n\nexport interface NavigationMenuContentProps\n  extends\n    ComponentPropsWithoutRef<typeof RadixNavigationMenu.Content>,\n    VariantProps<typeof contentVariants> {}\n\nconst NavigationMenuContent = forwardRef<\n  ElementRef<typeof RadixNavigationMenu.Content>,\n  NavigationMenuContentProps\n>(({ layout, className, ...rest }, ref) => (\n  <RadixNavigationMenu.Content\n    ref={ref}\n    className={contentVariants({ layout, className })}\n    {...rest}\n  />\n));\nNavigationMenuContent.displayName = 'NavigationMenuContent';\n\n/* -------------------------------------------------------------------- */\n/* Link                                                                  */\n/* -------------------------------------------------------------------- */\n\nconst linkClasses = [\n  'ds:block ds:rounded-[var(--radius-sm)]',\n  'ds:min-h-[var(--min-target-size)]',\n  'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n  'ds:py-[var(--spacing-xs)]',\n  'ds:text-[var(--font-size-sm)] ds:font-[var(--font-weight-medium)]',\n  'ds:text-[var(--foreground)]',\n  'ds:no-underline',\n  'ds:hover:bg-[var(--muted)]/20',\n  'ds:data-[active]:underline ds:data-[active]:underline-offset-[var(--spacing-xs)]',\n  'ds:aria-[current=page]:underline ds:aria-[current=page]:underline-offset-[var(--spacing-xs)]',\n  'ds:aria-[current=page]:font-[var(--font-weight-semibold)]',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n].join(' ');\n\nexport interface NavigationMenuLinkProps extends ComponentPropsWithoutRef<\n  typeof RadixNavigationMenu.Link\n> {\n  /** Render through Radix Slot so routers can inject their own link element. */\n  asChild?: boolean;\n}\n\nconst NavigationMenuLink = forwardRef<\n  ElementRef<typeof RadixNavigationMenu.Link>,\n  NavigationMenuLinkProps\n>(({ asChild = false, className, children, ...rest }, ref) => (\n  <RadixNavigationMenu.Link\n    ref={ref}\n    asChild={asChild}\n    className={\n      asChild ? undefined : [linkClasses, className].filter(Boolean).join(' ')\n    }\n    {...rest}\n  >\n    {asChild ? (\n      <Slot className={[linkClasses, className].filter(Boolean).join(' ')}>\n        {children}\n      </Slot>\n    ) : (\n      children\n    )}\n  </RadixNavigationMenu.Link>\n));\nNavigationMenuLink.displayName = 'NavigationMenuLink';\n\n/* -------------------------------------------------------------------- */\n/* Indicator + Viewport                                                  */\n/* -------------------------------------------------------------------- */\n\nconst indicatorClasses = [\n  'ds:top-full ds:z-[1] ds:flex ds:h-2 ds:items-end ds:justify-center ds:overflow-hidden',\n  'ds:data-[state=visible]:animate-in ds:data-[state=hidden]:animate-out',\n  'ds:data-[state=visible]:fade-in ds:data-[state=hidden]:fade-out',\n  'ds:motion-reduce:animate-none',\n].join(' ');\n\nconst NavigationMenuIndicator = forwardRef<\n  ElementRef<typeof RadixNavigationMenu.Indicator>,\n  ComponentPropsWithoutRef<typeof RadixNavigationMenu.Indicator>\n>(({ className, ...rest }, ref) => (\n  <RadixNavigationMenu.Indicator\n    ref={ref}\n    className={[indicatorClasses, className].filter(Boolean).join(' ')}\n    {...rest}\n  >\n    <span className=\"ds:relative ds:top-[60%] ds:h-2 ds:w-2 ds:rotate-45 ds:rounded-tl-sm ds:bg-[var(--border)]\" />\n  </RadixNavigationMenu.Indicator>\n));\nNavigationMenuIndicator.displayName = 'NavigationMenuIndicator';\n\nconst viewportClasses = [\n  'ds:origin-top-center ds:relative ds:mt-[var(--spacing-xs)]',\n  'ds:h-[var(--radix-navigation-menu-viewport-height)]',\n  'ds:w-full ds:overflow-hidden',\n  'ds:rounded-[var(--radius-md)] ds:border ds:border-[var(--border)]',\n  'ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n  'ds:shadow-[var(--shadow-lg)]',\n  'ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out',\n  'ds:data-[state=open]:zoom-in-90 ds:data-[state=closed]:zoom-out-95',\n  'ds:motion-reduce:animate-none',\n].join(' ');\n\nconst NavigationMenuViewport = forwardRef<\n  ElementRef<typeof RadixNavigationMenu.Viewport>,\n  ComponentPropsWithoutRef<typeof RadixNavigationMenu.Viewport>\n>(({ className, ...rest }, ref) => (\n  <div className=\"ds:absolute ds:start-0 ds:top-full ds:flex ds:justify-center\">\n    <RadixNavigationMenu.Viewport\n      ref={ref}\n      className={[viewportClasses, className].filter(Boolean).join(' ')}\n      {...rest}\n    />\n  </div>\n));\nNavigationMenuViewport.displayName = 'NavigationMenuViewport';\n\n/* -------------------------------------------------------------------- */\n/* Exports                                                               */\n/* -------------------------------------------------------------------- */\n\nexport {\n  NavigationMenu,\n  NavigationMenuList,\n  NavigationMenuItem,\n  NavigationMenuTrigger,\n  NavigationMenuContent,\n  NavigationMenuLink,\n  NavigationMenuIndicator,\n  NavigationMenuViewport,\n  SkipLink,\n};\n"],"names":["navigationMenuAgent","handle","args","rootClasses","NavigationMenu","forwardRef","ariaLabel","className","children","id","value","defaultValue","onValueChange","rest","ref","t","useTranslation","rootRef","useRef","dir","useDirection","isControlled","internalValue","setInternalValue","useState","activeValue","handleValueChange","useCallback","next","useMemo","nextId","useImperativeHandle","useAgentRegistration","jsxs","RadixNavigationMenu","NavigationMenuViewport","listClasses","NavigationMenuList","jsx","NavigationMenuItem","navId","triggerClasses","chevronClasses","NavigationMenuTrigger","ChevronDown","contentBase","contentVariants","cva","NavigationMenuContent","layout","linkClasses","NavigationMenuLink","asChild","Slot","indicatorClasses","NavigationMenuIndicator","viewportClasses"],"mappings":"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"}

package/dist/_chunks/normalize-diacritics-BNGbFNlJ.js.map

@@ -1 +1 @@
-{"version":3,"file":"normalize-diacritics-BNGbFNlJ.js","sources":["../../src/components/_shared/normalize-diacritics.ts"],"sourcesContent":["export function normalizeDiacritics(input: string): string {\n  return input.normalize('NFD').replace(/[\\u0300-\\u036f]/g, '').toLowerCase();\n}\n"],"names":["normalizeDiacritics","input"],"mappings":"AAAO,SAASA,EAAoBC,GAAuB;AACzD,SAAOA,EAAM,UAAU,KAAK,EAAE,QAAQ,oBAAoB,EAAE,EAAE,YAAA;AAChE;"}
+{"version":3,"file":"normalize-diacritics-BNGbFNlJ.js","sources":["../../src/components/_shared/normalize-diacritics.ts"],"sourcesContent":["export function normalizeDiacritics(input: string): string {\n  return input\n    .normalize('NFD')\n    .replace(/[\\u0300-\\u036f]/g, '')\n    .toLowerCase();\n}\n"],"names":["normalizeDiacritics","input"],"mappings":"AAAO,SAASA,EAAoBC,GAAuB;AACzD,SAAOA,EACJ,UAAU,KAAK,EACf,QAAQ,oBAAoB,EAAE,EAC9B,YAAA;AACL;"}

package/dist/_chunks/{notification-card-BF2_veHy.js → notification-card-hBlPN1-c.js}

@@ -2,8 +2,8 @@ import { jsx as a, jsxs as n } from "react/jsx-runtime";
 import { forwardRef as M, useMemo as P, useState as R, useRef as B, useCallback as L } from "react";
 import { c as U } from "./index-D2ZczOXr.js";
 import { useTranslation as W } from "react-i18next";
-import { I as E } from "./icon-button-Wnnde5lc.js";
-import { B as N } from "./button-7mLWcMp_.js";
+import { I as E } from "./icon-button-C4CGcYuz.js";
+import { B as N } from "./button-DD_0Xdmr.js";
 import { T as H } from "./timestamp-BV2lC-wV.js";
 import { X } from "./x-CCcI3eJp.js";
 const q = U(
@@ -112,7 +112,7 @@ const J = M(
       time: S,
       unreadSuffix: I,
       defaultValue: "{{title}}, {{time}}{{unreadSuffix}}"
-    }), p = !!e.url && G(e.url), o = /* @__PURE__ */ a(
+    }), p = !!e.url && G(e.url), i = /* @__PURE__ */ a(
       "span",
       {
         className: [
@@ -122,8 +122,8 @@ const J = M(
         children: e.title
       }
     );
-    let i;
-    return r === "compact" && p && t ? i = /* @__PURE__ */ a(
+    let o;
+    return r === "compact" && p && t ? o = /* @__PURE__ */ a(
       "a",
       {
         href: e.url,
@@ -132,18 +132,18 @@ const J = M(
         onClick: (s) => {
           s.defaultPrevented || s.metaKey || s.ctrlKey || s.shiftKey || t(e);
         },
-        children: o
+        children: i
       }
-    ) : r === "compact" && t ? i = /* @__PURE__ */ a(
+    ) : r === "compact" && t ? o = /* @__PURE__ */ a(
       "button",
       {
         type: "button",
         "aria-label": x,
         className: C + " ds:contents ds:bg-transparent ds:border-0 ds:p-0",
         onClick: () => t(e),
-        children: o
+        children: i
       }
-    ) : r === "dashboard" && p && t ? i = /* @__PURE__ */ a(
+    ) : r === "dashboard" && p && t ? o = /* @__PURE__ */ a(
       "a",
       {
         href: e.url,
@@ -151,14 +151,15 @@ const J = M(
         onClick: (s) => {
           s.defaultPrevented || s.metaKey || s.ctrlKey || s.shiftKey || t(e);
         },
-        children: o
+        children: i
       }
-    ) : i = o, /* @__PURE__ */ n(
+    ) : o = i, /* @__PURE__ */ n(
       "div",
       {
         ref: K,
         role: "listitem",
         "data-component": "notification-card",
+        "data-component-id": e.id,
         "data-read": e.read ? "true" : "false",
         "data-leaving": g ? "true" : void 0,
         "aria-hidden": g || void 0,
@@ -185,8 +186,8 @@ const J = M(
               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: i })
-              ) : /* @__PURE__ */ a("span", { className: "ds:flex-1 ds:min-w-0 type-title-item ds:text-[color:var(--foreground)]", children: i })
+                /* @__PURE__ */ a("h3", { className: "ds:m-0 ds:flex-1 ds:min-w-0 type-title-item", children: o })
+              ) : /* @__PURE__ */ a("span", { className: "ds:flex-1 ds:min-w-0 type-title-item ds:text-[color:var(--foreground)]", children: o })
             ] }),
             e.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: e.description }) : null,
             /* @__PURE__ */ a(
@@ -253,4 +254,4 @@ export {
   J as N,
   G as i
 };
-//# sourceMappingURL=notification-card-BF2_veHy.js.map
+//# sourceMappingURL=notification-card-hBlPN1-c.js.map

package/dist/_chunks/notification-card-hBlPN1-c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-card-hBlPN1-c.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: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:shadow-[var(--shadow-md)] 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('ui.notificationCard.unreadSuffix', ', unread');\n    const ariaLabel = t('ui.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            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            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                      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(\n                'ui.notificationCard.dismiss',\n                'Dismiss notification',\n              )}\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"],"mappings":"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"}

package/dist/_chunks/notification-card.agent-Rqt3ofk9.js

@@ -0,0 +1,22 @@
+const t = {
+  id: "notification-card",
+  capabilities: ["dismiss"],
+  state: {},
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "notification-card",
+      description: "Marks the element as a kit NotificationCard. The card root also emits data-component-id sourced from item.id and data-read with the current read flag."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "item.id",
+      description: "Sourced from item.id — the stable notification identifier."
+    }
+  }
+};
+export {
+  t as n
+};
+//# sourceMappingURL=notification-card.agent-Rqt3ofk9.js.map

package/dist/_chunks/notification-card.agent-Rqt3ofk9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-card.agent-Rqt3ofk9.js","sources":["../../src/components/notification-card/notification-card.agent.ts"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — NotificationCard.                                      */\n/*                                                                        */\n/* Single-notification surface. Lifecycle (dismiss, mark-read) is         */\n/* owned by the consumer / host tray; the card itself simply exposes a    */\n/* DOM hook so a future MCP UI bridge can address one rendered card by    */\n/* its notification id. No imperative handle is declared.                 */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\n\nexport const notificationCardAgent: AgentAdapter = {\n  id: 'notification-card',\n  capabilities: ['dismiss'],\n  state: {},\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'notification-card',\n      description:\n        'Marks the element as a kit NotificationCard. The card root also emits data-component-id sourced from item.id and data-read with the current read flag.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'item.id',\n      description: 'Sourced from item.id — the stable notification identifier.',\n    },\n  },\n};\n"],"names":["notificationCardAgent"],"mappings":"AAWO,MAAMA,IAAsC;AAAA,EACjD,IAAI;AAAA,EACJ,cAAc,CAAC,SAAS;AAAA,EACxB,OAAO,CAAA;AAAA,EACP,SAAS,CAAA;AAAA,EACT,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aACE;AAAA,IAAA;AAAA,IAEJ,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ;"}