@kushagradhawan/kookie-ui 0.1.49 → 0.1.50

package/dist/esm/components/shell.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/shell.tsx"],
-  "sourcesContent": ["/**\n * Shell Component - Layout Engine + Chrome\n *\n * Philosophy:\n * - Shell = layout engine + chrome\n * - Manages layout state: expanded/collapsed, fixed/overlay, sizes\n * - Does not manage content/navigation state\n * - Provides unstyled primitives (slots, triggers)\n * - Enforces composition rules (Rail \u2194 Panel dependency, Sidebar exclusivity)\n *\n * Core Slots:\n * - Header: global top bar\n * - Rail: slim nav strip\n * - Panel: sidebar next to rail\n * - Sidebar: alternative to Rail+Panel (exclusive)\n * - Content: main work area\n * - Inspector: right-side panel\n * - Bottom: bottom panel\n *\n * Composition Rules:\n * - Rail + Panel: valid together (Rail collapse \u2192 Panel collapse)\n * - Sidebar: cannot coexist with Rail or Panel\n * - Content: always required\n * - Inspector/Bottom: optional, independent\n */\n'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport * as Sheet from './sheet.js';\nimport { Inset } from './inset.js';\nimport { VisuallyHidden } from './visually-hidden.js';\nimport { useResponsivePresentation } from './shell.hooks.js';\nimport { PaneResizeContext } from './_internal/shell-resize.js';\nimport { PaneHandle, PanelHandle, SidebarHandle, InspectorHandle, BottomHandle } from './_internal/shell-handles.js';\nimport { Sidebar } from './_internal/shell-sidebar.js';\nimport { Bottom } from './_internal/shell-bottom.js';\nimport { Inspector } from './_internal/shell-inspector.js';\nimport type { PresentationValue, ResponsivePresentation, PaneMode, SidebarMode, ResponsiveMode, ResponsiveSidebarMode, PaneSizePersistence, Breakpoint, PaneTarget } from './shell.types.js';\nimport { BREAKPOINTS } from './shell.types.js';\nimport { ShellProvider, useShell } from './shell.context.js';\n\n// Shell context is provided via ShellProvider (see shell.context.tsx)\n\n// Pane resize context moved to ./_internal/shell-resize\n\n// Local PaneHandle moved to ./_internal/shell-handles\n// Removed local PaneHandle implementation; using internal PaneHandle\n\n// Composed Handle wrappers per pane\n// Handles moved to ./_internal/shell-handles\n\n// Hook to resolve responsive presentation\n// useResponsivePresentation moved to shell.hooks.ts\n\n// Hook to resolve responsive mode defaults\n// Removed: defaultMode responsiveness\n\n// Hook to get current breakpoint\nfunction useBreakpoint(): { bp: Breakpoint; ready: boolean } {\n  const [currentBp, setCurrentBp] = React.useState<Breakpoint>('initial');\n  const [ready, setReady] = React.useState(false);\n\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return;\n\n    const queries: [key: keyof typeof BREAKPOINTS, query: string][] = Object.entries(BREAKPOINTS) as any;\n    const mqls = queries.map(([k, q]) => [k, window.matchMedia(q)] as const);\n\n    const compute = () => {\n      // Highest matched wins\n      const matched = mqls.filter(([, m]) => m.matches).map(([k]) => k);\n      const next = (matched[matched.length - 1] as Breakpoint | undefined) ?? 'initial';\n      setCurrentBp(next);\n      setReady(true);\n    };\n\n    compute();\n    mqls.forEach(([, m]) => m.addEventListener('change', compute));\n\n    return () => {\n      mqls.forEach(([, m]) => m.removeEventListener('change', compute));\n    };\n  }, []);\n\n  return { bp: currentBp, ready };\n}\n\n// Root Component\ninterface ShellRootProps extends React.ComponentPropsWithoutRef<'div'> {\n  children: React.ReactNode;\n  height?: 'full' | 'auto' | string | number;\n}\n\nconst Root = React.forwardRef<HTMLDivElement, ShellRootProps>(({ className, children, height = 'full', ...props }, ref) => {\n  const { bp: currentBreakpoint, ready: currentBreakpointReady } = useBreakpoint();\n\n  // Pane state management\n  const [leftMode, setLeftMode] = React.useState<PaneMode>('collapsed');\n  const [panelMode, setPanelMode] = React.useState<PaneMode>('collapsed');\n  const [sidebarMode, setSidebarMode] = React.useState<SidebarMode>('expanded');\n  const [inspectorMode, setInspectorMode] = React.useState<PaneMode>('collapsed');\n  const [bottomMode, setBottomMode] = React.useState<PaneMode>('collapsed');\n\n  // Removed: defaultMode responsiveness and manual change tracking\n\n  // Composition detection\n  const [hasLeft, setHasLeft] = React.useState(false);\n  const [hasSidebar, setHasSidebar] = React.useState(false);\n\n  // Customizable sidebar toggle sequencing\n  const sidebarToggleComputerRef = React.useRef<(current: SidebarMode) => SidebarMode>((current) => (current === 'collapsed' ? 'thin' : current === 'thin' ? 'expanded' : 'collapsed'));\n  const setSidebarToggleComputer = React.useCallback((fn: (current: SidebarMode) => SidebarMode) => {\n    sidebarToggleComputerRef.current = fn;\n  }, []);\n\n  // Left collapse cascades to Panel\n  React.useEffect(() => {\n    if (leftMode === 'collapsed') {\n      setPanelMode('collapsed');\n    }\n  }, [leftMode]);\n\n  // Composition validation\n  React.useEffect(() => {\n    if (hasSidebar && hasLeft) {\n      console.warn('Shell: Sidebar cannot coexist with Rail or Panel. Use either Rail+Panel OR Sidebar.');\n    }\n  }, [hasSidebar, hasLeft]);\n\n  // Left presentation + defaults from children\n  const [devLeftPres, setDevLeftPres] = React.useState<PresentationValue | undefined>(undefined);\n  const onLeftPres = React.useCallback((p: PresentationValue) => setDevLeftPres(p), []);\n  const railDefaultSizeRef = React.useRef<number>(64);\n  const panelDefaultSizeRef = React.useRef<number>(288);\n  const onRailDefaults = React.useCallback((size: number) => {\n    railDefaultSizeRef.current = size;\n  }, []);\n  const onPanelDefaults = React.useCallback((size: number) => {\n    panelDefaultSizeRef.current = size;\n  }, []);\n\n  // Determine children presence for left composition\n  const hasLeftChildren = React.useMemo(() => {\n    const childArray = React.Children.toArray(children) as React.ReactElement[];\n    const isType = (el: React.ReactElement, comp: any) => React.isValidElement(el) && (el.type === comp || (el as any).type?.displayName === comp.displayName);\n    return childArray.some((el) => isType(el, Rail) || isType(el, Panel));\n  }, [children]);\n\n  const hasSidebarChildren = React.useMemo(() => {\n    const childArray = React.Children.toArray(children) as React.ReactElement[];\n    const isType = (el: React.ReactElement, comp: any) => React.isValidElement(el) && (el.type === comp || (el as any).type?.displayName === comp.displayName);\n    return childArray.some((el) => isType(el, Sidebar));\n  }, [children]);\n\n  const togglePane = React.useCallback(\n    (target: PaneTarget) => {\n      switch (target) {\n        case 'left':\n        case 'rail':\n          setLeftMode((prev) => (prev === 'expanded' ? 'collapsed' : 'expanded'));\n          break;\n        case 'panel':\n          // Panel toggle: expand left if collapsed, then toggle panel\n          if (leftMode === 'collapsed') {\n            setLeftMode('expanded');\n            setPanelMode('expanded');\n          } else {\n            setPanelMode((prev) => (prev === 'expanded' ? 'collapsed' : 'expanded'));\n          }\n          break;\n        case 'sidebar':\n          setSidebarMode((prev) => sidebarToggleComputerRef.current(prev as SidebarMode));\n          break;\n        case 'inspector':\n          setInspectorMode((prev) => (prev === 'expanded' ? 'collapsed' : 'expanded'));\n          break;\n        case 'bottom':\n          setBottomMode((prev) => (prev === 'expanded' ? 'collapsed' : 'expanded'));\n          break;\n      }\n    },\n    [leftMode],\n  );\n\n  const expandPane = React.useCallback((target: PaneTarget) => {\n    switch (target) {\n      case 'left':\n      case 'rail':\n        setLeftMode('expanded');\n        break;\n      case 'panel':\n        setLeftMode('expanded');\n        setPanelMode('expanded');\n        break;\n      case 'sidebar':\n        setSidebarMode('expanded');\n        break;\n      case 'inspector':\n        setInspectorMode('expanded');\n        break;\n      case 'bottom':\n        setBottomMode('expanded');\n        break;\n    }\n  }, []);\n\n  const collapsePane = React.useCallback((target: PaneTarget) => {\n    switch (target) {\n      case 'left':\n      case 'rail':\n        setLeftMode('collapsed');\n        break;\n      case 'panel':\n        setPanelMode('collapsed');\n        break;\n      case 'sidebar':\n        setSidebarMode('collapsed');\n        break;\n      case 'inspector':\n        setInspectorMode('collapsed');\n        break;\n      case 'bottom':\n        setBottomMode('collapsed');\n        break;\n    }\n  }, []);\n\n  const baseContextValue = React.useMemo(\n    () => ({\n      leftMode,\n      setLeftMode,\n      panelMode,\n      setPanelMode,\n      sidebarMode,\n      setSidebarMode,\n      inspectorMode,\n      setInspectorMode,\n      bottomMode,\n      setBottomMode,\n      hasLeft,\n      setHasLeft,\n      hasSidebar,\n      setHasSidebar,\n      currentBreakpoint,\n      currentBreakpointReady,\n      leftResolvedPresentation: devLeftPres,\n      togglePane,\n      expandPane,\n      collapsePane,\n      setSidebarToggleComputer,\n      onLeftPres,\n      onRailDefaults,\n      onPanelDefaults,\n    }),\n    [\n      leftMode,\n      panelMode,\n      sidebarMode,\n      inspectorMode,\n      bottomMode,\n      hasLeft,\n      hasSidebar,\n      currentBreakpoint,\n      currentBreakpointReady,\n      devLeftPres,\n      togglePane,\n      expandPane,\n      collapsePane,\n      setSidebarToggleComputer,\n      onLeftPres,\n      onRailDefaults,\n      onPanelDefaults,\n    ],\n  );\n\n  // Organize children by type\n  const childArray = React.Children.toArray(children) as React.ReactElement[];\n  const isType = (el: React.ReactElement, comp: any) => React.isValidElement(el) && (el.type === comp || (el as any).type?.displayName === comp.displayName);\n\n  const headerEls = childArray.filter((el) => isType(el, Header));\n  const railEls = childArray.filter((el) => isType(el, Rail));\n  const panelEls = childArray.filter((el) => isType(el, Panel));\n  const sidebarEls = childArray.filter((el) => isType(el, Sidebar));\n  const contentEls = childArray.filter((el) => isType(el, Content));\n  const inspectorEls = childArray.filter((el) => isType(el, Inspector));\n  const bottomEls = childArray.filter((el) => isType(el, Bottom));\n\n  const heightStyle = React.useMemo(() => {\n    if (height === 'full') return { height: '100vh' };\n    if (height === 'auto') return { height: 'auto' };\n    if (typeof height === 'string') return { height };\n    if (typeof height === 'number') return { height: `${height}px` };\n    return {};\n  }, [height]);\n\n  // Peek state (layout-only overlay without mode changes)\n  const [peekTarget, setPeekTarget] = React.useState<PaneTarget | null>(null);\n  const peekPane = React.useCallback((target: PaneTarget) => setPeekTarget(target), []);\n  const clearPeek = React.useCallback(() => setPeekTarget(null), []);\n\n  return (\n    <div {...props} ref={ref} className={classNames('rt-ShellRoot', className)} style={{ ...heightStyle, ...props.style }}>\n      <ShellProvider\n        value={{\n          ...baseContextValue,\n          peekTarget,\n          setPeekTarget,\n          peekPane,\n          clearPeek,\n        }}\n      >\n        {headerEls}\n        <div\n          className=\"rt-ShellBody\"\n          data-peek-target={peekTarget ?? undefined}\n          style={\n            peekTarget === 'rail' || peekTarget === 'panel'\n              ? ({\n                  ['--peek-rail-width' as any]: `${railDefaultSizeRef.current}px`,\n                } as React.CSSProperties)\n              : undefined\n          }\n        >\n          {hasLeftChildren && !hasSidebarChildren\n            ? (() => {\n                const firstRail = railEls[0] as any;\n                const passthroughProps = firstRail\n                  ? {\n                      mode: firstRail.props?.mode,\n                      defaultMode: firstRail.props?.defaultMode,\n                      onModeChange: firstRail.props?.onModeChange,\n                      presentation: firstRail.props?.presentation,\n                      collapsible: firstRail.props?.collapsible,\n                      onExpand: firstRail.props?.onExpand,\n                      onCollapse: firstRail.props?.onCollapse,\n                    }\n                  : {};\n                return (\n                  <Left {...(passthroughProps as any)}>\n                    {railEls}\n                    {panelEls}\n                  </Left>\n                );\n              })()\n            : sidebarEls}\n          {contentEls}\n          {inspectorEls}\n        </div>\n        {bottomEls}\n      </ShellProvider>\n    </div>\n  );\n});\nRoot.displayName = 'Shell.Root';\n\n// Header\ninterface ShellHeaderProps extends React.ComponentPropsWithoutRef<'header'> {\n  height?: number;\n}\n\nconst Header = React.forwardRef<HTMLElement, ShellHeaderProps>(({ className, height = 64, style, ...props }, ref) => (\n  <header\n    {...props}\n    ref={ref}\n    className={classNames('rt-ShellHeader', className)}\n    style={{\n      ...style,\n      ['--shell-header-height' as any]: `${height}px`,\n    }}\n  />\n));\nHeader.displayName = 'Shell.Header';\n\n// Pane Props Interface (shared by Panel, Sidebar, Inspector, Bottom)\ninterface PaneProps extends React.ComponentPropsWithoutRef<'div'> {\n  presentation?: ResponsivePresentation;\n  mode?: PaneMode;\n  defaultMode?: ResponsiveMode;\n  onModeChange?: (mode: PaneMode) => void;\n  expandedSize?: number;\n  minSize?: number;\n  maxSize?: number;\n  resizable?: boolean;\n  collapsible?: boolean;\n  onExpand?: () => void;\n  onCollapse?: () => void;\n  onResize?: (size: number) => void;\n  /** Optional custom content inside the resizer handle (kept unstyled). */\n  resizer?: React.ReactNode;\n  onResizeStart?: (size: number) => void;\n  onResizeEnd?: (size: number) => void;\n  snapPoints?: number[];\n  snapTolerance?: number;\n  collapseThreshold?: number;\n  paneId?: string;\n  persistence?: PaneSizePersistence;\n}\n\n// Left container (auto-created for Rail+Panel)\ninterface LeftProps extends React.ComponentPropsWithoutRef<'div'> {\n  presentation?: ResponsivePresentation;\n  mode?: PaneMode;\n  defaultMode?: ResponsiveMode;\n  onModeChange?: (mode: PaneMode) => void;\n  collapsible?: boolean;\n  onExpand?: () => void;\n  onCollapse?: () => void;\n}\n\n// Rail (special case)\ninterface RailProps extends React.ComponentPropsWithoutRef<'div'> {\n  presentation?: ResponsivePresentation;\n  mode?: PaneMode;\n  defaultMode?: ResponsiveMode;\n  onModeChange?: (mode: PaneMode) => void;\n  expandedSize?: number;\n  collapsible?: boolean;\n  onExpand?: () => void;\n  onCollapse?: () => void;\n}\n\n// Left container - behaves like Inspector but contains Rail+Panel\nconst Left = React.forwardRef<HTMLDivElement, LeftProps>(\n  ({ className, presentation = { initial: 'overlay', sm: 'fixed' }, mode, defaultMode = 'collapsed', onModeChange, collapsible = true, onExpand, onCollapse, children, style, ...props }, ref) => {\n    const shell = useShell();\n    const resolvedPresentation = useResponsivePresentation(presentation);\n    const isOverlay = resolvedPresentation === 'overlay';\n    const isStacked = resolvedPresentation === 'stacked';\n    const localRef = React.useRef<HTMLDivElement | null>(null);\n    // Publish resolved presentation so Root can gate peeking in overlay\n    React.useEffect(() => {\n      (shell as any).onLeftPres?.(resolvedPresentation);\n    }, [shell, resolvedPresentation]);\n    const setRef = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        localRef.current = node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      },\n      [ref],\n    );\n\n    // Register with shell\n    React.useEffect(() => {\n      shell.setHasLeft(true);\n      return () => shell.setHasLeft(false);\n    }, [shell]);\n\n    // Always-follow responsive defaultMode for uncontrolled Left (Rail stack)\n    const resolveResponsiveMode = React.useCallback((): PaneMode => {\n      if (typeof defaultMode === 'string') return defaultMode as PaneMode;\n      const dm = defaultMode as Partial<Record<Breakpoint, PaneMode>> | undefined;\n      if (dm && dm[shell.currentBreakpoint as Breakpoint]) {\n        return dm[shell.currentBreakpoint as Breakpoint] as PaneMode;\n      }\n      const bpKeys = Object.keys(BREAKPOINTS) as Array<keyof typeof BREAKPOINTS>;\n      const order: Breakpoint[] = ([...bpKeys].reverse() as Breakpoint[]).concat('initial' as Breakpoint);\n      const startIdx = order.indexOf(shell.currentBreakpoint as Breakpoint);\n      for (let i = startIdx + 1; i < order.length; i++) {\n        const bp = order[i];\n        if (dm && dm[bp]) {\n          return dm[bp] as PaneMode;\n        }\n      }\n      return 'collapsed';\n    }, [defaultMode, shell.currentBreakpoint]);\n\n    const lastBpRef = React.useRef<Breakpoint | null>(null);\n    React.useEffect(() => {\n      if (mode !== undefined) return; // controlled wins\n      if (!shell.currentBreakpointReady) return; // avoid SSR mismatch\n      if (lastBpRef.current === shell.currentBreakpoint) return; // only on bp change\n      lastBpRef.current = shell.currentBreakpoint as Breakpoint;\n      const next = resolveResponsiveMode();\n      if (next !== shell.leftMode) {\n        shell.setLeftMode(next);\n      }\n    }, [mode, shell.currentBreakpoint, shell.currentBreakpointReady, resolveResponsiveMode, shell.leftMode, shell.setLeftMode]);\n\n    // Sync controlled mode\n    React.useEffect(() => {\n      if (mode !== undefined && shell.leftMode !== mode) {\n        shell.setLeftMode(mode);\n      }\n    }, [mode, shell]);\n\n    // Emit mode changes\n    React.useEffect(() => {\n      if (mode === undefined) {\n        onModeChange?.(shell.leftMode);\n      }\n    }, [shell.leftMode, mode, onModeChange]);\n\n    // Emit expand/collapse events\n    React.useEffect(() => {\n      if (shell.leftMode === 'expanded') {\n        onExpand?.();\n      } else {\n        onCollapse?.();\n      }\n    }, [shell.leftMode, onExpand, onCollapse]);\n\n    const isExpanded = shell.leftMode === 'expanded';\n\n    // Left is not resizable; width derives from Rail/Panel.\n\n    if (isOverlay) {\n      const open = shell.leftMode === 'expanded';\n      // Compute overlay width from child Rail/Panel expanded sizes\n      const childArray = React.Children.toArray(children) as React.ReactElement[];\n      const isType = (el: React.ReactElement, comp: any) => React.isValidElement(el) && el.type === comp;\n      const railEl = childArray.find((el) => isType(el, Rail));\n      const panelEl = childArray.find((el) => isType(el, Panel));\n      const railSize = typeof (railEl as any)?.props?.expandedSize === 'number' ? (railEl as any).props.expandedSize : 64;\n      const panelSize = typeof (panelEl as any)?.props?.expandedSize === 'number' ? (panelEl as any).props.expandedSize : 288;\n      const hasRail = Boolean(railEl);\n      const hasPanel = Boolean(panelEl);\n      const overlayPx = (hasRail ? railSize : 0) + (shell.panelMode === 'expanded' && hasPanel ? panelSize : 0);\n      return (\n        <Sheet.Root open={open} onOpenChange={(o) => shell.setLeftMode(o ? 'expanded' : 'collapsed')}>\n          <Sheet.Content\n            side=\"start\"\n            style={{ padding: 0 }}\n            width={{\n              initial: `${overlayPx}px`,\n            }}\n          >\n            <VisuallyHidden>\n              <Sheet.Title>Navigation</Sheet.Title>\n            </VisuallyHidden>\n            <div className=\"rt-ShellLeft\">{children}</div>\n          </Sheet.Content>\n        </Sheet.Root>\n      );\n    }\n\n    if (isStacked) {\n      const open = shell.leftMode === 'expanded';\n      // Compute floating width from child Rail/Panel expanded sizes (like overlay)\n      const childArray = React.Children.toArray(children) as React.ReactElement[];\n      const isType = (el: React.ReactElement, comp: any) => React.isValidElement(el) && el.type === comp;\n      const railEl = childArray.find((el) => isType(el, Rail));\n      const panelEl = childArray.find((el) => isType(el, Panel));\n      const railSize = typeof (railEl as any)?.props?.expandedSize === 'number' ? (railEl as any).props.expandedSize : 64;\n      const panelSize = typeof (panelEl as any)?.props?.expandedSize === 'number' ? (panelEl as any).props.expandedSize : 288;\n      const hasRail = Boolean(railEl);\n      const hasPanel = Boolean(panelEl);\n      const includePanel = hasPanel && (shell.panelMode === 'expanded' || shell.peekTarget === 'panel');\n      const floatingWidthPx = (hasRail ? railSize : 0) + (includePanel ? panelSize : 0);\n\n      return (\n        <div\n          {...props}\n          ref={setRef}\n          className={classNames('rt-ShellLeft', className)}\n          data-mode={shell.leftMode}\n          data-peek={shell.peekTarget === 'left' || shell.peekTarget === 'rail' || shell.peekTarget === 'panel' || undefined}\n          data-presentation={resolvedPresentation}\n          style={{\n            ...style,\n          }}\n          data-open={open || undefined}\n        >\n          {children}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        {...props}\n        ref={setRef}\n        className={classNames('rt-ShellLeft', className)}\n        data-mode={shell.leftMode}\n        data-peek={shell.peekTarget === 'left' || shell.peekTarget === 'rail' || shell.peekTarget === 'panel' || undefined}\n        data-presentation={resolvedPresentation}\n        style={{\n          ...style,\n        }}\n      >\n        {children}\n      </div>\n    );\n  },\n);\nLeft.displayName = 'Shell.Left';\n\nconst Rail = React.forwardRef<HTMLDivElement, RailProps>(\n  ({ className, presentation, mode, defaultMode, onModeChange, expandedSize = 64, collapsible, onExpand, onCollapse, children, style, ...props }, ref) => {\n    const shell = useShell();\n\n    // Register expanded size with Left container\n    React.useEffect(() => {\n      (shell as any).onRailDefaults?.(expandedSize);\n    }, [shell, expandedSize]);\n\n    const isExpanded = shell.leftMode === 'expanded';\n\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={classNames('rt-ShellRail', className)}\n        data-mode={shell.leftMode}\n        data-peek={(shell.leftResolvedPresentation !== 'overlay' && shell.peekTarget === 'rail') || undefined}\n        style={{\n          ...style,\n          ['--rail-size' as any]: `${expandedSize}px`,\n        }}\n      >\n        <div className=\"rt-ShellRailContent\" data-visible={isExpanded || (shell.leftResolvedPresentation !== 'overlay' && shell.peekTarget === 'rail') || undefined}>\n          {children}\n        </div>\n      </div>\n    );\n  },\n);\nRail.displayName = 'Shell.Rail';\n\n// Panel\ntype HandleComponent = React.ForwardRefExoticComponent<React.ComponentPropsWithoutRef<'div'> & React.RefAttributes<HTMLDivElement>>;\n\ntype PanelComponent = React.ForwardRefExoticComponent<Omit<PaneProps, 'defaultMode'> & React.RefAttributes<HTMLDivElement>> & { Handle: HandleComponent };\n\ntype SidebarComponent = React.ForwardRefExoticComponent<\n  (Omit<PaneProps, 'mode' | 'defaultMode' | 'onModeChange'> & {\n    mode?: SidebarMode;\n    defaultMode?: ResponsiveSidebarMode;\n    onModeChange?: (mode: SidebarMode) => void;\n    thinSize?: number;\n    toggleModes?: 'both' | 'single';\n  }) &\n    React.RefAttributes<HTMLDivElement>\n> & { Handle: HandleComponent };\n\ntype InspectorComponent = React.ForwardRefExoticComponent<PaneProps & React.RefAttributes<HTMLDivElement>> & { Handle: HandleComponent };\n\ntype BottomComponent = React.ForwardRefExoticComponent<PaneProps & React.RefAttributes<HTMLDivElement>> & { Handle: HandleComponent };\n\nconst Panel = React.forwardRef<HTMLDivElement, Omit<PaneProps, 'presentation' | 'defaultMode'>>(\n  (\n    {\n      className,\n      mode,\n      onModeChange,\n      expandedSize = 288,\n      minSize,\n      maxSize,\n      resizable,\n      collapsible = true,\n      onExpand,\n      onCollapse,\n      onResize,\n      onResizeStart,\n      onResizeEnd,\n      snapPoints,\n      snapTolerance,\n      collapseThreshold,\n      paneId,\n      persistence,\n      children,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const shell = useShell();\n    React.useEffect(() => {\n      (shell as any).onPanelDefaults?.(expandedSize);\n    }, [shell, expandedSize]);\n    const localRef = React.useRef<HTMLDivElement | null>(null);\n    const setRef = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        localRef.current = node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      },\n      [ref],\n    );\n    const childArray = React.Children.toArray(children) as React.ReactElement[];\n    const handleChildren = childArray.filter((el: React.ReactElement) => React.isValidElement(el) && el.type === PanelHandle);\n    const contentChildren = childArray.filter((el: React.ReactElement) => !(React.isValidElement(el) && el.type === PanelHandle));\n\n    const isOverlay = shell.leftResolvedPresentation === 'overlay';\n\n    // Derive a default persistence adapter from paneId if none provided\n    const persistenceAdapter = React.useMemo(() => {\n      if (!paneId || persistence) return persistence;\n      const key = `kookie-ui:shell:panel:${paneId}`;\n      const adapter: PaneSizePersistence = {\n        load: () => {\n          if (typeof window === 'undefined') return undefined;\n          const v = window.localStorage.getItem(key);\n          return v ? Number(v) : undefined;\n        },\n        save: (size: number) => {\n          if (typeof window === 'undefined') return;\n          window.localStorage.setItem(key, String(size));\n        },\n      };\n      return adapter;\n    }, [paneId, persistence]);\n\n    // Load persisted size if configured (only in fixed presentation)\n    React.useEffect(() => {\n      let mounted = true;\n      (async () => {\n        if (!resizable || !persistenceAdapter?.load || isOverlay) return;\n        const loaded = await persistenceAdapter.load();\n        if (mounted && typeof loaded === 'number' && localRef.current) {\n          localRef.current.style.setProperty('--panel-size', `${loaded}px`);\n          onResize?.(loaded);\n        }\n      })();\n      return () => {\n        mounted = false;\n      };\n    }, [resizable, persistenceAdapter, onResize, isOverlay]);\n\n    // In overlay, ensure panel uses the fixed expandedSize, ignoring any persisted size\n    React.useEffect(() => {\n      if (!localRef.current) return;\n      if (isOverlay) {\n        localRef.current.style.setProperty('--panel-size', `${expandedSize}px`);\n      }\n    }, [isOverlay, expandedSize]);\n\n    // Ensure Left container width is auto whenever Panel is expanded in fixed presentation\n    React.useEffect(() => {\n      if (!localRef.current) return;\n      if (shell.leftResolvedPresentation !== 'overlay' && shell.leftMode === 'expanded' && shell.panelMode === 'expanded') {\n        const leftEl = (localRef.current.parentElement as HTMLElement) || null;\n        try {\n          leftEl?.style.removeProperty('width');\n        } catch {}\n      }\n    }, [shell.leftResolvedPresentation, shell.leftMode, shell.panelMode]);\n\n    const isExpanded = shell.leftMode === 'expanded' && shell.panelMode === 'expanded';\n\n    // Provide resizer handle when fixed (not overlay)\n    const handleEl =\n      resizable && shell.leftResolvedPresentation !== 'overlay' && isExpanded ? (\n        <PaneResizeContext.Provider\n          value={{\n            containerRef: localRef,\n            cssVarName: '--panel-size',\n            minSize: typeof minSize === 'number' ? minSize : 100,\n            maxSize: typeof maxSize === 'number' ? maxSize : 800,\n            defaultSize: expandedSize,\n            orientation: 'vertical',\n            edge: 'end',\n            computeNext: (client, startClient, startSize) => {\n              const isRtl = getComputedStyle(localRef.current!).direction === 'rtl';\n              const delta = client - startClient;\n              return startSize + (isRtl ? -delta : delta);\n            },\n            onResize,\n            onResizeStart: (size) => {\n              // Ensure Left container is not stuck with a fixed width in stacked\n              const panelEl = localRef.current as HTMLElement | null;\n              const leftEl = panelEl?.parentElement as HTMLElement | null;\n              try {\n                leftEl?.style.removeProperty('width');\n              } catch {}\n              onResizeStart?.(size);\n            },\n            onResizeEnd: (size) => {\n              onResizeEnd?.(size);\n              persistenceAdapter?.save?.(size);\n            },\n            target: 'panel',\n            collapsible: Boolean(collapsible),\n            snapPoints,\n            snapTolerance: snapTolerance ?? 8,\n            collapseThreshold,\n            requestCollapse: () => shell.setPanelMode('collapsed'),\n            requestToggle: () => shell.togglePane('panel'),\n          }}\n        >\n          {handleChildren.length > 0 ? handleChildren.map((el, i) => React.cloneElement(el, { key: el.key ?? i })) : <PaneHandle />}\n        </PaneResizeContext.Provider>\n      ) : null;\n\n    return (\n      <div\n        {...props}\n        ref={setRef}\n        className={classNames('rt-ShellPanel', className)}\n        data-mode={shell.panelMode}\n        data-visible={isExpanded || (shell.leftResolvedPresentation !== 'overlay' && shell.peekTarget === 'panel') || undefined}\n        data-peek={(shell.leftResolvedPresentation !== 'overlay' && shell.peekTarget === 'panel') || undefined}\n        style={{\n          ...style,\n          ['--panel-size' as any]: `${expandedSize}px`,\n        }}\n      >\n        <div className=\"rt-ShellPanelContent\" data-visible={isExpanded || undefined}>\n          {contentChildren}\n        </div>\n        {handleEl}\n      </div>\n    );\n  },\n) as PanelComponent;\nPanel.displayName = 'Shell.Panel';\nPanel.Handle = PanelHandle;\n\n// Sidebar moved to ./_internal/shell-sidebar\n\n// Content (always required)\ninterface ShellContentProps extends React.ComponentPropsWithoutRef<'main'> {}\n\nconst Content = React.forwardRef<HTMLElement, ShellContentProps>(({ className, ...props }, ref) => <main {...props} ref={ref} className={classNames('rt-ShellContent', className)} />);\nContent.displayName = 'Shell.Content';\n\n// Inspector moved to ./_internal/shell-inspector\n\n// Bottom\n// Bottom moved to ./_internal/shell-bottom\n// (Bottom implementation extracted)\n\n// Trigger\n// PaneTarget type moved to shell.types.ts\ntype TriggerAction = 'toggle' | 'expand' | 'collapse';\n\ninterface TriggerProps extends React.ComponentPropsWithoutRef<'button'> {\n  target: PaneTarget;\n  action?: TriggerAction;\n  /**\n   * Whether to show peek preview on hover when the target pane is collapsed.\n   * Defaults to false.\n   */\n  peekOnHover?: boolean;\n}\n\nconst Trigger = React.forwardRef<HTMLButtonElement, TriggerProps>(({ target, action = 'toggle', peekOnHover, onClick, onMouseEnter, onMouseLeave, children, ...props }, ref) => {\n  const shell = useShell();\n\n  const handleClick = React.useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      onClick?.(event);\n\n      // Clear any active peek on this target before toggling to avoid sticky peek state\n      if ((shell as any).peekTarget === target) {\n        shell.clearPeek();\n      }\n\n      switch (action) {\n        case 'toggle':\n          shell.togglePane(target);\n          break;\n        case 'expand':\n          shell.expandPane(target);\n          break;\n        case 'collapse':\n          shell.collapsePane(target);\n          break;\n      }\n    },\n    [shell, target, action, onClick],\n  );\n\n  const isCollapsed = (() => {\n    switch (target) {\n      case 'left':\n      case 'rail':\n        return shell.leftMode === 'collapsed';\n      case 'panel':\n        return shell.leftMode === 'collapsed' || shell.panelMode === 'collapsed';\n      case 'sidebar':\n        return shell.sidebarMode === 'collapsed';\n      case 'inspector':\n        return shell.inspectorMode === 'collapsed';\n      case 'bottom':\n        return shell.bottomMode === 'collapsed';\n    }\n  })();\n\n  const handleMouseEnter = React.useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      onMouseEnter?.(event);\n      if (!peekOnHover || !isCollapsed) return;\n      // Use the actual target for peek behavior (not mapped to left)\n      shell.peekPane(target);\n    },\n    [onMouseEnter, peekOnHover, isCollapsed, shell, target],\n  );\n\n  const handleMouseLeave = React.useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      onMouseLeave?.(event);\n      if (!peekOnHover) return;\n      if ((shell as any).peekTarget === target) {\n        shell.clearPeek();\n      }\n    },\n    [onMouseLeave, peekOnHover, shell, target],\n  );\n\n  return (\n    <button {...props} ref={ref} onClick={handleClick} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave} data-shell-trigger={target} data-shell-action={action}>\n      {children}\n    </button>\n  );\n});\nTrigger.displayName = 'Shell.Trigger';\n\n// Exports\nexport {\n  Root,\n  Header,\n  Left,\n  Rail,\n  Panel,\n  Sidebar,\n  Content,\n  Inspector,\n  Bottom,\n  Trigger,\n  useShell,\n  useResponsivePresentation,\n  type PaneMode,\n  type SidebarMode,\n  type ResponsivePresentation,\n  type PaneTarget,\n  type TriggerAction,\n};\n"],
-  "mappings": "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",
-  "names": ["React", "classNames", "Sheet", "VisuallyHidden", "useResponsivePresentation", "PaneResizeContext", "PaneHandle", "PanelHandle", "Sidebar", "Bottom", "Inspector", "BREAKPOINTS", "ShellProvider", "useShell", "useBreakpoint", "currentBp", "setCurrentBp", "ready", "setReady", "mqls", "k", "q", "compute", "matched", "m", "next", "Root", "className", "children", "height", "props", "ref", "currentBreakpoint", "currentBreakpointReady", "leftMode", "setLeftMode", "panelMode", "setPanelMode", "sidebarMode", "setSidebarMode", "inspectorMode", "setInspectorMode", "bottomMode", "setBottomMode", "hasLeft", "setHasLeft", "hasSidebar", "setHasSidebar", "sidebarToggleComputerRef", "current", "setSidebarToggleComputer", "fn", "devLeftPres", "setDevLeftPres", "onLeftPres", "p", "railDefaultSizeRef", "panelDefaultSizeRef", "onRailDefaults", "size", "onPanelDefaults", "hasLeftChildren", "childArray", "isType", "el", "comp", "Rail", "Panel", "hasSidebarChildren", "togglePane", "target", "prev", "expandPane", "collapsePane", "baseContextValue", "headerEls", "Header", "railEls", "panelEls", "sidebarEls", "contentEls", "Content", "inspectorEls", "bottomEls", "heightStyle", "peekTarget", "setPeekTarget", "peekPane", "clearPeek", "firstRail", "passthroughProps", "Left", "style", "presentation", "mode", "defaultMode", "onModeChange", "collapsible", "onExpand", "onCollapse", "shell", "resolvedPresentation", "isOverlay", "isStacked", "localRef", "setRef", "node", "resolveResponsiveMode", "dm", "order", "startIdx", "i", "bp", "lastBpRef", "isExpanded", "open", "railEl", "panelEl", "railSize", "panelSize", "hasRail", "hasPanel", "overlayPx", "o", "includePanel", "floatingWidthPx", "expandedSize", "minSize", "maxSize", "resizable", "onResize", "onResizeStart", "onResizeEnd", "snapPoints", "snapTolerance", "collapseThreshold", "paneId", "persistence", "handleChildren", "contentChildren", "persistenceAdapter", "key", "v", "mounted", "loaded", "leftEl", "handleEl", "client", "startClient", "startSize", "isRtl", "delta", "Trigger", "action", "peekOnHover", "onClick", "onMouseEnter", "onMouseLeave", "handleClick", "event", "isCollapsed", "handleMouseEnter", "handleMouseLeave"]
+  "sourcesContent": ["/**\n * Shell Component - Layout Engine + Chrome\n *\n * Philosophy:\n * - Shell = layout engine + chrome\n * - Manages layout state: expanded/collapsed, fixed/overlay, sizes\n * - Does not manage content/navigation state\n * - Provides unstyled primitives (slots, triggers)\n * - Enforces composition rules (Rail \u2194 Panel dependency, Sidebar exclusivity)\n *\n * Core Slots:\n * - Header: global top bar\n * - Rail: slim nav strip\n * - Panel: sidebar next to rail\n * - Sidebar: alternative to Rail+Panel (exclusive)\n * - Content: main work area\n * - Inspector: right-side panel\n * - Bottom: bottom panel\n *\n * Composition Rules:\n * - Rail + Panel: valid together (Rail collapse \u2192 Panel collapse)\n * - Sidebar: cannot coexist with Rail or Panel\n * - Content: always required\n * - Inspector/Bottom: optional, independent\n */\n'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport * as Sheet from './sheet.js';\nimport { Inset } from './inset.js';\nimport { VisuallyHidden } from './visually-hidden.js';\nimport { useResponsivePresentation } from './shell.hooks.js';\nimport { PaneResizeContext } from './_internal/shell-resize.js';\nimport { PaneHandle, PanelHandle, SidebarHandle, InspectorHandle, BottomHandle } from './_internal/shell-handles.js';\nimport { Sidebar } from './_internal/shell-sidebar.js';\nimport { Bottom } from './_internal/shell-bottom.js';\nimport { Inspector } from './_internal/shell-inspector.js';\nimport type { PresentationValue, ResponsivePresentation, PaneMode, SidebarMode, ResponsiveMode, ResponsiveSidebarMode, PaneSizePersistence, Breakpoint, PaneTarget } from './shell.types.js';\nimport { BREAKPOINTS } from './shell.types.js';\nimport { ShellProvider, useShell } from './shell.context.js';\n\n// Shell context is provided via ShellProvider (see shell.context.tsx)\n\n// Pane resize context moved to ./_internal/shell-resize\n\n// Local PaneHandle moved to ./_internal/shell-handles\n// Removed local PaneHandle implementation; using internal PaneHandle\n\n// Composed Handle wrappers per pane\n// Handles moved to ./_internal/shell-handles\n\n// Hook to resolve responsive presentation\n// useResponsivePresentation moved to shell.hooks.ts\n\n// Hook to resolve responsive mode defaults\n// Removed: defaultMode responsiveness\n\n// Hook to get current breakpoint\nfunction useBreakpoint(): { bp: Breakpoint; ready: boolean } {\n  const [currentBp, setCurrentBp] = React.useState<Breakpoint>('initial');\n  const [ready, setReady] = React.useState(false);\n\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return;\n\n    const queries: [key: keyof typeof BREAKPOINTS, query: string][] = Object.entries(BREAKPOINTS) as any;\n    const mqls = queries.map(([k, q]) => [k, window.matchMedia(q)] as const);\n\n    const compute = () => {\n      // Highest matched wins\n      const matched = mqls.filter(([, m]) => m.matches).map(([k]) => k);\n      const next = (matched[matched.length - 1] as Breakpoint | undefined) ?? 'initial';\n      setCurrentBp(next);\n      setReady(true);\n    };\n\n    compute();\n    mqls.forEach(([, m]) => m.addEventListener('change', compute));\n\n    return () => {\n      mqls.forEach(([, m]) => m.removeEventListener('change', compute));\n    };\n  }, []);\n\n  return { bp: currentBp, ready };\n}\n\n// Root Component\ninterface ShellRootProps extends React.ComponentPropsWithoutRef<'div'> {\n  children: React.ReactNode;\n  height?: 'full' | 'auto' | string | number;\n}\n\nconst Root = React.forwardRef<HTMLDivElement, ShellRootProps>(({ className, children, height = 'full', ...props }, ref) => {\n  const { bp: currentBreakpoint, ready: currentBreakpointReady } = useBreakpoint();\n\n  // Pane state management\n  const [leftMode, setLeftMode] = React.useState<PaneMode>('collapsed');\n  const [panelMode, setPanelMode] = React.useState<PaneMode>('collapsed');\n  const [sidebarMode, setSidebarMode] = React.useState<SidebarMode>('expanded');\n  // Library-managed phase for sidebar presentation changes (thin \u2194 expanded)\n  const [sidebarPhase, setSidebarPhase] = React.useState<'idle' | 'hiding' | 'resizing' | 'showing'>('idle');\n  const [inspectorMode, setInspectorMode] = React.useState<PaneMode>('collapsed');\n  const [bottomMode, setBottomMode] = React.useState<PaneMode>('collapsed');\n\n  // Removed: defaultMode responsiveness and manual change tracking\n\n  // Composition detection\n  const [hasLeft, setHasLeft] = React.useState(false);\n  const [hasSidebar, setHasSidebar] = React.useState(false);\n\n  // Customizable sidebar toggle sequencing\n  const sidebarToggleComputerRef = React.useRef<(current: SidebarMode) => SidebarMode>((current) => (current === 'collapsed' ? 'thin' : current === 'thin' ? 'expanded' : 'collapsed'));\n  const setSidebarToggleComputer = React.useCallback((fn: (current: SidebarMode) => SidebarMode) => {\n    sidebarToggleComputerRef.current = fn;\n  }, []);\n\n  // Left collapse cascades to Panel\n  React.useEffect(() => {\n    if (leftMode === 'collapsed') {\n      setPanelMode('collapsed');\n    }\n  }, [leftMode]);\n\n  // Composition validation\n  React.useEffect(() => {\n    if (hasSidebar && hasLeft) {\n      console.warn('Shell: Sidebar cannot coexist with Rail or Panel. Use either Rail+Panel OR Sidebar.');\n    }\n  }, [hasSidebar, hasLeft]);\n\n  // Left presentation + defaults from children\n  const [devLeftPres, setDevLeftPres] = React.useState<PresentationValue | undefined>(undefined);\n  const onLeftPres = React.useCallback((p: PresentationValue) => setDevLeftPres(p), []);\n  const railDefaultSizeRef = React.useRef<number>(64);\n  const panelDefaultSizeRef = React.useRef<number>(288);\n  const onRailDefaults = React.useCallback((size: number) => {\n    railDefaultSizeRef.current = size;\n  }, []);\n  const onPanelDefaults = React.useCallback((size: number) => {\n    panelDefaultSizeRef.current = size;\n  }, []);\n\n  // Determine children presence for left composition\n  const hasLeftChildren = React.useMemo(() => {\n    const childArray = React.Children.toArray(children) as React.ReactElement[];\n    const isType = (el: React.ReactElement, comp: any) => React.isValidElement(el) && (el.type === comp || (el as any).type?.displayName === comp.displayName);\n    return childArray.some((el) => isType(el, Rail) || isType(el, Panel));\n  }, [children]);\n\n  const hasSidebarChildren = React.useMemo(() => {\n    const childArray = React.Children.toArray(children) as React.ReactElement[];\n    const isType = (el: React.ReactElement, comp: any) => React.isValidElement(el) && (el.type === comp || (el as any).type?.displayName === comp.displayName);\n    return childArray.some((el) => isType(el, Sidebar));\n  }, [children]);\n\n  const togglePane = React.useCallback(\n    (target: PaneTarget) => {\n      switch (target) {\n        case 'left':\n        case 'rail':\n          setLeftMode((prev) => (prev === 'expanded' ? 'collapsed' : 'expanded'));\n          break;\n        case 'panel':\n          // Panel toggle: expand left if collapsed, then toggle panel\n          if (leftMode === 'collapsed') {\n            setLeftMode('expanded');\n            setPanelMode('expanded');\n          } else {\n            setPanelMode((prev) => (prev === 'expanded' ? 'collapsed' : 'expanded'));\n          }\n          break;\n        case 'sidebar': {\n          // Orchestrate thin \u2194 expanded sequencing: fade out \u2192 change mode \u2192 fade in\n          const next = sidebarToggleComputerRef.current(sidebarMode as SidebarMode);\n          const isWidthOnlyChange = sidebarMode !== next && sidebarMode !== 'collapsed' && next !== 'collapsed';\n          if (!isWidthOnlyChange) {\n            setSidebarMode(next);\n            break;\n          }\n          const SMALL_MS = 150;\n          setSidebarPhase('hiding');\n          window.setTimeout(() => {\n            setSidebarPhase('resizing');\n            setSidebarMode(next);\n            window.setTimeout(() => {\n              setSidebarPhase('showing');\n              window.setTimeout(() => setSidebarPhase('idle'), SMALL_MS);\n            }, SMALL_MS);\n          }, SMALL_MS);\n          break;\n        }\n        case 'inspector':\n          setInspectorMode((prev) => (prev === 'expanded' ? 'collapsed' : 'expanded'));\n          break;\n        case 'bottom':\n          setBottomMode((prev) => (prev === 'expanded' ? 'collapsed' : 'expanded'));\n          break;\n      }\n    },\n    [leftMode, sidebarMode],\n  );\n\n  const expandPane = React.useCallback((target: PaneTarget) => {\n    switch (target) {\n      case 'left':\n      case 'rail':\n        setLeftMode('expanded');\n        break;\n      case 'panel':\n        setLeftMode('expanded');\n        setPanelMode('expanded');\n        break;\n      case 'sidebar':\n        setSidebarMode('expanded');\n        break;\n      case 'inspector':\n        setInspectorMode('expanded');\n        break;\n      case 'bottom':\n        setBottomMode('expanded');\n        break;\n    }\n  }, []);\n\n  const collapsePane = React.useCallback((target: PaneTarget) => {\n    switch (target) {\n      case 'left':\n      case 'rail':\n        setLeftMode('collapsed');\n        break;\n      case 'panel':\n        setPanelMode('collapsed');\n        break;\n      case 'sidebar':\n        setSidebarMode('collapsed');\n        break;\n      case 'inspector':\n        setInspectorMode('collapsed');\n        break;\n      case 'bottom':\n        setBottomMode('collapsed');\n        break;\n    }\n  }, []);\n\n  const baseContextValue = React.useMemo(\n    () => ({\n      leftMode,\n      setLeftMode,\n      panelMode,\n      setPanelMode,\n      sidebarMode,\n      setSidebarMode,\n      inspectorMode,\n      setInspectorMode,\n      bottomMode,\n      setBottomMode,\n      sidebarPhase,\n      hasLeft,\n      setHasLeft,\n      hasSidebar,\n      setHasSidebar,\n      currentBreakpoint,\n      currentBreakpointReady,\n      leftResolvedPresentation: devLeftPres,\n      togglePane,\n      expandPane,\n      collapsePane,\n      setSidebarToggleComputer,\n      onLeftPres,\n      onRailDefaults,\n      onPanelDefaults,\n    }),\n    [\n      leftMode,\n      panelMode,\n      sidebarMode,\n      inspectorMode,\n      bottomMode,\n      sidebarPhase,\n      hasLeft,\n      hasSidebar,\n      currentBreakpoint,\n      currentBreakpointReady,\n      devLeftPres,\n      togglePane,\n      expandPane,\n      collapsePane,\n      setSidebarToggleComputer,\n      onLeftPres,\n      onRailDefaults,\n      onPanelDefaults,\n    ],\n  );\n\n  // Organize children by type\n  const childArray = React.Children.toArray(children) as React.ReactElement[];\n  const isType = (el: React.ReactElement, comp: any) => React.isValidElement(el) && (el.type === comp || (el as any).type?.displayName === comp.displayName);\n\n  const headerEls = childArray.filter((el) => isType(el, Header));\n  const railEls = childArray.filter((el) => isType(el, Rail));\n  const panelEls = childArray.filter((el) => isType(el, Panel));\n  const sidebarEls = childArray.filter((el) => isType(el, Sidebar));\n  const contentEls = childArray.filter((el) => isType(el, Content));\n  const inspectorEls = childArray.filter((el) => isType(el, Inspector));\n  const bottomEls = childArray.filter((el) => isType(el, Bottom));\n\n  const heightStyle = React.useMemo(() => {\n    if (height === 'full') return { height: '100vh' };\n    if (height === 'auto') return { height: 'auto' };\n    if (typeof height === 'string') return { height };\n    if (typeof height === 'number') return { height: `${height}px` };\n    return {};\n  }, [height]);\n\n  // Peek state (layout-only overlay without mode changes)\n  const [peekTarget, setPeekTarget] = React.useState<PaneTarget | null>(null);\n  const peekPane = React.useCallback((target: PaneTarget) => setPeekTarget(target), []);\n  const clearPeek = React.useCallback(() => setPeekTarget(null), []);\n\n  return (\n    <div {...props} ref={ref} className={classNames('rt-ShellRoot', className)} style={{ ...heightStyle, ...props.style }}>\n      <ShellProvider\n        value={{\n          ...baseContextValue,\n          peekTarget,\n          setPeekTarget,\n          peekPane,\n          clearPeek,\n        }}\n      >\n        {headerEls}\n        <div\n          className=\"rt-ShellBody\"\n          data-peek-target={peekTarget ?? undefined}\n          style={\n            peekTarget === 'rail' || peekTarget === 'panel'\n              ? ({\n                  ['--peek-rail-width' as any]: `${railDefaultSizeRef.current}px`,\n                } as React.CSSProperties)\n              : undefined\n          }\n        >\n          {hasLeftChildren && !hasSidebarChildren\n            ? (() => {\n                const firstRail = railEls[0] as any;\n                const passthroughProps = firstRail\n                  ? {\n                      mode: firstRail.props?.mode,\n                      defaultMode: firstRail.props?.defaultMode,\n                      onModeChange: firstRail.props?.onModeChange,\n                      presentation: firstRail.props?.presentation,\n                      collapsible: firstRail.props?.collapsible,\n                      onExpand: firstRail.props?.onExpand,\n                      onCollapse: firstRail.props?.onCollapse,\n                    }\n                  : {};\n                return (\n                  <Left {...(passthroughProps as any)}>\n                    {railEls}\n                    {panelEls}\n                  </Left>\n                );\n              })()\n            : sidebarEls}\n          {contentEls}\n          {inspectorEls}\n        </div>\n        {bottomEls}\n      </ShellProvider>\n    </div>\n  );\n});\nRoot.displayName = 'Shell.Root';\n\n// Header\ninterface ShellHeaderProps extends React.ComponentPropsWithoutRef<'header'> {\n  height?: number;\n}\n\nconst Header = React.forwardRef<HTMLElement, ShellHeaderProps>(({ className, height = 64, style, ...props }, ref) => (\n  <header\n    {...props}\n    ref={ref}\n    className={classNames('rt-ShellHeader', className)}\n    style={{\n      ...style,\n      ['--shell-header-height' as any]: `${height}px`,\n    }}\n  />\n));\nHeader.displayName = 'Shell.Header';\n\n// Pane Props Interface (shared by Panel, Sidebar, Inspector, Bottom)\ninterface PaneProps extends React.ComponentPropsWithoutRef<'div'> {\n  presentation?: ResponsivePresentation;\n  mode?: PaneMode;\n  defaultMode?: ResponsiveMode;\n  onModeChange?: (mode: PaneMode) => void;\n  expandedSize?: number;\n  minSize?: number;\n  maxSize?: number;\n  resizable?: boolean;\n  collapsible?: boolean;\n  onExpand?: () => void;\n  onCollapse?: () => void;\n  onResize?: (size: number) => void;\n  /** Optional custom content inside the resizer handle (kept unstyled). */\n  resizer?: React.ReactNode;\n  onResizeStart?: (size: number) => void;\n  onResizeEnd?: (size: number) => void;\n  snapPoints?: number[];\n  snapTolerance?: number;\n  collapseThreshold?: number;\n  paneId?: string;\n  persistence?: PaneSizePersistence;\n}\n\n// Left container (auto-created for Rail+Panel)\ninterface LeftProps extends React.ComponentPropsWithoutRef<'div'> {\n  presentation?: ResponsivePresentation;\n  mode?: PaneMode;\n  defaultMode?: ResponsiveMode;\n  onModeChange?: (mode: PaneMode) => void;\n  collapsible?: boolean;\n  onExpand?: () => void;\n  onCollapse?: () => void;\n}\n\n// Rail (special case)\ninterface RailProps extends React.ComponentPropsWithoutRef<'div'> {\n  presentation?: ResponsivePresentation;\n  mode?: PaneMode;\n  defaultMode?: ResponsiveMode;\n  onModeChange?: (mode: PaneMode) => void;\n  expandedSize?: number;\n  collapsible?: boolean;\n  onExpand?: () => void;\n  onCollapse?: () => void;\n}\n\n// Left container - behaves like Inspector but contains Rail+Panel\nconst Left = React.forwardRef<HTMLDivElement, LeftProps>(\n  ({ className, presentation = { initial: 'overlay', sm: 'fixed' }, mode, defaultMode = 'collapsed', onModeChange, collapsible = true, onExpand, onCollapse, children, style, ...props }, ref) => {\n    const shell = useShell();\n    const resolvedPresentation = useResponsivePresentation(presentation);\n    const isOverlay = resolvedPresentation === 'overlay';\n    const isStacked = resolvedPresentation === 'stacked';\n    const localRef = React.useRef<HTMLDivElement | null>(null);\n    // Publish resolved presentation so Root can gate peeking in overlay\n    React.useEffect(() => {\n      (shell as any).onLeftPres?.(resolvedPresentation);\n    }, [shell, resolvedPresentation]);\n    const setRef = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        localRef.current = node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      },\n      [ref],\n    );\n\n    // Register with shell\n    React.useEffect(() => {\n      shell.setHasLeft(true);\n      return () => shell.setHasLeft(false);\n    }, [shell]);\n\n    // Always-follow responsive defaultMode for uncontrolled Left (Rail stack)\n    const resolveResponsiveMode = React.useCallback((): PaneMode => {\n      if (typeof defaultMode === 'string') return defaultMode as PaneMode;\n      const dm = defaultMode as Partial<Record<Breakpoint, PaneMode>> | undefined;\n      if (dm && dm[shell.currentBreakpoint as Breakpoint]) {\n        return dm[shell.currentBreakpoint as Breakpoint] as PaneMode;\n      }\n      const bpKeys = Object.keys(BREAKPOINTS) as Array<keyof typeof BREAKPOINTS>;\n      const order: Breakpoint[] = ([...bpKeys].reverse() as Breakpoint[]).concat('initial' as Breakpoint);\n      const startIdx = order.indexOf(shell.currentBreakpoint as Breakpoint);\n      for (let i = startIdx + 1; i < order.length; i++) {\n        const bp = order[i];\n        if (dm && dm[bp]) {\n          return dm[bp] as PaneMode;\n        }\n      }\n      return 'collapsed';\n    }, [defaultMode, shell.currentBreakpoint]);\n\n    const lastBpRef = React.useRef<Breakpoint | null>(null);\n    React.useEffect(() => {\n      if (mode !== undefined) return; // controlled wins\n      if (!shell.currentBreakpointReady) return; // avoid SSR mismatch\n      if (lastBpRef.current === shell.currentBreakpoint) return; // only on bp change\n      lastBpRef.current = shell.currentBreakpoint as Breakpoint;\n      const next = resolveResponsiveMode();\n      if (next !== shell.leftMode) {\n        shell.setLeftMode(next);\n      }\n    }, [mode, shell.currentBreakpoint, shell.currentBreakpointReady, resolveResponsiveMode, shell.leftMode, shell.setLeftMode]);\n\n    // Sync controlled mode\n    React.useEffect(() => {\n      if (mode !== undefined && shell.leftMode !== mode) {\n        shell.setLeftMode(mode);\n      }\n    }, [mode, shell]);\n\n    // Emit mode changes\n    React.useEffect(() => {\n      if (mode === undefined) {\n        onModeChange?.(shell.leftMode);\n      }\n    }, [shell.leftMode, mode, onModeChange]);\n\n    // Emit expand/collapse events\n    React.useEffect(() => {\n      if (shell.leftMode === 'expanded') {\n        onExpand?.();\n      } else {\n        onCollapse?.();\n      }\n    }, [shell.leftMode, onExpand, onCollapse]);\n\n    const isExpanded = shell.leftMode === 'expanded';\n\n    // Left is not resizable; width derives from Rail/Panel.\n\n    if (isOverlay) {\n      const open = shell.leftMode === 'expanded';\n      // Compute overlay width from child Rail/Panel expanded sizes\n      const childArray = React.Children.toArray(children) as React.ReactElement[];\n      const isType = (el: React.ReactElement, comp: any) => React.isValidElement(el) && el.type === comp;\n      const railEl = childArray.find((el) => isType(el, Rail));\n      const panelEl = childArray.find((el) => isType(el, Panel));\n      const railSize = typeof (railEl as any)?.props?.expandedSize === 'number' ? (railEl as any).props.expandedSize : 64;\n      const panelSize = typeof (panelEl as any)?.props?.expandedSize === 'number' ? (panelEl as any).props.expandedSize : 288;\n      const hasRail = Boolean(railEl);\n      const hasPanel = Boolean(panelEl);\n      const overlayPx = (hasRail ? railSize : 0) + (shell.panelMode === 'expanded' && hasPanel ? panelSize : 0);\n      return (\n        <Sheet.Root open={open} onOpenChange={(o) => shell.setLeftMode(o ? 'expanded' : 'collapsed')}>\n          <Sheet.Content\n            side=\"start\"\n            style={{ padding: 0 }}\n            width={{\n              initial: `${overlayPx}px`,\n            }}\n          >\n            <VisuallyHidden>\n              <Sheet.Title>Navigation</Sheet.Title>\n            </VisuallyHidden>\n            <div className=\"rt-ShellLeft\">{children}</div>\n          </Sheet.Content>\n        </Sheet.Root>\n      );\n    }\n\n    if (isStacked) {\n      const open = shell.leftMode === 'expanded';\n      // Compute floating width from child Rail/Panel expanded sizes (like overlay)\n      const childArray = React.Children.toArray(children) as React.ReactElement[];\n      const isType = (el: React.ReactElement, comp: any) => React.isValidElement(el) && el.type === comp;\n      const railEl = childArray.find((el) => isType(el, Rail));\n      const panelEl = childArray.find((el) => isType(el, Panel));\n      const railSize = typeof (railEl as any)?.props?.expandedSize === 'number' ? (railEl as any).props.expandedSize : 64;\n      const panelSize = typeof (panelEl as any)?.props?.expandedSize === 'number' ? (panelEl as any).props.expandedSize : 288;\n      const hasRail = Boolean(railEl);\n      const hasPanel = Boolean(panelEl);\n      const includePanel = hasPanel && (shell.panelMode === 'expanded' || shell.peekTarget === 'panel');\n      const floatingWidthPx = (hasRail ? railSize : 0) + (includePanel ? panelSize : 0);\n\n      return (\n        <div\n          {...props}\n          ref={setRef}\n          className={classNames('rt-ShellLeft', className)}\n          data-mode={shell.leftMode}\n          data-peek={shell.peekTarget === 'left' || shell.peekTarget === 'rail' || shell.peekTarget === 'panel' || undefined}\n          data-presentation={resolvedPresentation}\n          style={{\n            ...style,\n          }}\n          data-open={open || undefined}\n        >\n          {children}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        {...props}\n        ref={setRef}\n        className={classNames('rt-ShellLeft', className)}\n        data-mode={shell.leftMode}\n        data-peek={shell.peekTarget === 'left' || shell.peekTarget === 'rail' || shell.peekTarget === 'panel' || undefined}\n        data-presentation={resolvedPresentation}\n        style={{\n          ...style,\n        }}\n      >\n        {children}\n      </div>\n    );\n  },\n);\nLeft.displayName = 'Shell.Left';\n\nconst Rail = React.forwardRef<HTMLDivElement, RailProps>(\n  ({ className, presentation, mode, defaultMode, onModeChange, expandedSize = 64, collapsible, onExpand, onCollapse, children, style, ...props }, ref) => {\n    const shell = useShell();\n\n    // Register expanded size with Left container\n    React.useEffect(() => {\n      (shell as any).onRailDefaults?.(expandedSize);\n    }, [shell, expandedSize]);\n\n    const isExpanded = shell.leftMode === 'expanded';\n\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={classNames('rt-ShellRail', className)}\n        data-mode={shell.leftMode}\n        data-peek={(shell.leftResolvedPresentation !== 'overlay' && shell.peekTarget === 'rail') || undefined}\n        style={{\n          ...style,\n          ['--rail-size' as any]: `${expandedSize}px`,\n        }}\n      >\n        <div className=\"rt-ShellRailContent\" data-visible={isExpanded || (shell.leftResolvedPresentation !== 'overlay' && shell.peekTarget === 'rail') || undefined}>\n          {children}\n        </div>\n      </div>\n    );\n  },\n);\nRail.displayName = 'Shell.Rail';\n\n// Panel\ntype HandleComponent = React.ForwardRefExoticComponent<React.ComponentPropsWithoutRef<'div'> & React.RefAttributes<HTMLDivElement>>;\n\ntype PanelComponent = React.ForwardRefExoticComponent<Omit<PaneProps, 'defaultMode'> & React.RefAttributes<HTMLDivElement>> & { Handle: HandleComponent };\n\ntype SidebarComponent = React.ForwardRefExoticComponent<\n  (Omit<PaneProps, 'mode' | 'defaultMode' | 'onModeChange'> & {\n    mode?: SidebarMode;\n    defaultMode?: ResponsiveSidebarMode;\n    onModeChange?: (mode: SidebarMode) => void;\n    thinSize?: number;\n    toggleModes?: 'both' | 'single';\n  }) &\n    React.RefAttributes<HTMLDivElement>\n> & { Handle: HandleComponent };\n\ntype InspectorComponent = React.ForwardRefExoticComponent<PaneProps & React.RefAttributes<HTMLDivElement>> & { Handle: HandleComponent };\n\ntype BottomComponent = React.ForwardRefExoticComponent<PaneProps & React.RefAttributes<HTMLDivElement>> & { Handle: HandleComponent };\n\nconst Panel = React.forwardRef<HTMLDivElement, Omit<PaneProps, 'presentation' | 'defaultMode'>>(\n  (\n    {\n      className,\n      mode,\n      onModeChange,\n      expandedSize = 288,\n      minSize,\n      maxSize,\n      resizable,\n      collapsible = true,\n      onExpand,\n      onCollapse,\n      onResize,\n      onResizeStart,\n      onResizeEnd,\n      snapPoints,\n      snapTolerance,\n      collapseThreshold,\n      paneId,\n      persistence,\n      children,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const shell = useShell();\n    React.useEffect(() => {\n      (shell as any).onPanelDefaults?.(expandedSize);\n    }, [shell, expandedSize]);\n    const localRef = React.useRef<HTMLDivElement | null>(null);\n    const setRef = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        localRef.current = node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      },\n      [ref],\n    );\n    const childArray = React.Children.toArray(children) as React.ReactElement[];\n    const handleChildren = childArray.filter((el: React.ReactElement) => React.isValidElement(el) && el.type === PanelHandle);\n    const contentChildren = childArray.filter((el: React.ReactElement) => !(React.isValidElement(el) && el.type === PanelHandle));\n\n    const isOverlay = shell.leftResolvedPresentation === 'overlay';\n\n    // Derive a default persistence adapter from paneId if none provided\n    const persistenceAdapter = React.useMemo(() => {\n      if (!paneId || persistence) return persistence;\n      const key = `kookie-ui:shell:panel:${paneId}`;\n      const adapter: PaneSizePersistence = {\n        load: () => {\n          if (typeof window === 'undefined') return undefined;\n          const v = window.localStorage.getItem(key);\n          return v ? Number(v) : undefined;\n        },\n        save: (size: number) => {\n          if (typeof window === 'undefined') return;\n          window.localStorage.setItem(key, String(size));\n        },\n      };\n      return adapter;\n    }, [paneId, persistence]);\n\n    // Load persisted size if configured (only in fixed presentation)\n    React.useEffect(() => {\n      let mounted = true;\n      (async () => {\n        if (!resizable || !persistenceAdapter?.load || isOverlay) return;\n        const loaded = await persistenceAdapter.load();\n        if (mounted && typeof loaded === 'number' && localRef.current) {\n          localRef.current.style.setProperty('--panel-size', `${loaded}px`);\n          onResize?.(loaded);\n        }\n      })();\n      return () => {\n        mounted = false;\n      };\n    }, [resizable, persistenceAdapter, onResize, isOverlay]);\n\n    // In overlay, ensure panel uses the fixed expandedSize, ignoring any persisted size\n    React.useEffect(() => {\n      if (!localRef.current) return;\n      if (isOverlay) {\n        localRef.current.style.setProperty('--panel-size', `${expandedSize}px`);\n      }\n    }, [isOverlay, expandedSize]);\n\n    // Ensure Left container width is auto whenever Panel is expanded in fixed presentation\n    React.useEffect(() => {\n      if (!localRef.current) return;\n      if (shell.leftResolvedPresentation !== 'overlay' && shell.leftMode === 'expanded' && shell.panelMode === 'expanded') {\n        const leftEl = (localRef.current.parentElement as HTMLElement) || null;\n        try {\n          leftEl?.style.removeProperty('width');\n        } catch {}\n      }\n    }, [shell.leftResolvedPresentation, shell.leftMode, shell.panelMode]);\n\n    const isExpanded = shell.leftMode === 'expanded' && shell.panelMode === 'expanded';\n\n    // Provide resizer handle when fixed (not overlay)\n    const handleEl =\n      resizable && shell.leftResolvedPresentation !== 'overlay' && isExpanded ? (\n        <PaneResizeContext.Provider\n          value={{\n            containerRef: localRef,\n            cssVarName: '--panel-size',\n            minSize: typeof minSize === 'number' ? minSize : 100,\n            maxSize: typeof maxSize === 'number' ? maxSize : 800,\n            defaultSize: expandedSize,\n            orientation: 'vertical',\n            edge: 'end',\n            computeNext: (client, startClient, startSize) => {\n              const isRtl = getComputedStyle(localRef.current!).direction === 'rtl';\n              const delta = client - startClient;\n              return startSize + (isRtl ? -delta : delta);\n            },\n            onResize,\n            onResizeStart: (size) => {\n              // Ensure Left container is not stuck with a fixed width in stacked\n              const panelEl = localRef.current as HTMLElement | null;\n              const leftEl = panelEl?.parentElement as HTMLElement | null;\n              try {\n                leftEl?.style.removeProperty('width');\n              } catch {}\n              onResizeStart?.(size);\n            },\n            onResizeEnd: (size) => {\n              onResizeEnd?.(size);\n              persistenceAdapter?.save?.(size);\n            },\n            target: 'panel',\n            collapsible: Boolean(collapsible),\n            snapPoints,\n            snapTolerance: snapTolerance ?? 8,\n            collapseThreshold,\n            requestCollapse: () => shell.setPanelMode('collapsed'),\n            requestToggle: () => shell.togglePane('panel'),\n          }}\n        >\n          {handleChildren.length > 0 ? handleChildren.map((el, i) => React.cloneElement(el, { key: el.key ?? i })) : <PaneHandle />}\n        </PaneResizeContext.Provider>\n      ) : null;\n\n    return (\n      <div\n        {...props}\n        ref={setRef}\n        className={classNames('rt-ShellPanel', className)}\n        data-mode={shell.panelMode}\n        data-visible={isExpanded || (shell.leftResolvedPresentation !== 'overlay' && shell.peekTarget === 'panel') || undefined}\n        data-peek={(shell.leftResolvedPresentation !== 'overlay' && shell.peekTarget === 'panel') || undefined}\n        style={{\n          ...style,\n          ['--panel-size' as any]: `${expandedSize}px`,\n        }}\n      >\n        <div className=\"rt-ShellPanelContent\" data-visible={isExpanded || undefined}>\n          {contentChildren}\n        </div>\n        {handleEl}\n      </div>\n    );\n  },\n) as PanelComponent;\nPanel.displayName = 'Shell.Panel';\nPanel.Handle = PanelHandle;\n\n// Sidebar moved to ./_internal/shell-sidebar\n\n// Content (always required)\ninterface ShellContentProps extends React.ComponentPropsWithoutRef<'main'> {}\n\nconst Content = React.forwardRef<HTMLElement, ShellContentProps>(({ className, ...props }, ref) => <main {...props} ref={ref} className={classNames('rt-ShellContent', className)} />);\nContent.displayName = 'Shell.Content';\n\n// Inspector moved to ./_internal/shell-inspector\n\n// Bottom\n// Bottom moved to ./_internal/shell-bottom\n// (Bottom implementation extracted)\n\n// Trigger\n// PaneTarget type moved to shell.types.ts\ntype TriggerAction = 'toggle' | 'expand' | 'collapse';\n\ninterface TriggerProps extends React.ComponentPropsWithoutRef<'button'> {\n  target: PaneTarget;\n  action?: TriggerAction;\n  /**\n   * Whether to show peek preview on hover when the target pane is collapsed.\n   * Defaults to false.\n   */\n  peekOnHover?: boolean;\n}\n\nconst Trigger = React.forwardRef<HTMLButtonElement, TriggerProps>(({ target, action = 'toggle', peekOnHover, onClick, onMouseEnter, onMouseLeave, children, ...props }, ref) => {\n  const shell = useShell();\n\n  const handleClick = React.useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      onClick?.(event);\n\n      // Clear any active peek on this target before toggling to avoid sticky peek state\n      if ((shell as any).peekTarget === target) {\n        shell.clearPeek();\n      }\n\n      switch (action) {\n        case 'toggle':\n          shell.togglePane(target);\n          break;\n        case 'expand':\n          shell.expandPane(target);\n          break;\n        case 'collapse':\n          shell.collapsePane(target);\n          break;\n      }\n    },\n    [shell, target, action, onClick],\n  );\n\n  const isCollapsed = (() => {\n    switch (target) {\n      case 'left':\n      case 'rail':\n        return shell.leftMode === 'collapsed';\n      case 'panel':\n        return shell.leftMode === 'collapsed' || shell.panelMode === 'collapsed';\n      case 'sidebar':\n        return shell.sidebarMode === 'collapsed';\n      case 'inspector':\n        return shell.inspectorMode === 'collapsed';\n      case 'bottom':\n        return shell.bottomMode === 'collapsed';\n    }\n  })();\n\n  const handleMouseEnter = React.useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      onMouseEnter?.(event);\n      if (!peekOnHover || !isCollapsed) return;\n      // Use the actual target for peek behavior (not mapped to left)\n      shell.peekPane(target);\n    },\n    [onMouseEnter, peekOnHover, isCollapsed, shell, target],\n  );\n\n  const handleMouseLeave = React.useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      onMouseLeave?.(event);\n      if (!peekOnHover) return;\n      if ((shell as any).peekTarget === target) {\n        shell.clearPeek();\n      }\n    },\n    [onMouseLeave, peekOnHover, shell, target],\n  );\n\n  return (\n    <button {...props} ref={ref} onClick={handleClick} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave} data-shell-trigger={target} data-shell-action={action}>\n      {children}\n    </button>\n  );\n});\nTrigger.displayName = 'Shell.Trigger';\n\n// Exports\nexport {\n  Root,\n  Header,\n  Left,\n  Rail,\n  Panel,\n  Sidebar,\n  Content,\n  Inspector,\n  Bottom,\n  Trigger,\n  useShell,\n  useResponsivePresentation,\n  type PaneMode,\n  type SidebarMode,\n  type ResponsivePresentation,\n  type PaneTarget,\n  type TriggerAction,\n};\n"],
+  "mappings": "aA2BA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,UAAYC,MAAW,aACvB,MAAsB,aACtB,OAAS,kBAAAC,OAAsB,uBAC/B,OAAS,6BAAAC,OAAiC,mBAC1C,OAAS,qBAAAC,OAAyB,8BAClC,OAAS,cAAAC,GAAY,eAAAC,MAAiE,+BACtF,OAAS,WAAAC,MAAe,+BACxB,OAAS,UAAAC,OAAc,8BACvB,OAAS,aAAAC,OAAiB,iCAE1B,OAAS,eAAAC,OAAmB,mBAC5B,OAAS,iBAAAC,GAAe,YAAAC,MAAgB,qBAmBxC,SAASC,IAAoD,CAC3D,KAAM,CAACC,EAAWC,CAAY,EAAIhB,EAAM,SAAqB,SAAS,EAChE,CAACiB,EAAOC,CAAQ,EAAIlB,EAAM,SAAS,EAAK,EAE9C,OAAAA,EAAM,UAAU,IAAM,CACpB,GAAI,OAAO,OAAW,IAAa,OAGnC,MAAMmB,EAD4D,OAAO,QAAQR,EAAW,EACvE,IAAI,CAAC,CAACS,EAAGC,CAAC,IAAM,CAACD,EAAG,OAAO,WAAWC,CAAC,CAAC,CAAU,EAEjEC,EAAU,IAAM,CAEpB,MAAMC,EAAUJ,EAAK,OAAO,CAAC,CAAC,CAAEK,CAAC,IAAMA,EAAE,OAAO,EAAE,IAAI,CAAC,CAACJ,CAAC,IAAMA,CAAC,EAC1DK,EAAQF,EAAQA,EAAQ,OAAS,CAAC,GAAgC,UACxEP,EAAaS,CAAI,EACjBP,EAAS,EAAI,CACf,EAEA,OAAAI,EAAQ,EACRH,EAAK,QAAQ,CAAC,CAAC,CAAEK,CAAC,IAAMA,EAAE,iBAAiB,SAAUF,CAAO,CAAC,EAEtD,IAAM,CACXH,EAAK,QAAQ,CAAC,CAAC,CAAEK,CAAC,IAAMA,EAAE,oBAAoB,SAAUF,CAAO,CAAC,CAClE,CACF,EAAG,CAAC,CAAC,EAEE,CAAE,GAAIP,EAAW,MAAAE,CAAM,CAChC,CAQA,MAAMS,GAAO1B,EAAM,WAA2C,CAAC,CAAE,UAAA2B,EAAW,SAAAC,EAAU,OAAAC,EAAS,OAAQ,GAAGC,CAAM,EAAGC,IAAQ,CACzH,KAAM,CAAE,GAAIC,EAAmB,MAAOC,CAAuB,EAAInB,GAAc,EAGzE,CAACoB,EAAUC,CAAW,EAAInC,EAAM,SAAmB,WAAW,EAC9D,CAACoC,EAAWC,CAAY,EAAIrC,EAAM,SAAmB,WAAW,EAChE,CAACsC,EAAaC,CAAc,EAAIvC,EAAM,SAAsB,UAAU,EAEtE,CAACwC,EAAcC,CAAe,EAAIzC,EAAM,SAAqD,MAAM,EACnG,CAAC0C,EAAeC,CAAgB,EAAI3C,EAAM,SAAmB,WAAW,EACxE,CAAC4C,EAAYC,CAAa,EAAI7C,EAAM,SAAmB,WAAW,EAKlE,CAAC8C,EAASC,CAAU,EAAI/C,EAAM,SAAS,EAAK,EAC5C,CAACgD,EAAYC,CAAa,EAAIjD,EAAM,SAAS,EAAK,EAGlDkD,EAA2BlD,EAAM,OAA+CmD,GAAaA,IAAY,YAAc,OAASA,IAAY,OAAS,WAAa,WAAY,EAC9KC,EAA2BpD,EAAM,YAAaqD,GAA8C,CAChGH,EAAyB,QAAUG,CACrC,EAAG,CAAC,CAAC,EAGLrD,EAAM,UAAU,IAAM,CAChBkC,IAAa,aACfG,EAAa,WAAW,CAE5B,EAAG,CAACH,CAAQ,CAAC,EAGblC,EAAM,UAAU,IAAM,CAChBgD,GAAcF,GAChB,QAAQ,KAAK,qFAAqF,CAEtG,EAAG,CAACE,EAAYF,CAAO,CAAC,EAGxB,KAAM,CAACQ,EAAaC,CAAc,EAAIvD,EAAM,SAAwC,MAAS,EACvFwD,EAAaxD,EAAM,YAAayD,GAAyBF,EAAeE,CAAC,EAAG,CAAC,CAAC,EAC9EC,EAAqB1D,EAAM,OAAe,EAAE,EAC5C2D,EAAsB3D,EAAM,OAAe,GAAG,EAC9C4D,EAAiB5D,EAAM,YAAa6D,GAAiB,CACzDH,EAAmB,QAAUG,CAC/B,EAAG,CAAC,CAAC,EACCC,EAAkB9D,EAAM,YAAa6D,GAAiB,CAC1DF,EAAoB,QAAUE,CAChC,EAAG,CAAC,CAAC,EAGCE,EAAkB/D,EAAM,QAAQ,IAAM,CAC1C,MAAMgE,EAAahE,EAAM,SAAS,QAAQ4B,CAAQ,EAC5CqC,EAAS,CAACC,EAAwBC,IAAcnE,EAAM,eAAekE,CAAE,IAAMA,EAAG,OAASC,GAASD,EAAW,MAAM,cAAgBC,EAAK,aAC9I,OAAOH,EAAW,KAAME,GAAOD,EAAOC,EAAIE,CAAI,GAAKH,EAAOC,EAAIG,CAAK,CAAC,CACtE,EAAG,CAACzC,CAAQ,CAAC,EAEP0C,EAAqBtE,EAAM,QAAQ,IAAM,CAC7C,MAAMgE,EAAahE,EAAM,SAAS,QAAQ4B,CAAQ,EAC5CqC,EAAS,CAACC,EAAwBC,IAAcnE,EAAM,eAAekE,CAAE,IAAMA,EAAG,OAASC,GAASD,EAAW,MAAM,cAAgBC,EAAK,aAC9I,OAAOH,EAAW,KAAME,GAAOD,EAAOC,EAAI1D,CAAO,CAAC,CACpD,EAAG,CAACoB,CAAQ,CAAC,EAEP2C,EAAavE,EAAM,YACtBwE,GAAuB,CACtB,OAAQA,EAAQ,CACd,IAAK,OACL,IAAK,OACHrC,EAAasC,GAAUA,IAAS,WAAa,YAAc,UAAW,EACtE,MACF,IAAK,QAECvC,IAAa,aACfC,EAAY,UAAU,EACtBE,EAAa,UAAU,GAEvBA,EAAcoC,GAAUA,IAAS,WAAa,YAAc,UAAW,EAEzE,MACF,IAAK,UAAW,CAEd,MAAMhD,EAAOyB,EAAyB,QAAQZ,CAA0B,EAExE,GAAI,EADsBA,IAAgBb,GAAQa,IAAgB,aAAeb,IAAS,aAClE,CACtBc,EAAed,CAAI,EACnB,KACF,CACA,MAAMiD,EAAW,IACjBjC,EAAgB,QAAQ,EACxB,OAAO,WAAW,IAAM,CACtBA,EAAgB,UAAU,EAC1BF,EAAed,CAAI,EACnB,OAAO,WAAW,IAAM,CACtBgB,EAAgB,SAAS,EACzB,OAAO,WAAW,IAAMA,EAAgB,MAAM,EAAGiC,CAAQ,CAC3D,EAAGA,CAAQ,CACb,EAAGA,CAAQ,EACX,KACF,CACA,IAAK,YACH/B,EAAkB8B,GAAUA,IAAS,WAAa,YAAc,UAAW,EAC3E,MACF,IAAK,SACH5B,EAAe4B,GAAUA,IAAS,WAAa,YAAc,UAAW,EACxE,KACJ,CACF,EACA,CAACvC,EAAUI,CAAW,CACxB,EAEMqC,EAAa3E,EAAM,YAAawE,GAAuB,CAC3D,OAAQA,EAAQ,CACd,IAAK,OACL,IAAK,OACHrC,EAAY,UAAU,EACtB,MACF,IAAK,QACHA,EAAY,UAAU,EACtBE,EAAa,UAAU,EACvB,MACF,IAAK,UACHE,EAAe,UAAU,EACzB,MACF,IAAK,YACHI,EAAiB,UAAU,EAC3B,MACF,IAAK,SACHE,EAAc,UAAU,EACxB,KACJ,CACF,EAAG,CAAC,CAAC,EAEC+B,EAAe5E,EAAM,YAAawE,GAAuB,CAC7D,OAAQA,EAAQ,CACd,IAAK,OACL,IAAK,OACHrC,EAAY,WAAW,EACvB,MACF,IAAK,QACHE,EAAa,WAAW,EACxB,MACF,IAAK,UACHE,EAAe,WAAW,EAC1B,MACF,IAAK,YACHI,EAAiB,WAAW,EAC5B,MACF,IAAK,SACHE,EAAc,WAAW,EACzB,KACJ,CACF,EAAG,CAAC,CAAC,EAECgC,GAAmB7E,EAAM,QAC7B,KAAO,CACL,SAAAkC,EACA,YAAAC,EACA,UAAAC,EACA,aAAAC,EACA,YAAAC,EACA,eAAAC,EACA,cAAAG,EACA,iBAAAC,EACA,WAAAC,EACA,cAAAC,EACA,aAAAL,EACA,QAAAM,EACA,WAAAC,EACA,WAAAC,EACA,cAAAC,EACA,kBAAAjB,EACA,uBAAAC,EACA,yBAA0BqB,EAC1B,WAAAiB,EACA,WAAAI,EACA,aAAAC,EACA,yBAAAxB,EACA,WAAAI,EACA,eAAAI,EACA,gBAAAE,CACF,GACA,CACE5B,EACAE,EACAE,EACAI,EACAE,EACAJ,EACAM,EACAE,EACAhB,EACAC,EACAqB,EACAiB,EACAI,EACAC,EACAxB,EACAI,EACAI,EACAE,CACF,CACF,EAGME,EAAahE,EAAM,SAAS,QAAQ4B,CAAQ,EAC5CqC,EAAS,CAACC,EAAwBC,IAAcnE,EAAM,eAAekE,CAAE,IAAMA,EAAG,OAASC,GAASD,EAAW,MAAM,cAAgBC,EAAK,aAExIW,GAAYd,EAAW,OAAQE,GAAOD,EAAOC,EAAIa,CAAM,CAAC,EACxDC,GAAUhB,EAAW,OAAQE,GAAOD,EAAOC,EAAIE,CAAI,CAAC,EACpDa,GAAWjB,EAAW,OAAQE,GAAOD,EAAOC,EAAIG,CAAK,CAAC,EACtDa,GAAalB,EAAW,OAAQE,GAAOD,EAAOC,EAAI1D,CAAO,CAAC,EAC1D2E,GAAanB,EAAW,OAAQE,GAAOD,EAAOC,EAAIkB,EAAO,CAAC,EAC1DC,GAAerB,EAAW,OAAQE,GAAOD,EAAOC,EAAIxD,EAAS,CAAC,EAC9D4E,GAAYtB,EAAW,OAAQE,GAAOD,EAAOC,EAAIzD,EAAM,CAAC,EAExD8E,GAAcvF,EAAM,QAAQ,IAC5B6B,IAAW,OAAe,CAAE,OAAQ,OAAQ,EAC5CA,IAAW,OAAe,CAAE,OAAQ,MAAO,EAC3C,OAAOA,GAAW,SAAiB,CAAE,OAAAA,CAAO,EAC5C,OAAOA,GAAW,SAAiB,CAAE,OAAQ,GAAGA,CAAM,IAAK,EACxD,CAAC,EACP,CAACA,CAAM,CAAC,EAGL,CAAC2D,EAAYC,CAAa,EAAIzF,EAAM,SAA4B,IAAI,EACpE0F,GAAW1F,EAAM,YAAawE,GAAuBiB,EAAcjB,CAAM,EAAG,CAAC,CAAC,EAC9EmB,GAAY3F,EAAM,YAAY,IAAMyF,EAAc,IAAI,EAAG,CAAC,CAAC,EAEjE,OACEzF,EAAA,cAAC,OAAK,GAAG8B,EAAO,IAAKC,EAAK,UAAW9B,EAAW,eAAgB0B,CAAS,EAAG,MAAO,CAAE,GAAG4D,GAAa,GAAGzD,EAAM,KAAM,GAClH9B,EAAA,cAACY,GAAA,CACC,MAAO,CACL,GAAGiE,GACH,WAAAW,EACA,cAAAC,EACA,SAAAC,GACA,UAAAC,EACF,GAECb,GACD9E,EAAA,cAAC,OACC,UAAU,eACV,mBAAkBwF,GAAc,OAChC,MACEA,IAAe,QAAUA,IAAe,QACnC,CACE,oBAA6B,GAAG9B,EAAmB,OAAO,IAC7D,EACA,QAGLK,GAAmB,CAACO,GAChB,IAAM,CACL,MAAMsB,EAAYZ,GAAQ,CAAC,EACrBa,EAAmBD,EACrB,CACE,KAAMA,EAAU,OAAO,KACvB,YAAaA,EAAU,OAAO,YAC9B,aAAcA,EAAU,OAAO,aAC/B,aAAcA,EAAU,OAAO,aAC/B,YAAaA,EAAU,OAAO,YAC9B,SAAUA,EAAU,OAAO,SAC3B,WAAYA,EAAU,OAAO,UAC/B,EACA,CAAC,EACL,OACE5F,EAAA,cAAC8F,GAAA,CAAM,GAAID,GACRb,GACAC,EACH,CAEJ,GAAG,EACHC,GACHC,GACAE,EACH,EACCC,EACH,CACF,CAEJ,CAAC,EACD5D,GAAK,YAAc,aAOnB,MAAMqD,EAAS/E,EAAM,WAA0C,CAAC,CAAE,UAAA2B,EAAW,OAAAE,EAAS,GAAI,MAAAkE,EAAO,GAAGjE,CAAM,EAAGC,IAC3G/B,EAAA,cAAC,UACE,GAAG8B,EACJ,IAAKC,EACL,UAAW9B,EAAW,iBAAkB0B,CAAS,EACjD,MAAO,CACL,GAAGoE,EACF,wBAAiC,GAAGlE,CAAM,IAC7C,EACF,CACD,EACDkD,EAAO,YAAc,eAmDrB,MAAMe,GAAO9F,EAAM,WACjB,CAAC,CAAE,UAAA2B,EAAW,aAAAqE,EAAe,CAAE,QAAS,UAAW,GAAI,OAAQ,EAAG,KAAAC,EAAM,YAAAC,EAAc,YAAa,aAAAC,EAAc,YAAAC,EAAc,GAAM,SAAAC,EAAU,WAAAC,EAAY,SAAA1E,EAAU,MAAAmE,EAAO,GAAGjE,CAAM,EAAGC,IAAQ,CAC9L,MAAMwE,EAAQ1F,EAAS,EACjB2F,EAAuBpG,GAA0B4F,CAAY,EAC7DS,EAAYD,IAAyB,UACrCE,EAAYF,IAAyB,UACrCG,EAAW3G,EAAM,OAA8B,IAAI,EAEzDA,EAAM,UAAU,IAAM,CACnBuG,EAAc,aAAaC,CAAoB,CAClD,EAAG,CAACD,EAAOC,CAAoB,CAAC,EAChC,MAAMI,EAAS5G,EAAM,YAClB6G,GAAgC,CAC/BF,EAAS,QAAUE,EACf,OAAO9E,GAAQ,WAAYA,EAAI8E,CAAI,EAC9B9E,IAAMA,EAAsD,QAAU8E,EACjF,EACA,CAAC9E,CAAG,CACN,EAGA/B,EAAM,UAAU,KACduG,EAAM,WAAW,EAAI,EACd,IAAMA,EAAM,WAAW,EAAK,GAClC,CAACA,CAAK,CAAC,EAGV,MAAMO,EAAwB9G,EAAM,YAAY,IAAgB,CAC9D,GAAI,OAAOkG,GAAgB,SAAU,OAAOA,EAC5C,MAAMa,EAAKb,EACX,GAAIa,GAAMA,EAAGR,EAAM,iBAA+B,EAChD,OAAOQ,EAAGR,EAAM,iBAA+B,EAGjD,MAAMS,EAAuB,CAAC,GADf,OAAO,KAAKrG,EAAW,CACC,EAAE,QAAQ,EAAmB,OAAO,SAAuB,EAC5FsG,EAAWD,EAAM,QAAQT,EAAM,iBAA+B,EACpE,QAASW,EAAID,EAAW,EAAGC,EAAIF,EAAM,OAAQE,IAAK,CAChD,MAAMC,EAAKH,EAAME,CAAC,EAClB,GAAIH,GAAMA,EAAGI,CAAE,EACb,OAAOJ,EAAGI,CAAE,CAEhB,CACA,MAAO,WACT,EAAG,CAACjB,EAAaK,EAAM,iBAAiB,CAAC,EAEnCa,EAAYpH,EAAM,OAA0B,IAAI,EACtDA,EAAM,UAAU,IAAM,CAGpB,GAFIiG,IAAS,QACT,CAACM,EAAM,wBACPa,EAAU,UAAYb,EAAM,kBAAmB,OACnDa,EAAU,QAAUb,EAAM,kBAC1B,MAAM9E,EAAOqF,EAAsB,EAC/BrF,IAAS8E,EAAM,UACjBA,EAAM,YAAY9E,CAAI,CAE1B,EAAG,CAACwE,EAAMM,EAAM,kBAAmBA,EAAM,uBAAwBO,EAAuBP,EAAM,SAAUA,EAAM,WAAW,CAAC,EAG1HvG,EAAM,UAAU,IAAM,CAChBiG,IAAS,QAAaM,EAAM,WAAaN,GAC3CM,EAAM,YAAYN,CAAI,CAE1B,EAAG,CAACA,EAAMM,CAAK,CAAC,EAGhBvG,EAAM,UAAU,IAAM,CAChBiG,IAAS,QACXE,IAAeI,EAAM,QAAQ,CAEjC,EAAG,CAACA,EAAM,SAAUN,EAAME,CAAY,CAAC,EAGvCnG,EAAM,UAAU,IAAM,CAChBuG,EAAM,WAAa,WACrBF,IAAW,EAEXC,IAAa,CAEjB,EAAG,CAACC,EAAM,SAAUF,EAAUC,CAAU,CAAC,EAEzC,MAAMe,EAAad,EAAM,WAAa,WAItC,GAAIE,EAAW,CACb,MAAMa,EAAOf,EAAM,WAAa,WAE1BvC,EAAahE,EAAM,SAAS,QAAQ4B,CAAQ,EAC5CqC,EAAS,CAACC,EAAwBC,IAAcnE,EAAM,eAAekE,CAAE,GAAKA,EAAG,OAASC,EACxFoD,EAASvD,EAAW,KAAME,GAAOD,EAAOC,EAAIE,CAAI,CAAC,EACjDoD,EAAUxD,EAAW,KAAME,GAAOD,EAAOC,EAAIG,CAAK,CAAC,EACnDoD,EAAW,OAAQF,GAAgB,OAAO,cAAiB,SAAYA,EAAe,MAAM,aAAe,GAC3GG,EAAY,OAAQF,GAAiB,OAAO,cAAiB,SAAYA,EAAgB,MAAM,aAAe,IAC9GG,EAAU,EAAQJ,EAClBK,EAAW,EAAQJ,EACnBK,GAAaF,EAAUF,EAAW,IAAMlB,EAAM,YAAc,YAAcqB,EAAWF,EAAY,GACvG,OACE1H,EAAA,cAACE,EAAM,KAAN,CAAW,KAAMoH,EAAM,aAAeQ,GAAMvB,EAAM,YAAYuB,EAAI,WAAa,WAAW,GACzF9H,EAAA,cAACE,EAAM,QAAN,CACC,KAAK,QACL,MAAO,CAAE,QAAS,CAAE,EACpB,MAAO,CACL,QAAS,GAAG2H,CAAS,IACvB,GAEA7H,EAAA,cAACG,GAAA,KACCH,EAAA,cAACE,EAAM,MAAN,KAAY,YAAU,CACzB,EACAF,EAAA,cAAC,OAAI,UAAU,gBAAgB4B,CAAS,CAC1C,CACF,CAEJ,CAEA,GAAI8E,EAAW,CACb,MAAMY,EAAOf,EAAM,WAAa,WAE1BvC,EAAahE,EAAM,SAAS,QAAQ4B,CAAQ,EAC5CqC,EAAS,CAACC,EAAwBC,IAAcnE,EAAM,eAAekE,CAAE,GAAKA,EAAG,OAASC,EACxFoD,EAASvD,EAAW,KAAME,GAAOD,EAAOC,EAAIE,CAAI,CAAC,EACjDoD,EAAUxD,EAAW,KAAME,GAAOD,EAAOC,EAAIG,CAAK,CAAC,EACnDoD,EAAW,OAAQF,GAAgB,OAAO,cAAiB,SAAYA,EAAe,MAAM,aAAe,GAC3GG,EAAY,OAAQF,GAAiB,OAAO,cAAiB,SAAYA,EAAgB,MAAM,aAAe,IAC9GG,EAAU,EAAQJ,EAElBQ,EADW,EAAQP,IACSjB,EAAM,YAAc,YAAcA,EAAM,aAAe,SACnFyB,GAAmBL,EAAUF,EAAW,IAAMM,EAAeL,EAAY,GAE/E,OACE1H,EAAA,cAAC,OACE,GAAG8B,EACJ,IAAK8E,EACL,UAAW3G,EAAW,eAAgB0B,CAAS,EAC/C,YAAW4E,EAAM,SACjB,YAAWA,EAAM,aAAe,QAAUA,EAAM,aAAe,QAAUA,EAAM,aAAe,SAAW,OACzG,oBAAmBC,EACnB,MAAO,CACL,GAAGT,CACL,EACA,YAAWuB,GAAQ,QAElB1F,CACH,CAEJ,CAEA,OACE5B,EAAA,cAAC,OACE,GAAG8B,EACJ,IAAK8E,EACL,UAAW3G,EAAW,eAAgB0B,CAAS,EAC/C,YAAW4E,EAAM,SACjB,YAAWA,EAAM,aAAe,QAAUA,EAAM,aAAe,QAAUA,EAAM,aAAe,SAAW,OACzG,oBAAmBC,EACnB,MAAO,CACL,GAAGT,CACL,GAECnE,CACH,CAEJ,CACF,EACAkE,GAAK,YAAc,aAEnB,MAAM1B,EAAOpE,EAAM,WACjB,CAAC,CAAE,UAAA2B,EAAW,aAAAqE,EAAc,KAAAC,EAAM,YAAAC,EAAa,aAAAC,EAAc,aAAA8B,EAAe,GAAI,YAAA7B,EAAa,SAAAC,EAAU,WAAAC,EAAY,SAAA1E,EAAU,MAAAmE,EAAO,GAAGjE,CAAM,EAAGC,IAAQ,CACtJ,MAAMwE,EAAQ1F,EAAS,EAGvBb,EAAM,UAAU,IAAM,CACnBuG,EAAc,iBAAiB0B,CAAY,CAC9C,EAAG,CAAC1B,EAAO0B,CAAY,CAAC,EAExB,MAAMZ,EAAad,EAAM,WAAa,WAEtC,OACEvG,EAAA,cAAC,OACE,GAAG8B,EACJ,IAAKC,EACL,UAAW9B,EAAW,eAAgB0B,CAAS,EAC/C,YAAW4E,EAAM,SACjB,YAAYA,EAAM,2BAA6B,WAAaA,EAAM,aAAe,QAAW,OAC5F,MAAO,CACL,GAAGR,EACF,cAAuB,GAAGkC,CAAY,IACzC,GAEAjI,EAAA,cAAC,OAAI,UAAU,sBAAsB,eAAcqH,GAAed,EAAM,2BAA6B,WAAaA,EAAM,aAAe,QAAW,QAC/I3E,CACH,CACF,CAEJ,CACF,EACAwC,EAAK,YAAc,aAsBnB,MAAMC,EAAQrE,EAAM,WAClB,CACE,CACE,UAAA2B,EACA,KAAAsE,EACA,aAAAE,EACA,aAAA8B,EAAe,IACf,QAAAC,EACA,QAAAC,EACA,UAAAC,EACA,YAAAhC,EAAc,GACd,SAAAC,EACA,WAAAC,EACA,SAAA+B,EACA,cAAAC,EACA,YAAAC,EACA,WAAAC,EACA,cAAAC,EACA,kBAAAC,EACA,OAAAC,EACA,YAAAC,EACA,SAAAhH,EACA,MAAAmE,EACA,GAAGjE,CACL,EACAC,IACG,CACH,MAAMwE,EAAQ1F,EAAS,EACvBb,EAAM,UAAU,IAAM,CACnBuG,EAAc,kBAAkB0B,CAAY,CAC/C,EAAG,CAAC1B,EAAO0B,CAAY,CAAC,EACxB,MAAMtB,EAAW3G,EAAM,OAA8B,IAAI,EACnD4G,EAAS5G,EAAM,YAClB6G,GAAgC,CAC/BF,EAAS,QAAUE,EACf,OAAO9E,GAAQ,WAAYA,EAAI8E,CAAI,EAC9B9E,IAAMA,EAAsD,QAAU8E,EACjF,EACA,CAAC9E,CAAG,CACN,EACMiC,EAAahE,EAAM,SAAS,QAAQ4B,CAAQ,EAC5CiH,EAAiB7E,EAAW,OAAQE,GAA2BlE,EAAM,eAAekE,CAAE,GAAKA,EAAG,OAAS3D,CAAW,EAClHuI,EAAkB9E,EAAW,OAAQE,GAA2B,EAAElE,EAAM,eAAekE,CAAE,GAAKA,EAAG,OAAS3D,EAAY,EAEtHkG,EAAYF,EAAM,2BAA6B,UAG/CwC,EAAqB/I,EAAM,QAAQ,IAAM,CAC7C,GAAI,CAAC2I,GAAUC,EAAa,OAAOA,EACnC,MAAMI,EAAM,yBAAyBL,CAAM,GAY3C,MAXqC,CACnC,KAAM,IAAM,CACV,GAAI,OAAO,OAAW,IAAa,OACnC,MAAMM,EAAI,OAAO,aAAa,QAAQD,CAAG,EACzC,OAAOC,EAAI,OAAOA,CAAC,EAAI,MACzB,EACA,KAAOpF,GAAiB,CAClB,OAAO,OAAW,KACtB,OAAO,aAAa,QAAQmF,EAAK,OAAOnF,CAAI,CAAC,CAC/C,CACF,CAEF,EAAG,CAAC8E,EAAQC,CAAW,CAAC,EAGxB5I,EAAM,UAAU,IAAM,CACpB,IAAIkJ,EAAU,GACd,OAAC,SAAY,CACX,GAAI,CAACd,GAAa,CAACW,GAAoB,MAAQtC,EAAW,OAC1D,MAAM0C,EAAS,MAAMJ,EAAmB,KAAK,EACzCG,GAAW,OAAOC,GAAW,UAAYxC,EAAS,UACpDA,EAAS,QAAQ,MAAM,YAAY,eAAgB,GAAGwC,CAAM,IAAI,EAChEd,IAAWc,CAAM,EAErB,GAAG,EACI,IAAM,CACXD,EAAU,EACZ,CACF,EAAG,CAACd,EAAWW,EAAoBV,EAAU5B,CAAS,CAAC,EAGvDzG,EAAM,UAAU,IAAM,CACf2G,EAAS,SACVF,GACFE,EAAS,QAAQ,MAAM,YAAY,eAAgB,GAAGsB,CAAY,IAAI,CAE1E,EAAG,CAACxB,EAAWwB,CAAY,CAAC,EAG5BjI,EAAM,UAAU,IAAM,CACpB,GAAK2G,EAAS,SACVJ,EAAM,2BAA6B,WAAaA,EAAM,WAAa,YAAcA,EAAM,YAAc,WAAY,CACnH,MAAM6C,EAAUzC,EAAS,QAAQ,eAAiC,KAClE,GAAI,CACFyC,GAAQ,MAAM,eAAe,OAAO,CACtC,MAAQ,CAAC,CACX,CACF,EAAG,CAAC7C,EAAM,yBAA0BA,EAAM,SAAUA,EAAM,SAAS,CAAC,EAEpE,MAAMc,EAAad,EAAM,WAAa,YAAcA,EAAM,YAAc,WAGlE8C,EACJjB,GAAa7B,EAAM,2BAA6B,WAAac,EAC3DrH,EAAA,cAACK,GAAkB,SAAlB,CACC,MAAO,CACL,aAAcsG,EACd,WAAY,eACZ,QAAS,OAAOuB,GAAY,SAAWA,EAAU,IACjD,QAAS,OAAOC,GAAY,SAAWA,EAAU,IACjD,YAAaF,EACb,YAAa,WACb,KAAM,MACN,YAAa,CAACqB,EAAQC,EAAaC,IAAc,CAC/C,MAAMC,EAAQ,iBAAiB9C,EAAS,OAAQ,EAAE,YAAc,MAC1D+C,EAAQJ,EAASC,EACvB,OAAOC,GAAaC,EAAQ,CAACC,EAAQA,EACvC,EACA,SAAArB,EACA,cAAgBxE,GAAS,CAGvB,MAAMuF,EADUzC,EAAS,SACD,cACxB,GAAI,CACFyC,GAAQ,MAAM,eAAe,OAAO,CACtC,MAAQ,CAAC,CACTd,IAAgBzE,CAAI,CACtB,EACA,YAAcA,GAAS,CACrB0E,IAAc1E,CAAI,EAClBkF,GAAoB,OAAOlF,CAAI,CACjC,EACA,OAAQ,QACR,YAAa,EAAQuC,EACrB,WAAAoC,EACA,cAAeC,GAAiB,EAChC,kBAAAC,EACA,gBAAiB,IAAMnC,EAAM,aAAa,WAAW,EACrD,cAAe,IAAMA,EAAM,WAAW,OAAO,CAC/C,GAECsC,EAAe,OAAS,EAAIA,EAAe,IAAI,CAAC3E,EAAIgD,IAAMlH,EAAM,aAAakE,EAAI,CAAE,IAAKA,EAAG,KAAOgD,CAAE,CAAC,CAAC,EAAIlH,EAAA,cAACM,GAAA,IAAW,CACzH,EACE,KAEN,OACEN,EAAA,cAAC,OACE,GAAG8B,EACJ,IAAK8E,EACL,UAAW3G,EAAW,gBAAiB0B,CAAS,EAChD,YAAW4E,EAAM,UACjB,eAAcc,GAAed,EAAM,2BAA6B,WAAaA,EAAM,aAAe,SAAY,OAC9G,YAAYA,EAAM,2BAA6B,WAAaA,EAAM,aAAe,SAAY,OAC7F,MAAO,CACL,GAAGR,EACF,eAAwB,GAAGkC,CAAY,IAC1C,GAEAjI,EAAA,cAAC,OAAI,UAAU,uBAAuB,eAAcqH,GAAc,QAC/DyB,CACH,EACCO,CACH,CAEJ,CACF,EACAhF,EAAM,YAAc,cACpBA,EAAM,OAAS9D,EAOf,MAAM6E,GAAUpF,EAAM,WAA2C,CAAC,CAAE,UAAA2B,EAAW,GAAGG,CAAM,EAAGC,IAAQ/B,EAAA,cAAC,QAAM,GAAG8B,EAAO,IAAKC,EAAK,UAAW9B,EAAW,kBAAmB0B,CAAS,EAAG,CAAE,EACrLyD,GAAQ,YAAc,gBAsBtB,MAAMuE,GAAU3J,EAAM,WAA4C,CAAC,CAAE,OAAAwE,EAAQ,OAAAoF,EAAS,SAAU,YAAAC,EAAa,QAAAC,EAAS,aAAAC,EAAc,aAAAC,EAAc,SAAApI,EAAU,GAAGE,CAAM,EAAGC,IAAQ,CAC9K,MAAMwE,EAAQ1F,EAAS,EAEjBoJ,EAAcjK,EAAM,YACvBkK,GAA+C,CAQ9C,OAPAJ,IAAUI,CAAK,EAGV3D,EAAc,aAAe/B,GAChC+B,EAAM,UAAU,EAGVqD,EAAQ,CACd,IAAK,SACHrD,EAAM,WAAW/B,CAAM,EACvB,MACF,IAAK,SACH+B,EAAM,WAAW/B,CAAM,EACvB,MACF,IAAK,WACH+B,EAAM,aAAa/B,CAAM,EACzB,KACJ,CACF,EACA,CAAC+B,EAAO/B,EAAQoF,EAAQE,CAAO,CACjC,EAEMK,GAAe,IAAM,CACzB,OAAQ3F,EAAQ,CACd,IAAK,OACL,IAAK,OACH,OAAO+B,EAAM,WAAa,YAC5B,IAAK,QACH,OAAOA,EAAM,WAAa,aAAeA,EAAM,YAAc,YAC/D,IAAK,UACH,OAAOA,EAAM,cAAgB,YAC/B,IAAK,YACH,OAAOA,EAAM,gBAAkB,YACjC,IAAK,SACH,OAAOA,EAAM,aAAe,WAChC,CACF,GAAG,EAEG6D,EAAmBpK,EAAM,YAC5BkK,GAA+C,CAC9CH,IAAeG,CAAK,EAChB,GAACL,GAAe,CAACM,IAErB5D,EAAM,SAAS/B,CAAM,CACvB,EACA,CAACuF,EAAcF,EAAaM,EAAa5D,EAAO/B,CAAM,CACxD,EAEM6F,EAAmBrK,EAAM,YAC5BkK,GAA+C,CAC9CF,IAAeE,CAAK,EACfL,GACAtD,EAAc,aAAe/B,GAChC+B,EAAM,UAAU,CAEpB,EACA,CAACyD,EAAcH,EAAatD,EAAO/B,CAAM,CAC3C,EAEA,OACExE,EAAA,cAAC,UAAQ,GAAG8B,EAAO,IAAKC,EAAK,QAASkI,EAAa,aAAcG,EAAkB,aAAcC,EAAkB,qBAAoB7F,EAAQ,oBAAmBoF,GAC/JhI,CACH,CAEJ,CAAC,EACD+H,GAAQ,YAAc",
+  "names": ["React", "classNames", "Sheet", "VisuallyHidden", "useResponsivePresentation", "PaneResizeContext", "PaneHandle", "PanelHandle", "Sidebar", "Bottom", "Inspector", "BREAKPOINTS", "ShellProvider", "useShell", "useBreakpoint", "currentBp", "setCurrentBp", "ready", "setReady", "mqls", "k", "q", "compute", "matched", "m", "next", "Root", "className", "children", "height", "props", "ref", "currentBreakpoint", "currentBreakpointReady", "leftMode", "setLeftMode", "panelMode", "setPanelMode", "sidebarMode", "setSidebarMode", "sidebarPhase", "setSidebarPhase", "inspectorMode", "setInspectorMode", "bottomMode", "setBottomMode", "hasLeft", "setHasLeft", "hasSidebar", "setHasSidebar", "sidebarToggleComputerRef", "current", "setSidebarToggleComputer", "fn", "devLeftPres", "setDevLeftPres", "onLeftPres", "p", "railDefaultSizeRef", "panelDefaultSizeRef", "onRailDefaults", "size", "onPanelDefaults", "hasLeftChildren", "childArray", "isType", "el", "comp", "Rail", "Panel", "hasSidebarChildren", "togglePane", "target", "prev", "SMALL_MS", "expandPane", "collapsePane", "baseContextValue", "headerEls", "Header", "railEls", "panelEls", "sidebarEls", "contentEls", "Content", "inspectorEls", "bottomEls", "heightStyle", "peekTarget", "setPeekTarget", "peekPane", "clearPeek", "firstRail", "passthroughProps", "Left", "style", "presentation", "mode", "defaultMode", "onModeChange", "collapsible", "onExpand", "onCollapse", "shell", "resolvedPresentation", "isOverlay", "isStacked", "localRef", "setRef", "node", "resolveResponsiveMode", "dm", "order", "startIdx", "i", "bp", "lastBpRef", "isExpanded", "open", "railEl", "panelEl", "railSize", "panelSize", "hasRail", "hasPanel", "overlayPx", "o", "includePanel", "floatingWidthPx", "expandedSize", "minSize", "maxSize", "resizable", "onResize", "onResizeStart", "onResizeEnd", "snapPoints", "snapTolerance", "collapseThreshold", "paneId", "persistence", "handleChildren", "contentChildren", "persistenceAdapter", "key", "v", "mounted", "loaded", "leftEl", "handleEl", "client", "startClient", "startSize", "isRtl", "delta", "Trigger", "action", "peekOnHover", "onClick", "onMouseEnter", "onMouseLeave", "handleClick", "event", "isCollapsed", "handleMouseEnter", "handleMouseLeave"]
 }

