@codeleap/mobile 7.0.0 → 7.0.1

package/dist/Registry.js

@@ -0,0 +1,47 @@
+import { CodeleapStyleRegistry, StylePersistor } from '@codeleap/styles';
+import { StyleSheet } from 'react-native';
+import { MMKV } from 'react-native-mmkv';
+const mmkvStorage = new MMKV();
+const persistor = new StylePersistor({
+    set(key, value) {
+        return mmkvStorage?.set(key, value);
+    },
+    get(key) {
+        return mmkvStorage?.getString(key);
+    },
+    del(key) {
+        return mmkvStorage?.delete(key);
+    },
+});
+let instance;
+const components = [];
+/**
+ * Singleton — the constructor enforces a single instance and returns it on every `new` call, so any module that imports this class and instantiates it will always get the same registry. Components registered via the static `registerComponent` before the first instantiation are buffered in `components[]` and replayed on construction; registrations after instantiation go straight to the live instance.
+ *
+ * `createStyle` passes every style object through `StyleSheet.create` so React Native can intern it on the native side; skipping this would cause equality checks in layout diffing to always fail.
+ */
+export class MobileStyleRegistry extends CodeleapStyleRegistry {
+    constructor() {
+        super(persistor);
+        components.forEach((component) => {
+            this.registerComponent(component);
+        });
+        if (!instance) {
+            instance = this;
+        }
+        return instance;
+    }
+    createStyle(css) {
+        return StyleSheet.create({ s: css }).s;
+    }
+    static get current() {
+        return instance;
+    }
+    static registerComponent(component) {
+        components.push(component);
+        if (instance) {
+            instance.registerComponent(component);
+        }
+    }
+}
+//# sourceMappingURL=Registry.js.map

package/dist/Registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Registry.js","sourceRoot":"","sources":["../src/Registry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,qBAAqB,EAAQ,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAClG,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAExC,MAAM,WAAW,GAAG,IAAI,IAAI,EAAE,CAAA;AAE9B,MAAM,SAAS,GAAG,IAAI,cAAc,CAAC;IACnC,GAAG,CAAC,GAAG,EAAE,KAAK;QACZ,OAAO,WAAW,EAAE,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;IACrC,CAAC;IACD,GAAG,CAAC,GAAG;QACL,OAAO,WAAW,EAAE,SAAS,CAAC,GAAG,CAAC,CAAA;IACpC,CAAC;IACD,GAAG,CAAC,GAAG;QACL,OAAO,WAAW,EAAE,MAAM,CAAC,GAAG,CAAC,CAAA;IACjC,CAAC;CACF,CAAC,CAAA;AAEF,IAAI,QAA6B,CAAA;AAEjC,MAAM,UAAU,GAAkD,EAAE,CAAA;AAEpE;;;;GAIG;AACH,MAAM,OAAO,mBAAoB,SAAQ,qBAAqB;IAC5D;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,WAAW,CAAC,GAAS;QACnB,OAAO,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAAA;IACxC,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/components/ActivityIndicator/index.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ActivityIndicator as RNActivityIndicator } from 'react-native';
+import { MobileStyleRegistry } from '../../Registry';
+import { useStylesFor } from '../../hooks';
+export * from './styles';
+export * from './types';
+export const ActivityIndicator = (props) => {
+    const { style, component: Component = RNActivityIndicator, ...rest } = {
+        ...ActivityIndicator.defaultProps,
+        ...props,
+    };
+    const styles = useStylesFor(ActivityIndicator.styleRegistryName, style);
+    const wrapperStyle = styles?.wrapper;
+    /** `color` and `size` are extracted from the style token rather than passed as props so that
+     *  theme variants can control them via the design-token system instead of inline overrides. */
+    const color = wrapperStyle?.color || '#000';
+    const size = (wrapperStyle?.height || wrapperStyle?.width || 'large');
+    return (_jsx(Component, { size: size, color: color, ...rest, style: styles?.wrapper }));
+};
+ActivityIndicator.styleRegistryName = 'ActivityIndicator';
+ActivityIndicator.elements = ['wrapper'];
+ActivityIndicator.rootElement = 'wrapper';
+ActivityIndicator.defaultProps = {};
+ActivityIndicator.withVariantTypes = (styles) => {
+    return ActivityIndicator;
+};
+MobileStyleRegistry.registerComponent(ActivityIndicator);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ActivityIndicator/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,IAAI,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEpD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAE1C,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAA6D,KAAgC,EAAE,EAAE;IAChI,MAAM,EACJ,KAAK,EACL,SAAS,EAAE,SAAS,GAAG,mBAAmB,EAC1C,GAAG,IAAI,EACR,GAAG;QACF,GAAG,iBAAiB,CAAC,YAAY;QACjC,GAAG,KAAK;KACT,CAAA;IAED,MAAM,MAAM,GAAG,YAAY,CAAC,iBAAiB,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAEvE,MAAM,YAAY,GAAG,MAAM,EAAE,OAAwB,CAAA;IAErD;mGAC+F;IAC/F,MAAM,KAAK,GAAG,YAAY,EAAE,KAAK,IAAI,MAAM,CAAA;IAC3C,MAAM,IAAI,GAAG,CAAC,YAAY,EAAE,MAAM,IAAI,YAAY,EAAE,KAAK,IAAI,OAAO,CAAW,CAAA;IAE/E,OAAO,CACL,KAAC,SAAS,IACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,KACR,IAAI,EACR,KAAK,EAAE,MAAM,EAAE,OAAO,GACtB,CACH,CAAA;AACH,CAAC,CAAA;AAED,iBAAiB,CAAC,iBAAiB,GAAG,mBAAmB,CAAA;AACzD,iBAAiB,CAAC,QAAQ,GAAG,CAAC,SAAS,CAAC,CAAA;AACxC,iBAAiB,CAAC,WAAW,GAAG,SAAS,CAAA;AACzC,iBAAiB,CAAC,YAAY,GAAG,EAAqC,CAAA;AAEtE,iBAAiB,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IACtE,OAAO,iBAAkK,CAAA;AAC3K,CAAC,CAAA;AAED,mBAAmB,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAA"}

