@amboss/design-system 3.48.6-canary.0 → 3.48.7

package/build/cjs/components/Internal/LayoutManager/Layout.d.ts

@@ -1,28 +0,0 @@
-import React from "react";
-import type { ReactNode } from "react";
-import { LayoutProvider } from "./LayoutProvider";
-import type { ContentProps, FloatProps, LayoutProviderProps, SidePanelProps, SplitProps } from "./-types";
-declare const Sidebar: React.FC<SidePanelProps>;
-declare const RightPanel: React.FC<SidePanelProps>;
-declare const Content: React.FC<ContentProps>;
-declare const Split: React.FC<SplitProps>;
-declare const Float: React.FC<FloatProps>;
-declare function LayoutShell({ children, }: {
-    children: ReactNode;
-}): React.ReactElement;
-type LayoutComponent = React.FC<LayoutProviderProps> & {
-    Sidebar: typeof Sidebar;
-    RightPanel: typeof RightPanel;
-    Content: typeof Content;
-    Split: typeof Split;
-    Float: typeof Float;
-    /** Context only (store + mobile breakpoint). Use with `Layout.Shell` when you
-     *  need chrome (e.g. a NavBar) that calls `useLayout()` but sits OUTSIDE the
-     *  resizable shell. For the common case use `<Layout>` (provider + shell). */
-    Provider: typeof LayoutProvider;
-    /** The resizable shell (columns + overlays + floats). Must be rendered inside
-     *  a `Layout.Provider`. Holds the column markers. */
-    Shell: typeof LayoutShell;
-};
-export declare const Layout: LayoutComponent;
-export {};

