creactive 0.0.78 → 0.0.79

package/build/classic.js

@@ -8,14 +8,14 @@
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("react"), require("@emotion/styled"), require("react-dom"));
+		module.exports = factory(require("react"), require("@emotion/styled"));
 	else if(typeof define === 'function' && define.amd)
-		define("creactive", ["react", "@emotion/styled", "react-dom"], factory);
+		define("creactive", ["react", "@emotion/styled"], factory);
 	else if(typeof exports === 'object')
-		exports["creactive"] = factory(require("react"), require("@emotion/styled"), require("react-dom"));
+		exports["creactive"] = factory(require("react"), require("@emotion/styled"));
 	else
-		root["creactive"] = factory(root["react"], root["@emotion/styled"], root["react-dom"]);
-})(this, (__WEBPACK_EXTERNAL_MODULE_react__, __WEBPACK_EXTERNAL_MODULE__emotion_styled__, __WEBPACK_EXTERNAL_MODULE_react_dom__) => {
+		root["creactive"] = factory(root["react"], root["@emotion/styled"]);
+})(this, (__WEBPACK_EXTERNAL_MODULE_react__, __WEBPACK_EXTERNAL_MODULE__emotion_styled__) => {
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
@@ -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?");
 
 /***/ }),
 
@@ -382,28 +393,6 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 
 /***/ }),
 
-/***/ "./source/helpers/style/index.ts":
-/*!***************************************!*\
-  !*** ./source/helpers/style/index.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 */   renderStyle: () => (/* reexport safe */ _style__WEBPACK_IMPORTED_MODULE_0__.renderStyle)\n/* harmony export */ });\n/* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./style */ \"./source/helpers/style/style.ts\");\n\n\n//# sourceURL=webpack://creactive/./source/helpers/style/index.ts?");
-
-/***/ }),
-
-/***/ "./source/helpers/style/style.ts":
-/*!***************************************!*\
-  !*** ./source/helpers/style/style.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 */   renderStyle: () => (/* binding */ renderStyle)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_native_web_dist_exports_AppRegistry__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-native-web/dist/exports/AppRegistry */ \"./node_modules/react-native-web/dist/exports/AppRegistry/index.js\");\nconst renderStyle=(component,key='main')=>{const WebAppRegistry=react_native_web_dist_exports_AppRegistry__WEBPACK_IMPORTED_MODULE_1__[\"default\"];WebAppRegistry.registerComponent(key,()=>component);const element=WebAppRegistry.getApplication(key,null).getStyleElement();if((0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(element))return element;};\n\n//# sourceURL=webpack://creactive/./source/helpers/style/style.ts?");
-
-/***/ }),
-
 /***/ "./source/hooks/index.ts":
 /*!*******************************!*\
   !*** ./source/hooks/index.ts ***!
@@ -433,7 +422,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 */   Media: () => (/* reexport safe */ _contexts_media__WEBPACK_IMPORTED_MODULE_2__.Media),\n/* harmony export */   MediaContextProvider: () => (/* reexport safe */ _contexts_media__WEBPACK_IMPORTED_MODULE_2__.MediaContextProvider),\n/* harmony export */   Text: () => (/* reexport safe */ _components_text__WEBPACK_IMPORTED_MODULE_0__.Text),\n/* harmony export */   ThemeContextProvider: () => (/* reexport safe */ _contexts_theme__WEBPACK_IMPORTED_MODULE_3__.ThemeContextProvider),\n/* harmony export */   View: () => (/* reexport safe */ _components_view__WEBPACK_IMPORTED_MODULE_1__.View),\n/* harmony export */   renderStyle: () => (/* reexport safe */ _helpers_style__WEBPACK_IMPORTED_MODULE_4__.renderStyle),\n/* harmony export */   useMediaContext: () => (/* reexport safe */ _contexts_media__WEBPACK_IMPORTED_MODULE_2__.useMediaContext),\n/* harmony export */   useThemeContext: () => (/* reexport safe */ _contexts_theme__WEBPACK_IMPORTED_MODULE_3__.useThemeContext),\n/* harmony export */   useThemeStyleSheet: () => (/* reexport safe */ _hooks_use_theme_style_sheet__WEBPACK_IMPORTED_MODULE_5__.useThemeStyleSheet)\n/* harmony export */ });\n/* harmony import */ var _components_text__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/components/text */ \"./source/components/text/index.ts\");\n/* harmony import */ var _components_view__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components/view */ \"./source/components/view/index.ts\");\n/* harmony import */ var _contexts_media__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/contexts/media */ \"./source/contexts/media/index.ts\");\n/* harmony import */ var _contexts_theme__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/contexts/theme */ \"./source/contexts/theme/index.ts\");\n/* harmony import */ var _helpers_style__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/helpers/style */ \"./source/helpers/style/index.ts\");\n/* harmony import */ var _hooks_use_theme_style_sheet__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/hooks/use-theme-style-sheet */ \"./source/hooks/use-theme-style-sheet.ts\");\n\n\n//# sourceURL=webpack://creactive/./source/index.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Media: () => (/* reexport safe */ _contexts_media__WEBPACK_IMPORTED_MODULE_2__.Media),\n/* harmony export */   MediaContextProvider: () => (/* reexport safe */ _contexts_media__WEBPACK_IMPORTED_MODULE_2__.MediaContextProvider),\n/* harmony export */   Text: () => (/* reexport safe */ _components_text__WEBPACK_IMPORTED_MODULE_0__.Text),\n/* harmony export */   ThemeContextProvider: () => (/* reexport safe */ _contexts_theme__WEBPACK_IMPORTED_MODULE_3__.ThemeContextProvider),\n/* harmony export */   View: () => (/* reexport safe */ _components_view__WEBPACK_IMPORTED_MODULE_1__.View),\n/* harmony export */   useMediaContext: () => (/* reexport safe */ _contexts_media__WEBPACK_IMPORTED_MODULE_2__.useMediaContext),\n/* harmony export */   useThemeContext: () => (/* reexport safe */ _contexts_theme__WEBPACK_IMPORTED_MODULE_3__.useThemeContext),\n/* harmony export */   useThemeStyleSheet: () => (/* reexport safe */ _hooks_use_theme_style_sheet__WEBPACK_IMPORTED_MODULE_4__.useThemeStyleSheet)\n/* harmony export */ });\n/* harmony import */ var _components_text__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/components/text */ \"./source/components/text/index.ts\");\n/* harmony import */ var _components_view__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components/view */ \"./source/components/view/index.ts\");\n/* harmony import */ var _contexts_media__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/contexts/media */ \"./source/contexts/media/index.ts\");\n/* harmony import */ var _contexts_theme__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/contexts/theme */ \"./source/contexts/theme/index.ts\");\n/* harmony import */ var _hooks_use_theme_style_sheet__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/hooks/use-theme-style-sheet */ \"./source/hooks/use-theme-style-sheet.ts\");\n\n\n//# sourceURL=webpack://creactive/./source/index.ts?");
 
 /***/ }),
 
