@alfadocs/ui-kit-debug 0.71.0 → 0.72.0

package/dist/_chunks/session-countdown-qr8EO5QY.js

@@ -0,0 +1,214 @@
+import { jsxs as k, jsx as t } from "react/jsx-runtime";
+import { forwardRef as H, useEffect as b, useMemo as v, useRef as W, useState as X } from "react";
+import { c as Z } from "./index-D2ZczOXr.js";
+import { useTranslation as $ } from "react-i18next";
+import { B as G } from "./button-DD_0Xdmr.js";
+import { P as J } from "./progress-DA413-zn.js";
+import { L as Q } from "./live-region-C41SO3cA.js";
+import { u as Y } from "./registry-DvAUVLHh.js";
+import { C as E } from "./circle-x-W8Enq3i4.js";
+import { T as nn } from "./triangle-alert-CBnO6nq_.js";
+import { c as en } from "./createLucideIcon-DhHxpK9K.js";
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const on = [
+  ["line", { x1: "10", x2: "14", y1: "2", y2: "2", key: "14vaq8" }],
+  ["line", { x1: "12", x2: "15", y1: "14", y2: "11", key: "17fdiu" }],
+  ["circle", { cx: "12", cy: "14", r: "8", key: "1e1u0o" }]
+], sn = en("timer", on), rn = {
+  id: "session-countdown",
+  capabilities: [],
+  state: {},
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "session-countdown",
+      description: 'Marks the element as a kit SessionCountdown banner. The root also emits `data-tone="running" | "warning" | "expired"` (derived from the remaining time). The accessible remaining-time announcement is surfaced via the region\'s aria-label and a nested polite live region.'
+    }
+  }
+}, g = 1e3, h = 60 * g, tn = 15 * h, an = 2 * h, dn = Z(
+  [
+    "ds:break-words",
+    "ds:flex ds:w-full ds:flex-col",
+    "ds:rounded-[var(--radius-md)]",
+    "ds:border ds:border-[length:var(--border-width-sm)]"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:p-[var(--spacing-sm)] ds:gap-[var(--spacing-xs)]",
+        md: "ds:p-[var(--spacing-md)] ds:gap-[var(--spacing-sm)]",
+        lg: "ds:p-[var(--spacing-lg)] ds:gap-[var(--spacing-sm)]"
+      },
+      // Internal-only — derived from remaining time, never surfaced to Controls.
+      tone: {
+        running: [
+          "ds:border-[color:var(--info)]",
+          "ds:bg-[color-mix(in_srgb,var(--info)_10%,transparent)]",
+          "ds:text-[color:var(--info-foreground)]"
+        ].join(" "),
+        warning: [
+          "ds:border-[color:var(--warning)]",
+          "ds:bg-[color-mix(in_srgb,var(--warning)_10%,transparent)]",
+          "ds:text-[color:var(--warning-foreground)]"
+        ].join(" "),
+        expired: [
+          "ds:border-[color:var(--error)]",
+          "ds:bg-[color-mix(in_srgb,var(--error)_10%,transparent)]",
+          "ds:text-[color:var(--error-foreground)]",
+          // The tonal Restart button inherits the error tint via the
+          // established Alert child-selector trick — contrast-validated.
+          "ds:[&_[data-intent=tonal]]:bg-[color:var(--error-foreground)]",
+          "ds:[&_[data-intent=tonal]]:text-[color:var(--background)]"
+        ].join(" ")
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      tone: "running"
+    }
+  }
+), cn = {
+  sm: "ds:size-4",
+  md: "ds:size-5",
+  lg: "ds:size-6"
+};
+function ln(n, e) {
+  return n <= 0 ? "expired" : n <= e ? "warning" : "running";
+}
+function un(n) {
+  return n <= 0 ? 0 : n <= 30 * g ? 10 : n <= 60 * g ? 30 : Math.floor(n / h) * 60;
+}
+function mn(n) {
+  return n instanceof Date ? n.getTime() : typeof n == "number" ? n : new Date(n).getTime();
+}
+function fn(n, e, d) {
+  const [w, s] = X(() => Date.now()), c = n !== void 0;
+  return b(() => {
+    if (c || e === void 0 || (s(Date.now()), e - Date.now() <= 0)) return;
+    const a = window.setInterval(
+      () => {
+        const l = Date.now();
+        s(l), e - l <= 0 && window.clearInterval(a);
+      },
+      Math.max(1, d)
+    );
+    return () => window.clearInterval(a);
+  }, [c, e, d]), c ? Math.max(0, n) : e === void 0 ? 0 : Math.max(0, e - w);
+}
+const gn = H(
+  ({
+    remainingMs: n,
+    expiresAt: e,
+    totalMs: d = tn,
+    warnAtMs: w = an,
+    size: s = "md",
+    showProgress: c = !1,
+    onExpire: a,
+    onRestart: l,
+    restarting: x = !1,
+    tickMs: L = 1e3,
+    locale: M,
+    label: D,
+    className: I,
+    id: C,
+    ...j
+  }, R) => {
+    const { t: o, i18n: A } = $(), y = M ?? A.language ?? "en";
+    b(() => {
+    }, [n, e]);
+    const F = v(
+      () => n === void 0 && e !== void 0 ? mn(e) : void 0,
+      [n, e]
+    ), i = fn(n, F, L), u = ln(i, w), r = u === "expired", f = W(!1);
+    b(() => {
+      i <= 0 && !f.current && (f.current = !0, a == null || a()), i > 0 && f.current && (f.current = !1);
+    }, [i, a]);
+    const p = v(
+      () => new Intl.NumberFormat(y, { maximumFractionDigits: 0 }),
+      [y]
+    ), _ = Math.ceil(i / g), N = Math.floor(_ / 60), S = _ % 60, B = N > 0 ? o("sessionCountdown.timeMinutesSeconds", {
+      minutes: p.format(N),
+      seconds: p.format(S)
+    }) : o("sessionCountdown.timeSecondsOnly", {
+      seconds: p.format(S)
+    }), m = un(i), T = v(() => m <= 0 ? o("sessionCountdown.expiredAnnouncement") : m < 60 ? o("sessionCountdown.secondsRemaining", { count: m }) : o("sessionCountdown.minutesRemaining", { count: m / 60 }), [m, o]), O = o("sessionCountdown.expiredAnnouncement"), z = D ?? (r ? void 0 : o("sessionCountdown.ariaLabel", { time: T })), U = dn({
+      size: s,
+      tone: u,
+      className: I
+    }), K = r ? "alert" : "timer";
+    Y(rn, null, C);
+    const P = r ? E : u === "warning" ? nn : sn, V = Math.min(d, Math.max(0, d - i)), q = o(r ? "sessionCountdown.expired" : u === "warning" ? "sessionCountdown.warning" : "sessionCountdown.remainingBanner", { time: B });
+    return /* @__PURE__ */ k(
+      "div",
+      {
+        ref: R,
+        id: C,
+        role: K,
+        "aria-label": z,
+        "data-component": "session-countdown",
+        "data-tone": u,
+        className: U,
+        ...j,
+        children: [
+          r ? /* @__PURE__ */ t("span", { className: "ds:sr-only", children: O }) : null,
+          /* @__PURE__ */ k("div", { className: "ds:flex ds:w-full ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ t("span", { className: `ds:shrink-0 ${cn[s]}`, children: /* @__PURE__ */ t(P, { "aria-hidden": "true", className: "ds:size-full" }) }),
+            /* @__PURE__ */ t(
+              "p",
+              {
+                className: [
+                  "ds:min-w-0 ds:flex-1",
+                  s === "lg" ? "type-body" : "type-body-sm"
+                ].join(" "),
+                "aria-hidden": "true",
+                children: q
+              }
+            ),
+            r && l ? /* @__PURE__ */ t(
+              G,
+              {
+                type: "button",
+                intent: "tonal",
+                size: s === "lg" ? "lg" : "md",
+                loading: x,
+                disabled: x,
+                onClick: l,
+                className: "ds:shrink-0",
+                children: o("sessionCountdown.restart")
+              }
+            ) : null
+          ] }),
+          c && !r ? (
+            // Elapsed fraction flows through the existing Progress API
+            // (value/max) — never a hand-rolled inline-width bar. The bar
+            // is aria-hidden: the timer region already conveys remaining
+            // time, so a second progressbar would double-announce.
+            /* @__PURE__ */ t("div", { "aria-hidden": "true", className: "ds:w-full", children: /* @__PURE__ */ t(
+              J,
+              {
+                value: V,
+                max: d,
+                shape: "bar",
+                size: s,
+                ariaLabel: o("sessionCountdown.progressLabel")
+              }
+            ) })
+          ) : null,
+          /* @__PURE__ */ t(Q, { politeness: "polite", atomic: !0, children: r ? "" : T })
+        ]
+      }
+    );
+  }
+);
+gn.displayName = "SessionCountdown";
+export {
+  gn as S,
+  rn as s
+};
+//# sourceMappingURL=session-countdown-qr8EO5QY.js.map

