@semcore/skeleton 5.43.0-prerelease.5 → 5.43.0-prerelease.6

package/lib/es6/Skeleton.js

@@ -1,55 +1,59 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _callSuper from "@babel/runtime/helpers/callSuper";
 import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from "@semcore/core";
+import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
 var _excluded = ["y", "x", "amount", "width", "styles", "forwardRef"];
-import { Box } from '@semcore/base-components';
-import { createComponent, Component, sstyled, Root } from '@semcore/core';
-import canUseDOM from '@semcore/core/lib/utils/canUseDOM';
-import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
-import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
 import React from 'react';
+import createComponent, { Component, sstyled, Root } from '@semcore/core';
+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 { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 /*!__reshadow-styles__:"./style/skeleton.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_15u95{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_15u95_gg_{animation-name:pulse_15u95;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_15u95);will-change:opacity}.___SSkeletonSVG_15u95_gg_._theme_invert_15u95_gg_{fill:var(--intergalactic-skeleton-bg, rgb(221, 222, 222))}.___SSkeletonSVG_15u95_gg_._theme_dark_15u95_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgb(44, 47, 43))}.___SText_15u95_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_15u95_gg_{animation-name:none}}", /*__inner_css_end__*/"15u95_gg_"),
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_3wtpr{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_3wtpr_gg_{animation-name:pulse_3wtpr;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_3wtpr);will-change:opacity}.___SSkeletonSVG_3wtpr_gg_._theme_invert_3wtpr_gg_{fill:var(--intergalactic-skeleton-bg, rgb(221, 222, 222))}.___SSkeletonSVG_3wtpr_gg_._theme_dark_3wtpr_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgb(44, 47, 43))}.___SText_3wtpr_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_3wtpr_gg_{animation-name:none}}", /*__inner_css_end__*/"3wtpr_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SSkeleton": "___SSkeleton_15u95_gg_",
-  "--durationAnim": "--durationAnim_15u95",
-  "@pulse": "pulse_15u95",
-  "__SSkeletonSVG": "___SSkeletonSVG_15u95_gg_",
-  "_theme_invert": "_theme_invert_15u95_gg_",
-  "_theme_dark": "_theme_dark_15u95_gg_",
-  "__SText": "___SText_15u95_gg_"
+  "__SSkeleton": "___SSkeleton_3wtpr_gg_",
+  "--durationAnim": "--durationAnim_3wtpr",
+  "@pulse": "pulse_3wtpr",
+  "__SSkeletonSVG": "___SSkeletonSVG_3wtpr_gg_",
+  "_theme_invert": "_theme_invert_3wtpr_gg_",
+  "_theme_dark": "_theme_dark_3wtpr_gg_",
+  "__SText": "___SText_3wtpr_gg_"
 });
-import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 var MAP_COLOR_THEME = {
   dark: 'rgba(255, 255, 255, 0.3)',
   invert: 'rgba(224, 225, 233, 0.8)'
 };
 var SkeletonRoot = /*#__PURE__*/function (_Component) {
+  _inherits(SkeletonRoot, _Component);
+  var _super = _createSuper(SkeletonRoot);
   function SkeletonRoot() {
     _classCallCheck(this, SkeletonRoot);
-    return _callSuper(this, SkeletonRoot, arguments);
+    return _super.apply(this, arguments);
   }
-  _inherits(SkeletonRoot, _Component);
-  return _createClass(SkeletonRoot, [{
+  _createClass(SkeletonRoot, [{
     key: "render",
     value: function render() {
       var _ref = this.asProps,
         _ref3;
       var SSkeleton = Box;
       var _this$asProps = this.asProps,
+        Children = _this$asProps.Children,
         styles = _this$asProps.styles,
         duration = _this$asProps.duration,
         hidden = _this$asProps.hidden,
-        getI18nText = _this$asProps.getI18nText;
+        getI18nText = _this$asProps.getI18nText,
+        tag = _this$asProps.tag;
       if (hidden) return null;
       return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SSkeleton, _ref3.cn("SSkeleton", _objectSpread({}, _assignProps({
         "durationAnim": "".concat(duration, "ms"),
@@ -58,6 +62,7 @@ var SkeletonRoot = /*#__PURE__*/function (_Component) {
       }, _ref))));
     }
   }]);
+  return SkeletonRoot;
 }(Component);
 _defineProperty(SkeletonRoot, "displayName", 'Skeleton');
 _defineProperty(SkeletonRoot, "style", style);
@@ -68,37 +73,34 @@ _defineProperty(SkeletonRoot, "defaultProps", {
   duration: 2000
 });
 var SkeletonSVG = /*#__PURE__*/function (_Component2) {
+  _inherits(SkeletonSVG, _Component2);
+  var _super2 = _createSuper(SkeletonSVG);
   function SkeletonSVG(props) {
     var _this;
     _classCallCheck(this, SkeletonSVG);
-    _this = _callSuper(this, SkeletonSVG, [props]);
-    _defineProperty(_this, "svgRef", /*#__PURE__*/React.createRef());
-    _defineProperty(_this, "observer", null);
+    _this = _super2.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "svgRef", /*#__PURE__*/React.createRef());
     if (canUseDOM() && props.observeParentSize) {
-      _this.observer = new ResizeObserver(_this.handleResize.bind(_this));
+      _this.observer = new ResizeObserver(_this.handleResize.bind(_assertThisInitialized(_this)));
     }
     return _this;
   }
-  _inherits(SkeletonSVG, _Component2);
-  return _createClass(SkeletonSVG, [{
+  _createClass(SkeletonSVG, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      var current = this.svgRef.current;
-      if (current && current.parentElement) {
-        var _this$observer;
-        (_this$observer = this.observer) === null || _this$observer === void 0 || _this$observer.observe(current.parentElement);
-      }
+      var _this$observer, _this$svgRef$current;
+      (_this$observer = this.observer) === null || _this$observer === void 0 ? void 0 : _this$observer.observe((_this$svgRef$current = this.svgRef.current) === null || _this$svgRef$current === void 0 ? void 0 : _this$svgRef$current.parentElement);
     }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       var _this$observer2;
-      (_this$observer2 = this.observer) === null || _this$observer2 === void 0 || _this$observer2.disconnect();
+      (_this$observer2 = this.observer) === null || _this$observer2 === void 0 ? void 0 : _this$observer2.disconnect();
     }
   }, {
     key: "handleResize",
-    value: function handleResize(entries) {
-      var target = entries[0].target;
+    value: function handleResize(data) {
+      var target = data[0].target;
       var svg = this.svgRef.current;
       if (target && svg) {
         svg.setAttribute('width', '100%');
@@ -108,7 +110,6 @@ var SkeletonSVG = /*#__PURE__*/function (_Component2) {
     key: "setContext",
     value: function setContext() {
       var theme = this.asProps.theme;
-      if (!theme) return {};
       return {
         gradientUrl: MAP_COLOR_THEME[theme]
       };
@@ -142,6 +143,7 @@ var SkeletonSVG = /*#__PURE__*/function (_Component2) {
       })));
     }
   }]);
+  return SkeletonSVG;
 }(Component);
 _defineProperty(SkeletonSVG, "displayName", 'SkeletonSVG');
 _defineProperty(SkeletonSVG, "enhance", [uniqueIDEnhancement()]);
@@ -164,19 +166,23 @@ function Text(props) {
     forwardRef = props.forwardRef,
     other = _objectWithoutProperties(props, _excluded);
   var amountLine = Number(amount);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, _toConsumableArray(Array(amountLine)).map(function (_el, index) {
+  var renderRect = function renderRect(props) {
     var _ref5;
     return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref5.cn("SText", _objectSpread({
       "tag": 'rect',
       "rx": '4',
       "ry": '4',
-      "height": '8',
-      "key": index,
-      "y": y || 20 * index,
-      "x": x,
-      "ref": forwardRef,
-      "width": width
-    }, other)));
+      "height": '8'
+    }, props)));
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, _toConsumableArray(Array(amountLine)).map(function (el, index) {
+    return renderRect(_objectSpread({
+      key: index,
+      y: y || 20 * index,
+      x: x,
+      ref: forwardRef,
+      width: width
+    }, other));
   }));
 }
 var Skeleton = createComponent(SkeletonRoot);

