@kushagradhawan/kookie-ui 0.1.41 → 0.1.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (142) hide show
  1. package/README.md +257 -60
  2. package/components.css +386 -79
  3. package/dist/cjs/components/schemas/base-button.schema.d.ts +319 -0
  4. package/dist/cjs/components/schemas/base-button.schema.d.ts.map +1 -0
  5. package/dist/cjs/components/schemas/base-button.schema.js +2 -0
  6. package/dist/cjs/components/schemas/base-button.schema.js.map +7 -0
  7. package/dist/cjs/components/schemas/button.schema.d.ts +686 -0
  8. package/dist/cjs/components/schemas/button.schema.d.ts.map +1 -0
  9. package/dist/cjs/components/schemas/button.schema.js +2 -0
  10. package/dist/cjs/components/schemas/button.schema.js.map +7 -0
  11. package/dist/cjs/components/schemas/icon-button.schema.d.ts +329 -0
  12. package/dist/cjs/components/schemas/icon-button.schema.d.ts.map +1 -0
  13. package/dist/cjs/components/schemas/icon-button.schema.js +2 -0
  14. package/dist/cjs/components/schemas/icon-button.schema.js.map +7 -0
  15. package/dist/cjs/components/schemas/index.d.ts +52 -0
  16. package/dist/cjs/components/schemas/index.d.ts.map +1 -0
  17. package/dist/cjs/components/schemas/index.js +2 -0
  18. package/dist/cjs/components/schemas/index.js.map +7 -0
  19. package/dist/cjs/components/schemas/toggle-button.schema.d.ts +1172 -0
  20. package/dist/cjs/components/schemas/toggle-button.schema.d.ts.map +1 -0
  21. package/dist/cjs/components/schemas/toggle-button.schema.js +2 -0
  22. package/dist/cjs/components/schemas/toggle-button.schema.js.map +7 -0
  23. package/dist/cjs/components/schemas/toggle-icon-button.schema.d.ts +563 -0
  24. package/dist/cjs/components/schemas/toggle-icon-button.schema.d.ts.map +1 -0
  25. package/dist/cjs/components/schemas/toggle-icon-button.schema.js +2 -0
  26. package/dist/cjs/components/schemas/toggle-icon-button.schema.js.map +7 -0
  27. package/dist/cjs/components/sheet.d.ts +1 -1
  28. package/dist/cjs/components/sheet.d.ts.map +1 -1
  29. package/dist/cjs/components/sheet.js +1 -1
  30. package/dist/cjs/components/sheet.js.map +3 -3
  31. package/dist/cjs/components/shell.d.ts +125 -164
  32. package/dist/cjs/components/shell.d.ts.map +1 -1
  33. package/dist/cjs/components/shell.js +1 -1
  34. package/dist/cjs/components/shell.js.map +3 -3
  35. package/dist/cjs/components/sidebar.d.ts +1 -7
  36. package/dist/cjs/components/sidebar.d.ts.map +1 -1
  37. package/dist/cjs/components/sidebar.js +1 -1
  38. package/dist/cjs/components/sidebar.js.map +3 -3
  39. package/dist/cjs/components/theme.d.ts +3 -0
  40. package/dist/cjs/components/theme.d.ts.map +1 -1
  41. package/dist/cjs/components/theme.js +1 -1
  42. package/dist/cjs/components/theme.js.map +3 -3
  43. package/dist/cjs/components/theme.props.d.ts +10 -0
  44. package/dist/cjs/components/theme.props.d.ts.map +1 -1
  45. package/dist/cjs/components/theme.props.js +1 -1
  46. package/dist/cjs/components/theme.props.js.map +3 -3
  47. package/dist/cjs/helpers/font-config.d.ts +96 -0
  48. package/dist/cjs/helpers/font-config.d.ts.map +1 -0
  49. package/dist/cjs/helpers/font-config.js +3 -0
  50. package/dist/cjs/helpers/font-config.js.map +7 -0
  51. package/dist/cjs/helpers/index.d.ts +1 -0
  52. package/dist/cjs/helpers/index.d.ts.map +1 -1
  53. package/dist/cjs/helpers/index.js +1 -1
  54. package/dist/cjs/helpers/index.js.map +2 -2
  55. package/dist/esm/components/schemas/base-button.schema.d.ts +319 -0
  56. package/dist/esm/components/schemas/base-button.schema.d.ts.map +1 -0
  57. package/dist/esm/components/schemas/base-button.schema.js +2 -0
  58. package/dist/esm/components/schemas/base-button.schema.js.map +7 -0
  59. package/dist/esm/components/schemas/button.schema.d.ts +686 -0
  60. package/dist/esm/components/schemas/button.schema.d.ts.map +1 -0
  61. package/dist/esm/components/schemas/button.schema.js +2 -0
  62. package/dist/esm/components/schemas/button.schema.js.map +7 -0
  63. package/dist/esm/components/schemas/icon-button.schema.d.ts +329 -0
  64. package/dist/esm/components/schemas/icon-button.schema.d.ts.map +1 -0
  65. package/dist/esm/components/schemas/icon-button.schema.js +2 -0
  66. package/dist/esm/components/schemas/icon-button.schema.js.map +7 -0
  67. package/dist/esm/components/schemas/index.d.ts +52 -0
  68. package/dist/esm/components/schemas/index.d.ts.map +1 -0
  69. package/dist/esm/components/schemas/index.js +2 -0
  70. package/dist/esm/components/schemas/index.js.map +7 -0
  71. package/dist/esm/components/schemas/toggle-button.schema.d.ts +1172 -0
  72. package/dist/esm/components/schemas/toggle-button.schema.d.ts.map +1 -0
  73. package/dist/esm/components/schemas/toggle-button.schema.js +2 -0
  74. package/dist/esm/components/schemas/toggle-button.schema.js.map +7 -0
  75. package/dist/esm/components/schemas/toggle-icon-button.schema.d.ts +563 -0
  76. package/dist/esm/components/schemas/toggle-icon-button.schema.d.ts.map +1 -0
  77. package/dist/esm/components/schemas/toggle-icon-button.schema.js +2 -0
  78. package/dist/esm/components/schemas/toggle-icon-button.schema.js.map +7 -0
  79. package/dist/esm/components/sheet.d.ts +1 -1
  80. package/dist/esm/components/sheet.d.ts.map +1 -1
  81. package/dist/esm/components/sheet.js +1 -1
  82. package/dist/esm/components/sheet.js.map +3 -3
  83. package/dist/esm/components/shell.d.ts +125 -164
  84. package/dist/esm/components/shell.d.ts.map +1 -1
  85. package/dist/esm/components/shell.js +1 -1
  86. package/dist/esm/components/shell.js.map +3 -3
  87. package/dist/esm/components/sidebar.d.ts +1 -7
  88. package/dist/esm/components/sidebar.d.ts.map +1 -1
  89. package/dist/esm/components/sidebar.js +1 -1
  90. package/dist/esm/components/sidebar.js.map +3 -3
  91. package/dist/esm/components/theme.d.ts +3 -0
  92. package/dist/esm/components/theme.d.ts.map +1 -1
  93. package/dist/esm/components/theme.js +1 -1
  94. package/dist/esm/components/theme.js.map +3 -3
  95. package/dist/esm/components/theme.props.d.ts +10 -0
  96. package/dist/esm/components/theme.props.d.ts.map +1 -1
  97. package/dist/esm/components/theme.props.js +1 -1
  98. package/dist/esm/components/theme.props.js.map +3 -3
  99. package/dist/esm/helpers/font-config.d.ts +96 -0
  100. package/dist/esm/helpers/font-config.d.ts.map +1 -0
  101. package/dist/esm/helpers/font-config.js +3 -0
  102. package/dist/esm/helpers/font-config.js.map +7 -0
  103. package/dist/esm/helpers/index.d.ts +1 -0
  104. package/dist/esm/helpers/index.d.ts.map +1 -1
  105. package/dist/esm/helpers/index.js +1 -1
  106. package/dist/esm/helpers/index.js.map +2 -2
  107. package/package.json +23 -3
  108. package/schemas/base-button.d.ts +2 -0
  109. package/schemas/base-button.json +284 -0
  110. package/schemas/button.d.ts +2 -0
  111. package/schemas/button.json +535 -0
  112. package/schemas/icon-button.d.ts +2 -0
  113. package/schemas/icon-button.json +318 -0
  114. package/schemas/index.d.ts +2 -0
  115. package/schemas/index.json +2016 -0
  116. package/schemas/schemas.d.ts +29 -0
  117. package/schemas/toggle-button.d.ts +2 -0
  118. package/schemas/toggle-button.json +543 -0
  119. package/schemas/toggle-icon-button.d.ts +2 -0
  120. package/schemas/toggle-icon-button.json +326 -0
  121. package/schemas-json.d.ts +12 -0
  122. package/src/components/_internal/base-sidebar.css +1 -2
  123. package/src/components/schemas/base-button.schema.ts +339 -0
  124. package/src/components/schemas/button.schema.ts +198 -0
  125. package/src/components/schemas/icon-button.schema.ts +142 -0
  126. package/src/components/schemas/index.ts +68 -0
  127. package/src/components/schemas/toggle-button.schema.ts +122 -0
  128. package/src/components/schemas/toggle-icon-button.schema.ts +195 -0
  129. package/src/components/sheet.css +39 -19
  130. package/src/components/sheet.tsx +62 -3
  131. package/src/components/shell.css +510 -89
  132. package/src/components/shell.tsx +2055 -928
  133. package/src/components/sidebar.tsx +3 -22
  134. package/src/components/theme.props.tsx +8 -0
  135. package/src/components/theme.tsx +16 -0
  136. package/src/helpers/font-config.ts +167 -0
  137. package/src/helpers/index.ts +1 -0
  138. package/src/styles/fonts.css +16 -13
  139. package/src/styles/tokens/typography.css +27 -4
  140. package/styles.css +398 -79
  141. package/tokens/base.css +12 -0
  142. package/tokens.css +12 -0
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/components/shell.tsx"],
4
- "sourcesContent": ["/**\n * Shell component\n *\n * High-level application layout primitive with optional global header/footer and\n * one or two sidebars. Each sidebar supports two composition patterns:\n *\n * 1) Split pattern (preferred for interactive rails):\n * <Shell.Sidebar>\n * <Shell.Sidebar.Rail />\n * <Shell.Sidebar.Panel />\n * </Shell.Sidebar>\n *\n * 2) Single-markup morphing (compact):\n * <Shell.Sidebar> ...single content that morphs between rail/panel/collapsed </Shell.Sidebar>\n *\n * The component handles:\n * - RTL/LTR ordering for start/end sidebars\n * - Sticky panel intent in split mode (panel stays requested, visibility depends on rail open state)\n * - Controlled/uncontrolled state for both split (rail value) and single-markup (view)\n * - ARIA relationships and inert for hidden regions\n * - CSS custom properties for sizing with sensible defaults\n *\n * Layout guidance:\n * - Use flex/grid and spacing tokens; avoid margins in layout containers.\n * - Width transitions for rail/panel are CSS-driven; content scroll is confined to Content only.\n */\n'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\n\nimport { IconButton } from './icon-button.js';\nimport { ChevronDownIcon } from './icons.js';\nimport { inert } from '../helpers/inert.js';\nimport * as Sheet from './sheet.js';\nimport { VisuallyHidden } from './visually-hidden.js';\nimport { ShellSidebarSectionContext } from './sidebar.js';\n\nimport type { ShellSidebarSectionContextValue } from './sidebar.js';\n\n/** Logical document direction. Derived from document root unless `rtl` is passed. */\ntype ShellDirection = 'ltr' | 'rtl';\n/** Logical side, independent of physical left/right and aware of RTL. */\ntype ShellSide = 'start' | 'end';\n/** Section slot identifiers inside a sidebar. */\ntype SidebarSection = 'rail' | 'panel';\n\n/** Split-mode rail state. */\ntype RailValue = 'open' | 'collapsed';\n/** Single-markup view for morphing sidebars. */\ntype SingleView = 'panel' | 'rail' | 'collapsed';\n\n/**\n * Shared shell state across all subcomponents.\n *\n * We centralize both split-mode and single-markup state to allow triggers,\n * meters, and other UI to observe/modify layout consistently.\n */\ntype ShellContextValue = {\n dir: ShellDirection;\n headerHeight: string;\n zHeader?: number;\n // Split pattern state (rail + panel)\n railBySide: Record<ShellSide, RailValue>;\n setRailBySide: (side: ShellSide, value: RailValue) => void;\n toggleRail: (side: ShellSide) => void;\n panelRequestedBySide: Record<ShellSide, boolean>;\n setPanelRequestedBySide: (side: ShellSide, requested: boolean) => void;\n // Pattern detection per side so triggers behave correctly\n patternBySide: Record<ShellSide, 'single' | 'split'>;\n setPatternForSide: (side: ShellSide, pattern: 'single' | 'split') => void;\n // Single-markup morph state (panel/rail/collapsed)\n singleViewBySide: Record<ShellSide, SingleView>;\n setSingleViewBySide: (side: ShellSide, view: SingleView) => void;\n cycleSingleView: (side: ShellSide) => void;\n // Active tool coordination state\n activeToolBySide: Record<ShellSide, string | null>;\n setActiveTool: (side: ShellSide, tool: string | null) => void;\n onItemSelected: (side: ShellSide, item: string) => void;\n // Context (panel-level) coordination state\n activeContextBySide: Record<ShellSide, string | null>;\n setActiveContext: (side: ShellSide, context: string | null) => void;\n getRegionId: (side: ShellSide) => string;\n getPanelId: (side: ShellSide) => string;\n getRailId: (side: ShellSide) => string;\n};\n\nconst ShellContext = React.createContext<ShellContextValue | null>(null);\n\n/** Access the shell context (internal wiring for subcomponents). */\nfunction useShell() {\n const ctx = React.useContext(ShellContext);\n if (!ctx) throw new Error('Shell components must be used within <Shell.Root>.');\n return ctx;\n}\n\n// Local context to communicate section (rail/panel) and side to presentational children\ntype SidebarSectionContextValue = {\n side: ShellSide;\n section: SidebarSection;\n};\nconst SidebarSectionContext = React.createContext<SidebarSectionContextValue | null>(null);\nfunction useSidebarSection() {\n return React.useContext(SidebarSectionContext);\n}\n\n// Rail context for event emission pattern\ntype RailContextValue = {\n onItemSelected: (item: string) => void;\n};\nconst RailContext = React.createContext<RailContextValue | null>(null);\n\n/** Hook to emit rail selection events. Use this in Rail children to emit item selection. */\nfunction useRailEvents() {\n const ctx = React.useContext(RailContext);\n if (!ctx) throw new Error('useRailEvents must be used within <Shell.Sidebar.Rail>');\n return ctx;\n}\n\n// Panel context for active tool consumption\ntype PanelContextValue = {\n activeTool: string | null;\n activeContext: string | null;\n};\nconst PanelContext = React.createContext<PanelContextValue | null>(null);\n\n/** Hook to access active tool state. Use this in Panel children to render based on active tool. */\nfunction usePanelState() {\n const ctx = React.useContext(PanelContext);\n if (!ctx) throw new Error('usePanelState must be used within <Shell.Sidebar.Panel>');\n return ctx;\n}\n\n// Utilities\n/**\n * Read the document `dir` attribute. Defaults to `ltr` on server.\n */\nfunction getDocumentDirection(): ShellDirection {\n if (typeof document === 'undefined') return 'ltr';\n const dir = document.documentElement.getAttribute('dir');\n return dir === 'rtl' ? 'rtl' : 'ltr';\n}\n\n// Root\n/**\n * Props for `Shell.Root`.\n *\n * - `minContentWidth`: CSS length to enforce a minimum inline-size for content\n * area. This prevents content from collapsing too far when sidebars are open.\n * - `rtl`: Force RTL/LTR independent of document; otherwise derived from root.\n * - `headerHeight`: Sticky header block-size.\n * - `zHeader`: z-index for sticky header stacking.\n */\ninterface ShellRootProps extends React.ComponentPropsWithoutRef<'div'> {\n minContentWidth?: string;\n rtl?: boolean;\n headerHeight?: string;\n zHeader?: number;\n cascadeSide?: ShellSide;\n activeTool?: string | null;\n onToolChange?: (id: string | null) => void;\n activeContext?: string | null;\n onContextChange?: (id: string | null) => void;\n /** Custom cycling order for single-markup sidebars. Defaults to ['panel', 'rail', 'collapsed'] */\n singleViewCycle?: SingleView[];\n}\n\nconst Root = React.forwardRef<HTMLDivElement, ShellRootProps>(\n (\n {\n minContentWidth = '640px',\n rtl,\n headerHeight = '64px',\n zHeader,\n cascadeSide = 'start',\n activeTool: activeToolProp,\n onToolChange,\n activeContext: activeContextProp,\n onContextChange,\n singleViewCycle = ['panel', 'rail', 'collapsed'],\n className,\n style,\n children,\n ...props\n },\n ref,\n ) => {\n // Determine logical direction once, overriding document if `rtl` provided\n const computedDir = React.useMemo<ShellDirection>(() => {\n if (typeof rtl === 'boolean') return rtl ? 'rtl' : 'ltr';\n return getDocumentDirection();\n }, [rtl]);\n\n // === Split-mode and single-markup state model ===\n // In split-mode, a sidebar has both Rail and Panel slots. We track:\n // - rail open/collapsed state per side\n // - a sticky panel intent per side (requested or not)\n // In single-markup, we track a single `view` morphing between panel/rail/collapsed\n const [railBySide, setRailBySideState] = React.useState<Record<ShellSide, RailValue>>({\n start: 'open',\n end: 'collapsed',\n });\n const setRailBySide = React.useCallback((side: ShellSide, value: RailValue) => {\n setRailBySideState((prev) => (prev[side] === value ? prev : { ...prev, [side]: value }));\n }, []);\n const toggleRail = React.useCallback((side: ShellSide) => {\n setRailBySideState((prev) => {\n const next = prev[side] === 'open' ? 'collapsed' : 'open';\n return { ...prev, [side]: next };\n });\n // Keep panelRequested sticky across rail collapse/expand\n }, []);\n const [panelRequestedBySide, setPanelRequestedBySideState] = React.useState<\n Record<ShellSide, boolean>\n >({ start: false, end: false });\n const setPanelRequestedBySide = React.useCallback((side: ShellSide, requested: boolean) => {\n setPanelRequestedBySideState((prev) =>\n prev[side] === requested ? prev : { ...prev, [side]: requested },\n );\n }, []);\n // Pattern per side and single-markup state\n // We detect pattern per side based on presence of slots (registered by Sidebar)\n const [patternBySide, setPatternBySide] = React.useState<Record<ShellSide, 'single' | 'split'>>(\n {\n start: 'single',\n end: 'single',\n },\n );\n const setPatternForSide = React.useCallback((side: ShellSide, pattern: 'single' | 'split') => {\n setPatternBySide((prev) => (prev[side] === pattern ? prev : { ...prev, [side]: pattern }));\n }, []);\n const [singleViewBySide, setSingleViewBySideState] = React.useState<\n Record<ShellSide, SingleView>\n >({\n start: 'panel',\n end: 'collapsed',\n });\n const setSingleViewBySide = React.useCallback((side: ShellSide, view: SingleView) => {\n setSingleViewBySideState((prev) => (prev[side] === view ? prev : { ...prev, [side]: view }));\n }, []);\n const cycleSingleView = React.useCallback(\n (side: ShellSide) => {\n const order = singleViewCycle;\n const current = singleViewBySide[side];\n const idx = order.indexOf(current);\n const next = order[(idx + 1) % order.length];\n setSingleViewBySide(side, next);\n },\n [singleViewBySide, setSingleViewBySide, singleViewCycle],\n );\n\n // === Active tool coordination state ===\n // Track which tool/mode is active per side for coordinated rail/panel communication\n const [activeToolBySide, setActiveToolBySideState] = React.useState<\n Record<ShellSide, string | null>\n >({\n start: null,\n end: null,\n });\n const setActiveTool = React.useCallback(\n (side: ShellSide, tool: string | null) => {\n setActiveToolBySideState((prev) =>\n prev[side] === tool ? prev : { ...prev, [side]: tool },\n );\n // Auto-hide panel when no tool is active\n if (tool === null) {\n setPanelRequestedBySide(side, false);\n }\n },\n [setPanelRequestedBySide],\n );\n const onItemSelected = React.useCallback(\n (side: ShellSide, item: string) => {\n setActiveTool(side, item);\n // Auto-show panel when item is selected\n setPanelRequestedBySide(side, true);\n },\n [setActiveTool, setPanelRequestedBySide],\n );\n\n // === Active context coordination state ===\n const [activeContextBySide, setActiveContextBySideState] = React.useState<\n Record<ShellSide, string | null>\n >({ start: null, end: null });\n const setActiveContext = React.useCallback(\n (side: ShellSide, context: string | null) => {\n setActiveContextBySideState((prev) =>\n prev[side] === context ? prev : { ...prev, [side]: context },\n );\n if (side === cascadeSide) onContextChange?.(context);\n },\n [cascadeSide, onContextChange],\n );\n\n // === Controlled prop sync (cascade side) ===\n React.useEffect(() => {\n if (activeToolProp !== undefined && activeToolBySide[cascadeSide] !== activeToolProp) {\n setActiveToolBySideState((prev) => ({ ...prev, [cascadeSide]: activeToolProp }));\n }\n }, [activeToolProp, cascadeSide, activeToolBySide]);\n React.useEffect(() => {\n if (\n activeContextProp !== undefined &&\n activeContextBySide[cascadeSide] !== activeContextProp\n ) {\n setActiveContextBySideState((prev) => ({ ...prev, [cascadeSide]: activeContextProp }));\n }\n }, [activeContextProp, cascadeSide, activeContextBySide]);\n\n // === Stable ids per side ===\n // These IDs are used to wire aria-controls and aria-expanded for triggers,\n // and to scope region/panel/rail DOM nodes for measurement.\n const startRegionId = React.useId();\n const endRegionId = React.useId();\n const startPanelId = React.useId();\n const endPanelId = React.useId();\n const startRailId = React.useId();\n const endRailId = React.useId();\n const getRegionId = React.useCallback(\n (side: ShellSide) =>\n side === 'start' ? `kui-shell-region-${startRegionId}` : `kui-shell-region-${endRegionId}`,\n [startRegionId, endRegionId],\n );\n const getPanelId = React.useCallback(\n (side: ShellSide) =>\n side === 'start' ? `kui-shell-panel-${startPanelId}` : `kui-shell-panel-${endPanelId}`,\n [startPanelId, endPanelId],\n );\n const getRailId = React.useCallback(\n (side: ShellSide) =>\n side === 'start' ? `kui-shell-rail-${startRailId}` : `kui-shell-rail-${endRailId}`,\n [startRailId, endRailId],\n );\n\n const ctx = React.useMemo<ShellContextValue>(\n () => ({\n dir: computedDir,\n headerHeight,\n zHeader,\n railBySide,\n setRailBySide,\n toggleRail,\n panelRequestedBySide,\n setPanelRequestedBySide,\n patternBySide,\n setPatternForSide,\n singleViewBySide,\n setSingleViewBySide,\n cycleSingleView,\n activeToolBySide,\n setActiveTool,\n onItemSelected,\n activeContextBySide,\n setActiveContext,\n getRegionId,\n getPanelId,\n getRailId,\n }),\n [\n computedDir,\n headerHeight,\n zHeader,\n railBySide,\n setRailBySide,\n toggleRail,\n panelRequestedBySide,\n setPanelRequestedBySide,\n patternBySide,\n setPatternForSide,\n singleViewBySide,\n setSingleViewBySide,\n cycleSingleView,\n activeToolBySide,\n setActiveTool,\n onItemSelected,\n activeContextBySide,\n setActiveContext,\n getRegionId,\n getPanelId,\n getRailId,\n ],\n );\n\n // === Composition: order children based on direction ===\n const childArray = React.Children.toArray(children) as React.ReactElement[];\n const isType = (el: React.ReactElement, comp: any) =>\n React.isValidElement(el) && el.type === comp;\n const headerEls = childArray.filter((el) => isType(el, Header));\n const footerEls = childArray.filter((el) => isType(el, Footer));\n const contentEls = childArray.filter((el) => isType(el, Content));\n const sidebarEls = childArray.filter((el) => isType(el, Sidebar));\n\n // Partition sidebars by side\n const startSidebars = sidebarEls.filter((el) => (el.props as any).side === 'start');\n const endSidebars = sidebarEls.filter((el) => (el.props as any).side === 'end');\n\n const bodyChildren =\n computedDir === 'rtl'\n ? [...endSidebars, ...contentEls, ...startSidebars]\n : [...startSidebars, ...contentEls, ...endSidebars];\n\n return (\n <div\n {...props}\n ref={ref}\n className={classNames('rt-ShellRoot', className)}\n style={{\n ...style,\n // Internal CSS custom props for sizing\n ['--shell-min-content-width' as any]: minContentWidth,\n ['--shell-header-height' as any]: headerHeight,\n }}\n dir={computedDir}\n >\n <ShellContext.Provider value={ctx}>\n {headerEls}\n <div className=\"rt-ShellBody\">{bodyChildren}</div>\n {footerEls}\n </ShellContext.Provider>\n </div>\n );\n },\n);\nRoot.displayName = 'Shell.Root';\n\n// Global Header\n/** Props for `Shell.Header`. Sticky by default and respects `--shell-header-height`. */\ninterface ShellHeaderProps extends React.ComponentPropsWithoutRef<'header'> {}\nconst Header = React.forwardRef<HTMLElement, ShellHeaderProps>(\n ({ className, style, ...props }, ref) => {\n const { headerHeight, zHeader } = useShell();\n return (\n <header\n {...props}\n ref={ref}\n role=\"banner\"\n className={classNames('rt-ShellHeader', className)}\n style={{\n ['--shell-z-header' as any]: zHeader,\n ...style,\n }}\n />\n );\n },\n);\nHeader.displayName = 'Shell.Header';\n\n// Global Footer\n/** Props for `Shell.Footer`. Rendered after body and outside the content scroll. */\ninterface ShellFooterProps extends React.ComponentPropsWithoutRef<'footer'> {}\nconst Footer = React.forwardRef<HTMLElement, ShellFooterProps>(({ className, ...props }, ref) => (\n <footer\n {...props}\n ref={ref}\n role=\"contentinfo\"\n className={classNames('rt-ShellFooter', className)}\n />\n));\nFooter.displayName = 'Shell.Footer';\n\n// Content\n/** Props for `Shell.Content`. The only scrollable area of the Shell. */\ninterface ShellContentProps extends React.ComponentPropsWithoutRef<'main'> {}\nconst ContentBase = React.forwardRef<HTMLElement, ShellContentProps>(\n ({ className, ...props }, ref) => (\n <main {...props} ref={ref} className={classNames('rt-ShellContent', className)} />\n ),\n);\nContentBase.displayName = 'Shell.Content';\n\nconst Content = ContentBase;\n\n// Sidebar (stateful owner)\n/**\n * `Shell.Sidebar` controls one logical side. It supports two patterns:\n * - Split pattern by providing both `Sidebar.Rail` and `Sidebar.Panel` children\n * - Single-markup morphing when no slots are provided\n *\n * Controlled/uncontrolled:\n * - Split: `value`/`defaultValue` reflect rail `open|collapsed`\n * - Single: `view`/`defaultView` reflect `panel|rail|collapsed`\n */\ninterface ShellSidebarProps extends React.ComponentPropsWithoutRef<'div'> {\n side: ShellSide;\n // Overlay: render as a top sheet rather than inline. Responsiveness handled separately.\n overlay?: boolean | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', boolean>>;\n overlaySide?: 'start' | 'end' | 'top' | 'bottom';\n // Split: rail control\n value?: RailValue;\n defaultValue?: RailValue;\n onValueChange?: (value: RailValue) => void;\n // Single-markup view control\n view?: SingleView;\n defaultView?: SingleView;\n onViewChange?: (view: SingleView) => void;\n as?: 'nav' | 'aside' | 'div';\n 'aria-label'?: string;\n}\n\n// Rail\n/** Rail component that provides event emission context for stateless navigation. */\ninterface RailProps extends React.ComponentPropsWithoutRef<'div'> {}\nconst Rail = Object.assign(\n React.forwardRef<HTMLDivElement, RailProps>(({ children }, _ref) => {\n const sidebarSection = useSidebarSection();\n const shell = useShell();\n const side = sidebarSection?.side ?? 'start';\n\n const railContext = React.useMemo<RailContextValue>(\n () => ({\n onItemSelected: (item: string) => shell.onItemSelected(side, item),\n }),\n [shell, side],\n );\n\n const sidebarSectionContext = React.useMemo<ShellSidebarSectionContextValue>(\n () => ({\n side,\n section: 'rail',\n }),\n [side],\n );\n\n return (\n <RailContext.Provider value={railContext}>\n <ShellSidebarSectionContext.Provider value={sidebarSectionContext}>\n {children}\n </ShellSidebarSectionContext.Provider>\n </RailContext.Provider>\n );\n }),\n { displayName: 'Shell.Sidebar.Rail', __shellSlot: 'rail' as const },\n);\n\n// Panel\n/** Panel component that provides active tool context for stateless content rendering. */\ninterface PanelProps extends React.ComponentPropsWithoutRef<'div'> {}\nconst Panel = Object.assign(\n React.forwardRef<HTMLDivElement, PanelProps>(({ children }, _ref) => {\n const sidebarSection = useSidebarSection();\n const shell = useShell();\n const side = sidebarSection?.side ?? 'start';\n\n const panelContext = React.useMemo<PanelContextValue>(\n () => ({\n activeTool: shell.activeToolBySide[side],\n activeContext: shell.activeContextBySide[side],\n }),\n [shell.activeToolBySide, shell.activeContextBySide, side],\n );\n\n const sidebarSectionContext = React.useMemo<ShellSidebarSectionContextValue>(\n () => ({\n side,\n section: 'panel',\n }),\n [side],\n );\n\n return (\n <PanelContext.Provider value={panelContext}>\n <ShellSidebarSectionContext.Provider value={sidebarSectionContext}>\n {children}\n </ShellSidebarSectionContext.Provider>\n </PanelContext.Provider>\n );\n }),\n { displayName: 'Shell.Sidebar.Panel', __shellSlot: 'panel' as const },\n);\n\ntype ShellSidebarComponent = React.ForwardRefExoticComponent<\n ShellSidebarProps & React.RefAttributes<HTMLDivElement>\n> & {\n Rail: typeof Rail;\n Panel: typeof Panel;\n Trigger: typeof LocalTrigger;\n};\n\nconst SidebarInner = (\n {\n side,\n overlay,\n overlaySide,\n value,\n defaultValue,\n onValueChange,\n view,\n defaultView,\n onViewChange,\n as = 'nav',\n className,\n style,\n children,\n ...props\n }: ShellSidebarProps,\n ref: React.ForwardedRef<HTMLDivElement>,\n) => {\n const shell = useShell();\n const Comp = as as any;\n\n const regionId = shell.getRegionId(side);\n const panelId = shell.getPanelId(side);\n const railId = shell.getRailId(side);\n\n const railChildren = childrenArrayOf(children, 'rail');\n const panelChildren = childrenArrayOf(children, 'panel');\n const hasRail = railChildren.length > 0;\n const hasPanel = panelChildren.length > 0;\n const hasSlots = hasRail || hasPanel;\n\n // Pattern registration per side\n React.useEffect(() => {\n shell.setPatternForSide(side, hasSlots && hasRail && hasPanel ? 'split' : 'single');\n }, [shell, side, hasSlots, hasRail, hasPanel]);\n\n // Initialize defaults (run once)\n const didInitRef = React.useRef(false);\n React.useEffect(() => {\n if (didInitRef.current) return;\n didInitRef.current = true;\n if (hasSlots) {\n // split: rail value\n const initial = value ?? defaultValue ?? (overlay ? 'collapsed' : 'open');\n shell.setRailBySide(side, initial);\n if (overlay) shell.setPanelRequestedBySide(side, false);\n } else {\n // single: view\n const initialView = view ?? defaultView ?? (overlay ? 'collapsed' : 'panel');\n shell.setSingleViewBySide(side, initialView);\n }\n }, [hasSlots, value, defaultValue, view, defaultView, shell, side, overlay]);\n\n // Keep context in sync for controlled\n React.useEffect(() => {\n if (!hasSlots) return;\n if (value !== undefined && shell.railBySide[side] !== value) {\n shell.setRailBySide(side, value);\n }\n }, [value, hasSlots, shell, side]);\n React.useEffect(() => {\n if (hasSlots) return;\n if (view !== undefined && shell.singleViewBySide[side] !== view) {\n shell.setSingleViewBySide(side, view);\n }\n }, [view, hasSlots, shell, side]);\n\n const railValue = shell.railBySide[side];\n const panelRequested = shell.panelRequestedBySide[side];\n const singleView = shell.singleViewBySide[side];\n const activeTool = shell.activeToolBySide[side];\n\n // Emit changes for uncontrolled\n const prevRailRef = React.useRef<RailValue | null>(null);\n React.useEffect(() => {\n if (!hasSlots) return;\n if (value !== undefined) return;\n if (prevRailRef.current !== railValue) {\n prevRailRef.current = railValue;\n onValueChange?.(railValue);\n }\n }, [hasSlots, railValue, value, onValueChange]);\n const prevViewRef = React.useRef<SingleView | null>(null);\n React.useEffect(() => {\n if (hasSlots) return;\n if (view !== undefined) return;\n if (prevViewRef.current !== singleView) {\n prevViewRef.current = singleView;\n onViewChange?.(singleView);\n }\n }, [hasSlots, singleView, view, onViewChange]);\n\n // Derived visibility:\n // - Split (rail+panel): panel shows when rail is open, panel is requested, and a tool is active\n // - Panel-only (no rail): panel shows unconditionally (no tool gating)\n // - Single-markup: shows when view === 'panel' and a tool is active\n const railVisible = hasSlots ? hasRail && railValue === 'open' : singleView === 'rail';\n const panelVisible = hasSlots\n ? hasPanel && (hasRail ? railValue === 'open' && panelRequested && activeTool !== null : true)\n : singleView === 'panel';\n\n // Overlay behavior (non-inline): mount as a Sheet from the top (default)\n // Resolve overlay responsively: built-in defaults overruled by prop\n // Defaults: overlay on initial/xs/sm; inline on md+\n const defaultOverlay = { initial: true, xs: true, sm: true, md: false, lg: false, xl: false };\n const mergedOverlay = React.useMemo(() => {\n if (typeof overlay === 'boolean') {\n return { initial: overlay } as Partial<\n Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', boolean>\n >;\n }\n return { ...defaultOverlay, ...(overlay || {}) } as Partial<\n Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', boolean>\n >;\n }, [overlay, defaultOverlay]);\n\n const [currentBp, setCurrentBp] = React.useState<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl'>(\n 'initial',\n );\n\n React.useEffect(() => {\n if (typeof window === 'undefined') return;\n const queries: [key: 'xs' | 'sm' | 'md' | 'lg' | 'xl', query: string][] = [\n ['xs', '(min-width: 520px)'],\n ['sm', '(min-width: 768px)'],\n ['md', '(min-width: 1024px)'],\n ['lg', '(min-width: 1280px)'],\n ['xl', '(min-width: 1640px)'],\n ];\n const mqls = queries.map(([k, q]) => [k, window.matchMedia(q)] as const);\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 typeof currentBp | undefined) ?? 'initial';\n setCurrentBp(next);\n };\n compute();\n mqls.forEach(([, m]) => m.addEventListener('change', compute));\n return () => {\n mqls.forEach(([, m]) => m.removeEventListener('change', compute));\n };\n }, []);\n\n const isOverlay = (() => {\n const val = mergedOverlay[currentBp];\n if (typeof val === 'boolean') return val;\n // Fallback cascade: if current not set, try smaller breakpoints, then initial\n const order: (typeof currentBp)[] = ['xl', 'lg', 'md', 'sm', 'xs', 'initial'];\n const idx = order.indexOf(currentBp);\n for (let i = idx + 1; i < order.length; i++) {\n const v = mergedOverlay[order[i]];\n if (typeof v === 'boolean') return v;\n }\n return mergedOverlay.initial ?? false;\n })();\n\n if (isOverlay) {\n const open = hasSlots ? railValue === 'open' || panelRequested : singleView !== 'collapsed';\n const onOpenChange = (next: boolean) => {\n if (hasSlots) {\n if (!next) {\n shell.setRailBySide(side, 'collapsed');\n shell.setPanelRequestedBySide(side, false);\n } else {\n shell.setRailBySide(side, 'open');\n }\n } else {\n if (!next) shell.setSingleViewBySide(side, 'collapsed');\n else shell.setSingleViewBySide(side, 'panel');\n }\n };\n\n const sheetSide = overlaySide ?? side;\n\n // Choose what to render in overlay\n // Split pattern: default to combined (rail + panel). Panel visibility follows panel intent and active tool.\n // Single-markup: render the provided children as-is.\n const overlayPanelVisible = hasSlots\n ? hasPanel && (hasRail ? panelRequested && activeTool !== null : true)\n : false;\n const overlayContent = hasSlots ? (\n <div style={{ display: 'flex', height: '100%', minBlockSize: 0 }}>\n {hasRail ? (\n <div\n id={railId}\n className=\"rt-ShellSidebarRail\"\n data-section=\"rail\"\n data-visible\n style={{ inlineSize: 'var(--shell-sidebar-rail-width, 64px)', overflow: 'hidden' }}\n >\n {railChildren}\n </div>\n ) : null}\n {hasPanel ? (\n <div\n id={panelId}\n className=\"rt-ShellSidebarPanel\"\n data-section=\"panel\"\n data-visible={overlayPanelVisible || undefined}\n aria-hidden={overlayPanelVisible ? undefined : true}\n {...(overlayPanelVisible ? {} : { inert })}\n style={{\n inlineSize: overlayPanelVisible ? 'var(--shell-sidebar-panel-width, 288px)' : '0px',\n overflow: 'hidden',\n }}\n >\n {panelChildren}\n </div>\n ) : null}\n </div>\n ) : (\n children\n );\n\n // Compute sheet width based on split/single pattern using CSS tokens\n const computedWidth =\n sheetSide === 'start' || sheetSide === 'end'\n ? hasSlots\n ? overlayPanelVisible\n ? 'var(--shell-sidebar-combined-width)'\n : 'var(--shell-sidebar-rail-width)'\n : singleView === 'rail'\n ? 'var(--shell-sidebar-rail-width)'\n : 'var(--shell-sidebar-panel-width)'\n : '100vw';\n\n return (\n <>\n <Sheet.Root open={open} onOpenChange={onOpenChange}>\n <Sheet.Content\n id={regionId}\n side={sheetSide}\n height={{ initial: '100vh' }}\n width={{ initial: computedWidth }}\n style={{ ['--dialog-content-padding' as any]: '0px' }}\n >\n <Sheet.Title>\n <VisuallyHidden>Sidebar</VisuallyHidden>\n </Sheet.Title>\n {overlayContent}\n </Sheet.Content>\n </Sheet.Root>\n </>\n );\n }\n\n return (\n <Comp\n {...props}\n ref={ref}\n id={regionId}\n className={classNames('rt-ShellSidebar', className)}\n data-side={side}\n data-rail={hasSlots ? railValue : undefined}\n data-panel={hasSlots ? (panelVisible ? 'visible' : 'hidden') : undefined}\n data-state={!hasSlots ? singleView : undefined}\n aria-label={props['aria-label']}\n style={{ ...style }}\n >\n {hasSlots ? (\n <>\n <SidebarSectionContext.Provider value={{ side, section: 'rail' }}>\n {hasRail ? (\n <div\n id={railId}\n className=\"rt-ShellSidebarRail\"\n data-section=\"rail\"\n data-visible={railVisible || undefined}\n aria-hidden={railVisible ? undefined : true}\n {...(railVisible ? {} : { inert })}\n style={{\n inlineSize: railVisible ? 'var(--shell-sidebar-rail-width, 64px)' : '0px',\n overflow: 'hidden',\n }}\n >\n {railChildren}\n </div>\n ) : null}\n </SidebarSectionContext.Provider>\n <SidebarSectionContext.Provider value={{ side, section: 'panel' }}>\n {hasPanel ? (\n <div\n id={panelId}\n className=\"rt-ShellSidebarPanel\"\n data-section=\"panel\"\n data-visible={panelVisible || undefined}\n aria-hidden={panelVisible ? undefined : true}\n {...(panelVisible ? {} : { inert })}\n style={{\n inlineSize: panelVisible ? 'var(--shell-sidebar-panel-width, 288px)' : '0px',\n overflow: 'hidden',\n }}\n >\n {panelChildren}\n </div>\n ) : null}\n </SidebarSectionContext.Provider>\n </>\n ) : (\n // Single-markup morphing\n <div\n className=\"rt-ShellSidebarSingle\"\n data-visible={singleView !== 'collapsed' || undefined}\n aria-hidden={singleView === 'collapsed' ? true : undefined}\n style={{\n inlineSize:\n singleView === 'collapsed'\n ? '0px'\n : singleView === 'rail'\n ? 'var(--shell-sidebar-rail-width, 64px)'\n : 'var(--shell-sidebar-panel-width, 288px)',\n overflow: 'hidden',\n }}\n >\n {children}\n </div>\n )}\n </Comp>\n );\n};\n\nconst Sidebar = React.forwardRef<HTMLDivElement, ShellSidebarProps>(\n SidebarInner,\n) as ShellSidebarComponent;\nSidebar.displayName = 'Shell.Sidebar';\n\n// Helper to pick rail/panel children by marker components\nfunction childrenArrayOf(children: React.ReactNode, slot: 'rail' | 'panel') {\n const arr = React.Children.toArray(children) as React.ReactElement[];\n return arr.filter((el) => React.isValidElement(el) && (el.type as any)?.['__shellSlot'] === slot);\n}\n\nSidebar.Rail = Rail;\nSidebar.Panel = Panel;\n\n// Local Trigger (inside a sidebar)\nimport type { IconButtonProps } from './icon-button.js';\ntype LocalTriggerProps = IconButtonProps<'button'>;\n/**\n * `Shell.Sidebar.Trigger` toggles the sidebar where it is rendered.\n * - In split-mode: toggles rail open/collapsed\n * - In single-markup: cycles through panel \u2192 rail \u2192 collapsed\n */\nconst LocalTrigger = React.forwardRef<React.ElementRef<typeof IconButton>, LocalTriggerProps>(\n ({ onClick, children, ...props }, ref) => {\n const section = useSidebarSection();\n const shell = useShell();\n const side = section?.side ?? 'start';\n const controlsId = shell.getRegionId(side);\n const expanded =\n shell.patternBySide[side] === 'split'\n ? shell.railBySide[side] === 'open'\n : shell.singleViewBySide[side] !== 'collapsed';\n return (\n <IconButton\n {...props}\n ref={ref}\n variant=\"soft\"\n aria-controls={controlsId}\n aria-expanded={expanded}\n onClick={(e) => {\n onClick?.(e);\n if (shell.patternBySide[side] === 'split') shell.toggleRail(side);\n else shell.cycleSingleView(side);\n }}\n >\n {children || <ChevronDownIcon />}\n </IconButton>\n );\n },\n);\nLocalTrigger.displayName = 'Shell.Sidebar.Trigger';\n\n// Global Trigger\ntype GlobalTriggerProps = IconButtonProps<'button'> & { side: ShellSide };\n/**\n * `Shell.Trigger` controls a specific `side` from anywhere inside `Shell.Root`.\n * Mirrors behavior of the local trigger, but with explicit side.\n */\nconst Trigger = React.forwardRef<React.ElementRef<typeof IconButton>, GlobalTriggerProps>(\n ({ side, onClick, children, ...props }, ref) => {\n const shell = useShell();\n const controlsId = shell.getRegionId(side);\n const expanded =\n shell.patternBySide[side] === 'split'\n ? shell.railBySide[side] === 'open'\n : shell.singleViewBySide[side] !== 'collapsed';\n return (\n <IconButton\n {...props}\n ref={ref}\n variant=\"ghost\"\n aria-controls={controlsId}\n aria-expanded={expanded}\n onClick={(e) => {\n onClick?.(e);\n if (shell.patternBySide[side] === 'split') shell.toggleRail(side);\n else shell.cycleSingleView(side);\n }}\n >\n {children || <ChevronDownIcon />}\n </IconButton>\n );\n },\n);\nTrigger.displayName = 'Shell.Trigger';\n\n// Attach slots to Sidebar for namespaced API\n(Sidebar as any).Rail = Rail;\n(Sidebar as any).Panel = Panel;\n(Sidebar as any).Trigger = LocalTrigger;\n\nexport { Root, Header, Footer, Content, Sidebar, Trigger, useShell, useRailEvents, usePanelState };\n// Convenience per-side API\n/**\n * Convenience hook to interrogate and control one sidebar.\n * - `rail`: open/collapsed helpers for split pattern\n * - `panel`: show/hide helpers; visibility is conditional on rail open in split pattern\n * - `single`: view control for single-markup pattern\n * - `activeTool`: active tool coordination state\n */\nfunction useSidebar(side: ShellSide): {\n side: ShellSide;\n isSplit: boolean;\n rail: {\n value: RailValue;\n isOpen: boolean;\n open: () => void;\n close: () => void;\n toggle: () => void;\n onItemSelected: (item: string) => void;\n };\n panel: {\n isVisible: boolean;\n show: () => void;\n hide: () => void;\n activeTool: string | null;\n activeContext: string | null;\n };\n single: { view: SingleView; setView: (view: SingleView) => void; cycle: () => void };\n activeTool: string | null;\n setActiveTool: (tool: string | null) => void;\n activeContext: string | null;\n setActiveContext: (context: string | null) => void;\n} {\n const shell = useShell();\n const isSplit = shell.patternBySide[side] === 'split';\n const railValue = shell.railBySide[side];\n const activeTool = shell.activeToolBySide[side];\n\n const panelVisible =\n shell.panelRequestedBySide[side] && railValue === 'open' && activeTool !== null;\n return {\n side,\n isSplit,\n rail: {\n value: railValue,\n isOpen: railValue === 'open',\n open: () => shell.setRailBySide(side, 'open'),\n close: () => {\n shell.setRailBySide(side, 'collapsed');\n shell.setPanelRequestedBySide(side, false);\n },\n toggle: () => shell.toggleRail(side),\n onItemSelected: (item: string) => shell.onItemSelected(side, item),\n },\n panel: {\n isVisible: panelVisible,\n show: () => shell.setPanelRequestedBySide(side, true),\n hide: () => shell.setPanelRequestedBySide(side, false),\n activeTool: shell.activeToolBySide[side],\n activeContext: shell.activeContextBySide[side],\n },\n single: {\n view: shell.singleViewBySide[side],\n setView: (view: SingleView) => shell.setSingleViewBySide(side, view),\n cycle: () => shell.cycleSingleView(side),\n },\n activeTool: shell.activeToolBySide[side],\n setActiveTool: (tool: string | null) => shell.setActiveTool(side, tool),\n activeContext: shell.activeContextBySide[side],\n setActiveContext: (context: string | null) => shell.setActiveContext(side, context),\n };\n}\n\nexport { useSidebar };\n"],
5
- "mappings": "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",
6
- "names": ["React", "classNames", "IconButton", "ChevronDownIcon", "inert", "Sheet", "VisuallyHidden", "ShellSidebarSectionContext", "ShellContext", "useShell", "ctx", "SidebarSectionContext", "useSidebarSection", "RailContext", "useRailEvents", "PanelContext", "usePanelState", "getDocumentDirection", "Root", "minContentWidth", "rtl", "headerHeight", "zHeader", "cascadeSide", "activeToolProp", "onToolChange", "activeContextProp", "onContextChange", "singleViewCycle", "className", "style", "children", "props", "ref", "computedDir", "railBySide", "setRailBySideState", "setRailBySide", "side", "value", "prev", "toggleRail", "next", "panelRequestedBySide", "setPanelRequestedBySideState", "setPanelRequestedBySide", "requested", "patternBySide", "setPatternBySide", "setPatternForSide", "pattern", "singleViewBySide", "setSingleViewBySideState", "setSingleViewBySide", "view", "cycleSingleView", "order", "current", "idx", "activeToolBySide", "setActiveToolBySideState", "setActiveTool", "tool", "onItemSelected", "item", "activeContextBySide", "setActiveContextBySideState", "setActiveContext", "context", "startRegionId", "endRegionId", "startPanelId", "endPanelId", "startRailId", "endRailId", "getRegionId", "getPanelId", "getRailId", "childArray", "isType", "el", "comp", "headerEls", "Header", "footerEls", "Footer", "contentEls", "Content", "sidebarEls", "Sidebar", "startSidebars", "endSidebars", "bodyChildren", "ContentBase", "Rail", "_ref", "sidebarSection", "shell", "railContext", "sidebarSectionContext", "Panel", "panelContext", "SidebarInner", "overlay", "overlaySide", "defaultValue", "onValueChange", "defaultView", "onViewChange", "as", "Comp", "regionId", "panelId", "railId", "railChildren", "childrenArrayOf", "panelChildren", "hasRail", "hasPanel", "hasSlots", "didInitRef", "initial", "initialView", "railValue", "panelRequested", "singleView", "activeTool", "prevRailRef", "prevViewRef", "railVisible", "panelVisible", "defaultOverlay", "mergedOverlay", "currentBp", "setCurrentBp", "mqls", "k", "q", "compute", "matched", "m", "val", "i", "v", "open", "onOpenChange", "sheetSide", "overlayPanelVisible", "overlayContent", "computedWidth", "slot", "LocalTrigger", "onClick", "section", "controlsId", "expanded", "e", "Trigger", "useSidebar", "isSplit"]
4
+ "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';\n\n// Types\ntype PresentationValue = 'fixed' | 'overlay' | 'stacked';\ntype ResponsivePresentation =\n | PresentationValue\n | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', PresentationValue>>;\ntype PaneMode = 'expanded' | 'collapsed';\ntype SidebarMode = 'collapsed' | 'thin' | 'expanded';\ntype ResponsiveMode =\n | PaneMode\n | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', PaneMode>>;\n\n// Sidebar responsive mode (includes 'thin')\ntype ResponsiveSidebarMode =\n | SidebarMode\n | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', SidebarMode>>;\n\n// Persistence adapter for pane sizes\ntype PaneSizePersistence = {\n load?: () => number | Promise<number | undefined> | undefined;\n save?: (size: number) => void | Promise<void>;\n};\n\n// Breakpoint system\nconst BREAKPOINTS = {\n xs: '(min-width: 520px)',\n sm: '(min-width: 768px)',\n md: '(min-width: 1024px)',\n lg: '(min-width: 1280px)',\n xl: '(min-width: 1640px)',\n} as const;\n\ntype Breakpoint = 'initial' | keyof typeof BREAKPOINTS;\n\n// Shell context\ninterface ShellContextValue {\n // Pane states\n leftMode: PaneMode;\n setLeftMode: (mode: PaneMode) => void;\n panelMode: PaneMode; // Panel state within left container\n setPanelMode: (mode: PaneMode) => void;\n sidebarMode: SidebarMode;\n setSidebarMode: (mode: SidebarMode) => void;\n inspectorMode: PaneMode;\n setInspectorMode: (mode: PaneMode) => void;\n bottomMode: PaneMode;\n setBottomMode: (mode: PaneMode) => void;\n\n // Peek state (layout-only, ephemeral)\n peekTarget: PaneTarget | null;\n setPeekTarget: (target: PaneTarget | null) => void;\n peekPane: (target: PaneTarget) => void;\n clearPeek: () => void;\n\n // Composition detection\n hasLeft: boolean;\n setHasLeft: (has: boolean) => void;\n hasSidebar: boolean;\n setHasSidebar: (has: boolean) => void;\n\n // Presentation resolution\n currentBreakpoint: Breakpoint;\n currentBreakpointReady: boolean;\n leftResolvedPresentation?: PresentationValue;\n\n // Actions\n togglePane: (target: PaneTarget) => void;\n expandPane: (target: PaneTarget) => void;\n collapsePane: (target: PaneTarget) => void;\n // Toggle customization\n setSidebarToggleComputer?: (fn: (current: SidebarMode) => SidebarMode) => void;\n // Dev-only hooks for presentation warnings\n onLeftPres?: (p: PresentationValue) => void;\n // Sizing info for overlay grouping\n onLeftDefaults?: (size: number) => void;\n}\n\nconst ShellContext = React.createContext<ShellContextValue | null>(null);\n\nfunction useShell() {\n const ctx = React.useContext(ShellContext);\n if (!ctx) throw new Error('Shell components must be used within <Shell.Root>');\n return ctx;\n}\n\n// Pane resize context for composed Handles\ninterface PaneResizeContextValue {\n containerRef: React.RefObject<HTMLDivElement | null>;\n cssVarName: string;\n minSize: number;\n maxSize: number;\n defaultSize: number;\n orientation: 'vertical' | 'horizontal';\n edge: 'start' | 'end';\n computeNext: (clientPos: number, startClientPos: number, startSize: number) => number;\n onResize?: (size: number) => void;\n onResizeStart?: (size: number) => void;\n onResizeEnd?: (size: number) => void;\n // new features\n target: PaneTarget;\n collapsible: boolean;\n snapPoints?: number[];\n snapTolerance: number;\n collapseThreshold?: number;\n requestCollapse?: () => void;\n requestToggle?: () => void;\n}\n\nconst PaneResizeContext = React.createContext<PaneResizeContextValue | null>(null);\n\nfunction usePaneResize() {\n const ctx = React.useContext(PaneResizeContext);\n if (!ctx) throw new Error('Shell.Handle must be used within a resizable pane');\n return ctx;\n}\n\nconst PaneHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(\n ({ className, children, ...props }, ref) => {\n const {\n containerRef,\n cssVarName,\n minSize,\n maxSize,\n defaultSize,\n orientation,\n edge,\n computeNext,\n onResize,\n onResizeStart,\n onResizeEnd,\n snapPoints,\n snapTolerance,\n collapseThreshold,\n collapsible,\n target,\n requestCollapse,\n requestToggle,\n } = usePaneResize();\n\n // Track active drag cleanup to avoid leaking listeners if unmounted mid-drag\n const activeCleanupRef = React.useRef<(() => void) | null>(null);\n React.useEffect(\n () => () => {\n // Cleanup any in-flight drag on unmount\n try {\n activeCleanupRef.current?.();\n } catch {}\n activeCleanupRef.current = null;\n },\n [],\n );\n\n const ariaOrientation = orientation;\n\n return (\n <div\n {...props}\n ref={ref}\n className={classNames('rt-ShellResizer', className)}\n data-orientation={orientation}\n data-edge={edge}\n role=\"slider\"\n aria-orientation={ariaOrientation}\n aria-valuemin={minSize}\n aria-valuemax={maxSize}\n aria-valuenow={defaultSize}\n tabIndex={0}\n onPointerDown={(e) => {\n if (!containerRef.current) return;\n e.preventDefault();\n const container = containerRef.current;\n const handleEl = e.currentTarget as HTMLElement;\n const pointerId = e.pointerId;\n // If a previous drag didn't finalize properly, force cleanup first\n try {\n activeCleanupRef.current?.();\n } catch {}\n container.setAttribute('data-resizing', '');\n try {\n handleEl.setPointerCapture(pointerId);\n } catch {}\n const startClient = orientation === 'vertical' ? e.clientX : e.clientY;\n const startSize = parseFloat(\n getComputedStyle(container).getPropertyValue(cssVarName) || `${defaultSize}`,\n );\n const clamp = (v: number) => Math.min(Math.max(v, minSize), maxSize);\n const body = document.body;\n const prevCursor = body.style.cursor;\n const prevUserSelect = body.style.userSelect;\n body.style.cursor = orientation === 'vertical' ? 'col-resize' : 'row-resize';\n body.style.userSelect = 'none';\n onResizeStart?.(startSize);\n const handleMove = (ev: PointerEvent) => {\n const client = orientation === 'vertical' ? ev.clientX : ev.clientY;\n const next = clamp(computeNext(client, startClient, startSize));\n container.style.setProperty(cssVarName, `${next}px`);\n handleEl.setAttribute('aria-valuenow', String(next));\n onResize?.(next);\n };\n const cleanup = () => {\n try {\n handleEl.releasePointerCapture(pointerId);\n } catch {}\n window.removeEventListener('pointermove', handleMove as any);\n window.removeEventListener('pointerup', handleUp as any);\n window.removeEventListener('pointercancel', handleUp as any);\n window.removeEventListener('keydown', handleKey as any);\n handleEl.removeEventListener('lostpointercapture', handleUp as any);\n container.removeAttribute('data-resizing');\n body.style.cursor = prevCursor;\n body.style.userSelect = prevUserSelect;\n activeCleanupRef.current = null;\n };\n const handleUp = () => {\n const finalSize = parseFloat(\n getComputedStyle(container).getPropertyValue(cssVarName) || `${defaultSize}`,\n );\n // snap logic\n let snapped = finalSize;\n if (snapPoints && snapPoints.length) {\n const nearest = snapPoints.reduce(\n (acc, p) => (Math.abs(p - finalSize) < Math.abs(acc - finalSize) ? p : acc),\n snapPoints[0],\n );\n if (Math.abs(nearest - finalSize) <= (snapTolerance ?? 8)) {\n snapped = nearest;\n container.style.setProperty(cssVarName, `${snapped}px`);\n handleEl.setAttribute('aria-valuenow', String(snapped));\n onResize?.(snapped);\n }\n }\n // collapse threshold\n if (\n collapsible &&\n typeof collapseThreshold === 'number' &&\n finalSize <= collapseThreshold\n ) {\n requestCollapse?.();\n }\n onResizeEnd?.(snapped);\n cleanup();\n };\n const handleKey = (kev: KeyboardEvent) => {\n if (kev.key === 'Escape') {\n // cancel to start size\n container.style.setProperty(cssVarName, `${startSize}px`);\n handleEl.setAttribute('aria-valuenow', String(startSize));\n onResizeEnd?.(startSize);\n cleanup();\n }\n };\n window.addEventListener('pointermove', handleMove as any);\n window.addEventListener('pointerup', handleUp as any);\n window.addEventListener('pointercancel', handleUp as any);\n window.addEventListener('keydown', handleKey as any);\n handleEl.addEventListener('lostpointercapture', handleUp as any);\n // Store cleanup so unmounts or re-entries can clean up properly\n activeCleanupRef.current = cleanup;\n }}\n onDoubleClick={() => {\n if (collapsible) requestToggle?.();\n }}\n onKeyDown={(e) => {\n if (!containerRef.current) return;\n const container = containerRef.current;\n const current = parseFloat(\n getComputedStyle(container).getPropertyValue(cssVarName) || `${defaultSize}`,\n );\n const clamp = (v: number) => Math.min(Math.max(v, minSize), maxSize);\n const step = e.shiftKey ? 32 : 8;\n let delta = 0;\n if (orientation === 'vertical') {\n if (e.key === 'ArrowRight') delta = step;\n else if (e.key === 'ArrowLeft') delta = -step;\n } else {\n if (e.key === 'ArrowDown') delta = step;\n else if (e.key === 'ArrowUp') delta = -step;\n }\n if (e.key === 'Home') {\n e.preventDefault();\n onResizeStart?.(current);\n const next = clamp(minSize);\n container.style.setProperty(cssVarName, `${next}px`);\n (e.currentTarget as HTMLElement).setAttribute('aria-valuenow', String(next));\n onResize?.(next);\n onResizeEnd?.(next);\n return;\n }\n if (e.key === 'End') {\n e.preventDefault();\n onResizeStart?.(current);\n const next = clamp(maxSize);\n container.style.setProperty(cssVarName, `${next}px`);\n (e.currentTarget as HTMLElement).setAttribute('aria-valuenow', String(next));\n onResize?.(next);\n onResizeEnd?.(next);\n return;\n }\n if (delta !== 0) {\n e.preventDefault();\n onResizeStart?.(current);\n // approximate computeNext with delta from keyboard\n const next = clamp(\n current + (edge === 'start' && orientation === 'vertical' ? -delta : delta),\n );\n container.style.setProperty(cssVarName, `${next}px`);\n (e.currentTarget as HTMLElement).setAttribute('aria-valuenow', String(next));\n onResize?.(next);\n onResizeEnd?.(next);\n }\n }}\n >\n {children}\n </div>\n );\n },\n);\nPaneHandle.displayName = 'Shell.Handle';\n\n// Composed Handle wrappers per pane\nconst PanelHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(\n (props, ref) => <PaneHandle {...props} ref={ref} />,\n);\nPanelHandle.displayName = 'Shell.Panel.Handle';\n\nconst SidebarHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(\n (props, ref) => <PaneHandle {...props} ref={ref} />,\n);\nSidebarHandle.displayName = 'Shell.Sidebar.Handle';\n\nconst InspectorHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(\n (props, ref) => <PaneHandle {...props} ref={ref} />,\n);\nInspectorHandle.displayName = 'Shell.Inspector.Handle';\n\nconst BottomHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(\n (props, ref) => <PaneHandle {...props} ref={ref} />,\n);\nBottomHandle.displayName = 'Shell.Bottom.Handle';\n\n// Hook to resolve responsive presentation\nfunction useResponsivePresentation(presentation: ResponsivePresentation): PresentationValue {\n const { currentBreakpoint } = useShell();\n\n return React.useMemo(() => {\n if (typeof presentation === 'string') {\n return presentation;\n }\n\n // Try current breakpoint first\n if (presentation[currentBreakpoint]) {\n return presentation[currentBreakpoint]!;\n }\n\n // Cascade down to smaller breakpoints based on configured BREAKPOINTS\n const bpKeys = Object.keys(BREAKPOINTS) as Array<keyof typeof BREAKPOINTS>;\n const order: Breakpoint[] = ([...bpKeys].reverse() as Breakpoint[]).concat(\n 'initial' as Breakpoint,\n );\n const startIdx = order.indexOf(currentBreakpoint as Breakpoint);\n\n for (let i = startIdx + 1; i < order.length; i++) {\n const bp = order[i];\n if (presentation[bp]) {\n return presentation[bp]!;\n }\n }\n\n return 'fixed'; // Default fallback\n }, [presentation, currentBreakpoint]);\n}\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(\n BREAKPOINTS,\n ) 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>(\n ({ 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>(\n (current) =>\n current === 'collapsed' ? 'thin' : current === 'thin' ? 'expanded' : 'collapsed',\n );\n const setSidebarToggleComputer = React.useCallback(\n (fn: (current: SidebarMode) => SidebarMode) => {\n sidebarToggleComputerRef.current = fn;\n },\n [],\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(\n 'Shell: Sidebar cannot coexist with Rail or Panel. Use either Rail+Panel OR Sidebar.',\n );\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) =>\n React.isValidElement(el) &&\n (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) =>\n React.isValidElement(el) &&\n (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) =>\n React.isValidElement(el) &&\n (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\n {...props}\n ref={ref}\n className={classNames('rt-ShellRoot', className)}\n style={{ ...heightStyle, ...props.style }}\n >\n <ShellContext.Provider\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 </ShellContext.Provider>\n </div>\n );\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>(\n ({ 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 ),\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 (\n {\n className,\n presentation = { initial: 'overlay', sm: 'fixed' },\n mode,\n defaultMode = 'collapsed',\n onModeChange,\n collapsible = true,\n onExpand,\n onCollapse,\n children,\n style,\n ...props\n },\n ref,\n ) => {\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(\n 'initial' as Breakpoint,\n );\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 }, [\n mode,\n shell.currentBreakpoint,\n shell.currentBreakpointReady,\n resolveResponsiveMode,\n shell.leftMode,\n shell.setLeftMode,\n ]);\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) =>\n 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 =\n typeof (railEl as any)?.props?.expandedSize === 'number'\n ? (railEl as any).props.expandedSize\n : 64;\n const panelSize =\n typeof (panelEl as any)?.props?.expandedSize === 'number'\n ? (panelEl as any).props.expandedSize\n : 288;\n const hasRail = Boolean(railEl);\n const hasPanel = Boolean(panelEl);\n const overlayPx =\n (hasRail ? railSize : 0) + (shell.panelMode === 'expanded' && hasPanel ? panelSize : 0);\n return (\n <Sheet.Root\n open={open}\n onOpenChange={(o) => shell.setLeftMode(o ? 'expanded' : 'collapsed')}\n >\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) =>\n 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 =\n typeof (railEl as any)?.props?.expandedSize === 'number'\n ? (railEl as any).props.expandedSize\n : 64;\n const panelSize =\n typeof (panelEl as any)?.props?.expandedSize === 'number'\n ? (panelEl as any).props.expandedSize\n : 288;\n const hasRail = Boolean(railEl);\n const hasPanel = Boolean(panelEl);\n const includePanel =\n 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={\n shell.peekTarget === 'left' ||\n shell.peekTarget === 'rail' ||\n shell.peekTarget === 'panel' ||\n undefined\n }\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={\n shell.peekTarget === 'left' ||\n shell.peekTarget === 'rail' ||\n shell.peekTarget === 'panel' ||\n undefined\n }\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 (\n {\n className,\n presentation,\n mode,\n defaultMode,\n onModeChange,\n expandedSize = 64,\n collapsible,\n onExpand,\n onCollapse,\n children,\n style,\n ...props\n },\n ref,\n ) => {\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={\n (shell.leftResolvedPresentation !== 'overlay' && shell.peekTarget === 'rail') || undefined\n }\n style={{\n ...style,\n ['--rail-size' as any]: `${expandedSize}px`,\n }}\n >\n <div\n className=\"rt-ShellRailContent\"\n data-visible={\n isExpanded ||\n (shell.leftResolvedPresentation !== 'overlay' && shell.peekTarget === 'rail') ||\n undefined\n }\n >\n {children}\n </div>\n </div>\n );\n },\n);\nRail.displayName = 'Shell.Rail';\n\n// Panel\ntype HandleComponent = React.ForwardRefExoticComponent<\n React.ComponentPropsWithoutRef<'div'> & React.RefAttributes<HTMLDivElement>\n>;\n\ntype PanelComponent = React.ForwardRefExoticComponent<\n Omit<PaneProps, 'defaultMode'> & React.RefAttributes<HTMLDivElement>\n> & { 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?: Array<'thin' | 'expanded'>;\n }) &\n React.RefAttributes<HTMLDivElement>\n> & { Handle: HandleComponent };\n\ntype InspectorComponent = React.ForwardRefExoticComponent<\n PaneProps & React.RefAttributes<HTMLDivElement>\n> & { Handle: HandleComponent };\n\ntype BottomComponent = React.ForwardRefExoticComponent<\n PaneProps & React.RefAttributes<HTMLDivElement>\n> & { 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(\n (el: React.ReactElement) => React.isValidElement(el) && el.type === PanelHandle,\n );\n const contentChildren = childArray.filter(\n (el: React.ReactElement) => !(React.isValidElement(el) && el.type === PanelHandle),\n );\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 (\n shell.leftResolvedPresentation !== 'overlay' &&\n shell.leftMode === 'expanded' &&\n shell.panelMode === 'expanded'\n ) {\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 ? (\n handleChildren.map((el, i) => React.cloneElement(el, { key: el.key ?? i }))\n ) : (\n <PaneHandle />\n )}\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={\n isExpanded ||\n (shell.leftResolvedPresentation !== 'overlay' && shell.peekTarget === 'panel') ||\n undefined\n }\n data-peek={\n (shell.leftResolvedPresentation !== 'overlay' && shell.peekTarget === 'panel') ||\n undefined\n }\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 (alternative to Rail+Panel)\nconst Sidebar = React.forwardRef<\n HTMLDivElement,\n Omit<PaneProps, 'mode' | 'defaultMode' | 'onModeChange'> & {\n mode?: SidebarMode;\n defaultMode?: ResponsiveSidebarMode;\n onModeChange?: (mode: SidebarMode) => void;\n thinSize?: number;\n toggleModes?: Array<'thin' | 'expanded'>;\n }\n>(\n (\n {\n className,\n presentation = { initial: 'overlay', md: 'fixed' },\n mode,\n defaultMode = 'expanded',\n onModeChange,\n expandedSize = 288,\n minSize = 200,\n maxSize = 400,\n resizable = false,\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 thinSize = 64,\n toggleModes,\n ...props\n },\n ref,\n ) => {\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 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(\n (el: React.ReactElement) => React.isValidElement(el) && el.type === SidebarHandle,\n );\n const contentChildren = childArray.filter(\n (el: React.ReactElement) => !(React.isValidElement(el) && el.type === SidebarHandle),\n );\n\n // Register with shell\n const sidebarId = React.useId();\n React.useEffect(() => {\n shell.setHasSidebar(true);\n return () => {\n shell.setHasSidebar(false);\n };\n }, [shell, sidebarId]);\n\n // Honor defaultMode on mount when uncontrolled\n const didInitRef = React.useRef(false);\n React.useEffect(() => {\n if (didInitRef.current) return;\n didInitRef.current = true;\n if (mode === undefined && shell.sidebarMode !== (defaultMode as SidebarMode)) {\n shell.setSidebarMode(defaultMode as SidebarMode);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n // Sync controlled mode\n React.useEffect(() => {\n if (mode !== undefined && shell.sidebarMode !== mode) {\n shell.setSidebarMode(mode);\n }\n }, [mode, shell]);\n\n // Emit mode changes\n React.useEffect(() => {\n if (mode === undefined) {\n onModeChange?.(shell.sidebarMode);\n }\n }, [shell.sidebarMode, mode, onModeChange]);\n\n // Emit expand/collapse events\n React.useEffect(() => {\n if (shell.sidebarMode === 'expanded') {\n onExpand?.();\n } else {\n onCollapse?.();\n }\n }, [shell.sidebarMode, onExpand, onCollapse]);\n\n // Option A: thin is width-only; content remains visible whenever not collapsed\n const isContentVisible = shell.sidebarMode !== 'collapsed';\n\n // Default persistence if paneId provided and none supplied (fixed only)\n const persistenceAdapter = React.useMemo(() => {\n if (!paneId || persistence) return persistence;\n const key = `kookie-ui:shell:sidebar:${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 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('--sidebar-size', `${loaded}px`);\n onResize?.(loaded);\n }\n })();\n return () => {\n mounted = false;\n };\n }, [resizable, persistenceAdapter, onResize, isOverlay]);\n\n // Register custom toggle behavior based on toggleModes\n const shellForToggle = useShell();\n React.useEffect(() => {\n if (!shellForToggle.setSidebarToggleComputer) return;\n // Build cycle from provided modes (defaults to both)\n const enabled = (\n toggleModes && toggleModes.length > 0 ? toggleModes : (['thin', 'expanded'] as const)\n ) as Array<'thin' | 'expanded'>;\n const compute = (current: SidebarMode): SidebarMode => {\n if (current === 'collapsed') return enabled[0] ?? 'expanded';\n if (current === 'thin') {\n // if thin not enabled, go to collapsed; else if expanded enabled go expanded; else collapsed\n return enabled.includes('thin')\n ? enabled.includes('expanded')\n ? 'expanded'\n : 'collapsed'\n : 'collapsed';\n }\n // expanded\n if (enabled.length === 2 && enabled.includes('thin') && enabled.includes('expanded')) {\n return 'collapsed';\n }\n // if only expanded enabled, collapse next; if only thin enabled, go thin next\n return enabled.includes('thin') && !enabled.includes('expanded') ? 'thin' : 'collapsed';\n };\n shellForToggle.setSidebarToggleComputer(compute);\n return () => {\n // reset to default sequence when unmounting this Sidebar\n shellForToggle.setSidebarToggleComputer?.((cur) =>\n cur === 'collapsed' ? 'thin' : cur === 'thin' ? 'expanded' : 'collapsed',\n );\n };\n }, [shellForToggle, toggleModes]);\n\n // Preserve last non-collapsed width for smooth overlay close animation\n const lastOverlayWidthRef = React.useRef<number>(expandedSize);\n const lastOverlayModeRef = React.useRef<SidebarMode>('expanded');\n React.useEffect(() => {\n if (shell.sidebarMode !== 'collapsed') {\n lastOverlayModeRef.current = shell.sidebarMode as SidebarMode;\n lastOverlayWidthRef.current = shell.sidebarMode === 'thin' ? thinSize : expandedSize;\n }\n }, [shell.sidebarMode, thinSize, expandedSize]);\n\n // Always-follow responsive defaultMode for uncontrolled Sidebar (on breakpoint change only)\n const resolveResponsiveMode = React.useCallback((): SidebarMode => {\n if (typeof defaultMode === 'string') return defaultMode as SidebarMode;\n const dm = defaultMode as Partial<Record<Breakpoint, SidebarMode>> | undefined;\n if (dm && dm[shell.currentBreakpoint as Breakpoint]) {\n return dm[shell.currentBreakpoint as Breakpoint] as SidebarMode;\n }\n const bpKeys = Object.keys(BREAKPOINTS) as Array<keyof typeof BREAKPOINTS>;\n const order: Breakpoint[] = ([...bpKeys].reverse() as Breakpoint[]).concat(\n 'initial' as Breakpoint,\n );\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]) return dm[bp] as SidebarMode;\n }\n return 'collapsed';\n }, [defaultMode, shell.currentBreakpoint]);\n\n const lastSidebarBpRef = 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 (lastSidebarBpRef.current === shell.currentBreakpoint) return; // only on bp change\n lastSidebarBpRef.current = shell.currentBreakpoint as Breakpoint;\n const next = resolveResponsiveMode();\n if (next !== shell.sidebarMode) shell.setSidebarMode(next);\n }, [\n mode,\n shell.currentBreakpoint,\n shell.currentBreakpointReady,\n resolveResponsiveMode,\n shell.sidebarMode,\n shell.setSidebarMode,\n ]);\n\n const handleEl =\n resizable && !isOverlay && shell.sidebarMode === 'expanded' ? (\n <PaneResizeContext.Provider\n value={{\n containerRef: localRef,\n cssVarName: '--sidebar-size',\n minSize,\n maxSize,\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,\n onResizeEnd: (size) => {\n onResizeEnd?.(size);\n persistenceAdapter?.save?.(size);\n },\n target: 'sidebar',\n collapsible,\n snapPoints,\n snapTolerance: snapTolerance ?? 8,\n collapseThreshold,\n requestCollapse: () => shell.setSidebarMode('collapsed'),\n requestToggle: () => shell.togglePane('sidebar'),\n }}\n >\n {handleChildren.length > 0 ? (\n handleChildren.map((el, i) => React.cloneElement(el, { key: el.key ?? i }))\n ) : (\n <PaneHandle />\n )}\n </PaneResizeContext.Provider>\n ) : null;\n\n if (isOverlay) {\n const open = shell.sidebarMode !== 'collapsed';\n return (\n <Sheet.Root\n open={open}\n onOpenChange={(o) => shell.setSidebarMode(o ? 'expanded' : 'collapsed')}\n >\n <Sheet.Content\n side=\"start\"\n style={{ padding: 0 }}\n width={{\n initial: `${open ? (shell.sidebarMode === 'thin' ? thinSize : expandedSize) : lastOverlayWidthRef.current}px`,\n }}\n >\n <VisuallyHidden>\n <Sheet.Title>Sidebar</Sheet.Title>\n </VisuallyHidden>\n {children}\n </Sheet.Content>\n </Sheet.Root>\n );\n }\n\n return (\n <div\n {...props}\n ref={setRef}\n className={classNames('rt-ShellSidebar', className)}\n data-mode={shell.sidebarMode}\n data-peek={shell.peekTarget === 'sidebar' || undefined}\n data-presentation={resolvedPresentation}\n style={{\n ...style,\n ['--sidebar-size' as any]: `${expandedSize}px`,\n ['--sidebar-thin-size' as any]: `${thinSize}px`,\n ['--sidebar-min-size' as any]: `${minSize}px`,\n ['--sidebar-max-size' as any]: `${maxSize}px`,\n // When peeking in fixed presentation, use the next toggle target's width (thin or expanded)\n ...(shell.peekTarget === 'sidebar' && !isOverlay\n ? (() => {\n const enabled = (\n toggleModes && toggleModes.length > 0\n ? toggleModes\n : (['thin', 'expanded'] as const)\n ) as Array<'thin' | 'expanded'>;\n const current = shell.sidebarMode as SidebarMode;\n let next: SidebarMode = 'collapsed';\n if (current === 'collapsed') {\n next = (enabled[0] ?? 'expanded') as SidebarMode;\n } else if (current === 'thin') {\n next = enabled.includes('expanded') ? 'expanded' : 'collapsed';\n } else {\n next = enabled.includes('thin') ? 'thin' : 'collapsed';\n }\n const peekWidth = next === 'thin' ? thinSize : expandedSize;\n return { ['--peek-sidebar-width' as any]: `${peekWidth}px` } as React.CSSProperties;\n })()\n : {}),\n }}\n >\n <div className=\"rt-ShellSidebarContent\" data-visible={isContentVisible || undefined}>\n {contentChildren}\n </div>\n {handleEl}\n </div>\n );\n },\n) as SidebarComponent;\nSidebar.displayName = 'Shell.Sidebar';\nSidebar.Handle = SidebarHandle;\n\n// Content (always required)\ninterface ShellContentProps extends React.ComponentPropsWithoutRef<'main'> {}\n\nconst Content = React.forwardRef<HTMLElement, ShellContentProps>(({ className, ...props }, ref) => (\n <main {...props} ref={ref} className={classNames('rt-ShellContent', className)} />\n));\nContent.displayName = 'Shell.Content';\n\n// Inspector\nconst Inspector = React.forwardRef<HTMLDivElement, PaneProps>(\n (\n {\n className,\n presentation = { initial: 'overlay', lg: 'fixed' },\n mode,\n defaultMode = 'collapsed',\n onModeChange,\n expandedSize = 320,\n minSize = 200,\n maxSize = 500,\n resizable = false,\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 const resolvedPresentation = useResponsivePresentation(presentation);\n const isOverlay = resolvedPresentation === 'overlay';\n const isStacked = resolvedPresentation === 'stacked';\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(\n (el: React.ReactElement) => React.isValidElement(el) && el.type === InspectorHandle,\n );\n const contentChildren = childArray.filter(\n (el: React.ReactElement) => !(React.isValidElement(el) && el.type === InspectorHandle),\n );\n\n // Apply responsive defaultMode only on mount and when breakpoint changes (uncontrolled Inspector)\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(\n 'initial' as Breakpoint,\n );\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 lastInspectorBpRef = 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 (lastInspectorBpRef.current === shell.currentBreakpoint) return; // only on bp change\n lastInspectorBpRef.current = shell.currentBreakpoint as Breakpoint;\n const next = resolveResponsiveMode();\n if (next !== shell.inspectorMode) {\n shell.setInspectorMode(next);\n }\n }, [\n mode,\n shell.currentBreakpoint,\n shell.currentBreakpointReady,\n resolveResponsiveMode,\n shell.inspectorMode,\n shell.setInspectorMode,\n ]);\n\n // Sync controlled mode\n React.useEffect(() => {\n if (mode !== undefined && shell.inspectorMode !== mode) {\n shell.setInspectorMode(mode);\n }\n }, [mode, shell]);\n\n // Emit mode changes\n React.useEffect(() => {\n if (mode === undefined) {\n onModeChange?.(shell.inspectorMode);\n }\n }, [shell.inspectorMode, mode, onModeChange]);\n\n // Emit expand/collapse events\n React.useEffect(() => {\n if (shell.inspectorMode === 'expanded') {\n onExpand?.();\n } else {\n onCollapse?.();\n }\n }, [shell.inspectorMode, onExpand, onCollapse]);\n\n const isExpanded = shell.inspectorMode === 'expanded';\n\n // Default persistence if paneId provided and none supplied (fixed only)\n const persistenceAdapter = React.useMemo(() => {\n if (!paneId || persistence) return persistence;\n const key = `kookie-ui:shell:inspector:${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 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('--inspector-size', `${loaded}px`);\n onResize?.(loaded);\n }\n })();\n return () => {\n mounted = false;\n };\n }, [resizable, persistenceAdapter, onResize, isOverlay]);\n\n const handleEl =\n resizable && !isOverlay && isExpanded ? (\n <PaneResizeContext.Provider\n value={{\n containerRef: localRef,\n cssVarName: '--inspector-size',\n minSize,\n maxSize,\n defaultSize: expandedSize,\n orientation: 'vertical',\n edge: 'start',\n computeNext: (client, startClient, startSize) => {\n const isRtl = getComputedStyle(localRef.current!).direction === 'rtl';\n const delta = client - startClient;\n // start edge; reverse for LTR\n return startSize + (isRtl ? delta : -delta);\n },\n onResize,\n onResizeStart,\n onResizeEnd: (size) => {\n onResizeEnd?.(size);\n persistenceAdapter?.save?.(size);\n },\n target: 'inspector',\n collapsible,\n snapPoints,\n snapTolerance: snapTolerance ?? 8,\n collapseThreshold,\n requestCollapse: () => shell.setInspectorMode('collapsed'),\n requestToggle: () => shell.togglePane('inspector'),\n }}\n >\n {handleChildren.length > 0 ? (\n handleChildren.map((el, i) => React.cloneElement(el, { key: el.key ?? i }))\n ) : (\n <PaneHandle />\n )}\n </PaneResizeContext.Provider>\n ) : null;\n\n if (isOverlay) {\n const open = shell.inspectorMode === 'expanded';\n return (\n <Sheet.Root\n open={open}\n onOpenChange={(o) => shell.setInspectorMode(o ? 'expanded' : 'collapsed')}\n >\n <Sheet.Content side=\"end\" style={{ padding: 0 }} width={{ initial: `${expandedSize}px` }}>\n <VisuallyHidden>\n <Sheet.Title>Inspector</Sheet.Title>\n </VisuallyHidden>\n {children}\n </Sheet.Content>\n </Sheet.Root>\n );\n }\n\n return (\n <div\n {...props}\n ref={setRef}\n className={classNames('rt-ShellInspector', className)}\n data-mode={shell.inspectorMode}\n data-peek={shell.peekTarget === 'inspector' || undefined}\n data-presentation={resolvedPresentation}\n data-open={(isStacked && isExpanded) || undefined}\n style={{\n ...style,\n ['--inspector-size' as any]: `${expandedSize}px`,\n ['--inspector-min-size' as any]: `${minSize}px`,\n ['--inspector-max-size' as any]: `${maxSize}px`,\n }}\n >\n <div className=\"rt-ShellInspectorContent\" data-visible={isExpanded || undefined}>\n {contentChildren}\n </div>\n {handleEl}\n </div>\n );\n },\n) as InspectorComponent;\nInspector.displayName = 'Shell.Inspector';\nInspector.Handle = InspectorHandle;\n\n// Bottom\nconst Bottom = React.forwardRef<HTMLDivElement, PaneProps>(\n (\n {\n className,\n presentation = 'fixed', // Bottom is usually fixed\n mode,\n defaultMode = 'collapsed',\n onModeChange,\n expandedSize = 200,\n minSize = 100,\n maxSize = 400,\n resizable = false,\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 const resolvedPresentation = useResponsivePresentation(presentation);\n const isOverlay = resolvedPresentation === 'overlay';\n const isStacked = resolvedPresentation === 'stacked';\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(\n (el: React.ReactElement) => React.isValidElement(el) && el.type === BottomHandle,\n );\n const contentChildren = childArray.filter(\n (el: React.ReactElement) => !(React.isValidElement(el) && el.type === BottomHandle),\n );\n\n // Honor defaultMode on mount when uncontrolled\n const didInitRef = React.useRef(false);\n React.useEffect(() => {\n if (didInitRef.current) return;\n didInitRef.current = true;\n if (mode === undefined && shell.bottomMode !== (defaultMode as PaneMode)) {\n shell.setBottomMode(defaultMode as PaneMode);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n // Sync controlled mode\n React.useEffect(() => {\n if (mode !== undefined && shell.bottomMode !== mode) {\n shell.setBottomMode(mode);\n }\n }, [mode, shell]);\n\n // Emit mode changes\n React.useEffect(() => {\n if (mode === undefined) {\n onModeChange?.(shell.bottomMode);\n }\n }, [shell.bottomMode, mode, onModeChange]);\n\n // Emit expand/collapse events\n React.useEffect(() => {\n if (shell.bottomMode === 'expanded') {\n onExpand?.();\n } else {\n onCollapse?.();\n }\n }, [shell.bottomMode, onExpand, onCollapse]);\n\n const isExpanded = shell.bottomMode === 'expanded';\n\n // Default persistence if paneId provided and none supplied (fixed only)\n const persistenceAdapter = React.useMemo(() => {\n if (!paneId || persistence) return persistence;\n const key = `kookie-ui:shell:bottom:${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 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('--bottom-size', `${loaded}px`);\n onResize?.(loaded);\n }\n })();\n return () => {\n mounted = false;\n };\n }, [resizable, persistenceAdapter, onResize, isOverlay]);\n\n const handleEl =\n resizable && !isOverlay && isExpanded ? (\n <PaneResizeContext.Provider\n value={{\n containerRef: localRef,\n cssVarName: '--bottom-size',\n minSize,\n maxSize,\n defaultSize: expandedSize,\n orientation: 'horizontal',\n edge: 'start',\n computeNext: (client, startClient, startSize) => {\n const delta = client - startClient;\n return startSize - delta; // drag up reduces size\n },\n onResize,\n onResizeStart,\n onResizeEnd: (size) => {\n onResizeEnd?.(size);\n persistenceAdapter?.save?.(size);\n },\n target: 'bottom',\n collapsible,\n snapPoints,\n snapTolerance: snapTolerance ?? 8,\n collapseThreshold,\n requestCollapse: () => shell.setBottomMode('collapsed'),\n requestToggle: () => shell.togglePane('bottom'),\n }}\n >\n {handleChildren.length > 0 ? (\n handleChildren.map((el, i) => React.cloneElement(el, { key: el.key ?? i }))\n ) : (\n <PaneHandle />\n )}\n </PaneResizeContext.Provider>\n ) : null;\n\n if (isOverlay) {\n const open = shell.bottomMode === 'expanded';\n return (\n <Sheet.Root\n open={open}\n onOpenChange={(o) => shell.setBottomMode(o ? 'expanded' : 'collapsed')}\n >\n <Sheet.Content\n side=\"bottom\"\n style={{ padding: 0 }}\n height={{ initial: `${expandedSize}px` }}\n >\n <VisuallyHidden>\n <Sheet.Title>Bottom panel</Sheet.Title>\n </VisuallyHidden>\n {children}\n </Sheet.Content>\n </Sheet.Root>\n );\n }\n\n return (\n <div\n {...props}\n ref={setRef}\n className={classNames('rt-ShellBottom', className)}\n data-mode={shell.bottomMode}\n data-peek={shell.peekTarget === 'bottom' || undefined}\n data-presentation={resolvedPresentation}\n data-open={(isStacked && isExpanded) || undefined}\n style={{\n ...style,\n ['--bottom-size' as any]: `${expandedSize}px`,\n ['--bottom-min-size' as any]: `${minSize}px`,\n ['--bottom-max-size' as any]: `${maxSize}px`,\n }}\n >\n <div className=\"rt-ShellBottomContent\" data-visible={isExpanded || undefined}>\n {contentChildren}\n </div>\n {handleEl}\n </div>\n );\n },\n) as BottomComponent;\nBottom.displayName = 'Shell.Bottom';\nBottom.Handle = BottomHandle;\n\n// Trigger\ntype PaneTarget = 'left' | 'rail' | 'panel' | 'sidebar' | 'inspector' | 'bottom';\ntype TriggerAction = 'toggle' | 'expand' | 'collapse';\n\ninterface TriggerProps extends React.ComponentPropsWithoutRef<'button'> {\n target: PaneTarget;\n action?: TriggerAction;\n /**\n * If true, peeks the target on hover and clears on leave.\n * If set to 'collapsed', only peeks when the target is currently collapsed (recommended).\n */\n peekOnHover?: boolean | 'collapsed';\n}\n\nconst Trigger = React.forwardRef<HTMLButtonElement, TriggerProps>(\n (\n {\n target,\n action = 'toggle',\n peekOnHover,\n onClick,\n onMouseEnter,\n onMouseLeave,\n children,\n ...props\n },\n ref,\n ) => {\n const shell = useShell();\n\n const handleClick = React.useCallback(\n (event: React.MouseEvent<HTMLButtonElement>) => {\n onClick?.(event);\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) return;\n const shouldPeek = peekOnHover === 'collapsed' ? isCollapsed : true;\n if (shouldPeek) {\n // Use the actual target for peek behavior (not mapped to left)\n shell.peekPane(target);\n }\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\n {...props}\n ref={ref}\n onClick={handleClick}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n data-shell-trigger={target}\n data-shell-action={action}\n >\n {children}\n </button>\n );\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"],
5
+ "mappings": "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",
6
+ "names": ["React", "classNames", "Sheet", "VisuallyHidden", "BREAKPOINTS", "ShellContext", "useShell", "ctx", "PaneResizeContext", "usePaneResize", "PaneHandle", "className", "children", "props", "ref", "containerRef", "cssVarName", "minSize", "maxSize", "defaultSize", "orientation", "edge", "computeNext", "onResize", "onResizeStart", "onResizeEnd", "snapPoints", "snapTolerance", "collapseThreshold", "collapsible", "target", "requestCollapse", "requestToggle", "activeCleanupRef", "ariaOrientation", "e", "container", "handleEl", "pointerId", "startClient", "startSize", "clamp", "v", "body", "prevCursor", "prevUserSelect", "handleMove", "ev", "client", "next", "cleanup", "handleUp", "handleKey", "finalSize", "snapped", "nearest", "acc", "p", "kev", "current", "step", "delta", "PanelHandle", "SidebarHandle", "InspectorHandle", "BottomHandle", "useResponsivePresentation", "presentation", "currentBreakpoint", "order", "startIdx", "i", "bp", "useBreakpoint", "currentBp", "setCurrentBp", "ready", "setReady", "mqls", "k", "q", "compute", "matched", "m", "Root", "height", "currentBreakpointReady", "leftMode", "setLeftMode", "panelMode", "setPanelMode", "sidebarMode", "setSidebarMode", "inspectorMode", "setInspectorMode", "bottomMode", "setBottomMode", "hasLeft", "setHasLeft", "hasSidebar", "setHasSidebar", "sidebarToggleComputerRef", "setSidebarToggleComputer", "fn", "devLeftPres", "setDevLeftPres", "onLeftPres", "railDefaultSizeRef", "panelDefaultSizeRef", "onRailDefaults", "size", "onPanelDefaults", "hasLeftChildren", "childArray", "isType", "el", "comp", "Rail", "Panel", "hasSidebarChildren", "Sidebar", "togglePane", "prev", "expandPane", "collapsePane", "baseContextValue", "headerEls", "Header", "railEls", "panelEls", "sidebarEls", "contentEls", "Content", "inspectorEls", "Inspector", "bottomEls", "Bottom", "heightStyle", "peekTarget", "setPeekTarget", "peekPane", "clearPeek", "firstRail", "passthroughProps", "Left", "style", "mode", "defaultMode", "onModeChange", "onExpand", "onCollapse", "shell", "resolvedPresentation", "isOverlay", "isStacked", "localRef", "setRef", "node", "resolveResponsiveMode", "dm", "lastBpRef", "isExpanded", "open", "railEl", "panelEl", "railSize", "panelSize", "hasRail", "hasPanel", "overlayPx", "o", "includePanel", "floatingWidthPx", "expandedSize", "resizable", "paneId", "persistence", "handleChildren", "contentChildren", "persistenceAdapter", "key", "mounted", "loaded", "leftEl", "isRtl", "thinSize", "toggleModes", "sidebarId", "didInitRef", "isContentVisible", "shellForToggle", "enabled", "cur", "lastOverlayWidthRef", "lastOverlayModeRef", "lastSidebarBpRef", "lastInspectorBpRef", "Trigger", "action", "peekOnHover", "onClick", "onMouseEnter", "onMouseLeave", "handleClick", "event", "isCollapsed", "handleMouseEnter", "handleMouseLeave"]
7
7
  }
