@womp/kookie-ui 0.21.0 → 0.22.1

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/_internal/shell-handles.tsx", "../../../../src/components/_internal/shell-resize.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { usePaneResize } from './shell-resize.js';\n\n/**\n * The resize handle: the WAI-ARIA window splitter. `role=\"separator\"` with a\n * value, focusable because it is operable, `aria-controls` naming its pane.\n *\n * A drag writes the size variable directly on the pane and sets no React\n * state, so nothing re-renders per move. `onResize` is called at most once per\n * animation frame, and once more with the final size when the drag ends. The\n * direction and the ceiling are read once, when the drag starts.\n */\nexport const PaneHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(({ className, children, ...props }, ref) => {\n  const {\n    containerRef,\n    controls,\n    cssVarName,\n    minSize,\n    maxSize,\n    defaultSize,\n    orientation,\n    edge,\n    growth,\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 handleRef = React.useRef<HTMLDivElement | null>(null);\n  const setRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      handleRef.current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n    },\n    [ref],\n  );\n\n  const activeCleanupRef = React.useRef<(() => void) | null>(null);\n  React.useEffect(\n    () => () => {\n      activeCleanupRef.current?.();\n      activeCleanupRef.current = null;\n    },\n    [],\n  );\n\n  /** The pane's size as the stylesheet sees it. Read at the edges of a gesture, never during one. */\n  const readSize = React.useCallback(() => {\n    const container = containerRef.current;\n    if (!container) return defaultSize;\n    const parsed = Number.parseFloat(getComputedStyle(container).getPropertyValue(cssVarName));\n    return Number.isFinite(parsed) ? parsed : defaultSize;\n  }, [containerRef, cssVarName, defaultSize]);\n\n  /**\n   * The largest size a resize may reach: the stated maximum, and never so\n   * large that the handle leaves the frame. The room is measured from the\n   * pane's anchored edge, which does not move, to the far edge of the frame,\n   * so a pane that starts after a Rail has less room than the frame's width.\n   * Without the cap a pane with a generous `maxSize` could be resized until\n   * its own handle was off screen.\n   */\n  const ceiling = React.useCallback(() => {\n    const container = containerRef.current;\n    const handle = handleRef.current;\n    const frame = container?.closest('.rt-ShellRoot')?.getBoundingClientRect();\n    if (!container || !frame || !handle) return maxSize;\n    const pane = container.getBoundingClientRect();\n    const hitBox = handle.getBoundingClientRect();\n    const sign = growth(getComputedStyle(container).direction === 'rtl');\n    let room: number;\n    if (orientation === 'vertical') room = sign > 0 ? frame.right - pane.left : pane.right - frame.left;\n    else room = sign > 0 ? frame.bottom - pane.top : pane.bottom - frame.top;\n    const hit = orientation === 'vertical' ? hitBox.width : hitBox.height;\n    if (!(frame.width > 0 && frame.height > 0) || !Number.isFinite(room)) return maxSize;\n    return Math.max(minSize, Math.min(maxSize, Math.round(room - hit)));\n  }, [containerRef, growth, maxSize, minSize, orientation]);\n\n  // The announced maximum is what a resize can reach now, not only the prop.\n  const announceCeiling = () => {\n    handleRef.current?.setAttribute('aria-valuemax', String(ceiling()));\n  };\n\n  // The announced value is seeded from the real size once the pane has a box.\n  React.useLayoutEffect(() => {\n    handleRef.current?.setAttribute('aria-valuenow', String(Math.round(readSize())));\n  }, [readSize]);\n\n  const write = (container: HTMLElement, size: number) => {\n    container.style.setProperty(cssVarName, `${size}px`);\n    handleRef.current?.setAttribute('aria-valuenow', String(Math.round(size)));\n  };\n\n  const targetLabel = target.charAt(0).toUpperCase() + target.slice(1);\n\n  return (\n    // A focusable separator with a value is the WAI-ARIA window splitter, an\n    // interactive widget; jsx-a11y classes every separator as static.\n    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n    <div\n      ref={setRef}\n      className={classNames('rt-ShellResizer', className)}\n      data-orientation={orientation}\n      data-edge={edge}\n      role=\"separator\"\n      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n      tabIndex={0}\n      aria-label={`Resize ${targetLabel} pane`}\n      aria-controls={controls}\n      aria-orientation={orientation}\n      aria-valuemin={minSize}\n      aria-valuemax={maxSize}\n      {...props}\n      onPointerDown={(e) => {\n        props.onPointerDown?.(e);\n        const container = containerRef.current;\n        if (!container || e.defaultPrevented || e.button !== 0) return;\n        e.preventDefault();\n        const handleEl = e.currentTarget as HTMLElement;\n        const pointerId = e.pointerId;\n        activeCleanupRef.current?.();\n        try {\n          handleEl.setPointerCapture(pointerId);\n        } catch {\n          // Capture can fail for a pointer that is already gone; the window listeners below still carry the drag.\n        }\n\n        // Everything a move needs is read here, once.\n        const startStyle = getComputedStyle(container);\n        const parsedStart = Number.parseFloat(startStyle.getPropertyValue(cssVarName));\n        const startSize = Number.isFinite(parsedStart) ? parsedStart : defaultSize;\n        const startClient = orientation === 'vertical' ? e.clientX : e.clientY;\n        const sign = growth(startStyle.direction === 'rtl');\n        const cap = ceiling();\n        handleEl.setAttribute('aria-valuemax', String(cap));\n        const clamp = (v: number) => Math.min(Math.max(v, minSize), cap);\n\n        container.setAttribute('data-resizing', '');\n        handleEl.setAttribute('data-dragging', '');\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\n        let current = startSize;\n        // The unclamped size, so `collapseThreshold` is compared before the\n        // clamp: a threshold below `minSize` can then still collapse the pane.\n        let raw = startSize;\n        let frame = 0;\n        let pending: number | null = null;\n        const flush = () => {\n          frame = 0;\n          if (pending === null) return;\n          const size = pending;\n          pending = null;\n          onResize?.(size);\n        };\n\n        // The move handler listens on the handle, the document and the window,\n        // so a drag survives environments where pointer events do not reach\n        // all three. One movement can therefore arrive several times: once per\n        // node it propagates through, and again as the compatibility mouse\n        // event. Only the first copy does any work.\n        let lastHandledMove: Event | null = null;\n        let seenPointerEvent = false;\n        const shouldHandle = (ev: Event, pointerType: string) => {\n          if (ev.type === pointerType) seenPointerEvent = true;\n          else if (seenPointerEvent) return false;\n          return true;\n        };\n\n        const handleMove = (ev: PointerEvent) => {\n          if (!shouldHandle(ev, 'pointermove')) return;\n          if (ev === lastHandledMove) return;\n          lastHandledMove = ev;\n          const client = orientation === 'vertical' ? ev.clientX : ev.clientY;\n          raw = startSize + (client - startClient) * sign;\n          current = clamp(raw);\n          write(container, current);\n          pending = current;\n          if (!frame) frame = requestAnimationFrame(flush);\n        };\n\n        const cleanup = () => {\n          if (frame) cancelAnimationFrame(frame);\n          frame = 0;\n          try {\n            handleEl.releasePointerCapture(pointerId);\n          } catch {\n            // Already released.\n          }\n          window.removeEventListener('pointermove', handleMove as EventListener);\n          document.removeEventListener('pointermove', handleMove as EventListener);\n          window.removeEventListener('mousemove', handleMove as EventListener);\n          document.removeEventListener('mousemove', handleMove as EventListener);\n          handleEl.removeEventListener('pointermove', handleMove as EventListener);\n          window.removeEventListener('pointerup', handleUp as EventListener);\n          document.removeEventListener('pointerup', handleUp as EventListener);\n          window.removeEventListener('mouseup', handleUp as EventListener);\n          document.removeEventListener('mouseup', handleUp as EventListener);\n          window.removeEventListener('pointercancel', handleUp as EventListener);\n          document.removeEventListener('pointercancel', handleUp as EventListener);\n          window.removeEventListener('keydown', handleKey as EventListener);\n          handleEl.removeEventListener('lostpointercapture', handleUp as EventListener);\n          container.removeAttribute('data-resizing');\n          handleEl.removeAttribute('data-dragging');\n          body.style.cursor = prevCursor;\n          body.style.userSelect = prevUserSelect;\n          activeCleanupRef.current = null;\n        };\n\n        let finished = false;\n        const handleUp = () => {\n          if (finished) return;\n          finished = true;\n          // The last move's size is delivered now rather than on the next frame.\n          if (frame) cancelAnimationFrame(frame);\n          flush();\n\n          if (collapsible && typeof collapseThreshold === 'number' && raw <= collapseThreshold) {\n            // A drag past the threshold closes the pane and keeps no size: the\n            // pane opens again at the size it had before the drag. The drag\n            // still ends, at that size, so a consumer that started something\n            // in onResizeStart can stop it.\n            write(container, startSize);\n            onResize?.(startSize);\n            cleanup();\n            requestCollapse?.();\n            onResizeEnd?.(startSize);\n            return;\n          }\n\n          let settled = current;\n          if (snapPoints && snapPoints.length) {\n            const nearest = snapPoints.reduce((acc, p) => (Math.abs(p - current) < Math.abs(acc - current) ? p : acc), snapPoints[0]);\n            if (Math.abs(nearest - current) <= snapTolerance) {\n              settled = clamp(nearest);\n              write(container, settled);\n              onResize?.(settled);\n            }\n          }\n          onResizeEnd?.(settled);\n          cleanup();\n        };\n\n        const handleKey = (kev: KeyboardEvent) => {\n          if (kev.key !== 'Escape') return;\n          if (frame) cancelAnimationFrame(frame);\n          frame = 0;\n          pending = null;\n          write(container, startSize);\n          onResize?.(startSize);\n          finished = true;\n          onResizeEnd?.(startSize);\n          cleanup();\n        };\n\n        window.addEventListener('pointermove', handleMove as EventListener);\n        document.addEventListener('pointermove', handleMove as EventListener);\n        window.addEventListener('mousemove', handleMove as EventListener);\n        document.addEventListener('mousemove', handleMove as EventListener);\n        handleEl.addEventListener('pointermove', handleMove as EventListener);\n        window.addEventListener('pointerup', handleUp as EventListener);\n        document.addEventListener('pointerup', handleUp as EventListener);\n        window.addEventListener('mouseup', handleUp as EventListener);\n        document.addEventListener('mouseup', handleUp as EventListener);\n        window.addEventListener('pointercancel', handleUp as EventListener);\n        document.addEventListener('pointercancel', handleUp as EventListener);\n        window.addEventListener('keydown', handleKey as EventListener);\n        handleEl.addEventListener('lostpointercapture', handleUp as EventListener);\n        activeCleanupRef.current = cleanup;\n      }}\n      onDoubleClick={(e) => {\n        props.onDoubleClick?.(e);\n        if (!e.defaultPrevented && collapsible) requestToggle?.();\n      }}\n      onFocus={(e) => {\n        props.onFocus?.(e);\n        announceCeiling();\n      }}\n      onKeyDown={(e) => {\n        props.onKeyDown?.(e);\n        const container = containerRef.current;\n        if (!container || e.defaultPrevented) return;\n        const current = readSize();\n        // The keys reach as far as a drag does: the frame caps both.\n        const cap = ceiling();\n        const clamp = (v: number) => Math.min(Math.max(v, minSize), cap);\n        let next: number | undefined;\n        if (e.key === 'Home') next = clamp(minSize);\n        else if (e.key === 'End') next = clamp(cap);\n        else {\n          // The key moves the boundary along its axis; the pane grows or\n          // shrinks the way a drag in that direction would, so Bottom's\n          // ArrowUp grows it and an end-anchored pane mirrors in RTL.\n          const along = orientation === 'vertical' ? (e.key === 'ArrowRight' ? 1 : e.key === 'ArrowLeft' ? -1 : 0) : e.key === 'ArrowDown' ? 1 : e.key === 'ArrowUp' ? -1 : 0;\n          if (along === 0) return;\n          const step = e.shiftKey ? 32 : 8;\n          next = clamp(current + along * step * growth(getComputedStyle(container).direction === 'rtl'));\n        }\n        e.preventDefault();\n        onResizeStart?.(current);\n        write(container, next);\n        onResize?.(next);\n        onResizeEnd?.(next);\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", "import * as React from 'react';\nimport type { PaneName } from '../shell.types.js';\n\nexport interface PaneResizeContextValue {\n  containerRef: React.RefObject<HTMLElement | null>;\n  /** The pane the handle resizes, for `aria-controls`. */\n  controls: string;\n  cssVarName: string;\n  minSize: number;\n  maxSize: number;\n  defaultSize: number;\n  orientation: 'vertical' | 'horizontal';\n  edge: 'start' | 'end';\n  /**\n   * +1 when moving the pointer toward the end of its axis grows the pane, -1\n   * when it shrinks it. Read once when a drag starts, with the pane's\n   * resolved direction, so no move pays for a style read.\n   */\n  growth: (isRtl: boolean) => 1 | -1;\n  onResize?: (size: number) => void;\n  onResizeStart?: (size: number) => void;\n  onResizeEnd?: (size: number) => void;\n  target: PaneName;\n  collapsible: boolean;\n  snapPoints?: number[];\n  snapTolerance: number;\n  collapseThreshold?: number;\n  requestCollapse?: () => void;\n  requestToggle?: () => void;\n}\n\nexport const PaneResizeContext = React.createContext<PaneResizeContextValue | null>(null);\n\nexport function usePaneResize() {\n  const ctx = React.useContext(PaneResizeContext);\n  if (!ctx) throw new Error('Shell.Handle must be used within a resizable pane');\n  return ctx;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { usePaneResize } from './shell-resize.js';\n\n/**\n * The resize handle: the WAI-ARIA window splitter. `role=\"separator\"` with a\n * value, focusable because it is operable, `aria-controls` naming its pane.\n *\n * A drag writes the size variable directly on the pane and sets no React\n * state, so nothing re-renders per move. `onResize` is called at most once per\n * animation frame, and once more with the final size when the drag ends. The\n * direction and the ceiling are read once, when the drag starts.\n */\nexport const PaneHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(({ className, children, ...props }, ref) => {\n  const {\n    containerRef,\n    controls,\n    cssVarName,\n    minSize,\n    maxSize,\n    defaultSize,\n    orientation,\n    edge,\n    growth,\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 handleRef = React.useRef<HTMLDivElement | null>(null);\n  const setRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      handleRef.current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n    },\n    [ref],\n  );\n\n  const activeCleanupRef = React.useRef<(() => void) | null>(null);\n  React.useEffect(\n    () => () => {\n      activeCleanupRef.current?.();\n      activeCleanupRef.current = null;\n    },\n    [],\n  );\n\n  /** The pane's size as the stylesheet sees it. Read at the edges of a gesture, never during one. */\n  const readSize = React.useCallback(() => {\n    const container = containerRef.current;\n    if (!container) return defaultSize;\n    const parsed = Number.parseFloat(getComputedStyle(container).getPropertyValue(cssVarName));\n    return Number.isFinite(parsed) ? parsed : defaultSize;\n  }, [containerRef, cssVarName, defaultSize]);\n\n  /**\n   * The largest size a resize may reach: the stated maximum, and never so\n   * large that the handle leaves the frame. The room is measured from the\n   * pane's anchored edge, which does not move, to the far edge of the frame,\n   * so a pane that starts after a Rail has less room than the frame's width.\n   * Without the cap a pane with a generous `maxSize` could be resized until\n   * its own handle was off screen.\n   */\n  const ceiling = React.useCallback(() => {\n    const container = containerRef.current;\n    const handle = handleRef.current;\n    const frame = container?.closest('.kui-ShellRoot')?.getBoundingClientRect();\n    if (!container || !frame || !handle) return maxSize;\n    const pane = container.getBoundingClientRect();\n    const hitBox = handle.getBoundingClientRect();\n    const sign = growth(getComputedStyle(container).direction === 'rtl');\n    let room: number;\n    if (orientation === 'vertical') room = sign > 0 ? frame.right - pane.left : pane.right - frame.left;\n    else room = sign > 0 ? frame.bottom - pane.top : pane.bottom - frame.top;\n    const hit = orientation === 'vertical' ? hitBox.width : hitBox.height;\n    if (!(frame.width > 0 && frame.height > 0) || !Number.isFinite(room)) return maxSize;\n    return Math.max(minSize, Math.min(maxSize, Math.round(room - hit)));\n  }, [containerRef, growth, maxSize, minSize, orientation]);\n\n  // The announced maximum is what a resize can reach now, not only the prop.\n  const announceCeiling = () => {\n    handleRef.current?.setAttribute('aria-valuemax', String(ceiling()));\n  };\n\n  // The announced value is seeded from the real size once the pane has a box.\n  React.useLayoutEffect(() => {\n    handleRef.current?.setAttribute('aria-valuenow', String(Math.round(readSize())));\n  }, [readSize]);\n\n  const write = (container: HTMLElement, size: number) => {\n    container.style.setProperty(cssVarName, `${size}px`);\n    handleRef.current?.setAttribute('aria-valuenow', String(Math.round(size)));\n  };\n\n  const targetLabel = target.charAt(0).toUpperCase() + target.slice(1);\n\n  return (\n    // A focusable separator with a value is the WAI-ARIA window splitter, an\n    // interactive widget; jsx-a11y classes every separator as static.\n    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n    <div\n      ref={setRef}\n      className={classNames('kui-ShellResizer', className)}\n      data-orientation={orientation}\n      data-edge={edge}\n      role=\"separator\"\n      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n      tabIndex={0}\n      aria-label={`Resize ${targetLabel} pane`}\n      aria-controls={controls}\n      aria-orientation={orientation}\n      aria-valuemin={minSize}\n      aria-valuemax={maxSize}\n      {...props}\n      onPointerDown={(e) => {\n        props.onPointerDown?.(e);\n        const container = containerRef.current;\n        if (!container || e.defaultPrevented || e.button !== 0) return;\n        e.preventDefault();\n        const handleEl = e.currentTarget as HTMLElement;\n        const pointerId = e.pointerId;\n        activeCleanupRef.current?.();\n        try {\n          handleEl.setPointerCapture(pointerId);\n        } catch {\n          // Capture can fail for a pointer that is already gone; the window listeners below still carry the drag.\n        }\n\n        // Everything a move needs is read here, once.\n        const startStyle = getComputedStyle(container);\n        const parsedStart = Number.parseFloat(startStyle.getPropertyValue(cssVarName));\n        const startSize = Number.isFinite(parsedStart) ? parsedStart : defaultSize;\n        const startClient = orientation === 'vertical' ? e.clientX : e.clientY;\n        const sign = growth(startStyle.direction === 'rtl');\n        const cap = ceiling();\n        handleEl.setAttribute('aria-valuemax', String(cap));\n        const clamp = (v: number) => Math.min(Math.max(v, minSize), cap);\n\n        container.setAttribute('data-resizing', '');\n        handleEl.setAttribute('data-dragging', '');\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\n        let current = startSize;\n        // The unclamped size, so `collapseThreshold` is compared before the\n        // clamp: a threshold below `minSize` can then still collapse the pane.\n        let raw = startSize;\n        let frame = 0;\n        let pending: number | null = null;\n        const flush = () => {\n          frame = 0;\n          if (pending === null) return;\n          const size = pending;\n          pending = null;\n          onResize?.(size);\n        };\n\n        // The move handler listens on the handle, the document and the window,\n        // so a drag survives environments where pointer events do not reach\n        // all three. One movement can therefore arrive several times: once per\n        // node it propagates through, and again as the compatibility mouse\n        // event. Only the first copy does any work.\n        let lastHandledMove: Event | null = null;\n        let seenPointerEvent = false;\n        const shouldHandle = (ev: Event, pointerType: string) => {\n          if (ev.type === pointerType) seenPointerEvent = true;\n          else if (seenPointerEvent) return false;\n          return true;\n        };\n\n        const handleMove = (ev: PointerEvent) => {\n          if (!shouldHandle(ev, 'pointermove')) return;\n          if (ev === lastHandledMove) return;\n          lastHandledMove = ev;\n          const client = orientation === 'vertical' ? ev.clientX : ev.clientY;\n          raw = startSize + (client - startClient) * sign;\n          current = clamp(raw);\n          write(container, current);\n          pending = current;\n          if (!frame) frame = requestAnimationFrame(flush);\n        };\n\n        const cleanup = () => {\n          if (frame) cancelAnimationFrame(frame);\n          frame = 0;\n          try {\n            handleEl.releasePointerCapture(pointerId);\n          } catch {\n            // Already released.\n          }\n          window.removeEventListener('pointermove', handleMove as EventListener);\n          document.removeEventListener('pointermove', handleMove as EventListener);\n          window.removeEventListener('mousemove', handleMove as EventListener);\n          document.removeEventListener('mousemove', handleMove as EventListener);\n          handleEl.removeEventListener('pointermove', handleMove as EventListener);\n          window.removeEventListener('pointerup', handleUp as EventListener);\n          document.removeEventListener('pointerup', handleUp as EventListener);\n          window.removeEventListener('mouseup', handleUp as EventListener);\n          document.removeEventListener('mouseup', handleUp as EventListener);\n          window.removeEventListener('pointercancel', handleUp as EventListener);\n          document.removeEventListener('pointercancel', handleUp as EventListener);\n          window.removeEventListener('keydown', handleKey as EventListener);\n          handleEl.removeEventListener('lostpointercapture', handleUp as EventListener);\n          container.removeAttribute('data-resizing');\n          handleEl.removeAttribute('data-dragging');\n          body.style.cursor = prevCursor;\n          body.style.userSelect = prevUserSelect;\n          activeCleanupRef.current = null;\n        };\n\n        let finished = false;\n        const handleUp = () => {\n          if (finished) return;\n          finished = true;\n          // The last move's size is delivered now rather than on the next frame.\n          if (frame) cancelAnimationFrame(frame);\n          flush();\n\n          if (collapsible && typeof collapseThreshold === 'number' && raw <= collapseThreshold) {\n            // A drag past the threshold closes the pane and keeps no size: the\n            // pane opens again at the size it had before the drag. The drag\n            // still ends, at that size, so a consumer that started something\n            // in onResizeStart can stop it.\n            write(container, startSize);\n            onResize?.(startSize);\n            cleanup();\n            requestCollapse?.();\n            onResizeEnd?.(startSize);\n            return;\n          }\n\n          let settled = current;\n          if (snapPoints && snapPoints.length) {\n            const nearest = snapPoints.reduce((acc, p) => (Math.abs(p - current) < Math.abs(acc - current) ? p : acc), snapPoints[0]);\n            if (Math.abs(nearest - current) <= snapTolerance) {\n              settled = clamp(nearest);\n              write(container, settled);\n              onResize?.(settled);\n            }\n          }\n          onResizeEnd?.(settled);\n          cleanup();\n        };\n\n        const handleKey = (kev: KeyboardEvent) => {\n          if (kev.key !== 'Escape') return;\n          if (frame) cancelAnimationFrame(frame);\n          frame = 0;\n          pending = null;\n          write(container, startSize);\n          onResize?.(startSize);\n          finished = true;\n          onResizeEnd?.(startSize);\n          cleanup();\n        };\n\n        window.addEventListener('pointermove', handleMove as EventListener);\n        document.addEventListener('pointermove', handleMove as EventListener);\n        window.addEventListener('mousemove', handleMove as EventListener);\n        document.addEventListener('mousemove', handleMove as EventListener);\n        handleEl.addEventListener('pointermove', handleMove as EventListener);\n        window.addEventListener('pointerup', handleUp as EventListener);\n        document.addEventListener('pointerup', handleUp as EventListener);\n        window.addEventListener('mouseup', handleUp as EventListener);\n        document.addEventListener('mouseup', handleUp as EventListener);\n        window.addEventListener('pointercancel', handleUp as EventListener);\n        document.addEventListener('pointercancel', handleUp as EventListener);\n        window.addEventListener('keydown', handleKey as EventListener);\n        handleEl.addEventListener('lostpointercapture', handleUp as EventListener);\n        activeCleanupRef.current = cleanup;\n      }}\n      onDoubleClick={(e) => {\n        props.onDoubleClick?.(e);\n        if (!e.defaultPrevented && collapsible) requestToggle?.();\n      }}\n      onFocus={(e) => {\n        props.onFocus?.(e);\n        announceCeiling();\n      }}\n      onKeyDown={(e) => {\n        props.onKeyDown?.(e);\n        const container = containerRef.current;\n        if (!container || e.defaultPrevented) return;\n        const current = readSize();\n        // The keys reach as far as a drag does: the frame caps both.\n        const cap = ceiling();\n        const clamp = (v: number) => Math.min(Math.max(v, minSize), cap);\n        let next: number | undefined;\n        if (e.key === 'Home') next = clamp(minSize);\n        else if (e.key === 'End') next = clamp(cap);\n        else {\n          // The key moves the boundary along its axis; the pane grows or\n          // shrinks the way a drag in that direction would, so Bottom's\n          // ArrowUp grows it and an end-anchored pane mirrors in RTL.\n          const along = orientation === 'vertical' ? (e.key === 'ArrowRight' ? 1 : e.key === 'ArrowLeft' ? -1 : 0) : e.key === 'ArrowDown' ? 1 : e.key === 'ArrowUp' ? -1 : 0;\n          if (along === 0) return;\n          const step = e.shiftKey ? 32 : 8;\n          next = clamp(current + along * step * growth(getComputedStyle(container).direction === 'rtl'));\n        }\n        e.preventDefault();\n        onResizeStart?.(current);\n        write(container, next);\n        onResize?.(next);\n        onResizeEnd?.(next);\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", "import * as React from 'react';\nimport type { PaneName } from '../shell.types.js';\n\nexport interface PaneResizeContextValue {\n  containerRef: React.RefObject<HTMLElement | null>;\n  /** The pane the handle resizes, for `aria-controls`. */\n  controls: string;\n  cssVarName: string;\n  minSize: number;\n  maxSize: number;\n  defaultSize: number;\n  orientation: 'vertical' | 'horizontal';\n  edge: 'start' | 'end';\n  /**\n   * +1 when moving the pointer toward the end of its axis grows the pane, -1\n   * when it shrinks it. Read once when a drag starts, with the pane's\n   * resolved direction, so no move pays for a style read.\n   */\n  growth: (isRtl: boolean) => 1 | -1;\n  onResize?: (size: number) => void;\n  onResizeStart?: (size: number) => void;\n  onResizeEnd?: (size: number) => void;\n  target: PaneName;\n  collapsible: boolean;\n  snapPoints?: number[];\n  snapTolerance: number;\n  collapseThreshold?: number;\n  requestCollapse?: () => void;\n  requestToggle?: () => void;\n}\n\nexport const PaneResizeContext = React.createContext<PaneResizeContextValue | null>(null);\n\nexport function usePaneResize() {\n  const ctx = React.useContext(PaneResizeContext);\n  if (!ctx) throw new Error('Shell.Handle must be used within a resizable pane');\n  return ctx;\n}\n"],
+  "mappings": "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",
   "names": ["shell_handles_exports", "__export", "BottomHandle", "InspectorHandle", "PaneHandle", "PanelHandle", "SidebarHandle", "__toCommonJS", "React", "import_classnames", "React", "PaneResizeContext", "usePaneResize", "ctx", "PaneHandle", "className", "children", "props", "ref", "containerRef", "controls", "cssVarName", "minSize", "maxSize", "defaultSize", "orientation", "edge", "growth", "onResize", "onResizeStart", "onResizeEnd", "snapPoints", "snapTolerance", "collapseThreshold", "collapsible", "target", "requestCollapse", "requestToggle", "usePaneResize", "handleRef", "setRef", "node", "activeCleanupRef", "readSize", "container", "parsed", "ceiling", "handle", "frame", "pane", "hitBox", "sign", "room", "hit", "announceCeiling", "write", "size", "targetLabel", "classNames", "handleEl", "pointerId", "startStyle", "parsedStart", "startSize", "startClient", "cap", "clamp", "v", "body", "prevCursor", "prevUserSelect", "current", "raw", "pending", "flush", "lastHandledMove", "seenPointerEvent", "shouldHandle", "ev", "pointerType", "handleMove", "client", "cleanup", "handleUp", "handleKey", "finished", "settled", "nearest", "acc", "p", "kev", "next", "along", "step", "PanelHandle", "SidebarHandle", "InspectorHandle", "BottomHandle"]
 }

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

