@womp/kookie-ui 0.34.0 → 0.34.2

package/dist/cjs/components/shell.context.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/shell.context.tsx", "../../../src/hooks/use-breakpoint.ts", "../../../src/components/shell.types.ts", "../../../src/components/_internal/shell-store.tsx"],
-  "sourcesContent": ["'use client';\n\n/**\n * Since 0.8.0 the Shell has two contexts: the pane registry (the store) and\n * the inset set. They live in `_internal/shell-store.tsx`. This module keeps\n * the two hooks consumers can reach: `useSidebarMode`, and the deprecated\n * `useShell`.\n */\nimport * as React from 'react';\nimport { useBreakpoint } from '../hooks/use-breakpoint.js';\nimport type { Breakpoint, PaneMode, PaneName, PaneTarget, PresentationValue, SidebarMode } from './shell.types.js';\nimport { setShellPeek, subscribeShellStore, useShellStore, warnOnce, type PaneValue, type ShellStore } from './_internal/shell-store.js';\n\nconst toSidebarMode = (value: PaneValue | undefined): SidebarMode | undefined => (value === undefined ? undefined : value === 'closed' ? 'collapsed' : 'expanded');\n\nconst fromSidebarMode = (mode: SidebarMode): PaneValue => (mode === 'collapsed' ? 'closed' : 'open');\n\nconst toPaneMode = (value: PaneValue | undefined): PaneMode => (value === undefined || value === 'closed' ? 'collapsed' : 'expanded');\n\nconst paneName = (target: PaneTarget): PaneName => (target === 'left' ? 'rail' : target);\n\n/** Re-renders on every change to the registry. For the deprecated whole-shell reader only. */\nfunction useStoreVersion(store: ShellStore) {\n  const subscribe = React.useCallback((listener: () => void) => subscribeShellStore(store, listener), [store]);\n  return React.useSyncExternalStore(\n    subscribe,\n    () => store.version,\n    () => 0,\n  );\n}\n\n/**\n * The Sidebar's mode, and a setter. The setter is a user action: it reports\n * through the Sidebar's `onStateChange` the way a Trigger does.\n */\nexport function useSidebarMode(): { sidebarMode: SidebarMode; setSidebarMode: (mode: SidebarMode) => void } {\n  const store = useShellStore('useSidebarMode');\n  const subscribe = React.useCallback((listener: () => void) => subscribeShellStore(store, listener), [store]);\n  const value = React.useSyncExternalStore(\n    subscribe,\n    () => store.entries.get('sidebar')?.value,\n    () => undefined,\n  );\n  const setSidebarMode = React.useCallback(\n    (mode: SidebarMode) => {\n      store.entries.get('sidebar')?.setValue(fromSidebarMode(mode), 'toggle');\n    },\n    [store],\n  );\n  return { sidebarMode: toSidebarMode(value) ?? 'expanded', setSidebarMode };\n}\n\nexport interface ShellContextValue {\n  leftMode: PaneMode;\n  setLeftMode: (mode: PaneMode) => void;\n  /** The Rail's open state, resolved, when it is controlled. */\n  leftControlledOpen?: boolean;\n  panelMode: PaneMode;\n  setPanelMode: (mode: PaneMode) => void;\n  sidebarMode: SidebarMode;\n  setSidebarMode: (mode: SidebarMode) => void;\n  inspectorMode: PaneMode;\n  setInspectorMode: (mode: PaneMode) => void;\n  bottomMode: PaneMode;\n  setBottomMode: (mode: PaneMode) => void;\n  peekTarget: PaneTarget | null;\n  setPeekTarget: (target: PaneTarget | null) => void;\n  peekPane: (target: PaneTarget) => void;\n  clearPeek: () => void;\n  /** Whether a Rail is mounted. */\n  hasLeft: boolean;\n  /** No effect since 0.8.0: the registry knows which panes are mounted. */\n  setHasLeft: (has: boolean) => void;\n  /** Whether a Sidebar is mounted. */\n  hasSidebar: boolean;\n  /** No effect since 0.8.0: the registry knows which panes are mounted. */\n  setHasSidebar: (has: boolean) => void;\n  currentBreakpoint: Breakpoint;\n  currentBreakpointReady: boolean;\n  /** The Rail's presentation at the current breakpoint, when known. */\n  leftResolvedPresentation?: PresentationValue;\n  togglePane: (target: PaneTarget) => void;\n  expandPane: (target: PaneTarget) => void;\n  collapsePane: (target: PaneTarget) => void;\n}\n\nconst noop = () => {};\n\n/**\n * @deprecated The whole-shell reader re-renders its consumer on every change\n * to any pane. Use `Shell.Trigger` to drive a pane, `Shell.useSidebarMode`\n * for the Sidebar, and each pane's `open`/`onOpenChange` for its state.\n * Removed in 1.0.\n *\n * Keeps 0.7's shape. The setters act as a user would: they report through\n * the pane's own callback with `reason: 'toggle'`, and a controlled pane\n * changes only when the app passes the new value.\n */\nexport function useShell(): ShellContextValue {\n  const store = useShellStore('useShell');\n  React.useEffect(() => {\n    warnOnce(\"Shell.useShell is deprecated and is removed in 1.0. Use Shell.Trigger, Shell.useSidebarMode, or a pane's own open/onOpenChange.\");\n  }, []);\n  useStoreVersion(store);\n  const { breakpoint, ready } = useBreakpoint();\n  const actions = React.useMemo(() => {\n    const setMode = (name: PaneName) => (mode: PaneMode) => store.entries.get(name)?.setValue(mode === 'collapsed' ? 'closed' : 'open', 'toggle');\n    const setPeekTarget = (target: PaneTarget | null) => setShellPeek(store, target === null ? null : paneName(target));\n    return {\n      setLeftMode: setMode('rail'),\n      setPanelMode: setMode('panel'),\n      setInspectorMode: setMode('inspector'),\n      setBottomMode: setMode('bottom'),\n      setSidebarMode: (mode: SidebarMode) => store.entries.get('sidebar')?.setValue(fromSidebarMode(mode), 'toggle'),\n      setPeekTarget,\n      peekPane: (target: PaneTarget) => setPeekTarget(target),\n      clearPeek: () => setPeekTarget(null),\n      setHasLeft: noop,\n      setHasSidebar: noop,\n      togglePane: (target: PaneTarget) => store.entries.get(paneName(target))?.toggle('toggle'),\n      expandPane: (target: PaneTarget) => store.entries.get(paneName(target))?.setValue('open', 'toggle'),\n      collapsePane: (target: PaneTarget) => store.entries.get(paneName(target))?.setValue('closed', 'toggle'),\n    };\n  }, [store]);\n  const value = (name: PaneName) => store.entries.get(name)?.value;\n  const rail = store.entries.get('rail');\n  return {\n    leftMode: toPaneMode(value('rail')),\n    leftControlledOpen: rail?.value === undefined ? undefined : rail.value !== 'closed',\n    panelMode: toPaneMode(value('panel')),\n    sidebarMode: toSidebarMode(value('sidebar')) ?? 'expanded',\n    inspectorMode: toPaneMode(value('inspector')),\n    bottomMode: toPaneMode(value('bottom')),\n    peekTarget: store.peek,\n    hasLeft: store.entries.has('rail'),\n    hasSidebar: store.entries.has('sidebar'),\n    currentBreakpoint: breakpoint,\n    currentBreakpointReady: ready,\n    leftResolvedPresentation: rail?.presentation,\n    ...actions,\n  };\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", "'use client';\n\n/**\n * The Shell's state model (0.8.0), ported from kookie-ui-v2's Shell.\n *\n * - State lives on the pane. Each pane holds `auto | open | closed`.\n *   `auto` means untouched: the stylesheet decides what\n *   it shows at each breakpoint, so first paint is right with no script, the\n *   server and the client render the same markup, and no open-state callback\n *   can fire on mount or on a resize.\n * - The one thing that crosses the Shell is a registry keyed by pane name.\n *   Each pane registers what it is and how to drive it; a Trigger looks its\n *   pane up, and the Root reads the set of live overlays. Nothing scans\n *   children and nothing checks `displayName`.\n * - The responsive props are resolved into a table with one value per\n *   breakpoint, from the props alone, with no window. The table is written to\n *   the DOM as data attributes for the stylesheet, and read again in JS by the\n *   mirror that sets `aria-expanded`. One table, two readers, so they agree by\n *   construction.\n */\nimport * as React from 'react';\nimport { useLayoutEffect } from 'radix-ui/internal';\nimport { SHELL_BREAKPOINTS } from '../shell.types.js';\nimport type { Breakpoint, PaneName, PresentationValue } from '../shell.types.js';\n\n/* \u2500\u2500 Breakpoint tables \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\nexport type Table<T> = Record<Breakpoint, T>;\n\n/** What a pane shows: open or closed. */\nexport type PaneValue = 'open' | 'closed';\n\ntype ResponsiveInput<T> = T | Partial<Record<Breakpoint, T>> | undefined;\n\nfunction isMap<T>(value: ResponsiveInput<T>): value is Partial<Record<Breakpoint, T>> {\n  return typeof value === 'object' && value !== null;\n}\n\n/**\n * A responsive value at every breakpoint. A breakpoint takes the largest key\n * at or below it, the same fallback `useResponsiveValue` used; a breakpoint\n * below every key takes `fallback`.\n */\nexport function tableOf<T>(value: ResponsiveInput<T>, fallback: (bp: Breakpoint) => T): Table<T> {\n  const table = {} as Table<T>;\n  let carried: { value: T } | null = null;\n  for (const bp of SHELL_BREAKPOINTS) {\n    if (value !== undefined && !isMap(value)) {\n      table[bp] = value;\n      continue;\n    }\n    const entry = isMap(value) ? value[bp] : undefined;\n    if (entry !== undefined) carried = { value: entry };\n    table[bp] = carried ? carried.value : fallback(bp);\n  }\n  return table;\n}\n\n/** The table's one value, when it has only one. */\nexport function constantOf<T>(table: Table<T>): T | undefined {\n  const first = table.initial;\n  return SHELL_BREAKPOINTS.every((bp) => table[bp] === first) ? first : undefined;\n}\n\n/**\n * The table as data attributes: `data-<name>` when it holds one value, one\n * `data-<name>-<bp>` per breakpoint when it holds several. The stylesheet has\n * a rule for each spelling.\n */\nexport function tableAttributes(name: string, table: Table<string>): Record<string, string> {\n  const constant = constantOf(table);\n  if (constant !== undefined) return { [`data-${name}`]: constant };\n  const attributes: Record<string, string> = {};\n  for (const bp of SHELL_BREAKPOINTS) attributes[`data-${name}-${bp}`] = table[bp];\n  return attributes;\n}\n\n/**\n * A responsive prop object is usually an inline literal, a new identity every\n * render. Keying memoisation on its contents keeps the tables, and so the\n * registry entries, stable across renders that change nothing.\n */\nexport function useStableKey(value: unknown): string {\n  return typeof value === 'object' && value !== null ? JSON.stringify(value) : String(value);\n}\n\nexport const FIXED_TABLE: Table<PresentationValue> = tableOf<PresentationValue>('fixed', () => 'fixed');\n\n/* \u2500\u2500 The registry \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\nexport type OpenChangeReason = 'toggle' | 'dismiss';\n\nexport type PaneEntry = {\n  name: PaneName;\n  id: string;\n  el: HTMLElement | null;\n  /** What the pane shows now; `undefined` while an untouched pane cannot know (before the breakpoint is known). */\n  value: PaneValue | undefined;\n  /** How the pane is presented now, when known. */\n  presentation: PresentationValue | undefined;\n  /** The pane's own presentation at every breakpoint. A Panel with none of its own follows the Rail's. */\n  presentationTable: Table<PresentationValue>;\n  /** Open and presented as an overlay: what the scrim and Escape close, and what containment exempts. */\n  overlayLive: boolean;\n  /** The pane's designed open width, for panes that sit beside it when floating. */\n  size: number;\n  setValue: (value: PaneValue, reason: OpenChangeReason) => void;\n  toggle: (reason: OpenChangeReason) => void;\n};\n\nexport type ShellStore = {\n  entries: Map<PaneName, PaneEntry>;\n  listeners: Set<() => void>;\n  /**\n   * What a subscriber reads. useSyncExternalStore needs a value that is stable\n   * between notifications, and a number is; the Map, or anything derived from\n   * it, would be a new identity on every read.\n   */\n  version: number;\n  /** The pane a hovered Trigger is previewing, if any. Layout only. */\n  peek: PaneName | null;\n};\n\nexport function createShellStore(): ShellStore {\n  return { entries: new Map(), listeners: new Set(), version: 0, peek: null };\n}\n\nexport function notifyShellStore(store: ShellStore) {\n  store.version += 1;\n  for (const listener of store.listeners) listener();\n}\n\nexport function subscribeShellStore(store: ShellStore, listener: () => void) {\n  store.listeners.add(listener);\n  return () => {\n    store.listeners.delete(listener);\n  };\n}\n\nexport function setShellPeek(store: ShellStore, peek: PaneName | null) {\n  if (store.peek === peek) return;\n  store.peek = peek;\n  notifyShellStore(store);\n}\n\nexport const ShellStoreContext = React.createContext<ShellStore | null>(null);\n\nexport function useShellStore(part: string): ShellStore {\n  const store = React.useContext(ShellStoreContext);\n  if (!store) throw new Error(`${part} must be used within <Shell.Root>`);\n  return store;\n}\n\n/** One pane's registry entry. Re-renders only when that entry is replaced. */\nexport function usePaneEntry(store: ShellStore, name: PaneName): PaneEntry | undefined {\n  const subscribe = React.useCallback((listener: () => void) => subscribeShellStore(store, listener), [store]);\n  const getSnapshot = React.useCallback(() => store.entries.get(name), [store, name]);\n  return React.useSyncExternalStore(subscribe, getSnapshot, () => undefined);\n}\n\n/**\n * Whether this pane is the one being previewed. A boolean per pane rather than\n * the peek target itself, so hovering one Trigger re-renders one pane, not all.\n */\nexport function usePeeking(store: ShellStore, name: PaneName): boolean {\n  const subscribe = React.useCallback((listener: () => void) => subscribeShellStore(store, listener), [store]);\n  return React.useSyncExternalStore(\n    subscribe,\n    () => store.peek === name,\n    () => false,\n  );\n}\n\n/* \u2500\u2500 Off the frame \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\nexport type FramePaneId = 'rail' | 'panel' | 'sidebar' | 'content' | 'inspector' | 'bottom';\n\nexport const ShellFrameContext = React.createContext<{\n  registerOffFrame: (id: FramePaneId) => void;\n  unregisterOffFrame: (id: FramePaneId) => void;\n} | null>(null);\n\n/** Tells the Root a pane is off the frame (`flush={false}`); the Rail's card moves a floating Panel over. */\nexport function useFrameRegistration(id: FramePaneId, flush: boolean) {\n  const ctx = React.useContext(ShellFrameContext);\n  if (!ctx) throw new Error('Shell panes must be used within <Shell.Root>');\n  const { registerOffFrame, unregisterOffFrame } = ctx;\n  useLayoutEffect(() => {\n    if (flush) return;\n    registerOffFrame(id);\n    return () => unregisterOffFrame(id);\n  }, [id, flush, registerOffFrame, unregisterOffFrame]);\n}\n\n/* \u2500\u2500 Development warnings \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\nconst warned = new Set<string>();\n\n/** A deprecation warning, once per message per page load. Development only. */\nexport function warnOnce(message: string) {\n  if (process.env.NODE_ENV === 'production') return;\n  if (warned.has(message)) return;\n  warned.add(message);\n  console.warn(`[kookie-ui] ${message}`);\n}\n"],
+  "sourcesContent": ["'use client';\n\n/**\n * Since 0.8.0 the Shell has two contexts: the pane registry (the store) and\n * the set of panes off the frame. They live in `_internal/shell-store.tsx`. This module keeps\n * the two hooks consumers can reach: `useSidebarMode`, and the deprecated\n * `useShell`.\n */\nimport * as React from 'react';\nimport { useBreakpoint } from '../hooks/use-breakpoint.js';\nimport type { Breakpoint, PaneMode, PaneName, PaneTarget, PresentationValue, SidebarMode } from './shell.types.js';\nimport { setShellPeek, subscribeShellStore, useShellStore, warnOnce, type PaneValue, type ShellStore } from './_internal/shell-store.js';\n\nconst toSidebarMode = (value: PaneValue | undefined): SidebarMode | undefined => (value === undefined ? undefined : value === 'closed' ? 'collapsed' : 'expanded');\n\nconst fromSidebarMode = (mode: SidebarMode): PaneValue => (mode === 'collapsed' ? 'closed' : 'open');\n\nconst toPaneMode = (value: PaneValue | undefined): PaneMode => (value === undefined || value === 'closed' ? 'collapsed' : 'expanded');\n\nconst paneName = (target: PaneTarget): PaneName => (target === 'left' ? 'rail' : target);\n\n/** Re-renders on every change to the registry. For the deprecated whole-shell reader only. */\nfunction useStoreVersion(store: ShellStore) {\n  const subscribe = React.useCallback((listener: () => void) => subscribeShellStore(store, listener), [store]);\n  return React.useSyncExternalStore(\n    subscribe,\n    () => store.version,\n    () => 0,\n  );\n}\n\n/**\n * The Sidebar's mode, and a setter. The setter is a user action: it reports\n * through the Sidebar's `onStateChange` the way a Trigger does.\n */\nexport function useSidebarMode(): { sidebarMode: SidebarMode; setSidebarMode: (mode: SidebarMode) => void } {\n  const store = useShellStore('useSidebarMode');\n  const subscribe = React.useCallback((listener: () => void) => subscribeShellStore(store, listener), [store]);\n  const value = React.useSyncExternalStore(\n    subscribe,\n    () => store.entries.get('sidebar')?.value,\n    () => undefined,\n  );\n  const setSidebarMode = React.useCallback(\n    (mode: SidebarMode) => {\n      store.entries.get('sidebar')?.setValue(fromSidebarMode(mode), 'toggle');\n    },\n    [store],\n  );\n  return { sidebarMode: toSidebarMode(value) ?? 'expanded', setSidebarMode };\n}\n\nexport interface ShellContextValue {\n  leftMode: PaneMode;\n  setLeftMode: (mode: PaneMode) => void;\n  /** The Rail's open state, resolved, when it is controlled. */\n  leftControlledOpen?: boolean;\n  panelMode: PaneMode;\n  setPanelMode: (mode: PaneMode) => void;\n  sidebarMode: SidebarMode;\n  setSidebarMode: (mode: SidebarMode) => void;\n  inspectorMode: PaneMode;\n  setInspectorMode: (mode: PaneMode) => void;\n  bottomMode: PaneMode;\n  setBottomMode: (mode: PaneMode) => void;\n  peekTarget: PaneTarget | null;\n  setPeekTarget: (target: PaneTarget | null) => void;\n  peekPane: (target: PaneTarget) => void;\n  clearPeek: () => void;\n  /** Whether a Rail is mounted. */\n  hasLeft: boolean;\n  /** No effect since 0.8.0: the registry knows which panes are mounted. */\n  setHasLeft: (has: boolean) => void;\n  /** Whether a Sidebar is mounted. */\n  hasSidebar: boolean;\n  /** No effect since 0.8.0: the registry knows which panes are mounted. */\n  setHasSidebar: (has: boolean) => void;\n  currentBreakpoint: Breakpoint;\n  currentBreakpointReady: boolean;\n  /** The Rail's presentation at the current breakpoint, when known. */\n  leftResolvedPresentation?: PresentationValue;\n  togglePane: (target: PaneTarget) => void;\n  expandPane: (target: PaneTarget) => void;\n  collapsePane: (target: PaneTarget) => void;\n}\n\nconst noop = () => {};\n\n/**\n * @deprecated The whole-shell reader re-renders its consumer on every change\n * to any pane. Use `Shell.Trigger` to drive a pane, `Shell.useSidebarMode`\n * for the Sidebar, and each pane's `open`/`onOpenChange` for its state.\n * Removed in 1.0.\n *\n * Keeps 0.7's shape. The setters act as a user would: they report through\n * the pane's own callback with `reason: 'toggle'`, and a controlled pane\n * changes only when the app passes the new value.\n */\nexport function useShell(): ShellContextValue {\n  const store = useShellStore('useShell');\n  React.useEffect(() => {\n    warnOnce(\"Shell.useShell is deprecated and is removed in 1.0. Use Shell.Trigger, Shell.useSidebarMode, or a pane's own open/onOpenChange.\");\n  }, []);\n  useStoreVersion(store);\n  const { breakpoint, ready } = useBreakpoint();\n  const actions = React.useMemo(() => {\n    const setMode = (name: PaneName) => (mode: PaneMode) => store.entries.get(name)?.setValue(mode === 'collapsed' ? 'closed' : 'open', 'toggle');\n    const setPeekTarget = (target: PaneTarget | null) => setShellPeek(store, target === null ? null : paneName(target));\n    return {\n      setLeftMode: setMode('rail'),\n      setPanelMode: setMode('panel'),\n      setInspectorMode: setMode('inspector'),\n      setBottomMode: setMode('bottom'),\n      setSidebarMode: (mode: SidebarMode) => store.entries.get('sidebar')?.setValue(fromSidebarMode(mode), 'toggle'),\n      setPeekTarget,\n      peekPane: (target: PaneTarget) => setPeekTarget(target),\n      clearPeek: () => setPeekTarget(null),\n      setHasLeft: noop,\n      setHasSidebar: noop,\n      togglePane: (target: PaneTarget) => store.entries.get(paneName(target))?.toggle('toggle'),\n      expandPane: (target: PaneTarget) => store.entries.get(paneName(target))?.setValue('open', 'toggle'),\n      collapsePane: (target: PaneTarget) => store.entries.get(paneName(target))?.setValue('closed', 'toggle'),\n    };\n  }, [store]);\n  const value = (name: PaneName) => store.entries.get(name)?.value;\n  const rail = store.entries.get('rail');\n  return {\n    leftMode: toPaneMode(value('rail')),\n    leftControlledOpen: rail?.value === undefined ? undefined : rail.value !== 'closed',\n    panelMode: toPaneMode(value('panel')),\n    sidebarMode: toSidebarMode(value('sidebar')) ?? 'expanded',\n    inspectorMode: toPaneMode(value('inspector')),\n    bottomMode: toPaneMode(value('bottom')),\n    peekTarget: store.peek,\n    hasLeft: store.entries.has('rail'),\n    hasSidebar: store.entries.has('sidebar'),\n    currentBreakpoint: breakpoint,\n    currentBreakpointReady: ready,\n    leftResolvedPresentation: rail?.presentation,\n    ...actions,\n  };\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", "'use client';\n\n/**\n * The Shell's state model (0.8.0), ported from kookie-ui-v2's Shell.\n *\n * - State lives on the pane. Each pane holds `auto | open | closed`.\n *   `auto` means untouched: the stylesheet decides what\n *   it shows at each breakpoint, so first paint is right with no script, the\n *   server and the client render the same markup, and no open-state callback\n *   can fire on mount or on a resize.\n * - The one thing that crosses the Shell is a registry keyed by pane name.\n *   Each pane registers what it is and how to drive it; a Trigger looks its\n *   pane up, and the Root reads the set of live overlays. Nothing scans\n *   children and nothing checks `displayName`.\n * - The responsive props are resolved into a table with one value per\n *   breakpoint, from the props alone, with no window. The table is written to\n *   the DOM as data attributes for the stylesheet, and read again in JS by the\n *   mirror that sets `aria-expanded`. One table, two readers, so they agree by\n *   construction.\n */\nimport * as React from 'react';\nimport { useLayoutEffect } from 'radix-ui/internal';\nimport { SHELL_BREAKPOINTS } from '../shell.types.js';\nimport type { Breakpoint, PaneName, PresentationValue } from '../shell.types.js';\n\n/* \u2500\u2500 Breakpoint tables \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\nexport type Table<T> = Record<Breakpoint, T>;\n\n/** What a pane shows: open or closed. */\nexport type PaneValue = 'open' | 'closed';\n\ntype ResponsiveInput<T> = T | Partial<Record<Breakpoint, T>> | undefined;\n\nfunction isMap<T>(value: ResponsiveInput<T>): value is Partial<Record<Breakpoint, T>> {\n  return typeof value === 'object' && value !== null;\n}\n\n/**\n * A responsive value at every breakpoint. A breakpoint takes the largest key\n * at or below it, the same fallback `useResponsiveValue` used; a breakpoint\n * below every key takes `fallback`.\n */\nexport function tableOf<T>(value: ResponsiveInput<T>, fallback: (bp: Breakpoint) => T): Table<T> {\n  const table = {} as Table<T>;\n  let carried: { value: T } | null = null;\n  for (const bp of SHELL_BREAKPOINTS) {\n    if (value !== undefined && !isMap(value)) {\n      table[bp] = value;\n      continue;\n    }\n    const entry = isMap(value) ? value[bp] : undefined;\n    if (entry !== undefined) carried = { value: entry };\n    table[bp] = carried ? carried.value : fallback(bp);\n  }\n  return table;\n}\n\n/** The table's one value, when it has only one. */\nexport function constantOf<T>(table: Table<T>): T | undefined {\n  const first = table.initial;\n  return SHELL_BREAKPOINTS.every((bp) => table[bp] === first) ? first : undefined;\n}\n\n/**\n * The table as data attributes: `data-<name>` when it holds one value, one\n * `data-<name>-<bp>` per breakpoint when it holds several. The stylesheet has\n * a rule for each spelling.\n */\nexport function tableAttributes(name: string, table: Table<string>): Record<string, string> {\n  const constant = constantOf(table);\n  if (constant !== undefined) return { [`data-${name}`]: constant };\n  const attributes: Record<string, string> = {};\n  for (const bp of SHELL_BREAKPOINTS) attributes[`data-${name}-${bp}`] = table[bp];\n  return attributes;\n}\n\n/**\n * A responsive prop object is usually an inline literal, a new identity every\n * render. Keying memoisation on its contents keeps the tables, and so the\n * registry entries, stable across renders that change nothing.\n */\nexport function useStableKey(value: unknown): string {\n  return typeof value === 'object' && value !== null ? JSON.stringify(value) : String(value);\n}\n\nexport const FIXED_TABLE: Table<PresentationValue> = tableOf<PresentationValue>('fixed', () => 'fixed');\n\n/* \u2500\u2500 The registry \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\nexport type OpenChangeReason = 'toggle' | 'dismiss';\n\nexport type PaneEntry = {\n  name: PaneName;\n  id: string;\n  el: HTMLElement | null;\n  /** What the pane shows now; `undefined` while an untouched pane cannot know (before the breakpoint is known). */\n  value: PaneValue | undefined;\n  /** How the pane is presented now, when known. */\n  presentation: PresentationValue | undefined;\n  /** The pane's own presentation at every breakpoint. A Panel with none of its own follows the Rail's. */\n  presentationTable: Table<PresentationValue>;\n  /** Open and presented as an overlay: what the scrim and Escape close, and what containment exempts. */\n  overlayLive: boolean;\n  /** The pane's designed open width, for panes that sit beside it when floating. */\n  size: number;\n  setValue: (value: PaneValue, reason: OpenChangeReason) => void;\n  toggle: (reason: OpenChangeReason) => void;\n};\n\nexport type ShellStore = {\n  entries: Map<PaneName, PaneEntry>;\n  listeners: Set<() => void>;\n  /**\n   * What a subscriber reads. useSyncExternalStore needs a value that is stable\n   * between notifications, and a number is; the Map, or anything derived from\n   * it, would be a new identity on every read.\n   */\n  version: number;\n  /** The pane a hovered Trigger is previewing, if any. Layout only. */\n  peek: PaneName | null;\n};\n\nexport function createShellStore(): ShellStore {\n  return { entries: new Map(), listeners: new Set(), version: 0, peek: null };\n}\n\nexport function notifyShellStore(store: ShellStore) {\n  store.version += 1;\n  for (const listener of store.listeners) listener();\n}\n\nexport function subscribeShellStore(store: ShellStore, listener: () => void) {\n  store.listeners.add(listener);\n  return () => {\n    store.listeners.delete(listener);\n  };\n}\n\nexport function setShellPeek(store: ShellStore, peek: PaneName | null) {\n  if (store.peek === peek) return;\n  store.peek = peek;\n  notifyShellStore(store);\n}\n\nexport const ShellStoreContext = React.createContext<ShellStore | null>(null);\n\nexport function useShellStore(part: string): ShellStore {\n  const store = React.useContext(ShellStoreContext);\n  if (!store) throw new Error(`${part} must be used within <Shell.Root>`);\n  return store;\n}\n\n/** One pane's registry entry. Re-renders only when that entry is replaced. */\nexport function usePaneEntry(store: ShellStore, name: PaneName): PaneEntry | undefined {\n  const subscribe = React.useCallback((listener: () => void) => subscribeShellStore(store, listener), [store]);\n  const getSnapshot = React.useCallback(() => store.entries.get(name), [store, name]);\n  return React.useSyncExternalStore(subscribe, getSnapshot, () => undefined);\n}\n\n/**\n * Whether this pane is the one being previewed. A boolean per pane rather than\n * the peek target itself, so hovering one Trigger re-renders one pane, not all.\n */\nexport function usePeeking(store: ShellStore, name: PaneName): boolean {\n  const subscribe = React.useCallback((listener: () => void) => subscribeShellStore(store, listener), [store]);\n  return React.useSyncExternalStore(\n    subscribe,\n    () => store.peek === name,\n    () => false,\n  );\n}\n\n/* \u2500\u2500 Off the frame \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\nexport type FramePaneId = 'rail' | 'panel' | 'sidebar' | 'content' | 'inspector' | 'bottom';\n\nexport const ShellFrameContext = React.createContext<{\n  registerOffFrame: (id: FramePaneId) => void;\n  unregisterOffFrame: (id: FramePaneId) => void;\n} | null>(null);\n\n/** Tells the Root a pane is off the frame (`flush={false}`); the Rail's card moves a floating Panel over. */\nexport function useFrameRegistration(id: FramePaneId, flush: boolean) {\n  const ctx = React.useContext(ShellFrameContext);\n  if (!ctx) throw new Error('Shell panes must be used within <Shell.Root>');\n  const { registerOffFrame, unregisterOffFrame } = ctx;\n  useLayoutEffect(() => {\n    if (flush) return;\n    registerOffFrame(id);\n    return () => unregisterOffFrame(id);\n  }, [id, flush, registerOffFrame, unregisterOffFrame]);\n}\n\n/* \u2500\u2500 Development warnings \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\nconst warned = new Set<string>();\n\n/** A deprecation warning, once per message per page load. Development only. */\nexport function warnOnce(message: string) {\n  if (process.env.NODE_ENV === 'production') return;\n  if (warned.has(message)) return;\n  warned.add(message);\n  console.warn(`[kookie-ui] ${message}`);\n}\n"],
   "mappings": ";ukBAAA,IAAAA,GAAA,GAAAC,EAAAD,GAAA,cAAAE,GAAA,mBAAAC,KAAA,eAAAC,EAAAJ,IAQA,IAAAK,EAAuB,oBCNvB,IAAAC,EAAuB,oBCqDhB,IAAMC,EAAe,CAC1B,GAAI,qBACJ,GAAI,qBACJ,GAAI,sBACJ,GAAI,sBACJ,GAAI,qBACN,EAKaC,EAA2C,CAAC,UAAW,KAAM,KAAM,KAAM,KAAM,IAAI,ED7DhG,IAAMC,EAAU,OAAO,QAAQC,CAAY,EASvCC,EAA8D,KAC5DC,EAAY,IAAI,IAClBC,EAAsC,KAE1C,SAASC,GAAqB,CAC5B,OAAAH,MAAoBF,EAAQ,IAAI,CAAC,CAACM,EAAMC,CAAK,IAAM,CAACD,EAAM,OAAO,WAAWC,CAAK,CAAC,CAAiC,GAC5GL,CACT,CAEA,SAASM,GAAgC,CAEvC,IAAIC,EAAsB,UAC1B,OAAW,CAACH,EAAMI,CAAG,IAAKL,EAAmB,EACvCK,EAAI,UAASD,EAAUH,GAE7B,OAAOG,CACT,CAEA,SAASE,GAAe,CACtB,IAAMC,EAAOJ,EAAkB,EAC3BI,IAASR,IACbA,EAAmBQ,EACnBT,EAAU,QAASU,GAAaA,EAAS,CAAC,EAC5C,CAEA,SAASC,EAAUD,EAAoB,CACrC,GAAI,OAAO,OAAW,IAAa,MAAO,IAAM,CAAC,EAEjD,GAAIV,EAAU,OAAS,EAAG,CACxBC,EAAmBI,EAAkB,EACrC,OAAW,CAAC,CAAEE,CAAG,IAAKL,EAAmB,EAEnC,OAAOK,EAAI,kBAAqB,WAAYA,EAAI,iBAAiB,SAAUC,CAAY,EACtFD,EAAI,cAAcC,CAAY,CAEvC,CAEA,OAAAR,EAAU,IAAIU,CAAQ,EAEf,IAAM,CAEX,GADAV,EAAU,OAAOU,CAAQ,EACrB,EAAAV,EAAU,KAAO,GAErB,QAAW,CAAC,CAAEO,CAAG,IAAKL,EAAmB,EACvC,GAAI,CACE,OAAOK,EAAI,qBAAwB,WAAYA,EAAI,oBAAoB,SAAUC,CAAY,EAC5FD,EAAI,iBAAiBC,CAAY,CACxC,MAAgB,CAKhB,CAEFP,EAAmB,KACrB,CACF,CAMA,SAASW,GAA0B,CACjC,OAAI,OAAO,OAAW,IAAoB,WAC1CX,MAAqBI,EAAkB,GAChCJ,EACT,CAEA,SAASY,GAAgC,CACvC,MAAO,SACT,CAWA,IAAMC,EAAmB,IAAM,GACzBC,EAAyB,IAAM,GAE/BC,EAAgB,IAAM,IAAM,CAAC,EAC7BC,EAAqB,IAAkB,UActC,SAASC,EAAcC,EAAU,GAAkD,CAGxF,IAAMC,EAAmB,uBACvBD,EAAUE,EAAYL,EACtBG,EAAUG,EAAcL,EACxBM,CACF,EACMC,EAAc,uBAClBL,EAAUE,EAAYL,EACtBF,EACAC,CACF,EAEA,OAAa,UAAQ,KAAO,CAAE,WAAAK,EAAY,MAAAI,CAAM,GAAI,CAACJ,EAAYI,CAAK,CAAC,CACzE,CE5GA,IAAAC,EAAuB,oBACvBC,EAAgC,6BAahC,SAASC,EAASC,EAAoE,CACpF,OAAO,OAAOA,GAAU,UAAYA,IAAU,IAChD,CAOO,SAASC,EAAWD,EAA2BE,EAA2C,CAC/F,IAAMC,EAAQ,CAAC,EACXC,EAA+B,KACnC,QAAWC,KAAMC,EAAmB,CAClC,GAAIN,IAAU,QAAa,CAACD,EAAMC,CAAK,EAAG,CACxCG,EAAME,CAAE,EAAIL,EACZ,QACF,CACA,IAAMO,EAAQR,EAAMC,CAAK,EAAIA,EAAMK,CAAE,EAAI,OACrCE,IAAU,SAAWH,EAAU,CAAE,MAAOG,CAAM,GAClDJ,EAAME,CAAE,EAAID,EAAUA,EAAQ,MAAQF,EAASG,CAAE,CACnD,CACA,OAAOF,CACT,CA8BO,IAAMK,GAAwCC,EAA2B,QAAS,IAAM,OAAO,EAyC/F,SAASC,EAAiBC,EAAmB,CAClDA,EAAM,SAAW,EACjB,QAAWC,KAAYD,EAAM,UAAWC,EAAS,CACnD,CAEO,SAASC,EAAoBF,EAAmBC,EAAsB,CAC3E,OAAAD,EAAM,UAAU,IAAIC,CAAQ,EACrB,IAAM,CACXD,EAAM,UAAU,OAAOC,CAAQ,CACjC,CACF,CAEO,SAASE,EAAaH,EAAmBI,EAAuB,CACjEJ,EAAM,OAASI,IACnBJ,EAAM,KAAOI,EACbL,EAAiBC,CAAK,EACxB,CAEO,IAAMK,EAA0B,gBAAiC,IAAI,EAErE,SAASC,EAAcC,EAA0B,CACtD,IAAMP,EAAc,aAAWK,CAAiB,EAChD,GAAI,CAACL,EAAO,MAAM,IAAI,MAAM,GAAGO,CAAI,mCAAmC,EACtE,OAAOP,CACT,CA0BO,IAAMQ,GAA0B,gBAG7B,IAAI,EHvKd,IAAMC,EAAiBC,GAA2DA,IAAU,OAAY,OAAYA,IAAU,SAAW,YAAc,WAEjJC,EAAmBC,GAAkCA,IAAS,YAAc,SAAW,OAEvFC,EAAcH,GAA4CA,IAAU,QAAaA,IAAU,SAAW,YAAc,WAEpHI,EAAYC,GAAkCA,IAAW,OAAS,OAASA,EAGjF,SAASC,EAAgBC,EAAmB,CAC1C,IAAMC,EAAkB,cAAaC,GAAyBC,EAAoBH,EAAOE,CAAQ,EAAG,CAACF,CAAK,CAAC,EAC3G,OAAa,uBACXC,EACA,IAAMD,EAAM,QACZ,IAAM,CACR,CACF,CAMO,SAASI,IAA4F,CAC1G,IAAMJ,EAAQK,EAAc,gBAAgB,EACtCJ,EAAkB,cAAaC,GAAyBC,EAAoBH,EAAOE,CAAQ,EAAG,CAACF,CAAK,CAAC,EACrGP,EAAc,uBAClBQ,EACA,IAAMD,EAAM,QAAQ,IAAI,SAAS,GAAG,MACpC,IAAG,EACL,EACMM,EAAuB,cAC1BX,GAAsB,CACrBK,EAAM,QAAQ,IAAI,SAAS,GAAG,SAASN,EAAgBC,CAAI,EAAG,QAAQ,CACxE,EACA,CAACK,CAAK,CACR,EACA,MAAO,CAAE,YAAaR,EAAcC,CAAK,GAAK,WAAY,eAAAa,CAAe,CAC3E,CAoCA,IAAMC,EAAO,IAAM,CAAC,EAYb,SAASC,IAA8B,CAC5C,IAAMR,EAAQK,EAAc,UAAU,EAChC,YAAU,IAAM,CAEtB,EAAG,CAAC,CAAC,EACLN,EAAgBC,CAAK,EACrB,GAAM,CAAE,WAAAS,EAAY,MAAAC,CAAM,EAAIC,EAAc,EACtCC,EAAgB,UAAQ,IAAM,CAClC,IAAMC,EAAWC,GAAoBnB,GAAmBK,EAAM,QAAQ,IAAIc,CAAI,GAAG,SAASnB,IAAS,YAAc,SAAW,OAAQ,QAAQ,EACtIoB,EAAiBjB,GAA8BkB,EAAahB,EAAOF,IAAW,KAAO,KAAOD,EAASC,CAAM,CAAC,EAClH,MAAO,CACL,YAAae,EAAQ,MAAM,EAC3B,aAAcA,EAAQ,OAAO,EAC7B,iBAAkBA,EAAQ,WAAW,EACrC,cAAeA,EAAQ,QAAQ,EAC/B,eAAiBlB,GAAsBK,EAAM,QAAQ,IAAI,SAAS,GAAG,SAASN,EAAgBC,CAAI,EAAG,QAAQ,EAC7G,cAAAoB,EACA,SAAWjB,GAAuBiB,EAAcjB,CAAM,EACtD,UAAW,IAAMiB,EAAc,IAAI,EACnC,WAAYR,EACZ,cAAeA,EACf,WAAaT,GAAuBE,EAAM,QAAQ,IAAIH,EAASC,CAAM,CAAC,GAAG,OAAO,QAAQ,EACxF,WAAaA,GAAuBE,EAAM,QAAQ,IAAIH,EAASC,CAAM,CAAC,GAAG,SAAS,OAAQ,QAAQ,EAClG,aAAeA,GAAuBE,EAAM,QAAQ,IAAIH,EAASC,CAAM,CAAC,GAAG,SAAS,SAAU,QAAQ,CACxG,CACF,EAAG,CAACE,CAAK,CAAC,EACJP,EAASqB,GAAmBd,EAAM,QAAQ,IAAIc,CAAI,GAAG,MACrDG,EAAOjB,EAAM,QAAQ,IAAI,MAAM,EACrC,MAAO,CACL,SAAUJ,EAAWH,EAAM,MAAM,CAAC,EAClC,mBAAoBwB,GAAM,QAAU,OAAY,OAAYA,EAAK,QAAU,SAC3E,UAAWrB,EAAWH,EAAM,OAAO,CAAC,EACpC,YAAaD,EAAcC,EAAM,SAAS,CAAC,GAAK,WAChD,cAAeG,EAAWH,EAAM,WAAW,CAAC,EAC5C,WAAYG,EAAWH,EAAM,QAAQ,CAAC,EACtC,WAAYO,EAAM,KAClB,QAASA,EAAM,QAAQ,IAAI,MAAM,EACjC,WAAYA,EAAM,QAAQ,IAAI,SAAS,EACvC,kBAAmBS,EACnB,uBAAwBC,EACxB,yBAA0BO,GAAM,aAChC,GAAGL,CACL,CACF",
   "names": ["shell_context_exports", "__export", "useShell", "useSidebarMode", "__toCommonJS", "React", "React", "_BREAKPOINTS", "SHELL_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", "React", "import_internal", "isMap", "value", "tableOf", "fallback", "table", "carried", "bp", "SHELL_BREAKPOINTS", "entry", "FIXED_TABLE", "tableOf", "notifyShellStore", "store", "listener", "subscribeShellStore", "setShellPeek", "peek", "ShellStoreContext", "useShellStore", "part", "ShellFrameContext", "toSidebarMode", "value", "fromSidebarMode", "mode", "toPaneMode", "paneName", "target", "useStoreVersion", "store", "subscribe", "listener", "subscribeShellStore", "useSidebarMode", "useShellStore", "setSidebarMode", "noop", "useShell", "breakpoint", "ready", "useBreakpoint", "actions", "setMode", "name", "setPeekTarget", "setShellPeek", "rail"]
 }

