@codeleap/mobile 1.9.33 → 2.0.2

package/dist/components/TextInput/styles.js

@@ -0,0 +1,68 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextInputStyles = void 0;
+var common_1 = require("@codeleap/common");
+var createTextInputStyle = (0, common_1.createDefaultVariantFactory)();
+var presets = (0, common_1.includePresets)(function (styles) { return createTextInputStyle(function () { return ({ wrapper: styles }); }); });
+exports.TextInputStyles = __assign(__assign({}, presets), { default: createTextInputStyle(function (theme) { return ({
+        textField: __assign(__assign(__assign(__assign({}, theme.spacing.padding(0)), theme.spacing.paddingHorizontal(1)), (0, common_1.assignTextStyle)('p1')(theme).text), { minWidth: 1, backgroundColor: 'transparent', flex: 1 }),
+        placeholder: {
+            color: theme.colors.lightGray,
+        },
+        selection: {
+            color: theme.colors.primary,
+        },
+        wrapper: {
+            display: 'flex',
+            flexDirection: 'column',
+        },
+        innerWrapper: __assign(__assign(__assign(__assign(__assign({}, theme.spacing.paddingVertical(0.5)), theme.spacing.paddingHorizontal(1)), theme.presets.row), theme.border.neutral(1)), { display: 'flex', alignItems: 'center' }),
+        label: __assign(__assign({}, theme.spacing.marginBottom(1)), (0, common_1.assignTextStyle)('h5')(theme).text),
+        'icon': {
+            color: theme.colors.neutral,
+        },
+        'icon:error': {
+            color: theme.colors.negative,
+        },
+        'icon:focus': {
+            color: theme.colors.primary,
+        },
+        leftIconTouchableWrapper: {
+        // ...theme.spacing.marginRight(0.5),
+        },
+        rightIconTouchableWrapper: {
+        // ...theme.spacing.marginLeft(0.5),
+        },
+        error: {
+            color: theme.colors.negative,
+        },
+        subtitleWrapper: __assign(__assign(__assign(__assign({}, theme.spacing.marginTop(0.2)), theme.presets.row), theme.presets.justifySpaceBetween), theme.presets.alignCenter),
+        subtitle: __assign({}, theme.presets.textRight),
+        'label:error': {
+            color: theme.colors.negative,
+        },
+        'innerWrapper:error': __assign({}, theme.border.negative(1)),
+        'innerWrapper:focus': __assign({}, theme.border.primary(1)),
+        requiredAsterisk: {
+            color: theme.colors.negative,
+        },
+        labelWrapper: __assign({}, theme.presets.row),
+    }); }), line: createTextInputStyle(function (theme) { return ({
+        innerWrapper: __assign({}, theme.border.neutral({ width: 1, directions: ['bottom'] })),
+    }); }), box: createTextInputStyle(function (theme) { return ({
+        innerWrapper: __assign({}, theme.border.neutral(1)),
+    }); }), pill: createTextInputStyle(function (theme) { return ({
+        innerWrapper: __assign(__assign({}, theme.border.neutral(1)), { borderRadius: 15 }),
+    }); }) });
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+import { ComponentVariants, BaseViewProps, AnyFunction } from '@codeleap/common';
+import { Pressable, View as RNView } from 'react-native';
+import { TouchableComposition, TouchableStyles } from './styles';
+import { StylesOf } from '../../types';
+export declare type TouchableProps = Omit<ComponentPropsWithoutRef<typeof Pressable>, 'onPress'> & {
+    variants?: ComponentVariants<typeof TouchableStyles>['variants'];
+    component?: any;
+    ref?: React.Ref<RNView>;
+    debugName: string;
+    activeOpacity?: number;
+    debugComponent?: string;
+    onPress?: AnyFunction;
+    noFeedback?: boolean;
+    styles?: StylesOf<TouchableComposition>;
+} & BaseViewProps;
+export * from './styles';
+export declare const Touchable: React.FC<TouchableProps>;
+export declare const AnimatedTouchable: React.FC<TouchableProps>;

package/dist/components/Touchable/index.js

