@womp/kookie-ui 0.36.0 → 0.37.0

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 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": "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",
-  "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"]
+  "sources": ["../../../src/components/shell.context.tsx", "../../../src/components/_internal/shell-store.tsx", "../../../src/components/shell.types.ts"],
+  "sourcesContent": ["'use client';\n\n/**\n * The Shell has two contexts: the pane registry (the store) and the set of panes off the frame.\n * They live in `_internal/shell-store.tsx`. This module keeps the hook consumers can reach:\n * `useSidebarMode`.\n */\nimport * as React from 'react';\nimport type { SidebarMode } from './shell.types.js';\nimport { subscribeShellStore, useShellStore, type PaneValue } 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\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", "'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};\n\nexport function createShellStore(): ShellStore {\n  return { entries: new Map(), listeners: new Set(), version: 0 };\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 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/* \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", "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\n/**\n * Why a pane's open state changed. Only a user action is reported: `toggle` for a Trigger or a\n * handle double-click, and `dismiss` for Escape or a press on the scrim.\n */\nexport type PaneOpenChangeReason = 'toggle' | 'dismiss';\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  onResize?: (size: number) => void;\n  onResizeStart?: (size: number) => void;\n  onResizeEnd?: (size: number) => void;\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\n/** The panes a Trigger can drive. */\nexport type PaneTarget = 'rail' | 'panel' | 'sidebar' | 'inspector' | 'bottom';\n\nexport type PaneName = PaneTarget;\n\n/**\n * CSS custom property key type for type-safe style objects.\n * Allows any string prefixed with '--'.\n */\nexport type CSSCustomProperty = `--${string}`;\n\n/**\n * Style object that supports CSS custom properties.\n */\nexport type CSSPropertiesWithVars = React.CSSProperties & {\n  [key: CSSCustomProperty]: string | number | undefined;\n};\n"],
+  "mappings": ";ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,oBAAAE,IAAA,eAAAC,EAAAH,GAOA,IAAAI,EAAuB,oBCavB,IAAAC,EAAuB,oBACvBC,EAAgC,6BCuBzB,IAAMC,EAA2C,CAAC,UAAW,KAAM,KAAM,KAAM,KAAM,IAAI,EDVhG,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,EAAwCC,EAA2B,QAAS,IAAM,OAAO,EA4C/F,SAASC,EAAoBC,EAAmBC,EAAsB,CAC3E,OAAAD,EAAM,UAAU,IAAIC,CAAQ,EACrB,IAAM,CACXD,EAAM,UAAU,OAAOC,CAAQ,CACjC,CACF,CAEO,IAAMC,EAA0B,gBAAiC,IAAI,EAErE,SAASC,EAAcC,EAA0B,CACtD,IAAMJ,EAAc,aAAWE,CAAiB,EAChD,GAAI,CAACF,EAAO,MAAM,IAAI,MAAM,GAAGI,CAAI,mCAAmC,EACtE,OAAOJ,CACT,CAaO,IAAMK,EAA0B,gBAG7B,IAAI,EDpJd,IAAMC,EAAiBC,GAA2DA,IAAU,OAAY,OAAYA,IAAU,SAAW,YAAc,WAEjJC,EAAmBC,GAAkCA,IAAS,YAAc,SAAW,OAMtF,SAASC,GAA4F,CAC1G,IAAMC,EAAQC,EAAc,gBAAgB,EACtCC,EAAkB,cAAaC,GAAyBC,EAAoBJ,EAAOG,CAAQ,EAAG,CAACH,CAAK,CAAC,EACrGJ,EAAc,uBAClBM,EACA,IAAMF,EAAM,QAAQ,IAAI,SAAS,GAAG,MACpC,IAAG,EACL,EACMK,EAAuB,cAC1BP,GAAsB,CACrBE,EAAM,QAAQ,IAAI,SAAS,GAAG,SAASH,EAAgBC,CAAI,EAAG,QAAQ,CACxE,EACA,CAACE,CAAK,CACR,EACA,MAAO,CAAE,YAAaL,EAAcC,CAAK,GAAK,WAAY,eAAAS,CAAe,CAC3E",
+  "names": ["shell_context_exports", "__export", "useSidebarMode", "__toCommonJS", "React", "React", "import_internal", "SHELL_BREAKPOINTS", "isMap", "value", "tableOf", "fallback", "table", "carried", "bp", "SHELL_BREAKPOINTS", "entry", "FIXED_TABLE", "tableOf", "subscribeShellStore", "store", "listener", "ShellStoreContext", "useShellStore", "part", "ShellFrameContext", "toSidebarMode", "value", "fromSidebarMode", "mode", "useSidebarMode", "store", "useShellStore", "subscribe", "listener", "subscribeShellStore", "setSidebarMode"]
 }

package/dist/cjs/components/shell.d.ts

@@ -5,11 +5,10 @@ import { Bottom } from './_internal/shell-bottom.js';
 import type { BottomPublicProps } from './_internal/shell-bottom.js';
 import { Inspector } from './_internal/shell-inspector.js';
 import type { InspectorPublicProps } from './_internal/shell-inspector.js';
-import { useShell, useSidebarMode } from './shell.context.js';
-import { useResponsivePresentation } from './shell.hooks.js';
+import { useSidebarMode } from './shell.context.js';
 import { PaneFooter, PaneHeader, Scroll } from './_internal/pane-chrome.js';
 import type { PaneSize, PaneHeaderProps, PaneFooterProps, ScrollProps } from './_internal/pane-chrome.js';
