@dynamic-framework/ui-react 2.9.0 → 2.11.0

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 { PREFIX_BS } from '../components/config';\nimport useMediaQuery from './useMediaQuery';\nconst BREAKPOINTS = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'];\n// Breakpoints read from the CSS on first use and shared by every component\n// that resolves responsive props: one computed-style read for the page,\n// instead of one per breakpoint per render. `dynamic-ui.css` has to be loaded\n// before rendering; if it isn't, the empty result is kept too, so a\n// misconfigured tree doesn't pay the read on every render (responsive props\n// then keep their default value and useResponsiveProp warns in development).\nlet cssBreakpoints = null;\nfunction readCssBreakpoint(breakpoint) {\n    if (cssBreakpoints)\n        return cssBreakpoints[breakpoint];\n    if (typeof document === 'undefined')\n        return '';\n    const style = getComputedStyle(document.documentElement);\n    const read = Object.fromEntries(BREAKPOINTS.map((name) => [\n        name,\n        style.getPropertyValue(`--${PREFIX_BS}breakpoint-${name}`).trim(),\n    ]));\n    cssBreakpoints = read;\n    return read[breakpoint];\n}\n/** Clears the cached CSS breakpoints. Only meant for tests. */\nexport function resetCssBreakpointsCache() {\n    cssBreakpoints = null;\n}\n/**\n * Pixel value of a breakpoint. `DContextProvider` reads them from the CSS and\n * shares them through the context; outside of it (a tree without the\n * provider, or its first render) they are read from the same CSS variables\n * here, so responsive props resolve either way.\n */\nexport function useBreakpointValue(breakpoint) {\n    const { breakpoints } = useDContext();\n    const fromContext = breakpoints[breakpoint];\n    return useMemo(() => fromContext || readCssBreakpoint(breakpoint), [fromContext, breakpoint]);\n}\nfunction useMediaBreakpointUp(breakpoint, useListener = false) {\n    const value = useBreakpointValue(breakpoint);\n    // Without a breakpoint the query can't match; `not all` keeps it false\n    // instead of an invalid `(min-width: )`.\n    const mediaQuery = value ? `(min-width: ${value})` : 'not all';\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":";;;;;AAIA,MAAM,WAAW,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC;AACzD;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,cAAc,GAAG,IAAI;AACzB,SAAS,iBAAiB,CAAC,UAAU,EAAE;AACvC,IAAI,IAAI,cAAc;AACtB,QAAQ,OAAO,cAAc,CAAC,UAAU,CAAC;AACzC,IAAI,IAAI,OAAO,QAAQ,KAAK,WAAW;AACvC,QAAQ,OAAO,EAAE;AACjB,IAAI,MAAM,KAAK,GAAG,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC;AAC5D,IAAI,MAAM,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK;AAC9D,QAAQ,IAAI;AACZ,QAAQ,KAAK,CAAC,gBAAgB,CAAC,CAAC,EAAE,EAAE,SAAS,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE;AACzE,KAAK,CAAC,CAAC;AACP,IAAI,cAAc,GAAG,IAAI;AACzB,IAAI,OAAO,IAAI,CAAC,UAAU,CAAC;AAC3B;AACA;AACO,SAAS,wBAAwB,GAAG;AAC3C,IAAI,cAAc,GAAG,IAAI;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,kBAAkB,CAAC,UAAU,EAAE;AAC/C,IAAI,MAAM,EAAE,WAAW,EAAE,GAAG,WAAW,EAAE;AACzC,IAAI,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC;AAC/C,IAAI,OAAO,OAAO,CAAC,MAAM,WAAW,IAAI,iBAAiB,CAAC,UAAU,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;AACjG;AACA,SAAS,oBAAoB,CAAC,UAAU,EAAE,WAAW,GAAG,KAAK,EAAE;AAC/D,IAAI,MAAM,KAAK,GAAG,kBAAkB,CAAC,UAAU,CAAC;AAChD;AACA;AACA,IAAI,MAAM,UAAU,GAAG,KAAK,GAAG,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,SAAS;AAClE,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;;;;"}

package/dist/esm/hooks/useOtp.js

