@semcore/core 16.6.0 → 16.6.2-prerelease.0

package/lib/esm/coreFactory.mjs

@@ -1,7 +1,5 @@
 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";
@@ -14,16 +12,18 @@ 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/Children.mjs";
-import Enhancement$6 from "./enhancement/dataName.mjs";
-import Enhancement$7 from "./enhancement/enhance.mjs";
-import Enhancement$4 from "./enhancement/functionDefaultProps.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 i18nAppLocaleEnhance from "./enhancement/i18n.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 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 assignProps$1 from "./utils/assignProps.mjs";
 import { useForkRef } from "./utils/ref.mjs";
 import useEnhancedEffect from "./utils/use/useEnhancedEffect.mjs";
@@ -134,32 +134,6 @@ 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];
       }
@@ -239,8 +213,8 @@ function wrapFunction(OriginComponent, enhancements, Context) {
   return WrapperComponent;
 }
 function wrapCore(OriginComponent, enhancements, Context) {
-  var Component2 = function Component3(_ref5) {
-    var Root = _ref5.Root;
+  var Component2 = function Component3(_ref3) {
+    var Root = _ref3.Root;
     var defaultProps = OriginComponent.defaultProps || {};
     return /* @__PURE__ */ React.createElement(Root, _extends({}, defaultProps, {
       render: OriginComponent
@@ -290,24 +264,27 @@ function createComponent(OriginComponent) {
     return f(context, parents, createComponent, childComponents);
   })), [
     i18nAppLocaleEnhance(),
-    Enhancement(context, parents),
+    Enhancement(),
+    Enhancement$1(context, parents),
     // root must be under the children
-    Enhancement$1(),
     Enhancement$2(),
-    Enhancement$3(childComponents, createComponent, {
+    Enhancement$3(),
+    Enhancement$4(childComponents, createComponent, {
       context,
       parent,
       enhancements
     }),
     // functionDefaultProps must be under the staticChild
-    Enhancement$4(),
-    // inheritedName must be under the staticChild
     Enhancement$5(),
-    // dataName must be under the staticChild
+    // inheritedName must be under the staticChild
     Enhancement$6(),
-    // enhanceEnhancement must be under the functionDefaultPropsEnhancement
+    // dataName must be under the staticChild
     Enhancement$7(),
-    Enhancement$8(childComponents, context)
+    // 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)
   ]));
   Component2[CONTEXT_COMPONENT] = context;
   Component2._______childrenComponents = childComponents;
@@ -327,13 +304,17 @@ function createComponent(OriginComponent) {
   return Component2;
 }
 function createBaseComponent(OriginComponent) {
-  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;
+  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");
+  }
   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 = /* @__PURE__ */ Symbol("CHILDREN_SELF");
+var CHILDREN_SELF = Symbol("CHILDREN_SELF");
 var GETTER_REG = /^get[\w]+Props$/;
 function splitPropsAndGetters(props) {
   return Object.entries(props).reduce(function(acc, _ref) {

package/lib/esm/enhancement/bindHandler.mjs

@@ -0,0 +1,48 @@
+function arraysEqual(a, b) {
+  if (a.length !== b.length) return false;
+  for (var i = 0; i < a.length; i++) {
+    if (a[i] !== b[i]) return false;
+  }
+  return true;
+}
+function handlerBinder(fn) {
+  return function() {
+    for (var _len = arguments.length, depsArgs = new Array(_len), _key = 0; _key < _len; _key++) {
+      depsArgs[_key] = arguments[_key];
+    }
+    var memoizeds = [];
+    if (handlerBinder.hasher.has(fn)) {
+      memoizeds = handlerBinder.hasher.get(fn);
+      var memoized = memoizeds.find(function(memoized2) {
+        return arraysEqual(memoized2.deps, depsArgs);
+      });
+      if (memoized) return memoized.fn;
+    }
+    var bindFn = fn.apply(void 0, depsArgs).bind(fn);
+    memoizeds.push({
+      deps: depsArgs,
+      fn: bindFn
+    });
+    handlerBinder.hasher.set(fn, memoizeds);
+    return bindFn;
+  };
+}
+handlerBinder.hasher = /* @__PURE__ */ new WeakMap();
+function Enhancement() {
+  return {
+    condition: function condition(_Component, isFunction) {
+      return !isFunction;
+    },
+    init: function init() {
+      var _this = this;
+      Object.keys(this).filter(function(field) {
+        return field.startsWith("bindHandler");
+      }).forEach(function(name) {
+        _this[name] = handlerBinder(_this[name].bind(_this));
+      });
+    }
+  };
+}
+export {
+  Enhancement as default
+};

package/lib/esm/enhancement/hoistProps.mjs

@@ -0,0 +1,78 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import React from "react";
+import assignProps from "../utils/assignProps.mjs";
+import pick from "../utils/pick.mjs";
+import useEnhancedEffect from "../utils/use/useEnhancedEffect.mjs";
+var HOIST_CONTEXT = Symbol("HOIST_CONTEXT");
+var HOIST_SELF = Symbol("HOIST_SELF");
+var HOIST_SET = Symbol("HOIST_SET");
+function flatChildComponent(childComponents) {
+  return Object.values(childComponents).reduce(function(acc, Component) {
+    if (Array.isArray(Component)) {
+      acc.push(Component[0]);
+      acc.push.apply(acc, _toConsumableArray(flatChildComponent(Component[1])));
+    } else {
+      acc.push(Component);
+    }
+    return acc;
+  }, []);
+}
+function Enhancement(childComponents, Context) {
+  return {
+    condition: function condition(Component) {
+      return [Component].concat(_toConsumableArray(flatChildComponent(childComponents))).some(function(Component2) {
+        var _Component$hoistProps;
+        return Boolean((_Component$hoistProps = Component2.hoistProps) === null || _Component$hoistProps === void 0 ? void 0 : _Component$hoistProps.length);
+      });
+    },
+    init: function init(_props, _WrapperComponent, isFunction) {
+      var _this = this;
+      if (isFunction) {
+        this[HOIST_SELF] = React.useState({});
+      } else {
+        this[HOIST_SELF] = [{}, function(obj) {
+          _this[HOIST_SELF][0] = obj;
+          _this.forceUpdate();
+        }];
+      }
+      this[HOIST_SET] = function(obj) {
+        _this[HOIST_SELF][1](obj);
+      };
+    },
+    context: function context(_context) {
+      return _objectSpread(_objectSpread({}, _context), {}, _defineProperty({}, HOIST_CONTEXT, this[HOIST_SET]));
+    },
+    asProps: function asProps(props) {
+      return assignProps(this[HOIST_SELF][0], props);
+    },
+    wrapperProps: function wrapperProps(props, WrapperComponent) {
+      var _WrapperComponent$hoi;
+      if ((_WrapperComponent$hoi = WrapperComponent.hoistProps) !== null && _WrapperComponent$hoi !== void 0 && _WrapperComponent$hoi.length) {
+        var context = React.useContext(Context);
+        var renameProps = WrapperComponent.hoistProps.reduce(function(acc, propName) {
+          var _propName$split = propName.split(":"), _propName$split2 = _slicedToArray(_propName$split, 2), name = _propName$split2[0], rename = _propName$split2[1];
+          acc[name] = rename || name;
+          return acc;
+        }, {});
+        var hoistProps = Object.entries(pick(props, Object.keys(renameProps))).reduce(function(acc, _ref) {
+          var _ref2 = _slicedToArray(_ref, 2), name = _ref2[0], value = _ref2[1];
+          acc[renameProps[name]] = value;
+          return acc;
+        }, {});
+        useEnhancedEffect(function() {
+          if (context[HOIST_CONTEXT]) {
+            context[HOIST_CONTEXT](hoistProps);
+          }
+        }, Object.values(hoistProps));
+      }
+      return props;
+    }
+  };
+}
+export {
+  HOIST_CONTEXT,
+  Enhancement as default
+};

package/lib/esm/enhancement/staticChildren.mjs

@@ -31,9 +31,9 @@ function flatGetterMethodNames(childComponents, parentName) {
     return acc;
   }, []);
 }
-var STATIC_COMPONENT = /* @__PURE__ */ Symbol("STATIC_COMPONENT");
-var ROOT_COMPONENT = /* @__PURE__ */ Symbol("ROOT_COMPONENT");
-var SELF_GETTER_METHOD = /* @__PURE__ */ Symbol("SELF_GETTER_METHOD");
+var STATIC_COMPONENT = Symbol("STATIC_COMPONENT");
+var ROOT_COMPONENT = Symbol("ROOT_COMPONENT");
+var SELF_GETTER_METHOD = 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 = /* @__PURE__ */ Symbol("STYLES_CONTEXT");
-var STYLES_SELF = /* @__PURE__ */ Symbol("STYLES_SELF");
+var STYLES_CONTEXT = Symbol("STYLES_CONTEXT");
+var STYLES_SELF = Symbol("STYLES_SELF");
 function Enhancement(childComponents, Context) {
   return {
     condition: function condition(Component) {

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 = /* @__PURE__ */ Symbol("SHADOW_STYLES");
+sstyled.SHADOW_STYLES = Symbol("SHADOW_STYLES");
 export {
   sstyled
 };

package/lib/esm/utils/createHoc.mjs

@@ -0,0 +1,42 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+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 hoistNonReactStatics from "hoist-non-react-statics";
+import React, { PureComponent } from "react";
+import getDisplayName from "./getDisplayName.mjs";
+var _excluded = ["forwardedRef"];
+function createHoc(EnhancedComponent) {
+  return function createWrapper() {
+    var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    return function(WrappedComponent) {
+      var Component = /* @__PURE__ */ (function(_PureComponent) {
+        function Component2() {
+          _classCallCheck(this, Component2);
+          return _callSuper(this, Component2, arguments);
+        }
+        _inherits(Component2, _PureComponent);
+        return _createClass(Component2, [{
+          key: "render",
+          value: function render() {
+            var _WrappedComponent$def = _objectSpread(_objectSpread({}, WrappedComponent.defaultProps), this.props), forwardedRef = _WrappedComponent$def.forwardedRef, others = _objectWithoutProperties(_WrappedComponent$def, _excluded);
+            return /* @__PURE__ */ React.createElement(EnhancedComponent, _extends({}, options, this.props), function(enhancedComponentProps) {
+              return /* @__PURE__ */ React.createElement(WrappedComponent, _extends({
+                forwardedRef
+              }, others, enhancedComponentProps));
+            });
+          }
+        }]);
+      })(PureComponent);
+      _defineProperty(Component, "displayName", getDisplayName(WrappedComponent));
+      return hoistNonReactStatics(Component, WrappedComponent);
+    };
+  };
+}
+export {
+  createHoc as default
+};

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

@@ -1,9 +1,52 @@
+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 } from "react";
+import React, { createContext, Component } from "react";
+import createHoc from "../createHoc.mjs";
 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";
@@ -22,9 +65,11 @@ var useI18n = function useI18n2(dictionary) {
     }, variables);
   }, [intl]);
 };
+const WithI18n_default = createHoc(WithI18n);
 export {
   Context,
   I18nConsumer,
   I18nProvider,
+  WithI18n_default as default,
   useI18n
 };

package/lib/esm/utils/getDisplayName.mjs

@@ -0,0 +1,6 @@
+function getDisplayName(WrappedComponent) {
+  return WrappedComponent.displayName || WrappedComponent.name || "Component";
+}
+export {
+  getDisplayName as default
+};

package/lib/esm/utils/ref.mjs

@@ -1,6 +1,7 @@
 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);
@@ -64,8 +65,21 @@ 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, IRootNodeProps } from './core-types/Component';
+import type { PropGetterFn, IRootComponentProps, ComponentType, IRootComponentHandlers, IComponentProps, ReturnEl, IFunctionProps } 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 { IStyledProps } from './styled';
+import type { StyledProps } from './styled';
 import { sstyled } from './styled';
-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, };
+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, };

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  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":[]}
+{"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":[]}

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  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":[]}
+{"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":[]}

