@alfadocs/ui-kit-debug 0.52.0 → 0.53.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit-debug",
-  "version": "0.52.0",
+  "version": "0.53.0",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe. (debug build — identical runtime to @alfadocs/ui-kit, ships source maps for symbolication).",
   "license": "BUSL-1.1",
@@ -491,6 +491,10 @@
       "types": "./dist/components/signature-capture/index.d.ts",
       "import": "./dist/components/signature-capture/index.js"
     },
+    "./signature-field": {
+      "types": "./dist/components/signature-field/index.d.ts",
+      "import": "./dist/components/signature-field/index.js"
+    },
     "./skeleton": {
       "types": "./dist/components/skeleton/index.d.ts",
       "import": "./dist/components/skeleton/index.js"

package/dist/_chunks/public-header.agent-BY6FH71R.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"public-header.agent-BY6FH71R.js","sources":["../../src/components/public-header/public-header.tsx","../../src/components/public-header/public-header.agent.ts"],"sourcesContent":["/* ------------------------------------------------------------------ */\n/* PublicHeader — anonymous / pre-auth site header.                     */\n/*                                                                      */\n/* Distinct from the kit's `<Header>` (authenticated app shell): this   */\n/* one is for booking-website, signature-website, marketing surfaces —  */\n/* anywhere the chrome should read as continuous with `alfadocs.com`,   */\n/* not as the logged-in app.                                            */\n/*                                                                      */\n/* DOM (default / transparent / dark variants):                         */\n/*   <header role=banner data-component=public-header data-stuck=…>     */\n/*     <a aria-label=homeLabel>{logo}</a>                               */\n/*     <Radix.NavigationMenu>…{navSlot}</Radix.NavigationMenu> ≥ md     */\n/*     <div class=actions>{actionsSlot}</div>                ≥ md only  */\n/*     <IconButton menu trigger /> ↔ Sheet (partial drawer) < md only   */\n/*   </header>                                                          */\n/*                                                                      */\n/* DOM (pill variant — matches alfadocs.com floating-pill header):      */\n/*   <header role=banner data-component=public-header>      transparent */\n/*     <div data-component=public-header-container>         rounded     */\n/*       …same children as flat variants…                               */\n/*     </div>                                                           */\n/*   </header>                                                          */\n/* ------------------------------------------------------------------ */\n\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useRef,\n  useState,\n  type AnchorHTMLAttributes,\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ChevronDown, Menu, X } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';\nimport { IconButton } from '../button/icon-button';\nimport { Sheet } from '../sheet';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface PublicHeaderHandle {\n  openMenu: () => void;\n  closeMenu: () => void;\n  getMenuOpen: () => boolean;\n}\n\nexport interface PublicHeaderProps\n  extends\n    Omit<ComponentPropsWithoutRef<'header'>, 'children'>,\n    VariantProps<typeof rootVariants> {\n  /** Logo lockup, typically `<Logo variant=\"wordmark\" tone=\"primary\" size=\"md\" />`. */\n  logo: ReactNode;\n  /** Optional href for the logo link. Defaults to `/`. */\n  homeHref?: string;\n  /** Accessible label for the logo link (falls back to `t('publicHeader.homeLabel')`). */\n  homeLabel?: string;\n  /** Primary nav links rendered inline ≥ md, collapsed into the mobile sheet below md. */\n  navSlot?: ReactNode;\n  /** Right-side actions (sign-in / register / role-switch CTAs). */\n  actionsSlot?: ReactNode;\n  /** Sticky behaviour. Default `none`. */\n  sticky?: 'none' | 'top' | 'scroll-up';\n  /** Pixel offset above which `sticky=\"scroll-up\"` engages and `transparent` fades to default. */\n  stickyOffset?: number;\n  /** Override the mobile menu trigger's accessible label (`t('publicHeader.openMenu')`). */\n  menuLabel?: string;\n  /** Override the navigation landmark label (`t('publicHeader.primaryNavLabel')`). */\n  navLabel?: string;\n  /** Consumer-supplied instance id, surfaced as `data-component-id`. */\n  id?: string;\n}\n\nexport interface PublicHeaderNavLinkProps extends Omit<\n  AnchorHTMLAttributes<HTMLAnchorElement>,\n  'children'\n> {\n  href: string;\n  active?: boolean;\n  children: ReactNode;\n}\n\nexport interface PublicHeaderNavDropdownProps {\n  /** Trigger label (the visible nav item text). */\n  label: ReactNode;\n  /**\n   * `false` (default) renders a single-card dropdown anchored near the trigger\n   * (Settori-style). `true` renders a wide multi-card mega-menu spanning the\n   * pill's full inline width (Soluzioni-style).\n   */\n  wide?: boolean;\n  /** Cards / content inside the dropdown panel. */\n  children: ReactNode;\n  /** Optional id; not required — used only for analytics / test selectors. */\n  id?: string;\n}\n\nexport interface PublicHeaderDropdownCardProps {\n  /**\n   * Optional href — when provided the card title becomes a clickable\n   * anchor with a `→` arrow indicator. Without href, the title is\n   * a static heading (Settori-style).\n   */\n  href?: string;\n  title: ReactNode;\n  /** Optional subtitle / muted helper text under the title. */\n  subtitle?: ReactNode;\n  /** Sub-list contents (typically PublicHeader.DropdownLink children). */\n  children?: ReactNode;\n}\n\nexport interface PublicHeaderDropdownLinkProps extends Omit<\n  AnchorHTMLAttributes<HTMLAnchorElement>,\n  'children'\n> {\n  href: string;\n  active?: boolean;\n  children: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* Context — drives the rendering surface for nav subcomponents.        */\n/*                                                                      */\n/* The same navSlot is rendered twice: once inside the desktop Radix    */\n/* NavigationMenu (≥ md, flyout mode) and once inside the mobile Sheet  */\n/* drawer (< md, disclosure mode). NavLink / NavDropdown / DropdownCard */\n/* / DropdownLink switch their rendering off this flag so the mobile    */\n/* tree doesn't depend on the Radix Root being present.                  */\n/* ------------------------------------------------------------------ */\n\ntype PublicHeaderSurface = 'desktop' | 'mobile';\n\nconst PublicHeaderSurfaceContext =\n  createContext<PublicHeaderSurface>('desktop');\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\nconst rootVariants = cva(\n  [\n    'ds:w-full ds:z-[var(--z-sticky)]',\n    'ds:transition-[background-color,box-shadow,transform] ds:duration-[var(--animation-duration)]',\n    'ds:motion-reduce:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      variant: {\n        // Transparent fades to a solid pill chrome once data-stuck=\"true\"\n        // (set by the rAF scroll listener). The fade is handled via the\n        // same background utility so `data-stuck` swaps cleanly between\n        // states.\n        transparent: [\n          'ds:flex ds:items-center ds:gap-[var(--spacing-md)]',\n          'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:sm:ps-[var(--spacing-lg)] ds:sm:pe-[var(--spacing-lg)]',\n          'ds:h-14 ds:md:h-16',\n          'ds:bg-transparent ds:text-[var(--foreground)]',\n          'ds:data-[stuck=true]:bg-[var(--card)]',\n          'ds:data-[stuck=true]:shadow-[var(--shadow-md)]',\n          // Once stuck, pair the elevation shadow with a tokenized\n          // block-end border so the header has a clear edge against the\n          // page below it — shadow alone fades to a faint halo on dark\n          // surfaces, leaving the bar reading as unbounded.\n          'ds:data-[stuck=true]:border-block-end ds:data-[stuck=true]:border-[color:var(--border)]',\n          'ds:forced-colors:border-b ds:forced-colors:border-[CanvasText]',\n        ].join(' '),\n        // `dark` flips its own scope into the dark token set so nav\n        // links + buttons inside read off-white text on the dark\n        // surface. Without the `theme-dark` scope the children inherit\n        // the light-theme `--foreground` and fail color-contrast at\n        // ~1.3:1. `--background` already resolves to a dark step under\n        // `theme-dark`, so we compose the surface from the standard\n        // theme token rather than locking to a raw ramp step.\n        dark: [\n          'ds:flex ds:items-center ds:gap-[var(--spacing-md)]',\n          'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:sm:ps-[var(--spacing-lg)] ds:sm:pe-[var(--spacing-lg)]',\n          'ds:h-14 ds:md:h-16',\n          'theme-dark ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n        ].join(' '),\n        // `pill` matches alfadocs.com's floating rounded-pill header.\n        // The outer header is fully transparent (no border, no bg) and\n        // simply provides a top-side gutter so the inner container reads\n        // as floating. The inner `data-component=\"public-header-container\"`\n        // div is the visible chrome — border, rounded, card background.\n        pill: [\n          'ds:bg-transparent',\n          'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-md)]',\n          'ds:sm:ps-[var(--spacing-lg)] ds:sm:pe-[var(--spacing-lg)] ds:sm:pt-[var(--spacing-md)]',\n        ].join(' '),\n      },\n      sticky: {\n        none: '',\n        top: 'ds:sticky ds:top-0',\n        // `scroll-up` is sticky but translates off-screen when scrolling\n        // down past `stickyOffset` (handled by data-hidden=\"true\") and\n        // slides back in when scrolling up.\n        'scroll-up': [\n          'ds:sticky ds:top-0',\n          'ds:data-[hidden=true]:-translate-y-full',\n        ].join(' '),\n      },\n    },\n    defaultVariants: { variant: 'pill', sticky: 'none' },\n  },\n);\n\n// Inner pill chrome — only rendered when variant === 'pill'. The actual\n// \"header look\" (rounded, border, card surface) lives here so the outer\n// <header> can stay transparent and provide just the floating offset.\nconst pillContainerClasses = [\n  'ds:flex ds:items-center ds:gap-[var(--spacing-md)]',\n  'ds:w-full ds:max-w-[1400px] ds:mx-auto',\n  'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:sm:ps-[var(--spacing-lg)] ds:sm:pe-[var(--spacing-lg)]',\n  // 76px isn't a kit token; the closest is h-16 (64px) which reads tight\n  // against alfadocs.com's chrome — keep an explicit min-block-size so\n  // the pill reads as substantial without bloating beyond live reference.\n  'ds:min-h-16 ds:md:min-h-[76px]',\n  'ds:bg-[var(--card)] ds:text-[var(--foreground)]',\n  'ds:rounded-[var(--radius-lg)]',\n  // Surface-border hairline shared with `Card`. Tuned to ~14% black\n  // (light) / 16% white (dark) at the token level so the edge stays\n  // visible against tinted page backgrounds — see `--card-border` in\n  // `src/tokens/index.css`. Matches alfadocs.com's slate-200 reference\n  // pill border without introducing a pill-specific token.\n  'ds:border ds:border-[color:var(--card-border)]',\n  'ds:transition-colors ds:duration-[var(--animation-duration)]',\n  'ds:motion-reduce:transition-none',\n].join(' ');\n\nconst navLinkVariants = cva(\n  [\n    'ds:inline-flex ds:items-center',\n    'type-body-sm ds:font-medium',\n    // Muted-foreground reads as secondary text and matches alfadocs.com's\n    // nav-link colour (the reference's slate-grey). `--foreground` was too\n    // dark vs the ref.\n    'ds:text-[var(--muted-foreground)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:py-[var(--spacing-xs)]',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:hover:text-[var(--primary)]',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:data-[active=true]:text-[var(--primary)]',\n    'ds:data-[active=true]:[box-shadow:inset_0_-2px_0_var(--primary)]',\n  ].join(' '),\n);\n\n// Trigger styling shares the link look + adds the chevron rotation hook.\nconst dropdownTriggerClasses = [\n  'ds:group ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n  'type-body-sm ds:font-medium',\n  // Mirror the navLinkVariants colour + inline padding so triggers and\n  // plain links share weight, colour and target size.\n  'ds:text-[var(--muted-foreground)]',\n  'ds:rounded-[var(--radius-sm)]',\n  'ds:bg-transparent ds:border-0 ds:cursor-pointer',\n  'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:py-[var(--spacing-xs)]',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:hover:text-[var(--primary)]',\n  'ds:data-[state=open]:text-[var(--primary)]',\n  'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n].join(' ');\n\nconst dropdownChevronClasses = [\n  'ds:size-3 ds:shrink-0',\n  'ds:transition-transform ds:duration-[var(--animation-duration)]',\n  'ds:group-data-[state=open]:rotate-180',\n  'ds:motion-reduce:transition-none',\n].join(' ');\n\nconst dropdownContentVariants = cva(\n  [\n    // Radix portals Content into the Viewport; sizing + position is\n    // governed by the Viewport — keep Content's own paint to padding\n    // + inner layout so motion / position stay consistent across\n    // trigger placements.\n    'ds:data-[motion=from-start]:animate-in ds:data-[motion=from-start]:fade-in-0',\n    'ds:data-[motion=from-end]:animate-in ds:data-[motion=from-end]:fade-in-0',\n    'ds:data-[motion=to-start]:animate-out ds:data-[motion=to-start]:fade-out-0',\n    'ds:data-[motion=to-end]:animate-out ds:data-[motion=to-end]:fade-out-0',\n    'ds:motion-reduce:animate-none',\n  ].join(' '),\n  {\n    variants: {\n      wide: {\n        true: [\n          'ds:grid ds:grid-cols-2 ds:lg:grid-cols-4',\n          'ds:gap-[var(--spacing-lg)]',\n          'ds:p-[var(--spacing-lg)]',\n          'ds:w-screen ds:max-w-[1400px]',\n        ].join(' '),\n        false: ['ds:p-[var(--spacing-md)]', 'ds:min-w-[280px]'].join(' '),\n      },\n    },\n    defaultVariants: { wide: false },\n  },\n);\n\nconst viewportClasses = [\n  // Position the Viewport flush below the pill / nav row. Radix sets\n  // `--radix-navigation-menu-viewport-width` and `…-height` so the\n  // panel sizes itself to whichever Content is currently active.\n  'ds:absolute ds:top-full ds:start-1/2 ds:-translate-x-1/2',\n  'ds:mt-[var(--spacing-sm)]',\n  'ds:w-[var(--radix-navigation-menu-viewport-width)]',\n  'ds:h-[var(--radix-navigation-menu-viewport-height)]',\n  'ds:overflow-hidden',\n  'ds:bg-[var(--card)] ds:text-[var(--foreground)]',\n  'ds:rounded-[var(--radius-lg)] ds:border ds:border-[color:var(--border)]',\n  'ds:shadow-[var(--shadow-lg)]',\n  'ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out',\n  'ds:data-[state=open]:fade-in-0 ds:data-[state=closed]:fade-out-0',\n  'ds:data-[state=open]:zoom-in-95 ds:data-[state=closed]:zoom-out-95',\n  'ds:origin-top ds:transition-[width,height] ds:duration-[var(--animation-duration)]',\n  'ds:motion-reduce:animate-none ds:motion-reduce:transition-none',\n].join(' ');\n\nconst cardLinkClasses = [\n  'ds:flex ds:items-start ds:justify-between ds:gap-[var(--spacing-sm)]',\n  'ds:no-underline ds:text-[var(--foreground)]',\n  'ds:pb-[var(--spacing-sm)]',\n  // alfadocs.com renders the card header flush against the sub-list with\n  // no separator rule — match that by dropping the border-b that earlier\n  // versions of this component carried.\n  'ds:rounded-[var(--radius-sm)]',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:hover:[&_[data-card-title]]:text-[var(--primary)]',\n  'ds:hover:[&_[data-card-arrow]]:text-[var(--primary)]',\n  'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  'ds:group/cardlink',\n].join(' ');\n\nconst cardHeaderStaticClasses = [\n  'ds:pb-[var(--spacing-sm)]',\n  // Match the linked-card variant: no separator rule under the title.\n].join(' ');\n\nconst subLinkClasses = [\n  'ds:block ds:no-underline',\n  'type-body-sm ds:font-medium ds:text-[var(--muted-foreground)]',\n  'ds:rounded-[var(--radius-sm)]',\n  'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]',\n  'ds:hover:bg-[var(--muted)]/30 ds:hover:text-[var(--primary)]',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:data-[active=true]:text-[var(--primary)]',\n  'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n].join(' ');\n\n/* ------------------------------------------------------------------ */\n/* Reduced motion                                                       */\n/* ------------------------------------------------------------------ */\n\nfunction usePrefersReducedMotion(): boolean {\n  const [reduced, setReduced] = useState(() => {\n    if (typeof window === 'undefined' || !window.matchMedia) return false;\n    return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  });\n  useEffect(() => {\n    if (typeof window === 'undefined' || !window.matchMedia) return;\n    const mq = window.matchMedia('(prefers-reduced-motion: reduce)');\n    const onChange = (): void => setReduced(mq.matches);\n    mq.addEventListener('change', onChange);\n    return () => mq.removeEventListener('change', onChange);\n  }, []);\n  return reduced;\n}\n\n/* ------------------------------------------------------------------ */\n/* Scroll listener                                                      */\n/*                                                                      */\n/* rAF-throttled tracker for two flags on the header root:              */\n/*  - `data-stuck`: scrollY > stickyOffset (drives the transparent →    */\n/*    solid fade + the scroll-up shadow lift).                          */\n/*  - `data-hidden`: scrolling DOWN past stickyOffset hides the header  */\n/*    via transform; scrolling UP slides it back. Only emitted when     */\n/*    `sticky === 'scroll-up'`.                                         */\n/* ------------------------------------------------------------------ */\n\nfunction useHeaderScrollState(\n  enabled: boolean,\n  sticky: NonNullable<PublicHeaderProps['sticky']>,\n  stickyOffset: number,\n): {\n  stuck: boolean;\n  hidden: boolean;\n} {\n  const [stuck, setStuck] = useState(false);\n  const [hidden, setHidden] = useState(false);\n  const lastYRef = useRef(0);\n  const tickingRef = useRef(false);\n\n  useEffect(() => {\n    if (!enabled || typeof window === 'undefined') return;\n    lastYRef.current = window.scrollY;\n\n    const update = (): void => {\n      const y = window.scrollY;\n      setStuck(y > stickyOffset);\n      if (sticky === 'scroll-up') {\n        const delta = y - lastYRef.current;\n        // Hide on a meaningful downward delta past the offset; show on\n        // any upward delta. 4px deadband keeps minor wheel inertia from\n        // flapping the bar.\n        if (delta > 4 && y > stickyOffset) setHidden(true);\n        else if (delta < -4 || y <= stickyOffset) setHidden(false);\n      }\n      lastYRef.current = y;\n      tickingRef.current = false;\n    };\n    const onScroll = (): void => {\n      if (tickingRef.current) return;\n      tickingRef.current = true;\n      window.requestAnimationFrame(update);\n    };\n    window.addEventListener('scroll', onScroll, { passive: true });\n    // Initial sync so we don't miss state when mounted past the offset.\n    update();\n    return () => {\n      window.removeEventListener('scroll', onScroll);\n    };\n  }, [enabled, sticky, stickyOffset]);\n\n  return { stuck, hidden };\n}\n\n/* ------------------------------------------------------------------ */\n/* Inner content (shared between flat + pill variants)                  */\n/* ------------------------------------------------------------------ */\n\ninterface InnerContentProps {\n  logo: ReactNode;\n  homeHref: string;\n  resolvedHomeLabel: string;\n  resolvedNavLabel: string;\n  resolvedMenuLabel: string;\n  navSlot?: ReactNode;\n  actionsSlot?: ReactNode;\n  menuOpen: boolean;\n  setMenuOpen: (open: boolean) => void;\n  sheetId: string;\n}\n\nfunction InnerContent({\n  logo,\n  homeHref,\n  resolvedHomeLabel,\n  resolvedNavLabel,\n  resolvedMenuLabel,\n  navSlot,\n  actionsSlot,\n  menuOpen,\n  setMenuOpen,\n  sheetId,\n}: InnerContentProps): React.JSX.Element {\n  return (\n    <>\n      <a\n        href={homeHref}\n        aria-label={resolvedHomeLabel}\n        className=\"ds:inline-flex ds:items-center ds:rounded-[var(--radius-sm)] ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]\"\n      >\n        {logo}\n      </a>\n\n      {navSlot ? (\n        <PublicHeaderSurfaceContext.Provider value=\"desktop\">\n          <NavigationMenuPrimitive.Root\n            aria-label={resolvedNavLabel}\n            // Radix wraps the List in an unstyled `<div>` between Root and\n            // <ul>. The `[&>div:first-of-type]:flex` arbitrary selector\n            // forces that wrapper into flex so the List's flex-1 actually\n            // stretches it across the available width.\n            className=\"ds:hidden ds:md:flex ds:relative ds:items-center ds:ms-[var(--spacing-lg)] ds:flex-1 ds:[&>div:first-of-type]:flex ds:[&>div:first-of-type]:flex-1\"\n            delayDuration={150}\n          >\n            <NavigationMenuPrimitive.List className=\"ds:flex ds:flex-1 ds:items-center ds:justify-center ds:gap-[var(--spacing-md)] ds:list-none ds:m-0 ds:ps-0\">\n              {navSlot}\n            </NavigationMenuPrimitive.List>\n            {/* Viewport renders the active panel below the nav row. The\n                wrapper centres it horizontally relative to the trigger row;\n                Radix sets viewport-width/-height vars so the panel sizes\n                to whichever Content is open. */}\n            <div className=\"ds:absolute ds:top-full ds:start-0 ds:end-0 ds:flex ds:justify-center ds:pointer-events-none\">\n              <div className=\"ds:pointer-events-auto\">\n                <NavigationMenuPrimitive.Viewport className={viewportClasses} />\n              </div>\n            </div>\n          </NavigationMenuPrimitive.Root>\n        </PublicHeaderSurfaceContext.Provider>\n      ) : null}\n\n      {actionsSlot ? (\n        <div className=\"ds:hidden ds:md:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:ms-auto\">\n          {actionsSlot}\n        </div>\n      ) : null}\n\n      {/* Mobile menu trigger (< md). Wired to a Sheet (partial drawer\n          from inline-end) so navSlot + actionsSlot collapse there. */}\n      <Sheet open={menuOpen} onOpenChange={setMenuOpen}>\n        <Sheet.Trigger asChild>\n          <IconButton\n            size=\"md\"\n            intent=\"ghost\"\n            className=\"ds:ms-auto ds:md:hidden\"\n            icon={\n              menuOpen ? <X aria-hidden=\"true\" /> : <Menu aria-hidden=\"true\" />\n            }\n            aria-controls={sheetId}\n            aria-expanded={menuOpen}\n            aria-label={resolvedMenuLabel}\n          />\n        </Sheet.Trigger>\n        <Sheet.Content side=\"end\" size=\"md\" id={sheetId}>\n          <Sheet.Header>\n            <Sheet.Title>{resolvedNavLabel}</Sheet.Title>\n          </Sheet.Header>\n          <Sheet.Body>\n            <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n              {navSlot ? (\n                <PublicHeaderSurfaceContext.Provider value=\"mobile\">\n                  <nav\n                    aria-label={resolvedNavLabel}\n                    className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\"\n                    data-mobile-nav=\"true\"\n                  >\n                    {navSlot}\n                  </nav>\n                </PublicHeaderSurfaceContext.Provider>\n              ) : null}\n              {actionsSlot ? (\n                <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:mt-[var(--spacing-md)]\">\n                  {actionsSlot}\n                </div>\n              ) : null}\n            </div>\n          </Sheet.Body>\n        </Sheet.Content>\n      </Sheet>\n    </>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst PublicHeaderRoot = forwardRef<HTMLElement, PublicHeaderProps>(\n  (\n    {\n      logo,\n      homeHref = '/',\n      homeLabel,\n      navSlot,\n      actionsSlot,\n      variant = 'pill',\n      sticky = 'none',\n      stickyOffset = 80,\n      menuLabel,\n      navLabel,\n      id,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const reduced = usePrefersReducedMotion();\n    const autoId = useId();\n    const sheetId = `${id ?? autoId}-sheet`;\n    const [menuOpen, setMenuOpen] = useState(false);\n\n    // Scroll listener is only active when `transparent` or `scroll-up`\n    // need it. Hidden state is disabled under reduced motion (the bar\n    // stays visible — translating off-screen is precisely the motion\n    // class of user the preference targets).\n    const scrollEnabled = variant === 'transparent' || sticky === 'scroll-up';\n    const { stuck, hidden } = useHeaderScrollState(\n      scrollEnabled,\n      sticky,\n      stickyOffset,\n    );\n    const effectiveHidden = reduced ? false : hidden;\n\n    const openMenu = useCallback((): void => setMenuOpen(true), []);\n    const closeMenu = useCallback((): void => setMenuOpen(false), []);\n\n    useImperativeHandle(\n      ref as React.Ref<PublicHeaderHandle> | null | undefined,\n      () => ({\n        openMenu,\n        closeMenu,\n        getMenuOpen: () => menuOpen,\n      }),\n      [openMenu, closeMenu, menuOpen],\n    );\n\n    const resolvedHomeLabel =\n      homeLabel ?? t('publicHeader.homeLabel', 'AlfaDocs — home');\n    const resolvedNavLabel =\n      navLabel ?? t('publicHeader.primaryNavLabel', 'Primary');\n    const resolvedMenuLabel =\n      menuLabel ??\n      (menuOpen\n        ? t('publicHeader.closeMenu', 'Close menu')\n        : t('publicHeader.openMenu', 'Open menu'));\n\n    const innerProps: InnerContentProps = {\n      logo,\n      homeHref,\n      resolvedHomeLabel,\n      resolvedNavLabel,\n      resolvedMenuLabel,\n      navSlot,\n      actionsSlot,\n      menuOpen,\n      setMenuOpen,\n      sheetId,\n    };\n\n    return (\n      <header\n        {...rest}\n        data-component=\"public-header\"\n        data-component-id={id}\n        data-variant={variant}\n        data-stuck={stuck ? 'true' : undefined}\n        data-hidden={effectiveHidden ? 'true' : undefined}\n        data-state={reduced ? 'reduced-motion' : undefined}\n        className={rootVariants({ variant, sticky, className })}\n      >\n        {variant === 'pill' ? (\n          <div\n            data-component=\"public-header-container\"\n            className={pillContainerClasses}\n          >\n            <InnerContent {...innerProps} />\n          </div>\n        ) : (\n          <InnerContent {...innerProps} />\n        )}\n      </header>\n    );\n  },\n);\nPublicHeaderRoot.displayName = 'PublicHeader';\n\n/* ------------------------------------------------------------------ */\n/* NavLink                                                              */\n/* ------------------------------------------------------------------ */\n\nconst PublicHeaderNavLink = forwardRef<\n  HTMLAnchorElement,\n  PublicHeaderNavLinkProps\n>(({ active, className, children, ...rest }, ref) => {\n  const surface = useContext(PublicHeaderSurfaceContext);\n  // Desktop: NavigationMenu.Item + .Link give Radix the keyboard / focus\n  // semantics across the trigger row. We render the actual <a> via\n  // asChild so consumers can swap in router links transparently.\n  // Mobile: plain <a> inside the Sheet's <nav> — no Radix Root in scope,\n  // so we render outside the NavigationMenu primitive.\n  if (surface === 'mobile') {\n    return (\n      <a\n        ref={ref}\n        {...rest}\n        data-active={active ? 'true' : undefined}\n        aria-current={active ? 'page' : undefined}\n        className={[\n          'ds:block ds:no-underline',\n          'type-body-sm ds:font-medium',\n          'ds:text-[var(--foreground)]',\n          'ds:rounded-[var(--radius-sm)]',\n          'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-sm)]',\n          'ds:hover:bg-[var(--muted)]/30 ds:hover:text-[var(--primary)]',\n          'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n          'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n          'ds:data-[active=true]:text-[var(--primary)]',\n          'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        {children}\n      </a>\n    );\n  }\n  return (\n    <NavigationMenuPrimitive.Item>\n      <NavigationMenuPrimitive.Link asChild active={active}>\n        <a\n          ref={ref}\n          {...rest}\n          data-active={active ? 'true' : undefined}\n          aria-current={active ? 'page' : undefined}\n          className={[navLinkVariants(), className].filter(Boolean).join(' ')}\n        >\n          {children}\n        </a>\n      </NavigationMenuPrimitive.Link>\n    </NavigationMenuPrimitive.Item>\n  );\n});\nPublicHeaderNavLink.displayName = 'PublicHeader.NavLink';\n\n/* ------------------------------------------------------------------ */\n/* NavDropdown                                                          */\n/* ------------------------------------------------------------------ */\n\nconst PublicHeaderNavDropdown = forwardRef<\n  ElementRef<typeof NavigationMenuPrimitive.Trigger>,\n  PublicHeaderNavDropdownProps\n>(({ label, wide = false, children, id }, ref) => {\n  const surface = useContext(PublicHeaderSurfaceContext);\n  if (surface === 'mobile') {\n    // <details>/<summary> gives semantic disclosure for free —\n    // Enter/Space toggles, summary is focusable, content collapses\n    // when not open. No JS needed.\n    return (\n      <details\n        id={id}\n        data-component=\"public-header-nav-dropdown\"\n        className=\"ds:group ds:border-b ds:border-[color:var(--border)]\"\n      >\n        <summary\n          className={[\n            'ds:flex ds:items-center ds:justify-between ds:cursor-pointer',\n            'type-body-sm ds:font-medium ds:text-[var(--foreground)]',\n            'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-sm)]',\n            'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n            'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n            'ds:list-none ds:[&::-webkit-details-marker]:hidden',\n          ].join(' ')}\n        >\n          <span>{label}</span>\n          <ChevronDown\n            aria-hidden=\"true\"\n            className=\"ds:size-3 ds:shrink-0 ds:transition-transform ds:duration-[var(--animation-duration)] ds:group-[[open]]:rotate-180 ds:motion-reduce:transition-none\"\n          />\n        </summary>\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:py-[var(--spacing-sm)]\">\n          {children}\n        </div>\n      </details>\n    );\n  }\n  return (\n    <NavigationMenuPrimitive.Item data-component=\"public-header-nav-dropdown\">\n      <NavigationMenuPrimitive.Trigger\n        ref={ref}\n        id={id}\n        className={dropdownTriggerClasses}\n        // Radix already wires aria-expanded + aria-controls. The\n        // group / data-state hooks let the chevron rotate via Tailwind.\n      >\n        {label}\n        <ChevronDown aria-hidden=\"true\" className={dropdownChevronClasses} />\n      </NavigationMenuPrimitive.Trigger>\n      <NavigationMenuPrimitive.Content\n        className={dropdownContentVariants({ wide })}\n      >\n        {children}\n      </NavigationMenuPrimitive.Content>\n    </NavigationMenuPrimitive.Item>\n  );\n});\nPublicHeaderNavDropdown.displayName = 'PublicHeader.NavDropdown';\n\n/* ------------------------------------------------------------------ */\n/* DropdownCard                                                         */\n/* ------------------------------------------------------------------ */\n\nconst PublicHeaderDropdownCard = forwardRef<\n  HTMLDivElement,\n  PublicHeaderDropdownCardProps\n>(({ href, title, subtitle, children }, ref) => {\n  const surface = useContext(PublicHeaderSurfaceContext);\n  // The Card header. In mobile we render a plain <a> when href is set —\n  // no Radix Link wrapper because the NavigationMenu root isn't in scope\n  // inside the Sheet.\n  const titleNode = (\n    <span\n      data-card-title\n      className=\"type-title-card ds:text-[var(--foreground)] ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none\"\n    >\n      {title}\n    </span>\n  );\n  const subtitleNode = subtitle ? (\n    <span className=\"type-body-sm ds:text-[var(--muted-foreground)]\">\n      {subtitle}\n    </span>\n  ) : null;\n\n  const arrow = (\n    <span\n      data-card-arrow\n      aria-hidden=\"true\"\n      className=\"ds:flex-none ds:text-[var(--muted-foreground)] ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none ds:rtl:-scale-x-100\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"20\"\n        height=\"20\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      >\n        <path d=\"M5 12h14\" />\n        <path d=\"m12 5 7 7-7 7\" />\n      </svg>\n    </span>\n  );\n\n  const linkInner = (\n    <>\n      <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n        {titleNode}\n        {subtitleNode}\n      </div>\n      {arrow}\n    </>\n  );\n\n  let header: React.JSX.Element;\n  if (href) {\n    if (surface === 'mobile') {\n      header = (\n        <a href={href} className={cardLinkClasses}>\n          {linkInner}\n        </a>\n      );\n    } else {\n      header = (\n        <NavigationMenuPrimitive.Link asChild>\n          <a href={href} className={cardLinkClasses}>\n            {linkInner}\n          </a>\n        </NavigationMenuPrimitive.Link>\n      );\n    }\n  } else {\n    header = (\n      <div className={cardHeaderStaticClasses}>\n        {titleNode}\n        {subtitle ? (\n          <span className=\"ds:block type-body-sm ds:text-[var(--muted-foreground)] ds:mt-[var(--spacing-xs)]\">\n            {subtitle}\n          </span>\n        ) : null}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      ref={ref}\n      data-component=\"public-header-dropdown-card\"\n      className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\"\n    >\n      {header}\n      {children ? (\n        <ul className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:list-none ds:m-0 ds:ps-0\">\n          {children}\n        </ul>\n      ) : null}\n    </div>\n  );\n});\nPublicHeaderDropdownCard.displayName = 'PublicHeader.DropdownCard';\n\n/* ------------------------------------------------------------------ */\n/* DropdownLink                                                         */\n/* ------------------------------------------------------------------ */\n\nconst PublicHeaderDropdownLink = forwardRef<\n  HTMLAnchorElement,\n  PublicHeaderDropdownLinkProps\n>(({ active, className, children, ...rest }, ref) => {\n  const surface = useContext(PublicHeaderSurfaceContext);\n  const anchor = (\n    <a\n      ref={ref}\n      {...rest}\n      data-active={active ? 'true' : undefined}\n      aria-current={active ? 'page' : undefined}\n      className={[subLinkClasses, className].filter(Boolean).join(' ')}\n    >\n      {children}\n    </a>\n  );\n  return (\n    <li data-component=\"public-header-dropdown-link\">\n      {surface === 'mobile' ? (\n        anchor\n      ) : (\n        <NavigationMenuPrimitive.Link asChild active={active}>\n          {anchor}\n        </NavigationMenuPrimitive.Link>\n      )}\n    </li>\n  );\n});\nPublicHeaderDropdownLink.displayName = 'PublicHeader.DropdownLink';\n\n/* ------------------------------------------------------------------ */\n/* Public surface                                                       */\n/* ------------------------------------------------------------------ */\n\nexport const PublicHeader = Object.assign(PublicHeaderRoot, {\n  NavLink: PublicHeaderNavLink,\n  NavDropdown: PublicHeaderNavDropdown,\n  DropdownCard: PublicHeaderDropdownCard,\n  DropdownLink: PublicHeaderDropdownLink,\n});\n","import type { AgentAdapter } from '../../agent/types';\nimport type { PublicHeaderHandle } from './public-header';\n\nexport const publicHeaderAgent: AgentAdapter<PublicHeaderHandle> = {\n  id: 'public-header',\n  capabilities: ['open', 'close'],\n  state: {\n    menuOpen: {\n      type: 'boolean',\n      description: 'Whether the mobile drawer is currently open.',\n      read: (handle) => handle.getMenuOpen(),\n    },\n  },\n  actions: {\n    open_menu: {\n      safety: 'read',\n      description: 'Open the mobile drawer.',\n      invoke: (handle) => {\n        handle.openMenu();\n      },\n    },\n    close_menu: {\n      safety: 'read',\n      description: 'Close the mobile drawer.',\n      invoke: (handle) => {\n        handle.closeMenu();\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'public-header' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop on PublicHeader.',\n    },\n  },\n};\n"],"names":["PublicHeaderSurfaceContext","createContext","rootVariants","cva","pillContainerClasses","navLinkVariants","dropdownTriggerClasses","dropdownChevronClasses","dropdownContentVariants","viewportClasses","cardLinkClasses","cardHeaderStaticClasses","subLinkClasses","usePrefersReducedMotion","reduced","setReduced","useState","useEffect","mq","onChange","useHeaderScrollState","enabled","sticky","stickyOffset","stuck","setStuck","hidden","setHidden","lastYRef","useRef","tickingRef","update","y","delta","onScroll","InnerContent","logo","homeHref","resolvedHomeLabel","resolvedNavLabel","resolvedMenuLabel","navSlot","actionsSlot","menuOpen","setMenuOpen","sheetId","jsxs","Fragment","jsx","NavigationMenuPrimitive","Sheet","IconButton","X","Menu","PublicHeaderRoot","forwardRef","homeLabel","variant","menuLabel","navLabel","id","className","rest","ref","t","useTranslation","autoId","useId","scrollEnabled","effectiveHidden","openMenu","useCallback","closeMenu","useImperativeHandle","innerProps","PublicHeaderNavLink","active","children","useContext","PublicHeaderNavDropdown","label","wide","ChevronDown","PublicHeaderDropdownCard","href","title","subtitle","surface","titleNode","linkInner","header","PublicHeaderDropdownLink","anchor","PublicHeader","publicHeaderAgent","handle"],"mappings":"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"}

