creactive 0.0.76 → 0.0.78

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/build/classic.js +116 -6
  2. package/build/default.js +21 -1
  3. package/build/helpers/style/style.types.d.ts +1 -1
  4. package/build/index.d.ts +2 -0
  5. package/package.json +3 -1
package/build/classic.js CHANGED
@@ -8,14 +8,14 @@
8
8
  */
9
9
  (function webpackUniversalModuleDefinition(root, factory) {
10
10
  if(typeof exports === 'object' && typeof module === 'object')
11
- module.exports = factory(require("react"), require("@emotion/styled"));
11
+ module.exports = factory(require("react"), require("@emotion/styled"), require("react-dom"));
12
12
  else if(typeof define === 'function' && define.amd)
13
- define("creactive", ["react", "@emotion/styled"], factory);
13
+ define("creactive", ["react", "@emotion/styled", "react-dom"], factory);
14
14
  else if(typeof exports === 'object')
15
- exports["creactive"] = factory(require("react"), require("@emotion/styled"));
15
+ exports["creactive"] = factory(require("react"), require("@emotion/styled"), require("react-dom"));
16
16
  else
17
- root["creactive"] = factory(root["react"], root["@emotion/styled"]);
18
- })(this, (__WEBPACK_EXTERNAL_MODULE_react__, __WEBPACK_EXTERNAL_MODULE__emotion_styled__) => {
17
+ root["creactive"] = factory(root["react"], root["@emotion/styled"], root["react-dom"]);
18
+ })(this, (__WEBPACK_EXTERNAL_MODULE_react__, __WEBPACK_EXTERNAL_MODULE__emotion_styled__, __WEBPACK_EXTERNAL_MODULE_react_dom__) => {
19
19
  return /******/ (() => { // webpackBootstrap
20
20
  /******/ var __webpack_modules__ = ({
21
21
 
@@ -382,6 +382,28 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
382
382
 
383
383
  /***/ }),
384
384
 
385
+ /***/ "./source/helpers/style/index.ts":
386
+ /*!***************************************!*\
387
+ !*** ./source/helpers/style/index.ts ***!
388
+ \***************************************/
389
+ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
390
+
391
+ "use strict";
392
+ 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?");
393
+
394
+ /***/ }),
395
+
396
+ /***/ "./source/helpers/style/style.ts":
397
+ /*!***************************************!*\
398
+ !*** ./source/helpers/style/style.ts ***!
399
+ \***************************************/
400
+ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
401
+
402
+ "use strict";
403
+ 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?");
404
+
405
+ /***/ }),
406
+
385
407
  /***/ "./source/hooks/index.ts":
386
408
  /*!*******************************!*\
387
409
  !*** ./source/hooks/index.ts ***!
@@ -411,7 +433,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
411
433
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
412
434
 
413
435
  "use strict";
414
- 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?");
436
+ 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?");
415
437
 
416
438
  /***/ }),
417
439
 
@@ -817,6 +839,50 @@ eval("module.exports = function walk(nodes, cb, bubble) {\n var i, max, node, r
817
839
 
818
840
  /***/ }),
819
841
 
842
+ /***/ "./node_modules/react-dom/client.js":
843
+ /*!******************************************!*\
844
+ !*** ./node_modules/react-dom/client.js ***!
845
+ \******************************************/
846
+ /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
847
+
848
+ "use strict";
849
+ 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?");
850
+
851
+ /***/ }),
852
+
853
+ /***/ "./node_modules/react-native-web/dist/exports/AppRegistry/AppContainer.js":
854
+ /*!********************************************************************************!*\
855
+ !*** ./node_modules/react-native-web/dist/exports/AppRegistry/AppContainer.js ***!
856
+ \********************************************************************************/
857
+ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
858
+
859
+ "use strict";
860
+ 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?");
861
+
862
+ /***/ }),
863
+
864
+ /***/ "./node_modules/react-native-web/dist/exports/AppRegistry/index.js":
865
+ /*!*************************************************************************!*\
866
+ !*** ./node_modules/react-native-web/dist/exports/AppRegistry/index.js ***!
867
+ \*************************************************************************/
868
+ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
869
+
870
+ "use strict";
871
+ 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?");
872
+
873
+ /***/ }),
874
+
875
+ /***/ "./node_modules/react-native-web/dist/exports/AppRegistry/renderApplication.js":
876
+ /*!*************************************************************************************!*\
877
+ !*** ./node_modules/react-native-web/dist/exports/AppRegistry/renderApplication.js ***!
878
+ \*************************************************************************************/
879
+ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
880
+
881
+ "use strict";
882
+ 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?");
883
+
884
+ /***/ }),
885
+
820
886
  /***/ "./node_modules/react-native-web/dist/exports/Dimensions/index.js":
821
887
  /*!************************************************************************!*\
822
888
  !*** ./node_modules/react-native-web/dist/exports/Dimensions/index.js ***!
@@ -1048,6 +1114,28 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1048
1114
 
1049
1115
  /***/ }),
1050
1116
 
