@codeleap/web 7.0.0 → 7.0.1

package/dist/components/Touchable/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/Touchable/types.js.map

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

package/dist/components/View/index.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { TypeGuards } from '@codeleap/types';
+import { motion } from 'motion/react';
+import { getTestId } from '../../lib/utils/test';
+import { useStylesFor } from '../../lib/hooks/useStylesFor';
+import { WebStyleRegistry } from '../../lib/WebStyleRegistry';
+export * from './styles';
+export * from './types';
+/**
+ * Generic layout wrapper that renders any DOM element with responsive styling,
+ * hover callbacks, and optional Framer Motion animation.
+ * Uses: `useStylesFor`, `WebStyleRegistry`
+ */
+export function View(viewProps) {
+    const { component, children, is, not, up, onHover, debugName, down, style, animated, animatedProps, ref, ...props } = {
+        ...View.defaultProps,
+        ...viewProps,
+    };
+    const styles = useStylesFor(View.styleRegistryName, style);
+    const Component = animated ? (motion?.[component] || motion.div) : (component || 'div');
+    function handleHover(isMouseOverElement) {
+        onHover?.(isMouseOverElement);
+    }
+    const hoverProps = TypeGuards.isFunction(onHover) && {
+        onMouseEnter: () => handleHover(true),
+        onMouseLeave: () => handleHover(false),
+    };
+    const testId = getTestId(viewProps);
+    return (_jsx(Component, { ...hoverProps, ...props, ...animatedProps, ref: ref, "data-testid": testId, css: styles.wrapper, children: children }));
+}
+View.styleRegistryName = 'View';
+View.elements = ['wrapper'];
+View.rootElement = 'wrapper';
+View.defaultProps = {
+    component: 'div',
+    animated: false,
+};
+WebStyleRegistry.registerComponent(View);
+//# sourceMappingURL=index.js.map

package/dist/components/View/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/View/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAErC,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAG7D,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB;;;;GAIG;AACH,MAAM,UAAU,IAAI,CAAwB,SAAuB;IACjE,MAAM,EACJ,SAAS,EACT,QAAQ,EACR,EAAE,EACF,GAAG,EACH,EAAE,EACF,OAAO,EACP,SAAS,EACT,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,aAAa,EACb,GAAG,EACH,GAAG,KAAK,EACT,GAAG;QACF,GAAG,IAAI,CAAC,YAAY;QACpB,GAAG,SAAS;KACb,CAAA;IAED,MAAM,MAAM,GAAG,YAAY,CAAC,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAE1D,MAAM,SAAS,GAAQ,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,SAAmB,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,IAAI,KAAK,CAAC,CAAA;IAEtG,SAAS,WAAW,CAAC,kBAA2B;QAC9C,OAAO,EAAE,CAAC,kBAAkB,CAAC,CAAA;IAC/B,CAAC;IAED,MAAM,UAAU,GAAG,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI;QACnD,YAAY,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC;QACrC,YAAY,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC;KACvC,CAAA;IAED,MAAM,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC,CAAA;IAEnC,OAAO,CACL,KAAC,SAAS,OACJ,UAAU,KACV,KAAK,KACL,aAAa,EACjB,GAAG,EAAE,GAAG,iBACK,MAAM,EACnB,GAAG,EAAE,MAAM,CAAC,OAAO,YAElB,QAAQ,GACC,CACb,CAAA;AACH,CAAC;AAED,IAAI,CAAC,iBAAiB,GAAG,MAAM,CAAA;AAC/B,IAAI,CAAC,QAAQ,GAAG,CAAC,SAAS,CAAC,CAAA;AAC3B,IAAI,CAAC,WAAW,GAAG,SAAS,CAAA;AAG5B,IAAI,CAAC,YAAY,GAAG;IAClB,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,KAAK;CACM,CAAA;AAEvB,gBAAgB,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAA"}

package/dist/components/View/styles.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=styles.js.map

package/dist/components/View/styles.js.map

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

package/dist/components/View/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/View/types.js.map

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

package/dist/components/components.js

