@codeleap/web 7.0.0 → 7.0.2

package/dist/lib/tools/localStorage.js

@@ -0,0 +1,159 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LocalStorage = void 0;
+const react_1 = require("react");
+const types_1 = require("@codeleap/types");
+/**
+ * Type-safe wrapper around `window.localStorage`.
+ *
+ * Instantiate with a key map (`{ tokenKey: 'auth_token', ... }`) so all reads
+ * and writes are validated against the map's keys at compile time. Values are
+ * automatically JSON-serialised on write and JSON-parsed on read; strings are
+ * stored as-is. Returns safe no-ops when called server-side.
+ *
+ * Use `use()` to get a React state pair that stays in sync with storage across
+ * tabs via the `storage` event.
+ */
+class LocalStorage {
+    storageKeys;
+    storageListeners = [];
+    constructor(keys) {
+        this.storageKeys = keys;
+    }
+    getLocalStorage() {
+        if (typeof window === 'undefined') {
+            return {
+                getItem: () => null,
+                setItem: () => null,
+                clear: () => null,
+                removeItem: () => null,
+            };
+        }
+        return localStorage;
+    }
+    getStorageKey(key) {
+        return String(this.storageKeys[key] ?? key);
+    }
+    parseValue(value) {
+        try {
+            return JSON.parse(value);
+        }
+        catch (e) {
+            return value;
+        }
+    }
+    serializeValue(value) {
+        if (types_1.TypeGuards.isString(value))
+            return value;
+        try {
+            return JSON.stringify(value);
+        }
+        catch (e) {
+            return value;
+        }
+    }
+    replaceItem(key, value) {
+        const storageKey = this.getStorageKey(key);
+        const storage = this.getLocalStorage();
+        storage.removeItem(storageKey);
+        const serializedValue = this.serializeValue(value);
+        storage.setItem(storageKey, serializedValue);
+        return serializedValue;
+    }
+    getItem(key, parseValue = true) {
+        const storageKey = this.getStorageKey(key);
+        const storage = this.getLocalStorage();
+        let value = storage.getItem(storageKey);
+        if (parseValue) {
+            value = this.parseValue(value);
+        }
+        return value;
+    }
+    removeItem(key) {
+        const storageKey = this.getStorageKey(key);
+        const storage = this.getLocalStorage();
+        storage.removeItem(storageKey);
+    }
+    setItem(key, value) {
+        const storageKey = this.getStorageKey(key);
+        const storage = this.getLocalStorage();
+        const serializedValue = this.serializeValue(value);
+        storage.setItem(storageKey, serializedValue);
+        return serializedValue;
+    }
+    clear() {
+        const storage = this.getLocalStorage();
+        storage.clear();
+    }
+    multiSet(keyValuePairs) {
+        for (const [key, value] of keyValuePairs) {
+            this.setItem(key, value);
+        }
+    }
+    multiRemove(keys) {
+        for (const key of keys) {
+            this.removeItem(key);
+        }
+    }
+    multiGet(keys) {
+        const storage = this.getLocalStorage();
+        const values = {};
+        for (const key of keys) {
+            const storageKey = this.getStorageKey(key);
+            const value = storage.getItem(storageKey);
+            values[key] = value;
+        }
+        return values;
+    }
+    use(key, initialValue = null, options = {}) {
+        const { disableListen = false, setItemValueOnMutate = true, getItemValueOnMount = true, parseValueOnGet = true, } = options;
+        const [value, _setValue] = (0, react_1.useState)(() => {
+            return getItemValueOnMount ? (this.getItem(key, parseValueOnGet) ?? initialValue) : initialValue;
+        });
+        (0, react_1.useEffect)(() => {
+            const handler = () => {
+                let _initialValue = initialValue;
+                let storedValue = this.getItem(key, parseValueOnGet);
+                if (!types_1.TypeGuards.isNil(storedValue) && getItemValueOnMount) {
+                    _initialValue = this.parseValue(storedValue);
+                }
+                _setValue(_initialValue);
+            };
+            handler();
+            return disableListen ? null : this.listen(key, handler);
+        }, []);
+        const setValue = (to) => {
+            return _setValue((prev) => {
+                let newValue = prev;
+                if (!types_1.TypeGuards.isFunction(to)) {
+                    newValue = to;
+                }
+                else {
+                    const fn = to;
+                    newValue = fn(value);
+                }
+                if (setItemValueOnMutate) {
+                    this.setItem(key, newValue);
+                }
+                return newValue;
+            });
+        };
+        return [value, setValue];
+    }
+    listen(key, handler) {
+        const trigger = (event) => {
+            const storageKey = this.getStorageKey(key);
+            if (event?.key === storageKey) {
+                handler(key, event, this.parseValue(event?.newValue));
+            }
+        };
+        const newLength = this.storageListeners.push(trigger);
+        window.addEventListener('storage', trigger);
+        return () => {
+            this.storageListeners.splice(newLength - 1, 1);
+            window.removeEventListener('storage', trigger);
+        };
+    }
+}
+exports.LocalStorage = LocalStorage;
+//# sourceMappingURL=localStorage.js.map

