@womp/kookie-ui 0.6.2 → 0.8.0

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

@@ -1,9 +1,16 @@
-import * as React from 'react';
-import type { Breakpoint, PresentationValue, SidebarMode, PaneMode, PaneTarget } from './shell.types.js';
+import type { Breakpoint, PaneMode, PaneTarget, PresentationValue, SidebarMode } from './shell.types.js';
+/**
+ * The Sidebar's mode, and a setter. The setter is a user action: it reports
+ * through the Sidebar's `onStateChange` the way a Trigger does.
+ */
+export declare function useSidebarMode(): {
+    sidebarMode: SidebarMode;
+    setSidebarMode: (mode: SidebarMode) => void;
+};
 export interface ShellContextValue {
     leftMode: PaneMode;
     setLeftMode: (mode: PaneMode) => void;
-    /** When Rail is controlled, this reflects the resolved open state for the current breakpoint. */
+    /** The Rail's open state, resolved, when it is controlled. */
     leftControlledOpen?: boolean;
     panelMode: PaneMode;
     setPanelMode: (mode: PaneMode) => void;
@@ -17,127 +24,31 @@ export interface ShellContextValue {
     setPeekTarget: (target: PaneTarget | null) => void;
     peekPane: (target: PaneTarget) => void;
     clearPeek: () => void;
+    /** Whether a Rail is mounted. */
     hasLeft: boolean;
+    /** No effect since 0.8.0: the registry knows which panes are mounted. */
     setHasLeft: (has: boolean) => void;
+    /** Whether a Sidebar is mounted. */
     hasSidebar: boolean;
+    /** No effect since 0.8.0: the registry knows which panes are mounted. */
     setHasSidebar: (has: boolean) => void;
     currentBreakpoint: Breakpoint;
     currentBreakpointReady: boolean;
+    /** The Rail's presentation at the current breakpoint, when known. */
     leftResolvedPresentation?: PresentationValue;
     togglePane: (target: PaneTarget) => void;
     expandPane: (target: PaneTarget) => void;
     collapsePane: (target: PaneTarget) => void;
-    setSidebarToggleComputer?: (fn: (current: SidebarMode) => SidebarMode) => void;
-    onLeftPres?: (p: PresentationValue) => void;
-    onLeftDefaults?: (size: number) => void;
-    onRailDefaults?: (size: number) => void;
-    onPanelDefaults?: (size: number) => void;
 }
-/** @internal Shell root context. Prefer slice hooks (useSidebarMode, useShellActions, etc.). */
+/**
+ * @deprecated The whole-shell reader re-renders its consumer on every change
+ * to any pane. Use `Shell.Trigger` to drive a pane, `Shell.useSidebarMode`
+ * for the Sidebar, and each pane's `open`/`onOpenChange` for its state.
+ * Removed in 1.0.
+ *
+ * Keeps 0.7's shape. The setters act as a user would: they report through
+ * the pane's own callback with `reason: 'toggle'`, and a controlled pane
+ * changes only when the app passes the new value.
+ */
 export declare function useShell(): ShellContextValue;
-export declare function ShellProvider({ value, children }: {
-    value: ShellContextValue;
-    children: React.ReactNode;
-}): React.JSX.Element;
-type ModeSetter<T> = (mode: T) => void;
-export declare const LeftModeContext: React.Context<{
-    leftMode: PaneMode;
-    setLeftMode: ModeSetter<PaneMode>;
-} | null>;
-export declare function useLeftMode(): {
-    leftMode: PaneMode;
-    setLeftMode: ModeSetter<PaneMode>;
-};
-export declare const PanelModeContext: React.Context<{
-    panelMode: PaneMode;
-    setPanelMode: ModeSetter<PaneMode>;
-} | null>;
-export declare function usePanelMode(): {
-    panelMode: PaneMode;
-    setPanelMode: ModeSetter<PaneMode>;
-};
-export declare const SidebarModeContext: React.Context<{
-    sidebarMode: SidebarMode;
-    setSidebarMode: ModeSetter<SidebarMode>;
-} | null>;
-export declare function useSidebarMode(): {
-    sidebarMode: SidebarMode;
-    setSidebarMode: ModeSetter<SidebarMode>;
-};
-export declare const InspectorModeContext: React.Context<{
-    inspectorMode: PaneMode;
-    setInspectorMode: ModeSetter<PaneMode>;
-} | null>;
-export declare function useInspectorMode(): {
-    inspectorMode: PaneMode;
-    setInspectorMode: ModeSetter<PaneMode>;
-};
-export declare const BottomModeContext: React.Context<{
-    bottomMode: PaneMode;
-    setBottomMode: ModeSetter<PaneMode>;
-} | null>;
-export declare function useBottomMode(): {
-    bottomMode: PaneMode;
-    setBottomMode: ModeSetter<PaneMode>;
-};
-export declare const PresentationContext: React.Context<{
-    currentBreakpoint: Breakpoint;
-    currentBreakpointReady: boolean;
-    leftResolvedPresentation?: PresentationValue;
-} | null>;
-export declare function usePresentation(): {
-    currentBreakpoint: Breakpoint;
-    currentBreakpointReady: boolean;
-    leftResolvedPresentation?: PresentationValue;
-};
-export declare const PeekContext: React.Context<{
-    peekTarget: PaneTarget | null;
-    setPeekTarget: (t: PaneTarget | null) => void;
-    peekPane: (t: PaneTarget) => void;
-    clearPeek: () => void;
-} | null>;
-export declare function usePeek(): {
-    peekTarget: PaneTarget | null;
-    setPeekTarget: (t: PaneTarget | null) => void;
-    peekPane: (t: PaneTarget) => void;
-    clearPeek: () => void;
-};
-export declare const ActionsContext: React.Context<{
-    togglePane: (t: PaneTarget) => void;
-    expandPane: (t: PaneTarget) => void;
-    collapsePane: (t: PaneTarget) => void;
-    setSidebarToggleComputer?: (fn: (current: SidebarMode) => SidebarMode) => void;
-} | null>;
-export declare function useShellActions(): {
-    togglePane: (t: PaneTarget) => void;
-    expandPane: (t: PaneTarget) => void;
-    collapsePane: (t: PaneTarget) => void;
-    setSidebarToggleComputer?: (fn: (current: SidebarMode) => SidebarMode) => void;
-};
-export declare const CompositionContext: React.Context<{
-    hasLeft: boolean;
-    setHasLeft: (v: boolean) => void;
-    hasSidebar: boolean;
-    setHasSidebar: (v: boolean) => void;
-} | null>;
-export declare function useComposition(): {
-    hasLeft: boolean;
-    setHasLeft: (v: boolean) => void;
-    hasSidebar: boolean;
-    setHasSidebar: (v: boolean) => void;
-};
-export type InsetPaneId = 'left' | 'sidebar' | 'content' | 'inspector' | 'bottom';
-export declare const InsetContext: React.Context<{
-    insetPanes: Set<InsetPaneId>;
-    registerInset: (id: InsetPaneId) => void;
-    unregisterInset: (id: InsetPaneId) => void;
-    hasAnyInset: boolean;
-} | null>;
-export declare function useInset(): {
-    insetPanes: Set<InsetPaneId>;
-    registerInset: (id: InsetPaneId) => void;
-    unregisterInset: (id: InsetPaneId) => void;
-    hasAnyInset: boolean;
-};
-export {};
 //# sourceMappingURL=shell.context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"shell.context.d.ts","sourceRoot":"","sources":["../../../src/components/shell.context.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"shell.context.d.ts","sourceRoot":"","sources":["../../../src/components/shell.context.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAY,UAAU,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAqBnH;;;GAGG;AACH,wBAAgB,cAAc,IAAI;IAAE,WAAW,EAAE,WAAW,CAAC;IAAC,cAAc,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;CAAE,CAe1G;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,QAAQ,CAAC;IACnB,WAAW,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACtC,8DAA8D;IAC9D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,EAAE,QAAQ,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvC,WAAW,EAAE,WAAW,CAAC;IACzB,cAAc,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5C,aAAa,EAAE,QAAQ,CAAC;IACxB,gBAAgB,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC3C,UAAU,EAAE,QAAQ,CAAC;IACrB,aAAa,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACxC,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;IAC9B,aAAa,EAAE,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,QAAQ,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,iCAAiC;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,yEAAyE;IACzE,UAAU,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,oCAAoC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,yEAAyE;IACzE,aAAa,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,iBAAiB,EAAE,UAAU,CAAC;IAC9B,sBAAsB,EAAE,OAAO,CAAC;IAChC,qEAAqE;IACrE,wBAAwB,CAAC,EAAE,iBAAiB,CAAC;IAC7C,UAAU,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACzC,UAAU,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACzC,YAAY,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;CAC5C;AAID;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CA2C5C"}

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

@@ -1,2 +1,2 @@
-"use strict";var S=Object.create;var a=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;var w=(e,o)=>{for(var n in o)a(e,n,{get:o[n],enumerable:!0})},d=(e,o,n,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of R(o))!m.call(e,r)&&r!==n&&a(e,r,{get:()=>o[r],enumerable:!(s=C(o,r))||s.enumerable});return e};var g=(e,o,n)=>(n=e!=null?S(v(e)):{},d(o||!e||!e.__esModule?a(n,"default",{value:e,enumerable:!0}):n,e)),T=e=>d(a({},"__esModule",{value:!0}),e);var N={};w(N,{ActionsContext:()=>b,BottomModeContext:()=>P,CompositionContext:()=>h,InsetContext:()=>f,InspectorModeContext:()=>x,LeftModeContext:()=>i,PanelModeContext:()=>u,PeekContext:()=>p,PresentationContext:()=>M,ShellProvider:()=>k,SidebarModeContext:()=>c,useBottomMode:()=>V,useComposition:()=>D,useInset:()=>j,useInspectorMode:()=>y,useLeftMode:()=>B,usePanelMode:()=>E,usePeek:()=>H,usePresentation:()=>A,useShell:()=>I,useShellActions:()=>z,useSidebarMode:()=>L});module.exports=T(N);var t=g(require("react")),l=t.createContext(null);function I(){let e=t.useContext(l);if(!e)throw new Error("Shell components must be used within <Shell.Root>");return e}function k({value:e,children:o}){return t.createElement(l.Provider,{value:e},o)}var i=t.createContext(null);function B(){let e=t.useContext(i);if(!e)throw new Error("useLeftMode must be used within Shell.Root");return e}var u=t.createContext(null);function E(){let e=t.useContext(u);if(!e)throw new Error("usePanelMode must be used within Shell.Root");return e}var c=t.createContext(null);function L(){let e=t.useContext(c);if(!e)throw new Error("useSidebarMode must be used within Shell.Root");return e}var x=t.createContext(null);function y(){let e=t.useContext(x);if(!e)throw new Error("useInspectorMode must be used within Shell.Root");return e}var P=t.createContext(null);function V(){let e=t.useContext(P);if(!e)throw new Error("useBottomMode must be used within Shell.Root");return e}var M=t.createContext(null);function A(){let e=t.useContext(M);if(!e)throw new Error("usePresentation must be used within Shell.Root");return e}var p=t.createContext(null);function H(){let e=t.useContext(p);if(!e)throw new Error("usePeek must be used within Shell.Root");return e}var b=t.createContext(null);function z(){let e=t.useContext(b);if(!e)throw new Error("useShellActions must be used within Shell.Root");return e}var h=t.createContext(null);function D(){let e=t.useContext(h);if(!e)throw new Error("useComposition must be used within Shell.Root");return e}var f=t.createContext(null);function j(){let e=t.useContext(f);if(!e)throw new Error("useInset must be used within Shell.Root");return e}
+"use strict";"use client";var z=Object.create;var f=Object.defineProperty;var A=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var H=Object.getPrototypeOf,K=Object.prototype.hasOwnProperty;var $=(e,t)=>{for(var n in t)f(e,n,{get:t[n],enumerable:!0})},R=(e,t,n,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of _(t))!K.call(e,o)&&o!==n&&f(e,o,{get:()=>t[o],enumerable:!(i=A(t,o))||i.enumerable});return e};var g=(e,t,n)=>(n=e!=null?z(H(e)):{},R(t||!e||!e.__esModule?f(n,"default",{value:e,enumerable:!0}):n,e)),j=e=>R(f({},"__esModule",{value:!0}),e);var te={};$(te,{useShell:()=>ee,useSidebarMode:()=>Z});module.exports=j(te);var a=g(require("react"));var c=g(require("react"));var k={xs:"(min-width: 520px)",sm:"(min-width: 768px)",md:"(min-width: 1024px)",lg:"(min-width: 1280px)",xl:"(min-width: 1640px)"},T=["initial","xs","sm","md","lg","xl"];var Q=Object.entries(k),x=null,u=new Set,l=null;function h(){return x??(x=Q.map(([e,t])=>[e,window.matchMedia(t)])),x}function y(){let e="initial";for(let[t,n]of h())n.matches&&(e=t);return e}function S(){let e=y();e!==l&&(l=e,u.forEach(t=>t()))}function B(e){if(typeof window>"u")return()=>{};if(u.size===0){l=y();for(let[,t]of h())typeof t.addEventListener=="function"?t.addEventListener("change",S):t.addListener?.(S)}return u.add(e),()=>{if(u.delete(e),!(u.size>0)){for(let[,t]of h())try{typeof t.removeEventListener=="function"?t.removeEventListener("change",S):t.removeListener?.(S)}catch{}l=null}}}function q(){return typeof window>"u"?"initial":(l??(l=y()),l)}function D(){return"initial"}var U=()=>!0,W=()=>!1,E=()=>()=>{},F=()=>"initial";function w(e=!0){let t=c.useSyncExternalStore(e?B:E,e?q:F,D),n=c.useSyncExternalStore(e?B:E,U,W);return c.useMemo(()=>({breakpoint:t,ready:n}),[t,n])}var s=g(require("react"));function C(e){return typeof e=="object"&&e!==null}function J(e,t){let n={},i=null;for(let o of T){if(e!==void 0&&!C(e)){n[o]=e;continue}let d=C(e)?e[o]:void 0;d!==void 0&&(i={value:d}),n[o]=i?i.value:t(o)}return n}var se=J("fixed",()=>"fixed");function X(e){e.version+=1;for(let t of e.listeners)t()}function M(e,t){return e.listeners.add(t),()=>{e.listeners.delete(t)}}function V(e,t){e.peek!==t&&(e.peek=t,X(e))}var G=s.createContext(null);function v(e){let t=s.useContext(G);if(!t)throw new Error(`${e} must be used within <Shell.Root>`);return t}var le=s.createContext(null);var L=e=>e===void 0?void 0:e==="closed"?"collapsed":e==="thin"?"thin":"expanded",N=e=>e==="collapsed"?"closed":e==="thin"?"thin":"open",b=e=>e===void 0||e==="closed"?"collapsed":"expanded",P=e=>e==="left"?"rail":e;function Y(e){let t=a.useCallback(n=>M(e,n),[e]);return a.useSyncExternalStore(t,()=>e.version,()=>0)}function Z(){let e=v("useSidebarMode"),t=a.useCallback(o=>M(e,o),[e]),n=a.useSyncExternalStore(t,()=>e.entries.get("sidebar")?.value,()=>{}),i=a.useCallback(o=>{e.entries.get("sidebar")?.setValue(N(o),"toggle")},[e]);return{sidebarMode:L(n)??"expanded",setSidebarMode:i}}var I=()=>{};function ee(){let e=v("useShell");a.useEffect(()=>{},[]),Y(e);let{breakpoint:t,ready:n}=w(),i=a.useMemo(()=>{let p=r=>O=>e.entries.get(r)?.setValue(O==="collapsed"?"closed":"open","toggle"),m=r=>V(e,r===null?null:P(r));return{setLeftMode:p("rail"),setPanelMode:p("panel"),setInspectorMode:p("inspector"),setBottomMode:p("bottom"),setSidebarMode:r=>e.entries.get("sidebar")?.setValue(N(r),"toggle"),setPeekTarget:m,peekPane:r=>m(r),clearPeek:()=>m(null),setHasLeft:I,setHasSidebar:I,togglePane:r=>e.entries.get(P(r))?.toggle("toggle"),expandPane:r=>e.entries.get(P(r))?.setValue("open","toggle"),collapsePane:r=>e.entries.get(P(r))?.setValue("closed","toggle")}},[e]),o=p=>e.entries.get(p)?.value,d=e.entries.get("rail");return{leftMode:b(o("rail")),leftControlledOpen:d?.value===void 0?void 0:d.value!=="closed",panelMode:b(o("panel")),sidebarMode:L(o("sidebar"))??"expanded",inspectorMode:b(o("inspector")),bottomMode:b(o("bottom")),peekTarget:e.peek,hasLeft:e.entries.has("rail"),hasSidebar:e.entries.has("sidebar"),currentBreakpoint:t,currentBreakpointReady:n,leftResolvedPresentation:d?.presentation,...i}}
 //# sourceMappingURL=shell.context.js.map

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

