@codeleap/mobile 7.0.0 → 7.0.2

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

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

package/dist/components/SearchInput/index.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { forwardRef, useCallback, useState } from 'react';
+import { TextInput } from '../TextInput';
+import { TypeGuards } from '@codeleap/types';
+export const SearchInput = forwardRef((props, ref) => {
+    const { debugName, onClear, onSearchChange, onTypingChange, clearIcon, searchIcon, debounce, placeholder, value, onValueChange, showClear, ...others } = {
+        ...SearchInput.defaultProps,
+        ...props,
+    };
+    /** When `value` + `onValueChange` are both provided the component is fully controlled — the internal `useState` is skipped entirely, so the caller owns the displayed text and must update it on every keystroke. */
+    const [search, setSearch] = !TypeGuards.isNil(value) && !!onValueChange ? [value, onValueChange] : useState('');
+    const setSearchTimeout = React.useRef(null);
+    const handleChangeSearch = useCallback((value) => {
+        onTypingChange?.(true);
+        setSearch(value);
+        if (TypeGuards.isNil(debounce)) {
+            onSearchChange?.(value);
+        }
+        else {
+            if (setSearchTimeout.current) {
+                clearTimeout(setSearchTimeout.current);
+                setSearchTimeout.current = null;
+            }
+            setSearchTimeout.current = setTimeout(() => {
+                onSearchChange(value);
+                onTypingChange?.(false);
+            }, debounce ?? 0);
+        }
+    }, [onSearchChange, onTypingChange]);
+    const handleClear = useCallback(() => {
+        setSearch('');
+        onSearchChange?.('');
+        onClear?.();
+    }, []);
+    return (_jsx(TextInput, { value: search, onValueChange: handleChangeSearch, placeholder: placeholder, debugName: `Search ${debugName}`, rightIcon: (showClear?.(search) ?? true) && {
+            name: clearIcon,
+            onPress: handleClear,
+        }, leftIcon: {
+            name: searchIcon,
+        }, ref: ref, ...others }));
+});
+SearchInput.defaultProps = {
+    debounce: 500,
+    clearIcon: 'x',
+    searchIcon: 'search',
+    showClear: (s) => !!s?.trim?.()
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SearchInput/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGhE,OAAO,EAAkB,SAAS,EAAE,MAAM,cAAc,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAyB5C,MAAM,CAAC,MAAM,WAAW,GAAc,UAAU,CAAC,CAAC,KAAuB,EAAE,GAAG,EAAE,EAAE;IAChF,MAAM,EACJ,SAAS,EACT,OAAO,EACP,cAAc,EACd,cAAc,EACd,SAAS,EACT,UAAU,EACV,QAAQ,EACR,WAAW,EACX,KAAK,EACL,aAAa,EACb,SAAS,EACT,GAAG,MAAM,EACV,GAAG;QACF,GAAG,WAAW,CAAC,YAAY;QAC3B,GAAG,KAAK;KACT,CAAA;IAED,qNAAqN;IACrN,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;IAE/G,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAuC,IAAI,CAAC,CAAA;IAEjF,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,KAAa,EAAE,EAAE;QACvD,cAAc,EAAE,CAAC,IAAI,CAAC,CAAA;QAEtB,SAAS,CAAC,KAAK,CAAC,CAAA;QAEhB,IAAI,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC/B,cAAc,EAAE,CAAC,KAAK,CAAC,CAAA;QACzB,CAAC;aAAM,CAAC;YACN,IAAI,gBAAgB,CAAC,OAAO,EAAE,CAAC;gBAC7B,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAA;gBACtC,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAA;YACjC,CAAC;YAED,gBAAgB,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBACzC,cAAc,CAAC,KAAK,CAAC,CAAA;gBACrB,cAAc,EAAE,CAAC,KAAK,CAAC,CAAA;YACzB,CAAC,EAAE,QAAQ,IAAI,CAAC,CAAC,CAAA;QACnB,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC,CAAA;IAEpC,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,SAAS,CAAC,EAAE,CAAC,CAAA;QACb,cAAc,EAAE,CAAC,EAAE,CAAC,CAAA;QACpB,OAAO,EAAE,EAAE,CAAA;IACb,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EAAE,MAAM,EACb,aAAa,EAAE,kBAAkB,EACjC,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,UAAU,SAAS,EAAE,EAChC,SAAS,EAAE,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI;YAC1C,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,WAAW;SACrB,EACD,QAAQ,EAAE;YACR,IAAI,EAAE,UAAU;SACjB,EACD,GAAG,EAAE,GAAU,KACX,MAAM,GACV,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,WAAW,CAAC,YAAY,GAAG;IACzB,QAAQ,EAAE,GAAG;IACb,SAAS,EAAE,GAAc;IACzB,UAAU,EAAE,QAAmB;IAC/B,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE;CACH,CAAA"}

package/dist/components/SectionFilters/context.js

@@ -0,0 +1,6 @@
+import { createContext, useContext } from 'react';
+export const SectionsFilterContext = createContext({});
+export function useSectionFiltersContext() {
+    return useContext(SectionsFilterContext);
+}
+//# sourceMappingURL=context.js.map

package/dist/components/SectionFilters/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/components/SectionFilters/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUjD,MAAM,CAAC,MAAM,qBAAqB,GAAG,aAAa,CAAC,EAA4B,CAAC,CAAA;AAEhF,MAAM,UAAU,wBAAwB;IACtC,OAAO,UAAU,CAAC,qBAAqB,CAA8B,CAAA;AACvE,CAAC"}

package/dist/components/SectionFilters/index.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TypeGuards } from '@codeleap/types';
+import { memoBy } from '@codeleap/utils';
+import { Button } from '../Button';
+import { Sections } from '../Sections';
+import { Text } from '../Text';
+import { SectionsFilterContext, useSectionFiltersContext } from './context';
+import { useSectionFilters } from './useSectionFilters';
+export * from './types';
+export * from './context';
+export * from './useSectionFilters';
+const SectionComponent = memoBy((props) => {
+    const { renderWith: Component, index } = props;
+    const handle = useSectionFiltersContext();
+    if (!Component)
+        return null;
+    return (_jsx(Component, { ...props, selectedItems: handle.selectedItems[index] ?? [], clearSelectedItems: () => handle.clearSelectedItemsWithSection(index) }));
+}, ['renderWith']);
+/**
+ * `handle` can be provided externally to make the filter state controlled from outside;
+ * if omitted, an internal `useSectionFilters` instance is created from the same props.
+ * Either way, the handle is published to `SectionsFilterContext` so `renderSectionHeader`
+ * and `renderSectionFooter` can read per-section selection state via `useSectionFiltersContext`.
+ */
+export function SectionFilters(props) {
+    const { sections, renderItem: RenderItem, renderSectionHeader, renderSectionFooter, children, ...rest } = {
+        ...SectionFilters.defaultProps,
+        ...props,
+    };
+    const handle = props.handle ?? useSectionFilters(props);
+    const renderItem = (section) => {
+        const hasSection = !TypeGuards.isNil(section?.index) && !TypeGuards.isNil(section);
+        const sectionLimitReached = hasSection && handle.sectionLimitReached(section?.index);
+        const limitReached = handle.limitReached();
+        const disableOnReachLimit = handle.disableItemsOnLimitReached;
+        const disableNonSelectedItems = (limitReached || sectionLimitReached) && disableOnReachLimit;
+        const isSelected = handle.isSelected(section?.item);
+        const isDisabled = disableNonSelectedItems && !isSelected;
+        return (_jsx(RenderItem, { ...section, onPress: () => handle.toggleItem(section?.item), selected: isSelected, disabled: isDisabled, text: section?.item?.label }));
+    };
+    return (_jsxs(SectionsFilterContext.Provider, { value: handle, children: [_jsx(Sections, { ...rest, sections: sections, renderItem: renderItem, renderSectionHeader: (props) => _jsx(SectionComponent, { ...props, renderWith: renderSectionHeader }), renderSectionFooter: (props) => _jsx(SectionComponent, { ...props, renderWith: renderSectionFooter }) }), children] }));
+}
+SectionFilters.defaultProps = {
+    renderItem: Button,
+    renderSectionHeader: ({ title }) => _jsx(Text, { text: title })
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/SectionFilters/types.js

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

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

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

package/dist/components/SectionFilters/useSectionFilters.js

@@ -0,0 +1,148 @@
+import { TypeGuards } from '@codeleap/types';
+import { deepEqual } from '@codeleap/utils';
+import React, { useCallback } from 'react';
+/**
+ * All selection state is owned internally — this hook is uncontrolled.
+ * Pass `initialSelectedItems` to seed state; after mount, changes are only possible
+ * through `toggleItem` / `clearSelectedItemsWithSection`.
+ * `onToggleItem` can intercept a toggle and return `true` to prevent the internal
+ * state update (useful for controlled scenarios without rewriting the whole hook).
+ * When `selectionLimit === 1` the entire per-section array is replaced on toggle
+ * rather than appended, so de-selecting by re-tapping the same item is not supported
+ * at limit=1 — tapping a new item simply replaces the previous selection.
+ */
+export function useSectionFilters(props) {
+    const { sections, areItemsEqual = deepEqual, selectionLimit = 1, sectionSelectionLimit = null, disableItemsOnLimitReached = selectionLimit > 1 && !sectionSelectionLimit, initialSelectedItems = [], onToggleItem, } = props;
+    /** When `initialSelectedItems` is a plain array (no section keys), it is assigned to
+     *  section index 0 so single-section callers don't have to wrap in an object. */
+    const [selectedItems, setSelectedItems] = React.useState(() => {
+        if (TypeGuards.isArray(initialSelectedItems)) {
+            return {
+                0: initialSelectedItems,
+            };
+        }
+        return initialSelectedItems ?? {};
+    });
+    const changed = useCallback(() => {
+        return Object.entries(selectedItems).some(([sectionIndex, items]) => {
+            const initialItems = initialSelectedItems[sectionIndex] ?? [];
+            if (!initialItems) {
+                return items.length > 0;
+            }
+            if (items.length !== initialItems.length) {
+                return true;
+            }
+            return items.some((item) => !initialItems.some((i) => areItemsEqual(i, item)));
+        });
+    }, [selectedItems, initialSelectedItems]);
+    const getAllItems = () => {
+        return sections?.flatMap((section) => section.data) ?? [];
+    };
+    const findItemSection = (item) => {
+        if (!sections) {
+            return {
+                sectionIndex: 0,
+                section: null,
+            };
+        }
+        const sectionIndex = sections?.findIndex((section) => {
+            return section.data.some((i) => areItemsEqual(item, i));
+        });
+        if (sectionIndex === -1) {
+            return {
+                sectionIndex: null,
+                section: null,
+            };
+        }
+        const section = sections[sectionIndex];
+        return {
+            sectionIndex,
+            section,
+        };
+    };
+    const isSelected = (item) => {
+        if (sections) {
+            const { sectionIndex } = findItemSection(item);
+            return selectedItems[sectionIndex]?.some((i) => areItemsEqual(i, item));
+        }
+        return selectedItems[0]?.some((i) => areItemsEqual(i, item));
+    };
+    const toggleItem = (item) => {
+        let sectionIndex = -1;
+        let limit = selectionLimit;
+        if (sections) {
+            const { sectionIndex: si, section } = findItemSection(item);
+            if (si === null) {
+                return;
+            }
+            sectionIndex = si;
+            limit = section.selectionLimit ?? selectionLimit;
+        }
+        else {
+            sectionIndex = 0;
+        }
+        const handled = onToggleItem?.(item, sections[sectionIndex]) ?? false;
+        if (handled) {
+            return;
+        }
+        if (selectionLimit === 1) {
+            setSelectedItems({
+                [sectionIndex]: [item],
+            });
+            return;
+        }
+        const currentItems = selectedItems[sectionIndex] ?? [];
+        const isItemSelected = currentItems.some((i) => areItemsEqual(i, item));
+        const newItems = [...currentItems];
+        if (isItemSelected) {
+            const index = newItems.findIndex((i) => areItemsEqual(i, item));
+            newItems.splice(index, 1);
+        }
+        else {
+            if (newItems.length >= limit) {
+                newItems.shift();
+            }
+            newItems.push(item);
+        }
+        setSelectedItems({
+            ...selectedItems,
+            [sectionIndex]: newItems,
+        });
+    };
+    function sectionLimitReached(sectionIndex) {
+        const section = sections[sectionIndex];
+        if (!section) {
+            return false;
+        }
+        const limit = section.selectionLimit ?? sectionSelectionLimit ?? selectionLimit;
+        if (!limit) {
+            return false;
+        }
+        const nItems = selectedItems[sectionIndex]?.length;
+        return nItems >= limit;
+    }
+    function limitReached() {
+        const nItems = Object.values(selectedItems).flatMap((i) => i).length;
+        return nItems >= selectionLimit;
+    }
+    function clearSelectedItemsWithSection(sectionIndex) {
+        setSelectedItems({
+            ...selectedItems,
+            [sectionIndex]: [],
+        });
+    }
+    return {
+        isSelected,
+        toggleItem,
+        findItemSection,
+        selectedItems,
+        sectionLimitReached,
+        limitReached,
+        disableItemsOnLimitReached,
+        clearSelectedItemsWithSection,
+        changed,
+        areItemsEqual,
+        getAllItems,
+    };
+}
+//# sourceMappingURL=useSectionFilters.js.map

package/dist/components/SectionFilters/useSectionFilters.js.map

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

package/dist/components/Sections/index.js

@@ -0,0 +1,105 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { TypeGuards } from '@codeleap/types';
+import { useCallback } from '@codeleap/hooks';
+import { SectionList } from 'react-native';
+import { View } from '../View';
+import { RefreshControl } from '../RefreshControl';
+import { useKeyboardPaddingStyle } from '../../utils';
+import { MobileStyleRegistry } from '../../Registry';
+import { useStylesFor } from '../../hooks';
+import { EmptyPlaceholder } from '../EmptyPlaceholder';
+export * from './styles';
+export * from './types';
+const RenderSeparator = (props) => {
+    return _jsx(View, { style: props.separatorStyles });
+};
+/**
+ * Wraps React Native's SectionList. The `sections` data is augmented with a sequential `index`
+ * field internally — callers must not add their own `index` to section objects or it will be
+ * overwritten and position helpers (`isFirst`, `isLast`, `isOnly`) will break.
+ *
+ * There is no `keyExtractor` default — SectionList falls back to array index, which causes
+ * re-mount flicker on reorder. Always pass a `keyExtractor` when items can change order or identity.
+ */
+export function Sections(sectionsProps) {
+    const { style, onRefresh, refreshing, placeholder, refreshControlProps, loading, keyboardAware, fakeEmpty = loading, contentContainerStyle, refreshControl, renderItem: providedRenderItem, sections: data, renderSectionHeader: providedRenderSectionHeader, renderSectionFooter: providedRenderSectionFooter, ...props } = {
+        ...Sections.defaultProps,
+        ...sectionsProps,
+    };
+    /** Deep-equality via JSON.stringify to avoid re-renders on reference changes; will miss non-serialisable values (functions, Dates) in section data. */
+    const sections = useMemo(() => {
+        return data?.map((section, index) => ({
+            ...section,
+            index,
+        }));
+    }, [JSON.stringify(data)]);
+    const styles = useStylesFor(Sections.styleRegistryName, style);
+    const separator = useCallback(() => {
+        if (!props?.separators)
+            return null;
+        return _jsx(RenderSeparator, { separatorStyles: styles.separator });
+    }, []);
+    const getSectionProps = (data) => {
+        const listLength = sections?.length || 0;
+        const isFirst = data?.section?.index === sections?.[0]?.index;
+        const isLast = data?.section?.index === sections?.[listLength - 1]?.index;
+        const isOnly = isFirst && isLast;
+        const title = data?.section?.title;
+        const index = data?.section?.index;
+        return { isFirst, isLast, isOnly, title, index };
+    };
+    const renderSectionHeader = useCallback((data) => {
+        if (!providedRenderSectionHeader)
+            return null;
+        const positionProps = getSectionProps(data);
+        return providedRenderSectionHeader({ ...data.section, ...positionProps });
+    }, [providedRenderSectionHeader, sections?.length]);
+    const renderSectionFooter = useCallback((data) => {
+        if (!providedRenderSectionFooter)
+            return null;
+        const positionProps = getSectionProps(data);
+        return providedRenderSectionFooter({ ...data.section, ...positionProps });
+    }, [providedRenderSectionFooter, sections?.length]);
+    const renderItem = useCallback((data) => {
+        if (!providedRenderItem)
+            return null;
+        const listLength = data?.section?.data?.length || 0;
+        const isFirst = data?.index === 0;
+        const isLast = data?.index === listLength - 1;
+        const isOnly = isFirst && isLast;
+        return providedRenderItem({
+            ...data,
+            isFirst,
+            isLast,
+            isOnly,
+        });
+    }, [providedRenderItem]);
+    const isEmpty = !sections || !sections?.length;
+    const _placeholder = {
+        ...placeholder,
+        loading: TypeGuards.isBoolean(placeholder?.loading) ? placeholder.loading : loading,
+    };
+    const keyboardStyle = useKeyboardPaddingStyle([
+        styles.content,
+        contentContainerStyle,
+        isEmpty && styles['content:empty'],
+        loading && styles['content:loading'],
+    ], keyboardAware && !props.horizontal);
+    const wrapperStyle = [styles.wrapper, isEmpty && styles['wrapper:empty'], loading && styles['wrapper:loading']];
+    return (_jsx(SectionList, { ItemSeparatorComponent: separator, refreshControl: TypeGuards.isFunction(onRefresh) ? (_jsx(RefreshControl, { refreshing: refreshing, onRefresh: onRefresh, ...refreshControlProps })) : null, ListEmptyComponent: _jsx(EmptyPlaceholder, { ..._placeholder }), showsVerticalScrollIndicator: false, showsHorizontalScrollIndicator: false, ...props, ListHeaderComponentStyle: styles.header, ListFooterComponentStyle: styles.footer, style: wrapperStyle, contentContainerStyle: keyboardStyle, sections: sections, renderItem: renderItem, renderSectionHeader: renderSectionHeader, renderSectionFooter: renderSectionFooter }));
+}
+Sections.styleRegistryName = 'Sections';
+Sections.elements = ['wrapper', 'content', 'separator', 'header', 'footer', 'refreshControl'];
+Sections.rootElement = 'wrapper';
+Sections.withVariantTypes = (styles) => {
+    return Sections;
+};
+Sections.defaultProps = {
+    keyboardShouldPersistTaps: 'handled',
+    fakeEmpty: false,
+    loading: false,
+    keyboardAware: true,
+};
+MobileStyleRegistry.registerComponent(Sections);
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Sections/styles.js

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

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

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

package/dist/components/Sections/types.js

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

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

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

package/dist/components/SegmentedControl/Option.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from '../Text';
+import { Touchable } from '../Touchable';
+import { Icon } from '../Icon';
+export const SegmentedControlOption = (props) => {
+    const { selected, onPress, debugName, style, variantStyles, label, value, icon, textProps, badge = null, ...touchableProps } = props;
+    return (_jsxs(Touchable, { debugName: `Segmented Control ${debugName}, option ${label}`, noFeedback: selected, style: [
+            variantStyles?.button,
+            selected && variantStyles['button:selected'],
+            style,
+            {
+                feedback: variantStyles.buttonFeedback,
+            }
+        ], onPress: onPress, ...touchableProps, children: [!!icon ? _jsx(Icon, { name: icon, style: variantStyles?.icon }) : null, _jsx(Text, { text: label, style: [
+                    variantStyles?.text,
+                    selected && variantStyles['text:selected'],
+                    touchableProps?.disabled && variantStyles['text:disabled'],
+                ], ...textProps }), badge] }));
+};
+//# sourceMappingURL=Option.js.map

package/dist/components/SegmentedControl/Option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Option.js","sourceRoot":"","sources":["../../../src/components/SegmentedControl/Option.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAA;AAExD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAc9B,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAAkC,EAAE,EAAE;IAC3E,MAAM,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,KAAK,EACL,aAAa,EACb,KAAK,EACL,KAAK,EACL,IAAI,EACJ,SAAS,EACT,KAAK,GAAG,IAAI,EACZ,GAAG,cAAc,EAClB,GAAG,KAAK,CAAA;IAET,OAAO,CACL,MAAC,SAAS,IACR,SAAS,EAAE,qBAAqB,SAAS,YAAY,KAAK,EAAE,EAC5D,UAAU,EAAE,QAAQ,EACpB,KAAK,EAAE;YACL,aAAa,EAAE,MAAM;YACrB,QAAQ,IAAI,aAAa,CAAC,iBAAiB,CAAC;YAC5C,KAAK;YACL;gBACE,QAAQ,EAAE,aAAa,CAAC,cAAc;aACvC;SACF,EACD,OAAO,EAAE,OAAO,KACZ,cAAc,aAEjB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,EAEjE,KAAC,IAAI,IACH,IAAI,EAAE,KAAK,EACX,KAAK,EAAE;oBACL,aAAa,EAAE,IAAI;oBACnB,QAAQ,IAAI,aAAa,CAAC,eAAe,CAAC;oBAC1C,cAAc,EAAE,QAAQ,IAAI,aAAa,CAAC,eAAe,CAAC;iBAC3D,KACG,SAAS,GACb,EAED,KAAK,IACI,CACb,CAAA;AACH,CAAC,CAAA"}

package/dist/components/SegmentedControl/index.js

@@ -0,0 +1,130 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useImperativeHandle, useMemo, useRef, useState } from 'react';
+import { Easing, ScrollView } from 'react-native';
+import { Text } from '../Text';
+import { View } from '../View';
+import { useAnimatedVariantStyles } from '../../utils';
+import { SegmentedControlOption } from './Option';
+import { useTheme } from '@codeleap/styles';
+import { MobileStyleRegistry } from '../../Registry';
+import { useStylesFor } from '../../hooks';
+export * from './styles';
+export * from './types';
+const DefaultBubble = (props) => {
+    return _jsx(View, { animated: true, ...props });
+};
+const defaultAnimation = {
+    type: 'timing',
+    duration: 200,
+    easing: Easing.linear,
+};
+/**
+ * Always fully controlled — there is no internal selected state; `value` and `onValueChange`
+ * are required. The animated bubble position is driven by Reanimated worklets, so the bubble
+ * can only animate when `currentOptionIdx` changes (i.e. `value` changes from the parent).
+ */
+export const SegmentedControl = React.forwardRef((props, ref) => {
+    const [themeValues, themeSpacing] = useTheme(store => [store.theme?.values, store.theme?.spacing]);
+    const { options = [], onValueChange, debugName, label, value, animation = {}, scrollProps = {}, 
+    /** Default divides total screen width equally; override `getItemWidth` when options have variable label lengths or the control doesn't fill the screen. */
+    getItemWidth = () => (themeValues?.width - themeSpacing?.value?.(4)) / options.length, renderBubble: BubbleView, scrollToCurrentOptionOnMount, renderOption: Option, touchableProps, style, ...viewProps } = {
+        ...SegmentedControl.defaultProps,
+        ...props,
+    };
+    const [bubbleWidth, setBubbleWidth] = useState(0);
+    const _animation = {
+        ...defaultAnimation,
+        ...animation,
+    };
+    const styles = useStylesFor(SegmentedControl.styleRegistryName, style);
+    const scrollRef = useRef(null);
+    function scrollTo(idx) {
+        if (!scrollRef.current)
+            return;
+        setTimeout(() => {
+            scrollRef.current?.scrollTo({
+                x: widthStyle.width * idx,
+                y: 0,
+                animated: true
+            });
+        });
+    }
+    const widthStyle = useMemo(() => {
+        if (getItemWidth) {
+            const sizes = options.map(getItemWidth);
+            const maxWidth = sizes.sort((a, b) => b - a)[0];
+            return { width: maxWidth };
+        }
+        return {
+            width: bubbleWidth,
+        };
+    }, [options, bubbleWidth]);
+    const currentOptionIdx = options.findIndex(o => o.value === value) || 0;
+    const onPress = (txt, idx) => {
+        return () => {
+            onValueChange(txt);
+            scrollTo(idx);
+        };
+    };
+    const hasScrolledInitially = useRef(false);
+    useImperativeHandle(ref, () => {
+        if (!scrollRef.current)
+            return null;
+        return {
+            ...(scrollRef.current),
+            scrollTo,
+            scrollToCurrent() {
+                if (!scrollRef.current)
+                    return;
+                scrollTo(currentOptionIdx);
+            },
+        };
+    }, [
+        currentOptionIdx,
+    ]);
+    if (!hasScrolledInitially.current && scrollRef.current && scrollToCurrentOptionOnMount) {
+        scrollTo(currentOptionIdx);
+        hasScrolledInitially.current = true;
+    }
+    const bubbleAnimation = useAnimatedVariantStyles({
+        variantStyles: styles,
+        animatedProperties: [],
+        updater: () => {
+            'worklet';
+            return {
+                translateX: currentOptionIdx * widthStyle.width,
+            };
+        },
+        transition: _animation,
+        dependencies: [currentOptionIdx, widthStyle.width],
+    });
+    /** Tracks the widest option measured during onLayout to set a uniform bubble width when `getItemWidth` is not provided; reset to 0 after each full pass so re-renders don't accumulate stale values. */
+    const largestWidth = useRef(0);
+    return (_jsxs(View, { style: styles?.wrapper, children: [label ? (_jsx(View, { ...viewProps, style: styles?.labelWrapper, children: _jsx(Text, { style: styles?.labelText, text: label }) })) : null, _jsx(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles?.scroll, contentContainerStyle: styles?.scrollContent, ...scrollProps, ref: scrollRef, children: _jsxs(View, { style: styles?.innerWrapper, children: [_jsx(BubbleView, { options: options, animated: true, animatedStyle: bubbleAnimation, style: [
+                                styles?.selectedBubble,
+                                props?.touchableProps?.disabled && styles?.['selectedBubble:disabled'],
+                                widthStyle,
+                            ] }), options.map((o, idx) => (_jsx(Option, { debugName: debugName, label: o.label, value: o.value, icon: o.icon, onPress: onPress(o.value, idx), style: widthStyle, selected: value === o.value, variantStyles: styles, onLayout: e => {
+                                const { width } = e.nativeEvent.layout;
+                                if (width > largestWidth.current) {
+                                    largestWidth.current = width;
+                                }
+                                if (idx === options.length - 1) {
+                                    setBubbleWidth(largestWidth.current);
+                                    largestWidth.current = 0;
+                                }
+                            }, ...touchableProps }, idx)))] }) })] }));
+});
+SegmentedControl.styleRegistryName = 'SegmentedControl';
+SegmentedControl.elements = ['wrapper', 'selectedBubble', 'innerWrapper', 'scroll', 'text', 'icon', 'button', 'label', 'badge'];
+SegmentedControl.rootElement = 'scroll';
+SegmentedControl.withVariantTypes = (styles) => {
+    return SegmentedControl;
+};
+SegmentedControl.defaultProps = {
+    renderBubble: DefaultBubble,
+    renderOption: SegmentedControlOption,
+    scrollToCurrentOptionOnMount: true,
+};
+MobileStyleRegistry.registerComponent(SegmentedControl);
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/SegmentedControl/styles.js

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

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

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

package/dist/components/SegmentedControl/types.js

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

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

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