package/dist/lib/tools/localStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"localStorage.js","sourceRoot":"","sources":["../../../src/lib/tools/localStorage.ts"],"names":[],"mappings":"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"}

package/dist/lib/tools/mediaQuery.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.attachMediaListener = attachMediaListener;
+exports.getMediaQuery = getMediaQuery;
+exports.isMediaQuery = isMediaQuery;
+/**
+ * Attaches a `change` listener to a `MediaQueryList` with a fallback to the
+ * deprecated `addListener` API for Safari ≤ Catalina. Returns a cleanup
+ * function that removes the listener.
+ */
+function attachMediaListener(query, callback) {
+    try {
+        query.addEventListener('change', callback);
+        return () => query.removeEventListener('change', callback);
+    }
+    catch (e) {
+        query.addListener(callback);
+        return () => query.removeListener(callback);
+    }
+}
+/** Strips the `@media screen and ` prefix so the string can be passed to `window.matchMedia`. */
+function getMediaQuery(query) {
+    if (!query)
+        return '';
+    return query?.trim()?.replace('@media screen and ', '');
+}
+/**
+ * Evaluates a media query string synchronously via `window.matchMedia`. Returns
+ * `initialValue` on the server or in environments without `matchMedia`.
+ */
+function isMediaQuery(query, initialValue = false) {
+    const media = getMediaQuery(query);
+    if (typeof window !== 'undefined' && 'matchMedia' in window) {
+        return window.matchMedia(media).matches;
+    }
+    return initialValue;
+}
+//# sourceMappingURL=mediaQuery.js.map

package/dist/lib/tools/mediaQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mediaQuery.js","sourceRoot":"","sources":["../../../src/lib/tools/mediaQuery.ts"],"names":[],"mappings":";;AAOA,kDAQC;AAGD,sCAGC;AAMD,oCAQC;AAjCD;;;;GAIG;AACH,SAAgB,mBAAmB,CAAC,KAAqB,EAAE,QAA4B;IACrF,IAAI,CAAC;QACH,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QAC1C,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAC5D,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAA;QAC3B,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAA;IAC7C,CAAC;AACH,CAAC;AAED,iGAAiG;AACjG,SAAgB,aAAa,CAAC,KAAa;IACzC,IAAI,CAAC,KAAK;QAAE,OAAO,EAAE,CAAA;IACrB,OAAO,KAAK,EAAE,IAAI,EAAE,EAAE,OAAO,CAAC,oBAAoB,EAAE,EAAE,CAAC,CAAA;AACzD,CAAC;AAED;;;GAGG;AACH,SAAgB,YAAY,CAAC,KAAa,EAAE,YAAY,GAAG,KAAK;IAC9D,MAAM,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,CAAA;IAElC,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,YAAY,IAAI,MAAM,EAAE,CAAC;QAC5D,OAAO,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,OAAO,CAAA;IACzC,CAAC;IAED,OAAO,YAAY,CAAA;AACrB,CAAC"}

