@alfadocs/ui-kit-debug 0.50.0 → 0.51.0

package/dist/_chunks/task-card-BwY9jaV1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-card-BwY9jaV1.js","sources":["../../src/components/task-card/task-card.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { CheckSquare, Square, AlertCircle, ChevronRight } from 'lucide-react';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport type TaskStatus = 'open' | 'in-progress' | 'done';\nexport type TaskPriority = 'low' | 'normal' | 'high';\n\nexport interface TaskItem {\n  /** Unique identifier for the task. */\n  id: string;\n  /** Title — single line, primary content. */\n  title: string;\n  /** Optional secondary line (e.g. \"Patient A · Due today\"). */\n  description?: string;\n  /**\n   * Localised due-date hint (e.g. \"Due today\" / \"Tomorrow\"). Rendered as a\n   * trailing eyebrow chip when set; consumers compute the bucket and pass\n   * the localised string.\n   */\n  dueLabel?: string;\n  /**\n   * Linked-entity line (the patient / company / operator the task points\n   * at). Rendered as an eyebrow under the description; localised by the\n   * consumer (e.g. \"Patient: Mario Rossi\").\n   */\n  linkedLabel?: string;\n  /** Free-text note attached to the task — muted body line, clamped. */\n  note?: string;\n  /** Lifecycle state — drives the leading icon. */\n  status?: TaskStatus;\n  /** Priority — `high` colours the leading icon as `--destructive`. */\n  priority?: TaskPriority;\n  /** Optional deep link — when present the row is an anchor. */\n  url?: string;\n}\n\nexport interface TaskCardProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'onClick' | 'role' | 'title'>,\n    VariantProps<typeof taskCardVariants> {\n  /** The task to render. */\n  item: TaskItem;\n  /** Visual density. */\n  size?: 'sm' | 'md';\n  /** Fires when the row is activated (click / Enter / Space). */\n  onActivate?: (item: TaskItem) => void;\n  /**\n   * Trailing per-row action toolbar (icon buttons: mark done, schedule,\n   * edit, …). Rendered above the stretched-link overlay so the controls\n   * stay clickable inside an interactive row.\n   */\n  actions?: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst taskCardVariants = cva(\n  [\n    'ds:relative ds:flex ds:items-start ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:transition-colors',\n    'ds:motion-reduce:transition-none',\n    'ds:text-start ds:group',\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      size: {\n        sm: 'ds:p-[var(--spacing-sm)]',\n        md: 'ds:p-[var(--spacing-md)]',\n      },\n      interactive: {\n        true: 'ds:hover:bg-[color:var(--muted)]/40 ds:cursor-pointer',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n      interactive: false,\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 isSafeTaskUrl(url: string): boolean {\n  return /^(https?:\\/\\/(?!\\/)|\\/(?!\\/)|#)/.test(url);\n}\n\nfunction StatusIcon({\n  status,\n  priority,\n}: {\n  status?: TaskStatus;\n  priority?: TaskPriority;\n}): ReactNode {\n  const tone =\n    priority === 'high'\n      ? 'ds:text-[color:var(--destructive)]'\n      : 'ds:text-[color:var(--muted-foreground)]';\n  if (status === 'done') {\n    return <CheckSquare aria-hidden=\"true\" className={`ds:size-4 ${tone}`} />;\n  }\n  if (priority === 'high') {\n    return <AlertCircle aria-hidden=\"true\" className={`ds:size-4 ${tone}`} />;\n  }\n  return <Square aria-hidden=\"true\" className={`ds:size-4 ${tone}`} />;\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const TaskCard = forwardRef<HTMLDivElement, TaskCardProps>(\n  ({ item, size = 'sm', onActivate, actions, className, ...rest }, ref) => {\n    const { t } = useTranslation();\n    const interactive = !!onActivate;\n    const hasSafeUrl = !!item.url && isSafeTaskUrl(item.url);\n    const ariaLabel = t('taskCard.itemLabel', {\n      title: item.title,\n      due: item.dueLabel ?? '',\n      defaultValue: '{{title}}{{due, prepend, \" · \"}}',\n    });\n\n    const titleNode = (\n      <span className=\"ds:flex-1 ds:min-w-0 ds:truncate type-body-sm ds:text-[color:var(--foreground)]\">\n        {item.title}\n      </span>\n    );\n\n    let activator: ReactNode;\n    if (interactive && hasSafeUrl) {\n      activator = (\n        <a\n          href={item.url}\n          aria-label={ariaLabel}\n          className={stretchedLinkClass + ' ds:contents'}\n          onClick={(e) => {\n            if (e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey)\n              return;\n            onActivate?.(item);\n          }}\n        >\n          {titleNode}\n        </a>\n      );\n    } else if (interactive) {\n      activator = (\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 ds:text-start'\n          }\n          onClick={() => onActivate?.(item)}\n        >\n          {titleNode}\n        </button>\n      );\n    } else {\n      activator = titleNode;\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"listitem\"\n        data-component=\"task-card\"\n        data-component-id={item.id}\n        data-status={item.status ?? 'open'}\n        data-priority={item.priority ?? 'normal'}\n        className={taskCardVariants({ size, interactive, className })}\n        {...rest}\n      >\n        <span className=\"ds:mt-[var(--spacing-2xs)] ds:shrink-0\">\n          <StatusIcon status={item.status} priority={item.priority} />\n        </span>\n\n        <div className=\"ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n          {activator}\n          {item.description ? (\n            <span className=\"type-body-sm ds:text-[color:var(--muted-foreground)] ds:truncate\">\n              {item.description}\n            </span>\n          ) : null}\n          {item.note ? (\n            <span className=\"type-body-sm ds:text-[color:var(--muted-foreground)] ds:line-clamp-2\">\n              {item.note}\n            </span>\n          ) : null}\n          {item.linkedLabel ? (\n            <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)] ds:truncate\">\n              {item.linkedLabel}\n            </span>\n          ) : null}\n          {item.dueLabel ? (\n            <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)]\">\n              {item.dueLabel}\n            </span>\n          ) : null}\n        </div>\n\n        {actions ? (\n          // Above the stretched-link overlay so the buttons stay clickable.\n          <span className=\"ds:relative ds:z-[1] ds:flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:shrink-0\">\n            {actions}\n          </span>\n        ) : null}\n\n        {interactive ? (\n          <ChevronRight\n            aria-hidden=\"true\"\n            className=\"ds:mt-[var(--spacing-2xs)] ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)] ds:opacity-0 ds:transition-opacity ds:motion-reduce:transition-none ds:group-hover:opacity-100 ds:group-focus-within:opacity-100 ds:rtl:rotate-180\"\n          />\n        ) : null}\n      </div>\n    );\n  },\n);\n\nTaskCard.displayName = 'TaskCard';\n"],"names":["taskCardVariants","cva","stretchedLinkClass","isSafeTaskUrl","url","StatusIcon","status","priority","tone","CheckSquare","AlertCircle","Square","TaskCard","forwardRef","item","size","onActivate","actions","className","rest","ref","t","useTranslation","interactive","hasSafeUrl","ariaLabel","titleNode","jsx","activator","e","jsxs","ChevronRight"],"mappings":"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"}

package/dist/_chunks/task-tray-Cb_hK4yb.js

@@ -0,0 +1,234 @@
+import { jsx as s, jsxs as y } from "react/jsx-runtime";
+import { forwardRef as K, useRef as N, useMemo as E, useImperativeHandle as P } from "react";
+import { c as B } from "./index-D2ZczOXr.js";
+import { useTranslation as H } from "react-i18next";
+import { I as L } from "./icon-button-CKEOrN37.js";
+import { S as A } from "./skeleton-CZbwyJAA.js";
+import { E as V } from "./empty-state-BLy7tigq.js";
+import { T as F } from "./task-card-BwY9jaV1.js";
+import { u as G } from "./registry-nPAVE19X.js";
+import { c as J } from "./createLucideIcon-CrFbzy84.js";
+import { P as Q } from "./plus-CYKNmfuA.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const U = [
+  ["path", { d: "M13 5h8", key: "a7qcls" }],
+  ["path", { d: "M13 12h8", key: "h98zly" }],
+  ["path", { d: "M13 19h8", key: "c3s6r1" }],
+  ["path", { d: "m3 17 2 2 4-4", key: "1jhpwq" }],
+  ["rect", { x: "3", y: "4", width: "6", height: "6", rx: "1", key: "cif1o7" }]
+], W = J("list-todo", U), X = {
+  id: "task-tray",
+  capabilities: ["select_single", "dismiss"],
+  state: {
+    items: {
+      type: "Array<{ id: string; status: string }>",
+      descriptionKey: "ui.agent.taskTray.state.items",
+      description: "Currently-displayed tasks. Ids + status only — never task title / patient.",
+      read: (e) => e.getItems()
+    }
+  },
+  actions: {
+    select_item: {
+      safety: "read",
+      argsType: "{ id: string }",
+      descriptionKey: "ui.agent.taskTray.actions.selectItem",
+      description: "Activate the task with the given id.",
+      invoke: (e, a) => {
+        e.selectItem(a.id);
+      }
+    },
+    toggle_done: {
+      safety: "write",
+      argsType: "{ id: string }",
+      descriptionKey: "ui.agent.taskTray.actions.toggleDone",
+      description: "Request the host to toggle the done state of a task.",
+      invoke: (e, a) => {
+        e.toggleDone(a.id);
+      }
+    },
+    dismiss: {
+      safety: "destructive",
+      argsType: "{ id: string }",
+      descriptionKey: "ui.agent.taskTray.actions.dismiss",
+      description: "Request the host to dismiss / remove the task with the given id.",
+      invoke: (e, a) => {
+        e.dismiss(a.id);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "task-tray",
+      description: "Marks the TaskTray wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop. Required to address a specific tray from the agent."
+    },
+    item: {
+      attr: "data-task-id",
+      description: "Stable task id emitted on each rendered TaskCard inside the tray."
+    }
+  }
+}, Y = B(
+  [
+    "ds:flex ds:flex-col",
+    "ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)]",
+    "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2",
+    "ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]",
+    "ds:overflow-hidden"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "",
+        md: ""
+      }
+    },
+    defaultVariants: {
+      size: "sm"
+    }
+  }
+), Z = K(
+  ({
+    id: e,
+    items: a,
+    title: T,
+    size: v = "sm",
+    onOpenTask: r,
+    onToggleDone: n,
+    onDismissTask: c,
+    onAddTask: g,
+    addLabel: I,
+    loading: p = !1,
+    emptyTitle: R,
+    emptyDescription: _,
+    emptyAction: j,
+    viewAllLabel: k,
+    onViewAll: b,
+    renderItemActions: f,
+    scrollable: u = !1,
+    className: z,
+    ...C
+  }, q) => {
+    const { t: l } = H(), h = T ?? l("taskTray.title", "Tasks"), M = I ?? l("taskTray.add", "Add task"), x = !p && a.length === 0;
+    let m;
+    p ? m = /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [0, 1, 2].map((t) => /* @__PURE__ */ s(A, { variant: "rectangular", height: "2.5rem" }, t)) }) : x ? m = /* @__PURE__ */ s("div", { className: "ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ s(
+      V,
+      {
+        variant: "first-use",
+        size: "sm",
+        title: R ?? l("taskTray.empty.title", "No tasks yet"),
+        description: _ ?? l("taskTray.empty.description", "New tasks will appear here."),
+        primaryAction: j
+      }
+    ) }) : m = /* @__PURE__ */ s(
+      "ul",
+      {
+        className: [
+          // flex-1 unconditionally so a footer pins to the tray's
+          // bottom edge in equal-height grid rows.
+          "ds:flex ds:list-none ds:flex-col ds:flex-1 ds:min-h-0",
+          // Keyboard-focusable when it scrolls (axe
+          // scrollable-region-focusable) — pair with a height on the
+          // tray's className.
+          u ? "ds:overflow-y-auto" : ""
+        ].filter(Boolean).join(" "),
+        tabIndex: u ? 0 : void 0,
+        "aria-label": u ? h : void 0,
+        children: a.map((t) => /* @__PURE__ */ s(
+          F,
+          {
+            item: t,
+            size: v,
+            onActivate: r,
+            actions: f == null ? void 0 : f(t),
+            "data-task-id": t.id
+          },
+          t.id
+        ))
+      }
+    );
+    const d = N(a);
+    d.current = a;
+    const S = E(
+      () => ({
+        getItems: () => d.current.map((t) => ({
+          id: t.id,
+          status: t.status ?? "open"
+        })),
+        selectItem: (t) => {
+          const i = d.current.find((o) => o.id === t);
+          i && (r == null || r(i));
+        },
+        toggleDone: (t) => {
+          const i = d.current.find((o) => o.id === t);
+          i && (n == null || n(i));
+        },
+        dismiss: (t) => {
+          const i = d.current.find((o) => o.id === t);
+          i && (c == null || c(i));
+        }
+      }),
+      [r, n, c]
+    ), w = N(null);
+    return P(q, () => w.current, []), G(X, S, e), /* @__PURE__ */ y(
+      "section",
+      {
+        ref: w,
+        "aria-label": h,
+        "data-component": "task-tray",
+        "data-component-id": e,
+        className: Y({ size: v, className: z }),
+        ...C,
+        children: [
+          /* @__PURE__ */ y("header", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ y("h3", { className: "ds:m-0 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-title-card", children: [
+              /* @__PURE__ */ s(W, { "aria-hidden": "true", className: "ds:size-4" }),
+              h
+            ] }),
+            g ? /* @__PURE__ */ s(
+              L,
+              {
+                icon: /* @__PURE__ */ s(Q, {}),
+                intent: "outline",
+                size: "sm",
+                "aria-label": M,
+                onClick: g
+              }
+            ) : null
+          ] }),
+          m,
+          k && b && !x && !p ? /* @__PURE__ */ s("footer", { className: "ds:[border-block-start:var(--border-width-sm)_solid_var(--card-border)] ds:p-[var(--spacing-sm)]", children: /* @__PURE__ */ s(
+            "button",
+            {
+              type: "button",
+              onClick: b,
+              className: [
+                "type-label ds:text-[color:var(--link)] ds:underline ds:underline-offset-2 ds:hover:no-underline",
+                "ds:rounded-[var(--radius-sm)] ds:min-h-[var(--min-target-size)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]",
+                "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+                "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+                "ds:forced-colors:focus-visible:outline-[CanvasText]"
+              ].join(" "),
+              children: k
+            }
+          ) }) : null
+        ]
+      }
+    );
+  }
+);
+Z.displayName = "TaskTray";
+export {
+  Z as T,
+  X as t
+};
+//# sourceMappingURL=task-tray-Cb_hK4yb.js.map

