@alfadocs/ui-kit-debug 0.72.2 → 0.75.0

package/dist/_chunks/sidebar-B0OBmJrC.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sidebar-B0OBmJrC.js","sources":["../../node_modules/lucide-react/dist/esm/icons/panel-left-close.mjs","../../node_modules/lucide-react/dist/esm/icons/panel-left-open.mjs","../../node_modules/lucide-react/dist/esm/icons/trending-up.mjs","../../src/components/sidebar/sidebar.agent.ts","../../src/components/sidebar/sidebar.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  [\"rect\", { width: \"18\", height: \"18\", x: \"3\", y: \"3\", rx: \"2\", key: \"afitv7\" }],\n  [\"path\", { d: \"M9 3v18\", key: \"fh3hqa\" }],\n  [\"path\", { d: \"m16 15-3-3 3-3\", key: \"14y99z\" }]\n];\nconst PanelLeftClose = createLucideIcon(\"panel-left-close\", __iconNode);\n\nexport { __iconNode, PanelLeftClose as default };\n//# sourceMappingURL=panel-left-close.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  [\"rect\", { width: \"18\", height: \"18\", x: \"3\", y: \"3\", rx: \"2\", key: \"afitv7\" }],\n  [\"path\", { d: \"M9 3v18\", key: \"fh3hqa\" }],\n  [\"path\", { d: \"m14 9 3 3-3 3\", key: \"8010ee\" }]\n];\nconst PanelLeftOpen = createLucideIcon(\"panel-left-open\", __iconNode);\n\nexport { __iconNode, PanelLeftOpen as default };\n//# sourceMappingURL=panel-left-open.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  [\"path\", { d: \"M16 7h6v6\", key: \"box55l\" }],\n  [\"path\", { d: \"m22 7-8.5 8.5-5-5L2 17\", key: \"1t1m79\" }]\n];\nconst TrendingUp = createLucideIcon(\"trending-up\", __iconNode);\n\nexport { __iconNode, TrendingUp as default };\n//# sourceMappingURL=trending-up.mjs.map\n","import type { AgentAdapter } from '../../agent/types';\nimport type { SidebarHandle } from './sidebar';\n\nexport const sidebarAgent: AgentAdapter<SidebarHandle> = {\n  id: 'sidebar',\n  capabilities: ['expand'],\n  state: {\n    isCollapsed: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.sidebar.state.isCollapsed',\n      description: 'True when the sidebar is in its collapsed (rail) state.',\n      read: (handle) => handle.getIsCollapsed(),\n    },\n  },\n  actions: {\n    toggle_collapsed: {\n      // Pure ephemeral chrome state — toggling the rail loses no data.\n      safety: 'read',\n      descriptionKey: 'ui.agent.sidebar.actions.toggleCollapsed',\n      description: 'Toggle the sidebar between collapsed and expanded.',\n      invoke: (handle) => {\n        handle.toggleCollapsed();\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'sidebar' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-nav-id',\n      sourceProp: 'navId',\n      description:\n        'Each Sidebar.Item emits its `navId` prop as data-nav-id. Agents activate a nav item via native click on the matching anchor.',\n    },\n  },\n};\n","import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type AnchorHTMLAttributes,\n  type ComponentPropsWithoutRef,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type MouseEvent as ReactMouseEvent,\n  type ReactNode,\n} from 'react';\nimport * as RadixDialog from '@radix-ui/react-dialog';\nimport * as RadixCollapsible from '@radix-ui/react-collapsible';\nimport * as RadixAccordion from '@radix-ui/react-accordion';\nimport * as RadixTooltip from '@radix-ui/react-tooltip';\nimport { AccordionContent } from '../accordion';\nimport { ScrollArea } from '../scroll-area/scroll-area';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  ChevronRight,\n  GripVertical,\n  PanelLeftClose,\n  PanelLeftOpen,\n  Star,\n  TrendingUp,\n  X,\n} from 'lucide-react';\nimport { useAgentRegistration } from '../../agent';\nimport { useEdgeResize } from '../../hooks/use-edge-resize';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { sidebarAgent } from './sidebar.agent';\n\n/* -------------------------------------------------------------------- */\n/* Types & context                                                       */\n/* -------------------------------------------------------------------- */\n\nexport type SidebarMode = 'expanded' | 'icon' | 'overlay';\nexport type SidebarDensity = 'default' | 'compact';\n\nexport interface SidebarContextValue {\n  mode: SidebarMode;\n  density: SidebarDensity;\n  /** Transition the sidebar to a new mode from an internal toggle. */\n  transitionTo?: (next: SidebarMode) => void;\n}\n\nconst SidebarContext = createContext<SidebarContextValue>({\n  mode: 'expanded',\n  density: 'default',\n});\n\nexport const useSidebar = () => useContext(SidebarContext);\n\n/* -------------------------------------------------------------------- */\n/* localStorage helpers (SSR-safe)                                       */\n/* -------------------------------------------------------------------- */\n\nconst STORAGE_KEY = 'ui.sidebar.state';\n\nfunction readStoredState(defaultMode: SidebarMode): SidebarMode {\n  if (typeof window === 'undefined') return defaultMode;\n  try {\n    const v = window.localStorage.getItem(STORAGE_KEY);\n    if (v === 'expanded' || v === 'icon' || v === 'overlay') return v;\n  } catch {\n    /* noop */\n  }\n  return defaultMode;\n}\n\nfunction writeStoredState(value: SidebarMode) {\n  if (typeof window === 'undefined') return;\n  try {\n    window.localStorage.setItem(STORAGE_KEY, value);\n  } catch {\n    /* noop */\n  }\n}\n\n// `usePersistentState` was extracted to `src/hooks/use-persistent-state.ts`\n// so any consumer (sidebar or otherwise) can use it. Re-exported here so\n// `import { usePersistentState } from '@/components/sidebar'` keeps working.\nexport { usePersistentState } from '../../hooks/use-persistent-state';\n\n/* -------------------------------------------------------------------- */\n/* Root                                                                  */\n/* -------------------------------------------------------------------- */\n\nconst railClasses = cva(\n  [\n    'ds:flex ds:flex-col',\n    // Sidebar sits at the page background in light mode (white-on-white\n    // chrome separated by the inline-end border + --shadow-md). In dark\n    // mode the Header already blends with --background, so we step the\n    // sidebar one layer down (blue-600) to keep it visually distinct from\n    // the header band — matches the PDF dark mockups' \"flat Dark Blue\n    // surface with subtle depth via layering\" recipe.\n    'ds:bg-[var(--background)] ds:[.theme-dark_&]:bg-[color:var(--color-blue-600)] ds:text-[var(--foreground)]',\n    'ds:border-inline-end ds:border-[var(--border)]',\n    // Resting-surface elevation — `--shadow-md` is deliberately lighter\n    // than `--shadow-card` so it reads as chrome, not a floating card,\n    // while still separating the rail from the page content on light\n    // backgrounds. Forced-colors strips shadows globally, so the\n    // `border-inline-end` above carries the separation cue for HCM.\n    //\n    // `relative z-[1]` lifts the rail above any sibling that paints a\n    // solid background (e.g. AppFrame's `<main>` surface), otherwise\n    // the shadow that projects towards the inline-end gets covered.\n    'ds:relative ds:z-[1] ds:shadow-[var(--shadow-md)]',\n    // Accessible (AAA) theme prefers a solid border over a soft shadow as the\n    // separation cue — swap the resting elevation for a real 1px `border-e`.\n    'ds:[.theme-accessible_&]:border-e ds:[.theme-accessible_&]:shadow-none',\n    'ds:h-full',\n    'ds:transition-[inline-size] ds:duration-[var(--animation-duration)]',\n    'ds:motion-reduce:transition-none',\n    // While the resize handle is dragging, the width must track the\n    // pointer 1:1 — the data attribute suppresses the width transition.\n    'ds:data-[resizing]:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      mode: {\n        // Tokenised widths modelled on Linear / Jira proportions.\n        expanded: 'ds:w-[var(--sidebar-modern-expanded-size)]',\n        icon: 'ds:w-[var(--sidebar-modern-icon-size)]',\n        overlay: 'ds:w-[var(--sidebar-modern-expanded-size)]',\n      },\n      density: {\n        default: '',\n        compact: '',\n      },\n    },\n    defaultVariants: { mode: 'expanded', density: 'default' },\n  },\n);\n\n// Resize clamps for the opt-in drag handle, px. The default mirrors the\n// `--sidebar-modern-expanded-size` token (248px).\nconst RESIZE_MIN = 192;\nconst RESIZE_MAX = 384;\nconst RESIZE_DEFAULT = 248;\n\n// Opt-in resize handle hugging the inline-end edge. The rail's own\n// `border-inline-end` carries the resting hairline; the strip tints\n// accent on hover / focus / drag and widens its hit area via `::before`.\nconst resizeHandleClasses = [\n  'ds:absolute ds:[inset-block:0] ds:end-0 ds:z-[2]',\n  'ds:w-[var(--resizable-handle-size)]',\n  'ds:cursor-col-resize ds:select-none ds:touch-none',\n  'ds:hover:bg-[var(--accent)] ds:focus-visible:bg-[var(--accent)]',\n  'ds:data-[resizing]:bg-[var(--accent)]',\n  'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  \"ds:before:absolute ds:before:content-['']\",\n  'ds:before:[inset-block:0]',\n  'ds:before:[inline-size:var(--min-target-size)]',\n  'ds:before:[inset-inline:calc(0px_-_(var(--min-target-size)_-_var(--resizable-handle-size))_/_2)]',\n].join(' ');\n\n// Curated agent-readiness handle — see sidebar.agent.ts.\n// `activeItem` / `selectItem` are intentionally NOT exposed: the active\n// navigation item is owned by the consuming app (it sets `aria-current` on\n// each Sidebar.Item based on its router state). Surfacing setters here would\n// be lying about a write capability we can't actually perform.\nexport interface SidebarHandle {\n  getIsCollapsed: () => boolean;\n  toggleCollapsed: () => void;\n}\n\nexport interface SidebarProps extends ComponentPropsWithoutRef<'nav'> {\n  /** Visual mode. Controlled via `onStateChange`. @default 'expanded' */\n  state?: SidebarMode;\n  /** Uncontrolled default mode. @default 'expanded' */\n  defaultState?: SidebarMode;\n  /** Fires when the mode changes (user toggle or overlay open/close). */\n  onStateChange?: (state: SidebarMode) => void;\n  /** Compact density shrinks inline padding. @default 'default' */\n  density?: SidebarDensity;\n  /** Overlay-only: controlled open state. */\n  open?: boolean;\n  /** Overlay-only: fires when the dialog opens/closes. */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Opt-in drag handle on the inline-end edge (expanded mode only).\n   * Dragging or arrow keys write the committed width to the\n   * `--sidebar-modern-expanded-size` custom property on the root;\n   * Enter / double-click resets to the token default (248px).\n   * @default false\n   */\n  resizable?: boolean;\n  /** Override the nav aria-label. */\n  'aria-label'?: string;\n}\n\nconst Sidebar = forwardRef<HTMLElement, SidebarProps>(\n  (\n    {\n      state,\n      defaultState = 'expanded',\n      onStateChange,\n      density = 'default',\n      open,\n      onOpenChange,\n      resizable = false,\n      'aria-label': ariaLabel,\n      className,\n      children,\n      id,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const isControlled = state !== undefined;\n    const [internalState, setInternalState] = useState<SidebarMode>(() =>\n      isControlled ? state! : readStoredState(defaultState),\n    );\n    const resolved = isControlled ? state! : internalState;\n\n    useEffect(() => {\n      if (!isControlled) writeStoredState(internalState);\n    }, [internalState, isControlled]);\n\n    // Transition handler used by internal toggles. In controlled mode we\n    // only fire `onStateChange` — the parent is responsible for updating\n    // the `state` prop. In uncontrolled mode we also update local state.\n    // Note: we intentionally do NOT echo the incoming `state` prop back to\n    // `onStateChange` — that caused a feedback loop in controlled consumers.\n    const transitionTo = useCallback(\n      (next: SidebarMode) => {\n        if (!isControlled) setInternalState(next);\n        onStateChange?.(next);\n      },\n      [isControlled, onStateChange],\n    );\n\n    const label = ariaLabel ?? t('navigation.sidebar.label');\n\n    // Agent handle — refs mirror state for fresh reads.\n    const resolvedRef = useRef<SidebarMode>(resolved);\n    useEffect(() => {\n      resolvedRef.current = resolved;\n    }, [resolved]);\n\n    const agentHandle = useMemo<SidebarHandle>(\n      () => ({\n        getIsCollapsed: () => resolvedRef.current !== 'expanded',\n        toggleCollapsed: () => {\n          const next: SidebarMode =\n            resolvedRef.current === 'expanded' ? 'icon' : 'expanded';\n          transitionTo(next);\n        },\n      }),\n      [transitionTo],\n    );\n    useAgentRegistration(sidebarAgent, agentHandle, id);\n\n    // Edge-resize wiring — the hook writes the committed width straight\n    // onto the expanded-width token the rail's width class already reads.\n    const rootRef = useRef<HTMLElement>(null);\n    const composedRef = useMemo(() => composeRefs(ref, rootRef), [ref]);\n    const { separatorProps, isResizing } = useEdgeResize({\n      edge: 'inline-end',\n      targetRef: rootRef,\n      cssProperty: '--sidebar-modern-expanded-size',\n      minSize: RESIZE_MIN,\n      maxSize: RESIZE_MAX,\n      defaultSize: RESIZE_DEFAULT,\n      disabled: !resizable || resolved !== 'expanded',\n    });\n    const showResizeHandle = resizable && resolved === 'expanded';\n\n    if (resolved === 'overlay') {\n      return (\n        <SidebarContext.Provider\n          value={{ mode: 'overlay', density, transitionTo }}\n        >\n          <RadixDialog.Root open={open} onOpenChange={onOpenChange}>\n            <RadixDialog.Portal>\n              <RadixDialog.Overlay\n                className={[\n                  'ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]',\n                  'ds:bg-[var(--foreground)]/20 ds:backdrop-blur-sm',\n                  'ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in',\n                  'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out',\n                  'ds:motion-reduce:animate-none',\n                ].join(' ')}\n              />\n              <RadixDialog.Content\n                aria-label={label}\n                className={[\n                  'ds:fixed ds:z-[var(--z-modal)]',\n                  'ds:inset-inline-start-0 ds:inset-block-start-0',\n                  'ds:h-dvh',\n                  railClasses({ mode: 'overlay', density }),\n                  'ds:shadow-[var(--shadow-xl)]',\n                  'ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out',\n                  'ds:data-[state=open]:slide-in-from-left ds:data-[state=closed]:slide-out-to-left',\n                  'ds:rtl:data-[state=open]:slide-in-from-right ds:rtl:data-[state=closed]:slide-out-to-right',\n                  'ds:motion-reduce:animate-none',\n                  'ds:focus:outline-none',\n                  className ?? '',\n                ]\n                  .filter(Boolean)\n                  .join(' ')}\n              >\n                <nav\n                  ref={composedRef}\n                  id={id}\n                  aria-label={label}\n                  data-component=\"sidebar\"\n                  data-component-id={id}\n                  className=\"ds:flex ds:flex-col ds:h-full\"\n                  {...rest}\n                >\n                  {children}\n                </nav>\n                <RadixDialog.Close asChild>\n                  <button\n                    type=\"button\"\n                    aria-label={t('navigation.sidebar.close')}\n                    className={[\n                      'ds:absolute ds:top-[var(--spacing-sm)] ds:end-[var(--spacing-sm)]',\n                      'ds:inline-flex ds:items-center ds:justify-center',\n                      'ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)]',\n                      'ds:rounded-[var(--radius-sm)] ds:text-[var(--muted-foreground)]',\n                      'ds:hover:bg-[var(--muted)]/20 ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n                      'ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)]',\n                      'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n                    ].join(' ')}\n                  >\n                    <X aria-hidden=\"true\" className=\"ds:size-4\" />\n                  </button>\n                </RadixDialog.Close>\n              </RadixDialog.Content>\n            </RadixDialog.Portal>\n          </RadixDialog.Root>\n        </SidebarContext.Provider>\n      );\n    }\n\n    return (\n      <SidebarContext.Provider\n        value={{ mode: resolved, density, transitionTo }}\n      >\n        <RadixTooltip.Provider delayDuration={300}>\n          <nav\n            ref={composedRef}\n            id={id}\n            aria-label={label}\n            data-component=\"sidebar\"\n            data-component-id={id}\n            data-mode={resolved}\n            data-density={density}\n            data-resizing={isResizing ? '' : undefined}\n            className={[\n              railClasses({ mode: resolved, density }),\n              density === 'compact' ? 'ds:density-compact' : '',\n              className ?? '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            {...rest}\n          >\n            {children}\n            {showResizeHandle ? (\n              <div\n                {...separatorProps}\n                aria-label={t('navigation.sidebar.resize')}\n                data-resizing={isResizing ? '' : undefined}\n                className={resizeHandleClasses}\n              />\n            ) : null}\n          </nav>\n        </RadixTooltip.Provider>\n      </SidebarContext.Provider>\n    );\n  },\n);\nSidebar.displayName = 'Sidebar';\n\n/* -------------------------------------------------------------------- */\n/* Header / Body / Footer                                                */\n/* -------------------------------------------------------------------- */\n\nconst SidebarHeader = forwardRef<\n  HTMLDivElement,\n  ComponentPropsWithoutRef<'div'>\n>(({ className, ...rest }, ref) => {\n  const { mode } = useSidebar();\n  return (\n    <div\n      ref={ref}\n      className={[\n        'ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-xs)]',\n        'ds:min-h-[var(--min-target-size)]',\n        // Icon-rail is 64px — shrink horizontal padding so a 44×44\n        // control fits centred inside the header.\n        mode === 'icon'\n          ? 'ds:justify-center ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]'\n          : 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n        'ds:py-[var(--spacing-sm)]',\n        // Hairline border + downward chrome shadow cast the header as a\n        // sticky top band above the scrolling body.\n        'ds:border-block-end ds:border-[var(--border)]',\n        'ds:shadow-[var(--shadow-chrome-down)]',\n        className ?? '',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...rest}\n    />\n  );\n});\nSidebarHeader.displayName = 'SidebarHeader';\n\nconst SidebarBody = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n  ({ className, children, ...rest }, ref) => (\n    // Scroll the nav sections through the kit `ScrollArea` (8px tokenised\n    // scrollbar) instead of native `overflow-auto` (the OS scrollbar), so the\n    // sidebar matches the Control Room rail and the kit's trays. `flex-1 min-h-0`\n    // fills the column and bounds the height; the layout `className` lands on the\n    // body box (the ScrollArea root). Padding + `ref` + div props go on the inner\n    // content div so the scrollbar sits flush at the inline-end edge.\n    <ScrollArea\n      orientation=\"vertical\"\n      className={['ds:flex-1 ds:min-h-0', className ?? '']\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div\n        ref={ref}\n        className=\"ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:py-[var(--spacing-sm)]\"\n        {...rest}\n      >\n        {children}\n      </div>\n    </ScrollArea>\n  ),\n);\nSidebarBody.displayName = 'SidebarBody';\n\nconst SidebarFooter = forwardRef<\n  HTMLDivElement,\n  ComponentPropsWithoutRef<'div'>\n>(({ className, ...rest }, ref) => {\n  const { mode } = useSidebar();\n  return (\n    <div\n      ref={ref}\n      className={[\n        'ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-xs)]',\n        // Icon-rail is 64px — two 44×44 controls can't sit side-by-side,\n        // so switch to a vertical stack and let each row self-centre.\n        mode === 'icon'\n          ? 'ds:flex-col ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]'\n          : 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n        'ds:min-h-[var(--min-target-size)]',\n        'ds:py-[var(--spacing-sm)]',\n        // Hairline border + upward chrome shadow cast the footer as a\n        // sticky bottom band below the scrolling body.\n        'ds:border-block-start ds:border-[var(--border)]',\n        'ds:shadow-[var(--shadow-chrome-up)]',\n        className ?? '',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...rest}\n    />\n  );\n});\nSidebarFooter.displayName = 'SidebarFooter';\n\n/* -------------------------------------------------------------------- */\n/* Section                                                               */\n/* -------------------------------------------------------------------- */\n\nexport interface SidebarSectionProps extends ComponentPropsWithoutRef<'div'> {\n  /** Section label shown in expanded / overlay modes. */\n  label?: string;\n  /**\n   * Optional leading glyph rendered inline with the section label. Stays\n   * visible in `icon` mode (when the label collapses to `sr-only`) so the\n   * user still has a visual grouping cue. Decorative — the label carries\n   * the accessible name, so the icon slot is `aria-hidden`.\n   */\n  icon?: ReactNode;\n  /**\n   * Make the label an accordion trigger that collapses its children.\n   * @default true\n   */\n  collapsible?: boolean;\n  /** Uncontrolled default open state for the accordion. @default true */\n  defaultOpen?: boolean;\n  /** Controlled open state. */\n  open?: boolean;\n  /** Fires when the accordion opens / closes. */\n  onOpenChange?: (open: boolean) => void;\n}\n\nconst sectionLabelClasses = [\n  'ds:group/section-label ds:flex ds:w-full ds:items-center',\n  'type-eyebrow',\n  'ds:text-[var(--muted-foreground)]',\n  'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n  'ds:py-[var(--spacing-xs)]',\n  'ds:hover:text-[var(--foreground)]',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n].join(' ');\n\n// Leading icon rendered inside a section header (accordion trigger or plain\n// heading). `--accent` keeps it in the same tint as item-level icons so the\n// header reads as a grouping cue, not a control. `aria-hidden` because the\n// label carries the accessible name.\nconst sectionIconClasses = [\n  'ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center',\n  'ds:size-4',\n  'ds:text-[var(--accent)]',\n  'ds:me-[var(--spacing-xs)]',\n].join(' ');\n\nconst SidebarSection = forwardRef<HTMLDivElement, SidebarSectionProps>(\n  (\n    {\n      label,\n      icon,\n      collapsible = true,\n      defaultOpen = true,\n      open,\n      onOpenChange,\n      className,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { mode } = useSidebar();\n    const isIconMode = mode === 'icon';\n    // Collapsing the section in icon mode hides icons the user needs for\n    // navigation — skip the accordion behaviour there.\n    const isAccordion = collapsible && !isIconMode && Boolean(label);\n\n    const wrapperClasses = [\n      'ds:flex ds:flex-col',\n      'ds:gap-[var(--spacing-xs)]',\n      'ds:mt-[var(--spacing-sm)]',\n      className ?? '',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    if (!isAccordion) {\n      // In icon mode, if there's no icon and no label to render, skip the\n      // heading altogether. If there is an icon, it stays visible as the\n      // grouping cue and the label collapses to sr-only.\n      const hasHeading = Boolean(label) || Boolean(icon);\n      return (\n        <div ref={ref} className={wrapperClasses} {...rest}>\n          {hasHeading ? (\n            <span\n              className={[\n                'ds:flex ds:items-center',\n                'type-eyebrow',\n                'ds:text-[var(--muted-foreground)]',\n                'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n                'ds:py-[var(--spacing-xs)]',\n                isIconMode && !icon ? 'ds:sr-only' : '',\n              ]\n                .filter(Boolean)\n                .join(' ')}\n            >\n              {icon ? (\n                <span aria-hidden=\"true\" className={sectionIconClasses}>\n                  {icon}\n                </span>\n              ) : null}\n              {label ? (\n                <span className={isIconMode ? 'ds:sr-only' : ''}>{label}</span>\n              ) : null}\n            </span>\n          ) : null}\n          {children}\n        </div>\n      );\n    }\n\n    // Use the Radix Accordion primitive + the DS `AccordionContent`\n    // component so the sidebar inherits the exact open/close animation\n    // defined in `accordion.tsx` (`accordion-down` / `accordion-up`\n    // keyframes). Any tweak there propagates here automatically.\n    const accordionValue = 'section';\n    return (\n      <RadixAccordion.Root\n        type=\"single\"\n        collapsible\n        defaultValue={\n          open === undefined && defaultOpen ? accordionValue : undefined\n        }\n        value={open === undefined ? undefined : open ? accordionValue : ''}\n        onValueChange={\n          onOpenChange ? (v) => onOpenChange(v === accordionValue) : undefined\n        }\n        asChild\n      >\n        <div ref={ref} className={wrapperClasses} {...rest}>\n          <RadixAccordion.Item value={accordionValue}>\n            <RadixAccordion.Header className=\"ds:flex\">\n              <RadixAccordion.Trigger className={sectionLabelClasses}>\n                {icon ? (\n                  <span aria-hidden=\"true\" className={sectionIconClasses}>\n                    {icon}\n                  </span>\n                ) : null}\n                <span className=\"ds:flex-1 ds:text-start\">{label}</span>\n                <ChevronRight\n                  aria-hidden=\"true\"\n                  className=\"ds:size-3 ds:transition-transform ds:group-data-[state=open]/section-label:rotate-90 ds:rtl:-scale-x-100 ds:motion-reduce:transition-none\"\n                />\n              </RadixAccordion.Trigger>\n            </RadixAccordion.Header>\n            <AccordionContent\n              aria-label={label}\n              // Flatten the inner padding wrapper AccordionContent adds —\n              // the sidebar sections don't want the 16px padding block\n              // that Accordion cards use. `display: contents` strips the\n              // wrapper from layout so our children flow directly into\n              // the flex column with the gap we set here.\n              className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:[&>div]:contents\"\n            >\n              {children}\n            </AccordionContent>\n          </RadixAccordion.Item>\n        </div>\n      </RadixAccordion.Root>\n    );\n  },\n);\nSidebarSection.displayName = 'SidebarSection';\n\n/* -------------------------------------------------------------------- */\n/* Group (collapsible)                                                   */\n/* -------------------------------------------------------------------- */\n\nexport interface SidebarGroupProps extends ComponentPropsWithoutRef<\n  typeof RadixCollapsible.Root\n> {\n  /** Visible label for the group trigger. */\n  label: string;\n  /** Optional leading icon. */\n  icon?: ReactNode;\n}\n\nconst groupTriggerClasses = [\n  'ds:group ds:flex ds:w-full ds:items-center ds:gap-[var(--spacing-sm)]',\n  'ds:min-h-[var(--min-target-size)]',\n  'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n  'ds:rounded-[var(--radius-sm)]',\n  'ds:text-[var(--foreground)] ds:text-[var(--font-size-sm)]',\n  'ds:font-[var(--font-weight-medium)]',\n  'ds:hover:bg-[var(--muted)]/20',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n].join(' ');\n\nconst SidebarGroup = forwardRef<HTMLDivElement, SidebarGroupProps>(\n  (\n    {\n      label,\n      icon,\n      children,\n      className,\n      defaultOpen,\n      open,\n      onOpenChange,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { mode } = useSidebar();\n    return (\n      <RadixCollapsible.Root\n        ref={ref}\n        defaultOpen={defaultOpen}\n        open={open}\n        onOpenChange={onOpenChange}\n        className={className}\n        {...rest}\n      >\n        <RadixCollapsible.Trigger className={groupTriggerClasses}>\n          {icon ? (\n            <span\n              aria-hidden=\"true\"\n              className=\"ds:inline-flex ds:items-center ds:text-[var(--accent)]\"\n            >\n              {icon}\n            </span>\n          ) : null}\n          <span\n            className={[\n              'ds:flex-1 ds:text-start',\n              mode === 'icon' ? 'ds:sr-only' : '',\n            ].join(' ')}\n          >\n            {label}\n          </span>\n          {mode !== 'icon' ? (\n            <ChevronRight\n              aria-hidden=\"true\"\n              className=\"ds:size-4 ds:transition-transform ds:group-data-[state=open]:rotate-90 ds:rtl:-scale-x-100 ds:motion-reduce:transition-none\"\n            />\n          ) : null}\n        </RadixCollapsible.Trigger>\n        <RadixCollapsible.Content\n          className={[\n            'ds:overflow-hidden',\n            'ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out',\n            'ds:motion-reduce:animate-none',\n            'ds:ps-[var(--spacing-md)]',\n          ].join(' ')}\n        >\n          {children}\n        </RadixCollapsible.Content>\n      </RadixCollapsible.Root>\n    );\n  },\n);\nSidebarGroup.displayName = 'SidebarGroup';\n\n/* -------------------------------------------------------------------- */\n/* Item                                                                  */\n/* -------------------------------------------------------------------- */\n\nconst itemClasses = cva(\n  [\n    // Every row is a pin-hover parent so inline pin / reorder affordances can\n    // fade in on hover of the whole row — keep `group/item` on this selector.\n    // `!text-[var(--foreground)]` forces the label colour over the browser's\n    // default `<a>` link colour (blue-violet) and any inherited hue. The\n    // active variant also uses `!text-*` so it still wins when needed.\n    'ds:group/item ds:relative ds:flex ds:items-center',\n    'ds:gap-[var(--spacing-sm)]',\n    'ds:no-underline ds:!text-[var(--foreground)] ds:text-[length:var(--font-size-sm)]',\n    'ds:hover:bg-[var(--muted)]/12',\n    'ds:transition-colors ds:duration-[var(--animation-duration)]',\n    'ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      mode: {\n        expanded: [\n          'ds:min-h-[var(--min-target-size)] ds:rounded-[var(--radius-sm)]',\n          'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n        ].join(' '),\n        // Icon-only: each item is a 44×44 pill tile centered in the rail.\n        // The active / hover background fills just the tile rather than the\n        // whole row — matching Linear / Asana chrome.\n        icon: [\n          'ds:justify-center ds:ms-auto ds:me-auto',\n          'ds:w-[var(--min-target-size)] ds:h-[var(--min-target-size)]',\n          'ds:ps-0 ds:pe-0 ds:rounded-[var(--radius-md)]',\n        ].join(' '),\n        overlay: [\n          'ds:min-h-[var(--min-target-size)] ds:rounded-[var(--radius-sm)]',\n          'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n        ].join(' '),\n      },\n      density: {\n        default: '',\n        compact: 'ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]',\n      },\n      isActive: {\n        // Filled pill — multi-carrier (bg + text + weight + aria-current at\n        // render time) so colour is never the sole identifier. `!text-*`\n        // forces the foreground over any inherited / base rule so the icon\n        // and label read clearly against the primary fill in every theme.\n        true: [\n          'ds:bg-[var(--primary)] ds:!text-[var(--primary-foreground)]',\n          'ds:font-[var(--font-weight-semibold)]',\n          // Keep hover from dimming the active fill.\n          'ds:hover:bg-[var(--primary)]',\n        ].join(' '),\n        false: '',\n      },\n    },\n    defaultVariants: {\n      mode: 'expanded',\n      density: 'default',\n      isActive: false,\n    },\n  },\n);\n\nexport interface SidebarItemProps extends AnchorHTMLAttributes<HTMLAnchorElement> {\n  /** Mark the item as the current page (`aria-current='page'`). */\n  isActive?: boolean;\n  /**\n   * Stable identifier emitted as `data-nav-id` on the rendered row so an agent\n   * can locate and activate this nav item without traversing React state.\n   * Optional — when omitted the row carries no nav id. (See sidebar.agent.ts\n   * `domHooks.item`.)\n   */\n  navId?: string;\n  /** Render through Radix `Slot` so a router link can take over. */\n  asChild?: boolean;\n  /**\n   * Whether this item is currently pinned to Favourites. Only consulted\n   * when `onPinChange` is supplied.\n   */\n  isPinned?: boolean;\n  /**\n   * Fires with the new pinned state when the user clicks the star. Passing\n   * this prop opts the row into the always-on pin affordance — a star\n   * outline fades in on row hover / focus and fills when pinned. Hidden in\n   * icon-only mode where there is no room for trailing controls.\n   */\n  onPinChange?: (next: boolean) => void;\n  /** Accessible label for the pin button. Defaults to the item's `aria-label`. */\n  pinLabel?: string;\n}\n\n/**\n * Lets a nested SidebarItemBadge report its count up to the enclosing\n * SidebarItem. The badge sits inside the anchor, whose explicit `aria-label`\n * (always set, and required by the icon-mode Tooltip) overrides\n * name-from-content — so folding the count into that `aria-label` is the only\n * way it reaches the accessible name. See SidebarItem / SidebarItemBadge.\n */\nconst SidebarItemBadgeContext = createContext<\n  ((count: string | null) => void) | null\n>(null);\n\nconst SidebarItem = forwardRef<HTMLAnchorElement, SidebarItemProps>(\n  (\n    {\n      asChild = false,\n      isActive = false,\n      navId,\n      isPinned = false,\n      onPinChange,\n      pinLabel,\n      className,\n      children,\n      'aria-label': ariaLabel,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { mode, density } = useSidebar();\n    const Comp = asChild ? Slot : 'a';\n    const showPin = onPinChange !== undefined && mode !== 'icon';\n\n    // In icon mode a SidebarItemBadge collapses to an unlabelled dot, and the\n    // anchor's explicit aria-label (required by the icon-mode Tooltip)\n    // overrides name-from-content — so the count would never reach the\n    // accessible name. The badge reports its count via SidebarItemBadgeContext\n    // and we fold it into the label as `${label}, ${count}` so a screen reader\n    // announces e.g. \"Inbox, 3\". In expanded mode the count is visible text\n    // beside the label, so the name is left unchanged.\n    const [badgeCount, setBadgeCount] = useState<string | null>(null);\n    const composedLabel =\n      mode === 'icon' && ariaLabel != null && badgeCount\n        ? `${ariaLabel}, ${badgeCount}`\n        : ariaLabel;\n\n    const anchor = (\n      <Comp\n        ref={ref as never}\n        aria-current={isActive ? 'page' : undefined}\n        aria-label={composedLabel}\n        data-nav-id={navId}\n        className={itemClasses({\n          mode,\n          density,\n          isActive,\n          className: showPin ? 'ds:flex-1 ds:min-w-0' : className,\n        })}\n        {...rest}\n      >\n        {children}\n      </Comp>\n    );\n\n    const body = showPin ? (\n      <div\n        className={[\n          'ds:group/item ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]',\n          className ?? '',\n        ]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        {anchor}\n        <SidebarPinButton\n          isPinned={isPinned}\n          label={pinLabel ?? ariaLabel ?? ''}\n          onPinChange={onPinChange}\n        />\n      </div>\n    ) : (\n      anchor\n    );\n\n    // In icon-only mode, wrap the item in a Radix Tooltip showing the label.\n    const item =\n      mode === 'icon' && ariaLabel ? (\n        <RadixTooltip.Root>\n          <RadixTooltip.Trigger asChild>{body}</RadixTooltip.Trigger>\n          <RadixTooltip.Portal>\n            <RadixTooltip.Content\n              side=\"right\"\n              sideOffset={6}\n              className={[\n                'ds:z-[var(--z-tooltip)] ds:max-w-[16rem]',\n                'ds:rounded-[var(--radius-sm)]',\n                'ds:bg-[var(--foreground)] ds:text-[var(--background)]',\n                'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)] ds:text-[length:var(--font-size-xs)]',\n                'ds:animate-in ds:fade-in ds:zoom-in-95 ds:motion-reduce:animate-none',\n              ].join(' ')}\n            >\n              {ariaLabel}\n              <RadixTooltip.Arrow className=\"ds:fill-[var(--foreground)]\" />\n            </RadixTooltip.Content>\n          </RadixTooltip.Portal>\n        </RadixTooltip.Root>\n      ) : (\n        body\n      );\n\n    // Provide the badge-count bridge around the whole item so a nested\n    // SidebarItemBadge (inside `children`) can report its count up into\n    // `composedLabel`. The Provider renders no DOM, so layout is unaffected.\n    return (\n      <SidebarItemBadgeContext.Provider value={setBadgeCount}>\n        {item}\n      </SidebarItemBadgeContext.Provider>\n    );\n  },\n);\nSidebarItem.displayName = 'SidebarItem';\n\n/* -------------------------------------------------------------------- */\n/* Item slots — Icon, Label, Badge                                       */\n/* -------------------------------------------------------------------- */\n\nconst SidebarItemIcon = forwardRef<\n  HTMLSpanElement,\n  ComponentPropsWithoutRef<'span'>\n>(({ className, children, ...rest }, ref) => (\n  <span\n    ref={ref}\n    aria-hidden=\"true\"\n    className={[\n      'ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center',\n      'ds:size-5',\n      // Icons carry the accent tint by default so the rail reads less\n      // monotone against the violet active pill. The active row sets\n      // `aria-current=\"page\"` on the anchor (which is `group/item`), so\n      // the icon flips to the primary-foreground (white) on the filled\n      // pill — keeping it readable on the primary background.\n      'ds:text-[var(--accent)]',\n      'ds:group-aria-[current=page]/item:text-[var(--primary-foreground)]',\n      className ?? '',\n    ]\n      .filter(Boolean)\n      .join(' ')}\n    {...rest}\n  >\n    {children}\n  </span>\n));\nSidebarItemIcon.displayName = 'SidebarItemIcon';\n\nconst SidebarItemLabel = forwardRef<\n  HTMLSpanElement,\n  ComponentPropsWithoutRef<'span'>\n>(({ className, children, ...rest }, ref) => {\n  const { mode } = useSidebar();\n  return (\n    <span\n      ref={ref}\n      className={[\n        'ds:flex-1',\n        'ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap ds:break-normal',\n        'ds:text-start',\n        mode === 'icon' ? 'ds:sr-only' : '',\n        className ?? '',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...rest}\n    >\n      {children}\n    </span>\n  );\n});\nSidebarItemLabel.displayName = 'SidebarItemLabel';\n\nconst SidebarItemBadge = forwardRef<\n  HTMLSpanElement,\n  ComponentPropsWithoutRef<'span'>\n>(({ className, children, ...rest }, ref) => {\n  const { mode } = useSidebar();\n  const isIcon = mode === 'icon';\n  const registerCount = useContext(SidebarItemBadgeContext);\n\n  // The badge renders inside the SidebarItem anchor, whose explicit aria-label\n  // overrides name-from-content — so neither the visible count nor an sr-only\n  // sibling here would reach the accessible name. Report the count up to\n  // SidebarItem instead; it folds it into the item's aria-label (e.g.\n  // \"Inbox, 3\"). The dot/pill itself is therefore decorative for AT.\n  useEffect(() => {\n    // Only icon mode folds the count into the host item's name (see\n    // SidebarItem); in expanded mode the count is visible text, so there is\n    // nothing to report up.\n    if (!registerCount || !isIcon) return;\n    const text =\n      children == null || children === false\n        ? null\n        : String(children).trim() || null;\n    registerCount(text);\n    return () => registerCount(null);\n  }, [registerCount, children, isIcon]);\n\n  // --accent on a light surface is magenta-500 (~3.2:1 on white) and\n  // fails WCAG AA for `--font-size-xs` text per 05-accessibility §Accent.\n  // Use --primary + its token-paired foreground so contrast is preserved\n  // in every theme.\n  //\n  // In icon mode the pill collapses to a compact presence indicator: a\n  // 10×10 dot perched on the top-end of the icon tile with a background-\n  // coloured ring so it reads against any row fill. It is aria-hidden — the\n  // count is announced through the host item's composed accessible name.\n  return (\n    <span\n      ref={ref}\n      aria-hidden={isIcon ? 'true' : undefined}\n      className={[\n        'ds:inline-flex ds:items-center ds:justify-center',\n        'ds:font-[var(--font-weight-semibold)]',\n        isIcon\n          ? [\n              'ds:absolute ds:top-[2px] ds:end-[2px]',\n              'ds:min-w-0 ds:size-[10px] ds:ps-0 ds:pe-0',\n              'ds:rounded-[var(--radius-full)]',\n              'ds:bg-[var(--primary)] ds:text-transparent',\n              'ds:ring-2 ds:ring-[var(--background)]',\n              'ds:pointer-events-none',\n            ].join(' ')\n          : [\n              'ds:min-w-[var(--spacing-lg)] ds:h-[var(--spacing-lg)]',\n              'ds:rounded-[var(--radius-full)]',\n              'ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)]',\n              'ds:text-[length:var(--font-size-xs)]',\n              'ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]',\n            ].join(' '),\n        className ?? '',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...rest}\n    >\n      {children}\n    </span>\n  );\n});\nSidebarItemBadge.displayName = 'SidebarItemBadge';\n\n/* -------------------------------------------------------------------- */\n/* Modern-only compound pieces                                           */\n/*                                                                       */\n/* These components ship styling that matches the modern aesthetic.      */\n/* They are INTERACTION STUBS — they render the correct chrome but do    */\n/* not open a DropdownMenu, because the DS <DropdownMenu> wrapper does   */\n/* not exist yet (see review-findings/component-cohesion.mdx). Consumers */\n/* wire their own Radix DropdownMenu around these triggers until the DS  */\n/* wrapper lands. Do NOT add aria-haspopup here — it would announce a    */\n/* menu that never opens (screen-reader lie).                            */\n/* -------------------------------------------------------------------- */\n\nconst workspaceSwitcherClasses = cva(\n  [\n    'ds:flex ds:items-center ds:gap-[var(--spacing-sm)]',\n    'ds:min-h-[var(--min-target-size)]',\n    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:text-[var(--foreground)] ds:text-[length:var(--font-size-sm)]',\n    'ds:hover:bg-[var(--muted)]/20',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:no-underline',\n  ].join(' '),\n);\n\nexport interface SidebarWorkspaceSwitcherProps extends ComponentPropsWithoutRef<'button'> {\n  /** Workspace glyph — square <Avatar>, <img>, or <svg>. Required. */\n  logo: ReactNode;\n  /** Workspace name. Hidden in icon mode; always the accessible name. */\n  name: string;\n  /** Trailing chevron for the dropdown affordance. Defaults to true. */\n  showChevron?: boolean;\n}\n\nconst SidebarWorkspaceSwitcher = forwardRef<\n  HTMLButtonElement,\n  SidebarWorkspaceSwitcherProps\n>(({ logo, name, showChevron = true, className, ...rest }, ref) => {\n  const { mode } = useSidebar();\n  const showLabel = mode !== 'icon';\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      aria-label={name}\n      className={[workspaceSwitcherClasses(), className]\n        .filter(Boolean)\n        .join(' ')}\n      {...rest}\n    >\n      <span\n        aria-hidden=\"true\"\n        className=\"ds:inline-flex ds:items-center ds:shrink-0\"\n      >\n        {logo}\n      </span>\n      {showLabel ? (\n        <>\n          <span className=\"ds:truncate ds:flex-1 ds:text-start ds:max-w-[var(--header-workspace-max-inline-size)]\">\n            {name}\n          </span>\n          {showChevron ? (\n            <ChevronRight\n              aria-hidden=\"true\"\n              className=\"ds:size-4 ds:shrink-0 ds:rotate-90\"\n            />\n          ) : null}\n        </>\n      ) : null}\n    </button>\n  );\n});\nSidebarWorkspaceSwitcher.displayName = 'SidebarWorkspaceSwitcher';\n\n/* -- Primary action slot -------------------------------------------- */\n\nconst primaryActionClasses = cva(\n  [\n    'ds:flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)]',\n    'ds:min-h-[var(--min-target-size)]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)]',\n    'ds:font-[var(--font-weight-semibold)] ds:text-[length:var(--font-size-sm)]',\n    'ds:hover:bg-[var(--primary-hover)]',\n    'ds:transition-colors ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      mode: {\n        expanded: 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n        icon: 'ds:ps-0 ds:pe-0 ds:w-[var(--sidebar-modern-tile)] ds:h-[var(--sidebar-modern-tile)] ds:ms-auto ds:me-auto',\n        overlay: 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n      },\n    },\n    defaultVariants: { mode: 'expanded' },\n  },\n);\n\nexport interface SidebarPrimaryActionProps extends ComponentPropsWithoutRef<'button'> {\n  icon: ReactNode;\n  /** Button label — hidden in icon mode, always the accessible name. */\n  label: string;\n  /** Optional keyboard shortcut displayed on inline-end in expanded mode. */\n  shortcut?: string;\n}\n\nconst SidebarPrimaryAction = forwardRef<\n  HTMLButtonElement,\n  SidebarPrimaryActionProps\n>(({ icon, label, shortcut, className, ...rest }, ref) => {\n  const { mode } = useSidebar();\n  const showLabel = mode !== 'icon';\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      aria-label={label}\n      aria-keyshortcuts={shortcut}\n      className={[primaryActionClasses({ mode }), className]\n        .filter(Boolean)\n        .join(' ')}\n      {...rest}\n    >\n      <span\n        aria-hidden=\"true\"\n        className=\"ds:inline-flex ds:size-4 ds:items-center ds:justify-center\"\n      >\n        {icon}\n      </span>\n      {showLabel ? (\n        <>\n          <span className=\"ds:truncate\">{label}</span>\n          {shortcut ? (\n            <kbd className=\"ds:ms-auto ds:text-[length:var(--font-size-xs)] ds:font-[family-name:var(--font-mono)] ds:opacity-80\">\n              {shortcut}\n            </kbd>\n          ) : null}\n        </>\n      ) : null}\n    </button>\n  );\n});\nSidebarPrimaryAction.displayName = 'SidebarPrimaryAction';\n\n/* -- Pin button ----------------------------------------------------- */\n\n/**\n * Toggleable star button used to pin / unpin a nav item to the Favorites\n * section. Rendered inline alongside a `SidebarItem`'s content — hidden in\n * icon mode (pin affordances only make sense when the full row is visible).\n *\n * Controlled via `isPinned` + `onPinChange`. The consumer owns the list of\n * pinned items and mirrors them into `<SidebarFavorites>`.\n */\nexport interface SidebarPinButtonProps extends Omit<\n  ComponentPropsWithoutRef<'button'>,\n  'onChange'\n> {\n  /** Whether the associated item is currently pinned. */\n  isPinned: boolean;\n  /** Fires with the new pinned state. */\n  onPinChange?: (next: boolean) => void;\n  /**\n   * Accessible label that names what is being pinned — e.g. the item's\n   * label. Required so screen-readers can tell pin buttons apart.\n   */\n  label: string;\n}\n\nconst pinButtonClasses = [\n  'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n  'ds:size-6 ds:rounded-[var(--radius-sm)]',\n  // Lift above the Sidebar's opt-in resize handle (z-[2]). When `resizable`,\n  // that handle's ::before hit-area reaches ~--min-target-size/2 inward from\n  // the inline-end edge — exactly where these end-aligned pin stars sit — so\n  // without a higher stacking order the separator swallows the click and\n  // pinning silently fails. Pointer-events stay off until the row is hovered\n  // or the star is focused, so the handle is still fully grabbable at rest\n  // (including touch, where the star never reveals). On a NON-resizable\n  // sidebar there's no handle to clear, but the same gating is inert — the\n  // star reveals and accepts clicks on hover/focus exactly as before.\n  'ds:relative ds:z-[3]',\n  'ds:pointer-events-none ds:group-hover/item:pointer-events-auto ds:focus-visible:pointer-events-auto',\n  // Pin stars carry the accent tint to match every other icon in the rail.\n  // Stays quiet via opacity — reveals only on row hover / focus.\n  'ds:text-[var(--accent)]',\n  'ds:opacity-0 ds:group-hover/item:opacity-100 ds:focus-visible:opacity-100',\n  'ds:hover:bg-[var(--muted)]/20',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  'ds:transition-[color,opacity,background-color] ds:duration-[var(--animation-duration)]',\n  'ds:motion-reduce:transition-none',\n].join(' ');\n\nconst SidebarPinButton = forwardRef<HTMLButtonElement, SidebarPinButtonProps>(\n  ({ isPinned, onPinChange, label, className, onClick, ...rest }, ref) => {\n    const { t } = useTranslation();\n    const { mode } = useSidebar();\n    if (mode === 'icon') return null;\n    const accessibleLabel = isPinned\n      ? t('navigation.sidebar.unpinItem', 'Unpin {{label}}', { label })\n      : t('navigation.sidebar.pinItem', 'Pin {{label}}', { label });\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        aria-label={accessibleLabel}\n        aria-pressed={isPinned}\n        className={[pinButtonClasses, className].filter(Boolean).join(' ')}\n        onClick={(event) => {\n          event.preventDefault();\n          event.stopPropagation();\n          onPinChange?.(!isPinned);\n          onClick?.(event);\n        }}\n        {...rest}\n      >\n        <Star\n          aria-hidden=\"true\"\n          className=\"ds:size-4\"\n          fill={isPinned ? 'currentColor' : 'none'}\n        />\n      </button>\n    );\n  },\n);\nSidebarPinButton.displayName = 'SidebarPinButton';\n\n/* -- Favorites — reorderable section -------------------------------- */\n\ninterface SidebarFavoritesContextValue {\n  onReorder?: (from: number, to: number) => void;\n  count: number;\n  dragSource: number | null;\n  setDragSource: (index: number | null) => void;\n  announce: (message: string) => void;\n}\n\nconst SidebarFavoritesContext =\n  createContext<SidebarFavoritesContextValue | null>(null);\n\nconst useFavoritesContext = () => useContext(SidebarFavoritesContext);\n\n/**\n * Renders `<SidebarSection heading={t('navigation.sidebar.favorites')}>` with an\n * empty-state prompt when no children are supplied. When `onReorder` is\n * provided, children rendered as `<SidebarFavoriteItem>` become drag-and-drop\n * and keyboard reorderable (Alt+↑ / Alt+↓).\n */\nexport interface SidebarFavoritesProps extends ComponentPropsWithoutRef<'div'> {\n  heading?: string;\n  /** Shown when `children` is empty. */\n  emptyMessage?: string;\n  /**\n   * Called when a favorite item is moved from `from` index to `to` index.\n   * Providing this opts the section into drag-and-drop + keyboard reorder.\n   */\n  onReorder?: (from: number, to: number) => void;\n}\n\nconst SidebarFavorites = forwardRef<HTMLDivElement, SidebarFavoritesProps>(\n  ({ heading, emptyMessage, onReorder, className, children, ...rest }, ref) => {\n    const { t } = useTranslation();\n    const resolvedHeading =\n      heading ?? t('navigation.sidebar.favorites', 'Favourites');\n    const childArray = Array.isArray(children)\n      ? children.filter(Boolean)\n      : children\n        ? [children]\n        : [];\n    const count = childArray.length;\n    const hasChildren = count > 0;\n    const [dragSource, setDragSource] = useState<number | null>(null);\n    const [liveMessage, setLiveMessage] = useState('');\n    // Re-emit identical announcements by toggling an invisible suffix so\n    // screen-readers treat repeated moves as distinct.\n    const announceToggle = useRef(false);\n    const announce = useCallback((message: string) => {\n      announceToggle.current = !announceToggle.current;\n      setLiveMessage(announceToggle.current ? message : `${message}\\u200b`);\n    }, []);\n\n    const value = useMemo<SidebarFavoritesContextValue>(\n      () => ({ onReorder, count, dragSource, setDragSource, announce }),\n      [onReorder, count, dragSource, announce],\n    );\n\n    // When there are no pinned items, render nothing by default — no\n    // heading, no empty-state copy. Consumers that want an explicit empty\n    // state can pass `emptyMessage` to opt in.\n    if (!hasChildren && !emptyMessage) return null;\n\n    return (\n      <SidebarFavoritesContext.Provider value={value}>\n        <SidebarSection\n          ref={ref}\n          label={resolvedHeading}\n          className={className}\n          {...rest}\n        >\n          {hasChildren ? (\n            childArray\n          ) : (\n            <p className=\"ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] type-meta ds:text-[color:var(--muted-foreground)]\">\n              {emptyMessage}\n            </p>\n          )}\n          <span role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n            {liveMessage}\n          </span>\n        </SidebarSection>\n      </SidebarFavoritesContext.Provider>\n    );\n  },\n);\nSidebarFavorites.displayName = 'SidebarFavorites';\n\n/* -- Favorite item with drag handle + keyboard reorder -------------- */\n\nexport interface SidebarFavoriteItemProps extends SidebarItemProps {\n  /** Zero-based position of this item within its `<SidebarFavorites>`. */\n  index: number;\n  /**\n   * Accessible name used by the drag handle and live-region announcements.\n   * Defaults to the `aria-label` of the underlying `SidebarItem`.\n   */\n  reorderLabel?: string;\n}\n\nconst favoriteRowClasses = cva(\n  [\n    'ds:group/item ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      dragging: {\n        true: 'ds:opacity-60',\n        false: '',\n      },\n      dropTarget: {\n        true: 'ds:outline-[length:var(--focus-ring-width)] ds:outline-dashed ds:outline-[var(--primary)] ds:outline-offset-[-2px]',\n        false: '',\n      },\n    },\n    defaultVariants: { dragging: false, dropTarget: false },\n  },\n);\n\nconst dragHandleClasses = [\n  'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n  'ds:size-6 ds:rounded-[var(--radius-sm)]',\n  'ds:cursor-grab ds:active:cursor-grabbing',\n  'ds:text-[var(--muted-foreground)]',\n  // Quiet chrome — only reveal the grip when the row is hovered or the\n  // handle itself is focused (keyboard / AT). Matches the pin-star's\n  // reveal-on-hover behaviour so the two siblings appear together.\n  'ds:opacity-0 ds:group-hover/item:opacity-100 ds:focus-visible:opacity-100',\n  'ds:hover:bg-[var(--muted)]/20 ds:hover:text-[var(--foreground)]',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  'ds:transition-[color,opacity,background-color] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n].join(' ');\n\nconst SidebarFavoriteItem = forwardRef<\n  HTMLAnchorElement,\n  SidebarFavoriteItemProps\n>(\n  (\n    {\n      index,\n      isActive = false,\n      asChild = false,\n      reorderLabel,\n      isPinned = false,\n      onPinChange,\n      pinLabel,\n      'aria-label': ariaLabel,\n      className,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const { mode } = useSidebar();\n    const favorites = useFavoritesContext();\n    const [isDropTarget, setIsDropTarget] = useState(false);\n    const canReorder = Boolean(favorites?.onReorder) && mode !== 'icon';\n    const label = reorderLabel ?? ariaLabel ?? '';\n    const handleId = useId();\n\n    const moveFromTo = (from: number, to: number) => {\n      if (!favorites?.onReorder) return;\n      const clamped = Math.max(0, Math.min(favorites.count - 1, to));\n      if (clamped === from) return;\n      favorites.onReorder(from, clamped);\n      favorites.announce(\n        t(\n          'navigation.sidebar.reorderAnnounce',\n          '{{label}} moved to position {{to}} of {{total}}',\n          { label, to: clamped + 1, total: favorites.count },\n        ),\n      );\n    };\n\n    const onHandleKeyDown = (event: ReactKeyboardEvent<HTMLButtonElement>) => {\n      if (!canReorder) return;\n      if (event.altKey && event.key === 'ArrowUp') {\n        event.preventDefault();\n        moveFromTo(index, index - 1);\n      } else if (event.altKey && event.key === 'ArrowDown') {\n        event.preventDefault();\n        moveFromTo(index, index + 1);\n      } else if (event.key === 'Home' && event.altKey) {\n        event.preventDefault();\n        moveFromTo(index, 0);\n      } else if (event.key === 'End' && event.altKey) {\n        event.preventDefault();\n        moveFromTo(index, favorites!.count - 1);\n      }\n    };\n\n    const onDragStart = (\n      event: ReactMouseEvent & { dataTransfer?: DataTransfer },\n    ) => {\n      if (!canReorder) return;\n      favorites?.setDragSource(index);\n      if (event.dataTransfer) {\n        event.dataTransfer.effectAllowed = 'move';\n        // Firefox requires data to initiate a drag.\n        event.dataTransfer.setData('ds:text/plain', String(index));\n      }\n    };\n\n    const onDragEnd = () => {\n      favorites?.setDragSource(null);\n      setIsDropTarget(false);\n    };\n\n    const onDragOver = (\n      event: ReactMouseEvent & { dataTransfer?: DataTransfer },\n    ) => {\n      if (!canReorder || favorites?.dragSource === null) return;\n      event.preventDefault();\n      if (event.dataTransfer) event.dataTransfer.dropEffect = 'move';\n      setIsDropTarget(true);\n    };\n\n    const onDragLeave = () => setIsDropTarget(false);\n\n    const onDrop = (event: ReactMouseEvent) => {\n      if (!canReorder) return;\n      event.preventDefault();\n      const source = favorites?.dragSource;\n      setIsDropTarget(false);\n      if (source === null || source === undefined || source === index) return;\n      moveFromTo(source, index);\n    };\n\n    const isDragging = favorites?.dragSource === index;\n\n    return (\n      <div\n        className={favoriteRowClasses({\n          dragging: isDragging,\n          dropTarget: isDropTarget && !isDragging,\n        })}\n        // Drag the whole row — the grip is a visual + keyboard affordance,\n        // not the sole drag target. Buttons don't start HTML5 drags reliably\n        // in every browser, so we mount the drag events on the row wrapper.\n        draggable={canReorder || undefined}\n        onDragStart={\n          canReorder\n            ? (onDragStart as unknown as (\n                e: ReactMouseEvent<HTMLDivElement>,\n              ) => void)\n            : undefined\n        }\n        onDragEnd={canReorder ? onDragEnd : undefined}\n        onDragOver={\n          onDragOver as unknown as (e: ReactMouseEvent<HTMLDivElement>) => void\n        }\n        onDragLeave={onDragLeave}\n        onDrop={onDrop}\n      >\n        <SidebarItem\n          ref={ref}\n          isActive={isActive}\n          asChild={asChild}\n          aria-label={ariaLabel}\n          aria-describedby={canReorder ? handleId : undefined}\n          // Links and images are `draggable=auto` by default — without this\n          // the browser would fire its native link-drag before our row-level\n          // drag, and our reorder would never start.\n          draggable={canReorder ? false : undefined}\n          className={[canReorder ? 'ds:flex-1 ds:min-w-0' : '', className ?? '']\n            .filter(Boolean)\n            .join(' ')}\n          {...rest}\n        >\n          {children}\n        </SidebarItem>\n        {canReorder ? (\n          <button\n            type=\"button\"\n            id={handleId}\n            aria-label={t(\n              'navigation.sidebar.reorderHandle',\n              'Reorder {{label}}. Press Alt + Up or Alt + Down to move.',\n              { label },\n            )}\n            className={dragHandleClasses}\n            onKeyDown={onHandleKeyDown}\n          >\n            <GripVertical aria-hidden=\"true\" className=\"ds:size-4\" />\n          </button>\n        ) : null}\n        {onPinChange && mode !== 'icon' ? (\n          <SidebarPinButton\n            isPinned={isPinned}\n            label={pinLabel ?? ariaLabel ?? ''}\n            onPinChange={onPinChange}\n          />\n        ) : null}\n      </div>\n    );\n  },\n);\nSidebarFavoriteItem.displayName = 'SidebarFavoriteItem';\n\n/* -- Profile pill at the block-end --------------------------------- */\n\nconst profilePillClasses = cva(\n  [\n    'ds:flex ds:items-center ds:gap-[var(--spacing-sm)]',\n    'ds:min-h-[var(--min-target-size)]',\n    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:text-[var(--foreground)] ds:text-[length:var(--font-size-sm)]',\n    'ds:hover:bg-[var(--muted)]/20',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:no-underline',\n  ].join(' '),\n);\n\nexport interface SidebarProfilePillProps extends ComponentPropsWithoutRef<'button'> {\n  /** Avatar or other identifying glyph. Required. */\n  avatar: ReactNode;\n  /** User's display name — hidden in icon mode, always the accessible name. */\n  name: string;\n  /**\n   * Secondary line (e.g. selected studio, \"Owner\", \"Admin\"). Accepts arbitrary\n   * JSX so an icon can sit inline with the text. Hidden in icon mode.\n   */\n  subtitle?: ReactNode;\n  /**\n   * Plain-text form of the subtitle for the accessible name. Required when\n   * `subtitle` is not a string; ignored otherwise.\n   */\n  subtitleLabel?: string;\n}\n\nconst SidebarProfilePill = forwardRef<\n  HTMLButtonElement,\n  SidebarProfilePillProps\n>(({ avatar, name, subtitle, subtitleLabel, className, ...rest }, ref) => {\n  const { mode } = useSidebar();\n  const showLabel = mode !== 'icon';\n  const accessibleSubtitle =\n    typeof subtitle === 'string' ? subtitle : subtitleLabel;\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      aria-label={accessibleSubtitle ? `${name}, ${accessibleSubtitle}` : name}\n      // No `aria-haspopup` here until a DropdownMenu is wired — announcing\n      // a menu that never opens is a screen-reader lie. Consumers wrap\n      // this trigger in their own Radix DropdownMenu.\n      className={[profilePillClasses(), className].filter(Boolean).join(' ')}\n      {...rest}\n    >\n      <span\n        aria-hidden=\"true\"\n        className=\"ds:inline-flex ds:items-center ds:shrink-0\"\n      >\n        {avatar}\n      </span>\n      {showLabel ? (\n        <span className=\"ds:flex-1 ds:min-w-0 ds:text-start\">\n          <span className=\"ds:block ds:truncate type-label\">{name}</span>\n          {subtitle ? (\n            typeof subtitle === 'string' ? (\n              <span className=\"ds:block ds:truncate type-meta ds:text-[color:var(--muted-foreground)]\">\n                {subtitle}\n              </span>\n            ) : (\n              <span className=\"ds:flex ds:items-center ds:gap-[length:var(--spacing-xs)] ds:min-w-0 type-meta ds:text-[color:var(--muted-foreground)]\">\n                {subtitle}\n              </span>\n            )\n          ) : null}\n        </span>\n      ) : null}\n    </button>\n  );\n});\nSidebarProfilePill.displayName = 'SidebarProfilePill';\n\n/* -------------------------------------------------------------------- */\n/* Collapse trigger                                                      */\n/*                                                                       */\n/* Full-width nav-item-style toggle that swaps between `expanded` and    */\n/* `icon` modes. A compact 44×44 icon-only button — drop it inline next   */\n/* to the profile pill, Settings row, or anywhere else. Accessible name   */\n/* comes from the i18n collapse / expand string; a tooltip shows the     */\n/* same text on hover / focus so sighted users don't have to guess.      */\n/*                                                                       */\n/* Hidden in `overlay` mode (overlay has its own close button).          */\n/* -------------------------------------------------------------------- */\n\nexport interface SidebarCollapseTriggerProps extends ComponentPropsWithoutRef<'button'> {\n  /** Override the accessible label. Defaults to the i18n collapse/expand string. */\n  'aria-label'?: string;\n}\n\nconst collapseTriggerClasses = [\n  'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n  'ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)]',\n  'ds:rounded-[var(--radius-sm)]',\n  'ds:text-[var(--muted-foreground)]',\n  'ds:hover:bg-[var(--muted)]/20 ds:hover:text-[var(--foreground)]',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n].join(' ');\n\nconst SidebarCollapseTrigger = forwardRef<\n  HTMLButtonElement,\n  SidebarCollapseTriggerProps\n>(({ className, 'aria-label': ariaLabel, onClick, ...rest }, ref) => {\n  const { t } = useTranslation();\n  const { mode, transitionTo } = useSidebar();\n\n  if (mode === 'overlay') return null;\n\n  const isExpanded = mode === 'expanded';\n  const accessibleLabel =\n    ariaLabel ??\n    (isExpanded\n      ? t('navigation.sidebar.collapse', 'Collapse sidebar')\n      : t('navigation.sidebar.expand', 'Expand sidebar'));\n\n  const button = (\n    <button\n      ref={ref}\n      type=\"button\"\n      aria-label={accessibleLabel}\n      aria-expanded={isExpanded}\n      onClick={(event) => {\n        transitionTo?.(isExpanded ? 'icon' : 'expanded');\n        onClick?.(event);\n      }}\n      className={[collapseTriggerClasses, className].filter(Boolean).join(' ')}\n      {...rest}\n    >\n      {isExpanded ? (\n        <PanelLeftClose\n          aria-hidden=\"true\"\n          className=\"ds:size-4 ds:rtl:-scale-x-100\"\n        />\n      ) : (\n        <PanelLeftOpen\n          aria-hidden=\"true\"\n          className=\"ds:size-4 ds:rtl:-scale-x-100\"\n        />\n      )}\n    </button>\n  );\n\n  return (\n    <RadixTooltip.Root>\n      <RadixTooltip.Trigger asChild>{button}</RadixTooltip.Trigger>\n      <RadixTooltip.Portal>\n        <RadixTooltip.Content\n          side={mode === 'icon' ? 'right' : 'top'}\n          sideOffset={6}\n          className={[\n            'ds:z-[var(--z-tooltip)] ds:max-w-[16rem]',\n            'ds:rounded-[var(--radius-sm)]',\n            'ds:bg-[var(--foreground)] ds:text-[var(--background)]',\n            'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)] ds:text-[length:var(--font-size-xs)]',\n            'ds:animate-in ds:fade-in ds:zoom-in-95 ds:motion-reduce:animate-none',\n          ].join(' ')}\n        >\n          {accessibleLabel}\n          <RadixTooltip.Arrow className=\"ds:fill-[var(--foreground)]\" />\n        </RadixTooltip.Content>\n      </RadixTooltip.Portal>\n    </RadixTooltip.Root>\n  );\n});\nSidebarCollapseTrigger.displayName = 'SidebarCollapseTrigger';\n\n/* -------------------------------------------------------------------- */\n/* Upgrade chip                                                          */\n/*                                                                       */\n/* Persistent navigation affordance into the upgrade-packages area       */\n/* (PAU) that sits between the body and the footer. Deliberately NOT     */\n/* dismissible — it is chrome, not a banner. Consumers supply the copy   */\n/* and destination; the chip owns layout, theming, and mode adaptation.  */\n/* In icon mode it collapses to a 44×44 tile with a tooltip; the         */\n/* accent-gradient surface flattens to the page background in the        */\n/* accessible themes and follows Canvas in forced-colors.                */\n/* -------------------------------------------------------------------- */\n\nconst upgradeChipClasses = cva(\n  [\n    'ds:flex ds:items-center ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:border ds:border-[var(--border)]',\n    'ds:bg-[image:var(--gradient-surface-subtle-accent)]',\n    'ds:no-underline ds:!text-[var(--foreground)]',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      mode: {\n        expanded: [\n          'ds:min-h-[var(--min-target-size)]',\n          'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-sm)]',\n        ].join(' '),\n        icon: [\n          'ds:justify-center',\n          'ds:w-[var(--min-target-size)] ds:h-[var(--min-target-size)]',\n          'ds:ms-auto ds:me-auto ds:ps-0 ds:pe-0',\n        ].join(' '),\n        overlay: [\n          'ds:min-h-[var(--min-target-size)]',\n          'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-sm)]',\n        ].join(' '),\n      },\n    },\n    defaultVariants: { mode: 'expanded' },\n  },\n);\n\nexport interface SidebarUpgradeChipProps extends AnchorHTMLAttributes<HTMLAnchorElement> {\n  /**\n   * Headline (clamped to two lines). In icon mode it becomes the tile's\n   * accessible name and tooltip; in expanded mode the name comes from the\n   * visible contents (title + description).\n   */\n  title: string;\n  /** Supporting copy. Clamped to two lines; hidden in icon mode. */\n  description?: string;\n  /** Leading glyph. Defaults to an upgrade arrow. */\n  icon?: ReactNode;\n}\n\nconst SidebarUpgradeChip = forwardRef<\n  HTMLAnchorElement,\n  SidebarUpgradeChipProps\n>(({ title, description, icon, className, ...rest }, ref) => {\n  const { mode } = useSidebar();\n  const isIconMode = mode === 'icon';\n\n  const chip = (\n    // aria-label only in icon mode (where the copy is hidden) — in\n    // expanded mode the accessible name comes from the visible contents\n    // so the description isn't excluded from it.\n    <a\n      ref={ref}\n      aria-label={isIconMode ? title : undefined}\n      className={upgradeChipClasses({ mode, className })}\n      {...rest}\n    >\n      <span\n        aria-hidden=\"true\"\n        className={[\n          'ds:inline-flex ds:size-8 ds:shrink-0 ds:items-center ds:justify-center',\n          'ds:rounded-[var(--radius-sm)]',\n          'ds:bg-[var(--accent)] ds:text-[var(--accent-foreground)]',\n        ].join(' ')}\n      >\n        {icon ?? <TrendingUp className=\"ds:size-4\" />}\n      </span>\n      {isIconMode ? null : (\n        <>\n          <span className=\"ds:flex-1 ds:min-w-0 ds:text-start\">\n            {/* Wrap rather than truncate — an upsell headline cut to\n                \"Unlock online pa…\" loses the pitch and there is no\n                reveal affordance outside icon mode. */}\n            <span className=\"ds:block ds:line-clamp-2 type-label\">{title}</span>\n            {description ? (\n              // Foreground (not muted) on the tinted surface — the gradient\n              // stops leave muted text short of AA in both colour schemes.\n              <span className=\"ds:block ds:line-clamp-2 type-meta\">\n                {description}\n              </span>\n            ) : null}\n          </span>\n          {/* Trailing chevron marks the chip as navigation, not a banner. */}\n          <ChevronRight\n            aria-hidden=\"true\"\n            className=\"ds:size-4 ds:shrink-0 ds:rtl:-scale-x-100\"\n          />\n        </>\n      )}\n    </a>\n  );\n\n  if (!isIconMode) return chip;\n\n  // Icon mode: tooltip on the chip itself (the focusable element), the\n  // same recipe every other icon-mode affordance in this file uses.\n  return (\n    <RadixTooltip.Root>\n      <RadixTooltip.Trigger asChild>{chip}</RadixTooltip.Trigger>\n      <RadixTooltip.Portal>\n        <RadixTooltip.Content\n          side=\"right\"\n          sideOffset={6}\n          className={[\n            'ds:z-[var(--z-tooltip)] ds:max-w-[16rem]',\n            'ds:rounded-[var(--radius-sm)]',\n            'ds:bg-[var(--foreground)] ds:text-[var(--background)]',\n            'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)] ds:text-[length:var(--font-size-xs)]',\n            'ds:animate-in ds:fade-in ds:zoom-in-95 ds:motion-reduce:animate-none',\n          ].join(' ')}\n        >\n          {title}\n          <RadixTooltip.Arrow className=\"ds:fill-[var(--foreground)]\" />\n        </RadixTooltip.Content>\n      </RadixTooltip.Portal>\n    </RadixTooltip.Root>\n  );\n});\nSidebarUpgradeChip.displayName = 'SidebarUpgradeChip';\n\nexport {\n  Sidebar,\n  SidebarHeader,\n  SidebarBody,\n  SidebarFooter,\n  SidebarSection,\n  SidebarGroup,\n  SidebarItem,\n  SidebarItemIcon,\n  SidebarItemLabel,\n  SidebarItemBadge,\n  SidebarWorkspaceSwitcher,\n  SidebarPrimaryAction,\n  SidebarFavorites,\n  SidebarFavoriteItem,\n  SidebarPinButton,\n  SidebarProfilePill,\n  SidebarCollapseTrigger,\n  SidebarUpgradeChip,\n};\n"],"names":["__iconNode","PanelLeftClose","createLucideIcon","PanelLeftOpen","TrendingUp","sidebarAgent","handle","SidebarContext","createContext","useSidebar","useContext","STORAGE_KEY","readStoredState","defaultMode","v","writeStoredState","value","railClasses","cva","RESIZE_MIN","RESIZE_MAX","RESIZE_DEFAULT","resizeHandleClasses","Sidebar","forwardRef","state","defaultState","onStateChange","density","open","onOpenChange","resizable","ariaLabel","className","children","id","rest","ref","t","useTranslation","isControlled","internalState","setInternalState","useState","resolved","useEffect","transitionTo","useCallback","next","label","resolvedRef","useRef","agentHandle","useMemo","useAgentRegistration","rootRef","composedRef","composeRefs","separatorProps","isResizing","useEdgeResize","showResizeHandle","jsx","RadixDialog","jsxs","X","RadixTooltip","SidebarHeader","mode","SidebarBody","ScrollArea","SidebarFooter","sectionLabelClasses","sectionIconClasses","SidebarSection","icon","collapsible","defaultOpen","isIconMode","isAccordion","wrapperClasses","accordionValue","RadixAccordion","ChevronRight","AccordionContent","groupTriggerClasses","SidebarGroup","RadixCollapsible","itemClasses","SidebarItemBadgeContext","SidebarItem","asChild","isActive","navId","isPinned","onPinChange","pinLabel","Comp","Slot","showPin","badgeCount","setBadgeCount","composedLabel","anchor","body","SidebarPinButton","item","SidebarItemIcon","SidebarItemLabel","SidebarItemBadge","isIcon","registerCount","text","workspaceSwitcherClasses","SidebarWorkspaceSwitcher","logo","name","showChevron","showLabel","Fragment","primaryActionClasses","SidebarPrimaryAction","shortcut","pinButtonClasses","onClick","accessibleLabel","event","Star","SidebarFavoritesContext","useFavoritesContext","SidebarFavorites","heading","emptyMessage","onReorder","resolvedHeading","childArray","count","hasChildren","dragSource","setDragSource","liveMessage","setLiveMessage","announceToggle","announce","message","favoriteRowClasses","dragHandleClasses","SidebarFavoriteItem","index","reorderLabel","favorites","isDropTarget","setIsDropTarget","canReorder","handleId","useId","moveFromTo","from","to","clamped","onHandleKeyDown","onDragStart","onDragEnd","onDragOver","onDragLeave","onDrop","source","isDragging","GripVertical","profilePillClasses","SidebarProfilePill","avatar","subtitle","subtitleLabel","accessibleSubtitle","collapseTriggerClasses","SidebarCollapseTrigger","isExpanded","button","upgradeChipClasses","SidebarUpgradeChip","title","description","chip"],"mappings":"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","x_google_ignoreList":[0,1,2]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"signature-capture-Ct_4Md4e.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  // Multi-step media lifecycle: draw / type strokes (capture) then commit the\n  // serialised signature (submit).\n  capabilities: ['capture', 'submit'],\n  state: {\n    isEmpty: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.signatureCapture.state.isEmpty',\n      description: 'True when no signature has been drawn or typed.',\n      read: (handle) => handle.isEmpty(),\n    },\n  },\n  actions: {\n    clear: {\n      // Erases all captured strokes — destructive (loses drawn/typed input).\n      safety: 'destructive',\n      idempotent: true,\n      descriptionKey: 'ui.agent.signatureCapture.actions.clear',\n      description: 'Erase the current signature. Loses unsaved input.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    undo: {\n      // Removes the last stroke — reversible by redrawing.\n      safety: 'write',\n      descriptionKey: 'ui.agent.signatureCapture.actions.undo',\n      description: 'Undo the last stroke.',\n      invoke: (handle) => {\n        handle.undo();\n      },\n    },\n    confirm: {\n      // Commits the captured media and returns its serialised payload.\n      safety: 'write',\n      returns: 'SignatureConfirmPayload | null',\n      returnsSchema: {\n        oneOf: [\n          {\n            type: 'object',\n            description: 'The committed signature payload.',\n            properties: {\n              dataUrl: {\n                type: 'string',\n                description: 'PNG data URL of the captured signature.',\n              },\n              capturedAt: {\n                type: 'string',\n                description: 'ISO-8601 UTC timestamp of the commit.',\n              },\n            },\n            required: ['dataUrl'],\n          },\n          {\n            type: 'null',\n            description: 'Returned when the pad is empty.',\n          },\n        ],\n      },\n      descriptionKey: 'ui.agent.signatureCapture.actions.confirm',\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  /**\n   * When set, on confirm() the captured PNG data URL is written into a hidden\n   * `<input name={name}>` so consumers can POST the signature declaratively.\n   * The PNG data URL satisfies the server's `data:image/png` prefix check.\n   * Default off.\n   */\n  name?: string;\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    // Mobile-first: fill the available width but never exceed the configured\n    // pad width. Arbitrary-property form because `inline-size-[…]` /\n    // `block-size-[…]` named utilities emit no CSS here (see canvasVariants).\n    'ds:[inline-size:100%]',\n    'ds:[max-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    // Arbitrary-property form, NOT `inline-size-full` / `block-size-full`:\n    // the `inline-size-*` / `block-size-*` named utilities generate no CSS in\n    // this Tailwind setup, so on a block <div> they silently fall back to auto\n    // (harmless) but on a replaced <canvas> the element then sizes to its\n    // backing-store `width`/`height` attribute — which scaleCanvas drives up to\n    // MAX_CANVAS_PX (4096) in a feedback loop, overflowing the pad on mobile.\n    // The `[property:value]` escape hatch always emits, pinning the canvas to\n    // the frame so the loop can't run away.\n    'ds:[inline-size:100%]',\n    'ds:[block-size:100%]',\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    // Match the pad frame: responsive width capped at the configured size.\n    // Arbitrary-property form (the named `*-size-[…]` utilities are no-ops here).\n    'ds:[inline-size:100%]',\n    'ds:[max-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      name,\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    // Mirrors the last confirmed PNG data URL into a hidden form field when\n    // `name` is set, so consumers can POST the signature declaratively.\n    const [boundValue, setBoundValue] = 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      setBoundValue('');\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        if (name) setBoundValue(payload.png);\n        onConfirmRef.current?.(payload);\n        return payload;\n      }, [\n        mode,\n        typedValue,\n        width,\n        height,\n        resolvedPen,\n        resolvedBg,\n        announce,\n        name,\n      ]);\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        {name ? (\n          <input type=\"hidden\" name={name} value={boundValue} readOnly />\n        ) : null}\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","boundValue","setBoundValue","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/signature-field-jgwYgUhO.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"signature-field-jgwYgUhO.js","sources":["../../node_modules/lucide-react/dist/esm/icons/pen-line.mjs","../../src/components/signature-field/signature-field.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  [\"path\", { d: \"M13 21h8\", key: \"1jsn5i\" }],\n  [\n    \"path\",\n    {\n      d: \"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z\",\n      key: \"1a8usu\"\n    }\n  ]\n];\nconst PenLine = createLucideIcon(\"pen-line\", __iconNode);\n\nexport { __iconNode, PenLine as default };\n//# sourceMappingURL=pen-line.mjs.map\n","/* ------------------------------------------------------------------ */\n/* SignatureField — a single percent-positioned signature placeholder   */\n/* rendered inside a PDFViewer page overlay (renderPageOverlay).         */\n/*                                                                       */\n/* Promoted from the story-only field demonstrated in                    */\n/* pdf-viewer.stories.tsx `WithSignatureFieldOverlays` (HTP-4889): the   */\n/* sign.alfadocs.com rebuild needs N of these positioned over each PDF   */\n/* page, each a real, keyboard-activatable control whose visual + a11y   */\n/* state tracks unsigned → signing → signed.                             */\n/*                                                                       */\n/* - Geometry: the consumer supplies percent coordinates                 */\n/*   (insetInlineStart / insetBlockStart / inlineSize / blockSize)        */\n/*   relative to the overlay box. These are runtime-computed layout       */\n/*   values driven by consumer data, so they ride an inline `style`       */\n/*   per 23-constraints §Runtime-computed dimensions — the same           */\n/*   sanctioned exception PDFViewer/SignatureCapture use. All static       */\n/*   styling stays in CVA + tokens. Logical properties only, so the       */\n/*   field mirrors correctly over an RTL document.                        */\n/* - It IS an interactive control: a real <button>. The accessible name   */\n/*   reflects state (Sign here / Signing… / Signed); the 44/48px target    */\n/*   floor is enforced via --min-target-size.                             */\n/* ------------------------------------------------------------------ */\n\nimport {\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type CSSProperties,\n  type MouseEvent as ReactMouseEvent,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Check, PenLine } from 'lucide-react';\nimport { Spinner } from '../spinner';\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport type SignatureFieldState = 'unsigned' | 'signing' | 'signed';\n\nexport interface SignatureFieldProps extends Omit<\n  ComponentPropsWithoutRef<'button'>,\n  'onClick' | 'children' | 'aria-label' | 'disabled'\n> {\n  /** Lifecycle state. Drives both the visual treatment and the accessible name. */\n  state?: SignatureFieldState;\n  /**\n   * Percent offset of the field's logical start edge within the overlay box.\n   * Applied as a runtime-computed `inset-inline-start: {n}%`.\n   */\n  insetInlineStart?: number;\n  /** Percent offset of the field's logical top edge. `inset-block-start: {n}%`. */\n  insetBlockStart?: number;\n  /** Percent of the overlay's logical inline size — the field width. */\n  inlineSize?: number;\n  /** Percent of the overlay's logical block size — the field height. */\n  blockSize?: number;\n  /** Called when an unsigned (or signed) field is activated by click / keyboard. */\n  onActivate?: () => void;\n  /** Captured signature image (PNG data URL or URL) shown when `state=\"signed\"`. */\n  signedImageSrc?: string;\n  /**\n   * Caption shown in the unsigned prompt and used as the accessible name\n   * (e.g. \"Sign here\", \"Date\", \"Initial here\"). Falls back to the\n   * translated default prompt.\n   */\n  label?: string;\n  /** Hard-disable the field (non-activatable, dimmed). Distinct from `state=\"signing\"`. */\n  disabled?: boolean;\n  /**\n   * Marks the field as the one currently targeted by field-to-field navigation\n   * (Next / Previous signature). Renders a **persistent** selection ring — not\n   * the transient `:focus-visible` ring — so the signer can see which field\n   * they're on as they step through, even after focus moves or is programmatic.\n   */\n  active?: boolean;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst signatureFieldVariants = cva(\n  [\n    // Overlay fields are always absolutely positioned within the\n    // renderPageOverlay box; the percent geometry rides the inline style.\n    'ds:absolute',\n    'ds:inline-flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)]',\n    // The visible box renders at its true percentage geometry. A min-size\n    // floor here overstretched short fields past their authored box, so\n    // neighbours collided (signed box overlapping the next field). The 44/48px\n    // touch target is instead restored via a transparent ::before hit-area\n    // expansion — the same pattern Button's `sm` size uses — applied on touch\n    // viewports only; on desktop the precise box is the target.\n    'ds:before:absolute ds:before:content-[\"\"]',\n    'ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)]',\n    'ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)]',\n    'ds:sm:before:hidden',\n    // Inline padding lives on the per-state variants below (not the base) so\n    // the signed state's tighter padding can't collide with a base ps/pe on\n    // the same logical side under Tailwind's JIT ordering.\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:text-[length:var(--font-size-sm)] ds:font-medium',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-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:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:aria-disabled:cursor-not-allowed',\n  ].join(' '),\n  {\n    variants: {\n      state: {\n        unsigned: [\n          'ds:cursor-pointer',\n          'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n          'ds:border ds:border-dashed ds:border-[color:var(--ring)]',\n          'ds:bg-[color-mix(in_srgb,var(--info)_8%,transparent)]',\n          'ds:text-[var(--foreground)]',\n          'ds:hover:bg-[color-mix(in_srgb,var(--info)_16%,transparent)]',\n          'ds:forced-colors:border-[CanvasText]',\n        ].join(' '),\n        signing: [\n          'ds:cursor-progress',\n          'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n          'ds:border ds:border-dashed ds:border-[color:var(--border)]',\n          'ds:bg-[var(--muted)]',\n          'ds:text-[var(--muted-foreground)]',\n          'ds:forced-colors:border-[CanvasText]',\n        ].join(' '),\n        signed: [\n          // overflow-hidden is NOT on the button root — it would clip the\n          // ::before touch-target expansion. It lives on the inner image\n          // wrapper instead (see render).\n          'ds:cursor-pointer',\n          'ds:p-[var(--spacing-xs)]',\n          'ds:border ds:border-solid ds:border-[color:var(--success)]',\n          'ds:bg-[color-mix(in_srgb,var(--success)_8%,transparent)]',\n          'ds:text-[var(--foreground)]',\n          'ds:forced-colors:border-[CanvasText]',\n        ].join(' '),\n      },\n      // Persistent selection ring for the nav-targeted field. Uses the same\n      // tokens as the focus ring but is NOT gated on :focus-visible, so it\n      // stays visible as the signer steps between fields. When the field is\n      // also focused, the base focus-visible ring composes over it (same\n      // outline property, same value) — no visual clash.\n      active: {\n        true: [\n          'ds:outline-solid',\n          'ds:outline-[length:var(--focus-ring-width)]',\n          'ds:outline-[var(--ring)]',\n          'ds:outline-offset-[length:var(--focus-ring-offset)]',\n          'ds:forced-colors:outline-[Highlight]',\n        ].join(' '),\n        false: '',\n      },\n    },\n    defaultVariants: { state: 'unsigned', active: false },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* SignatureField                                                       */\n/* ------------------------------------------------------------------ */\n\nexport const SignatureField = forwardRef<\n  HTMLButtonElement,\n  SignatureFieldProps\n>(\n  (\n    {\n      state = 'unsigned',\n      insetInlineStart,\n      insetBlockStart,\n      inlineSize,\n      blockSize,\n      onActivate,\n      signedImageSrc,\n      label,\n      disabled = false,\n      active = false,\n      id,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n\n    const inactive = disabled || state === 'signing';\n\n    // Runtime-computed overlay geometry — consumer percent coordinates over\n    // the PDF page. Inline style is the sanctioned exception here\n    // (23-constraints §Runtime-computed dimensions); logical properties keep\n    // the field mirrored over RTL documents.\n    const geometry: CSSProperties = {};\n    if (insetInlineStart !== undefined) {\n      geometry.insetInlineStart = `${insetInlineStart}%`;\n    }\n    if (insetBlockStart !== undefined) {\n      geometry.insetBlockStart = `${insetBlockStart}%`;\n    }\n    if (inlineSize !== undefined) {\n      geometry.inlineSize = `${inlineSize}%`;\n    }\n    if (blockSize !== undefined) {\n      geometry.blockSize = `${blockSize}%`;\n    }\n\n    // `prompt` is the visible caption fallback; `unsigned` is the\n    // accessible-name fallback — intentionally distinct strings.\n    const promptText = label ?? t('signatureField.prompt');\n    // The signed/signing names compose the field's `label` with the status so\n    // several signed fields on one page stay individually identifiable (signed\n    // fields remain activatable for re-signing); falls back to the bare status\n    // when no label is supplied.\n    const accessibleName =\n      state === 'signing'\n        ? label\n          ? t('signatureField.signingNamed', { label })\n          : t('signatureField.signing')\n        : state === 'signed'\n          ? label\n            ? t('signatureField.signedNamed', { label })\n            : t('signatureField.signed')\n          : (label ?? t('signatureField.unsigned'));\n\n    function handleClick(event: ReactMouseEvent<HTMLButtonElement>): void {\n      if (inactive) {\n        event.preventDefault();\n        return;\n      }\n      onActivate?.();\n    }\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        {...rest}\n        data-component=\"signature-field\"\n        data-component-id={id}\n        data-state={state}\n        data-active={active || undefined}\n        aria-label={accessibleName}\n        aria-disabled={inactive || undefined}\n        aria-busy={state === 'signing' || undefined}\n        onClick={handleClick}\n        className={[signatureFieldVariants({ state, active }), className]\n          .filter(Boolean)\n          .join(' ')}\n        // eslint-disable-next-line react/forbid-dom-props -- runtime-computed overlay geometry: consumer percent coordinates over the PDF page (23-constraints §Runtime-computed dimensions)\n        style={geometry}\n      >\n        {state === 'signing' ? (\n          // Decorative: the button's aria-label + aria-busy are the single\n          // source of the status announcement, so the Spinner's own\n          // role=\"status\" live region is hidden from assistive tech.\n          <span aria-hidden=\"true\">\n            <Spinner\n              variant=\"pulse\"\n              size=\"sm\"\n              label={t('signatureField.signing')}\n            />\n          </span>\n        ) : state === 'signed' ? (\n          signedImageSrc ? (\n            // overflow-hidden + rounding live on this inner wrapper (not the\n            // button root) so the signature is clipped to the box WITHOUT\n            // clipping the button's ::before touch-target expansion.\n            <span className=\"ds:inline-size-full ds:block-size-full ds:overflow-hidden ds:rounded-[var(--radius-sm)]\">\n              <img\n                src={signedImageSrc}\n                alt=\"\"\n                aria-hidden=\"true\"\n                className=\"ds:block-size-full ds:inline-size-full ds:object-contain\"\n              />\n            </span>\n          ) : (\n            <>\n              <Check\n                aria-hidden=\"true\"\n                className=\"ds:block-size-4 ds:inline-size-4 ds:text-[var(--success)]\"\n              />\n              <span>{t('signatureField.signed')}</span>\n            </>\n          )\n        ) : (\n          <>\n            <PenLine\n              aria-hidden=\"true\"\n              className=\"ds:block-size-4 ds:inline-size-4\"\n            />\n            <span>{promptText}</span>\n          </>\n        )}\n      </button>\n    );\n  },\n);\n\nSignatureField.displayName = 'SignatureField';\n\nexport { signatureFieldVariants };\n"],"names":["__iconNode","PenLine","createLucideIcon","signatureFieldVariants","cva","SignatureField","forwardRef","state","insetInlineStart","insetBlockStart","inlineSize","blockSize","onActivate","signedImageSrc","label","disabled","active","id","className","rest","ref","t","useTranslation","inactive","geometry","promptText","accessibleName","handleClick","event","jsx","Spinner","jsxs","Fragment","Check"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/_chunks/subDays-DGSOp9d9.js

@@ -1,8 +0,0 @@
-import { a as o } from "./date-picker-variants-DLg-ZrIo.js";
-function n(a, s, r) {
-  return o(a, -s, r);
-}
-export {
-  n as s
-};
-//# sourceMappingURL=subDays-DGSOp9d9.js.map