@womp/kookie-ui 0.6.2 → 0.8.0

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/shell.hooks.ts", "../../../src/components/shell.types.ts", "../../../src/components/shell.context.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport type { Breakpoint, PresentationValue, ResponsivePresentation } from './shell.types.js';\nimport { _BREAKPOINTS } from './shell.types.js';\nimport { useShell } from './shell.context.js';\n\nfunction useResponsivePresentation(presentation: ResponsivePresentation): PresentationValue {\n  const { currentBreakpoint } = useShell();\n\n  return React.useMemo(() => {\n    if (typeof presentation === 'string') {\n      return presentation;\n    }\n\n    if (presentation[currentBreakpoint]) {\n      return presentation[currentBreakpoint]!;\n    }\n\n    const bpKeys = Object.keys(_BREAKPOINTS) as Array<keyof typeof _BREAKPOINTS>;\n    const order: Breakpoint[] = ([...bpKeys].reverse() as Breakpoint[]).concat('initial' as Breakpoint);\n    const startIdx = order.indexOf(currentBreakpoint as Breakpoint);\n\n    for (let i = startIdx + 1; i < order.length; i++) {\n      const bp = order[i];\n      if (presentation[bp]) {\n        return presentation[bp]!;\n      }\n    }\n\n    return 'fixed';\n  }, [presentation, currentBreakpoint]);\n}\n\n/**\n * Resolve a responsive value (T or responsive map keyed by breakpoints) against the current Shell breakpoint.\n * If no value is defined for the current breakpoint, search smaller breakpoints down to 'initial'.\n * Returns undefined when passed a responsive map with no matching key across the chain.\n */\nfunction useResponsiveValue<T>(value: T | Partial<Record<Breakpoint, T>> | undefined): T | undefined {\n  const { currentBreakpoint } = useShell();\n\n  return React.useMemo(() => {\n    if (value == null) return undefined;\n    // Primitive value\n    if (typeof value !== 'object') {\n      return value as T;\n    }\n\n    const map = value as Partial<Record<Breakpoint, T>>;\n    if (map[currentBreakpoint as Breakpoint] !== undefined) {\n      return map[currentBreakpoint as Breakpoint] as T;\n    }\n\n    const bpKeys = Object.keys(_BREAKPOINTS) as Array<keyof typeof _BREAKPOINTS>;\n    const order: Breakpoint[] = ([...bpKeys].reverse() as Breakpoint[]).concat('initial' as Breakpoint);\n    const startIdx = order.indexOf(currentBreakpoint as Breakpoint);\n\n    for (let i = startIdx + 1; i < order.length; i++) {\n      const bp = order[i];\n      if (map[bp] !== undefined) {\n        return map[bp] as T;\n      }\n    }\n\n    return undefined;\n  }, [value, currentBreakpoint]);\n}\n\ntype ResponsiveStateValue<T> = T | Partial<Record<Breakpoint, T>>;\n\ninterface UseResponsiveInitialStateOptions<T> {\n  controlledValue?: ResponsiveStateValue<T>;\n  defaultValue?: ResponsiveStateValue<T>;\n  currentValue: T;\n  setValue: (value: T) => void;\n  breakpointReady: boolean;\n  onInit?: (value: T) => void;\n  onResponsiveChange?: (value: T) => void;\n  controlledIsResponsive?: boolean;\n}\n\ninterface UseResponsiveInitialStateResult<T> {\n  resolvedControlled?: T;\n  resolvedDefault?: T;\n}\n\nfunction useResponsiveInitialState<T>({\n  controlledValue,\n  defaultValue,\n  currentValue,\n  setValue,\n  breakpointReady,\n  onInit,\n  onResponsiveChange,\n  controlledIsResponsive = false,\n}: UseResponsiveInitialStateOptions<T>): UseResponsiveInitialStateResult<T> {\n  const resolvedControlled = useResponsiveValue(controlledValue);\n  const resolvedDefault = useResponsiveValue(defaultValue);\n\n  const lastControlledRef = React.useRef<T | undefined>(undefined);\n  const pendingSyncRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const latestControlledRef = React.useRef<T | undefined>(resolvedControlled);\n  const latestValueRef = React.useRef(currentValue);\n  const setValueRef = React.useRef(setValue);\n\n  React.useLayoutEffect(() => {\n    latestControlledRef.current = resolvedControlled;\n    latestValueRef.current = currentValue;\n    setValueRef.current = setValue;\n  });\n\n  React.useEffect(() => {\n    if (resolvedControlled === undefined) return;\n\n    const prevControlled = lastControlledRef.current;\n    const controlledChanged = prevControlled !== resolvedControlled;\n    lastControlledRef.current = resolvedControlled;\n\n    if (currentValue === resolvedControlled) {\n      if (pendingSyncRef.current) {\n        clearTimeout(pendingSyncRef.current);\n        pendingSyncRef.current = null;\n      }\n      if (controlledIsResponsive) {\n        onResponsiveChange?.(resolvedControlled);\n      }\n      return;\n    }\n\n    if (controlledChanged) {\n      if (pendingSyncRef.current) {\n        clearTimeout(pendingSyncRef.current);\n        pendingSyncRef.current = null;\n      }\n      setValue(resolvedControlled);\n      if (controlledIsResponsive) {\n        onResponsiveChange?.(resolvedControlled);\n      }\n      return;\n    }\n\n    if (!pendingSyncRef.current) {\n      pendingSyncRef.current = setTimeout(() => {\n        pendingSyncRef.current = null;\n        const latestControlled = latestControlledRef.current;\n        const latestValue = latestValueRef.current;\n        if (latestControlled === undefined) return;\n        if (latestValue === latestControlled) return;\n        setValueRef.current(latestControlled);\n      }, 0);\n    }\n  }, [resolvedControlled, currentValue, setValue, onResponsiveChange, controlledIsResponsive]);\n\n  React.useEffect(() => {\n    return () => {\n      if (pendingSyncRef.current) {\n        clearTimeout(pendingSyncRef.current);\n        pendingSyncRef.current = null;\n      }\n    };\n  }, []);\n\n  const didInitRef = React.useRef(false);\n  React.useEffect(() => {\n    if (didInitRef.current) return;\n    if (!breakpointReady) return;\n    if (typeof controlledValue !== 'undefined') return;\n    if (resolvedDefault === undefined) return;\n    didInitRef.current = true;\n    if (currentValue !== resolvedDefault) {\n      setValue(resolvedDefault);\n    }\n    onInit?.(resolvedDefault);\n  }, [breakpointReady, controlledValue, resolvedDefault, currentValue, setValue, onInit]);\n\n  return { resolvedControlled, resolvedDefault };\n}\n\nexport { useResponsivePresentation, useResponsiveValue, useResponsiveInitialState };\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\nexport interface PaneBaseProps extends React.ComponentPropsWithoutRef<'div'> {\n  presentation?: ResponsivePresentation;\n  expandedSize?: number;\n  minSize?: number;\n  maxSize?: number;\n  height?: string | number;\n  resizable?: boolean;\n  collapsible?: boolean;\n  onExpand?: () => void;\n  onCollapse?: () => void;\n  onResize?: (size: number) => void;\n  resizer?: React.ReactNode;\n  onResizeStart?: (size: number) => void;\n  onResizeEnd?: (size: number) => void;\n  snapPoints?: number[];\n  snapTolerance?: number;\n  collapseThreshold?: number;\n  paneId?: string;\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\nexport type PaneTarget = 'left' | 'rail' | 'panel' | 'sidebar' | 'inspector' | 'bottom';\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", "import * as React from 'react';\nimport type { Breakpoint, PresentationValue, SidebarMode, PaneMode, PaneTarget } from './shell.types.js';\n\nexport interface ShellContextValue {\n  // Pane states\n  leftMode: PaneMode;\n  setLeftMode: (mode: PaneMode) => void;\n  /** When Rail is controlled, this reflects the resolved open state for the current breakpoint. */\n  leftControlledOpen?: boolean;\n  panelMode: PaneMode; // Panel state within left container\n  setPanelMode: (mode: PaneMode) => void;\n  sidebarMode: SidebarMode;\n  setSidebarMode: (mode: SidebarMode) => void;\n  inspectorMode: PaneMode;\n  setInspectorMode: (mode: PaneMode) => void;\n  bottomMode: PaneMode;\n  setBottomMode: (mode: PaneMode) => void;\n\n  // Peek state (layout-only, ephemeral)\n  peekTarget: PaneTarget | null;\n  setPeekTarget: (target: PaneTarget | null) => void;\n  peekPane: (target: PaneTarget) => void;\n  clearPeek: () => void;\n\n  // Composition detection\n  hasLeft: boolean;\n  setHasLeft: (has: boolean) => void;\n  hasSidebar: boolean;\n  setHasSidebar: (has: boolean) => void;\n\n  // Presentation resolution\n  currentBreakpoint: Breakpoint;\n  currentBreakpointReady: boolean;\n  leftResolvedPresentation?: PresentationValue;\n\n  // Actions\n  togglePane: (target: PaneTarget) => void;\n  expandPane: (target: PaneTarget) => void;\n  collapsePane: (target: PaneTarget) => void;\n  // Toggle customization\n  setSidebarToggleComputer?: (fn: (current: SidebarMode) => SidebarMode) => void;\n  // Dev-only hooks for presentation warnings\n  onLeftPres?: (p: PresentationValue) => void;\n  // Sizing info for overlay grouping\n  onLeftDefaults?: (size: number) => void;\n  onRailDefaults?: (size: number) => void;\n  onPanelDefaults?: (size: number) => void;\n}\n\nconst ShellContext = React.createContext<ShellContextValue | null>(null);\n\n/** @internal Shell root context. Prefer slice hooks (useSidebarMode, useShellActions, etc.). */\nexport function useShell() {\n  const ctx = React.useContext(ShellContext);\n  if (!ctx) throw new Error('Shell components must be used within <Shell.Root>');\n  return ctx;\n}\n\nexport function ShellProvider({ value, children }: { value: ShellContextValue; children: React.ReactNode }) {\n  return <ShellContext.Provider value={value}>{children}</ShellContext.Provider>;\n}\n\n// Phase 7: Split contexts for render isolation\n\n// Pane mode slice contexts\ntype ModeSetter<T> = (mode: T) => void;\n\nexport const LeftModeContext = React.createContext<{ leftMode: PaneMode; setLeftMode: ModeSetter<PaneMode> } | null>(null);\nexport function useLeftMode() {\n  const ctx = React.useContext(LeftModeContext);\n  if (!ctx) throw new Error('useLeftMode must be used within Shell.Root');\n  return ctx;\n}\n\nexport const PanelModeContext = React.createContext<{ panelMode: PaneMode; setPanelMode: ModeSetter<PaneMode> } | null>(null);\nexport function usePanelMode() {\n  const ctx = React.useContext(PanelModeContext);\n  if (!ctx) throw new Error('usePanelMode must be used within Shell.Root');\n  return ctx;\n}\n\nexport const SidebarModeContext = React.createContext<{ sidebarMode: SidebarMode; setSidebarMode: ModeSetter<SidebarMode> } | null>(null);\nexport function useSidebarMode() {\n  const ctx = React.useContext(SidebarModeContext);\n  if (!ctx) throw new Error('useSidebarMode must be used within Shell.Root');\n  return ctx;\n}\n\nexport const InspectorModeContext = React.createContext<{ inspectorMode: PaneMode; setInspectorMode: ModeSetter<PaneMode> } | null>(null);\nexport function useInspectorMode() {\n  const ctx = React.useContext(InspectorModeContext);\n  if (!ctx) throw new Error('useInspectorMode must be used within Shell.Root');\n  return ctx;\n}\n\nexport const BottomModeContext = React.createContext<{ bottomMode: PaneMode; setBottomMode: ModeSetter<PaneMode> } | null>(null);\nexport function useBottomMode() {\n  const ctx = React.useContext(BottomModeContext);\n  if (!ctx) throw new Error('useBottomMode must be used within Shell.Root');\n  return ctx;\n}\n\n// Presentation slice\nexport const PresentationContext = React.createContext<{ currentBreakpoint: Breakpoint; currentBreakpointReady: boolean; leftResolvedPresentation?: PresentationValue } | null>(null);\nexport function usePresentation() {\n  const ctx = React.useContext(PresentationContext);\n  if (!ctx) throw new Error('usePresentation must be used within Shell.Root');\n  return ctx;\n}\n\n// Peek slice\nexport const PeekContext = React.createContext<{ peekTarget: PaneTarget | null; setPeekTarget: (t: PaneTarget | null) => void; peekPane: (t: PaneTarget) => void; clearPeek: () => void } | null>(\n  null,\n);\nexport function usePeek() {\n  const ctx = React.useContext(PeekContext);\n  if (!ctx) throw new Error('usePeek must be used within Shell.Root');\n  return ctx;\n}\n\n// Actions slice (stable callbacks)\nexport const ActionsContext = React.createContext<{\n  togglePane: (t: PaneTarget) => void;\n  expandPane: (t: PaneTarget) => void;\n  collapsePane: (t: PaneTarget) => void;\n  setSidebarToggleComputer?: (fn: (current: SidebarMode) => SidebarMode) => void;\n} | null>(null);\nexport function useShellActions() {\n  const ctx = React.useContext(ActionsContext);\n  if (!ctx) throw new Error('useShellActions must be used within Shell.Root');\n  return ctx;\n}\n\n// Composition slice\nexport const CompositionContext = React.createContext<{ hasLeft: boolean; setHasLeft: (v: boolean) => void; hasSidebar: boolean; setHasSidebar: (v: boolean) => void } | null>(null);\nexport function useComposition() {\n  const ctx = React.useContext(CompositionContext);\n  if (!ctx) throw new Error('useComposition must be used within Shell.Root');\n  return ctx;\n}\n\n// Inset slice - tracks which panes have inset for gray backdrop\nexport type InsetPaneId = 'left' | 'sidebar' | 'content' | 'inspector' | 'bottom';\nexport const InsetContext = React.createContext<{\n  insetPanes: Set<InsetPaneId>;\n  registerInset: (id: InsetPaneId) => void;\n  unregisterInset: (id: InsetPaneId) => void;\n  hasAnyInset: boolean;\n} | null>(null);\nexport function useInset() {\n  const ctx = React.useContext(InsetContext);\n  if (!ctx) throw new Error('useInset must be used within Shell.Root');\n  return ctx;\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,+BAAAE,EAAA,8BAAAC,EAAA,uBAAAC,IAAA,eAAAC,EAAAL,GAAA,IAAAM,EAAuB,oBCyChB,IAAMC,EAAe,CAC1B,GAAI,qBACJ,GAAI,qBACJ,GAAI,sBACJ,GAAI,sBACJ,GAAI,qBACN,EC/CA,IAAAC,EAAuB,oBAiDjBC,EAAqB,gBAAwC,IAAI,EAGhE,SAASC,GAAW,CACzB,IAAMC,EAAY,aAAWF,CAAY,EACzC,GAAI,CAACE,EAAK,MAAM,IAAI,MAAM,mDAAmD,EAC7E,OAAOA,CACT,CAWO,IAAMC,EAAwB,gBAAgF,IAAI,EAOlH,IAAMC,EAAyB,gBAAkF,IAAI,EAOrH,IAAMC,EAA2B,gBAA4F,IAAI,EAOjI,IAAMC,EAA6B,gBAA0F,IAAI,EAOjI,IAAMC,EAA0B,gBAAoF,IAAI,EAQxH,IAAMC,EAA4B,gBAAuI,IAAI,EAQ7K,IAAMC,EAAoB,gBAC/B,IACF,EAQO,IAAMC,EAAuB,gBAK1B,IAAI,EAQP,IAAMC,EAA2B,gBAAuI,IAAI,EAS5K,IAAMC,EAAqB,gBAKxB,IAAI,EF/Id,SAASC,EAA0BC,EAAyD,CAC1F,GAAM,CAAE,kBAAAC,CAAkB,EAAIC,EAAS,EAEvC,OAAa,UAAQ,IAAM,CACzB,GAAI,OAAOF,GAAiB,SAC1B,OAAOA,EAGT,GAAIA,EAAaC,CAAiB,EAChC,OAAOD,EAAaC,CAAiB,EAIvC,IAAME,EAAuB,CAAC,GADf,OAAO,KAAKC,CAAY,CACA,EAAE,QAAQ,EAAmB,OAAO,SAAuB,EAC5FC,EAAWF,EAAM,QAAQF,CAA+B,EAE9D,QAASK,EAAID,EAAW,EAAGC,EAAIH,EAAM,OAAQG,IAAK,CAChD,IAAMC,EAAKJ,EAAMG,CAAC,EAClB,GAAIN,EAAaO,CAAE,EACjB,OAAOP,EAAaO,CAAE,CAE1B,CAEA,MAAO,OACT,EAAG,CAACP,EAAcC,CAAiB,CAAC,CACtC,CAOA,SAASO,EAAsBC,EAAsE,CACnG,GAAM,CAAE,kBAAAR,CAAkB,EAAIC,EAAS,EAEvC,OAAa,UAAQ,IAAM,CACzB,GAAIO,GAAS,KAAM,OAEnB,GAAI,OAAOA,GAAU,SACnB,OAAOA,EAGT,IAAMC,EAAMD,EACZ,GAAIC,EAAIT,CAA+B,IAAM,OAC3C,OAAOS,EAAIT,CAA+B,EAI5C,IAAME,EAAuB,CAAC,GADf,OAAO,KAAKC,CAAY,CACA,EAAE,QAAQ,EAAmB,OAAO,SAAuB,EAC5FC,EAAWF,EAAM,QAAQF,CAA+B,EAE9D,QAASK,EAAID,EAAW,EAAGC,EAAIH,EAAM,OAAQG,IAAK,CAChD,IAAMC,EAAKJ,EAAMG,CAAC,EAClB,GAAII,EAAIH,CAAE,IAAM,OACd,OAAOG,EAAIH,CAAE,CAEjB,CAGF,EAAG,CAACE,EAAOR,CAAiB,CAAC,CAC/B,CAoBA,SAASU,EAA6B,CACpC,gBAAAC,EACA,aAAAC,EACA,aAAAC,EACA,SAAAC,EACA,gBAAAC,EACA,OAAAC,EACA,mBAAAC,EACA,uBAAAC,EAAyB,EAC3B,EAA4E,CAC1E,IAAMC,EAAqBZ,EAAmBI,CAAe,EACvDS,EAAkBb,EAAmBK,CAAY,EAEjDS,EAA0B,SAAsB,MAAS,EACzDC,EAAuB,SAA6C,IAAI,EACxEC,EAA4B,SAAsBJ,CAAkB,EACpEK,EAAuB,SAAOX,CAAY,EAC1CY,EAAoB,SAAOX,CAAQ,EAEnC,kBAAgB,IAAM,CAC1BS,EAAoB,QAAUJ,EAC9BK,EAAe,QAAUX,EACzBY,EAAY,QAAUX,CACxB,CAAC,EAEK,YAAU,IAAM,CACpB,GAAIK,IAAuB,OAAW,OAGtC,IAAMO,EADiBL,EAAkB,UACIF,EAG7C,GAFAE,EAAkB,QAAUF,EAExBN,IAAiBM,EAAoB,CACnCG,EAAe,UACjB,aAAaA,EAAe,OAAO,EACnCA,EAAe,QAAU,MAEvBJ,GACFD,IAAqBE,CAAkB,EAEzC,MACF,CAEA,GAAIO,EAAmB,CACjBJ,EAAe,UACjB,aAAaA,EAAe,OAAO,EACnCA,EAAe,QAAU,MAE3BR,EAASK,CAAkB,EACvBD,GACFD,IAAqBE,CAAkB,EAEzC,MACF,CAEKG,EAAe,UAClBA,EAAe,QAAU,WAAW,IAAM,CACxCA,EAAe,QAAU,KACzB,IAAMK,EAAmBJ,EAAoB,QACvCK,EAAcJ,EAAe,QAC/BG,IAAqB,QACrBC,IAAgBD,GACpBF,EAAY,QAAQE,CAAgB,CACtC,EAAG,CAAC,EAER,EAAG,CAACR,EAAoBN,EAAcC,EAAUG,EAAoBC,CAAsB,CAAC,EAErF,YAAU,IACP,IAAM,CACPI,EAAe,UACjB,aAAaA,EAAe,OAAO,EACnCA,EAAe,QAAU,KAE7B,EACC,CAAC,CAAC,EAEL,IAAMO,EAAmB,SAAO,EAAK,EACrC,OAAM,YAAU,IAAM,CAChBA,EAAW,SACVd,IACD,OAAOJ,EAAoB,KAC3BS,IAAoB,SACxBS,EAAW,QAAU,GACjBhB,IAAiBO,GACnBN,EAASM,CAAe,EAE1BJ,IAASI,CAAe,GAC1B,EAAG,CAACL,EAAiBJ,EAAiBS,EAAiBP,EAAcC,EAAUE,CAAM,CAAC,EAE/E,CAAE,mBAAAG,EAAoB,gBAAAC,CAAgB,CAC/C",
-  "names": ["shell_hooks_exports", "__export", "useResponsiveInitialState", "useResponsivePresentation", "useResponsiveValue", "__toCommonJS", "React", "_BREAKPOINTS", "React", "ShellContext", "useShell", "ctx", "LeftModeContext", "PanelModeContext", "SidebarModeContext", "InspectorModeContext", "BottomModeContext", "PresentationContext", "PeekContext", "ActionsContext", "CompositionContext", "InsetContext", "useResponsivePresentation", "presentation", "currentBreakpoint", "useShell", "order", "_BREAKPOINTS", "startIdx", "i", "bp", "useResponsiveValue", "value", "map", "useResponsiveInitialState", "controlledValue", "defaultValue", "currentValue", "setValue", "breakpointReady", "onInit", "onResponsiveChange", "controlledIsResponsive", "resolvedControlled", "resolvedDefault", "lastControlledRef", "pendingSyncRef", "latestControlledRef", "latestValueRef", "setValueRef", "controlledChanged", "latestControlled", "latestValue", "didInitRef"]
+  "sources": ["../../../src/components/shell.hooks.ts", "../../../src/hooks/use-breakpoint.ts", "../../../src/components/shell.types.ts", "../../../src/components/_internal/shell-store.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport { useBreakpoint } from '../hooks/use-breakpoint.js';\nimport type { PresentationValue, ResponsivePresentation } from './shell.types.js';\nimport { tableOf, warnOnce } from './_internal/shell-store.js';\n\n/**\n * @deprecated Since 0.8.0 the Shell resolves a responsive `presentation` in\n * its stylesheet, so the pane is placed before any script runs. This hook\n * resolves it in JS after mount, which is the behaviour the Shell left\n * behind. It keeps working until 1.0.\n */\nfunction useResponsivePresentation(presentation: ResponsivePresentation): PresentationValue {\n  React.useEffect(() => {\n    warnOnce('Shell.useResponsivePresentation is deprecated and is removed in 1.0. The Shell resolves presentation in CSS.');\n  }, []);\n  const { breakpoint } = useBreakpoint(typeof presentation !== 'string');\n  return tableOf<PresentationValue>(presentation, () => 'fixed')[breakpoint];\n}\n\nexport { useResponsivePresentation };\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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,+BAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBCEvB,IAAAC,EAAuB,oBCqDhB,IAAMC,EAAe,CAC1B,GAAI,qBACJ,GAAI,qBACJ,GAAI,sBACJ,GAAI,sBACJ,GAAI,qBACN,EAKaC,EAA2C,CAAC,UAAW,KAAM,KAAM,KAAM,KAAM,IAAI,ED7DhG,IAAMC,EAAU,OAAO,QAAQC,CAAY,EASvCC,EAA8D,KAC5DC,EAAY,IAAI,IAClBC,EAAsC,KAE1C,SAASC,GAAqB,CAC5B,OAAAH,MAAoBF,EAAQ,IAAI,CAAC,CAACM,EAAMC,CAAK,IAAM,CAACD,EAAM,OAAO,WAAWC,CAAK,CAAC,CAAiC,GAC5GL,CACT,CAEA,SAASM,GAAgC,CAEvC,IAAIC,EAAsB,UAC1B,OAAW,CAACH,EAAMI,CAAG,IAAKL,EAAmB,EACvCK,EAAI,UAASD,EAAUH,GAE7B,OAAOG,CACT,CAEA,SAASE,GAAe,CACtB,IAAMC,EAAOJ,EAAkB,EAC3BI,IAASR,IACbA,EAAmBQ,EACnBT,EAAU,QAASU,GAAaA,EAAS,CAAC,EAC5C,CAEA,SAASC,EAAUD,EAAoB,CACrC,GAAI,OAAO,OAAW,IAAa,MAAO,IAAM,CAAC,EAEjD,GAAIV,EAAU,OAAS,EAAG,CACxBC,EAAmBI,EAAkB,EACrC,OAAW,CAAC,CAAEE,CAAG,IAAKL,EAAmB,EAEnC,OAAOK,EAAI,kBAAqB,WAAYA,EAAI,iBAAiB,SAAUC,CAAY,EACtFD,EAAI,cAAcC,CAAY,CAEvC,CAEA,OAAAR,EAAU,IAAIU,CAAQ,EAEf,IAAM,CAEX,GADAV,EAAU,OAAOU,CAAQ,EACrB,EAAAV,EAAU,KAAO,GAErB,QAAW,CAAC,CAAEO,CAAG,IAAKL,EAAmB,EACvC,GAAI,CACE,OAAOK,EAAI,qBAAwB,WAAYA,EAAI,oBAAoB,SAAUC,CAAY,EAC5FD,EAAI,iBAAiBC,CAAY,CACxC,MAAgB,CAKhB,CAEFP,EAAmB,KACrB,CACF,CAMA,SAASW,GAA0B,CACjC,OAAI,OAAO,OAAW,IAAoB,WAC1CX,MAAqBI,EAAkB,GAChCJ,EACT,CAEA,SAASY,GAAgC,CACvC,MAAO,SACT,CAWA,IAAMC,EAAmB,IAAM,GACzBC,EAAyB,IAAM,GAE/BC,EAAgB,IAAM,IAAM,CAAC,EAC7BC,EAAqB,IAAkB,UActC,SAASC,EAAcC,EAAU,GAAkD,CAGxF,IAAMC,EAAmB,uBACvBD,EAAUE,EAAYL,EACtBG,EAAUG,EAAcL,EACxBM,CACF,EACMC,EAAc,uBAClBL,EAAUE,EAAYL,EACtBF,EACAC,CACF,EAEA,OAAa,UAAQ,KAAO,CAAE,WAAAK,EAAY,MAAAI,CAAM,GAAI,CAACJ,EAAYI,CAAK,CAAC,CACzE,CE5GA,IAAAC,EAAuB,oBAavB,SAASC,EAASC,EAAoE,CACpF,OAAO,OAAOA,GAAU,UAAYA,IAAU,IAChD,CAOO,SAASC,EAAWD,EAA2BE,EAA2C,CAC/F,IAAMC,EAAQ,CAAC,EACXC,EAA+B,KACnC,QAAWC,KAAMC,EAAmB,CAClC,GAAIN,IAAU,QAAa,CAACD,EAAMC,CAAK,EAAG,CACxCG,EAAME,CAAE,EAAIL,EACZ,QACF,CACA,IAAMO,EAAQR,EAAMC,CAAK,EAAIA,EAAMK,CAAE,EAAI,OACrCE,IAAU,SAAWH,EAAU,CAAE,MAAOG,CAAM,GAClDJ,EAAME,CAAE,EAAID,EAAUA,EAAQ,MAAQF,EAASG,CAAE,CACnD,CACA,OAAOF,CACT,CA8BO,IAAMK,EAAwCC,EAA2B,QAAS,IAAM,OAAO,EA2D/F,IAAMC,EAA0B,gBAAiC,IAAI,EAgCrE,IAAMC,EAA0B,gBAG7B,IAAI,EHxKd,SAASC,EAA0BC,EAAyD,CACpF,YAAU,IAAM,CAEtB,EAAG,CAAC,CAAC,EACL,GAAM,CAAE,WAAAC,CAAW,EAAIC,EAAc,OAAOF,GAAiB,QAAQ,EACrE,OAAOG,EAA2BH,EAAc,IAAM,OAAO,EAAEC,CAAU,CAC3E",
+  "names": ["shell_hooks_exports", "__export", "useResponsivePresentation", "__toCommonJS", "React", "React", "_BREAKPOINTS", "SHELL_BREAKPOINTS", "QUERIES", "_BREAKPOINTS", "mediaQueryLists", "listeners", "cachedBreakpoint", "getMediaQueryLists", "name", "query", "computeBreakpoint", "matched", "mql", "handleChange", "next", "listener", "subscribe", "getSnapshot", "getServerSnapshot", "getReadySnapshot", "getReadyServerSnapshot", "noopSubscribe", "getInitialSnapshot", "useBreakpoint", "enabled", "breakpoint", "subscribe", "getSnapshot", "getServerSnapshot", "ready", "React", "isMap", "value", "tableOf", "fallback", "table", "carried", "bp", "SHELL_BREAKPOINTS", "entry", "FIXED_TABLE", "tableOf", "ShellStoreContext", "ShellInsetContext", "useResponsivePresentation", "presentation", "breakpoint", "useBreakpoint", "tableOf"]
 }

package/dist/cjs/components/shell.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var Po=Object.create;var Dt=Object.defineProperty;var Ro=Object.getOwnPropertyDescriptor;var ho=Object.getOwnPropertyNames;var go=Object.getPrototypeOf,bo=Object.prototype.hasOwnProperty;var vo=(e,t)=>{for(var o in t)Dt(e,o,{get:t[o],enumerable:!0})},Tn=(e,t,o,d)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of ho(t))!bo.call(e,i)&&i!==o&&Dt(e,i,{get:()=>t[i],enumerable:!(d=Ro(t,i))||d.enumerable});return e};var fe=(e,t,o)=>(o=e!=null?Po(go(e)):{},Tn(t||!e||!e.__esModule?Dt(o,"default",{value:e,enumerable:!0}):o,e)),So=e=>Tn(Dt({},"__esModule",{value:!0}),e);var gr={};vo(gr,{Bottom:()=>ht,Content:()=>Yt,Header:()=>En,Inspector:()=>gt,Left:()=>qt,Panel:()=>mt,Rail:()=>ft,Root:()=>mo,Sidebar:()=>ct,Trigger:()=>yo,useResponsivePresentation:()=>qe,useShell:()=>Ze,useSidebarMode:()=>vt});module.exports=So(gr);var n=fe(require("react")),rt=fe(require("classnames"));var pe=fe(require("react")),qn=fe(require("classnames")),We=require("radix-ui");var Xe={asChild:{type:"boolean"}};var zt={width:{type:"string",className:"rt-r-w",customProperties:["--width"],responsive:!0},minWidth:{type:"string",className:"rt-r-min-w",customProperties:["--min-width"],responsive:!0},maxWidth:{type:"string",className:"rt-r-max-w",customProperties:["--max-width"],responsive:!0}};var Dn={height:{type:"string",className:"rt-r-h",customProperties:["--height"],responsive:!0},minHeight:{type:"string",className:"rt-r-min-h",customProperties:["--min-height"],responsive:!0},maxHeight:{type:"string",className:"rt-r-max-h",customProperties:["--max-height"],responsive:!0}};var Co=["1","2","3","4"],xo=["solid","translucent"],Mo=["solid","translucent"],zn={...Xe,align:{type:"enum",className:"rt-r-align",values:["start","center"],default:"center"},size:{type:"enum",className:"rt-r-size",values:Co,default:"3",responsive:!0},panelBackground:{type:"enum",values:xo,default:void 0},material:{type:"enum",values:Mo,default:void 0},width:zt.width,minWidth:zt.minWidth,maxWidth:{...zt.maxWidth,default:"600px"},...Dn};var Pe=fe(require("react")),In=fe(require("classnames")),Pt=require("radix-ui"),Ot=require("radix-ui/internal");function kn(e){switch(e){case"tomato":case"red":case"ruby":case"crimson":case"pink":case"plum":case"purple":case"violet":return"mauve";case"iris":case"indigo":case"blue":case"sky":case"cyan":return"slate";case"teal":case"jade":case"mint":case"green":return"sage";case"grass":case"lime":return"olive";case"yellow":case"amber":case"orange":case"brown":case"gold":case"bronze":return"sand";case"gray":return"gray"}}var Xt=fe(require("react"));function _e(e){let[t,o]=Xt.useState(e),[d,i]=Xt.useState(e);return Object.is(e,d)||(i(e),o(e)),[t,o]}var On=fe(require("react")),Eo="Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.",wn=new Set;function To(e){wn.has(e)||(wn.add(e),console.warn(e))}function kt(e){On.useEffect(()=>{},[e])}var Jt=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"],Nn=["auto","gray","mauve","slate","sage","olive","sand"],wt={color:{type:"enum",values:Jt,default:void 0}};var Bn=["none","small","medium","large","full"];var Do=["inherit","light","dark"],zo=["solid","translucent"],ko=["solid","translucent"],wo=["90%","95%","100%","105%","110%"],Ln=["sans","mono","serif"],ae={...Xe,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:Do,default:"inherit"},accentColor:{type:"enum",values:Jt,default:"blue"},grayColor:{type:"enum",values:Nn,default:"slate"},material:{type:"enum",values:ko,default:"translucent"},panelBackground:{type:"enum",values:zo,default:"translucent"},radius:{type:"enum",values:Bn,default:"full"},scaling:{type:"enum",values:wo,default:"100%"},fontFamily:{type:"enum",values:Ln,default:"sans"},headingFontFamily:{type:"enum",values:Ln}};var Ce=()=>{},_r={appearance:ae.appearance.default,accentColor:ae.accentColor.default,grayColor:ae.grayColor.default,resolvedGrayColor:ae.grayColor.default,material:ae.material.default,panelBackground:ae.panelBackground.default,radius:ae.radius.default,scaling:ae.scaling.default,fontFamily:ae.fontFamily.default,headingFontFamily:void 0,onAppearanceChange:Ce,onAccentColorChange:Ce,onGrayColorChange:Ce,onMaterialChange:Ce,onPanelBackgroundChange:Ce,onRadiusChange:Ce,onScalingChange:Ce,onFontFamilyChange:Ce,onHeadingFontFamilyChange:Ce},Zt=Pe.createContext(void 0);var en=Pe.forwardRef((e,t)=>Pe.useContext(Zt)===void 0?Pe.createElement(Pt.Tooltip.Provider,{delayDuration:200},Pe.createElement(Pt.Direction.Provider,{dir:"ltr"},Pe.createElement(Hn,{...e,ref:t}))):Pe.createElement(tn,{...e,ref:t}));en.displayName="Theme";var Hn=Pe.forwardRef((e,t)=>{let{appearance:o=ae.appearance.default,accentColor:d=ae.accentColor.default,grayColor:i=ae.grayColor.default,material:a=ae.material.default,panelBackground:p=ae.panelBackground.default,radius:c=ae.radius.default,scaling:s=ae.scaling.default,fontFamily:l=ae.fontFamily.default,headingFontFamily:f,hasBackground:b=ae.hasBackground.default,...R}=e;kt(e.panelBackground);let[g,T]=_e(o),[x,Y]=_e(d),[h,z]=_e(i),K=a!==ae.material.default?a:p,[Q,A]=_e(K),[te,X]=_e(Q),[ne,se]=_e(c),[k,j]=_e(s),[W,F]=_e(l),[G,y]=_e(f);return Pe.createElement(tn,{...R,ref:t,isRoot:!0,hasBackground:b,appearance:g,accentColor:x,grayColor:h,material:Q,panelBackground:te,radius:ne,scaling:k,fontFamily:W,headingFontFamily:G,onAppearanceChange:T,onAccentColorChange:Y,onGrayColorChange:z,onMaterialChange:A,onPanelBackgroundChange:X,onRadiusChange:se,onScalingChange:j,onFontFamilyChange:F,onHeadingFontFamilyChange:y})});Hn.displayName="ThemeRoot";function Oo(){if(typeof navigator>"u")return;let e=navigator.userAgent;if(e.includes("Win"))return"windows";if(e.includes("Mac"))return"macos";if(e.includes("Linux"))return"linux"}var tn=Pe.forwardRef((e,t)=>{let o=Pe.useContext(Zt),{asChild:d,isRoot:i,hasBackground:a,appearance:p=e.appearance??o?.appearance??ae.appearance.default,accentColor:c=e.accentColor??o?.accentColor??ae.accentColor.default,grayColor:s=e.grayColor??o?.resolvedGrayColor??ae.grayColor.default,material:l=e.material??o?.material??ae.material.default,panelBackground:f=e.panelBackground??o?.panelBackground??ae.panelBackground.default,radius:b=e.radius??o?.radius??ae.radius.default,scaling:R=e.scaling??o?.scaling??ae.scaling.default,fontFamily:g=e.fontFamily??o?.fontFamily??ae.fontFamily.default,headingFontFamily:T=e.headingFontFamily??o?.headingFontFamily,onAppearanceChange:x=Ce,onAccentColorChange:Y=Ce,onGrayColorChange:h=Ce,onMaterialChange:z=Ce,onPanelBackgroundChange:K=Ce,onRadiusChange:Q=Ce,onScalingChange:A=Ce,onFontFamilyChange:te=Ce,onHeadingFontFamilyChange:X=Ce,...ne}=e,se=d?Pt.Slot.Root:"div",k=s==="auto"?kn(c):s,j=e.appearance==="light"||e.appearance==="dark",W=a===void 0?i||j:a,F=Pe.useRef(null),G=(0,Ot.useComposedRefs)(t,F),y="data-os"in ne;return(0,Ot.useLayoutEffect)(()=>{if(!i||y)return;let J=F.current;if(!J)return;let v=Oo();if(v)return J.setAttribute("data-os",v),()=>J.removeAttribute("data-os")},[i,y]),Pe.createElement(Zt.Provider,{value:Pe.useMemo(()=>({appearance:p,accentColor:c,grayColor:s,resolvedGrayColor:k,material:l,panelBackground:f,radius:b,scaling:R,fontFamily:g,headingFontFamily:T,onAppearanceChange:x,onAccentColorChange:Y,onGrayColorChange:h,onMaterialChange:z,onPanelBackgroundChange:K,onRadiusChange:Q,onScalingChange:A,onFontFamilyChange:te,onHeadingFontFamilyChange:X}),[p,c,s,k,l,f,b,R,g,T,x,Y,h,z,K,Q,A,te,X])},Pe.createElement(se,{"data-is-root-theme":i?"true":"false","data-accent-color":c,"data-gray-color":k,"data-has-background":W?"true":"false","data-material":l,"data-panel-background":f,"data-radius":b,"data-scaling":R,"data-font-family":g,"data-heading-font-family":T,ref:G,...ne,className:(0,In.default)("radix-themes",{light:p==="light",dark:p==="dark"},ne.className)}))});tn.displayName="ThemeImpl";var lt=fe(require("react")),Wn=require("radix-ui");var Nt={highContrast:{type:"boolean",className:"rt-high-contrast",default:void 0}};var No=["normal","start","end","both"],Bt={trim:{type:"enum",className:"rt-r-lt",values:No,responsive:!0}};var Bo=["left","center","right"],Lt={align:{type:"enum",className:"rt-r-ta",values:Bo,responsive:!0}};var Lo=["wrap","nowrap","pretty","balance"],It={wrap:{type:"enum",className:"rt-r-tw",values:Lo,responsive:!0}};var Ht={truncate:{type:"boolean",className:"rt-truncate"}};var Io=["sans","mono","serif"],Vt={font:{type:"enum",className:"rt-r-ff",values:Io}};var Ho=["thin","extralight","light","regular","medium","semibold","bold","extrabold"],At={weight:{type:"enum",className:"rt-r-weight",values:Ho,responsive:!0}};var Vo=["h1","h2","h3","h4","h5","h6"],Ao=["0","1","2","3","4","5","6","7","8","9","10","11","12"],Vn={as:{type:"enum",values:Vo,default:"h1"},...Xe,size:{type:"enum",className:"rt-r-size",values:Ao,default:"6",responsive:!0},...Vt,...At,...Lt,...Bt,...Ht,...It,...wt,...Nt};var jn=fe(require("classnames"));var Fo=[],_o=new Set;function jo(e){let t=Object.assign({},...e),o=[],d=[],i=new Set;for(let a in t){let p=t[a],c=p.values??Fo,s={key:a,type:p.type,default:p.default,hasDefault:p.default!==void 0,responsive:"responsive"in p,className:p.className,customProperties:p.customProperties,parseValue:p.parseValue,values:c,valueSet:c.length>0?new Set(c):_o,enumValueSet:p.type==="enum"?new Set([p.default,...c]):void 0};p.className?(o.push(s),i.add(a)):(s.hasDefault||p.type==="enum")&&d.push(s)}return{styling:o,passthrough:d,stylingKeys:i}}var Wo={children:new WeakMap};function An(e){let t=Wo;for(let o=0;o<e.length;o++){let d=e[o],i=t.children.get(d);i===void 0&&(i={children:new WeakMap},t.children.set(d,i)),t=i}return t.compiled??(t.compiled=jo(e))}var $o=["initial","xs","sm","md","lg","xl"],nn=new Set($o);function on(e,t){return Object.prototype.hasOwnProperty.call(e,t)}var Uo=new Set(["initial","xs","sm","md","lg","xl"]);function at(e){if(typeof e!="object"||e===null)return!1;for(let t in e)if(Uo.has(t))return!0;return!1}function Ft(e,t,o){return t!==void 0?t.has(o):e.includes(o)}function _n({className:e,customProperties:t,...o}){let d=rn({allowArbitraryValues:!0,className:e,...o}),i=Ko({customProperties:t,...o});return[d,i]}function rn({allowArbitraryValues:e,value:t,className:o,propValues:d,propValueSet:i,parseValue:a=p=>p}){if(t){if(typeof t=="string")return Ft(d,i,t)?Fn(o,t,a):e?o:void 0;if(at(t)){let p=t,c=[];for(let s in p){if(!on(p,s)||!nn.has(s))continue;let l=p[s];if(l!==void 0){if(Ft(d,i,l)){let f=Fn(o,l,a),b=s==="initial"?f:`${s}:${f}`;c.push(b)}else if(e){let f=s==="initial"?o:`${s}:${o}`;c.push(f)}}}return c.length>0?c.join(" "):""}if(e)return o}}function Fn(e,t,o){let d=e?"-":"",i=o(t),a=i?.startsWith("-"),p=a?"-":"",c=a?i?.substring(1):i;return`${p}${e}${d}${c}`}function Ko({customProperties:e,value:t,propValues:o,propValueSet:d,parseValue:i=a=>a}){if(!t||typeof t=="string"&&Ft(o,d,t))return;let a;if(typeof t=="string"){let p=i(t);a={};for(let c of e)a[c]=p;return a}if(at(t)){let p=t;for(let c in p){if(!on(p,c)||!nn.has(c))continue;let s=p[c];if(s===void 0||Ft(o,d,s))continue;let l=i(s);a??(a={});for(let f of e){let b=c==="initial"?f:`${f}-${c}`;a[b]=l}}}return a??{}}function an(...e){let t;for(let o of e)o&&(t===void 0&&(t={}),Object.assign(t,o));return t}function Go(e,t){let o=e.initial,d=!1;return t.hasDefault&&o===void 0&&(o=t.default,d=!0),t.enumValueSet!==void 0&&!t.enumValueSet.has(o)&&(o=t.default,d=!0),d?{...e,initial:o}:e}function st(e,...t){let{styling:o,passthrough:d,stylingKeys:i}=An(t),a={};for(let s in e)i.has(s)||(a[s]=e[s]);for(let s=0;s<d.length;s++){let l=d[s],f=a[l.key];if(f===void 0){l.hasDefault&&(a[l.key]=l.default);continue}l.enumValueSet!==void 0&&!l.enumValueSet.has(f)&&!at(f)&&(a[l.key]=l.default)}let p,c=[];for(let s=0;s<o.length;s++){let l=o[s],f=e[l.key];if(f===void 0&&l.hasDefault&&(f=l.default),l.enumValueSet!==void 0&&!l.enumValueSet.has(f)&&!at(f)&&(f=l.default),!!f){if(at(f)){if(!l.responsive)continue;f=Go(f,l)}if(l.type==="enum"){let b=rn({allowArbitraryValues:!1,value:f,className:l.className,propValues:l.values,propValueSet:l.valueSet,parseValue:l.parseValue});b&&c.push(b);continue}if(l.type==="string"||l.type==="enum | string"){let[b,R]=_n({className:l.className,customProperties:l.customProperties,propValues:l.type==="string"?[]:l.values,propValueSet:l.type==="string"?void 0:l.valueSet,parseValue:l.parseValue,value:f});R&&(p=an(p,R)),b&&c.push(b);continue}if(l.type==="boolean"){c.push(l.className);continue}}}return a.className=(0,jn.default)(c.length>0?c.join(" "):void 0,e.className),a.style=an(p,e.style),a}var it=["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"],_t={m:{type:"enum | string",values:it,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:it,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:it,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:it,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:it,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:it,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:it,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var qo={...Vn,..._t},sn=lt.memo(lt.forwardRef((e,t)=>{let{children:o,className:d,asChild:i,as:a="h1",color:p,...c}=st(e,qo),s=d?`rt-Heading ${d}`:"rt-Heading";return i?lt.createElement(Wn.Slot.Root,{"data-accent-color":p,...c,ref:t,className:s},o):lt.createElement(a,{"data-accent-color":p,...c,ref:t,className:s},o)}));sn.displayName="Heading";var dt=fe(require("react")),Un=require("radix-ui");var Yo=["span","div","label","p"],Qo=["0","1","2","3","4","5","6","7","8","9","10","11","12"],$n={as:{type:"enum",values:Yo,default:"span"},...Xe,size:{type:"enum",className:"rt-r-size",values:Qo,responsive:!0},...Vt,...At,...Lt,...Bt,...Ht,...It,...wt,...Nt};var Xo={...$n,..._t},ln=dt.memo(dt.forwardRef((e,t)=>{let{children:o,className:d,asChild:i,as:a="span",color:p,...c}=st(e,Xo),s=d?`rt-Text ${d}`:"rt-Text";return i?dt.createElement(Un.Slot.Root,{"data-accent-color":p,...c,ref:t,className:s},o):dt.createElement(a,{"data-accent-color":p,...c,ref:t,className:s},o)}));ln.displayName="Text";var jt=fe(require("react")),dn=e=>{if(!jt.isValidElement(e))throw Error(`Expected a single React Element child, but got: ${jt.Children.toArray(e).map(o=>typeof o=="object"&&"type"in o&&typeof o.type=="string"?o.type:typeof o).join(", ")}`);return e};var Kn=fe(require("react")),pn=!1;function Gn(){Kn.useEffect(()=>{if(typeof document>"u"||pn)return;pn=!0;let e=new Set,t=(f,b)=>{let R=setTimeout(()=>{e.delete(R),f()},b);e.add(R)},o=()=>{let f=!!document.querySelector('[role="dialog"][aria-modal="true"], [role="alertdialog"][aria-modal="true"]'),b=!!document.querySelector('[data-radix-popper-content-wrapper], [data-state="open"]');return f||b},d=()=>{document.body.style.pointerEvents==="none"&&(console.log("[KookieUI] Force cleaning stuck pointer-events: none from body"),document.body.style.pointerEvents="",document.body.removeAttribute("data-scroll-locked"),document.body.removeAttribute("data-remove-scroll"),document.body.classList.remove("ReactModal__Body--open"))},i=()=>{document.body.style.pointerEvents==="none"&&!o()&&(console.log("[KookieUI] Safe cleaning stuck pointer-events: none from body"),document.body.style.pointerEvents="")},a=f=>{let b=f.target;b&&!b.closest('[role="dialog"], [role="alertdialog"], [data-radix-popper-content-wrapper]')&&t(d,100)},p=f=>{f.key==="Escape"&&t(d,200)},c=()=>{t(i,50)};document.addEventListener("click",a,!0),document.addEventListener("keydown",p,!0),document.addEventListener("pointerup",c,!0),document.addEventListener("transitionend",c,!0),document.addEventListener("animationend",c,!0);let s=new MutationObserver(()=>{t(i,0)});s.observe(document.body,{childList:!0,subtree:!0,attributes:!0});let l=setInterval(()=>{document.body.style.pointerEvents==="none"&&!o()&&(console.log("[KookieUI] Periodic cleanup of stuck pointer-events"),document.body.style.pointerEvents="")},1e3);return t(i,100),()=>{clearInterval(l),e.forEach(clearTimeout),e.clear(),s.disconnect(),document.removeEventListener("click",a,!0),document.removeEventListener("keydown",p,!0),document.removeEventListener("pointerup",c,!0),document.removeEventListener("transitionend",c,!0),document.removeEventListener("animationend",c,!0),pn=!1}},[])}var $e=e=>pe.createElement(We.Dialog.Root,{...e,modal:!0});$e.displayName="Sheet.Root";var Jo=pe.forwardRef(({children:e,...t},o)=>pe.createElement(We.Dialog.Trigger,{...t,ref:o,asChild:!0},dn(e)));Jo.displayName="Sheet.Trigger";var{align:Ya,panelBackground:Zo,material:er,...Yn}=zn,tr={panelBackground:Zo,material:er},{default:Qa,...nr}=Yn.maxWidth,or={...Yn,maxWidth:nr},Ue=pe.forwardRef((e,t)=>{let{side:o="start",forceMount:d,container:i,className:a,panelBackground:p,material:c,...s}=e,f={left:"start",right:"end",start:"start",end:"end",top:"top",bottom:"bottom"}[o],{panelBackground:b,material:R}=st({panelBackground:p,material:c},tr);kt(p);let g=R??b,{className:T,...x}=st(s,or),Y=pe.useRef(null),h=pe.useMemo(()=>z=>{Y.current=z,typeof t=="function"?t(z):t&&(t.current=z)},[t]);return Gn(),pe.useEffect(()=>{if(typeof window>"u")return;let z=Y.current;if(!z)return;let K=z.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(K.length===0)return;let Q=K[0],A=K[K.length-1],te=X=>{X.key==="Tab"&&(X.shiftKey?document.activeElement===Q&&(X.preventDefault(),A.focus()):document.activeElement===A&&(X.preventDefault(),Q.focus()))};return z.addEventListener("keydown",te),Q.focus(),()=>{z.removeEventListener("keydown",te)}},[]),pe.createElement(We.Dialog.Portal,{container:i,forceMount:d},pe.createElement(en,{asChild:!0},pe.createElement(We.Dialog.Overlay,{className:"rt-BaseDialogOverlay rt-DialogOverlay rt-SheetOverlay"},pe.createElement(We.Dialog.Content,{...x,ref:h,className:(0,qn.default)("rt-BaseDialogContent","rt-SheetContent",a,T),"data-side":f,"data-material":g,"data-panel-background":g,tabIndex:-1,role:"dialog","aria-modal":"true"}))))});Ue.displayName="Sheet.Content";var Ke=pe.forwardRef(({size:e="4",weight:t="medium",...o},d)=>pe.createElement(We.Dialog.Title,{asChild:!0},pe.createElement(sn,{ref:d,size:e,weight:t,...o})));Ke.displayName="Sheet.Title";var rr=pe.forwardRef(({size:e="2",color:t="gray",...o},d)=>pe.createElement(We.Dialog.Description,{asChild:!0},pe.createElement(ln,{ref:d,size:e,color:t,...o})));rr.displayName="Sheet.Description";var ar=pe.forwardRef(({children:e,...t},o)=>pe.createElement(We.Dialog.Close,{...t,ref:o,asChild:!0},dn(e)));ar.displayName="Sheet.Close";var cn=require("radix-ui"),Je=cn.VisuallyHidden.Root,Xa=cn.VisuallyHidden.Root;var Te=fe(require("react"));var pt={xs:"(min-width: 520px)",sm:"(min-width: 768px)",md:"(min-width: 1024px)",lg:"(min-width: 1280px)",xl:"(min-width: 1640px)"};var ce=fe(require("react")),Qn=ce.createContext(null);function Ze(){let e=ce.useContext(Qn);if(!e)throw new Error("Shell components must be used within <Shell.Root>");return e}function Xn({value:e,children:t}){return ce.createElement(Qn.Provider,{value:e},t)}var un=ce.createContext(null);function Jn(){let e=ce.useContext(un);if(!e)throw new Error("useLeftMode must be used within Shell.Root");return e}var fn=ce.createContext(null);function Zn(){let e=ce.useContext(fn);if(!e)throw new Error("usePanelMode must be used within Shell.Root");return e}var mn=ce.createContext(null);function vt(){let e=ce.useContext(mn);if(!e)throw new Error("useSidebarMode must be used within Shell.Root");return e}var yn=ce.createContext(null);function $t(){let e=ce.useContext(yn);if(!e)throw new Error("useInspectorMode must be used within Shell.Root");return e}var Pn=ce.createContext(null);function Ut(){let e=ce.useContext(Pn);if(!e)throw new Error("useBottomMode must be used within Shell.Root");return e}var Rn=ce.createContext(null);function Rt(){let e=ce.useContext(Rn);if(!e)throw new Error("usePresentation must be used within Shell.Root");return e}var hn=ce.createContext(null);function et(){let e=ce.useContext(hn);if(!e)throw new Error("usePeek must be used within Shell.Root");return e}var gn=ce.createContext(null);function tt(){let e=ce.useContext(gn);if(!e)throw new Error("useShellActions must be used within Shell.Root");return e}var bn=ce.createContext(null);function eo(){let e=ce.useContext(bn);if(!e)throw new Error("useComposition must be used within Shell.Root");return e}var vn=ce.createContext(null);function Ge(){let e=ce.useContext(vn);if(!e)throw new Error("useInset must be used within Shell.Root");return e}function qe(e){let{currentBreakpoint:t}=Ze();return Te.useMemo(()=>{if(typeof e=="string")return e;if(e[t])return e[t];let d=[...Object.keys(pt)].reverse().concat("initial"),i=d.indexOf(t);for(let a=i+1;a<d.length;a++){let p=d[a];if(e[p])return e[p]}return"fixed"},[e,t])}function to(e){let{currentBreakpoint:t}=Ze();return Te.useMemo(()=>{if(e==null)return;if(typeof e!="object")return e;let o=e;if(o[t]!==void 0)return o[t];let i=[...Object.keys(pt)].reverse().concat("initial"),a=i.indexOf(t);for(let p=a+1;p<i.length;p++){let c=i[p];if(o[c]!==void 0)return o[c]}},[e,t])}function Ye({controlledValue:e,defaultValue:t,currentValue:o,setValue:d,breakpointReady:i,onInit:a,onResponsiveChange:p,controlledIsResponsive:c=!1}){let s=to(e),l=to(t),f=Te.useRef(void 0),b=Te.useRef(null),R=Te.useRef(s),g=Te.useRef(o),T=Te.useRef(d);Te.useLayoutEffect(()=>{R.current=s,g.current=o,T.current=d}),Te.useEffect(()=>{if(s===void 0)return;let h=f.current!==s;if(f.current=s,o===s){b.current&&(clearTimeout(b.current),b.current=null),c&&p?.(s);return}if(h){b.current&&(clearTimeout(b.current),b.current=null),d(s),c&&p?.(s);return}b.current||(b.current=setTimeout(()=>{b.current=null;let z=R.current,K=g.current;z!==void 0&&K!==z&&T.current(z)},0))},[s,o,d,p,c]),Te.useEffect(()=>()=>{b.current&&(clearTimeout(b.current),b.current=null)},[]);let x=Te.useRef(!1);return Te.useEffect(()=>{x.current||i&&(typeof e<"u"||l!==void 0&&(x.current=!0,o!==l&&d(l),a?.(l)))},[i,e,l,o,d,a]),{resolvedControlled:s,resolvedDefault:l}}var Kt=fe(require("react")),Qe=Kt.createContext(null);function no(){let e=Kt.useContext(Qe);if(!e)throw new Error("Shell.Handle must be used within a resizable pane");return e}var De=fe(require("react")),oo=fe(require("classnames"));var Be=De.forwardRef(({className:e,children:t,...o},d)=>{let{containerRef:i,cssVarName:a,minSize:p,maxSize:c,defaultSize:s,orientation:l,edge:f,computeNext:b,onResize:R,onResizeStart:g,onResizeEnd:T,snapPoints:x,snapTolerance:Y,collapseThreshold:h,collapsible:z,target:K,requestCollapse:Q,requestToggle:A}=no(),te=De.useRef(null);De.useEffect(()=>()=>{try{te.current?.()}catch{}te.current=null},[]);let X=l,se=`Resize ${K.charAt(0).toUpperCase()+K.slice(1)} pane`;return De.createElement("div",{...o,ref:d,className:(0,oo.default)("rt-ShellResizer",e),"data-orientation":l,"data-edge":f,role:"slider","aria-label":se,"aria-orientation":X,"aria-valuemin":p,"aria-valuemax":c,"aria-valuenow":s,tabIndex:0,onPointerDown:k=>{if(!i.current)return;k.preventDefault();let j=i.current,W=k.currentTarget,F=k.pointerId;try{te.current?.()}catch{}j.setAttribute("data-resizing","");try{W.setPointerCapture(F)}catch{}let G=l==="vertical"?k.clientX:k.clientY,y=parseFloat(getComputedStyle(j).getPropertyValue(a)||`${s}`),J=O=>Math.min(Math.max(O,p),c),v=document.body,$=v.style.cursor,de=v.style.userSelect;v.style.cursor=l==="vertical"?"col-resize":"row-resize",v.style.userSelect="none",g?.(y);let he=null,B=!1,U=(O,_)=>{if(O.type===_)B=!0;else if(B)return!1;return!0},I=O=>{if(!U(O,"pointermove")||O===he)return;he=O;let _=l==="vertical"?O.clientX:O.clientY,H=J(b(_,G,y));j.style.setProperty(a,`${H}px`),W.setAttribute("aria-valuenow",String(H)),R?.(H)},ie=()=>{try{W.releasePointerCapture(F)}catch{}window.removeEventListener("pointermove",I),document.removeEventListener("pointermove",I),window.removeEventListener("mousemove",I),document.removeEventListener("mousemove",I),W.removeEventListener("pointermove",I),window.removeEventListener("pointerup",oe),document.removeEventListener("pointerup",oe),window.removeEventListener("mouseup",oe),document.removeEventListener("mouseup",oe),window.removeEventListener("pointercancel",oe),document.removeEventListener("pointercancel",oe),window.removeEventListener("keydown",Z),W.removeEventListener("lostpointercapture",oe),j.removeAttribute("data-resizing"),v.style.cursor=$,v.style.userSelect=de,te.current=null},w=!1,oe=()=>{if(w)return;w=!0;let O=parseFloat(getComputedStyle(j).getPropertyValue(a)||`${s}`),_=O;if(x&&x.length){let H=x.reduce((Re,ge)=>Math.abs(ge-O)<Math.abs(Re-O)?ge:Re,x[0]);Math.abs(H-O)<=(Y??8)&&(_=H,j.style.setProperty(a,`${_}px`),W.setAttribute("aria-valuenow",String(_)),R?.(_))}z&&typeof h=="number"&&O<=h&&Q?.(),T?.(_),ie()},Z=O=>{O.key==="Escape"&&(j.style.setProperty(a,`${y}px`),W.setAttribute("aria-valuenow",String(y)),T?.(y),ie())};window.addEventListener("pointermove",I),document.addEventListener("pointermove",I),window.addEventListener("mousemove",I),document.addEventListener("mousemove",I),W.addEventListener("pointermove",I),window.addEventListener("pointerup",oe),document.addEventListener("pointerup",oe),window.addEventListener("mouseup",oe),document.addEventListener("mouseup",oe),window.addEventListener("pointercancel",oe),document.addEventListener("pointercancel",oe),window.addEventListener("keydown",Z),W.addEventListener("lostpointercapture",oe),te.current=ie},onDoubleClick:()=>{z&&A?.()},onKeyDown:k=>{if(!i.current)return;let j=i.current,W=getComputedStyle(j).getPropertyValue(a),F=Number.parseFloat(W.trim()),G=Number.isFinite(F)?F:s,y=$=>Math.min(Math.max($,p),c),J=k.shiftKey?32:8,v=0;if(l==="vertical"){let $=typeof document<"u"?document.dir:void 0,de=getComputedStyle(j).direction,he=!!(j.closest&&j.closest('[dir="rtl"]')),B=$==="rtl"||de==="rtl"||he;k.key==="ArrowRight"?v=B?-J:J:k.key==="ArrowLeft"&&(v=B?J:-J)}else k.key==="ArrowDown"?v=J:k.key==="ArrowUp"&&(v=-J);if(k.key==="Home"){k.preventDefault(),g?.(G);let $=y(p);j.style.setProperty(a,`${$}px`),k.currentTarget.setAttribute("aria-valuenow",String($)),R?.($),T?.($);return}if(k.key==="End"){k.preventDefault(),g?.(G);let $=y(c);j.style.setProperty(a,`${$}px`),k.currentTarget.setAttribute("aria-valuenow",String($)),R?.($),T?.($);return}if(v!==0){k.preventDefault(),g?.(G);let $=l==="vertical"&&f==="start"?-v:v,de=y(G+$);j.style.setProperty(a,`${de}px`),k.currentTarget.setAttribute("aria-valuenow",String(de)),R?.(de),T?.(de)}}},t)});Be.displayName="Shell.Handle";var St=De.forwardRef((e,t)=>De.createElement(Be,{...e,ref:t}));St.displayName="Shell.Panel.Handle";var Ct=De.forwardRef((e,t)=>De.createElement(Be,{...e,ref:t}));Ct.displayName="Shell.Sidebar.Handle";var xt=De.forwardRef((e,t)=>De.createElement(Be,{...e,ref:t}));xt.displayName="Shell.Inspector.Handle";var Mt=De.forwardRef((e,t)=>De.createElement(Be,{...e,ref:t}));Mt.displayName="Shell.Bottom.Handle";function Sn(e,t){let o=new Set(t),d={};return Object.keys(e).forEach(i=>{o.has(i)||(d[i]=e[i])}),d}var ro=["presentation","expandedSize","minSize","maxSize","resizable","collapsible","onExpand","onCollapse","onResize","resizer","onResizeStart","onResizeEnd","snapPoints","snapTolerance","collapseThreshold","paneId","persistence","inset"];function nt(e,t){let o=t?[...ro,...t]:[...ro];return Sn(e,o)}function je(e){if(e!=null){if(typeof e=="object"){let t={};return Object.entries(e).forEach(([o,d])=>{typeof d=="boolean"&&(t[o]=d?"expanded":"collapsed")}),t}return e?"expanded":"collapsed"}}var S=fe(require("react")),ao=fe(require("classnames"));function ot(e,t="horizontal"){if(e==null)return;if(typeof e=="number"&&Number.isFinite(e))return e;let o=String(e).trim();if(!o)return;if(o.endsWith("px"))return Number.parseFloat(o);if(o.endsWith("rem")){let i=Number.parseFloat(getComputedStyle(document.documentElement).fontSize||"16")||16;return Number.parseFloat(o)*i}if(o.endsWith("%")){let i=Number.parseFloat(o),a=t==="horizontal"?document.documentElement.clientWidth||window.innerWidth||0:document.documentElement.clientHeight||window.innerHeight||0;return i/100*a}let d=Number.parseFloat(o);return Number.isFinite(d)?d:void 0}var sr=["className","children","state","defaultState","onStateChange","thinSize","toggleModes","size","defaultSize","onSizeChange","sizeUpdate","sizeUpdateMs","style","inset"],ct=S.forwardRef((e,t)=>{let{className:o,presentation:d={initial:"overlay",md:"fixed"},expandedSize:i=288,minSize:a=200,maxSize:p=400,resizable:c=!1,collapsible:s=!0,onExpand:l,onCollapse:f,onResize:b,onResizeStart:R,onResizeEnd:g,snapPoints:T,snapTolerance:x,collapseThreshold:Y,paneId:h,persistence:z,children:K,style:Q,thinSize:A=64,toggleModes:te,state:X,defaultState:ne,onStateChange:se,size:k,defaultSize:j,onSizeChange:W,sizeUpdate:F,sizeUpdateMs:G=50,inset:y}=e,J=nt(e,sr),{sidebarMode:v,setSidebarMode:$}=vt(),{currentBreakpointReady:de}=Rt(),{peekTarget:he}=et(),{togglePane:B,setSidebarToggleComputer:U}=tt(),{setHasSidebar:I}=eo(),{registerInset:ie,unregisterInset:w}=Ge();S.useLayoutEffect(()=>{if(y)return ie("sidebar"),()=>w("sidebar")},[y,ie,w]);let oe=qe(d),Z=oe==="overlay",O=oe==="stacked",_=S.useRef(null),H=S.useCallback(P=>{_.current=P,typeof t=="function"?t(P):t&&(t.current=P)},[t]),Re=S.Children.toArray(K),ge=Re.filter(P=>S.isValidElement(P)&&P.type===Ct),ze=Re.filter(P=>!(S.isValidElement(P)&&P.type===Ct)),xe=S.useRef(null);S.useEffect(()=>()=>{xe.current&&(clearTimeout(xe.current),xe.current=null)},[W,F,G]);let m=S.useMemo(()=>{let P=W,re=F,le=G??50;if(!P)return()=>{};if(re==="debounce")return(ue,u)=>{xe.current&&clearTimeout(xe.current),xe.current=setTimeout(()=>{P(ue,u),xe.current=null},le)};if(re==="throttle"){let ue=0;return(u,D)=>{let me=Date.now();me-ue>=le&&(ue=me,P(u,D))}}return(ue,u)=>P(ue,u)},[W,F,G]),V=S.useId();S.useEffect(()=>(I(!0),()=>{I(!1)}),[I,V]);let q=S.useRef(null);S.useEffect(()=>{let P=typeof X<"u";if(q.current===null){q.current=P;return}q.current!==P&&(console.warn("Shell.Sidebar: Switching between controlled and uncontrolled `state` is not supported."),q.current=P)},[X]);let ee=S.useRef(se),ve=S.useRef(X);S.useLayoutEffect(()=>{ee.current=se,ve.current=X});let Ae=typeof X=="object"&&X!==null,{resolvedControlled:be,resolvedDefault:Se}=Ye({controlledValue:X,defaultValue:ne,currentValue:v,setValue:$,breakpointReady:de,controlledIsResponsive:Ae,onResponsiveChange:P=>ee.current?.(P,{reason:"responsive"}),onInit:P=>ee.current?.(P,{reason:"init"})}),Me=S.useRef(null),Oe=S.useRef(void 0);S.useEffect(()=>{let P=v,re=Me.current,ue=Oe.current!==be;re!==null&&re!==P&&(!(typeof ve.current<"u")||!ue&&P!==be)&&ee.current?.(P,{reason:"toggle"}),Me.current=P,Oe.current=be},[v,be]);let Le=S.useRef(l),ke=S.useRef(f);S.useLayoutEffect(()=>{Le.current=l,ke.current=f});let Fe=S.useRef(null),Ie=S.useRef(!1);S.useEffect(()=>{let P=v;if(!de){Fe.current=P;return}if(!Ie.current){Ie.current=!0,Fe.current=P;return}let re=Fe.current;re!==null&&re!==P&&(re==="collapsed"&&P!=="collapsed"?Le.current?.():P==="collapsed"&&ke.current?.(),Fe.current=P)},[v,de]);let He=v!=="collapsed",r=S.useMemo(()=>{if(!h||z)return z;let P=`kookie-ui:shell:sidebar:${h}`;return{load:()=>{if(!(typeof window>"u"))try{let le=window.localStorage.getItem(P);return le?Number(le):void 0}catch{return}},save:le=>{if(!(typeof window>"u"))try{window.localStorage.setItem(P,String(le))}catch{}}}},[h,z]);S.useEffect(()=>{let P=!0;return(async()=>{if(!c||!r?.load||Z)return;let re=await r.load();P&&typeof re=="number"&&_.current&&(_.current.style.setProperty("--sidebar-size",`${re}px`),b?.(re))})(),()=>{P=!1}},[c,r,b,Z]);let N=S.useCallback(()=>{let P=Se??(typeof ne=="string"?ne:void 0)??"expanded";return P==="thin"||P==="expanded"?P:"expanded"},[Se,ne]);S.useEffect(()=>{if(!U)return;let P=te??"both";return U(le=>{if(P==="both")return le==="collapsed"?"thin":le==="thin"?"expanded":"collapsed";let ue=N();return le==="collapsed"?ue:le===ue?"collapsed":ue}),()=>{U?.(le=>le==="collapsed"?"thin":le==="thin"?"expanded":"collapsed")}},[U,te,N]);let L=S.useRef(i),C=S.useRef("expanded");S.useEffect(()=>{v!=="collapsed"&&(C.current=v,L.current=v==="thin"?A:i)},[v,A,i]);let ye=c&&!Z&&v==="expanded"?S.createElement(Qe.Provider,{value:{containerRef:_,cssVarName:"--sidebar-size",minSize:a,maxSize:p,defaultSize:i,orientation:"vertical",edge:"end",computeNext:(P,re,le)=>{let ue=getComputedStyle(_.current).direction==="rtl",u=P-re;return le+(ue?-u:u)},onResize:b,onResizeStart:R,onResizeEnd:P=>{g?.(P),m(P,{reason:"resize"}),r?.save?.(P)},target:"sidebar",collapsible:s,snapPoints:T,snapTolerance:x??8,collapseThreshold:Y,requestCollapse:()=>$("collapsed"),requestToggle:()=>B("sidebar")}},ge.length>0?ge.map((P,re)=>S.cloneElement(P,{key:P.key??re})):S.createElement(Be,null)):null,Ve=S.useCallback(P=>ot(P,"horizontal"),[]);S.useEffect(()=>{if(_.current&&typeof k>"u"&&typeof j<"u"){let P=Ve(j);if(typeof P=="number"&&Number.isFinite(P)){let ue=Math.min((typeof p=="number"?p:void 0)??P,Math.max((typeof a=="number"?a:void 0)??P,P));_.current.style.setProperty("--sidebar-size",`${ue}px`),m(ue,{reason:"init"})}}},[]);let Ne=k;S.useEffect(()=>{if(!_.current||typeof Ne>"u")return;let P=Ve(Ne);if(typeof P=="number"&&Number.isFinite(P)){let ue=Math.min((typeof p=="number"?p:void 0)??P,Math.max((typeof a=="number"?a:void 0)??P,P));_.current.style.setProperty("--sidebar-size",`${ue}px`),m(ue,{reason:"controlled"})}},[Ne,a,p,Ve,m]);let Qt=S.useMemo(()=>{if(!(he==="sidebar"&&v==="collapsed"&&!Z))return;let P=te??"both",re=v,le;if(P==="both")le=re==="collapsed"?"thin":re==="thin"?"expanded":"collapsed";else{let ue=N();le=re==="collapsed"?ue:"collapsed"}return le==="thin"?{"--peek-sidebar-width":`${A}px`}:{"--peek-sidebar-width":`var(--sidebar-size, ${i}px)`}},[he,v,Z,te,N,A,i]);if(Z){let P=v!=="collapsed";return S.createElement($e,{open:P,onOpenChange:re=>$(re?"expanded":"collapsed")},S.createElement(Ue,{side:"start",style:{padding:0},"aria-label":"Navigation","aria-describedby":void 0,width:{initial:`${P?v==="thin"?A:i:L.current}px`}},S.createElement(Je,null,S.createElement(Ke,null,"Navigation")),ze))}return S.createElement("div",{...J,ref:H,className:(0,ao.default)("rt-ShellSidebar",o),"data-mode":v,"data-peek":he==="sidebar"||void 0,"data-presentation":de?oe:void 0,"data-open":de&&O&&He||void 0,"data-inset":y||void 0,style:{...Q,"--sidebar-size":`${i}px`,"--sidebar-thin-size":`${A}px`,"--sidebar-min-size":`${a}px`,"--sidebar-max-size":`${p}px`,...Qt}},S.createElement("div",{className:"rt-ShellSidebarContent","data-visible":He||void 0},ze),ye)});ct.displayName="Shell.Sidebar";ct.Handle=Ct;var M=fe(require("react")),so=fe(require("classnames"));var ir=["className","children","defaultOpen","open","onOpenChange","size","defaultSize","onSizeChange","sizeUpdate","sizeUpdateMs","style","inset"],ht=M.forwardRef((e,t)=>{let{className:o,presentation:d="fixed",defaultOpen:i,open:a,onOpenChange:p,expandedSize:c=200,minSize:s=100,maxSize:l=400,resizable:f=!1,collapsible:b=!0,onExpand:R,onCollapse:g,onResize:T,onResizeStart:x,onResizeEnd:Y,snapPoints:h,snapTolerance:z,collapseThreshold:K,paneId:Q,persistence:A,children:te,style:X,size:ne,defaultSize:se,onSizeChange:k,sizeUpdate:j,sizeUpdateMs:W=50,inset:F}=e,G=nt(e,ir),{bottomMode:y,setBottomMode:J}=Ut(),{currentBreakpointReady:v}=Rt(),{peekTarget:$}=et(),{togglePane:de}=tt(),{registerInset:he,unregisterInset:B}=Ge();M.useLayoutEffect(()=>{if(F)return he("bottom"),()=>B("bottom")},[F,he,B]);let U=qe(d),I=U==="overlay",ie=U==="stacked",w=M.useRef(null),oe=M.useCallback(r=>{w.current=r,typeof t=="function"?t(r):t&&(t.current=r)},[t]),Z=M.Children.toArray(te),O=Z.filter(r=>M.isValidElement(r)&&r.type===Mt),_=Z.filter(r=>!(M.isValidElement(r)&&r.type===Mt)),H=M.useRef(p),Re=M.useRef(a);M.useLayoutEffect(()=>{H.current=p,Re.current=a});let ge=M.useMemo(()=>je(a),[a]),ze=M.useMemo(()=>je(i),[i]),xe=typeof a=="object"&&a!==null,{resolvedControlled:m}=Ye({controlledValue:ge,defaultValue:ze,currentValue:y,setValue:J,breakpointReady:v,controlledIsResponsive:xe,onResponsiveChange:r=>H.current?.(r==="expanded",{reason:"responsive"}),onInit:r=>{typeof Re.current>"u"&&H.current?.(r==="expanded",{reason:"init"})}}),V=M.useRef(null);M.useEffect(()=>()=>{V.current&&(clearTimeout(V.current),V.current=null)},[k,j,W]);let q=M.useMemo(()=>{let r=k,N=j,L=W??50;if(!r)return()=>{};if(N==="debounce")return(C,ye)=>{V.current&&clearTimeout(V.current),V.current=setTimeout(()=>{r(C,ye),V.current=null},L)};if(N==="throttle"){let C=0;return(ye,Ve)=>{let Ne=Date.now();Ne-C>=L&&(C=Ne,r(ye,Ve))}}return(C,ye)=>r(C,ye)},[k,j,W]),ee=M.useRef(null);M.useEffect(()=>{let r=typeof a<"u";if(ee.current===null){ee.current=r;return}ee.current!==r&&(console.warn("Shell.Bottom: Switching between controlled and uncontrolled `open` is not supported."),ee.current=r)},[a]);let ve=M.useRef(null),Ae=M.useRef(void 0);M.useEffect(()=>{let r=ve.current,L=Ae.current!==m;if(r!==null&&r!==y){let C=y==="expanded";(!(typeof Re.current<"u")||!L&&C!==(m===void 0?void 0:m==="expanded"))&&H.current?.(C,{reason:"toggle"})}ve.current=y,Ae.current=m},[y,m]);let be=M.useRef(R),Se=M.useRef(g);M.useLayoutEffect(()=>{be.current=R,Se.current=g});let Me=M.useRef(null),Oe=M.useRef(!1);M.useEffect(()=>{let r=y;if(!v){Me.current=r;return}if(!Oe.current){Oe.current=!0,Me.current=r;return}let N=Me.current;N!==null&&N!==r&&(r==="expanded"?be.current?.():r==="collapsed"&&Se.current?.(),Me.current=r)},[y,v]);let Le=y==="expanded",ke=M.useMemo(()=>{if(!Q||A)return A;let r=`kookie-ui:shell:bottom:${Q}`;return{load:()=>{if(!(typeof window>"u"))try{let L=window.localStorage.getItem(r);return L?Number(L):void 0}catch{return}},save:L=>{if(!(typeof window>"u"))try{window.localStorage.setItem(r,String(L))}catch{}}}},[Q,A]);M.useEffect(()=>{let r=!0;if(!f||!ke?.load||I)return;let N=ke.load(),L=C=>{!r||typeof C!="number"||!w.current||(w.current.style.setProperty("--bottom-size",`${C}px`),T?.(C))};return N instanceof Promise?N.then(L).catch(C=>{}):L(N),()=>{r=!1}},[f,ke,T,I]);let Fe=f&&!I&&Le?M.createElement(Qe.Provider,{value:{containerRef:w,cssVarName:"--bottom-size",minSize:s,maxSize:l,defaultSize:c,orientation:"horizontal",edge:"start",computeNext:(r,N,L)=>{let C=r-N;return L-C},onResize:T,onResizeStart:x,onResizeEnd:r=>{Y?.(r),q(r,{reason:"resize"}),ke?.save?.(r)},target:"bottom",collapsible:b,snapPoints:h,snapTolerance:z??8,collapseThreshold:K,requestCollapse:()=>J("collapsed"),requestToggle:()=>de("bottom")}},O.length>0?O.map((r,N)=>M.cloneElement(r,{key:r.key??N})):M.createElement(Be,null)):null,Ie=M.useCallback(r=>ot(r,"vertical"),[]);M.useEffect(()=>{if(w.current&&typeof ne>"u"&&typeof se<"u"){let r=Ie(se);if(typeof r=="number"&&Number.isFinite(r)){let C=Math.min((typeof l=="number"?l:void 0)??r,Math.max((typeof s=="number"?s:void 0)??r,r));w.current.style.setProperty("--bottom-size",`${C}px`),q(C,{reason:"init"})}}},[]);let He=ne;return M.useEffect(()=>{if(!w.current||typeof He>"u")return;let r=Ie(He);if(typeof r=="number"&&Number.isFinite(r)){let C=Math.min((typeof l=="number"?l:void 0)??r,Math.max((typeof s=="number"?s:void 0)??r,r));w.current.style.setProperty("--bottom-size",`${C}px`),q(C,{reason:"controlled"})}},[He,s,l,Ie,q]),I?M.createElement($e,{open:y==="expanded",onOpenChange:N=>J(N?"expanded":"collapsed")},M.createElement(Ue,{side:"bottom",style:{padding:0},"aria-label":"Bottom panel","aria-describedby":void 0,height:{initial:`${c}px`}},M.createElement(Je,null,M.createElement(Ke,null,"Bottom panel")),_)):M.createElement("div",{...G,ref:oe,className:(0,so.default)("rt-ShellBottom",o),"data-mode":y,"data-peek":$==="bottom"||void 0,"data-presentation":v?U:void 0,"data-open":v&&ie&&Le||void 0,"data-inset":F||void 0,style:{...X,"--bottom-size":`${c}px`,"--bottom-min-size":`${s}px`,"--bottom-max-size":`${l}px`}},M.createElement("div",{className:"rt-ShellBottomContent","data-visible":Le||void 0},_),Fe)});ht.displayName="Shell.Bottom";ht.Handle=Mt;var E=fe(require("react")),io=fe(require("classnames"));var lr=["className","children","defaultOpen","open","onOpenChange","size","defaultSize","onSizeChange","sizeUpdate","sizeUpdateMs","style","inset"],gt=E.forwardRef((e,t)=>{let{className:o,presentation:d={initial:"overlay",lg:"fixed"},defaultOpen:i,open:a,onOpenChange:p,expandedSize:c=320,minSize:s=200,maxSize:l=500,resizable:f=!1,collapsible:b=!0,onExpand:R,onCollapse:g,onResize:T,onResizeStart:x,onResizeEnd:Y,snapPoints:h,snapTolerance:z,collapseThreshold:K,paneId:Q,persistence:A,children:te,style:X,onSizeChange:ne,sizeUpdate:se,sizeUpdateMs:k=50,size:j,defaultSize:W,inset:F}=e,G=nt(e,lr),{inspectorMode:y,setInspectorMode:J}=$t(),{currentBreakpointReady:v}=Rt(),{peekTarget:$}=et(),{togglePane:de}=tt(),{registerInset:he,unregisterInset:B}=Ge();E.useLayoutEffect(()=>{if(F)return he("inspector"),()=>B("inspector")},[F,he,B]);let U=qe(d),I=U==="overlay",ie=U==="stacked",w=E.useRef(null),oe=E.useCallback(r=>{w.current=r,typeof t=="function"?t(r):t&&(t.current=r)},[t]),Z=E.Children.toArray(te),O=Z.filter(r=>E.isValidElement(r)&&r.type===xt),_=Z.filter(r=>!(E.isValidElement(r)&&r.type===xt)),H=E.useRef(p),Re=E.useRef(a);E.useLayoutEffect(()=>{H.current=p,Re.current=a});let ge=E.useMemo(()=>je(a),[a]),ze=E.useMemo(()=>je(i),[i]),xe=typeof a=="object"&&a!==null,{resolvedControlled:m}=Ye({controlledValue:ge,defaultValue:ze,currentValue:y,setValue:J,breakpointReady:v,controlledIsResponsive:xe,onResponsiveChange:r=>H.current?.(r==="expanded",{reason:"responsive"}),onInit:r=>{typeof Re.current>"u"&&H.current?.(r==="expanded",{reason:"init"})}}),V=E.useRef(null);E.useEffect(()=>()=>{V.current&&(clearTimeout(V.current),V.current=null)},[ne,se,k]);let q=E.useMemo(()=>{let r=ne,N=se,L=k??50;if(!r)return()=>{};if(N==="debounce")return(C,ye)=>{V.current&&clearTimeout(V.current),V.current=setTimeout(()=>{r(C,ye),V.current=null},L)};if(N==="throttle"){let C=0;return(ye,Ve)=>{let Ne=Date.now();Ne-C>=L&&(C=Ne,r(ye,Ve))}}return(C,ye)=>r(C,ye)},[ne,se,k]),ee=E.useRef(null);E.useEffect(()=>{let r=typeof a<"u";if(ee.current===null){ee.current=r;return}ee.current!==r&&(console.warn("Shell.Inspector: Switching between controlled and uncontrolled `open` is not supported."),ee.current=r)},[a]);let ve=E.useRef(null),Ae=E.useRef(void 0);E.useEffect(()=>{let r=ve.current,L=Ae.current!==m;if(r!==null&&r!==y){let C=y==="expanded";(!(typeof Re.current<"u")||!L&&C!==(m===void 0?void 0:m==="expanded"))&&H.current?.(C,{reason:"toggle"})}ve.current=y,Ae.current=m},[y,m]);let be=E.useRef(R),Se=E.useRef(g);E.useLayoutEffect(()=>{be.current=R,Se.current=g});let Me=E.useRef(null),Oe=E.useRef(!1);E.useEffect(()=>{let r=y;if(!v){Me.current=r;return}if(!Oe.current){Oe.current=!0,Me.current=r;return}let N=Me.current;N!==null&&N!==r&&(r==="expanded"?be.current?.():r==="collapsed"&&Se.current?.(),Me.current=r)},[y,v]);let Le=y==="expanded",ke=E.useMemo(()=>{if(!Q||A)return A;let r=`kookie-ui:shell:inspector:${Q}`;return{load:()=>{if(!(typeof window>"u"))try{let L=window.localStorage.getItem(r);return L?Number(L):void 0}catch{return}},save:L=>{if(!(typeof window>"u"))try{window.localStorage.setItem(r,String(L))}catch{}}}},[Q,A]);E.useEffect(()=>{let r=!0;if(!f||!ke?.load||I)return;let N=ke.load(),L=C=>{!r||typeof C!="number"||!w.current||(w.current.style.setProperty("--inspector-size",`${C}px`),T?.(C))};return N instanceof Promise?N.then(L).catch(C=>{}):L(N),()=>{r=!1}},[f,ke,T,I]);let Fe=f&&!I&&Le?E.createElement(Qe.Provider,{value:{containerRef:w,cssVarName:"--inspector-size",minSize:s,maxSize:l,defaultSize:c,orientation:"vertical",edge:"start",computeNext:(r,N,L)=>{let C=getComputedStyle(w.current).direction==="rtl",ye=r-N;return L+(C?ye:-ye)},onResize:T,onResizeStart:x,onResizeEnd:r=>{Y?.(r),q(r,{reason:"resize"}),ke?.save?.(r)},target:"inspector",collapsible:b,snapPoints:h,snapTolerance:z??8,collapseThreshold:K,requestCollapse:()=>J("collapsed"),requestToggle:()=>de("inspector")}},O.length>0?O.map((r,N)=>E.cloneElement(r,{key:r.key??N})):E.createElement(Be,null)):null,Ie=E.useCallback(r=>ot(r,"horizontal"),[]);E.useEffect(()=>{if(w.current&&typeof j>"u"&&typeof W<"u"){let r=Ie(W);if(typeof r=="number"&&Number.isFinite(r)){let C=Math.min((typeof l=="number"?l:void 0)??r,Math.max((typeof s=="number"?s:void 0)??r,r));w.current.style.setProperty("--inspector-size",`${C}px`),q(C,{reason:"init"})}}},[]);let He=j;return E.useEffect(()=>{if(!w.current||typeof He>"u")return;let r=Ie(He);if(typeof r=="number"&&Number.isFinite(r)){let C=Math.min((typeof l=="number"?l:void 0)??r,Math.max((typeof s=="number"?s:void 0)??r,r));w.current.style.setProperty("--inspector-size",`${C}px`),q(C,{reason:"controlled"})}},[He,s,l,Ie,q]),I?E.createElement($e,{open:y==="expanded",onOpenChange:N=>J(N?"expanded":"collapsed")},E.createElement(Ue,{side:"end",style:{padding:0},"aria-label":"Inspector","aria-describedby":void 0,width:{initial:`${c}px`}},E.createElement(Je,null,E.createElement(Ke,null,"Inspector")),_)):E.createElement("div",{...G,ref:oe,className:(0,io.default)("rt-ShellInspector",o),"data-mode":y,"data-peek":$==="inspector"||void 0,"data-presentation":v?U:void 0,"data-open":v&&ie&&Le||void 0,"data-inset":F||void 0,style:{...X,"--inspector-size":`${c}px`,"--inspector-min-size":`${s}px`,"--inspector-max-size":`${l}px`}},E.createElement("div",{className:"rt-ShellInspectorContent","data-visible":Le||void 0},_),Fe)});gt.displayName="Shell.Inspector";gt.Handle=xt;var Tt=fe(require("react"));var dr=Object.entries(pt),Cn=null,Et=new Set,ut=null;function xn(){return Cn??(Cn=dr.map(([e,t])=>[e,window.matchMedia(t)])),Cn}function Mn(){let e="initial";for(let[t,o]of xn())o.matches&&(e=t);return e}function Gt(){let e=Mn();e!==ut&&(ut=e,Et.forEach(t=>t()))}function lo(e){if(typeof window>"u")return()=>{};if(Et.size===0){ut=Mn();for(let[,t]of xn())typeof t.addEventListener=="function"?t.addEventListener("change",Gt):t.addListener?.(Gt)}return Et.add(e),()=>{if(Et.delete(e),!(Et.size>0)){for(let[,t]of xn())try{typeof t.removeEventListener=="function"?t.removeEventListener("change",Gt):t.removeListener?.(Gt)}catch{}ut=null}}}function pr(){return typeof window>"u"?"initial":(ut??(ut=Mn()),ut)}function cr(){return"initial"}var ur=()=>!0,fr=()=>!1,po=()=>()=>{},mr=()=>"initial";function co(e=!0){let t=Tt.useSyncExternalStore(e?lo:po,e?pr:mr,cr),o=Tt.useSyncExternalStore(e?lo:po,ur,fr);return Tt.useMemo(()=>({breakpoint:t,ready:o}),[t,o])}var yr=Symbol("rtShellSlot");function yt(e,t){return e[yr]=t,e}var we=(e,t)=>n.isValidElement(e)&&(e.type===t||e.type?.displayName===t.displayName);yt(ct,"Shell.Sidebar");yt(gt,"Shell.Inspector");yt(ht,"Shell.Bottom");function Pr(e,t){switch(t.type){case"SET_LEFT_MODE":return t.mode==="collapsed"?e.leftMode==="collapsed"&&e.panelMode==="collapsed"?e:{...e,leftMode:"collapsed",panelMode:"collapsed"}:e.leftMode===t.mode?e:{...e,leftMode:t.mode};case"SET_PANEL_MODE":return t.mode==="expanded"&&e.leftMode!=="expanded"?{...e,leftMode:"expanded",panelMode:"expanded"}:e.panelMode===t.mode?e:{...e,panelMode:t.mode};case"SET_SIDEBAR_MODE":return e.sidebarMode===t.mode?e:{...e,sidebarMode:t.mode};case"SET_INSPECTOR_MODE":return e.inspectorMode===t.mode?e:{...e,inspectorMode:t.mode};case"SET_BOTTOM_MODE":return e.bottomMode===t.mode?e:{...e,bottomMode:t.mode};case"TOGGLE_PANE":switch(t.target){case"left":case"rail":return{...e,leftMode:e.leftMode==="expanded"?"collapsed":"expanded",panelMode:e.leftMode==="expanded"?"collapsed":e.panelMode};case"panel":return e.leftMode==="collapsed"?{...e,leftMode:"expanded",panelMode:"expanded"}:{...e,panelMode:e.panelMode==="expanded"?"collapsed":"expanded"};case"sidebar":{let o=e.sidebarMode==="collapsed"?"expanded":e.sidebarMode==="expanded"?"collapsed":"expanded";return{...e,sidebarMode:o}}case"inspector":return{...e,inspectorMode:e.inspectorMode==="expanded"?"collapsed":"expanded"};case"bottom":return{...e,bottomMode:e.bottomMode==="expanded"?"collapsed":"expanded"};default:return e}case"EXPAND_PANE":switch(t.target){case"left":case"rail":return e.leftMode==="expanded"?e:{...e,leftMode:"expanded"};case"panel":return e.leftMode==="expanded"&&e.panelMode==="expanded"?e:{...e,leftMode:"expanded",panelMode:"expanded"};case"sidebar":return e.sidebarMode==="expanded"?e:{...e,sidebarMode:"expanded"};case"inspector":return e.inspectorMode==="expanded"?e:{...e,inspectorMode:"expanded"};case"bottom":return e.bottomMode==="expanded"?e:{...e,bottomMode:"expanded"};default:return e}case"COLLAPSE_PANE":switch(t.target){case"left":case"rail":return e.leftMode==="collapsed"&&e.panelMode==="collapsed"?e:{...e,leftMode:"collapsed",panelMode:"collapsed"};case"panel":return e.panelMode==="collapsed"?e:{...e,panelMode:"collapsed"};case"sidebar":return e.sidebarMode==="collapsed"?e:{...e,sidebarMode:"collapsed"};case"inspector":return e.inspectorMode==="collapsed"?e:{...e,inspectorMode:"collapsed"};case"bottom":return e.bottomMode==="collapsed"?e:{...e,bottomMode:"collapsed"};default:return e}}return e}function uo(e,t){if(t===void 0)return e.initial??Object.values(e)[0];if(e[t]!==void 0)return e[t];let d=[...Object.keys(pt)].reverse().concat("initial");for(let i=d.indexOf(t)+1;i<d.length;i++)if(e[d[i]]!==void 0)return e[d[i]]}function fo(e,t){let o=n.Children.toArray(e),d=o.some(R=>n.isValidElement(R)&&R.type?.displayName==="Shell.Panel"&&!!R.props?.defaultOpen),i=o.find(R=>n.isValidElement(R)&&R.type?.displayName==="Shell.Rail"),a=i?i.props?.defaultOpen:void 0,p=i?a===void 0?!0:typeof a=="boolean"?a:typeof a=="object"?a.initial??Object.values(a)[0]??!0:!0:!1,c=o.some(R=>n.isValidElement(R)&&R.type?.displayName==="Shell.Inspector"&&!!R.props?.defaultOpen),s=o.some(R=>n.isValidElement(R)&&R.type?.displayName==="Shell.Inspector"&&typeof R.props?.open<"u"&&!!R.props?.open),l=o.some(R=>{if(!n.isValidElement(R)||R.type?.displayName!=="Shell.Panel")return!1;let g=R.props?.open;return typeof g>"u"?!1:typeof g=="boolean"?g:typeof g=="object"&&g!==null?g.initial??Object.values(g)[0]??!1:!1}),f=()=>{let R=o.find(T=>n.isValidElement(T)&&T.type?.displayName==="Shell.Sidebar");if(!R)return"expanded";let g=R.props;if(typeof g?.state<"u"){if(typeof g.state=="string")return g.state;if(typeof g.state=="object")return uo(g.state,t)??"expanded"}if(typeof g?.defaultState<"u"){if(typeof g.defaultState=="string")return g.defaultState;if(typeof g.defaultState=="object")return uo(g.defaultState,t)??"expanded"}return"expanded"},b=()=>{let R=o.find(T=>n.isValidElement(T)&&T.type?.displayName==="Shell.Bottom");if(!R)return"collapsed";let g=R.props;if(typeof g?.open<"u"){if(typeof g.open=="boolean")return g.open?"expanded":"collapsed";if(typeof g.open=="object")return g.open.initial??Object.values(g.open)[0]?"expanded":"collapsed"}return typeof g?.defaultOpen<"u"&&g.defaultOpen?"expanded":"collapsed"};return{hasPanelDefaultOpen:d,leftMode:d||l||p?"expanded":"collapsed",panelMode:d||l?"expanded":"collapsed",sidebarMode:f(),inspectorMode:c||s?"expanded":"collapsed",bottomMode:b()}}var mo=n.forwardRef(({className:e,children:t,height:o="full",...d},i)=>{let{breakpoint:a,ready:p}=co(),c=n.useRef(!1),[s,l]=n.useReducer(Pr,t,u=>{let{hasPanelDefaultOpen:D,...me}=fo(u);return c.current=D,me}),f=n.useCallback(u=>l({type:"SET_LEFT_MODE",mode:u}),[]),b=n.useCallback(u=>l({type:"SET_PANEL_MODE",mode:u}),[]),R=n.useCallback(u=>l({type:"SET_SIDEBAR_MODE",mode:u}),[]),g=n.useCallback(u=>l({type:"SET_INSPECTOR_MODE",mode:u}),[]),T=n.useCallback(u=>l({type:"SET_BOTTOM_MODE",mode:u}),[]),[x,Y]=n.useState(!1),[h,z]=n.useState(!1),K=n.useRef(u=>u==="collapsed"?"thin":u==="thin"?"expanded":"collapsed"),Q=n.useCallback(u=>{K.current=u},[]);n.useLayoutEffect(()=>{h&&x&&console.warn("Shell: Sidebar cannot coexist with Rail or Panel. Use either Rail+Panel OR Sidebar.")},[h,x]);let[A,te]=n.useState(void 0),X=n.useCallback(u=>te(u),[]),ne=n.useRef(64),se=n.useRef(288),k=n.useCallback(u=>{ne.current=u},[]),j=n.useCallback(u=>{se.current=u},[]),W=n.useMemo(()=>n.Children.toArray(t).some(D=>we(D,ft)||we(D,mt)),[t]),F=n.useMemo(()=>n.Children.toArray(t).some(D=>we(D,ct)),[t]),G=n.useRef({left:W,sidebar:F});if(G.current.left!==W||G.current.sidebar!==F){let u=W&&!G.current.left,D=F&&!G.current.sidebar;if(G.current={left:W,sidebar:F},u||D){let{hasPanelDefaultOpen:me,...Ee}=fo(t,a);u&&(c.current=me,Ee.leftMode!==s.leftMode&&l({type:"SET_LEFT_MODE",mode:Ee.leftMode}),Ee.panelMode!==s.panelMode&&l({type:"SET_PANEL_MODE",mode:Ee.panelMode})),D&&Ee.sidebarMode!==s.sidebarMode&&l({type:"SET_SIDEBAR_MODE",mode:Ee.sidebarMode})}}let y=n.useRef(s.sidebarMode);y.current=s.sidebarMode;let J=n.useCallback(u=>{if(u==="sidebar"){let D=K.current(y.current);R(D);return}l({type:"TOGGLE_PANE",target:u})},[R]),v=n.useCallback(u=>{if(u==="sidebar")return R("expanded");l({type:"EXPAND_PANE",target:u})},[R]),$=n.useCallback(u=>{if(u==="sidebar")return R("collapsed");l({type:"COLLAPSE_PANE",target:u})},[R]),de=n.useMemo(()=>({leftMode:s.leftMode,setLeftMode:f,panelMode:s.panelMode,setPanelMode:b,sidebarMode:s.sidebarMode,setSidebarMode:R,inspectorMode:s.inspectorMode,setInspectorMode:g,bottomMode:s.bottomMode,setBottomMode:T,hasLeft:x,setHasLeft:Y,hasSidebar:h,setHasSidebar:z,currentBreakpoint:a,currentBreakpointReady:p,leftResolvedPresentation:A,togglePane:J,expandPane:v,collapsePane:$,setSidebarToggleComputer:Q,onLeftPres:X,onRailDefaults:k,onPanelDefaults:j}),[s.leftMode,f,s.panelMode,b,s.sidebarMode,R,s.inspectorMode,g,s.bottomMode,T,x,h,a,p,A,J,v,$,Q,X,k,j]),{headerEls:he,railEls:B,panelEls:U,sidebarEls:I,contentEls:ie,inspectorEls:w,bottomEls:oe}=n.useMemo(()=>{let u={headerEls:[],railEls:[],panelEls:[],sidebarEls:[],contentEls:[],inspectorEls:[],bottomEls:[]};for(let D of n.Children.toArray(t))we(D,En)?u.headerEls.push(D):we(D,ft)?u.railEls.push(D):we(D,mt)?u.panelEls.push(D):we(D,ct)?u.sidebarEls.push(D):we(D,Yt)?u.contentEls.push(D):we(D,gt)?u.inspectorEls.push(D):we(D,ht)&&u.bottomEls.push(D);return u},[t]),Z=B[0]?.props?.open,O=n.useMemo(()=>{if(typeof Z>"u")return;if(typeof Z=="boolean")return Z;if(typeof Z!="object"||Z===null)return!!Z;let u=Z;if(u[a]!==void 0)return u[a];let D=["xl","lg","md","sm","xs","initial"],me=D.indexOf(a);for(let Ee=me+1;Ee<D.length;Ee++){let bt=D[Ee];if(u[bt]!==void 0)return u[bt]}},[Z,a]),_=U[0]?.props?.open,H=n.useMemo(()=>{if(typeof _>"u")return;if(typeof _=="boolean")return _;if(typeof _!="object"||_===null)return!!_;let u=_;if(u[a]!==void 0)return u[a];let D=["xl","lg","md","sm","xs","initial"],me=D.indexOf(a);for(let Ee=me+1;Ee<D.length;Ee++){let bt=D[Ee];if(u[bt]!==void 0)return u[bt]}},[_,a]),Re=n.useRef(0),ge=n.useRef(0),ze=n.useRef(0),xe=n.useRef(O),m=n.useRef(H);n.useLayoutEffect(()=>{if(O===void 0){xe.current=void 0;return}xe.current!==O&&(xe.current=O,ge.current=++Re.current)},[O]),n.useLayoutEffect(()=>{if(H===void 0){m.current=void 0;return}m.current!==H&&(m.current=H,ze.current=++Re.current)},[H]),n.useLayoutEffect(()=>{typeof O>"u"||f(O?"expanded":"collapsed")},[O,f]);let V=B[0]?.props?.onOpenChange,q=U[0]?.props?.onOpenChange,ee=n.useRef(null);n.useLayoutEffect(()=>{if(O!==!1||H!==!0){ee.current=null;return}let u=ze.current>ge.current,D=u?"open-rail":"close-panel",me=ee.current;me&&me.railSeq===ge.current&&me.panelSeq===ze.current&&me.action===D||(ee.current={railSeq:ge.current,panelSeq:ze.current,action:D},u?V?.(!0,{reason:"panel"}):q?.(!1,{reason:"left"}))},[O,H,V,q]);let ve=O,Ae=n.useMemo(()=>o==="full"?{height:"100vh"}:o==="auto"?{height:"auto"}:typeof o=="string"?{height:o}:typeof o=="number"?{height:`${o}px`}:{},[o]),[be,Se]=n.useState(null),Me=n.useCallback(u=>Se(u),[]),Oe=n.useCallback(()=>Se(null),[]),Le=n.useMemo(()=>({currentBreakpoint:a,currentBreakpointReady:p,leftResolvedPresentation:A}),[a,p,A]),ke=n.useMemo(()=>({leftMode:s.leftMode,setLeftMode:f}),[s.leftMode,f]),Fe=n.useMemo(()=>({panelMode:s.panelMode,setPanelMode:b}),[s.panelMode,b]),Ie=n.useMemo(()=>({sidebarMode:s.sidebarMode,setSidebarMode:R}),[s.sidebarMode,R]),He=n.useMemo(()=>({inspectorMode:s.inspectorMode,setInspectorMode:g}),[s.inspectorMode,g]),r=n.useMemo(()=>({bottomMode:s.bottomMode,setBottomMode:T}),[s.bottomMode,T]),N=n.useMemo(()=>({hasLeft:x,setHasLeft:Y,hasSidebar:h,setHasSidebar:z}),[x,Y,h,z]),[L,C]=n.useState(new Set),ye=n.useCallback(u=>{C(D=>{if(D.has(u))return D;let me=new Set(D);return me.add(u),me})},[]),Ve=n.useCallback(u=>{C(D=>{if(!D.has(u))return D;let me=new Set(D);return me.delete(u),me})},[]),Ne=L.size>0,Qt=n.useMemo(()=>({insetPanes:L,registerInset:ye,unregisterInset:Ve,hasAnyInset:Ne}),[L,ye,Ve,Ne]),P=n.useMemo(()=>({peekTarget:be,setPeekTarget:Se,peekPane:Me,clearPeek:Oe}),[be,Se,Me,Oe]),re=n.useMemo(()=>({togglePane:J,expandPane:v,collapsePane:$,setSidebarToggleComputer:Q}),[J,v,$,Q]),le=n.useMemo(()=>({...de,leftControlledOpen:ve,peekTarget:be,setPeekTarget:Se,peekPane:Me,clearPeek:Oe}),[de,ve,be,Se,Me,Oe]),ue=n.useMemo(()=>{if(!W||F)return null;let u=B[0],D=U[0],me=!!u?.props?.inset||!!D?.props?.inset,Ee=u?{onOpenChange:u.props?.onOpenChange,open:u.props?.open,defaultOpen:u.props?.defaultOpen,presentation:u.props?.presentation,collapsible:u.props?.collapsible,onExpand:u.props?.onExpand,onCollapse:u.props?.onCollapse,inset:me}:{defaultOpen:c.current?!0:void 0,inset:me};return n.createElement(qt,{...Ee},B,U)},[W,F,B,U]);return n.createElement("div",{...d,ref:i,className:(0,rt.default)("rt-ShellRoot",e),style:{...Ae,...d.style}},n.createElement(Xn,{value:le},n.createElement(Rn.Provider,{value:Le},n.createElement(un.Provider,{value:ke},n.createElement(fn.Provider,{value:Fe},n.createElement(mn.Provider,{value:Ie},n.createElement(yn.Provider,{value:He},n.createElement(Pn.Provider,{value:r},n.createElement(bn.Provider,{value:N},n.createElement(hn.Provider,{value:P},n.createElement(gn.Provider,{value:re},n.createElement(vn.Provider,{value:Qt},he,n.createElement("div",{className:"rt-ShellBody","data-peek-target":be??void 0,"data-has-inset":Ne||void 0,style:be==="rail"||be==="panel"?{"--peek-rail-width":`${ne.current}px`}:void 0},ue??I,ie,w),oe))))))))))))});mo.displayName="Shell.Root";var En=n.forwardRef(({className:e,height:t=64,style:o,...d},i)=>n.createElement("header",{...d,ref:i,className:(0,rt.default)("rt-ShellHeader",e),style:{...o,"--shell-header-height":`${t}px`}}));En.displayName="Shell.Header";var Rr=["open","defaultOpen","onOpenChange","mode","defaultMode","onModeChange"],qt=n.forwardRef((e,t)=>{let{className:o,presentation:d={initial:"fixed",sm:"fixed"},collapsible:i=!0,onExpand:a,onCollapse:p,children:c,style:s,inset:l,...f}=e,{registerInset:b,unregisterInset:R}=Ge();n.useEffect(()=>{if(l)return b("left"),()=>R("left")},[l,b,R]);let g=f.open,T=f.defaultOpen,x=f.onOpenChange,Y=Sn(f,Rr),h=Ze(),{setHasLeft:z}=h,K=qe(d),Q=K==="overlay",A=K==="stacked",te=n.useRef(null);n.useEffect(()=>{h.onLeftPres?.(K)},[h,K]);let X=n.useCallback(B=>{te.current=B,typeof t=="function"?t(B):t&&(t.current=B)},[t]);n.useEffect(()=>(z(!0),()=>z(!1)),[z]);let ne=n.useRef(null),se=n.useRef(void 0),k=n.useMemo(()=>{if(!(typeof g>"u"))return g?"expanded":"collapsed"},[g]),j=n.useMemo(()=>je(T),[T]),W=n.useRef(x),F=n.useRef(g);n.useLayoutEffect(()=>{W.current=x,F.current=g});let{resolvedControlled:G}=Ye({controlledValue:k,defaultValue:j,currentValue:h.leftMode,setValue:h.setLeftMode,breakpointReady:h.currentBreakpointReady,onInit:B=>W.current?.(B==="expanded",{reason:"init"})}),y=n.useRef(null);n.useEffect(()=>{let B=ne.current,U=y.current,ie=se.current!==G;if(B!==null&&B!==h.leftMode){let w=typeof F.current<"u",oe=G===void 0?void 0:G==="expanded",Z=h.leftMode==="expanded";if(!w||!ie&&Z!==oe){let O="toggle";U!==null&&U!==h.panelMode&&B==="collapsed"&&h.leftMode==="expanded"&&h.panelMode==="expanded"&&(O="panel"),W.current?.(Z,{reason:O})}}ne.current=h.leftMode,y.current=h.panelMode,se.current=G},[h.leftMode,h.panelMode,G]);let J=n.useRef(a),v=n.useRef(p);n.useLayoutEffect(()=>{J.current=a,v.current=p});let $=n.useRef(null),de=n.useRef(!1);n.useEffect(()=>{let B=h.leftMode;if(!h.currentBreakpointReady){$.current=B;return}if(!de.current){de.current=!0,$.current=B;return}let U=$.current;U!==null&&U!==B&&(B==="expanded"?J.current?.():B==="collapsed"&&v.current?.(),$.current=B)},[h.leftMode,h.currentBreakpointReady]);let he=h.leftMode==="expanded";if(Q){let B=h.leftMode==="expanded",U=n.Children.toArray(c),I=U.find(H=>we(H,ft)),ie=U.find(H=>we(H,mt)),w=typeof I?.props?.expandedSize=="number"?I.props.expandedSize:64,oe=typeof ie?.props?.expandedSize=="number"?ie.props.expandedSize:288,Z=!!I,O=!!ie,_=(Z?w:0)+(h.panelMode==="expanded"&&O?oe:0);return n.createElement($e,{open:B,onOpenChange:H=>h.setLeftMode(H?"expanded":"collapsed")},n.createElement(Ue,{side:"start",style:{padding:0},"aria-label":"Navigation","aria-describedby":void 0,width:{initial:`${_}px`}},n.createElement(Je,null,n.createElement(Ke,null,"Navigation")),n.createElement("div",{className:"rt-ShellLeft"},c)))}if(A){let B=h.leftMode==="expanded",U=n.Children.toArray(c),I=U.find(H=>we(H,ft)),ie=U.find(H=>we(H,mt)),w=typeof I?.props?.expandedSize=="number"?I.props.expandedSize:64,oe=typeof ie?.props?.expandedSize=="number"?ie.props.expandedSize:288,Z=!!I,_=!!ie&&(h.panelMode==="expanded"||h.peekTarget==="panel");return n.createElement("div",{...Y,ref:X,className:(0,rt.default)("rt-ShellLeft",o),"data-mode":h.leftMode,"data-peek":h.peekTarget==="left"||h.peekTarget==="rail"||h.peekTarget==="panel"||void 0,"data-presentation":K,"data-inset":l||void 0,style:{...s},"data-open":B||void 0},c)}return n.createElement("div",{...Y,ref:X,className:(0,rt.default)("rt-ShellLeft",o),"data-mode":h.leftMode,"data-peek":h.peekTarget==="left"||h.peekTarget==="rail"||h.peekTarget==="panel"||void 0,"data-presentation":K,"data-inset":l||void 0,style:{...s}},c)});qt.displayName="Shell.Left";yt(qt,"Shell.Left");var ft=n.forwardRef((e,t)=>{let{className:o,presentation:d,expandedSize:i=64,collapsible:a,onExpand:p,onCollapse:c,children:s,style:l,open:f,defaultOpen:b,onOpenChange:R,inset:g,...T}=e,x=Ze(),Y=n.useRef(null);n.useEffect(()=>{let z=typeof f<"u";if(Y.current===null){Y.current=z;return}Y.current!==z&&(console.warn("Shell.Rail: Switching between controlled and uncontrolled `open` is not supported."),Y.current=z)},[f]),n.useEffect(()=>{x.onRailDefaults?.(i)},[x,i]);let h=x.leftMode==="expanded";return n.createElement("div",{...T,ref:t,className:(0,rt.default)("rt-ShellRail",o),"data-mode":x.leftMode,"data-peek":x.currentBreakpointReady&&x.leftResolvedPresentation!=="overlay"&&x.peekTarget==="rail"||void 0,style:{...l,"--rail-size":`${i}px`}},n.createElement("div",{className:"rt-ShellRailContent","data-visible":x.currentBreakpointReady&&(h||x.leftResolvedPresentation!=="overlay"&&x.peekTarget==="rail")||void 0},s))});ft.displayName="Shell.Rail";yt(ft,"Shell.Rail");var hr=["className","children","defaultOpen","open","onOpenChange","size","defaultSize","onSizeChange","sizeUpdate","sizeUpdateMs","style"],mt=yt(n.forwardRef((e,t)=>{let{className:o,defaultOpen:d,open:i,onOpenChange:a,size:p,defaultSize:c,expandedSize:s=288,minSize:l,maxSize:f,resizable:b,collapsible:R=!0,onExpand:g,onCollapse:T,onResize:x,onResizeStart:Y,onResizeEnd:h,snapPoints:z,snapTolerance:K,collapseThreshold:Q,paneId:A,persistence:te,children:X,style:ne,onSizeChange:se,sizeUpdate:k,sizeUpdateMs:j=50}=e,W=nt(e,hr),F=n.useRef(null);n.useLayoutEffect(()=>()=>{F.current&&(clearTimeout(F.current),F.current=null)},[se,k,j]);let G=n.useMemo(()=>{if(!se)return()=>{};if(k==="debounce")return(V,q)=>{F.current&&clearTimeout(F.current),F.current=setTimeout(()=>{se?.(V,q),F.current=null},j)};if(k==="throttle"){let m=0;return(V,q)=>{let ee=Date.now();ee-m>=j&&(m=ee,se?.(V,q))}}return(m,V)=>se?.(m,V)},[se,k,j]),y=Ze(),J=n.useRef(null),v=n.useRef(null),$=n.useRef(void 0),de=n.useMemo(()=>je(i),[i]),he=n.useMemo(()=>je(d),[d]),B=typeof i=="object"&&i!==null,U=n.useRef(a);n.useLayoutEffect(()=>{U.current=a});let{resolvedControlled:I}=Ye({controlledValue:de,defaultValue:he,currentValue:y.panelMode,setValue:m=>{m==="expanded"&&y.leftMode!=="expanded"&&y.leftControlledOpen!==!1&&y.setLeftMode("expanded"),y.setPanelMode(m)},breakpointReady:y.currentBreakpointReady,controlledIsResponsive:B,onResponsiveChange:m=>U.current?.(m==="expanded",{reason:"responsive"}),onInit:m=>{typeof i>"u"&&U.current?.(m==="expanded",{reason:"init"})}}),ie=n.useRef(null);n.useEffect(()=>{let m=typeof i<"u";if(ie.current===null){ie.current=m;return}ie.current!==m&&(console.warn("Shell.Panel: Switching between controlled and uncontrolled `open` is not supported."),ie.current=m)},[i]),n.useEffect(()=>{y.onPanelDefaults?.(s)},[y,s]);let w=n.useRef(null),oe=n.useCallback(m=>{w.current=m,typeof t=="function"?t(m):t&&(t.current=m)},[t]),Z=n.Children.toArray(X),O=Z.filter(m=>n.isValidElement(m)&&m.type===St),_=Z.filter(m=>!(n.isValidElement(m)&&m.type===St)),H=y.leftResolvedPresentation==="overlay",Re=n.useCallback(m=>ot(m,"horizontal"),[]),ge=n.useMemo(()=>{if(!A||te)return te;let m=`kookie-ui:shell:panel:${A}`;return{load:()=>{if(!(typeof window>"u"))try{let q=window.localStorage.getItem(m);return q?Number(q):void 0}catch{return}},save:q=>{if(!(typeof window>"u"))try{window.localStorage.setItem(m,String(q))}catch{}}}},[A,te]);n.useEffect(()=>{let m=!0;return(async()=>{if(!b||!ge?.load||H)return;let V=await ge.load();m&&typeof V=="number"&&w.current&&(w.current.style.setProperty("--panel-size",`${V}px`),x?.(V))})(),()=>{m=!1}},[b,ge,x,H]),n.useEffect(()=>{w.current&&H&&w.current.style.setProperty("--panel-size",`${s}px`)},[H,s]),n.useEffect(()=>{if(w.current&&typeof p>"u"&&typeof c<"u"){let m=Re(c);if(typeof m=="number"&&Number.isFinite(m)){let ee=Math.min((typeof f=="number"?f:void 0)??m,Math.max((typeof l=="number"?l:void 0)??m,m));w.current.style.setProperty("--panel-size",`${ee}px`),G(ee,{reason:"init"})}}},[]),n.useEffect(()=>{if(!w.current||typeof p>"u")return;let m=Re(p);if(typeof m=="number"&&Number.isFinite(m)){let ee=Math.min((typeof f=="number"?f:void 0)??m,Math.max((typeof l=="number"?l:void 0)??m,m));w.current.style.setProperty("--panel-size",`${ee}px`),G(ee,{reason:"controlled"})}},[p,l,f,Re,G]),n.useEffect(()=>{if(w.current&&y.leftResolvedPresentation!=="overlay"&&y.leftMode==="expanded"&&y.panelMode==="expanded"){let m=w.current.parentElement||null;try{m?.style.removeProperty("width")}catch{}}},[y.leftResolvedPresentation,y.leftMode,y.panelMode]);let ze=y.leftMode==="expanded"&&y.panelMode==="expanded";n.useEffect(()=>{let m=J.current,V=v.current,ee=$.current!==I;if(m!==null&&m!==y.panelMode){let ve=y.panelMode==="expanded";if(!(typeof i<"u")||!ee&&ve!==(I===void 0?void 0:I==="expanded")){let Se="toggle";V!==y.leftMode&&y.leftMode==="collapsed"&&!ve&&(Se="left"),U.current?.(ve,{reason:Se})}}J.current=y.panelMode,v.current=y.leftMode,$.current=I},[y.panelMode,y.leftMode,i,I]);let xe=b&&y.leftResolvedPresentation!=="overlay"&&ze?n.createElement(Qe.Provider,{value:{containerRef:w,cssVarName:"--panel-size",minSize:typeof l=="number"?l:100,maxSize:typeof f=="number"?f:800,defaultSize:s,orientation:"vertical",edge:"end",computeNext:(m,V,q)=>{let ee=getComputedStyle(w.current).direction==="rtl",ve=m-V;return q+(ee?-ve:ve)},onResize:x,onResizeStart:m=>{let q=w.current?.parentElement;try{q?.style.removeProperty("width")}catch{}Y?.(m)},onResizeEnd:m=>{h?.(m),G(m,{reason:"resize"}),ge?.save?.(m)},target:"panel",collapsible:!!R,snapPoints:z,snapTolerance:K??8,collapseThreshold:Q,requestCollapse:()=>y.setPanelMode("collapsed"),requestToggle:()=>y.togglePane("panel")}},O.length>0?O.map((m,V)=>n.cloneElement(m,{key:m.key??V})):n.createElement(Be,null)):null;return n.createElement("div",{...W,ref:oe,className:(0,rt.default)("rt-ShellPanel",o),"data-mode":y.panelMode,"data-visible":y.currentBreakpointReady&&(ze||y.leftResolvedPresentation!=="overlay"&&y.peekTarget==="panel")||void 0,"data-peek":y.currentBreakpointReady&&y.leftResolvedPresentation!=="overlay"&&y.peekTarget==="panel"||void 0,style:{...ne,"--panel-size":`${s}px`}},n.createElement("div",{className:"rt-ShellPanelContent","data-visible":ze||void 0},_),xe)}),"Shell.Panel");mt.displayName="Shell.Panel";mt.Handle=St;var Yt=n.forwardRef(({className:e,inset:t,...o},d)=>{let{registerInset:i,unregisterInset:a}=Ge();return n.useEffect(()=>{if(t)return i("content"),()=>a("content")},[t,i,a]),n.createElement("main",{...o,ref:d,className:(0,rt.default)("rt-ShellContent",e),"data-inset":t||void 0})});Yt.displayName="Shell.Content";yt(Yt,"Shell.Content");var yo=n.forwardRef(({target:e,action:t="toggle",peekOnHover:o,onClick:d,onMouseEnter:i,onMouseLeave:a,children:p,...c},s)=>{let{leftMode:l}=Jn(),{panelMode:f}=Zn(),{sidebarMode:b}=vt(),{inspectorMode:R}=$t(),{bottomMode:g}=Ut(),{peekTarget:T,clearPeek:x,peekPane:Y}=et(),{togglePane:h,expandPane:z,collapsePane:K}=tt(),Q=n.useCallback(ne=>{switch(d?.(ne),T===e&&x(),t){case"toggle":h(e);break;case"expand":z(e);break;case"collapse":K(e);break}},[T,x,h,z,K,e,t,d]),A=(()=>{switch(e){case"left":case"rail":return l==="collapsed";case"panel":return l==="collapsed"||f==="collapsed";case"sidebar":return b==="collapsed";case"inspector":return R==="collapsed";case"bottom":return g==="collapsed"}})(),te=n.useCallback(ne=>{i?.(ne),!(!o||!A)&&Y(e)},[i,o,A,Y,e]),X=n.useCallback(ne=>{a?.(ne),o&&T===e&&x()},[a,o,T,x,e]);return n.createElement("button",{...c,ref:s,onClick:Q,onMouseEnter:te,onMouseLeave:X,"data-shell-trigger":e,"data-shell-action":t,"aria-expanded":!A},p)});yo.displayName="Shell.Trigger";
+"use strict";"use client";var nn=Object.create;var Be=Object.defineProperty;var on=Object.getOwnPropertyDescriptor;var an=Object.getOwnPropertyNames;var rn=Object.getPrototypeOf,sn=Object.prototype.hasOwnProperty;var ln=(e,t)=>{for(var n in t)Be(e,n,{get:t[n],enumerable:!0})},gt=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of an(t))!sn.call(e,a)&&a!==n&&Be(e,a,{get:()=>t[a],enumerable:!(o=on(t,a))||o.enumerable});return e};var Y=(e,t,n)=>(n=e!=null?nn(rn(e)):{},gt(t||!e||!e.__esModule?Be(n,"default",{value:e,enumerable:!0}):n,e)),dn=e=>gt(Be({},"__esModule",{value:!0}),e);var Mn={};ln(Mn,{Bottom:()=>Ge,Content:()=>Zt,Header:()=>Xt,Inspector:()=>Qe,Left:()=>Yt,Panel:()=>pt,Rail:()=>Jt,Root:()=>Qt,Sidebar:()=>Ke,Trigger:()=>en,useResponsivePresentation:()=>jt,useShell:()=>Wt,useSidebarMode:()=>_t});module.exports=dn(Mn);var c=Y(require("react")),Le=Y(require("classnames")),Je=require("radix-ui/internal");var He=Y(require("react")),pe=He.createContext(null);function Rt(){let e=He.useContext(pe);if(!e)throw new Error("Shell.Handle must be used within a resizable pane");return e}var q=Y(require("react")),St=Y(require("classnames"));var ee=q.forwardRef(({className:e,children:t,...n},o)=>{let{containerRef:a,controls:b,cssVarName:h,minSize:x,maxSize:u,defaultSize:R,orientation:P,edge:O,growth:E,onResize:L,onResizeStart:F,onResizeEnd:V,snapPoints:z,snapTolerance:p,collapseThreshold:T,collapsible:M,target:$,requestCollapse:I,requestToggle:A}=Rt(),D=q.useRef(null),G=q.useCallback(i=>{D.current=i,typeof o=="function"?o(i):o&&(o.current=i)},[o]),d=q.useRef(null);q.useEffect(()=>()=>{d.current?.(),d.current=null},[]);let S=q.useCallback(()=>{let i=a.current;if(!i)return R;let y=Number.parseFloat(getComputedStyle(i).getPropertyValue(h));return Number.isFinite(y)?y:R},[a,h,R]),w=q.useCallback(()=>{let i=a.current,y=D.current,C=i?.closest(".rt-ShellRoot")?.getBoundingClientRect();if(!i||!C||!y)return u;let g=i.getBoundingClientRect(),r=y.getBoundingClientRect(),s=E(getComputedStyle(i).direction==="rtl"),l;P==="vertical"?l=s>0?C.right-g.left:g.right-C.left:l=s>0?C.bottom-g.top:g.bottom-C.top;let m=P==="vertical"?r.width:r.height;return!(C.width>0&&C.height>0)||!Number.isFinite(l)?u:Math.max(x,Math.min(u,Math.round(l-m)))},[a,E,u,x,P]),B=()=>{D.current?.setAttribute("aria-valuemax",String(w()))};q.useLayoutEffect(()=>{D.current?.setAttribute("aria-valuenow",String(Math.round(S())))},[S]);let N=(i,y)=>{i.style.setProperty(h,`${y}px`),D.current?.setAttribute("aria-valuenow",String(Math.round(y)))},Q=$.charAt(0).toUpperCase()+$.slice(1);return q.createElement("div",{ref:G,className:(0,St.default)("rt-ShellResizer",e),"data-orientation":P,"data-edge":O,role:"separator",tabIndex:0,"aria-label":`Resize ${Q} pane`,"aria-controls":b,"aria-orientation":P,"aria-valuemin":x,"aria-valuemax":u,...n,onPointerDown:i=>{n.onPointerDown?.(i);let y=a.current;if(!y||i.defaultPrevented||i.button!==0)return;i.preventDefault();let C=i.currentTarget,g=i.pointerId;d.current?.();try{C.setPointerCapture(g)}catch{}let r=getComputedStyle(y),s=Number.parseFloat(r.getPropertyValue(h)),l=Number.isFinite(s)?s:R,m=P==="vertical"?i.clientX:i.clientY,f=E(r.direction==="rtl"),_=w();C.setAttribute("aria-valuemax",String(_));let j=X=>Math.min(Math.max(X,x),_);y.setAttribute("data-resizing",""),C.setAttribute("data-dragging","");let K=document.body,le=K.style.cursor,Se=K.style.userSelect;K.style.cursor=P==="vertical"?"col-resize":"row-resize",K.style.userSelect="none",F?.(l);let v=l,W=l,U=0,de=null,te=()=>{if(U=0,de===null)return;let X=de;de=null,L?.(X)},ft=null,mt=!1,tn=(X,ze)=>{if(X.type===ze)mt=!0;else if(mt)return!1;return!0},ce=X=>{if(!tn(X,"pointermove")||X===ft)return;ft=X;let ze=P==="vertical"?X.clientX:X.clientY;W=l+(ze-m)*f,v=j(W),N(y,v),de=v,U||(U=requestAnimationFrame(te))},Ie=()=>{U&&cancelAnimationFrame(U),U=0;try{C.releasePointerCapture(g)}catch{}window.removeEventListener("pointermove",ce),document.removeEventListener("pointermove",ce),window.removeEventListener("mousemove",ce),document.removeEventListener("mousemove",ce),C.removeEventListener("pointermove",ce),window.removeEventListener("pointerup",Z),document.removeEventListener("pointerup",Z),window.removeEventListener("mouseup",Z),document.removeEventListener("mouseup",Z),window.removeEventListener("pointercancel",Z),document.removeEventListener("pointercancel",Z),window.removeEventListener("keydown",bt),C.removeEventListener("lostpointercapture",Z),y.removeAttribute("data-resizing"),C.removeAttribute("data-dragging"),K.style.cursor=le,K.style.userSelect=Se,d.current=null},Ze=!1,Z=()=>{if(Ze)return;if(Ze=!0,U&&cancelAnimationFrame(U),te(),M&&typeof T=="number"&&W<=T){N(y,l),L?.(l),Ie(),I?.(),V?.(l);return}let X=v;if(z&&z.length){let ze=z.reduce((ht,Pt)=>Math.abs(Pt-v)<Math.abs(ht-v)?Pt:ht,z[0]);Math.abs(ze-v)<=p&&(X=j(ze),N(y,X),L?.(X))}V?.(X),Ie()},bt=X=>{X.key==="Escape"&&(U&&cancelAnimationFrame(U),U=0,de=null,N(y,l),L?.(l),Ze=!0,V?.(l),Ie())};window.addEventListener("pointermove",ce),document.addEventListener("pointermove",ce),window.addEventListener("mousemove",ce),document.addEventListener("mousemove",ce),C.addEventListener("pointermove",ce),window.addEventListener("pointerup",Z),document.addEventListener("pointerup",Z),window.addEventListener("mouseup",Z),document.addEventListener("mouseup",Z),window.addEventListener("pointercancel",Z),document.addEventListener("pointercancel",Z),window.addEventListener("keydown",bt),C.addEventListener("lostpointercapture",Z),d.current=Ie},onDoubleClick:i=>{n.onDoubleClick?.(i),!i.defaultPrevented&&M&&A?.()},onFocus:i=>{n.onFocus?.(i),B()},onKeyDown:i=>{n.onKeyDown?.(i);let y=a.current;if(!y||i.defaultPrevented)return;let C=S(),g=w(),r=l=>Math.min(Math.max(l,x),g),s;if(i.key==="Home")s=r(x);else if(i.key==="End")s=r(g);else{let l=P==="vertical"?i.key==="ArrowRight"?1:i.key==="ArrowLeft"?-1:0:i.key==="ArrowDown"?1:i.key==="ArrowUp"?-1:0;if(l===0)return;let m=i.shiftKey?32:8;s=r(C+l*m*E(getComputedStyle(y).direction==="rtl"))}i.preventDefault(),F?.(C),N(y,s),L?.(s),V?.(s)}},t)});ee.displayName="Shell.Handle";var Oe=q.forwardRef((e,t)=>q.createElement(ee,{...e,ref:t}));Oe.displayName="Shell.Panel.Handle";var Ae=q.forwardRef((e,t)=>q.createElement(ee,{...e,ref:t}));Ae.displayName="Shell.Sidebar.Handle";var De=q.forwardRef((e,t)=>q.createElement(ee,{...e,ref:t}));De.displayName="Shell.Inspector.Handle";var Ue=q.forwardRef((e,t)=>q.createElement(ee,{...e,ref:t}));Ue.displayName="Shell.Bottom.Handle";var ae=Y(require("react")),It=Y(require("classnames")),Bt=require("radix-ui/internal");var H=Y(require("react"));var Ne=Y(require("react"));var vt={xs:"(min-width: 520px)",sm:"(min-width: 768px)",md:"(min-width: 1024px)",lg:"(min-width: 1280px)",xl:"(min-width: 1640px)"},Fe=["initial","xs","sm","md","lg","xl"];var cn=Object.entries(vt),et=null,ke=new Set,ve=null;function tt(){return et??(et=cn.map(([e,t])=>[e,window.matchMedia(t)])),et}function _e(){let e="initial";for(let[t,n]of tt())n.matches&&(e=t);return e}function $e(){let e=_e();e!==ve&&(ve=e,ke.forEach(t=>t()))}function yt(e){if(typeof window>"u")return()=>{};if(ke.size===0){ve=_e();for(let[,t]of tt())typeof t.addEventListener=="function"?t.addEventListener("change",$e):t.addListener?.($e)}return ke.add(e),()=>{if(ke.delete(e),!(ke.size>0)){for(let[,t]of tt())try{typeof t.removeEventListener=="function"?t.removeEventListener("change",$e):t.removeListener?.($e)}catch{}ve=null}}}function un(){return typeof window>"u"?"initial":(ve??(ve=_e()),ve)}function pn(){return"initial"}function ne(){return typeof window>"u"?"initial":_e()}var fn=()=>!0,mn=()=>!1,Et=()=>()=>{},bn=()=>"initial";function Ce(e=!0){let t=Ne.useSyncExternalStore(e?yt:Et,e?un:bn,pn),n=Ne.useSyncExternalStore(e?yt:Et,fn,mn);return Ne.useMemo(()=>({breakpoint:t,ready:n}),[t,n])}var J=Y(require("react"));function zt(e){return typeof e=="object"&&e!==null}function ye(e,t){let n={},o=null;for(let a of Fe){if(e!==void 0&&!zt(e)){n[a]=e;continue}let b=zt(e)?e[a]:void 0;b!==void 0&&(o={value:b}),n[a]=o?o.value:t(a)}return n}function xe(e){let t=e.initial;return Fe.every(n=>e[n]===t)?t:void 0}function nt(e,t){let n=xe(t);if(n!==void 0)return{[`data-${e}`]:n};let o={};for(let a of Fe)o[`data-${e}-${a}`]=t[a];return o}function ot(e){return typeof e=="object"&&e!==null?JSON.stringify(e):String(e)}var at=ye("fixed",()=>"fixed");function Ct(){return{entries:new Map,listeners:new Set,version:0,peek:null}}function We(e){e.version+=1;for(let t of e.listeners)t()}function Ee(e,t){return e.listeners.add(t),()=>{e.listeners.delete(t)}}function Me(e,t){e.peek!==t&&(e.peek=t,We(e))}var rt=J.createContext(null);function he(e){let t=J.useContext(rt);if(!t)throw new Error(`${e} must be used within <Shell.Root>`);return t}function st(e,t){let n=J.useCallback(a=>Ee(e,a),[e]),o=J.useCallback(()=>e.entries.get(t),[e,t]);return J.useSyncExternalStore(n,o,()=>{})}function xt(e,t){let n=J.useCallback(o=>Ee(e,o),[e]);return J.useSyncExternalStore(n,()=>e.peek===t,()=>!1)}var it=J.createContext(null);function ue(e,t){let n=J.useContext(it);if(!n)throw new Error("Shell panes must be used within <Shell.Root>");let{registerInset:o,unregisterInset:a}=n;J.useLayoutEffect(()=>{if(t)return o(e),()=>a(e)},[e,t,o,a])}var lt=e=>typeof e=="object"&&e!==null;function hn(e){for(let t of["initial","xs","sm","md","lg","xl"]){let n=e[t];if(n!==void 0)return n}return"closed"}function fe(e){let{name:t,label:n,propNames:o,presentationTable:a,builtIn:b}=e,h=he(`Shell.${n}`),x=H.useId(),u=e.id??`shell-${t}${x}`,R=e.controlled!==void 0,P=lt(e.controlled);P&&(`${n}${o.controlled}${o.default}`,void 0);let O=P?e.controlled:void 0,E=O??(lt(e.defaultValue)?e.defaultValue:void 0),L=ot(E),[F,V]=H.useState(()=>typeof e.defaultValue=="string"?e.defaultValue:"auto"),z=H.useMemo(()=>O?ye(O,()=>hn(O)):ye(E,f=>b(a[f])),[L,P,a,b]),p=F;R&&(p=O?"auto":e.controlled);let T=xe(a)===void 0||p==="auto"&&xe(z)===void 0,{breakpoint:M,ready:$}=Ce(T),I=f=>{let _=xe(f);return _!==void 0?_:$?f[M]:void 0},A=p==="auto"?I(z):p,D=I(a),G=D==="overlay",d=A===void 0?void 0:A!=="closed",S=d===!0&&G,w=e.defaultValue,B=H.useRef({state:p,value:A,autoTable:z,defaultValue:w,controlled:R,onChange:e.onChange,toggleNext:e.toggleNext});H.useLayoutEffect(()=>{B.current={state:p,value:A,autoTable:z,defaultValue:w,controlled:R,onChange:e.onChange,toggleNext:e.toggleNext}});let N=H.useCallback(()=>{let f=B.current;return f.value!==void 0?f.value:f.state==="auto"?f.autoTable[ne()]:void 0},[]),Q=H.useCallback(()=>{let f=B.current;return typeof f.defaultValue=="string"?f.defaultValue:lt(f.defaultValue)?f.autoTable[ne()]:void 0},[]),i=H.useCallback((f,_)=>{let j=B.current;N()!==f&&(j.onChange?.(f,_),j.controlled||V(f))},[N]),y=H.useCallback(f=>{let _=B.current,j=N()??"closed",K=_.toggleNext?_.toggleNext(j,Q()):j==="closed"?"open":"closed";i(K,f)},[i,N,Q]),C=H.useRef(null),g=H.useCallback(f=>{C.current=f},[]);H.useLayoutEffect(()=>{let f={name:t,id:u,el:C.current,value:A,presentation:D,presentationTable:a,overlayLive:S,size:e.size,setValue:i,toggle:y};return h.entries.set(t,f),We(h),()=>{h.entries.get(t)===f&&(h.entries.delete(t),We(h))}},[h,t,u,A,D,a,S,e.size,i,y]);let r=H.useRef({onExpand:e.onExpand,onCollapse:e.onCollapse});H.useLayoutEffect(()=>{r.current={onExpand:e.onExpand,onCollapse:e.onCollapse}});let s=H.useRef({state:p,shown:d});H.useEffect(()=>{let f=s.current;f.state!==p&&f.shown!==void 0&&d!==void 0&&f.shown!==d&&(d?r.current.onExpand?.():r.current.onCollapse?.()),s.current={state:p,shown:d}},[p,d]),H.useLayoutEffect(()=>{},[]);let l=H.useRef(R);H.useEffect(()=>{},[R,n,o.controlled]);let m=xt(h,t)&&d===!1&&!G;return{store:h,id:u,state:p,value:A,shown:d,presentation:D,overlaying:G,overlayLive:S,peeking:m,ready:$,breakpoint:M,autoTable:z,setValue:i,toggle:y,defaultHereNow:Q,setElement:g}}function me(e,t){let{state:n,value:o,presentation:a,shown:b}=e;return{...t,"data-state":n==="thin"?"open":n,"data-thin":n==="thin"?"":void 0,...n==="auto"?nt("auto",e.autoTable):{},"data-presentation":a,"data-mode":o===void 0?void 0:o==="closed"?"collapsed":o==="thin"?"thin":"expanded","data-open":a==="stacked"&&b?"":void 0,"data-peek":e.peeking?"":void 0}}function be(e,t){let n=ot(e),o=H.useMemo(()=>ye(e,()=>t),[n,t]),a=H.useMemo(()=>xe(o)===void 0?nt("presentation",o):{},[o]);return{table:o,attributes:a}}var k=Y(require("react"));function Mt(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 a=Number.parseFloat(getComputedStyle(document.documentElement).fontSize||"16")||16;return Number.parseFloat(n)*a}if(n.endsWith("%")){let a=Number.parseFloat(n),b=t==="horizontal"?document.documentElement.clientWidth||window.innerWidth||0:document.documentElement.clientHeight||window.innerHeight||0;return a/100*b}let o=Number.parseFloat(n);return Number.isFinite(o)?o:void 0}var dt=(e,t,n)=>Math.max(t??e,Math.min(n??e,e));function Pe(e){let{name:t,elementRef:n,cssVarName:o,orientation:a,minSize:b,maxSize:h,resizable:x,size:u,defaultSize:R,paneId:P,persistence:O}=e,E=k.useRef(e);k.useLayoutEffect(()=>{E.current=e});let L=k.useRef(null),F=k.useRef(0);k.useEffect(()=>()=>{L.current&&clearTimeout(L.current)},[]);let V=k.useCallback((d,S)=>{let{onSizeChange:w,sizeUpdate:B,sizeUpdateMs:N}=E.current;if(w){if(B==="debounce"){L.current&&clearTimeout(L.current),L.current=setTimeout(()=>{L.current=null,E.current.onSizeChange?.(d,S)},N);return}if(B==="throttle"){let Q=Date.now();if(Q-F.current<N)return;F.current=Q}w(d,S)}},[]),z=k.useCallback(d=>Mt(d,a==="vertical"?"horizontal":"vertical"),[a]),p=k.useRef(!1),T=k.useCallback((d,S)=>{let w=n.current;if(w){w.style.setProperty(o,`${d}px`);for(let B of w.querySelectorAll(":scope > .rt-ShellResizer"))B.setAttribute("aria-valuenow",String(Math.round(d)));S&&(p.current=!0)}},[n,o]);k.useLayoutEffect(()=>{p.current||T(e.expandedSize,!1)},[e.expandedSize,T]),k.useLayoutEffect(()=>{if(u!==void 0||R===void 0)return;let d=z(R);if(typeof d!="number"||!Number.isFinite(d))return;let S=dt(d,b,h);T(S,!0),V(S,{reason:"init"})},[]),k.useLayoutEffect(()=>{if(u===void 0||E.current.overlayingNow())return;let d=z(u);if(typeof d!="number"||!Number.isFinite(d))return;let S=dt(d,b,h);T(S,!0),V(S,{reason:"controlled"})},[u,b,h,e.overlaying,z,T,V]);let M=k.useMemo(()=>{if(!P||O)return O;let d=`kookie-ui:shell:${t}:${P}`;return{load:()=>{if(!(typeof window>"u"))try{let S=window.localStorage.getItem(d);return S?Number(S):void 0}catch{return}},save:S=>{if(!(typeof window>"u"))try{window.localStorage.setItem(d,String(S))}catch{}}}},[t,P,O]);k.useLayoutEffect(()=>{if(!x||!M?.load||E.current.overlayingNow())return;let d=!0,S=B=>{if(!d||typeof B!="number"||!Number.isFinite(B))return;let N=dt(B,b,h);T(N,!0),E.current.onResize?.(N)},w=M.load();return w instanceof Promise?w.then(S).catch(B=>{}):S(w),()=>{d=!1}},[x,M,e.overlaying,T,b,h,t]);let $=k.useCallback(d=>E.current.onResize?.(d),[]),I=k.useCallback(d=>{p.current=!0,E.current.onResizeStart?.(d)},[]),A=k.useCallback(d=>{E.current.onResizeEnd?.(d),V(d,{reason:"resize"}),M?.save?.(d)},[V,M]),D=k.useCallback(()=>E.current.requestCollapse(),[]),G=k.useCallback(()=>E.current.requestToggle(),[]);return k.useMemo(()=>({containerRef:n,controls:e.elementId,cssVarName:o,minSize:b,maxSize:h,defaultSize:e.expandedSize,orientation:a,edge:e.edge,growth:e.growth,onResize:$,onResizeStart:I,onResizeEnd:A,target:t,collapsible:e.collapsible,snapPoints:e.snapPoints,snapTolerance:e.snapTolerance??8,collapseThreshold:e.collapseThreshold,requestCollapse:D,requestToggle:G}),[n,e.elementId,o,b,h,e.expandedSize,a,e.edge,e.growth,$,I,A,t,e.collapsible,e.snapPoints,e.snapTolerance,e.collapseThreshold,D,G])}function ge(e,t){let n=k.Children.toArray(e),o=n.filter(b=>k.isValidElement(b)&&b.type===t),a=n.filter(b=>!(k.isValidElement(b)&&b.type===t));return{handles:o,content:a}}function oe(e){if(e===void 0)return;if(typeof e=="boolean")return e?"open":"closed";let t={};for(let[n,o]of Object.entries(e))typeof o=="boolean"&&(t[n]=o?"open":"closed");return t}var qe=e=>e==="overlay"?"closed":"open",we=()=>"closed",je=e=>e?-1:1,Tt=e=>e?1:-1,wt=()=>-1;function Re(e){if(!("height"in e)&&!("resizer"in e))return e;let{height:t,resizer:n,...o}=e;return o}var Lt=e=>e==="collapsed"?"closed":e==="thin"?"thin":"open",Pn=e=>e==="closed"?"collapsed":e==="thin"?"thin":"expanded";function kt(e){if(e===void 0)return;if(typeof e=="string")return Lt(e);let t={};for(let[n,o]of Object.entries(e))o!==void 0&&(t[n]=Lt(o));return t}var gn={controlled:"state",default:"defaultState"},Rn={initial:"overlay",sm:"fixed"},Nt=e=>e==="closed"?"thin":e==="thin"?"open":"closed",Vt=(e,t)=>{let n=t==="thin"?"thin":"open";return e==="closed"?n:e===n?"closed":n},Ke=ae.forwardRef((e,t)=>{let{className:n,presentation:o=Rn,expandedSize:a=288,minSize:b=200,maxSize:h=400,resizable:x=!1,collapsible:u=!0,onExpand:R,onCollapse:P,onResize:O,onResizeStart:E,onResizeEnd:L,snapPoints:F,snapTolerance:V,collapseThreshold:z,paneId:p,persistence:T,children:M,style:$,thinSize:I=64,toggleModes:A="both",state:D,defaultState:G,onStateChange:d,size:S,defaultSize:w,onSizeChange:B,sizeUpdate:N,sizeUpdateMs:Q=50,inset:i,id:y,...C}=e,{table:g,attributes:r}=be(o,"fixed"),s=fe({name:"sidebar",label:"Sidebar",propNames:gn,id:y,controlled:kt(D),defaultValue:kt(G),presentationTable:g,builtIn:qe,onChange:(Se,v)=>d?.(Pn(Se),{reason:v}),toggleNext:A==="single"?Vt:Nt,onExpand:R,onCollapse:P,size:a});ue("sidebar",i),ae.useEffect(()=>{(F!==void 0||z!==void 0||p!==void 0||T!==void 0)&&void 0},[F,z,p,T]);let l=ae.useRef(null),m=(0,Bt.useComposedRefs)(t,s.setElement,l),f=Pe({name:"sidebar",elementId:s.id,elementRef:l,cssVarName:"--sidebar-size",orientation:"vertical",edge:"end",growth:je,expandedSize:a,minSize:b,maxSize:h,resizable:x,collapsible:u,size:S,defaultSize:w,onSizeChange:B,sizeUpdate:N,sizeUpdateMs:Q,onResize:O,onResizeStart:E,onResizeEnd:L,snapPoints:F,snapTolerance:V,collapseThreshold:z,paneId:p,persistence:T,overlaying:s.overlaying,overlayingNow:()=>g[ne()]==="overlay",requestCollapse:()=>s.setValue("closed","toggle"),requestToggle:()=>s.toggle("toggle")}),{handles:_,content:j}=ge(M,Ae),K=x&&s.value!=="closed"&&s.value!=="thin"&&!s.overlaying?ae.createElement(pe.Provider,{value:f},_.length>0?_:ae.createElement(ee,null)):null,le=s.peeking?(A==="single"?Vt:Nt)("closed",s.defaultHereNow())==="thin"?`${I}px`:`var(--sidebar-size, ${a}px)`:void 0;return ae.createElement("div",{...Re(C),id:s.id,ref:m,className:(0,It.default)("rt-ShellPane","rt-ShellSidebar",n),...me(s,r),"data-inset":i||void 0,tabIndex:s.overlaying?-1:C.tabIndex,style:{...$,"--sidebar-expanded-size":`${a}px`,"--sidebar-thin-size":`${I}px`,"--sidebar-min-size":`${b}px`,"--sidebar-max-size":`${h}px`,...le?{"--peek-sidebar-width":le}:{}}},ae.createElement("div",{className:"rt-ShellSidebarContent"},j),K)});Ke.displayName="Shell.Sidebar";Ke.Handle=Ae;var re=Y(require("react")),Ht=Y(require("classnames")),Ot=require("radix-ui/internal");var Sn={controlled:"open",default:"defaultOpen"},Ge=re.forwardRef((e,t)=>{let{className:n,presentation:o="fixed",defaultOpen:a,open:b,onOpenChange:h,expandedSize:x=200,minSize:u=100,maxSize:R=400,resizable:P=!1,collapsible:O=!0,onExpand:E,onCollapse:L,onResize:F,onResizeStart:V,onResizeEnd:z,snapPoints:p,snapTolerance:T,collapseThreshold:M,paneId:$,persistence:I,children:A,style:D,size:G,defaultSize:d,onSizeChange:S,sizeUpdate:w,sizeUpdateMs:B=50,inset:N,id:Q,...i}=e,{table:y,attributes:C}=be(o,"fixed"),g=fe({name:"bottom",label:"Bottom",propNames:Sn,id:Q,controlled:oe(b),defaultValue:oe(a),presentationTable:y,builtIn:we,onChange:(j,K)=>h?.(j!=="closed",{reason:K}),onExpand:E,onCollapse:L,size:x});ue("bottom",N),re.useEffect(()=>{(p!==void 0||M!==void 0||$!==void 0||I!==void 0)&&void 0},[p,M,$,I]);let r=re.useRef(null),s=(0,Ot.useComposedRefs)(t,g.setElement,r),l=Pe({name:"bottom",elementId:g.id,elementRef:r,cssVarName:"--bottom-size",orientation:"horizontal",edge:"start",growth:wt,expandedSize:x,minSize:u,maxSize:R,resizable:P,collapsible:O,size:G,defaultSize:d,onSizeChange:S,sizeUpdate:w,sizeUpdateMs:B,onResize:F,onResizeStart:V,onResizeEnd:z,snapPoints:p,snapTolerance:T,collapseThreshold:M,paneId:$,persistence:I,overlaying:g.overlaying,overlayingNow:()=>y[ne()]==="overlay",requestCollapse:()=>g.setValue("closed","toggle"),requestToggle:()=>g.toggle("toggle")}),{handles:m,content:f}=ge(A,Ue),_=P&&g.shown!==!1&&!g.overlaying?re.createElement(pe.Provider,{value:l},m.length>0?m:re.createElement(ee,null)):null;return re.createElement("div",{...Re(i),id:g.id,ref:s,className:(0,Ht.default)("rt-ShellPane","rt-ShellBottom",n),...me(g,C),"data-inset":N||void 0,tabIndex:g.overlaying?-1:i.tabIndex,style:{...D,"--bottom-expanded-size":`${x}px`,"--bottom-min-size":`${u}px`,"--bottom-max-size":`${R}px`}},re.createElement("div",{className:"rt-ShellBottomContent"},f),_)});Ge.displayName="Shell.Bottom";Ge.Handle=Ue;var se=Y(require("react")),At=Y(require("classnames")),Dt=require("radix-ui/internal");var vn={controlled:"open",default:"defaultOpen"},yn={initial:"overlay",sm:"fixed"},Qe=se.forwardRef((e,t)=>{let{className:n,presentation:o=yn,defaultOpen:a,open:b,onOpenChange:h,expandedSize:x=320,minSize:u=200,maxSize:R=500,resizable:P=!1,collapsible:O=!0,onExpand:E,onCollapse:L,onResize:F,onResizeStart:V,onResizeEnd:z,snapPoints:p,snapTolerance:T,collapseThreshold:M,paneId:$,persistence:I,children:A,style:D,onSizeChange:G,sizeUpdate:d,sizeUpdateMs:S=50,size:w,defaultSize:B,inset:N,id:Q,...i}=e,{table:y,attributes:C}=be(o,"fixed"),g=fe({name:"inspector",label:"Inspector",propNames:vn,id:Q,controlled:oe(b),defaultValue:oe(a),presentationTable:y,builtIn:we,onChange:(j,K)=>h?.(j!=="closed",{reason:K}),onExpand:E,onCollapse:L,size:x});ue("inspector",N),se.useEffect(()=>{(p!==void 0||M!==void 0||$!==void 0||I!==void 0)&&void 0},[p,M,$,I]);let r=se.useRef(null),s=(0,Dt.useComposedRefs)(t,g.setElement,r),l=Pe({name:"inspector",elementId:g.id,elementRef:r,cssVarName:"--inspector-size",orientation:"vertical",edge:"start",growth:Tt,expandedSize:x,minSize:u,maxSize:R,resizable:P,collapsible:O,size:w,defaultSize:B,onSizeChange:G,sizeUpdate:d,sizeUpdateMs:S,onResize:F,onResizeStart:V,onResizeEnd:z,snapPoints:p,snapTolerance:T,collapseThreshold:M,paneId:$,persistence:I,overlaying:g.overlaying,overlayingNow:()=>y[ne()]==="overlay",requestCollapse:()=>g.setValue("closed","toggle"),requestToggle:()=>g.toggle("toggle")}),{handles:m,content:f}=ge(A,De),_=P&&g.shown!==!1&&!g.overlaying?se.createElement(pe.Provider,{value:l},m.length>0?m:se.createElement(ee,null)):null;return se.createElement("div",{...Re(i),id:g.id,ref:s,className:(0,At.default)("rt-ShellPane","rt-ShellInspector",n),...me(g,C),"data-inset":N||void 0,tabIndex:g.overlaying?-1:i.tabIndex,style:{...D,"--inspector-expanded-size":`${x}px`,"--inspector-min-size":`${u}px`,"--inspector-max-size":`${R}px`}},se.createElement("div",{className:"rt-ShellInspectorContent"},f),_)});Qe.displayName="Shell.Inspector";Qe.Handle=De;var ie=Y(require("react"));var Ft=e=>e===void 0?void 0:e==="closed"?"collapsed":e==="thin"?"thin":"expanded",$t=e=>e==="collapsed"?"closed":e==="thin"?"thin":"open",Xe=e=>e===void 0||e==="closed"?"collapsed":"expanded",Ye=e=>e==="left"?"rail":e;function En(e){let t=ie.useCallback(n=>Ee(e,n),[e]);return ie.useSyncExternalStore(t,()=>e.version,()=>0)}function _t(){let e=he("useSidebarMode"),t=ie.useCallback(a=>Ee(e,a),[e]),n=ie.useSyncExternalStore(t,()=>e.entries.get("sidebar")?.value,()=>{}),o=ie.useCallback(a=>{e.entries.get("sidebar")?.setValue($t(a),"toggle")},[e]);return{sidebarMode:Ft(n)??"expanded",setSidebarMode:o}}var Ut=()=>{};function Wt(){let e=he("useShell");ie.useEffect(()=>{},[]),En(e);let{breakpoint:t,ready:n}=Ce(),o=ie.useMemo(()=>{let h=u=>R=>e.entries.get(u)?.setValue(R==="collapsed"?"closed":"open","toggle"),x=u=>Me(e,u===null?null:Ye(u));return{setLeftMode:h("rail"),setPanelMode:h("panel"),setInspectorMode:h("inspector"),setBottomMode:h("bottom"),setSidebarMode:u=>e.entries.get("sidebar")?.setValue($t(u),"toggle"),setPeekTarget:x,peekPane:u=>x(u),clearPeek:()=>x(null),setHasLeft:Ut,setHasSidebar:Ut,togglePane:u=>e.entries.get(Ye(u))?.toggle("toggle"),expandPane:u=>e.entries.get(Ye(u))?.setValue("open","toggle"),collapsePane:u=>e.entries.get(Ye(u))?.setValue("closed","toggle")}},[e]),a=h=>e.entries.get(h)?.value,b=e.entries.get("rail");return{leftMode:Xe(a("rail")),leftControlledOpen:b?.value===void 0?void 0:b.value!=="closed",panelMode:Xe(a("panel")),sidebarMode:Ft(a("sidebar"))??"expanded",inspectorMode:Xe(a("inspector")),bottomMode:Xe(a("bottom")),peekTarget:e.peek,hasLeft:e.entries.has("rail"),hasSidebar:e.entries.has("sidebar"),currentBreakpoint:t,currentBreakpointReady:n,leftResolvedPresentation:b?.presentation,...o}}var qt=Y(require("react"));function jt(e){qt.useEffect(()=>{},[]);let{breakpoint:t}=Ce(typeof e!="string");return ye(e,()=>"fixed")[t]}var ct=0;function Kt(e){ct=Math.max(0,ct+e);let t=document.documentElement;ct>0?t.setAttribute("data-rt-shell-lock",""):t.removeAttribute("data-rt-shell-lock")}var ut="data-rt-shell-inert",zn=30;function Ve(e,t){return t===null||t===e||t===e.body||t===e.documentElement}function Gt(e,t,n){for(let o of e.querySelectorAll("[data-shell-trigger][aria-controls]"))if(!(o.getAttribute("aria-controls")!==t||o.closest("[inert]"))&&!(n&&!n.some(a=>a.contains(o))))return o;return null}var Qt=c.forwardRef(({className:e,children:t,height:n="full",style:o,onKeyDown:a,onFocus:b,...h},x)=>{let[u]=c.useState(Ct),R=c.useCallback(r=>Ee(u,r),[u]);c.useSyncExternalStore(R,()=>u.version,()=>0);let P=c.useRef(null),O=(0,Je.useComposedRefs)(x,P),[E,L]=c.useState(()=>new Set),F=c.useCallback(r=>{L(s=>s.has(r)?s:new Set(s).add(r))},[]),V=c.useCallback(r=>{L(s=>{if(!s.has(r))return s;let l=new Set(s);return l.delete(r),l})},[]),z=c.useMemo(()=>({registerInset:F,unregisterInset:V}),[F,V]),p=c.useCallback(()=>{for(let r of u.entries.values())r.overlayLive&&r.setValue("closed","dismiss")},[u]),T=c.useCallback(()=>[...u.entries.values()].filter(r=>r.overlayLive&&r.el).map(r=>({name:r.name,id:r.id,el:r.el})),[u]),M=[...u.entries.values()].filter(r=>r.overlayLive&&r.el).length,$=n!=="full"&&n!=="auto",I=c.useCallback(()=>{let r=P.current;if(!r)return;let s=T().map(l=>l.el);for(let l of r.children){if(!(l instanceof HTMLElement)||l.classList.contains("rt-ShellScrim"))continue;let m=s.some(f=>l===f||l.contains(f));s.length===0||m?l.hasAttribute(ut)&&(l.removeAttribute(ut),l.inert=!1):l.inert||(l.setAttribute(ut,""),l.inert=!0)}},[T]),A=c.useRef(null),D=c.useRef([]),G=c.useRef(null),d=c.useRef(!1),S=c.useRef(0),w=c.useCallback(()=>{S.current&&cancelAnimationFrame(S.current),S.current=0},[]),B=c.useCallback((r,s)=>{w();let l=0,m=()=>{if(S.current=0,!!r.isConnected){if(s(r.ownerDocument.activeElement)){r.focus({preventScroll:!0});return}l+=1,l<zn&&(S.current=requestAnimationFrame(m))}};S.current=requestAnimationFrame(m)},[w]);c.useEffect(()=>()=>{w(),d.current&&(d.current=!1,Kt(-1))},[w]),c.useEffect(()=>{let r=P.current;if(!r)return;let s=r.ownerDocument,l=T(),m=l.map(v=>v.el),f=!$&&l.length>0;f!==d.current&&(d.current=f,Kt(f?1:-1));let _=D.current;D.current=l;let j=_.filter(v=>{if(m.includes(v.el))return!1;let W=u.entries.get(v.name);return!v.el.isConnected||!W||W.el!==v.el||W.value==="closed"}),K=v=>v!==null&&j.some(W=>W.el.contains(v));if(_.length===0&&l.length>0){let v=s.activeElement,W=v instanceof HTMLElement&&!Ve(s,v)&&!m.some(U=>U.contains(v))?v:null;if(W&&!r.contains(W)){let U=G.current;U&&U.isConnected&&!m.some(de=>de.contains(U))&&(W=U)}A.current=W}if(I(),l.length===0){let v=A.current;if(A.current=null,j.length===0)return;let U=(te=>te!==null&&te.isConnected&&!te.closest("[inert]")&&!K(te))(v)?v:null;for(let te of j)U??(U=Gt(s,te.id));if(!U)return;let de=te=>Ve(s,te)||K(te);de(s.activeElement)?U.focus({preventScroll:!0}):B(U,de);return}if(j.length>0){let v=s.activeElement;if(Ve(s,v)||K(v)){let W=null;for(let U of j)W??(W=Gt(s,U.id,m));(W??m[m.length-1]).focus({preventScroll:!0})}}let le=m.filter(v=>!_.some(W=>W.el===v)),Se=s.activeElement;le.length>0&&!m.some(v=>v.contains(Se))&&(le[0].focus({preventScroll:!0}),B(le[0],v=>Ve(s,v)||v instanceof Element&&v.closest("[inert]")!==null))}),c.useEffect(()=>{let r=P.current;if(!r||M===0||typeof MutationObserver>"u")return;let s=new MutationObserver(I);return s.observe(r,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["inert"]}),()=>s.disconnect()},[M,I]);let N=r=>{a?.(r),!(r.key!=="Escape"||r.defaultPrevented||M===0)&&(p(),r.stopPropagation())};c.useEffect(()=>{let r=P.current;if(!r||M===0)return;let s=r.ownerDocument,l=m=>{m.key!=="Escape"||m.defaultPrevented||!Ve(s,m.target)||p()};return s.addEventListener("keydown",l),()=>s.removeEventListener("keydown",l)},[M,p]);let Q=r=>{b?.(r),r.target instanceof HTMLElement&&P.current?.contains(r.target)&&(G.current=r.target)},i=u.entries.get("rail"),C=i!==void 0&&i.value!==void 0&&i.value!=="closed"?E.has("rail")?`calc(${i.size}px + 2 * var(--shell-inset-gap))`:`${i.size}px`:void 0,g=n==="full"?{}:n==="auto"?{height:"auto"}:typeof n=="number"?{height:`${n}px`}:{height:n};return c.createElement(rt.Provider,{value:u},c.createElement(it.Provider,{value:z},c.createElement("div",{...h,ref:O,className:(0,Le.default)("rt-ShellRoot",e),"data-height":n==="auto"?"auto":void 0,"data-has-inset":E.size>0||void 0,"data-overlay-live":M>0||void 0,onKeyDown:N,onFocus:Q,style:{...g,...C?{"--shell-rail-offset":C}:{},...o}},t,c.createElement("div",{className:"rt-ShellScrim","aria-hidden":!0,onClick:p}))))});Qt.displayName="Shell.Root";var Xt=c.forwardRef(({className:e,height:t=64,style:n,...o},a)=>c.createElement("header",{...o,ref:a,className:(0,Le.default)("rt-ShellHeader",e),style:{...n,"--shell-header-height":`${t}px`}}));Xt.displayName="Shell.Header";var Yt=c.forwardRef(({children:e},t)=>(c.useEffect(()=>{},[]),c.createElement(c.Fragment,null,e)));Yt.displayName="Shell.Left";var Cn={controlled:"open",default:"defaultOpen"},Jt=c.forwardRef((e,t)=>{let{className:n,presentation:o,expandedSize:a=64,collapsible:b,onExpand:h,onCollapse:x,children:u,style:R,open:P,defaultOpen:O,onOpenChange:E,inset:L,id:F,...V}=e,{table:z,attributes:p}=be(o,"fixed"),T=fe({name:"rail",label:"Rail",propNames:Cn,id:F,controlled:oe(P),defaultValue:oe(O),presentationTable:z,builtIn:qe,onChange:($,I)=>E?.($!=="closed",{reason:I}),onExpand:h,onCollapse:x,size:a});ue("rail",L);let M=(0,Je.useComposedRefs)(t,T.setElement);return c.createElement("div",{...V,id:T.id,ref:M,className:(0,Le.default)("rt-ShellPane","rt-ShellRail",n),...me(T,p),"data-inset":L||void 0,tabIndex:T.overlaying?-1:V.tabIndex,style:{...R,"--rail-size":`${a}px`}},c.createElement("div",{className:"rt-ShellRailContent"},u))});Jt.displayName="Shell.Rail";var xn={controlled:"open",default:"defaultOpen"},pt=c.forwardRef((e,t)=>{let{className:n,presentation:o,defaultOpen:a,open:b,onOpenChange:h,size:x,defaultSize:u,expandedSize:R=288,minSize:P=100,maxSize:O=800,resizable:E=!1,collapsible:L=!0,onExpand:F,onCollapse:V,onResize:z,onResizeStart:p,onResizeEnd:T,snapPoints:M,snapTolerance:$,collapseThreshold:I,paneId:A,persistence:D,children:G,style:d,onSizeChange:S,sizeUpdate:w,sizeUpdateMs:B=50,inset:N,id:Q,...i}=e,y=he("Shell.Panel"),C=st(y,"rail"),g=be(o,"fixed"),r=o===void 0,s=r?C?.presentationTable??at:g.table,l=r?{"data-presentation-follows":""}:g.attributes,m=fe({name:"panel",label:"Panel",propNames:xn,id:Q,controlled:oe(b),defaultValue:oe(a),presentationTable:s,builtIn:we,onChange:(v,W)=>h?.(v!=="closed",{reason:W}),onExpand:F,onCollapse:V,size:R});ue("panel",N),c.useEffect(()=>{(M!==void 0||I!==void 0||A!==void 0||D!==void 0)&&void 0},[M,I,A,D]);let f=c.useRef(null),_=(0,Je.useComposedRefs)(t,m.setElement,f),j=Pe({name:"panel",elementId:m.id,elementRef:f,cssVarName:"--panel-size",orientation:"vertical",edge:"end",growth:je,expandedSize:R,minSize:P,maxSize:O,resizable:E,collapsible:L,size:x,defaultSize:u,onSizeChange:S,sizeUpdate:w,sizeUpdateMs:B,onResize:z,onResizeStart:p,onResizeEnd:T,snapPoints:M,snapTolerance:$,collapseThreshold:I,paneId:A,persistence:D,overlaying:m.overlaying,overlayingNow:()=>(r?y.entries.get("rail")?.presentationTable??at:g.table)[ne()]==="overlay",requestCollapse:()=>m.setValue("closed","toggle"),requestToggle:()=>m.toggle("toggle")}),{handles:K,content:le}=ge(G,Oe),Se=E&&m.shown!==!1&&!m.overlaying?c.createElement(pe.Provider,{value:j},K.length>0?K:c.createElement(ee,null)):null;return c.createElement("div",{...Re(i),id:m.id,ref:_,className:(0,Le.default)("rt-ShellPane","rt-ShellPanel",n),...me(m,l),"data-inset":N||void 0,tabIndex:m.overlaying?-1:i.tabIndex,style:{...d,"--panel-expanded-size":`${R}px`}},c.createElement("div",{className:"rt-ShellPanelContent"},le),Se)});pt.displayName="Shell.Panel";pt.Handle=Oe;var Zt=c.forwardRef(({className:e,inset:t,...n},o)=>(ue("content",t),c.createElement("main",{...n,ref:o,className:(0,Le.default)("rt-ShellContent",e),"data-inset":t||void 0})));Zt.displayName="Shell.Content";var en=c.forwardRef(({target:e,action:t="toggle",peekOnHover:n,onClick:o,onMouseEnter:a,onMouseLeave:b,children:h,...x},u)=>{let R=he("Shell.Trigger");c.useEffect(()=>{e==="left"&&void 0,n&&void 0},[e,n]);let P=e==="left"?"rail":e,O=st(R,P),E=O?.value===void 0?void 0:O.value!=="closed",L=z=>{if(o?.(z),z.defaultPrevented)return;let p=R.entries.get(P);p&&(R.peek===P&&Me(R,null),t==="toggle"?p.toggle("toggle"):t==="expand"?p.setValue("open","toggle"):p.setValue("closed","toggle"))},F=z=>{if(a?.(z),!n)return;let p=R.entries.get(P);p&&p.value==="closed"&&p.presentation!=="overlay"&&Me(R,P)},V=z=>{b?.(z),n&&R.peek===P&&Me(R,null)};return c.createElement("button",{type:"button","aria-controls":O?.id,"aria-expanded":E,...x,ref:u,onClick:L,onMouseEnter:F,onMouseLeave:V,"data-shell-trigger":e,"data-shell-action":t},h)});en.displayName="Shell.Trigger";
 //# sourceMappingURL=shell.js.map