creactive 0.0.76 → 0.0.79

package/build/classic.js

@@ -107,6 +107,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 
 /***/ }),
 
+/***/ "./source/components/view/constants/flex.ts":
+/*!**************************************************!*\
+  !*** ./source/components/view/constants/flex.ts ***!
+  \**************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ViewAlignContent: () => (/* binding */ ViewAlignContent),\n/* harmony export */   ViewAlignItems: () => (/* binding */ ViewAlignItems),\n/* harmony export */   ViewAlignSelf: () => (/* binding */ ViewAlignSelf),\n/* harmony export */   ViewFlexDirection: () => (/* binding */ ViewFlexDirection),\n/* harmony export */   ViewJustifyContent: () => (/* binding */ ViewJustifyContent)\n/* harmony export */ });\nlet ViewFlexDirection=function(ViewFlexDirection){ViewFlexDirection[ViewFlexDirection[\"COLUMN\"]=0]=\"COLUMN\";ViewFlexDirection[ViewFlexDirection[\"ROW\"]=1]=\"ROW\";return ViewFlexDirection;}({});let ViewJustifyContent=function(ViewJustifyContent){ViewJustifyContent[ViewJustifyContent[\"FLEX_START\"]=0]=\"FLEX_START\";ViewJustifyContent[ViewJustifyContent[\"FLEX_END\"]=1]=\"FLEX_END\";ViewJustifyContent[ViewJustifyContent[\"CENTER\"]=2]=\"CENTER\";ViewJustifyContent[ViewJustifyContent[\"SPACE_BETWEEN\"]=3]=\"SPACE_BETWEEN\";ViewJustifyContent[ViewJustifyContent[\"SPACE_AROUND\"]=4]=\"SPACE_AROUND\";ViewJustifyContent[ViewJustifyContent[\"SPACE_EVENLY\"]=5]=\"SPACE_EVENLY\";return ViewJustifyContent;}({});let ViewAlignItems=function(ViewAlignItems){ViewAlignItems[ViewAlignItems[\"FLEX_START\"]=0]=\"FLEX_START\";ViewAlignItems[ViewAlignItems[\"FLEX_END\"]=1]=\"FLEX_END\";ViewAlignItems[ViewAlignItems[\"CENTER\"]=2]=\"CENTER\";ViewAlignItems[ViewAlignItems[\"STRETCH\"]=3]=\"STRETCH\";ViewAlignItems[ViewAlignItems[\"BASELINE\"]=4]=\"BASELINE\";return ViewAlignItems;}({});let ViewAlignSelf=function(ViewAlignSelf){ViewAlignSelf[ViewAlignSelf[\"FLEX_START\"]=0]=\"FLEX_START\";ViewAlignSelf[ViewAlignSelf[\"FLEX_END\"]=1]=\"FLEX_END\";ViewAlignSelf[ViewAlignSelf[\"CENTER\"]=2]=\"CENTER\";ViewAlignSelf[ViewAlignSelf[\"STRETCH\"]=3]=\"STRETCH\";ViewAlignSelf[ViewAlignSelf[\"BASELINE\"]=4]=\"BASELINE\";return ViewAlignSelf;}({});let ViewAlignContent=function(ViewAlignContent){ViewAlignContent[ViewAlignContent[\"FLEX_START\"]=0]=\"FLEX_START\";ViewAlignContent[ViewAlignContent[\"FLEX_END\"]=1]=\"FLEX_END\";ViewAlignContent[ViewAlignContent[\"CENTER\"]=2]=\"CENTER\";ViewAlignContent[ViewAlignContent[\"STRETCH\"]=3]=\"STRETCH\";ViewAlignContent[ViewAlignContent[\"SPACE_BETWEEN\"]=4]=\"SPACE_BETWEEN\";ViewAlignContent[ViewAlignContent[\"SPACE_AROUND\"]=5]=\"SPACE_AROUND\";return ViewAlignContent;}({});\n\n//# sourceURL=webpack://creactive/./source/components/view/constants/flex.ts?");
+
+/***/ }),
+
 /***/ "./source/components/view/constants/index.ts":
 /*!***************************************************!*\
   !*** ./source/components/view/constants/index.ts ***!
@@ -114,7 +125,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   HTMLTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_0__.HTMLTag),\n/* harmony export */   ViewTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_0__.ViewTag)\n/* harmony export */ });\n/* harmony import */ var _tag__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./tag */ \"./source/components/view/constants/tag.ts\");\n\n\n//# sourceURL=webpack://creactive/./source/components/view/constants/index.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   HTMLTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_1__.HTMLTag),\n/* harmony export */   ViewAlignContent: () => (/* reexport safe */ _flex__WEBPACK_IMPORTED_MODULE_0__.ViewAlignContent),\n/* harmony export */   ViewAlignItems: () => (/* reexport safe */ _flex__WEBPACK_IMPORTED_MODULE_0__.ViewAlignItems),\n/* harmony export */   ViewAlignSelf: () => (/* reexport safe */ _flex__WEBPACK_IMPORTED_MODULE_0__.ViewAlignSelf),\n/* harmony export */   ViewFlexDirection: () => (/* reexport safe */ _flex__WEBPACK_IMPORTED_MODULE_0__.ViewFlexDirection),\n/* harmony export */   ViewJustifyContent: () => (/* reexport safe */ _flex__WEBPACK_IMPORTED_MODULE_0__.ViewJustifyContent),\n/* harmony export */   ViewTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_1__.ViewTag)\n/* harmony export */ });\n/* harmony import */ var _flex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./flex */ \"./source/components/view/constants/flex.ts\");\n/* harmony import */ var _tag__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./tag */ \"./source/components/view/constants/tag.ts\");\n\n\n//# sourceURL=webpack://creactive/./source/components/view/constants/index.ts?");
 
 /***/ }),
 
