@automattic/charts 0.46.2 → 0.47.0

package/dist/index.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkGEB4GELEcjs = require('./chunk-GEB4GELE.cjs');
+var _chunkS5H6V6VUcjs = require('./chunk-S5H6V6VU.cjs');
 
 
 
@@ -14,21 +14,21 @@ require('./chunk-7OZEQ5HE.cjs');
 
 
 
-var _chunkN36WJKYMcjs = require('./chunk-N36WJKYM.cjs');
+var _chunkACYRVLI5cjs = require('./chunk-ACYRVLI5.cjs');
 
 
 
-var _chunkCNAKHZMWcjs = require('./chunk-CNAKHZMW.cjs');
+var _chunkKC3ITX3Bcjs = require('./chunk-KC3ITX3B.cjs');
 
 
 var _chunk6GO5PFYLcjs = require('./chunk-6GO5PFYL.cjs');
 
 
-var _chunkQPHNEQCKcjs = require('./chunk-QPHNEQCK.cjs');
+var _chunkJ6XON6FMcjs = require('./chunk-J6XON6FM.cjs');
 
 
 
-var _chunkHZZTNJYPcjs = require('./chunk-HZZTNJYP.cjs');
+var _chunk22TV5IPNcjs = require('./chunk-22TV5IPN.cjs');
 require('./chunk-3Z526IL2.cjs');
 require('./chunk-FX2PTUFC.cjs');
 
@@ -70,5 +70,5 @@ require('./chunk-EMMSS5I5.cjs');
 
 
 
-exports.BarChart = _chunkCNAKHZMWcjs.BarChartResponsive; exports.BarChartUnresponsive = _chunkCNAKHZMWcjs.BarChart; exports.BarListChart = _chunkN36WJKYMcjs.BarListChartResponsive; exports.BarListChartUnresponsive = _chunkN36WJKYMcjs.BarListChart; exports.BaseTooltip = _chunk6GO5PFYLcjs.BaseTooltip; exports.ConversionFunnelChart = _chunkQPHNEQCKcjs.ConversionFunnelChartWithProvider; exports.GlobalChartsContext = _chunkLSGYIUQXcjs.GlobalChartsContext; exports.GlobalChartsProvider = _chunkLSGYIUQXcjs.GlobalChartsProvider; exports.LeaderboardChart = _chunkHZZTNJYPcjs.LeaderboardChartResponsive; exports.LeaderboardChartUnresponsive = _chunkHZZTNJYPcjs.LeaderboardChart; exports.Legend = _chunkPNSMPZ3Ecjs.Legend; exports.LineChart = _chunkGEB4GELEcjs.LineChartResponsive; exports.LineChartUnresponsive = _chunkGEB4GELEcjs.LineChart; exports.PieChart = _chunkYKVKFUV7cjs.PieChartResponsive; exports.PieChartUnresponsive = _chunkYKVKFUV7cjs.PieChart; exports.PieSemiCircleChart = _chunkVOMSG7KVcjs.PieSemiCircleChartResponsive; exports.PieSemiCircleChartUnresponsive = _chunkVOMSG7KVcjs.PieSemiCircleChart; exports.ThemeProvider = _chunkLSGYIUQXcjs.GlobalChartsProvider; exports.defaultTheme = _chunkLSGYIUQXcjs.defaultTheme; exports.jetpackTheme = _chunkLSGYIUQXcjs.jetpackTheme; exports.useChartLegendItems = _chunkPNSMPZ3Ecjs.useChartLegendItems; exports.useGlobalChartsContext = _chunkLSGYIUQXcjs.useGlobalChartsContext; exports.useGlobalChartsTheme = _chunkLSGYIUQXcjs.useGlobalChartsTheme; exports.wooTheme = _chunkLSGYIUQXcjs.wooTheme;
+exports.BarChart = _chunkKC3ITX3Bcjs.BarChartResponsive; exports.BarChartUnresponsive = _chunkKC3ITX3Bcjs.BarChart; exports.BarListChart = _chunkACYRVLI5cjs.BarListChartResponsive; exports.BarListChartUnresponsive = _chunkACYRVLI5cjs.BarListChart; exports.BaseTooltip = _chunk6GO5PFYLcjs.BaseTooltip; exports.ConversionFunnelChart = _chunkJ6XON6FMcjs.ConversionFunnelChartWithProvider; exports.GlobalChartsContext = _chunkLSGYIUQXcjs.GlobalChartsContext; exports.GlobalChartsProvider = _chunkLSGYIUQXcjs.GlobalChartsProvider; exports.LeaderboardChart = _chunk22TV5IPNcjs.LeaderboardChartResponsive; exports.LeaderboardChartUnresponsive = _chunk22TV5IPNcjs.LeaderboardChart; exports.Legend = _chunkPNSMPZ3Ecjs.Legend; exports.LineChart = _chunkS5H6V6VUcjs.LineChartResponsive; exports.LineChartUnresponsive = _chunkS5H6V6VUcjs.LineChart; exports.PieChart = _chunkYKVKFUV7cjs.PieChartResponsive; exports.PieChartUnresponsive = _chunkYKVKFUV7cjs.PieChart; exports.PieSemiCircleChart = _chunkVOMSG7KVcjs.PieSemiCircleChartResponsive; exports.PieSemiCircleChartUnresponsive = _chunkVOMSG7KVcjs.PieSemiCircleChart; exports.ThemeProvider = _chunkLSGYIUQXcjs.GlobalChartsProvider; exports.defaultTheme = _chunkLSGYIUQXcjs.defaultTheme; exports.jetpackTheme = _chunkLSGYIUQXcjs.jetpackTheme; exports.useChartLegendItems = _chunkPNSMPZ3Ecjs.useChartLegendItems; exports.useGlobalChartsContext = _chunkLSGYIUQXcjs.useGlobalChartsContext; exports.useGlobalChartsTheme = _chunkLSGYIUQXcjs.useGlobalChartsTheme; exports.wooTheme = _chunkLSGYIUQXcjs.wooTheme;
 //# sourceMappingURL=index.cjs.map

package/dist/index.css

@@ -117,6 +117,28 @@
 .a8ccharts-vgKKqG {
   margin-top: 1rem;
 }
+.a8ccharts-vHWVsO rect {
+  transform-origin: bottom;
+  transform-box: fill-box;
+  transform: scaleY(0);
+  animation: a8ccharts-wCPctT 1s ease-out forwards;
+}
+@keyframes a8ccharts-wCPctT {
+  to {
+    transform: scaleY(1);
+  }
+}
+.a8ccharts-3kCz4q rect {
+  transform-origin: left;
+  transform-box: fill-box;
+  transform: scaleX(0);
+  animation: a8ccharts-MtfGVm 1s ease-out forwards;
+}
+@keyframes a8ccharts-MtfGVm {
+  to {
+    transform: scaleX(1);
+  }
+}
 
 /* esbuild-sass-plugin:css-chunk:src/components/line-chart/line-chart.module.scss */
 .a8ccharts-ITM3dm {
@@ -207,6 +229,16 @@
   width: 10px;
   height: 10px;
 }