package/build/cjs/components/Internal/LayoutManager/Layout.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Layout",{enumerable:!0,get:function(){return Layout}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_reactdom=require("react-dom"),_reactresizablepanels=require("react-resizable-panels"),_constants=require("./-constants"),_LayoutProvider=require("./LayoutProvider"),_useHostNodes=require("./useHostNodes"),_useLayout=require("./useLayout"),VALIGNS=["top","center","bottom"],columnHostKey=slot=>`col-${slot}`,overlayHostKey=slot=>`ov-${slot}`,floatHostKey=(align,valign)=>`fl-${align}-${valign}`,FLOAT_HOST_KEYS=["left","center","right"].flatMap(a=>VALIGNS.map(v=>floatHostKey(a,v))),HOST_KEYS=[..._constants.COLUMN_ORDER.map(columnHostKey),overlayHostKey("sidebar"),overlayHostKey("rightPanel"),...FLOAT_HOST_KEYS],HostContext=(0,_react.createContext)({});function useHost(key){return(0,_react.useContext)(HostContext)[key]??null}const ColumnRegistryContext=(0,_react.createContext)(null),FloatRegistryContext=(0,_react.createContext)(null);function useDeclareColumn(slot,reg){let registry=(0,_react.useContext)(ColumnRegistryContext),{minSize,maxSize,collapsible}=reg;(0,_react.useEffect)(()=>{if(registry)return registry.register(slot,{minSize,maxSize,collapsible}),()=>registry.unregister(slot)},[registry,slot,minSize,maxSize,collapsible])}function sideHostKey(slot,mode){return"column"===mode?columnHostKey(slot):"floating"===mode||"sheet"===mode?overlayHostKey(slot):null}function portalInto(node,children){return node?(0,_reactdom.createPortal)(children,node):null}const Sidebar=({children,minSize,maxSize,collapsible=!0})=>{useDeclareColumn("sidebar",{minSize,maxSize,collapsible});let{modes}=(0,_useLayout.useLayout)();return portalInto(useHost(sideHostKey("sidebar",modes.sidebar)??""),children)};Sidebar.displayName="Layout.Sidebar";const RightPanel=({children,minSize,maxSize,collapsible=!0})=>{useDeclareColumn("rightPanel",{minSize,maxSize,collapsible});let{modes}=(0,_useLayout.useLayout)();return portalInto(useHost(sideHostKey("rightPanel",modes.rightPanel)??""),children)};RightPanel.displayName="Layout.RightPanel";const Content=({children,minSize,maxSize})=>(useDeclareColumn("content",{minSize,maxSize,collapsible:!1}),portalInto(useHost(columnHostKey("content")),children));Content.displayName="Layout.Content";const Split=({children,minSize,maxSize})=>{useDeclareColumn("splitview",{minSize,maxSize,collapsible:!0});let{modes}=(0,_useLayout.useLayout)(),host=useHost(columnHostKey("splitview"));return"column"===modes.splitview?portalInto(host,children):null};Split.displayName="Layout.Split";const Float=({children,align,valign})=>{let anchor=floatHostKey(align,valign),registry=(0,_react.useContext)(FloatRegistryContext);(0,_react.useEffect)(()=>{if(registry)return registry.acquire(anchor),()=>registry.release(anchor)},[registry,anchor]);let node=useHost(anchor);return node?(0,_reactdom.createPortal)(_react.default.createElement("div",{style:{pointerEvents:"auto"}},children),node):null};function ColumnRow({columns,declared,sizes,hostFor,onResize,onCollapse}){return _react.default.createElement(_reactresizablepanels.Group,{orientation:"horizontal",style:{height:"100%",width:"100%"},onLayoutChanged:layout=>{columns.forEach(slot=>{let pct=layout[slot];if("number"!=typeof pct)return;let reg=declared[slot];if((reg?.collapsible??"splitview"===slot)&&pct<.5)return void onCollapse(slot);pct>=.5&&onResize(slot,`${pct}%`)})}},columns.map((slot,index)=>{let reg=declared[slot]??{};return _react.default.createElement(_react.default.Fragment,{key:slot},index>0&&_react.default.createElement(_reactresizablepanels.Separator,null),_react.default.createElement(_reactresizablepanels.Panel,{id:slot,defaultSize:"content"===slot?void 0:sizes[slot],collapsible:"content"!==slot,minSize:reg.minSize,maxSize:reg.maxSize},_react.default.createElement("div",{ref:hostFor(columnHostKey(slot)),style:{position:"relative",height:"100%",width:"100%"}})))}))}function SideOverlay({side,sheet,onClose,hostRef}){return _react.default.createElement(_react.default.Fragment,null,sheet&&_react.default.createElement("button",{type:"button","aria-label":"Close","data-ds-id":"LayoutSheetBackdrop",onClick:onClose,style:{position:"absolute",inset:0,border:"none",padding:0,cursor:"pointer",background:"rgba(0,0,0,.4)",pointerEvents:"auto",zIndex:1e3}}),_react.default.createElement("div",{"data-ds-id":"LayoutSideOverlay",style:{position:"absolute",top:12*!sheet,bottom:12*!sheet,[side]:12*!sheet,width:sheet?"80%":320,maxWidth:"90%",background:"var(--ds-surface, #fff)",boxShadow:"0 8px 32px rgba(0,0,0,.2)",borderRadius:8*!sheet,overflow:"auto",pointerEvents:"auto",zIndex:1001},ref:hostRef}))}Float.displayName="Layout.Float";const ALIGN_CSS={left:{left:12,alignItems:"flex-start"},center:{left:"50%",transform:"translateX(-50%)",alignItems:"center"},right:{right:12,alignItems:"flex-end"}},VALIGN_CSS={top:{top:12},center:{top:"50%"},bottom:{bottom:12}};function FloatAnchors({anchors,hostFor}){return _react.default.createElement(_react.default.Fragment,null,anchors.map(key=>{let[align,valign]=key.slice(3).split("-");return _react.default.createElement("div",{key:key,"data-ds-id":`LayoutFloat-${align}-${valign}`,ref:hostFor(key),style:{position:"absolute",display:"flex",zIndex:1002,pointerEvents:"none",...ALIGN_CSS[align],...VALIGN_CSS[valign]}})}))}function LayoutShell({children}){let layout=(0,_useLayout.useLayout)(),{state,modes}=layout,[declared,setDeclared]=(0,_react.useState)({}),registry=(0,_react.useMemo)(()=>({register:(slot,reg)=>setDeclared(prev=>({...prev,[slot]:reg})),unregister:slot=>setDeclared(prev=>{if(!(slot in prev))return prev;let next={...prev};return delete next[slot],next})}),[]),[floatCounts,setFloatCounts]=(0,_react.useState)({}),floatRegistry=(0,_react.useMemo)(()=>({acquire:anchor=>setFloatCounts(prev=>({...prev,[anchor]:(prev[anchor]??0)+1})),release:anchor=>setFloatCounts(prev=>{let next={...prev},count=(next[anchor]??0)-1;return count<=0?delete next[anchor]:next[anchor]=count,next})}),[]),floatAnchors=Object.keys(floatCounts),[nodes,hostCallbacks]=(0,_useHostNodes.useHostNodes)(HOST_KEYS),hostFor=key=>hostCallbacks[key],columns=_constants.COLUMN_ORDER.filter(slot=>declared[slot]&&"column"===modes[slot]),sizes={};columns.forEach(slot=>{sizes[slot]="content"===slot?void 0:state[slot].size});let sideOverlay=(slot,side)=>{let mode=modes[slot];return declared[slot]&&("floating"===mode||"sheet"===mode)?_react.default.createElement(SideOverlay,{side:side,sheet:"sheet"===mode,onClose:()=>layout[slot].close(),hostRef:hostFor(overlayHostKey(slot))}):null};return _react.default.createElement(ColumnRegistryContext.Provider,{value:registry},_react.default.createElement(FloatRegistryContext.Provider,{value:floatRegistry},_react.default.createElement(HostContext.Provider,{value:nodes},_react.default.createElement("div",{"data-ds-id":"Layout",style:{position:"relative",height:"100%",width:"100%"}},columns.length>0&&_react.default.createElement(ColumnRow,{columns:columns,declared:declared,sizes:sizes,hostFor:hostFor,onResize:(key,size)=>layout[key].resize(size),onCollapse:key=>{"sidebar"===key||"rightPanel"===key?layout[key].close():layout[key].hide()}}),sideOverlay("sidebar","left"),sideOverlay("rightPanel","right"),_react.default.createElement(FloatAnchors,{anchors:floatAnchors,hostFor:hostFor}),children))))}const Layout=({children,...rest})=>_react.default.createElement(_LayoutProvider.LayoutProvider,rest,_react.default.createElement(LayoutShell,null,children));Layout.Sidebar=Sidebar,Layout.RightPanel=RightPanel,Layout.Content=Content,Layout.Split=Split,Layout.Float=Float,Layout.Provider=_LayoutProvider.LayoutProvider,Layout.Shell=LayoutShell;

package/build/cjs/components/Internal/LayoutManager/LayoutProvider.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import type { LayoutProviderProps } from "./-types";
-/**
- * Owns the state engine + publishes the mobile breakpoint. Mount once, above the
- * router. Pass `store` to replace the default vanilla engine with a
- * zustand/redux-backed one; otherwise a default store is built from `config`.
- * Hydrates from `persistenceKey` at init and saves (debounced) on change.
- */
-export declare function LayoutProvider({ children, config, store, persistenceKey, storage, mobileBreakpoint, }: LayoutProviderProps): React.ReactElement;

package/build/cjs/components/Internal/LayoutManager/LayoutProvider.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"LayoutProvider",{enumerable:!0,get:function(){return LayoutProvider}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_context=require("./context"),_persistence=require("./persistence"),_reducer=require("./reducer"),_store=require("./store");function LayoutProvider({children,config,store,persistenceKey,storage,mobileBreakpoint}){let storeRef=(0,_react.useRef)(null);if(null===storeRef.current){let initial=(0,_reducer.createInitialState)(config);if(persistenceKey){let snapshot=(0,_persistence.loadSnapshot)((0,_persistence.resolveStorage)(storage),persistenceKey);snapshot&&(initial=(0,_persistence.applyPatch)(initial,snapshot))}storeRef.current=store??(0,_store.createLayoutStore)(initial)}return(0,_react.useEffect)(()=>{let timer;if(!persistenceKey)return;let backend=(0,_persistence.resolveStorage)(storage),activeStore=storeRef.current;if(!backend||!activeStore)return;let unsubscribe=activeStore.subscribe(()=>{timer&&clearTimeout(timer),timer=setTimeout(()=>(0,_persistence.saveSnapshot)(backend,persistenceKey,activeStore.getState()),200)});return()=>{timer&&clearTimeout(timer),unsubscribe()}},[persistenceKey,storage]),_react.default.createElement(_context.LayoutStoreProvider,{value:storeRef.current},_react.default.createElement(_context.MobileBreakpointProvider,{value:mobileBreakpoint},children))}

package/build/cjs/components/Internal/LayoutManager/context.d.ts

@@ -1,12 +0,0 @@
-import type { LayoutState, LayoutStore } from "./-types";
-export declare const LayoutStoreProvider: React.Provider<LayoutStore>;
-/** Get the store from context, or throw if used outside the provider. */
-export declare function useLayoutStore(): LayoutStore;
-export declare const MobileBreakpointProvider: React.Provider<number>;
-export declare function useMobileBreakpoint(): number | undefined;
-/**
- * Subscribe to a slice of layout state via `useSyncExternalStore`. The selector
- * should return a stable reference when nothing relevant changed — the reducer
- * preserves references for untouched positions, so slice selectors are safe.
- */
-export declare function useLayoutSelector<T>(selector: (state: LayoutState) => T): T;

package/build/cjs/components/Internal/LayoutManager/context.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get LayoutStoreProvider(){return LayoutStoreProvider},get MobileBreakpointProvider(){return MobileBreakpointProvider},get useLayoutSelector(){return useLayoutSelector},get useLayoutStore(){return useLayoutStore},get useMobileBreakpoint(){return useMobileBreakpoint}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _react=require("react"),LayoutStoreContext=(0,_react.createContext)(null),LayoutStoreProvider=LayoutStoreContext.Provider;function useLayoutStore(){let store=(0,_react.useContext)(LayoutStoreContext);if(!store)throw Error("useLayout must be used within a <LayoutProvider>.");return store}const MobileBreakpointContext=(0,_react.createContext)(void 0),MobileBreakpointProvider=MobileBreakpointContext.Provider;function useMobileBreakpoint(){return(0,_react.useContext)(MobileBreakpointContext)}function useLayoutSelector(selector){let store=useLayoutStore(),getSnapshot=()=>selector(store.getState());return(0,_react.useSyncExternalStore)(store.subscribe,getSnapshot,getSnapshot)}

package/build/cjs/components/Internal/LayoutManager/index.d.ts

@@ -1,7 +0,0 @@
-export { Layout } from "./Layout";
-export { LayoutProvider } from "./LayoutProvider";
-export { useLayout } from "./useLayout";
-export { useIsMobile } from "./useIsMobile";
-export { createLayoutStore } from "./store";
-export { createInitialState, layoutReducer } from "./reducer";
-export * from "./-types";

package/build/cjs/components/Internal/LayoutManager/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get Layout(){return _Layout.Layout},get LayoutProvider(){return _LayoutProvider.LayoutProvider},get createInitialState(){return _reducer.createInitialState},get createLayoutStore(){return _store.createLayoutStore},get layoutReducer(){return _reducer.layoutReducer},get useIsMobile(){return _useIsMobile.useIsMobile},get useLayout(){return _useLayout.useLayout}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _export_star=require("@swc/helpers/_/_export_star"),_Layout=require("./Layout"),_LayoutProvider=require("./LayoutProvider"),_useLayout=require("./useLayout"),_useIsMobile=require("./useIsMobile"),_store=require("./store"),_reducer=require("./reducer");_export_star._(require("./-types"),exports);

package/build/cjs/components/Internal/LayoutManager/persistence.d.ts

@@ -1,6 +0,0 @@
-import type { LayoutState, LayoutStatePatch, LayoutStorage } from "./-types";
-export declare function resolveStorage(storage?: LayoutStorage): LayoutStorage | undefined;
-export declare function serializeState(state: LayoutState): LayoutStatePatch;
-export declare function applyPatch(state: LayoutState, patch: LayoutStatePatch): LayoutState;
-export declare function loadSnapshot(storage: LayoutStorage | undefined, key: string): LayoutStatePatch | null;
-export declare function saveSnapshot(storage: LayoutStorage | undefined, key: string, state: LayoutState): void;

package/build/cjs/components/Internal/LayoutManager/persistence.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get applyPatch(){return applyPatch},get loadSnapshot(){return loadSnapshot},get resolveStorage(){return resolveStorage},get saveSnapshot(){return saveSnapshot},get serializeState(){return serializeState}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});function resolveStorage(storage){return storage||("undefined"!=typeof window&&window.localStorage?window.localStorage:void 0)}function serializeState(state){return{sidebar:{open:state.sidebar.open,variant:state.sidebar.variant,size:state.sidebar.size},rightPanel:{open:state.rightPanel.open,variant:state.rightPanel.variant,size:state.rightPanel.size},content:{size:state.content.size},splitview:{visible:state.splitview.visible,size:state.splitview.size}}}function applyPatch(state,patch){let next={...state};return Object.keys(patch).forEach(key=>{let incoming=patch[key];incoming&&(next[key]={...next[key],...incoming})}),next}function loadSnapshot(storage,key){if(!storage)return null;try{let raw=storage.getItem(key);if(!raw)return null;let parsed=JSON.parse(raw);if(!parsed||1!==parsed.v||"object"!=typeof parsed.state)return null;return parsed.state}catch{return null}}function saveSnapshot(storage,key,state){if(storage)try{let payload={v:1,state:serializeState(state)};storage.setItem(key,JSON.stringify(payload))}catch{}}

