@womp/kookie-ui 0.21.0 → 0.22.1

package/dist/cjs/components/_internal/dropdown-menu-drill-down.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/_internal/dropdown-menu-drill-down.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\n\nimport type { submenuBehaviors } from './base-menu.props.js';\n\ntype SubmenuBehavior = (typeof submenuBehaviors)[number];\n\n/*\n * Drill-down navigation for DropdownMenu.\n *\n * The stack of open submenus lives in a small external store rather than in\n * React state, so each part subscribes only to the slice it renders from:\n * a panel re-renders when it enters or leaves the stack, a Sub when its own\n * open state changes, and nothing else on the path re-renders on navigation.\n *\n * Only the levels on the stack mount their children, and only the top level\n * mounts its items (see `DrillDownLevelContext`). That keeps the Radix item\n * collection limited to what is on screen, so roving focus and typeahead\n * never land on a hidden item.\n */\n\ntype AnimationDirection = 'forward' | 'backward' | null;\ntype Modality = 'keyboard' | 'pointer';\n\ninterface StackEntry {\n  id: string;\n  /** Accessible name of the submenu, taken from its trigger text */\n  name: string;\n  /** Scroll position of the parent level when this entry was pushed */\n  scrollTop: number;\n}\n\ntype LastChange =\n  | { type: 'push'; id: string; modality: Modality | null }\n  | { type: 'pop'; id: string; modality: Modality | null; scrollTop: number }\n  | { type: 'reset' };\n\ninterface DrillDownState {\n  stack: StackEntry[];\n  direction: AnimationDirection;\n  lastChange: LastChange | null;\n}\n\nconst INITIAL_STATE: DrillDownState = { stack: [], direction: null, lastChange: null };\n\nconst PANEL_ITEM_SELECTOR = '[role^=\"menuitem\"]:not([data-disabled])';\nconst BACK_ITEM_CLASS = 'rt-DropdownMenuDrillDownBackItem';\n\nfunction escapeAttributeValue(value: string) {\n  return value.replace(/[\"\\\\]/g, '\\\\$&');\n}\n\nclass DrillDownStore {\n  private state = INITIAL_STATE;\n  private listeners = new Set<() => void>();\n  private modality: Modality = 'keyboard';\n  /** The drill-down root element, set by the provider */\n  rootElement: HTMLElement | null = null;\n\n  setRootElement = (element: HTMLElement | null) => {\n    this.rootElement = element;\n  };\n\n  getState = () => this.state;\n\n  subscribe = (listener: () => void) => {\n    this.listeners.add(listener);\n    return () => {\n      this.listeners.delete(listener);\n    };\n  };\n\n  private setState(next: DrillDownState) {\n    this.state = next;\n    this.listeners.forEach((listener) => listener());\n  }\n\n  /** Records how the user is interacting, so focus can follow the same model as Radix. */\n  setModality = (modality: Modality) => {\n    this.modality = modality;\n  };\n\n  getModality = () => this.modality;\n\n  getDepth = () => this.state.stack.length;\n\n  isOpen = (id: string) => this.state.stack.some((entry) => entry.id === id);\n\n  private getScrollContainer() {\n    const root = this.rootElement;\n    if (!root) return null;\n    return (\n      root.closest<HTMLElement>('.rt-ScrollAreaViewport') ??\n      root.closest<HTMLElement>('.rt-BaseMenuViewport')\n    );\n  }\n\n  private getTrigger(id: string) {\n    return this.rootElement?.querySelector<HTMLElement>(\n      `[data-drill-down-trigger=\"${escapeAttributeValue(id)}\"]`,\n    );\n  }\n\n  /**\n   * Opens a submenu. `modality` decides where focus goes: the first item for\n   * keyboard, the menu for pointer, and nowhere for a programmatic open\n   * (`null`) unless focus was lost.\n   */\n  push = (id: string, modality: Modality | null = this.modality) => {\n    const { stack } = this.state;\n    if (stack.some((entry) => entry.id === id)) return;\n    const trigger = this.getTrigger(id);\n    const name = (trigger?.dataset.drillDownName ?? trigger?.textContent ?? '').trim();\n    const scrollTop = this.getScrollContainer()?.scrollTop ?? 0;\n    this.setState({\n      stack: [...stack, { id, name, scrollTop }],\n      direction: 'forward',\n      lastChange: { type: 'push', id, modality },\n    });\n  };\n\n  pop = (modality: Modality = this.modality) => {\n    const { stack } = this.state;\n    const top = stack[stack.length - 1];\n    if (!top) return;\n    this.setState({\n      stack: stack.slice(0, -1),\n      direction: 'backward',\n      lastChange: { type: 'pop', id: top.id, modality, scrollTop: top.scrollTop },\n    });\n  };\n\n  /** Closes a submenu and everything opened from it, without moving focus to its trigger. */\n  close = (id: string) => {\n    const { stack } = this.state;\n    const index = stack.findIndex((entry) => entry.id === id);\n    if (index === -1) return;\n    this.setState({\n      stack: stack.slice(0, index),\n      direction: 'backward',\n      lastChange: { type: 'pop', id, modality: null, scrollTop: stack[index].scrollTop },\n    });\n  };\n\n  reset = () => {\n    if (this.state.stack.length === 0 && this.state.direction === null) return;\n    this.setState({ stack: [], direction: null, lastChange: { type: 'reset' } });\n  };\n\n  /**\n   * Moves focus and scroll after a navigation step has been committed. Runs in\n   * a layout effect, so the new level is already in the DOM and nothing paints\n   * with focus on `<body>` or at the old scroll position.\n   */\n  applyLastChange() {\n    const change = this.state.lastChange;\n    const root = this.rootElement;\n    if (!change || !root) return;\n    this.state = { ...this.state, lastChange: null };\n\n    const content = root.closest<HTMLElement>('[role=\"menu\"]');\n    const scroller = this.getScrollContainer();\n    const focus = (element: HTMLElement | null | undefined) => element?.focus({ preventScroll: true });\n\n    if (change.type === 'push') {\n      if (scroller) scroller.scrollTop = 0;\n      const panel = root.querySelector<HTMLElement>(\n        `[data-drill-down-panel=\"${escapeAttributeValue(change.id)}\"]`,\n      );\n      if (change.modality === 'keyboard') {\n        // Land on the first real option; the back row stays one ArrowUp away.\n        const items = panel ? Array.from(panel.querySelectorAll<HTMLElement>(PANEL_ITEM_SELECTOR)) : [];\n        focus(items.find((item) => !item.classList.contains(BACK_ITEM_CLASS)) ?? items[0] ?? content);\n      } else if (change.modality === 'pointer' || !root.contains(document.activeElement)) {\n        // Match Radix: pointer users get focus on the menu, not a highlighted item.\n        focus(content);\n      }\n      return;\n    }\n\n    if (change.type === 'pop') {\n      if (scroller) scroller.scrollTop = change.scrollTop;\n      const trigger = this.getTrigger(change.id);\n      if (change.modality === 'keyboard') {\n        focus(trigger ?? content);\n      } else if (change.modality === 'pointer' || !root.contains(document.activeElement)) {\n        focus(content);\n      }\n      return;\n    }\n\n    if (scroller) scroller.scrollTop = 0;\n  }\n}\n\nconst DrillDownStoreContext = React.createContext<DrillDownStore | null>(null);\n\n/**\n * Whether the items of the current level are on screen. The root level and\n * every panel provide it; menu parts render nothing when it is false.\n */\nconst DrillDownLevelContext = React.createContext(true);\n\nfunction useDrillDownStore() {\n  return React.useContext(DrillDownStoreContext);\n}\n\nfunction useCreateDrillDownStore() {\n  const [store] = React.useState(() => new DrillDownStore());\n  return store;\n}\n\nconst selectDepth = (state: DrillDownState) => state.stack.length;\nconst selectDirection = (state: DrillDownState) => state.direction;\nconst getServerDepth = () => 0;\nconst getServerDirection = (): AnimationDirection => null;\n\ninterface DrillDownRootProps {\n  store: DrillDownStore;\n  behavior: SubmenuBehavior;\n  /** Open state of the menu; the stack resets every time the menu opens */\n  open: boolean;\n  children: React.ReactNode;\n}\n\n/**\n * Provides the drill-down store and renders the root level. The wrapper is\n * the same element in both behaviors, so crossing a breakpoint that switches\n * between cascade and drill-down does not remount the items.\n */\nfunction DrillDownRoot({ store, behavior, open, children }: DrillDownRootProps) {\n  const isDrillDown = behavior === 'drill-down';\n  const depth = React.useSyncExternalStore(\n    store.subscribe,\n    () => selectDepth(store.getState()),\n    getServerDepth,\n  );\n  const direction = React.useSyncExternalStore(\n    store.subscribe,\n    () => selectDirection(store.getState()),\n    getServerDirection,\n  );\n  const isRoot = !isDrillDown || depth === 0;\n\n  // Cascade mode has no stack. A reset while switching modes keeps the next\n  // switch back to drill-down from resuming a stale level.\n  React.useLayoutEffect(() => {\n    if (!isDrillDown) store.reset();\n  }, [isDrillDown, store]);\n\n  // Start every opening at the root. Content usually remounts on open anyway;\n  // this covers `forceMount`. Resetting on open rather than on close keeps the\n  // closing animation on the level the user was looking at.\n  const wasOpenRef = React.useRef(open);\n  React.useLayoutEffect(() => {\n    if (open && !wasOpenRef.current) store.reset();\n    wasOpenRef.current = open;\n  }, [open, store]);\n\n  // Focus and scroll follow each navigation step once it is in the DOM.\n  React.useLayoutEffect(() => {\n    store.applyLastChange();\n  }, [depth, store]);\n\n  const rootRef = React.useCallback((element: HTMLDivElement | null) => store.setRootElement(element), [store]);\n  const handleKeyDownCapture = React.useCallback(() => store.setModality('keyboard'), [store]);\n  const handlePointerDownCapture = React.useCallback(() => store.setModality('pointer'), [store]);\n\n  return (\n    <DrillDownStoreContext.Provider value={isDrillDown ? store : null}>\n      {/* Event capture only records the input modality; it does not handle interaction. */}\n      <div\n        ref={rootRef}\n        className=\"rt-DropdownMenuDrillDownRoot\"\n        data-submenu-behavior={behavior}\n        data-drill-down-active={isRoot ? undefined : true}\n        data-animation-direction={isDrillDown ? (direction ?? undefined) : undefined}\n        onKeyDownCapture={isDrillDown ? handleKeyDownCapture : undefined}\n        onPointerDownCapture={isDrillDown ? handlePointerDownCapture : undefined}\n      >\n        <DrillDownLevelContext.Provider value={isRoot}>{children}</DrillDownLevelContext.Provider>\n      </div>\n    </DrillDownStoreContext.Provider>\n  );\n}\n\n/** Where a submenu sits in the stack: not open, open under another level, or on top. */\ntype PanelPosition = 'closed' | 'open' | 'top';\n\nfunction usePanelPosition(store: DrillDownStore | null, id: string): PanelPosition {\n  const getSnapshot = React.useCallback((): PanelPosition => {\n    if (!store) return 'closed';\n    const { stack } = store.getState();\n    if (stack.length > 0 && stack[stack.length - 1].id === id) return 'top';\n    return stack.some((entry) => entry.id === id) ? 'open' : 'closed';\n  }, [store, id]);\n  return React.useSyncExternalStore(store?.subscribe ?? noopSubscribe, getSnapshot, getClosed);\n}\n\nfunction useStackEntry(store: DrillDownStore | null, id: string): StackEntry | undefined {\n  const getSnapshot = React.useCallback(\n    () => store?.getState().stack.find((entry) => entry.id === id),\n    [store, id],\n  );\n  return React.useSyncExternalStore(store?.subscribe ?? noopSubscribe, getSnapshot, getUndefined);\n}\n\nfunction useDrillDownDirection(store: DrillDownStore | null): AnimationDirection {\n  const getSnapshot = React.useCallback(() => store?.getState().direction ?? null, [store]);\n  return React.useSyncExternalStore(store?.subscribe ?? noopSubscribe, getSnapshot, getServerDirection);\n}\n\nconst noopSubscribe = () => () => {};\nconst getClosed = (): PanelPosition => 'closed';\nconst getUndefined = () => undefined;\n\n// ============================================================================\n// Sub Context (for individual submenu instances)\n// ============================================================================\n\ninterface SubContextValue {\n  /** Unique ID for this submenu */\n  id: string;\n  /** Label for the back button */\n  label: React.ReactNode;\n}\n\nconst SubContext = React.createContext<SubContextValue | null>(null);\n\nfunction useSubContext() {\n  return React.useContext(SubContext);\n}\n\nexport {\n  DrillDownRoot,\n  DrillDownLevelContext,\n  SubContext,\n  useCreateDrillDownStore,\n  useDrillDownStore,\n  useDrillDownDirection,\n  usePanelPosition,\n  useStackEntry,\n  useSubContext,\n};\n\nexport type { SubmenuBehavior, DrillDownStore, PanelPosition, SubContextValue, AnimationDirection };\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\n\nimport type { submenuBehaviors } from './base-menu.props.js';\n\ntype SubmenuBehavior = (typeof submenuBehaviors)[number];\n\n/*\n * Drill-down navigation for DropdownMenu.\n *\n * The stack of open submenus lives in a small external store rather than in\n * React state, so each part subscribes only to the slice it renders from:\n * a panel re-renders when it enters or leaves the stack, a Sub when its own\n * open state changes, and nothing else on the path re-renders on navigation.\n *\n * Only the levels on the stack mount their children, and only the top level\n * mounts its items (see `DrillDownLevelContext`). That keeps the Radix item\n * collection limited to what is on screen, so roving focus and typeahead\n * never land on a hidden item.\n */\n\ntype AnimationDirection = 'forward' | 'backward' | null;\ntype Modality = 'keyboard' | 'pointer';\n\ninterface StackEntry {\n  id: string;\n  /** Accessible name of the submenu, taken from its trigger text */\n  name: string;\n  /** Scroll position of the parent level when this entry was pushed */\n  scrollTop: number;\n}\n\ntype LastChange =\n  | { type: 'push'; id: string; modality: Modality | null }\n  | { type: 'pop'; id: string; modality: Modality | null; scrollTop: number }\n  | { type: 'reset' };\n\ninterface DrillDownState {\n  stack: StackEntry[];\n  direction: AnimationDirection;\n  lastChange: LastChange | null;\n}\n\nconst INITIAL_STATE: DrillDownState = { stack: [], direction: null, lastChange: null };\n\nconst PANEL_ITEM_SELECTOR = '[role^=\"menuitem\"]:not([data-disabled])';\nconst BACK_ITEM_CLASS = 'kui-DropdownMenuDrillDownBackItem';\n\nfunction escapeAttributeValue(value: string) {\n  return value.replace(/[\"\\\\]/g, '\\\\$&');\n}\n\nclass DrillDownStore {\n  private state = INITIAL_STATE;\n  private listeners = new Set<() => void>();\n  private modality: Modality = 'keyboard';\n  /** The drill-down root element, set by the provider */\n  rootElement: HTMLElement | null = null;\n\n  setRootElement = (element: HTMLElement | null) => {\n    this.rootElement = element;\n  };\n\n  getState = () => this.state;\n\n  subscribe = (listener: () => void) => {\n    this.listeners.add(listener);\n    return () => {\n      this.listeners.delete(listener);\n    };\n  };\n\n  private setState(next: DrillDownState) {\n    this.state = next;\n    this.listeners.forEach((listener) => listener());\n  }\n\n  /** Records how the user is interacting, so focus can follow the same model as Radix. */\n  setModality = (modality: Modality) => {\n    this.modality = modality;\n  };\n\n  getModality = () => this.modality;\n\n  getDepth = () => this.state.stack.length;\n\n  isOpen = (id: string) => this.state.stack.some((entry) => entry.id === id);\n\n  private getScrollContainer() {\n    const root = this.rootElement;\n    if (!root) return null;\n    return (\n      root.closest<HTMLElement>('.kui-ScrollAreaViewport') ??\n      root.closest<HTMLElement>('.kui-BaseMenuViewport')\n    );\n  }\n\n  private getTrigger(id: string) {\n    return this.rootElement?.querySelector<HTMLElement>(\n      `[data-drill-down-trigger=\"${escapeAttributeValue(id)}\"]`,\n    );\n  }\n\n  /**\n   * Opens a submenu. `modality` decides where focus goes: the first item for\n   * keyboard, the menu for pointer, and nowhere for a programmatic open\n   * (`null`) unless focus was lost.\n   */\n  push = (id: string, modality: Modality | null = this.modality) => {\n    const { stack } = this.state;\n    if (stack.some((entry) => entry.id === id)) return;\n    const trigger = this.getTrigger(id);\n    const name = (trigger?.dataset.drillDownName ?? trigger?.textContent ?? '').trim();\n    const scrollTop = this.getScrollContainer()?.scrollTop ?? 0;\n    this.setState({\n      stack: [...stack, { id, name, scrollTop }],\n      direction: 'forward',\n      lastChange: { type: 'push', id, modality },\n    });\n  };\n\n  pop = (modality: Modality = this.modality) => {\n    const { stack } = this.state;\n    const top = stack[stack.length - 1];\n    if (!top) return;\n    this.setState({\n      stack: stack.slice(0, -1),\n      direction: 'backward',\n      lastChange: { type: 'pop', id: top.id, modality, scrollTop: top.scrollTop },\n    });\n  };\n\n  /** Closes a submenu and everything opened from it, without moving focus to its trigger. */\n  close = (id: string) => {\n    const { stack } = this.state;\n    const index = stack.findIndex((entry) => entry.id === id);\n    if (index === -1) return;\n    this.setState({\n      stack: stack.slice(0, index),\n      direction: 'backward',\n      lastChange: { type: 'pop', id, modality: null, scrollTop: stack[index].scrollTop },\n    });\n  };\n\n  reset = () => {\n    if (this.state.stack.length === 0 && this.state.direction === null) return;\n    this.setState({ stack: [], direction: null, lastChange: { type: 'reset' } });\n  };\n\n  /**\n   * Moves focus and scroll after a navigation step has been committed. Runs in\n   * a layout effect, so the new level is already in the DOM and nothing paints\n   * with focus on `<body>` or at the old scroll position.\n   */\n  applyLastChange() {\n    const change = this.state.lastChange;\n    const root = this.rootElement;\n    if (!change || !root) return;\n    this.state = { ...this.state, lastChange: null };\n\n    const content = root.closest<HTMLElement>('[role=\"menu\"]');\n    const scroller = this.getScrollContainer();\n    const focus = (element: HTMLElement | null | undefined) => element?.focus({ preventScroll: true });\n\n    if (change.type === 'push') {\n      if (scroller) scroller.scrollTop = 0;\n      const panel = root.querySelector<HTMLElement>(\n        `[data-drill-down-panel=\"${escapeAttributeValue(change.id)}\"]`,\n      );\n      if (change.modality === 'keyboard') {\n        // Land on the first real option; the back row stays one ArrowUp away.\n        const items = panel ? Array.from(panel.querySelectorAll<HTMLElement>(PANEL_ITEM_SELECTOR)) : [];\n        focus(items.find((item) => !item.classList.contains(BACK_ITEM_CLASS)) ?? items[0] ?? content);\n      } else if (change.modality === 'pointer' || !root.contains(document.activeElement)) {\n        // Match Radix: pointer users get focus on the menu, not a highlighted item.\n        focus(content);\n      }\n      return;\n    }\n\n    if (change.type === 'pop') {\n      if (scroller) scroller.scrollTop = change.scrollTop;\n      const trigger = this.getTrigger(change.id);\n      if (change.modality === 'keyboard') {\n        focus(trigger ?? content);\n      } else if (change.modality === 'pointer' || !root.contains(document.activeElement)) {\n        focus(content);\n      }\n      return;\n    }\n\n    if (scroller) scroller.scrollTop = 0;\n  }\n}\n\nconst DrillDownStoreContext = React.createContext<DrillDownStore | null>(null);\n\n/**\n * Whether the items of the current level are on screen. The root level and\n * every panel provide it; menu parts render nothing when it is false.\n */\nconst DrillDownLevelContext = React.createContext(true);\n\nfunction useDrillDownStore() {\n  return React.useContext(DrillDownStoreContext);\n}\n\nfunction useCreateDrillDownStore() {\n  const [store] = React.useState(() => new DrillDownStore());\n  return store;\n}\n\nconst selectDepth = (state: DrillDownState) => state.stack.length;\nconst selectDirection = (state: DrillDownState) => state.direction;\nconst getServerDepth = () => 0;\nconst getServerDirection = (): AnimationDirection => null;\n\ninterface DrillDownRootProps {\n  store: DrillDownStore;\n  behavior: SubmenuBehavior;\n  /** Open state of the menu; the stack resets every time the menu opens */\n  open: boolean;\n  children: React.ReactNode;\n}\n\n/**\n * Provides the drill-down store and renders the root level. The wrapper is\n * the same element in both behaviors, so crossing a breakpoint that switches\n * between cascade and drill-down does not remount the items.\n */\nfunction DrillDownRoot({ store, behavior, open, children }: DrillDownRootProps) {\n  const isDrillDown = behavior === 'drill-down';\n  const depth = React.useSyncExternalStore(\n    store.subscribe,\n    () => selectDepth(store.getState()),\n    getServerDepth,\n  );\n  const direction = React.useSyncExternalStore(\n    store.subscribe,\n    () => selectDirection(store.getState()),\n    getServerDirection,\n  );\n  const isRoot = !isDrillDown || depth === 0;\n\n  // Cascade mode has no stack. A reset while switching modes keeps the next\n  // switch back to drill-down from resuming a stale level.\n  React.useLayoutEffect(() => {\n    if (!isDrillDown) store.reset();\n  }, [isDrillDown, store]);\n\n  // Start every opening at the root. Content usually remounts on open anyway;\n  // this covers `forceMount`. Resetting on open rather than on close keeps the\n  // closing animation on the level the user was looking at.\n  const wasOpenRef = React.useRef(open);\n  React.useLayoutEffect(() => {\n    if (open && !wasOpenRef.current) store.reset();\n    wasOpenRef.current = open;\n  }, [open, store]);\n\n  // Focus and scroll follow each navigation step once it is in the DOM.\n  React.useLayoutEffect(() => {\n    store.applyLastChange();\n  }, [depth, store]);\n\n  const rootRef = React.useCallback((element: HTMLDivElement | null) => store.setRootElement(element), [store]);\n  const handleKeyDownCapture = React.useCallback(() => store.setModality('keyboard'), [store]);\n  const handlePointerDownCapture = React.useCallback(() => store.setModality('pointer'), [store]);\n\n  return (\n    <DrillDownStoreContext.Provider value={isDrillDown ? store : null}>\n      {/* Event capture only records the input modality; it does not handle interaction. */}\n      <div\n        ref={rootRef}\n        className=\"kui-DropdownMenuDrillDownRoot\"\n        data-submenu-behavior={behavior}\n        data-drill-down-active={isRoot ? undefined : true}\n        data-animation-direction={isDrillDown ? (direction ?? undefined) : undefined}\n        onKeyDownCapture={isDrillDown ? handleKeyDownCapture : undefined}\n        onPointerDownCapture={isDrillDown ? handlePointerDownCapture : undefined}\n      >\n        <DrillDownLevelContext.Provider value={isRoot}>{children}</DrillDownLevelContext.Provider>\n      </div>\n    </DrillDownStoreContext.Provider>\n  );\n}\n\n/** Where a submenu sits in the stack: not open, open under another level, or on top. */\ntype PanelPosition = 'closed' | 'open' | 'top';\n\nfunction usePanelPosition(store: DrillDownStore | null, id: string): PanelPosition {\n  const getSnapshot = React.useCallback((): PanelPosition => {\n    if (!store) return 'closed';\n    const { stack } = store.getState();\n    if (stack.length > 0 && stack[stack.length - 1].id === id) return 'top';\n    return stack.some((entry) => entry.id === id) ? 'open' : 'closed';\n  }, [store, id]);\n  return React.useSyncExternalStore(store?.subscribe ?? noopSubscribe, getSnapshot, getClosed);\n}\n\nfunction useStackEntry(store: DrillDownStore | null, id: string): StackEntry | undefined {\n  const getSnapshot = React.useCallback(\n    () => store?.getState().stack.find((entry) => entry.id === id),\n    [store, id],\n  );\n  return React.useSyncExternalStore(store?.subscribe ?? noopSubscribe, getSnapshot, getUndefined);\n}\n\nfunction useDrillDownDirection(store: DrillDownStore | null): AnimationDirection {\n  const getSnapshot = React.useCallback(() => store?.getState().direction ?? null, [store]);\n  return React.useSyncExternalStore(store?.subscribe ?? noopSubscribe, getSnapshot, getServerDirection);\n}\n\nconst noopSubscribe = () => () => {};\nconst getClosed = (): PanelPosition => 'closed';\nconst getUndefined = () => undefined;\n\n// ============================================================================\n// Sub Context (for individual submenu instances)\n// ============================================================================\n\ninterface SubContextValue {\n  /** Unique ID for this submenu */\n  id: string;\n  /** Label for the back button */\n  label: React.ReactNode;\n}\n\nconst SubContext = React.createContext<SubContextValue | null>(null);\n\nfunction useSubContext() {\n  return React.useContext(SubContext);\n}\n\nexport {\n  DrillDownRoot,\n  DrillDownLevelContext,\n  SubContext,\n  useCreateDrillDownStore,\n  useDrillDownStore,\n  useDrillDownDirection,\n  usePanelPosition,\n  useStackEntry,\n  useSubContext,\n};\n\nexport type { SubmenuBehavior, DrillDownStore, PanelPosition, SubContextValue, AnimationDirection };\n"],
+  "mappings": "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",
   "names": ["dropdown_menu_drill_down_exports", "__export", "DrillDownLevelContext", "DrillDownRoot", "SubContext", "useCreateDrillDownStore", "useDrillDownDirection", "useDrillDownStore", "usePanelPosition", "useStackEntry", "useSubContext", "__toCommonJS", "React", "INITIAL_STATE", "PANEL_ITEM_SELECTOR", "BACK_ITEM_CLASS", "escapeAttributeValue", "value", "DrillDownStore", "__publicField", "element", "listener", "modality", "id", "entry", "stack", "trigger", "name", "scrollTop", "top", "index", "next", "root", "change", "content", "scroller", "focus", "panel", "items", "item", "DrillDownStoreContext", "DrillDownLevelContext", "useDrillDownStore", "useCreateDrillDownStore", "store", "selectDepth", "state", "selectDirection", "getServerDepth", "getServerDirection", "DrillDownRoot", "behavior", "open", "children", "isDrillDown", "depth", "direction", "isRoot", "wasOpenRef", "rootRef", "handleKeyDownCapture", "handlePointerDownCapture", "usePanelPosition", "getSnapshot", "noopSubscribe", "getClosed", "useStackEntry", "getUndefined", "useDrillDownDirection", "SubContext", "useSubContext"]
 }

package/dist/cjs/components/_internal/menu-context.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/_internal/menu-context.tsx", "../../../../src/components/_internal/base-menu.utils.tsx", "../../../../src/hooks/use-breakpoint.ts", "../../../../src/components/shell.types.ts"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\n\nimport { useResolvedResponsiveValue } from './base-menu.utils.js';\n\nimport type { Responsive } from '../../props/prop-def.js';\n\n/**\n * Context to detect if a component is rendered inside a menu (DropdownMenu, ContextMenu, etc.)\n * Used by VirtualMenu to adjust its behavior:\n * - Skip role=\"menu\" when inside a parent menu (parent owns the role)\n * - Delegate certain keyboard handling to parent\n * - Use the correct item height based on menu size\n */\n\nexport type MenuSize = '1' | '2' | '3' | '4';\n\ninterface MenuContextValue {\n  /** Whether we're inside a menu that owns the menu role */\n  isInsideMenu: boolean;\n  /** Menu size for the current breakpoint */\n  size?: MenuSize;\n  /** Item height in px for the current size and theme scaling */\n  itemHeight?: number;\n}\n\nconst MenuContext = React.createContext<MenuContextValue>({ isInsideMenu: false });\n\ninterface MenuProviderProps {\n  children: React.ReactNode;\n  /** Menu size passed from parent (DropdownMenu.Content, ContextMenu.Content, etc.) */\n  size?: Responsive<MenuSize>;\n}\n\n/**\n * Menu row height in pixels per size: the line height plus --row-inset-N above and below\n * (base-menu.css), never under the 24px target floor.\n */\nexport const menuSizeToItemHeight: Record<MenuSize, number> = {\n  '1': 24,\n  '2': 30,\n  '3': 34,\n  '4': 38,\n};\n\nexport function getMenuItemHeight(size: MenuSize): number {\n  return menuSizeToItemHeight[size];\n}\n\nexport function MenuProvider({ children, size }: MenuProviderProps) {\n  const resolvedSize = useResolvedResponsiveValue<MenuSize | undefined>(size, undefined);\n  const itemHeight = resolvedSize ? getMenuItemHeight(resolvedSize) : undefined;\n  const value = React.useMemo(\n    () => ({ isInsideMenu: true, size: resolvedSize, itemHeight }),\n    [resolvedSize, itemHeight],\n  );\n  return <MenuContext.Provider value={value}>{children}</MenuContext.Provider>;\n}\n\nexport function useMenuContext() {\n  return React.useContext(MenuContext);\n}\n", "'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\n\nimport { Kbd } from '../kbd.js';\nimport { useBreakpoint } from '../../hooks/use-breakpoint.js';\n\nimport type { Breakpoint, Responsive } from '../../props/prop-def.js';\n\nconst BREAKPOINTS_DESCENDING: Breakpoint[] = ['xl', 'lg', 'md', 'sm', 'xs', 'initial'];\n\n/**\n * Resolves a responsive value for the given breakpoint, falling back through\n * the smaller breakpoints when the current one is not set.\n */\nfunction resolveResponsiveValue<T>(\n  value: T | Partial<Record<Breakpoint, T>> | undefined,\n  currentBreakpoint: Breakpoint,\n  defaultValue: T,\n): T {\n  if (value === undefined || value === null) return defaultValue;\n  if (typeof value !== 'object') return value;\n\n  const map = value as Partial<Record<Breakpoint, T>>;\n  for (let i = BREAKPOINTS_DESCENDING.indexOf(currentBreakpoint); i < BREAKPOINTS_DESCENDING.length; i++) {\n    const resolved = map[BREAKPOINTS_DESCENDING[i]];\n    if (resolved !== undefined) return resolved;\n  }\n  return defaultValue;\n}\n\n/**\n * Resolves a possibly responsive value against the current viewport. Only a\n * responsive object subscribes to breakpoint changes; a plain value costs\n * nothing.\n */\nfunction useResolvedResponsiveValue<T>(value: Responsive<T> | undefined, defaultValue: T): T {\n  const isResponsive = typeof value === 'object' && value !== null;\n  const { breakpoint } = useBreakpoint(isResponsive);\n  return resolveResponsiveValue(value as T | Partial<Record<Breakpoint, T>> | undefined, breakpoint, defaultValue);\n}\n\n/** Content padding per menu size, in px (see base-menu.css). */\n// The panel padding ladder (--panel-p-N).\nconst CONTENT_PADDING: Record<string, number> = { '1': 8, '2': 12, '3': 16, '4': 24 };\n\n/**\n * Offset that lines the first item of a menu up with its anchor: the pointer\n * for a context menu, or the sub trigger for a submenu. It cancels the content\n * padding.\n */\nfunction getMenuAlignOffset(size: string): number {\n  return -(CONTENT_PADDING[size] ?? CONTENT_PADDING['2']);\n}\n\nconst KEY_SYMBOLS: Record<string, string> = {\n  '\u2318': 'Meta',\n  cmd: 'Meta',\n  command: 'Meta',\n  meta: 'Meta',\n  '\u2325': 'Alt',\n  option: 'Alt',\n  opt: 'Alt',\n  alt: 'Alt',\n  '\u21E7': 'Shift',\n  shift: 'Shift',\n  '\u2303': 'Control',\n  ctrl: 'Control',\n  control: 'Control',\n  '\u232B': 'Backspace',\n  '\u2326': 'Delete',\n  '\u23CE': 'Enter',\n  '\u21B5': 'Enter',\n  '\u238B': 'Escape',\n  esc: 'Escape',\n  '\u21E5': 'Tab',\n  '\u2191': 'ArrowUp',\n  '\u2193': 'ArrowDown',\n  '\u2190': 'ArrowLeft',\n  '\u2192': 'ArrowRight',\n};\n\nconst ariaKeyShortcutsCache = new Map<string, string>();\n\n/**\n * Converts a display shortcut such as \"\u2318 \u21E7 P\" or \"Ctrl+S\" into the\n * `aria-keyshortcuts` format (\"Meta+Shift+P\", \"Control+S\").\n */\nfunction toAriaKeyShortcuts(shortcut: string): string | undefined {\n  const cached = ariaKeyShortcutsCache.get(shortcut);\n  if (cached !== undefined) return cached || undefined;\n\n  // Modifier symbols are tokens of their own (\"\u2318\u21E7P\"); otherwise split on \"+\" and spaces.\n  const tokens = shortcut.match(/[\u2318\u2325\u21E7\u2303]|[^\\s+\u2318\u2325\u21E7\u2303]+/gu) ?? [];\n  const keys = tokens.map((token) => {\n    const mapped = KEY_SYMBOLS[token] ?? KEY_SYMBOLS[token.toLowerCase()];\n    return mapped ?? (token.length === 1 ? token.toUpperCase() : token);\n  });\n  const result = keys.join('+');\n  ariaKeyShortcutsCache.set(shortcut, result);\n  return result || undefined;\n}\n\n/**\n * The keyboard shortcut hint at the end of a menu item. It is hidden from\n * assistive technology because the item exposes it through\n * `aria-keyshortcuts` instead of reading it as part of the item name.\n */\nfunction MenuShortcut({ shortcut, className }: { shortcut: string; className?: string }) {\n  return (\n    <div aria-hidden className={classNames('rt-BaseMenuShortcut', className)}>\n      <Kbd size=\"1\">{shortcut}</Kbd>\n    </div>\n  );\n}\n\nexport {\n  resolveResponsiveValue,\n  useResolvedResponsiveValue,\n  getMenuAlignOffset,\n  toAriaKeyShortcuts,\n  MenuShortcut,\n};\n", "'use client';\n\nimport * as React from 'react';\nimport { _BREAKPOINTS, type Breakpoint } from '../components/shell.types.js';\n\nconst QUERIES = Object.entries(_BREAKPOINTS) as Array<[Breakpoint, string]>;\n\ntype Listener = () => void;\n\n/**\n * One set of `MediaQueryList`s and one set of listeners for the whole\n * application. Every component that asks for the breakpoint used to create and\n * subscribe to its own copy of all five queries.\n */\nlet mediaQueryLists: Array<[Breakpoint, MediaQueryList]> | null = null;\nconst listeners = new Set<Listener>();\nlet cachedBreakpoint: Breakpoint | null = null;\n\nfunction getMediaQueryLists() {\n  mediaQueryLists ??= QUERIES.map(([name, query]) => [name, window.matchMedia(query)] as [Breakpoint, MediaQueryList]);\n  return mediaQueryLists;\n}\n\nfunction computeBreakpoint(): Breakpoint {\n  // The largest matching query wins; `_BREAKPOINTS` is ordered smallest first.\n  let matched: Breakpoint = 'initial';\n  for (const [name, mql] of getMediaQueryLists()) {\n    if (mql.matches) matched = name;\n  }\n  return matched;\n}\n\nfunction handleChange() {\n  const next = computeBreakpoint();\n  if (next === cachedBreakpoint) return;\n  cachedBreakpoint = next;\n  listeners.forEach((listener) => listener());\n}\n\nfunction subscribe(listener: Listener) {\n  if (typeof window === 'undefined') return () => {};\n\n  if (listeners.size === 0) {\n    cachedBreakpoint = computeBreakpoint();\n    for (const [, mql] of getMediaQueryLists()) {\n      // Safari below 14 only has the deprecated listener API.\n      if (typeof mql.addEventListener === 'function') mql.addEventListener('change', handleChange);\n      else mql.addListener?.(handleChange);\n    }\n  }\n\n  listeners.add(listener);\n\n  return () => {\n    listeners.delete(listener);\n    if (listeners.size > 0) return;\n\n    for (const [, mql] of getMediaQueryLists()) {\n      try {\n        if (typeof mql.removeEventListener === 'function') mql.removeEventListener('change', handleChange);\n        else mql.removeListener?.(handleChange);\n      } catch (error) {\n        // Removal can throw in edge cases, e.g. the list was already torn down.\n        if (process.env.NODE_ENV !== 'production') {\n          console.warn('[useBreakpoint] MediaQueryList cleanup warning:', error);\n        }\n      }\n    }\n    cachedBreakpoint = null;\n  };\n}\n\n/**\n * `getSnapshot` must return a referentially stable value between changes, so it\n * reads the cache that `handleChange` maintains rather than recomputing.\n */\nfunction getSnapshot(): Breakpoint {\n  if (typeof window === 'undefined') return 'initial';\n  cachedBreakpoint ??= computeBreakpoint();\n  return cachedBreakpoint;\n}\n\nfunction getServerSnapshot(): Breakpoint {\n  return 'initial';\n}\n\n/**\n * The breakpoint right now, outside React's render. For an effect that needs\n * the answer at the moment it runs rather than the one its render saw.\n */\nexport function readBreakpoint(): Breakpoint {\n  if (typeof window === 'undefined') return 'initial';\n  return computeBreakpoint();\n}\n\nconst getReadySnapshot = () => true;\nconst getReadyServerSnapshot = () => false;\n\nconst noopSubscribe = () => () => {};\nconst getInitialSnapshot = (): Breakpoint => 'initial';\n\n/**\n * The current breakpoint, and whether it has been resolved against a real\n * viewport yet (`false` on the server and during hydration).\n *\n * Reads through `useSyncExternalStore` rather than settling into state from an\n * effect. On a client render the very first pass already has the real\n * breakpoint, instead of rendering the whole shell at `initial` and correcting\n * it after the browser has painted.\n *\n * Pass `enabled = false` to skip the subscription (the breakpoint then reads as\n * `initial`).\n */\nexport function useBreakpoint(enabled = true): { breakpoint: Breakpoint; ready: boolean } {\n  // Callers with a non-responsive value pass `enabled = false` so they neither\n  // subscribe to the media queries nor re-render when the viewport crosses one.\n  const breakpoint = React.useSyncExternalStore(\n    enabled ? subscribe : noopSubscribe,\n    enabled ? getSnapshot : getInitialSnapshot,\n    getServerSnapshot,\n  );\n  const ready = React.useSyncExternalStore(\n    enabled ? subscribe : noopSubscribe,\n    getReadySnapshot,\n    getReadyServerSnapshot,\n  );\n\n  return React.useMemo(() => ({ breakpoint, ready }), [breakpoint, ready]);\n}\n", "import type * as React from 'react';\n\nexport type PresentationValue = 'fixed' | 'overlay' | 'stacked';\n\nexport type ResponsivePresentation = PresentationValue | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', PresentationValue>>;\n\nexport type PaneMode = 'expanded' | 'collapsed';\nexport type SidebarMode = 'collapsed' | 'expanded';\n\nexport type ResponsiveMode = PaneMode | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', PaneMode>>;\n\nexport type ResponsiveSidebarMode = SidebarMode | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', SidebarMode>>;\n\nexport type Responsive<T> = T | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', T>>;\n\nexport type PaneSizePersistence = {\n  load?: () => number | Promise<number | undefined> | undefined;\n  save?: (size: number) => void | Promise<void>;\n};\n\n/**\n * Why a pane's open state changed. Since 0.8.0 only a user action is reported:\n * `toggle` for a Trigger, a handle double-click or a drag past\n * `collapseThreshold`, and `dismiss` for Escape or a press on the scrim.\n * `init`, `responsive`, `panel` and `left` are kept in the types for\n * compatibility and are never sent.\n */\nexport type PaneOpenChangeReason = 'toggle' | 'dismiss' | 'init' | 'responsive';\n\nexport interface PaneBaseProps extends React.ComponentPropsWithoutRef<'div'> {\n  presentation?: ResponsivePresentation;\n  expandedSize?: number;\n  minSize?: number;\n  maxSize?: number;\n  resizable?: boolean;\n  collapsible?: boolean;\n  /** @deprecated Use `onOpenChange`. Still called when a user's toggle or a controlled prop changes whether the pane is shown; never on mount or when the window crosses a breakpoint. */\n  onExpand?: () => void;\n  /** @deprecated Use `onOpenChange`. Still called when a user's toggle or a controlled prop changes whether the pane is shown; never on mount or when the window crosses a breakpoint. */\n  onCollapse?: () => void;\n  onResize?: (size: number) => void;\n  onResizeStart?: (size: number) => void;\n  onResizeEnd?: (size: number) => void;\n  /** @deprecated Removed in 1.0. Snap in your own `onSizeChange` and pass `size`. */\n  snapPoints?: number[];\n  /** @deprecated Removed in 1.0, with `snapPoints`. */\n  snapTolerance?: number;\n  /** @deprecated Removed in 1.0. Close the pane from your own `onResizeEnd`. */\n  collapseThreshold?: number;\n  /** @deprecated Removed in 1.0. Keep the size in your own state with `size`/`onSizeChange`. */\n  paneId?: string;\n  /** @deprecated Removed in 1.0. Keep the size in your own state with `size`/`onSizeChange`. */\n  persistence?: PaneSizePersistence;\n}\n\nexport const _BREAKPOINTS = {\n  xs: '(min-width: 520px)',\n  sm: '(min-width: 768px)',\n  md: '(min-width: 1024px)',\n  lg: '(min-width: 1280px)',\n  xl: '(min-width: 1640px)',\n} as const;\n\nexport type Breakpoint = 'initial' | keyof typeof _BREAKPOINTS;\n\n/** Every breakpoint, smallest first. The stylesheet's @media blocks follow this order. */\nexport const SHELL_BREAKPOINTS: readonly Breakpoint[] = ['initial', 'xs', 'sm', 'md', 'lg', 'xl'];\n\nexport type PaneTarget = 'left' | 'rail' | 'panel' | 'sidebar' | 'inspector' | 'bottom';\n\n/** The panes a Trigger can drive. `left` is the deprecated name for `rail`. */\nexport type PaneName = Exclude<PaneTarget, 'left'>;\n\n/**\n * CSS custom property key type for type-safe style objects.\n * Allows any string prefixed with '--'.\n */\nexport type CSSCustomProperty = `--${string}`;\n\n/**\n * Style object that supports CSS custom properties.\n */\nexport type CSSPropertiesWithVars = React.CSSProperties & {\n  [key: CSSCustomProperty]: string | number | undefined;\n};\n"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\n\nimport { useResolvedResponsiveValue } from './base-menu.utils.js';\n\nimport type { Responsive } from '../../props/prop-def.js';\n\n/**\n * Context to detect if a component is rendered inside a menu (DropdownMenu, ContextMenu, etc.)\n * Used by VirtualMenu to adjust its behavior:\n * - Skip role=\"menu\" when inside a parent menu (parent owns the role)\n * - Delegate certain keyboard handling to parent\n * - Use the correct item height based on menu size\n */\n\nexport type MenuSize = '1' | '2' | '3' | '4';\n\ninterface MenuContextValue {\n  /** Whether we're inside a menu that owns the menu role */\n  isInsideMenu: boolean;\n  /** Menu size for the current breakpoint */\n  size?: MenuSize;\n  /** Item height in px for the current size and theme scaling */\n  itemHeight?: number;\n}\n\nconst MenuContext = React.createContext<MenuContextValue>({ isInsideMenu: false });\n\ninterface MenuProviderProps {\n  children: React.ReactNode;\n  /** Menu size passed from parent (DropdownMenu.Content, ContextMenu.Content, etc.) */\n  size?: Responsive<MenuSize>;\n}\n\n/**\n * Menu row height in pixels per size: the line height plus --row-inset-N above and below\n * (base-menu.css), never under the 24px target floor.\n */\nexport const menuSizeToItemHeight: Record<MenuSize, number> = {\n  '1': 24,\n  '2': 30,\n  '3': 34,\n  '4': 38,\n};\n\nexport function getMenuItemHeight(size: MenuSize): number {\n  return menuSizeToItemHeight[size];\n}\n\nexport function MenuProvider({ children, size }: MenuProviderProps) {\n  const resolvedSize = useResolvedResponsiveValue<MenuSize | undefined>(size, undefined);\n  const itemHeight = resolvedSize ? getMenuItemHeight(resolvedSize) : undefined;\n  const value = React.useMemo(\n    () => ({ isInsideMenu: true, size: resolvedSize, itemHeight }),\n    [resolvedSize, itemHeight],\n  );\n  return <MenuContext.Provider value={value}>{children}</MenuContext.Provider>;\n}\n\nexport function useMenuContext() {\n  return React.useContext(MenuContext);\n}\n", "'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\n\nimport { Kbd } from '../kbd.js';\nimport { useBreakpoint } from '../../hooks/use-breakpoint.js';\n\nimport type { Breakpoint, Responsive } from '../../props/prop-def.js';\n\nconst BREAKPOINTS_DESCENDING: Breakpoint[] = ['xl', 'lg', 'md', 'sm', 'xs', 'initial'];\n\n/**\n * Resolves a responsive value for the given breakpoint, falling back through\n * the smaller breakpoints when the current one is not set.\n */\nfunction resolveResponsiveValue<T>(\n  value: T | Partial<Record<Breakpoint, T>> | undefined,\n  currentBreakpoint: Breakpoint,\n  defaultValue: T,\n): T {\n  if (value === undefined || value === null) return defaultValue;\n  if (typeof value !== 'object') return value;\n\n  const map = value as Partial<Record<Breakpoint, T>>;\n  for (let i = BREAKPOINTS_DESCENDING.indexOf(currentBreakpoint); i < BREAKPOINTS_DESCENDING.length; i++) {\n    const resolved = map[BREAKPOINTS_DESCENDING[i]];\n    if (resolved !== undefined) return resolved;\n  }\n  return defaultValue;\n}\n\n/**\n * Resolves a possibly responsive value against the current viewport. Only a\n * responsive object subscribes to breakpoint changes; a plain value costs\n * nothing.\n */\nfunction useResolvedResponsiveValue<T>(value: Responsive<T> | undefined, defaultValue: T): T {\n  const isResponsive = typeof value === 'object' && value !== null;\n  const { breakpoint } = useBreakpoint(isResponsive);\n  return resolveResponsiveValue(value as T | Partial<Record<Breakpoint, T>> | undefined, breakpoint, defaultValue);\n}\n\n/** Content padding per menu size, in px (see base-menu.css). */\n// The panel padding ladder (--panel-p-N).\nconst CONTENT_PADDING: Record<string, number> = { '1': 8, '2': 12, '3': 16, '4': 24 };\n\n/**\n * Offset that lines the first item of a menu up with its anchor: the pointer\n * for a context menu, or the sub trigger for a submenu. It cancels the content\n * padding.\n */\nfunction getMenuAlignOffset(size: string): number {\n  return -(CONTENT_PADDING[size] ?? CONTENT_PADDING['2']);\n}\n\nconst KEY_SYMBOLS: Record<string, string> = {\n  '\u2318': 'Meta',\n  cmd: 'Meta',\n  command: 'Meta',\n  meta: 'Meta',\n  '\u2325': 'Alt',\n  option: 'Alt',\n  opt: 'Alt',\n  alt: 'Alt',\n  '\u21E7': 'Shift',\n  shift: 'Shift',\n  '\u2303': 'Control',\n  ctrl: 'Control',\n  control: 'Control',\n  '\u232B': 'Backspace',\n  '\u2326': 'Delete',\n  '\u23CE': 'Enter',\n  '\u21B5': 'Enter',\n  '\u238B': 'Escape',\n  esc: 'Escape',\n  '\u21E5': 'Tab',\n  '\u2191': 'ArrowUp',\n  '\u2193': 'ArrowDown',\n  '\u2190': 'ArrowLeft',\n  '\u2192': 'ArrowRight',\n};\n\nconst ariaKeyShortcutsCache = new Map<string, string>();\n\n/**\n * Converts a display shortcut such as \"\u2318 \u21E7 P\" or \"Ctrl+S\" into the\n * `aria-keyshortcuts` format (\"Meta+Shift+P\", \"Control+S\").\n */\nfunction toAriaKeyShortcuts(shortcut: string): string | undefined {\n  const cached = ariaKeyShortcutsCache.get(shortcut);\n  if (cached !== undefined) return cached || undefined;\n\n  // Modifier symbols are tokens of their own (\"\u2318\u21E7P\"); otherwise split on \"+\" and spaces.\n  const tokens = shortcut.match(/[\u2318\u2325\u21E7\u2303]|[^\\s+\u2318\u2325\u21E7\u2303]+/gu) ?? [];\n  const keys = tokens.map((token) => {\n    const mapped = KEY_SYMBOLS[token] ?? KEY_SYMBOLS[token.toLowerCase()];\n    return mapped ?? (token.length === 1 ? token.toUpperCase() : token);\n  });\n  const result = keys.join('+');\n  ariaKeyShortcutsCache.set(shortcut, result);\n  return result || undefined;\n}\n\n/**\n * The keyboard shortcut hint at the end of a menu item. It is hidden from\n * assistive technology because the item exposes it through\n * `aria-keyshortcuts` instead of reading it as part of the item name.\n */\nfunction MenuShortcut({ shortcut, className }: { shortcut: string; className?: string }) {\n  return (\n    <div aria-hidden className={classNames('kui-BaseMenuShortcut', className)}>\n      <Kbd size=\"1\">{shortcut}</Kbd>\n    </div>\n  );\n}\n\nexport {\n  resolveResponsiveValue,\n  useResolvedResponsiveValue,\n  getMenuAlignOffset,\n  toAriaKeyShortcuts,\n  MenuShortcut,\n};\n", "'use client';\n\nimport * as React from 'react';\nimport { _BREAKPOINTS, type Breakpoint } from '../components/shell.types.js';\n\nconst QUERIES = Object.entries(_BREAKPOINTS) as Array<[Breakpoint, string]>;\n\ntype Listener = () => void;\n\n/**\n * One set of `MediaQueryList`s and one set of listeners for the whole\n * application. Every component that asks for the breakpoint used to create and\n * subscribe to its own copy of all five queries.\n */\nlet mediaQueryLists: Array<[Breakpoint, MediaQueryList]> | null = null;\nconst listeners = new Set<Listener>();\nlet cachedBreakpoint: Breakpoint | null = null;\n\nfunction getMediaQueryLists() {\n  mediaQueryLists ??= QUERIES.map(([name, query]) => [name, window.matchMedia(query)] as [Breakpoint, MediaQueryList]);\n  return mediaQueryLists;\n}\n\nfunction computeBreakpoint(): Breakpoint {\n  // The largest matching query wins; `_BREAKPOINTS` is ordered smallest first.\n  let matched: Breakpoint = 'initial';\n  for (const [name, mql] of getMediaQueryLists()) {\n    if (mql.matches) matched = name;\n  }\n  return matched;\n}\n\nfunction handleChange() {\n  const next = computeBreakpoint();\n  if (next === cachedBreakpoint) return;\n  cachedBreakpoint = next;\n  listeners.forEach((listener) => listener());\n}\n\nfunction subscribe(listener: Listener) {\n  if (typeof window === 'undefined') return () => {};\n\n  if (listeners.size === 0) {\n    cachedBreakpoint = computeBreakpoint();\n    for (const [, mql] of getMediaQueryLists()) {\n      // Safari below 14 only has the deprecated listener API.\n      if (typeof mql.addEventListener === 'function') mql.addEventListener('change', handleChange);\n      else mql.addListener?.(handleChange);\n    }\n  }\n\n  listeners.add(listener);\n\n  return () => {\n    listeners.delete(listener);\n    if (listeners.size > 0) return;\n\n    for (const [, mql] of getMediaQueryLists()) {\n      try {\n        if (typeof mql.removeEventListener === 'function') mql.removeEventListener('change', handleChange);\n        else mql.removeListener?.(handleChange);\n      } catch (error) {\n        // Removal can throw in edge cases, e.g. the list was already torn down.\n        if (process.env.NODE_ENV !== 'production') {\n          console.warn('[useBreakpoint] MediaQueryList cleanup warning:', error);\n        }\n      }\n    }\n    cachedBreakpoint = null;\n  };\n}\n\n/**\n * `getSnapshot` must return a referentially stable value between changes, so it\n * reads the cache that `handleChange` maintains rather than recomputing.\n */\nfunction getSnapshot(): Breakpoint {\n  if (typeof window === 'undefined') return 'initial';\n  cachedBreakpoint ??= computeBreakpoint();\n  return cachedBreakpoint;\n}\n\nfunction getServerSnapshot(): Breakpoint {\n  return 'initial';\n}\n\n/**\n * The breakpoint right now, outside React's render. For an effect that needs\n * the answer at the moment it runs rather than the one its render saw.\n */\nexport function readBreakpoint(): Breakpoint {\n  if (typeof window === 'undefined') return 'initial';\n  return computeBreakpoint();\n}\n\nconst getReadySnapshot = () => true;\nconst getReadyServerSnapshot = () => false;\n\nconst noopSubscribe = () => () => {};\nconst getInitialSnapshot = (): Breakpoint => 'initial';\n\n/**\n * The current breakpoint, and whether it has been resolved against a real\n * viewport yet (`false` on the server and during hydration).\n *\n * Reads through `useSyncExternalStore` rather than settling into state from an\n * effect. On a client render the very first pass already has the real\n * breakpoint, instead of rendering the whole shell at `initial` and correcting\n * it after the browser has painted.\n *\n * Pass `enabled = false` to skip the subscription (the breakpoint then reads as\n * `initial`).\n */\nexport function useBreakpoint(enabled = true): { breakpoint: Breakpoint; ready: boolean } {\n  // Callers with a non-responsive value pass `enabled = false` so they neither\n  // subscribe to the media queries nor re-render when the viewport crosses one.\n  const breakpoint = React.useSyncExternalStore(\n    enabled ? subscribe : noopSubscribe,\n    enabled ? getSnapshot : getInitialSnapshot,\n    getServerSnapshot,\n  );\n  const ready = React.useSyncExternalStore(\n    enabled ? subscribe : noopSubscribe,\n    getReadySnapshot,\n    getReadyServerSnapshot,\n  );\n\n  return React.useMemo(() => ({ breakpoint, ready }), [breakpoint, ready]);\n}\n", "import type * as React from 'react';\n\nexport type PresentationValue = 'fixed' | 'overlay' | 'stacked';\n\nexport type ResponsivePresentation = PresentationValue | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', PresentationValue>>;\n\nexport type PaneMode = 'expanded' | 'collapsed';\nexport type SidebarMode = 'collapsed' | 'expanded';\n\nexport type ResponsiveMode = PaneMode | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', PaneMode>>;\n\nexport type ResponsiveSidebarMode = SidebarMode | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', SidebarMode>>;\n\nexport type Responsive<T> = T | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', T>>;\n\nexport type PaneSizePersistence = {\n  load?: () => number | Promise<number | undefined> | undefined;\n  save?: (size: number) => void | Promise<void>;\n};\n\n/**\n * Why a pane's open state changed. Since 0.8.0 only a user action is reported:\n * `toggle` for a Trigger, a handle double-click or a drag past\n * `collapseThreshold`, and `dismiss` for Escape or a press on the scrim.\n * `init`, `responsive`, `panel` and `left` are kept in the types for\n * compatibility and are never sent.\n */\nexport type PaneOpenChangeReason = 'toggle' | 'dismiss' | 'init' | 'responsive';\n\nexport interface PaneBaseProps extends React.ComponentPropsWithoutRef<'div'> {\n  presentation?: ResponsivePresentation;\n  expandedSize?: number;\n  minSize?: number;\n  maxSize?: number;\n  resizable?: boolean;\n  collapsible?: boolean;\n  /** @deprecated Use `onOpenChange`. Still called when a user's toggle or a controlled prop changes whether the pane is shown; never on mount or when the window crosses a breakpoint. */\n  onExpand?: () => void;\n  /** @deprecated Use `onOpenChange`. Still called when a user's toggle or a controlled prop changes whether the pane is shown; never on mount or when the window crosses a breakpoint. */\n  onCollapse?: () => void;\n  onResize?: (size: number) => void;\n  onResizeStart?: (size: number) => void;\n  onResizeEnd?: (size: number) => void;\n  /** @deprecated Removed in 1.0. Snap in your own `onSizeChange` and pass `size`. */\n  snapPoints?: number[];\n  /** @deprecated Removed in 1.0, with `snapPoints`. */\n  snapTolerance?: number;\n  /** @deprecated Removed in 1.0. Close the pane from your own `onResizeEnd`. */\n  collapseThreshold?: number;\n  /** @deprecated Removed in 1.0. Keep the size in your own state with `size`/`onSizeChange`. */\n  paneId?: string;\n  /** @deprecated Removed in 1.0. Keep the size in your own state with `size`/`onSizeChange`. */\n  persistence?: PaneSizePersistence;\n}\n\nexport const _BREAKPOINTS = {\n  xs: '(min-width: 520px)',\n  sm: '(min-width: 768px)',\n  md: '(min-width: 1024px)',\n  lg: '(min-width: 1280px)',\n  xl: '(min-width: 1640px)',\n} as const;\n\nexport type Breakpoint = 'initial' | keyof typeof _BREAKPOINTS;\n\n/** Every breakpoint, smallest first. The stylesheet's @media blocks follow this order. */\nexport const SHELL_BREAKPOINTS: readonly Breakpoint[] = ['initial', 'xs', 'sm', 'md', 'lg', 'xl'];\n\nexport type PaneTarget = 'left' | 'rail' | 'panel' | 'sidebar' | 'inspector' | 'bottom';\n\n/** The panes a Trigger can drive. `left` is the deprecated name for `rail`. */\nexport type PaneName = Exclude<PaneTarget, 'left'>;\n\n/**\n * CSS custom property key type for type-safe style objects.\n * Allows any string prefixed with '--'.\n */\nexport type CSSCustomProperty = `--${string}`;\n\n/**\n * Style object that supports CSS custom properties.\n */\nexport type CSSPropertiesWithVars = React.CSSProperties & {\n  [key: CSSCustomProperty]: string | number | undefined;\n};\n"],
   "mappings": "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",
   "names": ["menu_context_exports", "__export", "MenuProvider", "getMenuItemHeight", "menuSizeToItemHeight", "useMenuContext", "__toCommonJS", "React", "React", "import_classnames", "React", "_BREAKPOINTS", "QUERIES", "_BREAKPOINTS", "mediaQueryLists", "listeners", "cachedBreakpoint", "getMediaQueryLists", "name", "query", "computeBreakpoint", "matched", "mql", "handleChange", "next", "listener", "subscribe", "getSnapshot", "getServerSnapshot", "getReadySnapshot", "getReadyServerSnapshot", "noopSubscribe", "getInitialSnapshot", "useBreakpoint", "enabled", "breakpoint", "subscribe", "getSnapshot", "getServerSnapshot", "ready", "BREAKPOINTS_DESCENDING", "resolveResponsiveValue", "value", "currentBreakpoint", "defaultValue", "map", "i", "resolved", "useResolvedResponsiveValue", "isResponsive", "breakpoint", "useBreakpoint", "MenuContext", "menuSizeToItemHeight", "getMenuItemHeight", "size", "MenuProvider", "children", "resolvedSize", "useResolvedResponsiveValue", "itemHeight", "value", "useMenuContext"]
 }

package/dist/cjs/components/_internal/pane-chrome.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var J=Object.create;var S=Object.defineProperty;var K=Object.getOwnPropertyDescriptor;var Q=Object.getOwnPropertyNames;var U=Object.getPrototypeOf,X=Object.prototype.hasOwnProperty;var Y=(r,e)=>{for(var t in e)S(r,t,{get:e[t],enumerable:!0})},w=(r,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of Q(e))!X.call(r,l)&&l!==t&&S(r,l,{get:()=>e[l],enumerable:!(o=K(e,l))||o.enumerable});return r};var u=(r,e,t)=>(t=r!=null?J(U(r)):{},w(e||!r||!r.__esModule?S(t,"default",{value:r,enumerable:!0}):t,r)),Z=r=>w(S({},"__esModule",{value:!0}),r);var ae={};Y(ae,{BAND_STEP:()=>L,PaneChromeScope:()=>te,PaneFooter:()=>$,PaneHeader:()=>O,Scroll:()=>j,ShellSizeContext:()=>y,SidebarVisualContext:()=>A,usePaneBandSize:()=>oe,useSidebarVisual:()=>z});module.exports=Z(ae);var a=u(require("react")),R=u(require("classnames"));var i=u(require("react")),F=u(require("classnames")),f=require("radix-ui"),B=require("radix-ui/internal");var N={asChild:{type:"boolean"}};var ee=["none","small","medium","large","full"],V={radius:{type:"enum",values:ee,default:void 0}};var re=["vertical","horizontal","both"],P={...N,...V,scrollbars:{type:"enum",values:re,default:"both"},fade:{type:"boolean",default:!1}};var h=u(require("react"));function H(r){let[e,t]=h.useState(null);return h.useEffect(()=>{if(!r||!e)return;let o=0,l=()=>{o=0;let d=Math.max(0,e.scrollTop),p=Math.max(0,e.scrollHeight-e.clientHeight-e.scrollTop);e.style.setProperty("--scroll-overflow-start",`${d}px`),e.style.setProperty("--scroll-overflow-end",`${p}px`)},n=()=>{o||(o=requestAnimationFrame(l))};l(),e.addEventListener("scroll",n,{passive:!0});let s=typeof ResizeObserver>"u"?null:new ResizeObserver(n);s?.observe(e);for(let d of Array.from(e.children))s?.observe(d);let c=typeof MutationObserver>"u"?null:new MutationObserver(n);return c?.observe(e,{childList:!0}),()=>{o&&cancelAnimationFrame(o),e.removeEventListener("scroll",n),s?.disconnect(),c?.disconnect(),e.style.removeProperty("--scroll-overflow-start"),e.style.removeProperty("--scroll-overflow-end")}},[r,e]),t}var v=u(require("react"));function M(){let[r,e]=v.useState(null);return v.useEffect(()=>{let t=r?.parentElement;if(!r||!t)return;let o=0,l=()=>{o=0;for(let s of t.querySelectorAll(":scope > .rt-ScrollAreaScrollbar > .rt-ScrollAreaThumb")){let c=s.parentElement,d=getComputedStyle(c);if(c.dataset.orientation==="horizontal"){let p=c.clientWidth-parseFloat(d.paddingLeft)-parseFloat(d.paddingRight),m=D(r.scrollLeft,r.scrollWidth-r.offsetWidth,p-s.offsetWidth);s.style.transform=`translate3d(${m}px, 0, 0)`}else{let p=c.clientHeight-parseFloat(d.paddingTop)-parseFloat(d.paddingBottom),m=D(r.scrollTop,r.scrollHeight-r.offsetHeight,p-s.offsetHeight);s.style.transform=`translate3d(0, ${m}px, 0)`}}},n=()=>{o||(o=requestAnimationFrame(l))};return r.addEventListener("scroll",n,{passive:!0}),()=>{o&&cancelAnimationFrame(o),r.removeEventListener("scroll",n)}},[r]),e}function D(r,e,t){return e<=0||t<=0?0:Math.min(Math.max(r,-e),e)/e*t}var b=u(require("react"));function g(r,e){let{asChild:t,children:o}=r;if(!t)return typeof e=="function"?e(o):e;let l=b.Children.only(o);return b.cloneElement(l,{children:typeof e=="function"?e(l.props.children):e})}var x=i.forwardRef((r,e)=>{let{asChild:t,children:o,className:l,style:n,type:s,scrollHideDelay:c=s!=="scroll"?0:void 0,dir:d,radius:p=P.radius.default,scrollbars:m=P.scrollbars.default,fade:T=P.fade.default,...q}=r,k=H(T),G=M(),_=(0,B.useComposedRefs)(e,k,G);return i.createElement(f.ScrollArea.Root,{type:s,scrollHideDelay:c,className:(0,F.default)("rt-ScrollAreaRoot",l),"data-fade":T?"":void 0,style:n,asChild:t},g({asChild:t,children:o},I=>i.createElement(i.Fragment,null,i.createElement(f.ScrollArea.Viewport,{...q,ref:_,className:"rt-ScrollAreaViewport"},I),i.createElement("div",{className:"rt-ScrollAreaViewportFocusRing"}),m!=="vertical"?i.createElement(f.ScrollArea.Scrollbar,{"data-radius":p,orientation:"horizontal",className:"rt-ScrollAreaScrollbar"},i.createElement(f.ScrollArea.Thumb,{className:"rt-ScrollAreaThumb"})):null,m!=="horizontal"?i.createElement(f.ScrollArea.Scrollbar,{"data-radius":p,orientation:"vertical",className:"rt-ScrollAreaScrollbar"},i.createElement(f.ScrollArea.Thumb,{className:"rt-ScrollAreaThumb"})):null,m==="both"?i.createElement(f.ScrollArea.Corner,{className:"rt-ScrollAreaCorner"}):null)))});x.displayName="ScrollArea";var A=a.createContext(null);function z(){return a.useContext(A)}var y=a.createContext("2");function te({children:r,presentation:e}){let t=a.useContext(y),o=a.useMemo(()=>({size:t,menuVariant:"soft",presentation:e}),[t,e]);return a.createElement(A.Provider,{value:o},r)}function E(){let r=z(),e=a.useContext(y),t=r?.size??e,o=r?.menuVariant??"soft";return["rt-ShellPaneChrome",`rt-r-size-${t}`,`rt-menu-variant-${o}`]}var L={1:"2",2:"3",3:"4",4:"4"},C=a.createContext(null);function oe(){return a.useContext(C)}function W(){let r=z(),e=a.useContext(y);return L[r?.size??e]}var O=a.forwardRef(({className:r,float:e,children:t,...o},l)=>{let n=E(),s=W();return a.createElement("div",{...o,ref:l,"data-float":e||void 0,className:(0,R.default)("rt-ShellPaneHeader","rt-SidebarHeader","rt-SidebarHeader--container",...n,r)},a.createElement(C.Provider,{value:s},t))});O.displayName="Shell.PaneHeader";var $=a.forwardRef(({className:r,float:e,children:t,...o},l)=>{let n=E(),s=W();return a.createElement("div",{...o,ref:l,"data-float":e||void 0,className:(0,R.default)("rt-ShellPaneFooter","rt-SidebarFooter","rt-SidebarFooter--container",...n,r)},a.createElement(C.Provider,{value:s},t))});$.displayName="Shell.PaneFooter";var j=a.forwardRef(({className:r,children:e,fade:t=!1,...o},l)=>{let n=E();return a.createElement(x,{type:"hover",fade:t,className:"rt-ShellScroll"},a.createElement("div",{...o,ref:l,className:(0,R.default)("rt-BaseMenuContent","rt-SidebarContent",...n,r)},a.createElement(C.Provider,{value:null},a.createElement("div",{className:"rt-BaseMenuViewport"},e))))});j.displayName="Shell.Scroll";
+"use strict";"use client";var J=Object.create;var S=Object.defineProperty;var K=Object.getOwnPropertyDescriptor;var Q=Object.getOwnPropertyNames;var U=Object.getPrototypeOf,X=Object.prototype.hasOwnProperty;var Y=(r,e)=>{for(var t in e)S(r,t,{get:e[t],enumerable:!0})},w=(r,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of Q(e))!X.call(r,l)&&l!==t&&S(r,l,{get:()=>e[l],enumerable:!(o=K(e,l))||o.enumerable});return r};var m=(r,e,t)=>(t=r!=null?J(U(r)):{},w(e||!r||!r.__esModule?S(t,"default",{value:r,enumerable:!0}):t,r)),Z=r=>w(S({},"__esModule",{value:!0}),r);var ae={};Y(ae,{BAND_STEP:()=>B,PaneChromeScope:()=>te,PaneFooter:()=>O,PaneHeader:()=>W,Scroll:()=>$,ShellSizeContext:()=>y,SidebarVisualContext:()=>A,usePaneBandSize:()=>oe,useSidebarVisual:()=>z});module.exports=Z(ae);var a=m(require("react")),R=m(require("classnames"));var i=m(require("react")),g=m(require("classnames")),p=require("radix-ui"),F=require("radix-ui/internal");var N={asChild:{type:"boolean"}};var ee=["none","small","medium","large","full"],V={radius:{type:"enum",values:ee,default:void 0}};var re=["vertical","horizontal","both"],P={...N,...V,scrollbars:{type:"enum",values:re,default:"both"},fade:{type:"boolean",default:!1}};var h=m(require("react"));function k(r){let[e,t]=h.useState(null);return h.useEffect(()=>{if(!r||!e)return;let o=0,l=()=>{o=0;let d=Math.max(0,e.scrollTop),u=Math.max(0,e.scrollHeight-e.clientHeight-e.scrollTop);e.style.setProperty("--scroll-overflow-start",`${d}px`),e.style.setProperty("--scroll-overflow-end",`${u}px`)},n=()=>{o||(o=requestAnimationFrame(l))};l(),e.addEventListener("scroll",n,{passive:!0});let s=typeof ResizeObserver>"u"?null:new ResizeObserver(n);s?.observe(e);for(let d of Array.from(e.children))s?.observe(d);let c=typeof MutationObserver>"u"?null:new MutationObserver(n);return c?.observe(e,{childList:!0}),()=>{o&&cancelAnimationFrame(o),e.removeEventListener("scroll",n),s?.disconnect(),c?.disconnect(),e.style.removeProperty("--scroll-overflow-start"),e.style.removeProperty("--scroll-overflow-end")}},[r,e]),t}var v=m(require("react"));function D(){let[r,e]=v.useState(null);return v.useEffect(()=>{let t=r?.parentElement;if(!r||!t)return;let o=0,l=()=>{o=0;for(let s of t.querySelectorAll(":scope > .kui-ScrollAreaScrollbar > .kui-ScrollAreaThumb")){let c=s.parentElement,d=getComputedStyle(c);if(c.dataset.orientation==="horizontal"){let u=c.clientWidth-parseFloat(d.paddingLeft)-parseFloat(d.paddingRight),f=H(r.scrollLeft,r.scrollWidth-r.offsetWidth,u-s.offsetWidth);s.style.transform=`translate3d(${f}px, 0, 0)`}else{let u=c.clientHeight-parseFloat(d.paddingTop)-parseFloat(d.paddingBottom),f=H(r.scrollTop,r.scrollHeight-r.offsetHeight,u-s.offsetHeight);s.style.transform=`translate3d(0, ${f}px, 0)`}}},n=()=>{o||(o=requestAnimationFrame(l))};return r.addEventListener("scroll",n,{passive:!0}),()=>{o&&cancelAnimationFrame(o),r.removeEventListener("scroll",n)}},[r]),e}function H(r,e,t){return e<=0||t<=0?0:Math.min(Math.max(r,-e),e)/e*t}var b=m(require("react"));function M(r,e){let{asChild:t,children:o}=r;if(!t)return typeof e=="function"?e(o):e;let l=b.Children.only(o);return b.cloneElement(l,{children:typeof e=="function"?e(l.props.children):e})}var x=i.forwardRef((r,e)=>{let{asChild:t,children:o,className:l,style:n,type:s,scrollHideDelay:c=s!=="scroll"?0:void 0,dir:d,radius:u=P.radius.default,scrollbars:f=P.scrollbars.default,fade:T=P.fade.default,...j}=r,q=k(T),G=D(),_=(0,F.useComposedRefs)(e,q,G);return i.createElement(p.ScrollArea.Root,{type:s,scrollHideDelay:c,className:(0,g.default)("kui-ScrollAreaRoot",l),"data-fade":T?"":void 0,style:n,asChild:t},M({asChild:t,children:o},I=>i.createElement(i.Fragment,null,i.createElement(p.ScrollArea.Viewport,{...j,ref:_,className:"kui-ScrollAreaViewport"},I),i.createElement("div",{className:"kui-ScrollAreaViewportFocusRing"}),f!=="vertical"?i.createElement(p.ScrollArea.Scrollbar,{"data-radius":u,orientation:"horizontal",className:"kui-ScrollAreaScrollbar"},i.createElement(p.ScrollArea.Thumb,{className:"kui-ScrollAreaThumb"})):null,f!=="horizontal"?i.createElement(p.ScrollArea.Scrollbar,{"data-radius":u,orientation:"vertical",className:"kui-ScrollAreaScrollbar"},i.createElement(p.ScrollArea.Thumb,{className:"kui-ScrollAreaThumb"})):null,f==="both"?i.createElement(p.ScrollArea.Corner,{className:"kui-ScrollAreaCorner"}):null)))});x.displayName="ScrollArea";var A=a.createContext(null);function z(){return a.useContext(A)}var y=a.createContext("2");function te({children:r,presentation:e}){let t=a.useContext(y),o=a.useMemo(()=>({size:t,menuVariant:"soft",presentation:e}),[t,e]);return a.createElement(A.Provider,{value:o},r)}function E(){let r=z(),e=a.useContext(y),t=r?.size??e,o=r?.menuVariant??"soft";return["kui-ShellPaneChrome",`kui-r-size-${t}`,`kui-menu-variant-${o}`]}var B={1:"2",2:"3",3:"4",4:"4"},C=a.createContext(null);function oe(){return a.useContext(C)}function L(){let r=z(),e=a.useContext(y);return B[r?.size??e]}var W=a.forwardRef(({className:r,float:e,children:t,...o},l)=>{let n=E(),s=L();return a.createElement("div",{...o,ref:l,"data-float":e||void 0,className:(0,R.default)("kui-ShellPaneHeader","kui-SidebarHeader","kui-SidebarHeader--container",...n,r)},a.createElement(C.Provider,{value:s},t))});W.displayName="Shell.PaneHeader";var O=a.forwardRef(({className:r,float:e,children:t,...o},l)=>{let n=E(),s=L();return a.createElement("div",{...o,ref:l,"data-float":e||void 0,className:(0,R.default)("kui-ShellPaneFooter","kui-SidebarFooter","kui-SidebarFooter--container",...n,r)},a.createElement(C.Provider,{value:s},t))});O.displayName="Shell.PaneFooter";var $=a.forwardRef(({className:r,children:e,fade:t=!1,...o},l)=>{let n=E();return a.createElement(x,{type:"hover",fade:t,className:"kui-ShellScroll"},a.createElement("div",{...o,ref:l,className:(0,R.default)("kui-BaseMenuContent","kui-SidebarContent",...n,r)},a.createElement(C.Provider,{value:null},a.createElement("div",{className:"kui-BaseMenuViewport"},e))))});$.displayName="Shell.Scroll";
 //# sourceMappingURL=pane-chrome.js.map