package/lib/styled/index.d.ts

@@ -1,5 +1,9 @@
-export interface IStyledProps {
+import type { UnknownProperties } from '../core-types/UnknownProperties';
+export type StyledProps = {
     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":["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":[]}
+{"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":[]}

package/lib/styled/index.mjs.map

@@ -1 +1 @@
-{"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":[]}
+{"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":[]}

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 = /* @__PURE__ */ Symbol("SHADOW_STYLES");
+sstyled.SHADOW_STYLES = Symbol("SHADOW_STYLES");
 export {
   sstyled
 };

package/lib/utils/ScreenReaderOnly.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+/**
+ * @deprecated Use ScreenReaderOnly from 'flex-box' component
+ */
+export declare function ScreenReaderOnly(props: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
+export declare namespace ScreenReaderOnly {
+    var displayName: string;
+}

package/lib/utils/ScreenReaderOnly.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ScreenReaderOnly = ScreenReaderOnly;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+/**
+ * @deprecated Use ScreenReaderOnly from 'flex-box' component
+ */
+function ScreenReaderOnly(props) {
+  return /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({}, props, {
+    style: {
+      position: 'absolute',
+      width: 1,
+      height: 1,
+      padding: 0,
+      margin: -1,
+      overflow: 'hidden',
+      whiteSpace: 'nowrap',
+      borderWidth: 0,
+      left: -1,
+      top: -1
+    }
+  }));
+}
+ScreenReaderOnly.displayName = 'ScreenReaderOnlyRoot';
+//# sourceMappingURL=ScreenReaderOnly.js.map

package/lib/utils/ScreenReaderOnly.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenReaderOnly.js","names":["_react","_interopRequireDefault","require","ScreenReaderOnly","props","createElement","_extends2","style","position","width","height","padding","margin","overflow","whiteSpace","borderWidth","left","top","displayName"],"sources":["../../src/utils/ScreenReaderOnly.tsx"],"sourcesContent":["import React from 'react';\n\n/**\n * @deprecated Use ScreenReaderOnly from 'flex-box' component\n */\nexport function ScreenReaderOnly(props: React.HTMLAttributes<HTMLSpanElement>) {\n  return (\n    <span\n      {...props}\n      style={{\n        position: 'absolute',\n        width: 1,\n        height: 1,\n        padding: 0,\n        margin: -1,\n        overflow: 'hidden',\n        whiteSpace: 'nowrap',\n        borderWidth: 0,\n        left: -1,\n        top: -1,\n      }}\n    />\n  );\n}\nScreenReaderOnly.displayName = 'ScreenReaderOnlyRoot';\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA;AACA;AACA;AACO,SAASC,gBAAgBA,CAACC,KAA4C,EAAE;EAC7E,oBACEJ,MAAA,YAAAK,aAAA,aAAAC,SAAA,iBACMF,KAAK;IACTG,KAAK,EAAE;MACLC,QAAQ,EAAE,UAAU;MACpBC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTC,OAAO,EAAE,CAAC;MACVC,MAAM,EAAE,CAAC,CAAC;MACVC,QAAQ,EAAE,QAAQ;MAClBC,UAAU,EAAE,QAAQ;MACpBC,WAAW,EAAE,CAAC;MACdC,IAAI,EAAE,CAAC,CAAC;MACRC,GAAG,EAAE,CAAC;IACR;EAAE,EACH,CAAC;AAEN;AACAd,gBAAgB,CAACe,WAAW,GAAG,sBAAsB","ignoreList":[]}

package/lib/utils/ScreenReaderOnly.mjs

@@ -0,0 +1,24 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+
+/**
+ * @deprecated Use ScreenReaderOnly from 'flex-box' component
+ */
+export function ScreenReaderOnly(props) {
+  return /*#__PURE__*/React.createElement("span", _extends({}, props, {
+    style: {
+      position: 'absolute',
+      width: 1,
+      height: 1,
+      padding: 0,
+      margin: -1,
+      overflow: 'hidden',
+      whiteSpace: 'nowrap',
+      borderWidth: 0,
+      left: -1,
+      top: -1
+    }
+  }));
+}
+ScreenReaderOnly.displayName = 'ScreenReaderOnlyRoot';
+//# sourceMappingURL=ScreenReaderOnly.mjs.map

package/lib/utils/ScreenReaderOnly.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenReaderOnly.mjs","names":["React","ScreenReaderOnly","props","createElement","_extends","style","position","width","height","padding","margin","overflow","whiteSpace","borderWidth","left","top","displayName"],"sources":["../../src/utils/ScreenReaderOnly.tsx"],"sourcesContent":["import React from 'react';\n\n/**\n * @deprecated Use ScreenReaderOnly from 'flex-box' component\n */\nexport function ScreenReaderOnly(props: React.HTMLAttributes<HTMLSpanElement>) {\n  return (\n    <span\n      {...props}\n      style={{\n        position: 'absolute',\n        width: 1,\n        height: 1,\n        padding: 0,\n        margin: -1,\n        overflow: 'hidden',\n        whiteSpace: 'nowrap',\n        borderWidth: 0,\n        left: -1,\n        top: -1,\n      }}\n    />\n  );\n}\nScreenReaderOnly.displayName = 'ScreenReaderOnlyRoot';\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAACC,KAA4C,EAAE;EAC7E,oBACEF,KAAA,CAAAG,aAAA,SAAAC,QAAA,KACMF,KAAK;IACTG,KAAK,EAAE;MACLC,QAAQ,EAAE,UAAU;MACpBC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTC,OAAO,EAAE,CAAC;MACVC,MAAM,EAAE,CAAC,CAAC;MACVC,QAAQ,EAAE,QAAQ;MAClBC,UAAU,EAAE,QAAQ;MACpBC,WAAW,EAAE,CAAC;MACdC,IAAI,EAAE,CAAC,CAAC;MACRC,GAAG,EAAE,CAAC;IACR;EAAE,EACH,CAAC;AAEN;AACAd,gBAAgB,CAACe,WAAW,GAAG,sBAAsB","ignoreList":[]}

package/lib/utils/createHoc.d.ts

@@ -0,0 +1,3 @@
+import { type ComponentClass, type ComponentType } from 'react';
+declare function createHoc(EnhancedComponent: any): (options?: {}) => (WrappedComponent: ComponentType) => ComponentClass;
+export default createHoc;