@alfadocs/ui-kit-debug 0.8.1 → 0.9.0

package/dist/_chunks/recaptcha-widget-NyfOfLII.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"recaptcha-widget-NyfOfLII.js","sources":["../../src/components/recaptcha-widget/recaptcha-widget.agent.ts","../../src/components/recaptcha-widget/recaptcha-widget.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — RecaptchaWidget.                                       */\n/*                                                                        */\n/* Recaptcha already exposes a curated `RecaptchaWidgetHandle` via        */\n/* useImperativeHandle. The adapter wires `execute` (issue token, write)  */\n/* and `reset` (clear token, destructive) into that existing handle.      */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { RecaptchaWidgetHandle } from './recaptcha-widget';\n\nexport const recaptchaWidgetAgent: AgentAdapter<RecaptchaWidgetHandle> = {\n  id: 'recaptcha-widget',\n  capabilities: ['submit'],\n  state: {\n    hasToken: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.recaptchaWidget.state.hasToken',\n      description:\n        'True when the widget currently holds a valid verification token.',\n      read: (handle) => handle.getResponse().length > 0,\n    },\n  },\n  actions: {\n    execute: {\n      safety: 'write',\n      descriptionKey: 'ui.agent.recaptchaWidget.actions.execute',\n      description:\n        'Programmatically trigger the captcha challenge. Issues a token via the callback.',\n      invoke: (handle) => {\n        handle.execute();\n      },\n    },\n    reset: {\n      safety: 'destructive',\n      descriptionKey: 'ui.agent.recaptchaWidget.actions.reset',\n      description:\n        'Clear the current token and re-roll the captcha. Irreversible.',\n      invoke: (handle) => {\n        handle.reset();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'recaptcha-widget',\n      description: 'Marks the RecaptchaWidget wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description:\n        'Sourced from the id prop (or the surrounding FormField id).',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useFormField } from '../form-field/form-field-context';\nimport { useTheme } from '../../hooks';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { recaptchaWidgetAgent } from './recaptcha-widget.agent';\n\n/* ------------------------------------------------------------------ */\n/* Loader — idempotent across instances                                */\n/* ------------------------------------------------------------------ */\n\n/**\n * Google reCAPTCHA v2 ships as a global `grecaptcha` object loaded from\n * `https://www.google.com/recaptcha/api.js`. We lazy-load the script\n * once per page using a shared promise so N widgets on the same form\n * (or N renders of a single widget) all wait on the same fetch.\n *\n * The `?render=explicit` query parameter is required so we control\n * when each widget mounts via `grecaptcha.render`, rather than letting\n * the global auto-bind to every `.g-recaptcha` div on the page.\n */\nconst SCRIPT_SRC = 'https://www.google.com/recaptcha/api.js';\nconst SCRIPT_ID = 'alfadocs-ui-recaptcha-loader';\n\ninterface RecaptchaApi {\n  render: (\n    container: HTMLElement,\n    parameters: {\n      sitekey: string;\n      theme?: 'light' | 'dark';\n      size?: 'normal' | 'compact' | 'invisible';\n      hl?: string;\n      callback?: (token: string) => void;\n      'expired-callback'?: () => void;\n      'error-callback'?: () => void;\n    },\n  ) => number;\n  reset: (widgetId?: number) => void;\n  getResponse: (widgetId?: number) => string;\n  execute: (widgetId?: number) => void;\n}\n\ndeclare global {\n  interface Window {\n    grecaptcha?: RecaptchaApi;\n    ___grecaptchaOnLoad___?: () => void;\n  }\n}\n\nlet loaderPromise: Promise<RecaptchaApi> | null = null;\n\nfunction loadRecaptcha(hl: string | undefined): Promise<RecaptchaApi> {\n  if (typeof window === 'undefined') {\n    return Promise.reject(new Error('recaptcha: window is not available'));\n  }\n  if (window.grecaptcha && typeof window.grecaptcha.render === 'function') {\n    return Promise.resolve(window.grecaptcha);\n  }\n  if (loaderPromise) {\n    return loaderPromise;\n  }\n\n  loaderPromise = new Promise<RecaptchaApi>((resolve, reject) => {\n    const existing = document.getElementById(\n      SCRIPT_ID,\n    ) as HTMLScriptElement | null;\n\n    const onReady = () => {\n      if (window.grecaptcha && typeof window.grecaptcha.render === 'function') {\n        resolve(window.grecaptcha);\n      } else {\n        reject(new Error('recaptcha: grecaptcha global missing after load'));\n      }\n    };\n\n    window.___grecaptchaOnLoad___ = onReady;\n\n    if (existing) {\n      // Another instance kicked off the load — wait for the global\n      // onload callback we just (re)installed.\n      return;\n    }\n\n    const params = new URLSearchParams({\n      onload: '___grecaptchaOnLoad___',\n      render: 'explicit',\n    });\n    if (hl) params.set('hl', hl);\n\n    const script = document.createElement('script');\n    script.id = SCRIPT_ID;\n    script.src = `${SCRIPT_SRC}?${params.toString()}`;\n    script.async = true;\n    script.defer = true;\n    script.onerror = () => {\n      loaderPromise = null;\n      reject(new Error('recaptcha: script failed to load'));\n    };\n    document.head.appendChild(script);\n  });\n\n  return loaderPromise;\n}\n\n/* ------------------------------------------------------------------ */\n/* Public API                                                          */\n/* ------------------------------------------------------------------ */\n\nexport interface RecaptchaWidgetHandle {\n  /** Re-roll the captcha — clears the response token. */\n  reset: () => void;\n  /** Returns the current response token, or empty string when unsolved. */\n  getResponse: () => string;\n  /** Programmatically trigger an invisible captcha challenge. */\n  execute: () => void;\n}\n\nexport interface RecaptchaWidgetProps {\n  /** Google reCAPTCHA v2 site key. Required. */\n  siteKey: string;\n  /**\n   * Visual theme. Defaults to the resolved DS theme (`useTheme`).\n   * Pass `'light'` / `'dark'` to force.\n   */\n  theme?: 'light' | 'dark';\n  /** Two-letter locale hint. Defaults to the current i18next language. */\n  locale?: string;\n  /** Widget size. */\n  size?: 'normal' | 'compact' | 'invisible';\n  /** Called with the verification token, or `null` when expired/reset. */\n  onChange?: (token: string | null) => void;\n  /** Called when the user solves but the token then times out. */\n  onExpired?: () => void;\n  /** Called when the script or challenge errors out. */\n  onError?: () => void;\n  /** Error message — wires aria-describedby + announces via the live region. */\n  error?: string;\n  /** Override the DOM id; defaults to the surrounding FormField id. */\n  id?: string;\n  /** Extra class names on the wrapper. */\n  className?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                            */\n/* ------------------------------------------------------------------ */\n\nexport const RecaptchaWidget = forwardRef<\n  RecaptchaWidgetHandle,\n  RecaptchaWidgetProps\n>(function RecaptchaWidget(\n  {\n    siteKey,\n    theme,\n    locale,\n    size = 'normal',\n    onChange,\n    onExpired,\n    onError,\n    error,\n    id,\n    className,\n  },\n  ref,\n) {\n  const { t, i18n } = useTranslation();\n  const formField = useFormField();\n  const { resolvedTheme } = useTheme();\n\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const widgetIdRef = useRef<number | null>(null);\n  const apiRef = useRef<RecaptchaApi | null>(null);\n  const [statusMessage, setStatusMessage] = useState<string>('');\n\n  const wrapperId = id ?? formField.id;\n  const errorId = error ? `${wrapperId}-error` : undefined;\n  const describedBy =\n    [formField.describedBy, errorId].filter(Boolean).join(' ') || undefined;\n\n  // Mirror the DS theme into reCAPTCHA's two-tone setting.\n  const effectiveTheme: 'light' | 'dark' =\n    theme ?? (resolvedTheme.startsWith('dark') ? 'dark' : 'light');\n  const effectiveLocale = locale ?? i18n.language;\n\n  // Stable callbacks via refs so we don't re-render the widget on\n  // every parent state change.\n  const onChangeRef = useRef(onChange);\n  const onExpiredRef = useRef(onExpired);\n  const onErrorRef = useRef(onError);\n  onChangeRef.current = onChange;\n  onExpiredRef.current = onExpired;\n  onErrorRef.current = onError;\n\n  const expiredLabel = t(\n    'ui.inputs.recaptcha.expired',\n    'Verification expired — please retry.',\n  );\n  const errorLabel = t(\n    'ui.inputs.recaptcha.error',\n    'Verification failed — please retry.',\n  );\n\n  useEffect(() => {\n    if (!siteKey || !containerRef.current) return;\n    let cancelled = false;\n\n    loadRecaptcha(effectiveLocale)\n      .then((api) => {\n        if (cancelled || !containerRef.current) return;\n        apiRef.current = api;\n        widgetIdRef.current = api.render(containerRef.current, {\n          sitekey: siteKey,\n          theme: effectiveTheme,\n          size,\n          hl: effectiveLocale,\n          callback: (token) => {\n            setStatusMessage('');\n            onChangeRef.current?.(token);\n          },\n          'expired-callback': () => {\n            setStatusMessage(expiredLabel);\n            onChangeRef.current?.(null);\n            onExpiredRef.current?.();\n          },\n          'error-callback': () => {\n            setStatusMessage(errorLabel);\n            onChangeRef.current?.(null);\n            onErrorRef.current?.();\n          },\n        });\n      })\n      .catch(() => {\n        if (cancelled) return;\n        setStatusMessage(errorLabel);\n        onErrorRef.current?.();\n      });\n\n    return () => {\n      cancelled = true;\n      // grecaptcha has no public destroy. The shared script stays\n      // loaded; we reset the widget so its iframe stops listening.\n      if (apiRef.current && widgetIdRef.current !== null) {\n        try {\n          apiRef.current.reset(widgetIdRef.current);\n        } catch {\n          /* widget id may already be invalid — safe to ignore. */\n        }\n      }\n    };\n    // Re-render the widget when the underlying configuration changes.\n  }, [\n    siteKey,\n    effectiveTheme,\n    effectiveLocale,\n    size,\n    expiredLabel,\n    errorLabel,\n  ]);\n\n  const agentHandle = useMemo<RecaptchaWidgetHandle>(\n    () => ({\n      reset: () => {\n        if (apiRef.current && widgetIdRef.current !== null) {\n          apiRef.current.reset(widgetIdRef.current);\n          setStatusMessage('');\n          onChangeRef.current?.(null);\n        }\n      },\n      getResponse: () => {\n        if (apiRef.current && widgetIdRef.current !== null) {\n          return apiRef.current.getResponse(widgetIdRef.current);\n        }\n        return '';\n      },\n      execute: () => {\n        if (apiRef.current && widgetIdRef.current !== null) {\n          apiRef.current.execute(widgetIdRef.current);\n        }\n      },\n    }),\n    [],\n  );\n  useImperativeHandle(ref, () => agentHandle, [agentHandle]);\n  useAgentRegistration(recaptchaWidgetAgent, agentHandle, wrapperId);\n\n  const liveMessage = error || statusMessage;\n  // For invisible widgets the iframe is offscreen, so we mark the\n  // wrapper as a non-visual badge. Otherwise the wrapper just hosts\n  // the rendered iframe and contributes no interactive role itself.\n  const wrapperRole = size === 'invisible' ? 'presentation' : undefined;\n\n  return (\n    <div\n      className={[\n        'ds:inline-block',\n        // Keep the iframe inside the wrapper's stacking context so\n        // popovers etc. above the form continue to overlay correctly.\n        'ds:relative ds:isolate',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      data-component=\"recaptcha-widget\"\n      data-component-id={wrapperId}\n      data-size={size}\n      role={wrapperRole}\n    >\n      <div\n        ref={containerRef}\n        id={wrapperId}\n        // The class name is the canonical hook Google's verifier\n        // looks for when the page form is submitted server-side. Some\n        // Symfony / Laravel validators short-circuit when this class\n        // is missing, so we render it even though we're using\n        // grecaptcha.render explicitly.\n        className=\"g-recaptcha\"\n        data-sitekey={siteKey}\n        data-theme={effectiveTheme}\n        data-size={size}\n        aria-describedby={describedBy}\n        aria-invalid={error || formField.invalid ? true : undefined}\n      />\n      {/* Live announcement for expired / error states. Empty when the\n          widget is healthy so SR users aren't spammed. */}\n      <div\n        role=\"status\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        className=\"ds:sr-only\"\n      >\n        {liveMessage}\n      </div>\n    </div>\n  );\n});\n"],"names":["recaptchaWidgetAgent","handle","SCRIPT_SRC","SCRIPT_ID","loaderPromise","loadRecaptcha","hl","resolve","reject","existing","onReady","params","script","RecaptchaWidget","forwardRef","siteKey","theme","locale","size","onChange","onExpired","onError","error","id","className","ref","t","i18n","useTranslation","formField","useFormField","resolvedTheme","useTheme","containerRef","useRef","widgetIdRef","apiRef","statusMessage","setStatusMessage","useState","wrapperId","errorId","describedBy","effectiveTheme","effectiveLocale","onChangeRef","onExpiredRef","onErrorRef","expiredLabel","errorLabel","useEffect","cancelled","api","token","_a","_b","agentHandle","useMemo","useImperativeHandle","useAgentRegistration","liveMessage","wrapperRole","jsxs","jsx"],"mappings":"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"}