package/dist/cjs/components/_internal/pane-chrome.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/_internal/pane-chrome.tsx", "../../../../src/components/scroll-area.tsx", "../../../../src/props/as-child.prop.ts", "../../../../src/props/radius.prop.ts", "../../../../src/components/scroll-area.props.tsx", "../../../../src/hooks/use-scroll-edges.ts", "../../../../src/hooks/use-thumb-sync.ts", "../../../../src/helpers/get-subtree.ts"],
-  "sourcesContent": ["'use client';\n\n/**\n * A pane's own chrome: a header row, a scrolling region and a footer row.\n *\n * Shell.Sidebar and Shell.Panel render these as `Shell.PaneHeader`, `Shell.Scroll` and\n * `Shell.PaneFooter`. The pane renders anything; with these parts it is the presentation, so\n * Sidebar's menu parts work inside it with no `Sidebar.Root`. The index comes from the nearest\n * Shell (`Shell.Root size`), or from a deprecated `Sidebar.Root` that still wraps them.\n */\n\nimport * as React from 'react';\nimport classNames from 'classnames';\n\nimport { ScrollArea } from '../scroll-area.js';\n\ntype PaneSize = '1' | '2' | '3';\n\ntype SidebarVisualContextValue = {\n  size: PaneSize;\n  menuVariant: 'solid' | 'soft';\n  presentation?: 'thin' | 'expanded';\n  color?: string;\n};\n\n/** Size, menu highlight and presentation for the Sidebar parts. Internal: not exported. */\nconst SidebarVisualContext = React.createContext<SidebarVisualContextValue | null>(null);\n\nfunction useSidebarVisual() {\n  return React.useContext(SidebarVisualContext);\n}\n\n/** The Shell's index. `Shell.Root size` sets it; panes hand it to their chrome. */\nconst ShellSizeContext = React.createContext<PaneSize>('2');\n\n/**\n * Gives a Shell pane's children the Shell's index, so Sidebar parts size themselves. In a Rail\n * the rows are `thin`: icon tiles with a small label, sub-menus as dropdowns.\n */\nfunction PaneChromeScope({ children, presentation }: { children: React.ReactNode; presentation?: 'thin' }) {\n  const size = React.useContext(ShellSizeContext);\n  const value = React.useMemo<SidebarVisualContextValue>(() => ({ size, menuVariant: 'soft', presentation }), [size, presentation]);\n  return <SidebarVisualContext.Provider value={value}>{children}</SidebarVisualContext.Provider>;\n}\n\nfunction useChromeClasses() {\n  const visual = useSidebarVisual();\n  // A pane with no scope (Inspector, Bottom) still takes the Shell's index.\n  const shellSize = React.useContext(ShellSizeContext);\n  const size = visual?.size ?? shellSize;\n  const menuVariant = visual?.menuVariant ?? 'soft';\n  return ['rt-ShellPaneChrome', `rt-r-size-${size}`, `rt-menu-variant-${menuVariant}`];\n}\n\ntype BandSize = '1' | '2' | '3' | '4';\n\n/**\n * The index a Toolbar in a pane's header or footer rests at when it states none: one step above\n * the Shell's, so the band reads as chrome over the rows (v2 BAND_STEP). 4 has no step above.\n */\nconst BAND_STEP = { '1': '2', '2': '3', '3': '4', '4': '4' } as const satisfies Record<BandSize, BandSize>;\n\n/** Set by `Shell.PaneHeader` and `Shell.PaneFooter`; read by Toolbar as its fallback size. Null elsewhere. */\nconst PaneBandSizeContext = React.createContext<BandSize | null>(null);\n\nfunction usePaneBandSize() {\n  return React.useContext(PaneBandSizeContext);\n}\n\nfunction useBandSize(): BandSize {\n  const visual = useSidebarVisual();\n  const shellSize = React.useContext(ShellSizeContext);\n  return BAND_STEP[visual?.size ?? shellSize];\n}\n\ninterface PaneHeaderProps extends React.ComponentPropsWithoutRef<'div'> {\n  /**\n   * Floats the row over the top of `Shell.Scroll`, so the list scrolls behind it. The list\n   * starts below the row, and `Shell.Scroll fade` fades it out under the row. The row paints\n   * nothing and lets clicks through between its controls; a `Toolbar backdrop` in it keeps\n   * the controls readable.\n   */\n  float?: boolean;\n}\n\n/** A pane's header row, pinned above its scrolling region. */\nconst PaneHeader = React.forwardRef<HTMLDivElement, PaneHeaderProps>(({ className, float, children, ...props }, forwardedRef) => {\n  const chrome = useChromeClasses();\n  const band = useBandSize();\n  return (\n    <div\n      {...props}\n      ref={forwardedRef}\n      data-float={float || undefined}\n      className={classNames('rt-ShellPaneHeader', 'rt-SidebarHeader', 'rt-SidebarHeader--container', ...chrome, className)}\n    >\n      <PaneBandSizeContext.Provider value={band}>{children}</PaneBandSizeContext.Provider>\n    </div>\n  );\n});\nPaneHeader.displayName = 'Shell.PaneHeader';\n\ninterface PaneFooterProps extends React.ComponentPropsWithoutRef<'div'> {\n  /** Floats the row over the bottom of `Shell.Scroll`, the way `Shell.PaneHeader float` does at the top. */\n  float?: boolean;\n}\n\n/** A pane's footer row, pinned below its scrolling region. */\nconst PaneFooter = React.forwardRef<HTMLDivElement, PaneFooterProps>(({ className, float, children, ...props }, forwardedRef) => {\n  const chrome = useChromeClasses();\n  const band = useBandSize();\n  return (\n    <div\n      {...props}\n      ref={forwardedRef}\n      data-float={float || undefined}\n      className={classNames('rt-ShellPaneFooter', 'rt-SidebarFooter', 'rt-SidebarFooter--container', ...chrome, className)}\n    >\n      <PaneBandSizeContext.Provider value={band}>{children}</PaneBandSizeContext.Provider>\n    </div>\n  );\n});\nPaneFooter.displayName = 'Shell.PaneFooter';\n\ninterface ScrollProps extends React.ComponentPropsWithoutRef<'div'> {\n  /** Fades the list out toward an edge with more past it, and under a floating header or footer. */\n  fade?: boolean;\n}\n\n/**\n * The one region of a pane that scrolls; it takes the room the header and footer leave.\n * It is not a landmark: for navigation, pass `role=\"navigation\"` and an `aria-label`.\n */\nconst Scroll = React.forwardRef<HTMLDivElement, ScrollProps>(({ className, children, fade = false, ...props }, forwardedRef) => {\n  const chrome = useChromeClasses();\n  return (\n    <ScrollArea type=\"hover\" fade={fade} className=\"rt-ShellScroll\">\n      <div {...props} ref={forwardedRef} className={classNames('rt-BaseMenuContent', 'rt-SidebarContent', ...chrome, className)}>\n        {/* A header's band does not reach a Toolbar in the scrolling list. */}\n        <PaneBandSizeContext.Provider value={null}>\n          <div className=\"rt-BaseMenuViewport\">{children}</div>\n        </PaneBandSizeContext.Provider>\n      </div>\n    </ScrollArea>\n  );\n});\nScroll.displayName = 'Shell.Scroll';\n\nexport { SidebarVisualContext, useSidebarVisual, ShellSizeContext, PaneChromeScope, PaneHeader, PaneFooter, Scroll, BAND_STEP, usePaneBandSize };\nexport type { SidebarVisualContextValue, PaneSize, BandSize, PaneHeaderProps, PaneFooterProps, ScrollProps };\n", "import * as React from 'react';\nimport classNames from 'classnames';\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\nimport { useComposedRefs } from 'radix-ui/internal';\n\nimport { scrollAreaPropDefs } from './scroll-area.props.js';\nimport { useScrollEdges } from '../hooks/use-scroll-edges.js';\nimport { useThumbSync } from '../hooks/use-thumb-sync.js';\nimport { getSubtree } from '../helpers/get-subtree.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype ScrollAreaElement = React.ElementRef<typeof ScrollAreaPrimitive.Viewport>;\ntype ScrollAreaOwnProps = GetPropDefTypes<typeof scrollAreaPropDefs>;\ninterface ScrollAreaProps\n  extends ComponentPropsWithout<typeof ScrollAreaPrimitive.Root, RemovedProps>,\n    ComponentPropsWithout<typeof ScrollAreaPrimitive.Viewport, RemovedProps | 'dir'>,\n    ScrollAreaOwnProps {}\nconst ScrollArea = React.forwardRef<ScrollAreaElement, ScrollAreaProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    children,\n    className,\n    style,\n    type,\n    scrollHideDelay = type !== 'scroll' ? 0 : undefined,\n    dir,\n    radius = scrollAreaPropDefs.radius.default,\n    scrollbars = scrollAreaPropDefs.scrollbars.default,\n    fade = scrollAreaPropDefs.fade.default,\n    ...viewportProps\n  } = props;\n  const setEdgesElement = useScrollEdges<HTMLDivElement>(fade);\n  const setThumbViewport = useThumbSync<HTMLDivElement>();\n  const viewportRef = useComposedRefs(forwardedRef, setEdgesElement, setThumbViewport);\n\n  return (\n    <ScrollAreaPrimitive.Root\n      type={type}\n      scrollHideDelay={scrollHideDelay}\n      className={classNames('rt-ScrollAreaRoot', className)}\n      data-fade={fade ? '' : undefined}\n      style={style}\n      asChild={asChild}\n    >\n      {getSubtree({ asChild, children }, (children) => (\n        <>\n          <ScrollAreaPrimitive.Viewport\n            {...viewportProps}\n            ref={viewportRef}\n            className=\"rt-ScrollAreaViewport\"\n          >\n            {children}\n          </ScrollAreaPrimitive.Viewport>\n\n          <div className=\"rt-ScrollAreaViewportFocusRing\" />\n\n          {scrollbars !== 'vertical' ? (\n            <ScrollAreaPrimitive.Scrollbar\n              data-radius={radius}\n              orientation=\"horizontal\"\n              className=\"rt-ScrollAreaScrollbar\"\n            >\n              <ScrollAreaPrimitive.Thumb className=\"rt-ScrollAreaThumb\" />\n            </ScrollAreaPrimitive.Scrollbar>\n          ) : null}\n\n          {scrollbars !== 'horizontal' ? (\n            <ScrollAreaPrimitive.Scrollbar\n              data-radius={radius}\n              orientation=\"vertical\"\n              className=\"rt-ScrollAreaScrollbar\"\n            >\n              <ScrollAreaPrimitive.Thumb className=\"rt-ScrollAreaThumb\" />\n            </ScrollAreaPrimitive.Scrollbar>\n          ) : null}\n\n          {scrollbars === 'both' ? (\n            <ScrollAreaPrimitive.Corner className=\"rt-ScrollAreaCorner\" />\n          ) : null}\n        </>\n      ))}\n    </ScrollAreaPrimitive.Root>\n  );\n});\nScrollArea.displayName = 'ScrollArea';\n\nexport { ScrollArea };\nexport type { ScrollAreaProps };\n", "import type { PropDef } from './prop-def.js';\n\nconst asChildPropDef = {\n  /**\n   * Composes the component into its immediate child instead of rendering its own HTML element.\n   * You\u2019ll have to provide a single React Element child.\n   */\n  asChild: {\n    type: 'boolean',\n  },\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nexport { asChildPropDef };\n", "import type { PropDef } from './prop-def.js';\n\nconst radii = ['none', 'small', 'medium', 'large', 'full'] as const;\n\nconst radiusPropDef = {\n  radius: {\n    type: 'enum',\n    values: radii,\n    default: undefined,\n  },\n} satisfies {\n  radius: PropDef<(typeof radii)[number]>;\n};\n\nexport { radiusPropDef, radii };\n", "import { asChildPropDef } from '../props/as-child.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst scrollbarsValues = ['vertical', 'horizontal', 'both'] as const;\n\nconst scrollAreaPropDefs = {\n  ...asChildPropDef,\n  ...radiusPropDef,\n  scrollbars: { type: 'enum', values: scrollbarsValues, default: 'both' },\n  /**\n   * Fades the content toward the top and bottom edges while there is more content past them.\n   * An edge with nothing hidden past it does not fade. A floating band over an edge can set\n   * `--scroll-fade-start` or `--scroll-fade-end` to its height, so content fades as it passes\n   * under the band.\n   */\n  fade: { type: 'boolean', default: false },\n} satisfies {\n  scrollbars: PropDef<(typeof scrollbarsValues)[number]>;\n  fade: PropDef<boolean>;\n};\n\nexport { scrollAreaPropDefs };\n", "import * as React from 'react';\n\n/**\n * Publishes how much content is hidden past each block edge of a scroller, as\n * `--scroll-overflow-start` and `--scroll-overflow-end` (px) on the element.\n * The scroll fade reads them, so an edge fades only while content is hidden\n * there, and the fade ramps in over the first pixels of scrolling.\n *\n * Writes happen at most once per frame, on scroll and when the element or its\n * content resizes. Nothing re-renders.\n */\nexport function useScrollEdges<T extends HTMLElement>(enabled: boolean) {\n  const [element, setElement] = React.useState<T | null>(null);\n\n  React.useEffect(() => {\n    if (!enabled || !element) return;\n    let frame = 0;\n    const write = () => {\n      frame = 0;\n      const start = Math.max(0, element.scrollTop);\n      const end = Math.max(0, element.scrollHeight - element.clientHeight - element.scrollTop);\n      element.style.setProperty('--scroll-overflow-start', `${start}px`);\n      element.style.setProperty('--scroll-overflow-end', `${end}px`);\n    };\n    const schedule = () => {\n      if (!frame) frame = requestAnimationFrame(write);\n    };\n    write();\n    element.addEventListener('scroll', schedule, { passive: true });\n    const observer = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(schedule);\n    observer?.observe(element);\n    for (const child of Array.from(element.children)) observer?.observe(child);\n    const mutations = typeof MutationObserver === 'undefined' ? null : new MutationObserver(schedule);\n    mutations?.observe(element, { childList: true });\n    return () => {\n      if (frame) cancelAnimationFrame(frame);\n      element.removeEventListener('scroll', schedule);\n      observer?.disconnect();\n      mutations?.disconnect();\n      element.style.removeProperty('--scroll-overflow-start');\n      element.style.removeProperty('--scroll-overflow-end');\n    };\n  }, [enabled, element]);\n\n  return setElement;\n}\n", "import * as React from 'react';\n\n/**\n * Keeps a Radix ScrollArea's thumbs on the scroll position on every scroll.\n *\n * Radix moves a thumb from a requestAnimationFrame loop it starts on the first scroll event of a\n * burst. Next's production minifier compiles that self-calling loop away, so in a production\n * build the thumb moves once, sits while the content scrolls, and jumps when the next burst\n * starts. This writes the transform Radix would, at most once per frame. Nothing re-renders.\n *\n * Pass the hook's setter as a ref on `ScrollArea.Viewport`; the scrollbars are its siblings.\n */\nexport function useThumbSync<T extends HTMLElement>() {\n  const [viewport, setViewport] = React.useState<T | null>(null);\n\n  React.useEffect(() => {\n    const root = viewport?.parentElement;\n    if (!viewport || !root) return;\n    let frame = 0;\n    const write = () => {\n      frame = 0;\n      for (const thumb of root.querySelectorAll<HTMLElement>(':scope > .rt-ScrollAreaScrollbar > .rt-ScrollAreaThumb')) {\n        const scrollbar = thumb.parentElement as HTMLElement;\n        const style = getComputedStyle(scrollbar);\n        if (scrollbar.dataset.orientation === 'horizontal') {\n          const track = scrollbar.clientWidth - parseFloat(style.paddingLeft) - parseFloat(style.paddingRight);\n          const offset = thumbOffset(viewport.scrollLeft, viewport.scrollWidth - viewport.offsetWidth, track - thumb.offsetWidth);\n          thumb.style.transform = `translate3d(${offset}px, 0, 0)`;\n        } else {\n          const track = scrollbar.clientHeight - parseFloat(style.paddingTop) - parseFloat(style.paddingBottom);\n          const offset = thumbOffset(viewport.scrollTop, viewport.scrollHeight - viewport.offsetHeight, track - thumb.offsetHeight);\n          thumb.style.transform = `translate3d(0, ${offset}px, 0)`;\n        }\n      }\n    };\n    const schedule = () => {\n      if (!frame) frame = requestAnimationFrame(write);\n    };\n    viewport.addEventListener('scroll', schedule, { passive: true });\n    return () => {\n      if (frame) cancelAnimationFrame(frame);\n      viewport.removeEventListener('scroll', schedule);\n    };\n  }, [viewport]);\n\n  return setViewport;\n}\n\n/** Radix's mapping: scroll position over its range, onto the room the thumb has to travel. */\nfunction thumbOffset(position: number, range: number, travel: number) {\n  if (range <= 0 || travel <= 0) return 0;\n  // Right-to-left scrolls run from -range to 0; the thumb then travels from -travel to 0.\n  const clamped = Math.min(Math.max(position, -range), range);\n  return (clamped / range) * travel;\n}\n", "import * as React from 'react';\n\n/**\n * This is a helper function that is used when a component supports `asChild`\n * using the `Slot` component but its implementation contains nested DOM elements.\n *\n * Using it ensures if a consumer uses the `asChild` prop, the elements are in\n * correct order in the DOM, adopting the intended consumer `children`.\n */\nexport function getSubtree(\n  options: { asChild: boolean | undefined; children: React.ReactNode },\n  content: React.ReactNode | ((children: React.ReactNode) => React.ReactNode)\n) {\n  const { asChild, children } = options;\n  if (!asChild) return typeof content === 'function' ? content(children) : content;\n\n  const firstChild = React.Children.only(children) as React.ReactElement;\n  return React.cloneElement(firstChild, {\n    // @ts-expect-error\n    children: typeof content === 'function' ? content(firstChild.props.children) : content,\n  });\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client';\n\n/**\n * A pane's own chrome: a header row, a scrolling region and a footer row.\n *\n * Shell.Sidebar and Shell.Panel render these as `Shell.PaneHeader`, `Shell.Scroll` and\n * `Shell.PaneFooter`. The pane renders anything; with these parts it is the presentation, so\n * Sidebar's menu parts work inside it with no `Sidebar.Root`. The index comes from the nearest\n * Shell (`Shell.Root size`), or from a deprecated `Sidebar.Root` that still wraps them.\n */\n\nimport * as React from 'react';\nimport classNames from 'classnames';\n\nimport { ScrollArea } from '../scroll-area.js';\n\ntype PaneSize = '1' | '2' | '3';\n\ntype SidebarVisualContextValue = {\n  size: PaneSize;\n  menuVariant: 'solid' | 'soft';\n  presentation?: 'thin' | 'expanded';\n  color?: string;\n};\n\n/** Size, menu highlight and presentation for the Sidebar parts. Internal: not exported. */\nconst SidebarVisualContext = React.createContext<SidebarVisualContextValue | null>(null);\n\nfunction useSidebarVisual() {\n  return React.useContext(SidebarVisualContext);\n}\n\n/** The Shell's index. `Shell.Root size` sets it; panes hand it to their chrome. */\nconst ShellSizeContext = React.createContext<PaneSize>('2');\n\n/**\n * Gives a Shell pane's children the Shell's index, so Sidebar parts size themselves. In a Rail\n * the rows are `thin`: icon tiles with a small label, sub-menus as dropdowns.\n */\nfunction PaneChromeScope({ children, presentation }: { children: React.ReactNode; presentation?: 'thin' }) {\n  const size = React.useContext(ShellSizeContext);\n  const value = React.useMemo<SidebarVisualContextValue>(() => ({ size, menuVariant: 'soft', presentation }), [size, presentation]);\n  return <SidebarVisualContext.Provider value={value}>{children}</SidebarVisualContext.Provider>;\n}\n\nfunction useChromeClasses() {\n  const visual = useSidebarVisual();\n  // A pane with no scope (Inspector, Bottom) still takes the Shell's index.\n  const shellSize = React.useContext(ShellSizeContext);\n  const size = visual?.size ?? shellSize;\n  const menuVariant = visual?.menuVariant ?? 'soft';\n  return ['kui-ShellPaneChrome', `kui-r-size-${size}`, `kui-menu-variant-${menuVariant}`];\n}\n\ntype BandSize = '1' | '2' | '3' | '4';\n\n/**\n * The index a Toolbar in a pane's header or footer rests at when it states none: one step above\n * the Shell's, so the band reads as chrome over the rows (v2 BAND_STEP). 4 has no step above.\n */\nconst BAND_STEP = { '1': '2', '2': '3', '3': '4', '4': '4' } as const satisfies Record<BandSize, BandSize>;\n\n/** Set by `Shell.PaneHeader` and `Shell.PaneFooter`; read by Toolbar as its fallback size. Null elsewhere. */\nconst PaneBandSizeContext = React.createContext<BandSize | null>(null);\n\nfunction usePaneBandSize() {\n  return React.useContext(PaneBandSizeContext);\n}\n\nfunction useBandSize(): BandSize {\n  const visual = useSidebarVisual();\n  const shellSize = React.useContext(ShellSizeContext);\n  return BAND_STEP[visual?.size ?? shellSize];\n}\n\ninterface PaneHeaderProps extends React.ComponentPropsWithoutRef<'div'> {\n  /**\n   * Floats the row over the top of `Shell.Scroll`, so the list scrolls behind it. The list\n   * starts below the row, and `Shell.Scroll fade` fades it out under the row. The row paints\n   * nothing and lets clicks through between its controls; a `Toolbar backdrop` in it keeps\n   * the controls readable.\n   */\n  float?: boolean;\n}\n\n/** A pane's header row, pinned above its scrolling region. */\nconst PaneHeader = React.forwardRef<HTMLDivElement, PaneHeaderProps>(({ className, float, children, ...props }, forwardedRef) => {\n  const chrome = useChromeClasses();\n  const band = useBandSize();\n  return (\n    <div\n      {...props}\n      ref={forwardedRef}\n      data-float={float || undefined}\n      className={classNames('kui-ShellPaneHeader', 'kui-SidebarHeader', 'kui-SidebarHeader--container', ...chrome, className)}\n    >\n      <PaneBandSizeContext.Provider value={band}>{children}</PaneBandSizeContext.Provider>\n    </div>\n  );\n});\nPaneHeader.displayName = 'Shell.PaneHeader';\n\ninterface PaneFooterProps extends React.ComponentPropsWithoutRef<'div'> {\n  /** Floats the row over the bottom of `Shell.Scroll`, the way `Shell.PaneHeader float` does at the top. */\n  float?: boolean;\n}\n\n/** A pane's footer row, pinned below its scrolling region. */\nconst PaneFooter = React.forwardRef<HTMLDivElement, PaneFooterProps>(({ className, float, children, ...props }, forwardedRef) => {\n  const chrome = useChromeClasses();\n  const band = useBandSize();\n  return (\n    <div\n      {...props}\n      ref={forwardedRef}\n      data-float={float || undefined}\n      className={classNames('kui-ShellPaneFooter', 'kui-SidebarFooter', 'kui-SidebarFooter--container', ...chrome, className)}\n    >\n      <PaneBandSizeContext.Provider value={band}>{children}</PaneBandSizeContext.Provider>\n    </div>\n  );\n});\nPaneFooter.displayName = 'Shell.PaneFooter';\n\ninterface ScrollProps extends React.ComponentPropsWithoutRef<'div'> {\n  /** Fades the list out toward an edge with more past it, and under a floating header or footer. */\n  fade?: boolean;\n}\n\n/**\n * The one region of a pane that scrolls; it takes the room the header and footer leave.\n * It is not a landmark: for navigation, pass `role=\"navigation\"` and an `aria-label`.\n */\nconst Scroll = React.forwardRef<HTMLDivElement, ScrollProps>(({ className, children, fade = false, ...props }, forwardedRef) => {\n  const chrome = useChromeClasses();\n  return (\n    <ScrollArea type=\"hover\" fade={fade} className=\"kui-ShellScroll\">\n      <div {...props} ref={forwardedRef} className={classNames('kui-BaseMenuContent', 'kui-SidebarContent', ...chrome, className)}>\n        {/* A header's band does not reach a Toolbar in the scrolling list. */}\n        <PaneBandSizeContext.Provider value={null}>\n          <div className=\"kui-BaseMenuViewport\">{children}</div>\n        </PaneBandSizeContext.Provider>\n      </div>\n    </ScrollArea>\n  );\n});\nScroll.displayName = 'Shell.Scroll';\n\nexport { SidebarVisualContext, useSidebarVisual, ShellSizeContext, PaneChromeScope, PaneHeader, PaneFooter, Scroll, BAND_STEP, usePaneBandSize };\nexport type { SidebarVisualContextValue, PaneSize, BandSize, PaneHeaderProps, PaneFooterProps, ScrollProps };\n", "import * as React from 'react';\nimport classNames from 'classnames';\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\nimport { useComposedRefs } from 'radix-ui/internal';\n\nimport { scrollAreaPropDefs } from './scroll-area.props.js';\nimport { useScrollEdges } from '../hooks/use-scroll-edges.js';\nimport { useThumbSync } from '../hooks/use-thumb-sync.js';\nimport { getSubtree } from '../helpers/get-subtree.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype ScrollAreaElement = React.ElementRef<typeof ScrollAreaPrimitive.Viewport>;\ntype ScrollAreaOwnProps = GetPropDefTypes<typeof scrollAreaPropDefs>;\ninterface ScrollAreaProps\n  extends ComponentPropsWithout<typeof ScrollAreaPrimitive.Root, RemovedProps>,\n    ComponentPropsWithout<typeof ScrollAreaPrimitive.Viewport, RemovedProps | 'dir'>,\n    ScrollAreaOwnProps {}\nconst ScrollArea = React.forwardRef<ScrollAreaElement, ScrollAreaProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    children,\n    className,\n    style,\n    type,\n    scrollHideDelay = type !== 'scroll' ? 0 : undefined,\n    dir,\n    radius = scrollAreaPropDefs.radius.default,\n    scrollbars = scrollAreaPropDefs.scrollbars.default,\n    fade = scrollAreaPropDefs.fade.default,\n    ...viewportProps\n  } = props;\n  const setEdgesElement = useScrollEdges<HTMLDivElement>(fade);\n  const setThumbViewport = useThumbSync<HTMLDivElement>();\n  const viewportRef = useComposedRefs(forwardedRef, setEdgesElement, setThumbViewport);\n\n  return (\n    <ScrollAreaPrimitive.Root\n      type={type}\n      scrollHideDelay={scrollHideDelay}\n      className={classNames('kui-ScrollAreaRoot', className)}\n      data-fade={fade ? '' : undefined}\n      style={style}\n      asChild={asChild}\n    >\n      {getSubtree({ asChild, children }, (children) => (\n        <>\n          <ScrollAreaPrimitive.Viewport\n            {...viewportProps}\n            ref={viewportRef}\n            className=\"kui-ScrollAreaViewport\"\n          >\n            {children}\n          </ScrollAreaPrimitive.Viewport>\n\n          <div className=\"kui-ScrollAreaViewportFocusRing\" />\n\n          {scrollbars !== 'vertical' ? (\n            <ScrollAreaPrimitive.Scrollbar\n              data-radius={radius}\n              orientation=\"horizontal\"\n              className=\"kui-ScrollAreaScrollbar\"\n            >\n              <ScrollAreaPrimitive.Thumb className=\"kui-ScrollAreaThumb\" />\n            </ScrollAreaPrimitive.Scrollbar>\n          ) : null}\n\n          {scrollbars !== 'horizontal' ? (\n            <ScrollAreaPrimitive.Scrollbar\n              data-radius={radius}\n              orientation=\"vertical\"\n              className=\"kui-ScrollAreaScrollbar\"\n            >\n              <ScrollAreaPrimitive.Thumb className=\"kui-ScrollAreaThumb\" />\n            </ScrollAreaPrimitive.Scrollbar>\n          ) : null}\n\n          {scrollbars === 'both' ? (\n            <ScrollAreaPrimitive.Corner className=\"kui-ScrollAreaCorner\" />\n          ) : null}\n        </>\n      ))}\n    </ScrollAreaPrimitive.Root>\n  );\n});\nScrollArea.displayName = 'ScrollArea';\n\nexport { ScrollArea };\nexport type { ScrollAreaProps };\n", "import type { PropDef } from './prop-def.js';\n\nconst asChildPropDef = {\n  /**\n   * Composes the component into its immediate child instead of rendering its own HTML element.\n   * You\u2019ll have to provide a single React Element child.\n   */\n  asChild: {\n    type: 'boolean',\n  },\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nexport { asChildPropDef };\n", "import type { PropDef } from './prop-def.js';\n\nconst radii = ['none', 'small', 'medium', 'large', 'full'] as const;\n\nconst radiusPropDef = {\n  radius: {\n    type: 'enum',\n    values: radii,\n    default: undefined,\n  },\n} satisfies {\n  radius: PropDef<(typeof radii)[number]>;\n};\n\nexport { radiusPropDef, radii };\n", "import { asChildPropDef } from '../props/as-child.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst scrollbarsValues = ['vertical', 'horizontal', 'both'] as const;\n\nconst scrollAreaPropDefs = {\n  ...asChildPropDef,\n  ...radiusPropDef,\n  scrollbars: { type: 'enum', values: scrollbarsValues, default: 'both' },\n  /**\n   * Fades the content toward the top and bottom edges while there is more content past them.\n   * An edge with nothing hidden past it does not fade. A floating band over an edge can set\n   * `--scroll-fade-start` or `--scroll-fade-end` to its height, so content fades as it passes\n   * under the band.\n   */\n  fade: { type: 'boolean', default: false },\n} satisfies {\n  scrollbars: PropDef<(typeof scrollbarsValues)[number]>;\n  fade: PropDef<boolean>;\n};\n\nexport { scrollAreaPropDefs };\n", "import * as React from 'react';\n\n/**\n * Publishes how much content is hidden past each block edge of a scroller, as\n * `--scroll-overflow-start` and `--scroll-overflow-end` (px) on the element.\n * The scroll fade reads them, so an edge fades only while content is hidden\n * there, and the fade ramps in over the first pixels of scrolling.\n *\n * Writes happen at most once per frame, on scroll and when the element or its\n * content resizes. Nothing re-renders.\n */\nexport function useScrollEdges<T extends HTMLElement>(enabled: boolean) {\n  const [element, setElement] = React.useState<T | null>(null);\n\n  React.useEffect(() => {\n    if (!enabled || !element) return;\n    let frame = 0;\n    const write = () => {\n      frame = 0;\n      const start = Math.max(0, element.scrollTop);\n      const end = Math.max(0, element.scrollHeight - element.clientHeight - element.scrollTop);\n      element.style.setProperty('--scroll-overflow-start', `${start}px`);\n      element.style.setProperty('--scroll-overflow-end', `${end}px`);\n    };\n    const schedule = () => {\n      if (!frame) frame = requestAnimationFrame(write);\n    };\n    write();\n    element.addEventListener('scroll', schedule, { passive: true });\n    const observer = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(schedule);\n    observer?.observe(element);\n    for (const child of Array.from(element.children)) observer?.observe(child);\n    const mutations = typeof MutationObserver === 'undefined' ? null : new MutationObserver(schedule);\n    mutations?.observe(element, { childList: true });\n    return () => {\n      if (frame) cancelAnimationFrame(frame);\n      element.removeEventListener('scroll', schedule);\n      observer?.disconnect();\n      mutations?.disconnect();\n      element.style.removeProperty('--scroll-overflow-start');\n      element.style.removeProperty('--scroll-overflow-end');\n    };\n  }, [enabled, element]);\n\n  return setElement;\n}\n", "import * as React from 'react';\n\n/**\n * Keeps a Radix ScrollArea's thumbs on the scroll position on every scroll.\n *\n * Radix moves a thumb from a requestAnimationFrame loop it starts on the first scroll event of a\n * burst. Next's production minifier compiles that self-calling loop away, so in a production\n * build the thumb moves once, sits while the content scrolls, and jumps when the next burst\n * starts. This writes the transform Radix would, at most once per frame. Nothing re-renders.\n *\n * Pass the hook's setter as a ref on `ScrollArea.Viewport`; the scrollbars are its siblings.\n */\nexport function useThumbSync<T extends HTMLElement>() {\n  const [viewport, setViewport] = React.useState<T | null>(null);\n\n  React.useEffect(() => {\n    const root = viewport?.parentElement;\n    if (!viewport || !root) return;\n    let frame = 0;\n    const write = () => {\n      frame = 0;\n      for (const thumb of root.querySelectorAll<HTMLElement>(':scope > .kui-ScrollAreaScrollbar > .kui-ScrollAreaThumb')) {\n        const scrollbar = thumb.parentElement as HTMLElement;\n        const style = getComputedStyle(scrollbar);\n        if (scrollbar.dataset.orientation === 'horizontal') {\n          const track = scrollbar.clientWidth - parseFloat(style.paddingLeft) - parseFloat(style.paddingRight);\n          const offset = thumbOffset(viewport.scrollLeft, viewport.scrollWidth - viewport.offsetWidth, track - thumb.offsetWidth);\n          thumb.style.transform = `translate3d(${offset}px, 0, 0)`;\n        } else {\n          const track = scrollbar.clientHeight - parseFloat(style.paddingTop) - parseFloat(style.paddingBottom);\n          const offset = thumbOffset(viewport.scrollTop, viewport.scrollHeight - viewport.offsetHeight, track - thumb.offsetHeight);\n          thumb.style.transform = `translate3d(0, ${offset}px, 0)`;\n        }\n      }\n    };\n    const schedule = () => {\n      if (!frame) frame = requestAnimationFrame(write);\n    };\n    viewport.addEventListener('scroll', schedule, { passive: true });\n    return () => {\n      if (frame) cancelAnimationFrame(frame);\n      viewport.removeEventListener('scroll', schedule);\n    };\n  }, [viewport]);\n\n  return setViewport;\n}\n\n/** Radix's mapping: scroll position over its range, onto the room the thumb has to travel. */\nfunction thumbOffset(position: number, range: number, travel: number) {\n  if (range <= 0 || travel <= 0) return 0;\n  // Right-to-left scrolls run from -range to 0; the thumb then travels from -travel to 0.\n  const clamped = Math.min(Math.max(position, -range), range);\n  return (clamped / range) * travel;\n}\n", "import * as React from 'react';\n\n/**\n * This is a helper function that is used when a component supports `asChild`\n * using the `Slot` component but its implementation contains nested DOM elements.\n *\n * Using it ensures if a consumer uses the `asChild` prop, the elements are in\n * correct order in the DOM, adopting the intended consumer `children`.\n */\nexport function getSubtree(\n  options: { asChild: boolean | undefined; children: React.ReactNode },\n  content: React.ReactNode | ((children: React.ReactNode) => React.ReactNode)\n) {\n  const { asChild, children } = options;\n  if (!asChild) return typeof content === 'function' ? content(children) : content;\n\n  const firstChild = React.Children.only(children) as React.ReactElement;\n  return React.cloneElement(firstChild, {\n    // @ts-expect-error\n    children: typeof content === 'function' ? content(firstChild.props.children) : content,\n  });\n}\n"],
+  "mappings": "ukBAAA,IAAAA,GAAA,GAAAC,EAAAD,GAAA,eAAAE,EAAA,oBAAAC,GAAA,eAAAC,EAAA,eAAAC,EAAA,WAAAC,EAAA,qBAAAC,EAAA,yBAAAC,EAAA,oBAAAC,GAAA,qBAAAC,IAAA,eAAAC,EAAAX,IAWA,IAAAY,EAAuB,oBACvBC,EAAuB,yBCZvB,IAAAC,EAAuB,oBACvBC,EAAuB,yBACvBC,EAAkD,oBAClDC,EAAgC,6BCDhC,IAAMC,EAAiB,CAKrB,QAAS,CACP,KAAM,SACR,CACF,ECRA,IAAMC,GAAQ,CAAC,OAAQ,QAAS,SAAU,QAAS,MAAM,EAEnDC,EAAgB,CACpB,OAAQ,CACN,KAAM,OACN,OAAQD,GACR,QAAS,MACX,CACF,ECLA,IAAME,GAAmB,CAAC,WAAY,aAAc,MAAM,EAEpDC,EAAqB,CACzB,GAAGC,EACH,GAAGC,EACH,WAAY,CAAE,KAAM,OAAQ,OAAQH,GAAkB,QAAS,MAAO,EAOtE,KAAM,CAAE,KAAM,UAAW,QAAS,EAAM,CAC1C,EClBA,IAAAI,EAAuB,oBAWhB,SAASC,EAAsCC,EAAkB,CACtE,GAAM,CAACC,EAASC,CAAU,EAAU,WAAmB,IAAI,EAE3D,OAAM,YAAU,IAAM,CACpB,GAAI,CAACF,GAAW,CAACC,EAAS,OAC1B,IAAIE,EAAQ,EACNC,EAAQ,IAAM,CAClBD,EAAQ,EACR,IAAME,EAAQ,KAAK,IAAI,EAAGJ,EAAQ,SAAS,EACrCK,EAAM,KAAK,IAAI,EAAGL,EAAQ,aAAeA,EAAQ,aAAeA,EAAQ,SAAS,EACvFA,EAAQ,MAAM,YAAY,0BAA2B,GAAGI,CAAK,IAAI,EACjEJ,EAAQ,MAAM,YAAY,wBAAyB,GAAGK,CAAG,IAAI,CAC/D,EACMC,EAAW,IAAM,CAChBJ,IAAOA,EAAQ,sBAAsBC,CAAK,EACjD,EACAA,EAAM,EACNH,EAAQ,iBAAiB,SAAUM,EAAU,CAAE,QAAS,EAAK,CAAC,EAC9D,IAAMC,EAAW,OAAO,eAAmB,IAAc,KAAO,IAAI,eAAeD,CAAQ,EAC3FC,GAAU,QAAQP,CAAO,EACzB,QAAWQ,KAAS,MAAM,KAAKR,EAAQ,QAAQ,EAAGO,GAAU,QAAQC,CAAK,EACzE,IAAMC,EAAY,OAAO,iBAAqB,IAAc,KAAO,IAAI,iBAAiBH,CAAQ,EAChG,OAAAG,GAAW,QAAQT,EAAS,CAAE,UAAW,EAAK,CAAC,EACxC,IAAM,CACPE,GAAO,qBAAqBA,CAAK,EACrCF,EAAQ,oBAAoB,SAAUM,CAAQ,EAC9CC,GAAU,WAAW,EACrBE,GAAW,WAAW,EACtBT,EAAQ,MAAM,eAAe,yBAAyB,EACtDA,EAAQ,MAAM,eAAe,uBAAuB,CACtD,CACF,EAAG,CAACD,EAASC,CAAO,CAAC,EAEdC,CACT,CC7CA,IAAAS,EAAuB,oBAYhB,SAASC,GAAsC,CACpD,GAAM,CAACC,EAAUC,CAAW,EAAU,WAAmB,IAAI,EAE7D,OAAM,YAAU,IAAM,CACpB,IAAMC,EAAOF,GAAU,cACvB,GAAI,CAACA,GAAY,CAACE,EAAM,OACxB,IAAIC,EAAQ,EACNC,EAAQ,IAAM,CAClBD,EAAQ,EACR,QAAWE,KAASH,EAAK,iBAA8B,0DAA0D,EAAG,CAClH,IAAMI,EAAYD,EAAM,cAClBE,EAAQ,iBAAiBD,CAAS,EACxC,GAAIA,EAAU,QAAQ,cAAgB,aAAc,CAClD,IAAME,EAAQF,EAAU,YAAc,WAAWC,EAAM,WAAW,EAAI,WAAWA,EAAM,YAAY,EAC7FE,EAASC,EAAYV,EAAS,WAAYA,EAAS,YAAcA,EAAS,YAAaQ,EAAQH,EAAM,WAAW,EACtHA,EAAM,MAAM,UAAY,eAAeI,CAAM,WAC/C,KAAO,CACL,IAAMD,EAAQF,EAAU,aAAe,WAAWC,EAAM,UAAU,EAAI,WAAWA,EAAM,aAAa,EAC9FE,EAASC,EAAYV,EAAS,UAAWA,EAAS,aAAeA,EAAS,aAAcQ,EAAQH,EAAM,YAAY,EACxHA,EAAM,MAAM,UAAY,kBAAkBI,CAAM,QAClD,CACF,CACF,EACME,EAAW,IAAM,CAChBR,IAAOA,EAAQ,sBAAsBC,CAAK,EACjD,EACA,OAAAJ,EAAS,iBAAiB,SAAUW,EAAU,CAAE,QAAS,EAAK,CAAC,EACxD,IAAM,CACPR,GAAO,qBAAqBA,CAAK,EACrCH,EAAS,oBAAoB,SAAUW,CAAQ,CACjD,CACF,EAAG,CAACX,CAAQ,CAAC,EAENC,CACT,CAGA,SAASS,EAAYE,EAAkBC,EAAeC,EAAgB,CACpE,OAAID,GAAS,GAAKC,GAAU,EAAU,EAEtB,KAAK,IAAI,KAAK,IAAIF,EAAU,CAACC,CAAK,EAAGA,CAAK,EACxCA,EAASC,CAC7B,CCtDA,IAAAC,EAAuB,oBAShB,SAASC,EACdC,EACAC,EACA,CACA,GAAM,CAAE,QAAAC,EAAS,SAAAC,CAAS,EAAIH,EAC9B,GAAI,CAACE,EAAS,OAAO,OAAOD,GAAY,WAAaA,EAAQE,CAAQ,EAAIF,EAEzE,IAAMG,EAAmB,WAAS,KAAKD,CAAQ,EAC/C,OAAa,eAAaC,EAAY,CAEpC,SAAU,OAAOH,GAAY,WAAaA,EAAQG,EAAW,MAAM,QAAQ,EAAIH,CACjF,CAAC,CACH,CNFA,IAAMI,EAAmB,aAA+C,CAACC,EAAOC,IAAiB,CAC/F,GAAM,CACJ,QAAAC,EACA,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,KAAAC,EACA,gBAAAC,EAAkBD,IAAS,SAAW,EAAI,OAC1C,IAAAE,EACA,OAAAC,EAASC,EAAmB,OAAO,QACnC,WAAAC,EAAaD,EAAmB,WAAW,QAC3C,KAAAE,EAAOF,EAAmB,KAAK,QAC/B,GAAGG,CACL,EAAIb,EACEc,EAAkBC,EAA+BH,CAAI,EACrDI,EAAmBC,EAA6B,EAChDC,KAAc,mBAAgBjB,EAAca,EAAiBE,CAAgB,EAEnF,OACE,gBAAC,EAAAG,WAAoB,KAApB,CACC,KAAMb,EACN,gBAAiBC,EACjB,aAAW,EAAAa,SAAW,qBAAsBhB,CAAS,EACrD,YAAWQ,EAAO,GAAK,OACvB,MAAOP,EACP,QAASH,GAERmB,EAAW,CAAE,QAAAnB,EAAS,SAAAC,CAAS,EAAIA,GAClC,gCACE,gBAAC,EAAAgB,WAAoB,SAApB,CACE,GAAGN,EACJ,IAAKK,EACL,UAAU,0BAETf,CACH,EAEA,gBAAC,OAAI,UAAU,kCAAkC,EAEhDQ,IAAe,WACd,gBAAC,EAAAQ,WAAoB,UAApB,CACC,cAAaV,EACb,YAAY,aACZ,UAAU,2BAEV,gBAAC,EAAAU,WAAoB,MAApB,CAA0B,UAAU,sBAAsB,CAC7D,EACE,KAEHR,IAAe,aACd,gBAAC,EAAAQ,WAAoB,UAApB,CACC,cAAaV,EACb,YAAY,WACZ,UAAU,2BAEV,gBAAC,EAAAU,WAAoB,MAApB,CAA0B,UAAU,sBAAsB,CAC7D,EACE,KAEHR,IAAe,OACd,gBAAC,EAAAQ,WAAoB,OAApB,CAA2B,UAAU,uBAAuB,EAC3D,IACN,CACD,CACH,CAEJ,CAAC,EACDpB,EAAW,YAAc,aD5DzB,IAAMuB,EAA6B,gBAAgD,IAAI,EAEvF,SAASC,GAAmB,CAC1B,OAAa,aAAWD,CAAoB,CAC9C,CAGA,IAAME,EAAyB,gBAAwB,GAAG,EAM1D,SAASC,GAAgB,CAAE,SAAAC,EAAU,aAAAC,CAAa,EAAyD,CACzG,IAAMC,EAAa,aAAWJ,CAAgB,EACxCK,EAAc,UAAmC,KAAO,CAAE,KAAAD,EAAM,YAAa,OAAQ,aAAAD,CAAa,GAAI,CAACC,EAAMD,CAAY,CAAC,EAChI,OAAO,gBAACL,EAAqB,SAArB,CAA8B,MAAOO,GAAQH,CAAS,CAChE,CAEA,SAASI,GAAmB,CAC1B,IAAMC,EAASR,EAAiB,EAE1BS,EAAkB,aAAWR,CAAgB,EAC7CI,EAAOG,GAAQ,MAAQC,EACvBC,EAAcF,GAAQ,aAAe,OAC3C,MAAO,CAAC,sBAAuB,cAAcH,CAAI,GAAI,oBAAoBK,CAAW,EAAE,CACxF,CAQA,IAAMC,EAAY,CAAE,EAAK,IAAK,EAAK,IAAK,EAAK,IAAK,EAAK,GAAI,EAGrDC,EAA4B,gBAA+B,IAAI,EAErE,SAASC,IAAkB,CACzB,OAAa,aAAWD,CAAmB,CAC7C,CAEA,SAASE,GAAwB,CAC/B,IAAMN,EAASR,EAAiB,EAC1BS,EAAkB,aAAWR,CAAgB,EACnD,OAAOU,EAAUH,GAAQ,MAAQC,CAAS,CAC5C,CAaA,IAAMM,EAAmB,aAA4C,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,SAAAd,EAAU,GAAGe,CAAM,EAAGC,IAAiB,CAC/H,IAAMC,EAASb,EAAiB,EAC1Bc,EAAOP,EAAY,EACzB,OACE,gBAAC,OACE,GAAGI,EACJ,IAAKC,EACL,aAAYF,GAAS,OACrB,aAAW,EAAAK,SAAW,sBAAuB,oBAAqB,+BAAgC,GAAGF,EAAQJ,CAAS,GAEtH,gBAACJ,EAAoB,SAApB,CAA6B,MAAOS,GAAOlB,CAAS,CACvD,CAEJ,CAAC,EACDY,EAAW,YAAc,mBAQzB,IAAMQ,EAAmB,aAA4C,CAAC,CAAE,UAAAP,EAAW,MAAAC,EAAO,SAAAd,EAAU,GAAGe,CAAM,EAAGC,IAAiB,CAC/H,IAAMC,EAASb,EAAiB,EAC1Bc,EAAOP,EAAY,EACzB,OACE,gBAAC,OACE,GAAGI,EACJ,IAAKC,EACL,aAAYF,GAAS,OACrB,aAAW,EAAAK,SAAW,sBAAuB,oBAAqB,+BAAgC,GAAGF,EAAQJ,CAAS,GAEtH,gBAACJ,EAAoB,SAApB,CAA6B,MAAOS,GAAOlB,CAAS,CACvD,CAEJ,CAAC,EACDoB,EAAW,YAAc,mBAWzB,IAAMC,EAAe,aAAwC,CAAC,CAAE,UAAAR,EAAW,SAAAb,EAAU,KAAAsB,EAAO,GAAO,GAAGP,CAAM,EAAGC,IAAiB,CAC9H,IAAMC,EAASb,EAAiB,EAChC,OACE,gBAACmB,EAAA,CAAW,KAAK,QAAQ,KAAMD,EAAM,UAAU,mBAC7C,gBAAC,OAAK,GAAGP,EAAO,IAAKC,EAAc,aAAW,EAAAG,SAAW,sBAAuB,qBAAsB,GAAGF,EAAQJ,CAAS,GAExH,gBAACJ,EAAoB,SAApB,CAA6B,MAAO,MACnC,gBAAC,OAAI,UAAU,wBAAwBT,CAAS,CAClD,CACF,CACF,CAEJ,CAAC,EACDqB,EAAO,YAAc",
   "names": ["pane_chrome_exports", "__export", "BAND_STEP", "PaneChromeScope", "PaneFooter", "PaneHeader", "Scroll", "ShellSizeContext", "SidebarVisualContext", "usePaneBandSize", "useSidebarVisual", "__toCommonJS", "React", "import_classnames", "React", "import_classnames", "import_radix_ui", "import_internal", "asChildPropDef", "radii", "radiusPropDef", "scrollbarsValues", "scrollAreaPropDefs", "asChildPropDef", "radiusPropDef", "React", "useScrollEdges", "enabled", "element", "setElement", "frame", "write", "start", "end", "schedule", "observer", "child", "mutations", "React", "useThumbSync", "viewport", "setViewport", "root", "frame", "write", "thumb", "scrollbar", "style", "track", "offset", "thumbOffset", "schedule", "position", "range", "travel", "React", "getSubtree", "options", "content", "asChild", "children", "firstChild", "ScrollArea", "props", "forwardedRef", "asChild", "children", "className", "style", "type", "scrollHideDelay", "dir", "radius", "scrollAreaPropDefs", "scrollbars", "fade", "viewportProps", "setEdgesElement", "useScrollEdges", "setThumbViewport", "useThumbSync", "viewportRef", "ScrollAreaPrimitive", "classNames", "getSubtree", "SidebarVisualContext", "useSidebarVisual", "ShellSizeContext", "PaneChromeScope", "children", "presentation", "size", "value", "useChromeClasses", "visual", "shellSize", "menuVariant", "BAND_STEP", "PaneBandSizeContext", "usePaneBandSize", "useBandSize", "PaneHeader", "className", "float", "props", "forwardedRef", "chrome", "band", "classNames", "PaneFooter", "Scroll", "fade", "ScrollArea"]
 }

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

