@alfadocs/ui-kit-debug 0.66.0 → 0.67.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit-debug",
-  "version": "0.66.0",
+  "version": "0.67.0",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe. (debug build — identical runtime to @alfadocs/ui-kit, ships source maps for symbolication).",
   "license": "BUSL-1.1",

package/dist/_chunks/ai-tools-rail-DAfaW8eA.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ai-tools-rail-DAfaW8eA.js","sources":["../../src/components/ai-tools-rail/ai-tools-rail.agent.ts","../../src/components/ai-tools-rail/ai-tools-rail.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — AiToolsRail.                                           */\n/*                                                                        */\n/* Rail-level surface: open / close a tool's panel and read which tool    */\n/* is active. State is strictly the active tool id — never any tool's     */\n/* panel CONTENT (which may carry PHI). Tool ids + badge counts are       */\n/* supplied by the host via props, not derived from panel bodies.        */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { AiToolsRailHandle } from './ai-tools-rail';\n\nexport const aiToolsRailAgent: AgentAdapter<AiToolsRailHandle> = {\n  id: 'ai-tools-rail',\n  capabilities: ['open', 'close', 'select_single'],\n  state: {\n    activeToolId: {\n      type: 'string | null',\n      descriptionKey: 'ui.aiToolsRail.agent.state.activeToolId',\n      description:\n        'Id of the tool whose panel is currently open, or null when the rail is collapsed to its strip. No panel content is ever exposed.',\n      read: (handle) => handle.getActiveToolId(),\n    },\n  },\n  actions: {\n    open: {\n      safety: 'read',\n      argsType: '{ id: string }',\n      descriptionKey: 'ui.aiToolsRail.agent.actions.open',\n      description: \"Open the given tool's panel.\",\n      invoke: (handle, args: { id: string }) => {\n        handle.open(args.id);\n      },\n    },\n    close: {\n      safety: 'read',\n      descriptionKey: 'ui.aiToolsRail.agent.actions.close',\n      description: 'Collapse the rail to its strip (no active tool).',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n    select_tool: {\n      safety: 'read',\n      argsType: '{ id: string | null }',\n      descriptionKey: 'ui.aiToolsRail.agent.actions.selectTool',\n      description:\n        'Set the active tool by id (opens its panel), or pass null to collapse.',\n      invoke: (handle, args: { id: string | null }) => {\n        handle.setActiveTool(args.id);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'ai-tools-rail',\n      description: 'Marks the AiToolsRail wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description:\n        'Sourced from the id prop. Required to address a specific rail from the agent.',\n    },\n    item: {\n      attr: 'data-tool-id',\n      description:\n        'Stable tool id emitted on each strip IconButton. The active icon also carries data-active set to its id.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { IconButton } from '../button/icon-button';\nimport { ScrollArea } from '../scroll-area/scroll-area';\nimport { TooltipProvider } from '../tooltip/tooltip';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useEdgeResize } from '../../hooks/use-edge-resize';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { aiToolsRailAgent } from './ai-tools-rail.agent';\n\n/* ------------------------------------------------------------------ */\n/* Tokenised widths                                                    */\n/*                                                                    */\n/* Fixed + tokenised so the rail stays constraint-compliant — no       */\n/* prop-driven inline styles. Bare `[inline-size:…]` is NOT a          */\n/* recognised utility under the `ds:` prefix; it must carry the        */\n/* prefix or Tailwind emits no rule. Consumers needing a different     */\n/* size wrap the rail and override via CSS.                            */\n/* ------------------------------------------------------------------ */\nconst RAIL_WIDTH = 'ds:[inline-size:3rem]';\n// Panel width rides a consumer-overridable custom property (set\n// `--ai-tools-rail-panel-inline-size` on the rail or a wrapper) so\n// content-heavy tools (e.g. an inbox feed) can widen their panel\n// without inline styles. Defaults to the 22rem tray-family width.\nconst PANEL_WIDTH =\n  'ds:[inline-size:var(--ai-tools-rail-panel-inline-size,22rem)]';\n// The custom property PANEL_WIDTH reads. The resize hook writes the\n// committed px width here (on the panel element, so it beats consumer\n// class overrides on the root) and removes it on reset.\nconst PANEL_SIZE_PROPERTY = '--ai-tools-rail-panel-inline-size';\n// Resize clamp + nominal default, px (352px = the 22rem token default).\nconst PANEL_MIN_SIZE = 288;\nconst PANEL_MAX_SIZE = 640;\nconst PANEL_DEFAULT_SIZE = 352;\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport interface AiToolsRailTool {\n  /** Stable tool id — used in `data-active`, the imperative handle, and\n   *  to label the open panel region. */\n  id: string;\n  /** Accessible name for the strip icon + tooltip, and the open panel's\n   *  region label. Never rendered as visible body text. */\n  label: string;\n  /** lucide-react glyph (rendered `aria-hidden` inside the IconButton). */\n  icon: ReactNode;\n  /** Panel body for this tool. Rendered inline-start of the strip when\n   *  `side='end'` (mirrored for `'start'`). The consumer composes it. */\n  panel: ReactNode;\n  /** Optional unseen / notification count shown on the strip icon. */\n  badgeCount?: number;\n  /** When true the icon is non-interactive and skipped by roving focus. */\n  disabled?: boolean;\n}\n\n/**\n * Curated imperative handle for AiToolsRail. Exposed as the forwardRef\n * target so a future agent / MCP UI bridge can drive the rail without\n * touching the DOM. See `ai-tools-rail.agent.ts`.\n *\n * State surfaced here is strictly identifiers + counts — never any\n * tool's panel content (which may carry PHI).\n */\nexport interface AiToolsRailHandle {\n  /** Currently-active tool id, or null when collapsed to strip-only. */\n  getActiveToolId: () => string | null;\n  /** Activate a tool by id (opens its panel), or null to collapse. */\n  setActiveTool: (id: string | null) => void;\n  /** Activate a tool by id (opens its panel). */\n  open: (id: string) => void;\n  /** Collapse to strip-only (no active tool). */\n  close: () => void;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA — `side` drives the dock edge + which shadow faces main content */\n/* ------------------------------------------------------------------ */\n\nconst railVariants = cva(\n  ['ds:flex ds:shrink-0 ds:h-full', 'ds:bg-[var(--background)]'].join(' '),\n  {\n    variants: {\n      side: {\n        // Strip docks inline-end; the panel mounts inline-start of it\n        // (flex-row, panel rendered first). Shadow faces the main area —\n        // no border against main (the rail stays line-free; the only seam\n        // is the strip↔panel divider on the open panel, see render).\n        end: 'ds:flex-row ds:shadow-[var(--shadow-chrome-start)]',\n        // Strip docks inline-start; the panel mounts inline-end of it.\n        start: 'ds:flex-row-reverse ds:shadow-[var(--shadow-chrome-end)]',\n      },\n    },\n    defaultVariants: { side: 'end' },\n  },\n);\n\nconst stripVariants = cva(\n  [\n    'ds:flex ds:shrink-0 ds:flex-col ds:items-center',\n    'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n    'ds:gap-[var(--spacing-xs)]',\n    RAIL_WIDTH,\n  ].join(' '),\n);\n\nconst panelVariants = cva(\n  [\n    'ds:relative ds:flex ds:min-h-0 ds:flex-col ds:h-full',\n    'ds:bg-[var(--background)]',\n    PANEL_WIDTH,\n    // Defensive: the panel doesn't animate its width today, but if a\n    // consumer adds a transition on the var, suppress it mid-drag.\n    'ds:data-[resizing]:transition-none',\n  ].join(' '),\n);\n\n// Resize handle on the panel's inner edge — mirrors Resizable's Handle\n// (::before hit area to --min-target-size, hover/focus/drag accent, token\n// focus ring) but absolutely positioned over the panel edge. Like the\n// Sidebar's handle it stays TRANSPARENT at rest: the rail root's\n// `shadow-chrome-*` (which faces the main content) carries the resting seam,\n// exactly as the start-docked Sidebar leans on its own shadow — so the rail\n// never shows the constant coloured bar it used to. The strip only tints\n// accent on hover / focus / drag.\nconst panelResizeHandleVariants = cva(\n  [\n    'ds:absolute ds:[inset-block:0] ds:z-[1] ds:select-none ds:touch-none',\n    'ds:[inline-size:var(--resizable-handle-size)] ds:cursor-col-resize',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:hover:bg-[var(--accent)] ds:focus-visible:bg-[var(--accent)] ds:data-[resizing]:bg-[var(--accent)]',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    \"ds:before:absolute ds:before:content-['']\",\n    'ds:before:[block-size:100%]',\n    'ds:before:[inline-size:var(--min-target-size)]',\n    'ds:before:[inset-block:0]',\n    'ds:before:[inset-inline:calc(0px_-_(var(--min-target-size)_-_var(--resizable-handle-size))_/_2)]',\n  ],\n  {\n    variants: {\n      edge: {\n        'inline-start': 'ds:start-0',\n        'inline-end': 'ds:end-0',\n      },\n    },\n    defaultVariants: { edge: 'inline-start' },\n  },\n);\n\n// Hand-rolled overlay count chip — mirrors the AliaSidebar / MessageTray\n// badge markup. A <Badge> would re-introduce its own landmark/role; the\n// strip icon already carries the count in its accessible name, so this\n// span is purely decorative (`aria-hidden`).\nconst badgeVariants = cva(\n  [\n    'ds:absolute ds:-top-[var(--spacing-xs)] ds:-end-[var(--spacing-xs)]',\n    'ds:inline-flex ds:items-center ds:justify-center',\n    'ds:min-w-[calc(var(--spacing-md)+var(--spacing-xs))]',\n    'ds:h-[calc(var(--spacing-md)+var(--spacing-xs))]',\n    'ds:ps-[calc(var(--spacing-xs)/1.5)] ds:pe-[calc(var(--spacing-xs)/1.5)]',\n    'ds:rounded-[var(--radius-full)]',\n    'ds:bg-[color:var(--destructive)] ds:text-[color:var(--destructive-foreground)]',\n    'ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none',\n    'ds:pointer-events-none ds:select-none',\n    'ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]',\n  ].join(' '),\n);\n\n/* ------------------------------------------------------------------ */\n/* Props                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface AiToolsRailProps extends VariantProps<typeof railVariants> {\n  /** Stable instance id, surfaced on the root as `data-component-id`. */\n  id?: string;\n  /** The tools shown as icons on the strip. */\n  tools: AiToolsRailTool[];\n  /** Controlled active tool id (null = collapsed / strip-only). */\n  activeToolId?: string | null;\n  /** Uncontrolled initial active tool id (default null). */\n  defaultActiveToolId?: string | null;\n  /** Fires whenever the active tool changes (incl. → null on collapse). */\n  onActiveToolChange?: (id: string | null) => void;\n  /** Which edge the rail docks to. Default `'end'` (inline-end). */\n  side?: 'start' | 'end';\n  /** Accessible label for the toolbar strip. */\n  railLabel?: string;\n  /**\n   * Opt-in resize affordance for the open tool panel. Renders a\n   * `role=\"separator\"` drag handle on the panel's inner edge (the edge\n   * facing the main content). The committed width is written to\n   * `--ai-tools-rail-panel-inline-size` on the panel element (288–640px);\n   * Enter / double-click resets to the token-driven default. Default `false`.\n   */\n  resizablePanel?: boolean;\n  className?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                             */\n/* ------------------------------------------------------------------ */\n\nfunction formatBadgeCount(count: number, overflowLabel: string): string {\n  return count > 99 ? overflowLabel : String(count);\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nexport const AiToolsRail = forwardRef<AiToolsRailHandle, AiToolsRailProps>(\n  (\n    {\n      id,\n      tools,\n      activeToolId,\n      defaultActiveToolId = null,\n      onActiveToolChange,\n      side = 'end',\n      railLabel,\n      resizablePanel = false,\n      className,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n\n    // Controlled / uncontrolled bridge — the same hook MessageTray uses.\n    const [activeRaw, setActiveRaw] = useControllableState<string | null>({\n      value: activeToolId,\n      defaultValue: defaultActiveToolId,\n      onChange: onActiveToolChange,\n    });\n    const activeId = activeRaw ?? null;\n\n    // Roving-tabindex bookkeeping for the vertical toolbar strip.\n    const buttonsRef = useRef<Array<HTMLButtonElement | null>>([]);\n    const panelRef = useRef<HTMLElement | null>(null);\n    const [focusIndex, setFocusIndex] = useState(0);\n    // Distinguishes keyboard activation (auto-focus into the panel) from\n    // pointer activation (focus stays on the icon — less jarring).\n    const activatedByKeyboardRef = useRef(false);\n    // Set on Enter/Space keydown, read by the click handler that follows,\n    // cleared on keyup — so a subsequent mouse click never inherits it.\n    const keyboardActivateRef = useRef(false);\n\n    const activeIndex = useMemo(\n      () => tools.findIndex((tl) => tl.id === activeId),\n      [tools, activeId],\n    );\n    const activeTool = activeIndex >= 0 ? tools[activeIndex] : null;\n\n    // First non-disabled index — the resting roving stop when none active.\n    const firstEnabledIndex = useMemo(\n      () => tools.findIndex((tl) => !tl.disabled),\n      [tools],\n    );\n\n    // The roving tab stop: the active icon when a tool is open, else the\n    // index the user last focused, else the first enabled icon.\n    const rovingIndex =\n      activeIndex >= 0\n        ? activeIndex\n        : focusIndex >= 0 && !tools[focusIndex]?.disabled\n          ? focusIndex\n          : firstEnabledIndex;\n\n    const selectTool = useCallback(\n      (toolId: string, fromKeyboard: boolean) => {\n        const tool = tools.find((tl) => tl.id === toolId);\n        if (!tool || tool.disabled) return;\n        activatedByKeyboardRef.current = fromKeyboard;\n        // Clicking / activating the active tool collapses to strip-only.\n        setActiveRaw(activeId === toolId ? null : toolId);\n      },\n      [tools, activeId, setActiveRaw],\n    );\n\n    /* ---- Roving arrow-key navigation (vertical toolbar) ----------- */\n    const handleStripKeyDown = useCallback(\n      (event: ReactKeyboardEvent<HTMLDivElement>) => {\n        const count = tools.length;\n        if (count === 0) return;\n\n        let next: number | null = null;\n        if (event.key === 'ArrowDown') next = (rovingIndex + 1) % count;\n        else if (event.key === 'ArrowUp')\n          next = (rovingIndex - 1 + count) % count;\n        else if (event.key === 'Home') next = 0;\n        else if (event.key === 'End') next = count - 1;\n        if (next === null) return;\n\n        // Skip disabled icons in the travel direction.\n        const goingBack = event.key === 'ArrowUp' || event.key === 'End';\n        let candidate = next;\n        let attempts = 0;\n        while (attempts < count && tools[candidate]?.disabled) {\n          candidate = goingBack\n            ? (candidate - 1 + count) % count\n            : (candidate + 1) % count;\n          attempts += 1;\n        }\n        if (tools[candidate]?.disabled) return;\n\n        event.preventDefault();\n        setFocusIndex(candidate);\n        buttonsRef.current[candidate]?.focus();\n      },\n      [tools, rovingIndex],\n    );\n\n    /* ---- Esc collapses + returns focus to the active tool's icon -- */\n    // Attached imperatively via the root ref (not a JSX onKeyDown on the\n    // static container) so the Escape shortcut works from anywhere inside the\n    // open panel without an interaction handler on a non-interactive element.\n    const rootRef = useRef<HTMLDivElement>(null);\n    useEffect(() => {\n      const node = rootRef.current;\n      if (!node) return undefined;\n      const onKeyDown = (event: KeyboardEvent) => {\n        if (event.key !== 'Escape') return;\n        if (activeIndex < 0) return;\n        event.preventDefault();\n        const returnIndex = activeIndex;\n        setActiveRaw(null);\n        setFocusIndex(returnIndex);\n        // Defer until after the panel unmounts so focus lands cleanly.\n        requestAnimationFrame(() => {\n          buttonsRef.current[returnIndex]?.focus();\n        });\n      };\n      node.addEventListener('keydown', onKeyDown);\n      return () => node.removeEventListener('keydown', onKeyDown);\n    }, [activeIndex, setActiveRaw]);\n\n    /* ---- Move focus into the panel when opened by keyboard -------- */\n    useIsomorphicLayoutEffect(() => {\n      if (activeTool && activatedByKeyboardRef.current) {\n        panelRef.current?.focus();\n      }\n      activatedByKeyboardRef.current = false;\n    }, [activeTool]);\n\n    /* ---- Opt-in panel resize (inner edge) -------------------------- */\n    // The handle sits on the edge facing the main content: the panel's\n    // inline-start edge for an end-docked rail, inline-end for start.\n    const panelEdge = side === 'end' ? 'inline-start' : 'inline-end';\n    const { separatorProps, isResizing, isResized } = useEdgeResize({\n      edge: panelEdge,\n      targetRef: panelRef,\n      cssProperty: PANEL_SIZE_PROPERTY,\n      minSize: PANEL_MIN_SIZE,\n      maxSize: PANEL_MAX_SIZE,\n      defaultSize: PANEL_DEFAULT_SIZE,\n      disabled: !resizablePanel,\n    });\n\n    // The aside unmounts on collapse, dropping the hook's inline override.\n    // Re-assert the committed width when a panel (re)mounts so a reopened\n    // panel keeps the user's chosen size.\n    const committedPanelWidth = separatorProps['aria-valuenow'];\n    useIsomorphicLayoutEffect(() => {\n      if (!resizablePanel || !isResized || !activeTool) return;\n      panelRef.current?.style.setProperty(\n        PANEL_SIZE_PROPERTY,\n        `${committedPanelWidth}px`,\n      );\n    }, [activeTool, resizablePanel, isResized, committedPanelWidth]);\n\n    /* ---- Curated imperative handle for agent integration ---------- */\n    const activeIdRef = useRef<string | null>(activeId);\n    activeIdRef.current = activeId;\n\n    const handle = useMemo<AiToolsRailHandle>(\n      () => ({\n        getActiveToolId: () => activeIdRef.current,\n        setActiveTool: (toolId) => {\n          activatedByKeyboardRef.current = false;\n          setActiveRaw(toolId);\n        },\n        open: (toolId) => {\n          const tool = tools.find((tl) => tl.id === toolId);\n          if (!tool || tool.disabled) return;\n          activatedByKeyboardRef.current = false;\n          setActiveRaw(toolId);\n        },\n        close: () => {\n          activatedByKeyboardRef.current = false;\n          setActiveRaw(null);\n        },\n      }),\n      [tools, setActiveRaw],\n    );\n\n    useImperativeHandle(ref, () => handle, [handle]);\n    useAgentRegistration(aiToolsRailAgent, handle, id);\n\n    const overflowLabel = t('aiToolsRail.badgeCountOverflow', {\n      defaultValue: '99+',\n    });\n\n    return (\n      <div\n        ref={rootRef}\n        data-component=\"ai-tools-rail\"\n        data-component-id={id}\n        data-side={side}\n        className={[railVariants({ side }), className]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        {/* The OPEN panel is the single complementary landmark, named by\n            the active tool. Rendered only while a tool is active so two\n            unnamed regions never coexist. */}\n        {activeTool ? (\n          <aside\n            ref={panelRef}\n            tabIndex={-1}\n            aria-label={t('aiToolsRail.panelLabel', {\n              tool: activeTool.label,\n              defaultValue: '{{tool}} panel',\n            })}\n            data-ai-tools-rail-state=\"expanded\"\n            data-active-tool={activeTool.id}\n            data-resizing={isResizing ? '' : undefined}\n            className={[\n              panelVariants(),\n              // 1px divider between the panel and the icon strip (the tab\n              // row). Lives on the panel's STRIP-facing edge, so it only\n              // renders while the panel is open (the aside is unmounted when\n              // collapsed) and never doubles as a rail↔main line. `border-e`\n              // / `border-s` are the real logical border-width utilities —\n              // bare `border-inline-*` emits no CSS in this build.\n              side === 'end'\n                ? 'ds:border-e ds:border-[var(--border)]'\n                : 'ds:border-s ds:border-[var(--border)]',\n              'ds:focus-visible:outline-none',\n            ].join(' ')}\n          >\n            <ScrollArea orientation=\"vertical\" className=\"ds:flex-1 ds:min-h-0\">\n              {activeTool.panel}\n            </ScrollArea>\n            {/* Inside the aside (so it belongs to the complementary\n                landmark) and outside the toolbar strip — the strip's\n                roving handlers never see its key events, and Escape\n                still bubbles to the root to collapse, as everywhere\n                else in the panel. No stopPropagation needed. */}\n            {resizablePanel ? (\n              <div\n                {...separatorProps}\n                aria-label={t('aiToolsRail.resizePanel', {\n                  defaultValue: 'Resize tool panel',\n                })}\n                data-resizing={isResizing ? '' : undefined}\n                className={panelResizeHandleVariants({ edge: panelEdge })}\n              />\n            ) : null}\n          </aside>\n        ) : null}\n\n        {/* The 3rem icon strip — a vertical toolbar with roving tabindex.\n            Self-contained TooltipProvider so consumers needn't mount one;\n            Radix providers compose, so a host-level provider still works. */}\n        <TooltipProvider>\n          <div\n            role=\"toolbar\"\n            aria-orientation=\"vertical\"\n            aria-label={\n              railLabel ??\n              t('aiToolsRail.railLabel', { defaultValue: 'AI tools' })\n            }\n            className={stripVariants()}\n            onKeyDown={handleStripKeyDown}\n          >\n            {tools.map((tool, index) => {\n              const isActive = tool.id === activeId;\n              const showBadge =\n                typeof tool.badgeCount === 'number' && tool.badgeCount > 0;\n              // Fold the count into the accessible name so SR users hear it\n              // without relying on the decorative chip.\n              const accessibleName = showBadge\n                ? t('aiToolsRail.toolWithCount', {\n                    tool: tool.label,\n                    count: tool.badgeCount,\n                    defaultValue: '{{tool}}, {{count}} updates',\n                  })\n                : tool.label;\n              return (\n                <div key={tool.id} className=\"ds:relative\">\n                  <IconButton\n                    ref={(el) => {\n                      buttonsRef.current[index] = el;\n                    }}\n                    icon={tool.icon}\n                    tooltip={tool.label}\n                    aria-label={accessibleName}\n                    intent=\"ghost\"\n                    size=\"sm\"\n                    disabled={tool.disabled}\n                    aria-pressed={isActive}\n                    aria-expanded={isActive}\n                    data-active={isActive ? tool.id : undefined}\n                    data-tool-id={tool.id}\n                    tabIndex={index === rovingIndex ? 0 : -1}\n                    onFocus={() => {\n                      if (!tool.disabled) setFocusIndex(index);\n                    }}\n                    onClick={() =>\n                      selectTool(tool.id, keyboardActivateRef.current)\n                    }\n                    onKeyDown={(event) => {\n                      // Enter/Space activate via the native button's click,\n                      // which fires AFTER this keydown. Flag the upcoming\n                      // click as keyboard-driven so focus moves into the\n                      // panel; reset on keyup so a later mouse click doesn't\n                      // inherit the flag.\n                      if (event.key === 'Enter' || event.key === ' ') {\n                        keyboardActivateRef.current = true;\n                      }\n                    }}\n                    onKeyUp={(event) => {\n                      if (event.key === 'Enter' || event.key === ' ') {\n                        keyboardActivateRef.current = false;\n                      }\n                    }}\n                  />\n                  {showBadge ? (\n                    <span aria-hidden=\"true\" className={badgeVariants()}>\n                      {formatBadgeCount(\n                        tool.badgeCount as number,\n                        overflowLabel,\n                      )}\n                    </span>\n                  ) : null}\n                </div>\n              );\n            })}\n          </div>\n        </TooltipProvider>\n      </div>\n    );\n  },\n);\n\nAiToolsRail.displayName = 'AiToolsRail';\n"],"names":["aiToolsRailAgent","handle","args","RAIL_WIDTH","PANEL_WIDTH","PANEL_SIZE_PROPERTY","PANEL_MIN_SIZE","PANEL_MAX_SIZE","PANEL_DEFAULT_SIZE","railVariants","cva","stripVariants","panelVariants","panelResizeHandleVariants","badgeVariants","formatBadgeCount","count","overflowLabel","AiToolsRail","forwardRef","id","tools","activeToolId","defaultActiveToolId","onActiveToolChange","side","railLabel","resizablePanel","className","ref","t","useTranslation","activeRaw","setActiveRaw","useControllableState","activeId","buttonsRef","useRef","panelRef","focusIndex","setFocusIndex","useState","activatedByKeyboardRef","keyboardActivateRef","activeIndex","useMemo","tl","activeTool","firstEnabledIndex","rovingIndex","_a","selectTool","useCallback","toolId","fromKeyboard","tool","handleStripKeyDown","event","next","goingBack","candidate","attempts","_b","_c","rootRef","useEffect","node","onKeyDown","returnIndex","useIsomorphicLayoutEffect","panelEdge","separatorProps","isResizing","isResized","useEdgeResize","committedPanelWidth","activeIdRef","useImperativeHandle","useAgentRegistration","jsxs","jsx","ScrollArea","TooltipProvider","index","isActive","showBadge","accessibleName","IconButton","el"],"mappings":"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"}

package/dist/_chunks/badge-zsf5i5bH.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"badge-zsf5i5bH.js","sources":["../../src/components/badge/badge.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Tooltip } from '../tooltip';\n\n/* ------------------------------------------------------------------ */\n/* CVA — badge root                                                     */\n/* ------------------------------------------------------------------ */\n\nconst badgeVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:gap-1',\n    // Typography comes from the eyebrow role: Medium 500 + uppercase + expanded tracking.\n    // CVA size variants below override just `--type-eyebrow-size` so weight/transform/\n    // tracking/line-height stay role-owned — same chip-family pattern as Tag.\n    'type-eyebrow',\n    'ds:whitespace-nowrap',\n    'ds:focus-visible:outline-none',\n    'ds:focus-visible:ring-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:ring-[color:var(--ring)]',\n    'ds:focus-visible:ring-offset-[length:var(--focus-ring-offset)]',\n  ].join(' '),\n  {\n    variants: {\n      variant: {\n        // `bg-muted` at full opacity (not /20) — `--muted` is already\n        // a light grey (#eaeaee in light, similarly soft in dark). The\n        // semantic variants below use /15 against saturated source\n        // colours; applying the same reduction to `muted` made the\n        // neutral chip nearly invisible against a white surface\n        // (~5% grey wash with no perceptible edge). Full opacity\n        // gives ~6:1 surface contrast and the chip reads as a chip.\n        neutral: 'ds:bg-muted ds:text-muted-foreground',\n        info: 'ds:bg-info/15 ds:text-[var(--info-foreground)]',\n        success: 'ds:bg-success/15 ds:text-[var(--success-foreground)]',\n        warning: 'ds:bg-warning/15 ds:text-[var(--warning-foreground)]',\n        error: 'ds:bg-destructive/15 ds:text-[var(--error-foreground)]',\n        // Solid-fill brand variants — no border, foreground paired with the\n        // semantic token. Use for trust-signal chips in hero contexts where\n        // a tonal `info` / `neutral` would blend into the brand backdrop.\n        brand: 'ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)]',\n        accent: 'ds:bg-[var(--accent)] ds:text-[var(--accent-foreground)]',\n      },\n      size: {\n        sm: 'ds:h-4 ds:ps-1 ds:pe-1 ds:[--type-eyebrow-size:var(--font-size-2xs)]',\n        md: 'ds:h-5 ds:ps-1.5 ds:pe-1.5 ds:[--type-eyebrow-size:var(--font-size-2xs)]',\n        lg: 'ds:h-6 ds:ps-2 ds:pe-2 ds:[--type-eyebrow-size:var(--font-size-xs)]',\n      },\n      shape: {\n        pill: 'ds:rounded-[var(--radius-full)]',\n        rectangular: 'ds:rounded-[var(--radius-sm)]',\n      },\n    },\n    defaultVariants: {\n      variant: 'neutral',\n      size: 'md',\n      shape: 'pill',\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* CVA — leading dot                                                    */\n/* ------------------------------------------------------------------ */\n\nconst dotVariants = cva(\n  'ds:text-[length:var(--font-size-dot)] ds:leading-none ds:shrink-0',\n  {\n    variants: {\n      variant: {\n        neutral: 'ds:text-muted-foreground',\n        info: 'ds:text-info',\n        success: 'ds:text-success',\n        warning: 'ds:text-warning',\n        error: 'ds:text-destructive',\n        // Solid-fill variants: dot draws in the paired foreground tone so\n        // it stays visible against the saturated primary/accent fill.\n        brand: 'ds:text-[var(--primary-foreground)]',\n        accent: 'ds:text-[var(--accent-foreground)]',\n      },\n    },\n    defaultVariants: { variant: 'neutral' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* CVA — leading icon wrapper                                           */\n/* ------------------------------------------------------------------ */\n\nconst iconWrapperVariants = cva('ds:shrink-0 ds:[&>svg]:block', {\n  variants: {\n    size: {\n      // Icons shrink with the compact Badge scale: sm badge is 16 px tall, so\n      // a 10 px glyph leaves room for the 1 px internal padding.\n      sm: 'ds:[&>svg]:size-2.5',\n      md: 'ds:[&>svg]:size-3',\n      lg: 'ds:[&>svg]:size-3.5',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\n/* ------------------------------------------------------------------ */\n/* BadgeProps                                                           */\n/* ------------------------------------------------------------------ */\n\nexport interface BadgeProps\n  extends\n    React.HTMLAttributes<HTMLSpanElement>,\n    VariantProps<typeof badgeVariants> {\n  /** Leading icon — renders before the label */\n  leading?: ReactNode;\n  /** Show a leading dot indicator (● shape) for colour-blind accessibility */\n  withDot?: boolean;\n  /** Truncate long text with ellipsis + tooltip showing full text */\n  truncate?: boolean;\n  /** For icon-only badges — provides the accessible name */\n  'aria-label'?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Badge                                                                */\n/* ------------------------------------------------------------------ */\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n  (\n    {\n      variant = 'neutral',\n      size = 'md',\n      shape = 'pill',\n      leading,\n      withDot = false,\n      truncate = false,\n      className,\n      children,\n      'aria-label': ariaLabel,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n\n    const isIconOnly = !children && !!ariaLabel;\n    const isCount = typeof children === 'number';\n\n    const badge = (\n      <span\n        ref={ref}\n        className={badgeVariants({ variant, size, shape, className })}\n        data-component=\"badge\"\n        role={isIconOnly ? 'img' : undefined}\n        aria-label={isIconOnly ? ariaLabel : undefined}\n        {...props}\n      >\n        {withDot && (\n          <span aria-hidden=\"true\" className={dotVariants({ variant })}>\n            ●\n          </span>\n        )}\n        {leading && (\n          <span aria-hidden=\"true\" className={iconWrapperVariants({ size })}>\n            {leading}\n          </span>\n        )}\n        {!isIconOnly &&\n          (isCount ? (\n            <>\n              <span aria-hidden=\"true\">{children}</span>\n              <span className=\"ds:sr-only\">\n                {t('badge.notifications', { count: children })}\n              </span>\n            </>\n          ) : truncate ? (\n            <span className=\"ds:max-w-[var(--badge-truncate-max-width)] ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap\">\n              {children}\n            </span>\n          ) : (\n            children\n          ))}\n      </span>\n    );\n\n    if (truncate && typeof children === 'string') {\n      return <Tooltip label={children}>{badge}</Tooltip>;\n    }\n\n    return badge;\n  },\n);\n\nBadge.displayName = 'Badge';\n"],"names":["badgeVariants","cva","dotVariants","iconWrapperVariants","Badge","forwardRef","variant","size","shape","leading","withDot","truncate","className","children","ariaLabel","props","ref","t","useTranslation","isIconOnly","isCount","badge","jsxs","jsx","Fragment","Tooltip"],"mappings":"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"}