package/dist/components/ActivityIndicator/styles.js

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

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

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

package/dist/components/ActivityIndicator/types.js

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

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

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

package/dist/components/Autocomplete/index.js

@@ -0,0 +1,150 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { TypeGuards } from '@codeleap/types';
+import { onMount, useSearch } from '@codeleap/hooks';
+import { List } from '../List';
+import { SearchInput } from '../SearchInput';
+import { Button } from '../Button';
+import { View } from '../View';
+import { useCompositionStyles } from '@codeleap/styles';
+import { MobileStyleRegistry } from '../../Registry';
+import { useStylesFor } from '../../hooks';
+export * from './styles';
+export * from './types';
+const defaultFilterFunction = (search, options) => {
+    return options.filter((option) => {
+        if (TypeGuards.isString(option.label)) {
+            return option.label.toLowerCase().includes(search.toLowerCase());
+        }
+        return option.label === search;
+    });
+};
+const defaultGetLabel = (option) => {
+    if (TypeGuards.isArray(option)) {
+        if (option.length === 0)
+            return null;
+        return option.map(o => o.label).join(', ');
+    }
+    else {
+        if (!option)
+            return null;
+        return option?.label;
+    }
+};
+/**
+ * Unlike Select, Autocomplete renders inline (no modal) — the result list is positioned below
+ * the search input in the same scroll context, so `scrollEnabled` is false on the inner List to
+ * avoid nested scroll conflicts.
+ *
+ * `selectable` must be true for item presses to update `value`; without it, `onItemPressed`
+ * fires but selection state is never written.
+ */
+export const Autocomplete = (autocomplete) => {
+    const allProps = {
+        ...Autocomplete.defaultProps,
+        ...autocomplete,
+    };
+    const { value, onValueChange, options = [], renderItem, debugName, placeholder, itemProps = {}, searchable, loadOptions, multiple, limit = null, defaultOptions = options, onLoadOptionsError, selectedIcon, loadOptionsOnMount = defaultOptions.length === 0, selectable, searchComponent, filterItems = defaultFilterFunction, searchInputProps: searchProps = {}, onItemPressed = () => { }, listPlaceholder, style, loading: loadingProp = false, listProps = {}, } = allProps;
+    const isValueArray = TypeGuards.isArray(value) && multiple;
+    const { loading, setLoading, labelOptions, setLabelOptions, filteredOptions, load, onChangeSearch, } = useSearch({
+        value,
+        multiple,
+        options,
+        filterItems,
+        debugName,
+        defaultOptions,
+        loadOptions,
+        onLoadOptionsError,
+    });
+    onMount(() => {
+        if (loadOptionsOnMount && !!loadOptions) {
+            load();
+        }
+    });
+    const styles = useStylesFor(Autocomplete.styleRegistryName, style);
+    const compositionStyles = useCompositionStyles(['item', 'list', 'searchInput'], styles);
+    const currentOptions = searchable ? filteredOptions : defaultOptions;
+    const select = (selectedValue) => {
+        let newValue = null;
+        let newOption = null;
+        let removedIndex = null;
+        if (multiple && isValueArray) {
+            if (value.includes(selectedValue)) {
+                removedIndex = value.findIndex(v => v === selectedValue);
+                newValue = value.filter((v, i) => i !== removedIndex);
+            }
+            else {
+                if (TypeGuards.isNumber(limit) && value.length >= limit) {
+                    return;
+                }
+                newOption = currentOptions.find(o => o.value === selectedValue);
+                newValue = [...value, selectedValue];
+            }
+        }
+        else {
+            newValue = selectedValue;
+            newOption = currentOptions.find(o => o.value === selectedValue);
+        }
+        onValueChange(newValue);
+        if (isValueArray) {
+            if (removedIndex !== null) {
+                const newOptions = [...labelOptions];
+                newOptions.splice(removedIndex, 1);
+                setLabelOptions(newOptions);
+            }
+            else {
+                setLabelOptions([...labelOptions, newOption]);
+            }
+        }
+        else {
+            setLabelOptions([newOption]);
+        }
+    };
+    const Item = renderItem || Button;
+    const renderListItem = useCallback(({ item }) => {
+        let selected = false;
+        if (multiple && isValueArray) {
+            selected = value?.includes(item.value);
+        }
+        else {
+            selected = value === item.value;
+        }
+        return _jsx(Item, { debugName: `${debugName} item ${item.value}`, selected: selectable ? selected : false, text: item.label, item: item, onPress: () => {
+                onItemPressed(item);
+                if (selectable) {
+                    select(item.value);
+                }
+            }, 
+            // @ts-ignore
+            rightIcon: selectedIcon, 
+            // @ts-ignore
+            icon: selectedIcon, style: compositionStyles?.item, ...itemProps });
+    }, [value, select, multiple, selectable, isValueArray]);
+    const Search = searchComponent;
+    const showLoading = TypeGuards.isFunction(loadingProp) ? loadingProp(loading) : (loadingProp || loading);
+    return _jsxs(View, { style: styles?.wrapper, children: [_jsx(Search, { placeholder: placeholder, debugName: debugName, onTypingChange: (isTyping) => {
+                    if (searchable && !!loadOptions && isTyping) {
+                        setLoading(isTyping);
+                    }
+                }, debounce: !!loadOptions ? 800 : null, onSearchChange: onChangeSearch, hideErrorMessage: true, ...searchProps, style: compositionStyles?.searchInput }), _jsx(List, { data: searchable ? filteredOptions : options, scrollEnabled: false, showsHorizontalScrollIndicator: false, style: compositionStyles?.list, 
+                // @ts-ignore
+                keyExtractor: (i) => i.value, renderItem: renderListItem, loading: showLoading, placeholder: listPlaceholder, keyboardAware: false, ...listProps })] });
+};
+Autocomplete.styleRegistryName = 'Autocomplete';
+Autocomplete.elements = ['wrapper', 'list', 'item', 'searchInput'];
+Autocomplete.rootElement = 'wrapper';
+Autocomplete.withVariantTypes = (styles) => {
+    return Autocomplete;
+};
+Autocomplete.defaultProps = {
+    getLabel: defaultGetLabel,
+    searchInputProps: {},
+    selectedIcon: 'check',
+    searchComponent: SearchInput,
+    placeholder: 'Select',
+    searchable: true,
+    multiple: false,
+    selectable: false,
+};
+MobileStyleRegistry.registerComponent(Autocomplete);
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Autocomplete/styles.js

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

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

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