@@ -1,7 +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"]
+  "sources": ["../../../src/components/shell.context.tsx", "../../../src/hooks/use-breakpoint.ts", "../../../src/components/shell.types.ts", "../../../src/components/_internal/shell-store.tsx"],
+  "sourcesContent": ["'use client';\n\n/**\n * Since 0.8.0 the Shell has two contexts: the pane registry (the store) and\n * the inset set. They live in `_internal/shell-store.tsx`. This module keeps\n * the two hooks consumers can reach: `useSidebarMode`, and the deprecated\n * `useShell`.\n */\nimport * as React from 'react';\nimport { useBreakpoint } from '../hooks/use-breakpoint.js';\nimport type { Breakpoint, PaneMode, PaneName, PaneTarget, PresentationValue, SidebarMode } from './shell.types.js';\nimport { setShellPeek, subscribeShellStore, useShellStore, warnOnce, type PaneValue, type ShellStore } from './_internal/shell-store.js';\n\nconst toSidebarMode = (value: PaneValue | undefined): SidebarMode | undefined => (value === undefined ? undefined : value === 'closed' ? 'collapsed' : value === 'thin' ? 'thin' : 'expanded');\n\nconst fromSidebarMode = (mode: SidebarMode): PaneValue => (mode === 'collapsed' ? 'closed' : mode === 'thin' ? 'thin' : 'open');\n\nconst toPaneMode = (value: PaneValue | undefined): PaneMode => (value === undefined || value === 'closed' ? 'collapsed' : 'expanded');\n\nconst paneName = (target: PaneTarget): PaneName => (target === 'left' ? 'rail' : target);\n\n/** Re-renders on every change to the registry. For the deprecated whole-shell reader only. */\nfunction useStoreVersion(store: ShellStore) {\n  const subscribe = React.useCallback((listener: () => void) => subscribeShellStore(store, listener), [store]);\n  return React.useSyncExternalStore(\n    subscribe,\n    () => store.version,\n    () => 0,\n  );\n}\n\n/**\n * The Sidebar's mode, and a setter. The setter is a user action: it reports\n * through the Sidebar's `onStateChange` the way a Trigger does.\n */\nexport function useSidebarMode(): { sidebarMode: SidebarMode; setSidebarMode: (mode: SidebarMode) => void } {\n  const store = useShellStore('useSidebarMode');\n  const subscribe = React.useCallback((listener: () => void) => subscribeShellStore(store, listener), [store]);\n  const value = React.useSyncExternalStore(\n    subscribe,\n    () => store.entries.get('sidebar')?.value,\n    () => undefined,\n  );\n  const setSidebarMode = React.useCallback(\n    (mode: SidebarMode) => {\n      store.entries.get('sidebar')?.setValue(fromSidebarMode(mode), 'toggle');\n    },\n    [store],\n  );\n  return { sidebarMode: toSidebarMode(value) ?? 'expanded', setSidebarMode };\n}\n\nexport interface ShellContextValue {\n  leftMode: PaneMode;\n  setLeftMode: (mode: PaneMode) => void;\n  /** The Rail's open state, resolved, when it is controlled. */\n  leftControlledOpen?: boolean;\n  panelMode: PaneMode;\n  setPanelMode: (mode: PaneMode) => void;\n  sidebarMode: SidebarMode;\n  setSidebarMode: (mode: SidebarMode) => void;\n  inspectorMode: PaneMode;\n  setInspectorMode: (mode: PaneMode) => void;\n  bottomMode: PaneMode;\n  setBottomMode: (mode: PaneMode) => void;\n  peekTarget: PaneTarget | null;\n  setPeekTarget: (target: PaneTarget | null) => void;\n  peekPane: (target: PaneTarget) => void;\n  clearPeek: () => void;\n  /** Whether a Rail is mounted. */\n  hasLeft: boolean;\n  /** No effect since 0.8.0: the registry knows which panes are mounted. */\n  setHasLeft: (has: boolean) => void;\n  /** Whether a Sidebar is mounted. */\n  hasSidebar: boolean;\n  /** No effect since 0.8.0: the registry knows which panes are mounted. */\n  setHasSidebar: (has: boolean) => void;\n  currentBreakpoint: Breakpoint;\n  currentBreakpointReady: boolean;\n  /** The Rail's presentation at the current breakpoint, when known. */\n  leftResolvedPresentation?: PresentationValue;\n  togglePane: (target: PaneTarget) => void;\n  expandPane: (target: PaneTarget) => void;\n  collapsePane: (target: PaneTarget) => void;\n}\n\nconst noop = () => {};\n\n/**\n * @deprecated The whole-shell reader re-renders its consumer on every change\n * to any pane. Use `Shell.Trigger` to drive a pane, `Shell.useSidebarMode`\n * for the Sidebar, and each pane's `open`/`onOpenChange` for its state.\n * Removed in 1.0.\n *\n * Keeps 0.7's shape. The setters act as a user would: they report through\n * the pane's own callback with `reason: 'toggle'`, and a controlled pane\n * changes only when the app passes the new value.\n */\nexport function useShell(): ShellContextValue {\n  const store = useShellStore('useShell');\n  React.useEffect(() => {\n    warnOnce(\"Shell.useShell is deprecated and is removed in 1.0. Use Shell.Trigger, Shell.useSidebarMode, or a pane's own open/onOpenChange.\");\n  }, []);\n  useStoreVersion(store);\n  const { breakpoint, ready } = useBreakpoint();\n  const actions = React.useMemo(() => {\n    const setMode = (name: PaneName) => (mode: PaneMode) => store.entries.get(name)?.setValue(mode === 'collapsed' ? 'closed' : 'open', 'toggle');\n    const setPeekTarget = (target: PaneTarget | null) => setShellPeek(store, target === null ? null : paneName(target));\n    return {\n      setLeftMode: setMode('rail'),\n      setPanelMode: setMode('panel'),\n      setInspectorMode: setMode('inspector'),\n      setBottomMode: setMode('bottom'),\n      setSidebarMode: (mode: SidebarMode) => store.entries.get('sidebar')?.setValue(fromSidebarMode(mode), 'toggle'),\n      setPeekTarget,\n      peekPane: (target: PaneTarget) => setPeekTarget(target),\n      clearPeek: () => setPeekTarget(null),\n      setHasLeft: noop,\n      setHasSidebar: noop,\n      togglePane: (target: PaneTarget) => store.entries.get(paneName(target))?.toggle('toggle'),\n      expandPane: (target: PaneTarget) => store.entries.get(paneName(target))?.setValue('open', 'toggle'),\n      collapsePane: (target: PaneTarget) => store.entries.get(paneName(target))?.setValue('closed', 'toggle'),\n    };\n  }, [store]);\n  const value = (name: PaneName) => store.entries.get(name)?.value;\n  const rail = store.entries.get('rail');\n  return {\n    leftMode: toPaneMode(value('rail')),\n    leftControlledOpen: rail?.value === undefined ? undefined : rail.value !== 'closed',\n    panelMode: toPaneMode(value('panel')),\n    sidebarMode: toSidebarMode(value('sidebar')) ?? 'expanded',\n    inspectorMode: toPaneMode(value('inspector')),\n    bottomMode: toPaneMode(value('bottom')),\n    peekTarget: store.peek,\n    hasLeft: store.entries.has('rail'),\n    hasSidebar: store.entries.has('sidebar'),\n    currentBreakpoint: breakpoint,\n    currentBreakpointReady: ready,\n    leftResolvedPresentation: rail?.presentation,\n    ...actions,\n  };\n}\n", "'use client';\n\nimport * as React from 'react';\nimport { _BREAKPOINTS, type Breakpoint } from '../components/shell.types.js';\n\nconst QUERIES = Object.entries(_BREAKPOINTS) as Array<[Breakpoint, string]>;\n\ntype Listener = () => void;\n\n/**\n * One set of `MediaQueryList`s and one set of listeners for the whole\n * application. Every component that asks for the breakpoint used to create and\n * subscribe to its own copy of all five queries.\n */\nlet mediaQueryLists: Array<[Breakpoint, MediaQueryList]> | null = null;\nconst listeners = new Set<Listener>();\nlet cachedBreakpoint: Breakpoint | null = null;\n\nfunction getMediaQueryLists() {\n  mediaQueryLists ??= QUERIES.map(([name, query]) => [name, window.matchMedia(query)] as [Breakpoint, MediaQueryList]);\n  return mediaQueryLists;\n}\n\nfunction computeBreakpoint(): Breakpoint {\n  // The largest matching query wins; `_BREAKPOINTS` is ordered smallest first.\n  let matched: Breakpoint = 'initial';\n  for (const [name, mql] of getMediaQueryLists()) {\n    if (mql.matches) matched = name;\n  }\n  return matched;\n}\n\nfunction handleChange() {\n  const next = computeBreakpoint();\n  if (next === cachedBreakpoint) return;\n  cachedBreakpoint = next;\n  listeners.forEach((listener) => listener());\n}\n\nfunction subscribe(listener: Listener) {\n  if (typeof window === 'undefined') return () => {};\n\n  if (listeners.size === 0) {\n    cachedBreakpoint = computeBreakpoint();\n    for (const [, mql] of getMediaQueryLists()) {\n      // Safari below 14 only has the deprecated listener API.\n      if (typeof mql.addEventListener === 'function') mql.addEventListener('change', handleChange);\n      else mql.addListener?.(handleChange);\n    }\n  }\n\n  listeners.add(listener);\n\n  return () => {\n    listeners.delete(listener);\n    if (listeners.size > 0) return;\n\n    for (const [, mql] of getMediaQueryLists()) {\n      try {\n        if (typeof mql.removeEventListener === 'function') mql.removeEventListener('change', handleChange);\n        else mql.removeListener?.(handleChange);\n      } catch (error) {\n        // Removal can throw in edge cases, e.g. the list was already torn down.\n        if (process.env.NODE_ENV !== 'production') {\n          console.warn('[useBreakpoint] MediaQueryList cleanup warning:', error);\n        }\n      }\n    }\n    cachedBreakpoint = null;\n  };\n}\n\n/**\n * `getSnapshot` must return a referentially stable value between changes, so it\n * reads the cache that `handleChange` maintains rather than recomputing.\n */\nfunction getSnapshot(): Breakpoint {\n  if (typeof window === 'undefined') return 'initial';\n  cachedBreakpoint ??= computeBreakpoint();\n  return cachedBreakpoint;\n}\n\nfunction getServerSnapshot(): Breakpoint {\n  return 'initial';\n}\n\n/**\n * The breakpoint right now, outside React's render. For an effect that needs\n * the answer at the moment it runs rather than the one its render saw.\n */\nexport function readBreakpoint(): Breakpoint {\n  if (typeof window === 'undefined') return 'initial';\n  return computeBreakpoint();\n}\n\nconst getReadySnapshot = () => true;\nconst getReadyServerSnapshot = () => false;\n\nconst noopSubscribe = () => () => {};\nconst getInitialSnapshot = (): Breakpoint => 'initial';\n\n/**\n * The current breakpoint, and whether it has been resolved against a real\n * viewport yet (`false` on the server and during hydration).\n *\n * Reads through `useSyncExternalStore` rather than settling into state from an\n * effect. On a client render the very first pass already has the real\n * breakpoint, instead of rendering the whole shell at `initial` and correcting\n * it after the browser has painted.\n *\n * Pass `enabled = false` to skip the subscription (the breakpoint then reads as\n * `initial`).\n */\nexport function useBreakpoint(enabled = true): { breakpoint: Breakpoint; ready: boolean } {\n  // Callers with a non-responsive value pass `enabled = false` so they neither\n  // subscribe to the media queries nor re-render when the viewport crosses one.\n  const breakpoint = React.useSyncExternalStore(\n    enabled ? subscribe : noopSubscribe,\n    enabled ? getSnapshot : getInitialSnapshot,\n    getServerSnapshot,\n  );\n  const ready = React.useSyncExternalStore(\n    enabled ? subscribe : noopSubscribe,\n    getReadySnapshot,\n    getReadyServerSnapshot,\n  );\n\n  return React.useMemo(() => ({ breakpoint, ready }), [breakpoint, ready]);\n}\n", "import type * as React from 'react';\n\nexport type PresentationValue = 'fixed' | 'overlay' | 'stacked';\n\nexport type ResponsivePresentation = PresentationValue | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', PresentationValue>>;\n\nexport type PaneMode = 'expanded' | 'collapsed';\nexport type SidebarMode = 'collapsed' | 'thin' | 'expanded';\n\nexport type ResponsiveMode = PaneMode | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', PaneMode>>;\n\nexport type ResponsiveSidebarMode = SidebarMode | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', SidebarMode>>;\n\nexport type Responsive<T> = T | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', T>>;\n\nexport type PaneSizePersistence = {\n  load?: () => number | Promise<number | undefined> | undefined;\n  save?: (size: number) => void | Promise<void>;\n};\n\n/**\n * Why a pane's open state changed. Since 0.8.0 only a user action is reported:\n * `toggle` for a Trigger, a handle double-click or a drag past\n * `collapseThreshold`, and `dismiss` for Escape or a press on the scrim.\n * `init`, `responsive`, `panel` and `left` are kept in the types for\n * compatibility and are never sent.\n */\nexport type PaneOpenChangeReason = 'toggle' | 'dismiss' | 'init' | 'responsive';\n\nexport interface PaneBaseProps extends React.ComponentPropsWithoutRef<'div'> {\n  presentation?: ResponsivePresentation;\n  expandedSize?: number;\n  minSize?: number;\n  maxSize?: number;\n  resizable?: boolean;\n  collapsible?: boolean;\n  /** @deprecated Use `onOpenChange`. Still called when a user's toggle or a controlled prop changes whether the pane is shown; never on mount or when the window crosses a breakpoint. */\n  onExpand?: () => void;\n  /** @deprecated Use `onOpenChange`. Still called when a user's toggle or a controlled prop changes whether the pane is shown; never on mount or when the window crosses a breakpoint. */\n  onCollapse?: () => void;\n  onResize?: (size: number) => void;\n  onResizeStart?: (size: number) => void;\n  onResizeEnd?: (size: number) => void;\n  /** @deprecated Removed in 1.0. Snap in your own `onSizeChange` and pass `size`. */\n  snapPoints?: number[];\n  /** @deprecated Removed in 1.0, with `snapPoints`. */\n  snapTolerance?: number;\n  /** @deprecated Removed in 1.0. Close the pane from your own `onResizeEnd`. */\n  collapseThreshold?: number;\n  /** @deprecated Removed in 1.0. Keep the size in your own state with `size`/`onSizeChange`. */\n  paneId?: string;\n  /** @deprecated Removed in 1.0. Keep the size in your own state with `size`/`onSizeChange`. */\n  persistence?: PaneSizePersistence;\n}\n\nexport const _BREAKPOINTS = {\n  xs: '(min-width: 520px)',\n  sm: '(min-width: 768px)',\n  md: '(min-width: 1024px)',\n  lg: '(min-width: 1280px)',\n  xl: '(min-width: 1640px)',\n} as const;\n\nexport type Breakpoint = 'initial' | keyof typeof _BREAKPOINTS;\n\n/** Every breakpoint, smallest first. The stylesheet's @media blocks follow this order. */\nexport const SHELL_BREAKPOINTS: readonly Breakpoint[] = ['initial', 'xs', 'sm', 'md', 'lg', 'xl'];\n\nexport type PaneTarget = 'left' | 'rail' | 'panel' | 'sidebar' | 'inspector' | 'bottom';\n\n/** The panes a Trigger can drive. `left` is the deprecated name for `rail`. */\nexport type PaneName = Exclude<PaneTarget, 'left'>;\n\n/**\n * CSS custom property key type for type-safe style objects.\n * Allows any string prefixed with '--'.\n */\nexport type CSSCustomProperty = `--${string}`;\n\n/**\n * Style object that supports CSS custom properties.\n */\nexport type CSSPropertiesWithVars = React.CSSProperties & {\n  [key: CSSCustomProperty]: string | number | undefined;\n};\n", "'use client';\n\n/**\n * The Shell's state model (0.8.0), ported from kookie-ui-v2's Shell.\n *\n * - State lives on the pane. Each pane holds `auto | open | closed` (the\n *   Sidebar adds `thin`). `auto` means untouched: the stylesheet decides what\n *   it shows at each breakpoint, so first paint is right with no script, the\n *   server and the client render the same markup, and no open-state callback\n *   can fire on mount or on a resize.\n * - The one thing that crosses the Shell is a registry keyed by pane name.\n *   Each pane registers what it is and how to drive it; a Trigger looks its\n *   pane up, and the Root reads the set of live overlays. Nothing scans\n *   children and nothing checks `displayName`.\n * - The responsive props are resolved into a table with one value per\n *   breakpoint, from the props alone, with no window. The table is written to\n *   the DOM as data attributes for the stylesheet, and read again in JS by the\n *   mirror that sets `aria-expanded`. One table, two readers, so they agree by\n *   construction.\n */\nimport * as React from 'react';\nimport { SHELL_BREAKPOINTS } from '../shell.types.js';\nimport type { Breakpoint, PaneName, PresentationValue } from '../shell.types.js';\n\n/* \u2500\u2500 Breakpoint tables \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\nexport type Table<T> = Record<Breakpoint, T>;\n\n/** What a pane shows: open, open at its thin width (Sidebar only), or closed. */\nexport type PaneValue = 'open' | 'thin' | 'closed';\n\ntype ResponsiveInput<T> = T | Partial<Record<Breakpoint, T>> | undefined;\n\nfunction isMap<T>(value: ResponsiveInput<T>): value is Partial<Record<Breakpoint, T>> {\n  return typeof value === 'object' && value !== null;\n}\n\n/**\n * A responsive value at every breakpoint. A breakpoint takes the largest key\n * at or below it, the same fallback `useResponsiveValue` used; a breakpoint\n * below every key takes `fallback`.\n */\nexport function tableOf<T>(value: ResponsiveInput<T>, fallback: (bp: Breakpoint) => T): Table<T> {\n  const table = {} as Table<T>;\n  let carried: { value: T } | null = null;\n  for (const bp of SHELL_BREAKPOINTS) {\n    if (value !== undefined && !isMap(value)) {\n      table[bp] = value;\n      continue;\n    }\n    const entry = isMap(value) ? value[bp] : undefined;\n    if (entry !== undefined) carried = { value: entry };\n    table[bp] = carried ? carried.value : fallback(bp);\n  }\n  return table;\n}\n\n/** The table's one value, when it has only one. */\nexport function constantOf<T>(table: Table<T>): T | undefined {\n  const first = table.initial;\n  return SHELL_BREAKPOINTS.every((bp) => table[bp] === first) ? first : undefined;\n}\n\n/**\n * The table as data attributes: `data-<name>` when it holds one value, one\n * `data-<name>-<bp>` per breakpoint when it holds several. The stylesheet has\n * a rule for each spelling.\n */\nexport function tableAttributes(name: string, table: Table<string>): Record<string, string> {\n  const constant = constantOf(table);\n  if (constant !== undefined) return { [`data-${name}`]: constant };\n  const attributes: Record<string, string> = {};\n  for (const bp of SHELL_BREAKPOINTS) attributes[`data-${name}-${bp}`] = table[bp];\n  return attributes;\n}\n\n/**\n * A responsive prop object is usually an inline literal, a new identity every\n * render. Keying memoisation on its contents keeps the tables, and so the\n * registry entries, stable across renders that change nothing.\n */\nexport function useStableKey(value: unknown): string {\n  return typeof value === 'object' && value !== null ? JSON.stringify(value) : String(value);\n}\n\nexport const FIXED_TABLE: Table<PresentationValue> = tableOf<PresentationValue>('fixed', () => 'fixed');\n\n/* \u2500\u2500 The registry \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\nexport type OpenChangeReason = 'toggle' | 'dismiss';\n\nexport type PaneEntry = {\n  name: PaneName;\n  id: string;\n  el: HTMLElement | null;\n  /** What the pane shows now; `undefined` while an untouched pane cannot know (before the breakpoint is known). */\n  value: PaneValue | undefined;\n  /** How the pane is presented now, when known. */\n  presentation: PresentationValue | undefined;\n  /** The pane's own presentation at every breakpoint. A Panel with none of its own follows the Rail's. */\n  presentationTable: Table<PresentationValue>;\n  /** Open and presented as an overlay: what the scrim and Escape close, and what containment exempts. */\n  overlayLive: boolean;\n  /** The pane's designed open width, for panes that sit beside it when floating. */\n  size: number;\n  setValue: (value: PaneValue, reason: OpenChangeReason) => void;\n  toggle: (reason: OpenChangeReason) => void;\n};\n\nexport type ShellStore = {\n  entries: Map<PaneName, PaneEntry>;\n  listeners: Set<() => void>;\n  /**\n   * What a subscriber reads. useSyncExternalStore needs a value that is stable\n   * between notifications, and a number is; the Map, or anything derived from\n   * it, would be a new identity on every read.\n   */\n  version: number;\n  /** The pane a hovered Trigger is previewing, if any. Layout only. */\n  peek: PaneName | null;\n};\n\nexport function createShellStore(): ShellStore {\n  return { entries: new Map(), listeners: new Set(), version: 0, peek: null };\n}\n\nexport function notifyShellStore(store: ShellStore) {\n  store.version += 1;\n  for (const listener of store.listeners) listener();\n}\n\nexport function subscribeShellStore(store: ShellStore, listener: () => void) {\n  store.listeners.add(listener);\n  return () => {\n    store.listeners.delete(listener);\n  };\n}\n\nexport function setShellPeek(store: ShellStore, peek: PaneName | null) {\n  if (store.peek === peek) return;\n  store.peek = peek;\n  notifyShellStore(store);\n}\n\nexport const ShellStoreContext = React.createContext<ShellStore | null>(null);\n\nexport function useShellStore(part: string): ShellStore {\n  const store = React.useContext(ShellStoreContext);\n  if (!store) throw new Error(`${part} must be used within <Shell.Root>`);\n  return store;\n}\n\n/** One pane's registry entry. Re-renders only when that entry is replaced. */\nexport function usePaneEntry(store: ShellStore, name: PaneName): PaneEntry | undefined {\n  const subscribe = React.useCallback((listener: () => void) => subscribeShellStore(store, listener), [store]);\n  const getSnapshot = React.useCallback(() => store.entries.get(name), [store, name]);\n  return React.useSyncExternalStore(subscribe, getSnapshot, () => undefined);\n}\n\n/**\n * Whether this pane is the one being previewed. A boolean per pane rather than\n * the peek target itself, so hovering one Trigger re-renders one pane, not all.\n */\nexport function usePeeking(store: ShellStore, name: PaneName): boolean {\n  const subscribe = React.useCallback((listener: () => void) => subscribeShellStore(store, listener), [store]);\n  return React.useSyncExternalStore(\n    subscribe,\n    () => store.peek === name,\n    () => false,\n  );\n}\n\n/* \u2500\u2500 Inset \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\nexport type InsetPaneId = 'rail' | 'panel' | 'sidebar' | 'content' | 'inspector' | 'bottom';\n\nexport const ShellInsetContext = React.createContext<{\n  registerInset: (id: InsetPaneId) => void;\n  unregisterInset: (id: InsetPaneId) => void;\n} | null>(null);\n\n/** Registers a pane's `inset` with the Root, which paints the backdrop while any pane is inset. */\nexport function useInsetRegistration(id: InsetPaneId, inset: boolean | undefined) {\n  const ctx = React.useContext(ShellInsetContext);\n  if (!ctx) throw new Error('Shell panes must be used within <Shell.Root>');\n  const { registerInset, unregisterInset } = ctx;\n  React.useLayoutEffect(() => {\n    if (!inset) return;\n    registerInset(id);\n    return () => unregisterInset(id);\n  }, [id, inset, registerInset, unregisterInset]);\n}\n\n/* \u2500\u2500 Development warnings \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\nconst warned = new Set<string>();\n\n/** A deprecation warning, once per message per page load. Development only. */\nexport function warnOnce(message: string) {\n  if (process.env.NODE_ENV === 'production') return;\n  if (warned.has(message)) return;\n  warned.add(message);\n  console.warn(`[kookie-ui] ${message}`);\n}\n"],
+  "mappings": "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",
+  "names": ["shell_context_exports", "__export", "useShell", "useSidebarMode", "__toCommonJS", "React", "React", "_BREAKPOINTS", "SHELL_BREAKPOINTS", "QUERIES", "_BREAKPOINTS", "mediaQueryLists", "listeners", "cachedBreakpoint", "getMediaQueryLists", "name", "query", "computeBreakpoint", "matched", "mql", "handleChange", "next", "listener", "subscribe", "getSnapshot", "getServerSnapshot", "getReadySnapshot", "getReadyServerSnapshot", "noopSubscribe", "getInitialSnapshot", "useBreakpoint", "enabled", "breakpoint", "subscribe", "getSnapshot", "getServerSnapshot", "ready", "React", "isMap", "value", "tableOf", "fallback", "table", "carried", "bp", "SHELL_BREAKPOINTS", "entry", "FIXED_TABLE", "tableOf", "notifyShellStore", "store", "listener", "subscribeShellStore", "setShellPeek", "peek", "ShellStoreContext", "useShellStore", "part", "ShellInsetContext", "toSidebarMode", "value", "fromSidebarMode", "mode", "toPaneMode", "paneName", "target", "useStoreVersion", "store", "subscribe", "listener", "subscribeShellStore", "useSidebarMode", "useShellStore", "setSidebarMode", "noop", "useShell", "breakpoint", "ready", "useBreakpoint", "actions", "setMode", "name", "setPeekTarget", "setShellPeek", "rail"]
 }

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

