@womp/kookie-ui 0.19.0 → 0.21.0

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';\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/** Menu item height in pixels per size: the control height ladder (--control-height-N). */\nexport const menuSizeToItemHeight: Record<MenuSize, number> = {\n  '1': 28,\n  '2': 32,\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). */\nconst CONTENT_PADDING: Record<string, number> = { '1': 8, '2': 12, '3': 12 };\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"],
-  "mappings": "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",
+  "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"],
+  "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 pe=Object.create;var g=Object.defineProperty;var ce=Object.getOwnPropertyDescriptor;var me=Object.getOwnPropertyNames;var fe=Object.getPrototypeOf,ue=Object.prototype.hasOwnProperty;var de=(r,e)=>{for(var t in e)g(r,t,{get:e[t],enumerable:!0})},H=(r,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of me(e))!ue.call(r,n)&&n!==t&&g(r,n,{get:()=>e[n],enumerable:!(o=ce(e,n))||o.enumerable});return r};var d=(r,e,t)=>(t=r!=null?pe(fe(r)):{},H(e||!r||!r.__esModule?g(t,"default",{value:r,enumerable:!0}):t,r)),ye=r=>H(g({},"__esModule",{value:!0}),r);var Te={};de(Te,{BAND_STEP:()=>Z,PaneChromeScope:()=>De,PaneFooter:()=>te,PaneHeader:()=>re,Scroll:()=>oe,ShellSizeContext:()=>T,SidebarVisualContext:()=>M,usePaneBandSize:()=>xe,useSidebarVisual:()=>z});module.exports=ye(Te);var p=d(require("react")),x=d(require("classnames"));var f=d(require("react")),X=d(require("classnames")),u=require("radix-ui"),Y=require("radix-ui/internal");var $={asChild:{type:"boolean"}};var Pe=["none","small","medium","large","full"],j={radius:{type:"enum",values:Pe,default:void 0}};var ge=["vertical","horizontal","both"],S={...$,...j,scrollbars:{type:"enum",values:ge,default:"both"},fade:{type:"boolean",default:!1}};var v=d(require("react"));function F(r){let[e,t]=v.useState(null);return v.useEffect(()=>{if(!r||!e)return;let o=0,n=()=>{o=0;let l=Math.max(0,e.scrollTop),c=Math.max(0,e.scrollHeight-e.clientHeight-e.scrollTop);e.style.setProperty("--scroll-overflow-start",`${l}px`),e.style.setProperty("--scroll-overflow-end",`${c}px`)},s=()=>{o||(o=requestAnimationFrame(n))};n(),e.addEventListener("scroll",s,{passive:!0});let i=typeof ResizeObserver>"u"?null:new ResizeObserver(s);i?.observe(e);for(let l of Array.from(e.children))i?.observe(l);let a=typeof MutationObserver>"u"?null:new MutationObserver(s);return a?.observe(e,{childList:!0}),()=>{o&&cancelAnimationFrame(o),e.removeEventListener("scroll",s),i?.disconnect(),a?.disconnect(),e.style.removeProperty("--scroll-overflow-start"),e.style.removeProperty("--scroll-overflow-end")}},[r,e]),t}var R=d(require("react"));function G(){let[r,e]=R.useState(null);return R.useEffect(()=>{let t=r?.parentElement;if(!r||!t)return;let o=0,n=()=>{o=0;for(let i of t.querySelectorAll(":scope > .rt-ScrollAreaScrollbar > .rt-ScrollAreaThumb")){let a=i.parentElement,l=getComputedStyle(a);if(a.dataset.orientation==="horizontal"){let c=a.clientWidth-parseFloat(l.paddingLeft)-parseFloat(l.paddingRight),m=L(r.scrollLeft,r.scrollWidth-r.offsetWidth,c-i.offsetWidth);i.style.transform=`translate3d(${m}px, 0, 0)`}else{let c=a.clientHeight-parseFloat(l.paddingTop)-parseFloat(l.paddingBottom),m=L(r.scrollTop,r.scrollHeight-r.offsetHeight,c-i.offsetHeight);i.style.transform=`translate3d(0, ${m}px, 0)`}}},s=()=>{o||(o=requestAnimationFrame(n))};return r.addEventListener("scroll",s,{passive:!0}),()=>{o&&cancelAnimationFrame(o),r.removeEventListener("scroll",s)}},[r]),e}function L(r,e,t){return e<=0||t<=0?0:Math.min(Math.max(r,-e),e)/e*t}function W(r){let{m:e,mx:t,my:o,mt:n,mr:s,mb:i,ml:a,...l}=r;return{m:e,mx:t,my:o,mt:n,mr:s,mb:i,ml:a,rest:l}}var Se=["initial","xs","sm","md","lg","xl"],V=new Set(Se);function A(r,e){return Object.prototype.hasOwnProperty.call(r,e)}var ve=new Set(["initial","xs","sm","md","lg","xl"]);function E(r){if(typeof r!="object"||r===null)return!1;for(let e in r)if(ve.has(e))return!0;return!1}function b(r,e,t){return e!==void 0?e.has(t):r.includes(t)}function U({className:r,customProperties:e,...t}){let o=Re({allowArbitraryValues:!0,className:r,...t}),n=be({customProperties:e,...t});return[o,n]}function Re({allowArbitraryValues:r,value:e,className:t,propValues:o,propValueSet:n,parseValue:s=i=>i}){if(e){if(typeof e=="string")return b(o,n,e)?q(t,e,s):r?t:void 0;if(E(e)){let i=e,a=[];for(let l in i){if(!A(i,l)||!V.has(l))continue;let c=i[l];if(c!==void 0){if(b(o,n,c)){let m=q(t,c,s),P=l==="initial"?m:`${l}:${m}`;a.push(P)}else if(r){let m=l==="initial"?t:`${l}:${t}`;a.push(m)}}}return a.length>0?a.join(" "):""}if(r)return t}}function q(r,e,t){let o=r?"-":"",n=t(e),s=n?.startsWith("-"),i=s?"-":"",a=s?n?.substring(1):n;return`${i}${r}${o}${a}`}function be({customProperties:r,value:e,propValues:t,propValueSet:o,parseValue:n=s=>s}){if(!e||typeof e=="string"&&b(t,o,e))return;let s;if(typeof e=="string"){let i=n(e);s={};for(let a of r)s[a]=i;return s}if(E(e)){let i=e;for(let a in i){if(!A(i,a)||!V.has(a))continue;let l=i[a];if(l===void 0||b(t,o,l))continue;let c=n(l);s??(s={});for(let m of r){let P=a==="initial"?m:`${m}-${a}`;s[P]=c}}}return s??{}}function h(...r){let e;for(let t of r)t&&(e===void 0&&(e={}),Object.assign(e,t));return e}var y=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9","-10","-11","-12","bleed"],K={m:{type:"enum | string",values:y,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:y,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:y,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:y,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:y,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:y,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:y,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var _=K.m.values,he=new Set(_),I=[{key:"m",className:"rt-r-m",customProperties:["--margin"]},{key:"mx",className:"rt-r-mx",customProperties:["--margin-left","--margin-right"]},{key:"my",className:"rt-r-my",customProperties:["--margin-top","--margin-bottom"]},{key:"mt",className:"rt-r-mt",customProperties:["--margin-top"]},{key:"mr",className:"rt-r-mr",customProperties:["--margin-right"]},{key:"mb",className:"rt-r-mb",customProperties:["--margin-bottom"]},{key:"ml",className:"rt-r-ml",customProperties:["--margin-left"]}];function J(r){let e,t;for(let o=0;o<I.length;o++){let{key:n,className:s,customProperties:i}=I[o],a=r[n];if(a===void 0)continue;let[l,c]=U({className:s,customProperties:i,propValues:_,propValueSet:he,value:a});l&&(e??(e=[])).push(l),c&&(t=h(t,c))}return[e!==void 0?e.join(" "):"",t]}var D=d(require("react"));function Q(r,e){let{asChild:t,children:o}=r;if(!t)return typeof e=="function"?e(o):e;let n=D.Children.only(o);return D.cloneElement(n,{children:typeof e=="function"?e(n.props.children):e})}var w=f.forwardRef((r,e)=>{let{rest:t,...o}=W(r),[n,s]=J(o),{asChild:i,children:a,className:l,style:c,type:m,scrollHideDelay:P=m!=="scroll"?0:void 0,dir:Ne,radius:k=S.radius.default,scrollbars:C=S.scrollbars.default,fade:B=S.fade.default,...ne}=t,se=F(B),ie=G(),ae=(0,Y.useComposedRefs)(e,se,ie);return f.createElement(u.ScrollArea.Root,{type:m,scrollHideDelay:P,className:(0,X.default)("rt-ScrollAreaRoot",n,l),"data-fade":B?"":void 0,style:h(s,c),asChild:i},Q({asChild:i,children:a},le=>f.createElement(f.Fragment,null,f.createElement(u.ScrollArea.Viewport,{...ne,ref:ae,className:"rt-ScrollAreaViewport"},le),f.createElement("div",{className:"rt-ScrollAreaViewportFocusRing"}),C!=="vertical"?f.createElement(u.ScrollArea.Scrollbar,{"data-radius":k,orientation:"horizontal",className:"rt-ScrollAreaScrollbar"},f.createElement(u.ScrollArea.Thumb,{className:"rt-ScrollAreaThumb"})):null,C!=="horizontal"?f.createElement(u.ScrollArea.Scrollbar,{"data-radius":k,orientation:"vertical",className:"rt-ScrollAreaScrollbar"},f.createElement(u.ScrollArea.Thumb,{className:"rt-ScrollAreaThumb"})):null,C==="both"?f.createElement(u.ScrollArea.Corner,{className:"rt-ScrollAreaCorner"}):null)))});w.displayName="ScrollArea";var M=p.createContext(null);function z(){return p.useContext(M)}var T=p.createContext("2");function De({children:r,presentation:e}){let t=p.useContext(T),o=p.useMemo(()=>({size:t,menuVariant:"soft",presentation:e}),[t,e]);return p.createElement(M.Provider,{value:o},r)}function O(){let r=z(),e=p.useContext(T),t=r?.size??e,o=r?.menuVariant??"soft";return["rt-ShellPaneChrome",`rt-r-size-${t}`,`rt-menu-variant-${o}`]}var Z={1:"2",2:"3",3:"4",4:"4"},N=p.createContext(null);function xe(){return p.useContext(N)}function ee(){let r=z(),e=p.useContext(T);return Z[r?.size??e]}var re=p.forwardRef(({className:r,float:e,children:t,...o},n)=>{let s=O(),i=ee();return p.createElement("div",{...o,ref:n,"data-float":e||void 0,className:(0,x.default)("rt-ShellPaneHeader","rt-SidebarHeader","rt-SidebarHeader--container",...s,r)},p.createElement(N.Provider,{value:i},t))});re.displayName="Shell.PaneHeader";var te=p.forwardRef(({className:r,float:e,children:t,...o},n)=>{let s=O(),i=ee();return p.createElement("div",{...o,ref:n,"data-float":e||void 0,className:(0,x.default)("rt-ShellPaneFooter","rt-SidebarFooter","rt-SidebarFooter--container",...s,r)},p.createElement(N.Provider,{value:i},t))});te.displayName="Shell.PaneFooter";var oe=p.forwardRef(({className:r,children:e,fade:t=!1,...o},n)=>{let s=O();return p.createElement(w,{type:"hover",fade:t,className:"rt-ShellScroll"},p.createElement("div",{...o,ref:n,className:(0,x.default)("rt-BaseMenuContent","rt-SidebarContent",...s,r)},p.createElement(N.Provider,{value:null},p.createElement("div",{className:"rt-BaseMenuViewport"},e))))});oe.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 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";
 //# 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/extract-margin-props.ts", "../../../../src/props/prop-def.ts", "../../../../src/helpers/has-own-property.ts", "../../../../src/helpers/is-responsive-object.ts", "../../../../src/helpers/get-responsive-styles.ts", "../../../../src/helpers/merge-styles.ts", "../../../../src/props/margin.props.ts", "../../../../src/helpers/get-margin-styles.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 { extractMarginProps } from '../helpers/extract-margin-props.js';\nimport { getMarginStyles } from '../helpers/get-margin-styles.js';\nimport { getSubtree } from '../helpers/get-subtree.js';\nimport { mergeStyles } from '../helpers/merge-styles.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { MarginProps } from '../props/margin.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    MarginProps,\n    ScrollAreaOwnProps {}\nconst ScrollArea = React.forwardRef<ScrollAreaElement, ScrollAreaProps>((props, forwardedRef) => {\n  const { rest: marginRest, ...marginProps } = extractMarginProps(props);\n  const [marginClassNames, marginCustomProperties] = getMarginStyles(marginProps);\n\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  } = marginRest;\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', marginClassNames, className)}\n      data-fade={fade ? '' : undefined}\n      style={mergeStyles(marginCustomProperties, 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 type { MarginProps } from '../props/margin.props.js';\n\nexport function extractMarginProps<T extends MarginProps>(props: T) {\n  const { m, mx, my, mt, mr, mb, ml, ...rest } = props;\n  return { m, mx, my, mt, mr, mb, ml, rest };\n}\n", "import type React from 'react';\n\n// Creates a union type of string literals with strings, but retains intellisense for the literals.\n// Union<string, 'foo' | 'bar'> => string | Omit<string, 'foo' | 'bar'>\ntype Union<S = string, T extends string | number = string> = T | Omit<S, T>;\n\nconst breakpoints = ['initial', 'xs', 'sm', 'md', 'lg', 'xl'] as const;\nconst breakpointSet: Set<string> = new Set(breakpoints);\ntype Breakpoint = (typeof breakpoints)[number];\ntype Responsive<T> = T | Partial<Record<Breakpoint, T>>;\n\ntype BooleanPropDef = {\n  type: 'boolean';\n  default?: boolean;\n  required?: boolean;\n  className?: string;\n};\ntype StringPropDef = {\n  type: 'string';\n  default?: string;\n  required?: boolean;\n};\ntype ReactNodePropDef = {\n  type: 'ReactNode';\n  default?: React.ReactNode;\n  required?: boolean;\n};\ntype EnumPropDef<T> = {\n  type: 'enum';\n  values: readonly T[];\n  default?: T;\n  required?: boolean;\n};\ntype EnumOrStringPropDef<T> = {\n  type: 'enum | string';\n  values: readonly T[];\n  default?: T | string;\n  required?: boolean;\n};\n\ntype NonStylingPropDef = {\n  className?: never;\n  customProperties?: never;\n  parseValue?: never;\n};\n\ntype StylingPropDef = {\n  className: string;\n  parseValue?: (value: string) => string | undefined;\n};\n\ntype ArbitraryStylingPropDef = {\n  className: string;\n  customProperties: `--${string}`[];\n  parseValue?: (value: string) => string | undefined;\n};\n\ntype RegularPropDef<T> =\n  | ReactNodePropDef\n  | BooleanPropDef\n  | (StringPropDef & ArbitraryStylingPropDef)\n  | (StringPropDef & NonStylingPropDef)\n  | (EnumPropDef<T> & StylingPropDef)\n  | (EnumPropDef<T> & NonStylingPropDef)\n  | (EnumOrStringPropDef<T> & ArbitraryStylingPropDef)\n  | (EnumOrStringPropDef<T> & NonStylingPropDef);\ntype ResponsivePropDef<T = any> = RegularPropDef<T> & { responsive: true };\ntype PropDef<T = any> = RegularPropDef<T> | ResponsivePropDef<T>;\n\n// prettier-ignore\ntype GetPropDefType<Def> =\n    Def extends BooleanPropDef ? (Def extends ResponsivePropDef ? Responsive<boolean> : boolean)\n  : Def extends StringPropDef ? (Def extends ResponsivePropDef ? Responsive<string> : string)\n  : Def extends ReactNodePropDef ? (Def extends ResponsivePropDef ? Responsive<React.ReactNode> : React.ReactNode)\n  : Def extends EnumOrStringPropDef<infer Type> ?\n    Def extends ResponsivePropDef<infer Type extends string> ? Responsive<Union<string, Type>> : Type\n  : Def extends EnumPropDef<infer Type> ? (Def extends ResponsivePropDef<infer Type> ? Responsive<Type> : Type)\n  : never;\n\ntype GetPropDefTypes<P> = {\n  [K in keyof P]?: GetPropDefType<P[K]>;\n};\n\nexport { breakpoints, breakpointSet };\nexport type {\n  PropDef,\n  GetPropDefTypes,\n  ResponsivePropDef,\n  //\n  Breakpoint,\n  Responsive,\n  Union,\n};\n", "/** A util to check whether the object has a key, while inferring the correct key type */\nfunction hasOwnProperty<K extends string | number | symbol>(\n  obj: Record<K, unknown>,\n  key: string | number | symbol\n): key is K {\n  return Object.prototype.hasOwnProperty.call(obj, key);\n}\n\nexport { hasOwnProperty };\n", "import type { Responsive, Breakpoint } from '../props/prop-def.js';\n\n// Use a Set for O(1) lookup instead of array.includes() which is O(n)\nconst breakpointSet = new Set<string>(['initial', 'xs', 'sm', 'md', 'lg', 'xl']);\n\nexport function isResponsiveObject<Value extends string>(\n  obj: Responsive<Value | Omit<string, Value>> | undefined\n): obj is Record<Breakpoint, string> {\n  if (typeof obj !== 'object' || obj === null) {\n    return false;\n  }\n  // Use for...in to avoid Object.keys() array allocation\n  for (const key in obj) {\n    if (breakpointSet.has(key)) {\n      return true;\n    }\n  }\n  return false;\n}\n", "import { breakpointSet } from '../props/prop-def.js';\nimport { hasOwnProperty } from './has-own-property.js';\nimport { isResponsiveObject } from './is-responsive-object.js';\n\nimport type { Responsive, Union } from '../props/prop-def.js';\n\n/**\n * Membership test against a prop def's enum values. Callers that already hold a\n * compiled prop def pass `propValueSet` for an O(1) lookup; the handful of call\n * sites that build options inline fall back to scanning the array.\n */\nfunction includesValue(propValues: string[] | readonly string[], propValueSet: ReadonlySet<string> | undefined, value: string): boolean {\n  return propValueSet !== undefined ? propValueSet.has(value) : propValues.includes(value);\n}\n\ninterface GetResponsiveStylesOptions {\n  className: string;\n  customProperties: `--${string}`[];\n  value: Responsive<Union> | Responsive<string> | undefined;\n  propValues: string[] | readonly string[];\n  propValueSet?: ReadonlySet<string>;\n  parseValue?: (value: string) => string | undefined;\n}\n\nfunction getResponsiveStyles({ className, customProperties, ...args }: GetResponsiveStylesOptions) {\n  const responsiveClassNames = getResponsiveClassNames({\n    allowArbitraryValues: true,\n    className,\n    ...args,\n  });\n\n  const responsiveCustomProperties = getResponsiveCustomProperties({ customProperties, ...args });\n  return [responsiveClassNames, responsiveCustomProperties] as const;\n}\n\ninterface GetResponsiveClassNamesOptions {\n  allowArbitraryValues?: boolean;\n  className: string;\n  value: Responsive<Union> | Responsive<string> | undefined;\n  propValues: string[] | readonly string[];\n  propValueSet?: ReadonlySet<string>;\n  parseValue?: (value: string) => string | undefined;\n}\n\nfunction getResponsiveClassNames({ allowArbitraryValues, value, className, propValues, propValueSet, parseValue = (value) => value }: GetResponsiveClassNamesOptions): string | undefined {\n  if (!value) {\n    return undefined;\n  }\n\n  if (typeof value === 'string') {\n    if (includesValue(propValues, propValueSet, value)) {\n      return getBaseClassName(className, value, parseValue);\n    }\n    return allowArbitraryValues ? className : undefined;\n  }\n\n  if (isResponsiveObject(value)) {\n    const object = value;\n    const classNames: string[] = [];\n\n    for (const bp in object) {\n      // Make sure we are not iterating over keys that aren't breakpoints\n      if (!hasOwnProperty(object, bp) || !breakpointSet.has(bp)) {\n        continue;\n      }\n\n      const value = object[bp];\n\n      if (value !== undefined) {\n        if (includesValue(propValues, propValueSet, value)) {\n          const baseClassName = getBaseClassName(className, value, parseValue);\n          const bpClassName = bp === 'initial' ? baseClassName : `${bp}:${baseClassName}`;\n          classNames.push(bpClassName);\n        } else if (allowArbitraryValues) {\n          const bpClassName = bp === 'initial' ? className : `${bp}:${className}`;\n          classNames.push(bpClassName);\n        }\n      }\n    }\n\n    return classNames.length > 0 ? classNames.join(' ') : '';\n  }\n\n  if (allowArbitraryValues) {\n    return className;\n  }\n}\n\nfunction getBaseClassName(className: string, value: string, parseValue: (value: string) => string | undefined): string {\n  const delimiter = className ? '-' : '';\n  const matchedValue = parseValue(value);\n  const isNegative = matchedValue?.startsWith('-');\n  const minus = isNegative ? '-' : '';\n  const absoluteValue = isNegative ? matchedValue?.substring(1) : matchedValue;\n  return `${minus}${className}${delimiter}${absoluteValue}`;\n}\n\ninterface GetResponsiveCustomPropertiesOptions {\n  customProperties: `--${string}`[];\n  value: Responsive<Union> | Responsive<string> | undefined;\n  propValues: string[] | readonly string[];\n  propValueSet?: ReadonlySet<string>;\n  parseValue?: (value: string) => string | undefined;\n}\n\nfunction getResponsiveCustomProperties({ customProperties, value, propValues, propValueSet, parseValue = (value) => value }: GetResponsiveCustomPropertiesOptions) {\n  // Don't generate custom properties if the value is not arbitrary\n  if (!value || (typeof value === 'string' && includesValue(propValues, propValueSet, value))) {\n    return undefined;\n  }\n\n  let styles: Record<string, string | undefined> | undefined;\n\n  if (typeof value === 'string') {\n    const parsed = parseValue(value);\n    styles = {};\n    for (const customProperty of customProperties) {\n      styles[customProperty] = parsed;\n    }\n    return styles;\n  }\n\n  if (isResponsiveObject(value)) {\n    const object = value;\n\n    for (const bp in object) {\n      // Make sure we are not iterating over keys that aren't breakpoints\n      if (!hasOwnProperty(object, bp) || !breakpointSet.has(bp)) {\n        continue;\n      }\n\n      const value = object[bp];\n\n      // Don't generate a custom property if the value is not arbitrary\n      if (value === undefined || includesValue(propValues, propValueSet, value)) {\n        continue;\n      }\n\n      const parsed = parseValue(value);\n      styles ??= {};\n      for (const customProperty of customProperties) {\n        const bpProperty = bp === 'initial' ? customProperty : `${customProperty}-${bp}`;\n        styles[bpProperty] = parsed;\n      }\n    }\n  }\n\n  return styles ?? {};\n}\n\nexport { getResponsiveStyles, getResponsiveCustomProperties, getResponsiveClassNames };\n", "type InlineStyle =\n  | React.CSSProperties\n  | Record<string, string | number | null | undefined>\n  | undefined;\n\n// Merges CSS styles like `classNames` merges CSS classes\n// Optimized to avoid object spread in loop - uses Object.assign for in-place mutation\nexport function mergeStyles(...styles: Array<InlineStyle>): InlineStyle {\n  let result: Record<string, string | number | null | undefined> | undefined;\n\n  for (const style of styles) {\n    if (style) {\n      if (result === undefined) {\n        // First non-empty style - create result object\n        result = {};\n      }\n      Object.assign(result, style);\n    }\n  }\n\n  return result;\n}\n", "import type { PropDef, GetPropDefTypes } from './prop-def.js';\n\n// prettier-ignore\nconst marginValues = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '-1', '-2', '-3', '-4', '-5', '-6', '-7', '-8', '-9', '-10', '-11', '-12', 'bleed'] as const;\n\nconst marginPropDefs = {\n  /**\n   * Sets the CSS **margin** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * m=\"4\"\n   * m=\"100px\"\n   * m={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin\n   */\n  m: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-m',\n    customProperties: ['--m'],\n  },\n  /**\n   * Sets the CSS **margin-left** and **margin-right** properties.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mx=\"4\"\n   * mx=\"100px\"\n   * mx={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right\n   */\n  mx: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-mx',\n    customProperties: ['--ml', '--mr'],\n  },\n  /**\n   * Sets the CSS **margin-top** and **margin-bottom** properties.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * my=\"4\"\n   * my=\"100px\"\n   * my={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom\n   */\n  my: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-my',\n    customProperties: ['--mt', '--mb'],\n  },\n  /**\n   * Sets the CSS **margin-top** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mt=\"4\"\n   * mt=\"100px\"\n   * mt={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top\n   */\n  mt: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-mt',\n    customProperties: ['--mt'],\n  },\n  /**\n   * Sets the CSS **margin-right** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mr=\"4\"\n   * mr=\"100px\"\n   * mr={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right\n   */\n  mr: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-mr',\n    customProperties: ['--mr'],\n  },\n  /**\n   * Sets the CSS **margin-bottom** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mb=\"4\"\n   * mb=\"100px\"\n   * mb={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom\n   */\n  mb: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-mb',\n    customProperties: ['--mb'],\n  },\n  /**\n   * Sets the CSS **margin-left** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * ml=\"4\"\n   * ml=\"100px\"\n   * ml={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left\n   */\n  ml: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-ml',\n    customProperties: ['--ml'],\n  },\n} satisfies {\n  m: PropDef<(typeof marginValues)[number]>;\n  mx: PropDef<(typeof marginValues)[number]>;\n  my: PropDef<(typeof marginValues)[number]>;\n  mt: PropDef<(typeof marginValues)[number]>;\n  mr: PropDef<(typeof marginValues)[number]>;\n  mb: PropDef<(typeof marginValues)[number]>;\n  ml: PropDef<(typeof marginValues)[number]>;\n};\n\ntype MarginProps = GetPropDefTypes<typeof marginPropDefs>;\n\nexport { marginPropDefs };\nexport type { MarginProps };\n", "import { getResponsiveStyles } from './get-responsive-styles.js';\nimport { mergeStyles } from './merge-styles.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\n\nconst marginValues = marginPropDefs.m.values;\nconst marginValueSet: ReadonlySet<string> = new Set(marginValues);\n\n// Static table so the common case \u2014 a component with no margin props at all \u2014\n// is seven property reads and nothing else.\nconst MARGIN_PROPS: ReadonlyArray<{\n  key: keyof MarginProps;\n  className: string;\n  customProperties: `--${string}`[];\n}> = [\n  { key: 'm', className: 'rt-r-m', customProperties: ['--margin'] },\n  { key: 'mx', className: 'rt-r-mx', customProperties: ['--margin-left', '--margin-right'] },\n  { key: 'my', className: 'rt-r-my', customProperties: ['--margin-top', '--margin-bottom'] },\n  { key: 'mt', className: 'rt-r-mt', customProperties: ['--margin-top'] },\n  { key: 'mr', className: 'rt-r-mr', customProperties: ['--margin-right'] },\n  { key: 'mb', className: 'rt-r-mb', customProperties: ['--margin-bottom'] },\n  { key: 'ml', className: 'rt-r-ml', customProperties: ['--margin-left'] },\n];\n\nexport function getMarginStyles(props: MarginProps) {\n  let classes: string[] | undefined;\n  let style: ReturnType<typeof mergeStyles>;\n\n  for (let i = 0; i < MARGIN_PROPS.length; i++) {\n    const { key, className, customProperties } = MARGIN_PROPS[i];\n    const value = props[key];\n    if (value === undefined) continue;\n\n    const [propClassNames, propCustomProperties] = getResponsiveStyles({\n      className,\n      customProperties,\n      propValues: marginValues,\n      propValueSet: marginValueSet,\n      value,\n    });\n\n    if (propClassNames) (classes ??= []).push(propClassNames);\n    if (propCustomProperties) style = mergeStyles(style, propCustomProperties);\n  }\n\n  return [classes !== undefined ? classes.join(' ') : '', style] as const;\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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",
-  "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", "extractMarginProps", "props", "m", "mx", "my", "mt", "mr", "mb", "ml", "rest", "breakpoints", "breakpointSet", "hasOwnProperty", "obj", "key", "breakpointSet", "isResponsiveObject", "obj", "key", "includesValue", "propValues", "propValueSet", "value", "getResponsiveStyles", "className", "customProperties", "args", "responsiveClassNames", "getResponsiveClassNames", "responsiveCustomProperties", "getResponsiveCustomProperties", "allowArbitraryValues", "parseValue", "getBaseClassName", "isResponsiveObject", "object", "classNames", "bp", "hasOwnProperty", "breakpointSet", "baseClassName", "bpClassName", "delimiter", "matchedValue", "isNegative", "minus", "absoluteValue", "styles", "parsed", "customProperty", "bpProperty", "mergeStyles", "styles", "result", "style", "marginValues", "marginPropDefs", "marginValues", "marginPropDefs", "marginValueSet", "MARGIN_PROPS", "getMarginStyles", "props", "classes", "style", "i", "key", "className", "customProperties", "value", "propClassNames", "propCustomProperties", "getResponsiveStyles", "mergeStyles", "React", "getSubtree", "options", "content", "asChild", "children", "firstChild", "ScrollArea", "props", "forwardedRef", "marginRest", "marginProps", "extractMarginProps", "marginClassNames", "marginCustomProperties", "getMarginStyles", "asChild", "children", "className", "style", "type", "scrollHideDelay", "dir", "radius", "scrollAreaPropDefs", "scrollbars", "fade", "viewportProps", "setEdgesElement", "useScrollEdges", "setThumbViewport", "useThumbSync", "viewportRef", "ScrollAreaPrimitive", "classNames", "mergeStyles", "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"]
+  "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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",
+  "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-sidebar.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var Wt=Object.create;var me=Object.defineProperty;var qt=Object.getOwnPropertyDescriptor;var Ut=Object.getOwnPropertyNames;var _t=Object.getPrototypeOf,Gt=Object.prototype.hasOwnProperty;var Kt=(e,t)=>{for(var n in t)me(e,n,{get:t[n],enumerable:!0})},Je=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Ut(t))!Gt.call(e,o)&&o!==n&&me(e,o,{get:()=>t[o],enumerable:!(r=qt(t,o))||r.enumerable});return e};var B=(e,t,n)=>(n=e!=null?Wt(_t(e)):{},Je(t||!e||!e.__esModule?me(n,"default",{value:e,enumerable:!0}):n,e)),Qt=e=>Je(me({},"__esModule",{value:!0}),e);var Cn={};Kt(Cn,{Sidebar:()=>Ue});module.exports=Qt(Cn);var _=B(require("react")),It=B(require("classnames")),$t=require("radix-ui/internal");var be=B(require("react")),Ve=be.createContext(null);function Ze(){let e=be.useContext(Ve);if(!e)throw new Error("Shell.Handle must be used within a resizable pane");return e}var x=B(require("react")),et=B(require("classnames"));var re=x.forwardRef(({className:e,children:t,...n},r)=>{let{containerRef:o,controls:a,cssVarName:s,minSize:u,maxSize:c,defaultSize:d,orientation:p,edge:T,growth:E,onResize:w,onResizeStart:H,onResizeEnd:L,snapPoints:C,snapTolerance:h,collapseThreshold:k,collapsible:O,target:W,requestCollapse:ee,requestToggle:$}=Ze(),I=x.useRef(null),Q=x.useCallback(l=>{I.current=l,typeof r=="function"?r(l):r&&(r.current=l)},[r]),i=x.useRef(null);x.useEffect(()=>()=>{i.current?.(),i.current=null},[]);let b=x.useCallback(()=>{let l=o.current;if(!l)return d;let g=Number.parseFloat(getComputedStyle(l).getPropertyValue(s));return Number.isFinite(g)?g:d},[o,s,d]),z=x.useCallback(()=>{let l=o.current,g=I.current,y=l?.closest(".rt-ShellRoot")?.getBoundingClientRect();if(!l||!y||!g)return c;let v=l.getBoundingClientRect(),A=g.getBoundingClientRect(),M=E(getComputedStyle(l).direction==="rtl"),R;p==="vertical"?R=M>0?y.right-v.left:v.right-y.left:R=M>0?y.bottom-v.top:v.bottom-y.top;let Y=p==="vertical"?A.width:A.height;return!(y.width>0&&y.height>0)||!Number.isFinite(R)?c:Math.max(u,Math.min(c,Math.round(R-Y)))},[o,E,c,u,p]),N=()=>{I.current?.setAttribute("aria-valuemax",String(z()))};x.useLayoutEffect(()=>{I.current?.setAttribute("aria-valuenow",String(Math.round(b())))},[b]);let V=(l,g)=>{l.style.setProperty(s,`${g}px`),I.current?.setAttribute("aria-valuenow",String(Math.round(g)))},X=W.charAt(0).toUpperCase()+W.slice(1);return x.createElement("div",{ref:Q,className:(0,et.default)("rt-ShellResizer",e),"data-orientation":p,"data-edge":T,role:"separator",tabIndex:0,"aria-label":`Resize ${X} pane`,"aria-controls":a,"aria-orientation":p,"aria-valuemin":u,"aria-valuemax":c,...n,onPointerDown:l=>{n.onPointerDown?.(l);let g=o.current;if(!g||l.defaultPrevented||l.button!==0)return;l.preventDefault();let y=l.currentTarget,v=l.pointerId;i.current?.();try{y.setPointerCapture(v)}catch{}let A=getComputedStyle(g),M=Number.parseFloat(A.getPropertyValue(s)),R=Number.isFinite(M)?M:d,Y=p==="vertical"?l.clientX:l.clientY,f=E(A.direction==="rtl"),q=z();y.setAttribute("aria-valuemax",String(q));let G=D=>Math.min(Math.max(D,u),q);g.setAttribute("data-resizing",""),y.setAttribute("data-dragging","");let J=document.body,Te=J.style.cursor,Ft=J.style.userSelect;J.style.cursor=p==="vertical"?"col-resize":"row-resize",J.style.userSelect="none",H?.(R);let ne=R,we=R,K=0,le=null,_e=()=>{if(K=0,le===null)return;let D=le;le=null,w?.(D)},Ge=null,Ke=!1,jt=(D,se)=>{if(D.type===se)Ke=!0;else if(Ke)return!1;return!0},Z=D=>{if(!jt(D,"pointermove")||D===Ge)return;Ge=D;let se=p==="vertical"?D.clientX:D.clientY;we=R+(se-Y)*f,ne=G(we),V(g,ne),le=ne,K||(K=requestAnimationFrame(_e))},fe=()=>{K&&cancelAnimationFrame(K),K=0;try{y.releasePointerCapture(v)}catch{}window.removeEventListener("pointermove",Z),document.removeEventListener("pointermove",Z),window.removeEventListener("mousemove",Z),document.removeEventListener("mousemove",Z),y.removeEventListener("pointermove",Z),window.removeEventListener("pointerup",F),document.removeEventListener("pointerup",F),window.removeEventListener("mouseup",F),document.removeEventListener("mouseup",F),window.removeEventListener("pointercancel",F),document.removeEventListener("pointercancel",F),window.removeEventListener("keydown",Qe),y.removeEventListener("lostpointercapture",F),g.removeAttribute("data-resizing"),y.removeAttribute("data-dragging"),J.style.cursor=Te,J.style.userSelect=Ft,i.current=null},Ne=!1,F=()=>{if(Ne)return;if(Ne=!0,K&&cancelAnimationFrame(K),_e(),O&&typeof k=="number"&&we<=k){V(g,R),w?.(R),fe(),ee?.(),L?.(R);return}let D=ne;if(C&&C.length){let se=C.reduce((Xe,Ye)=>Math.abs(Ye-ne)<Math.abs(Xe-ne)?Ye:Xe,C[0]);Math.abs(se-ne)<=h&&(D=G(se),V(g,D),w?.(D))}L?.(D),fe()},Qe=D=>{D.key==="Escape"&&(K&&cancelAnimationFrame(K),K=0,le=null,V(g,R),w?.(R),Ne=!0,L?.(R),fe())};window.addEventListener("pointermove",Z),document.addEventListener("pointermove",Z),window.addEventListener("mousemove",Z),document.addEventListener("mousemove",Z),y.addEventListener("pointermove",Z),window.addEventListener("pointerup",F),document.addEventListener("pointerup",F),window.addEventListener("mouseup",F),document.addEventListener("mouseup",F),window.addEventListener("pointercancel",F),document.addEventListener("pointercancel",F),window.addEventListener("keydown",Qe),y.addEventListener("lostpointercapture",F),i.current=fe},onDoubleClick:l=>{n.onDoubleClick?.(l),!l.defaultPrevented&&O&&$?.()},onFocus:l=>{n.onFocus?.(l),N()},onKeyDown:l=>{n.onKeyDown?.(l);let g=o.current;if(!g||l.defaultPrevented)return;let y=b(),v=z(),A=R=>Math.min(Math.max(R,u),v),M;if(l.key==="Home")M=A(u);else if(l.key==="End")M=A(v);else{let R=p==="vertical"?l.key==="ArrowRight"?1:l.key==="ArrowLeft"?-1:0:l.key==="ArrowDown"?1:l.key==="ArrowUp"?-1:0;if(R===0)return;let Y=l.shiftKey?32:8;M=A(y+R*Y*E(getComputedStyle(g).direction==="rtl"))}l.preventDefault(),H?.(y),V(g,M),w?.(M),L?.(M)}},t)});re.displayName="Shell.Handle";var Xt=x.forwardRef((e,t)=>x.createElement(re,{...e,ref:t}));Xt.displayName="Shell.Panel.Handle";var ge=x.forwardRef((e,t)=>x.createElement(re,{...e,ref:t}));ge.displayName="Shell.Sidebar.Handle";var Yt=x.forwardRef((e,t)=>x.createElement(re,{...e,ref:t}));Yt.displayName="Shell.Inspector.Handle";var Jt=x.forwardRef((e,t)=>x.createElement(re,{...e,ref:t}));Jt.displayName="Shell.Bottom.Handle";var P=B(require("react"));var ce=B(require("react"));var tt={xs:"(min-width: 520px)",sm:"(min-width: 768px)",md:"(min-width: 1024px)",lg:"(min-width: 1280px)",xl:"(min-width: 1640px)"},Pe=["initial","xs","sm","md","lg","xl"];var Zt=Object.entries(tt),ke=null,ue=new Set,oe=null;function De(){return ke??(ke=Zt.map(([e,t])=>[e,window.matchMedia(t)])),ke}function Re(){let e="initial";for(let[t,n]of De())n.matches&&(e=t);return e}function ye(){let e=Re();e!==oe&&(oe=e,ue.forEach(t=>t()))}function nt(e){if(typeof window>"u")return()=>{};if(ue.size===0){oe=Re();for(let[,t]of De())typeof t.addEventListener=="function"?t.addEventListener("change",ye):t.addListener?.(ye)}return ue.add(e),()=>{if(ue.delete(e),!(ue.size>0)){for(let[,t]of De())try{typeof t.removeEventListener=="function"?t.removeEventListener("change",ye):t.removeListener?.(ye)}catch{}oe=null}}}function en(){return typeof window>"u"?"initial":(oe??(oe=Re()),oe)}function tn(){return"initial"}function de(){return typeof window>"u"?"initial":Re()}var nn=()=>!0,rn=()=>!1,rt=()=>()=>{},on=()=>"initial";function ot(e=!0){let t=ce.useSyncExternalStore(e?nt:rt,e?en:on,tn),n=ce.useSyncExternalStore(e?nt:rt,nn,rn);return ce.useMemo(()=>({breakpoint:t,ready:n}),[t,n])}var U=B(require("react"));function at(e){return typeof e=="object"&&e!==null}function pe(e,t){let n={},r=null;for(let o of Pe){if(e!==void 0&&!at(e)){n[o]=e;continue}let a=at(e)?e[o]:void 0;a!==void 0&&(r={value:a}),n[o]=r?r.value:t(o)}return n}function ie(e){let t=e.initial;return Pe.every(n=>e[n]===t)?t:void 0}function Le(e,t){let n=ie(t);if(n!==void 0)return{[`data-${e}`]:n};let r={};for(let o of Pe)r[`data-${e}-${o}`]=t[o];return r}function Me(e){return typeof e=="object"&&e!==null?JSON.stringify(e):String(e)}var Mn=pe("fixed",()=>"fixed");function Ae(e){e.version+=1;for(let t of e.listeners)t()}function an(e,t){return e.listeners.add(t),()=>{e.listeners.delete(t)}}var sn=U.createContext(null);function st(e){let t=U.useContext(sn);if(!t)throw new Error(`${e} must be used within <Shell.Root>`);return t}function it(e,t){let n=U.useCallback(r=>an(e,r),[e]);return U.useSyncExternalStore(n,()=>e.peek===t,()=>!1)}var ln=U.createContext(null);function lt(e,t){let n=U.useContext(ln);if(!n)throw new Error("Shell panes must be used within <Shell.Root>");let{registerInset:r,unregisterInset:o}=n;U.useLayoutEffect(()=>{if(t)return r(e),()=>o(e)},[e,t,r,o])}var Be=e=>typeof e=="object"&&e!==null;function cn(e){for(let t of["initial","xs","sm","md","lg","xl"]){let n=e[t];if(n!==void 0)return n}return"closed"}function ut(e){let{name:t,label:n,propNames:r,presentationTable:o,builtIn:a}=e,s=st(`Shell.${n}`),u=P.useId(),c=e.id??`shell-${t}${u}`,d=e.controlled!==void 0,p=Be(e.controlled);p&&(`${n}${r.controlled}${r.default}`,void 0);let T=p?e.controlled:void 0,E=T??(Be(e.defaultValue)?e.defaultValue:void 0),w=Me(E),[H,L]=P.useState(()=>typeof e.defaultValue=="string"?e.defaultValue:"auto"),C=P.useMemo(()=>T?pe(T,()=>cn(T)):pe(E,f=>a(o[f])),[w,p,o,a]),h=H;d&&(h=T?"auto":e.controlled);let k=ie(o)===void 0||h==="auto"&&ie(C)===void 0,{breakpoint:O,ready:W}=ot(k),ee=f=>{let q=ie(f);return q!==void 0?q:W?f[O]:void 0},$=h==="auto"?ee(C):h,I=ee(o),Q=I==="overlay",i=$===void 0?void 0:$!=="closed",b=i===!0&&Q,z=e.defaultValue,N=P.useRef({state:h,value:$,autoTable:C,defaultValue:z,controlled:d,onChange:e.onChange,toggleNext:e.toggleNext});P.useLayoutEffect(()=>{N.current={state:h,value:$,autoTable:C,defaultValue:z,controlled:d,onChange:e.onChange,toggleNext:e.toggleNext}});let V=P.useCallback(()=>{let f=N.current;return f.value!==void 0?f.value:f.state==="auto"?f.autoTable[de()]:void 0},[]),X=P.useCallback(()=>{let f=N.current;return typeof f.defaultValue=="string"?f.defaultValue:Be(f.defaultValue)?f.autoTable[de()]:void 0},[]),l=P.useCallback((f,q)=>{let G=N.current;V()!==f&&(G.onChange?.(f,q),G.controlled||L(f))},[V]),g=P.useCallback(f=>{let q=N.current,G=V()??"closed",J=q.toggleNext?q.toggleNext(G,X()):G==="closed"?"open":"closed";l(J,f)},[l,V,X]),y=P.useRef(null),v=P.useCallback(f=>{y.current=f},[]);P.useLayoutEffect(()=>{let f={name:t,id:c,el:y.current,value:$,presentation:I,presentationTable:o,overlayLive:b,size:e.size,setValue:l,toggle:g};return s.entries.set(t,f),Ae(s),()=>{s.entries.get(t)===f&&(s.entries.delete(t),Ae(s))}},[s,t,c,$,I,o,b,e.size,l,g]);let A=P.useRef({onExpand:e.onExpand,onCollapse:e.onCollapse});P.useLayoutEffect(()=>{A.current={onExpand:e.onExpand,onCollapse:e.onCollapse}});let M=P.useRef({state:h,shown:i});P.useEffect(()=>{let f=M.current;f.state!==h&&f.shown!==void 0&&i!==void 0&&f.shown!==i&&(i?A.current.onExpand?.():A.current.onCollapse?.()),M.current={state:h,shown:i}},[h,i]),P.useLayoutEffect(()=>{},[]);let R=P.useRef(d);P.useEffect(()=>{},[d,n,r.controlled]);let Y=it(s,t)&&i===!1&&!Q;return{store:s,id:c,state:h,value:$,shown:i,presentation:I,overlaying:Q,overlayLive:b,peeking:Y,ready:W,breakpoint:O,autoTable:C,setValue:l,toggle:g,defaultHereNow:X,setElement:v}}function ct(e,t){let{state:n,value:r,presentation:o,shown:a}=e;return{...t,"data-state":n,...n==="auto"?Le("auto",e.autoTable):{},"data-presentation":o,"data-mode":r===void 0?void 0:r==="closed"?"collapsed":"expanded","data-open":o==="stacked"&&a?"":void 0,"data-peek":e.peeking?"":void 0}}function dt(e,t){let n=Me(e),r=P.useMemo(()=>pe(e,()=>t),[n,t]),o=P.useMemo(()=>ie(r)===void 0?Le("presentation",r):{},[r]);return{table:r,attributes:o}}var m=B(require("react"));function pt(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 o=Number.parseFloat(getComputedStyle(document.documentElement).fontSize||"16")||16;return Number.parseFloat(n)*o}if(n.endsWith("%")){let o=Number.parseFloat(n),a=t==="horizontal"?document.documentElement.clientWidth||window.innerWidth||0:document.documentElement.clientHeight||window.innerHeight||0;return o/100*a}let r=Number.parseFloat(n);return Number.isFinite(r)?r:void 0}var He=(e,t,n)=>Math.max(t??e,Math.min(n??e,e));function ft(e){let{name:t,elementRef:n,cssVarName:r,orientation:o,minSize:a,maxSize:s,resizable:u,size:c,defaultSize:d,paneId:p,persistence:T}=e,E=m.useRef(e);m.useLayoutEffect(()=>{E.current=e});let w=m.useRef(null),H=m.useRef(0);m.useEffect(()=>()=>{w.current&&clearTimeout(w.current)},[]);let L=m.useCallback((i,b)=>{let{onSizeChange:z,sizeUpdate:N,sizeUpdateMs:V}=E.current;if(z){if(N==="debounce"){w.current&&clearTimeout(w.current),w.current=setTimeout(()=>{w.current=null,E.current.onSizeChange?.(i,b)},V);return}if(N==="throttle"){let X=Date.now();if(X-H.current<V)return;H.current=X}z(i,b)}},[]),C=m.useCallback(i=>pt(i,o==="vertical"?"horizontal":"vertical"),[o]),h=m.useRef(!1),k=m.useCallback((i,b)=>{let z=n.current;if(z){z.style.setProperty(r,`${i}px`);for(let N of z.querySelectorAll(":scope > .rt-ShellResizer"))N.setAttribute("aria-valuenow",String(Math.round(i)));b&&(h.current=!0)}},[n,r]);m.useLayoutEffect(()=>{h.current||k(e.expandedSize,!1)},[e.expandedSize,k]),m.useLayoutEffect(()=>{if(c!==void 0||d===void 0)return;let i=C(d);if(typeof i!="number"||!Number.isFinite(i))return;let b=He(i,a,s);k(b,!0),L(b,{reason:"init"})},[]),m.useLayoutEffect(()=>{if(c===void 0||E.current.overlayingNow())return;let i=C(c);if(typeof i!="number"||!Number.isFinite(i))return;let b=He(i,a,s);k(b,!0),L(b,{reason:"controlled"})},[c,a,s,e.overlaying,C,k,L]);let O=m.useMemo(()=>{if(!p||T)return T;let i=`kookie-ui:shell:${t}:${p}`;return{load:()=>{if(!(typeof window>"u"))try{let b=window.localStorage.getItem(i);return b?Number(b):void 0}catch{return}},save:b=>{if(!(typeof window>"u"))try{window.localStorage.setItem(i,String(b))}catch{}}}},[t,p,T]);m.useLayoutEffect(()=>{if(!u||!O?.load||E.current.overlayingNow())return;let i=!0,b=N=>{if(!i||typeof N!="number"||!Number.isFinite(N))return;let V=He(N,a,s);k(V,!0),E.current.onResize?.(V)},z=O.load();return z instanceof Promise?z.then(b).catch(N=>{}):b(z),()=>{i=!1}},[u,O,e.overlaying,k,a,s,t]);let W=m.useCallback(i=>E.current.onResize?.(i),[]),ee=m.useCallback(i=>{h.current=!0,E.current.onResizeStart?.(i)},[]),$=m.useCallback(i=>{E.current.onResizeEnd?.(i),L(i,{reason:"resize"}),O?.save?.(i)},[L,O]),I=m.useCallback(()=>E.current.requestCollapse(),[]),Q=m.useCallback(()=>E.current.requestToggle(),[]);return m.useMemo(()=>({containerRef:n,controls:e.elementId,cssVarName:r,minSize:a,maxSize:s,defaultSize:e.expandedSize,orientation:o,edge:e.edge,growth:e.growth,onResize:W,onResizeStart:ee,onResizeEnd:$,target:t,collapsible:e.collapsible,snapPoints:e.snapPoints,snapTolerance:e.snapTolerance??8,collapseThreshold:e.collapseThreshold,requestCollapse:I,requestToggle:Q}),[n,e.elementId,r,a,s,e.expandedSize,o,e.edge,e.growth,W,ee,$,t,e.collapsible,e.snapPoints,e.snapTolerance,e.collapseThreshold,I,Q])}function mt(e,t){let n=m.Children.toArray(e),r=n.filter(a=>m.isValidElement(a)&&a.type===t),o=n.filter(a=>!(m.isValidElement(a)&&a.type===t));return{handles:r,content:o}}var bt=e=>e==="overlay"?"closed":"open";var gt=e=>e?-1:1;function Pt(e){if(!("height"in e)&&!("resizer"in e))return e;let{height:t,resizer:n,...r}=e;return r}var S=B(require("react")),ze=B(require("classnames"));var j=B(require("react")),kt=B(require("classnames")),te=require("radix-ui"),Dt=require("radix-ui/internal");var yt={asChild:{type:"boolean"}};var dn=["none","small","medium","large","full"],Rt={radius:{type:"enum",values:dn,default:void 0}};var pn=["vertical","horizontal","both"],Se={...yt,...Rt,scrollbars:{type:"enum",values:pn,default:"both"},fade:{type:"boolean",default:!1}};var ve=B(require("react"));function St(e){let[t,n]=ve.useState(null);return ve.useEffect(()=>{if(!e||!t)return;let r=0,o=()=>{r=0;let c=Math.max(0,t.scrollTop),d=Math.max(0,t.scrollHeight-t.clientHeight-t.scrollTop);t.style.setProperty("--scroll-overflow-start",`${c}px`),t.style.setProperty("--scroll-overflow-end",`${d}px`)},a=()=>{r||(r=requestAnimationFrame(o))};o(),t.addEventListener("scroll",a,{passive:!0});let s=typeof ResizeObserver>"u"?null:new ResizeObserver(a);s?.observe(t);for(let c of Array.from(t.children))s?.observe(c);let u=typeof MutationObserver>"u"?null:new MutationObserver(a);return u?.observe(t,{childList:!0}),()=>{r&&cancelAnimationFrame(r),t.removeEventListener("scroll",a),s?.disconnect(),u?.disconnect(),t.style.removeProperty("--scroll-overflow-start"),t.style.removeProperty("--scroll-overflow-end")}},[e,t]),n}var he=B(require("react"));function ht(){let[e,t]=he.useState(null);return he.useEffect(()=>{let n=e?.parentElement;if(!e||!n)return;let r=0,o=()=>{r=0;for(let s of n.querySelectorAll(":scope > .rt-ScrollAreaScrollbar > .rt-ScrollAreaThumb")){let u=s.parentElement,c=getComputedStyle(u);if(u.dataset.orientation==="horizontal"){let d=u.clientWidth-parseFloat(c.paddingLeft)-parseFloat(c.paddingRight),p=vt(e.scrollLeft,e.scrollWidth-e.offsetWidth,d-s.offsetWidth);s.style.transform=`translate3d(${p}px, 0, 0)`}else{let d=u.clientHeight-parseFloat(c.paddingTop)-parseFloat(c.paddingBottom),p=vt(e.scrollTop,e.scrollHeight-e.offsetHeight,d-s.offsetHeight);s.style.transform=`translate3d(0, ${p}px, 0)`}}},a=()=>{r||(r=requestAnimationFrame(o))};return e.addEventListener("scroll",a,{passive:!0}),()=>{r&&cancelAnimationFrame(r),e.removeEventListener("scroll",a)}},[e]),t}function vt(e,t,n){return t<=0||n<=0?0:Math.min(Math.max(e,-t),t)/t*n}function xt(e){let{m:t,mx:n,my:r,mt:o,mr:a,mb:s,ml:u,...c}=e;return{m:t,mx:n,my:r,mt:o,mr:a,mb:s,ml:u,rest:c}}var fn=["initial","xs","sm","md","lg","xl"],Oe=new Set(fn);function Ie(e,t){return Object.prototype.hasOwnProperty.call(e,t)}var mn=new Set(["initial","xs","sm","md","lg","xl"]);function $e(e){if(typeof e!="object"||e===null)return!1;for(let t in e)if(mn.has(t))return!0;return!1}function xe(e,t,n){return t!==void 0?t.has(n):e.includes(n)}function Ct({className:e,customProperties:t,...n}){let r=bn({allowArbitraryValues:!0,className:e,...n}),o=gn({customProperties:t,...n});return[r,o]}function bn({allowArbitraryValues:e,value:t,className:n,propValues:r,propValueSet:o,parseValue:a=s=>s}){if(t){if(typeof t=="string")return xe(r,o,t)?Et(n,t,a):e?n:void 0;if($e(t)){let s=t,u=[];for(let c in s){if(!Ie(s,c)||!Oe.has(c))continue;let d=s[c];if(d!==void 0){if(xe(r,o,d)){let p=Et(n,d,a),T=c==="initial"?p:`${c}:${p}`;u.push(T)}else if(e){let p=c==="initial"?n:`${c}:${n}`;u.push(p)}}}return u.length>0?u.join(" "):""}if(e)return n}}function Et(e,t,n){let r=e?"-":"",o=n(t),a=o?.startsWith("-"),s=a?"-":"",u=a?o?.substring(1):o;return`${s}${e}${r}${u}`}function gn({customProperties:e,value:t,propValues:n,propValueSet:r,parseValue:o=a=>a}){if(!t||typeof t=="string"&&xe(n,r,t))return;let a;if(typeof t=="string"){let s=o(t);a={};for(let u of e)a[u]=s;return a}if($e(t)){let s=t;for(let u in s){if(!Ie(s,u)||!Oe.has(u))continue;let c=s[u];if(c===void 0||xe(n,r,c))continue;let d=o(c);a??(a={});for(let p of e){let T=u==="initial"?p:`${p}-${u}`;a[T]=d}}}return a??{}}function Ee(...e){let t;for(let n of e)n&&(t===void 0&&(t={}),Object.assign(t,n));return t}var ae=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9","-10","-11","-12","bleed"],zt={m:{type:"enum | string",values:ae,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:ae,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:ae,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:ae,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:ae,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:ae,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:ae,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var wt=zt.m.values,Pn=new Set(wt),Tt=[{key:"m",className:"rt-r-m",customProperties:["--margin"]},{key:"mx",className:"rt-r-mx",customProperties:["--margin-left","--margin-right"]},{key:"my",className:"rt-r-my",customProperties:["--margin-top","--margin-bottom"]},{key:"mt",className:"rt-r-mt",customProperties:["--margin-top"]},{key:"mr",className:"rt-r-mr",customProperties:["--margin-right"]},{key:"mb",className:"rt-r-mb",customProperties:["--margin-bottom"]},{key:"ml",className:"rt-r-ml",customProperties:["--margin-left"]}];function Nt(e){let t,n;for(let r=0;r<Tt.length;r++){let{key:o,className:a,customProperties:s}=Tt[r],u=e[o];if(u===void 0)continue;let[c,d]=Ct({className:a,customProperties:s,propValues:wt,propValueSet:Pn,value:u});c&&(t??(t=[])).push(c),d&&(n=Ee(n,d))}return[t!==void 0?t.join(" "):"",n]}var Ce=B(require("react"));function Vt(e,t){let{asChild:n,children:r}=e;if(!n)return typeof t=="function"?t(r):t;let o=Ce.Children.only(r);return Ce.cloneElement(o,{children:typeof t=="function"?t(o.props.children):t})}var Fe=j.forwardRef((e,t)=>{let{rest:n,...r}=xt(e),[o,a]=Nt(r),{asChild:s,children:u,className:c,style:d,type:p,scrollHideDelay:T=p!=="scroll"?0:void 0,dir:E,radius:w=Se.radius.default,scrollbars:H=Se.scrollbars.default,fade:L=Se.fade.default,...C}=n,h=St(L),k=ht(),O=(0,Dt.useComposedRefs)(t,h,k);return j.createElement(te.ScrollArea.Root,{type:p,scrollHideDelay:T,className:(0,kt.default)("rt-ScrollAreaRoot",o,c),"data-fade":L?"":void 0,style:Ee(a,d),asChild:s},Vt({asChild:s,children:u},W=>j.createElement(j.Fragment,null,j.createElement(te.ScrollArea.Viewport,{...C,ref:O,className:"rt-ScrollAreaViewport"},W),j.createElement("div",{className:"rt-ScrollAreaViewportFocusRing"}),H!=="vertical"?j.createElement(te.ScrollArea.Scrollbar,{"data-radius":w,orientation:"horizontal",className:"rt-ScrollAreaScrollbar"},j.createElement(te.ScrollArea.Thumb,{className:"rt-ScrollAreaThumb"})):null,H!=="horizontal"?j.createElement(te.ScrollArea.Scrollbar,{"data-radius":w,orientation:"vertical",className:"rt-ScrollAreaScrollbar"},j.createElement(te.ScrollArea.Thumb,{className:"rt-ScrollAreaThumb"})):null,H==="both"?j.createElement(te.ScrollArea.Corner,{className:"rt-ScrollAreaCorner"}):null)))});Fe.displayName="ScrollArea";var Lt=S.createContext(null);function Mt(){return S.useContext(Lt)}var je=S.createContext("2");function At({children:e,presentation:t}){let n=S.useContext(je),r=S.useMemo(()=>({size:n,menuVariant:"soft",presentation:t}),[n,t]);return S.createElement(Lt.Provider,{value:r},e)}function We(){let e=Mt(),t=S.useContext(je),n=e?.size??t,r=e?.menuVariant??"soft";return["rt-ShellPaneChrome",`rt-r-size-${n}`,`rt-menu-variant-${r}`]}var yn={1:"2",2:"3",3:"4",4:"4"},qe=S.createContext(null);function Bt(){let e=Mt(),t=S.useContext(je);return yn[e?.size??t]}var Rn=S.forwardRef(({className:e,float:t,children:n,...r},o)=>{let a=We(),s=Bt();return S.createElement("div",{...r,ref:o,"data-float":t||void 0,className:(0,ze.default)("rt-ShellPaneHeader","rt-SidebarHeader","rt-SidebarHeader--container",...a,e)},S.createElement(qe.Provider,{value:s},n))});Rn.displayName="Shell.PaneHeader";var Sn=S.forwardRef(({className:e,float:t,children:n,...r},o)=>{let a=We(),s=Bt();return S.createElement("div",{...r,ref:o,"data-float":t||void 0,className:(0,ze.default)("rt-ShellPaneFooter","rt-SidebarFooter","rt-SidebarFooter--container",...a,e)},S.createElement(qe.Provider,{value:s},n))});Sn.displayName="Shell.PaneFooter";var vn=S.forwardRef(({className:e,children:t,fade:n=!1,...r},o)=>{let a=We();return S.createElement(Fe,{type:"hover",fade:n,className:"rt-ShellScroll"},S.createElement("div",{...r,ref:o,className:(0,ze.default)("rt-BaseMenuContent","rt-SidebarContent",...a,e)},S.createElement(qe.Provider,{value:null},S.createElement("div",{className:"rt-BaseMenuViewport"},t))))});vn.displayName="Shell.Scroll";var Ht=e=>e==="collapsed"?"closed":"open",hn=e=>e==="closed"?"collapsed":"expanded";function Ot(e){if(e===void 0)return;if(typeof e=="string")return Ht(e);let t={};for(let[n,r]of Object.entries(e))r!==void 0&&(t[n]=Ht(r));return t}var xn={controlled:"state",default:"defaultState"},En={initial:"overlay",sm:"fixed"},Ue=_.forwardRef((e,t)=>{let{className:n,presentation:r=En,expandedSize:o=288,minSize:a=200,maxSize:s=400,resizable:u=!1,collapsible:c=!0,onExpand:d,onCollapse:p,onResize:T,onResizeStart:E,onResizeEnd:w,snapPoints:H,snapTolerance:L,collapseThreshold:C,paneId:h,persistence:k,children:O,style:W,state:ee,defaultState:$,onStateChange:I,size:Q,defaultSize:i,onSizeChange:b,sizeUpdate:z,sizeUpdateMs:N=50,inset:V,id:X,...l}=e,{table:g,attributes:y}=dt(r,"fixed"),v=ut({name:"sidebar",label:"Sidebar",propNames:xn,id:X,controlled:Ot(ee),defaultValue:Ot($),presentationTable:g,builtIn:bt,onChange:(J,Te)=>I?.(hn(J),{reason:Te}),onExpand:d,onCollapse:p,size:o});lt("sidebar",V),_.useEffect(()=>{(H!==void 0||C!==void 0||h!==void 0||k!==void 0)&&void 0},[H,C,h,k]);let A=_.useRef(null),M=(0,$t.useComposedRefs)(t,v.setElement,A),R=ft({name:"sidebar",elementId:v.id,elementRef:A,cssVarName:"--sidebar-size",orientation:"vertical",edge:"end",growth:gt,expandedSize:o,minSize:a,maxSize:s,resizable:u,collapsible:c,size:Q,defaultSize:i,onSizeChange:b,sizeUpdate:z,sizeUpdateMs:N,onResize:T,onResizeStart:E,onResizeEnd:w,snapPoints:H,snapTolerance:L,collapseThreshold:C,paneId:h,persistence:k,overlaying:v.overlaying,overlayingNow:()=>g[de()]==="overlay",requestCollapse:()=>v.setValue("closed","toggle"),requestToggle:()=>v.toggle("toggle")}),{handles:Y,content:f}=mt(O,ge),q=u&&v.value!=="closed"&&!v.overlaying?_.createElement(Ve.Provider,{value:R},Y.length>0?Y:_.createElement(re,null)):null,G=v.peeking?`var(--sidebar-size, ${o}px)`:void 0;return _.createElement("div",{...Pt(l),id:v.id,ref:M,className:(0,It.default)("rt-ShellPane","rt-ShellSidebar",n),...ct(v,y),"data-inset":V||void 0,tabIndex:v.overlaying?-1:l.tabIndex,style:{...W,"--sidebar-expanded-size":`${o}px`,"--sidebar-min-size":`${a}px`,"--sidebar-max-size":`${s}px`,...G?{"--peek-sidebar-width":G}:{}}},_.createElement("div",{className:"rt-ShellSidebarContent"},_.createElement(At,null,f)),q)});Ue.displayName="Shell.Sidebar";Ue.Handle=ge;
+"use strict";"use client";var Lt=Object.create;var fe=Object.defineProperty;var Nt=Object.getOwnPropertyDescriptor;var kt=Object.getOwnPropertyNames;var Mt=Object.getPrototypeOf,At=Object.prototype.hasOwnProperty;var Bt=(e,t)=>{for(var n in t)fe(e,n,{get:t[n],enumerable:!0})},Ue=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of kt(t))!At.call(e,o)&&o!==n&&fe(e,o,{get:()=>t[o],enumerable:!(r=Nt(t,o))||r.enumerable});return e};var H=(e,t,n)=>(n=e!=null?Lt(Mt(e)):{},Ue(t||!e||!e.__esModule?fe(n,"default",{value:e,enumerable:!0}):n,e)),Ht=e=>Ue(fe({},"__esModule",{value:!0}),e);var sn={};Bt(sn,{Sidebar:()=>Oe});module.exports=Ht(sn);var _=H(require("react")),Ct=H(require("classnames")),wt=require("radix-ui/internal");var me=H(require("react")),we=me.createContext(null);function Ke(){let e=me.useContext(we);if(!e)throw new Error("Shell.Handle must be used within a resizable pane");return e}var x=H(require("react")),Ge=H(require("classnames"));var re=x.forwardRef(({className:e,children:t,...n},r)=>{let{containerRef:o,controls:s,cssVarName:l,minSize:P,maxSize:b,defaultSize:S,orientation:m,edge:k,growth:g,onResize:V,onResizeStart:$,onResizeEnd:M,snapPoints:z,snapTolerance:E,collapseThreshold:A,collapsible:j,target:G,requestCollapse:ee,requestToggle:I}=Ke(),D=x.useRef(null),Q=x.useCallback(i=>{D.current=i,typeof r=="function"?r(i):r&&(r.current=i)},[r]),a=x.useRef(null);x.useEffect(()=>()=>{a.current?.(),a.current=null},[]);let u=x.useCallback(()=>{let i=o.current;if(!i)return S;let p=Number.parseFloat(getComputedStyle(i).getPropertyValue(l));return Number.isFinite(p)?p:S},[o,l,S]),C=x.useCallback(()=>{let i=o.current,p=D.current,h=i?.closest(".rt-ShellRoot")?.getBoundingClientRect();if(!i||!h||!p)return b;let y=i.getBoundingClientRect(),B=p.getBoundingClientRect(),N=g(getComputedStyle(i).direction==="rtl"),R;m==="vertical"?R=N>0?h.right-y.left:y.right-h.left:R=N>0?h.bottom-y.top:y.bottom-h.top;let Y=m==="vertical"?B.width:B.height;return!(h.width>0&&h.height>0)||!Number.isFinite(R)?b:Math.max(P,Math.min(b,Math.round(R-Y)))},[o,g,b,P,m]),w=()=>{D.current?.setAttribute("aria-valuemax",String(C()))};x.useLayoutEffect(()=>{D.current?.setAttribute("aria-valuenow",String(Math.round(u())))},[u]);let T=(i,p)=>{i.style.setProperty(l,`${p}px`),D.current?.setAttribute("aria-valuenow",String(Math.round(p)))},X=G.charAt(0).toUpperCase()+G.slice(1);return x.createElement("div",{ref:Q,className:(0,Ge.default)("rt-ShellResizer",e),"data-orientation":m,"data-edge":k,role:"separator",tabIndex:0,"aria-label":`Resize ${X} pane`,"aria-controls":s,"aria-orientation":m,"aria-valuemin":P,"aria-valuemax":b,...n,onPointerDown:i=>{n.onPointerDown?.(i);let p=o.current;if(!p||i.defaultPrevented||i.button!==0)return;i.preventDefault();let h=i.currentTarget,y=i.pointerId;a.current?.();try{h.setPointerCapture(y)}catch{}let B=getComputedStyle(p),N=Number.parseFloat(B.getPropertyValue(l)),R=Number.isFinite(N)?N:S,Y=m==="vertical"?i.clientX:i.clientY,c=g(B.direction==="rtl"),W=C();h.setAttribute("aria-valuemax",String(W));let U=L=>Math.min(Math.max(L,P),W);p.setAttribute("data-resizing",""),h.setAttribute("data-dragging","");let J=document.body,Ee=J.style.cursor,Tt=J.style.userSelect;J.style.cursor=m==="vertical"?"col-resize":"row-resize",J.style.userSelect="none",$?.(R);let ne=R,ze=R,K=0,se=null,Fe=()=>{if(K=0,se===null)return;let L=se;se=null,V?.(L)},$e=null,je=!1,Vt=(L,ae)=>{if(L.type===ae)je=!0;else if(je)return!1;return!0},Z=L=>{if(!Vt(L,"pointermove")||L===$e)return;$e=L;let ae=m==="vertical"?L.clientX:L.clientY;ze=R+(ae-Y)*c,ne=U(ze),T(p,ne),se=ne,K||(K=requestAnimationFrame(Fe))},pe=()=>{K&&cancelAnimationFrame(K),K=0;try{h.releasePointerCapture(y)}catch{}window.removeEventListener("pointermove",Z),document.removeEventListener("pointermove",Z),window.removeEventListener("mousemove",Z),document.removeEventListener("mousemove",Z),h.removeEventListener("pointermove",Z),window.removeEventListener("pointerup",O),document.removeEventListener("pointerup",O),window.removeEventListener("mouseup",O),document.removeEventListener("mouseup",O),window.removeEventListener("pointercancel",O),document.removeEventListener("pointercancel",O),window.removeEventListener("keydown",We),h.removeEventListener("lostpointercapture",O),p.removeAttribute("data-resizing"),h.removeAttribute("data-dragging"),J.style.cursor=Ee,J.style.userSelect=Tt,a.current=null},Ce=!1,O=()=>{if(Ce)return;if(Ce=!0,K&&cancelAnimationFrame(K),Fe(),j&&typeof A=="number"&&ze<=A){T(p,R),V?.(R),pe(),ee?.(),M?.(R);return}let L=ne;if(z&&z.length){let ae=z.reduce((qe,_e)=>Math.abs(_e-ne)<Math.abs(qe-ne)?_e:qe,z[0]);Math.abs(ae-ne)<=E&&(L=U(ae),T(p,L),V?.(L))}M?.(L),pe()},We=L=>{L.key==="Escape"&&(K&&cancelAnimationFrame(K),K=0,se=null,T(p,R),V?.(R),Ce=!0,M?.(R),pe())};window.addEventListener("pointermove",Z),document.addEventListener("pointermove",Z),window.addEventListener("mousemove",Z),document.addEventListener("mousemove",Z),h.addEventListener("pointermove",Z),window.addEventListener("pointerup",O),document.addEventListener("pointerup",O),window.addEventListener("mouseup",O),document.addEventListener("mouseup",O),window.addEventListener("pointercancel",O),document.addEventListener("pointercancel",O),window.addEventListener("keydown",We),h.addEventListener("lostpointercapture",O),a.current=pe},onDoubleClick:i=>{n.onDoubleClick?.(i),!i.defaultPrevented&&j&&I?.()},onFocus:i=>{n.onFocus?.(i),w()},onKeyDown:i=>{n.onKeyDown?.(i);let p=o.current;if(!p||i.defaultPrevented)return;let h=u(),y=C(),B=R=>Math.min(Math.max(R,P),y),N;if(i.key==="Home")N=B(P);else if(i.key==="End")N=B(y);else{let R=m==="vertical"?i.key==="ArrowRight"?1:i.key==="ArrowLeft"?-1:0:i.key==="ArrowDown"?1:i.key==="ArrowUp"?-1:0;if(R===0)return;let Y=i.shiftKey?32:8;N=B(h+R*Y*g(getComputedStyle(p).direction==="rtl"))}i.preventDefault(),$?.(h),T(p,N),V?.(N),M?.(N)}},t)});re.displayName="Shell.Handle";var Dt=x.forwardRef((e,t)=>x.createElement(re,{...e,ref:t}));Dt.displayName="Shell.Panel.Handle";var be=x.forwardRef((e,t)=>x.createElement(re,{...e,ref:t}));be.displayName="Shell.Sidebar.Handle";var It=x.forwardRef((e,t)=>x.createElement(re,{...e,ref:t}));It.displayName="Shell.Inspector.Handle";var Ot=x.forwardRef((e,t)=>x.createElement(re,{...e,ref:t}));Ot.displayName="Shell.Bottom.Handle";var f=H(require("react"));var ce=H(require("react"));var Qe={xs:"(min-width: 520px)",sm:"(min-width: 768px)",md:"(min-width: 1024px)",lg:"(min-width: 1280px)",xl:"(min-width: 1640px)"},Se=["initial","xs","sm","md","lg","xl"];var Ft=Object.entries(Qe),Te=null,le=new Set,oe=null;function Ve(){return Te??(Te=Ft.map(([e,t])=>[e,window.matchMedia(t)])),Te}function Re(){let e="initial";for(let[t,n]of Ve())n.matches&&(e=t);return e}function he(){let e=Re();e!==oe&&(oe=e,le.forEach(t=>t()))}function Xe(e){if(typeof window>"u")return()=>{};if(le.size===0){oe=Re();for(let[,t]of Ve())typeof t.addEventListener=="function"?t.addEventListener("change",he):t.addListener?.(he)}return le.add(e),()=>{if(le.delete(e),!(le.size>0)){for(let[,t]of Ve())try{typeof t.removeEventListener=="function"?t.removeEventListener("change",he):t.removeListener?.(he)}catch{}oe=null}}}function $t(){return typeof window>"u"?"initial":(oe??(oe=Re()),oe)}function jt(){return"initial"}function de(){return typeof window>"u"?"initial":Re()}var Wt=()=>!0,qt=()=>!1,Ye=()=>()=>{},_t=()=>"initial";function Je(e=!0){let t=ce.useSyncExternalStore(e?Xe:Ye,e?$t:_t,jt),n=ce.useSyncExternalStore(e?Xe:Ye,Wt,qt);return ce.useMemo(()=>({breakpoint:t,ready:n}),[t,n])}var q=H(require("react"));function Ze(e){return typeof e=="object"&&e!==null}function ue(e,t){let n={},r=null;for(let o of Se){if(e!==void 0&&!Ze(e)){n[o]=e;continue}let s=Ze(e)?e[o]:void 0;s!==void 0&&(r={value:s}),n[o]=r?r.value:t(o)}return n}function ie(e){let t=e.initial;return Se.every(n=>e[n]===t)?t:void 0}function Le(e,t){let n=ie(t);if(n!==void 0)return{[`data-${e}`]:n};let r={};for(let o of Se)r[`data-${e}-${o}`]=t[o];return r}function Ne(e){return typeof e=="object"&&e!==null?JSON.stringify(e):String(e)}var Sn=ue("fixed",()=>"fixed");function ke(e){e.version+=1;for(let t of e.listeners)t()}function Ut(e,t){return e.listeners.add(t),()=>{e.listeners.delete(t)}}var Kt=q.createContext(null);function et(e){let t=q.useContext(Kt);if(!t)throw new Error(`${e} must be used within <Shell.Root>`);return t}function tt(e,t){let n=q.useCallback(r=>Ut(e,r),[e]);return q.useSyncExternalStore(n,()=>e.peek===t,()=>!1)}var Gt=q.createContext(null);function nt(e,t){let n=q.useContext(Gt);if(!n)throw new Error("Shell panes must be used within <Shell.Root>");let{registerInset:r,unregisterInset:o}=n;q.useLayoutEffect(()=>{if(t)return r(e),()=>o(e)},[e,t,r,o])}var Me=e=>typeof e=="object"&&e!==null;function Xt(e){for(let t of["initial","xs","sm","md","lg","xl"]){let n=e[t];if(n!==void 0)return n}return"closed"}function rt(e){let{name:t,label:n,propNames:r,presentationTable:o,builtIn:s}=e,l=et(`Shell.${n}`),P=f.useId(),b=e.id??`shell-${t}${P}`,S=e.controlled!==void 0,m=Me(e.controlled);m&&(`${n}${r.controlled}${r.default}`,void 0);let k=m?e.controlled:void 0,g=k??(Me(e.defaultValue)?e.defaultValue:void 0),V=Ne(g),[$,M]=f.useState(()=>typeof e.defaultValue=="string"?e.defaultValue:"auto"),z=f.useMemo(()=>k?ue(k,()=>Xt(k)):ue(g,c=>s(o[c])),[V,m,o,s]),E=$;S&&(E=k?"auto":e.controlled);let A=ie(o)===void 0||E==="auto"&&ie(z)===void 0,{breakpoint:j,ready:G}=Je(A),ee=c=>{let W=ie(c);return W!==void 0?W:G?c[j]:void 0},I=E==="auto"?ee(z):E,D=ee(o),Q=D==="overlay",a=I===void 0?void 0:I!=="closed",u=a===!0&&Q,C=e.defaultValue,w=f.useRef({state:E,value:I,autoTable:z,defaultValue:C,controlled:S,onChange:e.onChange,toggleNext:e.toggleNext});f.useLayoutEffect(()=>{w.current={state:E,value:I,autoTable:z,defaultValue:C,controlled:S,onChange:e.onChange,toggleNext:e.toggleNext}});let T=f.useCallback(()=>{let c=w.current;return c.value!==void 0?c.value:c.state==="auto"?c.autoTable[de()]:void 0},[]),X=f.useCallback(()=>{let c=w.current;return typeof c.defaultValue=="string"?c.defaultValue:Me(c.defaultValue)?c.autoTable[de()]:void 0},[]),i=f.useCallback((c,W)=>{let U=w.current;T()!==c&&(U.onChange?.(c,W),U.controlled||M(c))},[T]),p=f.useCallback(c=>{let W=w.current,U=T()??"closed",J=W.toggleNext?W.toggleNext(U,X()):U==="closed"?"open":"closed";i(J,c)},[i,T,X]),h=f.useRef(null),y=f.useCallback(c=>{h.current=c},[]);f.useLayoutEffect(()=>{let c={name:t,id:b,el:h.current,value:I,presentation:D,presentationTable:o,overlayLive:u,size:e.size,setValue:i,toggle:p};return l.entries.set(t,c),ke(l),()=>{l.entries.get(t)===c&&(l.entries.delete(t),ke(l))}},[l,t,b,I,D,o,u,e.size,i,p]);let B=f.useRef({onExpand:e.onExpand,onCollapse:e.onCollapse});f.useLayoutEffect(()=>{B.current={onExpand:e.onExpand,onCollapse:e.onCollapse}});let N=f.useRef({state:E,shown:a});f.useEffect(()=>{let c=N.current;c.state!==E&&c.shown!==void 0&&a!==void 0&&c.shown!==a&&(a?B.current.onExpand?.():B.current.onCollapse?.()),N.current={state:E,shown:a}},[E,a]),f.useLayoutEffect(()=>{},[]);let R=f.useRef(S);f.useEffect(()=>{},[S,n,r.controlled]);let Y=tt(l,t)&&a===!1&&!Q;return{store:l,id:b,state:E,value:I,shown:a,presentation:D,overlaying:Q,overlayLive:u,peeking:Y,ready:G,breakpoint:j,autoTable:z,setValue:i,toggle:p,defaultHereNow:X,setElement:y}}function ot(e,t){let{state:n,value:r,presentation:o,shown:s}=e;return{...t,"data-state":n,...n==="auto"?Le("auto",e.autoTable):{},"data-presentation":o,"data-mode":r===void 0?void 0:r==="closed"?"collapsed":"expanded","data-open":o==="stacked"&&s?"":void 0,"data-peek":e.peeking?"":void 0}}function at(e,t){let n=Ne(e),r=f.useMemo(()=>ue(e,()=>t),[n,t]),o=f.useMemo(()=>ie(r)===void 0?Le("presentation",r):{},[r]);return{table:r,attributes:o}}var d=H(require("react"));function it(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 o=Number.parseFloat(getComputedStyle(document.documentElement).fontSize||"16")||16;return Number.parseFloat(n)*o}if(n.endsWith("%")){let o=Number.parseFloat(n),s=t==="horizontal"?document.documentElement.clientWidth||window.innerWidth||0:document.documentElement.clientHeight||window.innerHeight||0;return o/100*s}let r=Number.parseFloat(n);return Number.isFinite(r)?r:void 0}var Ae=(e,t,n)=>Math.max(t??e,Math.min(n??e,e));function st(e){let{name:t,elementRef:n,cssVarName:r,orientation:o,minSize:s,maxSize:l,resizable:P,size:b,defaultSize:S,paneId:m,persistence:k}=e,g=d.useRef(e);d.useLayoutEffect(()=>{g.current=e});let V=d.useRef(null),$=d.useRef(0);d.useEffect(()=>()=>{V.current&&clearTimeout(V.current)},[]);let M=d.useCallback((a,u)=>{let{onSizeChange:C,sizeUpdate:w,sizeUpdateMs:T}=g.current;if(C){if(w==="debounce"){V.current&&clearTimeout(V.current),V.current=setTimeout(()=>{V.current=null,g.current.onSizeChange?.(a,u)},T);return}if(w==="throttle"){let X=Date.now();if(X-$.current<T)return;$.current=X}C(a,u)}},[]),z=d.useCallback(a=>it(a,o==="vertical"?"horizontal":"vertical"),[o]),E=d.useRef(!1),A=d.useCallback((a,u)=>{let C=n.current;if(C){C.style.setProperty(r,`${a}px`);for(let w of C.querySelectorAll(":scope > .rt-ShellResizer"))w.setAttribute("aria-valuenow",String(Math.round(a)));u&&(E.current=!0)}},[n,r]);d.useLayoutEffect(()=>{E.current||A(e.expandedSize,!1)},[e.expandedSize,A]),d.useLayoutEffect(()=>{if(b!==void 0||S===void 0)return;let a=z(S);if(typeof a!="number"||!Number.isFinite(a))return;let u=Ae(a,s,l);A(u,!0),M(u,{reason:"init"})},[]),d.useLayoutEffect(()=>{if(b===void 0||g.current.overlayingNow())return;let a=z(b);if(typeof a!="number"||!Number.isFinite(a))return;let u=Ae(a,s,l);A(u,!0),M(u,{reason:"controlled"})},[b,s,l,e.overlaying,z,A,M]);let j=d.useMemo(()=>{if(!m||k)return k;let a=`kookie-ui:shell:${t}:${m}`;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,m,k]);d.useLayoutEffect(()=>{if(!P||!j?.load||g.current.overlayingNow())return;let a=!0,u=w=>{if(!a||typeof w!="number"||!Number.isFinite(w))return;let T=Ae(w,s,l);A(T,!0),g.current.onResize?.(T)},C=j.load();return C instanceof Promise?C.then(u).catch(w=>{}):u(C),()=>{a=!1}},[P,j,e.overlaying,A,s,l,t]);let G=d.useCallback(a=>g.current.onResize?.(a),[]),ee=d.useCallback(a=>{E.current=!0,g.current.onResizeStart?.(a)},[]),I=d.useCallback(a=>{g.current.onResizeEnd?.(a),M(a,{reason:"resize"}),j?.save?.(a)},[M,j]),D=d.useCallback(()=>g.current.requestCollapse(),[]),Q=d.useCallback(()=>g.current.requestToggle(),[]);return d.useMemo(()=>({containerRef:n,controls:e.elementId,cssVarName:r,minSize:s,maxSize:l,defaultSize:e.expandedSize,orientation:o,edge:e.edge,growth:e.growth,onResize:G,onResizeStart:ee,onResizeEnd:I,target:t,collapsible:e.collapsible,snapPoints:e.snapPoints,snapTolerance:e.snapTolerance??8,collapseThreshold:e.collapseThreshold,requestCollapse:D,requestToggle:Q}),[n,e.elementId,r,s,l,e.expandedSize,o,e.edge,e.growth,G,ee,I,t,e.collapsible,e.snapPoints,e.snapTolerance,e.collapseThreshold,D,Q])}function lt(e,t){let n=d.Children.toArray(e),r=n.filter(s=>d.isValidElement(s)&&s.type===t),o=n.filter(s=>!(d.isValidElement(s)&&s.type===t));return{handles:r,content:o}}var ct=e=>e==="overlay"?"closed":"open";var dt=e=>e?-1:1;function ut(e){if(!("height"in e)&&!("resizer"in e))return e;let{height:t,resizer:n,...r}=e;return r}var v=H(require("react")),xe=H(require("classnames"));var F=H(require("react")),Rt=H(require("classnames")),te=require("radix-ui"),vt=require("radix-ui/internal");var pt={asChild:{type:"boolean"}};var Yt=["none","small","medium","large","full"],ft={radius:{type:"enum",values:Yt,default:void 0}};var Jt=["vertical","horizontal","both"],ve={...pt,...ft,scrollbars:{type:"enum",values:Jt,default:"both"},fade:{type:"boolean",default:!1}};var Pe=H(require("react"));function mt(e){let[t,n]=Pe.useState(null);return Pe.useEffect(()=>{if(!e||!t)return;let r=0,o=()=>{r=0;let b=Math.max(0,t.scrollTop),S=Math.max(0,t.scrollHeight-t.clientHeight-t.scrollTop);t.style.setProperty("--scroll-overflow-start",`${b}px`),t.style.setProperty("--scroll-overflow-end",`${S}px`)},s=()=>{r||(r=requestAnimationFrame(o))};o(),t.addEventListener("scroll",s,{passive:!0});let l=typeof ResizeObserver>"u"?null:new ResizeObserver(s);l?.observe(t);for(let b of Array.from(t.children))l?.observe(b);let P=typeof MutationObserver>"u"?null:new MutationObserver(s);return P?.observe(t,{childList:!0}),()=>{r&&cancelAnimationFrame(r),t.removeEventListener("scroll",s),l?.disconnect(),P?.disconnect(),t.style.removeProperty("--scroll-overflow-start"),t.style.removeProperty("--scroll-overflow-end")}},[e,t]),n}var ye=H(require("react"));function St(){let[e,t]=ye.useState(null);return ye.useEffect(()=>{let n=e?.parentElement;if(!e||!n)return;let r=0,o=()=>{r=0;for(let l of n.querySelectorAll(":scope > .rt-ScrollAreaScrollbar > .rt-ScrollAreaThumb")){let P=l.parentElement,b=getComputedStyle(P);if(P.dataset.orientation==="horizontal"){let S=P.clientWidth-parseFloat(b.paddingLeft)-parseFloat(b.paddingRight),m=bt(e.scrollLeft,e.scrollWidth-e.offsetWidth,S-l.offsetWidth);l.style.transform=`translate3d(${m}px, 0, 0)`}else{let S=P.clientHeight-parseFloat(b.paddingTop)-parseFloat(b.paddingBottom),m=bt(e.scrollTop,e.scrollHeight-e.offsetHeight,S-l.offsetHeight);l.style.transform=`translate3d(0, ${m}px, 0)`}}},s=()=>{r||(r=requestAnimationFrame(o))};return e.addEventListener("scroll",s,{passive:!0}),()=>{r&&cancelAnimationFrame(r),e.removeEventListener("scroll",s)}},[e]),t}function bt(e,t,n){return t<=0||n<=0?0:Math.min(Math.max(e,-t),t)/t*n}var ge=H(require("react"));function ht(e,t){let{asChild:n,children:r}=e;if(!n)return typeof t=="function"?t(r):t;let o=ge.Children.only(r);return ge.cloneElement(o,{children:typeof t=="function"?t(o.props.children):t})}var Be=F.forwardRef((e,t)=>{let{asChild:n,children:r,className:o,style:s,type:l,scrollHideDelay:P=l!=="scroll"?0:void 0,dir:b,radius:S=ve.radius.default,scrollbars:m=ve.scrollbars.default,fade:k=ve.fade.default,...g}=e,V=mt(k),$=St(),M=(0,vt.useComposedRefs)(t,V,$);return F.createElement(te.ScrollArea.Root,{type:l,scrollHideDelay:P,className:(0,Rt.default)("rt-ScrollAreaRoot",o),"data-fade":k?"":void 0,style:s,asChild:n},ht({asChild:n,children:r},z=>F.createElement(F.Fragment,null,F.createElement(te.ScrollArea.Viewport,{...g,ref:M,className:"rt-ScrollAreaViewport"},z),F.createElement("div",{className:"rt-ScrollAreaViewportFocusRing"}),m!=="vertical"?F.createElement(te.ScrollArea.Scrollbar,{"data-radius":S,orientation:"horizontal",className:"rt-ScrollAreaScrollbar"},F.createElement(te.ScrollArea.Thumb,{className:"rt-ScrollAreaThumb"})):null,m!=="horizontal"?F.createElement(te.ScrollArea.Scrollbar,{"data-radius":S,orientation:"vertical",className:"rt-ScrollAreaScrollbar"},F.createElement(te.ScrollArea.Thumb,{className:"rt-ScrollAreaThumb"})):null,m==="both"?F.createElement(te.ScrollArea.Corner,{className:"rt-ScrollAreaCorner"}):null)))});Be.displayName="ScrollArea";var Pt=v.createContext(null);function yt(){return v.useContext(Pt)}var He=v.createContext("2");function gt({children:e,presentation:t}){let n=v.useContext(He),r=v.useMemo(()=>({size:n,menuVariant:"soft",presentation:t}),[n,t]);return v.createElement(Pt.Provider,{value:r},e)}function De(){let e=yt(),t=v.useContext(He),n=e?.size??t,r=e?.menuVariant??"soft";return["rt-ShellPaneChrome",`rt-r-size-${n}`,`rt-menu-variant-${r}`]}var Zt={1:"2",2:"3",3:"4",4:"4"},Ie=v.createContext(null);function xt(){let e=yt(),t=v.useContext(He);return Zt[e?.size??t]}var en=v.forwardRef(({className:e,float:t,children:n,...r},o)=>{let s=De(),l=xt();return v.createElement("div",{...r,ref:o,"data-float":t||void 0,className:(0,xe.default)("rt-ShellPaneHeader","rt-SidebarHeader","rt-SidebarHeader--container",...s,e)},v.createElement(Ie.Provider,{value:l},n))});en.displayName="Shell.PaneHeader";var tn=v.forwardRef(({className:e,float:t,children:n,...r},o)=>{let s=De(),l=xt();return v.createElement("div",{...r,ref:o,"data-float":t||void 0,className:(0,xe.default)("rt-ShellPaneFooter","rt-SidebarFooter","rt-SidebarFooter--container",...s,e)},v.createElement(Ie.Provider,{value:l},n))});tn.displayName="Shell.PaneFooter";var nn=v.forwardRef(({className:e,children:t,fade:n=!1,...r},o)=>{let s=De();return v.createElement(Be,{type:"hover",fade:n,className:"rt-ShellScroll"},v.createElement("div",{...r,ref:o,className:(0,xe.default)("rt-BaseMenuContent","rt-SidebarContent",...s,e)},v.createElement(Ie.Provider,{value:null},v.createElement("div",{className:"rt-BaseMenuViewport"},t))))});nn.displayName="Shell.Scroll";var Et=e=>e==="collapsed"?"closed":"open",rn=e=>e==="closed"?"collapsed":"expanded";function zt(e){if(e===void 0)return;if(typeof e=="string")return Et(e);let t={};for(let[n,r]of Object.entries(e))r!==void 0&&(t[n]=Et(r));return t}var on={controlled:"state",default:"defaultState"},an={initial:"overlay",sm:"fixed"},Oe=_.forwardRef((e,t)=>{let{className:n,presentation:r=an,expandedSize:o=288,minSize:s=200,maxSize:l=400,resizable:P=!1,collapsible:b=!0,onExpand:S,onCollapse:m,onResize:k,onResizeStart:g,onResizeEnd:V,snapPoints:$,snapTolerance:M,collapseThreshold:z,paneId:E,persistence:A,children:j,style:G,state:ee,defaultState:I,onStateChange:D,size:Q,defaultSize:a,onSizeChange:u,sizeUpdate:C,sizeUpdateMs:w=50,inset:T,id:X,...i}=e,{table:p,attributes:h}=at(r,"fixed"),y=rt({name:"sidebar",label:"Sidebar",propNames:on,id:X,controlled:zt(ee),defaultValue:zt(I),presentationTable:p,builtIn:ct,onChange:(J,Ee)=>D?.(rn(J),{reason:Ee}),onExpand:S,onCollapse:m,size:o});nt("sidebar",T),_.useEffect(()=>{($!==void 0||z!==void 0||E!==void 0||A!==void 0)&&void 0},[$,z,E,A]);let B=_.useRef(null),N=(0,wt.useComposedRefs)(t,y.setElement,B),R=st({name:"sidebar",elementId:y.id,elementRef:B,cssVarName:"--sidebar-size",orientation:"vertical",edge:"end",growth:dt,expandedSize:o,minSize:s,maxSize:l,resizable:P,collapsible:b,size:Q,defaultSize:a,onSizeChange:u,sizeUpdate:C,sizeUpdateMs:w,onResize:k,onResizeStart:g,onResizeEnd:V,snapPoints:$,snapTolerance:M,collapseThreshold:z,paneId:E,persistence:A,overlaying:y.overlaying,overlayingNow:()=>p[de()]==="overlay",requestCollapse:()=>y.setValue("closed","toggle"),requestToggle:()=>y.toggle("toggle")}),{handles:Y,content:c}=lt(j,be),W=P&&y.value!=="closed"&&!y.overlaying?_.createElement(we.Provider,{value:R},Y.length>0?Y:_.createElement(re,null)):null,U=y.peeking?`var(--sidebar-size, ${o}px)`:void 0;return _.createElement("div",{...ut(i),id:y.id,ref:N,className:(0,Ct.default)("rt-ShellPane","rt-ShellSidebar",n),...ot(y,h),"data-inset":T||void 0,tabIndex:y.overlaying?-1:i.tabIndex,style:{...G,"--sidebar-expanded-size":`${o}px`,"--sidebar-min-size":`${s}px`,"--sidebar-max-size":`${l}px`,...U?{"--peek-sidebar-width":U}:{}}},_.createElement("div",{className:"rt-ShellSidebarContent"},_.createElement(gt,null,c)),W)});Oe.displayName="Shell.Sidebar";Oe.Handle=be;
 //# sourceMappingURL=shell-sidebar.js.map