package/dist/cjs/components/shell.js

@@ -1,3 +1,3 @@
 "use client";
-"use strict";"use client";var mo=Object.create;var Je=Object.defineProperty;var Po=Object.getOwnPropertyDescriptor;var ho=Object.getOwnPropertyNames;var So=Object.getPrototypeOf,go=Object.prototype.hasOwnProperty;var bo=(e,t)=>{for(var n in t)Je(e,n,{get:t[n],enumerable:!0})},Jt=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of ho(t))!go.call(e,r)&&r!==n&&Je(e,r,{get:()=>t[r],enumerable:!(o=Po(t,r))||o.enumerable});return e};var O=(e,t,n)=>(n=e!=null?mo(So(e)):{},Jt(t||!e||!e.__esModule?Je(n,"default",{value:e,enumerable:!0}):n,e)),vo=e=>Jt(Je({},"__esModule",{value:!0}),e);var or={};bo(or,{Bottom:()=>Rt,Content:()=>po,Header:()=>lo,Inspector:()=>yt,Left:()=>co,PaneFooter:()=>jt,PaneHeader:()=>Ut,Panel:()=>Qt,Rail:()=>uo,Root:()=>io,Scroll:()=>_t,Sidebar:()=>vt,Trigger:()=>fo,useResponsivePresentation:()=>Zn,useShell:()=>Yn,useSidebarMode:()=>Qn});module.exports=vo(or);var u=O(require("react")),He=O(require("classnames")),ao=require("radix-ui"),qe=require("radix-ui/internal");var et=O(require("react")),ve=et.createContext(null);function en(){let e=et.useContext(ve);if(!e)throw new Error("Shell.Handle must be used within a resizable pane");return e}var ee=O(require("react")),tn=require("radix-ui/internal"),nn=O(require("classnames"));var ie=ee.forwardRef(({className:e,children:t,...n},o)=>{let{containerRef:r,controls:s,cssVarName:a,minSize:c,maxSize:i,defaultSize:l,orientation:d,edge:P,growth:S,onResize:C,onResizeStart:U,onResizeEnd:H,snapPoints:N,snapTolerance:x,collapseThreshold:E,collapsible:z,target:B,requestCollapse:j,requestToggle:V}=en(),I=ee.useRef(null),G=ee.useCallback(f=>{I.current=f,typeof o=="function"?o(f):o&&(o.current=f)},[o]),D=ee.useRef(null);ee.useEffect(()=>()=>{D.current?.(),D.current=null},[]);let g=ee.useCallback(()=>{let f=r.current;if(!f)return l;let b=Number.parseFloat(getComputedStyle(f).getPropertyValue(a));return Number.isFinite(b)?b:l},[r,a,l]),y=ee.useCallback(()=>{let f=r.current,b=I.current,M=f?.closest(".kui-ShellRoot")?.getBoundingClientRect();if(!f||!M||!b)return i;let h=f.getBoundingClientRect(),F=b.getBoundingClientRect(),K=S(getComputedStyle(f).direction==="rtl"),w;d==="vertical"?w=K>0?M.right-h.left:h.right-M.left:w=K>0?M.bottom-h.top:h.bottom-M.top;let $=d==="vertical"?F.width:F.height;return!(M.width>0&&M.height>0)||!Number.isFinite(w)?i:Math.max(c,Math.min(i,Math.round(w-$)))},[r,S,i,c,d]),L=()=>{I.current?.setAttribute("aria-valuemax",String(y()))};(0,tn.useLayoutEffect)(()=>{I.current?.setAttribute("aria-valuenow",String(Math.round(g())))},[g]);let k=(f,b)=>{f.style.setProperty(a,`${b}px`),I.current?.setAttribute("aria-valuenow",String(Math.round(b)))},X=B.charAt(0).toUpperCase()+B.slice(1);return ee.createElement("div",{ref:G,className:(0,nn.default)("kui-ShellResizer",e),"data-orientation":d,"data-edge":P,role:"separator",tabIndex:0,"aria-label":`Resize ${X} pane`,"aria-controls":s,"aria-orientation":d,"aria-valuemin":c,"aria-valuemax":i,...n,onPointerDown:f=>{n.onPointerDown?.(f);let b=r.current;if(!b||f.defaultPrevented||f.button!==0)return;f.preventDefault();let M=f.currentTarget,h=f.pointerId;D.current?.();try{M.setPointerCapture(h)}catch{}let F=getComputedStyle(b),K=Number.parseFloat(F.getPropertyValue(a)),w=Number.isFinite(K)?K:l,$=d==="vertical"?f.clientX:f.clientY,v=S(F.direction==="rtl"),te=y();M.setAttribute("aria-valuemax",String(te));let p=oe=>Math.min(Math.max(oe,c),te);b.setAttribute("data-resizing",""),M.setAttribute("data-dragging","");let m=document.body,R=m.style.cursor,_=m.style.userSelect;m.style.cursor=d==="vertical"?"col-resize":"row-resize",m.style.userSelect="none",U?.(w);let Q=w,ne=w,Z=0,ce=null,ge=()=>{if(Z=0,ce===null)return;let oe=ce;ce=null,C?.(oe)},Be=null,T=!1,J=(oe,Ae)=>{if(oe.type===Ae)T=!0;else if(T)return!1;return!0},W=oe=>{if(!J(oe,"pointermove")||oe===Be)return;Be=oe;let Ae=d==="vertical"?oe.clientX:oe.clientY;ne=w+(Ae-$)*v,Q=p(ne),k(b,Q),ce=Q,Z||(Z=requestAnimationFrame(ge))},be=()=>{Z&&cancelAnimationFrame(Z),Z=0;try{M.releasePointerCapture(h)}catch{}window.removeEventListener("pointermove",W),document.removeEventListener("pointermove",W),window.removeEventListener("mousemove",W),document.removeEventListener("mousemove",W),M.removeEventListener("pointermove",W),window.removeEventListener("pointerup",ae),document.removeEventListener("pointerup",ae),window.removeEventListener("mouseup",ae),document.removeEventListener("mouseup",ae),window.removeEventListener("pointercancel",ae),document.removeEventListener("pointercancel",ae),window.removeEventListener("keydown",Yt),M.removeEventListener("lostpointercapture",ae),b.removeAttribute("data-resizing"),M.removeAttribute("data-dragging"),m.style.cursor=R,m.style.userSelect=_,D.current=null},se=!1,ae=()=>{if(se)return;if(se=!0,Z&&cancelAnimationFrame(Z),ge(),z&&typeof E=="number"&&ne<=E){k(b,w),C?.(w),be(),j?.(),H?.(w);return}let oe=Q;if(N&&N.length){let Ae=N.reduce((Xt,Zt)=>Math.abs(Zt-Q)<Math.abs(Xt-Q)?Zt:Xt,N[0]);Math.abs(Ae-Q)<=x&&(oe=p(Ae),k(b,oe),C?.(oe))}H?.(oe),be()},Yt=oe=>{oe.key==="Escape"&&(Z&&cancelAnimationFrame(Z),Z=0,ce=null,k(b,w),C?.(w),se=!0,H?.(w),be())};window.addEventListener("pointermove",W),document.addEventListener("pointermove",W),window.addEventListener("mousemove",W),document.addEventListener("mousemove",W),M.addEventListener("pointermove",W),window.addEventListener("pointerup",ae),document.addEventListener("pointerup",ae),window.addEventListener("mouseup",ae),document.addEventListener("mouseup",ae),window.addEventListener("pointercancel",ae),document.addEventListener("pointercancel",ae),window.addEventListener("keydown",Yt),M.addEventListener("lostpointercapture",ae),D.current=be},onDoubleClick:f=>{n.onDoubleClick?.(f),!f.defaultPrevented&&z&&V?.()},onFocus:f=>{n.onFocus?.(f),L()},onKeyDown:f=>{n.onKeyDown?.(f);let b=r.current;if(!b||f.defaultPrevented)return;if(f.key==="Enter"){z&&V&&(f.preventDefault(),V());return}let M=g(),h=y(),F=w=>Math.min(Math.max(w,c),h),K;if(f.key==="Home")K=F(c);else if(f.key==="End")K=F(h);else{let w=d==="vertical"?f.key==="ArrowRight"?1:f.key==="ArrowLeft"?-1:0:f.key==="ArrowDown"?1:f.key==="ArrowUp"?-1:0;if(w===0)return;let $=f.shiftKey?32:8;K=F(M+w*$*S(getComputedStyle(b).direction==="rtl"))}f.preventDefault(),U?.(M),k(b,K),C?.(K),H?.(K)}},t)});ie.displayName="Shell.Handle";var tt=ee.forwardRef((e,t)=>ee.createElement(ie,{...e,ref:t}));tt.displayName="Shell.Panel.Handle";var nt=ee.forwardRef((e,t)=>ee.createElement(ie,{...e,ref:t}));nt.displayName="Shell.Sidebar.Handle";var ot=ee.forwardRef((e,t)=>ee.createElement(ie,{...e,ref:t}));ot.displayName="Shell.Inspector.Handle";var rt=ee.forwardRef((e,t)=>ee.createElement(ie,{...e,ref:t}));rt.displayName="Shell.Bottom.Handle";var de=O(require("react")),Fn=O(require("classnames")),$n=require("radix-ui/internal");var Y=O(require("react")),Qe=require("radix-ui/internal");var Ge=O(require("react"));var on={xs:"(min-width: 520px)",sm:"(min-width: 768px)",md:"(min-width: 1024px)",lg:"(min-width: 1280px)",xl:"(min-width: 1640px)"},at=["initial","xs","sm","md","lg","xl"];var Ro=Object.entries(on),zt=null,Ke=new Set,Ne=null;function Tt(){return zt??(zt=Ro.map(([e,t])=>[e,window.matchMedia(t)])),zt}function it(){let e="initial";for(let[t,n]of Tt())n.matches&&(e=t);return e}function st(){let e=it();e!==Ne&&(Ne=e,Ke.forEach(t=>t()))}function rn(e){if(typeof window>"u")return()=>{};if(Ke.size===0){Ne=it();for(let[,t]of Tt())typeof t.addEventListener=="function"?t.addEventListener("change",st):t.addListener?.(st)}return Ke.add(e),()=>{if(Ke.delete(e),!(Ke.size>0)){for(let[,t]of Tt())try{typeof t.removeEventListener=="function"?t.removeEventListener("change",st):t.removeListener?.(st)}catch{}Ne=null}}}function yo(){return typeof window>"u"?"initial":(Ne??(Ne=it()),Ne)}function xo(){return"initial"}function fe(){return typeof window>"u"?"initial":it()}var Co=()=>!0,Eo=()=>!1,an=()=>()=>{},zo=()=>"initial";function Oe(e=!0){let t=Ge.useSyncExternalStore(e?rn:an,e?yo:zo,xo),n=Ge.useSyncExternalStore(e?rn:an,Co,Eo);return Ge.useMemo(()=>({breakpoint:t,ready:n}),[t,n])}var le=O(require("react")),ln=require("radix-ui/internal");function sn(e){return typeof e=="object"&&e!==null}function Le(e,t){let n={},o=null;for(let r of at){if(e!==void 0&&!sn(e)){n[r]=e;continue}let s=sn(e)?e[r]:void 0;s!==void 0&&(o={value:s}),n[r]=o?o.value:t(r)}return n}function Ie(e){let t=e.initial;return at.every(n=>e[n]===t)?t:void 0}function wt(e,t){let n=Ie(t);if(n!==void 0)return{[`data-${e}`]:n};let o={};for(let r of at)o[`data-${e}-${r}`]=t[r];return o}function Mt(e){return typeof e=="object"&&e!==null?JSON.stringify(e):String(e)}var kt=Le("fixed",()=>"fixed");function dn(){return{entries:new Map,listeners:new Set,version:0,peek:null}}function lt(e){e.version+=1;for(let t of e.listeners)t()}function Ve(e,t){return e.listeners.add(t),()=>{e.listeners.delete(t)}}function Fe(e,t){e.peek!==t&&(e.peek=t,lt(e))}var Nt=le.createContext(null);function Ee(e){let t=le.useContext(Nt);if(!t)throw new Error(`${e} must be used within <Shell.Root>`);return t}function Lt(e,t){let n=le.useCallback(r=>Ve(e,r),[e]),o=le.useCallback(()=>e.entries.get(t),[e,t]);return le.useSyncExternalStore(n,o,()=>{})}function cn(e,t){let n=le.useCallback(o=>Ve(e,o),[e]);return le.useSyncExternalStore(n,()=>e.peek===t,()=>!1)}var Vt=le.createContext(null);function Se(e,t){let n=le.useContext(Vt);if(!n)throw new Error("Shell panes must be used within <Shell.Root>");let{registerOffFrame:o,unregisterOffFrame:r}=n;(0,ln.useLayoutEffect)(()=>{if(!t)return o(e),()=>r(e)},[e,t,o,r])}var Dt=e=>typeof e=="object"&&e!==null;function To(e){for(let t of["initial","xs","sm","md","lg","xl"]){let n=e[t];if(n!==void 0)return n}return"closed"}function Re(e){let{name:t,label:n,propNames:o,presentationTable:r,builtIn:s}=e,a=Ee(`Shell.${n}`),c=Y.useId(),i=e.id??`shell-${t}${c}`,l=e.controlled!==void 0,d=Dt(e.controlled);d&&(`${n}${o.controlled}${o.default}`,void 0);let P=d?e.controlled:void 0,S=P??(Dt(e.defaultValue)?e.defaultValue:void 0),C=Mt(S),[U,H]=Y.useState(()=>typeof e.defaultValue=="string"?e.defaultValue:"auto"),N=Y.useMemo(()=>P?Le(P,()=>To(P)):Le(S,v=>s(r[v])),[C,d,r,s]),x=U;l&&(x=P?"auto":e.controlled);let E=Ie(r)===void 0||x==="auto"&&Ie(N)===void 0,{breakpoint:z,ready:B}=Oe(E),j=v=>{let te=Ie(v);return te!==void 0?te:B?v[z]:void 0},V=x==="auto"?j(N):x,I=j(r),G=I==="overlay",D=V===void 0?void 0:V!=="closed",g=D===!0&&G,y=e.defaultValue,L=Y.useRef({state:x,value:V,autoTable:N,defaultValue:y,controlled:l,onChange:e.onChange,toggleNext:e.toggleNext});(0,Qe.useLayoutEffect)(()=>{L.current={state:x,value:V,autoTable:N,defaultValue:y,controlled:l,onChange:e.onChange,toggleNext:e.toggleNext}});let k=Y.useCallback(()=>{let v=L.current;return v.value!==void 0?v.value:v.state==="auto"?v.autoTable[fe()]:void 0},[]),X=Y.useCallback(()=>{let v=L.current;return typeof v.defaultValue=="string"?v.defaultValue:Dt(v.defaultValue)?v.autoTable[fe()]:void 0},[]),f=Y.useCallback((v,te)=>{let p=L.current;k()!==v&&(p.onChange?.(v,te),p.controlled||H(v))},[k]),b=Y.useCallback(v=>{let te=L.current,p=k()??"closed",m=te.toggleNext?te.toggleNext(p,X()):p==="closed"?"open":"closed";f(m,v)},[f,k,X]),M=Y.useRef(null),h=Y.useCallback(v=>{M.current=v},[]);(0,Qe.useLayoutEffect)(()=>{let v={name:t,id:i,el:M.current,value:V,presentation:I,presentationTable:r,overlayLive:g,size:e.size,setValue:f,toggle:b};return a.entries.set(t,v),lt(a),()=>{a.entries.get(t)===v&&(a.entries.delete(t),lt(a))}},[a,t,i,V,I,r,g,e.size,f,b]);let F=Y.useRef({onExpand:e.onExpand,onCollapse:e.onCollapse});(0,Qe.useLayoutEffect)(()=>{F.current={onExpand:e.onExpand,onCollapse:e.onCollapse}});let K=Y.useRef({state:x,shown:D});Y.useEffect(()=>{let v=K.current;v.state!==x&&v.shown!==void 0&&D!==void 0&&v.shown!==D&&(D?F.current.onExpand?.():F.current.onCollapse?.()),K.current={state:x,shown:D}},[x,D]),(0,Qe.useLayoutEffect)(()=>{},[]);let w=Y.useRef(l);Y.useEffect(()=>{},[l,n,o.controlled]);let $=cn(a,t)&&D===!1&&!G;return{store:a,id:i,state:x,value:V,shown:D,presentation:I,overlaying:G,overlayLive:g,peeking:$,ready:B,breakpoint:z,autoTable:N,setValue:f,toggle:b,defaultHereNow:X,setElement:h}}function ye(e,t){let{state:n,value:o,presentation:r,shown:s}=e;return{...t,"data-state":n,...n==="auto"?wt("auto",e.autoTable):{},"data-presentation":r,"data-mode":o===void 0?void 0:o==="closed"?"collapsed":"expanded","data-open":r==="stacked"&&s?"":void 0,"data-peek":e.peeking?"":void 0}}function xe(e,t){let n=Mt(e),o=Y.useMemo(()=>Le(e,()=>t),[n,t]),r=Y.useMemo(()=>Ie(o)===void 0?wt("presentation",o):{},[o]);return{table:o,attributes:r}}var q=O(require("react")),We=require("radix-ui/internal");function un(e,t="horizontal"){if(e==null)return;if(typeof e=="number"&&Number.isFinite(e))return e;let n=String(e).trim();if(!n)return;if(n.endsWith("px"))return Number.parseFloat(n);if(n.endsWith("rem")){let r=Number.parseFloat(getComputedStyle(document.documentElement).fontSize||"16")||16;return Number.parseFloat(n)*r}if(n.endsWith("%")){let r=Number.parseFloat(n),s=t==="horizontal"?document.documentElement.clientWidth||window.innerWidth||0:document.documentElement.clientHeight||window.innerHeight||0;return r/100*s}let o=Number.parseFloat(n);return Number.isFinite(o)?o:void 0}var dt=(e,t,n)=>Math.max(t??e,Math.min(n??e,e));function ze(e,t,n,o){let[r]=q.useState(()=>{let s=e??t;return typeof s=="number"&&Number.isFinite(s)?`${dt(s,n,o)}px`:void 0});return r}function Te(e){let{name:t,elementRef:n,cssVarName:o,orientation:r,minSize:s,maxSize:a,resizable:c,size:i,defaultSize:l,paneId:d,persistence:P}=e,S=q.useRef(e);(0,We.useLayoutEffect)(()=>{S.current=e});let C=q.useRef(null),U=q.useRef(0);q.useEffect(()=>()=>{C.current&&clearTimeout(C.current)},[]);let H=q.useCallback((g,y)=>{let{onSizeChange:L,sizeUpdate:k,sizeUpdateMs:X}=S.current;if(L){if(k==="debounce"){C.current&&clearTimeout(C.current),C.current=setTimeout(()=>{C.current=null,S.current.onSizeChange?.(g,y)},X);return}if(k==="throttle"){let f=Date.now();if(f-U.current<X)return;U.current=f}L(g,y)}},[]),N=q.useCallback(g=>un(g,r==="vertical"?"horizontal":"vertical"),[r]),x=q.useRef(!1),E=q.useCallback((g,y)=>{let L=n.current;if(L){L.style.setProperty(o,`${g}px`);for(let k of L.querySelectorAll(":scope > .kui-ShellResizer"))k.setAttribute("aria-valuenow",String(Math.round(g)));y&&(x.current=!0)}},[n,o]);(0,We.useLayoutEffect)(()=>{x.current||E(e.expandedSize,!1)},[e.expandedSize,E]),(0,We.useLayoutEffect)(()=>{if(i!==void 0||l===void 0)return;let g=N(l);if(typeof g!="number"||!Number.isFinite(g))return;let y=dt(g,s,a);E(y,!0),H(y,{reason:"init"})},[]),(0,We.useLayoutEffect)(()=>{if(i===void 0||S.current.overlayingNow())return;let g=N(i);if(typeof g!="number"||!Number.isFinite(g))return;let y=dt(g,s,a);E(y,!0),H(y,{reason:"controlled"})},[i,s,a,e.overlaying,N,E,H]);let z=P!==void 0,B=q.useMemo(()=>{if(z)return{load:()=>S.current.persistence?.load?.(),save:y=>S.current.persistence?.save?.(y)};if(!d)return;let g=`kookie-ui:shell:${t}:${d}`;return{load:()=>{if(!(typeof window>"u"))try{let y=window.localStorage.getItem(g);return y?Number(y):void 0}catch{return}},save:y=>{if(!(typeof window>"u"))try{window.localStorage.setItem(g,String(y))}catch{}}}},[t,d,z]);(0,We.useLayoutEffect)(()=>{if(!c||!B?.load||S.current.overlayingNow())return;let g=!0,y=k=>{if(!g||typeof k!="number"||!Number.isFinite(k))return;let X=dt(k,s,a);E(X,!0),S.current.onResize?.(X)},L=B.load();return L instanceof Promise?L.then(y).catch(k=>{}):y(L),()=>{g=!1}},[c,B,e.overlaying,E,s,a,t]);let j=q.useCallback(g=>S.current.onResize?.(g),[]),V=q.useCallback(g=>{x.current=!0,S.current.onResizeStart?.(g)},[]),I=q.useCallback(g=>{S.current.onResizeEnd?.(g),H(g,{reason:"resize"}),B?.save?.(g)},[H,B]),G=q.useCallback(()=>S.current.requestCollapse(),[]),D=q.useCallback(()=>S.current.requestToggle(),[]);return q.useMemo(()=>({containerRef:n,controls:e.elementId,cssVarName:o,minSize:s,maxSize:a,defaultSize:e.expandedSize,orientation:r,edge:e.edge,growth:e.growth,onResize:j,onResizeStart:V,onResizeEnd:I,target:t,collapsible:e.collapsible,snapPoints:e.snapPoints,snapTolerance:e.snapTolerance??8,collapseThreshold:e.collapseThreshold,requestCollapse:G,requestToggle:D}),[n,e.elementId,o,s,a,e.expandedSize,r,e.edge,e.growth,j,V,I,t,e.collapsible,e.snapPoints,e.snapTolerance,e.collapseThreshold,G,D])}function we(e,t){let n=q.Children.toArray(e),o=n.filter(s=>q.isValidElement(s)&&s.type===t),r=n.filter(s=>!(q.isValidElement(s)&&s.type===t));return{handles:o,content:r}}function me(e){if(e===void 0)return;if(typeof e=="boolean")return e?"open":"closed";let t={};for(let[n,o]of Object.entries(e))typeof o=="boolean"&&(t[n]=o?"open":"closed");return t}var ct=e=>e==="overlay"?"closed":"open",Ue=()=>"closed",ut=e=>e?-1:1,pn=e=>e?1:-1,fn=()=>-1;function Me(e){if(!("height"in e)&&!("resizer"in e))return e;let{height:t,resizer:n,...o}=e;return o}var A=O(require("react")),Ye=O(require("classnames"));var re=O(require("react")),Tn=O(require("classnames")),ke=require("radix-ui"),wn=require("radix-ui/internal");var mn={asChild:{type:"boolean"}};var wo=["none","small","medium","large","full"],Pn={radius:{type:"enum",values:wo,default:void 0}};var Mo=["vertical","horizontal","both"],pt={...mn,...Pn,scrollbars:{type:"enum",values:Mo,default:"both"},fade:{type:"boolean",default:!1}};var ft=O(require("react"));function Ht(e){let t=getComputedStyle(e);return{x:t.overflowX==="hidden"?0:Math.max(0,e.scrollWidth-e.clientWidth),y:t.overflowY==="hidden"?0:Math.max(0,e.scrollHeight-e.clientHeight)}}function hn(e){let[t,n]=ft.useState(null);return ft.useEffect(()=>{if(!e||!t)return;let o=0,r=()=>{o=0;let i=Ht(t),l=Math.max(0,t.scrollTop),d=Math.max(0,i.y-t.scrollTop);t.style.setProperty("--scroll-overflow-start",`${l}px`),t.style.setProperty("--scroll-overflow-end",`${d}px`);let P=Math.abs(t.scrollLeft),S=Math.max(0,i.x-P);t.style.setProperty("--scroll-overflow-x-start",`${P}px`),t.style.setProperty("--scroll-overflow-x-end",`${S}px`)},s=()=>{o||(o=requestAnimationFrame(r))};r(),t.addEventListener("scroll",s,{passive:!0});let a=typeof ResizeObserver>"u"?null:new ResizeObserver(s);a?.observe(t);for(let i of Array.from(t.children))a?.observe(i);let c=typeof MutationObserver>"u"?null:new MutationObserver(s);return c?.observe(t,{childList:!0}),()=>{o&&cancelAnimationFrame(o),t.removeEventListener("scroll",s),a?.disconnect(),c?.disconnect(),t.style.removeProperty("--scroll-overflow-start"),t.style.removeProperty("--scroll-overflow-end"),t.style.removeProperty("--scroll-overflow-x-start"),t.style.removeProperty("--scroll-overflow-x-end")}},[e,t]),n}var mt=O(require("react"));function gn(){let[e,t]=mt.useState(null);return mt.useEffect(()=>{let n=e?.parentElement;if(!e||!n)return;let o=0,r=()=>{o=0;for(let a of n.querySelectorAll(":scope > .kui-ScrollAreaScrollbar > .kui-ScrollAreaThumb")){let c=a.parentElement,i=getComputedStyle(c);if(c.dataset.orientation==="horizontal"){let l=c.clientWidth-parseFloat(i.paddingLeft)-parseFloat(i.paddingRight),d=Sn(e.scrollLeft,e.scrollWidth-e.offsetWidth,l-a.offsetWidth);a.style.transform=`translate3d(${d}px, 0, 0)`}else{let l=c.clientHeight-parseFloat(i.paddingTop)-parseFloat(i.paddingBottom),d=Sn(e.scrollTop,e.scrollHeight-e.offsetHeight,l-a.offsetHeight);a.style.transform=`translate3d(0, ${d}px, 0)`}}},s=()=>{o||(o=requestAnimationFrame(r))};return e.addEventListener("scroll",s,{passive:!0}),()=>{o&&cancelAnimationFrame(o),e.removeEventListener("scroll",s)}},[e]),t}function Sn(e,t,n){return t<=0||n<=0?0:Math.min(Math.max(e,-t),t)/t*n}var Pt=O(require("react"));function bn(e,t){let{asChild:n,children:o}=e;if(!n)return typeof t=="function"?t(o):t;let r=Pt.Children.only(o);return Pt.cloneElement(r,{children:typeof t=="function"?t(r.props.children):t})}var xn=O(require("classnames"));var ko=[],No=new Set;function Lo(e){let t=Object.assign({},...e),n=[],o=[],r=new Set;for(let s in t){let a=t[s],c=a.values??ko,i={key:s,type:a.type,default:a.default,hasDefault:a.default!==void 0,responsive:"responsive"in a,className:a.className,customProperties:a.customProperties,parseValue:a.parseValue,values:c,valueSet:c.length>0?new Set(c):No,enumValueSet:a.type==="enum"?new Set([a.default,...c]):void 0};a.className?(n.push(i),r.add(s)):(i.hasDefault||a.type==="enum")&&o.push(i)}return{styling:n,passthrough:o,stylingKeys:r}}var Vo={children:new WeakMap};function vn(e){let t=Vo;for(let n=0;n<e.length;n++){let o=e[n],r=t.children.get(o);r===void 0&&(r={children:new WeakMap},t.children.set(o,r)),t=r}return t.compiled??(t.compiled=Lo(e))}var Do=["initial","xs","sm","md","lg","xl"],Bt=new Set(Do);function At(e,t){return Object.prototype.hasOwnProperty.call(e,t)}var Ho=new Set(["initial","xs","sm","md","lg","xl"]);function De(e){if(typeof e!="object"||e===null)return!1;for(let t in e)if(Ho.has(t))return!0;return!1}function ht(e,t,n){return t!==void 0?t.has(n):e.includes(n)}function yn({className:e,customProperties:t,...n}){let o=Ot({allowArbitraryValues:!0,className:e,...n}),r=Bo({customProperties:t,...n});return[o,r]}function Ot({allowArbitraryValues:e,value:t,className:n,propValues:o,propValueSet:r,parseValue:s=a=>a}){if(t){if(typeof t=="string")return ht(o,r,t)?Rn(n,t,s):e?n:void 0;if(De(t)){let a=t,c=[];for(let i in a){if(!At(a,i)||!Bt.has(i))continue;let l=a[i];if(l!==void 0){if(ht(o,r,l)){let d=Rn(n,l,s),P=i==="initial"?d:`${i}:${d}`;c.push(P)}else if(e){let d=i==="initial"?n:`${i}:${n}`;c.push(d)}}}return c.length>0?c.join(" "):""}if(e)return n}}function Rn(e,t,n){let o=e?"-":"",r=n(t),s=r?.startsWith("-"),a=s?"-":"",c=s?r?.substring(1):r;return`${a}${e}${o}${c}`}function Bo({customProperties:e,value:t,propValues:n,propValueSet:o,parseValue:r=s=>s}){if(!t||typeof t=="string"&&ht(n,o,t))return;let s;if(typeof t=="string"){let a=r(t);s={};for(let c of e)s[c]=a;return s}if(De(t)){let a=t;for(let c in a){if(!At(a,c)||!Bt.has(c))continue;let i=a[c];if(i===void 0||ht(n,o,i))continue;let l=r(i);s??(s={});for(let d of e){let P=c==="initial"?d:`${d}-${c}`;s[P]=l}}}return s??{}}function It(...e){let t;for(let n of e)n&&(t===void 0&&(t={}),Object.assign(t,n));return t}function Ao(e,t){let n=e.initial,o=!1;return t.hasDefault&&n===void 0&&(n=t.default,o=!0),t.enumValueSet!==void 0&&!t.enumValueSet.has(n)&&(n=t.default,o=!0),o?{...e,initial:n}:e}function Cn(e,...t){let{styling:n,passthrough:o,stylingKeys:r}=vn(t),s={};for(let i in e)r.has(i)||(s[i]=e[i]);for(let i=0;i<o.length;i++){let l=o[i],d=s[l.key];if(d===void 0){l.hasDefault&&(s[l.key]=l.default);continue}l.enumValueSet!==void 0&&!l.enumValueSet.has(d)&&!De(d)&&(s[l.key]=l.default)}let a,c=[];for(let i=0;i<n.length;i++){let l=n[i],d=e[l.key];if(d===void 0&&l.hasDefault&&(d=l.default),l.enumValueSet!==void 0&&!l.enumValueSet.has(d)&&!De(d)&&(d=l.default),!!d){if(De(d)){if(!l.responsive)continue;d=Ao(d,l)}if(l.type==="enum"){let P=Ot({allowArbitraryValues:!1,value:d,className:l.className,propValues:l.values,propValueSet:l.valueSet,parseValue:l.parseValue});P&&c.push(P);continue}if(l.type==="string"||l.type==="enum | string"){let[P,S]=yn({className:l.className,customProperties:l.customProperties,propValues:l.type==="string"?[]:l.values,propValueSet:l.type==="string"?void 0:l.valueSet,parseValue:l.parseValue,value:d});S&&(a=It(a,S)),P&&c.push(P);continue}if(l.type==="boolean"){c.push(l.className);continue}}}return s.className=(0,xn.default)(c.length>0?c.join(" "):void 0,e.className),s.style=It(a,e.style),s}var En={width:{type:"string",className:"kui-r-w",customProperties:["--width"],responsive:!0},minWidth:{type:"string",className:"kui-r-min-w",customProperties:["--min-width"],responsive:!0},maxWidth:{type:"string",className:"kui-r-max-w",customProperties:["--max-width"],responsive:!0}};var zn={height:{type:"string",className:"kui-r-h",customProperties:["--height"],responsive:!0},minHeight:{type:"string",className:"kui-r-min-h",customProperties:["--min-height"],responsive:!0},maxHeight:{type:"string",className:"kui-r-max-h",customProperties:["--max-height"],responsive:!0}};var Oo='[role="menu"], [role="listbox"]';function Io(e,t){re.useEffect(()=>{if(!t||!e||e.closest(Oo))return;let n=0,o=()=>{n=0;let a=Ht(e);a.x>0||a.y>0?e.setAttribute("tabindex","0"):e.removeAttribute("tabindex")},r=()=>{n||(n=requestAnimationFrame(o))};o();let s=typeof ResizeObserver>"u"?null:new ResizeObserver(r);s?.observe(e);for(let a of Array.from(e.children))s?.observe(a);return()=>{n&&cancelAnimationFrame(n),s?.disconnect()}},[e,t])}var St=re.forwardRef((e,t)=>{let{asChild:n,children:o,className:r,style:s,type:a,scrollHideDelay:c=a!=="scroll"?0:void 0,dir:i,radius:l=pt.radius.default,scrollbars:d=pt.scrollbars.default,fade:P=pt.fade.default,...S}=Cn(e,En,zn),[C,U]=re.useState(null),H=hn(P),N=gn(),x=(0,wn.useComposedRefs)(t,H,N,U);Io(C,S.tabIndex===void 0);let E=S["aria-label"]!==void 0||S["aria-labelledby"]!==void 0;return re.createElement(ke.ScrollArea.Root,{type:a,scrollHideDelay:c,dir:i,className:(0,Tn.default)("kui-ScrollAreaRoot",r),"data-fade":P?"":void 0,style:s,asChild:n},bn({asChild:n,children:o},z=>re.createElement(re.Fragment,null,re.createElement(ke.ScrollArea.Viewport,{role:E?"region":void 0,...S,ref:x,className:"kui-ScrollAreaViewport"},z),re.createElement("div",{className:"kui-ScrollAreaViewportFocusRing"}),d!=="vertical"?re.createElement(ke.ScrollArea.Scrollbar,{"data-radius":l,orientation:"horizontal",className:"kui-ScrollAreaScrollbar"},re.createElement(ke.ScrollArea.Thumb,{className:"kui-ScrollAreaThumb"})):null,d!=="horizontal"?re.createElement(ke.ScrollArea.Scrollbar,{"data-radius":l,orientation:"vertical",className:"kui-ScrollAreaScrollbar"},re.createElement(ke.ScrollArea.Thumb,{className:"kui-ScrollAreaThumb"})):null,d==="both"?re.createElement(ke.ScrollArea.Corner,{className:"kui-ScrollAreaCorner"}):null)))});St.displayName="ScrollArea";var Mn=O(require("react")),je=Mn.createContext(void 0);var Nn=O(require("react")),Fo="(max-width: 767.98px) and (pointer: coarse)",kn,gt=()=>kn??(kn=window.matchMedia(Fo));function Ln(e,t){return typeof e.addEventListener=="function"?(e.addEventListener("change",t),()=>e.removeEventListener("change",t)):(e.addListener?.(t),()=>e.removeListener?.(t))}function $o(e){return Ln(gt(),e)}function Vn(){return Nn.useSyncExternalStore($o,()=>gt().matches,()=>!1)}function Dn(){return gt().matches}function Hn(e){let t=gt();return Ln(t,()=>e(t.matches))}var Bn=A.createContext(null);function Ft(){return A.useContext(Bn)}var _e=A.createContext("2"),bt=A.createContext(!1),$t=A.createContext(!1);function Xe({children:e,presentation:t}){let n=A.useContext(_e),o=A.useMemo(()=>({size:n,menuVariant:"soft",presentation:t}),[n,t]);return A.createElement(Bn.Provider,{value:o},e)}function Wt(){let e=Ft(),t=A.useContext(_e),n=e?.size??t,o=e?.menuVariant??"soft";return["kui-ShellPaneChrome",`kui-r-size-${n}`,`kui-menu-variant-${o}`]}var Wo={1:"2",2:"3",3:"4",4:"4"};function An(){let e=Ft(),t=A.useContext(_e);return Wo[e?.size??t]}var Ut=A.forwardRef(({className:e,float:t,children:n,...o},r)=>{let s=Wt(),a=An();return A.createElement("div",{...o,ref:r,"data-float":t||void 0,className:(0,Ye.default)("kui-ShellPaneHeader","kui-SidebarHeader","kui-SidebarHeader--container",...s,e)},A.createElement(je.Provider,{value:a},n))});Ut.displayName="Shell.PaneHeader";var jt=A.forwardRef(({className:e,float:t,children:n,...o},r)=>{let s=Wt(),a=An();return A.createElement("div",{...o,ref:r,"data-float":t||void 0,className:(0,Ye.default)("kui-ShellPaneFooter","kui-SidebarFooter","kui-SidebarFooter--container",...s,e)},A.createElement(je.Provider,{value:a},n))});jt.displayName="Shell.PaneFooter";var _t=A.forwardRef(({className:e,style:t,dir:n,children:o,fade:r=!1,pane:s=!1,...a},c)=>{let i=Wt(),l=A.useContext(bt),d=Ft(),P=l&&d===null&&!s,S=A.useContext($t),C=Vn();if(P){let U=a.tabIndex??(S&&C?-1:void 0);return A.createElement(St,{...a,tabIndex:U,ref:c,type:"hover",fade:r,className:"kui-ShellScroll"},A.createElement("div",{style:t,dir:n,className:(0,Ye.default)("kui-ShellScrollContent",e)},o))}return A.createElement(St,{...a,ref:c,type:"hover",fade:r,className:"kui-ShellScroll"},A.createElement("div",{style:t,dir:n,className:(0,Ye.default)("kui-BaseMenuContent","kui-SidebarContent",...i,e)},A.createElement(je.Provider,{value:null},A.createElement("div",{className:"kui-BaseMenuViewport"},o))))});_t.displayName="Shell.Scroll";var Pe=O(require("react")),Uo=Pe.createContext(null);function Ce({children:e}){let t=Pe.useMemo(()=>({title:null,mirrors:new Set,collapsed:!1,listeners:new Set,version:0}),[]);return Pe.createElement(Uo.Provider,{value:t},e)}var On=e=>e==="collapsed"?"closed":"open",jo=e=>e==="closed"?"collapsed":"expanded";function In(e){if(e===void 0)return;if(typeof e=="string")return On(e);let t={};for(let[n,o]of Object.entries(e))o!==void 0&&(t[n]=On(o));return t}var _o={controlled:"state",default:"defaultState"},qo={initial:"overlay",sm:"fixed"},vt=de.forwardRef((e,t)=>{let{className:n,presentation:o=qo,expandedSize:r=288,minSize:s=200,maxSize:a=400,resizable:c=!1,collapsible:i=!0,onExpand:l,onCollapse:d,onResize:P,onResizeStart:S,onResizeEnd:C,snapPoints:U,snapTolerance:H,collapseThreshold:N,paneId:x,persistence:E,children:z,style:B,state:j,defaultState:V,onStateChange:I,size:G,defaultSize:D,onSizeChange:g,sizeUpdate:y,sizeUpdateMs:L=50,flush:k=!0,id:X,...f}=e,{table:b,attributes:M}=xe(o,"fixed"),h=Re({name:"sidebar",label:"Sidebar",propNames:_o,id:X,controlled:In(j),defaultValue:In(V),presentationTable:b,builtIn:ct,onChange:(R,_)=>I?.(jo(R),{reason:_}),onExpand:l,onCollapse:d,size:r});Se("sidebar",k),de.useEffect(()=>{(U!==void 0||N!==void 0||x!==void 0||E!==void 0)&&void 0},[U,N,x,E]);let F=de.useRef(null),K=(0,$n.useComposedRefs)(t,h.setElement,F),w=Te({name:"sidebar",elementId:h.id,elementRef:F,cssVarName:"--sidebar-size",orientation:"vertical",edge:"end",growth:ut,expandedSize:r,minSize:s,maxSize:a,resizable:c,collapsible:i,size:G,defaultSize:D,onSizeChange:g,sizeUpdate:y,sizeUpdateMs:L,onResize:P,onResizeStart:S,onResizeEnd:C,snapPoints:U,snapTolerance:H,collapseThreshold:N,paneId:x,persistence:E,overlaying:h.overlaying,overlayingNow:()=>b[fe()]==="overlay",requestCollapse:()=>h.setValue("closed","toggle"),requestToggle:()=>h.toggle("toggle")}),{handles:$,content:v}=we(z,nt),te=c&&h.value!=="closed"&&!h.overlaying?de.createElement(ve.Provider,{value:w},$.length>0?$:de.createElement(ie,null)):null,p=h.peeking?`var(--sidebar-size, ${r}px)`:void 0,m=ze(G,D,s,a);return de.createElement("div",{...Me(f),role:f.role??"navigation",id:h.id,ref:K,className:(0,Fn.default)("kui-ShellPane","kui-ShellSidebar",n),...ye(h,M),"data-flush":k||void 0,tabIndex:h.overlaying?-1:f.tabIndex,style:{...B,"--sidebar-expanded-size":`${r}px`,...m?{"--sidebar-size":m}:{},"--sidebar-min-size":`${s}px`,"--sidebar-max-size":`${a}px`,...p?{"--peek-sidebar-width":p}:{}}},de.createElement("div",{className:"kui-ShellSidebarContent"},de.createElement(Xe,null,de.createElement(Ce,null,v))),te)});vt.displayName="Shell.Sidebar";vt.Handle=nt;var ue=O(require("react")),Wn=O(require("classnames")),Un=require("radix-ui/internal");var Ko={controlled:"open",default:"defaultOpen"},Rt=ue.forwardRef((e,t)=>{let{className:n,presentation:o="fixed",defaultOpen:r,open:s,onOpenChange:a,expandedSize:c=200,minSize:i=100,maxSize:l=400,resizable:d=!1,collapsible:P=!0,onExpand:S,onCollapse:C,onResize:U,onResizeStart:H,onResizeEnd:N,snapPoints:x,snapTolerance:E,collapseThreshold:z,paneId:B,persistence:j,children:V,style:I,size:G,defaultSize:D,onSizeChange:g,sizeUpdate:y,sizeUpdateMs:L=50,flush:k=!0,id:X,...f}=e,{table:b,attributes:M}=xe(o,"fixed"),h=Re({name:"bottom",label:"Bottom",propNames:Ko,id:X,controlled:me(s),defaultValue:me(r),presentationTable:b,builtIn:Ue,onChange:(m,R)=>a?.(m!=="closed",{reason:R}),onExpand:S,onCollapse:C,size:c});Se("bottom",k),ue.useEffect(()=>{(x!==void 0||z!==void 0||B!==void 0||j!==void 0)&&void 0},[x,z,B,j]);let F=ue.useRef(null),K=(0,Un.useComposedRefs)(t,h.setElement,F),w=Te({name:"bottom",elementId:h.id,elementRef:F,cssVarName:"--bottom-size",orientation:"horizontal",edge:"start",growth:fn,expandedSize:c,minSize:i,maxSize:l,resizable:d,collapsible:P,size:G,defaultSize:D,onSizeChange:g,sizeUpdate:y,sizeUpdateMs:L,onResize:U,onResizeStart:H,onResizeEnd:N,snapPoints:x,snapTolerance:E,collapseThreshold:z,paneId:B,persistence:j,overlaying:h.overlaying,overlayingNow:()=>b[fe()]==="overlay",requestCollapse:()=>h.setValue("closed","toggle"),requestToggle:()=>h.toggle("toggle")}),$=ze(G,D,i,l),{handles:v,content:te}=we(V,rt),p=d&&h.shown!==!1&&!h.overlaying?ue.createElement(ve.Provider,{value:w},v.length>0?v:ue.createElement(ie,null)):null;return ue.createElement("div",{...Me(f),id:h.id,ref:K,className:(0,Wn.default)("kui-ShellPane","kui-ShellBottom",n),...ye(h,M),"data-flush":k||void 0,tabIndex:h.overlaying?-1:f.tabIndex,style:{...I,"--bottom-expanded-size":`${c}px`,...$?{"--bottom-size":$}:{},"--bottom-min-size":`${i}px`,"--bottom-max-size":`${l}px`}},ue.createElement("div",{className:"kui-ShellBottomContent"},ue.createElement(Ce,null,te)),p)});Rt.displayName="Shell.Bottom";Rt.Handle=rt;var pe=O(require("react")),jn=O(require("classnames")),_n=require("radix-ui/internal");var Go={controlled:"open",default:"defaultOpen"},Qo={initial:"overlay",sm:"fixed"},yt=pe.forwardRef((e,t)=>{let{className:n,presentation:o=Qo,defaultOpen:r,open:s,onOpenChange:a,expandedSize:c=320,minSize:i=200,maxSize:l=500,resizable:d=!1,collapsible:P=!0,onExpand:S,onCollapse:C,onResize:U,onResizeStart:H,onResizeEnd:N,snapPoints:x,snapTolerance:E,collapseThreshold:z,paneId:B,persistence:j,children:V,style:I,onSizeChange:G,sizeUpdate:D,sizeUpdateMs:g=50,size:y,defaultSize:L,flush:k=!0,id:X,...f}=e,{table:b,attributes:M}=xe(o,"fixed"),h=Re({name:"inspector",label:"Inspector",propNames:Go,id:X,controlled:me(s),defaultValue:me(r),presentationTable:b,builtIn:Ue,onChange:(m,R)=>a?.(m!=="closed",{reason:R}),onExpand:S,onCollapse:C,size:c});Se("inspector",k),pe.useEffect(()=>{(x!==void 0||z!==void 0||B!==void 0||j!==void 0)&&void 0},[x,z,B,j]);let F=pe.useRef(null),K=(0,_n.useComposedRefs)(t,h.setElement,F),w=Te({name:"inspector",elementId:h.id,elementRef:F,cssVarName:"--inspector-size",orientation:"vertical",edge:"start",growth:pn,expandedSize:c,minSize:i,maxSize:l,resizable:d,collapsible:P,size:y,defaultSize:L,onSizeChange:G,sizeUpdate:D,sizeUpdateMs:g,onResize:U,onResizeStart:H,onResizeEnd:N,snapPoints:x,snapTolerance:E,collapseThreshold:z,paneId:B,persistence:j,overlaying:h.overlaying,overlayingNow:()=>b[fe()]==="overlay",requestCollapse:()=>h.setValue("closed","toggle"),requestToggle:()=>h.toggle("toggle")}),{handles:$,content:v}=we(V,ot),te=d&&h.shown!==!1&&!h.overlaying?pe.createElement(ve.Provider,{value:w},$.length>0?$:pe.createElement(ie,null)):null,p=ze(y,L,i,l);return pe.createElement("div",{...Me(f),role:f.role??"complementary",id:h.id,ref:K,className:(0,jn.default)("kui-ShellPane","kui-ShellInspector",n),...ye(h,M),"data-flush":k||void 0,tabIndex:h.overlaying?-1:f.tabIndex,style:{...I,"--inspector-expanded-size":`${c}px`,...p?{"--inspector-size":p}:{},"--inspector-min-size":`${i}px`,"--inspector-max-size":`${l}px`}},pe.createElement("div",{className:"kui-ShellInspectorContent"},pe.createElement(Ce,null,v)),te)});yt.displayName="Shell.Inspector";yt.Handle=ot;var he=O(require("react"));var Kn=e=>e===void 0?void 0:e==="closed"?"collapsed":"expanded",Gn=e=>e==="collapsed"?"closed":"open",xt=e=>e===void 0||e==="closed"?"collapsed":"expanded",Ct=e=>e==="left"?"rail":e;function Yo(e){let t=he.useCallback(n=>Ve(e,n),[e]);return he.useSyncExternalStore(t,()=>e.version,()=>0)}function Qn(){let e=Ee("useSidebarMode"),t=he.useCallback(r=>Ve(e,r),[e]),n=he.useSyncExternalStore(t,()=>e.entries.get("sidebar")?.value,()=>{}),o=he.useCallback(r=>{e.entries.get("sidebar")?.setValue(Gn(r),"toggle")},[e]);return{sidebarMode:Kn(n)??"expanded",setSidebarMode:o}}var qn=()=>{};function Yn(){let e=Ee("useShell");he.useEffect(()=>{},[]),Yo(e);let{breakpoint:t,ready:n}=Oe(),o=he.useMemo(()=>{let a=i=>l=>e.entries.get(i)?.setValue(l==="collapsed"?"closed":"open","toggle"),c=i=>Fe(e,i===null?null:Ct(i));return{setLeftMode:a("rail"),setPanelMode:a("panel"),setInspectorMode:a("inspector"),setBottomMode:a("bottom"),setSidebarMode:i=>e.entries.get("sidebar")?.setValue(Gn(i),"toggle"),setPeekTarget:c,peekPane:i=>c(i),clearPeek:()=>c(null),setHasLeft:qn,setHasSidebar:qn,togglePane:i=>e.entries.get(Ct(i))?.toggle("toggle"),expandPane:i=>e.entries.get(Ct(i))?.setValue("open","toggle"),collapsePane:i=>e.entries.get(Ct(i))?.setValue("closed","toggle")}},[e]),r=a=>e.entries.get(a)?.value,s=e.entries.get("rail");return{leftMode:xt(r("rail")),leftControlledOpen:s?.value===void 0?void 0:s.value!=="closed",panelMode:xt(r("panel")),sidebarMode:Kn(r("sidebar"))??"expanded",inspectorMode:xt(r("inspector")),bottomMode:xt(r("bottom")),peekTarget:e.peek,hasLeft:e.entries.has("rail"),hasSidebar:e.entries.has("sidebar"),currentBreakpoint:t,currentBreakpointReady:n,leftResolvedPresentation:s?.presentation,...o}}var Xn=O(require("react"));function Zn(e){Xn.useEffect(()=>{},[]);let{breakpoint:t}=Oe(typeof e!="string");return Le(e,()=>"fixed")[t]}var Et=O(require("react"));function Jn(e,t){if(t.includes(e))return e;let n=Number(e),o=t[0],r=1/0;for(let s=0;s<t.length;s++){let a=Math.abs(Number(t[s])-n);a<r&&(r=a,o=t[s])}return o}var eo=Et.createContext("2");eo.displayName="ThemeSizeContext";function to(e,t){let n=Et.useContext(eo);return e!==void 0?e:Jn(n,t.values)}var qt=0;function no(e){qt=Math.max(0,qt+e);let t=document.documentElement;qt>0?t.setAttribute("data-kui-shell-lock",""):t.removeAttribute("data-kui-shell-lock")}var Kt="data-kui-shell-inert",Zo=30;function Ze(e,t){return t===null||t===e||t===e.body||t===e.documentElement}function oo(e,t,n){for(let o of e.querySelectorAll("[data-shell-trigger][aria-controls]"))if(!(o.getAttribute("aria-controls")!==t||o.closest("[inert]"))&&!(n&&!n.some(r=>r.contains(o))))return o;return null}var Jo={values:["1","2","3"]},so=u.createContext(null),ro=64;function Gt(e){return e.querySelector(":scope > .kui-ShellContent > .kui-ShellScroll > .kui-ScrollAreaViewport")??e.querySelector(":scope > .kui-ShellContent")}var io=u.forwardRef(({className:e,children:t,height:n="full",contained:o,size:r,style:s,onKeyDown:a,onFocus:c,...i},l)=>{let d=to(r,Jo),[P]=u.useState(dn),S=u.useCallback(p=>Ve(P,p),[P]);u.useSyncExternalStore(S,()=>P.version,()=>0);let C=u.useRef(null),U=(0,qe.useComposedRefs)(l,C),[H,N]=u.useState(()=>new Set),x=u.useCallback(p=>{N(m=>m.has(p)?m:new Set(m).add(p))},[]),E=u.useCallback(p=>{N(m=>{if(!m.has(p))return m;let R=new Set(m);return R.delete(p),R})},[]),z=u.useMemo(()=>({registerOffFrame:x,unregisterOffFrame:E}),[x,E]),B=u.useCallback(()=>{for(let p of P.entries.values())p.overlayLive&&p.setValue("closed","dismiss")},[P]),j=u.useCallback(()=>[...P.entries.values()].filter(p=>p.overlayLive&&p.el).map(p=>({name:p.name,id:p.id,el:p.el})),[P]),V=[...P.entries.values()].filter(p=>p.overlayLive&&p.el).length,I=o===!0||n!=="full"&&n!=="auto",G=!I&&n==="full",[D,g]=u.useState(void 0);u.useEffect(()=>{if(!G)return;let p=C.current,m=p?.ownerDocument.defaultView;if(!p||!m||typeof m.matchMedia!="function")return;let R=Dn(),_=R?m.scrollY:Gt(p)?.scrollTop??0,Q=0,ne=0,Z=()=>{ne&&cancelAnimationFrame(ne),ne=requestAnimationFrame(()=>{ne=0})},ce=()=>{R&&!ne&&(_=m.scrollY)},ge=T=>{!R&&!ne&&T.target instanceof HTMLElement&&T.target===Gt(p)&&(_=T.target.scrollTop)};m.addEventListener("resize",Z),m.addEventListener("scroll",ce,{passive:!0}),p.addEventListener("scroll",ge,{passive:!0,capture:!0});let Be=Hn(T=>{R=T;let J=_;Q&&cancelAnimationFrame(Q),Q=requestAnimationFrame(()=>{if(Q=0,T)m.scrollTo(0,J);else{let W=Gt(p);W&&(W.scrollTop=J)}})});return()=>{Q&&cancelAnimationFrame(Q),ne&&cancelAnimationFrame(ne),m.removeEventListener("resize",Z),m.removeEventListener("scroll",ce),p.removeEventListener("scroll",ge,{capture:!0}),Be()}},[G]);let y=u.useCallback(()=>{let p=C.current;if(!p)return;let m=j().map(R=>R.el);for(let R of p.children){if(!(R instanceof HTMLElement)||R.classList.contains("kui-ShellScrim"))continue;let _=m.some(Q=>R===Q||R.contains(Q));m.length===0||_?R.hasAttribute(Kt)&&(R.removeAttribute(Kt),R.inert=!1):R.inert||(R.setAttribute(Kt,""),R.inert=!0)}},[j]),L=u.useRef(null),k=u.useRef([]),X=u.useRef(null),f=u.useRef(!1),b=u.useRef(0),M=u.useCallback(()=>{b.current&&cancelAnimationFrame(b.current),b.current=0},[]),h=u.useCallback((p,m)=>{M();let R=0,_=()=>{if(b.current=0,!!p.isConnected){if(m(p.ownerDocument.activeElement)){p.focus({preventScroll:!0});return}R+=1,R<Zo&&(b.current=requestAnimationFrame(_))}};b.current=requestAnimationFrame(_)},[M]);u.useEffect(()=>()=>{M(),f.current&&(f.current=!1,no(-1))},[M]),u.useEffect(()=>{let p=C.current;if(!p)return;let m=p.ownerDocument,R=j(),_=R.map(T=>T.el),Q=!I&&R.length>0;Q!==f.current&&(f.current=Q,no(Q?1:-1));let ne=k.current;k.current=R;let Z=ne.filter(T=>{if(_.includes(T.el))return!1;let J=P.entries.get(T.name);return!T.el.isConnected||!J||J.el!==T.el||J.value==="closed"}),ce=T=>T!==null&&Z.some(J=>J.el.contains(T));if(ne.length===0&&R.length>0){let T=m.activeElement,J=T instanceof HTMLElement&&!Ze(m,T)&&!_.some(W=>W.contains(T))?T:null;if(J&&!p.contains(J)){let W=X.current;W&&W.isConnected&&!_.some(be=>be.contains(W))&&(J=W)}L.current=J}if(y(),R.length===0){let T=L.current;if(L.current=null,Z.length===0)return;let W=(se=>se!==null&&se.isConnected&&!se.closest("[inert]")&&!ce(se))(T)?T:null;for(let se of Z)W??(W=oo(m,se.id));if(!W)return;let be=se=>Ze(m,se)||ce(se);be(m.activeElement)?W.focus({preventScroll:!0}):h(W,be);return}if(Z.length>0){let T=m.activeElement;if(Ze(m,T)||ce(T)){let J=null;for(let W of Z)J??(J=oo(m,W.id,_));(J??_[_.length-1]).focus({preventScroll:!0})}}let ge=_.filter(T=>!ne.some(J=>J.el===T)),Be=m.activeElement;ge.length>0&&!_.some(T=>T.contains(Be))&&(ge[0].focus({preventScroll:!0}),h(ge[0],T=>Ze(m,T)||T instanceof Element&&T.closest("[inert]")!==null))}),u.useEffect(()=>{let p=C.current;if(!p||V===0||typeof MutationObserver>"u")return;let m=new MutationObserver(y);return m.observe(p,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["inert"]}),()=>m.disconnect()},[V,y]);let F=p=>{a?.(p),!(p.key!=="Escape"||p.defaultPrevented||V===0)&&(B(),p.stopPropagation())};u.useEffect(()=>{let p=C.current;if(!p||V===0)return;let m=p.ownerDocument,R=_=>{_.key!=="Escape"||_.defaultPrevented||!Ze(m,_.target)||B()};return m.addEventListener("keydown",R),()=>m.removeEventListener("keydown",R)},[V,B]);let K=p=>{c?.(p),p.target instanceof HTMLElement&&C.current?.contains(p.target)&&(X.current=p.target)},w=P.entries.get("rail"),v=w!==void 0&&w.value!==void 0&&w.value!=="closed"?H.has("rail")?`calc(${w.size}px + 2 * var(--shell-gap))`:`${w.size}px`:void 0,te=n==="full"?{}:n==="auto"?{height:"auto"}:typeof n=="number"?{height:`${n}px`}:{height:n};return u.createElement(Nt.Provider,{value:P},u.createElement(_e.Provider,{value:d},u.createElement(bt.Provider,{value:!1},u.createElement($t.Provider,{value:G},u.createElement(so.Provider,{value:g},u.createElement(Vt.Provider,{value:z},u.createElement(je.Provider,{value:void 0},u.createElement("div",{...i,ref:U,className:(0,He.default)("kui-ShellRoot",e),"data-height":n==="auto"&&!I?"auto":void 0,"data-contained":I||void 0,"data-window":G||void 0,"data-overlay-live":V>0||void 0,onKeyDown:F,onFocus:K,style:{...te,...v?{"--shell-rail-offset":v}:{},...D!==void 0?{"--kui-shell-header-h":`${D}px`}:{},...s}},t,u.createElement("div",{className:"kui-ShellScrim","aria-hidden":!0,onClick:B})))))))))});io.displayName="Shell.Root";var lo=u.forwardRef(({className:e,height:t=ro,flush:n=!0,style:o,...r},s)=>{let a=u.useContext(so);return(0,qe.useLayoutEffect)(()=>{if(a)return a(t===ro?void 0:t),()=>a(void 0)},[a,t]),u.createElement("header",{...r,ref:s,className:(0,He.default)("kui-ShellHeader",e),"data-flush":n||void 0,style:{...o,"--shell-header-height":`${t}px`}})});lo.displayName="Shell.Header";var co=u.forwardRef(({children:e},t)=>(u.useEffect(()=>{},[]),u.createElement(u.Fragment,null,e)));co.displayName="Shell.Left";var er={controlled:"open",default:"defaultOpen"},uo=u.forwardRef((e,t)=>{let{className:n,presentation:o,expandedSize:r=64,collapsible:s,onExpand:a,onCollapse:c,children:i,style:l,open:d,defaultOpen:P,onOpenChange:S,flush:C=!0,id:U,...H}=e,{table:N,attributes:x}=xe(o,"fixed"),E=Re({name:"rail",label:"Rail",propNames:er,id:U,controlled:me(d),defaultValue:me(P),presentationTable:N,builtIn:ct,onChange:(B,j)=>S?.(B!=="closed",{reason:j}),onExpand:a,onCollapse:c,size:r});Se("rail",C);let z=(0,qe.useComposedRefs)(t,E.setElement);return u.createElement("div",{...H,role:H.role??"navigation",id:E.id,ref:z,className:(0,He.default)("kui-ShellPane","kui-ShellRail",n),...ye(E,x),"data-flush":C||void 0,tabIndex:E.overlaying?-1:H.tabIndex,style:{...l,"--rail-size":`${r}px`}},u.createElement(tr,null,i))});uo.displayName="Shell.Rail";function tr({children:e}){let t=u.useContext(_e);return u.createElement("div",{className:(0,He.default)("kui-ShellRailContent",`kui-r-size-${t}`)},u.createElement(Xe,{presentation:"thin"},e))}var nr={controlled:"open",default:"defaultOpen"},Qt=u.forwardRef((e,t)=>{let{className:n,presentation:o,defaultOpen:r,open:s,onOpenChange:a,size:c,defaultSize:i,expandedSize:l=288,minSize:d=100,maxSize:P=800,resizable:S=!1,collapsible:C=!0,onExpand:U,onCollapse:H,onResize:N,onResizeStart:x,onResizeEnd:E,snapPoints:z,snapTolerance:B,collapseThreshold:j,paneId:V,persistence:I,children:G,style:D,onSizeChange:g,sizeUpdate:y,sizeUpdateMs:L=50,flush:k=!0,id:X,...f}=e,b=Ee("Shell.Panel"),M=Lt(b,"rail"),h=xe(o,"fixed"),F=o===void 0,K=F?M?.presentationTable??kt:h.table,w=F?{"data-presentation-follows":""}:h.attributes,$=Re({name:"panel",label:"Panel",propNames:nr,id:X,controlled:me(s),defaultValue:me(r),presentationTable:K,builtIn:Ue,onChange:(ne,Z)=>a?.(ne!=="closed",{reason:Z}),onExpand:U,onCollapse:H,size:l});Se("panel",k),u.useEffect(()=>{(z!==void 0||j!==void 0||V!==void 0||I!==void 0)&&void 0},[z,j,V,I]);let v=u.useRef(null),te=(0,qe.useComposedRefs)(t,$.setElement,v),p=Te({name:"panel",elementId:$.id,elementRef:v,cssVarName:"--panel-size",orientation:"vertical",edge:"end",growth:ut,expandedSize:l,minSize:d,maxSize:P,resizable:S,collapsible:C,size:c,defaultSize:i,onSizeChange:g,sizeUpdate:y,sizeUpdateMs:L,onResize:N,onResizeStart:x,onResizeEnd:E,snapPoints:z,snapTolerance:B,collapseThreshold:j,paneId:V,persistence:I,overlaying:$.overlaying,overlayingNow:()=>(F?b.entries.get("rail")?.presentationTable??kt:h.table)[fe()]==="overlay",requestCollapse:()=>$.setValue("closed","toggle"),requestToggle:()=>$.toggle("toggle")}),m=ze(c,i,d,P),{handles:R,content:_}=we(G,tt),Q=S&&$.shown!==!1&&!$.overlaying?u.createElement(ve.Provider,{value:p},R.length>0?R:u.createElement(ie,null)):null;return u.createElement("div",{...Me(f),role:f.role??"navigation",id:$.id,ref:te,className:(0,He.default)("kui-ShellPane","kui-ShellPanel",n),...ye($,w),"data-flush":k||void 0,tabIndex:$.overlaying?-1:f.tabIndex,style:{...D,"--panel-expanded-size":`${l}px`,...m?{"--panel-size":m}:{}}},u.createElement("div",{className:"kui-ShellPanelContent"},u.createElement(Xe,null,u.createElement(Ce,null,_))),Q)});Qt.displayName="Shell.Panel";Qt.Handle=tt;var po=u.forwardRef(({className:e,flush:t=!0,children:n,...o},r)=>(Se("content",t),u.createElement("main",{...o,ref:r,className:(0,He.default)("kui-ShellContent",e),"data-flush":t||void 0},u.createElement(bt.Provider,{value:!0},u.createElement(Ce,null,n)))));po.displayName="Shell.Content";var fo=u.forwardRef(({target:e,action:t="toggle",peekOnHover:n,asChild:o=!1,onClick:r,onMouseEnter:s,onMouseLeave:a,children:c,...i},l)=>{let d=Ee("Shell.Trigger");u.useEffect(()=>{e==="left"&&void 0,n&&void 0},[e,n]);let P=e==="left"?"rail":e,S=Lt(d,P),C=S?.value===void 0?void 0:S.value!=="closed",U=E=>{if(r?.(E),E.defaultPrevented)return;let z=d.entries.get(P);z&&(d.peek===P&&Fe(d,null),t==="toggle"?z.toggle("toggle"):t==="expand"?z.setValue("open","toggle"):z.setValue("closed","toggle"))},H=E=>{if(s?.(E),!n)return;let z=d.entries.get(P);z&&z.value==="closed"&&z.presentation!=="overlay"&&Fe(d,P)},N=E=>{a?.(E),n&&d.peek===P&&Fe(d,null)},x=o?ao.Slot.Root:"button";return u.createElement(x,{...!o&&{type:"button"},"aria-controls":S?.id,"aria-expanded":C,...i,ref:l,onClick:U,onMouseEnter:H,onMouseLeave:N,"data-shell-trigger":e,"data-shell-action":t},c)});fo.displayName="Shell.Trigger";
+"use strict";"use client";var Po=Object.create;var et=Object.defineProperty;var ho=Object.getOwnPropertyDescriptor;var So=Object.getOwnPropertyNames;var go=Object.getPrototypeOf,bo=Object.prototype.hasOwnProperty;var vo=(e,t)=>{for(var n in t)et(e,n,{get:t[n],enumerable:!0})},en=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of So(t))!bo.call(e,r)&&r!==n&&et(e,r,{get:()=>t[r],enumerable:!(o=ho(t,r))||o.enumerable});return e};var I=(e,t,n)=>(n=e!=null?Po(go(e)):{},en(t||!e||!e.__esModule?et(n,"default",{value:e,enumerable:!0}):n,e)),Ro=e=>en(et({},"__esModule",{value:!0}),e);var rr={};vo(rr,{Bottom:()=>Rt,Content:()=>fo,Header:()=>co,Inspector:()=>yt,Left:()=>uo,PaneFooter:()=>_t,PaneHeader:()=>jt,Panel:()=>Yt,Rail:()=>po,Root:()=>lo,Scroll:()=>qt,Sidebar:()=>vt,Trigger:()=>mo,useResponsivePresentation:()=>Jn,useShell:()=>Xn,useSidebarMode:()=>Yn});module.exports=Ro(rr);var c=I(require("react")),He=I(require("classnames")),so=require("radix-ui"),qe=require("radix-ui/internal");var tt=I(require("react")),ve=tt.createContext(null);function tn(){let e=tt.useContext(ve);if(!e)throw new Error("Shell.Handle must be used within a resizable pane");return e}var Z=I(require("react")),nn=require("radix-ui/internal"),on=I(require("classnames"));var de=Z.forwardRef(({className:e,children:t,...n},o)=>{let{containerRef:r,controls:s,cssVarName:a,minSize:d,maxSize:i,defaultSize:l,startSize:p,orientation:m,edge:v,growth:C,onResize:V,onResizeStart:F,onResizeEnd:M,snapPoints:y,snapTolerance:z,collapseThreshold:T,collapsible:L,target:$,requestCollapse:B,requestToggle:q}=tn(),W=Z.useRef(null),U=Z.useCallback(f=>{W.current=f,typeof o=="function"?o(f):o&&(o.current=f)},[o]),Y=Z.useRef(null);Z.useEffect(()=>()=>{Y.current?.(),Y.current=null},[]);let S=Z.useCallback(()=>{let f=r.current;if(!f)return l;let w=Number.parseFloat(getComputedStyle(f).getPropertyValue(a));return Number.isFinite(w)?w:l},[r,a,l]),R=Z.useCallback(()=>{let f=r.current,w=W.current,P=f?.closest(".kui-ShellRoot")?.getBoundingClientRect();if(!f||!P||!w)return i;let A=f.getBoundingClientRect(),X=w.getBoundingClientRect(),O=C(getComputedStyle(f).direction==="rtl"),x;m==="vertical"?x=O>0?P.right-A.left:A.right-P.left:x=O>0?P.bottom-A.top:A.bottom-P.top;let g=m==="vertical"?X.width:X.height;return!(P.width>0&&P.height>0)||!Number.isFinite(x)?i:Math.max(d,Math.min(i,Math.round(x-g)))},[r,C,i,d,m]),k=()=>{W.current?.setAttribute("aria-valuemax",String(R()))};(0,nn.useLayoutEffect)(()=>{W.current?.setAttribute("aria-valuenow",String(Math.round(S())))},[S]);let D=(f,w)=>{f.style.setProperty(a,`${w}px`),W.current?.setAttribute("aria-valuenow",String(Math.round(w)))},N=$.charAt(0).toUpperCase()+$.slice(1);return Z.createElement("div",{ref:U,className:(0,on.default)("kui-ShellResizer",e),"data-orientation":m,"data-edge":v,role:"separator",tabIndex:0,"aria-label":`Resize ${N} pane`,"aria-controls":s,"aria-orientation":m,"aria-valuenow":Math.round(p),"aria-valuemin":d,"aria-valuemax":i,...n,onPointerDown:f=>{n.onPointerDown?.(f);let w=r.current;if(!w||f.defaultPrevented||f.button!==0)return;f.preventDefault();let P=f.currentTarget,A=f.pointerId;Y.current?.();try{P.setPointerCapture(A)}catch{}let X=getComputedStyle(w),O=Number.parseFloat(X.getPropertyValue(a)),x=Number.isFinite(O)?O:l,g=m==="vertical"?f.clientX:f.clientY,J=C(X.direction==="rtl"),u=R();P.setAttribute("aria-valuemax",String(u));let h=ne=>Math.min(Math.max(ne,d),u);w.setAttribute("data-resizing",""),P.setAttribute("data-dragging","");let b=document.body,j=b.style.cursor,re=b.style.userSelect;b.style.cursor=m==="vertical"?"col-resize":"row-resize",b.style.userSelect="none",F?.(x);let K=x,se=x,te=0,pe=null,Be=()=>{if(te=0,pe===null)return;let ne=pe;pe=null,V?.(ne)},E=null,G=!1,ee=(ne,Ae)=>{if(ne.type===Ae)G=!0;else if(G)return!1;return!0},ae=ne=>{if(!ee(ne,"pointermove")||ne===E)return;E=ne;let Ae=m==="vertical"?ne.clientX:ne.clientY;se=x+(Ae-g)*J,K=h(se),D(w,K),pe=K,te||(te=requestAnimationFrame(Be))},ie=()=>{te&&cancelAnimationFrame(te),te=0;try{P.releasePointerCapture(A)}catch{}window.removeEventListener("pointermove",ae),document.removeEventListener("pointermove",ae),window.removeEventListener("mousemove",ae),document.removeEventListener("mousemove",ae),P.removeEventListener("pointermove",ae),window.removeEventListener("pointerup",le),document.removeEventListener("pointerup",le),window.removeEventListener("mouseup",le),document.removeEventListener("mouseup",le),window.removeEventListener("pointercancel",le),document.removeEventListener("pointercancel",le),window.removeEventListener("keydown",Xt),P.removeEventListener("lostpointercapture",le),w.removeAttribute("data-resizing"),P.removeAttribute("data-dragging"),b.style.cursor=j,b.style.userSelect=re,Y.current=null},Et=!1,le=()=>{if(Et)return;if(Et=!0,te&&cancelAnimationFrame(te),Be(),L&&typeof T=="number"&&se<=T){D(w,x),V?.(x),ie(),B?.(),M?.(x);return}let ne=K;if(y&&y.length){let Ae=y.reduce((Zt,Jt)=>Math.abs(Jt-K)<Math.abs(Zt-K)?Jt:Zt,y[0]);Math.abs(Ae-K)<=z&&(ne=h(Ae),D(w,ne),V?.(ne))}M?.(ne),ie()},Xt=ne=>{ne.key==="Escape"&&(te&&cancelAnimationFrame(te),te=0,pe=null,D(w,x),V?.(x),Et=!0,M?.(x),ie())};window.addEventListener("pointermove",ae),document.addEventListener("pointermove",ae),window.addEventListener("mousemove",ae),document.addEventListener("mousemove",ae),P.addEventListener("pointermove",ae),window.addEventListener("pointerup",le),document.addEventListener("pointerup",le),window.addEventListener("mouseup",le),document.addEventListener("mouseup",le),window.addEventListener("pointercancel",le),document.addEventListener("pointercancel",le),window.addEventListener("keydown",Xt),P.addEventListener("lostpointercapture",le),Y.current=ie},onDoubleClick:f=>{n.onDoubleClick?.(f),!f.defaultPrevented&&L&&q?.()},onFocus:f=>{n.onFocus?.(f),k()},onKeyDown:f=>{n.onKeyDown?.(f);let w=r.current;if(!w||f.defaultPrevented)return;if(f.key==="Enter"){L&&q&&(f.preventDefault(),q());return}let P=S(),A=R(),X=x=>Math.min(Math.max(x,d),A),O;if(f.key==="Home")O=X(d);else if(f.key==="End")O=X(A);else{let x=m==="vertical"?f.key==="ArrowRight"?1:f.key==="ArrowLeft"?-1:0:f.key==="ArrowDown"?1:f.key==="ArrowUp"?-1:0;if(x===0)return;let g=f.shiftKey?32:8;O=X(P+x*g*C(getComputedStyle(w).direction==="rtl"))}f.preventDefault(),F?.(P),D(w,O),V?.(O),M?.(O)}},t)});de.displayName="Shell.Handle";var nt=Z.forwardRef((e,t)=>Z.createElement(de,{...e,ref:t}));nt.displayName="Shell.Panel.Handle";var ot=Z.forwardRef((e,t)=>Z.createElement(de,{...e,ref:t}));ot.displayName="Shell.Sidebar.Handle";var rt=Z.forwardRef((e,t)=>Z.createElement(de,{...e,ref:t}));rt.displayName="Shell.Inspector.Handle";var at=Z.forwardRef((e,t)=>Z.createElement(de,{...e,ref:t}));at.displayName="Shell.Bottom.Handle";var ue=I(require("react")),$n=I(require("classnames")),Wn=require("radix-ui/internal");var Q=I(require("react")),Qe=require("radix-ui/internal");var Ge=I(require("react"));var rn={xs:"(min-width: 520px)",sm:"(min-width: 768px)",md:"(min-width: 1024px)",lg:"(min-width: 1280px)",xl:"(min-width: 1640px)"},st=["initial","xs","sm","md","lg","xl"];var yo=Object.entries(rn),Tt=null,Ke=new Set,Ne=null;function wt(){return Tt??(Tt=yo.map(([e,t])=>[e,window.matchMedia(t)])),Tt}function lt(){let e="initial";for(let[t,n]of wt())n.matches&&(e=t);return e}function it(){let e=lt();e!==Ne&&(Ne=e,Ke.forEach(t=>t()))}function an(e){if(typeof window>"u")return()=>{};if(Ke.size===0){Ne=lt();for(let[,t]of wt())typeof t.addEventListener=="function"?t.addEventListener("change",it):t.addListener?.(it)}return Ke.add(e),()=>{if(Ke.delete(e),!(Ke.size>0)){for(let[,t]of wt())try{typeof t.removeEventListener=="function"?t.removeEventListener("change",it):t.removeListener?.(it)}catch{}Ne=null}}}function xo(){return typeof window>"u"?"initial":(Ne??(Ne=lt()),Ne)}function Co(){return"initial"}function Pe(){return typeof window>"u"?"initial":lt()}var zo=()=>!0,Eo=()=>!1,sn=()=>()=>{},To=()=>"initial";function Oe(e=!0){let t=Ge.useSyncExternalStore(e?an:sn,e?xo:To,Co),n=Ge.useSyncExternalStore(e?an:sn,zo,Eo);return Ge.useMemo(()=>({breakpoint:t,ready:n}),[t,n])}var ce=I(require("react")),dn=require("radix-ui/internal");function ln(e){return typeof e=="object"&&e!==null}function Le(e,t){let n={},o=null;for(let r of st){if(e!==void 0&&!ln(e)){n[r]=e;continue}let s=ln(e)?e[r]:void 0;s!==void 0&&(o={value:s}),n[r]=o?o.value:t(r)}return n}function Ie(e){let t=e.initial;return st.every(n=>e[n]===t)?t:void 0}function Mt(e,t){let n=Ie(t);if(n!==void 0)return{[`data-${e}`]:n};let o={};for(let r of st)o[`data-${e}-${r}`]=t[r];return o}function kt(e){return typeof e=="object"&&e!==null?JSON.stringify(e):String(e)}var Nt=Le("fixed",()=>"fixed");function cn(){return{entries:new Map,listeners:new Set,version:0,peek:null}}function dt(e){e.version+=1;for(let t of e.listeners)t()}function Ve(e,t){return e.listeners.add(t),()=>{e.listeners.delete(t)}}function Fe(e,t){e.peek!==t&&(e.peek=t,dt(e))}var Lt=ce.createContext(null);function ze(e){let t=ce.useContext(Lt);if(!t)throw new Error(`${e} must be used within <Shell.Root>`);return t}function Vt(e,t){let n=ce.useCallback(r=>Ve(e,r),[e]),o=ce.useCallback(()=>e.entries.get(t),[e,t]);return ce.useSyncExternalStore(n,o,()=>{})}function un(e,t){let n=ce.useCallback(o=>Ve(e,o),[e]);return ce.useSyncExternalStore(n,()=>e.peek===t,()=>!1)}var Dt=ce.createContext(null);function be(e,t){let n=ce.useContext(Dt);if(!n)throw new Error("Shell panes must be used within <Shell.Root>");let{registerOffFrame:o,unregisterOffFrame:r}=n;(0,dn.useLayoutEffect)(()=>{if(!t)return o(e),()=>r(e)},[e,t,o,r])}var Ht=e=>typeof e=="object"&&e!==null;function wo(e){for(let t of["initial","xs","sm","md","lg","xl"]){let n=e[t];if(n!==void 0)return n}return"closed"}function Re(e){let{name:t,label:n,propNames:o,presentationTable:r,builtIn:s}=e,a=ze(`Shell.${n}`),d=Q.useId(),i=e.id??`shell-${t}${d}`,l=e.controlled!==void 0,p=Ht(e.controlled);p&&(`${n}${o.controlled}${o.default}`,void 0);let m=p?e.controlled:void 0,v=m??(Ht(e.defaultValue)?e.defaultValue:void 0),C=kt(v),[V,F]=Q.useState(()=>typeof e.defaultValue=="string"?e.defaultValue:"auto"),M=Q.useMemo(()=>m?Le(m,()=>wo(m)):Le(v,g=>s(r[g])),[C,p,r,s]),y=V;l&&(y=m?"auto":e.controlled);let z=Ie(r)===void 0||y==="auto"&&Ie(M)===void 0,{breakpoint:T,ready:L}=Oe(z),$=g=>{let J=Ie(g);return J!==void 0?J:L?g[T]:void 0},B=y==="auto"?$(M):y,q=$(r),W=q==="overlay",U=B===void 0?void 0:B!=="closed",Y=U===!0&&W,S=e.defaultValue,R=Q.useRef({state:y,value:B,autoTable:M,defaultValue:S,controlled:l,onChange:e.onChange,toggleNext:e.toggleNext});(0,Qe.useLayoutEffect)(()=>{R.current={state:y,value:B,autoTable:M,defaultValue:S,controlled:l,onChange:e.onChange,toggleNext:e.toggleNext}});let k=Q.useCallback(()=>{let g=R.current;return g.value!==void 0?g.value:g.state==="auto"?g.autoTable[Pe()]:void 0},[]),D=Q.useCallback(()=>{let g=R.current;return typeof g.defaultValue=="string"?g.defaultValue:Ht(g.defaultValue)?g.autoTable[Pe()]:void 0},[]),N=Q.useCallback((g,J)=>{let u=R.current;k()!==g&&(u.onChange?.(g,J),u.controlled||F(g))},[k]),f=Q.useCallback(g=>{let J=R.current,u=k()??"closed",h=J.toggleNext?J.toggleNext(u,D()):u==="closed"?"open":"closed";N(h,g)},[N,k,D]),w=Q.useRef(null),P=Q.useCallback(g=>{w.current=g},[]);(0,Qe.useLayoutEffect)(()=>{let g={name:t,id:i,el:w.current,value:B,presentation:q,presentationTable:r,overlayLive:Y,size:e.size,setValue:N,toggle:f};return a.entries.set(t,g),dt(a),()=>{a.entries.get(t)===g&&(a.entries.delete(t),dt(a))}},[a,t,i,B,q,r,Y,e.size,N,f]);let A=Q.useRef({onExpand:e.onExpand,onCollapse:e.onCollapse});(0,Qe.useLayoutEffect)(()=>{A.current={onExpand:e.onExpand,onCollapse:e.onCollapse}});let X=Q.useRef({state:y,shown:U});Q.useEffect(()=>{let g=X.current;g.state!==y&&g.shown!==void 0&&U!==void 0&&g.shown!==U&&(U?A.current.onExpand?.():A.current.onCollapse?.()),X.current={state:y,shown:U}},[y,U]),(0,Qe.useLayoutEffect)(()=>{},[]);let O=Q.useRef(l);Q.useEffect(()=>{},[l,n,o.controlled]);let x=un(a,t)&&U===!1&&!W;return{store:a,id:i,state:y,value:B,shown:U,presentation:q,overlaying:W,overlayLive:Y,peeking:x,ready:L,breakpoint:T,autoTable:M,setValue:N,toggle:f,defaultHereNow:D,setElement:P}}function ye(e,t){let{state:n,value:o,presentation:r,shown:s}=e;return{...t,"data-state":n,...n==="auto"?Mt("auto",e.autoTable):{},"data-presentation":r,"data-mode":o===void 0?void 0:o==="closed"?"collapsed":"expanded","data-open":r==="stacked"&&s?"":void 0,"data-peek":e.peeking?"":void 0}}function xe(e,t){let n=kt(e),o=Q.useMemo(()=>Le(e,()=>t),[n,t]),r=Q.useMemo(()=>Ie(o)===void 0?Mt("presentation",o):{},[o]);return{table:o,attributes:r}}var _=I(require("react")),We=require("radix-ui/internal");function pn(e,t="horizontal"){if(e==null)return;if(typeof e=="number"&&Number.isFinite(e))return e;let n=String(e).trim();if(!n)return;if(n.endsWith("px"))return Number.parseFloat(n);if(n.endsWith("rem")){let r=Number.parseFloat(getComputedStyle(document.documentElement).fontSize||"16")||16;return Number.parseFloat(n)*r}if(n.endsWith("%")){let r=Number.parseFloat(n),s=t==="horizontal"?document.documentElement.clientWidth||window.innerWidth||0:document.documentElement.clientHeight||window.innerHeight||0;return r/100*s}let o=Number.parseFloat(n);return Number.isFinite(o)?o:void 0}var Ye=(e,t,n)=>Math.max(t??e,Math.min(n??e,e));function Ee(e,t,n,o){let[r]=_.useState(()=>{let s=e??t;return typeof s=="number"&&Number.isFinite(s)?`${Ye(s,n,o)}px`:void 0});return r}function Te(e){let{name:t,elementRef:n,cssVarName:o,orientation:r,minSize:s,maxSize:a,resizable:d,size:i,defaultSize:l,paneId:p,persistence:m}=e,v=_.useRef(e);(0,We.useLayoutEffect)(()=>{v.current=e});let C=_.useRef(null),V=_.useRef(0);_.useEffect(()=>()=>{C.current&&clearTimeout(C.current)},[]);let F=_.useCallback((S,R)=>{let{onSizeChange:k,sizeUpdate:D,sizeUpdateMs:N}=v.current;if(k){if(D==="debounce"){C.current&&clearTimeout(C.current),C.current=setTimeout(()=>{C.current=null,v.current.onSizeChange?.(S,R)},N);return}if(D==="throttle"){let f=Date.now();if(f-V.current<N)return;V.current=f}k(S,R)}},[]),M=_.useCallback(S=>pn(S,r==="vertical"?"horizontal":"vertical"),[r]),y=_.useRef(!1),z=_.useCallback((S,R)=>{let k=n.current;if(k){k.style.setProperty(o,`${S}px`);for(let D of k.querySelectorAll(":scope > .kui-ShellResizer"))D.setAttribute("aria-valuenow",String(Math.round(S)));R&&(y.current=!0)}},[n,o]);(0,We.useLayoutEffect)(()=>{y.current||z(e.expandedSize,!1)},[e.expandedSize,z]),(0,We.useLayoutEffect)(()=>{if(i!==void 0||l===void 0)return;let S=M(l);if(typeof S!="number"||!Number.isFinite(S))return;let R=Ye(S,s,a);z(R,!0),F(R,{reason:"init"})},[]),(0,We.useLayoutEffect)(()=>{if(i===void 0||v.current.overlayingNow())return;let S=M(i);if(typeof S!="number"||!Number.isFinite(S))return;let R=Ye(S,s,a);z(R,!0),F(R,{reason:"controlled"})},[i,s,a,e.overlaying,M,z,F]);let T=m!==void 0,L=_.useMemo(()=>{if(T)return{load:()=>v.current.persistence?.load?.(),save:R=>v.current.persistence?.save?.(R)};if(!p)return;let S=`kookie-ui:shell:${t}:${p}`;return{load:()=>{if(!(typeof window>"u"))try{let R=window.localStorage.getItem(S);return R?Number(R):void 0}catch{return}},save:R=>{if(!(typeof window>"u"))try{window.localStorage.setItem(S,String(R))}catch{}}}},[t,p,T]);(0,We.useLayoutEffect)(()=>{if(!d||!L?.load||v.current.overlayingNow())return;let S=!0,R=D=>{if(!S||typeof D!="number"||!Number.isFinite(D))return;let N=Ye(D,s,a);z(N,!0),v.current.onResize?.(N)},k=L.load();return k instanceof Promise?k.then(R).catch(D=>{}):R(k),()=>{S=!1}},[d,L,e.overlaying,z,s,a,t]);let[$]=_.useState(()=>{let S=i??l;return typeof S=="number"&&Number.isFinite(S)?Ye(S,s,a):e.expandedSize}),B=_.useCallback(S=>v.current.onResize?.(S),[]),q=_.useCallback(S=>{y.current=!0,v.current.onResizeStart?.(S)},[]),W=_.useCallback(S=>{v.current.onResizeEnd?.(S),F(S,{reason:"resize"}),L?.save?.(S)},[F,L]),U=_.useCallback(()=>v.current.requestCollapse(),[]),Y=_.useCallback(()=>v.current.requestToggle(),[]);return _.useMemo(()=>({containerRef:n,controls:e.elementId,cssVarName:o,minSize:s,maxSize:a,defaultSize:e.expandedSize,startSize:$,orientation:r,edge:e.edge,growth:e.growth,onResize:B,onResizeStart:q,onResizeEnd:W,target:t,collapsible:e.collapsible,snapPoints:e.snapPoints,snapTolerance:e.snapTolerance??8,collapseThreshold:e.collapseThreshold,requestCollapse:U,requestToggle:Y}),[n,e.elementId,o,s,a,e.expandedSize,$,r,e.edge,e.growth,B,q,W,t,e.collapsible,e.snapPoints,e.snapTolerance,e.collapseThreshold,U,Y])}function we(e,t){let n=_.Children.toArray(e),o=n.filter(s=>_.isValidElement(s)&&s.type===t),r=n.filter(s=>!(_.isValidElement(s)&&s.type===t));return{handles:o,content:r}}function he(e){if(e===void 0)return;if(typeof e=="boolean")return e?"open":"closed";let t={};for(let[n,o]of Object.entries(e))typeof o=="boolean"&&(t[n]=o?"open":"closed");return t}var ct=e=>e==="overlay"?"closed":"open",Ue=()=>"closed",ut=e=>e?-1:1,fn=e=>e?1:-1,mn=()=>-1;function Me(e){if(!("height"in e)&&!("resizer"in e))return e;let{height:t,resizer:n,...o}=e;return o}var H=I(require("react")),Xe=I(require("classnames"));var oe=I(require("react")),wn=I(require("classnames")),ke=require("radix-ui"),Mn=require("radix-ui/internal");var Pn={asChild:{type:"boolean"}};var Mo=["none","small","medium","large","full"],hn={radius:{type:"enum",values:Mo,default:void 0}};var ko=["vertical","horizontal","both"],pt={...Pn,...hn,scrollbars:{type:"enum",values:ko,default:"both"},fade:{type:"boolean",default:!1}};var ft=I(require("react"));function Bt(e){let t=getComputedStyle(e);return{x:t.overflowX==="hidden"?0:Math.max(0,e.scrollWidth-e.clientWidth),y:t.overflowY==="hidden"?0:Math.max(0,e.scrollHeight-e.clientHeight)}}function Sn(e){let[t,n]=ft.useState(null);return ft.useEffect(()=>{if(!e||!t)return;let o=0,r=()=>{o=0;let i=Bt(t),l=Math.max(0,t.scrollTop),p=Math.max(0,i.y-t.scrollTop);t.style.setProperty("--scroll-overflow-start",`${l}px`),t.style.setProperty("--scroll-overflow-end",`${p}px`);let m=Math.abs(t.scrollLeft),v=Math.max(0,i.x-m);t.style.setProperty("--scroll-overflow-x-start",`${m}px`),t.style.setProperty("--scroll-overflow-x-end",`${v}px`)},s=()=>{o||(o=requestAnimationFrame(r))};r(),t.addEventListener("scroll",s,{passive:!0});let a=typeof ResizeObserver>"u"?null:new ResizeObserver(s);a?.observe(t);for(let i of Array.from(t.children))a?.observe(i);let d=typeof MutationObserver>"u"?null:new MutationObserver(s);return d?.observe(t,{childList:!0}),()=>{o&&cancelAnimationFrame(o),t.removeEventListener("scroll",s),a?.disconnect(),d?.disconnect(),t.style.removeProperty("--scroll-overflow-start"),t.style.removeProperty("--scroll-overflow-end"),t.style.removeProperty("--scroll-overflow-x-start"),t.style.removeProperty("--scroll-overflow-x-end")}},[e,t]),n}var mt=I(require("react"));function bn(){let[e,t]=mt.useState(null);return mt.useEffect(()=>{let n=e?.parentElement;if(!e||!n)return;let o=0,r=()=>{o=0;for(let a of n.querySelectorAll(":scope > .kui-ScrollAreaScrollbar > .kui-ScrollAreaThumb")){let d=a.parentElement,i=getComputedStyle(d);if(d.dataset.orientation==="horizontal"){let l=d.clientWidth-parseFloat(i.paddingLeft)-parseFloat(i.paddingRight),p=gn(e.scrollLeft,e.scrollWidth-e.offsetWidth,l-a.offsetWidth);a.style.transform=`translate3d(${p}px, 0, 0)`}else{let l=d.clientHeight-parseFloat(i.paddingTop)-parseFloat(i.paddingBottom),p=gn(e.scrollTop,e.scrollHeight-e.offsetHeight,l-a.offsetHeight);a.style.transform=`translate3d(0, ${p}px, 0)`}}},s=()=>{o||(o=requestAnimationFrame(r))};return e.addEventListener("scroll",s,{passive:!0}),()=>{o&&cancelAnimationFrame(o),e.removeEventListener("scroll",s)}},[e]),t}function gn(e,t,n){return t<=0||n<=0?0:Math.min(Math.max(e,-t),t)/t*n}var Pt=I(require("react"));function vn(e,t){let{asChild:n,children:o}=e;if(!n)return typeof t=="function"?t(o):t;let r=Pt.Children.only(o);return Pt.cloneElement(r,{children:typeof t=="function"?t(r.props.children):t})}var Cn=I(require("classnames"));var No=[],Lo=new Set;function Vo(e){let t=Object.assign({},...e),n=[],o=[],r=new Set;for(let s in t){let a=t[s],d=a.values??No,i={key:s,type:a.type,default:a.default,hasDefault:a.default!==void 0,responsive:"responsive"in a,className:a.className,customProperties:a.customProperties,parseValue:a.parseValue,values:d,valueSet:d.length>0?new Set(d):Lo,enumValueSet:a.type==="enum"?new Set([a.default,...d]):void 0};a.className?(n.push(i),r.add(s)):(i.hasDefault||a.type==="enum")&&o.push(i)}return{styling:n,passthrough:o,stylingKeys:r}}var Do={children:new WeakMap};function Rn(e){let t=Do;for(let n=0;n<e.length;n++){let o=e[n],r=t.children.get(o);r===void 0&&(r={children:new WeakMap},t.children.set(o,r)),t=r}return t.compiled??(t.compiled=Vo(e))}var Ho=["initial","xs","sm","md","lg","xl"],At=new Set(Ho);function Ot(e,t){return Object.prototype.hasOwnProperty.call(e,t)}var Bo=new Set(["initial","xs","sm","md","lg","xl"]);function De(e){if(typeof e!="object"||e===null)return!1;for(let t in e)if(Bo.has(t))return!0;return!1}function ht(e,t,n){return t!==void 0?t.has(n):e.includes(n)}function xn({className:e,customProperties:t,...n}){let o=It({allowArbitraryValues:!0,className:e,...n}),r=Ao({customProperties:t,...n});return[o,r]}function It({allowArbitraryValues:e,value:t,className:n,propValues:o,propValueSet:r,parseValue:s=a=>a}){if(t){if(typeof t=="string")return ht(o,r,t)?yn(n,t,s):e?n:void 0;if(De(t)){let a=t,d=[];for(let i in a){if(!Ot(a,i)||!At.has(i))continue;let l=a[i];if(l!==void 0){if(ht(o,r,l)){let p=yn(n,l,s),m=i==="initial"?p:`${i}:${p}`;d.push(m)}else if(e){let p=i==="initial"?n:`${i}:${n}`;d.push(p)}}}return d.length>0?d.join(" "):""}if(e)return n}}function yn(e,t,n){let o=e?"-":"",r=n(t),s=r?.startsWith("-"),a=s?"-":"",d=s?r?.substring(1):r;return`${a}${e}${o}${d}`}function Ao({customProperties:e,value:t,propValues:n,propValueSet:o,parseValue:r=s=>s}){if(!t||typeof t=="string"&&ht(n,o,t))return;let s;if(typeof t=="string"){let a=r(t);s={};for(let d of e)s[d]=a;return s}if(De(t)){let a=t;for(let d in a){if(!Ot(a,d)||!At.has(d))continue;let i=a[d];if(i===void 0||ht(n,o,i))continue;let l=r(i);s??(s={});for(let p of e){let m=d==="initial"?p:`${p}-${d}`;s[m]=l}}}return s??{}}function Ft(...e){let t;for(let n of e)n&&(t===void 0&&(t={}),Object.assign(t,n));return t}function Oo(e,t){let n=e.initial,o=!1;return t.hasDefault&&n===void 0&&(n=t.default,o=!0),t.enumValueSet!==void 0&&!t.enumValueSet.has(n)&&(n=t.default,o=!0),o?{...e,initial:n}:e}function zn(e,...t){let{styling:n,passthrough:o,stylingKeys:r}=Rn(t),s={};for(let i in e)r.has(i)||(s[i]=e[i]);for(let i=0;i<o.length;i++){let l=o[i],p=s[l.key];if(p===void 0){l.hasDefault&&(s[l.key]=l.default);continue}l.enumValueSet!==void 0&&!l.enumValueSet.has(p)&&!De(p)&&(s[l.key]=l.default)}let a,d=[];for(let i=0;i<n.length;i++){let l=n[i],p=e[l.key];if(p===void 0&&l.hasDefault&&(p=l.default),l.enumValueSet!==void 0&&!l.enumValueSet.has(p)&&!De(p)&&(p=l.default),!!p){if(De(p)){if(!l.responsive)continue;p=Oo(p,l)}if(l.type==="enum"){let m=It({allowArbitraryValues:!1,value:p,className:l.className,propValues:l.values,propValueSet:l.valueSet,parseValue:l.parseValue});m&&d.push(m);continue}if(l.type==="string"||l.type==="enum | string"){let[m,v]=xn({className:l.className,customProperties:l.customProperties,propValues:l.type==="string"?[]:l.values,propValueSet:l.type==="string"?void 0:l.valueSet,parseValue:l.parseValue,value:p});v&&(a=Ft(a,v)),m&&d.push(m);continue}if(l.type==="boolean"){d.push(l.className);continue}}}return s.className=(0,Cn.default)(d.length>0?d.join(" "):void 0,e.className),s.style=Ft(a,e.style),s}var En={width:{type:"string",className:"kui-r-w",customProperties:["--width"],responsive:!0},minWidth:{type:"string",className:"kui-r-min-w",customProperties:["--min-width"],responsive:!0},maxWidth:{type:"string",className:"kui-r-max-w",customProperties:["--max-width"],responsive:!0}};var Tn={height:{type:"string",className:"kui-r-h",customProperties:["--height"],responsive:!0},minHeight:{type:"string",className:"kui-r-min-h",customProperties:["--min-height"],responsive:!0},maxHeight:{type:"string",className:"kui-r-max-h",customProperties:["--max-height"],responsive:!0}};var Io='[role="menu"], [role="listbox"]';function Fo(e,t){oe.useEffect(()=>{if(!t||!e||e.closest(Io))return;let n=0,o=()=>{n=0;let a=Bt(e);a.x>0||a.y>0?e.setAttribute("tabindex","0"):e.removeAttribute("tabindex")},r=()=>{n||(n=requestAnimationFrame(o))};o();let s=typeof ResizeObserver>"u"?null:new ResizeObserver(r);s?.observe(e);for(let a of Array.from(e.children))s?.observe(a);return()=>{n&&cancelAnimationFrame(n),s?.disconnect()}},[e,t])}var St=oe.forwardRef((e,t)=>{let{asChild:n,children:o,className:r,style:s,type:a,scrollHideDelay:d=a!=="scroll"?0:void 0,dir:i,radius:l=pt.radius.default,scrollbars:p=pt.scrollbars.default,fade:m=pt.fade.default,...v}=zn(e,En,Tn),[C,V]=oe.useState(null),F=Sn(m),M=bn(),y=(0,Mn.useComposedRefs)(t,F,M,V);Fo(C,v.tabIndex===void 0);let z=v["aria-label"]!==void 0||v["aria-labelledby"]!==void 0;return oe.createElement(ke.ScrollArea.Root,{type:a,scrollHideDelay:d,dir:i,className:(0,wn.default)("kui-ScrollAreaRoot",r),"data-fade":m?"":void 0,style:s,asChild:n},vn({asChild:n,children:o},T=>oe.createElement(oe.Fragment,null,oe.createElement(ke.ScrollArea.Viewport,{role:z?"region":void 0,...v,ref:y,className:"kui-ScrollAreaViewport"},T),oe.createElement("div",{className:"kui-ScrollAreaViewportFocusRing"}),p!=="vertical"?oe.createElement(ke.ScrollArea.Scrollbar,{"data-radius":l,orientation:"horizontal",className:"kui-ScrollAreaScrollbar"},oe.createElement(ke.ScrollArea.Thumb,{className:"kui-ScrollAreaThumb"})):null,p!=="horizontal"?oe.createElement(ke.ScrollArea.Scrollbar,{"data-radius":l,orientation:"vertical",className:"kui-ScrollAreaScrollbar"},oe.createElement(ke.ScrollArea.Thumb,{className:"kui-ScrollAreaThumb"})):null,p==="both"?oe.createElement(ke.ScrollArea.Corner,{className:"kui-ScrollAreaCorner"}):null)))});St.displayName="ScrollArea";var kn=I(require("react")),je=kn.createContext(void 0);var Ln=I(require("react")),$o="(max-width: 767.98px) and (pointer: coarse)",Nn,gt=()=>Nn??(Nn=window.matchMedia($o));function Vn(e,t){return typeof e.addEventListener=="function"?(e.addEventListener("change",t),()=>e.removeEventListener("change",t)):(e.addListener?.(t),()=>e.removeListener?.(t))}function Wo(e){return Vn(gt(),e)}function Dn(){return Ln.useSyncExternalStore(Wo,()=>gt().matches,()=>!1)}function Hn(){return gt().matches}function Bn(e){let t=gt();return Vn(t,()=>e(t.matches))}var An=H.createContext(null);function $t(){return H.useContext(An)}var _e=H.createContext("2"),bt=H.createContext(!1),Wt=H.createContext(!1);function Ze({children:e,presentation:t}){let n=H.useContext(_e),o=H.useMemo(()=>({size:n,menuVariant:"soft",presentation:t}),[n,t]);return H.createElement(An.Provider,{value:o},e)}function Ut(){let e=$t(),t=H.useContext(_e),n=e?.size??t,o=e?.menuVariant??"soft";return["kui-ShellPaneChrome",`kui-r-size-${n}`,`kui-menu-variant-${o}`]}var Uo={1:"2",2:"3",3:"4",4:"4"};function On(){let e=$t(),t=H.useContext(_e);return Uo[e?.size??t]}var jt=H.forwardRef(({className:e,float:t,children:n,...o},r)=>{let s=Ut(),a=On();return H.createElement("div",{...o,ref:r,"data-float":t||void 0,className:(0,Xe.default)("kui-ShellPaneHeader","kui-SidebarHeader","kui-SidebarHeader--container",...s,e)},H.createElement(je.Provider,{value:a},n))});jt.displayName="Shell.PaneHeader";var _t=H.forwardRef(({className:e,float:t,children:n,...o},r)=>{let s=Ut(),a=On();return H.createElement("div",{...o,ref:r,"data-float":t||void 0,className:(0,Xe.default)("kui-ShellPaneFooter","kui-SidebarFooter","kui-SidebarFooter--container",...s,e)},H.createElement(je.Provider,{value:a},n))});_t.displayName="Shell.PaneFooter";var qt=H.forwardRef(({className:e,style:t,dir:n,children:o,fade:r=!1,pane:s=!1,...a},d)=>{let i=Ut(),l=H.useContext(bt),p=$t(),m=l&&p===null&&!s,v=H.useContext(Wt),C=Dn();if(m){let V=a.tabIndex??(v&&C?-1:void 0);return H.createElement(St,{...a,tabIndex:V,ref:d,type:"hover",fade:r,className:"kui-ShellScroll"},H.createElement("div",{style:t,dir:n,className:(0,Xe.default)("kui-ShellScrollContent",e)},o))}return H.createElement(St,{...a,ref:d,type:"hover",fade:r,className:"kui-ShellScroll"},H.createElement("div",{style:t,dir:n,className:(0,Xe.default)("kui-BaseMenuContent","kui-SidebarContent",...i,e)},H.createElement(je.Provider,{value:null},H.createElement("div",{className:"kui-BaseMenuViewport"},o))))});qt.displayName="Shell.Scroll";var Se=I(require("react")),jo=Se.createContext(null);function Ce({children:e}){let t=Se.useMemo(()=>({title:null,mirrors:new Set,collapsed:!1,listeners:new Set,version:0}),[]);return Se.createElement(jo.Provider,{value:t},e)}var In=e=>e==="collapsed"?"closed":"open",_o=e=>e==="closed"?"collapsed":"expanded";function Fn(e){if(e===void 0)return;if(typeof e=="string")return In(e);let t={};for(let[n,o]of Object.entries(e))o!==void 0&&(t[n]=In(o));return t}var qo={controlled:"state",default:"defaultState"},Ko={initial:"overlay",sm:"fixed"},vt=ue.forwardRef((e,t)=>{let{className:n,presentation:o=Ko,expandedSize:r=288,minSize:s=200,maxSize:a=400,resizable:d=!1,collapsible:i=!0,onExpand:l,onCollapse:p,onResize:m,onResizeStart:v,onResizeEnd:C,snapPoints:V,snapTolerance:F,collapseThreshold:M,paneId:y,persistence:z,children:T,style:L,state:$,defaultState:B,onStateChange:q,size:W,defaultSize:U,onSizeChange:Y,sizeUpdate:S,sizeUpdateMs:R=50,flush:k=!0,id:D,...N}=e,{table:f,attributes:w}=xe(o,"fixed"),P=Re({name:"sidebar",label:"Sidebar",propNames:qo,id:D,controlled:Fn($),defaultValue:Fn(B),presentationTable:f,builtIn:ct,onChange:(b,j)=>q?.(_o(b),{reason:j}),onExpand:l,onCollapse:p,size:r});be("sidebar",k),ue.useEffect(()=>{(V!==void 0||M!==void 0||y!==void 0||z!==void 0)&&void 0},[V,M,y,z]);let A=ue.useRef(null),X=(0,Wn.useComposedRefs)(t,P.setElement,A),O=Te({name:"sidebar",elementId:P.id,elementRef:A,cssVarName:"--sidebar-size",orientation:"vertical",edge:"end",growth:ut,expandedSize:r,minSize:s,maxSize:a,resizable:d,collapsible:i,size:W,defaultSize:U,onSizeChange:Y,sizeUpdate:S,sizeUpdateMs:R,onResize:m,onResizeStart:v,onResizeEnd:C,snapPoints:V,snapTolerance:F,collapseThreshold:M,paneId:y,persistence:z,overlaying:P.overlaying,overlayingNow:()=>f[Pe()]==="overlay",requestCollapse:()=>P.setValue("closed","toggle"),requestToggle:()=>P.toggle("toggle")}),{handles:x,content:g}=we(T,ot),J=d&&P.value!=="closed"&&!P.overlaying?ue.createElement(ve.Provider,{value:O},x.length>0?x:ue.createElement(de,null)):null,u=P.peeking?`var(--sidebar-size, ${r}px)`:void 0,h=Ee(W,U,s,a);return ue.createElement("div",{...Me(N),role:N.role??"navigation",id:P.id,ref:X,className:(0,$n.default)("kui-ShellPane","kui-ShellSidebar",n),...ye(P,w),"data-flush":k||void 0,tabIndex:P.overlaying?-1:N.tabIndex,style:{...L,"--sidebar-expanded-size":`${r}px`,...h?{"--sidebar-size":h}:{},"--sidebar-min-size":`${s}px`,"--sidebar-max-size":`${a}px`,...u?{"--peek-sidebar-width":u}:{}}},ue.createElement("div",{className:"kui-ShellSidebarContent"},ue.createElement(Ze,null,ue.createElement(Ce,null,g))),J)});vt.displayName="Shell.Sidebar";vt.Handle=ot;var fe=I(require("react")),Un=I(require("classnames")),jn=require("radix-ui/internal");var Go={controlled:"open",default:"defaultOpen"},Rt=fe.forwardRef((e,t)=>{let{className:n,presentation:o="fixed",defaultOpen:r,open:s,onOpenChange:a,expandedSize:d=200,minSize:i=100,maxSize:l=400,resizable:p=!1,collapsible:m=!0,onExpand:v,onCollapse:C,onResize:V,onResizeStart:F,onResizeEnd:M,snapPoints:y,snapTolerance:z,collapseThreshold:T,paneId:L,persistence:$,children:B,style:q,size:W,defaultSize:U,onSizeChange:Y,sizeUpdate:S,sizeUpdateMs:R=50,flush:k=!0,id:D,...N}=e,{table:f,attributes:w}=xe(o,"fixed"),P=Re({name:"bottom",label:"Bottom",propNames:Go,id:D,controlled:he(s),defaultValue:he(r),presentationTable:f,builtIn:Ue,onChange:(h,b)=>a?.(h!=="closed",{reason:b}),onExpand:v,onCollapse:C,size:d});be("bottom",k),fe.useEffect(()=>{(y!==void 0||T!==void 0||L!==void 0||$!==void 0)&&void 0},[y,T,L,$]);let A=fe.useRef(null),X=(0,jn.useComposedRefs)(t,P.setElement,A),O=Te({name:"bottom",elementId:P.id,elementRef:A,cssVarName:"--bottom-size",orientation:"horizontal",edge:"start",growth:mn,expandedSize:d,minSize:i,maxSize:l,resizable:p,collapsible:m,size:W,defaultSize:U,onSizeChange:Y,sizeUpdate:S,sizeUpdateMs:R,onResize:V,onResizeStart:F,onResizeEnd:M,snapPoints:y,snapTolerance:z,collapseThreshold:T,paneId:L,persistence:$,overlaying:P.overlaying,overlayingNow:()=>f[Pe()]==="overlay",requestCollapse:()=>P.setValue("closed","toggle"),requestToggle:()=>P.toggle("toggle")}),x=Ee(W,U,i,l),{handles:g,content:J}=we(B,at),u=p&&P.shown!==!1&&!P.overlaying?fe.createElement(ve.Provider,{value:O},g.length>0?g:fe.createElement(de,null)):null;return fe.createElement("div",{...Me(N),id:P.id,ref:X,className:(0,Un.default)("kui-ShellPane","kui-ShellBottom",n),...ye(P,w),"data-flush":k||void 0,tabIndex:P.overlaying?-1:N.tabIndex,style:{...q,"--bottom-expanded-size":`${d}px`,...x?{"--bottom-size":x}:{},"--bottom-min-size":`${i}px`,"--bottom-max-size":`${l}px`}},fe.createElement("div",{className:"kui-ShellBottomContent"},fe.createElement(Ce,null,J)),u)});Rt.displayName="Shell.Bottom";Rt.Handle=at;var me=I(require("react")),_n=I(require("classnames")),qn=require("radix-ui/internal");var Qo={controlled:"open",default:"defaultOpen"},Yo={initial:"overlay",sm:"fixed"},yt=me.forwardRef((e,t)=>{let{className:n,presentation:o=Yo,defaultOpen:r,open:s,onOpenChange:a,expandedSize:d=320,minSize:i=200,maxSize:l=500,resizable:p=!1,collapsible:m=!0,onExpand:v,onCollapse:C,onResize:V,onResizeStart:F,onResizeEnd:M,snapPoints:y,snapTolerance:z,collapseThreshold:T,paneId:L,persistence:$,children:B,style:q,onSizeChange:W,sizeUpdate:U,sizeUpdateMs:Y=50,size:S,defaultSize:R,flush:k=!0,id:D,...N}=e,{table:f,attributes:w}=xe(o,"fixed"),P=Re({name:"inspector",label:"Inspector",propNames:Qo,id:D,controlled:he(s),defaultValue:he(r),presentationTable:f,builtIn:Ue,onChange:(h,b)=>a?.(h!=="closed",{reason:b}),onExpand:v,onCollapse:C,size:d});be("inspector",k),me.useEffect(()=>{(y!==void 0||T!==void 0||L!==void 0||$!==void 0)&&void 0},[y,T,L,$]);let A=me.useRef(null),X=(0,qn.useComposedRefs)(t,P.setElement,A),O=Te({name:"inspector",elementId:P.id,elementRef:A,cssVarName:"--inspector-size",orientation:"vertical",edge:"start",growth:fn,expandedSize:d,minSize:i,maxSize:l,resizable:p,collapsible:m,size:S,defaultSize:R,onSizeChange:W,sizeUpdate:U,sizeUpdateMs:Y,onResize:V,onResizeStart:F,onResizeEnd:M,snapPoints:y,snapTolerance:z,collapseThreshold:T,paneId:L,persistence:$,overlaying:P.overlaying,overlayingNow:()=>f[Pe()]==="overlay",requestCollapse:()=>P.setValue("closed","toggle"),requestToggle:()=>P.toggle("toggle")}),{handles:x,content:g}=we(B,rt),J=p&&P.shown!==!1&&!P.overlaying?me.createElement(ve.Provider,{value:O},x.length>0?x:me.createElement(de,null)):null,u=Ee(S,R,i,l);return me.createElement("div",{...Me(N),role:N.role??"complementary",id:P.id,ref:X,className:(0,_n.default)("kui-ShellPane","kui-ShellInspector",n),...ye(P,w),"data-flush":k||void 0,tabIndex:P.overlaying?-1:N.tabIndex,style:{...q,"--inspector-expanded-size":`${d}px`,...u?{"--inspector-size":u}:{},"--inspector-min-size":`${i}px`,"--inspector-max-size":`${l}px`}},me.createElement("div",{className:"kui-ShellInspectorContent"},me.createElement(Ce,null,g)),J)});yt.displayName="Shell.Inspector";yt.Handle=rt;var ge=I(require("react"));var Gn=e=>e===void 0?void 0:e==="closed"?"collapsed":"expanded",Qn=e=>e==="collapsed"?"closed":"open",xt=e=>e===void 0||e==="closed"?"collapsed":"expanded",Ct=e=>e==="left"?"rail":e;function Xo(e){let t=ge.useCallback(n=>Ve(e,n),[e]);return ge.useSyncExternalStore(t,()=>e.version,()=>0)}function Yn(){let e=ze("useSidebarMode"),t=ge.useCallback(r=>Ve(e,r),[e]),n=ge.useSyncExternalStore(t,()=>e.entries.get("sidebar")?.value,()=>{}),o=ge.useCallback(r=>{e.entries.get("sidebar")?.setValue(Qn(r),"toggle")},[e]);return{sidebarMode:Gn(n)??"expanded",setSidebarMode:o}}var Kn=()=>{};function Xn(){let e=ze("useShell");ge.useEffect(()=>{},[]),Xo(e);let{breakpoint:t,ready:n}=Oe(),o=ge.useMemo(()=>{let a=i=>l=>e.entries.get(i)?.setValue(l==="collapsed"?"closed":"open","toggle"),d=i=>Fe(e,i===null?null:Ct(i));return{setLeftMode:a("rail"),setPanelMode:a("panel"),setInspectorMode:a("inspector"),setBottomMode:a("bottom"),setSidebarMode:i=>e.entries.get("sidebar")?.setValue(Qn(i),"toggle"),setPeekTarget:d,peekPane:i=>d(i),clearPeek:()=>d(null),setHasLeft:Kn,setHasSidebar:Kn,togglePane:i=>e.entries.get(Ct(i))?.toggle("toggle"),expandPane:i=>e.entries.get(Ct(i))?.setValue("open","toggle"),collapsePane:i=>e.entries.get(Ct(i))?.setValue("closed","toggle")}},[e]),r=a=>e.entries.get(a)?.value,s=e.entries.get("rail");return{leftMode:xt(r("rail")),leftControlledOpen:s?.value===void 0?void 0:s.value!=="closed",panelMode:xt(r("panel")),sidebarMode:Gn(r("sidebar"))??"expanded",inspectorMode:xt(r("inspector")),bottomMode:xt(r("bottom")),peekTarget:e.peek,hasLeft:e.entries.has("rail"),hasSidebar:e.entries.has("sidebar"),currentBreakpoint:t,currentBreakpointReady:n,leftResolvedPresentation:s?.presentation,...o}}var Zn=I(require("react"));function Jn(e){Zn.useEffect(()=>{},[]);let{breakpoint:t}=Oe(typeof e!="string");return Le(e,()=>"fixed")[t]}var zt=I(require("react"));function eo(e,t){if(t.includes(e))return e;let n=Number(e),o=t[0],r=1/0;for(let s=0;s<t.length;s++){let a=Math.abs(Number(t[s])-n);a<r&&(r=a,o=t[s])}return o}var to=zt.createContext("2");to.displayName="ThemeSizeContext";function no(e,t){let n=zt.useContext(to);return e!==void 0?e:eo(n,t.values)}var Kt=0;function oo(e){Kt=Math.max(0,Kt+e);let t=document.documentElement;Kt>0?t.setAttribute("data-kui-shell-lock",""):t.removeAttribute("data-kui-shell-lock")}var Gt="data-kui-shell-inert",Jo=30;function Je(e,t){return t===null||t===e||t===e.body||t===e.documentElement}function ro(e,t,n){for(let o of e.querySelectorAll("[data-shell-trigger][aria-controls]"))if(!(o.getAttribute("aria-controls")!==t||o.closest("[inert]"))&&!(n&&!n.some(r=>r.contains(o))))return o;return null}var er={values:["1","2","3"]},io=c.createContext(null),ao=64;function Qt(e){return e.querySelector(":scope > .kui-ShellContent > .kui-ShellScroll > .kui-ScrollAreaViewport")??e.querySelector(":scope > .kui-ShellContent")}var lo=c.forwardRef(({className:e,children:t,height:n="full",contained:o,size:r,style:s,onKeyDown:a,onFocus:d,...i},l)=>{let p=no(r,er),[m]=c.useState(cn),v=c.useCallback(u=>Ve(m,u),[m]);c.useSyncExternalStore(v,()=>m.version,()=>0);let C=c.useRef(null),V=(0,qe.useComposedRefs)(l,C),[F,M]=c.useState(()=>new Set),y=c.useCallback(u=>{M(h=>h.has(u)?h:new Set(h).add(u))},[]),z=c.useCallback(u=>{M(h=>{if(!h.has(u))return h;let b=new Set(h);return b.delete(u),b})},[]),T=c.useMemo(()=>({registerOffFrame:y,unregisterOffFrame:z}),[y,z]),L=c.useCallback(()=>{for(let u of m.entries.values())u.overlayLive&&u.setValue("closed","dismiss")},[m]),$=c.useCallback(()=>[...m.entries.values()].filter(u=>u.overlayLive&&u.el).map(u=>({name:u.name,id:u.id,el:u.el})),[m]),B=[...m.entries.values()].filter(u=>u.overlayLive&&u.el).length,q=o===!0||n!=="full"&&n!=="auto",W=!q&&n==="full",[U,Y]=c.useState(void 0);c.useEffect(()=>{if(!W)return;let u=C.current,h=u?.ownerDocument.defaultView;if(!u||!h||typeof h.matchMedia!="function")return;let b=Hn(),j=b?h.scrollY:Qt(u)?.scrollTop??0,re=0,K=0,se=()=>{K&&cancelAnimationFrame(K),K=requestAnimationFrame(()=>{K=0})},te=()=>{b&&!K&&(j=h.scrollY)},pe=E=>{!b&&!K&&E.target instanceof HTMLElement&&E.target===Qt(u)&&(j=E.target.scrollTop)};h.addEventListener("resize",se),h.addEventListener("scroll",te,{passive:!0}),u.addEventListener("scroll",pe,{passive:!0,capture:!0});let Be=Bn(E=>{b=E;let G=j;re&&cancelAnimationFrame(re),re=requestAnimationFrame(()=>{if(re=0,E)h.scrollTo(0,G);else{let ee=Qt(u);ee&&(ee.scrollTop=G)}})});return()=>{re&&cancelAnimationFrame(re),K&&cancelAnimationFrame(K),h.removeEventListener("resize",se),h.removeEventListener("scroll",te),u.removeEventListener("scroll",pe,{capture:!0}),Be()}},[W]);let S=c.useCallback(()=>{let u=C.current;if(!u)return;let h=$().map(b=>b.el);for(let b of u.children){if(!(b instanceof HTMLElement)||b.classList.contains("kui-ShellScrim"))continue;let j=h.some(re=>b===re||b.contains(re));h.length===0||j?b.hasAttribute(Gt)&&(b.removeAttribute(Gt),b.inert=!1):b.inert||(b.setAttribute(Gt,""),b.inert=!0)}},[$]),R=c.useRef(null),k=c.useRef([]),D=c.useRef(null),N=c.useRef(!1),f=c.useRef(0),w=c.useCallback(()=>{f.current&&cancelAnimationFrame(f.current),f.current=0},[]),P=c.useCallback((u,h)=>{w();let b=0,j=()=>{if(f.current=0,!!u.isConnected){if(h(u.ownerDocument.activeElement)){u.focus({preventScroll:!0});return}b+=1,b<Jo&&(f.current=requestAnimationFrame(j))}};f.current=requestAnimationFrame(j)},[w]);c.useEffect(()=>()=>{w(),N.current&&(N.current=!1,oo(-1))},[w]),c.useEffect(()=>{let u=C.current;if(!u)return;let h=u.ownerDocument,b=$(),j=b.map(E=>E.el),re=!q&&b.length>0;re!==N.current&&(N.current=re,oo(re?1:-1));let K=k.current;k.current=b;let se=K.filter(E=>{if(j.includes(E.el))return!1;let G=m.entries.get(E.name);return!E.el.isConnected||!G||G.el!==E.el||G.value==="closed"}),te=E=>E!==null&&se.some(G=>G.el.contains(E));if(K.length===0&&b.length>0){let E=h.activeElement,G=E instanceof HTMLElement&&!Je(h,E)&&!j.some(ee=>ee.contains(E))?E:null;if(G&&!u.contains(G)){let ee=D.current;ee&&ee.isConnected&&!j.some(ae=>ae.contains(ee))&&(G=ee)}R.current=G}if(S(),b.length===0){let E=R.current;if(R.current=null,se.length===0)return;let ee=(ie=>ie!==null&&ie.isConnected&&!ie.closest("[inert]")&&!te(ie))(E)?E:null;for(let ie of se)ee??(ee=ro(h,ie.id));if(!ee)return;let ae=ie=>Je(h,ie)||te(ie);ae(h.activeElement)?ee.focus({preventScroll:!0}):P(ee,ae);return}if(se.length>0){let E=h.activeElement;if(Je(h,E)||te(E)){let G=null;for(let ee of se)G??(G=ro(h,ee.id,j));(G??j[j.length-1]).focus({preventScroll:!0})}}let pe=j.filter(E=>!K.some(G=>G.el===E)),Be=h.activeElement;pe.length>0&&!j.some(E=>E.contains(Be))&&(pe[0].focus({preventScroll:!0}),P(pe[0],E=>Je(h,E)||E instanceof Element&&E.closest("[inert]")!==null))}),c.useEffect(()=>{let u=C.current;if(!u||B===0||typeof MutationObserver>"u")return;let h=new MutationObserver(S);return h.observe(u,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["inert"]}),()=>h.disconnect()},[B,S]);let A=u=>{a?.(u),!(u.key!=="Escape"||u.defaultPrevented||B===0)&&(L(),u.stopPropagation())};c.useEffect(()=>{let u=C.current;if(!u||B===0)return;let h=u.ownerDocument,b=j=>{j.key!=="Escape"||j.defaultPrevented||!Je(h,j.target)||L()};return h.addEventListener("keydown",b),()=>h.removeEventListener("keydown",b)},[B,L]);let X=u=>{d?.(u),u.target instanceof HTMLElement&&C.current?.contains(u.target)&&(D.current=u.target)},O=m.entries.get("rail"),g=O!==void 0&&O.value!==void 0&&O.value!=="closed"?F.has("rail")?`calc(${O.size}px + 2 * var(--shell-gap))`:`${O.size}px`:void 0,J=n==="full"?{}:n==="auto"?{height:"auto"}:typeof n=="number"?{height:`${n}px`}:{height:n};return c.createElement(Lt.Provider,{value:m},c.createElement(_e.Provider,{value:p},c.createElement(bt.Provider,{value:!1},c.createElement(Wt.Provider,{value:W},c.createElement(io.Provider,{value:Y},c.createElement(Dt.Provider,{value:T},c.createElement(je.Provider,{value:void 0},c.createElement("div",{...i,ref:V,className:(0,He.default)("kui-ShellRoot",e),"data-height":n==="auto"&&!q?"auto":void 0,"data-contained":q||void 0,"data-window":W||void 0,"data-overlay-live":B>0||void 0,onKeyDown:A,onFocus:X,style:{...J,...g?{"--shell-rail-offset":g}:{},...U!==void 0?{"--kui-shell-header-h":`${U}px`}:{},...s}},t,c.createElement("div",{className:"kui-ShellScrim","aria-hidden":!0,onClick:L})))))))))});lo.displayName="Shell.Root";var co=c.forwardRef(({className:e,height:t=ao,flush:n=!0,style:o,...r},s)=>{let a=c.useContext(io);return(0,qe.useLayoutEffect)(()=>{if(a)return a(t===ao?void 0:t),()=>a(void 0)},[a,t]),c.createElement("header",{...r,ref:s,className:(0,He.default)("kui-ShellHeader",e),"data-flush":n||void 0,style:{...o,"--shell-header-height":`${t}px`}})});co.displayName="Shell.Header";var uo=c.forwardRef(({children:e},t)=>(c.useEffect(()=>{},[]),c.createElement(c.Fragment,null,e)));uo.displayName="Shell.Left";var tr={controlled:"open",default:"defaultOpen"},po=c.forwardRef((e,t)=>{let{className:n,presentation:o,expandedSize:r=64,collapsible:s,onExpand:a,onCollapse:d,children:i,style:l,open:p,defaultOpen:m,onOpenChange:v,flush:C=!0,id:V,...F}=e,{table:M,attributes:y}=xe(o,"fixed"),z=Re({name:"rail",label:"Rail",propNames:tr,id:V,controlled:he(p),defaultValue:he(m),presentationTable:M,builtIn:ct,onChange:(L,$)=>v?.(L!=="closed",{reason:$}),onExpand:a,onCollapse:d,size:r});be("rail",C);let T=(0,qe.useComposedRefs)(t,z.setElement);return c.createElement("div",{...F,role:F.role??"navigation",id:z.id,ref:T,className:(0,He.default)("kui-ShellPane","kui-ShellRail",n),...ye(z,y),"data-flush":C||void 0,tabIndex:z.overlaying?-1:F.tabIndex,style:{...l,"--rail-size":`${r}px`}},c.createElement(nr,null,i))});po.displayName="Shell.Rail";function nr({children:e}){let t=c.useContext(_e);return c.createElement("div",{className:(0,He.default)("kui-ShellRailContent",`kui-r-size-${t}`)},c.createElement(Ze,{presentation:"thin"},e))}var or={controlled:"open",default:"defaultOpen"},Yt=c.forwardRef((e,t)=>{let{className:n,presentation:o,defaultOpen:r,open:s,onOpenChange:a,size:d,defaultSize:i,expandedSize:l=288,minSize:p=100,maxSize:m=800,resizable:v=!1,collapsible:C=!0,onExpand:V,onCollapse:F,onResize:M,onResizeStart:y,onResizeEnd:z,snapPoints:T,snapTolerance:L,collapseThreshold:$,paneId:B,persistence:q,children:W,style:U,onSizeChange:Y,sizeUpdate:S,sizeUpdateMs:R=50,flush:k=!0,id:D,...N}=e,f=ze("Shell.Panel"),w=Vt(f,"rail"),P=xe(o,"fixed"),A=o===void 0,X=A?w?.presentationTable??Nt:P.table,O=A?{"data-presentation-follows":""}:P.attributes,x=Re({name:"panel",label:"Panel",propNames:or,id:D,controlled:he(s),defaultValue:he(r),presentationTable:X,builtIn:Ue,onChange:(K,se)=>a?.(K!=="closed",{reason:se}),onExpand:V,onCollapse:F,size:l});be("panel",k),c.useEffect(()=>{(T!==void 0||$!==void 0||B!==void 0||q!==void 0)&&void 0},[T,$,B,q]);let g=c.useRef(null),J=(0,qe.useComposedRefs)(t,x.setElement,g),u=Te({name:"panel",elementId:x.id,elementRef:g,cssVarName:"--panel-size",orientation:"vertical",edge:"end",growth:ut,expandedSize:l,minSize:p,maxSize:m,resizable:v,collapsible:C,size:d,defaultSize:i,onSizeChange:Y,sizeUpdate:S,sizeUpdateMs:R,onResize:M,onResizeStart:y,onResizeEnd:z,snapPoints:T,snapTolerance:L,collapseThreshold:$,paneId:B,persistence:q,overlaying:x.overlaying,overlayingNow:()=>(A?f.entries.get("rail")?.presentationTable??Nt:P.table)[Pe()]==="overlay",requestCollapse:()=>x.setValue("closed","toggle"),requestToggle:()=>x.toggle("toggle")}),h=Ee(d,i,p,m),{handles:b,content:j}=we(W,nt),re=v&&x.shown!==!1&&!x.overlaying?c.createElement(ve.Provider,{value:u},b.length>0?b:c.createElement(de,null)):null;return c.createElement("div",{...Me(N),role:N.role??"navigation",id:x.id,ref:J,className:(0,He.default)("kui-ShellPane","kui-ShellPanel",n),...ye(x,O),"data-flush":k||void 0,tabIndex:x.overlaying?-1:N.tabIndex,style:{...U,"--panel-expanded-size":`${l}px`,...h?{"--panel-size":h}:{}}},c.createElement("div",{className:"kui-ShellPanelContent"},c.createElement(Ze,null,c.createElement(Ce,null,j))),re)});Yt.displayName="Shell.Panel";Yt.Handle=nt;var fo=c.forwardRef(({className:e,flush:t=!0,children:n,...o},r)=>(be("content",t),c.createElement("main",{...o,ref:r,className:(0,He.default)("kui-ShellContent",e),"data-flush":t||void 0},c.createElement(bt.Provider,{value:!0},c.createElement(Ce,null,n)))));fo.displayName="Shell.Content";var mo=c.forwardRef(({target:e,action:t="toggle",peekOnHover:n,asChild:o=!1,onClick:r,onMouseEnter:s,onMouseLeave:a,children:d,...i},l)=>{let p=ze("Shell.Trigger");c.useEffect(()=>{e==="left"&&void 0,n&&void 0},[e,n]);let m=e==="left"?"rail":e,v=Vt(p,m),C=v?.value===void 0?void 0:v.value!=="closed",V=z=>{if(r?.(z),z.defaultPrevented)return;let T=p.entries.get(m);T&&(p.peek===m&&Fe(p,null),t==="toggle"?T.toggle("toggle"):t==="expand"?T.setValue("open","toggle"):T.setValue("closed","toggle"))},F=z=>{if(s?.(z),!n)return;let T=p.entries.get(m);T&&T.value==="closed"&&T.presentation!=="overlay"&&Fe(p,m)},M=z=>{a?.(z),n&&p.peek===m&&Fe(p,null)},y=o?so.Slot.Root:"button";return c.createElement(y,{...!o&&{type:"button"},"aria-controls":v?.id,"aria-expanded":C,...i,ref:l,onClick:V,onMouseEnter:F,onMouseLeave:M,"data-shell-trigger":e,"data-shell-action":t},d)});mo.displayName="Shell.Trigger";
 //# sourceMappingURL=shell.js.map