@codeleap/web 7.0.0 → 7.0.2

package/dist/components/NumberIncrement/useNumberIncrement.js

@@ -0,0 +1,116 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useNumberIncrement = useNumberIncrement;
+const react_1 = require("react");
+const Field_1 = require("../Field");
+const form_1 = require("@codeleap/form");
+const types_1 = require("@codeleap/types");
+/**
+ * Manages value, focus, increment/decrement button disabled state, and keyboard arrow-key handling for `NumberIncrement`.
+ * Clamps the value to `[min, max]` on blur; registers global `keydown` and `mousedown` listeners to track focus outside of React's event system.
+ * No provider required; designed to be called only inside `NumberIncrement`.
+ */
+function useNumberIncrement(props) {
+    const { value, onValueChange, field, min, max, forceError, step, } = props;
+    const [isFocused, setIsFocused] = (0, react_1.useState)(false);
+    const { fieldHandle, validation, innerInputRef, wrapperRef, inputValue, onInputValueChange, } = (0, Field_1.useFieldInput)(field, form_1.fields.number, { value, onValueChange });
+    const innerWrapperRef = (0, react_1.useRef)(null);
+    const hasValue = types_1.TypeGuards.isString(inputValue)
+        ? inputValue?.length > 0
+        : !types_1.TypeGuards.isNil(inputValue);
+    const hasError = validation?.showError || !!forceError;
+    const errorMessage = validation?.message || forceError;
+    const incrementDisabled = (0, react_1.useMemo)(() => {
+        if (types_1.TypeGuards.isNumber(max) && (Number(inputValue) >= max)) {
+            return true;
+        }
+        return false;
+    }, [inputValue]);
+    const decrementDisabled = (0, react_1.useMemo)(() => {
+        if (types_1.TypeGuards.isNumber(min) && (Number(inputValue) <= min)) {
+            return true;
+        }
+        return false;
+    }, [inputValue]);
+    const handleChange = (0, react_1.useCallback)((action) => {
+        if (action === 'increment' && !incrementDisabled) {
+            const newValue = Number(inputValue || min) + step;
+            onInputValueChange(newValue);
+            return;
+        }
+        else if (action === 'decrement' && !decrementDisabled) {
+            const newValue = Number(inputValue || min) - step;
+            onInputValueChange(newValue);
+            return;
+        }
+        validation?.onInputBlurred?.();
+    }, [validation?.onInputBlurred, inputValue]);
+    const handleBlur = (0, react_1.useCallback)(() => {
+        if (types_1.TypeGuards.isNumber(max) && (inputValue >= max)) {
+            onInputValueChange(max);
+            return;
+        }
+        else if (types_1.TypeGuards.isNumber(min) && (inputValue <= min) || !inputValue) {
+            onInputValueChange(min);
+            return;
+        }
+        validation?.onInputBlurred?.();
+    }, [validation?.onInputBlurred, inputValue]);
+    const handleFocus = (0, react_1.useCallback)(() => {
+        setIsFocused(true);
+    }, []);
+    (0, react_1.useEffect)(() => {
+        function handleKeyboardEvent(event) {
+            if (!isFocused)
+                return;
+            if (event.keyCode === 39 || event.key === 'ArrowRight') {
+                handleChange('increment');
+            }
+            else if (event.keyCode === 37 || event.key === 'ArrowLeft') {
+                handleChange('decrement');
+            }
+        }
+        document.addEventListener('keydown', handleKeyboardEvent);
+        return () => {
+            document.removeEventListener('keydown', handleKeyboardEvent);
+        };
+    }, [handleChange, isFocused]);
+    (0, react_1.useEffect)(() => {
+        function handleClickOutside(event) {
+            if (innerWrapperRef.current && !innerWrapperRef.current.contains(event.target)) {
+                setIsFocused(false);
+            }
+        }
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [innerWrapperRef]);
+    const handleChangeInput = (values) => {
+        const { floatValue } = values;
+        onInputValueChange(Number(floatValue));
+    };
+    const onPressInnerWrapper = () => {
+        setIsFocused(true);
+        innerInputRef.current?.focus?.();
+    };
+    return {
+        hasValue,
+        hasError,
+        errorMessage,
+        inputValue: inputValue || min,
+        isFocused,
+        incrementDisabled,
+        decrementDisabled,
+        innerInputRef,
+        innerWrapperRef,
+        handleBlur,
+        handleFocus,
+        handleChange,
+        handleChangeInput,
+        onPressInnerWrapper,
+        fieldHandle,
+        wrapperRef,
+    };
+}
+//# sourceMappingURL=useNumberIncrement.js.map

package/dist/components/NumberIncrement/useNumberIncrement.js.map

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

package/dist/components/Overlay/index.js

@@ -0,0 +1,62 @@
+"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 });
+exports.Overlay = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const Touchable_1 = require("../Touchable");
+const View_1 = require("../View");
+const lib_1 = require("../../lib");
+const WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
+const useStylesFor_1 = require("../../lib/hooks/useStylesFor");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+/**
+ * Visually hidden overlay that transitions to visible state and registers a
+ * browser pop-state entry so the back button can dismiss it.
+ * Renders as `Touchable` when `onPress` or `onClick` is provided, otherwise as `View`.
+ * Uses: `Touchable`, `View`, `useStylesFor`, `WebStyleRegistry`
+ */
+const Overlay = (overlayProps) => {
+    const { visible, style, ...props } = {
+        ...exports.Overlay.defaultProps,
+        ...overlayProps,
+    };
+    const styles = (0, useStylesFor_1.useStylesFor)(exports.Overlay.styleRegistryName, style);
+    (0, lib_1.usePopState)(visible, props?.onPress);
+    const isPressable = !!props?.onClick || !!props?.onPress;
+    if (isPressable) {
+        return ((0, jsx_runtime_1.jsx)(Touchable_1.Touchable, { ...props, style: [
+                { transition: 'opacity 0.2s ease' },
+                styles.wrapper,
+                visible ? styles['wrapper:visible'] : null,
+            ] }));
+    }
+    return ((0, jsx_runtime_1.jsx)(View_1.View, { ...props, style: [
+            { transition: 'opacity 0.2s ease' },
+            styles.wrapper,
+            visible ? styles['wrapper:visible'] : null,
+        ] }));
+};
+exports.Overlay = Overlay;
+exports.Overlay.styleRegistryName = 'Overlay';
+exports.Overlay.elements = ['wrapper'];
+exports.Overlay.rootElement = 'wrapper';
+exports.Overlay.withVariantTypes = (styles) => {
+    return exports.Overlay;
+};
+exports.Overlay.defaultProps = {};
+WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.Overlay);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Overlay/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,4CAAwC;AACxC,kCAA8B;AAC9B,mCAAuC;AACvC,iEAA6D;AAE7D,+DAA2D;AAG3D,2CAAwB;AACxB,0CAAuB;AAEvB;;;;;GAKG;AACI,MAAM,OAAO,GAAG,CAAC,YAA0B,EAAE,EAAE;IACpD,MAAM,EACJ,OAAO,EACP,KAAK,EACL,GAAG,KAAK,EACT,GAAG;QACF,GAAG,eAAO,CAAC,YAAY;QACvB,GAAG,YAAY;KAChB,CAAA;IAED,MAAM,MAAM,GAAG,IAAA,2BAAY,EAAC,eAAO,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAE7D,IAAA,iBAAW,EAAC,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,CAAA;IAEpC,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,EAAE,OAAO,IAAI,CAAC,CAAC,KAAK,EAAE,OAAO,CAAA;IAExD,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,CACL,uBAAC,qBAAS,OACJ,KAAK,EACT,KAAK,EAAE;gBACL,EAAE,UAAU,EAAE,mBAAmB,EAAE;gBACnC,MAAM,CAAC,OAAO;gBACd,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,IAAI;aAC3C,GACD,CACH,CAAA;IACH,CAAC;IAED,OAAO,CACL,uBAAC,WAAI,OACC,KAAK,EACT,KAAK,EAAE;YACL,EAAE,UAAU,EAAE,mBAAmB,EAAE;YACnC,MAAM,CAAC,OAAO;YACd,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,IAAI;SAC3C,GACD,CACH,CAAA;AACH,CAAC,CAAA;AAvCY,QAAA,OAAO,WAuCnB;AAED,eAAO,CAAC,iBAAiB,GAAG,SAAS,CAAA;AACrC,eAAO,CAAC,QAAQ,GAAG,CAAC,SAAS,CAAC,CAAA;AAC9B,eAAO,CAAC,WAAW,GAAG,SAAS,CAAA;AAE/B,eAAO,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IAC5D,OAAO,eAA6E,CAAA;AACtF,CAAC,CAAA;AAED,eAAO,CAAC,YAAY,GAAG,EAA2B,CAAA;AAElD,mCAAgB,CAAC,iBAAiB,CAAC,eAAO,CAAC,CAAA"}