@@ -125,7 +136,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   HTMLTag: () => (/* binding */ HTMLTag),\n/* harmony export */   ViewTag: () => (/* binding */ ViewTag)\n/* harmony export */ });\nlet ViewTag=function(ViewTag){ViewTag[ViewTag[\"DIV\"]=0]=\"DIV\";ViewTag[ViewTag[\"SECTION\"]=1]=\"SECTION\";return ViewTag;}({});let HTMLTag=function(HTMLTag){HTMLTag[\"DIV\"]=\"div\";HTMLTag[\"SECTION\"]=\"section\";return HTMLTag;}({});\n\n//# sourceURL=webpack://creactive/./source/components/view/constants/tag.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   HTMLTag: () => (/* binding */ HTMLTag),\n/* harmony export */   ViewTag: () => (/* binding */ ViewTag)\n/* harmony export */ });\nlet ViewTag=function(ViewTag){ViewTag[ViewTag[\"DIV\"]=0]=\"DIV\";ViewTag[ViewTag[\"FIGURE\"]=1]=\"FIGURE\";ViewTag[ViewTag[\"FIGCAPTION\"]=2]=\"FIGCAPTION\";ViewTag[ViewTag[\"ARTICLE\"]=3]=\"ARTICLE\";ViewTag[ViewTag[\"SECTION\"]=4]=\"SECTION\";ViewTag[ViewTag[\"HEADER\"]=5]=\"HEADER\";ViewTag[ViewTag[\"MAIN\"]=6]=\"MAIN\";ViewTag[ViewTag[\"FOOTER\"]=7]=\"FOOTER\";return ViewTag;}({});const HTMLTag={[ViewTag.DIV]:'div',[ViewTag.FIGURE]:'figure',[ViewTag.FIGCAPTION]:'figcaption',[ViewTag.ARTICLE]:'article',[ViewTag.SECTION]:'section',[ViewTag.HEADER]:'header',[ViewTag.MAIN]:'main',[ViewTag.FOOTER]:'footer'};\n\n//# sourceURL=webpack://creactive/./source/components/view/constants/tag.ts?");
 
 /***/ }),
 
@@ -147,7 +158,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react_native_web_dist_exports_View__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-native-web/dist/exports/View */ \"./node_modules/react-native-web/dist/exports/View/index.js\");\n/* harmony import */ var react_native_web_dist_exports_StyleSheet__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-native-web/dist/exports/StyleSheet */ \"./node_modules/react-native-web/dist/exports/StyleSheet/index.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./constants */ \"./source/components/view/constants/index.ts\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\nconst viewStyleSheet=react_native_web_dist_exports_StyleSheet__WEBPACK_IMPORTED_MODULE_2__[\"default\"].create({viewDisplayFlex:{display:'flex',flexDirection:'column',justifyContent:'center',alignItems:'center'}});const View=({children})=>{return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(react_native_web_dist_exports_View__WEBPACK_IMPORTED_MODULE_3__[\"default\"],{style:viewStyleSheet.viewDisplayFlex,children:children});};View.Tag=_constants__WEBPACK_IMPORTED_MODULE_0__.ViewTag;/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (View);\n\n//# sourceURL=webpack://creactive/./source/components/view/view.native.tsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react_native_web_dist_exports_View__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-native-web/dist/exports/View */ \"./node_modules/react-native-web/dist/exports/View/index.js\");\n/* harmony import */ var react_native_web_dist_exports_StyleSheet__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-native-web/dist/exports/StyleSheet */ \"./node_modules/react-native-web/dist/exports/StyleSheet/index.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./constants */ \"./source/components/view/constants/index.ts\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\nconst viewStyleSheet=react_native_web_dist_exports_StyleSheet__WEBPACK_IMPORTED_MODULE_2__[\"default\"].create({viewDisplayFlex:{display:'flex',margin:0,padding:0,zIndex:0,position:'relative',listStyle:'none',textDecoration:'none',boxSizing:'border-box'},viewFlexDirectionColumn:{flexDirection:'column'},viewFlexDirectionRow:{flexDirection:'row'},viewJustifuContentFlexStart:{justifyContent:'flex-start'},viewJustifuContentFlexEnd:{justifyContent:'flex-end'},viewJustifuContentCenter:{justifyContent:'center'},viewJustifuContentSpaceBetween:{justifyContent:'space-between'},viewJustifuContentSpaceAround:{justifyContent:'space-around'},viewJustifuContentSpaceEvenly:{justifyContent:'space-evenly'},viewAlignItemsFlexStart:{alignItems:'flex-start'},viewAlignItemsFlexEnd:{alignItems:'flex-end'},viewAlignItemsCenter:{alignItems:'center'},viewAlignItemsStretch:{alignItems:'stretch'},viewAlignItemsBaseline:{alignItems:'baseline'},viewAlignSelfFlexStart:{alignSelf:'flex-start'},viewAlignSelfFlexEnd:{alignSelf:'flex-end'},viewAlignSelfCenter:{alignSelf:'center'},viewAlignSelfStretch:{alignSelf:'stretch'},viewAlignSelfBaseline:{alignSelf:'baseline'},viewAlignContentFlexStart:{alignContent:'flex-start'},viewAlignContentFlexEnd:{alignContent:'flex-end'},viewAlignContentCenter:{alignContent:'center'},viewAlignContentStretch:{alignContent:'stretch'},viewAlignContentSpaceBetween:{alignContent:'space-between'},viewAlignContentSpaceAround:{alignContent:'space-around'},viewAlignContentSpaceEvenly:{alignContent:'space-evenly'}});const View=({flexDirection=_constants__WEBPACK_IMPORTED_MODULE_0__.ViewFlexDirection.COLUMN,justifyContent=_constants__WEBPACK_IMPORTED_MODULE_0__.ViewJustifyContent.FLEX_START,alignItems=_constants__WEBPACK_IMPORTED_MODULE_0__.ViewAlignItems.STRETCH,alignSelf,alignContent=_constants__WEBPACK_IMPORTED_MODULE_0__.ViewAlignContent.FLEX_START,children})=>{const getFlexDirectionStyle=()=>{switch(flexDirection){case _constants__WEBPACK_IMPORTED_MODULE_0__.ViewFlexDirection.COLUMN:return viewStyleSheet.viewFlexDirectionColumn;case _constants__WEBPACK_IMPORTED_MODULE_0__.ViewFlexDirection.ROW:return viewStyleSheet.viewFlexDirectionRow;}};const getJustifyContentStyle=()=>{switch(justifyContent){case _constants__WEBPACK_IMPORTED_MODULE_0__.ViewJustifyContent.FLEX_START:return viewStyleSheet.viewAlignItemsFlexStart;case _constants__WEBPACK_IMPORTED_MODULE_0__.ViewJustifyContent.FLEX_END:return viewStyleSheet.viewAlignItemsFlexEnd;case _constants__WEBPACK_IMPORTED_MODULE_0__.ViewJustifyContent.CENTER:return viewStyleSheet.viewAlignItemsCenter;case _constants__WEBPACK_IMPORTED_MODULE_0__.ViewJustifyContent.SPACE_BETWEEN:return viewStyleSheet.viewAlignItemsStretch;case _constants__WEBPACK_IMPORTED_MODULE_0__.ViewJustifyContent.SPACE_AROUND:return viewStyleSheet.viewAlignItemsBaseline;case _constants__WEBPACK_IMPORTED_MODULE_0__.ViewJustifyContent.SPACE_EVENLY:return viewStyleSheet.viewAlignItemsFlexStart;}};const getAlignItemsStyle=()=>{switch(alignItems){case _constants__WEBPACK_IMPORTED_MODULE_0__.ViewAlignItems.FLEX_START:return viewStyleSheet.viewAlignItemsFlexStart;case _constants__WEBPACK_IMPORTED_MODULE_0__.ViewAlignItems.FLEX_END:return viewStyleSheet.viewAlignItemsFlexEnd;case _constants__WEBPACK_IMPORTED_MODULE_0__.ViewAlignItems.CENTER:return viewStyleSheet.viewAlignItemsCenter;case _constants__WEBPACK_IMPORTED_MODULE_0__.ViewAlignItems.STRETCH:return viewStyleSheet.viewAlignItemsStretch;case _constants__WEBPACK_IMPORTED_MODULE_0__.ViewAlignItems.BASELINE:return viewStyleSheet.viewAlignItemsBaseline;}};const getAlignSelfStyle=()=>{switch(alignSelf){case _constants__WEBPACK_IMPORTED_MODULE_0__.ViewAlignSelf.FLEX_START:return viewStyleSheet.viewAlignSelfFlexStart;case _constants__WEBPACK_IMPORTED_MODULE_0__.ViewAlignSelf.FLEX_END:return viewStyleSheet.viewAlignSelfFlexEnd;case _constants__WEBPACK_IMPORTED_MODULE_0__.ViewAlignSelf.CENTER:return viewStyleSheet.viewAlignSelfCenter;case _constants__WEBPACK_IMPORTED_MODULE_0__.ViewAlignSelf.STRETCH:return viewStyleSheet.viewAlignSelfStretch;case _constants__WEBPACK_IMPORTED_MODULE_0__.ViewAlignSelf.BASELINE:return viewStyleSheet.viewAlignSelfBaseline;}};const getAlignContentStyle=()=>{switch(alignContent){case _constants__WEBPACK_IMPORTED_MODULE_0__.ViewAlignContent.FLEX_START:return viewStyleSheet.viewAlignContentFlexStart;case _constants__WEBPACK_IMPORTED_MODULE_0__.ViewAlignContent.FLEX_END:return viewStyleSheet.viewAlignContentFlexEnd;case _constants__WEBPACK_IMPORTED_MODULE_0__.ViewAlignContent.CENTER:return viewStyleSheet.viewAlignContentCenter;case _constants__WEBPACK_IMPORTED_MODULE_0__.ViewAlignContent.STRETCH:return viewStyleSheet.viewAlignContentStretch;case _constants__WEBPACK_IMPORTED_MODULE_0__.ViewAlignContent.SPACE_BETWEEN:return viewStyleSheet.viewAlignContentSpaceBetween;case _constants__WEBPACK_IMPORTED_MODULE_0__.ViewAlignContent.SPACE_AROUND:return viewStyleSheet.viewAlignContentSpaceAround;}};return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(react_native_web_dist_exports_View__WEBPACK_IMPORTED_MODULE_3__[\"default\"],{style:[viewStyleSheet.viewDisplayFlex,getJustifyContentStyle(),getFlexDirectionStyle(),getAlignItemsStyle(),getAlignSelfStyle(),getAlignContentStyle()],children:children});};View.Tag=_constants__WEBPACK_IMPORTED_MODULE_0__.ViewTag;View.FlexDirection=_constants__WEBPACK_IMPORTED_MODULE_0__.ViewFlexDirection;View.JustifyContent=_constants__WEBPACK_IMPORTED_MODULE_0__.ViewJustifyContent;View.AlignItems=_constants__WEBPACK_IMPORTED_MODULE_0__.ViewAlignItems;View.AlignSelf=_constants__WEBPACK_IMPORTED_MODULE_0__.ViewAlignSelf;View.AlignContent=_constants__WEBPACK_IMPORTED_MODULE_0__.ViewAlignContent;/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (View);\n\n//# sourceURL=webpack://creactive/./source/components/view/view.native.tsx?");
 
 /***/ }),
 