package/dist/_chunks/task-tray-Cb_hK4yb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-tray-Cb_hK4yb.js","sources":["../../node_modules/lucide-react/dist/esm/icons/list-todo.js","../../src/components/task-tray/task-tray.agent.ts","../../src/components/task-tray/task-tray.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M13 5h8\", key: \"a7qcls\" }],\n  [\"path\", { d: \"M13 12h8\", key: \"h98zly\" }],\n  [\"path\", { d: \"M13 19h8\", key: \"c3s6r1\" }],\n  [\"path\", { d: \"m3 17 2 2 4-4\", key: \"1jhpwq\" }],\n  [\"rect\", { x: \"3\", y: \"4\", width: \"6\", height: \"6\", rx: \"1\", key: \"cif1o7\" }]\n];\nconst ListTodo = createLucideIcon(\"list-todo\", __iconNode);\n\nexport { __iconNode, ListTodo as default };\n//# sourceMappingURL=list-todo.js.map\n","/* -------------------------------------------------------------------- */\n/* Agent adapter — TaskTray.                                              */\n/*                                                                        */\n/* Tray-level surface: read the current task ids + status, route a       */\n/* `select_item` activation, and `toggle_done` / `dismiss` per task      */\n/* through the curated handle. TaskTray is in-page (no open/close),       */\n/* so it declares neither `open` nor `close`.                            */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { TaskTrayHandle } from './task-tray';\n\nexport const taskTrayAgent: AgentAdapter<TaskTrayHandle> = {\n  id: 'task-tray',\n  capabilities: ['select_single', 'dismiss'],\n  state: {\n    items: {\n      type: 'Array<{ id: string; status: string }>',\n      descriptionKey: 'ui.agent.taskTray.state.items',\n      description:\n        'Currently-displayed tasks. Ids + status only — never task title / patient.',\n      read: (handle) => handle.getItems(),\n    },\n  },\n  actions: {\n    select_item: {\n      safety: 'read',\n      argsType: '{ id: string }',\n      descriptionKey: 'ui.agent.taskTray.actions.selectItem',\n      description: 'Activate the task with the given id.',\n      invoke: (handle, args: { id: string }) => {\n        handle.selectItem(args.id);\n      },\n    },\n    toggle_done: {\n      safety: 'write',\n      argsType: '{ id: string }',\n      descriptionKey: 'ui.agent.taskTray.actions.toggleDone',\n      description: 'Request the host to toggle the done state of a task.',\n      invoke: (handle, args: { id: string }) => {\n        handle.toggleDone(args.id);\n      },\n    },\n    dismiss: {\n      safety: 'destructive',\n      argsType: '{ id: string }',\n      descriptionKey: 'ui.agent.taskTray.actions.dismiss',\n      description:\n        'Request the host to dismiss / remove the task with the given id.',\n      invoke: (handle, args: { id: string }) => {\n        handle.dismiss(args.id);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'task-tray',\n      description: 'Marks the TaskTray wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description:\n        'Sourced from the id prop. Required to address a specific tray from the agent.',\n    },\n    item: {\n      attr: 'data-task-id',\n      description:\n        'Stable task id emitted on each rendered TaskCard inside the tray.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ListTodo, Plus } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { Skeleton } from '../skeleton/skeleton';\nimport { EmptyState } from '../empty-state/empty-state';\nimport { TaskCard, type TaskItem } from '../task-card';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { taskTrayAgent } from './task-tray.agent';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst taskTrayVariants = cva(\n  [\n    'ds:flex ds:flex-col',\n    'ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)]',\n    'ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2',\n    'ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]',\n    'ds:overflow-hidden',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: '',\n        md: '',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\n/**\n * Curated imperative handle for TaskTray. Exposed as the forwardRef\n * target so a future agent / MCP UI bridge can drive the tray without\n * touching the DOM. See `task-tray.agent.ts`.\n */\nexport interface TaskTrayHandle {\n  getItems: () => Array<{ id: string; status: string }>;\n  selectItem: (id: string) => void;\n  toggleDone: (id: string) => void;\n  dismiss: (id: string) => void;\n}\n\nexport interface TaskTrayProps\n  extends\n    Omit<HTMLAttributes<HTMLElement>, 'onClick' | 'id'>,\n    VariantProps<typeof taskTrayVariants> {\n  /**\n   * Stable instance id. Surfaced on the root as `data-component-id` so\n   * an agent / MCP UI bridge can address this specific tray.\n   */\n  id?: string;\n  /** Tasks rendered inside the panel. */\n  items: TaskItem[];\n  /** Section title — rendered in the header. Localised by the consumer. */\n  title?: string;\n  /** Visual density forwarded to each TaskCard. */\n  size?: 'sm' | 'md';\n  /** Fires when the user activates a task (click / Enter / Space). */\n  onOpenTask?: (item: TaskItem) => void;\n  /** Fires when the host should toggle the done state of a task. Used by agent integration. */\n  onToggleDone?: (item: TaskItem) => void;\n  /** Fires when the host should dismiss / remove a task. Used by agent integration. */\n  onDismissTask?: (item: TaskItem) => void;\n  /** Fires when the user activates the header \"Add\" affordance. */\n  onAddTask?: () => void;\n  /** Localised label for the \"Add\" affordance. Defaults to `ui.taskTray.add`. */\n  addLabel?: string;\n  /** When true the panel renders skeleton placeholders. */\n  loading?: boolean;\n  /** Render an empty state when `items` is empty and `loading` is false. */\n  emptyTitle?: string;\n  emptyDescription?: string;\n  /** Optional CTA wired into the empty state (EmptyState primaryAction). */\n  emptyAction?: { label: string; onClick: () => void };\n  /**\n   * Pinned footer link (e.g. \"All my undone tasks (12)\"). Localised by\n   * the consumer; rendered after the list, before the section closes.\n   */\n  viewAllLabel?: string;\n  /** Fires when the footer link is activated. Required to render it. */\n  onViewAll?: () => void;\n  /**\n   * Per-row trailing action toolbar, forwarded to each TaskCard's\n   * `actions` slot.\n   */\n  renderItemActions?: (item: TaskItem) => ReactNode;\n  /**\n   * Constrain the list to the tray's own height and scroll inside it —\n   * pair with a height/max-height on `className`. The scroll region is\n   * keyboard-focusable so it stays operable without a pointer.\n   */\n  scrollable?: boolean;\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const TaskTray = forwardRef<HTMLElement, TaskTrayProps>(\n  (\n    {\n      id,\n      items,\n      title,\n      size = 'sm',\n      onOpenTask,\n      onToggleDone,\n      onDismissTask,\n      onAddTask,\n      addLabel,\n      loading = false,\n      emptyTitle,\n      emptyDescription,\n      emptyAction,\n      viewAllLabel,\n      onViewAll,\n      renderItemActions,\n      scrollable = false,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const heading = title ?? t('taskTray.title', 'Tasks');\n    const resolvedAddLabel = addLabel ?? t('taskTray.add', 'Add task');\n    const isEmpty = !loading && items.length === 0;\n\n    let body: ReactNode;\n    if (loading) {\n      body = (\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]\">\n          {[0, 1, 2].map((i) => (\n            <Skeleton key={i} variant=\"rectangular\" height=\"2.5rem\" />\n          ))}\n        </div>\n      );\n    } else if (isEmpty) {\n      body = (\n        <div className=\"ds:p-[var(--spacing-md)]\">\n          <EmptyState\n            variant=\"first-use\"\n            size=\"sm\"\n            title={emptyTitle ?? t('taskTray.empty.title', 'No tasks yet')}\n            description={\n              emptyDescription ??\n              t('taskTray.empty.description', 'New tasks will appear here.')\n            }\n            primaryAction={emptyAction}\n          />\n        </div>\n      );\n    } else {\n      body = (\n        <ul\n          className={[\n            // flex-1 unconditionally so a footer pins to the tray's\n            // bottom edge in equal-height grid rows.\n            'ds:flex ds:list-none ds:flex-col ds:flex-1 ds:min-h-0',\n            // Keyboard-focusable when it scrolls (axe\n            // scrollable-region-focusable) — pair with a height on the\n            // tray's className.\n            scrollable ? 'ds:overflow-y-auto' : '',\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- scrollable list must be keyboard focusable (axe scrollable-region-focusable)\n          tabIndex={scrollable ? 0 : undefined}\n          aria-label={scrollable ? heading : undefined}\n        >\n          {items.map((item) => (\n            <TaskCard\n              key={item.id}\n              item={item}\n              size={size}\n              onActivate={onOpenTask}\n              actions={renderItemActions?.(item)}\n              data-task-id={item.id}\n            />\n          ))}\n        </ul>\n      );\n    }\n\n    /* Curated imperative handle for agent integration. See\n     * task-tray.agent.ts. */\n    const itemsRef = useRef<TaskItem[]>(items);\n    itemsRef.current = items;\n\n    const handle = useMemo<TaskTrayHandle>(\n      () => ({\n        getItems: () =>\n          itemsRef.current.map((i) => ({\n            id: i.id,\n            status: i.status ?? 'open',\n          })),\n        selectItem: (targetId: string) => {\n          const found = itemsRef.current.find((i) => i.id === targetId);\n          if (found) onOpenTask?.(found);\n        },\n        toggleDone: (targetId: string) => {\n          const found = itemsRef.current.find((i) => i.id === targetId);\n          if (found) onToggleDone?.(found);\n        },\n        dismiss: (targetId: string) => {\n          const found = itemsRef.current.find((i) => i.id === targetId);\n          if (found) onDismissTask?.(found);\n        },\n      }),\n      [onOpenTask, onToggleDone, onDismissTask],\n    );\n\n    const rootRef = useRef<HTMLElement>(null);\n    useImperativeHandle(ref, () => rootRef.current as HTMLElement, []);\n    useAgentRegistration(taskTrayAgent, handle, id);\n\n    return (\n      <section\n        ref={rootRef}\n        aria-label={heading}\n        data-component=\"task-tray\"\n        data-component-id={id}\n        className={taskTrayVariants({ size, className })}\n        {...rest}\n      >\n        <header className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]\">\n          <h3 className=\"ds:m-0 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-title-card\">\n            <ListTodo aria-hidden=\"true\" className=\"ds:size-4\" />\n            {heading}\n          </h3>\n          {onAddTask ? (\n            <IconButton\n              icon={<Plus />}\n              intent=\"outline\"\n              size=\"sm\"\n              aria-label={resolvedAddLabel}\n              onClick={onAddTask}\n            />\n          ) : null}\n        </header>\n        {body}\n        {viewAllLabel && onViewAll && !isEmpty && !loading ? (\n          <footer className=\"ds:[border-block-start:var(--border-width-sm)_solid_var(--card-border)] ds:p-[var(--spacing-sm)]\">\n            <button\n              type=\"button\"\n              onClick={onViewAll}\n              className={[\n                'type-label ds:text-[color:var(--link)] ds:underline ds:underline-offset-2 ds:hover:no-underline',\n                'ds:rounded-[var(--radius-sm)] ds:min-h-[var(--min-target-size)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]',\n                'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n                'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n                'ds:forced-colors:focus-visible:outline-[CanvasText]',\n              ].join(' ')}\n            >\n              {viewAllLabel}\n            </button>\n          </footer>\n        ) : null}\n      </section>\n    );\n  },\n);\n\nTaskTray.displayName = 'TaskTray';\n"],"names":["__iconNode","ListTodo","createLucideIcon","taskTrayAgent","handle","args","taskTrayVariants","cva","TaskTray","forwardRef","id","items","title","size","onOpenTask","onToggleDone","onDismissTask","onAddTask","addLabel","loading","emptyTitle","emptyDescription","emptyAction","viewAllLabel","onViewAll","renderItemActions","scrollable","className","rest","ref","t","useTranslation","heading","resolvedAddLabel","isEmpty","body","jsx","i","Skeleton","EmptyState","item","TaskCard","itemsRef","useRef","useMemo","targetId","found","rootRef","useImperativeHandle","useAgentRegistration","jsxs","IconButton","Plus"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/_chunks/{theme-toggle-ClATnY4Q.js → theme-toggle-DAW7uC0B.js}

@@ -5,8 +5,8 @@ import { useTranslation as g } from "react-i18next";
 import { I as y } from "./icon-button-CKEOrN37.js";
 import { I as K } from "./icon-button-group-C48khLE0.js";
 import { S as x } from "./switch-BJ6HD3Mn.js";
-import { D as o } from "./dropdown-menu-CUEXqKis.js";
-import { u as z } from "./use-theme-C2dHKUAN.js";
+import { D as o } from "./dropdown-menu-DwwPovMZ.js";
+import { u as z } from "./use-theme-CAuo6EYT.js";
 import { u as D } from "./registry-nPAVE19X.js";
 import { M as v, S as C } from "./sun-BuXE0xUS.js";
 import { M as w } from "./monitor-D-SFdbrU.js";
@@ -352,4 +352,4 @@ export {
   O as T,
   H as t
 };
-//# sourceMappingURL=theme-toggle-ClATnY4Q.js.map
+//# sourceMappingURL=theme-toggle-DAW7uC0B.js.map

package/dist/_chunks/{theme-toggle-ClATnY4Q.js.map → theme-toggle-DAW7uC0B.js.map}

@@ -1 +1 @@
-{"version":3,"file":"theme-toggle-ClATnY4Q.js","sources":["../../src/components/theme-toggle/theme-toggle.agent.ts","../../src/components/theme-toggle/theme-toggle.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — ThemeToggle.                                           */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { ThemeToggleHandle } from './theme-toggle';\n\nexport const themeToggleAgent: AgentAdapter<ThemeToggleHandle> = {\n  id: 'theme-toggle',\n  capabilities: ['view_change'],\n  state: {\n    currentTheme: {\n      type: 'ThemePreference',\n      descriptionKey: 'ui.agent.themeToggle.state.currentTheme',\n      description: 'Active theme preference: light, dark, or system.',\n      read: (handle) => handle.getCurrentTheme(),\n    },\n    currentAccessibility: {\n      type: 'AccessibilityPreference',\n      descriptionKey: 'ui.agent.themeToggle.state.currentAccessibility',\n      description: 'Active accessibility preference: default or accessible.',\n      read: (handle) => handle.getCurrentAccessibility(),\n    },\n  },\n  actions: {\n    set_theme: {\n      safety: 'write',\n      argsType: '{ theme: \"light\" | \"dark\" | \"system\" }',\n      descriptionKey: 'ui.agent.themeToggle.actions.setTheme',\n      description: 'Switch the theme preference.',\n      invoke: (handle, args: { theme: 'light' | 'dark' | 'system' }) => {\n        handle.setTheme(args.theme);\n      },\n    },\n    set_accessibility: {\n      safety: 'write',\n      argsType: '{ accessibility: \"default\" | \"accessible\" }',\n      descriptionKey: 'ui.agent.themeToggle.actions.setAccessibility',\n      description: 'Switch the accessibility preference.',\n      invoke: (handle, args: { accessibility: 'default' | 'accessible' }) => {\n        handle.setAccessibility(args.accessibility);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'theme-toggle',\n      description: 'Marks the ThemeToggle wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  type HTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Monitor, Moon, Sun } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { IconButtonGroup } from '../icon-button-group/icon-button-group';\nimport { Switch } from '../switch/switch';\nimport { DropdownMenu } from '../dropdown-menu/dropdown-menu';\nimport {\n  useTheme,\n  type AccessibilityPreference,\n  type ThemePreference,\n  type UseThemeReturn,\n} from '../../hooks';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { themeToggleAgent } from './theme-toggle.agent';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst wrapperVariants = cva('ds:inline-flex ds:items-center', {\n  variants: {\n    variant: {\n      menu: '',\n      compact: '',\n      split: 'ds:gap-[var(--spacing-md)]',\n    },\n  },\n  defaultVariants: { variant: 'menu' },\n});\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport type ThemeToggleVariant = 'menu' | 'compact' | 'split';\n\ninterface ThemeToggleBaseProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>,\n    VariantProps<typeof wrapperVariants> {\n  /**\n   * Visual form factor.\n   * - `menu` (default) — single trigger that opens a dropdown with both\n   *   Appearance and Accessibility controls. Best for headers / nav rails.\n   * - `compact` — segmented Appearance control only. Use when accessibility\n   *   lives on a separate settings surface.\n   * - `split` — segmented Appearance control plus an inline Accessibility\n   *   switch. Best for full-width settings panels.\n   */\n  variant?: ThemeToggleVariant;\n  /** Hide the accessibility control. Ignored on `compact`, which never renders it. */\n  showAccessibility?: boolean;\n  /**\n   * Controlled escape hatch — when omitted the component reads/writes\n   * `useTheme()` directly so it can drop into any header with no wiring.\n   * Pass all four to opt into controlled mode.\n   */\n  theme?: ThemePreference;\n  accessibility?: AccessibilityPreference;\n  onThemeChange?: (next: ThemePreference) => void;\n  onAccessibilityChange?: (next: AccessibilityPreference) => void;\n}\n\nexport type ThemeToggleProps = ThemeToggleBaseProps;\n\n/** Curated imperative handle for agent / external automation. */\nexport interface ThemeToggleHandle {\n  getCurrentTheme: () => ThemePreference;\n  getCurrentAccessibility: () => AccessibilityPreference;\n  setTheme: (next: ThemePreference) => void;\n  setAccessibility: (next: AccessibilityPreference) => void;\n}\n\n/* ------------------------------------------------------------------ */\n/* Hook adapter                                                        */\n/* ------------------------------------------------------------------ */\n\n/**\n * Resolves controlled props against the store. When the consumer passes\n * `theme` / `onThemeChange` (etc.) we honour those; otherwise we fall\n * through to the singleton `useTheme()` hook so a bare `<ThemeToggle />`\n * works with zero wiring.\n */\nfunction useResolvedTheme(props: ThemeToggleBaseProps): UseThemeReturn {\n  const {\n    theme: themeProp,\n    accessibility: accessibilityProp,\n    onThemeChange,\n    onAccessibilityChange,\n  } = props;\n  const store = useTheme();\n  const theme = themeProp ?? store.theme;\n  const accessibility = accessibilityProp ?? store.accessibility;\n\n  const storeSetTheme = store.setTheme;\n  const storeSetAccessibility = store.setAccessibility;\n\n  const setTheme = useCallback(\n    (next: ThemePreference) => {\n      if (onThemeChange) {\n        onThemeChange(next);\n        return;\n      }\n      storeSetTheme(next);\n    },\n    [onThemeChange, storeSetTheme],\n  );\n\n  const setAccessibility = useCallback(\n    (next: AccessibilityPreference) => {\n      if (onAccessibilityChange) {\n        onAccessibilityChange(next);\n        return;\n      }\n      storeSetAccessibility(next);\n    },\n    [onAccessibilityChange, storeSetAccessibility],\n  );\n\n  return {\n    theme,\n    accessibility,\n    resolvedTheme: store.resolvedTheme,\n    setTheme,\n    setAccessibility,\n  };\n}\n\n/* ------------------------------------------------------------------ */\n/* Sub-pieces                                                          */\n/* ------------------------------------------------------------------ */\n\ninterface AppearanceSegmentProps {\n  value: ThemePreference;\n  onValueChange: (next: ThemePreference) => void;\n  ariaLabel: string;\n  size?: 'sm' | 'md' | 'lg';\n}\n\nfunction AppearanceSegment({\n  value,\n  onValueChange,\n  ariaLabel,\n  size = 'md',\n}: AppearanceSegmentProps) {\n  const { t } = useTranslation();\n  return (\n    <IconButtonGroup\n      aria-label={ariaLabel}\n      role=\"radiogroup\"\n      mode=\"toggle-single\"\n      size={size}\n      value={value}\n      onValueChange={(next) => onValueChange(next as ThemePreference)}\n    >\n      <IconButton\n        icon={<Sun aria-hidden />}\n        aria-label={t('navigation.themeToggle.appearance.light')}\n        value=\"light\"\n      />\n      <IconButton\n        icon={<Moon aria-hidden />}\n        aria-label={t('navigation.themeToggle.appearance.dark')}\n        value=\"dark\"\n      />\n      <IconButton\n        icon={<Monitor aria-hidden />}\n        aria-label={t('navigation.themeToggle.appearance.system')}\n        value=\"system\"\n      />\n    </IconButtonGroup>\n  );\n}\n\ninterface AccessibilitySwitchProps {\n  value: AccessibilityPreference;\n  onValueChange: (next: AccessibilityPreference) => void;\n  size?: 'sm' | 'md' | 'lg';\n}\n\nfunction AccessibilitySwitch({\n  value,\n  onValueChange,\n  size = 'md',\n}: AccessibilitySwitchProps) {\n  const { t } = useTranslation();\n  // 'system' is treated as \"off\" visually — the OS preference flows through\n  // automatically. Flipping the switch on creates an explicit override.\n  const checked = value === 'accessible';\n  return (\n    <Switch\n      label={t('navigation.themeToggle.accessibility.label')}\n      labelSide=\"start\"\n      size={size}\n      checked={checked}\n      onCheckedChange={(next) => onValueChange(next ? 'accessible' : 'default')}\n    />\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Variants                                                            */\n/* ------------------------------------------------------------------ */\n\ninterface VariantRenderProps {\n  state: UseThemeReturn;\n  className?: string;\n  rest: HTMLAttributes<HTMLDivElement>;\n  forwardedRef: React.Ref<HTMLDivElement>;\n  showAccessibility: boolean;\n}\n\nfunction MenuVariant({\n  state,\n  className,\n  rest,\n  forwardedRef,\n  showAccessibility,\n}: VariantRenderProps) {\n  const { t } = useTranslation();\n  const triggerIcon =\n    state.resolvedTheme === 'dark' ||\n    state.resolvedTheme === 'dark-accessible' ? (\n      <Moon aria-hidden />\n    ) : (\n      <Sun aria-hidden />\n    );\n\n  const accessibleChecked = state.accessibility === 'accessible';\n\n  return (\n    <div\n      ref={forwardedRef}\n      data-component=\"theme-toggle\"\n      data-component-id={rest.id}\n      className={wrapperVariants({ variant: 'menu', className })}\n      {...rest}\n    >\n      <DropdownMenu.Root>\n        <DropdownMenu.Trigger asChild>\n          <IconButton\n            icon={triggerIcon}\n            aria-label={t('navigation.themeToggle.trigger')}\n          />\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Portal>\n          <DropdownMenu.Content align=\"end\" sideOffset={8}>\n            <DropdownMenu.Label>\n              {t('navigation.themeToggle.appearance.label')}\n            </DropdownMenu.Label>\n            <DropdownMenu.RadioGroup\n              value={state.theme}\n              onValueChange={(next) => state.setTheme(next as ThemePreference)}\n            >\n              <DropdownMenu.RadioItem value=\"light\">\n                <Sun aria-hidden className=\"ds:size-4\" />\n                {t('navigation.themeToggle.appearance.light')}\n              </DropdownMenu.RadioItem>\n              <DropdownMenu.RadioItem value=\"dark\">\n                <Moon aria-hidden className=\"ds:size-4\" />\n                {t('navigation.themeToggle.appearance.dark')}\n              </DropdownMenu.RadioItem>\n              <DropdownMenu.RadioItem value=\"system\">\n                <Monitor aria-hidden className=\"ds:size-4\" />\n                {t('navigation.themeToggle.appearance.system')}\n              </DropdownMenu.RadioItem>\n            </DropdownMenu.RadioGroup>\n            {showAccessibility ? (\n              <>\n                <DropdownMenu.Separator />\n                {/* CheckboxItem keeps the accessibility toggle inside the\n                    Radix menu collection so ArrowDown reaches it and Space\n                    activates it; `onSelect={preventDefault}` prevents the\n                    menu from closing on toggle. */}\n                <DropdownMenu.CheckboxItem\n                  checked={accessibleChecked}\n                  onCheckedChange={(next) =>\n                    state.setAccessibility(next ? 'accessible' : 'default')\n                  }\n                  onSelect={(event) => event.preventDefault()}\n                >\n                  {t('navigation.themeToggle.accessibility.label')}\n                </DropdownMenu.CheckboxItem>\n              </>\n            ) : null}\n          </DropdownMenu.Content>\n        </DropdownMenu.Portal>\n      </DropdownMenu.Root>\n    </div>\n  );\n}\n\nfunction CompactVariant({\n  state,\n  className,\n  rest,\n  forwardedRef,\n}: VariantRenderProps) {\n  const { t } = useTranslation();\n  return (\n    <div\n      ref={forwardedRef}\n      data-component=\"theme-toggle\"\n      data-component-id={rest.id}\n      className={wrapperVariants({ variant: 'compact', className })}\n      {...rest}\n    >\n      <AppearanceSegment\n        value={state.theme}\n        onValueChange={state.setTheme}\n        ariaLabel={t('navigation.themeToggle.appearance.label')}\n      />\n    </div>\n  );\n}\n\nfunction SplitVariant({\n  state,\n  className,\n  rest,\n  forwardedRef,\n  showAccessibility,\n}: VariantRenderProps) {\n  const { t } = useTranslation();\n  return (\n    <div\n      ref={forwardedRef}\n      data-component=\"theme-toggle\"\n      data-component-id={rest.id}\n      className={wrapperVariants({ variant: 'split', className })}\n      {...rest}\n    >\n      <AppearanceSegment\n        value={state.theme}\n        onValueChange={state.setTheme}\n        ariaLabel={t('navigation.themeToggle.appearance.label')}\n      />\n      {showAccessibility ? (\n        <AccessibilitySwitch\n          value={state.accessibility}\n          onValueChange={state.setAccessibility}\n        />\n      ) : null}\n    </div>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* ThemeToggle                                                         */\n/* ------------------------------------------------------------------ */\n\nexport const ThemeToggle = forwardRef<HTMLDivElement, ThemeToggleProps>(\n  (props, ref) => {\n    const {\n      variant = 'menu',\n      showAccessibility = true,\n      className,\n      id,\n      // Strip controlled props from the spread — they are read by the\n      // adapter, not by the DOM element.\n      theme: _theme,\n      accessibility: _accessibility,\n      onThemeChange: _onThemeChange,\n      onAccessibilityChange: _onAccessibilityChange,\n      ...rest\n    } = props as ThemeToggleProps & { id?: string };\n\n    const state = useResolvedTheme(props);\n    const stateRef = useRef(state);\n    stateRef.current = state;\n\n    // Internal variant wrappers attach refs to <div> elements; we forward that\n    // DOM node as the public ref (Pattern B). The agent handle is registered\n    // separately via useAgentRegistration.\n    const forwardedRef = useRef<HTMLDivElement | null>(null);\n    useImperativeHandle(ref, () => forwardedRef.current as HTMLDivElement, []);\n\n    const agentHandle = useMemo<ThemeToggleHandle>(\n      () => ({\n        getCurrentTheme: () => stateRef.current.theme,\n        getCurrentAccessibility: () => stateRef.current.accessibility,\n        setTheme: (next) => stateRef.current.setTheme(next),\n        setAccessibility: (next) => stateRef.current.setAccessibility(next),\n      }),\n      [],\n    );\n    useAgentRegistration(themeToggleAgent, agentHandle, id);\n\n    if (variant === 'compact') {\n      return (\n        <CompactVariant\n          state={state}\n          className={className}\n          rest={rest}\n          forwardedRef={forwardedRef}\n          showAccessibility={showAccessibility}\n        />\n      );\n    }\n    if (variant === 'split') {\n      return (\n        <SplitVariant\n          state={state}\n          className={className}\n          rest={rest}\n          forwardedRef={forwardedRef}\n          showAccessibility={showAccessibility}\n        />\n      );\n    }\n    return (\n      <MenuVariant\n        state={state}\n        className={className}\n        rest={rest}\n        forwardedRef={forwardedRef}\n        showAccessibility={showAccessibility}\n      />\n    );\n  },\n);\n\nThemeToggle.displayName = 'ThemeToggle';\n"],"names":["themeToggleAgent","handle","args","wrapperVariants","cva","useResolvedTheme","props","themeProp","accessibilityProp","onThemeChange","onAccessibilityChange","store","useTheme","theme","accessibility","storeSetTheme","storeSetAccessibility","setTheme","useCallback","next","setAccessibility","AppearanceSegment","value","onValueChange","ariaLabel","size","t","useTranslation","jsxs","IconButtonGroup","jsx","IconButton","Sun","Moon","Monitor","AccessibilitySwitch","checked","Switch","MenuVariant","state","className","rest","forwardedRef","showAccessibility","triggerIcon","accessibleChecked","DropdownMenu","Fragment","event","CompactVariant","SplitVariant","ThemeToggle","forwardRef","ref","variant","id","_theme","_accessibility","_onThemeChange","_onAccessibilityChange","stateRef","useRef","useImperativeHandle","agentHandle","useMemo","useAgentRegistration"],"mappings":"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"}
+{"version":3,"file":"theme-toggle-DAW7uC0B.js","sources":["../../src/components/theme-toggle/theme-toggle.agent.ts","../../src/components/theme-toggle/theme-toggle.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — ThemeToggle.                                           */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { ThemeToggleHandle } from './theme-toggle';\n\nexport const themeToggleAgent: AgentAdapter<ThemeToggleHandle> = {\n  id: 'theme-toggle',\n  capabilities: ['view_change'],\n  state: {\n    currentTheme: {\n      type: 'ThemePreference',\n      descriptionKey: 'ui.agent.themeToggle.state.currentTheme',\n      description: 'Active theme preference: light, dark, or system.',\n      read: (handle) => handle.getCurrentTheme(),\n    },\n    currentAccessibility: {\n      type: 'AccessibilityPreference',\n      descriptionKey: 'ui.agent.themeToggle.state.currentAccessibility',\n      description: 'Active accessibility preference: default or accessible.',\n      read: (handle) => handle.getCurrentAccessibility(),\n    },\n  },\n  actions: {\n    set_theme: {\n      safety: 'write',\n      argsType: '{ theme: \"light\" | \"dark\" | \"system\" }',\n      descriptionKey: 'ui.agent.themeToggle.actions.setTheme',\n      description: 'Switch the theme preference.',\n      invoke: (handle, args: { theme: 'light' | 'dark' | 'system' }) => {\n        handle.setTheme(args.theme);\n      },\n    },\n    set_accessibility: {\n      safety: 'write',\n      argsType: '{ accessibility: \"default\" | \"accessible\" }',\n      descriptionKey: 'ui.agent.themeToggle.actions.setAccessibility',\n      description: 'Switch the accessibility preference.',\n      invoke: (handle, args: { accessibility: 'default' | 'accessible' }) => {\n        handle.setAccessibility(args.accessibility);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'theme-toggle',\n      description: 'Marks the ThemeToggle wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  type HTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Monitor, Moon, Sun } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { IconButtonGroup } from '../icon-button-group/icon-button-group';\nimport { Switch } from '../switch/switch';\nimport { DropdownMenu } from '../dropdown-menu/dropdown-menu';\nimport {\n  useTheme,\n  type AccessibilityPreference,\n  type ThemePreference,\n  type UseThemeReturn,\n} from '../../hooks';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { themeToggleAgent } from './theme-toggle.agent';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst wrapperVariants = cva('ds:inline-flex ds:items-center', {\n  variants: {\n    variant: {\n      menu: '',\n      compact: '',\n      split: 'ds:gap-[var(--spacing-md)]',\n    },\n  },\n  defaultVariants: { variant: 'menu' },\n});\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport type ThemeToggleVariant = 'menu' | 'compact' | 'split';\n\ninterface ThemeToggleBaseProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>,\n    VariantProps<typeof wrapperVariants> {\n  /**\n   * Visual form factor.\n   * - `menu` (default) — single trigger that opens a dropdown with both\n   *   Appearance and Accessibility controls. Best for headers / nav rails.\n   * - `compact` — segmented Appearance control only. Use when accessibility\n   *   lives on a separate settings surface.\n   * - `split` — segmented Appearance control plus an inline Accessibility\n   *   switch. Best for full-width settings panels.\n   */\n  variant?: ThemeToggleVariant;\n  /** Hide the accessibility control. Ignored on `compact`, which never renders it. */\n  showAccessibility?: boolean;\n  /**\n   * Controlled escape hatch — when omitted the component reads/writes\n   * `useTheme()` directly so it can drop into any header with no wiring.\n   * Pass all four to opt into controlled mode.\n   */\n  theme?: ThemePreference;\n  accessibility?: AccessibilityPreference;\n  onThemeChange?: (next: ThemePreference) => void;\n  onAccessibilityChange?: (next: AccessibilityPreference) => void;\n}\n\nexport type ThemeToggleProps = ThemeToggleBaseProps;\n\n/** Curated imperative handle for agent / external automation. */\nexport interface ThemeToggleHandle {\n  getCurrentTheme: () => ThemePreference;\n  getCurrentAccessibility: () => AccessibilityPreference;\n  setTheme: (next: ThemePreference) => void;\n  setAccessibility: (next: AccessibilityPreference) => void;\n}\n\n/* ------------------------------------------------------------------ */\n/* Hook adapter                                                        */\n/* ------------------------------------------------------------------ */\n\n/**\n * Resolves controlled props against the store. When the consumer passes\n * `theme` / `onThemeChange` (etc.) we honour those; otherwise we fall\n * through to the singleton `useTheme()` hook so a bare `<ThemeToggle />`\n * works with zero wiring.\n */\nfunction useResolvedTheme(props: ThemeToggleBaseProps): UseThemeReturn {\n  const {\n    theme: themeProp,\n    accessibility: accessibilityProp,\n    onThemeChange,\n    onAccessibilityChange,\n  } = props;\n  const store = useTheme();\n  const theme = themeProp ?? store.theme;\n  const accessibility = accessibilityProp ?? store.accessibility;\n\n  const storeSetTheme = store.setTheme;\n  const storeSetAccessibility = store.setAccessibility;\n\n  const setTheme = useCallback(\n    (next: ThemePreference) => {\n      if (onThemeChange) {\n        onThemeChange(next);\n        return;\n      }\n      storeSetTheme(next);\n    },\n    [onThemeChange, storeSetTheme],\n  );\n\n  const setAccessibility = useCallback(\n    (next: AccessibilityPreference) => {\n      if (onAccessibilityChange) {\n        onAccessibilityChange(next);\n        return;\n      }\n      storeSetAccessibility(next);\n    },\n    [onAccessibilityChange, storeSetAccessibility],\n  );\n\n  return {\n    theme,\n    accessibility,\n    resolvedTheme: store.resolvedTheme,\n    setTheme,\n    setAccessibility,\n  };\n}\n\n/* ------------------------------------------------------------------ */\n/* Sub-pieces                                                          */\n/* ------------------------------------------------------------------ */\n\ninterface AppearanceSegmentProps {\n  value: ThemePreference;\n  onValueChange: (next: ThemePreference) => void;\n  ariaLabel: string;\n  size?: 'sm' | 'md' | 'lg';\n}\n\nfunction AppearanceSegment({\n  value,\n  onValueChange,\n  ariaLabel,\n  size = 'md',\n}: AppearanceSegmentProps) {\n  const { t } = useTranslation();\n  return (\n    <IconButtonGroup\n      aria-label={ariaLabel}\n      role=\"radiogroup\"\n      mode=\"toggle-single\"\n      size={size}\n      value={value}\n      onValueChange={(next) => onValueChange(next as ThemePreference)}\n    >\n      <IconButton\n        icon={<Sun aria-hidden />}\n        aria-label={t('navigation.themeToggle.appearance.light')}\n        value=\"light\"\n      />\n      <IconButton\n        icon={<Moon aria-hidden />}\n        aria-label={t('navigation.themeToggle.appearance.dark')}\n        value=\"dark\"\n      />\n      <IconButton\n        icon={<Monitor aria-hidden />}\n        aria-label={t('navigation.themeToggle.appearance.system')}\n        value=\"system\"\n      />\n    </IconButtonGroup>\n  );\n}\n\ninterface AccessibilitySwitchProps {\n  value: AccessibilityPreference;\n  onValueChange: (next: AccessibilityPreference) => void;\n  size?: 'sm' | 'md' | 'lg';\n}\n\nfunction AccessibilitySwitch({\n  value,\n  onValueChange,\n  size = 'md',\n}: AccessibilitySwitchProps) {\n  const { t } = useTranslation();\n  // 'system' is treated as \"off\" visually — the OS preference flows through\n  // automatically. Flipping the switch on creates an explicit override.\n  const checked = value === 'accessible';\n  return (\n    <Switch\n      label={t('navigation.themeToggle.accessibility.label')}\n      labelSide=\"start\"\n      size={size}\n      checked={checked}\n      onCheckedChange={(next) => onValueChange(next ? 'accessible' : 'default')}\n    />\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Variants                                                            */\n/* ------------------------------------------------------------------ */\n\ninterface VariantRenderProps {\n  state: UseThemeReturn;\n  className?: string;\n  rest: HTMLAttributes<HTMLDivElement>;\n  forwardedRef: React.Ref<HTMLDivElement>;\n  showAccessibility: boolean;\n}\n\nfunction MenuVariant({\n  state,\n  className,\n  rest,\n  forwardedRef,\n  showAccessibility,\n}: VariantRenderProps) {\n  const { t } = useTranslation();\n  const triggerIcon =\n    state.resolvedTheme === 'dark' ||\n    state.resolvedTheme === 'dark-accessible' ? (\n      <Moon aria-hidden />\n    ) : (\n      <Sun aria-hidden />\n    );\n\n  const accessibleChecked = state.accessibility === 'accessible';\n\n  return (\n    <div\n      ref={forwardedRef}\n      data-component=\"theme-toggle\"\n      data-component-id={rest.id}\n      className={wrapperVariants({ variant: 'menu', className })}\n      {...rest}\n    >\n      <DropdownMenu.Root>\n        <DropdownMenu.Trigger asChild>\n          <IconButton\n            icon={triggerIcon}\n            aria-label={t('navigation.themeToggle.trigger')}\n          />\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Portal>\n          <DropdownMenu.Content align=\"end\" sideOffset={8}>\n            <DropdownMenu.Label>\n              {t('navigation.themeToggle.appearance.label')}\n            </DropdownMenu.Label>\n            <DropdownMenu.RadioGroup\n              value={state.theme}\n              onValueChange={(next) => state.setTheme(next as ThemePreference)}\n            >\n              <DropdownMenu.RadioItem value=\"light\">\n                <Sun aria-hidden className=\"ds:size-4\" />\n                {t('navigation.themeToggle.appearance.light')}\n              </DropdownMenu.RadioItem>\n              <DropdownMenu.RadioItem value=\"dark\">\n                <Moon aria-hidden className=\"ds:size-4\" />\n                {t('navigation.themeToggle.appearance.dark')}\n              </DropdownMenu.RadioItem>\n              <DropdownMenu.RadioItem value=\"system\">\n                <Monitor aria-hidden className=\"ds:size-4\" />\n                {t('navigation.themeToggle.appearance.system')}\n              </DropdownMenu.RadioItem>\n            </DropdownMenu.RadioGroup>\n            {showAccessibility ? (\n              <>\n                <DropdownMenu.Separator />\n                {/* CheckboxItem keeps the accessibility toggle inside the\n                    Radix menu collection so ArrowDown reaches it and Space\n                    activates it; `onSelect={preventDefault}` prevents the\n                    menu from closing on toggle. */}\n                <DropdownMenu.CheckboxItem\n                  checked={accessibleChecked}\n                  onCheckedChange={(next) =>\n                    state.setAccessibility(next ? 'accessible' : 'default')\n                  }\n                  onSelect={(event) => event.preventDefault()}\n                >\n                  {t('navigation.themeToggle.accessibility.label')}\n                </DropdownMenu.CheckboxItem>\n              </>\n            ) : null}\n          </DropdownMenu.Content>\n        </DropdownMenu.Portal>\n      </DropdownMenu.Root>\n    </div>\n  );\n}\n\nfunction CompactVariant({\n  state,\n  className,\n  rest,\n  forwardedRef,\n}: VariantRenderProps) {\n  const { t } = useTranslation();\n  return (\n    <div\n      ref={forwardedRef}\n      data-component=\"theme-toggle\"\n      data-component-id={rest.id}\n      className={wrapperVariants({ variant: 'compact', className })}\n      {...rest}\n    >\n      <AppearanceSegment\n        value={state.theme}\n        onValueChange={state.setTheme}\n        ariaLabel={t('navigation.themeToggle.appearance.label')}\n      />\n    </div>\n  );\n}\n\nfunction SplitVariant({\n  state,\n  className,\n  rest,\n  forwardedRef,\n  showAccessibility,\n}: VariantRenderProps) {\n  const { t } = useTranslation();\n  return (\n    <div\n      ref={forwardedRef}\n      data-component=\"theme-toggle\"\n      data-component-id={rest.id}\n      className={wrapperVariants({ variant: 'split', className })}\n      {...rest}\n    >\n      <AppearanceSegment\n        value={state.theme}\n        onValueChange={state.setTheme}\n        ariaLabel={t('navigation.themeToggle.appearance.label')}\n      />\n      {showAccessibility ? (\n        <AccessibilitySwitch\n          value={state.accessibility}\n          onValueChange={state.setAccessibility}\n        />\n      ) : null}\n    </div>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* ThemeToggle                                                         */\n/* ------------------------------------------------------------------ */\n\nexport const ThemeToggle = forwardRef<HTMLDivElement, ThemeToggleProps>(\n  (props, ref) => {\n    const {\n      variant = 'menu',\n      showAccessibility = true,\n      className,\n      id,\n      // Strip controlled props from the spread — they are read by the\n      // adapter, not by the DOM element.\n      theme: _theme,\n      accessibility: _accessibility,\n      onThemeChange: _onThemeChange,\n      onAccessibilityChange: _onAccessibilityChange,\n      ...rest\n    } = props as ThemeToggleProps & { id?: string };\n\n    const state = useResolvedTheme(props);\n    const stateRef = useRef(state);\n    stateRef.current = state;\n\n    // Internal variant wrappers attach refs to <div> elements; we forward that\n    // DOM node as the public ref (Pattern B). The agent handle is registered\n    // separately via useAgentRegistration.\n    const forwardedRef = useRef<HTMLDivElement | null>(null);\n    useImperativeHandle(ref, () => forwardedRef.current as HTMLDivElement, []);\n\n    const agentHandle = useMemo<ThemeToggleHandle>(\n      () => ({\n        getCurrentTheme: () => stateRef.current.theme,\n        getCurrentAccessibility: () => stateRef.current.accessibility,\n        setTheme: (next) => stateRef.current.setTheme(next),\n        setAccessibility: (next) => stateRef.current.setAccessibility(next),\n      }),\n      [],\n    );\n    useAgentRegistration(themeToggleAgent, agentHandle, id);\n\n    if (variant === 'compact') {\n      return (\n        <CompactVariant\n          state={state}\n          className={className}\n          rest={rest}\n          forwardedRef={forwardedRef}\n          showAccessibility={showAccessibility}\n        />\n      );\n    }\n    if (variant === 'split') {\n      return (\n        <SplitVariant\n          state={state}\n          className={className}\n          rest={rest}\n          forwardedRef={forwardedRef}\n          showAccessibility={showAccessibility}\n        />\n      );\n    }\n    return (\n      <MenuVariant\n        state={state}\n        className={className}\n        rest={rest}\n        forwardedRef={forwardedRef}\n        showAccessibility={showAccessibility}\n      />\n    );\n  },\n);\n\nThemeToggle.displayName = 'ThemeToggle';\n"],"names":["themeToggleAgent","handle","args","wrapperVariants","cva","useResolvedTheme","props","themeProp","accessibilityProp","onThemeChange","onAccessibilityChange","store","useTheme","theme","accessibility","storeSetTheme","storeSetAccessibility","setTheme","useCallback","next","setAccessibility","AppearanceSegment","value","onValueChange","ariaLabel","size","t","useTranslation","jsxs","IconButtonGroup","jsx","IconButton","Sun","Moon","Monitor","AccessibilitySwitch","checked","Switch","MenuVariant","state","className","rest","forwardedRef","showAccessibility","triggerIcon","accessibleChecked","DropdownMenu","Fragment","event","CompactVariant","SplitVariant","ThemeToggle","forwardRef","ref","variant","id","_theme","_accessibility","_onThemeChange","_onAccessibilityChange","stateRef","useRef","useImperativeHandle","agentHandle","useMemo","useAgentRegistration"],"mappings":"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"}

package/dist/_chunks/{unit-converter-jWp3Z85y.js → unit-converter-BQ6lEYvd.js}

@@ -5,7 +5,7 @@ import { useTranslation as j } from "react-i18next";
 import { F as v } from "./form-field-BOm9hK35.js";
 import { N as B } from "./number-input-Dj5L3pXK.js";
 import { S as C } from "./select-hsCaJSX3.js";
-import { I as L } from "./insert-result-DNdi_JYW.js";
+import { I as L } from "./insert-result-njqBthzT.js";
 const _ = {
   // weight → base kg
   kg: { id: "kg", category: "weight", factor: 1, offset: 0 },
@@ -193,4 +193,4 @@ export {
   P as b,
   K as c
 };
-//# sourceMappingURL=unit-converter-jWp3Z85y.js.map
+//# sourceMappingURL=unit-converter-BQ6lEYvd.js.map

package/dist/_chunks/{unit-converter-jWp3Z85y.js.map → unit-converter-BQ6lEYvd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"unit-converter-jWp3Z85y.js","sources":["../../src/components/unit-converter/units.ts","../../src/components/unit-converter/unit-converter.tsx"],"sourcesContent":["/* ------------------------------------------------------------------ */\n/* Generic unit conversion — pure, framework-free, unit-testable.       */\n/*                                                                     */\n/* Every unit is described by an affine map to its category's base      */\n/* unit: base = value * factor + offset. Conversion is base-in then     */\n/* base-out, so the same code handles linear scales (weight, length,    */\n/* glucose) and offset scales (temperature) uniformly.                  */\n/* ------------------------------------------------------------------ */\n\nexport type UnitCategory = 'weight' | 'length' | 'temperature' | 'glucose';\n\nexport interface UnitDef {\n  id: string;\n  category: UnitCategory;\n  /** Multiplier to the category base unit. */\n  factor: number;\n  /** Additive offset to the base unit (non-zero only for temperature). */\n  offset: number;\n}\n\n/* Base units: kg, cm, °C, mmol/L. */\nexport const UNITS: Record<string, UnitDef> = {\n  // weight → base kg\n  kg: { id: 'kg', category: 'weight', factor: 1, offset: 0 },\n  g: { id: 'g', category: 'weight', factor: 0.001, offset: 0 },\n  lb: { id: 'lb', category: 'weight', factor: 0.45359237, offset: 0 },\n  oz: { id: 'oz', category: 'weight', factor: 0.028349523125, offset: 0 },\n  // length → base cm\n  cm: { id: 'cm', category: 'length', factor: 1, offset: 0 },\n  m: { id: 'm', category: 'length', factor: 100, offset: 0 },\n  in: { id: 'in', category: 'length', factor: 2.54, offset: 0 },\n  ft: { id: 'ft', category: 'length', factor: 30.48, offset: 0 },\n  // temperature → base °C (affine: °C = °F·5/9 − 32·5/9)\n  c: { id: 'c', category: 'temperature', factor: 1, offset: 0 },\n  f: { id: 'f', category: 'temperature', factor: 5 / 9, offset: (-32 * 5) / 9 },\n  // glucose → base mmol/L (1 mg/dL = 1/18.0156 mmol/L)\n  mmol_l: { id: 'mmol_l', category: 'glucose', factor: 1, offset: 0 },\n  mg_dl: { id: 'mg_dl', category: 'glucose', factor: 1 / 18.0156, offset: 0 },\n};\n\nexport const UNITS_BY_CATEGORY: Record<UnitCategory, string[]> = {\n  weight: ['kg', 'g', 'lb', 'oz'],\n  length: ['cm', 'm', 'in', 'ft'],\n  temperature: ['c', 'f'],\n  glucose: ['mmol_l', 'mg_dl'],\n};\n\nexport const CATEGORIES: UnitCategory[] = [\n  'weight',\n  'length',\n  'temperature',\n  'glucose',\n];\n\n/**\n * Convert `value` from one unit to another. Both ids must belong to the same\n * category; mismatched categories throw (a programming error, not user input).\n */\nexport function convertUnits(\n  value: number,\n  fromId: string,\n  toId: string,\n): number {\n  const from = UNITS[fromId];\n  const to = UNITS[toId];\n  if (!from || !to) throw new Error(`Unknown unit: ${fromId} → ${toId}`);\n  if (from.category !== to.category) {\n    throw new Error(\n      `Cannot convert across categories: ${from.category} → ${to.category}`,\n    );\n  }\n  const base = value * from.factor + from.offset;\n  return (base - to.offset) / to.factor;\n}\n","/* ------------------------------------------------------------------ */\n/* UnitConverter — generic clinical/everyday unit conversion across      */\n/* weight, length, temperature and glucose.                              */\n/*                                                                     */\n/* Maths lives in `./units` (pure, separately tested).                  */\n/* ------------------------------------------------------------------ */\n\nimport { forwardRef, useEffect, useMemo, useState } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { FormField } from '../form-field';\nimport { NumberInput } from '../number-input';\nimport { Select } from '../select';\nimport {\n  InsertButton,\n  type InsertPayload,\n  type InsertVariant,\n  type InsertMode,\n} from '../_shared/insert-result';\nimport {\n  type UnitCategory,\n  CATEGORIES,\n  UNITS_BY_CATEGORY,\n  convertUnits,\n} from './units';\n\nconst rootVariants = cva('ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]', {\n  variants: {\n    width: { full: 'ds:w-full', auto: 'ds:inline-flex' },\n  },\n  defaultVariants: { width: 'full' },\n});\n\n/**\n * DS token NAME backing the result-card category chip, one per measurement\n * family. The converter shows no on-screen badge, but the inserted card carries\n * a category chip so the reader can tell at a glance which family the figure\n * belongs to; each token is a closed-palette semantic alias resolved to a\n * concrete colour at raster time by `InsertButton`.\n */\nconst CATEGORY_HIGHLIGHT_TOKEN: Record<UnitCategory, string> = {\n  weight: '--info',\n  length: '--success',\n  temperature: '--warning-readable',\n  glucose: '--accent',\n};\n\n/**\n * Category chip token. The `temperature` family resolves to `--warning-readable`,\n * which the result card's colour probe resolves in the live themed DOM: orange-600\n * in light, non-accessible mode (where bare `--warning` yellow only reaches\n * ~3.2:1 on the white card) and `--warning` elsewhere, whose deepened ramp already\n * clears contrast. Resolving the token NAME at the card means the choice tracks\n * the live theme regardless of where the theme class lives. Other families are\n * unchanged.\n */\nfunction categoryHighlightToken(category: UnitCategory): string {\n  return CATEGORY_HIGHLIGHT_TOKEN[category];\n}\n\nexport interface UnitConverterProps extends VariantProps<typeof rootVariants> {\n  /** Initial category. Defaults to `'weight'`. */\n  defaultCategory?: UnitCategory;\n  /** Fires with the converted value (and `null` when input is empty). */\n  onResultChange?: (value: number | null) => void;\n  /** When provided, shows an \"Insert\" button that emits the result for an editor. */\n  onInsert?: (payload: InsertPayload) => void;\n  /**\n   * Which verb the result button performs. Defaults to `'insert'`.\n   * Use `'copy'` in an app-shell surface (no editor to insert into) — the\n   * button writes the result to the clipboard as a multi-format `ClipboardItem`.\n   */\n  insertVariant?: InsertVariant;\n  /** `copy` variant only — fired after a successful clipboard write. */\n  onCopy?: (mode: InsertMode) => void;\n  /** `copy` variant only — fired if the clipboard write can't proceed. */\n  onError?: (error: unknown) => void;\n  /**\n   * Brand wordmark printed in the inserted/copied result-card footer.\n   * Omitted → no brand line (and no footer hairline); a string → that custom\n   * brand; `false` → no brand line. Brand is opt-in.\n   */\n  insertBrand?: string | false;\n  /** Opaque instance id, emitted as `data-component-id`. */\n  id?: string;\n  /** Extra class names on the wrapper. */\n  className?: string;\n}\n\nexport const UnitConverter = forwardRef<HTMLDivElement, UnitConverterProps>(\n  (\n    {\n      defaultCategory = 'weight',\n      onResultChange,\n      onInsert,\n      insertVariant = 'insert',\n      onCopy,\n      onError,\n      insertBrand,\n      id,\n      width,\n      className,\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n\n    const [category, setCategory] = useState<UnitCategory>(defaultCategory);\n    const [value, setValue] = useState<number | null>(null);\n    const [fromId, setFromId] = useState<string>(\n      UNITS_BY_CATEGORY[defaultCategory][0],\n    );\n    const [toId, setToId] = useState<string>(\n      UNITS_BY_CATEGORY[defaultCategory][1],\n    );\n\n    const handleCategoryChange = (next: string): void => {\n      const cat = next as UnitCategory;\n      const units = UNITS_BY_CATEGORY[cat];\n      setCategory(cat);\n      setFromId(units[0]);\n      setToId(units[1] ?? units[0]);\n    };\n\n    const converted = useMemo(\n      () => (value === null ? null : convertUnits(value, fromId, toId)),\n      [value, fromId, toId],\n    );\n\n    const numberFmt = useMemo(\n      () => new Intl.NumberFormat(i18n.language, { maximumFractionDigits: 3 }),\n      [i18n.language],\n    );\n\n    useEffect(() => {\n      onResultChange?.(converted);\n    }, [converted, onResultChange]);\n\n    const categoryOptions = CATEGORIES.map((c) => ({\n      value: c,\n      label: t(`unitConverter.category.${c}`),\n    }));\n    const unitOptions = UNITS_BY_CATEGORY[category].map((u) => ({\n      value: u,\n      label: t(`unitConverter.units.${u}`),\n    }));\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"unit-converter\"\n        data-component-id={id}\n        className={rootVariants({ width, className })}\n      >\n        <FormField label={t('unitConverter.categoryLabel')}>\n          <Select\n            options={categoryOptions}\n            value={category}\n            onValueChange={handleCategoryChange}\n          />\n        </FormField>\n\n        <div className=\"ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-3\">\n          <FormField label={t('unitConverter.value')}>\n            <NumberInput mode=\"decimal\" value={value} onChange={setValue} />\n          </FormField>\n          <FormField label={t('unitConverter.from')}>\n            <Select\n              options={unitOptions}\n              value={fromId}\n              onValueChange={setFromId}\n            />\n          </FormField>\n          <FormField label={t('unitConverter.to')}>\n            <Select\n              options={unitOptions}\n              value={toId}\n              onValueChange={setToId}\n            />\n          </FormField>\n        </div>\n\n        <p className=\"ds:sr-only\" role=\"status\" aria-live=\"polite\">\n          {converted !== null\n            ? `${numberFmt.format(value ?? 0)} ${t(\n                `unitConverter.units.${fromId}`,\n              )} = ${numberFmt.format(converted)} ${t(\n                `unitConverter.units.${toId}`,\n              )}`\n            : ''}\n        </p>\n\n        {converted !== null ? (\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n            <span className=\"type-label ds:text-muted-foreground\">\n              {t('unitConverter.result')}\n            </span>\n            <span className=\"type-metric ds:text-foreground\">\n              {numberFmt.format(converted)} {t(`unitConverter.units.${toId}`)}\n            </span>\n            {insertVariant === 'copy' || onInsert ? (\n              <InsertButton\n                variant={insertVariant}\n                onInsert={onInsert}\n                onCopy={onCopy}\n                onError={onError}\n                card={{\n                  title: t('insert.title.unitConverter'),\n                  icon: 'ruler',\n                  highlight: t(`unitConverter.category.${category}`),\n                  // Chip tints by measurement family so the inserted card\n                  // signals the category at a glance — with the contrast-safe\n                  // orange override for the `--warning` temperature family.\n                  highlightToken: categoryHighlightToken(category),\n                  brand: insertBrand,\n                  fields: [\n                    {\n                      // Source measurement → ruler glyph (matches the header).\n                      icon: 'ruler',\n                      label: t('unitConverter.from'),\n                      value: `${numberFmt.format(value ?? 0)} ${t(\n                        `unitConverter.units.${fromId}`,\n                      )}`,\n                    },\n                    {\n                      // Converted result → trending-up (arrow) glyph signals the\n                      // conversion direction to the output value.\n                      icon: 'trending-up',\n                      label: t('unitConverter.to'),\n                      value: `${numberFmt.format(converted)} ${t(\n                        `unitConverter.units.${toId}`,\n                      )}`,\n                    },\n                  ],\n                }}\n              />\n            ) : null}\n          </div>\n        ) : (\n          <p className=\"type-body ds:text-muted-foreground\">\n            {t('unitConverter.empty')}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nUnitConverter.displayName = 'UnitConverter';\n"],"names":["UNITS","UNITS_BY_CATEGORY","CATEGORIES","convertUnits","value","fromId","toId","from","to","rootVariants","cva","CATEGORY_HIGHLIGHT_TOKEN","categoryHighlightToken","category","UnitConverter","forwardRef","defaultCategory","onResultChange","onInsert","insertVariant","onCopy","onError","insertBrand","id","width","className","ref","i18n","useTranslation","setCategory","useState","setValue","setFromId","setToId","handleCategoryChange","next","cat","units","converted","useMemo","numberFmt","useEffect","categoryOptions","c","unitOptions","u","jsxs","jsx","FormField","Select","NumberInput","InsertButton"],"mappings":"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"}
+{"version":3,"file":"unit-converter-BQ6lEYvd.js","sources":["../../src/components/unit-converter/units.ts","../../src/components/unit-converter/unit-converter.tsx"],"sourcesContent":["/* ------------------------------------------------------------------ */\n/* Generic unit conversion — pure, framework-free, unit-testable.       */\n/*                                                                     */\n/* Every unit is described by an affine map to its category's base      */\n/* unit: base = value * factor + offset. Conversion is base-in then     */\n/* base-out, so the same code handles linear scales (weight, length,    */\n/* glucose) and offset scales (temperature) uniformly.                  */\n/* ------------------------------------------------------------------ */\n\nexport type UnitCategory = 'weight' | 'length' | 'temperature' | 'glucose';\n\nexport interface UnitDef {\n  id: string;\n  category: UnitCategory;\n  /** Multiplier to the category base unit. */\n  factor: number;\n  /** Additive offset to the base unit (non-zero only for temperature). */\n  offset: number;\n}\n\n/* Base units: kg, cm, °C, mmol/L. */\nexport const UNITS: Record<string, UnitDef> = {\n  // weight → base kg\n  kg: { id: 'kg', category: 'weight', factor: 1, offset: 0 },\n  g: { id: 'g', category: 'weight', factor: 0.001, offset: 0 },\n  lb: { id: 'lb', category: 'weight', factor: 0.45359237, offset: 0 },\n  oz: { id: 'oz', category: 'weight', factor: 0.028349523125, offset: 0 },\n  // length → base cm\n  cm: { id: 'cm', category: 'length', factor: 1, offset: 0 },\n  m: { id: 'm', category: 'length', factor: 100, offset: 0 },\n  in: { id: 'in', category: 'length', factor: 2.54, offset: 0 },\n  ft: { id: 'ft', category: 'length', factor: 30.48, offset: 0 },\n  // temperature → base °C (affine: °C = °F·5/9 − 32·5/9)\n  c: { id: 'c', category: 'temperature', factor: 1, offset: 0 },\n  f: { id: 'f', category: 'temperature', factor: 5 / 9, offset: (-32 * 5) / 9 },\n  // glucose → base mmol/L (1 mg/dL = 1/18.0156 mmol/L)\n  mmol_l: { id: 'mmol_l', category: 'glucose', factor: 1, offset: 0 },\n  mg_dl: { id: 'mg_dl', category: 'glucose', factor: 1 / 18.0156, offset: 0 },\n};\n\nexport const UNITS_BY_CATEGORY: Record<UnitCategory, string[]> = {\n  weight: ['kg', 'g', 'lb', 'oz'],\n  length: ['cm', 'm', 'in', 'ft'],\n  temperature: ['c', 'f'],\n  glucose: ['mmol_l', 'mg_dl'],\n};\n\nexport const CATEGORIES: UnitCategory[] = [\n  'weight',\n  'length',\n  'temperature',\n  'glucose',\n];\n\n/**\n * Convert `value` from one unit to another. Both ids must belong to the same\n * category; mismatched categories throw (a programming error, not user input).\n */\nexport function convertUnits(\n  value: number,\n  fromId: string,\n  toId: string,\n): number {\n  const from = UNITS[fromId];\n  const to = UNITS[toId];\n  if (!from || !to) throw new Error(`Unknown unit: ${fromId} → ${toId}`);\n  if (from.category !== to.category) {\n    throw new Error(\n      `Cannot convert across categories: ${from.category} → ${to.category}`,\n    );\n  }\n  const base = value * from.factor + from.offset;\n  return (base - to.offset) / to.factor;\n}\n","/* ------------------------------------------------------------------ */\n/* UnitConverter — generic clinical/everyday unit conversion across      */\n/* weight, length, temperature and glucose.                              */\n/*                                                                     */\n/* Maths lives in `./units` (pure, separately tested).                  */\n/* ------------------------------------------------------------------ */\n\nimport { forwardRef, useEffect, useMemo, useState } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { FormField } from '../form-field';\nimport { NumberInput } from '../number-input';\nimport { Select } from '../select';\nimport {\n  InsertButton,\n  type InsertPayload,\n  type InsertVariant,\n  type InsertMode,\n} from '../_shared/insert-result';\nimport {\n  type UnitCategory,\n  CATEGORIES,\n  UNITS_BY_CATEGORY,\n  convertUnits,\n} from './units';\n\nconst rootVariants = cva('ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]', {\n  variants: {\n    width: { full: 'ds:w-full', auto: 'ds:inline-flex' },\n  },\n  defaultVariants: { width: 'full' },\n});\n\n/**\n * DS token NAME backing the result-card category chip, one per measurement\n * family. The converter shows no on-screen badge, but the inserted card carries\n * a category chip so the reader can tell at a glance which family the figure\n * belongs to; each token is a closed-palette semantic alias resolved to a\n * concrete colour at raster time by `InsertButton`.\n */\nconst CATEGORY_HIGHLIGHT_TOKEN: Record<UnitCategory, string> = {\n  weight: '--info',\n  length: '--success',\n  temperature: '--warning-readable',\n  glucose: '--accent',\n};\n\n/**\n * Category chip token. The `temperature` family resolves to `--warning-readable`,\n * which the result card's colour probe resolves in the live themed DOM: orange-600\n * in light, non-accessible mode (where bare `--warning` yellow only reaches\n * ~3.2:1 on the white card) and `--warning` elsewhere, whose deepened ramp already\n * clears contrast. Resolving the token NAME at the card means the choice tracks\n * the live theme regardless of where the theme class lives. Other families are\n * unchanged.\n */\nfunction categoryHighlightToken(category: UnitCategory): string {\n  return CATEGORY_HIGHLIGHT_TOKEN[category];\n}\n\nexport interface UnitConverterProps extends VariantProps<typeof rootVariants> {\n  /** Initial category. Defaults to `'weight'`. */\n  defaultCategory?: UnitCategory;\n  /** Fires with the converted value (and `null` when input is empty). */\n  onResultChange?: (value: number | null) => void;\n  /** When provided, shows an \"Insert\" button that emits the result for an editor. */\n  onInsert?: (payload: InsertPayload) => void;\n  /**\n   * Which verb the result button performs. Defaults to `'insert'`.\n   * Use `'copy'` in an app-shell surface (no editor to insert into) — the\n   * button writes the result to the clipboard as a multi-format `ClipboardItem`.\n   */\n  insertVariant?: InsertVariant;\n  /** `copy` variant only — fired after a successful clipboard write. */\n  onCopy?: (mode: InsertMode) => void;\n  /** `copy` variant only — fired if the clipboard write can't proceed. */\n  onError?: (error: unknown) => void;\n  /**\n   * Brand wordmark printed in the inserted/copied result-card footer.\n   * Omitted → no brand line (and no footer hairline); a string → that custom\n   * brand; `false` → no brand line. Brand is opt-in.\n   */\n  insertBrand?: string | false;\n  /** Opaque instance id, emitted as `data-component-id`. */\n  id?: string;\n  /** Extra class names on the wrapper. */\n  className?: string;\n}\n\nexport const UnitConverter = forwardRef<HTMLDivElement, UnitConverterProps>(\n  (\n    {\n      defaultCategory = 'weight',\n      onResultChange,\n      onInsert,\n      insertVariant = 'insert',\n      onCopy,\n      onError,\n      insertBrand,\n      id,\n      width,\n      className,\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n\n    const [category, setCategory] = useState<UnitCategory>(defaultCategory);\n    const [value, setValue] = useState<number | null>(null);\n    const [fromId, setFromId] = useState<string>(\n      UNITS_BY_CATEGORY[defaultCategory][0],\n    );\n    const [toId, setToId] = useState<string>(\n      UNITS_BY_CATEGORY[defaultCategory][1],\n    );\n\n    const handleCategoryChange = (next: string): void => {\n      const cat = next as UnitCategory;\n      const units = UNITS_BY_CATEGORY[cat];\n      setCategory(cat);\n      setFromId(units[0]);\n      setToId(units[1] ?? units[0]);\n    };\n\n    const converted = useMemo(\n      () => (value === null ? null : convertUnits(value, fromId, toId)),\n      [value, fromId, toId],\n    );\n\n    const numberFmt = useMemo(\n      () => new Intl.NumberFormat(i18n.language, { maximumFractionDigits: 3 }),\n      [i18n.language],\n    );\n\n    useEffect(() => {\n      onResultChange?.(converted);\n    }, [converted, onResultChange]);\n\n    const categoryOptions = CATEGORIES.map((c) => ({\n      value: c,\n      label: t(`unitConverter.category.${c}`),\n    }));\n    const unitOptions = UNITS_BY_CATEGORY[category].map((u) => ({\n      value: u,\n      label: t(`unitConverter.units.${u}`),\n    }));\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"unit-converter\"\n        data-component-id={id}\n        className={rootVariants({ width, className })}\n      >\n        <FormField label={t('unitConverter.categoryLabel')}>\n          <Select\n            options={categoryOptions}\n            value={category}\n            onValueChange={handleCategoryChange}\n          />\n        </FormField>\n\n        <div className=\"ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-3\">\n          <FormField label={t('unitConverter.value')}>\n            <NumberInput mode=\"decimal\" value={value} onChange={setValue} />\n          </FormField>\n          <FormField label={t('unitConverter.from')}>\n            <Select\n              options={unitOptions}\n              value={fromId}\n              onValueChange={setFromId}\n            />\n          </FormField>\n          <FormField label={t('unitConverter.to')}>\n            <Select\n              options={unitOptions}\n              value={toId}\n              onValueChange={setToId}\n            />\n          </FormField>\n        </div>\n\n        <p className=\"ds:sr-only\" role=\"status\" aria-live=\"polite\">\n          {converted !== null\n            ? `${numberFmt.format(value ?? 0)} ${t(\n                `unitConverter.units.${fromId}`,\n              )} = ${numberFmt.format(converted)} ${t(\n                `unitConverter.units.${toId}`,\n              )}`\n            : ''}\n        </p>\n\n        {converted !== null ? (\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n            <span className=\"type-label ds:text-muted-foreground\">\n              {t('unitConverter.result')}\n            </span>\n            <span className=\"type-metric ds:text-foreground\">\n              {numberFmt.format(converted)} {t(`unitConverter.units.${toId}`)}\n            </span>\n            {insertVariant === 'copy' || onInsert ? (\n              <InsertButton\n                variant={insertVariant}\n                onInsert={onInsert}\n                onCopy={onCopy}\n                onError={onError}\n                card={{\n                  title: t('insert.title.unitConverter'),\n                  icon: 'ruler',\n                  highlight: t(`unitConverter.category.${category}`),\n                  // Chip tints by measurement family so the inserted card\n                  // signals the category at a glance — with the contrast-safe\n                  // orange override for the `--warning` temperature family.\n                  highlightToken: categoryHighlightToken(category),\n                  brand: insertBrand,\n                  fields: [\n                    {\n                      // Source measurement → ruler glyph (matches the header).\n                      icon: 'ruler',\n                      label: t('unitConverter.from'),\n                      value: `${numberFmt.format(value ?? 0)} ${t(\n                        `unitConverter.units.${fromId}`,\n                      )}`,\n                    },\n                    {\n                      // Converted result → trending-up (arrow) glyph signals the\n                      // conversion direction to the output value.\n                      icon: 'trending-up',\n                      label: t('unitConverter.to'),\n                      value: `${numberFmt.format(converted)} ${t(\n                        `unitConverter.units.${toId}`,\n                      )}`,\n                    },\n                  ],\n                }}\n              />\n            ) : null}\n          </div>\n        ) : (\n          <p className=\"type-body ds:text-muted-foreground\">\n            {t('unitConverter.empty')}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nUnitConverter.displayName = 'UnitConverter';\n"],"names":["UNITS","UNITS_BY_CATEGORY","CATEGORIES","convertUnits","value","fromId","toId","from","to","rootVariants","cva","CATEGORY_HIGHLIGHT_TOKEN","categoryHighlightToken","category","UnitConverter","forwardRef","defaultCategory","onResultChange","onInsert","insertVariant","onCopy","onError","insertBrand","id","width","className","ref","i18n","useTranslation","setCategory","useState","setValue","setFromId","setToId","handleCategoryChange","next","cat","units","converted","useMemo","numberFmt","useEffect","categoryOptions","c","unitOptions","u","jsxs","jsx","FormField","Select","NumberInput","InsertButton"],"mappings":"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"}