package/dist/_chunks/signature-capture-CpMBhqQ9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"signature-capture-CpMBhqQ9.js","sources":["../../src/components/signature-capture/signature-capture.agent.ts","../../src/components/signature-capture/signature-capture.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { SignatureCaptureHandle } from './signature-capture';\n\nexport const signatureCaptureAgent: AgentAdapter<SignatureCaptureHandle> = {\n  id: 'signature-capture',\n  capabilities: ['edit_inline', 'submit'],\n  state: {\n    isEmpty: {\n      type: 'boolean',\n      description: 'True when no signature has been drawn or typed.',\n      read: (handle) => handle.isEmpty(),\n    },\n  },\n  actions: {\n    clear: {\n      safety: 'destructive',\n      description: 'Erase the current signature. Loses unsaved input.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    undo: {\n      safety: 'write',\n      description: 'Undo the last stroke.',\n      invoke: (handle) => {\n        handle.undo();\n      },\n    },\n    confirm: {\n      safety: 'write',\n      description: 'Commit the signature and return its serialised payload.',\n      invoke: (handle) => handle.confirm(),\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'signature-capture' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","/* ------------------------------------------------------------------ */\n/* SignatureCapture — thin React wrapper over signature_pad.            */\n/*                                                                     */\n/* - Library: `signature_pad` (08-third-party §Signature Pad). We      */\n/*   instantiate one pad per mounted canvas and expose imperative      */\n/*   clear / undo / isEmpty / confirm verbs to the consumer.           */\n/* - Colors: `penColor` / `backgroundColor` default to                  */\n/*   `--foreground` / `--background` via `getComputedStyle()`. Theme   */\n/*   switches are observed via a MutationObserver on `<html class>`    */\n/*   so the ink recolours when the theme flips.                        */\n/* - DPR scaling: canvas attribute `width/height = cssSize * DPR`; the */\n/*   2D context is scaled by the same factor. A `ResizeObserver`       */\n/*   replays strokes via `fromData()` on re-scale so nothing is lost.  */\n/* - Typed fallback: keyboard-only path renders a text input styled in */\n/*   italic `var(--font-sans)` (per 23-constraints §10 — serif is      */\n/*   marketing only). On confirm we render the string to an offscreen  */\n/*   canvas for the PNG/SVG export.                                    */\n/* - Confirm payload: `{ png, svg, widthMm, heightMm, capturedAt,      */\n/*   sha256, strokes? }`. `sha256` is the SubtleCrypto digest of the   */\n/*   PNG bytes — tamper-evident for audit trails.                      */\n/* - Security: no `fetch` / `XMLHttpRequest` / `localStorage` /        */\n/*   `sessionStorage` in this file — the consumer owns persistence.    */\n/*                                                                     */\n/* TODO:                                                                */\n/*   - 3× DPI re-render for print: currently `toDataURL('image/png')`  */\n/*     exports the live canvas (already at DPR). A proper 300-DPI      */\n/*     pipeline would create an offscreen canvas at `cssSize × 3` and  */\n/*     replay strokes via `fromData()` — deferred pending the print    */\n/*     bridge landing.                                                 */\n/*   - Typed-fallback canvas font can't read CSS variables directly    */\n/*     (Canvas2D resolves fonts at paint time and won't expand         */\n/*     `var(--font-size-2xl)`); we use a fixed `32px italic` + the     */\n/*     user's font stack, which is visually close but not              */\n/*     theme-reactive. Will migrate once the typography tokens expose  */\n/*     a resolved `font` shorthand.                                    */\n/* ------------------------------------------------------------------ */\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n} from 'react';\nimport SignaturePad from 'signature_pad';\nimport type { PointGroup } from 'signature_pad';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { signatureCaptureAgent } from './signature-capture.agent';\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport interface SignatureConfirmPayload {\n  /** Data URL of the captured signature rendered as PNG. */\n  png: string;\n  /** SVG string trimmed to the stroke bounding box. */\n  svg: string;\n  /** Physical width in millimetres, derived from CSS px. */\n  widthMm: number;\n  /** Physical height in millimetres, derived from CSS px. */\n  heightMm: number;\n  /** ISO-8601 UTC timestamp for when `confirm()` resolved. */\n  capturedAt: string;\n  /** Hex-encoded SHA-256 digest of the PNG bytes. */\n  sha256: string;\n  /** Raw stroke data from `signature_pad.toData()` — optional for replays. */\n  strokes?: PointGroup[];\n}\n\nexport interface SignatureCaptureProps {\n  /** Opaque instance id — emitted as `data-component-id` for the agent registry. */\n  id?: string;\n  /** Called with the export payload when the user confirms the signature. */\n  onConfirm?: (payload: SignatureConfirmPayload) => void;\n  /** Called after the pad is cleared (explicit user action). */\n  onClear?: () => void;\n  /** Called when the user starts drawing a new stroke. */\n  onStart?: () => void;\n  /** CSS width of the pad. Default 400. */\n  width?: number | string;\n  /** CSS height of the pad. Default 200. */\n  height?: number | string;\n  /** Pen colour override — defaults to `var(--foreground)`. */\n  penColor?: string;\n  /** Background override — defaults to `var(--background)`. */\n  backgroundColor?: string;\n  /** Show the typed-name fallback toggle. Default `true`. */\n  allowTypedFallback?: boolean;\n  /** Disable the entire component. */\n  disabled?: boolean;\n  /** Accessible label for the pad region. */\n  ariaLabel?: string;\n  /** Extra class names on the wrapper. */\n  className?: string;\n}\n\nexport interface SignatureCaptureHandle {\n  clear: () => void;\n  undo: () => void;\n  isEmpty: () => boolean;\n  confirm: () => Promise<SignatureConfirmPayload | null>;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst wrapperVariants = cva(\n  [\n    'ds:signature-capture-alfadocs ds:flex ds:flex-col',\n    'ds:gap-[var(--spacing-sm)]',\n    'ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n    'ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--card-border)]',\n    'ds:shadow-[var(--shadow-card)]',\n    'ds:[.theme-accessible_&]:border-2',\n    'ds:p-[var(--spacing-sm)]',\n    'ds:aria-disabled:opacity-[var(--opacity-50)] ds:aria-disabled:cursor-not-allowed',\n  ].join(' '),\n);\n\nconst padFrameVariants = cva(\n  [\n    'ds:relative ds:block',\n    'ds:inline-size-[var(--signature-width)]',\n    'ds:block-size-[var(--signature-height)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:border ds:border-[color:var(--border)]',\n    'ds:bg-[var(--background)]',\n    'ds:overflow-hidden',\n    'ds:touch-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[var(--ring)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  ].join(' '),\n);\n\nconst canvasVariants = cva(\n  [\n    'ds:block',\n    'ds:inline-size-full',\n    'ds:block-size-full',\n    'ds:touch-none',\n    'ds:select-none',\n  ].join(' '),\n);\n\nconst toolbarVariants = cva(\n  ['ds:flex ds:items-stretch ds:flex-wrap ds:gap-[var(--spacing-sm)]'].join(\n    ' ',\n  ),\n);\n\n// Toolbar actions are sized for thumbs: they grow to fill the pad width\n// (`flex-1`), sit above the 44/48px floor, and use base-size text so they read\n// clearly on a phone.\nconst actionButtonVariants = cva(\n  [\n    'ds:inline-flex ds:flex-1 ds:items-center ds:justify-center',\n    'ds:[min-block-size:var(--min-target-size)]',\n    'ds:[min-inline-size:var(--min-target-size)]',\n    'ds:gap-[var(--spacing-xs)]',\n    'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n    'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:border ds:border-[color:var(--border)]',\n    'ds:bg-transparent ds:text-[var(--foreground)]',\n    'ds:text-[length:var(--font-size-base)] ds:font-medium',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:hover:bg-[var(--muted)]',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[var(--ring)]',\n    'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:aria-disabled:opacity-[var(--opacity-50)] ds:aria-disabled:cursor-not-allowed',\n  ].join(' '),\n);\n\nconst confirmButtonVariants = cva(\n  [\n    'ds:inline-flex ds:flex-1 ds:items-center ds:justify-center',\n    'ds:[min-block-size:var(--min-target-size)]',\n    'ds:[min-inline-size:var(--min-target-size)]',\n    'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n    'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)]',\n    'ds:text-[length:var(--font-size-base)] ds:font-medium',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:hover:bg-[var(--primary-hover)]',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[var(--ring)]',\n    'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:aria-disabled:opacity-[var(--opacity-50)] ds:aria-disabled:cursor-not-allowed',\n  ].join(' '),\n);\n\nconst typedInputVariants = cva(\n  [\n    'ds:block ds:inline-size-full',\n    'ds:[min-block-size:var(--min-target-size)]',\n    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:border ds:border-[color:var(--border)]',\n    'ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n    'ds:font-[family-name:var(--font-sans)]',\n    'ds:italic',\n    'ds:tracking-[0.1em]',\n    'ds:text-[length:var(--font-size-lg)]',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[var(--ring)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  ].join(' '),\n);\n\nconst typedPreviewVariants = cva(\n  [\n    'ds:flex ds:items-center ds:justify-center',\n    'ds:inline-size-[var(--signature-width)]',\n    'ds:block-size-[var(--signature-height)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:border ds:border-[color:var(--card-border)]',\n    'ds:[.theme-accessible_&]:border-2',\n    'ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n    'ds:font-[family-name:var(--font-sans)]',\n    'ds:italic',\n    'ds:tracking-[0.1em]',\n    'ds:text-[length:var(--font-size-2xl)]',\n    'ds:p-[var(--spacing-md)]',\n  ].join(' '),\n);\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                              */\n/* ------------------------------------------------------------------ */\n\ntype SignatureState = 'empty' | 'drawing' | 'captured' | 'cleared';\n\n/**\n * Resolve a CSS custom property against `document.documentElement`. We\n * can't pass `var(--foreground)` to signature_pad directly — the lib\n * stamps the string straight into `ctx.strokeStyle`, which only accepts\n * concrete colour values. Looking the variable up at runtime keeps the\n * component in tokens-only compliance.\n */\nfunction resolveCssVar(name: string): string {\n  if (typeof document === 'undefined') return '';\n  const value = getComputedStyle(document.documentElement)\n    .getPropertyValue(name)\n    .trim();\n  return value;\n}\n\nfunction toCssSize(v: number | string | undefined, fallback: string): string {\n  if (typeof v === 'number') return `${v}px`;\n  if (typeof v === 'string' && v.length > 0) return v;\n  return fallback;\n}\n\n/**\n * Parse a pixel value, returning `null` for non-pixel strings (e.g.\n * \"100%\", \"50vw\") so the caller can fall back to the measured rect.\n * parseFloat(\"100%\") would silently return 100 — a 100mm-wide export\n * masquerading as 26mm. Allow only digits, dot, minus, whitespace, \"px\".\n */\nfunction parsePxValue(v: string): number | null {\n  if (typeof v === 'string' && /[^0-9.\\s\\-px]/i.test(v)) return null;\n  const n = parseFloat(v);\n  if (!Number.isFinite(n)) return null;\n  return n;\n}\n\n/** Hex-encode a Uint8Array. */\nfunction toHex(bytes: Uint8Array): string {\n  let out = '';\n  for (let i = 0; i < bytes.length; i += 1) {\n    const b = bytes[i];\n    out += b.toString(16).padStart(2, '0');\n  }\n  return out;\n}\n\n/** Decode a base64 string into bytes without `atob` polyfills. */\nfunction base64ToBytes(b64: string): Uint8Array {\n  if (typeof atob === 'function') {\n    const bin = atob(b64);\n    const bytes = new Uint8Array(bin.length);\n    for (let i = 0; i < bin.length; i += 1) bytes[i] = bin.charCodeAt(i);\n    return bytes;\n  }\n  // Fallback — node-style Buffer, gated behind a runtime check.\n  const g = globalThis as {\n    Buffer?: { from: (s: string, enc: string) => Uint8Array };\n  };\n  if (g.Buffer) return g.Buffer.from(b64, 'base64');\n  return new Uint8Array();\n}\n\nasync function sha256Hex(bytes: Uint8Array): Promise<string> {\n  const g = globalThis as { crypto?: Crypto };\n  if (g.crypto?.subtle) {\n    // Copy the bytes into a fresh ArrayBuffer so the slice is always an\n    // ArrayBuffer (never a SharedArrayBuffer) — SubtleCrypto's BufferSource\n    // narrowing doesn't accept the latter.\n    const copy = new Uint8Array(bytes.byteLength);\n    copy.set(bytes);\n    const digest = await g.crypto.subtle.digest('SHA-256', copy.buffer);\n    return toHex(new Uint8Array(digest));\n  }\n  // No subtle crypto — return empty so callers can still use the rest\n  // of the payload. Test env is expected to stub crypto.subtle.\n  return '';\n}\n\n/**\n * Render the typed fallback string onto an offscreen canvas and return\n * it. Used by the confirm path when the user has typed their name\n * instead of drawing. Size is fixed at `32px italic` because Canvas2D\n * resolves fonts eagerly and can't expand `var(--font-size-*)`.\n */\nfunction renderTypedSignatureToCanvas(\n  text: string,\n  cssWidth: number,\n  cssHeight: number,\n  penColor: string,\n  backgroundColor: string,\n): HTMLCanvasElement {\n  const dpr = Math.max(\n    1,\n    typeof window !== 'undefined' ? window.devicePixelRatio : 1,\n  );\n  const canvas = document.createElement('canvas');\n  canvas.width = Math.floor(cssWidth * dpr);\n  canvas.height = Math.floor(cssHeight * dpr);\n  const ctx = canvas.getContext('2d');\n  if (!ctx) return canvas;\n  ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n  // Fill background with the token-resolved colour.\n  ctx.fillStyle = backgroundColor || 'transparent';\n  ctx.fillRect(0, 0, cssWidth, cssHeight);\n  // Draw the typed signature centred.\n  ctx.fillStyle = penColor || 'currentColor';\n  ctx.font = '32px italic sans-serif';\n  ctx.textAlign = 'center';\n  ctx.textBaseline = 'middle';\n  ctx.fillText(text, cssWidth / 2, cssHeight / 2, cssWidth - 16);\n  return canvas;\n}\n\n/* ------------------------------------------------------------------ */\n/* SignatureCapture                                                     */\n/* ------------------------------------------------------------------ */\n\nexport const SignatureCapture = forwardRef<\n  SignatureCaptureHandle,\n  SignatureCaptureProps\n>(\n  (\n    {\n      id,\n      onConfirm,\n      onClear,\n      onStart,\n      width = 400,\n      height = 200,\n      penColor,\n      backgroundColor,\n      allowTypedFallback = true,\n      disabled = false,\n      ariaLabel,\n      className,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const rawId = useId();\n    const idSafe = useMemo(\n      () => `sig-${rawId.replace(/[^a-zA-Z0-9-_]/g, '')}`,\n      [rawId],\n    );\n    const liveRegionId = `${idSafe}-live`;\n\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const padFrameRef = useRef<HTMLDivElement>(null);\n    const canvasRef = useRef<HTMLCanvasElement>(null);\n    const typedPreviewRef = useRef<HTMLDivElement>(null);\n    const signaturePadRef = useRef<SignaturePad | null>(null);\n\n    const [mode, setMode] = useState<'draw' | 'typed'>('draw');\n    const [typedValue, setTypedValue] = useState('');\n    // Tracks whether the pad has any ink — gates the Confirm button.\n    // signature_pad's isEmpty() is a sync ref read and won't trigger\n    // re-renders; this state mirrors it so React sees the change.\n    const [padHasInk, setPadHasInk] = useState(false);\n    // Retained state — consumers may subscribe to the pad's lifecycle via\n    // `onConfirm`/`onClear`/`onStart`; we still track the machine internally\n    // so the live region + confirm button stay coherent.\n    const signatureStateRef = useRef<SignatureState>('empty');\n    const [announcement, setAnnouncement] = useState<string>('');\n    const [resolvedPen, setResolvedPen] = useState<string>('');\n    const [resolvedBg, setResolvedBg] = useState<string>('');\n\n    // Stable callback refs so we can wire signature_pad once without\n    // re-instantiating on every render.\n    const onStartRef = useRef<SignatureCaptureProps['onStart']>(onStart);\n    const onClearRef = useRef<SignatureCaptureProps['onClear']>(onClear);\n    const onConfirmRef = useRef<SignatureCaptureProps['onConfirm']>(onConfirm);\n    useEffect(() => {\n      onStartRef.current = onStart;\n      onClearRef.current = onClear;\n      onConfirmRef.current = onConfirm;\n    }, [onStart, onClear, onConfirm]);\n\n    /* ---- Announce helper ---------------------------------------- */\n    const announce = useCallback(\n      (next: SignatureState) => {\n        signatureStateRef.current = next;\n        setAnnouncement(t(`signature.state.${next}`));\n      },\n      [t],\n    );\n\n    /* ---- Resolve tokens ----------------------------------------- */\n    useEffect(() => {\n      if (typeof document === 'undefined') return undefined;\n      function resolveAll(): void {\n        const pen = penColor ?? resolveCssVar('--foreground');\n        const bg = backgroundColor ?? resolveCssVar('--background');\n        // Fall back to `currentColor` / `transparent` — keyword literals\n        // are token-neutral and honour the surrounding theme even when\n        // the CSS variable is briefly unavailable (SSR, initial paint).\n        setResolvedPen(pen || 'currentColor');\n        setResolvedBg(bg || 'transparent');\n      }\n      resolveAll();\n      // Watch for theme-class changes on <html>.\n      const mo = new MutationObserver(() => {\n        resolveAll();\n      });\n      mo.observe(document.documentElement, {\n        attributes: true,\n        attributeFilter: ['class'],\n      });\n      return () => mo.disconnect();\n    }, [penColor, backgroundColor]);\n\n    /* ---- Apply colour changes to an existing pad ---------------- */\n    useEffect(() => {\n      const pad = signaturePadRef.current;\n      if (!pad) return;\n      if (resolvedPen) pad.penColor = resolvedPen;\n      if (resolvedBg) pad.backgroundColor = resolvedBg;\n    }, [resolvedPen, resolvedBg]);\n\n    /* ---- Instantiate signature_pad ------------------------------ */\n    useEffect(() => {\n      if (mode !== 'draw') return undefined;\n      const canvas = canvasRef.current;\n      if (!canvas) return undefined;\n\n      const pad = new SignaturePad(canvas, {\n        penColor: resolvedPen || 'currentColor',\n        backgroundColor: resolvedBg || 'transparent',\n        minWidth: 0.5,\n        maxWidth: 2.5,\n        velocityFilterWeight: 0.7,\n      });\n      signaturePadRef.current = pad;\n\n      const handleBegin = (): void => {\n        setPadHasInk(true);\n        announce('drawing');\n        onStartRef.current?.();\n      };\n      const handleEnd = (): void => {\n        // Keep state as 'drawing' — transition to 'captured' on confirm.\n      };\n      pad.addEventListener('beginStroke', handleBegin);\n      pad.addEventListener('endStroke', handleEnd);\n\n      // Initial DPR scale + announcement.\n      scaleCanvas(canvas);\n      announce('empty');\n\n      return () => {\n        pad.removeEventListener('beginStroke', handleBegin);\n        pad.removeEventListener('endStroke', handleEnd);\n        // Clear strokes from memory; 08-third-party §Signature Pad.\n        pad.clear();\n        pad.off();\n        signaturePadRef.current = null;\n      };\n      // We intentionally re-create the pad only when switching between\n      // typed and draw modes. Color updates flow through the effect above.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [mode]);\n\n    /* ---- Disabled state ----------------------------------------- */\n    useEffect(() => {\n      const pad = signaturePadRef.current;\n      if (!pad) return;\n      if (disabled) pad.off();\n      else pad.on();\n    }, [disabled, mode]);\n\n    /* ---- DPR + ResizeObserver ----------------------------------- */\n    // Hard-cap backing-store dimensions to bound memory. 4096 px × 4096 px at\n    // 4 bytes per pixel is ~67 MB — generous for any realistic signature, but\n    // well under the multi-GB allocation a careless or malicious prop could\n    // request on a high-DPR display. See security-hardening.mdx.\n    const MAX_CANVAS_PX = 4096;\n    const scaleCanvas = useCallback(\n      (canvas: HTMLCanvasElement) => {\n        const rect = canvas.getBoundingClientRect();\n        const dpr = Math.max(\n          1,\n          typeof window !== 'undefined' ? window.devicePixelRatio : 1,\n        );\n        const rawWidth = Math.max(1, Math.floor(rect.width * dpr));\n        const rawHeight = Math.max(1, Math.floor(rect.height * dpr));\n        const targetWidth = Math.min(rawWidth, MAX_CANVAS_PX);\n        const targetHeight = Math.min(rawHeight, MAX_CANVAS_PX);\n        if (\n          import.meta.env.DEV &&\n          (rawWidth !== targetWidth || rawHeight !== targetHeight)\n        ) {\n          // Silent in production; a consumer shipping 10k × 10k probably wants\n          // the nudge.\n          console.warn(\n            `[SignatureCapture] clamped canvas backing store from ${rawWidth}x${rawHeight} to ${targetWidth}x${targetHeight} (cap = ${MAX_CANVAS_PX}px).`,\n          );\n        }\n        if (canvas.width === targetWidth && canvas.height === targetHeight)\n          return;\n\n        const pad = signaturePadRef.current;\n        const prior = pad ? pad.toData() : null;\n        canvas.width = targetWidth;\n        canvas.height = targetHeight;\n        const ctx = canvas.getContext('2d');\n        if (ctx) ctx.scale(dpr, dpr);\n        if (pad) {\n          if (resolvedBg) pad.backgroundColor = resolvedBg;\n          if (resolvedPen) pad.penColor = resolvedPen;\n          pad.clear();\n          if (prior && prior.length > 0) {\n            pad.fromData(prior);\n          }\n        }\n      },\n      [resolvedBg, resolvedPen],\n    );\n\n    useEffect(() => {\n      const canvas = canvasRef.current;\n      if (!canvas) return undefined;\n      if (typeof ResizeObserver === 'undefined') {\n        scaleCanvas(canvas);\n        return undefined;\n      }\n      const ro = new ResizeObserver(() => {\n        scaleCanvas(canvas);\n      });\n      ro.observe(canvas);\n      return () => ro.disconnect();\n    }, [scaleCanvas]);\n\n    /* ---- Imperative handle -------------------------------------- */\n    const clear = useCallback(() => {\n      const pad = signaturePadRef.current;\n      if (pad) pad.clear();\n      setTypedValue('');\n      setPadHasInk(false);\n      announce('cleared');\n      onClearRef.current?.();\n    }, [announce]);\n\n    const undo = useCallback(() => {\n      const pad = signaturePadRef.current;\n      if (!pad) return;\n      const data = pad.toData();\n      if (!data || data.length === 0) return;\n      data.pop();\n      pad.fromData(data);\n      if (data.length === 0) {\n        setPadHasInk(false);\n        announce('empty');\n      }\n    }, [announce]);\n\n    const isEmpty = useCallback((): boolean => {\n      if (mode === 'typed') return typedValue.trim().length === 0;\n      const pad = signaturePadRef.current;\n      return pad ? pad.isEmpty() : true;\n    }, [mode, typedValue]);\n\n    const confirm =\n      useCallback(async (): Promise<SignatureConfirmPayload | null> => {\n        // parsePxValue returns null for \"100%\" / \"50vw\" etc. — fall back\n        // to the live rendered rect so widthMm reflects reality, not a\n        // mis-parsed parseFloat(\"100%\") = 100.\n        const widthParsed = parsePxValue(\n          typeof width === 'number' ? `${width}` : String(width),\n        );\n        const heightParsed = parsePxValue(\n          typeof height === 'number' ? `${height}` : String(height),\n        );\n        const measureEl =\n          mode === 'draw'\n            ? (canvasRef.current ?? padFrameRef.current ?? wrapperRef.current)\n            : (typedPreviewRef.current ?? wrapperRef.current);\n        const measuredRect = measureEl?.getBoundingClientRect();\n        const cssWidth =\n          widthParsed ?? (measuredRect ? measuredRect.width : 400);\n        const cssHeight =\n          heightParsed ?? (measuredRect ? measuredRect.height : 200);\n\n        let pngDataUrl = '';\n        let svgString = '';\n        let strokes: PointGroup[] | undefined;\n\n        if (mode === 'draw') {\n          const pad = signaturePadRef.current;\n          if (!pad || pad.isEmpty()) return null;\n          pngDataUrl = pad.toDataURL('image/png');\n          svgString = pad.toSVG();\n          strokes = pad.toData();\n        } else {\n          const value = typedValue.trim();\n          if (value.length === 0) return null;\n          const offscreen = renderTypedSignatureToCanvas(\n            value,\n            cssWidth,\n            cssHeight,\n            resolvedPen || 'currentColor',\n            resolvedBg || 'transparent',\n          );\n          pngDataUrl = offscreen.toDataURL('image/png');\n          // Inline SVG — we can't call toSVG() because signature_pad isn't\n          // driving the canvas. Build a minimal SVG with the rendered text.\n          const safeText = value\n            .replace(/&/g, '&amp;')\n            .replace(/</g, '&lt;')\n            .replace(/>/g, '&gt;')\n            .replace(/\"/g, '&quot;')\n            .replace(/'/g, '&#39;');\n          svgString =\n            `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 ${cssWidth} ${cssHeight}\" width=\"${cssWidth}\" height=\"${cssHeight}\">` +\n            `<text x=\"50%\" y=\"50%\" dominant-baseline=\"middle\" text-anchor=\"middle\" font-family=\"sans-serif\" font-style=\"italic\" font-size=\"32\" fill=\"${resolvedPen || 'currentColor'}\" letter-spacing=\"3\">${safeText}</text>` +\n            `</svg>`;\n        }\n\n        // 96 CSS px = 25.4 mm (per W3C CSS absolute length definition).\n        const widthMm = (cssWidth * 25.4) / 96;\n        const heightMm = (cssHeight * 25.4) / 96;\n        const capturedAt = new Date().toISOString();\n\n        // Compute SHA-256 of the PNG bytes.\n        let sha256 = '';\n        if (pngDataUrl) {\n          const commaIx = pngDataUrl.indexOf(',');\n          const b64 = commaIx >= 0 ? pngDataUrl.slice(commaIx + 1) : '';\n          const bytes = base64ToBytes(b64);\n          sha256 = await sha256Hex(bytes);\n        }\n\n        const payload: SignatureConfirmPayload = {\n          png: pngDataUrl,\n          svg: svgString,\n          widthMm,\n          heightMm,\n          capturedAt,\n          sha256,\n          strokes,\n        };\n\n        announce('captured');\n        onConfirmRef.current?.(payload);\n        return payload;\n      }, [mode, typedValue, width, height, resolvedPen, resolvedBg, announce]);\n\n    const agentHandle = useMemo<SignatureCaptureHandle>(\n      () => ({\n        clear,\n        undo,\n        isEmpty,\n        confirm,\n      }),\n      [clear, undo, isEmpty, confirm],\n    );\n    useImperativeHandle(ref, () => agentHandle, [agentHandle]);\n    useAgentRegistration(signatureCaptureAgent, agentHandle, id);\n\n    /* ---- Derived UI state --------------------------------------- */\n    // Gate Confirm on React state, not the signature_pad ref — its\n    // isEmpty() doesn't trigger re-renders, leaving the button stale.\n    const hasContent =\n      mode === 'typed' ? typedValue.trim().length > 0 : padHasInk;\n    const confirmDisabled = disabled || !hasContent;\n    // Inline style — permitted per 23-constraints §Runtime-computed\n    // dimensions (CSS custom property setter for dynamic width/height\n    // from consumer props; the width rule lives in Tailwind arbitrary\n    // values that read --signature-width / --signature-height).\n    const sizeStyle: CSSProperties = {\n      ['--signature-width' as unknown as keyof CSSProperties]: toCssSize(\n        width,\n        'var(--signature-default-width)',\n      ),\n      ['--signature-height' as unknown as keyof CSSProperties]: toCssSize(\n        height,\n        'var(--signature-default-height)',\n      ),\n    } as CSSProperties;\n\n    /* ---- Render -------------------------------------------------- */\n    return (\n      <div\n        ref={wrapperRef}\n        role=\"group\"\n        aria-label={ariaLabel ?? t('signature.padLabel')}\n        aria-disabled={disabled || undefined}\n        className={[wrapperVariants(), className].filter(Boolean).join(' ')}\n        // eslint-disable-next-line react/forbid-dom-props -- runtime-computed pad dimensions\n        style={sizeStyle}\n        data-component=\"signature-capture\"\n        data-component-id={id}\n      >\n        {mode === 'draw' ? (\n          <div ref={padFrameRef} className={padFrameVariants()}>\n            <canvas\n              ref={canvasRef}\n              role=\"img\"\n              aria-label={t('signature.padLabel')}\n              className={canvasVariants()}\n              data-testid=\"signature-canvas\"\n            />\n          </div>\n        ) : (\n          <label className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n            <span className=\"type-body-sm ds:text-[var(--muted-foreground)]\">\n              {t('signature.typedFallback.label')}\n            </span>\n            <input\n              type=\"text\"\n              value={typedValue}\n              onChange={(e) => {\n                setTypedValue(e.target.value);\n                if (e.target.value.length > 0) announce('drawing');\n                else announce('empty');\n              }}\n              placeholder={t('signature.typedFallback.placeholder')}\n              aria-label={t('signature.typedFallback.label')}\n              disabled={disabled}\n              className={typedInputVariants()}\n              data-testid=\"signature-typed-input\"\n            />\n            {typedValue ? (\n              <div\n                ref={typedPreviewRef}\n                className={typedPreviewVariants()}\n                aria-hidden=\"true\"\n              >\n                {typedValue}\n              </div>\n            ) : null}\n          </label>\n        )}\n\n        {/* Live region — state transitions (empty, drawing, captured, cleared) */}\n        <div\n          id={liveRegionId}\n          aria-live=\"polite\"\n          aria-atomic=\"true\"\n          className=\"ds:sr-only\"\n          data-testid=\"signature-live\"\n        >\n          {announcement}\n        </div>\n\n        <div\n          className={toolbarVariants()}\n          role=\"group\"\n          aria-label={t('signature.padLabel')}\n        >\n          <button\n            type=\"button\"\n            onClick={() => {\n              if (disabled) return;\n              clear();\n            }}\n            aria-disabled={disabled || undefined}\n            className={actionButtonVariants()}\n          >\n            {t('signature.clear')}\n          </button>\n          {allowTypedFallback ? (\n            <button\n              type=\"button\"\n              onClick={() => {\n                if (disabled) return;\n                setTypedValue('');\n                setMode((m) => (m === 'draw' ? 'typed' : 'draw'));\n                announce('cleared');\n              }}\n              aria-disabled={disabled || undefined}\n              className={actionButtonVariants()}\n              aria-pressed={mode === 'typed'}\n            >\n              {mode === 'draw'\n                ? t('signature.typedFallback.toggle')\n                : t('signature.typedFallback.toggleDraw')}\n            </button>\n          ) : null}\n          <button\n            type=\"button\"\n            onClick={() => {\n              if (confirmDisabled) return;\n              void confirm();\n            }}\n            aria-disabled={confirmDisabled || undefined}\n            aria-describedby={liveRegionId}\n            className={confirmButtonVariants()}\n            data-testid=\"signature-confirm\"\n          >\n            {t('signature.confirm')}\n          </button>\n        </div>\n      </div>\n    );\n  },\n);\n\nSignatureCapture.displayName = 'SignatureCapture';\n\nexport {\n  wrapperVariants as signatureWrapperVariants,\n  actionButtonVariants as signatureActionButtonVariants,\n  confirmButtonVariants as signatureConfirmButtonVariants,\n};\n"],"names":["signatureCaptureAgent","handle","wrapperVariants","cva","padFrameVariants","canvasVariants","toolbarVariants","actionButtonVariants","confirmButtonVariants","typedInputVariants","typedPreviewVariants","resolveCssVar","name","toCssSize","v","fallback","parsePxValue","toHex","bytes","out","i","b","base64ToBytes","b64","bin","g","sha256Hex","_a","copy","digest","renderTypedSignatureToCanvas","text","cssWidth","cssHeight","penColor","backgroundColor","dpr","canvas","ctx","SignatureCapture","forwardRef","id","onConfirm","onClear","onStart","width","height","allowTypedFallback","disabled","ariaLabel","className","ref","t","useTranslation","rawId","useId","liveRegionId","useMemo","wrapperRef","useRef","padFrameRef","canvasRef","typedPreviewRef","signaturePadRef","mode","setMode","useState","typedValue","setTypedValue","padHasInk","setPadHasInk","signatureStateRef","announcement","setAnnouncement","resolvedPen","setResolvedPen","resolvedBg","setResolvedBg","onStartRef","onClearRef","onConfirmRef","useEffect","announce","useCallback","next","resolveAll","pen","bg","mo","pad","SignaturePad","handleBegin","handleEnd","scaleCanvas","MAX_CANVAS_PX","rect","rawWidth","rawHeight","targetWidth","targetHeight","prior","ro","clear","undo","data","isEmpty","confirm","widthParsed","heightParsed","measureEl","measuredRect","pngDataUrl","svgString","strokes","value","safeText","widthMm","heightMm","capturedAt","sha256","commaIx","payload","agentHandle","useImperativeHandle","useAgentRegistration","hasContent","confirmDisabled","sizeStyle","jsxs","jsx","m"],"mappings":"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"}

