@dynamic-framework/ui-react 2.10.0 → 2.11.0

package/dist/esm/components/DTabs/DTabs.js

@@ -1,33 +1,29 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState, useCallback, useEffect, useMemo, useRef, createRef } from 'react';
+import { useContext, useState, useCallback, useEffect, useMemo, useRef, Children } from 'react';
 import classNames from 'classnames';
-import TabContext from './TabContext.js';
+import TabContext, { TabsStateContext } from './TabContext.js';
 import DTabContent from './components/DTabContent.js';
+import DTabsProvider from './components/DTabsProvider.js';
 
-function DTabs({ children, defaultSelected, onChange, options, className, classNameTab, style, vertical, variant = 'underline', dataAttributes, ariaLabel, ariaLabelledBy, }) {
-    const [selected, setSelected] = useState(defaultSelected);
+function DTabs({ children, defaultSelected, onChange, options, className, classNameTab, classNameContent, style, vertical, variant = 'underline', dataAttributes, ariaLabel, ariaLabelledBy, }) {
+    var _a;
+    const shared = useContext(TabsStateContext);
+    const [ownSelected, setOwnSelected] = useState(defaultSelected);
+    const selected = shared
+        ? shared.selected
+        : ownSelected !== null && ownSelected !== void 0 ? ownSelected : (_a = options.find((opt) => !opt.disabled)) === null || _a === void 0 ? void 0 : _a.tab;
+    const setSelected = shared ? shared.setSelected : setOwnSelected;
     const onSelect = useCallback((option) => {
         if (option.tab) {
             setSelected(option.tab);
         }
         onChange === null || onChange === void 0 ? void 0 : onChange(option);
-    }, [onChange]);
+    }, [onChange, setSelected]);
     useEffect(() => {
-        setSelected(defaultSelected);
+        setOwnSelected(defaultSelected);
     }, [defaultSelected]);
     const generateClasses = useMemo(() => (Object.assign({ nav: true, 'd-tabs-nav-vertical': vertical && variant !== 'tabs', [`nav-${variant}`]: true }, className && { [className]: true })), [vertical, variant, className]);
     const tabRefs = useRef([]);
-    // Always holds the latest `options` without needing to be a dependency:
-    // `options` is commonly passed as an inline array literal (e.g.
-    // `options={[{ label: 'SMS', tab: 'sms' }, ...]}`), so it's a new array
-    // reference on every parent render even when its content hasn't changed.
-    // Reading it from this ref (updated synchronously on every render) lets
-    // the focus effect below react only to `selected` changing.
-    const optionsRef = useRef(options);
-    optionsRef.current = options;
-    useEffect(() => {
-        tabRefs.current = options.map((_, i) => tabRefs.current[i] || createRef());
-    }, [options]);
     // Ensure selected is never disabled
     useEffect(() => {
         if (options.length === 0)
@@ -38,29 +34,16 @@ function DTabs({ children, defaultSelected, onChange, options, className, classN
             if (firstEnabled)
                 setSelected(firstEnabled.tab);
         }
-    }, [options, selected]);
-    // Declarative focus management. Wrapped in `useCallback` with an empty
-    // dependency array since it only reads from the `tabRefs` ref, so its
-    // identity stays stable across renders and it can safely be used as an
-    // effect dependency below.
+    }, [options, selected, setSelected]);
+    // Focus only moves in response to the user: arrow keys and clicks call
+    // this directly. Changes to `selected` that don't come from an interaction
+    // (mount, a new `defaultSelected`, the disabled-tab fallback above) leave
+    // focus where it is, so the page doesn't scroll to the tablist and no other
+    // element (a search field, an OTP input) loses focus.
     const focusTab = useCallback((idx) => {
         var _a;
-        if ((_a = tabRefs.current[idx]) === null || _a === void 0 ? void 0 : _a.current) {
-            tabRefs.current[idx].current.focus();
-        }
+        (_a = tabRefs.current[idx]) === null || _a === void 0 ? void 0 : _a.focus();
     }, []);
-    // Focus selected tab when selected changes.
-    // Reads `options` from `optionsRef` (see comment above) instead of
-    // depending on `options` directly, so a parent re-render that merely
-    // creates a new `options` reference with identical content doesn't call
-    // `focusTab` again and steal focus away from unrelated elements on the
-    // page (e.g. an OTP input).
-    useEffect(() => {
-        const idx = optionsRef.current.findIndex((opt) => opt.tab === selected && !opt.disabled);
-        if (idx !== -1) {
-            focusTab(idx);
-        }
-    }, [selected, focusTab]);
     const handleKeyDown = useCallback((idx, e) => {
         const count = options.length;
         if (count === 0)
@@ -89,7 +72,7 @@ function DTabs({ children, defaultSelected, onChange, options, className, classN
                 }
             }
         }
-    }, [options, vertical, focusTab]);
+    }, [options, vertical, focusTab, setSelected]);
     let tablistProps = {};
     if (ariaLabelledBy) {
         tablistProps = { 'aria-labelledby': ariaLabelledBy };
@@ -106,11 +89,17 @@ function DTabs({ children, defaultSelected, onChange, options, className, classN
                 'd-tabs-column': !vertical || variant === 'tabs',
             }), style: style }, dataAttributes, { children: [jsx("ul", Object.assign({ className: classNames(generateClasses), role: "tablist", "aria-orientation": vertical ? 'vertical' : undefined }, tablistProps, { children: options.map((option, idx) => {
                         const isTabSelected = !!option.tab && option.tab === selected;
-                        return (jsx("li", { role: "presentation", className: "nav-item", children: jsx("button", { ref: tabRefs.current[idx], id: `${option.tab}Tab`, className: classNames('nav-link', { active: isTabSelected }, classNameTab), type: "button", role: "tab", "aria-controls": `${option.tab}Pane`, "aria-selected": isTabSelected, tabIndex: isTabSelected ? 0 : -1, disabled: option.disabled, onClick: () => onSelect(option), onKeyDown: (e) => handleKeyDown(idx, e), children: option.label }) }, option.tab));
-                    }) })), jsx("div", { className: "d-tabs-content tab-content", children: children })] })) }));
+                        return (jsx("li", { role: "presentation", className: "nav-item", children: jsx("button", { ref: (element) => {
+                                    tabRefs.current[idx] = element;
+                                }, id: `${option.tab}Tab`, className: classNames('nav-link', { active: isTabSelected }, classNameTab), type: "button", role: "tab", "aria-controls": `${option.tab}Pane`, "aria-selected": isTabSelected, tabIndex: isTabSelected ? 0 : -1, disabled: option.disabled, onClick: () => {
+                                    focusTab(idx);
+                                    onSelect(option);
+                                }, onKeyDown: (e) => handleKeyDown(idx, e), children: option.label }) }, option.tab));
+                    }) })), Children.toArray(children).length > 0 && (jsx("div", { className: classNames('d-tabs-content tab-content', classNameContent), children: children }))] })) }));
 }
 var DTabs$1 = Object.assign(DTabs, {
     Tab: DTabContent,
+    Provider: DTabsProvider,
 });
 
 export { DTabs$1 as default };

