@kushagradhawan/kookie-ui 0.1.39 → 0.1.40
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.
- package/components.css +154 -33
- package/dist/cjs/components/shell.d.ts +2 -0
- package/dist/cjs/components/shell.d.ts.map +1 -1
- package/dist/cjs/components/shell.js +1 -1
- package/dist/cjs/components/shell.js.map +3 -3
- package/dist/cjs/hooks/use-body-pointer-events-cleanup.d.ts.map +1 -1
- package/dist/cjs/hooks/use-body-pointer-events-cleanup.js +1 -1
- package/dist/cjs/hooks/use-body-pointer-events-cleanup.js.map +3 -3
- package/dist/esm/components/shell.d.ts +2 -0
- package/dist/esm/components/shell.d.ts.map +1 -1
- package/dist/esm/components/shell.js +1 -1
- package/dist/esm/components/shell.js.map +3 -3
- package/dist/esm/hooks/use-body-pointer-events-cleanup.d.ts.map +1 -1
- package/dist/esm/hooks/use-body-pointer-events-cleanup.js +1 -1
- package/dist/esm/hooks/use-body-pointer-events-cleanup.js.map +3 -3
- package/package.json +1 -1
- package/src/components/_internal/base-card.css +199 -83
- package/src/components/_internal/base-sidebar-menu.css +9 -9
- package/src/components/shell.css +7 -5
- package/src/components/shell.tsx +5 -3
- package/src/components/table.css +4 -0
- package/src/hooks/use-body-pointer-events-cleanup.ts +76 -45
- package/styles.css +154 -33
|
@@ -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}\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 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: SingleView[] = ['panel', 'rail', 'collapsed'];\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],\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-header-height' as any]: headerHeight,\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": ["shell_exports", "__export", "Content", "Footer", "Header", "Root", "Sidebar", "Trigger", "usePanelState", "useRailEvents", "useShell", "useSidebar", "__toCommonJS", "React", "import_classnames", "import_icon_button", "import_icons", "import_inert", "Sheet", "import_visually_hidden", "import_sidebar", "ShellContext", "ctx", "SidebarSectionContext", "useSidebarSection", "RailContext", "PanelContext", "getDocumentDirection", "minContentWidth", "rtl", "headerHeight", "zHeader", "cascadeSide", "activeToolProp", "onToolChange", "activeContextProp", "onContextChange", "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", "footerEls", "contentEls", "sidebarEls", "startSidebars", "endSidebars", "bodyChildren", "classNames", "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", "isSplit"]
|
|
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": ["shell_exports", "__export", "Content", "Footer", "Header", "Root", "Sidebar", "Trigger", "usePanelState", "useRailEvents", "useShell", "useSidebar", "__toCommonJS", "React", "import_classnames", "import_icon_button", "import_icons", "import_inert", "Sheet", "import_visually_hidden", "import_sidebar", "ShellContext", "ctx", "SidebarSectionContext", "useSidebarSection", "RailContext", "PanelContext", "getDocumentDirection", "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", "footerEls", "contentEls", "sidebarEls", "startSidebars", "endSidebars", "bodyChildren", "classNames", "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", "isSplit"]
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-body-pointer-events-cleanup.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-body-pointer-events-cleanup.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,wBAAgB,2BAA2B,
|
|
1
|
+
{"version":3,"file":"use-body-pointer-events-cleanup.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-body-pointer-events-cleanup.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,wBAAgB,2BAA2B,SAoG1C"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var m=Object.create;var d=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var f=(e,t)=>{for(var o in t)d(e,o,{get:t[o],enumerable:!0})},i=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of v(t))!b.call(e,n)&&n!==o&&d(e,n,{get:()=>t[n],enumerable:!(a=p(t,n))||a.enumerable});return e};var E=(e,t,o)=>(o=e!=null?m(y(e)):{},i(t||!e||!e.__esModule?d(o,"default",{value:e,enumerable:!0}):o,e)),g=e=>i(d({},"__esModule",{value:!0}),e);var L={};f(L,{useBodyPointerEventsCleanup:()=>I});module.exports=g(L);var k=E(require("react"));let l=!1;function I(){k.useEffect(()=>{if(typeof document>"u"||l)return;l=!0;const e=()=>{const r=!!document.querySelector('[role="dialog"][aria-modal="true"], [role="alertdialog"][aria-modal="true"]'),s=!!document.querySelector('[data-radix-popper-content-wrapper], [data-state="open"]');return r||s},t=()=>{document.body.style.pointerEvents==="none"&&(console.log("[KookieUI] Force cleaning stuck pointer-events: none from body"),document.body.style.pointerEvents="",document.body.removeAttribute("data-scroll-locked"),document.body.removeAttribute("data-remove-scroll"),document.body.classList.remove("ReactModal__Body--open"))},o=()=>{document.body.style.pointerEvents==="none"&&!e()&&(console.log("[KookieUI] Safe cleaning stuck pointer-events: none from body"),document.body.style.pointerEvents="")},a=r=>{const s=r.target;s&&!s.closest('[role="dialog"], [role="alertdialog"], [data-radix-popper-content-wrapper]')&&setTimeout(t,100)},n=r=>{r.key==="Escape"&&setTimeout(t,200)},c=()=>{setTimeout(o,50)};document.addEventListener("click",a,!0),document.addEventListener("keydown",n,!0),document.addEventListener("pointerup",c,!0),document.addEventListener("transitionend",c,!0),document.addEventListener("animationend",c,!0),new MutationObserver(()=>{setTimeout(o,0)}).observe(document.body,{childList:!0,subtree:!0,attributes:!0});const u=setInterval(()=>{document.body.style.pointerEvents==="none"&&!e()&&(console.log("[KookieUI] Periodic cleanup of stuck pointer-events"),document.body.style.pointerEvents="")},1e3);return setTimeout(o,100),()=>{clearInterval(u)}},[])}
|
|
2
2
|
//# sourceMappingURL=use-body-pointer-events-cleanup.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/use-body-pointer-events-cleanup.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\n\nlet
|
|
5
|
-
"mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iCAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBAEvB,IAAIC,
|
|
6
|
-
"names": ["use_body_pointer_events_cleanup_exports", "__export", "useBodyPointerEventsCleanup", "__toCommonJS", "React", "
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\n\nlet cleanupInstalled = false;\n\n/**\n * Hook to cleanup stuck pointer-events: none on document.body\n *\n * This addresses an issue where react-remove-scroll (used by Radix UI Dialog)\n * sometimes fails to restore body pointer-events after dialog closes,\n * leaving the page unclickable.\n */\nexport function useBodyPointerEventsCleanup() {\n React.useEffect(() => {\n if (typeof document === 'undefined') return;\n if (cleanupInstalled) return;\n\n cleanupInstalled = true;\n\n const hasOpenModal = (): boolean => {\n // Check for open dialogs/alertdialogs\n const hasDialogs = Boolean(\n document.querySelector(\n '[role=\"dialog\"][aria-modal=\"true\"], [role=\"alertdialog\"][aria-modal=\"true\"]',\n ),\n );\n\n // Also check for any Radix overlays that are still mounted\n const hasRadixOverlays = Boolean(\n document.querySelector('[data-radix-popper-content-wrapper], [data-state=\"open\"]'),\n );\n\n return hasDialogs || hasRadixOverlays;\n };\n\n const forceCleanup = () => {\n // Aggressive cleanup - remove pointer-events regardless\n if (document.body.style.pointerEvents === 'none') {\n console.log('[KookieUI] Force cleaning stuck pointer-events: none from body');\n document.body.style.pointerEvents = '';\n\n // Also remove any scroll-lock related attributes\n document.body.removeAttribute('data-scroll-locked');\n document.body.removeAttribute('data-remove-scroll');\n\n // Remove any classes that might be causing issues\n document.body.classList.remove('ReactModal__Body--open');\n }\n };\n\n const safeCleanup = () => {\n if (document.body.style.pointerEvents === 'none' && !hasOpenModal()) {\n console.log('[KookieUI] Safe cleaning stuck pointer-events: none from body');\n document.body.style.pointerEvents = '';\n }\n };\n\n // Force cleanup on any click outside modal content\n const onDocumentClick = (event: Event) => {\n const target = event.target as Element;\n if (\n target &&\n !target.closest(\n '[role=\"dialog\"], [role=\"alertdialog\"], [data-radix-popper-content-wrapper]',\n )\n ) {\n // Clicked outside any modal - force cleanup after a short delay\n setTimeout(forceCleanup, 100);\n }\n };\n\n // Force cleanup on ESC key\n const onEscapeKey = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n setTimeout(forceCleanup, 200);\n }\n };\n\n // Safe cleanup on other interactions\n const onInteraction = () => {\n setTimeout(safeCleanup, 50);\n };\n\n // Install global listeners\n document.addEventListener('click', onDocumentClick, true);\n document.addEventListener('keydown', onEscapeKey, true);\n document.addEventListener('pointerup', onInteraction, true);\n document.addEventListener('transitionend', onInteraction, true);\n document.addEventListener('animationend', onInteraction, true);\n\n // Watch for DOM changes that might indicate overlay removal\n const observer = new MutationObserver(() => {\n setTimeout(safeCleanup, 0);\n });\n observer.observe(document.body, { childList: true, subtree: true, attributes: true });\n\n // Fallback periodic cleanup\n const intervalId = setInterval(() => {\n if (document.body.style.pointerEvents === 'none' && !hasOpenModal()) {\n console.log('[KookieUI] Periodic cleanup of stuck pointer-events');\n document.body.style.pointerEvents = '';\n }\n }, 1000);\n\n // Initial cleanup\n setTimeout(safeCleanup, 100);\n\n // Cleanup function (keep listeners for app lifetime)\n return () => {\n clearInterval(intervalId);\n };\n }, []);\n}\n"],
|
|
5
|
+
"mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iCAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBAEvB,IAAIC,EAAmB,GAShB,SAASH,GAA8B,CAC5CE,EAAM,UAAU,IAAM,CAEpB,GADI,OAAO,SAAa,KACpBC,EAAkB,OAEtBA,EAAmB,GAEnB,MAAMC,EAAe,IAAe,CAElC,MAAMC,EAAa,EACjB,SAAS,cACP,6EACF,EAIIC,EAAmB,EACvB,SAAS,cAAc,0DAA0D,EAGnF,OAAOD,GAAcC,CACvB,EAEMC,EAAe,IAAM,CAErB,SAAS,KAAK,MAAM,gBAAkB,SACxC,QAAQ,IAAI,gEAAgE,EAC5E,SAAS,KAAK,MAAM,cAAgB,GAGpC,SAAS,KAAK,gBAAgB,oBAAoB,EAClD,SAAS,KAAK,gBAAgB,oBAAoB,EAGlD,SAAS,KAAK,UAAU,OAAO,wBAAwB,EAE3D,EAEMC,EAAc,IAAM,CACpB,SAAS,KAAK,MAAM,gBAAkB,QAAU,CAACJ,EAAa,IAChE,QAAQ,IAAI,+DAA+D,EAC3E,SAAS,KAAK,MAAM,cAAgB,GAExC,EAGMK,EAAmBC,GAAiB,CACxC,MAAMC,EAASD,EAAM,OAEnBC,GACA,CAACA,EAAO,QACN,4EACF,GAGA,WAAWJ,EAAc,GAAG,CAEhC,EAGMK,EAAeF,GAAyB,CACxCA,EAAM,MAAQ,UAChB,WAAWH,EAAc,GAAG,CAEhC,EAGMM,EAAgB,IAAM,CAC1B,WAAWL,EAAa,EAAE,CAC5B,EAGA,SAAS,iBAAiB,QAASC,EAAiB,EAAI,EACxD,SAAS,iBAAiB,UAAWG,EAAa,EAAI,EACtD,SAAS,iBAAiB,YAAaC,EAAe,EAAI,EAC1D,SAAS,iBAAiB,gBAAiBA,EAAe,EAAI,EAC9D,SAAS,iBAAiB,eAAgBA,EAAe,EAAI,EAG5C,IAAI,iBAAiB,IAAM,CAC1C,WAAWL,EAAa,CAAC,CAC3B,CAAC,EACQ,QAAQ,SAAS,KAAM,CAAE,UAAW,GAAM,QAAS,GAAM,WAAY,EAAK,CAAC,EAGpF,MAAMM,EAAa,YAAY,IAAM,CAC/B,SAAS,KAAK,MAAM,gBAAkB,QAAU,CAACV,EAAa,IAChE,QAAQ,IAAI,qDAAqD,EACjE,SAAS,KAAK,MAAM,cAAgB,GAExC,EAAG,GAAI,EAGP,kBAAWI,EAAa,GAAG,EAGpB,IAAM,CACX,cAAcM,CAAU,CAC1B,CACF,EAAG,CAAC,CAAC,CACP",
|
|
6
|
+
"names": ["use_body_pointer_events_cleanup_exports", "__export", "useBodyPointerEventsCleanup", "__toCommonJS", "React", "cleanupInstalled", "hasOpenModal", "hasDialogs", "hasRadixOverlays", "forceCleanup", "safeCleanup", "onDocumentClick", "event", "target", "onEscapeKey", "onInteraction", "intervalId"]
|
|
7
7
|
}
|
|
@@ -68,6 +68,8 @@ interface ShellRootProps extends React.ComponentPropsWithoutRef<'div'> {
|
|
|
68
68
|
onToolChange?: (id: string | null) => void;
|
|
69
69
|
activeContext?: string | null;
|
|
70
70
|
onContextChange?: (id: string | null) => void;
|
|
71
|
+
/** Custom cycling order for single-markup sidebars. Defaults to ['panel', 'rail', 'collapsed'] */
|
|
72
|
+
singleViewCycle?: SingleView[];
|
|
71
73
|
}
|
|
72
74
|
declare const Root: React.ForwardRefExoticComponent<ShellRootProps & React.RefAttributes<HTMLDivElement>>;
|
|
73
75
|
/** Props for `Shell.Header`. Sticky by default and respects `--shell-header-height`. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../../../src/components/shell.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,qFAAqF;AACrF,KAAK,cAAc,GAAG,KAAK,GAAG,KAAK,CAAC;AACpC,yEAAyE;AACzE,KAAK,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;AAIjC,6BAA6B;AAC7B,KAAK,SAAS,GAAG,MAAM,GAAG,WAAW,CAAC;AACtC,gDAAgD;AAChD,KAAK,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,WAAW,CAAC;AAEjD;;;;;GAKG;AACH,KAAK,iBAAiB,GAAG;IACvB,GAAG,EAAE,cAAc,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,UAAU,EAAE,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACzC,aAAa,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC3D,UAAU,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACtC,oBAAoB,EAAE,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IACjD,uBAAuB,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvE,aAAa,EAAE,MAAM,CAAC,SAAS,EAAE,QAAQ,GAAG,OAAO,CAAC,CAAC;IACrD,iBAAiB,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,GAAG,OAAO,KAAK,IAAI,CAAC;IAE1E,gBAAgB,EAAE,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IAChD,mBAAmB,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IACjE,eAAe,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IAE3C,gBAAgB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC;IACnD,aAAa,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9D,cAAc,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAExD,mBAAmB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC;IACtD,gBAAgB,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACpE,WAAW,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,MAAM,CAAC;IACzC,UAAU,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,MAAM,CAAC;IACxC,SAAS,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,MAAM,CAAC;CACxC,CAAC;AAIF,oEAAoE;AACpE,iBAAS,QAAQ,sBAIhB;AAaD,KAAK,gBAAgB,GAAG;IACtB,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,CAAC;AAGF,4FAA4F;AAC5F,iBAAS,aAAa,qBAIrB;AAGD,KAAK,iBAAiB,GAAG;IACvB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B,CAAC;AAGF,mGAAmG;AACnG,iBAAS,aAAa,sBAIrB;AAaD;;;;;;;;GAQG;AACH,UAAU,cAAe,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACpE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3C,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../../../src/components/shell.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,qFAAqF;AACrF,KAAK,cAAc,GAAG,KAAK,GAAG,KAAK,CAAC;AACpC,yEAAyE;AACzE,KAAK,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;AAIjC,6BAA6B;AAC7B,KAAK,SAAS,GAAG,MAAM,GAAG,WAAW,CAAC;AACtC,gDAAgD;AAChD,KAAK,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,WAAW,CAAC;AAEjD;;;;;GAKG;AACH,KAAK,iBAAiB,GAAG;IACvB,GAAG,EAAE,cAAc,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,UAAU,EAAE,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACzC,aAAa,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC3D,UAAU,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACtC,oBAAoB,EAAE,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IACjD,uBAAuB,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvE,aAAa,EAAE,MAAM,CAAC,SAAS,EAAE,QAAQ,GAAG,OAAO,CAAC,CAAC;IACrD,iBAAiB,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,GAAG,OAAO,KAAK,IAAI,CAAC;IAE1E,gBAAgB,EAAE,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IAChD,mBAAmB,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IACjE,eAAe,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IAE3C,gBAAgB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC;IACnD,aAAa,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9D,cAAc,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAExD,mBAAmB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC;IACtD,gBAAgB,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACpE,WAAW,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,MAAM,CAAC;IACzC,UAAU,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,MAAM,CAAC;IACxC,SAAS,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,MAAM,CAAC;CACxC,CAAC;AAIF,oEAAoE;AACpE,iBAAS,QAAQ,sBAIhB;AAaD,KAAK,gBAAgB,GAAG;IACtB,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,CAAC;AAGF,4FAA4F;AAC5F,iBAAS,aAAa,qBAIrB;AAGD,KAAK,iBAAiB,GAAG;IACvB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B,CAAC;AAGF,mGAAmG;AACnG,iBAAS,aAAa,sBAIrB;AAaD;;;;;;;;GAQG;AACH,UAAU,cAAe,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACpE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3C,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,kGAAkG;IAClG,eAAe,CAAC,EAAE,UAAU,EAAE,CAAC;CAChC;AAED,QAAA,MAAM,IAAI,uFA+PT,CAAC;AAIF,wFAAwF;AACxF,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC;CAAG;AAC9E,QAAA,MAAM,MAAM,sFAgBX,CAAC;AAIF,oFAAoF;AACpF,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC;CAAG;AAC9E,QAAA,MAAM,MAAM,sFAOV,CAAC;AAIH,wEAAwE;AACxE,UAAU,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC;CAAG;AAQ7E,QAAA,MAAM,OAAO,uFAAc,CAAC;AAG5B;;;;;;;;GAQG;AACH,UAAU,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACvE,IAAI,EAAE,SAAS,CAAC;IAEhB,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;IAC3F,WAAW,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;IAEjD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAE3C,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IAC1C,EAAE,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,KAAK,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAGD,oFAAoF;AACpF,UAAU,SAAU,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;CAAG;AACpE,QAAA,MAAM,IAAI;;;CA8BT,CAAC;AAGF,yFAAyF;AACzF,UAAU,UAAW,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;CAAG;AACrE,QAAA,MAAM,KAAK;;;CA+BV,CAAC;AAEF,KAAK,qBAAqB,GAAG,KAAK,CAAC,yBAAyB,CAC1D,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CACxD,GAAG;IACF,IAAI,EAAE,OAAO,IAAI,CAAC;IAClB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,OAAO,EAAE,OAAO,YAAY,CAAC;CAC9B,CAAC;AAoUF,QAAA,MAAM,OAAO,EAER,qBAAqB,CAAC;AAa3B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,KAAK,iBAAiB,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;AACnD;;;;GAIG;AACH,QAAA,MAAM,YAAY,6FA2BjB,CAAC;AAIF,KAAK,kBAAkB,GAAG,eAAe,CAAC,QAAQ,CAAC,GAAG;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,CAAC;AAC1E;;;GAGG;AACH,QAAA,MAAM,OAAO,8FAyBZ,CAAC;AAQF,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC;AAEnG;;;;;;GAMG;AACH,iBAAS,UAAU,CAAC,IAAI,EAAE,SAAS,GAAG;IACpC,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS,CAAC;QACjB,MAAM,EAAE,OAAO,CAAC;QAChB,IAAI,EAAE,MAAM,IAAI,CAAC;QACjB,KAAK,EAAE,MAAM,IAAI,CAAC;QAClB,MAAM,EAAE,MAAM,IAAI,CAAC;QACnB,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;KACxC,CAAC;IACF,KAAK,EAAE;QACL,SAAS,EAAE,OAAO,CAAC;QACnB,IAAI,EAAE,MAAM,IAAI,CAAC;QACjB,IAAI,EAAE,MAAM,IAAI,CAAC;QACjB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;QAC1B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;KAC9B,CAAC;IACF,MAAM,EAAE;QAAE,IAAI,EAAE,UAAU,CAAC;QAAC,OAAO,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;QAAC,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IACrF,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,gBAAgB,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACpD,CAuCA;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import*as e from"react";import j from"classnames";import{IconButton as Se}from"./icon-button.js";import{ChevronDownIcon as ue}from"./icons.js";import{inert as te}from"../helpers/inert.js";import*as le from"./sheet.js";import{VisuallyHidden as Ee}from"./visually-hidden.js";import{ShellSidebarSectionContext as he}from"./sidebar.js";const pe=e.createContext(null);function I(){const t=e.useContext(pe);if(!t)throw new Error("Shell components must be used within <Shell.Root>.");return t}const ie=e.createContext(null);function ne(){return e.useContext(ie)}const fe=e.createContext(null);function ke(){const t=e.useContext(fe);if(!t)throw new Error("useRailEvents must be used within <Shell.Sidebar.Rail>");return t}const ge=e.createContext(null);function Ne(){const t=e.useContext(ge);if(!t)throw new Error("usePanelState must be used within <Shell.Sidebar.Panel>");return t}function He(){return typeof document>"u"?"ltr":document.documentElement.getAttribute("dir")==="rtl"?"rtl":"ltr"}const ye=e.forwardRef(({minContentWidth:t="640px",rtl:i,headerHeight:u="64px",zHeader:n,cascadeSide:s="start",activeTool:o,onToolChange:a,activeContext:f,onContextChange:w,className:L,style:Y,children:Z,...A},G)=>{const q=e.useMemo(()=>typeof i=="boolean"?i?"rtl":"ltr":He(),[i]),[d,J]=e.useState({start:"open",end:"collapsed"}),D=e.useCallback((l,r)=>{J(c=>c[l]===r?c:{...c,[l]:r})},[]),O=e.useCallback(l=>{J(r=>{const c=r[l]==="open"?"collapsed":"open";return{...r,[l]:c}})},[]),[F,z]=e.useState({start:!1,end:!1}),x=e.useCallback((l,r)=>{z(c=>c[l]===r?c:{...c,[l]:r})},[]),[v,B]=e.useState({start:"single",end:"single"}),S=e.useCallback((l,r)=>{B(c=>c[l]===r?c:{...c,[l]:r})},[]),[E,R]=e.useState({start:"panel",end:"collapsed"}),P=e.useCallback((l,r)=>{R(c=>c[l]===r?c:{...c,[l]:r})},[]),p=e.useCallback(l=>{const r=["panel","rail","collapsed"],c=E[l],Ie=r.indexOf(c),Te=r[(Ie+1)%r.length];P(l,Te)},[E,P]),[k,W]=e.useState({start:null,end:null}),N=e.useCallback((l,r)=>{W(c=>c[l]===r?c:{...c,[l]:r}),r===null&&x(l,!1)},[x]),H=e.useCallback((l,r)=>{N(l,r),x(l,!0)},[N,x]),[C,_]=e.useState({start:null,end:null}),M=e.useCallback((l,r)=>{_(c=>c[l]===r?c:{...c,[l]:r}),l===s&&w?.(r)},[s,w]);e.useEffect(()=>{o!==void 0&&k[s]!==o&&W(l=>({...l,[s]:o}))},[o,s,k]),e.useEffect(()=>{f!==void 0&&C[s]!==f&&_(l=>({...l,[s]:f}))},[f,s,C]);const $=e.useId(),K=e.useId(),ee=e.useId(),g=e.useId(),y=e.useId(),m=e.useId(),h=e.useCallback(l=>l==="start"?`kui-shell-region-${$}`:`kui-shell-region-${K}`,[$,K]),b=e.useCallback(l=>l==="start"?`kui-shell-panel-${ee}`:`kui-shell-panel-${g}`,[ee,g]),V=e.useCallback(l=>l==="start"?`kui-shell-rail-${y}`:`kui-shell-rail-${m}`,[y,m]),Q=e.useMemo(()=>({dir:q,headerHeight:u,zHeader:n,railBySide:d,setRailBySide:D,toggleRail:O,panelRequestedBySide:F,setPanelRequestedBySide:x,patternBySide:v,setPatternForSide:S,singleViewBySide:E,setSingleViewBySide:P,cycleSingleView:p,activeToolBySide:k,setActiveTool:N,onItemSelected:H,activeContextBySide:C,setActiveContext:M,getRegionId:h,getPanelId:b,getRailId:V}),[q,u,n,d,D,O,F,x,v,S,E,P,p,k,N,H,C,M,h,b,V]),U=e.Children.toArray(Z),X=(l,r)=>e.isValidElement(l)&&l.type===r,Be=U.filter(l=>X(l,oe)),Pe=U.filter(l=>X(l,ae)),se=U.filter(l=>X(l,ve)),re=U.filter(l=>X(l,T)),de=re.filter(l=>l.props.side==="start"),ce=re.filter(l=>l.props.side==="end"),Ve=q==="rtl"?[...ce,...se,...de]:[...de,...se,...ce];return e.createElement("div",{...A,ref:G,className:j("rt-ShellRoot",L),style:{...Y,"--shell-min-content-width":t,"--shell-header-height":u},dir:q},e.createElement(pe.Provider,{value:Q},Be,e.createElement("div",{className:"rt-ShellBody"},Ve),Pe))});ye.displayName="Shell.Root";const oe=e.forwardRef(({className:t,style:i,...u},n)=>{const{headerHeight:s,zHeader:o}=I();return e.createElement("header",{...u,ref:n,role:"banner",className:j("rt-ShellHeader",t),style:{"--shell-header-height":s,"--shell-z-header":o,...i}})});oe.displayName="Shell.Header";const ae=e.forwardRef(({className:t,...i},u)=>e.createElement("footer",{...i,ref:u,role:"contentinfo",className:j("rt-ShellFooter",t)}));ae.displayName="Shell.Footer";const me=e.forwardRef(({className:t,...i},u)=>e.createElement("main",{...i,ref:u,className:j("rt-ShellContent",t)}));me.displayName="Shell.Content";const ve=me,be=Object.assign(e.forwardRef(({children:t},i)=>{const u=ne(),n=I(),s=u?.side??"start",o=e.useMemo(()=>({onItemSelected:f=>n.onItemSelected(s,f)}),[n,s]),a=e.useMemo(()=>({side:s,section:"rail"}),[s]);return e.createElement(fe.Provider,{value:o},e.createElement(he.Provider,{value:a},t))}),{displayName:"Shell.Sidebar.Rail",__shellSlot:"rail"}),xe=Object.assign(e.forwardRef(({children:t},i)=>{const u=ne(),n=I(),s=u?.side??"start",o=e.useMemo(()=>({activeTool:n.activeToolBySide[s],activeContext:n.activeContextBySide[s]}),[n.activeToolBySide,n.activeContextBySide,s]),a=e.useMemo(()=>({side:s,section:"panel"}),[s]);return e.createElement(ge.Provider,{value:o},e.createElement(he.Provider,{value:a},t))}),{displayName:"Shell.Sidebar.Panel",__shellSlot:"panel"}),Ae=({side:t,overlay:i,overlaySide:u,value:n,defaultValue:s,onValueChange:o,view:a,defaultView:f,onViewChange:w,as:L="nav",className:Y,style:Z,children:A,...G},q)=>{const d=I(),J=L,D=d.getRegionId(t),O=d.getPanelId(t),F=d.getRailId(t),z=Re(A,"rail"),x=Re(A,"panel"),v=z.length>0,B=x.length>0,S=v||B;e.useEffect(()=>{d.setPatternForSide(t,S&&v&&B?"split":"single")},[d,t,S,v,B]);const E=e.useRef(!1);e.useEffect(()=>{if(!E.current)if(E.current=!0,S){const g=n??s??(i?"collapsed":"open");d.setRailBySide(t,g),i&&d.setPanelRequestedBySide(t,!1)}else{const g=a??f??(i?"collapsed":"panel");d.setSingleViewBySide(t,g)}},[S,n,s,a,f,d,t,i]),e.useEffect(()=>{S&&n!==void 0&&d.railBySide[t]!==n&&d.setRailBySide(t,n)},[n,S,d,t]),e.useEffect(()=>{S||a!==void 0&&d.singleViewBySide[t]!==a&&d.setSingleViewBySide(t,a)},[a,S,d,t]);const R=d.railBySide[t],P=d.panelRequestedBySide[t],p=d.singleViewBySide[t],k=d.activeToolBySide[t],W=e.useRef(null);e.useEffect(()=>{S&&n===void 0&&W.current!==R&&(W.current=R,o?.(R))},[S,R,n,o]);const N=e.useRef(null);e.useEffect(()=>{S||a===void 0&&N.current!==p&&(N.current=p,w?.(p))},[S,p,a,w]);const H=S?v&&R==="open":p==="rail",C=S?B&&(v?R==="open"&&P&&k!==null:!0):p==="panel",_={initial:!0,xs:!0,sm:!0,md:!1,lg:!1,xl:!1},M=e.useMemo(()=>typeof i=="boolean"?{initial:i}:{..._,...i||{}},[i,_]),[$,K]=e.useState("initial");if(e.useEffect(()=>{if(typeof window>"u")return;const y=[["xs","(min-width: 520px)"],["sm","(min-width: 768px)"],["md","(min-width: 1024px)"],["lg","(min-width: 1280px)"],["xl","(min-width: 1640px)"]].map(([h,b])=>[h,window.matchMedia(b)]),m=()=>{const h=y.filter(([,V])=>V.matches).map(([V])=>V),b=h[h.length-1]??"initial";K(b)};return m(),y.forEach(([,h])=>h.addEventListener("change",m)),()=>{y.forEach(([,h])=>h.removeEventListener("change",m))}},[]),(()=>{const g=M[$];if(typeof g=="boolean")return g;const y=["xl","lg","md","sm","xs","initial"],m=y.indexOf($);for(let h=m+1;h<y.length;h++){const b=M[y[h]];if(typeof b=="boolean")return b}return M.initial??!1})()){const g=S?R==="open"||P:p!=="collapsed",y=Q=>{S?Q?d.setRailBySide(t,"open"):(d.setRailBySide(t,"collapsed"),d.setPanelRequestedBySide(t,!1)):Q?d.setSingleViewBySide(t,"panel"):d.setSingleViewBySide(t,"collapsed")},m=u??t,h=S?B&&(v?P&&k!==null:!0):!1,b=S?e.createElement("div",{style:{display:"flex",height:"100%",minBlockSize:0}},v?e.createElement("div",{id:F,className:"rt-ShellSidebarRail","data-section":"rail","data-visible":!0,style:{inlineSize:"var(--shell-sidebar-rail-width, 64px)",overflow:"hidden"}},z):null,B?e.createElement("div",{id:O,className:"rt-ShellSidebarPanel","data-section":"panel","data-visible":h||void 0,"aria-hidden":h?void 0:!0,...h?{}:{inert:te},style:{inlineSize:h?"var(--shell-sidebar-panel-width, 288px)":"0px",overflow:"hidden"}},x):null):A,V=m==="start"||m==="end"?S?h?"var(--shell-sidebar-combined-width)":"var(--shell-sidebar-rail-width)":p==="rail"?"var(--shell-sidebar-rail-width)":"var(--shell-sidebar-panel-width)":"100vw";return e.createElement(e.Fragment,null,e.createElement(le.Root,{open:g,onOpenChange:y},e.createElement(le.Content,{id:D,side:m,height:{initial:"100vh"},width:{initial:V},style:{"--dialog-content-padding":"0px"}},e.createElement(le.Title,null,e.createElement(Ee,null,"Sidebar")),b)))}return e.createElement(J,{...G,ref:q,id:D,className:j("rt-ShellSidebar",Y),"data-side":t,"data-rail":S?R:void 0,"data-panel":S?C?"visible":"hidden":void 0,"data-state":S?void 0:p,"aria-label":G["aria-label"],style:{...Z}},S?e.createElement(e.Fragment,null,e.createElement(ie.Provider,{value:{side:t,section:"rail"}},v?e.createElement("div",{id:F,className:"rt-ShellSidebarRail","data-section":"rail","data-visible":H||void 0,"aria-hidden":H?void 0:!0,...H?{}:{inert:te},style:{inlineSize:H?"var(--shell-sidebar-rail-width, 64px)":"0px",overflow:"hidden"}},z):null),e.createElement(ie.Provider,{value:{side:t,section:"panel"}},B?e.createElement("div",{id:O,className:"rt-ShellSidebarPanel","data-section":"panel","data-visible":C||void 0,"aria-hidden":C?void 0:!0,...C?{}:{inert:te},style:{inlineSize:C?"var(--shell-sidebar-panel-width, 288px)":"0px",overflow:"hidden"}},x):null)):e.createElement("div",{className:"rt-ShellSidebarSingle","data-visible":p!=="collapsed"||void 0,"aria-hidden":p==="collapsed"?!0:void 0,style:{inlineSize:p==="collapsed"?"0px":p==="rail"?"var(--shell-sidebar-rail-width, 64px)":"var(--shell-sidebar-panel-width, 288px)",overflow:"hidden"}},A))},T=e.forwardRef(Ae);T.displayName="Shell.Sidebar";function Re(t,i){return e.Children.toArray(t).filter(n=>e.isValidElement(n)&&n.type?.__shellSlot===i)}T.Rail=be,T.Panel=xe;const Ce=e.forwardRef(({onClick:t,children:i,...u},n)=>{const s=ne(),o=I(),a=s?.side??"start",f=o.getRegionId(a),w=o.patternBySide[a]==="split"?o.railBySide[a]==="open":o.singleViewBySide[a]!=="collapsed";return e.createElement(Se,{...u,ref:n,variant:"soft","aria-controls":f,"aria-expanded":w,onClick:L=>{t?.(L),o.patternBySide[a]==="split"?o.toggleRail(a):o.cycleSingleView(a)}},i||e.createElement(ue,null))});Ce.displayName="Shell.Sidebar.Trigger";const we=e.forwardRef(({side:t,onClick:i,children:u,...n},s)=>{const o=I(),a=o.getRegionId(t),f=o.patternBySide[t]==="split"?o.railBySide[t]==="open":o.singleViewBySide[t]!=="collapsed";return e.createElement(Se,{...n,ref:s,variant:"ghost","aria-controls":a,"aria-expanded":f,onClick:w=>{i?.(w),o.patternBySide[t]==="split"?o.toggleRail(t):o.cycleSingleView(t)}},u||e.createElement(ue,null))});we.displayName="Shell.Trigger",T.Rail=be,T.Panel=xe,T.Trigger=Ce;function qe(t){const i=I(),u=i.patternBySide[t]==="split",n=i.railBySide[t],s=i.activeToolBySide[t],o=i.panelRequestedBySide[t]&&n==="open"&&s!==null;return{side:t,isSplit:u,rail:{value:n,isOpen:n==="open",open:()=>i.setRailBySide(t,"open"),close:()=>{i.setRailBySide(t,"collapsed"),i.setPanelRequestedBySide(t,!1)},toggle:()=>i.toggleRail(t),onItemSelected:a=>i.onItemSelected(t,a)},panel:{isVisible:o,show:()=>i.setPanelRequestedBySide(t,!0),hide:()=>i.setPanelRequestedBySide(t,!1),activeTool:i.activeToolBySide[t],activeContext:i.activeContextBySide[t]},single:{view:i.singleViewBySide[t],setView:a=>i.setSingleViewBySide(t,a),cycle:()=>i.cycleSingleView(t)},activeTool:i.activeToolBySide[t],setActiveTool:a=>i.setActiveTool(t,a),activeContext:i.activeContextBySide[t],setActiveContext:a=>i.setActiveContext(t,a)}}export{ve as Content,ae as Footer,oe as Header,ye as Root,T as Sidebar,we as Trigger,Ne as usePanelState,ke as useRailEvents,I as useShell,qe as useSidebar};
|
|
1
|
+
"use client";import*as e from"react";import j from"classnames";import{IconButton as Se}from"./icon-button.js";import{ChevronDownIcon as ue}from"./icons.js";import{inert as te}from"../helpers/inert.js";import*as le from"./sheet.js";import{VisuallyHidden as ke}from"./visually-hidden.js";import{ShellSidebarSectionContext as he}from"./sidebar.js";const pe=e.createContext(null);function V(){const t=e.useContext(pe);if(!t)throw new Error("Shell components must be used within <Shell.Root>.");return t}const ie=e.createContext(null);function ne(){return e.useContext(ie)}const fe=e.createContext(null);function Ne(){const t=e.useContext(fe);if(!t)throw new Error("useRailEvents must be used within <Shell.Sidebar.Rail>");return t}const ge=e.createContext(null);function He(){const t=e.useContext(ge);if(!t)throw new Error("usePanelState must be used within <Shell.Sidebar.Panel>");return t}function Ae(){return typeof document>"u"?"ltr":document.documentElement.getAttribute("dir")==="rtl"?"rtl":"ltr"}const ye=e.forwardRef(({minContentWidth:t="640px",rtl:i,headerHeight:u="64px",zHeader:n,cascadeSide:r="start",activeTool:o,onToolChange:a,activeContext:g,onContextChange:C,singleViewCycle:k=["panel","rail","collapsed"],className:X,style:Y,children:N,...G},Z)=>{const d=e.useMemo(()=>typeof i=="boolean"?i?"rtl":"ltr":Ae(),[i]),[J,q]=e.useState({start:"open",end:"collapsed"}),M=e.useCallback((l,s)=>{q(c=>c[l]===s?c:{...c,[l]:s})},[]),L=e.useCallback(l=>{q(s=>{const c=s[l]==="open"?"collapsed":"open";return{...s,[l]:c}})},[]),[H,D]=e.useState({start:!1,end:!1}),f=e.useCallback((l,s)=>{D(c=>c[l]===s?c:{...c,[l]:s})},[]),[R,S]=e.useState({start:"single",end:"single"}),O=e.useCallback((l,s)=>{S(c=>c[l]===s?c:{...c,[l]:s})},[]),[y,F]=e.useState({start:"panel",end:"collapsed"}),p=e.useCallback((l,s)=>{F(c=>c[l]===s?c:{...c,[l]:s})},[]),z=e.useCallback(l=>{const s=k,c=y[l],Te=s.indexOf(c),Ee=s[(Te+1)%s.length];p(l,Ee)},[y,p,k]),[T,W]=e.useState({start:null,end:null}),w=e.useCallback((l,s)=>{W(c=>c[l]===s?c:{...c,[l]:s}),s===null&&f(l,!1)},[f]),B=e.useCallback((l,s)=>{w(l,s),f(l,!0)},[w,f]),[E,A]=e.useState({start:null,end:null}),_=e.useCallback((l,s)=>{A(c=>c[l]===s?c:{...c,[l]:s}),l===r&&C?.(s)},[r,C]);e.useEffect(()=>{o!==void 0&&T[r]!==o&&W(l=>({...l,[r]:o}))},[o,r,T]),e.useEffect(()=>{g!==void 0&&E[r]!==g&&A(l=>({...l,[r]:g}))},[g,r,E]);const K=e.useId(),ee=e.useId(),m=e.useId(),v=e.useId(),b=e.useId(),h=e.useId(),x=e.useCallback(l=>l==="start"?`kui-shell-region-${K}`:`kui-shell-region-${ee}`,[K,ee]),P=e.useCallback(l=>l==="start"?`kui-shell-panel-${m}`:`kui-shell-panel-${v}`,[m,v]),$=e.useCallback(l=>l==="start"?`kui-shell-rail-${b}`:`kui-shell-rail-${h}`,[b,h]),Be=e.useMemo(()=>({dir:d,headerHeight:u,zHeader:n,railBySide:J,setRailBySide:M,toggleRail:L,panelRequestedBySide:H,setPanelRequestedBySide:f,patternBySide:R,setPatternForSide:O,singleViewBySide:y,setSingleViewBySide:p,cycleSingleView:z,activeToolBySide:T,setActiveTool:w,onItemSelected:B,activeContextBySide:E,setActiveContext:_,getRegionId:x,getPanelId:P,getRailId:$}),[d,u,n,J,M,L,H,f,R,O,y,p,z,T,w,B,E,_,x,P,$]),Q=e.Children.toArray(N),U=(l,s)=>e.isValidElement(l)&&l.type===s,Pe=Q.filter(l=>U(l,oe)),Ve=Q.filter(l=>U(l,ae)),se=Q.filter(l=>U(l,ve)),re=Q.filter(l=>U(l,I)),de=re.filter(l=>l.props.side==="start"),ce=re.filter(l=>l.props.side==="end"),Ie=d==="rtl"?[...ce,...se,...de]:[...de,...se,...ce];return e.createElement("div",{...G,ref:Z,className:j("rt-ShellRoot",X),style:{...Y,"--shell-min-content-width":t,"--shell-header-height":u},dir:d},e.createElement(pe.Provider,{value:Be},Pe,e.createElement("div",{className:"rt-ShellBody"},Ie),Ve))});ye.displayName="Shell.Root";const oe=e.forwardRef(({className:t,style:i,...u},n)=>{const{headerHeight:r,zHeader:o}=V();return e.createElement("header",{...u,ref:n,role:"banner",className:j("rt-ShellHeader",t),style:{"--shell-z-header":o,...i}})});oe.displayName="Shell.Header";const ae=e.forwardRef(({className:t,...i},u)=>e.createElement("footer",{...i,ref:u,role:"contentinfo",className:j("rt-ShellFooter",t)}));ae.displayName="Shell.Footer";const me=e.forwardRef(({className:t,...i},u)=>e.createElement("main",{...i,ref:u,className:j("rt-ShellContent",t)}));me.displayName="Shell.Content";const ve=me,be=Object.assign(e.forwardRef(({children:t},i)=>{const u=ne(),n=V(),r=u?.side??"start",o=e.useMemo(()=>({onItemSelected:g=>n.onItemSelected(r,g)}),[n,r]),a=e.useMemo(()=>({side:r,section:"rail"}),[r]);return e.createElement(fe.Provider,{value:o},e.createElement(he.Provider,{value:a},t))}),{displayName:"Shell.Sidebar.Rail",__shellSlot:"rail"}),xe=Object.assign(e.forwardRef(({children:t},i)=>{const u=ne(),n=V(),r=u?.side??"start",o=e.useMemo(()=>({activeTool:n.activeToolBySide[r],activeContext:n.activeContextBySide[r]}),[n.activeToolBySide,n.activeContextBySide,r]),a=e.useMemo(()=>({side:r,section:"panel"}),[r]);return e.createElement(ge.Provider,{value:o},e.createElement(he.Provider,{value:a},t))}),{displayName:"Shell.Sidebar.Panel",__shellSlot:"panel"}),qe=({side:t,overlay:i,overlaySide:u,value:n,defaultValue:r,onValueChange:o,view:a,defaultView:g,onViewChange:C,as:k="nav",className:X,style:Y,children:N,...G},Z)=>{const d=V(),J=k,q=d.getRegionId(t),M=d.getPanelId(t),L=d.getRailId(t),H=Re(N,"rail"),D=Re(N,"panel"),f=H.length>0,R=D.length>0,S=f||R;e.useEffect(()=>{d.setPatternForSide(t,S&&f&&R?"split":"single")},[d,t,S,f,R]);const O=e.useRef(!1);e.useEffect(()=>{if(!O.current)if(O.current=!0,S){const m=n??r??(i?"collapsed":"open");d.setRailBySide(t,m),i&&d.setPanelRequestedBySide(t,!1)}else{const m=a??g??(i?"collapsed":"panel");d.setSingleViewBySide(t,m)}},[S,n,r,a,g,d,t,i]),e.useEffect(()=>{S&&n!==void 0&&d.railBySide[t]!==n&&d.setRailBySide(t,n)},[n,S,d,t]),e.useEffect(()=>{S||a!==void 0&&d.singleViewBySide[t]!==a&&d.setSingleViewBySide(t,a)},[a,S,d,t]);const y=d.railBySide[t],F=d.panelRequestedBySide[t],p=d.singleViewBySide[t],z=d.activeToolBySide[t],T=e.useRef(null);e.useEffect(()=>{S&&n===void 0&&T.current!==y&&(T.current=y,o?.(y))},[S,y,n,o]);const W=e.useRef(null);e.useEffect(()=>{S||a===void 0&&W.current!==p&&(W.current=p,C?.(p))},[S,p,a,C]);const w=S?f&&y==="open":p==="rail",B=S?R&&(f?y==="open"&&F&&z!==null:!0):p==="panel",E={initial:!0,xs:!0,sm:!0,md:!1,lg:!1,xl:!1},A=e.useMemo(()=>typeof i=="boolean"?{initial:i}:{...E,...i||{}},[i,E]),[_,K]=e.useState("initial");if(e.useEffect(()=>{if(typeof window>"u")return;const v=[["xs","(min-width: 520px)"],["sm","(min-width: 768px)"],["md","(min-width: 1024px)"],["lg","(min-width: 1280px)"],["xl","(min-width: 1640px)"]].map(([h,x])=>[h,window.matchMedia(x)]),b=()=>{const h=v.filter(([,P])=>P.matches).map(([P])=>P),x=h[h.length-1]??"initial";K(x)};return b(),v.forEach(([,h])=>h.addEventListener("change",b)),()=>{v.forEach(([,h])=>h.removeEventListener("change",b))}},[]),(()=>{const m=A[_];if(typeof m=="boolean")return m;const v=["xl","lg","md","sm","xs","initial"],b=v.indexOf(_);for(let h=b+1;h<v.length;h++){const x=A[v[h]];if(typeof x=="boolean")return x}return A.initial??!1})()){const m=S?y==="open"||F:p!=="collapsed",v=$=>{S?$?d.setRailBySide(t,"open"):(d.setRailBySide(t,"collapsed"),d.setPanelRequestedBySide(t,!1)):$?d.setSingleViewBySide(t,"panel"):d.setSingleViewBySide(t,"collapsed")},b=u??t,h=S?R&&(f?F&&z!==null:!0):!1,x=S?e.createElement("div",{style:{display:"flex",height:"100%",minBlockSize:0}},f?e.createElement("div",{id:L,className:"rt-ShellSidebarRail","data-section":"rail","data-visible":!0,style:{inlineSize:"var(--shell-sidebar-rail-width, 64px)",overflow:"hidden"}},H):null,R?e.createElement("div",{id:M,className:"rt-ShellSidebarPanel","data-section":"panel","data-visible":h||void 0,"aria-hidden":h?void 0:!0,...h?{}:{inert:te},style:{inlineSize:h?"var(--shell-sidebar-panel-width, 288px)":"0px",overflow:"hidden"}},D):null):N,P=b==="start"||b==="end"?S?h?"var(--shell-sidebar-combined-width)":"var(--shell-sidebar-rail-width)":p==="rail"?"var(--shell-sidebar-rail-width)":"var(--shell-sidebar-panel-width)":"100vw";return e.createElement(e.Fragment,null,e.createElement(le.Root,{open:m,onOpenChange:v},e.createElement(le.Content,{id:q,side:b,height:{initial:"100vh"},width:{initial:P},style:{"--dialog-content-padding":"0px"}},e.createElement(le.Title,null,e.createElement(ke,null,"Sidebar")),x)))}return e.createElement(J,{...G,ref:Z,id:q,className:j("rt-ShellSidebar",X),"data-side":t,"data-rail":S?y:void 0,"data-panel":S?B?"visible":"hidden":void 0,"data-state":S?void 0:p,"aria-label":G["aria-label"],style:{...Y}},S?e.createElement(e.Fragment,null,e.createElement(ie.Provider,{value:{side:t,section:"rail"}},f?e.createElement("div",{id:L,className:"rt-ShellSidebarRail","data-section":"rail","data-visible":w||void 0,"aria-hidden":w?void 0:!0,...w?{}:{inert:te},style:{inlineSize:w?"var(--shell-sidebar-rail-width, 64px)":"0px",overflow:"hidden"}},H):null),e.createElement(ie.Provider,{value:{side:t,section:"panel"}},R?e.createElement("div",{id:M,className:"rt-ShellSidebarPanel","data-section":"panel","data-visible":B||void 0,"aria-hidden":B?void 0:!0,...B?{}:{inert:te},style:{inlineSize:B?"var(--shell-sidebar-panel-width, 288px)":"0px",overflow:"hidden"}},D):null)):e.createElement("div",{className:"rt-ShellSidebarSingle","data-visible":p!=="collapsed"||void 0,"aria-hidden":p==="collapsed"?!0:void 0,style:{inlineSize:p==="collapsed"?"0px":p==="rail"?"var(--shell-sidebar-rail-width, 64px)":"var(--shell-sidebar-panel-width, 288px)",overflow:"hidden"}},N))},I=e.forwardRef(qe);I.displayName="Shell.Sidebar";function Re(t,i){return e.Children.toArray(t).filter(n=>e.isValidElement(n)&&n.type?.__shellSlot===i)}I.Rail=be,I.Panel=xe;const Ce=e.forwardRef(({onClick:t,children:i,...u},n)=>{const r=ne(),o=V(),a=r?.side??"start",g=o.getRegionId(a),C=o.patternBySide[a]==="split"?o.railBySide[a]==="open":o.singleViewBySide[a]!=="collapsed";return e.createElement(Se,{...u,ref:n,variant:"soft","aria-controls":g,"aria-expanded":C,onClick:k=>{t?.(k),o.patternBySide[a]==="split"?o.toggleRail(a):o.cycleSingleView(a)}},i||e.createElement(ue,null))});Ce.displayName="Shell.Sidebar.Trigger";const we=e.forwardRef(({side:t,onClick:i,children:u,...n},r)=>{const o=V(),a=o.getRegionId(t),g=o.patternBySide[t]==="split"?o.railBySide[t]==="open":o.singleViewBySide[t]!=="collapsed";return e.createElement(Se,{...n,ref:r,variant:"ghost","aria-controls":a,"aria-expanded":g,onClick:C=>{i?.(C),o.patternBySide[t]==="split"?o.toggleRail(t):o.cycleSingleView(t)}},u||e.createElement(ue,null))});we.displayName="Shell.Trigger",I.Rail=be,I.Panel=xe,I.Trigger=Ce;function Me(t){const i=V(),u=i.patternBySide[t]==="split",n=i.railBySide[t],r=i.activeToolBySide[t],o=i.panelRequestedBySide[t]&&n==="open"&&r!==null;return{side:t,isSplit:u,rail:{value:n,isOpen:n==="open",open:()=>i.setRailBySide(t,"open"),close:()=>{i.setRailBySide(t,"collapsed"),i.setPanelRequestedBySide(t,!1)},toggle:()=>i.toggleRail(t),onItemSelected:a=>i.onItemSelected(t,a)},panel:{isVisible:o,show:()=>i.setPanelRequestedBySide(t,!0),hide:()=>i.setPanelRequestedBySide(t,!1),activeTool:i.activeToolBySide[t],activeContext:i.activeContextBySide[t]},single:{view:i.singleViewBySide[t],setView:a=>i.setSingleViewBySide(t,a),cycle:()=>i.cycleSingleView(t)},activeTool:i.activeToolBySide[t],setActiveTool:a=>i.setActiveTool(t,a),activeContext:i.activeContextBySide[t],setActiveContext:a=>i.setActiveContext(t,a)}}export{ve as Content,ae as Footer,oe as Header,ye as Root,I as Sidebar,we as Trigger,He as usePanelState,Ne as useRailEvents,V as useShell,Me as useSidebar};
|
|
2
2
|
//# sourceMappingURL=shell.js.map
|