package/dist/_chunks/use-scroll-to-first-error-4Za-u5Nw.js

@@ -1,43 +0,0 @@
-import { useRef as m, useEffect as S } from "react";
-function p(e) {
-  return e != null && e.current ? e.current : typeof document > "u" ? null : document;
-}
-function w(e, u) {
-  const n = typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(e) : (
-    // SSR / jsdom fallback — drop every character that's
-    // significant in a CSS attribute selector. Conservative but
-    // robust enough for the test environment.
-    e.replace(/["'\\[\]]/g, "")
-  ), c = `[data-error-anchor="${n}"], [name="${n}"], [name$="[${n}]"]`, t = Array.from(u.querySelectorAll(c));
-  return t.length === 0 ? null : t.find((i) => i.offsetParent !== null) ?? t[0];
-}
-function y(e, u, n = {}) {
-  const {
-    scope: c,
-    scrollOptions: t = { behavior: "smooth", block: "center" },
-    focus: s = !0,
-    skipInitialMount: i = !0
-  } = n, a = m(!1), o = m(null), r = u.find((l) => !!e[l]) ?? null;
-  S(() => {
-    if (i && !a.current) {
-      a.current = !0, o.current = r;
-      return;
-    }
-    if (!r) {
-      o.current = null;
-      return;
-    }
-    if (r === o.current || typeof window > "u") return;
-    const l = window.requestAnimationFrame(() => {
-      const d = p(c);
-      if (!d) return;
-      const f = w(r, d);
-      f && (f.scrollIntoView(t), s && f.focus({ preventScroll: !0 }), o.current = r);
-    });
-    return () => window.cancelAnimationFrame(l);
-  }, [r]);
-}
-export {
-  y as u
-};
-//# sourceMappingURL=use-scroll-to-first-error-4Za-u5Nw.js.map

package/dist/_chunks/use-scroll-to-first-error-4Za-u5Nw.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-scroll-to-first-error-4Za-u5Nw.js","sources":["../../src/hooks/use-scroll-to-first-error.ts"],"sourcesContent":["import { useEffect, useRef, type RefObject } from 'react';\n\n/* -------------------------------------------------------------------- */\n/* Types                                                                  */\n/* -------------------------------------------------------------------- */\n\nexport interface UseScrollToFirstErrorOptions {\n  /**\n   * Limits the DOM query to this element. Useful when the page renders\n   * more than one form, or when an unrelated component happens to share\n   * a field name. Defaults to `document`.\n   */\n  scope?: RefObject<HTMLElement | null>;\n  /**\n   * Forwarded to `scrollIntoView`. Defaults to\n   * `{ behavior: 'smooth', block: 'center' }`. Pass\n   * `{ behavior: 'auto' }` (or omit `behavior`) on consumers that\n   * respect `prefers-reduced-motion` upstream — the kit doesn't shadow\n   * the user's motion preference inside the hook, since some consumers\n   * deliberately keep a near-instant snap for power-user form flows.\n   */\n  scrollOptions?: ScrollIntoViewOptions;\n  /**\n   * Move keyboard focus to the errored field after scrolling. Default\n   * `true`. The focus call uses `preventScroll: true` so the smooth\n   * scroll the hook just did isn't replaced by a snap.\n   *\n   * Setting this `false` defeats the keyboard-user side of WCAG 3.3.1\n   * — the viewport will scroll but the active element stays on the\n   * submit button, forcing a Shift+Tab back into the form. Only flip\n   * this off when an upstream concern (e.g. a custom error summary\n   * panel that owns its own focus) is taking responsibility.\n   */\n  focus?: boolean;\n  /**\n   * On the very first render, do nothing even if `errors` already has\n   * entries. Default `true`. Without this the hook would yank the\n   * viewport whenever a form is hydrated with server-rendered errors\n   * from a no-JS fallback path — bad UX, since the user landed on the\n   * page and hasn't asked for any movement yet. Set `false` only when\n   * the consumer explicitly wants the initial-mount scroll (rare).\n   */\n  skipInitialMount?: boolean;\n}\n\n/* -------------------------------------------------------------------- */\n/* Helpers                                                                */\n/* -------------------------------------------------------------------- */\n\nfunction getScopeRoot(\n  scope: RefObject<HTMLElement | null> | undefined,\n): ParentNode | null {\n  if (scope?.current) return scope.current;\n  if (typeof document === 'undefined') return null;\n  return document;\n}\n\n/**\n * Resolve the DOM element to scroll/focus for a given errored field\n * name. The match order is:\n *\n *   1. `[data-error-anchor=\"<name>\"]` — the consumer's explicit hook,\n *      used for Radix-based fields (Checkbox / Select / Switch) where\n *      the named `<input>` is hidden behind a visible `<button>`.\n *      Consumers set this on the trigger.\n *   2. `[name=\"<name>\"]` — the literal field name.\n *   3. `[name$=\"[<name>]\"]` — Symfony form-prefixed names like\n *      `privacy_generator[fiscal_code]`. Suffix match keeps the hook\n *      consumer-agnostic; no need to thread the form prefix through.\n *\n * Returns the first visible element among the matches. \"Visible\" here\n * means `offsetParent !== null` — that's the cheap heuristic Radix's\n * hidden inputs (display:none-equivalent positioning) fail and the\n * visible triggers pass. Falls back to the first match if every match\n * is hidden, so a field can still be scrolled into view even when the\n * trigger uses a non-standard layout.\n */\nfunction findErrorElement(name: string, root: ParentNode): HTMLElement | null {\n  // `CSS.escape` is load-bearing here, not cosmetic. The Symfony\n  // suffix-match arm embeds `name` inside `[name$=\"[${safe}]\"]`, so a\n  // field name containing `]` would otherwise close the attribute\n  // selector early and turn the rest of the string into stray\n  // selector tokens. We don't expect adversarial input in practice\n  // (server-controlled field names), but a server returning a `]`\n  // in a 422 payload shouldn't be able to break the query.\n  const safe =\n    typeof CSS !== 'undefined' && typeof CSS.escape === 'function'\n      ? CSS.escape(name)\n      : // SSR / jsdom fallback — drop every character that's\n        // significant in a CSS attribute selector. Conservative but\n        // robust enough for the test environment.\n        name.replace(/[\"'\\\\[\\]]/g, '');\n  const selector =\n    `[data-error-anchor=\"${safe}\"], ` +\n    `[name=\"${safe}\"], ` +\n    `[name$=\"[${safe}]\"]`;\n\n  const matches = Array.from(root.querySelectorAll<HTMLElement>(selector));\n  if (matches.length === 0) return null;\n\n  const visible = matches.find((el) => el.offsetParent !== null);\n  return visible ?? matches[0];\n}\n\n/* -------------------------------------------------------------------- */\n/* Hook                                                                   */\n/* -------------------------------------------------------------------- */\n\n/**\n * Scrolls the first errored field into view and (by default) focuses\n * it, after `errors` changes. Backs the standard AlfaDocs rebrand\n * validation-error UX: after a 422 with `{ errors: { field: message } }`\n * is rendered inline, the user shouldn't be left staring at red labels\n * they can't see. Implements WCAG 3.3.1 / 3.3.3.\n *\n * The hook is stateless and never mutates the DOM beyond the\n * `scrollIntoView` + `focus` calls.\n *\n * @example\n *   const fieldOrder = ['firstName', 'email', 'fiscalCode'] as const;\n *   const [errors, setErrors] = useState<Record<string, string>>({});\n *   useScrollToFirstError(errors, fieldOrder);\n *\n * @example Radix-based field\n *   <Checkbox data-error-anchor=\"consent\" name=\"consent\" />\n *   // hook scrolls to the visible <button>, not Radix's hidden input.\n *\n * @example Scoped to one form\n *   const formRef = useRef<HTMLFormElement>(null);\n *   useScrollToFirstError(errors, fieldOrder, { scope: formRef });\n */\nexport function useScrollToFirstError(\n  errors: Readonly<Record<string, string | undefined>>,\n  fieldOrder: ReadonlyArray<string>,\n  options: UseScrollToFirstErrorOptions = {},\n): void {\n  const {\n    scope,\n    scrollOptions = { behavior: 'smooth', block: 'center' },\n    focus = true,\n    skipInitialMount = true,\n  } = options;\n\n  // Single ref guards the initial-mount skip across StrictMode's\n  // mount/unmount/remount cycle — flipped inside the effect body, not\n  // in cleanup, so the second run sees `true` and stays gated.\n  const ranOnceRef = useRef(false);\n\n  // Track the previous \"first errored field name\" so a re-render that\n  // leaves the same field errored doesn't re-scroll. We intentionally\n  // depend on the resolved name (not the whole errors object) — that\n  // way callers can mutate `errors` shape freely as long as the head\n  // of the validation list is stable, which is the typical pattern\n  // after a server returns the same 422 twice in a row.\n  const lastScrolledFieldRef = useRef<string | null>(null);\n\n  // Resolve the first errored field by visual order. A field is\n  // \"errored\" iff its key has a truthy string value — the kit's form\n  // contract is `Record<string, string | undefined>` where `undefined`\n  // / missing keys mean \"no error\".\n  const firstErroredField =\n    fieldOrder.find((name) => Boolean(errors[name])) ?? null;\n\n  useEffect(() => {\n    if (skipInitialMount && !ranOnceRef.current) {\n      ranOnceRef.current = true;\n      // Record what we skipped so the next render doesn't try to\n      // scroll to a field that was already errored at mount.\n      lastScrolledFieldRef.current = firstErroredField;\n      return;\n    }\n\n    if (!firstErroredField) {\n      lastScrolledFieldRef.current = null;\n      return;\n    }\n\n    if (firstErroredField === lastScrolledFieldRef.current) return;\n\n    if (typeof window === 'undefined') return;\n\n    // rAF defers the scroll until after the browser has laid out the\n    // freshly-rendered error labels. Calling scrollIntoView synchronously\n    // inside useEffect would fire before the new DOM is painted on\n    // some browsers, leaving the viewport pointing at the old layout.\n    const handle = window.requestAnimationFrame(() => {\n      const root = getScopeRoot(scope);\n      if (!root) return;\n      const el = findErrorElement(firstErroredField, root);\n      if (!el) return;\n\n      el.scrollIntoView(scrollOptions);\n      if (focus) {\n        // preventScroll: true so the browser doesn't override the\n        // smooth scroll above with a snap to put the element at the\n        // top of the viewport.\n        el.focus({ preventScroll: true });\n      }\n      lastScrolledFieldRef.current = firstErroredField;\n    });\n\n    return () => window.cancelAnimationFrame(handle);\n    // `scrollOptions` / `focus` / `scope` / `skipInitialMount` are\n    // option bag values — re-running on their identity change would\n    // be surprising. The hook re-fires only when the field at the\n    // head of the errored list changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [firstErroredField]);\n}\n"],"names":["getScopeRoot","scope","findErrorElement","name","root","safe","selector","matches","el","useScrollToFirstError","errors","fieldOrder","options","scrollOptions","focus","skipInitialMount","ranOnceRef","useRef","lastScrolledFieldRef","firstErroredField","useEffect","handle"],"mappings":";AAiDA,SAASA,EACPC,GACmB;AACnB,SAAIA,KAAA,QAAAA,EAAO,UAAgBA,EAAM,UAC7B,OAAO,WAAa,MAAoB,OACrC;AACT;AAsBA,SAASC,EAAiBC,GAAcC,GAAsC;AAQ5E,QAAMC,IACJ,OAAO,MAAQ,OAAe,OAAO,IAAI,UAAW,aAChD,IAAI,OAAOF,CAAI;AAAA;AAAA;AAAA;AAAA,IAIfA,EAAK,QAAQ,cAAc,EAAE;AAAA,KAC7BG,IACJ,uBAAuBD,CAAI,cACjBA,CAAI,gBACFA,CAAI,OAEZE,IAAU,MAAM,KAAKH,EAAK,iBAA8BE,CAAQ,CAAC;AACvE,SAAIC,EAAQ,WAAW,IAAU,OAEjBA,EAAQ,KAAK,CAACC,MAAOA,EAAG,iBAAiB,IAAI,KAC3CD,EAAQ,CAAC;AAC7B;AA6BO,SAASE,EACdC,GACAC,GACAC,IAAwC,CAAA,GAClC;AACN,QAAM;AAAA,IACJ,OAAAX;AAAA,IACA,eAAAY,IAAgB,EAAE,UAAU,UAAU,OAAO,SAAA;AAAA,IAC7C,OAAAC,IAAQ;AAAA,IACR,kBAAAC,IAAmB;AAAA,EAAA,IACjBH,GAKEI,IAAaC,EAAO,EAAK,GAQzBC,IAAuBD,EAAsB,IAAI,GAMjDE,IACJR,EAAW,KAAK,CAACR,MAAS,EAAQO,EAAOP,CAAI,CAAE,KAAK;AAEtD,EAAAiB,EAAU,MAAM;AACd,QAAIL,KAAoB,CAACC,EAAW,SAAS;AAC3C,MAAAA,EAAW,UAAU,IAGrBE,EAAqB,UAAUC;AAC/B;AAAA,IACF;AAEA,QAAI,CAACA,GAAmB;AACtB,MAAAD,EAAqB,UAAU;AAC/B;AAAA,IACF;AAIA,QAFIC,MAAsBD,EAAqB,WAE3C,OAAO,SAAW,IAAa;AAMnC,UAAMG,IAAS,OAAO,sBAAsB,MAAM;AAChD,YAAMjB,IAAOJ,EAAaC,CAAK;AAC/B,UAAI,CAACG,EAAM;AACX,YAAMI,IAAKN,EAAiBiB,GAAmBf,CAAI;AACnD,MAAKI,MAELA,EAAG,eAAeK,CAAa,GAC3BC,KAIFN,EAAG,MAAM,EAAE,eAAe,GAAA,CAAM,GAElCU,EAAqB,UAAUC;AAAA,IACjC,CAAC;AAED,WAAO,MAAM,OAAO,qBAAqBE,CAAM;AAAA,EAMjD,GAAG,CAACF,CAAiB,CAAC;AACxB;"}