@semcore/core 16.0.0-prerelease.9 → 16.0.0

package/lib/enhancement/{uncontrolledProps.cjs → uncontrolledProps.js}

@@ -128,4 +128,4 @@ function Enhancement() {
 }
 var _default = Enhancement;
 exports["default"] = _default;
-//# sourceMappingURL=uncontrolledProps.cjs.map
+//# sourceMappingURL=uncontrolledProps.js.map

package/lib/enhancement/uncontrolledProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uncontrolledProps.js","names":["_assignProps","require","_capitalizeFirstLetter","_interopRequireDefault","assign","target","source","Object","defineProperties","keys","reduce","descriptors","key","getOwnPropertyDescriptor","defaultProp","prop","concat","capitalizeFirstLetter","handlerProp","isControlled","propValue","undefined","uncontrolledProp","self","propName","propDefaultValue","propHandler","chainHandler","getValue","state","value","oldValue","setState","_defineProperty2","_len","arguments","length","args","Array","_key","callAllEventHandlers","apply","_toConsumableArray2","uncontrolledUniversal","props","config","handlerProps","uncontrolledProps","result","_objectSpread2","handlerName","defaultPropName","other","_objectWithoutProperties2","map","_toPropertyKey2","console","warn","setter","isArray","_setter","_setter2","_toArray2","slice","v","_uncontrolledProp","_uncontrolledProp2","_slicedToArray2","handler","_objectSpread3","eventOrValue","_len2","_key2","push","uncontrolled","bind","Enhancement","condition","Component","Boolean","prototype","init","handlers","_uncontrolled","_uncontrolled2","uncontrolledHandlers","context","asProps","_uncontrolled3","_uncontrolled4","_default","exports"],"sources":["../../src/enhancement/uncontrolledProps.tsx"],"sourcesContent":["import { callAllEventHandlers } from '../utils/assignProps';\nimport capitalizeFirstLetter from '../utils/capitalizeFirstLetter';\n\nfunction assign(target: any, source: any) {\n  return Object.defineProperties(\n    target,\n    Object.keys(source).reduce((descriptors: any, key) => {\n      descriptors[key] = Object.getOwnPropertyDescriptor(source, key);\n      return descriptors;\n    }, {}),\n  );\n}\n\nfunction defaultProp(prop: any) {\n  return `default${capitalizeFirstLetter(prop)}`;\n}\n\nfunction handlerProp(prop: any) {\n  if (prop === 'value') prop = '';\n  if (prop === 'checked') prop = '';\n  return `on${capitalizeFirstLetter(prop)}Change`;\n}\n\nfunction isControlled(propValue: any) {\n  return propValue !== undefined;\n}\n\nfunction uncontrolledProp(\n  self: any,\n  propName: any,\n  propValue: any,\n  propDefaultValue: any,\n  propHandler: any,\n  chainHandler: any,\n) {\n  function getValue() {\n    return isControlled(propValue)\n      ? propValue\n      : propName in self.state\n      ? self.state[propName]\n      : propDefaultValue;\n  }\n\n  return [\n    getValue(),\n    (value: any, ...args: any[]) => {\n      const oldValue = getValue();\n      if (oldValue === value) return false;\n      if (!isControlled(propValue)) self.setState({ [propName]: value });\n      return callAllEventHandlers(propHandler, ...chainHandler)(value, ...args);\n    },\n  ];\n}\n\nfunction uncontrolledUniversal(props: any, config: any, uncontrolledProp: any) {\n  const handlerProps = {};\n  const uncontrolledProps = Object.keys(config).reduce((result, propName) => {\n    const handlerName = handlerProp(propName);\n    const defaultPropName = defaultProp(propName);\n    const {\n      [defaultPropName]: propDefaultValue,\n      [propName]: propValue,\n      [handlerName]: propHandler,\n      ...other\n    } = result;\n\n    if (propDefaultValue === undefined) {\n      console.warn(defaultPropName, 'must be installed in \"defaultProps\"');\n    }\n\n    // if (typeof propDefaultValue === 'function' && propDefaultValue.defaultInit) {\n    //   propDefaultValue = propDefaultValue(result);\n    // }\n\n    let setter = config[propName];\n    let chainHandler = [];\n\n    if (Array.isArray(setter)) [setter, ...chainHandler] = setter;\n    setter = setter || ((v: any) => v);\n\n    const [value, handler] = uncontrolledProp(\n      propName,\n      propValue,\n      propDefaultValue,\n      propHandler,\n      chainHandler,\n    );\n    // TODO: need to warn about recursion (by lsroman)\n    (handlerProps as any)[propName] = handler;\n\n    return {\n      ...other,\n      [propName]: value,\n      [handlerName]: (eventOrValue: any, ...args: any[]) => {\n        const result = [setter(eventOrValue, ...args), ...args];\n        if (eventOrValue?.target) {\n          result.push(eventOrValue);\n        }\n        return handler(...result);\n      },\n    };\n  }, props);\n  return [uncontrolledProps, handlerProps];\n}\n\nfunction uncontrolled(self: any, props: any, config: any) {\n  return uncontrolledUniversal(props, config, uncontrolledProp.bind(undefined, self));\n}\n\nfunction Enhancement() {\n  return {\n    condition: function (Component: any) {\n      return Boolean(Component.prototype.uncontrolledProps);\n    },\n    init: function (this: any) {\n      this.state = this.state || {};\n      assign(this, {\n        get handlers() {\n          const [, uncontrolledHandlers] = uncontrolled(this, this.props, this.uncontrolledProps());\n          return uncontrolledHandlers;\n        },\n      });\n    },\n    context: function (this: any, context: any) {\n      return {\n        ...context,\n        handlers: this.handlers,\n      };\n    },\n    asProps: function (this: any, props: any) {\n      // TODO: need to omit unneccessary props (by lsroman)\n      const [uncontrolledProps] = uncontrolled(this, props, this.uncontrolledProps());\n      return uncontrolledProps;\n    },\n  };\n}\n\nexport default Enhancement;\n"],"mappings":"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"}

package/lib/esm/coreFactory.mjs

@@ -28,7 +28,7 @@ import Enhancement$8 from "./enhancement/enhance.mjs";
 import Enhancement$9 from "./enhancement/style.mjs";
 import Enhancement from "./enhancement/bindHandler.mjs";
 import i18nAppLocaleEnhance from "./enhancement/i18n.mjs";
-import { PARENT_COMPONENTS, CORE_COMPONENT, CONTEXT_COMPONENT, CREATE_COMPONENT, CORE_AS_PROPS, CORE_INSTANCE, CORE_INIT } from "./core-types/symbols.mjs";
+import { CORE_AS_PROPS, CORE_INSTANCE, CORE_INIT, CORE_COMPONENT, PARENT_COMPONENTS, CONTEXT_COMPONENT, CREATE_COMPONENT } from "./core-types/symbols.mjs";
 var _excluded = ["forwardRef"], _excluded2 = ["forwardRef", "__WRAPPER_PROPS_BIND__"], _excluded3 = ["ref"];
 function isEmptyObject(obj) {
   return Object.getOwnPropertyNames(obj).length === 0 && Object.getOwnPropertySymbols && // For IE 11

package/lib/esm/enhancement/Children.mjs

@@ -3,7 +3,7 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React from "react";
-import { CONTEXT_COMPONENT, CHILDREN_COMPONENT } from "../core-types/symbols.mjs";
+import { CHILDREN_COMPONENT, CONTEXT_COMPONENT } from "../core-types/symbols.mjs";
 var _excluded = ["handlers", "getters"], _excluded2 = ["handlers"];
 var CHILDREN_SELF = Symbol("CHILDREN_SELF");
 var GETTER_REG = /^get[\w]+Props$/;

package/lib/esm/enhancement/Root.mjs

@@ -8,11 +8,7 @@ var _excluded = ["render"], _excluded2 = ["Root", "styles", "children", "Childre
 function createRootRender() {
   var Root = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
     var Tag = _ref.render, source = _objectWithoutProperties(_ref, _excluded);
-    var _Root$props = Root.props;
-    _Root$props.Root;
-    _Root$props.styles;
-    _Root$props.children;
-    var Children = _Root$props.Children, _Root$props$forwardRe = _Root$props.forwardRef, forwardRef = _Root$props$forwardRe === void 0 ? null : _Root$props$forwardRe, props = _objectWithoutProperties(_Root$props, _excluded2);
+    var _Root$props = Root.props, _Root = _Root$props.Root, styles = _Root$props.styles, children = _Root$props.children, Children = _Root$props.Children, _Root$props$forwardRe = _Root$props.forwardRef, forwardRef = _Root$props$forwardRe === void 0 ? null : _Root$props$forwardRe, props = _objectWithoutProperties(_Root$props, _excluded2);
     var clearProps = Object.entries(props).reduce(function(props2, _ref2) {
       var _ref3 = _slicedToArray(_ref2, 2), name = _ref3[0], value = _ref3[1];
       if (value !== void 0) {

package/lib/esm/enhancement/style.mjs

@@ -2,6 +2,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React from "react";
+import "../styled/index.mjs";
 import { STATIC_COMPONENT } from "./staticChildren.mjs";
 import { sstyled } from "../styled/sstyled.mjs";
 var _excluded = ["_styles", "styles"], _excluded2 = ["styles"];
@@ -27,9 +28,7 @@ function Enhancement(childComponents, Context) {
       return _objectSpread(_objectSpread({}, _context), {}, _defineProperty({}, STYLES_CONTEXT, this[STYLES_SELF]));
     },
     asProps: function asProps(_ref) {
-      _ref._styles;
-      _ref.styles;
-      var props = _objectWithoutProperties(_ref, _excluded);
+      var _styles = _ref._styles, styles = _ref.styles, props = _objectWithoutProperties(_ref, _excluded);
       return _objectSpread(_objectSpread({}, props), {}, {
         styles: this[STYLES_SELF]
       });

package/lib/esm/index.mjs

@@ -1,4 +1,5 @@
 import { assignProps, createBaseComponent, createComponent } from "./coreFactory.mjs";
+import "./styled/index.mjs";
 import { Component, Intergalactic, Root, wrapIntergalacticComponent } from "./core-types/Component.mjs";
 import { CHILDREN_COMPONENT, CONTEXT_COMPONENT, CORE_INSTANCE, CREATE_COMPONENT, INHERITED_NAME } from "./core-types/symbols.mjs";
 import { default as default2 } from "./register.mjs";

package/lib/esm/styled/index.mjs

@@ -0,0 +1,8 @@
+import { css, styled, use } from "./reshadow-core.mjs";
+import { sstyled } from "./sstyled.mjs";
+export {
+  css,
+  sstyled,
+  styled,
+  use
+};

package/lib/esm/styled/reshadow-core.mjs

@@ -1,5 +1,70 @@
-import "@babel/runtime/helpers/esm/typeof";
-import "@babel/runtime/helpers/esm/defineProperty";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+var _Symbol = function _Symbol2(key) {
+  return typeof Symbol !== "undefined" ? Symbol(key) : key;
+};
+var KEYS = {
+  __id__: _Symbol("__id__"),
+  __store__: _Symbol("__store__"),
+  __prev__: _Symbol("__prev__"),
+  __use__: _Symbol("__use__"),
+  __elements__: "__elements__",
+  __style__: "$$style",
+  __styles__: "styles",
+  __css__: "__css__",
+  __hash__: "__hash__",
+  /**
+   * This prop is needed for the interop between different component frameworks
+   */
+  __classProp__: "className"
+};
+var index = 0;
+var use = function use2(obj) {
+  var result = {};
+  result[KEYS.__use__] = obj;
+  return result;
+};
+var create = function create2(args) {
+  var len = args.length;
+  var newStyle = {};
+  var id = "";
+  var vars = null;
+  var uses = null;
+  for (var i = 0; i < len; i++) {
+    var _style = args[i];
+    if (!_style) continue;
+    if (!_style[KEYS.__id__]) {
+      _style[KEYS.__id__] = ++index;
+      _style[KEYS.__store__] = _defineProperty({}, "_" + _style[KEYS.__id__], _style);
+    }
+    id += "_" + _style[KEYS.__id__];
+    if (_style[KEYS.__style__]) {
+      vars = Object.assign(vars || {}, _style[KEYS.__style__]);
+    }
+    if (_style[KEYS.__use__]) {
+      uses = Object.assign(uses || {}, _style[KEYS.__use__]);
+    }
+    if (_style[KEYS.__store__][id]) {
+      newStyle = _style[KEYS.__store__][id];
+      continue;
+    }
+    newStyle = Object.create(newStyle);
+    for (var key in _style) {
+      if (key in KEYS) continue;
+      newStyle[key] = appendClassName(_style[key], newStyle[key]);
+    }
+    _style[KEYS.__store__][id] = newStyle;
+    newStyle[KEYS.__id__] = index;
+    newStyle[KEYS.__store__] = _defineProperty({}, "_" + _style[KEYS.__id__], newStyle);
+  }
+  if (vars || use) {
+    newStyle = Object.create(newStyle);
+    newStyle[KEYS.__style__] = vars;
+    newStyle[KEYS.__use__] = uses;
+  }
+  return newStyle;
+};
+var isSSR = !(typeof window !== "undefined" && window.document && window.document.createElement);
 var serverMap = {};
 var getStyles = function getStyles2() {
   return {
@@ -13,6 +78,157 @@ var getStyles = function getStyles2() {
     }
   };
 };
+var clearStyles = function clearStyles2() {
+  serverStyles = "";
+};
+var RESHADOW_ID = "__reshadow__";
+var appendChildToDocumentHead = function appendChildToDocumentHead2(element) {
+  return document.head.appendChild(element);
+};
+var css = function css2(code, hash) {
+  var id = "reshadow-".concat(hash);
+  if (isSSR) {
+    serverMap[id] = code;
+    return;
+  }
+  var container = document.getElementById(RESHADOW_ID);
+  if (!container) {
+    container = document.createElement("object");
+    container.id = RESHADOW_ID;
+    if (document.head) {
+      appendChildToDocumentHead(container);
+    } else {
+      document.addEventListener("DOMContentLoaded", function() {
+        appendChildToDocumentHead(container);
+      });
+    }
+  }
+  var css3 = document.getElementById(id);
+  if (!css3) {
+    css3 = document.createElement("style");
+    css3.id = id;
+    css3.type = "text/css";
+    container.appendChild(css3);
+  }
+  css3.innerHTML = code;
+};
+var styles = {};
+var style;
+var stack = [];
+var styled = function styled2(elem) {
+  var curr = stack.pop() || [];
+  styles = curr[0] || styles;
+  style = curr[1] || style;
+  styled2[KEYS.__styles__] = styles;
+  styled2[KEYS.__style__] = style;
+  return elem;
+};
+styled[KEYS.__styles__] = styles;
+var set = function set2(args, newStyle) {
+  var newStyles = create(args);
+  stack.push([styles, style]);
+  styles = newStyles;
+  style = newStyle;
+  if (styles[KEYS.__style__]) {
+    style = style ? Object.assign({}, style, styles[KEYS.__style__]) : styles[KEYS.__style__];
+  }
+  styled[KEYS.__styles__] = styles;
+  styled[KEYS.__style__] = style;
+};
+var USE_PREFIX = "use--";
+var ELEMENT_PREFIX = "__";
+var MOD_PREFIX = "_";
+var MOD_SEPARATOR = "_";
+var parseElement = function parseElement2(name) {
+  return name.replace(ELEMENT_PREFIX, "");
+};
+var parseAttribute = function parseAttribute2(name) {
+  return name.replace(MOD_PREFIX, "").split(MOD_SEPARATOR);
+};
+var appendClassName = function appendClassName2(className) {
+  var cn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
+  if (className) {
+    cn += (cn ? " " : "") + className;
+  }
+  return cn;
+};
+var appendElement = function appendElement2(styles2, key) {
+  var cn = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "";
+  return appendClassName(styles2[ELEMENT_PREFIX + key], cn);
+};
+var appendModifier = function appendModifier2(styles2, key, value) {
+  var cn = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : "";
+  if (value === void 0 || value === null || value === false || value === "") return cn;
+  cn = appendClassName(styles2[MOD_PREFIX + key], cn);
+  if (typeof value === "boolean" || _typeof(value) === "object" || typeof value === "function") return cn;
+  cn = appendClassName(styles2[MOD_SEPARATOR + key + MOD_SEPARATOR + value], cn);
+  return cn;
+};
+function map(element) {
+  var currStyles = styled[KEYS.__styles__];
+  var nextProps = {};
+  var cn = appendElement(currStyles, element);
+  var vars = null;
+  var uses = currStyles[KEYS.__use__] || {};
+  var len = arguments.length;
+  var useProps;
+  for (var i = len - 1; i > 0; i--) {
+    var currProps = arguments[i];
+    if (!currProps) continue;
+    useProps = useProps || currProps[KEYS.__use__];
+    if (!vars && KEYS.__style__ in currProps) {
+      vars = styled[KEYS.__style__];
+    }
+    for (var key in currProps) {
+      if (key === KEYS.__use__ || key === KEYS.__style__ || key in nextProps) {
+        continue;
+      }
+      var value = currProps[key];
+      cn = appendModifier(currStyles, key, value, cn);
+      var valueType = _typeof(value);
+      if (valueType === "string" || valueType === "boolean" || valueType === "number") {
+        var useKey = key + "_" + value;
+        if (key + "_true" in uses || useKey in uses) {
+          cn = appendModifier(currStyles, USE_PREFIX + key, value, cn);
+          if (uses[useKey]) {
+            continue;
+          }
+        }
+      }
+      nextProps[key] = value;
+    }
+  }
+  if (useProps) {
+    for (var _key in useProps) {
+      var _value = useProps[_key];
+      cn = appendModifier(currStyles, USE_PREFIX + _key, _value, cn);
+    }
+  }
+  cn = appendClassName(nextProps[KEYS.__classProp__], cn);
+  if (cn) nextProps[KEYS.__classProp__] = cn;
+  if (vars) {
+    nextProps.style = typeof style === "string" ? vars + (nextProps.style || "") : Object.assign({}, vars, nextProps.style || {});
+  }
+  return nextProps;
+}
 export {
-  getStyles
+  ELEMENT_PREFIX,
+  KEYS,
+  MOD_PREFIX,
+  MOD_SEPARATOR,
+  RESHADOW_ID,
+  USE_PREFIX,
+  appendClassName,
+  appendElement,
+  appendModifier,
+  clearStyles,
+  create,
+  css,
+  getStyles,
+  map,
+  parseAttribute,
+  parseElement,
+  set,
+  styled,
+  use
 };

package/lib/esm/utils/assignProps.mjs

@@ -1,5 +1,6 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _cn from "classnames";
+import "../styled/index.mjs";
 import { forkRef } from "./ref.mjs";
 import { sstyled } from "../styled/sstyled.mjs";
 function callAllEventHandlers() {
@@ -19,6 +20,14 @@ function callAllEventHandlers() {
     });
   };
 }
+function assignHandlers(props, source) {
+  return Object.keys(source).reduce(function(proxySource, propName) {
+    if (typeof source[propName] === "function" && propName.startsWith("on")) {
+      proxySource[propName] = callAllEventHandlers(props[propName], source[propName]);
+    }
+    return proxySource;
+  }, {});
+}
 function assignHandlersInner(props, source) {
   return Object.keys(source).reduce(function(proxySource, propName) {
     if (propName !== "ref" && propName.startsWith("on")) {
@@ -71,6 +80,7 @@ function assignProps() {
   return newProps;
 }
 export {
+  assignHandlers,
   callAllEventHandlers,
   assignProps as default
 };

package/lib/esm/utils/createHoc.mjs

@@ -0,0 +1,44 @@
+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 _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import React, { PureComponent } from "react";
+import hoistNonReactStatics from "hoist-non-react-statics";
+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) {
+        _inherits(Component2, _PureComponent);
+        var _super = _createSuper(Component2);
+        function Component2() {
+          _classCallCheck(this, Component2);
+          return _super.apply(this, arguments);
+        }
+        _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));
+            });
+          }
+        }]);
+        return Component2;
+      }(PureComponent);
+      _defineProperty(Component, "displayName", getDisplayName(WrappedComponent));
+      return hoistNonReactStatics(Component, WrappedComponent);
+    };
+  };
+}
+export {
+  createHoc as default
+};

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