package/dist/components/Overlay/styles.js

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

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

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

package/dist/components/Overlay/types.js

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

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

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

package/dist/components/PaginationButtons/index.js

@@ -0,0 +1,118 @@
+"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 });
+exports.PaginationButtons = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const types_1 = require("@codeleap/types");
+const View_1 = require("../View");
+const Button_1 = require("../Button");
+const lib_1 = require("../../lib");
+const styles_1 = require("@codeleap/styles");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+/**
+ * Numbered page-navigation control with optional previous/next arrow buttons and responsive abbreviation of middle pages.
+ * Abbreviation behaviour and mobile layout are auto-detected from the `tabletSmall` theme breakpoint but can be overridden via props.
+ * Uses: `Button`
+ */
+const PaginationButtons = (props) => {
+    const allProps = {
+        ...exports.PaginationButtons.defaultProps,
+        ...props,
+    };
+    const { shouldAbbreviate, displayLeftArrow, displayRightArrow, disabled, style, itemProps, controlLeftIconName, controlRightIconName, leftArrowButtonProps, rightArrowButtonProps, abbreviationSymbol, isMobile, ...paginationProps } = allProps;
+    const themeMedia = (0, styles_1.useTheme)(store => store?.theme?.media);
+    const { boundaries = 2 } = paginationProps;
+    const query = themeMedia?.down('tabletSmall');
+    const _isMobile = (0, lib_1.useMediaQuery)(query);
+    const isMobileQuery = types_1.TypeGuards.isBoolean(isMobile) ? isMobile : _isMobile;
+    const centeredElementIndex = isMobileQuery ? 3 : boundaries + 1;
+    const { range, first, next, previous, setPage, page, status, } = (0, lib_1.usePagination)({
+        abbreviationSymbol,
+        isMobile: isMobileQuery,
+        displayLeftArrow,
+        displayRightArrow,
+        shouldAbbreviate,
+        ...paginationProps,
+    });
+    const styles = (0, lib_1.useStylesFor)(exports.PaginationButtons.styleRegistryName, style);
+    const compositionStyles = (0, styles_1.useCompositionStyles)(['button', 'arrowLeftButton', 'arrowRightButton'], styles);
+    const fetchPreviousPage = () => {
+        props?.onFetchPreviousPage?.();
+        previous?.();
+    };
+    const fetchNextPage = () => {
+        props?.onFetchNextPage?.();
+        next?.();
+    };
+    const fetchPage = (page) => {
+        setPage?.(page);
+    };
+    const onPressItem = ({ item, isArrowLeft, isArrowRight }) => {
+        if (item === abbreviationSymbol) {
+            return null;
+        }
+        if (isArrowLeft) {
+            if (displayLeftArrow) {
+                return fetchPreviousPage();
+            }
+            else {
+                return first();
+            }
+        }
+        if (displayRightArrow && isArrowRight) {
+            return fetchNextPage();
+        }
+        props?.onPressItem?.(item);
+        fetchPage(Number(item));
+    };
+    return ((0, jsx_runtime_1.jsxs)(View_1.View, { style: styles.wrapper, children: [displayLeftArrow ? ((0, jsx_runtime_1.jsx)(Button_1.Button, { icon: controlLeftIconName, onPress: () => onPressItem({ item: null, isArrowLeft: true, isArrowRight: false }), ...leftArrowButtonProps, style: compositionStyles.arrowLeftButton })) : null, range?.map?.((item, index) => {
+                if (props?.renderItem) {
+                    return props?.renderItem?.(item, index);
+                }
+                let selected = null;
+                switch (status) {
+                    case 'initial':
+                        selected = page === index + 1;
+                        break;
+                    case 'abreviated':
+                        selected = index === centeredElementIndex - 1;
+                        break;
+                    case 'end':
+                        selected = page - (Number(item) - index) === index;
+                }
+                return ((0, jsx_runtime_1.jsx)(Button_1.Button, { text: String(item), selected: selected, onPress: () => onPressItem({ item, isArrowLeft: false, isArrowRight: false }), disabled: disabled, ...itemProps, style: compositionStyles.button }));
+            }), displayRightArrow ? ((0, jsx_runtime_1.jsx)(Button_1.Button, { icon: controlRightIconName, onPress: () => onPressItem({ item: null, isArrowLeft: false, isArrowRight: true }), ...rightArrowButtonProps, style: compositionStyles.arrowRightButton })) : null] }));
+};
+exports.PaginationButtons = PaginationButtons;
+exports.PaginationButtons.styleRegistryName = 'PaginationButtons';
+exports.PaginationButtons.elements = ['wrapper', 'button', 'arrowLeftButton', 'arrowRightButton'];
+exports.PaginationButtons.rootElement = 'wrapper';
+exports.PaginationButtons.withVariantTypes = (styles) => {
+    return exports.PaginationButtons;
+};
+exports.PaginationButtons.defaultProps = {
+    shouldAbbreviate: true,
+    displayLeftArrow: true,
+    displayRightArrow: true,
+    disabled: false,
+    isMobile: null,
+    abbreviationSymbol: '...',
+    controlLeftIconName: 'chevron-left',
+    controlRightIconName: 'chevron-right',
+};
+lib_1.WebStyleRegistry.registerComponent(exports.PaginationButtons);
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/PaginationButtons/styles.js

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

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

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