package/dist/components/Autocomplete/types.js

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

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

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

package/dist/components/Avatar/components/Badge.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useAvatarContext } from '../context';
+import { Badge } from '../../Badge';
+import { useCompositionStyles } from '@codeleap/styles';
+import { TypeGuards } from '@codeleap/types';
+export const AvatarBadge = (props) => {
+    const { badge, styles, ...badgeProps } = useAvatarContext(props);
+    const compositionsStyles = useCompositionStyles('badge', styles);
+    if (TypeGuards.isNil(badge))
+        return null;
+    return _jsx(Badge, { badge: badge, ...badgeProps, style: compositionsStyles.badge });
+};
+//# sourceMappingURL=Badge.js.map

package/dist/components/Avatar/components/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../src/components/Avatar/components/Badge.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AACnC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACrD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,UAAU,EAAE,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAA;IAEhE,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;IAEhE,IAAI,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IAExC,OAAO,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,KAAM,UAAU,EAAE,KAAK,EAAE,kBAAkB,CAAC,KAAK,GAAI,CAAA;AACjF,CAAC,CAAA"}

package/dist/components/Avatar/components/Content.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useAvatarContext } from '../context';
+import { AvatarBadge } from './Badge';
+import { AvatarIllustration } from './Illustration';
+import { AvatarText } from './Text';
+import { AvatarOverlayIcon } from './OverlayIcon';
+import { AvatarWrapper } from './Wrapper';
+/**
+ * When `children` are provided the sub-components (Badge, OverlayIcon, Illustration/Text) are
+ * NOT rendered automatically — the caller is fully responsible for composing them inside children.
+ */
+export const AvatarContent = ({ children }) => {
+    const { icon, image } = useAvatarContext();
+    if (children) {
+        return (_jsx(AvatarWrapper, { children: children }));
+    }
+    return (_jsxs(AvatarWrapper, { children: [(!!icon || !!image) ? _jsx(AvatarIllustration, {}) : _jsx(AvatarText, {}), _jsx(AvatarBadge, {}), _jsx(AvatarOverlayIcon, {})] }));
+};
+//# sourceMappingURL=Content.js.map