package/build/cjs/components/Internal/LayoutManager/reconcile.d.ts

@@ -1,2 +0,0 @@
-import type { EffectiveModes, LayoutState } from "./-types";
-export declare function resolveModes(state: LayoutState, isMobile: boolean): EffectiveModes;

package/build/cjs/components/Internal/LayoutManager/reconcile.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"resolveModes",{enumerable:!0,get:function(){return resolveModes}});const _constants=require("./-constants");function sideMode(slot,isMobile){return slot.open?isMobile?"sheet":"floating"===slot.variant?"floating":"column":"hidden"}function resolveModes(state,isMobile){let modes={content:"column",splitview:state.splitview.visible?"column":"hidden",sidebar:sideMode(state.sidebar,isMobile),rightPanel:sideMode(state.rightPanel,isMobile)};return _constants.COLUMN_ORDER.filter(key=>"column"===modes[key]).length>_constants.MAX_VISIBLE_COLUMNS&&"column"===modes.sidebar&&(modes.sidebar="floating"),modes}

package/build/cjs/components/Internal/LayoutManager/reducer.d.ts

@@ -1,5 +0,0 @@
-import type { LayoutConfig, LayoutReducer, LayoutState } from "./-types";
-/** Build the initial state from optional config. */
-export declare function createInitialState(config?: LayoutConfig): LayoutState;
-/** Pure reducer. Returns the same reference when nothing changes. */
-export declare const layoutReducer: LayoutReducer;

package/build/cjs/components/Internal/LayoutManager/reducer.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get createInitialState(){return createInitialState},get layoutReducer(){return layoutReducer}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});function sidePanel(config={}){return{kind:"sidePanel",open:config.defaultOpen??!0,collapsible:config.collapsible??!0,variant:config.variant??"sidebar",size:config.defaultSize}}function column(config={}){return{kind:"column",visible:config.defaultVisible??!0,size:config.defaultSize}}function createInitialState(config={}){return{sidebar:sidePanel(config.sidebar),rightPanel:sidePanel({defaultOpen:!1,...config.rightPanel}),content:column(config.content),splitview:column({defaultVisible:!1,...config.splitview})}}const layoutReducer=(state,action)=>{switch(action.type){case"setOpen":{let panel=state[action.panel];if(panel.open===action.open)return state;return{...state,[action.panel]:{...panel,open:action.open}}}case"toggleOpen":{let panel=state[action.panel];return{...state,[action.panel]:{...panel,open:!panel.open}}}case"setVariant":{let panel=state[action.panel];if(panel.variant===action.variant)return state;return{...state,[action.panel]:{...panel,variant:action.variant}}}case"setColumnVisible":{let col=state[action.column];if(col.visible===action.visible)return state;return{...state,[action.column]:{...col,visible:action.visible}}}case"resize":{let slot=state[action.slot];if(slot.size===action.size)return state;return{...state,[action.slot]:{...slot,size:action.size}}}case"hydrate":{let next=state;return Object.keys(action.state).forEach(key=>{let incoming=action.state[key];incoming&&(next={...next,[key]:{...next[key],...incoming}})}),next}default:return state}};

package/build/cjs/components/Internal/LayoutManager/store.d.ts

@@ -1,10 +0,0 @@
-import type { LayoutState, LayoutStore } from "./-types";
-/**
- * Default, dependency-free `LayoutStore` implementation: a tiny pub/sub wrapper
- * around the pure `layoutReducer`. Skips notifying subscribers when an action is
- * a no-op (reducer returns the same reference).
- *
- * Swap this for a zustand/redux-backed store by implementing the same
- * `LayoutStore` interface — bindings and primitives are unaffected.
- */
-export declare function createLayoutStore(initial: LayoutState): LayoutStore;

package/build/cjs/components/Internal/LayoutManager/store.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"createLayoutStore",{enumerable:!0,get:function(){return createLayoutStore}});const _reducer=require("./reducer");function createLayoutStore(initial){let state=initial,listeners=new Set;return{getState:()=>state,dispatch:action=>{let next=(0,_reducer.layoutReducer)(state,action);next!==state&&(state=next,listeners.forEach(listener=>listener()))},subscribe:listener=>(listeners.add(listener),()=>{listeners.delete(listener)})}}