package/lib/es6/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","names":["Box","createComponent","Component","sstyled","Root","canUseDOM","i18nEnhance","uniqueIDEnhancement","React","style","_sstyled","insert","localizedMessages","MAP_COLOR_THEME","dark","invert","SkeletonRoot","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","render","_ref","asProps","_ref3","SSkeleton","_this$asProps","styles","duration","hidden","getI18nText","createElement","cn","_objectSpread","_assignProps","concat","_defineProperty","width","height","SkeletonSVG","_Component2","props","_this","createRef","observeParentSize","observer","ResizeObserver","handleResize","bind","componentDidMount","current","svgRef","parentElement","_this$observer","observe","componentWillUnmount","_this$observer2","disconnect","entries","target","svg","setAttribute","setContext","theme","gradientUrl","_ref2","_ref4","_this$asProps2","Children","uid","SSkeletonSVG","Skeleton","_assignProps2","Text","SText","_props$y","y","_props$x","x","_props$amount","amount","_props$width","forwardRef","other","_objectWithoutProperties","_excluded","amountLine","Number","Fragment","_toConsumableArray","Array","map","_el","index","_ref5"],"sources":["../../src/Skeleton.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport React from 'react';\n\nimport type { NSSkeleton } from './Skeleton.type';\nimport style from './style/skeleton.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nconst MAP_COLOR_THEME = {\n  dark: 'rgba(255, 255, 255, 0.3)',\n  invert: 'rgba(224, 225, 233, 0.8)',\n};\n\nclass SkeletonRoot extends Component<\n  Intergalactic.InternalTypings.InferComponentProps<NSSkeleton.RenderComponent>,\n  typeof SkeletonRoot.enhance\n> {\n  static displayName = 'Skeleton';\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)] as const;\n  static defaultProps = {\n    width: '100%',\n    height: '100%',\n    duration: 2000,\n  };\n\n  render() {\n    const SSkeleton = Root;\n    const { styles, duration, hidden, getI18nText } = this.asProps;\n\n    if (hidden) return null;\n\n    return sstyled(styles)(\n      <SSkeleton\n        render={Box}\n        durationAnim={`${duration}ms`}\n        role='img'\n        aria-label={getI18nText('loading')}\n      />,\n    );\n  }\n}\n\nclass SkeletonSVG extends Component<\n  Intergalactic.InternalTypings.InferComponentProps<NSSkeleton.Component>,\n  typeof SkeletonRoot.enhance\n> {\n  static displayName = 'SkeletonSVG';\n  static enhance = [uniqueIDEnhancement()];\n  static style = style;\n\n  static defaultProps = {\n    theme: 'invert',\n    duration: 2000,\n  };\n\n  svgRef = React.createRef<SVGElement>();\n  private observer: ResizeObserver | null = null;\n\n  constructor(props: NSSkeleton.Props) {\n    super(props);\n\n    if (canUseDOM() && props.observeParentSize) {\n      this.observer = new ResizeObserver(this.handleResize.bind(this));\n    }\n  }\n\n  componentDidMount() {\n    const { current } = this.svgRef;\n\n    if (current && current.parentElement) {\n      this.observer?.observe(current.parentElement);\n    }\n  }\n\n  componentWillUnmount() {\n    this.observer?.disconnect();\n  }\n\n  handleResize(entries: ResizeObserverEntry[]) {\n    const target = entries[0].target;\n    const svg = this.svgRef.current;\n\n    if (target && svg) {\n      svg.setAttribute('width', '100%');\n    }\n  }\n\n  setContext() {\n    const { theme } = this.asProps;\n\n    if (!theme) return {};\n\n    return {\n      gradientUrl: MAP_COLOR_THEME[theme],\n    };\n  }\n\n  render() {\n    const { Children, styles, uid, theme, duration } = this.asProps;\n    const SSkeletonSVG = Root;\n\n    return sstyled(styles)(\n      <SSkeletonSVG\n        render={Skeleton}\n        tag='svg'\n        ref={this.svgRef}\n        preserveAspectRatio='none'\n        theme={theme}\n        durationAnim={`${duration}ms`}\n      >\n        <defs>\n          <mask id={uid}>\n            <Children />\n          </mask>\n        </defs>\n        <rect x='0' y='0' width='100%' height='100%' mask={`url(#${uid})`} />\n      </SSkeletonSVG>,\n    );\n  }\n}\n\nfunction Text(\n  props: Intergalactic.InternalTypings.InferComponentProps<NSSkeleton.Text.Component>,\n) {\n  const SText = Box;\n  const { y = 0, x = 0, amount = 1, width = '100%', styles, forwardRef, ...other } = props;\n  const amountLine = Number(amount);\n\n  return (\n    <React.Fragment>\n      {[...Array(amountLine)].map((_el, index) =>\n        sstyled(styles)(\n          <SText\n            tag='rect'\n            rx='4'\n            ry='4'\n            height='8'\n            key={index}\n            y={y || 20 * index}\n            x={x}\n            ref={forwardRef}\n            width={width}\n            {...other}\n          />,\n        ),\n      )}\n    </React.Fragment>\n  );\n}\n\nconst Skeleton = createComponent(SkeletonRoot) as NSSkeleton.RenderComponent;\n\nexport { Skeleton };\n\nexport default createComponent(SkeletonSVG, {\n  Text,\n}) as NSSkeleton.Component;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Skeleton.js","names":["React","createComponent","Component","sstyled","Root","Box","uniqueIDEnhancement","canUseDOM","i18nEnhance","localizedMessages","style","_sstyled","insert","MAP_COLOR_THEME","dark","invert","SkeletonRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref3","SSkeleton","_this$asProps","Children","styles","duration","hidden","getI18nText","tag","createElement","cn","_objectSpread","_assignProps","concat","_defineProperty","width","height","SkeletonSVG","_Component2","_super2","props","_this","call","_assertThisInitialized","createRef","observeParentSize","observer","ResizeObserver","handleResize","bind","componentDidMount","_this$observer","_this$svgRef$current","observe","svgRef","current","parentElement","componentWillUnmount","_this$observer2","disconnect","data","target","svg","setAttribute","setContext","theme","gradientUrl","_ref2","_ref4","_this$asProps2","uid","SSkeletonSVG","Skeleton","_assignProps2","Text","SText","_props$y","y","_props$x","x","_props$amount","amount","_props$width","forwardRef","other","_objectWithoutProperties","_excluded","amountLine","Number","renderRect","_ref5","Fragment","_toConsumableArray","Array","map","el","index","ref"],"sources":["../../src/Skeleton.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport style from './style/skeleton.shadow.css';\n\nconst MAP_COLOR_THEME = {\n  dark: 'rgba(255, 255, 255, 0.3)',\n  invert: 'rgba(224, 225, 233, 0.8)',\n};\n\nclass SkeletonRoot extends Component {\n  static displayName = 'Skeleton';\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n  static defaultProps = {\n    width: '100%',\n    height: '100%',\n    duration: 2000,\n  };\n\n  render() {\n    const SSkeleton = Root;\n    const { Children, styles, duration, hidden, getI18nText, tag } = this.asProps;\n\n    if (hidden) return null;\n\n    return sstyled(styles)(\n      <SSkeleton\n        render={Box}\n        durationAnim={`${duration}ms`}\n        role={'img'}\n        aria-label={getI18nText('loading')}\n      />,\n    );\n  }\n}\n\nclass SkeletonSVG extends Component {\n  static displayName = 'SkeletonSVG';\n  static enhance = [uniqueIDEnhancement()];\n  static style = style;\n\n  static defaultProps = {\n    theme: 'invert',\n    duration: 2000,\n  };\n\n  svgRef = React.createRef();\n\n  constructor(props) {\n    super(props);\n\n    if (canUseDOM() && props.observeParentSize) {\n      this.observer = new ResizeObserver(this.handleResize.bind(this));\n    }\n  }\n\n  componentDidMount() {\n    this.observer?.observe(this.svgRef.current?.parentElement);\n  }\n\n  componentWillUnmount() {\n    this.observer?.disconnect();\n  }\n\n  handleResize(data) {\n    const target = data[0].target;\n    const svg = this.svgRef.current;\n\n    if (target && svg) {\n      svg.setAttribute('width', '100%');\n    }\n  }\n\n  setContext() {\n    const { theme } = this.asProps;\n    return {\n      gradientUrl: MAP_COLOR_THEME[theme],\n    };\n  }\n\n  render() {\n    const { Children, styles, uid, theme, duration } = this.asProps;\n    const SSkeletonSVG = Root;\n\n    return sstyled(styles)(\n      <SSkeletonSVG\n        render={Skeleton}\n        tag='svg'\n        ref={this.svgRef}\n        preserveAspectRatio='none'\n        theme={theme}\n        durationAnim={`${duration}ms`}\n      >\n        <defs>\n          <mask id={uid}>\n            <Children />\n          </mask>\n        </defs>\n        <rect x='0' y='0' width='100%' height='100%' mask={`url(#${uid})`} />\n      </SSkeletonSVG>,\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Box;\n  const { y = 0, x = 0, amount = 1, width = '100%', styles, forwardRef, ...other } = props;\n  const amountLine = Number(amount);\n\n  const renderRect = (props) => {\n    return sstyled(styles)(<SText tag='rect' rx='4' ry='4' height='8' {...props} />);\n  };\n\n  return (\n    <React.Fragment>\n      {[...Array(amountLine)].map((el, index) =>\n        renderRect({\n          key: index,\n          y: y || 20 * index,\n          x,\n          ref: forwardRef,\n          width,\n          ...other,\n        }),\n      )}\n    </React.Fragment>\n  );\n}\n\nconst Skeleton = createComponent(SkeletonRoot);\n\nexport { Skeleton };\n\nexport default createComponent(SkeletonSVG, {\n  Text,\n});\n"],"mappings":"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"}

