@codeleap/mobile 4.1.0 → 4.2.2

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,13 @@
+/// <reference types="react" />
+import { AvatarProps } from './types';
+import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
+export * from './styles';
+export * from './types';
+export declare const Avatar: {
+    (props: AvatarProps): JSX.Element;
+    styleRegistryName: string;
+    elements: string[];
+    rootElement: string;
+    withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<AvatarProps, S>) => IJSX;
+    defaultProps: AvatarProps;
+};

package/dist/components/Avatar/index.js

@@ -0,0 +1,112 @@
+"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.Avatar = void 0;
+var react_1 = __importDefault(require("react"));
+var common_1 = require("@codeleap/common");
+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 Registry_1 = require("../../Registry");
+var styles_1 = require("@codeleap/styles");
+var hooks_1 = require("../../hooks");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+var Avatar = function (props) {
+    var _a;
+    var _b = __assign(__assign({}, exports.Avatar.defaultProps), props), debugName = _b.debugName, _c = _b.name, name = _c === void 0 ? '' : _c, firstNameOnly = _b.firstNameOnly, image = _b.image, icon = _b.icon, badgeIcon = _b.badgeIcon, text = _b.text, description = _b.description, onPress = _b.onPress, noFeedback = _b.noFeedback, badge = _b.badge, _d = _b.badgeProps, badgeProps = _d === void 0 ? {} : _d, style = _b.style, viewProps = __rest(_b, ["debugName", "name", "firstNameOnly", "image", "icon", "badgeIcon", "text", "description", "onPress", "noFeedback", "badge", "badgeProps", "style"]);
+    var styles = (0, hooks_1.useStylesFor)(exports.Avatar.styleRegistryName, style);
+    var hasImage = !!image;
+    var _e = (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 === null || initials === void 0 ? void 0 : initials.join(' '),
+            randomColor: (0, common_1.matchInitialToColor)(first[0]),
+        };
+    }, [name, firstNameOnly]), initials = _e.initials, randomColor = _e.randomColor;
+    var renderContent = function () {
+        if (hasImage)
+            return <Image_1.Image source={image} style={styles.image}/>;
+        if (icon)
+            return <Icon_1.Icon name={icon} style={styles.icon}/>;
+        return <Text_1.Text text={text || initials} style={styles.initials}/>;
+    };
+    // @ts-expect-error icss type
+    var hasBackgroundColor = !!((_a = styles === null || styles === void 0 ? void 0 : styles.touchable) === null || _a === void 0 ? void 0 : _a.backgroundColor);
+    var badgeStyles = (0, styles_1.useNestedStylesByKey)('badge', styles);
+    return (<View_1.View {...viewProps} style={styles.wrapper}>
+      <Touchable_1.Touchable debugName={'Avatar:' + debugName} onPress={function () { return onPress === null || onPress === void 0 ? void 0 : onPress(); }} style={[
+            styles.touchable,
+            !hasBackgroundColor && { backgroundColor: randomColor },
+        ]} noFeedback={noFeedback || !onPress}>
+        {renderContent()}
+
+        {!!description ? (<View_1.View style={styles.descriptionOverlay}>
+            <Text_1.Text text={description} style={styles.description}/>
+          </View_1.View>) : null}
+
+        <Badge_1.Badge badge={badge} {...badgeProps} style={badgeStyles}/>
+      </Touchable_1.Touchable>
+
+      {badgeIcon ? (<Touchable_1.Touchable debugName={"AvatarBadge:".concat(debugName)} style={styles.badgeIconWrapper} onPress={function () { return onPress === null || onPress === void 0 ? void 0 : onPress(); }} noFeedback>
+          <Icon_1.Icon name={badgeIcon} style={styles.badgeIcon}/>
+        </Touchable_1.Touchable>) : null}
+    </View_1.View>);
+};
+exports.Avatar = Avatar;
+exports.Avatar.styleRegistryName = 'Avatar';
+exports.Avatar.elements = ['wrapper', 'touchable', 'initials', 'image', 'icon', 'description', 'badge'];
+exports.Avatar.rootElement = 'wrapper';
+exports.Avatar.withVariantTypes = function (styles) {
+    return exports.Avatar;
+};
+exports.Avatar.defaultProps = {
+    badge: false,
+    firstNameOnly: true,
+};
+Registry_1.MobileStyleRegistry.registerComponent(exports.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":"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"}

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

@@ -0,0 +1,2 @@
+import { BadgeComposition } from '../Badge';
+export type AvatarComposition = 'wrapper' | 'touchable' | 'initials' | 'image' | 'icon' | 'iconWrapper' | 'description' | 'descriptionOverlay' | 'badgeIconWrapper' | 'badgeIcon' | `badge${Capitalize<BadgeComposition>}`;

package/dist/components/Avatar/styles.js

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

@@ -0,0 +1,19 @@
+import { StyledProp } from '@codeleap/styles';
+import { BadgeComponentProps } from '../Badge';
+import { IconProps } from '../Icon';
+import { ImageProps } from '../Image';
+import { ViewProps } from '../View';
+import { AvatarComposition } from './styles';
+export type AvatarProps = Omit<ViewProps, 'style'> & BadgeComponentProps & {
+    image?: ImageProps['source'];
+    name?: string | string[];
+    debugName: string;
+    firstNameOnly?: boolean;
+    text?: string;
+    description?: string;
+    icon?: IconProps['name'];
+    badgeIcon?: IconProps['name'];
+    style?: StyledProp<AvatarComposition>;
+    onPress?: () => void;
+    noFeedback?: boolean;
+};

package/dist/components/Avatar/types.js

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { AvatarGroupProps } from './types';
+import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
+export * from './styles';
+export * from './types';
+export declare const AvatarGroup: {
+    (props: AvatarGroupProps): JSX.Element;
+    styleRegistryName: string;
+    elements: string[];
+    rootElement: string;
+    withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<AvatarGroupProps, S>) => IJSX;
+    defaultProps: Partial<AvatarGroupProps>;
+};

