@codeleap/mobile 2.3.26 → 2.3.27-2

package/dist/components/ActionIcon/styles.d.ts

@@ -14,15 +14,15 @@ export declare const ActionIconStyles: {
     white: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
     neutral: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
     fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
-    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
     hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
     flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
     row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
     column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
     wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
     absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
     relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
     inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
     block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
     inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;

package/dist/components/ActivityIndicator/styles.d.ts

@@ -8,15 +8,15 @@ export declare const getActivityIndicatorBaseStyles: (size: number) => {
 export declare const ActivityIndicatorStyles: {
     default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
     fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
-    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
-    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
     hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
     flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
     row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
     column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
     wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
     absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
     relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
     inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
     block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
     inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;

package/dist/components/Autocomplete/types.d.ts

@@ -0,0 +1,59 @@
+/// <reference types="react" />
+import { ComponentVariants, FormTypes, IconPlaceholder, PropsOf } from '@codeleap/common';
+import { AutocompletePresets } from '.';
+import { StylesOf } from '../../types/utility';
+import { GetKeyboardAwarePropsOptions } from '../../utils';
+import { Icon } from '../Icon';
+import { FlatListProps } from '../List';
+import { Text } from '../Text';
+import { SearchInputProps, TextInputProps } from '../TextInput';
+import { Touchable } from '../Touchable';
+import { AutocompleteComposition } from './styles';
+import { EmptyPlaceholderProps } from '../EmptyPlaceholder';
+export type AutocompleteRenderFNProps<T> = {
+    styles: StylesOf<AutocompleteComposition>;
+    onPress: () => void;
+    isSelected?: boolean;
+    item: FormTypes.Options<T>[number];
+    touchableProps?: Partial<PropsOf<typeof Touchable>>;
+    textProps?: Partial<PropsOf<typeof Text>>;
+    iconProps?: Partial<PropsOf<typeof Icon>>;
+};
+export type AutocompleteRenderFN<T> = (props: AutocompleteRenderFNProps<T>) => JSX.Element;
+export type AutocompleteValue<T, Multi extends boolean = false> = Multi extends true ? T[] : T;
+export type ValueBoundAutocompleteProps<T, Multi extends boolean = false> = {
+    options?: FormTypes.Options<T>;
+    defaultOptions?: FormTypes.Options<T>;
+    loadOptions?: (search: string) => Promise<FormTypes.Options<T>>;
+    value: AutocompleteValue<T, Multi>;
+    renderItem?: AutocompleteRenderFN<AutocompleteValue<T, Multi>>;
+    onValueChange: (value: AutocompleteValue<T, Multi>) => void;
+    filterItems?: (search: string, items: FormTypes.Options<T>) => FormTypes.Options<T>;
+    onLoadOptionsError?: (error: any) => void;
+    multiple?: Multi;
+    getLabel?: (forOption: Multi extends true ? FormTypes.Options<T> : FormTypes.Options<T>[number]) => FormTypes.Label;
+    onItemPressed?: (item: FormTypes.Options<T>[number]) => any;
+};
+export type ReplaceAutocompleteProps<Props, T, Multi extends boolean = false> = Omit<Props, keyof ValueBoundAutocompleteProps<T, Multi>> & ValueBoundAutocompleteProps<T, Multi>;
+export type AutocompleteProps<T = any, Multi extends boolean = false> = {
+    placeholder?: string;
+    label?: FormTypes.Label;
+    styles?: StylesOf<AutocompleteComposition>;
+    style?: TextInputProps['style'];
+    closeOnSelect?: boolean;
+    keyboardAware?: GetKeyboardAwarePropsOptions;
+    multiple?: Multi;
+    itemProps?: Partial<Pick<AutocompleteRenderFNProps<any>, 'iconProps' | 'textProps' | 'touchableProps'>>;
+    searchable?: boolean;
+    limit?: number;
+    selectedIcon?: IconPlaceholder;
+    loadOptionsOnMount?: boolean;
+    loadOptionsOnOpen?: boolean;
+    selectable?: boolean;
+    searchInputProps?: Partial<SearchInputProps>;
+    debugName: string;
+    searchComponent?: React.ComponentType<SearchInputProps>;
+    listPlaceholder?: Partial<EmptyPlaceholderProps>;
+    listProps?: Partial<Omit<FlatListProps<T>, 'renderItem' | 'styles' | 'style'>>;
+    loading: boolean | ((isLoading: boolean) => boolean);
+} & Omit<FlatListProps<T>, 'renderItem' | 'styles' | 'style'> & ComponentVariants<typeof AutocompletePresets> & ValueBoundAutocompleteProps<T, Multi>;

package/dist/components/Autocomplete/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# 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/index.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { ComponentVariants, IconPlaceholder } from '@codeleap/common';
+import { StylesOf } from '../../types';
+import { AvatarComposition, AvatarPresets } from './styles';
+import { ImageProps } from '../Image';
+import { ViewProps } from '../View';
+import { BadgeComponentProps } from '../Badge';
+export type AvatarProps = ComponentVariants<typeof AvatarPresets> & {
+    styles?: StylesOf<AvatarComposition>;
+    image?: ImageProps['source'];
+    name?: string | string[];
+    debugName: string;
+    firstNameOnly?: boolean;
+    text?: string;
+    description?: string;
+    icon?: IconPlaceholder;
+    badgeIcon?: IconPlaceholder;
+    style?: ViewProps['style'];
+    onPress?: () => void;
+    noFeedback?: boolean;
+} & BadgeComponentProps;
+export declare const Avatar: (props: AvatarProps) => JSX.Element;
+export * from './styles';

package/dist/components/Avatar/index.js

@@ -0,0 +1,95 @@
+"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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Avatar = void 0;
+var common_1 = require("@codeleap/common");
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var Image_1 = require("../Image");
+var Touchable_1 = require("../Touchable");
+var Text_1 = require("../Text");
+var View_1 = require("../View");
+var Icon_1 = require("../Icon");
+var Badge_1 = require("../Badge");
+var Avatar = function (props) {
+    var _a;
+    var debugName = props.debugName, _b = props.name, name = _b === void 0 ? '' : _b, _c = props.firstNameOnly, firstNameOnly = _c === void 0 ? true : _c, image = props.image, _d = props.variants, variants = _d === void 0 ? [] : _d, styles = props.styles, style = props.style, icon = props.icon, badgeIcon = props.badgeIcon, text = props.text, description = props.description, onPress = props.onPress, noFeedback = props.noFeedback, _e = props.badge, badge = _e === void 0 ? false : _e, _f = props.badgeProps, badgeProps = _f === void 0 ? {} : _f, viewProps = __rest(props, ["debugName", "name", "firstNameOnly", "image", "variants", "styles", "style", "icon", "badgeIcon", "text", "description", "onPress", "noFeedback", "badge", "badgeProps"]);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Avatar', {
+        variants: variants,
+        styles: styles,
+        transform: react_native_1.StyleSheet.flatten,
+    });
+    var hasImage = !!image;
+    var _g = (0, common_1.useMemo)(function () {
+        var _a = common_1.TypeGuards.isString(name)
+            ? name.split(' ')
+            : name, _b = _a[0], first = _b === void 0 ? '' : _b, _c = _a[1], last = _c === void 0 ? '' : _c;
+        var initials = [first[0]];
+        if (!firstNameOnly) {
+            initials.push(last[0]);
+        }
+        return {
+            initials: initials.join(' '),
+            randomColor: (0, common_1.matchInitialToColor)(first[0]),
+        };
+    }, [name, firstNameOnly]), initials = _g.initials, randomColor = _g.randomColor;
+    var renderContent = function () {
+        if (hasImage)
+            return <Image_1.Image source={image} style={variantStyles.image}/>;
+        if (icon)
+            return <Icon_1.Icon name={icon} style={variantStyles.icon}/>;
+        return <Text_1.Text text={text || initials} style={variantStyles.initials}/>;
+    };
+    var hasBackgroundColor = !!((_a = variantStyles === null || variantStyles === void 0 ? void 0 : variantStyles.touchable) === null || _a === void 0 ? void 0 : _a.backgroundColor);
+    var badgeStyles = (0, common_1.getNestedStylesByKey)('badge', variantStyles);
+    return (<View_1.View style={[variantStyles.wrapper, style]} {...viewProps}>
+      <Touchable_1.Touchable debugName={'Avatar ' + debugName} onPress={function () { return onPress === null || onPress === void 0 ? void 0 : onPress(); }} style={[
+            variantStyles.touchable,
+            !hasBackgroundColor && {
+                backgroundColor: randomColor,
+            },
+        ]} noFeedback={noFeedback || !onPress}>
+        {renderContent()}
+
+        {!!description && (<View_1.View style={variantStyles.descriptionOverlay}>
+            <Text_1.Text text={description} style={variantStyles.description}/>
+          </View_1.View>)}
+
+        <Badge_1.Badge badge={badge} style={badgeStyles} {...badgeProps}/>
+      </Touchable_1.Touchable>
+
+      {badgeIcon && (<Touchable_1.Touchable debugName={"".concat(debugName, " badge")} style={variantStyles.badgeIconWrapper} onPress={function () { return onPress === null || onPress === void 0 ? void 0 : onPress(); }} noFeedback>
+          <Icon_1.Icon name={badgeIcon} style={variantStyles.badgeIcon}/>
+        </Touchable_1.Touchable>)}
+    </View_1.View>);
+};
+exports.Avatar = Avatar;
+__exportStar(require("./styles"), exports);
+//# 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":"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"}

package/dist/components/Avatar/styles.d.ts

@@ -0,0 +1,4 @@
+import { BadgeComposition } from '../Badge';
+export type AvatarParts = 'wrapper' | 'touchable' | 'initials' | 'image' | 'icon' | 'iconWrapper' | 'description' | 'descriptionOverlay' | 'badgeIconWrapper' | 'badgeIcon' | `badge${Capitalize<BadgeComposition>}`;
+export type AvatarComposition = AvatarParts;
+export declare const AvatarPresets: import("@codeleap/common").IncludePresetsReturn<(styles: any) => (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<AvatarParts, any>>>;

package/dist/components/Avatar/styles.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AvatarPresets = void 0;
+var common_1 = require("@codeleap/common");
+var createAvatarStyle = (0, common_1.createDefaultVariantFactory)();
+exports.AvatarPresets = (0, common_1.includePresets)(function (styles) { return createAvatarStyle(function () { return ({ wrapper: styles }); }); });
+//# 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":";;;AAAA,2CAA8E;AAkB9E,IAAM,iBAAiB,GAAG,IAAA,oCAA2B,GAAqB,CAAA;AAE7D,QAAA,aAAa,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,iBAAiB,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAArB,CAAqB,CAAC,EAA9C,CAA8C,CACrG,CAAA"}

package/dist/components/AvatarGroup/index.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { ComponentVariants } from '@codeleap/common';
+import { StylesOf } from '../../types';
+import { AvatarGroupComposition, AvatarGroupPresets } from './styles';
+import { ViewProps } from '../View';
+import { AvatarProps } from '../Avatar';
+export type AvatarGroupProps = ComponentVariants<typeof AvatarGroupPresets> & {
+    styles?: StylesOf<AvatarGroupComposition>;
+    style?: ViewProps['style'];
+    avatars: AvatarProps[];
+    displacement?: number;
+    avatarVariants?: AvatarProps['variants'];
+};
+export declare const AvatarGroup: {
+    (props: AvatarGroupProps): JSX.Element;
+    defaultProps: Partial<AvatarGroupProps>;
+};
+export * from './styles';

package/dist/components/AvatarGroup/index.js

@@ -0,0 +1,70 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AvatarGroup = void 0;
+var common_1 = require("@codeleap/common");
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var View_1 = require("../View");
+var Avatar_1 = require("../Avatar");
+var defaultProps = {
+    displacement: 20.5,
+};
+var AvatarGroup = function (props) {
+    var _a = __assign(__assign({}, defaultProps), props), _b = _a.variants, variants = _b === void 0 ? [] : _b, _c = _a.avatars, avatars = _c === void 0 ? [] : _c, avatarVariants = _a.avatarVariants, styles = _a.styles, style = _a.style, displacement = _a.displacement, viewProps = __rest(_a, ["variants", "avatars", "avatarVariants", "styles", "style", "displacement"]);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:AvatarGroup', {
+        variants: variants,
+        styles: styles,
+        transform: react_native_1.StyleSheet.flatten,
+    });
+    var avatarStyles = (0, common_1.useNestedStylesByKey)('avatar', variantStyles);
+    return (<View_1.View style={[variantStyles.wrapper, style]} variants={['row']} {...viewProps}>
+      {avatars.map(function (avatar, index) { return (<Avatar_1.Avatar firstNameOnly key={avatar.debugName || index} {...avatar} variants={avatar.variants || avatarVariants} style={getAvatarStyle(index, displacement)} styles={avatarStyles}/>); })}
+    </View_1.View>);
+};
+exports.AvatarGroup = AvatarGroup;
+exports.AvatarGroup.defaultProps = defaultProps;
+var getAvatarStyle = function (index, displacementPixels) {
+    var displacement = index * 20.5;
+    return { right: "".concat(displacement, "%") };
+};
+__exportStar(require("./styles"), exports);
+//# 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAIyB;AACzB,gDAAyB;AACzB,6CAA+D;AAG/D,gCAAyC;AACzC,oCAA+C;AAU/C,IAAM,YAAY,GAA8B;IAC9C,YAAY,EAAE,IAAI;CACnB,CAAA;AAEM,IAAM,WAAW,GAAG,UAAC,KAAuB;IACjD,IAAM,2BASD,YAAY,GACZ,KAAK,CACT,EAVC,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,cAAc,oBAAA,EACd,MAAM,YAAA,EACN,KAAK,WAAA,EACL,YAAY,kBAAA,EACT,SAAS,cAPR,4EAQL,CAGA,CAAA;IAED,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,eAAe,EAAE;QAC9D,QAAQ,UAAA;QACR,MAAM,QAAA;QACN,SAAS,EAAE,yBAAU,CAAC,OAAO;KAC9B,CAAC,CAAA;IAEF,IAAM,YAAY,GAAG,IAAA,6BAAoB,EAAC,QAAQ,EAAE,aAAa,CAAC,CAAA;IAElE,OAAO,CACL,CAAC,WAAI,CACH,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CACtC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAClB,IAAI,SAAS,CAAC,CAEd;MAAA,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK,IAAK,OAAA,CAC9B,CAAC,eAAM,CACL,aAAa,CACb,GAAG,CAAC,CAAC,MAAM,CAAC,SAAS,IAAI,KAAK,CAAC,CAC/B,IAAI,MAAM,CAAC,CACX,QAAQ,CAAC,CAAC,MAAM,CAAC,QAAQ,IAAI,cAAc,CAAC,CAC5C,KAAK,CAAC,CAAC,cAAc,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAC3C,MAAM,CAAC,CAAC,YAAY,CAAC,EACrB,CACH,EAT+B,CAS/B,CAAC,CACJ;IAAA,EAAE,WAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AAxCY,QAAA,WAAW,eAwCvB;AAED,mBAAW,CAAC,YAAY,GAAG,YAAY,CAAA;AAEvC,IAAM,cAAc,GAAG,UAAC,KAAa,EAAE,kBAA0B;IAC/D,IAAM,YAAY,GAAG,KAAK,GAAG,IAAI,CAAA;IACjC,OAAO,EAAE,KAAK,EAAE,UAAG,YAAY,MAAG,EAAE,CAAA;AACtC,CAAC,CAAA;AAED,2CAAwB"}

