@kushagradhawan/kookie-ui 0.1.53 → 0.1.54

package/dist/cjs/components/_internal/shell-bottom.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/_internal/shell-bottom.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport * as Sheet from '../sheet.js';\nimport { VisuallyHidden } from '../visually-hidden.js';\nimport { useShell } from '../shell.context.js';\nimport { useResponsivePresentation, useResponsiveValue } from '../shell.hooks.js';\nimport { PaneResizeContext } from './shell-resize.js';\nimport { BottomHandle, PaneHandle } from './shell-handles.js';\nimport { BREAKPOINTS } from '../shell.types.js';\nimport type { Breakpoint, PaneMode, PaneSizePersistence, ResponsivePresentation } from '../shell.types.js';\n\ninterface PaneProps extends React.ComponentPropsWithoutRef<'div'> {\n  presentation?: ResponsivePresentation;\n  // legacy mode removed\n  expandedSize?: number;\n  minSize?: number;\n  maxSize?: number;\n  resizable?: boolean;\n  collapsible?: boolean;\n  onExpand?: () => void;\n  onCollapse?: () => void;\n  onResize?: (size: number) => void;\n  resizer?: React.ReactNode;\n  onResizeStart?: (size: number) => void;\n  onResizeEnd?: (size: number) => void;\n  snapPoints?: number[];\n  snapTolerance?: number;\n  collapseThreshold?: number;\n  paneId?: string;\n  persistence?: PaneSizePersistence;\n}\n\ntype BottomOpenChangeMeta = { reason: 'init' | 'toggle' | 'responsive' };\ntype BottomControlledProps = { open: boolean | Partial<Record<Breakpoint, boolean>>; onOpenChange?: (open: boolean, meta: BottomOpenChangeMeta) => void; defaultOpen?: never };\ntype BottomUncontrolledProps = { defaultOpen?: boolean; onOpenChange?: (open: boolean, meta: BottomOpenChangeMeta) => void; open?: never };\ntype BottomSizeControlledProps = { size: number | string; defaultSize?: never };\ntype BottomSizeUncontrolledProps = { defaultSize?: number | string; size?: never };\ntype BottomSizeChangeMeta = { reason: 'init' | 'resize' | 'controlled' };\ntype BottomPublicProps = PaneProps &\n  (BottomControlledProps | BottomUncontrolledProps) &\n  (BottomSizeControlledProps | BottomSizeUncontrolledProps) & {\n    onSizeChange?: (size: number, meta: BottomSizeChangeMeta) => void;\n    sizeUpdate?: 'throttle' | 'debounce';\n    sizeUpdateMs?: number;\n  };\n\ntype BottomComponent = React.ForwardRefExoticComponent<BottomPublicProps & React.RefAttributes<HTMLDivElement>> & { Handle: typeof BottomHandle };\n\nexport const Bottom = React.forwardRef<HTMLDivElement, BottomPublicProps>(\n  (\n    {\n      className,\n      presentation = 'fixed',\n      // removed legacy props\n      // new API\n      defaultOpen,\n      open,\n      onOpenChange,\n      expandedSize = 200,\n      minSize = 100,\n      maxSize = 400,\n      resizable = false,\n      collapsible = true,\n      onExpand,\n      onCollapse,\n      onResize,\n      onResizeStart,\n      onResizeEnd,\n      snapPoints,\n      snapTolerance,\n      collapseThreshold,\n      paneId,\n      persistence,\n      children,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const shell = useShell();\n    const resolvedPresentation = useResponsivePresentation(presentation);\n    const isOverlay = resolvedPresentation === 'overlay';\n    const isStacked = resolvedPresentation === 'stacked';\n    const localRef = React.useRef<HTMLDivElement | null>(null);\n    const setRef = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        localRef.current = node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      },\n      [ref],\n    );\n    const childArray = React.Children.toArray(children) as React.ReactElement[];\n    const handleChildren = childArray.filter((el: React.ReactElement) => React.isValidElement(el) && el.type === BottomHandle);\n    const contentChildren = childArray.filter((el: React.ReactElement) => !(React.isValidElement(el) && el.type === BottomHandle));\n\n    // Throttled/debounced emitter for onSizeChange\n    const emitSizeChange = React.useMemo(() => {\n      const cb = (props as any).onSizeChange as undefined | ((s: number, meta: BottomSizeChangeMeta) => void);\n      const strategy = (props as any).sizeUpdate as undefined | 'throttle' | 'debounce';\n      const ms = (props as any).sizeUpdateMs ?? 50;\n      if (!cb) return () => {};\n      if (strategy === 'debounce') {\n        let t: any = null;\n        return (s: number, meta: BottomSizeChangeMeta) => {\n          if (t) clearTimeout(t);\n          t = setTimeout(() => {\n            cb(s, meta);\n          }, ms);\n        };\n      }\n      if (strategy === 'throttle') {\n        let last = 0;\n        return (s: number, meta: BottomSizeChangeMeta) => {\n          const now = Date.now();\n          if (now - last >= ms) {\n            last = now;\n            cb(s, meta);\n          }\n        };\n      }\n      return (s: number, meta: BottomSizeChangeMeta) => cb(s, meta);\n    }, [(props as any).onSizeChange, (props as any).sizeUpdate, (props as any).sizeUpdateMs]);\n\n    const didInitRef = React.useRef(false);\n    const didInitFromDefaultOpenRef = React.useRef(false);\n    const resolvedDefaultOpen = useResponsiveValue(defaultOpen as any);\n    React.useEffect(() => {\n      if (didInitRef.current) return;\n      if (!shell.currentBreakpointReady) return;\n      didInitRef.current = true;\n      if (typeof open === 'undefined' && typeof defaultOpen !== 'undefined') {\n        const initial = Boolean(resolvedDefaultOpen);\n        shell.setBottomMode(initial ? 'expanded' : 'collapsed');\n        didInitFromDefaultOpenRef.current = true;\n      }\n    }, [shell.currentBreakpointReady, open, defaultOpen, resolvedDefaultOpen]);\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        // eslint-disable-next-line no-console\n        console.error('Shell.Bottom: Do not pass both `open` and `defaultOpen`. Choose one.');\n      }\n      if (typeof (props as any).size !== 'undefined' && typeof (props as any).defaultSize !== 'undefined') {\n        // eslint-disable-next-line no-console\n        console.error('Shell.Bottom: Do not pass both `size` and `defaultSize`. Choose one.');\n      }\n    }\n\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        // eslint-disable-next-line no-console\n        console.warn('Shell.Bottom: Switching between controlled and uncontrolled `open` is not supported.');\n        wasControlledRef.current = isControlled;\n      }\n    }, [open]);\n\n    // Controlled sync (responsive handled below)\n    React.useEffect(() => {\n      if (typeof open === 'undefined') return;\n      shell.setBottomMode(open ? 'expanded' : 'collapsed');\n    }, [open]);\n\n    const responsiveNotifiedRef = React.useRef(false);\n\n    // Controlled responsive open\n    const resolvedOpen = useResponsiveValue(open);\n    React.useEffect(() => {\n      if (typeof resolvedOpen === 'undefined') return;\n      const shouldExpand = Boolean(resolvedOpen);\n      shell.setBottomMode(shouldExpand ? 'expanded' : 'collapsed');\n    }, [resolvedOpen]);\n\n    const initNotifiedRef = React.useRef(false);\n    const lastBottomModeRef = React.useRef<PaneMode | null>(null);\n    React.useEffect(() => {\n      if (!initNotifiedRef.current && typeof open === 'undefined' && defaultOpen && shell.bottomMode === 'expanded') {\n        onOpenChange?.(true, { reason: 'init' });\n        initNotifiedRef.current = true;\n      }\n      if (typeof open === 'undefined') {\n        if (lastBottomModeRef.current !== null && lastBottomModeRef.current !== shell.bottomMode) {\n          if (!responsiveNotifiedRef.current) {\n            onOpenChange?.(shell.bottomMode === 'expanded', { reason: 'toggle' });\n          }\n          responsiveNotifiedRef.current = false;\n        }\n        lastBottomModeRef.current = shell.bottomMode;\n      }\n    }, [shell.bottomMode, open, defaultOpen, onOpenChange]);\n\n    React.useEffect(() => {\n      if (shell.bottomMode === 'expanded') {\n        onExpand?.();\n      } else {\n        onCollapse?.();\n      }\n    }, [shell.bottomMode, onExpand, onCollapse]);\n\n    const isExpanded = shell.bottomMode === 'expanded';\n\n    const persistenceAdapter = React.useMemo(() => {\n      if (!paneId || persistence) return persistence;\n      const key = `kookie-ui:shell:bottom:${paneId}`;\n      const adapter: PaneSizePersistence = {\n        load: () => {\n          if (typeof window === 'undefined') return undefined;\n          const v = window.localStorage.getItem(key);\n          return v ? Number(v) : undefined;\n        },\n        save: (size: number) => {\n          if (typeof window === 'undefined') return;\n          window.localStorage.setItem(key, String(size));\n        },\n      };\n      return adapter;\n    }, [paneId, persistence]);\n\n    React.useEffect(() => {\n      let mounted = true;\n      (async () => {\n        if (!resizable || !persistenceAdapter?.load || isOverlay) return;\n        const loaded = await persistenceAdapter.load();\n        if (mounted && typeof loaded === 'number' && localRef.current) {\n          localRef.current.style.setProperty('--bottom-size', `${loaded}px`);\n          onResize?.(loaded);\n        }\n      })();\n      return () => {\n        mounted = false;\n      };\n    }, [resizable, persistenceAdapter, onResize, isOverlay]);\n\n    const handleEl =\n      resizable && !isOverlay && isExpanded ? (\n        <PaneResizeContext.Provider\n          value={{\n            containerRef: localRef,\n            cssVarName: '--bottom-size',\n            minSize,\n            maxSize,\n            defaultSize: expandedSize,\n            orientation: 'horizontal',\n            edge: 'start',\n            computeNext: (client, startClient, startSize) => {\n              const delta = client - startClient;\n              return startSize - delta;\n            },\n            onResize,\n            onResizeStart,\n            onResizeEnd: (size) => {\n              onResizeEnd?.(size);\n              emitSizeChange(size, { reason: 'resize' });\n              persistenceAdapter?.save?.(size);\n            },\n            target: 'bottom',\n            collapsible,\n            snapPoints,\n            snapTolerance: snapTolerance ?? 8,\n            collapseThreshold,\n            requestCollapse: () => shell.setBottomMode('collapsed'),\n            requestToggle: () => shell.togglePane('bottom'),\n          }}\n        >\n          {handleChildren.length > 0 ? handleChildren.map((el, i) => React.cloneElement(el, { key: el.key ?? i })) : <PaneHandle />}\n        </PaneResizeContext.Provider>\n      ) : null;\n\n    // Strip control/size props from DOM spread (moved above overlay return to keep hook order consistent)\n    const {\n      defaultOpen: _bottomDefaultOpenIgnored,\n      open: _bottomOpenIgnored,\n      onOpenChange: _bottomOnOpenChangeIgnored,\n      size: _bottomSizeIgnored,\n      defaultSize: _bottomDefaultSizeIgnored,\n      onSizeChange: _bottomOnSizeChangeIgnored,\n      sizeUpdate: _szu,\n      sizeUpdateMs: _szums,\n      ...bottomDomProps\n    } = props as any;\n\n    // Normalize CSS lengths to px (moved above overlay return to keep hook order consistent)\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.clientHeight || window.innerHeight || 0;\n        return (pct / 100) * base;\n      }\n      const n = Number.parseFloat(str);\n      return Number.isFinite(n) ? n : undefined;\n    }, []);\n\n    // Apply defaultSize on mount when uncontrolled (moved above overlay return)\n    React.useEffect(() => {\n      if (!localRef.current) return;\n      if (typeof (props as any).size === 'undefined' && typeof (props as any).defaultSize !== 'undefined') {\n        const px = normalizeToPx((props as any).defaultSize);\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('--bottom-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 (moved above overlay return)\n    React.useEffect(() => {\n      if (!localRef.current) return;\n      if (typeof (props as any).size === 'undefined') return;\n      const px = normalizeToPx((props as any).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('--bottom-size', `${clamped}px`);\n        emitSizeChange(clamped, { reason: 'controlled' });\n      }\n    }, [(props as any).size, minSize, maxSize, normalizeToPx, emitSizeChange]);\n\n    if (isOverlay) {\n      const open = shell.bottomMode === 'expanded';\n      return (\n        <Sheet.Root open={open} onOpenChange={(o) => shell.setBottomMode(o ? 'expanded' : 'collapsed')}>\n          <Sheet.Content side=\"bottom\" style={{ padding: 0 }} height={{ initial: `${expandedSize}px` }}>\n            <VisuallyHidden>\n              <Sheet.Title>Bottom panel</Sheet.Title>\n            </VisuallyHidden>\n            {contentChildren}\n          </Sheet.Content>\n        </Sheet.Root>\n      );\n    }\n\n    return (\n      <div\n        {...bottomDomProps}\n        ref={setRef}\n        className={classNames('rt-ShellBottom', className)}\n        data-mode={shell.bottomMode}\n        data-peek={shell.peekTarget === 'bottom' || undefined}\n        data-presentation={shell.currentBreakpointReady ? resolvedPresentation : undefined}\n        data-open={(shell.currentBreakpointReady && isStacked && isExpanded) || undefined}\n        style={{\n          ...style,\n          ['--bottom-size' as any]: `${expandedSize}px`,\n          ['--bottom-min-size' as any]: `${minSize}px`,\n          ['--bottom-max-size' as any]: `${maxSize}px`,\n        }}\n      >\n        <div className=\"rt-ShellBottomContent\" data-visible={isExpanded || undefined}>\n          {contentChildren}\n        </div>\n        {handleEl}\n      </div>\n    );\n  },\n) as BottomComponent;\nBottom.displayName = 'Shell.Bottom';\nBottom.Handle = BottomHandle;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport * as Sheet from '../sheet.js';\nimport { VisuallyHidden } from '../visually-hidden.js';\nimport { useShell } from '../shell.context.js';\nimport { useResponsivePresentation, useResponsiveValue } from '../shell.hooks.js';\nimport { PaneResizeContext } from './shell-resize.js';\nimport { BottomHandle, PaneHandle } from './shell-handles.js';\nimport { _BREAKPOINTS } from '../shell.types.js';\nimport type { Breakpoint, PaneMode, PaneSizePersistence, ResponsivePresentation } from '../shell.types.js';\n\ninterface PaneProps extends React.ComponentPropsWithoutRef<'div'> {\n  presentation?: ResponsivePresentation;\n  // legacy mode removed\n  expandedSize?: number;\n  minSize?: number;\n  maxSize?: number;\n  resizable?: boolean;\n  collapsible?: boolean;\n  onExpand?: () => void;\n  onCollapse?: () => void;\n  onResize?: (size: number) => void;\n  resizer?: React.ReactNode;\n  onResizeStart?: (size: number) => void;\n  onResizeEnd?: (size: number) => void;\n  snapPoints?: number[];\n  snapTolerance?: number;\n  collapseThreshold?: number;\n  paneId?: string;\n  persistence?: PaneSizePersistence;\n}\n\ntype BottomOpenChangeMeta = { reason: 'init' | 'toggle' | 'responsive' };\ntype BottomControlledProps = { open: boolean | Partial<Record<Breakpoint, boolean>>; onOpenChange?: (open: boolean, meta: BottomOpenChangeMeta) => void; defaultOpen?: never };\ntype BottomUncontrolledProps = { defaultOpen?: boolean; onOpenChange?: (open: boolean, meta: BottomOpenChangeMeta) => void; open?: never };\ntype BottomSizeControlledProps = { size: number | string; defaultSize?: never };\ntype BottomSizeUncontrolledProps = { defaultSize?: number | string; size?: never };\ntype BottomSizeChangeMeta = { reason: 'init' | 'resize' | 'controlled' };\ntype BottomPublicProps = PaneProps &\n  (BottomControlledProps | BottomUncontrolledProps) &\n  (BottomSizeControlledProps | BottomSizeUncontrolledProps) & {\n    onSizeChange?: (size: number, meta: BottomSizeChangeMeta) => void;\n    sizeUpdate?: 'throttle' | 'debounce';\n    sizeUpdateMs?: number;\n  };\n\ntype BottomComponent = React.ForwardRefExoticComponent<BottomPublicProps & React.RefAttributes<HTMLDivElement>> & { Handle: typeof BottomHandle };\n\nexport const Bottom = React.forwardRef<HTMLDivElement, BottomPublicProps>(\n  (\n    {\n      className,\n      presentation = 'fixed',\n      // removed legacy props\n      // new API\n      defaultOpen,\n      open,\n      onOpenChange,\n      expandedSize = 200,\n      minSize = 100,\n      maxSize = 400,\n      resizable = false,\n      collapsible = true,\n      onExpand,\n      onCollapse,\n      onResize,\n      onResizeStart,\n      onResizeEnd,\n      snapPoints,\n      snapTolerance,\n      collapseThreshold,\n      paneId,\n      persistence,\n      children,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const shell = useShell();\n    const resolvedPresentation = useResponsivePresentation(presentation);\n    const isOverlay = resolvedPresentation === 'overlay';\n    const isStacked = resolvedPresentation === 'stacked';\n    const localRef = React.useRef<HTMLDivElement | null>(null);\n    const setRef = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        localRef.current = node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      },\n      [ref],\n    );\n    const childArray = React.Children.toArray(children) as React.ReactElement[];\n    const handleChildren = childArray.filter((el: React.ReactElement) => React.isValidElement(el) && el.type === BottomHandle);\n    const contentChildren = childArray.filter((el: React.ReactElement) => !(React.isValidElement(el) && el.type === BottomHandle));\n\n    // Throttled/debounced emitter for onSizeChange\n    const emitSizeChange = React.useMemo(() => {\n      const cb = (props as any).onSizeChange as undefined | ((s: number, meta: BottomSizeChangeMeta) => void);\n      const strategy = (props as any).sizeUpdate as undefined | 'throttle' | 'debounce';\n      const ms = (props as any).sizeUpdateMs ?? 50;\n      if (!cb) return () => {};\n      if (strategy === 'debounce') {\n        let t: any = null;\n        return (s: number, meta: BottomSizeChangeMeta) => {\n          if (t) clearTimeout(t);\n          t = setTimeout(() => {\n            cb(s, meta);\n          }, ms);\n        };\n      }\n      if (strategy === 'throttle') {\n        let last = 0;\n        return (s: number, meta: BottomSizeChangeMeta) => {\n          const now = Date.now();\n          if (now - last >= ms) {\n            last = now;\n            cb(s, meta);\n          }\n        };\n      }\n      return (s: number, meta: BottomSizeChangeMeta) => cb(s, meta);\n    }, [(props as any).onSizeChange, (props as any).sizeUpdate, (props as any).sizeUpdateMs]);\n\n    const didInitRef = React.useRef(false);\n    const didInitFromDefaultOpenRef = React.useRef(false);\n    const resolvedDefaultOpen = useResponsiveValue(defaultOpen as any);\n    React.useEffect(() => {\n      if (didInitRef.current) return;\n      if (!shell.currentBreakpointReady) return;\n      didInitRef.current = true;\n      if (typeof open === 'undefined' && typeof defaultOpen !== 'undefined') {\n        const initial = Boolean(resolvedDefaultOpen);\n        shell.setBottomMode(initial ? 'expanded' : 'collapsed');\n        didInitFromDefaultOpenRef.current = true;\n      }\n    }, [shell.currentBreakpointReady, open, defaultOpen, resolvedDefaultOpen]);\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        // eslint-disable-next-line no-console\n        console.error('Shell.Bottom: Do not pass both `open` and `defaultOpen`. Choose one.');\n      }\n      if (typeof (props as any).size !== 'undefined' && typeof (props as any).defaultSize !== 'undefined') {\n        // eslint-disable-next-line no-console\n        console.error('Shell.Bottom: Do not pass both `size` and `defaultSize`. Choose one.');\n      }\n    }\n\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        // eslint-disable-next-line no-console\n        console.warn('Shell.Bottom: Switching between controlled and uncontrolled `open` is not supported.');\n        wasControlledRef.current = isControlled;\n      }\n    }, [open]);\n\n    // Controlled sync (responsive handled below)\n    React.useEffect(() => {\n      if (typeof open === 'undefined') return;\n      shell.setBottomMode(open ? 'expanded' : 'collapsed');\n    }, [open]);\n\n    const responsiveNotifiedRef = React.useRef(false);\n\n    // Controlled responsive open\n    const resolvedOpen = useResponsiveValue(open);\n    React.useEffect(() => {\n      if (typeof resolvedOpen === 'undefined') return;\n      const shouldExpand = Boolean(resolvedOpen);\n      shell.setBottomMode(shouldExpand ? 'expanded' : 'collapsed');\n    }, [resolvedOpen]);\n\n    const initNotifiedRef = React.useRef(false);\n    const lastBottomModeRef = React.useRef<PaneMode | null>(null);\n    React.useEffect(() => {\n      if (!initNotifiedRef.current && typeof open === 'undefined' && defaultOpen && shell.bottomMode === 'expanded') {\n        onOpenChange?.(true, { reason: 'init' });\n        initNotifiedRef.current = true;\n      }\n      if (typeof open === 'undefined') {\n        if (lastBottomModeRef.current !== null && lastBottomModeRef.current !== shell.bottomMode) {\n          if (!responsiveNotifiedRef.current) {\n            onOpenChange?.(shell.bottomMode === 'expanded', { reason: 'toggle' });\n          }\n          responsiveNotifiedRef.current = false;\n        }\n        lastBottomModeRef.current = shell.bottomMode;\n      }\n    }, [shell.bottomMode, open, defaultOpen, onOpenChange]);\n\n    React.useEffect(() => {\n      if (shell.bottomMode === 'expanded') {\n        onExpand?.();\n      } else {\n        onCollapse?.();\n      }\n    }, [shell.bottomMode, onExpand, onCollapse]);\n\n    const isExpanded = shell.bottomMode === 'expanded';\n\n    const persistenceAdapter = React.useMemo(() => {\n      if (!paneId || persistence) return persistence;\n      const key = `kookie-ui:shell:bottom:${paneId}`;\n      const adapter: PaneSizePersistence = {\n        load: () => {\n          if (typeof window === 'undefined') return undefined;\n          const v = window.localStorage.getItem(key);\n          return v ? Number(v) : undefined;\n        },\n        save: (size: number) => {\n          if (typeof window === 'undefined') return;\n          window.localStorage.setItem(key, String(size));\n        },\n      };\n      return adapter;\n    }, [paneId, persistence]);\n\n    React.useEffect(() => {\n      let mounted = true;\n      (async () => {\n        if (!resizable || !persistenceAdapter?.load || isOverlay) return;\n        const loaded = await persistenceAdapter.load();\n        if (mounted && typeof loaded === 'number' && localRef.current) {\n          localRef.current.style.setProperty('--bottom-size', `${loaded}px`);\n          onResize?.(loaded);\n        }\n      })();\n      return () => {\n        mounted = false;\n      };\n    }, [resizable, persistenceAdapter, onResize, isOverlay]);\n\n    const handleEl =\n      resizable && !isOverlay && isExpanded ? (\n        <PaneResizeContext.Provider\n          value={{\n            containerRef: localRef,\n            cssVarName: '--bottom-size',\n            minSize,\n            maxSize,\n            defaultSize: expandedSize,\n            orientation: 'horizontal',\n            edge: 'start',\n            computeNext: (client, startClient, startSize) => {\n              const delta = client - startClient;\n              return startSize - delta;\n            },\n            onResize,\n            onResizeStart,\n            onResizeEnd: (size) => {\n              onResizeEnd?.(size);\n              emitSizeChange(size, { reason: 'resize' });\n              persistenceAdapter?.save?.(size);\n            },\n            target: 'bottom',\n            collapsible,\n            snapPoints,\n            snapTolerance: snapTolerance ?? 8,\n            collapseThreshold,\n            requestCollapse: () => shell.setBottomMode('collapsed'),\n            requestToggle: () => shell.togglePane('bottom'),\n          }}\n        >\n          {handleChildren.length > 0 ? handleChildren.map((el, i) => React.cloneElement(el, { key: el.key ?? i })) : <PaneHandle />}\n        </PaneResizeContext.Provider>\n      ) : null;\n\n    // Strip control/size props from DOM spread (moved above overlay return to keep hook order consistent)\n    const {\n      defaultOpen: _bottomDefaultOpenIgnored,\n      open: _bottomOpenIgnored,\n      onOpenChange: _bottomOnOpenChangeIgnored,\n      size: _bottomSizeIgnored,\n      defaultSize: _bottomDefaultSizeIgnored,\n      onSizeChange: _bottomOnSizeChangeIgnored,\n      sizeUpdate: _szu,\n      sizeUpdateMs: _szums,\n      ...bottomDomProps\n    } = props as any;\n\n    // Normalize CSS lengths to px (moved above overlay return to keep hook order consistent)\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.clientHeight || window.innerHeight || 0;\n        return (pct / 100) * base;\n      }\n      const n = Number.parseFloat(str);\n      return Number.isFinite(n) ? n : undefined;\n    }, []);\n\n    // Apply defaultSize on mount when uncontrolled (moved above overlay return)\n    React.useEffect(() => {\n      if (!localRef.current) return;\n      if (typeof (props as any).size === 'undefined' && typeof (props as any).defaultSize !== 'undefined') {\n        const px = normalizeToPx((props as any).defaultSize);\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('--bottom-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 (moved above overlay return)\n    React.useEffect(() => {\n      if (!localRef.current) return;\n      if (typeof (props as any).size === 'undefined') return;\n      const px = normalizeToPx((props as any).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('--bottom-size', `${clamped}px`);\n        emitSizeChange(clamped, { reason: 'controlled' });\n      }\n    }, [(props as any).size, minSize, maxSize, normalizeToPx, emitSizeChange]);\n\n    if (isOverlay) {\n      const open = shell.bottomMode === 'expanded';\n      return (\n        <Sheet.Root open={open} onOpenChange={(o) => shell.setBottomMode(o ? 'expanded' : 'collapsed')}>\n          <Sheet.Content side=\"bottom\" style={{ padding: 0 }} height={{ initial: `${expandedSize}px` }}>\n            <VisuallyHidden>\n              <Sheet.Title>Bottom panel</Sheet.Title>\n            </VisuallyHidden>\n            {contentChildren}\n          </Sheet.Content>\n        </Sheet.Root>\n      );\n    }\n\n    return (\n      <div\n        {...bottomDomProps}\n        ref={setRef}\n        className={classNames('rt-ShellBottom', className)}\n        data-mode={shell.bottomMode}\n        data-peek={shell.peekTarget === 'bottom' || undefined}\n        data-presentation={shell.currentBreakpointReady ? resolvedPresentation : undefined}\n        data-open={(shell.currentBreakpointReady && isStacked && isExpanded) || undefined}\n        style={{\n          ...style,\n          ['--bottom-size' as any]: `${expandedSize}px`,\n          ['--bottom-min-size' as any]: `${minSize}px`,\n          ['--bottom-max-size' as any]: `${maxSize}px`,\n        }}\n      >\n        <div className=\"rt-ShellBottomContent\" data-visible={isExpanded || undefined}>\n          {contentChildren}\n        </div>\n        {handleEl}\n      </div>\n    );\n  },\n) as BottomComponent;\nBottom.displayName = 'Shell.Bottom';\nBottom.Handle = BottomHandle;\n"],
+  "mappings": "skBAAA,IAAAA,GAAA,GAAAC,GAAAD,GAAA,YAAAE,IAAA,eAAAC,GAAAH,IAAA,IAAAI,EAAuB,oBACvBC,EAAuB,yBACvBC,EAAuB,0BACvBC,EAA+B,iCAC/BC,EAAyB,+BACzBC,EAA8D,6BAC9DC,EAAkC,6BAClCC,EAAyC,8BACzCC,GAA6B,6BAwCtB,MAAMV,EAASE,EAAM,WAC1B,CACE,CACE,UAAAS,EACA,aAAAC,EAAe,QAGf,YAAAC,EACA,KAAAC,EACA,aAAAC,EACA,aAAAC,EAAe,IACf,QAAAC,EAAU,IACV,QAAAC,EAAU,IACV,UAAAC,EAAY,GACZ,YAAAC,EAAc,GACd,SAAAC,EACA,WAAAC,EACA,SAAAC,EACA,cAAAC,GACA,YAAAC,GACA,WAAAC,GACA,cAAAC,GACA,kBAAAC,GACA,OAAAC,EACA,YAAAC,EACA,SAAAC,GACA,MAAAC,GACA,GAAGC,CACL,EACAC,IACG,CACH,MAAMC,KAAQ,YAAS,EACjBC,KAAuB,6BAA0BxB,CAAY,EAC7DyB,EAAYD,IAAyB,UACrCE,GAAYF,IAAyB,UACrCG,EAAWrC,EAAM,OAA8B,IAAI,EACnDsC,GAAStC,EAAM,YAClBuC,GAAgC,CAC/BF,EAAS,QAAUE,EACf,OAAOP,GAAQ,WAAYA,EAAIO,CAAI,EAC9BP,IAAMA,EAAsD,QAAUO,EACjF,EACA,CAACP,CAAG,CACN,EACMQ,EAAaxC,EAAM,SAAS,QAAQ6B,EAAQ,EAC5CY,EAAiBD,EAAW,OAAQE,GAA2B1C,EAAM,eAAe0C,CAAE,GAAKA,EAAG,OAAS,cAAY,EACnHC,EAAkBH,EAAW,OAAQE,GAA2B,EAAE1C,EAAM,eAAe0C,CAAE,GAAKA,EAAG,OAAS,eAAa,EAGvHE,EAAiB5C,EAAM,QAAQ,IAAM,CACzC,MAAM6C,EAAMd,EAAc,aACpBe,EAAYf,EAAc,WAC1BgB,EAAMhB,EAAc,cAAgB,GAC1C,GAAI,CAACc,EAAI,MAAO,IAAM,CAAC,EACvB,GAAIC,IAAa,WAAY,CAC3B,IAAIE,EAAS,KACb,MAAO,CAACC,EAAWC,IAA+B,CAC5CF,GAAG,aAAaA,CAAC,EACrBA,EAAI,WAAW,IAAM,CACnBH,EAAGI,EAAGC,CAAI,CACZ,EAAGH,CAAE,CACP,CACF,CACA,GAAID,IAAa,WAAY,CAC3B,IAAIK,EAAO,EACX,MAAO,CAACF,EAAWC,IAA+B,CAChD,MAAME,EAAM,KAAK,IAAI,EACjBA,EAAMD,GAAQJ,IAChBI,EAAOC,EACPP,EAAGI,EAAGC,CAAI,EAEd,CACF,CACA,MAAO,CAACD,EAAWC,IAA+BL,EAAGI,EAAGC,CAAI,CAC9D,EAAG,CAAEnB,EAAc,aAAeA,EAAc,WAAaA,EAAc,YAAY,CAAC,EAElFsB,EAAarD,EAAM,OAAO,EAAK,EAC/BsD,GAA4BtD,EAAM,OAAO,EAAK,EAC9CuD,KAAsB,sBAAmB5C,CAAkB,EACjEX,EAAM,UAAU,IAAM,CACpB,GAAI,CAAAqD,EAAW,SACVpB,EAAM,yBACXoB,EAAW,QAAU,GACjB,OAAOzC,EAAS,KAAe,OAAOD,EAAgB,KAAa,CACrE,MAAM6C,EAAU,EAAQD,EACxBtB,EAAM,cAAcuB,EAAU,WAAa,WAAW,EACtDF,GAA0B,QAAU,EACtC,CACF,EAAG,CAACrB,EAAM,uBAAwBrB,EAAMD,EAAa4C,CAAmB,CAAC,EAGzE,MAAME,EAAmBzD,EAAM,OAAuB,IAAI,EAY1DA,EAAM,UAAU,IAAM,CACpB,MAAM0D,EAAe,OAAO9C,EAAS,IACrC,GAAI6C,EAAiB,UAAY,KAAM,CACrCA,EAAiB,QAAUC,EAC3B,MACF,CACID,EAAiB,UAAYC,IAE/B,QAAQ,KAAK,sFAAsF,EACnGD,EAAiB,QAAUC,EAE/B,EAAG,CAAC9C,CAAI,CAAC,EAGTZ,EAAM,UAAU,IAAM,CAChB,OAAOY,EAAS,KACpBqB,EAAM,cAAcrB,EAAO,WAAa,WAAW,CACrD,EAAG,CAACA,CAAI,CAAC,EAET,MAAM+C,EAAwB3D,EAAM,OAAO,EAAK,EAG1C4D,KAAe,sBAAmBhD,CAAI,EAC5CZ,EAAM,UAAU,IAAM,CACpB,GAAI,OAAO4D,EAAiB,IAAa,OACzC,MAAMC,EAAe,EAAQD,EAC7B3B,EAAM,cAAc4B,EAAe,WAAa,WAAW,CAC7D,EAAG,CAACD,CAAY,CAAC,EAEjB,MAAME,EAAkB9D,EAAM,OAAO,EAAK,EACpC+D,EAAoB/D,EAAM,OAAwB,IAAI,EAC5DA,EAAM,UAAU,IAAM,CAChB,CAAC8D,EAAgB,SAAW,OAAOlD,EAAS,KAAeD,GAAesB,EAAM,aAAe,aACjGpB,IAAe,GAAM,CAAE,OAAQ,MAAO,CAAC,EACvCiD,EAAgB,QAAU,IAExB,OAAOlD,EAAS,MACdmD,EAAkB,UAAY,MAAQA,EAAkB,UAAY9B,EAAM,aACvE0B,EAAsB,SACzB9C,IAAeoB,EAAM,aAAe,WAAY,CAAE,OAAQ,QAAS,CAAC,EAEtE0B,EAAsB,QAAU,IAElCI,EAAkB,QAAU9B,EAAM,WAEtC,EAAG,CAACA,EAAM,WAAYrB,EAAMD,EAAaE,CAAY,CAAC,EAEtDb,EAAM,UAAU,IAAM,CAChBiC,EAAM,aAAe,WACvBd,IAAW,EAEXC,IAAa,CAEjB,EAAG,CAACa,EAAM,WAAYd,EAAUC,CAAU,CAAC,EAE3C,MAAM4C,EAAa/B,EAAM,aAAe,WAElCgC,EAAqBjE,EAAM,QAAQ,IAAM,CAC7C,GAAI,CAAC2B,GAAUC,EAAa,OAAOA,EACnC,MAAMsC,EAAM,0BAA0BvC,CAAM,GAY5C,MAXqC,CACnC,KAAM,IAAM,CACV,GAAI,OAAO,OAAW,IAAa,OACnC,MAAMwC,EAAI,OAAO,aAAa,QAAQD,CAAG,EACzC,OAAOC,EAAI,OAAOA,CAAC,EAAI,MACzB,EACA,KAAOC,GAAiB,CAClB,OAAO,OAAW,KACtB,OAAO,aAAa,QAAQF,EAAK,OAAOE,CAAI,CAAC,CAC/C,CACF,CAEF,EAAG,CAACzC,EAAQC,CAAW,CAAC,EAExB5B,EAAM,UAAU,IAAM,CACpB,IAAIqE,EAAU,GACd,OAAC,SAAY,CACX,GAAI,CAACpD,GAAa,CAACgD,GAAoB,MAAQ9B,EAAW,OAC1D,MAAMmC,EAAS,MAAML,EAAmB,KAAK,EACzCI,GAAW,OAAOC,GAAW,UAAYjC,EAAS,UACpDA,EAAS,QAAQ,MAAM,YAAY,gBAAiB,GAAGiC,CAAM,IAAI,EACjEjD,IAAWiD,CAAM,EAErB,GAAG,EACI,IAAM,CACXD,EAAU,EACZ,CACF,EAAG,CAACpD,EAAWgD,EAAoB5C,EAAUc,CAAS,CAAC,EAEvD,MAAMoC,GACJtD,GAAa,CAACkB,GAAa6B,EACzBhE,EAAA,cAAC,oBAAkB,SAAlB,CACC,MAAO,CACL,aAAcqC,EACd,WAAY,gBACZ,QAAAtB,EACA,QAAAC,EACA,YAAaF,EACb,YAAa,aACb,KAAM,QACN,YAAa,CAAC0D,EAAQC,EAAaC,IAAc,CAC/C,MAAMC,EAAQH,EAASC,EACvB,OAAOC,EAAYC,CACrB,EACA,SAAAtD,EACA,cAAAC,GACA,YAAc8C,GAAS,CACrB7C,KAAc6C,CAAI,EAClBxB,EAAewB,EAAM,CAAE,OAAQ,QAAS,CAAC,EACzCH,GAAoB,OAAOG,CAAI,CACjC,EACA,OAAQ,SACR,YAAAlD,EACA,WAAAM,GACA,cAAeC,IAAiB,EAChC,kBAAAC,GACA,gBAAiB,IAAMO,EAAM,cAAc,WAAW,EACtD,cAAe,IAAMA,EAAM,WAAW,QAAQ,CAChD,GAECQ,EAAe,OAAS,EAAIA,EAAe,IAAI,CAACC,EAAIkC,IAAM5E,EAAM,aAAa0C,EAAI,CAAE,IAAKA,EAAG,KAAOkC,CAAE,CAAC,CAAC,EAAI5E,EAAA,cAAC,iBAAW,CACzH,EACE,KAGA,CACJ,YAAa6E,GACb,KAAMC,GACN,aAAcC,GACd,KAAMC,GACN,YAAaC,GACb,aAAcC,GACd,WAAYC,GACZ,aAAcC,GACd,GAAGC,EACL,EAAItD,EAGEuD,EAAgBtF,EAAM,YAAauF,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,cAAgB,OAAO,aAAe,EAC5E,OAAQD,EAAM,IAAOC,CACvB,CACA,MAAMC,EAAI,OAAO,WAAWJ,CAAG,EAC/B,OAAO,OAAO,SAASI,CAAC,EAAIA,EAAI,MAClC,EAAG,CAAC,CAAC,EAgCL,GA7BA5F,EAAM,UAAU,IAAM,CACpB,GAAKqC,EAAS,SACV,OAAQN,EAAc,KAAS,KAAe,OAAQA,EAAc,YAAgB,IAAa,CACnG,MAAM8D,EAAKP,EAAevD,EAAc,WAAW,EACnD,GAAI,OAAO8D,GAAO,UAAY,OAAO,SAASA,CAAE,EAAG,CAGjD,MAAMC,EAAU,KAAK,KADP,OAAO9E,GAAY,SAAWA,EAAU,SACpB6E,EAAI,KAAK,KAF7B,OAAO9E,GAAY,SAAWA,EAAU,SAEE8E,EAAIA,CAAE,CAAC,EAC/DxD,EAAS,QAAQ,MAAM,YAAY,gBAAiB,GAAGyD,CAAO,IAAI,EAClElD,EAAekD,EAAS,CAAE,OAAQ,MAAO,CAAC,CAC5C,CACF,CAEF,EAAG,CAAC,CAAC,EAGL9F,EAAM,UAAU,IAAM,CAEpB,GADI,CAACqC,EAAS,SACV,OAAQN,EAAc,KAAS,IAAa,OAChD,MAAM8D,EAAKP,EAAevD,EAAc,IAAI,EAC5C,GAAI,OAAO8D,GAAO,UAAY,OAAO,SAASA,CAAE,EAAG,CAGjD,MAAMC,EAAU,KAAK,KADP,OAAO9E,GAAY,SAAWA,EAAU,SACpB6E,EAAI,KAAK,KAF7B,OAAO9E,GAAY,SAAWA,EAAU,SAEE8E,EAAIA,CAAE,CAAC,EAC/DxD,EAAS,QAAQ,MAAM,YAAY,gBAAiB,GAAGyD,CAAO,IAAI,EAClElD,EAAekD,EAAS,CAAE,OAAQ,YAAa,CAAC,CAClD,CACF,EAAG,CAAE/D,EAAc,KAAMhB,EAASC,EAASsE,EAAe1C,CAAc,CAAC,EAErET,EAAW,CACb,MAAMvB,EAAOqB,EAAM,aAAe,WAClC,OACEjC,EAAA,cAACE,EAAM,KAAN,CAAW,KAAMU,EAAM,aAAemF,GAAM9D,EAAM,cAAc8D,EAAI,WAAa,WAAW,GAC3F/F,EAAA,cAACE,EAAM,QAAN,CAAc,KAAK,SAAS,MAAO,CAAE,QAAS,CAAE,EAAG,OAAQ,CAAE,QAAS,GAAGY,CAAY,IAAK,GACzFd,EAAA,cAAC,sBACCA,EAAA,cAACE,EAAM,MAAN,KAAY,cAAY,CAC3B,EACCyC,CACH,CACF,CAEJ,CAEA,OACE3C,EAAA,cAAC,OACE,GAAGqF,GACJ,IAAK/C,GACL,aAAW,EAAA0D,SAAW,iBAAkBvF,CAAS,EACjD,YAAWwB,EAAM,WACjB,YAAWA,EAAM,aAAe,UAAY,OAC5C,oBAAmBA,EAAM,uBAAyBC,EAAuB,OACzE,YAAYD,EAAM,wBAA0BG,IAAa4B,GAAe,OACxE,MAAO,CACL,GAAGlC,GACF,gBAAyB,GAAGhB,CAAY,KACxC,oBAA6B,GAAGC,CAAO,KACvC,oBAA6B,GAAGC,CAAO,IAC1C,GAEAhB,EAAA,cAAC,OAAI,UAAU,wBAAwB,eAAcgE,GAAc,QAChErB,CACH,EACC4B,EACH,CAEJ,CACF,EACAzE,EAAO,YAAc,eACrBA,EAAO,OAAS",
   "names": ["shell_bottom_exports", "__export", "Bottom", "__toCommonJS", "React", "import_classnames", "Sheet", "import_visually_hidden", "import_shell_context", "import_shell_hooks", "import_shell_resize", "import_shell_handles", "import_shell_types", "className", "presentation", "defaultOpen", "open", "onOpenChange", "expandedSize", "minSize", "maxSize", "resizable", "collapsible", "onExpand", "onCollapse", "onResize", "onResizeStart", "onResizeEnd", "snapPoints", "snapTolerance", "collapseThreshold", "paneId", "persistence", "children", "style", "props", "ref", "shell", "resolvedPresentation", "isOverlay", "isStacked", "localRef", "setRef", "node", "childArray", "handleChildren", "el", "contentChildren", "emitSizeChange", "cb", "strategy", "ms", "t", "s", "meta", "last", "now", "didInitRef", "didInitFromDefaultOpenRef", "resolvedDefaultOpen", "initial", "wasControlledRef", "isControlled", "responsiveNotifiedRef", "resolvedOpen", "shouldExpand", "initNotifiedRef", "lastBottomModeRef", "isExpanded", "persistenceAdapter", "key", "v", "size", "mounted", "loaded", "handleEl", "client", "startClient", "startSize", "delta", "i", "_bottomDefaultOpenIgnored", "_bottomOpenIgnored", "_bottomOnOpenChangeIgnored", "_bottomSizeIgnored", "_bottomDefaultSizeIgnored", "_bottomOnSizeChangeIgnored", "_szu", "_szums", "bottomDomProps", "normalizeToPx", "value", "str", "rem", "pct", "base", "n", "px", "clamped", "o", "classNames"]
 }

