@womp/kookie-ui 0.3.22

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/shell.context.tsx"],
+  "sourcesContent": ["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,oBAAAE,EAAA,sBAAAC,EAAA,uBAAAC,EAAA,iBAAAC,EAAA,yBAAAC,EAAA,oBAAAC,EAAA,qBAAAC,EAAA,gBAAAC,EAAA,wBAAAC,EAAA,kBAAAC,EAAA,uBAAAC,EAAA,kBAAAC,EAAA,mBAAAC,EAAA,aAAAC,EAAA,qBAAAC,EAAA,gBAAAC,EAAA,iBAAAC,EAAA,YAAAC,EAAA,oBAAAC,EAAA,aAAAC,EAAA,oBAAAC,EAAA,mBAAAC,IAAA,eAAAC,EAAAxB,GAAA,IAAAyB,EAAuB,oBAiDjBC,EAAqB,gBAAwC,IAAI,EAGhE,SAASL,GAAW,CACzB,IAAMM,EAAY,aAAWD,CAAY,EACzC,GAAI,CAACC,EAAK,MAAM,IAAI,MAAM,mDAAmD,EAC7E,OAAOA,CACT,CAEO,SAAShB,EAAc,CAAE,MAAAiB,EAAO,SAAAC,CAAS,EAA4D,CAC1G,OAAO,gBAACH,EAAa,SAAb,CAAsB,MAAOE,GAAQC,CAAS,CACxD,CAOO,IAAMtB,EAAwB,gBAAgF,IAAI,EAClH,SAASU,GAAc,CAC5B,IAAMU,EAAY,aAAWpB,CAAe,EAC5C,GAAI,CAACoB,EAAK,MAAM,IAAI,MAAM,4CAA4C,EACtE,OAAOA,CACT,CAEO,IAAMnB,EAAyB,gBAAkF,IAAI,EACrH,SAASU,GAAe,CAC7B,IAAMS,EAAY,aAAWnB,CAAgB,EAC7C,GAAI,CAACmB,EAAK,MAAM,IAAI,MAAM,6CAA6C,EACvE,OAAOA,CACT,CAEO,IAAMf,EAA2B,gBAA4F,IAAI,EACjI,SAASW,GAAiB,CAC/B,IAAMI,EAAY,aAAWf,CAAkB,EAC/C,GAAI,CAACe,EAAK,MAAM,IAAI,MAAM,+CAA+C,EACzE,OAAOA,CACT,CAEO,IAAMrB,EAA6B,gBAA0F,IAAI,EACjI,SAASU,GAAmB,CACjC,IAAMW,EAAY,aAAWrB,CAAoB,EACjD,GAAI,CAACqB,EAAK,MAAM,IAAI,MAAM,iDAAiD,EAC3E,OAAOA,CACT,CAEO,IAAMxB,EAA0B,gBAAoF,IAAI,EACxH,SAASU,GAAgB,CAC9B,IAAMc,EAAY,aAAWxB,CAAiB,EAC9C,GAAI,CAACwB,EAAK,MAAM,IAAI,MAAM,8CAA8C,EACxE,OAAOA,CACT,CAGO,IAAMjB,EAA4B,gBAAuI,IAAI,EAC7K,SAASU,GAAkB,CAChC,IAAMO,EAAY,aAAWjB,CAAmB,EAChD,GAAI,CAACiB,EAAK,MAAM,IAAI,MAAM,gDAAgD,EAC1E,OAAOA,CACT,CAGO,IAAMlB,EAAoB,gBAC/B,IACF,EACO,SAASU,GAAU,CACxB,IAAMQ,EAAY,aAAWlB,CAAW,EACxC,GAAI,CAACkB,EAAK,MAAM,IAAI,MAAM,wCAAwC,EAClE,OAAOA,CACT,CAGO,IAAMzB,EAAuB,gBAK1B,IAAI,EACP,SAASoB,GAAkB,CAChC,IAAMK,EAAY,aAAWzB,CAAc,EAC3C,GAAI,CAACyB,EAAK,MAAM,IAAI,MAAM,gDAAgD,EAC1E,OAAOA,CACT,CAGO,IAAMvB,EAA2B,gBAAuI,IAAI,EAC5K,SAASU,GAAiB,CAC/B,IAAMa,EAAY,aAAWvB,CAAkB,EAC/C,GAAI,CAACuB,EAAK,MAAM,IAAI,MAAM,+CAA+C,EACzE,OAAOA,CACT,CAIO,IAAMtB,EAAqB,gBAKxB,IAAI,EACP,SAASU,GAAW,CACzB,IAAMY,EAAY,aAAWtB,CAAY,EACzC,GAAI,CAACsB,EAAK,MAAM,IAAI,MAAM,yCAAyC,EACnE,OAAOA,CACT",
+  "names": ["shell_context_exports", "__export", "ActionsContext", "BottomModeContext", "CompositionContext", "InsetContext", "InspectorModeContext", "LeftModeContext", "PanelModeContext", "PeekContext", "PresentationContext", "ShellProvider", "SidebarModeContext", "useBottomMode", "useComposition", "useInset", "useInspectorMode", "useLeftMode", "usePanelMode", "usePeek", "usePresentation", "useShell", "useShellActions", "useSidebarMode", "__toCommonJS", "React", "ShellContext", "ctx", "value", "children"]
+}

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