@@ -169,7 +180,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _emotion_styled__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @emotion/styled */ \"@emotion/styled\");\n/* harmony import */ var _emotion_styled__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_emotion_styled__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./constants */ \"./source/components/view/constants/index.ts\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\nconst StyledView=(_emotion_styled__WEBPACK_IMPORTED_MODULE_0___default().div)`\n  display: flex;\n`;const View=({tag=_constants__WEBPACK_IMPORTED_MODULE_2__.ViewTag.DIV,children})=>{const as=(0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>{switch(tag){case _constants__WEBPACK_IMPORTED_MODULE_2__.ViewTag.SECTION:return _constants__WEBPACK_IMPORTED_MODULE_2__.HTMLTag.SECTION;case _constants__WEBPACK_IMPORTED_MODULE_2__.ViewTag.DIV:return _constants__WEBPACK_IMPORTED_MODULE_2__.HTMLTag.DIV;}},[tag]);return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(StyledView,{as:as,children:children});};View.Tag=_constants__WEBPACK_IMPORTED_MODULE_2__.ViewTag;/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (View);\n\n//# sourceURL=webpack://creactive/./source/components/view/view.web.tsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _emotion_styled__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @emotion/styled */ \"@emotion/styled\");\n/* harmony import */ var _emotion_styled__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_emotion_styled__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants */ \"./source/components/view/constants/index.ts\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\nconst StyledView=(_emotion_styled__WEBPACK_IMPORTED_MODULE_0___default().div)`\n  display: flex;\n  flex-direction: ${({flexDirection})=>{switch(flexDirection){case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewFlexDirection.COLUMN:return'column';case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewFlexDirection.ROW:return'row';}}};\n  justify-content: ${({justifyContent})=>{switch(justifyContent){case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewJustifyContent.FLEX_START:return'flex-start';case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewJustifyContent.FLEX_END:return'flex-end';case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewJustifyContent.CENTER:return'center';case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewJustifyContent.SPACE_BETWEEN:return'space-between';case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewJustifyContent.SPACE_AROUND:return'space-around';case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewJustifyContent.SPACE_EVENLY:return'space-evenly';}}};\n  align-items: ${({alignItems})=>{switch(alignItems){case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignItems.FLEX_START:return'flex-start';case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignItems.FLEX_END:return'flex-end';case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignItems.CENTER:return'center';case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignItems.STRETCH:return'stretch';case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignItems.BASELINE:return'baseline';}}};\n  align-self: ${({alignSelf})=>{switch(alignSelf){case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignSelf.FLEX_START:return'flex-start';case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignSelf.FLEX_END:return'flex-end';case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignSelf.CENTER:return'center';case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignSelf.STRETCH:return'stretch';case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignSelf.BASELINE:return'baseline';}}};\n  align-content: ${({alignContent})=>{switch(alignContent){case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignContent.FLEX_START:return'flex-start';case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignContent.FLEX_END:return'flex-end';case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignContent.CENTER:return'center';case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignContent.STRETCH:return'stretch';case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignContent.SPACE_BETWEEN:return'space-between';case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignContent.SPACE_AROUND:return'space-around';}}};\n  margin: 0;\n  padding: 0;\n  z-index: 0;\n  position: relative;\n  list-style: none;\n  text-decoration: none;\n  box-sizing: border-box;\n`;const View=({tag=_constants__WEBPACK_IMPORTED_MODULE_1__.ViewTag.DIV,flexDirection=_constants__WEBPACK_IMPORTED_MODULE_1__.ViewFlexDirection.COLUMN,justifyContent=_constants__WEBPACK_IMPORTED_MODULE_1__.ViewJustifyContent.FLEX_START,alignItems=_constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignItems.STRETCH,alignContent=_constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignContent.FLEX_START,alignSelf,children})=>{return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(StyledView,{as:_constants__WEBPACK_IMPORTED_MODULE_1__.HTMLTag[tag],flexDirection:flexDirection,justifyContent:justifyContent,alignItems:alignItems,alignSelf:alignSelf,alignContent:alignContent,children:children});};View.Tag=_constants__WEBPACK_IMPORTED_MODULE_1__.ViewTag;View.FlexDirection=_constants__WEBPACK_IMPORTED_MODULE_1__.ViewFlexDirection;View.JustifyContent=_constants__WEBPACK_IMPORTED_MODULE_1__.ViewJustifyContent;View.AlignItems=_constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignItems;View.AlignSelf=_constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignSelf;View.AlignContent=_constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignContent;/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (View);\n\n//# sourceURL=webpack://creactive/./source/components/view/view.web.tsx?");
 
 /***/ }),
 