package/build/cjs/components/Internal/LayoutManager/useHostNodes.d.ts

@@ -1,9 +0,0 @@
-/**
- * Manage a map of published DOM host nodes plus stable per-key ref callbacks.
- * Stable callbacks mean React attaches them only on mount/unmount instead of
- * detach/attach every render (which would loop with setState).
- */
-export declare function useHostNodes<P extends string>(positions: readonly P[]): [
-    Partial<Record<P, HTMLElement | null>>,
-    Record<P, (el: HTMLElement | null) => void>
-];

package/build/cjs/components/Internal/LayoutManager/useHostNodes.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"useHostNodes",{enumerable:!0,get:function(){return useHostNodes}});const _react=require("react");function useHostNodes(positions){let[nodes,setNodes]=(0,_react.useState)({});return[nodes,(0,_react.useMemo)(()=>{let map={};return positions.forEach(position=>{map[position]=el=>setNodes(prev=>prev[position]===el?prev:{...prev,[position]:el})}),map},[positions])]}

package/build/cjs/components/Internal/LayoutManager/useIsMobile.d.ts

@@ -1,5 +0,0 @@
-/**
- * True at/below the mobile breakpoint. Uses `matchMedia` via
- * `useSyncExternalStore` (SSR-safe: falls back to `false` on the server).
- */
-export declare function useIsMobile(breakpoint?: number): boolean;

package/build/cjs/components/Internal/LayoutManager/useIsMobile.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"useIsMobile",{enumerable:!0,get:function(){return useIsMobile}});const _react=require("react"),_constants=require("./-constants");function useIsMobile(breakpoint=_constants.DEFAULT_MOBILE_BREAKPOINT){let query=`(max-width: ${breakpoint}px)`;return(0,_react.useSyncExternalStore)(onChange=>{if("undefined"==typeof window||!window.matchMedia)return()=>{};let mql=window.matchMedia(query);return mql.addEventListener("change",onChange),()=>mql.removeEventListener("change",onChange)},()=>"undefined"!=typeof window&&!!window.matchMedia&&window.matchMedia(query).matches,()=>!1)}

package/build/cjs/components/Internal/LayoutManager/useLayout.d.ts

@@ -1,7 +0,0 @@
-import type { LayoutValue } from "./-types";
-/**
- * The single control hook. Returns `state` plus a typed handle per slot and the
- * current `isMobile` flag. Works from any descendant of `<LayoutProvider>` —
- * remote control without prop drilling.
- */
-export declare function useLayout(): LayoutValue;

package/build/cjs/components/Internal/LayoutManager/useLayout.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"useLayout",{enumerable:!0,get:function(){return useLayout}});const _context=require("./context"),_reconcile=require("./reconcile"),_useIsMobile=require("./useIsMobile"),selectAll=state=>state;function sidePanelHandle(panel,state,dispatch){let slot=state[panel];return{state:slot,isOpen:slot.open,open:()=>dispatch({type:"setOpen",panel,open:!0}),close:()=>dispatch({type:"setOpen",panel,open:!1}),toggle:()=>dispatch({type:"toggleOpen",panel}),resize:size=>dispatch({type:"resize",slot:panel,size}),setVariant:variant=>dispatch({type:"setVariant",panel,variant})}}function columnHandle(column,state,dispatch){let slot=state[column];return{state:slot,isVisible:slot.visible,show:()=>dispatch({type:"setColumnVisible",column,visible:!0}),hide:()=>dispatch({type:"setColumnVisible",column,visible:!1}),toggle:()=>dispatch({type:"setColumnVisible",column,visible:!slot.visible}),resize:size=>dispatch({type:"resize",slot:column,size})}}function useLayout(){let store=(0,_context.useLayoutStore)(),state=(0,_context.useLayoutSelector)(selectAll),{dispatch}=store,isMobile=(0,_useIsMobile.useIsMobile)((0,_context.useMobileBreakpoint)());return{state,sidebar:sidePanelHandle("sidebar",state,dispatch),rightPanel:sidePanelHandle("rightPanel",state,dispatch),content:columnHandle("content",state,dispatch),splitview:columnHandle("splitview",state,dispatch),isMobile,modes:(0,_reconcile.resolveModes)(state,isMobile)}}

package/build/esm/components/Internal/LayoutManager/-constants.d.ts

@@ -1,9 +0,0 @@
-import type { ColumnKey, SidePanelKey, SlotKey } from "./-types";
-export declare const SIDE_PANELS: SidePanelKey[];
-export declare const COLUMNS: ColumnKey[];
-/** Left-to-right column order in the resizable row. */
-export declare const COLUMN_ORDER: SlotKey[];
-/** Default mobile breakpoint (px, inclusive max). Matches the DS `m` token. */
-export declare const DEFAULT_MOBILE_BREAKPOINT = 768;
-/** Most in-flow columns allowed at once. A 4th request demotes the sidebar. */
-export declare const MAX_VISIBLE_COLUMNS = 3;

package/build/esm/components/Internal/LayoutManager/-constants.js

@@ -1 +0,0 @@
-export const SIDE_PANELS=["sidebar","rightPanel"];export const COLUMNS=["content","splitview"];export const COLUMN_ORDER=["sidebar","content","splitview","rightPanel"];export const DEFAULT_MOBILE_BREAKPOINT=768;export const MAX_VISIBLE_COLUMNS=3;

package/build/esm/components/Internal/LayoutManager/-types.d.ts