@@ -0,0 +1,165 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnimatedTouchable = exports.Touchable = void 0;
+var React = __importStar(require("react"));
+var react_1 = require("react");
+var common_1 = require("@codeleap/common");
+var react_native_1 = require("react-native");
+var react_native_animatable_1 = require("react-native-animatable");
+var View_1 = require("../View");
+var utils_1 = require("../../utils");
+__exportStar(require("./styles"), exports);
+var defaultWrapperStyles = {
+    paddingTop: 0,
+    paddingLeft: 0,
+    paddingRight: 0,
+    paddingBottom: 0,
+    overflow: 'hidden',
+    alignItems: 'stretch',
+};
+var defaultPressableStyles = {
+    marginTop: 0,
+    marginLeft: 0,
+    marginRight: 0,
+    marginBottom: 0,
+};
+var ripplePressableStyles = {
+// position: 'absolute',
+// top: 0,
+// left: 0,
+// right: 0,
+// bottom: 0,
+// width: '100%',
+// minWidth: '100%',
+// maxWidth: '100%',
+// height: '100%',
+// minHeight: '100%',
+// maxHeight: '100%',
+// flex: 1,
+};
+exports.Touchable = (0, react_1.forwardRef)(function (touchableProps, ref) {
+    var _a = touchableProps.variants, variants = _a === void 0 ? [] : _a, children = touchableProps.children, onPress = touchableProps.onPress, style = touchableProps.style, debugName = touchableProps.debugName, debugComponent = touchableProps.debugComponent, _b = touchableProps.noFeedback, noFeedback = _b === void 0 ? false : _b, styles = touchableProps.styles, props = __rest(touchableProps, ["variants", "children", "onPress", "style", "debugName", "debugComponent", "noFeedback", "styles"]);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Touchable', {
+        variants: variants,
+        transform: react_native_1.StyleSheet.flatten,
+        rootElement: 'wrapper',
+        styles: styles,
+    });
+    var logger = (0, common_1.useCodeleapContext)().logger;
+    var press = function () {
+        if (!onPress) {
+            throw { message: 'No onPress passed to touchable', touchableProps: touchableProps };
+        }
+        logger.log("<".concat(debugComponent || 'Touchable', "/>  pressed"), debugName || variants, 'User interaction');
+        onPress && onPress();
+    };
+    var _styles = react_native_1.StyleSheet.flatten([variantStyles.wrapper, style]);
+    var disableFeedback = !onPress || noFeedback;
+    var _c = (0, utils_1.usePressableFeedback)(_styles, {
+        hightlightPropertyIn: 'backgroundColor',
+        hightlightPropertyOut: 'backgroundColor',
+        disabled: disableFeedback,
+        feedbackConfig: variantStyles === null || variantStyles === void 0 ? void 0 : variantStyles.feedback,
+    }), rippleConfig = _c.rippleConfig, getFeedbackStyle = _c.getFeedbackStyle;
+    var Wrapper = View_1.View;
+    var _d = React.useMemo(function () {
+        var wrapperkeys = [
+            'margin',
+            'alignSelf',
+            'border',
+            // 'flex!',
+        ];
+        var sharedKeys = [
+            'width!',
+            'height!',
+            'flex!',
+            'position!',
+            'top!',
+            'left!',
+            'right!',
+            'bottom!',
+        ];
+        var wrapperStyle = {};
+        var pressableStyle = {};
+        var match = function (k, key) {
+            if (k.endsWith('!')) {
+                return key === k.substring(0, k.length - 1);
+            }
+            else {
+                return key.startsWith(k);
+            }
+        };
+        Object.entries(_styles).forEach(function (_a) {
+            var key = _a[0], value = _a[1];
+            if (wrapperkeys.some(function (k) { return match(k, key); })) {
+                wrapperStyle[key] = value;
+            }
+            else if (sharedKeys.some(function (k) { return match(k, key); })) {
+                wrapperStyle[key] = value;
+                pressableStyle[key] = value;
+            }
+            else {
+                pressableStyle[key] = value;
+            }
+        });
+        wrapperStyle.overflow = 'hidden';
+        // wrapperStyle.flexDirection = 'row'
+        // wrapperStyle.alignItems = 'stretch'
+        return {
+            wrapperStyle: wrapperStyle,
+            pressableStyle: pressableStyle,
+        };
+    }, [JSON.stringify(_styles)]), wrapperStyle = _d.wrapperStyle, pressableStyle = _d.pressableStyle;
+    return (<Wrapper style={[wrapperStyle]}>
+      <react_native_1.Pressable onPress={press} style={function (_a) {
+            var pressed = _a.pressed;
+            return ([
+                // defaultPressableStyles,
+                pressableStyle,
+                // !!rippleConfig && ripplePressableStyles,
+                getFeedbackStyle(pressed),
+            ]);
+        }} android_ripple={rippleConfig} {...props} ref={ref}>
+        {children}
+      </react_native_1.Pressable>
+    </Wrapper>);
+});
+exports.AnimatedTouchable = (0, react_native_animatable_1.createAnimatableComponent)(exports.Touchable);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,58 @@
+import { StylesOf } from '../../types';
+import { TouchableFeedbackConfig } from '../../utils';
+export declare type TouchableComposition = 'wrapper' | 'feedback' | 'pressable';
+export declare type TouchableStylesGen<TCSS = any> = StylesOf<Exclude<TouchableComposition, 'feedback'>> & {
+    feedback?: TouchableFeedbackConfig;
+};
+export declare const TouchableStyles: {
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
+};