-import type { Breakpoint, PaneBaseProps, PaneMode, PaneTarget, ResponsivePresentation, SidebarMode } from './shell.types.js';
+import type { Breakpoint, PaneBaseProps, PaneMode, PaneOpenChangeReason, PaneTarget, ResponsivePresentation, SidebarMode } from './shell.types.js';
 export interface ShellRootProps extends React.ComponentPropsWithoutRef<'div'> {
     children: React.ReactNode;
     /**
@@ -37,28 +36,11 @@ interface ShellHeaderProps extends React.ComponentPropsWithoutRef<'header'> {
     flush?: boolean;
 }
 declare const Header: React.ForwardRefExoticComponent<ShellHeaderProps & React.RefAttributes<HTMLElement>>;
-interface LeftProps extends React.ComponentPropsWithoutRef<'div'> {
-    presentation?: ResponsivePresentation;
-    open?: boolean;
-    defaultOpen?: boolean;
-    onOpenChange?: (open: boolean, meta: {
-        reason: 'init' | 'toggle' | 'panel' | 'responsive' | 'dismiss';
-    }) => void;
-    collapsible?: boolean;
-    onExpand?: () => void;
-    onCollapse?: () => void;
-}
-/**
- * @deprecated The Root no longer wraps the Rail and Panel in a Left
- * container: each is its own pane. `Shell.Left` renders its children and
- * ignores its own props. Removed in 1.0.
- */
-declare const Left: React.ForwardRefExoticComponent<LeftProps & React.RefAttributes<HTMLDivElement>>;
 type RailOpenChangeMeta = {
-    reason: 'init' | 'toggle' | 'responsive' | 'panel' | 'dismiss';
+    reason: PaneOpenChangeReason;
 };
 type RailControlledProps = {
-    open: boolean | Partial<Record<Breakpoint, boolean>>;
+    open: boolean;
     onOpenChange?: (open: boolean, meta: RailOpenChangeMeta) => void;
     defaultOpen?: never;
 };
@@ -71,10 +53,6 @@ type RailProps = React.ComponentPropsWithoutRef<'div'> & {
     presentation?: ResponsivePresentation;
     expandedSize?: number;
     collapsible?: boolean;
-    /** @deprecated Use `onOpenChange`. */
-    onExpand?: () => void;
-    /** @deprecated Use `onOpenChange`. */
-    onCollapse?: () => void;
     /**
      * Sets whether this pane joins the app frame. The default is `true`: the pane sits against its
      * neighbours with one hairline between them. Set `flush={false}` to pull it off the frame as a
@@ -86,10 +64,10 @@ type RailProps = React.ComponentPropsWithoutRef<'div'> & {
 declare const Rail: React.ForwardRefExoticComponent<RailProps & React.RefAttributes<HTMLDivElement>>;
 type HandleComponent = React.ForwardRefExoticComponent<React.ComponentPropsWithoutRef<'div'> & React.RefAttributes<HTMLDivElement>>;
 type PanelOpenChangeMeta = {
-    reason: 'toggle' | 'left' | 'init' | 'responsive' | 'dismiss';
+    reason: PaneOpenChangeReason;
 };
 type PanelControlledProps = {
-    open: boolean | Partial<Record<Breakpoint, boolean>>;
+    open: boolean;
     onOpenChange?: (open: boolean, meta: PanelOpenChangeMeta) => void;
     defaultOpen?: never;
 };
@@ -154,14 +132,6 @@ interface TriggerProps extends React.ComponentPropsWithoutRef<'button'> {
      * `Button` the trigger: `<Shell.Trigger asChild><Button iconOnly aria-label="Toggle sidebar">…</Button></Shell.Trigger>`.
      */
     asChild?: boolean;
-    /**
-     * Whether to show a preview of the target pane on hover while it is closed
-     * and not an overlay. Defaults to false.
-     *
-     * @deprecated Removed in 1.0. A preview reachable only by mouse hover has no
-     * keyboard or touch equivalent; open the pane instead.
-     */
-    peekOnHover?: boolean;
 }
 /**
  * A button that drives a pane by name, through the registry. It sets
@@ -171,5 +141,5 @@ interface TriggerProps extends React.ComponentPropsWithoutRef<'button'> {
  * child is the button, and its own `type` stands.
  */
 declare const Trigger: React.ForwardRefExoticComponent<TriggerProps & React.RefAttributes<HTMLButtonElement>>;
-export { Root, Header, Left, Rail, Panel, Sidebar, Content, Inspector, Bottom, Trigger, PaneHeader, PaneFooter, Scroll, useShell, useSidebarMode, useResponsivePresentation, type PaneMode, type SidebarMode, type ResponsivePresentation, type PaneTarget, type TriggerAction, type ShellRootProps as RootProps, type ShellHeaderProps as HeaderProps, type RailProps, type PanelPublicProps as PanelProps, type SidebarPublicProps as SidebarProps, type ShellContentProps as ContentProps, type InspectorPublicProps as InspectorProps, type BottomPublicProps as BottomProps, type TriggerProps, type PaneHeaderProps, type PaneFooterProps, type ScrollProps, };
+export { Root, Header, Rail, Panel, Sidebar, Content, Inspector, Bottom, Trigger, PaneHeader, PaneFooter, Scroll, useSidebarMode, type PaneMode, type SidebarMode, type ResponsivePresentation, type PaneTarget, type TriggerAction, type ShellRootProps as RootProps, type ShellHeaderProps as HeaderProps, type RailProps, type PanelPublicProps as PanelProps, type SidebarPublicProps as SidebarProps, type ShellContentProps as ContentProps, type InspectorPublicProps as InspectorProps, type BottomPublicProps as BottomProps, type TriggerProps, type PaneHeaderProps, type PaneFooterProps, type ScrollProps, };
 //# sourceMappingURL=shell.d.ts.map

package/dist/cjs/components/shell.d.ts.map

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

package/dist/cjs/components/shell.js

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