@codeleap/mobile 1.9.33 → 2.0.2

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

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

package/dist/components/FileInput/styles.js

@@ -0,0 +1,19 @@
+"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.FileInputStyles = void 0;
+var common_1 = require("@codeleap/common");
+var createFileInputStyle = (0, common_1.createDefaultVariantFactory)();
+var presets = (0, common_1.includePresets)(function (styles) { return createFileInputStyle(function () { return ({ wrapper: styles }); }); });
+exports.FileInputStyles = __assign(__assign({}, presets), { default: createFileInputStyle(function (theme) { return ({}); }) });
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/FileInput/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA8E;AAI9E,IAAM,oBAAoB,GACxB,IAAA,oCAA2B,GAAwB,CAAA;AAErD,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,oBAAoB,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAArB,CAAqB,CAAC,EAAjD,CAAiD,CAC3F,CAAA;AAEY,QAAA,eAAe,yBACvB,OAAO,KACV,OAAO,EAAE,oBAAoB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC,EAAE,CAAC,EAAJ,CAAI,CAAC,IAE/C"}

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

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { ComponentVariants } from '@codeleap/common';
+import { FlatGridProps, GridRenderItemInfo } from 'react-native-super-grid';
+import { RefreshControlProps } from 'react-native';
+import { ViewProps } from '../View';
+import { EmptyPlaceholderProps } from '../EmptyPlaceholder';
+import { GridComposition, GridStyles } from './styles';
+import { StylesOf } from '../../types';
+export declare type DataboundFlatGridPropsTypes = 'data' | 'renderItem' | 'keyExtractor' | 'getItemLayout';
+export declare type ReplaceFlatGridProps<P, T> = Omit<P, DataboundFlatGridPropsTypes> & {
+    data: T[];
+    keyExtractor?: (item: T, index: number) => string;
+    renderItem: (data: GridRenderItemInfo<T>) => React.ReactElement;
+    onRefresh?: () => void;
+    getItemLayout?: ((data: T, index: number) => {
+        length: number;
+        offset: number;
+        index: number;
+    });
+};
+export * from './styles';
+export declare type GridProps<T = any[], Data = T extends Array<infer D> ? D : never> = FlatGridProps<Data> & Omit<ViewProps, 'variants'> & {
+    separators?: boolean;
+    placeholder?: EmptyPlaceholderProps;
+    keyboardAware?: boolean;
+    styles?: StylesOf<GridComposition>;
+    refreshControlProps?: Partial<RefreshControlProps>;
+} & ComponentVariants<typeof GridStyles>;
+export declare type GridComponentType = <T extends any[] = any[]>(props: FlatGridProps<T>) => React.ReactElement;
+export declare const Grid: GridComponentType;

package/dist/components/Grid/index.js