@@ -1,181 +0,0 @@
-import type React from "react";
-/**
- * Layout type contract (DS-1355, simplified direction).
- *
- * Surface = compound components (`Layout.Sidebar` / `Layout.RightPanel` /
- * `Layout.Content` / `Layout.Split` / `Layout.Float`) + one control hook
- * (`useLayout()`). The manager owns the open/collapsed/size state; components
- * render per that state. State engine is replaceable (see `LayoutStore`).
- *
- * Slots (max 4 columns, max 3 visible at once — budget enforcement deferred):
- *   sidebar | content | splitview | rightPanel
- */
-/** A size: plain number = pixels; unitless string = percentage ("10%"). */
-export type Size = number | string;
-/** Side-panel render style (shadcn-derived, AMBOSS-renamed; `inset` dropped). */
-export type Variant = "sidebar" | "floating";
-export type SidePanelKey = "sidebar" | "rightPanel";
-export type ColumnKey = "content" | "splitview";
-export type SlotKey = SidePanelKey | ColumnKey;
-/**
- * Effective render mode of a slot, after the requested→effective reconciler
- * applies the mobile rule and the 3-column budget.
- *   column   — in-flow resizable column
- *   floating — detached overlay panel (desktop)
- *   sheet    — full-height overlay + backdrop (mobile)
- *   hidden   — not rendered
- */
-export type SlotMode = "column" | "floating" | "sheet" | "hidden";
-export type EffectiveModes = Record<SlotKey, SlotMode>;
-/** Float anchor. */
-export type Align = "left" | "center" | "right";
-export type VAlign = "top" | "center" | "bottom";
-export type SidePanelState = {
-    kind: "sidePanel";
-    /** Expanded/visible vs collapsed/off. */
-    open: boolean;
-    /** Whether it can collapse at all. */
-    collapsible: boolean;
-    /** Render style. */
-    variant: Variant;
-    /** Current size (px number or "%" string). */
-    size?: Size;
-};
-export type ColumnState = {
-    kind: "column";
-    /** content is always visible; splitview is toggleable. */
-    visible: boolean;
-    size?: Size;
-};
-export type LayoutState = {
-    sidebar: SidePanelState;
-    rightPanel: SidePanelState;
-    content: ColumnState;
-    splitview: ColumnState;
-};
-export type SidePanelConfig = {
-    defaultOpen?: boolean;
-    collapsible?: boolean;
-    variant?: Variant;
-    defaultSize?: Size;
-    minSize?: Size;
-    maxSize?: Size;
-};
-export type ColumnConfig = {
-    defaultVisible?: boolean;
-    defaultSize?: Size;
-    minSize?: Size;
-    maxSize?: Size;
-};
-export type LayoutConfig = {
-    sidebar?: SidePanelConfig;
-    rightPanel?: SidePanelConfig;
-    content?: ColumnConfig;
-    splitview?: ColumnConfig;
-};
-/** Per-slot partial patch (used by hydrate + reload persistence). */
-export type LayoutStatePatch = {
-    sidebar?: Partial<SidePanelState>;
-    rightPanel?: Partial<SidePanelState>;
-    content?: Partial<ColumnState>;
-    splitview?: Partial<ColumnState>;
-};
-export type LayoutAction = {
-    type: "setOpen";
-    panel: SidePanelKey;
-    open: boolean;
-} | {
-    type: "toggleOpen";
-    panel: SidePanelKey;
-} | {
-    type: "setVariant";
-    panel: SidePanelKey;
-    variant: Variant;
-} | {
-    type: "setColumnVisible";
-    column: ColumnKey;
-    visible: boolean;
-} | {
-    type: "resize";
-    slot: SlotKey;
-    size: Size;
-} | {
-    type: "hydrate";
-    state: LayoutStatePatch;
-};
-export type LayoutReducer = (state: LayoutState, action: LayoutAction) => LayoutState;
-/**
- * Replaceable state engine. Matches `useSyncExternalStore` + zustand/redux
- * conventions. The manager depends only on this interface, so a zustand-backed
- * store can be injected via `<LayoutProvider store={…}>`.
- */
-export type LayoutStore = {
-    getState: () => LayoutState;
-    dispatch: (action: LayoutAction) => void;
-    subscribe: (listener: () => void) => () => void;
-};
-export type LayoutStorage = {
-    getItem: (key: string) => string | null;
-    setItem: (key: string, value: string) => void;
-};
-export type SidePanelHandle = {
-    state: SidePanelState;
-    isOpen: boolean;
-    open: () => void;
-    close: () => void;
-    toggle: () => void;
-    resize: (size: Size) => void;
-    setVariant: (variant: Variant) => void;
-};
-export type ColumnHandle = {
-    state: ColumnState;
-    isVisible: boolean;
-    show: () => void;
-    hide: () => void;
-    toggle: () => void;
-    resize: (size: Size) => void;
-};
-export type LayoutValue = {
-    state: LayoutState;
-    sidebar: SidePanelHandle;
-    rightPanel: SidePanelHandle;
-    content: ColumnHandle;
-    splitview: ColumnHandle;
-    /** True at/below the mobile breakpoint — side panels render as a sheet. */
-    isMobile: boolean;
-    /** Effective render mode per slot after the reconciler (mobile + budget). */
-    modes: EffectiveModes;
-};
-export type SidePanelProps = {
-    children: React.ReactNode;
-    variant?: Variant;
-    collapsible?: boolean;
-    defaultSize?: Size;
-    minSize?: Size;
-    maxSize?: Size;
-};
-export type ContentProps = {
-    children: React.ReactNode;
-    minSize?: Size;
-    maxSize?: Size;
-};
-export type SplitProps = {
-    children: React.ReactNode;
-    defaultSize?: Size;
-    minSize?: Size;
-    maxSize?: Size;
-};
-export type FloatProps = {
-    children: React.ReactNode;
-    align: Align;
-    valign: VAlign;
-};
-export type LayoutProviderProps = {
-    children: React.ReactNode;
-    config?: LayoutConfig;
-    store?: LayoutStore;
-    persistenceKey?: string;
-    storage?: LayoutStorage;
-    /** Mobile breakpoint in px (inclusive max). Defaults to the DS `m` token. */
-    mobileBreakpoint?: number;
-};

package/build/esm/components/Internal/LayoutManager/-types.js

@@ -1 +0,0 @@
-export{};

package/build/esm/components/Internal/LayoutManager/Layout.d.ts

@@ -1,28 +0,0 @@
-import React from "react";
-import type { ReactNode } from "react";
-import { LayoutProvider } from "./LayoutProvider";
-import type { ContentProps, FloatProps, LayoutProviderProps, SidePanelProps, SplitProps } from "./-types";
-declare const Sidebar: React.FC<SidePanelProps>;
-declare const RightPanel: React.FC<SidePanelProps>;
-declare const Content: React.FC<ContentProps>;
-declare const Split: React.FC<SplitProps>;
-declare const Float: React.FC<FloatProps>;
-declare function LayoutShell({ children, }: {
-    children: ReactNode;
-}): React.ReactElement;
-type LayoutComponent = React.FC<LayoutProviderProps> & {
-    Sidebar: typeof Sidebar;
-    RightPanel: typeof RightPanel;
-    Content: typeof Content;
-    Split: typeof Split;
-    Float: typeof Float;
-    /** Context only (store + mobile breakpoint). Use with `Layout.Shell` when you
-     *  need chrome (e.g. a NavBar) that calls `useLayout()` but sits OUTSIDE the
-     *  resizable shell. For the common case use `<Layout>` (provider + shell). */
-    Provider: typeof LayoutProvider;
-    /** The resizable shell (columns + overlays + floats). Must be rendered inside
-     *  a `Layout.Provider`. Holds the column markers. */
-    Shell: typeof LayoutShell;
-};
-export declare const Layout: LayoutComponent;
-export {};

package/build/esm/components/Internal/LayoutManager/Layout.js

