@kushagradhawan/kookie-ui 0.1.56 → 0.1.58

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (78) hide show
  1. package/components.css +166 -41
  2. package/dist/cjs/components/_internal/shell-bottom.d.ts.map +1 -1
  3. package/dist/cjs/components/_internal/shell-bottom.js +1 -1
  4. package/dist/cjs/components/_internal/shell-bottom.js.map +3 -3
  5. package/dist/cjs/components/_internal/shell-inspector.d.ts.map +1 -1
  6. package/dist/cjs/components/_internal/shell-inspector.js +1 -1
  7. package/dist/cjs/components/_internal/shell-inspector.js.map +3 -3
  8. package/dist/cjs/components/_internal/shell-sidebar.js +1 -1
  9. package/dist/cjs/components/_internal/shell-sidebar.js.map +3 -3
  10. package/dist/cjs/components/chatbar.d.ts.map +1 -1
  11. package/dist/cjs/components/chatbar.js.map +2 -2
  12. package/dist/cjs/components/icons.d.ts +1 -1
  13. package/dist/cjs/components/icons.d.ts.map +1 -1
  14. package/dist/cjs/components/icons.js.map +2 -2
  15. package/dist/cjs/components/schemas/shell.schema.d.ts +2 -2
  16. package/dist/cjs/components/schemas/shell.schema.d.ts.map +1 -1
  17. package/dist/cjs/components/schemas/shell.schema.js +1 -1
  18. package/dist/cjs/components/schemas/shell.schema.js.map +3 -3
  19. package/dist/cjs/components/shell.d.ts.map +1 -1
  20. package/dist/cjs/components/shell.js +1 -1
  21. package/dist/cjs/components/shell.js.map +3 -3
  22. package/dist/cjs/components/theme.props.d.ts +1 -1
  23. package/dist/cjs/components/theme.props.js +1 -1
  24. package/dist/cjs/components/theme.props.js.map +2 -2
  25. package/dist/cjs/helpers/font-config.d.ts +10 -0
  26. package/dist/cjs/helpers/font-config.d.ts.map +1 -1
  27. package/dist/cjs/helpers/font-config.js +2 -2
  28. package/dist/cjs/helpers/font-config.js.map +2 -2
  29. package/dist/esm/components/_internal/shell-bottom.d.ts.map +1 -1
  30. package/dist/esm/components/_internal/shell-bottom.js +1 -1
  31. package/dist/esm/components/_internal/shell-bottom.js.map +3 -3
  32. package/dist/esm/components/_internal/shell-inspector.d.ts.map +1 -1
  33. package/dist/esm/components/_internal/shell-inspector.js +1 -1
  34. package/dist/esm/components/_internal/shell-inspector.js.map +3 -3
  35. package/dist/esm/components/_internal/shell-sidebar.js +1 -1
  36. package/dist/esm/components/_internal/shell-sidebar.js.map +3 -3
  37. package/dist/esm/components/chatbar.d.ts.map +1 -1
  38. package/dist/esm/components/chatbar.js.map +2 -2
  39. package/dist/esm/components/icons.d.ts +1 -1
  40. package/dist/esm/components/icons.d.ts.map +1 -1
  41. package/dist/esm/components/icons.js.map +2 -2
  42. package/dist/esm/components/schemas/shell.schema.d.ts +2 -2
  43. package/dist/esm/components/schemas/shell.schema.d.ts.map +1 -1
  44. package/dist/esm/components/schemas/shell.schema.js.map +3 -3
  45. package/dist/esm/components/shell.d.ts.map +1 -1
  46. package/dist/esm/components/shell.js +1 -1
  47. package/dist/esm/components/shell.js.map +3 -3
  48. package/dist/esm/components/theme.props.d.ts +1 -1
  49. package/dist/esm/components/theme.props.js +1 -1
  50. package/dist/esm/components/theme.props.js.map +2 -2
  51. package/dist/esm/helpers/font-config.d.ts +10 -0
  52. package/dist/esm/helpers/font-config.d.ts.map +1 -1
  53. package/dist/esm/helpers/font-config.js +2 -2
  54. package/dist/esm/helpers/font-config.js.map +2 -2
  55. package/package.json +1 -1
  56. package/schemas/base-button.json +1 -1
  57. package/schemas/button.json +1 -1
  58. package/schemas/icon-button.json +1 -1
  59. package/schemas/index.json +6 -6
  60. package/schemas/toggle-button.json +1 -1
  61. package/schemas/toggle-icon-button.json +1 -1
  62. package/src/components/_internal/base-sidebar-menu.css +19 -4
  63. package/src/components/_internal/shell-bottom.tsx +14 -13
  64. package/src/components/_internal/shell-inspector.tsx +13 -11
  65. package/src/components/_internal/shell-sidebar.tsx +12 -12
  66. package/src/components/chatbar.tsx +0 -1
  67. package/src/components/icons.tsx +19 -87
  68. package/src/components/schemas/shell.schema.ts +10 -33
  69. package/src/components/separator.css +1 -1
  70. package/src/components/shell.tsx +32 -24
  71. package/src/components/sidebar.css +32 -6
  72. package/src/components/theme.props.tsx +1 -1
  73. package/src/helpers/font-config.ts +35 -8
  74. package/src/styles/fonts.css +11 -15
  75. package/src/styles/tokens/typography.css +17 -7
  76. package/styles.css +182 -47
  77. package/tokens/base.css +12 -3
  78. package/tokens.css +12 -3
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/components/shell.tsx"],
4
- "sourcesContent": ["/**\n * Shell Component - Layout Engine + Chrome\n *\n * Philosophy:\n * - Shell = layout engine + chrome\n * - Manages layout state: expanded/collapsed, fixed/overlay, sizes\n * - Does not manage content/navigation state\n * - Provides unstyled primitives (slots, triggers)\n * - Enforces composition rules (Rail \u2194 Panel dependency, Sidebar exclusivity)\n *\n * Core Slots:\n * - Header: global top bar\n * - Rail: slim nav strip\n * - Panel: sidebar next to rail\n * - Sidebar: alternative to Rail+Panel (exclusive)\n * - Content: main work area\n * - Inspector: right-side panel\n * - Bottom: bottom panel\n *\n * Composition Rules:\n * - Rail + Panel: valid together (Rail collapse \u2192 Panel collapse)\n * - Sidebar: cannot coexist with Rail or Panel\n * - Content: always required\n * - Inspector/Bottom: optional, independent\n */\n'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport * as Sheet from './sheet.js';\nimport { VisuallyHidden } from './visually-hidden.js';\nimport { useResponsivePresentation, useResponsiveValue } from './shell.hooks.js';\nimport { PaneResizeContext } from './_internal/shell-resize.js';\nimport { PaneHandle, PanelHandle } from './_internal/shell-handles.js';\nimport { Sidebar } from './_internal/shell-sidebar.js';\nimport { Bottom } from './_internal/shell-bottom.js';\nimport { Inspector } from './_internal/shell-inspector.js';\nimport type { PresentationValue, ResponsivePresentation, PaneMode, SidebarMode, PaneSizePersistence, Breakpoint, PaneTarget, Responsive } from './shell.types.js';\nimport { _BREAKPOINTS } from './shell.types.js';\nimport {\n ShellProvider,\n useShell,\n LeftModeContext,\n PanelModeContext,\n SidebarModeContext,\n InspectorModeContext,\n BottomModeContext,\n PresentationContext,\n PeekContext,\n ActionsContext,\n CompositionContext,\n} from './shell.context.js';\n\n// Shell context is provided via ShellProvider (see shell.context.tsx)\n\n// Pane resize context moved to ./_internal/shell-resize\n\n// Local PaneHandle moved to ./_internal/shell-handles\n// Removed local PaneHandle implementation; using internal PaneHandle\n\n// Composed Handle wrappers per pane\n// Handles moved to ./_internal/shell-handles\n\n// Hook to resolve responsive presentation\n// useResponsivePresentation moved to shell.hooks.ts\n\n// Hook to resolve responsive mode defaults\n// Removed: defaultMode responsiveness\n\n// Hook to get current breakpoint\nfunction useBreakpoint(): { bp: Breakpoint; ready: boolean } {\n const [currentBp, setCurrentBp] = React.useState<Breakpoint>('initial');\n const [ready, setReady] = React.useState(false);\n\n React.useEffect(() => {\n if (typeof window === 'undefined') return;\n\n const queries: [key: keyof typeof _BREAKPOINTS, query: string][] = Object.entries(_BREAKPOINTS) as any;\n const mqls = queries.map(([k, q]) => [k, window.matchMedia(q)] as const);\n\n const compute = () => {\n // Highest matched wins\n const matched = mqls.filter(([, m]) => m.matches).map(([k]) => k);\n const next = (matched[matched.length - 1] as Breakpoint | undefined) ?? 'initial';\n setCurrentBp(next);\n setReady(true);\n };\n\n compute();\n const cleanups: Array<() => void> = [];\n mqls.forEach(([, m]) => {\n const mm = m as MediaQueryList & {\n addEventListener?: (type: 'change', listener: (e: MediaQueryListEvent) => void) => void;\n removeEventListener?: (type: 'change', listener: (e: MediaQueryListEvent) => void) => void;\n addListener?: (listener: (e: MediaQueryListEvent) => void) => void;\n removeListener?: (listener: (e: MediaQueryListEvent) => void) => void;\n };\n if (typeof mm.addEventListener === 'function' && typeof mm.removeEventListener === 'function') {\n mm.addEventListener('change', compute as any);\n cleanups.push(() => mm.removeEventListener?.('change', compute as any));\n } else if (typeof mm.addListener === 'function' && typeof mm.removeListener === 'function') {\n mm.addListener(compute as any);\n cleanups.push(() => mm.removeListener?.(compute as any));\n }\n });\n\n return () => {\n cleanups.forEach((fn) => {\n try {\n fn();\n } catch {}\n });\n };\n }, []);\n\n return { bp: currentBp, ready };\n}\n\n// Reducer-based pane state management to simplify cascading rules\ntype PaneState = {\n leftMode: PaneMode;\n panelMode: PaneMode;\n sidebarMode: SidebarMode;\n inspectorMode: PaneMode;\n bottomMode: PaneMode;\n};\n\ntype PaneAction =\n | { type: 'SET_LEFT_MODE'; mode: PaneMode }\n | { type: 'SET_PANEL_MODE'; mode: PaneMode }\n | { type: 'SET_SIDEBAR_MODE'; mode: SidebarMode }\n | { type: 'SET_INSPECTOR_MODE'; mode: PaneMode }\n | { type: 'SET_BOTTOM_MODE'; mode: PaneMode }\n | { type: 'TOGGLE_PANE'; target: PaneTarget }\n | { type: 'EXPAND_PANE'; target: PaneTarget }\n | { type: 'COLLAPSE_PANE'; target: PaneTarget };\n\nfunction paneReducer(state: PaneState, action: PaneAction): PaneState {\n switch (action.type) {\n case 'SET_LEFT_MODE': {\n // Collapsing left cascades to panel collapse\n if (action.mode === 'collapsed') {\n return { ...state, leftMode: 'collapsed', panelMode: 'collapsed' };\n }\n return { ...state, leftMode: action.mode };\n }\n case 'SET_PANEL_MODE': {\n // Expanding panel ensures left is expanded\n if (action.mode === 'expanded' && state.leftMode !== 'expanded') {\n return { ...state, leftMode: 'expanded', panelMode: 'expanded' };\n }\n return { ...state, panelMode: action.mode };\n }\n case 'SET_SIDEBAR_MODE':\n return { ...state, sidebarMode: action.mode };\n case 'SET_INSPECTOR_MODE':\n return { ...state, inspectorMode: action.mode };\n case 'SET_BOTTOM_MODE':\n return { ...state, bottomMode: action.mode };\n case 'TOGGLE_PANE': {\n switch (action.target) {\n case 'left':\n case 'rail':\n return { ...state, leftMode: state.leftMode === 'expanded' ? 'collapsed' : 'expanded', panelMode: state.leftMode === 'expanded' ? 'collapsed' : state.panelMode };\n case 'panel': {\n if (state.leftMode === 'collapsed') {\n return { ...state, leftMode: 'expanded', panelMode: 'expanded' };\n }\n return { ...state, panelMode: state.panelMode === 'expanded' ? 'collapsed' : 'expanded' };\n }\n case 'sidebar': {\n // Sidebar toggle sequencing is handled externally via setSidebarToggleComputer\n // This reducer only flips between expanded<->collapsed by default; thin is set by caller\n const next: SidebarMode = state.sidebarMode === 'collapsed' ? 'expanded' : state.sidebarMode === 'expanded' ? 'collapsed' : 'expanded';\n return { ...state, sidebarMode: next };\n }\n case 'inspector':\n return { ...state, inspectorMode: state.inspectorMode === 'expanded' ? 'collapsed' : 'expanded' };\n case 'bottom':\n return { ...state, bottomMode: state.bottomMode === 'expanded' ? 'collapsed' : 'expanded' };\n default:\n return state;\n }\n // Fallback to satisfy no-fallthrough in some environments\n return state;\n }\n case 'EXPAND_PANE': {\n switch (action.target) {\n case 'left':\n case 'rail':\n return { ...state, leftMode: 'expanded' };\n case 'panel':\n return { ...state, leftMode: 'expanded', panelMode: 'expanded' };\n case 'sidebar':\n return { ...state, sidebarMode: 'expanded' };\n case 'inspector':\n return { ...state, inspectorMode: 'expanded' };\n case 'bottom':\n return { ...state, bottomMode: 'expanded' };\n default:\n return state;\n }\n // Fallback to satisfy no-fallthrough in some environments\n return state;\n }\n case 'COLLAPSE_PANE': {\n switch (action.target) {\n case 'left':\n case 'rail':\n return { ...state, leftMode: 'collapsed', panelMode: 'collapsed' };\n case 'panel':\n return { ...state, panelMode: 'collapsed' };\n case 'sidebar':\n return { ...state, sidebarMode: 'collapsed' };\n case 'inspector':\n return { ...state, inspectorMode: 'collapsed' };\n case 'bottom':\n return { ...state, bottomMode: 'collapsed' };\n default:\n return state;\n }\n // Fallback to satisfy no-fallthrough in some environments\n return state;\n }\n }\n return state;\n}\n\n// Root Component\ninterface ShellRootProps extends React.ComponentPropsWithoutRef<'div'> {\n children: React.ReactNode;\n height?: 'full' | 'auto' | string | number;\n}\n\nconst Root = React.forwardRef<HTMLDivElement, ShellRootProps>(({ className, children, height = 'full', ...props }, ref) => {\n const { bp: currentBreakpoint, ready: currentBreakpointReady } = useBreakpoint();\n\n // Compute initial defaults from immediate children (one-time, uncontrolled defaults)\n const initialChildren = React.Children.toArray(children) as React.ReactElement[];\n const hasPanelDefaultOpen = initialChildren.some((el) => React.isValidElement(el) && (el as any).type?.displayName === 'Shell.Panel' && Boolean((el as any).props?.defaultOpen));\n const hasRailDefaultOpen = initialChildren.some((el) => React.isValidElement(el) && (el as any).type?.displayName === 'Shell.Rail' && Boolean((el as any).props?.defaultOpen));\n\n // Pane state management via reducer\n const [paneState, dispatchPane] = React.useReducer(paneReducer, {\n leftMode: hasPanelDefaultOpen || hasRailDefaultOpen ? 'expanded' : 'collapsed',\n panelMode: hasPanelDefaultOpen ? 'expanded' : 'collapsed',\n sidebarMode: 'expanded',\n inspectorMode: 'collapsed',\n bottomMode: 'collapsed',\n });\n const setLeftMode = React.useCallback((mode: PaneMode) => dispatchPane({ type: 'SET_LEFT_MODE', mode }), []);\n const setPanelMode = React.useCallback((mode: PaneMode) => dispatchPane({ type: 'SET_PANEL_MODE', mode }), []);\n const setSidebarMode = React.useCallback((mode: SidebarMode) => dispatchPane({ type: 'SET_SIDEBAR_MODE', mode }), []);\n const setInspectorMode = React.useCallback((mode: PaneMode) => dispatchPane({ type: 'SET_INSPECTOR_MODE', mode }), []);\n const setBottomMode = React.useCallback((mode: PaneMode) => dispatchPane({ type: 'SET_BOTTOM_MODE', mode }), []);\n\n // Removed: defaultMode responsiveness and manual change tracking\n\n // Composition detection\n const [hasLeft, setHasLeft] = React.useState(false);\n const [hasSidebar, setHasSidebar] = React.useState(false);\n\n // Customizable sidebar toggle sequencing\n const sidebarToggleComputerRef = React.useRef<(current: SidebarMode) => SidebarMode>((current) => (current === 'collapsed' ? 'thin' : current === 'thin' ? 'expanded' : 'collapsed'));\n const setSidebarToggleComputer = React.useCallback((fn: (current: SidebarMode) => SidebarMode) => {\n sidebarToggleComputerRef.current = fn;\n }, []);\n\n // Reducer handles left\u2192panel cascade; no effect needed\n\n // Composition validation\n React.useEffect(() => {\n if (hasSidebar && hasLeft) {\n console.warn('Shell: Sidebar cannot coexist with Rail or Panel. Use either Rail+Panel OR Sidebar.');\n }\n }, [hasSidebar, hasLeft]);\n\n // Left presentation + defaults from children\n const [devLeftPres, setDevLeftPres] = React.useState<PresentationValue | undefined>(undefined);\n const onLeftPres = React.useCallback((p: PresentationValue) => setDevLeftPres(p), []);\n const railDefaultSizeRef = React.useRef<number>(64);\n const panelDefaultSizeRef = React.useRef<number>(288);\n const onRailDefaults = React.useCallback((size: number) => {\n railDefaultSizeRef.current = size;\n }, []);\n const onPanelDefaults = React.useCallback((size: number) => {\n panelDefaultSizeRef.current = size;\n }, []);\n\n // Determine children presence for left composition\n const hasLeftChildren = React.useMemo(() => {\n const childArray = React.Children.toArray(children) as React.ReactElement[];\n const isType = (el: React.ReactElement, comp: any) => React.isValidElement(el) && (el.type === comp || (el as any).type?.displayName === comp.displayName);\n return childArray.some((el) => isType(el, Rail) || isType(el, Panel));\n }, [children]);\n\n const hasSidebarChildren = React.useMemo(() => {\n const childArray = React.Children.toArray(children) as React.ReactElement[];\n const isType = (el: React.ReactElement, comp: any) => React.isValidElement(el) && (el.type === comp || (el as any).type?.displayName === comp.displayName);\n return childArray.some((el) => isType(el, Sidebar));\n }, [children]);\n\n const togglePane = React.useCallback(\n (target: PaneTarget) => {\n if (target === 'sidebar') {\n const next = sidebarToggleComputerRef.current(paneState.sidebarMode as SidebarMode);\n setSidebarMode(next);\n return;\n }\n dispatchPane({ type: 'TOGGLE_PANE', target });\n },\n [paneState.sidebarMode],\n );\n\n const expandPane = React.useCallback((target: PaneTarget) => {\n if (target === 'sidebar') return setSidebarMode('expanded');\n dispatchPane({ type: 'EXPAND_PANE', target });\n }, []);\n\n const collapsePane = React.useCallback((target: PaneTarget) => {\n if (target === 'sidebar') return setSidebarMode('collapsed');\n dispatchPane({ type: 'COLLAPSE_PANE', target });\n }, []);\n\n const baseContextValue = React.useMemo(\n () => ({\n leftMode: paneState.leftMode,\n setLeftMode,\n panelMode: paneState.panelMode,\n setPanelMode,\n sidebarMode: paneState.sidebarMode,\n setSidebarMode,\n inspectorMode: paneState.inspectorMode,\n setInspectorMode,\n bottomMode: paneState.bottomMode,\n setBottomMode,\n hasLeft,\n setHasLeft,\n hasSidebar,\n setHasSidebar,\n currentBreakpoint,\n currentBreakpointReady,\n leftResolvedPresentation: devLeftPres,\n togglePane,\n expandPane,\n collapsePane,\n setSidebarToggleComputer,\n onLeftPres,\n onRailDefaults,\n onPanelDefaults,\n }),\n [\n paneState.leftMode,\n paneState.panelMode,\n paneState.sidebarMode,\n paneState.inspectorMode,\n paneState.bottomMode,\n hasLeft,\n hasSidebar,\n currentBreakpoint,\n currentBreakpointReady,\n devLeftPres,\n togglePane,\n expandPane,\n collapsePane,\n setSidebarToggleComputer,\n onLeftPres,\n onRailDefaults,\n onPanelDefaults,\n ],\n );\n\n // Organize children by type\n const childArray = React.Children.toArray(children) as React.ReactElement[];\n const isType = (el: React.ReactElement, comp: any) => React.isValidElement(el) && (el.type === comp || (el as any).type?.displayName === comp.displayName);\n\n const headerEls = childArray.filter((el) => isType(el, Header));\n const railEls = childArray.filter((el) => isType(el, Rail));\n const panelEls = childArray.filter((el) => isType(el, Panel));\n const sidebarEls = childArray.filter((el) => isType(el, Sidebar));\n const contentEls = childArray.filter((el) => isType(el, Content));\n const inspectorEls = childArray.filter((el) => isType(el, Inspector));\n const bottomEls = childArray.filter((el) => isType(el, Bottom));\n\n // Controlled sync in Root: mirror first Rail.open if provided\n const firstRailOpen = (railEls[0] as any)?.props?.open;\n React.useEffect(() => {\n if (typeof firstRailOpen === 'undefined') return;\n const shouldOpen = Boolean(firstRailOpen);\n setLeftMode(shouldOpen ? 'expanded' : 'collapsed');\n }, [firstRailOpen]);\n\n const heightStyle = React.useMemo(() => {\n if (height === 'full') return { height: '100vh' };\n if (height === 'auto') return { height: 'auto' };\n if (typeof height === 'string') return { height };\n if (typeof height === 'number') return { height: `${height}px` };\n return {};\n }, [height]);\n\n // Peek state (layout-only overlay without mode changes)\n const [peekTarget, setPeekTarget] = React.useState<PaneTarget | null>(null);\n const peekPane = React.useCallback((target: PaneTarget) => setPeekTarget(target), []);\n const clearPeek = React.useCallback(() => setPeekTarget(null), []);\n\n // Memoized slice context values to avoid notifying unrelated consumers\n const presentationCtxValue = React.useMemo(() => ({ currentBreakpoint, currentBreakpointReady, leftResolvedPresentation: devLeftPres }), [currentBreakpoint, currentBreakpointReady, devLeftPres]);\n const leftModeCtxValue = React.useMemo(() => ({ leftMode: paneState.leftMode, setLeftMode }), [paneState.leftMode, setLeftMode]);\n const panelModeCtxValue = React.useMemo(() => ({ panelMode: paneState.panelMode, setPanelMode }), [paneState.panelMode, setPanelMode]);\n const sidebarModeCtxValue = React.useMemo(() => ({ sidebarMode: paneState.sidebarMode, setSidebarMode }), [paneState.sidebarMode, setSidebarMode]);\n const inspectorModeCtxValue = React.useMemo(() => ({ inspectorMode: paneState.inspectorMode, setInspectorMode }), [paneState.inspectorMode, setInspectorMode]);\n const bottomModeCtxValue = React.useMemo(() => ({ bottomMode: paneState.bottomMode, setBottomMode }), [paneState.bottomMode, setBottomMode]);\n const compositionCtxValue = React.useMemo(() => ({ hasLeft, setHasLeft, hasSidebar, setHasSidebar }), [hasLeft, setHasLeft, hasSidebar, setHasSidebar]);\n const peekCtxValue = React.useMemo(() => ({ peekTarget, setPeekTarget, peekPane, clearPeek }), [peekTarget, setPeekTarget, peekPane, clearPeek]);\n const actionsCtxValue = React.useMemo(() => ({ togglePane, expandPane, collapsePane, setSidebarToggleComputer }), [togglePane, expandPane, collapsePane, setSidebarToggleComputer]);\n\n return (\n <div {...props} ref={ref} className={classNames('rt-ShellRoot', className)} style={{ ...heightStyle, ...props.style }}>\n <ShellProvider\n value={{\n ...baseContextValue,\n peekTarget,\n setPeekTarget,\n peekPane,\n clearPeek,\n }}\n >\n <PresentationContext.Provider value={presentationCtxValue}>\n <LeftModeContext.Provider value={leftModeCtxValue}>\n <PanelModeContext.Provider value={panelModeCtxValue}>\n <SidebarModeContext.Provider value={sidebarModeCtxValue}>\n <InspectorModeContext.Provider value={inspectorModeCtxValue}>\n <BottomModeContext.Provider value={bottomModeCtxValue}>\n <CompositionContext.Provider value={compositionCtxValue}>\n <PeekContext.Provider value={peekCtxValue}>\n <ActionsContext.Provider value={actionsCtxValue}>\n {headerEls}\n <div\n className=\"rt-ShellBody\"\n data-peek-target={peekTarget ?? undefined}\n style={\n peekTarget === 'rail' || peekTarget === 'panel'\n ? ({\n ['--peek-rail-width' as any]: `${railDefaultSizeRef.current}px`,\n } as React.CSSProperties)\n : undefined\n }\n >\n {hasLeftChildren && !hasSidebarChildren\n ? (() => {\n const firstRail = railEls[0] as any;\n const passthroughProps = firstRail\n ? {\n // Notification passthrough used by Left; not spread to DOM in Left\n onOpenChange: firstRail.props?.onOpenChange,\n open: firstRail.props?.open,\n defaultOpen: firstRail.props?.defaultOpen,\n presentation: firstRail.props?.presentation,\n collapsible: firstRail.props?.collapsible,\n onExpand: firstRail.props?.onExpand,\n onCollapse: firstRail.props?.onCollapse,\n }\n : { defaultOpen: hasPanelDefaultOpen ? true : undefined };\n return (\n <Left {...(passthroughProps as any)}>\n {railEls}\n {panelEls}\n </Left>\n );\n })()\n : sidebarEls}\n {contentEls}\n {inspectorEls}\n </div>\n {bottomEls}\n </ActionsContext.Provider>\n </PeekContext.Provider>\n </CompositionContext.Provider>\n </BottomModeContext.Provider>\n </InspectorModeContext.Provider>\n </SidebarModeContext.Provider>\n </PanelModeContext.Provider>\n </LeftModeContext.Provider>\n </PresentationContext.Provider>\n </ShellProvider>\n </div>\n );\n});\nRoot.displayName = 'Shell.Root';\n\n// Header\ninterface ShellHeaderProps extends React.ComponentPropsWithoutRef<'header'> {\n height?: number;\n}\n\nconst Header = React.forwardRef<HTMLElement, ShellHeaderProps>(({ className, height = 64, style, ...props }, ref) => (\n <header\n {...props}\n ref={ref}\n className={classNames('rt-ShellHeader', className)}\n style={{\n ...style,\n ['--shell-header-height' as any]: `${height}px`,\n }}\n />\n));\nHeader.displayName = 'Shell.Header';\n\n// Pane Props Interface (shared by Panel, Sidebar, Inspector, Bottom)\ninterface PaneProps extends React.ComponentPropsWithoutRef<'div'> {\n presentation?: ResponsivePresentation;\n expandedSize?: number;\n minSize?: number;\n maxSize?: number;\n resizable?: boolean;\n collapsible?: boolean;\n onExpand?: () => void;\n onCollapse?: () => void;\n onResize?: (size: number) => void;\n /** Optional custom content inside the resizer handle (kept unstyled). */\n resizer?: React.ReactNode;\n onResizeStart?: (size: number) => void;\n onResizeEnd?: (size: number) => void;\n snapPoints?: number[];\n snapTolerance?: number;\n collapseThreshold?: number;\n paneId?: string;\n persistence?: PaneSizePersistence;\n}\n\n// Left container (auto-created for Rail+Panel)\ninterface LeftProps extends React.ComponentPropsWithoutRef<'div'> {\n presentation?: ResponsivePresentation;\n // New: passthrough from Rail\n open?: boolean;\n defaultOpen?: boolean;\n onOpenChange?: (open: boolean, meta: { reason: 'init' | 'toggle' | 'panel' | 'responsive' }) => void;\n collapsible?: boolean;\n onExpand?: () => void;\n onCollapse?: () => void;\n}\n\n// Rail (special case)\ntype LeftOpenChangeMeta = { reason: 'init' | 'toggle' | 'responsive' | 'panel' };\n\ntype RailControlledProps = { open: boolean; onOpenChange?: (open: boolean, meta: LeftOpenChangeMeta) => void; defaultOpen?: never };\ntype RailUncontrolledProps = { defaultOpen?: boolean; onOpenChange?: (open: boolean, meta: LeftOpenChangeMeta) => void; open?: never };\n\ntype RailProps = React.ComponentPropsWithoutRef<'div'> & {\n presentation?: ResponsivePresentation;\n expandedSize?: number;\n collapsible?: boolean;\n onExpand?: () => void;\n onCollapse?: () => void;\n} & (RailControlledProps | RailUncontrolledProps);\n\n// Left container - behaves like Inspector but contains Rail+Panel\nconst Left = React.forwardRef<HTMLDivElement, LeftProps>(\n ({ className, presentation = { initial: 'fixed', sm: 'fixed' }, collapsible: _collapsible = true, onExpand, onCollapse, children, style, ...props }, ref) => {\n const shell = useShell();\n const resolvedPresentation = useResponsivePresentation(presentation);\n const isOverlay = resolvedPresentation === 'overlay';\n const isStacked = resolvedPresentation === 'stacked';\n const localRef = React.useRef<HTMLDivElement | null>(null);\n // Publish resolved presentation so Root can gate peeking in overlay\n React.useEffect(() => {\n (shell as any).onLeftPres?.(resolvedPresentation);\n }, [shell, resolvedPresentation]);\n const setRef = React.useCallback(\n (node: HTMLDivElement | null) => {\n localRef.current = node;\n if (typeof ref === 'function') ref(node);\n else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n },\n [ref],\n );\n\n // Register with shell\n React.useEffect(() => {\n shell.setHasLeft(true);\n return () => shell.setHasLeft(false);\n }, [shell]);\n\n const _lastBpRef = React.useRef<Breakpoint | null>(null);\n const lastLeftModeRef = React.useRef<PaneMode | null>(null);\n const initNotifiedRef = React.useRef(false);\n const resolvedDefaultOpen = useResponsiveValue((props as any).defaultOpen as any);\n\n // Initialize from responsive defaultOpen once when uncontrolled and breakpoint ready\n const didInitFromDefaultOpenRef = React.useRef(false);\n React.useEffect(() => {\n if (didInitFromDefaultOpenRef.current) return;\n if (!shell.currentBreakpointReady) return;\n if (typeof (props as any).open !== 'undefined') return; // controlled\n if (typeof (props as any).defaultOpen === 'undefined') return;\n didInitFromDefaultOpenRef.current = true;\n const initial = Boolean(resolvedDefaultOpen);\n shell.setLeftMode(initial ? 'expanded' : 'collapsed');\n (props as any).onOpenChange?.(initial, { reason: 'init' });\n }, [shell.currentBreakpointReady, (props as any).open, (props as any).defaultOpen, resolvedDefaultOpen]);\n React.useEffect(() => {\n // Controlled Left via Rail.open\n if (typeof (props as any).open !== 'undefined') {\n const shouldOpen = Boolean((props as any).open);\n shell.setLeftMode(shouldOpen ? 'expanded' : 'collapsed');\n return;\n }\n // defaultOpen is applied in Rail; Left no longer follows responsive defaults\n }, [shell, (props as any).open]);\n\n // Sync controlled mode\n // removed mode sync\n\n // Emit mode changes (uncontrolled toggles + init)\n React.useEffect(() => {\n if (typeof (props as any).open !== 'undefined') return; // controlled, notifications only via parent changes\n if (!initNotifiedRef.current && Boolean(resolvedDefaultOpen) && shell.leftMode === 'expanded') {\n (props as any).onOpenChange?.(true, { reason: 'init' });\n initNotifiedRef.current = true;\n }\n if (lastLeftModeRef.current !== null && lastLeftModeRef.current !== shell.leftMode) {\n (props as any).onOpenChange?.(shell.leftMode === 'expanded', { reason: 'toggle' });\n }\n lastLeftModeRef.current = shell.leftMode;\n }, [shell.leftMode, resolvedDefaultOpen]);\n\n // Emit expand/collapse events\n React.useEffect(() => {\n if (shell.leftMode === 'expanded') {\n onExpand?.();\n } else {\n onCollapse?.();\n }\n }, [shell.leftMode, onExpand, onCollapse]);\n\n const _isExpanded = shell.leftMode === 'expanded';\n\n // Left is not resizable; width derives from Rail/Panel.\n\n if (isOverlay) {\n const open = shell.leftMode === 'expanded';\n // Compute overlay width from child Rail/Panel expanded sizes\n const childArray = React.Children.toArray(children) as React.ReactElement[];\n const isType = (el: React.ReactElement, comp: any) => React.isValidElement(el) && el.type === comp;\n const railEl = childArray.find((el) => isType(el, Rail));\n const panelEl = childArray.find((el) => isType(el, Panel));\n const railSize = typeof (railEl as any)?.props?.expandedSize === 'number' ? (railEl as any).props.expandedSize : 64;\n const panelSize = typeof (panelEl as any)?.props?.expandedSize === 'number' ? (panelEl as any).props.expandedSize : 288;\n const hasRail = Boolean(railEl);\n const hasPanel = Boolean(panelEl);\n const overlayPx = (hasRail ? railSize : 0) + (shell.panelMode === 'expanded' && hasPanel ? panelSize : 0);\n return (\n <Sheet.Root open={open} onOpenChange={(o) => shell.setLeftMode(o ? 'expanded' : 'collapsed')}>\n <Sheet.Content\n side=\"start\"\n style={{ padding: 0 }}\n width={{\n initial: `${overlayPx}px`,\n }}\n >\n <VisuallyHidden>\n <Sheet.Title>Navigation</Sheet.Title>\n </VisuallyHidden>\n <div className=\"rt-ShellLeft\">{children}</div>\n </Sheet.Content>\n </Sheet.Root>\n );\n }\n\n if (isStacked) {\n const open = shell.leftMode === 'expanded';\n // Compute floating width from child Rail/Panel expanded sizes (like overlay)\n const childArray = React.Children.toArray(children) as React.ReactElement[];\n const isType = (el: React.ReactElement, comp: any) => React.isValidElement(el) && el.type === comp;\n const railEl = childArray.find((el) => isType(el, Rail));\n const panelEl = childArray.find((el) => isType(el, Panel));\n const _railSize = typeof (railEl as any)?.props?.expandedSize === 'number' ? (railEl as any).props.expandedSize : 64;\n const _panelSize = typeof (panelEl as any)?.props?.expandedSize === 'number' ? (panelEl as any).props.expandedSize : 288;\n const _hasRail = Boolean(railEl);\n const _hasPanel = Boolean(panelEl);\n const _includePanel = _hasPanel && (shell.panelMode === 'expanded' || shell.peekTarget === 'panel');\n\n // Strip control props from DOM spread\n const { open: _openIgnored, defaultOpen: _defaultOpenIgnored, onOpenChange: _onOpenChangeIgnored, ...stackDomProps } = props as any;\n\n return (\n <div\n {...stackDomProps}\n ref={setRef}\n className={classNames('rt-ShellLeft', className)}\n data-mode={shell.leftMode}\n data-peek={shell.peekTarget === 'left' || shell.peekTarget === 'rail' || shell.peekTarget === 'panel' || undefined}\n data-presentation={resolvedPresentation}\n style={{\n ...style,\n }}\n data-open={open || undefined}\n >\n {children}\n </div>\n );\n }\n\n // Strip control/legacy props from DOM spread\n const {\n open: _openIgnored,\n defaultOpen: _defaultOpenIgnored,\n onOpenChange: _onOpenChangeIgnored,\n // legacy\n mode: _legacyModeIgnored,\n defaultMode: _legacyDefaultModeIgnored,\n onModeChange: _legacyOnModeChangeIgnored,\n ...domProps\n } = props as any;\n\n return (\n <div\n {...domProps}\n ref={setRef}\n className={classNames('rt-ShellLeft', className)}\n data-mode={shell.leftMode}\n data-peek={shell.peekTarget === 'left' || shell.peekTarget === 'rail' || shell.peekTarget === 'panel' || undefined}\n data-presentation={resolvedPresentation}\n style={{\n ...style,\n }}\n >\n {children}\n </div>\n );\n },\n);\nLeft.displayName = 'Shell.Left';\n\nconst Rail = React.forwardRef<HTMLDivElement, RailProps>(({ className, presentation, expandedSize = 64, collapsible, onExpand, onCollapse, children, style, ...props }, ref) => {\n const shell = useShell();\n\n // Dev guards\n const wasControlledRef = React.useRef<boolean | null>(null);\n if (process.env.NODE_ENV !== 'production') {\n if (typeof props.open !== 'undefined' && typeof props.defaultOpen !== 'undefined') {\n // eslint-disable-next-line no-console\n console.error('Shell.Rail: Do not pass both `open` and `defaultOpen`. Choose one.');\n }\n }\n\n // Warn on controlled/uncontrolled mode switch\n React.useEffect(() => {\n const isControlled = typeof props.open !== 'undefined';\n if (wasControlledRef.current === null) {\n wasControlledRef.current = isControlled;\n return;\n }\n if (wasControlledRef.current !== isControlled) {\n // eslint-disable-next-line no-console\n console.warn('Shell.Rail: Switching between controlled and uncontrolled `open` is not supported.');\n wasControlledRef.current = isControlled;\n }\n }, [props.open]);\n\n // Register expanded size with Left container\n React.useEffect(() => {\n (shell as any).onRailDefaults?.(expandedSize);\n }, [shell, expandedSize]);\n\n const isExpanded = shell.leftMode === 'expanded';\n\n // Strip unknown open/defaultOpen props from DOM by not spreading them\n const { defaultOpen: _defaultOpenIgnored, open: _openIgnored, onOpenChange: _onOpenChangeIgnored, ...domProps } = props as any;\n\n return (\n <div\n {...domProps}\n ref={ref}\n className={classNames('rt-ShellRail', className)}\n data-mode={shell.leftMode}\n data-peek={(shell.currentBreakpointReady && shell.leftResolvedPresentation !== 'overlay' && shell.peekTarget === 'rail') || undefined}\n style={{\n ...style,\n ['--rail-size' as any]: `${expandedSize}px`,\n }}\n >\n <div className=\"rt-ShellRailContent\" data-visible={(shell.currentBreakpointReady && (isExpanded || (shell.leftResolvedPresentation !== 'overlay' && shell.peekTarget === 'rail'))) || undefined}>\n {children}\n </div>\n </div>\n );\n});\nRail.displayName = 'Shell.Rail';\n\n// Panel\ntype HandleComponent = React.ForwardRefExoticComponent<React.ComponentPropsWithoutRef<'div'> & React.RefAttributes<HTMLDivElement>>;\n\ntype PanelOpenChangeMeta = { reason: 'toggle' | 'left' | 'init' };\ntype PanelControlledProps = { open: boolean; onOpenChange?: (open: boolean, meta: PanelOpenChangeMeta) => void; defaultOpen?: never };\ntype PanelUncontrolledProps = { defaultOpen?: boolean; onOpenChange?: (open: boolean, meta: PanelOpenChangeMeta) => void; open?: never };\n\ntype PanelSizeControlledProps = { size: number | string; defaultSize?: never };\ntype PanelSizeUncontrolledProps = { defaultSize?: number | string; size?: never };\n\ntype PanelSizeChangeMeta = { reason: 'init' | 'resize' | 'controlled' };\ntype PanelPublicProps = Omit<PaneProps, 'presentation' | 'defaultMode'> &\n (PanelControlledProps | PanelUncontrolledProps) &\n (PanelSizeControlledProps | PanelSizeUncontrolledProps) & {\n onSizeChange?: (size: number, meta: PanelSizeChangeMeta) => void;\n sizeUpdate?: 'throttle' | 'debounce';\n sizeUpdateMs?: number;\n };\ntype PanelComponent = React.ForwardRefExoticComponent<PanelPublicProps & React.RefAttributes<HTMLDivElement>> & {\n Handle: HandleComponent;\n};\n\ntype _SidebarComponent = React.ForwardRefExoticComponent<\n (Omit<PaneProps, 'mode' | 'defaultMode' | 'onModeChange'> & {\n state?: Responsive<SidebarMode>;\n defaultState?: SidebarMode;\n onStateChange?: (mode: SidebarMode) => void;\n thinSize?: number;\n toggleModes?: 'both' | 'single';\n }) &\n React.RefAttributes<HTMLDivElement>\n> & { Handle: HandleComponent };\n\ntype _InspectorComponent = React.ForwardRefExoticComponent<PaneProps & React.RefAttributes<HTMLDivElement>> & { Handle: HandleComponent };\n\ntype _BottomComponent = React.ForwardRefExoticComponent<PaneProps & React.RefAttributes<HTMLDivElement>> & { Handle: HandleComponent };\n\nconst Panel = React.forwardRef<HTMLDivElement, PanelPublicProps>(\n (\n {\n className,\n defaultOpen,\n open,\n onOpenChange,\n size,\n defaultSize,\n expandedSize = 288,\n minSize,\n maxSize,\n resizable,\n collapsible = true,\n onExpand,\n onCollapse,\n onResize,\n onResizeStart,\n onResizeEnd,\n snapPoints,\n snapTolerance,\n collapseThreshold,\n paneId,\n persistence,\n children,\n style,\n onSizeChange,\n sizeUpdate,\n sizeUpdateMs = 50,\n ...props\n },\n ref,\n ) => {\n // Throttled/debounced emitter for onSizeChange\n const emitSizeChange = React.useMemo(() => {\n if (!onSizeChange) return () => {};\n if (sizeUpdate === 'debounce') {\n let t: any = null;\n const fn = (s: number, meta: PanelSizeChangeMeta) => {\n if (t) clearTimeout(t);\n t = setTimeout(() => {\n onSizeChange?.(s, meta);\n }, sizeUpdateMs);\n };\n return fn;\n }\n if (sizeUpdate === 'throttle') {\n let last = 0;\n return (s: number, meta: PanelSizeChangeMeta) => {\n const now = Date.now();\n if (now - last >= sizeUpdateMs) {\n last = now;\n onSizeChange?.(s, meta);\n }\n };\n }\n return (s: number, meta: PanelSizeChangeMeta) => onSizeChange?.(s, meta);\n }, [onSizeChange, sizeUpdate, sizeUpdateMs]);\n const shell = useShell();\n const prevPanelModeRef = React.useRef<PaneMode | null>(null);\n const prevLeftModeRef = React.useRef<PaneMode | null>(null);\n const initNotifiedRef = React.useRef(false);\n\n // Dev-only runtime guard\n if (process.env.NODE_ENV !== 'production') {\n if (typeof open !== 'undefined' && typeof defaultOpen !== 'undefined') {\n // eslint-disable-next-line no-console\n console.error('Shell.Panel: Do not pass both `open` and `defaultOpen`. Choose one.');\n }\n if (typeof size !== 'undefined' && typeof defaultSize !== 'undefined') {\n // eslint-disable-next-line no-console\n console.error('Shell.Panel: Do not pass both `size` and `defaultSize`. Choose one.');\n }\n }\n\n // Initialize uncontrolled open state from defaultOpen on first mount\n React.useEffect(() => {\n if (typeof open === 'undefined' && typeof defaultOpen === 'boolean') {\n if (defaultOpen) {\n // Ensure Left is expanded before expanding Panel\n shell.setLeftMode('expanded');\n shell.setPanelMode('expanded');\n } else {\n shell.setPanelMode('collapsed');\n }\n }\n // run only on mount\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n // Controlled sync: mirror shell state when `open` is provided\n React.useEffect(() => {\n if (typeof open === 'undefined') return;\n if (open) {\n if (shell.leftMode !== 'expanded') shell.setLeftMode('expanded');\n if (shell.panelMode !== 'expanded') shell.setPanelMode('expanded');\n } else {\n if (shell.panelMode !== 'collapsed') shell.setPanelMode('collapsed');\n }\n }, [open, shell.leftMode, shell.panelMode]);\n\n // Dev-only warning if switching controlled/uncontrolled between renders\n React.useEffect(() => {\n const isControlled = typeof open !== 'undefined';\n (Panel as any)._wasControlled = (Panel as any)._wasControlled ?? isControlled;\n if ((Panel as any)._wasControlled !== isControlled) {\n // eslint-disable-next-line no-console\n console.warn('Shell.Panel: Switching between controlled and uncontrolled `open` is not supported.');\n (Panel as any)._wasControlled = isControlled;\n }\n }, [open]);\n\n // Notify init open\n React.useEffect(() => {\n if (initNotifiedRef.current) return;\n if (typeof open === 'undefined' && defaultOpen && shell.panelMode === 'expanded') {\n onOpenChange?.(true, { reason: 'init' });\n initNotifiedRef.current = true;\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n React.useEffect(() => {\n (shell as any).onPanelDefaults?.(expandedSize);\n }, [shell, expandedSize]);\n const localRef = React.useRef<HTMLDivElement | null>(null);\n const setRef = React.useCallback(\n (node: HTMLDivElement | null) => {\n localRef.current = node;\n if (typeof ref === 'function') ref(node);\n else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n },\n [ref],\n );\n const childArray = React.Children.toArray(children) as React.ReactElement[];\n const handleChildren = childArray.filter((el: React.ReactElement) => React.isValidElement(el) && el.type === PanelHandle);\n const contentChildren = childArray.filter((el: React.ReactElement) => !(React.isValidElement(el) && el.type === PanelHandle));\n\n const isOverlay = shell.leftResolvedPresentation === 'overlay';\n\n // Normalize CSS lengths to px\n const normalizeToPx = React.useCallback((value: number | string | undefined): number | undefined => {\n if (value == null) return undefined;\n if (typeof value === 'number' && Number.isFinite(value)) return value;\n const str = String(value).trim();\n if (!str) return undefined;\n if (str.endsWith('px')) return Number.parseFloat(str);\n if (str.endsWith('rem')) {\n const rem = Number.parseFloat(getComputedStyle(document.documentElement).fontSize || '16') || 16;\n return Number.parseFloat(str) * rem;\n }\n if (str.endsWith('%')) {\n const pct = Number.parseFloat(str);\n const base = document.documentElement.clientWidth || window.innerWidth || 0;\n return (pct / 100) * base;\n }\n // Bare number-like string\n const n = Number.parseFloat(str);\n return Number.isFinite(n) ? n : undefined;\n }, []);\n\n // Derive a default persistence adapter from paneId if none provided\n const persistenceAdapter = React.useMemo(() => {\n if (!paneId || persistence) return persistence;\n const key = `kookie-ui:shell:panel:${paneId}`;\n const adapter: PaneSizePersistence = {\n load: () => {\n if (typeof window === 'undefined') return undefined;\n const v = window.localStorage.getItem(key);\n return v ? Number(v) : undefined;\n },\n save: (size: number) => {\n if (typeof window === 'undefined') return;\n window.localStorage.setItem(key, String(size));\n },\n };\n return adapter;\n }, [paneId, persistence]);\n\n // Load persisted size if configured (only in fixed presentation)\n React.useEffect(() => {\n let mounted = true;\n (async () => {\n if (!resizable || !persistenceAdapter?.load || isOverlay) return;\n const loaded = await persistenceAdapter.load();\n if (mounted && typeof loaded === 'number' && localRef.current) {\n localRef.current.style.setProperty('--panel-size', `${loaded}px`);\n onResize?.(loaded);\n }\n })();\n return () => {\n mounted = false;\n };\n }, [resizable, persistenceAdapter, onResize, isOverlay]);\n\n // In overlay, ensure panel uses the fixed expandedSize, ignoring any persisted size\n React.useEffect(() => {\n if (!localRef.current) return;\n if (isOverlay) {\n localRef.current.style.setProperty('--panel-size', `${expandedSize}px`);\n }\n }, [isOverlay, expandedSize]);\n\n // Apply defaultSize on mount when uncontrolled\n React.useEffect(() => {\n if (!localRef.current) return;\n if (typeof size === 'undefined' && typeof defaultSize !== 'undefined') {\n const px = normalizeToPx(defaultSize);\n if (typeof px === 'number' && Number.isFinite(px)) {\n // Clamp to min/max if provided\n const minPx = typeof minSize === 'number' ? minSize : undefined;\n const maxPx = typeof maxSize === 'number' ? maxSize : undefined;\n const clamped = Math.min(maxPx ?? px, Math.max(minPx ?? px, px));\n localRef.current.style.setProperty('--panel-size', `${clamped}px`);\n emitSizeChange(clamped, { reason: 'init' });\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n // Controlled size sync\n React.useEffect(() => {\n if (!localRef.current) return;\n if (typeof size === 'undefined') return;\n const px = normalizeToPx(size);\n if (typeof px === 'number' && Number.isFinite(px)) {\n const minPx = typeof minSize === 'number' ? minSize : undefined;\n const maxPx = typeof maxSize === 'number' ? maxSize : undefined;\n const clamped = Math.min(maxPx ?? px, Math.max(minPx ?? px, px));\n localRef.current.style.setProperty('--panel-size', `${clamped}px`);\n emitSizeChange(clamped, { reason: 'controlled' });\n }\n }, [size, minSize, maxSize, normalizeToPx]);\n\n // Ensure Left container width is auto whenever Panel is expanded in fixed presentation\n React.useEffect(() => {\n if (!localRef.current) return;\n if (shell.leftResolvedPresentation !== 'overlay' && shell.leftMode === 'expanded' && shell.panelMode === 'expanded') {\n const leftEl = (localRef.current.parentElement as HTMLElement) || null;\n try {\n leftEl?.style.removeProperty('width');\n } catch {}\n }\n }, [shell.leftResolvedPresentation, shell.leftMode, shell.panelMode]);\n\n const isExpanded = shell.leftMode === 'expanded' && shell.panelMode === 'expanded';\n\n // Notify on internal toggles and left cascade\n React.useEffect(() => {\n const prevPanel = prevPanelModeRef.current;\n const prevLeft = prevLeftModeRef.current;\n if (prevPanel !== null && prevPanel !== shell.panelMode) {\n const open = shell.panelMode === 'expanded';\n let reason: PanelOpenChangeMeta['reason'] = 'toggle';\n if (prevLeft !== shell.leftMode && shell.leftMode === 'collapsed' && !open) {\n reason = 'left';\n }\n onOpenChange?.(open, { reason });\n }\n prevPanelModeRef.current = shell.panelMode;\n prevLeftModeRef.current = shell.leftMode;\n }, [shell.panelMode, shell.leftMode, onOpenChange]);\n\n // Provide resizer handle when fixed (not overlay)\n const handleEl =\n resizable && shell.leftResolvedPresentation !== 'overlay' && isExpanded ? (\n <PaneResizeContext.Provider\n value={{\n containerRef: localRef,\n cssVarName: '--panel-size',\n minSize: typeof minSize === 'number' ? minSize : 100,\n maxSize: typeof maxSize === 'number' ? maxSize : 800,\n defaultSize: expandedSize,\n orientation: 'vertical',\n edge: 'end',\n computeNext: (client, startClient, startSize) => {\n const isRtl = getComputedStyle(localRef.current!).direction === 'rtl';\n const delta = client - startClient;\n return startSize + (isRtl ? -delta : delta);\n },\n onResize,\n onResizeStart: (size) => {\n // Ensure Left container is not stuck with a fixed width in stacked\n const panelEl = localRef.current as HTMLElement | null;\n const leftEl = panelEl?.parentElement as HTMLElement | null;\n try {\n leftEl?.style.removeProperty('width');\n } catch {}\n onResizeStart?.(size);\n },\n onResizeEnd: (size) => {\n onResizeEnd?.(size);\n emitSizeChange(size, { reason: 'resize' });\n persistenceAdapter?.save?.(size);\n },\n target: 'panel',\n collapsible: Boolean(collapsible),\n snapPoints,\n snapTolerance: snapTolerance ?? 8,\n collapseThreshold,\n requestCollapse: () => shell.setPanelMode('collapsed'),\n requestToggle: () => shell.togglePane('panel'),\n }}\n >\n {handleChildren.length > 0 ? handleChildren.map((el, i) => React.cloneElement(el, { key: el.key ?? i })) : <PaneHandle />}\n </PaneResizeContext.Provider>\n ) : null;\n\n // Strip control props from DOM spread\n const {\n defaultOpen: _panelDefaultOpenIgnored,\n open: _panelOpenIgnored,\n onOpenChange: _panelOnOpenChangeIgnored,\n size: _panelSizeIgnored,\n defaultSize: _panelDefaultSizeIgnored,\n ...panelDomProps\n } = props as any;\n\n return (\n <div\n {...panelDomProps}\n ref={setRef}\n className={classNames('rt-ShellPanel', className)}\n data-mode={shell.panelMode}\n data-visible={(shell.currentBreakpointReady && (isExpanded || (shell.leftResolvedPresentation !== 'overlay' && shell.peekTarget === 'panel'))) || undefined}\n data-peek={(shell.currentBreakpointReady && shell.leftResolvedPresentation !== 'overlay' && shell.peekTarget === 'panel') || undefined}\n style={{\n ...style,\n ['--panel-size' as any]: `${expandedSize}px`,\n }}\n >\n <div className=\"rt-ShellPanelContent\" data-visible={isExpanded || undefined}>\n {contentChildren}\n </div>\n {handleEl}\n </div>\n );\n },\n) as PanelComponent;\nPanel.displayName = 'Shell.Panel';\nPanel.Handle = PanelHandle;\n\n// Sidebar moved to ./_internal/shell-sidebar\n\n// Content (always required)\ninterface ShellContentProps extends React.ComponentPropsWithoutRef<'main'> {}\n\nconst Content = React.forwardRef<HTMLElement, ShellContentProps>(({ className, ...props }, ref) => <main {...props} ref={ref} className={classNames('rt-ShellContent', className)} />);\nContent.displayName = 'Shell.Content';\n\n// Inspector moved to ./_internal/shell-inspector\n\n// Bottom\n// Bottom moved to ./_internal/shell-bottom\n// (Bottom implementation extracted)\n\n// Trigger\n// PaneTarget type moved to shell.types.ts\ntype TriggerAction = 'toggle' | 'expand' | 'collapse';\n\ninterface TriggerProps extends React.ComponentPropsWithoutRef<'button'> {\n target: PaneTarget;\n action?: TriggerAction;\n /**\n * Whether to show peek preview on hover when the target pane is collapsed.\n * Defaults to false.\n */\n peekOnHover?: boolean;\n}\n\nconst Trigger = React.forwardRef<HTMLButtonElement, TriggerProps>(({ target, action = 'toggle', peekOnHover, onClick, onMouseEnter, onMouseLeave, children, ...props }, ref) => {\n const shell = useShell();\n\n const handleClick = React.useCallback(\n (event: React.MouseEvent<HTMLButtonElement>) => {\n onClick?.(event);\n\n // Clear any active peek on this target before toggling to avoid sticky peek state\n if ((shell as any).peekTarget === target) {\n shell.clearPeek();\n }\n\n switch (action) {\n case 'toggle':\n shell.togglePane(target);\n break;\n case 'expand':\n shell.expandPane(target);\n break;\n case 'collapse':\n shell.collapsePane(target);\n break;\n }\n },\n [shell, target, action, onClick],\n );\n\n const isCollapsed = (() => {\n switch (target) {\n case 'left':\n case 'rail':\n return shell.leftMode === 'collapsed';\n case 'panel':\n return shell.leftMode === 'collapsed' || shell.panelMode === 'collapsed';\n case 'sidebar':\n return shell.sidebarMode === 'collapsed';\n case 'inspector':\n return shell.inspectorMode === 'collapsed';\n case 'bottom':\n return shell.bottomMode === 'collapsed';\n }\n })();\n\n const handleMouseEnter = React.useCallback(\n (event: React.MouseEvent<HTMLButtonElement>) => {\n onMouseEnter?.(event);\n if (!peekOnHover || !isCollapsed) return;\n // Use the actual target for peek behavior (not mapped to left)\n shell.peekPane(target);\n },\n [onMouseEnter, peekOnHover, isCollapsed, shell, target],\n );\n\n const handleMouseLeave = React.useCallback(\n (event: React.MouseEvent<HTMLButtonElement>) => {\n onMouseLeave?.(event);\n if (!peekOnHover) return;\n if ((shell as any).peekTarget === target) {\n shell.clearPeek();\n }\n },\n [onMouseLeave, peekOnHover, shell, target],\n );\n\n return (\n <button {...props} ref={ref} onClick={handleClick} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave} data-shell-trigger={target} data-shell-action={action}>\n {children}\n </button>\n );\n});\nTrigger.displayName = 'Shell.Trigger';\n\n// Exports\nexport {\n Root,\n Header,\n Left,\n Rail,\n Panel,\n Sidebar,\n Content,\n Inspector,\n Bottom,\n Trigger,\n useShell,\n useResponsivePresentation,\n type PaneMode,\n type SidebarMode,\n type ResponsivePresentation,\n type PaneTarget,\n type TriggerAction,\n};\n"],
5
- "mappings": "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",
6
- "names": ["shell_exports", "__export", "Content", "Header", "Left", "Panel", "Rail", "Root", "Trigger", "__toCommonJS", "React", "import_classnames", "Sheet", "import_visually_hidden", "import_shell_hooks", "import_shell_resize", "import_shell_handles", "import_shell_sidebar", "import_shell_bottom", "import_shell_inspector", "import_shell_types", "import_shell_context", "useBreakpoint", "currentBp", "setCurrentBp", "ready", "setReady", "mqls", "k", "q", "compute", "matched", "m", "next", "cleanups", "mm", "fn", "paneReducer", "state", "action", "className", "children", "height", "props", "ref", "currentBreakpoint", "currentBreakpointReady", "initialChildren", "hasPanelDefaultOpen", "el", "hasRailDefaultOpen", "paneState", "dispatchPane", "setLeftMode", "mode", "setPanelMode", "setSidebarMode", "setInspectorMode", "setBottomMode", "hasLeft", "setHasLeft", "hasSidebar", "setHasSidebar", "sidebarToggleComputerRef", "current", "setSidebarToggleComputer", "devLeftPres", "setDevLeftPres", "onLeftPres", "p", "railDefaultSizeRef", "panelDefaultSizeRef", "onRailDefaults", "size", "onPanelDefaults", "hasLeftChildren", "childArray", "isType", "comp", "hasSidebarChildren", "togglePane", "target", "expandPane", "collapsePane", "baseContextValue", "headerEls", "railEls", "panelEls", "sidebarEls", "contentEls", "inspectorEls", "bottomEls", "firstRailOpen", "heightStyle", "peekTarget", "setPeekTarget", "peekPane", "clearPeek", "presentationCtxValue", "leftModeCtxValue", "panelModeCtxValue", "sidebarModeCtxValue", "inspectorModeCtxValue", "bottomModeCtxValue", "compositionCtxValue", "peekCtxValue", "actionsCtxValue", "classNames", "firstRail", "passthroughProps", "style", "presentation", "_collapsible", "onExpand", "onCollapse", "shell", "resolvedPresentation", "isOverlay", "isStacked", "localRef", "setRef", "node", "_lastBpRef", "lastLeftModeRef", "initNotifiedRef", "resolvedDefaultOpen", "didInitFromDefaultOpenRef", "initial", "shouldOpen", "_isExpanded", "open", "railEl", "panelEl", "railSize", "panelSize", "hasRail", "hasPanel", "overlayPx", "o", "_railSize", "_panelSize", "_hasRail", "_includePanel", "_openIgnored", "_defaultOpenIgnored", "_onOpenChangeIgnored", "stackDomProps", "_legacyModeIgnored", "_legacyDefaultModeIgnored", "_legacyOnModeChangeIgnored", "domProps", "expandedSize", "collapsible", "wasControlledRef", "isControlled", "isExpanded", "defaultOpen", "onOpenChange", "defaultSize", "minSize", "maxSize", "resizable", "onResize", "onResizeStart", "onResizeEnd", "snapPoints", "snapTolerance", "collapseThreshold", "paneId", "persistence", "onSizeChange", "sizeUpdate", "sizeUpdateMs", "emitSizeChange", "t", "s", "meta", "last", "now", "prevPanelModeRef", "prevLeftModeRef", "handleChildren", "contentChildren", "normalizeToPx", "value", "str", "rem", "pct", "base", "n", "persistenceAdapter", "key", "v", "mounted", "loaded", "px", "clamped", "leftEl", "prevPanel", "prevLeft", "reason", "handleEl", "client", "startClient", "startSize", "isRtl", "delta", "i", "_panelDefaultOpenIgnored", "_panelOpenIgnored", "_panelOnOpenChangeIgnored", "_panelSizeIgnored", "_panelDefaultSizeIgnored", "panelDomProps", "peekOnHover", "onClick", "onMouseEnter", "onMouseLeave", "handleClick", "event", "isCollapsed", "handleMouseEnter", "handleMouseLeave"]
4
+ "sourcesContent": ["/**\n * Shell Component - Layout Engine + Chrome\n *\n * Philosophy:\n * - Shell = layout engine + chrome\n * - Manages layout state: expanded/collapsed, fixed/overlay, sizes\n * - Does not manage content/navigation state\n * - Provides unstyled primitives (slots, triggers)\n * - Enforces composition rules (Rail \u2194 Panel dependency, Sidebar exclusivity)\n *\n * Core Slots:\n * - Header: global top bar\n * - Rail: slim nav strip\n * - Panel: sidebar next to rail\n * - Sidebar: alternative to Rail+Panel (exclusive)\n * - Content: main work area\n * - Inspector: right-side panel\n * - Bottom: bottom panel\n *\n * Composition Rules:\n * - Rail + Panel: valid together (Rail collapse \u2192 Panel collapse)\n * - Sidebar: cannot coexist with Rail or Panel\n * - Content: always required\n * - Inspector/Bottom: optional, independent\n */\n'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport * as Sheet from './sheet.js';\nimport { VisuallyHidden } from './visually-hidden.js';\nimport { useResponsivePresentation, useResponsiveValue } from './shell.hooks.js';\nimport { PaneResizeContext } from './_internal/shell-resize.js';\nimport { PaneHandle, PanelHandle } from './_internal/shell-handles.js';\nimport { Sidebar } from './_internal/shell-sidebar.js';\nimport { Bottom } from './_internal/shell-bottom.js';\nimport { Inspector } from './_internal/shell-inspector.js';\nimport type { PresentationValue, ResponsivePresentation, PaneMode, SidebarMode, PaneSizePersistence, Breakpoint, PaneTarget, Responsive } from './shell.types.js';\nimport { _BREAKPOINTS } from './shell.types.js';\nimport {\n ShellProvider,\n useShell,\n LeftModeContext,\n PanelModeContext,\n SidebarModeContext,\n InspectorModeContext,\n BottomModeContext,\n PresentationContext,\n PeekContext,\n ActionsContext,\n CompositionContext,\n} from './shell.context.js';\n\n// Shell context is provided via ShellProvider (see shell.context.tsx)\n\n// Pane resize context moved to ./_internal/shell-resize\n\n// Local PaneHandle moved to ./_internal/shell-handles\n// Removed local PaneHandle implementation; using internal PaneHandle\n\n// Composed Handle wrappers per pane\n// Handles moved to ./_internal/shell-handles\n\n// Hook to resolve responsive presentation\n// useResponsivePresentation moved to shell.hooks.ts\n\n// Hook to resolve responsive mode defaults\n// Removed: defaultMode responsiveness\n\n// Hook to get current breakpoint\nfunction useBreakpoint(): { bp: Breakpoint; ready: boolean } {\n const [currentBp, setCurrentBp] = React.useState<Breakpoint>('initial');\n const [ready, setReady] = React.useState(false);\n\n React.useEffect(() => {\n if (typeof window === 'undefined') return;\n\n const queries: [key: keyof typeof _BREAKPOINTS, query: string][] = Object.entries(_BREAKPOINTS) as any;\n const mqls = queries.map(([k, q]) => [k, window.matchMedia(q)] as const);\n\n const compute = () => {\n // Highest matched wins\n const matched = mqls.filter(([, m]) => m.matches).map(([k]) => k);\n const next = (matched[matched.length - 1] as Breakpoint | undefined) ?? 'initial';\n setCurrentBp(next);\n setReady(true);\n };\n\n compute();\n const cleanups: Array<() => void> = [];\n mqls.forEach(([, m]) => {\n const mm = m as MediaQueryList & {\n addEventListener?: (type: 'change', listener: (e: MediaQueryListEvent) => void) => void;\n removeEventListener?: (type: 'change', listener: (e: MediaQueryListEvent) => void) => void;\n addListener?: (listener: (e: MediaQueryListEvent) => void) => void;\n removeListener?: (listener: (e: MediaQueryListEvent) => void) => void;\n };\n if (typeof mm.addEventListener === 'function' && typeof mm.removeEventListener === 'function') {\n mm.addEventListener('change', compute as any);\n cleanups.push(() => mm.removeEventListener?.('change', compute as any));\n } else if (typeof mm.addListener === 'function' && typeof mm.removeListener === 'function') {\n mm.addListener(compute as any);\n cleanups.push(() => mm.removeListener?.(compute as any));\n }\n });\n\n return () => {\n cleanups.forEach((fn) => {\n try {\n fn();\n } catch {}\n });\n };\n }, []);\n\n return { bp: currentBp, ready };\n}\n\n// Reducer-based pane state management to simplify cascading rules\ntype PaneState = {\n leftMode: PaneMode;\n panelMode: PaneMode;\n sidebarMode: SidebarMode;\n inspectorMode: PaneMode;\n bottomMode: PaneMode;\n};\n\ntype PaneAction =\n | { type: 'SET_LEFT_MODE'; mode: PaneMode }\n | { type: 'SET_PANEL_MODE'; mode: PaneMode }\n | { type: 'SET_SIDEBAR_MODE'; mode: SidebarMode }\n | { type: 'SET_INSPECTOR_MODE'; mode: PaneMode }\n | { type: 'SET_BOTTOM_MODE'; mode: PaneMode }\n | { type: 'TOGGLE_PANE'; target: PaneTarget }\n | { type: 'EXPAND_PANE'; target: PaneTarget }\n | { type: 'COLLAPSE_PANE'; target: PaneTarget };\n\nfunction paneReducer(state: PaneState, action: PaneAction): PaneState {\n switch (action.type) {\n case 'SET_LEFT_MODE': {\n // Collapsing left cascades to panel collapse\n if (action.mode === 'collapsed') {\n return { ...state, leftMode: 'collapsed', panelMode: 'collapsed' };\n }\n return { ...state, leftMode: action.mode };\n }\n case 'SET_PANEL_MODE': {\n // Expanding panel ensures left is expanded\n if (action.mode === 'expanded' && state.leftMode !== 'expanded') {\n return { ...state, leftMode: 'expanded', panelMode: 'expanded' };\n }\n return { ...state, panelMode: action.mode };\n }\n case 'SET_SIDEBAR_MODE':\n return { ...state, sidebarMode: action.mode };\n case 'SET_INSPECTOR_MODE':\n return { ...state, inspectorMode: action.mode };\n case 'SET_BOTTOM_MODE':\n return { ...state, bottomMode: action.mode };\n case 'TOGGLE_PANE': {\n switch (action.target) {\n case 'left':\n case 'rail':\n return { ...state, leftMode: state.leftMode === 'expanded' ? 'collapsed' : 'expanded', panelMode: state.leftMode === 'expanded' ? 'collapsed' : state.panelMode };\n case 'panel': {\n if (state.leftMode === 'collapsed') {\n return { ...state, leftMode: 'expanded', panelMode: 'expanded' };\n }\n return { ...state, panelMode: state.panelMode === 'expanded' ? 'collapsed' : 'expanded' };\n }\n case 'sidebar': {\n // Sidebar toggle sequencing is handled externally via setSidebarToggleComputer\n // This reducer only flips between expanded<->collapsed by default; thin is set by caller\n const next: SidebarMode = state.sidebarMode === 'collapsed' ? 'expanded' : state.sidebarMode === 'expanded' ? 'collapsed' : 'expanded';\n return { ...state, sidebarMode: next };\n }\n case 'inspector':\n return { ...state, inspectorMode: state.inspectorMode === 'expanded' ? 'collapsed' : 'expanded' };\n case 'bottom':\n return { ...state, bottomMode: state.bottomMode === 'expanded' ? 'collapsed' : 'expanded' };\n default:\n return state;\n }\n // Fallback to satisfy no-fallthrough in some environments\n return state;\n }\n case 'EXPAND_PANE': {\n switch (action.target) {\n case 'left':\n case 'rail':\n return { ...state, leftMode: 'expanded' };\n case 'panel':\n return { ...state, leftMode: 'expanded', panelMode: 'expanded' };\n case 'sidebar':\n return { ...state, sidebarMode: 'expanded' };\n case 'inspector':\n return { ...state, inspectorMode: 'expanded' };\n case 'bottom':\n return { ...state, bottomMode: 'expanded' };\n default:\n return state;\n }\n // Fallback to satisfy no-fallthrough in some environments\n return state;\n }\n case 'COLLAPSE_PANE': {\n switch (action.target) {\n case 'left':\n case 'rail':\n return { ...state, leftMode: 'collapsed', panelMode: 'collapsed' };\n case 'panel':\n return { ...state, panelMode: 'collapsed' };\n case 'sidebar':\n return { ...state, sidebarMode: 'collapsed' };\n case 'inspector':\n return { ...state, inspectorMode: 'collapsed' };\n case 'bottom':\n return { ...state, bottomMode: 'collapsed' };\n default:\n return state;\n }\n // Fallback to satisfy no-fallthrough in some environments\n return state;\n }\n }\n return state;\n}\n\n// Root Component\ninterface ShellRootProps extends React.ComponentPropsWithoutRef<'div'> {\n children: React.ReactNode;\n height?: 'full' | 'auto' | string | number;\n}\n\nconst Root = React.forwardRef<HTMLDivElement, ShellRootProps>(({ className, children, height = 'full', ...props }, ref) => {\n const { bp: currentBreakpoint, ready: currentBreakpointReady } = useBreakpoint();\n\n // Compute initial defaults from immediate children (one-time, uncontrolled defaults)\n const initialChildren = React.Children.toArray(children) as React.ReactElement[];\n const hasPanelDefaultOpen = initialChildren.some((el) => React.isValidElement(el) && (el as any).type?.displayName === 'Shell.Panel' && Boolean((el as any).props?.defaultOpen));\n const hasRailDefaultOpen = initialChildren.some((el) => React.isValidElement(el) && (el as any).type?.displayName === 'Shell.Rail' && Boolean((el as any).props?.defaultOpen));\n\n // Pane state management via reducer\n const [paneState, dispatchPane] = React.useReducer(paneReducer, {\n leftMode: hasPanelDefaultOpen || hasRailDefaultOpen ? 'expanded' : 'collapsed',\n panelMode: hasPanelDefaultOpen ? 'expanded' : 'collapsed',\n sidebarMode: 'expanded',\n inspectorMode: 'collapsed',\n bottomMode: 'collapsed',\n });\n const setLeftMode = React.useCallback((mode: PaneMode) => dispatchPane({ type: 'SET_LEFT_MODE', mode }), []);\n const setPanelMode = React.useCallback((mode: PaneMode) => dispatchPane({ type: 'SET_PANEL_MODE', mode }), []);\n const setSidebarMode = React.useCallback((mode: SidebarMode) => dispatchPane({ type: 'SET_SIDEBAR_MODE', mode }), []);\n const setInspectorMode = React.useCallback((mode: PaneMode) => dispatchPane({ type: 'SET_INSPECTOR_MODE', mode }), []);\n const setBottomMode = React.useCallback((mode: PaneMode) => dispatchPane({ type: 'SET_BOTTOM_MODE', mode }), []);\n\n // Removed: defaultMode responsiveness and manual change tracking\n\n // Composition detection\n const [hasLeft, setHasLeft] = React.useState(false);\n const [hasSidebar, setHasSidebar] = React.useState(false);\n\n // Customizable sidebar toggle sequencing\n const sidebarToggleComputerRef = React.useRef<(current: SidebarMode) => SidebarMode>((current) => (current === 'collapsed' ? 'thin' : current === 'thin' ? 'expanded' : 'collapsed'));\n const setSidebarToggleComputer = React.useCallback((fn: (current: SidebarMode) => SidebarMode) => {\n sidebarToggleComputerRef.current = fn;\n }, []);\n\n // Reducer handles left\u2192panel cascade; no effect needed\n\n // Composition validation\n React.useEffect(() => {\n if (hasSidebar && hasLeft) {\n console.warn('Shell: Sidebar cannot coexist with Rail or Panel. Use either Rail+Panel OR Sidebar.');\n }\n }, [hasSidebar, hasLeft]);\n\n // Left presentation + defaults from children\n const [devLeftPres, setDevLeftPres] = React.useState<PresentationValue | undefined>(undefined);\n const onLeftPres = React.useCallback((p: PresentationValue) => setDevLeftPres(p), []);\n const railDefaultSizeRef = React.useRef<number>(64);\n const panelDefaultSizeRef = React.useRef<number>(288);\n const onRailDefaults = React.useCallback((size: number) => {\n railDefaultSizeRef.current = size;\n }, []);\n const onPanelDefaults = React.useCallback((size: number) => {\n panelDefaultSizeRef.current = size;\n }, []);\n\n // Determine children presence for left composition\n const hasLeftChildren = React.useMemo(() => {\n const childArray = React.Children.toArray(children) as React.ReactElement[];\n const isType = (el: React.ReactElement, comp: any) => React.isValidElement(el) && (el.type === comp || (el as any).type?.displayName === comp.displayName);\n return childArray.some((el) => isType(el, Rail) || isType(el, Panel));\n }, [children]);\n\n const hasSidebarChildren = React.useMemo(() => {\n const childArray = React.Children.toArray(children) as React.ReactElement[];\n const isType = (el: React.ReactElement, comp: any) => React.isValidElement(el) && (el.type === comp || (el as any).type?.displayName === comp.displayName);\n return childArray.some((el) => isType(el, Sidebar));\n }, [children]);\n\n const togglePane = React.useCallback(\n (target: PaneTarget) => {\n if (target === 'sidebar') {\n const next = sidebarToggleComputerRef.current(paneState.sidebarMode as SidebarMode);\n setSidebarMode(next);\n return;\n }\n dispatchPane({ type: 'TOGGLE_PANE', target });\n },\n [paneState.sidebarMode, setSidebarMode],\n );\n\n const expandPane = React.useCallback(\n (target: PaneTarget) => {\n if (target === 'sidebar') return setSidebarMode('expanded');\n dispatchPane({ type: 'EXPAND_PANE', target });\n },\n [setSidebarMode],\n );\n\n const collapsePane = React.useCallback(\n (target: PaneTarget) => {\n if (target === 'sidebar') return setSidebarMode('collapsed');\n dispatchPane({ type: 'COLLAPSE_PANE', target });\n },\n [setSidebarMode],\n );\n\n const baseContextValue = React.useMemo(\n () => ({\n leftMode: paneState.leftMode,\n setLeftMode,\n panelMode: paneState.panelMode,\n setPanelMode,\n sidebarMode: paneState.sidebarMode,\n setSidebarMode,\n inspectorMode: paneState.inspectorMode,\n setInspectorMode,\n bottomMode: paneState.bottomMode,\n setBottomMode,\n hasLeft,\n setHasLeft,\n hasSidebar,\n setHasSidebar,\n currentBreakpoint,\n currentBreakpointReady,\n leftResolvedPresentation: devLeftPres,\n togglePane,\n expandPane,\n collapsePane,\n setSidebarToggleComputer,\n onLeftPres,\n onRailDefaults,\n onPanelDefaults,\n }),\n [\n paneState.leftMode,\n setLeftMode,\n paneState.panelMode,\n setPanelMode,\n paneState.sidebarMode,\n setSidebarMode,\n paneState.inspectorMode,\n setInspectorMode,\n paneState.bottomMode,\n setBottomMode,\n hasLeft,\n hasSidebar,\n currentBreakpoint,\n currentBreakpointReady,\n devLeftPres,\n togglePane,\n expandPane,\n collapsePane,\n setSidebarToggleComputer,\n onLeftPres,\n onRailDefaults,\n onPanelDefaults,\n ],\n );\n\n // Organize children by type\n const childArray = React.Children.toArray(children) as React.ReactElement[];\n const isType = (el: React.ReactElement, comp: any) => React.isValidElement(el) && (el.type === comp || (el as any).type?.displayName === comp.displayName);\n\n const headerEls = childArray.filter((el) => isType(el, Header));\n const railEls = childArray.filter((el) => isType(el, Rail));\n const panelEls = childArray.filter((el) => isType(el, Panel));\n const sidebarEls = childArray.filter((el) => isType(el, Sidebar));\n const contentEls = childArray.filter((el) => isType(el, Content));\n const inspectorEls = childArray.filter((el) => isType(el, Inspector));\n const bottomEls = childArray.filter((el) => isType(el, Bottom));\n\n // Controlled sync in Root: mirror first Rail.open if provided\n const firstRailOpen = (railEls[0] as any)?.props?.open;\n React.useEffect(() => {\n if (typeof firstRailOpen === 'undefined') return;\n const shouldOpen = Boolean(firstRailOpen);\n setLeftMode(shouldOpen ? 'expanded' : 'collapsed');\n }, [firstRailOpen, setLeftMode]);\n\n const heightStyle = React.useMemo(() => {\n if (height === 'full') return { height: '100vh' };\n if (height === 'auto') return { height: 'auto' };\n if (typeof height === 'string') return { height };\n if (typeof height === 'number') return { height: `${height}px` };\n return {};\n }, [height]);\n\n // Peek state (layout-only overlay without mode changes)\n const [peekTarget, setPeekTarget] = React.useState<PaneTarget | null>(null);\n const peekPane = React.useCallback((target: PaneTarget) => setPeekTarget(target), []);\n const clearPeek = React.useCallback(() => setPeekTarget(null), []);\n\n // Memoized slice context values to avoid notifying unrelated consumers\n const presentationCtxValue = React.useMemo(() => ({ currentBreakpoint, currentBreakpointReady, leftResolvedPresentation: devLeftPres }), [currentBreakpoint, currentBreakpointReady, devLeftPres]);\n const leftModeCtxValue = React.useMemo(() => ({ leftMode: paneState.leftMode, setLeftMode }), [paneState.leftMode, setLeftMode]);\n const panelModeCtxValue = React.useMemo(() => ({ panelMode: paneState.panelMode, setPanelMode }), [paneState.panelMode, setPanelMode]);\n const sidebarModeCtxValue = React.useMemo(() => ({ sidebarMode: paneState.sidebarMode, setSidebarMode }), [paneState.sidebarMode, setSidebarMode]);\n const inspectorModeCtxValue = React.useMemo(() => ({ inspectorMode: paneState.inspectorMode, setInspectorMode }), [paneState.inspectorMode, setInspectorMode]);\n const bottomModeCtxValue = React.useMemo(() => ({ bottomMode: paneState.bottomMode, setBottomMode }), [paneState.bottomMode, setBottomMode]);\n const compositionCtxValue = React.useMemo(() => ({ hasLeft, setHasLeft, hasSidebar, setHasSidebar }), [hasLeft, setHasLeft, hasSidebar, setHasSidebar]);\n const peekCtxValue = React.useMemo(() => ({ peekTarget, setPeekTarget, peekPane, clearPeek }), [peekTarget, setPeekTarget, peekPane, clearPeek]);\n const actionsCtxValue = React.useMemo(() => ({ togglePane, expandPane, collapsePane, setSidebarToggleComputer }), [togglePane, expandPane, collapsePane, setSidebarToggleComputer]);\n\n return (\n <div {...props} ref={ref} className={classNames('rt-ShellRoot', className)} style={{ ...heightStyle, ...props.style }}>\n <ShellProvider\n value={{\n ...baseContextValue,\n peekTarget,\n setPeekTarget,\n peekPane,\n clearPeek,\n }}\n >\n <PresentationContext.Provider value={presentationCtxValue}>\n <LeftModeContext.Provider value={leftModeCtxValue}>\n <PanelModeContext.Provider value={panelModeCtxValue}>\n <SidebarModeContext.Provider value={sidebarModeCtxValue}>\n <InspectorModeContext.Provider value={inspectorModeCtxValue}>\n <BottomModeContext.Provider value={bottomModeCtxValue}>\n <CompositionContext.Provider value={compositionCtxValue}>\n <PeekContext.Provider value={peekCtxValue}>\n <ActionsContext.Provider value={actionsCtxValue}>\n {headerEls}\n <div\n className=\"rt-ShellBody\"\n data-peek-target={peekTarget ?? undefined}\n style={\n peekTarget === 'rail' || peekTarget === 'panel'\n ? ({\n ['--peek-rail-width' as any]: `${railDefaultSizeRef.current}px`,\n } as React.CSSProperties)\n : undefined\n }\n >\n {hasLeftChildren && !hasSidebarChildren\n ? (() => {\n const firstRail = railEls[0] as any;\n const passthroughProps = firstRail\n ? {\n // Notification passthrough used by Left; not spread to DOM in Left\n onOpenChange: firstRail.props?.onOpenChange,\n open: firstRail.props?.open,\n defaultOpen: firstRail.props?.defaultOpen,\n presentation: firstRail.props?.presentation,\n collapsible: firstRail.props?.collapsible,\n onExpand: firstRail.props?.onExpand,\n onCollapse: firstRail.props?.onCollapse,\n }\n : { defaultOpen: hasPanelDefaultOpen ? true : undefined };\n return (\n <Left {...(passthroughProps as any)}>\n {railEls}\n {panelEls}\n </Left>\n );\n })()\n : sidebarEls}\n {contentEls}\n {inspectorEls}\n </div>\n {bottomEls}\n </ActionsContext.Provider>\n </PeekContext.Provider>\n </CompositionContext.Provider>\n </BottomModeContext.Provider>\n </InspectorModeContext.Provider>\n </SidebarModeContext.Provider>\n </PanelModeContext.Provider>\n </LeftModeContext.Provider>\n </PresentationContext.Provider>\n </ShellProvider>\n </div>\n );\n});\nRoot.displayName = 'Shell.Root';\n\n// Header\ninterface ShellHeaderProps extends React.ComponentPropsWithoutRef<'header'> {\n height?: number;\n}\n\nconst Header = React.forwardRef<HTMLElement, ShellHeaderProps>(({ className, height = 64, style, ...props }, ref) => (\n <header\n {...props}\n ref={ref}\n className={classNames('rt-ShellHeader', className)}\n style={{\n ...style,\n ['--shell-header-height' as any]: `${height}px`,\n }}\n />\n));\nHeader.displayName = 'Shell.Header';\n\n// Pane Props Interface (shared by Panel, Sidebar, Inspector, Bottom)\ninterface PaneProps extends React.ComponentPropsWithoutRef<'div'> {\n presentation?: ResponsivePresentation;\n expandedSize?: number;\n minSize?: number;\n maxSize?: number;\n resizable?: boolean;\n collapsible?: boolean;\n onExpand?: () => void;\n onCollapse?: () => void;\n onResize?: (size: number) => void;\n /** Optional custom content inside the resizer handle (kept unstyled). */\n resizer?: React.ReactNode;\n onResizeStart?: (size: number) => void;\n onResizeEnd?: (size: number) => void;\n snapPoints?: number[];\n snapTolerance?: number;\n collapseThreshold?: number;\n paneId?: string;\n persistence?: PaneSizePersistence;\n}\n\n// Left container (auto-created for Rail+Panel)\ninterface LeftProps extends React.ComponentPropsWithoutRef<'div'> {\n presentation?: ResponsivePresentation;\n // New: passthrough from Rail\n open?: boolean;\n defaultOpen?: boolean;\n onOpenChange?: (open: boolean, meta: { reason: 'init' | 'toggle' | 'panel' | 'responsive' }) => void;\n collapsible?: boolean;\n onExpand?: () => void;\n onCollapse?: () => void;\n}\n\n// Rail (special case)\ntype LeftOpenChangeMeta = { reason: 'init' | 'toggle' | 'responsive' | 'panel' };\n\ntype RailControlledProps = { open: boolean; onOpenChange?: (open: boolean, meta: LeftOpenChangeMeta) => void; defaultOpen?: never };\ntype RailUncontrolledProps = { defaultOpen?: boolean; onOpenChange?: (open: boolean, meta: LeftOpenChangeMeta) => void; open?: never };\n\ntype RailProps = React.ComponentPropsWithoutRef<'div'> & {\n presentation?: ResponsivePresentation;\n expandedSize?: number;\n collapsible?: boolean;\n onExpand?: () => void;\n onCollapse?: () => void;\n} & (RailControlledProps | RailUncontrolledProps);\n\n// Left container - behaves like Inspector but contains Rail+Panel\nconst Left = React.forwardRef<HTMLDivElement, LeftProps>(\n ({ className, presentation = { initial: 'fixed', sm: 'fixed' }, collapsible: _collapsible = true, onExpand, onCollapse, children, style, ...props }, ref) => {\n const shell = useShell();\n const resolvedPresentation = useResponsivePresentation(presentation);\n const isOverlay = resolvedPresentation === 'overlay';\n const isStacked = resolvedPresentation === 'stacked';\n const localRef = React.useRef<HTMLDivElement | null>(null);\n // Publish resolved presentation so Root can gate peeking in overlay\n React.useEffect(() => {\n (shell as any).onLeftPres?.(resolvedPresentation);\n }, [shell, resolvedPresentation]);\n const setRef = React.useCallback(\n (node: HTMLDivElement | null) => {\n localRef.current = node;\n if (typeof ref === 'function') ref(node);\n else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n },\n [ref],\n );\n\n // Register with shell\n React.useEffect(() => {\n shell.setHasLeft(true);\n return () => shell.setHasLeft(false);\n }, [shell]);\n\n const _lastBpRef = React.useRef<Breakpoint | null>(null);\n const lastLeftModeRef = React.useRef<PaneMode | null>(null);\n const initNotifiedRef = React.useRef(false);\n const resolvedDefaultOpen = useResponsiveValue((props as any).defaultOpen as any);\n\n // Initialize from responsive defaultOpen once when uncontrolled and breakpoint ready\n const didInitFromDefaultOpenRef = React.useRef(false);\n const propsOpen = (props as any).open;\n const propsDefaultOpen = (props as any).defaultOpen;\n React.useEffect(() => {\n if (didInitFromDefaultOpenRef.current) return;\n if (!shell.currentBreakpointReady) return;\n if (typeof propsOpen !== 'undefined') return; // controlled\n if (typeof propsDefaultOpen === 'undefined') return;\n didInitFromDefaultOpenRef.current = true;\n const initial = Boolean(resolvedDefaultOpen);\n shell.setLeftMode(initial ? 'expanded' : 'collapsed');\n (props as any).onOpenChange?.(initial, { reason: 'init' });\n }, [shell, propsOpen, propsDefaultOpen, resolvedDefaultOpen, props]);\n React.useEffect(() => {\n // Controlled Left via Rail.open\n if (typeof propsOpen !== 'undefined') {\n const shouldOpen = Boolean(propsOpen);\n shell.setLeftMode(shouldOpen ? 'expanded' : 'collapsed');\n return;\n }\n // defaultOpen is applied in Rail; Left no longer follows responsive defaults\n }, [shell, propsOpen]);\n\n // Sync controlled mode\n // removed mode sync\n\n // Emit mode changes (uncontrolled toggles + init)\n React.useEffect(() => {\n if (typeof (props as any).open !== 'undefined') return; // controlled, notifications only via parent changes\n if (!initNotifiedRef.current && Boolean(resolvedDefaultOpen) && shell.leftMode === 'expanded') {\n (props as any).onOpenChange?.(true, { reason: 'init' });\n initNotifiedRef.current = true;\n }\n if (lastLeftModeRef.current !== null && lastLeftModeRef.current !== shell.leftMode) {\n (props as any).onOpenChange?.(shell.leftMode === 'expanded', { reason: 'toggle' });\n }\n lastLeftModeRef.current = shell.leftMode;\n }, [shell, resolvedDefaultOpen, props]);\n\n // Emit expand/collapse events\n React.useEffect(() => {\n if (shell.leftMode === 'expanded') {\n onExpand?.();\n } else {\n onCollapse?.();\n }\n }, [shell.leftMode, onExpand, onCollapse]);\n\n const _isExpanded = shell.leftMode === 'expanded';\n\n // Left is not resizable; width derives from Rail/Panel.\n\n if (isOverlay) {\n const open = shell.leftMode === 'expanded';\n // Compute overlay width from child Rail/Panel expanded sizes\n const childArray = React.Children.toArray(children) as React.ReactElement[];\n const isType = (el: React.ReactElement, comp: any) => React.isValidElement(el) && el.type === comp;\n const railEl = childArray.find((el) => isType(el, Rail));\n const panelEl = childArray.find((el) => isType(el, Panel));\n const railSize = typeof (railEl as any)?.props?.expandedSize === 'number' ? (railEl as any).props.expandedSize : 64;\n const panelSize = typeof (panelEl as any)?.props?.expandedSize === 'number' ? (panelEl as any).props.expandedSize : 288;\n const hasRail = Boolean(railEl);\n const hasPanel = Boolean(panelEl);\n const overlayPx = (hasRail ? railSize : 0) + (shell.panelMode === 'expanded' && hasPanel ? panelSize : 0);\n return (\n <Sheet.Root open={open} onOpenChange={(o) => shell.setLeftMode(o ? 'expanded' : 'collapsed')}>\n <Sheet.Content\n side=\"start\"\n style={{ padding: 0 }}\n width={{\n initial: `${overlayPx}px`,\n }}\n >\n <VisuallyHidden>\n <Sheet.Title>Navigation</Sheet.Title>\n </VisuallyHidden>\n <div className=\"rt-ShellLeft\">{children}</div>\n </Sheet.Content>\n </Sheet.Root>\n );\n }\n\n if (isStacked) {\n const open = shell.leftMode === 'expanded';\n // Compute floating width from child Rail/Panel expanded sizes (like overlay)\n const childArray = React.Children.toArray(children) as React.ReactElement[];\n const isType = (el: React.ReactElement, comp: any) => React.isValidElement(el) && el.type === comp;\n const railEl = childArray.find((el) => isType(el, Rail));\n const panelEl = childArray.find((el) => isType(el, Panel));\n const _railSize = typeof (railEl as any)?.props?.expandedSize === 'number' ? (railEl as any).props.expandedSize : 64;\n const _panelSize = typeof (panelEl as any)?.props?.expandedSize === 'number' ? (panelEl as any).props.expandedSize : 288;\n const _hasRail = Boolean(railEl);\n const _hasPanel = Boolean(panelEl);\n const _includePanel = _hasPanel && (shell.panelMode === 'expanded' || shell.peekTarget === 'panel');\n\n // Strip control props from DOM spread\n const { open: _openIgnored, defaultOpen: _defaultOpenIgnored, onOpenChange: _onOpenChangeIgnored, ...stackDomProps } = props as any;\n\n return (\n <div\n {...stackDomProps}\n ref={setRef}\n className={classNames('rt-ShellLeft', className)}\n data-mode={shell.leftMode}\n data-peek={shell.peekTarget === 'left' || shell.peekTarget === 'rail' || shell.peekTarget === 'panel' || undefined}\n data-presentation={resolvedPresentation}\n style={{\n ...style,\n }}\n data-open={open || undefined}\n >\n {children}\n </div>\n );\n }\n\n // Strip control/legacy props from DOM spread\n const {\n open: _openIgnored,\n defaultOpen: _defaultOpenIgnored,\n onOpenChange: _onOpenChangeIgnored,\n // legacy\n mode: _legacyModeIgnored,\n defaultMode: _legacyDefaultModeIgnored,\n onModeChange: _legacyOnModeChangeIgnored,\n ...domProps\n } = props as any;\n\n return (\n <div\n {...domProps}\n ref={setRef}\n className={classNames('rt-ShellLeft', className)}\n data-mode={shell.leftMode}\n data-peek={shell.peekTarget === 'left' || shell.peekTarget === 'rail' || shell.peekTarget === 'panel' || undefined}\n data-presentation={resolvedPresentation}\n style={{\n ...style,\n }}\n >\n {children}\n </div>\n );\n },\n);\nLeft.displayName = 'Shell.Left';\n\nconst Rail = React.forwardRef<HTMLDivElement, RailProps>(({ className, presentation, expandedSize = 64, collapsible, onExpand, onCollapse, children, style, ...props }, ref) => {\n const shell = useShell();\n\n // Dev guards\n const wasControlledRef = React.useRef<boolean | null>(null);\n if (process.env.NODE_ENV !== 'production') {\n if (typeof props.open !== 'undefined' && typeof props.defaultOpen !== 'undefined') {\n console.error('Shell.Rail: Do not pass both `open` and `defaultOpen`. Choose one.');\n }\n }\n\n // Warn on controlled/uncontrolled mode switch\n React.useEffect(() => {\n const isControlled = typeof props.open !== 'undefined';\n if (wasControlledRef.current === null) {\n wasControlledRef.current = isControlled;\n return;\n }\n if (wasControlledRef.current !== isControlled) {\n console.warn('Shell.Rail: Switching between controlled and uncontrolled `open` is not supported.');\n wasControlledRef.current = isControlled;\n }\n }, [props.open]);\n\n // Register expanded size with Left container\n React.useEffect(() => {\n (shell as any).onRailDefaults?.(expandedSize);\n }, [shell, expandedSize]);\n\n const isExpanded = shell.leftMode === 'expanded';\n\n // Strip unknown open/defaultOpen props from DOM by not spreading them\n const { defaultOpen: _defaultOpenIgnored, open: _openIgnored, onOpenChange: _onOpenChangeIgnored, ...domProps } = props as any;\n\n return (\n <div\n {...domProps}\n ref={ref}\n className={classNames('rt-ShellRail', className)}\n data-mode={shell.leftMode}\n data-peek={(shell.currentBreakpointReady && shell.leftResolvedPresentation !== 'overlay' && shell.peekTarget === 'rail') || undefined}\n style={{\n ...style,\n ['--rail-size' as any]: `${expandedSize}px`,\n }}\n >\n <div className=\"rt-ShellRailContent\" data-visible={(shell.currentBreakpointReady && (isExpanded || (shell.leftResolvedPresentation !== 'overlay' && shell.peekTarget === 'rail'))) || undefined}>\n {children}\n </div>\n </div>\n );\n});\nRail.displayName = 'Shell.Rail';\n\n// Panel\ntype HandleComponent = React.ForwardRefExoticComponent<React.ComponentPropsWithoutRef<'div'> & React.RefAttributes<HTMLDivElement>>;\n\ntype PanelOpenChangeMeta = { reason: 'toggle' | 'left' | 'init' };\ntype PanelControlledProps = { open: boolean; onOpenChange?: (open: boolean, meta: PanelOpenChangeMeta) => void; defaultOpen?: never };\ntype PanelUncontrolledProps = { defaultOpen?: boolean; onOpenChange?: (open: boolean, meta: PanelOpenChangeMeta) => void; open?: never };\n\ntype PanelSizeControlledProps = { size: number | string; defaultSize?: never };\ntype PanelSizeUncontrolledProps = { defaultSize?: number | string; size?: never };\n\ntype PanelSizeChangeMeta = { reason: 'init' | 'resize' | 'controlled' };\ntype PanelPublicProps = Omit<PaneProps, 'presentation' | 'defaultMode'> &\n (PanelControlledProps | PanelUncontrolledProps) &\n (PanelSizeControlledProps | PanelSizeUncontrolledProps) & {\n onSizeChange?: (size: number, meta: PanelSizeChangeMeta) => void;\n sizeUpdate?: 'throttle' | 'debounce';\n sizeUpdateMs?: number;\n };\ntype PanelComponent = React.ForwardRefExoticComponent<PanelPublicProps & React.RefAttributes<HTMLDivElement>> & {\n Handle: HandleComponent;\n};\n\ntype _SidebarComponent = React.ForwardRefExoticComponent<\n (Omit<PaneProps, 'mode' | 'defaultMode' | 'onModeChange'> & {\n state?: Responsive<SidebarMode>;\n defaultState?: SidebarMode;\n onStateChange?: (mode: SidebarMode) => void;\n thinSize?: number;\n toggleModes?: 'both' | 'single';\n }) &\n React.RefAttributes<HTMLDivElement>\n> & { Handle: HandleComponent };\n\ntype _InspectorComponent = React.ForwardRefExoticComponent<PaneProps & React.RefAttributes<HTMLDivElement>> & { Handle: HandleComponent };\n\ntype _BottomComponent = React.ForwardRefExoticComponent<PaneProps & React.RefAttributes<HTMLDivElement>> & { Handle: HandleComponent };\n\nconst Panel = React.forwardRef<HTMLDivElement, PanelPublicProps>(\n (\n {\n className,\n defaultOpen,\n open,\n onOpenChange,\n size,\n defaultSize,\n expandedSize = 288,\n minSize,\n maxSize,\n resizable,\n collapsible = true,\n onExpand,\n onCollapse,\n onResize,\n onResizeStart,\n onResizeEnd,\n snapPoints,\n snapTolerance,\n collapseThreshold,\n paneId,\n persistence,\n children,\n style,\n onSizeChange,\n sizeUpdate,\n sizeUpdateMs = 50,\n ...props\n },\n ref,\n ) => {\n // Throttled/debounced emitter for onSizeChange\n const emitSizeChange = React.useMemo(() => {\n if (!onSizeChange) return () => {};\n if (sizeUpdate === 'debounce') {\n let t: any = null;\n const fn = (s: number, meta: PanelSizeChangeMeta) => {\n if (t) clearTimeout(t);\n t = setTimeout(() => {\n onSizeChange?.(s, meta);\n }, sizeUpdateMs);\n };\n return fn;\n }\n if (sizeUpdate === 'throttle') {\n let last = 0;\n return (s: number, meta: PanelSizeChangeMeta) => {\n const now = Date.now();\n if (now - last >= sizeUpdateMs) {\n last = now;\n onSizeChange?.(s, meta);\n }\n };\n }\n return (s: number, meta: PanelSizeChangeMeta) => onSizeChange?.(s, meta);\n }, [onSizeChange, sizeUpdate, sizeUpdateMs]);\n const shell = useShell();\n const prevPanelModeRef = React.useRef<PaneMode | null>(null);\n const prevLeftModeRef = React.useRef<PaneMode | null>(null);\n const initNotifiedRef = React.useRef(false);\n\n // Dev-only runtime guard\n if (process.env.NODE_ENV !== 'production') {\n if (typeof open !== 'undefined' && typeof defaultOpen !== 'undefined') {\n console.error('Shell.Panel: Do not pass both `open` and `defaultOpen`. Choose one.');\n }\n if (typeof size !== 'undefined' && typeof defaultSize !== 'undefined') {\n console.error('Shell.Panel: Do not pass both `size` and `defaultSize`. Choose one.');\n }\n }\n\n // Initialize uncontrolled open state from defaultOpen on first mount\n React.useEffect(() => {\n if (typeof open === 'undefined' && typeof defaultOpen === 'boolean') {\n if (defaultOpen) {\n // Ensure Left is expanded before expanding Panel\n shell.setLeftMode('expanded');\n shell.setPanelMode('expanded');\n } else {\n shell.setPanelMode('collapsed');\n }\n }\n // run only on mount\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n // Controlled sync: mirror shell state when `open` is provided\n React.useEffect(() => {\n if (typeof open === 'undefined') return;\n if (open) {\n if (shell.leftMode !== 'expanded') shell.setLeftMode('expanded');\n if (shell.panelMode !== 'expanded') shell.setPanelMode('expanded');\n } else {\n if (shell.panelMode !== 'collapsed') shell.setPanelMode('collapsed');\n }\n }, [shell, open]);\n\n // Dev-only warning if switching controlled/uncontrolled between renders\n React.useEffect(() => {\n const isControlled = typeof open !== 'undefined';\n (Panel as any)._wasControlled = (Panel as any)._wasControlled ?? isControlled;\n if ((Panel as any)._wasControlled !== isControlled) {\n console.warn('Shell.Panel: Switching between controlled and uncontrolled `open` is not supported.');\n (Panel as any)._wasControlled = isControlled;\n }\n }, [open]);\n\n // Notify init open\n React.useEffect(() => {\n if (initNotifiedRef.current) return;\n if (typeof open === 'undefined' && defaultOpen && shell.panelMode === 'expanded') {\n onOpenChange?.(true, { reason: 'init' });\n initNotifiedRef.current = true;\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n React.useEffect(() => {\n (shell as any).onPanelDefaults?.(expandedSize);\n }, [shell, expandedSize]);\n const localRef = React.useRef<HTMLDivElement | null>(null);\n const setRef = React.useCallback(\n (node: HTMLDivElement | null) => {\n localRef.current = node;\n if (typeof ref === 'function') ref(node);\n else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n },\n [ref],\n );\n const childArray = React.Children.toArray(children) as React.ReactElement[];\n const handleChildren = childArray.filter((el: React.ReactElement) => React.isValidElement(el) && el.type === PanelHandle);\n const contentChildren = childArray.filter((el: React.ReactElement) => !(React.isValidElement(el) && el.type === PanelHandle));\n\n const isOverlay = shell.leftResolvedPresentation === 'overlay';\n\n // Normalize CSS lengths to px\n const normalizeToPx = React.useCallback((value: number | string | undefined): number | undefined => {\n if (value == null) return undefined;\n if (typeof value === 'number' && Number.isFinite(value)) return value;\n const str = String(value).trim();\n if (!str) return undefined;\n if (str.endsWith('px')) return Number.parseFloat(str);\n if (str.endsWith('rem')) {\n const rem = Number.parseFloat(getComputedStyle(document.documentElement).fontSize || '16') || 16;\n return Number.parseFloat(str) * rem;\n }\n if (str.endsWith('%')) {\n const pct = Number.parseFloat(str);\n const base = document.documentElement.clientWidth || window.innerWidth || 0;\n return (pct / 100) * base;\n }\n // Bare number-like string\n const n = Number.parseFloat(str);\n return Number.isFinite(n) ? n : undefined;\n }, []);\n\n // Derive a default persistence adapter from paneId if none provided\n const persistenceAdapter = React.useMemo(() => {\n if (!paneId || persistence) return persistence;\n const key = `kookie-ui:shell:panel:${paneId}`;\n const adapter: PaneSizePersistence = {\n load: () => {\n if (typeof window === 'undefined') return undefined;\n const v = window.localStorage.getItem(key);\n return v ? Number(v) : undefined;\n },\n save: (size: number) => {\n if (typeof window === 'undefined') return;\n window.localStorage.setItem(key, String(size));\n },\n };\n return adapter;\n }, [paneId, persistence]);\n\n // Load persisted size if configured (only in fixed presentation)\n React.useEffect(() => {\n let mounted = true;\n (async () => {\n if (!resizable || !persistenceAdapter?.load || isOverlay) return;\n const loaded = await persistenceAdapter.load();\n if (mounted && typeof loaded === 'number' && localRef.current) {\n localRef.current.style.setProperty('--panel-size', `${loaded}px`);\n onResize?.(loaded);\n }\n })();\n return () => {\n mounted = false;\n };\n }, [resizable, persistenceAdapter, onResize, isOverlay]);\n\n // In overlay, ensure panel uses the fixed expandedSize, ignoring any persisted size\n React.useEffect(() => {\n if (!localRef.current) return;\n if (isOverlay) {\n localRef.current.style.setProperty('--panel-size', `${expandedSize}px`);\n }\n }, [isOverlay, expandedSize]);\n\n // Apply defaultSize on mount when uncontrolled\n React.useEffect(() => {\n if (!localRef.current) return;\n if (typeof size === 'undefined' && typeof defaultSize !== 'undefined') {\n const px = normalizeToPx(defaultSize);\n if (typeof px === 'number' && Number.isFinite(px)) {\n // Clamp to min/max if provided\n const minPx = typeof minSize === 'number' ? minSize : undefined;\n const maxPx = typeof maxSize === 'number' ? maxSize : undefined;\n const clamped = Math.min(maxPx ?? px, Math.max(minPx ?? px, px));\n localRef.current.style.setProperty('--panel-size', `${clamped}px`);\n emitSizeChange(clamped, { reason: 'init' });\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n // Controlled size sync\n React.useEffect(() => {\n if (!localRef.current) return;\n if (typeof size === 'undefined') return;\n const px = normalizeToPx(size);\n if (typeof px === 'number' && Number.isFinite(px)) {\n const minPx = typeof minSize === 'number' ? minSize : undefined;\n const maxPx = typeof maxSize === 'number' ? maxSize : undefined;\n const clamped = Math.min(maxPx ?? px, Math.max(minPx ?? px, px));\n localRef.current.style.setProperty('--panel-size', `${clamped}px`);\n emitSizeChange(clamped, { reason: 'controlled' });\n }\n }, [size, minSize, maxSize, normalizeToPx, emitSizeChange]);\n\n // Ensure Left container width is auto whenever Panel is expanded in fixed presentation\n React.useEffect(() => {\n if (!localRef.current) return;\n if (shell.leftResolvedPresentation !== 'overlay' && shell.leftMode === 'expanded' && shell.panelMode === 'expanded') {\n const leftEl = (localRef.current.parentElement as HTMLElement) || null;\n try {\n leftEl?.style.removeProperty('width');\n } catch {}\n }\n }, [shell.leftResolvedPresentation, shell.leftMode, shell.panelMode]);\n\n const isExpanded = shell.leftMode === 'expanded' && shell.panelMode === 'expanded';\n\n // Notify on internal toggles and left cascade\n React.useEffect(() => {\n const prevPanel = prevPanelModeRef.current;\n const prevLeft = prevLeftModeRef.current;\n if (prevPanel !== null && prevPanel !== shell.panelMode) {\n const open = shell.panelMode === 'expanded';\n let reason: PanelOpenChangeMeta['reason'] = 'toggle';\n if (prevLeft !== shell.leftMode && shell.leftMode === 'collapsed' && !open) {\n reason = 'left';\n }\n onOpenChange?.(open, { reason });\n }\n prevPanelModeRef.current = shell.panelMode;\n prevLeftModeRef.current = shell.leftMode;\n }, [shell.panelMode, shell.leftMode, onOpenChange]);\n\n // Provide resizer handle when fixed (not overlay)\n const handleEl =\n resizable && shell.leftResolvedPresentation !== 'overlay' && isExpanded ? (\n <PaneResizeContext.Provider\n value={{\n containerRef: localRef,\n cssVarName: '--panel-size',\n minSize: typeof minSize === 'number' ? minSize : 100,\n maxSize: typeof maxSize === 'number' ? maxSize : 800,\n defaultSize: expandedSize,\n orientation: 'vertical',\n edge: 'end',\n computeNext: (client, startClient, startSize) => {\n const isRtl = getComputedStyle(localRef.current!).direction === 'rtl';\n const delta = client - startClient;\n return startSize + (isRtl ? -delta : delta);\n },\n onResize,\n onResizeStart: (size) => {\n // Ensure Left container is not stuck with a fixed width in stacked\n const panelEl = localRef.current as HTMLElement | null;\n const leftEl = panelEl?.parentElement as HTMLElement | null;\n try {\n leftEl?.style.removeProperty('width');\n } catch {}\n onResizeStart?.(size);\n },\n onResizeEnd: (size) => {\n onResizeEnd?.(size);\n emitSizeChange(size, { reason: 'resize' });\n persistenceAdapter?.save?.(size);\n },\n target: 'panel',\n collapsible: Boolean(collapsible),\n snapPoints,\n snapTolerance: snapTolerance ?? 8,\n collapseThreshold,\n requestCollapse: () => shell.setPanelMode('collapsed'),\n requestToggle: () => shell.togglePane('panel'),\n }}\n >\n {handleChildren.length > 0 ? handleChildren.map((el, i) => React.cloneElement(el, { key: el.key ?? i })) : <PaneHandle />}\n </PaneResizeContext.Provider>\n ) : null;\n\n // Strip control props from DOM spread\n const {\n defaultOpen: _panelDefaultOpenIgnored,\n open: _panelOpenIgnored,\n onOpenChange: _panelOnOpenChangeIgnored,\n size: _panelSizeIgnored,\n defaultSize: _panelDefaultSizeIgnored,\n ...panelDomProps\n } = props as any;\n\n return (\n <div\n {...panelDomProps}\n ref={setRef}\n className={classNames('rt-ShellPanel', className)}\n data-mode={shell.panelMode}\n data-visible={(shell.currentBreakpointReady && (isExpanded || (shell.leftResolvedPresentation !== 'overlay' && shell.peekTarget === 'panel'))) || undefined}\n data-peek={(shell.currentBreakpointReady && shell.leftResolvedPresentation !== 'overlay' && shell.peekTarget === 'panel') || undefined}\n style={{\n ...style,\n ['--panel-size' as any]: `${expandedSize}px`,\n }}\n >\n <div className=\"rt-ShellPanelContent\" data-visible={isExpanded || undefined}>\n {contentChildren}\n </div>\n {handleEl}\n </div>\n );\n },\n) as PanelComponent;\nPanel.displayName = 'Shell.Panel';\nPanel.Handle = PanelHandle;\n\n// Sidebar moved to ./_internal/shell-sidebar\n\n// Content (always required)\ninterface ShellContentProps extends React.ComponentPropsWithoutRef<'main'> {}\n\nconst Content = React.forwardRef<HTMLElement, ShellContentProps>(({ className, ...props }, ref) => <main {...props} ref={ref} className={classNames('rt-ShellContent', className)} />);\nContent.displayName = 'Shell.Content';\n\n// Inspector moved to ./_internal/shell-inspector\n\n// Bottom\n// Bottom moved to ./_internal/shell-bottom\n// (Bottom implementation extracted)\n\n// Trigger\n// PaneTarget type moved to shell.types.ts\ntype TriggerAction = 'toggle' | 'expand' | 'collapse';\n\ninterface TriggerProps extends React.ComponentPropsWithoutRef<'button'> {\n target: PaneTarget;\n action?: TriggerAction;\n /**\n * Whether to show peek preview on hover when the target pane is collapsed.\n * Defaults to false.\n */\n peekOnHover?: boolean;\n}\n\nconst Trigger = React.forwardRef<HTMLButtonElement, TriggerProps>(({ target, action = 'toggle', peekOnHover, onClick, onMouseEnter, onMouseLeave, children, ...props }, ref) => {\n const shell = useShell();\n\n const handleClick = React.useCallback(\n (event: React.MouseEvent<HTMLButtonElement>) => {\n onClick?.(event);\n\n // Clear any active peek on this target before toggling to avoid sticky peek state\n if ((shell as any).peekTarget === target) {\n shell.clearPeek();\n }\n\n switch (action) {\n case 'toggle':\n shell.togglePane(target);\n break;\n case 'expand':\n shell.expandPane(target);\n break;\n case 'collapse':\n shell.collapsePane(target);\n break;\n }\n },\n [shell, target, action, onClick],\n );\n\n const isCollapsed = (() => {\n switch (target) {\n case 'left':\n case 'rail':\n return shell.leftMode === 'collapsed';\n case 'panel':\n return shell.leftMode === 'collapsed' || shell.panelMode === 'collapsed';\n case 'sidebar':\n return shell.sidebarMode === 'collapsed';\n case 'inspector':\n return shell.inspectorMode === 'collapsed';\n case 'bottom':\n return shell.bottomMode === 'collapsed';\n }\n })();\n\n const handleMouseEnter = React.useCallback(\n (event: React.MouseEvent<HTMLButtonElement>) => {\n onMouseEnter?.(event);\n if (!peekOnHover || !isCollapsed) return;\n // Use the actual target for peek behavior (not mapped to left)\n shell.peekPane(target);\n },\n [onMouseEnter, peekOnHover, isCollapsed, shell, target],\n );\n\n const handleMouseLeave = React.useCallback(\n (event: React.MouseEvent<HTMLButtonElement>) => {\n onMouseLeave?.(event);\n if (!peekOnHover) return;\n if ((shell as any).peekTarget === target) {\n shell.clearPeek();\n }\n },\n [onMouseLeave, peekOnHover, shell, target],\n );\n\n return (\n <button {...props} ref={ref} onClick={handleClick} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave} data-shell-trigger={target} data-shell-action={action}>\n {children}\n </button>\n );\n});\nTrigger.displayName = 'Shell.Trigger';\n\n// Exports\nexport {\n Root,\n Header,\n Left,\n Rail,\n Panel,\n Sidebar,\n Content,\n Inspector,\n Bottom,\n Trigger,\n useShell,\n useResponsivePresentation,\n type PaneMode,\n type SidebarMode,\n type ResponsivePresentation,\n type PaneTarget,\n type TriggerAction,\n};\n"],
5
+ "mappings": "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",
6
+ "names": ["shell_exports", "__export", "Content", "Header", "Left", "Panel", "Rail", "Root", "Trigger", "__toCommonJS", "React", "import_classnames", "Sheet", "import_visually_hidden", "import_shell_hooks", "import_shell_resize", "import_shell_handles", "import_shell_sidebar", "import_shell_bottom", "import_shell_inspector", "import_shell_types", "import_shell_context", "useBreakpoint", "currentBp", "setCurrentBp", "ready", "setReady", "mqls", "k", "q", "compute", "matched", "m", "next", "cleanups", "mm", "fn", "paneReducer", "state", "action", "className", "children", "height", "props", "ref", "currentBreakpoint", "currentBreakpointReady", "initialChildren", "hasPanelDefaultOpen", "el", "hasRailDefaultOpen", "paneState", "dispatchPane", "setLeftMode", "mode", "setPanelMode", "setSidebarMode", "setInspectorMode", "setBottomMode", "hasLeft", "setHasLeft", "hasSidebar", "setHasSidebar", "sidebarToggleComputerRef", "current", "setSidebarToggleComputer", "devLeftPres", "setDevLeftPres", "onLeftPres", "p", "railDefaultSizeRef", "panelDefaultSizeRef", "onRailDefaults", "size", "onPanelDefaults", "hasLeftChildren", "childArray", "isType", "comp", "hasSidebarChildren", "togglePane", "target", "expandPane", "collapsePane", "baseContextValue", "headerEls", "railEls", "panelEls", "sidebarEls", "contentEls", "inspectorEls", "bottomEls", "firstRailOpen", "heightStyle", "peekTarget", "setPeekTarget", "peekPane", "clearPeek", "presentationCtxValue", "leftModeCtxValue", "panelModeCtxValue", "sidebarModeCtxValue", "inspectorModeCtxValue", "bottomModeCtxValue", "compositionCtxValue", "peekCtxValue", "actionsCtxValue", "classNames", "firstRail", "passthroughProps", "style", "presentation", "_collapsible", "onExpand", "onCollapse", "shell", "resolvedPresentation", "isOverlay", "isStacked", "localRef", "setRef", "node", "_lastBpRef", "lastLeftModeRef", "initNotifiedRef", "resolvedDefaultOpen", "didInitFromDefaultOpenRef", "propsOpen", "propsDefaultOpen", "initial", "shouldOpen", "_isExpanded", "open", "railEl", "panelEl", "railSize", "panelSize", "hasRail", "hasPanel", "overlayPx", "o", "_railSize", "_panelSize", "_hasRail", "_includePanel", "_openIgnored", "_defaultOpenIgnored", "_onOpenChangeIgnored", "stackDomProps", "_legacyModeIgnored", "_legacyDefaultModeIgnored", "_legacyOnModeChangeIgnored", "domProps", "expandedSize", "collapsible", "wasControlledRef", "isControlled", "isExpanded", "defaultOpen", "onOpenChange", "defaultSize", "minSize", "maxSize", "resizable", "onResize", "onResizeStart", "onResizeEnd", "snapPoints", "snapTolerance", "collapseThreshold", "paneId", "persistence", "onSizeChange", "sizeUpdate", "sizeUpdateMs", "emitSizeChange", "t", "s", "meta", "last", "now", "prevPanelModeRef", "prevLeftModeRef", "handleChildren", "contentChildren", "normalizeToPx", "value", "str", "rem", "pct", "base", "n", "persistenceAdapter", "key", "v", "mounted", "loaded", "px", "clamped", "leftEl", "prevPanel", "prevLeft", "reason", "handleEl", "client", "startClient", "startSize", "isRtl", "delta", "i", "_panelDefaultOpenIgnored", "_panelOpenIgnored", "_panelOnOpenChangeIgnored", "_panelSizeIgnored", "_panelDefaultSizeIgnored", "panelDomProps", "peekOnHover", "onClick", "onMouseEnter", "onMouseLeave", "handleClick", "event", "isCollapsed", "handleMouseEnter", "handleMouseLeave"]
7
7
  }
