@dynamic-framework/ui-react 2.9.0 → 2.10.0

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

@@ -0,0 +1,58 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useCallback } from 'react';
+import { toast } from 'react-hot-toast';
+import classNames from 'classnames';
+import DToast from '../DToast/DToast.js';
+import DIcon from '../DIcon/DIcon.js';
+import { useDContext } from '../../contexts/DContext.js';
+
+/**
+ * Hook that provides a `toast` function to dispatch DToast notifications.
+ *
+ * Prerequisites:
+ * - The calling component must be inside `DContextProvider` (provides icon context).
+ * - `DToastContainer` must be present somewhere in the component tree as a render target.
+ *
+ * @returns {{ toast }} Object containing a `toast` dispatcher function.
+ * @requires DContextProvider
+ * @requires DToastContainer
+ * @example
+ * const { toast } = useDToast();
+ * toast({ title: 'Saved', color: 'success' });
+ */
+function useDToast() {
+    const { iconMap: { xLg, }, } = useDContext();
+    /**
+     * Dispatches a toast notification rendered as a `DToast` component.
+     * When `data` is a `ToastData` object, the default DToast layout is used.
+     * When `data` is a render function, full custom content is rendered instead.
+     * Returns the toast ID, which can be passed to `reactHotToast.dismiss(id)`.
+     * @param data - Toast content as `ToastData` or a render function for custom layouts.
+     * @param toastProps - Optional per-toast overrides: id, duration, position.
+     */
+    const toast$1 = useCallback((data, toastProps) => {
+        if (typeof data === 'function') {
+            return toast.custom(data, toastProps);
+        }
+        const { title, description, icon, closeIcon, timestamp, color, } = data;
+        return toast.custom(({ id, visible }) => {
+            if (!visible) {
+                return null;
+            }
+            if (!description) {
+                return (jsx(DToast, { 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 }) })] }) }));
+            }
+            return (jsxs(DToast, { 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 }) })] }));
+        }, toastProps);
+    }, [xLg]);
+    return {
+        toast: toast$1,
+    };
+}
+
+export { useDToast as default };
+//# sourceMappingURL=useDToast.js.map

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

@@ -0,0 +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":";;;;;;;;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,GAAG,GAAG,IAAI;AAC/E,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,SAAS,EAAE,UAAU,CAAC;AAC7D,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,OAAO,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;AACvX,YAAY;AACZ,YAAY,QAAQC,IAAK,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC;AAC1D,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,OAAO,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;AACthB,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/DTooltip/DTooltip.js