@@ -0,0 +1,107 @@
+import * as React from 'react';
+import { useResponsivePresentation } from './shell.hooks.js';
+import { Sidebar } from './_internal/shell-sidebar.js';
+import { Bottom } from './_internal/shell-bottom.js';
+import { Inspector } from './_internal/shell-inspector.js';
+import type { ResponsivePresentation, PaneMode, SidebarMode, Breakpoint, PaneTarget, PaneBaseProps } from './shell.types.js';
+import { useShell, useSidebarMode } from './shell.context.js';
+declare const Root: PanelComponent;
+interface ShellHeaderProps extends React.ComponentPropsWithoutRef<'header'> {
+    height?: number;
+}
+declare const Header: React.ForwardRefExoticComponent<ShellHeaderProps & React.RefAttributes<HTMLElement>>;
+type PaneProps = PaneBaseProps;
+interface LeftProps extends React.ComponentPropsWithoutRef<'div'> {
+    presentation?: ResponsivePresentation;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean, meta: {
+        reason: 'init' | 'toggle' | 'panel' | 'responsive';
+    }) => void;
+    collapsible?: boolean;
+    onExpand?: () => void;
+    onCollapse?: () => void;
+    mode?: never;
+    defaultMode?: never;
+    onModeChange?: never;
+    /** When true, adds margin and triggers gray backdrop on Shell. */
+    inset?: boolean;
+}
+type LeftOpenChangeMeta = {
+    reason: 'init' | 'toggle' | 'responsive' | 'panel';
+};
+type RailControlledProps = {
+    open: boolean | Partial<Record<Breakpoint, boolean>>;
+    onOpenChange?: (open: boolean, meta: LeftOpenChangeMeta) => void;
+    defaultOpen?: never;
+};
+type RailUncontrolledProps = {
+    defaultOpen?: boolean | Partial<Record<Breakpoint, boolean>>;
+    onOpenChange?: (open: boolean, meta: LeftOpenChangeMeta) => void;
+    open?: never;
+};
+type RailProps = React.ComponentPropsWithoutRef<'div'> & {
+    presentation?: ResponsivePresentation;
+    expandedSize?: number;
+    collapsible?: boolean;
+    onExpand?: () => void;
+    onCollapse?: () => void;
+    /** When true, adds margin to Rail+Panel and triggers gray backdrop on Shell. */
+    inset?: boolean;
+} & (RailControlledProps | RailUncontrolledProps);
+declare const Left: React.ForwardRefExoticComponent<LeftProps & React.RefAttributes<HTMLDivElement>>;
+declare const Rail: React.ForwardRefExoticComponent<RailProps & React.RefAttributes<HTMLDivElement>>;
+type HandleComponent = React.ForwardRefExoticComponent<React.ComponentPropsWithoutRef<'div'> & React.RefAttributes<HTMLDivElement>>;
+type PanelOpenChangeMeta = {
+    reason: 'toggle' | 'left' | 'init' | 'responsive';
+};
+type PanelControlledProps = {
+    open: boolean | Partial<Record<Breakpoint, boolean>>;
+    onOpenChange?: (open: boolean, meta: PanelOpenChangeMeta) => void;
+    defaultOpen?: never;
+};
+type PanelUncontrolledProps = {
+    defaultOpen?: boolean | Partial<Record<Breakpoint, boolean>>;
+    onOpenChange?: (open: boolean, meta: PanelOpenChangeMeta) => void;
+    open?: never;
+};
+type PanelSizeControlledProps = {
+    size: number | string;
+    defaultSize?: never;
+};
+type PanelSizeUncontrolledProps = {
+    defaultSize?: number | string;
+    size?: never;
+};
+type PanelSizeChangeMeta = {
+    reason: 'init' | 'resize' | 'controlled';
+};
+type PanelPublicProps = Omit<PaneProps, 'presentation' | 'defaultMode'> & (PanelControlledProps | PanelUncontrolledProps) & (PanelSizeControlledProps | PanelSizeUncontrolledProps) & {
+    onSizeChange?: (size: number, meta: PanelSizeChangeMeta) => void;
+    sizeUpdate?: 'throttle' | 'debounce';
+    sizeUpdateMs?: number;
+    /** When true, adds margin to Rail+Panel and triggers gray backdrop on Shell. */
+    inset?: boolean;
+};
+type PanelComponent = React.ForwardRefExoticComponent<PanelPublicProps & React.RefAttributes<HTMLDivElement>> & {
+    Handle: HandleComponent;
+};
+declare const Panel: PanelComponent;
+interface ShellContentProps extends React.ComponentPropsWithoutRef<'main'> {
+    /** When true, adds margin and triggers gray backdrop on Shell. */
+    inset?: boolean;
+}
+declare const Content: React.ForwardRefExoticComponent<ShellContentProps & React.RefAttributes<HTMLElement>>;
+type TriggerAction = 'toggle' | 'expand' | 'collapse';
+interface TriggerProps extends React.ComponentPropsWithoutRef<'button'> {
+    target: PaneTarget;
+    action?: TriggerAction;
+    /**
+     * Whether to show peek preview on hover when the target pane is collapsed.
+     * Defaults to false.
+     */
+    peekOnHover?: boolean;
+}
+declare const Trigger: React.ForwardRefExoticComponent<TriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export { Root, Header, Left, Rail, Panel, Sidebar, Content, Inspector, Bottom, Trigger, useShell, useSidebarMode, useResponsivePresentation, type PaneMode, type SidebarMode, type ResponsivePresentation, type PaneTarget, type TriggerAction, };
+//# sourceMappingURL=shell.d.ts.map

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

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

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