@@ -0,0 +1,107 @@
+import { useState, useCallback } from 'react';
+import useCountdown from './useCountdown.js';
+
+/**
+ * Headless hook exposing the same OTP logic used internally by `DOtp`
+ * (code state, length + correctness validation, submit action and resend
+ * countdown), without any bundled markup/styles.
+ *
+ * Use this when the default `DOtp` component doesn't match your design and
+ * you need to build a fully custom UI while reusing the same behavior.
+ *
+ * Internally composes `useCountdown` for the resend timer and re-exposes
+ * `secondsLeft`/`restartCountdown`, so there is no need to call
+ * `useCountdown` separately.
+ *
+ * `invalid` becomes `true` both when the OTP is shorter than `otpSize` and
+ * when `action` throws/rejects (e.g. the backend rejected the entered code
+ * as incorrect). In the latter case, the thrown value is exposed as `error`
+ * so custom UIs can render an appropriate message (e.g. "Invalid code" vs.
+ * "Enter all digits"). `invalid`/`error` are cleared automatically as soon
+ * as the user edits the code via `setOtp`.
+ *
+ * @example
+ * function CustomOtp() {
+ *   const {
+ *     otp,
+ *     setOtp,
+ *     invalid,
+ *     error,
+ *     submit,
+ *     isLoading,
+ *     secondsLeft,
+ *     restartCountdown,
+ *   } = useOtp({ action: async () => verifyOtp(otp), otpSize: 6, seconds: 15 });
+ *
+ *   return (
+ *     <>
+ *       <MyCustomPinInput value={otp} onChange={setOtp} invalid={invalid} />
+ *       {invalid && <span>{error ? 'Invalid code' : 'Enter all digits'}</span>}
+ *       <button disabled={isLoading} onClick={() => { submit().catch(() => {}); }}>
+ *         {isLoading ? 'Submitting...' : 'Submit'}
+ *       </button>
+ *       <button disabled={secondsLeft > 0} onClick={restartCountdown}>
+ *         Resend {secondsLeft > 0 ? `(${secondsLeft}s)` : ''}
+ *       </button>
+ *     </>
+ *   );
+ * }
+ */
+function useOtp({ action, otpSize = 6, seconds = 15, }) {
+    const [otp, setOtpValue] = useState('');
+    const [invalid, setInvalid] = useState(false);
+    const [error, setError] = useState(null);
+    const [isLoading, setIsLoading] = useState(false);
+    const { secondsLeft, restartCountdown } = useCountdown(seconds);
+    const setOtp = useCallback((value) => {
+        setOtpValue((prevOtp) => {
+            // Guard against no-op calls (e.g. DInputPin re-notifying the same
+            // value when its onChange reference changes) so we don't wipe out
+            // an `invalid`/`error` state that was just set by submit().
+            if (prevOtp === value) {
+                return prevOtp;
+            }
+            setInvalid(false);
+            setError(null);
+            return value;
+        });
+    }, []);
+    const submit = useCallback(async () => {
+        if (otp.length < otpSize) {
+            setInvalid(true);
+            setError(null);
+            return;
+        }
+        setIsLoading(true);
+        try {
+            await action();
+            setInvalid(false);
+            setError(null);
+        }
+        catch (err) {
+            setInvalid(true);
+            setError(err);
+            throw err;
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [
+        otp.length,
+        action,
+        otpSize,
+    ]);
+    return {
+        otp,
+        setOtp,
+        invalid,
+        error,
+        submit,
+        isLoading,
+        secondsLeft,
+        restartCountdown,
+    };
+}
+
+export { useOtp as default };
+//# sourceMappingURL=useOtp.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOtp.js","sources":["../../../dist-transpiled/hooks/useOtp.js"],"sourcesContent":["import { useCallback, useState } from 'react';\nimport useCountdown from './useCountdown';\n/**\n * Headless hook exposing the same OTP logic used internally by `DOtp`\n * (code state, length + correctness validation, submit action and resend\n * countdown), without any bundled markup/styles.\n *\n * Use this when the default `DOtp` component doesn't match your design and\n * you need to build a fully custom UI while reusing the same behavior.\n *\n * Internally composes `useCountdown` for the resend timer and re-exposes\n * `secondsLeft`/`restartCountdown`, so there is no need to call\n * `useCountdown` separately.\n *\n * `invalid` becomes `true` both when the OTP is shorter than `otpSize` and\n * when `action` throws/rejects (e.g. the backend rejected the entered code\n * as incorrect). In the latter case, the thrown value is exposed as `error`\n * so custom UIs can render an appropriate message (e.g. \"Invalid code\" vs.\n * \"Enter all digits\"). `invalid`/`error` are cleared automatically as soon\n * as the user edits the code via `setOtp`.\n *\n * @example\n * function CustomOtp() {\n *   const {\n *     otp,\n *     setOtp,\n *     invalid,\n *     error,\n *     submit,\n *     isLoading,\n *     secondsLeft,\n *     restartCountdown,\n *   } = useOtp({ action: async () => verifyOtp(otp), otpSize: 6, seconds: 15 });\n *\n *   return (\n *     <>\n *       <MyCustomPinInput value={otp} onChange={setOtp} invalid={invalid} />\n *       {invalid && <span>{error ? 'Invalid code' : 'Enter all digits'}</span>}\n *       <button disabled={isLoading} onClick={() => { submit().catch(() => {}); }}>\n *         {isLoading ? 'Submitting...' : 'Submit'}\n *       </button>\n *       <button disabled={secondsLeft > 0} onClick={restartCountdown}>\n *         Resend {secondsLeft > 0 ? `(${secondsLeft}s)` : ''}\n *       </button>\n *     </>\n *   );\n * }\n */\nexport default function useOtp({ action, otpSize = 6, seconds = 15, }) {\n    const [otp, setOtpValue] = useState('');\n    const [invalid, setInvalid] = useState(false);\n    const [error, setError] = useState(null);\n    const [isLoading, setIsLoading] = useState(false);\n    const { secondsLeft, restartCountdown } = useCountdown(seconds);\n    const setOtp = useCallback((value) => {\n        setOtpValue((prevOtp) => {\n            // Guard against no-op calls (e.g. DInputPin re-notifying the same\n            // value when its onChange reference changes) so we don't wipe out\n            // an `invalid`/`error` state that was just set by submit().\n            if (prevOtp === value) {\n                return prevOtp;\n            }\n            setInvalid(false);\n            setError(null);\n            return value;\n        });\n    }, []);\n    const submit = useCallback(async () => {\n        if (otp.length < otpSize) {\n            setInvalid(true);\n            setError(null);\n            return;\n        }\n        setIsLoading(true);\n        try {\n            await action();\n            setInvalid(false);\n            setError(null);\n        }\n        catch (err) {\n            setInvalid(true);\n            setError(err);\n            throw err;\n        }\n        finally {\n            setIsLoading(false);\n        }\n    }, [\n        otp.length,\n        action,\n        otpSize,\n    ]);\n    return {\n        otp,\n        setOtp,\n        invalid,\n        error,\n        submit,\n        isLoading,\n        secondsLeft,\n        restartCountdown,\n    };\n}\n//# sourceMappingURL=useOtp.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,MAAM,CAAC,EAAE,MAAM,EAAE,OAAO,GAAG,CAAC,EAAE,OAAO,GAAG,EAAE,GAAG,EAAE;AACvE,IAAI,MAAM,CAAC,GAAG,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC;AAC3C,IAAI,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACjD,IAAI,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC;AAC5C,IAAI,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACrD,IAAI,MAAM,EAAE,WAAW,EAAE,gBAAgB,EAAE,GAAG,YAAY,CAAC,OAAO,CAAC;AACnE,IAAI,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC,KAAK,KAAK;AAC1C,QAAQ,WAAW,CAAC,CAAC,OAAO,KAAK;AACjC;AACA;AACA;AACA,YAAY,IAAI,OAAO,KAAK,KAAK,EAAE;AACnC,gBAAgB,OAAO,OAAO;AAC9B,YAAY;AACZ,YAAY,UAAU,CAAC,KAAK,CAAC;AAC7B,YAAY,QAAQ,CAAC,IAAI,CAAC;AAC1B,YAAY,OAAO,KAAK;AACxB,QAAQ,CAAC,CAAC;AACV,IAAI,CAAC,EAAE,EAAE,CAAC;AACV,IAAI,MAAM,MAAM,GAAG,WAAW,CAAC,YAAY;AAC3C,QAAQ,IAAI,GAAG,CAAC,MAAM,GAAG,OAAO,EAAE;AAClC,YAAY,UAAU,CAAC,IAAI,CAAC;AAC5B,YAAY,QAAQ,CAAC,IAAI,CAAC;AAC1B,YAAY;AACZ,QAAQ;AACR,QAAQ,YAAY,CAAC,IAAI,CAAC;AAC1B,QAAQ,IAAI;AACZ,YAAY,MAAM,MAAM,EAAE;AAC1B,YAAY,UAAU,CAAC,KAAK,CAAC;AAC7B,YAAY,QAAQ,CAAC,IAAI,CAAC;AAC1B,QAAQ;AACR,QAAQ,OAAO,GAAG,EAAE;AACpB,YAAY,UAAU,CAAC,IAAI,CAAC;AAC5B,YAAY,QAAQ,CAAC,GAAG,CAAC;AACzB,YAAY,MAAM,GAAG;AACrB,QAAQ;AACR,gBAAgB;AAChB,YAAY,YAAY,CAAC,KAAK,CAAC;AAC/B,QAAQ;AACR,IAAI,CAAC,EAAE;AACP,QAAQ,GAAG,CAAC,MAAM;AAClB,QAAQ,MAAM;AACd,QAAQ,OAAO;AACf,KAAK,CAAC;AACN,IAAI,OAAO;AACX,QAAQ,GAAG;AACX,QAAQ,MAAM;AACd,QAAQ,OAAO;AACf,QAAQ,KAAK;AACb,QAAQ,MAAM;AACd,QAAQ,SAAS;AACjB,QAAQ,WAAW;AACnB,QAAQ,gBAAgB;AACxB,KAAK;AACL;;;;"}

package/dist/esm/hooks/usePortal.js

@@ -0,0 +1,26 @@
+import { useState, useEffect } from 'react';
+
+/**
+ * @internal
+ * Creates a DOM `<div>` portal mount point and appends it to `document.body`.
+ * This hook is used exclusively by `DPortalContextProvider` and is **not** part
+ * of the public API. Use `useDPortalContext` instead.
+ */
+function usePortal(portalName) {
+    const [hasPortal, setHasPortal] = useState(false);
+    useEffect(() => {
+        const previousPortal = document.querySelector(`#${portalName}`);
+        if (previousPortal) {
+            previousPortal.remove();
+        }
+        const portal = document.createElement('div');
+        portal.id = portalName;
+        portal.className = 'd-portal';
+        document.body.appendChild(portal);
+        setHasPortal(true);
+    }, [portalName]);
+    return { created: hasPortal };
+}
+
+export { usePortal as default };
+//# sourceMappingURL=usePortal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePortal.js","sources":["../../../dist-transpiled/hooks/usePortal.js"],"sourcesContent":["import { useEffect, useState } from 'react';\n/**\n * @internal\n * Creates a DOM `<div>` portal mount point and appends it to `document.body`.\n * This hook is used exclusively by `DPortalContextProvider` and is **not** part\n * of the public API. Use `useDPortalContext` instead.\n */\nexport default function usePortal(portalName) {\n    const [hasPortal, setHasPortal] = useState(false);\n    useEffect(() => {\n        const previousPortal = document.querySelector(`#${portalName}`);\n        if (previousPortal) {\n            previousPortal.remove();\n        }\n        const portal = document.createElement('div');\n        portal.id = portalName;\n        portal.className = 'd-portal';\n        document.body.appendChild(portal);\n        setHasPortal(true);\n    }, [portalName]);\n    return { created: hasPortal };\n}\n//# sourceMappingURL=usePortal.js.map"],"names":[],"mappings":";;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,SAAS,CAAC,UAAU,EAAE;AAC9C,IAAI,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACrD,IAAI,SAAS,CAAC,MAAM;AACpB,QAAQ,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC;AACvE,QAAQ,IAAI,cAAc,EAAE;AAC5B,YAAY,cAAc,CAAC,MAAM,EAAE;AACnC,QAAQ;AACR,QAAQ,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AACpD,QAAQ,MAAM,CAAC,EAAE,GAAG,UAAU;AAC9B,QAAQ,MAAM,CAAC,SAAS,GAAG,UAAU;AACrC,QAAQ,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC;AACzC,QAAQ,YAAY,CAAC,IAAI,CAAC;AAC1B,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC;AACpB,IAAI,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;AACjC;;;;"}

package/dist/esm/hooks/useProvidedRefOrCreate.js

@@ -0,0 +1,24 @@
+import React from 'react';
+
+/* eslint-disable */
+/**
+ * This file is originally from `@primer/react`
+ * The original source for this lived in the URL below.
+ *
+ * @see https://github.com/primer/react/blob/216d2a9f57b8acb0701ab4e04a23e057fc325c90/src/hooks/useProvidedRefOrCreate.ts
+ */
+/**
+ * There are some situations where we only want to create a new ref if one is not provided to a component
+ * or hook as a prop. However, due to the `rules-of-hooks`, we cannot conditionally make a call to `React.useRef`
+ * only in the situations where the ref is not provided as a prop.
+ * This hook aims to encapsulate that logic, so the consumer doesn't need to be concerned with violating `rules-of-hooks`.
+ * @param providedRef The ref to use - if undefined, will use the ref from a call to React.useRef
+ * @type TRef The type of the RefObject which should be created.
+ */
+function useProvidedRefOrCreate(providedRef) {
+    const createdRef = React.useRef(null);
+    return providedRef !== null && providedRef !== void 0 ? providedRef : createdRef;
+}
+
+export { useProvidedRefOrCreate as default };
+//# sourceMappingURL=useProvidedRefOrCreate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useProvidedRefOrCreate.js","sources":["../../../dist-transpiled/hooks/useProvidedRefOrCreate.js"],"sourcesContent":["/* eslint-disable */\n/**\n * This file is originally from `@primer/react`\n * The original source for this lived in the URL below.\n *\n * @see https://github.com/primer/react/blob/216d2a9f57b8acb0701ab4e04a23e057fc325c90/src/hooks/useProvidedRefOrCreate.ts\n */\nimport React from 'react';\n/**\n * There are some situations where we only want to create a new ref if one is not provided to a component\n * or hook as a prop. However, due to the `rules-of-hooks`, we cannot conditionally make a call to `React.useRef`\n * only in the situations where the ref is not provided as a prop.\n * This hook aims to encapsulate that logic, so the consumer doesn't need to be concerned with violating `rules-of-hooks`.\n * @param providedRef The ref to use - if undefined, will use the ref from a call to React.useRef\n * @type TRef The type of the RefObject which should be created.\n */\nexport default function useProvidedRefOrCreate(providedRef) {\n    const createdRef = React.useRef(null);\n    return providedRef !== null && providedRef !== void 0 ? providedRef : createdRef;\n}\n//# sourceMappingURL=useProvidedRefOrCreate.js.map"],"names":[],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,sBAAsB,CAAC,WAAW,EAAE;AAC5D,IAAI,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;AACzC,IAAI,OAAO,WAAW,KAAK,IAAI,IAAI,WAAW,KAAK,MAAM,GAAG,WAAW,GAAG,UAAU;AACpF;;;;"}

package/dist/esm/hooks/useResponsiveProp.js

@@ -0,0 +1,61 @@
+import { useCallback } from 'react';
+import { PREFIX_BS } from '../components/config.js';
+import { useMediaBreakpointUpXs, useMediaBreakpointUpSm, useMediaBreakpointUpMd, useMediaBreakpointUpLg, useMediaBreakpointUpXl, useMediaBreakpointUpXxl, useBreakpointValue } from './useMediaBreakpointUp.js';
+
+let warnedMissingBreakpoints = false;
+/**
+ * React hook to resolve a responsive property value based on the current viewport breakpoint.
+ *
+ * Given a `ResponsiveProp` object, this hook returns the value for the highest matching breakpoint.
+ * If multiple breakpoints match, the value for the largest (highest) breakpoint is used.
+ * If no breakpoints match, `undefined` is returned.
+ *
+ * @param useListener - Whether to listen for breakpoint changes (default: false).
+ * @returns An object with a `responsivePropValue` function that takes a
+ * `ResponsiveProp` and returns the resolved value.
+ *
+ * Usage example:
+ * ```ts
+ * const { responsivePropValue } = useResponsiveProp();
+ * const value = responsivePropValue({ xs: "A", md: "B", xl: "C" });
+ * // value will be "C" if xl breakpoint is active, "B" if md is active, etc.
+ * ```
+ */
+function useResponsiveProp(useListener = false) {
+    const bpXsUp = useMediaBreakpointUpXs(useListener);
+    const bpSmUp = useMediaBreakpointUpSm(useListener);
+    const bpMdUp = useMediaBreakpointUpMd(useListener);
+    const bpLgUp = useMediaBreakpointUpLg(useListener);
+    const bpXlUp = useMediaBreakpointUpXl(useListener);
+    const bpXxlUp = useMediaBreakpointUpXxl(useListener);
+    // `xs` is `0` and can't tell a missing variable apart, so `sm` is checked.
+    const hasBreakpoints = !!useBreakpointValue('sm');
+    const responsivePropValue = useCallback((prop) => {
+        if (process.env.NODE_ENV !== 'production' && !hasBreakpoints && !warnedMissingBreakpoints) {
+            warnedMissingBreakpoints = true;
+            // eslint-disable-next-line no-console
+            console.warn(`[Dynamic UI] The --${PREFIX_BS}breakpoint-* CSS variables are not available, so a `
+                + 'responsive prop (an object by breakpoint) falls back to its default value. Load '
+                + 'dynamic-ui.css before rendering. It never appears in production builds.');
+        }
+        // Pick the highest matched breakpoint value that is defined in prop
+        if (prop.xxl !== undefined && bpXxlUp)
+            return prop.xxl;
+        if (prop.xl !== undefined && bpXlUp)
+            return prop.xl;
+        if (prop.lg !== undefined && bpLgUp)
+            return prop.lg;
+        if (prop.md !== undefined && bpMdUp)
+            return prop.md;
+        if (prop.sm !== undefined && bpSmUp)
+            return prop.sm;
+        if (prop.xs !== undefined && bpXsUp)
+            return prop.xs;
+        // Fallback: return undefined if no breakpoint matches
+        return undefined;
+    }, [bpSmUp, bpMdUp, bpLgUp, bpXlUp, bpXxlUp, bpXsUp, hasBreakpoints]);
+    return { responsivePropValue };
+}
+
+export { useResponsiveProp };
+//# sourceMappingURL=useResponsiveProp.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useResponsiveProp.js","sources":["../../../dist-transpiled/hooks/useResponsiveProp.js"],"sourcesContent":["import { useCallback } from 'react';\nimport { PREFIX_BS } from '../components/config';\nimport { useBreakpointValue, useMediaBreakpointUpLg, useMediaBreakpointUpMd, useMediaBreakpointUpSm, useMediaBreakpointUpXl, useMediaBreakpointUpXs, useMediaBreakpointUpXxl, } from './useMediaBreakpointUp';\nlet warnedMissingBreakpoints = false;\n/**\n * React hook to resolve a responsive property value based on the current viewport breakpoint.\n *\n * Given a `ResponsiveProp` object, this hook returns the value for the highest matching breakpoint.\n * If multiple breakpoints match, the value for the largest (highest) breakpoint is used.\n * If no breakpoints match, `undefined` is returned.\n *\n * @param useListener - Whether to listen for breakpoint changes (default: false).\n * @returns An object with a `responsivePropValue` function that takes a\n * `ResponsiveProp` and returns the resolved value.\n *\n * Usage example:\n * ```ts\n * const { responsivePropValue } = useResponsiveProp();\n * const value = responsivePropValue({ xs: \"A\", md: \"B\", xl: \"C\" });\n * // value will be \"C\" if xl breakpoint is active, \"B\" if md is active, etc.\n * ```\n */\nexport function useResponsiveProp(useListener = false) {\n    const bpXsUp = useMediaBreakpointUpXs(useListener);\n    const bpSmUp = useMediaBreakpointUpSm(useListener);\n    const bpMdUp = useMediaBreakpointUpMd(useListener);\n    const bpLgUp = useMediaBreakpointUpLg(useListener);\n    const bpXlUp = useMediaBreakpointUpXl(useListener);\n    const bpXxlUp = useMediaBreakpointUpXxl(useListener);\n    // `xs` is `0` and can't tell a missing variable apart, so `sm` is checked.\n    const hasBreakpoints = !!useBreakpointValue('sm');\n    const responsivePropValue = useCallback((prop) => {\n        if (process.env.NODE_ENV !== 'production' && !hasBreakpoints && !warnedMissingBreakpoints) {\n            warnedMissingBreakpoints = true;\n            // eslint-disable-next-line no-console\n            console.warn(`[Dynamic UI] The --${PREFIX_BS}breakpoint-* CSS variables are not available, so a `\n                + 'responsive prop (an object by breakpoint) falls back to its default value. Load '\n                + 'dynamic-ui.css before rendering. It never appears in production builds.');\n        }\n        // Pick the highest matched breakpoint value that is defined in prop\n        if (prop.xxl !== undefined && bpXxlUp)\n            return prop.xxl;\n        if (prop.xl !== undefined && bpXlUp)\n            return prop.xl;\n        if (prop.lg !== undefined && bpLgUp)\n            return prop.lg;\n        if (prop.md !== undefined && bpMdUp)\n            return prop.md;\n        if (prop.sm !== undefined && bpSmUp)\n            return prop.sm;\n        if (prop.xs !== undefined && bpXsUp)\n            return prop.xs;\n        // Fallback: return undefined if no breakpoint matches\n        return undefined;\n    }, [bpSmUp, bpMdUp, bpLgUp, bpXlUp, bpXxlUp, bpXsUp, hasBreakpoints]);\n    return { responsivePropValue };\n}\n//# sourceMappingURL=useResponsiveProp.js.map"],"names":[],"mappings":";;;;AAGA,IAAI,wBAAwB,GAAG,KAAK;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,iBAAiB,CAAC,WAAW,GAAG,KAAK,EAAE;AACvD,IAAI,MAAM,MAAM,GAAG,sBAAsB,CAAC,WAAW,CAAC;AACtD,IAAI,MAAM,MAAM,GAAG,sBAAsB,CAAC,WAAW,CAAC;AACtD,IAAI,MAAM,MAAM,GAAG,sBAAsB,CAAC,WAAW,CAAC;AACtD,IAAI,MAAM,MAAM,GAAG,sBAAsB,CAAC,WAAW,CAAC;AACtD,IAAI,MAAM,MAAM,GAAG,sBAAsB,CAAC,WAAW,CAAC;AACtD,IAAI,MAAM,OAAO,GAAG,uBAAuB,CAAC,WAAW,CAAC;AACxD;AACA,IAAI,MAAM,cAAc,GAAG,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC;AACrD,IAAI,MAAM,mBAAmB,GAAG,WAAW,CAAC,CAAC,IAAI,KAAK;AACtD,QAAQ,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,IAAI,CAAC,cAAc,IAAI,CAAC,wBAAwB,EAAE;AACnG,YAAY,wBAAwB,GAAG,IAAI;AAC3C;AACA,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC,mBAAmB,EAAE,SAAS,CAAC,mDAAmD;AAC5G,kBAAkB;AAClB,kBAAkB,yEAAyE,CAAC;AAC5F,QAAQ;AACR;AACA,QAAQ,IAAI,IAAI,CAAC,GAAG,KAAK,SAAS,IAAI,OAAO;AAC7C,YAAY,OAAO,IAAI,CAAC,GAAG;AAC3B,QAAQ,IAAI,IAAI,CAAC,EAAE,KAAK,SAAS,IAAI,MAAM;AAC3C,YAAY,OAAO,IAAI,CAAC,EAAE;AAC1B,QAAQ,IAAI,IAAI,CAAC,EAAE,KAAK,SAAS,IAAI,MAAM;AAC3C,YAAY,OAAO,IAAI,CAAC,EAAE;AAC1B,QAAQ,IAAI,IAAI,CAAC,EAAE,KAAK,SAAS,IAAI,MAAM;AAC3C,YAAY,OAAO,IAAI,CAAC,EAAE;AAC1B,QAAQ,IAAI,IAAI,CAAC,EAAE,KAAK,SAAS,IAAI,MAAM;AAC3C,YAAY,OAAO,IAAI,CAAC,EAAE;AAC1B,QAAQ,IAAI,IAAI,CAAC,EAAE,KAAK,SAAS,IAAI,MAAM;AAC3C,YAAY,OAAO,IAAI,CAAC,EAAE;AAC1B;AACA,QAAQ,OAAO,SAAS;AACxB,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,CAAC,CAAC;AACzE,IAAI,OAAO,EAAE,mBAAmB,EAAE;AAClC;;;;"}

package/dist/esm/hooks/useStackState.js

@@ -0,0 +1,40 @@
+import { useState, useCallback, useMemo } from 'react';
+
+/**
+ * useStackState inspired from rooks
+ * @see https://github.com/imbhargav5/rooks/blob/main/packages/rooks/src/hooks/useStackState.ts
+ * @description Manages a stack with react hooks.
+ * @param initialList Initial value of the list
+ * @returns The list and controls to modify the stack
+ * @see https://react-hooks.org/docs/useStackState
+ */
+function useStackState(initialList = []) {
+    const [list, setList] = useState(initialList);
+    const push = useCallback((item) => (setList((prevList) => [
+        ...prevList,
+        item,
+    ])), []);
+    const pop = useCallback(() => (setList((prevList) => (prevList.slice(0, prevList.length - 1)))), []);
+    const peek = useCallback(() => list.at(-1), [list]);
+    const clear = useCallback(() => setList([]), []);
+    const isEmpty = useCallback(() => list.length === 0, [list.length]);
+    const controls = useMemo(() => ({
+        clear,
+        isEmpty,
+        length: list.length,
+        peek,
+        pop,
+        push,
+    }), [
+        clear,
+        isEmpty,
+        list.length,
+        peek,
+        pop,
+        push,
+    ]);
+    return [list, controls];
+}
+
+export { useStackState as default };
+//# sourceMappingURL=useStackState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useStackState.js","sources":["../../../dist-transpiled/hooks/useStackState.js"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\n/**\n * useStackState inspired from rooks\n * @see https://github.com/imbhargav5/rooks/blob/main/packages/rooks/src/hooks/useStackState.ts\n * @description Manages a stack with react hooks.\n * @param initialList Initial value of the list\n * @returns The list and controls to modify the stack\n * @see https://react-hooks.org/docs/useStackState\n */\nexport default function useStackState(initialList = []) {\n    const [list, setList] = useState(initialList);\n    const push = useCallback((item) => (setList((prevList) => [\n        ...prevList,\n        item,\n    ])), []);\n    const pop = useCallback(() => (setList((prevList) => (prevList.slice(0, prevList.length - 1)))), []);\n    const peek = useCallback(() => list.at(-1), [list]);\n    const clear = useCallback(() => setList([]), []);\n    const isEmpty = useCallback(() => list.length === 0, [list.length]);\n    const controls = useMemo(() => ({\n        clear,\n        isEmpty,\n        length: list.length,\n        peek,\n        pop,\n        push,\n    }), [\n        clear,\n        isEmpty,\n        list.length,\n        peek,\n        pop,\n        push,\n    ]);\n    return [list, controls];\n}\n//# sourceMappingURL=useStackState.js.map"],"names":[],"mappings":";;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,aAAa,CAAC,WAAW,GAAG,EAAE,EAAE;AACxD,IAAI,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC;AACjD,IAAI,MAAM,IAAI,GAAG,WAAW,CAAC,CAAC,IAAI,MAAM,OAAO,CAAC,CAAC,QAAQ,KAAK;AAC9D,QAAQ,GAAG,QAAQ;AACnB,QAAQ,IAAI;AACZ,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC;AACZ,IAAI,MAAM,GAAG,GAAG,WAAW,CAAC,OAAO,OAAO,CAAC,CAAC,QAAQ,MAAM,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;AACxG,IAAI,MAAM,IAAI,GAAG,WAAW,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;AACvD,IAAI,MAAM,KAAK,GAAG,WAAW,CAAC,MAAM,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;AACpD,IAAI,MAAM,OAAO,GAAG,WAAW,CAAC,MAAM,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AACvE,IAAI,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO;AACpC,QAAQ,KAAK;AACb,QAAQ,OAAO;AACf,QAAQ,MAAM,EAAE,IAAI,CAAC,MAAM;AAC3B,QAAQ,IAAI;AACZ,QAAQ,GAAG;AACX,QAAQ,IAAI;AACZ,KAAK,CAAC,EAAE;AACR,QAAQ,KAAK;AACb,QAAQ,OAAO;AACf,QAAQ,IAAI,CAAC,MAAM;AACnB,QAAQ,IAAI;AACZ,QAAQ,GAAG;AACX,QAAQ,IAAI;AACZ,KAAK,CAAC;AACN,IAAI,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC;AAC3B;;;;"}

package/dist/esm/icons/coreIcons.js

@@ -0,0 +1,55 @@
+/**
+ * The lucide-react icons Dynamic UI renders on its own, without the consumer
+ * asking for them by name.
+ *
+ * Two sources feed this list:
+ *
+ * - The `iconMap` defaults of `DContextProvider` (`src/contexts/DContext.tsx`),
+ *   used by close buttons, chevrons, alert states, input adornments and the
+ *   stepper checkmark.
+ * - Names hard-coded in component JSX or in a prop default, such as
+ *   `DDropdown`'s toggle or `DVoucher`'s action buttons.
+ *
+ * Any bundler-level optimisation that narrows lucide-react down to the icons a
+ * widget actually uses must keep this set, or Dynamic UI components break for
+ * reasons the widget author cannot see in their own source. That is why the
+ * list ships in the package as `dist/icons-core.json` and is exported here.
+ *
+ * `src/icons/coreIcons.spec.ts` scans `src/components/**` and fails when an
+ * internally used icon name is missing from this list or absent from
+ * lucide-react, so the two cannot drift apart.
+ */
+const CORE_LUCIDE_ICONS = [
+    // iconMap defaults — src/contexts/DContext.tsx
+    'AlertCircle',
+    'AlertTriangle',
+    'Calendar',
+    'Check',
+    'CheckCircle',
+    'ChevronDown',
+    'ChevronLeft',
+    'ChevronRight',
+    'ChevronUp',
+    'Eye',
+    'EyeOff',
+    'Info',
+    'Minus',
+    'Plus',
+    'Search',
+    'Upload',
+    'X',
+    // Hard-coded in component JSX or in a prop default
+    'Circle',
+    'CircleCheck',
+    'CircleCheckBig',
+    'Download',
+    'FileText',
+    'MoreVertical',
+    'Paperclip',
+    'RefreshCw',
+    'Share2',
+    'Trash',
+];
+
+export { CORE_LUCIDE_ICONS };
+//# sourceMappingURL=coreIcons.js.map

package/dist/esm/icons/coreIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coreIcons.js","sources":["../../../dist-transpiled/icons/coreIcons.js"],"sourcesContent":["/**\n * The lucide-react icons Dynamic UI renders on its own, without the consumer\n * asking for them by name.\n *\n * Two sources feed this list:\n *\n * - The `iconMap` defaults of `DContextProvider` (`src/contexts/DContext.tsx`),\n *   used by close buttons, chevrons, alert states, input adornments and the\n *   stepper checkmark.\n * - Names hard-coded in component JSX or in a prop default, such as\n *   `DDropdown`'s toggle or `DVoucher`'s action buttons.\n *\n * Any bundler-level optimisation that narrows lucide-react down to the icons a\n * widget actually uses must keep this set, or Dynamic UI components break for\n * reasons the widget author cannot see in their own source. That is why the\n * list ships in the package as `dist/icons-core.json` and is exported here.\n *\n * `src/icons/coreIcons.spec.ts` scans `src/components/**` and fails when an\n * internally used icon name is missing from this list or absent from\n * lucide-react, so the two cannot drift apart.\n */\nexport const CORE_LUCIDE_ICONS = [\n    // iconMap defaults — src/contexts/DContext.tsx\n    'AlertCircle',\n    'AlertTriangle',\n    'Calendar',\n    'Check',\n    'CheckCircle',\n    'ChevronDown',\n    'ChevronLeft',\n    'ChevronRight',\n    'ChevronUp',\n    'Eye',\n    'EyeOff',\n    'Info',\n    'Minus',\n    'Plus',\n    'Search',\n    'Upload',\n    'X',\n    // Hard-coded in component JSX or in a prop default\n    'Circle',\n    'CircleCheck',\n    'CircleCheckBig',\n    'Download',\n    'FileText',\n    'MoreVertical',\n    'Paperclip',\n    'RefreshCw',\n    'Share2',\n    'Trash',\n];\n//# sourceMappingURL=coreIcons.js.map"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACY,MAAC,iBAAiB,GAAG;AACjC;AACA,IAAI,aAAa;AACjB,IAAI,eAAe;AACnB,IAAI,UAAU;AACd,IAAI,OAAO;AACX,IAAI,aAAa;AACjB,IAAI,aAAa;AACjB,IAAI,aAAa;AACjB,IAAI,cAAc;AAClB,IAAI,WAAW;AACf,IAAI,KAAK;AACT,IAAI,QAAQ;AACZ,IAAI,MAAM;AACV,IAAI,OAAO;AACX,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,QAAQ;AACZ,IAAI,GAAG;AACP;AACA,IAAI,QAAQ;AACZ,IAAI,aAAa;AACjB,IAAI,gBAAgB;AACpB,IAAI,UAAU;AACd,IAAI,UAAU;AACd,IAAI,cAAc;AAClB,IAAI,WAAW;AACf,IAAI,WAAW;AACf,IAAI,QAAQ;AACZ,IAAI,OAAO;AACX;;;;"}

package/dist/esm/index.js

@@ -0,0 +1,99 @@
+export { default as DAlert } from './components/DAlert/DAlert.js';
+export { default as DAvatar } from './components/DAvatar/DAvatar.js';
+export { default as DBadge } from './components/DBadge/DBadge.js';
+export { default as DBox } from './components/DBox/DBox.js';
+export { default as DBoxFile } from './components/DBoxFile/DBoxFile.js';
+export { default as DButton } from './components/DButton/DButton.js';
+export { default as DButtonIcon } from './components/DButtonIcon/DButtonIcon.js';
+export { default as DCard } from './components/DCard/DCard.js';
+export { default as DCardHeader } from './components/DCard/components/DCardHeader.js';
+export { default as DCardBody } from './components/DCard/components/DCardBody.js';
+export { default as DCardFooter } from './components/DCard/components/DCardFooter.js';
+export { default as DCarousel } from './components/DCarousel/DCarousel.js';
+export { default as DCarouselSlide } from './components/DCarousel/components/DCarouselSlide.js';
+export { default as DChip } from './components/DChip/DChip.js';
+export { default as DCollapse } from './components/DCollapse/DCollapse.js';
+export { default as DConfirmModalContainer } from './components/DConfirmModal/DConfirmModalContainer.js';
+export { default as DCreditCard } from './components/DCreditCard/DCreditCard.js';
+export { default as DCurrencyText } from './components/DCurrencyText/DCurrencyText.js';
+export { default as DDataStateWrapper } from './components/DDataStateWrapper/DDataStateWrapper.js';
+export { EmptyState } from './components/DDataStateWrapper/components/EmptyState.js';
+export { ErrorState } from './components/DDataStateWrapper/components/ErrorState.js';
+export { LoadingState } from './components/DDataStateWrapper/components/LoadingState.js';
+export { default as DDatePicker } from './components/DDatePicker/DDatePicker.js';
+export { default as DDropdown } from './components/DDropdown/DDropdown.js';
+export { default as DErrorBoundary } from './components/DErrorBoundary/DErrorBoundary.js';
+export { default as DIcon } from './components/DIcon/DIcon.js';
+export { default as DIconBase } from './components/DIconBase/DIconBase.js';
+export { default as DInput } from './components/DInput/DInput.js';
+export { default as DInputCheck } from './components/DInputCheck/DInputCheck.js';
+export { default as DInputCounter } from './components/DInputCounter/DInputCounter.js';
+export { default as DInputCurrency } from './components/DInputCurrency/DInputCurrency.js';
+export { default as DInputMask } from './components/DInputMask/DInputMask.js';
+export { default as DInputPassword } from './components/DInputPassword/DInputPassword.js';
+export { default as DInputPhone } from './components/DInputPhone/DInputPhone.js';
+export { default as DInputPin } from './components/DInputPin/DInputPin.js';
+export { default as DInputRange } from './components/DInputRange/DInputRange.js';
+export { default as DInputSearch } from './components/DInputSearch/DInputSearch.js';
+export { default as DInputSelect } from './components/DInputSelect/DInputSelect.js';
+export { default as DInputSwitch } from './components/DInputSwitch/DInputSwitch.js';
+export { default as DLayout } from './components/DLayout/DLayout.js';
+export { default as DLayoutPane } from './components/DLayout/components/DLayoutPane.js';
+export { default as DListGroup } from './components/DListGroup/DListGroup.js';
+export { default as DListGroupItem } from './components/DListGroup/components/DListGroupItem.js';
+export { default as DModal } from './components/DModal/DModal.js';
+export { default as DModalHeader } from './components/DModal/components/DModalHeader.js';
+export { default as DModalBody } from './components/DModal/components/DModalBody.js';
+export { default as DModalFooter } from './components/DModal/components/DModalFooter.js';
+export { default as DOffcanvas } from './components/DOffcanvas/DOffcanvas.js';
+export { default as DOffcanvasHeader } from './components/DOffcanvas/components/DOffcanvasHeader.js';
+export { default as DOffcanvasBody } from './components/DOffcanvas/components/DOffcanvasBody.js';
+export { default as DOffcanvasFooter } from './components/DOffcanvas/components/DOffcanvasFooter.js';
+export { default as DOtp } from './components/DOtp/DOtp.js';
+export { default as DPaginator } from './components/DPaginator/DPaginator.js';
+export { default as DPasswordStrengthMeter } from './components/DPasswordStrengthMeter/DPasswordStrengthMeter.js';
+export { default as DPopover } from './components/DPopover/DPopover.js';
+export { default as DProgress } from './components/DProgress/DProgress.js';
+export { default as DSelect } from './components/DSelect/DSelect.js';
+export { default as DStepper } from './components/DStepper/DStepper.js';
+export { default as DStepperDesktop } from './components/DStepperDesktop/DStepperDesktop.js';
+export { default as DStepperMobile } from './components/DStepperMobile/DStepperMobile.js';
+export { default as DTabContent } from './components/DTabs/components/DTabContent.js';
+export { default as DTabs } from './components/DTabs/DTabs.js';
+export { default as DTabsProvider } from './components/DTabs/components/DTabsProvider.js';
+export { useTabContext } from './components/DTabs/TabContext.js';
+export { default as DTimeline } from './components/DTimeline/DTimeline.js';
+export { default as DToast } from './components/DToast/DToast.js';
+export { default as DToastContainer } from './components/DToastContainer/DToastContainer.js';
+export { default as useDToast } from './components/DToastContainer/useDToast.js';
+export { default as DTooltip } from './components/DTooltip/DTooltip.js';
+export { default as DVoucher } from './components/DVoucher/DVoucher.js';
+export { default as useScreenshot } from './components/DVoucher/hooks/useScreenshot.js';
+export { default as useScreenshotDownload } from './components/DVoucher/hooks/useScreenshotDownload.js';
+export { default as useScreenshotWebShare } from './components/DVoucher/hooks/useScreenshotWebShare.js';
+export { default as buildUrl } from './utils/buildUrl.js';
+export { default as changeQueryString } from './utils/changeQueryString.js';
+export { default as configureI18n } from './utils/configureI18n.js';
+export { default as formatCurrency } from './utils/formatCurrency.js';
+export { default as getCssVariable } from './utils/getCssVariable.js';
+export { default as getQueryString } from './utils/getQueryString.js';
+export { default as sanitizeHref } from './utils/sanitizeHref.js';
+export { default as useConfirmModal } from './hooks/useConfirmModal.js';
+export { default as useCountdown } from './hooks/useCountdown.js';
+export { default as useDisableBodyScrollEffect } from './hooks/useDisableBodyScrollEffect.js';
+export { default as useDisableInputWheel } from './hooks/useDisableInputWheel.js';
+export { default as useFormatCurrency } from './hooks/useFormatCurrency.js';
+export { default as useInputCurrency } from './hooks/useInputCurrency.js';
+export { default as useItemSelection } from './hooks/useItemSelection.js';
+export { default as useMediaQuery } from './hooks/useMediaQuery.js';
+export { default as useOtp } from './hooks/useOtp.js';
+export { default as useProvidedRefOrCreate } from './hooks/useProvidedRefOrCreate.js';
+export { default as useStackState } from './hooks/useStackState.js';
+export { default as validatePhoneNumber } from './utils/validatePhoneNumber.js';
+export { CORE_LUCIDE_ICONS } from './icons/coreIcons.js';
+export { DContext, DContextProvider, useDContext } from './contexts/DContext.js';
+export { checkMediaQuery, subscribeToMediaQuery } from './utils/mediaQuery.js';
+export { getErrorMessage, useErrorBoundary } from 'react-error-boundary';
+export { useDPortalContext } from './contexts/DPortalContext.js';
+export { useMediaBreakpointUpLg, useMediaBreakpointUpMd, useMediaBreakpointUpSm, useMediaBreakpointUpXl, useMediaBreakpointUpXs, useMediaBreakpointUpXxl } from './hooks/useMediaBreakpointUp.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

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

package/dist/esm/utils/attr-accept.js

@@ -0,0 +1,38 @@
+/**
+ * Check if the provided file type should be accepted by the input with accept attribute.
+ * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input#attr-accept
+ *
+ * Inspired by https://github.com/enyo/dropzone
+ *
+ * @param file {File} https://developer.mozilla.org/en-US/docs/Web/API/File
+ * @param acceptedFiles {string|string[]}
+ * @returns {boolean}
+ */
+function attrAccept(file, acceptedFiles) {
+    if (file && acceptedFiles) {
+        const acceptedFilesArray = Array.isArray(acceptedFiles)
+            ? acceptedFiles
+            : acceptedFiles.split(',');
+        if (acceptedFilesArray.length === 0) {
+            return true;
+        }
+        const fileName = file.name || '';
+        const mimeType = (file.type || '').toLowerCase();
+        const baseMimeType = mimeType.replace(/\/.*$/, '');
+        return acceptedFilesArray.some((type) => {
+            const validType = type.trim().toLowerCase();
+            if (validType.charAt(0) === '.') {
+                return fileName.toLowerCase().endsWith(validType);
+            }
+            if (validType.endsWith('/*')) {
+                // This is something like a image/* mime type
+                return baseMimeType === validType.replace(/\/.*$/, '');
+            }
+            return mimeType === validType;
+        });
+    }
+    return true;
+}
+
+export { attrAccept as default };
+//# sourceMappingURL=attr-accept.js.map

package/dist/esm/utils/attr-accept.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attr-accept.js","sources":["../../../dist-transpiled/utils/attr-accept.js"],"sourcesContent":["/**\n * Check if the provided file type should be accepted by the input with accept attribute.\n * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input#attr-accept\n *\n * Inspired by https://github.com/enyo/dropzone\n *\n * @param file {File} https://developer.mozilla.org/en-US/docs/Web/API/File\n * @param acceptedFiles {string|string[]}\n * @returns {boolean}\n */\nexport default function attrAccept(file, acceptedFiles) {\n    if (file && acceptedFiles) {\n        const acceptedFilesArray = Array.isArray(acceptedFiles)\n            ? acceptedFiles\n            : acceptedFiles.split(',');\n        if (acceptedFilesArray.length === 0) {\n            return true;\n        }\n        const fileName = file.name || '';\n        const mimeType = (file.type || '').toLowerCase();\n        const baseMimeType = mimeType.replace(/\\/.*$/, '');\n        return acceptedFilesArray.some((type) => {\n            const validType = type.trim().toLowerCase();\n            if (validType.charAt(0) === '.') {\n                return fileName.toLowerCase().endsWith(validType);\n            }\n            if (validType.endsWith('/*')) {\n                // This is something like a image/* mime type\n                return baseMimeType === validType.replace(/\\/.*$/, '');\n            }\n            return mimeType === validType;\n        });\n    }\n    return true;\n}\n//# sourceMappingURL=attr-accept.js.map"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,UAAU,CAAC,IAAI,EAAE,aAAa,EAAE;AACxD,IAAI,IAAI,IAAI,IAAI,aAAa,EAAE;AAC/B,QAAQ,MAAM,kBAAkB,GAAG,KAAK,CAAC,OAAO,CAAC,aAAa;AAC9D,cAAc;AACd,cAAc,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC;AACtC,QAAQ,IAAI,kBAAkB,CAAC,MAAM,KAAK,CAAC,EAAE;AAC7C,YAAY,OAAO,IAAI;AACvB,QAAQ;AACR,QAAQ,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,IAAI,EAAE;AACxC,QAAQ,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,EAAE,WAAW,EAAE;AACxD,QAAQ,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;AAC1D,QAAQ,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK;AACjD,YAAY,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE;AACvD,YAAY,IAAI,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE;AAC7C,gBAAgB,OAAO,QAAQ,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC;AACjE,YAAY;AACZ,YAAY,IAAI,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;AAC1C;AACA,gBAAgB,OAAO,YAAY,KAAK,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;AACtE,YAAY;AACZ,YAAY,OAAO,QAAQ,KAAK,SAAS;AACzC,QAAQ,CAAC,CAAC;AACV,IAAI;AACJ,IAAI,OAAO,IAAI;AACf;;;;"}

package/dist/esm/utils/buildUrl.js

@@ -0,0 +1,57 @@
+/**
+ * Characters the URL parser drops before resolving a URL, so they cannot be used to hide a
+ * scheme-relative prefix (e.g. `/<TAB>/evil.com`).
+ */
+const IGNORED_CHARS = /[\t\n\r]/g;
+/**
+ * Leading separators. Browsers treat a leading `\` exactly like a leading `/`, so both have
+ * to be stripped to prevent scheme-relative URLs (`//evil.com`, `/\evil.com`, `\\evil.com`).
+ */
+const LEADING_SEPARATORS = /^[/\\]+/;
+/**
+ * Builds an internal URL from a `path` and a set of query `params`, normalizing leading
+ * separators to prevent scheme-relative URLs (e.g. `//accounts` and `/\accounts` both become
+ * `/accounts`).
+ *
+ * The `path` is trimmed and every tab, line feed and carriage return is removed before
+ * building the result, because the URL parser ignores those characters too and they would
+ * otherwise hide a scheme-relative prefix (`/<TAB>/evil.com` resolves to `//evil.com`).
+ *
+ * Handles the special case where `path` is the literal string `'#'`, which happens when
+ * a Liquid template variable used as a link target is left unconfigured; in that case the
+ * params are ignored and `'#'` is returned as-is instead of building a broken URL.
+ *
+ * @param path - The path to build the URL from. Leading separators are stripped before
+ * building the result (`/accounts`, `//accounts` and `\accounts` are all treated as `accounts`).
+ * @param params - Key/value pairs serialized as the query string.
+ * @returns The resulting URL:
+ * - `'#'` when `path` normalizes to `'#'` (`'#'`, `'/#'`), ignoring the params.
+ * - `'/'` when `path` is empty and there are no params.
+ * - `'/?<query>'` when `path` is empty and there are params.
+ * - `'<path>'` or `'<path>?<query>'` when `path` starts with `#`, since a fragment must not be
+ *   prefixed with `/` (it would navigate away from the current document).
+ * - `'/<path>'` or `'/<path>?<query>'` otherwise.
+ *
+ * @example
+ * buildUrl('accounts', { account_id: '42' }); // '/accounts?account_id=42'
+ * buildUrl('//accounts', {}); // '/accounts'
+ * buildUrl('#', { account_id: '42' }); // '#'
+ * buildUrl('#accounts', { account_id: '42' }); // '#accounts?account_id=42'
+ * buildUrl('', { tab: 'movimientos' }); // '/?tab=movimientos'
+ */
+function buildUrl(path, params) {
+    const normalizedPath = path
+        .trim()
+        .replace(IGNORED_CHARS, '')
+        .replace(LEADING_SEPARATORS, '');
+    if (normalizedPath === '#')
+        return '#';
+    const query = new URLSearchParams(Object.entries(params).map(([key, value]) => [key, String(value)])).toString();
+    if (normalizedPath === '')
+        return query ? `/?${query}` : '/';
+    const prefix = normalizedPath.startsWith('#') ? '' : '/';
+    return `${prefix}${normalizedPath}${query ? `?${query}` : ''}`;
+}
+
+export { buildUrl as default };
+//# sourceMappingURL=buildUrl.js.map

package/dist/esm/utils/buildUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildUrl.js","sources":["../../../dist-transpiled/utils/buildUrl.js"],"sourcesContent":["/**\n * Characters the URL parser drops before resolving a URL, so they cannot be used to hide a\n * scheme-relative prefix (e.g. `/<TAB>/evil.com`).\n */\nconst IGNORED_CHARS = /[\\t\\n\\r]/g;\n/**\n * Leading separators. Browsers treat a leading `\\` exactly like a leading `/`, so both have\n * to be stripped to prevent scheme-relative URLs (`//evil.com`, `/\\evil.com`, `\\\\evil.com`).\n */\nconst LEADING_SEPARATORS = /^[/\\\\]+/;\n/**\n * Builds an internal URL from a `path` and a set of query `params`, normalizing leading\n * separators to prevent scheme-relative URLs (e.g. `//accounts` and `/\\accounts` both become\n * `/accounts`).\n *\n * The `path` is trimmed and every tab, line feed and carriage return is removed before\n * building the result, because the URL parser ignores those characters too and they would\n * otherwise hide a scheme-relative prefix (`/<TAB>/evil.com` resolves to `//evil.com`).\n *\n * Handles the special case where `path` is the literal string `'#'`, which happens when\n * a Liquid template variable used as a link target is left unconfigured; in that case the\n * params are ignored and `'#'` is returned as-is instead of building a broken URL.\n *\n * @param path - The path to build the URL from. Leading separators are stripped before\n * building the result (`/accounts`, `//accounts` and `\\accounts` are all treated as `accounts`).\n * @param params - Key/value pairs serialized as the query string.\n * @returns The resulting URL:\n * - `'#'` when `path` normalizes to `'#'` (`'#'`, `'/#'`), ignoring the params.\n * - `'/'` when `path` is empty and there are no params.\n * - `'/?<query>'` when `path` is empty and there are params.\n * - `'<path>'` or `'<path>?<query>'` when `path` starts with `#`, since a fragment must not be\n *   prefixed with `/` (it would navigate away from the current document).\n * - `'/<path>'` or `'/<path>?<query>'` otherwise.\n *\n * @example\n * buildUrl('accounts', { account_id: '42' }); // '/accounts?account_id=42'\n * buildUrl('//accounts', {}); // '/accounts'\n * buildUrl('#', { account_id: '42' }); // '#'\n * buildUrl('#accounts', { account_id: '42' }); // '#accounts?account_id=42'\n * buildUrl('', { tab: 'movimientos' }); // '/?tab=movimientos'\n */\nexport default function buildUrl(path, params) {\n    const normalizedPath = path\n        .trim()\n        .replace(IGNORED_CHARS, '')\n        .replace(LEADING_SEPARATORS, '');\n    if (normalizedPath === '#')\n        return '#';\n    const query = new URLSearchParams(Object.entries(params).map(([key, value]) => [key, String(value)])).toString();\n    if (normalizedPath === '')\n        return query ? `/?${query}` : '/';\n    const prefix = normalizedPath.startsWith('#') ? '' : '/';\n    return `${prefix}${normalizedPath}${query ? `?${query}` : ''}`;\n}\n//# sourceMappingURL=buildUrl.js.map"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,MAAM,aAAa,GAAG,WAAW;AACjC;AACA;AACA;AACA;AACA,MAAM,kBAAkB,GAAG,SAAS;AACpC;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,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE;AAC/C,IAAI,MAAM,cAAc,GAAG;AAC3B,SAAS,IAAI;AACb,SAAS,OAAO,CAAC,aAAa,EAAE,EAAE;AAClC,SAAS,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC;AACxC,IAAI,IAAI,cAAc,KAAK,GAAG;AAC9B,QAAQ,OAAO,GAAG;AAClB,IAAI,MAAM,KAAK,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE;AACpH,IAAI,IAAI,cAAc,KAAK,EAAE;AAC7B,QAAQ,OAAO,KAAK,GAAG,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,GAAG,GAAG;AACzC,IAAI,MAAM,MAAM,GAAG,cAAc,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,GAAG;AAC5D,IAAI,OAAO,CAAC,EAAE,MAAM,CAAC,EAAE,cAAc,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;AAClE;;;;"}