@semcore/skeleton 16.0.11 → 17.0.0-prerelease.18

package/lib/es6/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","names":["createComponent","Component","sstyled","Root","canUseDOM","i18nEnhance","uniqueIDEnhancement","Box","React","style","_sstyled","insert","localizedMessages","MAP_COLOR_THEME","dark","invert","SkeletonRoot","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","render","_ref","asProps","_ref3","SSkeleton","_this$asProps","styles","duration","hidden","getI18nText","createElement","cn","_objectSpread","_assignProps","concat","_defineProperty","width","height","SkeletonSVG","_Component2","props","_this","createRef","observeParentSize","observer","ResizeObserver","handleResize","bind","componentDidMount","_this$observer","_this$svgRef$current","observe","svgRef","current","parentElement","componentWillUnmount","_this$observer2","disconnect","data","target","svg","setAttribute","setContext","theme","gradientUrl","_ref2","_ref4","_this$asProps2","Children","uid","SSkeletonSVG","Skeleton","_assignProps2","Text","SText","_props$y","y","_props$x","x","_props$amount","amount","_props$width","forwardRef","other","_objectWithoutProperties","_excluded","amountLine","Number","renderRect","_ref5","Fragment","_toConsumableArray","Array","map","_el","index","ref"],"sources":["../../src/Skeleton.jsx"],"sourcesContent":["import { 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 { Box } from '@semcore/flex-box';\nimport React from 'react';\n\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  static displayName = 'Skeleton';\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n  static defaultProps = {\n    width: '100%',\n    height: '100%',\n    duration: 2000,\n  };\n\n  render() {\n    const SSkeleton = Root;\n    const { 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  static displayName = 'SkeletonSVG';\n  static enhance = [uniqueIDEnhancement()];\n  static style = style;\n\n  static defaultProps = {\n    theme: 'invert',\n    duration: 2000,\n  };\n\n  svgRef = React.createRef();\n\n  constructor(props) {\n    super(props);\n\n    if (canUseDOM() && props.observeParentSize) {\n      this.observer = new ResizeObserver(this.handleResize.bind(this));\n    }\n  }\n\n  componentDidMount() {\n    this.observer?.observe(this.svgRef.current?.parentElement);\n  }\n\n  componentWillUnmount() {\n    this.observer?.disconnect();\n  }\n\n  handleResize(data) {\n    const target = data[0].target;\n    const svg = this.svgRef.current;\n\n    if (target && svg) {\n      svg.setAttribute('width', '100%');\n    }\n  }\n\n  setContext() {\n    const { theme } = this.asProps;\n    return {\n      gradientUrl: MAP_COLOR_THEME[theme],\n    };\n  }\n\n  render() {\n    const { Children, styles, uid, theme, duration } = this.asProps;\n    const SSkeletonSVG = Root;\n\n    return sstyled(styles)(\n      <SSkeletonSVG\n        render={Skeleton}\n        tag='svg'\n        ref={this.svgRef}\n        preserveAspectRatio='none'\n        theme={theme}\n        durationAnim={`${duration}ms`}\n      >\n        <defs>\n          <mask id={uid}>\n            <Children />\n          </mask>\n        </defs>\n        <rect x='0' y='0' width='100%' height='100%' mask={`url(#${uid})`} />\n      </SSkeletonSVG>,\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Box;\n  const { y = 0, x = 0, amount = 1, width = '100%', styles, forwardRef, ...other } = props;\n  const amountLine = Number(amount);\n\n  const renderRect = (props) => {\n    return sstyled(styles)(<SText tag='rect' rx='4' ry='4' height='8' {...props} />);\n  };\n\n  return (\n    <React.Fragment>\n      {[...Array(amountLine)].map((_el, index) =>\n        renderRect({\n          key: index,\n          y: y || 20 * index,\n          x,\n          ref: forwardRef,\n          width,\n          ...other,\n        }),\n      )}\n    </React.Fragment>\n  );\n}\n\nconst Skeleton = createComponent(SkeletonRoot);\n\nexport { Skeleton };\n\nexport default createComponent(SkeletonSVG, {\n  Text,\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Skeleton.js","names":["Box","createComponent","Component","sstyled","Root","canUseDOM","i18nEnhance","uniqueIDEnhancement","React","style","_sstyled","insert","localizedMessages","MAP_COLOR_THEME","dark","invert","SkeletonRoot","render","_ref","asProps","_ref3","SSkeleton","styles","duration","hidden","getI18nText","createElement","cn","_assignProps","_defineProperty","width","height","SkeletonSVG","constructor","props","createRef","observeParentSize","observer","ResizeObserver","handleResize","bind","componentDidMount","observe","svgRef","current","parentElement","componentWillUnmount","disconnect","data","target","svg","setAttribute","setContext","theme","gradientUrl","_ref2","_ref4","Children","uid","SSkeletonSVG","Skeleton","_assignProps2","Text","SText","y","x","amount","forwardRef","other","amountLine","Number","renderRect","_ref5","Fragment","Array","map","_el","index","key","ref"],"sources":["../../src/Skeleton.jsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\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 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  static displayName = 'Skeleton';\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n  static defaultProps = {\n    width: '100%',\n    height: '100%',\n    duration: 2000,\n  };\n\n  render() {\n    const SSkeleton = Root;\n    const { 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  static displayName = 'SkeletonSVG';\n  static enhance = [uniqueIDEnhancement()];\n  static style = style;\n\n  static defaultProps = {\n    theme: 'invert',\n    duration: 2000,\n  };\n\n  svgRef = React.createRef();\n\n  constructor(props) {\n    super(props);\n\n    if (canUseDOM() && props.observeParentSize) {\n      this.observer = new ResizeObserver(this.handleResize.bind(this));\n    }\n  }\n\n  componentDidMount() {\n    this.observer?.observe(this.svgRef.current?.parentElement);\n  }\n\n  componentWillUnmount() {\n    this.observer?.disconnect();\n  }\n\n  handleResize(data) {\n    const target = data[0].target;\n    const svg = this.svgRef.current;\n\n    if (target && svg) {\n      svg.setAttribute('width', '100%');\n    }\n  }\n\n  setContext() {\n    const { theme } = this.asProps;\n    return {\n      gradientUrl: MAP_COLOR_THEME[theme],\n    };\n  }\n\n  render() {\n    const { Children, styles, uid, theme, duration } = this.asProps;\n    const SSkeletonSVG = Root;\n\n    return sstyled(styles)(\n      <SSkeletonSVG\n        render={Skeleton}\n        tag='svg'\n        ref={this.svgRef}\n        preserveAspectRatio='none'\n        theme={theme}\n        durationAnim={`${duration}ms`}\n      >\n        <defs>\n          <mask id={uid}>\n            <Children />\n          </mask>\n        </defs>\n        <rect x='0' y='0' width='100%' height='100%' mask={`url(#${uid})`} />\n      </SSkeletonSVG>,\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Box;\n  const { y = 0, x = 0, amount = 1, width = '100%', styles, forwardRef, ...other } = props;\n  const amountLine = Number(amount);\n\n  const renderRect = (props) => {\n    return sstyled(styles)(<SText tag='rect' rx='4' ry='4' height='8' {...props} />);\n  };\n\n  return (\n    <React.Fragment>\n      {[...Array(amountLine)].map((_el, index) =>\n        renderRect({\n          key: index,\n          y: y || 20 * index,\n          x,\n          ref: forwardRef,\n          width,\n          ...other,\n        }),\n      )}\n    </React.Fragment>\n  );\n}\n\nconst Skeleton = createComponent(SkeletonRoot);\n\nexport { Skeleton };\n\nexport default createComponent(SkeletonSVG, {\n  Text,\n});\n"],"mappings":";;;;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAC9C,SAASC,eAAe,EAAEC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AACzE,OAAOC,SAAS,MAAM,mCAAmC;AACzD,OAAOC,WAAW,MAAM,8CAA8C;AACtE,OAAOC,mBAAmB,MAAM,kCAAkC;AAClE,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,MAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAG1B,SAASC,iBAAiB,QAAQ,gDAAgD;AAElF,MAAMC,eAAe,GAAG;EACtBC,IAAI,EAAE,0BAA0B;EAChCC,MAAM,EAAE;AACV,CAAC;AAED,MAAMC,YAAY,SAASd,SAAS,CAAC;EAUnCe,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAC,OAAA;MAAAC,KAAA;IACP,MAAMC,SAAS,GAOHrB,GAAG;IANf,MAAM;MAAEsB,MAAM;MAAEC,QAAQ;MAAEC,MAAM;MAAEC;IAAY,CAAC,GAAG,IAAI,CAACN,OAAO;IAE9D,IAAIK,MAAM,EAAE,OAAO,IAAI;IAEvB,OAAAJ,KAAA,GAAOjB,OAAO,CAACmB,MAAM,CAAC,eACpBd,KAAA,CAAAkB,aAAA,CAACL,SAAS,EAAAD,KAAA,CAAAO,EAAA;MAAA,GAAAC,YAAA;QAAA,gBAEM,GAAGL,QAAQ,IAAI;QAAA,QACxB,KAAK;QAAA,cACEE,WAAW,CAAC,SAAS;MAAC,GAAAP,IAAA;IAAA,EACnC,CAAC;EAEN;AACF;AAACW,eAAA,CAzBKb,YAAY,iBACK,UAAU;AAAAa,eAAA,CAD3Bb,YAAY,WAEDP,KAAK;AAAAoB,eAAA,CAFhBb,YAAY,aAGC,CAACV,WAAW,CAACM,iBAAiB,CAAC,CAAC;AAAAiB,eAAA,CAH7Cb,YAAY,kBAIM;EACpBc,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,MAAM;EACdR,QAAQ,EAAE;AACZ,CAAC;AAmBH,MAAMS,WAAW,SAAS9B,SAAS,CAAC;EAYlC+B,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAACL,eAAA,8BAHNrB,KAAK,CAAC2B,SAAS,CAAC,CAAC;IAKxB,IAAI9B,SAAS,CAAC,CAAC,IAAI6B,KAAK,CAACE,iBAAiB,EAAE;MAC1C,IAAI,CAACC,QAAQ,GAAG,IAAIC,cAAc,CAAC,IAAI,CAACC,YAAY,CAACC,IAAI,CAAC,IAAI,CAAC,CAAC;IAClE;EACF;EAEAC,iBAAiBA,CAAA,EAAG;IAClB,IAAI,CAACJ,QAAQ,EAAEK,OAAO,CAAC,IAAI,CAACC,MAAM,CAACC,OAAO,EAAEC,aAAa,CAAC;EAC5D;EAEAC,oBAAoBA,CAAA,EAAG;IACrB,IAAI,CAACT,QAAQ,EAAEU,UAAU,CAAC,CAAC;EAC7B;EAEAR,YAAYA,CAACS,IAAI,EAAE;IACjB,MAAMC,MAAM,GAAGD,IAAI,CAAC,CAAC,CAAC,CAACC,MAAM;IAC7B,MAAMC,GAAG,GAAG,IAAI,CAACP,MAAM,CAACC,OAAO;IAE/B,IAAIK,MAAM,IAAIC,GAAG,EAAE;MACjBA,GAAG,CAACC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC;IACnC;EACF;EAEAC,UAAUA,CAAA,EAAG;IACX,MAAM;MAAEC;IAAM,CAAC,GAAG,IAAI,CAAClC,OAAO;IAC9B,OAAO;MACLmC,WAAW,EAAEzC,eAAe,CAACwC,KAAK;IACpC,CAAC;EACH;EAEApC,MAAMA,CAAA,EAAG;IAAA,IAAAsC,KAAA,QAAApC,OAAA;MAAAqC,KAAA;IACP,MAAM;MAAEC,QAAQ;MAAEnC,MAAM;MAAEoC,GAAG;MAAEL,KAAK;MAAE9B;IAAS,CAAC,GAAG,IAAI,CAACJ,OAAO;IAC/D,MAAMwC,YAAY,GAINC,QAAQ;IAFpB,OAAAJ,KAAA,GAAOrD,OAAO,CAACmB,MAAM,CAAC,eACpBd,KAAA,CAAAkB,aAAA,CAACiC,YAAY,EAAAH,KAAA,CAAA7B,EAAA;MAAA,GAAAkC,aAAA;QAAA,OAEP,KAAK;QAAA,OACJ,IAAI,CAAClB,MAAM;QAAA,uBACI,MAAM;QAAA,SACnBU,KAAK;QAAA,gBACE,GAAG9B,QAAQ;MAAI,GAAAgC,KAAA;IAAA,iBAE7B/C,KAAA,CAAAkB,aAAA,SAAA8B,KAAA,CAAA7B,EAAA,2BACEnB,KAAA,CAAAkB,aAAA,SAAA8B,KAAA,CAAA7B,EAAA;MAAA,MAAU+B;IAAG,iBACXlD,KAAA,CAAAkB,aAAA,CAAC+B,QAAQ,EAAAD,KAAA,CAAA7B,EAAA,gBAAE,CACP,CACF,CAAC,eACPnB,KAAA,CAAAkB,aAAA,SAAA8B,KAAA,CAAA7B,EAAA;MAAA,KAAQ,GAAG;MAAA,KAAG,GAAG;MAAA,SAAO,MAAM;MAAA,UAAQ,MAAM;MAAA,QAAO,QAAQ+B,GAAG;IAAG,EAAG,CACxD,CAAC;EAEnB;AACF;AAAC7B,eAAA,CAlEKG,WAAW,iBACM,aAAa;AAAAH,eAAA,CAD9BG,WAAW,aAEE,CAACzB,mBAAmB,CAAC,CAAC,CAAC;AAAAsB,eAAA,CAFpCG,WAAW,WAGAvB,KAAK;AAAAoB,eAAA,CAHhBG,WAAW,kBAKO;EACpBqB,KAAK,EAAE,QAAQ;EACf9B,QAAQ,EAAE;AACZ,CAAC;AA4DH,SAASuC,IAAIA,CAAC5B,KAAK,EAAE;EACnB,MAAM6B,KAAK,GAAG/D,GAAG;EACjB,MAAM;IAAEgE,CAAC,GAAG,CAAC;IAAEC,CAAC,GAAG,CAAC;IAAEC,MAAM,GAAG,CAAC;IAAEpC,KAAK,GAAG,MAAM;IAAER,MAAM;IAAE6C,UAAU;IAAE,GAAGC;EAAM,CAAC,GAAGlC,KAAK;EACxF,MAAMmC,UAAU,GAAGC,MAAM,CAACJ,MAAM,CAAC;EAEjC,MAAMK,UAAU,GAAIrC,KAAK,IAAK;IAAA,IAAAsC,KAAA;IAC5B,OAAAA,KAAA,GAAOrE,OAAO,CAACmB,MAAM,CAAC,eAACd,KAAA,CAAAkB,aAAA,CAACqC,KAAK,EAAAS,KAAA,CAAA7C,EAAA;MAAA,OAAK,MAAM;MAAA,MAAI,GAAG;MAAA,MAAI,GAAG;MAAA,UAAQ,GAAG;MAAA,GAAKO;IAAK,EAAG,CAAC;EACjF,CAAC;EAED,oBACE1B,KAAA,CAAAkB,aAAA,CAAClB,KAAK,CAACiE,QAAQ,QACZ,CAAC,GAAGC,KAAK,CAACL,UAAU,CAAC,CAAC,CAACM,GAAG,CAAC,CAACC,GAAG,EAAEC,KAAK,KACrCN,UAAU,CAAC;IACTO,GAAG,EAAED,KAAK;IACVb,CAAC,EAAEA,CAAC,IAAI,EAAE,GAAGa,KAAK;IAClBZ,CAAC;IACDc,GAAG,EAAEZ,UAAU;IACfrC,KAAK;IACL,GAAGsC;EACL,CAAC,CACH,CACc,CAAC;AAErB;AAEA,MAAMR,QAAQ,GAAG3D,eAAe,CAACe,YAAY,CAAC;AAE9C,SAAS4C,QAAQ;AAEjB,eAAe3D,eAAe,CAAC+B,WAAW,EAAE;EAC1C8B;AACF,CAAC,CAAC","ignoreList":[]}

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

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

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

@@ -12,20 +12,20 @@ import sv from './sv.json';
 import tr from './tr.json';
 import vi from './vi.json';
 import zh from './zh.json';
-export var localizedMessages = {
-  de: de,
-  en: en,
-  es: es,
-  fr: fr,
-  it: it,
-  ja: ja,
-  ko: ko,
-  nl: nl,
-  pt: pt,
-  tr: tr,
-  vi: vi,
-  zh: zh,
-  pl: pl,
-  sv: sv
+export const localizedMessages = {
+  de,
+  en,
+  es,
+  fr,
+  it,
+  ja,
+  ko,
+  nl,
+  pt,
+  tr,
+  vi,
+  zh,
+  pl,
+  sv
 };
 //# sourceMappingURL=__intergalactic-dynamic-locales.js.map

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

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

package/lib/esm/Charts/Area.mjs

@@ -1,43 +1,44 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { createComponent, sstyled, assignProps } from "@semcore/core";
 import React from "react";
 import { Skeleton } from "../Skeleton.mjs";
 /*!__reshadow-styles__:"../style/chart.shadow.css"*/
-var styles = (
+const styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SChartSkeleton_1l438_gg_{height:200px;width:100%;background-image:var(--bgPattern_1l438)}.___SChartSkeleton_1l438_gg_.__bgPosition_1l438_gg_{background-position:var(--bgPosition_1l438)}.___SChartSkeleton_1l438_gg_.__bgSize_1l438_gg_{background-size:var(--bgSize_1l438)}.___SChartSkeleton_1l438_gg_.__bgRepeat_1l438_gg_{background-repeat:var(--bgRepeat_1l438)}",
+    ".___SChartSkeleton_1k4jx_gg_{height:200px;width:100%;background-image:var(--bgPattern_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgPosition_1k4jx_gg_{background-position:var(--bgPosition_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgSize_1k4jx_gg_{background-size:var(--bgSize_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgRepeat_1k4jx_gg_{background-repeat:var(--bgRepeat_1k4jx)}",
     /*__inner_css_end__*/
-    "1l438_gg_"
+    "1k4jx_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SChartSkeleton": "___SChartSkeleton_1l438_gg_",
-    "--bgPattern": "--bgPattern_1l438",
-    "_bgPosition": "__bgPosition_1l438_gg_",
-    "--bgPosition": "--bgPosition_1l438",
-    "_bgSize": "__bgSize_1l438_gg_",
-    "--bgSize": "--bgSize_1l438",
-    "_bgRepeat": "__bgRepeat_1l438_gg_",
-    "--bgRepeat": "--bgRepeat_1l438"
+    "__SChartSkeleton": "___SChartSkeleton_1k4jx_gg_",
+    "--bgPattern": "--bgPattern_1k4jx",
+    "_bgPosition": "__bgPosition_1k4jx_gg_",
+    "--bgPosition": "--bgPosition_1k4jx",
+    "_bgSize": "__bgSize_1k4jx_gg_",
+    "--bgSize": "--bgSize_1k4jx",
+    "_bgRepeat": "__bgRepeat_1k4jx_gg_",
+    "--bgRepeat": "--bgRepeat_1k4jx"
   })
 );
-var areaLinearSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0QzMyLjAwMDEgNDUuOTM5NCAzMi4wMDAxIDEyIDAgMTJWNzZIMTI4VjEyQzk1Ljk5OTkgMTIgOTUuOTk5OSA0NS45Mzk0IDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
-var areaMonotoneSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0TDAgMTJWNzZIMTI4VjEyTDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
-var AreaChartSkeleton = function AreaChartSkeleton2(props) {
-  var _ref = arguments[0], _ref2, _props$type;
-  var SChartSkeleton = Skeleton;
-  var patternBase64 = {
+const areaLinearSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0QzMyLjAwMDEgNDUuOTM5NCAzMi4wMDAxIDEyIDAgMTJWNzZIMTI4VjEyQzk1Ljk5OTkgMTIgOTUuOTk5OSA0NS45Mzk0IDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
+const areaMonotoneSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0TDAgMTJWNzZIMTI4VjEyTDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
+function AreaChartSkeleton(props) {
+  var _ref = arguments[0], _ref2;
+  const SChartSkeleton = Skeleton;
+  const patternBase64 = {
     linear: areaLinearSvg,
     monotone: areaMonotoneSvg
-  }[(_props$type = props.type) !== null && _props$type !== void 0 ? _props$type : "linear"];
-  return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, assignProps({
-    "bgRepeat": "repeat-x",
-    "bgPosition": "left bottom",
-    "bgSize": "auto 50%",
-    "bgPattern": "url(data:image/svg+xml;base64,".concat(patternBase64, ")")
-  }, _ref))));
-};
+  }[props.type ?? "linear"];
+  return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", {
+    ...assignProps({
+      "bgRepeat": "repeat-x",
+      "bgPosition": "left bottom",
+      "bgSize": "auto 50%",
+      "bgPattern": `url(data:image/svg+xml;base64,${patternBase64})`
+    }, _ref)
+  }));
+}
 const Area = createComponent(AreaChartSkeleton);
 export {
   Area as default

package/lib/esm/Charts/Bar.mjs

@@ -1,53 +1,54 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { createComponent, sstyled, assignProps } from "@semcore/core";
 import React from "react";
 import { Skeleton } from "../Skeleton.mjs";
 /*!__reshadow-styles__:"../style/chart.shadow.css"*/
-var styles = (
+const styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SChartSkeleton_1l438_gg_{height:200px;width:100%;background-image:var(--bgPattern_1l438)}.___SChartSkeleton_1l438_gg_.__bgPosition_1l438_gg_{background-position:var(--bgPosition_1l438)}.___SChartSkeleton_1l438_gg_.__bgSize_1l438_gg_{background-size:var(--bgSize_1l438)}.___SChartSkeleton_1l438_gg_.__bgRepeat_1l438_gg_{background-repeat:var(--bgRepeat_1l438)}",
+    ".___SChartSkeleton_1k4jx_gg_{height:200px;width:100%;background-image:var(--bgPattern_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgPosition_1k4jx_gg_{background-position:var(--bgPosition_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgSize_1k4jx_gg_{background-size:var(--bgSize_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgRepeat_1k4jx_gg_{background-repeat:var(--bgRepeat_1k4jx)}",
     /*__inner_css_end__*/
-    "1l438_gg_"
+    "1k4jx_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SChartSkeleton": "___SChartSkeleton_1l438_gg_",
-    "--bgPattern": "--bgPattern_1l438",
-    "_bgPosition": "__bgPosition_1l438_gg_",
-    "--bgPosition": "--bgPosition_1l438",
-    "_bgSize": "__bgSize_1l438_gg_",
-    "--bgSize": "--bgSize_1l438",
-    "_bgRepeat": "__bgRepeat_1l438_gg_",
-    "--bgRepeat": "--bgRepeat_1l438"
+    "__SChartSkeleton": "___SChartSkeleton_1k4jx_gg_",
+    "--bgPattern": "--bgPattern_1k4jx",
+    "_bgPosition": "__bgPosition_1k4jx_gg_",
+    "--bgPosition": "--bgPosition_1k4jx",
+    "_bgSize": "__bgSize_1k4jx_gg_",
+    "--bgSize": "--bgSize_1k4jx",
+    "_bgRepeat": "__bgRepeat_1k4jx_gg_",
+    "--bgRepeat": "--bgRepeat_1k4jx"
   })
 );
-var barVerticalSvg = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDE3MiAxNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDBIMTIwQzEyMi4yMDkgMCAxMjQgMS43OTA4NiAxMjQgNFYxMkMxMjQgMTQuMjA5MSAxMjIuMjA5IDE2IDEyMCAxNkgwVjBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMCAyOEgxNTZDMTU4LjIwOSAyOCAxNjAgMjkuNzkwOSAxNjAgMzJWNDBDMTYwIDQyLjIwOTEgMTU4LjIwOSA0NCAxNTYgNDRIMFYyOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDU2SDEzOEMxNDAuMjA5IDU2IDE0MiA1Ny43OTA5IDE0MiA2MFY2OEMxNDIgNzAuMjA5MSAxNDAuMjA5IDcyIDEzOCA3MkgwVjU2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTAgODRIMTU2QzE1OC4yMDkgODQgMTYwIDg1Ljc5MDkgMTYwIDg4Vjk2QzE2MCA5OC4yMDkxIDE1OC4yMDkgMTAwIDE1NiAxMDBIMFY4NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDExMkgxMTZDMTE4LjIwOSAxMTIgMTIwIDExMy43OTEgMTIwIDExNlYxMjRDMTIwIDEyNi4yMDkgMTE4LjIwOSAxMjggMTE2IDEyOEgwVjExMloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
-var barHorizontalSvg = "PHN2ZyB3aWR0aD0iMTU2IiBoZWlnaHQ9IjE2MCIgdmlld0JveD0iMCAwIDE1NiAxNjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMiAxNkMxMiAxMy43OTA5IDEzLjc5MDkgMTIgMTYgMTJIMjNDMjUuMjA5MSAxMiAyNyAxMy43OTA5IDI3IDE2VjE0OEgxMlYxNloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik01MSA0MkM1MSAzOS43OTA5IDUyLjc5MDkgMzggNTUgMzhINjJDNjQuMjA5MSAzOCA2NiAzOS43OTA5IDY2IDQyVjE0OEg1MVY0MloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik05MCA2M0M5MCA2MC43OTA5IDkxLjc5MDkgNTkgOTQgNTlIMTAxQzEwMy4yMDkgNTkgMTA1IDYwLjc5MDkgMTA1IDYzVjE0OEg5MFY2M1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xMjkgMzBDMTI5IDI3Ljc5MDkgMTMwLjc5MSAyNiAxMzMgMjZIMTQwQzE0Mi4yMDkgMjYgMTQ0IDI3Ljc5MDkgMTQ0IDMwVjE0OEgxMjlWMzBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
-var BarChartSkeleton = function BarChartSkeleton2(props) {
-  var _ref = arguments[0], _ref2, _props$layout;
-  var SChartSkeleton = Skeleton;
-  var layout = (_props$layout = props.layout) !== null && _props$layout !== void 0 ? _props$layout : "horizontal";
-  var patternBase64 = {
+const barVerticalSvg = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDE3MiAxNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDBIMTIwQzEyMi4yMDkgMCAxMjQgMS43OTA4NiAxMjQgNFYxMkMxMjQgMTQuMjA5MSAxMjIuMjA5IDE2IDEyMCAxNkgwVjBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMCAyOEgxNTZDMTU4LjIwOSAyOCAxNjAgMjkuNzkwOSAxNjAgMzJWNDBDMTYwIDQyLjIwOTEgMTU4LjIwOSA0NCAxNTYgNDRIMFYyOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDU2SDEzOEMxNDAuMjA5IDU2IDE0MiA1Ny43OTA5IDE0MiA2MFY2OEMxNDIgNzAuMjA5MSAxNDAuMjA5IDcyIDEzOCA3MkgwVjU2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTAgODRIMTU2QzE1OC4yMDkgODQgMTYwIDg1Ljc5MDkgMTYwIDg4Vjk2QzE2MCA5OC4yMDkxIDE1OC4yMDkgMTAwIDE1NiAxMDBIMFY4NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDExMkgxMTZDMTE4LjIwOSAxMTIgMTIwIDExMy43OTEgMTIwIDExNlYxMjRDMTIwIDEyNi4yMDkgMTE4LjIwOSAxMjggMTE2IDEyOEgwVjExMloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
+const barHorizontalSvg = "PHN2ZyB3aWR0aD0iMTU2IiBoZWlnaHQ9IjE2MCIgdmlld0JveD0iMCAwIDE1NiAxNjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMiAxNkMxMiAxMy43OTA5IDEzLjc5MDkgMTIgMTYgMTJIMjNDMjUuMjA5MSAxMiAyNyAxMy43OTA5IDI3IDE2VjE0OEgxMlYxNloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik01MSA0MkM1MSAzOS43OTA5IDUyLjc5MDkgMzggNTUgMzhINjJDNjQuMjA5MSAzOCA2NiAzOS43OTA5IDY2IDQyVjE0OEg1MVY0MloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik05MCA2M0M5MCA2MC43OTA5IDkxLjc5MDkgNTkgOTQgNTlIMTAxQzEwMy4yMDkgNTkgMTA1IDYwLjc5MDkgMTA1IDYzVjE0OEg5MFY2M1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xMjkgMzBDMTI5IDI3Ljc5MDkgMTMwLjc5MSAyNiAxMzMgMjZIMTQwQzE0Mi4yMDkgMjYgMTQ0IDI3Ljc5MDkgMTQ0IDMwVjE0OEgxMjlWMzBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
+function BarChartSkeleton(props) {
+  var _ref = arguments[0], _ref2;
+  const SChartSkeleton = Skeleton;
+  const layout = props.layout ?? "horizontal";
+  const patternBase64 = {
     vertical: barVerticalSvg,
     horizontal: barHorizontalSvg
   }[layout];
-  return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, assignProps({
-    "bgRepeat": {
-      vertical: "repeat-y",
-      horizontal: "repeat-x"
-    }[layout],
-    "bgPosition": {
-      vertical: "left top",
-      horizontal: "left bottom"
-    }[layout],
-    "bgSize": {
-      vertical: "contain",
-      horizontal: "auto 50%"
-    }[layout],
-    "bgPattern": "url(data:image/svg+xml;base64,".concat(patternBase64, ")")
-  }, _ref))));
-};
+  return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", {
+    ...assignProps({
+      "bgRepeat": {
+        vertical: "repeat-y",
+        horizontal: "repeat-x"
+      }[layout],
+      "bgPosition": {
+        vertical: "left top",
+        horizontal: "left bottom"
+      }[layout],
+      "bgSize": {
+        vertical: "contain",
+        horizontal: "auto 50%"
+      }[layout],
+      "bgPattern": `url(data:image/svg+xml;base64,${patternBase64})`
+    }, _ref)
+  }));
+}
 const Bar = createComponent(BarChartSkeleton);
 export {
   Bar as default

package/lib/esm/Charts/Bubble.mjs

@@ -1,38 +1,39 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { createComponent, sstyled, assignProps } from "@semcore/core";
 import React from "react";
 import { Skeleton } from "../Skeleton.mjs";
 /*!__reshadow-styles__:"../style/chart.shadow.css"*/
-var styles = (
+const styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SChartSkeleton_1l438_gg_{height:200px;width:100%;background-image:var(--bgPattern_1l438)}.___SChartSkeleton_1l438_gg_.__bgPosition_1l438_gg_{background-position:var(--bgPosition_1l438)}.___SChartSkeleton_1l438_gg_.__bgSize_1l438_gg_{background-size:var(--bgSize_1l438)}.___SChartSkeleton_1l438_gg_.__bgRepeat_1l438_gg_{background-repeat:var(--bgRepeat_1l438)}",
+    ".___SChartSkeleton_1k4jx_gg_{height:200px;width:100%;background-image:var(--bgPattern_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgPosition_1k4jx_gg_{background-position:var(--bgPosition_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgSize_1k4jx_gg_{background-size:var(--bgSize_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgRepeat_1k4jx_gg_{background-repeat:var(--bgRepeat_1k4jx)}",
     /*__inner_css_end__*/
-    "1l438_gg_"
+    "1k4jx_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SChartSkeleton": "___SChartSkeleton_1l438_gg_",
-    "--bgPattern": "--bgPattern_1l438",
-    "_bgPosition": "__bgPosition_1l438_gg_",
-    "--bgPosition": "--bgPosition_1l438",
-    "_bgSize": "__bgSize_1l438_gg_",
-    "--bgSize": "--bgSize_1l438",
-    "_bgRepeat": "__bgRepeat_1l438_gg_",
-    "--bgRepeat": "--bgRepeat_1l438"
+    "__SChartSkeleton": "___SChartSkeleton_1k4jx_gg_",
+    "--bgPattern": "--bgPattern_1k4jx",
+    "_bgPosition": "__bgPosition_1k4jx_gg_",
+    "--bgPosition": "--bgPosition_1k4jx",
+    "_bgSize": "__bgSize_1k4jx_gg_",
+    "--bgSize": "--bgSize_1k4jx",
+    "_bgRepeat": "__bgRepeat_1k4jx_gg_",
+    "--bgRepeat": "--bgRepeat_1k4jx"
   })
 );