package/dist/components/PaginationButtons/types.js

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

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

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

package/dist/components/PaginationIndicator/index.js

@@ -0,0 +1,59 @@
+"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 });
+exports.PaginationIndicator = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const types_1 = require("@codeleap/types");
+const ActivityIndicator_1 = require("../ActivityIndicator");
+const Text_1 = require("../Text");
+const View_1 = require("../View");
+const useStylesFor_1 = require("../../lib/hooks/useStylesFor");
+const WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
+const styles_1 = require("@codeleap/styles");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+/**
+ * Status indicator placed at the bottom of a paginated or infinite-scroll list — shows a spinner while fetching, a "no more items" message when exhausted, or nothing otherwise.
+ * Uses: `ActivityIndicator`, `Text`
+ */
+const PaginationIndicator = (props) => {
+    const { hasMore, isFetching, noMoreItemsText, activityIndicator, style, indicatorProps, debugName, } = {
+        ...exports.PaginationIndicator.defaultProps,
+        ...props,
+    };
+    const styles = (0, useStylesFor_1.useStylesFor)(exports.PaginationIndicator.styleRegistryName, style);
+    const loaderStyles = (0, styles_1.useNestedStylesByKey)('loader', styles);
+    if (isFetching) {
+        return activityIndicator || ((0, jsx_runtime_1.jsx)(View_1.View, { style: styles.wrapper, children: (0, jsx_runtime_1.jsx)(ActivityIndicator_1.ActivityIndicator, { debugName: debugName, ...indicatorProps, style: loaderStyles }) }));
+    }
+    if (!hasMore) {
+        if (types_1.TypeGuards.isString(noMoreItemsText) || types_1.TypeGuards.isNumber(noMoreItemsText)) {
+            return ((0, jsx_runtime_1.jsx)(View_1.View, { style: styles.wrapper, children: (0, jsx_runtime_1.jsx)(Text_1.Text, { debugName: debugName, style: styles.text, text: String(noMoreItemsText) }) }));
+        }
+        return noMoreItemsText;
+    }
+    return null;
+};
+exports.PaginationIndicator = PaginationIndicator;
+exports.PaginationIndicator.styleRegistryName = 'PaginationIndicator';
+exports.PaginationIndicator.elements = ['wrapper', 'text', 'loader'];
+exports.PaginationIndicator.rootElement = 'wrapper';
+exports.PaginationIndicator.withVariantTypes = (styles) => {
+    return exports.PaginationIndicator;
+};
+exports.PaginationIndicator.defaultProps = {};
+WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.PaginationIndicator);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PaginationIndicator/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,2CAA4C;AAC5C,4DAAwD;AACxD,kCAA8B;AAC9B,kCAA8B;AAC9B,+DAA2D;AAE3D,iEAA6D;AAC7D,6CAA8F;AAE9F,2CAAwB;AACxB,0CAAuB;AAEvB;;;GAGG;AACI,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACrE,MAAM,EACJ,OAAO,EACP,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,KAAK,EACL,cAAc,EACd,SAAS,GACV,GAAG;QACF,GAAG,2BAAmB,CAAC,YAAY;QACnC,GAAG,KAAK;KACT,CAAA;IAED,MAAM,MAAM,GAAG,IAAA,2BAAY,EAAC,2BAAmB,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAEzE,MAAM,YAAY,GAAG,IAAA,6BAAoB,EAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;IAE3D,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,iBAAiB,IAAI,CAC1B,uBAAC,WAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,YACzB,uBAAC,qCAAiB,IAAC,SAAS,EAAE,SAAS,KAAM,cAAc,EAAE,KAAK,EAAE,YAAY,GAAI,GAC/E,CACR,CAAA;IACH,CAAC;IAED,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,IAAI,kBAAU,CAAC,QAAQ,CAAC,eAAe,CAAC,IAAI,kBAAU,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC;YACjF,OAAO,CACL,uBAAC,WAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,YACzB,uBAAC,WAAI,IACH,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,IAAI,EAAE,MAAM,CAAC,eAAe,CAAC,GAC7B,GACG,CACR,CAAA;QACH,CAAC;QAED,OAAO,eAAe,CAAA;IACxB,CAAC;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AA3CY,QAAA,mBAAmB,uBA2C/B;AAED,2BAAmB,CAAC,iBAAiB,GAAG,qBAAqB,CAAA;AAC7D,2BAAmB,CAAC,QAAQ,GAAG,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAA;AAC5D,2BAAmB,CAAC,WAAW,GAAG,SAAS,CAAA;AAE3C,2BAAmB,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IACxE,OAAO,2BAAqG,CAAA;AAC9G,CAAC,CAAA;AAED,2BAAmB,CAAC,YAAY,GAAG,EAAuC,CAAA;AAE1E,mCAAgB,CAAC,iBAAiB,CAAC,2BAAmB,CAAC,CAAA"}