@@ -1,59 +1,65 @@
 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;
+import { useResponsivePresentation } from './shell.hooks.js';
+import type { Breakpoint, PaneBaseProps, PaneMode, PaneTarget, ResponsivePresentation, SidebarMode } from './shell.types.js';
+export interface ShellRootProps extends React.ComponentPropsWithoutRef<'div'> {
+    children: React.ReactNode;
+    height?: 'full' | 'auto' | string | number;
+}
+declare const Root: React.ForwardRefExoticComponent<ShellRootProps & React.RefAttributes<HTMLDivElement>>;
 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';
+        reason: 'init' | 'toggle' | 'panel' | 'responsive' | 'dismiss';
     }) => 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';
+/**
+ * @deprecated The Root no longer wraps the Rail and Panel in a Left
+ * container: each is its own pane. `Shell.Left` renders its children and
+ * ignores its own props. Removed in 1.0.
+ */
+declare const Left: React.ForwardRefExoticComponent<LeftProps & React.RefAttributes<HTMLDivElement>>;
+type RailOpenChangeMeta = {
+    reason: 'init' | 'toggle' | 'responsive' | 'panel' | 'dismiss';
 };
 type RailControlledProps = {
     open: boolean | Partial<Record<Breakpoint, boolean>>;
-    onOpenChange?: (open: boolean, meta: LeftOpenChangeMeta) => void;
+    onOpenChange?: (open: boolean, meta: RailOpenChangeMeta) => void;
     defaultOpen?: never;
 };
 type RailUncontrolledProps = {
     defaultOpen?: boolean | Partial<Record<Breakpoint, boolean>>;
-    onOpenChange?: (open: boolean, meta: LeftOpenChangeMeta) => void;
+    onOpenChange?: (open: boolean, meta: RailOpenChangeMeta) => void;
     open?: never;
 };
 type RailProps = React.ComponentPropsWithoutRef<'div'> & {
     presentation?: ResponsivePresentation;
     expandedSize?: number;
     collapsible?: boolean;
+    /** @deprecated Use `onOpenChange`. */
     onExpand?: () => void;
+    /** @deprecated Use `onOpenChange`. */
     onCollapse?: () => void;
-    /** When true, adds margin to Rail+Panel and triggers gray backdrop on Shell. */
+    /** When true, adds margin and triggers the gray backdrop on the 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';
+    reason: 'toggle' | 'left' | 'init' | 'responsive' | 'dismiss';
 };
 type PanelControlledProps = {
     open: boolean | Partial<Record<Breakpoint, boolean>>;
@@ -76,19 +82,25 @@ type PanelSizeUncontrolledProps = {
 type PanelSizeChangeMeta = {
     reason: 'init' | 'resize' | 'controlled';
 };
-type PanelPublicProps = Omit<PaneProps, 'presentation' | 'defaultMode'> & (PanelControlledProps | PanelUncontrolledProps) & (PanelSizeControlledProps | PanelSizeUncontrolledProps) & {
+type PanelPublicProps = PaneBaseProps & (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. */
+    /** When true, adds margin and triggers the gray backdrop on the Shell. */
     inset?: boolean;
 };
 type PanelComponent = React.ForwardRefExoticComponent<PanelPublicProps & React.RefAttributes<HTMLDivElement>> & {
     Handle: HandleComponent;
 };