package/dist/cjs/components/_internal/shell-handles.js

@@ -1,2 +1,2 @@
-"use strict";var _=Object.create;var A=Object.defineProperty;var ee=Object.getOwnPropertyDescriptor;var te=Object.getOwnPropertyNames;var ne=Object.getPrototypeOf,re=Object.prototype.hasOwnProperty;var oe=(e,t)=>{for(var u in t)A(e,u,{get:t[u],enumerable:!0})},K=(e,t,u,H)=>{if(t&&typeof t=="object"||typeof t=="function")for(let p of te(t))!re.call(e,p)&&p!==u&&A(e,p,{get:()=>t[p],enumerable:!(H=ee(t,p))||H.enumerable});return e};var V=(e,t,u)=>(u=e!=null?_(ne(e)):{},K(t||!e||!e.__esModule?A(u,"default",{value:e,enumerable:!0}):u,e)),ae=e=>K(A({},"__esModule",{value:!0}),e);var se={};oe(se,{BottomHandle:()=>O,InspectorHandle:()=>Y,PaneHandle:()=>g,PanelHandle:()=>B,SidebarHandle:()=>X});module.exports=ae(se);var c=V(require("react")),U=V(require("classnames")),q=require("./shell-resize.js");const g=c.forwardRef(({className:e,children:t,...u},H)=>{const{containerRef:p,cssVarName:m,minSize:C,maxSize:M,defaultSize:D,orientation:w,edge:N,computeNext:j,onResize:b,onResizeStart:T,onResizeEnd:P,snapPoints:z,snapTolerance:G,collapseThreshold:k,collapsible:$,target:ie,requestCollapse:J,requestToggle:Q}=(0,q.usePaneResize)(),R=c.useRef(null);c.useEffect(()=>()=>{try{R.current?.()}catch{}R.current=null},[]);const Z=w;return c.createElement("div",{...u,ref:H,className:(0,U.default)("rt-ShellResizer",e),"data-orientation":w,"data-edge":N,role:"slider","aria-orientation":Z,"aria-valuemin":C,"aria-valuemax":M,"aria-valuenow":D,tabIndex:0,onPointerDown:n=>{if(!p.current)return;n.preventDefault();const o=p.current,d=n.currentTarget,x=n.pointerId;try{R.current?.()}catch{}o.setAttribute("data-resizing","");try{d.setPointerCapture(x)}catch{}const L=w==="vertical"?n.clientX:n.clientY,v=parseFloat(getComputedStyle(o).getPropertyValue(m)||`${D}`),y=l=>Math.min(Math.max(l,C),M),a=document.body,r=a.style.cursor,f=a.style.userSelect;a.style.cursor=w==="vertical"?"col-resize":"row-resize",a.style.userSelect="none",T?.(v);const i=l=>{const E=w==="vertical"?l.clientX:l.clientY,S=y(j(E,L,v));o.style.setProperty(m,`${S}px`),d.setAttribute("aria-valuenow",String(S)),b?.(S)},h=()=>{try{d.releasePointerCapture(x)}catch{}window.removeEventListener("pointermove",i),document.removeEventListener("pointermove",i),window.removeEventListener("mousemove",i),document.removeEventListener("mousemove",i),d.removeEventListener("pointermove",i),window.removeEventListener("pointerup",s),document.removeEventListener("pointerup",s),window.removeEventListener("mouseup",s),document.removeEventListener("mouseup",s),window.removeEventListener("pointercancel",s),document.removeEventListener("pointercancel",s),window.removeEventListener("keydown",I),d.removeEventListener("lostpointercapture",s),o.removeAttribute("data-resizing"),a.style.cursor=r,a.style.userSelect=f,R.current=null},s=()=>{const l=parseFloat(getComputedStyle(o).getPropertyValue(m)||`${D}`);let E=l;if(z&&z.length){const S=z.reduce((W,F)=>Math.abs(F-l)<Math.abs(W-l)?F:W,z[0]);Math.abs(S-l)<=(G??8)&&(E=S,o.style.setProperty(m,`${E}px`),d.setAttribute("aria-valuenow",String(E)),b?.(E))}$&&typeof k=="number"&&l<=k&&J?.(),P?.(E),h()},I=l=>{l.key==="Escape"&&(o.style.setProperty(m,`${v}px`),d.setAttribute("aria-valuenow",String(v)),P?.(v),h())};window.addEventListener("pointermove",i),document.addEventListener("pointermove",i),window.addEventListener("mousemove",i),document.addEventListener("mousemove",i),d.addEventListener("pointermove",i),window.addEventListener("pointerup",s),document.addEventListener("pointerup",s),window.addEventListener("mouseup",s),document.addEventListener("mouseup",s),window.addEventListener("pointercancel",s),document.addEventListener("pointercancel",s),window.addEventListener("keydown",I),d.addEventListener("lostpointercapture",s),R.current=h},onDoubleClick:()=>{$&&Q?.()},onKeyDown:n=>{if(!p.current)return;const o=p.current,d=getComputedStyle(o).getPropertyValue(m),x=Number.parseFloat(d.trim()),L=Number.isFinite(x)?x:D,v=r=>Math.min(Math.max(r,C),M),y=n.shiftKey?32:8;let a=0;if(w==="vertical"){const r=typeof document<"u"?document.dir:void 0,f=getComputedStyle(o).direction,i=!!(o.closest&&o.closest('[dir="rtl"]')),h=r==="rtl"||f==="rtl"||i;n.key==="ArrowRight"?a=h?-y:y:n.key==="ArrowLeft"&&(a=h?y:-y)}else n.key==="ArrowDown"?a=y:n.key==="ArrowUp"&&(a=-y);if(n.key==="Home"){n.preventDefault(),T?.(L);const r=v(C);o.style.setProperty(m,`${r}px`),n.currentTarget.setAttribute("aria-valuenow",String(r)),b?.(r),P?.(r);return}if(n.key==="End"){n.preventDefault(),T?.(L);const r=v(M);o.style.setProperty(m,`${r}px`),n.currentTarget.setAttribute("aria-valuenow",String(r)),b?.(r),P?.(r);return}if(a!==0){n.preventDefault(),T?.(L);const r=w==="vertical"&&N==="start"?-a:a,f=v(L+r);o.style.setProperty(m,`${f}px`),n.currentTarget.setAttribute("aria-valuenow",String(f)),b?.(f),P?.(f)}}},t)});g.displayName="Shell.Handle";const B=c.forwardRef((e,t)=>c.createElement(g,{...e,ref:t}));B.displayName="Shell.Panel.Handle";const X=c.forwardRef((e,t)=>c.createElement(g,{...e,ref:t}));X.displayName="Shell.Sidebar.Handle";const Y=c.forwardRef((e,t)=>c.createElement(g,{...e,ref:t}));Y.displayName="Shell.Inspector.Handle";const O=c.forwardRef((e,t)=>c.createElement(g,{...e,ref:t}));O.displayName="Shell.Bottom.Handle";
+"use strict";var Z=Object.create;var A=Object.defineProperty;var ee=Object.getOwnPropertyDescriptor;var te=Object.getOwnPropertyNames;var ne=Object.getPrototypeOf,re=Object.prototype.hasOwnProperty;var oe=(e,t)=>{for(var u in t)A(e,u,{get:t[u],enumerable:!0})},K=(e,t,u,H)=>{if(t&&typeof t=="object"||typeof t=="function")for(let p of te(t))!re.call(e,p)&&p!==u&&A(e,p,{get:()=>t[p],enumerable:!(H=ee(t,p))||H.enumerable});return e};var V=(e,t,u)=>(u=e!=null?Z(ne(e)):{},K(t||!e||!e.__esModule?A(u,"default",{value:e,enumerable:!0}):u,e)),ae=e=>K(A({},"__esModule",{value:!0}),e);var se={};oe(se,{BottomHandle:()=>O,InspectorHandle:()=>Y,PaneHandle:()=>S,PanelHandle:()=>B,SidebarHandle:()=>X});module.exports=ae(se);var c=V(require("react")),U=V(require("classnames")),q=require("./shell-resize.js");const S=c.forwardRef(({className:e,children:t,...u},H)=>{const{containerRef:p,cssVarName:m,minSize:C,maxSize:M,defaultSize:D,orientation:w,edge:N,computeNext:_,onResize:b,onResizeStart:T,onResizeEnd:P,snapPoints:z,snapTolerance:j,collapseThreshold:k,collapsible:$,target:ie,requestCollapse:G,requestToggle:J}=(0,q.usePaneResize)(),R=c.useRef(null);c.useEffect(()=>()=>{try{R.current?.()}catch{}R.current=null},[]);const Q=w;return c.createElement("div",{...u,ref:H,className:(0,U.default)("rt-ShellResizer",e),"data-orientation":w,"data-edge":N,role:"slider","aria-orientation":Q,"aria-valuemin":C,"aria-valuemax":M,"aria-valuenow":D,tabIndex:0,onPointerDown:n=>{if(!p.current)return;n.preventDefault();const o=p.current,d=n.currentTarget,x=n.pointerId;try{R.current?.()}catch{}o.setAttribute("data-resizing","");try{d.setPointerCapture(x)}catch{}const L=w==="vertical"?n.clientX:n.clientY,v=parseFloat(getComputedStyle(o).getPropertyValue(m)||`${D}`),y=l=>Math.min(Math.max(l,C),M),a=document.body,r=a.style.cursor,f=a.style.userSelect;a.style.cursor=w==="vertical"?"col-resize":"row-resize",a.style.userSelect="none",T?.(v);const i=l=>{const E=w==="vertical"?l.clientX:l.clientY,g=y(_(E,L,v));o.style.setProperty(m,`${g}px`),d.setAttribute("aria-valuenow",String(g)),b?.(g)},h=()=>{try{d.releasePointerCapture(x)}catch{}window.removeEventListener("pointermove",i),document.removeEventListener("pointermove",i),window.removeEventListener("mousemove",i),document.removeEventListener("mousemove",i),d.removeEventListener("pointermove",i),window.removeEventListener("pointerup",s),document.removeEventListener("pointerup",s),window.removeEventListener("mouseup",s),document.removeEventListener("mouseup",s),window.removeEventListener("pointercancel",s),document.removeEventListener("pointercancel",s),window.removeEventListener("keydown",I),d.removeEventListener("lostpointercapture",s),o.removeAttribute("data-resizing"),a.style.cursor=r,a.style.userSelect=f,R.current=null},s=()=>{const l=parseFloat(getComputedStyle(o).getPropertyValue(m)||`${D}`);let E=l;if(z&&z.length){const g=z.reduce((W,F)=>Math.abs(F-l)<Math.abs(W-l)?F:W,z[0]);Math.abs(g-l)<=(j??8)&&(E=g,o.style.setProperty(m,`${E}px`),d.setAttribute("aria-valuenow",String(E)),b?.(E))}$&&typeof k=="number"&&l<=k&&G?.(),P?.(E),h()},I=l=>{l.key==="Escape"&&(o.style.setProperty(m,`${v}px`),d.setAttribute("aria-valuenow",String(v)),P?.(v),h())};window.addEventListener("pointermove",i),document.addEventListener("pointermove",i),window.addEventListener("mousemove",i),document.addEventListener("mousemove",i),d.addEventListener("pointermove",i),window.addEventListener("pointerup",s),document.addEventListener("pointerup",s),window.addEventListener("mouseup",s),document.addEventListener("mouseup",s),window.addEventListener("pointercancel",s),document.addEventListener("pointercancel",s),window.addEventListener("keydown",I),d.addEventListener("lostpointercapture",s),R.current=h},onDoubleClick:()=>{$&&J?.()},onKeyDown:n=>{if(!p.current)return;const o=p.current,d=getComputedStyle(o).getPropertyValue(m),x=Number.parseFloat(d.trim()),L=Number.isFinite(x)?x:D,v=r=>Math.min(Math.max(r,C),M),y=n.shiftKey?32:8;let a=0;if(w==="vertical"){const r=typeof document<"u"?document.dir:void 0,f=getComputedStyle(o).direction,i=!!(o.closest&&o.closest('[dir="rtl"]')),h=r==="rtl"||f==="rtl"||i;n.key==="ArrowRight"?a=h?-y:y:n.key==="ArrowLeft"&&(a=h?y:-y)}else n.key==="ArrowDown"?a=y:n.key==="ArrowUp"&&(a=-y);if(n.key==="Home"){n.preventDefault(),T?.(L);const r=v(C);o.style.setProperty(m,`${r}px`),n.currentTarget.setAttribute("aria-valuenow",String(r)),b?.(r),P?.(r);return}if(n.key==="End"){n.preventDefault(),T?.(L);const r=v(M);o.style.setProperty(m,`${r}px`),n.currentTarget.setAttribute("aria-valuenow",String(r)),b?.(r),P?.(r);return}if(a!==0){n.preventDefault(),T?.(L);const r=w==="vertical"&&N==="start"?-a:a,f=v(L+r);o.style.setProperty(m,`${f}px`),n.currentTarget.setAttribute("aria-valuenow",String(f)),b?.(f),P?.(f)}}},t)});S.displayName="Shell.Handle";const B=c.forwardRef((e,t)=>c.createElement(S,{...e,ref:t}));B.displayName="Shell.Panel.Handle";const X=c.forwardRef((e,t)=>c.createElement(S,{...e,ref:t}));X.displayName="Shell.Sidebar.Handle";const Y=c.forwardRef((e,t)=>c.createElement(S,{...e,ref:t}));Y.displayName="Shell.Inspector.Handle";const O=c.forwardRef((e,t)=>c.createElement(S,{...e,ref:t}));O.displayName="Shell.Bottom.Handle";
 //# sourceMappingURL=shell-handles.js.map

