@semcore/core 2.39.4 → 16.0.0-prerelease.0

package/lib/esm/enhancement/i18n.mjs

@@ -0,0 +1,20 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import React from "react";
+import { Context } from "../utils/enhances/WithI18n.mjs";
+var _excluded = ["locale"];
+function i18nAppLocaleEnhance() {
+  return {
+    wrapperProps: function wrapperProps(props) {
+      var locale = props.locale, other = _objectWithoutProperties(props, _excluded);
+      var contextLocale = React.useContext(Context);
+      if (!locale && !contextLocale) return props;
+      return _objectSpread(_objectSpread({}, other), {}, {
+        locale: locale !== null && locale !== void 0 ? locale : contextLocale
+      });
+    }
+  };
+}
+export {
+  i18nAppLocaleEnhance as default
+};

package/lib/esm/enhancement/inheritedName.mjs

@@ -0,0 +1,16 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import { INHERITED_NAME } from "../core-types/symbols.mjs";
+function Enhancement() {
+  return {
+    condition: function condition(Component) {
+      return Boolean(Component.displayName);
+    },
+    "static": function _static(WrapperComponent) {
+      return _defineProperty({}, INHERITED_NAME, _toConsumableArray(new Set([].concat(_toConsumableArray(WrapperComponent[INHERITED_NAME] || []), [WrapperComponent.displayName]))));
+    }
+  };
+}
+export {
+  Enhancement as default
+};

package/lib/esm/enhancement/staticChildren.mjs

@@ -0,0 +1,120 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React from "react";
+import assignProps from "../utils/assignProps.mjs";
+import pick from "../utils/pick.mjs";
+import logger from "../utils/logger.mjs";
+function assign(target, source) {
+  return Object.defineProperties(target, Object.keys(source).reduce(function(descriptors, key) {
+    descriptors[key] = Object.getOwnPropertyDescriptor(source, key);
+    return descriptors;
+  }, {}));
+}
+function getterMethodName(name) {
+  return "get".concat(name, "Props");
+}
+function getterMethodNameByDisplayName() {
+  var displayName = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
+  var displayNames = displayName.split(".");
+  var name = displayNames.slice(-(displayNames.length - 1)).join("");
+  return getterMethodName(name);
+}
+function flatGetterMethodNames(childComponents, parentName) {
+  return Object.entries(childComponents).reduce(function(acc, _ref) {
+    var _ref2 = _slicedToArray(_ref, 2), name = _ref2[0], value = _ref2[1];
+    if (Array.isArray(value)) {
+      acc.push.apply(acc, _toConsumableArray(flatGetterMethodNames(value[1], name)));
+    }
+    name = parentName ? "".concat(parentName).concat(name) : name;
+    acc.push(getterMethodName(name));
+    return acc;
+  }, []);
+}
+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 {
+    condition: function condition(Component) {
+      return Boolean(Component[STATIC_COMPONENT] || Object.keys(childComponents).length);
+    },
+    init: function init(props, WrapperComponent) {
+      var _this = this;
+      var getterMethods = pick(this, getterMethodNames);
+      this[SELF_GETTER_METHOD] = function() {
+        var selfGetterMethod = getterMethodNameByDisplayName(WrapperComponent.displayName);
+        logger.warn(true, "Getter `".concat(selfGetterMethod, "` can't be fired as it is a getter of static component"), props["data-ui-name"] || WrapperComponent.displayName);
+      };
+      assign(this, getterMethodNames.reduce(function(acc, name) {
+        var getterMethod = getterMethods[name];
+        if (!getterMethod) return acc;
+        acc[name] = function() {
+          var childrenProps = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+          var getterProps = getterMethod.call(_this, childrenProps, acc[name].index);
+          return assignProps(childrenProps, getterProps);
+        };
+        acc[name].index = -1;
+        acc[name].cache = /* @__PURE__ */ new Set();
+        return acc;
+      }, {}));
+    },
+    "static": function _static(WrapperComponent, Component) {
+      if (Object.keys(childComponents).length && !WrapperComponent.displayName) {
+        throw new Error('"displayName" is not defined');
+      }
+      return Object.entries(childComponents).reduce(function(acc, _ref3) {
+        var _ref4 = _slicedToArray(_ref3, 2), name = _ref4[0], value = _ref4[1];
+        var childComponents2 = {};
+        if (Array.isArray(value)) {
+          childComponents2 = value[1];
+          value = value[0];
+        }
+        var prevStaticComponent = value[STATIC_COMPONENT];
+        var prevDisplayName = value.displayName;
+        value.displayName = "".concat(WrapperComponent.displayName, ".").concat(name);
+        value[STATIC_COMPONENT] = true;
+        value[ROOT_COMPONENT] = Component[ROOT_COMPONENT] || Component;
+        acc[name] = createComponent(value, childComponents2, options);
+        value.displayName = prevDisplayName;
+        value[STATIC_COMPONENT] = prevStaticComponent;
+        return acc;
+      }, {});
+    },
+    context: function context(_context) {
+      return _objectSpread(_objectSpread({}, _context), pick(this, getterMethodNames));
+    },
+    wrapperProps: function wrapperProps(props, WrapperComponent) {
+      if (!WrapperComponent[STATIC_COMPONENT]) return props;
+      var context = React.useContext(options.context);
+      var getterMethod = context[getterMethodNameByDisplayName(WrapperComponent.displayName)];
+      if (getterMethod) {
+        if (!getterMethod.cache.has(this)) {
+          getterMethod.cache.add(this);
+          getterMethod.index++;
+          if (this) this.index = getterMethod.index;
+        }
+        if (this) getterMethod.index = this.index;
+        return getterMethod(props);
+      }
+      return props;
+    },
+    render: function render(_render) {
+      var _this2 = this;
+      getterMethodNames.forEach(function(name) {
+        if (_this2[name] === void 0) return;
+        _this2[name].index = -1;
+        _this2[name].cache.clear();
+      });
+      return _render;
+    }
+  };
+}
+export {
+  ROOT_COMPONENT,
+  STATIC_COMPONENT,
+  Enhancement as default,
+  getterMethodName,
+  getterMethodNameByDisplayName
+};

