@dynamic-framework/ui-react 2.9.0 → 2.11.0

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/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/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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"}

package/dist/esm/contexts/DPortalContext.js

@@ -0,0 +1,163 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { createContext, useState, useRef, useEffect, useCallback, useMemo, useContext } from 'react';
+import { createPortal } from 'react-dom';
+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) {
+        var _a;
+        if (!availablePortals) {
+            throw new Error('openPortal was called but DContextProvider has no availablePortals configured. '
+                + 'Pass an availablePortals map to DContextProvider.');
+        }
+        const Component = availablePortals[name];
+        if (!Component) {
+            throw new Error(`No component registered for portal "${String(name)}". `
+                + `Ensure "${String(name)}" has an entry in the availablePortals map on DContextProvider.`);
+        }
+        // K is a specific member of keyof T & string so the object satisfies
+        // InternalStackItem<T>, but TS can't verify generic-over-union assignability.
+        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]);
+    const publicStack = useMemo(() => stack.map(({ name, payload }) => ({ name, payload })), [stack]);
+    const value = useMemo(() => ({
+        stack: publicStack,
+        openPortal,
+        closePortal,
+    }), [publicStack, openPortal, closePortal]);
+    const handleClose = useCallback((target) => {
+        if (!(target instanceof HTMLDivElement)) {
+            return;
+        }
+        if (target.classList.contains('portal') && !('bsBackdrop' in target.dataset)) {
+            closePortal();
+            return;
+        }
+        if (target.classList.contains('backdrop')) {
+            const lastPortal = target.nextElementSibling;
+            if (lastPortal && lastPortal.classList.contains('portal') && !('bsBackdrop' in lastPortal.dataset)) {
+                closePortal();
+            }
+        }
+    }, [closePortal]);
+    useEffect(() => {
+        const keyEvent = (event) => {
+            const lastPortal = document.querySelector(`#${portalName} > div > div:last-child`);
+            if (event.key === 'Escape') {
+                if (lastPortal) {
+                    handleClose(lastPortal);
+                    return;
+                }
+            }
+            if (event.key === 'Tab') {
+                const focusableElements = getKeyboardFocusableElements(lastPortal);
+                if (focusableElements.length === 0)
+                    return;
+                const firstElement = focusableElements[0];
+                const lastElement = focusableElements[focusableElements.length - 1];
+                if (event.shiftKey && document.activeElement === firstElement) {
+                    event.preventDefault();
+                    lastElement.focus();
+                }
+                else if (!event.shiftKey && document.activeElement === lastElement) {
+                    event.preventDefault();
+                    firstElement.focus();
+                }
+            }
+        };
+        if (stack.length !== 0) {
+            window.addEventListener('keydown', keyEvent);
+        }
+        return () => {
+            window.removeEventListener('keydown', keyEvent);
+        };
+    }, [handleClose, portalName, stack.length]);
+    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(PortalStack, { stack: stack }) }), document.getElementById(portalName))] }));
+}
+/**
+ * Hook to open/close registered portals (modals, offcanvas, etc.).
+ *
+ * **Prerequisite**: must be called inside a `DContextProvider` configured with
+ * `portalName` and `availablePortals`. `DContextProvider` mounts
+ * `DPortalContextProvider` internally — consumers never use
+ * `DPortalContextProvider` directly.
+ *
+ * @template T - Map of portal name → payload shape (e.g. `ModalPayloads`).
+ *   Typing this generic gives you autocomplete on `openPortal` arguments.
+ * @returns `{ openPortal, closePortal, stack }` from the nearest portal context.
+ * @throws If called outside of `DContextProvider` / `DPortalContextProvider`.
+ *
+ * @requires DContextProvider
+ *
+ * @example
+ * ```tsx
+ * const { openPortal, closePortal } = useDPortalContext<ModalPayloads>();
+ * openPortal('confirm', { message: 'Are you sure?' });
+ * ```
+ */
+function useDPortalContext() {
+    const context = useContext(DPortalContext);
+    if (context === undefined) {
+        throw new Error('useDPortalContext was used outside of DPortalContextProvider');
+    }
+    return context;
+}
+
+export { DPortalContext, DPortalContextProvider, useDPortalContext };
+//# sourceMappingURL=DPortalContext.js.map