package/dist/lib/tools/modal.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.modalsState = void 0;
+exports.modalInferIndexes = modalInferIndexes;
+exports.modalScrollLock = modalScrollLock;
+const types_1 = require("@codeleap/types");
+const store_1 = require("@codeleap/store");
+const overlapIndex = 99;
+exports.modalsState = (0, store_1.globalState)({ currentModal: null, indexes: {} });
+/**
+ * Updates the stacking-order index for a modal in `modalsState`.
+ * When a modal becomes invisible its index is reset to `99`; when it becomes
+ * visible its index is set above the current highest-indexed modal.
+ */
+function modalInferIndexes(visible, id) {
+    const indexes = { ...exports.modalsState.value?.indexes };
+    if (!visible) {
+        indexes[id] = overlapIndex;
+    }
+    else {
+        let currentIndex = 0;
+        for (const key in indexes) {
+            if (indexes[key] > currentIndex) {
+                currentIndex = indexes[key];
+            }
+        }
+        indexes[id] = currentIndex + overlapIndex;
+    }
+    exports.modalsState.set({ indexes });
+}
+/**
+ * Locks or unlocks `document.documentElement` body scroll when a modal opens
+ * or closes. Tracks which modal holds the scroll lock in `modalsState` so
+ * multiple modals do not release each other's lock prematurely. A no-op when a
+ * different modal already owns the lock.
+ */
+function modalScrollLock(to, modalIdentifier) {
+    let modalId = exports.modalsState.value?.currentModal;
+    const alreadyDifferentOpenedModal = !types_1.TypeGuards.isNil(modalId) && modalIdentifier !== modalId;
+    if (alreadyDifferentOpenedModal)
+        return;
+    if (types_1.TypeGuards.isNil(modalId) && to === true) {
+        exports.modalsState.set({ currentModal: modalIdentifier });
+        modalId = modalIdentifier;
+    }
+    else if (!types_1.TypeGuards.isNil(modalId) && to === false) {
+        exports.modalsState.set({ currentModal: null });
+    }
+    const htmlStyle = document?.documentElement?.style;
+    if (htmlStyle.overflowX !== 'hidden') {
+        htmlStyle.overflowX = 'hidden';
+    }
+    if (to) {
+        htmlStyle.overflowY = 'hidden';
+    }
+    else if (modalIdentifier === modalId && to === false) {
+        htmlStyle.overflowY = 'auto';
+    }
+}
+//# sourceMappingURL=modal.js.map

package/dist/lib/tools/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/lib/tools/modal.ts"],"names":[],"mappings":";;;AAYA,8CAkBC;AAQD,0CAyBC;AA/DD,2CAA4C;AAC5C,2CAA6C;AAE7C,MAAM,YAAY,GAAG,EAAE,CAAA;AAEV,QAAA,WAAW,GAAG,IAAA,mBAAW,EAAmE,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAA;AAE7I;;;;GAIG;AACH,SAAgB,iBAAiB,CAAC,OAAgB,EAAE,EAAU;IAC5D,MAAM,OAAO,GAAG,EAAE,GAAG,mBAAW,CAAC,KAAK,EAAE,OAAO,EAAE,CAAA;IAEjD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,CAAC,EAAE,CAAC,GAAG,YAAY,CAAA;IAC5B,CAAC;SAAM,CAAC;QACN,IAAI,YAAY,GAAG,CAAC,CAAA;QAEpB,KAAK,MAAM,GAAG,IAAI,OAAO,EAAE,CAAC;YAC1B,IAAI,OAAO,CAAC,GAAG,CAAC,GAAG,YAAY,EAAE,CAAC;gBAChC,YAAY,GAAG,OAAO,CAAC,GAAG,CAAC,CAAA;YAC7B,CAAC;QACH,CAAC;QAED,OAAO,CAAC,EAAE,CAAC,GAAG,YAAY,GAAG,YAAY,CAAA;IAC3C,CAAC;IAED,mBAAW,CAAC,GAAG,CAAC,EAAE,OAAO,EAAE,CAAC,CAAA;AAC9B,CAAC;AAED;;;;;GAKG;AACH,SAAgB,eAAe,CAAC,EAAW,EAAE,eAAuB;IAClE,IAAI,OAAO,GAAG,mBAAW,CAAC,KAAK,EAAE,YAAY,CAAA;IAE7C,MAAM,2BAA2B,GAAG,CAAC,kBAAU,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,eAAe,KAAK,OAAO,CAAA;IAE7F,IAAI,2BAA2B;QAAE,OAAM;IAEvC,IAAI,kBAAU,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE,CAAC;QAC7C,mBAAW,CAAC,GAAG,CAAC,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC,CAAA;QAClD,OAAO,GAAG,eAAe,CAAA;IAC3B,CAAC;SAAM,IAAI,CAAC,kBAAU,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,KAAK,EAAE,CAAC;QACtD,mBAAW,CAAC,GAAG,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAA;IACzC,CAAC;IAED,MAAM,SAAS,GAAG,QAAQ,EAAE,eAAe,EAAE,KAAK,CAAA;IAElD,IAAI,SAAS,CAAC,SAAS,KAAK,QAAQ,EAAE,CAAC;QACrC,SAAS,CAAC,SAAS,GAAG,QAAQ,CAAA;IAChC,CAAC;IAED,IAAI,EAAE,EAAE,CAAC;QACP,SAAS,CAAC,SAAS,GAAG,QAAQ,CAAA;IAChC,CAAC;SAAM,IAAI,eAAe,KAAK,OAAO,IAAI,EAAE,KAAK,KAAK,EAAE,CAAC;QACvD,SAAS,CAAC,SAAS,GAAG,MAAM,CAAA;IAC9B,CAAC;AACH,CAAC"}

