@womp/kookie-ui 0.14.5 → 0.15.0

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/_internal/shell-pane.tsx", "../../../../src/hooks/use-breakpoint.ts", "../../../../src/components/shell.types.ts", "../../../../src/components/_internal/shell-store.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport { readBreakpoint, useBreakpoint } from '../../hooks/use-breakpoint.js';\nimport type { Breakpoint, PaneName, PresentationValue } from '../shell.types.js';\nimport {\n  constantOf,\n  notifyShellStore,\n  tableAttributes,\n  tableOf,\n  usePeeking,\n  useShellStore,\n  useStableKey,\n  warnOnce,\n  type OpenChangeReason,\n  type PaneEntry,\n  type PaneValue,\n  type Table,\n} from './shell-store.js';\n\ntype ResponsiveValue = PaneValue | Partial<Record<Breakpoint, PaneValue>>;\n\nexport type UsePaneOptions = {\n  name: PaneName;\n  /** The component's display name, for warnings: `Inspector`, `Sidebar`, \u2026 */\n  label: string;\n  /** The prop names a warning should use: `open`/`defaultOpen`, or `state`/`defaultState`. */\n  propNames: { controlled: string; default: string };\n  id: string | undefined;\n  /** The controlled value. A responsive object is deprecated: it is resolved against the current breakpoint. */\n  controlled: ResponsiveValue | undefined;\n  /**\n   * The uncontrolled default. A single value fixes where the pane starts. A\n   * responsive object leaves the pane untouched (`auto`), with that object as\n   * what it shows at each breakpoint.\n   */\n  defaultValue: ResponsiveValue | undefined;\n  /** The pane's presentation at every breakpoint. Pass a memoised table. */\n  presentationTable: Table<PresentationValue>;\n  /** What an untouched pane shows where no default says otherwise. Pass a module-level function. */\n  builtIn: (presentation: PresentationValue) => PaneValue;\n  /** Reports a change a user made. Never called on mount or on a resize. */\n  onChange: ((value: PaneValue, reason: OpenChangeReason) => void) | undefined;\n  /** The value a toggle moves to. Defaults to open and closed in turn. */\n  toggleNext?: (current: PaneValue, defaultHere: PaneValue | undefined) => PaneValue;\n  onExpand: (() => void) | undefined;\n  onCollapse: (() => void) | undefined;\n  /** The pane's designed open width, published for the panes beside it. */\n  size: number;\n};\n\nexport type PaneController = ReturnType<typeof usePane>;\n\nconst isMap = (value: ResponsiveValue | undefined): value is Partial<Record<Breakpoint, PaneValue>> => typeof value === 'object' && value !== null;\n\n/** The first value a responsive object states, smallest breakpoint first. */\nfunction firstStated(map: Partial<Record<Breakpoint, PaneValue>>): PaneValue {\n  for (const bp of ['initial', 'xs', 'sm', 'md', 'lg', 'xl'] as const) {\n    const value = map[bp];\n    if (value !== undefined) return value;\n  }\n  return 'closed';\n}\n\n/** Everything the togglable panes share: their state, their registry entry and their callbacks. */\nexport function usePane(options: UsePaneOptions) {\n  const { name, label, propNames, presentationTable, builtIn } = options;\n  const store = useShellStore(`Shell.${label}`);\n  const generatedId = React.useId();\n  const id = options.id ?? `shell-${name}${generatedId}`;\n\n  const controlled = options.controlled !== undefined;\n  const controlledIsMap = isMap(options.controlled);\n  if (controlledIsMap) {\n    warnOnce(\n      `Shell.${label}: a responsive \\`${propNames.controlled}\\` is deprecated and is removed in 1.0. ` +\n        `Pass a boolean and decide it from your own state, or use \\`${propNames.default}\\` with a responsive object.`,\n    );\n  }\n\n  // A responsive controlled value is resolved the way a responsive default\n  // is: it becomes the table an untouched pane follows, so the stylesheet\n  // answers it at each breakpoint (right in the server HTML, with no\n  // callback on a crossing) and the app's prop is still the only writer.\n  const controlledMap = controlledIsMap ? (options.controlled as Partial<Record<Breakpoint, PaneValue>>) : undefined;\n  const autoSource = controlledMap ?? (isMap(options.defaultValue) ? options.defaultValue : undefined);\n  const autoKey = useStableKey(autoSource);\n  const [inner, setInner] = React.useState<'auto' | PaneValue>(() => (typeof options.defaultValue === 'string' ? options.defaultValue : 'auto'));\n\n  // What an untouched pane shows at each breakpoint: a responsive default\n  // where it states one, the pane's own default where it does not.\n  const autoTable = React.useMemo(\n    () => (controlledMap ? tableOf<PaneValue>(controlledMap, () => firstStated(controlledMap)) : tableOf<PaneValue>(autoSource, (bp) => builtIn(presentationTable[bp]))),\n    // `autoKey` stands for the responsive object, which is usually a new literal each render.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [autoKey, controlledIsMap, presentationTable, builtIn],\n  );\n\n  let state: 'auto' | PaneValue = inner;\n  if (controlled) state = controlledMap ? 'auto' : (options.controlled as PaneValue);\n\n  // Only a pane whose answer depends on the window subscribes to it, so a\n  // pane with one presentation and one default never re-renders on a resize.\n  const needsBreakpoint = constantOf(presentationTable) === undefined || (state === 'auto' && constantOf(autoTable) === undefined);\n  const { breakpoint, ready } = useBreakpoint(needsBreakpoint);\n\n  /** A table's value now: known without the window when it holds one value, else once the breakpoint is known. */\n  const now = <T,>(table: Table<T>): T | undefined => {\n    const constant = constantOf(table);\n    if (constant !== undefined) return constant;\n    return ready ? table[breakpoint] : undefined;\n  };\n\n  const value: PaneValue | undefined = state === 'auto' ? now(autoTable) : state;\n  const presentation = now(presentationTable);\n  const overlaying = presentation === 'overlay';\n  const shown = value === undefined ? undefined : value !== 'closed';\n  const overlayLive = shown === true && overlaying;\n\n  // Stable actions over the latest values, so the registry entry changes only\n  // when a fact it carries changes.\n  const defaultValue = options.defaultValue;\n  const latest = React.useRef({ state, value, autoTable, defaultValue, controlled, onChange: options.onChange, toggleNext: options.toggleNext });\n  React.useLayoutEffect(() => {\n    latest.current = { state, value, autoTable, defaultValue, controlled, onChange: options.onChange, toggleNext: options.toggleNext };\n  });\n\n  /**\n   * What the pane shows, and its default, at the window's breakpoint right\n   * now. Asked at the moment of an action rather than taken from the last\n   * render: a touched pane no longer follows the window, and a click can land\n   * before the mirror has resolved after hydration.\n   */\n  const valueNow = React.useCallback((): PaneValue | undefined => {\n    const current = latest.current;\n    if (current.value !== undefined) return current.value;\n    return current.state === 'auto' ? current.autoTable[readBreakpoint()] : undefined;\n  }, []);\n  const defaultHereNow = React.useCallback((): PaneValue | undefined => {\n    const current = latest.current;\n    if (typeof current.defaultValue === 'string') return current.defaultValue;\n    return isMap(current.defaultValue) ? current.autoTable[readBreakpoint()] : undefined;\n  }, []);\n\n  const setValue = React.useCallback(\n    (next: PaneValue, reason: OpenChangeReason) => {\n      const current = latest.current;\n      if (valueNow() === next) return;\n      current.onChange?.(next, reason);\n      if (!current.controlled) setInner(next);\n    },\n    [valueNow],\n  );\n\n  const toggle = React.useCallback(\n    (reason: OpenChangeReason) => {\n      const current = latest.current;\n      const from = valueNow() ?? 'closed';\n      const next = current.toggleNext ? current.toggleNext(from, defaultHereNow()) : from === 'closed' ? 'open' : 'closed';\n      setValue(next, reason);\n    },\n    [setValue, valueNow, defaultHereNow],\n  );\n\n  // The pane's element, for the Root's containment and focus.\n  const elementRef = React.useRef<HTMLElement | null>(null);\n  const setElement = React.useCallback((node: HTMLElement | null) => {\n    elementRef.current = node;\n  }, []);\n\n  // Registration. A layout effect so a Trigger's aria attributes and the\n  // Root's containment are right before the browser paints.\n  React.useLayoutEffect(() => {\n    const entry: PaneEntry = {\n      name,\n      id,\n      el: elementRef.current,\n      value,\n      presentation,\n      presentationTable,\n      overlayLive,\n      size: options.size,\n      setValue,\n      toggle,\n    };\n    store.entries.set(name, entry);\n    notifyShellStore(store);\n    return () => {\n      if (store.entries.get(name) === entry) {\n        store.entries.delete(name);\n        notifyShellStore(store);\n      }\n    };\n  }, [store, name, id, value, presentation, presentationTable, overlayLive, options.size, setValue, toggle]);\n\n  // onExpand/onCollapse fire when the pane's state changes and that changes\n  // whether it is shown: a user's toggle, or a controlled prop. Never on\n  // mount, and never because the window crossed a breakpoint.\n  const callbacks = React.useRef({ onExpand: options.onExpand, onCollapse: options.onCollapse });\n  React.useLayoutEffect(() => {\n    callbacks.current = { onExpand: options.onExpand, onCollapse: options.onCollapse };\n  });\n  const previous = React.useRef({ state, shown });\n  React.useEffect(() => {\n    const before = previous.current;\n    if (before.state !== state && before.shown !== undefined && shown !== undefined && before.shown !== shown) {\n      if (shown) callbacks.current.onExpand?.();\n      else callbacks.current.onCollapse?.();\n    }\n    previous.current = { state, shown };\n  }, [state, shown]);\n\n  // Development guards. Once per mount, not once per render.\n  React.useLayoutEffect(() => {\n    if (process.env.NODE_ENV === 'production') return;\n    if (options.controlled !== undefined && options.defaultValue !== undefined) {\n      console.error(`Shell.${label}: Do not pass both \\`${propNames.controlled}\\` and \\`${propNames.default}\\`. Choose one.`);\n    }\n    // Mount only: this is the once-per-mount guard.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  const wasControlled = React.useRef(controlled);\n  React.useEffect(() => {\n    if (process.env.NODE_ENV === 'production') return;\n    if (wasControlled.current !== controlled) {\n      console.warn(`Shell.${label}: Switching between controlled and uncontrolled \\`${propNames.controlled}\\` is not supported.`);\n      wasControlled.current = controlled;\n    }\n  }, [controlled, label, propNames.controlled]);\n\n  const peeking = usePeeking(store, name) && shown === false && !overlaying;\n\n  return {\n    store,\n    id,\n    state,\n    value,\n    shown,\n    presentation,\n    overlaying,\n    overlayLive,\n    peeking,\n    ready,\n    breakpoint,\n    autoTable,\n    setValue,\n    toggle,\n    defaultHereNow,\n    setElement,\n  };\n}\n\n/** The data attributes every togglable pane renders. */\nexport function paneAttributes(pane: PaneController, presentationAttributes: Record<string, string>) {\n  const { state, value, presentation, shown } = pane;\n  return {\n    ...presentationAttributes,\n    'data-state': state === 'thin' ? 'open' : state,\n    'data-thin': state === 'thin' ? '' : undefined,\n    ...(state === 'auto' ? tableAttributes('auto', pane.autoTable) : {}),\n    'data-presentation': presentation,\n    'data-mode': value === undefined ? undefined : value === 'closed' ? 'collapsed' : value === 'thin' ? 'thin' : 'expanded',\n    // Kept for stylesheets written against 0.7: set while a stacked pane is open.\n    'data-open': presentation === 'stacked' && shown ? '' : undefined,\n    'data-peek': pane.peeking ? '' : undefined,\n  } as const;\n}\n\n/** A pane's own presentation, as a table and as the attributes the stylesheet reads. */\nexport function usePresentationTable(presentation: Parameters<typeof tableOf<PresentationValue>>[0], fallback: PresentationValue) {\n  const key = useStableKey(presentation);\n  const table = React.useMemo(\n    () => tableOf<PresentationValue>(presentation, () => fallback),\n    // `key` stands for `presentation`, which is usually a new literal each render.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [key, fallback],\n  );\n  // One value is the plain `data-presentation` the pane renders anyway; several\n  // are written per breakpoint, so the stylesheet can place the pane before\n  // any script runs.\n  const attributes = React.useMemo(() => (constantOf(table) === undefined ? tableAttributes('presentation', table) : ({} as Record<string, string>)), [table]);\n  return { table, attributes };\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' | 'thin' | '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` (the\n *   Sidebar adds `thin`). `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 { 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, open at its thin width (Sidebar only), or closed. */\nexport type PaneValue = 'open' | 'thin' | '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 Inset \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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 InsetPaneId = 'rail' | 'panel' | 'sidebar' | 'content' | 'inspector' | 'bottom';\n\nexport const ShellInsetContext = React.createContext<{\n  registerInset: (id: InsetPaneId) => void;\n  unregisterInset: (id: InsetPaneId) => void;\n} | null>(null);\n\n/** Registers a pane's `inset` with the Root, which paints the backdrop while any pane is inset. */\nexport function useInsetRegistration(id: InsetPaneId, inset: boolean | undefined) {\n  const ctx = React.useContext(ShellInsetContext);\n  if (!ctx) throw new Error('Shell panes must be used within <Shell.Root>');\n  const { registerInset, unregisterInset } = ctx;\n  React.useLayoutEffect(() => {\n    if (!inset) return;\n    registerInset(id);\n    return () => unregisterInset(id);\n  }, [id, inset, registerInset, unregisterInset]);\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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",
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport { readBreakpoint, useBreakpoint } from '../../hooks/use-breakpoint.js';\nimport type { Breakpoint, PaneName, PresentationValue } from '../shell.types.js';\nimport {\n  constantOf,\n  notifyShellStore,\n  tableAttributes,\n  tableOf,\n  usePeeking,\n  useShellStore,\n  useStableKey,\n  warnOnce,\n  type OpenChangeReason,\n  type PaneEntry,\n  type PaneValue,\n  type Table,\n} from './shell-store.js';\n\ntype ResponsiveValue = PaneValue | Partial<Record<Breakpoint, PaneValue>>;\n\nexport type UsePaneOptions = {\n  name: PaneName;\n  /** The component's display name, for warnings: `Inspector`, `Sidebar`, \u2026 */\n  label: string;\n  /** The prop names a warning should use: `open`/`defaultOpen`, or `state`/`defaultState`. */\n  propNames: { controlled: string; default: string };\n  id: string | undefined;\n  /** The controlled value. A responsive object is deprecated: it is resolved against the current breakpoint. */\n  controlled: ResponsiveValue | undefined;\n  /**\n   * The uncontrolled default. A single value fixes where the pane starts. A\n   * responsive object leaves the pane untouched (`auto`), with that object as\n   * what it shows at each breakpoint.\n   */\n  defaultValue: ResponsiveValue | undefined;\n  /** The pane's presentation at every breakpoint. Pass a memoised table. */\n  presentationTable: Table<PresentationValue>;\n  /** What an untouched pane shows where no default says otherwise. Pass a module-level function. */\n  builtIn: (presentation: PresentationValue) => PaneValue;\n  /** Reports a change a user made. Never called on mount or on a resize. */\n  onChange: ((value: PaneValue, reason: OpenChangeReason) => void) | undefined;\n  /** The value a toggle moves to. Defaults to open and closed in turn. */\n  toggleNext?: (current: PaneValue, defaultHere: PaneValue | undefined) => PaneValue;\n  onExpand: (() => void) | undefined;\n  onCollapse: (() => void) | undefined;\n  /** The pane's designed open width, published for the panes beside it. */\n  size: number;\n};\n\nexport type PaneController = ReturnType<typeof usePane>;\n\nconst isMap = (value: ResponsiveValue | undefined): value is Partial<Record<Breakpoint, PaneValue>> => typeof value === 'object' && value !== null;\n\n/** The first value a responsive object states, smallest breakpoint first. */\nfunction firstStated(map: Partial<Record<Breakpoint, PaneValue>>): PaneValue {\n  for (const bp of ['initial', 'xs', 'sm', 'md', 'lg', 'xl'] as const) {\n    const value = map[bp];\n    if (value !== undefined) return value;\n  }\n  return 'closed';\n}\n\n/** Everything the togglable panes share: their state, their registry entry and their callbacks. */\nexport function usePane(options: UsePaneOptions) {\n  const { name, label, propNames, presentationTable, builtIn } = options;\n  const store = useShellStore(`Shell.${label}`);\n  const generatedId = React.useId();\n  const id = options.id ?? `shell-${name}${generatedId}`;\n\n  const controlled = options.controlled !== undefined;\n  const controlledIsMap = isMap(options.controlled);\n  if (controlledIsMap) {\n    warnOnce(\n      `Shell.${label}: a responsive \\`${propNames.controlled}\\` is deprecated and is removed in 1.0. ` +\n        `Pass a boolean and decide it from your own state, or use \\`${propNames.default}\\` with a responsive object.`,\n    );\n  }\n\n  // A responsive controlled value is resolved the way a responsive default\n  // is: it becomes the table an untouched pane follows, so the stylesheet\n  // answers it at each breakpoint (right in the server HTML, with no\n  // callback on a crossing) and the app's prop is still the only writer.\n  const controlledMap = controlledIsMap ? (options.controlled as Partial<Record<Breakpoint, PaneValue>>) : undefined;\n  const autoSource = controlledMap ?? (isMap(options.defaultValue) ? options.defaultValue : undefined);\n  const autoKey = useStableKey(autoSource);\n  const [inner, setInner] = React.useState<'auto' | PaneValue>(() => (typeof options.defaultValue === 'string' ? options.defaultValue : 'auto'));\n\n  // What an untouched pane shows at each breakpoint: a responsive default\n  // where it states one, the pane's own default where it does not.\n  const autoTable = React.useMemo(\n    () => (controlledMap ? tableOf<PaneValue>(controlledMap, () => firstStated(controlledMap)) : tableOf<PaneValue>(autoSource, (bp) => builtIn(presentationTable[bp]))),\n    // `autoKey` stands for the responsive object, which is usually a new literal each render.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [autoKey, controlledIsMap, presentationTable, builtIn],\n  );\n\n  let state: 'auto' | PaneValue = inner;\n  if (controlled) state = controlledMap ? 'auto' : (options.controlled as PaneValue);\n\n  // Only a pane whose answer depends on the window subscribes to it, so a\n  // pane with one presentation and one default never re-renders on a resize.\n  const needsBreakpoint = constantOf(presentationTable) === undefined || (state === 'auto' && constantOf(autoTable) === undefined);\n  const { breakpoint, ready } = useBreakpoint(needsBreakpoint);\n\n  /** A table's value now: known without the window when it holds one value, else once the breakpoint is known. */\n  const now = <T,>(table: Table<T>): T | undefined => {\n    const constant = constantOf(table);\n    if (constant !== undefined) return constant;\n    return ready ? table[breakpoint] : undefined;\n  };\n\n  const value: PaneValue | undefined = state === 'auto' ? now(autoTable) : state;\n  const presentation = now(presentationTable);\n  const overlaying = presentation === 'overlay';\n  const shown = value === undefined ? undefined : value !== 'closed';\n  const overlayLive = shown === true && overlaying;\n\n  // Stable actions over the latest values, so the registry entry changes only\n  // when a fact it carries changes.\n  const defaultValue = options.defaultValue;\n  const latest = React.useRef({ state, value, autoTable, defaultValue, controlled, onChange: options.onChange, toggleNext: options.toggleNext });\n  React.useLayoutEffect(() => {\n    latest.current = { state, value, autoTable, defaultValue, controlled, onChange: options.onChange, toggleNext: options.toggleNext };\n  });\n\n  /**\n   * What the pane shows, and its default, at the window's breakpoint right\n   * now. Asked at the moment of an action rather than taken from the last\n   * render: a touched pane no longer follows the window, and a click can land\n   * before the mirror has resolved after hydration.\n   */\n  const valueNow = React.useCallback((): PaneValue | undefined => {\n    const current = latest.current;\n    if (current.value !== undefined) return current.value;\n    return current.state === 'auto' ? current.autoTable[readBreakpoint()] : undefined;\n  }, []);\n  const defaultHereNow = React.useCallback((): PaneValue | undefined => {\n    const current = latest.current;\n    if (typeof current.defaultValue === 'string') return current.defaultValue;\n    return isMap(current.defaultValue) ? current.autoTable[readBreakpoint()] : undefined;\n  }, []);\n\n  const setValue = React.useCallback(\n    (next: PaneValue, reason: OpenChangeReason) => {\n      const current = latest.current;\n      if (valueNow() === next) return;\n      current.onChange?.(next, reason);\n      if (!current.controlled) setInner(next);\n    },\n    [valueNow],\n  );\n\n  const toggle = React.useCallback(\n    (reason: OpenChangeReason) => {\n      const current = latest.current;\n      const from = valueNow() ?? 'closed';\n      const next = current.toggleNext ? current.toggleNext(from, defaultHereNow()) : from === 'closed' ? 'open' : 'closed';\n      setValue(next, reason);\n    },\n    [setValue, valueNow, defaultHereNow],\n  );\n\n  // The pane's element, for the Root's containment and focus.\n  const elementRef = React.useRef<HTMLElement | null>(null);\n  const setElement = React.useCallback((node: HTMLElement | null) => {\n    elementRef.current = node;\n  }, []);\n\n  // Registration. A layout effect so a Trigger's aria attributes and the\n  // Root's containment are right before the browser paints.\n  React.useLayoutEffect(() => {\n    const entry: PaneEntry = {\n      name,\n      id,\n      el: elementRef.current,\n      value,\n      presentation,\n      presentationTable,\n      overlayLive,\n      size: options.size,\n      setValue,\n      toggle,\n    };\n    store.entries.set(name, entry);\n    notifyShellStore(store);\n    return () => {\n      if (store.entries.get(name) === entry) {\n        store.entries.delete(name);\n        notifyShellStore(store);\n      }\n    };\n  }, [store, name, id, value, presentation, presentationTable, overlayLive, options.size, setValue, toggle]);\n\n  // onExpand/onCollapse fire when the pane's state changes and that changes\n  // whether it is shown: a user's toggle, or a controlled prop. Never on\n  // mount, and never because the window crossed a breakpoint.\n  const callbacks = React.useRef({ onExpand: options.onExpand, onCollapse: options.onCollapse });\n  React.useLayoutEffect(() => {\n    callbacks.current = { onExpand: options.onExpand, onCollapse: options.onCollapse };\n  });\n  const previous = React.useRef({ state, shown });\n  React.useEffect(() => {\n    const before = previous.current;\n    if (before.state !== state && before.shown !== undefined && shown !== undefined && before.shown !== shown) {\n      if (shown) callbacks.current.onExpand?.();\n      else callbacks.current.onCollapse?.();\n    }\n    previous.current = { state, shown };\n  }, [state, shown]);\n\n  // Development guards. Once per mount, not once per render.\n  React.useLayoutEffect(() => {\n    if (process.env.NODE_ENV === 'production') return;\n    if (options.controlled !== undefined && options.defaultValue !== undefined) {\n      console.error(`Shell.${label}: Do not pass both \\`${propNames.controlled}\\` and \\`${propNames.default}\\`. Choose one.`);\n    }\n    // Mount only: this is the once-per-mount guard.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  const wasControlled = React.useRef(controlled);\n  React.useEffect(() => {\n    if (process.env.NODE_ENV === 'production') return;\n    if (wasControlled.current !== controlled) {\n      console.warn(`Shell.${label}: Switching between controlled and uncontrolled \\`${propNames.controlled}\\` is not supported.`);\n      wasControlled.current = controlled;\n    }\n  }, [controlled, label, propNames.controlled]);\n\n  const peeking = usePeeking(store, name) && shown === false && !overlaying;\n\n  return {\n    store,\n    id,\n    state,\n    value,\n    shown,\n    presentation,\n    overlaying,\n    overlayLive,\n    peeking,\n    ready,\n    breakpoint,\n    autoTable,\n    setValue,\n    toggle,\n    defaultHereNow,\n    setElement,\n  };\n}\n\n/** The data attributes every togglable pane renders. */\nexport function paneAttributes(pane: PaneController, presentationAttributes: Record<string, string>) {\n  const { state, value, presentation, shown } = pane;\n  return {\n    ...presentationAttributes,\n    'data-state': state,\n    ...(state === 'auto' ? tableAttributes('auto', pane.autoTable) : {}),\n    'data-presentation': presentation,\n    'data-mode': value === undefined ? undefined : value === 'closed' ? 'collapsed' : 'expanded',\n    // Kept for stylesheets written against 0.7: set while a stacked pane is open.\n    'data-open': presentation === 'stacked' && shown ? '' : undefined,\n    'data-peek': pane.peeking ? '' : undefined,\n  } as const;\n}\n\n/** A pane's own presentation, as a table and as the attributes the stylesheet reads. */\nexport function usePresentationTable(presentation: Parameters<typeof tableOf<PresentationValue>>[0], fallback: PresentationValue) {\n  const key = useStableKey(presentation);\n  const table = React.useMemo(\n    () => tableOf<PresentationValue>(presentation, () => fallback),\n    // `key` stands for `presentation`, which is usually a new literal each render.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [key, fallback],\n  );\n  // One value is the plain `data-presentation` the pane renders anyway; several\n  // are written per breakpoint, so the stylesheet can place the pane before\n  // any script runs.\n  const attributes = React.useMemo(() => (constantOf(table) === undefined ? tableAttributes('presentation', table) : ({} as Record<string, string>)), [table]);\n  return { table, attributes };\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 { 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 Inset \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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 InsetPaneId = 'rail' | 'panel' | 'sidebar' | 'content' | 'inspector' | 'bottom';\n\nexport const ShellInsetContext = React.createContext<{\n  registerInset: (id: InsetPaneId) => void;\n  unregisterInset: (id: InsetPaneId) => void;\n} | null>(null);\n\n/** Registers a pane's `inset` with the Root, which paints the backdrop while any pane is inset. */\nexport function useInsetRegistration(id: InsetPaneId, inset: boolean | undefined) {\n  const ctx = React.useContext(ShellInsetContext);\n  if (!ctx) throw new Error('Shell panes must be used within <Shell.Root>');\n  const { registerInset, unregisterInset } = ctx;\n  React.useLayoutEffect(() => {\n    if (!inset) return;\n    registerInset(id);\n    return () => unregisterInset(id);\n  }, [id, inset, registerInset, unregisterInset]);\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": "slBAAA,IAAAA,GAAA,GAAAC,GAAAD,GAAA,oBAAAE,GAAA,YAAAC,GAAA,yBAAAC,KAAA,eAAAC,GAAAL,IAEA,IAAAM,EAAuB,oBCAvB,IAAAC,EAAuB,oBCqDhB,IAAMC,GAAe,CAC1B,GAAI,qBACJ,GAAI,qBACJ,GAAI,sBACJ,GAAI,sBACJ,GAAI,qBACN,EAKaC,EAA2C,CAAC,UAAW,KAAM,KAAM,KAAM,KAAM,IAAI,ED7DhG,IAAMC,GAAU,OAAO,QAAQC,EAAY,EASvCC,EAA8D,KAC5DC,EAAY,IAAI,IAClBC,EAAsC,KAE1C,SAASC,GAAqB,CAC5B,OAAAH,MAAoBF,GAAQ,IAAI,CAAC,CAACM,EAAMC,CAAK,IAAM,CAACD,EAAM,OAAO,WAAWC,CAAK,CAAC,CAAiC,GAC5GL,CACT,CAEA,SAASM,GAAgC,CAEvC,IAAIC,EAAsB,UAC1B,OAAW,CAACH,EAAMI,CAAG,IAAKL,EAAmB,EACvCK,EAAI,UAASD,EAAUH,GAE7B,OAAOG,CACT,CAEA,SAASE,GAAe,CACtB,IAAMC,EAAOJ,EAAkB,EAC3BI,IAASR,IACbA,EAAmBQ,EACnBT,EAAU,QAASU,GAAaA,EAAS,CAAC,EAC5C,CAEA,SAASC,GAAUD,EAAoB,CACrC,GAAI,OAAO,OAAW,IAAa,MAAO,IAAM,CAAC,EAEjD,GAAIV,EAAU,OAAS,EAAG,CACxBC,EAAmBI,EAAkB,EACrC,OAAW,CAAC,CAAEE,CAAG,IAAKL,EAAmB,EAEnC,OAAOK,EAAI,kBAAqB,WAAYA,EAAI,iBAAiB,SAAUC,CAAY,EACtFD,EAAI,cAAcC,CAAY,CAEvC,CAEA,OAAAR,EAAU,IAAIU,CAAQ,EAEf,IAAM,CAEX,GADAV,EAAU,OAAOU,CAAQ,EACrB,EAAAV,EAAU,KAAO,GAErB,QAAW,CAAC,CAAEO,CAAG,IAAKL,EAAmB,EACvC,GAAI,CACE,OAAOK,EAAI,qBAAwB,WAAYA,EAAI,oBAAoB,SAAUC,CAAY,EAC5FD,EAAI,iBAAiBC,CAAY,CACxC,MAAgB,CAKhB,CAEFP,EAAmB,KACrB,CACF,CAMA,SAASW,IAA0B,CACjC,OAAI,OAAO,OAAW,IAAoB,WAC1CX,MAAqBI,EAAkB,GAChCJ,EACT,CAEA,SAASY,IAAgC,CACvC,MAAO,SACT,CAMO,SAASC,GAA6B,CAC3C,OAAI,OAAO,OAAW,IAAoB,UACnCT,EAAkB,CAC3B,CAEA,IAAMU,GAAmB,IAAM,GACzBC,GAAyB,IAAM,GAE/BC,GAAgB,IAAM,IAAM,CAAC,EAC7BC,GAAqB,IAAkB,UActC,SAASC,GAAcC,EAAU,GAAkD,CAGxF,IAAMC,EAAmB,uBACvBD,EAAUT,GAAYM,GACtBG,EAAUR,GAAcM,GACxBL,EACF,EACMS,EAAc,uBAClBF,EAAUT,GAAYM,GACtBF,GACAC,EACF,EAEA,OAAa,UAAQ,KAAO,CAAE,WAAAK,EAAY,MAAAC,CAAM,GAAI,CAACD,EAAYC,CAAK,CAAC,CACzE,CE5GA,IAAAC,EAAuB,oBAavB,SAASC,GAASC,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,GAAMC,CAAK,EAAG,CACxCG,EAAME,CAAE,EAAIL,EACZ,QACF,CACA,IAAMO,EAAQR,GAAMC,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,CAGO,SAASK,EAAcL,EAAgC,CAC5D,IAAMM,EAAQN,EAAM,QACpB,OAAOG,EAAkB,MAAOD,GAAOF,EAAME,CAAE,IAAMI,CAAK,EAAIA,EAAQ,MACxE,CAOO,SAASC,EAAgBC,EAAcR,EAA8C,CAC1F,IAAMS,EAAWJ,EAAWL,CAAK,EACjC,GAAIS,IAAa,OAAW,MAAO,CAAE,CAAC,QAAQD,CAAI,EAAE,EAAGC,CAAS,EAChE,IAAMC,EAAqC,CAAC,EAC5C,QAAWR,KAAMC,EAAmBO,EAAW,QAAQF,CAAI,IAAIN,CAAE,EAAE,EAAIF,EAAME,CAAE,EAC/E,OAAOQ,CACT,CAOO,SAASC,EAAad,EAAwB,CACnD,OAAO,OAAOA,GAAU,UAAYA,IAAU,KAAO,KAAK,UAAUA,CAAK,EAAI,OAAOA,CAAK,CAC3F,CAEO,IAAMe,GAAwCd,EAA2B,QAAS,IAAM,OAAO,EAyC/F,SAASe,EAAiBC,EAAmB,CAClDA,EAAM,SAAW,EACjB,QAAWC,KAAYD,EAAM,UAAWC,EAAS,CACnD,CAEO,SAASC,GAAoBF,EAAmBC,EAAsB,CAC3E,OAAAD,EAAM,UAAU,IAAIC,CAAQ,EACrB,IAAM,CACXD,EAAM,UAAU,OAAOC,CAAQ,CACjC,CACF,CAQO,IAAME,GAA0B,gBAAiC,IAAI,EAErE,SAASC,GAAcC,EAA0B,CACtD,IAAMC,EAAc,aAAWH,EAAiB,EAChD,GAAI,CAACG,EAAO,MAAM,IAAI,MAAM,GAAGD,CAAI,mCAAmC,EACtE,OAAOC,CACT,CAaO,SAASC,GAAWC,EAAmBC,EAAyB,CACrE,IAAMC,EAAkB,cAAaC,GAAyBC,GAAoBJ,EAAOG,CAAQ,EAAG,CAACH,CAAK,CAAC,EAC3G,OAAa,uBACXE,EACA,IAAMF,EAAM,OAASC,EACrB,IAAM,EACR,CACF,CAMO,IAAMI,GAA0B,gBAG7B,IAAI,EH9Hd,IAAMC,EAASC,GAAwF,OAAOA,GAAU,UAAYA,IAAU,KAG9I,SAASC,GAAYC,EAAwD,CAC3E,QAAWC,IAAM,CAAC,UAAW,KAAM,KAAM,KAAM,KAAM,IAAI,EAAY,CACnE,IAAMH,EAAQE,EAAIC,CAAE,EACpB,GAAIH,IAAU,OAAW,OAAOA,CAClC,CACA,MAAO,QACT,CAGO,SAASI,GAAQC,EAAyB,CAC/C,GAAM,CAAE,KAAAC,EAAM,MAAAC,EAAO,UAAAC,EAAW,kBAAAC,EAAmB,QAAAC,CAAQ,EAAIL,EACzDM,EAAQC,GAAc,SAASL,CAAK,EAAE,EACtCM,GAAoB,QAAM,EAC1BC,EAAKT,EAAQ,IAAM,SAASC,CAAI,GAAGO,EAAW,GAE9CE,EAAaV,EAAQ,aAAe,OACpCW,EAAkBjB,EAAMM,EAAQ,UAAU,EAC5CW,IAES,GAAAT,CA3Ef,GA2EwCC,EAAU,UA3ElD,GA4EsEA,EAAU,OA5EhF,GA0EI,QAUF,IAAMS,EAAgBD,EAAmBX,EAAQ,WAAwD,OACnGa,EAAaD,IAAkBlB,EAAMM,EAAQ,YAAY,EAAIA,EAAQ,aAAe,QACpFc,GAAUC,EAAaF,CAAU,EACjC,CAACG,GAAOC,EAAQ,EAAU,WAA6B,IAAO,OAAOjB,EAAQ,cAAiB,SAAWA,EAAQ,aAAe,MAAO,EAIvIkB,EAAkB,UACtB,IAAON,EAAgBO,EAAmBP,EAAe,IAAMhB,GAAYgB,CAAa,CAAC,EAAIO,EAAmBN,EAAaf,GAAOO,EAAQD,EAAkBN,CAAE,CAAC,CAAC,EAGlK,CAACgB,GAASH,EAAiBP,EAAmBC,CAAO,CACvD,EAEIe,EAA4BJ,GAC5BN,IAAYU,EAAQR,EAAgB,OAAUZ,EAAQ,YAI1D,IAAMqB,GAAkBC,EAAWlB,CAAiB,IAAM,QAAcgB,IAAU,QAAUE,EAAWJ,CAAS,IAAM,OAChH,CAAE,WAAAK,EAAY,MAAAC,CAAM,EAAIC,GAAcJ,EAAe,EAGrDK,EAAWC,GAAmC,CAClD,IAAMC,EAAWN,EAAWK,CAAK,EACjC,OAAIC,IAAa,OAAkBA,EAC5BJ,EAAQG,EAAMJ,CAAU,EAAI,MACrC,EAEM5B,EAA+ByB,IAAU,OAASM,EAAIR,CAAS,EAAIE,EACnES,EAAeH,EAAItB,CAAiB,EACpC0B,EAAaD,IAAiB,UAC9BE,EAAQpC,IAAU,OAAY,OAAYA,IAAU,SACpDqC,EAAcD,IAAU,IAAQD,EAIhCG,EAAejC,EAAQ,aACvBkC,EAAe,SAAO,CAAE,MAAAd,EAAO,MAAAzB,EAAO,UAAAuB,EAAW,aAAAe,EAAc,WAAAvB,EAAY,SAAUV,EAAQ,SAAU,WAAYA,EAAQ,UAAW,CAAC,EACvI,kBAAgB,IAAM,CAC1BkC,EAAO,QAAU,CAAE,MAAAd,EAAO,MAAAzB,EAAO,UAAAuB,EAAW,aAAAe,EAAc,WAAAvB,EAAY,SAAUV,EAAQ,SAAU,WAAYA,EAAQ,UAAW,CACnI,CAAC,EAQD,IAAMmC,EAAiB,cAAY,IAA6B,CAC9D,IAAMC,EAAUF,EAAO,QACvB,OAAIE,EAAQ,QAAU,OAAkBA,EAAQ,MACzCA,EAAQ,QAAU,OAASA,EAAQ,UAAUC,EAAe,CAAC,EAAI,MAC1E,EAAG,CAAC,CAAC,EACCC,EAAuB,cAAY,IAA6B,CACpE,IAAMF,EAAUF,EAAO,QACvB,OAAI,OAAOE,EAAQ,cAAiB,SAAiBA,EAAQ,aACtD1C,EAAM0C,EAAQ,YAAY,EAAIA,EAAQ,UAAUC,EAAe,CAAC,EAAI,MAC7E,EAAG,CAAC,CAAC,EAECE,EAAiB,cACrB,CAACC,EAAiBC,IAA6B,CAC7C,IAAML,EAAUF,EAAO,QACnBC,EAAS,IAAMK,IACnBJ,EAAQ,WAAWI,EAAMC,CAAM,EAC1BL,EAAQ,YAAYnB,GAASuB,CAAI,EACxC,EACA,CAACL,CAAQ,CACX,EAEMO,EAAe,cAClBD,GAA6B,CAC5B,IAAML,EAAUF,EAAO,QACjBS,EAAOR,EAAS,GAAK,SACrBK,GAAOJ,EAAQ,WAAaA,EAAQ,WAAWO,EAAML,EAAe,CAAC,EAAIK,IAAS,SAAW,OAAS,SAC5GJ,EAASC,GAAMC,CAAM,CACvB,EACA,CAACF,EAAUJ,EAAUG,CAAc,CACrC,EAGMM,EAAmB,SAA2B,IAAI,EAClDC,GAAmB,cAAaC,GAA6B,CACjEF,EAAW,QAAUE,CACvB,EAAG,CAAC,CAAC,EAIC,kBAAgB,IAAM,CAC1B,IAAMC,EAAmB,CACvB,KAAA9C,EACA,GAAAQ,EACA,GAAImC,EAAW,QACf,MAAAjD,EACA,aAAAkC,EACA,kBAAAzB,EACA,YAAA4B,EACA,KAAMhC,EAAQ,KACd,SAAAuC,EACA,OAAAG,CACF,EACA,OAAApC,EAAM,QAAQ,IAAIL,EAAM8C,CAAK,EAC7BC,EAAiB1C,CAAK,EACf,IAAM,CACPA,EAAM,QAAQ,IAAIL,CAAI,IAAM8C,IAC9BzC,EAAM,QAAQ,OAAOL,CAAI,EACzB+C,EAAiB1C,CAAK,EAE1B,CACF,EAAG,CAACA,EAAOL,EAAMQ,EAAId,EAAOkC,EAAczB,EAAmB4B,EAAahC,EAAQ,KAAMuC,EAAUG,CAAM,CAAC,EAKzG,IAAMO,EAAkB,SAAO,CAAE,SAAUjD,EAAQ,SAAU,WAAYA,EAAQ,UAAW,CAAC,EACvF,kBAAgB,IAAM,CAC1BiD,EAAU,QAAU,CAAE,SAAUjD,EAAQ,SAAU,WAAYA,EAAQ,UAAW,CACnF,CAAC,EACD,IAAMkD,EAAiB,SAAO,CAAE,MAAA9B,EAAO,MAAAW,CAAM,CAAC,EACxC,YAAU,IAAM,CACpB,IAAMoB,EAASD,EAAS,QACpBC,EAAO,QAAU/B,GAAS+B,EAAO,QAAU,QAAapB,IAAU,QAAaoB,EAAO,QAAUpB,IAC9FA,EAAOkB,EAAU,QAAQ,WAAW,EACnCA,EAAU,QAAQ,aAAa,GAEtCC,EAAS,QAAU,CAAE,MAAA9B,EAAO,MAAAW,CAAM,CACpC,EAAG,CAACX,EAAOW,CAAK,CAAC,EAGX,kBAAgB,IAAM,CAO5B,EAAG,CAAC,CAAC,EACL,IAAMqB,EAAsB,SAAO1C,CAAU,EACvC,YAAU,IAAM,CAMtB,EAAG,CAACA,EAAYR,EAAOC,EAAU,UAAU,CAAC,EAE5C,IAAMkD,GAAUC,GAAWhD,EAAOL,CAAI,GAAK8B,IAAU,IAAS,CAACD,EAE/D,MAAO,CACL,MAAAxB,EACA,GAAAG,EACA,MAAAW,EACA,MAAAzB,EACA,MAAAoC,EACA,aAAAF,EACA,WAAAC,EACA,YAAAE,EACA,QAAAqB,GACA,MAAA7B,EACA,WAAAD,EACA,UAAAL,EACA,SAAAqB,EACA,OAAAG,EACA,eAAAJ,EACA,WAAAO,EACF,CACF,CAGO,SAASU,GAAeC,EAAsBC,EAAgD,CACnG,GAAM,CAAE,MAAArC,EAAO,MAAAzB,EAAO,aAAAkC,EAAc,MAAAE,CAAM,EAAIyB,EAC9C,MAAO,CACL,GAAGC,EACH,aAAcrC,EACd,GAAIA,IAAU,OAASsC,EAAgB,OAAQF,EAAK,SAAS,EAAI,CAAC,EAClE,oBAAqB3B,EACrB,YAAalC,IAAU,OAAY,OAAYA,IAAU,SAAW,YAAc,WAElF,YAAakC,IAAiB,WAAaE,EAAQ,GAAK,OACxD,YAAayB,EAAK,QAAU,GAAK,MACnC,CACF,CAGO,SAASG,GAAqB9B,EAAgE+B,EAA6B,CAChI,IAAMC,EAAM9C,EAAac,CAAY,EAC/BF,EAAc,UAClB,IAAMR,EAA2BU,EAAc,IAAM+B,CAAQ,EAG7D,CAACC,EAAKD,CAAQ,CAChB,EAIME,EAAmB,UAAQ,IAAOxC,EAAWK,CAAK,IAAM,OAAY+B,EAAgB,eAAgB/B,CAAK,EAAK,CAAC,EAA+B,CAACA,CAAK,CAAC,EAC3J,MAAO,CAAE,MAAAA,EAAO,WAAAmC,CAAW,CAC7B",
   "names": ["shell_pane_exports", "__export", "paneAttributes", "usePane", "usePresentationTable", "__toCommonJS", "React", "React", "_BREAKPOINTS", "SHELL_BREAKPOINTS", "QUERIES", "_BREAKPOINTS", "mediaQueryLists", "listeners", "cachedBreakpoint", "getMediaQueryLists", "name", "query", "computeBreakpoint", "matched", "mql", "handleChange", "next", "listener", "subscribe", "getSnapshot", "getServerSnapshot", "readBreakpoint", "getReadySnapshot", "getReadyServerSnapshot", "noopSubscribe", "getInitialSnapshot", "useBreakpoint", "enabled", "breakpoint", "ready", "React", "isMap", "value", "tableOf", "fallback", "table", "carried", "bp", "SHELL_BREAKPOINTS", "entry", "constantOf", "first", "tableAttributes", "name", "constant", "attributes", "useStableKey", "FIXED_TABLE", "notifyShellStore", "store", "listener", "subscribeShellStore", "ShellStoreContext", "useShellStore", "part", "store", "usePeeking", "store", "name", "subscribe", "listener", "subscribeShellStore", "ShellInsetContext", "isMap", "value", "firstStated", "map", "bp", "usePane", "options", "name", "label", "propNames", "presentationTable", "builtIn", "store", "useShellStore", "generatedId", "id", "controlled", "controlledIsMap", "controlledMap", "autoSource", "autoKey", "useStableKey", "inner", "setInner", "autoTable", "tableOf", "state", "needsBreakpoint", "constantOf", "breakpoint", "ready", "useBreakpoint", "now", "table", "constant", "presentation", "overlaying", "shown", "overlayLive", "defaultValue", "latest", "valueNow", "current", "readBreakpoint", "defaultHereNow", "setValue", "next", "reason", "toggle", "from", "elementRef", "setElement", "node", "entry", "notifyShellStore", "callbacks", "previous", "before", "wasControlled", "peeking", "usePeeking", "paneAttributes", "pane", "presentationAttributes", "tableAttributes", "usePresentationTable", "fallback", "key", "attributes"]
 }

package/dist/cjs/components/_internal/shell-sidebar.d.ts

@@ -16,10 +16,6 @@ type SidebarUncontrolledProps = {
     state?: never;
 };
 type SidebarPublicProps = PaneBaseProps & {
-    /** @deprecated Thin mode is removed in 0.15.0. Use `Shell.Rail`. */
-    thinSize?: number;
-    /** `both` (deprecated with thin mode; `single` is the 0.15.0 behaviour) toggles through collapsed, thin and expanded; `single` between collapsed and the default. */
-    toggleModes?: 'both' | 'single';
     size?: number | string;
     defaultSize?: number | string;
     onSizeChange?: (size: number, meta: SizeChangeMeta) => void;

package/dist/cjs/components/_internal/shell-sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shell-sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/shell-sidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAc,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAE/D,OAAO,EAAkC,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAM3F,OAAO,KAAK,EAAE,UAAU,EAAyB,aAAa,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEnH,KAAK,sBAAsB,GAAG;IAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY,GAAG,SAAS,CAAA;CAAE,CAAC;AACvF,KAAK,sBAAsB,GAAG;IAAE,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAAC,YAAY,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACnK,KAAK,wBAAwB,GAAG;IAAE,YAAY,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;IAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACrM,KAAK,kBAAkB,GAAG,aAAa,GAAG;IACxC,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qKAAqK;IACrK,WAAW,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IAC5D,UAAU,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,GAAG,CAAC,sBAAsB,GAAG,wBAAwB,CAAC,CAAC;AAExD,KAAK,gBAAgB,GAAG,KAAK,CAAC,yBAAyB,CAAC,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,GAAG;IAAE,MAAM,EAAE,OAAO,aAAa,CAAA;CAAE,CAAC;AA2BrJ,eAAO,MAAM,OAAO,EA6Id,gBAAgB,CAAC"}
+{"version":3,"file":"shell-sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/shell-sidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAc,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAE/D,OAAO,EAAkC,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAK3F,OAAO,KAAK,EAAE,UAAU,EAAyB,aAAa,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEnH,KAAK,sBAAsB,GAAG;IAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY,GAAG,SAAS,CAAA;CAAE,CAAC;AACvF,KAAK,sBAAsB,GAAG;IAAE,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAAC,YAAY,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACnK,KAAK,wBAAwB,GAAG;IAAE,YAAY,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;IAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACrM,KAAK,kBAAkB,GAAG,aAAa,GAAG;IACxC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IAC5D,UAAU,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,GAAG,CAAC,sBAAsB,GAAG,wBAAwB,CAAC,CAAC;AAExD,KAAK,gBAAgB,GAAG,KAAK,CAAC,yBAAyB,CAAC,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,GAAG;IAAE,MAAM,EAAE,OAAO,aAAa,CAAA;CAAE,CAAC;AAqBrJ,eAAO,MAAM,OAAO,EA8Hd,gBAAgB,CAAC"}

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

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