package/dist/components/AvatarGroup/index.js

@@ -0,0 +1,79 @@
+"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 react_1 = __importDefault(require("react"));
+var View_1 = require("../View");
+var Avatar_1 = require("../Avatar");
+var styles_1 = require("@codeleap/styles");
+var Registry_1 = require("../../Registry");
+var hooks_1 = require("../../hooks");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+var getAvatarStyle = function (index, displacement) {
+    if (displacement === void 0) { displacement = 20.5; }
+    var right = index * displacement;
+    return { right: "".concat(right, "%") };
+};
+var AvatarGroup = function (props) {
+    var _a;
+    var _b = __assign(__assign({}, exports.AvatarGroup.defaultProps), props), _c = _b.avatars, avatars = _c === void 0 ? [] : _c, style = _b.style, displacement = _b.displacement, debugName = _b.debugName, viewProps = __rest(_b, ["avatars", "style", "displacement", "debugName"]);
+    var styles = (0, hooks_1.useStylesFor)(exports.AvatarGroup.styleRegistryName, style);
+    var avatarStyles = (0, styles_1.useNestedStylesByKey)('avatar', styles);
+    return (<View_1.View {...viewProps} style={styles.wrapper}>
+      {(_a = avatars === null || avatars === void 0 ? void 0 : avatars.map) === null || _a === void 0 ? void 0 : _a.call(avatars, function (avatar, index) {
+            var _a, _b;
+            return (<Avatar_1.Avatar firstNameOnly key={debugName + index} debugName={"".concat(debugName, ": ").concat((_a = avatar === null || avatar === void 0 ? void 0 : avatar.debugName) !== null && _a !== void 0 ? _a : index)} {...avatar} style={[avatarStyles, ((_b = avatar === null || avatar === void 0 ? void 0 : avatar.style) !== null && _b !== void 0 ? _b : {}), getAvatarStyle(index, displacement)]}/>);
+        })}
+    </View_1.View>);
+};
+exports.AvatarGroup = AvatarGroup;
+exports.AvatarGroup.styleRegistryName = 'AvatarGroup';
+exports.AvatarGroup.elements = ['wrapper', 'avatar'];
+exports.AvatarGroup.rootElement = 'wrapper';
+exports.AvatarGroup.withVariantTypes = function (styles) {
+    return exports.AvatarGroup;
+};
+exports.AvatarGroup.defaultProps = {
+    displacement: 20.5,
+};
+Registry_1.MobileStyleRegistry.registerComponent(exports.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,gCAA8B;AAC9B,oCAAkC;AAElC,2CAA8F;AAC9F,2CAAoD;AACpD,qCAA0C;AAE1C,2CAAwB;AACxB,0CAAuB;AAEvB,IAAM,cAAc,GAAG,UAAC,KAAa,EAAE,YAA2B;IAA3B,6BAAA,EAAA,mBAA2B;IAChE,IAAM,KAAK,GAAG,KAAK,GAAG,YAAY,CAAA;IAClC,OAAO,EAAE,KAAK,EAAE,UAAG,KAAK,MAAG,EAAE,CAAA;AAC/B,CAAC,CAAA;AAEM,IAAM,WAAW,GAAG,UAAC,KAAuB;;IACjD,IAAM,2BAOD,mBAAW,CAAC,YAAY,GACxB,KAAK,CACT,EARC,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,SAAS,eAAA,EACN,SAAS,cALR,iDAML,CAGA,CAAA;IAED,IAAM,MAAM,GAAG,IAAA,oBAAY,EAAC,mBAAW,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAEjE,IAAM,YAAY,GAAG,IAAA,6BAAoB,EAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;IAE3D,OAAO,CACL,CAAC,WAAI,CAAC,IAAI,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CACzC;MAAA,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,wDAAG,UAAC,MAAM,EAAE,KAAK;;YAAK,OAAA,CACjC,CAAC,eAAM,CACL,aAAa,CACb,GAAG,CAAC,CAAC,SAAS,GAAG,KAAK,CAAC,CACvB,SAAS,CAAC,CAAC,UAAG,SAAS,eAAK,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,mCAAI,KAAK,CAAE,CAAC,CACzD,IAAI,MAAM,CAAC,CACX,KAAK,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,mCAAI,EAAE,CAAC,EAAE,cAAc,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAClF,CACH,CAAA;SAAA,CAAC,CACJ;IAAA,EAAE,WAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AA7BY,QAAA,WAAW,eA6BvB;AAED,mBAAW,CAAC,iBAAiB,GAAG,aAAa,CAAA;AAC7C,mBAAW,CAAC,QAAQ,GAAG,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;AAC5C,mBAAW,CAAC,WAAW,GAAG,SAAS,CAAA;AAEnC,mBAAW,CAAC,gBAAgB,GAAG,UAAsB,MAAS;IAC5D,OAAO,mBAAqF,CAAA;AAC9F,CAAC,CAAA;AAED,mBAAW,CAAC,YAAY,GAAG;IACzB,YAAY,EAAE,IAAI;CACU,CAAA;AAE9B,8BAAmB,CAAC,iBAAiB,CAAC,mBAAW,CAAC,CAAA"}

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

@@ -0,0 +1,3 @@
+import { AvatarComposition } from '../components';
+export type AvatarGroupParts = 'wrapper';
+export type AvatarGroupComposition = AvatarGroupParts | `avatar${Capitalize<AvatarComposition>}`;

package/dist/components/AvatarGroup/styles.js

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

@@ -0,0 +1,9 @@
+import { StyledProp } from '@codeleap/styles';
+import { AvatarProps } from '../Avatar/types';
+import { AvatarGroupComposition } from './styles';
+export type AvatarGroupProps = {
+    style?: StyledProp<AvatarGroupComposition>;
+    avatars: Partial<AvatarProps>[];
+    displacement?: number;
+    debugName: string;
+};

package/dist/components/AvatarGroup/types.js

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { BackdropProps } from './types';
+import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
+export * from './styles';
+export * from './types';
+export declare const Backdrop: {
+    (props: BackdropProps): JSX.Element;
+    styleRegistryName: string;
+    elements: string[];
+    rootElement: string;
+    withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<BackdropProps, S>) => IJSX;
+    defaultProps: Partial<BackdropProps>;
+};