@@ -0,0 +1,51 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState, useRef, useMemo } from 'react';
+import { useFloating, autoUpdate, offset, flip, shift, arrow, useHover, useFocus, useDismiss, useClick, useRole, useInteractions, FloatingPortal, FloatingArrow } from '@floating-ui/react';
+import classNames from 'classnames';
+
+const ARROW_WIDTH = 8;
+const ARROW_HEIGHT = 4;
+const GAP = 2;
+/**
+ * Tooltip is an abstraction component that wraps any element (`Component`) and displays
+ * floating contextual content (`children`) positioned relative to it using Floating UI.
+ * Use it to add short, non-critical hints or descriptions triggered by hover, focus, or
+ * click, without altering the surrounding layout.
+ */
+function DTooltip({ className, childrenClassName, style, offSet = ARROW_HEIGHT + GAP, padding, withFocus = false, withClick = false, withHover = true, open = false, placement = 'top', size, Component, children, }) {
+    const [isOpen, setIsOpen] = useState(open);
+    const arrowRef = useRef(null);
+    const { refs, context, floatingStyles, } = useFloating({
+        open: isOpen,
+        onOpenChange: setIsOpen,
+        placement,
+        whileElementsMounted: autoUpdate,
+        middleware: [
+            offset(offSet),
+            flip(),
+            shift({
+                padding,
+            }),
+            arrow({
+                element: arrowRef,
+            }),
+        ],
+    });
+    const hover = useHover(context, { move: false });
+    const focus = useFocus(context);
+    const dismiss = useDismiss(context, { ancestorScroll: true });
+    const click = useClick(context);
+    const role = useRole(context, { role: 'tooltip' });
+    const { getReferenceProps, getFloatingProps } = useInteractions([
+        withHover ? hover : undefined,
+        withClick ? click : undefined,
+        withFocus ? focus : undefined,
+        dismiss,
+        role,
+    ]);
+    const generateClasses = useMemo(() => (Object.assign({ 'tooltip show': true, [`tooltip-${size}`]: !!size }, className && { [className]: true })), [size, className]);
+    return (jsxs(Fragment, { children: [jsx("div", Object.assign({ className: childrenClassName, ref: refs.setReference }, getReferenceProps(), { children: Component })), jsx(FloatingPortal, { children: isOpen && (jsxs("div", Object.assign({ className: classNames(generateClasses), ref: refs.setFloating, style: Object.assign(Object.assign({}, floatingStyles), style) }, getFloatingProps(), { children: [jsx(FloatingArrow, { ref: arrowRef, context: context, width: ARROW_WIDTH, height: ARROW_HEIGHT }), jsx("div", { className: "tooltip-inner", children: children })] }))) })] }));
+}
+
+export { DTooltip as default };
+//# sourceMappingURL=DTooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DTooltip.js","sources":["../../../../dist-transpiled/components/DTooltip/DTooltip.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useState, useRef, useMemo } from 'react';\nimport { autoUpdate, offset, flip, shift, arrow, useClick, useDismiss, useFocus, useFloating, useHover, useInteractions, useRole, FloatingPortal, FloatingArrow, } from '@floating-ui/react';\nimport classNames from 'classnames';\nconst ARROW_WIDTH = 8;\nconst ARROW_HEIGHT = 4;\nconst GAP = 2;\n/**\n * Tooltip is an abstraction component that wraps any element (`Component`) and displays\n * floating contextual content (`children`) positioned relative to it using Floating UI.\n * Use it to add short, non-critical hints or descriptions triggered by hover, focus, or\n * click, without altering the surrounding layout.\n */\nexport default function DTooltip({ className, childrenClassName, style, offSet = ARROW_HEIGHT + GAP, padding, withFocus = false, withClick = false, withHover = true, open = false, placement = 'top', size, Component, children, }) {\n    const [isOpen, setIsOpen] = useState(open);\n    const arrowRef = useRef(null);\n    const { refs, context, floatingStyles, } = useFloating({\n        open: isOpen,\n        onOpenChange: setIsOpen,\n        placement,\n        whileElementsMounted: autoUpdate,\n        middleware: [\n            offset(offSet),\n            flip(),\n            shift({\n                padding,\n            }),\n            arrow({\n                element: arrowRef,\n            }),\n        ],\n    });\n    const hover = useHover(context, { move: false });\n    const focus = useFocus(context);\n    const dismiss = useDismiss(context, { ancestorScroll: true });\n    const click = useClick(context);\n    const role = useRole(context, { role: 'tooltip' });\n    const { getReferenceProps, getFloatingProps } = useInteractions([\n        withHover ? hover : undefined,\n        withClick ? click : undefined,\n        withFocus ? focus : undefined,\n        dismiss,\n        role,\n    ]);\n    const generateClasses = useMemo(() => (Object.assign({ 'tooltip show': true, [`tooltip-${size}`]: !!size }, className && { [className]: true })), [size, className]);\n    return (_jsxs(_Fragment, { children: [_jsx(\"div\", Object.assign({ className: childrenClassName, ref: refs.setReference }, getReferenceProps(), { children: Component })), _jsx(FloatingPortal, { children: isOpen && (_jsxs(\"div\", Object.assign({ className: classNames(generateClasses), ref: refs.setFloating, style: Object.assign(Object.assign({}, floatingStyles), style) }, getFloatingProps(), { children: [_jsx(FloatingArrow, { ref: arrowRef, context: context, width: ARROW_WIDTH, height: ARROW_HEIGHT }), _jsx(\"div\", { className: \"tooltip-inner\", children: children })] }))) })] }));\n}\n//# sourceMappingURL=DTooltip.js.map"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+import DTooltip from './DTooltip.js';
+
+
+
+export { DTooltip as default };
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/components/DVoucher/DVoucher.js