package/dist/components/PaginationIndicator/styles.js

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

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

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

package/dist/components/PaginationIndicator/types.js

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

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

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

package/dist/components/Progress/Bar/Segmented.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProgressBarSegmented = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("motion/react");
+const components_1 = require("../../components");
+const WebStyleRegistry_1 = require("../../../lib/WebStyleRegistry");
+const styles_1 = require("@codeleap/styles");
+const useStylesFor_1 = require("../../../lib/hooks/useStylesFor");
+/**
+ * Horizontal progress bar made up of N discrete pill segments.
+ * Active segments (index < `progress`) receive `styles.segmentActive` merged on top of `styles.segment`.
+ * When `animated` is true each active segment fades in with a staggered delay.
+ */
+const ProgressBarSegmented = (props) => {
+    const { progress, segments, style, debugName, animated, animatedProps, staggerDelay, ...rest } = {
+        ...exports.ProgressBarSegmented.defaultProps,
+        ...props,
+    };
+    const styles = (0, useStylesFor_1.useStylesFor)(exports.ProgressBarSegmented.styleRegistryName, style);
+    const SegmentComponent = animated ? react_1.motion.div : 'div';
+    return ((0, jsx_runtime_1.jsx)(components_1.View, { debugName: debugName, ...rest, style: styles.wrapper, children: Array.from({ length: segments }, (_, i) => {
+            const isActive = i < progress;
+            return ((0, jsx_runtime_1.jsx)(SegmentComponent, { css: (0, styles_1.mergeStyles)([styles.segment, isActive ? styles.segmentActive : null]), animate: animated ? { opacity: isActive ? 1 : 0.4 } : undefined, initial: animated ? { opacity: 0.4 } : undefined, transition: animated ? { delay: isActive ? i * staggerDelay : 0, duration: 0.2 } : undefined, ...(animated ? animatedProps : {}) }, i));
+        }) }));
+};
+exports.ProgressBarSegmented = ProgressBarSegmented;
+exports.ProgressBarSegmented.styleRegistryName = 'ProgressBarSegmented';
+exports.ProgressBarSegmented.elements = ['wrapper', 'segment', 'segmentActive'];
+exports.ProgressBarSegmented.rootElement = 'wrapper';
+exports.ProgressBarSegmented.withVariantTypes = (styles) => {
+    return exports.ProgressBarSegmented;
+};
+exports.ProgressBarSegmented.defaultProps = {
+    progress: 0,
+    segments: 5,
+    animated: true,
+    staggerDelay: 0.05,
+};
+WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.ProgressBarSegmented);
+//# sourceMappingURL=Segmented.js.map