@@ -1,2 +1,2 @@
-"use strict";"use client";var at=Object.create;var ce=Object.defineProperty;var it=Object.getOwnPropertyDescriptor;var st=Object.getOwnPropertyNames;var lt=Object.getPrototypeOf,ut=Object.prototype.hasOwnProperty;var ct=(e,t)=>{for(var n in t)ce(e,n,{get:t[n],enumerable:!0})},Me=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of st(t))!ut.call(e,r)&&r!==n&&ce(e,r,{get:()=>t[r],enumerable:!(o=it(t,r))||o.enumerable});return e};var J=(e,t,n)=>(n=e!=null?at(lt(e)):{},Me(t||!e||!e.__esModule?ce(n,"default",{value:e,enumerable:!0}):n,e)),dt=e=>Me(ce({},"__esModule",{value:!0}),e);var Ct={};ct(Ct,{Bottom:()=>Ce});module.exports=dt(Ct);var q=J(require("react")),et=J(require("classnames")),tt=require("radix-ui/internal");var de=J(require("react")),ge=de.createContext(null);function Ie(){let e=de.useContext(ge);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:t,...n},o)=>{let{containerRef:r,controls:p,cssVarName:b,minSize:V,maxSize:w,defaultSize:E,orientation:P,edge:A,growth:g,onResize:T,onResizeStart:Y,onResizeEnd:M,snapPoints:L,snapTolerance:v,collapseThreshold:I,collapsible:N,target:D,requestCollapse:j,requestToggle:O}=Ie(),B=h.useRef(null),_=h.useCallback(i=>{B.current=i,typeof o=="function"?o(i):o&&(o.current=i)},[o]),a=h.useRef(null);h.useEffect(()=>()=>{a.current?.(),a.current=null},[]);let u=h.useCallback(()=>{let i=r.current;if(!i)return E;let c=Number.parseFloat(getComputedStyle(i).getPropertyValue(b));return Number.isFinite(c)?c:E},[r,b,E]),y=h.useCallback(()=>{let i=r.current,c=B.current,f=i?.closest(".rt-ShellRoot")?.getBoundingClientRect();if(!i||!f||!c)return w;let R=i.getBoundingClientRect(),k=c.getBoundingClientRect(),C=g(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)))},[r,g,w,V,P]),S=()=>{B.current?.setAttribute("aria-valuemax",String(y()))};h.useLayoutEffect(()=>{B.current?.setAttribute("aria-valuenow",String(Math.round(u())))},[u]);let x=(i,c)=>{i.style.setProperty(b,`${c}px`),B.current?.setAttribute("aria-valuenow",String(Math.round(c)))},K=D.charAt(0).toUpperCase()+D.slice(1);return h.createElement("div",{ref:_,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,...n,onPointerDown:i=>{n.onPointerDown?.(i);let c=r.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=g(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,nt=G.style.cursor,ot=G.style.userSelect;G.style.cursor=P==="vertical"?"col-resize":"row-resize",G.style.userSelect="none",Y?.(m);let Z=m,Re=m,U=0,re=null,Te=()=>{if(U=0,re===null)return;let z=re;re=null,T?.(z)},Le=null,ke=!1,rt=(z,ne)=>{if(z.type===ne)ke=!0;else if(ke)return!1;return!0},X=z=>{if(!rt(z,"pointermove")||z===Le)return;Le=z;let ne=P==="vertical"?z.clientX:z.clientY;Re=m+(ne-W)*s,Z=Q(Re),x(c,Z),re=Z,U||(U=requestAnimationFrame(Te))},ue=()=>{U&&cancelAnimationFrame(U),U=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=nt,G.style.userSelect=ot,a.current=null},he=!1,H=()=>{if(he)return;if(he=!0,U&&cancelAnimationFrame(U),Te(),N&&typeof I=="number"&&Re<=I){x(c,m),T?.(m),ue(),j?.(),M?.(m);return}let z=Z;if(L&&L.length){let ne=L.reduce((Ne,Be)=>Math.abs(Be-Z)<Math.abs(Ne-Z)?Be:Ne,L[0]);Math.abs(ne-Z)<=v&&(z=Q(ne),x(c,z),T?.(z))}M?.(z),ue()},Ve=z=>{z.key==="Escape"&&(U&&cancelAnimationFrame(U),U=0,re=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=>{n.onDoubleClick?.(i),!i.defaultPrevented&&N&&O?.()},onFocus:i=>{n.onFocus?.(i),S()},onKeyDown:i=>{n.onKeyDown?.(i);let c=r.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*g(getComputedStyle(c).direction==="rtl"))}i.preventDefault(),Y?.(f),x(c,C),T?.(C),M?.(C)}},t)});ee.displayName="Shell.Handle";var pt=h.forwardRef((e,t)=>h.createElement(ee,{...e,ref:t}));pt.displayName="Shell.Panel.Handle";var ft=h.forwardRef((e,t)=>h.createElement(ee,{...e,ref:t}));ft.displayName="Shell.Sidebar.Handle";var mt=h.forwardRef((e,t)=>h.createElement(ee,{...e,ref:t}));mt.displayName="Shell.Inspector.Handle";var pe=h.forwardRef((e,t)=>h.createElement(ee,{...e,ref:t}));pe.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 bt=Object.entries(He),ve=null,ae=new Set,te=null;function Pe(){return ve??(ve=bt.map(([e,t])=>[e,window.matchMedia(t)])),ve}function be(){let e="initial";for(let[t,n]of Pe())n.matches&&(e=t);return e}function me(){let e=be();e!==te&&(te=e,ae.forEach(t=>t()))}function Ae(e){if(typeof window>"u")return()=>{};if(ae.size===0){te=be();for(let[,t]of Pe())typeof t.addEventListener=="function"?t.addEventListener("change",me):t.addListener?.(me)}return ae.add(e),()=>{if(ae.delete(e),!(ae.size>0)){for(let[,t]of Pe())try{typeof t.removeEventListener=="function"?t.removeEventListener("change",me):t.removeListener?.(me)}catch{}te=null}}}function Rt(){return typeof window>"u"?"initial":(te??(te=be()),te)}function ht(){return"initial"}function se(){return typeof window>"u"?"initial":be()}var gt=()=>!0,vt=()=>!1,De=()=>()=>{},Pt=()=>"initial";function $e(e=!0){let t=ie.useSyncExternalStore(e?Ae:De,e?Rt:Pt,ht),n=ie.useSyncExternalStore(e?Ae:De,gt,vt);return ie.useMemo(()=>({breakpoint:t,ready:n}),[t,n])}var F=J(require("react"));function Fe(e){return typeof e=="object"&&e!==null}function le(e,t){let n={},o=null;for(let r of fe){if(e!==void 0&&!Fe(e)){n[r]=e;continue}let p=Fe(e)?e[r]:void 0;p!==void 0&&(o={value:p}),n[r]=o?o.value:t(r)}return n}function oe(e){let t=e.initial;return fe.every(n=>e[n]===t)?t:void 0}function ye(e,t){let n=oe(t);if(n!==void 0)return{[`data-${e}`]:n};let o={};for(let r of fe)o[`data-${e}-${r}`]=t[r];return o}function Se(e){return typeof e=="object"&&e!==null?JSON.stringify(e):String(e)}var Ot=le("fixed",()=>"fixed");function xe(e){e.version+=1;for(let t of e.listeners)t()}function yt(e,t){return e.listeners.add(t),()=>{e.listeners.delete(t)}}var St=F.createContext(null);function je(e){let t=F.useContext(St);if(!t)throw new Error(`${e} must be used within <Shell.Root>`);return t}function Ue(e,t){let n=F.useCallback(o=>yt(e,o),[e]);return F.useSyncExternalStore(n,()=>e.peek===t,()=>!1)}var xt=F.createContext(null);function qe(e,t){let n=F.useContext(xt);if(!n)throw new Error("Shell panes must be used within <Shell.Root>");let{registerInset:o,unregisterInset:r}=n;F.useLayoutEffect(()=>{if(t)return o(e),()=>r(e)},[e,t,o,r])}var Ee=e=>typeof e=="object"&&e!==null;function zt(e){for(let t of["initial","xs","sm","md","lg","xl"]){let n=e[t];if(n!==void 0)return n}return"closed"}function _e(e){let{name:t,label:n,propNames:o,presentationTable:r,builtIn:p}=e,b=je(`Shell.${n}`),V=d.useId(),w=e.id??`shell-${t}${V}`,E=e.controlled!==void 0,P=Ee(e.controlled);P&&(`${n}${o.controlled}${o.default}`,void 0);let A=P?e.controlled:void 0,g=A??(Ee(e.defaultValue)?e.defaultValue:void 0),T=Se(g),[Y,M]=d.useState(()=>typeof e.defaultValue=="string"?e.defaultValue:"auto"),L=d.useMemo(()=>A?le(A,()=>zt(A)):le(g,s=>p(r[s])),[T,P,r,p]),v=Y;E&&(v=A?"auto":e.controlled);let I=oe(r)===void 0||v==="auto"&&oe(L)===void 0,{breakpoint:N,ready:D}=$e(I),j=s=>{let $=oe(s);return $!==void 0?$:D?s[N]:void 0},O=v==="auto"?j(L):v,B=j(r),_=B==="overlay",a=O===void 0?void 0:O!=="closed",u=a===!0&&_,y=e.defaultValue,S=d.useRef({state:v,value:O,autoTable:L,defaultValue:y,controlled:E,onChange:e.onChange,toggleNext:e.toggleNext});d.useLayoutEffect(()=>{S.current={state:v,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:t,id:w,el:f.current,value:O,presentation:B,presentationTable:r,overlayLive:u,size:e.size,setValue:i,toggle:c};return b.entries.set(t,s),xe(b),()=>{b.entries.get(t)===s&&(b.entries.delete(t),xe(b))}},[b,t,w,O,B,r,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:v,shown:a});d.useEffect(()=>{let s=C.current;s.state!==v&&s.shown!==void 0&&a!==void 0&&s.shown!==a&&(a?k.current.onExpand?.():k.current.onCollapse?.()),C.current={state:v,shown:a}},[v,a]),d.useLayoutEffect(()=>{},[]);let m=d.useRef(E);d.useEffect(()=>{},[E,n,o.controlled]);let W=Ue(b,t)&&a===!1&&!_;return{store:b,id:w,state:v,value:O,shown:a,presentation:B,overlaying:_,overlayLive:u,peeking:W,ready:D,breakpoint:N,autoTable:L,setValue:i,toggle:c,defaultHereNow:K,setElement:R}}function Ke(e,t){let{state:n,value:o,presentation:r,shown:p}=e;return{...t,"data-state":n,...n==="auto"?ye("auto",e.autoTable):{},"data-presentation":r,"data-mode":o===void 0?void 0:o==="closed"?"collapsed":"expanded","data-open":r==="stacked"&&p?"":void 0,"data-peek":e.peeking?"":void 0}}function We(e,t){let n=Se(e),o=d.useMemo(()=>le(e,()=>t),[n,t]),r=d.useMemo(()=>oe(o)===void 0?ye("presentation",o):{},[o]);return{table:o,attributes:r}}var l=J(require("react"));function Qe(e,t="horizontal"){if(e==null)return;if(typeof e=="number"&&Number.isFinite(e))return e;let n=String(e).trim();if(!n)return;if(n.endsWith("px"))return Number.parseFloat(n);if(n.endsWith("rem")){let r=Number.parseFloat(getComputedStyle(document.documentElement).fontSize||"16")||16;return Number.parseFloat(n)*r}if(n.endsWith("%")){let r=Number.parseFloat(n),p=t==="horizontal"?document.documentElement.clientWidth||window.innerWidth||0:document.documentElement.clientHeight||window.innerHeight||0;return r/100*p}let o=Number.parseFloat(n);return Number.isFinite(o)?o:void 0}var ze=(e,t,n)=>Math.max(t??e,Math.min(n??e,e));function Ge(e){let{name:t,elementRef:n,cssVarName:o,orientation:r,minSize:p,maxSize:b,resizable:V,size:w,defaultSize:E,paneId:P,persistence:A}=e,g=l.useRef(e);l.useLayoutEffect(()=>{g.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}=g.current;if(y){if(S==="debounce"){T.current&&clearTimeout(T.current),T.current=setTimeout(()=>{T.current=null,g.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,r==="vertical"?"horizontal":"vertical"),[r]),v=l.useRef(!1),I=l.useCallback((a,u)=>{let y=n.current;if(y){y.style.setProperty(o,`${a}px`);for(let S of y.querySelectorAll(":scope > .rt-ShellResizer"))S.setAttribute("aria-valuenow",String(Math.round(a)));u&&(v.current=!0)}},[n,o]);l.useLayoutEffect(()=>{v.current||I(e.expandedSize,!1)},[e.expandedSize,I]),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);I(u,!0),M(u,{reason:"init"})},[]),l.useLayoutEffect(()=>{if(w===void 0||g.current.overlayingNow())return;let a=L(w);if(typeof a!="number"||!Number.isFinite(a))return;let u=ze(a,p,b);I(u,!0),M(u,{reason:"controlled"})},[w,p,b,e.overlaying,L,I,M]);let N=l.useMemo(()=>{if(!P||A)return A;let a=`kookie-ui:shell:${t}:${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{}}}},[t,P,A]);l.useLayoutEffect(()=>{if(!V||!N?.load||g.current.overlayingNow())return;let a=!0,u=S=>{if(!a||typeof S!="number"||!Number.isFinite(S))return;let x=ze(S,p,b);I(x,!0),g.current.onResize?.(x)},y=N.load();return y instanceof Promise?y.then(u).catch(S=>{}):u(y),()=>{a=!1}},[V,N,e.overlaying,I,p,b,t]);let D=l.useCallback(a=>g.current.onResize?.(a),[]),j=l.useCallback(a=>{v.current=!0,g.current.onResizeStart?.(a)},[]),O=l.useCallback(a=>{g.current.onResizeEnd?.(a),M(a,{reason:"resize"}),N?.save?.(a)},[M,N]),B=l.useCallback(()=>g.current.requestCollapse(),[]),_=l.useCallback(()=>g.current.requestToggle(),[]);return l.useMemo(()=>({containerRef:n,controls:e.elementId,cssVarName:o,minSize:p,maxSize:b,defaultSize:e.expandedSize,orientation:r,edge:e.edge,growth:e.growth,onResize:D,onResizeStart:j,onResizeEnd:O,target:t,collapsible:e.collapsible,snapPoints:e.snapPoints,snapTolerance:e.snapTolerance??8,collapseThreshold:e.collapseThreshold,requestCollapse:B,requestToggle:_}),[n,e.elementId,o,p,b,e.expandedSize,r,e.edge,e.growth,D,j,O,t,e.collapsible,e.snapPoints,e.snapTolerance,e.collapseThreshold,B,_])}function Xe(e,t){let n=l.Children.toArray(e),o=n.filter(p=>l.isValidElement(p)&&p.type===t),r=n.filter(p=>!(l.isValidElement(p)&&p.type===t));return{handles:o,content:r}}function we(e){if(e===void 0)return;if(typeof e=="boolean")return e?"open":"closed";let t={};for(let[n,o]of Object.entries(e))typeof o=="boolean"&&(t[n]=o?"open":"closed");return t}var Ye=()=>"closed";var Je=()=>-1;function Ze(e){if(!("height"in e)&&!("resizer"in e))return e;let{height:t,resizer:n,...o}=e;return o}var wt={controlled:"open",default:"defaultOpen"},Ce=q.forwardRef((e,t)=>{let{className:n,presentation:o="fixed",defaultOpen:r,open:p,onOpenChange:b,expandedSize:V=200,minSize:w=100,maxSize:E=400,resizable:P=!1,collapsible:A=!0,onExpand:g,onCollapse:T,onResize:Y,onResizeStart:M,onResizeEnd:L,snapPoints:v,snapTolerance:I,collapseThreshold:N,paneId:D,persistence:j,children:O,style:B,size:_,defaultSize:a,onSizeChange:u,sizeUpdate:y,sizeUpdateMs:S=50,inset:x,id:K,...i}=e,{table:c,attributes:f}=We(o,"fixed"),R=_e({name:"bottom",label:"Bottom",propNames:wt,id:K,controlled:we(p),defaultValue:we(r),presentationTable:c,builtIn:Ye,onChange:(Q,G)=>b?.(Q!=="closed",{reason:G}),onExpand:g,onCollapse:T,size:V});qe("bottom",x),q.useEffect(()=>{(v!==void 0||N!==void 0||D!==void 0||j!==void 0)&&void 0},[v,N,D,j]);let k=q.useRef(null),C=(0,tt.useComposedRefs)(t,R.setElement,k),m=Ge({name:"bottom",elementId:R.id,elementRef:k,cssVarName:"--bottom-size",orientation:"horizontal",edge:"start",growth:Je,expandedSize:V,minSize:w,maxSize:E,resizable:P,collapsible:A,size:_,defaultSize:a,onSizeChange:u,sizeUpdate:y,sizeUpdateMs:S,onResize:Y,onResizeStart:M,onResizeEnd:L,snapPoints:v,snapTolerance:I,collapseThreshold:N,paneId:D,persistence:j,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?q.createElement(ge.Provider,{value:m},W.length>0?W:q.createElement(ee,null)):null;return q.createElement("div",{...Ze(i),id:R.id,ref:C,className:(0,et.default)("rt-ShellPane","rt-ShellBottom",n),...Ke(R,f),"data-inset":x||void 0,tabIndex:R.overlaying?-1:i.tabIndex,style:{...B,"--bottom-expanded-size":`${V}px`,"--bottom-min-size":`${w}px`,"--bottom-max-size":`${E}px`}},q.createElement("div",{className:"rt-ShellBottomContent"},s),$)});Ce.displayName="Shell.Bottom";Ce.Handle=pe;
+"use strict";"use client";var at=Object.create;var ce=Object.defineProperty;var it=Object.getOwnPropertyDescriptor;var st=Object.getOwnPropertyNames;var lt=Object.getPrototypeOf,ut=Object.prototype.hasOwnProperty;var ct=(e,t)=>{for(var n in t)ce(e,n,{get:t[n],enumerable:!0})},Me=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of st(t))!ut.call(e,r)&&r!==n&&ce(e,r,{get:()=>t[r],enumerable:!(o=it(t,r))||o.enumerable});return e};var J=(e,t,n)=>(n=e!=null?at(lt(e)):{},Me(t||!e||!e.__esModule?ce(n,"default",{value:e,enumerable:!0}):n,e)),dt=e=>Me(ce({},"__esModule",{value:!0}),e);var Ct={};ct(Ct,{Bottom:()=>Ce});module.exports=dt(Ct);var q=J(require("react")),et=J(require("classnames")),tt=require("radix-ui/internal");var de=J(require("react")),ge=de.createContext(null);function Ie(){let e=de.useContext(ge);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:t,...n},o)=>{let{containerRef:r,controls:p,cssVarName:b,minSize:V,maxSize:w,defaultSize:E,orientation:P,edge:A,growth:g,onResize:T,onResizeStart:Y,onResizeEnd:M,snapPoints:L,snapTolerance:v,collapseThreshold:I,collapsible:N,target:D,requestCollapse:j,requestToggle:O}=Ie(),B=h.useRef(null),_=h.useCallback(i=>{B.current=i,typeof o=="function"?o(i):o&&(o.current=i)},[o]),a=h.useRef(null);h.useEffect(()=>()=>{a.current?.(),a.current=null},[]);let u=h.useCallback(()=>{let i=r.current;if(!i)return E;let c=Number.parseFloat(getComputedStyle(i).getPropertyValue(b));return Number.isFinite(c)?c:E},[r,b,E]),y=h.useCallback(()=>{let i=r.current,c=B.current,f=i?.closest(".kui-ShellRoot")?.getBoundingClientRect();if(!i||!f||!c)return w;let R=i.getBoundingClientRect(),k=c.getBoundingClientRect(),C=g(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)))},[r,g,w,V,P]),S=()=>{B.current?.setAttribute("aria-valuemax",String(y()))};h.useLayoutEffect(()=>{B.current?.setAttribute("aria-valuenow",String(Math.round(u())))},[u]);let x=(i,c)=>{i.style.setProperty(b,`${c}px`),B.current?.setAttribute("aria-valuenow",String(Math.round(c)))},K=D.charAt(0).toUpperCase()+D.slice(1);return h.createElement("div",{ref:_,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,...n,onPointerDown:i=>{n.onPointerDown?.(i);let c=r.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=g(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,nt=G.style.cursor,ot=G.style.userSelect;G.style.cursor=P==="vertical"?"col-resize":"row-resize",G.style.userSelect="none",Y?.(m);let Z=m,Re=m,U=0,re=null,Te=()=>{if(U=0,re===null)return;let z=re;re=null,T?.(z)},Le=null,ke=!1,rt=(z,ne)=>{if(z.type===ne)ke=!0;else if(ke)return!1;return!0},X=z=>{if(!rt(z,"pointermove")||z===Le)return;Le=z;let ne=P==="vertical"?z.clientX:z.clientY;Re=m+(ne-W)*s,Z=Q(Re),x(c,Z),re=Z,U||(U=requestAnimationFrame(Te))},ue=()=>{U&&cancelAnimationFrame(U),U=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=nt,G.style.userSelect=ot,a.current=null},he=!1,H=()=>{if(he)return;if(he=!0,U&&cancelAnimationFrame(U),Te(),N&&typeof I=="number"&&Re<=I){x(c,m),T?.(m),ue(),j?.(),M?.(m);return}let z=Z;if(L&&L.length){let ne=L.reduce((Ne,Be)=>Math.abs(Be-Z)<Math.abs(Ne-Z)?Be:Ne,L[0]);Math.abs(ne-Z)<=v&&(z=Q(ne),x(c,z),T?.(z))}M?.(z),ue()},Ve=z=>{z.key==="Escape"&&(U&&cancelAnimationFrame(U),U=0,re=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=>{n.onDoubleClick?.(i),!i.defaultPrevented&&N&&O?.()},onFocus:i=>{n.onFocus?.(i),S()},onKeyDown:i=>{n.onKeyDown?.(i);let c=r.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*g(getComputedStyle(c).direction==="rtl"))}i.preventDefault(),Y?.(f),x(c,C),T?.(C),M?.(C)}},t)});ee.displayName="Shell.Handle";var pt=h.forwardRef((e,t)=>h.createElement(ee,{...e,ref:t}));pt.displayName="Shell.Panel.Handle";var ft=h.forwardRef((e,t)=>h.createElement(ee,{...e,ref:t}));ft.displayName="Shell.Sidebar.Handle";var mt=h.forwardRef((e,t)=>h.createElement(ee,{...e,ref:t}));mt.displayName="Shell.Inspector.Handle";var pe=h.forwardRef((e,t)=>h.createElement(ee,{...e,ref:t}));pe.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 bt=Object.entries(He),ve=null,ae=new Set,te=null;function Pe(){return ve??(ve=bt.map(([e,t])=>[e,window.matchMedia(t)])),ve}function be(){let e="initial";for(let[t,n]of Pe())n.matches&&(e=t);return e}function me(){let e=be();e!==te&&(te=e,ae.forEach(t=>t()))}function Ae(e){if(typeof window>"u")return()=>{};if(ae.size===0){te=be();for(let[,t]of Pe())typeof t.addEventListener=="function"?t.addEventListener("change",me):t.addListener?.(me)}return ae.add(e),()=>{if(ae.delete(e),!(ae.size>0)){for(let[,t]of Pe())try{typeof t.removeEventListener=="function"?t.removeEventListener("change",me):t.removeListener?.(me)}catch{}te=null}}}function Rt(){return typeof window>"u"?"initial":(te??(te=be()),te)}function ht(){return"initial"}function se(){return typeof window>"u"?"initial":be()}var gt=()=>!0,vt=()=>!1,De=()=>()=>{},Pt=()=>"initial";function $e(e=!0){let t=ie.useSyncExternalStore(e?Ae:De,e?Rt:Pt,ht),n=ie.useSyncExternalStore(e?Ae:De,gt,vt);return ie.useMemo(()=>({breakpoint:t,ready:n}),[t,n])}var F=J(require("react"));function Fe(e){return typeof e=="object"&&e!==null}function le(e,t){let n={},o=null;for(let r of fe){if(e!==void 0&&!Fe(e)){n[r]=e;continue}let p=Fe(e)?e[r]:void 0;p!==void 0&&(o={value:p}),n[r]=o?o.value:t(r)}return n}function oe(e){let t=e.initial;return fe.every(n=>e[n]===t)?t:void 0}function ye(e,t){let n=oe(t);if(n!==void 0)return{[`data-${e}`]:n};let o={};for(let r of fe)o[`data-${e}-${r}`]=t[r];return o}function Se(e){return typeof e=="object"&&e!==null?JSON.stringify(e):String(e)}var Ot=le("fixed",()=>"fixed");function xe(e){e.version+=1;for(let t of e.listeners)t()}function yt(e,t){return e.listeners.add(t),()=>{e.listeners.delete(t)}}var St=F.createContext(null);function je(e){let t=F.useContext(St);if(!t)throw new Error(`${e} must be used within <Shell.Root>`);return t}function Ue(e,t){let n=F.useCallback(o=>yt(e,o),[e]);return F.useSyncExternalStore(n,()=>e.peek===t,()=>!1)}var xt=F.createContext(null);function qe(e,t){let n=F.useContext(xt);if(!n)throw new Error("Shell panes must be used within <Shell.Root>");let{registerInset:o,unregisterInset:r}=n;F.useLayoutEffect(()=>{if(t)return o(e),()=>r(e)},[e,t,o,r])}var Ee=e=>typeof e=="object"&&e!==null;function zt(e){for(let t of["initial","xs","sm","md","lg","xl"]){let n=e[t];if(n!==void 0)return n}return"closed"}function _e(e){let{name:t,label:n,propNames:o,presentationTable:r,builtIn:p}=e,b=je(`Shell.${n}`),V=d.useId(),w=e.id??`shell-${t}${V}`,E=e.controlled!==void 0,P=Ee(e.controlled);P&&(`${n}${o.controlled}${o.default}`,void 0);let A=P?e.controlled:void 0,g=A??(Ee(e.defaultValue)?e.defaultValue:void 0),T=Se(g),[Y,M]=d.useState(()=>typeof e.defaultValue=="string"?e.defaultValue:"auto"),L=d.useMemo(()=>A?le(A,()=>zt(A)):le(g,s=>p(r[s])),[T,P,r,p]),v=Y;E&&(v=A?"auto":e.controlled);let I=oe(r)===void 0||v==="auto"&&oe(L)===void 0,{breakpoint:N,ready:D}=$e(I),j=s=>{let $=oe(s);return $!==void 0?$:D?s[N]:void 0},O=v==="auto"?j(L):v,B=j(r),_=B==="overlay",a=O===void 0?void 0:O!=="closed",u=a===!0&&_,y=e.defaultValue,S=d.useRef({state:v,value:O,autoTable:L,defaultValue:y,controlled:E,onChange:e.onChange,toggleNext:e.toggleNext});d.useLayoutEffect(()=>{S.current={state:v,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:t,id:w,el:f.current,value:O,presentation:B,presentationTable:r,overlayLive:u,size:e.size,setValue:i,toggle:c};return b.entries.set(t,s),xe(b),()=>{b.entries.get(t)===s&&(b.entries.delete(t),xe(b))}},[b,t,w,O,B,r,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:v,shown:a});d.useEffect(()=>{let s=C.current;s.state!==v&&s.shown!==void 0&&a!==void 0&&s.shown!==a&&(a?k.current.onExpand?.():k.current.onCollapse?.()),C.current={state:v,shown:a}},[v,a]),d.useLayoutEffect(()=>{},[]);let m=d.useRef(E);d.useEffect(()=>{},[E,n,o.controlled]);let W=Ue(b,t)&&a===!1&&!_;return{store:b,id:w,state:v,value:O,shown:a,presentation:B,overlaying:_,overlayLive:u,peeking:W,ready:D,breakpoint:N,autoTable:L,setValue:i,toggle:c,defaultHereNow:K,setElement:R}}function Ke(e,t){let{state:n,value:o,presentation:r,shown:p}=e;return{...t,"data-state":n,...n==="auto"?ye("auto",e.autoTable):{},"data-presentation":r,"data-mode":o===void 0?void 0:o==="closed"?"collapsed":"expanded","data-open":r==="stacked"&&p?"":void 0,"data-peek":e.peeking?"":void 0}}function We(e,t){let n=Se(e),o=d.useMemo(()=>le(e,()=>t),[n,t]),r=d.useMemo(()=>oe(o)===void 0?ye("presentation",o):{},[o]);return{table:o,attributes:r}}var l=J(require("react"));function Qe(e,t="horizontal"){if(e==null)return;if(typeof e=="number"&&Number.isFinite(e))return e;let n=String(e).trim();if(!n)return;if(n.endsWith("px"))return Number.parseFloat(n);if(n.endsWith("rem")){let r=Number.parseFloat(getComputedStyle(document.documentElement).fontSize||"16")||16;return Number.parseFloat(n)*r}if(n.endsWith("%")){let r=Number.parseFloat(n),p=t==="horizontal"?document.documentElement.clientWidth||window.innerWidth||0:document.documentElement.clientHeight||window.innerHeight||0;return r/100*p}let o=Number.parseFloat(n);return Number.isFinite(o)?o:void 0}var ze=(e,t,n)=>Math.max(t??e,Math.min(n??e,e));function Ge(e){let{name:t,elementRef:n,cssVarName:o,orientation:r,minSize:p,maxSize:b,resizable:V,size:w,defaultSize:E,paneId:P,persistence:A}=e,g=l.useRef(e);l.useLayoutEffect(()=>{g.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}=g.current;if(y){if(S==="debounce"){T.current&&clearTimeout(T.current),T.current=setTimeout(()=>{T.current=null,g.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,r==="vertical"?"horizontal":"vertical"),[r]),v=l.useRef(!1),I=l.useCallback((a,u)=>{let y=n.current;if(y){y.style.setProperty(o,`${a}px`);for(let S of y.querySelectorAll(":scope > .kui-ShellResizer"))S.setAttribute("aria-valuenow",String(Math.round(a)));u&&(v.current=!0)}},[n,o]);l.useLayoutEffect(()=>{v.current||I(e.expandedSize,!1)},[e.expandedSize,I]),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);I(u,!0),M(u,{reason:"init"})},[]),l.useLayoutEffect(()=>{if(w===void 0||g.current.overlayingNow())return;let a=L(w);if(typeof a!="number"||!Number.isFinite(a))return;let u=ze(a,p,b);I(u,!0),M(u,{reason:"controlled"})},[w,p,b,e.overlaying,L,I,M]);let N=l.useMemo(()=>{if(!P||A)return A;let a=`kookie-ui:shell:${t}:${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{}}}},[t,P,A]);l.useLayoutEffect(()=>{if(!V||!N?.load||g.current.overlayingNow())return;let a=!0,u=S=>{if(!a||typeof S!="number"||!Number.isFinite(S))return;let x=ze(S,p,b);I(x,!0),g.current.onResize?.(x)},y=N.load();return y instanceof Promise?y.then(u).catch(S=>{}):u(y),()=>{a=!1}},[V,N,e.overlaying,I,p,b,t]);let D=l.useCallback(a=>g.current.onResize?.(a),[]),j=l.useCallback(a=>{v.current=!0,g.current.onResizeStart?.(a)},[]),O=l.useCallback(a=>{g.current.onResizeEnd?.(a),M(a,{reason:"resize"}),N?.save?.(a)},[M,N]),B=l.useCallback(()=>g.current.requestCollapse(),[]),_=l.useCallback(()=>g.current.requestToggle(),[]);return l.useMemo(()=>({containerRef:n,controls:e.elementId,cssVarName:o,minSize:p,maxSize:b,defaultSize:e.expandedSize,orientation:r,edge:e.edge,growth:e.growth,onResize:D,onResizeStart:j,onResizeEnd:O,target:t,collapsible:e.collapsible,snapPoints:e.snapPoints,snapTolerance:e.snapTolerance??8,collapseThreshold:e.collapseThreshold,requestCollapse:B,requestToggle:_}),[n,e.elementId,o,p,b,e.expandedSize,r,e.edge,e.growth,D,j,O,t,e.collapsible,e.snapPoints,e.snapTolerance,e.collapseThreshold,B,_])}function Xe(e,t){let n=l.Children.toArray(e),o=n.filter(p=>l.isValidElement(p)&&p.type===t),r=n.filter(p=>!(l.isValidElement(p)&&p.type===t));return{handles:o,content:r}}function we(e){if(e===void 0)return;if(typeof e=="boolean")return e?"open":"closed";let t={};for(let[n,o]of Object.entries(e))typeof o=="boolean"&&(t[n]=o?"open":"closed");return t}var Ye=()=>"closed";var Je=()=>-1;function Ze(e){if(!("height"in e)&&!("resizer"in e))return e;let{height:t,resizer:n,...o}=e;return o}var wt={controlled:"open",default:"defaultOpen"},Ce=q.forwardRef((e,t)=>{let{className:n,presentation:o="fixed",defaultOpen:r,open:p,onOpenChange:b,expandedSize:V=200,minSize:w=100,maxSize:E=400,resizable:P=!1,collapsible:A=!0,onExpand:g,onCollapse:T,onResize:Y,onResizeStart:M,onResizeEnd:L,snapPoints:v,snapTolerance:I,collapseThreshold:N,paneId:D,persistence:j,children:O,style:B,size:_,defaultSize:a,onSizeChange:u,sizeUpdate:y,sizeUpdateMs:S=50,inset:x,id:K,...i}=e,{table:c,attributes:f}=We(o,"fixed"),R=_e({name:"bottom",label:"Bottom",propNames:wt,id:K,controlled:we(p),defaultValue:we(r),presentationTable:c,builtIn:Ye,onChange:(Q,G)=>b?.(Q!=="closed",{reason:G}),onExpand:g,onCollapse:T,size:V});qe("bottom",x),q.useEffect(()=>{(v!==void 0||N!==void 0||D!==void 0||j!==void 0)&&void 0},[v,N,D,j]);let k=q.useRef(null),C=(0,tt.useComposedRefs)(t,R.setElement,k),m=Ge({name:"bottom",elementId:R.id,elementRef:k,cssVarName:"--bottom-size",orientation:"horizontal",edge:"start",growth:Je,expandedSize:V,minSize:w,maxSize:E,resizable:P,collapsible:A,size:_,defaultSize:a,onSizeChange:u,sizeUpdate:y,sizeUpdateMs:S,onResize:Y,onResizeStart:M,onResizeEnd:L,snapPoints:v,snapTolerance:I,collapseThreshold:N,paneId:D,persistence:j,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?q.createElement(ge.Provider,{value:m},W.length>0?W:q.createElement(ee,null)):null;return q.createElement("div",{...Ze(i),id:R.id,ref:C,className:(0,et.default)("kui-ShellPane","kui-ShellBottom",n),...Ke(R,f),"data-inset":x||void 0,tabIndex:R.overlaying?-1:i.tabIndex,style:{...B,"--bottom-expanded-size":`${V}px`,"--bottom-min-size":`${w}px`,"--bottom-max-size":`${E}px`}},q.createElement("div",{className:"kui-ShellBottomContent"},s),$)});Ce.displayName="Shell.Bottom";Ce.Handle=pe;
 //# sourceMappingURL=shell-bottom.js.map