package/lib/esm/enhancement/style.mjs

@@ -0,0 +1,49 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+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"];
+var STYLES_CONTEXT = Symbol("STYLES_CONTEXT");
+var STYLES_SELF = Symbol("STYLES_SELF");
+function Enhancement(childComponents, Context) {
+  return {
+    condition: function condition(Component) {
+      return Boolean(Component.style || Component[STATIC_COMPONENT]);
+    },
+    init: function init(props, WrapperComponent) {
+      if (props.styles) {
+        this[STYLES_SELF] = props.styles;
+      }
+      if (WrapperComponent.style) {
+        this[STYLES_SELF] = sstyled.merge(WrapperComponent.style, props._styles);
+      }
+    },
+    context: function context(_context) {
+      if (!this[STYLES_SELF] || !Object.keys(childComponents).length) {
+        return _context;
+      }
+      return _objectSpread(_objectSpread({}, _context), {}, _defineProperty({}, STYLES_CONTEXT, this[STYLES_SELF]));
+    },
+    asProps: function asProps(_ref) {
+      var _styles = _ref._styles, styles = _ref.styles, props = _objectWithoutProperties(_ref, _excluded);
+      return _objectSpread(_objectSpread({}, props), {}, {
+        styles: this[STYLES_SELF]
+      });
+    },
+    wrapperProps: function wrapperProps(_ref2) {
+      var styles = _ref2.styles, props = _objectWithoutProperties(_ref2, _excluded2);
+      var context = React.useContext(Context);
+      return _objectSpread(_objectSpread({}, props), {}, {
+        _styles: styles,
+        styles: context[STYLES_CONTEXT]
+      });
+    }
+  };
+}
+export {
+  STYLES_CONTEXT,
+  Enhancement as default
+};

package/lib/esm/enhancement/uncontrolledProps.mjs