@@ -0,0 +1,26 @@
+import type { Breakpoint, PresentationValue, ResponsivePresentation } from './shell.types.js';
+declare function useResponsivePresentation(presentation: ResponsivePresentation): PresentationValue;
+/**
+ * Resolve a responsive value (T or responsive map keyed by breakpoints) against the current Shell breakpoint.
+ * If no value is defined for the current breakpoint, search smaller breakpoints down to 'initial'.
+ * Returns undefined when passed a responsive map with no matching key across the chain.
+ */
+declare function useResponsiveValue<T>(value: T | Partial<Record<Breakpoint, T>> | undefined): T | undefined;
+type ResponsiveStateValue<T> = T | Partial<Record<Breakpoint, T>>;
+interface UseResponsiveInitialStateOptions<T> {
+    controlledValue?: ResponsiveStateValue<T>;
+    defaultValue?: ResponsiveStateValue<T>;
+    currentValue: T;
+    setValue: (value: T) => void;
+    breakpointReady: boolean;
+    onInit?: (value: T) => void;
+    onResponsiveChange?: (value: T) => void;
+    controlledIsResponsive?: boolean;
+}
+interface UseResponsiveInitialStateResult<T> {
+    resolvedControlled?: T;
+    resolvedDefault?: T;
+}
+declare function useResponsiveInitialState<T>({ controlledValue, defaultValue, currentValue, setValue, breakpointReady, onInit, onResponsiveChange, controlledIsResponsive, }: UseResponsiveInitialStateOptions<T>): UseResponsiveInitialStateResult<T>;
+export { useResponsivePresentation, useResponsiveValue, useResponsiveInitialState };
+//# sourceMappingURL=shell.hooks.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shell.hooks.d.ts","sourceRoot":"","sources":["../../../src/components/shell.hooks.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAI9F,iBAAS,yBAAyB,CAAC,YAAY,EAAE,sBAAsB,GAAG,iBAAiB,CAyB1F;AAED;;;;GAIG;AACH,iBAAS,kBAAkB,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,CAAC,GAAG,SAAS,CA4BnG;AAED,KAAK,oBAAoB,CAAC,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;AAElE,UAAU,gCAAgC,CAAC,CAAC;IAC1C,eAAe,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;IAC1C,YAAY,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;IACvC,YAAY,EAAE,CAAC,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,eAAe,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IACxC,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,UAAU,+BAA+B,CAAC,CAAC;IACzC,kBAAkB,CAAC,EAAE,CAAC,CAAC;IACvB,eAAe,CAAC,EAAE,CAAC,CAAC;CACrB;AAED,iBAAS,yBAAyB,CAAC,CAAC,EAAE,EACpC,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,eAAe,EACf,MAAM,EACN,kBAAkB,EAClB,sBAA8B,GAC/B,EAAE,gCAAgC,CAAC,CAAC,CAAC,GAAG,+BAA+B,CAAC,CAAC,CAAC,CAiF1E;AAED,OAAO,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,CAAC"}

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