@@ -1,2 +1,2 @@
-"use strict";"use client";var an=Object.create;var ce=Object.defineProperty;var sn=Object.getOwnPropertyDescriptor;var ln=Object.getOwnPropertyNames;var un=Object.getPrototypeOf,cn=Object.prototype.hasOwnProperty;var dn=(e,n)=>{for(var t in n)ce(e,t,{get:n[t],enumerable:!0})},Me=(e,n,t,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of ln(n))!cn.call(e,o)&&o!==t&&ce(e,o,{get:()=>n[o],enumerable:!(r=sn(n,o))||r.enumerable});return e};var J=(e,n,t)=>(t=e!=null?an(un(e)):{},Me(n||!e||!e.__esModule?ce(t,"default",{value:e,enumerable:!0}):t,e)),pn=e=>Me(ce({},"__esModule",{value:!0}),e);var Ln={};dn(Ln,{Inspector:()=>Ce});module.exports=pn(Ln);var _=J(require("react")),en=J(require("classnames")),nn=require("radix-ui/internal");var de=J(require("react")),ve=de.createContext(null);function Be(){let e=de.useContext(ve);if(!e)throw new Error("Shell.Handle must be used within a resizable pane");return e}var h=J(require("react")),Oe=J(require("classnames"));var ee=h.forwardRef(({className:e,children:n,...t},r)=>{let{containerRef:o,controls:p,cssVarName:b,minSize:V,maxSize:w,defaultSize:E,orientation:P,edge:A,growth:v,onResize:T,onResizeStart:Y,onResizeEnd:M,snapPoints:L,snapTolerance:g,collapseThreshold:B,collapsible:N,target:D,requestCollapse:U,requestToggle:O}=Be(),I=h.useRef(null),q=h.useCallback(i=>{I.current=i,typeof r=="function"?r(i):r&&(r.current=i)},[r]),a=h.useRef(null);h.useEffect(()=>()=>{a.current?.(),a.current=null},[]);let u=h.useCallback(()=>{let i=o.current;if(!i)return E;let c=Number.parseFloat(getComputedStyle(i).getPropertyValue(b));return Number.isFinite(c)?c:E},[o,b,E]),y=h.useCallback(()=>{let i=o.current,c=I.current,f=i?.closest(".rt-ShellRoot")?.getBoundingClientRect();if(!i||!f||!c)return w;let R=i.getBoundingClientRect(),k=c.getBoundingClientRect(),C=v(getComputedStyle(i).direction==="rtl"),m;P==="vertical"?m=C>0?f.right-R.left:R.right-f.left:m=C>0?f.bottom-R.top:R.bottom-f.top;let W=P==="vertical"?k.width:k.height;return!(f.width>0&&f.height>0)||!Number.isFinite(m)?w:Math.max(V,Math.min(w,Math.round(m-W)))},[o,v,w,V,P]),S=()=>{I.current?.setAttribute("aria-valuemax",String(y()))};h.useLayoutEffect(()=>{I.current?.setAttribute("aria-valuenow",String(Math.round(u())))},[u]);let x=(i,c)=>{i.style.setProperty(b,`${c}px`),I.current?.setAttribute("aria-valuenow",String(Math.round(c)))},K=D.charAt(0).toUpperCase()+D.slice(1);return h.createElement("div",{ref:q,className:(0,Oe.default)("rt-ShellResizer",e),"data-orientation":P,"data-edge":A,role:"separator",tabIndex:0,"aria-label":`Resize ${K} pane`,"aria-controls":p,"aria-orientation":P,"aria-valuemin":V,"aria-valuemax":w,...t,onPointerDown:i=>{t.onPointerDown?.(i);let c=o.current;if(!c||i.defaultPrevented||i.button!==0)return;i.preventDefault();let f=i.currentTarget,R=i.pointerId;a.current?.();try{f.setPointerCapture(R)}catch{}let k=getComputedStyle(c),C=Number.parseFloat(k.getPropertyValue(b)),m=Number.isFinite(C)?C:E,W=P==="vertical"?i.clientX:i.clientY,s=v(k.direction==="rtl"),$=y();f.setAttribute("aria-valuemax",String($));let Q=z=>Math.min(Math.max(z,V),$);c.setAttribute("data-resizing",""),f.setAttribute("data-dragging","");let G=document.body,tn=G.style.cursor,rn=G.style.userSelect;G.style.cursor=P==="vertical"?"col-resize":"row-resize",G.style.userSelect="none",Y?.(m);let Z=m,Re=m,j=0,oe=null,Te=()=>{if(j=0,oe===null)return;let z=oe;oe=null,T?.(z)},Le=null,ke=!1,on=(z,te)=>{if(z.type===te)ke=!0;else if(ke)return!1;return!0},X=z=>{if(!on(z,"pointermove")||z===Le)return;Le=z;let te=P==="vertical"?z.clientX:z.clientY;Re=m+(te-W)*s,Z=Q(Re),x(c,Z),oe=Z,j||(j=requestAnimationFrame(Te))},ue=()=>{j&&cancelAnimationFrame(j),j=0;try{f.releasePointerCapture(R)}catch{}window.removeEventListener("pointermove",X),document.removeEventListener("pointermove",X),window.removeEventListener("mousemove",X),document.removeEventListener("mousemove",X),f.removeEventListener("pointermove",X),window.removeEventListener("pointerup",H),document.removeEventListener("pointerup",H),window.removeEventListener("mouseup",H),document.removeEventListener("mouseup",H),window.removeEventListener("pointercancel",H),document.removeEventListener("pointercancel",H),window.removeEventListener("keydown",Ve),f.removeEventListener("lostpointercapture",H),c.removeAttribute("data-resizing"),f.removeAttribute("data-dragging"),G.style.cursor=tn,G.style.userSelect=rn,a.current=null},he=!1,H=()=>{if(he)return;if(he=!0,j&&cancelAnimationFrame(j),Te(),N&&typeof B=="number"&&Re<=B){x(c,m),T?.(m),ue(),U?.(),M?.(m);return}let z=Z;if(L&&L.length){let te=L.reduce((Ne,Ie)=>Math.abs(Ie-Z)<Math.abs(Ne-Z)?Ie:Ne,L[0]);Math.abs(te-Z)<=g&&(z=Q(te),x(c,z),T?.(z))}M?.(z),ue()},Ve=z=>{z.key==="Escape"&&(j&&cancelAnimationFrame(j),j=0,oe=null,x(c,m),T?.(m),he=!0,M?.(m),ue())};window.addEventListener("pointermove",X),document.addEventListener("pointermove",X),window.addEventListener("mousemove",X),document.addEventListener("mousemove",X),f.addEventListener("pointermove",X),window.addEventListener("pointerup",H),document.addEventListener("pointerup",H),window.addEventListener("mouseup",H),document.addEventListener("mouseup",H),window.addEventListener("pointercancel",H),document.addEventListener("pointercancel",H),window.addEventListener("keydown",Ve),f.addEventListener("lostpointercapture",H),a.current=ue},onDoubleClick:i=>{t.onDoubleClick?.(i),!i.defaultPrevented&&N&&O?.()},onFocus:i=>{t.onFocus?.(i),S()},onKeyDown:i=>{t.onKeyDown?.(i);let c=o.current;if(!c||i.defaultPrevented)return;let f=u(),R=y(),k=m=>Math.min(Math.max(m,V),R),C;if(i.key==="Home")C=k(V);else if(i.key==="End")C=k(R);else{let m=P==="vertical"?i.key==="ArrowRight"?1:i.key==="ArrowLeft"?-1:0:i.key==="ArrowDown"?1:i.key==="ArrowUp"?-1:0;if(m===0)return;let W=i.shiftKey?32:8;C=k(f+m*W*v(getComputedStyle(c).direction==="rtl"))}i.preventDefault(),Y?.(f),x(c,C),T?.(C),M?.(C)}},n)});ee.displayName="Shell.Handle";var fn=h.forwardRef((e,n)=>h.createElement(ee,{...e,ref:n}));fn.displayName="Shell.Panel.Handle";var mn=h.forwardRef((e,n)=>h.createElement(ee,{...e,ref:n}));mn.displayName="Shell.Sidebar.Handle";var pe=h.forwardRef((e,n)=>h.createElement(ee,{...e,ref:n}));pe.displayName="Shell.Inspector.Handle";var bn=h.forwardRef((e,n)=>h.createElement(ee,{...e,ref:n}));bn.displayName="Shell.Bottom.Handle";var d=J(require("react"));var ie=J(require("react"));var He={xs:"(min-width: 520px)",sm:"(min-width: 768px)",md:"(min-width: 1024px)",lg:"(min-width: 1280px)",xl:"(min-width: 1640px)"},fe=["initial","xs","sm","md","lg","xl"];var Rn=Object.entries(He),ge=null,ae=new Set,ne=null;function Pe(){return ge??(ge=Rn.map(([e,n])=>[e,window.matchMedia(n)])),ge}function be(){let e="initial";for(let[n,t]of Pe())t.matches&&(e=n);return e}function me(){let e=be();e!==ne&&(ne=e,ae.forEach(n=>n()))}function Ae(e){if(typeof window>"u")return()=>{};if(ae.size===0){ne=be();for(let[,n]of Pe())typeof n.addEventListener=="function"?n.addEventListener("change",me):n.addListener?.(me)}return ae.add(e),()=>{if(ae.delete(e),!(ae.size>0)){for(let[,n]of Pe())try{typeof n.removeEventListener=="function"?n.removeEventListener("change",me):n.removeListener?.(me)}catch{}ne=null}}}function hn(){return typeof window>"u"?"initial":(ne??(ne=be()),ne)}function vn(){return"initial"}function se(){return typeof window>"u"?"initial":be()}var gn=()=>!0,Pn=()=>!1,De=()=>()=>{},yn=()=>"initial";function $e(e=!0){let n=ie.useSyncExternalStore(e?Ae:De,e?hn:yn,vn),t=ie.useSyncExternalStore(e?Ae:De,gn,Pn);return ie.useMemo(()=>({breakpoint:n,ready:t}),[n,t])}var F=J(require("react"));function Fe(e){return typeof e=="object"&&e!==null}function le(e,n){let t={},r=null;for(let o of fe){if(e!==void 0&&!Fe(e)){t[o]=e;continue}let p=Fe(e)?e[o]:void 0;p!==void 0&&(r={value:p}),t[o]=r?r.value:n(o)}return t}function re(e){let n=e.initial;return fe.every(t=>e[t]===n)?n:void 0}function ye(e,n){let t=re(n);if(t!==void 0)return{[`data-${e}`]:t};let r={};for(let o of fe)r[`data-${e}-${o}`]=n[o];return r}function Se(e){return typeof e=="object"&&e!==null?JSON.stringify(e):String(e)}var An=le("fixed",()=>"fixed");function xe(e){e.version+=1;for(let n of e.listeners)n()}function Sn(e,n){return e.listeners.add(n),()=>{e.listeners.delete(n)}}var xn=F.createContext(null);function Ue(e){let n=F.useContext(xn);if(!n)throw new Error(`${e} must be used within <Shell.Root>`);return n}function je(e,n){let t=F.useCallback(r=>Sn(e,r),[e]);return F.useSyncExternalStore(t,()=>e.peek===n,()=>!1)}var En=F.createContext(null);function _e(e,n){let t=F.useContext(En);if(!t)throw new Error("Shell panes must be used within <Shell.Root>");let{registerInset:r,unregisterInset:o}=t;F.useLayoutEffect(()=>{if(n)return r(e),()=>o(e)},[e,n,r,o])}var Ee=e=>typeof e=="object"&&e!==null;function wn(e){for(let n of["initial","xs","sm","md","lg","xl"]){let t=e[n];if(t!==void 0)return t}return"closed"}function qe(e){let{name:n,label:t,propNames:r,presentationTable:o,builtIn:p}=e,b=Ue(`Shell.${t}`),V=d.useId(),w=e.id??`shell-${n}${V}`,E=e.controlled!==void 0,P=Ee(e.controlled);P&&(`${t}${r.controlled}${r.default}`,void 0);let A=P?e.controlled:void 0,v=A??(Ee(e.defaultValue)?e.defaultValue:void 0),T=Se(v),[Y,M]=d.useState(()=>typeof e.defaultValue=="string"?e.defaultValue:"auto"),L=d.useMemo(()=>A?le(A,()=>wn(A)):le(v,s=>p(o[s])),[T,P,o,p]),g=Y;E&&(g=A?"auto":e.controlled);let B=re(o)===void 0||g==="auto"&&re(L)===void 0,{breakpoint:N,ready:D}=$e(B),U=s=>{let $=re(s);return $!==void 0?$:D?s[N]:void 0},O=g==="auto"?U(L):g,I=U(o),q=I==="overlay",a=O===void 0?void 0:O!=="closed",u=a===!0&&q,y=e.defaultValue,S=d.useRef({state:g,value:O,autoTable:L,defaultValue:y,controlled:E,onChange:e.onChange,toggleNext:e.toggleNext});d.useLayoutEffect(()=>{S.current={state:g,value:O,autoTable:L,defaultValue:y,controlled:E,onChange:e.onChange,toggleNext:e.toggleNext}});let x=d.useCallback(()=>{let s=S.current;return s.value!==void 0?s.value:s.state==="auto"?s.autoTable[se()]:void 0},[]),K=d.useCallback(()=>{let s=S.current;return typeof s.defaultValue=="string"?s.defaultValue:Ee(s.defaultValue)?s.autoTable[se()]:void 0},[]),i=d.useCallback((s,$)=>{let Q=S.current;x()!==s&&(Q.onChange?.(s,$),Q.controlled||M(s))},[x]),c=d.useCallback(s=>{let $=S.current,Q=x()??"closed",G=$.toggleNext?$.toggleNext(Q,K()):Q==="closed"?"open":"closed";i(G,s)},[i,x,K]),f=d.useRef(null),R=d.useCallback(s=>{f.current=s},[]);d.useLayoutEffect(()=>{let s={name:n,id:w,el:f.current,value:O,presentation:I,presentationTable:o,overlayLive:u,size:e.size,setValue:i,toggle:c};return b.entries.set(n,s),xe(b),()=>{b.entries.get(n)===s&&(b.entries.delete(n),xe(b))}},[b,n,w,O,I,o,u,e.size,i,c]);let k=d.useRef({onExpand:e.onExpand,onCollapse:e.onCollapse});d.useLayoutEffect(()=>{k.current={onExpand:e.onExpand,onCollapse:e.onCollapse}});let C=d.useRef({state:g,shown:a});d.useEffect(()=>{let s=C.current;s.state!==g&&s.shown!==void 0&&a!==void 0&&s.shown!==a&&(a?k.current.onExpand?.():k.current.onCollapse?.()),C.current={state:g,shown:a}},[g,a]),d.useLayoutEffect(()=>{},[]);let m=d.useRef(E);d.useEffect(()=>{},[E,t,r.controlled]);let W=je(b,n)&&a===!1&&!q;return{store:b,id:w,state:g,value:O,shown:a,presentation:I,overlaying:q,overlayLive:u,peeking:W,ready:D,breakpoint:N,autoTable:L,setValue:i,toggle:c,defaultHereNow:K,setElement:R}}function Ke(e,n){let{state:t,value:r,presentation:o,shown:p}=e;return{...n,"data-state":t,...t==="auto"?ye("auto",e.autoTable):{},"data-presentation":o,"data-mode":r===void 0?void 0:r==="closed"?"collapsed":"expanded","data-open":o==="stacked"&&p?"":void 0,"data-peek":e.peeking?"":void 0}}function We(e,n){let t=Se(e),r=d.useMemo(()=>le(e,()=>n),[t,n]),o=d.useMemo(()=>re(r)===void 0?ye("presentation",r):{},[r]);return{table:r,attributes:o}}var l=J(require("react"));function Qe(e,n="horizontal"){if(e==null)return;if(typeof e=="number"&&Number.isFinite(e))return e;let t=String(e).trim();if(!t)return;if(t.endsWith("px"))return Number.parseFloat(t);if(t.endsWith("rem")){let o=Number.parseFloat(getComputedStyle(document.documentElement).fontSize||"16")||16;return Number.parseFloat(t)*o}if(t.endsWith("%")){let o=Number.parseFloat(t),p=n==="horizontal"?document.documentElement.clientWidth||window.innerWidth||0:document.documentElement.clientHeight||window.innerHeight||0;return o/100*p}let r=Number.parseFloat(t);return Number.isFinite(r)?r:void 0}var ze=(e,n,t)=>Math.max(n??e,Math.min(t??e,e));function Ge(e){let{name:n,elementRef:t,cssVarName:r,orientation:o,minSize:p,maxSize:b,resizable:V,size:w,defaultSize:E,paneId:P,persistence:A}=e,v=l.useRef(e);l.useLayoutEffect(()=>{v.current=e});let T=l.useRef(null),Y=l.useRef(0);l.useEffect(()=>()=>{T.current&&clearTimeout(T.current)},[]);let M=l.useCallback((a,u)=>{let{onSizeChange:y,sizeUpdate:S,sizeUpdateMs:x}=v.current;if(y){if(S==="debounce"){T.current&&clearTimeout(T.current),T.current=setTimeout(()=>{T.current=null,v.current.onSizeChange?.(a,u)},x);return}if(S==="throttle"){let K=Date.now();if(K-Y.current<x)return;Y.current=K}y(a,u)}},[]),L=l.useCallback(a=>Qe(a,o==="vertical"?"horizontal":"vertical"),[o]),g=l.useRef(!1),B=l.useCallback((a,u)=>{let y=t.current;if(y){y.style.setProperty(r,`${a}px`);for(let S of y.querySelectorAll(":scope > .rt-ShellResizer"))S.setAttribute("aria-valuenow",String(Math.round(a)));u&&(g.current=!0)}},[t,r]);l.useLayoutEffect(()=>{g.current||B(e.expandedSize,!1)},[e.expandedSize,B]),l.useLayoutEffect(()=>{if(w!==void 0||E===void 0)return;let a=L(E);if(typeof a!="number"||!Number.isFinite(a))return;let u=ze(a,p,b);B(u,!0),M(u,{reason:"init"})},[]),l.useLayoutEffect(()=>{if(w===void 0||v.current.overlayingNow())return;let a=L(w);if(typeof a!="number"||!Number.isFinite(a))return;let u=ze(a,p,b);B(u,!0),M(u,{reason:"controlled"})},[w,p,b,e.overlaying,L,B,M]);let N=l.useMemo(()=>{if(!P||A)return A;let a=`kookie-ui:shell:${n}:${P}`;return{load:()=>{if(!(typeof window>"u"))try{let u=window.localStorage.getItem(a);return u?Number(u):void 0}catch{return}},save:u=>{if(!(typeof window>"u"))try{window.localStorage.setItem(a,String(u))}catch{}}}},[n,P,A]);l.useLayoutEffect(()=>{if(!V||!N?.load||v.current.overlayingNow())return;let a=!0,u=S=>{if(!a||typeof S!="number"||!Number.isFinite(S))return;let x=ze(S,p,b);B(x,!0),v.current.onResize?.(x)},y=N.load();return y instanceof Promise?y.then(u).catch(S=>{}):u(y),()=>{a=!1}},[V,N,e.overlaying,B,p,b,n]);let D=l.useCallback(a=>v.current.onResize?.(a),[]),U=l.useCallback(a=>{g.current=!0,v.current.onResizeStart?.(a)},[]),O=l.useCallback(a=>{v.current.onResizeEnd?.(a),M(a,{reason:"resize"}),N?.save?.(a)},[M,N]),I=l.useCallback(()=>v.current.requestCollapse(),[]),q=l.useCallback(()=>v.current.requestToggle(),[]);return l.useMemo(()=>({containerRef:t,controls:e.elementId,cssVarName:r,minSize:p,maxSize:b,defaultSize:e.expandedSize,orientation:o,edge:e.edge,growth:e.growth,onResize:D,onResizeStart:U,onResizeEnd:O,target:n,collapsible:e.collapsible,snapPoints:e.snapPoints,snapTolerance:e.snapTolerance??8,collapseThreshold:e.collapseThreshold,requestCollapse:I,requestToggle:q}),[t,e.elementId,r,p,b,e.expandedSize,o,e.edge,e.growth,D,U,O,n,e.collapsible,e.snapPoints,e.snapTolerance,e.collapseThreshold,I,q])}function Xe(e,n){let t=l.Children.toArray(e),r=t.filter(p=>l.isValidElement(p)&&p.type===n),o=t.filter(p=>!(l.isValidElement(p)&&p.type===n));return{handles:r,content:o}}function we(e){if(e===void 0)return;if(typeof e=="boolean")return e?"open":"closed";let n={};for(let[t,r]of Object.entries(e))typeof r=="boolean"&&(n[t]=r?"open":"closed");return n}var Ye=()=>"closed";var Je=e=>e?1:-1;function Ze(e){if(!("height"in e)&&!("resizer"in e))return e;let{height:n,resizer:t,...r}=e;return r}var Cn={controlled:"open",default:"defaultOpen"},Tn={initial:"overlay",sm:"fixed"},Ce=_.forwardRef((e,n)=>{let{className:t,presentation:r=Tn,defaultOpen:o,open:p,onOpenChange:b,expandedSize:V=320,minSize:w=200,maxSize:E=500,resizable:P=!1,collapsible:A=!0,onExpand:v,onCollapse:T,onResize:Y,onResizeStart:M,onResizeEnd:L,snapPoints:g,snapTolerance:B,collapseThreshold:N,paneId:D,persistence:U,children:O,style:I,onSizeChange:q,sizeUpdate:a,sizeUpdateMs:u=50,size:y,defaultSize:S,inset:x,id:K,...i}=e,{table:c,attributes:f}=We(r,"fixed"),R=qe({name:"inspector",label:"Inspector",propNames:Cn,id:K,controlled:we(p),defaultValue:we(o),presentationTable:c,builtIn:Ye,onChange:(Q,G)=>b?.(Q!=="closed",{reason:G}),onExpand:v,onCollapse:T,size:V});_e("inspector",x),_.useEffect(()=>{(g!==void 0||N!==void 0||D!==void 0||U!==void 0)&&void 0},[g,N,D,U]);let k=_.useRef(null),C=(0,nn.useComposedRefs)(n,R.setElement,k),m=Ge({name:"inspector",elementId:R.id,elementRef:k,cssVarName:"--inspector-size",orientation:"vertical",edge:"start",growth:Je,expandedSize:V,minSize:w,maxSize:E,resizable:P,collapsible:A,size:y,defaultSize:S,onSizeChange:q,sizeUpdate:a,sizeUpdateMs:u,onResize:Y,onResizeStart:M,onResizeEnd:L,snapPoints:g,snapTolerance:B,collapseThreshold:N,paneId:D,persistence:U,overlaying:R.overlaying,overlayingNow:()=>c[se()]==="overlay",requestCollapse:()=>R.setValue("closed","toggle"),requestToggle:()=>R.toggle("toggle")}),{handles:W,content:s}=Xe(O,pe),$=P&&R.shown!==!1&&!R.overlaying?_.createElement(ve.Provider,{value:m},W.length>0?W:_.createElement(ee,null)):null;return _.createElement("div",{...Ze(i),id:R.id,ref:C,className:(0,en.default)("rt-ShellPane","rt-ShellInspector",t),...Ke(R,f),"data-inset":x||void 0,tabIndex:R.overlaying?-1:i.tabIndex,style:{...I,"--inspector-expanded-size":`${V}px`,"--inspector-min-size":`${w}px`,"--inspector-max-size":`${E}px`}},_.createElement("div",{className:"rt-ShellInspectorContent"},s),$)});Ce.displayName="Shell.Inspector";Ce.Handle=pe;
+"use strict";"use client";var an=Object.create;var ce=Object.defineProperty;var sn=Object.getOwnPropertyDescriptor;var ln=Object.getOwnPropertyNames;var un=Object.getPrototypeOf,cn=Object.prototype.hasOwnProperty;var dn=(e,n)=>{for(var t in n)ce(e,t,{get:n[t],enumerable:!0})},Me=(e,n,t,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of ln(n))!cn.call(e,o)&&o!==t&&ce(e,o,{get:()=>n[o],enumerable:!(r=sn(n,o))||r.enumerable});return e};var J=(e,n,t)=>(t=e!=null?an(un(e)):{},Me(n||!e||!e.__esModule?ce(t,"default",{value:e,enumerable:!0}):t,e)),pn=e=>Me(ce({},"__esModule",{value:!0}),e);var Ln={};dn(Ln,{Inspector:()=>Ce});module.exports=pn(Ln);var _=J(require("react")),en=J(require("classnames")),nn=require("radix-ui/internal");var de=J(require("react")),ve=de.createContext(null);function Be(){let e=de.useContext(ve);if(!e)throw new Error("Shell.Handle must be used within a resizable pane");return e}var h=J(require("react")),Oe=J(require("classnames"));var ee=h.forwardRef(({className:e,children:n,...t},r)=>{let{containerRef:o,controls:p,cssVarName:b,minSize:V,maxSize:w,defaultSize:E,orientation:P,edge:A,growth:v,onResize:T,onResizeStart:Y,onResizeEnd:M,snapPoints:L,snapTolerance:g,collapseThreshold:B,collapsible:N,target:D,requestCollapse:U,requestToggle:O}=Be(),I=h.useRef(null),q=h.useCallback(i=>{I.current=i,typeof r=="function"?r(i):r&&(r.current=i)},[r]),a=h.useRef(null);h.useEffect(()=>()=>{a.current?.(),a.current=null},[]);let u=h.useCallback(()=>{let i=o.current;if(!i)return E;let c=Number.parseFloat(getComputedStyle(i).getPropertyValue(b));return Number.isFinite(c)?c:E},[o,b,E]),y=h.useCallback(()=>{let i=o.current,c=I.current,f=i?.closest(".kui-ShellRoot")?.getBoundingClientRect();if(!i||!f||!c)return w;let R=i.getBoundingClientRect(),k=c.getBoundingClientRect(),C=v(getComputedStyle(i).direction==="rtl"),m;P==="vertical"?m=C>0?f.right-R.left:R.right-f.left:m=C>0?f.bottom-R.top:R.bottom-f.top;let W=P==="vertical"?k.width:k.height;return!(f.width>0&&f.height>0)||!Number.isFinite(m)?w:Math.max(V,Math.min(w,Math.round(m-W)))},[o,v,w,V,P]),S=()=>{I.current?.setAttribute("aria-valuemax",String(y()))};h.useLayoutEffect(()=>{I.current?.setAttribute("aria-valuenow",String(Math.round(u())))},[u]);let x=(i,c)=>{i.style.setProperty(b,`${c}px`),I.current?.setAttribute("aria-valuenow",String(Math.round(c)))},K=D.charAt(0).toUpperCase()+D.slice(1);return h.createElement("div",{ref:q,className:(0,Oe.default)("kui-ShellResizer",e),"data-orientation":P,"data-edge":A,role:"separator",tabIndex:0,"aria-label":`Resize ${K} pane`,"aria-controls":p,"aria-orientation":P,"aria-valuemin":V,"aria-valuemax":w,...t,onPointerDown:i=>{t.onPointerDown?.(i);let c=o.current;if(!c||i.defaultPrevented||i.button!==0)return;i.preventDefault();let f=i.currentTarget,R=i.pointerId;a.current?.();try{f.setPointerCapture(R)}catch{}let k=getComputedStyle(c),C=Number.parseFloat(k.getPropertyValue(b)),m=Number.isFinite(C)?C:E,W=P==="vertical"?i.clientX:i.clientY,s=v(k.direction==="rtl"),$=y();f.setAttribute("aria-valuemax",String($));let Q=z=>Math.min(Math.max(z,V),$);c.setAttribute("data-resizing",""),f.setAttribute("data-dragging","");let G=document.body,tn=G.style.cursor,rn=G.style.userSelect;G.style.cursor=P==="vertical"?"col-resize":"row-resize",G.style.userSelect="none",Y?.(m);let Z=m,Re=m,j=0,oe=null,Te=()=>{if(j=0,oe===null)return;let z=oe;oe=null,T?.(z)},Le=null,ke=!1,on=(z,te)=>{if(z.type===te)ke=!0;else if(ke)return!1;return!0},X=z=>{if(!on(z,"pointermove")||z===Le)return;Le=z;let te=P==="vertical"?z.clientX:z.clientY;Re=m+(te-W)*s,Z=Q(Re),x(c,Z),oe=Z,j||(j=requestAnimationFrame(Te))},ue=()=>{j&&cancelAnimationFrame(j),j=0;try{f.releasePointerCapture(R)}catch{}window.removeEventListener("pointermove",X),document.removeEventListener("pointermove",X),window.removeEventListener("mousemove",X),document.removeEventListener("mousemove",X),f.removeEventListener("pointermove",X),window.removeEventListener("pointerup",H),document.removeEventListener("pointerup",H),window.removeEventListener("mouseup",H),document.removeEventListener("mouseup",H),window.removeEventListener("pointercancel",H),document.removeEventListener("pointercancel",H),window.removeEventListener("keydown",Ve),f.removeEventListener("lostpointercapture",H),c.removeAttribute("data-resizing"),f.removeAttribute("data-dragging"),G.style.cursor=tn,G.style.userSelect=rn,a.current=null},he=!1,H=()=>{if(he)return;if(he=!0,j&&cancelAnimationFrame(j),Te(),N&&typeof B=="number"&&Re<=B){x(c,m),T?.(m),ue(),U?.(),M?.(m);return}let z=Z;if(L&&L.length){let te=L.reduce((Ne,Ie)=>Math.abs(Ie-Z)<Math.abs(Ne-Z)?Ie:Ne,L[0]);Math.abs(te-Z)<=g&&(z=Q(te),x(c,z),T?.(z))}M?.(z),ue()},Ve=z=>{z.key==="Escape"&&(j&&cancelAnimationFrame(j),j=0,oe=null,x(c,m),T?.(m),he=!0,M?.(m),ue())};window.addEventListener("pointermove",X),document.addEventListener("pointermove",X),window.addEventListener("mousemove",X),document.addEventListener("mousemove",X),f.addEventListener("pointermove",X),window.addEventListener("pointerup",H),document.addEventListener("pointerup",H),window.addEventListener("mouseup",H),document.addEventListener("mouseup",H),window.addEventListener("pointercancel",H),document.addEventListener("pointercancel",H),window.addEventListener("keydown",Ve),f.addEventListener("lostpointercapture",H),a.current=ue},onDoubleClick:i=>{t.onDoubleClick?.(i),!i.defaultPrevented&&N&&O?.()},onFocus:i=>{t.onFocus?.(i),S()},onKeyDown:i=>{t.onKeyDown?.(i);let c=o.current;if(!c||i.defaultPrevented)return;let f=u(),R=y(),k=m=>Math.min(Math.max(m,V),R),C;if(i.key==="Home")C=k(V);else if(i.key==="End")C=k(R);else{let m=P==="vertical"?i.key==="ArrowRight"?1:i.key==="ArrowLeft"?-1:0:i.key==="ArrowDown"?1:i.key==="ArrowUp"?-1:0;if(m===0)return;let W=i.shiftKey?32:8;C=k(f+m*W*v(getComputedStyle(c).direction==="rtl"))}i.preventDefault(),Y?.(f),x(c,C),T?.(C),M?.(C)}},n)});ee.displayName="Shell.Handle";var fn=h.forwardRef((e,n)=>h.createElement(ee,{...e,ref:n}));fn.displayName="Shell.Panel.Handle";var mn=h.forwardRef((e,n)=>h.createElement(ee,{...e,ref:n}));mn.displayName="Shell.Sidebar.Handle";var pe=h.forwardRef((e,n)=>h.createElement(ee,{...e,ref:n}));pe.displayName="Shell.Inspector.Handle";var bn=h.forwardRef((e,n)=>h.createElement(ee,{...e,ref:n}));bn.displayName="Shell.Bottom.Handle";var d=J(require("react"));var ie=J(require("react"));var He={xs:"(min-width: 520px)",sm:"(min-width: 768px)",md:"(min-width: 1024px)",lg:"(min-width: 1280px)",xl:"(min-width: 1640px)"},fe=["initial","xs","sm","md","lg","xl"];var Rn=Object.entries(He),ge=null,ae=new Set,ne=null;function Pe(){return ge??(ge=Rn.map(([e,n])=>[e,window.matchMedia(n)])),ge}function be(){let e="initial";for(let[n,t]of Pe())t.matches&&(e=n);return e}function me(){let e=be();e!==ne&&(ne=e,ae.forEach(n=>n()))}function Ae(e){if(typeof window>"u")return()=>{};if(ae.size===0){ne=be();for(let[,n]of Pe())typeof n.addEventListener=="function"?n.addEventListener("change",me):n.addListener?.(me)}return ae.add(e),()=>{if(ae.delete(e),!(ae.size>0)){for(let[,n]of Pe())try{typeof n.removeEventListener=="function"?n.removeEventListener("change",me):n.removeListener?.(me)}catch{}ne=null}}}function hn(){return typeof window>"u"?"initial":(ne??(ne=be()),ne)}function vn(){return"initial"}function se(){return typeof window>"u"?"initial":be()}var gn=()=>!0,Pn=()=>!1,De=()=>()=>{},yn=()=>"initial";function $e(e=!0){let n=ie.useSyncExternalStore(e?Ae:De,e?hn:yn,vn),t=ie.useSyncExternalStore(e?Ae:De,gn,Pn);return ie.useMemo(()=>({breakpoint:n,ready:t}),[n,t])}var F=J(require("react"));function Fe(e){return typeof e=="object"&&e!==null}function le(e,n){let t={},r=null;for(let o of fe){if(e!==void 0&&!Fe(e)){t[o]=e;continue}let p=Fe(e)?e[o]:void 0;p!==void 0&&(r={value:p}),t[o]=r?r.value:n(o)}return t}function re(e){let n=e.initial;return fe.every(t=>e[t]===n)?n:void 0}function ye(e,n){let t=re(n);if(t!==void 0)return{[`data-${e}`]:t};let r={};for(let o of fe)r[`data-${e}-${o}`]=n[o];return r}function Se(e){return typeof e=="object"&&e!==null?JSON.stringify(e):String(e)}var An=le("fixed",()=>"fixed");function xe(e){e.version+=1;for(let n of e.listeners)n()}function Sn(e,n){return e.listeners.add(n),()=>{e.listeners.delete(n)}}var xn=F.createContext(null);function Ue(e){let n=F.useContext(xn);if(!n)throw new Error(`${e} must be used within <Shell.Root>`);return n}function je(e,n){let t=F.useCallback(r=>Sn(e,r),[e]);return F.useSyncExternalStore(t,()=>e.peek===n,()=>!1)}var En=F.createContext(null);function _e(e,n){let t=F.useContext(En);if(!t)throw new Error("Shell panes must be used within <Shell.Root>");let{registerInset:r,unregisterInset:o}=t;F.useLayoutEffect(()=>{if(n)return r(e),()=>o(e)},[e,n,r,o])}var Ee=e=>typeof e=="object"&&e!==null;function wn(e){for(let n of["initial","xs","sm","md","lg","xl"]){let t=e[n];if(t!==void 0)return t}return"closed"}function qe(e){let{name:n,label:t,propNames:r,presentationTable:o,builtIn:p}=e,b=Ue(`Shell.${t}`),V=d.useId(),w=e.id??`shell-${n}${V}`,E=e.controlled!==void 0,P=Ee(e.controlled);P&&(`${t}${r.controlled}${r.default}`,void 0);let A=P?e.controlled:void 0,v=A??(Ee(e.defaultValue)?e.defaultValue:void 0),T=Se(v),[Y,M]=d.useState(()=>typeof e.defaultValue=="string"?e.defaultValue:"auto"),L=d.useMemo(()=>A?le(A,()=>wn(A)):le(v,s=>p(o[s])),[T,P,o,p]),g=Y;E&&(g=A?"auto":e.controlled);let B=re(o)===void 0||g==="auto"&&re(L)===void 0,{breakpoint:N,ready:D}=$e(B),U=s=>{let $=re(s);return $!==void 0?$:D?s[N]:void 0},O=g==="auto"?U(L):g,I=U(o),q=I==="overlay",a=O===void 0?void 0:O!=="closed",u=a===!0&&q,y=e.defaultValue,S=d.useRef({state:g,value:O,autoTable:L,defaultValue:y,controlled:E,onChange:e.onChange,toggleNext:e.toggleNext});d.useLayoutEffect(()=>{S.current={state:g,value:O,autoTable:L,defaultValue:y,controlled:E,onChange:e.onChange,toggleNext:e.toggleNext}});let x=d.useCallback(()=>{let s=S.current;return s.value!==void 0?s.value:s.state==="auto"?s.autoTable[se()]:void 0},[]),K=d.useCallback(()=>{let s=S.current;return typeof s.defaultValue=="string"?s.defaultValue:Ee(s.defaultValue)?s.autoTable[se()]:void 0},[]),i=d.useCallback((s,$)=>{let Q=S.current;x()!==s&&(Q.onChange?.(s,$),Q.controlled||M(s))},[x]),c=d.useCallback(s=>{let $=S.current,Q=x()??"closed",G=$.toggleNext?$.toggleNext(Q,K()):Q==="closed"?"open":"closed";i(G,s)},[i,x,K]),f=d.useRef(null),R=d.useCallback(s=>{f.current=s},[]);d.useLayoutEffect(()=>{let s={name:n,id:w,el:f.current,value:O,presentation:I,presentationTable:o,overlayLive:u,size:e.size,setValue:i,toggle:c};return b.entries.set(n,s),xe(b),()=>{b.entries.get(n)===s&&(b.entries.delete(n),xe(b))}},[b,n,w,O,I,o,u,e.size,i,c]);let k=d.useRef({onExpand:e.onExpand,onCollapse:e.onCollapse});d.useLayoutEffect(()=>{k.current={onExpand:e.onExpand,onCollapse:e.onCollapse}});let C=d.useRef({state:g,shown:a});d.useEffect(()=>{let s=C.current;s.state!==g&&s.shown!==void 0&&a!==void 0&&s.shown!==a&&(a?k.current.onExpand?.():k.current.onCollapse?.()),C.current={state:g,shown:a}},[g,a]),d.useLayoutEffect(()=>{},[]);let m=d.useRef(E);d.useEffect(()=>{},[E,t,r.controlled]);let W=je(b,n)&&a===!1&&!q;return{store:b,id:w,state:g,value:O,shown:a,presentation:I,overlaying:q,overlayLive:u,peeking:W,ready:D,breakpoint:N,autoTable:L,setValue:i,toggle:c,defaultHereNow:K,setElement:R}}function Ke(e,n){let{state:t,value:r,presentation:o,shown:p}=e;return{...n,"data-state":t,...t==="auto"?ye("auto",e.autoTable):{},"data-presentation":o,"data-mode":r===void 0?void 0:r==="closed"?"collapsed":"expanded","data-open":o==="stacked"&&p?"":void 0,"data-peek":e.peeking?"":void 0}}function We(e,n){let t=Se(e),r=d.useMemo(()=>le(e,()=>n),[t,n]),o=d.useMemo(()=>re(r)===void 0?ye("presentation",r):{},[r]);return{table:r,attributes:o}}var l=J(require("react"));function Qe(e,n="horizontal"){if(e==null)return;if(typeof e=="number"&&Number.isFinite(e))return e;let t=String(e).trim();if(!t)return;if(t.endsWith("px"))return Number.parseFloat(t);if(t.endsWith("rem")){let o=Number.parseFloat(getComputedStyle(document.documentElement).fontSize||"16")||16;return Number.parseFloat(t)*o}if(t.endsWith("%")){let o=Number.parseFloat(t),p=n==="horizontal"?document.documentElement.clientWidth||window.innerWidth||0:document.documentElement.clientHeight||window.innerHeight||0;return o/100*p}let r=Number.parseFloat(t);return Number.isFinite(r)?r:void 0}var ze=(e,n,t)=>Math.max(n??e,Math.min(t??e,e));function Ge(e){let{name:n,elementRef:t,cssVarName:r,orientation:o,minSize:p,maxSize:b,resizable:V,size:w,defaultSize:E,paneId:P,persistence:A}=e,v=l.useRef(e);l.useLayoutEffect(()=>{v.current=e});let T=l.useRef(null),Y=l.useRef(0);l.useEffect(()=>()=>{T.current&&clearTimeout(T.current)},[]);let M=l.useCallback((a,u)=>{let{onSizeChange:y,sizeUpdate:S,sizeUpdateMs:x}=v.current;if(y){if(S==="debounce"){T.current&&clearTimeout(T.current),T.current=setTimeout(()=>{T.current=null,v.current.onSizeChange?.(a,u)},x);return}if(S==="throttle"){let K=Date.now();if(K-Y.current<x)return;Y.current=K}y(a,u)}},[]),L=l.useCallback(a=>Qe(a,o==="vertical"?"horizontal":"vertical"),[o]),g=l.useRef(!1),B=l.useCallback((a,u)=>{let y=t.current;if(y){y.style.setProperty(r,`${a}px`);for(let S of y.querySelectorAll(":scope > .kui-ShellResizer"))S.setAttribute("aria-valuenow",String(Math.round(a)));u&&(g.current=!0)}},[t,r]);l.useLayoutEffect(()=>{g.current||B(e.expandedSize,!1)},[e.expandedSize,B]),l.useLayoutEffect(()=>{if(w!==void 0||E===void 0)return;let a=L(E);if(typeof a!="number"||!Number.isFinite(a))return;let u=ze(a,p,b);B(u,!0),M(u,{reason:"init"})},[]),l.useLayoutEffect(()=>{if(w===void 0||v.current.overlayingNow())return;let a=L(w);if(typeof a!="number"||!Number.isFinite(a))return;let u=ze(a,p,b);B(u,!0),M(u,{reason:"controlled"})},[w,p,b,e.overlaying,L,B,M]);let N=l.useMemo(()=>{if(!P||A)return A;let a=`kookie-ui:shell:${n}:${P}`;return{load:()=>{if(!(typeof window>"u"))try{let u=window.localStorage.getItem(a);return u?Number(u):void 0}catch{return}},save:u=>{if(!(typeof window>"u"))try{window.localStorage.setItem(a,String(u))}catch{}}}},[n,P,A]);l.useLayoutEffect(()=>{if(!V||!N?.load||v.current.overlayingNow())return;let a=!0,u=S=>{if(!a||typeof S!="number"||!Number.isFinite(S))return;let x=ze(S,p,b);B(x,!0),v.current.onResize?.(x)},y=N.load();return y instanceof Promise?y.then(u).catch(S=>{}):u(y),()=>{a=!1}},[V,N,e.overlaying,B,p,b,n]);let D=l.useCallback(a=>v.current.onResize?.(a),[]),U=l.useCallback(a=>{g.current=!0,v.current.onResizeStart?.(a)},[]),O=l.useCallback(a=>{v.current.onResizeEnd?.(a),M(a,{reason:"resize"}),N?.save?.(a)},[M,N]),I=l.useCallback(()=>v.current.requestCollapse(),[]),q=l.useCallback(()=>v.current.requestToggle(),[]);return l.useMemo(()=>({containerRef:t,controls:e.elementId,cssVarName:r,minSize:p,maxSize:b,defaultSize:e.expandedSize,orientation:o,edge:e.edge,growth:e.growth,onResize:D,onResizeStart:U,onResizeEnd:O,target:n,collapsible:e.collapsible,snapPoints:e.snapPoints,snapTolerance:e.snapTolerance??8,collapseThreshold:e.collapseThreshold,requestCollapse:I,requestToggle:q}),[t,e.elementId,r,p,b,e.expandedSize,o,e.edge,e.growth,D,U,O,n,e.collapsible,e.snapPoints,e.snapTolerance,e.collapseThreshold,I,q])}function Xe(e,n){let t=l.Children.toArray(e),r=t.filter(p=>l.isValidElement(p)&&p.type===n),o=t.filter(p=>!(l.isValidElement(p)&&p.type===n));return{handles:r,content:o}}function we(e){if(e===void 0)return;if(typeof e=="boolean")return e?"open":"closed";let n={};for(let[t,r]of Object.entries(e))typeof r=="boolean"&&(n[t]=r?"open":"closed");return n}var Ye=()=>"closed";var Je=e=>e?1:-1;function Ze(e){if(!("height"in e)&&!("resizer"in e))return e;let{height:n,resizer:t,...r}=e;return r}var Cn={controlled:"open",default:"defaultOpen"},Tn={initial:"overlay",sm:"fixed"},Ce=_.forwardRef((e,n)=>{let{className:t,presentation:r=Tn,defaultOpen:o,open:p,onOpenChange:b,expandedSize:V=320,minSize:w=200,maxSize:E=500,resizable:P=!1,collapsible:A=!0,onExpand:v,onCollapse:T,onResize:Y,onResizeStart:M,onResizeEnd:L,snapPoints:g,snapTolerance:B,collapseThreshold:N,paneId:D,persistence:U,children:O,style:I,onSizeChange:q,sizeUpdate:a,sizeUpdateMs:u=50,size:y,defaultSize:S,inset:x,id:K,...i}=e,{table:c,attributes:f}=We(r,"fixed"),R=qe({name:"inspector",label:"Inspector",propNames:Cn,id:K,controlled:we(p),defaultValue:we(o),presentationTable:c,builtIn:Ye,onChange:(Q,G)=>b?.(Q!=="closed",{reason:G}),onExpand:v,onCollapse:T,size:V});_e("inspector",x),_.useEffect(()=>{(g!==void 0||N!==void 0||D!==void 0||U!==void 0)&&void 0},[g,N,D,U]);let k=_.useRef(null),C=(0,nn.useComposedRefs)(n,R.setElement,k),m=Ge({name:"inspector",elementId:R.id,elementRef:k,cssVarName:"--inspector-size",orientation:"vertical",edge:"start",growth:Je,expandedSize:V,minSize:w,maxSize:E,resizable:P,collapsible:A,size:y,defaultSize:S,onSizeChange:q,sizeUpdate:a,sizeUpdateMs:u,onResize:Y,onResizeStart:M,onResizeEnd:L,snapPoints:g,snapTolerance:B,collapseThreshold:N,paneId:D,persistence:U,overlaying:R.overlaying,overlayingNow:()=>c[se()]==="overlay",requestCollapse:()=>R.setValue("closed","toggle"),requestToggle:()=>R.toggle("toggle")}),{handles:W,content:s}=Xe(O,pe),$=P&&R.shown!==!1&&!R.overlaying?_.createElement(ve.Provider,{value:m},W.length>0?W:_.createElement(ee,null)):null;return _.createElement("div",{...Ze(i),id:R.id,ref:C,className:(0,en.default)("kui-ShellPane","kui-ShellInspector",t),...Ke(R,f),"data-inset":x||void 0,tabIndex:R.overlaying?-1:i.tabIndex,style:{...I,"--inspector-expanded-size":`${V}px`,"--inspector-min-size":`${w}px`,"--inspector-max-size":`${E}px`}},_.createElement("div",{className:"kui-ShellInspectorContent"},s),$)});Ce.displayName="Shell.Inspector";Ce.Handle=pe;
 //# sourceMappingURL=shell-inspector.js.map