@@ -4,12 +4,13 @@ import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitial
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createContext, Component } from "react";
-import { createIntlCache } from "@formatjs/intl";
+import React, { createContext, Component } from "react";
+import createHoc from "../createHoc.mjs";
+import { useAsyncI18nMessages } from "./i18nEnhance.mjs";
+import { createIntlCache, createIntl } from "@formatjs/intl";
 var Context = /* @__PURE__ */ createContext(void 0);
-Context.Provider;
-Context.Consumer;
-createIntlCache();
+var I18nProvider = Context.Provider, I18nConsumer = Context.Consumer;
+var messagesCache = createIntlCache();
 function getText(dictionaries, locale) {
   return function(key) {
     var dictionary = dictionaries[locale];
@@ -49,6 +50,29 @@ _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";
+  var fallbackDictionary = arguments.length > 2 ? arguments[2] : void 0;
+  var lang = (_React$useContext = React.useContext(Context)) !== null && _React$useContext !== void 0 ? _React$useContext : locale;
+  var resolvedDictionary = useAsyncI18nMessages(dictionary, lang, fallbackDictionary);
+  var intl = React.useMemo(function() {
+    return createIntl({
+      locale: lang,
+      messages: resolvedDictionary
+    }, messagesCache);
+  }, [resolvedDictionary, lang]);
+  return React.useCallback(function(messageId, variables) {
+    return intl.formatMessage({
+      id: messageId !== null && messageId !== void 0 ? messageId : ""
+    }, variables);
+  }, [intl]);
+};
+const WithI18n$1 = createHoc(WithI18n);
 export {
-  Context
+  Context,
+  I18nConsumer,
+  I18nProvider,
+  WithI18n$1 as default,
+  useI18n
 };

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

@@ -0,0 +1,91 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import React from "react";
+import { useI18n } from "./WithI18n.mjs";
+var useAsyncI18nMessages = function useAsyncI18nMessages2(primaryContainer, locale, fallbackContainer) {
+  var _store$locale;
+  var container = React.useMemo(function() {
+    if (!fallbackContainer) return primaryContainer;
+    if (!primaryContainer) return fallbackContainer;
+    if (primaryContainer === fallbackContainer) return primaryContainer;
+    var container2 = {};
+    var _loop = function _loop2(_locale2) {
+      if (typeof primaryContainer[_locale2] === "function" || typeof fallbackContainer[_locale2] === "function") {
+        container2[_locale2] = /* @__PURE__ */ _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee() {
+          var _yield$Promise$all, _yield$Promise$all2, primary, fallback;
+          return _regeneratorRuntime().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return Promise.all([primaryContainer[_locale2], fallbackContainer[_locale2]]);
+              case 2:
+                _yield$Promise$all = _context.sent;
+                _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 2);
+                primary = _yield$Promise$all2[0];
+                fallback = _yield$Promise$all2[1];
+                return _context.abrupt("return", _objectSpread(_objectSpread({}, primary), fallback));
+              case 7:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+      } else {
+        var _primaryContainer$_lo, _fallbackContainer$_l;
+        container2[_locale2] = _objectSpread(_objectSpread({}, (_primaryContainer$_lo = primaryContainer[_locale2]) !== null && _primaryContainer$_lo !== void 0 ? _primaryContainer$_lo : {}), (_fallbackContainer$_l = fallbackContainer[_locale2]) !== null && _fallbackContainer$_l !== void 0 ? _fallbackContainer$_l : {});
+      }
+    };
+    for (var _locale in primaryContainer) {
+      _loop(_locale);
+    }
+    return container2;
+  }, [primaryContainer, fallbackContainer]);
+  var initStore = React.useMemo(function() {
+    var store2 = {};
+    for (var _locale2 in container) {
+      if (_typeof(container[_locale2]) === "object") {
+        store2[_locale2] = container[_locale2];
+      }
+    }
+    return store2;
+  }, [container]);
+  var _React$useState = React.useState(initStore), _React$useState2 = _slicedToArray(_React$useState, 2), store = _React$useState2[0], setStore = _React$useState2[1];
+  var lastLoadedLocaleRef = React.useRef(null);
+  if (store[locale]) lastLoadedLocaleRef.current = locale;
+  var fallbackMessages = React.useMemo(function() {
+    return Object.values(store)[0];
+  }, [store]);
+  var loadingLocaleRef = React.useRef(null);
+  React.useEffect(function() {
+    loadingLocaleRef.current = locale;
+    var asyncMessages = container[locale];
+    if (typeof asyncMessages === "function") {
+      asyncMessages().then(function(module) {
+        if (loadingLocaleRef.current !== locale) return;
+        var messages = module;
+        if ("default" in module && _typeof(module["default"]) === "object") messages = module["default"];
+        setStore(function(store2) {
+          return _objectSpread(_objectSpread({}, store2), {}, _defineProperty({}, locale, messages));
+        });
+      })["catch"](console.error);
+    }
+  }, [container, locale]);
+  return (_store$locale = store[locale]) !== null && _store$locale !== void 0 ? _store$locale : fallbackMessages;
+};
+const i18nEnhance = function(container) {
+  return function(props) {
+    var i18n = props.i18n, locale = props.locale;
+    var getI18nText = useI18n(i18n, locale, container);
+    return _objectSpread(_objectSpread({}, props), {}, {
+      getI18nText
+    });
+  };
+};
+export {
+  i18nEnhance as default,
+  useAsyncI18nMessages
+};

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,7 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import "@babel/runtime/helpers/esm/slicedToArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React from "react";
-import "react-dom";
+import { findDOMNode } from "react-dom";
 function setRef(ref, value) {
   if (typeof ref === "function") {
     ref(value);
@@ -9,6 +9,35 @@ function setRef(ref, value) {
     ref["current"] = value;
   }
 }
+function getRef(ref) {
+  if (!ref) return null;
+  return "current" in ref ? ref.current : ref;
+}
+function useCallbackRef(initialValue, callback) {
+  var _React$useState = React.useState(function() {
+    return {
+      // value
+      value: initialValue,
+      // last callback
+      callback,
+      // "memoized" public interface
+      facade: {
+        get current() {
+          return ref.value;
+        },
+        set current(value) {
+          var last = ref.value;
+          if (last !== value) {
+            ref.value = value;
+            ref.callback(value, last);
+          }
+        }
+      }
+    };
+  }), _React$useState2 = _slicedToArray(_React$useState, 1), ref = _React$useState2[0];
+  ref.callback = callback;
+  return ref.facade;
+}
 function useForkRef() {
   for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
     refs[_key] = arguments[_key];
@@ -36,8 +65,23 @@ 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,
   useForkRef
 };

package/lib/{index.cjs → index.js}

@@ -100,4 +100,4 @@ var _Component = require("./core-types/Component");
 var _symbols = require("./core-types/symbols");
 var _register = _interopRequireDefault(require("./register"));
 var _LastInteractionType = require("./LastInteractionType");
-//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

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

package/lib/index.mjs

@@ -1,4 +1,5 @@
 import { assignProps, createBaseComponent, createComponent } from "./coreFactory.mjs";
+import "./styled/index.mjs";
 import { Component, Intergalactic, Root, wrapIntergalacticComponent } from "./core-types/Component.mjs";
 import { CHILDREN_COMPONENT, CONTEXT_COMPONENT, CORE_INSTANCE, CREATE_COMPONENT, INHERITED_NAME } from "./core-types/symbols.mjs";
 import { default as default2 } from "./register.mjs";

package/lib/{register.cjs → register.js}

@@ -34,4 +34,4 @@ var Register = /*#__PURE__*/function () {
 exports.Register = Register;
 var _default = new Register();
 exports["default"] = _default;
-//# sourceMappingURL=register.cjs.map
+//# sourceMappingURL=register.js.map

package/lib/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","names":["Register","_classCallCheck2","_defineProperty2","_createClass2","key","value","get","name","defaultValue","data","set","exports","_default"],"sources":["../src/register.tsx"],"sourcesContent":["class Register {\n  data: any = {};\n\n  get<D>(name: string, defaultValue?: D): D {\n    if (name in this.data) {\n      return this.data[name];\n    } else {\n      return this.set(name, defaultValue) as any;\n    }\n  }\n\n  set<D>(name: string, value: D): D {\n    this.data[name] = value;\n    return this.data[name];\n  }\n}\n\nexport { Register };\nexport default new Register();\n"],"mappings":";;;;;;;;;;IAAMA,QAAQ;EAAA,SAAAA,SAAA;IAAA,IAAAC,gBAAA,mBAAAD,QAAA;IAAA,IAAAE,gBAAA,2BACA,CAAC,CAAC;EAAA;EAAA,IAAAC,aAAA,aAAAH,QAAA;IAAAI,GAAA;IAAAC,KAAA,EAEd,SAAAC,IAAOC,IAAY,EAAEC,YAAgB,EAAK;MACxC,IAAID,IAAI,IAAI,IAAI,CAACE,IAAI,EAAE;QACrB,OAAO,IAAI,CAACA,IAAI,CAACF,IAAI,CAAC;MACxB,CAAC,MAAM;QACL,OAAO,IAAI,CAACG,GAAG,CAACH,IAAI,EAAEC,YAAY,CAAC;MACrC;IACF;EAAC;IAAAJ,GAAA;IAAAC,KAAA,EAED,SAAAK,IAAOH,IAAY,EAAEF,KAAQ,EAAK;MAChC,IAAI,CAACI,IAAI,CAACF,IAAI,CAAC,GAAGF,KAAK;MACvB,OAAO,IAAI,CAACI,IAAI,CAACF,IAAI,CAAC;IACxB;EAAC;EAAA,OAAAP,QAAA;AAAA;AAAAW,OAAA,CAAAX,QAAA,GAAAA,QAAA;AAAA,IAAAY,QAAA,GAIY,IAAIZ,QAAQ,EAAE;AAAAW,OAAA,cAAAC,QAAA"}