package/dist/components/Avatar/components/Content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../../src/components/Avatar/components/Content.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAEzC;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IACrE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAE1C,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,CACL,KAAC,aAAa,cAAE,QAAQ,GAAiB,CAC1C,CAAA;IACH,CAAC;IAED,OAAO,CACL,MAAC,aAAa,eACX,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAC,kBAAkB,KAAG,CAAC,CAAC,CAAC,KAAC,UAAU,KAAG,EAC9D,KAAC,WAAW,KAAG,EACf,KAAC,iBAAiB,KAAG,IACP,CACjB,CAAA;AACH,CAAC,CAAA"}

package/dist/components/Avatar/components/Illustration.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '../../Icon';
+import { Image } from '../../Image';
+import { useAvatarContext } from '../context';
+import { TypeGuards } from '@codeleap/types';
+export const AvatarIllustration = (props) => {
+    const { icon, image, styles } = useAvatarContext(props);
+    const source = TypeGuards.isString(image) ? { uri: image } : image;
+    return _jsxs(_Fragment, { children: [icon ? _jsx(Icon, { name: icon, style: styles.icon }) : null, image ? _jsx(Image, { source: source, style: styles.image }) : null] });
+};
+//# sourceMappingURL=Illustration.js.map

package/dist/components/Avatar/components/Illustration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Illustration.js","sourceRoot":"","sources":["../../../../src/components/Avatar/components/Illustration.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IACnE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAA;IAEvD,MAAM,MAAM,GAAG,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAA;IAElE,OAAO,8BACJ,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,EACtD,KAAK,CAAC,CAAC,CAAC,KAAC,KAAK,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,IAC7D,CAAA;AACL,CAAC,CAAA"}

