@semcore/core 16.0.0-prerelease.2 → 16.0.0-prerelease.21

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/logger.mjs

@@ -0,0 +1,35 @@
+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 DEV = process.env.NODE_ENV !== "production";
+var Logger = /* @__PURE__ */ function() {
+  function Logger2(logger2) {
+    _classCallCheck(this, Logger2);
+    _defineProperty(this, "logger", void 0);
+    this.logger = logger2 || {
+      warn: function warn() {
+      }
+    };
+  }
+  _createClass(Logger2, [{
+    key: "console",
+    value: function console2(level, msg, component) {
+      this.logger[level](component ? "[".concat(component, "]: ").concat(msg) : msg);
+    }
+  }, {
+    key: "warn",
+    value: function warn(condition, msg, component) {
+      if (DEV) {
+        if (condition) {
+          this.console("warn", msg, component);
+        }
+      }
+    }
+  }]);
+  return Logger2;
+}();
+const logger = new Logger(console);
+export {
+  Logger,
+  logger as default
+};

package/lib/{es6/utils/pick.js → esm/utils/pick.mjs}

@@ -1,4 +1,4 @@
-export default function pick(obj, keys) {
+function pick(obj, keys) {
   var res = {};
   var len = keys.length;
   var idx = -1;
@@ -10,4 +10,6 @@ export default function pick(obj, keys) {
   }
   return res;
 }
-//# sourceMappingURL=pick.js.map
+export {
+  pick as default
+};

package/lib/esm/utils/ref.mjs

@@ -0,0 +1,87 @@
+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);
+  } else if (ref !== null && ref !== void 0 && ref.hasOwnProperty("current")) {
+    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];
+  }
+  return React.useCallback(function(refValue) {
+    var uniqueRefs = _toConsumableArray(new Set(refs));
+    uniqueRefs.forEach(function(ref) {
+      return setRef(ref, refValue);
+    });
+  }, refs);
+}
+function forkRef() {
+  for (var _len2 = arguments.length, refs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    refs[_key2] = arguments[_key2];
+  }
+  if (refs.every(function(ref) {
+    return ref == null;
+  })) {
+    return null;
+  }
+  return function(refValue) {
+    var uniqueRefs = _toConsumableArray(new Set(refs));
+    uniqueRefs.forEach(function(ref) {
+      return setRef(ref, refValue);
+    });
+  };
+}
+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/esm/utils/use/useEnhancedEffect.mjs

@@ -0,0 +1,6 @@
+import React from "react";
+import canUseDOM from "../canUseDOM.mjs";
+var useEnhancedEffect = canUseDOM() ? React.useLayoutEffect : React.useEffect;
+export {
+  useEnhancedEffect as default
+};

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

@@ -0,0 +1,24 @@
+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 {
+  CHILDREN_COMPONENT,
+  CONTEXT_COMPONENT,
+  CORE_INSTANCE,
+  CREATE_COMPONENT,
+  Component,
+  INHERITED_NAME,
+  Intergalactic,
+  Root,
+  assignProps,
+  createBaseComponent,
+  createComponent,
+  lastInteraction,
+  default2 as register,
+  sstyled,
+  wrapIntergalacticComponent
+};

package/lib/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["createComponent","createBaseComponent","assignProps","sstyled","Root","Component","Intergalactic","wrapIntergalacticComponent","CORE_INSTANCE","CREATE_COMPONENT","CONTEXT_COMPONENT","CHILDREN_COMPONENT","INHERITED_NAME","register","lastInteraction"],"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":"AAAA;AACA,SAASA,eAAe,EAAEC,mBAAmB,EAAEC,WAAW,QAAQ,mBAAe;AACjF,SAASC,OAAO,QAAQ,cAAU;AAElC,SAASC,IAAI,EAAEC,SAAS,EAAEC,aAAa,EAAEC,0BAA0B,QAAQ,4BAAwB;AAUnG,SACEC,aAAa,EACbC,gBAAgB,EAChBC,iBAAiB,EACjBC,kBAAkB,EAClBC,cAAc,QACT,0BAAsB;AAE7B,OAAOC,QAAQ,MAAM,gBAAY;AACjC,SAASC,eAAe,QAAQ,2BAAuB;AAEvD,SACEX,OAAO,EACPH,eAAe,EACfC,mBAAmB,EACnBG,IAAI,EACJC,SAAS,EAETC,aAAa,EAObE,aAAa,EACbC,gBAAgB,EAChBC,iBAAiB,EACjBC,kBAAkB,EAClBC,cAAc,EAGdL,0BAA0B,EAC1BL,WAAW,EACXW,QAAQ,EACRC,eAAe"}

package/lib/register.mjs