1117
+ /***/ "./node_modules/react-native-web/dist/exports/render/index.js":
1118
+ /*!********************************************************************!*\
1119
+ !*** ./node_modules/react-native-web/dist/exports/render/index.js ***!
1120
+ \********************************************************************/
1121
+ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1122
+
1123
+ "use strict";
1124
+ 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?");
1125
+
1126
+ /***/ }),
1127
+
1128
+ /***/ "./node_modules/react-native-web/dist/exports/unmountComponentAtNode/index.js":
1129
+ /*!************************************************************************************!*\
1130
+ !*** ./node_modules/react-native-web/dist/exports/unmountComponentAtNode/index.js ***!
1131
+ \************************************************************************************/
1132
+ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1133
+
1134
+ "use strict";
1135
+ 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?");
1136
+
1137
+ /***/ }),
1138
+
1051
1139
  /***/ "./node_modules/react-native-web/dist/exports/useWindowDimensions/index.js":
1052
1140
  /*!*********************************************************************************!*\
1053
1141
  !*** ./node_modules/react-native-web/dist/exports/useWindowDimensions/index.js ***!
@@ -1477,6 +1565,17 @@ module.exports = __WEBPACK_EXTERNAL_MODULE_react__;
1477
1565
 
1478
1566
  /***/ }),
1479
1567
 
1568
+ /***/ "react-dom":
1569
+ /*!****************************!*\
1570
+ !*** external "react-dom" ***!
1571
+ \****************************/
1572
+ /***/ ((module) => {
1573
+
1574
+ "use strict";
1575
+ module.exports = __WEBPACK_EXTERNAL_MODULE_react_dom__;
1576
+
1577
+ /***/ }),
1578
+
1480
1579
  /***/ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js":
1481
1580
  /*!*******************************************************************!*\
1482
1581
  !*** ./node_modules/@babel/runtime/helpers/esm/defineProperty.js ***!
@@ -1488,6 +1587,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1488
1587
 
1489
1588
  /***/ }),
1490
1589
 
1590
+ /***/ "./node_modules/@babel/runtime/helpers/esm/extends.js":
1591
+ /*!************************************************************!*\
1592
+ !*** ./node_modules/@babel/runtime/helpers/esm/extends.js ***!
1593
+ \************************************************************/
1594
+ /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
1595
+
1596
+ "use strict";
1597
+ 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?");
1598
+
1599
+ /***/ }),
1600
+
1491
1601
  /***/ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js":
1492
1602
  /*!******************************************************************!*\
1493
1603
  !*** ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js ***!
package/build/default.js CHANGED
@@ -350,6 +350,26 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
350
350
 
351
351
  /***/ }),
352
352
 
353
+ /***/ "./source/helpers/style/index.ts":
354
+ /*!***************************************!*\
355
+ !*** ./source/helpers/style/index.ts ***!
356
+ \***************************************/
357
+ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
358
+
359
+ 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?");
360
+
361
+ /***/ }),
362
+
363
+ /***/ "./source/helpers/style/style.ts":
364
+ /*!***************************************!*\
365
+ !*** ./source/helpers/style/style.ts ***!
366
+ \***************************************/
367
+ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
368
+
369
+ 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?");
370
+
371
+ /***/ }),
372
+
353
373
  /***/ "./source/hooks/index.ts":
354
374
  /*!*******************************!*\
355
375
  !*** ./source/hooks/index.ts ***!
@@ -376,7 +396,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
376
396
  \*************************/
377
397
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
378
398
 
379
- 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?");
399
+ 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?");
380
400
 
381
401
  /***/ }),
382
402
 
package/build/helpers/style/style.types.d.ts CHANGED
@@ -7,4 +7,4 @@ import type { ComponentType, JSX } from 'react';
7
7
  * @see https://necolas.github.io/react-native-web/docs/rendering/
8
8
  * @see https://docs.expo.dev/guides/using-nextjs/
9
9
  */
10
- export type RenderStyleHelper = (component: ComponentType, html: string) => JSX.Element;
10
+ export type RenderStyleHelper = (component: ComponentType, key?: string) => JSX.Element;
package/build/index.d.ts CHANGED
@@ -10,4 +10,6 @@ export { Media, MediaContextProvider, useMediaContext } from './contexts/media';
10
10
  export type { MediaComponent, MediaContextProviderComponent, MediaContextValue, MediaProps, } from './contexts/media';
11
11
  export { ThemeContextProvider, useThemeContext } from './contexts/theme';
12
12
  export type { ThemeColorRGB, ThemeContextProviderComponent, ThemeContextProviderProps, ThemeContextValue, ThemeFontWeight, } from './contexts/theme';
13
+ export { renderStyle } from './helpers/style';
14
+ export type { RenderStyleHelper } from './helpers/style';
13
15
  export { useThemeStyleSheet } from './hooks/use-theme-style-sheet';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "creactive",
3
- "version": "0.0.76",
3
+ "version": "0.0.78",
4
4
  "main": "build/default.js",
5
5
  "files": [
6
6
  "build/**"
@@ -22,6 +22,7 @@
22
22
  "postpublish": "node scripts/update-package.js .storybook"
23
23
  },
24
24
  "peerDependencies": {
25
+ "@emotion/react": ">= 11 < 12",
25
26
  "@emotion/styled": ">= 11 < 12",
26
27
  "react": ">= 18 < 19",
27
28
  "react-dom": ">= 18 < 19",
@@ -33,6 +34,7 @@
33
34
  "@babel/preset-env": "^7.26.9",
34
35
  "@babel/preset-react": "^7.26.3",
35
36
  "@babel/preset-typescript": "^7.27.0",
37
+ "@emotion/react": "^11.14.0",
36
38
  "@emotion/styled": "^11.14.0",
37
39
  "@faker-js/faker": "^9.2.0",
38
40
  "@react-native-async-storage/async-storage": "^1.23.1",