package/dist/components/Avatar/components/OverlayIcon.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useAvatarContext } from '../context';
+import { Touchable } from '../../Touchable';
+import { Icon } from '../../Icon';
+export const AvatarOverlayIcon = (props) => {
+    const { overlayIcon, styles, onPressOverlayIcon, ...touchableProps } = useAvatarContext(props);
+    if (!overlayIcon)
+        return null;
+    return (_jsx(Touchable, { debugName: 'avatar:overlayIcon', onPress: onPressOverlayIcon, noFeedback: true, ...touchableProps, style: styles.overlayIconWrapper, children: _jsx(Icon, { name: overlayIcon, style: styles.overlayIcon }) }));
+};
+//# sourceMappingURL=OverlayIcon.js.map

package/dist/components/Avatar/components/OverlayIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayIcon.js","sourceRoot":"","sources":["../../../../src/components/Avatar/components/OverlayIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAE,EAAE;IACjE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,kBAAkB,EAAE,GAAG,cAAc,EAAE,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAA;IAE9F,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAA;IAE7B,OAAO,CACL,KAAC,SAAS,IACR,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAE,kBAAkB,EAC3B,UAAU,WACN,cAAc,EAClB,KAAK,EAAE,MAAM,CAAC,kBAAkB,YAEhC,KAAC,IAAI,IAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,WAAW,GAAI,GAC5C,CACb,CAAA;AACH,CAAC,CAAA"}

package/dist/components/Avatar/components/Text.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useAvatarContext } from '../context';
+import { Text } from '../../Text';
+import { useMemo } from 'react';
+import { TypeGuards } from '@codeleap/types';
+export const AvatarText = (props) => {
+    const { text, name, firstNameOnly, styles } = useAvatarContext(props);
+    const initials = useMemo(() => {
+        const [first = '', last = ''] = TypeGuards.isString(name) ? name.split(' ') : name ?? [];
+        const initials = [first[0]];
+        if (!firstNameOnly)
+            initials.push(last[0]);
+        return initials?.join('');
+    }, [name, firstNameOnly]);
+    if (!text && !initials)
+        return null;
+    return (_jsx(Text, { text: text || initials, style: styles.text }));
+};
+//# sourceMappingURL=Text.js.map

package/dist/components/Avatar/components/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../src/components/Avatar/components/Text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAE7C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACnD,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAA;IAErE,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,MAAM,CAAC,KAAK,GAAG,EAAE,EAAE,IAAI,GAAG,EAAE,CAAC,GAAG,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAA;QACxF,MAAM,QAAQ,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;QAE3B,IAAI,CAAC,aAAa;YAAE,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;QAE1C,OAAO,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC,CAAA;IAC3B,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAA;IAEzB,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAA;IAEnC,OAAO,CACL,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,IAAI,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,GAAI,CACrD,CAAA;AACH,CAAC,CAAA"}

package/dist/components/Avatar/components/Wrapper.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TypeGuards } from '@codeleap/types';
+import { useAvatarContext } from '../context';
+import { useMemo } from 'react';
+import { matchInitialToColor, memoBy } from '@codeleap/utils';
+import { Touchable } from '../../Touchable';
+import { View } from '../../View';
+const UnMemoizedAvatarWrapper = ({ children }) => {
+    const { styles, onPress, name, icon, image, ...wrapperProps } = useAvatarContext();
+    // @ts-expect-error ICSS
+    const bgColor = styles?.touchable?.backgroundColor;
+    /**
+     * Falls back to a deterministic colour derived from the first letter of `name` when no
+     * explicit `backgroundColor` is set in the style token, so initials avatars are always
+     * distinguishable without requiring per-avatar colour configuration.
+     */
+    const randomBgColor = useMemo(() => {
+        if (!!bgColor)
+            return bgColor;
+        const firstLetter = TypeGuards.isString(name) ? name[0] : name?.[0]?.[0];
+        return matchInitialToColor(firstLetter);
+    }, [bgColor, name]);
+    const isPressable = TypeGuards.isFunction(onPress);
+    if (isPressable) {
+        return (_jsx(Touchable, { debugName: 'avatar', ...wrapperProps, onPress: onPress, style: [styles.wrapper, { backgroundColor: randomBgColor }], children: children }));
+    }
+    return (_jsx(View, { ...wrapperProps, style: [styles.wrapper, { backgroundColor: randomBgColor }], children: children }));
+};
+export const AvatarWrapper = memoBy(UnMemoizedAvatarWrapper, 'children');
+//# sourceMappingURL=Wrapper.js.map