package/build/components/view/constants/flex.d.ts

@@ -0,0 +1,58 @@
+/**
+ * View flex direction enumerated constants.
+ * Should be used to define flex container primary axis.
+ */
+export declare enum ViewFlexDirection {
+    COLUMN = 0,
+    ROW = 1
+}
+/**
+ * Supported justify content values.
+ * Should be used to control spacing between and around items.
+ * Allows to define how children are distributed along the main axis.
+ */
+export declare enum ViewJustifyContent {
+    FLEX_START = 0,
+    FLEX_END = 1,
+    CENTER = 2,
+    SPACE_BETWEEN = 3,
+    SPACE_AROUND = 4,
+    SPACE_EVENLY = 5
+}
+/**
+ * View align items enumerated constants.
+ * Should be used to control how children are aligned along the cross axis.
+ * Affects the vertical alignment in a row and horizontal alignment in a column.
+ */
+export declare enum ViewAlignItems {
+    FLEX_START = 0,
+    FLEX_END = 1,
+    CENTER = 2,
+    STRETCH = 3,
+    BASELINE = 4
+}
+/**
+ * View align self constants.
+ * Should be used to override individual child alignment along the cross axis.
+ * Takes precedence over the container's alignItems setting.
+ */
+export declare enum ViewAlignSelf {
+    FLEX_START = 0,
+    FLEX_END = 1,
+    CENTER = 2,
+    STRETCH = 3,
+    BASELINE = 4
+}
+/**
+ * Supported align content enumerated values.
+ * Should be used when there are multiple lines of items.
+ * Controls how lines are distributed along the cross axis.
+ */
+export declare enum ViewAlignContent {
+    FLEX_START = 0,
+    FLEX_END = 1,
+    CENTER = 2,
+    STRETCH = 3,
+    SPACE_BETWEEN = 4,
+    SPACE_AROUND = 5
+}

package/build/components/view/constants/index.d.ts

@@ -1 +1,2 @@
+export { ViewAlignContent, ViewAlignItems, ViewAlignSelf, ViewFlexDirection, ViewJustifyContent, } from './flex';
 export { HTMLTag, ViewTag } from './tag';

package/build/components/view/constants/tag.d.ts

@@ -1,8 +1,28 @@
+/**
+ * Supported by view component tags.
+ * All possible layout tags should be listed here.
+ */
 export declare enum ViewTag {
     DIV = 0,
-    SECTION = 1
-}
-export declare enum HTMLTag {
-    DIV = "div",
-    SECTION = "section"
+    FIGURE = 1,
+    FIGCAPTION = 2,
+    ARTICLE = 3,
+    SECTION = 4,
+    HEADER = 5,
+    MAIN = 6,
+    FOOTER = 7
 }
+/**
+ * Mapping tags to its string constants.
+ * This is used to render correct HTML tags in web.
+ */
+export declare const HTMLTag: {
+    0: "div";
+    1: "figure";
+    2: "figcaption";
+    3: "article";
+    4: "section";
+    5: "header";
+    6: "main";
+    7: "footer";
+};

package/build/components/view/view.types.d.ts

@@ -1,11 +1,49 @@
 import type { FunctionComponent, PropsWithChildren } from 'react';
-import type { ViewTag } from './constants';
+import type { ViewAlignContent, ViewAlignItems, ViewAlignSelf, ViewFlexDirection, ViewJustifyContent, ViewTag } from './constants';
 export interface ViewProps extends PropsWithChildren {
     /**
+     * Allows to control HTML tag to render.
+     * Makes no sense on native platforms.
      * @default View.Tag.DIV
      */
     tag?: ViewTag;
+    /**
+     * Flex direction of the component.
+     * Defines the main axis along which children are laid out.
+     * @default View.FlexDirection.COLUMN
+     */
+    flexDirection?: ViewFlexDirection;
+    /**
+     * Controls spacing between and around items.
+     * Defines how children are distributed along the main axis.
+     * @default View.JustifyContent.FLEX_START
+     */
+    justifyContent?: ViewJustifyContent;
+    /**
+     * Defines how children are aligned along the cross axis.
+     * Affects the alignment of items perpendicular to the main axis.
+     * @default View.AlignItems.STRETCH
+     */
+    alignItems?: ViewAlignItems;
+    /**
+     * Overrides the cross-axis alignment for a single child.
+     * Takes precedence over the container's align items property value.
+     * @default undefined
+     */
+    alignSelf?: ViewAlignSelf;
+    /**
+     * Only applies when there is wrapping in the container.
+     * Defines how multiple lines are spaced along the cross axis.
+     * @default View.AlignContent.FLEX_START
+     */
+    alignContent?: ViewAlignContent;
 }
+export type StyledViewProps = Pick<ViewProps, 'flexDirection' | 'justifyContent' | 'alignItems' | 'alignSelf' | 'alignContent'>;
 export type ViewComponent = FunctionComponent<ViewProps> & {
     Tag: Record<keyof typeof ViewTag, ViewTag>;
+    FlexDirection: Record<keyof typeof ViewFlexDirection, ViewFlexDirection>;
+    JustifyContent: Record<keyof typeof ViewJustifyContent, ViewJustifyContent>;
+    AlignItems: Record<keyof typeof ViewAlignItems, ViewAlignItems>;
+    AlignSelf: Record<keyof typeof ViewAlignSelf, ViewAlignSelf>;
+    AlignContent: Record<keyof typeof ViewAlignContent, ViewAlignContent>;
 };