package/dist/components/Progress/Bar/Segmented.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Segmented.js","sourceRoot":"","sources":["../../../../src/components/Progress/Bar/Segmented.tsx"],"names":[],"mappings":";;;;AAAA,wCAAqC;AACrC,iDAAuC;AAEvC,oEAAgE;AAChE,6CAAqF;AACrF,kEAA8D;AAE9D;;;;GAIG;AACI,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAE,EAAE;IACvE,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAS,EACT,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,GAAG,IAAI,EACR,GAAG;QACF,GAAG,4BAAoB,CAAC,YAAY;QACpC,GAAG,KAAK;KACT,CAAA;IAED,MAAM,MAAM,GAAG,IAAA,2BAAY,EAAC,4BAAoB,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAE1E,MAAM,gBAAgB,GAAQ,QAAQ,CAAC,CAAC,CAAC,cAAM,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAA;IAE3D,OAAO,CACL,uBAAC,iBAAI,IAAC,SAAS,EAAE,SAAS,KAAM,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,OAAO,YACxD,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACzC,MAAM,QAAQ,GAAG,CAAC,GAAG,QAAQ,CAAA;YAC7B,OAAO,CACL,uBAAC,gBAAgB,IAEf,GAAG,EAAE,IAAA,oBAAW,EAAC,CAAC,MAAM,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAC1E,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS,EAC/D,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS,EAChD,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS,KACxF,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,IAL9B,CAAC,CAMN,CACH,CAAA;QACH,CAAC,CAAC,GACG,CACR,CAAA;AACH,CAAC,CAAA;AApCY,QAAA,oBAAoB,wBAoChC;AAED,4BAAoB,CAAC,iBAAiB,GAAG,sBAAsB,CAAA;AAC/D,4BAAoB,CAAC,QAAQ,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,eAAe,CAAC,CAAA;AACvE,4BAAoB,CAAC,WAAW,GAAG,SAAS,CAAA;AAE5C,4BAAoB,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IACzE,OAAO,4BAAuG,CAAA;AAChH,CAAC,CAAA;AAED,4BAAoB,CAAC,YAAY,GAAG;IAClC,QAAQ,EAAE,CAAC;IACX,QAAQ,EAAE,CAAC;IACX,QAAQ,EAAE,IAAI;IACd,YAAY,EAAE,IAAI;CACmB,CAAA;AAEvC,mCAAgB,CAAC,iBAAiB,CAAC,4BAAoB,CAAC,CAAA"}