@@ -839,50 +828,6 @@ eval("module.exports = function walk(nodes, cb, bubble) {\n  var i, max, node, r
 
 /***/ }),
 
-/***/ "./node_modules/react-dom/client.js":
-/*!******************************************!*\
-  !*** ./node_modules/react-dom/client.js ***!
-  \******************************************/
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-"use strict";
-eval("\n\nvar m = __webpack_require__(/*! react-dom */ \"react-dom\");\nif (false) {} else {\n  var i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;\n  exports.createRoot = function(c, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.createRoot(c, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n  exports.hydrateRoot = function(c, h, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.hydrateRoot(c, h, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n}\n\n\n//# sourceURL=webpack://creactive/./node_modules/react-dom/client.js?");
-
-/***/ }),
-
-/***/ "./node_modules/react-native-web/dist/exports/AppRegistry/AppContainer.js":
-/*!********************************************************************************!*\
-  !*** ./node_modules/react-native-web/dist/exports/AppRegistry/AppContainer.js ***!
-  \********************************************************************************/
-/***/ ((__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__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _StyleSheet__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../StyleSheet */ \"./node_modules/react-native-web/dist/exports/StyleSheet/index.js\");\n/* harmony import */ var _View__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../View */ \"./node_modules/react-native-web/dist/exports/View/index.js\");\n/**\n * Copyright (c) Nicolas Gallagher.\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n * \n */\n\n\n\n\nvar RootTagContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createContext(null);\nvar AppContainer = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef((props, forwardedRef) => {\n  var children = props.children,\n    WrapperComponent = props.WrapperComponent;\n  var innerView = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_View__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    children: children,\n    key: 1,\n    style: styles.appContainer\n  });\n  if (WrapperComponent) {\n    innerView = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(WrapperComponent, null, innerView);\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(RootTagContext.Provider, {\n    value: props.rootTag\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_View__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    ref: forwardedRef,\n    style: styles.appContainer\n  }, innerView));\n});\nAppContainer.displayName = 'AppContainer';\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AppContainer);\nvar styles = _StyleSheet__WEBPACK_IMPORTED_MODULE_2__[\"default\"].create({\n  appContainer: {\n    flex: 1,\n    pointerEvents: 'box-none'\n  }\n});\n\n//# sourceURL=webpack://creactive/./node_modules/react-native-web/dist/exports/AppRegistry/AppContainer.js?");
-
-/***/ }),
-
-/***/ "./node_modules/react-native-web/dist/exports/AppRegistry/index.js":
-/*!*************************************************************************!*\
-  !*** ./node_modules/react-native-web/dist/exports/AppRegistry/index.js ***!
-  \*************************************************************************/
-/***/ ((__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\": () => (/* binding */ AppRegistry)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/objectSpread2 */ \"./node_modules/@babel/runtime/helpers/esm/objectSpread2.js\");\n/* harmony import */ var fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! fbjs/lib/invariant */ \"./node_modules/fbjs/lib/invariant.js\");\n/* harmony import */ var fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _unmountComponentAtNode__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../unmountComponentAtNode */ \"./node_modules/react-native-web/dist/exports/unmountComponentAtNode/index.js\");\n/* harmony import */ var _renderApplication__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./renderApplication */ \"./node_modules/react-native-web/dist/exports/AppRegistry/renderApplication.js\");\n/**\n * Copyright (c) Nicolas Gallagher.\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n * \n */\n\n'use client';\n\n\n\n\n\nvar emptyObject = {};\nvar runnables = {};\nvar componentProviderInstrumentationHook = component => component();\nvar wrapperComponentProvider;\n\n/**\n * `AppRegistry` is the JS entry point to running all React Native apps.\n */\nclass AppRegistry {\n  static getAppKeys() {\n    return Object.keys(runnables);\n  }\n  static getApplication(appKey, appParameters) {\n    fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_1___default()(runnables[appKey] && runnables[appKey].getApplication, \"Application \" + appKey + \" has not been registered. \" + 'This is either due to an import error during initialization or failure to call AppRegistry.registerComponent.');\n    return runnables[appKey].getApplication(appParameters);\n  }\n  static registerComponent(appKey, componentProvider) {\n    runnables[appKey] = {\n      getApplication: appParameters => (0,_renderApplication__WEBPACK_IMPORTED_MODULE_2__.getApplication)(componentProviderInstrumentationHook(componentProvider), appParameters ? appParameters.initialProps : emptyObject, wrapperComponentProvider && wrapperComponentProvider(appParameters)),\n      run: appParameters => (0,_renderApplication__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(componentProviderInstrumentationHook(componentProvider), wrapperComponentProvider && wrapperComponentProvider(appParameters), appParameters.callback, {\n        hydrate: appParameters.hydrate || false,\n        initialProps: appParameters.initialProps || emptyObject,\n        mode: appParameters.mode || 'concurrent',\n        rootTag: appParameters.rootTag\n      })\n    };\n    return appKey;\n  }\n  static registerConfig(config) {\n    config.forEach(_ref => {\n      var appKey = _ref.appKey,\n        component = _ref.component,\n        run = _ref.run;\n      if (run) {\n        AppRegistry.registerRunnable(appKey, run);\n      } else {\n        fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_1___default()(component, 'No component provider passed in');\n        AppRegistry.registerComponent(appKey, component);\n      }\n    });\n  }\n\n  // TODO: fix style sheet creation when using this method\n  static registerRunnable(appKey, run) {\n    runnables[appKey] = {\n      run\n    };\n    return appKey;\n  }\n  static runApplication(appKey, appParameters) {\n    var isDevelopment =  true && \"development\" !== 'test';\n    if (isDevelopment) {\n      var params = (0,_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, appParameters);\n      params.rootTag = \"#\" + params.rootTag.id;\n      console.log(\"Running application \\\"\" + appKey + \"\\\" with appParams:\\n\", params, \"\\nDevelopment-level warnings: \" + (isDevelopment ? 'ON' : 'OFF') + \".\" + (\"\\nPerformance optimizations: \" + (isDevelopment ? 'OFF' : 'ON') + \".\"));\n    }\n    fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_1___default()(runnables[appKey] && runnables[appKey].run, \"Application \\\"\" + appKey + \"\\\" has not been registered. \" + 'This is either due to an import error during initialization or failure to call AppRegistry.registerComponent.');\n    return runnables[appKey].run(appParameters);\n  }\n  static setComponentProviderInstrumentationHook(hook) {\n    componentProviderInstrumentationHook = hook;\n  }\n  static setWrapperComponentProvider(provider) {\n    wrapperComponentProvider = provider;\n  }\n  static unmountApplicationComponentAtRootTag(rootTag) {\n    (0,_unmountComponentAtNode__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(rootTag);\n  }\n}\n\n//# sourceURL=webpack://creactive/./node_modules/react-native-web/dist/exports/AppRegistry/index.js?");
-
-/***/ }),
-
-/***/ "./node_modules/react-native-web/dist/exports/AppRegistry/renderApplication.js":
-/*!*************************************************************************************!*\
-  !*** ./node_modules/react-native-web/dist/exports/AppRegistry/renderApplication.js ***!
-  \*************************************************************************************/
-/***/ ((__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\": () => (/* binding */ renderApplication),\n/* harmony export */   getApplication: () => (/* binding */ getApplication)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/esm/extends.js\");\n/* harmony import */ var _AppContainer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./AppContainer */ \"./node_modules/react-native-web/dist/exports/AppRegistry/AppContainer.js\");\n/* harmony import */ var fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! fbjs/lib/invariant */ \"./node_modules/fbjs/lib/invariant.js\");\n/* harmony import */ var fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _render__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../render */ \"./node_modules/react-native-web/dist/exports/render/index.js\");\n/* harmony import */ var _StyleSheet__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../StyleSheet */ \"./node_modules/react-native-web/dist/exports/StyleSheet/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n\n/**\n * Copyright (c) Nicolas Gallagher.\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n * \n */\n\n\n\n\n\n\nfunction renderApplication(RootComponent, WrapperComponent, callback, options) {\n  var shouldHydrate = options.hydrate,\n    initialProps = options.initialProps,\n    mode = options.mode,\n    rootTag = options.rootTag;\n  var renderFn = shouldHydrate ? mode === 'concurrent' ? _render__WEBPACK_IMPORTED_MODULE_3__.hydrate : _render__WEBPACK_IMPORTED_MODULE_3__.hydrateLegacy : mode === 'concurrent' ? _render__WEBPACK_IMPORTED_MODULE_3__.render : _render__WEBPACK_IMPORTED_MODULE_3__[\"default\"];\n  fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_1___default()(rootTag, 'Expect to have a valid rootTag, instead got ', rootTag);\n  return renderFn(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_AppContainer__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    WrapperComponent: WrapperComponent,\n    ref: callback,\n    rootTag: rootTag\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(RootComponent, initialProps)), rootTag);\n}\nfunction getApplication(RootComponent, initialProps, WrapperComponent) {\n  var element = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_AppContainer__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    WrapperComponent: WrapperComponent,\n    rootTag: {}\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(RootComponent, initialProps));\n  // Don't escape CSS text\n  var getStyleElement = props => {\n    var sheet = _StyleSheet__WEBPACK_IMPORTED_MODULE_5__[\"default\"].getSheet();\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"style\", (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, props, {\n      dangerouslySetInnerHTML: {\n        __html: sheet.textContent\n      },\n      id: sheet.id\n    }));\n  };\n  return {\n    element,\n    getStyleElement\n  };\n}\n\n//# sourceURL=webpack://creactive/./node_modules/react-native-web/dist/exports/AppRegistry/renderApplication.js?");
-
-/***/ }),
-
 /***/ "./node_modules/react-native-web/dist/exports/Dimensions/index.js":
 /*!************************************************************************!*\
   !*** ./node_modules/react-native-web/dist/exports/Dimensions/index.js ***!
@@ -1114,28 +1059,6 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 
 /***/ }),
 
