@kushagradhawan/kookie-ui 0.1.71 → 0.1.72

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/shell.tsx"],
-  "sourcesContent": ["/**\n * Shell Component - Layout Engine + Chrome\n *\n * Philosophy:\n * - Shell = layout engine + chrome\n * - Manages layout state: expanded/collapsed, fixed/overlay, sizes\n * - Does not manage content/navigation state\n * - Provides unstyled primitives (slots, triggers)\n * - Enforces composition rules (Rail \u2194 Panel dependency, Sidebar exclusivity)\n *\n * Core Slots:\n * - Header: global top bar\n * - Rail: slim nav strip\n * - Panel: sidebar next to rail\n * - Sidebar: alternative to Rail+Panel (exclusive)\n * - Content: main work area\n * - Inspector: right-side panel\n * - Bottom: bottom panel\n *\n * Composition Rules:\n * - Rail + Panel: valid together (Rail collapse \u2192 Panel collapse)\n * - Sidebar: cannot coexist with Rail or Panel\n * - Content: always required\n * - Inspector/Bottom: optional, independent\n */\n'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport * as Sheet from './sheet.js';\nimport { VisuallyHidden } from './visually-hidden.js';\nimport { useResponsivePresentation, useResponsiveInitialState } from './shell.hooks.js';\nimport { PaneResizeContext } from './_internal/shell-resize.js';\nimport { PaneHandle, PanelHandle } from './_internal/shell-handles.js';\nimport { omitPaneProps, extractPaneDomProps, mapResponsiveBooleanToPaneMode } from './_internal/shell-prop-helpers.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, PaneBaseProps } 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\nconst SHELL_SLOT = Symbol('rtShellSlot');\n\nfunction assignShellSlot<T extends React.ComponentType<any>>(component: T, slot: string): T {\n  (component as any)[SHELL_SLOT] = slot;\n  return component;\n}\n\nfunction isShellComponent(element: React.ReactElement, component: any): boolean {\n  if (!React.isValidElement(element)) return false;\n  const type: any = element.type;\n  if (type === component) return true;\n  const targetSlot = (component as any)?.[SHELL_SLOT];\n  return Boolean(type?.[SHELL_SLOT] && targetSlot && type[SHELL_SLOT] === targetSlot);\n}\n\n// Tag imported slot components so isType remains stable after minification\nassignShellSlot(Sidebar as any, 'Shell.Sidebar');\nassignShellSlot(Inspector as any, 'Shell.Inspector');\nassignShellSlot(Bottom as any, 'Shell.Bottom');\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  const hasInspectorDefaultOpen = initialChildren.some((el) => React.isValidElement(el) && (el as any).type?.displayName === 'Shell.Inspector' && Boolean((el as any).props?.defaultOpen));\n  const hasInspectorOpenControlled = initialChildren.some(\n    (el) => React.isValidElement(el) && (el as any).type?.displayName === 'Shell.Inspector' && typeof (el as any).props?.open !== 'undefined' && Boolean((el as any).props?.open),\n  );\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: hasInspectorDefaultOpen || hasInspectorOpenControlled ? 'expanded' : '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}) as PanelComponent;\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)\ntype PaneProps = PaneBaseProps;\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  mode?: never;\n  defaultMode?: never;\n  onModeChange?: never;\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_DOM_OMIT_PROPS = ['open', 'defaultOpen', 'onOpenChange', 'mode', 'defaultMode', 'onModeChange'] as const;\n\nconst Left = React.forwardRef<HTMLDivElement, LeftProps>((initialProps, ref) => {\n  const { className, presentation = { initial: 'fixed', sm: 'fixed' }, collapsible: _collapsible = true, onExpand, onCollapse, children, style, ...restProps } = initialProps;\n  const propsOpen = restProps.open;\n  const propsDefaultOpen = restProps.defaultOpen;\n  const propsOnOpenChange = restProps.onOpenChange;\n  const domProps = omitPaneProps(restProps, LEFT_DOM_OMIT_PROPS);\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 lastLeftModeRef = React.useRef<PaneMode | null>(null);\n  const initNotifiedRef = React.useRef(false);\n  const normalizedLeftControlled = React.useMemo(() => {\n    if (typeof propsOpen === 'undefined') return undefined;\n    return propsOpen ? 'expanded' : 'collapsed';\n  }, [propsOpen]);\n  const normalizedLeftDefault = React.useMemo(() => mapResponsiveBooleanToPaneMode(propsDefaultOpen), [propsDefaultOpen]);\n  useResponsiveInitialState<PaneMode>({\n    controlledValue: normalizedLeftControlled,\n    defaultValue: normalizedLeftDefault,\n    currentValue: shell.leftMode,\n    setValue: shell.setLeftMode,\n    breakpointReady: shell.currentBreakpointReady,\n    onInit: (initial) => propsOnOpenChange?.(initial === 'expanded', { reason: 'init' }),\n  });\n\n  // Emit mode changes (uncontrolled toggles + init)\n  React.useEffect(() => {\n    if (typeof propsOpen !== 'undefined') return; // controlled, notifications only via parent changes\n    if (lastLeftModeRef.current !== null && lastLeftModeRef.current !== shell.leftMode) {\n      propsOnOpenChange?.(shell.leftMode === 'expanded', { reason: 'toggle' });\n    }\n    lastLeftModeRef.current = shell.leftMode;\n  }, [shell, propsOnOpenChange, propsOpen]);\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    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        data-open={open || undefined}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  // Strip control/legacy props from DOM spread\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});\nLeft.displayName = 'Shell.Left';\nassignShellSlot(Left as any, 'Shell.Left');\n\nconst Rail = React.forwardRef<HTMLDivElement, RailProps>((initialProps, ref) => {\n  const { className, presentation, expandedSize = 64, collapsible, onExpand, onCollapse, children, style, open, defaultOpen, onOpenChange, ...domProps } = initialProps;\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 open !== 'undefined' && typeof 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 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  }, [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  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';\nassignShellSlot(Rail as any, '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_DOM_PROP_KEYS = [\n  'className',\n  'children',\n  'defaultOpen',\n  'open',\n  'onOpenChange',\n  'size',\n  'defaultSize',\n  'onSizeChange',\n  'sizeUpdate',\n  'sizeUpdateMs',\n  'style',\n] as const satisfies readonly (keyof PanelPublicProps)[];\n\nconst Panel = assignShellSlot(\n  React.forwardRef<HTMLDivElement, PanelPublicProps>((initialProps, ref) => {\n    const {\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    } = initialProps;\n    const panelDomProps = extractPaneDomProps(initialProps, PANEL_DOM_PROP_KEYS);\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    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  'Shell.Panel',\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';\nassignShellSlot(Content as any, 'Shell.Content');\n\n// Inspector moved to ./_internal/shell-inspector\n\n// Bottom\n// Bottom moved to ./_internal/shell-bottom\n// (Bottom implementation extracted)\n\n// Trigger\n// PaneTarget type moved to shell.types.ts\ntype TriggerAction = 'toggle' | 'expand' | 'collapse';\n\ninterface TriggerProps extends React.ComponentPropsWithoutRef<'button'> {\n  target: PaneTarget;\n  action?: TriggerAction;\n  /**\n   * Whether to show peek preview on hover when the target pane is collapsed.\n   * Defaults to false.\n   */\n  peekOnHover?: boolean;\n}\n\nconst Trigger = React.forwardRef<HTMLButtonElement, TriggerProps>(({ target, action = 'toggle', peekOnHover, onClick, onMouseEnter, onMouseLeave, children, ...props }, ref) => {\n  const shell = useShell();\n\n  const handleClick = React.useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      onClick?.(event);\n\n      // Clear any active peek on this target before toggling to avoid sticky peek state\n      if ((shell as any).peekTarget === target) {\n        shell.clearPeek();\n      }\n\n      switch (action) {\n        case 'toggle':\n          shell.togglePane(target);\n          break;\n        case 'expand':\n          shell.expandPane(target);\n          break;\n        case 'collapse':\n          shell.collapsePane(target);\n          break;\n      }\n    },\n    [shell, target, action, onClick],\n  );\n\n  const isCollapsed = (() => {\n    switch (target) {\n      case 'left':\n      case 'rail':\n        return shell.leftMode === 'collapsed';\n      case 'panel':\n        return shell.leftMode === 'collapsed' || shell.panelMode === 'collapsed';\n      case 'sidebar':\n        return shell.sidebarMode === 'collapsed';\n      case 'inspector':\n        return shell.inspectorMode === 'collapsed';\n      case 'bottom':\n        return shell.bottomMode === 'collapsed';\n    }\n  })();\n\n  const handleMouseEnter = React.useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      onMouseEnter?.(event);\n      if (!peekOnHover || !isCollapsed) return;\n      // Use the actual target for peek behavior (not mapped to left)\n      shell.peekPane(target);\n    },\n    [onMouseEnter, peekOnHover, isCollapsed, shell, target],\n  );\n\n  const handleMouseLeave = React.useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      onMouseLeave?.(event);\n      if (!peekOnHover) return;\n      if ((shell as any).peekTarget === target) {\n        shell.clearPeek();\n      }\n    },\n    [onMouseLeave, peekOnHover, shell, target],\n  );\n\n  return (\n    <button {...props} ref={ref} onClick={handleClick} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave} data-shell-trigger={target} data-shell-action={action}>\n      {children}\n    </button>\n  );\n});\nTrigger.displayName = 'Shell.Trigger';\n\n// Exports\nexport {\n  Root,\n  Header,\n  Left,\n  Rail,\n  Panel,\n  Sidebar,\n  Content,\n  Inspector,\n  Bottom,\n  Trigger,\n  useShell,\n  useResponsivePresentation,\n  type PaneMode,\n  type SidebarMode,\n  type ResponsivePresentation,\n  type PaneTarget,\n  type TriggerAction,\n};\n"],
-  "mappings": "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",
-  "names": ["React", "classNames", "Sheet", "VisuallyHidden", "useResponsivePresentation", "useResponsiveInitialState", "PaneResizeContext", "PaneHandle", "PanelHandle", "omitPaneProps", "extractPaneDomProps", "mapResponsiveBooleanToPaneMode", "Sidebar", "Bottom", "Inspector", "_BREAKPOINTS", "ShellProvider", "useShell", "LeftModeContext", "PanelModeContext", "SidebarModeContext", "InspectorModeContext", "BottomModeContext", "PresentationContext", "PeekContext", "ActionsContext", "CompositionContext", "useBreakpoint", "currentBp", "setCurrentBp", "ready", "setReady", "mqls", "k", "q", "compute", "matched", "m", "next", "cleanups", "mm", "fn", "SHELL_SLOT", "assignShellSlot", "component", "slot", "isShellComponent", "element", "type", "targetSlot", "paneReducer", "state", "action", "Root", "className", "children", "height", "props", "ref", "currentBreakpoint", "currentBreakpointReady", "initialChildren", "hasPanelDefaultOpen", "el", "hasRailDefaultOpen", "hasInspectorDefaultOpen", "hasInspectorOpenControlled", "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", "Rail", "Panel", "hasSidebarChildren", "togglePane", "target", "expandPane", "collapsePane", "baseContextValue", "headerEls", "Header", "railEls", "panelEls", "sidebarEls", "contentEls", "Content", "inspectorEls", "bottomEls", "firstRailOpen", "heightStyle", "peekTarget", "setPeekTarget", "peekPane", "clearPeek", "presentationCtxValue", "leftModeCtxValue", "panelModeCtxValue", "sidebarModeCtxValue", "inspectorModeCtxValue", "bottomModeCtxValue", "compositionCtxValue", "peekCtxValue", "actionsCtxValue", "firstRail", "passthroughProps", "Left", "style", "LEFT_DOM_OMIT_PROPS", "initialProps", "presentation", "_collapsible", "onExpand", "onCollapse", "restProps", "propsOpen", "propsDefaultOpen", "propsOnOpenChange", "domProps", "shell", "resolvedPresentation", "isOverlay", "isStacked", "localRef", "setRef", "node", "lastLeftModeRef", "initNotifiedRef", "normalizedLeftControlled", "normalizedLeftDefault", "initial", "_isExpanded", "open", "railEl", "panelEl", "railSize", "panelSize", "hasRail", "hasPanel", "overlayPx", "o", "_railSize", "_panelSize", "_hasRail", "_includePanel", "expandedSize", "collapsible", "defaultOpen", "onOpenChange", "wasControlledRef", "isControlled", "isExpanded", "PANEL_DOM_PROP_KEYS", "defaultSize", "minSize", "maxSize", "resizable", "onResize", "onResizeStart", "onResizeEnd", "snapPoints", "snapTolerance", "collapseThreshold", "paneId", "persistence", "onSizeChange", "sizeUpdate", "sizeUpdateMs", "panelDomProps", "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", "Trigger", "peekOnHover", "onClick", "onMouseEnter", "onMouseLeave", "handleClick", "event", "isCollapsed", "handleMouseEnter", "handleMouseLeave"]
+  "sourcesContent": ["/**\n * Shell Component - Layout Engine + Chrome\n *\n * Philosophy:\n * - Shell = layout engine + chrome\n * - Manages layout state: expanded/collapsed, fixed/overlay, sizes\n * - Does not manage content/navigation state\n * - Provides unstyled primitives (slots, triggers)\n * - Enforces composition rules (Rail \u2194 Panel dependency, Sidebar exclusivity)\n *\n * Core Slots:\n * - Header: global top bar\n * - Rail: slim nav strip\n * - Panel: sidebar next to rail\n * - Sidebar: alternative to Rail+Panel (exclusive)\n * - Content: main work area\n * - Inspector: right-side panel\n * - Bottom: bottom panel\n *\n * Composition Rules:\n * - Rail + Panel: valid together (Rail collapse \u2192 Panel collapse)\n * - Sidebar: cannot coexist with Rail or Panel\n * - Content: always required\n * - Inspector/Bottom: optional, independent\n */\n'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport * as Sheet from './sheet.js';\nimport { VisuallyHidden } from './visually-hidden.js';\nimport { useResponsivePresentation, useResponsiveInitialState } from './shell.hooks.js';\nimport { PaneResizeContext } from './_internal/shell-resize.js';\nimport { PaneHandle, PanelHandle } from './_internal/shell-handles.js';\nimport { omitPaneProps, extractPaneDomProps, mapResponsiveBooleanToPaneMode } from './_internal/shell-prop-helpers.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, PaneBaseProps } 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\nconst SHELL_SLOT = Symbol('rtShellSlot');\n\nfunction assignShellSlot<T extends React.ComponentType<any>>(component: T, slot: string): T {\n  (component as any)[SHELL_SLOT] = slot;\n  return component;\n}\n\nfunction isShellComponent(element: React.ReactElement, component: any): boolean {\n  if (!React.isValidElement(element)) return false;\n  const type: any = element.type;\n  if (type === component) return true;\n  const targetSlot = (component as any)?.[SHELL_SLOT];\n  return Boolean(type?.[SHELL_SLOT] && targetSlot && type[SHELL_SLOT] === targetSlot);\n}\n\n// Tag imported slot components so isType remains stable after minification\nassignShellSlot(Sidebar as any, 'Shell.Sidebar');\nassignShellSlot(Inspector as any, 'Shell.Inspector');\nassignShellSlot(Bottom as any, 'Shell.Bottom');\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  const hasInspectorDefaultOpen = initialChildren.some((el) => React.isValidElement(el) && (el as any).type?.displayName === 'Shell.Inspector' && Boolean((el as any).props?.defaultOpen));\n  const hasInspectorOpenControlled = initialChildren.some(\n    (el) => React.isValidElement(el) && (el as any).type?.displayName === 'Shell.Inspector' && typeof (el as any).props?.open !== 'undefined' && Boolean((el as any).props?.open),\n  );\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: hasInspectorDefaultOpen || hasInspectorOpenControlled ? 'expanded' : '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  // Memoized full context value for ShellProvider to prevent unnecessary effect re-runs\n  const shellContextValue = React.useMemo(\n    () => ({\n      ...baseContextValue,\n      peekTarget,\n      setPeekTarget,\n      peekPane,\n      clearPeek,\n    }),\n    [baseContextValue, peekTarget, setPeekTarget, peekPane, clearPeek],\n  );\n\n  return (\n    <div {...props} ref={ref} className={classNames('rt-ShellRoot', className)} style={{ ...heightStyle, ...props.style }}>\n      <ShellProvider value={shellContextValue}>\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}) as PanelComponent;\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)\ntype PaneProps = PaneBaseProps;\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  mode?: never;\n  defaultMode?: never;\n  onModeChange?: never;\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_DOM_OMIT_PROPS = ['open', 'defaultOpen', 'onOpenChange', 'mode', 'defaultMode', 'onModeChange'] as const;\n\nconst Left = React.forwardRef<HTMLDivElement, LeftProps>((initialProps, ref) => {\n  const { className, presentation = { initial: 'fixed', sm: 'fixed' }, collapsible: _collapsible = true, onExpand, onCollapse, children, style, ...restProps } = initialProps;\n  const propsOpen = restProps.open;\n  const propsDefaultOpen = restProps.defaultOpen;\n  const propsOnOpenChange = restProps.onOpenChange;\n  const domProps = omitPaneProps(restProps, LEFT_DOM_OMIT_PROPS);\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 lastLeftModeRef = React.useRef<PaneMode | null>(null);\n  const initNotifiedRef = React.useRef(false);\n  const normalizedLeftControlled = React.useMemo(() => {\n    if (typeof propsOpen === 'undefined') return undefined;\n    return propsOpen ? 'expanded' : 'collapsed';\n  }, [propsOpen]);\n  const normalizedLeftDefault = React.useMemo(() => mapResponsiveBooleanToPaneMode(propsDefaultOpen), [propsDefaultOpen]);\n  useResponsiveInitialState<PaneMode>({\n    controlledValue: normalizedLeftControlled,\n    defaultValue: normalizedLeftDefault,\n    currentValue: shell.leftMode,\n    setValue: shell.setLeftMode,\n    breakpointReady: shell.currentBreakpointReady,\n    onInit: (initial) => propsOnOpenChange?.(initial === 'expanded', { reason: 'init' }),\n  });\n\n  // Emit mode changes (uncontrolled toggles + init)\n  React.useEffect(() => {\n    if (typeof propsOpen !== 'undefined') return; // controlled, notifications only via parent changes\n    if (lastLeftModeRef.current !== null && lastLeftModeRef.current !== shell.leftMode) {\n      propsOnOpenChange?.(shell.leftMode === 'expanded', { reason: 'toggle' });\n    }\n    lastLeftModeRef.current = shell.leftMode;\n  }, [shell, propsOnOpenChange, propsOpen]);\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    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        data-open={open || undefined}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  // Strip control/legacy props from DOM spread\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});\nLeft.displayName = 'Shell.Left';\nassignShellSlot(Left as any, 'Shell.Left');\n\nconst Rail = React.forwardRef<HTMLDivElement, RailProps>((initialProps, ref) => {\n  const { className, presentation, expandedSize = 64, collapsible, onExpand, onCollapse, children, style, open, defaultOpen, onOpenChange, ...domProps } = initialProps;\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 open !== 'undefined' && typeof 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 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  }, [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  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';\nassignShellSlot(Rail as any, '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_DOM_PROP_KEYS = [\n  'className',\n  'children',\n  'defaultOpen',\n  'open',\n  'onOpenChange',\n  'size',\n  'defaultSize',\n  'onSizeChange',\n  'sizeUpdate',\n  'sizeUpdateMs',\n  'style',\n] as const satisfies readonly (keyof PanelPublicProps)[];\n\nconst Panel = assignShellSlot(\n  React.forwardRef<HTMLDivElement, PanelPublicProps>((initialProps, ref) => {\n    const {\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    } = initialProps;\n    const panelDomProps = extractPaneDomProps(initialProps, PANEL_DOM_PROP_KEYS);\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    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  'Shell.Panel',\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';\nassignShellSlot(Content as any, 'Shell.Content');\n\n// Inspector moved to ./_internal/shell-inspector\n\n// Bottom\n// Bottom moved to ./_internal/shell-bottom\n// (Bottom implementation extracted)\n\n// Trigger\n// PaneTarget type moved to shell.types.ts\ntype TriggerAction = 'toggle' | 'expand' | 'collapse';\n\ninterface TriggerProps extends React.ComponentPropsWithoutRef<'button'> {\n  target: PaneTarget;\n  action?: TriggerAction;\n  /**\n   * Whether to show peek preview on hover when the target pane is collapsed.\n   * Defaults to false.\n   */\n  peekOnHover?: boolean;\n}\n\nconst Trigger = React.forwardRef<HTMLButtonElement, TriggerProps>(({ target, action = 'toggle', peekOnHover, onClick, onMouseEnter, onMouseLeave, children, ...props }, ref) => {\n  const shell = useShell();\n\n  const handleClick = React.useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      onClick?.(event);\n\n      // Clear any active peek on this target before toggling to avoid sticky peek state\n      if ((shell as any).peekTarget === target) {\n        shell.clearPeek();\n      }\n\n      switch (action) {\n        case 'toggle':\n          shell.togglePane(target);\n          break;\n        case 'expand':\n          shell.expandPane(target);\n          break;\n        case 'collapse':\n          shell.collapsePane(target);\n          break;\n      }\n    },\n    [shell, target, action, onClick],\n  );\n\n  const isCollapsed = (() => {\n    switch (target) {\n      case 'left':\n      case 'rail':\n        return shell.leftMode === 'collapsed';\n      case 'panel':\n        return shell.leftMode === 'collapsed' || shell.panelMode === 'collapsed';\n      case 'sidebar':\n        return shell.sidebarMode === 'collapsed';\n      case 'inspector':\n        return shell.inspectorMode === 'collapsed';\n      case 'bottom':\n        return shell.bottomMode === 'collapsed';\n    }\n  })();\n\n  const handleMouseEnter = React.useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      onMouseEnter?.(event);\n      if (!peekOnHover || !isCollapsed) return;\n      // Use the actual target for peek behavior (not mapped to left)\n      shell.peekPane(target);\n    },\n    [onMouseEnter, peekOnHover, isCollapsed, shell, target],\n  );\n\n  const handleMouseLeave = React.useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      onMouseLeave?.(event);\n      if (!peekOnHover) return;\n      if ((shell as any).peekTarget === target) {\n        shell.clearPeek();\n      }\n    },\n    [onMouseLeave, peekOnHover, shell, target],\n  );\n\n  return (\n    <button {...props} ref={ref} onClick={handleClick} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave} data-shell-trigger={target} data-shell-action={action}>\n      {children}\n    </button>\n  );\n});\nTrigger.displayName = 'Shell.Trigger';\n\n// Exports\nexport {\n  Root,\n  Header,\n  Left,\n  Rail,\n  Panel,\n  Sidebar,\n  Content,\n  Inspector,\n  Bottom,\n  Trigger,\n  useShell,\n  useResponsivePresentation,\n  type PaneMode,\n  type SidebarMode,\n  type ResponsivePresentation,\n  type PaneTarget,\n  type TriggerAction,\n};\n"],
+  "mappings": "aA2BA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,UAAYC,OAAW,aACvB,OAAS,kBAAAC,OAAsB,uBAC/B,OAAS,6BAAAC,GAA2B,6BAAAC,OAAiC,mBACrE,OAAS,qBAAAC,OAAyB,8BAClC,OAAS,cAAAC,GAAY,eAAAC,OAAmB,+BACxC,OAAS,iBAAAC,GAAe,uBAAAC,GAAqB,kCAAAC,OAAsC,oCACnF,OAAS,WAAAC,OAAe,+BACxB,OAAS,UAAAC,OAAc,8BACvB,OAAS,aAAAC,OAAiB,iCAE1B,OAAS,gBAAAC,OAAoB,mBAC7B,OACE,iBAAAC,GACA,YAAAC,GACA,mBAAAC,GACA,oBAAAC,GACA,sBAAAC,GACA,wBAAAC,GACA,qBAAAC,GACA,uBAAAC,GACA,eAAAC,GACA,kBAAAC,GACA,sBAAAC,OACK,qBAmBP,SAASC,IAAoD,CAC3D,KAAM,CAACC,EAAWC,CAAY,EAAI7B,EAAM,SAAqB,SAAS,EAChE,CAAC8B,EAAOC,CAAQ,EAAI/B,EAAM,SAAS,EAAK,EAE9C,OAAAA,EAAM,UAAU,IAAM,CACpB,GAAI,OAAO,OAAW,IAAa,OAGnC,MAAMgC,EAD6D,OAAO,QAAQjB,EAAY,EACzE,IAAI,CAAC,CAACkB,EAAGC,CAAC,IAAM,CAACD,EAAG,OAAO,WAAWC,CAAC,CAAC,CAAU,EAEjEC,EAAU,IAAM,CAEpB,MAAMC,EAAUJ,EAAK,OAAO,CAAC,CAAC,CAAEK,CAAC,IAAMA,EAAE,OAAO,EAAE,IAAI,CAAC,CAACJ,CAAC,IAAMA,CAAC,EAC1DK,EAAQF,EAAQA,EAAQ,OAAS,CAAC,GAAgC,UACxEP,EAAaS,CAAI,EACjBP,EAAS,EAAI,CACf,EAEAI,EAAQ,EACR,MAAMI,EAA8B,CAAC,EACrC,OAAAP,EAAK,QAAQ,CAAC,CAAC,CAAEK,CAAC,IAAM,CACtB,MAAMG,EAAKH,EAMP,OAAOG,EAAG,kBAAqB,YAAc,OAAOA,EAAG,qBAAwB,YACjFA,EAAG,iBAAiB,SAAUL,CAAc,EAC5CI,EAAS,KAAK,IAAMC,EAAG,sBAAsB,SAAUL,CAAc,CAAC,GAC7D,OAAOK,EAAG,aAAgB,YAAc,OAAOA,EAAG,gBAAmB,aAC9EA,EAAG,YAAYL,CAAc,EAC7BI,EAAS,KAAK,IAAMC,EAAG,iBAAiBL,CAAc,CAAC,EAE3D,CAAC,EAEM,IAAM,CACXI,EAAS,QAASE,GAAO,CACvB,GAAI,CACFA,EAAG,CACL,MAAQ,CAAC,CACX,CAAC,CACH,CACF,EAAG,CAAC,CAAC,EAEE,CAAE,GAAIb,EAAW,MAAAE,CAAM,CAChC,CAqBA,MAAMY,GAAa,OAAO,aAAa,EAEvC,SAASC,EAAoDC,EAAcC,EAAiB,CAC1F,OAACD,EAAkBF,EAAU,EAAIG,EAC1BD,CACT,CAEA,SAASE,GAAiBC,EAA6BH,EAAyB,CAC9E,GAAI,CAAC5C,EAAM,eAAe+C,CAAO,EAAG,MAAO,GAC3C,MAAMC,EAAYD,EAAQ,KAC1B,GAAIC,IAASJ,EAAW,MAAO,GAC/B,MAAMK,EAAcL,IAAoBF,EAAU,EAClD,MAAO,GAAQM,IAAON,EAAU,GAAKO,GAAcD,EAAKN,EAAU,IAAMO,EAC1E,CAGAN,EAAgB/B,GAAgB,eAAe,EAC/C+B,EAAgB7B,GAAkB,iBAAiB,EACnD6B,EAAgB9B,GAAe,cAAc,EAE7C,SAASqC,GAAYC,EAAkBC,EAA+B,CACpE,OAAQA,EAAO,KAAM,CACnB,IAAK,gBAEH,OAAIA,EAAO,OAAS,YACX,CAAE,GAAGD,EAAO,SAAU,YAAa,UAAW,WAAY,EAE5D,CAAE,GAAGA,EAAO,SAAUC,EAAO,IAAK,EAE3C,IAAK,iBAEH,OAAIA,EAAO,OAAS,YAAcD,EAAM,WAAa,WAC5C,CAAE,GAAGA,EAAO,SAAU,WAAY,UAAW,UAAW,EAE1D,CAAE,GAAGA,EAAO,UAAWC,EAAO,IAAK,EAE5C,IAAK,mBACH,MAAO,CAAE,GAAGD,EAAO,YAAaC,EAAO,IAAK,EAC9C,IAAK,qBACH,MAAO,CAAE,GAAGD,EAAO,cAAeC,EAAO,IAAK,EAChD,IAAK,kBACH,MAAO,CAAE,GAAGD,EAAO,WAAYC,EAAO,IAAK,EAC7C,IAAK,cAAe,CAClB,OAAQA,EAAO,OAAQ,CACrB,IAAK,OACL,IAAK,OACH,MAAO,CAAE,GAAGD,EAAO,SAAUA,EAAM,WAAa,WAAa,YAAc,WAAY,UAAWA,EAAM,WAAa,WAAa,YAAcA,EAAM,SAAU,EAClK,IAAK,QACH,OAAIA,EAAM,WAAa,YACd,CAAE,GAAGA,EAAO,SAAU,WAAY,UAAW,UAAW,EAE1D,CAAE,GAAGA,EAAO,UAAWA,EAAM,YAAc,WAAa,YAAc,UAAW,EAE1F,IAAK,UAAW,CAGd,MAAMb,EAAoBa,EAAM,cAAgB,YAAc,WAAaA,EAAM,cAAgB,WAAa,YAAc,WAC5H,MAAO,CAAE,GAAGA,EAAO,YAAab,CAAK,CACvC,CACA,IAAK,YACH,MAAO,CAAE,GAAGa,EAAO,cAAeA,EAAM,gBAAkB,WAAa,YAAc,UAAW,EAClG,IAAK,SACH,MAAO,CAAE,GAAGA,EAAO,WAAYA,EAAM,aAAe,WAAa,YAAc,UAAW,EAC5F,QACE,OAAOA,CACX,CAEA,OAAOA,CACT,CACA,IAAK,cAAe,CAClB,OAAQC,EAAO,OAAQ,CACrB,IAAK,OACL,IAAK,OACH,MAAO,CAAE,GAAGD,EAAO,SAAU,UAAW,EAC1C,IAAK,QACH,MAAO,CAAE,GAAGA,EAAO,SAAU,WAAY,UAAW,UAAW,EACjE,IAAK,UACH,MAAO,CAAE,GAAGA,EAAO,YAAa,UAAW,EAC7C,IAAK,YACH,MAAO,CAAE,GAAGA,EAAO,cAAe,UAAW,EAC/C,IAAK,SACH,MAAO,CAAE,GAAGA,EAAO,WAAY,UAAW,EAC5C,QACE,OAAOA,CACX,CAEA,OAAOA,CACT,CACA,IAAK,gBAAiB,CACpB,OAAQC,EAAO,OAAQ,CACrB,IAAK,OACL,IAAK,OACH,MAAO,CAAE,GAAGD,EAAO,SAAU,YAAa,UAAW,WAAY,EACnE,IAAK,QACH,MAAO,CAAE,GAAGA,EAAO,UAAW,WAAY,EAC5C,IAAK,UACH,MAAO,CAAE,GAAGA,EAAO,YAAa,WAAY,EAC9C,IAAK,YACH,MAAO,CAAE,GAAGA,EAAO,cAAe,WAAY,EAChD,IAAK,SACH,MAAO,CAAE,GAAGA,EAAO,WAAY,WAAY,EAC7C,QACE,OAAOA,CACX,CAEA,OAAOA,CACT,CACF,CACA,OAAOA,CACT,CAQA,MAAME,GAAOrD,EAAM,WAA2C,CAAC,CAAE,UAAAsD,EAAW,SAAAC,EAAU,OAAAC,EAAS,OAAQ,GAAGC,CAAM,EAAGC,IAAQ,CACzH,KAAM,CAAE,GAAIC,EAAmB,MAAOC,CAAuB,EAAIjC,GAAc,EAGzEkC,EAAkB7D,EAAM,SAAS,QAAQuD,CAAQ,EACjDO,EAAsBD,EAAgB,KAAME,GAAO/D,EAAM,eAAe+D,CAAE,GAAMA,EAAW,MAAM,cAAgB,eAAiB,EAASA,EAAW,OAAO,WAAY,EACzKC,EAAqBH,EAAgB,KAAME,GAAO/D,EAAM,eAAe+D,CAAE,GAAMA,EAAW,MAAM,cAAgB,cAAgB,EAASA,EAAW,OAAO,WAAY,EACvKE,EAA0BJ,EAAgB,KAAME,GAAO/D,EAAM,eAAe+D,CAAE,GAAMA,EAAW,MAAM,cAAgB,mBAAqB,EAASA,EAAW,OAAO,WAAY,EACjLG,EAA6BL,EAAgB,KAChDE,GAAO/D,EAAM,eAAe+D,CAAE,GAAMA,EAAW,MAAM,cAAgB,mBAAqB,OAAQA,EAAW,OAAO,KAAS,KAAe,EAASA,EAAW,OAAO,IAC1K,EAGM,CAACI,EAAWC,CAAY,EAAIpE,EAAM,WAAWkD,GAAa,CAC9D,SAAUY,GAAuBE,EAAqB,WAAa,YACnE,UAAWF,EAAsB,WAAa,YAC9C,YAAa,WACb,cAAeG,GAA2BC,EAA6B,WAAa,YACpF,WAAY,WACd,CAAC,EACKG,EAAcrE,EAAM,YAAasE,GAAmBF,EAAa,CAAE,KAAM,gBAAiB,KAAAE,CAAK,CAAC,EAAG,CAAC,CAAC,EACrGC,EAAevE,EAAM,YAAasE,GAAmBF,EAAa,CAAE,KAAM,iBAAkB,KAAAE,CAAK,CAAC,EAAG,CAAC,CAAC,EACvGE,EAAiBxE,EAAM,YAAasE,GAAsBF,EAAa,CAAE,KAAM,mBAAoB,KAAAE,CAAK,CAAC,EAAG,CAAC,CAAC,EAC9GG,EAAmBzE,EAAM,YAAasE,GAAmBF,EAAa,CAAE,KAAM,qBAAsB,KAAAE,CAAK,CAAC,EAAG,CAAC,CAAC,EAC/GI,EAAgB1E,EAAM,YAAasE,GAAmBF,EAAa,CAAE,KAAM,kBAAmB,KAAAE,CAAK,CAAC,EAAG,CAAC,CAAC,EAKzG,CAACK,EAASC,CAAU,EAAI5E,EAAM,SAAS,EAAK,EAC5C,CAAC6E,EAAYC,CAAa,EAAI9E,EAAM,SAAS,EAAK,EAGlD+E,EAA2B/E,EAAM,OAA+CgF,GAAaA,IAAY,YAAc,OAASA,IAAY,OAAS,WAAa,WAAY,EAC9KC,EAA2BjF,EAAM,YAAayC,GAA8C,CAChGsC,EAAyB,QAAUtC,CACrC,EAAG,CAAC,CAAC,EAKLzC,EAAM,UAAU,IAAM,CAChB6E,GAAcF,GAChB,QAAQ,KAAK,qFAAqF,CAEtG,EAAG,CAACE,EAAYF,CAAO,CAAC,EAGxB,KAAM,CAACO,EAAaC,CAAc,EAAInF,EAAM,SAAwC,MAAS,EACvFoF,EAAapF,EAAM,YAAaqF,GAAyBF,EAAeE,CAAC,EAAG,CAAC,CAAC,EAC9EC,EAAqBtF,EAAM,OAAe,EAAE,EAC5CuF,EAAsBvF,EAAM,OAAe,GAAG,EAC9CwF,EAAiBxF,EAAM,YAAayF,GAAiB,CACzDH,EAAmB,QAAUG,CAC/B,EAAG,CAAC,CAAC,EACCC,EAAkB1F,EAAM,YAAayF,GAAiB,CAC1DF,EAAoB,QAAUE,CAChC,EAAG,CAAC,CAAC,EAGCE,EAAkB3F,EAAM,QAAQ,IAAM,CAC1C,MAAM4F,EAAa5F,EAAM,SAAS,QAAQuD,CAAQ,EAC5CsC,EAAS,CAAC9B,EAAwB+B,KAAc9F,EAAM,eAAe+D,CAAE,IAAMA,EAAG,OAAS+B,IAAS/B,EAAW,MAAM,cAAgB+B,GAAK,aAC9I,OAAOF,EAAW,KAAM7B,GAAO8B,EAAO9B,EAAIgC,CAAI,GAAKF,EAAO9B,EAAIiC,CAAK,CAAC,CACtE,EAAG,CAACzC,CAAQ,CAAC,EAEP0C,EAAqBjG,EAAM,QAAQ,IAAM,CAC7C,MAAM4F,EAAa5F,EAAM,SAAS,QAAQuD,CAAQ,EAC5CsC,EAAS,CAAC9B,EAAwB+B,KAAc9F,EAAM,eAAe+D,CAAE,IAAMA,EAAG,OAAS+B,IAAS/B,EAAW,MAAM,cAAgB+B,GAAK,aAC9I,OAAOF,EAAW,KAAM7B,GAAO8B,EAAO9B,EAAInD,EAAO,CAAC,CACpD,EAAG,CAAC2C,CAAQ,CAAC,EAEP2C,EAAalG,EAAM,YACtBmG,GAAuB,CACtB,GAAIA,IAAW,UAAW,CACxB,MAAM7D,EAAOyC,EAAyB,QAAQZ,EAAU,WAA0B,EAClFK,EAAelC,CAAI,EACnB,MACF,CACA8B,EAAa,CAAE,KAAM,cAAe,OAAA+B,CAAO,CAAC,CAC9C,EACA,CAAChC,EAAU,YAAaK,CAAc,CACxC,EAEM4B,EAAapG,EAAM,YACtBmG,GAAuB,CACtB,GAAIA,IAAW,UAAW,OAAO3B,EAAe,UAAU,EAC1DJ,EAAa,CAAE,KAAM,cAAe,OAAA+B,CAAO,CAAC,CAC9C,EACA,CAAC3B,CAAc,CACjB,EAEM6B,EAAerG,EAAM,YACxBmG,GAAuB,CACtB,GAAIA,IAAW,UAAW,OAAO3B,EAAe,WAAW,EAC3DJ,EAAa,CAAE,KAAM,gBAAiB,OAAA+B,CAAO,CAAC,CAChD,EACA,CAAC3B,CAAc,CACjB,EAEM8B,GAAmBtG,EAAM,QAC7B,KAAO,CACL,SAAUmE,EAAU,SACpB,YAAAE,EACA,UAAWF,EAAU,UACrB,aAAAI,EACA,YAAaJ,EAAU,YACvB,eAAAK,EACA,cAAeL,EAAU,cACzB,iBAAAM,EACA,WAAYN,EAAU,WACtB,cAAAO,EACA,QAAAC,EACA,WAAAC,EACA,WAAAC,EACA,cAAAC,EACA,kBAAAnB,EACA,uBAAAC,EACA,yBAA0BsB,EAC1B,WAAAgB,EACA,WAAAE,EACA,aAAAC,EACA,yBAAApB,EACA,WAAAG,EACA,eAAAI,EACA,gBAAAE,CACF,GACA,CACEvB,EAAU,SACVE,EACAF,EAAU,UACVI,EACAJ,EAAU,YACVK,EACAL,EAAU,cACVM,EACAN,EAAU,WACVO,EACAC,EACAE,EACAlB,EACAC,EACAsB,EACAgB,EACAE,EACAC,EACApB,EACAG,EACAI,EACAE,CACF,CACF,EAGME,EAAa5F,EAAM,SAAS,QAAQuD,CAAQ,EAC5CsC,EAAS,CAAC9B,EAAwB+B,IAAc9F,EAAM,eAAe+D,CAAE,IAAMA,EAAG,OAAS+B,GAAS/B,EAAW,MAAM,cAAgB+B,EAAK,aAExIS,GAAYX,EAAW,OAAQ7B,GAAO8B,EAAO9B,EAAIyC,EAAM,CAAC,EACxDC,EAAUb,EAAW,OAAQ7B,GAAO8B,EAAO9B,EAAIgC,CAAI,CAAC,EACpDW,GAAWd,EAAW,OAAQ7B,GAAO8B,EAAO9B,EAAIiC,CAAK,CAAC,EACtDW,GAAaf,EAAW,OAAQ7B,GAAO8B,EAAO9B,EAAInD,EAAO,CAAC,EAC1DgG,EAAahB,EAAW,OAAQ7B,GAAO8B,EAAO9B,EAAI8C,EAAO,CAAC,EAC1DC,EAAelB,EAAW,OAAQ7B,GAAO8B,EAAO9B,EAAIjD,EAAS,CAAC,EAC9DiG,EAAYnB,EAAW,OAAQ7B,GAAO8B,EAAO9B,EAAIlD,EAAM,CAAC,EAGxDmG,EAAiBP,EAAQ,CAAC,GAAW,OAAO,KAClDzG,EAAM,UAAU,IAAM,CACpB,GAAI,OAAOgH,EAAkB,IAAa,OAE1C3C,EADmB,EAAQ2C,EACF,WAAa,WAAW,CACnD,EAAG,CAACA,EAAe3C,CAAW,CAAC,EAE/B,MAAM4C,EAAcjH,EAAM,QAAQ,IAC5BwD,IAAW,OAAe,CAAE,OAAQ,OAAQ,EAC5CA,IAAW,OAAe,CAAE,OAAQ,MAAO,EAC3C,OAAOA,GAAW,SAAiB,CAAE,OAAAA,CAAO,EAC5C,OAAOA,GAAW,SAAiB,CAAE,OAAQ,GAAGA,CAAM,IAAK,EACxD,CAAC,EACP,CAACA,CAAM,CAAC,EAGL,CAAC0D,EAAYC,EAAa,EAAInH,EAAM,SAA4B,IAAI,EACpEoH,GAAWpH,EAAM,YAAamG,GAAuBgB,GAAchB,CAAM,EAAG,CAAC,CAAC,EAC9EkB,GAAYrH,EAAM,YAAY,IAAMmH,GAAc,IAAI,EAAG,CAAC,CAAC,EAG3DG,GAAuBtH,EAAM,QAAQ,KAAO,CAAE,kBAAA2D,EAAmB,uBAAAC,EAAwB,yBAA0BsB,CAAY,GAAI,CAACvB,EAAmBC,EAAwBsB,CAAW,CAAC,EAC3LqC,GAAmBvH,EAAM,QAAQ,KAAO,CAAE,SAAUmE,EAAU,SAAU,YAAAE,CAAY,GAAI,CAACF,EAAU,SAAUE,CAAW,CAAC,EACzHmD,GAAoBxH,EAAM,QAAQ,KAAO,CAAE,UAAWmE,EAAU,UAAW,aAAAI,CAAa,GAAI,CAACJ,EAAU,UAAWI,CAAY,CAAC,EAC/HkD,GAAsBzH,EAAM,QAAQ,KAAO,CAAE,YAAamE,EAAU,YAAa,eAAAK,CAAe,GAAI,CAACL,EAAU,YAAaK,CAAc,CAAC,EAC3IkD,GAAwB1H,EAAM,QAAQ,KAAO,CAAE,cAAemE,EAAU,cAAe,iBAAAM,CAAiB,GAAI,CAACN,EAAU,cAAeM,CAAgB,CAAC,EACvJkD,GAAqB3H,EAAM,QAAQ,KAAO,CAAE,WAAYmE,EAAU,WAAY,cAAAO,CAAc,GAAI,CAACP,EAAU,WAAYO,CAAa,CAAC,EACrIkD,GAAsB5H,EAAM,QAAQ,KAAO,CAAE,QAAA2E,EAAS,WAAAC,EAAY,WAAAC,EAAY,cAAAC,CAAc,GAAI,CAACH,EAASC,EAAYC,EAAYC,CAAa,CAAC,EAChJ+C,GAAe7H,EAAM,QAAQ,KAAO,CAAE,WAAAkH,EAAY,cAAAC,GAAe,SAAAC,GAAU,UAAAC,EAAU,GAAI,CAACH,EAAYC,GAAeC,GAAUC,EAAS,CAAC,EACzIS,GAAkB9H,EAAM,QAAQ,KAAO,CAAE,WAAAkG,EAAY,WAAAE,EAAY,aAAAC,EAAc,yBAAApB,CAAyB,GAAI,CAACiB,EAAYE,EAAYC,EAAcpB,CAAwB,CAAC,EAG5K8C,GAAoB/H,EAAM,QAC9B,KAAO,CACL,GAAGsG,GACH,WAAAY,EACA,cAAAC,GACA,SAAAC,GACA,UAAAC,EACF,GACA,CAACf,GAAkBY,EAAYC,GAAeC,GAAUC,EAAS,CACnE,EAEA,OACErH,EAAA,cAAC,OAAK,GAAGyD,EAAO,IAAKC,EAAK,UAAWzD,EAAW,eAAgBqD,CAAS,EAAG,MAAO,CAAE,GAAG2D,EAAa,GAAGxD,EAAM,KAAM,GAClHzD,EAAA,cAACgB,GAAA,CAAc,MAAO+G,IACpB/H,EAAA,cAACuB,GAAoB,SAApB,CAA6B,MAAO+F,IACnCtH,EAAA,cAACkB,GAAgB,SAAhB,CAAyB,MAAOqG,IAC/BvH,EAAA,cAACmB,GAAiB,SAAjB,CAA0B,MAAOqG,IAChCxH,EAAA,cAACoB,GAAmB,SAAnB,CAA4B,MAAOqG,IAClCzH,EAAA,cAACqB,GAAqB,SAArB,CAA8B,MAAOqG,IACpC1H,EAAA,cAACsB,GAAkB,SAAlB,CAA2B,MAAOqG,IACjC3H,EAAA,cAAC0B,GAAmB,SAAnB,CAA4B,MAAOkG,IAClC5H,EAAA,cAACwB,GAAY,SAAZ,CAAqB,MAAOqG,IAC3B7H,EAAA,cAACyB,GAAe,SAAf,CAAwB,MAAOqG,IAC7BvB,GACDvG,EAAA,cAAC,OACC,UAAU,eACV,mBAAkBkH,GAAc,OAChC,MACEA,IAAe,QAAUA,IAAe,QACnC,CACE,oBAA6B,GAAG5B,EAAmB,OAAO,IAC7D,EACA,QAGLK,GAAmB,CAACM,GAChB,IAAM,CACL,MAAM+B,EAAYvB,EAAQ,CAAC,EACrBwB,EAAmBD,EACrB,CAEE,aAAcA,EAAU,OAAO,aAC/B,KAAMA,EAAU,OAAO,KACvB,YAAaA,EAAU,OAAO,YAC9B,aAAcA,EAAU,OAAO,aAC/B,YAAaA,EAAU,OAAO,YAC9B,SAAUA,EAAU,OAAO,SAC3B,WAAYA,EAAU,OAAO,UAC/B,EACA,CAAE,YAAalE,EAAsB,GAAO,MAAU,EAC1D,OACE9D,EAAA,cAACkI,GAAA,CAAM,GAAID,GACRxB,EACAC,EACH,CAEJ,GAAG,EACHC,GACHC,EACAE,CACH,EACCC,CACH,CACF,CACF,CACF,CACF,CACF,CACF,CACF,CACF,CACF,CACF,CAEJ,CAAC,EACD1D,GAAK,YAAc,aAOnB,MAAMmD,GAASxG,EAAM,WAA0C,CAAC,CAAE,UAAAsD,EAAW,OAAAE,EAAS,GAAI,MAAA2E,EAAO,GAAG1E,CAAM,EAAGC,IAC3G1D,EAAA,cAAC,UACE,GAAGyD,EACJ,IAAKC,EACL,UAAWzD,EAAW,iBAAkBqD,CAAS,EACjD,MAAO,CACL,GAAG6E,EACF,wBAAiC,GAAG3E,CAAM,IAC7C,EACF,CACD,EACDgD,GAAO,YAAc,eAmCrB,MAAM4B,GAAsB,CAAC,OAAQ,cAAe,eAAgB,OAAQ,cAAe,cAAc,EAEnGF,GAAOlI,EAAM,WAAsC,CAACqI,EAAc3E,IAAQ,CAC9E,KAAM,CAAE,UAAAJ,EAAW,aAAAgF,EAAe,CAAE,QAAS,QAAS,GAAI,OAAQ,EAAG,YAAaC,EAAe,GAAM,SAAAC,EAAU,WAAAC,EAAY,SAAAlF,EAAU,MAAA4E,EAAO,GAAGO,CAAU,EAAIL,EACzJM,EAAYD,EAAU,KACtBE,EAAmBF,EAAU,YAC7BG,EAAoBH,EAAU,aAC9BI,EAAWrI,GAAciI,EAAWN,EAAmB,EACvDW,EAAQ9H,GAAS,EACjB+H,EAAuB5I,GAA0BkI,CAAY,EAC7DW,EAAYD,IAAyB,UACrCE,EAAYF,IAAyB,UACrCG,EAAWnJ,EAAM,OAA8B,IAAI,EAEzDA,EAAM,UAAU,IAAM,CACnB+I,EAAc,aAAaC,CAAoB,CAClD,EAAG,CAACD,EAAOC,CAAoB,CAAC,EAChC,MAAMI,EAASpJ,EAAM,YAClBqJ,GAAgC,CAC/BF,EAAS,QAAUE,EACf,OAAO3F,GAAQ,WAAYA,EAAI2F,CAAI,EAC9B3F,IAAMA,EAAsD,QAAU2F,EACjF,EACA,CAAC3F,CAAG,CACN,EAGA1D,EAAM,UAAU,KACd+I,EAAM,WAAW,EAAI,EACd,IAAMA,EAAM,WAAW,EAAK,GAClC,CAACA,CAAK,CAAC,EAEV,MAAMO,EAAkBtJ,EAAM,OAAwB,IAAI,EACpDuJ,EAAkBvJ,EAAM,OAAO,EAAK,EACpCwJ,EAA2BxJ,EAAM,QAAQ,IAAM,CACnD,GAAI,SAAO2I,EAAc,KACzB,OAAOA,EAAY,WAAa,WAClC,EAAG,CAACA,CAAS,CAAC,EACRc,EAAwBzJ,EAAM,QAAQ,IAAMW,GAA+BiI,CAAgB,EAAG,CAACA,CAAgB,CAAC,EACtHvI,GAAoC,CAClC,gBAAiBmJ,EACjB,aAAcC,EACd,aAAcV,EAAM,SACpB,SAAUA,EAAM,YAChB,gBAAiBA,EAAM,uBACvB,OAASW,GAAYb,IAAoBa,IAAY,WAAY,CAAE,OAAQ,MAAO,CAAC,CACrF,CAAC,EAGD1J,EAAM,UAAU,IAAM,CAChB,OAAO2I,EAAc,MACrBW,EAAgB,UAAY,MAAQA,EAAgB,UAAYP,EAAM,UACxEF,IAAoBE,EAAM,WAAa,WAAY,CAAE,OAAQ,QAAS,CAAC,EAEzEO,EAAgB,QAAUP,EAAM,SAClC,EAAG,CAACA,EAAOF,EAAmBF,CAAS,CAAC,EAGxC3I,EAAM,UAAU,IAAM,CAChB+I,EAAM,WAAa,WACrBP,IAAW,EAEXC,IAAa,CAEjB,EAAG,CAACM,EAAM,SAAUP,EAAUC,CAAU,CAAC,EAEzC,MAAMkB,EAAcZ,EAAM,WAAa,WAIvC,GAAIE,EAAW,CACb,MAAMW,EAAOb,EAAM,WAAa,WAE1BnD,EAAa5F,EAAM,SAAS,QAAQuD,CAAQ,EAC5CsC,EAAS,CAAC9B,EAAwB+B,IAAc9F,EAAM,eAAe+D,CAAE,GAAKA,EAAG,OAAS+B,EACxF+D,EAASjE,EAAW,KAAM7B,GAAO8B,EAAO9B,EAAIgC,CAAI,CAAC,EACjD+D,EAAUlE,EAAW,KAAM7B,GAAO8B,EAAO9B,EAAIiC,CAAK,CAAC,EACnD+D,EAAW,OAAQF,GAAgB,OAAO,cAAiB,SAAYA,EAAe,MAAM,aAAe,GAC3GG,EAAY,OAAQF,GAAiB,OAAO,cAAiB,SAAYA,EAAgB,MAAM,aAAe,IAC9GG,EAAU,EAAQJ,EAClBK,EAAW,EAAQJ,EACnBK,GAAaF,EAAUF,EAAW,IAAMhB,EAAM,YAAc,YAAcmB,EAAWF,EAAY,GACvG,OACEhK,EAAA,cAACE,GAAM,KAAN,CAAW,KAAM0J,EAAM,aAAeQ,GAAMrB,EAAM,YAAYqB,EAAI,WAAa,WAAW,GACzFpK,EAAA,cAACE,GAAM,QAAN,CACC,KAAK,QACL,MAAO,CAAE,QAAS,CAAE,EACpB,MAAO,CACL,QAAS,GAAGiK,CAAS,IACvB,GAEAnK,EAAA,cAACG,GAAA,KACCH,EAAA,cAACE,GAAM,MAAN,KAAY,YAAU,CACzB,EACAF,EAAA,cAAC,OAAI,UAAU,gBAAgBuD,CAAS,CAC1C,CACF,CAEJ,CAEA,GAAI2F,EAAW,CACb,MAAMU,EAAOb,EAAM,WAAa,WAE1BnD,EAAa5F,EAAM,SAAS,QAAQuD,CAAQ,EAC5CsC,EAAS,CAAC9B,EAAwB+B,IAAc9F,EAAM,eAAe+D,CAAE,GAAKA,EAAG,OAAS+B,EACxF+D,EAASjE,EAAW,KAAM7B,GAAO8B,EAAO9B,EAAIgC,CAAI,CAAC,EACjD+D,EAAUlE,EAAW,KAAM7B,GAAO8B,EAAO9B,EAAIiC,CAAK,CAAC,EACnDqE,EAAY,OAAQR,GAAgB,OAAO,cAAiB,SAAYA,EAAe,MAAM,aAAe,GAC5GS,EAAa,OAAQR,GAAiB,OAAO,cAAiB,SAAYA,EAAgB,MAAM,aAAe,IAC/GS,EAAW,EAAQV,EAEnBW,EADY,EAAQV,IACUf,EAAM,YAAc,YAAcA,EAAM,aAAe,SAG3F,OACE/I,EAAA,cAAC,OACE,GAAG8I,EACJ,IAAKM,EACL,UAAWnJ,EAAW,eAAgBqD,CAAS,EAC/C,YAAWyF,EAAM,SACjB,YAAWA,EAAM,aAAe,QAAUA,EAAM,aAAe,QAAUA,EAAM,aAAe,SAAW,OACzG,oBAAmBC,EACnB,MAAO,CACL,GAAGb,CACL,EACA,YAAWyB,GAAQ,QAElBrG,CACH,CAEJ,CAGA,OACEvD,EAAA,cAAC,OACE,GAAG8I,EACJ,IAAKM,EACL,UAAWnJ,EAAW,eAAgBqD,CAAS,EAC/C,YAAWyF,EAAM,SACjB,YAAWA,EAAM,aAAe,QAAUA,EAAM,aAAe,QAAUA,EAAM,aAAe,SAAW,OACzG,oBAAmBC,EACnB,MAAO,CACL,GAAGb,CACL,GAEC5E,CACH,CAEJ,CAAC,EACD2E,GAAK,YAAc,aACnBvF,EAAgBuF,GAAa,YAAY,EAEzC,MAAMnC,EAAO/F,EAAM,WAAsC,CAACqI,EAAc3E,IAAQ,CAC9E,KAAM,CAAE,UAAAJ,EAAW,aAAAgF,EAAc,aAAAmC,EAAe,GAAI,YAAAC,EAAa,SAAAlC,EAAU,WAAAC,EAAY,SAAAlF,EAAU,MAAA4E,EAAO,KAAAyB,EAAM,YAAAe,EAAa,aAAAC,EAAc,GAAG9B,CAAS,EAAIT,EACnJU,EAAQ9H,GAAS,EAGjB4J,EAAmB7K,EAAM,OAAuB,IAAI,EAQ1DA,EAAM,UAAU,IAAM,CACpB,MAAM8K,EAAe,OAAOlB,EAAS,IACrC,GAAIiB,EAAiB,UAAY,KAAM,CACrCA,EAAiB,QAAUC,EAC3B,MACF,CACID,EAAiB,UAAYC,IAC/B,QAAQ,KAAK,oFAAoF,EACjGD,EAAiB,QAAUC,EAE/B,EAAG,CAAClB,CAAI,CAAC,EAGT5J,EAAM,UAAU,IAAM,CACnB+I,EAAc,iBAAiB0B,CAAY,CAC9C,EAAG,CAAC1B,EAAO0B,CAAY,CAAC,EAExB,MAAMM,EAAahC,EAAM,WAAa,WAGtC,OACE/I,EAAA,cAAC,OACE,GAAG8I,EACJ,IAAKpF,EACL,UAAWzD,EAAW,eAAgBqD,CAAS,EAC/C,YAAWyF,EAAM,SACjB,YAAYA,EAAM,wBAA0BA,EAAM,2BAA6B,WAAaA,EAAM,aAAe,QAAW,OAC5H,MAAO,CACL,GAAGZ,EACF,cAAuB,GAAGsC,CAAY,IACzC,GAEAzK,EAAA,cAAC,OAAI,UAAU,sBAAsB,eAAe+I,EAAM,yBAA2BgC,GAAehC,EAAM,2BAA6B,WAAaA,EAAM,aAAe,SAAa,QACnLxF,CACH,CACF,CAEJ,CAAC,EACDwC,EAAK,YAAc,aACnBpD,EAAgBoD,EAAa,YAAY,EAuCzC,MAAMiF,GAAsB,CAC1B,YACA,WACA,cACA,OACA,eACA,OACA,cACA,eACA,aACA,eACA,OACF,EAEMhF,EAAQrD,EACZ3C,EAAM,WAA6C,CAACqI,EAAc3E,IAAQ,CACxE,KAAM,CACJ,UAAAJ,EACA,YAAAqH,EACA,KAAAf,EACA,aAAAgB,EACA,KAAAnF,EACA,YAAAwF,EACA,aAAAR,EAAe,IACf,QAAAS,EACA,QAAAC,EACA,UAAAC,EACA,YAAAV,EAAc,GACd,SAAAlC,EACA,WAAAC,EACA,SAAA4C,EACA,cAAAC,EACA,YAAAC,EACA,WAAAC,EACA,cAAAC,EACA,kBAAAC,EACA,OAAAC,EACA,YAAAC,EACA,SAAArI,EACA,MAAA4E,EACA,aAAA0D,EACA,WAAAC,EACA,aAAAC,EAAe,EACjB,EAAI1D,EACE2D,EAAgBtL,GAAoB2H,EAAc2C,EAAmB,EAErEiB,EAAiBjM,EAAM,QAAQ,IAAM,CACzC,GAAI,CAAC6L,EAAc,MAAO,IAAM,CAAC,EACjC,GAAIC,IAAe,WAAY,CAC7B,IAAII,EAAS,KAOb,MANW,CAACC,EAAWC,IAA8B,CAC/CF,GAAG,aAAaA,CAAC,EACrBA,EAAI,WAAW,IAAM,CACnBL,IAAeM,EAAGC,CAAI,CACxB,EAAGL,CAAY,CACjB,CAEF,CACA,GAAID,IAAe,WAAY,CAC7B,IAAIO,EAAO,EACX,MAAO,CAACF,EAAWC,IAA8B,CAC/C,MAAME,EAAM,KAAK,IAAI,EACjBA,EAAMD,GAAQN,IAChBM,EAAOC,EACPT,IAAeM,EAAGC,CAAI,EAE1B,CACF,CACA,MAAO,CAACD,EAAWC,IAA8BP,IAAeM,EAAGC,CAAI,CACzE,EAAG,CAACP,EAAcC,EAAYC,CAAY,CAAC,EACrChD,EAAQ9H,GAAS,EACjBsL,EAAmBvM,EAAM,OAAwB,IAAI,EACrDwM,EAAkBxM,EAAM,OAAwB,IAAI,EACpDuJ,EAAkBvJ,EAAM,OAAO,EAAK,EAa1CA,EAAM,UAAU,IAAM,CAChB,OAAO4J,EAAS,KAAe,OAAOe,GAAgB,YACpDA,GAEF5B,EAAM,YAAY,UAAU,EAC5BA,EAAM,aAAa,UAAU,GAE7BA,EAAM,aAAa,WAAW,EAKpC,EAAG,CAAC,CAAC,EAGL/I,EAAM,UAAU,IAAM,CAChB,OAAO4J,EAAS,MAChBA,GACEb,EAAM,WAAa,YAAYA,EAAM,YAAY,UAAU,EAC3DA,EAAM,YAAc,YAAYA,EAAM,aAAa,UAAU,GAE7DA,EAAM,YAAc,aAAaA,EAAM,aAAa,WAAW,EAEvE,EAAG,CAACA,EAAOa,CAAI,CAAC,EAGhB5J,EAAM,UAAU,IAAM,CACpB,MAAM8K,EAAe,OAAOlB,EAAS,IACpC5D,EAAc,eAAkBA,EAAc,gBAAkB8E,EAC5D9E,EAAc,iBAAmB8E,IACpC,QAAQ,KAAK,qFAAqF,EACjG9E,EAAc,eAAiB8E,EAEpC,EAAG,CAAClB,CAAI,CAAC,EAGT5J,EAAM,UAAU,IAAM,CAChBuJ,EAAgB,SAChB,OAAOK,EAAS,KAAee,GAAe5B,EAAM,YAAc,aACpE6B,IAAe,GAAM,CAAE,OAAQ,MAAO,CAAC,EACvCrB,EAAgB,QAAU,GAG9B,EAAG,CAAC,CAAC,EAELvJ,EAAM,UAAU,IAAM,CACnB+I,EAAc,kBAAkB0B,CAAY,CAC/C,EAAG,CAAC1B,EAAO0B,CAAY,CAAC,EACxB,MAAMtB,EAAWnJ,EAAM,OAA8B,IAAI,EACnDoJ,EAASpJ,EAAM,YAClBqJ,GAAgC,CAC/BF,EAAS,QAAUE,EACf,OAAO3F,GAAQ,WAAYA,EAAI2F,CAAI,EAC9B3F,IAAMA,EAAsD,QAAU2F,EACjF,EACA,CAAC3F,CAAG,CACN,EACMkC,EAAa5F,EAAM,SAAS,QAAQuD,CAAQ,EAC5CkJ,GAAiB7G,EAAW,OAAQ7B,GAA2B/D,EAAM,eAAe+D,CAAE,GAAKA,EAAG,OAASvD,EAAW,EAClHkM,EAAkB9G,EAAW,OAAQ7B,GAA2B,EAAE/D,EAAM,eAAe+D,CAAE,GAAKA,EAAG,OAASvD,GAAY,EAEtHyI,EAAYF,EAAM,2BAA6B,UAG/C4D,GAAgB3M,EAAM,YAAa4M,GAA2D,CAClG,GAAIA,GAAS,KAAM,OACnB,GAAI,OAAOA,GAAU,UAAY,OAAO,SAASA,CAAK,EAAG,OAAOA,EAChE,MAAMC,EAAM,OAAOD,CAAK,EAAE,KAAK,EAC/B,GAAI,CAACC,EAAK,OACV,GAAIA,EAAI,SAAS,IAAI,EAAG,OAAO,OAAO,WAAWA,CAAG,EACpD,GAAIA,EAAI,SAAS,KAAK,EAAG,CACvB,MAAMC,EAAM,OAAO,WAAW,iBAAiB,SAAS,eAAe,EAAE,UAAY,IAAI,GAAK,GAC9F,OAAO,OAAO,WAAWD,CAAG,EAAIC,CAClC,CACA,GAAID,EAAI,SAAS,GAAG,EAAG,CACrB,MAAME,EAAM,OAAO,WAAWF,CAAG,EAC3BG,EAAO,SAAS,gBAAgB,aAAe,OAAO,YAAc,EAC1E,OAAQD,EAAM,IAAOC,CACvB,CAEA,MAAMC,EAAI,OAAO,WAAWJ,CAAG,EAC/B,OAAO,OAAO,SAASI,CAAC,EAAIA,EAAI,MAClC,EAAG,CAAC,CAAC,EAGCC,EAAqBlN,EAAM,QAAQ,IAAM,CAC7C,GAAI,CAAC2L,GAAUC,EAAa,OAAOA,EACnC,MAAMuB,EAAM,yBAAyBxB,CAAM,GAY3C,MAXqC,CACnC,KAAM,IAAM,CACV,GAAI,OAAO,OAAW,IAAa,OACnC,MAAMyB,EAAI,OAAO,aAAa,QAAQD,CAAG,EACzC,OAAOC,EAAI,OAAOA,CAAC,EAAI,MACzB,EACA,KAAO3H,GAAiB,CAClB,OAAO,OAAW,KACtB,OAAO,aAAa,QAAQ0H,EAAK,OAAO1H,CAAI,CAAC,CAC/C,CACF,CAEF,EAAG,CAACkG,EAAQC,CAAW,CAAC,EAGxB5L,EAAM,UAAU,IAAM,CACpB,IAAIqN,EAAU,GACd,OAAC,SAAY,CACX,GAAI,CAACjC,GAAa,CAAC8B,GAAoB,MAAQjE,EAAW,OAC1D,MAAMqE,EAAS,MAAMJ,EAAmB,KAAK,EACzCG,GAAW,OAAOC,GAAW,UAAYnE,EAAS,UACpDA,EAAS,QAAQ,MAAM,YAAY,eAAgB,GAAGmE,CAAM,IAAI,EAChEjC,IAAWiC,CAAM,EAErB,GAAG,EACI,IAAM,CACXD,EAAU,EACZ,CACF,EAAG,CAACjC,EAAW8B,EAAoB7B,EAAUpC,CAAS,CAAC,EAGvDjJ,EAAM,UAAU,IAAM,CACfmJ,EAAS,SACVF,GACFE,EAAS,QAAQ,MAAM,YAAY,eAAgB,GAAGsB,CAAY,IAAI,CAE1E,EAAG,CAACxB,EAAWwB,CAAY,CAAC,EAG5BzK,EAAM,UAAU,IAAM,CACpB,GAAKmJ,EAAS,SACV,OAAO1D,EAAS,KAAe,OAAOwF,EAAgB,IAAa,CACrE,MAAMsC,EAAKZ,GAAc1B,CAAW,EACpC,GAAI,OAAOsC,GAAO,UAAY,OAAO,SAASA,CAAE,EAAG,CAIjD,MAAMC,EAAU,KAAK,KADP,OAAOrC,GAAY,SAAWA,EAAU,SACpBoC,EAAI,KAAK,KAF7B,OAAOrC,GAAY,SAAWA,EAAU,SAEEqC,EAAIA,CAAE,CAAC,EAC/DpE,EAAS,QAAQ,MAAM,YAAY,eAAgB,GAAGqE,CAAO,IAAI,EACjEvB,EAAeuB,EAAS,CAAE,OAAQ,MAAO,CAAC,CAC5C,CACF,CAEF,EAAG,CAAC,CAAC,EAGLxN,EAAM,UAAU,IAAM,CAEpB,GADI,CAACmJ,EAAS,SACV,OAAO1D,EAAS,IAAa,OACjC,MAAM8H,EAAKZ,GAAclH,CAAI,EAC7B,GAAI,OAAO8H,GAAO,UAAY,OAAO,SAASA,CAAE,EAAG,CAGjD,MAAMC,EAAU,KAAK,KADP,OAAOrC,GAAY,SAAWA,EAAU,SACpBoC,EAAI,KAAK,KAF7B,OAAOrC,GAAY,SAAWA,EAAU,SAEEqC,EAAIA,CAAE,CAAC,EAC/DpE,EAAS,QAAQ,MAAM,YAAY,eAAgB,GAAGqE,CAAO,IAAI,EACjEvB,EAAeuB,EAAS,CAAE,OAAQ,YAAa,CAAC,CAClD,CACF,EAAG,CAAC/H,EAAMyF,EAASC,EAASwB,GAAeV,CAAc,CAAC,EAG1DjM,EAAM,UAAU,IAAM,CACpB,GAAKmJ,EAAS,SACVJ,EAAM,2BAA6B,WAAaA,EAAM,WAAa,YAAcA,EAAM,YAAc,WAAY,CACnH,MAAM0E,EAAUtE,EAAS,QAAQ,eAAiC,KAClE,GAAI,CACFsE,GAAQ,MAAM,eAAe,OAAO,CACtC,MAAQ,CAAC,CACX,CACF,EAAG,CAAC1E,EAAM,yBAA0BA,EAAM,SAAUA,EAAM,SAAS,CAAC,EAEpE,MAAMgC,GAAahC,EAAM,WAAa,YAAcA,EAAM,YAAc,WAGxE/I,EAAM,UAAU,IAAM,CACpB,MAAM0N,EAAYnB,EAAiB,QAC7BoB,EAAWnB,EAAgB,QACjC,GAAIkB,IAAc,MAAQA,IAAc3E,EAAM,UAAW,CACvD,MAAMa,EAAOb,EAAM,YAAc,WACjC,IAAI6E,EAAwC,SACxCD,IAAa5E,EAAM,UAAYA,EAAM,WAAa,aAAe,CAACa,IACpEgE,EAAS,QAEXhD,IAAehB,EAAM,CAAE,OAAAgE,CAAO,CAAC,CACjC,CACArB,EAAiB,QAAUxD,EAAM,UACjCyD,EAAgB,QAAUzD,EAAM,QAClC,EAAG,CAACA,EAAM,UAAWA,EAAM,SAAU6B,CAAY,CAAC,EAGlD,MAAMiD,GACJzC,GAAarC,EAAM,2BAA6B,WAAagC,GAC3D/K,EAAA,cAACM,GAAkB,SAAlB,CACC,MAAO,CACL,aAAc6I,EACd,WAAY,eACZ,QAAS,OAAO+B,GAAY,SAAWA,EAAU,IACjD,QAAS,OAAOC,GAAY,SAAWA,EAAU,IACjD,YAAaV,EACb,YAAa,WACb,KAAM,MACN,YAAa,CAACqD,EAAQC,EAAaC,IAAc,CAC/C,MAAMC,EAAQ,iBAAiB9E,EAAS,OAAQ,EAAE,YAAc,MAC1D+E,EAAQJ,EAASC,EACvB,OAAOC,GAAaC,EAAQ,CAACC,EAAQA,EACvC,EACA,SAAA7C,EACA,cAAgB5F,GAAS,CAGvB,MAAMgI,EADUtE,EAAS,SACD,cACxB,GAAI,CACFsE,GAAQ,MAAM,eAAe,OAAO,CACtC,MAAQ,CAAC,CACTnC,IAAgB7F,CAAI,CACtB,EACA,YAAcA,GAAS,CACrB8F,IAAc9F,CAAI,EAClBwG,EAAexG,EAAM,CAAE,OAAQ,QAAS,CAAC,EACzCyH,GAAoB,OAAOzH,CAAI,CACjC,EACA,OAAQ,QACR,YAAa,EAAQiF,EACrB,WAAAc,EACA,cAAeC,GAAiB,EAChC,kBAAAC,EACA,gBAAiB,IAAM3C,EAAM,aAAa,WAAW,EACrD,cAAe,IAAMA,EAAM,WAAW,OAAO,CAC/C,GAEC0D,GAAe,OAAS,EAAIA,GAAe,IAAI,CAAC1I,EAAIoK,IAAMnO,EAAM,aAAa+D,EAAI,CAAE,IAAKA,EAAG,KAAOoK,CAAE,CAAC,CAAC,EAAInO,EAAA,cAACO,GAAA,IAAW,CACzH,EACE,KAEN,OACEP,EAAA,cAAC,OACE,GAAGgM,EACJ,IAAK5C,EACL,UAAWnJ,EAAW,gBAAiBqD,CAAS,EAChD,YAAWyF,EAAM,UACjB,eAAeA,EAAM,yBAA2BgC,IAAehC,EAAM,2BAA6B,WAAaA,EAAM,aAAe,UAAc,OAClJ,YAAYA,EAAM,wBAA0BA,EAAM,2BAA6B,WAAaA,EAAM,aAAe,SAAY,OAC7H,MAAO,CACL,GAAGZ,EACF,eAAwB,GAAGsC,CAAY,IAC1C,GAEAzK,EAAA,cAAC,OAAI,UAAU,uBAAuB,eAAc+K,IAAc,QAC/D2B,CACH,EACCmB,EACH,CAEJ,CAAC,EACD,aACF,EACA7H,EAAM,YAAc,cACpBA,EAAM,OAASxF,GAOf,MAAMqG,GAAU7G,EAAM,WAA2C,CAAC,CAAE,UAAAsD,EAAW,GAAGG,CAAM,EAAGC,IAAQ1D,EAAA,cAAC,QAAM,GAAGyD,EAAO,IAAKC,EAAK,UAAWzD,EAAW,kBAAmBqD,CAAS,EAAG,CAAE,EACrLuD,GAAQ,YAAc,gBACtBlE,EAAgBkE,GAAgB,eAAe,EAsB/C,MAAMuH,GAAUpO,EAAM,WAA4C,CAAC,CAAE,OAAAmG,EAAQ,OAAA/C,EAAS,SAAU,YAAAiL,EAAa,QAAAC,EAAS,aAAAC,EAAc,aAAAC,EAAc,SAAAjL,EAAU,GAAGE,CAAM,EAAGC,IAAQ,CAC9K,MAAMqF,EAAQ9H,GAAS,EAEjBwN,EAAczO,EAAM,YACvB0O,GAA+C,CAQ9C,OAPAJ,IAAUI,CAAK,EAGV3F,EAAc,aAAe5C,GAChC4C,EAAM,UAAU,EAGV3F,EAAQ,CACd,IAAK,SACH2F,EAAM,WAAW5C,CAAM,EACvB,MACF,IAAK,SACH4C,EAAM,WAAW5C,CAAM,EACvB,MACF,IAAK,WACH4C,EAAM,aAAa5C,CAAM,EACzB,KACJ,CACF,EACA,CAAC4C,EAAO5C,EAAQ/C,EAAQkL,CAAO,CACjC,EAEMK,GAAe,IAAM,CACzB,OAAQxI,EAAQ,CACd,IAAK,OACL,IAAK,OACH,OAAO4C,EAAM,WAAa,YAC5B,IAAK,QACH,OAAOA,EAAM,WAAa,aAAeA,EAAM,YAAc,YAC/D,IAAK,UACH,OAAOA,EAAM,cAAgB,YAC/B,IAAK,YACH,OAAOA,EAAM,gBAAkB,YACjC,IAAK,SACH,OAAOA,EAAM,aAAe,WAChC,CACF,GAAG,EAEG6F,EAAmB5O,EAAM,YAC5B0O,GAA+C,CAC9CH,IAAeG,CAAK,EAChB,GAACL,GAAe,CAACM,IAErB5F,EAAM,SAAS5C,CAAM,CACvB,EACA,CAACoI,EAAcF,EAAaM,EAAa5F,EAAO5C,CAAM,CACxD,EAEM0I,EAAmB7O,EAAM,YAC5B0O,GAA+C,CAC9CF,IAAeE,CAAK,EACfL,GACAtF,EAAc,aAAe5C,GAChC4C,EAAM,UAAU,CAEpB,EACA,CAACyF,EAAcH,EAAatF,EAAO5C,CAAM,CAC3C,EAEA,OACEnG,EAAA,cAAC,UAAQ,GAAGyD,EAAO,IAAKC,EAAK,QAAS+K,EAAa,aAAcG,EAAkB,aAAcC,EAAkB,qBAAoB1I,EAAQ,oBAAmB/C,GAC/JG,CACH,CAEJ,CAAC,EACD6K,GAAQ,YAAc",
+  "names": ["React", "classNames", "Sheet", "VisuallyHidden", "useResponsivePresentation", "useResponsiveInitialState", "PaneResizeContext", "PaneHandle", "PanelHandle", "omitPaneProps", "extractPaneDomProps", "mapResponsiveBooleanToPaneMode", "Sidebar", "Bottom", "Inspector", "_BREAKPOINTS", "ShellProvider", "useShell", "LeftModeContext", "PanelModeContext", "SidebarModeContext", "InspectorModeContext", "BottomModeContext", "PresentationContext", "PeekContext", "ActionsContext", "CompositionContext", "useBreakpoint", "currentBp", "setCurrentBp", "ready", "setReady", "mqls", "k", "q", "compute", "matched", "m", "next", "cleanups", "mm", "fn", "SHELL_SLOT", "assignShellSlot", "component", "slot", "isShellComponent", "element", "type", "targetSlot", "paneReducer", "state", "action", "Root", "className", "children", "height", "props", "ref", "currentBreakpoint", "currentBreakpointReady", "initialChildren", "hasPanelDefaultOpen", "el", "hasRailDefaultOpen", "hasInspectorDefaultOpen", "hasInspectorOpenControlled", "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", "Rail", "Panel", "hasSidebarChildren", "togglePane", "target", "expandPane", "collapsePane", "baseContextValue", "headerEls", "Header", "railEls", "panelEls", "sidebarEls", "contentEls", "Content", "inspectorEls", "bottomEls", "firstRailOpen", "heightStyle", "peekTarget", "setPeekTarget", "peekPane", "clearPeek", "presentationCtxValue", "leftModeCtxValue", "panelModeCtxValue", "sidebarModeCtxValue", "inspectorModeCtxValue", "bottomModeCtxValue", "compositionCtxValue", "peekCtxValue", "actionsCtxValue", "shellContextValue", "firstRail", "passthroughProps", "Left", "style", "LEFT_DOM_OMIT_PROPS", "initialProps", "presentation", "_collapsible", "onExpand", "onCollapse", "restProps", "propsOpen", "propsDefaultOpen", "propsOnOpenChange", "domProps", "shell", "resolvedPresentation", "isOverlay", "isStacked", "localRef", "setRef", "node", "lastLeftModeRef", "initNotifiedRef", "normalizedLeftControlled", "normalizedLeftDefault", "initial", "_isExpanded", "open", "railEl", "panelEl", "railSize", "panelSize", "hasRail", "hasPanel", "overlayPx", "o", "_railSize", "_panelSize", "_hasRail", "_includePanel", "expandedSize", "collapsible", "defaultOpen", "onOpenChange", "wasControlledRef", "isControlled", "isExpanded", "PANEL_DOM_PROP_KEYS", "defaultSize", "minSize", "maxSize", "resizable", "onResize", "onResizeStart", "onResizeEnd", "snapPoints", "snapTolerance", "collapseThreshold", "paneId", "persistence", "onSizeChange", "sizeUpdate", "sizeUpdateMs", "panelDomProps", "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", "Trigger", "peekOnHover", "onClick", "onMouseEnter", "onMouseLeave", "handleClick", "event", "isCollapsed", "handleMouseEnter", "handleMouseLeave"]
 }