package/dist/components/Progress/Bar/index.js

@@ -0,0 +1,62 @@
+"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 });
+exports.ProgressBar = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const types_1 = require("@codeleap/types");
+const react_1 = require("motion/react");
+const components_1 = require("../../components");
+const utils_1 = require("../utils");
+const WebStyleRegistry_1 = require("../../../lib/WebStyleRegistry");
+const styles_1 = require("@codeleap/styles");
+const useStylesFor_1 = require("../../../lib/hooks/useStylesFor");
+const Segmented_1 = require("./Segmented");
+__exportStar(require("./types"), exports);
+__exportStar(require("./styles"), exports);
+/**
+ * Horizontal progress bar with optional left/right icons and labels.
+ * The indicator fills via a `scaleX` transform animated with Framer Motion when `animated` is true.
+ * Uses: `Icon`, `Text`
+ */
+const ProgressBar = (props) => {
+    const { progress, style, debugName, formatProgress, showProgress, animated, animatedProps, leftIcon, leftIconProps, rightIcon, rightIconProps, text, textProps, leftText, leftTextProps, rightText, rightTextProps, ...rest } = {
+        ...exports.ProgressBar.defaultProps,
+        ...props,
+    };
+    const styles = (0, useStylesFor_1.useStylesFor)(exports.ProgressBar.styleRegistryName, style);
+    const leftIconStyles = (0, styles_1.mergeStyles)([styles.icon, styles.leftIcon]);
+    const rightIconStyles = (0, styles_1.mergeStyles)([styles.icon, styles.rightIcon]);
+    const leftTextStyles = (0, styles_1.mergeStyles)([styles.text, styles.leftText]);
+    const rightTextStyles = (0, styles_1.mergeStyles)([styles.text, styles.rightText]);
+    const IndicatorComponent = animated ? react_1.motion.div : 'div';
+    return ((0, jsx_runtime_1.jsxs)(components_1.View, { debugName: debugName, ...rest, style: styles.wrapper, children: [!types_1.TypeGuards.isNil(leftIcon) ? ((0, jsx_runtime_1.jsx)(components_1.Icon, { icon: leftIcon, debugName: `leftIcon-${debugName}`, ...leftIconProps, style: leftIconStyles })) : null, types_1.TypeGuards.isString(leftText) ? ((0, jsx_runtime_1.jsx)(components_1.Text, { text: leftText, ...leftTextProps, style: leftTextStyles })) : leftText, (0, jsx_runtime_1.jsx)("div", { css: styles.track, role: 'progressbar', "aria-valuenow": progress, "aria-valuemin": 0, "aria-valuemax": 100, children: (0, jsx_runtime_1.jsx)(IndicatorComponent, { css: styles.indicator, style: { transformOrigin: 'left' }, animate: animated ? { scaleX: progress / 100 } : undefined, initial: animated ? { scaleX: 0 } : undefined, transition: animated ? { duration: 0.6, ease: [0.65, 0, 0.35, 1] } : undefined, ...(animated ? animatedProps : {}) }) }), types_1.TypeGuards.isString(text) || showProgress ? ((0, jsx_runtime_1.jsx)(components_1.Text, { text: showProgress ? formatProgress(progress) : text, ...textProps, style: styles.text })) : text, !types_1.TypeGuards.isNil(rightIcon) ? ((0, jsx_runtime_1.jsx)(components_1.Icon, { icon: rightIcon, debugName: `rightIcon-${debugName}`, ...rightIconProps, style: rightIconStyles })) : null, types_1.TypeGuards.isString(rightText) ? ((0, jsx_runtime_1.jsx)(components_1.Text, { text: rightText, ...rightTextProps, style: rightTextStyles })) : rightText] }));
+};
+exports.ProgressBar = ProgressBar;
+exports.ProgressBar.styleRegistryName = 'ProgressBar';
+exports.ProgressBar.elements = ['wrapper', 'track', 'indicator', 'text', 'icon', 'leftIcon', 'leftText', 'rightIcon', 'rightText'];
+exports.ProgressBar.rootElement = 'wrapper';
+exports.ProgressBar.withVariantTypes = (styles) => {
+    return exports.ProgressBar;
+};
+exports.ProgressBar.defaultProps = {
+    progress: 0,
+    showProgress: false,
+    formatProgress: utils_1.formatProgress,
+    animated: true,
+};
+exports.ProgressBar.Segmented = Segmented_1.ProgressBarSegmented;
+WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.ProgressBar);
+//# sourceMappingURL=index.js.map