-/***/ "./node_modules/react-native-web/dist/exports/render/index.js":
-/*!********************************************************************!*\
-  !*** ./node_modules/react-native-web/dist/exports/render/index.js ***!
-  \********************************************************************/
-/***/ ((__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\": () => (/* binding */ renderLegacy),\n/* harmony export */   hydrate: () => (/* binding */ hydrate),\n/* harmony export */   hydrateLegacy: () => (/* binding */ hydrateLegacy),\n/* harmony export */   render: () => (/* binding */ render)\n/* harmony export */ });\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-dom */ \"react-dom\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom_client__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom/client */ \"./node_modules/react-dom/client.js\");\n/* harmony import */ var _unmountComponentAtNode__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../unmountComponentAtNode */ \"./node_modules/react-native-web/dist/exports/unmountComponentAtNode/index.js\");\n/* harmony import */ var _StyleSheet_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../StyleSheet/dom */ \"./node_modules/react-native-web/dist/exports/StyleSheet/dom/index.js\");\n/**\n * Copyright (c) Nicolas Gallagher.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n * \n */\n\n'use client';\n\n\n\n\n\nfunction hydrate(element, root) {\n  (0,_StyleSheet_dom__WEBPACK_IMPORTED_MODULE_2__.createSheet)(root);\n  return (0,react_dom_client__WEBPACK_IMPORTED_MODULE_1__.hydrateRoot)(root, element);\n}\nfunction render(element, root) {\n  (0,_StyleSheet_dom__WEBPACK_IMPORTED_MODULE_2__.createSheet)(root);\n  var reactRoot = (0,react_dom_client__WEBPACK_IMPORTED_MODULE_1__.createRoot)(root);\n  reactRoot.render(element);\n  return reactRoot;\n}\nfunction hydrateLegacy(element, root, callback) {\n  (0,_StyleSheet_dom__WEBPACK_IMPORTED_MODULE_2__.createSheet)(root);\n  (0,react_dom__WEBPACK_IMPORTED_MODULE_0__.hydrate)(element, root, callback);\n  return {\n    unmount: function unmount() {\n      return (0,_unmountComponentAtNode__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(root);\n    }\n  };\n}\nfunction renderLegacy(element, root, callback) {\n  (0,_StyleSheet_dom__WEBPACK_IMPORTED_MODULE_2__.createSheet)(root);\n  (0,react_dom__WEBPACK_IMPORTED_MODULE_0__.render)(element, root, callback);\n  return {\n    unmount: function unmount() {\n      return (0,_unmountComponentAtNode__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(root);\n    }\n  };\n}\n\n//# sourceURL=webpack://creactive/./node_modules/react-native-web/dist/exports/render/index.js?");
-
-/***/ }),
-
-/***/ "./node_modules/react-native-web/dist/exports/unmountComponentAtNode/index.js":
-/*!************************************************************************************!*\
-  !*** ./node_modules/react-native-web/dist/exports/unmountComponentAtNode/index.js ***!
-  \************************************************************************************/
-/***/ ((__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_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-dom */ \"react-dom\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_0__);\n/**\n * Copyright (c) Nicolas Gallagher.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n * \n */\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (react_dom__WEBPACK_IMPORTED_MODULE_0__.unmountComponentAtNode);\n\n//# sourceURL=webpack://creactive/./node_modules/react-native-web/dist/exports/unmountComponentAtNode/index.js?");
-
-/***/ }),
-
 /***/ "./node_modules/react-native-web/dist/exports/useWindowDimensions/index.js":
 /*!*********************************************************************************!*\
   !*** ./node_modules/react-native-web/dist/exports/useWindowDimensions/index.js ***!
@@ -1565,17 +1488,6 @@ module.exports = __WEBPACK_EXTERNAL_MODULE_react__;
 
 /***/ }),
 