package/lib/es6/index.d.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.js.map

package/lib/es6/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { BoxProps } from '@semcore/flex-box';\nimport { Intergalactic, UnknownProperties } from '@semcore/core';\nimport { UniqueIDProps } from '@semcore/utils/lib/uniqueID';\n\n/** @deprecated */\nexport interface ISkeletonProps extends SkeletonProps, UnknownProperties {}\nexport type SkeletonProps = BoxProps &\n  UniqueIDProps & {\n    /**\n     *  Skeleton visibility control property\n     */\n    hidden?: boolean;\n    /**\n     * Animation speed in ms\n     * @default 2000\n     */\n    duration?: string | number;\n    /**\n     * Skeleton theme\n     * @default invert\n     */\n    theme?: 'dark' | 'invert';\n\n    locale?: string;\n\n    /**\n     * Enable ResizeObserver for parent Element to recalculate skeleton size.\n     * @default false\n     */\n    observeParentSize?: boolean;\n  };\n\n/** @deprecated */\nexport interface ISkeletonCtx extends SkeletonCtx, UnknownProperties {}\nexport type SkeletonCtx = {\n  gradientUrl: 'string';\n};\n\n/** @deprecated */\nexport interface ISkeletonTextProps extends SkeletonTextProps, UnknownProperties {}\nexport type SkeletonTextProps = BoxProps & {\n  /**\n   * Number of items to be returned\n   * @default 1\n   */\n  amount?: string | number;\n};\n\nexport type AreaChartSkeletonProps = SkeletonProps & {\n  type?: 'linear' | 'monotone';\n};\n\nexport type BarChartSkeletonProps = SkeletonProps & {\n  layout?: 'horizontal' | 'vertical';\n};\n\nexport type HistogramChartSkeletonProps = SkeletonProps & {\n  layout?: 'horizontal' | 'vertical';\n};\n\nexport type LineChartSkeletonProps = SkeletonProps & {\n  type?: 'linear' | 'monotone';\n};\n\nexport type DonutChartSkeletonProps = SkeletonProps & {\n  /** Semi donut */\n  halfsize?: boolean;\n};\n\ndeclare const Skeleton: Intergalactic.Component<'svg', SkeletonProps, SkeletonCtx> & {\n  Text: Intergalactic.Component<'rect', SkeletonTextProps>;\n};\ndeclare const AreaChartSkeleton: Intergalactic.Component<'svg', AreaChartSkeletonProps>;\ndeclare const BarChartSkeleton: Intergalactic.Component<'svg', BarChartSkeletonProps>;\ndeclare const HistogramChartSkeleton: Intergalactic.Component<'svg', HistogramChartSkeletonProps>;\ndeclare const LineChartSkeleton: Intergalactic.Component<'svg', LineChartSkeletonProps>;\ndeclare const DonutChartSkeleton: Intergalactic.Component<'svg', DonutChartSkeletonProps>;\ndeclare const VennChartSkeleton: typeof Skeleton;\ndeclare const BubbleChartSkeleton: typeof Skeleton;\ndeclare const ScatterPlotChartSkeleton: typeof Skeleton;\ndeclare const RadialTreeChartSkeleton: typeof Skeleton;\ndeclare const CompactHorizontalBarChartSkeleton: typeof Skeleton;\n\nexport default Skeleton;\nexport {\n  AreaChartSkeleton,\n  BarChartSkeleton,\n  HistogramChartSkeleton,\n  LineChartSkeleton,\n  DonutChartSkeleton,\n  VennChartSkeleton,\n  BubbleChartSkeleton,\n  ScatterPlotChartSkeleton,\n  RadialTreeChartSkeleton,\n  CompactHorizontalBarChartSkeleton,\n};\n"],"mappings":""}