package/dist/components/Progress/Bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Progress/Bar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,2CAA4C;AAC5C,wCAAqC;AACrC,iDAAmD;AAEnD,oCAA4D;AAC5D,oEAAgE;AAChE,6CAAqF;AACrF,kEAA8D;AAC9D,2CAAkD;AAElD,0CAAuB;AACvB,2CAAwB;AAExB;;;;GAIG;AACI,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACrD,MAAM,EACJ,QAAQ,EACR,KAAK,EACL,SAAS,EACT,cAAc,EACd,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,aAAa,EACb,SAAS,EACT,cAAc,EACd,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,aAAa,EACb,SAAS,EACT,cAAc,EACd,GAAG,IAAI,EACR,GAAG;QACF,GAAG,mBAAW,CAAC,YAAY;QAC3B,GAAG,KAAK;KACT,CAAA;IAED,MAAM,MAAM,GAAG,IAAA,2BAAY,EAAC,mBAAW,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAEjE,MAAM,cAAc,GAAG,IAAA,oBAAW,EAAC,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAA;IAClE,MAAM,eAAe,GAAG,IAAA,oBAAW,EAAC,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC,CAAA;IAEpE,MAAM,cAAc,GAAG,IAAA,oBAAW,EAAC,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAA;IAClE,MAAM,eAAe,GAAG,IAAA,oBAAW,EAAC,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC,CAAA;IAEpE,MAAM,kBAAkB,GAAQ,QAAQ,CAAC,CAAC,CAAC,cAAM,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAA;IAE7D,OAAO,CACL,wBAAC,iBAAI,IAAC,SAAS,EAAE,SAAS,KAAM,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,OAAO,aACxD,CAAC,kBAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAC7B,uBAAC,iBAAI,IACH,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,YAAY,SAAS,EAAE,KAC9B,aAAa,EACjB,KAAK,EAAE,cAAc,GACrB,CACH,CAAC,CAAC,CAAC,IAAI,EACP,kBAAU,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAC/B,uBAAC,iBAAI,IACH,IAAI,EAAE,QAAQ,KACV,aAAa,EACjB,KAAK,EAAE,cAAc,GACrB,CACH,CAAC,CAAC,CAAC,QAAQ,EAEZ,gCACE,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,IAAI,EAAC,aAAa,mBACH,QAAQ,mBACR,CAAC,mBACD,GAAG,YAElB,uBAAC,kBAAkB,IACjB,GAAG,EAAE,MAAM,CAAC,SAAS,EACrB,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,EAClC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS,EAC1D,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAC7C,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,KAC1E,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,GACnC,GACE,EAEL,kBAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,CAC3C,uBAAC,iBAAI,IACH,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,KAChD,SAAS,EACb,KAAK,EAAE,MAAM,CAAC,IAAI,GAClB,CACH,CAAC,CAAC,CAAC,IAAI,EAEP,CAAC,kBAAU,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAC9B,uBAAC,iBAAI,IACH,IAAI,EAAE,SAAS,EACf,SAAS,EAAE,aAAa,SAAS,EAAE,KAC/B,cAAc,EAClB,KAAK,EAAE,eAAe,GACtB,CACH,CAAC,CAAC,CAAC,IAAI,EACP,kBAAU,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAChC,uBAAC,iBAAI,IACH,IAAI,EAAE,SAAS,KACX,cAAc,EAClB,KAAK,EAAE,eAAe,GACtB,CACH,CAAC,CAAC,CAAC,SAAS,IACR,CACR,CAAA;AACH,CAAC,CAAA;AA/FY,QAAA,WAAW,eA+FvB;AAED,mBAAW,CAAC,iBAAiB,GAAG,aAAa,CAAA;AAC7C,mBAAW,CAAC,QAAQ,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,CAAC,CAAA;AAC1H,mBAAW,CAAC,WAAW,GAAG,SAAS,CAAA;AAEnC,mBAAW,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IAChE,OAAO,mBAAqF,CAAA;AAC9F,CAAC,CAAA;AAED,mBAAW,CAAC,YAAY,GAAG;IACzB,QAAQ,EAAE,CAAC;IACX,YAAY,EAAE,KAAK;IACnB,cAAc,EAAE,sBAAe;IAC/B,QAAQ,EAAE,IAAI;CACc,CAAA;AAE9B,mBAAW,CAAC,SAAS,GAAG,gCAAoB,CAAA;AAE5C,mCAAgB,CAAC,iBAAiB,CAAC,mBAAW,CAAC,CAAA"}

package/dist/components/Progress/Bar/styles.js

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

package/dist/components/Progress/Bar/styles.js.map

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

package/dist/components/Progress/Bar/types.js

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

package/dist/components/Progress/Bar/types.js.map

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