@semcore/mini-chart 0.29.0-prerelease.9 → 0.29.1-prerelease.0

package/CHANGELOG.md

@@ -2,11 +2,17 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [0.29.0] - 2025-02-28
+## [0.29.1] - 2025-03-17
 
 ### Changed
 
-- Version minor update due to children dependencies update (`@semcore/flex-box` [5.40.1 ~> 5.41.0], `@semcore/utils` [4.45.1 ~> 4.47.1], `@semcore/core` [2.38.1 ~> 2.39.0]).
+- Version patch update due to children dependencies update (`@semcore/flex-box` [5.41.0 ~> 5.41.1], `@semcore/utils` [4.48.0 ~> 4.48.1], `@semcore/core` [2.39.0 ~> 2.39.1]).
+
+## [0.29.0] - 2025-03-14
+
+### Added
+
+- Build for ESM.
 
 ## [0.28.1] - 2025-02-05
 

package/lib/cjs/component/score/Donut.js

@@ -19,15 +19,15 @@ var _flexBox = require("@semcore/flex-box");
 var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
 var _ariaProps = require("@semcore/utils/lib/ariaProps");
 /*__reshadow-styles__:"./donut.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_18pnz{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_18pnz_gg_.__loading_18pnz_gg_,.___SLineGauge_18pnz_gg_.__loading_18pnz_gg_,.___STrendBar_18pnz_gg_.__loading_18pnz_gg_,.___STrendLine_18pnz_gg_.__loading_18pnz_gg_{animation-name:pulse_18pnz;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_18pnz_gg_.__semi_18pnz_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_18pnz_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_18pnz_gg_.__animate_18pnz_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}" /*__inner_css_end__*/, "18pnz_gg_") /*__reshadow_css_end__*/, {
-  "__SLineGauge": "___SLineGauge_18pnz_gg_",
-  "_loading": "__loading_18pnz_gg_",
-  "__SDonutContainer": "___SDonutContainer_18pnz_gg_",
-  "__STrendLine": "___STrendLine_18pnz_gg_",
-  "__STrendBar": "___STrendBar_18pnz_gg_",
-  "@pulse": "pulse_18pnz",
-  "_animate": "__animate_18pnz_gg_",
-  "_semi": "__semi_18pnz_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_ul6zh{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_ul6zh_gg_.__loading_ul6zh_gg_,.___SLineGauge_ul6zh_gg_.__loading_ul6zh_gg_,.___STrendBar_ul6zh_gg_.__loading_ul6zh_gg_,.___STrendLine_ul6zh_gg_.__loading_ul6zh_gg_{animation-name:pulse_ul6zh;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_ul6zh_gg_.__semi_ul6zh_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_ul6zh_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_ul6zh_gg_.__animate_ul6zh_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}" /*__inner_css_end__*/, "ul6zh_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_ul6zh_gg_",
+  "_loading": "__loading_ul6zh_gg_",
+  "__SDonutContainer": "___SDonutContainer_ul6zh_gg_",
+  "__STrendLine": "___STrendLine_ul6zh_gg_",
+  "__STrendBar": "___STrendBar_ul6zh_gg_",
+  "@pulse": "pulse_ul6zh",
+  "_animate": "__animate_ul6zh_gg_",
+  "_semi": "__semi_ul6zh_gg_"
 });
 var DonutRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(DonutRoot, _Component);

package/lib/cjs/component/score/Line.js