package/dist/components/Avatar/components/Wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wrapper.js","sourceRoot":"","sources":["../../../../src/components/Avatar/components/Wrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,MAAM,uBAAuB,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IACxE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAElF,wBAAwB;IACxB,MAAM,OAAO,GAAG,MAAM,EAAE,SAAS,EAAE,eAAe,CAAA;IAElD;;;;OAIG;IACH,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,CAAC,CAAC,OAAO;YAAE,OAAO,OAAO,CAAA;QAE7B,MAAM,WAAW,GAAG,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;QAExE,OAAO,mBAAmB,CAAC,WAAW,CAAC,CAAA;IACzC,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAA;IAEnB,MAAM,WAAW,GAAG,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;IAElD,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,CACL,KAAC,SAAS,IACR,SAAS,EAAC,QAAQ,KACd,YAAY,EAChB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC,YAE1D,QAAQ,GACC,CACb,CAAA;IACH,CAAC;IAED,OAAO,CACL,KAAC,IAAI,OAAK,YAAY,EAAE,KAAK,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC,YAChF,QAAQ,GACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,uBAAuB,EAAE,UAAU,CAAC,CAAA"}

package/dist/components/Avatar/context.js

@@ -0,0 +1,13 @@
+import { createContext, useContext } from 'react';
+export const AvatarContext = createContext({});
+export const useAvatarContext = (providedProps = {}) => {
+    const ctx = useContext(AvatarContext);
+    if (!ctx) {
+        throw new Error('[Avatar] useAvatarContext must be used within an Avatar component.');
+    }
+    return {
+        ...ctx,
+        ...providedProps,
+    };
+};
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/components/Avatar/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGjD,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAC,EAAoB,CAAC,CAAA;AAEhE,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAqB,gBAA4B,EAAE,EAAE,EAAE;IACrF,MAAM,GAAG,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IAErC,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CACb,oEAAoE,CACrE,CAAA;IACH,CAAC;IAED,OAAO;QACL,GAAG,GAAG;QACN,GAAG,aAAa;KACjB,CAAA;AACH,CAAC,CAAA"}

package/dist/components/Avatar/index.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MobileStyleRegistry } from '../../Registry';
+import { AvatarContext } from './context';
+import { AvatarContent } from './components/Content';
+import { useStylesFor } from '../../hooks';
+import { AvatarIllustration } from './components/Illustration';
+import { AvatarText } from './components/Text';
+import { AvatarBadge } from './components/Badge';
+import { AvatarOverlayIcon } from './components/OverlayIcon';
+export * from './styles';
+export * from './types';
+export const Avatar = (props) => {
+    const { children, style, ...contextValue } = {
+        ...Avatar.defaultProps,
+        ...props,
+    };
+    const styles = useStylesFor(Avatar.styleRegistryName, style);
+    return (_jsx(AvatarContext.Provider, { value: { ...contextValue, styles }, children: _jsx(AvatarContent, { children: children }) }));
+};
+Avatar.styleRegistryName = 'Avatar';
+Avatar.elements = ['wrapper', 'text', 'image', 'icon', 'overlayIcon', 'badge'];
+Avatar.rootElement = 'wrapper';
+Avatar.Illustration = AvatarIllustration;
+Avatar.Text = AvatarText;
+Avatar.Badge = AvatarBadge;
+Avatar.OverlayIcon = AvatarOverlayIcon;
+Avatar.withVariantTypes = (styles) => {
+    return Avatar;
+};
+Avatar.defaultProps = {
+    badge: false,
+    firstNameOnly: false,
+};
+MobileStyleRegistry.registerComponent(Avatar);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Avatar/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEpD,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAE5D,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC3C,MAAM,EACJ,QAAQ,EACR,KAAK,EACL,GAAG,YAAY,EAChB,GAAG;QACF,GAAG,MAAM,CAAC,YAAY;QACtB,GAAG,KAAK;KACT,CAAA;IAED,MAAM,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAE5D,OAAO,CACL,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,GAAG,YAAY,EAAE,MAAM,EAAE,YACxD,KAAC,aAAa,cACX,QAAQ,GACK,GACO,CAC1B,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,iBAAiB,GAAG,QAAQ,CAAA;AACnC,MAAM,CAAC,QAAQ,GAAG,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,CAAC,CAAA;AAC9E,MAAM,CAAC,WAAW,GAAG,SAAS,CAAA;AAE9B,MAAM,CAAC,YAAY,GAAG,kBAAkB,CAAA;AACxC,MAAM,CAAC,IAAI,GAAG,UAAU,CAAA;AACxB,MAAM,CAAC,KAAK,GAAG,WAAW,CAAA;AAC1B,MAAM,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAEtC,MAAM,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IAC3D,OAAO,MAAsJ,CAAA;AAC/J,CAAC,CAAA;AAED,MAAM,CAAC,YAAY,GAAG;IACpB,KAAK,EAAE,KAAK;IACZ,aAAa,EAAE,KAAK;CACG,CAAA;AAEzB,mBAAmB,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAA"}