@@ -1,12 +1,12 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var Register = /*#__PURE__*/function () {
-  function Register() {
-    _classCallCheck(this, Register);
+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(Register, [{
+  _createClass(Register2, [{
     key: "get",
     value: function get(name, defaultValue) {
       if (name in this.data) {
@@ -22,8 +22,10 @@ var Register = /*#__PURE__*/function () {
       return this.data[name];
     }
   }]);
-  return Register;
+  return Register2;
 }();
-export { Register };
-export default new Register();
-//# sourceMappingURL=register.mjs.map
+const register = new Register();
+export {
+  Register,
+  register as default
+};

package/lib/styled/index.mjs

@@ -1,6 +1,8 @@
-/** @deprecated */
-
-/** @ts-ignore */
-export { styled, use, css } from "./reshadow-core.mjs";
-export { sstyled } from "./sstyled.mjs";
-//# sourceMappingURL=index.mjs.map
+import { css, styled, use } from "./reshadow-core.mjs";
+import { sstyled } from "./sstyled.mjs";
+export {
+  css,
+  sstyled,
+  styled,
+  use
+};

package/lib/styled/reshadow-core.mjs

@@ -1,39 +1,33 @@
-import _typeof from "@babel/runtime/helpers/typeof";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/**
- * This is source form @reshadow/core@0.0.1
- * Put it here, because we can't use the version from the package in ESM builds.
- * The package is not update for 3 years and we have plans to remove them. So, this tmp copy version is acceptable
- */
-// @ts-nocheck
-var _Symbol = function _Symbol(key) {
-  return typeof Symbol !== 'undefined' ? Symbol(key) : key;
+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__',
+  __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'
+  __classProp__: "className"
 };
 var index = 0;
-var use = function use(obj) {
+var use = function use2(obj) {
   var result = {};
   result[KEYS.__use__] = obj;
   return result;
 };
-var create = function create(args) {
+var create = function create2(args) {
   var len = args.length;
   var newStyle = {};
-  var id = '';
+  var id = "";
   var vars = null;
   var uses = null;
   for (var i = 0; i < len; i++) {
@@ -41,9 +35,9 @@ var create = function create(args) {
     if (!_style) continue;
     if (!_style[KEYS.__id__]) {
       _style[KEYS.__id__] = ++index;
-      _style[KEYS.__store__] = _defineProperty({}, '_' + _style[KEYS.__id__], _style);
+      _style[KEYS.__store__] = _defineProperty({}, "_" + _style[KEYS.__id__], _style);
     }
-    id += '_' + _style[KEYS.__id__];
+    id += "_" + _style[KEYS.__id__];
     if (_style[KEYS.__style__]) {
       vars = Object.assign(vars || {}, _style[KEYS.__style__]);
     }
@@ -61,7 +55,7 @@ var create = function create(args) {
     }
     _style[KEYS.__store__][id] = newStyle;
     newStyle[KEYS.__id__] = index;
-    newStyle[KEYS.__store__] = _defineProperty({}, '_' + _style[KEYS.__id__], newStyle);
+    newStyle[KEYS.__store__] = _defineProperty({}, "_" + _style[KEYS.__id__], newStyle);
   }
   if (vars || use) {
     newStyle = Object.create(newStyle);
@@ -70,32 +64,28 @@ var create = function create(args) {
   }
   return newStyle;
 };
-var isSSR = !(typeof window !== 'undefined' && window.document && window.document.createElement);
+var isSSR = !(typeof window !== "undefined" && window.document && window.document.createElement);
 var serverMap = {};
-var getStyles = function getStyles() {
+var getStyles = function getStyles2() {
   return {
     map: serverMap,
     get css() {
-      var serverStyles = '';
+      var serverStyles2 = "";
       for (var id in serverMap) {
-        serverStyles += "<style type=\"text/css\" id=\"".concat(id, "\">").concat(serverMap[id], "</style>");
+        serverStyles2 += '<style type="text/css" id="'.concat(id, '">').concat(serverMap[id], "</style>");
       }
-      return serverStyles;
+      return serverStyles2;
     }
   };
 };
-
-/* eslint-disable no-undef */
-var clearStyles = function clearStyles() {
-  serverStyles = '';
+var clearStyles = function clearStyles2() {
+  serverStyles = "";
 };
-/* eslint-disable no-undef */
-
-var RESHADOW_ID = '__reshadow__';
-var appendChildToDocumentHead = function appendChildToDocumentHead(element) {
+var RESHADOW_ID = "__reshadow__";
+var appendChildToDocumentHead = function appendChildToDocumentHead2(element) {
   return document.head.appendChild(element);
 };
-var css = function css(code, hash) {
+var css = function css2(code, hash) {
   var id = "reshadow-".concat(hash);
   if (isSSR) {
     serverMap[id] = code;
@@ -103,38 +93,38 @@ var css = function css(code, hash) {
   }
   var container = document.getElementById(RESHADOW_ID);
   if (!container) {
-    container = document.createElement('object');
+    container = document.createElement("object");
     container.id = RESHADOW_ID;
     if (document.head) {
       appendChildToDocumentHead(container);
     } else {
-      document.addEventListener('DOMContentLoaded', function () {
+      document.addEventListener("DOMContentLoaded", function() {
         appendChildToDocumentHead(container);
       });
     }
   }
-  var css = document.getElementById(id);
-  if (!css) {
-    css = document.createElement('style');
-    css.id = id;
-    css.type = 'text/css';
-    container.appendChild(css);
+  var css3 = document.getElementById(id);
+  if (!css3) {
+    css3 = document.createElement("style");
+    css3.id = id;
+    css3.type = "text/css";
+    container.appendChild(css3);
   }
-  css.innerHTML = code;
+  css3.innerHTML = code;
 };
 var styles = {};
 var style;
 var stack = [];
-var styled = function styled(elem) {
+var styled = function styled2(elem) {
   var curr = stack.pop() || [];
   styles = curr[0] || styles;
   style = curr[1] || style;
-  styled[KEYS.__styles__] = styles;
-  styled[KEYS.__style__] = style;
+  styled2[KEYS.__styles__] = styles;
+  styled2[KEYS.__style__] = style;
   return elem;
 };
 styled[KEYS.__styles__] = styles;
-var set = function set(args, newStyle) {
+var set = function set2(args, newStyle) {
   var newStyles = create(args);
   stack.push([styles, style]);
   styles = newStyles;
@@ -145,36 +135,33 @@ var set = function set(args, newStyle) {
   styled[KEYS.__styles__] = styles;
   styled[KEYS.__style__] = style;
 };
-var USE_PREFIX = 'use--';
-var ELEMENT_PREFIX = '__';
-var MOD_PREFIX = '_';
-var MOD_SEPARATOR = '_';
-var parseElement = function parseElement(name) {
-  return name.replace(ELEMENT_PREFIX, '');
+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 parseAttribute(name) {
-  return name.replace(MOD_PREFIX, '').split(MOD_SEPARATOR);
+var parseAttribute = function parseAttribute2(name) {
+  return name.replace(MOD_PREFIX, "").split(MOD_SEPARATOR);
 };
-var appendClassName = function appendClassName(className) {
-  var cn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+var appendClassName = function appendClassName2(className) {
+  var cn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
   if (className) {
-    cn += (cn ? ' ' : '') + className;
+    cn += (cn ? " " : "") + className;
   }
   return cn;
 };
-var appendElement = function appendElement(styles, key) {
-  var cn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
-  return appendClassName(styles[ELEMENT_PREFIX + key], cn);
-};
-var appendModifier = function appendModifier(styles, key, value) {
-  var cn = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
-  // isFalsy
-  if (value === undefined || value === null || value === false || value === '') return cn;
-  cn = appendClassName(styles[MOD_PREFIX + key], cn);
-
-  // value should be only primitive
-  if (typeof value === 'boolean' || _typeof(value) === 'object' || typeof value === 'function') return cn;
-  cn = appendClassName(styles[MOD_SEPARATOR + key + MOD_SEPARATOR + value], 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) {
@@ -183,12 +170,9 @@ function map(element) {
   var cn = appendElement(currStyles, element);
   var vars = null;
   var uses = currStyles[KEYS.__use__] || {};
-
-  // biome-ignore lint/style/noArguments:
   var len = arguments.length;
   var useProps;
   for (var i = len - 1; i > 0; i--) {
-    // biome-ignore lint/style/noArguments:
     var currProps = arguments[i];
     if (!currProps) continue;
     useProps = useProps || currProps[KEYS.__use__];
@@ -202,9 +186,9 @@ function map(element) {
       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) {
+      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;
@@ -215,29 +199,36 @@ function map(element) {
     }
   }
   if (useProps) {
-    for (var _key2 in useProps) {
-      var _value = useProps[_key2];
-      cn = appendModifier(currStyles, USE_PREFIX + _key2, _value, cn);
+    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 || {});
+    nextProps.style = typeof style === "string" ? vars + (nextProps.style || "") : Object.assign({}, vars, nextProps.style || {});
   }
   return nextProps;
 }
-export { styled, use, css, create, set, map,
-// '__css__': css,
-// '__extract__': () => ({
-//     [KEYS.__styles__]: styled[[KEYS.__styles__]],
-//     [KEYS.__style__]: styled[[KEYS.__style__]],
-// }),
-
-// ssr
-getStyles, clearStyles,
-// utils
-appendModifier, appendElement, appendClassName, parseAttribute, parseElement,
-// constants
-MOD_SEPARATOR, MOD_PREFIX, ELEMENT_PREFIX, USE_PREFIX, KEYS, RESHADOW_ID };
-//# sourceMappingURL=reshadow-core.mjs.map
+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
+};