package/dist/esm/components/sidebar.d.ts

@@ -15,6 +15,12 @@ type BadgeConfig = {
 };
 type SidebarOwnProps = GetPropDefTypes<typeof sidebarPropDefs>;
 interface SidebarProps extends ComponentPropsWithout<'div', RemovedProps>, SidebarOwnProps {
+    /**
+     * Presentational mode independent of Shell.
+     * 'thin' renders a rail-style sidebar, 'expanded' renders a panel-style sidebar.
+     * If both `presentation` and `layout` are provided, `presentation` takes precedence.
+     */
+    presentation?: 'thin' | 'expanded';
 }
 declare const Sidebar: React.ForwardRefExoticComponent<SidebarProps & React.RefAttributes<HTMLDivElement>>;
 interface SidebarContentProps extends React.ComponentPropsWithoutRef<'div'> {
@@ -129,5 +135,5 @@ export { Sidebar as Root, SidebarContent as Content, SidebarHeader as Header, Si
  * - Justification: rt-justify-between, rt-justify-center, rt-justify-start, rt-justify-end
  * - Gap: rt-gap-1, rt-gap-2, rt-gap-3, rt-gap-4
  */
-export type { SidebarProps as RootProps, SidebarContentProps as ContentProps, SidebarHeaderProps as HeaderProps, SidebarFooterProps as FooterProps, BadgeConfig, };
+export type { SidebarProps as RootProps, SidebarContentProps as ContentProps, SidebarHeaderProps as HeaderProps, SidebarFooterProps as FooterProps, BadgeConfig };
 //# sourceMappingURL=sidebar.d.ts.map

package/dist/esm/components/sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,SAAS,MAAM,2BAA2B,CAAC;AAEvD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAIrD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAM3C,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAG7C,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAC1B,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B,YAAY,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC;IAC1C,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;CAC/B,CAAC;AAeF,KAAK,eAAe,GAAG,eAAe,CAAC,OAAO,eAAe,CAAC,CAAC;AAC/D,UAAU,YAAa,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC,EAAE,eAAe;CAAG;AAE7F,QAAA,MAAM,OAAO,qFAmDX,CAAC;AAIH,UAAU,mBAAoB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACzE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,QAAA,MAAM,cAAc,4FAqCnB,CAAC;AAIF,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACxE;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,QAAA,MAAM,aAAa,2FAsBlB,CAAC;AAIF,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACxE;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,QAAA,MAAM,aAAa,2FAsBlB,CAAC;AASF,UAAU,qBAAsB,SAAQ,qBAAqB,CAAC,OAAO,SAAS,EAAE,YAAY,CAAC;CAAG;AAEhG,QAAA,MAAM,gBAAgB,+FASpB,CAAC;AAIH,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC;CAAG;AAE1E,QAAA,MAAM,WAAW,2FAShB,CAAC;AAGF,UAAU,oBAAqB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC;CAAG;AAE9E,QAAA,MAAM,eAAe,4FAIpB,CAAC;AAGF,UAAU,sBAAuB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;CAC9B;AAED,QAAA,MAAM,iBAAiB,kGA6GtB,CAAC;AAIF,UAAU,mBAAoB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACzE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,QAAA,MAAM,cAAc,4FAUnB,CAAC;AAGF,UAAU,0BACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,SAAS,CAAC,OAAO,CAAC;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,qBAAqB,sGAsD1B,CAAC;AAGF,UAAU,0BACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,SAAS,CAAC,OAAO,CAAC;CAAG;AAErE,QAAA,MAAM,qBAAqB,mGAazB,CAAC;AAIH,UAAU,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAE5E,QAAA,MAAM,YAAY,0FAQjB,CAAC;AAGF,UAAU,sBAAuB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,iBAAiB,+FAatB,CAAC;AAGF,UAAU,wBAAyB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAEnF,QAAA,MAAM,mBAAmB,iGAQxB,CAAC;AAIF,OAAO,EACL,OAAO,IAAI,IAAI,EACf,cAAc,IAAI,OAAO,EACzB,aAAa,IAAI,MAAM,EACvB,aAAa,IAAI,MAAM,EACvB,gBAAgB,IAAI,SAAS,EAC7B,WAAW,IAAI,IAAI,EACnB,eAAe,IAAI,QAAQ,EAC3B,iBAAiB,IAAI,UAAU,EAC/B,cAAc,IAAI,OAAO,EACzB,qBAAqB,IAAI,cAAc,EACvC,qBAAqB,IAAI,cAAc,EACvC,YAAY,IAAI,KAAK,EACrB,iBAAiB,IAAI,UAAU,EAC/B,mBAAmB,IAAI,YAAY,GACpC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AAEH,YAAY,EACV,YAAY,IAAI,SAAS,EACzB,mBAAmB,IAAI,YAAY,EACnC,kBAAkB,IAAI,WAAW,EACjC,kBAAkB,IAAI,WAAW,EACjC,WAAW,GACZ,CAAC"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/sidebar.js

@@ -1,2 +1,2 @@
-"use client";import*as e from"react";import i from"classnames";import{Slot as N}from"./slot.js";import*as C from"@radix-ui/react-accordion";import{sidebarPropDefs as b}from"./sidebar.props.js";import{useThemeContext as F}from"./theme.js";import{ScrollArea as j}from"./scroll-area.js";import{Separator as K}from"./separator.js";import{ThickChevronRightIcon as O}from"./icons.js";import{extractProps as _}from"../helpers/extract-props.js";import{Kbd as q}from"./kbd.js";import{Badge as T}from"./badge.js";const B=e.createContext(null);function P(){return e.useContext(B)}const H=e.forwardRef((r,o)=>{const t=F(),{size:a=b.size.default,variant:s=b.variant.default,menuVariant:d=b.menuVariant.default,layout:u=b.layout.default,panelBackground:m,color:l,highContrast:p=b.highContrast.default}=r,{className:M,children:h,...v}=_(r,b),{asChild:$,panelBackground:g,...y}=v,f=l||t.accentColor,c=u||"panel",n=typeof a=="object"?a.initial||"2":a;return e.createElement("div",{...y,ref:o,"data-accent-color":f,className:i("rt-SidebarRoot",M)},e.createElement(B.Provider,{value:{size:n,menuVariant:d}},e.createElement("div",{className:i("rt-SidebarContainer",`rt-variant-${s}`,`rt-r-size-${n}`,`rt-menu-variant-${d}`,c&&`rt-layout-${c}`),"data-accent-color":f,"data-high-contrast":p||void 0,"data-panel-background":m,"data-layout":c},h)))});H.displayName="Sidebar.Root";const L=e.forwardRef(({className:r,children:o,role:t="navigation","aria-label":a="Main navigation",id:s,...d},u)=>{const m=P(),l=m?.size??"2",p=m?.menuVariant??"soft";return e.createElement(j,{type:"hover"},e.createElement("div",{...d,ref:u,id:s,role:t,"aria-label":a,className:i("rt-BaseMenuContent","rt-SidebarContent",`rt-r-size-${l}`,`rt-menu-variant-${p}`,r)},e.createElement("div",{className:"rt-BaseMenuViewport"},o)))});L.displayName="Sidebar.Content";const R=e.forwardRef(({className:r,asContainer:o=!0,...t},a)=>{const s=P(),d=s?.size??"2",u=s?.menuVariant??"soft";return e.createElement("div",{...t,ref:a,className:i("rt-SidebarHeader",`rt-r-size-${d}`,`rt-menu-variant-${u}`,{"rt-SidebarHeader--container":o},r)})});R.displayName="Sidebar.Header";const x=e.forwardRef(({className:r,asContainer:o=!0,...t},a)=>{const s=P(),d=s?.size??"2",u=s?.menuVariant??"soft";return e.createElement("div",{...t,ref:a,className:i("rt-SidebarFooter",`rt-r-size-${d}`,`rt-menu-variant-${u}`,{"rt-SidebarFooter--container":o},r)})});x.displayName="Sidebar.Footer";const E=e.forwardRef(({className:r,...o},t)=>e.createElement(K,{...o,ref:t,className:i("rt-SidebarSeparator",r)}));E.displayName="Sidebar.Separator";const z=e.forwardRef(({className:r,...o},t)=>e.createElement("ul",{...o,ref:t,role:"menu",className:i("rt-SidebarMenu",r)}));z.displayName="Sidebar.Menu";const w=e.forwardRef(({className:r,...o},t)=>e.createElement("li",{...o,ref:t,className:i("rt-SidebarMenuItem",r)}));w.displayName="Sidebar.MenuItem";const G=e.forwardRef(({asChild:r=!1,isActive:o=!1,shortcut:t,badge:a,className:s,children:d,onMouseEnter:u,onMouseLeave:m,onKeyDown:l,...p},M)=>{const[h,v]=e.useState(!1),g=P()?.size??"2",y=r?N:"button",{onClick:f}=p,c=e.useCallback(n=>{switch(n.key){case"Enter":case" ":n.preventDefault(),f&&f(n);break;case"ArrowDown":{n.preventDefault();const S=n.currentTarget.nextElementSibling?.querySelector('[role="menuitem"]');S&&S.focus();break}case"ArrowUp":{n.preventDefault();const S=n.currentTarget.previousElementSibling?.querySelector('[role="menuitem"]');S&&S.focus();break}}l?.(n)},[f,l]);return e.createElement(y,{...p,ref:M,role:"menuitem","aria-current":o?"page":void 0,className:i("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton",s),"data-active":o||void 0,"data-highlighted":h||void 0,onKeyDown:c,onMouseEnter:n=>{v(!0),u?.(n)},onMouseLeave:n=>{v(!1),m?.(n)}},r?d:e.createElement(e.Fragment,null,d,a&&e.createElement("div",{className:"rt-SidebarMenuBadge"},typeof a=="string"?e.createElement(T,{size:g,variant:"soft"},a):e.createElement(T,{size:a.size||g,variant:a.variant||"soft",color:a.color,highContrast:a.highContrast,radius:a.radius},a.content)),t&&e.createElement("div",{className:"rt-BaseMenuShortcut rt-SidebarMenuShortcut"},e.createElement(q,{size:g},t))))});G.displayName="Sidebar.MenuButton";const I=e.forwardRef(({defaultOpen:r=!1,children:o,...t},a)=>e.createElement("div",{...t,ref:a},e.createElement(C.Root,{type:"single",collapsible:!0,defaultValue:r?"item":void 0},e.createElement(C.Item,{value:"item"},o))));I.displayName="Sidebar.MenuSub";const V=e.forwardRef(({asChild:r=!1,className:o,children:t,onMouseEnter:a,onMouseLeave:s,...d},u)=>{const[m,l]=e.useState(!1);return e.createElement(C.Header,{asChild:!0},e.createElement("div",null,e.createElement(C.Trigger,{...d,ref:u,asChild:r,role:"menuitem","aria-haspopup":"true",className:i("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton","rt-SidebarMenuSubTrigger",o),"data-highlighted":m||void 0,onMouseEnter:p=>{l(!0),a?.(p)},onMouseLeave:p=>{l(!1),s?.(p)}},r?t:e.createElement(e.Fragment,null,t,e.createElement(O,{className:i("rt-BaseMenuSubTriggerIcon","rt-SidebarMenuSubTriggerIcon")})))))});V.displayName="Sidebar.MenuSubTrigger";const D=e.forwardRef(({className:r,children:o,...t},a)=>e.createElement(C.Content,{...t,ref:a,className:i("rt-SidebarMenuSubContent",r)},e.createElement("div",{className:"rt-SidebarMenuSubList"},o)));D.displayName="Sidebar.MenuSubContent";const W=e.forwardRef(({className:r,...o},t)=>e.createElement("div",{...o,ref:t,className:i("rt-BaseMenuGroup","rt-SidebarGroup",r)}));W.displayName="Sidebar.Group";const A=e.forwardRef(({asChild:r=!1,className:o,...t},a)=>e.createElement(r?N:"div",{...t,ref:a,role:"group",className:i("rt-BaseMenuLabel","rt-SidebarGroupLabel",o)}));A.displayName="Sidebar.GroupLabel";const k=e.forwardRef(({className:r,...o},t)=>e.createElement("div",{...o,ref:t,className:i("rt-SidebarGroupContent",r)}));k.displayName="Sidebar.GroupContent";export{L as Content,x as Footer,W as Group,k as GroupContent,A as GroupLabel,R as Header,z as Menu,G as MenuButton,w as MenuItem,I as MenuSub,D as MenuSubContent,V as MenuSubTrigger,H as Root,E as Separator};
+"use client";import*as e from"react";import l from"classnames";import{Slot as z}from"./slot.js";import*as P from"@radix-ui/react-accordion";import*as y from"./dropdown-menu.js";import{sidebarPropDefs as C}from"./sidebar.props.js";import{useThemeContext as Q}from"./theme.js";import{ScrollArea as X}from"./scroll-area.js";import{Separator as Y}from"./separator.js";import{ThickChevronRightIcon as Z}from"./icons.js";import{extractProps as ee}from"../helpers/extract-props.js";import{Kbd as R}from"./kbd.js";import{Badge as w}from"./badge.js";const D=e.createContext(null);function v(){return e.useContext(D)}const I=e.forwardRef((o,n)=>{const t=Q(),{size:r=C.size.default,variant:s=C.variant.default,menuVariant:m=C.menuVariant.default,layout:u=C.layout.default,presentation:c,panelBackground:a,color:f,highContrast:d=C.highContrast.default}=o,{className:g,children:N,...L}=ee(o,C),{asChild:b,panelBackground:H,presentation:B,...E}=L,M=f||t.accentColor,S=c==="thin"?"rail":c==="expanded"?"panel":u||"panel",T=typeof r=="object"?r.initial||"2":r;return e.createElement("div",{...E,ref:n,"data-accent-color":M,className:l("rt-SidebarRoot",g)},e.createElement(D.Provider,{value:{size:T,menuVariant:m,presentation:c,color:M}},e.createElement("div",{className:l("rt-SidebarContainer",`rt-variant-${s}`,`rt-r-size-${T}`,`rt-menu-variant-${m}`,S&&`rt-layout-${S}`),"data-accent-color":M,"data-high-contrast":d||void 0,"data-panel-background":a,"data-presentation":c,"data-layout":S},N)))});I.displayName="Sidebar.Root";const G=e.forwardRef(({className:o,children:n,role:t="navigation","aria-label":r="Main navigation",id:s,...m},u)=>{const c=v(),a=c?.size??"2",f=c?.menuVariant??"soft";return e.createElement(X,{type:"hover"},e.createElement("div",{...m,ref:u,id:s,role:t,"aria-label":r,className:l("rt-BaseMenuContent","rt-SidebarContent",`rt-r-size-${a}`,`rt-menu-variant-${f}`,o)},e.createElement("div",{className:"rt-BaseMenuViewport"},n)))});G.displayName="Sidebar.Content";const V=e.forwardRef(({className:o,asContainer:n=!0,...t},r)=>{const s=v(),m=s?.size??"2",u=s?.menuVariant??"soft";return e.createElement("div",{...t,ref:r,className:l("rt-SidebarHeader",`rt-r-size-${m}`,`rt-menu-variant-${u}`,{"rt-SidebarHeader--container":n},o)})});V.displayName="Sidebar.Header";const A=e.forwardRef(({className:o,asContainer:n=!0,...t},r)=>{const s=v(),m=s?.size??"2",u=s?.menuVariant??"soft";return e.createElement("div",{...t,ref:r,className:l("rt-SidebarFooter",`rt-r-size-${m}`,`rt-menu-variant-${u}`,{"rt-SidebarFooter--container":n},o)})});A.displayName="Sidebar.Footer";const W=e.forwardRef(({className:o,...n},t)=>e.createElement(Y,{...n,ref:t,className:l("rt-SidebarSeparator",o)}));W.displayName="Sidebar.Separator";const k=e.forwardRef(({className:o,...n},t)=>e.createElement("ul",{...n,ref:t,role:"menu",className:l("rt-SidebarMenu",o)}));k.displayName="Sidebar.Menu";const F=e.forwardRef(({className:o,...n},t)=>e.createElement("li",{...n,ref:t,className:l("rt-SidebarMenuItem",o)}));F.displayName="Sidebar.MenuItem";const $=e.forwardRef(({asChild:o=!1,isActive:n=!1,shortcut:t,badge:r,className:s,children:m,onMouseEnter:u,onMouseLeave:c,onKeyDown:a,...f},d)=>{const[g,N]=e.useState(!1),b=v()?.size??"2",H=o?z:"button",{onClick:B}=f,E=e.useCallback(i=>{switch(i.key){case"Enter":case" ":i.preventDefault(),B&&B(i);break;case"ArrowDown":{i.preventDefault();const p=i.currentTarget.nextElementSibling?.querySelector('[role="menuitem"]');p&&p.focus();break}case"ArrowUp":{i.preventDefault();const p=i.currentTarget.previousElementSibling?.querySelector('[role="menuitem"]');p&&p.focus();break}}a?.(i)},[B,a]),M=i=>{if(typeof i=="string"||typeof i=="number")return e.createElement("span",{className:"rt-SidebarMenuLabel"},i);if(Array.isArray(i))return i.map((p,h)=>e.createElement(e.Fragment,{key:h},M(p)));if(e.isValidElement(i)){const p=i,h=p.props&&p.props.className||"";if(typeof p.type=="string"&&h.split(" ").includes("rt-SidebarMenuLabel"))return p;const J=M(p.props?.children);return e.cloneElement(p,{...p.props},J)}return i},S=M(m),T=e.useMemo(()=>{if(!o)return null;try{const i=e.Children.only(S),p=i.props?.children,h=e.createElement(e.Fragment,null,p,r&&e.createElement("div",{className:"rt-SidebarMenuBadge"},typeof r=="string"?e.createElement(w,{size:b,variant:"soft"},r):e.createElement(w,{size:r.size||b,variant:r.variant||"soft",color:r.color,highContrast:r.highContrast,radius:r.radius},r.content)),t&&e.createElement("div",{className:"rt-BaseMenuShortcut rt-SidebarMenuShortcut"},e.createElement(R,{size:b},t)));return e.cloneElement(i,{...i.props},h)}catch{return S}},[o,S,r,t,b]);return e.createElement(H,{...f,ref:d,role:"menuitem","aria-current":n?"page":void 0,className:l("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton",s),"data-active":n||void 0,"data-highlighted":g||void 0,onKeyDown:E,onMouseEnter:i=>{N(!0),u?.(i)},onMouseLeave:i=>{N(!1),c?.(i)}},o?T:e.createElement(e.Fragment,null,S,r&&e.createElement("div",{className:"rt-SidebarMenuBadge"},typeof r=="string"?e.createElement(w,{size:b,variant:"soft"},r):e.createElement(w,{size:r.size||b,variant:r.variant||"soft",color:r.color,highContrast:r.highContrast,radius:r.radius},r.content)),t&&e.createElement("div",{className:"rt-BaseMenuShortcut rt-SidebarMenuShortcut"},e.createElement(R,{size:b},t))))});$.displayName="Sidebar.MenuButton";const x=e.createContext("accordion"),_=e.forwardRef(({defaultOpen:o=!1,children:n,...t},r)=>(v()?.presentation==="thin"?"dropdown":"accordion")==="dropdown"?e.createElement("div",{...t,ref:r},e.createElement(y.Root,null,e.createElement(x.Provider,{value:"dropdown"},n))):e.createElement("div",{...t,ref:r},e.createElement(x.Provider,{value:"accordion"},e.createElement(P.Root,{type:"single",collapsible:!0,defaultValue:o?"item":void 0},e.createElement(P.Item,{value:"item"},n)))));_.displayName="Sidebar.MenuSub";const K=e.forwardRef(({asChild:o=!1,className:n,children:t,onMouseEnter:r,onMouseLeave:s,...m},u)=>{const[c,a]=e.useState(!1);return e.useContext(x)==="dropdown"?e.createElement(y.Trigger,null,e.createElement("button",{...m,ref:u,type:"button",role:"menuitem","aria-haspopup":"menu",className:l("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton","rt-SidebarMenuSubTrigger",n),"data-highlighted":c||void 0,onMouseEnter:d=>{a(!0),r?.(d)},onMouseLeave:d=>{a(!1),s?.(d)}},t)):e.createElement(P.Header,{asChild:!0},e.createElement("div",null,e.createElement(P.Trigger,{...m,ref:u,asChild:o,role:"menuitem","aria-haspopup":"true",className:l("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton","rt-SidebarMenuSubTrigger",n),"data-highlighted":c||void 0,onMouseEnter:d=>{a(!0),r?.(d)},onMouseLeave:d=>{a(!1),s?.(d)}},o?t:e.createElement(e.Fragment,null,t,e.createElement(Z,{className:l("rt-BaseMenuSubTriggerIcon","rt-SidebarMenuSubTriggerIcon")})))))});K.displayName="Sidebar.MenuSubTrigger";const j=e.forwardRef(({className:o,children:n,...t},r)=>{const s=v();if(e.useContext(x)==="dropdown"){const u=a=>{if(Array.isArray(a))return a.map((f,d)=>e.createElement(e.Fragment,{key:d},u(f)));if(e.isValidElement(a)){if(a.type?.displayName==="Sidebar.MenuButton")return a.props?.children;const d=a.props?.children;if(d!==void 0)return e.cloneElement(a,{...a.props,children:u(d)})}return a},c=e.Children.map(n,(a,f)=>{if(e.isValidElement(a)&&a.type?.displayName==="Sidebar.MenuItem"){const d=a.props?.children,g=u(d);return e.createElement(y.Item,{key:f,asChild:!0},g)}return e.createElement(y.Item,{key:f,asChild:!0},u(a))});return e.createElement(y.Content,{size:s?.size,variant:s?.menuVariant,className:l(o)},e.createElement(y.Group,null,c))}return e.createElement(P.Content,{...t,ref:r,className:l("rt-SidebarMenuSubContent",o)},e.createElement("div",{className:"rt-SidebarMenuSubList"},n))});j.displayName="Sidebar.MenuSubContent";const O=e.forwardRef(({className:o,...n},t)=>e.createElement("div",{...n,ref:t,className:l("rt-BaseMenuGroup","rt-SidebarGroup",o)}));O.displayName="Sidebar.Group";const q=e.forwardRef(({asChild:o=!1,className:n,...t},r)=>e.createElement(o?z:"div",{...t,ref:r,role:"group",className:l("rt-BaseMenuLabel","rt-SidebarGroupLabel",n)}));q.displayName="Sidebar.GroupLabel";const U=e.forwardRef(({className:o,...n},t)=>e.createElement("div",{...n,ref:t,className:l("rt-SidebarGroupContent",o)}));U.displayName="Sidebar.GroupContent";export{G as Content,A as Footer,O as Group,U as GroupContent,q as GroupLabel,V as Header,k as Menu,$ as MenuButton,F as MenuItem,_ as MenuSub,j as MenuSubContent,K as MenuSubTrigger,I as Root,W as Separator};
 //# sourceMappingURL=sidebar.js.map

package/dist/esm/components/sidebar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/sidebar.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from './slot.js';\nimport * as Accordion from '@radix-ui/react-accordion';\n\nimport { sidebarPropDefs } from './sidebar.props.js';\nimport { useThemeContext } from './theme.js';\n// import { IconButton } from './icon-button.js';\nimport { ScrollArea } from './scroll-area.js';\nimport { Separator } from './separator.js';\nimport { ThickChevronRightIcon } from './icons.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { Kbd } from './kbd.js';\nimport { Badge } from './badge.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\nimport type { BadgeProps } from './badge.js';\n\n// Badge configuration type for sidebar menu buttons\ntype BadgeConfig = {\n  content: React.ReactNode;\n  variant?: BadgeProps['variant'];\n  size?: BadgeProps['size'];\n  color?: BadgeProps['color'];\n  highContrast?: BadgeProps['highContrast'];\n  radius?: BadgeProps['radius'];\n};\n\n// Internal presentational context (not exported) for size/menu variant\ntype SidebarVisualContextValue = {\n  size: '1' | '2';\n  menuVariant: 'solid' | 'soft';\n};\nconst SidebarVisualContext = React.createContext<SidebarVisualContextValue | null>(null);\nfunction useSidebarVisual() {\n  return React.useContext(SidebarVisualContext);\n}\n\n// Sidebar is now independent of Shell - no integration needed\n\n// Main Sidebar component\ntype SidebarOwnProps = GetPropDefTypes<typeof sidebarPropDefs>;\ninterface SidebarProps extends ComponentPropsWithout<'div', RemovedProps>, SidebarOwnProps {}\n\nconst Sidebar = React.forwardRef<HTMLDivElement, SidebarProps>((props, forwardedRef) => {\n  const themeContext = useThemeContext();\n\n  const {\n    size = sidebarPropDefs.size.default,\n    variant = sidebarPropDefs.variant.default,\n    menuVariant = sidebarPropDefs.menuVariant.default,\n    layout = sidebarPropDefs.layout.default,\n    // type = sidebarPropDefs.type.default,\n    // side = sidebarPropDefs.side.default,\n    // collapsible = sidebarPropDefs.collapsible.default,\n    panelBackground,\n    color,\n    highContrast = sidebarPropDefs.highContrast.default,\n  } = props;\n\n  const { className, children, ...rootProps } = extractProps(props, sidebarPropDefs);\n  const { asChild: _, panelBackground: __, ...safeRootProps } = rootProps; // Remove asChild and panelBackground from DOM props\n  const resolvedColor = color || themeContext.accentColor;\n\n  // Resolve layout (default to 'panel')\n  const resolvedLayout = layout || 'panel';\n\n  // Update context with current props - we'll pass the resolved values\n  const resolvedSize = typeof size === 'object' ? size.initial || '2' : size;\n  return (\n    <div\n      {...safeRootProps}\n      ref={forwardedRef}\n      data-accent-color={resolvedColor}\n      className={classNames('rt-SidebarRoot', className)}\n    >\n      <SidebarVisualContext.Provider value={{ size: resolvedSize, menuVariant }}>\n        <div\n          className={classNames(\n            'rt-SidebarContainer',\n            `rt-variant-${variant}`,\n            `rt-r-size-${resolvedSize}`,\n            `rt-menu-variant-${menuVariant}`,\n            resolvedLayout && `rt-layout-${resolvedLayout}`,\n          )}\n          data-accent-color={resolvedColor}\n          data-high-contrast={highContrast || undefined}\n          data-panel-background={panelBackground}\n          data-layout={resolvedLayout}\n        >\n          {children}\n        </div>\n      </SidebarVisualContext.Provider>\n    </div>\n  );\n});\nSidebar.displayName = 'Sidebar.Root';\n\n// Sidebar content area\ninterface SidebarContentProps extends React.ComponentPropsWithoutRef<'div'> {\n  id?: string;\n  role?: 'navigation' | 'none';\n  'aria-label'?: string;\n}\n\nconst SidebarContent = React.forwardRef<HTMLDivElement, SidebarContentProps>(\n  (\n    {\n      className,\n      children,\n      role = 'navigation',\n      'aria-label': ariaLabel = 'Main navigation',\n      id,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const visual = useSidebarVisual();\n    const size = visual?.size ?? '2';\n    const menuVariant = visual?.menuVariant ?? 'soft';\n\n    return (\n      <ScrollArea type=\"hover\">\n        <div\n          {...props}\n          ref={forwardedRef}\n          id={id}\n          role={role}\n          aria-label={ariaLabel}\n          className={classNames(\n            'rt-BaseMenuContent',\n            'rt-SidebarContent',\n            `rt-r-size-${size}`,\n            `rt-menu-variant-${menuVariant}`,\n            className,\n          )}\n        >\n          <div className=\"rt-BaseMenuViewport\">{children}</div>\n        </div>\n      </ScrollArea>\n    );\n  },\n);\nSidebarContent.displayName = 'Sidebar.Content';\n\n// Sidebar header\ninterface SidebarHeaderProps extends React.ComponentPropsWithoutRef<'div'> {\n  /**\n   * Whether to use the default flex container layout.\n   * @default true\n   */\n  asContainer?: boolean;\n}\n\nconst SidebarHeader = React.forwardRef<HTMLDivElement, SidebarHeaderProps>(\n  ({ className, asContainer = true, ...props }, forwardedRef) => {\n    const visual = useSidebarVisual();\n    const size = visual?.size ?? '2';\n    const menuVariant = visual?.menuVariant ?? 'soft';\n\n    return (\n      <div\n        {...props}\n        ref={forwardedRef}\n        className={classNames(\n          'rt-SidebarHeader',\n          `rt-r-size-${size}`,\n          `rt-menu-variant-${menuVariant}`,\n          {\n            'rt-SidebarHeader--container': asContainer,\n          },\n          className,\n        )}\n      />\n    );\n  },\n);\nSidebarHeader.displayName = 'Sidebar.Header';\n\n// Sidebar footer\ninterface SidebarFooterProps extends React.ComponentPropsWithoutRef<'div'> {\n  /**\n   * Whether to use the default flex container layout.\n   * @default true\n   */\n  asContainer?: boolean;\n}\n\nconst SidebarFooter = React.forwardRef<HTMLDivElement, SidebarFooterProps>(\n  ({ className, asContainer = true, ...props }, forwardedRef) => {\n    const visual = useSidebarVisual();\n    const size = visual?.size ?? '2';\n    const menuVariant = visual?.menuVariant ?? 'soft';\n\n    return (\n      <div\n        {...props}\n        ref={forwardedRef}\n        className={classNames(\n          'rt-SidebarFooter',\n          `rt-r-size-${size}`,\n          `rt-menu-variant-${menuVariant}`,\n          {\n            'rt-SidebarFooter--container': asContainer,\n          },\n          className,\n        )}\n      />\n    );\n  },\n);\nSidebarFooter.displayName = 'Sidebar.Footer';\n\n// Sidebar trigger button\n// removed Trigger in presentational-only Sidebar\n\n// Removed SidebarInset - not needed\n\n// Sidebar separator\ninterface SidebarSeparatorProps extends ComponentPropsWithout<typeof Separator, RemovedProps> {}\n\nconst SidebarSeparator = React.forwardRef<\n  React.ComponentRef<typeof Separator>,\n  SidebarSeparatorProps\n>(({ className, ...props }, forwardedRef) => (\n  <Separator\n    {...props}\n    ref={forwardedRef}\n    className={classNames('rt-SidebarSeparator', className)}\n  />\n));\nSidebarSeparator.displayName = 'Sidebar.Separator';\n\n// Menu components - reusing dropdown menu structure\ninterface SidebarMenuProps extends React.ComponentPropsWithoutRef<'ul'> {}\n\nconst SidebarMenu = React.forwardRef<HTMLUListElement, SidebarMenuProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <ul\n      {...props}\n      ref={forwardedRef}\n      role=\"menu\"\n      className={classNames('rt-SidebarMenu', className)}\n    />\n  ),\n);\nSidebarMenu.displayName = 'Sidebar.Menu';\n\ninterface SidebarMenuItemProps extends React.ComponentPropsWithoutRef<'li'> {}\n\nconst SidebarMenuItem = React.forwardRef<HTMLLIElement, SidebarMenuItemProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <li {...props} ref={forwardedRef} className={classNames('rt-SidebarMenuItem', className)} />\n  ),\n);\nSidebarMenuItem.displayName = 'Sidebar.MenuItem';\n\ninterface SidebarMenuButtonProps extends React.ComponentPropsWithoutRef<'button'> {\n  asChild?: boolean;\n  isActive?: boolean;\n  shortcut?: React.ReactNode;\n  badge?: string | BadgeConfig;\n}\n\nconst SidebarMenuButton = React.forwardRef<HTMLButtonElement, SidebarMenuButtonProps>(\n  (\n    {\n      asChild = false,\n      isActive = false,\n      shortcut,\n      badge,\n      className,\n      children,\n      onMouseEnter,\n      onMouseLeave,\n      onKeyDown,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const [isHighlighted, setIsHighlighted] = React.useState(false);\n    const visual = useSidebarVisual();\n    const sidebarSize = visual?.size ?? '2';\n\n    const Comp = asChild ? Slot : 'button';\n\n    const { onClick } = props;\n    const handleKeyDown = React.useCallback(\n      (event: React.KeyboardEvent<HTMLButtonElement>) => {\n        switch (event.key) {\n          case 'Enter':\n          case ' ':\n            event.preventDefault();\n            if (onClick) onClick(event as any);\n            break;\n          case 'ArrowDown': {\n            event.preventDefault();\n            // Focus next menu item\n            const nextItem = (event.currentTarget as HTMLElement).nextElementSibling?.querySelector(\n              '[role=\"menuitem\"]',\n            ) as HTMLElement;\n            if (nextItem) nextItem.focus();\n            break;\n          }\n          case 'ArrowUp': {\n            event.preventDefault();\n            // Focus previous menu item\n            const prevItem = (\n              event.currentTarget as HTMLElement\n            ).previousElementSibling?.querySelector('[role=\"menuitem\"]') as HTMLElement;\n            if (prevItem) prevItem.focus();\n            break;\n          }\n        }\n        onKeyDown?.(event);\n      },\n      [onClick, onKeyDown],\n    );\n\n    return (\n      <Comp\n        {...props}\n        ref={forwardedRef}\n        role=\"menuitem\"\n        aria-current={isActive ? 'page' : undefined}\n        className={classNames('rt-reset', 'rt-BaseMenuItem', 'rt-SidebarMenuButton', className)}\n        data-active={isActive || undefined}\n        data-highlighted={isHighlighted || undefined}\n        onKeyDown={handleKeyDown}\n        onMouseEnter={(event) => {\n          setIsHighlighted(true);\n          onMouseEnter?.(event);\n        }}\n        onMouseLeave={(event) => {\n          setIsHighlighted(false);\n          onMouseLeave?.(event);\n        }}\n      >\n        {asChild ? (\n          children\n        ) : (\n          <>\n            {children}\n            {/* Badge with soft variant default and size mapping to sidebar size */}\n            {badge && (\n              <div className=\"rt-SidebarMenuBadge\">\n                {typeof badge === 'string' ? (\n                  <Badge size={sidebarSize} variant=\"soft\">\n                    {badge}\n                  </Badge>\n                ) : (\n                  <Badge\n                    size={badge.size || sidebarSize}\n                    variant={badge.variant || 'soft'}\n                    color={badge.color}\n                    highContrast={badge.highContrast}\n                    radius={badge.radius}\n                  >\n                    {badge.content}\n                  </Badge>\n                )}\n              </div>\n            )}\n            {shortcut && (\n              <div className=\"rt-BaseMenuShortcut rt-SidebarMenuShortcut\">\n                <Kbd size={sidebarSize}>{shortcut}</Kbd>\n              </div>\n            )}\n          </>\n        )}\n      </Comp>\n    );\n  },\n);\nSidebarMenuButton.displayName = 'Sidebar.MenuButton';\n\n// Sub-menu components using Radix Accordion\ninterface SidebarMenuSubProps extends React.ComponentPropsWithoutRef<'div'> {\n  defaultOpen?: boolean;\n}\n\nconst SidebarMenuSub = React.forwardRef<HTMLDivElement, SidebarMenuSubProps>(\n  ({ defaultOpen = false, children, ...props }, forwardedRef) => {\n    return (\n      <div {...props} ref={forwardedRef}>\n        <Accordion.Root type=\"single\" collapsible defaultValue={defaultOpen ? 'item' : undefined}>\n          <Accordion.Item value=\"item\">{children}</Accordion.Item>\n        </Accordion.Root>\n      </div>\n    );\n  },\n);\nSidebarMenuSub.displayName = 'Sidebar.MenuSub';\n\ninterface SidebarMenuSubTriggerProps\n  extends React.ComponentPropsWithoutRef<typeof Accordion.Trigger> {\n  asChild?: boolean;\n}\n\nconst SidebarMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof Accordion.Trigger>,\n  SidebarMenuSubTriggerProps\n>(\n  (\n    { asChild = false, className, children, onMouseEnter, onMouseLeave, ...props },\n    forwardedRef,\n  ) => {\n    const [isHighlighted, setIsHighlighted] = React.useState(false);\n\n    return (\n      <Accordion.Header asChild>\n        <div>\n          <Accordion.Trigger\n            {...props}\n            ref={forwardedRef}\n            asChild={asChild}\n            role=\"menuitem\"\n            aria-haspopup=\"true\"\n            className={classNames(\n              'rt-reset',\n              'rt-BaseMenuItem',\n              'rt-SidebarMenuButton',\n              'rt-SidebarMenuSubTrigger',\n              className,\n            )}\n            data-highlighted={isHighlighted || undefined}\n            onMouseEnter={(event) => {\n              setIsHighlighted(true);\n              onMouseEnter?.(event);\n            }}\n            onMouseLeave={(event) => {\n              setIsHighlighted(false);\n              onMouseLeave?.(event);\n            }}\n          >\n            {asChild ? (\n              children\n            ) : (\n              <>\n                {children}\n                <ThickChevronRightIcon\n                  className={classNames(\n                    'rt-BaseMenuSubTriggerIcon',\n                    'rt-SidebarMenuSubTriggerIcon',\n                  )}\n                />\n              </>\n            )}\n          </Accordion.Trigger>\n        </div>\n      </Accordion.Header>\n    );\n  },\n);\nSidebarMenuSubTrigger.displayName = 'Sidebar.MenuSubTrigger';\n\ninterface SidebarMenuSubContentProps\n  extends React.ComponentPropsWithoutRef<typeof Accordion.Content> {}\n\nconst SidebarMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof Accordion.Content>,\n  SidebarMenuSubContentProps\n>(({ className, children, ...props }, forwardedRef) => {\n  return (\n    <Accordion.Content\n      {...props}\n      ref={forwardedRef}\n      className={classNames('rt-SidebarMenuSubContent', className)}\n    >\n      <div className=\"rt-SidebarMenuSubList\">{children}</div>\n    </Accordion.Content>\n  );\n});\nSidebarMenuSubContent.displayName = 'Sidebar.MenuSubContent';\n\n// Group components\ninterface SidebarGroupProps extends React.ComponentPropsWithoutRef<'div'> {}\n\nconst SidebarGroup = React.forwardRef<HTMLDivElement, SidebarGroupProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <div\n      {...props}\n      ref={forwardedRef}\n      className={classNames('rt-BaseMenuGroup', 'rt-SidebarGroup', className)}\n    />\n  ),\n);\nSidebarGroup.displayName = 'Sidebar.Group';\n\ninterface SidebarGroupLabelProps extends React.ComponentPropsWithoutRef<'div'> {\n  asChild?: boolean;\n}\n\nconst SidebarGroupLabel = React.forwardRef<HTMLDivElement, SidebarGroupLabelProps>(\n  ({ asChild = false, className, ...props }, forwardedRef) => {\n    const Comp = asChild ? Slot : 'div';\n\n    return (\n      <Comp\n        {...props}\n        ref={forwardedRef}\n        role=\"group\"\n        className={classNames('rt-BaseMenuLabel', 'rt-SidebarGroupLabel', className)}\n      />\n    );\n  },\n);\nSidebarGroupLabel.displayName = 'Sidebar.GroupLabel';\n\ninterface SidebarGroupContentProps extends React.ComponentPropsWithoutRef<'div'> {}\n\nconst SidebarGroupContent = React.forwardRef<HTMLDivElement, SidebarGroupContentProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <div\n      {...props}\n      ref={forwardedRef}\n      className={classNames('rt-SidebarGroupContent', className)}\n    />\n  ),\n);\nSidebarGroupContent.displayName = 'Sidebar.GroupContent';\n\n// Export all components following shadcn's pattern\nexport {\n  Sidebar as Root,\n  SidebarContent as Content,\n  SidebarHeader as Header,\n  SidebarFooter as Footer,\n  SidebarSeparator as Separator,\n  SidebarMenu as Menu,\n  SidebarMenuItem as MenuItem,\n  SidebarMenuButton as MenuButton,\n  SidebarMenuSub as MenuSub,\n  SidebarMenuSubTrigger as MenuSubTrigger,\n  SidebarMenuSubContent as MenuSubContent,\n  SidebarGroup as Group,\n  SidebarGroupLabel as GroupLabel,\n  SidebarGroupContent as GroupContent,\n};\n\n/**\n * Enhanced Sidebar Header and Footer Usage Examples:\n *\n * 1. Simple default container (backwards compatible):\n * <Sidebar.Header>\n *   <Logo />\n *   <span>App Name</span>\n * </Sidebar.Header>\n *\n * 2. Custom flex layout:\n * <Sidebar.Header className=\"rt-justify-between rt-gap-3\">\n *   <Logo />\n *   <Sidebar.MenuButton>\n *     <SettingsIcon />\n *   </Sidebar.MenuButton>\n * </Sidebar.Header>\n *\n * 3. Column layout for multiple rows:\n * <Sidebar.Header className=\"rt-flex-col rt-gap-2\" asContainer={false}>\n *   <div className=\"rt-flex rt-items-center rt-gap-2\">\n *     <Logo />\n *     <span>App Name</span>\n *   </div>\n *   <Sidebar.MenuButton>\n *     <UserAvatar />\n *     <span>John Doe</span>\n *   </Sidebar.MenuButton>\n * </Sidebar.Header>\n *\n * 4. Interactive footer with menu button:\n * <Sidebar.Footer>\n *   <Sidebar.MenuButton>\n *     <UserIcon />\n *     <span>Settings</span>\n *     <ChevronUpIcon />\n *   </Sidebar.MenuButton>\n * </Sidebar.Footer>\n *\n * 5. Custom footer layout:\n * <Sidebar.Footer className=\"rt-justify-between\">\n *   <span>v1.0.0</span>\n *   <Sidebar.MenuButton>\n *     <HelpIcon />\n *   </Sidebar.MenuButton>\n * </Sidebar.Footer>\n *\n * Available utility classes:\n * - Layout: rt-flex-row, rt-flex-col\n * - Alignment: rt-items-center, rt-items-start, rt-items-end\n * - Justification: rt-justify-between, rt-justify-center, rt-justify-start, rt-justify-end\n * - Gap: rt-gap-1, rt-gap-2, rt-gap-3, rt-gap-4\n */\n\nexport type {\n  SidebarProps as RootProps,\n  SidebarContentProps as ContentProps,\n  SidebarHeaderProps as HeaderProps,\n  SidebarFooterProps as FooterProps,\n  BadgeConfig,\n};\n"],
-  "mappings": "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",
-  "names": ["React", "classNames", "Slot", "Accordion", "sidebarPropDefs", "useThemeContext", "ScrollArea", "Separator", "ThickChevronRightIcon", "extractProps", "Kbd", "Badge", "SidebarVisualContext", "useSidebarVisual", "Sidebar", "props", "forwardedRef", "themeContext", "size", "variant", "menuVariant", "layout", "panelBackground", "color", "highContrast", "className", "children", "rootProps", "_", "__", "safeRootProps", "resolvedColor", "resolvedLayout", "resolvedSize", "SidebarContent", "role", "ariaLabel", "id", "visual", "SidebarHeader", "asContainer", "SidebarFooter", "SidebarSeparator", "SidebarMenu", "SidebarMenuItem", "SidebarMenuButton", "asChild", "isActive", "shortcut", "badge", "onMouseEnter", "onMouseLeave", "onKeyDown", "isHighlighted", "setIsHighlighted", "sidebarSize", "Comp", "onClick", "handleKeyDown", "event", "nextItem", "prevItem", "SidebarMenuSub", "defaultOpen", "SidebarMenuSubTrigger", "SidebarMenuSubContent", "SidebarGroup", "SidebarGroupLabel", "SidebarGroupContent"]
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from './slot.js';\nimport * as Accordion from '@radix-ui/react-accordion';\nimport * as DropdownMenu from './dropdown-menu.js';\n\nimport { sidebarPropDefs } from './sidebar.props.js';\nimport { useThemeContext } from './theme.js';\n// import { IconButton } from './icon-button.js';\nimport { ScrollArea } from './scroll-area.js';\nimport { Separator } from './separator.js';\nimport { ThickChevronRightIcon } from './icons.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { Kbd } from './kbd.js';\nimport { Badge } from './badge.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\nimport type { BadgeProps } from './badge.js';\n\n// Badge configuration type for sidebar menu buttons\ntype BadgeConfig = {\n  content: React.ReactNode;\n  variant?: BadgeProps['variant'];\n  size?: BadgeProps['size'];\n  color?: BadgeProps['color'];\n  highContrast?: BadgeProps['highContrast'];\n  radius?: BadgeProps['radius'];\n};\n\n// Internal presentational context (not exported) for size/menu variant\ntype SidebarVisualContextValue = {\n  size: '1' | '2';\n  menuVariant: 'solid' | 'soft';\n  presentation?: 'thin' | 'expanded';\n  color?: string;\n};\nconst SidebarVisualContext = React.createContext<SidebarVisualContextValue | null>(null);\nfunction useSidebarVisual() {\n  return React.useContext(SidebarVisualContext);\n}\n\n// Sidebar is now independent of Shell - no integration needed\n\n// Main Sidebar component\ntype SidebarOwnProps = GetPropDefTypes<typeof sidebarPropDefs>;\ninterface SidebarProps extends ComponentPropsWithout<'div', RemovedProps>, SidebarOwnProps {\n  /**\n   * Presentational mode independent of Shell.\n   * 'thin' renders a rail-style sidebar, 'expanded' renders a panel-style sidebar.\n   * If both `presentation` and `layout` are provided, `presentation` takes precedence.\n   */\n  presentation?: 'thin' | 'expanded';\n}\n\nconst Sidebar = React.forwardRef<HTMLDivElement, SidebarProps>((props, forwardedRef) => {\n  const themeContext = useThemeContext();\n\n  const {\n    size = sidebarPropDefs.size.default,\n    variant = sidebarPropDefs.variant.default,\n    menuVariant = sidebarPropDefs.menuVariant.default,\n    layout = sidebarPropDefs.layout.default,\n    presentation,\n    // type = sidebarPropDefs.type.default,\n    // side = sidebarPropDefs.side.default,\n    // collapsible = sidebarPropDefs.collapsible.default,\n    panelBackground,\n    color,\n    highContrast = sidebarPropDefs.highContrast.default,\n  } = props;\n\n  const { className, children, ...rootProps } = extractProps(props, sidebarPropDefs);\n  // Remove internal-only props from DOM\n  const { asChild: _, panelBackground: __, presentation: ___, ...safeRootProps } = rootProps;\n  const resolvedColor = color || themeContext.accentColor;\n\n  // Resolve layout (default to 'panel'). `presentation` takes precedence over `layout`.\n  const resolvedLayout = presentation === 'thin' ? 'rail' : presentation === 'expanded' ? 'panel' : layout || 'panel';\n\n  // Update context with current props - we'll pass the resolved values\n  const resolvedSize = typeof size === 'object' ? size.initial || '2' : size;\n  return (\n    <div {...safeRootProps} ref={forwardedRef} data-accent-color={resolvedColor} className={classNames('rt-SidebarRoot', className)}>\n      <SidebarVisualContext.Provider value={{ size: resolvedSize, menuVariant, presentation, color: resolvedColor }}>\n        <div\n          className={classNames('rt-SidebarContainer', `rt-variant-${variant}`, `rt-r-size-${resolvedSize}`, `rt-menu-variant-${menuVariant}`, resolvedLayout && `rt-layout-${resolvedLayout}`)}\n          data-accent-color={resolvedColor}\n          data-high-contrast={highContrast || undefined}\n          data-panel-background={panelBackground}\n          data-presentation={presentation}\n          data-layout={resolvedLayout}\n        >\n          {children}\n        </div>\n      </SidebarVisualContext.Provider>\n    </div>\n  );\n});\nSidebar.displayName = 'Sidebar.Root';\n\n// Sidebar content area\ninterface SidebarContentProps extends React.ComponentPropsWithoutRef<'div'> {\n  id?: string;\n  role?: 'navigation' | 'none';\n  'aria-label'?: string;\n}\n\nconst SidebarContent = React.forwardRef<HTMLDivElement, SidebarContentProps>(\n  ({ className, children, role = 'navigation', 'aria-label': ariaLabel = 'Main navigation', id, ...props }, forwardedRef) => {\n    const visual = useSidebarVisual();\n    const size = visual?.size ?? '2';\n    const menuVariant = visual?.menuVariant ?? 'soft';\n\n    return (\n      <ScrollArea type=\"hover\">\n        <div\n          {...props}\n          ref={forwardedRef}\n          id={id}\n          role={role}\n          aria-label={ariaLabel}\n          className={classNames('rt-BaseMenuContent', 'rt-SidebarContent', `rt-r-size-${size}`, `rt-menu-variant-${menuVariant}`, className)}\n        >\n          <div className=\"rt-BaseMenuViewport\">{children}</div>\n        </div>\n      </ScrollArea>\n    );\n  },\n);\nSidebarContent.displayName = 'Sidebar.Content';\n\n// Sidebar header\ninterface SidebarHeaderProps extends React.ComponentPropsWithoutRef<'div'> {\n  /**\n   * Whether to use the default flex container layout.\n   * @default true\n   */\n  asContainer?: boolean;\n}\n\nconst SidebarHeader = React.forwardRef<HTMLDivElement, SidebarHeaderProps>(({ className, asContainer = true, ...props }, forwardedRef) => {\n  const visual = useSidebarVisual();\n  const size = visual?.size ?? '2';\n  const menuVariant = visual?.menuVariant ?? 'soft';\n\n  return (\n    <div\n      {...props}\n      ref={forwardedRef}\n      className={classNames(\n        'rt-SidebarHeader',\n        `rt-r-size-${size}`,\n        `rt-menu-variant-${menuVariant}`,\n        {\n          'rt-SidebarHeader--container': asContainer,\n        },\n        className,\n      )}\n    />\n  );\n});\nSidebarHeader.displayName = 'Sidebar.Header';\n\n// Sidebar footer\ninterface SidebarFooterProps extends React.ComponentPropsWithoutRef<'div'> {\n  /**\n   * Whether to use the default flex container layout.\n   * @default true\n   */\n  asContainer?: boolean;\n}\n\nconst SidebarFooter = React.forwardRef<HTMLDivElement, SidebarFooterProps>(({ className, asContainer = true, ...props }, forwardedRef) => {\n  const visual = useSidebarVisual();\n  const size = visual?.size ?? '2';\n  const menuVariant = visual?.menuVariant ?? 'soft';\n\n  return (\n    <div\n      {...props}\n      ref={forwardedRef}\n      className={classNames(\n        'rt-SidebarFooter',\n        `rt-r-size-${size}`,\n        `rt-menu-variant-${menuVariant}`,\n        {\n          'rt-SidebarFooter--container': asContainer,\n        },\n        className,\n      )}\n    />\n  );\n});\nSidebarFooter.displayName = 'Sidebar.Footer';\n\n// Sidebar trigger button\n// removed Trigger in presentational-only Sidebar\n\n// Removed SidebarInset - not needed\n\n// Sidebar separator\ninterface SidebarSeparatorProps extends ComponentPropsWithout<typeof Separator, RemovedProps> {}\n\nconst SidebarSeparator = React.forwardRef<React.ComponentRef<typeof Separator>, SidebarSeparatorProps>(({ className, ...props }, forwardedRef) => (\n  <Separator {...props} ref={forwardedRef} className={classNames('rt-SidebarSeparator', className)} />\n));\nSidebarSeparator.displayName = 'Sidebar.Separator';\n\n// Menu components - reusing dropdown menu structure\ninterface SidebarMenuProps extends React.ComponentPropsWithoutRef<'ul'> {}\n\nconst SidebarMenu = React.forwardRef<HTMLUListElement, SidebarMenuProps>(({ className, ...props }, forwardedRef) => (\n  <ul {...props} ref={forwardedRef} role=\"menu\" className={classNames('rt-SidebarMenu', className)} />\n));\nSidebarMenu.displayName = 'Sidebar.Menu';\n\ninterface SidebarMenuItemProps extends React.ComponentPropsWithoutRef<'li'> {}\n\nconst SidebarMenuItem = React.forwardRef<HTMLLIElement, SidebarMenuItemProps>(({ className, ...props }, forwardedRef) => (\n  <li {...props} ref={forwardedRef} className={classNames('rt-SidebarMenuItem', className)} />\n));\nSidebarMenuItem.displayName = 'Sidebar.MenuItem';\n\ninterface SidebarMenuButtonProps extends React.ComponentPropsWithoutRef<'button'> {\n  asChild?: boolean;\n  isActive?: boolean;\n  shortcut?: React.ReactNode;\n  badge?: string | BadgeConfig;\n}\n\nconst SidebarMenuButton = React.forwardRef<HTMLButtonElement, SidebarMenuButtonProps>(\n  ({ asChild = false, isActive = false, shortcut, badge, className, children, onMouseEnter, onMouseLeave, onKeyDown, ...props }, forwardedRef) => {\n    const [isHighlighted, setIsHighlighted] = React.useState(false);\n    const visual = useSidebarVisual();\n    const sidebarSize = visual?.size ?? '2';\n\n    const Comp = asChild ? Slot : 'button';\n\n    const { onClick } = props;\n    const handleKeyDown = React.useCallback(\n      (event: React.KeyboardEvent<HTMLButtonElement>) => {\n        switch (event.key) {\n          case 'Enter':\n          case ' ':\n            event.preventDefault();\n            if (onClick) onClick(event as any);\n            break;\n          case 'ArrowDown': {\n            event.preventDefault();\n            // Focus next menu item\n            const nextItem = (event.currentTarget as HTMLElement).nextElementSibling?.querySelector('[role=\"menuitem\"]') as HTMLElement;\n            if (nextItem) nextItem.focus();\n            break;\n          }\n          case 'ArrowUp': {\n            event.preventDefault();\n            // Focus previous menu item\n            const prevItem = (event.currentTarget as HTMLElement).previousElementSibling?.querySelector('[role=\"menuitem\"]') as HTMLElement;\n            if (prevItem) prevItem.focus();\n            break;\n          }\n        }\n        onKeyDown?.(event);\n      },\n      [onClick, onKeyDown],\n    );\n\n    // Wrap bare text nodes so CSS can target labels (e.g., for truncation in thin mode)\n    const wrapTextNodes = (node: React.ReactNode): React.ReactNode => {\n      if (typeof node === 'string' || typeof node === 'number') {\n        return <span className=\"rt-SidebarMenuLabel\">{node}</span>;\n      }\n      if (Array.isArray(node)) {\n        return node.map((child, index) => <React.Fragment key={index}>{wrapTextNodes(child)}</React.Fragment>);\n      }\n      if (React.isValidElement(node)) {\n        const el = node as React.ReactElement<any>;\n        const className: string = (el.props && (el.props as any).className) || '';\n        const isAlreadyLabel = typeof el.type === 'string' && className.split(' ').includes('rt-SidebarMenuLabel');\n        if (isAlreadyLabel) return el;\n        const newChildren = wrapTextNodes((el.props as any)?.children);\n        return React.cloneElement(el, { ...(el.props as any) }, newChildren);\n      }\n      return node;\n    };\n\n    const processedChildren = wrapTextNodes(children);\n\n    // When rendering asChild, Slot expects a single child element. We still want to\n    // append optional badge/shortcut inside that element so they render with Link.\n    const slottedChildren = React.useMemo(() => {\n      if (!asChild) return null;\n      try {\n        const onlyChild = React.Children.only(processedChildren as React.ReactElement<any>) as React.ReactElement<any>;\n        const originalInnerChildren = (onlyChild.props as any)?.children;\n        const enhancedInnerChildren = (\n          <>\n            {originalInnerChildren}\n            {badge && (\n              <div className=\"rt-SidebarMenuBadge\">\n                {typeof badge === 'string' ? (\n                  <Badge size={sidebarSize} variant=\"soft\">\n                    {badge}\n                  </Badge>\n                ) : (\n                  <Badge size={badge.size || sidebarSize} variant={badge.variant || 'soft'} color={badge.color} highContrast={badge.highContrast} radius={badge.radius}>\n                    {badge.content}\n                  </Badge>\n                )}\n              </div>\n            )}\n            {shortcut && (\n              <div className=\"rt-BaseMenuShortcut rt-SidebarMenuShortcut\">\n                <Kbd size={sidebarSize}>{shortcut}</Kbd>\n              </div>\n            )}\n          </>\n        );\n        return React.cloneElement(onlyChild, { ...(onlyChild.props as any) }, enhancedInnerChildren);\n      } catch {\n        // Fallback: if multiple children were passed incorrectly, just return processedChildren\n        return processedChildren as React.ReactNode;\n      }\n    }, [asChild, processedChildren, badge, shortcut, sidebarSize]);\n\n    return (\n      <Comp\n        {...props}\n        ref={forwardedRef}\n        role=\"menuitem\"\n        aria-current={isActive ? 'page' : undefined}\n        className={classNames('rt-reset', 'rt-BaseMenuItem', 'rt-SidebarMenuButton', className)}\n        data-active={isActive || undefined}\n        data-highlighted={isHighlighted || undefined}\n        onKeyDown={handleKeyDown}\n        onMouseEnter={(event) => {\n          setIsHighlighted(true);\n          onMouseEnter?.(event);\n        }}\n        onMouseLeave={(event) => {\n          setIsHighlighted(false);\n          onMouseLeave?.(event);\n        }}\n      >\n        {asChild ? (\n          slottedChildren\n        ) : (\n          <>\n            {processedChildren}\n            {/* Badge with soft variant default and size mapping to sidebar size */}\n            {badge && (\n              <div className=\"rt-SidebarMenuBadge\">\n                {typeof badge === 'string' ? (\n                  <Badge size={sidebarSize} variant=\"soft\">\n                    {badge}\n                  </Badge>\n                ) : (\n                  <Badge size={badge.size || sidebarSize} variant={badge.variant || 'soft'} color={badge.color} highContrast={badge.highContrast} radius={badge.radius}>\n                    {badge.content}\n                  </Badge>\n                )}\n              </div>\n            )}\n            {shortcut && (\n              <div className=\"rt-BaseMenuShortcut rt-SidebarMenuShortcut\">\n                <Kbd size={sidebarSize}>{shortcut}</Kbd>\n              </div>\n            )}\n          </>\n        )}\n      </Comp>\n    );\n  },\n);\nSidebarMenuButton.displayName = 'Sidebar.MenuButton';\n\n// Sub-menu components: Accordion in expanded, Dropdown in thin\nconst SidebarSubMenuModeContext = React.createContext<'accordion' | 'dropdown'>('accordion');\ninterface SidebarMenuSubProps extends React.ComponentPropsWithoutRef<'div'> {\n  defaultOpen?: boolean;\n}\n\nconst SidebarMenuSub = React.forwardRef<HTMLDivElement, SidebarMenuSubProps>(({ defaultOpen = false, children, ...props }, forwardedRef) => {\n  const visual = useSidebarVisual();\n  const mode: 'accordion' | 'dropdown' = visual?.presentation === 'thin' ? 'dropdown' : 'accordion';\n\n  if (mode === 'dropdown') {\n    return (\n      <div {...props} ref={forwardedRef}>\n        <DropdownMenu.Root>\n          <SidebarSubMenuModeContext.Provider value=\"dropdown\">{children}</SidebarSubMenuModeContext.Provider>\n        </DropdownMenu.Root>\n      </div>\n    );\n  }\n\n  return (\n    <div {...props} ref={forwardedRef}>\n      <SidebarSubMenuModeContext.Provider value=\"accordion\">\n        <Accordion.Root type=\"single\" collapsible defaultValue={defaultOpen ? 'item' : undefined}>\n          <Accordion.Item value=\"item\">{children}</Accordion.Item>\n        </Accordion.Root>\n      </SidebarSubMenuModeContext.Provider>\n    </div>\n  );\n});\nSidebarMenuSub.displayName = 'Sidebar.MenuSub';\n\ninterface SidebarMenuSubTriggerProps extends React.ComponentPropsWithoutRef<typeof Accordion.Trigger> {\n  asChild?: boolean;\n}\n\nconst SidebarMenuSubTrigger = React.forwardRef<React.ElementRef<typeof Accordion.Trigger>, SidebarMenuSubTriggerProps>(\n  ({ asChild = false, className, children, onMouseEnter, onMouseLeave, ...props }, forwardedRef) => {\n    const [isHighlighted, setIsHighlighted] = React.useState(false);\n    const mode = React.useContext(SidebarSubMenuModeContext);\n\n    if (mode === 'dropdown') {\n      return (\n        <DropdownMenu.Trigger>\n          <button\n            {...(props as any)}\n            ref={forwardedRef as any}\n            type=\"button\"\n            role=\"menuitem\"\n            aria-haspopup=\"menu\"\n            className={classNames('rt-reset', 'rt-BaseMenuItem', 'rt-SidebarMenuButton', 'rt-SidebarMenuSubTrigger', className)}\n            data-highlighted={isHighlighted || undefined}\n            onMouseEnter={(event) => {\n              setIsHighlighted(true);\n              onMouseEnter?.(event as any);\n            }}\n            onMouseLeave={(event) => {\n              setIsHighlighted(false);\n              onMouseLeave?.(event as any);\n            }}\n          >\n            {children}\n          </button>\n        </DropdownMenu.Trigger>\n      );\n    }\n\n    return (\n      <Accordion.Header asChild>\n        <div>\n          <Accordion.Trigger\n            {...props}\n            ref={forwardedRef}\n            asChild={asChild}\n            role=\"menuitem\"\n            aria-haspopup=\"true\"\n            className={classNames('rt-reset', 'rt-BaseMenuItem', 'rt-SidebarMenuButton', 'rt-SidebarMenuSubTrigger', className)}\n            data-highlighted={isHighlighted || undefined}\n            onMouseEnter={(event) => {\n              setIsHighlighted(true);\n              onMouseEnter?.(event);\n            }}\n            onMouseLeave={(event) => {\n              setIsHighlighted(false);\n              onMouseLeave?.(event);\n            }}\n          >\n            {asChild ? (\n              children\n            ) : (\n              <>\n                {children}\n                <ThickChevronRightIcon className={classNames('rt-BaseMenuSubTriggerIcon', 'rt-SidebarMenuSubTriggerIcon')} />\n              </>\n            )}\n          </Accordion.Trigger>\n        </div>\n      </Accordion.Header>\n    );\n  },\n);\nSidebarMenuSubTrigger.displayName = 'Sidebar.MenuSubTrigger';\n\ninterface SidebarMenuSubContentProps extends React.ComponentPropsWithoutRef<typeof Accordion.Content> {}\n\nconst SidebarMenuSubContent = React.forwardRef<React.ElementRef<typeof Accordion.Content>, SidebarMenuSubContentProps>(({ className, children, ...props }, forwardedRef) => {\n  const visual = useSidebarVisual();\n  const mode = React.useContext(SidebarSubMenuModeContext);\n\n  if (mode === 'dropdown') {\n    const unwrapMenuButton = (node: React.ReactNode): React.ReactNode => {\n      if (Array.isArray(node)) {\n        return node.map((n, i) => <React.Fragment key={i}>{unwrapMenuButton(n)}</React.Fragment>);\n      }\n      if (React.isValidElement(node)) {\n        const typeDisplay = (node.type as any)?.displayName;\n        if (typeDisplay === 'Sidebar.MenuButton') {\n          return (node.props as any)?.children;\n        }\n        const child = (node.props as any)?.children;\n        if (child !== undefined) {\n          return React.cloneElement(node as any, { ...(node.props as any), children: unwrapMenuButton(child) });\n        }\n      }\n      return node;\n    };\n\n    const normalized = React.Children.map(children as React.ReactNode, (child, index) => {\n      if (React.isValidElement(child) && (child.type as any)?.displayName === 'Sidebar.MenuItem') {\n        const itemChildren = (child.props as any)?.children;\n        const content = unwrapMenuButton(itemChildren);\n        return (\n          <DropdownMenu.Item key={index} asChild>\n            {content as any}\n          </DropdownMenu.Item>\n        );\n      }\n      // Fallback: wrap raw nodes too for consistent menu styling\n      return (\n        <DropdownMenu.Item key={index} asChild>\n          {unwrapMenuButton(child) as any}\n        </DropdownMenu.Item>\n      );\n    });\n\n    return (\n      <DropdownMenu.Content size={visual?.size} variant={visual?.menuVariant} className={classNames(className)}>\n        <DropdownMenu.Group>{normalized}</DropdownMenu.Group>\n      </DropdownMenu.Content>\n    );\n  }\n\n  return (\n    <Accordion.Content {...props} ref={forwardedRef} className={classNames('rt-SidebarMenuSubContent', className)}>\n      <div className=\"rt-SidebarMenuSubList\">{children}</div>\n    </Accordion.Content>\n  );\n});\nSidebarMenuSubContent.displayName = 'Sidebar.MenuSubContent';\n\n// Group components\ninterface SidebarGroupProps extends React.ComponentPropsWithoutRef<'div'> {}\n\nconst SidebarGroup = React.forwardRef<HTMLDivElement, SidebarGroupProps>(({ className, ...props }, forwardedRef) => (\n  <div {...props} ref={forwardedRef} className={classNames('rt-BaseMenuGroup', 'rt-SidebarGroup', className)} />\n));\nSidebarGroup.displayName = 'Sidebar.Group';\n\ninterface SidebarGroupLabelProps extends React.ComponentPropsWithoutRef<'div'> {\n  asChild?: boolean;\n}\n\nconst SidebarGroupLabel = React.forwardRef<HTMLDivElement, SidebarGroupLabelProps>(({ asChild = false, className, ...props }, forwardedRef) => {\n  const Comp = asChild ? Slot : 'div';\n\n  return <Comp {...props} ref={forwardedRef} role=\"group\" className={classNames('rt-BaseMenuLabel', 'rt-SidebarGroupLabel', className)} />;\n});\nSidebarGroupLabel.displayName = 'Sidebar.GroupLabel';\n\ninterface SidebarGroupContentProps extends React.ComponentPropsWithoutRef<'div'> {}\n\nconst SidebarGroupContent = React.forwardRef<HTMLDivElement, SidebarGroupContentProps>(({ className, ...props }, forwardedRef) => (\n  <div {...props} ref={forwardedRef} className={classNames('rt-SidebarGroupContent', className)} />\n));\nSidebarGroupContent.displayName = 'Sidebar.GroupContent';\n\n// Export all components following shadcn's pattern\nexport {\n  Sidebar as Root,\n  SidebarContent as Content,\n  SidebarHeader as Header,\n  SidebarFooter as Footer,\n  SidebarSeparator as Separator,\n  SidebarMenu as Menu,\n  SidebarMenuItem as MenuItem,\n  SidebarMenuButton as MenuButton,\n  SidebarMenuSub as MenuSub,\n  SidebarMenuSubTrigger as MenuSubTrigger,\n  SidebarMenuSubContent as MenuSubContent,\n  SidebarGroup as Group,\n  SidebarGroupLabel as GroupLabel,\n  SidebarGroupContent as GroupContent,\n};\n\n/**\n * Enhanced Sidebar Header and Footer Usage Examples:\n *\n * 1. Simple default container (backwards compatible):\n * <Sidebar.Header>\n *   <Logo />\n *   <span>App Name</span>\n * </Sidebar.Header>\n *\n * 2. Custom flex layout:\n * <Sidebar.Header className=\"rt-justify-between rt-gap-3\">\n *   <Logo />\n *   <Sidebar.MenuButton>\n *     <SettingsIcon />\n *   </Sidebar.MenuButton>\n * </Sidebar.Header>\n *\n * 3. Column layout for multiple rows:\n * <Sidebar.Header className=\"rt-flex-col rt-gap-2\" asContainer={false}>\n *   <div className=\"rt-flex rt-items-center rt-gap-2\">\n *     <Logo />\n *     <span>App Name</span>\n *   </div>\n *   <Sidebar.MenuButton>\n *     <UserAvatar />\n *     <span>John Doe</span>\n *   </Sidebar.MenuButton>\n * </Sidebar.Header>\n *\n * 4. Interactive footer with menu button:\n * <Sidebar.Footer>\n *   <Sidebar.MenuButton>\n *     <UserIcon />\n *     <span>Settings</span>\n *     <ChevronUpIcon />\n *   </Sidebar.MenuButton>\n * </Sidebar.Footer>\n *\n * 5. Custom footer layout:\n * <Sidebar.Footer className=\"rt-justify-between\">\n *   <span>v1.0.0</span>\n *   <Sidebar.MenuButton>\n *     <HelpIcon />\n *   </Sidebar.MenuButton>\n * </Sidebar.Footer>\n *\n * Available utility classes:\n * - Layout: rt-flex-row, rt-flex-col\n * - Alignment: rt-items-center, rt-items-start, rt-items-end\n * - Justification: rt-justify-between, rt-justify-center, rt-justify-start, rt-justify-end\n * - Gap: rt-gap-1, rt-gap-2, rt-gap-3, rt-gap-4\n */\n\nexport type { SidebarProps as RootProps, SidebarContentProps as ContentProps, SidebarHeaderProps as HeaderProps, SidebarFooterProps as FooterProps, BadgeConfig };\n"],
+  "mappings": "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",
+  "names": ["React", "classNames", "Slot", "Accordion", "DropdownMenu", "sidebarPropDefs", "useThemeContext", "ScrollArea", "Separator", "ThickChevronRightIcon", "extractProps", "Kbd", "Badge", "SidebarVisualContext", "useSidebarVisual", "Sidebar", "props", "forwardedRef", "themeContext", "size", "variant", "menuVariant", "layout", "presentation", "panelBackground", "color", "highContrast", "className", "children", "rootProps", "_", "__", "___", "safeRootProps", "resolvedColor", "resolvedLayout", "resolvedSize", "SidebarContent", "role", "ariaLabel", "id", "visual", "SidebarHeader", "asContainer", "SidebarFooter", "SidebarSeparator", "SidebarMenu", "SidebarMenuItem", "SidebarMenuButton", "asChild", "isActive", "shortcut", "badge", "onMouseEnter", "onMouseLeave", "onKeyDown", "isHighlighted", "setIsHighlighted", "sidebarSize", "Comp", "onClick", "handleKeyDown", "event", "nextItem", "prevItem", "wrapTextNodes", "node", "child", "index", "el", "newChildren", "processedChildren", "slottedChildren", "onlyChild", "originalInnerChildren", "enhancedInnerChildren", "SidebarSubMenuModeContext", "SidebarMenuSub", "defaultOpen", "SidebarMenuSubTrigger", "SidebarMenuSubContent", "unwrapMenuButton", "n", "i", "normalized", "itemChildren", "content", "SidebarGroup", "SidebarGroupLabel", "SidebarGroupContent"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kushagradhawan/kookie-ui",
-  "version": "0.1.49",
+  "version": "0.1.50",
   "description": "A modern React component library with beautiful design tokens, flexible theming, and comprehensive docs",
   "keywords": [
     "react",

package/schemas/base-button.json

@@ -279,6 +279,6 @@
   "title": "Base-button Component Props",
   "description": "Props schema for the base-button component in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2025-09-11T22:13:16.352Z",
+  "generatedAt": "2025-09-12T18:14:42.763Z",
   "source": "Zod schema"
 }

package/schemas/button.json

@@ -530,6 +530,6 @@
   "title": "Button Component Props",
   "description": "Props schema for the button component in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2025-09-11T22:13:16.358Z",
+  "generatedAt": "2025-09-12T18:14:42.768Z",
   "source": "Zod schema"
 }

package/schemas/icon-button.json

@@ -313,6 +313,6 @@
   "title": "Icon-button Component Props",
   "description": "Props schema for the icon-button component in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2025-09-11T22:13:16.359Z",
+  "generatedAt": "2025-09-12T18:14:42.770Z",
   "source": "Zod schema"
 }