@amboss/design-system 4.0.0-next.6 → 4.0.0-next.7

package/build/cjs/components/Layout/LayoutVars.d.ts

@@ -1,18 +0,0 @@
-import React from "react";
-import type { LayoutVarStore } from "./varStore";
-export declare const LayoutVarStoreProvider: React.Provider<LayoutVarStore>;
-/**
- * Publish one layout CSS var. Call it from the component that owns the logic of
- * *why* the value changes (e.g. the subnav: `compact ? 0 : height`). The value
- * is registered on mount/update and removed on unmount, so the var only exists
- * while its producer is mounted. An empty-string value is treated as unset (the
- * var is removed) — lets a producer opt out without breaking hook order. No-op
- * outside a `Layout.Provider`.
- */
-export declare function useLayoutVar(name: string, value: string): void;
-/**
- * The single sink: renders every registered layout var in ONE place. Today it
- * targets `:root`; to scope the vars to a host element later, change only this
- * component — producers are untouched.
- */
-export declare function LayoutVars(): React.ReactElement;

package/build/cjs/components/Layout/LayoutVars.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get LayoutVarStoreProvider(){return LayoutVarStoreProvider},get LayoutVars(){return LayoutVars},get useLayoutVar(){return useLayoutVar}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_react1=require("@emotion/react"),LayoutVarStoreContext=(0,_react.createContext)(null),LayoutVarStoreProvider=LayoutVarStoreContext.Provider,EMPTY_VARS={},NOOP_SUBSCRIBE=()=>()=>{};function useLayoutVar(name,value){let store=(0,_react.useContext)(LayoutVarStoreContext);(0,_react.useEffect)(()=>{if(store)return""===value?void store.remove(name):(store.set(name,value),()=>store.remove(name))},[store,name,value])}function LayoutVars(){let vars=function(){let store=(0,_react.useContext)(LayoutVarStoreContext);return(0,_react.useSyncExternalStore)(store?.subscribe??NOOP_SUBSCRIBE,store?store.getSnapshot:()=>EMPTY_VARS,()=>EMPTY_VARS)}();return _react.default.createElement(_react1.Global,{styles:[{":root":vars},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGF5b3V0L0xheW91dFZhcnMudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9MYXlvdXQvTGF5b3V0VmFycy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7XG4gIGNyZWF0ZUNvbnRleHQsXG4gIHVzZUNvbnRleHQsXG4gIHVzZUVmZmVjdCxcbiAgdXNlU3luY0V4dGVybmFsU3RvcmUsXG59IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgR2xvYmFsIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IExheW91dFZhclN0b3JlIH0gZnJvbSBcIi4vdmFyU3RvcmVcIjtcblxuLyoqXG4gKiBDb250ZXh0IGNhcnJpZXMgdGhlIFZBUi1TVE9SRSBSRUZFUkVOQ0UgKHN0YWJsZSBmb3IgdGhlIHByb3ZpZGVyJ3MgbGlmZXRpbWUpLFxuICogbm90IHRoZSB2YWx1ZXMg4oCUIHNhbWUgYXBwcm9hY2ggYXMgdGhlIGxheW91dCBzdG9yZS4gUHJvZHVjZXJzIHB1Ymxpc2ggdGhyb3VnaFxuICogYHVzZUxheW91dFZhcmA7IHRoZSBgPExheW91dFZhcnM+YCBzaW5rIHJlYWRzIHRoZSB3aG9sZSBtYXAuXG4gKi9cbmNvbnN0IExheW91dFZhclN0b3JlQ29udGV4dCA9IGNyZWF0ZUNvbnRleHQ8TGF5b3V0VmFyU3RvcmUgfCBudWxsPihudWxsKTtcblxuZXhwb3J0IGNvbnN0IExheW91dFZhclN0b3JlUHJvdmlkZXIgPSBMYXlvdXRWYXJTdG9yZUNvbnRleHQuUHJvdmlkZXI7XG5cbi8vIFN0YWJsZSBmYWxsYmFja3Mgc28gdGhlIGhvb2tzIGJlbG93IGFyZSBzYWZlIHRvIGNhbGwgb3V0c2lkZSBhIHByb3ZpZGVyLlxuY29uc3QgRU1QVFlfVkFSUzogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9IHt9O1xuY29uc3QgTk9PUF9TVUJTQ1JJQkUgPSAoKTogKCgpID0+IHZvaWQpID0+ICgpID0+IHt9O1xuXG4vKipcbiAqIFB1Ymxpc2ggb25lIGxheW91dCBDU1MgdmFyLiBDYWxsIGl0IGZyb20gdGhlIGNvbXBvbmVudCB0aGF0IG93bnMgdGhlIGxvZ2ljIG9mXG4gKiAqd2h5KiB0aGUgdmFsdWUgY2hhbmdlcyAoZS5nLiB0aGUgc3VibmF2OiBgY29tcGFjdCA/IDAgOiBoZWlnaHRgKS4gVGhlIHZhbHVlXG4gKiBpcyByZWdpc3RlcmVkIG9uIG1vdW50L3VwZGF0ZSBhbmQgcmVtb3ZlZCBvbiB1bm1vdW50LCBzbyB0aGUgdmFyIG9ubHkgZXhpc3RzXG4gKiB3aGlsZSBpdHMgcHJvZHVjZXIgaXMgbW91bnRlZC4gQW4gZW1wdHktc3RyaW5nIHZhbHVlIGlzIHRyZWF0ZWQgYXMgdW5zZXQgKHRoZVxuICogdmFyIGlzIHJlbW92ZWQpIOKAlCBsZXRzIGEgcHJvZHVjZXIgb3B0IG91dCB3aXRob3V0IGJyZWFraW5nIGhvb2sgb3JkZXIuIE5vLW9wXG4gKiBvdXRzaWRlIGEgYExheW91dC5Qcm92aWRlcmAuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiB1c2VMYXlvdXRWYXIobmFtZTogc3RyaW5nLCB2YWx1ZTogc3RyaW5nKTogdm9pZCB7XG4gIGNvbnN0IHN0b3JlID0gdXNlQ29udGV4dChMYXlvdXRWYXJTdG9yZUNvbnRleHQpO1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghc3RvcmUpIHJldHVybiB1bmRlZmluZWQ7XG4gICAgaWYgKHZhbHVlID09PSBcIlwiKSB7XG4gICAgICBzdG9yZS5yZW1vdmUobmFtZSk7XG4gICAgICByZXR1cm4gdW5kZWZpbmVkO1xuICAgIH1cbiAgICBzdG9yZS5zZXQobmFtZSwgdmFsdWUpO1xuICAgIHJldHVybiAoKSA9PiBzdG9yZS5yZW1vdmUobmFtZSk7XG4gIH0sIFtzdG9yZSwgbmFtZSwgdmFsdWVdKTtcbn1cblxuZnVuY3Rpb24gdXNlTGF5b3V0VmFycygpOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+IHtcbiAgY29uc3Qgc3RvcmUgPSB1c2VDb250ZXh0KExheW91dFZhclN0b3JlQ29udGV4dCk7XG4gIHJldHVybiB1c2VTeW5jRXh0ZXJuYWxTdG9yZShcbiAgICBzdG9yZT8uc3Vic2NyaWJlID8/IE5PT1BfU1VCU0NSSUJFLFxuICAgIHN0b3JlID8gc3RvcmUuZ2V0U25hcHNob3QgOiAoKSA9PiBFTVBUWV9WQVJTLFxuICAgICgpID0+IEVNUFRZX1ZBUlNcbiAgKTtcbn1cblxuLyoqXG4gKiBUaGUgc2luZ2xlIHNpbms6IHJlbmRlcnMgZXZlcnkgcmVnaXN0ZXJlZCBsYXlvdXQgdmFyIGluIE9ORSBwbGFjZS4gVG9kYXkgaXRcbiAqIHRhcmdldHMgYDpyb290YDsgdG8gc2NvcGUgdGhlIHZhcnMgdG8gYSBob3N0IGVsZW1lbnQgbGF0ZXIsIGNoYW5nZSBvbmx5IHRoaXNcbiAqIGNvbXBvbmVudCDigJQgcHJvZHVjZXJzIGFyZSB1bnRvdWNoZWQuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBMYXlvdXRWYXJzKCk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHZhcnMgPSB1c2VMYXlvdXRWYXJzKCk7XG4gIHJldHVybiA8R2xvYmFsIHN0eWxlcz17eyBcIjpyb290XCI6IHZhcnMgfX0gLz47XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkRVIn0= */"]})}

package/build/cjs/components/Layout/Sidebar.d.ts

@@ -1,8 +0,0 @@
-import type React from "react";
-import type { SidePanelProps } from "./-types";
-/**
- * Left side panel. Declares the `sidebar` slot and portals its content into the
- * Group's host while visible. Renders in-flow (a resizable column) — the
- * offcanvas overlay / mobile sheet is deferred.
- */
-export declare const Sidebar: React.FC<SidePanelProps>;

package/build/cjs/components/Layout/Sidebar.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Sidebar",{enumerable:!0,get:function(){return Sidebar}});const _constants=require("./-constants"),_registry=require("./registry"),_useLayout=require("./useLayout"),Sidebar=({children,defaultSize,minSize,maxSize,collapsible=!0,onVisibleChange})=>{let{isVisible}=(0,_useLayout.useLayout)()[_constants.Slot.sidebar];return(0,_registry.useDeclarePanel)(_constants.Slot.sidebar,{defaultSize,minSize,maxSize,collapsible}),(0,_registry.useVisibleChange)(isVisible,onVisibleChange),(0,_registry.useLayoutPortal)(_constants.Slot.sidebar,isVisible?children:null)};

package/build/cjs/components/Layout/varStore.js

@@ -1 +0,0 @@
-"use strict";function createLayoutVarStore(){let vars={},listeners=new Set,notify=()=>listeners.forEach(listener=>listener());return{getSnapshot:()=>vars,set:(name,value)=>{vars[name]!==value&&(vars={...vars,[name]:value},notify())},remove:name=>{if(!(name in vars))return;let next={...vars};delete next[name],vars=next,notify()},subscribe:listener=>(listeners.add(listener),()=>{listeners.delete(listener)})}}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"createLayoutVarStore",{enumerable:!0,get:function(){return createLayoutVarStore}});

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

@@ -1,2 +0,0 @@
-export { Panel } from "./Panel";
-export type { PanelItem, PanelProps } from "./Panel";

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

@@ -1 +0,0 @@
-export{Panel}from"./Panel";

package/build/esm/components/Layout/LayoutVars.d.ts

@@ -1,18 +0,0 @@
-import React from "react";
-import type { LayoutVarStore } from "./varStore";
-export declare const LayoutVarStoreProvider: React.Provider<LayoutVarStore>;
-/**
- * Publish one layout CSS var. Call it from the component that owns the logic of
- * *why* the value changes (e.g. the subnav: `compact ? 0 : height`). The value
- * is registered on mount/update and removed on unmount, so the var only exists
- * while its producer is mounted. An empty-string value is treated as unset (the
- * var is removed) — lets a producer opt out without breaking hook order. No-op
- * outside a `Layout.Provider`.
- */
-export declare function useLayoutVar(name: string, value: string): void;
-/**
- * The single sink: renders every registered layout var in ONE place. Today it
- * targets `:root`; to scope the vars to a host element later, change only this
- * component — producers are untouched.
- */
-export declare function LayoutVars(): React.ReactElement;

package/build/esm/components/Layout/LayoutVars.js

@@ -1 +0,0 @@
-import React,{createContext,useContext,useEffect,useSyncExternalStore}from"react";import{Global}from"@emotion/react";let LayoutVarStoreContext=createContext(null);export const LayoutVarStoreProvider=LayoutVarStoreContext.Provider;let EMPTY_VARS={},NOOP_SUBSCRIBE=()=>()=>{};export function useLayoutVar(name,value){let store=useContext(LayoutVarStoreContext);useEffect(()=>{if(store)return""===value?void store.remove(name):(store.set(name,value),()=>store.remove(name))},[store,name,value])}export function LayoutVars(){let vars=function(){let store=useContext(LayoutVarStoreContext);return useSyncExternalStore(store?.subscribe??NOOP_SUBSCRIBE,store?store.getSnapshot:()=>EMPTY_VARS,()=>EMPTY_VARS)}();return React.createElement(Global,{styles:[{":root":vars},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGF5b3V0L0xheW91dFZhcnMudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9MYXlvdXQvTGF5b3V0VmFycy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7XG4gIGNyZWF0ZUNvbnRleHQsXG4gIHVzZUNvbnRleHQsXG4gIHVzZUVmZmVjdCxcbiAgdXNlU3luY0V4dGVybmFsU3RvcmUsXG59IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgR2xvYmFsIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IExheW91dFZhclN0b3JlIH0gZnJvbSBcIi4vdmFyU3RvcmVcIjtcblxuLyoqXG4gKiBDb250ZXh0IGNhcnJpZXMgdGhlIFZBUi1TVE9SRSBSRUZFUkVOQ0UgKHN0YWJsZSBmb3IgdGhlIHByb3ZpZGVyJ3MgbGlmZXRpbWUpLFxuICogbm90IHRoZSB2YWx1ZXMg4oCUIHNhbWUgYXBwcm9hY2ggYXMgdGhlIGxheW91dCBzdG9yZS4gUHJvZHVjZXJzIHB1Ymxpc2ggdGhyb3VnaFxuICogYHVzZUxheW91dFZhcmA7IHRoZSBgPExheW91dFZhcnM+YCBzaW5rIHJlYWRzIHRoZSB3aG9sZSBtYXAuXG4gKi9cbmNvbnN0IExheW91dFZhclN0b3JlQ29udGV4dCA9IGNyZWF0ZUNvbnRleHQ8TGF5b3V0VmFyU3RvcmUgfCBudWxsPihudWxsKTtcblxuZXhwb3J0IGNvbnN0IExheW91dFZhclN0b3JlUHJvdmlkZXIgPSBMYXlvdXRWYXJTdG9yZUNvbnRleHQuUHJvdmlkZXI7XG5cbi8vIFN0YWJsZSBmYWxsYmFja3Mgc28gdGhlIGhvb2tzIGJlbG93IGFyZSBzYWZlIHRvIGNhbGwgb3V0c2lkZSBhIHByb3ZpZGVyLlxuY29uc3QgRU1QVFlfVkFSUzogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9IHt9O1xuY29uc3QgTk9PUF9TVUJTQ1JJQkUgPSAoKTogKCgpID0+IHZvaWQpID0+ICgpID0+IHt9O1xuXG4vKipcbiAqIFB1Ymxpc2ggb25lIGxheW91dCBDU1MgdmFyLiBDYWxsIGl0IGZyb20gdGhlIGNvbXBvbmVudCB0aGF0IG93bnMgdGhlIGxvZ2ljIG9mXG4gKiAqd2h5KiB0aGUgdmFsdWUgY2hhbmdlcyAoZS5nLiB0aGUgc3VibmF2OiBgY29tcGFjdCA/IDAgOiBoZWlnaHRgKS4gVGhlIHZhbHVlXG4gKiBpcyByZWdpc3RlcmVkIG9uIG1vdW50L3VwZGF0ZSBhbmQgcmVtb3ZlZCBvbiB1bm1vdW50LCBzbyB0aGUgdmFyIG9ubHkgZXhpc3RzXG4gKiB3aGlsZSBpdHMgcHJvZHVjZXIgaXMgbW91bnRlZC4gQW4gZW1wdHktc3RyaW5nIHZhbHVlIGlzIHRyZWF0ZWQgYXMgdW5zZXQgKHRoZVxuICogdmFyIGlzIHJlbW92ZWQpIOKAlCBsZXRzIGEgcHJvZHVjZXIgb3B0IG91dCB3aXRob3V0IGJyZWFraW5nIGhvb2sgb3JkZXIuIE5vLW9wXG4gKiBvdXRzaWRlIGEgYExheW91dC5Qcm92aWRlcmAuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiB1c2VMYXlvdXRWYXIobmFtZTogc3RyaW5nLCB2YWx1ZTogc3RyaW5nKTogdm9pZCB7XG4gIGNvbnN0IHN0b3JlID0gdXNlQ29udGV4dChMYXlvdXRWYXJTdG9yZUNvbnRleHQpO1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghc3RvcmUpIHJldHVybiB1bmRlZmluZWQ7XG4gICAgaWYgKHZhbHVlID09PSBcIlwiKSB7XG4gICAgICBzdG9yZS5yZW1vdmUobmFtZSk7XG4gICAgICByZXR1cm4gdW5kZWZpbmVkO1xuICAgIH1cbiAgICBzdG9yZS5zZXQobmFtZSwgdmFsdWUpO1xuICAgIHJldHVybiAoKSA9PiBzdG9yZS5yZW1vdmUobmFtZSk7XG4gIH0sIFtzdG9yZSwgbmFtZSwgdmFsdWVdKTtcbn1cblxuZnVuY3Rpb24gdXNlTGF5b3V0VmFycygpOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+IHtcbiAgY29uc3Qgc3RvcmUgPSB1c2VDb250ZXh0KExheW91dFZhclN0b3JlQ29udGV4dCk7XG4gIHJldHVybiB1c2VTeW5jRXh0ZXJuYWxTdG9yZShcbiAgICBzdG9yZT8uc3Vic2NyaWJlID8/IE5PT1BfU1VCU0NSSUJFLFxuICAgIHN0b3JlID8gc3RvcmUuZ2V0U25hcHNob3QgOiAoKSA9PiBFTVBUWV9WQVJTLFxuICAgICgpID0+IEVNUFRZX1ZBUlNcbiAgKTtcbn1cblxuLyoqXG4gKiBUaGUgc2luZ2xlIHNpbms6IHJlbmRlcnMgZXZlcnkgcmVnaXN0ZXJlZCBsYXlvdXQgdmFyIGluIE9ORSBwbGFjZS4gVG9kYXkgaXRcbiAqIHRhcmdldHMgYDpyb290YDsgdG8gc2NvcGUgdGhlIHZhcnMgdG8gYSBob3N0IGVsZW1lbnQgbGF0ZXIsIGNoYW5nZSBvbmx5IHRoaXNcbiAqIGNvbXBvbmVudCDigJQgcHJvZHVjZXJzIGFyZSB1bnRvdWNoZWQuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBMYXlvdXRWYXJzKCk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHZhcnMgPSB1c2VMYXlvdXRWYXJzKCk7XG4gIHJldHVybiA8R2xvYmFsIHN0eWxlcz17eyBcIjpyb290XCI6IHZhcnMgfX0gLz47XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkRVIn0= */"]})}

package/build/esm/components/Layout/Sidebar.d.ts

@@ -1,8 +0,0 @@
-import type React from "react";
-import type { SidePanelProps } from "./-types";
-/**
- * Left side panel. Declares the `sidebar` slot and portals its content into the
- * Group's host while visible. Renders in-flow (a resizable column) — the
- * offcanvas overlay / mobile sheet is deferred.
- */
-export declare const Sidebar: React.FC<SidePanelProps>;

package/build/esm/components/Layout/Sidebar.js

@@ -1 +0,0 @@
-import{Slot}from"./-constants";import{useDeclarePanel,useLayoutPortal,useVisibleChange}from"./registry";import{useLayout}from"./useLayout";export const Sidebar=({children,defaultSize,minSize,maxSize,collapsible=!0,onVisibleChange})=>{let{isVisible}=useLayout()[Slot.sidebar];return useDeclarePanel(Slot.sidebar,{defaultSize,minSize,maxSize,collapsible}),useVisibleChange(isVisible,onVisibleChange),useLayoutPortal(Slot.sidebar,isVisible?children:null)};

package/build/esm/components/Layout/varStore.js

@@ -1 +0,0 @@
-export function createLayoutVarStore(){let vars={},listeners=new Set,notify=()=>listeners.forEach(listener=>listener());return{getSnapshot:()=>vars,set:(name,value)=>{vars[name]!==value&&(vars={...vars,[name]:value},notify())},remove:name=>{if(!(name in vars))return;let next={...vars};delete next[name],vars=next,notify()},subscribe:listener=>(listeners.add(listener),()=>{listeners.delete(listener)})}}