@@ -99,7 +99,7 @@ declare const themePropDefs: {
99
99
  */
100
100
  fontFamily: {
101
101
  type: "enum";
102
- values: readonly ["sans", "mono"];
102
+ values: readonly ["sans", "mono", "serif"];
103
103
  default: "sans";
104
104
  };
105
105
  asChild: {
@@ -1,2 +1,2 @@
1
- "use strict";var n=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var i=(a,e)=>{for(var t in e)n(a,t,{get:e[t],enumerable:!0})},y=(a,e,t,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of m(e))!c.call(a,o)&&o!==t&&n(a,o,{get:()=>e[o],enumerable:!(s=f(e,o))||s.enumerable});return a};var d=a=>y(n({},"__esModule",{value:!0}),a);var C={};i(C,{themePropDefs:()=>u});module.exports=d(C);var p=require("../props/as-child.prop.js"),r=require("../props/color.prop.js"),l=require("../props/radius.prop.js");const P=["inherit","light","dark"],D=["solid","translucent"],g=["solid","translucent"],b=["90%","95%","100%","105%","110%"],h=["sans","mono"],u={...p.asChildPropDef,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:P,default:"inherit"},accentColor:{type:"enum",values:r.accentColors,default:"blue"},grayColor:{type:"enum",values:r.grayColors,default:"slate"},material:{type:"enum",values:g,default:"translucent"},panelBackground:{type:"enum",values:D,default:"translucent"},radius:{type:"enum",values:l.radii,default:"medium"},scaling:{type:"enum",values:b,default:"100%"},fontFamily:{type:"enum",values:h,default:"sans"}};
1
+ "use strict";var s=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var i=(a,e)=>{for(var t in e)s(a,t,{get:e[t],enumerable:!0})},y=(a,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of m(e))!c.call(a,o)&&o!==t&&s(a,o,{get:()=>e[o],enumerable:!(n=f(e,o))||n.enumerable});return a};var d=a=>y(s({},"__esModule",{value:!0}),a);var C={};i(C,{themePropDefs:()=>u});module.exports=d(C);var p=require("../props/as-child.prop.js"),r=require("../props/color.prop.js"),l=require("../props/radius.prop.js");const P=["inherit","light","dark"],D=["solid","translucent"],g=["solid","translucent"],b=["90%","95%","100%","105%","110%"],h=["sans","mono","serif"],u={...p.asChildPropDef,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:P,default:"inherit"},accentColor:{type:"enum",values:r.accentColors,default:"blue"},grayColor:{type:"enum",values:r.grayColors,default:"slate"},material:{type:"enum",values:g,default:"translucent"},panelBackground:{type:"enum",values:D,default:"translucent"},radius:{type:"enum",values:l.radii,default:"medium"},scaling:{type:"enum",values:b,default:"100%"},fontFamily:{type:"enum",values:h,default:"sans"}};
2
2
  //# sourceMappingURL=theme.props.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/components/theme.props.tsx"],