package/dist/lib/utils/attributes.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toDataAttrs = toDataAttrs;
+const types_1 = require("@codeleap/types");
+const camelToKebabCase = (value) => {
+    return value.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+};
+/**
+ * Converts a record (or array of records) of camelCase attributes into
+ * `data-kebab-case` HTML attribute pairs. `null` / `undefined` values are
+ * omitted. Multiple records are merged left-to-right; keys are sorted for
+ * stable output.
+ */
+function toDataAttrs(value) {
+    const attrList = (Array.isArray(value) ? value : [value]).filter(Boolean);
+    const allAttrs = attrList.map(attributeSet => Object.fromEntries(Object
+        .entries(attributeSet ?? {})
+        .filter(([_, v]) => !types_1.TypeGuards.isNil(v))
+        .toSorted((a, b) => a[0].localeCompare(b[0]))
+        .map(([key, v]) => {
+        const normalizedKey = camelToKebabCase(key);
+        return [`data-${normalizedKey}`, String(v)];
+    })));
+    return allAttrs.reduce((acc, obj) => ({ ...acc, ...obj }), {});
+}
+//# sourceMappingURL=attributes.js.map

package/dist/lib/utils/attributes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attributes.js","sourceRoot":"","sources":["../../../src/lib/utils/attributes.ts"],"names":[],"mappings":";;AAqCA,kCAeC;AApDD,2CAA4C;AAyB5C,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAU,EAAE;IAEjD,OAAO,KAAK,CAAC,OAAO,CAAC,oBAAoB,EAAE,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC;AAEpE,CAAC,CAAC;AAEF;;;;;GAKG;AACH,SAAgB,WAAW,CAAkB,KAAmB;IAC9D,MAAM,QAAQ,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;IAEzE,MAAM,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC,MAAM,CAAC,WAAW,CAC9D,MAAM;SACH,OAAO,CAAC,YAAY,IAAI,EAAE,CAAC;SAC3B,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,kBAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;SACxC,QAAQ,CAAC,CAAC,CAAC,EAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAC3C,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE;QAChB,MAAM,aAAa,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAA;QAC3C,OAAO,CAAC,QAAQ,aAAa,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;IAC7C,CAAC,CAAC,CACL,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,GAAG,EAAE,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE,CAAiB,CAAA;AAChF,CAAC"}

package/dist/lib/utils/cache.d.ts

@@ -1,5 +1,5 @@
 /** Creates a new Emotion cache scoped to the `codeleap-web` key. */
-export declare const createCodeleapWebCache: () => import("@emotion/utils").EmotionCache;
+export declare const createCodeleapWebCache: () => import("@emotion/cache").EmotionCache;
 /** Shared Emotion cache instance for the web package. Pass to `CacheProvider` for SSR style extraction. */
-export declare const codeleapWebCache: import("@emotion/utils").EmotionCache;
+export declare const codeleapWebCache: import("@emotion/cache").EmotionCache;
 //# sourceMappingURL=cache.d.ts.map

package/dist/lib/utils/cache.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.codeleapWebCache = exports.createCodeleapWebCache = void 0;
+const cache_1 = __importDefault(require("@emotion/cache"));
+/** Creates a new Emotion cache scoped to the `codeleap-web` key. */
+const createCodeleapWebCache = () => {
+    return (0, cache_1.default)({
+        key: 'codeleap-web',
+    });
+};
+exports.createCodeleapWebCache = createCodeleapWebCache;
+/** Shared Emotion cache instance for the web package. Pass to `CacheProvider` for SSR style extraction. */
+exports.codeleapWebCache = (0, exports.createCodeleapWebCache)();
+//# sourceMappingURL=cache.js.map