package/dist/components/AvatarGroup/styles.d.ts

@@ -0,0 +1,4 @@
+import { AvatarComposition } from '../components';
+export type AvatarGroupParts = 'wrapper';
+export type AvatarGroupComposition = AvatarGroupParts | `avatar${Capitalize<AvatarComposition>}`;
+export declare const AvatarGroupPresets: import("@codeleap/common").IncludePresetsReturn<(styles: any) => (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<AvatarGroupComposition, any>>>;

package/dist/components/AvatarGroup/styles.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AvatarGroupPresets = void 0;
+var common_1 = require("@codeleap/common");
+var createAvatarStyle = (0, common_1.createDefaultVariantFactory)();
+exports.AvatarGroupPresets = (0, common_1.includePresets)(function (styles) { return createAvatarStyle(function () { return ({ wrapper: styles }); }); });
+//# 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":";;;AAAA,2CAA8E;AAO9E,IAAM,iBAAiB,GAAG,IAAA,oCAA2B,GAA0B,CAAA;AAElE,QAAA,kBAAkB,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,iBAAiB,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAArB,CAAqB,CAAC,EAA9C,CAA8C,CAC1G,CAAA"}

package/dist/components/Backdrop/styles.d.ts

@@ -2,15 +2,15 @@ export declare type BackdropComposition = 'wrapper' | 'touchable' | 'wrapper:vis
 export declare const BackdropStyles: {
     default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
     fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
-    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
-    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
     hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
     flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
     row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
     column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
     wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
     absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
     relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
     inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
     block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
     inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;

package/dist/components/Badge/index.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { ComponentVariants, PropsOf, StylesOf } from '@codeleap/common';
+import { Text } from '../Text';
+import { View, ViewProps } from '../View';
+import { BadgeComposition, BadgePresets } from './styles';
+export * from './styles';
+export type BadgeProps = ComponentVariants<typeof BadgePresets> & ViewProps & {
+    styles?: StylesOf<BadgeComposition>;
+    maxCount?: number;
+    minCount?: number;
+    debugName?: string;
+    innerWrapperProps?: Partial<PropsOf<typeof View>>;
+    textProps?: Partial<PropsOf<typeof Text>>;
+    getBadgeContent?: (props: BadgeContent) => string;
+    renderBadgeContent?: (props: BadgeContent & {
+        content: string;
+    }) => JSX.Element;
+    disabled?: boolean;
+    badge?: number | boolean;
+};
+type BadgeContent = BadgeProps & {
+    count: number;
+};
+export type BadgeComponentProps = {
+    badge?: BadgeProps['badge'];
+    badgeProps?: Partial<BadgeProps>;
+};
+export declare const Badge: {
+    (props: BadgeProps): JSX.Element;
+    defaultProps: Partial<BadgeProps>;
+};

package/dist/components/Badge/index.js

@@ -0,0 +1,110 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Badge = void 0;
+var react_1 = __importDefault(require("react"));
+var common_1 = require("@codeleap/common");
+var Text_1 = require("../Text");
+var View_1 = require("../View");
+var react_native_1 = require("react-native");
+__exportStar(require("./styles"), exports);
+var defaultGetBadgeContent = function (_a) {
+    var count = _a.count, maxCount = _a.maxCount;
+    if (Number(count) > maxCount) {
+        return "".concat(maxCount, "+");
+    }
+    else {
+        return String(count);
+    }
+};
+var defaultProps = {
+    maxCount: 9,
+    minCount: 1,
+    getBadgeContent: defaultGetBadgeContent,
+    renderBadgeContent: null,
+    disabled: false,
+    badge: true,
+};
+var Badge = function (props) {
+    var allProps = __assign(__assign({}, exports.Badge.defaultProps), props);
+    var debugName = allProps.debugName, _a = allProps.innerWrapperProps, innerWrapperProps = _a === void 0 ? {} : _a, _b = allProps.textProps, textProps = _b === void 0 ? {} : _b, maxCount = allProps.maxCount, minCount = allProps.minCount, getBadgeContent = allProps.getBadgeContent, renderBadgeContent = allProps.renderBadgeContent, _c = allProps.styles, styles = _c === void 0 ? {} : _c, variants = allProps.variants, disabled = allProps.disabled, _d = allProps.style, style = _d === void 0 ? {} : _d, badge = allProps.badge, rest = __rest(allProps, ["debugName", "innerWrapperProps", "textProps", "maxCount", "minCount", "getBadgeContent", "renderBadgeContent", "styles", "variants", "disabled", "style", "badge"]);
+    var visible = (common_1.TypeGuards.isBoolean(badge) && badge === true) || common_1.TypeGuards.isNumber(badge);
+    if (!visible)
+        return null;
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Badge', {
+        variants: variants,
+        styles: styles,
+        rootElement: 'wrapper',
+        transform: react_native_1.StyleSheet.flatten,
+    });
+    var wrapperStyles = [
+        variantStyles === null || variantStyles === void 0 ? void 0 : variantStyles.wrapper,
+        (disabled && (variantStyles === null || variantStyles === void 0 ? void 0 : variantStyles['wrapper:disabled'])),
+        style,
+    ];
+    var innerWrapperStyles = [
+        variantStyles === null || variantStyles === void 0 ? void 0 : variantStyles.innerWrapper,
+        (disabled && (variantStyles === null || variantStyles === void 0 ? void 0 : variantStyles['innerWrapper:disabled'])),
+        innerWrapperProps === null || innerWrapperProps === void 0 ? void 0 : innerWrapperProps.style,
+    ];
+    var countStyles = [
+        variantStyles === null || variantStyles === void 0 ? void 0 : variantStyles.count,
+        (disabled && (variantStyles === null || variantStyles === void 0 ? void 0 : variantStyles['count:disabled'])),
+        textProps === null || textProps === void 0 ? void 0 : textProps.style,
+    ];
+    var count = common_1.TypeGuards.isNumber(badge) ? badge : null;
+    var content = getBadgeContent(__assign(__assign({}, props), { maxCount: maxCount, minCount: minCount, count: count }));
+    var showContent = common_1.TypeGuards.isNumber(count) && count >= minCount;
+    var BadgeContent = renderBadgeContent;
+    if (common_1.TypeGuards.isNil(renderBadgeContent)) {
+        BadgeContent = function () { return <Text_1.Text text={content} {...textProps} style={countStyles}/>; };
+    }
+    return (<View_1.View {...rest} style={wrapperStyles}>
+      <View_1.View {...innerWrapperProps} style={innerWrapperStyles}>
+        {showContent
+            ? <BadgeContent {...props} maxCount={maxCount} minCount={minCount} count={count} getBadgeContent={getBadgeContent} content={content}/>
+            : null}
+      </View_1.View>
+    </View_1.View>);
+};
+exports.Badge = Badge;
+exports.Badge.defaultProps = defaultProps;
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Badge/styles.d.ts

@@ -0,0 +1,5 @@
+type BadgeParts = 'wrapper' | 'innerWrapper' | 'count';
+type BadgeStates = 'disabled';
+export type BadgeComposition = `${BadgeParts}:${BadgeStates}` | BadgeParts;
+export declare const BadgePresets: import("@codeleap/common").IncludePresetsReturn<(styles: any) => (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BadgeComposition, any>>>;
+export {};

package/dist/components/Badge/styles.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BadgePresets = void 0;
+var common_1 = require("@codeleap/common");
+var createBadgeStyle = (0, common_1.createDefaultVariantFactory)();
+exports.BadgePresets = (0, common_1.includePresets)(function (styles) { return createBadgeStyle(function () { return ({ wrapper: styles }); }); });
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Badge/styles.ts"],"names":[],"mappings":";;;AAAA,2CAA8E;AAU9E,IAAM,gBAAgB,GACpB,IAAA,oCAA2B,GAAoB,CAAA;AAEpC,QAAA,YAAY,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,gBAAgB,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAArB,CAAqB,CAAC,EAA7C,CAA6C,CAAC,CAAA"}