@dynamic-framework/ui-react 2.9.0 → 2.11.0

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

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

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

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

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

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/useControlledState.js

@@ -0,0 +1,51 @@
+import { useState, useEffect, useCallback } from 'react';
+
+/**
+ * Backs a value that the consumer may or may not drive, so a control works in
+ * both modes without a copy of the state drifting away from the props.
+ *
+ * A control counts as controlled only when the consumer passes the value *and*
+ * an `onChange` to push it back. The value on its own has always meant "start
+ * here" in this library — `<DInputCheck type="radio" checked />` inside a radio
+ * group, for one — so treating it as controlled would silently freeze those
+ * controls, and React emits no warning to say why: the components always attach
+ * their own `onChange` handler.
+ *
+ * @param value the value coming from props, or `undefined` when not passed.
+ * @param isControlled whether the consumer can drive the value back.
+ * @param initialValue what to start from when no value is passed.
+ * @returns the value to render, and a setter to call on every user change.
+ */
+function useControlledState(value, isControlled, initialValue) {
+    const [internalValue, setInternalValue] = useState(value === undefined ? initialValue : value);
+    // The internal copy follows `value` in both modes.
+    //
+    // Uncontrolled, `value` without an `onChange` still means "start here", and a
+    // later flip of it from outside must still land — but between flips the
+    // control has to keep moving on its own, which is why this depends on `value`
+    // alone and not on `internalValue`.
+    //
+    // Controlled, the copy is not what gets rendered, but it is what the control
+    // falls back to if the consumer later stops passing a value — `value={locked
+    // ? undefined : x}`, say. Keeping it current means that hand-off carries on
+    // from where the control is instead of snapping back to the mount-time seed.
+    useEffect(() => {
+        if (value === undefined) {
+            return;
+        }
+        setInternalValue(value);
+    }, [value]);
+    const setValue = useCallback((next) => {
+        if (isControlled) {
+            return;
+        }
+        setInternalValue(next);
+    }, [isControlled]);
+    return [
+        isControlled && value !== undefined ? value : internalValue,
+        setValue,
+    ];
+}
+
+export { useControlledState as default };
+//# sourceMappingURL=useControlledState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useControlledState.js","sources":["../../../dist-transpiled/hooks/useControlledState.js"],"sourcesContent":["import { useCallback, useEffect, useState, } from 'react';\n/**\n * Backs a value that the consumer may or may not drive, so a control works in\n * both modes without a copy of the state drifting away from the props.\n *\n * A control counts as controlled only when the consumer passes the value *and*\n * an `onChange` to push it back. The value on its own has always meant \"start\n * here\" in this library — `<DInputCheck type=\"radio\" checked />` inside a radio\n * group, for one — so treating it as controlled would silently freeze those\n * controls, and React emits no warning to say why: the components always attach\n * their own `onChange` handler.\n *\n * @param value the value coming from props, or `undefined` when not passed.\n * @param isControlled whether the consumer can drive the value back.\n * @param initialValue what to start from when no value is passed.\n * @returns the value to render, and a setter to call on every user change.\n */\nexport default function useControlledState(value, isControlled, initialValue) {\n    const [internalValue, setInternalValue] = useState(value === undefined ? initialValue : value);\n    // The internal copy follows `value` in both modes.\n    //\n    // Uncontrolled, `value` without an `onChange` still means \"start here\", and a\n    // later flip of it from outside must still land — but between flips the\n    // control has to keep moving on its own, which is why this depends on `value`\n    // alone and not on `internalValue`.\n    //\n    // Controlled, the copy is not what gets rendered, but it is what the control\n    // falls back to if the consumer later stops passing a value — `value={locked\n    // ? undefined : x}`, say. Keeping it current means that hand-off carries on\n    // from where the control is instead of snapping back to the mount-time seed.\n    useEffect(() => {\n        if (value === undefined) {\n            return;\n        }\n        setInternalValue(value);\n    }, [value]);\n    const setValue = useCallback((next) => {\n        if (isControlled) {\n            return;\n        }\n        setInternalValue(next);\n    }, [isControlled]);\n    return [\n        isControlled && value !== undefined ? value : internalValue,\n        setValue,\n    ];\n}\n//# sourceMappingURL=useControlledState.js.map"],"names":[],"mappings":";;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,kBAAkB,CAAC,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE;AAC9E,IAAI,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,KAAK,SAAS,GAAG,YAAY,GAAG,KAAK,CAAC;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,SAAS,CAAC,MAAM;AACpB,QAAQ,IAAI,KAAK,KAAK,SAAS,EAAE;AACjC,YAAY;AACZ,QAAQ;AACR,QAAQ,gBAAgB,CAAC,KAAK,CAAC;AAC/B,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;AACf,IAAI,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,IAAI,KAAK;AAC3C,QAAQ,IAAI,YAAY,EAAE;AAC1B,YAAY;AACZ,QAAQ;AACR,QAAQ,gBAAgB,CAAC,IAAI,CAAC;AAC9B,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AACtB,IAAI,OAAO;AACX,QAAQ,YAAY,IAAI,KAAK,KAAK,SAAS,GAAG,KAAK,GAAG,aAAa;AACnE,QAAQ,QAAQ;AAChB,KAAK;AACL;;;;"}

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,130 @@
+import { useRef, useCallback, useState, 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();
+}
+/**
+ * State and handlers for a currency input: a formatted string while the field
+ * is idle and the raw number while it is being edited.
+ *
+ * `minValue`/`maxValue` bound the value. With `clamp` (default `true`) an
+ * out-of-range value is brought into range whenever it is not being typed:
+ * on mount, when `value` or the bounds change, and on blur. Every time the
+ * clamp changes the value, `onChange` receives the clamped number, so the
+ * input and the consumer's state never disagree. While the field is focused
+ * the typed number is reported as is, so a partial entry is not rewritten.
+ *
+ * With `clamp: false` the value is never changed: the bounds only feed
+ * `isOverMax` / `isUnderMin`, so the consumer can show its own message (e.g.
+ * "You exceeded the limit") and keep the entered amount.
+ *
+ * Controlled usage follows the same contract as a native controlled input:
+ * reflect `onChange` into `value` in the same event (`setState` in the
+ * handler). The hook keeps showing `value` whenever it isn't being edited, so
+ * a consumer can reject a change by keeping `value` as it was. Deferring the
+ * update (a timer, awaiting a request) makes the hook see a stale `value` in
+ * between: the field can flash the previous amount and a clamp can be
+ * reported again when the deferred value arrives.
+ */
+function useInputCurrency(currencyOptions, value, onFocus, onChange, onBlur, ref, minValue, maxValue, clamp = true) {
+    const inputRef = useProvidedRefOrCreate(ref);
+    const onChangeRef = useRef(onChange);
+    onChangeRef.current = onChange;
+    // Last clamp reported through `onChange`, as the value it came from and the
+    // value it produced. StrictMode replays effects, and a consumer may reflect
+    // `onChange` asynchronously, both before `value` catches up: the same clamp
+    // must not be reported twice.
+    const lastReportedClampRef = useRef(null);
+    const clampValue = useCallback((newValue) => {
+        if (newValue === undefined || !clamp) {
+            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, clamp]);
+    const [innerType, setInnerType] = useState('text');
+    const [innerNumber, setInnerNumber] = useState(() => clampValue(value));
+    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);
+            // Recorded before notifying, so the sync effect that runs when editing
+            // ends doesn't report the same clamp again while `value` still holds the
+            // typed number.
+            lastReportedClampRef.current = { from: value, to: clampedNumber };
+            onChange === null || onChange === void 0 ? void 0 : onChange(clampedNumber);
+        }
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
+    }, [onBlur, innerNumber, clampValue, onChange, value]);
+    const handleOnChange = useCallback((newValue) => {
+        const newNumber = (newValue === undefined || newValue === '') ? undefined : Number(newValue);
+        if (newNumber !== innerNumber) {
+            setInnerNumber(newNumber);
+            onChange === null || onChange === void 0 ? void 0 : onChange(newNumber);
+        }
+    }, [onChange, innerNumber]);
+    const isEditing = innerType === 'number';
+    // Keep the inner value in sync with `value` and the bounds. While the user
+    // is typing, the consumer echoes the typed number back through `value`, so
+    // it is taken as is; otherwise it is clamped, and a clamp that changes it is
+    // reported through `onChange`.
+    useEffect(() => {
+        var _a;
+        const nextNumber = isEditing ? value : clampValue(value);
+        if (nextNumber !== innerNumber) {
+            setInnerNumber(nextNumber);
+        }
+        if (nextNumber !== value) {
+            const last = lastReportedClampRef.current;
+            if (!last || last.from !== value || last.to !== nextNumber) {
+                lastReportedClampRef.current = { from: value, to: nextNumber };
+                (_a = onChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onChangeRef, nextNumber);
+            }
+        }
+        else {
+            lastReportedClampRef.current = null;
+        }
+        // `innerNumber` is read, not tracked: the effect reacts to the consumer's
+        // value and to the bounds, not to its own updates.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [value, clampValue, isEditing]);
+    // Derived, not stored: the formatted text always matches the current number
+    // and options, even when both change in the same render. It depends on the
+    // options object itself, so a new custom `format` function is honored too;
+    // formatting is cheap and doesn't feed the synchronization effect.
+    const innerString = useMemo(() => formatValue(innerNumber, currencyOptions), [innerNumber, currencyOptions]);
+    const innerValue = useMemo(() => { var _a; return (innerType === 'number' ? (_a = innerNumber === null || innerNumber === void 0 ? void 0 : innerNumber.toString()) !== null && _a !== void 0 ? _a : '' : innerString); }, [innerType, innerNumber, innerString]);
+    const isOverMax = maxValue !== undefined && innerNumber !== undefined && innerNumber > maxValue;
+    const isUnderMin = minValue !== undefined && innerNumber !== undefined && innerNumber < minValue;
+    return {
+        inputRef,
+        innerValue,
+        innerType,
+        isOverMax,
+        isUnderMin,
+        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}\n/**\n * State and handlers for a currency input: a formatted string while the field\n * is idle and the raw number while it is being edited.\n *\n * `minValue`/`maxValue` bound the value. With `clamp` (default `true`) an\n * out-of-range value is brought into range whenever it is not being typed:\n * on mount, when `value` or the bounds change, and on blur. Every time the\n * clamp changes the value, `onChange` receives the clamped number, so the\n * input and the consumer's state never disagree. While the field is focused\n * the typed number is reported as is, so a partial entry is not rewritten.\n *\n * With `clamp: false` the value is never changed: the bounds only feed\n * `isOverMax` / `isUnderMin`, so the consumer can show its own message (e.g.\n * \"You exceeded the limit\") and keep the entered amount.\n *\n * Controlled usage follows the same contract as a native controlled input:\n * reflect `onChange` into `value` in the same event (`setState` in the\n * handler). The hook keeps showing `value` whenever it isn't being edited, so\n * a consumer can reject a change by keeping `value` as it was. Deferring the\n * update (a timer, awaiting a request) makes the hook see a stale `value` in\n * between: the field can flash the previous amount and a clamp can be\n * reported again when the deferred value arrives.\n */\nexport default function useInputCurrency(currencyOptions, value, onFocus, onChange, onBlur, ref, minValue, maxValue, clamp = true) {\n    const inputRef = useProvidedRefOrCreate(ref);\n    const onChangeRef = useRef(onChange);\n    onChangeRef.current = onChange;\n    // Last clamp reported through `onChange`, as the value it came from and the\n    // value it produced. StrictMode replays effects, and a consumer may reflect\n    // `onChange` asynchronously, both before `value` catches up: the same clamp\n    // must not be reported twice.\n    const lastReportedClampRef = useRef(null);\n    const clampValue = useCallback((newValue) => {\n        if (newValue === undefined || !clamp) {\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, clamp]);\n    const [innerType, setInnerType] = useState('text');\n    const [innerNumber, setInnerNumber] = useState(() => clampValue(value));\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            // Recorded before notifying, so the sync effect that runs when editing\n            // ends doesn't report the same clamp again while `value` still holds the\n            // typed number.\n            lastReportedClampRef.current = { from: value, to: clampedNumber };\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, onChange, value]);\n    const handleOnChange = useCallback((newValue) => {\n        const newNumber = (newValue === undefined || newValue === '') ? undefined : Number(newValue);\n        if (newNumber !== innerNumber) {\n            setInnerNumber(newNumber);\n            onChange === null || onChange === void 0 ? void 0 : onChange(newNumber);\n        }\n    }, [onChange, innerNumber]);\n    const isEditing = innerType === 'number';\n    // Keep the inner value in sync with `value` and the bounds. While the user\n    // is typing, the consumer echoes the typed number back through `value`, so\n    // it is taken as is; otherwise it is clamped, and a clamp that changes it is\n    // reported through `onChange`.\n    useEffect(() => {\n        var _a;\n        const nextNumber = isEditing ? value : clampValue(value);\n        if (nextNumber !== innerNumber) {\n            setInnerNumber(nextNumber);\n        }\n        if (nextNumber !== value) {\n            const last = lastReportedClampRef.current;\n            if (!last || last.from !== value || last.to !== nextNumber) {\n                lastReportedClampRef.current = { from: value, to: nextNumber };\n                (_a = onChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onChangeRef, nextNumber);\n            }\n        }\n        else {\n            lastReportedClampRef.current = null;\n        }\n        // `innerNumber` is read, not tracked: the effect reacts to the consumer's\n        // value and to the bounds, not to its own updates.\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value, clampValue, isEditing]);\n    // Derived, not stored: the formatted text always matches the current number\n    // and options, even when both change in the same render. It depends on the\n    // options object itself, so a new custom `format` function is honored too;\n    // formatting is cheap and doesn't feed the synchronization effect.\n    const innerString = useMemo(() => formatValue(innerNumber, currencyOptions), [innerNumber, currencyOptions]);\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); }, [innerType, innerNumber, innerString]);\n    const isOverMax = maxValue !== undefined && innerNumber !== undefined && innerNumber > maxValue;\n    const isUnderMin = minValue !== undefined && innerNumber !== undefined && innerNumber < minValue;\n    return {\n        inputRef,\n        innerValue,\n        innerType,\n        isOverMax,\n        isUnderMin,\n        handleOnFocus,\n        handleOnChange,\n        handleOnBlur,\n    };\n}\n//# sourceMappingURL=useInputCurrency.js.map"],"names":[],"mappings":";;;;AAGA,SAAS,WAAW,CAAC,KAAK,EAAE,eAAe,EAAE;AAC7C,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE;AAC7B,QAAQ,OAAO,EAAE;AACjB,IAAI;AACJ,IAAI,OAAO,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,eAAe,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE;AACtG;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,gBAAgB,CAAC,eAAe,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,GAAG,IAAI,EAAE;AACnI,IAAI,MAAM,QAAQ,GAAG,sBAAsB,CAAC,GAAG,CAAC;AAChD,IAAI,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC;AACxC,IAAI,WAAW,CAAC,OAAO,GAAG,QAAQ;AAClC;AACA;AACA;AACA;AACA,IAAI,MAAM,oBAAoB,GAAG,MAAM,CAAC,IAAI,CAAC;AAC7C,IAAI,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,QAAQ,KAAK;AACjD,QAAQ,IAAI,QAAQ,KAAK,SAAS,IAAI,CAAC,KAAK,EAAE;AAC9C,YAAY,OAAO,QAAQ;AAC3B,QAAQ;AACR,QAAQ,IAAI,YAAY,GAAG,QAAQ;AACnC,QAAQ,IAAI,QAAQ,KAAK,SAAS,EAAE;AACpC,YAAY,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,QAAQ,CAAC;AAC3D,QAAQ;AACR,QAAQ,IAAI,QAAQ,KAAK,SAAS,EAAE;AACpC,YAAY,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,QAAQ,CAAC;AAC3D,QAAQ;AACR,QAAQ,OAAO,YAAY;AAC3B,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;AACnC,IAAI,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC;AACtD,IAAI,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,MAAM,UAAU,CAAC,KAAK,CAAC,CAAC;AAC3E,IAAI,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAK,KAAK;AACjD,QAAQ,KAAK,CAAC,eAAe,EAAE;AAC/B,QAAQ,YAAY,CAAC,QAAQ,CAAC;AAC9B,QAAQ,OAAO,KAAK,IAAI,IAAI,OAAO,KAAK,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC;AACxE,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AACjB,IAAI,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,KAAK,KAAK;AAChD,QAAQ,KAAK,CAAC,eAAe,EAAE;AAC/B,QAAQ,YAAY,CAAC,MAAM,CAAC;AAC5B,QAAQ,MAAM,aAAa,GAAG,UAAU,CAAC,WAAW,CAAC;AACrD,QAAQ,IAAI,aAAa,KAAK,WAAW,EAAE;AAC3C,YAAY,cAAc,CAAC,aAAa,CAAC;AACzC;AACA;AACA;AACA,YAAY,oBAAoB,CAAC,OAAO,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,aAAa,EAAE;AAC7E,YAAY,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC;AACvF,QAAQ;AACR,QAAQ,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC;AACrE,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;AAC1D,IAAI,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,QAAQ,KAAK;AACrD,QAAQ,MAAM,SAAS,GAAG,CAAC,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,EAAE,IAAI,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC;AACpG,QAAQ,IAAI,SAAS,KAAK,WAAW,EAAE;AACvC,YAAY,cAAc,CAAC,SAAS,CAAC;AACrC,YAAY,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC,SAAS,CAAC;AACnF,QAAQ;AACR,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;AAC/B,IAAI,MAAM,SAAS,GAAG,SAAS,KAAK,QAAQ;AAC5C;AACA;AACA;AACA;AACA,IAAI,SAAS,CAAC,MAAM;AACpB,QAAQ,IAAI,EAAE;AACd,QAAQ,MAAM,UAAU,GAAG,SAAS,GAAG,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC;AAChE,QAAQ,IAAI,UAAU,KAAK,WAAW,EAAE;AACxC,YAAY,cAAc,CAAC,UAAU,CAAC;AACtC,QAAQ;AACR,QAAQ,IAAI,UAAU,KAAK,KAAK,EAAE;AAClC,YAAY,MAAM,IAAI,GAAG,oBAAoB,CAAC,OAAO;AACrD,YAAY,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,IAAI,IAAI,CAAC,EAAE,KAAK,UAAU,EAAE;AACxE,gBAAgB,oBAAoB,CAAC,OAAO,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,UAAU,EAAE;AAC9E,gBAAgB,CAAC,EAAE,GAAG,WAAW,CAAC,OAAO,MAAM,IAAI,IAAI,EAAE,KAAK,MAAM,GAAG,MAAM,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;AAChH,YAAY;AACZ,QAAQ;AACR,aAAa;AACb,YAAY,oBAAoB,CAAC,OAAO,GAAG,IAAI;AAC/C,QAAQ;AACR;AACA;AACA;AACA,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC;AACtC;AACA;AACA;AACA;AACA,IAAI,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,WAAW,CAAC,WAAW,EAAE,eAAe,CAAC,EAAE,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;AAChH,IAAI,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,QAAQ,SAAS,KAAK,QAAQ,GAAG,CAAC,EAAE,GAAG,WAAW,KAAK,IAAI,IAAI,WAAW,KAAK,MAAM,GAAG,MAAM,GAAG,WAAW,CAAC,QAAQ,EAAE,MAAM,IAAI,IAAI,EAAE,KAAK,MAAM,GAAG,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;AACrQ,IAAI,MAAM,SAAS,GAAG,QAAQ,KAAK,SAAS,IAAI,WAAW,KAAK,SAAS,IAAI,WAAW,GAAG,QAAQ;AACnG,IAAI,MAAM,UAAU,GAAG,QAAQ,KAAK,SAAS,IAAI,WAAW,KAAK,SAAS,IAAI,WAAW,GAAG,QAAQ;AACpG,IAAI,OAAO;AACX,QAAQ,QAAQ;AAChB,QAAQ,UAAU;AAClB,QAAQ,SAAS;AACjB,QAAQ,SAAS;AACjB,QAAQ,UAAU;AAClB,QAAQ,aAAa;AACrB,QAAQ,cAAc;AACtB,QAAQ,YAAY;AACpB,KAAK;AACL;;;;"}

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,69 @@
+import { useMemo } from 'react';
+import { useDContext } from '../contexts/DContext.js';
+import { PREFIX_BS } from '../components/config.js';
+import useMediaQuery from './useMediaQuery.js';
+
+const BREAKPOINTS = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'];
+// Breakpoints read from the CSS on first use and shared by every component
+// that resolves responsive props: one computed-style read for the page,
+// instead of one per breakpoint per render. `dynamic-ui.css` has to be loaded
+// before rendering; if it isn't, the empty result is kept too, so a
+// misconfigured tree doesn't pay the read on every render (responsive props
+// then keep their default value and useResponsiveProp warns in development).
+let cssBreakpoints = null;
+function readCssBreakpoint(breakpoint) {
+    if (cssBreakpoints)
+        return cssBreakpoints[breakpoint];
+    if (typeof document === 'undefined')
+        return '';
+    const style = getComputedStyle(document.documentElement);
+    const read = Object.fromEntries(BREAKPOINTS.map((name) => [
+        name,
+        style.getPropertyValue(`--${PREFIX_BS}breakpoint-${name}`).trim(),
+    ]));
+    cssBreakpoints = read;
+    return read[breakpoint];
+}
+/** Clears the cached CSS breakpoints. Only meant for tests. */
+function resetCssBreakpointsCache() {
+    cssBreakpoints = null;
+}
+/**
+ * Pixel value of a breakpoint. `DContextProvider` reads them from the CSS and
+ * shares them through the context; outside of it (a tree without the
+ * provider, or its first render) they are read from the same CSS variables
+ * here, so responsive props resolve either way.
+ */
+function useBreakpointValue(breakpoint) {
+    const { breakpoints } = useDContext();
+    const fromContext = breakpoints[breakpoint];
+    return useMemo(() => fromContext || readCssBreakpoint(breakpoint), [fromContext, breakpoint]);
+}
+function useMediaBreakpointUp(breakpoint, useListener = false) {
+    const value = useBreakpointValue(breakpoint);
+    // Without a breakpoint the query can't match; `not all` keeps it false
+    // instead of an invalid `(min-width: )`.
+    const mediaQuery = value ? `(min-width: ${value})` : 'not all';
+    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 { resetCssBreakpointsCache, useBreakpointValue, useMediaBreakpointUpLg, useMediaBreakpointUpMd, useMediaBreakpointUpSm, useMediaBreakpointUpXl, useMediaBreakpointUpXs, useMediaBreakpointUpXxl };
+//# sourceMappingURL=useMediaBreakpointUp.js.map