-/***/ "react-dom":
-/*!****************************!*\
-  !*** external "react-dom" ***!
-  \****************************/
-/***/ ((module) => {
-
-"use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE_react_dom__;
-
-/***/ }),
-
 /***/ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js":
 /*!*******************************************************************!*\
   !*** ./node_modules/@babel/runtime/helpers/esm/defineProperty.js ***!
@@ -1587,17 +1499,6 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 
 /***/ }),
 
-/***/ "./node_modules/@babel/runtime/helpers/esm/extends.js":
-/*!************************************************************!*\
-  !*** ./node_modules/@babel/runtime/helpers/esm/extends.js ***!
-  \************************************************************/
-/***/ ((__unused_webpack___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\": () => (/* binding */ _extends)\n/* harmony export */ });\nfunction _extends() {\n  return _extends = Object.assign ? Object.assign.bind() : function (n) {\n    for (var e = 1; e < arguments.length; e++) {\n      var t = arguments[e];\n      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);\n    }\n    return n;\n  }, _extends.apply(null, arguments);\n}\n\n\n//# sourceURL=webpack://creactive/./node_modules/@babel/runtime/helpers/esm/extends.js?");
-
-/***/ }),
-
 /***/ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js":
 /*!******************************************************************!*\
   !*** ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js ***!

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?");
 
 /***/ }),
 