package/dist/_chunks/color-picker-9tL7pz5y.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"color-picker-9tL7pz5y.js","sources":["../../src/components/color-picker/color-picker.agent.ts","../../src/components/color-picker/color-utils.ts","../../src/components/color-picker/palettes.ts","../../src/components/color-picker/color-picker.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — ColorPicker.                                           */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { ColorPickerHandle } from './color-picker';\n\nexport const colorPickerAgent: AgentAdapter<ColorPickerHandle> = {\n  id: 'color-picker',\n  capabilities: ['pick'],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.colorPicker.state.value',\n      description: 'Currently picked colour as a hex string (e.g. \"#3b82f6\").',\n      read: (handle) => handle.getValue(),\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'write',\n      argsType: '{ hex: string }',\n      descriptionKey: 'ui.agent.colorPicker.actions.setValue',\n      description: 'Set the picked colour from a hex string.',\n      invoke: (handle, args: { hex: string }) => {\n        handle.setValue(args.hex);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'color-picker',\n      description:\n        'Marks the ColorPicker wrapper (inline) or trigger (popover variant).',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","/**\n * Pure colour-conversion utilities for the ColorPicker component.\n *\n * This is the ONLY file where hex/rgb literals are permitted (for conversion\n * math). The component file (`color-picker.tsx`) must not contain hex/rgb\n * literals — it references `var(--…)` tokens for its own UI.\n */\n\nexport interface HSLA {\n  h: number; // 0–360\n  s: number; // 0–100\n  l: number; // 0–100\n  a: number; // 0–1\n}\n\n/* ------------------------------------------------------------------ */\n/* Hex ↔ HSL                                                          */\n/* ------------------------------------------------------------------ */\n\n/** Parse a hex string (#rgb, #rrggbb, #rrggbbaa) into HSLA. */\nexport function hexToHsl(hex: string): HSLA {\n  let h = hex.startsWith('#') ? hex.slice(1) : hex;\n\n  // Expand shorthand (#rgb → #rrggbb, #rgba → #rrggbbaa)\n  if (h.length === 3 || h.length === 4) {\n    h = h\n      .split('')\n      .map((c) => c + c)\n      .join('');\n  }\n\n  const r = parseInt(h.slice(0, 2), 16) / 255;\n  const g = parseInt(h.slice(2, 4), 16) / 255;\n  const b = parseInt(h.slice(4, 6), 16) / 255;\n  const a = h.length === 8 ? parseInt(h.slice(6, 8), 16) / 255 : 1;\n\n  return rgbToHsl(r, g, b, a);\n}\n\n/** Convert normalised RGB (0–1) + alpha to HSLA. */\nfunction rgbToHsl(r: number, g: number, b: number, a: number): HSLA {\n  const max = Math.max(r, g, b);\n  const min = Math.min(r, g, b);\n  const l = (max + min) / 2;\n  let hue = 0;\n  let sat = 0;\n\n  if (max !== min) {\n    const d = max - min;\n    sat = l > 0.5 ? d / (2 - max - min) : d / (max + min);\n\n    if (max === r) {\n      hue = ((g - b) / d + (g < b ? 6 : 0)) / 6;\n    } else if (max === g) {\n      hue = ((b - r) / d + 2) / 6;\n    } else {\n      hue = ((r - g) / d + 4) / 6;\n    }\n  }\n\n  return {\n    h: Math.round(hue * 360),\n    s: Math.round(sat * 100),\n    l: Math.round(l * 100),\n    a: Math.round(a * 100) / 100,\n  };\n}\n\n/** Convert HSLA to a hex string (#rrggbb or #rrggbbaa when a < 1). */\nexport function hslToHex(hsl: HSLA): string {\n  const { r, g, b } = hslToRgbComponents(hsl);\n  const toHex = (n: number) =>\n    Math.round(n * 255)\n      .toString(16)\n      .padStart(2, '0');\n\n  const base = `#${toHex(r)}${toHex(g)}${toHex(b)}`;\n  if (hsl.a < 1) {\n    return `${base}${toHex(hsl.a)}`;\n  }\n  return base;\n}\n\n/** Convert HSLA to an rgba() string. */\nexport function hslToRgba(hsl: HSLA): string {\n  const { r, g, b } = hslToRgbComponents(hsl);\n  const ri = Math.round(r * 255);\n  const gi = Math.round(g * 255);\n  const bi = Math.round(b * 255);\n\n  if (hsl.a < 1) {\n    return `rgba(${ri}, ${gi}, ${bi}, ${hsl.a})`;\n  }\n  return `rgba(${ri}, ${gi}, ${bi}, 1)`;\n}\n\n/** Internal: convert HSLA to normalised RGB components (0–1). */\nfunction hslToRgbComponents(hsl: HSLA): {\n  r: number;\n  g: number;\n  b: number;\n} {\n  const h = hsl.h / 360;\n  const s = hsl.s / 100;\n  const l = hsl.l / 100;\n\n  if (s === 0) {\n    return { r: l, g: l, b: l };\n  }\n\n  const q = l < 0.5 ? l * (1 + s) : l + s - l * s;\n  const p = 2 * l - q;\n\n  return {\n    r: hueToRgb(p, q, h + 1 / 3),\n    g: hueToRgb(p, q, h),\n    b: hueToRgb(p, q, h - 1 / 3),\n  };\n}\n\nfunction hueToRgb(p: number, q: number, t: number): number {\n  let tt = t;\n  if (tt < 0) tt += 1;\n  if (tt > 1) tt -= 1;\n  if (tt < 1 / 6) return p + (q - p) * 6 * tt;\n  if (tt < 1 / 2) return q;\n  if (tt < 2 / 3) return p + (q - p) * (2 / 3 - tt) * 6;\n  return p;\n}\n\n/* ------------------------------------------------------------------ */\n/* Format / Parse                                                      */\n/* ------------------------------------------------------------------ */\n\n/** Format an HSLA value to the specified output format. */\nexport function formatOutput(\n  hsl: HSLA,\n  format: 'hex' | 'hsl' | 'rgba',\n): string {\n  switch (format) {\n    case 'hex':\n      return hslToHex(hsl);\n    case 'hsl':\n      if (hsl.a < 1) {\n        return `hsla(${hsl.h}, ${hsl.s}%, ${hsl.l}%, ${hsl.a})`;\n      }\n      return `hsl(${hsl.h}, ${hsl.s}%, ${hsl.l}%)`;\n    case 'rgba':\n      return hslToRgba(hsl);\n  }\n}\n\n/** Parse any supported colour string into HSLA. Returns null on failure. */\nexport function parseInput(value: string): HSLA | null {\n  const trimmed = value.trim();\n  if (!trimmed) return null;\n\n  // Hex: #rgb, #rrggbb, #rrggbbaa\n  if (trimmed.startsWith('#')) {\n    const body = trimmed.slice(1);\n    if (!/^[0-9a-fA-F]{3,8}$/.test(body)) return null;\n    if (![3, 4, 6, 8].includes(body.length)) return null;\n    return hexToHsl(trimmed);\n  }\n\n  // hsla(h, s%, l%, a) or hsl(h, s%, l%)\n  const hslaMatch = trimmed.match(\n    /^hsla?\\(\\s*([\\d.]+)\\s*[,/]\\s*([\\d.]+)%?\\s*[,/]\\s*([\\d.]+)%?\\s*(?:[,/]\\s*([\\d.]+))?\\s*\\)$/,\n  );\n  if (hslaMatch) {\n    return {\n      h: Math.round(parseFloat(hslaMatch[1])) % 360,\n      s: Math.round(parseFloat(hslaMatch[2])),\n      l: Math.round(parseFloat(hslaMatch[3])),\n      a: hslaMatch[4] !== undefined ? parseFloat(hslaMatch[4]) : 1,\n    };\n  }\n\n  // rgba(r, g, b, a) or rgb(r, g, b)\n  const rgbaMatch = trimmed.match(\n    /^rgba?\\(\\s*([\\d.]+)\\s*[,/]\\s*([\\d.]+)\\s*[,/]\\s*([\\d.]+)\\s*(?:[,/]\\s*([\\d.]+))?\\s*\\)$/,\n  );\n  if (rgbaMatch) {\n    const r = parseFloat(rgbaMatch[1]) / 255;\n    const g = parseFloat(rgbaMatch[2]) / 255;\n    const b = parseFloat(rgbaMatch[3]) / 255;\n    const a = rgbaMatch[4] !== undefined ? parseFloat(rgbaMatch[4]) : 1;\n    return rgbToHsl(r, g, b, a);\n  }\n\n  return null;\n}\n\n/* ------------------------------------------------------------------ */\n/* Contrast — WCAG 2.x relative luminance                             */\n/* ------------------------------------------------------------------ */\n\n/** Relative luminance per WCAG 2.x (0 = black, 1 = white). */\nexport function relativeLuminance(hsl: HSLA): number {\n  const { r, g, b } = hslToRgbComponents(hsl);\n  const linearise = (c: number) =>\n    c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);\n  return 0.2126 * linearise(r) + 0.7152 * linearise(g) + 0.0722 * linearise(b);\n}\n\n/** WCAG 2.x contrast ratio between two colours. */\nexport function contrastRatio(fg: HSLA, bg: HSLA): number {\n  const lum1 = relativeLuminance(fg);\n  const lum2 = relativeLuminance(bg);\n  const lighter = Math.max(lum1, lum2);\n  const darker = Math.min(lum1, lum2);\n  return Math.round(((lighter + 0.05) / (darker + 0.05)) * 100) / 100;\n}\n\n/** Meets WCAG AA for normal text (≥ 4.5:1). */\nexport function meetsAA(ratio: number): boolean {\n  return ratio >= 4.5;\n}\n\n/** Meets WCAG AAA for normal text (≥ 7:1). */\nexport function meetsAAA(ratio: number): boolean {\n  return ratio >= 7;\n}\n","export interface PaletteSwatch {\n  name: string;\n  hex: string;\n  /** Recommended text colour for contrast. */\n  textColor?: '#000000' | '#ffffff';\n}\n\n/**\n * Material Design appointment colours — mirrors the platform's `DoctorColor`\n * entity. Pink 500 is first because it's the default appointment colour;\n * remaining dark (white-text) colours follow alphabetically, then light\n * (black-text) colours alphabetically.\n */\nexport const APPOINTMENT_PALETTE: PaletteSwatch[] = [\n  { name: 'Pink 500', hex: '#e91e63', textColor: '#ffffff' },\n  { name: 'Black', hex: '#000000', textColor: '#ffffff' },\n  { name: 'Blue 500', hex: '#2196f3', textColor: '#ffffff' },\n  { name: 'Blue 900', hex: '#0d47a1', textColor: '#ffffff' },\n  { name: 'Blue Grey 500', hex: '#607d8b', textColor: '#ffffff' },\n  { name: 'Blue Grey 800', hex: '#37474f', textColor: '#ffffff' },\n  { name: 'Brown 500', hex: '#795548', textColor: '#ffffff' },\n  { name: 'Deep Orange 500', hex: '#ff5722', textColor: '#ffffff' },\n  { name: 'Deep Purple 500', hex: '#673ab7', textColor: '#ffffff' },\n  { name: 'Green 500', hex: '#4caf50', textColor: '#ffffff' },\n  { name: 'Green 900', hex: '#1b5e20', textColor: '#ffffff' },\n  { name: 'Indigo 500', hex: '#3f51b5', textColor: '#ffffff' },\n  { name: 'Indigo 900', hex: '#1a237e', textColor: '#ffffff' },\n  { name: 'Pink 900', hex: '#880e4f', textColor: '#ffffff' },\n  { name: 'Purple 500', hex: '#9c27b0', textColor: '#ffffff' },\n  { name: 'Purple 900', hex: '#4a148c', textColor: '#ffffff' },\n  { name: 'Red 500', hex: '#f44336', textColor: '#ffffff' },\n  { name: 'Red 900', hex: '#b71c1c', textColor: '#ffffff' },\n  { name: 'Teal 500', hex: '#009688', textColor: '#ffffff' },\n  { name: 'Teal 900', hex: '#004d40', textColor: '#ffffff' },\n  { name: 'Amber 500', hex: '#ffc107', textColor: '#000000' },\n  { name: 'Cyan 500', hex: '#00bcd4', textColor: '#000000' },\n  { name: 'Grey 500', hex: '#9e9e9e', textColor: '#000000' },\n  { name: 'Light Blue 500', hex: '#03a9f4', textColor: '#000000' },\n  { name: 'Light Green 500', hex: '#8bc34a', textColor: '#000000' },\n  { name: 'Lime 500', hex: '#cddc39', textColor: '#000000' },\n  { name: 'Orange 500', hex: '#ff9800', textColor: '#000000' },\n  { name: 'Orange 900', hex: '#e65100', textColor: '#000000' },\n  { name: 'White', hex: '#ffffff', textColor: '#000000' },\n  { name: 'Yellow 500', hex: '#ffeb3b', textColor: '#000000' },\n];\n\n/** Alfadocs brand palette — the six brand families × 3 shades (300/500/700). */\nexport const BRAND_PALETTE: PaletteSwatch[] = [\n  { name: 'Blue 300', hex: '#70738c' },\n  { name: 'Blue 500', hex: '#292e53' },\n  { name: 'Blue 700', hex: '#1d213b' },\n  { name: 'Violet 300', hex: '#9995ee' },\n  { name: 'Violet 500', hex: '#6761e5' },\n  { name: 'Violet 700', hex: '#4945a3' },\n  { name: 'Purple 300', hex: '#ccaafa' },\n  { name: 'Purple 500', hex: '#b380f8' },\n  { name: 'Purple 700', hex: '#7f5bb0' },\n  { name: 'Magenta 300', hex: '#ea7ffc' },\n  { name: 'Magenta 500', hex: '#e040fb' },\n  { name: 'Magenta 700', hex: '#9f2db2' },\n  { name: 'Fuchsia 300', hex: '#fa76fc' },\n  { name: 'Fuchsia 500', hex: '#f732fb' },\n  { name: 'Fuchsia 700', hex: '#af24b2' },\n  { name: 'Grey 300', hex: '#f9f6f3' },\n  { name: 'Grey 500', hex: '#f6f1ed' },\n  { name: 'Grey 700', hex: '#afaba8' },\n];\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type KeyboardEvent,\n} from 'react';\nimport * as Popover from '@radix-ui/react-popover';\nimport { cva } from 'class-variance-authority';\nimport { Check, X } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\nimport { useFormField } from '../form-field/form-field-context';\nimport { Slider } from '../slider/slider';\nimport { useAgentRegistration } from '../../agent';\nimport { colorPickerAgent } from './color-picker.agent';\n\n/** Agent-readiness curated handle for ColorPicker. */\nexport interface ColorPickerHandle {\n  getValue: () => string;\n  setValue: (hex: string) => void;\n}\nimport {\n  contrastRatio,\n  formatOutput,\n  hslToHex,\n  meetsAA,\n  meetsAAA,\n  parseInput,\n  type HSLA,\n} from './color-utils';\nimport { APPOINTMENT_PALETTE, type PaletteSwatch } from './palettes';\n\nconst COLS = 6;\n\nconst triggerVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:w-full',\n    'ds:rounded-[var(--radius-sm)] ds:border ds:border-[color:var(--border)] ds:bg-[var(--background)] ds:text-[var(--foreground)]',\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-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:h-8 ds:text-[length:var(--font-size-sm)] ds:ps-3 ds:pe-3',\n        md: 'ds:h-[var(--min-target-size)] ds:text-[length:var(--font-size-base)] ds:ps-3 ds:pe-3',\n        lg: 'ds:h-12 ds:text-[length:var(--font-size-lg)] ds:ps-4 ds:pe-4',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst swatchVariants = cva(\n  [\n    'ds:relative ds:rounded-[var(--radius-sm)] ds:border-2 ds:cursor-pointer',\n    'ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)]',\n    'ds:transition-[transform,box-shadow] 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-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:hover:scale-110',\n    // The swatch background is the user-picked colour — set as a CSS custom\n    // property via inline `style` per 23-constraints §Runtime-computed\n    // dimensions (CSS custom property setter; the bg rule lives on the class).\n    'ds:bg-[var(--swatch-bg)]',\n  ].join(' '),\n  {\n    variants: {\n      selected: {\n        true: 'ds:border-[var(--primary)] ds:shadow-[var(--shadow-md)]',\n        false: 'ds:border-transparent',\n      },\n    },\n    defaultVariants: { selected: false },\n  },\n);\n\nconst PANEL_CLASSES = [\n  'ds:flex ds:flex-col ds:gap-[var(--spacing-md)]',\n  'ds:rounded-[var(--radius-md)] ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n  'ds:p-[var(--spacing-md)]',\n].join(' ');\n\n// Checkerboard under the opacity track — static geometry, so expressed as\n// Tailwind arbitrary values rather than inline `style`. `grey-700` comes\n// from the closed palette so the tile colour still tracks the token ramp.\nconst OPACITY_CHECKER_CLASSES = [\n  'ds:bg-[image:repeating-conic-gradient(var(--color-grey-700)_0%_25%,transparent_0%_50%)]',\n  'ds:bg-[size:8px_8px]',\n].join(' ');\n\nconst PANEL_COMPACT_CLASSES = [\n  'ds:rounded-[var(--radius-md)] ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n  'ds:p-[var(--spacing-sm)]',\n].join(' ');\n\nconst POPOVER_CONTENT_CLASSES = [\n  'ds:z-[var(--z-popover)] ds:rounded-[var(--radius-md)]',\n  'ds:border ds:border-[color:var(--border)] ds:bg-[var(--background)] ds:shadow-[var(--shadow-lg)]',\n  'ds:w-72',\n  'ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0 ds:data-[state=open]:zoom-in-95',\n  'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=closed]:zoom-out-95',\n  'ds:data-[side=bottom]:slide-in-from-top-2 ds:data-[side=top]:slide-in-from-bottom-2',\n  'ds:data-[side=left]:slide-in-from-right-2 ds:data-[side=right]:slide-in-from-left-2',\n].join(' ');\n\nconst HEX_INPUT_CLASSES = [\n  'ds:w-full ds:rounded-[var(--radius-sm)] ds:border ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n  'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)] ds:text-[var(--font-size-sm)]',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n  'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n].join(' ');\n\n// Makes the Slider track/range transparent so the gradient behind shows through\nconst TRANSPARENT_SLIDER =\n  'ds:[&>span:first-child]:bg-transparent ds:[&>span:first-child>span]:bg-transparent';\n\nexport interface ColorPickerProps {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  format?: 'hex' | 'hsl' | 'rgba';\n  allowOpacity?: boolean;\n  palette?: (string | PaletteSwatch)[];\n  against?: string;\n  size?: 'sm' | 'md' | 'lg';\n  disabled?: boolean;\n  variant?: 'inline' | 'popover';\n  /** Show only the swatch grid without sliders, hex input, or contrast readout */\n  compact?: boolean;\n  className?: string;\n}\n\nexport const ColorPicker = forwardRef<HTMLDivElement, ColorPickerProps>(\n  (props, ref) => {\n    const {\n      value,\n      defaultValue,\n      onChange,\n      format = 'hex',\n      allowOpacity = false,\n      palette,\n      against,\n      size = 'md',\n      disabled = false,\n      variant = 'inline',\n      compact = true,\n      className,\n    } = props;\n\n    const { t } = useTranslation();\n    const ctx = useFormField();\n    const generatedId = useId();\n    const pickerId = ctx.id || generatedId;\n    const effectiveDisabled = ctx.disabled || disabled;\n\n    const isControlled = value !== undefined;\n    const [internalHsl, setInternalHsl] = useState<HSLA>(() => {\n      const initial = value ?? defaultValue;\n      if (initial) {\n        const parsed = parseInput(initial);\n        if (parsed) return parsed;\n      }\n      return { h: 0, s: 100, l: 50, a: 1 };\n    });\n\n    const currentHsl: HSLA = useMemo(() => {\n      if (isControlled && value) {\n        const parsed = parseInput(value);\n        if (parsed) return parsed;\n      }\n      return internalHsl;\n    }, [isControlled, value, internalHsl]);\n\n    const emitChange = useCallback(\n      (hsl: HSLA) => {\n        const finalHsl = allowOpacity ? hsl : { ...hsl, a: 1 };\n        if (!isControlled) setInternalHsl(finalHsl);\n        onChange?.(formatOutput(finalHsl, format));\n      },\n      [allowOpacity, format, isControlled, onChange],\n    );\n\n    const [hexInput, setHexInput] = useState(() => hslToHex(currentHsl));\n    const [hexError, setHexError] = useState(false);\n    const revertTimerRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n    const currentHslRef = useRef(currentHsl);\n    currentHslRef.current = currentHsl;\n\n    useEffect(() => {\n      setHexInput(hslToHex(currentHsl));\n      setHexError(false);\n      if (revertTimerRef.current !== undefined) {\n        clearTimeout(revertTimerRef.current);\n        revertTimerRef.current = undefined;\n      }\n    }, [currentHsl]);\n\n    useEffect(() => {\n      return () => {\n        if (revertTimerRef.current !== undefined) {\n          clearTimeout(revertTimerRef.current);\n        }\n      };\n    }, []);\n\n    const handleHexBlur = () => {\n      const parsed = parseInput(hexInput);\n      if (parsed) {\n        setHexError(false);\n        emitChange(parsed);\n      } else {\n        setHexError(true);\n        revertTimerRef.current = setTimeout(() => {\n          revertTimerRef.current = undefined;\n          setHexError(false);\n          setHexInput(hslToHex(currentHslRef.current));\n        }, 800);\n      }\n    };\n\n    const swatches: PaletteSwatch[] = useMemo(() => {\n      if (!palette) return APPOINTMENT_PALETTE;\n      return palette.map((item) =>\n        typeof item === 'string'\n          ? { name: item.toUpperCase(), hex: item }\n          : item,\n      );\n    }, [palette]);\n\n    const currentHex = hslToHex(currentHsl);\n    // Normalise palette entries through parseInput so swatches declared as\n    // rgb()/hsl()/shorthand hex still match — raw `s.hex` comparison misses\n    // any non-literal-hex representation.\n    const swatchCanonicalHexes = useMemo(\n      () =>\n        swatches.map((s) => {\n          const parsed = parseInput(s.hex);\n          return parsed ? hslToHex(parsed).toLowerCase() : null;\n        }),\n      [swatches],\n    );\n    const selectedSwatchIndex = swatchCanonicalHexes.findIndex(\n      (hex) => hex !== null && hex === currentHex.toLowerCase(),\n    );\n\n    const gridRef = useRef<HTMLDivElement>(null);\n    const [focusedIndex, setFocusedIndex] = useState(\n      selectedSwatchIndex >= 0 ? selectedSwatchIndex : 0,\n    );\n\n    const focusSwatch = (index: number) => {\n      const cells =\n        gridRef.current?.querySelectorAll<HTMLElement>('[role=\"gridcell\"]');\n      if (cells?.[index]) {\n        cells[index].focus();\n        setFocusedIndex(index);\n      }\n    };\n\n    const handleGridKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n      if (effectiveDisabled) return;\n      const total = swatches.length;\n      let next = focusedIndex;\n\n      switch (event.key) {\n        case 'ArrowRight':\n          next = (focusedIndex + 1) % total;\n          break;\n        case 'ArrowLeft':\n          next = (focusedIndex - 1 + total) % total;\n          break;\n        case 'ArrowDown':\n          next = Math.min(focusedIndex + COLS, total - 1);\n          break;\n        case 'ArrowUp':\n          next = Math.max(focusedIndex - COLS, 0);\n          break;\n        case 'Home':\n          next = Math.floor(focusedIndex / COLS) * COLS;\n          break;\n        case 'End':\n          next = Math.min(\n            Math.floor(focusedIndex / COLS) * COLS + COLS - 1,\n            total - 1,\n          );\n          break;\n        case 'PageUp':\n          next = focusedIndex % COLS;\n          break;\n        case 'PageDown': {\n          const lastRowStart = Math.floor((total - 1) / COLS) * COLS;\n          next = Math.min(lastRowStart + (focusedIndex % COLS), total - 1);\n          break;\n        }\n        case 'Enter':\n        case ' ': {\n          event.preventDefault();\n          const parsed = parseInput(swatches[focusedIndex].hex);\n          if (parsed) emitChange(parsed);\n          return;\n        }\n        default:\n          return;\n      }\n\n      event.preventDefault();\n      focusSwatch(next);\n    };\n\n    const [open, setOpen] = useState(false);\n\n    const agentHandle = useMemo<ColorPickerHandle>(\n      () => ({\n        getValue: () => hslToHex(currentHslRef.current),\n        setValue: (hex) => {\n          const parsed = parseInput(hex);\n          if (parsed) emitChange(parsed);\n        },\n      }),\n      [emitChange],\n    );\n    useAgentRegistration(colorPickerAgent, agentHandle, pickerId);\n\n    const contrastInfo = useMemo(() => {\n      if (!against) return null;\n      const bgHsl = parseInput(against);\n      if (!bgHsl) return null;\n      const ratio = contrastRatio(currentHsl, bgHsl);\n      return { ratio, aa: meetsAA(ratio), aaa: meetsAAA(ratio) };\n    }, [against, currentHsl]);\n\n    const swatchGrid = (\n      // eslint-disable-next-line jsx-a11y/interactive-supports-focus -- inner gridcells are individually focusable via roving tabindex\n      <div\n        ref={gridRef}\n        role=\"grid\"\n        aria-label={t('inputs.colorPicker.paletteLabel', 'Colour swatches')}\n        onKeyDown={handleGridKeyDown}\n        className=\"ds:grid ds:grid-cols-6 ds:gap-[var(--spacing-xs)]\"\n      >\n        {swatches.map((_swatch, i) => {\n          const rowStart = Math.floor(i / COLS) * COLS;\n          const isFirstInRow = i === rowStart;\n          return isFirstInRow ? (\n            <div key={i} role=\"row\" className=\"ds:contents\">\n              {swatches.slice(rowStart, rowStart + COLS).map((s, j) => {\n                const idx = rowStart + j;\n                const sel = idx === selectedSwatchIndex;\n                return (\n                  // eslint-disable-next-line jsx-a11y/click-events-have-key-events -- parent grid handles keyboard navigation via onKeyDown\n                  <div\n                    key={s.hex}\n                    role=\"gridcell\"\n                    aria-selected={sel}\n                    aria-label={t('inputs.colorPicker.swatchLabel', {\n                      name: s.name,\n                      hex: s.hex,\n                    })}\n                    tabIndex={idx === focusedIndex ? 0 : -1}\n                    onClick={() => {\n                      if (effectiveDisabled) return;\n                      const parsed = parseInput(s.hex);\n                      if (parsed) emitChange(parsed);\n                      setFocusedIndex(idx);\n                    }}\n                    className={swatchVariants({ selected: sel })}\n                    // eslint-disable-next-line react/forbid-dom-props -- user-picked swatch hex injected via --swatch-bg CSS variable\n                    style={{ ['--swatch-bg' as string]: s.hex }}\n                  >\n                    {sel ? (\n                      <Check\n                        aria-hidden=\"true\"\n                        className=\"ds:absolute ds:inset-0 ds:m-auto ds:size-4 ds:text-[var(--background)] ds:mix-blend-difference\"\n                      />\n                    ) : null}\n                  </div>\n                );\n              })}\n            </div>\n          ) : null;\n        })}\n      </div>\n    );\n\n    const fullControls = compact ? null : (\n      <>\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n          <label\n            htmlFor={`${pickerId}-hex`}\n            className=\"ds:text-[length:var(--font-size-xs)] ds:text-[var(--muted-foreground)]\"\n          >\n            {t('inputs.colorPicker.hex', 'Hex')}\n          </label>\n          <bdi dir=\"ltr\">\n            <input\n              id={`${pickerId}-hex`}\n              type=\"text\"\n              value={hexInput}\n              disabled={effectiveDisabled}\n              onChange={(e) => setHexInput(e.target.value)}\n              onBlur={handleHexBlur}\n              className={`${HEX_INPUT_CLASSES} ${hexError ? 'ds:border-[var(--destructive)]' : 'ds:border-[color:var(--border)]'}`}\n            />\n          </bdi>\n        </div>\n\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n          <SliderWithGradient\n            label={t('inputs.colorPicker.hue', 'Hue')}\n            gradient=\"linear-gradient(to right, hsl(0,100%,50%), hsl(60,100%,50%), hsl(120,100%,50%), hsl(180,100%,50%), hsl(240,100%,50%), hsl(300,100%,50%), hsl(360,100%,50%))\"\n            min={0}\n            max={360}\n            value={currentHsl.h}\n            onChange={(h) => emitChange({ ...currentHsl, h })}\n            formatValue={(v) => `H ${v}°`}\n            disabled={effectiveDisabled}\n          />\n          <SliderWithGradient\n            label={t('inputs.colorPicker.saturation', 'Saturation')}\n            gradient={`linear-gradient(to right, hsl(${currentHsl.h},0%,${currentHsl.l}%), hsl(${currentHsl.h},100%,${currentHsl.l}%))`}\n            min={0}\n            max={100}\n            value={currentHsl.s}\n            onChange={(s) => emitChange({ ...currentHsl, s })}\n            formatValue={(v) => `S ${v}%`}\n            disabled={effectiveDisabled}\n          />\n          <SliderWithGradient\n            label={t('inputs.colorPicker.lightness', 'Lightness')}\n            gradient={`linear-gradient(to right, hsl(${currentHsl.h},${currentHsl.s}%,0%), hsl(${currentHsl.h},${currentHsl.s}%,50%), hsl(${currentHsl.h},${currentHsl.s}%,100%))`}\n            min={0}\n            max={100}\n            value={currentHsl.l}\n            onChange={(l) => emitChange({ ...currentHsl, l })}\n            formatValue={(v) => `L ${v}%`}\n            disabled={effectiveDisabled}\n          />\n          {allowOpacity ? (\n            <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n              <label className=\"ds:text-[length:var(--font-size-xs)] ds:text-[var(--muted-foreground)]\">\n                {t('inputs.colorPicker.opacity', 'Opacity')}\n              </label>\n              <div className=\"ds:relative\">\n                <div\n                  className={`ds:absolute ds:inset-0 ds:rounded-[var(--radius-full)] ds:pointer-events-none ${OPACITY_CHECKER_CLASSES}`}\n                  aria-hidden=\"true\"\n                />\n                <div\n                  className=\"ds:absolute ds:inset-0 ds:rounded-[var(--radius-full)] ds:pointer-events-none ds:bg-[image:var(--opacity-gradient)]\"\n                  // eslint-disable-next-line react/forbid-dom-props -- opacity-track gradient derived from live HSL, no token equivalent\n                  style={{\n                    ['--opacity-gradient' as string]: `linear-gradient(to right, hsla(${currentHsl.h},${currentHsl.s}%,${currentHsl.l}%,0), hsl(${currentHsl.h},${currentHsl.s}%,${currentHsl.l}%))`,\n                  }}\n                  aria-hidden=\"true\"\n                />\n                <Slider\n                  min={0}\n                  max={100}\n                  step={1}\n                  value={[Math.round(currentHsl.a * 100)]}\n                  onValueChange={([v]) =>\n                    emitChange({ ...currentHsl, a: v / 100 })\n                  }\n                  aria-label={t('inputs.colorPicker.opacity', 'Opacity')}\n                  formatValue={(v) => `${v}%`}\n                  disabled={effectiveDisabled}\n                  className={TRANSPARENT_SLIDER}\n                />\n              </div>\n            </div>\n          ) : null}\n        </div>\n\n        {contrastInfo ? (\n          <div\n            className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:text-[length:var(--font-size-sm)]\"\n            role=\"status\"\n            aria-live=\"polite\"\n          >\n            <span className=\"ds:tabular-nums\">\n              {t('inputs.colorPicker.contrastRatio', {\n                ratio: contrastInfo.ratio.toFixed(1),\n              })}\n            </span>\n            <ContrastBadge level=\"AA\" passes={contrastInfo.aa} t={t} />\n            <ContrastBadge level=\"AAA\" passes={contrastInfo.aaa} t={t} />\n          </div>\n        ) : null}\n\n        <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n          <div\n            className=\"ds:size-8 ds:rounded-[var(--radius-sm)] ds:border ds:border-[color:var(--border)] ds:bg-[var(--swatch-bg)]\"\n            // eslint-disable-next-line react/forbid-dom-props -- live picked colour injected via --swatch-bg CSS variable\n            style={{ ['--swatch-bg' as string]: hslToHex(currentHsl) }}\n            aria-hidden=\"true\"\n          />\n          <span className=\"ds:text-[length:var(--font-size-sm)] ds:text-[var(--muted-foreground)] ds:tabular-nums\">\n            {formatOutput(currentHsl, format)}\n          </span>\n        </div>\n      </>\n    );\n\n    const panelContent = (\n      <div className={compact ? PANEL_COMPACT_CLASSES : PANEL_CLASSES}>\n        {swatchGrid}\n        {fullControls}\n      </div>\n    );\n\n    if (variant === 'inline') {\n      return (\n        <div\n          ref={ref}\n          id={pickerId}\n          className={className}\n          aria-describedby={ctx.describedBy || undefined}\n          aria-invalid={ctx.invalid || undefined}\n          aria-disabled={effectiveDisabled || undefined}\n          data-component=\"color-picker\"\n          data-component-id={pickerId}\n          data-testid=\"color-picker\"\n        >\n          {panelContent}\n        </div>\n      );\n    }\n\n    return (\n      <Popover.Root open={open} onOpenChange={setOpen}>\n        <Popover.Trigger asChild disabled={effectiveDisabled}>\n          {/* eslint-disable-next-line jsx-a11y/role-supports-aria-props -- FormField propagates invalid state to its trigger; users rely on this for validation announcements */}\n          <button\n            ref={ref as React.Ref<HTMLButtonElement>}\n            type=\"button\"\n            id={pickerId}\n            aria-describedby={ctx.describedBy || undefined}\n            aria-invalid={ctx.invalid || undefined}\n            // In compact mode the trigger only renders the swatch (which is\n            // aria-hidden). Provide a fallback name so the button is named\n            // for AT regardless of variant. The current value is announced\n            // separately via the hex/HSL output inside the popover.\n            aria-label={\n              compact\n                ? t('inputs.colorPicker.triggerLabel', 'Choose a colour')\n                : undefined\n            }\n            className={triggerVariants({ size, className })}\n            data-component=\"color-picker\"\n            data-component-id={pickerId}\n            data-testid=\"color-picker-trigger\"\n          >\n            <span\n              className={`ds:inline-block ds:size-5 ds:rounded-[var(--radius-sm)] ds:border ds:border-[color:var(--border)] ds:shrink-0 ds:bg-[var(--swatch-bg)]${compact ? '' : ' ds:me-[var(--spacing-sm)]'}`}\n              aria-hidden=\"true\"\n              // eslint-disable-next-line react/forbid-dom-props -- trigger preview swatch shows current picked colour via --swatch-bg\n              style={{ ['--swatch-bg' as string]: hslToHex(currentHsl) }}\n            />\n            {compact ? null : (\n              <span className=\"ds:text-start ds:truncate ds:tabular-nums\">\n                {formatOutput(currentHsl, format)}\n              </span>\n            )}\n          </button>\n        </Popover.Trigger>\n        <Popover.Portal>\n          <Popover.Content\n            sideOffset={4}\n            align=\"start\"\n            className={POPOVER_CONTENT_CLASSES}\n          >\n            {panelContent}\n          </Popover.Content>\n        </Popover.Portal>\n      </Popover.Root>\n    );\n  },\n);\n\nColorPicker.displayName = 'ColorPicker';\n\nfunction ContrastBadge({\n  level,\n  passes,\n  t,\n}: {\n  level: string;\n  passes: boolean;\n  t: (key: string, fallback: string) => string;\n}) {\n  return (\n    <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n      <abbr\n        title={`Web Content Accessibility Guidelines Level ${level}`}\n        className=\"ds:no-underline ds:font-medium\"\n      >\n        {level}\n      </abbr>\n      {passes ? (\n        <Check\n          aria-hidden=\"true\"\n          className=\"ds:size-4 ds:text-[var(--success)]\"\n        />\n      ) : (\n        <X\n          aria-hidden=\"true\"\n          className=\"ds:size-4 ds:text-[var(--destructive)]\"\n        />\n      )}\n      <span className=\"ds:sr-only\">\n        {passes\n          ? t('inputs.colorPicker.contrastPass', 'Pass')\n          : t('inputs.colorPicker.contrastFail', 'Fail')}\n      </span>\n    </span>\n  );\n}\n\nfunction SliderWithGradient({\n  label,\n  gradient,\n  min,\n  max,\n  value,\n  onChange,\n  formatValue,\n  disabled,\n}: {\n  label: string;\n  gradient: string;\n  min: number;\n  max: number;\n  value: number;\n  onChange: (v: number) => void;\n  formatValue: (v: number) => string;\n  disabled: boolean;\n}) {\n  return (\n    <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n      <label className=\"ds:text-[length:var(--font-size-xs)] ds:text-[var(--muted-foreground)]\">\n        {label}\n      </label>\n      <div className=\"ds:relative\">\n        <div\n          className=\"ds:absolute ds:inset-0 ds:rounded-[var(--radius-full)] ds:pointer-events-none ds:bg-[image:var(--slider-gradient)]\"\n          // eslint-disable-next-line react/forbid-dom-props -- hue/saturation/lightness gradient derived from live HSL, no token equivalent\n          style={{ ['--slider-gradient' as string]: gradient }}\n          aria-hidden=\"true\"\n        />\n        <Slider\n          min={min}\n          max={max}\n          step={1}\n          value={[value]}\n          onValueChange={([v]) => onChange(v)}\n          aria-label={label}\n          formatValue={formatValue}\n          disabled={disabled}\n          className={TRANSPARENT_SLIDER}\n        />\n      </div>\n    </div>\n  );\n}\n"],"names":["colorPickerAgent","handle","args","hexToHsl","hex","h","g","b","a","rgbToHsl","r","max","min","l","hue","sat","d","hslToHex","hsl","hslToRgbComponents","toHex","n","base","hslToRgba","ri","gi","bi","s","q","p","hueToRgb","t","tt","formatOutput","format","parseInput","value","trimmed","body","hslaMatch","rgbaMatch","relativeLuminance","linearise","c","contrastRatio","fg","bg","lum1","lum2","lighter","darker","meetsAA","ratio","meetsAAA","APPOINTMENT_PALETTE","BRAND_PALETTE","COLS","triggerVariants","cva","swatchVariants","PANEL_CLASSES","OPACITY_CHECKER_CLASSES","PANEL_COMPACT_CLASSES","POPOVER_CONTENT_CLASSES","HEX_INPUT_CLASSES","TRANSPARENT_SLIDER","ColorPicker","forwardRef","props","ref","defaultValue","onChange","allowOpacity","palette","against","size","disabled","variant","compact","className","useTranslation","ctx","useFormField","generatedId","useId","pickerId","effectiveDisabled","isControlled","internalHsl","setInternalHsl","useState","initial","parsed","currentHsl","useMemo","emitChange","useCallback","finalHsl","hexInput","setHexInput","hexError","setHexError","revertTimerRef","useRef","currentHslRef","useEffect","handleHexBlur","swatches","item","currentHex","selectedSwatchIndex","gridRef","focusedIndex","setFocusedIndex","focusSwatch","index","cells","_a","handleGridKeyDown","event","total","next","lastRowStart","open","setOpen","agentHandle","useAgentRegistration","contrastInfo","bgHsl","swatchGrid","jsx","_swatch","i","rowStart","j","idx","sel","Check","fullControls","jsxs","Fragment","e","SliderWithGradient","v","Slider","ContrastBadge","panelContent","Popover","level","passes","X","label","gradient","formatValue"],"mappings":"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"}