package/lib/es6/index.js

@@ -1,23 +1,3 @@
 export { default } from './Skeleton';
-export * from './Skeleton.type';
-export { default as AreaChartSkeleton } from './charts/Area/Area';
-export * from './charts/Area/Area.type';
-export { default as BarChartSkeleton } from './charts/Bar/Bar';
-export * from './charts/Bar/Bar.type';
-export { default as BubbleChartSkeleton } from './charts/Bubble/Bubble';
-export * from './charts/Bubble/Bubble.type';
-export { default as CompactHorizontalBarChartSkeleton } from './charts/CompactHorizontalBar/CompactHorizontalBar';
-export * from './charts/CompactHorizontalBar/CompactHorizontalBar.type';
-export { default as DonutChartSkeleton } from './charts/Donut/Donut';
-export * from './charts/Donut/Donut.type';
-export { default as HistogramChartSkeleton } from './charts/Histogram/Histogram';
-export * from './charts/Histogram/Histogram.type';
-export { default as LineChartSkeleton } from './charts/Line/Line';
-export * from './charts/Line/Line.type';
-export { default as RadialTreeChartSkeleton } from './charts/RadialTree/RadialTree';
-export * from './charts/RadialTree/RadialTree.type';
-export { default as ScatterPlotChartSkeleton } from './charts/ScatterPlot/ScatterPlot';
-export * from './charts/ScatterPlot/ScatterPlot.type';
-export { default as VennChartSkeleton } from './charts/Venn/Venn';
-export * from './charts/Venn/Venn.type';
+export * from './Charts';
 //# sourceMappingURL=index.js.map