@@ -0,0 +1,69 @@
+"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.Grid = void 0;
+var React = __importStar(require("react"));
+var react_1 = require("react");
+var common_1 = require("@codeleap/common");
+var react_native_super_grid_1 = require("react-native-super-grid");
+var react_native_1 = require("react-native");
+var View_1 = require("../View");
+var EmptyPlaceholder_1 = require("../EmptyPlaceholder");
+var utils_1 = require("../../utils");
+__exportStar(require("./styles"), exports);
+var KeyboardAwareFlatGrid = (0, utils_1.listenToKeyboardEvents)(react_native_super_grid_1.FlatGrid);
+var GridCP = (0, react_1.forwardRef)(function (flatGridProps, ref) {
+    var _a = flatGridProps.variants, variants = _a === void 0 ? [] : _a, style = flatGridProps.style, _b = flatGridProps.styles, styles = _b === void 0 ? {} : _b, onRefresh = flatGridProps.onRefresh, refreshing = flatGridProps.refreshing, placeholder = flatGridProps.placeholder, _c = flatGridProps.keyboardAware, keyboardAware = _c === void 0 ? true : _c, _d = flatGridProps.refreshControlProps, refreshControlProps = _d === void 0 ? {} : _d, props = __rest(flatGridProps, ["variants", "style", "styles", "onRefresh", "refreshing", "placeholder", "keyboardAware", "refreshControlProps"]);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Grid', {
+        variants: variants,
+        styles: styles,
+        transform: react_native_1.StyleSheet.flatten,
+    });
+    var renderSeparator = function () {
+        return (<View_1.View variants={['separator']}></View_1.View>);
+    };
+    var separatorProp = props.separators;
+    var isEmpty = !props.data || !props.data.length;
+    var separator = !isEmpty && separatorProp == true && renderSeparator;
+    var Component = keyboardAware ? KeyboardAwareFlatGrid : react_native_super_grid_1.FlatGrid;
+    var refreshStyles = react_native_1.StyleSheet.flatten([variantStyles.refreshControl, styles.refreshControl]);
+    return (<Component style={[variantStyles.wrapper, style]} contentContainerStyle={variantStyles.content} ref={ref} ItemSeparatorComponent={separator} refreshControl={!!onRefresh && (<react_native_1.RefreshControl refreshing={refreshing} onRefresh={onRefresh} tintColor={refreshStyles === null || refreshStyles === void 0 ? void 0 : refreshStyles.color} colors={[refreshStyles === null || refreshStyles === void 0 ? void 0 : refreshStyles.color]} {...refreshControlProps}/>)} ListEmptyComponent={<EmptyPlaceholder_1.EmptyPlaceholder {...placeholder}/>} {...props}/>);
+});
+exports.Grid = GridCP;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Grid/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAAkC;AAClC,2CAGyB;AAEzB,mEAAqF;AACrF,6CAA8E;AAC9E,gCAAyC;AACzC,wDAA6E;AAG7E,qCAAoD;AAepD,2CAAwB;AAExB,IAAM,qBAAqB,GAAG,IAAA,8BAAsB,EAAC,kCAAQ,CAAC,CAAA;AAc9D,IAAM,MAAM,GAAG,IAAA,kBAAU,EACvB,UAAC,aAAa,EAAE,GAAG;IAEf,IAAA,KASE,aAAa,SATF,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAAK,GAQH,aAAa,MARV,EACL,KAOE,aAAa,OAPJ,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,SAAS,GAMP,aAAa,UANN,EACT,UAAU,GAKR,aAAa,WALL,EACV,WAAW,GAIT,aAAa,YAJJ,EACX,KAGE,aAAa,cAHK,EAApB,aAAa,mBAAG,IAAI,KAAA,EACpB,KAEE,aAAa,oBAFS,EAAxB,mBAAmB,mBAAG,EAAE,KAAA,EACrB,KAAK,UACN,aAAa,EAVX,iHAUL,CADS,CACO;IAEjB,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAA8B,QAAQ,EAAE;QACpF,QAAQ,UAAA;QACR,MAAM,QAAA;QACN,SAAS,EAAE,yBAAU,CAAC,OAAO;KAE9B,CAAC,CAAA;IAEF,IAAM,eAAe,GAAG;QACtB,OAAO,CACL,CAAC,WAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,WAAI,CAAC,CACvC,CAAA;IACH,CAAC,CAAA;IAED,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAA;IACtC,IAAM,OAAO,GAAG,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAA;IACjD,IAAM,SAAS,GAAG,CAAC,OAAO,IAAI,aAAa,IAAI,IAAI,IAAI,eAAe,CAAA;IAEtE,IAAM,SAAS,GAAG,aAAa,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,kCAAQ,CAAA;IAClE,IAAM,aAAa,GAAG,yBAAU,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,cAAc,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC,CAAA;IAE/F,OAAO,CACL,CAAC,SAAS,CACR,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CACtC,qBAAqB,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAC7C,GAAG,CAAC,CAAC,GAA0B,CAAC,CAChC,sBAAsB,CAAC,CAAC,SAAS,CAAC,CAClC,cAAc,CAAC,CACb,CAAC,CAAC,SAAS,IAAI,CACb,CAAC,6BAAc,CACb,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,SAAS,CAAC,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,CAAC,CAChC,MAAM,CAAC,CAAC,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,CAAC,CAAC,CAC/B,IAAI,mBAAmB,CAAC,EACxB,CACH,CACF,CAED,kBAAkB,CAAC,CAAC,CAAC,mCAAgB,CAAC,IAAI,WAAW,CAAC,EAAE,CAAC,CACzD,IAAI,KAAK,CAAC,EACV,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAIY,QAAA,IAAI,GAAG,MAA2B,CAAA"}

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

@@ -0,0 +1,5 @@
+import { ListComposition } from '../List';
+export declare type GridComposition = ListComposition;
+export declare const GridStyles: {
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Scroll").ScrollComposition, any>>;
+};

package/dist/components/Grid/styles.js