@@ -0,0 +1,42 @@
+export * from './View';
+export * from './Icon';
+export * from './Touchable';
+export * from './Text';
+export * from './Slider';
+export * from './List';
+export * from './ActivityIndicator';
+export * from './Button';
+export * from './Modal';
+export * from './Checkbox';
+export * from './Collapse';
+export * from './Drawer';
+export * from './Overlay';
+export * from './TextInput';
+export * from './MaskedTextInput';
+export * from './RadioInput';
+export * from './Select';
+export * from './FileInput';
+export * from './Slider';
+export * from './List';
+export * from './LoadingOverlay';
+export * from './Switch';
+export * from './NumberIncrement';
+export * from './SearchInput';
+export * from './Tooltip';
+export * from './Field';
+export * from './Carousel';
+export * from './EmptyPlaceholder';
+export * from './Badge';
+export * from './CropPicker';
+export * from './Calendar';
+export * from './DatePicker';
+export * from './Dropzone';
+export * from './Progress';
+export * from './Tag';
+export * from './TextEditor';
+export * from './ColorPicker';
+export * from './PaginationButtons';
+export * from './SectionFilters';
+export * from './PaginationIndicator';
+export * from './Carousel';
+//# sourceMappingURL=components.js.map

package/dist/components/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/components/components.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,qBAAqB,CAAA;AACnC,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,OAAO,CAAA;AACrB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA;AAChC,cAAc,uBAAuB,CAAA;AACrC,cAAc,YAAY,CAAA"}

package/dist/index.js

@@ -0,0 +1,5 @@
+export * from './components/components';
+export * from './types';
+export * from './lib';
+export * from './lib/WebStyleRegistry';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AACvC,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,wBAAwB,CAAA"}

package/dist/lib/ListMasonry.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import React from 'react';
+import { useWindowSize } from '@react-hook/window-size';
+import { TypeGuards } from '@codeleap/types';
+import { EmptyPlaceholder } from '../components/EmptyPlaceholder';
+import { useMasonry, usePositioner, useScroller, useContainerPosition, useResizeObserver, } from 'masonic';
+function fillItems(arr, toCount, fillContent = {}) {
+    if (!arr || !TypeGuards.isArray(arr))
+        return [];
+    if (toCount === arr?.length)
+        return arr;
+    const diff = toCount - arr?.length;
+    if (diff < 0)
+        return arr;
+    const right = Array(diff).fill(fillContent);
+    return arr.concat(right);
+}
+export const useMasonryReload = (args) => {
+    const { data, reloadTimeout = 350, } = args;
+    const [reloadingLayout, setReloadingLayout] = React.useState(false);
+    const previousLengthRef = React.useRef(data?.length ?? 0);
+    const updater = () => {
+        previousLengthRef.current = (data?.length ?? 0);
+    };
+    React.useEffect(() => {
+        if (previousLengthRef.current > data?.length) {
+            setReloadingLayout(true);
+            setTimeout(() => {
+                updater();
+                setTimeout(() => {
+                    setReloadingLayout(false);
+                }, reloadTimeout);
+            }, reloadTimeout);
+        }
+        else {
+            updater();
+        }
+    }, [data?.length]);
+    return {
+        reloadingLayout,
+        setReloadingLayout,
+        previousLength: previousLengthRef.current,
+    };
+};
+export function MasonryComponent(props) {
+    const containerRef = React.useRef(null);
+    const windowSize = useWindowSize({
+        initialWidth: props?.ssrWidth,
+        initialHeight: props?.ssrHeight,
+    });
+    const containerPosition = useContainerPosition(containerRef, windowSize);
+    const listProps = Object.assign({
+        offset: containerPosition?.offset,
+        width: containerPosition?.width || containerRef?.current?.clientWidth || windowSize?.[0],
+        height: windowSize?.[1],
+        containerRef,
+        scrollFps: props?.scrollFps || 12,
+    }, props);
+    const positioner = usePositioner({
+        width: listProps?.width,
+        columnGutter: listProps?.columnGutter,
+        columnWidth: listProps?.columnWidth,
+        columnCount: listProps?.columnCount,
+        maxColumnCount: listProps?.columnCount,
+        rowGutter: listProps?.rowGutter
+    });
+    const { scrollTop, isScrolling } = useScroller(listProps?.offset, listProps?.scrollFps);
+    const resizeObserver = useResizeObserver(positioner);
+    return useMasonry({
+        ...listProps,
+        resizeObserver,
+        positioner,
+        scrollTop,
+        isScrolling,
+        items: fillItems(props?.items, props?.previousItemsLength)
+    });
+}
+export function ListMasonry(props) {
+    if (props?.reloadingLayout) {
+        return (_jsx(EmptyPlaceholder, { loading: true, title: '', description: null }));
+    }
+    else {
+        return (_jsx(MasonryComponent, { ...props, items: props?.items || [] }));
+    }
+}
+//# sourceMappingURL=ListMasonry.js.map