package/dist/_chunks/session-countdown-qr8EO5QY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-countdown-qr8EO5QY.js","sources":["../../node_modules/lucide-react/dist/esm/icons/timer.mjs","../../src/components/session-countdown/session-countdown.agent.ts","../../src/components/session-countdown/session-countdown.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.22.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.mjs';\n\nconst __iconNode = [\n  [\"line\", { x1: \"10\", x2: \"14\", y1: \"2\", y2: \"2\", key: \"14vaq8\" }],\n  [\"line\", { x1: \"12\", x2: \"15\", y1: \"14\", y2: \"11\", key: \"17fdiu\" }],\n  [\"circle\", { cx: \"12\", cy: \"14\", r: \"8\", key: \"1e1u0o\" }]\n];\nconst Timer = createLucideIcon(\"timer\", __iconNode);\n\nexport { __iconNode, Timer as default };\n//# sourceMappingURL=timer.mjs.map\n","/* -------------------------------------------------------------------- */\n/* Agent adapter — SessionCountdown.                                      */\n/*                                                                        */\n/* A live status surface that renders the remaining time of a check-in   */\n/* session and escalates tone toward expiry. Pure presentation — it owns */\n/* no consumer-actionable state (the deadline lives with the consumer    */\n/* via `remainingMs` / `expiresAt`, and the only interactive element is  */\n/* the consumer-wired Restart button). So this adapter registers only    */\n/* the canonical `data-component=\"session-countdown\"` DOM hook; the root  */\n/* also exposes `data-tone` so a future MCP UI bridge can read the        */\n/* running / warning / expired state without parsing the visible digits. */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\n\nexport const sessionCountdownAgent: AgentAdapter = {\n  id: 'session-countdown',\n  capabilities: [],\n  state: {},\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'session-countdown',\n      description:\n        'Marks the element as a kit SessionCountdown banner. The root also emits `data-tone=\"running\" | \"warning\" | \"expired\"` (derived from the remaining time). The accessible remaining-time announcement is surfaced via the region\\'s aria-label and a nested polite live region.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { TriangleAlert, CircleX, Timer } from 'lucide-react';\nimport { Button } from '../button';\nimport { Progress } from '../progress';\nimport { LiveRegion } from '../live-region';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { sessionCountdownAgent } from './session-countdown.agent';\n\n/* ------------------------------------------------------------------ */\n/* Constants                                                           */\n/* ------------------------------------------------------------------ */\n\nconst SECOND_MS = 1000;\nconst MINUTE_MS = 60 * SECOND_MS;\nconst DEFAULT_TOTAL_MS = 15 * MINUTE_MS; // 900_000 — HTP-5118 check-in window\nconst DEFAULT_WARN_AT_MS = 2 * MINUTE_MS; // 120_000 — final 2 minutes\n\n/* ------------------------------------------------------------------ */\n/* CVA — public axis: size (sm | md | lg). The component renders the    */\n/* banner as its sole presentation (the former `inline` variant was     */\n/* removed — see breaking change note).                                 */\n/*                                                                     */\n/* `tone` (running | warning | expired) is DERIVED internally from the */\n/* remaining time and is NOT a consumer-set prop (see spec / synthesis */\n/* recommendedAdjustment). It still flows through the CVA recipe as an */\n/* internal variant key so the tone colours stay token-driven and       */\n/* mirror Alert's info / warning / error surfaces.                      */\n/* ------------------------------------------------------------------ */\n\nconst countdownVariants = cva(\n  [\n    'ds:break-words',\n    'ds:flex ds:w-full ds:flex-col',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:border ds:border-[length:var(--border-width-sm)]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:p-[var(--spacing-sm)] ds:gap-[var(--spacing-xs)]',\n        md: 'ds:p-[var(--spacing-md)] ds:gap-[var(--spacing-sm)]',\n        lg: 'ds:p-[var(--spacing-lg)] ds:gap-[var(--spacing-sm)]',\n      },\n      // Internal-only — derived from remaining time, never surfaced to Controls.\n      tone: {\n        running: [\n          'ds:border-[color:var(--info)]',\n          'ds:bg-[color-mix(in_srgb,var(--info)_10%,transparent)]',\n          'ds:text-[color:var(--info-foreground)]',\n        ].join(' '),\n        warning: [\n          'ds:border-[color:var(--warning)]',\n          'ds:bg-[color-mix(in_srgb,var(--warning)_10%,transparent)]',\n          'ds:text-[color:var(--warning-foreground)]',\n        ].join(' '),\n        expired: [\n          'ds:border-[color:var(--error)]',\n          'ds:bg-[color-mix(in_srgb,var(--error)_10%,transparent)]',\n          'ds:text-[color:var(--error-foreground)]',\n          // The tonal Restart button inherits the error tint via the\n          // established Alert child-selector trick — contrast-validated.\n          'ds:[&_[data-intent=tonal]]:bg-[color:var(--error-foreground)]',\n          'ds:[&_[data-intent=tonal]]:text-[color:var(--background)]',\n        ].join(' '),\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      tone: 'running',\n    },\n  },\n);\n\nconst ICON_SIZE_CLASS = {\n  sm: 'ds:size-4',\n  md: 'ds:size-5',\n  lg: 'ds:size-6',\n} as const;\n\n/* ------------------------------------------------------------------ */\n/* Derived tone                                                        */\n/* ------------------------------------------------------------------ */\n\ntype Tone = 'running' | 'warning' | 'expired';\n\nfunction deriveTone(remaining: number, warnAtMs: number): Tone {\n  if (remaining <= 0) return 'expired';\n  if (remaining <= warnAtMs) return 'warning';\n  return 'running';\n}\n\n/* ------------------------------------------------------------------ */\n/* Announcement bucketing                                              */\n/*                                                                     */\n/* The visual digits update every second, but AT must hear only coarse */\n/* buckets to avoid flooding: minute boundaries while remaining > 60s, */\n/* then once at 30s and 10s, then expiry. We key the polite            */\n/* announcement on the bucket — NOT on the per-second value — so NVDA  */\n/* / VoiceOver never interrupt themselves continuously.                */\n/*                                                                     */\n/* The returned value is the count spoken to AT, in SECONDS, and is    */\n/* FLOORED to the threshold the user has actually crossed into so the  */\n/* announcement never claims MORE time than truly remains (a deadline  */\n/* countdown must round down, never up). e.g. at 45s the bucket is 30  */\n/* — \"30 seconds remaining\" — never \"60 seconds\". Above 60s we floor   */\n/* to whole minutes (4m37s → 4 minutes), so it re-keys on each minute  */\n/* boundary while staying truthful.                                    */\n/* ------------------------------------------------------------------ */\n\nfunction announcementBucket(remaining: number): number {\n  if (remaining <= 0) return 0;\n  if (remaining <= 30 * SECOND_MS) return 10;\n  if (remaining <= 60 * SECOND_MS) return 30;\n  // Coarse minute bucket above 60s: 60, 120, 180 … (in seconds), floored\n  // so the spoken minute count is always <= the true remaining time.\n  return Math.floor(remaining / MINUTE_MS) * 60;\n}\n\n/* ------------------------------------------------------------------ */\n/* Time math                                                           */\n/* ------------------------------------------------------------------ */\n\nfunction toEpoch(value: number | string | Date): number {\n  if (value instanceof Date) return value.getTime();\n  if (typeof value === 'number') return value;\n  return new Date(value).getTime();\n}\n\n/**\n * Internal-tick hook for the `expiresAt` path. Returns the live remaining\n * milliseconds (clamped >= 0) and re-renders every `tickMs` until expiry.\n * When `controlledRemaining` is supplied it is the source of truth and the\n * timer never starts — the deterministic path for stories / tests.\n */\nfunction useRemainingMs(\n  controlledRemaining: number | undefined,\n  expiresAtEpoch: number | undefined,\n  tickMs: number,\n): number {\n  const [now, setNow] = useState<number>(() => Date.now());\n\n  const isControlled = controlledRemaining !== undefined;\n\n  useEffect(() => {\n    if (isControlled || expiresAtEpoch === undefined) return;\n    // Re-sync on mount so a late mount / clock-skew reads correctly.\n    setNow(Date.now());\n    if (expiresAtEpoch - Date.now() <= 0) return; // already expired — no timer\n    const id = window.setInterval(\n      () => {\n        const current = Date.now();\n        setNow(current);\n        if (expiresAtEpoch - current <= 0) {\n          window.clearInterval(id);\n        }\n      },\n      Math.max(1, tickMs),\n    );\n    return () => window.clearInterval(id);\n  }, [isControlled, expiresAtEpoch, tickMs]);\n\n  if (isControlled) return Math.max(0, controlledRemaining);\n  if (expiresAtEpoch === undefined) return 0;\n  return Math.max(0, expiresAtEpoch - now);\n}\n\n/* ------------------------------------------------------------------ */\n/* Props                                                               */\n/* ------------------------------------------------------------------ */\n\ntype CountdownVariantProps = Pick<\n  VariantProps<typeof countdownVariants>,\n  'size'\n>;\n\nexport interface SessionCountdownProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'role'>, CountdownVariantProps {\n  /** Controlled remaining milliseconds. Source of truth; no internal tick. */\n  remainingMs?: number;\n  /** Absolute deadline (ms-epoch, ISO string, or Date). Ticks internally. */\n  expiresAt?: number | string | Date;\n  /** Full session duration in ms — progress denominator. Default 900000. */\n  totalMs?: number;\n  /** Remaining threshold (ms) at/below which tone escalates to warning. */\n  warnAtMs?: number;\n  /** Type / padding scale. Default `md`. */\n  size?: 'sm' | 'md' | 'lg';\n  /** Determinate Progress bar of elapsed fraction. */\n  showProgress?: boolean;\n  /** Fired exactly once when remaining crosses to 0. Idempotent. */\n  onExpire?: () => void;\n  /** Restart CTA handler (expired banner). Omit → no button rendered. */\n  onRestart?: () => void;\n  /** Restart in flight — disables + spins the Restart button. */\n  restarting?: boolean;\n  /** Internal tick cadence (ms) for the `expiresAt` path. Default 1000. */\n  tickMs?: number;\n  /** Locale override for number formatting. Falls back to i18n.language. */\n  locale?: string;\n  /** Override the accessible name of the timer region. */\n  label?: string;\n  /** Merged onto the outermost element. CVA-composed, never inline style. */\n  className?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* SessionCountdown                                                    */\n/* ------------------------------------------------------------------ */\n\nexport const SessionCountdown = forwardRef<\n  HTMLDivElement,\n  SessionCountdownProps\n>(\n  (\n    {\n      remainingMs,\n      expiresAt,\n      totalMs = DEFAULT_TOTAL_MS,\n      warnAtMs = DEFAULT_WARN_AT_MS,\n      size = 'md',\n      showProgress = false,\n      onExpire,\n      onRestart,\n      restarting = false,\n      tickMs = 1000,\n      locale: localeProp,\n      label,\n      className,\n      id,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const locale = localeProp ?? i18n.language ?? 'en';\n\n    // DEV warning when both controlled + deadline are passed; remainingMs wins.\n    useEffect(() => {\n      if (\n        import.meta.env.DEV &&\n        remainingMs !== undefined &&\n        expiresAt !== undefined\n      ) {\n        console.warn(\n          'SessionCountdown: both `remainingMs` and `expiresAt` provided; `remainingMs` wins and the deadline is ignored.',\n        );\n      }\n    }, [remainingMs, expiresAt]);\n\n    const expiresAtEpoch = useMemo(\n      () =>\n        remainingMs === undefined && expiresAt !== undefined\n          ? toEpoch(expiresAt)\n          : undefined,\n      [remainingMs, expiresAt],\n    );\n\n    const remaining = useRemainingMs(remainingMs, expiresAtEpoch, tickMs);\n    const tone = deriveTone(remaining, warnAtMs);\n    const isExpired = tone === 'expired';\n\n    /* ── onExpire — fire exactly once via a ref guard ─────────────── */\n    const expireFiredRef = useRef(false);\n    useEffect(() => {\n      if (remaining <= 0 && !expireFiredRef.current) {\n        expireFiredRef.current = true;\n        onExpire?.();\n      }\n      // Allow a fresh expiry if the timer is restarted (remaining climbs > 0).\n      if (remaining > 0 && expireFiredRef.current) {\n        expireFiredRef.current = false;\n      }\n    }, [remaining, onExpire]);\n\n    /* ── Number formatting (Intl, no deps) ────────────────────────── */\n    const nf = useMemo(\n      () => new Intl.NumberFormat(locale, { maximumFractionDigits: 0 }),\n      [locale],\n    );\n    const totalSeconds = Math.ceil(remaining / SECOND_MS);\n    const minutes = Math.floor(totalSeconds / 60);\n    const seconds = totalSeconds % 60;\n\n    // Visible compact time string. Under 60s we drop the minutes segment.\n    const timeText =\n      minutes > 0\n        ? t('sessionCountdown.timeMinutesSeconds', {\n            minutes: nf.format(minutes),\n            seconds: nf.format(seconds),\n          })\n        : t('sessionCountdown.timeSecondsOnly', {\n            seconds: nf.format(seconds),\n          });\n\n    /* ── Coarse announcement (decoupled from the per-second tick) ─── */\n    const bucket = announcementBucket(remaining);\n    const announcement = useMemo(() => {\n      if (bucket <= 0) {\n        return t('sessionCountdown.expiredAnnouncement');\n      }\n      // Sub-minute buckets (30, 10) speak seconds; whole-minute buckets\n      // (60, 120, …) speak minutes. The bucket is already floored so the\n      // spoken count never exceeds the true remaining time.\n      if (bucket < 60) {\n        return t('sessionCountdown.secondsRemaining', { count: bucket });\n      }\n      return t('sessionCountdown.minutesRemaining', { count: bucket / 60 });\n    }, [bucket, t]);\n\n    // Clean, standalone expiry announcement — surfaced verbatim (NOT folded\n    // into the ariaLabel template, which would double-interpolate into\n    // \"Session expires in Session expired.\").\n    const expiredAnnouncement = t('sessionCountdown.expiredAnnouncement');\n\n    // Accessible name for the region:\n    // - running / warning → the terse ariaLabel template (\"Session expires\n    //   in 5 minutes remaining\"), refreshed only when the bucket changes.\n    // - expired → no aria-label; the root becomes role=\"alert\" and takes its\n    //   accessible name from the real `expiredAnnouncement` text node inside\n    //   it, so screen readers that announce a live region's TEXT (not its\n    //   aria-label) still voice the expiry. A `label` override wins in all\n    //   states.\n    const regionLabel =\n      label ??\n      (isExpired\n        ? undefined\n        : t('sessionCountdown.ariaLabel', { time: announcement }));\n\n    const composedClass = countdownVariants({\n      size,\n      tone,\n      className,\n    });\n\n    // role escalation modelled on Alert: timer while running / warning,\n    // alert (implicitly an assertive live region) on expiry. The root does\n    // NOT carry `aria-live` while running — the per-second visual value is\n    // aria-hidden and the coarse running announcements come from the nested\n    // polite LiveRegion. On expiry the root's `role=\"alert\"` carries a real\n    // (non-aria-hidden) text node with `expiredAnnouncement`, so the message\n    // is announced via live-region TEXT rather than an aria-label-only name\n    // — reliable across NVDA / VoiceOver — and exactly once (the text does\n    // not change on later ticks). The nested polite region is emptied on\n    // expiry so the two regions never double-announce.\n    const role = isExpired ? 'alert' : 'timer';\n\n    useAgentRegistration(sessionCountdownAgent, null, id);\n\n    /* ── banner ───────────────────────────────────────────────────── */\n    const Icon = isExpired\n      ? CircleX\n      : tone === 'warning'\n        ? TriangleAlert\n        : Timer;\n    const elapsed = Math.min(totalMs, Math.max(0, totalMs - remaining));\n\n    const messageKey = isExpired\n      ? 'sessionCountdown.expired'\n      : tone === 'warning'\n        ? 'sessionCountdown.warning'\n        : 'sessionCountdown.remainingBanner';\n    const message = t(messageKey, { time: timeText });\n\n    return (\n      <div\n        ref={ref}\n        id={id}\n        role={role}\n        aria-label={regionLabel}\n        data-component=\"session-countdown\"\n        data-tone={tone}\n        className={composedClass}\n        {...rest}\n      >\n        {/* On expiry the root is role=\"alert\"; this real (non-aria-hidden)\n            sr-only text node gives the alert its announced content and\n            accessible name (the visible banner sentence stays aria-hidden so\n            it is not read twice). It appears once, on the expiry render, so\n            the message is voiced exactly once and stays quiet on later ticks. */}\n        {isExpired ? (\n          <span className=\"ds:sr-only\">{expiredAnnouncement}</span>\n        ) : null}\n        <div className=\"ds:flex ds:w-full ds:items-center ds:gap-[var(--spacing-sm)]\">\n          <span className={`ds:shrink-0 ${ICON_SIZE_CLASS[size]}`}>\n            <Icon aria-hidden=\"true\" className=\"ds:size-full\" />\n          </span>\n          <p\n            className={[\n              'ds:min-w-0 ds:flex-1',\n              size === 'lg' ? 'type-body' : 'type-body-sm',\n            ].join(' ')}\n            aria-hidden=\"true\"\n          >\n            {message}\n          </p>\n          {isExpired && onRestart ? (\n            <Button\n              type=\"button\"\n              intent=\"tonal\"\n              size={size === 'lg' ? 'lg' : 'md'}\n              loading={restarting}\n              disabled={restarting}\n              onClick={onRestart}\n              className=\"ds:shrink-0\"\n            >\n              {t('sessionCountdown.restart')}\n            </Button>\n          ) : null}\n        </div>\n\n        {showProgress && !isExpired ? (\n          // Elapsed fraction flows through the existing Progress API\n          // (value/max) — never a hand-rolled inline-width bar. The bar\n          // is aria-hidden: the timer region already conveys remaining\n          // time, so a second progressbar would double-announce.\n          <div aria-hidden=\"true\" className=\"ds:w-full\">\n            <Progress\n              value={elapsed}\n              max={totalMs}\n              shape=\"bar\"\n              size={size}\n              ariaLabel={t('sessionCountdown.progressLabel')}\n            />\n          </div>\n        ) : null}\n\n        {/* Coarse running announcement, keyed on the bucket. Polite\n            (role=\"status\"). Suppressed on expiry — the root alert above\n            carries the expiry message, so the two never double-announce. */}\n        <LiveRegion politeness=\"polite\" atomic>\n          {isExpired ? '' : announcement}\n        </LiveRegion>\n      </div>\n    );\n  },\n);\n\nSessionCountdown.displayName = 'SessionCountdown';\n"],"names":["__iconNode","Timer","createLucideIcon","sessionCountdownAgent","SECOND_MS","MINUTE_MS","DEFAULT_TOTAL_MS","DEFAULT_WARN_AT_MS","countdownVariants","cva","ICON_SIZE_CLASS","deriveTone","remaining","warnAtMs","announcementBucket","toEpoch","value","useRemainingMs","controlledRemaining","expiresAtEpoch","tickMs","now","setNow","useState","isControlled","useEffect","id","current","SessionCountdown","forwardRef","remainingMs","expiresAt","totalMs","size","showProgress","onExpire","onRestart","restarting","localeProp","label","className","rest","ref","t","i18n","useTranslation","locale","useMemo","tone","isExpired","expireFiredRef","useRef","nf","totalSeconds","minutes","seconds","timeText","bucket","announcement","expiredAnnouncement","regionLabel","composedClass","role","useAgentRegistration","Icon","CircleX","TriangleAlert","elapsed","message","jsxs","jsx","Button","Progress","LiveRegion"],"mappings":";;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,KAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,IAAI,MAAM,IAAI,MAAM,IAAI,KAAK,IAAI,KAAK,KAAK,SAAQ,CAAE;AAAA,EAChE,CAAC,QAAQ,EAAE,IAAI,MAAM,IAAI,MAAM,IAAI,MAAM,IAAI,MAAM,KAAK,SAAQ,CAAE;AAAA,EAClE,CAAC,UAAU,EAAE,IAAI,MAAM,IAAI,MAAM,GAAG,KAAK,KAAK,SAAQ,CAAE;AAC1D,GACMC,KAAQC,GAAiB,SAASF,EAAU,GCCrCG,KAAsC;AAAA,EACjD,IAAI;AAAA,EACJ,cAAc,CAAA;AAAA,EACd,OAAO,CAAA;AAAA,EACP,SAAS,CAAA;AAAA,EACT,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aACE;AAAA,IAAA;AAAA,EACJ;AAEJ,GCPMC,IAAY,KACZC,IAAY,KAAKD,GACjBE,KAAmB,KAAKD,GACxBE,KAAqB,IAAIF,GAczBG,KAAoBC;AAAA,EACxB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA;AAAA,MAGN,MAAM;AAAA,QACJ,SAAS;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,QAAA,EACA,KAAK,GAAG;AAAA,QACV,SAAS;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,QAAA,EACA,KAAK,GAAG;AAAA,QACV,SAAS;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA;AAAA;AAAA,UAGA;AAAA,UACA;AAAA,QAAA,EACA,KAAK,GAAG;AAAA,MAAA;AAAA,IACZ;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAEMC,KAAkB;AAAA,EACtB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAQA,SAASC,GAAWC,GAAmBC,GAAwB;AAC7D,SAAID,KAAa,IAAU,YACvBA,KAAaC,IAAiB,YAC3B;AACT;AAoBA,SAASC,GAAmBF,GAA2B;AACrD,SAAIA,KAAa,IAAU,IACvBA,KAAa,KAAKR,IAAkB,KACpCQ,KAAa,KAAKR,IAAkB,KAGjC,KAAK,MAAMQ,IAAYP,CAAS,IAAI;AAC7C;AAMA,SAASU,GAAQC,GAAuC;AACtD,SAAIA,aAAiB,OAAaA,EAAM,QAAA,IACpC,OAAOA,KAAU,WAAiBA,IAC/B,IAAI,KAAKA,CAAK,EAAE,QAAA;AACzB;AAQA,SAASC,GACPC,GACAC,GACAC,GACQ;AACR,QAAM,CAACC,GAAKC,CAAM,IAAIC,EAAiB,MAAM,KAAK,KAAK,GAEjDC,IAAeN,MAAwB;AAoB7C,SAlBAO,EAAU,MAAM;AAId,QAHID,KAAgBL,MAAmB,WAEvCG,EAAO,KAAK,KAAK,GACbH,IAAiB,KAAK,IAAA,KAAS,GAAG;AACtC,UAAMO,IAAK,OAAO;AAAA,MAChB,MAAM;AACJ,cAAMC,IAAU,KAAK,IAAA;AACrB,QAAAL,EAAOK,CAAO,GACVR,IAAiBQ,KAAW,KAC9B,OAAO,cAAcD,CAAE;AAAA,MAE3B;AAAA,MACA,KAAK,IAAI,GAAGN,CAAM;AAAA,IAAA;AAEpB,WAAO,MAAM,OAAO,cAAcM,CAAE;AAAA,EACtC,GAAG,CAACF,GAAcL,GAAgBC,CAAM,CAAC,GAErCI,IAAqB,KAAK,IAAI,GAAGN,CAAmB,IACpDC,MAAmB,SAAkB,IAClC,KAAK,IAAI,GAAGA,IAAiBE,CAAG;AACzC;AA6CO,MAAMO,KAAmBC;AAAA,EAI9B,CACE;AAAA,IACE,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC,IAAU1B;AAAA,IACV,UAAAO,IAAWN;AAAA,IACX,MAAA0B,IAAO;AAAA,IACP,cAAAC,IAAe;AAAA,IACf,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,QAAAjB,IAAS;AAAA,IACT,QAAQkB;AAAA,IACR,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,IAAAd;AAAA,IACA,GAAGe;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,GAAAC,GAAG,MAAAC,EAAA,IAASC,EAAA,GACdC,IAASR,KAAcM,EAAK,YAAY;AAG9C,IAAAnB,EAAU,MAAM;AAAA,IAUhB,GAAG,CAACK,GAAaC,CAAS,CAAC;AAE3B,UAAMZ,IAAiB4B;AAAA,MACrB,MACEjB,MAAgB,UAAaC,MAAc,SACvChB,GAAQgB,CAAS,IACjB;AAAA,MACN,CAACD,GAAaC,CAAS;AAAA,IAAA,GAGnBnB,IAAYK,GAAea,GAAaX,GAAgBC,CAAM,GAC9D4B,IAAOrC,GAAWC,GAAWC,CAAQ,GACrCoC,IAAYD,MAAS,WAGrBE,IAAiBC,EAAO,EAAK;AACnC,IAAA1B,EAAU,MAAM;AACd,MAAIb,KAAa,KAAK,CAACsC,EAAe,YACpCA,EAAe,UAAU,IACzBf,KAAA,QAAAA,MAGEvB,IAAY,KAAKsC,EAAe,YAClCA,EAAe,UAAU;AAAA,IAE7B,GAAG,CAACtC,GAAWuB,CAAQ,CAAC;AAGxB,UAAMiB,IAAKL;AAAA,MACT,MAAM,IAAI,KAAK,aAAaD,GAAQ,EAAE,uBAAuB,GAAG;AAAA,MAChE,CAACA,CAAM;AAAA,IAAA,GAEHO,IAAe,KAAK,KAAKzC,IAAYR,CAAS,GAC9CkD,IAAU,KAAK,MAAMD,IAAe,EAAE,GACtCE,IAAUF,IAAe,IAGzBG,IACJF,IAAU,IACNX,EAAE,uCAAuC;AAAA,MACvC,SAASS,EAAG,OAAOE,CAAO;AAAA,MAC1B,SAASF,EAAG,OAAOG,CAAO;AAAA,IAAA,CAC3B,IACDZ,EAAE,oCAAoC;AAAA,MACpC,SAASS,EAAG,OAAOG,CAAO;AAAA,IAAA,CAC3B,GAGDE,IAAS3C,GAAmBF,CAAS,GACrC8C,IAAeX,EAAQ,MACvBU,KAAU,IACLd,EAAE,sCAAsC,IAK7Cc,IAAS,KACJd,EAAE,qCAAqC,EAAE,OAAOc,GAAQ,IAE1Dd,EAAE,qCAAqC,EAAE,OAAOc,IAAS,IAAI,GACnE,CAACA,GAAQd,CAAC,CAAC,GAKRgB,IAAsBhB,EAAE,sCAAsC,GAU9DiB,IACJrB,MACCU,IACG,SACAN,EAAE,8BAA8B,EAAE,MAAMe,EAAA,CAAc,IAEtDG,IAAgBrD,GAAkB;AAAA,MACtC,MAAAyB;AAAA,MACA,MAAAe;AAAA,MACA,WAAAR;AAAA,IAAA,CACD,GAYKsB,IAAOb,IAAY,UAAU;AAEnC,IAAAc,EAAqB5D,IAAuB,MAAMuB,CAAE;AAGpD,UAAMsC,IAAOf,IACTgB,IACAjB,MAAS,YACPkB,KACAjE,IACAkE,IAAU,KAAK,IAAInC,GAAS,KAAK,IAAI,GAAGA,IAAUpB,CAAS,CAAC,GAO5DwD,IAAUzB,EALGM,IACf,6BACAD,MAAS,YACP,6BACA,oCACwB,EAAE,MAAMQ,GAAU;AAEhD,WACE,gBAAAa;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAA3B;AAAA,QACA,IAAAhB;AAAA,QACA,MAAAoC;AAAA,QACA,cAAYF;AAAA,QACZ,kBAAe;AAAA,QACf,aAAWZ;AAAA,QACX,WAAWa;AAAA,QACV,GAAGpB;AAAA,QAOH,UAAA;AAAA,UAAAQ,sBACE,QAAA,EAAK,WAAU,cAAc,aAAoB,IAChD;AAAA,UACJ,gBAAAoB,EAAC,OAAA,EAAI,WAAU,gEACb,UAAA;AAAA,8BAAC,QAAA,EAAK,WAAW,eAAe3D,GAAgBuB,CAAI,CAAC,IACnD,UAAA,gBAAAqC,EAACN,GAAA,EAAK,eAAY,QAAO,WAAU,eAAA,CAAe,GACpD;AAAA,YACA,gBAAAM;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW;AAAA,kBACT;AAAA,kBACArC,MAAS,OAAO,cAAc;AAAA,gBAAA,EAC9B,KAAK,GAAG;AAAA,gBACV,eAAY;AAAA,gBAEX,UAAAmC;AAAA,cAAA;AAAA,YAAA;AAAA,YAEFnB,KAAab,IACZ,gBAAAkC;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,QAAO;AAAA,gBACP,MAAMtC,MAAS,OAAO,OAAO;AAAA,gBAC7B,SAASI;AAAA,gBACT,UAAUA;AAAA,gBACV,SAASD;AAAA,gBACT,WAAU;AAAA,gBAET,YAAE,0BAA0B;AAAA,cAAA;AAAA,YAAA,IAE7B;AAAA,UAAA,GACN;AAAA,UAECF,KAAgB,CAACe;AAAA;AAAA;AAAA;AAAA;AAAA,8BAKf,OAAA,EAAI,eAAY,QAAO,WAAU,aAChC,UAAA,gBAAAqB;AAAA,cAACE;AAAA,cAAA;AAAA,gBACC,OAAOL;AAAA,gBACP,KAAKnC;AAAA,gBACL,OAAM;AAAA,gBACN,MAAAC;AAAA,gBACA,WAAWU,EAAE,gCAAgC;AAAA,cAAA;AAAA,YAAA,GAEjD;AAAA,cACE;AAAA,UAKJ,gBAAA2B,EAACG,KAAW,YAAW,UAAS,QAAM,IACnC,UAAAxB,IAAY,KAAKS,EAAA,CACpB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEA9B,GAAiB,cAAc;","x_google_ignoreList":[0]}

package/dist/_chunks/settings-d25ju_6L.js

@@ -0,0 +1,21 @@
+import { c } from "./createLucideIcon-DhHxpK9K.js";
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const e = [
+  [
+    "path",
+    {
+      d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915",
+      key: "1i5ecw"
+    }
+  ],
+  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
+], o = c("settings", e);
+export {
+  o as S
+};
+//# sourceMappingURL=settings-d25ju_6L.js.map

package/dist/_chunks/settings-d25ju_6L.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-d25ju_6L.js","sources":["../../node_modules/lucide-react/dist/esm/icons/settings.mjs"],"sourcesContent":["/**\n * @license lucide-react v1.22.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.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915\",\n      key: \"1i5ecw\"\n    }\n  ],\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"3\", key: \"1v7zrd\" }]\n];\nconst Settings = createLucideIcon(\"settings\", __iconNode);\n\nexport { __iconNode, Settings as default };\n//# sourceMappingURL=settings.mjs.map\n"],"names":["__iconNode","Settings","createLucideIcon"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB;AAAA,IACE;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,KAAK;AAAA,IACX;AAAA,EACA;AAAA,EACE,CAAC,UAAU,EAAE,IAAI,MAAM,IAAI,MAAM,GAAG,KAAK,KAAK,SAAQ,CAAE;AAC1D,GACMC,IAAWC,EAAiB,YAAYF,CAAU;","x_google_ignoreList":[0]}

package/dist/_chunks/sheet-B_X54aZo.js

@@ -0,0 +1,296 @@
+import { jsx as o, jsxs as v } from "react/jsx-runtime";
+import { useState as B, useRef as w, useEffect as T, useCallback as I, useMemo as O, forwardRef as i, useContext as D, createContext as A } from "react";
+import * as d from "@radix-ui/react-dialog";
+import { c as H } from "./index-D2ZczOXr.js";
+import { useTranslation as K } from "react-i18next";
+import { I as E } from "./icon-button-LqoiKcUN.js";
+import { S as F } from "./scroll-area-BZOvUhwQ.js";
+import { u as L } from "./registry-DvAUVLHh.js";
+import { X as V } from "./x-B5YnXwCz.js";
+const P = {
+  id: "sheet",
+  // `dismiss` shares the handle's close() — it is the same imperative close
+  // path with destructive intent (loses uncommitted input). Backed.
+  capabilities: ["open", "close", "dismiss"],
+  state: {
+    isOpen: {
+      type: "boolean",
+      descriptionKey: "ui.agent.sheet.state.isOpen",
+      description: "True when the sheet is currently open.",
+      read: (e) => e.getIsOpen()
+    }
+  },
+  actions: {
+    open: {
+      // Pure ephemeral UI state — opening loses no data.
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.sheet.actions.open",
+      description: "Open the sheet.",
+      invoke: (e) => {
+        e.open();
+      }
+    },
+    close: {
+      // Pure ephemeral UI state — closing is reversible by reopening and
+      // loses no committed data.
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.sheet.actions.close",
+      description: "Close the sheet. Reversible by reopening.",
+      invoke: (e) => {
+        e.close();
+      }
+    },
+    dismiss: {
+      // Same close() path, but flagged destructive because dismissing a sheet
+      // mid-edit discards any in-progress input that was not committed.
+      safety: "destructive",
+      idempotent: !0,
+      descriptionKey: "ui.agent.sheet.actions.dismiss",
+      description: "Dismiss the sheet. Loses any in-progress input that has not been committed.",
+      invoke: (e) => {
+        e.close();
+      }
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "sheet" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop on Sheet.Root."
+    }
+  }
+}, M = [
+  "ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]",
+  "ds:bg-[var(--background)]/[var(--opacity-70)]",
+  "ds:backdrop-blur-sm",
+  "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0",
+  "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0",
+  "ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
+].join(" "), X = H(
+  [
+    "ds:fixed ds:z-[var(--z-modal)] ds:flex ds:flex-col",
+    "ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]",
+    "ds:shadow-[var(--shadow-xl)]",
+    "ds:focus-visible:outline-none",
+    "ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
+  ].join(" "),
+  {
+    variants: {
+      side: {
+        start: [
+          "ds:start-0 ds:inset-y-0",
+          "ds:border-e ds:border-[color:var(--border)]",
+          "ds:data-[state=open]:animate-in ds:ltr:data-[state=open]:slide-in-from-left-full ds:rtl:data-[state=open]:slide-in-from-right-full",
+          "ds:data-[state=closed]:animate-out ds:ltr:data-[state=closed]:slide-out-to-left-full ds:rtl:data-[state=closed]:slide-out-to-right-full",
+          "ds:max-sm:[inline-size:100dvw] ds:max-sm:[block-size:100dvh]"
+        ].join(" "),
+        end: [
+          "ds:end-0 ds:inset-y-0",
+          "ds:border-s ds:border-[color:var(--border)]",
+          "ds:data-[state=open]:animate-in ds:ltr:data-[state=open]:slide-in-from-right-full ds:rtl:data-[state=open]:slide-in-from-left-full",
+          "ds:data-[state=closed]:animate-out ds:ltr:data-[state=closed]:slide-out-to-right-full ds:rtl:data-[state=closed]:slide-out-to-left-full",
+          "ds:max-sm:[inline-size:100dvw] ds:max-sm:[block-size:100dvh]"
+        ].join(" "),
+        top: [
+          "ds:top-0 ds:inset-x-0",
+          "ds:border-b ds:border-[color:var(--border)]",
+          "ds:data-[state=open]:animate-in ds:data-[state=open]:slide-in-from-top-full",
+          "ds:data-[state=closed]:animate-out ds:data-[state=closed]:slide-out-to-top-full"
+        ].join(" "),
+        bottom: [
+          "ds:bottom-0 ds:inset-x-0",
+          "ds:border-t ds:border-[color:var(--border)]",
+          "ds:data-[state=open]:animate-in ds:data-[state=open]:slide-in-from-bottom-full",
+          "ds:data-[state=closed]:animate-out ds:data-[state=closed]:slide-out-to-bottom-full"
+        ].join(" ")
+      }
+    },
+    defaultVariants: { side: "end" }
+  }
+);
+function Y(e, t) {
+  return e === "start" || e === "end" ? {
+    sm: "ds:[inline-size:360px]",
+    md: "ds:[inline-size:480px]",
+    lg: "ds:[inline-size:640px]"
+  }[t] : {
+    sm: "ds:[block-size:40dvh]",
+    md: "ds:[block-size:60dvh]",
+    lg: "ds:[block-size:80dvh]"
+  }[t];
+}
+const b = A(void 0), m = ({
+  children: e,
+  id: t,
+  open: s,
+  defaultOpen: n,
+  onOpenChange: a,
+  ...p
+}) => {
+  const r = s !== void 0, [N, C] = B(
+    n ?? !1
+  ), l = r ? !!s : N, f = w(l);
+  T(() => {
+    f.current = l;
+  }, [l]);
+  const c = I(
+    (h) => {
+      r || C(h), a == null || a(h);
+    },
+    [r, a]
+  ), R = O(
+    () => ({
+      getIsOpen: () => f.current,
+      open: () => c(!0),
+      close: () => c(!1)
+    }),
+    [c]
+  );
+  return L(P, R, t), /* @__PURE__ */ o(b.Provider, { value: t, children: /* @__PURE__ */ o(d.Root, { open: l, onOpenChange: c, ...p, children: e }) });
+};
+m.displayName = "Sheet.Root";
+const g = i(({ children: e, ...t }, s) => /* @__PURE__ */ o(d.Trigger, { ref: s, ...t, children: e }));
+g.displayName = "Sheet.Trigger";
+const u = i(({ children: e, ...t }, s) => /* @__PURE__ */ o(d.Close, { ref: s, ...t, children: e }));
+u.displayName = "Sheet.Close";
+const y = i(
+  ({ side: e = "end", size: t = "md", className: s, children: n, ...a }, p) => {
+    const r = D(b);
+    return /* @__PURE__ */ v(d.Portal, { children: [
+      /* @__PURE__ */ o(
+        d.Overlay,
+        {
+          "data-component": "sheet-overlay",
+          className: M
+        }
+      ),
+      /* @__PURE__ */ o(
+        d.Content,
+        {
+          ref: p,
+          className: [
+            X({ side: e }),
+            Y(e, t),
+            s
+          ].filter(Boolean).join(" "),
+          "data-component": "sheet",
+          "data-component-id": r,
+          ...a,
+          children: n
+        }
+      )
+    ] });
+  }
+);
+y.displayName = "Sheet.Content";
+const S = i(
+  ({ className: e, children: t, ...s }, n) => {
+    const { t: a } = K();
+    return /* @__PURE__ */ v(
+      "div",
+      {
+        ref: n,
+        className: [
+          "ds:sticky ds:top-0 ds:z-10 ds:flex ds:items-center ds:justify-between",
+          "ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)] ds:py-[var(--spacing-md)]",
+          "ds:border-b ds:border-[color:var(--border)] ds:bg-[var(--popover)]",
+          e
+        ].filter(Boolean).join(" "),
+        ...s,
+        children: [
+          t,
+          /* @__PURE__ */ o(u, { asChild: !0, children: /* @__PURE__ */ o(
+            E,
+            {
+              icon: /* @__PURE__ */ o(V, {}),
+              intent: "ghost",
+              size: "sm",
+              "aria-label": a("common.close", "Close")
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+S.displayName = "Sheet.Header";
+const x = i(
+  ({ className: e, ...t }, s) => (
+    // ScrollArea forwards its ref to the scroll container (Radix viewport), so
+    // SheetBody's ref still points at the scroller — preserving scrollTop access.
+    /* @__PURE__ */ o(
+      F,
+      {
+        ref: s,
+        orientation: "vertical",
+        className: "ds:flex-1 ds:min-h-0",
+        children: /* @__PURE__ */ o(
+          "div",
+          {
+            className: [
+              "ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)] ds:py-[var(--spacing-lg)]",
+              "ds:break-words",
+              e
+            ].filter(Boolean).join(" "),
+            ...t
+          }
+        )
+      }
+    )
+  )
+);
+x.displayName = "Sheet.Body";
+const j = i(
+  ({ className: e, ...t }, s) => /* @__PURE__ */ o(
+    "div",
+    {
+      ref: s,
+      className: [
+        "ds:sticky ds:bottom-0 ds:z-10 ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]",
+        "ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)] ds:py-[var(--spacing-md)]",
+        "ds:border-t ds:border-[color:var(--border)] ds:bg-[var(--popover)]",
+        "ds:max-sm:flex-col ds:max-sm:[&>*]:w-full",
+        e
+      ].filter(Boolean).join(" "),
+      ...t
+    }
+  )
+);
+j.displayName = "Sheet.Footer";
+const k = i(({ className: e, ...t }, s) => /* @__PURE__ */ o(
+  d.Title,
+  {
+    ref: s,
+    className: ["type-title-card ds:break-words", e].filter(Boolean).join(" "),
+    ...t
+  }
+));
+k.displayName = "Sheet.Title";
+const z = i(({ className: e, ...t }, s) => /* @__PURE__ */ o(
+  d.Description,
+  {
+    ref: s,
+    className: ["type-body-sm ds:text-[var(--muted-foreground)]", e].filter(Boolean).join(" "),
+    ...t
+  }
+));
+z.displayName = "Sheet.Description";
+const $ = Object.assign(m, {
+  Root: m,
+  Trigger: g,
+  Content: y,
+  Header: S,
+  Body: x,
+  Footer: j,
+  Title: k,
+  Description: z,
+  Close: u
+});
+export {
+  $ as S,
+  P as s
+};
+//# sourceMappingURL=sheet-B_X54aZo.js.map

package/dist/_chunks/sheet-B_X54aZo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-B_X54aZo.js","sources":["../../src/components/sheet/sheet.agent.ts","../../src/components/sheet/sheet.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { SheetHandle } from './sheet';\n\nexport const sheetAgent: AgentAdapter<SheetHandle> = {\n  id: 'sheet',\n  // `dismiss` shares the handle's close() — it is the same imperative close\n  // path with destructive intent (loses uncommitted input). Backed.\n  capabilities: ['open', 'close', 'dismiss'],\n  state: {\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.sheet.state.isOpen',\n      description: 'True when the sheet is currently open.',\n      read: (handle) => handle.getIsOpen(),\n    },\n  },\n  actions: {\n    open: {\n      // Pure ephemeral UI state — opening loses no data.\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.sheet.actions.open',\n      description: 'Open the sheet.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      // Pure ephemeral UI state — closing is reversible by reopening and\n      // loses no committed data.\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.sheet.actions.close',\n      description: 'Close the sheet. Reversible by reopening.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n    dismiss: {\n      // Same close() path, but flagged destructive because dismissing a sheet\n      // mid-edit discards any in-progress input that was not committed.\n      safety: 'destructive',\n      idempotent: true,\n      descriptionKey: 'ui.agent.sheet.actions.dismiss',\n      description:\n        'Dismiss the sheet. Loses any in-progress input that has not been committed.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'sheet' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop on Sheet.Root.',\n    },\n  },\n};\n","import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport * as RadixDialog from '@radix-ui/react-dialog';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { X } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { ScrollArea } from '../scroll-area/scroll-area';\nimport { useAgentRegistration } from '../../agent';\nimport { sheetAgent } from './sheet.agent';\n\nconst OVERLAY_CLASSES = [\n  'ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]',\n  'ds:bg-[var(--background)]/[var(--opacity-70)]',\n  'ds:backdrop-blur-sm',\n  'ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0',\n  'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0',\n  'ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n].join(' ');\n\nconst contentVariants = cva(\n  [\n    'ds:fixed ds:z-[var(--z-modal)] ds:flex ds:flex-col',\n    'ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]',\n    'ds:shadow-[var(--shadow-xl)]',\n    'ds:focus-visible:outline-none',\n    'ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      side: {\n        start: [\n          'ds:start-0 ds:inset-y-0',\n          'ds:border-e ds:border-[color:var(--border)]',\n          'ds:data-[state=open]:animate-in ds:ltr:data-[state=open]:slide-in-from-left-full ds:rtl:data-[state=open]:slide-in-from-right-full',\n          'ds:data-[state=closed]:animate-out ds:ltr:data-[state=closed]:slide-out-to-left-full ds:rtl:data-[state=closed]:slide-out-to-right-full',\n          'ds:max-sm:[inline-size:100dvw] ds:max-sm:[block-size:100dvh]',\n        ].join(' '),\n        end: [\n          'ds:end-0 ds:inset-y-0',\n          'ds:border-s ds:border-[color:var(--border)]',\n          'ds:data-[state=open]:animate-in ds:ltr:data-[state=open]:slide-in-from-right-full ds:rtl:data-[state=open]:slide-in-from-left-full',\n          'ds:data-[state=closed]:animate-out ds:ltr:data-[state=closed]:slide-out-to-right-full ds:rtl:data-[state=closed]:slide-out-to-left-full',\n          'ds:max-sm:[inline-size:100dvw] ds:max-sm:[block-size:100dvh]',\n        ].join(' '),\n        top: [\n          'ds:top-0 ds:inset-x-0',\n          'ds:border-b ds:border-[color:var(--border)]',\n          'ds:data-[state=open]:animate-in ds:data-[state=open]:slide-in-from-top-full',\n          'ds:data-[state=closed]:animate-out ds:data-[state=closed]:slide-out-to-top-full',\n        ].join(' '),\n        bottom: [\n          'ds:bottom-0 ds:inset-x-0',\n          'ds:border-t ds:border-[color:var(--border)]',\n          'ds:data-[state=open]:animate-in ds:data-[state=open]:slide-in-from-bottom-full',\n          'ds:data-[state=closed]:animate-out ds:data-[state=closed]:slide-out-to-bottom-full',\n        ].join(' '),\n      },\n    },\n    defaultVariants: { side: 'end' },\n  },\n);\n\nfunction getSizeClass(\n  side: 'start' | 'end' | 'top' | 'bottom',\n  size: 'sm' | 'md' | 'lg',\n): string {\n  if (side === 'start' || side === 'end') {\n    // These MUST carry the `ds:` prefix — a bare `[inline-size:…]` is not a\n    // recognised utility under `prefix: 'ds'`, so Tailwind emits no rule and the\n    // sheet renders full-bleed (the mobile `ds:max-sm:[inline-size:100dvw]`\n    // classes work precisely because they are prefixed).\n    const map = {\n      sm: 'ds:[inline-size:360px]',\n      md: 'ds:[inline-size:480px]',\n      lg: 'ds:[inline-size:640px]',\n    } as const;\n    return map[size];\n  }\n\n  const map = {\n    sm: 'ds:[block-size:40dvh]',\n    md: 'ds:[block-size:60dvh]',\n    lg: 'ds:[block-size:80dvh]',\n  } as const;\n  return map[size];\n}\n\n// Curated agent-readiness handle — see sheet.agent.ts.\nexport interface SheetHandle {\n  getIsOpen: () => boolean;\n  open: () => void;\n  close: () => void;\n}\n\nexport interface SheetRootProps extends ComponentPropsWithoutRef<\n  typeof RadixDialog.Root\n> {\n  /** Opaque instance id — forwarded to Sheet.Content as `data-component-id`. */\n  id?: string;\n}\n\nconst SheetIdContext = createContext<string | undefined>(undefined);\n\nconst SheetRoot = ({\n  children,\n  id,\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n  ...props\n}: SheetRootProps) => {\n  const isControlled = openProp !== undefined;\n  const [internalOpen, setInternalOpen] = useState<boolean>(\n    defaultOpen ?? false,\n  );\n  const open = isControlled ? Boolean(openProp) : internalOpen;\n\n  const openRef = useRef(open);\n  useEffect(() => {\n    openRef.current = open;\n  }, [open]);\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) setInternalOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const handle = useMemo<SheetHandle>(\n    () => ({\n      getIsOpen: () => openRef.current,\n      open: () => setOpen(true),\n      close: () => setOpen(false),\n    }),\n    [setOpen],\n  );\n  useAgentRegistration(sheetAgent, handle, id);\n\n  return (\n    <SheetIdContext.Provider value={id}>\n      <RadixDialog.Root open={open} onOpenChange={setOpen} {...props}>\n        {children}\n      </RadixDialog.Root>\n    </SheetIdContext.Provider>\n  );\n};\nSheetRoot.displayName = 'Sheet.Root';\n\nconst SheetTrigger = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Trigger>\n>(({ children, ...props }, ref) => (\n  <RadixDialog.Trigger ref={ref} {...props}>\n    {children}\n  </RadixDialog.Trigger>\n));\nSheetTrigger.displayName = 'Sheet.Trigger';\n\nconst SheetClose = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Close>\n>(({ children, ...props }, ref) => (\n  <RadixDialog.Close ref={ref} {...props}>\n    {children}\n  </RadixDialog.Close>\n));\nSheetClose.displayName = 'Sheet.Close';\n\nexport interface SheetContentProps\n  extends\n    Omit<ComponentPropsWithoutRef<typeof RadixDialog.Content>, 'className'>,\n    VariantProps<typeof contentVariants> {\n  side?: 'start' | 'end' | 'top' | 'bottom';\n  size?: 'sm' | 'md' | 'lg';\n  className?: string;\n  children: ReactNode;\n}\n\nconst SheetContent = forwardRef<HTMLDivElement, SheetContentProps>(\n  ({ side = 'end', size = 'md', className, children, ...props }, ref) => {\n    const instanceId = useContext(SheetIdContext);\n    return (\n      <RadixDialog.Portal>\n        <RadixDialog.Overlay\n          data-component=\"sheet-overlay\"\n          className={OVERLAY_CLASSES}\n        />\n        <RadixDialog.Content\n          ref={ref}\n          className={[\n            contentVariants({ side }),\n            getSizeClass(side, size),\n            className,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          data-component=\"sheet\"\n          data-component-id={instanceId}\n          {...props}\n        >\n          {children}\n        </RadixDialog.Content>\n      </RadixDialog.Portal>\n    );\n  },\n);\nSheetContent.displayName = 'Sheet.Content';\n\nconst SheetHeader = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, children, ...props }, ref) => {\n    const { t } = useTranslation();\n\n    return (\n      <div\n        ref={ref}\n        className={[\n          'ds:sticky ds:top-0 ds:z-10 ds:flex ds:items-center ds:justify-between',\n          'ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)] ds:py-[var(--spacing-md)]',\n          'ds:border-b ds:border-[color:var(--border)] ds:bg-[var(--popover)]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      >\n        {children}\n        <SheetClose asChild>\n          <IconButton\n            icon={<X />}\n            intent=\"ghost\"\n            size=\"sm\"\n            aria-label={t('common.close', 'Close')}\n          />\n        </SheetClose>\n      </div>\n    );\n  },\n);\nSheetHeader.displayName = 'Sheet.Header';\n\nconst SheetBody = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    // ScrollArea forwards its ref to the scroll container (Radix viewport), so\n    // SheetBody's ref still points at the scroller — preserving scrollTop access.\n    <ScrollArea\n      ref={ref}\n      orientation=\"vertical\"\n      className=\"ds:flex-1 ds:min-h-0\"\n    >\n      <div\n        className={[\n          'ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)] ds:py-[var(--spacing-lg)]',\n          'ds:break-words',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      />\n    </ScrollArea>\n  ),\n);\nSheetBody.displayName = 'Sheet.Body';\n\nconst SheetFooter = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={[\n        'ds:sticky ds:bottom-0 ds:z-10 ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]',\n        'ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)] ds:py-[var(--spacing-md)]',\n        'ds:border-t ds:border-[color:var(--border)] ds:bg-[var(--popover)]',\n        'ds:max-sm:flex-col ds:max-sm:[&>*]:w-full',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nSheetFooter.displayName = 'Sheet.Footer';\n\nconst SheetTitle = forwardRef<\n  HTMLHeadingElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Title>\n>(({ className, ...props }, ref) => (\n  <RadixDialog.Title\n    ref={ref}\n    className={['type-title-card ds:break-words', className]\n      .filter(Boolean)\n      .join(' ')}\n    {...props}\n  />\n));\nSheetTitle.displayName = 'Sheet.Title';\n\nconst SheetDescription = forwardRef<\n  HTMLParagraphElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Description>\n>(({ className, ...props }, ref) => (\n  <RadixDialog.Description\n    ref={ref}\n    className={['type-body-sm ds:text-[var(--muted-foreground)]', className]\n      .filter(Boolean)\n      .join(' ')}\n    {...props}\n  />\n));\nSheetDescription.displayName = 'Sheet.Description';\n\nexport const Sheet = Object.assign(SheetRoot, {\n  Root: SheetRoot,\n  Trigger: SheetTrigger,\n  Content: SheetContent,\n  Header: SheetHeader,\n  Body: SheetBody,\n  Footer: SheetFooter,\n  Title: SheetTitle,\n  Description: SheetDescription,\n  Close: SheetClose,\n});\n\nexport type SheetHeaderProps = HTMLAttributes<HTMLDivElement>;\nexport type SheetBodyProps = HTMLAttributes<HTMLDivElement>;\nexport type SheetFooterProps = HTMLAttributes<HTMLDivElement>;\n"],"names":["sheetAgent","handle","OVERLAY_CLASSES","contentVariants","cva","getSizeClass","side","size","SheetIdContext","createContext","SheetRoot","children","id","openProp","defaultOpen","onOpenChange","props","isControlled","internalOpen","setInternalOpen","useState","open","openRef","useRef","useEffect","setOpen","useCallback","next","useMemo","useAgentRegistration","jsx","RadixDialog","SheetTrigger","forwardRef","ref","SheetClose","SheetContent","className","instanceId","useContext","jsxs","SheetHeader","t","useTranslation","IconButton","X","SheetBody","ScrollArea","SheetFooter","SheetTitle","SheetDescription","Sheet"],"mappings":"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"}