package/lib/es6/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","AreaChartSkeleton","BarChartSkeleton","BubbleChartSkeleton","CompactHorizontalBarChartSkeleton","DonutChartSkeleton","HistogramChartSkeleton","LineChartSkeleton","RadialTreeChartSkeleton","ScatterPlotChartSkeleton","VennChartSkeleton"],"sources":["../../src/index.ts"],"sourcesContent":["export { default } from './Skeleton';\nexport * from './Skeleton.type';\n\nexport { default as AreaChartSkeleton } from './charts/Area/Area';\nexport * from './charts/Area/Area.type';\nexport { default as BarChartSkeleton } from './charts/Bar/Bar';\nexport * from './charts/Bar/Bar.type';\nexport { default as BubbleChartSkeleton } from './charts/Bubble/Bubble';\nexport * from './charts/Bubble/Bubble.type';\nexport { default as CompactHorizontalBarChartSkeleton } from './charts/CompactHorizontalBar/CompactHorizontalBar';\nexport * from './charts/CompactHorizontalBar/CompactHorizontalBar.type';\nexport { default as DonutChartSkeleton } from './charts/Donut/Donut';\nexport * from './charts/Donut/Donut.type';\nexport { default as HistogramChartSkeleton } from './charts/Histogram/Histogram';\nexport * from './charts/Histogram/Histogram.type';\nexport { default as LineChartSkeleton } from './charts/Line/Line';\nexport * from './charts/Line/Line.type';\nexport { default as RadialTreeChartSkeleton } from './charts/RadialTree/RadialTree';\nexport * from './charts/RadialTree/RadialTree.type';\nexport { default as ScatterPlotChartSkeleton } from './charts/ScatterPlot/ScatterPlot';\nexport * from './charts/ScatterPlot/ScatterPlot.type';\nexport { default as VennChartSkeleton } from './charts/Venn/Venn';\nexport * from './charts/Venn/Venn.type';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,YAAY;AACpC,cAAc,iBAAiB;AAE/B,SAASA,OAAO,IAAIC,iBAAiB,QAAQ,oBAAoB;AACjE,cAAc,yBAAyB;AACvC,SAASD,OAAO,IAAIE,gBAAgB,QAAQ,kBAAkB;AAC9D,cAAc,uBAAuB;AACrC,SAASF,OAAO,IAAIG,mBAAmB,QAAQ,wBAAwB;AACvE,cAAc,6BAA6B;AAC3C,SAASH,OAAO,IAAII,iCAAiC,QAAQ,oDAAoD;AACjH,cAAc,yDAAyD;AACvE,SAASJ,OAAO,IAAIK,kBAAkB,QAAQ,sBAAsB;AACpE,cAAc,2BAA2B;AACzC,SAASL,OAAO,IAAIM,sBAAsB,QAAQ,8BAA8B;AAChF,cAAc,mCAAmC;AACjD,SAASN,OAAO,IAAIO,iBAAiB,QAAQ,oBAAoB;AACjE,cAAc,yBAAyB;AACvC,SAASP,OAAO,IAAIQ,uBAAuB,QAAQ,gCAAgC;AACnF,cAAc,qCAAqC;AACnD,SAASR,OAAO,IAAIS,wBAAwB,QAAQ,kCAAkC;AACtF,cAAc,uCAAuC;AACrD,SAAST,OAAO,IAAIU,iBAAiB,QAAQ,oBAAoB;AACjE,cAAc,yBAAyB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Skeleton';\n\nexport * from './Charts';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,YAAY;AAEpC,cAAc,UAAU"}

package/lib/es6/translations/__intergalactic-dynamic-locales.js

@@ -6,12 +6,12 @@ import it from './it.json';
 import ja from './ja.json';
 import ko from './ko.json';
 import nl from './nl.json';
-import pl from './pl.json';
 import pt from './pt.json';
-import sv from './sv.json';
 import tr from './tr.json';
 import vi from './vi.json';
 import zh from './zh.json';
+import pl from './pl.json';
+import sv from './sv.json';
 export var localizedMessages = {
   de: de,
   en: en,

package/lib/es6/translations/__intergalactic-dynamic-locales.js.map

@@ -1 +1 @@
-{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","nl","pl","pt","sv","tr","vi","zh","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  nl,\n  pt,\n  tr,\n  vi,\n  zh,\n  pl,\n  sv,\n};\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAE1B,OAAO,IAAMC,iBAAiB,GAAG;EAC/Bd,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFL,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\nimport pl from './pl.json';\nimport sv from './sv.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  nl,\n  pt,\n  tr,\n  vi,\n  zh,\n  pl,\n  sv,\n};\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAE1B,OAAO,IAAMC,iBAAiB,GAAG;EAC/Bd,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA;AACF,CAAC"}

package/lib/esm/Charts/Area.mjs

@@ -0,0 +1,45 @@
+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 React from "react";
+import { Skeleton } from "../Skeleton.mjs";
+/*!__reshadow-styles__:"../style/chart.shadow.css"*/
+var styles = (
+  /*__reshadow_css_start__*/
+  (sstyled.insert(
+    /*__inner_css_start__*/
+    ".___SChartSkeleton_1ft7q_gg_{height:200px;width:100%;background-image:var(--bgPattern_1ft7q)}.___SChartSkeleton_1ft7q_gg_.__bgPosition_1ft7q_gg_{background-position:var(--bgPosition_1ft7q)}.___SChartSkeleton_1ft7q_gg_.__bgSize_1ft7q_gg_{background-size:var(--bgSize_1ft7q)}.___SChartSkeleton_1ft7q_gg_.__bgRepeat_1ft7q_gg_{background-repeat:var(--bgRepeat_1ft7q)}",
+    /*__inner_css_end__*/
+    "1ft7q_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SChartSkeleton": "___SChartSkeleton_1ft7q_gg_",
+    "--bgPattern": "--bgPattern_1ft7q",
+    "_bgPosition": "__bgPosition_1ft7q_gg_",
+    "--bgPosition": "--bgPosition_1ft7q",
+    "_bgSize": "__bgSize_1ft7q_gg_",
+    "--bgSize": "--bgSize_1ft7q",
+    "_bgRepeat": "__bgRepeat_1ft7q_gg_",
+    "--bgRepeat": "--bgRepeat_1ft7q"
+  })
+);
+var areaLinearSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0QzMyLjAwMDEgNDUuOTM5NCAzMi4wMDAxIDEyIDAgMTJWNzZIMTI4VjEyQzk1Ljk5OTkgMTIgOTUuOTk5OSA0NS45Mzk0IDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
+var areaMonotoneSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0TDAgMTJWNzZIMTI4VjEyTDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
+var AreaChartSkeleton = function AreaChartSkeleton2(props) {
+  var _ref = arguments[0], _ref2, _props$type;
+  var SChartSkeleton = Skeleton;
+  var patternBase64 = {
+    linear: areaLinearSvg,
+    monotone: areaMonotoneSvg
+  }[(_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({
+    "bgRepeat": "repeat-x",
+    "bgPosition": "left bottom",
+    "bgSize": "auto 50%",
+    "bgPattern": "url(data:image/svg+xml;base64,".concat(patternBase64, ")")
+  }, _ref))));
+};
+const Area = createComponent(AreaChartSkeleton);
+export {
+  Area as default
+};

