@alfadocs/ui-kit-debug 0.1.8

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-OVzwN3jE.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.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 {\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';\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\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      ...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    if (resolved === 'overlay') {\n      return (\n        <SidebarContext.Provider value={{ mode: 'overlay', density, transitionTo }}>\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 ref={ref} aria-label={label} data-component=\"sidebar\" className=\"ds:flex ds:flex-col ds:h-full\" {...rest}>\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 value={{ mode: resolved, density, transitionTo }}>\n        <RadixTooltip.Provider delayDuration={300}>\n          <nav\n            ref={ref}\n            aria-label={label}\n            data-component=\"sidebar\"\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<HTMLDivElement, 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  },\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<HTMLDivElement, 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  },\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\n  extends ComponentPropsWithoutRef<typeof RadixCollapsible.Root> {\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  ({ label, icon, children, className, defaultOpen, open, onOpenChange, ...rest }, ref) => {\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<HTMLSpanElement, 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  ),\n);\nSidebarItemIcon.displayName = 'SidebarItemIcon';\n\nconst SidebarItemLabel = forwardRef<HTMLSpanElement, 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  },\n);\nSidebarItemLabel.displayName = 'SidebarItemLabel';\n\nconst SidebarItemBadge = forwardRef<HTMLSpanElement, 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  },\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\n  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].filter(Boolean).join(' ')}\n      {...rest}\n    >\n      <span aria-hidden=\"true\" className=\"ds:inline-flex ds:items-center ds:shrink-0\">\n        {logo}\n      </span>\n      {showLabel ? (\n        <>\n          <span\n            className=\"ds:truncate ds:flex-1 ds:text-start ds:max-w-[var(--header-workspace-max-inline-size)]\"\n          >\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\n  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 aria-hidden=\"true\" className=\"ds:inline-flex ds:size-4 ds:items-center ds:justify-center\">\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\n  extends Omit<ComponentPropsWithoutRef<'button'>, 'onChange'> {\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  (\n    { isPinned, onPinChange, label, className, onClick, ...rest },\n    ref,\n  ) => {\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  (\n    { heading, emptyMessage, onReorder, className, children, ...rest },\n    ref,\n  ) => {\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(\n        announceToggle.current ? message : `${message}\\u200b`,\n      );\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 = (event: ReactMouseEvent & { dataTransfer?: DataTransfer }) => {\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 = (event: ReactMouseEvent & { dataTransfer?: DataTransfer }) => {\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 (e: ReactMouseEvent<HTMLDivElement>) => void)\n            : undefined\n        }\n        onDragEnd={canReorder ? onDragEnd : undefined}\n        onDragOver={onDragOver as unknown as (e: ReactMouseEvent<HTMLDivElement>) => void}\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={[\n            canReorder ? 'ds:flex-1 ds:min-w-0' : '',\n            className ?? '',\n          ]\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\n  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={\n        accessibleSubtitle ? `${name}, ${accessibleSubtitle}` : name\n      }\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 aria-hidden=\"true\" className=\"ds:inline-flex ds:items-center ds:shrink-0\">\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\n  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>(\n  (\n    { className, 'aria-label': ariaLabel, onClick, ...rest },\n    ref,\n  ) => {\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 aria-hidden=\"true\" className=\"ds:size-4 ds:rtl:-scale-x-100\" />\n        ) : (\n          <PanelLeftOpen aria-hidden=\"true\" className=\"ds:size-4 ds:rtl:-scale-x-100\" />\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  },\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","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","rest","ref","t","useTranslation","isControlled","internalState","setInternalState","resolved","transitionTo","useCallback","next","label","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","useRef","announce","message","useMemo","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/sidebar.agent-B0fnH9CC.js

@@ -0,0 +1,17 @@
+const a = {
+  id: "sidebar",
+  capabilities: ["expand", "select_single", "navigate"],
+  state: {},
+  actions: {},
+  domHooks: {
+    root: { attr: "data-component", value: "sidebar" },
+    item: {
+      attr: "data-nav-id",
+      description: "Each Sidebar.Item emits its key as data-nav-id."
+    }
+  }
+};
+export {
+  a as s
+};
+//# sourceMappingURL=sidebar.agent-B0fnH9CC.js.map

package/dist/_chunks/sidebar.agent-B0fnH9CC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.agent-B0fnH9CC.js","sources":["../../src/components/sidebar/sidebar.agent.ts"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\n\nexport const sidebarAgent: AgentAdapter<unknown> = {\n  id: 'sidebar',\n  capabilities: ['expand', 'select_single', 'navigate'],\n  state: {},\n  actions: {},\n  domHooks: {\n    root: { attr: 'data-component', value: 'sidebar' },\n    item: {\n      attr: 'data-nav-id',\n      description: 'Each Sidebar.Item emits its key as data-nav-id.',\n    },\n  },\n};\n"],"names":["sidebarAgent"],"mappings":"AAEO,MAAMA,IAAsC;AAAA,EACjD,IAAI;AAAA,EACJ,cAAc,CAAC,UAAU,iBAAiB,UAAU;AAAA,EACpD,OAAO,CAAA;AAAA,EACP,SAAS,CAAA;AAAA,EACT,UAAU;AAAA,IACR,MAAM,EAAE,MAAM,kBAAkB,OAAO,UAAA;AAAA,IACvC,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ;"}

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