+/**
+ * A Panel with a `presentation` of its own uses it. One without follows the
+ * Rail rendered before it, which is how 0.7 placed a Panel; the stylesheet
+ * reads the Rail's attributes for the first paint and the registry carries
+ * the Rail's table for the JS mirror.
+ */
 declare const Panel: PanelComponent;
 interface ShellContentProps extends React.ComponentPropsWithoutRef<'main'> {
-    /** When true, adds margin and triggers gray backdrop on Shell. */
+    /** When true, adds margin and triggers the gray backdrop on the Shell. */
     inset?: boolean;
 }
 declare const Content: React.ForwardRefExoticComponent<ShellContentProps & React.RefAttributes<HTMLElement>>;
@@ -97,11 +109,20 @@ 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.
+     * Whether to show a preview of the target pane on hover while it is closed
+     * and not an overlay. Defaults to false.
+     *
+     * @deprecated Removed in 1.0. A preview reachable only by mouse hover has no
+     * keyboard or touch equivalent; open the pane instead.
      */
     peekOnHover?: boolean;
 }
+/**
+ * A button that drives a pane by name, through the registry. It sets
+ * `aria-controls` and `aria-expanded` (left off while an untouched pane
+ * cannot know its state yet), renders `type="button"`, and runs the
+ * consumer's `onClick` first: calling `preventDefault()` there cancels it.
+ */
 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

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

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