-var bubbleSvg = "PHN2ZyB3aWR0aD0iMzc2IiBoZWlnaHQ9IjE2NCIgdmlld0JveD0iMCAwIDM3NiAxNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00OCAxNjRDNzAuMDkxNCAxNjQgODggMTQ2LjA5MSA4OCAxMjRDODggMTAxLjkwOSA3MC4wOTE0IDg0IDQ4IDg0QzI1LjkwODYgODQgOCAxMDEuOTA5IDggMTI0QzggMTQ2LjA5MSAyNS45MDg2IDE2NCA0OCAxNjRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNODggNDhDMTAxLjI1NSA0OCAxMTIgMzcuMjU0OCAxMTIgMjRDMTEyIDEwLjc0NTIgMTAxLjI1NSAwIDg4IDBDNzQuNzQ1MiAwIDY0IDEwLjc0NTIgNjQgMjRDNjQgMzcuMjU0OCA3NC43NDUyIDQ4IDg4IDQ4WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTI5Mi41IDU1QzMwNS40NzkgNTUgMzE2IDQ0LjQ3ODcgMzE2IDMxLjVDMzE2IDE4LjUyMTMgMzA1LjQ3OSA4IDI5Mi41IDhDMjc5LjUyMSA4IDI2OSAxOC41MjEzIDI2OSAzMS41QzI2OSA0NC40Nzg3IDI3OS41MjEgNTUgMjkyLjUgNTVaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMzQ0IDk4QzM1Mi44MzcgOTggMzYwIDkwLjgzNjYgMzYwIDgyQzM2MCA3My4xNjM0IDM1Mi44MzcgNjYgMzQ0IDY2QzMzNS4xNjMgNjYgMzI4IDczLjE2MzQgMzI4IDgyQzMyOCA5MC44MzY2IDMzNS4xNjMgOTggMzQ0IDk4WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTE4OCAxMzRDMjE2LjcxOSAxMzQgMjQwIDExMC43MTkgMjQwIDgyQzI0MCA1My4yODEyIDIxNi43MTkgMzAgMTg4IDMwQzE1OS4yODEgMzAgMTM2IDUzLjI4MTIgMTM2IDgyQzEzNiAxMTAuNzE5IDE1OS4yODEgMTM0IDE4OCAxMzRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
-var BubbleChartSkeleton = function BubbleChartSkeleton2() {
+const bubbleSvg = "PHN2ZyB3aWR0aD0iMzc2IiBoZWlnaHQ9IjE2NCIgdmlld0JveD0iMCAwIDM3NiAxNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00OCAxNjRDNzAuMDkxNCAxNjQgODggMTQ2LjA5MSA4OCAxMjRDODggMTAxLjkwOSA3MC4wOTE0IDg0IDQ4IDg0QzI1LjkwODYgODQgOCAxMDEuOTA5IDggMTI0QzggMTQ2LjA5MSAyNS45MDg2IDE2NCA0OCAxNjRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNODggNDhDMTAxLjI1NSA0OCAxMTIgMzcuMjU0OCAxMTIgMjRDMTEyIDEwLjc0NTIgMTAxLjI1NSAwIDg4IDBDNzQuNzQ1MiAwIDY0IDEwLjc0NTIgNjQgMjRDNjQgMzcuMjU0OCA3NC43NDUyIDQ4IDg4IDQ4WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTI5Mi41IDU1QzMwNS40NzkgNTUgMzE2IDQ0LjQ3ODcgMzE2IDMxLjVDMzE2IDE4LjUyMTMgMzA1LjQ3OSA4IDI5Mi41IDhDMjc5LjUyMSA4IDI2OSAxOC41MjEzIDI2OSAzMS41QzI2OSA0NC40Nzg3IDI3OS41MjEgNTUgMjkyLjUgNTVaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMzQ0IDk4QzM1Mi44MzcgOTggMzYwIDkwLjgzNjYgMzYwIDgyQzM2MCA3My4xNjM0IDM1Mi44MzcgNjYgMzQ0IDY2QzMzNS4xNjMgNjYgMzI4IDczLjE2MzQgMzI4IDgyQzMyOCA5MC44MzY2IDMzNS4xNjMgOTggMzQ0IDk4WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTE4OCAxMzRDMjE2LjcxOSAxMzQgMjQwIDExMC43MTkgMjQwIDgyQzI0MCA1My4yODEyIDIxNi43MTkgMzAgMTg4IDMwQzE1OS4yODEgMzAgMTM2IDUzLjI4MTIgMTM2IDgyQzEzNiAxMTAuNzE5IDE1OS4yODEgMTM0IDE4OCAxMzRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
+function BubbleChartSkeleton() {
   var _ref = arguments[0], _ref2;
-  var SChartSkeleton = Skeleton;
-  return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, assignProps({
-    "bgRepeat": "repeat-x",
-    "bgPosition": "left center",
-    "bgSize": "auto 50%",
-    "bgPattern": "url(data:image/svg+xml;base64,".concat(bubbleSvg, ")")
-  }, _ref))));
-};
+  const SChartSkeleton = Skeleton;
+  return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", {
+    ...assignProps({
+      "bgRepeat": "repeat-x",
+      "bgPosition": "left center",
+      "bgSize": "auto 50%",
+      "bgPattern": `url(data:image/svg+xml;base64,${bubbleSvg})`
+    }, _ref)
+  }));
+}
 const Bubble = createComponent(BubbleChartSkeleton);
 export {
   Bubble as default

package/lib/esm/Charts/CompactHorizontalBar.mjs

@@ -1,38 +1,39 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { createComponent, sstyled, assignProps } from "@semcore/core";
 import React from "react";
 import { Skeleton } from "../Skeleton.mjs";
 /*!__reshadow-styles__:"../style/chart.shadow.css"*/
-var styles = (
+const styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SChartSkeleton_1l438_gg_{height:200px;width:100%;background-image:var(--bgPattern_1l438)}.___SChartSkeleton_1l438_gg_.__bgPosition_1l438_gg_{background-position:var(--bgPosition_1l438)}.___SChartSkeleton_1l438_gg_.__bgSize_1l438_gg_{background-size:var(--bgSize_1l438)}.___SChartSkeleton_1l438_gg_.__bgRepeat_1l438_gg_{background-repeat:var(--bgRepeat_1l438)}",
+    ".___SChartSkeleton_1k4jx_gg_{height:200px;width:100%;background-image:var(--bgPattern_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgPosition_1k4jx_gg_{background-position:var(--bgPosition_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgSize_1k4jx_gg_{background-size:var(--bgSize_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgRepeat_1k4jx_gg_{background-repeat:var(--bgRepeat_1k4jx)}",
     /*__inner_css_end__*/
-    "1l438_gg_"
+    "1k4jx_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SChartSkeleton": "___SChartSkeleton_1l438_gg_",
-    "--bgPattern": "--bgPattern_1l438",
-    "_bgPosition": "__bgPosition_1l438_gg_",
-    "--bgPosition": "--bgPosition_1l438",
-    "_bgSize": "__bgSize_1l438_gg_",
-    "--bgSize": "--bgSize_1l438",
-    "_bgRepeat": "__bgRepeat_1l438_gg_",
-    "--bgRepeat": "--bgRepeat_1l438"
+    "__SChartSkeleton": "___SChartSkeleton_1k4jx_gg_",
+    "--bgPattern": "--bgPattern_1k4jx",
+    "_bgPosition": "__bgPosition_1k4jx_gg_",
+    "--bgPosition": "--bgPosition_1k4jx",
+    "_bgSize": "__bgSize_1k4jx_gg_",
+    "--bgSize": "--bgSize_1k4jx",
+    "_bgRepeat": "__bgRepeat_1k4jx_gg_",
+    "--bgRepeat": "--bgRepeat_1k4jx"
   })
 );