package/build/default.js

@@ -100,13 +100,23 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 
 /***/ }),
 
+/***/ "./source/components/view/constants/flex.ts":
+/*!**************************************************!*\
+  !*** ./source/components/view/constants/flex.ts ***!
+  \**************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ViewAlignContent: () => (/* binding */ ViewAlignContent),\n/* harmony export */   ViewAlignItems: () => (/* binding */ ViewAlignItems),\n/* harmony export */   ViewAlignSelf: () => (/* binding */ ViewAlignSelf),\n/* harmony export */   ViewFlexDirection: () => (/* binding */ ViewFlexDirection),\n/* harmony export */   ViewJustifyContent: () => (/* binding */ ViewJustifyContent)\n/* harmony export */ });\n/**\n * View flex direction enumerated constants.\n * Should be used to define flex container primary axis.\n */\nvar ViewFlexDirection = /*#__PURE__*/function (ViewFlexDirection) {\n  ViewFlexDirection[ViewFlexDirection[\"COLUMN\"] = 0] = \"COLUMN\";\n  ViewFlexDirection[ViewFlexDirection[\"ROW\"] = 1] = \"ROW\";\n  return ViewFlexDirection;\n}({});\n\n/**\n * Supported justify content values.\n * Should be used to control spacing between and around items.\n * Allows to define how children are distributed along the main axis.\n */\nvar ViewJustifyContent = /*#__PURE__*/function (ViewJustifyContent) {\n  ViewJustifyContent[ViewJustifyContent[\"FLEX_START\"] = 0] = \"FLEX_START\";\n  ViewJustifyContent[ViewJustifyContent[\"FLEX_END\"] = 1] = \"FLEX_END\";\n  ViewJustifyContent[ViewJustifyContent[\"CENTER\"] = 2] = \"CENTER\";\n  ViewJustifyContent[ViewJustifyContent[\"SPACE_BETWEEN\"] = 3] = \"SPACE_BETWEEN\";\n  ViewJustifyContent[ViewJustifyContent[\"SPACE_AROUND\"] = 4] = \"SPACE_AROUND\";\n  ViewJustifyContent[ViewJustifyContent[\"SPACE_EVENLY\"] = 5] = \"SPACE_EVENLY\";\n  return ViewJustifyContent;\n}({});\n\n/**\n * View align items enumerated constants.\n * Should be used to control how children are aligned along the cross axis.\n * Affects the vertical alignment in a row and horizontal alignment in a column.\n */\nvar ViewAlignItems = /*#__PURE__*/function (ViewAlignItems) {\n  ViewAlignItems[ViewAlignItems[\"FLEX_START\"] = 0] = \"FLEX_START\";\n  ViewAlignItems[ViewAlignItems[\"FLEX_END\"] = 1] = \"FLEX_END\";\n  ViewAlignItems[ViewAlignItems[\"CENTER\"] = 2] = \"CENTER\";\n  ViewAlignItems[ViewAlignItems[\"STRETCH\"] = 3] = \"STRETCH\";\n  ViewAlignItems[ViewAlignItems[\"BASELINE\"] = 4] = \"BASELINE\";\n  return ViewAlignItems;\n}({});\n\n/**\n * View align self constants.\n * Should be used to override individual child alignment along the cross axis.\n * Takes precedence over the container's alignItems setting.\n */\nvar ViewAlignSelf = /*#__PURE__*/function (ViewAlignSelf) {\n  ViewAlignSelf[ViewAlignSelf[\"FLEX_START\"] = 0] = \"FLEX_START\";\n  ViewAlignSelf[ViewAlignSelf[\"FLEX_END\"] = 1] = \"FLEX_END\";\n  ViewAlignSelf[ViewAlignSelf[\"CENTER\"] = 2] = \"CENTER\";\n  ViewAlignSelf[ViewAlignSelf[\"STRETCH\"] = 3] = \"STRETCH\";\n  ViewAlignSelf[ViewAlignSelf[\"BASELINE\"] = 4] = \"BASELINE\";\n  return ViewAlignSelf;\n}({});\n\n/**\n * Supported align content enumerated values.\n * Should be used when there are multiple lines of items.\n * Controls how lines are distributed along the cross axis.\n */\nvar ViewAlignContent = /*#__PURE__*/function (ViewAlignContent) {\n  ViewAlignContent[ViewAlignContent[\"FLEX_START\"] = 0] = \"FLEX_START\";\n  ViewAlignContent[ViewAlignContent[\"FLEX_END\"] = 1] = \"FLEX_END\";\n  ViewAlignContent[ViewAlignContent[\"CENTER\"] = 2] = \"CENTER\";\n  ViewAlignContent[ViewAlignContent[\"STRETCH\"] = 3] = \"STRETCH\";\n  ViewAlignContent[ViewAlignContent[\"SPACE_BETWEEN\"] = 4] = \"SPACE_BETWEEN\";\n  ViewAlignContent[ViewAlignContent[\"SPACE_AROUND\"] = 5] = \"SPACE_AROUND\";\n  return ViewAlignContent;\n}({});\n\n//# sourceURL=webpack://creactive/./source/components/view/constants/flex.ts?");
+
+/***/ }),
+
 /***/ "./source/components/view/constants/index.ts":
 /*!***************************************************!*\
   !*** ./source/components/view/constants/index.ts ***!
   \***************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   HTMLTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_0__.HTMLTag),\n/* harmony export */   ViewTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_0__.ViewTag)\n/* harmony export */ });\n/* harmony import */ var _tag__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./tag */ \"./source/components/view/constants/tag.ts\");\n\n\n//# sourceURL=webpack://creactive/./source/components/view/constants/index.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   HTMLTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_1__.HTMLTag),\n/* harmony export */   ViewAlignContent: () => (/* reexport safe */ _flex__WEBPACK_IMPORTED_MODULE_0__.ViewAlignContent),\n/* harmony export */   ViewAlignItems: () => (/* reexport safe */ _flex__WEBPACK_IMPORTED_MODULE_0__.ViewAlignItems),\n/* harmony export */   ViewAlignSelf: () => (/* reexport safe */ _flex__WEBPACK_IMPORTED_MODULE_0__.ViewAlignSelf),\n/* harmony export */   ViewFlexDirection: () => (/* reexport safe */ _flex__WEBPACK_IMPORTED_MODULE_0__.ViewFlexDirection),\n/* harmony export */   ViewJustifyContent: () => (/* reexport safe */ _flex__WEBPACK_IMPORTED_MODULE_0__.ViewJustifyContent),\n/* harmony export */   ViewTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_1__.ViewTag)\n/* harmony export */ });\n/* harmony import */ var _flex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./flex */ \"./source/components/view/constants/flex.ts\");\n/* harmony import */ var _tag__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./tag */ \"./source/components/view/constants/tag.ts\");\n\n\n\n//# sourceURL=webpack://creactive/./source/components/view/constants/index.ts?");
 
 /***/ }),
 
