@semcore/core 16.6.0-prerelease.1 → 16.6.0

package/lib/esm/coreFactory.mjs

@@ -1,5 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _superPropGet from "@babel/runtime/helpers/esm/superPropGet";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
@@ -12,18 +14,16 @@ import hoistNonReactStatics from "hoist-non-react-statics";
 import React from "react";
 import { Component } from "./core-types/Component.mjs";
 import { CORE_AS_PROPS, CORE_INSTANCE, CORE_INIT, CORE_COMPONENT, PARENT_COMPONENTS, CONTEXT_COMPONENT, CREATE_COMPONENT } from "./core-types/symbols.mjs";
-import Enhancement from "./enhancement/bindHandler.mjs";
-import Enhancement$1 from "./enhancement/Children.mjs";
-import Enhancement$7 from "./enhancement/dataName.mjs";
-import Enhancement$8 from "./enhancement/enhance.mjs";
-import Enhancement$5 from "./enhancement/functionDefaultProps.mjs";
-import Enhancement$a from "./enhancement/hoistProps.mjs";
+import Enhancement from "./enhancement/Children.mjs";
+import Enhancement$6 from "./enhancement/dataName.mjs";
+import Enhancement$7 from "./enhancement/enhance.mjs";
+import Enhancement$4 from "./enhancement/functionDefaultProps.mjs";
 import i18nAppLocaleEnhance from "./enhancement/i18n.mjs";
-import Enhancement$6 from "./enhancement/inheritedName.mjs";
-import Enhancement$2 from "./enhancement/Root.mjs";
-import Enhancement$4, { ROOT_COMPONENT, getterMethodNameByDisplayName, STATIC_COMPONENT } from "./enhancement/staticChildren.mjs";
-import Enhancement$9 from "./enhancement/style.mjs";
-import Enhancement$3 from "./enhancement/uncontrolledProps.mjs";
+import Enhancement$5 from "./enhancement/inheritedName.mjs";
+import Enhancement$1 from "./enhancement/Root.mjs";
+import Enhancement$3, { ROOT_COMPONENT, getterMethodNameByDisplayName, STATIC_COMPONENT } from "./enhancement/staticChildren.mjs";
+import Enhancement$8 from "./enhancement/style.mjs";
+import Enhancement$2 from "./enhancement/uncontrolledProps.mjs";
 import assignProps$1 from "./utils/assignProps.mjs";
 import { useForkRef } from "./utils/ref.mjs";
 import useEnhancedEffect from "./utils/use/useEnhancedEffect.mjs";
@@ -134,6 +134,32 @@ function wrapClass(OriginComponent, enhancements, Context) {
           this[CORE_AS_PROPS] = props.reduce(function(acc, enhancement) {
             return enhancement.call(_this4, acc, WrapperComponent, false);
           }, this.props);
+          if (this[CORE_AS_PROPS] !== null) {
+            var prefixesMap = /* @__PURE__ */ new Map();
+            Object.entries(this[CORE_AS_PROPS]).forEach(function(_ref3) {
+              var _ref4 = _slicedToArray(_ref3, 2), key2 = _ref4[0], value2 = _ref4[1];
+              var _key$split = key2.split(":"), _key$split2 = _slicedToArray(_key$split, 2), prefix = _key$split2[0], propertyKey = _key$split2[1];
+              if (prefix !== "use" && propertyKey) {
+                var _prefixesMap$get;
+                var obj = (_prefixesMap$get = prefixesMap.get(prefix)) !== null && _prefixesMap$get !== void 0 ? _prefixesMap$get : {};
+                obj[propertyKey] = value2;
+                prefixesMap.set(prefix, obj);
+              }
+            });
+            var _iterator = _createForOfIteratorHelper(prefixesMap.entries()), _step;
+            try {
+              for (_iterator.s(); !(_step = _iterator.n()).done; ) {
+                var _step$value = _slicedToArray(_step.value, 2), key = _step$value[0], value = _step$value[1];
+                Object.defineProperty(this[CORE_AS_PROPS], "".concat(key, "Props"), {
+                  value
+                });
+              }
+            } catch (err) {
+              _iterator.e(err);
+            } finally {
+              _iterator.f();
+            }
+          }
         }
         return this[CORE_AS_PROPS];
       }
