@semcore/core 16.0.0-prerelease.6 → 16.0.0-prerelease.9

package/lib/esm/enhancement/functionDefaultProps.mjs

@@ -0,0 +1,29 @@
+function Enhancement() {
+  var defaultProps = {};
+  return {
+    condition: function condition(Component) {
+      if (!Component.defaultProps) {
+        return false;
+      }
+      if (typeof Component.defaultProps === "function") {
+        return true;
+      }
+      return Boolean(Object.keys(Component.defaultProps).length);
+    },
+    "static": function _static(WrapperComponent) {
+      defaultProps = WrapperComponent.defaultProps;
+      return {
+        defaultProps: {}
+      };
+    },
+    wrapperProps: function wrapperProps(props) {
+      if (typeof defaultProps === "function") {
+        return Object.assign({}, defaultProps(props), props);
+      }
+      return Object.assign({}, defaultProps, props);
+    }
+  };
+}
+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 useEnhancedEffect from "../utils/use/useEnhancedEffect.mjs";
+import pick from "../utils/pick.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/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,50 @@
+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 { 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) {
+      _ref._styles;
+      _ref.styles;
+      var 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

@@ -0,0 +1,23 @@
+import { assignProps, createBaseComponent, createComponent } from "./coreFactory.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 {
+  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/reshadow-core.mjs

@@ -0,0 +1,18 @@
+import "@babel/runtime/helpers/esm/typeof";
+import "@babel/runtime/helpers/esm/defineProperty";
+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;
+    }
+  };
+};
+export {
+  getStyles
+};

package/lib/esm/styled/sstyled.mjs

@@ -0,0 +1,121 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _cn from "classnames";
+import { getStyles as getStyles$1 } from "./reshadow-core.mjs";
+var RESHADOW_ID = "__reshadow__";
+var isSSR = !(typeof window !== "undefined" && window.document && window.document.createElement);
+var serverMap = getStyles$1().map;
+var getStyles = function getStyles2() {
+  return {
+    map: serverMap,
+    get css() {
+      var serverStyles = "";
+      for (var id in serverMap) {
+        serverStyles += "<style type='text/css' id='".concat(id, "'>").concat(serverMap[id], "</style>");
+      }
+      return serverStyles;
+    }
+  };
+};
+function insert(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) {
+      document.head.appendChild(container);
+    } else {
+      document.addEventListener("DOMContentLoaded", function() {
+        document.head.appendChild(container);
+      });
+    }
+  }
+  var css = document.getElementById(id);
+  if (!css) {
+    css = document.createElement("style");
+    css.id = id;
+    css.type = "text/css";
+    container.appendChild(css);
+  }
+  css.innerHTML = code;
+}
+function merge() {
+  var s1 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+  var s2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  return Object.entries(s2).reduce(function(acc, _ref) {
+    var _ref2 = _slicedToArray(_ref, 2), key = _ref2[0], value = _ref2[1];
+    if (key.startsWith("@") || key.startsWith("--")) {
+      acc[key] = value;
+    } else {
+      acc[key] = _cn(acc[key], value);
+    }
+    return acc;
+  }, Object.assign({}, s1));
+}
+function getClassAndVars(styles, name, props) {
+  function getPropValue(key, props2) {
+    var _props;
+    return (_props = props2["use:".concat(key)]) !== null && _props !== void 0 ? _props : props2[key];
+  }
+  return Object.entries(styles).reduce(function(acc, _ref3) {
+    var _ref4 = _slicedToArray(_ref3, 2), key = _ref4[0], value = _ref4[1];
+    if (key.startsWith("--")) {
+      acc[1][value] = getPropValue(key.substring(2), props);
+    } else if (name === key) {
+      acc[0][value] = true;
+    } else {
+      var _key$split = key.split("="), _key$split2 = _slicedToArray(_key$split, 2), mod = _key$split2[0], modValue = _key$split2[1];
+      var propValue = getPropValue(mod, props);
+      if (modValue === void 0) {
+        acc[0][value] = Boolean(propValue !== null && propValue !== void 0 ? propValue : false);
+      } else {
+        acc[0][value] = propValue == modValue;
+      }
+    }
+    return acc;
+  }, [{}, {}]);
+}
+function reshadowToShadow(obj) {
+  return Object.entries(obj).reduce(function(style, _ref5) {
+    var _ref6 = _slicedToArray(_ref5, 2), name = _ref6[0], value = _ref6[1];
+    var n = name;
+    if (name.startsWith("__")) {
+      n = name.replace(/^__/, "");
+    } else if (name.startsWith("_")) {
+      n = name.replace(/^_/, "").replace("_", "=");
+    }
+    style[n] = value;
+    return style;
+  }, {});
+}
+function sstyled() {
+  var styles = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+  return {
+    cn: function cn(name, props) {
+      var _getClassAndVars = getClassAndVars(reshadowToShadow(styles), name, props), _getClassAndVars2 = _slicedToArray(_getClassAndVars, 2), classes = _getClassAndVars2[0], style = _getClassAndVars2[1];
+      var extraProps = {};
+      if (Object.keys(classes).length) {
+        extraProps.className = _cn(props.className, classes);
+      }
+      if (Object.keys(style).length) {
+        extraProps.style = Object.assign(style, props.style);
+      }
+      return _objectSpread(_objectSpread({}, props), extraProps);
+    }
+  };
+}
+sstyled.css = function(css) {
+  throw new Error("Enable babel plugin");
+};
+sstyled.insert = insert;
+sstyled.merge = merge;
+sstyled.getStyles = getStyles;
+sstyled.SHADOW_STYLES = Symbol("SHADOW_STYLES");
+export {
+  sstyled
+};