@semcore/skeleton 5.42.4 → 16.0.0-prerelease.0

package/lib/esm/Charts/Donut.mjs

@@ -1,6 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { sstyled } from "@semcore/utils/lib/core/index";
-import createComponent, { sstyled as sstyled$1, assignProps } from "@semcore/core";
+import { createComponent, sstyled, assignProps } from "@semcore/core";
 import React from "react";
 import { Skeleton } from "../Skeleton.mjs";
 /*!__reshadow-styles__:"../style/chart.shadow.css"*/
@@ -8,19 +7,19 @@ var styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SChartSkeleton_zrqq0_gg_{height:200px;width:100%;background-image:var(--bgPattern_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgPosition_zrqq0_gg_{background-position:var(--bgPosition_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgSize_zrqq0_gg_{background-size:var(--bgSize_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgRepeat_zrqq0_gg_{background-repeat:var(--bgRepeat_zrqq0)}",
+    ".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}",
     /*__inner_css_end__*/
-    "zrqq0_gg_"
+    "18ujc_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SChartSkeleton": "___SChartSkeleton_zrqq0_gg_",
-    "--bgPattern": "--bgPattern_zrqq0",
-    "_bgPosition": "__bgPosition_zrqq0_gg_",
-    "--bgPosition": "--bgPosition_zrqq0",
-    "_bgSize": "__bgSize_zrqq0_gg_",
-    "--bgSize": "--bgSize_zrqq0",
-    "_bgRepeat": "__bgRepeat_zrqq0_gg_",
-    "--bgRepeat": "--bgRepeat_zrqq0"
+    "__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
+    "--bgPattern": "--bgPattern_18ujc",
+    "_bgPosition": "__bgPosition_18ujc_gg_",
+    "--bgPosition": "--bgPosition_18ujc",
+    "_bgSize": "__bgSize_18ujc_gg_",
+    "--bgSize": "--bgSize_18ujc",
+    "_bgRepeat": "__bgRepeat_18ujc_gg_",
+    "--bgRepeat": "--bgRepeat_18ujc"
   })
 );
 var donutFullSvg = "PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDE4MCAxODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJwYXJhZ3JhcGg9ZmFsc2UsIGNoYXJ0IHR5cGU9JiMyNDA7JiMxNTk7JiMxNDE7JiMxNjk7IGRvbnV0IGNoYXJ0LCBwaWN0dXJlIGRpdj1mYWxzZSI+CjxnIGlkPSJkb251dC1jaGFydCI+CjxwYXRoIGQ9Ik0xNTguODYzIDE0NS43NDJDMTcxLjQ1MyAxMzAuMjU5IDE4MCAxMTEuNTExIDE4MCA5MEMxODAgNjguNjE2OCAxNzIuNTQzIDQ4Ljk3NTMgMTYwLjA4NyAzMy41MzQzTDEzNy43MzEgNTUuMTQ1OUMxNTEuNzk5IDgyLjA2NzMgMTUxLjQ3NSA5NS40NDAzIDEzNy43OTMgMTIzLjcyNEwxNTguODYzIDE0NS43NDJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOTAgMTgwQzExNy4xMTIgMTgwIDE0MC40MjUgMTY3LjAxMSAxNTYuOTI1IDE0OC4wNDZMMTM1LjgyNyAxMjZDMTI0LjgyNyAxMzkuNTcgMTA4LjMzIDE0OSA4OS41IDE0OUM1Ni4zNjI5IDE0OSAyOSAxMjMuMTM3IDI5IDkwQzI4LjU2MzEgNTcuODU3NiA1NC44NzYyIDMxLjU3OTkgODcgMzBWMC4wNDkwNThDMzguNjgzMSAxLjYzMTUyIDAgNDEuMjk4MyAwIDkwQzAgMTM5LjcwNiA0MC4yOTQ0IDE4MCA5MCAxODBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTU4LjA0NiAzMS4zMzI3TDEzNS42MzQgNTNDMTI1LjEzMiAzOS42MTYxIDEwOS44NzQgMzAuNDU1MiA5MCAzMFYwQzExNy45MTUgMCAxNDEuNTM4IDExLjM4NTEgMTU4LjA0NiAzMS4zMzI3WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=";
@@ -33,7 +32,7 @@ var DonutChartSkeleton = function DonutChartSkeleton2(props) {
     "true": donutHalfSvg,
     "false": donutFullSvg
   }[halfsize];
-  return _ref2 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, assignProps({
+  return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, assignProps({
     "bgRepeat": "no-repeat",
     "bgPosition": {
       "true": "center bottom",

package/lib/esm/Charts/Histogram.mjs

@@ -1,6 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { sstyled } from "@semcore/utils/lib/core/index";
-import createComponent, { sstyled as sstyled$1, assignProps } from "@semcore/core";
+import { createComponent, sstyled, assignProps } from "@semcore/core";
 import React from "react";
 import { Skeleton } from "../Skeleton.mjs";
 /*!__reshadow-styles__:"../style/chart.shadow.css"*/
@@ -8,19 +7,19 @@ var styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SChartSkeleton_zrqq0_gg_{height:200px;width:100%;background-image:var(--bgPattern_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgPosition_zrqq0_gg_{background-position:var(--bgPosition_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgSize_zrqq0_gg_{background-size:var(--bgSize_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgRepeat_zrqq0_gg_{background-repeat:var(--bgRepeat_zrqq0)}",
+    ".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}",
     /*__inner_css_end__*/
-    "zrqq0_gg_"
+    "18ujc_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SChartSkeleton": "___SChartSkeleton_zrqq0_gg_",
-    "--bgPattern": "--bgPattern_zrqq0",
-    "_bgPosition": "__bgPosition_zrqq0_gg_",
-    "--bgPosition": "--bgPosition_zrqq0",
-    "_bgSize": "__bgSize_zrqq0_gg_",
-    "--bgSize": "--bgSize_zrqq0",
-    "_bgRepeat": "__bgRepeat_zrqq0_gg_",
-    "--bgRepeat": "--bgRepeat_zrqq0"
+    "__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
+    "--bgPattern": "--bgPattern_18ujc",
+    "_bgPosition": "__bgPosition_18ujc_gg_",
+    "--bgPosition": "--bgPosition_18ujc",
+    "_bgSize": "__bgSize_18ujc_gg_",
+    "--bgSize": "--bgSize_18ujc",
+    "_bgRepeat": "__bgRepeat_18ujc_gg_",
+    "--bgRepeat": "--bgRepeat_18ujc"
   })
 );
 var histogramVerticalSvg = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDE3MiAxNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDBIMTIwQzEyMi4yMDkgMCAxMjQgMS43OTA4NiAxMjQgNFYyMEMxMjQgMjIuMjA5MSAxMjIuMjA5IDI0IDEyMCAyNEgwVjBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMCAyOEgxNTZDMTU4LjIwOSAyOCAxNjAgMjkuNzkwOSAxNjAgMzJWNDhDMTYwIDUwLjIwOTEgMTU4LjIwOSA1MiAxNTYgNTJIMFYyOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDU2SDEzOEMxNDAuMjA5IDU2IDE0MiA1Ny43OTA5IDE0MiA2MFY3NkMxNDIgNzguMjA5MSAxNDAuMjA5IDgwIDEzOCA4MEgwVjU2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTAgODRIMTU2QzE1OC4yMDkgODQgMTYwIDg1Ljc5MDkgMTYwIDg4VjEwNEMxNjAgMTA2LjIwOSAxNTguMjA5IDEwOCAxNTYgMTA4SDBWODRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMCAxMTJIMTE2QzExOC4yMDkgMTEyIDEyMCAxMTMuNzkxIDEyMCAxMTZWMTMyQzEyMCAxMzQuMjA5IDExOC4yMDkgMTM2IDExNiAxMzZIMFYxMTJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
@@ -33,7 +32,7 @@ var HistogramChartSkeleton = function HistogramChartSkeleton2(props) {
     vertical: histogramVerticalSvg,
     horizontal: histogramHorizontalSvg
   }[layout];
-  return _ref2 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, assignProps({
+  return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, assignProps({
     "bgRepeat": {
       vertical: "repeat-y",
       horizontal: "repeat-x"

package/lib/esm/Charts/Line.mjs

@@ -1,6 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { sstyled } from "@semcore/utils/lib/core/index";
-import createComponent, { sstyled as sstyled$1, assignProps } from "@semcore/core";
+import { createComponent, sstyled, assignProps } from "@semcore/core";
 import React from "react";
 import { Skeleton } from "../Skeleton.mjs";
 /*!__reshadow-styles__:"../style/chart.shadow.css"*/
@@ -8,19 +7,19 @@ var styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SChartSkeleton_zrqq0_gg_{height:200px;width:100%;background-image:var(--bgPattern_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgPosition_zrqq0_gg_{background-position:var(--bgPosition_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgSize_zrqq0_gg_{background-size:var(--bgSize_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgRepeat_zrqq0_gg_{background-repeat:var(--bgRepeat_zrqq0)}",
+    ".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}",
     /*__inner_css_end__*/
-    "zrqq0_gg_"
+    "18ujc_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SChartSkeleton": "___SChartSkeleton_zrqq0_gg_",
-    "--bgPattern": "--bgPattern_zrqq0",
-    "_bgPosition": "__bgPosition_zrqq0_gg_",
-    "--bgPosition": "--bgPosition_zrqq0",
-    "_bgSize": "__bgSize_zrqq0_gg_",
-    "--bgSize": "--bgSize_zrqq0",
-    "_bgRepeat": "__bgRepeat_zrqq0_gg_",
-    "--bgRepeat": "--bgRepeat_zrqq0"
+    "__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
+    "--bgPattern": "--bgPattern_18ujc",
+    "_bgPosition": "__bgPosition_18ujc_gg_",
+    "--bgPosition": "--bgPosition_18ujc",
+    "_bgSize": "__bgSize_18ujc_gg_",
+    "--bgSize": "--bgSize_18ujc",
+    "_bgRepeat": "__bgRepeat_18ujc_gg_",
+    "--bgRepeat": "--bgRepeat_18ujc"
   })
 );
 var lineLinearSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjU4IiB2aWV3Qm94PSIwIDAgMTI4IDU4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMzYwODJfMjIwODUyKSI+CjxwYXRoIGQ9Ik0wIDEyTDYzLjk5OTggNDZMMTI4IDEyIiBzdHJva2U9IiNFMEUxRTkiIHN0cm9rZS1vcGFjaXR5PSIwLjgiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMzYwODJfMjIwODUyIj4KPHJlY3Qgd2lkdGg9IjEyOCIgaGVpZ2h0PSI1OCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K";
@@ -32,7 +31,7 @@ var LineChartSkeleton = function LineChartSkeleton2(props) {
     linear: lineLinearSvg,
     monotone: lineMonotoneSvg
   }[(_props$type = props.type) !== null && _props$type !== void 0 ? _props$type : "linear"];
-  return _ref2 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, assignProps({
+  return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, assignProps({
     "bgRepeat": "repeat-x",
     "bgPosition": "left center",
     "bgSize": "auto 50%",

package/lib/esm/Charts/RadialTree.mjs

@@ -1,6 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { sstyled } from "@semcore/utils/lib/core/index";
-import createComponent, { sstyled as sstyled$1, assignProps } from "@semcore/core";
+import { createComponent, sstyled, assignProps } from "@semcore/core";
 import React from "react";
 import { Skeleton } from "../Skeleton.mjs";
 /*!__reshadow-styles__:"../style/chart.shadow.css"*/
@@ -8,26 +7,26 @@ var styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SChartSkeleton_zrqq0_gg_{height:200px;width:100%;background-image:var(--bgPattern_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgPosition_zrqq0_gg_{background-position:var(--bgPosition_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgSize_zrqq0_gg_{background-size:var(--bgSize_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgRepeat_zrqq0_gg_{background-repeat:var(--bgRepeat_zrqq0)}",
+    ".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}",
     /*__inner_css_end__*/
-    "zrqq0_gg_"
+    "18ujc_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SChartSkeleton": "___SChartSkeleton_zrqq0_gg_",
-    "--bgPattern": "--bgPattern_zrqq0",
-    "_bgPosition": "__bgPosition_zrqq0_gg_",
-    "--bgPosition": "--bgPosition_zrqq0",
-    "_bgSize": "__bgSize_zrqq0_gg_",
-    "--bgSize": "--bgSize_zrqq0",
-    "_bgRepeat": "__bgRepeat_zrqq0_gg_",
-    "--bgRepeat": "--bgRepeat_zrqq0"
+    "__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
+    "--bgPattern": "--bgPattern_18ujc",
+    "_bgPosition": "__bgPosition_18ujc_gg_",
+    "--bgPosition": "--bgPosition_18ujc",
+    "_bgSize": "__bgSize_18ujc_gg_",
+    "--bgSize": "--bgSize_18ujc",
+    "_bgRepeat": "__bgRepeat_18ujc_gg_",
+    "--bgRepeat": "--bgRepeat_18ujc"
   })
 );
 var radialSvg = "PHN2ZyB3aWR0aD0iNDAwIiBoZWlnaHQ9IjQwMCIgdmlld0JveD0iMCAwIDQwMCA0MDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNTggMjAwQzE1OCAxOTMuMzczIDE2My4zNzMgMTg4IDE3MCAxODhIMjMwQzIzNi42MjcgMTg4IDI0MiAxOTMuMzczIDI0MiAyMDBDMjQyIDIwNi42MjcgMjM2LjYyNyAyMTIgMjMwIDIxMkgxNzBDMTYzLjM3MyAyMTIgMTU4IDIwNi42MjcgMTU4IDIwMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0yNzQuNjk3IDE3Ljk1NzZDMjcwLjYxNSAxNi4yNjY4IDI2NS45MzUgMTguMjA1MyAyNjQuMjQ1IDIyLjI4NzJMMjUyLjc2NCA1MC4wMDM2QzI1MS4wNzMgNTQuMDg1NiAyNTMuMDEyIDU4Ljc2NTMgMjU3LjA5NCA2MC40NTYxTDI1Ni4xNyA2MC4wNzM0TDIyMi44NzYgMTQwLjQ1MUwyMjQuNzI0IDE0MS4yMTZMMjU4LjAxOCA2MC44Mzg4TDI1Ny4wOTQgNjAuNDU2MUMyNjEuMTc2IDYyLjE0NjkgMjY1Ljg1NSA2MC4yMDg1IDI2Ny41NDYgNTYuMTI2NUwyNzkuMDI3IDI4LjQxMDJDMjgwLjcxOCAyNC4zMjgyIDI3OC43NzkgMTkuNjQ4NCAyNzQuNjk3IDE3Ljk1NzZaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMzM4LjQ0NiA2MC41NTM2QzMzNS4zMjIgNTcuNDI5NCAzMzAuMjU3IDU3LjQyOTQgMzI3LjEzMyA2MC41NTM2TDMwNS45MTkgODEuNzY2OEMzMDIuNzk1IDg0Ljg5MSAzMDIuNzk1IDg5Ljk1NjMgMzA1LjkxOSA5My4wODA1TDMwNS4yMTIgOTIuMzczNEwyNDMuNjk0IDE1My44OTJMMjQ1LjEwOCAxNTUuMzA2TDMwNi42MjcgOTMuNzg3NkwzMDUuOTE5IDkzLjA4MDVDMzA5LjA0NCA5Ni4yMDQ3IDMxNC4xMDkgOTYuMjA0NyAzMTcuMjMzIDkzLjA4MDVMMzM4LjQ0NiA3MS44NjczQzM0MS41NzEgNjguNzQzMSAzNDEuNTcxIDYzLjY3NzggMzM4LjQ0NiA2MC41NTM2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTM4MS4wNDIgMTI0LjMwM0MzNzkuMzUyIDEyMC4yMjEgMzc0LjY3MiAxMTguMjgyIDM3MC41OSAxMTkuOTczTDM0Mi44NzQgMTMxLjQ1NEMzMzguNzkyIDEzMy4xNDQgMzM2Ljg1MyAxMzcuODI0IDMzOC41NDQgMTQxLjkwNkwzMzguMTYxIDE0MC45ODJMMjU3Ljc4NCAxNzQuMjc2TDI1OC41NDkgMTc2LjEyM0wzMzguOTI3IDE0Mi44M0wzMzguNTQ0IDE0MS45MDZDMzQwLjIzNSAxNDUuOTg4IDM0NC45MTQgMTQ3LjkyNiAzNDguOTk2IDE0Ni4yMzZMMzc2LjcxMyAxMzQuNzU1QzM4MC43OTUgMTMzLjA2NCAzODIuNzMzIDEyOC4zODUgMzgxLjA0MiAxMjQuMzAzWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTM5NiAxOTkuNUMzOTYgMTk1LjA4MiAzOTIuNDE4IDE5MS41IDM4OCAxOTEuNUgzNThDMzUzLjU4MiAxOTEuNSAzNTAgMTk1LjA4MiAzNTAgMTk5LjVWMTk4LjVIMjYzVjIwMC41SDM1MFYxOTkuNUMzNTAgMjAzLjkxOCAzNTMuNTgyIDIwNy41IDM1OCAyMDcuNUgzODhDMzkyLjQxOCAyMDcuNSAzOTYgMjAzLjkxOCAzOTYgMTk5LjVaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMzgxLjA0MyAyNzQuNjk3QzM4Mi43MzMgMjcwLjYxNSAzODAuNzk1IDI2NS45MzYgMzc2LjcxMyAyNjQuMjQ1TDM0OC45OTcgMjUyLjc2NEMzNDQuOTE1IDI1MS4wNzQgMzQwLjIzNSAyNTMuMDEyIDMzOC41NDQgMjU3LjA5NEwzMzguOTI3IDI1Ni4xN0wyNTguNTQ5IDIyMi44NzdMMjU3Ljc4NCAyMjQuNzI0TDMzOC4xNjEgMjU4LjAxOEwzMzguNTQ0IDI1Ny4wOTRDMzM2Ljg1MyAyNjEuMTc2IDMzOC43OTIgMjY1Ljg1NiAzNDIuODc0IDI2Ny41NDZMMzcwLjU5IDI3OS4wMjdDMzc0LjY3MiAyODAuNzE4IDM3OS4zNTIgMjc4Ljc3OSAzODEuMDQzIDI3NC42OTdaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMzM4LjQ0NyAzMzguNDQ3QzM0MS41NzEgMzM1LjMyMiAzNDEuNTcxIDMzMC4yNTcgMzM4LjQ0NyAzMjcuMTMzTDMxNy4yMzMgMzA1LjkyQzMxNC4xMDkgMzAyLjc5NSAzMDkuMDQ0IDMwMi43OTUgMzA1LjkyIDMwNS45MkwzMDYuNjI3IDMwNS4yMTNMMjQ1LjEwOSAyNDMuNjk0TDI0My42OTQgMjQ1LjEwOEwzMDUuMjEzIDMwNi42MjdMMzA1LjkyIDMwNS45MkMzMDIuNzk2IDMwOS4wNDQgMzAyLjc5NiAzMTQuMTA5IDMwNS45MiAzMTcuMjMzTDMyNy4xMzMgMzM4LjQ0N0MzMzAuMjU3IDM0MS41NzEgMzM1LjMyMiAzNDEuNTcxIDMzOC40NDcgMzM4LjQ0N1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0yNzQuNjk3IDM4MS4wNDJDMjc4Ljc3OSAzNzkuMzUyIDI4MC43MTggMzc0LjY3MiAyNzkuMDI3IDM3MC41OUwyNjcuNTQ2IDM0Mi44NzNDMjY1Ljg1NiAzMzguNzkxIDI2MS4xNzYgMzM2Ljg1MyAyNTcuMDk0IDMzOC41NDRMMjU4LjAxOCAzMzguMTYxTDIyNC43MjQgMjU3Ljc4NEwyMjIuODc3IDI1OC41NDlMMjU2LjE3IDMzOC45MjdMMjU3LjA5NCAzMzguNTQ0QzI1My4wMTIgMzQwLjIzNSAyNTEuMDc0IDM0NC45MTQgMjUyLjc2NCAzNDguOTk2TDI2NC4yNDUgMzc2LjcxM0MyNjUuOTM2IDM4MC43OTUgMjcwLjYxNSAzODIuNzMzIDI3NC42OTcgMzgxLjA0MloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xOTkuNSAzOTZDMjAzLjkxOCAzOTYgMjA3LjUgMzkyLjQxOCAyMDcuNSAzODhWMzU4QzIwNy41IDM1My41ODIgMjAzLjkxOCAzNTAgMTk5LjUgMzUwSDIwMC41VjI2M0gxOTguNVYzNTBIMTk5LjVDMTk1LjA4MiAzNTAgMTkxLjUgMzUzLjU4MiAxOTEuNSAzNThWMzg4QzE5MS41IDM5Mi40MTggMTk1LjA4MiAzOTYgMTk5LjUgMzk2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTEyNC4zMDMgMzgxLjA0MkMxMjguMzg1IDM4Mi43MzMgMTMzLjA2NSAzODAuNzk1IDEzNC43NTUgMzc2LjcxM0wxNDYuMjM2IDM0OC45OTZDMTQ3LjkyNyAzNDQuOTE0IDE0NS45ODggMzQwLjIzNSAxNDEuOTA2IDMzOC41NDRMMTQyLjgzIDMzOC45MjdMMTc2LjEyNCAyNTguNTQ5TDE3NC4yNzYgMjU3Ljc4NEwxNDAuOTgyIDMzOC4xNjFMMTQxLjkwNiAzMzguNTQ0QzEzNy44MjQgMzM2Ljg1MyAxMzMuMTQ1IDMzOC43OTEgMTMxLjQ1NCAzNDIuODczTDExOS45NzMgMzcwLjU5QzExOC4yODIgMzc0LjY3MiAxMjAuMjIxIDM3OS4zNTIgMTI0LjMwMyAzODEuMDQyWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTYwLjU1MzYgMzM4LjQ0NkM2My42Nzc4IDM0MS41NzEgNjguNzQzMSAzNDEuNTcxIDcxLjg2NzMgMzM4LjQ0Nkw5My4wODA1IDMxNy4yMzNDOTYuMjA0NyAzMTQuMTA5IDk2LjIwNDcgMzA5LjA0NCA5My4wODA1IDMwNS45MTlMOTMuNzg3NiAzMDYuNjI3TDE1NS4zMDYgMjQ1LjEwOEwxNTMuODkyIDI0My42OTRMOTIuMzczNCAzMDUuMjEyTDkzLjA4MDUgMzA1LjkxOUM4OS45NTYzIDMwMi43OTUgODQuODkxIDMwMi43OTUgODEuNzY2OCAzMDUuOTE5TDYwLjU1MzYgMzI3LjEzM0M1Ny40Mjk0IDMzMC4yNTcgNTcuNDI5NCAzMzUuMzIyIDYwLjU1MzYgMzM4LjQ0NloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xNy45NTc2IDI3NC42OTdDMTkuNjQ4NCAyNzguNzc5IDI0LjMyODEgMjgwLjcxOCAyOC40MTAxIDI3OS4wMjdMNTYuMTI2NSAyNjcuNTQ2QzYwLjIwODQgMjY1Ljg1NiA2Mi4xNDY4IDI2MS4xNzYgNjAuNDU2IDI1Ny4wOTRMNjAuODM4NyAyNTguMDE4TDE0MS4yMTYgMjI0LjcyNEwxNDAuNDUxIDIyMi44NzdMNjAuMDczMyAyNTYuMTdMNjAuNDU2IDI1Ny4wOTRDNTguNzY1MiAyNTMuMDEyIDU0LjA4NTUgMjUxLjA3NCA1MC4wMDM1IDI1Mi43NjRMMjIuMjg3MSAyNjQuMjQ1QzE4LjIwNTIgMjY1LjkzNiAxNi4yNjY4IDI3MC42MTUgMTcuOTU3NiAyNzQuNjk3WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTMgMTk5LjVDMyAyMDMuOTE4IDYuNTgxNzIgMjA3LjUgMTEgMjA3LjVINDFDNDUuNDE4MyAyMDcuNSA0OSAyMDMuOTE4IDQ5IDE5OS41VjIwMC41SDEzNlYxOTguNUg0OVYxOTkuNUM0OSAxOTUuMDgyIDQ1LjQxODMgMTkxLjUgNDEgMTkxLjVIMTFDNi41ODE3MiAxOTEuNSAzIDE5NS4wODIgMyAxOTkuNVoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xNy45NTc1IDEyNC4zMDNDMTYuMjY2NyAxMjguMzg1IDE4LjIwNTEgMTMzLjA2NCAyMi4yODcgMTM0Ljc1NUw1MC4wMDM0IDE0Ni4yMzZDNTQuMDg1NCAxNDcuOTI2IDU4Ljc2NTEgMTQ1Ljk4OCA2MC40NTU5IDE0MS45MDZMNjAuMDczMiAxNDIuODNMMTQwLjQ1MSAxNzYuMTIzTDE0MS4yMTYgMTc0LjI3Nkw2MC44Mzg2IDE0MC45ODJMNjAuNDU1OSAxNDEuOTA2QzYyLjE0NjcgMTM3LjgyNCA2MC4yMDgzIDEzMy4xNDQgNTYuMTI2NCAxMzEuNDU0TDI4LjQxIDExOS45NzNDMjQuMzI4IDExOC4yODIgMTkuNjQ4MyAxMjAuMjIxIDE3Ljk1NzUgMTI0LjMwM1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik02MC41NTMzIDYwLjU1MzVDNTcuNDI5MSA2My42Nzc3IDU3LjQyOTEgNjguNzQzIDYwLjU1MzMgNzEuODY3Mkw4MS43NjY1IDkzLjA4MDRDODQuODkwNyA5Ni4yMDQ2IDg5Ljk1NjEgOTYuMjA0NiA5My4wODAzIDkzLjA4MDRMOTIuMzczMSA5My43ODc1TDE1My44OTEgMTU1LjMwNkwxNTUuMzA2IDE1My44OTJMOTMuNzg3NCA5Mi4zNzMzTDkzLjA4MDMgOTMuMDgwNEM5Ni4yMDQ0IDg5Ljk1NjIgOTYuMjA0NCA4NC44OTA5IDkzLjA4MDMgODEuNzY2N0w3MS44NjcxIDYwLjU1MzVDNjguNzQyOSA1Ny40MjkzIDYzLjY3NzUgNTcuNDI5MyA2MC41NTMzIDYwLjU1MzVaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTI0LjMwMyAxNy45NTc3QzEyMC4yMjEgMTkuNjQ4NSAxMTguMjgyIDI0LjMyODIgMTE5Ljk3MyAyOC40MTAyTDEzMS40NTQgNTYuMTI2NkMxMzMuMTQ0IDYwLjIwODUgMTM3LjgyNCA2Mi4xNDcgMTQxLjkwNiA2MC40NTYyTDE0MC45ODIgNjAuODM4OEwxNzQuMjc2IDE0MS4yMTZMMTc2LjEyMyAxNDAuNDUxTDE0Mi44MyA2MC4wNzM1TDE0MS45MDYgNjAuNDU2MkMxNDUuOTg4IDU4Ljc2NTQgMTQ3LjkyNiA1NC4wODU2IDE0Ni4yMzYgNTAuMDAzN0wxMzQuNzU1IDIyLjI4NzNDMTMzLjA2NCAxOC4yMDUzIDEyOC4zODUgMTYuMjY2OSAxMjQuMzAzIDE3Ljk1NzdaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTk5LjUgM0MxOTUuMDgyIDMgMTkxLjUgNi41ODE3MiAxOTEuNSAxMVY0MUMxOTEuNSA0NS40MTgzIDE5NS4wODIgNDkgMTk5LjUgNDlIMTk4LjVWMTM2SDIwMC41VjQ5SDE5OS41QzIwMy45MTggNDkgMjA3LjUgNDUuNDE4MyAyMDcuNSA0MVYxMUMyMDcuNSA2LjU4MTcyIDIwMy45MTggMyAxOTkuNSAzWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPC9zdmc+Cg==";
 var RadialTreeChartSkeleton = function RadialTreeChartSkeleton2() {
   var _ref = arguments[0], _ref2;
   var SChartSkeleton = Skeleton;
-  return _ref2 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, assignProps({
+  return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, assignProps({
     "bgRepeat": "no-repeat",
     "bgPosition": "center",
     "bgSize": "contain",

package/lib/esm/Charts/ScatterPlot.mjs

@@ -1,6 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { sstyled } from "@semcore/utils/lib/core/index";
-import createComponent, { sstyled as sstyled$1, assignProps } from "@semcore/core";
+import { createComponent, sstyled, assignProps } from "@semcore/core";
 import React from "react";
 import { Skeleton } from "../Skeleton.mjs";
 /*!__reshadow-styles__:"../style/chart.shadow.css"*/
@@ -8,26 +7,26 @@ var styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SChartSkeleton_zrqq0_gg_{height:200px;width:100%;background-image:var(--bgPattern_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgPosition_zrqq0_gg_{background-position:var(--bgPosition_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgSize_zrqq0_gg_{background-size:var(--bgSize_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgRepeat_zrqq0_gg_{background-repeat:var(--bgRepeat_zrqq0)}",
+    ".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}",
     /*__inner_css_end__*/
-    "zrqq0_gg_"
+    "18ujc_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SChartSkeleton": "___SChartSkeleton_zrqq0_gg_",
-    "--bgPattern": "--bgPattern_zrqq0",
-    "_bgPosition": "__bgPosition_zrqq0_gg_",
-    "--bgPosition": "--bgPosition_zrqq0",
-    "_bgSize": "__bgSize_zrqq0_gg_",
-    "--bgSize": "--bgSize_zrqq0",
-    "_bgRepeat": "__bgRepeat_zrqq0_gg_",
-    "--bgRepeat": "--bgRepeat_zrqq0"
+    "__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
+    "--bgPattern": "--bgPattern_18ujc",
+    "_bgPosition": "__bgPosition_18ujc_gg_",
+    "--bgPosition": "--bgPosition_18ujc",
+    "_bgSize": "__bgSize_18ujc_gg_",
+    "--bgSize": "--bgSize_18ujc",
+    "_bgRepeat": "__bgRepeat_18ujc_gg_",
+    "--bgRepeat": "--bgRepeat_18ujc"
   })
 );
 var scatterSvg = "PHN2ZyB3aWR0aD0iMzc2IiBoZWlnaHQ9IjExMCIgdmlld0JveD0iMCAwIDM3NiAxMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMDMyOF8xNDY5NzkpIj4KPHBhdGggZD0iTTEwIDExMEMxNS41MjI4IDExMCAyMCAxMDUuNTIzIDIwIDEwMEMyMCA5NC40NzcyIDE1LjUyMjggOTAgMTAgOTBDNC40NzcxNSA5MCAwIDk0LjQ3NzIgMCAxMDBDMCAxMDUuNTIzIDQuNDc3MTUgMTEwIDEwIDExMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xMjkgNzJDMTM0LjUyMyA3MiAxMzkgNjcuNTIyOCAxMzkgNjJDMTM5IDU2LjQ3NzIgMTM0LjUyMyA1MiAxMjkgNTJDMTIzLjQ3NyA1MiAxMTkgNTYuNDc3MiAxMTkgNjJDMTE5IDY3LjUyMjggMTIzLjQ3NyA3MiAxMjkgNzJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTg4IDk2QzE5My41MjMgOTYgMTk4IDkxLjUyMjggMTk4IDg2QzE5OCA4MC40NzcyIDE5My41MjMgNzYgMTg4IDc2QzE4Mi40NzcgNzYgMTc4IDgwLjQ3NzIgMTc4IDg2QzE3OCA5MS41MjI4IDE4Mi40NzcgOTYgMTg4IDk2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTM2NiAyMEMzNzEuNTIzIDIwIDM3NiAxNS41MjI4IDM3NiAxMEMzNzYgNC40NzcxNSAzNzEuNTIzIDAgMzY2IDBDMzYwLjQ3NyAwIDM1NiA0LjQ3NzE1IDM1NiAxMEMzNTYgMTUuNTIyOCAzNjAuNDc3IDIwIDM2NiAyMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik03MCA1NEM3NS41MjI4IDU0IDgwIDQ5LjUyMjggODAgNDRDODAgMzguNDc3MiA3NS41MjI4IDM0IDcwIDM0QzY0LjQ3NzIgMzQgNjAgMzguNDc3MiA2MCA0NEM2MCA0OS41MjI4IDY0LjQ3NzIgNTQgNzAgNTRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMjQ3IDYyQzI1Mi41MjMgNjIgMjU3IDU3LjUyMjggMjU3IDUyQzI1NyA0Ni40NzcyIDI1Mi41MjMgNDIgMjQ3IDQyQzI0MS40NzcgNDIgMjM3IDQ2LjQ3NzIgMjM3IDUyQzIzNyA1Ny41MjI4IDI0MS40NzcgNjIgMjQ3IDYyWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTMwNiA3MEMzMTEuNTIzIDcwIDMxNiA2NS41MjI4IDMxNiA2MEMzMTYgNTQuNDc3MiAzMTEuNTIzIDUwIDMwNiA1MEMzMDAuNDc3IDUwIDI5NiA1NC40NzcyIDI5NiA2MEMyOTYgNjUuNTIyOCAzMDAuNDc3IDcwIDMwNiA3MFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTAzMjhfMTQ2OTc5Ij4KPHJlY3Qgd2lkdGg9IjM3NiIgaGVpZ2h0PSIxMTAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==";
 var ScatterPlotChartSkeleton = function ScatterPlotChartSkeleton2() {
   var _ref = arguments[0], _ref2;
   var SChartSkeleton = Skeleton;
-  return _ref2 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, assignProps({
+  return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, assignProps({
     "bgRepeat": "repeat-x",
     "bgPosition": "left center",
     "bgSize": "auto 50%",

package/lib/esm/Charts/Venn.mjs

@@ -1,6 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { sstyled } from "@semcore/utils/lib/core/index";
-import createComponent, { sstyled as sstyled$1, assignProps } from "@semcore/core";
+import { createComponent, sstyled, assignProps } from "@semcore/core";
 import React from "react";
 import { Skeleton } from "../Skeleton.mjs";
 /*!__reshadow-styles__:"../style/chart.shadow.css"*/
@@ -8,26 +7,26 @@ var styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SChartSkeleton_zrqq0_gg_{height:200px;width:100%;background-image:var(--bgPattern_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgPosition_zrqq0_gg_{background-position:var(--bgPosition_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgSize_zrqq0_gg_{background-size:var(--bgSize_zrqq0)}.___SChartSkeleton_zrqq0_gg_.__bgRepeat_zrqq0_gg_{background-repeat:var(--bgRepeat_zrqq0)}",
+    ".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}",
     /*__inner_css_end__*/
-    "zrqq0_gg_"
+    "18ujc_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SChartSkeleton": "___SChartSkeleton_zrqq0_gg_",
-    "--bgPattern": "--bgPattern_zrqq0",
-    "_bgPosition": "__bgPosition_zrqq0_gg_",
-    "--bgPosition": "--bgPosition_zrqq0",
-    "_bgSize": "__bgSize_zrqq0_gg_",
-    "--bgSize": "--bgSize_zrqq0",
-    "_bgRepeat": "__bgRepeat_zrqq0_gg_",
-    "--bgRepeat": "--bgRepeat_zrqq0"
+    "__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
+    "--bgPattern": "--bgPattern_18ujc",
+    "_bgPosition": "__bgPosition_18ujc_gg_",
+    "--bgPosition": "--bgPosition_18ujc",
+    "_bgSize": "__bgSize_18ujc_gg_",
+    "--bgSize": "--bgSize_18ujc",
+    "_bgRepeat": "__bgRepeat_18ujc_gg_",
+    "--bgRepeat": "--bgRepeat_18ujc"
   })
 );
 var vennSvg = "PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDIwMCAxODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJwYXJhZ3JhcGg9ZmFsc2UsIGNoYXJ0IHR5cGU9dmVubiBjaGFydCwgcGljdHVyZSBkaXY9ZmFsc2UiPgo8ZyBpZD0ic2tlbGV0b24tdmVubiIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzEwMzI4XzE0Njk4OSkiPgo8cGF0aCBpZD0iU2hhcGUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNzcuNzc3OCA5MEM3Ny43Nzc4IDcxLjA1NzQgODYuNDI3NyA1NC4xMzE1IDEwMCA0Mi45NDMxQzExMy41NzIgNTQuMTMxNSAxMjIuMjIyIDcxLjA1NzQgMTIyLjIyMiA5MEMxMjIuMjIyIDEwOC45NDMgMTEzLjU3MiAxMjUuODY5IDEwMCAxMzcuMDU3Qzg2LjQyNzcgMTI1Ljg2OSA3Ny43Nzc4IDEwOC45NDMgNzcuNzc3OCA5MFpNMTAwIDEzNy4wNTdDMTEwLjU2NiAxNDUuNzY3IDEyNC4xMTUgMTUxIDEzOC44ODkgMTUxQzE3Mi42NCAxNTEgMjAwIDEyMy42ODkgMjAwIDkwQzIwMCA1Ni4zMTA2IDE3Mi42NCAyOSAxMzguODg5IDI5QzEyNC4xMTUgMjkgMTEwLjU2NiAzNC4yMzI5IDEwMCA0Mi45NDMxQzg5LjQzNCAzNC4yMzI5IDc1Ljg4NDggMjkgNjEuMTExMSAyOUMyNy4zNjA0IDI5IDAgNTYuMzEwNiAwIDkwQzAgMTIzLjY4OSAyNy4zNjA0IDE1MSA2MS4xMTExIDE1MUM3NS44ODQ4IDE1MSA4OS40MzQgMTQ1Ljc2NyAxMDAgMTM3LjA1N1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGlkPSJQYXRoIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwMCA0M0MxMTMuNDM3IDU0LjE3NDkgMTIyIDcxLjA4MDMgMTIyIDkwQzEyMiAxMDguOTIgMTEzLjQzNyAxMjUuODI1IDEwMCAxMzdDODYuNTYzNSAxMjUuODI1IDc4IDEwOC45MiA3OCA5MEM3OCA3MS4wODAzIDg2LjU2MzUgNTQuMTc0OSAxMDAgNDNWNDNaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI0Ii8+CjwvZz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xMDMyOF8xNDY5ODkiPgo8cmVjdCB3aWR0aD0iMjAwIiBoZWlnaHQ9IjEyMiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMjkpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==";
 var VennChartSkeleton = function VennChartSkeleton2() {
   var _ref = arguments[0], _ref2;
   var SChartSkeleton = Skeleton;
-  return _ref2 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, assignProps({
+  return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, assignProps({
     "bgRepeat": "no-repeat",
     "bgPosition": "center",
     "bgSize": "contain",

package/lib/esm/Skeleton.mjs

@@ -7,13 +7,12 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled } from "@semcore/utils/lib/core/index";
-import createComponent, { sstyled as sstyled$1, assignProps, Component } from "@semcore/core";
+import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
 import React from "react";
 import { Box } from "@semcore/flex-box";
-import uniqueIDEnhancement from "@semcore/utils/lib/uniqueID";
-import canUseDOM from "@semcore/utils/lib/canUseDOM";
-import i18nEnhance from "@semcore/utils/lib/enhances/i18nEnhance";
+import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
+import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
+import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
 var _excluded = ["y", "x", "amount", "width", "styles", "forwardRef"];
 /*!__reshadow-styles__:"./style/skeleton.shadow.css"*/
@@ -21,18 +20,18 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    "@keyframes pulse_bo6ul{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_bo6ul_gg_{animation-name:pulse_bo6ul;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_bo6ul);will-change:opacity}.___SSkeletonSVG_bo6ul_gg_._theme_invert_bo6ul_gg_{fill:var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8))}.___SSkeletonSVG_bo6ul_gg_._theme_dark_bo6ul_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgba(255, 255, 255, 0.3))}.___SText_bo6ul_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_bo6ul_gg_{animation-name:none}}",
+    "@keyframes pulse_1aad7{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_1aad7_gg_{animation-name:pulse_1aad7;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_1aad7);will-change:opacity}.___SSkeletonSVG_1aad7_gg_._theme_invert_1aad7_gg_{fill:var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8))}.___SSkeletonSVG_1aad7_gg_._theme_dark_1aad7_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgba(255, 255, 255, 0.3))}.___SText_1aad7_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_1aad7_gg_{animation-name:none}}",
     /*__inner_css_end__*/
-    "bo6ul_gg_"
+    "1aad7_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SSkeleton": "___SSkeleton_bo6ul_gg_",
-    "--durationAnim": "--durationAnim_bo6ul",
-    "@pulse": "pulse_bo6ul",
-    "__SSkeletonSVG": "___SSkeletonSVG_bo6ul_gg_",
-    "_theme_invert": "_theme_invert_bo6ul_gg_",
-    "_theme_dark": "_theme_dark_bo6ul_gg_",
-    "__SText": "___SText_bo6ul_gg_"
+    "__SSkeleton": "___SSkeleton_1aad7_gg_",
+    "--durationAnim": "--durationAnim_1aad7",
+    "@pulse": "pulse_1aad7",
+    "__SSkeletonSVG": "___SSkeletonSVG_1aad7_gg_",
+    "_theme_invert": "_theme_invert_1aad7_gg_",
+    "_theme_dark": "_theme_dark_1aad7_gg_",
+    "__SText": "___SText_1aad7_gg_"
   })
 );
 var MAP_COLOR_THEME = {
@@ -56,7 +55,7 @@ var SkeletonRoot = /* @__PURE__ */ function(_Component) {
       var styles = _this$asProps.styles, duration = _this$asProps.duration, hidden = _this$asProps.hidden, getI18nText = _this$asProps.getI18nText;
       _this$asProps.tag;
       if (hidden) return null;
-      return _ref3 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SSkeleton, _ref3.cn("SSkeleton", _objectSpread({}, assignProps({
+      return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(SSkeleton, _ref3.cn("SSkeleton", _objectSpread({}, assignProps({
         "durationAnim": "".concat(duration, "ms"),
         "role": "img",
         "aria-label": getI18nText("loading")
@@ -121,7 +120,7 @@ var SkeletonSVG = /* @__PURE__ */ function(_Component2) {
       var _ref2 = this.asProps, _ref4;
       var _this$asProps2 = this.asProps, Children = _this$asProps2.Children, styles = _this$asProps2.styles, uid = _this$asProps2.uid, theme = _this$asProps2.theme, duration = _this$asProps2.duration;
       var SSkeletonSVG = Skeleton;
-      return _ref4 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SSkeletonSVG, _ref4.cn("SSkeletonSVG", _objectSpread({}, assignProps({
+      return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SSkeletonSVG, _ref4.cn("SSkeletonSVG", _objectSpread({}, assignProps({
         "tag": "svg",
         "ref": this.svgRef,
         "preserveAspectRatio": "none",
@@ -153,7 +152,7 @@ function Text(props) {
   var amountLine = Number(amount);
   var renderRect = function renderRect2(props2) {
     var _ref5;
-    return _ref5 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SText, _ref5.cn("SText", _objectSpread({
+    return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(SText, _ref5.cn("SText", _objectSpread({
       "tag": "rect",
       "rx": "4",
       "ry": "4",

package/lib/types/index.d.ts

@@ -1,6 +1,6 @@
 import { BoxProps } from '@semcore/flex-box';
 import { Intergalactic, UnknownProperties } from '@semcore/core';
-import { UniqueIDProps } from '@semcore/utils/lib/uniqueID';
+import { UniqueIDProps } from '@semcore/core/lib/utils/uniqueID';
 
 /** @deprecated */
 export interface ISkeletonProps extends SkeletonProps, UnknownProperties {}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/skeleton",
   "description": "Semrush Skeleton Component",
-  "version": "5.42.4",
+  "version": "16.0.0-prerelease.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "types": "lib/types/index.d.ts",
@@ -14,13 +14,10 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/utils": "4.48.5",
-    "@semcore/flex-box": "5.41.4"
+    "@semcore/flex-box": "16.0.0-prerelease.0"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.17.5",
-    "react": "16.8 - 18",
-    "react-dom": "16.8 - 18"
+    "@semcore/base-components": "^16.0.0-prerelease.0"
   },
   "repository": {
     "type": "git",