package/dist/components/Touchable/styles.js

@@ -0,0 +1,24 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TouchableStyles = void 0;
+var common_1 = require("@codeleap/common");
+var createTouchableStyle = (0, common_1.createDefaultVariantFactory)();
+var presets = (0, common_1.includePresets)(function (styles) { return createTouchableStyle(function () { return ({ wrapper: styles, pressable: styles }); }); });
+exports.TouchableStyles = __assign(__assign({}, presets), { default: createTouchableStyle(function (t) { return ({
+        feedback: {
+            type: 'opacity',
+            value: 0.5,
+        },
+    }); }) });
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Touchable/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA8E;AAU9E,IAAM,oBAAoB,GAAG,IAAA,oCAA2B,GAGrD,CAAA;AAEH,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,oBAAoB,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,EAAxC,CAAwC,CAAC,EAApE,CAAoE,CAC9G,CAAA;AAEY,QAAA,eAAe,yBACvB,OAAO,KACV,OAAO,EAAE,oBAAoB,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC;QACpC,QAAQ,EAAE;YACR,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,GAAG;SACX;KACF,CAAC,EALmC,CAKnC,CAAC,IAEJ"}

package/dist/components/{View.d.ts → View/index.d.ts}

@@ -3,6 +3,7 @@ import { ComponentPropsWithoutRef } from 'react';
 import { ComponentVariants, ViewStyles, BaseViewProps } from '@codeleap/common';
 import { View as NativeView } from 'react-native';
 import { MotiProps } from 'moti';