+.a8ccharts-Hj6YbD path {
+  transform-origin: 0 95%;
+  transform: scaleY(0);
+  animation: a8ccharts-gb7M8E 1s ease-out forwards;
+}
+@keyframes a8ccharts-gb7M8E {
+  to {
+    transform: scaleY(1);
+  }
+}
 
 /* esbuild-sass-plugin:css-chunk:src/components/pie-chart/pie-chart.module.scss */
 .a8ccharts-R12VhH {
@@ -262,7 +294,17 @@
   min-height: 6px;
   border-radius: var(--a8c--charts--leaderboard--bar--border-radius, 9999px);
   z-index: -1;
-  transition: width 0.3s ease-in-out;
+}
+.a8ccharts-9RE0Uo .a8ccharts-qPpCM2 {
+  transform-origin: left;
+  transform-box: fill-box;
+  transform: scaleX(0);
+  animation: a8ccharts-VlC0fg 1s ease-out forwards;
+}
+@keyframes a8ccharts-VlC0fg {
+  to {
+    transform: scaleX(1);
+  }
 }
 .a8ccharts-ZlLh4R {
   display: flex;
@@ -415,4 +457,15 @@
   color: #6b7280;
   font-size: 16px;
 }
+.a8ccharts-wvCpVT {
+  transform-origin: bottom;
+  transform-box: fill-box;
+  transform: scaleY(0);
+  animation: a8ccharts-4otxiv 1s ease-out forwards;
+}
+@keyframes a8ccharts-4otxiv {
+  to {
+    transform: scaleY(1);
+  }
+}
 /*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["esbuild-sass-plugin:css-chunk:src/components/legend/private/base-legend.module.scss","esbuild-sass-plugin:css-chunk:src/components/tooltip/base-tooltip.module.scss","esbuild-sass-plugin:css-chunk:src/components/bar-chart/bar-chart.module.scss","esbuild-sass-plugin:css-chunk:src/components/line-chart/line-chart.module.scss","esbuild-sass-plugin:css-chunk:src/components/pie-chart/pie-chart.module.scss","esbuild-sass-plugin:css-chunk:src/components/pie-semi-circle-chart/pie-semi-circle-chart.module.scss","esbuild-sass-plugin:css-chunk:src/components/leaderboard-chart/leaderboard-chart.module.scss","esbuild-sass-plugin:css-chunk:src/components/conversion-funnel-chart/conversion-funnel-chart.module.scss"],"sourcesContent":[".a8ccharts-AELBvX {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  gap: 16px;\n}\n.a8ccharts-fX8uQe {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.a8ccharts-fX8uQe.a8ccharts-DEe0wg {\n  align-items: flex-start;\n}\n.a8ccharts-fX8uQe.a8ccharts-WBKF9I {\n  align-items: center;\n}\n.a8ccharts-fX8uQe.a8ccharts-JfwMng {\n  align-items: flex-end;\n}\n.a8ccharts-8Y73Kh {\n  position: relative;\n}\n.a8ccharts-8Y73Kh.a8ccharts-DEe0wg {\n  justify-content: flex-start;\n}\n.a8ccharts-8Y73Kh.a8ccharts-WBKF9I {\n  justify-content: center;\n}\n.a8ccharts-8Y73Kh.a8ccharts-JfwMng {\n  justify-content: flex-end;\n}\n.a8ccharts-TVM-IY {\n  position: relative;\n}\n.a8ccharts-TVM-IY.a8ccharts-DEe0wg {\n  justify-content: flex-start;\n}\n.a8ccharts-TVM-IY.a8ccharts-WBKF9I {\n  justify-content: center;\n}\n.a8ccharts-TVM-IY.a8ccharts-JfwMng {\n  justify-content: flex-end;\n}\n\n.a8ccharts-Vflwq8 {\n  display: flex;\n  align-items: center;\n  font-size: 0.875rem;\n}\n.a8ccharts-qGsavM {\n  cursor: pointer;\n  user-select: none;\n  transition: opacity 0.2s ease;\n}\n.a8ccharts-qGsavM:hover {\n  opacity: 0.8;\n}\n.a8ccharts-qGsavM:focus {\n  outline: 2px solid currentColor;\n  outline-offset: 2px;\n  border-radius: 4px;\n}\n.a8ccharts-qGsavM:focus:not(:focus-visible) {\n  outline: none;\n}\n.a8ccharts-ZtDY-Q {\n  opacity: 0.4;\n}\n.a8ccharts-ZtDY-Q .a8ccharts-2H65Kr {\n  text-decoration: line-through;\n}\n\n.a8ccharts-2H65Kr {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  /* Text wrapping is handled at the text level, not the label container */\n}\n\n.a8ccharts-faSDBI {\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n  white-space: normal;\n  hyphens: auto;\n}\n.a8ccharts-FISUIO {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex-shrink: 1;\n  min-width: 0;\n}\n\n.a8ccharts-DTZlT- {\n  font-weight: 500;\n  flex-shrink: 0;\n}",".a8ccharts-OfX6nd {\n  padding: 0.5rem;\n  background-color: rgba(0, 0, 0, 0.85);\n  color: #fff;\n  border-radius: 4px;\n  font-size: 14px;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n  position: absolute;\n  pointer-events: none;\n  transform: translate(-50%, -100%);\n}",".a8ccharts-lmYNi- {\n  display: flex;\n  flex-direction: column;\n}\n.a8ccharts-lmYNi- svg {\n  overflow: visible;\n}\n.a8ccharts-vgKKqG {\n  margin-top: 1rem;\n}",".a8ccharts-ITM3dm {\n  display: flex;\n  flex-direction: column;\n}\n.a8ccharts-ITM3dm svg {\n  overflow: visible;\n}\n.a8ccharts-aqcmeq, .a8ccharts-TqNZkh {\n  background: #fff;\n  padding: 0.5rem;\n}\n.a8ccharts-4Dzab- {\n  font-weight: 700;\n  padding-bottom: 10px;\n}\n.a8ccharts-6A37Gb {\n  display: flex;\n  align-items: center;\n  padding: 4px 0;\n  justify-content: space-between;\n}\n.a8ccharts-IvnFFF {\n  font-weight: 500;\n  padding-right: 1rem;\n}\n.a8ccharts-4nR2pv {\n  position: absolute;\n  left: 0;\n  top: 0;\n  overflow: visible;\n  pointer-events: none;\n}\n.a8ccharts-OmgiTA {\n  pointer-events: auto;\n}\n.a8ccharts-mcIb3E {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  pointer-events: auto;\n  cursor: pointer;\n  border: none;\n  background: none;\n  padding: 0;\n}\n.a8ccharts-TqNZkh {\n  min-width: 125px;\n  background: #fff;\n  border: none;\n  border-radius: 4px;\n  font-size: 14px;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n  position: fixed;\n  margin: 0.5rem;\n  visibility: hidden;\n}\n.a8ccharts-dE0cVP {\n  visibility: visible;\n}\n.a8ccharts-i3NHTh {\n  position: initial;\n  margin: auto;\n}\n.a8ccharts-OwypoS {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: start;\n}\n.a8ccharts-vtgQtP {\n  padding: 0.5rem;\n}\n.a8ccharts-i8KUcG {\n  background: none;\n  border: none;\n  cursor: pointer;\n  width: 44px;\n  height: 44px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n}\n\n.visx-tooltip-glyph svg {\n  width: 10px;\n  height: 10px;\n}",".a8ccharts-R12VhH {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  align-items: center;\n  gap: 20px;\n}",".a8ccharts-r5jk9c {\n  display: flex;\n  flex-direction: column;\n  text-align: center;\n  gap: 20px;\n}\n.a8ccharts-r5jk9c .a8ccharts-nPqOgD {\n  margin-bottom: 0;\n  font-weight: 600;\n  font-size: 16px;\n}\n.a8ccharts-r5jk9c .a8ccharts-LpBZQh {\n  margin-top: 0;\n  font-size: 14px;\n}",".a8ccharts-zxakPT {\n  transition: opacity 0.3s ease-in-out;\n}\n.a8ccharts-zxakPT.a8ccharts--AGv-8 {\n  opacity: 0.5;\n}\n\n.a8ccharts-9RE0Uo {\n  display: grid;\n  align-items: center;\n  grid-template-columns: 1fr;\n  row-gap: 6px;\n  isolation: isolate;\n}\n.a8ccharts-9RE0Uo.a8ccharts-Fqdi5w {\n  grid-template: \"overlap\" 1fr/1fr; /* contains a single cell callded 'overlap' */\n}\n.a8ccharts-9RE0Uo.a8ccharts-Fqdi5w > * {\n  grid-area: overlap;\n}\n.a8ccharts-9RE0Uo.a8ccharts-Fqdi5w .a8ccharts-7ZUu0T {\n  padding-left: 8px;\n}\n.a8ccharts-9RE0Uo .a8ccharts-CnJvgl {\n  height: 100%;\n  min-height: 6px;\n  border-radius: var(--a8c--charts--leaderboard--bar--border-radius, 9999px);\n  z-index: -1; /* places it behind the label */\n  transition: width 0.3s ease-in-out;\n}\n\n.a8ccharts-ZlLh4R {\n  display: flex;\n  gap: 4px;\n  justify-content: flex-end;\n}\n\n.a8ccharts-pRqShB {\n  align-items: center;\n}\n\n.a8ccharts-0dkfyF {\n  padding: 32px 16px;\n  text-align: center;\n  color: #666;\n  font-size: 14px;\n  font-style: italic;\n}",".a8ccharts--9Qsb0 {\n  font-family: var(--funnel-font-family, \"SF Pro Text\");\n}\n.a8ccharts--9Qsb0.a8ccharts-Kw-iZo {\n  opacity: 0.6;\n  pointer-events: none;\n}\n\n.a8ccharts-8mIwVL {\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n  margin-bottom: 24px;\n  height: 20px;\n}\n\n.a8ccharts-D93Ubo {\n  overflow: hidden;\n  color: #1e1e1e;\n  text-overflow: ellipsis;\n  font-family: var(--funnel-font-family, \"SF Pro Text\");\n  font-size: 18px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px;\n  margin: 0;\n}\n\n.a8ccharts-QWypVS {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-family: var(--funnel-font-family, \"SF Pro Text\");\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px;\n  margin: 0;\n}\n\n.a8ccharts-RR7xaC {\n  display: flex;\n  gap: 16px;\n  align-items: flex-end;\n  height: 200px;\n  width: 100%;\n}\n\n.a8ccharts-VIVztE {\n  flex: 1 1 0;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  transition: all 0.3s ease;\n}\n.a8ccharts-VIVztE.a8ccharts-Ax4cuC {\n  opacity: 0.3;\n}\n\n.a8ccharts-bUrZ0x {\n  margin-bottom: 24px;\n}\n\n.a8ccharts-SCy8FA {\n  color: #757575;\n  font-family: var(--step-font-family, \"SF Pro\");\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n  margin: 0 0 2px 0;\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.a8ccharts-A0irBo {\n  color: #1e1e1e;\n  font-family: var(--step-font-family, \"SF Pro\");\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px;\n  margin: 0;\n  display: block;\n}\n\n.a8ccharts-5Dl5-j {\n  flex: 1;\n  display: flex;\n  align-items: flex-end;\n  border-radius: 4px;\n  position: relative;\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n.a8ccharts-5Dl5-j.a8ccharts-Reovk6 {\n  cursor: pointer;\n}\n\n.a8ccharts-tG5m3L {\n  width: 100%;\n  min-height: 4px;\n  border-radius: 4px 4px 0 0;\n  transition: all 0.3s ease;\n}\n.a8ccharts-tG5m3L.a8ccharts-W40FYh {\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);\n  filter: brightness(1.1);\n}\n\n.a8ccharts-NohPt6 {\n  display: inline-flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 4px;\n  border-bottom: 1px solid var(--Gray-Gray-5, #dcdcde);\n  background: var(--black-white-white, #fff);\n  border-radius: 4px !important;\n  padding: 12px !important;\n  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15), 0 3px 9px 0 rgba(0, 0, 0, 0.12) !important;\n}\n\n.a8ccharts-hjZr33 {\n  color: #1e1e1e;\n  font-family: \"SF Pro\", sans-serif;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n}\n\n.a8ccharts-ocwAPj {\n  color: #1e1e1e;\n  font-family: \"SF Pro\", sans-serif;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px;\n}\n\n.a8ccharts-9c0psv {\n  text-align: center;\n  padding: 48px 24px;\n  color: #6b7280;\n  font-size: 16px;\n}"],"mappings":"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","names":[]}
+{"version":3,"sources":["esbuild-sass-plugin:css-chunk:src/components/legend/private/base-legend.module.scss","esbuild-sass-plugin:css-chunk:src/components/tooltip/base-tooltip.module.scss","esbuild-sass-plugin:css-chunk:src/components/bar-chart/bar-chart.module.scss","esbuild-sass-plugin:css-chunk:src/components/line-chart/line-chart.module.scss","esbuild-sass-plugin:css-chunk:src/components/pie-chart/pie-chart.module.scss","esbuild-sass-plugin:css-chunk:src/components/pie-semi-circle-chart/pie-semi-circle-chart.module.scss","esbuild-sass-plugin:css-chunk:src/components/leaderboard-chart/leaderboard-chart.module.scss","esbuild-sass-plugin:css-chunk:src/components/conversion-funnel-chart/conversion-funnel-chart.module.scss"],"sourcesContent":[".a8ccharts-AELBvX {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  gap: 16px;\n}\n.a8ccharts-fX8uQe {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.a8ccharts-fX8uQe.a8ccharts-DEe0wg {\n  align-items: flex-start;\n}\n.a8ccharts-fX8uQe.a8ccharts-WBKF9I {\n  align-items: center;\n}\n.a8ccharts-fX8uQe.a8ccharts-JfwMng {\n  align-items: flex-end;\n}\n.a8ccharts-8Y73Kh {\n  position: relative;\n}\n.a8ccharts-8Y73Kh.a8ccharts-DEe0wg {\n  justify-content: flex-start;\n}\n.a8ccharts-8Y73Kh.a8ccharts-WBKF9I {\n  justify-content: center;\n}\n.a8ccharts-8Y73Kh.a8ccharts-JfwMng {\n  justify-content: flex-end;\n}\n.a8ccharts-TVM-IY {\n  position: relative;\n}\n.a8ccharts-TVM-IY.a8ccharts-DEe0wg {\n  justify-content: flex-start;\n}\n.a8ccharts-TVM-IY.a8ccharts-WBKF9I {\n  justify-content: center;\n}\n.a8ccharts-TVM-IY.a8ccharts-JfwMng {\n  justify-content: flex-end;\n}\n\n.a8ccharts-Vflwq8 {\n  display: flex;\n  align-items: center;\n  font-size: 0.875rem;\n}\n.a8ccharts-qGsavM {\n  cursor: pointer;\n  user-select: none;\n  transition: opacity 0.2s ease;\n}\n.a8ccharts-qGsavM:hover {\n  opacity: 0.8;\n}\n.a8ccharts-qGsavM:focus {\n  outline: 2px solid currentColor;\n  outline-offset: 2px;\n  border-radius: 4px;\n}\n.a8ccharts-qGsavM:focus:not(:focus-visible) {\n  outline: none;\n}\n.a8ccharts-ZtDY-Q {\n  opacity: 0.4;\n}\n.a8ccharts-ZtDY-Q .a8ccharts-2H65Kr {\n  text-decoration: line-through;\n}\n\n.a8ccharts-2H65Kr {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  /* Text wrapping is handled at the text level, not the label container */\n}\n\n.a8ccharts-faSDBI {\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n  white-space: normal;\n  hyphens: auto;\n}\n.a8ccharts-FISUIO {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex-shrink: 1;\n  min-width: 0;\n}\n\n.a8ccharts-DTZlT- {\n  font-weight: 500;\n  flex-shrink: 0;\n}",".a8ccharts-OfX6nd {\n  padding: 0.5rem;\n  background-color: rgba(0, 0, 0, 0.85);\n  color: #fff;\n  border-radius: 4px;\n  font-size: 14px;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n  position: absolute;\n  pointer-events: none;\n  transform: translate(-50%, -100%);\n}",".a8ccharts-lmYNi- {\n  display: flex;\n  flex-direction: column;\n}\n.a8ccharts-lmYNi- svg {\n  overflow: visible;\n}\n.a8ccharts-vgKKqG {\n  margin-top: 1rem;\n}\n\n.a8ccharts-vHWVsO rect {\n  transform-origin: bottom;\n  transform-box: fill-box;\n  transform: scaleY(0);\n  animation: a8ccharts-wCPctT 1s ease-out forwards;\n}\n\n@keyframes a8ccharts-wCPctT {\n  to {\n    transform: scaleY(1);\n  }\n}\n.a8ccharts-3kCz4q rect {\n  transform-origin: left;\n  transform-box: fill-box;\n  transform: scaleX(0);\n  animation: a8ccharts-MtfGVm 1s ease-out forwards;\n}\n\n@keyframes a8ccharts-MtfGVm {\n  to {\n    transform: scaleX(1);\n  }\n}",".a8ccharts-ITM3dm {\n  display: flex;\n  flex-direction: column;\n}\n.a8ccharts-ITM3dm svg {\n  overflow: visible;\n}\n.a8ccharts-aqcmeq, .a8ccharts-TqNZkh {\n  background: #fff;\n  padding: 0.5rem;\n}\n.a8ccharts-4Dzab- {\n  font-weight: 700;\n  padding-bottom: 10px;\n}\n.a8ccharts-6A37Gb {\n  display: flex;\n  align-items: center;\n  padding: 4px 0;\n  justify-content: space-between;\n}\n.a8ccharts-IvnFFF {\n  font-weight: 500;\n  padding-right: 1rem;\n}\n.a8ccharts-4nR2pv {\n  position: absolute;\n  left: 0;\n  top: 0;\n  overflow: visible;\n  pointer-events: none;\n}\n.a8ccharts-OmgiTA {\n  pointer-events: auto;\n}\n.a8ccharts-mcIb3E {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  pointer-events: auto;\n  cursor: pointer;\n  border: none;\n  background: none;\n  padding: 0;\n}\n.a8ccharts-TqNZkh {\n  min-width: 125px;\n  background: #fff;\n  border: none;\n  border-radius: 4px;\n  font-size: 14px;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n  position: fixed;\n  margin: 0.5rem;\n  visibility: hidden;\n}\n.a8ccharts-dE0cVP {\n  visibility: visible;\n}\n.a8ccharts-i3NHTh {\n  position: initial;\n  margin: auto;\n}\n.a8ccharts-OwypoS {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: start;\n}\n.a8ccharts-vtgQtP {\n  padding: 0.5rem;\n}\n.a8ccharts-i8KUcG {\n  background: none;\n  border: none;\n  cursor: pointer;\n  width: 44px;\n  height: 44px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n}\n\n.visx-tooltip-glyph svg {\n  width: 10px;\n  height: 10px;\n}\n\n/* in your CSS or styled-component */\n.a8ccharts-Hj6YbD path {\n  transform-origin: 0 95%;\n  transform: scaleY(0);\n  animation: a8ccharts-gb7M8E 1s ease-out forwards;\n}\n\n@keyframes a8ccharts-gb7M8E {\n  to {\n    transform: scaleY(1);\n  }\n}",".a8ccharts-R12VhH {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  align-items: center;\n  gap: 20px;\n}",".a8ccharts-r5jk9c {\n  display: flex;\n  flex-direction: column;\n  text-align: center;\n  gap: 20px;\n}\n.a8ccharts-r5jk9c .a8ccharts-nPqOgD {\n  margin-bottom: 0;\n  font-weight: 600;\n  font-size: 16px;\n}\n.a8ccharts-r5jk9c .a8ccharts-LpBZQh {\n  margin-top: 0;\n  font-size: 14px;\n}",".a8ccharts-zxakPT {\n  transition: opacity 0.3s ease-in-out;\n}\n.a8ccharts-zxakPT.a8ccharts--AGv-8 {\n  opacity: 0.5;\n}\n\n.a8ccharts-9RE0Uo {\n  display: grid;\n  align-items: center;\n  grid-template-columns: 1fr;\n  row-gap: 6px;\n  isolation: isolate;\n}\n.a8ccharts-9RE0Uo.a8ccharts-Fqdi5w {\n  grid-template: \"overlap\" 1fr/1fr; /* contains a single cell callded 'overlap' */\n}\n.a8ccharts-9RE0Uo.a8ccharts-Fqdi5w > * {\n  grid-area: overlap;\n}\n.a8ccharts-9RE0Uo.a8ccharts-Fqdi5w .a8ccharts-7ZUu0T {\n  padding-left: 8px;\n}\n.a8ccharts-9RE0Uo .a8ccharts-CnJvgl {\n  height: 100%;\n  min-height: 6px;\n  border-radius: var(--a8c--charts--leaderboard--bar--border-radius, 9999px);\n  z-index: -1; /* places it behind the label */\n}\n.a8ccharts-9RE0Uo .a8ccharts-qPpCM2 {\n  transform-origin: left;\n  transform-box: fill-box;\n  transform: scaleX(0);\n  animation: a8ccharts-VlC0fg 1s ease-out forwards;\n}\n@keyframes a8ccharts-VlC0fg {\n  to {\n    transform: scaleX(1);\n  }\n}\n\n.a8ccharts-ZlLh4R {\n  display: flex;\n  gap: 4px;\n  justify-content: flex-end;\n}\n\n.a8ccharts-pRqShB {\n  align-items: center;\n}\n\n.a8ccharts-0dkfyF {\n  padding: 32px 16px;\n  text-align: center;\n  color: #666;\n  font-size: 14px;\n  font-style: italic;\n}",".a8ccharts--9Qsb0 {\n  font-family: var(--funnel-font-family, \"SF Pro Text\");\n}\n.a8ccharts--9Qsb0.a8ccharts-Kw-iZo {\n  opacity: 0.6;\n  pointer-events: none;\n}\n\n.a8ccharts-8mIwVL {\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n  margin-bottom: 24px;\n  height: 20px;\n}\n\n.a8ccharts-D93Ubo {\n  overflow: hidden;\n  color: #1e1e1e;\n  text-overflow: ellipsis;\n  font-family: var(--funnel-font-family, \"SF Pro Text\");\n  font-size: 18px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px;\n  margin: 0;\n}\n\n.a8ccharts-QWypVS {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-family: var(--funnel-font-family, \"SF Pro Text\");\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px;\n  margin: 0;\n}\n\n.a8ccharts-RR7xaC {\n  display: flex;\n  gap: 16px;\n  align-items: flex-end;\n  height: 200px;\n  width: 100%;\n}\n\n.a8ccharts-VIVztE {\n  flex: 1 1 0;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  transition: all 0.3s ease;\n}\n.a8ccharts-VIVztE.a8ccharts-Ax4cuC {\n  opacity: 0.3;\n}\n\n.a8ccharts-bUrZ0x {\n  margin-bottom: 24px;\n}\n\n.a8ccharts-SCy8FA {\n  color: #757575;\n  font-family: var(--step-font-family, \"SF Pro\");\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n  margin: 0 0 2px 0;\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.a8ccharts-A0irBo {\n  color: #1e1e1e;\n  font-family: var(--step-font-family, \"SF Pro\");\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px;\n  margin: 0;\n  display: block;\n}\n\n.a8ccharts-5Dl5-j {\n  flex: 1;\n  display: flex;\n  align-items: flex-end;\n  border-radius: 4px;\n  position: relative;\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n.a8ccharts-5Dl5-j.a8ccharts-Reovk6 {\n  cursor: pointer;\n}\n\n.a8ccharts-tG5m3L {\n  width: 100%;\n  min-height: 4px;\n  border-radius: 4px 4px 0 0;\n  transition: all 0.3s ease;\n}\n.a8ccharts-tG5m3L.a8ccharts-W40FYh {\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);\n  filter: brightness(1.1);\n}\n\n.a8ccharts-NohPt6 {\n  display: inline-flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 4px;\n  border-bottom: 1px solid var(--Gray-Gray-5, #dcdcde);\n  background: var(--black-white-white, #fff);\n  border-radius: 4px !important;\n  padding: 12px !important;\n  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15), 0 3px 9px 0 rgba(0, 0, 0, 0.12) !important;\n}\n\n.a8ccharts-hjZr33 {\n  color: #1e1e1e;\n  font-family: \"SF Pro\", sans-serif;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n}\n\n.a8ccharts-ocwAPj {\n  color: #1e1e1e;\n  font-family: \"SF Pro\", sans-serif;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px;\n}\n\n.a8ccharts-9c0psv {\n  text-align: center;\n  padding: 48px 24px;\n  color: #6b7280;\n  font-size: 16px;\n}\n\n.a8ccharts-wvCpVT {\n  transform-origin: bottom;\n  transform-box: fill-box;\n  transform: scaleY(0);\n  animation: a8ccharts-4otxiv 1s ease-out forwards;\n}\n\n@keyframes a8ccharts-4otxiv {\n  to {\n    transform: scaleY(1);\n  }\n}"],"mappings":"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","names":[]}

package/dist/index.d.cts

@@ -1,18 +1,18 @@
 export { BarChart, BarChartUnresponsive } from './components/bar-chart/index.cjs';
 export { LineChart, LineChartUnresponsive } from './components/line-chart/index.cjs';
-export { A as AnnotationStyles, B as BaseChartProps, i as ButtonWithPopover, C as ChartTheme, e as CompleteChartTheme, D as DataPoint, b as DataPointDate, d as DataPointPercentage, G as GradientStop, g as GridProps, L as LeaderboardEntry, M as MultipleDataPointsDate, O as Optional, a as OrientationType, P as PopoverButtonAttributes, j as PopoverElement, h as PopoverElementAttributes, f as ScaleOptions, c as SeriesData, S as SeriesDataOptions, T as ToggleEvent } from './types-73KOEWs9.cjs';
+export { A as AnnotationStyles, B as BaseChartProps, i as ButtonWithPopover, C as ChartTheme, e as CompleteChartTheme, D as DataPoint, b as DataPointDate, d as DataPointPercentage, G as GradientStop, g as GridProps, L as LeaderboardEntry, M as MultipleDataPointsDate, O as Optional, a as OrientationType, P as PopoverButtonAttributes, j as PopoverElement, h as PopoverElementAttributes, f as ScaleOptions, c as SeriesData, S as SeriesDataOptions, T as ToggleEvent } from './types-DU5eF3uf.cjs';
 export { EventHandlerParams, GridStyles, LineStyles } from '@visx/xychart';
 export { RenderTooltipParams } from '@visx/xychart/lib/components/Tooltip';
 export { PieChart, PieChartProps, PieChartUnresponsive } from './components/pie-chart/index.cjs';
 export { PieSemiCircleChart, PieSemiCircleChartUnresponsive } from './components/pie-semi-circle-chart/index.cjs';
 export { BarListChart, BarListChartUnresponsive } from './components/bar-list-chart/index.cjs';
-export { L as LeaderboardChart, a as LeaderboardChartUnresponsive } from './leaderboard-chart-B5JRimc9.cjs';
+export { L as LeaderboardChart, a as LeaderboardChartUnresponsive } from './leaderboard-chart-B3CQbXhp.cjs';
 export { L as Legend } from './legend-C9ahiwOt.cjs';
 export { LegendValueDisplay, useChartLegendItems } from './components/legend/index.cjs';
 export { B as BaseLegendItem } from './types-C05PdDJa.cjs';
 export { ConversionFunnelChart } from './components/conversion-funnel-chart/index.cjs';
 export { B as BaseTooltip } from './base-tooltip-DOq93wjU.cjs';
-export { b as GlobalChartsContext, G as GlobalChartsProvider, G as ThemeProvider, d as defaultTheme, j as jetpackTheme, u as useGlobalChartsContext, a as useGlobalChartsTheme, w as wooTheme } from './themes-TIJq1lG_.cjs';
+export { b as GlobalChartsContext, G as GlobalChartsProvider, G as ThemeProvider, d as defaultTheme, j as jetpackTheme, u as useGlobalChartsContext, a as useGlobalChartsTheme, w as wooTheme } from './themes-DL0AAxyZ.cjs';
 import 'react';
 import './with-responsive-Cp2qnQPo.cjs';
 import '@visx/annotation/lib/components/CircleSubject';

package/dist/index.d.ts

@@ -1,18 +1,18 @@
 export { BarChart, BarChartUnresponsive } from './components/bar-chart/index.js';
 export { LineChart, LineChartUnresponsive } from './components/line-chart/index.js';
-export { A as AnnotationStyles, B as BaseChartProps, i as ButtonWithPopover, C as ChartTheme, e as CompleteChartTheme, D as DataPoint, b as DataPointDate, d as DataPointPercentage, G as GradientStop, g as GridProps, L as LeaderboardEntry, M as MultipleDataPointsDate, O as Optional, a as OrientationType, P as PopoverButtonAttributes, j as PopoverElement, h as PopoverElementAttributes, f as ScaleOptions, c as SeriesData, S as SeriesDataOptions, T as ToggleEvent } from './types-73KOEWs9.js';
+export { A as AnnotationStyles, B as BaseChartProps, i as ButtonWithPopover, C as ChartTheme, e as CompleteChartTheme, D as DataPoint, b as DataPointDate, d as DataPointPercentage, G as GradientStop, g as GridProps, L as LeaderboardEntry, M as MultipleDataPointsDate, O as Optional, a as OrientationType, P as PopoverButtonAttributes, j as PopoverElement, h as PopoverElementAttributes, f as ScaleOptions, c as SeriesData, S as SeriesDataOptions, T as ToggleEvent } from './types-DU5eF3uf.js';
 export { EventHandlerParams, GridStyles, LineStyles } from '@visx/xychart';
 export { RenderTooltipParams } from '@visx/xychart/lib/components/Tooltip';
 export { PieChart, PieChartProps, PieChartUnresponsive } from './components/pie-chart/index.js';
 export { PieSemiCircleChart, PieSemiCircleChartUnresponsive } from './components/pie-semi-circle-chart/index.js';
 export { BarListChart, BarListChartUnresponsive } from './components/bar-list-chart/index.js';
-export { L as LeaderboardChart, a as LeaderboardChartUnresponsive } from './leaderboard-chart-DQ8i8GMA.js';
+export { L as LeaderboardChart, a as LeaderboardChartUnresponsive } from './leaderboard-chart-CaZgGytL.js';
 export { L as Legend } from './legend-jjMmhSg3.js';
 export { LegendValueDisplay, useChartLegendItems } from './components/legend/index.js';
 export { B as BaseLegendItem } from './types-C05PdDJa.js';
 export { ConversionFunnelChart } from './components/conversion-funnel-chart/index.js';
 export { B as BaseTooltip } from './base-tooltip-DOq93wjU.js';
-export { b as GlobalChartsContext, G as GlobalChartsProvider, G as ThemeProvider, d as defaultTheme, j as jetpackTheme, u as useGlobalChartsContext, a as useGlobalChartsTheme, w as wooTheme } from './themes-CN85BQM1.js';
+export { b as GlobalChartsContext, G as GlobalChartsProvider, G as ThemeProvider, d as defaultTheme, j as jetpackTheme, u as useGlobalChartsContext, a as useGlobalChartsTheme, w as wooTheme } from './themes-_t_7uxnQ.js';
 import 'react';
 import './with-responsive-Cp2qnQPo.js';
 import '@visx/annotation/lib/components/CircleSubject';

package/dist/index.js

@@ -1,7 +1,7 @@
 import {
   LineChart,
   LineChartResponsive
-} from "./chunk-JGX3ZNK5.js";
+} from "./chunk-MWFUJOQX.js";
 import {
   PieChart,
   PieChartResponsive
@@ -14,21 +14,21 @@ import "./chunk-NFRB2POF.js";
 import {
   BarListChart,
   BarListChartResponsive
-} from "./chunk-JI6OGGGF.js";
+} from "./chunk-UG756X62.js";
 import {
   BarChart,
   BarChartResponsive
-} from "./chunk-HVWETEEV.js";
+} from "./chunk-NEANE7H4.js";
 import {
   BaseTooltip
 } from "./chunk-W5KOH3TV.js";
 import {
   ConversionFunnelChartWithProvider
-} from "./chunk-KEBKTDOQ.js";
+} from "./chunk-MCFIVI3D.js";
 import {
   LeaderboardChart,
   LeaderboardChartResponsive
-} from "./chunk-Q2RJUTMN.js";
+} from "./chunk-WIBQECQE.js";
 import "./chunk-D3DZT2EK.js";
 import "./chunk-TYYW4BG3.js";
 import {

package/dist/{leaderboard-chart-B5JRimc9.d.cts → leaderboard-chart-B3CQbXhp.d.cts}

@@ -3,9 +3,9 @@ import { R as ResponsiveConfig } from './with-responsive-Cp2qnQPo.cjs';
 import * as react from 'react';
 import { ReactNode, FC } from 'react';
 import { a as BaseLegendProps, B as BaseLegendItem } from './types-C05PdDJa.cjs';
-import { B as BaseChartProps, L as LeaderboardEntry } from './types-73KOEWs9.cjs';
+import { B as BaseChartProps, L as LeaderboardEntry } from './types-DU5eF3uf.cjs';
 
-interface LeaderboardChartProps extends Pick<BaseChartProps<LeaderboardEntry>, 'className' | 'data' | 'showLegend' | 'legendOrientation' | 'legendPosition' | 'legendAlignment' | 'legendShape' | 'chartId' | 'width' | 'height' | 'size' | 'legendInteractive'> {
+interface LeaderboardChartProps extends Pick<BaseChartProps<LeaderboardEntry>, 'className' | 'data' | 'showLegend' | 'legendOrientation' | 'legendPosition' | 'legendAlignment' | 'legendShape' | 'chartId' | 'width' | 'height' | 'size' | 'legendInteractive' | 'animation'> {
     /**
      * Whether to show comparison data
      */

package/dist/{leaderboard-chart-DQ8i8GMA.d.ts → leaderboard-chart-CaZgGytL.d.ts}

@@ -3,9 +3,9 @@ import { R as ResponsiveConfig } from './with-responsive-Cp2qnQPo.js';
 import * as react from 'react';
 import { ReactNode, FC } from 'react';
 import { a as BaseLegendProps, B as BaseLegendItem } from './types-C05PdDJa.js';
-import { B as BaseChartProps, L as LeaderboardEntry } from './types-73KOEWs9.js';
+import { B as BaseChartProps, L as LeaderboardEntry } from './types-DU5eF3uf.js';
 
-interface LeaderboardChartProps extends Pick<BaseChartProps<LeaderboardEntry>, 'className' | 'data' | 'showLegend' | 'legendOrientation' | 'legendPosition' | 'legendAlignment' | 'legendShape' | 'chartId' | 'width' | 'height' | 'size' | 'legendInteractive'> {
+interface LeaderboardChartProps extends Pick<BaseChartProps<LeaderboardEntry>, 'className' | 'data' | 'showLegend' | 'legendOrientation' | 'legendPosition' | 'legendAlignment' | 'legendShape' | 'chartId' | 'width' | 'height' | 'size' | 'legendInteractive' | 'animation'> {
     /**
      * Whether to show comparison data
      */

package/dist/providers/index.d.cts

@@ -1,7 +1,7 @@
-export { C as ChartRegistration, E as ElementStyles, e as GetElementStylesParams, b as GlobalChartsContext, c as GlobalChartsContextValue, G as GlobalChartsProvider, d as defaultTheme, j as jetpackTheme, u as useGlobalChartsContext, a as useGlobalChartsTheme, w as wooTheme } from '../themes-TIJq1lG_.cjs';
+export { C as ChartRegistration, E as ElementStyles, e as GetElementStylesParams, b as GlobalChartsContext, c as GlobalChartsContextValue, G as GlobalChartsProvider, d as defaultTheme, j as jetpackTheme, u as useGlobalChartsContext, a as useGlobalChartsTheme, w as wooTheme } from '../themes-DL0AAxyZ.cjs';
 import { B as BaseLegendItem } from '../types-C05PdDJa.cjs';
 import 'react';
-import '../types-73KOEWs9.cjs';
+import '../types-DU5eF3uf.cjs';
 import '@visx/annotation/lib/components/CircleSubject';
 import '@visx/annotation/lib/components/Connector';
 import '@visx/annotation/lib/components/Label';

package/dist/providers/index.d.ts

@@ -1,7 +1,7 @@
-export { C as ChartRegistration, E as ElementStyles, e as GetElementStylesParams, b as GlobalChartsContext, c as GlobalChartsContextValue, G as GlobalChartsProvider, d as defaultTheme, j as jetpackTheme, u as useGlobalChartsContext, a as useGlobalChartsTheme, w as wooTheme } from '../themes-CN85BQM1.js';
+export { C as ChartRegistration, E as ElementStyles, e as GetElementStylesParams, b as GlobalChartsContext, c as GlobalChartsContextValue, G as GlobalChartsProvider, d as defaultTheme, j as jetpackTheme, u as useGlobalChartsContext, a as useGlobalChartsTheme, w as wooTheme } from '../themes-_t_7uxnQ.js';
 import { B as BaseLegendItem } from '../types-C05PdDJa.js';
 import 'react';
-import '../types-73KOEWs9.js';
+import '../types-DU5eF3uf.js';
 import '@visx/annotation/lib/components/CircleSubject';
 import '@visx/annotation/lib/components/Connector';
 import '@visx/annotation/lib/components/Label';

package/dist/{themes-TIJq1lG_.d.cts → themes-DL0AAxyZ.d.cts}

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode, CSSProperties, FC } from 'react';
-import { e as CompleteChartTheme, c as SeriesData, d as DataPointPercentage, C as ChartTheme } from './types-73KOEWs9.cjs';
+import { e as CompleteChartTheme, c as SeriesData, d as DataPointPercentage, C as ChartTheme } from './types-DU5eF3uf.cjs';
 import { B as BaseLegendItem } from './types-C05PdDJa.cjs';
 import { LegendShape } from '@visx/legend/lib/types';
 import { LineStyles, GlyphProps } from '@visx/xychart';

package/dist/{themes-CN85BQM1.d.ts → themes-_t_7uxnQ.d.ts}

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode, CSSProperties, FC } from 'react';
-import { e as CompleteChartTheme, c as SeriesData, d as DataPointPercentage, C as ChartTheme } from './types-73KOEWs9.js';
+import { e as CompleteChartTheme, c as SeriesData, d as DataPointPercentage, C as ChartTheme } from './types-DU5eF3uf.js';
 import { B as BaseLegendItem } from './types-C05PdDJa.js';
 import { LegendShape } from '@visx/legend/lib/types';
 import { LineStyles, GlyphProps } from '@visx/xychart';

package/dist/{types-73KOEWs9.d.ts → types-DU5eF3uf.d.cts}

@@ -353,6 +353,10 @@ type BaseChartProps<T = DataPoint | DataPointDate | LeaderboardEntry> = {
      * Grid visibility. x is default when orientation is vertical. y is default when orientation is horizontal.
      */
     gridVisibility?: 'x' | 'y' | 'xy' | 'none';
+    /**
+     * Whether to show chart animation on initial render or not
+     */
+    animation?: boolean;
     /**
      * More options for the chart.
      */

package/dist/{types-73KOEWs9.d.cts → types-DU5eF3uf.d.ts}

@@ -353,6 +353,10 @@ type BaseChartProps<T = DataPoint | DataPointDate | LeaderboardEntry> = {
      * Grid visibility. x is default when orientation is vertical. y is default when orientation is horizontal.
      */
     gridVisibility?: 'x' | 'y' | 'xy' | 'none';
+    /**
+     * Whether to show chart animation on initial render or not
+     */
+    animation?: boolean;
     /**
      * More options for the chart.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@automattic/charts",
-	"version": "0.46.2",
+	"version": "0.47.0",
 	"description": "Display charts within Automattic products.",
 	"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/charts/#readme",
 	"bugs": {
@@ -150,7 +150,7 @@
 		"typecheck": "tsc --noEmit"
 	},
 	"dependencies": {
-		"@automattic/number-formatters": "^1.0.14",
+		"@automattic/number-formatters": "^1.0.15",
 		"@babel/runtime": "7.28.4",
 		"@react-spring/web": "9.7.5",
 		"@visx/annotation": "^3.12.0",
@@ -179,11 +179,6 @@
 	"devDependencies": {
 		"@automattic/jetpack-webpack-config": "workspace:*",
 		"@babel/core": "7.28.4",
-		"@babel/plugin-transform-react-jsx": "7.27.1",
-		"@babel/plugin-transform-runtime": "7.28.3",
-		"@babel/preset-env": "7.28.3",
-		"@babel/preset-react": "7.27.1",
-		"@babel/preset-typescript": "7.27.1",
 		"@storybook/addon-docs": "9.0.15",
 		"@storybook/react": "9.0.15",
 		"@testing-library/dom": "^10.0.0",
@@ -194,31 +189,22 @@
 		"@types/react": "18.3.26",
 		"@types/react-dom": "18.3.7",
 		"@visx/glyph": "3.12.0",
-		"@wordpress/components": "30.4.0",
-		"@wordpress/element": "6.31.0",
-		"babel-jest": "30.0.0",
-		"babel-loader": "9.1.2",
-		"css-loader": "^6.7.0",
+		"@wordpress/components": "30.8.0",
+		"@wordpress/element": "6.35.0",
+		"babel-jest": "30.2.0",
 		"esbuild": "0.25.9",
 		"esbuild-sass-plugin": "^3.1.0",
-		"jest": "30.0.4",
-		"jest-environment-jsdom": "30.0.4",
+		"jest": "30.2.0",
+		"jest-environment-jsdom": "30.2.0",
 		"jest-extended": "5.0.3",
-		"mini-css-extract-plugin": "^2.7.0",
 		"postcss": "8.5.6",
-		"postcss-loader": "^8.0.0",
 		"postcss-modules": "6.0.1",
 		"react": "18.3.1",
 		"react-dom": "18.3.1",
-		"recursive-copy": "2.0.14",
-		"sass": "npm:sass-embedded@1.87.0",
 		"sass-embedded": "1.87.0",
-		"sass-loader": "^16.0.0",
 		"storybook": "9.0.15",
 		"tsup": "8.5.0",
-		"typescript": "5.9.3",
-		"webpack": "^5.88.0",
-		"webpack-cli": "^6.0.0"
+		"typescript": "5.9.3"
 	},
 	"peerDependencies": {
 		"react": "^17.0.0 || ^18.0.0",

package/src/components/bar-chart/bar-chart.module.scss

@@ -10,3 +10,31 @@
 		margin-top: 1rem;
 	}
 }
+
+.bar-chart__animated rect {
+	transform-origin: bottom;
+	transform-box: fill-box;
+	transform: scaleY(0);
+	animation: rise 1s ease-out forwards;
+}
+
+@keyframes rise {
+
+	to {
+		transform: scaleY(1);
+	}
+}
+
+.bar-chart__animated-horizontal rect {
+	transform-origin: left;
+	transform-box: fill-box;
+	transform: scaleX(0);
+	animation: stretch 1s ease-out forwards;
+}
+
+@keyframes stretch {
+
+	to {
+		transform: scaleX(1);
+	}
+}

package/src/components/bar-chart/bar-chart.tsx

@@ -95,6 +95,7 @@ const BarChartInternal: FC< BarChartProps > = ( {
 	withPatterns = false,
 	showZeroValues = false,
 	legendInteractive = false,
+	animation,
 	children,
 } ) => {
 	const horizontal = orientation === 'horizontal';
@@ -314,7 +315,9 @@ const BarChartInternal: FC< BarChartProps > = ( {
 			} }
 		>
 			<div
-				className={ clsx( 'bar-chart', styles[ 'bar-chart' ], className ) }
+				className={ clsx( 'bar-chart', styles[ 'bar-chart' ], className, {
+					[ styles[ `bar-chart__animated${ horizontal ? '-horizontal' : '' }` ] ]: animation,
+				} ) }
 				data-testid="bar-chart"
 				role="grid"
 				aria-label={ __( 'Bar chart', 'jetpack-charts' ) }

package/src/components/conversion-funnel-chart/conversion-funnel-chart.module.scss

@@ -156,3 +156,16 @@
 	font-size: 16px;
 }
 
+.funnel-bar__animated {
+	transform-origin: bottom;
+	transform-box: fill-box;
+	transform: scaleY(0);
+	animation: stretch 1s ease-out forwards;
+}
+
+@keyframes stretch {
+
+	to {
+		transform: scaleY(1);
+	}
+}

package/src/components/conversion-funnel-chart/conversion-funnel-chart.tsx

@@ -23,6 +23,7 @@ import type { FunnelStep, ConversionFunnelChartProps } from './types';
  * @param props.changeIndicator  - Change indicator (e.g., +2%, -1.5%)
  * @param props.steps            - Array of funnel steps
  * @param props.loading          - Whether the chart is in loading state
+ * @param props.animation        - Whether to show chart animation on initial render or not
  * @param props.className        - Additional CSS class name
  * @param props.style            - Custom styling
  * @param props.renderStepLabel  - Custom render function for step labels
@@ -36,6 +37,7 @@ const ConversionFunnelChartInternal: FC< ConversionFunnelChartProps > = ( {
 	changeIndicator,
 	steps,
 	loading = false,
+	animation,
 	className,
 	chartId: providedChartId,
 	style,
@@ -347,7 +349,9 @@ const ConversionFunnelChartInternal: FC< ConversionFunnelChartProps > = ( {
 									style={ { backgroundColor: barBackgroundColor } }
 								>
 									<div
-										className={ styles[ 'funnel-bar' ] }
+										className={ clsx( styles[ 'funnel-bar' ], {
+											[ styles[ 'funnel-bar__animated' ] ]: animation && ! loading,
+										} ) }
 										style={ {
 											height: `${ barHeight }%`,
 											backgroundColor: barColor,

package/src/components/conversion-funnel-chart/types.ts

@@ -57,7 +57,7 @@ export interface TooltipRenderProps {
  * Props for the ConversionFunnelChart component
  */
 export interface ConversionFunnelChartProps
-	extends Pick< BaseChartProps, 'className' | 'chartId' > {
+	extends Pick< BaseChartProps, 'className' | 'chartId' | 'animation' > {
 	/** Main conversion rate to highlight */
 	mainRate: number;
 	/** Change indicator (e.g., +2%, -1.5%) */

package/src/components/leaderboard-chart/leaderboard-chart.module.scss

@@ -31,8 +31,20 @@
 
 		border-radius: var(--a8c--charts--leaderboard--bar--border-radius, 9999px);
 		z-index: -1; /* places it behind the label */
+	}
+
+	.bar__animated {
+		transform-origin: left;
+		transform-box: fill-box;
+		transform: scaleX(0);
+		animation: stretch 1s ease-out forwards;
+	}
 
-		transition: width 0.3s ease-in-out;
+	@keyframes stretch {
+
+		to {
+			transform: scaleX(1);
+		}
 	}
 }
 

package/src/components/leaderboard-chart/leaderboard-chart.tsx

@@ -62,6 +62,7 @@ const BarWithLabel = ( {
 	withOverlayLabel,
 	primaryColor,
 	secondaryColor,
+	animation,
 	isPrimaryVisible = true,
 	isComparisonVisible = true,
 }: {
@@ -72,6 +73,7 @@ const BarWithLabel = ( {
 	secondaryColor: string;
 	isPrimaryVisible?: boolean;
 	isComparisonVisible?: boolean;
+	animation?: boolean;
 } ) => (
 	<div
 		className={ clsx( styles.barWithLabelContainer, {
@@ -82,7 +84,9 @@ const BarWithLabel = ( {
 
 		{ isPrimaryVisible && (
 			<div
-				className={ styles.bar }
+				className={ clsx( styles.bar, {
+					[ styles.bar__animated ]: animation,
+				} ) }
 				style={ {
 					width: entry.currentShare + '%',
 					backgroundColor: primaryColor,
@@ -92,7 +96,9 @@ const BarWithLabel = ( {
 
 		{ withComparison && ! withOverlayLabel && isComparisonVisible && (
 			<div
-				className={ styles.bar }
+				className={ clsx( styles.bar, {
+					[ styles.bar__animated ]: animation,
+				} ) }
 				style={ {
 					width: entry.previousShare + '%',
 					backgroundColor: secondaryColor,
@@ -116,6 +122,7 @@ const BarWithLabel = ( {
  * @param props.valueFormatter    - Custom formatter for values
  * @param props.deltaFormatter    - Custom formatter for delta values
  * @param props.loading           - Whether the chart is in loading state
+ * @param props.animation         - Whether the chart should animate on load
  * @param props.showLegend        - Whether to show legend
  * @param props.legendOrientation - Legend orientation
  * @param props.legendPosition    - Legend position
@@ -139,6 +146,7 @@ const LeaderboardChartInternal: FC< LeaderboardChartProps > = ( {
 	secondaryColor,
 	valueFormatter = defaultValueFormatter,
 	deltaFormatter = defaultDeltaFormatter,
+	animation,
 	loading = false,
 	showLegend = false,
 	legendOrientation = 'horizontal',
@@ -301,6 +309,7 @@ const LeaderboardChartInternal: FC< LeaderboardChartProps > = ( {
 											secondaryColor={ resolvedSecondaryColor }
 											isPrimaryVisible={ isPrimaryVisible }
 											isComparisonVisible={ isComparisonVisible }
+											animation={ animation && ! loading }
 										/>
 									</VStack>
 

package/src/components/leaderboard-chart/types.ts

@@ -16,6 +16,7 @@ export interface LeaderboardChartProps
 		| 'height'
 		| 'size'
 		| 'legendInteractive'
+		| 'animation'
 	> {
 	/**
 	 * Whether to show comparison data