package/dist/lib/ListMasonry.js.map

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

package/dist/lib/ThemeVariables.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { DOM_COLOR_SCHEME_KEY } from '@codeleap/styles';
+const toDeclarations = (vars) => Object.entries(vars).map(([n, v]) => `  ${n}: ${v};`).join('\n');
+export const ThemeVariables = ({ theme }) => {
+    const defaultVars = theme.getCssVariables();
+    const alternateColors = theme.alternateColors ?? {};
+    const blocks = [
+        `:root {\n${toDeclarations(defaultVars)}\n}`,
+        `[data-color-scheme="light"] {\n${toDeclarations(defaultVars)}\n}`,
+    ];
+    for (const scheme of Object.keys(alternateColors)) {
+        const vars = theme.getCssVariables(scheme);
+        if (scheme === 'dark') {
+            blocks.push(`@media (prefers-color-scheme: dark) {\n  :root:not([data-color-scheme="light"]) {\n${toDeclarations(vars)}\n  }\n}`);
+        }
+        blocks.push(`[data-color-scheme="${scheme}"] {\n${toDeclarations(vars)}\n}`);
+    }
+    return _jsx("style", { dangerouslySetInnerHTML: { __html: blocks.join('\n\n') } });
+};
+const FOUC_SCRIPT = `(function(){try{var s=localStorage.getItem('${DOM_COLOR_SCHEME_KEY}');if(s&&s!=='default')document.documentElement.dataset.colorScheme=s;}catch(e){}})()`;
+export const ColorSchemeFoucScript = () => (_jsx("script", { dangerouslySetInnerHTML: { __html: FOUC_SCRIPT } }));
+//# sourceMappingURL=ThemeVariables.js.map

package/dist/lib/ThemeVariables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeVariables.js","sourceRoot":"","sources":["../../src/lib/ThemeVariables.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAOvD,MAAM,cAAc,GAAG,CAAC,IAA4B,EAAE,EAAE,CACtD,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;AAElE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAkC,EAAE,EAAE;IAC1E,MAAM,WAAW,GAAG,KAAK,CAAC,eAAe,EAAE,CAAA;IAC3C,MAAM,eAAe,GAAG,KAAK,CAAC,eAAe,IAAI,EAAE,CAAA;IAEnD,MAAM,MAAM,GAAa;QACvB,YAAY,cAAc,CAAC,WAAW,CAAC,KAAK;QAC5C,kCAAkC,cAAc,CAAC,WAAW,CAAC,KAAK;KACnE,CAAA;IAED,KAAK,MAAM,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;QAClD,MAAM,IAAI,GAAG,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,CAAA;QAC1C,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;YACtB,MAAM,CAAC,IAAI,CACT,sFAAsF,cAAc,CAAC,IAAI,CAAC,UAAU,CACrH,CAAA;QACH,CAAC;QACD,MAAM,CAAC,IAAI,CAAC,uBAAuB,MAAM,SAAS,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAC9E,CAAC;IAED,OAAO,gBAAO,uBAAuB,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,GAAI,CAAA;AAC5E,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,+CAA+C,oBAAoB,uFAAuF,CAAA;AAE9K,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,CACzC,iBAAQ,uBAAuB,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,GAAI,CAC7D,CAAA"}

package/dist/lib/WebStyleRegistry.js