package/dist/esm/components/toggle-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-button.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAGrC;;;;;GAKG;AACH,UAAU,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC;IAC/E,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0CAA0C;IAC1C,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,mDAAmD;IACnD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,QAAA,MAAM,YAAY,0GA2DjB,CAAC;AAGF,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"toggle-button.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAGrC;;;;;GAKG;AACH,UAAU,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC;IAC/E,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0CAA0C;IAC1C,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,mDAAmD;IACnD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,QAAA,MAAM,YAAY,0GA8BhB,CAAC;AAGH,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/esm/components/toggle-button.js

@@ -1,2 +1,2 @@
-import*as o from"react";import{Toggle as f}from"radix-ui";import{Button as m}from"./button.js";import{useLiveAnnouncer as c}from"../hooks/use-live-announcer.js";const l=o.forwardRef(({pressed:n,onPressedChange:t,defaultPressed:u,children:e,...p},g)=>{const s=c(),r=o.useCallback(()=>typeof e=="string"?e:o.isValidElement(e)&&typeof e.props?.children=="string"?e.props.children:"Toggle button",[e]),d=o.useCallback(a=>{const i=r();s(`${i} ${a?"pressed":"unpressed"}`),t?.(a)},[s,t,r]);return o.useEffect(()=>{},[n,t]),o.createElement(f.Root,{pressed:n,onPressedChange:d,defaultPressed:u,asChild:!0},o.createElement(m,{...p,ref:g},e))});l.displayName="ToggleButton";export{l as ToggleButton};
+import*as o from"react";import{Toggle as u}from"radix-ui";import{Button as f}from"./button.js";import{useToggleState as m}from"../hooks/use-toggle-state.js";const n=o.forwardRef(({pressed:t,onPressedChange:s,defaultPressed:r,children:e,...g},a)=>{const p=o.useCallback(()=>typeof e=="string"?e:o.isValidElement(e)&&typeof e.props?.children=="string"?e.props.children:"Toggle button",[e]),{handlePressedChange:l}=m({pressed:t,onPressedChange:s,getAccessibleName:p,componentName:"ToggleButton"});return o.createElement(u.Root,{pressed:t,onPressedChange:l,defaultPressed:r,asChild:!0},o.createElement(f,{...g,ref:a},e))});n.displayName="ToggleButton";export{n as ToggleButton};
 //# sourceMappingURL=toggle-button.js.map

