@semcore/core 17.0.0-prerelease.19 → 17.0.0-prerelease.20-prerelease.20

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

@@ -1,5 +1,9 @@
-const _Symbol = (key) => typeof Symbol !== "undefined" ? Symbol(key) : key;
-const KEYS = {
+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__"),
@@ -14,48 +18,44 @@ const KEYS = {
    */
   __classProp__: "className"
 };
-let index = 0;
-const use = (obj) => {
-  const result = {};
+var index = 0;
+var use = function use2(obj) {
+  var result = {};
   result[KEYS.__use__] = obj;
   return result;
 };
-const create = (args) => {
-  const len = args.length;
-  let newStyle = {};
-  let id = "";
-  let vars = null;
-  let uses = null;
-  for (let i = 0; i < len; i++) {
-    const style2 = args[i];
-    if (!style2) continue;
-    if (!style2[KEYS.__id__]) {
-      style2[KEYS.__id__] = ++index;
-      style2[KEYS.__store__] = {
-        ["_" + style2[KEYS.__id__]]: style2
-      };
+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 += "_" + style2[KEYS.__id__];
-    if (style2[KEYS.__style__]) {
-      vars = Object.assign(vars || {}, style2[KEYS.__style__]);
+    id += "_" + _style[KEYS.__id__];
+    if (_style[KEYS.__style__]) {
+      vars = Object.assign(vars || {}, _style[KEYS.__style__]);
     }
-    if (style2[KEYS.__use__]) {
-      uses = Object.assign(uses || {}, style2[KEYS.__use__]);
+    if (_style[KEYS.__use__]) {
+      uses = Object.assign(uses || {}, _style[KEYS.__use__]);
     }
-    if (style2[KEYS.__store__][id]) {
-      newStyle = style2[KEYS.__store__][id];
+    if (_style[KEYS.__store__][id]) {
+      newStyle = _style[KEYS.__store__][id];
       continue;
     }
     newStyle = Object.create(newStyle);
-    for (const key in style2) {
+    for (var key in _style) {
       if (key in KEYS) continue;
-      newStyle[key] = appendClassName(style2[key], newStyle[key]);
+      newStyle[key] = appendClassName(_style[key], newStyle[key]);
     }
-    style2[KEYS.__store__][id] = newStyle;
+    _style[KEYS.__store__][id] = newStyle;
     newStyle[KEYS.__id__] = index;
-    newStyle[KEYS.__store__] = {
-      ["_" + style2[KEYS.__id__]]: newStyle
-    };
+    newStyle[KEYS.__store__] = _defineProperty({}, "_" + _style[KEYS.__id__], newStyle);
   }
   if (vars || use) {
     newStyle = Object.create(newStyle);
@@ -64,117 +64,130 @@ const create = (args) => {
   }
   return newStyle;
 };
-const isSSR = !(typeof window !== "undefined" && window.document && window.document.createElement);
-const serverMap = {};
-const getStyles = () => ({
-  map: serverMap,
-  get css() {
-    let serverStyles2 = "";
-    for (const id in serverMap) {
-      serverStyles2 += `<style type="text/css" id="${id}">${serverMap[id]}</style>`;
+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;
     }
-    return serverStyles2;
-  }
-});
-const clearStyles = () => {
+  };
+};
+var clearStyles = function clearStyles2() {
   serverStyles = "";
 };
-const RESHADOW_ID = "__reshadow__";
-const appendChildToDocumentHead = (element) => document.head.appendChild(element);
-const css = (code, hash) => {
-  const id = `reshadow-${hash}`;
+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;
   }
-  let container = document.getElementById(RESHADOW_ID);
+  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", () => {
+      document.addEventListener("DOMContentLoaded", function() {
         appendChildToDocumentHead(container);
       });
     }
   }
-  let css2 = document.getElementById(id);
-  if (!css2) {
-    css2 = document.createElement("style");
-    css2.id = id;
-    css2.type = "text/css";
-    container.appendChild(css2);
+  var css3 = document.getElementById(id);
+  if (!css3) {
+    css3 = document.createElement("style");
+    css3.id = id;
+    css3.type = "text/css";
+    container.appendChild(css3);
   }
-  css2.innerHTML = code;
+  css3.innerHTML = code;
 };
-let styles = {};
-let style;
-const stack = [];
-const styled = (elem) => {
-  const curr = stack.pop() || [];
+var styles = {};
+var style;
+var stack = [];
+var _styled = function styled(elem) {
+  var curr = stack.pop() || [];
   styles = curr[0] || styles;
   style = curr[1] || style;
-  styled[KEYS.__styles__] = styles;
-  styled[KEYS.__style__] = style;
+  _styled[KEYS.__styles__] = styles;
+  _styled[KEYS.__style__] = style;
   return elem;
 };
-styled[KEYS.__styles__] = styles;
-const set = (args, newStyle) => {
-  const newStyles = create(args);
+_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;
-};
-const USE_PREFIX = "use--";
-const ELEMENT_PREFIX = "__";
-const MOD_PREFIX = "_";
-const MOD_SEPARATOR = "_";
-const parseElement = (name) => name.replace(ELEMENT_PREFIX, "");
-const parseAttribute = (name) => name.replace(MOD_PREFIX, "").split(MOD_SEPARATOR);
-const appendClassName = (className, cn = "") => {
+  _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;
 };
-const appendElement = (styles2, key, cn = "") => appendClassName(styles2[ELEMENT_PREFIX + key], cn);
-const appendModifier = (styles2, key, 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;
+  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) {
-  const currStyles = styled[KEYS.__styles__];
-  const nextProps = {};
-  let cn = appendElement(currStyles, element);
-  let vars = null;
-  const uses = currStyles[KEYS.__use__] || {};
-  const len = arguments.length;
-  let useProps;
-  for (let i = len - 1; i > 0; i--) {
-    const currProps = arguments[i];
+  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__];
+      vars = _styled[KEYS.__style__];
     }
-    for (const key in currProps) {
+    for (var key in currProps) {
       if (key === KEYS.__use__ || key === KEYS.__style__ || key in nextProps) {
         continue;
       }
-      const value = currProps[key];
+      var value = currProps[key];
       cn = appendModifier(currStyles, key, value, cn);
-      const valueType = typeof value;
+      var valueType = _typeof(value);
       if (valueType === "string" || valueType === "boolean" || valueType === "number") {
-        const useKey = key + "_" + value;
+        var useKey = key + "_" + value;
         if (key + "_true" in uses || useKey in uses) {
           cn = appendModifier(currStyles, USE_PREFIX + key, value, cn);
           if (uses[useKey]) {
@@ -186,9 +199,9 @@ function map(element) {
     }
   }
   if (useProps) {
-    for (const key in useProps) {
-      const value = useProps[key];
-      cn = appendModifier(currStyles, USE_PREFIX + key, 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);
@@ -216,6 +229,6 @@ export {
   parseAttribute,
   parseElement,
   set,
-  styled,
+  _styled as styled,
   use
 };

package/lib/esm/styled/sstyled.mjs

@@ -1,25 +1,28 @@
-import cn from "classnames";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _cn from "classnames";
 import { getStyles as getStyles$1 } from "./reshadow-core.mjs";
-const RESHADOW_ID = "__reshadow__";
-const isSSR = !(typeof window !== "undefined" && window.document && window.document.createElement);
-const serverMap = getStyles$1().map;
-const getStyles = () => ({
-  map: serverMap,
-  get css() {
-    let serverStyles = "";
-    for (const id in serverMap) {
-      serverStyles += `<style type='text/css' id='${id}'>${serverMap[id]}</style>`;
+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;
     }
-    return serverStyles;
-  }
-});
+  };
+};
 function insert(code, hash) {
-  const id = "reshadow-".concat(hash);
+  var id = "reshadow-".concat(hash);
   if (isSSR) {
     serverMap[id] = code;
     return;
   }
-  let container = document.getElementById(RESHADOW_ID);
+  var container = document.getElementById(RESHADOW_ID);
   if (!container) {
     container = document.createElement("object");
     container.id = RESHADOW_ID;
@@ -31,7 +34,7 @@ function insert(code, hash) {
       });
     }
   }
-  let css = document.getElementById(id);
+  var css = document.getElementById(id);
   if (!css) {
     css = document.createElement("style");
     css.id = id;
@@ -40,30 +43,35 @@ function insert(code, hash) {
   }
   css.innerHTML = code;
 }
-function merge(s1 = {}, s2 = {}) {
-  return Object.entries(s2).reduce((acc, [key, value]) => {
+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);
+      acc[key] = _cn(acc[key], value);
     }
     return acc;
   }, Object.assign({}, s1));
 }
 function getClassAndVars(styles, name, props) {
   function getPropValue(key, props2) {
-    return props2[`use:${key}`] ?? props2[key];
+    var _props;
+    return (_props = props2["use:".concat(key)]) !== null && _props !== void 0 ? _props : props2[key];
   }
-  return Object.entries(styles).reduce((acc, [key, value]) => {
+  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 {
-      const [mod, modValue] = key.split("=");
-      const propValue = getPropValue(mod, props);
+      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 ?? false);
+        acc[0][value] = Boolean(propValue !== null && propValue !== void 0 ? propValue : false);
       } else {
         acc[0][value] = propValue == modValue;
       }
@@ -71,13 +79,14 @@ function getClassAndVars(styles, name, props) {
     return acc;
   }, [{}, {}]);
 }
-const reshadowMap = /* @__PURE__ */ new WeakMap();
+var reshadowMap = /* @__PURE__ */ new WeakMap();
 function reshadowToShadow(obj) {
   if (reshadowMap.has(obj)) {
     return reshadowMap.get(obj);
   }
-  const shadowStyle = Object.entries(obj).reduce((style, [name, value]) => {
-    let n = name;
+  var shadowStyle = 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("_")) {
@@ -89,12 +98,13 @@ function reshadowToShadow(obj) {
   reshadowMap.set(obj, shadowStyle);
   return shadowStyle;
 }
-function sstyled(styles = {}) {
+function sstyled() {
+  var styles = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
   return {
-    cn(name, props) {
-      const [classes, style] = getClassAndVars(reshadowToShadow(styles), name, props);
+    cn: function cn(name, props) {
+      var _getClassAndVars = getClassAndVars(reshadowToShadow(styles), name, props), _getClassAndVars2 = _slicedToArray(_getClassAndVars, 2), classes = _getClassAndVars2[0], style = _getClassAndVars2[1];
       if (Object.keys(classes).length) {
-        props.className = cn(props.className, classes);
+        props.className = _cn(props.className, classes);
       }
       if (Object.keys(style).length) {
         props.style = Object.assign(style, props.style);

package/lib/esm/utils/assignProps.mjs

@@ -1,18 +1,27 @@
-import cn from "classnames";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _cn from "classnames";
 import { forkRef } from "./ref.mjs";
 import "../styled/index.mjs";
 import { sstyled } from "../styled/sstyled.mjs";
-function callAllEventHandlers(...fns) {
-  return (...args) => !fns.some((fn) => {
-    let result;
-    if (fn) {
-      result = fn(...args);
+function callAllEventHandlers() {
+  for (var _len = arguments.length, fns = new Array(_len), _key = 0; _key < _len; _key++) {
+    fns[_key] = arguments[_key];
+  }
+  return function() {
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
     }
-    return typeof result === "boolean" && !result;
-  });
+    return !fns.some(function(fn) {
+      var result;
+      if (fn) {
+        result = fn.apply(void 0, args);
+      }
+      return typeof result === "boolean" && !result;
+    });
+  };
 }
 function assignHandlers(props, source) {
-  return Object.keys(source).reduce((proxySource, propName) => {
+  return Object.keys(source).reduce(function(proxySource, propName) {
     if (typeof source[propName] === "function" && propName.startsWith("on")) {
       proxySource[propName] = callAllEventHandlers(props[propName], source[propName]);
     }
@@ -20,7 +29,7 @@ function assignHandlers(props, source) {
   }, {});
 }
 function assignHandlersInner(props, source) {
-  return Object.keys(source).reduce((proxySource, propName) => {
+  return Object.keys(source).reduce(function(proxySource, propName) {
     if (propName !== "ref" && propName.startsWith("on")) {
       if (typeof source[propName] === "function" && typeof props[propName] === "function") {
         proxySource[propName] = callAllEventHandlers(props[propName], source[propName]);
@@ -33,28 +42,26 @@ function assignHandlersInner(props, source) {
     return proxySource;
   }, {});
 }
-function assignProps(props = {}, source = {}) {
+function assignProps() {
+  var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+  var source = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   if (props === source) return props;
-  const newProps = {
-    ...source,
-    ...props,
-    ...assignHandlersInner(props, source)
-  };
-  for (const key in source) {
-    if (key.startsWith("use:")) {
-      const originalKey = key.slice("use:".length);
-      newProps[originalKey] = source[key];
+  var newProps = _objectSpread(_objectSpread(_objectSpread({}, source), props), assignHandlersInner(props, source));
+  for (var _key3 in source) {
+    if (_key3.startsWith("use:")) {
+      var originalKey = _key3.slice("use:".length);
+      newProps[originalKey] = source[_key3];
     }
   }
-  for (const key in props) {
-    if (key.startsWith("use:")) {
-      const originalKey = key.slice("use:".length);
-      newProps[originalKey] = props[key];
+  for (var _key4 in props) {
+    if (_key4.startsWith("use:")) {
+      var _originalKey = _key4.slice("use:".length);
+      newProps[_originalKey] = props[_key4];
     }
   }
-  const sourceDescriptorRef = Object.getOwnPropertyDescriptor(source, "ref");
-  const propsDescriptorRef = Object.getOwnPropertyDescriptor(props, "ref");
-  if ((sourceDescriptorRef == null ? void 0 : sourceDescriptorRef.configurable) && (propsDescriptorRef == null ? void 0 : propsDescriptorRef.configurable)) {
+  var sourceDescriptorRef = Object.getOwnPropertyDescriptor(source, "ref");
+  var propsDescriptorRef = Object.getOwnPropertyDescriptor(props, "ref");
+  if (sourceDescriptorRef !== null && sourceDescriptorRef !== void 0 && sourceDescriptorRef.configurable && propsDescriptorRef !== null && propsDescriptorRef !== void 0 && propsDescriptorRef.configurable) {
     newProps.ref = forkRef(source.ref, props.ref);
   }
   if (props.forwardRef) {
@@ -62,13 +69,10 @@ function assignProps(props = {}, source = {}) {
     newProps.forwardRef = newProps.ref;
   }
   if (source.style && props.style) {
-    newProps.style = {
-      ...source.style,
-      ...props.style
-    };
+    newProps.style = _objectSpread(_objectSpread({}, source.style), props.style);
   }
   if (source.className) {
-    newProps.className = cn(props.className, source.className);
+    newProps.className = _cn(props.className, source.className);
   }
   if (source.styles && props.styles) {
     newProps.styles = sstyled.merge(source.styles, props.styles);

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

@@ -1,22 +1,24 @@
 import { createIntlCache, createIntl } from "@formatjs/intl";
 import React, { createContext } from "react";
 import { useAsyncI18nMessages } from "./i18nEnhance.mjs";
-const Context = /* @__PURE__ */ createContext(void 0);
-const {
-  Provider: I18nProvider,
-  Consumer: I18nConsumer
-} = Context;
-const messagesCache = createIntlCache();
-const useI18n = (dictionary, locale = "en", fallbackDictionary) => {
-  const lang = React.useContext(Context) ?? locale;
-  const resolvedDictionary = useAsyncI18nMessages(dictionary, lang, fallbackDictionary);
-  const intl = React.useMemo(() => createIntl({
-    locale: lang,
-    messages: resolvedDictionary
-  }, messagesCache), [resolvedDictionary, lang]);
-  return React.useCallback((messageId, variables) => {
+var Context = /* @__PURE__ */ createContext(void 0);
+var I18nProvider = Context.Provider, I18nConsumer = Context.Consumer;
+var messagesCache = createIntlCache();
+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 ?? ""
+      id: messageId !== null && messageId !== void 0 ? messageId : ""
     }, variables);
   }, [intl]);
 };