@@ -0,0 +1,55 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import classNames from 'classnames';
+import useScreenshotDownload from './hooks/useScreenshotDownload.js';
+import useScreenshotWebShare from './hooks/useScreenshotWebShare.js';
+import DIcon from '../DIcon/DIcon.js';
+import DButton from '../DButton/DButton.js';
+
+function DVoucher({ amount, amountDetails, icon, title, onError, message, downloadText = 'Download', shareText = 'Share', fileName = 'voucher', hideActions = false, className, children, }) {
+    const { shareRef, share } = useScreenshotWebShare();
+    const { downloadRef, download } = useScreenshotDownload();
+    const handleShare = () => {
+        share(fileName)
+            .catch(async (err) => {
+            if (onError) {
+                await onError(err);
+            }
+        })
+            .catch(() => {
+            // Error already handled by onError
+        });
+    };
+    const handleDownload = () => {
+        download(fileName)
+            .catch(async (err) => {
+            if (onError) {
+                await onError(err);
+            }
+        })
+            .catch(() => {
+            // Error already handled by onError
+        });
+    };
+    const defaultIconProps = {
+        icon: 'CircleCheckBig',
+        color: 'success',
+        size: '2rem',
+        hasCircle: true,
+    };
+    const resolvedIconProps = (() => {
+        if (icon === false || icon == null)
+            return null;
+        if (typeof icon === 'string')
+            return Object.assign(Object.assign({}, defaultIconProps), { icon });
+        if (typeof icon === 'object')
+            return Object.assign(Object.assign({}, defaultIconProps), icon);
+        return defaultIconProps;
+    })();
+    return (jsx("div", { className: classNames('d-voucher', className), ref: (el) => {
+            shareRef.current = el;
+            downloadRef.current = el;
+        }, children: jsxs("div", { children: [jsxs("div", { className: "d-voucher-header", children: [resolvedIconProps && (jsx(DIcon, Object.assign({}, resolvedIconProps))), jsxs("div", { className: "d-voucher-title-group", children: [jsx("h3", { className: "d-voucher-title", children: title }), jsx("p", { className: "d-voucher-message", children: message })] })] }), amount && (jsxs("div", { className: "d-voucher-amount", children: [jsx("div", { className: classNames('d-voucher-amount-value', { 'd-voucher-amount-value-with-details': !!amountDetails }), children: amount }), amountDetails] })), jsx("hr", { className: "d-voucher-divider" }), children, !hideActions && (jsxs(Fragment, { children: [jsx("hr", { className: "my-4" }), jsxs("div", { className: "d-voucher-footer", children: [jsx(DButton, { onClick: handleShare, iconStart: "Share2", text: shareText, variant: "outline", size: "sm" }), jsx(DButton, { onClick: handleDownload, iconStart: "Download", text: downloadText, variant: "outline", size: "sm" })] })] }))] }) }));
+}
+
+export { DVoucher as default };
+//# sourceMappingURL=DVoucher.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DVoucher.js","sources":["../../../../dist-transpiled/components/DVoucher/DVoucher.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport classNames from 'classnames';\nimport useScreenshotDownload from './hooks/useScreenshotDownload';\nimport useScreenshotWebShare from './hooks/useScreenshotWebShare';\nimport DIcon from '../DIcon';\nimport DButton from '../DButton';\nexport default function DVoucher({ amount, amountDetails, icon, title, onError, message, downloadText = 'Download', shareText = 'Share', fileName = 'voucher', hideActions = false, className, children, }) {\n    const { shareRef, share } = useScreenshotWebShare();\n    const { downloadRef, download } = useScreenshotDownload();\n    const handleShare = () => {\n        share(fileName)\n            .catch(async (err) => {\n            if (onError) {\n                await onError(err);\n            }\n        })\n            .catch(() => {\n            // Error already handled by onError\n        });\n    };\n    const handleDownload = () => {\n        download(fileName)\n            .catch(async (err) => {\n            if (onError) {\n                await onError(err);\n            }\n        })\n            .catch(() => {\n            // Error already handled by onError\n        });\n    };\n    const defaultIconProps = {\n        icon: 'CircleCheckBig',\n        color: 'success',\n        size: '2rem',\n        hasCircle: true,\n    };\n    const resolvedIconProps = (() => {\n        if (icon === false || icon == null)\n            return null;\n        if (typeof icon === 'string')\n            return Object.assign(Object.assign({}, defaultIconProps), { icon });\n        if (typeof icon === 'object')\n            return Object.assign(Object.assign({}, defaultIconProps), icon);\n        return defaultIconProps;\n    })();\n    return (_jsx(\"div\", { className: classNames('d-voucher', className), ref: (el) => {\n            shareRef.current = el;\n            downloadRef.current = el;\n        }, children: _jsxs(\"div\", { children: [_jsxs(\"div\", { className: \"d-voucher-header\", children: [resolvedIconProps && (_jsx(DIcon, Object.assign({}, resolvedIconProps))), _jsxs(\"div\", { className: \"d-voucher-title-group\", children: [_jsx(\"h3\", { className: \"d-voucher-title\", children: title }), _jsx(\"p\", { className: \"d-voucher-message\", children: message })] })] }), amount && (_jsxs(\"div\", { className: \"d-voucher-amount\", children: [_jsx(\"div\", { className: classNames('d-voucher-amount-value', { 'd-voucher-amount-value-with-details': !!amountDetails }), children: amount }), amountDetails] })), _jsx(\"hr\", { className: \"d-voucher-divider\" }), children, !hideActions && (_jsxs(_Fragment, { children: [_jsx(\"hr\", { className: \"my-4\" }), _jsxs(\"div\", { className: \"d-voucher-footer\", children: [_jsx(DButton, { onClick: handleShare, iconStart: \"Share2\", text: shareText, variant: \"outline\", size: \"sm\" }), _jsx(DButton, { onClick: handleDownload, iconStart: \"Download\", text: downloadText, variant: \"outline\", size: \"sm\" })] })] }))] }) }));\n}\n//# sourceMappingURL=DVoucher.js.map"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/esm/components/DVoucher/hooks/useScreenshot.js