@@ -0,0 +1,69 @@
+import { CodeleapStyleRegistry, StylePersistor } from '@codeleap/styles';
+const persistor = new StylePersistor({
+    set(key, value) {
+        if (typeof window === 'undefined')
+            return null;
+        return localStorage?.setItem(key, value);
+    },
+    get(key) {
+        if (typeof window === 'undefined')
+            return null;
+        return localStorage?.getItem(key);
+    },
+    del(key) {
+        if (typeof window === 'undefined')
+            return null;
+        return localStorage?.removeItem(key);
+    },
+});
+let instance;
+const components = [];
+/**
+ * Singleton style registry for the web platform.
+ *
+ * Extends `CodeleapStyleRegistry` with localStorage-backed style persistence
+ * and a variant-element map that tracks which HTML element tag should be used
+ * for each component variant.
+ *
+ * Only one instance exists per JS runtime. The first `new WebStyleRegistry()`
+ * call creates the instance; subsequent calls return the same object. Components
+ * register themselves via the static `WebStyleRegistry.registerComponent()` —
+ * call this at module level so registrations survive before the registry is
+ * instantiated (they are replayed on construction).
+ *
+ * Access the live singleton via `WebStyleRegistry.current`.
+ */
+export class WebStyleRegistry extends CodeleapStyleRegistry {
+    variantElements = {};
+    constructor() {
+        super(persistor);
+        components.forEach((component) => {
+            this.registerComponent(component);
+        });
+        if (!instance) {
+            instance = this;
+        }
+        return instance;
+    }
+    /** Registers the HTML element tag to render for each variant of a component (e.g. `{ h1: 'h1', p: 'p' }`). */
+    registerVariantElements(componentName, elements) {
+        this.variantElements[componentName] = elements;
+    }
+    /** Returns the element tag registered for the given component variant, or `undefined` if none was registered. */
+    variantElementFor(componentName, variantName) {
+        return this.variantElements[componentName]?.[variantName];
+    }
+    createStyle(css) {
+        return css;
+    }
+    static get current() {
+        return instance;
+    }
+    static registerComponent(component) {
+        components.push(component);
+        if (instance) {
+            instance.registerComponent(component);
+        }
+    }
+}
+//# sourceMappingURL=WebStyleRegistry.js.map

package/dist/lib/WebStyleRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebStyleRegistry.js","sourceRoot":"","sources":["../../src/lib/WebStyleRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,qBAAqB,EAAQ,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAElG,MAAM,SAAS,GAAG,IAAI,cAAc,CAAC;IACnC,GAAG,CAAC,GAAG,EAAE,KAAK;QACZ,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO,IAAI,CAAA;QAC9C,OAAO,YAAY,EAAE,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;IAC1C,CAAC;IACD,GAAG,CAAC,GAAG;QACL,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO,IAAI,CAAA;QAC9C,OAAO,YAAY,EAAE,OAAO,CAAC,GAAG,CAAC,CAAA;IACnC,CAAC;IACD,GAAG,CAAC,GAAG;QACL,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO,IAAI,CAAA;QAC9C,OAAO,YAAY,EAAE,UAAU,CAAC,GAAG,CAAC,CAAA;IACtC,CAAC;CACF,CAAC,CAAA;AAEF,IAAI,QAA0B,CAAA;AAE9B,MAAM,UAAU,GAAkD,EAAE,CAAA;AAEpE;;;;;;;;;;;;;;GAcG;AACH,MAAM,OAAO,gBAAiB,SAAQ,qBAAqB;IACzD,eAAe,GAA2C,EAAE,CAAA;IAE5D;QACE,KAAK,CAAC,SAAS,CAAC,CAAA;QAEhB,UAAU,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE;YAC/B,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAA;QACnC,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,QAAQ,GAAG,IAAI,CAAA;QACjB,CAAC;QAED,OAAO,QAAQ,CAAA;IACjB,CAAC;IAED,8GAA8G;IAC9G,uBAAuB,CAAC,aAAqB,EAAE,QAAgC;QAC7E,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,GAAG,QAAQ,CAAA;IAChD,CAAC;IAED,iHAAiH;IACjH,iBAAiB,CAAC,aAAqB,EAAE,WAAmB;QAC1D,OAAO,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,EAAE,CAAC,WAAW,CAAC,CAAA;IAC3D,CAAC;IAED,WAAW,CAAC,GAAS;QACnB,OAAO,GAAG,CAAA;IACZ,CAAC;IAED,MAAM,KAAK,OAAO;QAChB,OAAO,QAAQ,CAAA;IACjB,CAAC;IAED,MAAM,CAAC,iBAAiB,CAAC,SAA6B;QACpD,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QAC1B,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAA;QACvC,CAAC;IACH,CAAC;CACF"}

package/dist/lib/hooks/index.js