@@ -1 +0,0 @@
-import React,{createContext,useContext,useEffect,useMemo,useState}from"react";import{createPortal}from"react-dom";import{Group,Panel,Separator}from"react-resizable-panels";import{COLUMN_ORDER}from"./-constants";import{LayoutProvider}from"./LayoutProvider";import{useHostNodes}from"./useHostNodes";import{useLayout}from"./useLayout";let VALIGNS=["top","center","bottom"],columnHostKey=slot=>`col-${slot}`,overlayHostKey=slot=>`ov-${slot}`,floatHostKey=(align,valign)=>`fl-${align}-${valign}`,FLOAT_HOST_KEYS=["left","center","right"].flatMap(a=>VALIGNS.map(v=>floatHostKey(a,v))),HOST_KEYS=[...COLUMN_ORDER.map(columnHostKey),overlayHostKey("sidebar"),overlayHostKey("rightPanel"),...FLOAT_HOST_KEYS],HostContext=createContext({});function useHost(key){return useContext(HostContext)[key]??null}let ColumnRegistryContext=createContext(null),FloatRegistryContext=createContext(null);function useDeclareColumn(slot,reg){let registry=useContext(ColumnRegistryContext),{minSize,maxSize,collapsible}=reg;useEffect(()=>{if(registry)return registry.register(slot,{minSize,maxSize,collapsible}),()=>registry.unregister(slot)},[registry,slot,minSize,maxSize,collapsible])}function sideHostKey(slot,mode){return"column"===mode?columnHostKey(slot):"floating"===mode||"sheet"===mode?overlayHostKey(slot):null}function portalInto(node,children){return node?createPortal(children,node):null}let Sidebar=({children,minSize,maxSize,collapsible=!0})=>{useDeclareColumn("sidebar",{minSize,maxSize,collapsible});let{modes}=useLayout();return portalInto(useHost(sideHostKey("sidebar",modes.sidebar)??""),children)};Sidebar.displayName="Layout.Sidebar";let RightPanel=({children,minSize,maxSize,collapsible=!0})=>{useDeclareColumn("rightPanel",{minSize,maxSize,collapsible});let{modes}=useLayout();return portalInto(useHost(sideHostKey("rightPanel",modes.rightPanel)??""),children)};RightPanel.displayName="Layout.RightPanel";let Content=({children,minSize,maxSize})=>(useDeclareColumn("content",{minSize,maxSize,collapsible:!1}),portalInto(useHost(columnHostKey("content")),children));Content.displayName="Layout.Content";let Split=({children,minSize,maxSize})=>{useDeclareColumn("splitview",{minSize,maxSize,collapsible:!0});let{modes}=useLayout(),host=useHost(columnHostKey("splitview"));return"column"===modes.splitview?portalInto(host,children):null};Split.displayName="Layout.Split";let Float=({children,align,valign})=>{let anchor=floatHostKey(align,valign),registry=useContext(FloatRegistryContext);useEffect(()=>{if(registry)return registry.acquire(anchor),()=>registry.release(anchor)},[registry,anchor]);let node=useHost(anchor);return node?createPortal(React.createElement("div",{style:{pointerEvents:"auto"}},children),node):null};function ColumnRow({columns,declared,sizes,hostFor,onResize,onCollapse}){return React.createElement(Group,{orientation:"horizontal",style:{height:"100%",width:"100%"},onLayoutChanged:layout=>{columns.forEach(slot=>{let pct=layout[slot];if("number"!=typeof pct)return;let reg=declared[slot];if((reg?.collapsible??"splitview"===slot)&&pct<.5)return void onCollapse(slot);pct>=.5&&onResize(slot,`${pct}%`)})}},columns.map((slot,index)=>{let reg=declared[slot]??{};return React.createElement(React.Fragment,{key:slot},index>0&&React.createElement(Separator,null),React.createElement(Panel,{id:slot,defaultSize:"content"===slot?void 0:sizes[slot],collapsible:"content"!==slot,minSize:reg.minSize,maxSize:reg.maxSize},React.createElement("div",{ref:hostFor(columnHostKey(slot)),style:{position:"relative",height:"100%",width:"100%"}})))}))}function SideOverlay({side,sheet,onClose,hostRef}){return React.createElement(React.Fragment,null,sheet&&React.createElement("button",{type:"button","aria-label":"Close","data-ds-id":"LayoutSheetBackdrop",onClick:onClose,style:{position:"absolute",inset:0,border:"none",padding:0,cursor:"pointer",background:"rgba(0,0,0,.4)",pointerEvents:"auto",zIndex:1e3}}),React.createElement("div",{"data-ds-id":"LayoutSideOverlay",style:{position:"absolute",top:12*!sheet,bottom:12*!sheet,[side]:12*!sheet,width:sheet?"80%":320,maxWidth:"90%",background:"var(--ds-surface, #fff)",boxShadow:"0 8px 32px rgba(0,0,0,.2)",borderRadius:8*!sheet,overflow:"auto",pointerEvents:"auto",zIndex:1001},ref:hostRef}))}Float.displayName="Layout.Float";let ALIGN_CSS={left:{left:12,alignItems:"flex-start"},center:{left:"50%",transform:"translateX(-50%)",alignItems:"center"},right:{right:12,alignItems:"flex-end"}},VALIGN_CSS={top:{top:12},center:{top:"50%"},bottom:{bottom:12}};function FloatAnchors({anchors,hostFor}){return React.createElement(React.Fragment,null,anchors.map(key=>{let[align,valign]=key.slice(3).split("-");return React.createElement("div",{key:key,"data-ds-id":`LayoutFloat-${align}-${valign}`,ref:hostFor(key),style:{position:"absolute",display:"flex",zIndex:1002,pointerEvents:"none",...ALIGN_CSS[align],...VALIGN_CSS[valign]}})}))}function LayoutShell({children}){let layout=useLayout(),{state,modes}=layout,[declared,setDeclared]=useState({}),registry=useMemo(()=>({register:(slot,reg)=>setDeclared(prev=>({...prev,[slot]:reg})),unregister:slot=>setDeclared(prev=>{if(!(slot in prev))return prev;let next={...prev};return delete next[slot],next})}),[]),[floatCounts,setFloatCounts]=useState({}),floatRegistry=useMemo(()=>({acquire:anchor=>setFloatCounts(prev=>({...prev,[anchor]:(prev[anchor]??0)+1})),release:anchor=>setFloatCounts(prev=>{let next={...prev},count=(next[anchor]??0)-1;return count<=0?delete next[anchor]:next[anchor]=count,next})}),[]),floatAnchors=Object.keys(floatCounts),[nodes,hostCallbacks]=useHostNodes(HOST_KEYS),hostFor=key=>hostCallbacks[key],columns=COLUMN_ORDER.filter(slot=>declared[slot]&&"column"===modes[slot]),sizes={};columns.forEach(slot=>{sizes[slot]="content"===slot?void 0:state[slot].size});let sideOverlay=(slot,side)=>{let mode=modes[slot];return declared[slot]&&("floating"===mode||"sheet"===mode)?React.createElement(SideOverlay,{side:side,sheet:"sheet"===mode,onClose:()=>layout[slot].close(),hostRef:hostFor(overlayHostKey(slot))}):null};return React.createElement(ColumnRegistryContext.Provider,{value:registry},React.createElement(FloatRegistryContext.Provider,{value:floatRegistry},React.createElement(HostContext.Provider,{value:nodes},React.createElement("div",{"data-ds-id":"Layout",style:{position:"relative",height:"100%",width:"100%"}},columns.length>0&&React.createElement(ColumnRow,{columns:columns,declared:declared,sizes:sizes,hostFor:hostFor,onResize:(key,size)=>layout[key].resize(size),onCollapse:key=>{"sidebar"===key||"rightPanel"===key?layout[key].close():layout[key].hide()}}),sideOverlay("sidebar","left"),sideOverlay("rightPanel","right"),React.createElement(FloatAnchors,{anchors:floatAnchors,hostFor:hostFor}),children))))}export const Layout=({children,...rest})=>React.createElement(LayoutProvider,rest,React.createElement(LayoutShell,null,children));Layout.Sidebar=Sidebar,Layout.RightPanel=RightPanel,Layout.Content=Content,Layout.Split=Split,Layout.Float=Float,Layout.Provider=LayoutProvider,Layout.Shell=LayoutShell;

