@evlop/native-components 1.0.70 → 1.0.73

package/dist/main.d.ts

@@ -1,14 +1,14 @@
 export * from 'react-native-elements';
 export * as reactNativeElements from 'react-native-elements';
-export { default as View } from './src/View';
-export { default as Actionable } from './src/Actionable';
-export { default as Text } from './src/Text';
+export { default as View, BaseView } from './src/View';
+export { default as Actionable, BaseActionable } from './src/Actionable';
+export { default as Text, BaseText } from './src/Text';
 export { default as NativeButton } from './src/NativeButton';
-export { default as Button } from './src/Button';
-export { default as Image } from './src/Image';
-export { default as Icon } from './src/Icon';
+export { default as Button, BaseButton } from './src/Button';
+export { default as Image, BaseImage } from './src/Image';
+export { default as Icon, BaseIcon } from './src/Icon';
 export { default as ListItem } from './src/ListItem';
-export { default as Avatar } from './src/Avatar';
+export { default as Avatar, BaseAvatar } from './src/Avatar';
 export { default as Swiper } from './src/Swiper';
 export * from './src/Row';
 export * from './src/Collection';

package/dist/main.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../main.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,OAAO,KAAK,mBAAmB,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,cAAc,CAAC;AAC/C,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../main.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,OAAO,KAAK,mBAAmB,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAC,OAAO,IAAI,IAAI,EAAE,QAAQ,EAAC,MAAM,YAAY,CAAC;AACrD,OAAO,EAAC,OAAO,IAAI,UAAU,EAAE,cAAc,EAAC,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAC,OAAO,IAAI,IAAI,EAAE,QAAQ,EAAC,MAAM,YAAY,CAAC;AACrD,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,MAAM,EAAE,UAAU,EAAC,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,KAAK,EAAE,SAAS,EAAC,MAAM,aAAa,CAAC;AACxD,OAAO,EAAC,OAAO,IAAI,IAAI,EAAE,QAAQ,EAAC,MAAM,YAAY,CAAC;AACrD,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAC,OAAO,IAAI,MAAM,EAAE,UAAU,EAAC,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,cAAc,CAAC;AAC/C,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC"}

package/dist/main.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -25,27 +29,34 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Swiper = exports.Avatar = exports.ListItem = exports.Icon = exports.Image = exports.Button = exports.NativeButton = exports.Text = exports.Actionable = exports.View = exports.reactNativeElements = void 0;
+exports.Swiper = exports.BaseAvatar = exports.Avatar = exports.ListItem = exports.BaseIcon = exports.Icon = exports.BaseImage = exports.Image = exports.BaseButton = exports.Button = exports.NativeButton = exports.BaseText = exports.Text = exports.BaseActionable = exports.Actionable = exports.BaseView = exports.View = exports.reactNativeElements = void 0;
 __exportStar(require("react-native-elements"), exports);
 exports.reactNativeElements = __importStar(require("react-native-elements"));
 var View_1 = require("./src/View");
 Object.defineProperty(exports, "View", { enumerable: true, get: function () { return __importDefault(View_1).default; } });
+Object.defineProperty(exports, "BaseView", { enumerable: true, get: function () { return View_1.BaseView; } });
 var Actionable_1 = require("./src/Actionable");
 Object.defineProperty(exports, "Actionable", { enumerable: true, get: function () { return __importDefault(Actionable_1).default; } });
+Object.defineProperty(exports, "BaseActionable", { enumerable: true, get: function () { return Actionable_1.BaseActionable; } });
 var Text_1 = require("./src/Text");
 Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return __importDefault(Text_1).default; } });
+Object.defineProperty(exports, "BaseText", { enumerable: true, get: function () { return Text_1.BaseText; } });
 var NativeButton_1 = require("./src/NativeButton");
 Object.defineProperty(exports, "NativeButton", { enumerable: true, get: function () { return __importDefault(NativeButton_1).default; } });
 var Button_1 = require("./src/Button");
 Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });
+Object.defineProperty(exports, "BaseButton", { enumerable: true, get: function () { return Button_1.BaseButton; } });
 var Image_1 = require("./src/Image");
 Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return __importDefault(Image_1).default; } });
+Object.defineProperty(exports, "BaseImage", { enumerable: true, get: function () { return Image_1.BaseImage; } });
 var Icon_1 = require("./src/Icon");
 Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return __importDefault(Icon_1).default; } });
+Object.defineProperty(exports, "BaseIcon", { enumerable: true, get: function () { return Icon_1.BaseIcon; } });
 var ListItem_1 = require("./src/ListItem");
 Object.defineProperty(exports, "ListItem", { enumerable: true, get: function () { return __importDefault(ListItem_1).default; } });
 var Avatar_1 = require("./src/Avatar");
 Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return __importDefault(Avatar_1).default; } });
+Object.defineProperty(exports, "BaseAvatar", { enumerable: true, get: function () { return Avatar_1.BaseAvatar; } });
 var Swiper_1 = require("./src/Swiper");
 Object.defineProperty(exports, "Swiper", { enumerable: true, get: function () { return __importDefault(Swiper_1).default; } });
 __exportStar(require("./src/Row"), exports);