package/dist/_chunks/resizable-mpXXyIsN.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resizable-mpXXyIsN.js","sources":["../../src/components/resizable/resizable-context.ts","../../src/components/resizable/resizable.agent.ts","../../src/components/resizable/resizable.tsx"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  type MutableRefObject,\n  type RefObject,\n} from 'react';\n\nexport interface PanelConfig {\n  id: string;\n  index: number;\n  defaultSize: number;\n  minSize: number;\n  maxSize: number;\n  collapsible: boolean;\n  collapsedSize: number;\n}\n\nexport interface ResizableContextShape {\n  direction: 'horizontal' | 'vertical';\n  sizes: number[];\n  liveSizesRef: MutableRefObject<number[]>;\n  panels: PanelConfig[];\n  groupRef: RefObject<HTMLDivElement>;\n  updateSizesImperative: (newSizes: number[]) => void;\n  commitSizes: (newSizes: number[]) => void;\n  registerPanelElement: (index: number, el: HTMLDivElement) => void;\n  unregisterPanelElement: (index: number) => void;\n  setAnnounceText: (text: string) => void;\n}\n\nexport const ResizableContext = createContext<ResizableContextShape | null>(\n  null,\n);\n\nexport function useResizable(): ResizableContextShape {\n  const ctx = useContext(ResizableContext);\n  if (!ctx) {\n    throw new Error('useResizable must be used within a PanelGroup');\n  }\n  return ctx;\n}\n","/* -------------------------------------------------------------------- */\n/* Agent adapter — Resizable.                                             */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { ResizableHandle } from './resizable';\n\nexport const resizableAgent: AgentAdapter<ResizableHandle> = {\n  id: 'resizable',\n  capabilities: ['range_navigate'],\n  state: {\n    sizes: {\n      type: 'number[]',\n      description: 'Current per-panel sizes as percentages of the group.',\n      read: (handle) => handle.getSizes(),\n    },\n  },\n  actions: {\n    set_sizes: {\n      safety: 'read',\n      argsType: '{ sizes: number[] }',\n      description: 'Replace the panel sizes (percentages, summing to 100).',\n      invoke: (handle, args: { sizes: number[] }) => {\n        handle.setSizes(args.sizes);\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'resizable' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop on PanelGroup.',\n    },\n    item: {\n      attr: 'data-panel-id',\n      description:\n        'Each Panel forwards its `id` to react-resizable-panels which emits it as `data-panel-id`.',\n    },\n  },\n};\n","import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type MutableRefObject,\n  type PointerEvent as ReactPointerEvent,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  ResizableContext,\n  useResizable,\n  type PanelConfig,\n} from './resizable-context';\nimport { useAgentRegistration } from '../../agent';\nimport { resizableAgent } from './resizable.agent';\n\n// ─── storage ──────────────────────────────────────────────────────────────────\n\nconst STORAGE_PREFIX = 'ui-kit:resizable:';\n\nfunction loadFromStorage(groupId: string | undefined): number[] | null {\n  if (!groupId) return null;\n  try {\n    const raw = localStorage.getItem(`${STORAGE_PREFIX}${groupId}`);\n    if (!raw) return null;\n    const parsed = JSON.parse(raw) as { v: number; sizes: number[] };\n    if (parsed.v !== 1 || !Array.isArray(parsed.sizes)) return null;\n    return parsed.sizes;\n  } catch {\n    return null;\n  }\n}\n\nfunction saveToStorage(groupId: string, sizes: number[]): void {\n  try {\n    localStorage.setItem(\n      `${STORAGE_PREFIX}${groupId}`,\n      JSON.stringify({ v: 1, sizes }),\n    );\n  } catch {\n    // QuotaExceeded or private mode\n  }\n}\n\n// ─── size helpers ─────────────────────────────────────────────────────────────\n\nfunction normalizeSizes(raw: number[]): number[] {\n  const total = raw.reduce((a, b) => a + b, 0);\n  if (total === 0) return raw.map(() => 100 / raw.length);\n  return raw.map((s) => (s / total) * 100);\n}\n\nfunction computeNewSizes(\n  currentSizes: number[],\n  handleIndex: number,\n  deltaPercent: number,\n  panels: PanelConfig[],\n  groupSizePx: number,\n): number[] {\n  const sizes = [...currentSizes];\n  const li = handleIndex;\n  const ri = handleIndex + 1;\n  if (li >= sizes.length || ri >= sizes.length) return sizes;\n\n  const lc = panels[li];\n  const rc = panels[ri];\n  const total = sizes[li] + sizes[ri];\n  const collapseThreshold = groupSizePx > 0 ? (20 / groupSizePx) * 100 : 2;\n\n  let newLeft = sizes[li] + deltaPercent;\n  let newRight = total - newLeft;\n\n  if (lc.collapsible && newLeft < lc.minSize) {\n    if (newLeft < lc.minSize - collapseThreshold) {\n      sizes[li] = lc.collapsedSize;\n      sizes[ri] = total - lc.collapsedSize;\n      return sizes;\n    }\n    newLeft = lc.minSize;\n    newRight = total - newLeft;\n  }\n\n  if (rc.collapsible && newRight < rc.minSize) {\n    if (newRight < rc.minSize - collapseThreshold) {\n      sizes[ri] = rc.collapsedSize;\n      sizes[li] = total - rc.collapsedSize;\n      return sizes;\n    }\n    newRight = rc.minSize;\n    newLeft = total - newRight;\n  }\n\n  const lMin = lc.collapsible ? lc.collapsedSize : lc.minSize;\n  const rMin = rc.collapsible ? rc.collapsedSize : rc.minSize;\n\n  newLeft = Math.max(lMin, Math.min(lc.maxSize, newLeft));\n  newRight = total - newLeft;\n  newRight = Math.max(rMin, Math.min(rc.maxSize, newRight));\n  newLeft = total - newRight;\n  newLeft = Math.max(lMin, Math.min(lc.maxSize, newLeft));\n\n  sizes[li] = Math.max(0, newLeft);\n  sizes[ri] = Math.max(0, total - sizes[li]);\n  return sizes;\n}\n\n// ─── Handle CVA ──────────────────────────────────────────────────────────────\n// calc with underscores for Tailwind arbitrary value spaces\n// Extends hit area to --min-target-size via ::before pseudo-element\n\nconst handleVariants = cva(\n  [\n    'ds:relative ds:flex ds:items-center ds:justify-center ds:shrink-0 ds:select-none',\n    'ds:bg-[var(--border)]',\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:hover:bg-[var(--accent)] ds:data-[dragging]:bg-[var(--accent)]',\n    \"ds:before:absolute ds:before:content-['']\",\n  ],\n  {\n    variants: {\n      orientation: {\n        horizontal: [\n          'ds:[inline-size:var(--resizable-handle-size)] ds:cursor-col-resize ds:[block-size:100%]',\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        vertical: [\n          'ds:[block-size:var(--resizable-handle-size)] ds:cursor-row-resize ds:[inline-size:100%]',\n          'ds:before:[inline-size:100%]',\n          'ds:before:[block-size:var(--min-target-size)]',\n          'ds:before:[inset-inline:0]',\n          'ds:before:[inset-block:calc(0px_-_(var(--min-target-size)_-_var(--resizable-handle-size))_/_2)]',\n        ],\n      },\n    },\n    defaultVariants: { orientation: 'horizontal' },\n  },\n);\n\n// ─── PanelGroup CVA ──────────────────────────────────────────────────────────\n\nconst panelGroupVariants = cva('ds:flex ds:overflow-hidden', {\n  variants: {\n    direction: {\n      horizontal: 'ds:flex-row',\n      vertical: 'ds:flex-col',\n    },\n  },\n  defaultVariants: { direction: 'horizontal' },\n});\n\n// ─── Panel CVA ────────────────────────────────────────────────────────────────\n\nconst panelVariants = cva(\n  'ds:[flex:0_0_var(--panel-self-size,50%)] ds:overflow-auto',\n  {\n    variants: {\n      direction: {\n        horizontal: 'ds:[min-inline-size:0]',\n        vertical: 'ds:[min-block-size:0]',\n      },\n    },\n    defaultVariants: { direction: 'horizontal' },\n  },\n);\n\n// ─── Public types ─────────────────────────────────────────────────────────────\n\nexport interface PanelGroupProps {\n  direction: 'horizontal' | 'vertical';\n  groupId?: string;\n  /** Opaque instance id — emitted as `data-component-id` for the agent registry. */\n  id?: string;\n  onLayout?: (sizes: number[]) => void;\n  className?: string;\n  children: ReactNode;\n}\n\n// Curated agent-readiness handle — see resizable.agent.ts.\nexport interface ResizableHandle {\n  getSizes: () => number[];\n  setSizes: (sizes: number[]) => void;\n}\n\nexport interface PanelHandle {\n  resize: (size: number) => void;\n}\n\nexport interface PanelProps {\n  defaultSize: number;\n  minSize?: number;\n  maxSize?: number;\n  collapsible?: boolean;\n  collapsedSize?: number;\n  className?: string;\n  children?: ReactNode;\n}\n\nexport interface HandleProps {\n  className?: string;\n}\n\n// Internal injection (not exported)\ntype PanelInternalProps = PanelProps & {\n  _panelIndex?: number;\n  _panelId?: string;\n};\n\ntype HandleInternalProps = HandleProps & {\n  _handleIndex?: number;\n};\n\n// ─── PanelGroup ───────────────────────────────────────────────────────────────\n\nexport const PanelGroup = forwardRef<HTMLDivElement, PanelGroupProps>(\n  ({ direction, groupId, id, onLayout, className, children }, outerRef) => {\n    const baseId = useId();\n    const groupRef = useRef<HTMLDivElement>(null!);\n    const panelElementsRef = useRef<Map<number, HTMLDivElement>>(new Map());\n    const storageTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(\n      null,\n    );\n    const [announceText, setAnnounceText] = useState('');\n\n    // Walk children to extract panel configs and inject internal indices\n    const { panelConfigs, processedChildren } = useMemo(() => {\n      const configs: PanelConfig[] = [];\n      let panelIdx = 0;\n      let handleIdx = 0;\n\n      const walk = (child: ReactNode): ReactNode => {\n        if (!isValidElement(child)) return child;\n        if (child.type === Panel) {\n          const idx = panelIdx;\n          const p = child.props as PanelProps;\n          configs.push({\n            id: `${baseId}-panel-${idx}`,\n            index: idx,\n            defaultSize: p.defaultSize,\n            minSize: p.minSize ?? 10,\n            maxSize: p.maxSize ?? 90,\n            collapsible: p.collapsible ?? false,\n            collapsedSize: p.collapsedSize ?? 0,\n          });\n          panelIdx++;\n          return cloneElement(child as ReactElement<PanelInternalProps>, {\n            _panelIndex: idx,\n            _panelId: `${baseId}-panel-${idx}`,\n          });\n        }\n        if (child.type === Handle) {\n          const idx = handleIdx++;\n          return cloneElement(child as ReactElement<HandleInternalProps>, {\n            _handleIndex: idx,\n          });\n        }\n        return child;\n      };\n\n      return {\n        panelConfigs: configs,\n        processedChildren: Children.map(children, walk),\n      };\n    }, [children, baseId]);\n\n    // Initial sizes from storage or defaults\n    const [committedSizes, setCommittedSizes] = useState<number[]>(() => {\n      if (panelConfigs.length === 0) return [];\n      const stored = loadFromStorage(groupId);\n      if (stored && stored.length === panelConfigs.length) return stored;\n      return normalizeSizes(panelConfigs.map((p) => p.defaultSize));\n    });\n\n    const liveSizesRef = useRef<number[]>(committedSizes);\n\n    useEffect(() => {\n      liveSizesRef.current = committedSizes;\n    }, [committedSizes]);\n\n    const updateSizesImperative = useCallback((newSizes: number[]) => {\n      liveSizesRef.current = newSizes;\n      panelElementsRef.current.forEach((el, idx) => {\n        if (idx < newSizes.length) {\n          el.style.setProperty('--panel-self-size', `${newSizes[idx]}%`);\n        }\n      });\n    }, []);\n\n    const commitSizes = useCallback(\n      (newSizes: number[]) => {\n        liveSizesRef.current = newSizes;\n        setCommittedSizes(newSizes);\n        onLayout?.(newSizes);\n        if (groupId) {\n          if (storageTimeoutRef.current)\n            clearTimeout(storageTimeoutRef.current);\n          storageTimeoutRef.current = setTimeout(\n            () => saveToStorage(groupId, newSizes),\n            120,\n          );\n        }\n      },\n      [groupId, onLayout],\n    );\n\n    // Apply CSS vars to panel elements when committed sizes change\n    useLayoutEffect(() => {\n      panelElementsRef.current.forEach((el, idx) => {\n        if (idx < committedSizes.length) {\n          el.style.setProperty('--panel-self-size', `${committedSizes[idx]}%`);\n        }\n      });\n    }, [committedSizes]);\n\n    const registerPanelElement = useCallback(\n      (index: number, el: HTMLDivElement) => {\n        panelElementsRef.current.set(index, el);\n        const size = liveSizesRef.current[index];\n        if (size !== undefined) {\n          el.style.setProperty('--panel-self-size', `${size}%`);\n        }\n      },\n      [],\n    );\n\n    const unregisterPanelElement = useCallback((index: number) => {\n      panelElementsRef.current.delete(index);\n    }, []);\n\n    const setAnnounceCb = useCallback((text: string) => {\n      setAnnounceText(text);\n    }, []);\n\n    const containerClass = panelGroupVariants({ direction, className });\n\n    const ctxValue = {\n      direction,\n      sizes: committedSizes,\n      liveSizesRef,\n      panels: panelConfigs,\n      groupRef,\n      updateSizesImperative,\n      commitSizes,\n      registerPanelElement,\n      unregisterPanelElement,\n      setAnnounceText: setAnnounceCb,\n    };\n\n    const setRef = (el: HTMLDivElement | null) => {\n      (groupRef as MutableRefObject<HTMLDivElement | null>).current = el;\n      if (typeof outerRef === 'function') outerRef(el);\n      else if (outerRef) outerRef.current = el;\n    };\n\n    // Agent handle for the root PanelGroup.\n    const agentHandle = useMemo<ResizableHandle>(\n      () => ({\n        getSizes: () => [...liveSizesRef.current],\n        setSizes: (next) => commitSizes(normalizeSizes(next)),\n      }),\n      [commitSizes],\n    );\n    useAgentRegistration(resizableAgent, agentHandle, id);\n\n    return (\n      <ResizableContext.Provider value={ctxValue}>\n        <div\n          ref={setRef}\n          className={containerClass}\n          data-component=\"resizable\"\n          data-component-id={id}\n          data-panel-group\n          data-direction={direction}\n        >\n          {processedChildren}\n          <span className=\"ds:sr-only\" aria-live=\"polite\" aria-atomic=\"true\">\n            {announceText}\n          </span>\n        </div>\n      </ResizableContext.Provider>\n    );\n  },\n);\n\nPanelGroup.displayName = 'PanelGroup';\n\n// ─── Panel ────────────────────────────────────────────────────────────────────\n\nexport const Panel = forwardRef<PanelHandle, PanelInternalProps>(\n  (\n    {\n      _panelIndex = 0,\n      _panelId,\n      minSize = 10,\n      maxSize = 90,\n      children,\n      className,\n    },\n    ref,\n  ) => {\n    const {\n      direction,\n      liveSizesRef,\n      panels,\n      updateSizesImperative,\n      commitSizes,\n      registerPanelElement,\n      unregisterPanelElement,\n    } = useResizable();\n\n    const panelRef = useRef<HTMLDivElement>(null!);\n\n    useEffect(() => {\n      const el = panelRef.current;\n      if (!el) return;\n      registerPanelElement(_panelIndex, el);\n      return () => unregisterPanelElement(_panelIndex);\n    }, [_panelIndex, registerPanelElement, unregisterPanelElement]);\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        resize: (newSize: number) => {\n          const currentSizes = [...liveSizesRef.current];\n          const clamped = Math.max(minSize, Math.min(maxSize, newSize));\n          const diff = clamped - (currentSizes[_panelIndex] ?? 0);\n          if (Math.abs(diff) < 0.001) return;\n\n          const newSizes = [...currentSizes];\n          newSizes[_panelIndex] = clamped;\n\n          const otherIndices = currentSizes\n            .map((_, i) => i)\n            .filter((i) => i !== _panelIndex);\n          const otherTotal = otherIndices.reduce(\n            (s, i) => s + (currentSizes[i] ?? 0),\n            0,\n          );\n          otherIndices.forEach((i) => {\n            newSizes[i] =\n              otherTotal > 0\n                ? (currentSizes[i] ?? 0) -\n                  diff * ((currentSizes[i] ?? 0) / otherTotal)\n                : (currentSizes[i] ?? 0) - diff / otherIndices.length;\n          });\n\n          updateSizesImperative(newSizes);\n          commitSizes(newSizes);\n        },\n      }),\n      [\n        _panelIndex,\n        minSize,\n        maxSize,\n        panels,\n        liveSizesRef,\n        updateSizesImperative,\n        commitSizes,\n      ],\n    );\n\n    return (\n      <div\n        ref={panelRef}\n        id={_panelId}\n        data-panel\n        data-panel-index={_panelIndex}\n        className={panelVariants({ direction, className })}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nPanel.displayName = 'Panel';\n\n// ─── Handle ───────────────────────────────────────────────────────────────────\n\nexport const Handle = forwardRef<HTMLDivElement, HandleInternalProps>(\n  ({ _handleIndex = 0, className }, ref) => {\n    const { t, i18n } = useTranslation();\n    const {\n      direction,\n      sizes,\n      liveSizesRef,\n      panels,\n      groupRef,\n      updateSizesImperative,\n      commitSizes,\n      setAnnounceText,\n    } = useResizable();\n\n    const [isDragging, setIsDragging] = useState(false);\n    const dragStateRef = useRef<{\n      startX: number;\n      startY: number;\n      startSizes: number[];\n      groupRect: DOMRect;\n    } | null>(null);\n    const announceTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(\n      null,\n    );\n    const announceRafRef = useRef<number | null>(null);\n    const handleRef = useRef<HTMLDivElement>(null!);\n\n    const scheduleAnnounce = useCallback(\n      (size: number, immediate = false) => {\n        if (announceRafRef.current !== null) {\n          cancelAnimationFrame(announceRafRef.current);\n          announceRafRef.current = null;\n        }\n        if (announceTimeoutRef.current) {\n          clearTimeout(announceTimeoutRef.current);\n          announceTimeoutRef.current = null;\n        }\n        const formatted = new Intl.NumberFormat(i18n.language, {\n          style: 'percent',\n        }).format(size / 100);\n        const text = t('ui.resizable.sizeAnnounce', { percent: formatted });\n        if (immediate) {\n          setAnnounceText(text);\n        } else {\n          // rAF coalesces calls within the same frame; 200ms debounce prevents spam\n          announceRafRef.current = requestAnimationFrame(() => {\n            announceRafRef.current = null;\n            announceTimeoutRef.current = setTimeout(\n              () => setAnnounceText(text),\n              200,\n            );\n          });\n        }\n      },\n      [t, i18n.language, setAnnounceText],\n    );\n\n    const isRtl = useCallback(() => {\n      if (!groupRef.current) return false;\n      return getComputedStyle(groupRef.current).direction === 'rtl';\n    }, [groupRef]);\n\n    const onPointerDown = (e: ReactPointerEvent<HTMLDivElement>) => {\n      if (!groupRef.current) return;\n      e.currentTarget.setPointerCapture(e.pointerId);\n      e.currentTarget.style.setProperty('touch-action', 'none');\n      dragStateRef.current = {\n        startX: e.clientX,\n        startY: e.clientY,\n        startSizes: [...liveSizesRef.current],\n        groupRect: groupRef.current.getBoundingClientRect(),\n      };\n      setIsDragging(true);\n    };\n\n    const onPointerMove = (e: ReactPointerEvent<HTMLDivElement>) => {\n      if (!dragStateRef.current) return;\n      const { startX, startY, startSizes, groupRect } = dragStateRef.current;\n      const isHorizontal = direction === 'horizontal';\n      const groupSize = isHorizontal ? groupRect.width : groupRect.height;\n      if (groupSize === 0) return;\n\n      const rawDelta = isHorizontal ? e.clientX - startX : e.clientY - startY;\n      const effectiveDelta = isHorizontal && isRtl() ? -rawDelta : rawDelta;\n      const percentDelta = (effectiveDelta / groupSize) * 100;\n\n      const newSizes = computeNewSizes(\n        startSizes,\n        _handleIndex,\n        percentDelta,\n        panels,\n        groupSize,\n      );\n\n      updateSizesImperative(newSizes);\n\n      if (handleRef.current) {\n        const rounded = Math.round(newSizes[_handleIndex]);\n        handleRef.current.setAttribute('aria-valuenow', String(rounded));\n        handleRef.current.setAttribute(\n          'aria-valuetext',\n          new Intl.NumberFormat(i18n.language, { style: 'percent' }).format(\n            rounded / 100,\n          ),\n        );\n      }\n\n      scheduleAnnounce(newSizes[_handleIndex]);\n    };\n\n    const onPointerUp = (e: ReactPointerEvent<HTMLDivElement>) => {\n      if (!dragStateRef.current) return;\n      e.currentTarget.releasePointerCapture(e.pointerId);\n      e.currentTarget.style.removeProperty('touch-action');\n      dragStateRef.current = null;\n      setIsDragging(false);\n      const finalSizes = liveSizesRef.current;\n      commitSizes(finalSizes);\n      scheduleAnnounce(finalSizes[_handleIndex], true);\n    };\n\n    const onPointerCancel = (e: ReactPointerEvent<HTMLDivElement>) => {\n      if (!dragStateRef.current) return;\n      e.currentTarget.releasePointerCapture(e.pointerId);\n      e.currentTarget.style.removeProperty('touch-action');\n      dragStateRef.current = null;\n      setIsDragging(false);\n      const finalSizes = liveSizesRef.current;\n      commitSizes(finalSizes);\n    };\n\n    const onKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n      const li = _handleIndex;\n      const ri = _handleIndex + 1;\n      if (li >= panels.length || ri >= panels.length) return;\n\n      const lc = panels[li];\n      const rc = panels[ri];\n      const isHorizontal = direction === 'horizontal';\n      const rtl = isHorizontal && isRtl();\n      const step = e.shiftKey ? 10 : 1;\n      const current = [...liveSizesRef.current];\n\n      const growLeft = (amount = step): number[] | null => {\n        const avail = Math.min(\n          amount,\n          lc.maxSize - current[li],\n          current[ri] - (rc.collapsible ? rc.collapsedSize : rc.minSize),\n        );\n        if (avail <= 0) return null;\n        const ns = [...current];\n        ns[li] += avail;\n        ns[ri] -= avail;\n        return ns;\n      };\n\n      const shrinkLeft = (amount = step): number[] | null => {\n        const lMin = lc.collapsible ? lc.collapsedSize : lc.minSize;\n        const avail = Math.min(amount, current[li] - lMin);\n        if (avail <= 0) return null;\n        const ns = [...current];\n        ns[li] -= avail;\n        ns[ri] += avail;\n        return ns;\n      };\n\n      let newSizes: number[] | null = null;\n\n      switch (e.key) {\n        case 'ArrowRight':\n          if (!isHorizontal) break;\n          e.preventDefault();\n          newSizes = rtl ? shrinkLeft() : growLeft();\n          break;\n        case 'ArrowLeft':\n          if (!isHorizontal) break;\n          e.preventDefault();\n          newSizes = rtl ? growLeft() : shrinkLeft();\n          break;\n        case 'ArrowDown':\n          if (isHorizontal) break;\n          e.preventDefault();\n          newSizes = growLeft();\n          break;\n        case 'ArrowUp':\n          if (isHorizontal) break;\n          e.preventDefault();\n          newSizes = shrinkLeft();\n          break;\n        case 'Home': {\n          e.preventDefault();\n          const lMin = lc.collapsible ? lc.collapsedSize : lc.minSize;\n          const delta = current[li] - lMin;\n          if (delta > 0) {\n            const ns = [...current];\n            ns[li] = lMin;\n            ns[ri] += delta;\n            newSizes = ns;\n          }\n          break;\n        }\n        case 'End': {\n          e.preventDefault();\n          const rMin = rc.collapsible ? rc.collapsedSize : rc.minSize;\n          const avail = Math.min(lc.maxSize - current[li], current[ri] - rMin);\n          if (avail > 0) {\n            const ns = [...current];\n            ns[li] += avail;\n            ns[ri] -= avail;\n            newSizes = ns;\n          }\n          break;\n        }\n        case 'Enter': {\n          e.preventDefault();\n          const panel = lc.collapsible ? lc : rc.collapsible ? rc : null;\n          const pIdx = lc.collapsible ? li : rc.collapsible ? ri : -1;\n          if (!panel || pIdx < 0) break;\n          const partner = pIdx === li ? ri : li;\n          const isCollapsed =\n            Math.abs(current[pIdx] - panel.collapsedSize) < 0.5;\n          const total = current[li] + current[ri];\n          const ns = [...current];\n          if (isCollapsed) {\n            ns[pIdx] = panel.minSize;\n            ns[partner] = total - panel.minSize;\n          } else {\n            ns[pIdx] = panel.collapsedSize;\n            ns[partner] = total - panel.collapsedSize;\n          }\n          newSizes = ns;\n          break;\n        }\n        default:\n          break;\n      }\n\n      if (newSizes) {\n        updateSizesImperative(newSizes);\n        commitSizes(newSizes);\n        scheduleAnnounce(newSizes[li], true);\n      }\n    };\n\n    const li = _handleIndex;\n    const ri = _handleIndex + 1;\n    const leftPanel = panels[li];\n    const rightPanel = panels[ri];\n    const orientation =\n      direction === 'horizontal'\n        ? ('horizontal' as const)\n        : ('vertical' as const);\n\n    const formatValueText = (size: number) =>\n      new Intl.NumberFormat(i18n.language, { style: 'percent' }).format(\n        size / 100,\n      );\n\n    const setRefs = (el: HTMLDivElement | null) => {\n      (handleRef as MutableRefObject<HTMLDivElement | null>).current = el;\n      if (typeof ref === 'function') ref(el);\n      else if (ref) ref.current = el;\n    };\n\n    return (\n      // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- separator handle is keyboard-actionable via arrow keys to resize the adjacent panels\n      <div\n        ref={setRefs}\n        role=\"separator\"\n        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- separator handle is keyboard-actionable via arrow keys to resize the adjacent panels\n        tabIndex={0}\n        aria-orientation={orientation}\n        aria-valuemin={\n          leftPanel\n            ? leftPanel.collapsible\n              ? leftPanel.collapsedSize\n              : leftPanel.minSize\n            : 0\n        }\n        aria-valuemax={leftPanel?.maxSize ?? 100}\n        aria-valuenow={Math.round(sizes[li] ?? 0)}\n        aria-valuetext={formatValueText(sizes[li] ?? 0)}\n        aria-controls={\n          [leftPanel?.id, rightPanel?.id].filter(Boolean).join(' ') || undefined\n        }\n        aria-label={t('ui.resizable.resizeLabel')}\n        data-dragging={isDragging ? '' : undefined}\n        className={handleVariants({ orientation, className })}\n        onPointerDown={onPointerDown}\n        onPointerMove={onPointerMove}\n        onPointerUp={onPointerUp}\n        onPointerCancel={onPointerCancel}\n        onKeyDown={onKeyDown}\n      />\n    );\n  },\n);\n\nHandle.displayName = 'Handle';\n"],"names":["ResizableContext","createContext","useResizable","ctx","useContext","resizableAgent","handle","args","STORAGE_PREFIX","loadFromStorage","groupId","raw","parsed","saveToStorage","sizes","normalizeSizes","total","a","b","s","computeNewSizes","currentSizes","handleIndex","deltaPercent","panels","groupSizePx","li","ri","lc","rc","collapseThreshold","newLeft","newRight","lMin","rMin","handleVariants","cva","panelGroupVariants","panelVariants","PanelGroup","forwardRef","direction","id","onLayout","className","children","outerRef","baseId","useId","groupRef","useRef","panelElementsRef","storageTimeoutRef","announceText","setAnnounceText","useState","panelConfigs","processedChildren","useMemo","configs","panelIdx","handleIdx","walk","child","isValidElement","Panel","idx","p","cloneElement","Handle","Children","committedSizes","setCommittedSizes","stored","liveSizesRef","useEffect","updateSizesImperative","useCallback","newSizes","el","commitSizes","useLayoutEffect","registerPanelElement","index","size","unregisterPanelElement","setAnnounceCb","text","containerClass","ctxValue","setRef","agentHandle","next","useAgentRegistration","jsx","jsxs","_panelIndex","_panelId","minSize","maxSize","ref","panelRef","useImperativeHandle","newSize","clamped","diff","otherIndices","_","i","otherTotal","_handleIndex","t","i18n","useTranslation","isDragging","setIsDragging","dragStateRef","announceTimeoutRef","announceRafRef","handleRef","scheduleAnnounce","immediate","formatted","isRtl","onPointerDown","e","onPointerMove","startX","startY","startSizes","groupRect","isHorizontal","groupSize","rawDelta","percentDelta","rounded","onPointerUp","finalSizes","onPointerCancel","onKeyDown","rtl","step","current","growLeft","amount","avail","ns","shrinkLeft","delta","panel","pIdx","partner","isCollapsed","leftPanel","rightPanel","orientation","formatValueText"],"mappings":"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"}