@@ -0,0 +1,23 @@
+export * from './useAnimatedStyle';
+export * from './useAnimatedVariantStyles';
+export * from './useBreakpointMatch';
+export * from './useClick';
+export * from './useClickOutside';
+export * from './useMediaQuery';
+export * from './usePageExitBlocker';
+export * from './usePagination';
+export * from './usePopState';
+export * from './useScrollEffect';
+export * from './useIsomorphicEffect';
+export * from './useSearchParams';
+export * from './useStaticAnimationStyles';
+export * from './useWindowFocus';
+export * from './useWindowSize';
+export * from './useKeydown';
+export * from './useRefresh';
+export * from './useFileInput';
+export * from './useStylesFor';
+export * from './useAsyncSelect';
+export * from './useListFocus';
+export * from './usePopoverDismiss';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,sBAAsB,CAAA;AACpC,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAEhC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,qBAAqB,CAAA"}

package/dist/lib/hooks/useAnimatedStyle.js

@@ -0,0 +1,23 @@
+import { useRef, useEffect, useState } from 'react';
+/**
+ * Drives a Framer Motion `animate` prop from a reactive updater function.
+ *
+ * The transition from the initial call is captured once and held stable; only
+ * the animated target re-evaluates on dependency changes. Returns `initial: false`
+ * so Motion skips the mount animation and begins from the current state.
+ */
+export const useAnimatedStyle = (updater, deps) => {
+    const initialStyle = updater();
+    const [animatedStyle, setAnimatedStyle] = useState(initialStyle);
+    const transition = useRef(initialStyle.transition);
+    useEffect(() => {
+        const animatedStyleUpdated = updater();
+        setAnimatedStyle(animatedStyleUpdated);
+    }, deps);
+    return {
+        animate: animatedStyle,
+        transition: transition.current,
+        initial: false,
+    };
+};
+//# sourceMappingURL=useAnimatedStyle.js.map

package/dist/lib/hooks/useAnimatedStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimatedStyle.js","sourceRoot":"","sources":["../../../src/lib/hooks/useAnimatedStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAanD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,OAA4B,EAAE,IAAgB,EAA0B,EAAE;IACzG,MAAM,YAAY,GAAG,OAAO,EAAE,CAAA;IAE9B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAsB,YAAY,CAAC,CAAA;IACrF,MAAM,UAAU,GAAG,MAAM,CAAyB,YAAY,CAAC,UAAU,CAAC,CAAA;IAE1E,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,oBAAoB,GAAG,OAAO,EAAE,CAAA;QAEtC,gBAAgB,CAAC,oBAAoB,CAAC,CAAA;IACxC,CAAC,EAAE,IAAI,CAAC,CAAA;IAER,OAAO;QACL,OAAO,EAAE,aAAa;QACtB,UAAU,EAAE,UAAU,CAAC,OAAO;QAC9B,OAAO,EAAE,KAAK;KACf,CAAA;AACH,CAAC,CAAA"}

package/dist/lib/hooks/useAnimatedVariantStyles.js

@@ -0,0 +1,20 @@
+import { useStaticAnimationStyles } from './useStaticAnimationStyles';
+import { useState, useEffect } from 'react';
+/**
+ * Derives a Framer Motion animation target from a component's variant styles,
+ * animating only the properties listed in `animatedProperties` while keeping the
+ * rest static (via `useStaticAnimationStyles`). Re-evaluates the `updater` whenever
+ * `dependencies` change.
+ */
+export function useAnimatedVariantStyles(config) {
+    const { animatedProperties, updater, variantStyles, dependencies = [] } = config;
+    const staticStyles = useStaticAnimationStyles(variantStyles, animatedProperties);
+    const initialState = updater(staticStyles);
+    const [animated, setAnimated] = useState(initialState);
+    useEffect(() => {
+        const nextState = updater(staticStyles);
+        setAnimated(nextState);
+    }, dependencies);
+    return animated;
+}
+//# sourceMappingURL=useAnimatedVariantStyles.js.map

package/dist/lib/hooks/useAnimatedVariantStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimatedVariantStyles.js","sourceRoot":"","sources":["../../../src/lib/hooks/useAnimatedVariantStyles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAS3C;;;;;GAKG;AACH,MAAM,UAAU,wBAAwB,CAAqE,MAA4C;IACvJ,MAAM,EAAE,kBAAkB,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,GAAG,EAAE,EAAE,GAAG,MAAM,CAAA;IAEhF,MAAM,YAAY,GAAG,wBAAwB,CAAC,aAAa,EAAE,kBAAkB,CAAC,CAAA;IAEhF,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,CAAA;IAE1C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAA;IAEtD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,CAAA;QAEvC,WAAW,CAAC,SAAS,CAAC,CAAA;IACxB,CAAC,EAAE,YAAY,CAAC,CAAA;IAEhB,OAAO,QAAQ,CAAA;AACjB,CAAC"}

