@dynamic-framework/ui-react 2.9.0 → 2.10.0

package/dist/esm/contexts/DPortalContext.js

@@ -0,0 +1,128 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { createContext, useCallback, useMemo, useEffect, 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 DPortalContext = createContext(undefined);
+function DPortalContextProvider({ portalName, children, availablePortals, }) {
+    const { created } = usePortal(portalName);
+    const [stack, { push, pop }] = useStackState([]);
+    useDisableBodyScrollEffect(Boolean(stack.length));
+    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.
+        push({ name, Component, payload });
+        (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.blur();
+    }, [availablePortals, push]);
+    const closePortal = useCallback(() => {
+        // 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 && 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))] }));
+}
+/**
+ * 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

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

@@ -0,0 +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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"}

package/dist/esm/hooks/useConfirmModal.js

@@ -0,0 +1,63 @@
+import { useRef, useCallback } from 'react';
+import { useConfirmModalStore } from '../components/DConfirmModal/confirmModalStore.js';
+
+/**
+ * Hook to display a confirmation modal.
+ *
+ * Renders into the portal node specified by `DConfirmModalContainer` (typically `#d-portal`).
+ * The confirm modal floats above the portal stack and handles its own Escape key,
+ * preventing interference with underlying modals.
+ *
+ * Requires both `DContextProvider` wrapping your application AND an explicit
+ * `<DConfirmModalContainer nodeId="d-portal" />` mounted in your app.
+ *
+ * @example
+ * function App() {
+ *   return (
+ *     <DContextProvider>
+ *       <YourContent />
+ *       <DConfirmModalContainer nodeId="d-portal" />
+ *     </DContextProvider>
+ *   );
+ * }
+ *
+ * function MyComponent() {
+ *   const confirm = useConfirmModal({
+ *     title: 'Delete Account',
+ *     message: 'This action cannot be undone.',
+ *     critical: { code: 'DELETE ACCOUNT' },
+ *     onConfirm: async () => { await deleteAccount(); },
+ *   });
+ *
+ *   return <DButton onClick={confirm.open} text="Delete" color="danger" />;
+ * }
+ */
+function useConfirmModal(config) {
+    const store = useConfirmModalStore();
+    const idRef = useRef(`confirm-modal-${Math.random().toString(36).slice(2)}`);
+    const close = useCallback(() => {
+        store.remove(idRef.current);
+        queueMicrotask(() => {
+            var _a;
+            (_a = config.onClose) === null || _a === void 0 ? void 0 : _a.call(config);
+        });
+    }, [store, config]);
+    const open = useCallback(() => {
+        const handleConfirmAction = async () => {
+            try {
+                await config.onConfirm();
+                store.remove(idRef.current);
+            }
+            catch (_a) {
+                // Keep modal open on error
+            }
+        };
+        // Remove any existing entry with this id to prevent duplicates on re-entrancy
+        store.remove(idRef.current);
+        store.push(Object.assign(Object.assign({}, config), { id: idRef.current, onConfirmAction: handleConfirmAction, onCloseAction: close }));
+    }, [store, config, close]);
+    return { open };
+}
+
+export { useConfirmModal as default };
+//# sourceMappingURL=useConfirmModal.js.map

package/dist/esm/hooks/useConfirmModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConfirmModal.js","sources":["../../../dist-transpiled/hooks/useConfirmModal.js"],"sourcesContent":["import { useCallback, useRef } from 'react';\nimport { useConfirmModalStore } from '../components/DConfirmModal/confirmModalStore';\n/**\n * Hook to display a confirmation modal.\n *\n * Renders into the portal node specified by `DConfirmModalContainer` (typically `#d-portal`).\n * The confirm modal floats above the portal stack and handles its own Escape key,\n * preventing interference with underlying modals.\n *\n * Requires both `DContextProvider` wrapping your application AND an explicit\n * `<DConfirmModalContainer nodeId=\"d-portal\" />` mounted in your app.\n *\n * @example\n * function App() {\n *   return (\n *     <DContextProvider>\n *       <YourContent />\n *       <DConfirmModalContainer nodeId=\"d-portal\" />\n *     </DContextProvider>\n *   );\n * }\n *\n * function MyComponent() {\n *   const confirm = useConfirmModal({\n *     title: 'Delete Account',\n *     message: 'This action cannot be undone.',\n *     critical: { code: 'DELETE ACCOUNT' },\n *     onConfirm: async () => { await deleteAccount(); },\n *   });\n *\n *   return <DButton onClick={confirm.open} text=\"Delete\" color=\"danger\" />;\n * }\n */\nexport default function useConfirmModal(config) {\n    const store = useConfirmModalStore();\n    const idRef = useRef(`confirm-modal-${Math.random().toString(36).slice(2)}`);\n    const close = useCallback(() => {\n        store.remove(idRef.current);\n        queueMicrotask(() => {\n            var _a;\n            (_a = config.onClose) === null || _a === void 0 ? void 0 : _a.call(config);\n        });\n    }, [store, config]);\n    const open = useCallback(() => {\n        const handleConfirmAction = async () => {\n            try {\n                await config.onConfirm();\n                store.remove(idRef.current);\n            }\n            catch (_a) {\n                // Keep modal open on error\n            }\n        };\n        // Remove any existing entry with this id to prevent duplicates on re-entrancy\n        store.remove(idRef.current);\n        store.push(Object.assign(Object.assign({}, config), { id: idRef.current, onConfirmAction: handleConfirmAction, onCloseAction: close }));\n    }, [store, config, close]);\n    return { open };\n}\n//# sourceMappingURL=useConfirmModal.js.map"],"names":[],"mappings":";;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,eAAe,CAAC,MAAM,EAAE;AAChD,IAAI,MAAM,KAAK,GAAG,oBAAoB,EAAE;AACxC,IAAI,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,cAAc,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAChF,IAAI,MAAM,KAAK,GAAG,WAAW,CAAC,MAAM;AACpC,QAAQ,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC;AACnC,QAAQ,cAAc,CAAC,MAAM;AAC7B,YAAY,IAAI,EAAE;AAClB,YAAY,CAAC,EAAE,GAAG,MAAM,CAAC,OAAO,MAAM,IAAI,IAAI,EAAE,KAAK,MAAM,GAAG,MAAM,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC;AACtF,QAAQ,CAAC,CAAC;AACV,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AACvB,IAAI,MAAM,IAAI,GAAG,WAAW,CAAC,MAAM;AACnC,QAAQ,MAAM,mBAAmB,GAAG,YAAY;AAChD,YAAY,IAAI;AAChB,gBAAgB,MAAM,MAAM,CAAC,SAAS,EAAE;AACxC,gBAAgB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC;AAC3C,YAAY;AACZ,YAAY,OAAO,EAAE,EAAE;AACvB;AACA,YAAY;AACZ,QAAQ,CAAC;AACT;AACA,QAAQ,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC;AACnC,QAAQ,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC;AAC/I,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AAC9B,IAAI,OAAO,EAAE,IAAI,EAAE;AACnB;;;;"}

package/dist/esm/hooks/useCountdown.js

@@ -0,0 +1,45 @@
+import { useState, useCallback, useEffect } from 'react';
+
+/**
+ * Generic seconds-based countdown hook.
+ *
+ * Starts counting down from `seconds` to `0` and exposes `restartCountdown`
+ * to reset and restart the timer (e.g. for "resend code in Xs" patterns,
+ * session-expiry banners, or any other cooldown/throttle UI).
+ *
+ * @example
+ * const { secondsLeft, restartCountdown } = useCountdown(30);
+ */
+function useCountdown(seconds) {
+    const [secondsLeft, setSecondsLeft] = useState(seconds);
+    const [isActive, setIsActive] = useState(true);
+    const resetCountdown = useCallback((newSeconds = seconds) => {
+        setIsActive(false);
+        setSecondsLeft(newSeconds);
+    }, [seconds]);
+    const restartCountdown = useCallback(() => {
+        resetCountdown(seconds);
+        setIsActive(true);
+    }, [resetCountdown, seconds]);
+    useEffect(() => {
+        if (!isActive) {
+            return () => { };
+        }
+        const interval = setInterval(() => {
+            setSecondsLeft((prevSeconds) => {
+                const newSeconds = prevSeconds - 1;
+                if (newSeconds <= 0) {
+                    clearInterval(interval);
+                    setIsActive(false);
+                    return 0;
+                }
+                return newSeconds;
+            });
+        }, 1000);
+        return () => clearInterval(interval);
+    }, [isActive]);
+    return { secondsLeft, restartCountdown };
+}
+
+export { useCountdown as default };
+//# sourceMappingURL=useCountdown.js.map

package/dist/esm/hooks/useCountdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCountdown.js","sources":["../../../dist-transpiled/hooks/useCountdown.js"],"sourcesContent":["import { useState, useEffect, useCallback, } from 'react';\n/**\n * Generic seconds-based countdown hook.\n *\n * Starts counting down from `seconds` to `0` and exposes `restartCountdown`\n * to reset and restart the timer (e.g. for \"resend code in Xs\" patterns,\n * session-expiry banners, or any other cooldown/throttle UI).\n *\n * @example\n * const { secondsLeft, restartCountdown } = useCountdown(30);\n */\nexport default function useCountdown(seconds) {\n    const [secondsLeft, setSecondsLeft] = useState(seconds);\n    const [isActive, setIsActive] = useState(true);\n    const resetCountdown = useCallback((newSeconds = seconds) => {\n        setIsActive(false);\n        setSecondsLeft(newSeconds);\n    }, [seconds]);\n    const restartCountdown = useCallback(() => {\n        resetCountdown(seconds);\n        setIsActive(true);\n    }, [resetCountdown, seconds]);\n    useEffect(() => {\n        if (!isActive) {\n            return () => { };\n        }\n        const interval = setInterval(() => {\n            setSecondsLeft((prevSeconds) => {\n                const newSeconds = prevSeconds - 1;\n                if (newSeconds <= 0) {\n                    clearInterval(interval);\n                    setIsActive(false);\n                    return 0;\n                }\n                return newSeconds;\n            });\n        }, 1000);\n        return () => clearInterval(interval);\n    }, [isActive]);\n    return { secondsLeft, restartCountdown };\n}\n//# sourceMappingURL=useCountdown.js.map"],"names":[],"mappings":";;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,YAAY,CAAC,OAAO,EAAE;AAC9C,IAAI,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC;AAC3D,IAAI,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC;AAClD,IAAI,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,UAAU,GAAG,OAAO,KAAK;AACjE,QAAQ,WAAW,CAAC,KAAK,CAAC;AAC1B,QAAQ,cAAc,CAAC,UAAU,CAAC;AAClC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AACjB,IAAI,MAAM,gBAAgB,GAAG,WAAW,CAAC,MAAM;AAC/C,QAAQ,cAAc,CAAC,OAAO,CAAC;AAC/B,QAAQ,WAAW,CAAC,IAAI,CAAC;AACzB,IAAI,CAAC,EAAE,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;AACjC,IAAI,SAAS,CAAC,MAAM;AACpB,QAAQ,IAAI,CAAC,QAAQ,EAAE;AACvB,YAAY,OAAO,MAAM,EAAE,CAAC;AAC5B,QAAQ;AACR,QAAQ,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM;AAC3C,YAAY,cAAc,CAAC,CAAC,WAAW,KAAK;AAC5C,gBAAgB,MAAM,UAAU,GAAG,WAAW,GAAG,CAAC;AAClD,gBAAgB,IAAI,UAAU,IAAI,CAAC,EAAE;AACrC,oBAAoB,aAAa,CAAC,QAAQ,CAAC;AAC3C,oBAAoB,WAAW,CAAC,KAAK,CAAC;AACtC,oBAAoB,OAAO,CAAC;AAC5B,gBAAgB;AAChB,gBAAgB,OAAO,UAAU;AACjC,YAAY,CAAC,CAAC;AACd,QAAQ,CAAC,EAAE,IAAI,CAAC;AAChB,QAAQ,OAAO,MAAM,aAAa,CAAC,QAAQ,CAAC;AAC5C,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAClB,IAAI,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE;AAC5C;;;;"}

package/dist/esm/hooks/useDisableBodyScrollEffect.js

@@ -0,0 +1,52 @@
+import { useEffect } from 'react';
+
+/* eslint-disable no-lonely-if */
+function useDisableBodyScrollEffect(disable) {
+    useEffect(() => {
+        let observer;
+        let timer;
+        const lock = () => {
+            const { clientWidth } = document.documentElement;
+            const { innerWidth } = window;
+            const scrollbarWidth = clientWidth ? innerWidth - clientWidth : 0;
+            document.body.style.overflow = 'hidden';
+            document.body.style.paddingRight = `${Math.max(0, scrollbarWidth)}px`;
+        };
+        const unlock = () => {
+            document.body.style.overflow = 'unset';
+            document.body.style.paddingRight = '0px';
+        };
+        if (disable) {
+            lock();
+        }
+        else {
+            // Wait until all portal elements are removed (exit animations done)
+            if (document.querySelector('.portal')) {
+                observer = new MutationObserver(() => {
+                    if (!document.querySelector('.portal')) {
+                        unlock();
+                        observer === null || observer === void 0 ? void 0 : observer.disconnect();
+                    }
+                });
+                observer.observe(document.body, { childList: true, subtree: true });
+                // Fallback in case observer misses changes
+                timer = window.setTimeout(() => {
+                    unlock();
+                    observer === null || observer === void 0 ? void 0 : observer.disconnect();
+                }, 300);
+            }
+            else {
+                unlock();
+            }
+        }
+        return () => {
+            if (observer)
+                observer.disconnect();
+            if (timer)
+                window.clearTimeout(timer);
+        };
+    }, [disable]);
+}
+
+export { useDisableBodyScrollEffect as default };
+//# sourceMappingURL=useDisableBodyScrollEffect.js.map

package/dist/esm/hooks/useDisableBodyScrollEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDisableBodyScrollEffect.js","sources":["../../../dist-transpiled/hooks/useDisableBodyScrollEffect.js"],"sourcesContent":["/* eslint-disable no-lonely-if */\nimport { useEffect } from 'react';\nexport default function useDisableBodyScrollEffect(disable) {\n    useEffect(() => {\n        let observer;\n        let timer;\n        const lock = () => {\n            const { clientWidth } = document.documentElement;\n            const { innerWidth } = window;\n            const scrollbarWidth = clientWidth ? innerWidth - clientWidth : 0;\n            document.body.style.overflow = 'hidden';\n            document.body.style.paddingRight = `${Math.max(0, scrollbarWidth)}px`;\n        };\n        const unlock = () => {\n            document.body.style.overflow = 'unset';\n            document.body.style.paddingRight = '0px';\n        };\n        if (disable) {\n            lock();\n        }\n        else {\n            // Wait until all portal elements are removed (exit animations done)\n            if (document.querySelector('.portal')) {\n                observer = new MutationObserver(() => {\n                    if (!document.querySelector('.portal')) {\n                        unlock();\n                        observer === null || observer === void 0 ? void 0 : observer.disconnect();\n                    }\n                });\n                observer.observe(document.body, { childList: true, subtree: true });\n                // Fallback in case observer misses changes\n                timer = window.setTimeout(() => {\n                    unlock();\n                    observer === null || observer === void 0 ? void 0 : observer.disconnect();\n                }, 300);\n            }\n            else {\n                unlock();\n            }\n        }\n        return () => {\n            if (observer)\n                observer.disconnect();\n            if (timer)\n                window.clearTimeout(timer);\n        };\n    }, [disable]);\n}\n//# sourceMappingURL=useDisableBodyScrollEffect.js.map"],"names":[],"mappings":";;AAAA;AAEe,SAAS,0BAA0B,CAAC,OAAO,EAAE;AAC5D,IAAI,SAAS,CAAC,MAAM;AACpB,QAAQ,IAAI,QAAQ;AACpB,QAAQ,IAAI,KAAK;AACjB,QAAQ,MAAM,IAAI,GAAG,MAAM;AAC3B,YAAY,MAAM,EAAE,WAAW,EAAE,GAAG,QAAQ,CAAC,eAAe;AAC5D,YAAY,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM;AACzC,YAAY,MAAM,cAAc,GAAG,WAAW,GAAG,UAAU,GAAG,WAAW,GAAG,CAAC;AAC7E,YAAY,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ;AACnD,YAAY,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC;AACjF,QAAQ,CAAC;AACT,QAAQ,MAAM,MAAM,GAAG,MAAM;AAC7B,YAAY,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO;AAClD,YAAY,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,KAAK;AACpD,QAAQ,CAAC;AACT,QAAQ,IAAI,OAAO,EAAE;AACrB,YAAY,IAAI,EAAE;AAClB,QAAQ;AACR,aAAa;AACb;AACA,YAAY,IAAI,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,EAAE;AACnD,gBAAgB,QAAQ,GAAG,IAAI,gBAAgB,CAAC,MAAM;AACtD,oBAAoB,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,EAAE;AAC5D,wBAAwB,MAAM,EAAE;AAChC,wBAAwB,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC,UAAU,EAAE;AACjG,oBAAoB;AACpB,gBAAgB,CAAC,CAAC;AAClB,gBAAgB,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AACnF;AACA,gBAAgB,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM;AAChD,oBAAoB,MAAM,EAAE;AAC5B,oBAAoB,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC,UAAU,EAAE;AAC7F,gBAAgB,CAAC,EAAE,GAAG,CAAC;AACvB,YAAY;AACZ,iBAAiB;AACjB,gBAAgB,MAAM,EAAE;AACxB,YAAY;AACZ,QAAQ;AACR,QAAQ,OAAO,MAAM;AACrB,YAAY,IAAI,QAAQ;AACxB,gBAAgB,QAAQ,CAAC,UAAU,EAAE;AACrC,YAAY,IAAI,KAAK;AACrB,gBAAgB,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC;AAC1C,QAAQ,CAAC;AACT,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AACjB;;;;"}

package/dist/esm/hooks/useDisableInputWheel.js

@@ -0,0 +1,17 @@
+import { useCallback } from 'react';
+import useProvidedRefOrCreate from './useProvidedRefOrCreate.js';
+
+function useDisableInputWheel(ref) {
+    const inputRef = useProvidedRefOrCreate(ref);
+    const handleOnWheel = useCallback((event) => {
+        var _a;
+        event.stopPropagation();
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+    }, [inputRef]);
+    return {
+        handleOnWheel,
+    };
+}
+
+export { useDisableInputWheel as default };
+//# sourceMappingURL=useDisableInputWheel.js.map

package/dist/esm/hooks/useDisableInputWheel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDisableInputWheel.js","sources":["../../../dist-transpiled/hooks/useDisableInputWheel.js"],"sourcesContent":["import { useCallback } from 'react';\nimport useProvidedRefOrCreate from './useProvidedRefOrCreate';\nexport default function useDisableInputWheel(ref) {\n    const inputRef = useProvidedRefOrCreate(ref);\n    const handleOnWheel = useCallback((event) => {\n        var _a;\n        event.stopPropagation();\n        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();\n    }, [inputRef]);\n    return {\n        handleOnWheel,\n    };\n}\n//# sourceMappingURL=useDisableInputWheel.js.map"],"names":[],"mappings":";;;AAEe,SAAS,oBAAoB,CAAC,GAAG,EAAE;AAClD,IAAI,MAAM,QAAQ,GAAG,sBAAsB,CAAC,GAAG,CAAC;AAChD,IAAI,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAK,KAAK;AACjD,QAAQ,IAAI,EAAE;AACd,QAAQ,KAAK,CAAC,eAAe,EAAE;AAC/B,QAAQ,CAAC,EAAE,GAAG,QAAQ,CAAC,OAAO,MAAM,IAAI,IAAI,EAAE,KAAK,MAAM,GAAG,MAAM,GAAG,EAAE,CAAC,IAAI,EAAE;AAC9E,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAClB,IAAI,OAAO;AACX,QAAQ,aAAa;AACrB,KAAK;AACL;;;;"}

package/dist/esm/hooks/useFormatCurrency.js

@@ -0,0 +1,16 @@
+import { useCallback } from 'react';
+import formatCurrency from '../utils/formatCurrency.js';
+import { useDContext } from '../contexts/DContext.js';
+
+function useFormatCurrency(...args) {
+    const { currency } = useDContext();
+    const format = useCallback((value, currencyOptions) => formatCurrency(value, currencyOptions || currency), [currency]);
+    const values = (args || []).map((value) => (formatCurrency(value !== null && value !== void 0 ? value : 0, currency)));
+    return {
+        format,
+        values,
+    };
+}
+
+export { useFormatCurrency as default };
+//# sourceMappingURL=useFormatCurrency.js.map

package/dist/esm/hooks/useFormatCurrency.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormatCurrency.js","sources":["../../../dist-transpiled/hooks/useFormatCurrency.js"],"sourcesContent":["import { useCallback } from 'react';\nimport { useDContext } from '../contexts';\nimport formatCurrency from '../utils/formatCurrency';\nexport default function useFormatCurrency(...args) {\n    const { currency } = useDContext();\n    const format = useCallback((value, currencyOptions) => formatCurrency(value, currencyOptions || currency), [currency]);\n    const values = (args || []).map((value) => (formatCurrency(value !== null && value !== void 0 ? value : 0, currency)));\n    return {\n        format,\n        values,\n    };\n}\n//# sourceMappingURL=useFormatCurrency.js.map"],"names":[],"mappings":";;;;AAGe,SAAS,iBAAiB,CAAC,GAAG,IAAI,EAAE;AACnD,IAAI,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE;AACtC,IAAI,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC,KAAK,EAAE,eAAe,KAAK,cAAc,CAAC,KAAK,EAAE,eAAe,IAAI,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAC1H,IAAI,MAAM,MAAM,GAAG,CAAC,IAAI,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,KAAK,MAAM,cAAc,CAAC,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,MAAM,GAAG,KAAK,GAAG,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;AAC1H,IAAI,OAAO;AACX,QAAQ,MAAM;AACd,QAAQ,MAAM;AACd,KAAK;AACL;;;;"}

package/dist/esm/hooks/useInputCurrency.js

@@ -0,0 +1,76 @@
+import { useCallback, useState, useRef, useEffect, useMemo } from 'react';
+import currency from 'currency.js';
+import useProvidedRefOrCreate from './useProvidedRefOrCreate.js';
+
+function formatValue(value, currencyOptions) {
+    if (value === undefined) {
+        return '';
+    }
+    return currency(value, Object.assign(Object.assign({}, currencyOptions), { symbol: '' })).format();
+}
+function useInputCurrency(currencyOptions, value, onFocus, onChange, onBlur, ref, minValue, maxValue) {
+    const inputRef = useProvidedRefOrCreate(ref);
+    const clampValue = useCallback((newValue) => {
+        if (newValue === undefined) {
+            return newValue;
+        }
+        let clampedValue = newValue;
+        if (minValue !== undefined) {
+            clampedValue = Math.max(clampedValue, minValue);
+        }
+        if (maxValue !== undefined) {
+            clampedValue = Math.min(clampedValue, maxValue);
+        }
+        return clampedValue;
+    }, [minValue, maxValue]);
+    const [innerType, setInnerType] = useState('text');
+    const [innerNumber, setInnerNumber] = useState(clampValue(value));
+    const [innerString, setInnerString] = useState(formatValue(clampValue(value), currencyOptions));
+    const handleOnFocus = useCallback((event) => {
+        event.stopPropagation();
+        setInnerType('number');
+        onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
+    }, [onFocus]);
+    const handleOnBlur = useCallback((event) => {
+        event.stopPropagation();
+        setInnerType('text');
+        const clampedNumber = clampValue(innerNumber);
+        if (clampedNumber !== innerNumber) {
+            setInnerNumber(clampedNumber);
+            setInnerString(formatValue(clampedNumber, currencyOptions));
+            onChange === null || onChange === void 0 ? void 0 : onChange(clampedNumber);
+        }
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
+    }, [onBlur, innerNumber, clampValue, currencyOptions, onChange]);
+    const handleOnChange = useCallback((newValue) => {
+        const newNumber = (newValue === undefined || newValue === '') ? undefined : Number(newValue);
+        if (newNumber !== innerNumber) {
+            setInnerNumber(newNumber);
+            setInnerString(formatValue(newNumber, currencyOptions));
+            onChange === null || onChange === void 0 ? void 0 : onChange(newNumber);
+        }
+    }, [currencyOptions, onChange, innerNumber]);
+    const isMountedRef = useRef(false);
+    useEffect(() => {
+        if (!isMountedRef.current) {
+            isMountedRef.current = true;
+            return;
+        }
+        if (value !== innerNumber) {
+            setInnerNumber(value);
+            setInnerString(formatValue(value, currencyOptions));
+        }
+    }, [value, currencyOptions, innerNumber]);
+    const innerValue = useMemo(() => { var _a; return (innerType === 'number' ? (_a = innerNumber === null || innerNumber === void 0 ? void 0 : innerNumber.toString()) !== null && _a !== void 0 ? _a : '' : innerString !== null && innerString !== void 0 ? innerString : ''); }, [innerType, innerNumber, innerString]);
+    return {
+        inputRef,
+        innerValue,
+        innerType,
+        handleOnFocus,
+        handleOnChange,
+        handleOnBlur,
+    };
+}
+
+export { useInputCurrency as default };
+//# sourceMappingURL=useInputCurrency.js.map

package/dist/esm/hooks/useInputCurrency.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputCurrency.js","sources":["../../../dist-transpiled/hooks/useInputCurrency.js"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState, } from 'react';\nimport currency from 'currency.js';\nimport useProvidedRefOrCreate from './useProvidedRefOrCreate';\nfunction formatValue(value, currencyOptions) {\n    if (value === undefined) {\n        return '';\n    }\n    return currency(value, Object.assign(Object.assign({}, currencyOptions), { symbol: '' })).format();\n}\nexport default function useInputCurrency(currencyOptions, value, onFocus, onChange, onBlur, ref, minValue, maxValue) {\n    const inputRef = useProvidedRefOrCreate(ref);\n    const clampValue = useCallback((newValue) => {\n        if (newValue === undefined) {\n            return newValue;\n        }\n        let clampedValue = newValue;\n        if (minValue !== undefined) {\n            clampedValue = Math.max(clampedValue, minValue);\n        }\n        if (maxValue !== undefined) {\n            clampedValue = Math.min(clampedValue, maxValue);\n        }\n        return clampedValue;\n    }, [minValue, maxValue]);\n    const [innerType, setInnerType] = useState('text');\n    const [innerNumber, setInnerNumber] = useState(clampValue(value));\n    const [innerString, setInnerString] = useState(formatValue(clampValue(value), currencyOptions));\n    const handleOnFocus = useCallback((event) => {\n        event.stopPropagation();\n        setInnerType('number');\n        onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);\n    }, [onFocus]);\n    const handleOnBlur = useCallback((event) => {\n        event.stopPropagation();\n        setInnerType('text');\n        const clampedNumber = clampValue(innerNumber);\n        if (clampedNumber !== innerNumber) {\n            setInnerNumber(clampedNumber);\n            setInnerString(formatValue(clampedNumber, currencyOptions));\n            onChange === null || onChange === void 0 ? void 0 : onChange(clampedNumber);\n        }\n        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);\n    }, [onBlur, innerNumber, clampValue, currencyOptions, onChange]);\n    const handleOnChange = useCallback((newValue) => {\n        const newNumber = (newValue === undefined || newValue === '') ? undefined : Number(newValue);\n        if (newNumber !== innerNumber) {\n            setInnerNumber(newNumber);\n            setInnerString(formatValue(newNumber, currencyOptions));\n            onChange === null || onChange === void 0 ? void 0 : onChange(newNumber);\n        }\n    }, [currencyOptions, onChange, innerNumber]);\n    const isMountedRef = useRef(false);\n    useEffect(() => {\n        if (!isMountedRef.current) {\n            isMountedRef.current = true;\n            return;\n        }\n        if (value !== innerNumber) {\n            setInnerNumber(value);\n            setInnerString(formatValue(value, currencyOptions));\n        }\n    }, [value, currencyOptions, innerNumber]);\n    const innerValue = useMemo(() => { var _a; return (innerType === 'number' ? (_a = innerNumber === null || innerNumber === void 0 ? void 0 : innerNumber.toString()) !== null && _a !== void 0 ? _a : '' : innerString !== null && innerString !== void 0 ? innerString : ''); }, [innerType, innerNumber, innerString]);\n    return {\n        inputRef,\n        innerValue,\n        innerType,\n        handleOnFocus,\n        handleOnChange,\n        handleOnBlur,\n    };\n}\n//# sourceMappingURL=useInputCurrency.js.map"],"names":[],"mappings":"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"}

package/dist/esm/hooks/useItemSelection.js

@@ -0,0 +1,35 @@
+import { useCallback, useState, useMemo } from 'react';
+
+function useItemSelection({ getItemIdentifier: getItemIdentifierProp, previousSelected = [], } = {}) {
+    const getItemIdentifier = useCallback((item) => (String(getItemIdentifierProp ? getItemIdentifierProp(item) : item.id)), [getItemIdentifierProp]);
+    const [selectionMap, setSelectionMap] = useState(() => new Map(previousSelected.map((item) => [getItemIdentifier(item), item])));
+    const selectedItems = useMemo(() => Array.from(selectionMap.values()), [selectionMap]);
+    const setSelectedItems = useCallback((items) => {
+        setSelectionMap(new Map(items.map((item) => [getItemIdentifier(item), item])));
+    }, [getItemIdentifier]);
+    const isSelectedItem = useCallback((item) => selectionMap.has(getItemIdentifier(item)), [getItemIdentifier, selectionMap]);
+    const toggleSelectedItem = useCallback((item) => {
+        const identifier = getItemIdentifier(item);
+        setSelectionMap((prev) => {
+            const newMap = new Map(prev);
+            if (newMap.has(identifier)) {
+                newMap.delete(identifier);
+            }
+            else {
+                newMap.set(identifier, item);
+            }
+            return newMap;
+        });
+    }, [getItemIdentifier]);
+    const resetSelectedItems = useCallback(() => setSelectionMap(new Map()), []);
+    return {
+        selectedItems,
+        isSelectedItem,
+        toggleSelectedItem,
+        resetSelectedItems,
+        setSelectedItems,
+    };
+}
+
+export { useItemSelection as default };
+//# sourceMappingURL=useItemSelection.js.map

package/dist/esm/hooks/useItemSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useItemSelection.js","sources":["../../../dist-transpiled/hooks/useItemSelection.js"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\nexport default function useItemSelection({ getItemIdentifier: getItemIdentifierProp, previousSelected = [], } = {}) {\n    const getItemIdentifier = useCallback((item) => (String(getItemIdentifierProp ? getItemIdentifierProp(item) : item.id)), [getItemIdentifierProp]);\n    const [selectionMap, setSelectionMap] = useState(() => new Map(previousSelected.map((item) => [getItemIdentifier(item), item])));\n    const selectedItems = useMemo(() => Array.from(selectionMap.values()), [selectionMap]);\n    const setSelectedItems = useCallback((items) => {\n        setSelectionMap(new Map(items.map((item) => [getItemIdentifier(item), item])));\n    }, [getItemIdentifier]);\n    const isSelectedItem = useCallback((item) => selectionMap.has(getItemIdentifier(item)), [getItemIdentifier, selectionMap]);\n    const toggleSelectedItem = useCallback((item) => {\n        const identifier = getItemIdentifier(item);\n        setSelectionMap((prev) => {\n            const newMap = new Map(prev);\n            if (newMap.has(identifier)) {\n                newMap.delete(identifier);\n            }\n            else {\n                newMap.set(identifier, item);\n            }\n            return newMap;\n        });\n    }, [getItemIdentifier]);\n    const resetSelectedItems = useCallback(() => setSelectionMap(new Map()), []);\n    return {\n        selectedItems,\n        isSelectedItem,\n        toggleSelectedItem,\n        resetSelectedItems,\n        setSelectedItems,\n    };\n}\n//# sourceMappingURL=useItemSelection.js.map"],"names":[],"mappings":";;AACe,SAAS,gBAAgB,CAAC,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,gBAAgB,GAAG,EAAE,GAAG,GAAG,EAAE,EAAE;AACpH,IAAI,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,IAAI,MAAM,MAAM,CAAC,qBAAqB,GAAG,qBAAqB,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC;AACrJ,IAAI,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,MAAM,IAAI,GAAG,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;AACpI,IAAI,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AAC1F,IAAI,MAAM,gBAAgB,GAAG,WAAW,CAAC,CAAC,KAAK,KAAK;AACpD,QAAQ,eAAe,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;AACtF,IAAI,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC;AAC3B,IAAI,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,IAAI,KAAK,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,iBAAiB,EAAE,YAAY,CAAC,CAAC;AAC9H,IAAI,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,IAAI,KAAK;AACrD,QAAQ,MAAM,UAAU,GAAG,iBAAiB,CAAC,IAAI,CAAC;AAClD,QAAQ,eAAe,CAAC,CAAC,IAAI,KAAK;AAClC,YAAY,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC;AACxC,YAAY,IAAI,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;AACxC,gBAAgB,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC;AACzC,YAAY;AACZ,iBAAiB;AACjB,gBAAgB,MAAM,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC;AAC5C,YAAY;AACZ,YAAY,OAAO,MAAM;AACzB,QAAQ,CAAC,CAAC;AACV,IAAI,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC;AAC3B,IAAI,MAAM,kBAAkB,GAAG,WAAW,CAAC,MAAM,eAAe,CAAC,IAAI,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;AAChF,IAAI,OAAO;AACX,QAAQ,aAAa;AACrB,QAAQ,cAAc;AACtB,QAAQ,kBAAkB;AAC1B,QAAQ,kBAAkB;AAC1B,QAAQ,gBAAgB;AACxB,KAAK;AACL;;;;"}

package/dist/esm/hooks/useMediaBreakpointUp.js

@@ -0,0 +1,30 @@
+import { useMemo } from 'react';
+import { useDContext } from '../contexts/DContext.js';
+import useMediaQuery from './useMediaQuery.js';
+
+function useMediaBreakpointUp(breakpoint, useListener = false) {
+    const { breakpoints } = useDContext();
+    const mediaQuery = useMemo(() => (`(min-width: ${breakpoints[breakpoint]})`), [breakpoint, breakpoints]);
+    return useMediaQuery(mediaQuery, useListener);
+}
+function useMediaBreakpointUpXs(useListener = false) {
+    return useMediaBreakpointUp('xs', useListener);
+}
+function useMediaBreakpointUpSm(useListener = false) {
+    return useMediaBreakpointUp('sm', useListener);
+}
+function useMediaBreakpointUpMd(useListener = false) {
+    return useMediaBreakpointUp('md', useListener);
+}
+function useMediaBreakpointUpLg(useListener = false) {
+    return useMediaBreakpointUp('lg', useListener);
+}
+function useMediaBreakpointUpXl(useListener = false) {
+    return useMediaBreakpointUp('xl', useListener);
+}
+function useMediaBreakpointUpXxl(useListener = false) {
+    return useMediaBreakpointUp('xxl', useListener);
+}
+
+export { useMediaBreakpointUpLg, useMediaBreakpointUpMd, useMediaBreakpointUpSm, useMediaBreakpointUpXl, useMediaBreakpointUpXs, useMediaBreakpointUpXxl };
+//# sourceMappingURL=useMediaBreakpointUp.js.map

package/dist/esm/hooks/useMediaBreakpointUp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaBreakpointUp.js","sources":["../../../dist-transpiled/hooks/useMediaBreakpointUp.js"],"sourcesContent":["import { useMemo } from 'react';\nimport { useDContext } from '../contexts/DContext';\nimport useMediaQuery from './useMediaQuery';\nfunction useMediaBreakpointUp(breakpoint, useListener = false) {\n    const { breakpoints } = useDContext();\n    const mediaQuery = useMemo(() => (`(min-width: ${breakpoints[breakpoint]})`), [breakpoint, breakpoints]);\n    return useMediaQuery(mediaQuery, useListener);\n}\nexport function useMediaBreakpointUpXs(useListener = false) {\n    return useMediaBreakpointUp('xs', useListener);\n}\nexport function useMediaBreakpointUpSm(useListener = false) {\n    return useMediaBreakpointUp('sm', useListener);\n}\nexport function useMediaBreakpointUpMd(useListener = false) {\n    return useMediaBreakpointUp('md', useListener);\n}\nexport function useMediaBreakpointUpLg(useListener = false) {\n    return useMediaBreakpointUp('lg', useListener);\n}\nexport function useMediaBreakpointUpXl(useListener = false) {\n    return useMediaBreakpointUp('xl', useListener);\n}\nexport function useMediaBreakpointUpXxl(useListener = false) {\n    return useMediaBreakpointUp('xxl', useListener);\n}\n//# sourceMappingURL=useMediaBreakpointUp.js.map"],"names":[],"mappings":";;;;AAGA,SAAS,oBAAoB,CAAC,UAAU,EAAE,WAAW,GAAG,KAAK,EAAE;AAC/D,IAAI,MAAM,EAAE,WAAW,EAAE,GAAG,WAAW,EAAE;AACzC,IAAI,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC,YAAY,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;AAC5G,IAAI,OAAO,aAAa,CAAC,UAAU,EAAE,WAAW,CAAC;AACjD;AACO,SAAS,sBAAsB,CAAC,WAAW,GAAG,KAAK,EAAE;AAC5D,IAAI,OAAO,oBAAoB,CAAC,IAAI,EAAE,WAAW,CAAC;AAClD;AACO,SAAS,sBAAsB,CAAC,WAAW,GAAG,KAAK,EAAE;AAC5D,IAAI,OAAO,oBAAoB,CAAC,IAAI,EAAE,WAAW,CAAC;AAClD;AACO,SAAS,sBAAsB,CAAC,WAAW,GAAG,KAAK,EAAE;AAC5D,IAAI,OAAO,oBAAoB,CAAC,IAAI,EAAE,WAAW,CAAC;AAClD;AACO,SAAS,sBAAsB,CAAC,WAAW,GAAG,KAAK,EAAE;AAC5D,IAAI,OAAO,oBAAoB,CAAC,IAAI,EAAE,WAAW,CAAC;AAClD;AACO,SAAS,sBAAsB,CAAC,WAAW,GAAG,KAAK,EAAE;AAC5D,IAAI,OAAO,oBAAoB,CAAC,IAAI,EAAE,WAAW,CAAC;AAClD;AACO,SAAS,uBAAuB,CAAC,WAAW,GAAG,KAAK,EAAE;AAC7D,IAAI,OAAO,oBAAoB,CAAC,KAAK,EAAE,WAAW,CAAC;AACnD;;;;"}

package/dist/esm/hooks/useMediaQuery.js

@@ -0,0 +1,11 @@
+import { useSyncExternalStore } from 'react';
+import { subscribeToMediaQuery, checkMediaQuery } from '../utils/mediaQuery.js';
+
+function useMediaQuery(mediaQuery, useListener = false) {
+    /* eslint-disable-next-line @typescript-eslint/no-unused-vars */
+    const noop = (_) => () => { };
+    return useSyncExternalStore(useListener ? (cb) => subscribeToMediaQuery(mediaQuery, cb) : noop, () => (mediaQuery ? checkMediaQuery(mediaQuery) : true), () => false);
+}
+
+export { useMediaQuery as default };
+//# sourceMappingURL=useMediaQuery.js.map

package/dist/esm/hooks/useMediaQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.js","sources":["../../../dist-transpiled/hooks/useMediaQuery.js"],"sourcesContent":["import { useSyncExternalStore } from 'react';\nimport { subscribeToMediaQuery, checkMediaQuery } from '../utils/mediaQuery';\nexport default function useMediaQuery(mediaQuery, useListener = false) {\n    /* eslint-disable-next-line @typescript-eslint/no-unused-vars */\n    const noop = (_) => () => { };\n    return useSyncExternalStore(useListener ? (cb) => subscribeToMediaQuery(mediaQuery, cb) : noop, () => (mediaQuery ? checkMediaQuery(mediaQuery) : true), () => false);\n}\n//# sourceMappingURL=useMediaQuery.js.map"],"names":[],"mappings":";;;AAEe,SAAS,aAAa,CAAC,UAAU,EAAE,WAAW,GAAG,KAAK,EAAE;AACvE;AACA,IAAI,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,MAAM,EAAE,CAAC;AACjC,IAAI,OAAO,oBAAoB,CAAC,WAAW,GAAG,CAAC,EAAE,KAAK,qBAAqB,CAAC,UAAU,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,UAAU,GAAG,eAAe,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC,EAAE,MAAM,KAAK,CAAC;AACzK;;;;"}