@@ -213,8 +239,8 @@ function wrapFunction(OriginComponent, enhancements, Context) {
   return WrapperComponent;
 }
 function wrapCore(OriginComponent, enhancements, Context) {
-  var Component2 = function Component3(_ref3) {
-    var Root = _ref3.Root;
+  var Component2 = function Component3(_ref5) {
+    var Root = _ref5.Root;
     var defaultProps = OriginComponent.defaultProps || {};
     return /* @__PURE__ */ React.createElement(Root, _extends({}, defaultProps, {
       render: OriginComponent
@@ -264,27 +290,24 @@ function createComponent(OriginComponent) {
     return f(context, parents, createComponent, childComponents);
   })), [
     i18nAppLocaleEnhance(),
-    Enhancement(),
-    Enhancement$1(context, parents),
+    Enhancement(context, parents),
     // root must be under the children
+    Enhancement$1(),
     Enhancement$2(),
-    Enhancement$3(),
-    Enhancement$4(childComponents, createComponent, {
+    Enhancement$3(childComponents, createComponent, {
       context,
       parent,
       enhancements
     }),
     // functionDefaultProps must be under the staticChild
-    Enhancement$5(),
+    Enhancement$4(),
     // inheritedName must be under the staticChild
-    Enhancement$6(),
+    Enhancement$5(),
     // dataName must be under the staticChild
-    Enhancement$7(),
+    Enhancement$6(),
     // enhanceEnhancement must be under the functionDefaultPropsEnhancement
-    Enhancement$8(),
-    Enhancement$9(childComponents, context),
-    // must be the last one so any properties can be raised
-    Enhancement$a(childComponents, context)
+    Enhancement$7(),
+    Enhancement$8(childComponents, context)
   ]));
   Component2[CONTEXT_COMPONENT] = context;
   Component2._______childrenComponents = childComponents;
@@ -304,17 +327,13 @@ function createComponent(OriginComponent) {
   return Component2;
 }
 function createBaseComponent(OriginComponent) {
-  var Component2 = null;
-  if (!React.PureComponent.isPrototypeOf(OriginComponent) && !React.Component.isPrototypeOf(OriginComponent) && typeof OriginComponent === "function") {
-    Component2 = /* @__PURE__ */ React.forwardRef(OriginComponent);
-    Component2.displayName = OriginComponent.displayName;
-    Component2.defaultProps = _objectSpread({
-      "data-ui-name": OriginComponent.displayName
-    }, OriginComponent.defaultProps);
-    Component2[CORE_COMPONENT] = true;
-  } else {
-    throw new Error("createBaseComponent accepts only functional component");
-  }
+  var _OriginComponent$disp;
+  var Component2 = /* @__PURE__ */ React.forwardRef(OriginComponent);
+  Component2.displayName = (_OriginComponent$disp = OriginComponent.displayName) !== null && _OriginComponent$disp !== void 0 ? _OriginComponent$disp : "";
+  Component2.defaultProps = {
+    "data-ui-name": OriginComponent.displayName
+  };
+  Component2[CORE_COMPONENT] = true;
   return Component2;
 }
 export {

package/lib/esm/enhancement/Children.mjs

@@ -5,7 +5,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React from "react";
 import { CHILDREN_COMPONENT, CONTEXT_COMPONENT } from "../core-types/symbols.mjs";
 var _excluded = ["handlers", "getters"], _excluded2 = ["handlers"];
-var CHILDREN_SELF = Symbol("CHILDREN_SELF");
+var CHILDREN_SELF = /* @__PURE__ */ Symbol("CHILDREN_SELF");
 var GETTER_REG = /^get[\w]+Props$/;
 function splitPropsAndGetters(props) {
   return Object.entries(props).reduce(function(acc, _ref) {

package/lib/esm/enhancement/staticChildren.mjs

@@ -31,9 +31,9 @@ function flatGetterMethodNames(childComponents, parentName) {
     return acc;
   }, []);
 }
-var STATIC_COMPONENT = Symbol("STATIC_COMPONENT");
-var ROOT_COMPONENT = Symbol("ROOT_COMPONENT");
-var SELF_GETTER_METHOD = Symbol("SELF_GETTER_METHOD");
+var STATIC_COMPONENT = /* @__PURE__ */ Symbol("STATIC_COMPONENT");
+var ROOT_COMPONENT = /* @__PURE__ */ Symbol("ROOT_COMPONENT");
+var SELF_GETTER_METHOD = /* @__PURE__ */ Symbol("SELF_GETTER_METHOD");
 function Enhancement(childComponents, createComponent, options) {
   var getterMethodNames = flatGetterMethodNames(childComponents);
   return {

package/lib/esm/enhancement/style.mjs

@@ -6,8 +6,8 @@ import { STATIC_COMPONENT } from "./staticChildren.mjs";
 import "../styled/index.mjs";
 import { sstyled } from "../styled/sstyled.mjs";
 var _excluded = ["_styles", "styles"], _excluded2 = ["styles"];
-var STYLES_CONTEXT = Symbol("STYLES_CONTEXT");
-var STYLES_SELF = Symbol("STYLES_SELF");
+var STYLES_CONTEXT = /* @__PURE__ */ Symbol("STYLES_CONTEXT");
+var STYLES_SELF = /* @__PURE__ */ Symbol("STYLES_SELF");
 function Enhancement(childComponents, Context) {
   return {
     condition: function condition(Component) {

package/lib/esm/enhancement/uncontrolledProps.mjs

@@ -1,5 +1,6 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _arrayLikeToArray from "@babel/runtime/helpers/esm/arrayLikeToArray";
 import _toArray from "@babel/runtime/helpers/esm/toArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _toPropertyKey from "@babel/runtime/helpers/esm/toPropertyKey";
@@ -53,7 +54,7 @@ function uncontrolledUniversal(props, config, uncontrolledProp2) {
       var _setter = setter;
       var _setter2 = _toArray(_setter);
       setter = _setter2[0];
-      chainHandler = _setter2.slice(1);
+      chainHandler = _arrayLikeToArray(_setter2).slice(1);
     }
     setter = setter || function(v) {
       return v;

package/lib/esm/styled/sstyled.mjs

@@ -119,7 +119,7 @@ sstyled.css = function(_css) {
 sstyled.insert = insert;
 sstyled.merge = merge;
 sstyled.getStyles = getStyles;
-sstyled.SHADOW_STYLES = Symbol("SHADOW_STYLES");
+sstyled.SHADOW_STYLES = /* @__PURE__ */ Symbol("SHADOW_STYLES");
 export {
   sstyled
 };

package/lib/esm/utils/enhances/WithI18n.mjs

@@ -1,52 +1,9 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { createIntlCache, createIntl } from "@formatjs/intl";
-import React, { createContext, Component } from "react";
-import createHoc from "../createHoc.mjs";
+import React, { createContext } from "react";
 import { useAsyncI18nMessages } from "./i18nEnhance.mjs";
 var Context = /* @__PURE__ */ createContext(void 0);
 var I18nProvider = Context.Provider, I18nConsumer = Context.Consumer;
 var messagesCache = createIntlCache();
-function getText(dictionaries, locale) {
-  return function(key) {
-    var dictionary = dictionaries[locale];
-    return dictionary ? dictionary[key] : dictionaries["en"][key];
-  };
-}
-var WithI18n = /* @__PURE__ */ (function(_Component) {
-  function WithI18n2() {
-    var _this;
-    _classCallCheck(this, WithI18n2);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, WithI18n2, [].concat(args));
-    _defineProperty(_this, "context", void 0);
-    _defineProperty(_this, "getText", function(dictionary, selfLocale) {
-      var _this$props = _this.props, locale = _this$props.locale, getText2 = _this$props.getText;
-      var contextLocale = _this.context;
-      return getText2(dictionary, selfLocale || locale || contextLocale);
-    });
-    return _this;
-  }
-  _inherits(WithI18n2, _Component);
-  return _createClass(WithI18n2, [{
-    key: "render",
-    value: function render() {
-      var _ref = this.props, children = _ref.children;
-      return children({
-        getText: this.getText
-      });
-    }
-  }]);
-})(Component);
-_defineProperty(WithI18n, "contextType", Context);
-_defineProperty(WithI18n, "defaultProps", {
-  getText
-});
 var useI18n = function useI18n2(dictionary) {
   var _React$useContext;
   var locale = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "en";
@@ -65,11 +22,9 @@ var useI18n = function useI18n2(dictionary) {
     }, variables);
   }, [intl]);
 };
-const WithI18n$1 = createHoc(WithI18n);
 export {
   Context,
   I18nConsumer,
   I18nProvider,
-  WithI18n$1 as default,
   useI18n
 };

package/lib/esm/utils/ref.mjs

@@ -1,7 +1,6 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React from "react";
-import { findDOMNode } from "react-dom";
 function setRef(ref, value) {
   if (typeof ref === "function") {
     ref(value);
@@ -65,21 +64,8 @@ function forkRef() {
     });
   };
 }
-function getNodeByRef(ref) {
-  if (typeof ref === "function") {
-    ref = ref();
-  }
-  if (!ref) return null;
-  var node = getRef(ref);
-  if (!node) return null;
-  if ("nodeType" in node && node.nodeType === 1) return node;
-  if (Object.keys(node).length === 1 && "getBoundingClientRect" in node) return null;
-  if (!/* @__PURE__ */ React.isValidElement(node) && !(node instanceof React.Component)) return null;
-  return findDOMNode(node);
-}
 export {
   forkRef,
-  getNodeByRef,
   getRef,
   setRef,
   useCallbackRef,

package/lib/index.d.ts

@@ -1,11 +1,11 @@
 /** ============================== core ============================== */
 import { Root, Component, Intergalactic, wrapIntergalacticComponent } from './core-types/Component';
-import type { PropGetterFn, IRootComponentProps, ComponentType, IRootComponentHandlers, IComponentProps, ReturnEl, IFunctionProps } from './core-types/Component';
+import type { PropGetterFn, IRootComponentProps, IRootNodeProps } from './core-types/Component';
 import { CORE_INSTANCE, CREATE_COMPONENT, CONTEXT_COMPONENT, CHILDREN_COMPONENT, INHERITED_NAME } from './core-types/symbols';
 import type { UnknownProperties } from './core-types/UnknownProperties';
 import { createComponent, createBaseComponent, assignProps } from './coreFactory';
 import { lastInteraction } from './LastInteractionType';
 import register from './register';
-import type { StyledProps } from './styled';
+import type { IStyledProps } from './styled';
 import { sstyled } from './styled';
-export { sstyled, createComponent, createBaseComponent, Root, Component, type UnknownProperties, Intergalactic, type PropGetterFn, type IRootComponentProps, type ComponentType, type IRootComponentHandlers, type IComponentProps, type IFunctionProps, CORE_INSTANCE, CREATE_COMPONENT, CONTEXT_COMPONENT, CHILDREN_COMPONENT, INHERITED_NAME, type ReturnEl, type StyledProps, wrapIntergalacticComponent, assignProps, register, lastInteraction, };
+export { sstyled, createComponent, createBaseComponent, Root, Component, type UnknownProperties, Intergalactic, type PropGetterFn, type IRootComponentProps, type IRootNodeProps, CORE_INSTANCE, CREATE_COMPONENT, CONTEXT_COMPONENT, CHILDREN_COMPONENT, INHERITED_NAME, type IStyledProps, wrapIntergalacticComponent, assignProps, register, lastInteraction, };

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Component","require","_symbols","_coreFactory","_LastInteractionType","_register","_interopRequireDefault","_styled"],"sources":["../src/index.ts"],"sourcesContent":["/** ============================== core ============================== */\nimport { Root, Component, Intergalactic, wrapIntergalacticComponent } from './core-types/Component';\nimport type {\n  PropGetterFn,\n  IRootComponentProps,\n  ComponentType,\n  IRootComponentHandlers,\n  IComponentProps,\n  ReturnEl,\n  IFunctionProps,\n} from './core-types/Component';\nimport {\n  CORE_INSTANCE,\n  CREATE_COMPONENT,\n  CONTEXT_COMPONENT,\n  CHILDREN_COMPONENT,\n  INHERITED_NAME,\n} from './core-types/symbols';\nimport type { UnknownProperties } from './core-types/UnknownProperties';\nimport { createComponent, createBaseComponent, assignProps } from './coreFactory';\nimport { lastInteraction } from './LastInteractionType';\nimport register from './register';\nimport type { StyledProps } from './styled';\nimport { sstyled } from './styled';\n\nexport {\n  sstyled,\n  createComponent,\n  createBaseComponent,\n  Root,\n  Component,\n  type UnknownProperties,\n  Intergalactic,\n  type PropGetterFn,\n  type IRootComponentProps,\n  type ComponentType,\n  type IRootComponentHandlers,\n  type IComponentProps,\n  type IFunctionProps,\n  CORE_INSTANCE,\n  CREATE_COMPONENT,\n  CONTEXT_COMPONENT,\n  CHILDREN_COMPONENT,\n  INHERITED_NAME,\n  type ReturnEl,\n  type StyledProps,\n  wrapIntergalacticComponent,\n  assignProps,\n  register,\n  lastInteraction,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAUA,IAAAC,QAAA,GAAAD,OAAA;AAQA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAC,sBAAA,CAAAL,OAAA;AAEA,IAAAM,OAAA,GAAAN,OAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_Component","require","_symbols","_coreFactory","_LastInteractionType","_register","_interopRequireDefault","_styled"],"sources":["../src/index.ts"],"sourcesContent":["/** ============================== core ============================== */\nimport { Root, Component, Intergalactic, wrapIntergalacticComponent } from './core-types/Component';\nimport type {\n  PropGetterFn,\n  IRootComponentProps,\n  IRootNodeProps,\n} from './core-types/Component';\nimport {\n  CORE_INSTANCE,\n  CREATE_COMPONENT,\n  CONTEXT_COMPONENT,\n  CHILDREN_COMPONENT,\n  INHERITED_NAME,\n} from './core-types/symbols';\nimport type { UnknownProperties } from './core-types/UnknownProperties';\nimport { createComponent, createBaseComponent, assignProps } from './coreFactory';\nimport { lastInteraction } from './LastInteractionType';\nimport register from './register';\nimport type { IStyledProps } from './styled';\nimport { sstyled } from './styled';\n\nexport {\n  sstyled,\n  createComponent,\n  createBaseComponent,\n  Root,\n  Component,\n  type UnknownProperties,\n  Intergalactic,\n  type PropGetterFn,\n  type IRootComponentProps,\n  type IRootNodeProps,\n  CORE_INSTANCE,\n  CREATE_COMPONENT,\n  CONTEXT_COMPONENT,\n  CHILDREN_COMPONENT,\n  INHERITED_NAME,\n  type IStyledProps,\n  wrapIntergalacticComponent,\n  assignProps,\n  register,\n  lastInteraction,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAMA,IAAAC,QAAA,GAAAD,OAAA;AAQA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAC,sBAAA,CAAAL,OAAA;AAEA,IAAAM,OAAA,GAAAN,OAAA","ignoreList":[]}

package/lib/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["Root","Component","Intergalactic","wrapIntergalacticComponent","CORE_INSTANCE","CREATE_COMPONENT","CONTEXT_COMPONENT","CHILDREN_COMPONENT","INHERITED_NAME","createComponent","createBaseComponent","assignProps","lastInteraction","register","sstyled"],"sources":["../src/index.ts"],"sourcesContent":["/** ============================== core ============================== */\nimport { Root, Component, Intergalactic, wrapIntergalacticComponent } from './core-types/Component';\nimport type {\n  PropGetterFn,\n  IRootComponentProps,\n  ComponentType,\n  IRootComponentHandlers,\n  IComponentProps,\n  ReturnEl,\n  IFunctionProps,\n} from './core-types/Component';\nimport {\n  CORE_INSTANCE,\n  CREATE_COMPONENT,\n  CONTEXT_COMPONENT,\n  CHILDREN_COMPONENT,\n  INHERITED_NAME,\n} from './core-types/symbols';\nimport type { UnknownProperties } from './core-types/UnknownProperties';\nimport { createComponent, createBaseComponent, assignProps } from './coreFactory';\nimport { lastInteraction } from './LastInteractionType';\nimport register from './register';\nimport type { StyledProps } from './styled';\nimport { sstyled } from './styled';\n\nexport {\n  sstyled,\n  createComponent,\n  createBaseComponent,\n  Root,\n  Component,\n  type UnknownProperties,\n  Intergalactic,\n  type PropGetterFn,\n  type IRootComponentProps,\n  type ComponentType,\n  type IRootComponentHandlers,\n  type IComponentProps,\n  type IFunctionProps,\n  CORE_INSTANCE,\n  CREATE_COMPONENT,\n  CONTEXT_COMPONENT,\n  CHILDREN_COMPONENT,\n  INHERITED_NAME,\n  type ReturnEl,\n  type StyledProps,\n  wrapIntergalacticComponent,\n  assignProps,\n  register,\n  lastInteraction,\n};\n"],"mappings":"AAAA;AACA,SAASA,IAAI,EAAEC,SAAS,EAAEC,aAAa,EAAEC,0BAA0B,QAAQ,4BAAwB;AAUnG,SACEC,aAAa,EACbC,gBAAgB,EAChBC,iBAAiB,EACjBC,kBAAkB,EAClBC,cAAc,QACT,0BAAsB;AAE7B,SAASC,eAAe,EAAEC,mBAAmB,EAAEC,WAAW,QAAQ,mBAAe;AACjF,SAASC,eAAe,QAAQ,2BAAuB;AACvD,OAAOC,QAAQ,MAAM,gBAAY;AAEjC,SAASC,OAAO,QAAQ,cAAU;AAElC,SACEA,OAAO,EACPL,eAAe,EACfC,mBAAmB,EACnBV,IAAI,EACJC,SAAS,EAETC,aAAa,EAObE,aAAa,EACbC,gBAAgB,EAChBC,iBAAiB,EACjBC,kBAAkB,EAClBC,cAAc,EAGdL,0BAA0B,EAC1BQ,WAAW,EACXE,QAAQ,EACRD,eAAe","ignoreList":[]}
+{"version":3,"file":"index.mjs","names":["Root","Component","Intergalactic","wrapIntergalacticComponent","CORE_INSTANCE","CREATE_COMPONENT","CONTEXT_COMPONENT","CHILDREN_COMPONENT","INHERITED_NAME","createComponent","createBaseComponent","assignProps","lastInteraction","register","sstyled"],"sources":["../src/index.ts"],"sourcesContent":["/** ============================== core ============================== */\nimport { Root, Component, Intergalactic, wrapIntergalacticComponent } from './core-types/Component';\nimport type {\n  PropGetterFn,\n  IRootComponentProps,\n  IRootNodeProps,\n} from './core-types/Component';\nimport {\n  CORE_INSTANCE,\n  CREATE_COMPONENT,\n  CONTEXT_COMPONENT,\n  CHILDREN_COMPONENT,\n  INHERITED_NAME,\n} from './core-types/symbols';\nimport type { UnknownProperties } from './core-types/UnknownProperties';\nimport { createComponent, createBaseComponent, assignProps } from './coreFactory';\nimport { lastInteraction } from './LastInteractionType';\nimport register from './register';\nimport type { IStyledProps } from './styled';\nimport { sstyled } from './styled';\n\nexport {\n  sstyled,\n  createComponent,\n  createBaseComponent,\n  Root,\n  Component,\n  type UnknownProperties,\n  Intergalactic,\n  type PropGetterFn,\n  type IRootComponentProps,\n  type IRootNodeProps,\n  CORE_INSTANCE,\n  CREATE_COMPONENT,\n  CONTEXT_COMPONENT,\n  CHILDREN_COMPONENT,\n  INHERITED_NAME,\n  type IStyledProps,\n  wrapIntergalacticComponent,\n  assignProps,\n  register,\n  lastInteraction,\n};\n"],"mappings":"AAAA;AACA,SAASA,IAAI,EAAEC,SAAS,EAAEC,aAAa,EAAEC,0BAA0B,QAAQ,4BAAwB;AAMnG,SACEC,aAAa,EACbC,gBAAgB,EAChBC,iBAAiB,EACjBC,kBAAkB,EAClBC,cAAc,QACT,0BAAsB;AAE7B,SAASC,eAAe,EAAEC,mBAAmB,EAAEC,WAAW,QAAQ,mBAAe;AACjF,SAASC,eAAe,QAAQ,2BAAuB;AACvD,OAAOC,QAAQ,MAAM,gBAAY;AAEjC,SAASC,OAAO,QAAQ,cAAU;AAElC,SACEA,OAAO,EACPL,eAAe,EACfC,mBAAmB,EACnBV,IAAI,EACJC,SAAS,EAETC,aAAa,EAIbE,aAAa,EACbC,gBAAgB,EAChBC,iBAAiB,EACjBC,kBAAkB,EAClBC,cAAc,EAEdL,0BAA0B,EAC1BQ,WAAW,EACXE,QAAQ,EACRD,eAAe","ignoreList":[]}

package/lib/styled/index.d.ts

@@ -1,9 +1,5 @@
-import type { UnknownProperties } from '../core-types/UnknownProperties';
-export type StyledProps = {
+export interface IStyledProps {
     styles?: React.DetailedHTMLProps<React.StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>;
-};
-/** @deprecated */
-export interface IStyledProps extends StyledProps, UnknownProperties {
 }
 /** @ts-ignore */
 export { styled, use, css } from './reshadow-core';

package/lib/styled/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_reshadowCore","require","_sstyled"],"sources":["../../src/styled/index.tsx"],"sourcesContent":["import type { UnknownProperties } from '../core-types/UnknownProperties';\n\nexport type StyledProps = {\n  styles?: React.DetailedHTMLProps<React.StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>;\n};\n\n/** @deprecated */\nexport interface IStyledProps extends StyledProps, UnknownProperties {}\n\n/** @ts-ignore */\nexport { styled, use, css } from './reshadow-core';\n\nexport { sstyled } from './sstyled';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAAA,aAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_reshadowCore","require","_sstyled"],"sources":["../../src/styled/index.tsx"],"sourcesContent":["export interface IStyledProps {\n  styles?: React.DetailedHTMLProps<React.StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>;\n}\n\n/** @ts-ignore */\nexport { styled, use, css } from './reshadow-core';\n\nexport { sstyled } from './sstyled';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAAA,aAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA","ignoreList":[]}

package/lib/styled/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["styled","use","css","sstyled"],"sources":["../../src/styled/index.tsx"],"sourcesContent":["import type { UnknownProperties } from '../core-types/UnknownProperties';\n\nexport type StyledProps = {\n  styles?: React.DetailedHTMLProps<React.StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>;\n};\n\n/** @deprecated */\nexport interface IStyledProps extends StyledProps, UnknownProperties {}\n\n/** @ts-ignore */\nexport { styled, use, css } from './reshadow-core';\n\nexport { sstyled } from './sstyled';\n"],"mappings":"AAMA;;AAGA;AACA,SAASA,MAAM,EAAEC,GAAG,EAAEC,GAAG,QAAQ,qBAAiB;AAElD,SAASC,OAAO,QAAQ,eAAW","ignoreList":[]}
+{"version":3,"file":"index.mjs","names":["styled","use","css","sstyled"],"sources":["../../src/styled/index.tsx"],"sourcesContent":["export interface IStyledProps {\n  styles?: React.DetailedHTMLProps<React.StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>;\n}\n\n/** @ts-ignore */\nexport { styled, use, css } from './reshadow-core';\n\nexport { sstyled } from './sstyled';\n"],"mappings":"AAIA;AACA,SAASA,MAAM,EAAEC,GAAG,EAAEC,GAAG,QAAQ,qBAAiB;AAElD,SAASC,OAAO,QAAQ,eAAW","ignoreList":[]}

package/lib/styled/sstyled.mjs

@@ -119,7 +119,7 @@ sstyled.css = function(_css) {
 sstyled.insert = insert;
 sstyled.merge = merge;
 sstyled.getStyles = getStyles;
-sstyled.SHADOW_STYLES = Symbol("SHADOW_STYLES");
+sstyled.SHADOW_STYLES = /* @__PURE__ */ Symbol("SHADOW_STYLES");
 export {
   sstyled
 };

package/lib/utils/enhances/WithCSS.d.ts

@@ -1,8 +1,6 @@
 import type { NanoOptions } from '@phytonmk/nano-css';
 import type { CssLikeObject } from '@phytonmk/nano-css/types/common';
-import React, { PureComponent } from 'react';
-import type { UnknownProperties } from '../../core-types/UnknownProperties';
-declare const getStylesheet: () => string;
+import React from 'react';
 /**
  * Function to clear the nano CSS styles object from keys with undefined value
  * @param {Object} obj - nano CSS styles object
@@ -12,30 +10,4 @@ declare function normaliseCss(obj: CssLikeObject): any;
 declare const WithCssContext: React.Context<NanoOptions>;
 declare const Provider: React.Provider<NanoOptions>;
 declare function initNanoCss(options?: NanoOptions): import("@phytonmk/nano-css").NanoRenderer;
-/** @deprecated */
-export interface IEnhancedWithCSSProps extends EnhancedWithCSSProps, UnknownProperties {
-}
-export type EnhancedWithCSSProps = {
-    className?: string;
-    css?: {};
-    children(props: {
-        className: string | undefined;
-    }): React.ReactNode;
-};
-declare class EnhancedWithCSS extends PureComponent<IEnhancedWithCSSProps> {
-    static contextType: React.Context<NanoOptions>;
-    static defaultProps: {
-        css: {};
-    };
-    state: {
-        dynamicClassName: string;
-    };
-    static getDerivedStateFromProps(props: any): {
-        dynamicClassName: string | undefined;
-    };
-    constructor(props: any, context: any);
-    render(): React.ReactNode;
-}
-export { getStylesheet, EnhancedWithCSS, Provider, WithCssContext, initNanoCss, normaliseCss };
-declare const _default: (options?: {}) => (WrappedComponent: React.ComponentType) => React.ComponentClass;
-export default _default;
+export { Provider, WithCssContext, initNanoCss, normaliseCss };

package/lib/utils/enhances/WithCSS.js

@@ -1,25 +1,14 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getStylesheet = exports["default"] = exports.WithCssContext = exports.Provider = exports.EnhancedWithCSS = void 0;
+exports.WithCssContext = exports.Provider = void 0;
 exports.initNanoCss = initNanoCss;
 exports.normaliseCss = normaliseCss;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _createHoc = _interopRequireDefault(require("../createHoc"));
-var _CSSinJS2 = _interopRequireDefault(require("../CSSinJS"));
-var getStylesheet = exports.getStylesheet = function getStylesheet() {
-  return (0, _CSSinJS2["default"])().raw;
-};
-
+var _react = _interopRequireDefault(require("react"));
+var _CSSinJS = _interopRequireDefault(require("../CSSinJS"));
 /**
  * Function to clear the nano CSS styles object from keys with undefined value
  * @param {Object} obj - nano CSS styles object
@@ -38,48 +27,6 @@ var WithCssContext = exports.WithCssContext = /*#__PURE__*/_react["default"].cre
 var Provider = exports.Provider = WithCssContext.Provider;
 function initNanoCss() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return (0, _CSSinJS2["default"])(options);
+  return (0, _CSSinJS["default"])(options);
 }
-
-/** @deprecated */
-var EnhancedWithCSS = exports.EnhancedWithCSS = /*#__PURE__*/function (_PureComponent) {
-  function EnhancedWithCSS(props, context) {
-    var _this;
-    (0, _classCallCheck2["default"])(this, EnhancedWithCSS);
-    _this = (0, _callSuper2["default"])(this, EnhancedWithCSS, [props, context]);
-    (0, _defineProperty2["default"])(_this, "state", {
-      dynamicClassName: ''
-    });
-    initNanoCss(context);
-    return _this;
-  }
-  (0, _inherits2["default"])(EnhancedWithCSS, _PureComponent);
-  return (0, _createClass2["default"])(EnhancedWithCSS, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        children = _this$props.children,
-        _this$props$className = _this$props.className,
-        className = _this$props$className === void 0 ? '' : _this$props$className;
-      var dynamicClassName = this.state.dynamicClassName;
-      return children({
-        className: className + dynamicClassName || undefined
-      });
-    }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(props) {
-      var _CSSinJS$cache, _CSSinJS;
-      var cleanCss = normaliseCss(props.css);
-      return {
-        dynamicClassName: Object.keys(cleanCss).length ? (_CSSinJS$cache = (_CSSinJS = (0, _CSSinJS2["default"])()).cache) === null || _CSSinJS$cache === void 0 ? void 0 : _CSSinJS$cache.call(_CSSinJS, cleanCss) : ''
-      };
-    }
-  }]);
-}(_react.PureComponent);
-(0, _defineProperty2["default"])(EnhancedWithCSS, "contextType", WithCssContext);
-(0, _defineProperty2["default"])(EnhancedWithCSS, "defaultProps", {
-  css: {}
-});
-var _default = exports["default"] = (0, _createHoc["default"])(EnhancedWithCSS);
 //# sourceMappingURL=WithCSS.js.map

package/lib/utils/enhances/WithCSS.js.map

@@ -1 +1 @@
-{"version":3,"file":"WithCSS.js","names":["_react","_interopRequireWildcard","require","_createHoc","_interopRequireDefault","_CSSinJS2","getStylesheet","exports","CSSinJS","raw","normaliseCss","obj","Object","keys","reduce","acc","key","result","undefined","WithCssContext","React","createContext","Provider","initNanoCss","options","arguments","length","EnhancedWithCSS","_PureComponent","props","context","_this","_classCallCheck2","_callSuper2","_defineProperty2","dynamicClassName","_inherits2","_createClass2","value","render","_this$props","children","_this$props$className","className","state","getDerivedStateFromProps","_CSSinJS$cache","_CSSinJS","cleanCss","css","cache","call","PureComponent","_default","createHoc"],"sources":["../../../src/utils/enhances/WithCSS.tsx"],"sourcesContent":["import type { NanoOptions } from '@phytonmk/nano-css';\nimport type { CssLikeObject } from '@phytonmk/nano-css/types/common';\nimport React, { PureComponent } from 'react';\n\nimport type { UnknownProperties } from '../../core-types/UnknownProperties';\nimport createHoc from '../createHoc';\nimport CSSinJS from '../CSSinJS';\n\nconst getStylesheet = () => CSSinJS().raw;\n\n/**\n * Function to clear the nano CSS styles object from keys with undefined value\n * @param {Object} obj - nano CSS styles object\n * @returns {Object}\n */\nfunction normaliseCss(obj: CssLikeObject) {\n  return Object.keys(obj).reduce((acc: any, key) => {\n    const result = acc;\n    if (obj[key] !== undefined) {\n      result[key] = obj[key];\n    }\n    return result;\n  }, {});\n}\n\nconst WithCssContext = React.createContext<NanoOptions>({});\nconst { Provider } = WithCssContext;\n\nfunction initNanoCss(options: NanoOptions = {}) {\n  return CSSinJS(options);\n}\n\n/** @deprecated */\nexport interface IEnhancedWithCSSProps extends EnhancedWithCSSProps, UnknownProperties {}\nexport type EnhancedWithCSSProps = {\n  className?: string;\n  css?: {};\n\n  children(props: { className: string | undefined }): React.ReactNode;\n};\n\nclass EnhancedWithCSS extends PureComponent<IEnhancedWithCSSProps> {\n  static contextType = WithCssContext;\n\n  static defaultProps = {\n    css: {},\n  };\n\n  state = {\n    dynamicClassName: '',\n  };\n\n  static getDerivedStateFromProps(props: any) {\n    const cleanCss = normaliseCss(props.css);\n    return {\n      dynamicClassName: Object.keys(cleanCss).length ? CSSinJS().cache?.(cleanCss) : '',\n    };\n  }\n\n  constructor(props: any, context: any) {\n    super(props, context);\n\n    initNanoCss(context);\n  }\n\n  render() {\n    const { children, className = '' } = this.props;\n    const { dynamicClassName } = this.state;\n    return children({\n      className: className + dynamicClassName || undefined,\n    });\n  }\n}\n\nexport { getStylesheet, EnhancedWithCSS, Provider, WithCssContext, initNanoCss, normaliseCss };\nexport default createHoc(EnhancedWithCSS);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"WithCSS.js","names":["_react","_interopRequireDefault","require","_CSSinJS","normaliseCss","obj","Object","keys","reduce","acc","key","result","undefined","WithCssContext","exports","React","createContext","Provider","initNanoCss","options","arguments","length","CSSinJS"],"sources":["../../../src/utils/enhances/WithCSS.tsx"],"sourcesContent":["import type { NanoOptions } from '@phytonmk/nano-css';\nimport type { CssLikeObject } from '@phytonmk/nano-css/types/common';\nimport React from 'react';\n\nimport CSSinJS from '../CSSinJS';\n\n/**\n * Function to clear the nano CSS styles object from keys with undefined value\n * @param {Object} obj - nano CSS styles object\n * @returns {Object}\n */\nfunction normaliseCss(obj: CssLikeObject) {\n  return Object.keys(obj).reduce((acc: any, key) => {\n    const result = acc;\n    if (obj[key] !== undefined) {\n      result[key] = obj[key];\n    }\n    return result;\n  }, {});\n}\n\nconst WithCssContext = React.createContext<NanoOptions>({});\nconst { Provider } = WithCssContext;\n\nfunction initNanoCss(options: NanoOptions = {}) {\n  return CSSinJS(options);\n}\n\nexport { Provider, WithCssContext, initNanoCss, normaliseCss };\n"],"mappings":";;;;;;;;;AAEA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA,SAASE,YAAYA,CAACC,GAAkB,EAAE;EACxC,OAAOC,MAAM,CAACC,IAAI,CAACF,GAAG,CAAC,CAACG,MAAM,CAAC,UAACC,GAAQ,EAAEC,GAAG,EAAK;IAChD,IAAMC,MAAM,GAAGF,GAAG;IAClB,IAAIJ,GAAG,CAACK,GAAG,CAAC,KAAKE,SAAS,EAAE;MAC1BD,MAAM,CAACD,GAAG,CAAC,GAAGL,GAAG,CAACK,GAAG,CAAC;IACxB;IACA,OAAOC,MAAM;EACf,CAAC,EAAE,CAAC,CAAC,CAAC;AACR;AAEA,IAAME,cAAc,GAAAC,OAAA,CAAAD,cAAA,gBAAGE,iBAAK,CAACC,aAAa,CAAc,CAAC,CAAC,CAAC;AAC3D,IAAQC,QAAQ,GAAAH,OAAA,CAAAG,QAAA,GAAKJ,cAAc,CAA3BI,QAAQ;AAEhB,SAASC,WAAWA,CAAA,EAA4B;EAAA,IAA3BC,OAAoB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAR,SAAA,GAAAQ,SAAA,MAAG,CAAC,CAAC;EAC5C,OAAO,IAAAE,mBAAO,EAACH,OAAO,CAAC;AACzB","ignoreList":[]}

package/lib/utils/enhances/WithCSS.mjs

@@ -1,14 +1,5 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React, { PureComponent } from 'react';
-import createHoc from "../createHoc.mjs";
+import React from 'react';
 import CSSinJS from "../CSSinJS.mjs";
-var getStylesheet = function getStylesheet() {
-  return CSSinJS().raw;
-};
 
 /**
  * Function to clear the nano CSS styles object from keys with undefined value
@@ -30,47 +21,5 @@ function initNanoCss() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return CSSinJS(options);
 }
-
-/** @deprecated */
-var EnhancedWithCSS = /*#__PURE__*/function (_PureComponent) {
-  function EnhancedWithCSS(props, context) {
-    var _this;
-    _classCallCheck(this, EnhancedWithCSS);
-    _this = _callSuper(this, EnhancedWithCSS, [props, context]);
-    _defineProperty(_this, "state", {
-      dynamicClassName: ''
-    });
-    initNanoCss(context);
-    return _this;
-  }
-  _inherits(EnhancedWithCSS, _PureComponent);
-  return _createClass(EnhancedWithCSS, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        children = _this$props.children,
-        _this$props$className = _this$props.className,
-        className = _this$props$className === void 0 ? '' : _this$props$className;
-      var dynamicClassName = this.state.dynamicClassName;
-      return children({
-        className: className + dynamicClassName || undefined
-      });
-    }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(props) {
-      var _CSSinJS$cache, _CSSinJS;
-      var cleanCss = normaliseCss(props.css);
-      return {
-        dynamicClassName: Object.keys(cleanCss).length ? (_CSSinJS$cache = (_CSSinJS = CSSinJS()).cache) === null || _CSSinJS$cache === void 0 ? void 0 : _CSSinJS$cache.call(_CSSinJS, cleanCss) : ''
-      };
-    }
-  }]);
-}(PureComponent);
-_defineProperty(EnhancedWithCSS, "contextType", WithCssContext);
-_defineProperty(EnhancedWithCSS, "defaultProps", {
-  css: {}
-});
-export { getStylesheet, EnhancedWithCSS, Provider, WithCssContext, initNanoCss, normaliseCss };
-export default createHoc(EnhancedWithCSS);
+export { Provider, WithCssContext, initNanoCss, normaliseCss };
 //# sourceMappingURL=WithCSS.mjs.map

package/lib/utils/enhances/WithCSS.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"WithCSS.mjs","names":["React","PureComponent","createHoc","CSSinJS","getStylesheet","raw","normaliseCss","obj","Object","keys","reduce","acc","key","result","undefined","WithCssContext","createContext","Provider","initNanoCss","options","arguments","length","EnhancedWithCSS","_PureComponent","props","context","_this","_classCallCheck","_callSuper","_defineProperty","dynamicClassName","_inherits","_createClass","value","render","_this$props","children","_this$props$className","className","state","getDerivedStateFromProps","_CSSinJS$cache","_CSSinJS","cleanCss","css","cache","call"],"sources":["../../../src/utils/enhances/WithCSS.tsx"],"sourcesContent":["import type { NanoOptions } from '@phytonmk/nano-css';\nimport type { CssLikeObject } from '@phytonmk/nano-css/types/common';\nimport React, { PureComponent } from 'react';\n\nimport type { UnknownProperties } from '../../core-types/UnknownProperties';\nimport createHoc from '../createHoc';\nimport CSSinJS from '../CSSinJS';\n\nconst getStylesheet = () => CSSinJS().raw;\n\n/**\n * Function to clear the nano CSS styles object from keys with undefined value\n * @param {Object} obj - nano CSS styles object\n * @returns {Object}\n */\nfunction normaliseCss(obj: CssLikeObject) {\n  return Object.keys(obj).reduce((acc: any, key) => {\n    const result = acc;\n    if (obj[key] !== undefined) {\n      result[key] = obj[key];\n    }\n    return result;\n  }, {});\n}\n\nconst WithCssContext = React.createContext<NanoOptions>({});\nconst { Provider } = WithCssContext;\n\nfunction initNanoCss(options: NanoOptions = {}) {\n  return CSSinJS(options);\n}\n\n/** @deprecated */\nexport interface IEnhancedWithCSSProps extends EnhancedWithCSSProps, UnknownProperties {}\nexport type EnhancedWithCSSProps = {\n  className?: string;\n  css?: {};\n\n  children(props: { className: string | undefined }): React.ReactNode;\n};\n\nclass EnhancedWithCSS extends PureComponent<IEnhancedWithCSSProps> {\n  static contextType = WithCssContext;\n\n  static defaultProps = {\n    css: {},\n  };\n\n  state = {\n    dynamicClassName: '',\n  };\n\n  static getDerivedStateFromProps(props: any) {\n    const cleanCss = normaliseCss(props.css);\n    return {\n      dynamicClassName: Object.keys(cleanCss).length ? CSSinJS().cache?.(cleanCss) : '',\n    };\n  }\n\n  constructor(props: any, context: any) {\n    super(props, context);\n\n    initNanoCss(context);\n  }\n\n  render() {\n    const { children, className = '' } = this.props;\n    const { dynamicClassName } = this.state;\n    return children({\n      className: className + dynamicClassName || undefined,\n    });\n  }\n}\n\nexport { getStylesheet, EnhancedWithCSS, Provider, WithCssContext, initNanoCss, normaliseCss };\nexport default createHoc(EnhancedWithCSS);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"WithCSS.mjs","names":["React","CSSinJS","normaliseCss","obj","Object","keys","reduce","acc","key","result","undefined","WithCssContext","createContext","Provider","initNanoCss","options","arguments","length"],"sources":["../../../src/utils/enhances/WithCSS.tsx"],"sourcesContent":["import type { NanoOptions } from '@phytonmk/nano-css';\nimport type { CssLikeObject } from '@phytonmk/nano-css/types/common';\nimport React from 'react';\n\nimport CSSinJS from '../CSSinJS';\n\n/**\n * Function to clear the nano CSS styles object from keys with undefined value\n * @param {Object} obj - nano CSS styles object\n * @returns {Object}\n */\nfunction normaliseCss(obj: CssLikeObject) {\n  return Object.keys(obj).reduce((acc: any, key) => {\n    const result = acc;\n    if (obj[key] !== undefined) {\n      result[key] = obj[key];\n    }\n    return result;\n  }, {});\n}\n\nconst WithCssContext = React.createContext<NanoOptions>({});\nconst { Provider } = WithCssContext;\n\nfunction initNanoCss(options: NanoOptions = {}) {\n  return CSSinJS(options);\n}\n\nexport { Provider, WithCssContext, initNanoCss, normaliseCss };\n"],"mappings":"AAEA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,OAAO,MAAM,gBAAY;;AAEhC;AACA;AACA;AACA;AACA;AACA,SAASC,YAAYA,CAACC,GAAkB,EAAE;EACxC,OAAOC,MAAM,CAACC,IAAI,CAACF,GAAG,CAAC,CAACG,MAAM,CAAC,UAACC,GAAQ,EAAEC,GAAG,EAAK;IAChD,IAAMC,MAAM,GAAGF,GAAG;IAClB,IAAIJ,GAAG,CAACK,GAAG,CAAC,KAAKE,SAAS,EAAE;MAC1BD,MAAM,CAACD,GAAG,CAAC,GAAGL,GAAG,CAACK,GAAG,CAAC;IACxB;IACA,OAAOC,MAAM;EACf,CAAC,EAAE,CAAC,CAAC,CAAC;AACR;AAEA,IAAME,cAAc,gBAAGX,KAAK,CAACY,aAAa,CAAc,CAAC,CAAC,CAAC;AAC3D,IAAQC,QAAQ,GAAKF,cAAc,CAA3BE,QAAQ;AAEhB,SAASC,WAAWA,CAAA,EAA4B;EAAA,IAA3BC,OAAoB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAN,SAAA,GAAAM,SAAA,MAAG,CAAC,CAAC;EAC5C,OAAOf,OAAO,CAACc,OAAO,CAAC;AACzB;AAEA,SAASF,QAAQ,EAAEF,cAAc,EAAEG,WAAW,EAAEZ,YAAY","ignoreList":[]}