package/dist/components/Backdrop/index.js

@@ -0,0 +1,77 @@
+"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.Backdrop = void 0;
+var react_1 = __importDefault(require("react"));
+var Touchable_1 = require("../Touchable");
+var View_1 = require("../View");
+var Registry_1 = require("../../Registry");
+var hooks_1 = require("../../hooks");
+var react_native_reanimated_1 = require("react-native-reanimated");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+var Backdrop = function (props) {
+    var _a = __assign(__assign({}, exports.Backdrop.defaultProps), props), visible = _a.visible, children = _a.children, _b = _a.wrapperProps, wrapperProps = _b === void 0 ? {} : _b, style = _a.style, entering = _a.entering, exiting = _a.exiting, rest = __rest(_a, ["visible", "children", "wrapperProps", "style", "entering", "exiting"]);
+    var styles = (0, hooks_1.useStylesFor)(exports.Backdrop.styleRegistryName, style);
+    var isPressable = !!(props === null || props === void 0 ? void 0 : props.onPress);
+    if (!visible)
+        return null;
+    return (<View_1.View.Animated pointerEvents={visible ? 'auto' : 'none'} entering={entering} exiting={exiting} {...wrapperProps} style={styles.wrapper}>
+      {isPressable
+            ? <Touchable_1.Touchable {...rest} style={styles.touchable} noFeedback android_ripple={null}/>
+            : null}
+
+      {children}
+    </View_1.View.Animated>);
+};
+exports.Backdrop = Backdrop;
+exports.Backdrop.styleRegistryName = 'Backdrop';
+exports.Backdrop.elements = ['wrapper', 'touchable', 'transition'];
+exports.Backdrop.rootElement = 'wrapper';
+exports.Backdrop.withVariantTypes = function (styles) {
+    return exports.Backdrop;
+};
+exports.Backdrop.defaultProps = {
+    entering: react_native_reanimated_1.FadeIn.build(),
+    exiting: react_native_reanimated_1.FadeOut.build(),
+};
+Registry_1.MobileStyleRegistry.registerComponent(exports.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,0CAAwC;AACxC,gCAA8B;AAI9B,2CAAoD;AACpD,qCAA0C;AAC1C,mEAAyD;AAEzD,2CAAwB;AACxB,0CAAuB;AAEhB,IAAM,QAAQ,GAAG,UAAC,KAAoB;IAC3C,IAAM,2BASD,gBAAQ,CAAC,YAAY,GACrB,KAAK,CACT,EAVC,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,oBAAiB,EAAjB,YAAY,mBAAG,EAAE,KAAA,EACjB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACJ,IAAI,cAPH,uEAQL,CAGA,CAAA;IAED,IAAM,MAAM,GAAG,IAAA,oBAAY,EAAC,gBAAQ,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAE9D,IAAM,WAAW,GAAG,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAA,CAAA;IAEpC,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,OAAO,CACL,CAAC,WAAI,CAAC,QAAQ,CACZ,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAEzC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,IAAI,YAAY,CAAC,CACjB,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAGtB;MAAA,CAAC,WAAW;YACV,CAAC,CAAC,CAAC,qBAAS,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,EAAG;YACnF,CAAC,CAAC,IAAI,CAER;;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,WAAI,CAAC,QAAQ,CAAC,CACjB,CAAA;AACH,CAAC,CAAA;AArCY,QAAA,QAAQ,YAqCpB;AAED,gBAAQ,CAAC,iBAAiB,GAAG,UAAU,CAAA;AACvC,gBAAQ,CAAC,QAAQ,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,CAAA;AAC1D,gBAAQ,CAAC,WAAW,GAAG,SAAS,CAAA;AAEhC,gBAAQ,CAAC,gBAAgB,GAAG,UAAsB,MAAS;IACzD,OAAO,gBAA+E,CAAA;AACxF,CAAC,CAAA;AAED,gBAAQ,CAAC,YAAY,GAAG;IACtB,QAAQ,EAAE,gCAAM,CAAC,KAAK,EAAE;IACxB,OAAO,EAAE,iCAAO,CAAC,KAAK,EAAE;CACC,CAAA;AAE3B,8BAAmB,CAAC,iBAAiB,CAAC,gBAAQ,CAAC,CAAA"}

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

@@ -0,0 +1 @@
+export type BackdropComposition = 'wrapper' | 'touchable' | 'wrapper:visible' | 'wrapper:hidden' | 'transition';

package/dist/components/Backdrop/styles.js

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

@@ -0,0 +1,14 @@
+import { StyledProp } from '@codeleap/styles';
+import { ReactNode } from 'react';
+import { TouchableProps } from '../Touchable';
+import { ViewProps } from '../View/types';
+import { BackdropComposition } from './styles';
+import { ReanimatedEnteringAnimation, ReanimatedExitingAnimation } from '../../types';
+export type BackdropProps = Omit<TouchableProps, 'style'> & {
+    children?: ReactNode;
+    visible: boolean;
+    wrapperProps?: ViewProps;
+    style?: StyledProp<BackdropComposition>;
+    exiting?: ReanimatedExitingAnimation;
+    entering?: ReanimatedEnteringAnimation;
+};

package/dist/components/Backdrop/types.js

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

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { BadgeProps } from './types';
+import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
+export * from './styles';
+export * from './types';
+export declare const Badge: {
+    (props: BadgeProps): JSX.Element;
+    styleRegistryName: string;
+    elements: string[];
+    rootElement: string;
+    defaultProps: Partial<BadgeProps>;
+    withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<BadgeProps, S>) => IJSX;
+};