@@ -350,26 +360,6 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 
 /***/ }),
 
-/***/ "./source/helpers/style/index.ts":
-/*!***************************************!*\
-  !*** ./source/helpers/style/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 */   renderStyle: () => (/* reexport safe */ _style__WEBPACK_IMPORTED_MODULE_0__.renderStyle)\n/* harmony export */ });\n/* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./style */ \"./source/helpers/style/style.ts\");\n\n\n//# sourceURL=webpack://creactive/./source/helpers/style/index.ts?");
-
-/***/ }),
-
-/***/ "./source/helpers/style/style.ts":
-/*!***************************************!*\
-  !*** ./source/helpers/style/style.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 */   renderStyle: () => (/* binding */ renderStyle)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_native__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-native */ \"react-native\");\n/* harmony import */ var react_native__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_native__WEBPACK_IMPORTED_MODULE_1__);\n\n\nvar renderStyle = function renderStyle(component) {\n  var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'main';\n  // Converting types to be able to use web specific methods..\n  var WebAppRegistry = react_native__WEBPACK_IMPORTED_MODULE_1__.AppRegistry;\n  WebAppRegistry.registerComponent(key, function () {\n    return component;\n  });\n  // If someone use this function on native platform it will throw an error..\n  // Seems fine.. calling this function on native platform makes no sence..\n  var element = WebAppRegistry.getApplication(key, null).getStyleElement();\n  if (/*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(element)) return element;\n};\n\n//# sourceURL=webpack://creactive/./source/helpers/style/style.ts?");
-
-/***/ }),
-
 /***/ "./source/hooks/index.ts":
 /*!*******************************!*\
   !*** ./source/hooks/index.ts ***!
@@ -396,7 +386,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 */   Media: () => (/* reexport safe */ _contexts_media__WEBPACK_IMPORTED_MODULE_2__.Media),\n/* harmony export */   MediaContextProvider: () => (/* reexport safe */ _contexts_media__WEBPACK_IMPORTED_MODULE_2__.MediaContextProvider),\n/* harmony export */   Text: () => (/* reexport safe */ _components_text__WEBPACK_IMPORTED_MODULE_0__.Text),\n/* harmony export */   ThemeContextProvider: () => (/* reexport safe */ _contexts_theme__WEBPACK_IMPORTED_MODULE_3__.ThemeContextProvider),\n/* harmony export */   View: () => (/* reexport safe */ _components_view__WEBPACK_IMPORTED_MODULE_1__.View),\n/* harmony export */   renderStyle: () => (/* reexport safe */ _helpers_style__WEBPACK_IMPORTED_MODULE_4__.renderStyle),\n/* harmony export */   useMediaContext: () => (/* reexport safe */ _contexts_media__WEBPACK_IMPORTED_MODULE_2__.useMediaContext),\n/* harmony export */   useThemeContext: () => (/* reexport safe */ _contexts_theme__WEBPACK_IMPORTED_MODULE_3__.useThemeContext),\n/* harmony export */   useThemeStyleSheet: () => (/* reexport safe */ _hooks_use_theme_style_sheet__WEBPACK_IMPORTED_MODULE_5__.useThemeStyleSheet)\n/* harmony export */ });\n/* harmony import */ var _components_text__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/components/text */ \"./source/components/text/index.ts\");\n/* harmony import */ var _components_view__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components/view */ \"./source/components/view/index.ts\");\n/* harmony import */ var _contexts_media__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/contexts/media */ \"./source/contexts/media/index.ts\");\n/* harmony import */ var _contexts_theme__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/contexts/theme */ \"./source/contexts/theme/index.ts\");\n/* harmony import */ var _helpers_style__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/helpers/style */ \"./source/helpers/style/index.ts\");\n/* harmony import */ var _hooks_use_theme_style_sheet__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/hooks/use-theme-style-sheet */ \"./source/hooks/use-theme-style-sheet.ts\");\n/**\n * Exports all public stuff, including types.\n * Allows to keep some exports private at the same time.\n */\n\n\n\n\n\n\n\n//# sourceURL=webpack://creactive/./source/index.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Media: () => (/* reexport safe */ _contexts_media__WEBPACK_IMPORTED_MODULE_2__.Media),\n/* harmony export */   MediaContextProvider: () => (/* reexport safe */ _contexts_media__WEBPACK_IMPORTED_MODULE_2__.MediaContextProvider),\n/* harmony export */   Text: () => (/* reexport safe */ _components_text__WEBPACK_IMPORTED_MODULE_0__.Text),\n/* harmony export */   ThemeContextProvider: () => (/* reexport safe */ _contexts_theme__WEBPACK_IMPORTED_MODULE_3__.ThemeContextProvider),\n/* harmony export */   View: () => (/* reexport safe */ _components_view__WEBPACK_IMPORTED_MODULE_1__.View),\n/* harmony export */   useMediaContext: () => (/* reexport safe */ _contexts_media__WEBPACK_IMPORTED_MODULE_2__.useMediaContext),\n/* harmony export */   useThemeContext: () => (/* reexport safe */ _contexts_theme__WEBPACK_IMPORTED_MODULE_3__.useThemeContext),\n/* harmony export */   useThemeStyleSheet: () => (/* reexport safe */ _hooks_use_theme_style_sheet__WEBPACK_IMPORTED_MODULE_4__.useThemeStyleSheet)\n/* harmony export */ });\n/* harmony import */ var _components_text__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/components/text */ \"./source/components/text/index.ts\");\n/* harmony import */ var _components_view__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components/view */ \"./source/components/view/index.ts\");\n/* harmony import */ var _contexts_media__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/contexts/media */ \"./source/contexts/media/index.ts\");\n/* harmony import */ var _contexts_theme__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/contexts/theme */ \"./source/contexts/theme/index.ts\");\n/* harmony import */ var _hooks_use_theme_style_sheet__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/hooks/use-theme-style-sheet */ \"./source/hooks/use-theme-style-sheet.ts\");\n/**\n * Exports all public stuff, including types.\n * Allows to keep some exports private at the same time.\n */\n\n\n\n\n\n\n//# sourceURL=webpack://creactive/./source/index.ts?");
 
 /***/ }),
 