@@ -0,0 +1,19 @@
+"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.GridStyles = void 0;
+var common_1 = require("@codeleap/common");
+var List_1 = require("../List");
+var createGridStyle = (0, common_1.createDefaultVariantFactory)();
+exports.GridStyles = __assign({}, List_1.ListStyles);
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Grid/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA8D;AAC9D,gCAAqD;AAIrD,IAAM,eAAe,GAAG,IAAA,oCAA2B,GAAmB,CAAA;AAEzD,QAAA,UAAU,gBAClB,iBAAU,EAEd"}

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

@@ -1,5 +1,7 @@
 import * as React from 'react';
-import { ComponentVariants, IconPlaceholder, IconStyles } from '@codeleap/common';
+import { ComponentVariants, IconPlaceholder } from '@codeleap/common';
+export * from './styles';
+import { IconStyles } from './styles';
 export declare type IconProps = {
     name: IconPlaceholder;
     style?: any;

package/dist/components/{Icon.js → Icon/index.js}

@@ -22,6 +22,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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)
@@ -38,7 +41,8 @@ exports.Icon = exports.IconComponent = void 0;
 var React = __importStar(require("react"));
 var common_1 = require("@codeleap/common");
 var react_native_1 = require("react-native");
-var View_1 = require("./View");
+var View_1 = require("../View");
+__exportStar(require("./styles"), exports);
 var IconComponent = function (_a) {
     var _b;
     var name = _a.name, style = _a.style, variants = _a.variants, renderEmptySpace = _a.renderEmptySpace, otherProps = __rest(_a, ["name", "style", "variants", "renderEmptySpace"]);
@@ -68,4 +72,4 @@ function areEqual(prevProps, nextProps) {
     return res;
 }
 exports.Icon = React.memo(exports.IconComponent, areEqual);
-//# sourceMappingURL=Icon.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CAOyB;AACzB,6CAAyC;AACzC,gCAA8B;AAC9B,2CAAwB;AAejB,IAAM,aAAa,GAAwB,UAAC,EAA0D;;IAAxD,IAAA,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,gBAAgB,sBAAA,EAAK,UAAU,cAAxD,iDAA0D,CAAF;IACnG,IAAA,KAAoB,IAAA,2BAAkB,GAAE,EAAtC,KAAK,WAAA,EAAE,MAAM,YAAyB,CAAA;IAE9C,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,MAAM,EAAE;QACrD,QAAQ,UAAA;QACR,SAAS,EAAE,yBAAU,CAAC,OAAO;QAC7B,MAAM,EAAE;YACN,IAAI,EAAE,KAAK;SACZ;QACD,WAAW,EAAE,MAAM;KACpB,CAAC,CAAA;IAEF,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,gBAAgB,CAAC,CAAC,CAAC,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;KACpE;IAED,IAAM,SAAS,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAG,IAAI,CAAC,CAAA;IAEtC,IAAI,CAAC,SAAS,EAAE;QACd,MAAM,CAAC,IAAI,CACT,kDAA0C,IAAI,QAAI,EAClD,EAAE,KAAK,EAAE,EAAE,KAAK,OAAA,EAAE,IAAI,MAAA,EAAE,QAAQ,UAAA,EAAE,aAAa,eAAA,EAAE,EAAC,EAClD,WAAW,CACZ,CAAA;QACD,OAAO,IAAI,CAAA;KACZ;IACD,OAAO,CAAC,SAAS,CAAC,IAAI,UAAU,CAAC,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,EAAG,CAAA;AACjE,CAAC,CAAA;AA3BY,QAAA,aAAa,iBA2BzB;AAED,SAAS,QAAQ,CAAC,SAAS,EAAE,SAAS;IACpC,IAAM,KAAK,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,kBAAkB,CAAC,CAAA;IAC/D,IAAM,GAAG,GAAG,IAAA,sBAAa,EAAC,SAAS,EAAE,SAAS,EAAE,EAAE,KAAK,OAAA,EAAE,CAAC,CAAA;IAC1D,OAAO,GAAG,CAAA;AACZ,CAAC;AAEY,QAAA,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,qBAAa,EAAE,QAAQ,CAAC,CAAA"}

package/dist/components/{NewPager → Icon}/styles.d.ts

@@ -1,87 +1,60 @@
-export declare type NewPagerComposition = 'page' | 'page:transition' | 'page:previous' | 'page:next' | 'page:current' | 'wrapper';
-export declare const defaultPagerTransition: {
-    type: string;
-    duration: number;
-    easing: import("react-native").EasingFunction;
-};
-export declare function pagerAnimation(height: any, width: any, translate?: string, transition?: {
-    type: string;
-    duration: number;
-    easing: import("react-native").EasingFunction;
-}): {
-    wrapper: {
-        height: any;
-        width: any;
-        overflow: string;
-    };
-    'page:transition': {
-        [x: string]: {
-            type: string;
-            duration: number;
-            easing: import("react-native").EasingFunction;
-        };
-    };
-    'page:next': {
-        [x: string]: any;
-    };
-    'page:current': {
-        [x: string]: number;
-    };
-    'page:previous': {
-        [x: string]: number;
-    };
-};
-export declare const NewMobilePagerStyles: {
-    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    horizontal: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    vertical: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
-    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+export declare type IconComposition = 'icon';
+export declare const IconStyles: {
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    white: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    primary: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    negative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    positive: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    small: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    medium: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    large: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
 };

package/dist/components/Icon/styles.js

@@ -0,0 +1,45 @@
+"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.IconStyles = void 0;
+var common_1 = require("@codeleap/common");
+var createIconStyle = (0, common_1.createDefaultVariantFactory)();
+var presets = (0, common_1.includePresets)(function (styles) { return createIconStyle(function () { return ({ icon: styles }); }); });
+exports.IconStyles = __assign(__assign({}, presets), { default: createIconStyle(function (theme) { return ({
+        icon: {
+            color: theme.colors.icon,
+        },
+    }); }), white: createIconStyle(function (theme) { return ({
+        icon: {
+            color: theme.colors.white,
+        },
+    }); }), primary: createIconStyle(function (theme) { return ({
+        icon: {
+            color: theme.colors.primary,
+        },
+    }); }), negative: createIconStyle(function (theme) { return ({
+        icon: {
+            color: theme.colors.negative,
+        },
+    }); }), positive: createIconStyle(function (theme) { return ({
+        icon: {
+            color: theme.colors.positive,
+        },
+    }); }), small: createIconStyle(function (theme) { return ({
+        icon: __assign({}, theme.sized(1)),
+    }); }), medium: createIconStyle(function (theme) { return ({
+        icon: __assign({}, theme.sized(2)),
+    }); }), large: createIconStyle(function (theme) { return ({
+        icon: __assign({}, theme.sized(3)),
+    }); }) });
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Icon/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,IAAI,EAAE,MAAM,EAAE,CAAC,EAAlB,CAAkB,CAAC,EAAzC,CAAyC,CAAC,CAAA;AAExE,QAAA,UAAU,yBAClB,OAAO,KACV,OAAO,EAAE,eAAe,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACnC,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;SACzB;KACF,CAAC,EAJkC,CAIlC,CAAC,EACH,KAAK,EAAE,eAAe,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACjC,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;SAC1B;KACF,CAAC,EAJgC,CAIhC,CAAC,EAEH,OAAO,EAAE,eAAe,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACnC,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;SAC5B;KACF,CAAC,EAJkC,CAIlC,CAAC,EACH,QAAQ,EAAE,eAAe,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACpC,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;SAC7B;KACF,CAAC,EAJmC,CAInC,CAAC,EACH,QAAQ,EAAE,eAAe,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACpC,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;SAC7B;KACF,CAAC,EAJmC,CAInC,CAAC,EACH,KAAK,EAAE,eAAe,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACjC,IAAI,eACC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAClB;KACF,CAAC,EAJgC,CAIhC,CAAC,EACH,MAAM,EAAE,eAAe,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QAClC,IAAI,eACC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAClB;KACF,CAAC,EAJiC,CAIjC,CAAC,EACH,KAAK,EAAE,eAAe,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACjC,IAAI,eACC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAClB;KACF,CAAC,EAJgC,CAIhC,CAAC,IACJ"}

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

@@ -1,8 +1,10 @@
 import * as React from 'react';
-import { ComponentVariants, ImageStyles, MobileInputFile } from '@codeleap/common';
+import { ComponentVariants, FormTypes } from '@codeleap/common';
 import { ComponentPropsWithoutRef } from 'react';
 import { Image as NativeImage, ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';
-import { FastImage } from '../modules/fastImage';
+import { FastImage } from '../../modules/fastImage';
+import { ImageStyles } from './styles';
+export * from './styles';
 declare type NativeImageProps = ComponentPropsWithoutRef<typeof NativeImage>;
 export declare type ImageProps = Omit<NativeImageProps, 'source' | 'style'> & {
     variants?: ComponentVariants<typeof ImageStyles>['variants'];
@@ -10,9 +12,9 @@ export declare type ImageProps = Omit<NativeImageProps, 'source' | 'style'> & {
     style?: StyleProp<ImageStyle | TextStyle | ViewStyle>;
     source: (NativeImageProps['source'] & {
         priority?: keyof typeof FastImage.priority;
-    }) | MobileInputFile | string;
+    }) | FormTypes.AnyFile | string | number;
     resizeMode?: keyof typeof FastImage.resizeMode;
+    spotlight?: string;
 };
 export declare const ImageComponent: React.FC<ImageProps>;
 export declare const Image: React.NamedExoticComponent<ImageProps>;
-export {};

package/dist/components/{Image.js → Image/index.js}

@@ -22,6 +22,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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)
@@ -38,17 +41,45 @@ exports.Image = exports.ImageComponent = void 0;
 var React = __importStar(require("react"));
 var common_1 = require("@codeleap/common");
 var react_native_1 = require("react-native");
-var fastImage_1 = require("../modules/fastImage");
+var fastImage_1 = require("../../modules/fastImage");
+var Spotlight_1 = require("../ImageView/Spotlight");
+var Touchable_1 = require("../Touchable");
+var utils_1 = require("../../utils");
+__exportStar(require("./styles"), exports);
 var ImageComponent = function (props) {
-    var variants = props.variants, style = props.style, _a = props.fast, fast = _a === void 0 ? true : _a, _b = props.resizeMode, resizeMode = _b === void 0 ? 'contain' : _b, imageProps = __rest(props, ["variants", "style", "fast", "resizeMode"]);
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('Image', { variants: variants });
+    var variants = props.variants, style = props.style, _a = props.fast, fast = _a === void 0 ? true : _a, _b = props.spotlight, spotlight = _b === void 0 ? null : _b, _c = props.resizeMode, resizeMode = _c === void 0 ? 'contain' : _c, source = props.source, imageProps = __rest(props, ["variants", "style", "fast", "spotlight", "resizeMode", "source"]);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Image', { variants: variants });
     var styles = react_native_1.StyleSheet.flatten([variantStyles.wrapper, style]);
+    var imSource = source;
+    if ((0, utils_1.isFile)(imSource)) {
+        imSource = (0, utils_1.toMultipartFile)(imSource);
+    }
+    else if (common_1.TypeGuards.isString(source)) {
+        imSource = { uri: source };
+    }
+    var spotlightActions = (0, Spotlight_1.useImageSpotlight)(spotlight, props.source);
+    var Wrapper = !!spotlight ? Touchable_1.Touchable : function (_a) {
+        var children = _a.children;
+        return <>{children}</>;
+    };
+    var wrapperProps = {
+        onPress: spotlightActions.onImagePressed,
+        debugName: "Press spotlight image ".concat(props.source),
+        style: [variantStyles.touchable],
+        android_ripple: null,
+    };
     if (fast) {
-        return (<fastImage_1.FastImage style={styles} 
+        return (<Wrapper {...wrapperProps}>
+
+        <fastImage_1.FastImage style={styles} 
         // @ts-ignore
-        tintColor={styles === null || styles === void 0 ? void 0 : styles.tintColor} resizeMode={fastImage_1.FastImage.resizeMode[resizeMode || 'contain']} {...imageProps}/>);
+        tintColor={styles === null || styles === void 0 ? void 0 : styles.tintColor} source={imSource} resizeMode={fastImage_1.FastImage.resizeMode[resizeMode || 'contain']} {...imageProps}/>
+      </Wrapper>);
     }
-    return <react_native_1.Image style={styles} resizeMode={resizeMode} {...imageProps}/>;
+    return <Wrapper {...wrapperProps}>
+    <react_native_1.Image style={styles} resizeMode={resizeMode} source={imSource} {...imageProps}/>
+
+  </Wrapper>;
 };
 exports.ImageComponent = ImageComponent;
 function areEqual(prevProps, nextProps) {
@@ -57,4 +88,4 @@ function areEqual(prevProps, nextProps) {
     return res;
 }
 exports.Image = React.memo(exports.ImageComponent, areEqual);
-//# sourceMappingURL=Image.js.map
+//# sourceMappingURL=index.js.map

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

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