@alfadocs/ui-kit-debug 1.6.0 → 1.7.0

package/dist/_chunks/{session-countdown-q4r5TlCo.js → session-countdown-QMsnRa1x.js}

@@ -2,7 +2,7 @@ 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 G } from "react-i18next";
-import { B as J } from "./button-BvNtqHAS.js";
+import { B as J } from "./button-nJaPh_HC.js";
 import { P as Q } from "./progress-CK8otcQ-.js";
 import { L as Y } from "./live-region-C41SO3cA.js";
 import { u as E } from "./registry-DvAUVLHh.js";
@@ -221,4 +221,4 @@ export {
   wn as S,
   tn as s
 };
-//# sourceMappingURL=session-countdown-q4r5TlCo.js.map
+//# sourceMappingURL=session-countdown-QMsnRa1x.js.map

package/dist/_chunks/{session-countdown-q4r5TlCo.js.map → session-countdown-QMsnRa1x.js.map}

@@ -1 +1 @@
-{"version":3,"file":"session-countdown-q4r5TlCo.js","sources":["../../node_modules/lucide-react/dist/esm/icons/circle-x.mjs","../../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  [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n  [\"path\", { d: \"m15 9-6 6\", key: \"1uzhvr\" }],\n  [\"path\", { d: \"m9 9 6 6\", key: \"z0biqf\" }]\n];\nconst CircleX = createLucideIcon(\"circle-x\", __iconNode);\n\nexport { __iconNode, CircleX as default };\n//# sourceMappingURL=circle-x.mjs.map\n","/**\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","CircleX","createLucideIcon","Timer","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","TriangleAlert","elapsed","message","jsxs","jsx","Button","Progress","LiveRegion"],"mappings":"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","x_google_ignoreList":[0,1]}
+{"version":3,"file":"session-countdown-QMsnRa1x.js","sources":["../../node_modules/lucide-react/dist/esm/icons/circle-x.mjs","../../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  [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n  [\"path\", { d: \"m15 9-6 6\", key: \"1uzhvr\" }],\n  [\"path\", { d: \"m9 9 6 6\", key: \"z0biqf\" }]\n];\nconst CircleX = createLucideIcon(\"circle-x\", __iconNode);\n\nexport { __iconNode, CircleX as default };\n//# sourceMappingURL=circle-x.mjs.map\n","/**\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","CircleX","createLucideIcon","Timer","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","TriangleAlert","elapsed","message","jsxs","jsx","Button","Progress","LiveRegion"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/_chunks/{sheet-CD99CdXr.js → sheet-BSznOyJs.js}

@@ -3,7 +3,7 @@ import { useState as B, useRef as w, useEffect as T, useCallback as I, useMemo a
 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-9c9Gp41m.js";
+import { I as E } from "./icon-button-DA2CAGHZ.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";
@@ -293,4 +293,4 @@ export {
   $ as S,
   P as s
 };
-//# sourceMappingURL=sheet-CD99CdXr.js.map
+//# sourceMappingURL=sheet-BSznOyJs.js.map

package/dist/_chunks/{sheet-CD99CdXr.js.map → sheet-BSznOyJs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"sheet-CD99CdXr.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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"}
+{"version":3,"file":"sheet-BSznOyJs.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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"}

package/dist/_chunks/{sign-in-with-alfadocs-button-_JxVRO5d.js → sign-in-with-alfadocs-button-BLe_quy5.js}

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as L, useRef as c, useEffect as b } from "react";
 import { useTranslation as y } from "react-i18next";
-import { B as E } from "./button-BvNtqHAS.js";
+import { B as E } from "./button-nJaPh_HC.js";
 import { L as I } from "./logo-1FuSGx0n.js";
 import { S as g } from "./spinner-hbwuKwMf.js";
 const A = /* @__PURE__ */ new Set([
@@ -46,4 +46,4 @@ B.displayName = "SignInWithAlfadocsButton";
 export {
   B as S
 };
-//# sourceMappingURL=sign-in-with-alfadocs-button-_JxVRO5d.js.map
+//# sourceMappingURL=sign-in-with-alfadocs-button-BLe_quy5.js.map

package/dist/_chunks/{sign-in-with-alfadocs-button-_JxVRO5d.js.map → sign-in-with-alfadocs-button-BLe_quy5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"sign-in-with-alfadocs-button-_JxVRO5d.js","sources":["../../src/components/sign-in-with-alfadocs-button/sign-in-with-alfadocs-button.tsx"],"sourcesContent":["import { forwardRef, useEffect, useRef, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Button, type ButtonProps } from '../button';\nimport { Logo } from '../logo';\nimport { Spinner } from '../spinner';\n\n// A provider-style button (\"Sign in with AlfaDocs\"). Wraps the Button\n// primitive so it inherits the full intent / size / asChild / endIcon /\n// forced-colors / focus-ring contract for free.\n//\n// The only differences from a plain Button are:\n//   1. A sensible default label resolved from the\n//      `ui.auth.continueWithAlfadocs` translation key.\n//   2. The AlfaDocs brand mark rendered as the leading icon.\n//   3. Loading swaps the mark for the kit's `Spinner` (pulse variant)\n//      rather than Button's hand-rolled SVG — visually consistent with\n//      every other loading affordance in the kit.\n//\n// `destructive` is intentionally omitted — there is no \"delete the\n// user's account\" sign-in flow that this button represents.\n\ntype AllowedIntent = Exclude<NonNullable<ButtonProps['intent']>, 'destructive'>;\n\n// Intents that paint the button surface and use a foreground-tinted\n// text colour. The mark needs to inherit `currentColor` here so it\n// reads against the coloured surface; on transparent intents the\n// mark's own brand violet contrasts naturally with the foreground\n// text.\nconst FILLED_INTENTS = new Set<AllowedIntent>([\n  'primary',\n  'secondary',\n  'tonal',\n]);\n\nexport interface SignInWithAlfadocsButtonProps extends Omit<\n  ButtonProps,\n  'startIcon' | 'children' | 'intent'\n> {\n  /**\n   * Visual intent. Inherits the Button intent set with `destructive`\n   * omitted (no \"destroy account\" sign-in flow exists).\n   */\n  intent?: AllowedIntent;\n  /**\n   * Override the visible label. When omitted, the component reads\n   * `ui.auth.continueWithAlfadocs` (English fallback: \"Continue with\n   * AlfaDocs\"). Pass a node to render e.g. \"Sign in with AlfaDocs\" or a\n   * fully-translated string.\n   */\n  label?: ReactNode;\n  /**\n   * Fired when the component detects the user has cancelled an\n   * in-flight sign-in — typically by pressing the browser back button\n   * after the OAuth redirect, which restores the page from bfcache\n   * with `loading` still true. Wire this to your loading-state\n   * setter so the button returns to idle:\n   *\n   * ```tsx\n   * <SignInWithAlfadocsButton\n   *   loading={signingIn}\n   *   onLoadingCancelled={() => setSigningIn(false)}\n   *   onClick={() => { setSigningIn(true); window.location = oauthUrl }}\n   * />\n   * ```\n   *\n   * Without this, your `loading` state would survive the back\n   * navigation and the button would appear permanently stuck. Only\n   * fires when `loading` is currently true; never fires on first mount.\n   */\n  onLoadingCancelled?: () => void;\n}\n\nexport const SignInWithAlfadocsButton = forwardRef<\n  HTMLButtonElement,\n  SignInWithAlfadocsButtonProps\n>(\n  (\n    {\n      intent = 'primary',\n      size,\n      loading = false,\n      disabled,\n      label,\n      onLoadingCancelled,\n      type = 'button',\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const resolvedLabel =\n      label ?? t('auth.continueWithAlfadocs', 'Continue with AlfaDocs');\n    const logoTone = FILLED_INTENTS.has(intent) ? 'inherit' : 'auto';\n    const resolvedSize = size ?? 'md';\n\n    // Stash the latest values in refs so the `pageshow` listener can\n    // read them without re-binding on every render. Only one listener\n    // attaches for the lifetime of the component.\n    const loadingRef = useRef(loading);\n    const onCancelRef = useRef(onLoadingCancelled);\n    loadingRef.current = loading;\n    onCancelRef.current = onLoadingCancelled;\n\n    useEffect(() => {\n      const onPageShow = (event: PageTransitionEvent) => {\n        // `event.persisted` is true when the page was restored from\n        // the back/forward cache — the canonical signal for \"user\n        // navigated away and came back without a fresh load.\" If the\n        // button thinks it's still loading, that means an OAuth\n        // redirect was started but never completed.\n        if (event.persisted && loadingRef.current && onCancelRef.current) {\n          onCancelRef.current();\n        }\n      };\n      window.addEventListener('pageshow', onPageShow);\n      return () => window.removeEventListener('pageshow', onPageShow);\n    }, []);\n\n    // We don't forward `loading` to Button — Button would render its\n    // own inline SVG and hide the label. Instead we keep the label\n    // visible, swap the leading icon for the kit's Spinner, and\n    // reproduce the disabled / aria-busy contract manually.\n    return (\n      <Button\n        ref={ref}\n        type={type}\n        intent={intent}\n        size={size}\n        disabled={disabled || loading}\n        aria-busy={loading || undefined}\n        data-component=\"sign-in-with-alfadocs-button\"\n        startIcon={\n          loading ? (\n            <Spinner size={resolvedSize} variant=\"pulse\" />\n          ) : (\n            <Logo variant=\"mark\" size=\"sm\" tone={logoTone} decorative />\n          )\n        }\n        {...props}\n      >\n        {resolvedLabel}\n      </Button>\n    );\n  },\n);\n\nSignInWithAlfadocsButton.displayName = 'SignInWithAlfadocsButton';\n"],"names":["FILLED_INTENTS","SignInWithAlfadocsButton","forwardRef","intent","size","loading","disabled","label","onLoadingCancelled","type","props","ref","t","useTranslation","resolvedLabel","logoTone","resolvedSize","loadingRef","useRef","onCancelRef","useEffect","onPageShow","event","jsx","Button","Spinner","Logo"],"mappings":";;;;;;AA4BA,MAAMA,wBAAqB,IAAmB;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AACF,CAAC,GAwCYC,IAA2BC;AAAA,EAItC,CACE;AAAA,IACE,QAAAC,IAAS;AAAA,IACT,MAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IACJP,KAASK,EAAE,6BAA6B,wBAAwB,GAC5DG,IAAWf,EAAe,IAAIG,CAAM,IAAI,YAAY,QACpDa,IAAeZ,KAAQ,MAKvBa,IAAaC,EAAOb,CAAO,GAC3Bc,IAAcD,EAAOV,CAAkB;AAC7C,WAAAS,EAAW,UAAUZ,GACrBc,EAAY,UAAUX,GAEtBY,EAAU,MAAM;AACd,YAAMC,IAAa,CAACC,MAA+B;AAMjD,QAAIA,EAAM,aAAaL,EAAW,WAAWE,EAAY,WACvDA,EAAY,QAAA;AAAA,MAEhB;AACA,oBAAO,iBAAiB,YAAYE,CAAU,GACvC,MAAM,OAAO,oBAAoB,YAAYA,CAAU;AAAA,IAChE,GAAG,CAAA,CAAE,GAOH,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAb;AAAA,QACA,MAAAF;AAAA,QACA,QAAAN;AAAA,QACA,MAAAC;AAAA,QACA,UAAUE,KAAYD;AAAA,QACtB,aAAWA,KAAW;AAAA,QACtB,kBAAe;AAAA,QACf,WACEA,IACE,gBAAAkB,EAACE,KAAQ,MAAMT,GAAc,SAAQ,QAAA,CAAQ,IAE7C,gBAAAO,EAACG,GAAA,EAAK,SAAQ,QAAO,MAAK,MAAK,MAAMX,GAAU,YAAU,IAAC;AAAA,QAG7D,GAAGL;AAAA,QAEH,UAAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEAb,EAAyB,cAAc;"}
+{"version":3,"file":"sign-in-with-alfadocs-button-BLe_quy5.js","sources":["../../src/components/sign-in-with-alfadocs-button/sign-in-with-alfadocs-button.tsx"],"sourcesContent":["import { forwardRef, useEffect, useRef, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Button, type ButtonProps } from '../button';\nimport { Logo } from '../logo';\nimport { Spinner } from '../spinner';\n\n// A provider-style button (\"Sign in with AlfaDocs\"). Wraps the Button\n// primitive so it inherits the full intent / size / asChild / endIcon /\n// forced-colors / focus-ring contract for free.\n//\n// The only differences from a plain Button are:\n//   1. A sensible default label resolved from the\n//      `ui.auth.continueWithAlfadocs` translation key.\n//   2. The AlfaDocs brand mark rendered as the leading icon.\n//   3. Loading swaps the mark for the kit's `Spinner` (pulse variant)\n//      rather than Button's hand-rolled SVG — visually consistent with\n//      every other loading affordance in the kit.\n//\n// `destructive` is intentionally omitted — there is no \"delete the\n// user's account\" sign-in flow that this button represents.\n\ntype AllowedIntent = Exclude<NonNullable<ButtonProps['intent']>, 'destructive'>;\n\n// Intents that paint the button surface and use a foreground-tinted\n// text colour. The mark needs to inherit `currentColor` here so it\n// reads against the coloured surface; on transparent intents the\n// mark's own brand violet contrasts naturally with the foreground\n// text.\nconst FILLED_INTENTS = new Set<AllowedIntent>([\n  'primary',\n  'secondary',\n  'tonal',\n]);\n\nexport interface SignInWithAlfadocsButtonProps extends Omit<\n  ButtonProps,\n  'startIcon' | 'children' | 'intent'\n> {\n  /**\n   * Visual intent. Inherits the Button intent set with `destructive`\n   * omitted (no \"destroy account\" sign-in flow exists).\n   */\n  intent?: AllowedIntent;\n  /**\n   * Override the visible label. When omitted, the component reads\n   * `ui.auth.continueWithAlfadocs` (English fallback: \"Continue with\n   * AlfaDocs\"). Pass a node to render e.g. \"Sign in with AlfaDocs\" or a\n   * fully-translated string.\n   */\n  label?: ReactNode;\n  /**\n   * Fired when the component detects the user has cancelled an\n   * in-flight sign-in — typically by pressing the browser back button\n   * after the OAuth redirect, which restores the page from bfcache\n   * with `loading` still true. Wire this to your loading-state\n   * setter so the button returns to idle:\n   *\n   * ```tsx\n   * <SignInWithAlfadocsButton\n   *   loading={signingIn}\n   *   onLoadingCancelled={() => setSigningIn(false)}\n   *   onClick={() => { setSigningIn(true); window.location = oauthUrl }}\n   * />\n   * ```\n   *\n   * Without this, your `loading` state would survive the back\n   * navigation and the button would appear permanently stuck. Only\n   * fires when `loading` is currently true; never fires on first mount.\n   */\n  onLoadingCancelled?: () => void;\n}\n\nexport const SignInWithAlfadocsButton = forwardRef<\n  HTMLButtonElement,\n  SignInWithAlfadocsButtonProps\n>(\n  (\n    {\n      intent = 'primary',\n      size,\n      loading = false,\n      disabled,\n      label,\n      onLoadingCancelled,\n      type = 'button',\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const resolvedLabel =\n      label ?? t('auth.continueWithAlfadocs', 'Continue with AlfaDocs');\n    const logoTone = FILLED_INTENTS.has(intent) ? 'inherit' : 'auto';\n    const resolvedSize = size ?? 'md';\n\n    // Stash the latest values in refs so the `pageshow` listener can\n    // read them without re-binding on every render. Only one listener\n    // attaches for the lifetime of the component.\n    const loadingRef = useRef(loading);\n    const onCancelRef = useRef(onLoadingCancelled);\n    loadingRef.current = loading;\n    onCancelRef.current = onLoadingCancelled;\n\n    useEffect(() => {\n      const onPageShow = (event: PageTransitionEvent) => {\n        // `event.persisted` is true when the page was restored from\n        // the back/forward cache — the canonical signal for \"user\n        // navigated away and came back without a fresh load.\" If the\n        // button thinks it's still loading, that means an OAuth\n        // redirect was started but never completed.\n        if (event.persisted && loadingRef.current && onCancelRef.current) {\n          onCancelRef.current();\n        }\n      };\n      window.addEventListener('pageshow', onPageShow);\n      return () => window.removeEventListener('pageshow', onPageShow);\n    }, []);\n\n    // We don't forward `loading` to Button — Button would render its\n    // own inline SVG and hide the label. Instead we keep the label\n    // visible, swap the leading icon for the kit's Spinner, and\n    // reproduce the disabled / aria-busy contract manually.\n    return (\n      <Button\n        ref={ref}\n        type={type}\n        intent={intent}\n        size={size}\n        disabled={disabled || loading}\n        aria-busy={loading || undefined}\n        data-component=\"sign-in-with-alfadocs-button\"\n        startIcon={\n          loading ? (\n            <Spinner size={resolvedSize} variant=\"pulse\" />\n          ) : (\n            <Logo variant=\"mark\" size=\"sm\" tone={logoTone} decorative />\n          )\n        }\n        {...props}\n      >\n        {resolvedLabel}\n      </Button>\n    );\n  },\n);\n\nSignInWithAlfadocsButton.displayName = 'SignInWithAlfadocsButton';\n"],"names":["FILLED_INTENTS","SignInWithAlfadocsButton","forwardRef","intent","size","loading","disabled","label","onLoadingCancelled","type","props","ref","t","useTranslation","resolvedLabel","logoTone","resolvedSize","loadingRef","useRef","onCancelRef","useEffect","onPageShow","event","jsx","Button","Spinner","Logo"],"mappings":";;;;;;AA4BA,MAAMA,wBAAqB,IAAmB;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AACF,CAAC,GAwCYC,IAA2BC;AAAA,EAItC,CACE;AAAA,IACE,QAAAC,IAAS;AAAA,IACT,MAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IACJP,KAASK,EAAE,6BAA6B,wBAAwB,GAC5DG,IAAWf,EAAe,IAAIG,CAAM,IAAI,YAAY,QACpDa,IAAeZ,KAAQ,MAKvBa,IAAaC,EAAOb,CAAO,GAC3Bc,IAAcD,EAAOV,CAAkB;AAC7C,WAAAS,EAAW,UAAUZ,GACrBc,EAAY,UAAUX,GAEtBY,EAAU,MAAM;AACd,YAAMC,IAAa,CAACC,MAA+B;AAMjD,QAAIA,EAAM,aAAaL,EAAW,WAAWE,EAAY,WACvDA,EAAY,QAAA;AAAA,MAEhB;AACA,oBAAO,iBAAiB,YAAYE,CAAU,GACvC,MAAM,OAAO,oBAAoB,YAAYA,CAAU;AAAA,IAChE,GAAG,CAAA,CAAE,GAOH,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAb;AAAA,QACA,MAAAF;AAAA,QACA,QAAAN;AAAA,QACA,MAAAC;AAAA,QACA,UAAUE,KAAYD;AAAA,QACtB,aAAWA,KAAW;AAAA,QACtB,kBAAe;AAAA,QACf,WACEA,IACE,gBAAAkB,EAACE,KAAQ,MAAMT,GAAc,SAAQ,QAAA,CAAQ,IAE7C,gBAAAO,EAACG,GAAA,EAAK,SAAQ,QAAO,MAAK,MAAK,MAAMX,GAAU,YAAU,IAAC;AAAA,QAG7D,GAAGL;AAAA,QAEH,UAAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEAb,EAAyB,cAAc;"}

package/dist/_chunks/{signature-request-C4UBfVRZ.js → signature-request-DXhpphlp.js}

@@ -2,14 +2,14 @@ import { jsx as s, jsxs as r } from "react/jsx-runtime";
 import { forwardRef as ge, useRef as j, useState as y, useEffect as Q } from "react";
 import { useTranslation as fe } from "react-i18next";
 import { D as m } from "./dialog-UbKJCi1X.js";
-import { B as z } from "./button-BvNtqHAS.js";
-import { I as xe } from "./icon-button-9c9Gp41m.js";
+import { B as z } from "./button-nJaPh_HC.js";
+import { I as xe } from "./icon-button-DA2CAGHZ.js";
 import { C as Y } from "./checkbox-BuZ1u__2.js";
 import { a as Re } from "./whatsapp-button-BIy6NaJK.js";
 import { S as Z } from "./select-BW5ecXlX.js";
 import { S as be } from "./switch-OILsBLWo.js";
 import { A as _ } from "./alert-CiJT540z.js";
-import { I as Ne } from "./info-tip-C4mPSJbS.js";
+import { I as Ne } from "./info-tip-C119cwQl.js";
 import { S as we } from "./separator-CYU_bGFn.js";
 import { A as ee } from "./avatar-BNQNhoyL.js";
 import { c as ne } from "./createLucideIcon-DhHxpK9K.js";
@@ -414,4 +414,4 @@ Me.displayName = "SignatureRequestModal";
 export {
   Me as S
 };
-//# sourceMappingURL=signature-request-C4UBfVRZ.js.map
+//# sourceMappingURL=signature-request-DXhpphlp.js.map