package/build/esm/components/Internal/LayoutManager/LayoutProvider.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import type { LayoutProviderProps } from "./-types";
-/**
- * Owns the state engine + publishes the mobile breakpoint. Mount once, above the
- * router. Pass `store` to replace the default vanilla engine with a
- * zustand/redux-backed one; otherwise a default store is built from `config`.
- * Hydrates from `persistenceKey` at init and saves (debounced) on change.
- */
-export declare function LayoutProvider({ children, config, store, persistenceKey, storage, mobileBreakpoint, }: LayoutProviderProps): React.ReactElement;

package/build/esm/components/Internal/LayoutManager/LayoutProvider.js

@@ -1 +0,0 @@
-import React,{useEffect,useRef}from"react";import{LayoutStoreProvider,MobileBreakpointProvider}from"./context";import{applyPatch,loadSnapshot,resolveStorage,saveSnapshot}from"./persistence";import{createInitialState}from"./reducer";import{createLayoutStore}from"./store";export function LayoutProvider({children,config,store,persistenceKey,storage,mobileBreakpoint}){let storeRef=useRef(null);if(null===storeRef.current){let initial=createInitialState(config);if(persistenceKey){let snapshot=loadSnapshot(resolveStorage(storage),persistenceKey);snapshot&&(initial=applyPatch(initial,snapshot))}storeRef.current=store??createLayoutStore(initial)}return useEffect(()=>{let timer;if(!persistenceKey)return;let backend=resolveStorage(storage),activeStore=storeRef.current;if(!backend||!activeStore)return;let unsubscribe=activeStore.subscribe(()=>{timer&&clearTimeout(timer),timer=setTimeout(()=>saveSnapshot(backend,persistenceKey,activeStore.getState()),200)});return()=>{timer&&clearTimeout(timer),unsubscribe()}},[persistenceKey,storage]),React.createElement(LayoutStoreProvider,{value:storeRef.current},React.createElement(MobileBreakpointProvider,{value:mobileBreakpoint},children))}

package/build/esm/components/Internal/LayoutManager/context.d.ts

@@ -1,12 +0,0 @@
-import type { LayoutState, LayoutStore } from "./-types";
-export declare const LayoutStoreProvider: React.Provider<LayoutStore>;
-/** Get the store from context, or throw if used outside the provider. */
-export declare function useLayoutStore(): LayoutStore;
-export declare const MobileBreakpointProvider: React.Provider<number>;
-export declare function useMobileBreakpoint(): number | undefined;
-/**
- * Subscribe to a slice of layout state via `useSyncExternalStore`. The selector
- * should return a stable reference when nothing relevant changed — the reducer
- * preserves references for untouched positions, so slice selectors are safe.
- */
-export declare function useLayoutSelector<T>(selector: (state: LayoutState) => T): T;

package/build/esm/components/Internal/LayoutManager/context.js

@@ -1 +0,0 @@
-import{createContext,useContext,useSyncExternalStore}from"react";let LayoutStoreContext=createContext(null);export const LayoutStoreProvider=LayoutStoreContext.Provider;export function useLayoutStore(){let store=useContext(LayoutStoreContext);if(!store)throw Error("useLayout must be used within a <LayoutProvider>.");return store}let MobileBreakpointContext=createContext(void 0);export const MobileBreakpointProvider=MobileBreakpointContext.Provider;export function useMobileBreakpoint(){return useContext(MobileBreakpointContext)}export function useLayoutSelector(selector){let store=useLayoutStore(),getSnapshot=()=>selector(store.getState());return useSyncExternalStore(store.subscribe,getSnapshot,getSnapshot)}

package/build/esm/components/Internal/LayoutManager/index.d.ts

@@ -1,7 +0,0 @@
-export { Layout } from "./Layout";
-export { LayoutProvider } from "./LayoutProvider";
-export { useLayout } from "./useLayout";
-export { useIsMobile } from "./useIsMobile";
-export { createLayoutStore } from "./store";
-export { createInitialState, layoutReducer } from "./reducer";
-export * from "./-types";

package/build/esm/components/Internal/LayoutManager/index.js

@@ -1 +0,0 @@
-export{Layout}from"./Layout";export{LayoutProvider}from"./LayoutProvider";export{useLayout}from"./useLayout";export{useIsMobile}from"./useIsMobile";export{createLayoutStore}from"./store";export{createInitialState,layoutReducer}from"./reducer";export*from"./-types";

package/build/esm/components/Internal/LayoutManager/persistence.d.ts

@@ -1,6 +0,0 @@
-import type { LayoutState, LayoutStatePatch, LayoutStorage } from "./-types";
-export declare function resolveStorage(storage?: LayoutStorage): LayoutStorage | undefined;
-export declare function serializeState(state: LayoutState): LayoutStatePatch;
-export declare function applyPatch(state: LayoutState, patch: LayoutStatePatch): LayoutState;
-export declare function loadSnapshot(storage: LayoutStorage | undefined, key: string): LayoutStatePatch | null;
-export declare function saveSnapshot(storage: LayoutStorage | undefined, key: string, state: LayoutState): void;

package/build/esm/components/Internal/LayoutManager/persistence.js

@@ -1 +0,0 @@
-export function resolveStorage(storage){return storage||("undefined"!=typeof window&&window.localStorage?window.localStorage:void 0)}export function serializeState(state){return{sidebar:{open:state.sidebar.open,variant:state.sidebar.variant,size:state.sidebar.size},rightPanel:{open:state.rightPanel.open,variant:state.rightPanel.variant,size:state.rightPanel.size},content:{size:state.content.size},splitview:{visible:state.splitview.visible,size:state.splitview.size}}}export function applyPatch(state,patch){let next={...state};return Object.keys(patch).forEach(key=>{let incoming=patch[key];incoming&&(next[key]={...next[key],...incoming})}),next}export function loadSnapshot(storage,key){if(!storage)return null;try{let raw=storage.getItem(key);if(!raw)return null;let parsed=JSON.parse(raw);if(!parsed||1!==parsed.v||"object"!=typeof parsed.state)return null;return parsed.state}catch{return null}}export function saveSnapshot(storage,key,state){if(storage)try{let payload={v:1,state:serializeState(state)};storage.setItem(key,JSON.stringify(payload))}catch{}}

package/build/esm/components/Internal/LayoutManager/reconcile.d.ts

@@ -1,2 +0,0 @@
-import type { EffectiveModes, LayoutState } from "./-types";
-export declare function resolveModes(state: LayoutState, isMobile: boolean): EffectiveModes;

package/build/esm/components/Internal/LayoutManager/reconcile.js

@@ -1 +0,0 @@
-import{COLUMN_ORDER,MAX_VISIBLE_COLUMNS}from"./-constants";function sideMode(slot,isMobile){return slot.open?isMobile?"sheet":"floating"===slot.variant?"floating":"column":"hidden"}export function resolveModes(state,isMobile){let modes={content:"column",splitview:state.splitview.visible?"column":"hidden",sidebar:sideMode(state.sidebar,isMobile),rightPanel:sideMode(state.rightPanel,isMobile)};return COLUMN_ORDER.filter(key=>"column"===modes[key]).length>MAX_VISIBLE_COLUMNS&&"column"===modes.sidebar&&(modes.sidebar="floating"),modes}