@@ -0,0 +1,107 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _toArray from "@babel/runtime/helpers/esm/toArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _toPropertyKey from "@babel/runtime/helpers/esm/toPropertyKey";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { callAllEventHandlers } from "../utils/assignProps.mjs";
+import capitalizeFirstLetter from "../utils/capitalizeFirstLetter.mjs";
+function assign(target, source) {
+  return Object.defineProperties(target, Object.keys(source).reduce(function(descriptors, key) {
+    descriptors[key] = Object.getOwnPropertyDescriptor(source, key);
+    return descriptors;
+  }, {}));
+}
+function defaultProp(prop) {
+  return "default".concat(capitalizeFirstLetter(prop));
+}
+function handlerProp(prop) {
+  if (prop === "value") prop = "";
+  if (prop === "checked") prop = "";
+  return "on".concat(capitalizeFirstLetter(prop), "Change");
+}
+function isControlled(propValue) {
+  return propValue !== void 0;
+}
+function uncontrolledProp(self, propName, propValue, propDefaultValue, propHandler, chainHandler) {
+  function getValue() {
+    return isControlled(propValue) ? propValue : propName in self.state ? self.state[propName] : propDefaultValue;
+  }
+  return [getValue(), function(value) {
+    var oldValue = getValue();
+    if (oldValue === value) return false;
+    if (!isControlled(propValue)) self.setState(_defineProperty({}, propName, value));
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+    return callAllEventHandlers.apply(void 0, [propHandler].concat(_toConsumableArray(chainHandler))).apply(void 0, [value].concat(args));
+  }];
+}
+function uncontrolledUniversal(props, config, uncontrolledProp2) {
+  var handlerProps = {};
+  var uncontrolledProps = Object.keys(config).reduce(function(result, propName) {
+    var _objectSpread2;
+    var handlerName = handlerProp(propName);
+    var defaultPropName = defaultProp(propName);
+    var propDefaultValue = result[defaultPropName], propValue = result[propName], propHandler = result[handlerName], other = _objectWithoutProperties(result, [defaultPropName, propName, handlerName].map(_toPropertyKey));
+    if (propDefaultValue === void 0) {
+      console.warn(defaultPropName, 'must be installed in "defaultProps"');
+    }
+    var setter = config[propName];
+    var chainHandler = [];
+    if (Array.isArray(setter)) {
+      var _setter = setter;
+      var _setter2 = _toArray(_setter);
+      setter = _setter2[0];
+      chainHandler = _setter2.slice(1);
+    }
+    setter = setter || function(v) {
+      return v;
+    };
+    var _uncontrolledProp = uncontrolledProp2(propName, propValue, propDefaultValue, propHandler, chainHandler), _uncontrolledProp2 = _slicedToArray(_uncontrolledProp, 2), value = _uncontrolledProp2[0], handler = _uncontrolledProp2[1];
+    handlerProps[propName] = handler;
+    return _objectSpread(_objectSpread({}, other), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, propName, value), _defineProperty(_objectSpread2, handlerName, function(eventOrValue) {
+      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+        args[_key2 - 1] = arguments[_key2];
+      }
+      var result2 = [setter.apply(void 0, [eventOrValue].concat(args))].concat(args);
+      if (eventOrValue !== null && eventOrValue !== void 0 && eventOrValue.target) {
+        result2.push(eventOrValue);
+      }
+      return handler.apply(void 0, _toConsumableArray(result2));
+    }), _objectSpread2));
+  }, props);
+  return [uncontrolledProps, handlerProps];
+}
+function uncontrolled(self, props, config) {
+  return uncontrolledUniversal(props, config, uncontrolledProp.bind(void 0, self));
+}
+function Enhancement() {
+  return {
+    condition: function condition(Component) {
+      return Boolean(Component.prototype.uncontrolledProps);
+    },
+    init: function init() {
+      this.state = this.state || {};
+      assign(this, {
+        get handlers() {
+          var _uncontrolled = uncontrolled(this, this.props, this.uncontrolledProps()), _uncontrolled2 = _slicedToArray(_uncontrolled, 2), uncontrolledHandlers = _uncontrolled2[1];
+          return uncontrolledHandlers;
+        }
+      });
+    },
+    context: function context(_context) {
+      return _objectSpread(_objectSpread({}, _context), {}, {
+        handlers: this.handlers
+      });
+    },
+    asProps: function asProps(props) {
+      var _uncontrolled3 = uncontrolled(this, props, this.uncontrolledProps()), _uncontrolled4 = _slicedToArray(_uncontrolled3, 1), uncontrolledProps = _uncontrolled4[0];
+      return uncontrolledProps;
+    }
+  };
+}
+export {
+  Enhancement as default
+};

package/lib/esm/index.mjs

@@ -1,6 +1,24 @@
-import createComponent__default from "@semcore/utils/lib/core";
-export * from "@semcore/utils/lib/core";
-import { default as default2 } from "@semcore/utils/lib/core";
+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";
+import { lastInteraction } from "./LastInteractionType.mjs";
+import { sstyled } from "./styled/sstyled.mjs";
 export {
-  default2 as default
+  CHILDREN_COMPONENT,
+  CONTEXT_COMPONENT,
+  CORE_INSTANCE,
+  CREATE_COMPONENT,
+  Component,
+  INHERITED_NAME,
+  Intergalactic,
+  Root,
+  assignProps,
+  createBaseComponent,
+  createComponent,
+  lastInteraction,
+  default2 as register,
+  sstyled,
+  wrapIntergalacticComponent
 };

package/lib/esm/register.mjs

@@ -0,0 +1,31 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+var Register = /* @__PURE__ */ function() {
+  function Register2() {
+    _classCallCheck(this, Register2);
+    _defineProperty(this, "data", {});
+  }
+  _createClass(Register2, [{
+    key: "get",
+    value: function get(name, defaultValue) {
+      if (name in this.data) {
+        return this.data[name];
+      } else {
+        return this.set(name, defaultValue);
+      }
+    }
+  }, {
+    key: "set",
+    value: function set(name, value) {
+      this.data[name] = value;
+      return this.data[name];
+    }
+  }]);
+  return Register2;
+}();
+const register = new Register();
+export {
+  Register,
+  register as default
+};

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

@@ -0,0 +1,234 @@
+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 {
+    map: serverMap,
+    get css() {
+      var serverStyles2 = "";
+      for (var id in serverMap) {
+        serverStyles2 += '<style type="text/css" id="'.concat(id, '">').concat(serverMap[id], "</style>");
+      }
+      return serverStyles2;
+    }
+  };
+};
+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 {
+  ELEMENT_PREFIX,
+  KEYS,
+  MOD_PREFIX,
+  MOD_SEPARATOR,
+  RESHADOW_ID,
+  USE_PREFIX,
+  appendClassName,
+  appendElement,
+  appendModifier,
+  clearStyles,
+  create,
+  css,
+  getStyles,
+  map,
+  parseAttribute,
+  parseElement,
+  set,
+  styled,
+  use
+};