@amboss/design-system 4.0.5 → 4.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amboss/design-system",
-  "version": "4.0.5",
+  "version": "4.0.6",
   "description": "the design system for AMBOSS products",
   "author": "AMBOSS",
   "license": "ISC",
@@ -170,12 +170,12 @@
     "@auto-it/npm": "^11.1.6",
     "@auto-it/released": "^10.13.2",
     "@emotion/jest": "^11.11.0",
-    "@storybook/addon-a11y": "~10.4.2",
-    "@storybook/addon-docs": "~10.4.2",
-    "@storybook/addon-links": "~10.4.2",
-    "@storybook/addon-mcp": "^0.6.0",
-    "@storybook/addon-vitest": "~10.4.2",
-    "@storybook/react-vite": "~10.4.2",
+    "@storybook/addon-a11y": "10.5.2",
+    "@storybook/addon-docs": "10.5.2",
+    "@storybook/addon-links": "10.5.2",
+    "@storybook/addon-mcp": "^0.7.0",
+    "@storybook/addon-vitest": "10.5.2",
+    "@storybook/react-vite": "10.5.2",
     "@swc/cli": "^0.1.65",
     "@swc/core": "~1.11.31",
     "@swc/plugin-emotion": "^9.0.0",
@@ -221,7 +221,7 @@
     "prettier": "^2.2.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "storybook": "~10.4.2",
+    "storybook": "10.5.2",
     "style-dictionary": "^3.8.0",
     "svg-to-pdfkit": "^0.1.8",
     "svg2vectordrawable": "^2.9.1",

package/build/cjs/components/Internal/Drawer/useDrawerAnimation.d.ts

@@ -1,26 +0,0 @@
-import { type AnimationEventHandler } from "react";
-export type DrawerAnimation = {
-    /** Whether the node should render at all (entering, present, or mid-exit). */
-    isMounted: boolean;
-    /** True while the exit animation is playing; drives enter vs exit keyframes. */
-    isLeaving: boolean;
-    /** Attach to the animated content node; tears it down once its exit animation ends. */
-    onAnimationEnd: AnimationEventHandler<HTMLElement>;
-};
-/**
- * Manages the drawer's presence across the enter/exit lifecycle. Styling
- * (keyframes, timing) lives in the component; this hook only decides whether
- * the node is mounted and which direction it is animating.
- *
- * The enter animation is pure CSS that plays on mount, so it needs no state.
- * The exit does: the consumer drives `isVisible`, and when it flips to `false`
- * the node stays mounted (`isLeaving === true`, tracked internally) until the
- * exit animation ends, then `onUnmount` fires. A `useLayoutEffect` flips into
- * the closing state before paint so the node isn't dropped for a frame.
- * Reduced motion tears down immediately, since with no animation there is no
- * `animationend` to wait for.
- */
-export declare function useDrawerAnimation({ isVisible, onUnmount, }: {
-    isVisible: boolean;
-    onUnmount?: () => void;
-}): DrawerAnimation;

package/build/cjs/components/Internal/Drawer/useDrawerAnimation.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"useDrawerAnimation",{enumerable:!0,get:function(){return useDrawerAnimation}});const _react=require("react"),_useWindow=require("../../../shared/useWindow");function useDrawerAnimation({isVisible,onUnmount}){let window=(0,_useWindow.useWindow)(),[isClosing,setIsClosing]=(0,_react.useState)(!1),wasVisible=(0,_react.useRef)(isVisible),isLeaving=isClosing&&!isVisible;(0,_react.useLayoutEffect)(()=>{if(isVisible)setIsClosing(!1);else wasVisible.current&&(window.matchMedia?.("(prefers-reduced-motion: reduce)")?.matches?onUnmount?.():setIsClosing(!0));wasVisible.current=isVisible},[isVisible,onUnmount,window]);let onAnimationEnd=(0,_react.useCallback)(event=>{event.target===event.currentTarget&&isLeaving&&(setIsClosing(!1),onUnmount?.())},[isLeaving,onUnmount]);return{isMounted:isVisible||isClosing,isLeaving,onAnimationEnd}}

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