@@ -0,0 +1,30 @@
+import html2canvas from 'html2canvas';
+import { useRef, useCallback } from 'react';
+
+function useScreenshot() {
+    const clipRef = useRef(null);
+    const takeBlob = useCallback(async (type) => {
+        if (!clipRef.current) {
+            throw new Error('set the clipRef');
+        }
+        const canvas = await html2canvas(clipRef === null || clipRef === void 0 ? void 0 : clipRef.current, {
+            allowTaint: true,
+            useCORS: true,
+        });
+        return (new Promise((resolve, reject) => {
+            canvas.toBlob((innerBlob) => {
+                if (!innerBlob) {
+                    return reject();
+                }
+                return resolve(innerBlob);
+            }, type);
+        }));
+    }, []);
+    return {
+        clipRef,
+        takeBlob,
+    };
+}
+
+export { useScreenshot as default };
+//# sourceMappingURL=useScreenshot.js.map

package/dist/esm/components/DVoucher/hooks/useScreenshot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScreenshot.js","sources":["../../../../../dist-transpiled/components/DVoucher/hooks/useScreenshot.js"],"sourcesContent":["import html2canvas from 'html2canvas';\nimport { useRef, useCallback } from 'react';\nexport default function useScreenshot() {\n    const clipRef = useRef(null);\n    const takeBlob = useCallback(async (type) => {\n        if (!clipRef.current) {\n            throw new Error('set the clipRef');\n        }\n        const canvas = await html2canvas(clipRef === null || clipRef === void 0 ? void 0 : clipRef.current, {\n            allowTaint: true,\n            useCORS: true,\n        });\n        return (new Promise((resolve, reject) => {\n            canvas.toBlob((innerBlob) => {\n                if (!innerBlob) {\n                    return reject();\n                }\n                return resolve(innerBlob);\n            }, type);\n        }));\n    }, []);\n    return {\n        clipRef,\n        takeBlob,\n    };\n}\n//# sourceMappingURL=useScreenshot.js.map"],"names":[],"mappings":";;;AAEe,SAAS,aAAa,GAAG;AACxC,IAAI,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC;AAChC,IAAI,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,IAAI,KAAK;AACjD,QAAQ,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;AAC9B,YAAY,MAAM,IAAI,KAAK,CAAC,iBAAiB,CAAC;AAC9C,QAAQ;AACR,QAAQ,MAAM,MAAM,GAAG,MAAM,WAAW,CAAC,OAAO,KAAK,IAAI,IAAI,OAAO,KAAK,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,OAAO,EAAE;AAC5G,YAAY,UAAU,EAAE,IAAI;AAC5B,YAAY,OAAO,EAAE,IAAI;AACzB,SAAS,CAAC;AACV,QAAQ,QAAQ,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,KAAK;AACjD,YAAY,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,KAAK;AACzC,gBAAgB,IAAI,CAAC,SAAS,EAAE;AAChC,oBAAoB,OAAO,MAAM,EAAE;AACnC,gBAAgB;AAChB,gBAAgB,OAAO,OAAO,CAAC,SAAS,CAAC;AACzC,YAAY,CAAC,EAAE,IAAI,CAAC;AACpB,QAAQ,CAAC,CAAC;AACV,IAAI,CAAC,EAAE,EAAE,CAAC;AACV,IAAI,OAAO;AACX,QAAQ,OAAO;AACf,QAAQ,QAAQ;AAChB,KAAK;AACL;;;;"}

package/dist/esm/components/DVoucher/hooks/useScreenshotDownload.js

@@ -0,0 +1,30 @@
+import { useCallback } from 'react';
+import useScreenshot from './useScreenshot.js';
+
+function useScreenshotDownload() {
+    const { clipRef, takeBlob } = useScreenshot();
+    const download = useCallback(async (fileName = 'voucher') => {
+        const blob = await takeBlob('image/jpeg');
+        const url = window.URL.createObjectURL(blob);
+        const link = window.document.createElement('a');
+        link.style.display = 'none';
+        link.href = url;
+        // Fall back to the default base name when the caller passes a blank/whitespace value,
+        // so the file is never named just ".jpg".
+        const safeFileName = fileName.trim() || 'voucher';
+        // The extension is always appended by the hook to guarantee a valid image file,
+        // regardless of what fileName the caller passes (e.g. "receipt.png" -> "receipt.png.jpg").
+        link.download = `${safeFileName}.jpg`;
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+        window.URL.revokeObjectURL(url);
+    }, [takeBlob]);
+    return {
+        download,
+        downloadRef: clipRef,
+    };
+}
+
+export { useScreenshotDownload as default };
+//# sourceMappingURL=useScreenshotDownload.js.map