package/lib/esm/{charts/Bar → Charts}/Bar.mjs

@@ -1,56 +1,54 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { sstyled, assignProps, createComponent } from "@semcore/core";
+import { sstyled } from "@semcore/utils/lib/core/index";
+import createComponent, { sstyled as sstyled$1, assignProps } from "@semcore/core";
 import React from "react";
-import { Skeleton } from "../../Skeleton.mjs";
-/*!__reshadow-styles__:"../../style/chart.shadow.css"*/
+import { Skeleton } from "../Skeleton.mjs";
+/*!__reshadow-styles__:"../style/chart.shadow.css"*/
 var styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SChartSkeleton_1oiqb_gg_{height:200px;width:100%;background-image:var(--bgPattern_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgPosition_1oiqb_gg_{background-position:var(--bgPosition_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgSize_1oiqb_gg_{background-size:var(--bgSize_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgRepeat_1oiqb_gg_{background-repeat:var(--bgRepeat_1oiqb)}",
+    ".___SChartSkeleton_1ft7q_gg_{height:200px;width:100%;background-image:var(--bgPattern_1ft7q)}.___SChartSkeleton_1ft7q_gg_.__bgPosition_1ft7q_gg_{background-position:var(--bgPosition_1ft7q)}.___SChartSkeleton_1ft7q_gg_.__bgSize_1ft7q_gg_{background-size:var(--bgSize_1ft7q)}.___SChartSkeleton_1ft7q_gg_.__bgRepeat_1ft7q_gg_{background-repeat:var(--bgRepeat_1ft7q)}",
     /*__inner_css_end__*/
-    "1oiqb_gg_"
+    "1ft7q_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SChartSkeleton": "___SChartSkeleton_1oiqb_gg_",
-    "--bgPattern": "--bgPattern_1oiqb",
-    "_bgPosition": "__bgPosition_1oiqb_gg_",
-    "--bgPosition": "--bgPosition_1oiqb",
-    "_bgSize": "__bgSize_1oiqb_gg_",
-    "--bgSize": "--bgSize_1oiqb",
-    "_bgRepeat": "__bgRepeat_1oiqb_gg_",
-    "--bgRepeat": "--bgRepeat_1oiqb"
+    "__SChartSkeleton": "___SChartSkeleton_1ft7q_gg_",
+    "--bgPattern": "--bgPattern_1ft7q",
+    "_bgPosition": "__bgPosition_1ft7q_gg_",
+    "--bgPosition": "--bgPosition_1ft7q",
+    "_bgSize": "__bgSize_1ft7q_gg_",
+    "--bgSize": "--bgSize_1ft7q",
+    "_bgRepeat": "__bgRepeat_1ft7q_gg_",
+    "--bgRepeat": "--bgRepeat_1ft7q"
   })
 );
 var barVerticalSvg = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDE3MiAxNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDBIMTIwQzEyMi4yMDkgMCAxMjQgMS43OTA4NiAxMjQgNFYxMkMxMjQgMTQuMjA5MSAxMjIuMjA5IDE2IDEyMCAxNkgwVjBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMCAyOEgxNTZDMTU4LjIwOSAyOCAxNjAgMjkuNzkwOSAxNjAgMzJWNDBDMTYwIDQyLjIwOTEgMTU4LjIwOSA0NCAxNTYgNDRIMFYyOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDU2SDEzOEMxNDAuMjA5IDU2IDE0MiA1Ny43OTA5IDE0MiA2MFY2OEMxNDIgNzAuMjA5MSAxNDAuMjA5IDcyIDEzOCA3MkgwVjU2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTAgODRIMTU2QzE1OC4yMDkgODQgMTYwIDg1Ljc5MDkgMTYwIDg4Vjk2QzE2MCA5OC4yMDkxIDE1OC4yMDkgMTAwIDE1NiAxMDBIMFY4NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDExMkgxMTZDMTE4LjIwOSAxMTIgMTIwIDExMy43OTEgMTIwIDExNlYxMjRDMTIwIDEyNi4yMDkgMTE4LjIwOSAxMjggMTE2IDEyOEgwVjExMloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
 var barHorizontalSvg = "PHN2ZyB3aWR0aD0iMTU2IiBoZWlnaHQ9IjE2MCIgdmlld0JveD0iMCAwIDE1NiAxNjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMiAxNkMxMiAxMy43OTA5IDEzLjc5MDkgMTIgMTYgMTJIMjNDMjUuMjA5MSAxMiAyNyAxMy43OTA5IDI3IDE2VjE0OEgxMlYxNloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik01MSA0MkM1MSAzOS43OTA5IDUyLjc5MDkgMzggNTUgMzhINjJDNjQuMjA5MSAzOCA2NiAzOS43OTA5IDY2IDQyVjE0OEg1MVY0MloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik05MCA2M0M5MCA2MC43OTA5IDkxLjc5MDkgNTkgOTQgNTlIMTAxQzEwMy4yMDkgNTkgMTA1IDYwLjc5MDkgMTA1IDYzVjE0OEg5MFY2M1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xMjkgMzBDMTI5IDI3Ljc5MDkgMTMwLjc5MSAyNiAxMzMgMjZIMTQwQzE0Mi4yMDkgMjYgMTQ0IDI3Ljc5MDkgMTQ0IDMwVjE0OEgxMjlWMzBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
-var pattern = {
-  vertical: barVerticalSvg,
-  horizontal: barHorizontalSvg
-};
-var repeat = {
-  vertical: "repeat-y",
-  horizontal: "repeat-x"
-};
-var position = {
-  vertical: "left top",
-  horizontal: "left bottom"
-};
-var size = {
-  vertical: "contain",
-  horizontal: "auto 50%"
-};
-function BarChartSkeleton(props) {
+var BarChartSkeleton = function BarChartSkeleton2(props) {
   var _ref = arguments[0], _ref2, _props$layout;
   var SChartSkeleton = Skeleton;
   var layout = (_props$layout = props.layout) !== null && _props$layout !== void 0 ? _props$layout : "horizontal";
-  return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, assignProps({
-    "bgRepeat": repeat[layout],
-    "bgPosition": position[layout],
-    "bgSize": size[layout],
-    "bgPattern": "url(data:image/svg+xml;base64,".concat(pattern[layout], ")")
+  var patternBase64 = {
+    vertical: barVerticalSvg,
+    horizontal: barHorizontalSvg
+  }[layout];
+  return _ref2 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, assignProps({
+    "bgRepeat": {
+      vertical: "repeat-y",
+      horizontal: "repeat-x"
+    }[layout],
+    "bgPosition": {
+      vertical: "left top",
+      horizontal: "left bottom"
+    }[layout],
+    "bgSize": {
+      vertical: "contain",
+      horizontal: "auto 50%"
+    }[layout],
+    "bgPattern": "url(data:image/svg+xml;base64,".concat(patternBase64, ")")
   }, _ref))));
-}
+};
 const Bar = createComponent(BarChartSkeleton);
 export {
   Bar as default

package/lib/esm/{charts/Bubble → Charts}/Bubble.mjs

@@ -1,38 +1,39 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { sstyled, assignProps, createComponent } from "@semcore/core";
+import { sstyled } from "@semcore/utils/lib/core/index";
+import createComponent, { sstyled as sstyled$1, assignProps } from "@semcore/core";
 import React from "react";
-import { Skeleton } from "../../Skeleton.mjs";
-/*!__reshadow-styles__:"../../style/chart.shadow.css"*/
+import { Skeleton } from "../Skeleton.mjs";
+/*!__reshadow-styles__:"../style/chart.shadow.css"*/
 var styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SChartSkeleton_1oiqb_gg_{height:200px;width:100%;background-image:var(--bgPattern_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgPosition_1oiqb_gg_{background-position:var(--bgPosition_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgSize_1oiqb_gg_{background-size:var(--bgSize_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgRepeat_1oiqb_gg_{background-repeat:var(--bgRepeat_1oiqb)}",
+    ".___SChartSkeleton_1ft7q_gg_{height:200px;width:100%;background-image:var(--bgPattern_1ft7q)}.___SChartSkeleton_1ft7q_gg_.__bgPosition_1ft7q_gg_{background-position:var(--bgPosition_1ft7q)}.___SChartSkeleton_1ft7q_gg_.__bgSize_1ft7q_gg_{background-size:var(--bgSize_1ft7q)}.___SChartSkeleton_1ft7q_gg_.__bgRepeat_1ft7q_gg_{background-repeat:var(--bgRepeat_1ft7q)}",
     /*__inner_css_end__*/
-    "1oiqb_gg_"
+    "1ft7q_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SChartSkeleton": "___SChartSkeleton_1oiqb_gg_",
-    "--bgPattern": "--bgPattern_1oiqb",
-    "_bgPosition": "__bgPosition_1oiqb_gg_",
-    "--bgPosition": "--bgPosition_1oiqb",
-    "_bgSize": "__bgSize_1oiqb_gg_",
-    "--bgSize": "--bgSize_1oiqb",
-    "_bgRepeat": "__bgRepeat_1oiqb_gg_",
-    "--bgRepeat": "--bgRepeat_1oiqb"
+    "__SChartSkeleton": "___SChartSkeleton_1ft7q_gg_",
+    "--bgPattern": "--bgPattern_1ft7q",
+    "_bgPosition": "__bgPosition_1ft7q_gg_",
+    "--bgPosition": "--bgPosition_1ft7q",
+    "_bgSize": "__bgSize_1ft7q_gg_",
+    "--bgSize": "--bgSize_1ft7q",
+    "_bgRepeat": "__bgRepeat_1ft7q_gg_",
+    "--bgRepeat": "--bgRepeat_1ft7q"
   })
 );
 var bubbleSvg = "PHN2ZyB3aWR0aD0iMzc2IiBoZWlnaHQ9IjE2NCIgdmlld0JveD0iMCAwIDM3NiAxNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00OCAxNjRDNzAuMDkxNCAxNjQgODggMTQ2LjA5MSA4OCAxMjRDODggMTAxLjkwOSA3MC4wOTE0IDg0IDQ4IDg0QzI1LjkwODYgODQgOCAxMDEuOTA5IDggMTI0QzggMTQ2LjA5MSAyNS45MDg2IDE2NCA0OCAxNjRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNODggNDhDMTAxLjI1NSA0OCAxMTIgMzcuMjU0OCAxMTIgMjRDMTEyIDEwLjc0NTIgMTAxLjI1NSAwIDg4IDBDNzQuNzQ1MiAwIDY0IDEwLjc0NTIgNjQgMjRDNjQgMzcuMjU0OCA3NC43NDUyIDQ4IDg4IDQ4WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTI5Mi41IDU1QzMwNS40NzkgNTUgMzE2IDQ0LjQ3ODcgMzE2IDMxLjVDMzE2IDE4LjUyMTMgMzA1LjQ3OSA4IDI5Mi41IDhDMjc5LjUyMSA4IDI2OSAxOC41MjEzIDI2OSAzMS41QzI2OSA0NC40Nzg3IDI3OS41MjEgNTUgMjkyLjUgNTVaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMzQ0IDk4QzM1Mi44MzcgOTggMzYwIDkwLjgzNjYgMzYwIDgyQzM2MCA3My4xNjM0IDM1Mi44MzcgNjYgMzQ0IDY2QzMzNS4xNjMgNjYgMzI4IDczLjE2MzQgMzI4IDgyQzMyOCA5MC44MzY2IDMzNS4xNjMgOTggMzQ0IDk4WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTE4OCAxMzRDMjE2LjcxOSAxMzQgMjQwIDExMC43MTkgMjQwIDgyQzI0MCA1My4yODEyIDIxNi43MTkgMzAgMTg4IDMwQzE1OS4yODEgMzAgMTM2IDUzLjI4MTIgMTM2IDgyQzEzNiAxMTAuNzE5IDE1OS4yODEgMTM0IDE4OCAxMzRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
-function BubbleChartSkeleton() {
+var BubbleChartSkeleton = function BubbleChartSkeleton2() {
   var _ref = arguments[0], _ref2;
   var SChartSkeleton = Skeleton;
-  return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, assignProps({
+  return _ref2 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, assignProps({
     "bgRepeat": "repeat-x",
     "bgPosition": "left center",
     "bgSize": "auto 50%",
     "bgPattern": "url(data:image/svg+xml;base64,".concat(bubbleSvg, ")")
   }, _ref))));
-}
+};
 const Bubble = createComponent(BubbleChartSkeleton);
 export {
   Bubble as default

package/lib/esm/{charts/CompactHorizontalBar → Charts}/CompactHorizontalBar.mjs

@@ -1,38 +1,39 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { sstyled, assignProps, createComponent } from "@semcore/core";
+import { sstyled } from "@semcore/utils/lib/core/index";
+import createComponent, { sstyled as sstyled$1, assignProps } from "@semcore/core";
 import React from "react";
-import { Skeleton } from "../../Skeleton.mjs";
-/*!__reshadow-styles__:"../../style/chart.shadow.css"*/
+import { Skeleton } from "../Skeleton.mjs";
+/*!__reshadow-styles__:"../style/chart.shadow.css"*/
 var styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SChartSkeleton_1oiqb_gg_{height:200px;width:100%;background-image:var(--bgPattern_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgPosition_1oiqb_gg_{background-position:var(--bgPosition_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgSize_1oiqb_gg_{background-size:var(--bgSize_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgRepeat_1oiqb_gg_{background-repeat:var(--bgRepeat_1oiqb)}",
+    ".___SChartSkeleton_1ft7q_gg_{height:200px;width:100%;background-image:var(--bgPattern_1ft7q)}.___SChartSkeleton_1ft7q_gg_.__bgPosition_1ft7q_gg_{background-position:var(--bgPosition_1ft7q)}.___SChartSkeleton_1ft7q_gg_.__bgSize_1ft7q_gg_{background-size:var(--bgSize_1ft7q)}.___SChartSkeleton_1ft7q_gg_.__bgRepeat_1ft7q_gg_{background-repeat:var(--bgRepeat_1ft7q)}",
     /*__inner_css_end__*/
-    "1oiqb_gg_"
+    "1ft7q_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SChartSkeleton": "___SChartSkeleton_1oiqb_gg_",
-    "--bgPattern": "--bgPattern_1oiqb",
-    "_bgPosition": "__bgPosition_1oiqb_gg_",
-    "--bgPosition": "--bgPosition_1oiqb",
-    "_bgSize": "__bgSize_1oiqb_gg_",
-    "--bgSize": "--bgSize_1oiqb",
-    "_bgRepeat": "__bgRepeat_1oiqb_gg_",
-    "--bgRepeat": "--bgRepeat_1oiqb"
+    "__SChartSkeleton": "___SChartSkeleton_1ft7q_gg_",
+    "--bgPattern": "--bgPattern_1ft7q",
+    "_bgPosition": "__bgPosition_1ft7q_gg_",
+    "--bgPosition": "--bgPosition_1ft7q",
+    "_bgSize": "__bgSize_1ft7q_gg_",
+    "--bgSize": "--bgSize_1ft7q",
+    "_bgRepeat": "__bgRepeat_1ft7q_gg_",
+    "--bgRepeat": "--bgRepeat_1ft7q"
   })
 );
 var patternBase64 = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE1NiIgdmlld0JveD0iMCAwIDE3MiAxNTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTAgMEgxMjBDMTIyLjIwOSAwIDEyNCAxLjc5MDg2IDEyNCA0VjEyQzEyNCAxNC4yMDkxIDEyMi4yMDkgMTYgMTIwIDE2SDBWMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CiAgPHBhdGggZD0iTTAgMzJIMTU2QzE1OC4yMDkgMzIgMTYwIDMzLjc5MDkgMTYwIDM2VjQ0QzE2MCA0Ni4yMDkxIDE1OC4yMDkgNDggMTU2IDQ4SDBWMzJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgogIDxwYXRoIGQ9Ik0wIDY0SDEzOEMxNDAuMjA5IDY0IDE0MiA2NS43OTA5IDE0MiA2OFY3NkMxNDIgNzguMjA5MSAxNDAuMjA5IDgwIDEzOCA4MEgwVjY0WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KICA8cGF0aCBkPSJNMCA5NkgxNTZDMTU4LjIwOSA5NiAxNjAgOTcuNzkwOSAxNjAgMTAwVjEwOEMxNjAgMTEwLjIwOSAxNTguMjA5IDExMiAxNTYgMTEySDBWOTZaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgogIDxwYXRoIGQ9Ik0wIDEyOEgxMTZDMTE4LjIwOSAxMjggMTIwIDEyOS43OTEgMTIwIDEzMlYxNDBDMTIwIDE0Mi4yMDkgMTE4LjIwOSAxNDQgMTE2IDE0NEgwVjEyOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CiAgPC9zdmc+CiAg";
-function CompactHorizontalBarChartSkeleton() {
+var CompactHorizontalBarChartSkeleton = function CompactHorizontalBarChartSkeleton2(props) {
   var _ref = arguments[0], _ref2;
   var SChartSkeleton = Skeleton;
-  return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, assignProps({
+  return _ref2 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, assignProps({
     "bgRepeat": "repeat-y",
     "bgPosition": "left top",
     "bgSize": "contain",
     "bgPattern": "url(data:image/svg+xml;base64,".concat(patternBase64, ")")
   }, _ref))));
-}
+};
 const CompactHorizontalBar = createComponent(CompactHorizontalBarChartSkeleton);
 export {
   CompactHorizontalBar as default