@@ -0,0 +1,45 @@
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as L, useRef as c, useEffect as b } from "react";
+import { useTranslation as y } from "react-i18next";
+import { B as E } from "./button-7mLWcMp_.js";
+import { L as I } from "./logo-BpFoCL-s.js";
+import { S as g } from "./spinner-GCcv67vh.js";
+const A = /* @__PURE__ */ new Set(["primary", "secondary", "tonal"]), B = L(
+  ({
+    intent: r = "primary",
+    size: n,
+    loading: t = !1,
+    disabled: u,
+    label: f,
+    onLoadingCancelled: s,
+    type: m = "button",
+    ...d
+  }, p) => {
+    const { t: h } = y(), l = f ?? h("ui.auth.continueWithAlfadocs", "Continue with AlfaDocs"), w = A.has(r) ? "inherit" : "auto", v = n ?? "md", a = c(t), o = c(s);
+    return a.current = t, o.current = s, b(() => {
+      const i = (S) => {
+        S.persisted && a.current && o.current && o.current();
+      };
+      return window.addEventListener("pageshow", i), () => window.removeEventListener("pageshow", i);
+    }, []), /* @__PURE__ */ e(
+      E,
+      {
+        ref: p,
+        type: m,
+        intent: r,
+        size: n,
+        disabled: u || t,
+        "aria-busy": t || void 0,
+        "data-component": "sign-in-with-alfadocs-button",
+        startIcon: t ? /* @__PURE__ */ e(g, { size: v, variant: "pulse" }) : /* @__PURE__ */ e(I, { variant: "mark", size: "sm", tone: w, decorative: !0 }),
+        ...d,
+        children: l
+      }
+    );
+  }
+);
+B.displayName = "SignInWithAlfadocsButton";
+export {
+  B as S
+};
+//# sourceMappingURL=sign-in-with-alfadocs-button-BN_FPGHT.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sign-in-with-alfadocs-button-BN_FPGHT.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>(['primary', 'secondary', 'tonal']);\n\nexport interface SignInWithAlfadocsButtonProps\n  extends Omit<ButtonProps, 'startIcon' | 'children' | 'intent'> {\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 (\n          event.persisted &&\n          loadingRef.current &&\n          onCancelRef.current\n        ) {\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,IAAiB,oBAAI,IAAmB,CAAC,WAAW,aAAa,OAAO,CAAC,GAsClEC,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,QACEA,EAAM,aACNL,EAAW,WACXE,EAAY,WAEZA,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;"}