package/dist/esm/components/toggle-button.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/toggle-button.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport { Toggle } from 'radix-ui';\nimport { Button } from './button.js';\nimport { useLiveAnnouncer } from '../hooks/use-live-announcer.js';\n\n/**\n * ToggleButton props that extend Button with toggle-specific functionality\n *\n * The ToggleButton component provides a button that can be pressed/unpressed\n * with proper accessibility announcements and state management.\n */\ninterface ToggleButtonProps extends React.ComponentPropsWithoutRef<typeof Button> {\n  /** Controlled pressed state */\n  pressed?: boolean;\n  /** Callback when pressed state changes */\n  onPressedChange?: (pressed: boolean) => void;\n  /** Default pressed state for uncontrolled usage */\n  defaultPressed?: boolean;\n}\n\ntype ToggleButtonElement = React.ElementRef<typeof Button>;\n\n/**\n * ToggleButton component for buttons that can be pressed/unpressed\n *\n * The ToggleButton component extends Button with toggle functionality using\n * Radix UI's Toggle primitive. It provides proper accessibility announcements,\n * controlled/uncontrolled state management, and seamless integration with\n * the existing Button component.\n *\n * Key features:\n * - Controlled and uncontrolled state management\n * - Live accessibility announcements for screen readers\n * - Automatic state validation and warnings\n * - Seamless integration with Button props and styling\n * - Proper ARIA attributes for toggle functionality\n *\n * @example\n * ```tsx\n * // Uncontrolled toggle button\n * <ToggleButton defaultPressed={false}>\n *   Toggle Me\n * </ToggleButton>\n *\n * // Controlled toggle button\n * const [pressed, setPressed] = React.useState(false);\n * <ToggleButton\n *   pressed={pressed}\n *   onPressedChange={setPressed}\n * >\n *   {pressed ? 'On' : 'Off'}\n * </ToggleButton>\n *\n * // Toggle button with all Button props\n * <ToggleButton\n *   variant=\"solid\"\n *   size=\"3\"\n *   color=\"blue\"\n *   pressed={isActive}\n *   onPressedChange={setIsActive}\n * >\n *   {isActive ? 'Active' : 'Inactive'}\n * </ToggleButton>\n * ```\n */\nconst ToggleButton = React.forwardRef<ToggleButtonElement, ToggleButtonProps>(\n  ({ pressed, onPressedChange, defaultPressed, children, ...buttonProps }, forwardedRef) => {\n    // Get the live announcer for accessibility announcements\n    const announce = useLiveAnnouncer();\n\n    /**\n     * Extract accessible name from button content for announcements\n     * This ensures screen readers announce meaningful state changes\n     */\n    const getAccessibleName = React.useCallback(() => {\n      if (typeof children === 'string') return children;\n      if (React.isValidElement(children) && typeof (children.props as any)?.children === 'string') {\n        return (children.props as any).children;\n      }\n      return 'Toggle button';\n    }, [children]);\n\n    /**\n     * Memoized handler for state changes with accessibility announcements\n     * This ensures screen readers announce the new state immediately\n     */\n    const handlePressedChange = React.useCallback(\n      (newPressed: boolean) => {\n        const accessibleName = getAccessibleName();\n        // Announce the state change for screen readers\n        announce(`${accessibleName} ${newPressed ? 'pressed' : 'unpressed'}`);\n        // Call the user's change handler\n        onPressedChange?.(newPressed);\n      },\n      [announce, onPressedChange, getAccessibleName],\n    );\n\n    // Development-only warning for controlled/uncontrolled pattern\n    // This helps developers avoid common state management mistakes\n    React.useEffect(() => {\n      if (process.env.NODE_ENV === 'development' && pressed !== undefined && onPressedChange === undefined) {\n        console.warn(\n          'ToggleButton: You provided a `pressed` prop without an `onPressedChange` handler. ' +\n            'This will result in a read-only toggle button. If you want the button to be interactive, ' +\n            'you should provide an `onPressedChange` handler.',\n        );\n      }\n    }, [pressed, onPressedChange]);\n\n    // Render the toggle button using Radix UI's Toggle primitive\n    // This provides proper ARIA attributes and keyboard navigation\n    return (\n      <Toggle.Root\n        pressed={pressed}\n        onPressedChange={handlePressedChange}\n        defaultPressed={defaultPressed}\n        asChild\n      >\n        <Button {...buttonProps} ref={forwardedRef}>\n          {children}\n        </Button>\n      </Toggle.Root>\n    );\n  },\n);\nToggleButton.displayName = 'ToggleButton';\n\nexport { ToggleButton };\nexport type { ToggleButtonProps };\n"],
-  "mappings": "AAAA,UAAYA,MAAW,QACvB,OAAS,UAAAC,MAAc,WACvB,OAAS,UAAAC,MAAc,cACvB,OAAS,oBAAAC,MAAwB,iCA8DjC,MAAMC,EAAeJ,EAAM,WACzB,CAAC,CAAE,QAAAK,EAAS,gBAAAC,EAAiB,eAAAC,EAAgB,SAAAC,EAAU,GAAGC,CAAY,EAAGC,IAAiB,CAExF,MAAMC,EAAWR,EAAiB,EAM5BS,EAAoBZ,EAAM,YAAY,IACtC,OAAOQ,GAAa,SAAiBA,EACrCR,EAAM,eAAeQ,CAAQ,GAAK,OAAQA,EAAS,OAAe,UAAa,SACzEA,EAAS,MAAc,SAE1B,gBACN,CAACA,CAAQ,CAAC,EAMPK,EAAsBb,EAAM,YAC/Bc,GAAwB,CACvB,MAAMC,EAAiBH,EAAkB,EAEzCD,EAAS,GAAGI,CAAc,IAAID,EAAa,UAAY,WAAW,EAAE,EAEpER,IAAkBQ,CAAU,CAC9B,EACA,CAACH,EAAUL,EAAiBM,CAAiB,CAC/C,EAIA,OAAAZ,EAAM,UAAU,IAAM,CAQtB,EAAG,CAACK,EAASC,CAAe,CAAC,EAK3BN,EAAA,cAACC,EAAO,KAAP,CACC,QAASI,EACT,gBAAiBQ,EACjB,eAAgBN,EAChB,QAAO,IAEPP,EAAA,cAACE,EAAA,CAAQ,GAAGO,EAAa,IAAKC,GAC3BF,CACH,CACF,CAEJ,CACF,EACAJ,EAAa,YAAc",
-  "names": ["React", "Toggle", "Button", "useLiveAnnouncer", "ToggleButton", "pressed", "onPressedChange", "defaultPressed", "children", "buttonProps", "forwardedRef", "announce", "getAccessibleName", "handlePressedChange", "newPressed", "accessibleName"]
+  "sourcesContent": ["import * as React from 'react';\nimport { Toggle } from 'radix-ui';\nimport { Button } from './button.js';\nimport { useToggleState } from '../hooks/use-toggle-state.js';\n\n/**\n * ToggleButton props that extend Button with toggle-specific functionality\n *\n * The ToggleButton component provides a button that can be pressed/unpressed\n * with proper accessibility announcements and state management.\n */\ninterface ToggleButtonProps extends React.ComponentPropsWithoutRef<typeof Button> {\n  /** Controlled pressed state */\n  pressed?: boolean;\n  /** Callback when pressed state changes */\n  onPressedChange?: (pressed: boolean) => void;\n  /** Default pressed state for uncontrolled usage */\n  defaultPressed?: boolean;\n}\n\ntype ToggleButtonElement = React.ElementRef<typeof Button>;\n\n/**\n * ToggleButton component for buttons that can be pressed/unpressed\n *\n * The ToggleButton component extends Button with toggle functionality using\n * Radix UI's Toggle primitive. It provides proper accessibility announcements,\n * controlled/uncontrolled state management, and seamless integration with\n * the existing Button component.\n *\n * Key features:\n * - Controlled and uncontrolled state management\n * - Live accessibility announcements for screen readers\n * - Automatic state validation and warnings\n * - Seamless integration with Button props and styling\n * - Proper ARIA attributes for toggle functionality\n *\n * @example\n * ```tsx\n * // Uncontrolled toggle button\n * <ToggleButton defaultPressed={false}>\n *   Toggle Me\n * </ToggleButton>\n *\n * // Controlled toggle button\n * const [pressed, setPressed] = React.useState(false);\n * <ToggleButton\n *   pressed={pressed}\n *   onPressedChange={setPressed}\n * >\n *   {pressed ? 'On' : 'Off'}\n * </ToggleButton>\n *\n * // Toggle button with all Button props\n * <ToggleButton\n *   variant=\"solid\"\n *   size=\"3\"\n *   color=\"blue\"\n *   pressed={isActive}\n *   onPressedChange={setIsActive}\n * >\n *   {isActive ? 'Active' : 'Inactive'}\n * </ToggleButton>\n * ```\n */\nconst ToggleButton = React.forwardRef<ToggleButtonElement, ToggleButtonProps>(({ pressed, onPressedChange, defaultPressed, children, ...buttonProps }, forwardedRef) => {\n  /**\n   * Extract accessible name from button content for announcements.\n   * This ensures screen readers announce meaningful state changes.\n   */\n  const getAccessibleName = React.useCallback(() => {\n    if (typeof children === 'string') return children;\n    if (React.isValidElement(children) && typeof (children.props as any)?.children === 'string') {\n      return (children.props as any).children;\n    }\n    return 'Toggle button';\n  }, [children]);\n\n  // Use shared toggle state hook for accessibility announcements and warnings\n  const { handlePressedChange } = useToggleState({\n    pressed,\n    onPressedChange,\n    getAccessibleName,\n    componentName: 'ToggleButton',\n  });\n\n  // Render the toggle button using Radix UI's Toggle primitive\n  // This provides proper ARIA attributes and keyboard navigation\n  return (\n    <Toggle.Root pressed={pressed} onPressedChange={handlePressedChange} defaultPressed={defaultPressed} asChild>\n      <Button {...buttonProps} ref={forwardedRef}>\n        {children}\n      </Button>\n    </Toggle.Root>\n  );\n});\nToggleButton.displayName = 'ToggleButton';\n\nexport { ToggleButton };\nexport type { ToggleButtonProps };\n"],
+  "mappings": "AAAA,UAAYA,MAAW,QACvB,OAAS,UAAAC,MAAc,WACvB,OAAS,UAAAC,MAAc,cACvB,OAAS,kBAAAC,MAAsB,+BA8D/B,MAAMC,EAAeJ,EAAM,WAAmD,CAAC,CAAE,QAAAK,EAAS,gBAAAC,EAAiB,eAAAC,EAAgB,SAAAC,EAAU,GAAGC,CAAY,EAAGC,IAAiB,CAKtK,MAAMC,EAAoBX,EAAM,YAAY,IACtC,OAAOQ,GAAa,SAAiBA,EACrCR,EAAM,eAAeQ,CAAQ,GAAK,OAAQA,EAAS,OAAe,UAAa,SACzEA,EAAS,MAAc,SAE1B,gBACN,CAACA,CAAQ,CAAC,EAGP,CAAE,oBAAAI,CAAoB,EAAIT,EAAe,CAC7C,QAAAE,EACA,gBAAAC,EACA,kBAAAK,EACA,cAAe,cACjB,CAAC,EAID,OACEX,EAAA,cAACC,EAAO,KAAP,CAAY,QAASI,EAAS,gBAAiBO,EAAqB,eAAgBL,EAAgB,QAAO,IAC1GP,EAAA,cAACE,EAAA,CAAQ,GAAGO,EAAa,IAAKC,GAC3BF,CACH,CACF,CAEJ,CAAC,EACDJ,EAAa,YAAc",
+  "names": ["React", "Toggle", "Button", "useToggleState", "ToggleButton", "pressed", "onPressedChange", "defaultPressed", "children", "buttonProps", "forwardedRef", "getAccessibleName", "handlePressedChange"]
 }

package/dist/esm/components/toggle-icon-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-icon-button.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAIlC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAIxD;;;GAGG;AACH,KAAK,WAAW,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC;AAEtE;;;;;;;;GAQG;AACH,KAAK,kBAAkB,GACnB;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAA;CAAE,GACnD;IAAE,YAAY,CAAC,EAAE,KAAK,CAAC;IAAC,iBAAiB,EAAE,MAAM,CAAA;CAAE,GACnD;IAAE,YAAY,CAAC,EAAE,KAAK,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAAC;AAEnF;;;GAGG;AACH,UAAU,qBAAsB,SAAQ,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC;IACjE,+BAA+B;IAC/B,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC,0CAA0C;IAC1C,eAAe,CAAC,EAAE,WAAW,CAAC,iBAAiB,CAAC,CAAC;IACjD,mDAAmD;IACnD,cAAc,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC;CAChD;AAED;;;GAGG;AACH,KAAK,sCAAsC,GAAG,qBAAqB,GAAG,kBAAkB,CAAC;AAEzF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AACH,QAAA,MAAM,gBAAgB,kHA8EpB,CAAC;AAGH,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,YAAY,EAAE,sCAAsC,IAAI,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"toggle-icon-button.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAIlC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAIxD;;;GAGG;AACH,KAAK,WAAW,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC;AAEtE;;;;;;;;GAQG;AACH,KAAK,kBAAkB,GACnB;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAA;CAAE,GACnD;IAAE,YAAY,CAAC,EAAE,KAAK,CAAC;IAAC,iBAAiB,EAAE,MAAM,CAAA;CAAE,GACnD;IAAE,YAAY,CAAC,EAAE,KAAK,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAAC;AAEnF;;;GAGG;AACH,UAAU,qBAAsB,SAAQ,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC;IACjE,+BAA+B;IAC/B,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC,0CAA0C;IAC1C,eAAe,CAAC,EAAE,WAAW,CAAC,iBAAiB,CAAC,CAAC;IACjD,mDAAmD;IACnD,cAAc,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC;CAChD;AAED;;;GAGG;AACH,KAAK,sCAAsC,GAAG,qBAAqB,GAAG,kBAAkB,CAAC;AAEzF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AACH,QAAA,MAAM,gBAAgB,kHAwDpB,CAAC;AAGH,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,YAAY,EAAE,sCAAsC,IAAI,qBAAqB,EAAE,CAAC"}