package/dist/cjs/components/_internal/shell-handles.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/_internal/shell-handles.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { usePaneResize } from './shell-resize.js';\n\nexport const PaneHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(({ className, children, ...props }, ref) => {\n  const {\n    containerRef,\n    cssVarName,\n    minSize,\n    maxSize,\n    defaultSize,\n    orientation,\n    edge,\n    computeNext,\n    onResize,\n    onResizeStart,\n    onResizeEnd,\n    snapPoints,\n    snapTolerance,\n    collapseThreshold,\n    collapsible,\n    target,\n    requestCollapse,\n    requestToggle,\n  } = usePaneResize();\n\n  const activeCleanupRef = React.useRef<(() => void) | null>(null);\n  React.useEffect(\n    () => () => {\n      try {\n        activeCleanupRef.current?.();\n      } catch {}\n      activeCleanupRef.current = null;\n    },\n    [],\n  );\n\n  const ariaOrientation = orientation;\n\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={classNames('rt-ShellResizer', className)}\n      data-orientation={orientation}\n      data-edge={edge}\n      role=\"slider\"\n      aria-orientation={ariaOrientation}\n      aria-valuemin={minSize}\n      aria-valuemax={maxSize}\n      aria-valuenow={defaultSize}\n      tabIndex={0}\n      onPointerDown={(e) => {\n        if (!containerRef.current) return;\n        e.preventDefault();\n        const container = containerRef.current;\n        const handleEl = e.currentTarget as HTMLElement;\n        const pointerId = e.pointerId;\n        try {\n          activeCleanupRef.current?.();\n        } catch {}\n        container.setAttribute('data-resizing', '');\n        try {\n          handleEl.setPointerCapture(pointerId);\n        } catch {}\n        const startClient = orientation === 'vertical' ? e.clientX : e.clientY;\n        const startSize = parseFloat(getComputedStyle(container).getPropertyValue(cssVarName) || `${defaultSize}`);\n        const clamp = (v: number) => Math.min(Math.max(v, minSize), maxSize);\n        const body = document.body;\n        const prevCursor = body.style.cursor;\n        const prevUserSelect = body.style.userSelect;\n        body.style.cursor = orientation === 'vertical' ? 'col-resize' : 'row-resize';\n        body.style.userSelect = 'none';\n        onResizeStart?.(startSize);\n        const handleMove = (ev: PointerEvent) => {\n          const client = orientation === 'vertical' ? ev.clientX : ev.clientY;\n          const next = clamp(computeNext(client, startClient, startSize));\n          container.style.setProperty(cssVarName, `${next}px`);\n          handleEl.setAttribute('aria-valuenow', String(next));\n          onResize?.(next);\n        };\n        const cleanup = () => {\n          try {\n            handleEl.releasePointerCapture(pointerId);\n          } catch {}\n          window.removeEventListener('pointermove', handleMove as any);\n          document.removeEventListener('pointermove', handleMove as any);\n          window.removeEventListener('mousemove', handleMove as any);\n          document.removeEventListener('mousemove', handleMove as any);\n          handleEl.removeEventListener('pointermove', handleMove as any);\n          window.removeEventListener('pointerup', handleUp as any);\n          document.removeEventListener('pointerup', handleUp as any);\n          window.removeEventListener('mouseup', handleUp as any);\n          document.removeEventListener('mouseup', handleUp as any);\n          window.removeEventListener('pointercancel', handleUp as any);\n          document.removeEventListener('pointercancel', handleUp as any);\n          window.removeEventListener('keydown', handleKey as any);\n          handleEl.removeEventListener('lostpointercapture', handleUp as any);\n          container.removeAttribute('data-resizing');\n          body.style.cursor = prevCursor;\n          body.style.userSelect = prevUserSelect;\n          activeCleanupRef.current = null;\n        };\n        const handleUp = () => {\n          const finalSize = parseFloat(getComputedStyle(container).getPropertyValue(cssVarName) || `${defaultSize}`);\n          let snapped = finalSize;\n          if (snapPoints && snapPoints.length) {\n            const nearest = snapPoints.reduce((acc, p) => (Math.abs(p - finalSize) < Math.abs(acc - finalSize) ? p : acc), snapPoints[0]);\n            if (Math.abs(nearest - finalSize) <= (snapTolerance ?? 8)) {\n              snapped = nearest;\n              container.style.setProperty(cssVarName, `${snapped}px`);\n              handleEl.setAttribute('aria-valuenow', String(snapped));\n              onResize?.(snapped);\n            }\n          }\n          if (collapsible && typeof collapseThreshold === 'number' && finalSize <= collapseThreshold) {\n            requestCollapse?.();\n          }\n          onResizeEnd?.(snapped);\n          cleanup();\n        };\n        const handleKey = (kev: KeyboardEvent) => {\n          if (kev.key === 'Escape') {\n            container.style.setProperty(cssVarName, `${startSize}px`);\n            handleEl.setAttribute('aria-valuenow', String(startSize));\n            onResizeEnd?.(startSize);\n            cleanup();\n          }\n        };\n        window.addEventListener('pointermove', handleMove as any);\n        document.addEventListener('pointermove', handleMove as any);\n        // Fallbacks for environments that don't fully support PointerEvent on window\n        window.addEventListener('mousemove', handleMove as any);\n        document.addEventListener('mousemove', handleMove as any);\n        handleEl.addEventListener('pointermove', handleMove as any);\n        window.addEventListener('pointerup', handleUp as any);\n        document.addEventListener('pointerup', handleUp as any);\n        window.addEventListener('mouseup', handleUp as any);\n        document.addEventListener('mouseup', handleUp as any);\n        window.addEventListener('pointercancel', handleUp as any);\n        document.addEventListener('pointercancel', handleUp as any);\n        window.addEventListener('keydown', handleKey as any);\n        handleEl.addEventListener('lostpointercapture', handleUp as any);\n        activeCleanupRef.current = cleanup;\n      }}\n      onDoubleClick={() => {\n        if (collapsible) requestToggle?.();\n      }}\n      onKeyDown={(e) => {\n        if (!containerRef.current) return;\n        const container = containerRef.current;\n        const rawCurrent = getComputedStyle(container).getPropertyValue(cssVarName);\n        const parsedCurrent = Number.parseFloat(rawCurrent.trim());\n        const current = Number.isFinite(parsedCurrent) ? parsedCurrent : defaultSize;\n        const clamp = (v: number) => Math.min(Math.max(v, minSize), maxSize);\n        const step = e.shiftKey ? 32 : 8;\n        let delta = 0;\n        if (orientation === 'vertical') {\n          const docDir = typeof document !== 'undefined' ? document.dir : undefined;\n          const cssDir = getComputedStyle(container).direction;\n          const hasRtlAncestor = !!(container.closest && container.closest('[dir=\"rtl\"]'));\n          const isRtl = docDir === 'rtl' || cssDir === 'rtl' || hasRtlAncestor;\n          if (e.key === 'ArrowRight')\n            delta = isRtl ? -step : step; // inline-end\n          else if (e.key === 'ArrowLeft') delta = isRtl ? step : -step; // inline-start\n        } else {\n          if (e.key === 'ArrowDown') delta = step;\n          else if (e.key === 'ArrowUp') delta = -step;\n        }\n        if (e.key === 'Home') {\n          e.preventDefault();\n          onResizeStart?.(current);\n          const next = clamp(minSize);\n          container.style.setProperty(cssVarName, `${next}px`);\n          (e.currentTarget as HTMLElement).setAttribute('aria-valuenow', String(next));\n          onResize?.(next);\n          onResizeEnd?.(next);\n          return;\n        }\n        if (e.key === 'End') {\n          e.preventDefault();\n          onResizeStart?.(current);\n          const next = clamp(maxSize);\n          container.style.setProperty(cssVarName, `${next}px`);\n          (e.currentTarget as HTMLElement).setAttribute('aria-valuenow', String(next));\n          onResize?.(next);\n          onResizeEnd?.(next);\n          return;\n        }\n        if (delta !== 0) {\n          e.preventDefault();\n          onResizeStart?.(current);\n          const signedDelta = orientation === 'vertical' ? (edge === 'start' ? -delta : delta) : delta;\n          const next = clamp(current + signedDelta);\n          container.style.setProperty(cssVarName, `${next}px`);\n          (e.currentTarget as HTMLElement).setAttribute('aria-valuenow', String(next));\n          onResize?.(next);\n          onResizeEnd?.(next);\n        }\n      }}\n    >\n      {children}\n    </div>\n  );\n});\nPaneHandle.displayName = 'Shell.Handle';\n\nexport const PanelHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>((props, ref) => <PaneHandle {...props} ref={ref} />);\nPanelHandle.displayName = 'Shell.Panel.Handle';\n\nexport const SidebarHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>((props, ref) => <PaneHandle {...props} ref={ref} />);\nSidebarHandle.displayName = 'Shell.Sidebar.Handle';\n\nexport const InspectorHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>((props, ref) => <PaneHandle {...props} ref={ref} />);\nInspectorHandle.displayName = 'Shell.Inspector.Handle';\n\nexport const BottomHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>((props, ref) => <PaneHandle {...props} ref={ref} />);\nBottomHandle.displayName = 'Shell.Bottom.Handle';\n"],
-  "mappings": "okBAAA,IAAAA,GAAA,GAAAC,GAAAD,GAAA,kBAAAE,EAAA,oBAAAC,EAAA,eAAAC,EAAA,gBAAAC,EAAA,kBAAAC,IAAA,eAAAC,GAAAP,IAAA,IAAAQ,EAAuB,oBACvBC,EAAuB,yBACvBC,EAA8B,6BAEvB,MAAMN,EAAaI,EAAM,WAAkE,CAAC,CAAE,UAAAG,EAAW,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IAAQ,CAC5I,KAAM,CACJ,aAAAC,EACA,WAAAC,EACA,QAAAC,EACA,QAAAC,EACA,YAAAC,EACA,YAAAC,EACA,KAAAC,EACA,YAAAC,EACA,SAAAC,EACA,cAAAC,EACA,YAAAC,EACA,WAAAC,EACA,cAAAC,EACA,kBAAAC,EACA,YAAAC,EACA,OAAAC,GACA,gBAAAC,EACA,cAAAC,CACF,KAAI,iBAAc,EAEZC,EAAmBzB,EAAM,OAA4B,IAAI,EAC/DA,EAAM,UACJ,IAAM,IAAM,CACV,GAAI,CACFyB,EAAiB,UAAU,CAC7B,MAAQ,CAAC,CACTA,EAAiB,QAAU,IAC7B,EACA,CAAC,CACH,EAEA,MAAMC,EAAkBd,EAExB,OACEZ,EAAA,cAAC,OACE,GAAGK,EACJ,IAAKC,EACL,aAAW,EAAAqB,SAAW,kBAAmBxB,CAAS,EAClD,mBAAkBS,EAClB,YAAWC,EACX,KAAK,SACL,mBAAkBa,EAClB,gBAAejB,EACf,gBAAeC,EACf,gBAAeC,EACf,SAAU,EACV,cAAgBiB,GAAM,CACpB,GAAI,CAACrB,EAAa,QAAS,OAC3BqB,EAAE,eAAe,EACjB,MAAMC,EAAYtB,EAAa,QACzBuB,EAAWF,EAAE,cACbG,EAAYH,EAAE,UACpB,GAAI,CACFH,EAAiB,UAAU,CAC7B,MAAQ,CAAC,CACTI,EAAU,aAAa,gBAAiB,EAAE,EAC1C,GAAI,CACFC,EAAS,kBAAkBC,CAAS,CACtC,MAAQ,CAAC,CACT,MAAMC,EAAcpB,IAAgB,WAAagB,EAAE,QAAUA,EAAE,QACzDK,EAAY,WAAW,iBAAiBJ,CAAS,EAAE,iBAAiBrB,CAAU,GAAK,GAAGG,CAAW,EAAE,EACnGuB,EAASC,GAAc,KAAK,IAAI,KAAK,IAAIA,EAAG1B,CAAO,EAAGC,CAAO,EAC7D0B,EAAO,SAAS,KAChBC,EAAaD,EAAK,MAAM,OACxBE,EAAiBF,EAAK,MAAM,WAClCA,EAAK,MAAM,OAASxB,IAAgB,WAAa,aAAe,aAChEwB,EAAK,MAAM,WAAa,OACxBpB,IAAgBiB,CAAS,EACzB,MAAMM,EAAcC,GAAqB,CACvC,MAAMC,EAAS7B,IAAgB,WAAa4B,EAAG,QAAUA,EAAG,QACtDE,EAAOR,EAAMpB,EAAY2B,EAAQT,EAAaC,CAAS,CAAC,EAC9DJ,EAAU,MAAM,YAAYrB,EAAY,GAAGkC,CAAI,IAAI,EACnDZ,EAAS,aAAa,gBAAiB,OAAOY,CAAI,CAAC,EACnD3B,IAAW2B,CAAI,CACjB,EACMC,EAAU,IAAM,CACpB,GAAI,CACFb,EAAS,sBAAsBC,CAAS,CAC1C,MAAQ,CAAC,CACT,OAAO,oBAAoB,cAAeQ,CAAiB,EAC3D,SAAS,oBAAoB,cAAeA,CAAiB,EAC7D,OAAO,oBAAoB,YAAaA,CAAiB,EACzD,SAAS,oBAAoB,YAAaA,CAAiB,EAC3DT,EAAS,oBAAoB,cAAeS,CAAiB,EAC7D,OAAO,oBAAoB,YAAaK,CAAe,EACvD,SAAS,oBAAoB,YAAaA,CAAe,EACzD,OAAO,oBAAoB,UAAWA,CAAe,EACrD,SAAS,oBAAoB,UAAWA,CAAe,EACvD,OAAO,oBAAoB,gBAAiBA,CAAe,EAC3D,SAAS,oBAAoB,gBAAiBA,CAAe,EAC7D,OAAO,oBAAoB,UAAWC,CAAgB,EACtDf,EAAS,oBAAoB,qBAAsBc,CAAe,EAClEf,EAAU,gBAAgB,eAAe,EACzCO,EAAK,MAAM,OAASC,EACpBD,EAAK,MAAM,WAAaE,EACxBb,EAAiB,QAAU,IAC7B,EACMmB,EAAW,IAAM,CACrB,MAAME,EAAY,WAAW,iBAAiBjB,CAAS,EAAE,iBAAiBrB,CAAU,GAAK,GAAGG,CAAW,EAAE,EACzG,IAAIoC,EAAUD,EACd,GAAI5B,GAAcA,EAAW,OAAQ,CACnC,MAAM8B,EAAU9B,EAAW,OAAO,CAAC+B,EAAKC,IAAO,KAAK,IAAIA,EAAIJ,CAAS,EAAI,KAAK,IAAIG,EAAMH,CAAS,EAAII,EAAID,EAAM/B,EAAW,CAAC,CAAC,EACxH,KAAK,IAAI8B,EAAUF,CAAS,IAAM3B,GAAiB,KACrD4B,EAAUC,EACVnB,EAAU,MAAM,YAAYrB,EAAY,GAAGuC,CAAO,IAAI,EACtDjB,EAAS,aAAa,gBAAiB,OAAOiB,CAAO,CAAC,EACtDhC,IAAWgC,CAAO,EAEtB,CACI1B,GAAe,OAAOD,GAAsB,UAAY0B,GAAa1B,GACvEG,IAAkB,EAEpBN,IAAc8B,CAAO,EACrBJ,EAAQ,CACV,EACME,EAAaM,GAAuB,CACpCA,EAAI,MAAQ,WACdtB,EAAU,MAAM,YAAYrB,EAAY,GAAGyB,CAAS,IAAI,EACxDH,EAAS,aAAa,gBAAiB,OAAOG,CAAS,CAAC,EACxDhB,IAAcgB,CAAS,EACvBU,EAAQ,EAEZ,EACA,OAAO,iBAAiB,cAAeJ,CAAiB,EACxD,SAAS,iBAAiB,cAAeA,CAAiB,EAE1D,OAAO,iBAAiB,YAAaA,CAAiB,EACtD,SAAS,iBAAiB,YAAaA,CAAiB,EACxDT,EAAS,iBAAiB,cAAeS,CAAiB,EAC1D,OAAO,iBAAiB,YAAaK,CAAe,EACpD,SAAS,iBAAiB,YAAaA,CAAe,EACtD,OAAO,iBAAiB,UAAWA,CAAe,EAClD,SAAS,iBAAiB,UAAWA,CAAe,EACpD,OAAO,iBAAiB,gBAAiBA,CAAe,EACxD,SAAS,iBAAiB,gBAAiBA,CAAe,EAC1D,OAAO,iBAAiB,UAAWC,CAAgB,EACnDf,EAAS,iBAAiB,qBAAsBc,CAAe,EAC/DnB,EAAiB,QAAUkB,CAC7B,EACA,cAAe,IAAM,CACftB,GAAaG,IAAgB,CACnC,EACA,UAAYI,GAAM,CAChB,GAAI,CAACrB,EAAa,QAAS,OAC3B,MAAMsB,EAAYtB,EAAa,QACzB6C,EAAa,iBAAiBvB,CAAS,EAAE,iBAAiBrB,CAAU,EACpE6C,EAAgB,OAAO,WAAWD,EAAW,KAAK,CAAC,EACnDE,EAAU,OAAO,SAASD,CAAa,EAAIA,EAAgB1C,EAC3DuB,EAASC,GAAc,KAAK,IAAI,KAAK,IAAIA,EAAG1B,CAAO,EAAGC,CAAO,EAC7D6C,EAAO3B,EAAE,SAAW,GAAK,EAC/B,IAAI4B,EAAQ,EACZ,GAAI5C,IAAgB,WAAY,CAC9B,MAAM6C,EAAS,OAAO,SAAa,IAAc,SAAS,IAAM,OAC1DC,EAAS,iBAAiB7B,CAAS,EAAE,UACrC8B,EAAiB,CAAC,EAAE9B,EAAU,SAAWA,EAAU,QAAQ,aAAa,GACxE+B,EAAQH,IAAW,OAASC,IAAW,OAASC,EAClD/B,EAAE,MAAQ,aACZ4B,EAAQI,EAAQ,CAACL,EAAOA,EACjB3B,EAAE,MAAQ,cAAa4B,EAAQI,EAAQL,EAAO,CAACA,EAC1D,MACM3B,EAAE,MAAQ,YAAa4B,EAAQD,EAC1B3B,EAAE,MAAQ,YAAW4B,EAAQ,CAACD,GAEzC,GAAI3B,EAAE,MAAQ,OAAQ,CACpBA,EAAE,eAAe,EACjBZ,IAAgBsC,CAAO,EACvB,MAAMZ,EAAOR,EAAMzB,CAAO,EAC1BoB,EAAU,MAAM,YAAYrB,EAAY,GAAGkC,CAAI,IAAI,EAClDd,EAAE,cAA8B,aAAa,gBAAiB,OAAOc,CAAI,CAAC,EAC3E3B,IAAW2B,CAAI,EACfzB,IAAcyB,CAAI,EAClB,MACF,CACA,GAAId,EAAE,MAAQ,MAAO,CACnBA,EAAE,eAAe,EACjBZ,IAAgBsC,CAAO,EACvB,MAAMZ,EAAOR,EAAMxB,CAAO,EAC1BmB,EAAU,MAAM,YAAYrB,EAAY,GAAGkC,CAAI,IAAI,EAClDd,EAAE,cAA8B,aAAa,gBAAiB,OAAOc,CAAI,CAAC,EAC3E3B,IAAW2B,CAAI,EACfzB,IAAcyB,CAAI,EAClB,MACF,CACA,GAAIc,IAAU,EAAG,CACf5B,EAAE,eAAe,EACjBZ,IAAgBsC,CAAO,EACvB,MAAMO,EAAcjD,IAAgB,YAAcC,IAAS,QAAU,CAAC2C,EAAiBA,EACjFd,EAAOR,EAAMoB,EAAUO,CAAW,EACxChC,EAAU,MAAM,YAAYrB,EAAY,GAAGkC,CAAI,IAAI,EAClDd,EAAE,cAA8B,aAAa,gBAAiB,OAAOc,CAAI,CAAC,EAC3E3B,IAAW2B,CAAI,EACfzB,IAAcyB,CAAI,CACpB,CACF,GAECtC,CACH,CAEJ,CAAC,EACDR,EAAW,YAAc,eAElB,MAAMC,EAAcG,EAAM,WAAkE,CAACK,EAAOC,IAAQN,EAAA,cAACJ,EAAA,CAAY,GAAGS,EAAO,IAAKC,EAAK,CAAE,EACtJT,EAAY,YAAc,qBAEnB,MAAMC,EAAgBE,EAAM,WAAkE,CAACK,EAAOC,IAAQN,EAAA,cAACJ,EAAA,CAAY,GAAGS,EAAO,IAAKC,EAAK,CAAE,EACxJR,EAAc,YAAc,uBAErB,MAAMH,EAAkBK,EAAM,WAAkE,CAACK,EAAOC,IAAQN,EAAA,cAACJ,EAAA,CAAY,GAAGS,EAAO,IAAKC,EAAK,CAAE,EAC1JX,EAAgB,YAAc,yBAEvB,MAAMD,EAAeM,EAAM,WAAkE,CAACK,EAAOC,IAAQN,EAAA,cAACJ,EAAA,CAAY,GAAGS,EAAO,IAAKC,EAAK,CAAE,EACvJZ,EAAa,YAAc",
-  "names": ["shell_handles_exports", "__export", "BottomHandle", "InspectorHandle", "PaneHandle", "PanelHandle", "SidebarHandle", "__toCommonJS", "React", "import_classnames", "import_shell_resize", "className", "children", "props", "ref", "containerRef", "cssVarName", "minSize", "maxSize", "defaultSize", "orientation", "edge", "computeNext", "onResize", "onResizeStart", "onResizeEnd", "snapPoints", "snapTolerance", "collapseThreshold", "collapsible", "target", "requestCollapse", "requestToggle", "activeCleanupRef", "ariaOrientation", "classNames", "e", "container", "handleEl", "pointerId", "startClient", "startSize", "clamp", "v", "body", "prevCursor", "prevUserSelect", "handleMove", "ev", "client", "next", "cleanup", "handleUp", "handleKey", "finalSize", "snapped", "nearest", "acc", "p", "kev", "rawCurrent", "parsedCurrent", "current", "step", "delta", "docDir", "cssDir", "hasRtlAncestor", "isRtl", "signedDelta"]
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { usePaneResize } from './shell-resize.js';\n\nexport const PaneHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(({ className, children, ...props }, ref) => {\n  const {\n    containerRef,\n    cssVarName,\n    minSize,\n    maxSize,\n    defaultSize,\n    orientation,\n    edge,\n    computeNext,\n    onResize,\n    onResizeStart,\n    onResizeEnd,\n    snapPoints,\n    snapTolerance,\n    collapseThreshold,\n    collapsible,\n    target: _target,\n    requestCollapse,\n    requestToggle,\n  } = usePaneResize();\n\n  const activeCleanupRef = React.useRef<(() => void) | null>(null);\n  React.useEffect(\n    () => () => {\n      try {\n        activeCleanupRef.current?.();\n      } catch {}\n      activeCleanupRef.current = null;\n    },\n    [],\n  );\n\n  const ariaOrientation = orientation;\n\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={classNames('rt-ShellResizer', className)}\n      data-orientation={orientation}\n      data-edge={edge}\n      role=\"slider\"\n      aria-orientation={ariaOrientation}\n      aria-valuemin={minSize}\n      aria-valuemax={maxSize}\n      aria-valuenow={defaultSize}\n      tabIndex={0}\n      onPointerDown={(e) => {\n        if (!containerRef.current) return;\n        e.preventDefault();\n        const container = containerRef.current;\n        const handleEl = e.currentTarget as HTMLElement;\n        const pointerId = e.pointerId;\n        try {\n          activeCleanupRef.current?.();\n        } catch {}\n        container.setAttribute('data-resizing', '');\n        try {\n          handleEl.setPointerCapture(pointerId);\n        } catch {}\n        const startClient = orientation === 'vertical' ? e.clientX : e.clientY;\n        const startSize = parseFloat(getComputedStyle(container).getPropertyValue(cssVarName) || `${defaultSize}`);\n        const clamp = (v: number) => Math.min(Math.max(v, minSize), maxSize);\n        const body = document.body;\n        const prevCursor = body.style.cursor;\n        const prevUserSelect = body.style.userSelect;\n        body.style.cursor = orientation === 'vertical' ? 'col-resize' : 'row-resize';\n        body.style.userSelect = 'none';\n        onResizeStart?.(startSize);\n        const handleMove = (ev: PointerEvent) => {\n          const client = orientation === 'vertical' ? ev.clientX : ev.clientY;\n          const next = clamp(computeNext(client, startClient, startSize));\n          container.style.setProperty(cssVarName, `${next}px`);\n          handleEl.setAttribute('aria-valuenow', String(next));\n          onResize?.(next);\n        };\n        const cleanup = () => {\n          try {\n            handleEl.releasePointerCapture(pointerId);\n          } catch {}\n          window.removeEventListener('pointermove', handleMove as any);\n          document.removeEventListener('pointermove', handleMove as any);\n          window.removeEventListener('mousemove', handleMove as any);\n          document.removeEventListener('mousemove', handleMove as any);\n          handleEl.removeEventListener('pointermove', handleMove as any);\n          window.removeEventListener('pointerup', handleUp as any);\n          document.removeEventListener('pointerup', handleUp as any);\n          window.removeEventListener('mouseup', handleUp as any);\n          document.removeEventListener('mouseup', handleUp as any);\n          window.removeEventListener('pointercancel', handleUp as any);\n          document.removeEventListener('pointercancel', handleUp as any);\n          window.removeEventListener('keydown', handleKey as any);\n          handleEl.removeEventListener('lostpointercapture', handleUp as any);\n          container.removeAttribute('data-resizing');\n          body.style.cursor = prevCursor;\n          body.style.userSelect = prevUserSelect;\n          activeCleanupRef.current = null;\n        };\n        const handleUp = () => {\n          const finalSize = parseFloat(getComputedStyle(container).getPropertyValue(cssVarName) || `${defaultSize}`);\n          let snapped = finalSize;\n          if (snapPoints && snapPoints.length) {\n            const nearest = snapPoints.reduce((acc, p) => (Math.abs(p - finalSize) < Math.abs(acc - finalSize) ? p : acc), snapPoints[0]);\n            if (Math.abs(nearest - finalSize) <= (snapTolerance ?? 8)) {\n              snapped = nearest;\n              container.style.setProperty(cssVarName, `${snapped}px`);\n              handleEl.setAttribute('aria-valuenow', String(snapped));\n              onResize?.(snapped);\n            }\n          }\n          if (collapsible && typeof collapseThreshold === 'number' && finalSize <= collapseThreshold) {\n            requestCollapse?.();\n          }\n          onResizeEnd?.(snapped);\n          cleanup();\n        };\n        const handleKey = (kev: KeyboardEvent) => {\n          if (kev.key === 'Escape') {\n            container.style.setProperty(cssVarName, `${startSize}px`);\n            handleEl.setAttribute('aria-valuenow', String(startSize));\n            onResizeEnd?.(startSize);\n            cleanup();\n          }\n        };\n        window.addEventListener('pointermove', handleMove as any);\n        document.addEventListener('pointermove', handleMove as any);\n        // Fallbacks for environments that don't fully support PointerEvent on window\n        window.addEventListener('mousemove', handleMove as any);\n        document.addEventListener('mousemove', handleMove as any);\n        handleEl.addEventListener('pointermove', handleMove as any);\n        window.addEventListener('pointerup', handleUp as any);\n        document.addEventListener('pointerup', handleUp as any);\n        window.addEventListener('mouseup', handleUp as any);\n        document.addEventListener('mouseup', handleUp as any);\n        window.addEventListener('pointercancel', handleUp as any);\n        document.addEventListener('pointercancel', handleUp as any);\n        window.addEventListener('keydown', handleKey as any);\n        handleEl.addEventListener('lostpointercapture', handleUp as any);\n        activeCleanupRef.current = cleanup;\n      }}\n      onDoubleClick={() => {\n        if (collapsible) requestToggle?.();\n      }}\n      onKeyDown={(e) => {\n        if (!containerRef.current) return;\n        const container = containerRef.current;\n        const rawCurrent = getComputedStyle(container).getPropertyValue(cssVarName);\n        const parsedCurrent = Number.parseFloat(rawCurrent.trim());\n        const current = Number.isFinite(parsedCurrent) ? parsedCurrent : defaultSize;\n        const clamp = (v: number) => Math.min(Math.max(v, minSize), maxSize);\n        const step = e.shiftKey ? 32 : 8;\n        let delta = 0;\n        if (orientation === 'vertical') {\n          const docDir = typeof document !== 'undefined' ? document.dir : undefined;\n          const cssDir = getComputedStyle(container).direction;\n          const hasRtlAncestor = !!(container.closest && container.closest('[dir=\"rtl\"]'));\n          const isRtl = docDir === 'rtl' || cssDir === 'rtl' || hasRtlAncestor;\n          if (e.key === 'ArrowRight')\n            delta = isRtl ? -step : step; // inline-end\n          else if (e.key === 'ArrowLeft') delta = isRtl ? step : -step; // inline-start\n        } else {\n          if (e.key === 'ArrowDown') delta = step;\n          else if (e.key === 'ArrowUp') delta = -step;\n        }\n        if (e.key === 'Home') {\n          e.preventDefault();\n          onResizeStart?.(current);\n          const next = clamp(minSize);\n          container.style.setProperty(cssVarName, `${next}px`);\n          (e.currentTarget as HTMLElement).setAttribute('aria-valuenow', String(next));\n          onResize?.(next);\n          onResizeEnd?.(next);\n          return;\n        }\n        if (e.key === 'End') {\n          e.preventDefault();\n          onResizeStart?.(current);\n          const next = clamp(maxSize);\n          container.style.setProperty(cssVarName, `${next}px`);\n          (e.currentTarget as HTMLElement).setAttribute('aria-valuenow', String(next));\n          onResize?.(next);\n          onResizeEnd?.(next);\n          return;\n        }\n        if (delta !== 0) {\n          e.preventDefault();\n          onResizeStart?.(current);\n          const signedDelta = orientation === 'vertical' ? (edge === 'start' ? -delta : delta) : delta;\n          const next = clamp(current + signedDelta);\n          container.style.setProperty(cssVarName, `${next}px`);\n          (e.currentTarget as HTMLElement).setAttribute('aria-valuenow', String(next));\n          onResize?.(next);\n          onResizeEnd?.(next);\n        }\n      }}\n    >\n      {children}\n    </div>\n  );\n});\nPaneHandle.displayName = 'Shell.Handle';\n\nexport const PanelHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>((props, ref) => <PaneHandle {...props} ref={ref} />);\nPanelHandle.displayName = 'Shell.Panel.Handle';\n\nexport const SidebarHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>((props, ref) => <PaneHandle {...props} ref={ref} />);\nSidebarHandle.displayName = 'Shell.Sidebar.Handle';\n\nexport const InspectorHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>((props, ref) => <PaneHandle {...props} ref={ref} />);\nInspectorHandle.displayName = 'Shell.Inspector.Handle';\n\nexport const BottomHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>((props, ref) => <PaneHandle {...props} ref={ref} />);\nBottomHandle.displayName = 'Shell.Bottom.Handle';\n"],
+  "mappings": "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",
+  "names": ["shell_handles_exports", "__export", "BottomHandle", "InspectorHandle", "PaneHandle", "PanelHandle", "SidebarHandle", "__toCommonJS", "React", "import_classnames", "import_shell_resize", "className", "children", "props", "ref", "containerRef", "cssVarName", "minSize", "maxSize", "defaultSize", "orientation", "edge", "computeNext", "onResize", "onResizeStart", "onResizeEnd", "snapPoints", "snapTolerance", "collapseThreshold", "collapsible", "_target", "requestCollapse", "requestToggle", "activeCleanupRef", "ariaOrientation", "classNames", "e", "container", "handleEl", "pointerId", "startClient", "startSize", "clamp", "v", "body", "prevCursor", "prevUserSelect", "handleMove", "ev", "client", "next", "cleanup", "handleUp", "handleKey", "finalSize", "snapped", "nearest", "acc", "p", "kev", "rawCurrent", "parsedCurrent", "current", "step", "delta", "docDir", "cssDir", "hasRtlAncestor", "isRtl", "signedDelta"]
 }

package/dist/cjs/components/_internal/shell-inspector.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/_internal/shell-inspector.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport * as Sheet from '../sheet.js';\nimport { VisuallyHidden } from '../visually-hidden.js';\nimport { useShell } from '../shell.context.js';\nimport { useResponsivePresentation, useResponsiveValue } from '../shell.hooks.js';\nimport { PaneResizeContext } from './shell-resize.js';\nimport { InspectorHandle, PaneHandle } from './shell-handles.js';\nimport { BREAKPOINTS } from '../shell.types.js';\nimport type { Breakpoint, PaneMode, PaneSizePersistence, ResponsivePresentation } from '../shell.types.js';\n\ninterface PaneProps extends React.ComponentPropsWithoutRef<'div'> {\n  presentation?: ResponsivePresentation;\n  // legacy mode removed\n  expandedSize?: number;\n  minSize?: number;\n  maxSize?: number;\n  resizable?: boolean;\n  collapsible?: boolean;\n  onExpand?: () => void;\n  onCollapse?: () => void;\n  onResize?: (size: number) => void;\n  resizer?: React.ReactNode;\n  onResizeStart?: (size: number) => void;\n  onResizeEnd?: (size: number) => void;\n  snapPoints?: number[];\n  snapTolerance?: number;\n  collapseThreshold?: number;\n  paneId?: string;\n  persistence?: PaneSizePersistence;\n}\n\ntype InspectorOpenChangeMeta = { reason: 'init' | 'toggle' | 'responsive' };\ntype InspectorControlledProps = { open: boolean | Partial<Record<Breakpoint, boolean>>; onOpenChange?: (open: boolean, meta: InspectorOpenChangeMeta) => void; defaultOpen?: never };\ntype InspectorUncontrolledProps = { defaultOpen?: boolean | Partial<Record<Breakpoint, boolean>>; onOpenChange?: (open: boolean, meta: InspectorOpenChangeMeta) => void; open?: never };\ntype InspectorSizeChangeMeta = { reason: 'init' | 'resize' | 'controlled' };\ntype InspectorPublicProps = PaneProps &\n  (InspectorControlledProps | InspectorUncontrolledProps) & {\n    onSizeChange?: (size: number, meta: InspectorSizeChangeMeta) => void;\n    sizeUpdate?: 'throttle' | 'debounce';\n    sizeUpdateMs?: number;\n  };\n\ntype InspectorComponent = React.ForwardRefExoticComponent<InspectorPublicProps & React.RefAttributes<HTMLDivElement>> & { Handle: typeof InspectorHandle };\n\nexport const Inspector = React.forwardRef<HTMLDivElement, InspectorPublicProps>(\n  (\n    {\n      className,\n      presentation = { initial: 'overlay', lg: 'fixed' },\n      // removed legacy props\n      // new API\n      defaultOpen,\n      open,\n      onOpenChange,\n      expandedSize = 320,\n      minSize = 200,\n      maxSize = 500,\n      resizable = false,\n      collapsible = true,\n      onExpand,\n      onCollapse,\n      onResize,\n      onResizeStart,\n      onResizeEnd,\n      snapPoints,\n      snapTolerance,\n      collapseThreshold,\n      paneId,\n      persistence,\n      children,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const shell = useShell();\n    const resolvedPresentation = useResponsivePresentation(presentation);\n    const isOverlay = resolvedPresentation === 'overlay';\n    const isStacked = resolvedPresentation === 'stacked';\n    const localRef = React.useRef<HTMLDivElement | null>(null);\n    const setRef = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        localRef.current = node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      },\n      [ref],\n    );\n    const childArray = React.Children.toArray(children) as React.ReactElement[];\n    const handleChildren = childArray.filter((el: React.ReactElement) => React.isValidElement(el) && el.type === InspectorHandle);\n    const contentChildren = childArray.filter((el: React.ReactElement) => !(React.isValidElement(el) && el.type === InspectorHandle));\n\n    // Throttled/debounced emitter for onSizeChange\n    const emitSizeChange = React.useMemo(() => {\n      const cb = (props as any).onSizeChange as undefined | ((s: number, meta: InspectorSizeChangeMeta) => void);\n      const strategy = (props as any).sizeUpdate as undefined | 'throttle' | 'debounce';\n      const ms = (props as any).sizeUpdateMs ?? 50;\n      if (!cb) return () => {};\n      if (strategy === 'debounce') {\n        let t: any = null;\n        return (s: number, meta: InspectorSizeChangeMeta) => {\n          if (t) clearTimeout(t);\n          t = setTimeout(() => {\n            cb(s, meta);\n          }, ms);\n        };\n      }\n      if (strategy === 'throttle') {\n        let last = 0;\n        return (s: number, meta: InspectorSizeChangeMeta) => {\n          const now = Date.now();\n          if (now - last >= ms) {\n            last = now;\n            cb(s, meta);\n          }\n        };\n      }\n      return (s: number, meta: InspectorSizeChangeMeta) => cb(s, meta);\n    }, [(props as any).onSizeChange, (props as any).sizeUpdate, (props as any).sizeUpdateMs]);\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        // eslint-disable-next-line no-console\n        console.error('Shell.Inspector: 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        // eslint-disable-next-line no-console\n        console.warn('Shell.Inspector: Switching between controlled and uncontrolled `open` is not supported.');\n        wasControlledRef.current = isControlled;\n      }\n    }, [open]);\n\n    const responsiveNotifiedRef = React.useRef(false);\n    const didInitFromDefaultOpenRef = React.useRef(false);\n    const resolvedDefaultOpen = useResponsiveValue(defaultOpen);\n    React.useEffect(() => {\n      if (!shell.currentBreakpointReady) return;\n      if (didInitFromDefaultOpenRef.current) return;\n      if (typeof open !== 'undefined') return; // controlled ignores default\n      if (typeof defaultOpen === 'undefined') return;\n      const initialOpen = Boolean(resolvedDefaultOpen);\n      shell.setInspectorMode(initialOpen ? 'expanded' : 'collapsed');\n      if (initialOpen) onOpenChange?.(true, { reason: 'init' });\n      didInitFromDefaultOpenRef.current = true;\n    }, [shell.currentBreakpointReady, resolvedDefaultOpen, defaultOpen, open, onOpenChange]);\n\n    // Controlled responsive open\n    const resolvedOpen = useResponsiveValue(open);\n    React.useEffect(() => {\n      if (typeof resolvedOpen === 'undefined') return;\n      const shouldExpand = Boolean(resolvedOpen);\n      if (shouldExpand && shell.inspectorMode !== 'expanded') shell.setInspectorMode('expanded');\n      if (!shouldExpand && shell.inspectorMode !== 'collapsed') shell.setInspectorMode('collapsed');\n    }, [resolvedOpen, shell.inspectorMode]);\n\n    // Removed boolean-only mount init; handled in responsive init effect above\n\n    // Removed: boolean-only controlled sync. Use responsive-resolved effect below instead.\n\n    const initNotifiedRef = React.useRef(false);\n    const lastInspectorModeRef = React.useRef<PaneMode | null>(null);\n    React.useEffect(() => {\n      // Notify init open\n      if (!initNotifiedRef.current && typeof open === 'undefined' && defaultOpen && shell.inspectorMode === 'expanded') {\n        onOpenChange?.(true, { reason: 'init' });\n        initNotifiedRef.current = true;\n      }\n\n      // Notify toggles when uncontrolled (avoid double-notify after responsive change)\n      if (typeof open === 'undefined') {\n        if (lastInspectorModeRef.current !== null && lastInspectorModeRef.current !== shell.inspectorMode) {\n          if (!responsiveNotifiedRef.current) {\n            onOpenChange?.(shell.inspectorMode === 'expanded', { reason: 'toggle' });\n          }\n          responsiveNotifiedRef.current = false;\n        }\n        lastInspectorModeRef.current = shell.inspectorMode;\n      }\n    }, [shell.inspectorMode, open, defaultOpen, onOpenChange]);\n\n    React.useEffect(() => {\n      if (shell.inspectorMode === 'expanded') {\n        onExpand?.();\n      } else {\n        onCollapse?.();\n      }\n    }, [shell.inspectorMode, onExpand, onCollapse]);\n\n    const isExpanded = shell.inspectorMode === 'expanded';\n\n    const persistenceAdapter = React.useMemo(() => {\n      if (!paneId || persistence) return persistence;\n      const key = `kookie-ui:shell:inspector:${paneId}`;\n      const adapter: PaneSizePersistence = {\n        load: () => {\n          if (typeof window === 'undefined') return undefined;\n          const v = window.localStorage.getItem(key);\n          return v ? Number(v) : undefined;\n        },\n        save: (size: number) => {\n          if (typeof window === 'undefined') return;\n          window.localStorage.setItem(key, String(size));\n        },\n      };\n      return adapter;\n    }, [paneId, persistence]);\n\n    React.useEffect(() => {\n      let mounted = true;\n      (async () => {\n        if (!resizable || !persistenceAdapter?.load || isOverlay) return;\n        const loaded = await persistenceAdapter.load();\n        if (mounted && typeof loaded === 'number' && localRef.current) {\n          localRef.current.style.setProperty('--inspector-size', `${loaded}px`);\n          onResize?.(loaded);\n        }\n      })();\n      return () => {\n        mounted = false;\n      };\n    }, [resizable, persistenceAdapter, onResize, isOverlay]);\n\n    const handleEl =\n      resizable && !isOverlay && isExpanded ? (\n        <PaneResizeContext.Provider\n          value={{\n            containerRef: localRef,\n            cssVarName: '--inspector-size',\n            minSize,\n            maxSize,\n            defaultSize: expandedSize,\n            orientation: 'vertical',\n            edge: 'start',\n            computeNext: (client, startClient, startSize) => {\n              const isRtl = getComputedStyle(localRef.current!).direction === 'rtl';\n              const delta = client - startClient;\n              return startSize + (isRtl ? delta : -delta);\n            },\n            onResize,\n            onResizeStart,\n            onResizeEnd: (size) => {\n              onResizeEnd?.(size);\n              emitSizeChange(size, { reason: 'resize' });\n              persistenceAdapter?.save?.(size);\n            },\n            target: 'inspector',\n            collapsible,\n            snapPoints,\n            snapTolerance: snapTolerance ?? 8,\n            collapseThreshold,\n            requestCollapse: () => shell.setInspectorMode('collapsed'),\n            requestToggle: () => shell.togglePane('inspector'),\n          }}\n        >\n          {handleChildren.length > 0 ? handleChildren.map((el, i) => React.cloneElement(el, { key: el.key ?? i })) : <PaneHandle />}\n        </PaneResizeContext.Provider>\n      ) : null;\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      const n = Number.parseFloat(str);\n      return Number.isFinite(n) ? n : undefined;\n    }, []);\n\n    // Apply defaultSize on mount when uncontrolled\n    React.useEffect(() => {\n      if (!localRef.current) return;\n      if (typeof (props as any).size === 'undefined' && typeof (props as any).defaultSize !== 'undefined') {\n        const px = normalizeToPx((props as any).defaultSize);\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('--inspector-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 (props as any).size === 'undefined') return;\n      const px = normalizeToPx((props as any).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('--inspector-size', `${clamped}px`);\n        emitSizeChange(clamped, { reason: 'controlled' });\n      }\n    }, [(props as any).size, minSize, maxSize, normalizeToPx, emitSizeChange]);\n\n    if (isOverlay) {\n      const open = shell.inspectorMode === 'expanded';\n      return (\n        <Sheet.Root open={open} onOpenChange={(o) => shell.setInspectorMode(o ? 'expanded' : 'collapsed')}>\n          <Sheet.Content side=\"end\" style={{ padding: 0 }} width={{ initial: `${expandedSize}px` }}>\n            <VisuallyHidden>\n              <Sheet.Title>Inspector</Sheet.Title>\n            </VisuallyHidden>\n            {contentChildren}\n          </Sheet.Content>\n        </Sheet.Root>\n      );\n    }\n\n    // Strip control/size props from DOM spread\n    const {\n      defaultOpen: _inspectorDefaultOpenIgnored,\n      open: _inspectorOpenIgnored,\n      onOpenChange: _inspectorOnOpenChangeIgnored,\n      size: _sz,\n      defaultSize: _dsz,\n      onSizeChange: _osc,\n      sizeUpdate: _szu,\n      sizeUpdateMs: _szums,\n      ...inspectorDomProps\n    } = props as any;\n\n    return (\n      <div\n        {...inspectorDomProps}\n        ref={setRef}\n        className={classNames('rt-ShellInspector', className)}\n        data-mode={shell.inspectorMode}\n        data-peek={shell.peekTarget === 'inspector' || undefined}\n        data-presentation={shell.currentBreakpointReady ? resolvedPresentation : undefined}\n        data-open={(shell.currentBreakpointReady && isStacked && isExpanded) || undefined}\n        style={{\n          ...style,\n          ['--inspector-size' as any]: `${expandedSize}px`,\n          ['--inspector-min-size' as any]: `${minSize}px`,\n          ['--inspector-max-size' as any]: `${maxSize}px`,\n        }}\n      >\n        <div className=\"rt-ShellInspectorContent\" data-visible={isExpanded || undefined}>\n          {contentChildren}\n        </div>\n        {handleEl}\n      </div>\n    );\n  },\n) as InspectorComponent;\n\nInspector.displayName = 'Shell.Inspector';\nInspector.Handle = InspectorHandle;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport * as Sheet from '../sheet.js';\nimport { VisuallyHidden } from '../visually-hidden.js';\nimport { useShell } from '../shell.context.js';\nimport { useResponsivePresentation, useResponsiveValue } from '../shell.hooks.js';\nimport { PaneResizeContext } from './shell-resize.js';\nimport { InspectorHandle, PaneHandle } from './shell-handles.js';\nimport { _BREAKPOINTS } from '../shell.types.js';\nimport type { Breakpoint, PaneMode, PaneSizePersistence, ResponsivePresentation } from '../shell.types.js';\n\ninterface PaneProps extends React.ComponentPropsWithoutRef<'div'> {\n  presentation?: ResponsivePresentation;\n  // legacy mode removed\n  expandedSize?: number;\n  minSize?: number;\n  maxSize?: number;\n  resizable?: boolean;\n  collapsible?: boolean;\n  onExpand?: () => void;\n  onCollapse?: () => void;\n  onResize?: (size: number) => void;\n  resizer?: React.ReactNode;\n  onResizeStart?: (size: number) => void;\n  onResizeEnd?: (size: number) => void;\n  snapPoints?: number[];\n  snapTolerance?: number;\n  collapseThreshold?: number;\n  paneId?: string;\n  persistence?: PaneSizePersistence;\n}\n\ntype InspectorOpenChangeMeta = { reason: 'init' | 'toggle' | 'responsive' };\ntype InspectorControlledProps = { open: boolean | Partial<Record<Breakpoint, boolean>>; onOpenChange?: (open: boolean, meta: InspectorOpenChangeMeta) => void; defaultOpen?: never };\ntype InspectorUncontrolledProps = { defaultOpen?: boolean | Partial<Record<Breakpoint, boolean>>; onOpenChange?: (open: boolean, meta: InspectorOpenChangeMeta) => void; open?: never };\ntype InspectorSizeChangeMeta = { reason: 'init' | 'resize' | 'controlled' };\ntype InspectorPublicProps = PaneProps &\n  (InspectorControlledProps | InspectorUncontrolledProps) & {\n    onSizeChange?: (size: number, meta: InspectorSizeChangeMeta) => void;\n    sizeUpdate?: 'throttle' | 'debounce';\n    sizeUpdateMs?: number;\n  };\n\ntype InspectorComponent = React.ForwardRefExoticComponent<InspectorPublicProps & React.RefAttributes<HTMLDivElement>> & { Handle: typeof InspectorHandle };\n\nexport const Inspector = React.forwardRef<HTMLDivElement, InspectorPublicProps>(\n  (\n    {\n      className,\n      presentation = { initial: 'overlay', lg: 'fixed' },\n      // removed legacy props\n      // new API\n      defaultOpen,\n      open,\n      onOpenChange,\n      expandedSize = 320,\n      minSize = 200,\n      maxSize = 500,\n      resizable = false,\n      collapsible = true,\n      onExpand,\n      onCollapse,\n      onResize,\n      onResizeStart,\n      onResizeEnd,\n      snapPoints,\n      snapTolerance,\n      collapseThreshold,\n      paneId,\n      persistence,\n      children,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const shell = useShell();\n    const resolvedPresentation = useResponsivePresentation(presentation);\n    const isOverlay = resolvedPresentation === 'overlay';\n    const isStacked = resolvedPresentation === 'stacked';\n    const localRef = React.useRef<HTMLDivElement | null>(null);\n    const setRef = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        localRef.current = node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      },\n      [ref],\n    );\n    const childArray = React.Children.toArray(children) as React.ReactElement[];\n    const handleChildren = childArray.filter((el: React.ReactElement) => React.isValidElement(el) && el.type === InspectorHandle);\n    const contentChildren = childArray.filter((el: React.ReactElement) => !(React.isValidElement(el) && el.type === InspectorHandle));\n\n    // Throttled/debounced emitter for onSizeChange\n    const emitSizeChange = React.useMemo(() => {\n      const cb = (props as any).onSizeChange as undefined | ((s: number, meta: InspectorSizeChangeMeta) => void);\n      const strategy = (props as any).sizeUpdate as undefined | 'throttle' | 'debounce';\n      const ms = (props as any).sizeUpdateMs ?? 50;\n      if (!cb) return () => {};\n      if (strategy === 'debounce') {\n        let t: any = null;\n        return (s: number, meta: InspectorSizeChangeMeta) => {\n          if (t) clearTimeout(t);\n          t = setTimeout(() => {\n            cb(s, meta);\n          }, ms);\n        };\n      }\n      if (strategy === 'throttle') {\n        let last = 0;\n        return (s: number, meta: InspectorSizeChangeMeta) => {\n          const now = Date.now();\n          if (now - last >= ms) {\n            last = now;\n            cb(s, meta);\n          }\n        };\n      }\n      return (s: number, meta: InspectorSizeChangeMeta) => cb(s, meta);\n    }, [(props as any).onSizeChange, (props as any).sizeUpdate, (props as any).sizeUpdateMs]);\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        // eslint-disable-next-line no-console\n        console.error('Shell.Inspector: 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        // eslint-disable-next-line no-console\n        console.warn('Shell.Inspector: Switching between controlled and uncontrolled `open` is not supported.');\n        wasControlledRef.current = isControlled;\n      }\n    }, [open]);\n\n    const responsiveNotifiedRef = React.useRef(false);\n    const didInitFromDefaultOpenRef = React.useRef(false);\n    const resolvedDefaultOpen = useResponsiveValue(defaultOpen);\n    React.useEffect(() => {\n      if (!shell.currentBreakpointReady) return;\n      if (didInitFromDefaultOpenRef.current) return;\n      if (typeof open !== 'undefined') return; // controlled ignores default\n      if (typeof defaultOpen === 'undefined') return;\n      const initialOpen = Boolean(resolvedDefaultOpen);\n      shell.setInspectorMode(initialOpen ? 'expanded' : 'collapsed');\n      if (initialOpen) onOpenChange?.(true, { reason: 'init' });\n      didInitFromDefaultOpenRef.current = true;\n    }, [shell.currentBreakpointReady, resolvedDefaultOpen, defaultOpen, open, onOpenChange]);\n\n    // Controlled responsive open\n    const resolvedOpen = useResponsiveValue(open);\n    React.useEffect(() => {\n      if (typeof resolvedOpen === 'undefined') return;\n      const shouldExpand = Boolean(resolvedOpen);\n      if (shouldExpand && shell.inspectorMode !== 'expanded') shell.setInspectorMode('expanded');\n      if (!shouldExpand && shell.inspectorMode !== 'collapsed') shell.setInspectorMode('collapsed');\n    }, [resolvedOpen, shell.inspectorMode]);\n\n    // Removed boolean-only mount init; handled in responsive init effect above\n\n    // Removed: boolean-only controlled sync. Use responsive-resolved effect below instead.\n\n    const initNotifiedRef = React.useRef(false);\n    const lastInspectorModeRef = React.useRef<PaneMode | null>(null);\n    React.useEffect(() => {\n      // Notify init open\n      if (!initNotifiedRef.current && typeof open === 'undefined' && defaultOpen && shell.inspectorMode === 'expanded') {\n        onOpenChange?.(true, { reason: 'init' });\n        initNotifiedRef.current = true;\n      }\n\n      // Notify toggles when uncontrolled (avoid double-notify after responsive change)\n      if (typeof open === 'undefined') {\n        if (lastInspectorModeRef.current !== null && lastInspectorModeRef.current !== shell.inspectorMode) {\n          if (!responsiveNotifiedRef.current) {\n            onOpenChange?.(shell.inspectorMode === 'expanded', { reason: 'toggle' });\n          }\n          responsiveNotifiedRef.current = false;\n        }\n        lastInspectorModeRef.current = shell.inspectorMode;\n      }\n    }, [shell.inspectorMode, open, defaultOpen, onOpenChange]);\n\n    React.useEffect(() => {\n      if (shell.inspectorMode === 'expanded') {\n        onExpand?.();\n      } else {\n        onCollapse?.();\n      }\n    }, [shell.inspectorMode, onExpand, onCollapse]);\n\n    const isExpanded = shell.inspectorMode === 'expanded';\n\n    const persistenceAdapter = React.useMemo(() => {\n      if (!paneId || persistence) return persistence;\n      const key = `kookie-ui:shell:inspector:${paneId}`;\n      const adapter: PaneSizePersistence = {\n        load: () => {\n          if (typeof window === 'undefined') return undefined;\n          const v = window.localStorage.getItem(key);\n          return v ? Number(v) : undefined;\n        },\n        save: (size: number) => {\n          if (typeof window === 'undefined') return;\n          window.localStorage.setItem(key, String(size));\n        },\n      };\n      return adapter;\n    }, [paneId, persistence]);\n\n    React.useEffect(() => {\n      let mounted = true;\n      (async () => {\n        if (!resizable || !persistenceAdapter?.load || isOverlay) return;\n        const loaded = await persistenceAdapter.load();\n        if (mounted && typeof loaded === 'number' && localRef.current) {\n          localRef.current.style.setProperty('--inspector-size', `${loaded}px`);\n          onResize?.(loaded);\n        }\n      })();\n      return () => {\n        mounted = false;\n      };\n    }, [resizable, persistenceAdapter, onResize, isOverlay]);\n\n    const handleEl =\n      resizable && !isOverlay && isExpanded ? (\n        <PaneResizeContext.Provider\n          value={{\n            containerRef: localRef,\n            cssVarName: '--inspector-size',\n            minSize,\n            maxSize,\n            defaultSize: expandedSize,\n            orientation: 'vertical',\n            edge: 'start',\n            computeNext: (client, startClient, startSize) => {\n              const isRtl = getComputedStyle(localRef.current!).direction === 'rtl';\n              const delta = client - startClient;\n              return startSize + (isRtl ? delta : -delta);\n            },\n            onResize,\n            onResizeStart,\n            onResizeEnd: (size) => {\n              onResizeEnd?.(size);\n              emitSizeChange(size, { reason: 'resize' });\n              persistenceAdapter?.save?.(size);\n            },\n            target: 'inspector',\n            collapsible,\n            snapPoints,\n            snapTolerance: snapTolerance ?? 8,\n            collapseThreshold,\n            requestCollapse: () => shell.setInspectorMode('collapsed'),\n            requestToggle: () => shell.togglePane('inspector'),\n          }}\n        >\n          {handleChildren.length > 0 ? handleChildren.map((el, i) => React.cloneElement(el, { key: el.key ?? i })) : <PaneHandle />}\n        </PaneResizeContext.Provider>\n      ) : null;\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      const n = Number.parseFloat(str);\n      return Number.isFinite(n) ? n : undefined;\n    }, []);\n\n    // Apply defaultSize on mount when uncontrolled\n    React.useEffect(() => {\n      if (!localRef.current) return;\n      if (typeof (props as any).size === 'undefined' && typeof (props as any).defaultSize !== 'undefined') {\n        const px = normalizeToPx((props as any).defaultSize);\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('--inspector-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 (props as any).size === 'undefined') return;\n      const px = normalizeToPx((props as any).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('--inspector-size', `${clamped}px`);\n        emitSizeChange(clamped, { reason: 'controlled' });\n      }\n    }, [(props as any).size, minSize, maxSize, normalizeToPx, emitSizeChange]);\n\n    if (isOverlay) {\n      const open = shell.inspectorMode === 'expanded';\n      return (\n        <Sheet.Root open={open} onOpenChange={(o) => shell.setInspectorMode(o ? 'expanded' : 'collapsed')}>\n          <Sheet.Content side=\"end\" style={{ padding: 0 }} width={{ initial: `${expandedSize}px` }}>\n            <VisuallyHidden>\n              <Sheet.Title>Inspector</Sheet.Title>\n            </VisuallyHidden>\n            {contentChildren}\n          </Sheet.Content>\n        </Sheet.Root>\n      );\n    }\n\n    // Strip control/size props from DOM spread\n    const {\n      defaultOpen: _inspectorDefaultOpenIgnored,\n      open: _inspectorOpenIgnored,\n      onOpenChange: _inspectorOnOpenChangeIgnored,\n      size: _sz,\n      defaultSize: _dsz,\n      onSizeChange: _osc,\n      sizeUpdate: _szu,\n      sizeUpdateMs: _szums,\n      ...inspectorDomProps\n    } = props as any;\n\n    return (\n      <div\n        {...inspectorDomProps}\n        ref={setRef}\n        className={classNames('rt-ShellInspector', className)}\n        data-mode={shell.inspectorMode}\n        data-peek={shell.peekTarget === 'inspector' || undefined}\n        data-presentation={shell.currentBreakpointReady ? resolvedPresentation : undefined}\n        data-open={(shell.currentBreakpointReady && isStacked && isExpanded) || undefined}\n        style={{\n          ...style,\n          ['--inspector-size' as any]: `${expandedSize}px`,\n          ['--inspector-min-size' as any]: `${minSize}px`,\n          ['--inspector-max-size' as any]: `${maxSize}px`,\n        }}\n      >\n        <div className=\"rt-ShellInspectorContent\" data-visible={isExpanded || undefined}>\n          {contentChildren}\n        </div>\n        {handleEl}\n      </div>\n    );\n  },\n) as InspectorComponent;\n\nInspector.displayName = 'Shell.Inspector';\nInspector.Handle = InspectorHandle;\n"],
+  "mappings": "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",
   "names": ["shell_inspector_exports", "__export", "Inspector", "__toCommonJS", "React", "import_classnames", "Sheet", "import_visually_hidden", "import_shell_context", "import_shell_hooks", "import_shell_resize", "import_shell_handles", "import_shell_types", "className", "presentation", "defaultOpen", "open", "onOpenChange", "expandedSize", "minSize", "maxSize", "resizable", "collapsible", "onExpand", "onCollapse", "onResize", "onResizeStart", "onResizeEnd", "snapPoints", "snapTolerance", "collapseThreshold", "paneId", "persistence", "children", "style", "props", "ref", "shell", "resolvedPresentation", "isOverlay", "isStacked", "localRef", "setRef", "node", "childArray", "handleChildren", "el", "contentChildren", "emitSizeChange", "cb", "strategy", "ms", "t", "s", "meta", "last", "now", "wasControlledRef", "isControlled", "responsiveNotifiedRef", "didInitFromDefaultOpenRef", "resolvedDefaultOpen", "initialOpen", "resolvedOpen", "shouldExpand", "initNotifiedRef", "lastInspectorModeRef", "isExpanded", "persistenceAdapter", "key", "v", "size", "mounted", "loaded", "handleEl", "client", "startClient", "startSize", "isRtl", "delta", "i", "normalizeToPx", "value", "str", "rem", "pct", "base", "n", "px", "clamped", "_inspectorDefaultOpenIgnored", "_inspectorOpenIgnored", "_inspectorOnOpenChangeIgnored", "_sz", "_dsz", "_osc", "_szu", "_szums", "inspectorDomProps", "classNames"]
 }

package/dist/cjs/components/_internal/shell-sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shell-sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/shell-sidebar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"shell-sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/shell-sidebar.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/_internal/shell-sidebar.js

@@ -1,2 +1,2 @@
-"use strict";var ye=Object.create;var w=Object.defineProperty;var Se=Object.getOwnPropertyDescriptor;var Me=Object.getOwnPropertyNames;var he=Object.getPrototypeOf,ge=Object.prototype.hasOwnProperty;var Pe=(i,l)=>{for(var s in l)w(i,s,{get:l[s],enumerable:!0})},Y=(i,l,s,c)=>{if(l&&typeof l=="object"||typeof l=="function")for(let u of Me(l))!ge.call(i,u)&&u!==s&&w(i,u,{get:()=>l[u],enumerable:!(c=Se(l,u))||c.enumerable});return i};var _=(i,l,s)=>(s=i!=null?ye(he(i)):{},Y(l||!i||!i.__esModule?w(s,"default",{value:i,enumerable:!0}):s,i)),ve=i=>Y(w({},"__esModule",{value:!0}),i);var Re={};Pe(Re,{Sidebar:()=>W});module.exports=ve(Re);var r=_(require("react")),Z=_(require("classnames")),O=_(require("../sheet.js")),ee=require("../visually-hidden.js"),B=require("../shell.context.js"),v=require("../shell.hooks.js"),te=require("./shell-resize.js"),M=require("./shell-handles.js"),De=require("../shell.types.js");const W=r.forwardRef(({className:i,presentation:l={initial:"overlay",md:"fixed"},expandedSize:s=288,minSize:c=200,maxSize:u=400,resizable:N=!1,collapsible:ne=!0,onExpand:A,onCollapse:I,onResize:k,onResizeStart:re,onResizeEnd:oe,snapPoints:ae,snapTolerance:ie,collapseThreshold:se,paneId:T,persistence:H,children:de,style:le,thinSize:h=64,toggleModes:D,state:m,defaultState:y,onStateChange:F,...f},g)=>{const t=(0,B.useShell)(),$=(0,v.useResponsivePresentation)(l),P=$==="overlay",ue=$==="stacked",b=r.useRef(null),ce=r.useCallback(e=>{b.current=e,typeof g=="function"?g(e):g&&(g.current=e)},[g]),L=r.Children.toArray(de),j=L.filter(e=>r.isValidElement(e)&&e.type===M.SidebarHandle),q=L.filter(e=>!(r.isValidElement(e)&&e.type===M.SidebarHandle)),R=r.useMemo(()=>{const e=f.onSizeChange,n=f.sizeUpdate,o=f.sizeUpdateMs??50;if(!e)return()=>{};if(n==="debounce"){let a=null;return(d,S)=>{a&&clearTimeout(a),a=setTimeout(()=>{e(d,S)},o)}}if(n==="throttle"){let a=0;return(d,S)=>{const X=Date.now();X-a>=o&&(a=X,e(d,S))}}return(a,d)=>e(a,d)},[f.onSizeChange,f.sizeUpdate,f.sizeUpdateMs]),fe=r.useId();r.useEffect(()=>(t.setHasSidebar(!0),()=>{t.setHasSidebar(!1)}),[t,fe]);const C=r.useRef(null);r.useEffect(()=>{const e=typeof m<"u";if(C.current===null){C.current=e;return}C.current!==e&&(console.warn("Shell.Sidebar: Switching between controlled and uncontrolled `state` is not supported."),C.current=e)},[m]);const p=(0,v.useResponsiveValue)(m),K=(0,v.useResponsiveValue)(y),G=r.useRef(!1);r.useEffect(()=>{if(!G.current&&t.currentBreakpointReady){if(G.current=!0,typeof m<"u"&&p){t.sidebarMode!==p&&t.setSidebarMode(p);return}if(typeof y<"u"){const e=K??y;t.sidebarMode!==e&&t.setSidebarMode(e),F?.(e,{reason:"init"});return}}},[t.currentBreakpointReady,K,p,m,y]),r.useEffect(()=>{p!==void 0&&t.sidebarMode!==p&&t.setSidebarMode(p)},[p,t.sidebarMode]);const z=r.useRef(null);r.useEffect(()=>{typeof m>"u"&&(z.current===null?z.current=t.sidebarMode:z.current!==t.sidebarMode&&(z.current=t.sidebarMode,F?.(t.sidebarMode,{reason:"toggle"})))},[t.sidebarMode,m,F]),r.useEffect(()=>{t.sidebarMode==="expanded"?A?.():I?.()},[t.sidebarMode,A,I]);const J=t.sidebarMode!=="collapsed",x=r.useMemo(()=>{if(!T||H)return H;const e=`kookie-ui:shell:sidebar:${T}`;return{load:()=>{if(typeof window>"u")return;const o=window.localStorage.getItem(e);return o?Number(o):void 0},save:o=>{typeof window>"u"||window.localStorage.setItem(e,String(o))}}},[T,H]);r.useEffect(()=>{let e=!0;return(async()=>{if(!N||!x?.load||P)return;const n=await x.load();e&&typeof n=="number"&&b.current&&(b.current.style.setProperty("--sidebar-size",`${n}px`),k?.(n))})(),()=>{e=!1}},[N,x,k,P]);const E=(0,B.useShell)(),U=r.useCallback(()=>{const e=y??"expanded";return e==="thin"||e==="expanded"?e:"expanded"},[y]);r.useEffect(()=>{if(!E.setSidebarToggleComputer)return;const e=D??"both",n=o=>{if(e==="both")return o==="collapsed"?"thin":o==="thin"?"expanded":"collapsed";const a=U();return o==="collapsed"?a:o===a?"collapsed":a};return E.setSidebarToggleComputer(n),()=>{E.setSidebarToggleComputer?.(o=>o==="collapsed"?"thin":o==="thin"?"expanded":"collapsed")}},[E,D,U]);const Q=r.useRef(s),be=r.useRef("expanded");r.useEffect(()=>{t.sidebarMode!=="collapsed"&&(be.current=t.sidebarMode,Q.current=t.sidebarMode==="thin"?h:s)},[t.sidebarMode,h,s]);const pe=N&&!P&&t.sidebarMode==="expanded"?r.createElement(te.PaneResizeContext.Provider,{value:{containerRef:b,cssVarName:"--sidebar-size",minSize:c,maxSize:u,defaultSize:s,orientation:"vertical",edge:"end",computeNext:(e,n,o)=>{const a=getComputedStyle(b.current).direction==="rtl",d=e-n;return o+(a?-d:d)},onResize:k,onResizeStart:re,onResizeEnd:e=>{oe?.(e),R(e,{reason:"resize"}),x?.save?.(e)},target:"sidebar",collapsible:ne,snapPoints:ae,snapTolerance:ie??8,collapseThreshold:se,requestCollapse:()=>t.setSidebarMode("collapsed"),requestToggle:()=>t.togglePane("sidebar")}},j.length>0?j.map((e,n)=>r.cloneElement(e,{key:e.key??n})):r.createElement(M.PaneHandle,null)):null,{state:Ce,defaultState:ze,onStateChange:xe,size:Ee,defaultSize:we,onSizeChange:Ne,sizeUpdate:ke,sizeUpdateMs:Te,...me}=f,V=r.useCallback(e=>{if(e==null)return;if(typeof e=="number"&&Number.isFinite(e))return e;const n=String(e).trim();if(!n)return;if(n.endsWith("px"))return Number.parseFloat(n);if(n.endsWith("rem")){const a=Number.parseFloat(getComputedStyle(document.documentElement).fontSize||"16")||16;return Number.parseFloat(n)*a}if(n.endsWith("%")){const a=Number.parseFloat(n),d=document.documentElement.clientWidth||window.innerWidth||0;return a/100*d}const o=Number.parseFloat(n);return Number.isFinite(o)?o:void 0},[]);if(r.useEffect(()=>{if(!b.current)return;const{size:e,defaultSize:n}=f;if(typeof e>"u"&&typeof n<"u"){const o=V(n);if(typeof o=="number"&&Number.isFinite(o)){const S=Math.min((typeof u=="number"?u:void 0)??o,Math.max((typeof c=="number"?c:void 0)??o,o));b.current.style.setProperty("--sidebar-size",`${S}px`),R(S,{reason:"init"})}}},[]),r.useEffect(()=>{if(!b.current)return;const{size:e}=f;if(typeof e>"u")return;const n=V(e);if(typeof n=="number"&&Number.isFinite(n)){const d=Math.min((typeof u=="number"?u:void 0)??n,Math.max((typeof c=="number"?c:void 0)??n,n));b.current.style.setProperty("--sidebar-size",`${d}px`),R(d,{reason:"controlled"})}},[f.size,c,u,V,R]),P){const e=t.sidebarMode!=="collapsed";return r.createElement(O.Root,{open:e,onOpenChange:n=>t.setSidebarMode(n?"expanded":"collapsed")},r.createElement(O.Content,{side:"start",style:{padding:0},width:{initial:`${e?t.sidebarMode==="thin"?h:s:Q.current}px`}},r.createElement(ee.VisuallyHidden,null,r.createElement(O.Title,null,"Navigation")),q))}return r.createElement("div",{...me,ref:ce,className:(0,Z.default)("rt-ShellSidebar",i),"data-mode":t.sidebarMode,"data-peek":t.peekTarget==="sidebar"||void 0,"data-presentation":t.currentBreakpointReady?$:void 0,"data-open":t.currentBreakpointReady&&ue&&J||void 0,style:{...le,"--sidebar-size":`${s}px`,"--sidebar-thin-size":`${h}px`,"--sidebar-min-size":`${c}px`,"--sidebar-max-size":`${u}px`,...t.peekTarget==="sidebar"&&t.sidebarMode==="collapsed"&&!P?(()=>{const e=D??"both",n=t.sidebarMode;let o;if(e==="both")o=n==="collapsed"?"thin":n==="thin"?"expanded":"collapsed";else{const a=U();o=n==="collapsed"?a:"collapsed"}return o==="thin"?{"--peek-sidebar-width":`${h}px`}:{"--peek-sidebar-width":`var(--sidebar-size, ${s}px)`}})():{}}},r.createElement("div",{className:"rt-ShellSidebarContent","data-visible":J||void 0},q),pe)});W.displayName="Shell.Sidebar",W.Handle=M.SidebarHandle;
+"use strict";var ye=Object.create;var w=Object.defineProperty;var Se=Object.getOwnPropertyDescriptor;var Me=Object.getOwnPropertyNames;var he=Object.getPrototypeOf,ge=Object.prototype.hasOwnProperty;var Pe=(i,l)=>{for(var s in l)w(i,s,{get:l[s],enumerable:!0})},Y=(i,l,s,c)=>{if(l&&typeof l=="object"||typeof l=="function")for(let u of Me(l))!ge.call(i,u)&&u!==s&&w(i,u,{get:()=>l[u],enumerable:!(c=Se(l,u))||c.enumerable});return i};var O=(i,l,s)=>(s=i!=null?ye(he(i)):{},Y(l||!i||!i.__esModule?w(s,"default",{value:i,enumerable:!0}):s,i)),ve=i=>Y(w({},"__esModule",{value:!0}),i);var Re={};Pe(Re,{Sidebar:()=>W});module.exports=ve(Re);var r=O(require("react")),Z=O(require("classnames")),V=O(require("../sheet.js")),ee=require("../visually-hidden.js"),B=require("../shell.context.js"),v=require("../shell.hooks.js"),te=require("./shell-resize.js"),M=require("./shell-handles.js"),De=require("../shell.types.js");const W=r.forwardRef(({className:i,presentation:l={initial:"overlay",md:"fixed"},expandedSize:s=288,minSize:c=200,maxSize:u=400,resizable:N=!1,collapsible:ne=!0,onExpand:A,onCollapse:I,onResize:k,onResizeStart:re,onResizeEnd:oe,snapPoints:ae,snapTolerance:ie,collapseThreshold:se,paneId:T,persistence:H,children:de,style:le,thinSize:h=64,toggleModes:D,state:m,defaultState:y,onStateChange:F,...f},g)=>{const t=(0,B.useShell)(),$=(0,v.useResponsivePresentation)(l),P=$==="overlay",ue=$==="stacked",b=r.useRef(null),ce=r.useCallback(e=>{b.current=e,typeof g=="function"?g(e):g&&(g.current=e)},[g]),L=r.Children.toArray(de),j=L.filter(e=>r.isValidElement(e)&&e.type===M.SidebarHandle),q=L.filter(e=>!(r.isValidElement(e)&&e.type===M.SidebarHandle)),R=r.useMemo(()=>{const e=f.onSizeChange,n=f.sizeUpdate,o=f.sizeUpdateMs??50;if(!e)return()=>{};if(n==="debounce"){let a=null;return(d,S)=>{a&&clearTimeout(a),a=setTimeout(()=>{e(d,S)},o)}}if(n==="throttle"){let a=0;return(d,S)=>{const X=Date.now();X-a>=o&&(a=X,e(d,S))}}return(a,d)=>e(a,d)},[f.onSizeChange,f.sizeUpdate,f.sizeUpdateMs]),fe=r.useId();r.useEffect(()=>(t.setHasSidebar(!0),()=>{t.setHasSidebar(!1)}),[t,fe]);const C=r.useRef(null);r.useEffect(()=>{const e=typeof m<"u";if(C.current===null){C.current=e;return}C.current!==e&&(console.warn("Shell.Sidebar: Switching between controlled and uncontrolled `state` is not supported."),C.current=e)},[m]);const p=(0,v.useResponsiveValue)(m),K=(0,v.useResponsiveValue)(y),G=r.useRef(!1);r.useEffect(()=>{if(!G.current&&t.currentBreakpointReady){if(G.current=!0,typeof m<"u"&&p){t.sidebarMode!==p&&t.setSidebarMode(p);return}if(typeof y<"u"){const e=K??y;t.sidebarMode!==e&&t.setSidebarMode(e),F?.(e,{reason:"init"});return}}},[t.currentBreakpointReady,K,p,m,y]),r.useEffect(()=>{p!==void 0&&t.sidebarMode!==p&&t.setSidebarMode(p)},[p,t.sidebarMode]);const z=r.useRef(null);r.useEffect(()=>{typeof m>"u"&&(z.current===null?z.current=t.sidebarMode:z.current!==t.sidebarMode&&(z.current=t.sidebarMode,F?.(t.sidebarMode,{reason:"toggle"})))},[t.sidebarMode,m,F]),r.useEffect(()=>{t.sidebarMode==="expanded"?A?.():I?.()},[t.sidebarMode,A,I]);const J=t.sidebarMode!=="collapsed",x=r.useMemo(()=>{if(!T||H)return H;const e=`kookie-ui:shell:sidebar:${T}`;return{load:()=>{if(typeof window>"u")return;const o=window.localStorage.getItem(e);return o?Number(o):void 0},save:o=>{typeof window>"u"||window.localStorage.setItem(e,String(o))}}},[T,H]);r.useEffect(()=>{let e=!0;return(async()=>{if(!N||!x?.load||P)return;const n=await x.load();e&&typeof n=="number"&&b.current&&(b.current.style.setProperty("--sidebar-size",`${n}px`),k?.(n))})(),()=>{e=!1}},[N,x,k,P]);const E=(0,B.useShell)(),U=r.useCallback(()=>{const e=y??"expanded";return e==="thin"||e==="expanded"?e:"expanded"},[y]);r.useEffect(()=>{if(!E.setSidebarToggleComputer)return;const e=D??"both",n=o=>{if(e==="both")return o==="collapsed"?"thin":o==="thin"?"expanded":"collapsed";const a=U();return o==="collapsed"?a:o===a?"collapsed":a};return E.setSidebarToggleComputer(n),()=>{E.setSidebarToggleComputer?.(o=>o==="collapsed"?"thin":o==="thin"?"expanded":"collapsed")}},[E,D,U]);const Q=r.useRef(s),be=r.useRef("expanded");r.useEffect(()=>{t.sidebarMode!=="collapsed"&&(be.current=t.sidebarMode,Q.current=t.sidebarMode==="thin"?h:s)},[t.sidebarMode,h,s]);const pe=N&&!P&&t.sidebarMode==="expanded"?r.createElement(te.PaneResizeContext.Provider,{value:{containerRef:b,cssVarName:"--sidebar-size",minSize:c,maxSize:u,defaultSize:s,orientation:"vertical",edge:"end",computeNext:(e,n,o)=>{const a=getComputedStyle(b.current).direction==="rtl",d=e-n;return o+(a?-d:d)},onResize:k,onResizeStart:re,onResizeEnd:e=>{oe?.(e),R(e,{reason:"resize"}),x?.save?.(e)},target:"sidebar",collapsible:ne,snapPoints:ae,snapTolerance:ie??8,collapseThreshold:se,requestCollapse:()=>t.setSidebarMode("collapsed"),requestToggle:()=>t.togglePane("sidebar")}},j.length>0?j.map((e,n)=>r.cloneElement(e,{key:e.key??n})):r.createElement(M.PaneHandle,null)):null,{state:Ce,defaultState:ze,onStateChange:xe,size:Ee,defaultSize:we,onSizeChange:Ne,sizeUpdate:ke,sizeUpdateMs:Te,...me}=f,_=r.useCallback(e=>{if(e==null)return;if(typeof e=="number"&&Number.isFinite(e))return e;const n=String(e).trim();if(!n)return;if(n.endsWith("px"))return Number.parseFloat(n);if(n.endsWith("rem")){const a=Number.parseFloat(getComputedStyle(document.documentElement).fontSize||"16")||16;return Number.parseFloat(n)*a}if(n.endsWith("%")){const a=Number.parseFloat(n),d=document.documentElement.clientWidth||window.innerWidth||0;return a/100*d}const o=Number.parseFloat(n);return Number.isFinite(o)?o:void 0},[]);if(r.useEffect(()=>{if(!b.current)return;const{size:e,defaultSize:n}=f;if(typeof e>"u"&&typeof n<"u"){const o=_(n);if(typeof o=="number"&&Number.isFinite(o)){const S=Math.min((typeof u=="number"?u:void 0)??o,Math.max((typeof c=="number"?c:void 0)??o,o));b.current.style.setProperty("--sidebar-size",`${S}px`),R(S,{reason:"init"})}}},[]),r.useEffect(()=>{if(!b.current)return;const{size:e}=f;if(typeof e>"u")return;const n=_(e);if(typeof n=="number"&&Number.isFinite(n)){const d=Math.min((typeof u=="number"?u:void 0)??n,Math.max((typeof c=="number"?c:void 0)??n,n));b.current.style.setProperty("--sidebar-size",`${d}px`),R(d,{reason:"controlled"})}},[f.size,c,u,_,R]),P){const e=t.sidebarMode!=="collapsed";return r.createElement(V.Root,{open:e,onOpenChange:n=>t.setSidebarMode(n?"expanded":"collapsed")},r.createElement(V.Content,{side:"start",style:{padding:0},width:{initial:`${e?t.sidebarMode==="thin"?h:s:Q.current}px`}},r.createElement(ee.VisuallyHidden,null,r.createElement(V.Title,null,"Navigation")),q))}return r.createElement("div",{...me,ref:ce,className:(0,Z.default)("rt-ShellSidebar",i),"data-mode":t.sidebarMode,"data-peek":t.peekTarget==="sidebar"||void 0,"data-presentation":t.currentBreakpointReady?$:void 0,"data-open":t.currentBreakpointReady&&ue&&J||void 0,style:{...le,"--sidebar-size":`${s}px`,"--sidebar-thin-size":`${h}px`,"--sidebar-min-size":`${c}px`,"--sidebar-max-size":`${u}px`,...t.peekTarget==="sidebar"&&t.sidebarMode==="collapsed"&&!P?(()=>{const e=D??"both",n=t.sidebarMode;let o;if(e==="both")o=n==="collapsed"?"thin":n==="thin"?"expanded":"collapsed";else{const a=U();o=n==="collapsed"?a:"collapsed"}return o==="thin"?{"--peek-sidebar-width":`${h}px`}:{"--peek-sidebar-width":`var(--sidebar-size, ${s}px)`}})():{}}},r.createElement("div",{className:"rt-ShellSidebarContent","data-visible":J||void 0},q),pe)});W.displayName="Shell.Sidebar",W.Handle=M.SidebarHandle;
 //# sourceMappingURL=shell-sidebar.js.map

package/dist/cjs/components/_internal/shell-sidebar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/_internal/shell-sidebar.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport * as Sheet from '../sheet.js';\nimport { VisuallyHidden } from '../visually-hidden.js';\nimport { useShell } from '../shell.context.js';\nimport { useResponsivePresentation, useResponsiveValue } from '../shell.hooks.js';\nimport { PaneResizeContext } from './shell-resize.js';\nimport { SidebarHandle, PaneHandle } from './shell-handles.js';\nimport type { Breakpoint, PaneMode, PaneSizePersistence, PresentationValue, ResponsivePresentation, ResponsiveSidebarMode, SidebarMode, Responsive } from '../shell.types.js';\nimport { BREAKPOINTS } from '../shell.types.js';\n\ninterface PaneProps extends React.ComponentPropsWithoutRef<'div'> {\n  presentation?: ResponsivePresentation;\n  mode?: PaneMode;\n  defaultMode?: any;\n  onModeChange?: (mode: PaneMode | SidebarMode) => void;\n  expandedSize?: number;\n  minSize?: number;\n  maxSize?: number;\n  resizable?: boolean;\n  collapsible?: boolean;\n  onExpand?: () => void;\n  onCollapse?: () => void;\n  onResize?: (size: number) => void;\n  resizer?: React.ReactNode;\n  onResizeStart?: (size: number) => void;\n  onResizeEnd?: (size: number) => void;\n  snapPoints?: number[];\n  snapTolerance?: number;\n  collapseThreshold?: number;\n  paneId?: string;\n  persistence?: PaneSizePersistence;\n}\n\ntype SidebarStateChangeMeta = { reason: 'init' | 'toggle' | 'responsive' };\ntype SidebarControlledProps = { state: Responsive<SidebarMode>; onStateChange?: (state: SidebarMode, meta: SidebarStateChangeMeta) => void; defaultState?: never };\ntype SidebarUncontrolledProps = { defaultState?: SidebarMode | Partial<Record<Breakpoint, SidebarMode>>; onStateChange?: (state: SidebarMode, meta: SidebarStateChangeMeta) => void; state?: never };\ntype SidebarPublicProps = Omit<PaneProps, 'mode' | 'defaultMode' | 'onModeChange'> & {\n  // removed legacy mode props\n  thinSize?: number;\n  toggleModes?: 'both' | 'single';\n  // size API (width when expanded)\n  size?: number | string;\n  defaultSize?: number | string;\n  onSizeChange?: (size: number, meta: { reason: 'init' | 'resize' | 'controlled' }) => void;\n  sizeUpdate?: 'throttle' | 'debounce';\n  sizeUpdateMs?: number;\n} & (SidebarControlledProps | SidebarUncontrolledProps);\n\ntype SidebarComponent = React.ForwardRefExoticComponent<SidebarPublicProps & React.RefAttributes<HTMLDivElement>> & { Handle: typeof SidebarHandle };\n\nexport const Sidebar = React.forwardRef<HTMLDivElement, SidebarPublicProps>(\n  (\n    {\n      className,\n      presentation = { initial: 'overlay', md: 'fixed' },\n      // removed legacy props\n      expandedSize = 288,\n      minSize = 200,\n      maxSize = 400,\n      resizable = false,\n      collapsible = true,\n      onExpand,\n      onCollapse,\n      onResize,\n      onResizeStart,\n      onResizeEnd,\n      snapPoints,\n      snapTolerance,\n      collapseThreshold,\n      paneId,\n      persistence,\n      children,\n      style,\n      thinSize = 64,\n      toggleModes,\n      // new state props (XOR)\n      state,\n      defaultState,\n      onStateChange,\n      ...props\n    },\n    ref,\n  ) => {\n    const shell = useShell();\n    const resolvedPresentation = useResponsivePresentation(presentation);\n    const isOverlay = resolvedPresentation === 'overlay';\n    const isStacked = resolvedPresentation === 'stacked';\n    // Phase sequencing is now CSS-driven; no JS-managed phase\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 === SidebarHandle);\n    const contentChildren = childArray.filter((el: React.ReactElement) => !(React.isValidElement(el) && el.type === SidebarHandle));\n\n    // Throttled/debounced emitter for onSizeChange\n    const emitSizeChange = React.useMemo(() => {\n      const cb = (props as any).onSizeChange as undefined | ((s: number, meta: { reason: 'init' | 'resize' | 'controlled' }) => void);\n      const strategy = (props as any).sizeUpdate as undefined | 'throttle' | 'debounce';\n      const ms = (props as any).sizeUpdateMs ?? 50;\n      if (!cb) return () => {};\n      if (strategy === 'debounce') {\n        let t: any = null;\n        return (s: number, meta: { reason: 'init' | 'resize' | 'controlled' }) => {\n          if (t) clearTimeout(t);\n          t = setTimeout(() => {\n            cb(s, meta);\n          }, ms);\n        };\n      }\n      if (strategy === 'throttle') {\n        let last = 0;\n        return (s: number, meta: { reason: 'init' | 'resize' | 'controlled' }) => {\n          const now = Date.now();\n          if (now - last >= ms) {\n            last = now;\n            cb(s, meta);\n          }\n        };\n      }\n      return (s: number, meta: { reason: 'init' | 'resize' | 'controlled' }) => cb(s, meta);\n    }, [(props as any).onSizeChange, (props as any).sizeUpdate, (props as any).sizeUpdateMs]);\n\n    // Register with shell\n    const sidebarId = React.useId();\n    React.useEffect(() => {\n      shell.setHasSidebar(true);\n      return () => {\n        shell.setHasSidebar(false);\n      };\n    }, [shell, sidebarId]);\n\n    // Dev guards\n    const wasControlledRef = React.useRef<boolean | null>(null);\n    if (process.env.NODE_ENV !== 'production') {\n      if (typeof state !== 'undefined' && typeof defaultState !== 'undefined') {\n        // eslint-disable-next-line no-console\n        console.error('Shell.Sidebar: Do not pass both `state` and `defaultState`. Choose one.');\n      }\n      if (typeof (props as any).size !== 'undefined' && typeof (props as any).defaultSize !== 'undefined') {\n        // eslint-disable-next-line no-console\n        console.error('Shell.Sidebar: Do not pass both `size` and `defaultSize`. Choose one.');\n      }\n    }\n\n    // Warn on mode switch between controlled/uncontrolled\n    React.useEffect(() => {\n      const isControlled = typeof state !== 'undefined';\n      if (wasControlledRef.current === null) {\n        wasControlledRef.current = isControlled;\n        return;\n      }\n      if (wasControlledRef.current !== isControlled) {\n        // eslint-disable-next-line no-console\n        console.warn('Shell.Sidebar: Switching between controlled and uncontrolled `state` is not supported.');\n        wasControlledRef.current = isControlled;\n      }\n    }, [state]);\n\n    // Resolve responsive controlled state at top level\n    const resolvedState = useResponsiveValue(state);\n    const resolvedDefaultState = useResponsiveValue(defaultState as any);\n\n    // Honor state/defaultState on mount when uncontrolled\n    const didInitRef = React.useRef(false);\n    React.useEffect(() => {\n      if (didInitRef.current) return;\n      if (!shell.currentBreakpointReady) return;\n      didInitRef.current = true;\n      // Controlled state may be responsive; use resolved value\n      if (typeof state !== 'undefined' && resolvedState) {\n        if (shell.sidebarMode !== resolvedState) shell.setSidebarMode(resolvedState);\n        return;\n      }\n      if (typeof defaultState !== 'undefined') {\n        const initialState = (resolvedDefaultState ?? defaultState) as SidebarMode;\n        if (shell.sidebarMode !== initialState) {\n          shell.setSidebarMode(initialState);\n        }\n        onStateChange?.(initialState, { reason: 'init' });\n        return;\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [shell.currentBreakpointReady, resolvedDefaultState, resolvedState, state, defaultState]);\n\n    // Sync controlled state (responsive-aware)\n    React.useEffect(() => {\n      if (resolvedState === undefined) return;\n      if (shell.sidebarMode !== resolvedState) shell.setSidebarMode(resolvedState);\n    }, [resolvedState, shell.sidebarMode]);\n\n    // Emit mode changes\n    const lastNotifyModeRef = React.useRef<SidebarMode | null>(null);\n    React.useEffect(() => {\n      // notify new API when uncontrolled; skip first run to avoid masking init\n      if (typeof state === 'undefined') {\n        if (lastNotifyModeRef.current === null) {\n          lastNotifyModeRef.current = shell.sidebarMode as SidebarMode;\n        } else if (lastNotifyModeRef.current !== shell.sidebarMode) {\n          lastNotifyModeRef.current = shell.sidebarMode as SidebarMode;\n          onStateChange?.(shell.sidebarMode as SidebarMode, { reason: 'toggle' });\n        }\n      }\n    }, [shell.sidebarMode, state, onStateChange]);\n\n    // Emit expand/collapse events\n    React.useEffect(() => {\n      if (shell.sidebarMode === 'expanded') {\n        onExpand?.();\n      } else {\n        onCollapse?.();\n      }\n    }, [shell.sidebarMode, onExpand, onCollapse]);\n\n    // Option A: thin is width-only; content remains visible whenever not collapsed\n    const isContentVisible = shell.sidebarMode !== 'collapsed';\n\n    // Default persistence if paneId provided and none supplied (fixed only)\n    const persistenceAdapter = React.useMemo(() => {\n      if (!paneId || persistence) return persistence;\n      const key = `kookie-ui:shell:sidebar:${paneId}`;\n      const adapter: PaneSizePersistence = {\n        load: () => {\n          if (typeof window === 'undefined') return undefined;\n          const v = window.localStorage.getItem(key);\n          return v ? Number(v) : undefined;\n        },\n        save: (size: number) => {\n          if (typeof window === 'undefined') return;\n          window.localStorage.setItem(key, String(size));\n        },\n      };\n      return adapter;\n    }, [paneId, persistence]);\n\n    React.useEffect(() => {\n      let mounted = true;\n      (async () => {\n        if (!resizable || !persistenceAdapter?.load || isOverlay) return;\n        const loaded = await persistenceAdapter.load();\n        if (mounted && typeof loaded === 'number' && localRef.current) {\n          localRef.current.style.setProperty('--sidebar-size', `${loaded}px`);\n          onResize?.(loaded);\n        }\n      })();\n      return () => {\n        mounted = false;\n      };\n    }, [resizable, persistenceAdapter, onResize, isOverlay]);\n\n    // Register custom toggle behavior based on toggleModes (both|single)\n    const shellForToggle = useShell();\n    const resolveDefaultSidebarMode = React.useCallback((): SidebarMode => {\n      const resolved = defaultState ?? 'expanded';\n      return resolved === 'thin' || resolved === 'expanded' ? resolved : 'expanded';\n    }, [defaultState]);\n\n    React.useEffect(() => {\n      if (!shellForToggle.setSidebarToggleComputer) return;\n      const strategy: 'both' | 'single' = toggleModes ?? 'both';\n      const compute = (current: SidebarMode): SidebarMode => {\n        if (strategy === 'both') {\n          if (current === 'collapsed') return 'thin';\n          if (current === 'thin') return 'expanded';\n          return 'collapsed';\n        }\n        const target = resolveDefaultSidebarMode();\n        if (current === 'collapsed') return target;\n        if (current === target) return 'collapsed';\n        return target;\n      };\n      shellForToggle.setSidebarToggleComputer(compute);\n      return () => {\n        shellForToggle.setSidebarToggleComputer?.((cur) => (cur === 'collapsed' ? 'thin' : cur === 'thin' ? 'expanded' : 'collapsed'));\n      };\n    }, [shellForToggle, toggleModes, resolveDefaultSidebarMode]);\n\n    const lastOverlayWidthRef = React.useRef<number>(expandedSize);\n    const lastOverlayModeRef = React.useRef<SidebarMode>('expanded');\n    React.useEffect(() => {\n      if (shell.sidebarMode !== 'collapsed') {\n        lastOverlayModeRef.current = shell.sidebarMode as SidebarMode;\n        lastOverlayWidthRef.current = shell.sidebarMode === 'thin' ? thinSize : expandedSize;\n      }\n    }, [shell.sidebarMode, thinSize, expandedSize]);\n\n    // Remove responsive default mode behavior entirely\n\n    const handleEl =\n      resizable && !isOverlay && shell.sidebarMode === 'expanded' ? (\n        <PaneResizeContext.Provider\n          value={{\n            containerRef: localRef,\n            cssVarName: '--sidebar-size',\n            minSize,\n            maxSize,\n            defaultSize: expandedSize,\n            orientation: 'vertical',\n            edge: 'end',\n            computeNext: (client, startClient, startSize) => {\n              const isRtl = getComputedStyle(localRef.current!).direction === 'rtl';\n              const delta = client - startClient;\n              return startSize + (isRtl ? -delta : delta);\n            },\n            onResize,\n            onResizeStart,\n            onResizeEnd: (size) => {\n              onResizeEnd?.(size);\n              emitSizeChange(size, { reason: 'resize' });\n              persistenceAdapter?.save?.(size);\n            },\n            target: 'sidebar',\n            collapsible,\n            snapPoints,\n            snapTolerance: snapTolerance ?? 8,\n            collapseThreshold,\n            requestCollapse: () => shell.setSidebarMode('collapsed'),\n            requestToggle: () => shell.togglePane('sidebar'),\n          }}\n        >\n          {handleChildren.length > 0 ? handleChildren.map((el, i) => React.cloneElement(el, { key: el.key ?? i })) : <PaneHandle />}\n        </PaneResizeContext.Provider>\n      ) : null;\n\n    // Strip new API props from DOM\n    const { state: _s, defaultState: _ds, onStateChange: _osc, size: _sz, defaultSize: _dsz, onSizeChange: _onsc, sizeUpdate: _szu, sizeUpdateMs: _szums, ...domProps } = props as any;\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      const n = Number.parseFloat(str);\n      return Number.isFinite(n) ? n : undefined;\n    }, []);\n\n    // Apply defaultSize on mount when uncontrolled\n    React.useEffect(() => {\n      if (!localRef.current) return;\n      const { size, defaultSize } = props as any;\n      if (typeof size === 'undefined' && typeof defaultSize !== 'undefined') {\n        const px = normalizeToPx(defaultSize);\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('--sidebar-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      const { size } = props as any;\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('--sidebar-size', `${clamped}px`);\n        emitSizeChange(clamped, { reason: 'controlled' });\n      }\n    }, [(props as any).size, minSize, maxSize, normalizeToPx, emitSizeChange]);\n\n    if (isOverlay) {\n      const open = shell.sidebarMode !== 'collapsed';\n      return (\n        <Sheet.Root open={open} onOpenChange={(o) => shell.setSidebarMode(o ? 'expanded' : 'collapsed')}>\n          <Sheet.Content\n            side=\"start\"\n            style={{ padding: 0 }}\n            width={{\n              initial: `${open ? (shell.sidebarMode === 'thin' ? thinSize : expandedSize) : lastOverlayWidthRef.current}px`,\n            }}\n          >\n            <VisuallyHidden>\n              <Sheet.Title>Navigation</Sheet.Title>\n            </VisuallyHidden>\n            {contentChildren}\n          </Sheet.Content>\n        </Sheet.Root>\n      );\n    }\n    return (\n      <div\n        {...domProps}\n        ref={setRef}\n        className={classNames('rt-ShellSidebar', className)}\n        data-mode={shell.sidebarMode}\n        data-peek={shell.peekTarget === 'sidebar' || undefined}\n        data-presentation={shell.currentBreakpointReady ? resolvedPresentation : undefined}\n        data-open={(shell.currentBreakpointReady && isStacked && isContentVisible) || undefined}\n        style={{\n          ...style,\n          ['--sidebar-size' as any]: `${expandedSize}px`,\n          ['--sidebar-thin-size' as any]: `${thinSize}px`,\n          ['--sidebar-min-size' as any]: `${minSize}px`,\n          ['--sidebar-max-size' as any]: `${maxSize}px`,\n          ...(shell.peekTarget === 'sidebar' && shell.sidebarMode === 'collapsed' && !isOverlay\n            ? (() => {\n                const strategy: 'both' | 'single' = toggleModes ?? 'both';\n                const current = shell.sidebarMode as SidebarMode;\n                let next: SidebarMode;\n                if (strategy === 'both') {\n                  next = current === 'collapsed' ? 'thin' : current === 'thin' ? 'expanded' : 'collapsed';\n                } else {\n                  const target = resolveDefaultSidebarMode();\n                  next = current === 'collapsed' ? target : 'collapsed';\n                }\n                if (next === 'thin') {\n                  return {\n                    ['--peek-sidebar-width' as any]: `${thinSize}px`,\n                  } as React.CSSProperties;\n                }\n                return {\n                  ['--peek-sidebar-width' as any]: `var(--sidebar-size, ${expandedSize}px)`,\n                } as React.CSSProperties;\n              })()\n            : {}),\n        }}\n      >\n        <div className=\"rt-ShellSidebarContent\" data-visible={isContentVisible || undefined}>\n          {contentChildren}\n        </div>\n        {handleEl}\n      </div>\n    );\n  },\n) as SidebarComponent;\n\nSidebar.displayName = 'Shell.Sidebar';\nSidebar.Handle = SidebarHandle;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport * as Sheet from '../sheet.js';\nimport { VisuallyHidden } from '../visually-hidden.js';\nimport { useShell } from '../shell.context.js';\nimport { useResponsivePresentation, useResponsiveValue } from '../shell.hooks.js';\nimport { PaneResizeContext } from './shell-resize.js';\nimport { SidebarHandle, PaneHandle } from './shell-handles.js';\nimport type { Breakpoint, PaneMode, PaneSizePersistence, ResponsivePresentation, SidebarMode, Responsive } from '../shell.types.js';\nimport { _BREAKPOINTS } from '../shell.types.js';\n\ninterface PaneProps extends React.ComponentPropsWithoutRef<'div'> {\n  presentation?: ResponsivePresentation;\n  mode?: PaneMode;\n  defaultMode?: any;\n  onModeChange?: (mode: PaneMode | SidebarMode) => void;\n  expandedSize?: number;\n  minSize?: number;\n  maxSize?: number;\n  resizable?: boolean;\n  collapsible?: boolean;\n  onExpand?: () => void;\n  onCollapse?: () => void;\n  onResize?: (size: number) => void;\n  resizer?: React.ReactNode;\n  onResizeStart?: (size: number) => void;\n  onResizeEnd?: (size: number) => void;\n  snapPoints?: number[];\n  snapTolerance?: number;\n  collapseThreshold?: number;\n  paneId?: string;\n  persistence?: PaneSizePersistence;\n}\n\ntype SidebarStateChangeMeta = { reason: 'init' | 'toggle' | 'responsive' };\ntype SidebarControlledProps = { state: Responsive<SidebarMode>; onStateChange?: (state: SidebarMode, meta: SidebarStateChangeMeta) => void; defaultState?: never };\ntype SidebarUncontrolledProps = { defaultState?: SidebarMode | Partial<Record<Breakpoint, SidebarMode>>; onStateChange?: (state: SidebarMode, meta: SidebarStateChangeMeta) => void; state?: never };\ntype SidebarPublicProps = Omit<PaneProps, 'mode' | 'defaultMode' | 'onModeChange'> & {\n  // removed legacy mode props\n  thinSize?: number;\n  toggleModes?: 'both' | 'single';\n  // size API (width when expanded)\n  size?: number | string;\n  defaultSize?: number | string;\n  onSizeChange?: (size: number, meta: { reason: 'init' | 'resize' | 'controlled' }) => void;\n  sizeUpdate?: 'throttle' | 'debounce';\n  sizeUpdateMs?: number;\n} & (SidebarControlledProps | SidebarUncontrolledProps);\n\ntype SidebarComponent = React.ForwardRefExoticComponent<SidebarPublicProps & React.RefAttributes<HTMLDivElement>> & { Handle: typeof SidebarHandle };\n\nexport const Sidebar = React.forwardRef<HTMLDivElement, SidebarPublicProps>(\n  (\n    {\n      className,\n      presentation = { initial: 'overlay', md: 'fixed' },\n      // removed legacy props\n      expandedSize = 288,\n      minSize = 200,\n      maxSize = 400,\n      resizable = false,\n      collapsible = true,\n      onExpand,\n      onCollapse,\n      onResize,\n      onResizeStart,\n      onResizeEnd,\n      snapPoints,\n      snapTolerance,\n      collapseThreshold,\n      paneId,\n      persistence,\n      children,\n      style,\n      thinSize = 64,\n      toggleModes,\n      // new state props (XOR)\n      state,\n      defaultState,\n      onStateChange,\n      ...props\n    },\n    ref,\n  ) => {\n    const shell = useShell();\n    const resolvedPresentation = useResponsivePresentation(presentation);\n    const isOverlay = resolvedPresentation === 'overlay';\n    const isStacked = resolvedPresentation === 'stacked';\n    // Phase sequencing is now CSS-driven; no JS-managed phase\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 === SidebarHandle);\n    const contentChildren = childArray.filter((el: React.ReactElement) => !(React.isValidElement(el) && el.type === SidebarHandle));\n\n    // Throttled/debounced emitter for onSizeChange\n    const emitSizeChange = React.useMemo(() => {\n      const cb = (props as any).onSizeChange as undefined | ((s: number, meta: { reason: 'init' | 'resize' | 'controlled' }) => void);\n      const strategy = (props as any).sizeUpdate as undefined | 'throttle' | 'debounce';\n      const ms = (props as any).sizeUpdateMs ?? 50;\n      if (!cb) return () => {};\n      if (strategy === 'debounce') {\n        let t: any = null;\n        return (s: number, meta: { reason: 'init' | 'resize' | 'controlled' }) => {\n          if (t) clearTimeout(t);\n          t = setTimeout(() => {\n            cb(s, meta);\n          }, ms);\n        };\n      }\n      if (strategy === 'throttle') {\n        let last = 0;\n        return (s: number, meta: { reason: 'init' | 'resize' | 'controlled' }) => {\n          const now = Date.now();\n          if (now - last >= ms) {\n            last = now;\n            cb(s, meta);\n          }\n        };\n      }\n      return (s: number, meta: { reason: 'init' | 'resize' | 'controlled' }) => cb(s, meta);\n    }, [(props as any).onSizeChange, (props as any).sizeUpdate, (props as any).sizeUpdateMs]);\n\n    // Register with shell\n    const sidebarId = React.useId();\n    React.useEffect(() => {\n      shell.setHasSidebar(true);\n      return () => {\n        shell.setHasSidebar(false);\n      };\n    }, [shell, sidebarId]);\n\n    // Dev guards\n    const wasControlledRef = React.useRef<boolean | null>(null);\n    if (process.env.NODE_ENV !== 'production') {\n      if (typeof state !== 'undefined' && typeof defaultState !== 'undefined') {\n        // eslint-disable-next-line no-console\n        console.error('Shell.Sidebar: Do not pass both `state` and `defaultState`. Choose one.');\n      }\n      if (typeof (props as any).size !== 'undefined' && typeof (props as any).defaultSize !== 'undefined') {\n        // eslint-disable-next-line no-console\n        console.error('Shell.Sidebar: Do not pass both `size` and `defaultSize`. Choose one.');\n      }\n    }\n\n    // Warn on mode switch between controlled/uncontrolled\n    React.useEffect(() => {\n      const isControlled = typeof state !== 'undefined';\n      if (wasControlledRef.current === null) {\n        wasControlledRef.current = isControlled;\n        return;\n      }\n      if (wasControlledRef.current !== isControlled) {\n        // eslint-disable-next-line no-console\n        console.warn('Shell.Sidebar: Switching between controlled and uncontrolled `state` is not supported.');\n        wasControlledRef.current = isControlled;\n      }\n    }, [state]);\n\n    // Resolve responsive controlled state at top level\n    const resolvedState = useResponsiveValue(state);\n    const resolvedDefaultState = useResponsiveValue(defaultState as any);\n\n    // Honor state/defaultState on mount when uncontrolled\n    const didInitRef = React.useRef(false);\n    React.useEffect(() => {\n      if (didInitRef.current) return;\n      if (!shell.currentBreakpointReady) return;\n      didInitRef.current = true;\n      // Controlled state may be responsive; use resolved value\n      if (typeof state !== 'undefined' && resolvedState) {\n        if (shell.sidebarMode !== resolvedState) shell.setSidebarMode(resolvedState);\n        return;\n      }\n      if (typeof defaultState !== 'undefined') {\n        const initialState = (resolvedDefaultState ?? defaultState) as SidebarMode;\n        if (shell.sidebarMode !== initialState) {\n          shell.setSidebarMode(initialState);\n        }\n        onStateChange?.(initialState, { reason: 'init' });\n        return;\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [shell.currentBreakpointReady, resolvedDefaultState, resolvedState, state, defaultState]);\n\n    // Sync controlled state (responsive-aware)\n    React.useEffect(() => {\n      if (resolvedState === undefined) return;\n      if (shell.sidebarMode !== resolvedState) shell.setSidebarMode(resolvedState);\n    }, [resolvedState, shell.sidebarMode]);\n\n    // Emit mode changes\n    const lastNotifyModeRef = React.useRef<SidebarMode | null>(null);\n    React.useEffect(() => {\n      // notify new API when uncontrolled; skip first run to avoid masking init\n      if (typeof state === 'undefined') {\n        if (lastNotifyModeRef.current === null) {\n          lastNotifyModeRef.current = shell.sidebarMode as SidebarMode;\n        } else if (lastNotifyModeRef.current !== shell.sidebarMode) {\n          lastNotifyModeRef.current = shell.sidebarMode as SidebarMode;\n          onStateChange?.(shell.sidebarMode as SidebarMode, { reason: 'toggle' });\n        }\n      }\n    }, [shell.sidebarMode, state, onStateChange]);\n\n    // Emit expand/collapse events\n    React.useEffect(() => {\n      if (shell.sidebarMode === 'expanded') {\n        onExpand?.();\n      } else {\n        onCollapse?.();\n      }\n    }, [shell.sidebarMode, onExpand, onCollapse]);\n\n    // Option A: thin is width-only; content remains visible whenever not collapsed\n    const isContentVisible = shell.sidebarMode !== 'collapsed';\n\n    // Default persistence if paneId provided and none supplied (fixed only)\n    const persistenceAdapter = React.useMemo(() => {\n      if (!paneId || persistence) return persistence;\n      const key = `kookie-ui:shell:sidebar:${paneId}`;\n      const adapter: PaneSizePersistence = {\n        load: () => {\n          if (typeof window === 'undefined') return undefined;\n          const v = window.localStorage.getItem(key);\n          return v ? Number(v) : undefined;\n        },\n        save: (size: number) => {\n          if (typeof window === 'undefined') return;\n          window.localStorage.setItem(key, String(size));\n        },\n      };\n      return adapter;\n    }, [paneId, persistence]);\n\n    React.useEffect(() => {\n      let mounted = true;\n      (async () => {\n        if (!resizable || !persistenceAdapter?.load || isOverlay) return;\n        const loaded = await persistenceAdapter.load();\n        if (mounted && typeof loaded === 'number' && localRef.current) {\n          localRef.current.style.setProperty('--sidebar-size', `${loaded}px`);\n          onResize?.(loaded);\n        }\n      })();\n      return () => {\n        mounted = false;\n      };\n    }, [resizable, persistenceAdapter, onResize, isOverlay]);\n\n    // Register custom toggle behavior based on toggleModes (both|single)\n    const shellForToggle = useShell();\n    const resolveDefaultSidebarMode = React.useCallback((): SidebarMode => {\n      const resolved = defaultState ?? 'expanded';\n      return resolved === 'thin' || resolved === 'expanded' ? resolved : 'expanded';\n    }, [defaultState]);\n\n    React.useEffect(() => {\n      if (!shellForToggle.setSidebarToggleComputer) return;\n      const strategy: 'both' | 'single' = toggleModes ?? 'both';\n      const compute = (current: SidebarMode): SidebarMode => {\n        if (strategy === 'both') {\n          if (current === 'collapsed') return 'thin';\n          if (current === 'thin') return 'expanded';\n          return 'collapsed';\n        }\n        const target = resolveDefaultSidebarMode();\n        if (current === 'collapsed') return target;\n        if (current === target) return 'collapsed';\n        return target;\n      };\n      shellForToggle.setSidebarToggleComputer(compute);\n      return () => {\n        shellForToggle.setSidebarToggleComputer?.((cur) => (cur === 'collapsed' ? 'thin' : cur === 'thin' ? 'expanded' : 'collapsed'));\n      };\n    }, [shellForToggle, toggleModes, resolveDefaultSidebarMode]);\n\n    const lastOverlayWidthRef = React.useRef<number>(expandedSize);\n    const lastOverlayModeRef = React.useRef<SidebarMode>('expanded');\n    React.useEffect(() => {\n      if (shell.sidebarMode !== 'collapsed') {\n        lastOverlayModeRef.current = shell.sidebarMode as SidebarMode;\n        lastOverlayWidthRef.current = shell.sidebarMode === 'thin' ? thinSize : expandedSize;\n      }\n    }, [shell.sidebarMode, thinSize, expandedSize]);\n\n    // Remove responsive default mode behavior entirely\n\n    const handleEl =\n      resizable && !isOverlay && shell.sidebarMode === 'expanded' ? (\n        <PaneResizeContext.Provider\n          value={{\n            containerRef: localRef,\n            cssVarName: '--sidebar-size',\n            minSize,\n            maxSize,\n            defaultSize: expandedSize,\n            orientation: 'vertical',\n            edge: 'end',\n            computeNext: (client, startClient, startSize) => {\n              const isRtl = getComputedStyle(localRef.current!).direction === 'rtl';\n              const delta = client - startClient;\n              return startSize + (isRtl ? -delta : delta);\n            },\n            onResize,\n            onResizeStart,\n            onResizeEnd: (size) => {\n              onResizeEnd?.(size);\n              emitSizeChange(size, { reason: 'resize' });\n              persistenceAdapter?.save?.(size);\n            },\n            target: 'sidebar',\n            collapsible,\n            snapPoints,\n            snapTolerance: snapTolerance ?? 8,\n            collapseThreshold,\n            requestCollapse: () => shell.setSidebarMode('collapsed'),\n            requestToggle: () => shell.togglePane('sidebar'),\n          }}\n        >\n          {handleChildren.length > 0 ? handleChildren.map((el, i) => React.cloneElement(el, { key: el.key ?? i })) : <PaneHandle />}\n        </PaneResizeContext.Provider>\n      ) : null;\n\n    // Strip new API props from DOM\n    const { state: _s, defaultState: _ds, onStateChange: _osc, size: _sz, defaultSize: _dsz, onSizeChange: _onsc, sizeUpdate: _szu, sizeUpdateMs: _szums, ...domProps } = props as any;\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      const n = Number.parseFloat(str);\n      return Number.isFinite(n) ? n : undefined;\n    }, []);\n\n    // Apply defaultSize on mount when uncontrolled\n    React.useEffect(() => {\n      if (!localRef.current) return;\n      const { size, defaultSize } = props as any;\n      if (typeof size === 'undefined' && typeof defaultSize !== 'undefined') {\n        const px = normalizeToPx(defaultSize);\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('--sidebar-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      const { size } = props as any;\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('--sidebar-size', `${clamped}px`);\n        emitSizeChange(clamped, { reason: 'controlled' });\n      }\n    }, [(props as any).size, minSize, maxSize, normalizeToPx, emitSizeChange]);\n\n    if (isOverlay) {\n      const open = shell.sidebarMode !== 'collapsed';\n      return (\n        <Sheet.Root open={open} onOpenChange={(o) => shell.setSidebarMode(o ? 'expanded' : 'collapsed')}>\n          <Sheet.Content\n            side=\"start\"\n            style={{ padding: 0 }}\n            width={{\n              initial: `${open ? (shell.sidebarMode === 'thin' ? thinSize : expandedSize) : lastOverlayWidthRef.current}px`,\n            }}\n          >\n            <VisuallyHidden>\n              <Sheet.Title>Navigation</Sheet.Title>\n            </VisuallyHidden>\n            {contentChildren}\n          </Sheet.Content>\n        </Sheet.Root>\n      );\n    }\n    return (\n      <div\n        {...domProps}\n        ref={setRef}\n        className={classNames('rt-ShellSidebar', className)}\n        data-mode={shell.sidebarMode}\n        data-peek={shell.peekTarget === 'sidebar' || undefined}\n        data-presentation={shell.currentBreakpointReady ? resolvedPresentation : undefined}\n        data-open={(shell.currentBreakpointReady && isStacked && isContentVisible) || undefined}\n        style={{\n          ...style,\n          ['--sidebar-size' as any]: `${expandedSize}px`,\n          ['--sidebar-thin-size' as any]: `${thinSize}px`,\n          ['--sidebar-min-size' as any]: `${minSize}px`,\n          ['--sidebar-max-size' as any]: `${maxSize}px`,\n          ...(shell.peekTarget === 'sidebar' && shell.sidebarMode === 'collapsed' && !isOverlay\n            ? (() => {\n                const strategy: 'both' | 'single' = toggleModes ?? 'both';\n                const current = shell.sidebarMode as SidebarMode;\n                let next: SidebarMode;\n                if (strategy === 'both') {\n                  next = current === 'collapsed' ? 'thin' : current === 'thin' ? 'expanded' : 'collapsed';\n                } else {\n                  const target = resolveDefaultSidebarMode();\n                  next = current === 'collapsed' ? target : 'collapsed';\n                }\n                if (next === 'thin') {\n                  return {\n                    ['--peek-sidebar-width' as any]: `${thinSize}px`,\n                  } as React.CSSProperties;\n                }\n                return {\n                  ['--peek-sidebar-width' as any]: `var(--sidebar-size, ${expandedSize}px)`,\n                } as React.CSSProperties;\n              })()\n            : {}),\n        }}\n      >\n        <div className=\"rt-ShellSidebarContent\" data-visible={isContentVisible || undefined}>\n          {contentChildren}\n        </div>\n        {handleEl}\n      </div>\n    );\n  },\n) as SidebarComponent;\n\nSidebar.displayName = 'Shell.Sidebar';\nSidebar.Handle = SidebarHandle;\n"],
+  "mappings": "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",
   "names": ["shell_sidebar_exports", "__export", "Sidebar", "__toCommonJS", "React", "import_classnames", "Sheet", "import_visually_hidden", "import_shell_context", "import_shell_hooks", "import_shell_resize", "import_shell_handles", "import_shell_types", "className", "presentation", "expandedSize", "minSize", "maxSize", "resizable", "collapsible", "onExpand", "onCollapse", "onResize", "onResizeStart", "onResizeEnd", "snapPoints", "snapTolerance", "collapseThreshold", "paneId", "persistence", "children", "style", "thinSize", "toggleModes", "state", "defaultState", "onStateChange", "props", "ref", "shell", "resolvedPresentation", "isOverlay", "isStacked", "localRef", "setRef", "node", "childArray", "handleChildren", "el", "contentChildren", "emitSizeChange", "cb", "strategy", "ms", "t", "s", "meta", "last", "now", "sidebarId", "wasControlledRef", "isControlled", "resolvedState", "resolvedDefaultState", "didInitRef", "initialState", "lastNotifyModeRef", "isContentVisible", "persistenceAdapter", "key", "v", "size", "mounted", "loaded", "shellForToggle", "resolveDefaultSidebarMode", "resolved", "compute", "current", "target", "cur", "lastOverlayWidthRef", "lastOverlayModeRef", "handleEl", "client", "startClient", "startSize", "isRtl", "delta", "i", "_s", "_ds", "_osc", "_sz", "_dsz", "_onsc", "_szu", "_szums", "domProps", "normalizeToPx", "value", "str", "rem", "pct", "base", "n", "defaultSize", "px", "clamped", "open", "o", "classNames", "next"]
 }