package/dist/esm/components/DVoucher/hooks/useScreenshotDownload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScreenshotDownload.js","sources":["../../../../../dist-transpiled/components/DVoucher/hooks/useScreenshotDownload.js"],"sourcesContent":["import { useCallback } from 'react';\nimport useScreenshot from './useScreenshot';\nexport default function useScreenshotDownload() {\n    const { clipRef, takeBlob } = useScreenshot();\n    const download = useCallback(async (fileName = 'voucher') => {\n        const blob = await takeBlob('image/jpeg');\n        const url = window.URL.createObjectURL(blob);\n        const link = window.document.createElement('a');\n        link.style.display = 'none';\n        link.href = url;\n        // Fall back to the default base name when the caller passes a blank/whitespace value,\n        // so the file is never named just \".jpg\".\n        const safeFileName = fileName.trim() || 'voucher';\n        // The extension is always appended by the hook to guarantee a valid image file,\n        // regardless of what fileName the caller passes (e.g. \"receipt.png\" -> \"receipt.png.jpg\").\n        link.download = `${safeFileName}.jpg`;\n        document.body.appendChild(link);\n        link.click();\n        document.body.removeChild(link);\n        window.URL.revokeObjectURL(url);\n    }, [takeBlob]);\n    return {\n        download,\n        downloadRef: clipRef,\n    };\n}\n//# sourceMappingURL=useScreenshotDownload.js.map"],"names":[],"mappings":";;;AAEe,SAAS,qBAAqB,GAAG;AAChD,IAAI,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE;AACjD,IAAI,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,QAAQ,GAAG,SAAS,KAAK;AACjE,QAAQ,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,YAAY,CAAC;AACjD,QAAQ,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC;AACpD,QAAQ,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC;AACvD,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM;AACnC,QAAQ,IAAI,CAAC,IAAI,GAAG,GAAG;AACvB;AACA;AACA,QAAQ,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,EAAE,IAAI,SAAS;AACzD;AACA;AACA,QAAQ,IAAI,CAAC,QAAQ,GAAG,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;AAC7C,QAAQ,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;AACvC,QAAQ,IAAI,CAAC,KAAK,EAAE;AACpB,QAAQ,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;AACvC,QAAQ,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC;AACvC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAClB,IAAI,OAAO;AACX,QAAQ,QAAQ;AAChB,QAAQ,WAAW,EAAE,OAAO;AAC5B,KAAK;AACL;;;;"}

package/dist/esm/components/DVoucher/hooks/useScreenshotWebShare.js

@@ -0,0 +1,27 @@
+import { useCallback } from 'react';
+import useScreenshot from './useScreenshot.js';
+
+function useScreenshotWebShare() {
+    const { takeBlob, clipRef } = useScreenshot();
+    const share = useCallback(async (fileName = 'voucher') => {
+        const blob = await takeBlob('image/jpeg');
+        // Fall back to the default base name when the caller passes a blank/whitespace value,
+        // so the file is never named just ".jpeg".
+        const safeFileName = fileName.trim() || 'voucher';
+        // The extension is always appended by the hook to guarantee a valid image file,
+        // regardless of what fileName the caller passes (e.g. "receipt.png" -> "receipt.png.jpeg").
+        const image = new File([blob], `${safeFileName}.jpeg`, { type: 'image/jpeg' });
+        if (!navigator.canShare || !navigator.canShare({ files: [image] })) {
+            window.print();
+            return;
+        }
+        await navigator.share({ files: [image] });
+    }, [takeBlob]);
+    return {
+        share,
+        shareRef: clipRef,
+    };
+}
+
+export { useScreenshotWebShare as default };
+//# sourceMappingURL=useScreenshotWebShare.js.map

package/dist/esm/components/DVoucher/hooks/useScreenshotWebShare.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScreenshotWebShare.js","sources":["../../../../../dist-transpiled/components/DVoucher/hooks/useScreenshotWebShare.js"],"sourcesContent":["import { useCallback } from 'react';\nimport useScreenshot from './useScreenshot';\nexport default function useScreenshotWebShare() {\n    const { takeBlob, clipRef } = useScreenshot();\n    const share = useCallback(async (fileName = 'voucher') => {\n        const blob = await takeBlob('image/jpeg');\n        // Fall back to the default base name when the caller passes a blank/whitespace value,\n        // so the file is never named just \".jpeg\".\n        const safeFileName = fileName.trim() || 'voucher';\n        // The extension is always appended by the hook to guarantee a valid image file,\n        // regardless of what fileName the caller passes (e.g. \"receipt.png\" -> \"receipt.png.jpeg\").\n        const image = new File([blob], `${safeFileName}.jpeg`, { type: 'image/jpeg' });\n        if (!navigator.canShare || !navigator.canShare({ files: [image] })) {\n            window.print();\n            return;\n        }\n        await navigator.share({ files: [image] });\n    }, [takeBlob]);\n    return {\n        share,\n        shareRef: clipRef,\n    };\n}\n//# sourceMappingURL=useScreenshotWebShare.js.map"],"names":[],"mappings":";;;AAEe,SAAS,qBAAqB,GAAG;AAChD,IAAI,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE;AACjD,IAAI,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,QAAQ,GAAG,SAAS,KAAK;AAC9D,QAAQ,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,YAAY,CAAC;AACjD;AACA;AACA,QAAQ,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,EAAE,IAAI,SAAS;AACzD;AACA;AACA,QAAQ,MAAM,KAAK,GAAG,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;AACtF,QAAQ,IAAI,CAAC,SAAS,CAAC,QAAQ,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE;AAC5E,YAAY,MAAM,CAAC,KAAK,EAAE;AAC1B,YAAY;AACZ,QAAQ;AACR,QAAQ,MAAM,SAAS,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;AACjD,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAClB,IAAI,OAAO;AACX,QAAQ,KAAK;AACb,QAAQ,QAAQ,EAAE,OAAO;AACzB,KAAK;AACL;;;;"}

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

@@ -0,0 +1,9 @@
+import DVoucher from './DVoucher.js';
+export { default as useScreenshot } from './hooks/useScreenshot.js';
+export { default as useScreenshotDownload } from './hooks/useScreenshotDownload.js';
+export { default as useScreenshotWebShare } from './hooks/useScreenshotWebShare.js';
+
+
+
+export { DVoucher as default };
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/components/config.js

@@ -0,0 +1,14 @@
+const PREFIX_BS = 'bs-';
+/**
+ * Default icon-font family configured by `DContextProvider`.
+ *
+ * `DIconBase` compares the family it receives against these values to tell an
+ * unconfigured consumer apart from one that deliberately opted into an icon
+ * font (Material Symbols, Bootstrap Icons). Only the former gets the
+ * development warning for an unresolved icon name.
+ */
+const DEFAULT_ICON_FAMILY_CLASS = 'bi';
+const DEFAULT_ICON_FAMILY_PREFIX = 'bi-';
+
+export { DEFAULT_ICON_FAMILY_CLASS, DEFAULT_ICON_FAMILY_PREFIX, PREFIX_BS };
+//# sourceMappingURL=config.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sources":["../../../dist-transpiled/components/config.js"],"sourcesContent":["export const PREFIX_BS = 'bs-';\n/**\n * Default icon-font family configured by `DContextProvider`.\n *\n * `DIconBase` compares the family it receives against these values to tell an\n * unconfigured consumer apart from one that deliberately opted into an icon\n * font (Material Symbols, Bootstrap Icons). Only the former gets the\n * development warning for an unresolved icon name.\n */\nexport const DEFAULT_ICON_FAMILY_CLASS = 'bi';\nexport const DEFAULT_ICON_FAMILY_PREFIX = 'bi-';\n//# sourceMappingURL=config.js.map"],"names":[],"mappings":"AAAY,MAAC,SAAS,GAAG;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACY,MAAC,yBAAyB,GAAG;AAC7B,MAAC,0BAA0B,GAAG;;;;"}

package/dist/esm/contexts/DContext.js

@@ -0,0 +1,124 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useContext, useState, useCallback, useLayoutEffect, useMemo } from 'react';
+import { DPortalContextProvider } from './DPortalContext.js';
+import { createConfirmModalStore, ConfirmModalStoreContext } from '../components/DConfirmModal/confirmModalStore.js';
+import { DEFAULT_ICON_FAMILY_PREFIX, DEFAULT_ICON_FAMILY_CLASS, PREFIX_BS } from '../components/config.js';
+import getCssVariable from '../utils/getCssVariable.js';
+
+const DEFAULT_STATE = {
+    language: 'en',
+    currency: {
+        symbol: '$',
+        precision: 2,
+        separator: ',',
+        decimal: '.',
+    },
+    icon: {
+        familyClass: DEFAULT_ICON_FAMILY_CLASS,
+        familyPrefix: DEFAULT_ICON_FAMILY_PREFIX,
+        materialStyle: false,
+    },
+    iconRegistry: undefined,
+    iconMap: {
+        x: 'X',
+        xLg: 'X',
+        chevronUp: 'ChevronUp',
+        chevronDown: 'ChevronDown',
+        chevronLeft: 'ChevronLeft',
+        chevronRight: 'ChevronRight',
+        upload: 'Upload',
+        calendar: 'Calendar',
+        check: 'Check',
+        alert: {
+            warning: 'AlertCircle',
+            danger: 'AlertTriangle',
+            success: 'CheckCircle',
+            info: 'Info',
+        },
+        input: {
+            search: 'Search',
+            show: 'Eye',
+            hide: 'EyeOff',
+            increase: 'Plus',
+            decrease: 'Minus',
+        },
+    },
+    breakpoints: {
+        xs: '',
+        sm: '',
+        md: '',
+        lg: '',
+        xl: '',
+        xxl: '',
+    },
+    setContext: () => { },
+};
+const DContext = createContext(DEFAULT_STATE);
+/**
+ * Root context provider for Dynamic UI. Wrap your application with this
+ * component to configure icons, currency, language, and portal settings
+ * for all descendant Dynamic UI components.
+ *
+ * To enable confirmation modals you must also mount `DConfirmModalContainer`
+ * somewhere inside this provider (typically right before the closing tag of
+ * your root layout), similar to how `DToastContainer` works:
+ *
+ * ```tsx
+ * // Default: portalName="d-portal"
+ * <DContextProvider>
+ *   <App />
+ *   <DConfirmModalContainer nodeId="d-portal" />
+ * </DContextProvider>
+ * ```
+ *
+ * If you customize `portalName`, match it in `DConfirmModalContainer.nodeId`:
+ *
+ * ```tsx
+ * // Custom portalName
+ * <DContextProvider portalName="my-custom-portal">
+ *   <App />
+ *   <DConfirmModalContainer nodeId="my-custom-portal" />
+ * </DContextProvider>
+ * ```
+ *
+ * @template T - Map of portal name → payload shape (e.g. `{ modal: { title: string } }`).
+ *   Pass it once at the top level: `<DContextProvider<MyPortals> ...>`.
+ */
+function DContextProvider({ language = DEFAULT_STATE.language, currency = DEFAULT_STATE.currency, icon = DEFAULT_STATE.icon, iconRegistry = DEFAULT_STATE.iconRegistry, iconMap = DEFAULT_STATE.iconMap, portalName = 'd-portal', availablePortals, children, }) {
+    const [internalContext, setInternalContext,] = useState({
+        language,
+        currency,
+        icon,
+        iconRegistry,
+        iconMap,
+        breakpoints: DEFAULT_STATE.breakpoints,
+    });
+    const setContext = useCallback((newValue) => (setInternalContext((prevInternalContext) => (Object.assign(Object.assign({}, prevInternalContext), newValue)))), []);
+    useLayoutEffect(() => {
+        setContext({
+            breakpoints: {
+                xs: getCssVariable(`--${PREFIX_BS}breakpoint-xs`),
+                sm: getCssVariable(`--${PREFIX_BS}breakpoint-sm`),
+                md: getCssVariable(`--${PREFIX_BS}breakpoint-md`),
+                lg: getCssVariable(`--${PREFIX_BS}breakpoint-lg`),
+                xl: getCssVariable(`--${PREFIX_BS}breakpoint-xl`),
+                xxl: getCssVariable(`--${PREFIX_BS}breakpoint-xxl`),
+            },
+        });
+    }, [setContext]);
+    const value = useMemo(() => (Object.assign(Object.assign({}, internalContext), { setContext })), [internalContext, setContext]);
+    const confirmStore = useMemo(() => createConfirmModalStore(), []);
+    return (jsx(ConfirmModalStoreContext.Provider, { value: confirmStore, children: jsx(DContext.Provider, { value: value, children: jsx(DPortalContextProvider, { portalName: portalName, availablePortals: availablePortals, children: children }) }) }));
+}
+/**
+ * Returns the Dynamic UI context value set by `DContextProvider`.
+ * Falls back to the library's built-in defaults when no `DContextProvider`
+ * is present in the tree — wrap your application with `DContextProvider`
+ * to customise icons, currency, language, and portal settings.
+ */
+function useDContext() {
+    return useContext(DContext);
+}
+
+export { DContext, DContextProvider, useDContext };
+//# sourceMappingURL=DContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DContext.js","sources":["../../../dist-transpiled/contexts/DContext.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { createContext, useCallback, useContext, useLayoutEffect, useMemo, useState, } from 'react';\nimport { DPortalContextProvider, } from './DPortalContext';\nimport { createConfirmModalStore, ConfirmModalStoreContext, } from '../components/DConfirmModal/confirmModalStore';\nimport { DEFAULT_ICON_FAMILY_CLASS, DEFAULT_ICON_FAMILY_PREFIX, PREFIX_BS, } from '../components/config';\nimport getCssVariable from '../utils/getCssVariable';\nconst DEFAULT_STATE = {\n    language: 'en',\n    currency: {\n        symbol: '$',\n        precision: 2,\n        separator: ',',\n        decimal: '.',\n    },\n    icon: {\n        familyClass: DEFAULT_ICON_FAMILY_CLASS,\n        familyPrefix: DEFAULT_ICON_FAMILY_PREFIX,\n        materialStyle: false,\n    },\n    iconRegistry: undefined,\n    iconMap: {\n        x: 'X',\n        xLg: 'X',\n        chevronUp: 'ChevronUp',\n        chevronDown: 'ChevronDown',\n        chevronLeft: 'ChevronLeft',\n        chevronRight: 'ChevronRight',\n        upload: 'Upload',\n        calendar: 'Calendar',\n        check: 'Check',\n        alert: {\n            warning: 'AlertCircle',\n            danger: 'AlertTriangle',\n            success: 'CheckCircle',\n            info: 'Info',\n        },\n        input: {\n            search: 'Search',\n            show: 'Eye',\n            hide: 'EyeOff',\n            increase: 'Plus',\n            decrease: 'Minus',\n        },\n    },\n    breakpoints: {\n        xs: '',\n        sm: '',\n        md: '',\n        lg: '',\n        xl: '',\n        xxl: '',\n    },\n    setContext: () => { },\n};\nexport const DContext = createContext(DEFAULT_STATE);\n/**\n * Root context provider for Dynamic UI. Wrap your application with this\n * component to configure icons, currency, language, and portal settings\n * for all descendant Dynamic UI components.\n *\n * To enable confirmation modals you must also mount `DConfirmModalContainer`\n * somewhere inside this provider (typically right before the closing tag of\n * your root layout), similar to how `DToastContainer` works:\n *\n * ```tsx\n * // Default: portalName=\"d-portal\"\n * <DContextProvider>\n *   <App />\n *   <DConfirmModalContainer nodeId=\"d-portal\" />\n * </DContextProvider>\n * ```\n *\n * If you customize `portalName`, match it in `DConfirmModalContainer.nodeId`:\n *\n * ```tsx\n * // Custom portalName\n * <DContextProvider portalName=\"my-custom-portal\">\n *   <App />\n *   <DConfirmModalContainer nodeId=\"my-custom-portal\" />\n * </DContextProvider>\n * ```\n *\n * @template T - Map of portal name → payload shape (e.g. `{ modal: { title: string } }`).\n *   Pass it once at the top level: `<DContextProvider<MyPortals> ...>`.\n */\nexport function DContextProvider({ language = DEFAULT_STATE.language, currency = DEFAULT_STATE.currency, icon = DEFAULT_STATE.icon, iconRegistry = DEFAULT_STATE.iconRegistry, iconMap = DEFAULT_STATE.iconMap, portalName = 'd-portal', availablePortals, children, }) {\n    const [internalContext, setInternalContext,] = useState({\n        language,\n        currency,\n        icon,\n        iconRegistry,\n        iconMap,\n        breakpoints: DEFAULT_STATE.breakpoints,\n    });\n    const setContext = useCallback((newValue) => (setInternalContext((prevInternalContext) => (Object.assign(Object.assign({}, prevInternalContext), newValue)))), []);\n    useLayoutEffect(() => {\n        setContext({\n            breakpoints: {\n                xs: getCssVariable(`--${PREFIX_BS}breakpoint-xs`),\n                sm: getCssVariable(`--${PREFIX_BS}breakpoint-sm`),\n                md: getCssVariable(`--${PREFIX_BS}breakpoint-md`),\n                lg: getCssVariable(`--${PREFIX_BS}breakpoint-lg`),\n                xl: getCssVariable(`--${PREFIX_BS}breakpoint-xl`),\n                xxl: getCssVariable(`--${PREFIX_BS}breakpoint-xxl`),\n            },\n        });\n    }, [setContext]);\n    const value = useMemo(() => (Object.assign(Object.assign({}, internalContext), { setContext })), [internalContext, setContext]);\n    const confirmStore = useMemo(() => createConfirmModalStore(), []);\n    return (_jsx(ConfirmModalStoreContext.Provider, { value: confirmStore, children: _jsx(DContext.Provider, { value: value, children: _jsx(DPortalContextProvider, { portalName: portalName, availablePortals: availablePortals, children: children }) }) }));\n}\n/**\n * Returns the Dynamic UI context value set by `DContextProvider`.\n * Falls back to the library's built-in defaults when no `DContextProvider`\n * is present in the tree — wrap your application with `DContextProvider`\n * to customise icons, currency, language, and portal settings.\n */\nexport function useDContext() {\n    return useContext(DContext);\n}\n//# sourceMappingURL=DContext.js.map"],"names":["_jsx"],"mappings":"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"}