@@ -1,20 +0,0 @@
-/**
- * Track portal-container DOM elements by key, with stable per-key ref callbacks.
- * Used by `Layout` to capture each panel's host `<div>` (the `createPortal`
- * container) so markers can portal their content into it.
- *
- * Given a fixed list of keys, returns `[elements, refs]`:
- *  - `refs[key]` - a ref callback to attach to an element; captures it into
- *    `elements[key]` (and clears it to `null` on unmount).
- *  - `elements[key]` - the currently-attached element (undefined until set).
- *
- * The callbacks are **stable** across renders, so React invokes them only on
- * mount/unmount - not detach/attach every render. (An inline `ref={el => …}`
- * that calls setState would get a new identity each render and loop.)
- *
- * Generic over the key type, so it works for any fixed key set.
- */
-export declare function usePortalContainerRefs<K extends string>(keys: readonly K[]): [
-    Partial<Record<K, HTMLElement | null>>,
-    Record<K, (el: HTMLElement | null) => void>
-];

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

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

package/build/esm/components/Internal/Drawer/useDrawerAnimation.d.ts

@@ -1,26 +0,0 @@
-import { type AnimationEventHandler } from "react";
-export type DrawerAnimation = {
-    /** Whether the node should render at all (entering, present, or mid-exit). */
-    isMounted: boolean;
-    /** True while the exit animation is playing; drives enter vs exit keyframes. */
-    isLeaving: boolean;
-    /** Attach to the animated content node; tears it down once its exit animation ends. */
-    onAnimationEnd: AnimationEventHandler<HTMLElement>;
-};
-/**
- * Manages the drawer's presence across the enter/exit lifecycle. Styling
- * (keyframes, timing) lives in the component; this hook only decides whether
- * the node is mounted and which direction it is animating.
- *
- * The enter animation is pure CSS that plays on mount, so it needs no state.
- * The exit does: the consumer drives `isVisible`, and when it flips to `false`
- * the node stays mounted (`isLeaving === true`, tracked internally) until the
- * exit animation ends, then `onUnmount` fires. A `useLayoutEffect` flips into
- * the closing state before paint so the node isn't dropped for a frame.
- * Reduced motion tears down immediately, since with no animation there is no
- * `animationend` to wait for.
- */
-export declare function useDrawerAnimation({ isVisible, onUnmount, }: {
-    isVisible: boolean;
-    onUnmount?: () => void;
-}): DrawerAnimation;

package/build/esm/components/Internal/Drawer/useDrawerAnimation.js

@@ -1 +0,0 @@
-import{useCallback,useLayoutEffect,useRef,useState}from"react";import{useWindow}from"../../../shared/useWindow";export function useDrawerAnimation({isVisible,onUnmount}){let window=useWindow(),[isClosing,setIsClosing]=useState(!1),wasVisible=useRef(isVisible),isLeaving=isClosing&&!isVisible;useLayoutEffect(()=>{if(isVisible)setIsClosing(!1);else wasVisible.current&&(window.matchMedia?.("(prefers-reduced-motion: reduce)")?.matches?onUnmount?.():setIsClosing(!0));wasVisible.current=isVisible},[isVisible,onUnmount,window]);let onAnimationEnd=useCallback(event=>{event.target===event.currentTarget&&isLeaving&&(setIsClosing(!1),onUnmount?.())},[isLeaving,onUnmount]);return{isMounted:isVisible||isClosing,isLeaving,onAnimationEnd}}

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

@@ -1,20 +0,0 @@
-/**
- * Track portal-container DOM elements by key, with stable per-key ref callbacks.
- * Used by `Layout` to capture each panel's host `<div>` (the `createPortal`
- * container) so markers can portal their content into it.
- *
- * Given a fixed list of keys, returns `[elements, refs]`:
- *  - `refs[key]` - a ref callback to attach to an element; captures it into
- *    `elements[key]` (and clears it to `null` on unmount).
- *  - `elements[key]` - the currently-attached element (undefined until set).
- *
- * The callbacks are **stable** across renders, so React invokes them only on
- * mount/unmount - not detach/attach every render. (An inline `ref={el => …}`
- * that calls setState would get a new identity each render and loop.)
- *
- * Generic over the key type, so it works for any fixed key set.
- */
-export declare function usePortalContainerRefs<K extends string>(keys: readonly K[]): [
-    Partial<Record<K, HTMLElement | null>>,
-    Record<K, (el: HTMLElement | null) => void>
-];

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

@@ -1 +0,0 @@
-import{useMemo,useState}from"react";export function usePortalContainerRefs(keys){let[elements,setElements]=useState({});return[elements,useMemo(()=>{let map={};return keys.forEach(key=>{map[key]=el=>setElements(prev=>prev[key]===el?prev:{...prev,[key]:el})}),map},[keys])]}