-var patternBase64 = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE1NiIgdmlld0JveD0iMCAwIDE3MiAxNTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTAgMEgxMjBDMTIyLjIwOSAwIDEyNCAxLjc5MDg2IDEyNCA0VjEyQzEyNCAxNC4yMDkxIDEyMi4yMDkgMTYgMTIwIDE2SDBWMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CiAgPHBhdGggZD0iTTAgMzJIMTU2QzE1OC4yMDkgMzIgMTYwIDMzLjc5MDkgMTYwIDM2VjQ0QzE2MCA0Ni4yMDkxIDE1OC4yMDkgNDggMTU2IDQ4SDBWMzJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgogIDxwYXRoIGQ9Ik0wIDY0SDEzOEMxNDAuMjA5IDY0IDE0MiA2NS43OTA5IDE0MiA2OFY3NkMxNDIgNzguMjA5MSAxNDAuMjA5IDgwIDEzOCA4MEgwVjY0WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KICA8cGF0aCBkPSJNMCA5NkgxNTZDMTU4LjIwOSA5NiAxNjAgOTcuNzkwOSAxNjAgMTAwVjEwOEMxNjAgMTEwLjIwOSAxNTguMjA5IDExMiAxNTYgMTEySDBWOTZaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgogIDxwYXRoIGQ9Ik0wIDEyOEgxMTZDMTE4LjIwOSAxMjggMTIwIDEyOS43OTEgMTIwIDEzMlYxNDBDMTIwIDE0Mi4yMDkgMTE4LjIwOSAxNDQgMTE2IDE0NEgwVjEyOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CiAgPC9zdmc+CiAg";
-var CompactHorizontalBarChartSkeleton = function CompactHorizontalBarChartSkeleton2(_props) {
+const patternBase64 = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE1NiIgdmlld0JveD0iMCAwIDE3MiAxNTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTAgMEgxMjBDMTIyLjIwOSAwIDEyNCAxLjc5MDg2IDEyNCA0VjEyQzEyNCAxNC4yMDkxIDEyMi4yMDkgMTYgMTIwIDE2SDBWMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CiAgPHBhdGggZD0iTTAgMzJIMTU2QzE1OC4yMDkgMzIgMTYwIDMzLjc5MDkgMTYwIDM2VjQ0QzE2MCA0Ni4yMDkxIDE1OC4yMDkgNDggMTU2IDQ4SDBWMzJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgogIDxwYXRoIGQ9Ik0wIDY0SDEzOEMxNDAuMjA5IDY0IDE0MiA2NS43OTA5IDE0MiA2OFY3NkMxNDIgNzguMjA5MSAxNDAuMjA5IDgwIDEzOCA4MEgwVjY0WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KICA8cGF0aCBkPSJNMCA5NkgxNTZDMTU4LjIwOSA5NiAxNjAgOTcuNzkwOSAxNjAgMTAwVjEwOEMxNjAgMTEwLjIwOSAxNTguMjA5IDExMiAxNTYgMTEySDBWOTZaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgogIDxwYXRoIGQ9Ik0wIDEyOEgxMTZDMTE4LjIwOSAxMjggMTIwIDEyOS43OTEgMTIwIDEzMlYxNDBDMTIwIDE0Mi4yMDkgMTE4LjIwOSAxNDQgMTE2IDE0NEgwVjEyOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CiAgPC9zdmc+CiAg";
+function CompactHorizontalBarChartSkeleton() {
   var _ref = arguments[0], _ref2;
-  var SChartSkeleton = Skeleton;
-  return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, assignProps({
-    "bgRepeat": "repeat-y",
-    "bgPosition": "left top",
-    "bgSize": "contain",
-    "bgPattern": "url(data:image/svg+xml;base64,".concat(patternBase64, ")")
-  }, _ref))));
-};
+  const SChartSkeleton = Skeleton;
+  return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", {
+    ...assignProps({
+      "bgRepeat": "repeat-y",
+      "bgPosition": "left top",
+      "bgSize": "contain",
+      "bgPattern": `url(data:image/svg+xml;base64,${patternBase64})`
+    }, _ref)
+  }));
+}
 const CompactHorizontalBar = createComponent(CompactHorizontalBarChartSkeleton);
 export {
   CompactHorizontalBar as default

package/lib/esm/Charts/Donut.mjs

@@ -1,47 +1,48 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { createComponent, sstyled, assignProps } from "@semcore/core";
 import React from "react";
 import { Skeleton } from "../Skeleton.mjs";
 /*!__reshadow-styles__:"../style/chart.shadow.css"*/
-var styles = (
+const styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SChartSkeleton_1l438_gg_{height:200px;width:100%;background-image:var(--bgPattern_1l438)}.___SChartSkeleton_1l438_gg_.__bgPosition_1l438_gg_{background-position:var(--bgPosition_1l438)}.___SChartSkeleton_1l438_gg_.__bgSize_1l438_gg_{background-size:var(--bgSize_1l438)}.___SChartSkeleton_1l438_gg_.__bgRepeat_1l438_gg_{background-repeat:var(--bgRepeat_1l438)}",
+    ".___SChartSkeleton_1k4jx_gg_{height:200px;width:100%;background-image:var(--bgPattern_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgPosition_1k4jx_gg_{background-position:var(--bgPosition_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgSize_1k4jx_gg_{background-size:var(--bgSize_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgRepeat_1k4jx_gg_{background-repeat:var(--bgRepeat_1k4jx)}",
     /*__inner_css_end__*/
-    "1l438_gg_"
+    "1k4jx_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SChartSkeleton": "___SChartSkeleton_1l438_gg_",
-    "--bgPattern": "--bgPattern_1l438",
-    "_bgPosition": "__bgPosition_1l438_gg_",
-    "--bgPosition": "--bgPosition_1l438",
-    "_bgSize": "__bgSize_1l438_gg_",
-    "--bgSize": "--bgSize_1l438",
-    "_bgRepeat": "__bgRepeat_1l438_gg_",
-    "--bgRepeat": "--bgRepeat_1l438"
+    "__SChartSkeleton": "___SChartSkeleton_1k4jx_gg_",
+    "--bgPattern": "--bgPattern_1k4jx",
+    "_bgPosition": "__bgPosition_1k4jx_gg_",
+    "--bgPosition": "--bgPosition_1k4jx",
+    "_bgSize": "__bgSize_1k4jx_gg_",
+    "--bgSize": "--bgSize_1k4jx",
+    "_bgRepeat": "__bgRepeat_1k4jx_gg_",
+    "--bgRepeat": "--bgRepeat_1k4jx"
   })
 );