package/build/esm/components/Internal/LayoutManager/reducer.d.ts

@@ -1,5 +0,0 @@
-import type { LayoutConfig, LayoutReducer, LayoutState } from "./-types";
-/** Build the initial state from optional config. */
-export declare function createInitialState(config?: LayoutConfig): LayoutState;
-/** Pure reducer. Returns the same reference when nothing changes. */
-export declare const layoutReducer: LayoutReducer;

package/build/esm/components/Internal/LayoutManager/reducer.js

@@ -1 +0,0 @@
-function sidePanel(config={}){return{kind:"sidePanel",open:config.defaultOpen??!0,collapsible:config.collapsible??!0,variant:config.variant??"sidebar",size:config.defaultSize}}function column(config={}){return{kind:"column",visible:config.defaultVisible??!0,size:config.defaultSize}}export function createInitialState(config={}){return{sidebar:sidePanel(config.sidebar),rightPanel:sidePanel({defaultOpen:!1,...config.rightPanel}),content:column(config.content),splitview:column({defaultVisible:!1,...config.splitview})}}export const layoutReducer=(state,action)=>{switch(action.type){case"setOpen":{let panel=state[action.panel];if(panel.open===action.open)return state;return{...state,[action.panel]:{...panel,open:action.open}}}case"toggleOpen":{let panel=state[action.panel];return{...state,[action.panel]:{...panel,open:!panel.open}}}case"setVariant":{let panel=state[action.panel];if(panel.variant===action.variant)return state;return{...state,[action.panel]:{...panel,variant:action.variant}}}case"setColumnVisible":{let col=state[action.column];if(col.visible===action.visible)return state;return{...state,[action.column]:{...col,visible:action.visible}}}case"resize":{let slot=state[action.slot];if(slot.size===action.size)return state;return{...state,[action.slot]:{...slot,size:action.size}}}case"hydrate":{let next=state;return Object.keys(action.state).forEach(key=>{let incoming=action.state[key];incoming&&(next={...next,[key]:{...next[key],...incoming}})}),next}default:return state}};

package/build/esm/components/Internal/LayoutManager/store.d.ts

@@ -1,10 +0,0 @@
-import type { LayoutState, LayoutStore } from "./-types";
-/**
- * Default, dependency-free `LayoutStore` implementation: a tiny pub/sub wrapper
- * around the pure `layoutReducer`. Skips notifying subscribers when an action is
- * a no-op (reducer returns the same reference).
- *
- * Swap this for a zustand/redux-backed store by implementing the same
- * `LayoutStore` interface — bindings and primitives are unaffected.
- */
-export declare function createLayoutStore(initial: LayoutState): LayoutStore;

package/build/esm/components/Internal/LayoutManager/store.js

@@ -1 +0,0 @@
-import{layoutReducer}from"./reducer";export function createLayoutStore(initial){let state=initial,listeners=new Set;return{getState:()=>state,dispatch:action=>{let next=layoutReducer(state,action);next!==state&&(state=next,listeners.forEach(listener=>listener()))},subscribe:listener=>(listeners.add(listener),()=>{listeners.delete(listener)})}}

package/build/esm/components/Internal/LayoutManager/useHostNodes.d.ts

@@ -1,9 +0,0 @@
-/**
- * Manage a map of published DOM host nodes plus stable per-key ref callbacks.
- * Stable callbacks mean React attaches them only on mount/unmount instead of
- * detach/attach every render (which would loop with setState).
- */
-export declare function useHostNodes<P extends string>(positions: readonly P[]): [
-    Partial<Record<P, HTMLElement | null>>,
-    Record<P, (el: HTMLElement | null) => void>
-];

package/build/esm/components/Internal/LayoutManager/useHostNodes.js

@@ -1 +0,0 @@
-import{useMemo,useState}from"react";export function useHostNodes(positions){let[nodes,setNodes]=useState({});return[nodes,useMemo(()=>{let map={};return positions.forEach(position=>{map[position]=el=>setNodes(prev=>prev[position]===el?prev:{...prev,[position]:el})}),map},[positions])]}

package/build/esm/components/Internal/LayoutManager/useIsMobile.d.ts

@@ -1,5 +0,0 @@
-/**
- * True at/below the mobile breakpoint. Uses `matchMedia` via
- * `useSyncExternalStore` (SSR-safe: falls back to `false` on the server).
- */
-export declare function useIsMobile(breakpoint?: number): boolean;

package/build/esm/components/Internal/LayoutManager/useIsMobile.js

@@ -1 +0,0 @@
-import{useSyncExternalStore}from"react";import{DEFAULT_MOBILE_BREAKPOINT}from"./-constants";export function useIsMobile(breakpoint=DEFAULT_MOBILE_BREAKPOINT){let query=`(max-width: ${breakpoint}px)`;return useSyncExternalStore(onChange=>{if("undefined"==typeof window||!window.matchMedia)return()=>{};let mql=window.matchMedia(query);return mql.addEventListener("change",onChange),()=>mql.removeEventListener("change",onChange)},()=>"undefined"!=typeof window&&!!window.matchMedia&&window.matchMedia(query).matches,()=>!1)}

package/build/esm/components/Internal/LayoutManager/useLayout.d.ts

@@ -1,7 +0,0 @@
-import type { LayoutValue } from "./-types";
-/**
- * The single control hook. Returns `state` plus a typed handle per slot and the
- * current `isMobile` flag. Works from any descendant of `<LayoutProvider>` —
- * remote control without prop drilling.
- */
-export declare function useLayout(): LayoutValue;

package/build/esm/components/Internal/LayoutManager/useLayout.js

@@ -1 +0,0 @@
-import{useLayoutSelector,useLayoutStore,useMobileBreakpoint}from"./context";import{resolveModes}from"./reconcile";import{useIsMobile}from"./useIsMobile";let selectAll=state=>state;function sidePanelHandle(panel,state,dispatch){let slot=state[panel];return{state:slot,isOpen:slot.open,open:()=>dispatch({type:"setOpen",panel,open:!0}),close:()=>dispatch({type:"setOpen",panel,open:!1}),toggle:()=>dispatch({type:"toggleOpen",panel}),resize:size=>dispatch({type:"resize",slot:panel,size}),setVariant:variant=>dispatch({type:"setVariant",panel,variant})}}function columnHandle(column,state,dispatch){let slot=state[column];return{state:slot,isVisible:slot.visible,show:()=>dispatch({type:"setColumnVisible",column,visible:!0}),hide:()=>dispatch({type:"setColumnVisible",column,visible:!1}),toggle:()=>dispatch({type:"setColumnVisible",column,visible:!slot.visible}),resize:size=>dispatch({type:"resize",slot:column,size})}}export function useLayout(){let store=useLayoutStore(),state=useLayoutSelector(selectAll),{dispatch}=store,isMobile=useIsMobile(useMobileBreakpoint());return{state,sidebar:sidePanelHandle("sidebar",state,dispatch),rightPanel:sidePanelHandle("rightPanel",state,dispatch),content:columnHandle("content",state,dispatch),splitview:columnHandle("splitview",state,dispatch),isMobile,modes:resolveModes(state,isMobile)}}