package/build/index.d.ts

@@ -10,6 +10,4 @@ export { Media, MediaContextProvider, useMediaContext } from './contexts/media';
 export type { MediaComponent, MediaContextProviderComponent, MediaContextValue, MediaProps, } from './contexts/media';
 export { ThemeContextProvider, useThemeContext } from './contexts/theme';
 export type { ThemeColorRGB, ThemeContextProviderComponent, ThemeContextProviderProps, ThemeContextValue, ThemeFontWeight, } from './contexts/theme';
-export { renderStyle } from './helpers/style';
-export type { RenderStyleHelper } from './helpers/style';
 export { useThemeStyleSheet } from './hooks/use-theme-style-sheet';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "creactive",
-  "version": "0.0.78",
+  "version": "0.0.79",
   "main": "build/default.js",
   "files": [
     "build/**"
@@ -22,7 +22,6 @@
     "postpublish": "node scripts/update-package.js .storybook"
   },
   "peerDependencies": {
-    "@emotion/react": ">= 11 < 12",
     "@emotion/styled": ">= 11 < 12",
     "react": ">= 18 < 19",
     "react-dom": ">= 18 < 19",
@@ -34,7 +33,6 @@
     "@babel/preset-env": "^7.26.9",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.27.0",
-    "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
     "@faker-js/faker": "^9.2.0",
     "@react-native-async-storage/async-storage": "^1.23.1",