package/dist/lib/utils/cache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cache.js","sourceRoot":"","sources":["../../../src/lib/utils/cache.ts"],"names":[],"mappings":";;;;;;AAAA,2DAAwC;AAExC,oEAAoE;AAC7D,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,OAAO,IAAA,eAAW,EAAC;QACjB,GAAG,EAAE,cAAc;KACpB,CAAC,CAAA;AACJ,CAAC,CAAA;AAJY,QAAA,sBAAsB,0BAIlC;AAED,2GAA2G;AAC9F,QAAA,gBAAgB,GAAG,IAAA,8BAAsB,GAAE,CAAA"}

package/dist/lib/utils/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./pollyfils/scroll"), exports);
+__exportStar(require("./stopPropagation"), exports);
+__exportStar(require("./test"), exports);
+__exportStar(require("./cache"), exports);
+__exportStar(require("./attributes"), exports);
+//# sourceMappingURL=index.js.map

package/dist/lib/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAkC;AAClC,oDAAiC;AACjC,yCAAsB;AACtB,0CAAuB;AACvB,+CAA4B"}

package/dist/lib/utils/pollyfils/scroll.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.scrollToElem = void 0;
+// native smooth scrolling for Chrome, Firefox & Opera
+// @see: https://caniuse.com/#feat=css-scroll-behavior
+const nativeSmoothScrollTo = (elem, pad = 0) => {
+    if (!window)
+        return;
+    window.scroll({
+        behavior: 'smooth',
+        left: 0,
+        top: elem.getBoundingClientRect().top + window.pageYOffset + pad,
+    });
+};
+// polyfilled smooth scrolling for IE, Edge & Safari
+const smoothScrollTo = (to, duration) => {
+    if (!document)
+        return;
+    const element = document.scrollingElement || document.documentElement, start = element.scrollTop, change = to - start, startDate = +new Date();
+    // t = current time
+    // b = start value
+    // c = change in value
+    // d = duration
+    const easeInOutQuad = (t, b, c, d) => {
+        t /= d / 2;
+        if (t < 1)
+            return (c / 2) * t * t + b;
+        t--;
+        return (-c / 2) * (t * (t - 2) - 1) + b;
+    };
+    const animateScroll = () => {
+        const currentDate = +new Date();
+        const currentTime = currentDate - startDate;
+        element.scrollTop = parseInt(easeInOutQuad(currentTime, start, change, duration));
+        if (currentTime < duration) {
+            requestAnimationFrame(animateScroll);
+        }
+        else {
+            element.scrollTop = to;
+        }
+    };
+    animateScroll();
+};
+// detect support for the behavior property in ScrollOptions
+// smooth scrolling stub
+/**
+ * Smooth-scrolls the page to the element matching `elemSelector`. Uses the
+ * native `scroll-behavior: smooth` CSS property when supported; falls back to a
+ * JS easing animation (easeInOutQuad, 600 ms) for IE / Edge / older Safari.
+ * `padOffsets[0]` adds a top offset to the final scroll position.
+ */
+const scrollToElem = (elemSelector, padOffsets = [0, 0]) => {
+    if (!document)
+        return;
+    const supportsNativeSmoothScroll = 'scrollBehavior' in document.documentElement.style || {};
+    if (!elemSelector) {
+        return;
+    }
+    const elem = document.querySelector(elemSelector);
+    if (elem) {
+        if (supportsNativeSmoothScroll) {
+            nativeSmoothScrollTo(elem, padOffsets[0]);
+        }
+        else {
+            smoothScrollTo(elem.offsetTop + padOffsets[0], 600);
+        }
+    }
+};
+exports.scrollToElem = scrollToElem;
+//# sourceMappingURL=scroll.js.map