4
- "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { accentColors, grayColors } from '../props/color.prop.js';\nimport { radii } from '../props/radius.prop.js';\n\nimport type { GetPropDefTypes, PropDef } from '../props/prop-def.js';\n\nconst appearances = ['inherit', 'light', 'dark'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst materials = ['solid', 'translucent'] as const;\nconst scalings = ['90%', '95%', '100%', '105%', '110%'] as const;\nconst fontFamilies = ['sans', 'mono'] as const;\n\nconst themePropDefs = {\n ...asChildPropDef,\n /**\n * Whether to apply background color to the Theme element.\n *\n * Defaults to true for the root Theme and for Theme elements that\n * have an explicit light or dark appearance prop.\n */\n hasBackground: { type: 'boolean', default: true },\n /**\n * Sets the color scheme of the theme, typcially referred to as light and dark mode.\n *\n * @link\n * https://www.radix-ui.com/themes/docs/theme/dark-mode\n */\n appearance: { type: 'enum', values: appearances, default: 'inherit' },\n /**\n * Selects one of the accent color options to use in the Theme.\n *\n * @link\n * https://www.radix-ui.com/themes/docs/theme/color\n */\n accentColor: { type: 'enum', values: accentColors, default: 'blue' },\n /**\n * Selects one of the gray color options to use in the Theme.\n *\n * @link\n * https://www.radix-ui.com/themes/docs/theme/color\n */\n grayColor: { type: 'enum', values: grayColors, default: 'slate' },\n /**\n * Controls whether to use a solid or translucent background color on panelled\n * elements such as Card or Table is solid or translucent.\n *\n * @link\n * https://www.radix-ui.com/themes/docs/theme/visual-style\n */\n material: { type: 'enum', values: materials, default: 'translucent' },\n /**\n * Controls whether to use a solid or translucent background color on panelled\n * elements such as Card or Table is solid or translucent.\n *\n * @deprecated Use `material` prop instead. This prop will be removed in a future version.\n *\n * @link\n * https://www.radix-ui.com/themes/docs/theme/visual-style\n */\n panelBackground: { type: 'enum', values: panelBackgrounds, default: 'translucent' },\n /**\n * Sets the default radius of the components.\n *\n * @link\n * https://www.radix-ui.com/themes/docs/theme/visual-style\n */\n radius: { type: 'enum', values: radii, default: 'medium' },\n /**\n * Sets a scaling multiplier for values like spacing, font sizes, line heights, etc. are scaled.\n *\n * @link\n * https://www.radix-ui.com/themes/docs/theme/layout\n */\n scaling: { type: 'enum', values: scalings, default: '100%' },\n /**\n * Sets the font family for the theme.\n *\n * @default 'sans'\n */\n fontFamily: { type: 'enum', values: fontFamilies, default: 'sans' },\n} satisfies {\n hasBackground: PropDef<boolean>;\n appearance: PropDef<(typeof appearances)[number]>;\n accentColor: PropDef<(typeof accentColors)[number]>;\n grayColor: PropDef<(typeof grayColors)[number]>;\n material: PropDef<(typeof materials)[number]>;\n panelBackground: PropDef<(typeof panelBackgrounds)[number]>;\n radius: PropDef<(typeof radii)[number]>;\n scaling: PropDef<(typeof scalings)[number]>;\n fontFamily: PropDef<(typeof fontFamilies)[number]>;\n};\n\ntype ThemeOwnProps = GetPropDefTypes<typeof themePropDefs & typeof asChildPropDef>;\n\nexport { themePropDefs };\nexport type { ThemeOwnProps };\n"],
5
- "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,qCAC/BC,EAAyC,kCACzCC,EAAsB,mCAItB,MAAMC,EAAc,CAAC,UAAW,QAAS,MAAM,EACzCC,EAAmB,CAAC,QAAS,aAAa,EAC1CC,EAAY,CAAC,QAAS,aAAa,EACnCC,EAAW,CAAC,MAAO,MAAO,OAAQ,OAAQ,MAAM,EAChDC,EAAe,CAAC,OAAQ,MAAM,EAE9BT,EAAgB,CACpB,GAAG,iBAOH,cAAe,CAAE,KAAM,UAAW,QAAS,EAAK,EAOhD,WAAY,CAAE,KAAM,OAAQ,OAAQK,EAAa,QAAS,SAAU,EAOpE,YAAa,CAAE,KAAM,OAAQ,OAAQ,eAAc,QAAS,MAAO,EAOnE,UAAW,CAAE,KAAM,OAAQ,OAAQ,aAAY,QAAS,OAAQ,EAQhE,SAAU,CAAE,KAAM,OAAQ,OAAQE,EAAW,QAAS,aAAc,EAUpE,gBAAiB,CAAE,KAAM,OAAQ,OAAQD,EAAkB,QAAS,aAAc,EAOlF,OAAQ,CAAE,KAAM,OAAQ,OAAQ,QAAO,QAAS,QAAS,EAOzD,QAAS,CAAE,KAAM,OAAQ,OAAQE,EAAU,QAAS,MAAO,EAM3D,WAAY,CAAE,KAAM,OAAQ,OAAQC,EAAc,QAAS,MAAO,CACpE",
4
+ "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { accentColors, grayColors } from '../props/color.prop.js';\nimport { radii } from '../props/radius.prop.js';\n\nimport type { GetPropDefTypes, PropDef } from '../props/prop-def.js';\n\nconst appearances = ['inherit', 'light', 'dark'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst materials = ['solid', 'translucent'] as const;\nconst scalings = ['90%', '95%', '100%', '105%', '110%'] as const;\nconst fontFamilies = ['sans', 'mono', 'serif'] as const;\n\nconst themePropDefs = {\n ...asChildPropDef,\n /**\n * Whether to apply background color to the Theme element.\n *\n * Defaults to true for the root Theme and for Theme elements that\n * have an explicit light or dark appearance prop.\n */\n hasBackground: { type: 'boolean', default: true },\n /**\n * Sets the color scheme of the theme, typcially referred to as light and dark mode.\n *\n * @link\n * https://www.radix-ui.com/themes/docs/theme/dark-mode\n */\n appearance: { type: 'enum', values: appearances, default: 'inherit' },\n /**\n * Selects one of the accent color options to use in the Theme.\n *\n * @link\n * https://www.radix-ui.com/themes/docs/theme/color\n */\n accentColor: { type: 'enum', values: accentColors, default: 'blue' },\n /**\n * Selects one of the gray color options to use in the Theme.\n *\n * @link\n * https://www.radix-ui.com/themes/docs/theme/color\n */\n grayColor: { type: 'enum', values: grayColors, default: 'slate' },\n /**\n * Controls whether to use a solid or translucent background color on panelled\n * elements such as Card or Table is solid or translucent.\n *\n * @link\n * https://www.radix-ui.com/themes/docs/theme/visual-style\n */\n material: { type: 'enum', values: materials, default: 'translucent' },\n /**\n * Controls whether to use a solid or translucent background color on panelled\n * elements such as Card or Table is solid or translucent.\n *\n * @deprecated Use `material` prop instead. This prop will be removed in a future version.\n *\n * @link\n * https://www.radix-ui.com/themes/docs/theme/visual-style\n */\n panelBackground: { type: 'enum', values: panelBackgrounds, default: 'translucent' },\n /**\n * Sets the default radius of the components.\n *\n * @link\n * https://www.radix-ui.com/themes/docs/theme/visual-style\n */\n radius: { type: 'enum', values: radii, default: 'medium' },\n /**\n * Sets a scaling multiplier for values like spacing, font sizes, line heights, etc. are scaled.\n *\n * @link\n * https://www.radix-ui.com/themes/docs/theme/layout\n */\n scaling: { type: 'enum', values: scalings, default: '100%' },\n /**\n * Sets the font family for the theme.\n *\n * @default 'sans'\n */\n fontFamily: { type: 'enum', values: fontFamilies, default: 'sans' },\n} satisfies {\n hasBackground: PropDef<boolean>;\n appearance: PropDef<(typeof appearances)[number]>;\n accentColor: PropDef<(typeof accentColors)[number]>;\n grayColor: PropDef<(typeof grayColors)[number]>;\n material: PropDef<(typeof materials)[number]>;\n panelBackground: PropDef<(typeof panelBackgrounds)[number]>;\n radius: PropDef<(typeof radii)[number]>;\n scaling: PropDef<(typeof scalings)[number]>;\n fontFamily: PropDef<(typeof fontFamilies)[number]>;\n};\n\ntype ThemeOwnProps = GetPropDefTypes<typeof themePropDefs & typeof asChildPropDef>;\n\nexport { themePropDefs };\nexport type { ThemeOwnProps };\n"],
5
+ "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,qCAC/BC,EAAyC,kCACzCC,EAAsB,mCAItB,MAAMC,EAAc,CAAC,UAAW,QAAS,MAAM,EACzCC,EAAmB,CAAC,QAAS,aAAa,EAC1CC,EAAY,CAAC,QAAS,aAAa,EACnCC,EAAW,CAAC,MAAO,MAAO,OAAQ,OAAQ,MAAM,EAChDC,EAAe,CAAC,OAAQ,OAAQ,OAAO,EAEvCT,EAAgB,CACpB,GAAG,iBAOH,cAAe,CAAE,KAAM,UAAW,QAAS,EAAK,EAOhD,WAAY,CAAE,KAAM,OAAQ,OAAQK,EAAa,QAAS,SAAU,EAOpE,YAAa,CAAE,KAAM,OAAQ,OAAQ,eAAc,QAAS,MAAO,EAOnE,UAAW,CAAE,KAAM,OAAQ,OAAQ,aAAY,QAAS,OAAQ,EAQhE,SAAU,CAAE,KAAM,OAAQ,OAAQE,EAAW,QAAS,aAAc,EAUpE,gBAAiB,CAAE,KAAM,OAAQ,OAAQD,EAAkB,QAAS,aAAc,EAOlF,OAAQ,CAAE,KAAM,OAAQ,OAAQ,QAAO,QAAS,QAAS,EAOzD,QAAS,CAAE,KAAM,OAAQ,OAAQE,EAAU,QAAS,MAAO,EAM3D,WAAY,CAAE,KAAM,OAAQ,OAAQC,EAAc,QAAS,MAAO,CACpE",
6
6
  "names": ["theme_props_exports", "__export", "themePropDefs", "__toCommonJS", "import_as_child_prop", "import_color_prop", "import_radius_prop", "appearances", "panelBackgrounds", "materials", "scalings", "fontFamilies"]