package/dist/esm/components/toggle-icon-button.js

@@ -1,2 +1,2 @@
-import*as e from"react";import{Toggle as u}from"radix-ui";import{IconButton as b}from"./icon-button.js";import"./_internal/base-button.js";import{useLiveAnnouncer as f}from"../hooks/use-live-announcer.js";const c=e.forwardRef(({pressed:l,onPressedChange:r,defaultPressed:g,...s},p)=>{const a=f(),i=e.useCallback(()=>{const{"aria-label":o,"aria-labelledby":n,children:t}=s;return o||(n?document.getElementById(n)?.textContent||"Toggle icon button":typeof t=="string"?t:e.isValidElement(t)&&typeof t.props?.children=="string"?t.props.children:"Toggle icon button")},[s]),d=e.useCallback(o=>{const n=i();a(`${n} ${o?"pressed":"unpressed"}`),r?.(o)},[a,r,i]);return e.useEffect(()=>{},[l,r]),e.createElement(u.Root,{pressed:l,onPressedChange:d,defaultPressed:g,asChild:!0},e.createElement(b,{...s,ref:p}))});c.displayName="ToggleIconButton";export{c as ToggleIconButton};
+import*as e from"react";import{Toggle as f}from"radix-ui";import{IconButton as b}from"./icon-button.js";import"./_internal/base-button.js";import{useToggleState as m}from"../hooks/use-toggle-state.js";const a=e.forwardRef(({pressed:l,onPressedChange:i,defaultPressed:g,...s},c)=>{const{"aria-label":r,"aria-labelledby":o,children:t}=s,n=e.useRef(null);e.useEffect(()=>{n.current=null},[o]);const p=e.useCallback(()=>{if(r)return r;if(o){if(n.current===null){const d=document.getElementById(o);n.current=d?.textContent||"Toggle icon button"}return n.current}return typeof t=="string"?t:e.isValidElement(t)&&typeof t.props?.children=="string"?t.props.children:"Toggle icon button"},[r,o,t]),{handlePressedChange:u}=m({pressed:l,onPressedChange:i,getAccessibleName:p,componentName:"ToggleIconButton"});return e.createElement(f.Root,{pressed:l,onPressedChange:u,defaultPressed:g,asChild:!0},e.createElement(b,{...s,ref:c}))});a.displayName="ToggleIconButton";export{a as ToggleIconButton};
 //# sourceMappingURL=toggle-icon-button.js.map