package/dist/lib/utils/pollyfils/scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll.js","sourceRoot":"","sources":["../../../../src/lib/utils/pollyfils/scroll.ts"],"names":[],"mappings":";;;AAAA,sDAAsD;AACtD,sDAAsD;AACtD,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE,GAAG,GAAG,CAAC,EAAE,EAAE;IAC7C,IAAI,CAAC,MAAM;QAAE,OAAM;IACnB,MAAM,CAAC,MAAM,CAAC;QACZ,QAAQ,EAAE,QAAQ;QAClB,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,IAAI,CAAC,qBAAqB,EAAE,CAAC,GAAG,GAAG,MAAM,CAAC,WAAW,GAAG,GAAG;KACjE,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,oDAAoD;AACpD,MAAM,cAAc,GAAG,CAAC,EAAE,EAAE,QAAQ,EAAE,EAAE;IACtC,IAAI,CAAC,QAAQ;QAAE,OAAM;IACrB,MAAM,OAAO,GAAG,QAAQ,CAAC,gBAAgB,IAAI,QAAQ,CAAC,eAAe,EACnE,KAAK,GAAG,OAAO,CAAC,SAAS,EACzB,MAAM,GAAG,EAAE,GAAG,KAAK,EACnB,SAAS,GAAG,CAAC,IAAI,IAAI,EAAE,CAAA;IAEzB,mBAAmB;IACnB,kBAAkB;IAClB,sBAAsB;IACtB,eAAe;IACf,MAAM,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE;QACnC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QACV,IAAI,CAAC,GAAG,CAAC;YAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;QACrC,CAAC,EAAE,CAAA;QACH,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;IACzC,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,MAAM,WAAW,GAAG,CAAC,IAAI,IAAI,EAAE,CAAA;QAC/B,MAAM,WAAW,GAAG,WAAW,GAAG,SAAS,CAAA;QAC3C,OAAO,CAAC,SAAS,GAAG,QAAQ,CAC1B,aAAa,CAAC,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,CACpD,CAAA;QACD,IAAI,WAAW,GAAG,QAAQ,EAAE,CAAC;YAC3B,qBAAqB,CAAC,aAAa,CAAC,CAAA;QACtC,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,SAAS,GAAG,EAAE,CAAA;QACxB,CAAC;IACH,CAAC,CAAA;IACD,aAAa,EAAE,CAAA;AACjB,CAAC,CAAA;AAED,4DAA4D;AAE5D,wBAAwB;AACxB;;;;;GAKG;AACI,MAAM,YAAY,GAAG,CAAC,YAAY,EAAE,UAAU,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE;IAChE,IAAI,CAAC,QAAQ;QAAE,OAAM;IACrB,MAAM,0BAA0B,GAC9B,gBAAgB,IAAI,QAAQ,CAAC,eAAe,CAAC,KAAK,IAAI,EAAE,CAAA;IAC1D,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAM;IACR,CAAC;IAED,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC,CAAA;IACjD,IAAI,IAAI,EAAE,CAAC;QACT,IAAI,0BAA0B,EAAE,CAAC;YAC/B,oBAAoB,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;QAC3C,CAAC;aAAM,CAAC;YACN,cAAc,CAAC,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;QACrD,CAAC;IACH,CAAC;AACH,CAAC,CAAA;AAhBY,QAAA,YAAY,gBAgBxB"}

package/dist/lib/utils/stopPropagation.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.stopPropagation = stopPropagation;
+/**
+ * Calls `stopPropagation`, `preventDefault`, and `stopImmediatePropagation` on
+ * an event, swallowing any individual failures. Handles both native DOM events
+ * and React synthetic events via `nativeEvent`.
+ */
+function stopPropagation(event) {
+    const tryCalls = [
+        event?.stopPropagation.bind(event),
+        event?.preventDefault.bind(event),
+        event.nativeEvent?.stopImmediatePropagation.bind(event.nativeEvent),
+    ];
+    for (const call of tryCalls) {
+        try {
+            call();
+        }
+        catch (e) { }
+    }
+}
+//# sourceMappingURL=stopPropagation.js.map

package/dist/lib/utils/stopPropagation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stopPropagation.js","sourceRoot":"","sources":["../../../src/lib/utils/stopPropagation.ts"],"names":[],"mappings":";;AAOA,0CAYC;AAjBD;;;;GAIG;AACH,SAAgB,eAAe,CAAC,KAAU;IACxC,MAAM,QAAQ,GAAG;QACf,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC;QAClC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC;QACjC,KAAK,CAAC,WAAW,EAAE,wBAAwB,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAgB;KACnF,CAAA;IAED,KAAK,MAAM,IAAI,IAAI,QAAQ,EAAE,CAAC;QAC5B,IAAI,CAAC;YACH,IAAI,EAAE,CAAA;QACR,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC,CAAA,CAAC;IAChB,CAAC;AACH,CAAC"}

