@dynamic-framework/ui-react 2.9.0 → 2.10.0

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,50 @@
+import { useCallback } from 'react';
+import { useMediaBreakpointUpXs, useMediaBreakpointUpSm, useMediaBreakpointUpMd, useMediaBreakpointUpLg, useMediaBreakpointUpXl, useMediaBreakpointUpXxl } from './useMediaBreakpointUp.js';
+
+/**
+ * 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);
+    const responsivePropValue = useCallback((prop) => {
+        // 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]);
+    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 { useMediaBreakpointUpLg, useMediaBreakpointUpMd, useMediaBreakpointUpSm, useMediaBreakpointUpXl, useMediaBreakpointUpXs, useMediaBreakpointUpXxl, } from './useMediaBreakpointUp';\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    const responsivePropValue = useCallback((prop) => {\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]);\n    return { responsivePropValue };\n}\n//# sourceMappingURL=useResponsiveProp.js.map"],"names":[],"mappings":";;;AAEA;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,IAAI,MAAM,mBAAmB,GAAG,WAAW,CAAC,CAAC,IAAI,KAAK;AACtD;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,CAAC,CAAC;AACzD,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,98 @@
+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 { 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;;;;"}

package/dist/esm/utils/changeQueryString.js

@@ -0,0 +1,19 @@
+function changeQueryString(values, { useSearch = true, pushState = false, } = {}) {
+    const searchParams = new URLSearchParams(useSearch ? window.location.search : '');
+    Object.entries(values).forEach(([key, value]) => {
+        if (!value) {
+            searchParams.delete(key);
+            return;
+        }
+        searchParams.set(key, String(value));
+    });
+    if (pushState) {
+        const url = new URL(window.location.href);
+        url.search = searchParams.toString();
+        window.history.pushState(null, '', url.toString());
+    }
+    return searchParams.toString();
+}
+
+export { changeQueryString as default };
+//# sourceMappingURL=changeQueryString.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"changeQueryString.js","sources":["../../../dist-transpiled/utils/changeQueryString.js"],"sourcesContent":["export default function changeQueryString(values, { useSearch = true, pushState = false, } = {}) {\n    const searchParams = new URLSearchParams(useSearch ? window.location.search : '');\n    Object.entries(values).forEach(([key, value]) => {\n        if (!value) {\n            searchParams.delete(key);\n            return;\n        }\n        searchParams.set(key, String(value));\n    });\n    if (pushState) {\n        const url = new URL(window.location.href);\n        url.search = searchParams.toString();\n        window.history.pushState(null, '', url.toString());\n    }\n    return searchParams.toString();\n}\n//# sourceMappingURL=changeQueryString.js.map"],"names":[],"mappings":"AAAe,SAAS,iBAAiB,CAAC,MAAM,EAAE,EAAE,SAAS,GAAG,IAAI,EAAE,SAAS,GAAG,KAAK,GAAG,GAAG,EAAE,EAAE;AACjG,IAAI,MAAM,YAAY,GAAG,IAAI,eAAe,CAAC,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,GAAG,EAAE,CAAC;AACrF,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK;AACrD,QAAQ,IAAI,CAAC,KAAK,EAAE;AACpB,YAAY,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC;AACpC,YAAY;AACZ,QAAQ;AACR,QAAQ,YAAY,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;AAC5C,IAAI,CAAC,CAAC;AACN,IAAI,IAAI,SAAS,EAAE;AACnB,QAAQ,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;AACjD,QAAQ,GAAG,CAAC,MAAM,GAAG,YAAY,CAAC,QAAQ,EAAE;AAC5C,QAAQ,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,QAAQ,EAAE,CAAC;AAC1D,IAAI;AACJ,IAAI,OAAO,YAAY,CAAC,QAAQ,EAAE;AAClC;;;;"}

package/dist/esm/utils/configureI18n.js

@@ -0,0 +1,20 @@
+import { __rest } from 'tslib';
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+
+async function configureI8n(resources, _a = {}) {
+    var { lng = 'en', fallbackLng = 'en' } = _a, config = __rest(_a, ["lng", "fallbackLng"]);
+    return i18n
+        .use(initReactI18next)
+        .init(Object.assign({ resources,
+        lng, initImmediate: true, fallbackLng, interpolation: {
+            escapeValue: false,
+            prefix: '{',
+            suffix: '}',
+            // skipOnVariables: false,
+        } }, config))
+        .then((t) => t);
+}
+
+export { configureI8n as default };
+//# sourceMappingURL=configureI18n.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"configureI18n.js","sources":["../../../dist-transpiled/utils/configureI18n.js"],"sourcesContent":["import { __rest } from \"tslib\";\nimport i18n from 'i18next';\nimport { initReactI18next } from 'react-i18next';\nexport default async function configureI8n(resources, _a = {}) {\n    var { lng = 'en', fallbackLng = 'en' } = _a, config = __rest(_a, [\"lng\", \"fallbackLng\"]);\n    return i18n\n        .use(initReactI18next)\n        .init(Object.assign({ resources,\n        lng, initImmediate: true, fallbackLng, interpolation: {\n            escapeValue: false,\n            prefix: '{',\n            suffix: '}',\n            // skipOnVariables: false,\n        } }, config))\n        .then((t) => t);\n}\n//# sourceMappingURL=configureI18n.js.map"],"names":[],"mappings":";;;;AAGe,eAAe,YAAY,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,EAAE;AAC/D,IAAI,IAAI,EAAE,GAAG,GAAG,IAAI,EAAE,WAAW,GAAG,IAAI,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;AAC5F,IAAI,OAAO;AACX,SAAS,GAAG,CAAC,gBAAgB;AAC7B,SAAS,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,SAAS;AACvC,QAAQ,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE;AAC9D,YAAY,WAAW,EAAE,KAAK;AAC9B,YAAY,MAAM,EAAE,GAAG;AACvB,YAAY,MAAM,EAAE,GAAG;AACvB;AACA,SAAS,EAAE,EAAE,MAAM,CAAC;AACpB,SAAS,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AACvB;;;;"}