package/dist/components/Badge/index.js

@@ -0,0 +1,109 @@
+"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 Registry_1 = require("../../Registry");
+var hooks_1 = require("../../hooks");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+var defaultGetBadgeContent = function (_a) {
+    var count = _a.count, maxCount = _a.maxCount;
+    if (Number(count) > maxCount) {
+        return "".concat(maxCount, "+");
+    }
+    else {
+        return String(count);
+    }
+};
+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, disabled = allProps.disabled, style = allProps.style, badge = allProps.badge, rest = __rest(allProps, ["debugName", "innerWrapperProps", "textProps", "maxCount", "minCount", "getBadgeContent", "renderBadgeContent", "disabled", "style", "badge"]);
+    var visible = (common_1.TypeGuards.isBoolean(badge) && badge === true) || common_1.TypeGuards.isNumber(badge);
+    var styles = (0, hooks_1.useStylesFor)(exports.Badge.styleRegistryName, style);
+    if (!visible)
+        return null;
+    var wrapperStyles = [
+        styles === null || styles === void 0 ? void 0 : styles.wrapper,
+        (disabled && (styles === null || styles === void 0 ? void 0 : styles['wrapper:disabled'])),
+    ];
+    var innerWrapperStyles = [
+        styles === null || styles === void 0 ? void 0 : styles.innerWrapper,
+        (disabled && (styles === null || styles === void 0 ? void 0 : styles['innerWrapper:disabled'])),
+        innerWrapperProps === null || innerWrapperProps === void 0 ? void 0 : innerWrapperProps.style,
+    ];
+    var countStyles = [
+        styles === null || styles === void 0 ? void 0 : styles.count,
+        (disabled && (styles === null || styles === void 0 ? void 0 : styles['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 = common_1.TypeGuards.isNil(renderBadgeContent) ? function () { return <Text_1.Text text={content} {...textProps} style={countStyles}/>; } : renderBadgeContent;
+    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.styleRegistryName = 'Badge';
+exports.Badge.elements = ['wrapper', 'innerWrapper', 'count'];
+exports.Badge.rootElement = 'wrapper';
+exports.Badge.defaultProps = {
+    maxCount: 9,
+    minCount: 1,
+    getBadgeContent: defaultGetBadgeContent,
+    renderBadgeContent: null,
+    disabled: false,
+    badge: true,
+};
+exports.Badge.withVariantTypes = function (styles) {
+    return exports.Badge;
+};
+Registry_1.MobileStyleRegistry.registerComponent(exports.Badge);
+//# 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,4 @@
+type BadgeParts = 'wrapper' | 'innerWrapper' | 'count';
+type BadgeStates = 'disabled';
+export type BadgeComposition = `${BadgeParts}:${BadgeStates}` | BadgeParts;
+export {};

package/dist/components/Badge/styles.js

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

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { PropsOf } from '@codeleap/common';
+import { StyledProp } from '@codeleap/styles';
+import { Text } from '../Text';
+import { View, ViewProps } from '../View';
+import { BadgeComposition } from './styles';
+export type BadgeProps = Omit<ViewProps, 'style'> & {
+    style?: StyledProp<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;
+};
+export type BadgeContent = BadgeProps & {
+    count: number;
+};
+export type BadgeComponentProps = {
+    badge?: BadgeProps['badge'];
+    badgeProps?: Partial<BadgeProps>;
+};