@@ -0,0 +1,2 @@
+"use strict";var k=Object.create;var f=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var I=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var z=(e,t)=>{for(var o in t)f(e,o,{get:t[o],enumerable:!0})},T=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of B(t))!E.call(e,i)&&i!==o&&f(e,i,{get:()=>t[i],enumerable:!(a=w(t,i))||a.enumerable});return e};var C=(e,t,o)=>(o=e!=null?k(I(e)):{},T(t||!e||!e.__esModule?f(o,"default",{value:e,enumerable:!0}):o,e)),L=e=>T(f({},"__esModule",{value:!0}),e);var K={};z(K,{useResponsiveInitialState:()=>A,useResponsivePresentation:()=>V,useResponsiveValue:()=>m});module.exports=L(K);var n=C(require("react"));var P={xs:"(min-width: 520px)",sm:"(min-width: 768px)",md:"(min-width: 1024px)",lg:"(min-width: 1280px)",xl:"(min-width: 1640px)"};var r=C(require("react")),O=r.createContext(null);function R(){let e=r.useContext(O);if(!e)throw new Error("Shell components must be used within <Shell.Root>");return e}var _=r.createContext(null);var H=r.createContext(null);var U=r.createContext(null);var W=r.createContext(null);var $=r.createContext(null);var q=r.createContext(null);var F=r.createContext(null);var G=r.createContext(null);var J=r.createContext(null);var Q=r.createContext(null);function V(e){let{currentBreakpoint:t}=R();return n.useMemo(()=>{if(typeof e=="string")return e;if(e[t])return e[t];let a=[...Object.keys(P)].reverse().concat("initial"),i=a.indexOf(t);for(let u=i+1;u<a.length;u++){let l=a[u];if(e[l])return e[l]}return"fixed"},[e,t])}function m(e){let{currentBreakpoint:t}=R();return n.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(P)].reverse().concat("initial"),u=i.indexOf(t);for(let l=u+1;l<i.length;l++){let c=i[l];if(o[c]!==void 0)return o[c]}},[e,t])}function A({controlledValue:e,defaultValue:t,currentValue:o,setValue:a,breakpointReady:i,onInit:u,onResponsiveChange:l,controlledIsResponsive:c=!1}){let d=m(e),p=m(t),b=n.useRef(void 0),s=n.useRef(null),S=n.useRef(d),M=n.useRef(o),v=n.useRef(a);n.useLayoutEffect(()=>{S.current=d,M.current=o,v.current=a}),n.useEffect(()=>{if(d===void 0)return;let y=b.current!==d;if(b.current=d,o===d){s.current&&(clearTimeout(s.current),s.current=null),c&&l?.(d);return}if(y){s.current&&(clearTimeout(s.current),s.current=null),a(d),c&&l?.(d);return}s.current||(s.current=setTimeout(()=>{s.current=null;let x=S.current,g=M.current;x!==void 0&&g!==x&&v.current(x)},0))},[d,o,a,l,c]),n.useEffect(()=>()=>{s.current&&(clearTimeout(s.current),s.current=null)},[]);let h=n.useRef(!1);return n.useEffect(()=>{h.current||i&&(typeof e<"u"||p!==void 0&&(h.current=!0,o!==p&&a(p),u?.(p)))},[i,e,p,o,a,u]),{resolvedControlled:d,resolvedDefault:p}}
+//# sourceMappingURL=shell.hooks.js.map

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

@@ -0,0 +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": "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",
+  "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"]
+}

package/dist/cjs/components/shell.js

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