package/dist/lib/utils/test.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTestId = void 0;
+const types_1 = require("@codeleap/types");
+/**
+ * Derives a normalised test identifier from component props. Checks
+ * `testId`, `data-testid`, `id`, and `debugName` in that order; spaces are
+ * replaced with underscores and the result is lowercased.
+ */
+const getTestId = (props) => {
+    let id = props?.testId || props?.['data-testid'] || props?.id || props?.debugName;
+    if (types_1.TypeGuards.isString(id)) {
+        id = id?.replace(/\s/g, '_').toLowerCase();
+    }
+    return id;
+};
+exports.getTestId = getTestId;
+//# sourceMappingURL=test.js.map

package/dist/lib/utils/test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test.js","sourceRoot":"","sources":["../../../src/lib/utils/test.ts"],"names":[],"mappings":";;;AAAA,2CAA4C;AAE5C;;;;GAIG;AACI,MAAM,SAAS,GAAG,CAAC,KAA0B,EAAE,EAAE;IACtD,IAAI,EAAE,GAAG,KAAK,EAAE,MAAM,IAAI,KAAK,EAAE,CAAC,aAAa,CAAC,IAAI,KAAK,EAAE,EAAE,IAAI,KAAK,EAAE,SAAS,CAAA;IAEjF,IAAI,kBAAU,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC;QAC5B,EAAE,GAAG,EAAE,EAAE,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,WAAW,EAAE,CAAA;IAC5C,CAAC;IAED,OAAO,EAAE,CAAA;AACX,CAAC,CAAA;AARY,QAAA,SAAS,aAQrB"}

package/dist/types/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./utility"), exports);
+//# sourceMappingURL=index.js.map

package/dist/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAAyB"}

package/dist/types/utility.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=utility.js.map

package/dist/types/utility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utility.js","sourceRoot":"","sources":["../../src/types/utility.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@codeleap/web",
-  "version": "7.0.0",
-  "main": "src/index.ts",
+  "version": "7.0.2",
+  "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
     ".": {
@@ -22,15 +22,15 @@
   },
   "license": "UNLICENSED",
   "devDependencies": {
-    "@codeleap/config": "7.0.0",
-    "@codeleap/form": "7.0.0",
-    "@codeleap/hooks": "7.0.0",
-    "@codeleap/logger": "7.0.0",
-    "@codeleap/query": "7.0.0",
-    "@codeleap/styles": "7.0.0",
-    "@codeleap/types": "7.0.0",
-    "@codeleap/utils": "7.0.0",
-    "@codeleap/store": "7.0.0",
+    "@codeleap/config": "7.0.1",
+    "@codeleap/form": "7.0.1",
+    "@codeleap/hooks": "7.0.1",
+    "@codeleap/logger": "7.0.1",
+    "@codeleap/query": "7.0.1",
+    "@codeleap/styles": "7.0.1",
+    "@codeleap/types": "7.0.1",
+    "@codeleap/utils": "7.0.1",
+    "@codeleap/store": "7.0.1",
     "@tanstack/react-query": "5.100.9"
   },
   "scripts": {
@@ -60,13 +60,13 @@
     "uuid": "13.0.0"
   },
   "peerDependencies": {
-    "@codeleap/types": "7.0.0",
-    "@codeleap/utils": "7.0.0",
-    "@codeleap/hooks": "7.0.0",
-    "@codeleap/query": "7.0.0",
-    "@codeleap/logger": "7.0.0",
-    "@codeleap/styles": "7.0.0",
-    "@codeleap/store": "7.0.0",
+    "@codeleap/types": "7.0.1",
+    "@codeleap/utils": "7.0.1",
+    "@codeleap/hooks": "7.0.1",
+    "@codeleap/query": "7.0.1",
+    "@codeleap/logger": "7.0.1",
+    "@codeleap/styles": "7.0.1",
+    "@codeleap/store": "7.0.1",
     "@emotion/react": "11.14.0",
     "@reach/router": "^1.3.4",
     "dayjs": "1.11.18",