@@ -18,24 +18,24 @@ var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("@semcore/flex-box");
 var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
 /*__reshadow-styles__:"./line.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1lsyc{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_1lsyc{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_1lsyc_gg_.__loading_1lsyc_gg_,.___SLineGauge_1lsyc_gg_.__loading_1lsyc_gg_,.___STrendBar_1lsyc_gg_.__loading_1lsyc_gg_,.___STrendLine_1lsyc_gg_.__loading_1lsyc_gg_{animation-name:pulse_1lsyc;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_1lsyc_gg_{height:8px;background-color:var(--base-bg-color_1lsyc, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_1lsyc_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_1lsyc_gg_.__percent_1lsyc_gg_{width:var(--percent_1lsyc)}.___SLineSegmentItem_1lsyc_gg_.__color_1lsyc_gg_,.___SLineValue_1lsyc_gg_.__color_1lsyc_gg_{background-color:var(--color_1lsyc, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_1lsyc_gg_.__segments_1lsyc_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_1lsyc_gg_,.___SLineGaugeSegment_1lsyc_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_1lsyc_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_1lsyc_gg_{height:8px;background:0 0;border-right-color:var(--intergalactic-chart-grid-border, #ffffff);border-right-style:solid;border-right-width:1px;box-sizing:content-box}.___SAnimationLine_1lsyc_gg_{background-color:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9);transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out;animation-name:move-line_1lsyc;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}" /*__inner_css_end__*/, "1lsyc_gg_") /*__reshadow_css_end__*/, {
-  "__SLineGauge": "___SLineGauge_1lsyc_gg_",
-  "_loading": "__loading_1lsyc_gg_",
-  "__SDonutContainer": "___SDonutContainer_1lsyc_gg_",
-  "__STrendLine": "___STrendLine_1lsyc_gg_",
-  "__STrendBar": "___STrendBar_1lsyc_gg_",
-  "@pulse": "pulse_1lsyc",
-  "--base-bg-color": "--base-bg-color_1lsyc",
-  "__SLineValue": "___SLineValue_1lsyc_gg_",
-  "_percent": "__percent_1lsyc_gg_",
-  "--percent": "--percent_1lsyc",
-  "_color": "__color_1lsyc_gg_",
-  "__SLineSegmentItem": "___SLineSegmentItem_1lsyc_gg_",
-  "--color": "--color_1lsyc",
-  "_segments": "__segments_1lsyc_gg_",
-  "__SLineGaugeSegment": "___SLineGaugeSegment_1lsyc_gg_",
-  "__SAnimationLine": "___SAnimationLine_1lsyc_gg_",
-  "@move-line": "move-line_1lsyc"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1b7u0{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_1b7u0{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_1b7u0_gg_.__loading_1b7u0_gg_,.___SLineGauge_1b7u0_gg_.__loading_1b7u0_gg_,.___STrendBar_1b7u0_gg_.__loading_1b7u0_gg_,.___STrendLine_1b7u0_gg_.__loading_1b7u0_gg_{animation-name:pulse_1b7u0;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_1b7u0_gg_{height:8px;background-color:var(--base-bg-color_1b7u0, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_1b7u0_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_1b7u0_gg_.__percent_1b7u0_gg_{width:var(--percent_1b7u0)}.___SLineSegmentItem_1b7u0_gg_.__color_1b7u0_gg_,.___SLineValue_1b7u0_gg_.__color_1b7u0_gg_{background-color:var(--color_1b7u0, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_1b7u0_gg_.__segments_1b7u0_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_1b7u0_gg_,.___SLineGaugeSegment_1b7u0_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_1b7u0_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_1b7u0_gg_{height:8px;background:0 0;border-right-color:var(--intergalactic-chart-grid-border, #ffffff);border-right-style:solid;border-right-width:1px;box-sizing:content-box}.___SAnimationLine_1b7u0_gg_{background-color:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9);transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out;animation-name:move-line_1b7u0;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}" /*__inner_css_end__*/, "1b7u0_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_1b7u0_gg_",
+  "_loading": "__loading_1b7u0_gg_",
+  "__SDonutContainer": "___SDonutContainer_1b7u0_gg_",
+  "__STrendLine": "___STrendLine_1b7u0_gg_",
+  "__STrendBar": "___STrendBar_1b7u0_gg_",
+  "@pulse": "pulse_1b7u0",
+  "--base-bg-color": "--base-bg-color_1b7u0",
+  "__SLineValue": "___SLineValue_1b7u0_gg_",
+  "_percent": "__percent_1b7u0_gg_",
+  "--percent": "--percent_1b7u0",
+  "_color": "__color_1b7u0_gg_",
+  "__SLineSegmentItem": "___SLineSegmentItem_1b7u0_gg_",
+  "--color": "--color_1b7u0",
+  "_segments": "__segments_1b7u0_gg_",
+  "__SLineGaugeSegment": "___SLineGaugeSegment_1b7u0_gg_",
+  "__SAnimationLine": "___SAnimationLine_1b7u0_gg_",
+  "@move-line": "move-line_1b7u0"
 });
 var LineRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(LineRoot, _Component);

package/lib/cjs/component/trend/Bar.js

@@ -21,13 +21,13 @@ var _Trend2 = require("./Trend");
 var _flexBox = require("@semcore/flex-box");
 var _ariaProps = require("@semcore/utils/lib/ariaProps");
 /*__reshadow-styles__:"../skeleton/skeleton.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_382bi{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_382bi_gg_.__loading_382bi_gg_,.___SLineGauge_382bi_gg_.__loading_382bi_gg_,.___STrendBar_382bi_gg_.__loading_382bi_gg_,.___STrendLine_382bi_gg_.__loading_382bi_gg_{animation-name:pulse_382bi;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "382bi_gg_") /*__reshadow_css_end__*/, {
-  "__SLineGauge": "___SLineGauge_382bi_gg_",
-  "_loading": "__loading_382bi_gg_",
-  "__SDonutContainer": "___SDonutContainer_382bi_gg_",
-  "__STrendLine": "___STrendLine_382bi_gg_",
-  "__STrendBar": "___STrendBar_382bi_gg_",
-  "@pulse": "pulse_382bi"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_18ffn{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_18ffn_gg_.__loading_18ffn_gg_,.___SLineGauge_18ffn_gg_.__loading_18ffn_gg_,.___STrendBar_18ffn_gg_.__loading_18ffn_gg_,.___STrendLine_18ffn_gg_.__loading_18ffn_gg_{animation-name:pulse_18ffn;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "18ffn_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_18ffn_gg_",
+  "_loading": "__loading_18ffn_gg_",
+  "__SDonutContainer": "___SDonutContainer_18ffn_gg_",
+  "__STrendLine": "___STrendLine_18ffn_gg_",
+  "__STrendBar": "___STrendBar_18ffn_gg_",
+  "@pulse": "pulse_18ffn"
 });
 var TrendBarRoot = /*#__PURE__*/function (_Trend) {
   (0, _inherits2["default"])(TrendBarRoot, _Trend);

package/lib/cjs/component/trend/Line.js

@@ -22,13 +22,13 @@ var _Trend2 = require("./Trend");
 var _flexBox = require("@semcore/flex-box");
 var _ariaProps = require("@semcore/utils/lib/ariaProps");
 /*__reshadow-styles__:"../skeleton/skeleton.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_382bi{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_382bi_gg_.__loading_382bi_gg_,.___SLineGauge_382bi_gg_.__loading_382bi_gg_,.___STrendBar_382bi_gg_.__loading_382bi_gg_,.___STrendLine_382bi_gg_.__loading_382bi_gg_{animation-name:pulse_382bi;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "382bi_gg_") /*__reshadow_css_end__*/, {
-  "__SLineGauge": "___SLineGauge_382bi_gg_",
-  "_loading": "__loading_382bi_gg_",
-  "__SDonutContainer": "___SDonutContainer_382bi_gg_",
-  "__STrendLine": "___STrendLine_382bi_gg_",
-  "__STrendBar": "___STrendBar_382bi_gg_",
-  "@pulse": "pulse_382bi"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_18ffn{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_18ffn_gg_.__loading_18ffn_gg_,.___SLineGauge_18ffn_gg_.__loading_18ffn_gg_,.___STrendBar_18ffn_gg_.__loading_18ffn_gg_,.___STrendLine_18ffn_gg_.__loading_18ffn_gg_{animation-name:pulse_18ffn;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "18ffn_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_18ffn_gg_",
+  "_loading": "__loading_18ffn_gg_",
+  "__SDonutContainer": "___SDonutContainer_18ffn_gg_",
+  "__STrendLine": "___STrendLine_18ffn_gg_",
+  "__STrendBar": "___STrendBar_18ffn_gg_",
+  "@pulse": "pulse_18ffn"
 });
 var TrendLineRoot = /*#__PURE__*/function (_Trend) {
   (0, _inherits2["default"])(TrendLineRoot, _Trend);

package/lib/es6/component/score/Donut.js

@@ -12,15 +12,15 @@ import { Box } from '@semcore/flex-box';
 import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
 import { assignProps } from '@semcore/core';
 /*__reshadow-styles__:"./donut.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_18pnz{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_18pnz_gg_.__loading_18pnz_gg_,.___SLineGauge_18pnz_gg_.__loading_18pnz_gg_,.___STrendBar_18pnz_gg_.__loading_18pnz_gg_,.___STrendLine_18pnz_gg_.__loading_18pnz_gg_{animation-name:pulse_18pnz;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_18pnz_gg_.__semi_18pnz_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_18pnz_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_18pnz_gg_.__animate_18pnz_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}" /*__inner_css_end__*/, "18pnz_gg_") /*__reshadow_css_end__*/, {
-  "__SLineGauge": "___SLineGauge_18pnz_gg_",
-  "_loading": "__loading_18pnz_gg_",
-  "__SDonutContainer": "___SDonutContainer_18pnz_gg_",
-  "__STrendLine": "___STrendLine_18pnz_gg_",
-  "__STrendBar": "___STrendBar_18pnz_gg_",
-  "@pulse": "pulse_18pnz",
-  "_animate": "__animate_18pnz_gg_",
-  "_semi": "__semi_18pnz_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_ul6zh{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_ul6zh_gg_.__loading_ul6zh_gg_,.___SLineGauge_ul6zh_gg_.__loading_ul6zh_gg_,.___STrendBar_ul6zh_gg_.__loading_ul6zh_gg_,.___STrendLine_ul6zh_gg_.__loading_ul6zh_gg_{animation-name:pulse_ul6zh;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_ul6zh_gg_.__semi_ul6zh_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_ul6zh_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_ul6zh_gg_.__animate_ul6zh_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}" /*__inner_css_end__*/, "ul6zh_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_ul6zh_gg_",
+  "_loading": "__loading_ul6zh_gg_",
+  "__SDonutContainer": "___SDonutContainer_ul6zh_gg_",
+  "__STrendLine": "___STrendLine_ul6zh_gg_",
+  "__STrendBar": "___STrendBar_ul6zh_gg_",
+  "@pulse": "pulse_ul6zh",
+  "_animate": "__animate_ul6zh_gg_",
+  "_semi": "__semi_ul6zh_gg_"
 });
 import { extractAriaProps } from '@semcore/utils/lib/ariaProps';
 var DonutRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/component/score/Line.js

@@ -13,24 +13,24 @@ import createComponent, { Component, Root, sstyled } from '@semcore/core';
 import { Box, Flex } from '@semcore/flex-box';
 import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
 /*__reshadow-styles__:"./line.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1lsyc{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_1lsyc{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_1lsyc_gg_.__loading_1lsyc_gg_,.___SLineGauge_1lsyc_gg_.__loading_1lsyc_gg_,.___STrendBar_1lsyc_gg_.__loading_1lsyc_gg_,.___STrendLine_1lsyc_gg_.__loading_1lsyc_gg_{animation-name:pulse_1lsyc;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_1lsyc_gg_{height:8px;background-color:var(--base-bg-color_1lsyc, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_1lsyc_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_1lsyc_gg_.__percent_1lsyc_gg_{width:var(--percent_1lsyc)}.___SLineSegmentItem_1lsyc_gg_.__color_1lsyc_gg_,.___SLineValue_1lsyc_gg_.__color_1lsyc_gg_{background-color:var(--color_1lsyc, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_1lsyc_gg_.__segments_1lsyc_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_1lsyc_gg_,.___SLineGaugeSegment_1lsyc_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_1lsyc_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_1lsyc_gg_{height:8px;background:0 0;border-right-color:var(--intergalactic-chart-grid-border, #ffffff);border-right-style:solid;border-right-width:1px;box-sizing:content-box}.___SAnimationLine_1lsyc_gg_{background-color:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9);transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out;animation-name:move-line_1lsyc;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}" /*__inner_css_end__*/, "1lsyc_gg_") /*__reshadow_css_end__*/, {
-  "__SLineGauge": "___SLineGauge_1lsyc_gg_",
-  "_loading": "__loading_1lsyc_gg_",
-  "__SDonutContainer": "___SDonutContainer_1lsyc_gg_",
-  "__STrendLine": "___STrendLine_1lsyc_gg_",
-  "__STrendBar": "___STrendBar_1lsyc_gg_",
-  "@pulse": "pulse_1lsyc",
-  "--base-bg-color": "--base-bg-color_1lsyc",
-  "__SLineValue": "___SLineValue_1lsyc_gg_",
-  "_percent": "__percent_1lsyc_gg_",
-  "--percent": "--percent_1lsyc",
-  "_color": "__color_1lsyc_gg_",
-  "__SLineSegmentItem": "___SLineSegmentItem_1lsyc_gg_",
-  "--color": "--color_1lsyc",
-  "_segments": "__segments_1lsyc_gg_",
-  "__SLineGaugeSegment": "___SLineGaugeSegment_1lsyc_gg_",
-  "__SAnimationLine": "___SAnimationLine_1lsyc_gg_",
-  "@move-line": "move-line_1lsyc"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1b7u0{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_1b7u0{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_1b7u0_gg_.__loading_1b7u0_gg_,.___SLineGauge_1b7u0_gg_.__loading_1b7u0_gg_,.___STrendBar_1b7u0_gg_.__loading_1b7u0_gg_,.___STrendLine_1b7u0_gg_.__loading_1b7u0_gg_{animation-name:pulse_1b7u0;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_1b7u0_gg_{height:8px;background-color:var(--base-bg-color_1b7u0, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_1b7u0_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_1b7u0_gg_.__percent_1b7u0_gg_{width:var(--percent_1b7u0)}.___SLineSegmentItem_1b7u0_gg_.__color_1b7u0_gg_,.___SLineValue_1b7u0_gg_.__color_1b7u0_gg_{background-color:var(--color_1b7u0, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_1b7u0_gg_.__segments_1b7u0_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_1b7u0_gg_,.___SLineGaugeSegment_1b7u0_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_1b7u0_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_1b7u0_gg_{height:8px;background:0 0;border-right-color:var(--intergalactic-chart-grid-border, #ffffff);border-right-style:solid;border-right-width:1px;box-sizing:content-box}.___SAnimationLine_1b7u0_gg_{background-color:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9);transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out;animation-name:move-line_1b7u0;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}" /*__inner_css_end__*/, "1b7u0_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_1b7u0_gg_",
+  "_loading": "__loading_1b7u0_gg_",
+  "__SDonutContainer": "___SDonutContainer_1b7u0_gg_",
+  "__STrendLine": "___STrendLine_1b7u0_gg_",
+  "__STrendBar": "___STrendBar_1b7u0_gg_",
+  "@pulse": "pulse_1b7u0",
+  "--base-bg-color": "--base-bg-color_1b7u0",
+  "__SLineValue": "___SLineValue_1b7u0_gg_",
+  "_percent": "__percent_1b7u0_gg_",
+  "--percent": "--percent_1b7u0",
+  "_color": "__color_1b7u0_gg_",
+  "__SLineSegmentItem": "___SLineSegmentItem_1b7u0_gg_",
+  "--color": "--color_1b7u0",
+  "_segments": "__segments_1b7u0_gg_",
+  "__SLineGaugeSegment": "___SLineGaugeSegment_1b7u0_gg_",
+  "__SAnimationLine": "___SAnimationLine_1b7u0_gg_",
+  "@move-line": "move-line_1b7u0"
 });
 var LineRoot = /*#__PURE__*/function (_Component) {
   _inherits(LineRoot, _Component);

package/lib/es6/component/trend/Bar.js

@@ -13,13 +13,13 @@ import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance
 import { Trend } from './Trend';
 import { Box } from '@semcore/flex-box';
 /*__reshadow-styles__:"../skeleton/skeleton.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_382bi{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_382bi_gg_.__loading_382bi_gg_,.___SLineGauge_382bi_gg_.__loading_382bi_gg_,.___STrendBar_382bi_gg_.__loading_382bi_gg_,.___STrendLine_382bi_gg_.__loading_382bi_gg_{animation-name:pulse_382bi;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "382bi_gg_") /*__reshadow_css_end__*/, {
-  "__SLineGauge": "___SLineGauge_382bi_gg_",
-  "_loading": "__loading_382bi_gg_",
-  "__SDonutContainer": "___SDonutContainer_382bi_gg_",
-  "__STrendLine": "___STrendLine_382bi_gg_",
-  "__STrendBar": "___STrendBar_382bi_gg_",
-  "@pulse": "pulse_382bi"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_18ffn{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_18ffn_gg_.__loading_18ffn_gg_,.___SLineGauge_18ffn_gg_.__loading_18ffn_gg_,.___STrendBar_18ffn_gg_.__loading_18ffn_gg_,.___STrendLine_18ffn_gg_.__loading_18ffn_gg_{animation-name:pulse_18ffn;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "18ffn_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_18ffn_gg_",
+  "_loading": "__loading_18ffn_gg_",
+  "__SDonutContainer": "___SDonutContainer_18ffn_gg_",
+  "__STrendLine": "___STrendLine_18ffn_gg_",
+  "__STrendBar": "___STrendBar_18ffn_gg_",
+  "@pulse": "pulse_18ffn"
 });
 import { extractAriaProps } from '@semcore/utils/lib/ariaProps';
 var TrendBarRoot = /*#__PURE__*/function (_Trend) {

package/lib/es6/component/trend/Line.js

@@ -14,13 +14,13 @@ import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
 import { Trend } from './Trend';
 import { Box } from '@semcore/flex-box';
 /*__reshadow-styles__:"../skeleton/skeleton.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_382bi{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_382bi_gg_.__loading_382bi_gg_,.___SLineGauge_382bi_gg_.__loading_382bi_gg_,.___STrendBar_382bi_gg_.__loading_382bi_gg_,.___STrendLine_382bi_gg_.__loading_382bi_gg_{animation-name:pulse_382bi;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "382bi_gg_") /*__reshadow_css_end__*/, {
-  "__SLineGauge": "___SLineGauge_382bi_gg_",
-  "_loading": "__loading_382bi_gg_",
-  "__SDonutContainer": "___SDonutContainer_382bi_gg_",
-  "__STrendLine": "___STrendLine_382bi_gg_",
-  "__STrendBar": "___STrendBar_382bi_gg_",
-  "@pulse": "pulse_382bi"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_18ffn{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_18ffn_gg_.__loading_18ffn_gg_,.___SLineGauge_18ffn_gg_.__loading_18ffn_gg_,.___STrendBar_18ffn_gg_.__loading_18ffn_gg_,.___STrendLine_18ffn_gg_.__loading_18ffn_gg_{animation-name:pulse_18ffn;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "18ffn_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_18ffn_gg_",
+  "_loading": "__loading_18ffn_gg_",
+  "__SDonutContainer": "___SDonutContainer_18ffn_gg_",
+  "__STrendLine": "___STrendLine_18ffn_gg_",
+  "__STrendBar": "___STrendBar_18ffn_gg_",
+  "@pulse": "pulse_18ffn"
 });
 import { extractAriaProps } from '@semcore/utils/lib/ariaProps';
 var TrendLineRoot = /*#__PURE__*/function (_Trend) {

package/lib/esm/component/score/Donut.mjs

@@ -0,0 +1,103 @@
+import k from "@babel/runtime/helpers/esm/objectSpread2";
+import M from "@babel/runtime/helpers/esm/classCallCheck";
+import W from "@babel/runtime/helpers/esm/createClass";
+import G from "@babel/runtime/helpers/esm/inherits";
+import N from "@babel/runtime/helpers/esm/createSuper";
+import m from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as R } from "@semcore/utils/lib/core/index";
+import C, { assignProps as P, sstyled as I, Component as j } from "@semcore/core";
+import r from "react";
+import { Box as F } from "@semcore/flex-box";
+import q from "@semcore/utils/lib/enhances/resolveColorEnhance";
+import { extractAriaProps as H } from "@semcore/utils/lib/ariaProps";
+var J = (
+  /*__reshadow_css_start__*/
+  (R.insert(
+    /*__inner_css_start__*/
+    "@keyframes pulse_ul6zh{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_ul6zh_gg_.__loading_ul6zh_gg_,.___SLineGauge_ul6zh_gg_.__loading_ul6zh_gg_,.___STrendBar_ul6zh_gg_.__loading_ul6zh_gg_,.___STrendLine_ul6zh_gg_.__loading_ul6zh_gg_{animation-name:pulse_ul6zh;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_ul6zh_gg_.__semi_ul6zh_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_ul6zh_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_ul6zh_gg_.__animate_ul6zh_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}",
+    "ul6zh_gg_"
+  ), {
+    __SLineGauge: "___SLineGauge_ul6zh_gg_",
+    _loading: "__loading_ul6zh_gg_",
+    __SDonutContainer: "___SDonutContainer_ul6zh_gg_",
+    __STrendLine: "___STrendLine_ul6zh_gg_",
+    __STrendBar: "___STrendBar_ul6zh_gg_",
+    "@pulse": "pulse_ul6zh",
+    _animate: "__animate_ul6zh_gg_",
+    _semi: "__semi_ul6zh_gg_"
+  })
+), l = /* @__PURE__ */ function(p) {
+  G(n, p);
+  var u = N(n);
+  function n() {
+    return M(this, n), u.apply(this, arguments);
+  }
+  return W(n, [{
+    key: "render",
+    value: function() {
+      var x = this.asProps, t, B = F, o = this.asProps, _ = o.value, b = o.styles, d = o.baseBgColor, E = d === void 0 ? "chart-grid-bar-chart-base-bg" : d, f = o.color, w = f === void 0 ? "chart-palette-order-1" : f, g = o.resolveColor, e = o.isSemiDonut, v = o.loading, h = e ? 6 : 4, i = e ? 9 : 10, a = e ? Math.PI * i : Math.PI * 2 * i, s = a * (_ / 100), S = a * ((100 - _) / 100), c = e ? a / (100 / 3) : a / 100, D = "".concat(S - 2 * c, " ").concat(c), y = "".concat(c, " ").concat(_ < 99 ? "".concat(D) : "", " ").concat(a);
+      e && (y = "".concat(c, " ").concat(_ < 95 ? "".concat(D) : "", " ").concat(a));
+      var L = e ? "0 0 24 12" : "0 0 24 24", T = -1 * (s + (e ? c : 0)), z = H(this.asProps), $ = z.__excludeProps, A = z.extractedAriaProps;
+      return t = I(b), /* @__PURE__ */ r.createElement(B, t.cn("SDonutContainer", k({}, P({
+        semi: e,
+        __excludeProps: $
+      }, x))), /* @__PURE__ */ r.createElement("svg", t.cn("svg", k({
+        width: "100%",
+        height: "100%",
+        viewBox: L,
+        fill: "none",
+        role: "img"
+      }, A)), /* @__PURE__ */ r.createElement("g", t.cn("g", {}), /* @__PURE__ */ r.createElement("circle", t.cn("circle", {
+        cx: "12",
+        cy: "12",
+        r: i,
+        strokeWidth: h,
+        stroke: g(E),
+        strokeDasharray: v ? void 0 : "".concat(S, " ").concat(a),
+        strokeDashoffset: T
+      })), !v && /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("circle", t.cn("circle", {
+        cx: "12",
+        cy: "12",
+        r: i,
+        strokeWidth: h,
+        stroke: g(w),
+        strokeDasharray: "".concat(s, " ").concat(a),
+        strokeDashoffset: s
+      }), /* @__PURE__ */ r.createElement("animate", t.cn("animate", {
+        attributeName: "stroke-dashoffset",
+        values: "0;".concat(s)
+      }))), _ !== 100 && !e && /* @__PURE__ */ r.createElement("circle", t.cn("circle", {
+        cx: "12",
+        cy: "12",
+        r: i,
+        strokeWidth: h,
+        stroke: g("chart-grid-border"),
+        strokeDasharray: y,
+        strokeDashoffset: -1 * s
+      }))))));
+    }
+  }]), n;
+}(j);
+m(l, "enhance", [q()]);
+m(l, "style", J);
+m(l, "defaultProps", {
+  animate: !0
+});
+var K = C(l);
+K.displayName = "MiniChart.ScoreDonut";
+var O = C(l, {}, {
+  enhancements: [function() {
+    return {
+      wrapperProps: function(u) {
+        return P(u, {
+          isSemiDonut: !0
+        });
+      }
+    };
+  }]
+});
+O.displayName = "MiniChart.ScoreSemiDonut";
+export {
+  K as ScoreDonut,
+  O as ScoreSemiDonut
+};

package/lib/esm/component/score/Line.mjs

@@ -0,0 +1,104 @@
+import x from "@babel/runtime/helpers/esm/objectSpread2";
+import N from "@babel/runtime/helpers/esm/classCallCheck";
+import R from "@babel/runtime/helpers/esm/createClass";
+import X from "@babel/runtime/helpers/esm/inherits";
+import j from "@babel/runtime/helpers/esm/createSuper";
+import S from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as z } from "@semcore/utils/lib/core/index";
+import F, { sstyled as d, assignProps as G, Component as M } from "@semcore/core";
+import e from "react";
+import { Box as g, Flex as q } from "@semcore/flex-box";
+import H from "@semcore/utils/lib/enhances/resolveColorEnhance";
+var J = (
+  /*__reshadow_css_start__*/
+  (z.insert(
+    /*__inner_css_start__*/
+    "@keyframes pulse_1b7u0{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_1b7u0{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_1b7u0_gg_.__loading_1b7u0_gg_,.___SLineGauge_1b7u0_gg_.__loading_1b7u0_gg_,.___STrendBar_1b7u0_gg_.__loading_1b7u0_gg_,.___STrendLine_1b7u0_gg_.__loading_1b7u0_gg_{animation-name:pulse_1b7u0;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_1b7u0_gg_{height:8px;background-color:var(--base-bg-color_1b7u0, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_1b7u0_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_1b7u0_gg_.__percent_1b7u0_gg_{width:var(--percent_1b7u0)}.___SLineSegmentItem_1b7u0_gg_.__color_1b7u0_gg_,.___SLineValue_1b7u0_gg_.__color_1b7u0_gg_{background-color:var(--color_1b7u0, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_1b7u0_gg_.__segments_1b7u0_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_1b7u0_gg_,.___SLineGaugeSegment_1b7u0_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_1b7u0_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_1b7u0_gg_{height:8px;background:0 0;border-right-color:var(--intergalactic-chart-grid-border, #ffffff);border-right-style:solid;border-right-width:1px;box-sizing:content-box}.___SAnimationLine_1b7u0_gg_{background-color:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9);transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out;animation-name:move-line_1b7u0;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}",
+    "1b7u0_gg_"
+  ), {
+    __SLineGauge: "___SLineGauge_1b7u0_gg_",
+    _loading: "__loading_1b7u0_gg_",
+    __SDonutContainer: "___SDonutContainer_1b7u0_gg_",
+    __STrendLine: "___STrendLine_1b7u0_gg_",
+    __STrendBar: "___STrendBar_1b7u0_gg_",
+    "@pulse": "pulse_1b7u0",
+    "--base-bg-color": "--base-bg-color_1b7u0",
+    __SLineValue: "___SLineValue_1b7u0_gg_",
+    _percent: "__percent_1b7u0_gg_",
+    "--percent": "--percent_1b7u0",
+    _color: "__color_1b7u0_gg_",
+    __SLineSegmentItem: "___SLineSegmentItem_1b7u0_gg_",
+    "--color": "--color_1b7u0",
+    _segments: "__segments_1b7u0_gg_",
+    __SLineGaugeSegment: "___SLineGaugeSegment_1b7u0_gg_",
+    __SAnimationLine: "___SAnimationLine_1b7u0_gg_",
+    "@move-line": "move-line_1b7u0"
+  })
+), l = /* @__PURE__ */ function(p) {
+  X(n, p);
+  var v = j(n);
+  function n() {
+    return N(this, n), v.apply(this, arguments);
+  }
+  return R(n, [{
+    key: "getSegmentProps",
+    value: function(t) {
+      var _ = this.asProps, c = _.children, L = _.resolveColor, a = 0;
+      e.Children.forEach(c, function(s) {
+        /* @__PURE__ */ e.isValidElement(s) && (a = a + s.props.value);
+      });
+      var u = a > 0 ? 100 * t.value / a : 0;
+      return {
+        w: "".concat(u, "%"),
+        "use:color": L(t.color)
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var t = this.asProps, _, c = g, L = g, a = g, u = q, s = g, r = this.asProps, f = r.value, y = r.styles, E = r.color, P = E === void 0 ? "chart-palette-order-1" : E, k = r.baseBgColor, m = r.resolveColor, B = r.loading, T = r.children, $ = r.Children, w = r.animate;
+      if (T !== void 0) {
+        var i;
+        return i = d(y), /* @__PURE__ */ e.createElement(c, i.cn("SLineGauge", x({}, G({
+          segments: !0,
+          "base-bg-color": m(k)
+        }, t))), /* @__PURE__ */ e.createElement(u, i.cn("SLineGaugeSegment", {}), /* @__PURE__ */ e.createElement($, i.cn("Children", {}))), w && /* @__PURE__ */ e.createElement(a, i.cn("SAnimationLine", {})));
+      }
+      var o = this.asProps.segments, C = [];
+      if (o)
+        for (var b = 0; b < o; b++) {
+          var I, D = "calc((100% - ".concat(o - 1, "px) / ").concat(o, ")");
+          C.push((I = d(y), /* @__PURE__ */ e.createElement(s, I.cn("SLineSegmentItem", {
+            key: b,
+            color: b < f ? m(P) : void 0,
+            w: D
+          }))));
+        }
+      var V = "".concat(f, "%");
+      return o && (V = "".concat(f / o * 100, "%")), _ = d(y), /* @__PURE__ */ e.createElement(c, _.cn("SLineGauge", x({}, G({
+        "base-bg-color": m(k)
+      }, t))), !B && /* @__PURE__ */ e.createElement(L, _.cn("SLineValue", {
+        w: V,
+        color: m(P)
+      })), !!C.length && /* @__PURE__ */ e.createElement(u, _.cn("SLineGaugeSegment", {}), C), w && /* @__PURE__ */ e.createElement(a, _.cn("SAnimationLine", {})));
+    }
+  }]), n;
+}(M);
+S(l, "enhance", [H()]);
+S(l, "displayName", "ScoreLine");
+S(l, "style", J);
+S(l, "defaultProps", {
+  animate: !0
+});
+function A(p) {
+  var v = arguments[0], n, h = p.styles, t = g;
+  return n = d(h), /* @__PURE__ */ e.createElement(t, n.cn("SLineSegmentItem", x({}, G({}, v))));
+}
+A.displayName = "Segment";
+var K = F(l, {
+  Segment: A
+});
+K.displayName = "MiniChart.ScoreLine";
+export {
+  K as ScoreLine
+};

package/lib/esm/component/trend/Bar.mjs

@@ -0,0 +1,106 @@
+import w from "@babel/runtime/helpers/esm/toConsumableArray";
+import h from "@babel/runtime/helpers/esm/objectSpread2";
+import L from "@babel/runtime/helpers/esm/classCallCheck";
+import A from "@babel/runtime/helpers/esm/createClass";
+import D from "@babel/runtime/helpers/esm/inherits";
+import E from "@babel/runtime/helpers/esm/createSuper";
+import l from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as R } from "@semcore/utils/lib/core/index";
+import v, { assignProps as y, sstyled as G } from "@semcore/core";
+import _ from "react";
+import N from "@semcore/utils/lib/enhances/resolveColorEnhance";
+import { Trend as $ } from "./Trend.mjs";
+import { Box as M } from "@semcore/flex-box";
+import { extractAriaProps as W } from "@semcore/utils/lib/ariaProps";
+var j = (
+  /*__reshadow_css_start__*/
+  (R.insert(
+    /*__inner_css_start__*/
+    "@keyframes pulse_18ffn{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_18ffn_gg_.__loading_18ffn_gg_,.___SLineGauge_18ffn_gg_.__loading_18ffn_gg_,.___STrendBar_18ffn_gg_.__loading_18ffn_gg_,.___STrendLine_18ffn_gg_.__loading_18ffn_gg_{animation-name:pulse_18ffn;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}",
+    "18ffn_gg_"
+  ), {
+    __SLineGauge: "___SLineGauge_18ffn_gg_",
+    _loading: "__loading_18ffn_gg_",
+    __SDonutContainer: "___SDonutContainer_18ffn_gg_",
+    __STrendLine: "___STrendLine_18ffn_gg_",
+    __STrendBar: "___STrendBar_18ffn_gg_",
+    "@pulse": "pulse_18ffn"
+  })
+), o = /* @__PURE__ */ function(g) {
+  D(e, g);
+  var s = E(e);
+  function e() {
+    return L(this, e), s.apply(this, arguments);
+  }
+  return A(e, [{
+    key: "defaultData",
+    get: function() {
+      return [{
+        value: 20
+      }, {
+        value: 80
+      }, {
+        value: 45
+      }, {
+        value: 10
+      }];
+    }
+  }, {
+    key: "data",
+    get: function() {
+      var i = this.asProps, r = i.data, t = i.loading;
+      return t ? this.defaultData : r;
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var i = this.asProps, r, t = this, S = M, a = this.asProps, T = a.styles, u = a.resolveColor, C = a.isHistogram, B = a.animate, x = a.loading, f = this.defaultWidth / this.data.length, p = W(this.asProps), H = p.__excludeProps, k = p.extractedAriaProps;
+      return r = G(T), /* @__PURE__ */ _.createElement(S, r.cn("STrendBar", h({}, y({
+        ref: this.containerRef,
+        __excludeProps: ["data"].concat(w(H))
+      }, i))), /* @__PURE__ */ _.createElement("svg", r.cn("svg", h({
+        width: "100%",
+        height: "100%",
+        viewBox: "0 0 ".concat(this.svgWidth, " ").concat(this.svgHeight),
+        role: "img"
+      }, k)), this.data.map(function(n, m) {
+        var c = u("chart-palette-order-other-data");
+        return n.color && (c = u(n.color)), /* @__PURE__ */ _.createElement("rect", {
+          key: m,
+          x: f * m,
+          y: t.defaultHeight - n.value,
+          width: C ? f : f * 0.8,
+          height: n.value,
+          fill: c
+        }, B && !x && /* @__PURE__ */ _.createElement("animate", {
+          attributeName: "y",
+          values: "".concat(t.defaultHeight, ";").concat(t.defaultHeight - n.value),
+          dur: "500ms"
+        }));
+      })));
+    }
+  }]), e;
+}($);
+l(o, "enhance", [N()]);
+l(o, "style", j);
+l(o, "defaultProps", {
+  animate: !0
+});
+var P = v(o);
+P.displayName = "MiniChart.TrendBar";
+var ee = v(o, {}, {
+  enhancements: [function() {
+    return {
+      wrapperProps: function(s) {
+        return y(s, {
+          isHistogram: !0
+        });
+      }
+    };
+  }]
+});
+P.displayName = "MiniChart.TrendHistogram";
+export {
+  P as TrendBar,
+  ee as TrendHistogram
+};

package/lib/esm/component/trend/Line.mjs

@@ -0,0 +1,140 @@
+import A from "@babel/runtime/helpers/esm/toConsumableArray";
+import y from "@babel/runtime/helpers/esm/objectSpread2";
+import E from "@babel/runtime/helpers/esm/classCallCheck";
+import R from "@babel/runtime/helpers/esm/createClass";
+import H from "@babel/runtime/helpers/esm/inherits";
+import W from "@babel/runtime/helpers/esm/createSuper";
+import h from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as $ } from "@semcore/utils/lib/core/index";
+import C, { assignProps as S, sstyled as b } from "@semcore/core";
+import i from "react";
+import D from "@semcore/utils/lib/enhances/resolveColorEnhance";
+import B from "@semcore/utils/lib/uniqueID";
+import { Trend as j } from "./Trend.mjs";
+import { Box as G } from "@semcore/flex-box";
+import { extractAriaProps as N } from "@semcore/utils/lib/ariaProps";
+var M = (
+  /*__reshadow_css_start__*/
+  ($.insert(
+    /*__inner_css_start__*/
+    "@keyframes pulse_18ffn{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_18ffn_gg_.__loading_18ffn_gg_,.___SLineGauge_18ffn_gg_.__loading_18ffn_gg_,.___STrendBar_18ffn_gg_.__loading_18ffn_gg_,.___STrendLine_18ffn_gg_.__loading_18ffn_gg_{animation-name:pulse_18ffn;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}",
+    "18ffn_gg_"
+  ), {
+    __SLineGauge: "___SLineGauge_18ffn_gg_",
+    _loading: "__loading_18ffn_gg_",
+    __SDonutContainer: "___SDonutContainer_18ffn_gg_",
+    __STrendLine: "___STrendLine_18ffn_gg_",
+    __STrendBar: "___STrendBar_18ffn_gg_",
+    "@pulse": "pulse_18ffn"
+  })
+), l = /* @__PURE__ */ function(g) {
+  H(s, g);
+  var f = W(s);
+  function s() {
+    return E(this, s), f.apply(this, arguments);
+  }
+  return R(s, [{
+    key: "defaultData",
+    get: function() {
+      return [15, 70, 20, 85, 20];
+    }
+  }, {
+    key: "lastPointRadius",
+    get: function() {
+      var e;
+      return (e = this.asProps.lastPointRadius) !== null && e !== void 0 ? e : 6;
+    }
+  }, {
+    key: "data",
+    get: function() {
+      var e = this.asProps, t = e.data, a = e.loading;
+      return a ? this.defaultData : t;
+    }
+  }, {
+    key: "svgWidth",
+    get: function() {
+      return this.asProps.lastPointColor ? this.defaultWidth + this.lastPointRadius : this.defaultWidth;
+    }
+  }, {
+    key: "svgHeight",
+    get: function() {
+      return this.asProps.lastPointColor ? this.defaultHeight + this.lastPointRadius : this.defaultHeight;
+    }
+  }, {
+    key: "color",
+    get: function() {
+      var e = this.asProps, t = e.resolveColor, a = e.color, r = a === void 0 ? "chart-palette-order-1" : a, o = e.loading;
+      return t(o ? "skeleton-bg" : r);
+    }
+  }, {
+    key: "render",
+    value: function() {
+      for (var e = this.asProps, t, a = G, r = this.asProps, o = r.uid, k = r.withArea, T = r.animate, u = r.lastPointColor, p = r.resolveColor, m = r.loading, x = r.styles, d = [], _ = this.data.length, P = this.defaultWidth / (_ - 1), c = 0; c < _; c++)
+        d.push("".concat(P * c, ",").concat(this.defaultHeight - this.data[c]));
+      var v = N(this.asProps), L = v.__excludeProps, w = v.extractedAriaProps;
+      return t = b(x), /* @__PURE__ */ i.createElement(a, t.cn("STrendLine", y({}, S({
+        ref: this.containerRef,
+        __excludeProps: ["data"].concat(A(L))
+      }, e))), /* @__PURE__ */ i.createElement("svg", t.cn("svg", y({
+        width: "100%",
+        height: "100%",
+        viewBox: "0 0 ".concat(this.svgWidth, " ").concat(this.svgHeight),
+        role: "img"
+      }, w)), /* @__PURE__ */ i.createElement("polyline", t.cn("polyline", {
+        points: d.join(" "),
+        stroke: this.color,
+        strokeWidth: "4",
+        fill: "none",
+        clipPath: "url(#".concat(o, ")")
+      })), k && /* @__PURE__ */ i.createElement("polyline", t.cn("polyline", {
+        points: "0,".concat(this.defaultHeight, " ").concat(d.join(" "), " ").concat(this.defaultWidth, ",").concat(this.defaultHeight),
+        fill: this.color,
+        fillOpacity: 0.2,
+        clipPath: "url(#".concat(o, ")")
+      })), u && !m && /* @__PURE__ */ i.createElement("circle", t.cn("circle", {
+        cx: P * (_ - 1),
+        cy: this.defaultHeight - this.data[_ - 1],
+        r: this.lastPointRadius,
+        fill: p(u),
+        stroke: p("chart-grid-border"),
+        strokeWidth: 4,
+        clipPath: "url(#".concat(o, ")")
+      })), T && !m && /* @__PURE__ */ i.createElement("clipPath", t.cn("clipPath", {
+        id: o
+      }), /* @__PURE__ */ i.createElement("rect", t.cn("rect", {
+        x: "0",
+        y: "0",
+        width: "100%",
+        height: "100%",
+        fill: "black"
+      }), /* @__PURE__ */ i.createElement("animate", t.cn("animate", {
+        dur: "500ms",
+        attributeName: "width",
+        values: "0;100%"
+      }))))));
+    }
+  }]), s;
+}(j);
+h(l, "enhance", [D(), B()]);
+h(l, "style", M);
+h(l, "defaultProps", {
+  animate: !0
+});
+var q = C(l);
+q.displayName = "MiniChart.TrendLine";
+var I = C(l, {}, {
+  enhancements: [function() {
+    return {
+      wrapperProps: function(f) {
+        return S(f, {
+          withArea: !0
+        });
+      }
+    };
+  }]
+});
+I.displayName = "MiniChart.TrendArea";
+export {
+  I as TrendArea,
+  q as TrendLine
+};

package/lib/esm/component/trend/Trend.mjs

@@ -0,0 +1,66 @@
+import f from "@babel/runtime/helpers/esm/classCallCheck";
+import u from "@babel/runtime/helpers/esm/createClass";
+import a from "@babel/runtime/helpers/esm/assertThisInitialized";
+import c from "@babel/runtime/helpers/esm/inherits";
+import d from "@babel/runtime/helpers/esm/createSuper";
+import s from "@babel/runtime/helpers/esm/defineProperty";
+import m from "react";
+import { Component as p } from "@semcore/core";
+var R = /* @__PURE__ */ function(h) {
+  c(n, h);
+  var o = d(n);
+  function n() {
+    for (var e, t = arguments.length, r = new Array(t), i = 0; i < t; i++)
+      r[i] = arguments[i];
+    return f(this, n), e = o.call.apply(o, [this].concat(r)), s(a(e), "state", {
+      width: 200,
+      height: 100
+    }), s(a(e), "containerRef", /* @__PURE__ */ m.createRef()), e;
+  }
+  return u(n, [{
+    key: "componentDidMount",
+    value: function() {
+      this.setSizes();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function(t) {
+      (t.w !== this.props.w || t.h !== this.props.h || t.data !== this.props.data) && this.setSizes();
+    }
+  }, {
+    key: "defaultWidth",
+    get: function() {
+      var t = this.state, r = t.width, i = t.height;
+      return r / i * this.defaultHeight;
+    }
+  }, {
+    key: "defaultHeight",
+    get: function() {
+      return 100;
+    }
+  }, {
+    key: "svgWidth",
+    get: function() {
+      return this.defaultWidth;
+    }
+  }, {
+    key: "svgHeight",
+    get: function() {
+      return this.defaultHeight;
+    }
+  }, {
+    key: "setSizes",
+    value: function() {
+      if (this.containerRef.current) {
+        var t = this.containerRef.current.getBoundingClientRect(), r = t.width, i = t.height;
+        r > 0 && i > 0 && this.setState({
+          width: r,
+          height: i
+        });
+      }
+    }
+  }]), n;
+}(p);
+export {
+  R as Trend
+};

package/lib/esm/index.mjs

@@ -0,0 +1,16 @@
+import { ScoreSemiDonut as r, ScoreDonut as o } from "./component/score/Donut.mjs";
+import { ScoreLine as e } from "./component/score/Line.mjs";
+import { TrendLine as m, TrendArea as i } from "./component/trend/Line.mjs";
+import { TrendBar as t, TrendHistogram as n } from "./component/trend/Bar.mjs";
+var S = {
+  TrendLine: m,
+  TrendArea: i,
+  TrendBar: t,
+  TrendHistogram: n,
+  ScoreSemiDonut: r,
+  ScoreDonut: o,
+  ScoreLine: e
+};
+export {
+  S as default
+};

package/package.json

@@ -1,19 +1,24 @@
 {
   "name": "@semcore/mini-chart",
   "description": "Semrush MiniChart Component",
-  "version": "0.29.0-prerelease.9",
+  "version": "0.29.1-prerelease.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
   "sideEffects": false,
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
+  "exports": {
+    "require": "./lib/cjs/index.js",
+    "import": "./lib/esm/index.mjs",
+    "types": "./lib/types/index.d.ts"
+  },
   "dependencies": {
-    "@semcore/flex-box": "5.41.0-prerelease.9",
-    "@semcore/utils": "4.47.1-prerelease.9"
+    "@semcore/flex-box": "5.41.1-prerelease.0",
+    "@semcore/utils": "4.48.1-prerelease.0"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.39.0-prerelease.9",
+    "@semcore/core": "^2.39.1-prerelease.0",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },
@@ -27,6 +32,6 @@
     "@semcore/testing-utils": "1.0.0"
   },
   "scripts": {
-    "build": "pnpm semcore-builder --source=ts"
+    "build": "pnpm semcore-builder --source=ts && pnpm vite build"
   }
 }

package/vite.config.ts

@@ -0,0 +1,17 @@
+import { defineConfig, mergeConfig } from 'vite';
+
+import viteConfig from '../../commonVite.config';
+
+export default mergeConfig(
+  viteConfig,
+  defineConfig({
+    build: {
+      lib: {
+        entry: './src/index.ts',
+      },
+      rollupOptions: {
+        external: ['react', 'react-dom', 'react/jsx-runtime', /@babel\/runtime\/*/, /@semcore\/*/],
+      },
+    },
+  }),
+);