-var donutFullSvg = "PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDE4MCAxODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJwYXJhZ3JhcGg9ZmFsc2UsIGNoYXJ0IHR5cGU9JiMyNDA7JiMxNTk7JiMxNDE7JiMxNjk7IGRvbnV0IGNoYXJ0LCBwaWN0dXJlIGRpdj1mYWxzZSI+CjxnIGlkPSJkb251dC1jaGFydCI+CjxwYXRoIGQ9Ik0xNTguODYzIDE0NS43NDJDMTcxLjQ1MyAxMzAuMjU5IDE4MCAxMTEuNTExIDE4MCA5MEMxODAgNjguNjE2OCAxNzIuNTQzIDQ4Ljk3NTMgMTYwLjA4NyAzMy41MzQzTDEzNy43MzEgNTUuMTQ1OUMxNTEuNzk5IDgyLjA2NzMgMTUxLjQ3NSA5NS40NDAzIDEzNy43OTMgMTIzLjcyNEwxNTguODYzIDE0NS43NDJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOTAgMTgwQzExNy4xMTIgMTgwIDE0MC40MjUgMTY3LjAxMSAxNTYuOTI1IDE0OC4wNDZMMTM1LjgyNyAxMjZDMTI0LjgyNyAxMzkuNTcgMTA4LjMzIDE0OSA4OS41IDE0OUM1Ni4zNjI5IDE0OSAyOSAxMjMuMTM3IDI5IDkwQzI4LjU2MzEgNTcuODU3NiA1NC44NzYyIDMxLjU3OTkgODcgMzBWMC4wNDkwNThDMzguNjgzMSAxLjYzMTUyIDAgNDEuMjk4MyAwIDkwQzAgMTM5LjcwNiA0MC4yOTQ0IDE4MCA5MCAxODBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTU4LjA0NiAzMS4zMzI3TDEzNS42MzQgNTNDMTI1LjEzMiAzOS42MTYxIDEwOS44NzQgMzAuNDU1MiA5MCAzMFYwQzExNy45MTUgMCAxNDEuNTM4IDExLjM4NTEgMTU4LjA0NiAzMS4zMzI3WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=";
-var donutHalfSvg = "PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjkwIiB2aWV3Qm94PSIwIDAgMTgwIDkwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTU2LjkyNSAzMS45NTM4QzE0MC40MjUgMTIuOTg4NiAxMTcuMTEyIDAgOTAgMEM0MC4yOTQ0IDAgMCA0MC4yOTQ0IDAgOTBIMjlDMjkgNTYuODYyOSA1Ni4zNjI5IDMxIDg5LjUgMzFDMTA4LjMzIDMxIDEyNC44MjcgNDAuNDI5NiAxMzUuODI3IDU0TDE1Ni45MjUgMzEuOTUzOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xODAgOTBIMTQ4LjE1MkMxNDcuODg2IDgwLjA5ODkgMTQ0LjM5NSA2OS45MjMzIDEzNy43OTMgNTYuMjc2NEwxNTguODYzIDM0LjI1ODFDMTcxLjQ1MyA0OS43NDA3IDE4MCA2OC40ODkgMTgwIDkwWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPC9zdmc+Cg==";
-var DonutChartSkeleton = function DonutChartSkeleton2(props) {
-  var _ref = arguments[0], _ref2, _props$halfsize;
-  var SChartSkeleton = Skeleton;
-  var halfsize = (_props$halfsize = props.halfsize) !== null && _props$halfsize !== void 0 ? _props$halfsize : false;
-  var patternBase64 = {
-    "true": donutHalfSvg,
-    "false": donutFullSvg
+const donutFullSvg = "PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDE4MCAxODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJwYXJhZ3JhcGg9ZmFsc2UsIGNoYXJ0IHR5cGU9JiMyNDA7JiMxNTk7JiMxNDE7JiMxNjk7IGRvbnV0IGNoYXJ0LCBwaWN0dXJlIGRpdj1mYWxzZSI+CjxnIGlkPSJkb251dC1jaGFydCI+CjxwYXRoIGQ9Ik0xNTguODYzIDE0NS43NDJDMTcxLjQ1MyAxMzAuMjU5IDE4MCAxMTEuNTExIDE4MCA5MEMxODAgNjguNjE2OCAxNzIuNTQzIDQ4Ljk3NTMgMTYwLjA4NyAzMy41MzQzTDEzNy43MzEgNTUuMTQ1OUMxNTEuNzk5IDgyLjA2NzMgMTUxLjQ3NSA5NS40NDAzIDEzNy43OTMgMTIzLjcyNEwxNTguODYzIDE0NS43NDJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOTAgMTgwQzExNy4xMTIgMTgwIDE0MC40MjUgMTY3LjAxMSAxNTYuOTI1IDE0OC4wNDZMMTM1LjgyNyAxMjZDMTI0LjgyNyAxMzkuNTcgMTA4LjMzIDE0OSA4OS41IDE0OUM1Ni4zNjI5IDE0OSAyOSAxMjMuMTM3IDI5IDkwQzI4LjU2MzEgNTcuODU3NiA1NC44NzYyIDMxLjU3OTkgODcgMzBWMC4wNDkwNThDMzguNjgzMSAxLjYzMTUyIDAgNDEuMjk4MyAwIDkwQzAgMTM5LjcwNiA0MC4yOTQ0IDE4MCA5MCAxODBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTU4LjA0NiAzMS4zMzI3TDEzNS42MzQgNTNDMTI1LjEzMiAzOS42MTYxIDEwOS44NzQgMzAuNDU1MiA5MCAzMFYwQzExNy45MTUgMCAxNDEuNTM4IDExLjM4NTEgMTU4LjA0NiAzMS4zMzI3WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=";
+const donutHalfSvg = "PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjkwIiB2aWV3Qm94PSIwIDAgMTgwIDkwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTU2LjkyNSAzMS45NTM4QzE0MC40MjUgMTIuOTg4NiAxMTcuMTEyIDAgOTAgMEM0MC4yOTQ0IDAgMCA0MC4yOTQ0IDAgOTBIMjlDMjkgNTYuODYyOSA1Ni4zNjI5IDMxIDg5LjUgMzFDMTA4LjMzIDMxIDEyNC44MjcgNDAuNDI5NiAxMzUuODI3IDU0TDE1Ni45MjUgMzEuOTUzOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xODAgOTBIMTQ4LjE1MkMxNDcuODg2IDgwLjA5ODkgMTQ0LjM5NSA2OS45MjMzIDEzNy43OTMgNTYuMjc2NEwxNTguODYzIDM0LjI1ODFDMTcxLjQ1MyA0OS43NDA3IDE4MCA2OC40ODkgMTgwIDkwWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPC9zdmc+Cg==";
+function DonutChartSkeleton(props) {
+  var _ref = arguments[0], _ref2;
+  const SChartSkeleton = Skeleton;
+  const halfsize = props.halfsize ?? false;
+  const patternBase64 = {
+    true: donutHalfSvg,
+    false: donutFullSvg
   }[halfsize];
-  return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, assignProps({
-    "bgRepeat": "no-repeat",
-    "bgPosition": {
-      "true": "center bottom",
-      "false": "center"
-    }[halfsize],
-    "bgSize": "contain",
-    "bgPattern": "url(data:image/svg+xml;base64,".concat(patternBase64, ")")
-  }, _ref))));
-};
+  return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", {
+    ...assignProps({
+      "bgRepeat": "no-repeat",
+      "bgPosition": {
+        true: "center bottom",
+        false: "center"
+      }[halfsize],
+      "bgSize": "contain",
+      "bgPattern": `url(data:image/svg+xml;base64,${patternBase64})`
+    }, _ref)
+  }));
+}
 const Donut = createComponent(DonutChartSkeleton);
 export {
   Donut as default