@@ -116,7 +126,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \*************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   HTMLTag: () => (/* binding */ HTMLTag),\n/* harmony export */   ViewTag: () => (/* binding */ ViewTag)\n/* harmony export */ });\nvar ViewTag = /*#__PURE__*/function (ViewTag) {\n  ViewTag[ViewTag[\"DIV\"] = 0] = \"DIV\";\n  ViewTag[ViewTag[\"SECTION\"] = 1] = \"SECTION\";\n  return ViewTag;\n}({});\nvar HTMLTag = /*#__PURE__*/function (HTMLTag) {\n  HTMLTag[\"DIV\"] = \"div\";\n  HTMLTag[\"SECTION\"] = \"section\";\n  return HTMLTag;\n}({});\n\n//# sourceURL=webpack://creactive/./source/components/view/constants/tag.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   HTMLTag: () => (/* binding */ HTMLTag),\n/* harmony export */   ViewTag: () => (/* binding */ ViewTag)\n/* harmony export */ });\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\n/**\n * Supported by view component tags.\n * All possible layout tags should be listed here.\n */\nvar ViewTag = /*#__PURE__*/function (ViewTag) {\n  ViewTag[ViewTag[\"DIV\"] = 0] = \"DIV\";\n  ViewTag[ViewTag[\"FIGURE\"] = 1] = \"FIGURE\";\n  ViewTag[ViewTag[\"FIGCAPTION\"] = 2] = \"FIGCAPTION\";\n  ViewTag[ViewTag[\"ARTICLE\"] = 3] = \"ARTICLE\";\n  ViewTag[ViewTag[\"SECTION\"] = 4] = \"SECTION\";\n  ViewTag[ViewTag[\"HEADER\"] = 5] = \"HEADER\";\n  ViewTag[ViewTag[\"MAIN\"] = 6] = \"MAIN\";\n  ViewTag[ViewTag[\"FOOTER\"] = 7] = \"FOOTER\";\n  return ViewTag;\n}({});\n\n/**\n * Mapping tags to its string constants.\n * This is used to render correct HTML tags in web.\n */\nvar HTMLTag = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ViewTag.DIV, 'div'), ViewTag.FIGURE, 'figure'), ViewTag.FIGCAPTION, 'figcaption'), ViewTag.ARTICLE, 'article'), ViewTag.SECTION, 'section'), ViewTag.HEADER, 'header'), ViewTag.MAIN, 'main'), ViewTag.FOOTER, 'footer');\n\n//# sourceURL=webpack://creactive/./source/components/view/constants/tag.ts?");
 
 /***/ }),
 