@@ -13,11 +13,6 @@ type BadgeConfig = {
13
13
  highContrast?: BadgeProps['highContrast'];
14
14
  radius?: BadgeProps['radius'];
15
15
  };
16
- type ShellSidebarSectionContextValue = {
17
- side: 'start' | 'end';
18
- section: 'rail' | 'panel';
19
- };
20
- declare const ShellSidebarSectionContext: React.Context<ShellSidebarSectionContextValue | null>;
21
16
  type SidebarOwnProps = GetPropDefTypes<typeof sidebarPropDefs>;
22
17
  interface SidebarProps extends ComponentPropsWithout<'div', RemovedProps>, SidebarOwnProps {
23
18
  }
@@ -134,6 +129,5 @@ export { Sidebar as Root, SidebarContent as Content, SidebarHeader as Header, Si
134
129
  * - Justification: rt-justify-between, rt-justify-center, rt-justify-start, rt-justify-end
135
130
  * - Gap: rt-gap-1, rt-gap-2, rt-gap-3, rt-gap-4
136
131
  */
137
- export type { SidebarProps as RootProps, SidebarContentProps as ContentProps, SidebarHeaderProps as HeaderProps, SidebarFooterProps as FooterProps, BadgeConfig, ShellSidebarSectionContextValue, };
138
- export { ShellSidebarSectionContext };
132
+ export type { SidebarProps as RootProps, SidebarContentProps as ContentProps, SidebarHeaderProps as HeaderProps, SidebarFooterProps as FooterProps, BadgeConfig, };
139
133
  //# sourceMappingURL=sidebar.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar.tsx"],"names":[],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- "use client";import*as e from"react";import i from"classnames";import{Slot as N}from"./slot.js";import{Accordion as f}from"radix-ui";import{sidebarPropDefs as b}from"./sidebar.props.js";import{useThemeContext as j}from"./theme.js";import{ScrollArea as K}from"./scroll-area.js";import{Separator as O}from"./separator.js";import{ThickChevronRightIcon as _}from"./icons.js";import{extractProps as q}from"../helpers/extract-props.js";import{Kbd as U}from"./kbd.js";import{Badge as x}from"./badge.js";const T=e.createContext(null);function v(){return e.useContext(T)}const B=e.createContext(null);function J(){return e.useContext(B)}const H=e.forwardRef((r,o)=>{const t=j(),{size:a=b.size.default,variant:s=b.variant.default,menuVariant:d=b.menuVariant.default,layout:u=b.layout.default,panelBackground:S,color:p,highContrast:l=b.highContrast.default}=r,{className:P,children:M,...C}=q(r,b),{asChild:F,panelBackground:g,...h}=C,m=p||t.accentColor,y=J(),n=u||y?.section||"panel",c=typeof a=="object"?a.initial||"2":a;return e.createElement("div",{...h,ref:o,"data-accent-color":m,className:i("rt-SidebarRoot",P)},e.createElement(T.Provider,{value:{size:c,menuVariant:d}},e.createElement("div",{className:i("rt-SidebarContainer",`rt-variant-${s}`,`rt-r-size-${c}`,`rt-menu-variant-${d}`,n&&`rt-layout-${n}`),"data-accent-color":m,"data-high-contrast":l||void 0,"data-panel-background":S,"data-layout":n},M)))});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 S=v(),p=S?.size??"2",l=S?.menuVariant??"soft";return e.createElement(K,{type:"hover"},e.createElement("div",{...d,ref:u,id:s,role:t,"aria-label":a,className:i("rt-BaseMenuContent","rt-SidebarContent",`rt-r-size-${p}`,`rt-menu-variant-${l}`,r)},o))});L.displayName="Sidebar.Content";const R=e.forwardRef(({className:r,asContainer:o=!0,...t},a)=>{const s=v(),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 E=e.forwardRef(({className:r,asContainer:o=!0,...t},a)=>{const s=v(),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)})});E.displayName="Sidebar.Footer";const z=e.forwardRef(({className:r,...o},t)=>e.createElement(O,{...o,ref:t,className:i("rt-SidebarSeparator",r)}));z.displayName="Sidebar.Separator";const w=e.forwardRef(({className:r,...o},t)=>e.createElement("ul",{...o,ref:t,role:"menu",className:i("rt-BaseMenuViewport","rt-SidebarMenu",r)}));w.displayName="Sidebar.Menu";const V=e.forwardRef(({className:r,...o},t)=>e.createElement("li",{...o,ref:t,className:i("rt-SidebarMenuItem",r)}));V.displayName="Sidebar.MenuItem";const G=e.forwardRef(({asChild:r=!1,isActive:o=!1,shortcut:t,badge:a,className:s,children:d,onMouseEnter:u,onMouseLeave:S,onKeyDown:p,...l},P)=>{const[M,C]=e.useState(!1),g=v()?.size??"2",h=r?N:"button",{onClick:m}=l,y=e.useCallback(n=>{switch(n.key){case"Enter":case" ":n.preventDefault(),m&&m(n);break;case"ArrowDown":{n.preventDefault();const c=n.currentTarget.nextElementSibling?.querySelector('[role="menuitem"]');c&&c.focus();break}case"ArrowUp":{n.preventDefault();const c=n.currentTarget.previousElementSibling?.querySelector('[role="menuitem"]');c&&c.focus();break}}p?.(n)},[m,p]);return e.createElement(h,{...l,ref:P,role:"menuitem","aria-current":o?"page":void 0,className:i("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton",s),"data-active":o||void 0,"data-highlighted":M||void 0,onKeyDown:y,onMouseEnter:n=>{C(!0),u?.(n)},onMouseLeave:n=>{C(!1),S?.(n)}},r?d:e.createElement(e.Fragment,null,d,a&&e.createElement("div",{className:"rt-SidebarMenuBadge"},typeof a=="string"?e.createElement(x,{size:g,variant:"soft"},a):e.createElement(x,{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(U,{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(f.Root,{type:"single",collapsible:!0,defaultValue:r?"item":void 0},e.createElement(f.Item,{value:"item"},o))));I.displayName="Sidebar.MenuSub";const D=e.forwardRef(({asChild:r=!1,className:o,children:t,onMouseEnter:a,onMouseLeave:s,...d},u)=>{const[S,p]=e.useState(!1);return e.createElement(f.Header,{asChild:!0},e.createElement("div",null,e.createElement(f.Trigger,{...d,ref:u,asChild:r,role:"menuitem","aria-haspopup":"true",className:i("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton","rt-SidebarMenuSubTrigger",o),"data-highlighted":S||void 0,onMouseEnter:l=>{p(!0),a?.(l)},onMouseLeave:l=>{p(!1),s?.(l)}},r?t:e.createElement(e.Fragment,null,t,e.createElement(_,{className:i("rt-BaseMenuSubTriggerIcon","rt-SidebarMenuSubTriggerIcon")})))))});D.displayName="Sidebar.MenuSubTrigger";const W=e.forwardRef(({className:r,children:o,...t},a)=>e.createElement(f.Content,{...t,ref:a,className:i("rt-SidebarMenuSubContent",r)},e.createElement("div",{className:"rt-SidebarMenuSubList"},o)));W.displayName="Sidebar.MenuSubContent";const A=e.forwardRef(({className:r,...o},t)=>e.createElement("div",{...o,ref:t,className:i("rt-BaseMenuGroup","rt-SidebarGroup",r)}));A.displayName="Sidebar.Group";const k=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)}));k.displayName="Sidebar.GroupLabel";const $=e.forwardRef(({className:r,...o},t)=>e.createElement("div",{...o,ref:t,className:i("rt-SidebarGroupContent",r)}));$.displayName="Sidebar.GroupContent";export{L as Content,E as Footer,A as Group,$ as GroupContent,k as GroupLabel,R as Header,w as Menu,G as MenuButton,V as MenuItem,I as MenuSub,W as MenuSubContent,D as MenuSubTrigger,H as Root,z as Separator,B as ShellSidebarSectionContext};
1
+ "use client";import*as e from"react";import i from"classnames";import{Slot as N}from"./slot.js";import{Accordion as C}from"radix-ui";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,...g}=_(r,b),{asChild:$,panelBackground:v,...y}=g,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)},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-BaseMenuViewport","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,g]=e.useState(!1),v=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=>{g(!0),u?.(n)},onMouseLeave:n=>{g(!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:v,variant:"soft"},a):e.createElement(T,{size:a.size||v,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:v},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};
2
2
  //# sourceMappingURL=sidebar.js.map