+export * from './styles';
 export declare type ViewProps = ComponentPropsWithoutRef<typeof NativeView> & ComponentVariants<typeof ViewStyles> & {
     ref?: any;
     component?: any;
@@ -121,3 +122,8 @@ export declare const AnimatedView: React.ForwardRefExoticComponent<{
     component?: any;
     animated?: boolean;
 } & BaseViewProps>;
+declare type GapProps = ViewProps & {
+    value: number;
+    defaultProps?: any;
+};
+export declare const Gap: React.FC<GapProps>;

package/dist/components/View/index.js

@@ -0,0 +1,99 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Gap = exports.AnimatedView = exports.View = void 0;
+var React = __importStar(require("react"));
+var Animatable = __importStar(require("react-native-animatable"));
+var react_1 = require("react");
+var common_1 = require("@codeleap/common");
+var react_native_1 = require("react-native");
+var moti_1 = require("moti");
+__exportStar(require("./styles"), exports);
+exports.View = (0, react_1.forwardRef)(function (viewProps, ref) {
+    var _a = viewProps.responsiveVariants, responsiveVariants = _a === void 0 ? {} : _a, _b = viewProps.variants, variants = _b === void 0 ? [] : _b, children = viewProps.children, style = viewProps.style, component = viewProps.component, _c = viewProps.animated, animated = _c === void 0 ? false : _c, props = __rest(viewProps, ["responsiveVariants", "variants", "children", "style", "component", "animated"]);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('View', {
+        responsiveVariants: responsiveVariants,
+        variants: variants,
+    });
+    var Component = animated ? moti_1.MotiView : (component || react_native_1.View);
+    return (<Component style={[variantStyles.wrapper, style]} ref={ref} {...props}>
+      {children}
+    </Component>);
+});
+exports.AnimatedView = Animatable.createAnimatableComponent(exports.View);
+var Gap = function (_a) {
+    var _b;
+    var children = _a.children, value = _a.value, _c = _a.defaultProps, defaultProps = _c === void 0 ? {} : _c, props = __rest(_a, ["children", "value", "defaultProps"]);
+    var Theme = (0, common_1.useCodeleapContext)().Theme;
+    var horizontal = (_b = props.variants) === null || _b === void 0 ? void 0 : _b.includes('row');
+    return (<exports.View {...props}>
+      {React.Children.toArray(children).map(function (Element, idx, childArr) {
+            if (React.isValidElement(Element)) {
+                var props_1 = __assign(__assign({}, Element.props), defaultProps);
+                var spacingFunction = horizontal ? 'marginHorizontal' : 'marginVertical';
+                switch (idx) {
+                    case 0:
+                        spacingFunction = horizontal ? 'marginRight' : 'marginBottom';
+                        break;
+                    case childArr.length - 1:
+                        spacingFunction = horizontal ? 'marginLeft' : 'marginTop';
+                        break;
+                    default:
+                        break;
+                }
+                props_1.style = [props_1.style, Theme.spacing[spacingFunction](value / 2)];
+                return React.cloneElement(Element, props_1);
+            }
+            return Element;
+        })}
+    </exports.View>);
+};
+exports.Gap = Gap;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,54 @@
+export declare type ViewComposition = 'wrapper';
+export declare const ViewStyles: {
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    separator: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
+};

package/dist/components/View/styles.js

@@ -0,0 +1,29 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViewStyles = void 0;
+var common_1 = require("@codeleap/common");
+var createViewStyle = (0, common_1.createDefaultVariantFactory)();
+var presets = (0, common_1.includePresets)(function (styles) { return createViewStyle(function () { return ({ wrapper: styles }); }); });
+exports.ViewStyles = __assign(__assign({}, presets), { default: createViewStyle(function (t) { return ({
+    // wrapper: {
+    //   display: 'flex',
+    // },
+    }); }), separator: createViewStyle(function (t) { return ({
+        wrapper: {
+            width: '100%',
+            height: t.values.pixel,
+            backgroundColor: t.colors.borders,
+        },
+    }); }) });
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/View/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA8E;AAI9E,IAAM,eAAe,GAAG,IAAA,oCAA2B,GAAmB,CAAA;AAEtE,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,eAAe,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAArB,CAAqB,CAAC,EAA5C,CAA4C,CACtF,CAAA;AAEY,QAAA,UAAU,yBAClB,OAAO,KACV,OAAO,EAAE,eAAe,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC;IAC/B,aAAa;IACb,qBAAqB;IACrB,KAAK;KACN,CAAC,EAJ8B,CAI9B,CAAC,EACH,SAAS,EAAE,eAAe,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC;QACjC,OAAO,EAAE;YACP,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;YACtB,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO;SAClC;KACF,CAAC,EANgC,CAMhC,CAAC,IACJ"}

package/dist/components/components.d.ts

@@ -20,11 +20,18 @@ export * from './List';
 export * from './ActivityIndicator';
 export * from './Button';
 export * from './ContentView';
-export * from './Overlay';
 export * from './Modal';
-export * from './NewPager';
+export * from './Calendar';
+export * from './ImageView';
 export * from './Navigation';
 export * from './Pager';
 export * from './EmptyPlaceholder';
-export * from './Gap';
 export * from './Backdrop';
+export * from './Drawer';
+export * from './MultiSelect';
+export * from './AutoComplete';
+export * from './Grid';
+export * from './ActionIcon';
+import * as Legacy from './legacy';
+export { Legacy, };
+export * from './defaultStyles';