package/dist/esm/components/toggle-icon-button.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/toggle-icon-button.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport { Toggle } from 'radix-ui';\nimport { IconButton } from './icon-button.js';\nimport { BaseButton } from './_internal/base-button.js';\nimport { useLiveAnnouncer } from '../hooks/use-live-announcer.js';\nimport type { IconButtonProps } from './icon-button.js';\n\ntype ToggleIconButtonElement = React.ElementRef<typeof BaseButton>;\n\n/**\n * Extract toggle-specific props from Radix Toggle\n * These props control the toggle state and behavior\n */\ntype ToggleProps = React.ComponentPropsWithoutRef<typeof Toggle.Root>;\n\n/**\n * Required accessibility props for icon buttons (same as IconButton)\n * Icon buttons must have an accessible name to meet WCAG guidelines\n *\n * Three ways to provide accessibility:\n * 1. aria-label: Direct descriptive text\n * 2. aria-labelledby: Reference to a label element\n * 3. children: Visible text content (fallback)\n */\ntype AccessibilityProps =\n  | { 'aria-label': string; 'aria-labelledby'?: never }\n  | { 'aria-label'?: never; 'aria-labelledby': string }\n  | { 'aria-label'?: never; 'aria-labelledby'?: never; children: React.ReactNode };\n\n/**\n * Combine IconButton props with Toggle-specific props\n * Includes tooltip props from IconButton for comprehensive functionality\n */\ninterface ToggleIconButtonProps extends Omit<IconButtonProps, 'as'> {\n  /** Controlled pressed state */\n  pressed?: ToggleProps['pressed'];\n  /** Callback when pressed state changes */\n  onPressedChange?: ToggleProps['onPressedChange'];\n  /** Default pressed state for uncontrolled usage */\n  defaultPressed?: ToggleProps['defaultPressed'];\n}\n\n/**\n * Intersection with accessibility props to ensure compliance\n * This type ensures all ToggleIconButton instances have proper accessibility\n */\ntype ToggleIconButtonPropsWithAccessibility = ToggleIconButtonProps & AccessibilityProps;\n\n/**\n * ToggleIconButton component for icon buttons that can be pressed/unpressed\n *\n * The ToggleIconButton component extends IconButton with toggle functionality\n * using Radix UI's Toggle primitive. It provides proper accessibility announcements,\n * controlled/uncontrolled state management, and seamless integration with\n * the existing IconButton component.\n *\n * Key features:\n * - Controlled and uncontrolled state management\n * - Live accessibility announcements for screen readers\n * - Enforced accessibility requirements (aria-label, aria-labelledby, or children)\n * - Automatic state validation and warnings\n * - Seamless integration with IconButton props and styling\n * - Proper ARIA attributes for toggle functionality\n * - Built-in tooltip support from IconButton\n *\n * @example\n * ```tsx\n * // Uncontrolled toggle icon button\n * <ToggleIconButton defaultPressed={false} aria-label=\"Toggle notifications\">\n *   <Bell />\n * </ToggleIconButton>\n *\n * // Controlled toggle icon button\n * const [pressed, setPressed] = React.useState(false);\n * <ToggleIconButton\n *   pressed={pressed}\n *   onPressedChange={setPressed}\n *   aria-label=\"Toggle notifications\"\n * >\n *   <Bell />\n * </ToggleIconButton>\n *\n * // Toggle icon button with tooltip\n * <ToggleIconButton\n *   variant=\"solid\"\n *   size=\"3\"\n *   color=\"blue\"\n *   pressed={isActive}\n *   onPressedChange={setIsActive}\n *   aria-label=\"Toggle feature\"\n *   tooltip=\"Toggle this feature on/off\"\n * >\n *   <Star />\n * </ToggleIconButton>\n *\n * // Toggle icon button with aria-labelledby\n * <ToggleIconButton\n *   aria-labelledby=\"notifications-label\"\n *   pressed={notificationsEnabled}\n *   onPressedChange={setNotificationsEnabled}\n * >\n *   <Bell />\n * </ToggleIconButton>\n * <span id=\"notifications-label\">Toggle notifications</span>\n * ```\n */\nconst ToggleIconButton = React.forwardRef<\n  ToggleIconButtonElement,\n  ToggleIconButtonPropsWithAccessibility\n>(({ pressed, onPressedChange, defaultPressed, ...iconButtonProps }, forwardedRef) => {\n  // Get the live announcer for accessibility announcements\n  const announce = useLiveAnnouncer();\n\n  /**\n   * Extract accessible name from various sources for announcements\n   * This ensures screen readers announce meaningful state changes\n   * Priority: aria-label > aria-labelledby > children > fallback\n   */\n  const getAccessibleName = React.useCallback(() => {\n    const {\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      children,\n    } = iconButtonProps;\n\n    // First priority: direct aria-label\n    if (ariaLabel) return ariaLabel;\n\n    // Second priority: referenced label element\n    if (ariaLabelledBy) {\n      const labelElement = document.getElementById(ariaLabelledBy);\n      return labelElement?.textContent || 'Toggle icon button';\n    }\n\n    // Third priority: visible text children\n    if (typeof children === 'string') return children;\n    if (React.isValidElement(children) && typeof (children.props as any)?.children === 'string') {\n      return (children.props as any).children;\n    }\n\n    // Fallback for edge cases\n    return 'Toggle icon button';\n  }, [iconButtonProps]);\n\n  /**\n   * Memoized handler for state changes with accessibility announcements\n   * This ensures screen readers announce the new state immediately\n   */\n  const handlePressedChange = React.useCallback(\n    (newPressed: boolean) => {\n      const accessibleName = getAccessibleName();\n      // Announce the state change for screen readers\n      announce(`${accessibleName} ${newPressed ? 'pressed' : 'unpressed'}`);\n      // Call the user's change handler\n      onPressedChange?.(newPressed);\n    },\n    [announce, onPressedChange, getAccessibleName],\n  );\n\n  // Development-only warning for controlled/uncontrolled pattern\n  // This helps developers avoid common state management mistakes\n  React.useEffect(() => {\n    if (process.env.NODE_ENV === 'development' && pressed !== undefined && onPressedChange === undefined) {\n      console.warn(\n        'ToggleIconButton: You provided a `pressed` prop without an `onPressedChange` handler. ' +\n          'This will result in a read-only toggle button. If you want the button to be interactive, ' +\n          'you should provide an `onPressedChange` handler.',\n      );\n    }\n  }, [pressed, onPressedChange]);\n\n  // Render the toggle icon button using Radix UI's Toggle primitive\n  // This provides proper ARIA attributes and keyboard navigation\n  // The IconButton component handles accessibility validation internally\n  return (\n    <Toggle.Root\n      pressed={pressed}\n      onPressedChange={handlePressedChange}\n      defaultPressed={defaultPressed}\n      asChild\n    >\n      <IconButton {...iconButtonProps} ref={forwardedRef} />\n    </Toggle.Root>\n  );\n});\nToggleIconButton.displayName = 'ToggleIconButton';\n\nexport { ToggleIconButton };\nexport type { ToggleIconButtonPropsWithAccessibility as ToggleIconButtonProps };\n"],
-  "mappings": "AAAA,UAAYA,MAAW,QACvB,OAAS,UAAAC,MAAc,WACvB,OAAS,cAAAC,MAAkB,mBAC3B,MAA2B,6BAC3B,OAAS,oBAAAC,MAAwB,iCAsGjC,MAAMC,EAAmBJ,EAAM,WAG7B,CAAC,CAAE,QAAAK,EAAS,gBAAAC,EAAiB,eAAAC,EAAgB,GAAGC,CAAgB,EAAGC,IAAiB,CAEpF,MAAMC,EAAWP,EAAiB,EAO5BQ,EAAoBX,EAAM,YAAY,IAAM,CAChD,KAAM,CACJ,aAAcY,EACd,kBAAmBC,EACnB,SAAAC,CACF,EAAIN,EAGJ,OAAII,IAGAC,EACmB,SAAS,eAAeA,CAAc,GACtC,aAAe,qBAIlC,OAAOC,GAAa,SAAiBA,EACrCd,EAAM,eAAec,CAAQ,GAAK,OAAQA,EAAS,OAAe,UAAa,SACzEA,EAAS,MAAc,SAI1B,qBACT,EAAG,CAACN,CAAe,CAAC,EAMdO,EAAsBf,EAAM,YAC/BgB,GAAwB,CACvB,MAAMC,EAAiBN,EAAkB,EAEzCD,EAAS,GAAGO,CAAc,IAAID,EAAa,UAAY,WAAW,EAAE,EAEpEV,IAAkBU,CAAU,CAC9B,EACA,CAACN,EAAUJ,EAAiBK,CAAiB,CAC/C,EAIA,OAAAX,EAAM,UAAU,IAAM,CAQtB,EAAG,CAACK,EAASC,CAAe,CAAC,EAM3BN,EAAA,cAACC,EAAO,KAAP,CACC,QAASI,EACT,gBAAiBU,EACjB,eAAgBR,EAChB,QAAO,IAEPP,EAAA,cAACE,EAAA,CAAY,GAAGM,EAAiB,IAAKC,EAAc,CACtD,CAEJ,CAAC,EACDL,EAAiB,YAAc",
-  "names": ["React", "Toggle", "IconButton", "useLiveAnnouncer", "ToggleIconButton", "pressed", "onPressedChange", "defaultPressed", "iconButtonProps", "forwardedRef", "announce", "getAccessibleName", "ariaLabel", "ariaLabelledBy", "children", "handlePressedChange", "newPressed", "accessibleName"]
+  "sourcesContent": ["import * as React from 'react';\nimport { Toggle } from 'radix-ui';\nimport { IconButton } from './icon-button.js';\nimport { BaseButton } from './_internal/base-button.js';\nimport { useToggleState } from '../hooks/use-toggle-state.js';\nimport type { IconButtonProps } from './icon-button.js';\n\ntype ToggleIconButtonElement = React.ElementRef<typeof BaseButton>;\n\n/**\n * Extract toggle-specific props from Radix Toggle\n * These props control the toggle state and behavior\n */\ntype ToggleProps = React.ComponentPropsWithoutRef<typeof Toggle.Root>;\n\n/**\n * Required accessibility props for icon buttons (same as IconButton)\n * Icon buttons must have an accessible name to meet WCAG guidelines\n *\n * Three ways to provide accessibility:\n * 1. aria-label: Direct descriptive text\n * 2. aria-labelledby: Reference to a label element\n * 3. children: Visible text content (fallback)\n */\ntype AccessibilityProps =\n  | { 'aria-label': string; 'aria-labelledby'?: never }\n  | { 'aria-label'?: never; 'aria-labelledby': string }\n  | { 'aria-label'?: never; 'aria-labelledby'?: never; children: React.ReactNode };\n\n/**\n * Combine IconButton props with Toggle-specific props\n * Includes tooltip props from IconButton for comprehensive functionality\n */\ninterface ToggleIconButtonProps extends Omit<IconButtonProps, 'as'> {\n  /** Controlled pressed state */\n  pressed?: ToggleProps['pressed'];\n  /** Callback when pressed state changes */\n  onPressedChange?: ToggleProps['onPressedChange'];\n  /** Default pressed state for uncontrolled usage */\n  defaultPressed?: ToggleProps['defaultPressed'];\n}\n\n/**\n * Intersection with accessibility props to ensure compliance\n * This type ensures all ToggleIconButton instances have proper accessibility\n */\ntype ToggleIconButtonPropsWithAccessibility = ToggleIconButtonProps & AccessibilityProps;\n\n/**\n * ToggleIconButton component for icon buttons that can be pressed/unpressed\n *\n * The ToggleIconButton component extends IconButton with toggle functionality\n * using Radix UI's Toggle primitive. It provides proper accessibility announcements,\n * controlled/uncontrolled state management, and seamless integration with\n * the existing IconButton component.\n *\n * Key features:\n * - Controlled and uncontrolled state management\n * - Live accessibility announcements for screen readers\n * - Enforced accessibility requirements (aria-label, aria-labelledby, or children)\n * - Automatic state validation and warnings\n * - Seamless integration with IconButton props and styling\n * - Proper ARIA attributes for toggle functionality\n * - Built-in tooltip support from IconButton\n *\n * @example\n * ```tsx\n * // Uncontrolled toggle icon button\n * <ToggleIconButton defaultPressed={false} aria-label=\"Toggle notifications\">\n *   <Bell />\n * </ToggleIconButton>\n *\n * // Controlled toggle icon button\n * const [pressed, setPressed] = React.useState(false);\n * <ToggleIconButton\n *   pressed={pressed}\n *   onPressedChange={setPressed}\n *   aria-label=\"Toggle notifications\"\n * >\n *   <Bell />\n * </ToggleIconButton>\n *\n * // Toggle icon button with tooltip\n * <ToggleIconButton\n *   variant=\"solid\"\n *   size=\"3\"\n *   color=\"blue\"\n *   pressed={isActive}\n *   onPressedChange={setIsActive}\n *   aria-label=\"Toggle feature\"\n *   tooltip=\"Toggle this feature on/off\"\n * >\n *   <Star />\n * </ToggleIconButton>\n *\n * // Toggle icon button with aria-labelledby\n * <ToggleIconButton\n *   aria-labelledby=\"notifications-label\"\n *   pressed={notificationsEnabled}\n *   onPressedChange={setNotificationsEnabled}\n * >\n *   <Bell />\n * </ToggleIconButton>\n * <span id=\"notifications-label\">Toggle notifications</span>\n * ```\n */\nconst ToggleIconButton = React.forwardRef<ToggleIconButtonElement, ToggleIconButtonPropsWithAccessibility>(({ pressed, onPressedChange, defaultPressed, ...iconButtonProps }, forwardedRef) => {\n  // Extract specific props for stable dependency array\n  const { 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, children } = iconButtonProps;\n\n  // Cache the label lookup from aria-labelledby to avoid repeated DOM queries\n  const cachedLabelRef = React.useRef<string | null>(null);\n\n  // Clear cached label when ariaLabelledBy changes\n  React.useEffect(() => {\n    cachedLabelRef.current = null;\n  }, [ariaLabelledBy]);\n\n  /**\n   * Extract accessible name from various sources for announcements.\n   * This ensures screen readers announce meaningful state changes.\n   * Priority: aria-label > aria-labelledby > children > fallback\n   */\n  const getAccessibleName = React.useCallback(() => {\n    // First priority: direct aria-label\n    if (ariaLabel) return ariaLabel;\n\n    // Second priority: referenced label element (cached)\n    if (ariaLabelledBy) {\n      if (cachedLabelRef.current === null) {\n        const labelElement = document.getElementById(ariaLabelledBy);\n        cachedLabelRef.current = labelElement?.textContent || 'Toggle icon button';\n      }\n      return cachedLabelRef.current;\n    }\n\n    // Third priority: visible text children\n    if (typeof children === 'string') return children;\n    if (React.isValidElement(children) && typeof (children.props as any)?.children === 'string') {\n      return (children.props as any).children;\n    }\n\n    // Fallback for edge cases\n    return 'Toggle icon button';\n  }, [ariaLabel, ariaLabelledBy, children]);\n\n  // Use shared toggle state hook for accessibility announcements and warnings\n  const { handlePressedChange } = useToggleState({\n    pressed,\n    onPressedChange,\n    getAccessibleName,\n    componentName: 'ToggleIconButton',\n  });\n\n  // Render the toggle icon button using Radix UI's Toggle primitive\n  // This provides proper ARIA attributes and keyboard navigation\n  // The IconButton component handles accessibility validation internally\n  return (\n    <Toggle.Root pressed={pressed} onPressedChange={handlePressedChange} defaultPressed={defaultPressed} asChild>\n      <IconButton {...iconButtonProps} ref={forwardedRef} />\n    </Toggle.Root>\n  );\n});\nToggleIconButton.displayName = 'ToggleIconButton';\n\nexport { ToggleIconButton };\nexport type { ToggleIconButtonPropsWithAccessibility as ToggleIconButtonProps };\n"],
+  "mappings": "AAAA,UAAYA,MAAW,QACvB,OAAS,UAAAC,MAAc,WACvB,OAAS,cAAAC,MAAkB,mBAC3B,MAA2B,6BAC3B,OAAS,kBAAAC,MAAsB,+BAsG/B,MAAMC,EAAmBJ,EAAM,WAA4E,CAAC,CAAE,QAAAK,EAAS,gBAAAC,EAAiB,eAAAC,EAAgB,GAAGC,CAAgB,EAAGC,IAAiB,CAE7L,KAAM,CAAE,aAAcC,EAAW,kBAAmBC,EAAgB,SAAAC,CAAS,EAAIJ,EAG3EK,EAAiBb,EAAM,OAAsB,IAAI,EAGvDA,EAAM,UAAU,IAAM,CACpBa,EAAe,QAAU,IAC3B,EAAG,CAACF,CAAc,CAAC,EAOnB,MAAMG,EAAoBd,EAAM,YAAY,IAAM,CAEhD,GAAIU,EAAW,OAAOA,EAGtB,GAAIC,EAAgB,CAClB,GAAIE,EAAe,UAAY,KAAM,CACnC,MAAME,EAAe,SAAS,eAAeJ,CAAc,EAC3DE,EAAe,QAAUE,GAAc,aAAe,oBACxD,CACA,OAAOF,EAAe,OACxB,CAGA,OAAI,OAAOD,GAAa,SAAiBA,EACrCZ,EAAM,eAAeY,CAAQ,GAAK,OAAQA,EAAS,OAAe,UAAa,SACzEA,EAAS,MAAc,SAI1B,oBACT,EAAG,CAACF,EAAWC,EAAgBC,CAAQ,CAAC,EAGlC,CAAE,oBAAAI,CAAoB,EAAIb,EAAe,CAC7C,QAAAE,EACA,gBAAAC,EACA,kBAAAQ,EACA,cAAe,kBACjB,CAAC,EAKD,OACEd,EAAA,cAACC,EAAO,KAAP,CAAY,QAASI,EAAS,gBAAiBW,EAAqB,eAAgBT,EAAgB,QAAO,IAC1GP,EAAA,cAACE,EAAA,CAAY,GAAGM,EAAiB,IAAKC,EAAc,CACtD,CAEJ,CAAC,EACDL,EAAiB,YAAc",
+  "names": ["React", "Toggle", "IconButton", "useToggleState", "ToggleIconButton", "pressed", "onPressedChange", "defaultPressed", "iconButtonProps", "forwardedRef", "ariaLabel", "ariaLabelledBy", "children", "cachedLabelRef", "getAccessibleName", "labelElement", "handlePressedChange"]
 }

package/dist/esm/hooks/index.d.ts

@@ -1,3 +1,5 @@
 export { useLiveAnnouncer } from './use-live-announcer.js';
 export { useBodyPointerEventsCleanup } from './use-body-pointer-events-cleanup.js';
+export { useTooltipWrapper } from './use-tooltip-wrapper.js';
+export { useToggleState } from './use-toggle-state.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,2BAA2B,EAAE,MAAM,sCAAsC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,2BAA2B,EAAE,MAAM,sCAAsC,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/esm/hooks/index.js

@@ -1,2 +1,2 @@
-import{useLiveAnnouncer as n}from"./use-live-announcer.js";import{useBodyPointerEventsCleanup as t}from"./use-body-pointer-events-cleanup.js";export{t as useBodyPointerEventsCleanup,n as useLiveAnnouncer};
+import{useLiveAnnouncer as r}from"./use-live-announcer.js";import{useBodyPointerEventsCleanup as p}from"./use-body-pointer-events-cleanup.js";import{useTooltipWrapper as u}from"./use-tooltip-wrapper.js";import{useToggleState as f}from"./use-toggle-state.js";export{p as useBodyPointerEventsCleanup,r as useLiveAnnouncer,f as useToggleState,u as useTooltipWrapper};
 //# sourceMappingURL=index.js.map

package/dist/esm/hooks/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/index.ts"],
-  "sourcesContent": ["export { useLiveAnnouncer } from './use-live-announcer.js';\nexport { useBodyPointerEventsCleanup } from './use-body-pointer-events-cleanup.js';\n"],
-  "mappings": "AAAA,OAAS,oBAAAA,MAAwB,0BACjC,OAAS,+BAAAC,MAAmC",
-  "names": ["useLiveAnnouncer", "useBodyPointerEventsCleanup"]
+  "sourcesContent": ["export { useLiveAnnouncer } from './use-live-announcer.js';\nexport { useBodyPointerEventsCleanup } from './use-body-pointer-events-cleanup.js';\nexport { useTooltipWrapper } from './use-tooltip-wrapper.js';\nexport { useToggleState } from './use-toggle-state.js';\n"],
+  "mappings": "AAAA,OAAS,oBAAAA,MAAwB,0BACjC,OAAS,+BAAAC,MAAmC,uCAC5C,OAAS,qBAAAC,MAAyB,2BAClC,OAAS,kBAAAC,MAAsB",
+  "names": ["useLiveAnnouncer", "useBodyPointerEventsCleanup", "useTooltipWrapper", "useToggleState"]
 }

package/dist/esm/hooks/use-live-announcer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-live-announcer.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-live-announcer.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,gBAAgB,cA+Be,MAAM,UAcpD"}
+{"version":3,"file":"use-live-announcer.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-live-announcer.ts"],"names":[],"mappings":"AAQA;;;GAGG;AACH,wBAAgB,gBAAgB,cA+Ce,MAAM,UAmBpD"}