@semcore/skeleton 17.1.0-prerelease.3 → 17.2.0-prerelease.3

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [17.2.0] - 2026-06-05
+
+### Added
+
+- Links to the API and examples in the docs.
+
 ## [17.1.0] - 2026-05-13
 
 ### Added

package/lib/cjs/Skeleton.js

@@ -14,16 +14,16 @@ var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID
 var _react = _interopRequireDefault(require("react"));
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 /*!__reshadow-styles__:"./style/skeleton.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_gh2ck{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_gh2ck_gg_{animation-name:pulse_gh2ck;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_gh2ck);will-change:opacity}.___SSkeletonSVG_gh2ck_gg_._theme_invert_gh2ck_gg_{fill:var(--intergalactic-skeleton-bg, rgb(221, 222, 222))}.___SSkeletonSVG_gh2ck_gg_._theme_dark_gh2ck_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgb(44, 47, 43))}.___SText_gh2ck_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_gh2ck_gg_{animation-name:none}}", /*__inner_css_end__*/"gh2ck_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SSkeleton_1eo94_gg_{animation-name:pulse_1eo94;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_1eo94);will-change:opacity}@keyframes pulse_1eo94{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.___SSkeletonSVG_1eo94_gg_._theme_invert_1eo94_gg_{fill:var(--intergalactic-skeleton-bg,#dddede)}.___SSkeletonSVG_1eo94_gg_._theme_dark_1eo94_gg_{fill:var(--intergalactic-skeleton-bg-invert,#2c2f2b)}.___SText_1eo94_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_1eo94_gg_{animation-name:none}}", /*__inner_css_end__*/"1eo94_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SSkeleton": "___SSkeleton_gh2ck_gg_",
-  "--durationAnim": "--durationAnim_gh2ck",
-  "@pulse": "pulse_gh2ck",
-  "__SSkeletonSVG": "___SSkeletonSVG_gh2ck_gg_",
-  "_theme_invert": "_theme_invert_gh2ck_gg_",
-  "_theme_dark": "_theme_dark_gh2ck_gg_",
-  "__SText": "___SText_gh2ck_gg_"
+  "__SSkeleton": "___SSkeleton_1eo94_gg_",
+  "--durationAnim": "--durationAnim_1eo94",
+  "@pulse": "pulse_1eo94",
+  "__SSkeletonSVG": "___SSkeletonSVG_1eo94_gg_",
+  "_theme_invert": "_theme_invert_1eo94_gg_",
+  "_theme_dark": "_theme_dark_1eo94_gg_",
+  "__SText": "___SText_1eo94_gg_"
 });
 const MAP_COLOR_THEME = {
   dark: 'rgba(255, 255, 255, 0.3)',
@@ -43,6 +43,8 @@ class SkeletonRoot extends _core.Component {
     if (hidden) return null;
     return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SSkeleton, _ref3.cn("SSkeleton", {
       ...(0, _core.assignProps)({
+        "width": '100%',
+        "height": '100%',
         "durationAnim": `${duration}ms`,
         "role": 'img',
         "aria-label": getI18nText('loading')
@@ -54,8 +56,6 @@ class SkeletonRoot extends _core.Component {
 (0, _defineProperty2.default)(SkeletonRoot, "style", style);
 (0, _defineProperty2.default)(SkeletonRoot, "enhance", [(0, _i18nEnhance.default)(_intergalacticDynamicLocales.localizedMessages)]);
 (0, _defineProperty2.default)(SkeletonRoot, "defaultProps", {
-  width: '100%',
-  height: '100%',
   duration: 2000
 });
 class SkeletonSVG extends _core.Component {
@@ -159,7 +159,18 @@ function Text(props) {
     }));
   }));
 }
+
+/**
+ * Skeleton
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api/|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}
+ */
 const Skeleton = exports.Skeleton = (0, _core.createComponent)(SkeletonRoot);
+/**
+ * Skeleton SVG
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api/|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}
+ */
 var _default = exports.default = (0, _core.createComponent)(SkeletonSVG, {
   Text
 });

package/lib/cjs/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","names":["_core","require","_baseComponents","_canUseDOM","_interopRequireDefault","_i18nEnhance","_uniqueID","_react","_intergalacticDynamicLocales","style","sstyled","insert","MAP_COLOR_THEME","dark","invert","SkeletonRoot","Component","render","_ref","asProps","_ref3","SSkeleton","Box","styles","duration","hidden","getI18nText","default","createElement","cn","assignProps","_defineProperty2","i18nEnhance","localizedMessages","width","height","SkeletonSVG","constructor","props","React","createRef","canUseDOM","observeParentSize","observer","ResizeObserver","handleResize","bind","componentDidMount","current","svgRef","parentElement","observe","componentWillUnmount","disconnect","entries","target","svg","setAttribute","setContext","theme","gradientUrl","_ref2","_ref4","Children","uid","SSkeletonSVG","Skeleton","uniqueIDEnhancement","Text","SText","y","x","amount","forwardRef","other","amountLine","Number","Fragment","Array","map","_el","index","_ref5","exports","createComponent","_default"],"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":["_core","require","_baseComponents","_canUseDOM","_interopRequireDefault","_i18nEnhance","_uniqueID","_react","_intergalacticDynamicLocales","style","sstyled","insert","MAP_COLOR_THEME","dark","invert","SkeletonRoot","Component","render","_ref","asProps","_ref3","SSkeleton","Box","styles","duration","hidden","getI18nText","default","createElement","cn","assignProps","_defineProperty2","i18nEnhance","localizedMessages","SkeletonSVG","constructor","props","React","createRef","canUseDOM","observeParentSize","observer","ResizeObserver","handleResize","bind","componentDidMount","current","svgRef","parentElement","observe","componentWillUnmount","disconnect","entries","target","svg","setAttribute","setContext","theme","gradientUrl","_ref2","_ref4","Children","uid","SSkeletonSVG","Skeleton","uniqueIDEnhancement","Text","SText","y","x","amount","width","forwardRef","other","amountLine","Number","Fragment","Array","map","_el","index","_ref5","exports","createComponent","_default"],"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  {},\n  {},\n  NSSkeleton.DefaultProps\n> {\n  static displayName = 'Skeleton';\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)] as const;\n  static defaultProps = {\n    duration: 2000,\n  } as const;\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        width='100%'\n        height='100%'\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  never,\n  {},\n  {},\n  NSSkeleton.DefaultProps\n> {\n  static displayName = 'SkeletonSVG';\n  static enhance = [uniqueIDEnhancement()];\n  static style = style;\n\n  static defaultProps = {\n    theme: 'invert',\n    duration: 2000,\n  } as const;\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\n/**\n * Skeleton\n *\n * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api/|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}\n */\nconst Skeleton = createComponent<\n  NSSkeleton.RenderComponent,\n  typeof SkeletonRoot\n>(SkeletonRoot);\n\nexport { Skeleton };\n\n/**\n * Skeleton SVG\n *\n * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api/|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}\n */\nexport default createComponent<\n  NSSkeleton.Component,\n  typeof SkeletonSVG\n>(SkeletonSVG, {\n  Text,\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/Skeleton.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.type.js","names":[],"sources":["../../src/Skeleton.type.ts"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { UniqueIDProps } from '@semcore/core/lib/utils/uniqueID';\n\ndeclare namespace NSSkeleton {\n  type Props = BoxProps & 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    /** Specifies the locale for i18n support */\n    locale?: string;\n    /**\n     * Enable ResizeObserver for parent Element to recalculate skeleton size.\n     * @default false\n     */\n    observeParentSize?: boolean;\n  };\n  type Ctx = {\n    gradientUrl: string;\n  };\n\n  namespace Text {\n    type Props = BoxProps & {\n      // TODO: It looks like it should be number (def. not a string...)\n      /**\n       * Number of items to be returned\n       * @default 1\n       */\n      amount?: string | number;\n    };\n\n    type Component = Intergalactic.Component<'rect', Props>;\n  }\n\n  type RenderComponent = Intergalactic.Component<'div', Props, Ctx>;\n\n  type Component = Intergalactic.Component<'svg', Props, Ctx> & {\n    Text: Text.Component;\n  };\n}\n\n/** @deprecated It will be removed in v18. */\nexport type SkeletonProps = NSSkeleton.Props;\n/** @deprecated It will be removed in v18. */\nexport type SkeletonCtx = NSSkeleton.Ctx;\n/** @deprecated It will be removed in v18. */\nexport type SkeletonTextProps = NSSkeleton.Text.Props;\n\nexport type { NSSkeleton };\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"Skeleton.type.js","names":[],"sources":["../../src/Skeleton.type.ts"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { UniqueIDProps } from '@semcore/core/lib/utils/uniqueID';\n\ndeclare namespace NSSkeleton {\n  type Props = BoxProps & 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    /** Specifies the locale for i18n support */\n    locale?: string;\n    /**\n     * Enable ResizeObserver for parent Element to recalculate skeleton size.\n     * @default false\n     */\n    observeParentSize?: boolean;\n  };\n  type Ctx = {\n    gradientUrl: string;\n  };\n\n  type DefaultProps = {\n    theme?: 'invert';\n    duration: 2000;\n  };\n\n  namespace Text {\n    type Props = BoxProps & {\n      // TODO: It looks like it should be number (def. not a string...)\n      /**\n       * Number of items to be returned\n       * @default 1\n       */\n      amount?: string | number;\n    };\n\n    type Component = Intergalactic.Component<'rect', Props>;\n  }\n\n  type RenderComponent = Intergalactic.Component<'div', Props, Ctx>;\n\n  type Component = Intergalactic.Component<'svg', Props, Ctx> & {\n    Text: Text.Component;\n  };\n}\n\n/** @deprecated It will be removed in v18. */\nexport type SkeletonProps = NSSkeleton.Props;\n/** @deprecated It will be removed in v18. */\nexport type SkeletonCtx = NSSkeleton.Ctx;\n/** @deprecated It will be removed in v18. */\nexport type SkeletonTextProps = NSSkeleton.Text.Props;\n\nexport type { NSSkeleton };\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/charts/Area/Area.js

@@ -9,17 +9,17 @@ var _core = require("@semcore/core");
 var _react = _interopRequireDefault(require("react"));
 var _Skeleton = require("../../Skeleton");
 /*!__reshadow-styles__:"../../style/chart.shadow.css"*/
-const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_9rf04_gg_{height:200px;width:100%;background-image:var(--bgPattern_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgPosition_9rf04_gg_{background-position:var(--bgPosition_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgSize_9rf04_gg_{background-size:var(--bgSize_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgRepeat_9rf04_gg_{background-repeat:var(--bgRepeat_9rf04)}", /*__inner_css_end__*/"9rf04_gg_"),
+const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1g6wu_gg_{height:200px;width:100%;background-image:var(--bgPattern_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgPosition_1g6wu_gg_{background-position:var(--bgPosition_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgSize_1g6wu_gg_{background-size:var(--bgSize_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgRepeat_1g6wu_gg_{background-repeat:var(--bgRepeat_1g6wu)}", /*__inner_css_end__*/"1g6wu_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SChartSkeleton": "___SChartSkeleton_9rf04_gg_",
-  "--bgPattern": "--bgPattern_9rf04",
-  "_bgPosition": "__bgPosition_9rf04_gg_",
-  "--bgPosition": "--bgPosition_9rf04",
-  "_bgSize": "__bgSize_9rf04_gg_",
-  "--bgSize": "--bgSize_9rf04",
-  "_bgRepeat": "__bgRepeat_9rf04_gg_",
-  "--bgRepeat": "--bgRepeat_9rf04"
+  "__SChartSkeleton": "___SChartSkeleton_1g6wu_gg_",
+  "--bgPattern": "--bgPattern_1g6wu",
+  "_bgPosition": "__bgPosition_1g6wu_gg_",
+  "--bgPosition": "--bgPosition_1g6wu",
+  "_bgSize": "__bgSize_1g6wu_gg_",
+  "--bgSize": "--bgSize_1g6wu",
+  "_bgRepeat": "__bgRepeat_1g6wu_gg_",
+  "--bgRepeat": "--bgRepeat_1g6wu"
 }); // TODO: replace it with babel-plugin-inline-import/or vite plugin.
 // @ts-ignore
 const areaLinearSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0QzMyLjAwMDEgNDUuOTM5NCAzMi4wMDAxIDEyIDAgMTJWNzZIMTI4VjEyQzk1Ljk5OTkgMTIgOTUuOTk5OSA0NS45Mzk0IDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
@@ -43,5 +43,11 @@ function AreaChartSkeleton(props) {
     }, _ref)
   }));
 }
+
+/**
+ * AreaChartSkeleton
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#areachartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code#chart-skeleton|Examples}
+ */
 var _default = exports.default = (0, _core.createComponent)(AreaChartSkeleton);
 //# sourceMappingURL=Area.js.map

package/lib/cjs/charts/Area/Area.js.map

@@ -1 +1 @@
-{"version":3,"file":"Area.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","areaLinearSvg","areaMonotoneSvg","pattern","linear","monotone","AreaChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","default","createElement","cn","assignProps","type","_default","exports","createComponent"],"sources":["../../../../src/charts/Area/Area.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonAreaChart } from './Area.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst areaLinearSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/area-chart-linear.svg'))\n`;\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst areaMonotoneSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/area-chart-monotone.svg'))\n`;\n\nconst pattern = {\n  linear: areaLinearSvg,\n  monotone: areaMonotoneSvg,\n};\n\nfunction AreaChartSkeleton(props: Intergalactic.InternalTypings.InferComponentProps<NSSkeletonAreaChart.Component>) {\n  const SChartSkeleton = Root;\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat='repeat-x'\n      bgPosition='left bottom'\n      bgSize='auto 50%'\n      bgPattern={`url(data:image/svg+xml;base64,${pattern[props.type ?? 'linear']})`}\n    />,\n  );\n}\n\nexport default createComponent(AreaChartSkeleton) as NSSkeletonAreaChart.Component;\n"],"mappings":";;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,SAAA,GAAAH,OAAA;AAA0C;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,aAAa,yVAElB;AACD;AACA;AACA,MAAMC,eAAe,iRAEpB;AAED,MAAMC,OAAO,GAAG;EACdC,MAAM,EAAEH,aAAa;EACrBI,QAAQ,EAAEH;AACZ,CAAC;AAED,SAASI,iBAAiBA,CAACC,KAAuF,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAClH,MAAMC,cAAc,GAGRC,kBAAQ;EAFpB,OAAAF,KAAA,GAAO,IAAAX,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACH,cAAc,EAAAD,KAAA,CAAAK,EAAA;IAAA,OAAAtB,KAAA,CAAAuB,WAAA;MAAA,YAEJ,UAAU;MAAA,cACR,aAAa;MAAA,UACjB,UAAU;MAAA,aACN,iCAAiCb,OAAO,CAACI,KAAK,CAACU,IAAI,IAAI,QAAQ,CAAC;IAAG,GAAAT,IAAA;EAAA,EAC/E,CAAC;AAEN;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAN,OAAA,GAEc,IAAAO,qBAAe,EAACd,iBAAiB,CAAC","ignoreList":[]}
+{"version":3,"file":"Area.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","areaLinearSvg","areaMonotoneSvg","pattern","linear","monotone","AreaChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","default","createElement","cn","assignProps","type","_default","exports","createComponent"],"sources":["../../../../src/charts/Area/Area.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonAreaChart } from './Area.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst areaLinearSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/area-chart-linear.svg'))\n`;\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst areaMonotoneSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/area-chart-monotone.svg'))\n`;\n\nconst pattern = {\n  linear: areaLinearSvg,\n  monotone: areaMonotoneSvg,\n};\n\nfunction AreaChartSkeleton(props: Intergalactic.InternalTypings.InferComponentProps<NSSkeletonAreaChart.Component>) {\n  const SChartSkeleton = Root;\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat='repeat-x'\n      bgPosition='left bottom'\n      bgSize='auto 50%'\n      bgPattern={`url(data:image/svg+xml;base64,${pattern[props.type ?? 'linear']})`}\n    />,\n  );\n}\n\n/**\n * AreaChartSkeleton\n *\n * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#areachartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code#chart-skeleton|Examples}\n */\nexport default createComponent<\n  NSSkeletonAreaChart.Component,\n  typeof AreaChartSkeleton\n>(AreaChartSkeleton);\n"],"mappings":";;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,SAAA,GAAAH,OAAA;AAA0C;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,aAAa,yVAElB;AACD;AACA;AACA,MAAMC,eAAe,iRAEpB;AAED,MAAMC,OAAO,GAAG;EACdC,MAAM,EAAEH,aAAa;EACrBI,QAAQ,EAAEH;AACZ,CAAC;AAED,SAASI,iBAAiBA,CAACC,KAAuF,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAClH,MAAMC,cAAc,GAGRC,kBAAQ;EAFpB,OAAAF,KAAA,GAAO,IAAAX,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACH,cAAc,EAAAD,KAAA,CAAAK,EAAA;IAAA,OAAAtB,KAAA,CAAAuB,WAAA;MAAA,YAEJ,UAAU;MAAA,cACR,aAAa;MAAA,UACjB,UAAU;MAAA,aACN,iCAAiCb,OAAO,CAACI,KAAK,CAACU,IAAI,IAAI,QAAQ,CAAC;IAAG,GAAAT,IAAA;EAAA,EAC/E,CAAC;AAEN;;AAEA;AACA;AACA;AACA;AACA;AAJA,IAAAU,QAAA,GAAAC,OAAA,CAAAN,OAAA,GAKe,IAAAO,qBAAe,EAG5Bd,iBAAiB,CAAC","ignoreList":[]}

package/lib/cjs/charts/Bar/Bar.js

@@ -9,17 +9,17 @@ var _core = require("@semcore/core");
 var _react = _interopRequireDefault(require("react"));
 var _Skeleton = require("../../Skeleton");
 /*!__reshadow-styles__:"../../style/chart.shadow.css"*/
-const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_9rf04_gg_{height:200px;width:100%;background-image:var(--bgPattern_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgPosition_9rf04_gg_{background-position:var(--bgPosition_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgSize_9rf04_gg_{background-size:var(--bgSize_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgRepeat_9rf04_gg_{background-repeat:var(--bgRepeat_9rf04)}", /*__inner_css_end__*/"9rf04_gg_"),
+const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1g6wu_gg_{height:200px;width:100%;background-image:var(--bgPattern_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgPosition_1g6wu_gg_{background-position:var(--bgPosition_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgSize_1g6wu_gg_{background-size:var(--bgSize_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgRepeat_1g6wu_gg_{background-repeat:var(--bgRepeat_1g6wu)}", /*__inner_css_end__*/"1g6wu_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SChartSkeleton": "___SChartSkeleton_9rf04_gg_",
-  "--bgPattern": "--bgPattern_9rf04",
-  "_bgPosition": "__bgPosition_9rf04_gg_",
-  "--bgPosition": "--bgPosition_9rf04",
-  "_bgSize": "__bgSize_9rf04_gg_",
-  "--bgSize": "--bgSize_9rf04",
-  "_bgRepeat": "__bgRepeat_9rf04_gg_",
-  "--bgRepeat": "--bgRepeat_9rf04"
+  "__SChartSkeleton": "___SChartSkeleton_1g6wu_gg_",
+  "--bgPattern": "--bgPattern_1g6wu",
+  "_bgPosition": "__bgPosition_1g6wu_gg_",
+  "--bgPosition": "--bgPosition_1g6wu",
+  "_bgSize": "__bgSize_1g6wu_gg_",
+  "--bgSize": "--bgSize_1g6wu",
+  "_bgRepeat": "__bgRepeat_1g6wu_gg_",
+  "--bgRepeat": "--bgRepeat_1g6wu"
 }); // TODO: replace it with babel-plugin-inline-import/or vite plugin.
 // @ts-ignore
 const barVerticalSvg = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDE3MiAxNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDBIMTIwQzEyMi4yMDkgMCAxMjQgMS43OTA4NiAxMjQgNFYxMkMxMjQgMTQuMjA5MSAxMjIuMjA5IDE2IDEyMCAxNkgwVjBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMCAyOEgxNTZDMTU4LjIwOSAyOCAxNjAgMjkuNzkwOSAxNjAgMzJWNDBDMTYwIDQyLjIwOTEgMTU4LjIwOSA0NCAxNTYgNDRIMFYyOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDU2SDEzOEMxNDAuMjA5IDU2IDE0MiA1Ny43OTA5IDE0MiA2MFY2OEMxNDIgNzAuMjA5MSAxNDAuMjA5IDcyIDEzOCA3MkgwVjU2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTAgODRIMTU2QzE1OC4yMDkgODQgMTYwIDg1Ljc5MDkgMTYwIDg4Vjk2QzE2MCA5OC4yMDkxIDE1OC4yMDkgMTAwIDE1NiAxMDBIMFY4NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDExMkgxMTZDMTE4LjIwOSAxMTIgMTIwIDExMy43OTEgMTIwIDExNlYxMjRDMTIwIDEyNi4yMDkgMTE4LjIwOSAxMjggMTE2IDEyOEgwVjExMloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
@@ -56,5 +56,11 @@ function BarChartSkeleton(props) {
     }, _ref)
   }));
 }
+
+/**
+ * BarChartSkeleton
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#barchartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code#chart-skeleton|Examples}
+ */
 var _default = exports.default = (0, _core.createComponent)(BarChartSkeleton);
 //# sourceMappingURL=Bar.js.map

package/lib/cjs/charts/Bar/Bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bar.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","barVerticalSvg","barHorizontalSvg","pattern","vertical","horizontal","repeat","position","size","BarChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","layout","default","createElement","cn","assignProps","_default","exports","createComponent"],"sources":["../../../../src/charts/Bar/Bar.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonBarChart } from './Bar.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\n\nconst barVerticalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/bar-chart-vertical.svg'))\n`;\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst barHorizontalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/bar-chart-horizontal.svg'))\n`;\n\nconst pattern = { vertical: barVerticalSvg, horizontal: barHorizontalSvg };\nconst repeat = { vertical: 'repeat-y', horizontal: 'repeat-x' };\nconst position = { vertical: 'left top', horizontal: 'left bottom' };\nconst size = { vertical: 'contain', horizontal: 'auto 50%' };\n\nfunction BarChartSkeleton(\n  props: Intergalactic.InternalTypings.InferComponentProps<NSSkeletonBarChart.Component>,\n) {\n  const SChartSkeleton = Root;\n  const layout = props.layout ?? 'horizontal';\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat={repeat[layout]}\n      bgPosition={position[layout]}\n      bgSize={size[layout]}\n      bgPattern={`url(data:image/svg+xml;base64,${pattern[layout]})`}\n    />,\n  );\n}\n\nexport default createComponent(BarChartSkeleton) as NSSkeletonBarChart.Component;\n"],"mappings":";;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,SAAA,GAAAH,OAAA;AAA0C;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AAEA,MAAMC,cAAc,69BAEnB;AACD;AACA;AACA,MAAMC,gBAAgB,izBAErB;AAED,MAAMC,OAAO,GAAG;EAAEC,QAAQ,EAAEH,cAAc;EAAEI,UAAU,EAAEH;AAAiB,CAAC;AAC1E,MAAMI,MAAM,GAAG;EAAEF,QAAQ,EAAE,UAAU;EAAEC,UAAU,EAAE;AAAW,CAAC;AAC/D,MAAME,QAAQ,GAAG;EAAEH,QAAQ,EAAE,UAAU;EAAEC,UAAU,EAAE;AAAc,CAAC;AACpE,MAAMG,IAAI,GAAG;EAAEJ,QAAQ,EAAE,SAAS;EAAEC,UAAU,EAAE;AAAW,CAAC;AAE5D,SAASI,gBAAgBA,CACvBC,KAAsF,EACtF;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACA,MAAMC,cAAc,GAIRC,kBAAQ;EAHpB,MAAMC,MAAM,GAAGN,KAAK,CAACM,MAAM,IAAI,YAAY;EAC3C,OAAAH,KAAA,GAAO,IAAAd,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACJ,cAAc,EAAAD,KAAA,CAAAM,EAAA;IAAA,OAAA1B,KAAA,CAAA2B,WAAA;MAAA,YAEHd,MAAM,CAACU,MAAM,CAAC;MAAA,cACZT,QAAQ,CAACS,MAAM,CAAC;MAAA,UACpBR,IAAI,CAACQ,MAAM,CAAC;MAAA,aACT,iCAAiCb,OAAO,CAACa,MAAM,CAAC;IAAG,GAAAL,IAAA;EAAA,EAC/D,CAAC;AAEN;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEc,IAAAM,qBAAe,EAACd,gBAAgB,CAAC","ignoreList":[]}
+{"version":3,"file":"Bar.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","barVerticalSvg","barHorizontalSvg","pattern","vertical","horizontal","repeat","position","size","BarChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","layout","default","createElement","cn","assignProps","_default","exports","createComponent"],"sources":["../../../../src/charts/Bar/Bar.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonBarChart } from './Bar.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\n\nconst barVerticalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/bar-chart-vertical.svg'))\n`;\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst barHorizontalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/bar-chart-horizontal.svg'))\n`;\n\nconst pattern = { vertical: barVerticalSvg, horizontal: barHorizontalSvg };\nconst repeat = { vertical: 'repeat-y', horizontal: 'repeat-x' };\nconst position = { vertical: 'left top', horizontal: 'left bottom' };\nconst size = { vertical: 'contain', horizontal: 'auto 50%' };\n\nfunction BarChartSkeleton(\n  props: Intergalactic.InternalTypings.InferComponentProps<NSSkeletonBarChart.Component>,\n) {\n  const SChartSkeleton = Root;\n  const layout = props.layout ?? 'horizontal';\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat={repeat[layout]}\n      bgPosition={position[layout]}\n      bgSize={size[layout]}\n      bgPattern={`url(data:image/svg+xml;base64,${pattern[layout]})`}\n    />,\n  );\n}\n\n/**\n * BarChartSkeleton\n *\n * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#barchartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code#chart-skeleton|Examples}\n */\nexport default createComponent<\n  NSSkeletonBarChart.Component,\n  typeof BarChartSkeleton\n>(BarChartSkeleton);\n"],"mappings":";;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,SAAA,GAAAH,OAAA;AAA0C;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AAEA,MAAMC,cAAc,69BAEnB;AACD;AACA;AACA,MAAMC,gBAAgB,izBAErB;AAED,MAAMC,OAAO,GAAG;EAAEC,QAAQ,EAAEH,cAAc;EAAEI,UAAU,EAAEH;AAAiB,CAAC;AAC1E,MAAMI,MAAM,GAAG;EAAEF,QAAQ,EAAE,UAAU;EAAEC,UAAU,EAAE;AAAW,CAAC;AAC/D,MAAME,QAAQ,GAAG;EAAEH,QAAQ,EAAE,UAAU;EAAEC,UAAU,EAAE;AAAc,CAAC;AACpE,MAAMG,IAAI,GAAG;EAAEJ,QAAQ,EAAE,SAAS;EAAEC,UAAU,EAAE;AAAW,CAAC;AAE5D,SAASI,gBAAgBA,CACvBC,KAAsF,EACtF;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACA,MAAMC,cAAc,GAIRC,kBAAQ;EAHpB,MAAMC,MAAM,GAAGN,KAAK,CAACM,MAAM,IAAI,YAAY;EAC3C,OAAAH,KAAA,GAAO,IAAAd,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACJ,cAAc,EAAAD,KAAA,CAAAM,EAAA;IAAA,OAAA1B,KAAA,CAAA2B,WAAA;MAAA,YAEHd,MAAM,CAACU,MAAM,CAAC;MAAA,cACZT,QAAQ,CAACS,MAAM,CAAC;MAAA,UACpBR,IAAI,CAACQ,MAAM,CAAC;MAAA,aACT,iCAAiCb,OAAO,CAACa,MAAM,CAAC;IAAG,GAAAL,IAAA;EAAA,EAC/D,CAAC;AAEN;;AAEA;AACA;AACA;AACA;AACA;AAJA,IAAAU,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAKe,IAAAM,qBAAe,EAG5Bd,gBAAgB,CAAC","ignoreList":[]}

package/lib/cjs/charts/Bubble/Bubble.js

@@ -9,17 +9,17 @@ var _core = require("@semcore/core");
 var _react = _interopRequireDefault(require("react"));
 var _Skeleton = require("../../Skeleton");
 /*!__reshadow-styles__:"../../style/chart.shadow.css"*/
-const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_9rf04_gg_{height:200px;width:100%;background-image:var(--bgPattern_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgPosition_9rf04_gg_{background-position:var(--bgPosition_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgSize_9rf04_gg_{background-size:var(--bgSize_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgRepeat_9rf04_gg_{background-repeat:var(--bgRepeat_9rf04)}", /*__inner_css_end__*/"9rf04_gg_"),
+const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1g6wu_gg_{height:200px;width:100%;background-image:var(--bgPattern_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgPosition_1g6wu_gg_{background-position:var(--bgPosition_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgSize_1g6wu_gg_{background-size:var(--bgSize_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgRepeat_1g6wu_gg_{background-repeat:var(--bgRepeat_1g6wu)}", /*__inner_css_end__*/"1g6wu_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SChartSkeleton": "___SChartSkeleton_9rf04_gg_",
-  "--bgPattern": "--bgPattern_9rf04",
-  "_bgPosition": "__bgPosition_9rf04_gg_",
-  "--bgPosition": "--bgPosition_9rf04",
-  "_bgSize": "__bgSize_9rf04_gg_",
-  "--bgSize": "--bgSize_9rf04",
-  "_bgRepeat": "__bgRepeat_9rf04_gg_",
-  "--bgRepeat": "--bgRepeat_9rf04"
+  "__SChartSkeleton": "___SChartSkeleton_1g6wu_gg_",
+  "--bgPattern": "--bgPattern_1g6wu",
+  "_bgPosition": "__bgPosition_1g6wu_gg_",
+  "--bgPosition": "--bgPosition_1g6wu",
+  "_bgSize": "__bgSize_1g6wu_gg_",
+  "--bgSize": "--bgSize_1g6wu",
+  "_bgRepeat": "__bgRepeat_1g6wu_gg_",
+  "--bgRepeat": "--bgRepeat_1g6wu"
 }); // TODO: replace it with babel-plugin-inline-import/or vite plugin.
 // @ts-ignore
 const bubbleSvg = "PHN2ZyB3aWR0aD0iMzc2IiBoZWlnaHQ9IjE2NCIgdmlld0JveD0iMCAwIDM3NiAxNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00OCAxNjRDNzAuMDkxNCAxNjQgODggMTQ2LjA5MSA4OCAxMjRDODggMTAxLjkwOSA3MC4wOTE0IDg0IDQ4IDg0QzI1LjkwODYgODQgOCAxMDEuOTA5IDggMTI0QzggMTQ2LjA5MSAyNS45MDg2IDE2NCA0OCAxNjRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNODggNDhDMTAxLjI1NSA0OCAxMTIgMzcuMjU0OCAxMTIgMjRDMTEyIDEwLjc0NTIgMTAxLjI1NSAwIDg4IDBDNzQuNzQ1MiAwIDY0IDEwLjc0NTIgNjQgMjRDNjQgMzcuMjU0OCA3NC43NDUyIDQ4IDg4IDQ4WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTI5Mi41IDU1QzMwNS40NzkgNTUgMzE2IDQ0LjQ3ODcgMzE2IDMxLjVDMzE2IDE4LjUyMTMgMzA1LjQ3OSA4IDI5Mi41IDhDMjc5LjUyMSA4IDI2OSAxOC41MjEzIDI2OSAzMS41QzI2OSA0NC40Nzg3IDI3OS41MjEgNTUgMjkyLjUgNTVaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMzQ0IDk4QzM1Mi44MzcgOTggMzYwIDkwLjgzNjYgMzYwIDgyQzM2MCA3My4xNjM0IDM1Mi44MzcgNjYgMzQ0IDY2QzMzNS4xNjMgNjYgMzI4IDczLjE2MzQgMzI4IDgyQzMyOCA5MC44MzY2IDMzNS4xNjMgOTggMzQ0IDk4WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTE4OCAxMzRDMjE2LjcxOSAxMzQgMjQwIDExMC43MTkgMjQwIDgyQzI0MCA1My4yODEyIDIxNi43MTkgMzAgMTg4IDMwQzE1OS4yODEgMzAgMTM2IDUzLjI4MTIgMTM2IDgyQzEzNiAxMTAuNzE5IDE1OS4yODEgMTM0IDE4OCAxMzRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
@@ -36,5 +36,11 @@ function BubbleChartSkeleton() {
     }, _ref)
   }));
 }
+
+/**
+ * BubbleChartSkeleton
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api/|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}
+ */
 var _default = exports.default = (0, _core.createComponent)(BubbleChartSkeleton);
 //# sourceMappingURL=Bubble.js.map

package/lib/cjs/charts/Bubble/Bubble.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bubble.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","bubbleSvg","BubbleChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","default","createElement","cn","assignProps","_default","exports","createComponent"],"sources":["../../../../src/charts/Bubble/Bubble.tsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonBubbleChart } from './Bubble.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst bubbleSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/bubble-chart.svg'))\n`;\n\nfunction BubbleChartSkeleton() {\n  const SChartSkeleton = Root;\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat='repeat-x'\n      bgPosition='left center'\n      bgSize='auto 50%'\n      bgPattern={`url(data:image/svg+xml;base64,${bubbleSvg})`}\n    />,\n  );\n}\n\nexport default createComponent(BubbleChartSkeleton) as NSSkeletonBubbleChart.Component;\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,SAAA,GAAAH,OAAA;AAA0C;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,SAAS,6xCAEd;AAED,SAASC,mBAAmBA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC7B,MAAMC,cAAc,GAGRC,kBAAQ;EAFpB,OAAAF,KAAA,GAAO,IAAAN,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACH,cAAc,EAAAD,KAAA,CAAAK,EAAA;IAAA,OAAAjB,KAAA,CAAAkB,WAAA;MAAA,YAEJ,UAAU;MAAA,cACR,aAAa;MAAA,UACjB,UAAU;MAAA,aACN,iCAAiCV,SAAS;IAAG,GAAAE,IAAA;EAAA,EACzD,CAAC;AAEN;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEc,IAAAM,qBAAe,EAACZ,mBAAmB,CAAC","ignoreList":[]}
+{"version":3,"file":"Bubble.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","bubbleSvg","BubbleChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","default","createElement","cn","assignProps","_default","exports","createComponent"],"sources":["../../../../src/charts/Bubble/Bubble.tsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonBubbleChart } from './Bubble.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst bubbleSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/bubble-chart.svg'))\n`;\n\nfunction BubbleChartSkeleton() {\n  const SChartSkeleton = Root;\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat='repeat-x'\n      bgPosition='left center'\n      bgSize='auto 50%'\n      bgPattern={`url(data:image/svg+xml;base64,${bubbleSvg})`}\n    />,\n  );\n}\n\n/**\n * BubbleChartSkeleton\n *\n * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api/|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}\n */\nexport default createComponent<\n  NSSkeletonBubbleChart.Component,\n  typeof BubbleChartSkeleton\n>(BubbleChartSkeleton);\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,SAAA,GAAAH,OAAA;AAA0C;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,SAAS,6xCAEd;AAED,SAASC,mBAAmBA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC7B,MAAMC,cAAc,GAGRC,kBAAQ;EAFpB,OAAAF,KAAA,GAAO,IAAAN,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACH,cAAc,EAAAD,KAAA,CAAAK,EAAA;IAAA,OAAAjB,KAAA,CAAAkB,WAAA;MAAA,YAEJ,UAAU;MAAA,cACR,aAAa;MAAA,UACjB,UAAU;MAAA,aACN,iCAAiCV,SAAS;IAAG,GAAAE,IAAA;EAAA,EACzD,CAAC;AAEN;;AAEA;AACA;AACA;AACA;AACA;AAJA,IAAAS,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAKe,IAAAM,qBAAe,EAG5BZ,mBAAmB,CAAC","ignoreList":[]}

package/lib/cjs/charts/CompactHorizontalBar/CompactHorizontalBar.js

@@ -9,17 +9,17 @@ var _core = require("@semcore/core");
 var _react = _interopRequireDefault(require("react"));
 var _Skeleton = require("../../Skeleton");
 /*!__reshadow-styles__:"../../style/chart.shadow.css"*/
-const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_9rf04_gg_{height:200px;width:100%;background-image:var(--bgPattern_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgPosition_9rf04_gg_{background-position:var(--bgPosition_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgSize_9rf04_gg_{background-size:var(--bgSize_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgRepeat_9rf04_gg_{background-repeat:var(--bgRepeat_9rf04)}", /*__inner_css_end__*/"9rf04_gg_"),
+const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1g6wu_gg_{height:200px;width:100%;background-image:var(--bgPattern_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgPosition_1g6wu_gg_{background-position:var(--bgPosition_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgSize_1g6wu_gg_{background-size:var(--bgSize_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgRepeat_1g6wu_gg_{background-repeat:var(--bgRepeat_1g6wu)}", /*__inner_css_end__*/"1g6wu_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SChartSkeleton": "___SChartSkeleton_9rf04_gg_",
-  "--bgPattern": "--bgPattern_9rf04",
-  "_bgPosition": "__bgPosition_9rf04_gg_",
-  "--bgPosition": "--bgPosition_9rf04",
-  "_bgSize": "__bgSize_9rf04_gg_",
-  "--bgSize": "--bgSize_9rf04",
-  "_bgRepeat": "__bgRepeat_9rf04_gg_",
-  "--bgRepeat": "--bgRepeat_9rf04"
+  "__SChartSkeleton": "___SChartSkeleton_1g6wu_gg_",
+  "--bgPattern": "--bgPattern_1g6wu",
+  "_bgPosition": "__bgPosition_1g6wu_gg_",
+  "--bgPosition": "--bgPosition_1g6wu",
+  "_bgSize": "__bgSize_1g6wu_gg_",
+  "--bgSize": "--bgSize_1g6wu",
+  "_bgRepeat": "__bgRepeat_1g6wu_gg_",
+  "--bgRepeat": "--bgRepeat_1g6wu"
 }); // TODO: replace it with babel-plugin-inline-import/or vite plugin.
 // @ts-ignore
 const patternBase64 = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE1NiIgdmlld0JveD0iMCAwIDE3MiAxNTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTAgMEgxMjBDMTIyLjIwOSAwIDEyNCAxLjc5MDg2IDEyNCA0VjEyQzEyNCAxNC4yMDkxIDEyMi4yMDkgMTYgMTIwIDE2SDBWMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CiAgPHBhdGggZD0iTTAgMzJIMTU2QzE1OC4yMDkgMzIgMTYwIDMzLjc5MDkgMTYwIDM2VjQ0QzE2MCA0Ni4yMDkxIDE1OC4yMDkgNDggMTU2IDQ4SDBWMzJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgogIDxwYXRoIGQ9Ik0wIDY0SDEzOEMxNDAuMjA5IDY0IDE0MiA2NS43OTA5IDE0MiA2OFY3NkMxNDIgNzguMjA5MSAxNDAuMjA5IDgwIDEzOCA4MEgwVjY0WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KICA8cGF0aCBkPSJNMCA5NkgxNTZDMTU4LjIwOSA5NiAxNjAgOTcuNzkwOSAxNjAgMTAwVjEwOEMxNjAgMTEwLjIwOSAxNTguMjA5IDExMiAxNTYgMTEySDBWOTZaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgogIDxwYXRoIGQ9Ik0wIDEyOEgxMTZDMTE4LjIwOSAxMjggMTIwIDEyOS43OTEgMTIwIDEzMlYxNDBDMTIwIDE0Mi4yMDkgMTE4LjIwOSAxNDQgMTE2IDE0NEgwVjEyOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CiAgPC9zdmc+CiAg";
@@ -36,5 +36,11 @@ function CompactHorizontalBarChartSkeleton() {
     }, _ref)
   }));
 }
+
+/**
+ * CompactHorizontalBarChartSkeleton
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api/|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}
+ */
 var _default = exports.default = (0, _core.createComponent)(CompactHorizontalBarChartSkeleton);
 //# sourceMappingURL=CompactHorizontalBar.js.map

package/lib/cjs/charts/CompactHorizontalBar/CompactHorizontalBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompactHorizontalBar.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","patternBase64","CompactHorizontalBarChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","default","createElement","cn","assignProps","_default","exports","createComponent"],"sources":["../../../../src/charts/CompactHorizontalBar/CompactHorizontalBar.tsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonCompactHorizontalBar } from './CompactHorizontalBar.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst patternBase64 = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/compact-horizontal-bar-chart.svg'))\n`;\n\nfunction CompactHorizontalBarChartSkeleton() {\n  const SChartSkeleton = Root;\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat='repeat-y'\n      bgPosition='left top'\n      bgSize='contain'\n      bgPattern={`url(data:image/svg+xml;base64,${patternBase64})`}\n    />,\n  );\n}\n\nexport default createComponent(CompactHorizontalBarChartSkeleton) as NSSkeletonCompactHorizontalBar.Component;\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,SAAA,GAAAH,OAAA;AAA0C;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,aAAa,i/BAElB;AAED,SAASC,iCAAiCA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC3C,MAAMC,cAAc,GAGRC,kBAAQ;EAFpB,OAAAF,KAAA,GAAO,IAAAN,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACH,cAAc,EAAAD,KAAA,CAAAK,EAAA;IAAA,OAAAjB,KAAA,CAAAkB,WAAA;MAAA,YAEJ,UAAU;MAAA,cACR,UAAU;MAAA,UACd,SAAS;MAAA,aACL,iCAAiCV,aAAa;IAAG,GAAAE,IAAA;EAAA,EAC7D,CAAC;AAEN;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEc,IAAAM,qBAAe,EAACZ,iCAAiC,CAAC","ignoreList":[]}
+{"version":3,"file":"CompactHorizontalBar.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","patternBase64","CompactHorizontalBarChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","default","createElement","cn","assignProps","_default","exports","createComponent"],"sources":["../../../../src/charts/CompactHorizontalBar/CompactHorizontalBar.tsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonCompactHorizontalBar } from './CompactHorizontalBar.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst patternBase64 = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/compact-horizontal-bar-chart.svg'))\n`;\n\nfunction CompactHorizontalBarChartSkeleton() {\n  const SChartSkeleton = Root;\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat='repeat-y'\n      bgPosition='left top'\n      bgSize='contain'\n      bgPattern={`url(data:image/svg+xml;base64,${patternBase64})`}\n    />,\n  );\n}\n\n/**\n * CompactHorizontalBarChartSkeleton\n *\n * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api/|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}\n */\nexport default createComponent<\n  NSSkeletonCompactHorizontalBar.Component,\n  typeof CompactHorizontalBarChartSkeleton\n>(CompactHorizontalBarChartSkeleton);\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,SAAA,GAAAH,OAAA;AAA0C;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,aAAa,i/BAElB;AAED,SAASC,iCAAiCA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC3C,MAAMC,cAAc,GAGRC,kBAAQ;EAFpB,OAAAF,KAAA,GAAO,IAAAN,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACH,cAAc,EAAAD,KAAA,CAAAK,EAAA;IAAA,OAAAjB,KAAA,CAAAkB,WAAA;MAAA,YAEJ,UAAU;MAAA,cACR,UAAU;MAAA,UACd,SAAS;MAAA,aACL,iCAAiCV,aAAa;IAAG,GAAAE,IAAA;EAAA,EAC7D,CAAC;AAEN;;AAEA;AACA;AACA;AACA;AACA;AAJA,IAAAS,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAKe,IAAAM,qBAAe,EAG5BZ,iCAAiC,CAAC","ignoreList":[]}

package/lib/cjs/charts/Donut/Donut.js

@@ -9,17 +9,17 @@ var _core = require("@semcore/core");
 var _react = _interopRequireDefault(require("react"));
 var _Skeleton = require("../../Skeleton");
 /*!__reshadow-styles__:"../../style/chart.shadow.css"*/
-const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_9rf04_gg_{height:200px;width:100%;background-image:var(--bgPattern_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgPosition_9rf04_gg_{background-position:var(--bgPosition_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgSize_9rf04_gg_{background-size:var(--bgSize_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgRepeat_9rf04_gg_{background-repeat:var(--bgRepeat_9rf04)}", /*__inner_css_end__*/"9rf04_gg_"),
+const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1g6wu_gg_{height:200px;width:100%;background-image:var(--bgPattern_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgPosition_1g6wu_gg_{background-position:var(--bgPosition_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgSize_1g6wu_gg_{background-size:var(--bgSize_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgRepeat_1g6wu_gg_{background-repeat:var(--bgRepeat_1g6wu)}", /*__inner_css_end__*/"1g6wu_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SChartSkeleton": "___SChartSkeleton_9rf04_gg_",
-  "--bgPattern": "--bgPattern_9rf04",
-  "_bgPosition": "__bgPosition_9rf04_gg_",
-  "--bgPosition": "--bgPosition_9rf04",
-  "_bgSize": "__bgSize_9rf04_gg_",
-  "--bgSize": "--bgSize_9rf04",
-  "_bgRepeat": "__bgRepeat_9rf04_gg_",
-  "--bgRepeat": "--bgRepeat_9rf04"
+  "__SChartSkeleton": "___SChartSkeleton_1g6wu_gg_",
+  "--bgPattern": "--bgPattern_1g6wu",
+  "_bgPosition": "__bgPosition_1g6wu_gg_",
+  "--bgPosition": "--bgPosition_1g6wu",
+  "_bgSize": "__bgSize_1g6wu_gg_",
+  "--bgSize": "--bgSize_1g6wu",
+  "_bgRepeat": "__bgRepeat_1g6wu_gg_",
+  "--bgRepeat": "--bgRepeat_1g6wu"
 }); // TODO: replace it with babel-plugin-inline-import or vite plugin.
 // @ts-ignore
 const donutFullSvg = "PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDE4MCAxODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJwYXJhZ3JhcGg9ZmFsc2UsIGNoYXJ0IHR5cGU9JiMyNDA7JiMxNTk7JiMxNDE7JiMxNjk7IGRvbnV0IGNoYXJ0LCBwaWN0dXJlIGRpdj1mYWxzZSI+CjxnIGlkPSJkb251dC1jaGFydCI+CjxwYXRoIGQ9Ik0xNTguODYzIDE0NS43NDJDMTcxLjQ1MyAxMzAuMjU5IDE4MCAxMTEuNTExIDE4MCA5MEMxODAgNjguNjE2OCAxNzIuNTQzIDQ4Ljk3NTMgMTYwLjA4NyAzMy41MzQzTDEzNy43MzEgNTUuMTQ1OUMxNTEuNzk5IDgyLjA2NzMgMTUxLjQ3NSA5NS40NDAzIDEzNy43OTMgMTIzLjcyNEwxNTguODYzIDE0NS43NDJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOTAgMTgwQzExNy4xMTIgMTgwIDE0MC40MjUgMTY3LjAxMSAxNTYuOTI1IDE0OC4wNDZMMTM1LjgyNyAxMjZDMTI0LjgyNyAxMzkuNTcgMTA4LjMzIDE0OSA4OS41IDE0OUM1Ni4zNjI5IDE0OSAyOSAxMjMuMTM3IDI5IDkwQzI4LjU2MzEgNTcuODU3NiA1NC44NzYyIDMxLjU3OTkgODcgMzBWMC4wNDkwNThDMzguNjgzMSAxLjYzMTUyIDAgNDEuMjk4MyAwIDkwQzAgMTM5LjcwNiA0MC4yOTQ0IDE4MCA5MCAxODBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTU4LjA0NiAzMS4zMzI3TDEzNS42MzQgNTNDMTI1LjEzMiAzOS42MTYxIDEwOS44NzQgMzAuNDU1MiA5MCAzMFYwQzExNy45MTUgMCAxNDEuNTM4IDExLjM4NTEgMTU4LjA0NiAzMS4zMzI3WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=";
@@ -48,5 +48,11 @@ function DonutChartSkeleton(props) {
     }, _ref)
   }));
 }
+
+/**
+ * DonutChartSkeleton
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#donutchartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code#chart-skeleton|Examples}
+ */
 var _default = exports.default = (0, _core.createComponent)(DonutChartSkeleton);
 //# sourceMappingURL=Donut.js.map

package/lib/cjs/charts/Donut/Donut.js.map

@@ -1 +1 @@
-{"version":3,"file":"Donut.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","donutFullSvg","donutHalfSvg","pattern","true","false","position","DonutChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","halfsize","toString","default","createElement","cn","assignProps","_default","exports","createComponent"],"sources":["../../../../src/charts/Donut/Donut.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonDonutChart } from './Donut.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import or vite plugin.\n// @ts-ignore\nconst donutFullSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/donut-chart.svg'))\n`;\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst donutHalfSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/donut-chart-halfsize.svg'))\n`;\n\nconst pattern: Record<string, string> = {\n  true: donutHalfSvg,\n  false: donutFullSvg,\n};\nconst position: Record<string, string> = {\n  true: 'center bottom',\n  false: 'center',\n};\n\nfunction DonutChartSkeleton(\n  props: Intergalactic.InternalTypings.InferComponentProps<NSSkeletonDonutChart.Component>,\n) {\n  const SChartSkeleton = Root;\n  const halfsize = (props.halfsize ?? false).toString();\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat='no-repeat'\n      bgPosition={position[halfsize]}\n      bgSize='contain'\n      bgPattern={`url(data:image/svg+xml;base64,${pattern[halfsize]})`}\n    />,\n  );\n}\n\nexport default createComponent(DonutChartSkeleton) as NSSkeletonDonutChart.Component;\n"],"mappings":";;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,SAAA,GAAAH,OAAA;AAA0C;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,YAAY,6qCAEjB;AACD;AACA;AACA,MAAMC,YAAY,6nBAEjB;AAED,MAAMC,OAA+B,GAAG;EACtCC,IAAI,EAAEF,YAAY;EAClBG,KAAK,EAAEJ;AACT,CAAC;AACD,MAAMK,QAAgC,GAAG;EACvCF,IAAI,EAAE,eAAe;EACrBC,KAAK,EAAE;AACT,CAAC;AAED,SAASE,kBAAkBA,CACzBC,KAAwF,EACxF;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACA,MAAMC,cAAc,GAIRC,kBAAQ;EAHpB,MAAMC,QAAQ,GAAG,CAACN,KAAK,CAACM,QAAQ,IAAI,KAAK,EAAEC,QAAQ,CAAC,CAAC;EACrD,OAAAJ,KAAA,GAAO,IAAAZ,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACL,cAAc,EAAAD,KAAA,CAAAO,EAAA;IAAA,OAAAzB,KAAA,CAAA0B,WAAA;MAAA,YAEJ,WAAW;MAAA,cACRb,QAAQ,CAACQ,QAAQ,CAAC;MAAA,UACvB,SAAS;MAAA,aACL,iCAAiCX,OAAO,CAACW,QAAQ,CAAC;IAAG,GAAAL,IAAA;EAAA,EACjE,CAAC;AAEN;AAAC,IAAAW,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEc,IAAAM,qBAAe,EAACf,kBAAkB,CAAC","ignoreList":[]}
+{"version":3,"file":"Donut.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","donutFullSvg","donutHalfSvg","pattern","true","false","position","DonutChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","halfsize","toString","default","createElement","cn","assignProps","_default","exports","createComponent"],"sources":["../../../../src/charts/Donut/Donut.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonDonutChart } from './Donut.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import or vite plugin.\n// @ts-ignore\nconst donutFullSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/donut-chart.svg'))\n`;\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst donutHalfSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/donut-chart-halfsize.svg'))\n`;\n\nconst pattern: Record<string, string> = {\n  true: donutHalfSvg,\n  false: donutFullSvg,\n};\nconst position: Record<string, string> = {\n  true: 'center bottom',\n  false: 'center',\n};\n\nfunction DonutChartSkeleton(\n  props: Intergalactic.InternalTypings.InferComponentProps<NSSkeletonDonutChart.Component>,\n) {\n  const SChartSkeleton = Root;\n  const halfsize = (props.halfsize ?? false).toString();\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat='no-repeat'\n      bgPosition={position[halfsize]}\n      bgSize='contain'\n      bgPattern={`url(data:image/svg+xml;base64,${pattern[halfsize]})`}\n    />,\n  );\n}\n\n/**\n * DonutChartSkeleton\n *\n * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#donutchartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code#chart-skeleton|Examples}\n */\nexport default createComponent<\n  NSSkeletonDonutChart.Component,\n  typeof DonutChartSkeleton\n>(DonutChartSkeleton);\n"],"mappings":";;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,SAAA,GAAAH,OAAA;AAA0C;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,YAAY,6qCAEjB;AACD;AACA;AACA,MAAMC,YAAY,6nBAEjB;AAED,MAAMC,OAA+B,GAAG;EACtCC,IAAI,EAAEF,YAAY;EAClBG,KAAK,EAAEJ;AACT,CAAC;AACD,MAAMK,QAAgC,GAAG;EACvCF,IAAI,EAAE,eAAe;EACrBC,KAAK,EAAE;AACT,CAAC;AAED,SAASE,kBAAkBA,CACzBC,KAAwF,EACxF;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACA,MAAMC,cAAc,GAIRC,kBAAQ;EAHpB,MAAMC,QAAQ,GAAG,CAACN,KAAK,CAACM,QAAQ,IAAI,KAAK,EAAEC,QAAQ,CAAC,CAAC;EACrD,OAAAJ,KAAA,GAAO,IAAAZ,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACL,cAAc,EAAAD,KAAA,CAAAO,EAAA;IAAA,OAAAzB,KAAA,CAAA0B,WAAA;MAAA,YAEJ,WAAW;MAAA,cACRb,QAAQ,CAACQ,QAAQ,CAAC;MAAA,UACvB,SAAS;MAAA,aACL,iCAAiCX,OAAO,CAACW,QAAQ,CAAC;IAAG,GAAAL,IAAA;EAAA,EACjE,CAAC;AAEN;;AAEA;AACA;AACA;AACA;AACA;AAJA,IAAAW,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAKe,IAAAM,qBAAe,EAG5Bf,kBAAkB,CAAC","ignoreList":[]}

package/lib/cjs/charts/Histogram/Histogram.js

@@ -9,17 +9,17 @@ var _core = require("@semcore/core");
 var _react = _interopRequireDefault(require("react"));
 var _Skeleton = require("../../Skeleton");
 /*!__reshadow-styles__:"../../style/chart.shadow.css"*/
-const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_9rf04_gg_{height:200px;width:100%;background-image:var(--bgPattern_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgPosition_9rf04_gg_{background-position:var(--bgPosition_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgSize_9rf04_gg_{background-size:var(--bgSize_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgRepeat_9rf04_gg_{background-repeat:var(--bgRepeat_9rf04)}", /*__inner_css_end__*/"9rf04_gg_"),
+const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1g6wu_gg_{height:200px;width:100%;background-image:var(--bgPattern_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgPosition_1g6wu_gg_{background-position:var(--bgPosition_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgSize_1g6wu_gg_{background-size:var(--bgSize_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgRepeat_1g6wu_gg_{background-repeat:var(--bgRepeat_1g6wu)}", /*__inner_css_end__*/"1g6wu_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SChartSkeleton": "___SChartSkeleton_9rf04_gg_",
-  "--bgPattern": "--bgPattern_9rf04",
-  "_bgPosition": "__bgPosition_9rf04_gg_",
-  "--bgPosition": "--bgPosition_9rf04",
-  "_bgSize": "__bgSize_9rf04_gg_",
-  "--bgSize": "--bgSize_9rf04",
-  "_bgRepeat": "__bgRepeat_9rf04_gg_",
-  "--bgRepeat": "--bgRepeat_9rf04"
+  "__SChartSkeleton": "___SChartSkeleton_1g6wu_gg_",
+  "--bgPattern": "--bgPattern_1g6wu",
+  "_bgPosition": "__bgPosition_1g6wu_gg_",
+  "--bgPosition": "--bgPosition_1g6wu",
+  "_bgSize": "__bgSize_1g6wu_gg_",
+  "--bgSize": "--bgSize_1g6wu",
+  "_bgRepeat": "__bgRepeat_1g6wu_gg_",
+  "--bgRepeat": "--bgRepeat_1g6wu"
 }); // TODO: replace it with babel-plugin-inline-import/or vite plugin.
 // @ts-ignore
 const histogramVerticalSvg = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDE3MiAxNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDBIMTIwQzEyMi4yMDkgMCAxMjQgMS43OTA4NiAxMjQgNFYyMEMxMjQgMjIuMjA5MSAxMjIuMjA5IDI0IDEyMCAyNEgwVjBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMCAyOEgxNTZDMTU4LjIwOSAyOCAxNjAgMjkuNzkwOSAxNjAgMzJWNDhDMTYwIDUwLjIwOTEgMTU4LjIwOSA1MiAxNTYgNTJIMFYyOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDU2SDEzOEMxNDAuMjA5IDU2IDE0MiA1Ny43OTA5IDE0MiA2MFY3NkMxNDIgNzguMjA5MSAxNDAuMjA5IDgwIDEzOCA4MEgwVjU2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTAgODRIMTU2QzE1OC4yMDkgODQgMTYwIDg1Ljc5MDkgMTYwIDg4VjEwNEMxNjAgMTA2LjIwOSAxNTguMjA5IDEwOCAxNTYgMTA4SDBWODRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMCAxMTJIMTE2QzExOC4yMDkgMTEyIDEyMCAxMTMuNzkxIDEyMCAxMTZWMTMyQzEyMCAxMzQuMjA5IDExOC4yMDkgMTM2IDExNiAxMzZIMFYxMTJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
@@ -56,5 +56,11 @@ function HistogramChartSkeleton(props) {
     }, _ref)
   }));
 }
+
+/**
+ * HistogramChartSkeleton
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#histogramchartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code#chart-skeleton|Examples}
+ */
 var _default = exports.default = (0, _core.createComponent)(HistogramChartSkeleton);
 //# sourceMappingURL=Histogram.js.map

package/lib/cjs/charts/Histogram/Histogram.js.map

@@ -1 +1 @@
-{"version":3,"file":"Histogram.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","histogramVerticalSvg","histogramHorizontalSvg","repeat","vertical","horizontal","position","size","pattern","HistogramChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","layout","default","createElement","cn","assignProps","_default","exports","createComponent"],"sources":["../../../../src/charts/Histogram/Histogram.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonHistogramChart } from './Histogram.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst histogramVerticalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/histogram-chart-vertical.svg'))\n`;\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst histogramHorizontalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/histogram-chart-horizontal.svg'))\n`;\n\nconst repeat = { vertical: 'repeat-y', horizontal: 'repeat-x' };\nconst position = { vertical: 'left top', horizontal: 'left bottom' };\nconst size = { vertical: 'contain', horizontal: 'auto 50%' };\nconst pattern = { vertical: histogramVerticalSvg, horizontal: histogramHorizontalSvg };\n\nfunction HistogramChartSkeleton(\n  props: Intergalactic.InternalTypings.InferComponentProps<NSSkeletonHistogramChart.Component>,\n) {\n  const SChartSkeleton = Root;\n  const layout = props.layout ?? 'horizontal';\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat={repeat[layout]}\n      bgPosition={position[layout]}\n      bgSize={size[layout]}\n      bgPattern={`url(data:image/svg+xml;base64,${pattern[layout]})`}\n    />,\n  );\n}\n\nexport default createComponent(HistogramChartSkeleton) as NSSkeletonHistogramChart.Component;\n"],"mappings":";;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,SAAA,GAAAH,OAAA;AAA0C;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,oBAAoB,69BAEzB;AACD;AACA;AACA,MAAMC,sBAAsB,y7BAE3B;AAED,MAAMC,MAAM,GAAG;EAAEC,QAAQ,EAAE,UAAU;EAAEC,UAAU,EAAE;AAAW,CAAC;AAC/D,MAAMC,QAAQ,GAAG;EAAEF,QAAQ,EAAE,UAAU;EAAEC,UAAU,EAAE;AAAc,CAAC;AACpE,MAAME,IAAI,GAAG;EAAEH,QAAQ,EAAE,SAAS;EAAEC,UAAU,EAAE;AAAW,CAAC;AAC5D,MAAMG,OAAO,GAAG;EAAEJ,QAAQ,EAAEH,oBAAoB;EAAEI,UAAU,EAAEH;AAAuB,CAAC;AAEtF,SAASO,sBAAsBA,CAC7BC,KAA4F,EAC5F;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACA,MAAMC,cAAc,GAIRC,kBAAQ;EAHpB,MAAMC,MAAM,GAAGN,KAAK,CAACM,MAAM,IAAI,YAAY;EAC3C,OAAAH,KAAA,GAAO,IAAAd,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACJ,cAAc,EAAAD,KAAA,CAAAM,EAAA;IAAA,OAAA1B,KAAA,CAAA2B,WAAA;MAAA,YAEHjB,MAAM,CAACa,MAAM,CAAC;MAAA,cACZV,QAAQ,CAACU,MAAM,CAAC;MAAA,UACpBT,IAAI,CAACS,MAAM,CAAC;MAAA,aACT,iCAAiCR,OAAO,CAACQ,MAAM,CAAC;IAAG,GAAAL,IAAA;EAAA,EAC/D,CAAC;AAEN;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEc,IAAAM,qBAAe,EAACd,sBAAsB,CAAC","ignoreList":[]}
+{"version":3,"file":"Histogram.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","histogramVerticalSvg","histogramHorizontalSvg","repeat","vertical","horizontal","position","size","pattern","HistogramChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","layout","default","createElement","cn","assignProps","_default","exports","createComponent"],"sources":["../../../../src/charts/Histogram/Histogram.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonHistogramChart } from './Histogram.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst histogramVerticalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/histogram-chart-vertical.svg'))\n`;\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst histogramHorizontalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/histogram-chart-horizontal.svg'))\n`;\n\nconst repeat = { vertical: 'repeat-y', horizontal: 'repeat-x' };\nconst position = { vertical: 'left top', horizontal: 'left bottom' };\nconst size = { vertical: 'contain', horizontal: 'auto 50%' };\nconst pattern = { vertical: histogramVerticalSvg, horizontal: histogramHorizontalSvg };\n\nfunction HistogramChartSkeleton(\n  props: Intergalactic.InternalTypings.InferComponentProps<NSSkeletonHistogramChart.Component>,\n) {\n  const SChartSkeleton = Root;\n  const layout = props.layout ?? 'horizontal';\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat={repeat[layout]}\n      bgPosition={position[layout]}\n      bgSize={size[layout]}\n      bgPattern={`url(data:image/svg+xml;base64,${pattern[layout]})`}\n    />,\n  );\n}\n\n/**\n * HistogramChartSkeleton\n *\n * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#histogramchartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code#chart-skeleton|Examples}\n */\nexport default createComponent<\n  NSSkeletonHistogramChart.Component,\n  typeof HistogramChartSkeleton\n>(HistogramChartSkeleton);\n"],"mappings":";;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,SAAA,GAAAH,OAAA;AAA0C;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,oBAAoB,69BAEzB;AACD;AACA;AACA,MAAMC,sBAAsB,y7BAE3B;AAED,MAAMC,MAAM,GAAG;EAAEC,QAAQ,EAAE,UAAU;EAAEC,UAAU,EAAE;AAAW,CAAC;AAC/D,MAAMC,QAAQ,GAAG;EAAEF,QAAQ,EAAE,UAAU;EAAEC,UAAU,EAAE;AAAc,CAAC;AACpE,MAAME,IAAI,GAAG;EAAEH,QAAQ,EAAE,SAAS;EAAEC,UAAU,EAAE;AAAW,CAAC;AAC5D,MAAMG,OAAO,GAAG;EAAEJ,QAAQ,EAAEH,oBAAoB;EAAEI,UAAU,EAAEH;AAAuB,CAAC;AAEtF,SAASO,sBAAsBA,CAC7BC,KAA4F,EAC5F;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACA,MAAMC,cAAc,GAIRC,kBAAQ;EAHpB,MAAMC,MAAM,GAAGN,KAAK,CAACM,MAAM,IAAI,YAAY;EAC3C,OAAAH,KAAA,GAAO,IAAAd,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACJ,cAAc,EAAAD,KAAA,CAAAM,EAAA;IAAA,OAAA1B,KAAA,CAAA2B,WAAA;MAAA,YAEHjB,MAAM,CAACa,MAAM,CAAC;MAAA,cACZV,QAAQ,CAACU,MAAM,CAAC;MAAA,UACpBT,IAAI,CAACS,MAAM,CAAC;MAAA,aACT,iCAAiCR,OAAO,CAACQ,MAAM,CAAC;IAAG,GAAAL,IAAA;EAAA,EAC/D,CAAC;AAEN;;AAEA;AACA;AACA;AACA;AACA;AAJA,IAAAU,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAKe,IAAAM,qBAAe,EAG5Bd,sBAAsB,CAAC","ignoreList":[]}

package/lib/cjs/charts/Line/Line.js

@@ -9,17 +9,17 @@ var _core = require("@semcore/core");
 var _react = _interopRequireDefault(require("react"));
 var _Skeleton = require("../../Skeleton");
 /*!__reshadow-styles__:"../../style/chart.shadow.css"*/
-const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_9rf04_gg_{height:200px;width:100%;background-image:var(--bgPattern_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgPosition_9rf04_gg_{background-position:var(--bgPosition_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgSize_9rf04_gg_{background-size:var(--bgSize_9rf04)}.___SChartSkeleton_9rf04_gg_.__bgRepeat_9rf04_gg_{background-repeat:var(--bgRepeat_9rf04)}", /*__inner_css_end__*/"9rf04_gg_"),
+const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1g6wu_gg_{height:200px;width:100%;background-image:var(--bgPattern_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgPosition_1g6wu_gg_{background-position:var(--bgPosition_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgSize_1g6wu_gg_{background-size:var(--bgSize_1g6wu)}.___SChartSkeleton_1g6wu_gg_.__bgRepeat_1g6wu_gg_{background-repeat:var(--bgRepeat_1g6wu)}", /*__inner_css_end__*/"1g6wu_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SChartSkeleton": "___SChartSkeleton_9rf04_gg_",
-  "--bgPattern": "--bgPattern_9rf04",
-  "_bgPosition": "__bgPosition_9rf04_gg_",
-  "--bgPosition": "--bgPosition_9rf04",
-  "_bgSize": "__bgSize_9rf04_gg_",
-  "--bgSize": "--bgSize_9rf04",
-  "_bgRepeat": "__bgRepeat_9rf04_gg_",
-  "--bgRepeat": "--bgRepeat_9rf04"
+  "__SChartSkeleton": "___SChartSkeleton_1g6wu_gg_",
+  "--bgPattern": "--bgPattern_1g6wu",
+  "_bgPosition": "__bgPosition_1g6wu_gg_",
+  "--bgPosition": "--bgPosition_1g6wu",
+  "_bgSize": "__bgSize_1g6wu_gg_",
+  "--bgSize": "--bgSize_1g6wu",
+  "_bgRepeat": "__bgRepeat_1g6wu_gg_",
+  "--bgRepeat": "--bgRepeat_1g6wu"
 }); // TODO: replace it to babel-plugin-inline-import/or vite plugin.
 // @ts-ignore
 const lineLinearSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjU4IiB2aWV3Qm94PSIwIDAgMTI4IDU4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMzYwODJfMjIwODUyKSI+CjxwYXRoIGQ9Ik0wIDEyTDYzLjk5OTggNDZMMTI4IDEyIiBzdHJva2U9IiNFMEUxRTkiIHN0cm9rZS1vcGFjaXR5PSIwLjgiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMzYwODJfMjIwODUyIj4KPHJlY3Qgd2lkdGg9IjEyOCIgaGVpZ2h0PSI1OCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K";
@@ -44,5 +44,11 @@ function LineChartSkeleton(props) {
     }, _ref)
   }));
 }
+
+/**
+ * LineChartSkeleton
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#linechartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}
+ */
 var _default = exports.default = (0, _core.createComponent)(LineChartSkeleton);
 //# sourceMappingURL=Line.js.map

package/lib/cjs/charts/Line/Line.js.map

@@ -1 +1 @@
-{"version":3,"file":"Line.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","lineLinearSvg","lineMonotoneSvg","pattern","linear","monotone","LineChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","type","default","createElement","cn","assignProps","_default","exports","createComponent"],"sources":["../../../../src/charts/Line/Line.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonLineChart } from './Line.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it to babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst lineLinearSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/line-chart-linear.svg'))\n`;\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst lineMonotoneSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/line-chart-monotone.svg'))\n`;\n\nconst pattern = {\n  linear: lineLinearSvg,\n  monotone: lineMonotoneSvg,\n};\n\nfunction LineChartSkeleton(\n  props: Intergalactic.InternalTypings.InferComponentProps<NSSkeletonLineChart.Component>,\n) {\n  const SChartSkeleton = Root;\n  const type = props.type ?? 'linear';\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat='repeat-x'\n      bgPosition='left center'\n      bgSize='auto 50%'\n      bgPattern={`url(data:image/svg+xml;base64,${pattern[type]})`}\n    />,\n  );\n}\n\nexport default createComponent(LineChartSkeleton) as NSSkeletonLineChart.Component;\n"],"mappings":";;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,SAAA,GAAAH,OAAA;AAA0C;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,aAAa,qhBAElB;AACD;AACA;AACA,MAAMC,eAAe,qWAEpB;AAED,MAAMC,OAAO,GAAG;EACdC,MAAM,EAAEH,aAAa;EACrBI,QAAQ,EAAEH;AACZ,CAAC;AAED,SAASI,iBAAiBA,CACxBC,KAAuF,EACvF;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACA,MAAMC,cAAc,GAIRC,kBAAQ;EAHpB,MAAMC,IAAI,GAAGN,KAAK,CAACM,IAAI,IAAI,QAAQ;EACnC,OAAAH,KAAA,GAAO,IAAAX,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACJ,cAAc,EAAAD,KAAA,CAAAM,EAAA;IAAA,OAAAvB,KAAA,CAAAwB,WAAA;MAAA,YAEJ,UAAU;MAAA,cACR,aAAa;MAAA,UACjB,UAAU;MAAA,aACN,iCAAiCd,OAAO,CAACU,IAAI,CAAC;IAAG,GAAAL,IAAA;EAAA,EAC7D,CAAC;AAEN;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEc,IAAAM,qBAAe,EAACd,iBAAiB,CAAC","ignoreList":[]}
+{"version":3,"file":"Line.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","lineLinearSvg","lineMonotoneSvg","pattern","linear","monotone","LineChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","type","default","createElement","cn","assignProps","_default","exports","createComponent"],"sources":["../../../../src/charts/Line/Line.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonLineChart } from './Line.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it to babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst lineLinearSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/line-chart-linear.svg'))\n`;\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst lineMonotoneSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/line-chart-monotone.svg'))\n`;\n\nconst pattern = {\n  linear: lineLinearSvg,\n  monotone: lineMonotoneSvg,\n};\n\nfunction LineChartSkeleton(\n  props: Intergalactic.InternalTypings.InferComponentProps<NSSkeletonLineChart.Component>,\n) {\n  const SChartSkeleton = Root;\n  const type = props.type ?? 'linear';\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat='repeat-x'\n      bgPosition='left center'\n      bgSize='auto 50%'\n      bgPattern={`url(data:image/svg+xml;base64,${pattern[type]})`}\n    />,\n  );\n}\n\n/**\n * LineChartSkeleton\n *\n * {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-api#linechartskeleton|API} | {@link https://developer.semrush.com/intergalactic/components/skeleton/skeleton-code/|Examples}\n */\nexport default createComponent<NSSkeletonLineChart.Component, typeof LineChartSkeleton>(LineChartSkeleton);\n"],"mappings":";;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,SAAA,GAAAH,OAAA;AAA0C;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,aAAa,qhBAElB;AACD;AACA;AACA,MAAMC,eAAe,qWAEpB;AAED,MAAMC,OAAO,GAAG;EACdC,MAAM,EAAEH,aAAa;EACrBI,QAAQ,EAAEH;AACZ,CAAC;AAED,SAASI,iBAAiBA,CACxBC,KAAuF,EACvF;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACA,MAAMC,cAAc,GAIRC,kBAAQ;EAHpB,MAAMC,IAAI,GAAGN,KAAK,CAACM,IAAI,IAAI,QAAQ;EACnC,OAAAH,KAAA,GAAO,IAAAX,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACJ,cAAc,EAAAD,KAAA,CAAAM,EAAA;IAAA,OAAAvB,KAAA,CAAAwB,WAAA;MAAA,YAEJ,UAAU;MAAA,cACR,aAAa;MAAA,UACjB,UAAU;MAAA,aACN,iCAAiCd,OAAO,CAACU,IAAI,CAAC;IAAG,GAAAL,IAAA;EAAA,EAC7D,CAAC;AAEN;;AAEA;AACA;AACA;AACA;AACA;AAJA,IAAAU,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAKe,IAAAM,qBAAe,EAA0Dd,iBAAiB,CAAC","ignoreList":[]}