package/dist/esm/components/DTabs/DTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DTabs.js","sources":["../../../../dist-transpiled/components/DTabs/DTabs.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useState, useCallback, useEffect, useRef, createRef, useMemo, } from 'react';\nimport classNames from 'classnames';\nimport TabContext from './TabContext';\nimport DTabContent from './components/DTabContent';\nfunction DTabs({ children, defaultSelected, onChange, options, className, classNameTab, style, vertical, variant = 'underline', dataAttributes, ariaLabel, ariaLabelledBy, }) {\n    const [selected, setSelected] = useState(defaultSelected);\n    const onSelect = useCallback((option) => {\n        if (option.tab) {\n            setSelected(option.tab);\n        }\n        onChange === null || onChange === void 0 ? void 0 : onChange(option);\n    }, [onChange]);\n    useEffect(() => {\n        setSelected(defaultSelected);\n    }, [defaultSelected]);\n    const generateClasses = useMemo(() => (Object.assign({ nav: true, 'd-tabs-nav-vertical': vertical && variant !== 'tabs', [`nav-${variant}`]: true }, className && { [className]: true })), [vertical, variant, className]);\n    const tabRefs = useRef([]);\n    // Always holds the latest `options` without needing to be a dependency:\n    // `options` is commonly passed as an inline array literal (e.g.\n    // `options={[{ label: 'SMS', tab: 'sms' }, ...]}`), so it's a new array\n    // reference on every parent render even when its content hasn't changed.\n    // Reading it from this ref (updated synchronously on every render) lets\n    // the focus effect below react only to `selected` changing.\n    const optionsRef = useRef(options);\n    optionsRef.current = options;\n    useEffect(() => {\n        tabRefs.current = options.map((_, i) => tabRefs.current[i] || createRef());\n    }, [options]);\n    // Ensure selected is never disabled\n    useEffect(() => {\n        if (options.length === 0)\n            return;\n        const selectedOption = options.find((opt) => opt.tab === selected);\n        if (selectedOption && selectedOption.disabled) {\n            const firstEnabled = options.find((opt) => !opt.disabled);\n            if (firstEnabled)\n                setSelected(firstEnabled.tab);\n        }\n    }, [options, selected]);\n    // Declarative focus management. Wrapped in `useCallback` with an empty\n    // dependency array since it only reads from the `tabRefs` ref, so its\n    // identity stays stable across renders and it can safely be used as an\n    // effect dependency below.\n    const focusTab = useCallback((idx) => {\n        var _a;\n        if ((_a = tabRefs.current[idx]) === null || _a === void 0 ? void 0 : _a.current) {\n            tabRefs.current[idx].current.focus();\n        }\n    }, []);\n    // Focus selected tab when selected changes.\n    // Reads `options` from `optionsRef` (see comment above) instead of\n    // depending on `options` directly, so a parent re-render that merely\n    // creates a new `options` reference with identical content doesn't call\n    // `focusTab` again and steal focus away from unrelated elements on the\n    // page (e.g. an OTP input).\n    useEffect(() => {\n        const idx = optionsRef.current.findIndex((opt) => opt.tab === selected && !opt.disabled);\n        if (idx !== -1) {\n            focusTab(idx);\n        }\n    }, [selected, focusTab]);\n    const handleKeyDown = useCallback((idx, e) => {\n        const count = options.length;\n        if (count === 0)\n            return;\n        let next = idx;\n        let prev = idx;\n        if (e.key === 'ArrowRight' || (vertical && e.key === 'ArrowDown')) {\n            e.preventDefault();\n            for (let i = 0; i < count; i += 1) {\n                next = (next + 1) % count;\n                if (!options[next].disabled) {\n                    focusTab(next);\n                    setSelected(options[next].tab);\n                    break;\n                }\n            }\n        }\n        if (e.key === 'ArrowLeft' || (vertical && e.key === 'ArrowUp')) {\n            e.preventDefault();\n            for (let i = 0; i < count; i += 1) {\n                prev = (prev - 1 + count) % count;\n                if (!options[prev].disabled) {\n                    focusTab(prev);\n                    setSelected(options[prev].tab);\n                    break;\n                }\n            }\n        }\n    }, [options, vertical, focusTab]);\n    let tablistProps = {};\n    if (ariaLabelledBy) {\n        tablistProps = { 'aria-labelledby': ariaLabelledBy };\n    }\n    else if (ariaLabel) {\n        tablistProps = { 'aria-label': ariaLabel };\n    }\n    const isSelected = useCallback((tab) => (selected === tab), [selected]);\n    const value = useMemo(() => ({\n        isSelected,\n    }), [isSelected]);\n    return (_jsx(TabContext.Provider, { value: value, children: _jsxs(\"div\", Object.assign({ className: classNames({\n                'd-tabs': true,\n                'd-tabs-column': !vertical || variant === 'tabs',\n            }), style: style }, dataAttributes, { children: [_jsx(\"ul\", Object.assign({ className: classNames(generateClasses), role: \"tablist\", \"aria-orientation\": vertical ? 'vertical' : undefined }, tablistProps, { children: options.map((option, idx) => {\n                        const isTabSelected = !!option.tab && option.tab === selected;\n                        return (_jsx(\"li\", { role: \"presentation\", className: \"nav-item\", children: _jsx(\"button\", { ref: tabRefs.current[idx], id: `${option.tab}Tab`, className: classNames('nav-link', { active: isTabSelected }, classNameTab), type: \"button\", role: \"tab\", \"aria-controls\": `${option.tab}Pane`, \"aria-selected\": isTabSelected, tabIndex: isTabSelected ? 0 : -1, disabled: option.disabled, onClick: () => onSelect(option), onKeyDown: (e) => handleKeyDown(idx, e), children: option.label }) }, option.tab));\n                    }) })), _jsx(\"div\", { className: \"d-tabs-content tab-content\", children: children })] })) }));\n}\nexport default Object.assign(DTabs, {\n    Tab: DTabContent,\n});\n//# sourceMappingURL=DTabs.js.map"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"DTabs.js","sources":["../../../../dist-transpiled/components/DTabs/DTabs.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Children, useState, useCallback, useContext, useEffect, useRef, useMemo, } from 'react';\nimport classNames from 'classnames';\nimport TabContext, { TabsStateContext } from './TabContext';\nimport DTabContent from './components/DTabContent';\nimport DTabsProvider from './components/DTabsProvider';\nfunction DTabs({ children, defaultSelected, onChange, options, className, classNameTab, classNameContent, style, vertical, variant = 'underline', dataAttributes, ariaLabel, ariaLabelledBy, }) {\n    var _a;\n    const shared = useContext(TabsStateContext);\n    const [ownSelected, setOwnSelected] = useState(defaultSelected);\n    const selected = shared\n        ? shared.selected\n        : ownSelected !== null && ownSelected !== void 0 ? ownSelected : (_a = options.find((opt) => !opt.disabled)) === null || _a === void 0 ? void 0 : _a.tab;\n    const setSelected = shared ? shared.setSelected : setOwnSelected;\n    const onSelect = useCallback((option) => {\n        if (option.tab) {\n            setSelected(option.tab);\n        }\n        onChange === null || onChange === void 0 ? void 0 : onChange(option);\n    }, [onChange, setSelected]);\n    useEffect(() => {\n        setOwnSelected(defaultSelected);\n    }, [defaultSelected]);\n    const generateClasses = useMemo(() => (Object.assign({ nav: true, 'd-tabs-nav-vertical': vertical && variant !== 'tabs', [`nav-${variant}`]: true }, className && { [className]: true })), [vertical, variant, className]);\n    const tabRefs = useRef([]);\n    // Ensure selected is never disabled\n    useEffect(() => {\n        if (options.length === 0)\n            return;\n        const selectedOption = options.find((opt) => opt.tab === selected);\n        if (selectedOption && selectedOption.disabled) {\n            const firstEnabled = options.find((opt) => !opt.disabled);\n            if (firstEnabled)\n                setSelected(firstEnabled.tab);\n        }\n    }, [options, selected, setSelected]);\n    // Focus only moves in response to the user: arrow keys and clicks call\n    // this directly. Changes to `selected` that don't come from an interaction\n    // (mount, a new `defaultSelected`, the disabled-tab fallback above) leave\n    // focus where it is, so the page doesn't scroll to the tablist and no other\n    // element (a search field, an OTP input) loses focus.\n    const focusTab = useCallback((idx) => {\n        var _a;\n        (_a = tabRefs.current[idx]) === null || _a === void 0 ? void 0 : _a.focus();\n    }, []);\n    const handleKeyDown = useCallback((idx, e) => {\n        const count = options.length;\n        if (count === 0)\n            return;\n        let next = idx;\n        let prev = idx;\n        if (e.key === 'ArrowRight' || (vertical && e.key === 'ArrowDown')) {\n            e.preventDefault();\n            for (let i = 0; i < count; i += 1) {\n                next = (next + 1) % count;\n                if (!options[next].disabled) {\n                    focusTab(next);\n                    setSelected(options[next].tab);\n                    break;\n                }\n            }\n        }\n        if (e.key === 'ArrowLeft' || (vertical && e.key === 'ArrowUp')) {\n            e.preventDefault();\n            for (let i = 0; i < count; i += 1) {\n                prev = (prev - 1 + count) % count;\n                if (!options[prev].disabled) {\n                    focusTab(prev);\n                    setSelected(options[prev].tab);\n                    break;\n                }\n            }\n        }\n    }, [options, vertical, focusTab, setSelected]);\n    let tablistProps = {};\n    if (ariaLabelledBy) {\n        tablistProps = { 'aria-labelledby': ariaLabelledBy };\n    }\n    else if (ariaLabel) {\n        tablistProps = { 'aria-label': ariaLabel };\n    }\n    const isSelected = useCallback((tab) => (selected === tab), [selected]);\n    const value = useMemo(() => ({\n        isSelected,\n    }), [isSelected]);\n    return (_jsx(TabContext.Provider, { value: value, children: _jsxs(\"div\", Object.assign({ className: classNames({\n                'd-tabs': true,\n                'd-tabs-column': !vertical || variant === 'tabs',\n            }), style: style }, dataAttributes, { children: [_jsx(\"ul\", Object.assign({ className: classNames(generateClasses), role: \"tablist\", \"aria-orientation\": vertical ? 'vertical' : undefined }, tablistProps, { children: options.map((option, idx) => {\n                        const isTabSelected = !!option.tab && option.tab === selected;\n                        return (_jsx(\"li\", { role: \"presentation\", className: \"nav-item\", children: _jsx(\"button\", { ref: (element) => {\n                                    tabRefs.current[idx] = element;\n                                }, id: `${option.tab}Tab`, className: classNames('nav-link', { active: isTabSelected }, classNameTab), type: \"button\", role: \"tab\", \"aria-controls\": `${option.tab}Pane`, \"aria-selected\": isTabSelected, tabIndex: isTabSelected ? 0 : -1, disabled: option.disabled, onClick: () => {\n                                    focusTab(idx);\n                                    onSelect(option);\n                                }, onKeyDown: (e) => handleKeyDown(idx, e), children: option.label }) }, option.tab));\n                    }) })), Children.toArray(children).length > 0 && (_jsx(\"div\", { className: classNames('d-tabs-content tab-content', classNameContent), children: children }))] })) }));\n}\nexport default Object.assign(DTabs, {\n    Tab: DTabContent,\n    Provider: DTabsProvider,\n});\n//# sourceMappingURL=DTabs.js.map"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/components/DTabs/TabContext.js

@@ -1,13 +1,14 @@
 import { useContext, createContext } from 'react';
 
 const TabContext = createContext(undefined);
+const TabsStateContext = createContext(undefined);
 function useTabContext() {
     const context = useContext(TabContext);
     if (context === undefined) {
-        throw new Error('useTabContext was used outside of MTab');
+        throw new Error('useTabContext was used outside of DTabs');
     }
     return context;
 }
 
-export { TabContext as default, useTabContext };
+export { TabsStateContext, TabContext as default, useTabContext };
 //# sourceMappingURL=TabContext.js.map

package/dist/esm/components/DTabs/TabContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabContext.js","sources":["../../../../dist-transpiled/components/DTabs/TabContext.js"],"sourcesContent":["import { createContext, useContext } from 'react';\nconst TabContext = createContext(undefined);\nexport function useTabContext() {\n    const context = useContext(TabContext);\n    if (context === undefined) {\n        throw new Error('useTabContext was used outside of MTab');\n    }\n    return context;\n}\nexport default TabContext;\n//# sourceMappingURL=TabContext.js.map"],"names":[],"mappings":";;AACK,MAAC,UAAU,GAAG,aAAa,CAAC,SAAS;AACnC,SAAS,aAAa,GAAG;AAChC,IAAI,MAAM,OAAO,GAAG,UAAU,CAAC,UAAU,CAAC;AAC1C,IAAI,IAAI,OAAO,KAAK,SAAS,EAAE;AAC/B,QAAQ,MAAM,IAAI,KAAK,CAAC,wCAAwC,CAAC;AACjE,IAAI;AACJ,IAAI,OAAO,OAAO;AAClB;;;;"}
+{"version":3,"file":"TabContext.js","sources":["../../../../dist-transpiled/components/DTabs/TabContext.js"],"sourcesContent":["import { createContext, useContext } from 'react';\nconst TabContext = createContext(undefined);\nexport const TabsStateContext = createContext(undefined);\nexport function useTabContext() {\n    const context = useContext(TabContext);\n    if (context === undefined) {\n        throw new Error('useTabContext was used outside of DTabs');\n    }\n    return context;\n}\nexport default TabContext;\n//# sourceMappingURL=TabContext.js.map"],"names":[],"mappings":";;AACK,MAAC,UAAU,GAAG,aAAa,CAAC,SAAS;AAC9B,MAAC,gBAAgB,GAAG,aAAa,CAAC,SAAS;AAChD,SAAS,aAAa,GAAG;AAChC,IAAI,MAAM,OAAO,GAAG,UAAU,CAAC,UAAU,CAAC;AAC1C,IAAI,IAAI,OAAO,KAAK,SAAS,EAAE;AAC/B,QAAQ,MAAM,IAAI,KAAK,CAAC,yCAAyC,CAAC;AAClE,IAAI;AACJ,IAAI,OAAO,OAAO;AAClB;;;;"}

package/dist/esm/components/DTabs/components/DTabContent.js

@@ -1,13 +1,13 @@
 import { jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
-import { useTabContext } from '../TabContext.js';
+import { useTabContext, TabsStateContext } from '../TabContext.js';
 
 function DTabContent({ tab, children, className, style, }) {
     const { isSelected } = useTabContext();
     if (!isSelected(tab)) {
         return null;
     }
-    return (jsx("div", { className: classNames('tab-pane fade show active', className), id: `${tab}Pane`, role: "tabpanel", tabIndex: 0, "aria-labelledby": `${tab}Tab`, style: style, children: children }));
+    return (jsx("div", { className: classNames('tab-pane fade show active', className), id: `${tab}Pane`, role: "tabpanel", tabIndex: 0, "aria-labelledby": `${tab}Tab`, style: style, children: jsx(TabsStateContext.Provider, { value: undefined, children: children }) }));
 }
 
 export { DTabContent as default };

package/dist/esm/components/DTabs/components/DTabContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DTabContent.js","sources":["../../../../../dist-transpiled/components/DTabs/components/DTabContent.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport classNames from 'classnames';\nimport { useTabContext } from '../TabContext';\nexport default function DTabContent({ tab, children, className, style, }) {\n    const { isSelected } = useTabContext();\n    if (!isSelected(tab)) {\n        return null;\n    }\n    return (_jsx(\"div\", { className: classNames('tab-pane fade show active', className), id: `${tab}Pane`, role: \"tabpanel\", tabIndex: 0, \"aria-labelledby\": `${tab}Tab`, style: style, children: children }));\n}\n//# sourceMappingURL=DTabContent.js.map"],"names":["_jsx"],"mappings":";;;;AAGe,SAAS,WAAW,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE;AAC1E,IAAI,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,EAAE;AAC1C,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;AAC1B,QAAQ,OAAO,IAAI;AACnB,IAAI;AACJ,IAAI,QAAQA,GAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,2BAA2B,EAAE,SAAS,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,EAAE,iBAAiB,EAAE,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AAC7M;;;;"}
+{"version":3,"file":"DTabContent.js","sources":["../../../../../dist-transpiled/components/DTabs/components/DTabContent.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport classNames from 'classnames';\nimport { TabsStateContext, useTabContext } from '../TabContext';\nexport default function DTabContent({ tab, children, className, style, }) {\n    const { isSelected } = useTabContext();\n    if (!isSelected(tab)) {\n        return null;\n    }\n    return (_jsx(\"div\", { className: classNames('tab-pane fade show active', className), id: `${tab}Pane`, role: \"tabpanel\", tabIndex: 0, \"aria-labelledby\": `${tab}Tab`, style: style, children: _jsx(TabsStateContext.Provider, { value: undefined, children: children }) }));\n}\n//# sourceMappingURL=DTabContent.js.map"],"names":["_jsx"],"mappings":";;;;AAGe,SAAS,WAAW,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE;AAC1E,IAAI,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,EAAE;AAC1C,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;AAC1B,QAAQ,OAAO,IAAI;AACnB,IAAI;AACJ,IAAI,QAAQA,GAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,2BAA2B,EAAE,SAAS,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,EAAE,iBAAiB,EAAE,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAEA,GAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC;AAC9Q;;;;"}

package/dist/esm/components/DTabs/components/DTabsProvider.js

@@ -0,0 +1,22 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState, useEffect, useCallback, useMemo } from 'react';
+import TabContext, { TabsStateContext } from '../TabContext.js';
+
+/**
+ * Owns the selected tab so the tab bar (`DTabs`) and its panels (`DTabs.Tab`)
+ * can live anywhere inside it, e.g. the bar in a header and the panels in
+ * another column.
+ */
+function DTabsProvider({ defaultSelected, children, }) {
+    const [selected, setSelected] = useState(defaultSelected);
+    useEffect(() => {
+        setSelected(defaultSelected);
+    }, [defaultSelected]);
+    const isSelected = useCallback((tab) => (selected === tab), [selected]);
+    const state = useMemo(() => ({ selected, setSelected }), [selected]);
+    const value = useMemo(() => ({ isSelected }), [isSelected]);
+    return (jsx(TabsStateContext.Provider, { value: state, children: jsx(TabContext.Provider, { value: value, children: children }) }));
+}
+
+export { DTabsProvider as default };
+//# sourceMappingURL=DTabsProvider.js.map

package/dist/esm/components/DTabs/components/DTabsProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DTabsProvider.js","sources":["../../../../../dist-transpiled/components/DTabs/components/DTabsProvider.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useMemo, useState, } from 'react';\nimport TabContext, { TabsStateContext } from '../TabContext';\n/**\n * Owns the selected tab so the tab bar (`DTabs`) and its panels (`DTabs.Tab`)\n * can live anywhere inside it, e.g. the bar in a header and the panels in\n * another column.\n */\nexport default function DTabsProvider({ defaultSelected, children, }) {\n    const [selected, setSelected] = useState(defaultSelected);\n    useEffect(() => {\n        setSelected(defaultSelected);\n    }, [defaultSelected]);\n    const isSelected = useCallback((tab) => (selected === tab), [selected]);\n    const state = useMemo(() => ({ selected, setSelected }), [selected]);\n    const value = useMemo(() => ({ isSelected }), [isSelected]);\n    return (_jsx(TabsStateContext.Provider, { value: state, children: _jsx(TabContext.Provider, { value: value, children: children }) }));\n}\n//# sourceMappingURL=DTabsProvider.js.map"],"names":["_jsx"],"mappings":";;;;AAGA;AACA;AACA;AACA;AACA;AACe,SAAS,aAAa,CAAC,EAAE,eAAe,EAAE,QAAQ,GAAG,EAAE;AACtE,IAAI,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC;AAC7D,IAAI,SAAS,CAAC,MAAM;AACpB,QAAQ,WAAW,CAAC,eAAe,CAAC;AACpC,IAAI,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC;AACzB,IAAI,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,GAAG,MAAM,QAAQ,KAAK,GAAG,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAC3E,IAAI,MAAM,KAAK,GAAG,OAAO,CAAC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AACxE,IAAI,MAAM,KAAK,GAAG,OAAO,CAAC,OAAO,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC;AAC/D,IAAI,QAAQA,GAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAEA,GAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC;AACxI;;;;"}

package/dist/esm/components/DTabs/index.js

@@ -1,5 +1,6 @@
 import DTabs from './DTabs.js';
 export { default as DTabContent } from './components/DTabContent.js';
+export { default as DTabsProvider } from './components/DTabsProvider.js';
 export { useTabContext } from './TabContext.js';
 
 

package/dist/esm/components/DTabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/esm/components/DToast/DToast.js

@@ -3,8 +3,13 @@ import classNames from 'classnames';
 import DToastHeader from './components/DToastHeader.js';
 import DToastBody from './components/DToastBody.js';
 
-function DToast({ children, className, style, dataAttributes, }) {
-    return (jsx("div", Object.assign({ className: classNames('toast', className), role: "alert", "aria-live": "assertive", "aria-atomic": "true", style: style }, dataAttributes, { children: children })));
+const LIVE_REGION_ATTRIBUTES = {
+    alert: { role: 'alert', 'aria-live': 'assertive', 'aria-atomic': 'true' },
+    status: { role: 'status', 'aria-live': 'polite', 'aria-atomic': 'true' },
+    none: {},
+};
+function DToast({ children, role = 'alert', className, style, dataAttributes, }) {
+    return (jsx("div", Object.assign({ className: classNames('toast', className) }, LIVE_REGION_ATTRIBUTES[role], { style: style }, dataAttributes, { children: children })));
 }
 var DToast$1 = Object.assign(DToast, {
     Header: DToastHeader,

package/dist/esm/components/DToast/DToast.js.map

@@ -1 +1 @@
-{"version":3,"file":"DToast.js","sources":["../../../../dist-transpiled/components/DToast/DToast.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport classNames from 'classnames';\nimport DToastHeader from './components/DToastHeader';\nimport DToastBody from './components/DToastBody';\nfunction DToast({ children, className, style, dataAttributes, }) {\n    return (_jsx(\"div\", Object.assign({ className: classNames('toast', className), role: \"alert\", \"aria-live\": \"assertive\", \"aria-atomic\": \"true\", style: style }, dataAttributes, { children: children })));\n}\nexport default Object.assign(DToast, {\n    Header: DToastHeader,\n    Body: DToastBody,\n});\n//# sourceMappingURL=DToast.js.map"],"names":["_jsx"],"mappings":";;;;;AAIA,SAAS,MAAM,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,cAAc,GAAG,EAAE;AACjE,IAAI,QAAQA,GAAI,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,cAAc,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;AAC3M;AACA,eAAe,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE;AACrC,IAAI,MAAM,EAAE,YAAY;AACxB,IAAI,IAAI,EAAE,UAAU;AACpB,CAAC,CAAC;;;;"}
+{"version":3,"file":"DToast.js","sources":["../../../../dist-transpiled/components/DToast/DToast.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport classNames from 'classnames';\nimport DToastHeader from './components/DToastHeader';\nimport DToastBody from './components/DToastBody';\nconst LIVE_REGION_ATTRIBUTES = {\n    alert: { role: 'alert', 'aria-live': 'assertive', 'aria-atomic': 'true' },\n    status: { role: 'status', 'aria-live': 'polite', 'aria-atomic': 'true' },\n    none: {},\n};\nfunction DToast({ children, role = 'alert', className, style, dataAttributes, }) {\n    return (_jsx(\"div\", Object.assign({ className: classNames('toast', className) }, LIVE_REGION_ATTRIBUTES[role], { style: style }, dataAttributes, { children: children })));\n}\nexport default Object.assign(DToast, {\n    Header: DToastHeader,\n    Body: DToastBody,\n});\n//# sourceMappingURL=DToast.js.map"],"names":["_jsx"],"mappings":";;;;;AAIA,MAAM,sBAAsB,GAAG;AAC/B,IAAI,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,EAAE;AAC7E,IAAI,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE;AAC5E,IAAI,IAAI,EAAE,EAAE;AACZ,CAAC;AACD,SAAS,MAAM,CAAC,EAAE,QAAQ,EAAE,IAAI,GAAG,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,cAAc,GAAG,EAAE;AACjF,IAAI,QAAQA,GAAI,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,SAAS,CAAC,EAAE,EAAE,sBAAsB,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,cAAc,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;AAC7K;AACA,eAAe,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE;AACrC,IAAI,MAAM,EAAE,YAAY;AACxB,IAAI,IAAI,EAAE,UAAU;AACpB,CAAC,CAAC;;;;"}

package/dist/esm/components/DToastContainer/useDToast.js

@@ -34,19 +34,19 @@ function useDToast() {
         if (typeof data === 'function') {
             return toast.custom(data, toastProps);
         }
-        const { title, description, icon, closeIcon, timestamp, color, } = data;
+        const { title, description, icon, closeIcon, timestamp, color, role, closeAriaLabel = 'Close', } = data;
         return toast.custom(({ id, visible }) => {
             if (!visible) {
                 return null;
             }
             if (!description) {
-                return (jsx(DToast, { className: classNames({
+                return (jsx(DToast, { role: role, className: classNames({
                         [`toast-${color}`]: !!color,
-                    }, 'show'), children: jsxs(DToast.Body, { children: [icon && (jsx(DIcon, { className: "toast-icon", icon: icon })), jsx("p", { className: "toast-title", children: title }), jsx("button", { type: "button", className: "d-close", "aria-label": "Close", onClick: () => toast.dismiss(id), children: jsx(DIcon, { icon: closeIcon || xLg }) })] }) }));
+                    }, 'show'), children: jsxs(DToast.Body, { children: [icon && (jsx(DIcon, { className: "toast-icon", icon: icon })), jsx("p", { className: "toast-title", children: title }), jsx("button", { type: "button", className: "d-close", "aria-label": closeAriaLabel, onClick: () => toast.dismiss(id), children: jsx(DIcon, { icon: closeIcon || xLg }) })] }) }));
             }
-            return (jsxs(DToast, { className: classNames({
+            return (jsxs(DToast, { role: role, className: classNames({
                     [`toast-${color}`]: !!color,
-                }, 'show'), children: [jsxs(DToast.Header, { children: [icon && (jsx(DIcon, { className: "toast-icon", icon: icon })), jsx("p", { className: "toast-title", children: title }), timestamp && (jsx("small", { className: "toast-timestamp", children: timestamp })), jsx("button", { type: "button", className: "d-close", "aria-label": "Close", onClick: () => toast.dismiss(id), children: jsx(DIcon, { icon: closeIcon || xLg }) })] }), jsx(DToast.Body, { children: jsx("span", { children: description }) })] }));
+                }, 'show'), children: [jsxs(DToast.Header, { children: [icon && (jsx(DIcon, { className: "toast-icon", icon: icon })), jsx("p", { className: "toast-title", children: title }), timestamp && (jsx("small", { className: "toast-timestamp", children: timestamp })), jsx("button", { type: "button", className: "d-close", "aria-label": closeAriaLabel, onClick: () => toast.dismiss(id), children: jsx(DIcon, { icon: closeIcon || xLg }) })] }), jsx(DToast.Body, { children: jsx("span", { children: description }) })] }));
         }, toastProps);
     }, [xLg]);
     return {

package/dist/esm/components/DToastContainer/useDToast.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDToast.js","sources":["../../../../dist-transpiled/components/DToastContainer/useDToast.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, } from 'react';\nimport { toast as reactHotToast, } from 'react-hot-toast';\nimport classNames from 'classnames';\nimport DToast from '../DToast/DToast';\nimport DIcon from '../DIcon';\nimport { useDContext } from '../../contexts';\n/**\n * Hook that provides a `toast` function to dispatch DToast notifications.\n *\n * Prerequisites:\n * - The calling component must be inside `DContextProvider` (provides icon context).\n * - `DToastContainer` must be present somewhere in the component tree as a render target.\n *\n * @returns {{ toast }} Object containing a `toast` dispatcher function.\n * @requires DContextProvider\n * @requires DToastContainer\n * @example\n * const { toast } = useDToast();\n * toast({ title: 'Saved', color: 'success' });\n */\nexport default function useDToast() {\n    const { iconMap: { xLg, }, } = useDContext();\n    /**\n     * Dispatches a toast notification rendered as a `DToast` component.\n     * When `data` is a `ToastData` object, the default DToast layout is used.\n     * When `data` is a render function, full custom content is rendered instead.\n     * Returns the toast ID, which can be passed to `reactHotToast.dismiss(id)`.\n     * @param data - Toast content as `ToastData` or a render function for custom layouts.\n     * @param toastProps - Optional per-toast overrides: id, duration, position.\n     */\n    const toast = useCallback((data, toastProps) => {\n        if (typeof data === 'function') {\n            return reactHotToast.custom(data, toastProps);\n        }\n        const { title, description, icon, closeIcon, timestamp, color, } = data;\n        return reactHotToast.custom(({ id, visible }) => {\n            if (!visible) {\n                return null;\n            }\n            if (!description) {\n                return (_jsx(DToast, { className: classNames({\n                        [`toast-${color}`]: !!color,\n                    }, 'show'), children: _jsxs(DToast.Body, { children: [icon && (_jsx(DIcon, { className: \"toast-icon\", icon: icon })), _jsx(\"p\", { className: \"toast-title\", children: title }), _jsx(\"button\", { type: \"button\", className: \"d-close\", \"aria-label\": \"Close\", onClick: () => reactHotToast.dismiss(id), children: _jsx(DIcon, { icon: closeIcon || xLg }) })] }) }));\n            }\n            return (_jsxs(DToast, { className: classNames({\n                    [`toast-${color}`]: !!color,\n                }, 'show'), children: [_jsxs(DToast.Header, { children: [icon && (_jsx(DIcon, { className: \"toast-icon\", icon: icon })), _jsx(\"p\", { className: \"toast-title\", children: title }), timestamp && (_jsx(\"small\", { className: \"toast-timestamp\", children: timestamp })), _jsx(\"button\", { type: \"button\", className: \"d-close\", \"aria-label\": \"Close\", onClick: () => reactHotToast.dismiss(id), children: _jsx(DIcon, { icon: closeIcon || xLg }) })] }), _jsx(DToast.Body, { children: _jsx(\"span\", { children: description }) })] }));\n        }, toastProps);\n    }, [xLg]);\n    return {\n        toast,\n    };\n}\n//# sourceMappingURL=useDToast.js.map"],"names":["toast","reactHotToast","_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"useDToast.js","sources":["../../../../dist-transpiled/components/DToastContainer/useDToast.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, } from 'react';\nimport { toast as reactHotToast, } from 'react-hot-toast';\nimport classNames from 'classnames';\nimport DToast from '../DToast/DToast';\nimport DIcon from '../DIcon';\nimport { useDContext } from '../../contexts';\n/**\n * Hook that provides a `toast` function to dispatch DToast notifications.\n *\n * Prerequisites:\n * - The calling component must be inside `DContextProvider` (provides icon context).\n * - `DToastContainer` must be present somewhere in the component tree as a render target.\n *\n * @returns {{ toast }} Object containing a `toast` dispatcher function.\n * @requires DContextProvider\n * @requires DToastContainer\n * @example\n * const { toast } = useDToast();\n * toast({ title: 'Saved', color: 'success' });\n */\nexport default function useDToast() {\n    const { iconMap: { xLg, }, } = useDContext();\n    /**\n     * Dispatches a toast notification rendered as a `DToast` component.\n     * When `data` is a `ToastData` object, the default DToast layout is used.\n     * When `data` is a render function, full custom content is rendered instead.\n     * Returns the toast ID, which can be passed to `reactHotToast.dismiss(id)`.\n     * @param data - Toast content as `ToastData` or a render function for custom layouts.\n     * @param toastProps - Optional per-toast overrides: id, duration, position.\n     */\n    const toast = useCallback((data, toastProps) => {\n        if (typeof data === 'function') {\n            return reactHotToast.custom(data, toastProps);\n        }\n        const { title, description, icon, closeIcon, timestamp, color, role, closeAriaLabel = 'Close', } = data;\n        return reactHotToast.custom(({ id, visible }) => {\n            if (!visible) {\n                return null;\n            }\n            if (!description) {\n                return (_jsx(DToast, { role: role, className: classNames({\n                        [`toast-${color}`]: !!color,\n                    }, 'show'), children: _jsxs(DToast.Body, { children: [icon && (_jsx(DIcon, { className: \"toast-icon\", icon: icon })), _jsx(\"p\", { className: \"toast-title\", children: title }), _jsx(\"button\", { type: \"button\", className: \"d-close\", \"aria-label\": closeAriaLabel, onClick: () => reactHotToast.dismiss(id), children: _jsx(DIcon, { icon: closeIcon || xLg }) })] }) }));\n            }\n            return (_jsxs(DToast, { role: role, className: classNames({\n                    [`toast-${color}`]: !!color,\n                }, 'show'), children: [_jsxs(DToast.Header, { children: [icon && (_jsx(DIcon, { className: \"toast-icon\", icon: icon })), _jsx(\"p\", { className: \"toast-title\", children: title }), timestamp && (_jsx(\"small\", { className: \"toast-timestamp\", children: timestamp })), _jsx(\"button\", { type: \"button\", className: \"d-close\", \"aria-label\": closeAriaLabel, onClick: () => reactHotToast.dismiss(id), children: _jsx(DIcon, { icon: closeIcon || xLg }) })] }), _jsx(DToast.Body, { children: _jsx(\"span\", { children: description }) })] }));\n        }, toastProps);\n    }, [xLg]);\n    return {\n        toast,\n    };\n}\n//# sourceMappingURL=useDToast.js.map"],"names":["toast","reactHotToast","_jsx","_jsxs"],"mappings":";;;;;;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,SAAS,GAAG;AACpC,IAAI,MAAM,EAAE,OAAO,EAAE,EAAE,GAAG,GAAG,GAAG,GAAG,WAAW,EAAE;AAChD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,MAAMA,OAAK,GAAG,WAAW,CAAC,CAAC,IAAI,EAAE,UAAU,KAAK;AACpD,QAAQ,IAAI,OAAO,IAAI,KAAK,UAAU,EAAE;AACxC,YAAY,OAAOC,KAAa,CAAC,MAAM,CAAC,IAAI,EAAE,UAAU,CAAC;AACzD,QAAQ;AACR,QAAQ,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,cAAc,GAAG,OAAO,GAAG,GAAG,IAAI;AAC/G,QAAQ,OAAOA,KAAa,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK;AACzD,YAAY,IAAI,CAAC,OAAO,EAAE;AAC1B,gBAAgB,OAAO,IAAI;AAC3B,YAAY;AACZ,YAAY,IAAI,CAAC,WAAW,EAAE;AAC9B,gBAAgB,QAAQC,GAAI,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,CAAC;AACzE,wBAAwB,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK;AACnD,qBAAqB,EAAE,MAAM,CAAC,EAAE,QAAQ,EAAEC,IAAK,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,CAAC,IAAI,KAAKD,GAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,EAAEA,GAAI,CAAC,GAAG,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAEA,GAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,OAAO,EAAE,MAAMD,KAAa,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAEC,GAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,IAAI,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;AAC9X,YAAY;AACZ,YAAY,QAAQC,IAAK,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,CAAC;AACtE,oBAAoB,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK;AAC/C,iBAAiB,EAAE,MAAM,CAAC,EAAE,QAAQ,EAAE,CAACA,IAAK,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,IAAI,KAAKD,GAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,EAAEA,GAAI,CAAC,GAAG,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,SAAS,KAAKA,GAAI,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,iBAAiB,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,EAAEA,GAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,OAAO,EAAE,MAAMD,KAAa,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAEC,GAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,IAAI,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAEA,GAAI,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAEA,GAAI,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;AAC7hB,QAAQ,CAAC,EAAE,UAAU,CAAC;AACtB,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;AACb,IAAI,OAAO;AACX,eAAQF,OAAK;AACb,KAAK;AACL;;;;"}

package/dist/esm/components/internal/DFormLabel.js

@@ -0,0 +1,46 @@
+import { jsx } from 'react/jsx-runtime';
+import labelClickGuard from '../../utils/labelClickGuard.js';
+
+/**
+ * The `<label>` every form control renders, with the click guard already wired.
+ *
+ * Internal: it exists so the guard — and the lint exception it needs — lives in
+ * one place instead of being repeated across every input component.
+ *
+ * The guard runs in the capture phase, not on bubble: a tooltip or modal
+ * trigger that calls `stopPropagation()` in its own handler — a common pattern —
+ * would otherwise keep the guard from ever running, and the browser would go on
+ * to activate the labelled control. Confirmed in Chromium, where the same
+ * trigger toggles the control with a bubble-phase guard and does not with this
+ * one. Capturing changes nothing else: `preventDefault` applies to the default
+ * action, which is evaluated after propagation either way.
+ *
+ * The `jsx-a11y` rules below assume a click handler is being used to make a
+ * non-interactive element interactive, which then owes the keyboard an
+ * equivalent. This handler does the opposite: it suppresses a pointer-only
+ * behaviour, the click a label forwards to its control, and adds no way to
+ * activate anything. Keyboard support for a nested trigger is the consumer's:
+ * `<a href>` carries its own, while a `span` with a role and a tabindex is
+ * focusable but inert until they handle Enter and Space themselves.
+ */
+function DFormLabel({ htmlFor, className, children }) {
+    /**
+     * React 19 renders a bigint child; React 18 throws on one, and this package
+     * supports both (`react: >=18 <20`). The label helpers count bigint as text
+     * because that is what it draws as, so it is turned into its string form here
+     * — the one place every control's label passes through — rather than pushing
+     * a version check onto consumers.
+     *
+     * Only a bigint at the top level: one buried inside an array or a fragment is
+     * the consumer's own React child, and normalising it would mean walking and
+     * rebuilding the whole subtree.
+     */
+    const content = typeof children === 'bigint' ? String(children) : children;
+    return (
+    /* eslint-disable-next-line jsx-a11y/click-events-have-key-events,
+       jsx-a11y/no-noninteractive-element-interactions */
+    jsx("label", { htmlFor: htmlFor, className: className, onClickCapture: labelClickGuard, children: content }));
+}
+
+export { DFormLabel as default };
+//# sourceMappingURL=DFormLabel.js.map

package/dist/esm/components/internal/DFormLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DFormLabel.js","sources":["../../../../dist-transpiled/components/internal/DFormLabel.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport labelClickGuard from '../../utils/labelClickGuard';\n/**\n * The `<label>` every form control renders, with the click guard already wired.\n *\n * Internal: it exists so the guard — and the lint exception it needs — lives in\n * one place instead of being repeated across every input component.\n *\n * The guard runs in the capture phase, not on bubble: a tooltip or modal\n * trigger that calls `stopPropagation()` in its own handler — a common pattern —\n * would otherwise keep the guard from ever running, and the browser would go on\n * to activate the labelled control. Confirmed in Chromium, where the same\n * trigger toggles the control with a bubble-phase guard and does not with this\n * one. Capturing changes nothing else: `preventDefault` applies to the default\n * action, which is evaluated after propagation either way.\n *\n * The `jsx-a11y` rules below assume a click handler is being used to make a\n * non-interactive element interactive, which then owes the keyboard an\n * equivalent. This handler does the opposite: it suppresses a pointer-only\n * behaviour, the click a label forwards to its control, and adds no way to\n * activate anything. Keyboard support for a nested trigger is the consumer's:\n * `<a href>` carries its own, while a `span` with a role and a tabindex is\n * focusable but inert until they handle Enter and Space themselves.\n */\nexport default function DFormLabel({ htmlFor, className, children }) {\n    /**\n     * React 19 renders a bigint child; React 18 throws on one, and this package\n     * supports both (`react: >=18 <20`). The label helpers count bigint as text\n     * because that is what it draws as, so it is turned into its string form here\n     * — the one place every control's label passes through — rather than pushing\n     * a version check onto consumers.\n     *\n     * Only a bigint at the top level: one buried inside an array or a fragment is\n     * the consumer's own React child, and normalising it would mean walking and\n     * rebuilding the whole subtree.\n     */\n    const content = typeof children === 'bigint' ? String(children) : children;\n    return (\n    /* eslint-disable-next-line jsx-a11y/click-events-have-key-events,\n       jsx-a11y/no-noninteractive-element-interactions */\n    _jsx(\"label\", { htmlFor: htmlFor, className: className, onClickCapture: labelClickGuard, children: content }));\n}\n//# sourceMappingURL=DFormLabel.js.map"],"names":["_jsx"],"mappings":";;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,UAAU,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,MAAM,OAAO,GAAG,OAAO,QAAQ,KAAK,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,QAAQ;AAC9E,IAAI;AACJ;AACA;AACA,IAAIA,GAAI,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,eAAe,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;AACjH;;;;"}

package/dist/esm/contexts/DPortalContext.js

@@ -1,17 +1,35 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { createContext, useCallback, useMemo, useEffect, useContext } from 'react';
+import { createContext, useState, useRef, useEffect, useCallback, useMemo, useContext } from 'react';
 import { createPortal } from 'react-dom';
-import { AnimatePresence, motion } from 'framer-motion';
 import useDisableBodyScrollEffect from '../hooks/useDisableBodyScrollEffect.js';
 import usePortal from '../hooks/usePortal.js';
 import useStackState from '../hooks/useStackState.js';
 import getKeyboardFocusableElements from '../utils/getKeyboardFocusableElements.js';
 
+const loadPortalStack = () => import('./portal/DPortalStack.js').then((module) => module.default);
 const DPortalContext = createContext(undefined);
 function DPortalContextProvider({ portalName, children, availablePortals, }) {
     const { created } = usePortal(portalName);
     const [stack, { push, pop }] = useStackState([]);
+    const [PortalStack, setPortalStack] = useState(null);
+    const pending = useRef([]);
+    const ready = useRef(false);
     useDisableBodyScrollEffect(Boolean(stack.length));
+    // Loads framer-motion off the critical path only when portals are configured,
+    // so the first openPortal does not wait for it.
+    const hasPortals = Object.keys(availablePortals !== null && availablePortals !== void 0 ? availablePortals : {}).length > 0;
+    useEffect(() => {
+        if (!hasPortals)
+            return;
+        loadPortalStack()
+            .then((Stack) => {
+            ready.current = true;
+            setPortalStack(() => Stack);
+        })
+            .catch(() => {
+            // openPortal retries the import and reports the failure.
+        });
+    }, [hasPortals]);
     const openPortal = useCallback(
     // eslint-disable-next-line prefer-arrow-callback
     function openPortalImpl(name, payload) {
@@ -27,10 +45,30 @@ function DPortalContextProvider({ portalName, children, availablePortals, }) {
         }
         // K is a specific member of keyof T & string so the object satisfies
         // InternalStackItem<T>, but TS can't verify generic-over-union assignability.
-        push({ name, Component, payload });
+        const item = { name, Component, payload };
+        if (ready.current) {
+            push(item);
+        }
+        else {
+            // Not loaded yet: the portal enters the stack together with its renderer.
+            pending.current.push(item);
+            loadPortalStack().then((Stack) => {
+                ready.current = true;
+                setPortalStack(() => Stack);
+                pending.current.splice(0).forEach(push);
+            }).catch((error) => {
+                pending.current = [];
+                // eslint-disable-next-line no-console
+                console.error('[DPortalContext] Could not load the portal stack', error);
+            });
+        }
         (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.blur();
     }, [availablePortals, push]);
     const closePortal = useCallback(() => {
+        if (pending.current.length > 0) {
+            pending.current.pop();
+            return;
+        }
         // pop() is safe on empty stacks, so close remains idempotent.
         pop();
     }, [pop]);
@@ -87,13 +125,10 @@ function DPortalContextProvider({ portalName, children, availablePortals, }) {
             window.removeEventListener('keydown', keyEvent);
         };
     }, [handleClose, portalName, stack.length]);
-    return (jsxs(DPortalContext.Provider, { value: value, children: [children, created && createPortal(
+    return (jsxs(DPortalContext.Provider, { value: value, children: [children, created && PortalStack && createPortal(
             // eslint-disable-next-line max-len
             // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-            jsx("div", { onClick: ({ target }) => handleClose(target), onKeyDown: () => { }, children: jsx(AnimatePresence, { children: stack.flatMap(({ Component, name, payload, }) => [
-                        jsx(motion.div, { className: "backdrop", initial: { opacity: 0 }, animate: { opacity: 0.5 }, exit: { opacity: 0, transition: { delay: 0.3 } }, transition: { duration: 0.15, ease: 'linear' } }, `${name}-backdrop`),
-                        jsx(Component, { name: name, payload: payload }, name),
-                    ]) }) }), document.getElementById(portalName))] }));
+            jsx("div", { onClick: ({ target }) => handleClose(target), onKeyDown: () => { }, children: jsx(PortalStack, { stack: stack }) }), document.getElementById(portalName))] }));
 }
 /**
  * Hook to open/close registered portals (modals, offcanvas, etc.).

package/dist/esm/contexts/DPortalContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"DPortalContext.js","sources":["../../../dist-transpiled/contexts/DPortalContext.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { createContext, useCallback, useContext, useEffect, useMemo, } from 'react';\nimport { createPortal } from 'react-dom';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport useDisableBodyScrollEffect from '../hooks/useDisableBodyScrollEffect';\nimport usePortal from '../hooks/usePortal';\nimport useStackState from '../hooks/useStackState';\nimport getKeyboardFocusableElements from '../utils/getKeyboardFocusableElements';\nexport const DPortalContext = createContext(undefined);\nexport function DPortalContextProvider({ portalName, children, availablePortals, }) {\n    const { created } = usePortal(portalName);\n    const [stack, { push, pop }] = useStackState([]);\n    useDisableBodyScrollEffect(Boolean(stack.length));\n    const openPortal = useCallback(\n    // eslint-disable-next-line prefer-arrow-callback\n    function openPortalImpl(name, payload) {\n        var _a;\n        if (!availablePortals) {\n            throw new Error('openPortal was called but DContextProvider has no availablePortals configured. '\n                + 'Pass an availablePortals map to DContextProvider.');\n        }\n        const Component = availablePortals[name];\n        if (!Component) {\n            throw new Error(`No component registered for portal \"${String(name)}\". `\n                + `Ensure \"${String(name)}\" has an entry in the availablePortals map on DContextProvider.`);\n        }\n        // K is a specific member of keyof T & string so the object satisfies\n        // InternalStackItem<T>, but TS can't verify generic-over-union assignability.\n        push({ name, Component, payload });\n        (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.blur();\n    }, [availablePortals, push]);\n    const closePortal = useCallback(() => {\n        // pop() is safe on empty stacks, so close remains idempotent.\n        pop();\n    }, [pop]);\n    const publicStack = useMemo(() => stack.map(({ name, payload }) => ({ name, payload })), [stack]);\n    const value = useMemo(() => ({\n        stack: publicStack,\n        openPortal,\n        closePortal,\n    }), [publicStack, openPortal, closePortal]);\n    const handleClose = useCallback((target) => {\n        if (!(target instanceof HTMLDivElement)) {\n            return;\n        }\n        if (target.classList.contains('portal') && !('bsBackdrop' in target.dataset)) {\n            closePortal();\n            return;\n        }\n        if (target.classList.contains('backdrop')) {\n            const lastPortal = target.nextElementSibling;\n            if (lastPortal && lastPortal.classList.contains('portal') && !('bsBackdrop' in lastPortal.dataset)) {\n                closePortal();\n            }\n        }\n    }, [closePortal]);\n    useEffect(() => {\n        const keyEvent = (event) => {\n            const lastPortal = document.querySelector(`#${portalName} > div > div:last-child`);\n            if (event.key === 'Escape') {\n                if (lastPortal) {\n                    handleClose(lastPortal);\n                    return;\n                }\n            }\n            if (event.key === 'Tab') {\n                const focusableElements = getKeyboardFocusableElements(lastPortal);\n                if (focusableElements.length === 0)\n                    return;\n                const firstElement = focusableElements[0];\n                const lastElement = focusableElements[focusableElements.length - 1];\n                if (event.shiftKey && document.activeElement === firstElement) {\n                    event.preventDefault();\n                    lastElement.focus();\n                }\n                else if (!event.shiftKey && document.activeElement === lastElement) {\n                    event.preventDefault();\n                    firstElement.focus();\n                }\n            }\n        };\n        if (stack.length !== 0) {\n            window.addEventListener('keydown', keyEvent);\n        }\n        return () => {\n            window.removeEventListener('keydown', keyEvent);\n        };\n    }, [handleClose, portalName, stack.length]);\n    return (_jsxs(DPortalContext.Provider, { value: value, children: [children, created && createPortal(\n            // eslint-disable-next-line max-len\n            // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n            _jsx(\"div\", { onClick: ({ target }) => handleClose(target), onKeyDown: () => { }, children: _jsx(AnimatePresence, { children: stack.flatMap(({ Component, name, payload, }) => [\n                        _jsx(motion.div, { className: \"backdrop\", initial: { opacity: 0 }, animate: { opacity: 0.5 }, exit: { opacity: 0, transition: { delay: 0.3 } }, transition: { duration: 0.15, ease: 'linear' } }, `${name}-backdrop`),\n                        _jsx(Component, { name: name, payload: payload }, name),\n                    ]) }) }), document.getElementById(portalName))] }));\n}\n/**\n * Hook to open/close registered portals (modals, offcanvas, etc.).\n *\n * **Prerequisite**: must be called inside a `DContextProvider` configured with\n * `portalName` and `availablePortals`. `DContextProvider` mounts\n * `DPortalContextProvider` internally — consumers never use\n * `DPortalContextProvider` directly.\n *\n * @template T - Map of portal name → payload shape (e.g. `ModalPayloads`).\n *   Typing this generic gives you autocomplete on `openPortal` arguments.\n * @returns `{ openPortal, closePortal, stack }` from the nearest portal context.\n * @throws If called outside of `DContextProvider` / `DPortalContextProvider`.\n *\n * @requires DContextProvider\n *\n * @example\n * ```tsx\n * const { openPortal, closePortal } = useDPortalContext<ModalPayloads>();\n * openPortal('confirm', { message: 'Are you sure?' });\n * ```\n */\nexport function useDPortalContext() {\n    const context = useContext(DPortalContext);\n    if (context === undefined) {\n        throw new Error('useDPortalContext was used outside of DPortalContextProvider');\n    }\n    return context;\n}\n//# sourceMappingURL=DPortalContext.js.map"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"DPortalContext.js","sources":["../../../dist-transpiled/contexts/DPortalContext.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, } from 'react';\nimport { createPortal } from 'react-dom';\nimport useDisableBodyScrollEffect from '../hooks/useDisableBodyScrollEffect';\nimport usePortal from '../hooks/usePortal';\nimport useStackState from '../hooks/useStackState';\nimport getKeyboardFocusableElements from '../utils/getKeyboardFocusableElements';\nconst loadPortalStack = () => import('./portal/DPortalStack').then((module) => module.default);\nexport const DPortalContext = createContext(undefined);\nexport function DPortalContextProvider({ portalName, children, availablePortals, }) {\n    const { created } = usePortal(portalName);\n    const [stack, { push, pop }] = useStackState([]);\n    const [PortalStack, setPortalStack] = useState(null);\n    const pending = useRef([]);\n    const ready = useRef(false);\n    useDisableBodyScrollEffect(Boolean(stack.length));\n    // Loads framer-motion off the critical path only when portals are configured,\n    // so the first openPortal does not wait for it.\n    const hasPortals = Object.keys(availablePortals !== null && availablePortals !== void 0 ? availablePortals : {}).length > 0;\n    useEffect(() => {\n        if (!hasPortals)\n            return;\n        loadPortalStack()\n            .then((Stack) => {\n            ready.current = true;\n            setPortalStack(() => Stack);\n        })\n            .catch(() => {\n            // openPortal retries the import and reports the failure.\n        });\n    }, [hasPortals]);\n    const openPortal = useCallback(\n    // eslint-disable-next-line prefer-arrow-callback\n    function openPortalImpl(name, payload) {\n        var _a;\n        if (!availablePortals) {\n            throw new Error('openPortal was called but DContextProvider has no availablePortals configured. '\n                + 'Pass an availablePortals map to DContextProvider.');\n        }\n        const Component = availablePortals[name];\n        if (!Component) {\n            throw new Error(`No component registered for portal \"${String(name)}\". `\n                + `Ensure \"${String(name)}\" has an entry in the availablePortals map on DContextProvider.`);\n        }\n        // K is a specific member of keyof T & string so the object satisfies\n        // InternalStackItem<T>, but TS can't verify generic-over-union assignability.\n        const item = { name, Component, payload };\n        if (ready.current) {\n            push(item);\n        }\n        else {\n            // Not loaded yet: the portal enters the stack together with its renderer.\n            pending.current.push(item);\n            loadPortalStack().then((Stack) => {\n                ready.current = true;\n                setPortalStack(() => Stack);\n                pending.current.splice(0).forEach(push);\n            }).catch((error) => {\n                pending.current = [];\n                // eslint-disable-next-line no-console\n                console.error('[DPortalContext] Could not load the portal stack', error);\n            });\n        }\n        (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.blur();\n    }, [availablePortals, push]);\n    const closePortal = useCallback(() => {\n        if (pending.current.length > 0) {\n            pending.current.pop();\n            return;\n        }\n        // pop() is safe on empty stacks, so close remains idempotent.\n        pop();\n    }, [pop]);\n    const publicStack = useMemo(() => stack.map(({ name, payload }) => ({ name, payload })), [stack]);\n    const value = useMemo(() => ({\n        stack: publicStack,\n        openPortal,\n        closePortal,\n    }), [publicStack, openPortal, closePortal]);\n    const handleClose = useCallback((target) => {\n        if (!(target instanceof HTMLDivElement)) {\n            return;\n        }\n        if (target.classList.contains('portal') && !('bsBackdrop' in target.dataset)) {\n            closePortal();\n            return;\n        }\n        if (target.classList.contains('backdrop')) {\n            const lastPortal = target.nextElementSibling;\n            if (lastPortal && lastPortal.classList.contains('portal') && !('bsBackdrop' in lastPortal.dataset)) {\n                closePortal();\n            }\n        }\n    }, [closePortal]);\n    useEffect(() => {\n        const keyEvent = (event) => {\n            const lastPortal = document.querySelector(`#${portalName} > div > div:last-child`);\n            if (event.key === 'Escape') {\n                if (lastPortal) {\n                    handleClose(lastPortal);\n                    return;\n                }\n            }\n            if (event.key === 'Tab') {\n                const focusableElements = getKeyboardFocusableElements(lastPortal);\n                if (focusableElements.length === 0)\n                    return;\n                const firstElement = focusableElements[0];\n                const lastElement = focusableElements[focusableElements.length - 1];\n                if (event.shiftKey && document.activeElement === firstElement) {\n                    event.preventDefault();\n                    lastElement.focus();\n                }\n                else if (!event.shiftKey && document.activeElement === lastElement) {\n                    event.preventDefault();\n                    firstElement.focus();\n                }\n            }\n        };\n        if (stack.length !== 0) {\n            window.addEventListener('keydown', keyEvent);\n        }\n        return () => {\n            window.removeEventListener('keydown', keyEvent);\n        };\n    }, [handleClose, portalName, stack.length]);\n    return (_jsxs(DPortalContext.Provider, { value: value, children: [children, created && PortalStack && createPortal(\n            // eslint-disable-next-line max-len\n            // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n            _jsx(\"div\", { onClick: ({ target }) => handleClose(target), onKeyDown: () => { }, children: _jsx(PortalStack, { stack: stack }) }), document.getElementById(portalName))] }));\n}\n/**\n * Hook to open/close registered portals (modals, offcanvas, etc.).\n *\n * **Prerequisite**: must be called inside a `DContextProvider` configured with\n * `portalName` and `availablePortals`. `DContextProvider` mounts\n * `DPortalContextProvider` internally — consumers never use\n * `DPortalContextProvider` directly.\n *\n * @template T - Map of portal name → payload shape (e.g. `ModalPayloads`).\n *   Typing this generic gives you autocomplete on `openPortal` arguments.\n * @returns `{ openPortal, closePortal, stack }` from the nearest portal context.\n * @throws If called outside of `DContextProvider` / `DPortalContextProvider`.\n *\n * @requires DContextProvider\n *\n * @example\n * ```tsx\n * const { openPortal, closePortal } = useDPortalContext<ModalPayloads>();\n * openPortal('confirm', { message: 'Are you sure?' });\n * ```\n */\nexport function useDPortalContext() {\n    const context = useContext(DPortalContext);\n    if (context === undefined) {\n        throw new Error('useDPortalContext was used outside of DPortalContextProvider');\n    }\n    return context;\n}\n//# sourceMappingURL=DPortalContext.js.map"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/contexts/portal/DPortalStack.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { AnimatePresence, motion } from 'framer-motion';
+
+function DPortalStack({ stack }) {
+    return (jsx(AnimatePresence, { children: stack.flatMap(({ Component, name, payload, }) => [
+            jsx(motion.div, { className: "backdrop", initial: { opacity: 0 }, animate: { opacity: 0.5 }, exit: { opacity: 0, transition: { delay: 0.3 } }, transition: { duration: 0.15, ease: 'linear' } }, `${name}-backdrop`),
+            jsx(Component, { name: name, payload: payload }, name),
+        ]) }));
+}
+
+export { DPortalStack as default };
+//# sourceMappingURL=DPortalStack.js.map

package/dist/esm/contexts/portal/DPortalStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DPortalStack.js","sources":["../../../../dist-transpiled/contexts/portal/DPortalStack.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { AnimatePresence, motion } from 'framer-motion';\nexport default function DPortalStack({ stack }) {\n    return (_jsx(AnimatePresence, { children: stack.flatMap(({ Component, name, payload, }) => [\n            _jsx(motion.div, { className: \"backdrop\", initial: { opacity: 0 }, animate: { opacity: 0.5 }, exit: { opacity: 0, transition: { delay: 0.3 } }, transition: { duration: 0.15, ease: 'linear' } }, `${name}-backdrop`),\n            _jsx(Component, { name: name, payload: payload }, name),\n        ]) }));\n}\n//# sourceMappingURL=DPortalStack.js.map"],"names":["_jsx"],"mappings":";;;AAGe,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,EAAE;AAChD,IAAI,QAAQA,GAAI,CAAC,eAAe,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,GAAG,KAAK;AAC/F,YAAYA,GAAI,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;AACjO,YAAYA,GAAI,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,IAAI,CAAC;AACnE,SAAS,CAAC,EAAE,CAAC;AACb;;;;"}