@@ -136,7 +146,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react_native__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-native */ \"react-native\");\n/* harmony import */ var react_native__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_native__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants */ \"./source/components/view/constants/index.ts\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\n\nvar viewStyleSheet = react_native__WEBPACK_IMPORTED_MODULE_0__.StyleSheet.create({\n  viewDisplayFlex: {\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n    alignItems: 'center'\n  }\n});\nvar View = function View(_ref) {\n  var children = _ref.children;\n  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react_native__WEBPACK_IMPORTED_MODULE_0__.View, {\n    style: viewStyleSheet.viewDisplayFlex,\n    children: children\n  });\n};\nView.Tag = _constants__WEBPACK_IMPORTED_MODULE_1__.ViewTag;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (View);\n\n//# sourceURL=webpack://creactive/./source/components/view/view.native.tsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react_native__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-native */ \"react-native\");\n/* harmony import */ var react_native__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_native__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants */ \"./source/components/view/constants/index.ts\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\n\nvar viewStyleSheet = react_native__WEBPACK_IMPORTED_MODULE_0__.StyleSheet.create({\n  viewDisplayFlex: {\n    display: 'flex',\n    margin: 0,\n    padding: 0,\n    zIndex: 0,\n    position: 'relative',\n    listStyle: 'none',\n    textDecoration: 'none',\n    boxSizing: 'border-box'\n  },\n  viewFlexDirectionColumn: {\n    flexDirection: 'column'\n  },\n  viewFlexDirectionRow: {\n    flexDirection: 'row'\n  },\n  viewJustifuContentFlexStart: {\n    justifyContent: 'flex-start'\n  },\n  viewJustifuContentFlexEnd: {\n    justifyContent: 'flex-end'\n  },\n  viewJustifuContentCenter: {\n    justifyContent: 'center'\n  },\n  viewJustifuContentSpaceBetween: {\n    justifyContent: 'space-between'\n  },\n  viewJustifuContentSpaceAround: {\n    justifyContent: 'space-around'\n  },\n  viewJustifuContentSpaceEvenly: {\n    justifyContent: 'space-evenly'\n  },\n  viewAlignItemsFlexStart: {\n    alignItems: 'flex-start'\n  },\n  viewAlignItemsFlexEnd: {\n    alignItems: 'flex-end'\n  },\n  viewAlignItemsCenter: {\n    alignItems: 'center'\n  },\n  viewAlignItemsStretch: {\n    alignItems: 'stretch'\n  },\n  viewAlignItemsBaseline: {\n    alignItems: 'baseline'\n  },\n  viewAlignSelfFlexStart: {\n    alignSelf: 'flex-start'\n  },\n  viewAlignSelfFlexEnd: {\n    alignSelf: 'flex-end'\n  },\n  viewAlignSelfCenter: {\n    alignSelf: 'center'\n  },\n  viewAlignSelfStretch: {\n    alignSelf: 'stretch'\n  },\n  viewAlignSelfBaseline: {\n    alignSelf: 'baseline'\n  },\n  viewAlignContentFlexStart: {\n    alignContent: 'flex-start'\n  },\n  viewAlignContentFlexEnd: {\n    alignContent: 'flex-end'\n  },\n  viewAlignContentCenter: {\n    alignContent: 'center'\n  },\n  viewAlignContentStretch: {\n    alignContent: 'stretch'\n  },\n  viewAlignContentSpaceBetween: {\n    alignContent: 'space-between'\n  },\n  viewAlignContentSpaceAround: {\n    alignContent: 'space-around'\n  },\n  viewAlignContentSpaceEvenly: {\n    alignContent: 'space-evenly'\n  }\n});\nvar View = function View(_ref) {\n  var _ref$flexDirection = _ref.flexDirection,\n    flexDirection = _ref$flexDirection === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_1__.ViewFlexDirection.COLUMN : _ref$flexDirection,\n    _ref$justifyContent = _ref.justifyContent,\n    justifyContent = _ref$justifyContent === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_1__.ViewJustifyContent.FLEX_START : _ref$justifyContent,\n    _ref$alignItems = _ref.alignItems,\n    alignItems = _ref$alignItems === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignItems.STRETCH : _ref$alignItems,\n    alignSelf = _ref.alignSelf,\n    _ref$alignContent = _ref.alignContent,\n    alignContent = _ref$alignContent === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignContent.FLEX_START : _ref$alignContent,\n    children = _ref.children;\n  var getFlexDirectionStyle = function getFlexDirectionStyle() {\n    switch (flexDirection) {\n      case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewFlexDirection.COLUMN:\n        return viewStyleSheet.viewFlexDirectionColumn;\n      case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewFlexDirection.ROW:\n        return viewStyleSheet.viewFlexDirectionRow;\n    }\n  };\n  var getJustifyContentStyle = function getJustifyContentStyle() {\n    switch (justifyContent) {\n      case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewJustifyContent.FLEX_START:\n        return viewStyleSheet.viewAlignItemsFlexStart;\n      case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewJustifyContent.FLEX_END:\n        return viewStyleSheet.viewAlignItemsFlexEnd;\n      case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewJustifyContent.CENTER:\n        return viewStyleSheet.viewAlignItemsCenter;\n      case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewJustifyContent.SPACE_BETWEEN:\n        return viewStyleSheet.viewAlignItemsStretch;\n      case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewJustifyContent.SPACE_AROUND:\n        return viewStyleSheet.viewAlignItemsBaseline;\n      case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewJustifyContent.SPACE_EVENLY:\n        return viewStyleSheet.viewAlignItemsFlexStart;\n    }\n  };\n  var getAlignItemsStyle = function getAlignItemsStyle() {\n    switch (alignItems) {\n      case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignItems.FLEX_START:\n        return viewStyleSheet.viewAlignItemsFlexStart;\n      case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignItems.FLEX_END:\n        return viewStyleSheet.viewAlignItemsFlexEnd;\n      case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignItems.CENTER:\n        return viewStyleSheet.viewAlignItemsCenter;\n      case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignItems.STRETCH:\n        return viewStyleSheet.viewAlignItemsStretch;\n      case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignItems.BASELINE:\n        return viewStyleSheet.viewAlignItemsBaseline;\n    }\n  };\n  var getAlignSelfStyle = function getAlignSelfStyle() {\n    switch (alignSelf) {\n      case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignSelf.FLEX_START:\n        return viewStyleSheet.viewAlignSelfFlexStart;\n      case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignSelf.FLEX_END:\n        return viewStyleSheet.viewAlignSelfFlexEnd;\n      case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignSelf.CENTER:\n        return viewStyleSheet.viewAlignSelfCenter;\n      case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignSelf.STRETCH:\n        return viewStyleSheet.viewAlignSelfStretch;\n      case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignSelf.BASELINE:\n        return viewStyleSheet.viewAlignSelfBaseline;\n    }\n  };\n  var getAlignContentStyle = function getAlignContentStyle() {\n    switch (alignContent) {\n      case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignContent.FLEX_START:\n        return viewStyleSheet.viewAlignContentFlexStart;\n      case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignContent.FLEX_END:\n        return viewStyleSheet.viewAlignContentFlexEnd;\n      case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignContent.CENTER:\n        return viewStyleSheet.viewAlignContentCenter;\n      case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignContent.STRETCH:\n        return viewStyleSheet.viewAlignContentStretch;\n      case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignContent.SPACE_BETWEEN:\n        return viewStyleSheet.viewAlignContentSpaceBetween;\n      case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignContent.SPACE_AROUND:\n        return viewStyleSheet.viewAlignContentSpaceAround;\n    }\n  };\n  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react_native__WEBPACK_IMPORTED_MODULE_0__.View, {\n    style: [viewStyleSheet.viewDisplayFlex, getJustifyContentStyle(), getFlexDirectionStyle(), getAlignItemsStyle(), getAlignSelfStyle(), getAlignContentStyle()],\n    children: children\n  });\n};\nView.Tag = _constants__WEBPACK_IMPORTED_MODULE_1__.ViewTag;\nView.FlexDirection = _constants__WEBPACK_IMPORTED_MODULE_1__.ViewFlexDirection;\nView.JustifyContent = _constants__WEBPACK_IMPORTED_MODULE_1__.ViewJustifyContent;\nView.AlignItems = _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignItems;\nView.AlignSelf = _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignSelf;\nView.AlignContent = _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignContent;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (View);\n\n//# sourceURL=webpack://creactive/./source/components/view/view.native.tsx?");
 
 /***/ }),
 
@@ -146,7 +156,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \****************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   View: () => (/* binding */ View)\n/* harmony export */ });\n/* harmony import */ var react_native__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-native */ \"react-native\");\n/* harmony import */ var react_native__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_native__WEBPACK_IMPORTED_MODULE_0__);\n\nvar View = react_native__WEBPACK_IMPORTED_MODULE_0__.Platform.select({\n  \"native\": function native() {\n    return (__webpack_require__(/*! ./view.native */ \"./source/components/view/view.native.tsx\")[\"default\"]);\n  },\n  web: function web() {\n    return (__webpack_require__(/*! ./view.web */ \"./source/components/view/view.web.tsx\")[\"default\"]);\n  }\n})();\n\n//# sourceURL=webpack://creactive/./source/components/view/view.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   View: () => (/* binding */ View)\n/* harmony export */ });\n/* harmony import */ var react_native__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-native */ \"react-native\");\n/* harmony import */ var react_native__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_native__WEBPACK_IMPORTED_MODULE_0__);\n\n// Export platform-specific component version.\nvar View = react_native__WEBPACK_IMPORTED_MODULE_0__.Platform.select({\n  \"native\": function native() {\n    return (__webpack_require__(/*! ./view.native */ \"./source/components/view/view.native.tsx\")[\"default\"]);\n  },\n  web: function web() {\n    return (__webpack_require__(/*! ./view.web */ \"./source/components/view/view.web.tsx\")[\"default\"]);\n  }\n})();\n\n//# sourceURL=webpack://creactive/./source/components/view/view.ts?");
 
 /***/ }),
 