package/dist/lib/hooks/useAsyncSelect.js

@@ -0,0 +1,57 @@
+import { useState, useId, useCallback } from 'react';
+import { useQuery } from '@tanstack/react-query';
+/**
+ * Wraps TanStack Query to power a search-driven async Select component.
+ *
+ * Returns a `[selectProps, state]` tuple. Spread the first element onto a
+ * `Select` component; use the second to drive the search query and inspect
+ * loading / error state.
+ *
+ * The query is gated by `isSearchValid` (defaults to non-empty/non-null).
+ * Pass `isSearchValid: () => true` to fetch on mount with an empty query.
+ * Requires a TanStack Query `QueryClientProvider` in the tree.
+ */
+export function useAsyncSelect(opts) {
+    const { load, isSearchValid, renderError, renderNoResults, renderLoading, queryOptions, } = opts;
+    const hookId = useId();
+    const baseKey = opts.queryKey ?? [hookId];
+    const [searchQuery, setSearchQuery] = useState('');
+    const defaultIsValid = (q) => q != null && q !== '';
+    const enabled = isSearchValid ? isSearchValid(searchQuery) : defaultIsValid(searchQuery);
+    const queryResult = useQuery({
+        queryKey: ['asyncSelect', ...baseKey, searchQuery],
+        queryFn: () => load(searchQuery),
+        enabled,
+        placeholderData: (prev) => prev,
+        ...queryOptions,
+    });
+    const query = useCallback((q) => setSearchQuery(q), []);
+    const renderEmpty = useCallback(({ style }) => {
+        if (queryResult.isLoading || queryResult.isFetching) {
+            return renderLoading?.(style) ?? null;
+        }
+        if (queryResult.isError) {
+            return renderError?.(queryResult.error, style) ?? null;
+        }
+        return renderNoResults?.(searchQuery, style) ?? null;
+    }, [
+        queryResult.isLoading, queryResult.isFetching,
+        queryResult.isError, queryResult.error,
+        renderLoading, renderError, renderNoResults, searchQuery,
+    ]);
+    return [
+        {
+            options: (queryResult.data?.results ?? []),
+            renderEmpty,
+        },
+        {
+            query,
+            searchQuery,
+            data: queryResult.data?.data ?? null,
+            isLoading: queryResult.isLoading,
+            error: queryResult.error,
+            queryResult,
+        },
+    ];
+}
+//# sourceMappingURL=useAsyncSelect.js.map

package/dist/lib/hooks/useAsyncSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAsyncSelect.js","sourceRoot":"","sources":["../../../src/lib/hooks/useAsyncSelect.ts"],"names":[],"mappings":"AAAA,OAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAA6C,MAAM,uBAAuB,CAAA;AAsD3F;;;;;;;;;;GAUG;AACH,MAAM,UAAU,cAAc,CAI5B,IAA4C;IAE5C,MAAM,EACJ,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,eAAe,EAAE,aAAa,EAAE,YAAY,GAC/E,GAAG,IAAI,CAAA;IAER,MAAM,MAAM,GAAG,KAAK,EAAE,CAAA;IACtB,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,IAAI,CAAC,MAAM,CAAC,CAAA;IAEzC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,EAAY,CAAC,CAAA;IAEpE,MAAM,cAAc,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,KAAM,EAAa,CAAA;IACvE,MAAM,OAAO,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;IAExF,MAAM,WAAW,GAAG,QAAQ,CAAC;QAC3B,QAAQ,EAAE,CAAC,aAAa,EAAE,GAAG,OAAO,EAAE,WAAW,CAAC;QAClD,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC;QAChC,OAAO;QACP,eAAe,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI;QAC/B,GAAG,YAAY;KAChB,CAAC,CAAA;IAEF,MAAM,KAAK,GAAG,WAAW,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;IAE/D,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,EAAE,KAAK,EAAmB,EAAmB,EAAE;QAC9C,IAAI,WAAW,CAAC,SAAS,IAAI,WAAW,CAAC,UAAU,EAAE,CAAC;YACpD,OAAO,aAAa,EAAE,CAAC,KAAK,CAAC,IAAI,IAAI,CAAA;QACvC,CAAC;QACD,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YACxB,OAAO,WAAW,EAAE,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,IAAI,CAAA;QACxD,CAAC;QACD,OAAO,eAAe,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,IAAI,IAAI,CAAA;IACtD,CAAC,EACD;QACE,WAAW,CAAC,SAAS,EAAE,WAAW,CAAC,UAAU;QAC7C,WAAW,CAAC,OAAO,EAAE,WAAW,CAAC,KAAK;QACtC,aAAa,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW;KACzD,CACF,CAAA;IAED,OAAO;QACL;YACE,OAAO,EAAE,CAAC,WAAW,CAAC,IAAI,EAAE,OAAO,IAAI,EAAE,CAAc;YACvD,WAAW;SACZ;QACD;YACE,KAAK;YACL,WAAW;YACX,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,IAAI,IAAI,IAAI;YACpC,SAAS,EAAE,WAAW,CAAC,SAAS;YAChC,KAAK,EAAE,WAAW,CAAC,KAAK;YACxB,WAAW;SACZ;KACF,CAAA;AACH,CAAC"}