package/dist/components/Avatar/styles.js

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

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

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

package/dist/components/Avatar/types.js

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

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

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

package/dist/components/AvatarGroup/index.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View } from '../View';
+import { Avatar } from '../Avatar';
+import { useNestedStylesByKey } from '@codeleap/styles';
+import { MobileStyleRegistry } from '../../Registry';
+import { useStylesFor } from '../../hooks';
+export * from './styles';
+export * from './types';
+/**
+ * Uses percentage-based `right` offset so overlap scales with the container width; a fixed
+ * pixel offset would break on different screen densities and container sizes.
+ */
+const getAvatarStyle = (index, displacement = 20.5) => {
+    const right = index * displacement;
+    return { right: `${right}%` };
+};
+export const AvatarGroup = (props) => {
+    const { avatars = [], style, displacement, debugName, ...viewProps } = {
+        ...AvatarGroup.defaultProps,
+        ...props,
+    };
+    const styles = useStylesFor(AvatarGroup.styleRegistryName, style);
+    const avatarStyles = useNestedStylesByKey('avatar', styles);
+    return (_jsx(View, { ...viewProps, style: styles.wrapper, children: avatars?.map?.((avatar, index) => (_jsx(Avatar, { firstNameOnly: true, debugName: `${debugName}: ${avatar?.debugName ?? index}`, ...avatar, style: [avatarStyles, (avatar?.style ?? {}), getAvatarStyle(index, displacement)] }, debugName + index))) }));
+};
+AvatarGroup.styleRegistryName = 'AvatarGroup';
+AvatarGroup.elements = ['wrapper', 'avatar'];
+AvatarGroup.rootElement = 'wrapper';
+AvatarGroup.withVariantTypes = (styles) => {
+    return AvatarGroup;
+};
+AvatarGroup.defaultProps = {
+    displacement: 20.5,
+};
+MobileStyleRegistry.registerComponent(AvatarGroup);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AvatarGroup/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,OAAO,EAAa,oBAAoB,EAA8B,MAAM,kBAAkB,CAAA;AAC9F,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAE1C,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB;;;GAGG;AACH,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,eAAuB,IAAI,EAAE,EAAE;IACpE,MAAM,KAAK,GAAG,KAAK,GAAG,YAAY,CAAA;IAClC,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,GAAG,EAAE,CAAA;AAC/B,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACrD,MAAM,EACJ,OAAO,GAAG,EAAE,EACZ,KAAK,EACL,YAAY,EACZ,SAAS,EACT,GAAG,SAAS,EACb,GAAG;QACF,GAAG,WAAW,CAAC,YAAY;QAC3B,GAAG,KAAK;KACT,CAAA;IAED,MAAM,MAAM,GAAG,YAAY,CAAC,WAAW,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAEjE,MAAM,YAAY,GAAG,oBAAoB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;IAE3D,OAAO,CACL,KAAC,IAAI,OAAK,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC,OAAO,YACvC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,KAAC,MAAM,IACL,aAAa,QAEb,SAAS,EAAE,GAAG,SAAS,KAAK,MAAM,EAAE,SAAS,IAAI,KAAK,EAAE,KACpD,MAAM,EACV,KAAK,EAAE,CAAC,YAAY,EAAE,CAAC,MAAM,EAAE,KAAK,IAAI,EAAE,CAAC,EAAE,cAAc,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,IAH5E,SAAS,GAAG,KAAK,CAItB,CACH,CAAC,GACG,CACR,CAAA;AACH,CAAC,CAAA;AAED,WAAW,CAAC,iBAAiB,GAAG,aAAa,CAAA;AAC7C,WAAW,CAAC,QAAQ,GAAG,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;AAC5C,WAAW,CAAC,WAAW,GAAG,SAAS,CAAA;AAEnC,WAAW,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IAChE,OAAO,WAAqF,CAAA;AAC9F,CAAC,CAAA;AAED,WAAW,CAAC,YAAY,GAAG;IACzB,YAAY,EAAE,IAAI;CACU,CAAA;AAE9B,mBAAmB,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA"}