@@ -156,7 +166,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \*********************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _emotion_styled__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @emotion/styled */ \"@emotion/styled\");\n/* harmony import */ var _emotion_styled__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_emotion_styled__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./constants */ \"./source/components/view/constants/index.ts\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\nvar _templateObject;\nfunction _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }\n\n\n\n\nvar StyledView = _emotion_styled__WEBPACK_IMPORTED_MODULE_0___default().div(_templateObject || (_templateObject = _taggedTemplateLiteral([\"\\n  display: flex;\\n\"])));\nvar View = function View(_ref) {\n  var _ref$tag = _ref.tag,\n    tag = _ref$tag === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_2__.ViewTag.DIV : _ref$tag,\n    children = _ref.children;\n  var as = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n    switch (tag) {\n      case _constants__WEBPACK_IMPORTED_MODULE_2__.ViewTag.SECTION:\n        return _constants__WEBPACK_IMPORTED_MODULE_2__.HTMLTag.SECTION;\n      case _constants__WEBPACK_IMPORTED_MODULE_2__.ViewTag.DIV:\n        return _constants__WEBPACK_IMPORTED_MODULE_2__.HTMLTag.DIV;\n    }\n  }, [tag]);\n  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(StyledView, {\n    as: as,\n    children: children\n  });\n};\nView.Tag = _constants__WEBPACK_IMPORTED_MODULE_2__.ViewTag;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (View);\n\n//# sourceURL=webpack://creactive/./source/components/view/view.web.tsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _emotion_styled__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @emotion/styled */ \"@emotion/styled\");\n/* harmony import */ var _emotion_styled__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_emotion_styled__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants */ \"./source/components/view/constants/index.ts\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\nvar _templateObject;\nfunction _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }\n\n\n\nvar StyledView = _emotion_styled__WEBPACK_IMPORTED_MODULE_0___default().div(_templateObject || (_templateObject = _taggedTemplateLiteral([\"\\n  display: flex;\\n  flex-direction: \", \";\\n  justify-content: \", \";\\n  align-items: \", \";\\n  align-self: \", \";\\n  align-content: \", \";\\n  margin: 0;\\n  padding: 0;\\n  z-index: 0;\\n  position: relative;\\n  list-style: none;\\n  text-decoration: none;\\n  box-sizing: border-box;\\n\"])), function (_ref) {\n  var flexDirection = _ref.flexDirection;\n  switch (flexDirection) {\n    case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewFlexDirection.COLUMN:\n      return 'column';\n    case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewFlexDirection.ROW:\n      return 'row';\n  }\n}, function (_ref2) {\n  var justifyContent = _ref2.justifyContent;\n  switch (justifyContent) {\n    case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewJustifyContent.FLEX_START:\n      return 'flex-start';\n    case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewJustifyContent.FLEX_END:\n      return 'flex-end';\n    case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewJustifyContent.CENTER:\n      return 'center';\n    case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewJustifyContent.SPACE_BETWEEN:\n      return 'space-between';\n    case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewJustifyContent.SPACE_AROUND:\n      return 'space-around';\n    case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewJustifyContent.SPACE_EVENLY:\n      return 'space-evenly';\n  }\n}, function (_ref3) {\n  var alignItems = _ref3.alignItems;\n  switch (alignItems) {\n    case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignItems.FLEX_START:\n      return 'flex-start';\n    case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignItems.FLEX_END:\n      return 'flex-end';\n    case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignItems.CENTER:\n      return 'center';\n    case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignItems.STRETCH:\n      return 'stretch';\n    case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignItems.BASELINE:\n      return 'baseline';\n  }\n}, function (_ref4) {\n  var alignSelf = _ref4.alignSelf;\n  switch (alignSelf) {\n    case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignSelf.FLEX_START:\n      return 'flex-start';\n    case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignSelf.FLEX_END:\n      return 'flex-end';\n    case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignSelf.CENTER:\n      return 'center';\n    case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignSelf.STRETCH:\n      return 'stretch';\n    case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignSelf.BASELINE:\n      return 'baseline';\n  }\n}, function (_ref5) {\n  var alignContent = _ref5.alignContent;\n  switch (alignContent) {\n    case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignContent.FLEX_START:\n      return 'flex-start';\n    case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignContent.FLEX_END:\n      return 'flex-end';\n    case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignContent.CENTER:\n      return 'center';\n    case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignContent.STRETCH:\n      return 'stretch';\n    case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignContent.SPACE_BETWEEN:\n      return 'space-between';\n    case _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignContent.SPACE_AROUND:\n      return 'space-around';\n  }\n});\nvar View = function View(_ref6) {\n  var _ref6$tag = _ref6.tag,\n    tag = _ref6$tag === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_1__.ViewTag.DIV : _ref6$tag,\n    _ref6$flexDirection = _ref6.flexDirection,\n    flexDirection = _ref6$flexDirection === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_1__.ViewFlexDirection.COLUMN : _ref6$flexDirection,\n    _ref6$justifyContent = _ref6.justifyContent,\n    justifyContent = _ref6$justifyContent === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_1__.ViewJustifyContent.FLEX_START : _ref6$justifyContent,\n    _ref6$alignItems = _ref6.alignItems,\n    alignItems = _ref6$alignItems === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignItems.STRETCH : _ref6$alignItems,\n    _ref6$alignContent = _ref6.alignContent,\n    alignContent = _ref6$alignContent === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignContent.FLEX_START : _ref6$alignContent,\n    alignSelf = _ref6.alignSelf,\n    children = _ref6.children;\n  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(StyledView, {\n    as: _constants__WEBPACK_IMPORTED_MODULE_1__.HTMLTag[tag],\n    flexDirection: flexDirection,\n    justifyContent: justifyContent,\n    alignItems: alignItems,\n    alignSelf: alignSelf,\n    alignContent: alignContent,\n    children: children\n  });\n};\nView.Tag = _constants__WEBPACK_IMPORTED_MODULE_1__.ViewTag;\nView.FlexDirection = _constants__WEBPACK_IMPORTED_MODULE_1__.ViewFlexDirection;\nView.JustifyContent = _constants__WEBPACK_IMPORTED_MODULE_1__.ViewJustifyContent;\nView.AlignItems = _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignItems;\nView.AlignSelf = _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignSelf;\nView.AlignContent = _constants__WEBPACK_IMPORTED_MODULE_1__.ViewAlignContent;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (View);\n\n//# sourceURL=webpack://creactive/./source/components/view/view.web.tsx?");
 
 /***/ }),
 

package/build/helpers/style/style.types.d.ts

@@ -7,4 +7,4 @@ import type { ComponentType, JSX } from 'react';
  * @see https://necolas.github.io/react-native-web/docs/rendering/
  * @see https://docs.expo.dev/guides/using-nextjs/
  */
-export type RenderStyleHelper = (component: ComponentType, html: string) => JSX.Element;
+export type RenderStyleHelper = (component: ComponentType, key?: string) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "creactive",
-  "version": "0.0.76",
+  "version": "0.0.79",
   "main": "build/default.js",
   "files": [
     "build/**"