package/dist/_chunks/select-BOU_Osnf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-BOU_Osnf.js","sources":["../../src/components/select/select.agent.ts","../../src/components/select/select.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — Select.                                                */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { SelectHandle } from './select';\n\nexport const selectAgent: AgentAdapter<SelectHandle> = {\n  id: 'select',\n  capabilities: ['select_single', 'open', 'close'],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.select.state.value',\n      description:\n        'Currently selected option value, or empty string when none.',\n      read: (handle) => handle.getValue(),\n    },\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.select.state.isOpen',\n      description: 'Whether the option list is open.',\n      read: (handle) => handle.isOpen(),\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'write',\n      argsType: '{ value: string }',\n      descriptionKey: 'ui.agent.select.actions.setValue',\n      description: 'Select the option with the given value.',\n      invoke: (handle, args: { value: string }) => {\n        handle.setValue(args.value);\n      },\n    },\n    clear: {\n      safety: 'destructive',\n      descriptionKey: 'ui.agent.select.actions.clear',\n      description: 'Clear the current selection.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    open: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.select.actions.open',\n      description: 'Open the option list.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.select.actions.close',\n      description: 'Close the option list.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'select',\n      description: 'Marks the Select trigger.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-option-id',\n      description:\n        'Stable opaque option value emitted on each rendered option.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  type MutableRefObject,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport { useAgentRegistration } from '../../agent';\nimport { selectAgent } from './select.agent';\n\n/** Agent-readiness curated handle for Select. */\nexport interface SelectHandle {\n  getValue: () => string;\n  setValue: (value: string) => void;\n  clear: () => void;\n  open: () => void;\n  close: () => void;\n  isOpen: () => boolean;\n}\nimport * as RadixSelect from '@radix-ui/react-select';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Check, ChevronDown, ChevronUp, X } from 'lucide-react';\nimport {\n  FormFieldContext,\n  useFormField,\n} from '../form-field/form-field-context';\nimport type { OptionShape } from '../_shared/option';\nimport { groupOptions } from '../_shared/group-options';\nimport { useDirection } from '../_shared/use-direction';\n\nconst selectTriggerVariants = cva(\n  [\n    'ds:group ds:inline-flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:w-full',\n    'ds:rounded-[var(--radius-sm)] ds:border ds:border-border ds:bg-background',\n    'ds:text-foreground ds:placeholder:text-muted-foreground',\n    'ds:data-[placeholder]:text-muted-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-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:h-8 ds:ps-3 ds:pe-3 ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:h-[var(--min-target-size)] ds:ps-3 ds:pe-3 ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:h-12 ds:ps-4 ds:pe-4 ds:text-[length:var(--font-size-lg)]',\n      },\n      tone: {\n        default: '',\n        error: 'ds:border-destructive ds:focus-visible:outline-destructive',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      tone: 'default',\n    },\n  },\n);\n\nconst selectContentVariants = cva(\n  [\n    'ds:z-[var(--z-dropdown)] ds:overflow-hidden',\n    'ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-background ds:text-foreground',\n    'ds:shadow-[var(--shadow-lg)]',\n    'ds:animate-in ds:fade-in ds:zoom-in-95',\n    'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out',\n    'ds:data-[state=closed]:zoom-out-95',\n    'ds:data-[side=bottom]:slide-in-from-top-2',\n    'ds:data-[side=top]:slide-in-from-bottom-2',\n    'ds:motion-reduce:animate-none',\n  ].join(' '),\n);\n\nconst selectItemVariants = cva(\n  [\n    'ds:relative ds:flex ds:cursor-pointer ds:items-center',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:text-foreground ds:outline-none ds:select-none',\n    'ds:data-[highlighted]:bg-muted ds:data-[highlighted]:text-foreground',\n    'ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:min-h-8 ds:ps-8 ds:pe-3 ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:min-h-[var(--min-target-size)] ds:ps-8 ds:pe-3 ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:min-h-12 ds:ps-10 ds:pe-4 ds:text-[length:var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\nconst selectLabelClasses = [\n  'ds:ps-8 ds:pe-3 ds:py-1.5',\n  'type-eyebrow ds:text-muted-foreground',\n  'ds:sticky ds:top-0 ds:bg-background',\n].join(' ');\n\nconst iconSizeByItemSize = {\n  sm: 'ds:size-3.5',\n  md: 'ds:size-4',\n  lg: 'ds:size-5',\n} as const;\n\nconst itemIndicatorStartByItemSize = {\n  sm: 'ds:start-2',\n  md: 'ds:start-2',\n  lg: 'ds:start-3',\n} as const;\n\nfunction composeRefs<T>(\n  ...refs: Array<Ref<T> | undefined | null>\n): (node: T | null) => void {\n  return (node: T | null) => {\n    for (const r of refs) {\n      if (!r) continue;\n      if (typeof r === 'function') {\n        r(node);\n      } else {\n        (r as MutableRefObject<T | null>).current = node;\n      }\n    }\n  };\n}\n\n// ---------------------------------------------------------------------------\n// Compound sub-components — thin `forwardRef` wrappers over Radix parts.\n// ---------------------------------------------------------------------------\n\ntype SelectRootProps = ComponentPropsWithoutRef<typeof RadixSelect.Root>;\n\nconst SelectRoot = (props: SelectRootProps) => <RadixSelect.Root {...props} />;\nSelectRoot.displayName = 'Select.Root';\n\ntype SelectTriggerElement = ElementRef<typeof RadixSelect.Trigger>;\ntype SelectTriggerProps = ComponentPropsWithoutRef<typeof RadixSelect.Trigger> &\n  VariantProps<typeof selectTriggerVariants>;\n\nconst SelectTrigger = forwardRef<SelectTriggerElement, SelectTriggerProps>(\n  ({ size, tone, className, children, ...props }, ref) => (\n    <RadixSelect.Trigger\n      ref={ref}\n      className={selectTriggerVariants({ size, tone, className })}\n      {...props}\n    >\n      {children}\n    </RadixSelect.Trigger>\n  ),\n);\nSelectTrigger.displayName = 'Select.Trigger';\n\ntype SelectValueProps = ComponentPropsWithoutRef<typeof RadixSelect.Value>;\n\nconst SelectValue = forwardRef<\n  ElementRef<typeof RadixSelect.Value>,\n  SelectValueProps\n>((props, ref) => <RadixSelect.Value ref={ref} {...props} />);\nSelectValue.displayName = 'Select.Value';\n\ntype SelectContentProps = ComponentPropsWithoutRef<\n  typeof RadixSelect.Content\n> & {\n  container?: HTMLElement | null;\n};\n\nconst SelectContent = forwardRef<\n  ElementRef<typeof RadixSelect.Content>,\n  SelectContentProps\n>(\n  (\n    {\n      className,\n      children,\n      position = 'popper',\n      sideOffset = 4,\n      container,\n      ...props\n    },\n    ref,\n  ) => (\n    <RadixSelect.Portal container={container ?? undefined}>\n      <RadixSelect.Content\n        ref={ref}\n        position={position}\n        sideOffset={sideOffset}\n        data-component=\"select-content\"\n        className={selectContentVariants({ className })}\n        {...props}\n      >\n        <RadixSelect.ScrollUpButton className=\"ds:flex ds:items-center ds:justify-center ds:h-6 ds:bg-background ds:cursor-default\">\n          <ChevronUp aria-hidden=\"true\" className=\"ds:size-4\" />\n        </RadixSelect.ScrollUpButton>\n        {children}\n        <RadixSelect.ScrollDownButton className=\"ds:flex ds:items-center ds:justify-center ds:h-6 ds:bg-background ds:cursor-default\">\n          <ChevronDown aria-hidden=\"true\" className=\"ds:size-4\" />\n        </RadixSelect.ScrollDownButton>\n      </RadixSelect.Content>\n    </RadixSelect.Portal>\n  ),\n);\nSelectContent.displayName = 'Select.Content';\n\ntype SelectViewportProps = ComponentPropsWithoutRef<\n  typeof RadixSelect.Viewport\n>;\n\nconst SelectViewport = forwardRef<\n  ElementRef<typeof RadixSelect.Viewport>,\n  SelectViewportProps\n>(({ className, ...props }, ref) => (\n  <RadixSelect.Viewport\n    ref={ref}\n    className={['ds:p-1', className].filter(Boolean).join(' ')}\n    {...props}\n  />\n));\nSelectViewport.displayName = 'Select.Viewport';\n\ntype SelectItemProps = ComponentPropsWithoutRef<typeof RadixSelect.Item> &\n  VariantProps<typeof selectItemVariants>;\n\nconst SelectItem = forwardRef<\n  ElementRef<typeof RadixSelect.Item>,\n  SelectItemProps\n>(({ size = 'md', className, children, ...props }, ref) => {\n  const indicatorStart = itemIndicatorStartByItemSize[size ?? 'md'];\n  const iconSize = iconSizeByItemSize[size ?? 'md'];\n  return (\n    <RadixSelect.Item\n      ref={ref}\n      className={selectItemVariants({ size, className })}\n      {...props}\n    >\n      <span\n        className={`ds:absolute ${indicatorStart} ds:inline-flex ds:items-center ds:justify-center`}\n        aria-hidden=\"true\"\n      >\n        <RadixSelect.ItemIndicator>\n          <Check className={iconSize} />\n        </RadixSelect.ItemIndicator>\n      </span>\n      <RadixSelect.ItemText>{children}</RadixSelect.ItemText>\n    </RadixSelect.Item>\n  );\n});\nSelectItem.displayName = 'Select.Item';\n\ntype SelectItemTextProps = ComponentPropsWithoutRef<\n  typeof RadixSelect.ItemText\n>;\n\nconst SelectItemText = forwardRef<\n  ElementRef<typeof RadixSelect.ItemText>,\n  SelectItemTextProps\n>((props, ref) => <RadixSelect.ItemText ref={ref} {...props} />);\nSelectItemText.displayName = 'Select.ItemText';\n\ntype SelectGroupProps = ComponentPropsWithoutRef<typeof RadixSelect.Group>;\n\nconst SelectGroup = forwardRef<\n  ElementRef<typeof RadixSelect.Group>,\n  SelectGroupProps\n>((props, ref) => <RadixSelect.Group ref={ref} {...props} />);\nSelectGroup.displayName = 'Select.Group';\n\ntype SelectLabelProps = ComponentPropsWithoutRef<typeof RadixSelect.Label>;\n\nconst SelectLabel = forwardRef<\n  ElementRef<typeof RadixSelect.Label>,\n  SelectLabelProps\n>(({ className, ...props }, ref) => (\n  <RadixSelect.Label\n    ref={ref}\n    className={[selectLabelClasses, className].filter(Boolean).join(' ')}\n    {...props}\n  />\n));\nSelectLabel.displayName = 'Select.Label';\n\ntype SelectSeparatorProps = ComponentPropsWithoutRef<\n  typeof RadixSelect.Separator\n>;\n\nconst SelectSeparator = forwardRef<\n  ElementRef<typeof RadixSelect.Separator>,\n  SelectSeparatorProps\n>(({ className, ...props }, ref) => (\n  <RadixSelect.Separator\n    ref={ref}\n    className={['ds:my-1 ds:h-px ds:bg-border', className]\n      .filter(Boolean)\n      .join(' ')}\n    {...props}\n  />\n));\nSelectSeparator.displayName = 'Select.Separator';\n\n// ---------------------------------------------------------------------------\n// Convenience form — `<Select options={[{value, label, group?}]} />`.\n// ---------------------------------------------------------------------------\n\nexport type SelectOption<T extends string = string> = OptionShape<T>;\n\nexport interface SelectProps<T extends string = string> {\n  options: SelectOption<T>[];\n  value?: T | '';\n  defaultValue?: T;\n  onValueChange?: (value: T | '') => void;\n  placeholder?: string;\n  clearable?: boolean;\n  disabled?: boolean;\n  required?: boolean;\n  name?: string;\n  id?: string;\n  size?: 'sm' | 'md' | 'lg';\n  tone?: 'default' | 'error';\n  'aria-label'?: string;\n  className?: string;\n}\n\nconst SelectImpl = forwardRef<HTMLButtonElement, SelectProps>(function Select(\n  {\n    options,\n    value,\n    defaultValue,\n    onValueChange,\n    placeholder,\n    clearable = false,\n    disabled,\n    required,\n    name,\n    id,\n    size = 'md',\n    tone = 'default',\n    className,\n    'aria-label': ariaLabel,\n  },\n  ref,\n) {\n  const { t } = useTranslation();\n  const ctx = useFormField();\n  const inFormField = useContext(FormFieldContext) !== null;\n\n  const [internalValue, setInternalValue] = useState<string>(\n    value ?? defaultValue ?? '',\n  );\n  const isControlled = value !== undefined;\n  const currentValue = isControlled ? value : internalValue;\n\n  const [openState, setOpenState] = useState<boolean>(false);\n  const currentValueRef = useRef<string>(currentValue);\n  currentValueRef.current = currentValue;\n\n  const triggerId = id ?? (inFormField ? ctx.id : undefined);\n  const effectiveDisabled =\n    (inFormField ? ctx.disabled : false) || Boolean(disabled);\n  const effectiveRequired =\n    (inFormField ? ctx.required : false) || Boolean(required);\n  const effectiveInvalid = inFormField ? ctx.invalid : false;\n  const effectiveTone = effectiveInvalid ? 'error' : tone;\n  const describedBy =\n    inFormField && ctx.describedBy ? ctx.describedBy : undefined;\n\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const composedTriggerRef = composeRefs(ref, triggerRef);\n  const dir = useDirection(triggerRef);\n\n  const emitValue = onValueChange as ((value: string) => void) | undefined;\n\n  const handleValueChange = (next: string) => {\n    if (!isControlled) setInternalValue(next);\n    emitValue?.(next);\n  };\n\n  const handleClear: React.MouseEventHandler<HTMLButtonElement> = (event) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (!isControlled) setInternalValue('');\n    emitValue?.('');\n    triggerRef.current?.focus();\n  };\n\n  const resolvedPlaceholder =\n    placeholder ?? t('ui.inputs.select.placeholder', 'Select…');\n\n  const showClear = clearable && !!currentValue && !effectiveDisabled;\n\n  const groups = groupOptions(options);\n\n  const agentHandle = useMemo<SelectHandle>(\n    () => ({\n      getValue: () => currentValueRef.current,\n      setValue: (next) => {\n        if (!isControlled) setInternalValue(next);\n        emitValue?.(next);\n      },\n      clear: () => {\n        if (!isControlled) setInternalValue('');\n        emitValue?.('');\n      },\n      open: () => setOpenState(true),\n      close: () => setOpenState(false),\n      isOpen: () => openState,\n    }),\n    [emitValue, isControlled, openState],\n  );\n  useAgentRegistration(selectAgent, agentHandle, id);\n\n  return (\n    <RadixSelect.Root\n      value={currentValue === '' ? undefined : currentValue}\n      onValueChange={handleValueChange}\n      open={openState}\n      onOpenChange={setOpenState}\n      disabled={effectiveDisabled}\n      required={effectiveRequired}\n      name={name}\n      dir={dir}\n    >\n      <RadixSelect.Trigger\n        ref={composedTriggerRef}\n        id={triggerId}\n        aria-label={\n          ariaLabel ?? (!inFormField ? resolvedPlaceholder : undefined)\n        }\n        aria-labelledby={\n          !ariaLabel && inFormField ? `${ctx.id}-label` : undefined\n        }\n        aria-describedby={describedBy}\n        aria-invalid={effectiveInvalid || undefined}\n        data-component=\"select\"\n        data-component-id={id}\n        className={selectTriggerVariants({\n          size,\n          tone: effectiveTone,\n          className,\n        })}\n      >\n        <RadixSelect.Value placeholder={resolvedPlaceholder} />\n        <span className=\"ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n          {showClear ? (\n            <button\n              type=\"button\"\n              aria-label={t('ui.inputs.select.clear', 'Clear selection')}\n              onClick={handleClear}\n              onPointerDown={(event) => event.stopPropagation()}\n              onKeyDown={(event) => {\n                if (event.key === 'Enter' || event.key === ' ') {\n                  event.stopPropagation();\n                }\n              }}\n              className={[\n                'ds:inline-flex ds:items-center ds:justify-center ds:rounded-[var(--radius-sm)]',\n                'ds:text-muted-foreground ds:hover:text-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-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n                'ds:size-4',\n              ].join(' ')}\n            >\n              <X aria-hidden=\"true\" className=\"ds:size-3.5\" />\n            </button>\n          ) : null}\n          <RadixSelect.Icon asChild>\n            <ChevronDown\n              aria-hidden=\"true\"\n              className={[\n                'ds:size-4 ds:shrink-0 ds:text-muted-foreground',\n                'ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n                'ds:group-data-[state=open]:rotate-180',\n              ].join(' ')}\n            />\n          </RadixSelect.Icon>\n        </span>\n      </RadixSelect.Trigger>\n      <SelectContent>\n        <SelectViewport>\n          {options.length === 0 ? (\n            <div className=\"ds:ps-8 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground\">\n              {t('ui.inputs.select.noOptions', 'No options')}\n            </div>\n          ) : (\n            groups.map(({ group, items }, groupIndex) => {\n              const body = items.map((option) => (\n                <SelectItem\n                  key={option.value}\n                  value={option.value}\n                  disabled={option.disabled}\n                  size={size}\n                  data-option-id={option.value}\n                >\n                  {option.label}\n                </SelectItem>\n              ));\n              if (!group) {\n                return (\n                  <RadixSelect.Group key={`group-${groupIndex}`}>\n                    {body}\n                  </RadixSelect.Group>\n                );\n              }\n              return (\n                <RadixSelect.Group key={`group-${group}`}>\n                  <SelectLabel>{group}</SelectLabel>\n                  {body}\n                </RadixSelect.Group>\n              );\n            })\n          )}\n        </SelectViewport>\n      </SelectContent>\n    </RadixSelect.Root>\n  );\n});\nSelectImpl.displayName = 'Select';\n\ninterface SelectComponent {\n  <T extends string = string>(\n    props: SelectProps<T> & { ref?: Ref<HTMLButtonElement> },\n  ): ReactElement | null;\n  displayName?: string;\n  Root: typeof SelectRoot;\n  Trigger: typeof SelectTrigger;\n  Value: typeof SelectValue;\n  Content: typeof SelectContent;\n  Viewport: typeof SelectViewport;\n  Item: typeof SelectItem;\n  ItemText: typeof SelectItemText;\n  Group: typeof SelectGroup;\n  Label: typeof SelectLabel;\n  Separator: typeof SelectSeparator;\n}\n\nconst SelectWithStatics = Object.assign(SelectImpl, {\n  Root: SelectRoot,\n  Trigger: SelectTrigger,\n  Value: SelectValue,\n  Content: SelectContent,\n  Viewport: SelectViewport,\n  Item: SelectItem,\n  ItemText: SelectItemText,\n  Group: SelectGroup,\n  Label: SelectLabel,\n  Separator: SelectSeparator,\n}) as unknown as SelectComponent;\n\nexport const Select = SelectWithStatics;\n\nexport {\n  SelectRoot,\n  SelectTrigger,\n  SelectValue,\n  SelectContent,\n  SelectViewport,\n  SelectItem,\n  SelectItemText,\n  SelectGroup,\n  SelectLabel,\n  SelectSeparator,\n};\n\nexport { selectTriggerVariants, selectContentVariants, selectItemVariants };\n\nexport type {\n  SelectTriggerProps,\n  SelectContentProps,\n  SelectItemProps,\n  SelectLabelProps,\n  SelectRootProps,\n};\n\nexport type { ReactNode };\n"],"names":["selectAgent","handle","args","selectTriggerVariants","cva","selectContentVariants","selectItemVariants","selectLabelClasses","iconSizeByItemSize","itemIndicatorStartByItemSize","composeRefs","refs","node","r","SelectRoot","props","jsx","RadixSelect","SelectTrigger","forwardRef","size","tone","className","children","ref","SelectValue","SelectContent","position","sideOffset","container","jsxs","ChevronUp","ChevronDown","SelectViewport","SelectItem","indicatorStart","iconSize","Check","SelectItemText","SelectGroup","SelectLabel","SelectSeparator","SelectImpl","options","value","defaultValue","onValueChange","placeholder","clearable","disabled","required","name","id","ariaLabel","t","useTranslation","ctx","useFormField","inFormField","useContext","FormFieldContext","internalValue","setInternalValue","useState","isControlled","currentValue","openState","setOpenState","currentValueRef","useRef","triggerId","effectiveDisabled","effectiveRequired","effectiveInvalid","effectiveTone","describedBy","triggerRef","composedTriggerRef","dir","useDirection","emitValue","handleValueChange","next","handleClear","event","_a","resolvedPlaceholder","showClear","groups","groupOptions","agentHandle","useMemo","useAgentRegistration","X","group","items","groupIndex","body","option","SelectWithStatics","Select"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"sidebar-Bx3wCDyy.js","sources":["../../node_modules/lucide-react/dist/esm/icons/grip-vertical.js","../../node_modules/lucide-react/dist/esm/icons/panel-left-close.js","../../node_modules/lucide-react/dist/esm/icons/panel-left-open.js","../../node_modules/lucide-react/dist/esm/icons/star.js","../../src/components/sidebar/sidebar.agent.ts","../../src/components/sidebar/sidebar.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.8.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.js';\n\nconst __iconNode = [\n  [\"circle\", { cx: \"9\", cy: \"12\", r: \"1\", key: \"1vctgf\" }],\n  [\"circle\", { cx: \"9\", cy: \"5\", r: \"1\", key: \"hp0tcf\" }],\n  [\"circle\", { cx: \"9\", cy: \"19\", r: \"1\", key: \"fkjjf6\" }],\n  [\"circle\", { cx: \"15\", cy: \"12\", r: \"1\", key: \"1tmaij\" }],\n  [\"circle\", { cx: \"15\", cy: \"5\", r: \"1\", key: \"19l28e\" }],\n  [\"circle\", { cx: \"15\", cy: \"19\", r: \"1\", key: \"f4zoj3\" }]\n];\nconst GripVertical = createLucideIcon(\"grip-vertical\", __iconNode);\n\nexport { __iconNode, GripVertical as default };\n//# sourceMappingURL=grip-vertical.js.map\n","/**\n * @license lucide-react v1.8.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.js';\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.js.map\n","/**\n * @license lucide-react v1.8.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.js';\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.js.map\n","/**\n * @license lucide-react v1.8.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.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\",\n      key: \"r04s7s\"\n    }\n  ]\n];\nconst Star = createLucideIcon(\"star\", __iconNode);\n\nexport { __iconNode, Star as default };\n//# sourceMappingURL=star.js.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      description: 'True when the sidebar is in its collapsed (rail) state.',\n      read: (handle) => handle.getIsCollapsed(),\n    },\n  },\n  actions: {\n    toggle_collapsed: {\n      safety: 'read',\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      description: 'Each Sidebar.Item emits its key as data-nav-id.',\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 { 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  X,\n} from 'lucide-react';\nimport { useAgentRegistration } from '../../agent';\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/* -------------------------------------------------------------------- */\n/* usePersistentState                                                    */\n/*                                                                       */\n/* Drop-in `useState` replacement that mirrors its value to               */\n/* `localStorage` under the given key. Same signature as `useState`, so   */\n/* consumers can wire favourites / accordion / any sidebar preference to */\n/* survive reloads without plumbing effects by hand:                     */\n/*                                                                       */\n/*   const [pinnedIds, setPinnedIds] =                                    */\n/*     usePersistentState<string[]>('ui.sidebar.favorites',               */\n/*       ['dashboard', 'calendar']);                                      */\n/*                                                                       */\n/* SSR-safe and quota-safe (swallows serialize / storage errors).        */\n/* -------------------------------------------------------------------- */\n\nexport function usePersistentState<T>(\n  storageKey: string,\n  initial: T | (() => T),\n): [T, (value: T | ((prev: T) => T)) => void] {\n  const [value, setValue] = useState<T>(() => {\n    if (typeof window === 'undefined') {\n      return typeof initial === 'function' ? (initial as () => T)() : initial;\n    }\n    try {\n      const raw = window.localStorage.getItem(storageKey);\n      if (raw !== null) return JSON.parse(raw) as T;\n    } catch {\n      /* noop */\n    }\n    return typeof initial === 'function' ? (initial as () => T)() : initial;\n  });\n\n  useEffect(() => {\n    if (typeof window === 'undefined') return;\n    try {\n      window.localStorage.setItem(storageKey, JSON.stringify(value));\n    } catch {\n      /* noop */\n    }\n  }, [storageKey, value]);\n\n  return [value, setValue];\n}\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    'ds:h-full',\n    'ds:transition-[inline-size] ds:duration-[var(--animation-duration)]',\n    'ds:motion-reduce: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// 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  /** 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      '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('ui.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    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={ref}\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('ui.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={ref}\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            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          </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, ...rest }, ref) => (\n    <div\n      ref={ref}\n      className={[\n        'ds:flex-1 ds:overflow-auto',\n        'ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]',\n        'ds:py-[var(--spacing-sm)]',\n        className ?? '',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...rest}\n    />\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  /** 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\nconst SidebarItem = forwardRef<HTMLAnchorElement, SidebarItemProps>(\n  (\n    {\n      asChild = false,\n      isActive = false,\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    const anchor = (\n      <Comp\n        ref={ref as never}\n        aria-current={isActive ? 'page' : undefined}\n        aria-label={ariaLabel}\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    if (mode === 'icon' && ariaLabel) {\n      return (\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    }\n\n    return body;\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  // --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. The numeric count is\n  // hidden visually but stays in the accessible name via an sr-only span.\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  // 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('ui.navigation.sidebar.unpinItem', 'Unpin {{label}}', { label })\n      : t('ui.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('ui.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('ui.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          'ui.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              'ui.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('ui.navigation.sidebar.collapse', 'Collapse sidebar')\n      : t('ui.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\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};\n"],"names":["__iconNode","GripVertical","createLucideIcon","PanelLeftClose","PanelLeftOpen","Star","sidebarAgent","handle","SidebarContext","createContext","useSidebar","useContext","STORAGE_KEY","readStoredState","defaultMode","v","writeStoredState","value","usePersistentState","storageKey","initial","setValue","useState","raw","useEffect","railClasses","cva","Sidebar","forwardRef","state","defaultState","onStateChange","density","open","onOpenChange","ariaLabel","className","children","id","rest","ref","t","useTranslation","isControlled","internalState","setInternalState","resolved","transitionTo","useCallback","next","label","resolvedRef","useRef","agentHandle","useMemo","useAgentRegistration","jsx","RadixDialog","jsxs","X","RadixTooltip","SidebarHeader","mode","SidebarBody","SidebarFooter","sectionLabelClasses","sectionIconClasses","SidebarSection","icon","collapsible","defaultOpen","isIconMode","isAccordion","wrapperClasses","accordionValue","RadixAccordion","ChevronRight","AccordionContent","groupTriggerClasses","SidebarGroup","RadixCollapsible","itemClasses","SidebarItem","asChild","isActive","isPinned","onPinChange","pinLabel","Comp","Slot","showPin","anchor","body","SidebarPinButton","SidebarItemIcon","SidebarItemLabel","SidebarItemBadge","isIcon","workspaceSwitcherClasses","SidebarWorkspaceSwitcher","logo","name","showChevron","showLabel","Fragment","primaryActionClasses","SidebarPrimaryAction","shortcut","pinButtonClasses","onClick","accessibleLabel","event","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","profilePillClasses","SidebarProfilePill","avatar","subtitle","subtitleLabel","accessibleSubtitle","collapseTriggerClasses","SidebarCollapseTrigger","isExpanded","button"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}

package/dist/_chunks/sign-in-with-alfadocs-button-B9UrqOqH.js.map

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

package/dist/_chunks/slider-BT2bZWsy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"slider-BT2bZWsy.js","sources":["../../src/components/slider/slider.agent.ts","../../src/components/slider/slider.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — Slider.                                                */\n/*                                                                        */\n/* Slider supports both single-thumb and dual-thumb (range) operation.    */\n/* Capabilities cover both — the runtime distinguishes them via the       */\n/* value tuple length. See `src/docs/26-agent-readiness.mdx`.             */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { SliderHandle } from './slider';\n\nexport const sliderAgent: AgentAdapter<SliderHandle> = {\n  id: 'slider',\n  capabilities: ['pick', 'range_pick'],\n  state: {\n    value: {\n      type: 'number[]',\n      descriptionKey: 'ui.agent.slider.state.value',\n      description:\n        'Current thumb values; length 1 for a single slider, length 2 for a range.',\n      read: (handle) => handle.getValue(),\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'write',\n      argsType: '{ value: number[] }',\n      descriptionKey: 'ui.agent.slider.actions.setValue',\n      description:\n        'Replace the thumb value(s). Pass a 1-tuple for single, 2-tuple for range.',\n      invoke: (handle, args: { value: number[] }) => {\n        handle.setValue(args.value);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'slider',\n      description: 'Marks the Slider root.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  type KeyboardEvent,\n} from 'react';\nimport { useAgentRegistration } from '../../agent';\nimport { sliderAgent } from './slider.agent';\n\n/** Agent-readiness curated handle for Slider. */\nexport interface SliderHandle {\n  getValue: () => number[];\n  setValue: (value: number[]) => void;\n}\nimport * as RadixSlider from '@radix-ui/react-slider';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useContext } from 'react';\nimport {\n  FormFieldContext,\n  useFormField,\n} from '../form-field/form-field-context';\nimport { useDirection } from '../_shared/use-direction';\nimport { composeRefs } from '../_shared/compose-refs';\n\nexport interface SliderMark {\n  value: number;\n  label?: string;\n}\n\nconst sliderVariants = cva(\n  [\n    'ds:relative ds:flex ds:touch-none ds:select-none ds:items-center',\n    'ds:data-[orientation=horizontal]:w-full',\n    'ds:data-[orientation=vertical]:flex-col ds:data-[orientation=vertical]:h-full',\n    'ds:data-[disabled]:cursor-not-allowed ds:data-[disabled]:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:data-[orientation=horizontal]:h-1 ds:data-[orientation=vertical]:w-1',\n        md: 'ds:data-[orientation=horizontal]:h-2 ds:data-[orientation=vertical]:w-2',\n        lg: 'ds:data-[orientation=horizontal]:h-3 ds:data-[orientation=vertical]:w-3',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst trackVariants = cva(\n  [\n    'ds:relative ds:grow ds:overflow-hidden ds:rounded-[var(--radius-full)] ds:bg-muted',\n    'ds:data-[orientation=horizontal]:h-full',\n    'ds:data-[orientation=vertical]:w-full',\n  ].join(' '),\n);\n\nconst rangeVariants = cva(\n  [\n    'ds:absolute ds:bg-primary ds:rounded-[var(--radius-full)]',\n    'ds:data-[orientation=horizontal]:h-full',\n    'ds:data-[orientation=vertical]:w-full',\n  ].join(' '),\n);\n\nconst thumbVariants = cva(\n  [\n    'ds:group/thumb',\n    'ds:relative ds:block ds:rounded-full',\n    'ds:bg-background ds:border-2 ds:border-primary ds:shadow-[var(--shadow-sm)]',\n    'ds:transition-[transform,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:outline-none',\n    'ds:focus-visible:shadow-[var(--shadow-focus),var(--shadow-sm)]',\n    'ds:active:shadow-[var(--shadow-sm)]',\n    'ds:data-[disabled]:cursor-not-allowed ds:data-[disabled]:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:size-4',\n        md: 'ds:size-5',\n        lg: 'ds:size-6',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst hitAreaVariants = cva('ds:absolute ds:rounded-full', {\n  variants: {\n    size: {\n      sm: 'ds:-inset-[calc((var(--min-target-size)-1rem)/2)]',\n      md: 'ds:-inset-[calc((var(--min-target-size)-1.25rem)/2)]',\n      lg: 'ds:-inset-[calc((var(--min-target-size)-1.5rem)/2)]',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\nconst tooltipWrapperVariants = cva(\n  'ds:absolute ds:flex ds:pointer-events-none ds:items-center ds:justify-center',\n  {\n    variants: {\n      orientation: {\n        horizontal: 'ds:start-0 ds:end-0 ds:bottom-full',\n        vertical: 'ds:top-0 ds:bottom-0 ds:start-full',\n      },\n    },\n    defaultVariants: { orientation: 'horizontal' },\n  },\n);\n\nconst tooltipBubbleVariants = cva(\n  [\n    'ds:whitespace-nowrap ds:bg-foreground ds:text-background',\n    'ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]',\n    'ds:rounded-[var(--radius-sm)] ds:text-[length:var(--font-size-xs)] ds:tabular-nums',\n    'ds:shadow-[var(--shadow-sm)]',\n    'ds:transition-opacity ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      orientation: {\n        horizontal: 'ds:mb-[var(--spacing-xs)]',\n        vertical: 'ds:ms-[var(--spacing-xs)]',\n      },\n      alwaysShow: {\n        true: 'ds:opacity-100',\n        false:\n          'ds:opacity-0 ds:group-hover/thumb:opacity-100 ds:group-focus-visible/thumb:opacity-100',\n      },\n    },\n    defaultVariants: { orientation: 'horizontal', alwaysShow: false },\n  },\n);\n\nconst marksContainerVariants = cva('ds:absolute ds:pointer-events-none', {\n  variants: {\n    orientation: {\n      horizontal: 'ds:start-0 ds:end-0 ds:top-full',\n      vertical: 'ds:top-0 ds:bottom-0 ds:start-full',\n    },\n  },\n  defaultVariants: { orientation: 'horizontal' },\n});\n\nconst markVariants = cva('ds:absolute ds:flex ds:items-center', {\n  variants: {\n    orientation: {\n      horizontal: 'ds:flex-col ds:-translate-x-1/2 ds:rtl:translate-x-1/2',\n      vertical: 'ds:flex-row ds:-translate-y-1/2 ds:ps-[var(--spacing-xs)]',\n    },\n  },\n  defaultVariants: { orientation: 'horizontal' },\n});\n\nconst tickVariants = cva('ds:bg-border', {\n  variants: {\n    orientation: {\n      horizontal: 'ds:w-px ds:h-1',\n      vertical: 'ds:h-px ds:w-1',\n    },\n  },\n  defaultVariants: { orientation: 'horizontal' },\n});\n\nconst markLabelVariants = cva(\n  'ds:text-muted-foreground type-meta ds:mt-[var(--spacing-xs)]',\n);\n\nconst endpointWrapperVariants = cva(\n  'ds:flex ds:items-center ds:gap-[var(--spacing-sm)]',\n  {\n    variants: {\n      orientation: {\n        horizontal: 'ds:w-full ds:flex-row',\n        vertical: 'ds:h-full ds:flex-col-reverse',\n      },\n    },\n    defaultVariants: { orientation: 'horizontal' },\n  },\n);\n\nconst endpointLabelVariants = cva(\n  'ds:text-muted-foreground type-meta ds:tabular-nums ds:shrink-0',\n);\n\ntype RadixSliderRootProps = ComponentPropsWithoutRef<typeof RadixSlider.Root>;\n\nexport interface SliderProps\n  extends\n    Omit<RadixSliderRootProps, 'children'>,\n    VariantProps<typeof sliderVariants> {\n  value?: number[];\n  defaultValue?: number[];\n  marks?: SliderMark[];\n  minLabel?: string;\n  maxLabel?: string;\n  formatValue?: (value: number) => string;\n  alwaysShowValue?: boolean;\n  step?: number;\n  largeStep?: number;\n  thumbLabels?: string[];\n  size?: 'sm' | 'md' | 'lg';\n  orientation?: 'horizontal' | 'vertical';\n  onValueChange?: (value: number[]) => void;\n  onValueCommit?: (value: number[]) => void;\n  className?: string;\n}\n\nexport const Slider = forwardRef<\n  ElementRef<typeof RadixSlider.Root>,\n  SliderProps\n>((props, ref) => {\n  const {\n    value,\n    defaultValue,\n    marks,\n    minLabel,\n    maxLabel,\n    formatValue,\n    alwaysShowValue = false,\n    step = 1,\n    largeStep = 10,\n    thumbLabels,\n    size = 'md',\n    orientation = 'horizontal',\n    min = 0,\n    max = 100,\n    disabled,\n    dir,\n    id,\n    className,\n    onValueChange,\n    onValueCommit,\n    onKeyDown,\n    ...rest\n  } = props;\n\n  const { t, i18n } = useTranslation();\n  const ctx = useFormField();\n  // We only want to point `aria-labelledby` at the FormField label when one\n  // actually exists — outside a `<FormField>` `useFormField()` returns a\n  // synthesised fallback whose label element won't be in the DOM.\n  const insideFormField = useContext(FormFieldContext) !== null;\n\n  const isControlled = value !== undefined;\n  const [internalValue, setInternalValue] = useState<number[]>(\n    value ?? defaultValue ?? [min],\n  );\n  const currentValue: number[] = isControlled\n    ? (value as number[])\n    : internalValue;\n\n  const handleValueChange = (next: number[]) => {\n    if (!isControlled) setInternalValue(next);\n    onValueChange?.(next);\n  };\n\n  const effectiveDisabled = Boolean(ctx.disabled || disabled);\n  const describedBy = ctx.describedBy || undefined;\n  const sliderId = id ?? ctx.id;\n\n  const defaultFormat = useCallback(\n    (n: number) => new Intl.NumberFormat(i18n.language).format(n),\n    [i18n.language],\n  );\n  const format = formatValue ?? defaultFormat;\n\n  const defaultMinThumbLabel = t('ui.inputs.slider.minLabel', 'Minimum');\n  const defaultMaxThumbLabel = t('ui.inputs.slider.maxLabel', 'Maximum');\n  // Root's `aria-label` is the user-facing slider name (e.g. \"Hue\").\n  // Radix puts `role=\"slider\"` on the Thumb, not the Root, so axe's\n  // aria-input-field-name rule looks at the Thumb. Surface the Root's\n  // label on the single-thumb case when no thumbLabels override is given.\n  const rootAriaLabel = (rest as { 'aria-label'?: string })['aria-label'];\n\n  const labelForThumb = (i: number): string | undefined => {\n    if (thumbLabels?.[i]) return thumbLabels[i];\n    if (currentValue.length === 2) {\n      return i === 0 ? defaultMinThumbLabel : defaultMaxThumbLabel;\n    }\n    return rootAriaLabel;\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(event);\n    if (event.defaultPrevented) return;\n    if (effectiveDisabled) return;\n    if (event.key !== 'PageUp' && event.key !== 'PageDown') return;\n\n    event.preventDefault();\n    const thumbs = Array.from(\n      event.currentTarget.querySelectorAll<HTMLElement>('[role=\"slider\"]'),\n    );\n    const activeIndex = Math.max(\n      0,\n      thumbs.indexOf(document.activeElement as HTMLElement),\n    );\n    const delta = event.key === 'PageUp' ? largeStep : -largeStep;\n    const next = currentValue.map((v, i) =>\n      i === activeIndex ? Math.max(min, Math.min(max, v + delta)) : v,\n    );\n    handleValueChange(next);\n    onValueCommit?.(next);\n  };\n\n  const denom = max - min || 1;\n  const percentFor = (n: number) => ((n - min) / denom) * 100;\n\n  const rootRef = useRef<HTMLSpanElement>(null);\n  const composedRef = composeRefs(ref, rootRef);\n  const autoDir = useDirection(rootRef);\n\n  const currentValueRef = useRef<number[]>(currentValue);\n  currentValueRef.current = currentValue;\n\n  const agentHandle = useMemo<SliderHandle>(\n    () => ({\n      getValue: () => currentValueRef.current.slice(),\n      setValue: (next) => {\n        handleValueChange(next);\n        onValueCommit?.(next);\n      },\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [isControlled, onValueChange, onValueCommit],\n  );\n  useAgentRegistration(sliderAgent, agentHandle, id);\n\n  const root = (\n    <RadixSlider.Root\n      ref={composedRef}\n      id={sliderId}\n      dir={dir ?? autoDir}\n      orientation={orientation}\n      min={min}\n      max={max}\n      step={step}\n      disabled={effectiveDisabled}\n      value={isControlled ? value : undefined}\n      defaultValue={!isControlled ? (defaultValue ?? [min]) : undefined}\n      onValueChange={handleValueChange}\n      onValueCommit={onValueCommit}\n      onKeyDown={handleKeyDown}\n      aria-describedby={describedBy}\n      aria-invalid={ctx.invalid || undefined}\n      aria-required={ctx.required || undefined}\n      className={sliderVariants({ size, className })}\n      data-component=\"slider\"\n      data-component-id={id}\n      {...rest}\n      // Strip aria-label off the Root span — Radix puts `role=\"slider\"`\n      // on the Thumb, so the label belongs there (see `labelForThumb`).\n      // Carrying aria-label on both the Root and the Thumb produces\n      // duplicate matches under accessible-name queries.\n      aria-label={undefined}\n    >\n      <RadixSlider.Track className={trackVariants()}>\n        <RadixSlider.Range className={rangeVariants()} />\n      </RadixSlider.Track>\n      {marks && marks.length > 0 ? (\n        <span\n          aria-hidden=\"true\"\n          className={marksContainerVariants({ orientation })}\n        >\n          {marks.map((m) => {\n            const p = percentFor(m.value);\n            const positionStyle: CSSProperties =\n              orientation === 'vertical'\n                ? { insetBlockEnd: `${p}%` }\n                : { insetInlineStart: `${p}%` };\n            return (\n              <span\n                key={`${m.value}-${m.label ?? ''}`}\n                className={markVariants({ orientation })}\n                // eslint-disable-next-line react/forbid-dom-props -- runtime-computed slider mark position\n                style={positionStyle}\n              >\n                <span className={tickVariants({ orientation })} />\n                {m.label ? (\n                  <span className={markLabelVariants()}>{m.label}</span>\n                ) : null}\n              </span>\n            );\n          })}\n        </span>\n      ) : null}\n      {currentValue.map((v, i) => {\n        const explicitLabel = labelForThumb(i);\n        // Fall back to the FormField label when no explicit thumb label is\n        // provided — axe's aria-input-field-name rule fires on every\n        // role=\"slider\" element that lacks an accessible name. Outside of a\n        // FormField, fall back to a generic localized label so axe is\n        // satisfied for standalone usage too.\n        const labelledById =\n          !explicitLabel && insideFormField ? `${ctx.id}-label` : undefined;\n        const fallbackLabel =\n          !explicitLabel && !labelledById\n            ? t('ui.inputs.slider.value', 'Value')\n            : undefined;\n        return (\n          <RadixSlider.Thumb\n            key={i}\n            aria-label={explicitLabel ?? fallbackLabel}\n            aria-labelledby={labelledById}\n            aria-valuetext={format(v)}\n            // The thumb is the focusable element — assistive tech reads its\n            // aria-describedby / aria-invalid when the user tabs onto it, not\n            // the parent Root's. Propagate FormField context to each thumb.\n            aria-describedby={describedBy}\n            aria-invalid={ctx.invalid || undefined}\n            className={thumbVariants({ size })}\n          >\n            <span aria-hidden=\"true\" className={hitAreaVariants({ size })} />\n            <span\n              aria-hidden=\"true\"\n              className={tooltipWrapperVariants({ orientation })}\n            >\n              <span\n                className={tooltipBubbleVariants({\n                  orientation,\n                  alwaysShow: alwaysShowValue,\n                })}\n              >\n                {format(v)}\n              </span>\n            </span>\n          </RadixSlider.Thumb>\n        );\n      })}\n    </RadixSlider.Root>\n  );\n\n  if (minLabel !== undefined || maxLabel !== undefined) {\n    return (\n      <div className={endpointWrapperVariants({ orientation })}>\n        {minLabel !== undefined ? (\n          <span className={endpointLabelVariants()}>{minLabel}</span>\n        ) : null}\n        {root}\n        {maxLabel !== undefined ? (\n          <span className={endpointLabelVariants()}>{maxLabel}</span>\n        ) : null}\n      </div>\n    );\n  }\n\n  return root;\n});\n\nSlider.displayName = 'Slider';\n"],"names":["sliderAgent","handle","args","sliderVariants","cva","trackVariants","rangeVariants","thumbVariants","hitAreaVariants","tooltipWrapperVariants","tooltipBubbleVariants","marksContainerVariants","markVariants","tickVariants","markLabelVariants","endpointWrapperVariants","endpointLabelVariants","Slider","forwardRef","props","ref","value","defaultValue","marks","minLabel","maxLabel","formatValue","alwaysShowValue","step","largeStep","thumbLabels","size","orientation","min","max","disabled","dir","id","className","onValueChange","onValueCommit","onKeyDown","rest","t","i18n","useTranslation","ctx","useFormField","insideFormField","useContext","FormFieldContext","isControlled","internalValue","setInternalValue","useState","currentValue","handleValueChange","next","effectiveDisabled","describedBy","sliderId","defaultFormat","useCallback","n","format","defaultMinThumbLabel","defaultMaxThumbLabel","rootAriaLabel","labelForThumb","i","handleKeyDown","event","thumbs","activeIndex","delta","v","denom","percentFor","rootRef","useRef","composedRef","composeRefs","autoDir","useDirection","currentValueRef","agentHandle","useMemo","useAgentRegistration","root","jsxs","RadixSlider","jsx","m","p","positionStyle","explicitLabel","labelledById","fallbackLabel"],"mappings":"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"}