@@ -1,26 +1,10 @@
-import type { Breakpoint, PresentationValue, ResponsivePresentation } from './shell.types.js';
-declare function useResponsivePresentation(presentation: ResponsivePresentation): PresentationValue;
+import type { PresentationValue, ResponsivePresentation } from './shell.types.js';
 /**
- * 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.
+ * @deprecated Since 0.8.0 the Shell resolves a responsive `presentation` in
+ * its stylesheet, so the pane is placed before any script runs. This hook
+ * resolves it in JS after mount, which is the behaviour the Shell left
+ * behind. It keeps working until 1.0.
  */
-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 };
+declare function useResponsivePresentation(presentation: ResponsivePresentation): PresentationValue;
+export { useResponsivePresentation };
 //# sourceMappingURL=shell.hooks.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"shell.hooks.d.ts","sourceRoot":"","sources":["../../../src/components/shell.hooks.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAGlF;;;;;GAKG;AACH,iBAAS,yBAAyB,CAAC,YAAY,EAAE,sBAAsB,GAAG,iBAAiB,CAM1F;AAED,OAAO,EAAE,yBAAyB,EAAE,CAAC"}

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

@@ -1,2 +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}}
+"use strict";var T=Object.create;var p=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,I=Object.prototype.hasOwnProperty;var C=(e,t)=>{for(var n in t)p(e,n,{get:t[n],enumerable:!0})},y=(e,t,n,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of B(t))!I.call(e,r)&&r!==n&&p(e,r,{get:()=>t[r],enumerable:!(a=E(t,r))||a.enumerable});return e};var d=(e,t,n)=>(n=e!=null?T(w(e)):{},y(t||!e||!e.__esModule?p(n,"default",{value:e,enumerable:!0}):n,e)),L=e=>y(p({},"__esModule",{value:!0}),e);var K={};C(K,{useResponsivePresentation:()=>_});module.exports=L(K);var k=d(require("react"));var l=d(require("react"));var P={xs:"(min-width: 520px)",sm:"(min-width: 768px)",md:"(min-width: 1024px)",lg:"(min-width: 1280px)",xl:"(min-width: 1640px)"},b=["initial","xs","sm","md","lg","xl"];var M=Object.entries(P),c=null,s=new Set,o=null;function f(){return c??(c=M.map(([e,t])=>[e,window.matchMedia(t)])),c}function S(){let e="initial";for(let[t,n]of f())n.matches&&(e=t);return e}function u(){let e=S();e!==o&&(o=e,s.forEach(t=>t()))}function R(e){if(typeof window>"u")return()=>{};if(s.size===0){o=S();for(let[,t]of f())typeof t.addEventListener=="function"?t.addEventListener("change",u):t.addListener?.(u)}return s.add(e),()=>{if(s.delete(e),!(s.size>0)){for(let[,t]of f())try{typeof t.removeEventListener=="function"?t.removeEventListener("change",u):t.removeListener?.(u)}catch{}o=null}}}function N(){return typeof window>"u"?"initial":(o??(o=S()),o)}function O(){return"initial"}var V=()=>!0,z=()=>!1,h=()=>()=>{},A=()=>"initial";function g(e=!0){let t=l.useSyncExternalStore(e?R:h,e?N:A,O),n=l.useSyncExternalStore(e?R:h,V,z);return l.useMemo(()=>({breakpoint:t,ready:n}),[t,n])}var i=d(require("react"));function v(e){return typeof e=="object"&&e!==null}function m(e,t){let n={},a=null;for(let r of b){if(e!==void 0&&!v(e)){n[r]=e;continue}let x=v(e)?e[r]:void 0;x!==void 0&&(a={value:x}),n[r]=a?a.value:t(r)}return n}var H=m("fixed",()=>"fixed");var W=i.createContext(null);var F=i.createContext(null);function _(e){k.useEffect(()=>{},[]);let{breakpoint:t}=g(typeof e!="string");return m(e,()=>"fixed")[t]}
 //# sourceMappingURL=shell.hooks.js.map