package/dist/lib/hooks/useBreakpointMatch.js

@@ -0,0 +1,108 @@
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { TypeGuards } from '@codeleap/types';
+import { themeStore } from '@codeleap/styles';
+import { getMediaQuery, isMediaQuery } from '../tools';
+const getTheme = () => themeStore.themeTyped;
+function validateBreakpoint(currentTheme, breakpoint) {
+    const matchesDown = isMediaQuery(currentTheme.media.down(breakpoint));
+    const matchesUp = isMediaQuery(currentTheme.media.up(breakpoint));
+    return !matchesUp && matchesDown;
+}
+function useBreakpointMatches() {
+    return useState(() => {
+        const currentTheme = getTheme();
+        const breakpointMatches = {};
+        for (const breakpoint in currentTheme.breakpoints) {
+            breakpointMatches[breakpoint] = validateBreakpoint(currentTheme, breakpoint);
+        }
+        return breakpointMatches;
+    });
+}
+function useBreakpointListeners() {
+    const [breakpointMatches, setBreakpointMatches] = useBreakpointMatches();
+    const loaded = useRef(false);
+    const mediaQueries = useRef({});
+    function callback(event, breakpoint) {
+        const currentTheme = getTheme();
+        setBreakpointMatches((prevState) => {
+            const updatedMatches = { ...prevState };
+            updatedMatches[breakpoint] = validateBreakpoint(currentTheme, breakpoint);
+            return updatedMatches;
+        });
+    }
+    useEffect(() => {
+        if (loaded.current)
+            return;
+        loaded.current = true;
+        const currentTheme = getTheme();
+        for (const breakpoint in currentTheme.breakpoints) {
+            const queryUp = getMediaQuery(currentTheme.media.up(breakpoint));
+            const matchUp = window.matchMedia(queryUp);
+            mediaQueries.current[breakpoint] = matchUp;
+            try {
+                matchUp.addEventListener('change', (event) => callback(event, breakpoint));
+            }
+            catch {
+                matchUp.addListener((event) => callback(event, breakpoint));
+            }
+        }
+        return () => {
+            for (const breakpoint in mediaQueries.current) {
+                const matchUp = mediaQueries.current[breakpoint];
+                try {
+                    matchUp.removeEventListener('change', (event) => callback(event, breakpoint));
+                }
+                catch {
+                    matchUp.removeListener((event) => callback(event, breakpoint));
+                }
+            }
+            mediaQueries.current = {};
+        };
+    }, []);
+    return breakpointMatches;
+}
+/**
+ * Returns the value mapped to the currently active breakpoint.
+ *
+ * Reads breakpoint definitions from the active `themeStore` theme and attaches
+ * `matchMedia` listeners to track viewport changes reactively. The lookup walks
+ * up from the current breakpoint until it finds a key present in `values`, so
+ * you can omit smaller breakpoints and let them fall back to the next larger one.
+ *
+ * Must be rendered in a browser context; SSR always resolves to the fallback
+ * value (the largest defined key in `values`).
+ */
+export function useBreakpointMatch(values) {
+    const breakpointMatches = useBreakpointListeners();
+    const breakpoints = useMemo(() => {
+        return Object.entries(getTheme().breakpoints)
+            .sort(([, a], [, b]) => a - b)
+            .reduce((acc, [key, value]) => {
+            acc[key] = value;
+            return acc;
+        }, {});
+    }, []);
+    const breakpointValues = useMemo(() => {
+        return Object.keys(breakpoints).sort((a, b) => breakpoints?.[a] - breakpoints?.[b]);
+    }, []);
+    const currentBreakpoint = useMemo(() => {
+        return Object.keys(breakpointMatches).find((key) => breakpointMatches[key]);
+    }, [breakpointMatches]);
+    const breakpoint = useMemo(() => {
+        const validBreakpointIndex = breakpointValues?.findIndex(key => key === currentBreakpoint);
+        const validBreakpoints = breakpointValues?.slice(validBreakpointIndex, 100);
+        let validBreakpoint = null;
+        validBreakpoint = validBreakpoints?.find((currentValue) => {
+            if (Object?.keys(values)?.includes(currentValue)) {
+                return currentValue;
+            }
+        });
+        if (TypeGuards.isNil(validBreakpoint)) {
+            validBreakpoint = breakpointValues?.reverse()?.find(key => !!values?.[key]);
+        }
+        return validBreakpoint;
+    }, [currentBreakpoint]);
+    const value = useMemo(() => values?.[breakpoint], [breakpoint]);
+    return value;
+}
+//# sourceMappingURL=useBreakpointMatch.js.map