7
7
  }
@@ -12,10 +12,14 @@ export interface FontConfig {
12
12
  sans?: string;
13
13
  /** Monospace font stack for fontFamily="mono" */
14
14
  mono?: string;
15
+ /** Serif font stack for fontFamily="serif" */
16
+ serif?: string;
15
17
  /** Base Inter font replacement */
16
18
  inter?: string;
17
19
  /** Base JetBrains Mono font replacement */
18
20
  jetbrainsMono?: string;
21
+ /** Base Playfair Display font replacement */
22
+ playfairDisplay?: string;
19
23
  }
20
24
  /**
21
25
  * CSS variable names used by Kookie UI for fonts
@@ -23,8 +27,10 @@ export interface FontConfig {
23
27
  export declare const FONT_CSS_VARIABLES: {
24
28
  readonly sans: "--font-sans";
25
29
  readonly mono: "--font-mono";
30
+ readonly serif: "--font-serif";
26
31
  readonly inter: "--font-inter";
27
32
  readonly jetbrainsMono: "--font-jetbrains-mono";
33
+ readonly playfairDisplay: "--font-playfair-display";
28
34
  readonly defaultFamily: "--default-font-family";
29
35
  readonly headingFamily: "--heading-font-family";
30
36
  readonly strongFamily: "--strong-font-family";
@@ -42,6 +48,10 @@ export declare const FONT_STACKS: {
42
48
  readonly firaCode: "'Fira Code', 'JetBrains Mono', 'Consolas', 'Liberation Mono', monospace";
43
49
  readonly sourceCodePro: "'Source Code Pro', 'JetBrains Mono', 'Consolas', monospace";
44
50
  readonly systemMono: "'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', 'Courier New', monospace";
51
+ readonly playfair: "'Playfair Display', 'Times New Roman', 'Times', 'Georgia', 'Cambria', serif";
52
+ readonly times: "'Times New Roman', 'Times', 'Georgia', 'Cambria', serif";
53
+ readonly georgia: "'Georgia', 'Times New Roman', 'Times', serif";
54
+ readonly lora: "'Lora', 'Times New Roman', 'Times', serif";
45
55
  };
46
56
  /**
47
57
  * Apply font configuration to CSS variables
@@ -1 +1 @@
1
- {"version":3,"file":"font-config.d.ts","sourceRoot":"","sources":["../../../src/helpers/font-config.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;CASrB,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;;;;;CAad,CAAC;AAEX;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,eAAe,CAC7B,MAAM,EAAE,UAAU,EAClB,MAAM,GAAE,WAAsC,GAC7C,IAAI,CAkBN;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,UAAU,GAAG,MAAM,CAsB1D;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,MAAM,GAAE,WAAsC,GAAG,IAAI,CAQ/E;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,GAAE,WAAsC,GAAG,UAAU,CAU/F"}
1
+ {"version":3,"file":"font-config.d.ts","sourceRoot":"","sources":["../../../src/helpers/font-config.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6CAA6C;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;CAWrB,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;CAkBd,CAAC;AAEX;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,GAAE,WAAsC,GAAG,IAAI,CA0BxG;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,UAAU,GAAG,MAAM,CA8B1D;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,MAAM,GAAE,WAAsC,GAAG,IAAI,CAU/E;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,GAAE,WAAsC,GAAG,UAAU,CAW/F"}
@@ -1,3 +1,3 @@
1
- "use strict";var r=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var l=(o,e)=>{for(var t in e)r(o,t,{get:e[t],enumerable:!0})},y=(o,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of m(e))!p.call(o,s)&&s!==t&&r(o,s,{get:()=>e[s],enumerable:!(i=a(e,s))||i.enumerable});return o};var u=o=>y(r({},"__esModule",{value:!0}),o);var F={};l(F,{FONT_CSS_VARIABLES:()=>n,FONT_STACKS:()=>d,applyFontConfig:()=>f,generateFontCSS:()=>M,getCurrentFontConfig:()=>c,resetFonts:()=>C});module.exports=u(F);const n={sans:"--font-sans",mono:"--font-mono",inter:"--font-inter",jetbrainsMono:"--font-jetbrains-mono",defaultFamily:"--default-font-family",headingFamily:"--heading-font-family",strongFamily:"--strong-font-family",codeFamily:"--code-font-family"},d={inter:"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",system:"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",poppins:"'Poppins', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif",openSans:"'Open Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif",jetbrainsMono:"'JetBrains Mono', 'Fira Code', 'Consolas', 'Liberation Mono', monospace",firaCode:"'Fira Code', 'JetBrains Mono', 'Consolas', 'Liberation Mono', monospace",sourceCodePro:"'Source Code Pro', 'JetBrains Mono', 'Consolas', monospace",systemMono:"'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', 'Courier New', monospace"};function f(o,e=document.documentElement){const t=e.style;o.sans&&t.setProperty(n.sans,o.sans),o.mono&&t.setProperty(n.mono,o.mono),o.inter&&t.setProperty(n.inter,o.inter),o.jetbrainsMono&&t.setProperty(n.jetbrainsMono,o.jetbrainsMono)}function M(o){const e=[":root {"];return o.sans&&e.push(` ${n.sans}: ${o.sans};`),o.mono&&e.push(` ${n.mono}: ${o.mono};`),o.inter&&e.push(` ${n.inter}: ${o.inter};`),o.jetbrainsMono&&e.push(` ${n.jetbrainsMono}: ${o.jetbrainsMono};`),e.push("}"),e.join(`
2
- `)}function C(o=document.documentElement){const e=o.style;e.removeProperty(n.sans),e.removeProperty(n.mono),e.removeProperty(n.inter),e.removeProperty(n.jetbrainsMono)}function c(o=document.documentElement){const e=getComputedStyle(o);return{sans:e.getPropertyValue(n.sans).trim()||void 0,mono:e.getPropertyValue(n.mono).trim()||void 0,inter:e.getPropertyValue(n.inter).trim()||void 0,jetbrainsMono:e.getPropertyValue(n.jetbrainsMono).trim()||void 0}}
1
+ "use strict";var s=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var l=(e,o)=>{for(var t in o)s(e,t,{get:o[t],enumerable:!0})},y=(e,o,t,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of p(o))!m.call(e,r)&&r!==t&&s(e,r,{get:()=>o[r],enumerable:!(i=a(o,r))||i.enumerable});return e};var f=e=>y(s({},"__esModule",{value:!0}),e);var F={};l(F,{FONT_CSS_VARIABLES:()=>n,FONT_STACKS:()=>u,applyFontConfig:()=>d,generateFontCSS:()=>M,getCurrentFontConfig:()=>P,resetFonts:()=>C});module.exports=f(F);const n={sans:"--font-sans",mono:"--font-mono",serif:"--font-serif",inter:"--font-inter",jetbrainsMono:"--font-jetbrains-mono",playfairDisplay:"--font-playfair-display",defaultFamily:"--default-font-family",headingFamily:"--heading-font-family",strongFamily:"--strong-font-family",codeFamily:"--code-font-family"},u={inter:"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",system:"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",poppins:"'Poppins', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif",openSans:"'Open Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif",jetbrainsMono:"'JetBrains Mono', 'Fira Code', 'Consolas', 'Liberation Mono', monospace",firaCode:"'Fira Code', 'JetBrains Mono', 'Consolas', 'Liberation Mono', monospace",sourceCodePro:"'Source Code Pro', 'JetBrains Mono', 'Consolas', monospace",systemMono:"'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', 'Courier New', monospace",playfair:"'Playfair Display', 'Times New Roman', 'Times', 'Georgia', 'Cambria', serif",times:"'Times New Roman', 'Times', 'Georgia', 'Cambria', serif",georgia:"'Georgia', 'Times New Roman', 'Times', serif",lora:"'Lora', 'Times New Roman', 'Times', serif"};function d(e,o=document.documentElement){const t=o.style;e.sans&&t.setProperty(n.sans,e.sans),e.mono&&t.setProperty(n.mono,e.mono),e.serif&&t.setProperty(n.serif,e.serif),e.inter&&t.setProperty(n.inter,e.inter),e.jetbrainsMono&&t.setProperty(n.jetbrainsMono,e.jetbrainsMono),e.playfairDisplay&&t.setProperty(n.playfairDisplay,e.playfairDisplay)}function M(e){const o=[":root {"];return e.sans&&o.push(` ${n.sans}: ${e.sans};`),e.mono&&o.push(` ${n.mono}: ${e.mono};`),e.serif&&o.push(` ${n.serif}: ${e.serif};`),e.inter&&o.push(` ${n.inter}: ${e.inter};`),e.jetbrainsMono&&o.push(` ${n.jetbrainsMono}: ${e.jetbrainsMono};`),e.playfairDisplay&&o.push(` ${n.playfairDisplay}: ${e.playfairDisplay};`),o.push("}"),o.join(`
2
+ `)}function C(e=document.documentElement){const o=e.style;o.removeProperty(n.sans),o.removeProperty(n.mono),o.removeProperty(n.serif),o.removeProperty(n.inter),o.removeProperty(n.jetbrainsMono),o.removeProperty(n.playfairDisplay)}function P(e=document.documentElement){const o=getComputedStyle(e);return{sans:o.getPropertyValue(n.sans).trim()||void 0,mono:o.getPropertyValue(n.mono).trim()||void 0,serif:o.getPropertyValue(n.serif).trim()||void 0,inter:o.getPropertyValue(n.inter).trim()||void 0,jetbrainsMono:o.getPropertyValue(n.jetbrainsMono).trim()||void 0,playfairDisplay:o.getPropertyValue(n.playfairDisplay).trim()||void 0}}
3
3
  //# sourceMappingURL=font-config.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/helpers/font-config.ts"],
4
- "sourcesContent": ["/**\n * Font configuration utilities for Kookie UI\n *\n * These utilities help users configure custom fonts through CSS variables\n * and provide type-safe font configuration options.\n */\n\n/**\n * Font family configuration interface\n */\nexport interface FontConfig {\n /** Sans-serif font stack for fontFamily=\"sans\" */\n sans?: string;\n /** Monospace font stack for fontFamily=\"mono\" */\n mono?: string;\n /** Base Inter font replacement */\n inter?: string;\n /** Base JetBrains Mono font replacement */\n jetbrainsMono?: string;\n}\n\n/**\n * CSS variable names used by Kookie UI for fonts\n */\nexport const FONT_CSS_VARIABLES = {\n sans: '--font-sans',\n mono: '--font-mono',\n inter: '--font-inter',\n jetbrainsMono: '--font-jetbrains-mono',\n defaultFamily: '--default-font-family',\n headingFamily: '--heading-font-family',\n strongFamily: '--strong-font-family',\n codeFamily: '--code-font-family',\n} as const;\n\n/**\n * Popular font stacks for common use cases\n */\nexport const FONT_STACKS = {\n // Sans-serif options\n inter: \"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif\",\n system:\n \"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif\",\n poppins: \"'Poppins', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif\",\n openSans: \"'Open Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif\",\n\n // Monospace options\n jetbrainsMono: \"'JetBrains Mono', 'Fira Code', 'Consolas', 'Liberation Mono', monospace\",\n firaCode: \"'Fira Code', 'JetBrains Mono', 'Consolas', 'Liberation Mono', monospace\",\n sourceCodePro: \"'Source Code Pro', 'JetBrains Mono', 'Consolas', monospace\",\n systemMono: \"'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', 'Courier New', monospace\",\n} as const;\n\n/**\n * Apply font configuration to CSS variables\n *\n * @param config Font configuration object\n * @param target Target element (defaults to document.documentElement)\n *\n * @example\n * ```ts\n * // Use Google Fonts\n * applyFontConfig({\n * sans: FONT_STACKS.poppins,\n * mono: FONT_STACKS.firaCode\n * });\n *\n * // Use system fonts only\n * applyFontConfig({\n * sans: FONT_STACKS.system,\n * mono: FONT_STACKS.systemMono\n * });\n * ```\n */\nexport function applyFontConfig(\n config: FontConfig,\n target: HTMLElement = document.documentElement,\n): void {\n const style = target.style;\n\n if (config.sans) {\n style.setProperty(FONT_CSS_VARIABLES.sans, config.sans);\n }\n\n if (config.mono) {\n style.setProperty(FONT_CSS_VARIABLES.mono, config.mono);\n }\n\n if (config.inter) {\n style.setProperty(FONT_CSS_VARIABLES.inter, config.inter);\n }\n\n if (config.jetbrainsMono) {\n style.setProperty(FONT_CSS_VARIABLES.jetbrainsMono, config.jetbrainsMono);\n }\n}\n\n/**\n * Generate CSS string for font configuration\n *\n * @param config Font configuration object\n * @returns CSS string that can be injected into a stylesheet\n *\n * @example\n * ```ts\n * const css = generateFontCSS({\n * sans: FONT_STACKS.poppins,\n * mono: FONT_STACKS.firaCode\n * });\n *\n * // Inject into document\n * const style = document.createElement('style');\n * style.textContent = css;\n * document.head.appendChild(style);\n * ```\n */\nexport function generateFontCSS(config: FontConfig): string {\n const rules: string[] = [':root {'];\n\n if (config.sans) {\n rules.push(` ${FONT_CSS_VARIABLES.sans}: ${config.sans};`);\n }\n\n if (config.mono) {\n rules.push(` ${FONT_CSS_VARIABLES.mono}: ${config.mono};`);\n }\n\n if (config.inter) {\n rules.push(` ${FONT_CSS_VARIABLES.inter}: ${config.inter};`);\n }\n\n if (config.jetbrainsMono) {\n rules.push(` ${FONT_CSS_VARIABLES.jetbrainsMono}: ${config.jetbrainsMono};`);\n }\n\n rules.push('}');\n\n return rules.join('\\n');\n}\n\n/**\n * Reset fonts to Kookie UI defaults\n */\nexport function resetFonts(target: HTMLElement = document.documentElement): void {\n const style = target.style;\n\n // Remove custom font variables to fall back to defaults\n style.removeProperty(FONT_CSS_VARIABLES.sans);\n style.removeProperty(FONT_CSS_VARIABLES.mono);\n style.removeProperty(FONT_CSS_VARIABLES.inter);\n style.removeProperty(FONT_CSS_VARIABLES.jetbrainsMono);\n}\n\n/**\n * Get current font configuration from CSS variables\n */\nexport function getCurrentFontConfig(target: HTMLElement = document.documentElement): FontConfig {\n const computedStyle = getComputedStyle(target);\n\n return {\n sans: computedStyle.getPropertyValue(FONT_CSS_VARIABLES.sans).trim() || undefined,\n mono: computedStyle.getPropertyValue(FONT_CSS_VARIABLES.mono).trim() || undefined,\n inter: computedStyle.getPropertyValue(FONT_CSS_VARIABLES.inter).trim() || undefined,\n jetbrainsMono:\n computedStyle.getPropertyValue(FONT_CSS_VARIABLES.jetbrainsMono).trim() || undefined,\n };\n}\n"],
5
- "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,EAAA,gBAAAC,EAAA,oBAAAC,EAAA,oBAAAC,EAAA,yBAAAC,EAAA,eAAAC,IAAA,eAAAC,EAAAR,GAwBO,MAAME,EAAqB,CAChC,KAAM,cACN,KAAM,cACN,MAAO,eACP,cAAe,wBACf,cAAe,wBACf,cAAe,wBACf,aAAc,uBACd,WAAY,oBACd,EAKaC,EAAc,CAEzB,MAAO,6EACP,OACE,6FACF,QAAS,oEACT,SAAU,sEAGV,cAAe,0EACf,SAAU,0EACV,cAAe,6DACf,WAAY,6EACd,EAuBO,SAASC,EACdK,EACAC,EAAsB,SAAS,gBACzB,CACN,MAAMC,EAAQD,EAAO,MAEjBD,EAAO,MACTE,EAAM,YAAYT,EAAmB,KAAMO,EAAO,IAAI,EAGpDA,EAAO,MACTE,EAAM,YAAYT,EAAmB,KAAMO,EAAO,IAAI,EAGpDA,EAAO,OACTE,EAAM,YAAYT,EAAmB,MAAOO,EAAO,KAAK,EAGtDA,EAAO,eACTE,EAAM,YAAYT,EAAmB,cAAeO,EAAO,aAAa,CAE5E,CAqBO,SAASJ,EAAgBI,EAA4B,CAC1D,MAAMG,EAAkB,CAAC,SAAS,EAElC,OAAIH,EAAO,MACTG,EAAM,KAAK,KAAKV,EAAmB,IAAI,KAAKO,EAAO,IAAI,GAAG,EAGxDA,EAAO,MACTG,EAAM,KAAK,KAAKV,EAAmB,IAAI,KAAKO,EAAO,IAAI,GAAG,EAGxDA,EAAO,OACTG,EAAM,KAAK,KAAKV,EAAmB,KAAK,KAAKO,EAAO,KAAK,GAAG,EAG1DA,EAAO,eACTG,EAAM,KAAK,KAAKV,EAAmB,aAAa,KAAKO,EAAO,aAAa,GAAG,EAG9EG,EAAM,KAAK,GAAG,EAEPA,EAAM,KAAK;AAAA,CAAI,CACxB,CAKO,SAASL,EAAWG,EAAsB,SAAS,gBAAuB,CAC/E,MAAMC,EAAQD,EAAO,MAGrBC,EAAM,eAAeT,EAAmB,IAAI,EAC5CS,EAAM,eAAeT,EAAmB,IAAI,EAC5CS,EAAM,eAAeT,EAAmB,KAAK,EAC7CS,EAAM,eAAeT,EAAmB,aAAa,CACvD,CAKO,SAASI,EAAqBI,EAAsB,SAAS,gBAA6B,CAC/F,MAAMG,EAAgB,iBAAiBH,CAAM,EAE7C,MAAO,CACL,KAAMG,EAAc,iBAAiBX,EAAmB,IAAI,EAAE,KAAK,GAAK,OACxE,KAAMW,EAAc,iBAAiBX,EAAmB,IAAI,EAAE,KAAK,GAAK,OACxE,MAAOW,EAAc,iBAAiBX,EAAmB,KAAK,EAAE,KAAK,GAAK,OAC1E,cACEW,EAAc,iBAAiBX,EAAmB,aAAa,EAAE,KAAK,GAAK,MAC/E,CACF",
4
+ "sourcesContent": ["/**\n * Font configuration utilities for Kookie UI\n *\n * These utilities help users configure custom fonts through CSS variables\n * and provide type-safe font configuration options.\n */\n\n/**\n * Font family configuration interface\n */\nexport interface FontConfig {\n /** Sans-serif font stack for fontFamily=\"sans\" */\n sans?: string;\n /** Monospace font stack for fontFamily=\"mono\" */\n mono?: string;\n /** Serif font stack for fontFamily=\"serif\" */\n serif?: string;\n /** Base Inter font replacement */\n inter?: string;\n /** Base JetBrains Mono font replacement */\n jetbrainsMono?: string;\n /** Base Playfair Display font replacement */\n playfairDisplay?: string;\n}\n\n/**\n * CSS variable names used by Kookie UI for fonts\n */\nexport const FONT_CSS_VARIABLES = {\n sans: '--font-sans',\n mono: '--font-mono',\n serif: '--font-serif',\n inter: '--font-inter',\n jetbrainsMono: '--font-jetbrains-mono',\n playfairDisplay: '--font-playfair-display',\n defaultFamily: '--default-font-family',\n headingFamily: '--heading-font-family',\n strongFamily: '--strong-font-family',\n codeFamily: '--code-font-family',\n} as const;\n\n/**\n * Popular font stacks for common use cases\n */\nexport const FONT_STACKS = {\n // Sans-serif options\n inter: \"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif\",\n system: \"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif\",\n poppins: \"'Poppins', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif\",\n openSans: \"'Open Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif\",\n\n // Monospace options\n jetbrainsMono: \"'JetBrains Mono', 'Fira Code', 'Consolas', 'Liberation Mono', monospace\",\n firaCode: \"'Fira Code', 'JetBrains Mono', 'Consolas', 'Liberation Mono', monospace\",\n sourceCodePro: \"'Source Code Pro', 'JetBrains Mono', 'Consolas', monospace\",\n systemMono: \"'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', 'Courier New', monospace\",\n\n // Serif options\n playfair: \"'Playfair Display', 'Times New Roman', 'Times', 'Georgia', 'Cambria', serif\",\n times: \"'Times New Roman', 'Times', 'Georgia', 'Cambria', serif\",\n georgia: \"'Georgia', 'Times New Roman', 'Times', serif\",\n lora: \"'Lora', 'Times New Roman', 'Times', serif\",\n} as const;\n\n/**\n * Apply font configuration to CSS variables\n *\n * @param config Font configuration object\n * @param target Target element (defaults to document.documentElement)\n *\n * @example\n * ```ts\n * // Use Google Fonts\n * applyFontConfig({\n * sans: FONT_STACKS.poppins,\n * mono: FONT_STACKS.firaCode\n * });\n *\n * // Use system fonts only\n * applyFontConfig({\n * sans: FONT_STACKS.system,\n * mono: FONT_STACKS.systemMono\n * });\n * ```\n */\nexport function applyFontConfig(config: FontConfig, target: HTMLElement = document.documentElement): void {\n const style = target.style;\n\n if (config.sans) {\n style.setProperty(FONT_CSS_VARIABLES.sans, config.sans);\n }\n\n if (config.mono) {\n style.setProperty(FONT_CSS_VARIABLES.mono, config.mono);\n }\n\n if (config.serif) {\n style.setProperty(FONT_CSS_VARIABLES.serif, config.serif);\n }\n\n if (config.inter) {\n style.setProperty(FONT_CSS_VARIABLES.inter, config.inter);\n }\n\n if (config.jetbrainsMono) {\n style.setProperty(FONT_CSS_VARIABLES.jetbrainsMono, config.jetbrainsMono);\n }\n\n if (config.playfairDisplay) {\n style.setProperty(FONT_CSS_VARIABLES.playfairDisplay, config.playfairDisplay);\n }\n}\n\n/**\n * Generate CSS string for font configuration\n *\n * @param config Font configuration object\n * @returns CSS string that can be injected into a stylesheet\n *\n * @example\n * ```ts\n * const css = generateFontCSS({\n * sans: FONT_STACKS.poppins,\n * mono: FONT_STACKS.firaCode\n * });\n *\n * // Inject into document\n * const style = document.createElement('style');\n * style.textContent = css;\n * document.head.appendChild(style);\n * ```\n */\nexport function generateFontCSS(config: FontConfig): string {\n const rules: string[] = [':root {'];\n\n if (config.sans) {\n rules.push(` ${FONT_CSS_VARIABLES.sans}: ${config.sans};`);\n }\n\n if (config.mono) {\n rules.push(` ${FONT_CSS_VARIABLES.mono}: ${config.mono};`);\n }\n\n if (config.serif) {\n rules.push(` ${FONT_CSS_VARIABLES.serif}: ${config.serif};`);\n }\n\n if (config.inter) {\n rules.push(` ${FONT_CSS_VARIABLES.inter}: ${config.inter};`);\n }\n\n if (config.jetbrainsMono) {\n rules.push(` ${FONT_CSS_VARIABLES.jetbrainsMono}: ${config.jetbrainsMono};`);\n }\n\n if (config.playfairDisplay) {\n rules.push(` ${FONT_CSS_VARIABLES.playfairDisplay}: ${config.playfairDisplay};`);\n }\n\n rules.push('}');\n\n return rules.join('\\n');\n}\n\n/**\n * Reset fonts to Kookie UI defaults\n */\nexport function resetFonts(target: HTMLElement = document.documentElement): void {\n const style = target.style;\n\n // Remove custom font variables to fall back to defaults\n style.removeProperty(FONT_CSS_VARIABLES.sans);\n style.removeProperty(FONT_CSS_VARIABLES.mono);\n style.removeProperty(FONT_CSS_VARIABLES.serif);\n style.removeProperty(FONT_CSS_VARIABLES.inter);\n style.removeProperty(FONT_CSS_VARIABLES.jetbrainsMono);\n style.removeProperty(FONT_CSS_VARIABLES.playfairDisplay);\n}\n\n/**\n * Get current font configuration from CSS variables\n */\nexport function getCurrentFontConfig(target: HTMLElement = document.documentElement): FontConfig {\n const computedStyle = getComputedStyle(target);\n\n return {\n sans: computedStyle.getPropertyValue(FONT_CSS_VARIABLES.sans).trim() || undefined,\n mono: computedStyle.getPropertyValue(FONT_CSS_VARIABLES.mono).trim() || undefined,\n serif: computedStyle.getPropertyValue(FONT_CSS_VARIABLES.serif).trim() || undefined,\n inter: computedStyle.getPropertyValue(FONT_CSS_VARIABLES.inter).trim() || undefined,\n jetbrainsMono: computedStyle.getPropertyValue(FONT_CSS_VARIABLES.jetbrainsMono).trim() || undefined,\n playfairDisplay: computedStyle.getPropertyValue(FONT_CSS_VARIABLES.playfairDisplay).trim() || undefined,\n };\n}\n"],
5
+ "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,EAAA,gBAAAC,EAAA,oBAAAC,EAAA,oBAAAC,EAAA,yBAAAC,EAAA,eAAAC,IAAA,eAAAC,EAAAR,GA4BO,MAAME,EAAqB,CAChC,KAAM,cACN,KAAM,cACN,MAAO,eACP,MAAO,eACP,cAAe,wBACf,gBAAiB,0BACjB,cAAe,wBACf,cAAe,wBACf,aAAc,uBACd,WAAY,oBACd,EAKaC,EAAc,CAEzB,MAAO,6EACP,OAAQ,6FACR,QAAS,oEACT,SAAU,sEAGV,cAAe,0EACf,SAAU,0EACV,cAAe,6DACf,WAAY,8EAGZ,SAAU,8EACV,MAAO,0DACP,QAAS,+CACT,KAAM,2CACR,EAuBO,SAASC,EAAgBK,EAAoBC,EAAsB,SAAS,gBAAuB,CACxG,MAAMC,EAAQD,EAAO,MAEjBD,EAAO,MACTE,EAAM,YAAYT,EAAmB,KAAMO,EAAO,IAAI,EAGpDA,EAAO,MACTE,EAAM,YAAYT,EAAmB,KAAMO,EAAO,IAAI,EAGpDA,EAAO,OACTE,EAAM,YAAYT,EAAmB,MAAOO,EAAO,KAAK,EAGtDA,EAAO,OACTE,EAAM,YAAYT,EAAmB,MAAOO,EAAO,KAAK,EAGtDA,EAAO,eACTE,EAAM,YAAYT,EAAmB,cAAeO,EAAO,aAAa,EAGtEA,EAAO,iBACTE,EAAM,YAAYT,EAAmB,gBAAiBO,EAAO,eAAe,CAEhF,CAqBO,SAASJ,EAAgBI,EAA4B,CAC1D,MAAMG,EAAkB,CAAC,SAAS,EAElC,OAAIH,EAAO,MACTG,EAAM,KAAK,KAAKV,EAAmB,IAAI,KAAKO,EAAO,IAAI,GAAG,EAGxDA,EAAO,MACTG,EAAM,KAAK,KAAKV,EAAmB,IAAI,KAAKO,EAAO,IAAI,GAAG,EAGxDA,EAAO,OACTG,EAAM,KAAK,KAAKV,EAAmB,KAAK,KAAKO,EAAO,KAAK,GAAG,EAG1DA,EAAO,OACTG,EAAM,KAAK,KAAKV,EAAmB,KAAK,KAAKO,EAAO,KAAK,GAAG,EAG1DA,EAAO,eACTG,EAAM,KAAK,KAAKV,EAAmB,aAAa,KAAKO,EAAO,aAAa,GAAG,EAG1EA,EAAO,iBACTG,EAAM,KAAK,KAAKV,EAAmB,eAAe,KAAKO,EAAO,eAAe,GAAG,EAGlFG,EAAM,KAAK,GAAG,EAEPA,EAAM,KAAK;AAAA,CAAI,CACxB,CAKO,SAASL,EAAWG,EAAsB,SAAS,gBAAuB,CAC/E,MAAMC,EAAQD,EAAO,MAGrBC,EAAM,eAAeT,EAAmB,IAAI,EAC5CS,EAAM,eAAeT,EAAmB,IAAI,EAC5CS,EAAM,eAAeT,EAAmB,KAAK,EAC7CS,EAAM,eAAeT,EAAmB,KAAK,EAC7CS,EAAM,eAAeT,EAAmB,aAAa,EACrDS,EAAM,eAAeT,EAAmB,eAAe,CACzD,CAKO,SAASI,EAAqBI,EAAsB,SAAS,gBAA6B,CAC/F,MAAMG,EAAgB,iBAAiBH,CAAM,EAE7C,MAAO,CACL,KAAMG,EAAc,iBAAiBX,EAAmB,IAAI,EAAE,KAAK,GAAK,OACxE,KAAMW,EAAc,iBAAiBX,EAAmB,IAAI,EAAE,KAAK,GAAK,OACxE,MAAOW,EAAc,iBAAiBX,EAAmB,KAAK,EAAE,KAAK,GAAK,OAC1E,MAAOW,EAAc,iBAAiBX,EAAmB,KAAK,EAAE,KAAK,GAAK,OAC1E,cAAeW,EAAc,iBAAiBX,EAAmB,aAAa,EAAE,KAAK,GAAK,OAC1F,gBAAiBW,EAAc,iBAAiBX,EAAmB,eAAe,EAAE,KAAK,GAAK,MAChG,CACF",
6
6
  "names": ["font_config_exports", "__export", "FONT_CSS_VARIABLES", "FONT_STACKS", "applyFontConfig", "generateFontCSS", "getCurrentFontConfig", "resetFonts", "__toCommonJS", "config", "target", "style", "rules", "computedStyle"]
7
7
  }