package/dist/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sourceRoot":"","sources":["../main.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wDAAsC;AACtC,6EAA6D;AAC7D,mCAA2C;AAAnC,6GAAA,OAAO,OAAQ;AACvB,+CAAuD;AAA/C,yHAAA,OAAO,OAAc;AAC7B,mCAA2C;AAAnC,6GAAA,OAAO,OAAQ;AACvB,mDAA2D;AAAnD,6HAAA,OAAO,OAAgB;AAC/B,uCAA+C;AAAvC,iHAAA,OAAO,OAAU;AACzB,qCAA6C;AAArC,+GAAA,OAAO,OAAS;AACxB,mCAA2C;AAAnC,6GAAA,OAAO,OAAQ;AACvB,2CAAmD;AAA3C,qHAAA,OAAO,OAAY;AAC3B,uCAA+C;AAAvC,iHAAA,OAAO,OAAU;AACzB,uCAA+C;AAAvC,iHAAA,OAAO,OAAU;AACzB,4CAA0B;AAC1B,mDAAiC;AACjC,iDAA+B;AAC/B,gDAA8B;AAC9B,gDAA8B;AAC9B,wDAAsC;AACtC,mDAAiC;AACjC,qDAAmC"}
+{"version":3,"file":"main.js","sourceRoot":"","sources":["../main.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wDAAsC;AACtC,6EAA6D;AAC7D,mCAAqD;AAA7C,6GAAA,OAAO,OAAQ;AAAE,gGAAA,QAAQ,OAAA;AACjC,+CAAuE;AAA/D,yHAAA,OAAO,OAAc;AAAE,4GAAA,cAAc,OAAA;AAC7C,mCAAqD;AAA7C,6GAAA,OAAO,OAAQ;AAAE,gGAAA,QAAQ,OAAA;AACjC,mDAA2D;AAAnD,6HAAA,OAAO,OAAgB;AAC/B,uCAA2D;AAAnD,iHAAA,OAAO,OAAU;AAAE,oGAAA,UAAU,OAAA;AACrC,qCAAwD;AAAhD,+GAAA,OAAO,OAAS;AAAE,kGAAA,SAAS,OAAA;AACnC,mCAAqD;AAA7C,6GAAA,OAAO,OAAQ;AAAE,gGAAA,QAAQ,OAAA;AACjC,2CAAmD;AAA3C,qHAAA,OAAO,OAAY;AAC3B,uCAA2D;AAAnD,iHAAA,OAAO,OAAU;AAAE,oGAAA,UAAU,OAAA;AACrC,uCAA+C;AAAvC,iHAAA,OAAO,OAAU;AACzB,4CAA0B;AAC1B,mDAAiC;AACjC,iDAA+B;AAC/B,gDAA8B;AAC9B,gDAA8B;AAC9B,wDAAsC;AACtC,mDAAiC;AACjC,qDAAmC"}

package/dist/src/Actionable.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare const Actionable: ({ action, ...props }: any) => JSX.Element;
-declare const _default: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+export declare const BaseActionable: ({ action, ...props }: any) => JSX.Element;
+declare const _default: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<any>>;
 export default _default;
 //# sourceMappingURL=Actionable.d.ts.map

package/dist/src/Actionable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Actionable.d.ts","sourceRoot":"","sources":["../../src/Actionable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,eAAO,MAAM,UAAU,yBAAwB,GAAG,gBAOjD,CAAA;;AAED,wBAMiB"}
+{"version":3,"file":"Actionable.d.ts","sourceRoot":"","sources":["../../src/Actionable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,eAAO,MAAM,cAAc,yBAAwB,GAAG,gBAOrD,CAAA;;AAED,wBAMqB"}

package/dist/src/Actionable.js

@@ -14,28 +14,28 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Actionable = void 0;
+exports.BaseActionable = void 0;
 const commons_1 = require("@evlop/commons");
 const react_1 = __importDefault(require("react"));
 const react_native_1 = require("react-native");
 const native_1 = __importDefault(require("styled-components/native"));
 const styled_system_1 = require("styled-system");
 const View_1 = __importDefault(require("./View"));
-const StyledPressable = native_1.default(react_native_1.Pressable)(styled_system_1.border, styled_system_1.background, styled_system_1.layout, styled_system_1.space);
-const Actionable = (_a) => {
+const StyledPressable = (0, native_1.default)(react_native_1.Pressable)(styled_system_1.border, styled_system_1.background, styled_system_1.layout, styled_system_1.space);
+const BaseActionable = (_a) => {
     var { action } = _a, props = __rest(_a, ["action"]);
-    const isEditing = commons_1.useEditable();
-    const onPress = commons_1.useAction(action);
+    const isEditing = (0, commons_1.useEditable)();
+    const onPress = (0, commons_1.useAction)(action);
     if (isEditing)
         return react_1.default.createElement(View_1.default, Object.assign({}, props));
     return react_1.default.createElement(StyledPressable, Object.assign({ onPress: onPress }, props));
 };
-exports.Actionable = Actionable;
-exports.default = commons_1.withSettings({
+exports.BaseActionable = BaseActionable;
+exports.default = (0, commons_1.withSettings)({
     name: 'Actionable',
     configurationOptions: [],
     valueOptions: [
         { type: 'app-action', name: 'action', label: 'Action' },
     ],
-})(exports.Actionable);
+})(exports.BaseActionable);
 //# sourceMappingURL=Actionable.js.map

package/dist/src/Actionable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actionable.js","sourceRoot":"","sources":["../../src/Actionable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,4CAAsE;AACtE,kDAA0B;AAC1B,+CAAyC;AACzC,sEAA8C;AAC9C,iDAAkE;AAClE,kDAA0B;AAE1B,MAAM,eAAe,GAAG,gBAAM,CAAC,wBAAS,CAAC,CACrC,sBAAM,EACN,0BAAU,EACV,sBAAM,EACN,qBAAK,CACR,CAAA;AAEM,MAAM,UAAU,GAAG,CAAC,EAAuB,EAAE,EAAE;QAA3B,EAAC,MAAM,OAAgB,EAAX,KAAK,cAAjB,UAAkB,CAAD;IACxC,MAAM,SAAS,GAAG,qBAAW,EAAE,CAAC;IAChC,MAAM,OAAO,GAAG,mBAAS,CAAC,MAAM,CAAC,CAAC;IAElC,IAAG,SAAS;QAAE,OAAO,8BAAC,cAAI,oBAAK,KAAK,EAAI,CAAA;IAExC,OAAO,8BAAC,eAAe,kBAAC,OAAO,EAAE,OAAO,IAAM,KAAK,EAAI,CAAE;AAC7D,CAAC,CAAA;AAPY,QAAA,UAAU,cAOtB;AAED,kBAAe,sBAAY,CAAC;IACxB,IAAI,EAAE,YAAY;IAClB,oBAAoB,EAAE,EAAE;IACxB,YAAY,EAAE;QACV,EAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAC;KACxD;CACF,CAAC,CAAC,kBAAU,CAAC,CAAC"}
+{"version":3,"file":"Actionable.js","sourceRoot":"","sources":["../../src/Actionable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,4CAAsE;AACtE,kDAA0B;AAC1B,+CAAyC;AACzC,sEAA8C;AAC9C,iDAAkE;AAClE,kDAA0B;AAE1B,MAAM,eAAe,GAAG,IAAA,gBAAM,EAAC,wBAAS,CAAC,CACrC,sBAAM,EACN,0BAAU,EACV,sBAAM,EACN,qBAAK,CACR,CAAA;AAEM,MAAM,cAAc,GAAG,CAAC,EAAuB,EAAE,EAAE;QAA3B,EAAC,MAAM,OAAgB,EAAX,KAAK,cAAjB,UAAkB,CAAD;IAC5C,MAAM,SAAS,GAAG,IAAA,qBAAW,GAAE,CAAC;IAChC,MAAM,OAAO,GAAG,IAAA,mBAAS,EAAC,MAAM,CAAC,CAAC;IAElC,IAAG,SAAS;QAAE,OAAO,8BAAC,cAAI,oBAAK,KAAK,EAAI,CAAA;IAExC,OAAO,8BAAC,eAAe,kBAAC,OAAO,EAAE,OAAO,IAAM,KAAK,EAAI,CAAE;AAC7D,CAAC,CAAA;AAPY,QAAA,cAAc,kBAO1B;AAED,kBAAe,IAAA,sBAAY,EAAC;IACxB,IAAI,EAAE,YAAY;IAClB,oBAAoB,EAAE,EAAE;IACxB,YAAY,EAAE;QACV,EAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAC;KACxD;CACF,CAAC,CAAC,sBAAc,CAAC,CAAC"}

package/dist/src/Avatar.d.ts

@@ -1,3 +1,7 @@
+import React from 'react';
+import { Avatar } from 'react-native-elements';
+import { AnyProps } from '../types';
+export declare const BaseAvatar: React.ForwardRefExoticComponent<Pick<AnyProps, string | number> & React.RefAttributes<Avatar>>;
 declare const AvatarWithSettings: any;
 export default AvatarWithSettings;
 //# sourceMappingURL=Avatar.d.ts.map

package/dist/src/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Avatar.tsx"],"names":[],"mappings":"AA6BA,QAAA,MAAM,kBAAkB,EAAE,GA6BZ,CAAC;AAIf,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,eAAO,MAAM,UAAU,gGAqBtB,CAAC;AAEF,QAAA,MAAM,kBAAkB,EAAE,GA6BZ,CAAC;AAIf,eAAe,kBAAkB,CAAC"}

package/dist/src/Avatar.js

@@ -14,14 +14,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseAvatar = void 0;
 const react_1 = __importDefault(require("react"));
 const commons_1 = require("@evlop/commons");
 const react_2 = require("react");
 const react_native_elements_1 = require("react-native-elements");
-const BaseAvatar = react_2.forwardRef((_a, ref) => {
+exports.BaseAvatar = (0, react_2.forwardRef)((_a, ref) => {
     var { src, source, placeholder } = _a, props = __rest(_a, ["src", "source", "placeholder"]);
-    const template = commons_1.useTemplate();
-    const imageSource = react_2.useMemo(() => {
+    const template = (0, commons_1.useTemplate)();
+    const imageSource = (0, react_2.useMemo)(() => {
         const imageUrl = template(src) || template(placeholder);
         if (imageUrl) {
             return { uri: imageUrl };
@@ -32,7 +33,7 @@ const BaseAvatar = react_2.forwardRef((_a, ref) => {
     }, [src, source, template, placeholder]);
     return (react_1.default.createElement(react_native_elements_1.Avatar, Object.assign({ ref: ref, source: imageSource }, props)));
 });
-const AvatarWithSettings = commons_1.withSettings({
+const AvatarWithSettings = (0, commons_1.withSettings)({
     name: 'Avatar',
     valueOptions: [
         {
@@ -61,7 +62,7 @@ const AvatarWithSettings = commons_1.withSettings({
             name: 'placeholder',
         },
     ],
-})(BaseAvatar);
+})(exports.BaseAvatar);
 AvatarWithSettings.Accessory = react_native_elements_1.Avatar.Accessory;
 exports.default = AvatarWithSettings;
 //# sourceMappingURL=Avatar.js.map

package/dist/src/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../src/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,4CAA2D;AAC3D,iCAA4C;AAC5C,iEAA+C;AAG/C,MAAM,UAAU,GAAG,kBAAU,CAC3B,CAAC,EAAqC,EAAE,GAAG,EAAE,EAAE;QAA9C,EAAE,GAAG,EAAE,MAAM,EAAE,WAAW,OAAW,EAAN,KAAK,cAApC,gCAAqC,CAAD;IACnC,MAAM,QAAQ,GAAG,qBAAW,EAAE,CAAC;IAC/B,MAAM,WAAW,GAAG,eAAO,CAAC,GAAG,EAAE;QAC/B,MAAM,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,WAAW,CAAC,CAAC;QACxD,IAAI,QAAQ,EAAE;YACZ,OAAO,EAAC,GAAG,EAAE,QAAQ,EAAC,CAAC;SACxB;QACD,IAAI,MAAM,EAAE;YACV,OAAO,MAAM,CAAC;SACf;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAEzC,OAAO,CACH,8BAAC,8BAAM,kBACL,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,WAAW,IACf,KAAK,EACT,CACL,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,kBAAkB,GAAQ,sBAAY,CAAC;IACzC,IAAI,EAAE,QAAQ;IACd,YAAY,EAAE;QACV;YACE,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,KAAK;SACZ;QACD;YACE,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,KAAK;SACZ;QACD,EAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAC;KACtD;IACD,oBAAoB,EAAE;QACpB;YACE,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,CAAC;YACP,GAAG,EAAE,CAAC;YACN,GAAG,EAAE,GAAG;SACT;QACD;YACE,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,aAAa;SACpB;KACF;CACN,CAAC,CAAC,UAAU,CAAC,CAAC;AAEf,kBAAkB,CAAC,SAAS,GAAG,8BAAM,CAAC,SAAS,CAAC;AAEhD,kBAAe,kBAAkB,CAAC"}
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../src/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,4CAA2D;AAC3D,iCAA4C;AAC5C,iEAA+C;AAGlC,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,CAAC,EAAqC,EAAE,GAAG,EAAE,EAAE;QAA9C,EAAE,GAAG,EAAE,MAAM,EAAE,WAAW,OAAW,EAAN,KAAK,cAApC,gCAAqC,CAAD;IACnC,MAAM,QAAQ,GAAG,IAAA,qBAAW,GAAE,CAAC;IAC/B,MAAM,WAAW,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC/B,MAAM,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,WAAW,CAAC,CAAC;QACxD,IAAI,QAAQ,EAAE;YACZ,OAAO,EAAC,GAAG,EAAE,QAAQ,EAAC,CAAC;SACxB;QACD,IAAI,MAAM,EAAE;YACV,OAAO,MAAM,CAAC;SACf;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAEzC,OAAO,CACH,8BAAC,8BAAM,kBACL,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,WAAW,IACf,KAAK,EACT,CACL,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,kBAAkB,GAAQ,IAAA,sBAAY,EAAC;IACzC,IAAI,EAAE,QAAQ;IACd,YAAY,EAAE;QACV;YACE,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,KAAK;SACZ;QACD;YACE,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,KAAK;SACZ;QACD,EAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAC;KACtD;IACD,oBAAoB,EAAE;QACpB;YACE,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,CAAC;YACP,GAAG,EAAE,CAAC;YACN,GAAG,EAAE,GAAG;SACT;QACD;YACE,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,aAAa;SACpB;KACF;CACN,CAAC,CAAC,kBAAU,CAAC,CAAC;AAEf,kBAAkB,CAAC,SAAS,GAAG,8BAAM,CAAC,SAAS,CAAC;AAEhD,kBAAe,kBAAkB,CAAC"}

package/dist/src/Button.d.ts

@@ -1,4 +1,16 @@
 import React from 'react';
-declare const ButtonWithSettings: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+export declare const BaseButton: ({ color, ...props }: {
+    [x: string]: any;
+    color: any;
+}) => JSX.Element;
+declare const ButtonWithSettings: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<{
+    [x: string]: any;
+    color: any;
+} & {
+    model?: string;
+    dataModel?: string;
+    configModel?: string;
+    action?: any;
+}>, string | number> & React.RefAttributes<any>>;
 export default ButtonWithSettings;
 //# sourceMappingURL=Button.d.ts.map

package/dist/src/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAcvC,QAAA,MAAM,kBAAkB,qGAqBd,CAAC;AAMX,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,eAAO,MAAM,UAAU;;;iBAOtB,CAAA;AAED,QAAA,MAAM,kBAAkB;;;;;;;;gDAqBV,CAAC;AAMf,eAAe,kBAAkB,CAAC"}

package/dist/src/Button.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -30,21 +34,23 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseButton = void 0;
 const react_1 = __importStar(require("react"));
 const commons_1 = require("@evlop/commons");
 const native_1 = require("styled-components/native");
 const react_native_elements_1 = require("react-native-elements");
-const Button = (_a) => {
+const BaseButton = (_a) => {
     var { color } = _a, props = __rest(_a, ["color"]);
     const theme = react_1.default.useContext(native_1.ThemeContext);
     const { colors: { [color]: colorCode } = {} } = theme;
-    const buttonTheme = react_1.useMemo(() => {
+    const buttonTheme = (0, react_1.useMemo)(() => {
         return { colors: { primary: colorCode || color } };
     }, [color, colorCode]);
     return react_1.default.createElement(react_native_elements_1.ThemeProvider, { theme: buttonTheme },
         react_1.default.createElement(react_native_elements_1.Button, Object.assign({}, props)));
 };
-const ButtonWithSettings = commons_1.withSettings({
+exports.BaseButton = BaseButton;
+const ButtonWithSettings = (0, commons_1.withSettings)({
     name: 'Button',
     valueOptions: [
         { type: 'text', name: 'title', label: 'Title' },
@@ -65,7 +71,7 @@ const ButtonWithSettings = commons_1.withSettings({
             ],
         },
     ],
-})(Button);
+})(exports.BaseButton);
 ButtonWithSettings.defaultProps = {
     color: 'primary',
 };

package/dist/src/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,4CAA8C;AAC9C,qDAAwD;AACxD,iEAA4E;AAE5E,MAAM,MAAM,GAAG,CAAC,EAAkB,EAAE,EAAE;QAAtB,EAAE,KAAK,OAAW,EAAN,KAAK,cAAjB,SAAkB,CAAD;IAC7B,MAAM,KAAK,GAAQ,eAAK,CAAC,UAAU,CAAC,qBAAY,CAAC,CAAC;IAClD,MAAM,EAAC,MAAM,EAAE,EAAC,CAAC,KAAK,CAAC,EAAE,SAAS,EAAC,GAAG,EAAE,EAAC,GAAG,KAAK,CAAC;IAClD,MAAM,WAAW,GAAG,eAAO,CAAC,GAAE,EAAE;QAC9B,OAAO,EAAC,MAAM,EAAE,EAAC,OAAO,EAAE,SAAS,IAAI,KAAK,EAAC,EAAC,CAAC;IACjD,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IACvB,OAAO,8BAAC,qCAAa,IAAC,KAAK,EAAE,WAAW;QAAE,8BAAC,8BAAU,oBAAK,KAAK,EAAI,CAAgB,CAAE;AACzF,CAAC,CAAA;AAED,MAAM,kBAAkB,GAAG,sBAAY,CAAC;IACpC,IAAI,EAAE,QAAQ;IACd,YAAY,EAAE;QACV,EAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC;QAC7C,EAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAC;KACtD;IACD,oBAAoB,EAAE;QACpB,EAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAC;QAC9C,EAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAC;QAC3C;YACE,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,MAAM;YACb,OAAO,EAAE;gBACP,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAC;gBAC/B,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC;gBAChC,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAC;gBACrC,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC;aACjC;SACF;KACF;CACN,CAAC,CAAC,MAAM,CAAC,CAAC;AAEX,kBAAkB,CAAC,YAAY,GAAG;IAChC,KAAK,EAAE,SAAS;CACjB,CAAA;AAED,kBAAe,kBAAkB,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,4CAA8C;AAC9C,qDAAwD;AACxD,iEAA2E;AAEpE,MAAM,UAAU,GAAG,CAAC,EAAkB,EAAE,EAAE;QAAtB,EAAE,KAAK,OAAW,EAAN,KAAK,cAAjB,SAAkB,CAAD;IACxC,MAAM,KAAK,GAAQ,eAAK,CAAC,UAAU,CAAC,qBAAY,CAAC,CAAC;IAClD,MAAM,EAAC,MAAM,EAAE,EAAC,CAAC,KAAK,CAAC,EAAE,SAAS,EAAC,GAAG,EAAE,EAAC,GAAG,KAAK,CAAC;IAClD,MAAM,WAAW,GAAG,IAAA,eAAO,EAAC,GAAE,EAAE;QAC9B,OAAO,EAAC,MAAM,EAAE,EAAC,OAAO,EAAE,SAAS,IAAI,KAAK,EAAC,EAAC,CAAC;IACjD,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IACvB,OAAO,8BAAC,qCAAa,IAAC,KAAK,EAAE,WAAW;QAAE,8BAAC,8BAAS,oBAAK,KAAK,EAAI,CAAgB,CAAE;AACxF,CAAC,CAAA;AAPY,QAAA,UAAU,cAOtB;AAED,MAAM,kBAAkB,GAAG,IAAA,sBAAY,EAAC;IACpC,IAAI,EAAE,QAAQ;IACd,YAAY,EAAE;QACV,EAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC;QAC7C,EAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAC;KACtD;IACD,oBAAoB,EAAE;QACpB,EAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAC;QAC9C,EAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAC;QAC3C;YACE,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,MAAM;YACb,OAAO,EAAE;gBACP,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAC;gBAC/B,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC;gBAChC,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAC;gBACrC,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC;aACjC;SACF;KACF;CACN,CAAC,CAAC,kBAAU,CAAC,CAAC;AAEf,kBAAkB,CAAC,YAAY,GAAG;IAChC,KAAK,EAAE,SAAS;CACjB,CAAA;AAED,kBAAe,kBAAkB,CAAC"}

package/dist/src/Collection/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-export declare const Collection: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>;
+export declare const Collection: import("@evlop/commons").ComponentWithSettings<import("../View").BaseViewProps>;
 export default Collection;
 //# sourceMappingURL=index.d.ts.map

package/dist/src/Collection/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Collection/index.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,UAAU,yHAAO,CAAC;AAE/B,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Collection/index.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,iFAAO,CAAC;AAE/B,eAAe,UAAU,CAAC"}

package/dist/src/ErrorBoundry.d.ts

@@ -8,7 +8,7 @@ declare class ErrorBoundry extends React.Component {
         hasError: boolean;
         error: any;
     };
-    render(): {};
+    render(): React.ReactNode;
 }
 export default ErrorBoundry;
 //# sourceMappingURL=ErrorBoundry.d.ts.map

package/dist/src/Flexbox/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Theme, ComponentWithSettings } from '@evlop/commons';
+import { ViewProps as RNViewProps } from 'react-native';
+import { BorderProps, FlexboxProps as SSFlexboxProps, LayoutProps, ColorProps, BackgroundProps, SpaceProps } from 'styled-system';
+declare type FlexboxProps = RNViewProps & BorderProps<Theme> & SSFlexboxProps<Theme> & LayoutProps<Theme> & ColorProps<Theme> & BackgroundProps<Theme> & SpaceProps<Theme>;
+export declare const BaseFlexBox: React.ComponentType<FlexboxProps>;
+declare const Flexbox: ComponentWithSettings<FlexboxProps>;
+export default Flexbox;
+//# sourceMappingURL=index.d.ts.map

package/dist/src/Flexbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Flexbox/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EAA+B,SAAS,IAAI,WAAW,EAAC,MAAM,cAAc,CAAC;AAEpF,OAAO,EAAqD,WAAW,EAAE,YAAY,IAAI,cAAc,EAAE,WAAW,EAAE,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAErL,aAAK,YAAY,GAAG,WAAW,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;AAEnK,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAUzD,CAAC;AAEF,QAAA,MAAM,OAAO,EAAE,qBAAqB,CAAC,YAAY,CAIlC,CAAC;AAEhB,eAAe,OAAO,CAAC"}

package/dist/src/Flexbox/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseFlexBox = void 0;
+const commons_1 = require("@evlop/commons");
+const react_native_1 = require("react-native");
+const native_1 = __importDefault(require("styled-components/native"));
+const styled_system_1 = require("styled-system");
+exports.BaseFlexBox = (0, native_1.default)(react_native_1.View)(styled_system_1.border, styled_system_1.flexbox, styled_system_1.layout, styled_system_1.color, styled_system_1.background, styled_system_1.space, {
+    zIndex: react_native_1.Platform.select({ web: 'inherit', default: 0 })
+});
+const Flexbox = (0, commons_1.withSettings)({
+    name: 'Flexbox',
+    valueOptions: [],
+    configurationOptions: [],
+})(exports.BaseFlexBox);
+exports.default = Flexbox;
+//# sourceMappingURL=index.js.map

package/dist/src/Flexbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Flexbox/index.tsx"],"names":[],"mappings":";;;;;;AAAA,4CAA4E;AAC5E,+CAAoF;AACpF,sEAA8C;AAC9C,iDAAqL;AAIxK,QAAA,WAAW,GAAsC,IAAA,gBAAM,EAAC,mBAAU,CAAC,CAC5E,sBAAM,EACN,uBAAO,EACP,sBAAM,EACN,qBAAK,EACL,0BAAU,EACV,qBAAK,EACL;IACE,MAAM,EAAE,uBAAQ,CAAC,MAAM,CAAM,EAAC,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAC,CAAC;CAC3D,CACJ,CAAC;AAEF,MAAM,OAAO,GAAwC,IAAA,sBAAY,EAAC;IAChE,IAAI,EAAE,SAAS;IACf,YAAY,EAAE,EAAE;IAChB,oBAAoB,EAAE,EAAE;CACzB,CAAC,CAAC,mBAAW,CAAC,CAAC;AAEhB,kBAAe,OAAO,CAAC"}

package/dist/src/Icon/index.d.ts

@@ -1,4 +1,23 @@
 import * as React from 'react';
-declare const IconWithSettings: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+import { Color } from '@evlop/commons';
+import { IconProps as RNEIconProps } from 'react-native-elements';
+declare type BaseIconProps = RNEIconProps & {
+    icon?: string;
+    size?: number;
+    color: Color;
+};
+export declare const BaseIcon: React.FC<BaseIconProps>;
+declare const IconWithSettings: React.ForwardRefExoticComponent<RNEIconProps & {
+    icon?: string;
+    size?: number;
+    color: Color;
+} & {
+    model?: string;
+    dataModel?: string;
+    configModel?: string;
+    action?: any;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<any>>;
 export default IconWithSettings;
 //# sourceMappingURL=index.d.ts.map

package/dist/src/Icon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyB/B,QAAA,MAAM,gBAAgB,qGAiBd,CAAC;AAMT,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA0B,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAE/D,OAAO,EAAmB,SAAS,IAAI,YAAY,EAAE,MAAK,uBAAuB,CAAC;AAElF,aAAK,aAAa,GAAG,YAAY,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,KAAK,CAAA;CAAE,CAAA;AAElF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkB5C,CAAA;AAED,QAAA,MAAM,gBAAgB;WAtBuB,MAAM;WAAS,MAAM;WAAS,KAAK;;;;;;;;6BAuCpE,CAAC;AAMb,eAAe,gBAAgB,CAAC"}

package/dist/src/Icon/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -30,11 +34,12 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseIcon = void 0;
 const React = __importStar(require("react"));
 const commons_1 = require("@evlop/commons");
 const native_1 = require("styled-components/native");
 const react_native_elements_1 = require("react-native-elements");
-const Icon = (_a) => {
+const BaseIcon = (_a) => {
     var { icon, name = "circle", type, color } = _a, props = __rest(_a, ["icon", "name", "type", "color"]);
     const theme = React.useContext(native_1.ThemeContext);
     const iconProps = React.useMemo(() => {
@@ -57,7 +62,8 @@ const Icon = (_a) => {
     const { colors: { [color]: colorCode } } = theme;
     return React.createElement(react_native_elements_1.Icon, Object.assign({ name: "circle" }, props, { color: colorCode || color }, iconProps));
 };
-const IconWithSettings = commons_1.withSettings({
+exports.BaseIcon = BaseIcon;
+const IconWithSettings = (0, commons_1.withSettings)({
     name: 'Icon',
     valueOptions: [
         { type: 'icon', name: 'icon', label: 'Icon' },
@@ -74,7 +80,7 @@ const IconWithSettings = commons_1.withSettings({
             max: 500,
         },
     ],
-})(Icon);
+})(exports.BaseIcon);
 IconWithSettings.defaultProps = {
     size: 32,
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Icon/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,4CAAwD;AACxD,qDAAwD;AACxD,iEAAwD;AAExD,MAAM,IAAI,GAAG,CAAC,EAA8C,EAAC,EAAE;QAAjD,EAAC,IAAI,EAAE,IAAI,GAAG,QAAQ,EAAE,IAAI,EAAE,KAAK,OAAW,EAAN,KAAK,cAA7C,iCAA8C,CAAD;IACvD,MAAM,KAAK,GAAQ,KAAK,CAAC,UAAU,CAAC,qBAAY,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,GAAE,EAAE;QAClC,IAAG,OAAO,IAAI,KAAK,QAAQ,EAAC;YAC1B,MAAM,WAAW,GAAQ,kBAAQ,CAAC,IAAI,CAAC,CAAC;YACxC,IAAG,WAAW,EAAC;gBACb,OAAO,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,EAAC,IAAI,EAAE,CAAC;aACvF;iBAAM;gBACL,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,CAAC;aACrB;SACF;aAAM,IAAG,OAAO,IAAI,KAAK,QAAQ,EAAC;YACjC,OAAO,IAAI,CAAA;SACZ;aAAM;YACL,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;SACvB;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;IACvB,MAAM,EAAC,MAAM,EAAE,EAAC,CAAC,KAAK,CAAC,EAAE,SAAS,EAAC,EAAC,GAAG,KAAK,CAAC;IAC7C,OAAO,oBAAC,4BAAQ,kBAAC,IAAI,EAAC,QAAQ,IAAK,KAAK,IAAE,KAAK,EAAE,SAAS,IAAI,KAAK,IAAM,SAAS,EAAI,CAAA;AAC1F,CAAC,CAAA;AAED,MAAM,gBAAgB,GAAG,sBAAY,CAAC;IAClC,IAAI,EAAE,MAAM;IACZ,YAAY,EAAE;QACV,EAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAC;QAC3C,EAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAC;KACtD;IACD,oBAAoB,EAAE;QACpB,EAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAC;QAC9C;YACE,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,CAAC;YACP,GAAG,EAAE,CAAC;YACN,GAAG,EAAE,GAAG;SACT;KACF;CACN,CAAC,CAAC,IAAI,CAAC,CAAC;AAET,gBAAgB,CAAC,YAAY,GAAG;IAC9B,IAAI,EAAE,EAAE;CACT,CAAA;AAED,kBAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Icon/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,4CAA+D;AAC/D,qDAAwD;AACxD,iEAAkF;AAI3E,MAAM,QAAQ,GAA4B,CAAC,EAA8C,EAAC,EAAE;QAAjD,EAAC,IAAI,EAAE,IAAI,GAAG,QAAQ,EAAE,IAAI,EAAE,KAAK,OAAW,EAAN,KAAK,cAA7C,iCAA8C,CAAD;IAC3F,MAAM,KAAK,GAAQ,KAAK,CAAC,UAAU,CAAC,qBAAY,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,GAAE,EAAE;QAClC,IAAG,OAAO,IAAI,KAAK,QAAQ,EAAC;YAC1B,MAAM,WAAW,GAAQ,kBAAQ,CAAC,IAAI,CAAC,CAAC;YACxC,IAAG,WAAW,EAAC;gBACb,OAAO,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,EAAC,IAAI,EAAE,CAAC;aACvF;iBAAM;gBACL,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,CAAC;aACrB;SACF;aAAM,IAAG,OAAO,IAAI,KAAK,QAAQ,EAAC;YACjC,OAAO,IAAI,CAAA;SACZ;aAAM;YACL,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;SACvB;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;IACvB,MAAM,EAAC,MAAM,EAAE,EAAC,CAAC,KAAK,CAAC,EAAE,SAAS,EAAC,EAAC,GAAG,KAAK,CAAC;IAC7C,OAAO,oBAAC,4BAAO,kBAAC,IAAI,EAAC,QAAQ,IAAK,KAAK,IAAE,KAAK,EAAE,SAAS,IAAI,KAAK,IAAM,SAAS,EAAI,CAAA;AACzF,CAAC,CAAA;AAlBY,QAAA,QAAQ,YAkBpB;AAED,MAAM,gBAAgB,GAAG,IAAA,sBAAY,EAAC;IAClC,IAAI,EAAE,MAAM;IACZ,YAAY,EAAE;QACV,EAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAC;QAC3C,EAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAC;KACtD;IACD,oBAAoB,EAAE;QACpB,EAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAC;QAC9C;YACE,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,CAAC;YACP,GAAG,EAAE,CAAC;YACN,GAAG,EAAE,GAAG;SACT;KACF;CACN,CAAC,CAAC,gBAAQ,CAAC,CAAC;AAEb,gBAAgB,CAAC,YAAY,GAAG;IAC9B,IAAI,EAAE,EAAE;CACT,CAAA;AAED,kBAAe,gBAAgB,CAAC"}

package/dist/src/Image/index.d.ts

@@ -1,4 +1,42 @@
+import { Theme } from '@evlop/commons';
 import React from 'react';
-export declare const Image: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+import { Image as NativeImageOriginal, ImageProps as RNEImageProps } from 'react-native-elements';
+import { BorderProps, SpaceProps } from 'styled-system';
+declare const sizes: {
+    xxxs: number;
+    xxs: number;
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    xxl: number;
+    xxxl: number;
+    fluid: string;
+};
+declare type ImageSize = keyof (typeof sizes);
+declare type NativeImageProps = RNEImageProps & BorderProps<Theme> & SpaceProps<Theme> & {
+    size?: ImageSize;
+    layoutWidth?: number;
+    aspectRatio?: number;
+};
+export declare const BaseImage: React.ForwardRefExoticComponent<Partial<NativeImageProps> & {
+    src?: string;
+    placeholder?: string;
+} & React.RefAttributes<NativeImageOriginal>>;
+export declare const Image: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<Partial<NativeImageProps> & {
+    src?: string;
+    placeholder?: string;
+} & React.RefAttributes<NativeImageOriginal> & {
+    model?: string;
+    dataModel?: string;
+    configModel?: string;
+    action?: any;
+}>, "p" | "source" | "style" | "children" | "onLayout" | "testID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "width" | "height" | "size" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "key" | keyof {
+    model?: string;
+    dataModel?: string;
+    configModel?: string;
+    action?: any;
+} | "onPress" | "onLongPress" | "aspectRatio" | "transitionDuration" | "transition" | "containerStyle" | "Component" | "ImageComponent" | "PlaceholderContent" | "placeholderStyle" | "onError" | "onLoad" | "onLoadEnd" | "onLoadStart" | "progressiveRenderingEnabled" | "resizeMode" | "resizeMethod" | "loadingIndicatorSource" | "defaultSource" | "blurRadius" | "capInsets" | "onProgress" | "onPartialLoad" | "fadeDuration" | "layoutWidth" | "src" | "placeholder"> & React.RefAttributes<any>>;
 export default Image;
 //# sourceMappingURL=index.d.ts.map

package/dist/src/Image/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Image/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAgG1E,eAAO,MAAM,KAAK,qGAqDL,CAAC;AAEd,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Image/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,KAAqD,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAE,KAAK,IAAI,mBAAmB,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGlG,OAAO,EAAiB,WAAW,EAAE,UAAU,EAAa,MAAM,eAAe,CAAC;AAGlF,QAAA,MAAM,KAAK;;;;;;;;;;;CAWV,CAAC;AAEF,aAAK,SAAS,GAAG,MAAM,CAAC,OAAO,KAAK,CAAC,CAAC;AAEtC,aAAK,gBAAgB,GAAG,aAAa,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,SAAS,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAuBjJ,eAAO,MAAM,SAAS;UADoC,MAAM;kBAAgB,MAAM;6CAgDrF,CAAC;AAQF,eAAO,MAAM,KAAK;UAxDwC,MAAM;kBAAgB,MAAM;;;;;;;;;;;yeA6GzE,CAAC;AAEd,eAAe,KAAK,CAAC"}

package/dist/src/Image/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -33,7 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Image = void 0;
+exports.Image = exports.BaseImage = void 0;
 const commons_1 = require("@evlop/commons");
 const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
@@ -41,6 +45,7 @@ const react_native_elements_1 = require("react-native-elements");
 const native_1 = __importDefault(require("styled-components/native"));
 const query_string_1 = require("query-string");
 const styled_system_1 = require("styled-system");
+const lodash_1 = require("lodash");
 const sizes = {
     xxxs: 15,
     xxs: 35,
@@ -53,7 +58,7 @@ const sizes = {
     xxxl: 480,
     fluid: '100%',
 };
-const NativeImage = native_1.default(react_native_elements_1.Image)({
+const NativeImage = (0, native_1.default)(react_native_elements_1.Image)({
     minHeight: 15,
     minWidth: 15,
 }, ({ size = 'md', aspectRatio = 1, layoutWidth }) => ({
@@ -65,29 +70,29 @@ const NativeImage = native_1.default(react_native_elements_1.Image)({
     default: {}
 }), styled_system_1.border, styled_system_1.space);
 const placeholderContent = react_1.default.createElement(react_native_1.ActivityIndicator, null);
-const BaseImage = react_1.forwardRef((_a, ref) => {
+exports.BaseImage = (0, react_1.forwardRef)((_a, ref) => {
     var { src, placeholder, source } = _a, props = __rest(_a, ["src", "placeholder", "source"]);
-    const template = commons_1.useTemplate();
-    const imageUri = react_1.useMemo(() => template(src) || template(placeholder), [template, placeholder, src]);
-    const [width, setWidth] = react_1.useState(10);
-    const onLayout = react_1.useCallback(({ nativeEvent: { layout: { width } } }) => {
+    const template = (0, commons_1.useTemplate)();
+    const imageUri = (0, react_1.useMemo)(() => (0, lodash_1.trim)(template(src)) || (0, lodash_1.trim)(template(placeholder)), [template, placeholder, src]);
+    const [width, setWidth] = (0, react_1.useState)(10);
+    const onLayout = (0, react_1.useCallback)(({ nativeEvent: { layout: { width } } }) => {
         setWidth(width);
     }, [setWidth]);
-    const resizedImageUri = react_1.useMemo(() => {
+    const resizedImageUri = (0, react_1.useMemo)(() => {
         try {
             if (String(imageUri).startsWith('http')) {
-                const imageUrl = query_string_1.parseUrl(imageUri);
+                const imageUrl = (0, query_string_1.parseUrl)(imageUri);
                 let imageWidth = width;
                 imageWidth = Math.min(imageWidth, 1080);
                 imageWidth = Math.max(imageWidth, 64);
                 imageUrl.query.w = String(imageWidth);
-                return query_string_1.stringifyUrl(imageUrl);
+                return (0, query_string_1.stringifyUrl)(imageUrl);
             }
         }
         catch (e) { }
         return imageUri;
     }, [imageUri, width]);
-    const imageSource = react_1.useMemo(() => {
+    const imageSource = (0, react_1.useMemo)(() => {
         if (src && resizedImageUri) {
             return { uri: resizedImageUri };
         }
@@ -102,7 +107,7 @@ const styles = react_native_1.StyleSheet.create({
         backgroundColor: 'transparent',
     }
 });
-exports.Image = commons_1.withSettings({
+exports.Image = (0, commons_1.withSettings)({
     name: 'Image',
     valueOptions: [
         {
@@ -155,6 +160,6 @@ exports.Image = commons_1.withSettings({
             name: 'placeholder',
         },
     ],
-})(BaseImage);
+})(exports.BaseImage);
 exports.default = exports.Image;
 //# sourceMappingURL=index.js.map