package/dist/components/AvatarGroup/styles.js

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

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

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

package/dist/components/AvatarGroup/types.js

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

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

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

package/dist/components/Backdrop/index.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Touchable } from '../Touchable';
+import { View } from '../View';
+import { MobileStyleRegistry } from '../../Registry';
+import { useStylesFor } from '../../hooks';
+import { FadeIn, FadeOut } from 'react-native-reanimated';
+export * from './styles';
+export * from './types';
+export const Backdrop = (props) => {
+    const { visible, children, wrapperProps = {}, style, entering, exiting, ...rest } = {
+        ...Backdrop.defaultProps,
+        ...props,
+    };
+    const styles = useStylesFor(Backdrop.styleRegistryName, style);
+    const isPressable = !!props?.onPress;
+    /** Early return unmounts the node entirely when hidden, which means the `exiting` animation will NOT play — callers that need a fade-out must keep `visible` true until after the exit animation completes, or drive visibility through `opacity`/`pointerEvents` instead. */
+    if (!visible)
+        return null;
+    return (_jsxs(View.Animated, { pointerEvents: visible ? 'auto' : 'none', entering: entering, exiting: exiting, ...wrapperProps, style: styles.wrapper, children: [isPressable
+                ? _jsx(Touchable, { ...rest, style: styles.touchable, noFeedback: true, android_ripple: null })
+                : null, children] }));
+};
+Backdrop.styleRegistryName = 'Backdrop';
+Backdrop.elements = ['wrapper', 'touchable', 'transition'];
+Backdrop.rootElement = 'wrapper';
+Backdrop.withVariantTypes = (styles) => {
+    return Backdrop;
+};
+Backdrop.defaultProps = {
+    entering: FadeIn.duration(100).build(),
+    exiting: FadeOut.duration(100).delay(100).build(),
+};
+MobileStyleRegistry.registerComponent(Backdrop);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Backdrop/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAI9B,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AAEzD,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,MAAM,EACJ,OAAO,EACP,QAAQ,EACR,YAAY,GAAG,EAAE,EACjB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,GAAG,IAAI,EACR,GAAG;QACF,GAAG,QAAQ,CAAC,YAAY;QACxB,GAAG,KAAK;KACT,CAAA;IAED,MAAM,MAAM,GAAG,YAAY,CAAC,QAAQ,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAE9D,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,EAAE,OAAO,CAAA;IAEpC,8QAA8Q;IAC9Q,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,OAAO,CACL,MAAC,IAAI,CAAC,QAAQ,IACZ,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EACxC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,KACZ,YAAY,EAChB,KAAK,EAAE,MAAM,CAAC,OAAO,aAGpB,WAAW;gBACV,CAAC,CAAC,KAAC,SAAS,OAAK,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,UAAU,QAAC,cAAc,EAAE,IAAI,GAAI;gBACnF,CAAC,CAAC,IAAI,EAEP,QAAQ,IACK,CACjB,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,iBAAiB,GAAG,UAAU,CAAA;AACvC,QAAQ,CAAC,QAAQ,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,CAAA;AAC1D,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAA;AAEhC,QAAQ,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IAC7D,OAAO,QAA+E,CAAA;AACxF,CAAC,CAAA;AAED,QAAQ,CAAC,YAAY,GAAG;IACtB,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE;IACtC,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE;CACxB,CAAA;AAE3B,mBAAmB,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAA"}

package/dist/components/Backdrop/styles.js

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

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

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

package/dist/components/Backdrop/types.js

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

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

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