package/dist/lib/hooks/useBreakpointMatch.js.map

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

package/dist/lib/hooks/useClick.js

@@ -0,0 +1,38 @@
+import { TypeGuards } from '@codeleap/types';
+import { useEffect, useRef, useCallback } from 'react';
+/**
+ * Attaches a global `click` listener and calls `handler` with `true` when the
+ * user clicks outside the returned ref's element, or `false` when they click
+ * inside it. Pass additional `elements` refs to treat those nodes as "inside"
+ * as well — the handler fires `false` if any of them contains the click target.
+ */
+export function useClickOutsideElement(handler, elements = null) {
+    const elementRef = useRef(null);
+    const handleClickOutside = useCallback((event) => {
+        if (!elementRef.current)
+            return;
+        const clickedOutsideElement = !elementRef.current.contains(event?.target);
+        const clickedOutsideElements = [true];
+        if (TypeGuards?.isArray(elements)) {
+            elements?.forEach(element => {
+                if (element.current) {
+                    clickedOutsideElements.push(!element.current.contains(event?.target));
+                }
+            });
+        }
+        if (clickedOutsideElement && clickedOutsideElements.every((clickedOutside) => !!clickedOutside)) {
+            handler(true);
+        }
+        else {
+            handler(false);
+        }
+    }, [handler]);
+    useEffect(() => {
+        document.addEventListener('click', handleClickOutside);
+        return () => {
+            document.removeEventListener('click', handleClickOutside);
+        };
+    }, [handleClickOutside]);
+    return elementRef;
+}
+//# sourceMappingURL=useClick.js.map

package/dist/lib/hooks/useClick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClick.js","sourceRoot":"","sources":["../../../src/lib/hooks/useClick.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAM7D;;;;;GAKG;AACH,MAAM,UAAU,sBAAsB,CACpC,OAA4B,EAC5B,WAA+C,IAAI;IAEnD,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAE/B,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,KAAiB,EAAE,EAAE;QAC3D,IAAI,CAAC,UAAU,CAAC,OAAO;YAAE,OAAM;QAE/B,MAAM,qBAAqB,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QACzE,MAAM,sBAAsB,GAAG,CAAC,IAAI,CAAC,CAAA;QAErC,IAAI,UAAU,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;YAClC,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE;gBAC1B,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;oBACpB,sBAAsB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;gBACvE,CAAC;YACH,CAAC,CAAC,CAAA;QACJ,CAAC;QAED,IAAI,qBAAqB,IAAI,sBAAsB,CAAC,KAAK,CAAC,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,EAAE,CAAC;YAChG,OAAO,CAAC,IAAI,CAAC,CAAA;QACf,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,KAAK,CAAC,CAAA;QAChB,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAA;QAEtD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAA;QAC3D,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAA;IAExB,OAAO,UAAU,CAAA;AACnB,CAAC"}