@automattic/charts 0.57.0 → 0.59.0

package/dist/charts/conversion-funnel-chart/index.css

@@ -1,251 +0,0 @@
-/* esbuild-sass-plugin:css-chunk:src/hooks/use-tooltip-portal-relocator.module.scss */
-.a8ccharts-jCw5dQ {
-  position: fixed;
-  inset: 0;
-  overflow: visible;
-  z-index: 1;
-  pointer-events: none;
-}
-
-/* esbuild-sass-plugin:css-chunk:src/components/legend/private/base-legend.module.scss */
-.a8ccharts-AELBvX {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  gap: 16px;
-}
-.a8ccharts-fX8uQe {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.a8ccharts-fX8uQe.a8ccharts-DEe0wg {
-  align-items: flex-start;
-}
-.a8ccharts-fX8uQe.a8ccharts-WBKF9I {
-  align-items: center;
-}
-.a8ccharts-fX8uQe.a8ccharts-JfwMng {
-  align-items: flex-end;
-}
-.a8ccharts-8Y73Kh {
-  position: relative;
-}
-.a8ccharts-8Y73Kh.a8ccharts-DEe0wg {
-  justify-content: flex-start;
-}
-.a8ccharts-8Y73Kh.a8ccharts-WBKF9I {
-  justify-content: center;
-}
-.a8ccharts-8Y73Kh.a8ccharts-JfwMng {
-  justify-content: flex-end;
-}
-.a8ccharts-TVM-IY {
-  position: relative;
-}
-.a8ccharts-TVM-IY.a8ccharts-DEe0wg {
-  justify-content: flex-start;
-}
-.a8ccharts-TVM-IY.a8ccharts-WBKF9I {
-  justify-content: center;
-}
-.a8ccharts-TVM-IY.a8ccharts-JfwMng {
-  justify-content: flex-end;
-}
-.a8ccharts-Vflwq8 {
-  display: flex;
-  align-items: center;
-  font-size: 0.875rem;
-}
-.a8ccharts-qGsavM {
-  cursor: pointer;
-  user-select: none;
-  transition: opacity 0.2s ease;
-}
-.a8ccharts-qGsavM:hover {
-  opacity: 0.8;
-}
-.a8ccharts-qGsavM:focus {
-  outline: 2px solid currentColor;
-  outline-offset: 2px;
-  border-radius: 4px;
-}
-.a8ccharts-qGsavM:focus:not(:focus-visible) {
-  outline: none;
-}
-.a8ccharts-ZtDY-Q {
-  opacity: 0.4;
-}
-.a8ccharts-ZtDY-Q .a8ccharts-2H65Kr {
-  text-decoration: line-through;
-}
-.a8ccharts-2H65Kr {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-.a8ccharts-faSDBI {
-  overflow-wrap: break-word;
-  white-space: normal;
-  hyphens: auto;
-}
-.a8ccharts-FISUIO {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  flex-shrink: 1;
-  min-width: 0;
-}
-.a8ccharts-DTZlT- {
-  font-weight: 500;
-  flex-shrink: 0;
-}
-
-/* esbuild-sass-plugin:css-chunk:src/charts/conversion-funnel-chart/conversion-funnel-chart.module.scss */
-.a8ccharts-lK-YNK {
-  font-family: var(--funnel-font-family, "SF Pro Text");
-}
-.a8ccharts-lK-YNK.a8ccharts-DbHKK5 {
-  opacity: 0.6;
-  pointer-events: none;
-}
-.a8ccharts-61WPYr {
-  display: flex;
-  align-items: baseline;
-  gap: 8px;
-  margin-bottom: 24px;
-  height: 20px;
-}
-.a8ccharts-RRRI6x {
-  overflow: hidden;
-  color: #1e1e1e;
-  text-overflow: ellipsis;
-  font-family: var(--funnel-font-family, "SF Pro Text");
-  font-size: 18px;
-  font-style: normal;
-  font-weight: 500;
-  line-height: 20px;
-  margin: 0;
-}
-.a8ccharts-661iwx {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  font-family: var(--funnel-font-family, "SF Pro Text");
-  font-size: 13px;
-  font-style: normal;
-  font-weight: 500;
-  line-height: 20px;
-  margin: 0;
-}
-.a8ccharts-Z7EGnW {
-  display: flex;
-  gap: 16px;
-  align-items: flex-end;
-  flex: 1;
-  min-height: 200px;
-  width: 100%;
-}
-.a8ccharts-VqFY0l {
-  flex: 1 1 0;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  transition: all 0.3s ease;
-}
-.a8ccharts-VqFY0l.a8ccharts-7dTRBs {
-  opacity: 0.3;
-}
-.a8ccharts-2JsQiV {
-  margin-bottom: 24px;
-}
-.a8ccharts-6OabC4 {
-  color: #757575;
-  font-family: var(--step-font-family, "SF Pro");
-  font-size: 12px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 16px;
-  margin: 0 0 2px 0;
-  display: block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.a8ccharts-9wSZ6n {
-  color: #1e1e1e;
-  font-family: var(--step-font-family, "SF Pro");
-  font-size: 13px;
-  font-style: normal;
-  font-weight: 500;
-  line-height: 20px;
-  margin: 0;
-  display: block;
-}
-.a8ccharts-sSmCTi {
-  flex: 1;
-  display: flex;
-  align-items: flex-end;
-  border-radius: 4px;
-  position: relative;
-  cursor: pointer;
-  transition: all 0.2s ease;
-}
-.a8ccharts-sSmCTi.a8ccharts-PLWVAW {
-  cursor: pointer;
-}
-.a8ccharts-EzczI- {
-  width: 100%;
-  min-height: 4px;
-  border-radius: 4px 4px 0 0;
-  transition: all 0.3s ease;
-}
-.a8ccharts-EzczI-.a8ccharts-wNpZEu {
-  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
-  filter: brightness(1.1);
-}
-.a8ccharts-68HQJl {
-  transform-origin: bottom;
-  transform-box: fill-box;
-  transform: scaleY(0);
-  animation: a8ccharts-CmtieZ 1s ease-out forwards;
-}
-@keyframes a8ccharts-CmtieZ {
-  to {
-    transform: scaleY(1);
-  }
-}
-.a8ccharts-2TeoCn {
-  display: inline-flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: flex-start;
-  gap: 4px;
-  border-bottom: 1px solid var(--Gray-Gray-5, #dcdcde);
-  background: var(--black-white-white, #fff);
-  border-radius: 4px !important;
-  padding: 12px !important;
-  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15), 0 3px 9px 0 rgba(0, 0, 0, 0.12) !important;
-}
-.a8ccharts-jkRitH {
-  color: #1e1e1e;
-  font-family: "SF Pro", sans-serif;
-  font-size: 12px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 16px;
-}
-.a8ccharts-8jgT-3 {
-  color: #1e1e1e;
-  font-family: "SF Pro", sans-serif;
-  font-size: 13px;
-  font-style: normal;
-  font-weight: 500;
-  line-height: 20px;
-}
-.a8ccharts-Ml6MMr {
-  text-align: center;
-  padding: 48px 24px;
-  color: #6b7280;
-  font-size: 16px;
-}
-/*# sourceMappingURL=index.css.map */

package/dist/charts/conversion-funnel-chart/index.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["esbuild-sass-plugin:css-chunk:src/hooks/use-tooltip-portal-relocator.module.scss","esbuild-sass-plugin:css-chunk:src/components/legend/private/base-legend.module.scss","esbuild-sass-plugin:css-chunk:src/charts/conversion-funnel-chart/conversion-funnel-chart.module.scss"],"sourcesContent":[".a8ccharts-jCw5dQ {\n  position: fixed;\n  inset: 0;\n  overflow: visible;\n  z-index: 1;\n  pointer-events: none;\n}",".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  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-lK-YNK {\n  font-family: var(--funnel-font-family, \"SF Pro Text\");\n}\n.a8ccharts-lK-YNK.a8ccharts-DbHKK5 {\n  opacity: 0.6;\n  pointer-events: none;\n}\n\n.a8ccharts-61WPYr {\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n  margin-bottom: 24px;\n  height: 20px;\n}\n\n.a8ccharts-RRRI6x {\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-661iwx {\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-Z7EGnW {\n  display: flex;\n  gap: 16px;\n  align-items: flex-end;\n  flex: 1;\n  min-height: 200px;\n  width: 100%;\n}\n\n.a8ccharts-VqFY0l {\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-VqFY0l.a8ccharts-7dTRBs {\n  opacity: 0.3;\n}\n\n.a8ccharts-2JsQiV {\n  margin-bottom: 24px;\n}\n\n.a8ccharts-6OabC4 {\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-9wSZ6n {\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-sSmCTi {\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-sSmCTi.a8ccharts-PLWVAW {\n  cursor: pointer;\n}\n\n.a8ccharts-EzczI- {\n  width: 100%;\n  min-height: 4px;\n  border-radius: 4px 4px 0 0;\n  transition: all 0.3s ease;\n}\n.a8ccharts-EzczI-.a8ccharts-wNpZEu {\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);\n  filter: brightness(1.1);\n}\n.a8ccharts-68HQJl {\n  transform-origin: bottom;\n  transform-box: fill-box;\n  transform: scaleY(0);\n  animation: a8ccharts-CmtieZ 1s ease-out forwards;\n}\n@keyframes a8ccharts-CmtieZ {\n  to {\n    transform: scaleY(1);\n  }\n}\n\n.a8ccharts-2TeoCn {\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-jkRitH {\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-8jgT-3 {\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-Ml6MMr {\n  text-align: center;\n  padding: 48px 24px;\n  color: #6b7280;\n  font-size: 16px;\n}"],"mappings":"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","names":[]}

package/dist/charts/conversion-funnel-chart/index.d.cts

@@ -1,97 +0,0 @@
-import { FC } from 'react';
-import { B as BaseChartProps } from '../../types-DZordNiO.cjs';
-import '@visx/annotation/lib/components/CircleSubject';
-import '@visx/annotation/lib/components/Connector';
-import '@visx/annotation/lib/components/Label';
-import '@visx/annotation/lib/components/LineSubject';
-import '@visx/axis';
-import '@visx/legend/lib/types';
-import '@visx/scale';
-import '@visx/text/lib/Text';
-import '@visx/xychart';
-import '@wordpress/theme';
-import 'react-google-charts';
-
-/**
- * Represents a single step in the conversion funnel
- */
-interface FunnelStep {
-    /** Step identifier */
-    id: string;
-    /** Display label for the step */
-    label: string;
-    /** Conversion rate as percentage (0-100) */
-    rate: number;
-    /** Absolute count (optional, for tooltip/details) */
-    count?: number;
-}
-/**
- * Render prop for customizing step labels
- */
-interface StepLabelRenderProps {
-    step: FunnelStep;
-    index: number;
-    className?: string;
-}
-/**
- * Render prop for customizing step rates
- */
-interface StepRateRenderProps {
-    step: FunnelStep;
-    index: number;
-    className?: string;
-}
-/**
- * Render prop for customizing the entire main metric section
- */
-interface MainMetricRenderProps {
-    mainRate: number;
-    changeIndicator?: string;
-    className?: string;
-    changeColor?: string;
-}
-/**
- * Render prop for customizing tooltip content
- */
-interface TooltipRenderProps {
-    step: FunnelStep;
-    index: number;
-    top: number;
-    left: number;
-    className?: string;
-}
-/**
- * Props for the ConversionFunnelChart component
- */
-interface ConversionFunnelChartProps extends Pick<BaseChartProps, 'className' | 'chartId' | 'animation'> {
-    /** Main conversion rate to highlight */
-    mainRate: number;
-    /** Change indicator (e.g., +2%, -1.5%) */
-    changeIndicator?: string;
-    /** Array of funnel steps */
-    steps: FunnelStep[];
-    /** Whether the chart is in loading state */
-    loading?: boolean;
-    /** Height of the chart container. Accepts a number (pixels) or CSS string (e.g., "400px", "100%"). Falls back to style.height if set, otherwise defaults to "100%". */
-    height?: string | number;
-    /** Custom styling */
-    style?: React.CSSProperties;
-    /** Custom render function for step labels */
-    renderStepLabel?: (props: StepLabelRenderProps) => React.ReactNode;
-    /** Custom render function for step rates */
-    renderStepRate?: (props: StepRateRenderProps) => React.ReactNode;
-    /** Custom render function for the entire main metric section */
-    renderMainMetric?: (props: MainMetricRenderProps) => React.ReactNode;
-    /** Custom render function for tooltip content */
-    renderTooltip?: (props: TooltipRenderProps) => React.ReactNode;
-}
-
-/**
- * ConversionFunnelChart component with provider wrapper
- *
- * @param props - Component props
- * @return JSX element representing the conversion funnel chart
- */
-declare const ConversionFunnelChartWithProvider: FC<ConversionFunnelChartProps>;
-
-export { ConversionFunnelChartWithProvider as ConversionFunnelChart, type ConversionFunnelChartProps, type FunnelStep, type MainMetricRenderProps, type StepLabelRenderProps, type StepRateRenderProps, type TooltipRenderProps };

package/dist/charts/conversion-funnel-chart/index.d.ts

@@ -1,97 +0,0 @@
-import { FC } from 'react';
-import { B as BaseChartProps } from '../../types-DZordNiO.js';
-import '@visx/annotation/lib/components/CircleSubject';
-import '@visx/annotation/lib/components/Connector';
-import '@visx/annotation/lib/components/Label';
-import '@visx/annotation/lib/components/LineSubject';
-import '@visx/axis';
-import '@visx/legend/lib/types';
-import '@visx/scale';
-import '@visx/text/lib/Text';
-import '@visx/xychart';
-import '@wordpress/theme';
-import 'react-google-charts';
-
-/**
- * Represents a single step in the conversion funnel
- */
-interface FunnelStep {
-    /** Step identifier */
-    id: string;
-    /** Display label for the step */
-    label: string;
-    /** Conversion rate as percentage (0-100) */
-    rate: number;
-    /** Absolute count (optional, for tooltip/details) */
-    count?: number;
-}
-/**
- * Render prop for customizing step labels
- */
-interface StepLabelRenderProps {
-    step: FunnelStep;
-    index: number;
-    className?: string;
-}
-/**
- * Render prop for customizing step rates
- */
-interface StepRateRenderProps {
-    step: FunnelStep;
-    index: number;
-    className?: string;
-}
-/**
- * Render prop for customizing the entire main metric section
- */
-interface MainMetricRenderProps {
-    mainRate: number;
-    changeIndicator?: string;
-    className?: string;
-    changeColor?: string;
-}
-/**
- * Render prop for customizing tooltip content
- */
-interface TooltipRenderProps {
-    step: FunnelStep;
-    index: number;
-    top: number;
-    left: number;
-    className?: string;
-}
-/**
- * Props for the ConversionFunnelChart component
- */
-interface ConversionFunnelChartProps extends Pick<BaseChartProps, 'className' | 'chartId' | 'animation'> {
-    /** Main conversion rate to highlight */
-    mainRate: number;
-    /** Change indicator (e.g., +2%, -1.5%) */
-    changeIndicator?: string;
-    /** Array of funnel steps */
-    steps: FunnelStep[];
-    /** Whether the chart is in loading state */
-    loading?: boolean;
-    /** Height of the chart container. Accepts a number (pixels) or CSS string (e.g., "400px", "100%"). Falls back to style.height if set, otherwise defaults to "100%". */
-    height?: string | number;
-    /** Custom styling */
-    style?: React.CSSProperties;
-    /** Custom render function for step labels */
-    renderStepLabel?: (props: StepLabelRenderProps) => React.ReactNode;
-    /** Custom render function for step rates */
-    renderStepRate?: (props: StepRateRenderProps) => React.ReactNode;
-    /** Custom render function for the entire main metric section */
-    renderMainMetric?: (props: MainMetricRenderProps) => React.ReactNode;
-    /** Custom render function for tooltip content */
-    renderTooltip?: (props: TooltipRenderProps) => React.ReactNode;
-}
-
-/**
- * ConversionFunnelChart component with provider wrapper
- *
- * @param props - Component props
- * @return JSX element representing the conversion funnel chart
- */
-declare const ConversionFunnelChartWithProvider: FC<ConversionFunnelChartProps>;
-
-export { ConversionFunnelChartWithProvider as ConversionFunnelChart, type ConversionFunnelChartProps, type FunnelStep, type MainMetricRenderProps, type StepLabelRenderProps, type StepRateRenderProps, type TooltipRenderProps };

package/dist/charts/conversion-funnel-chart/index.js

@@ -1,11 +0,0 @@
-import {
-  ConversionFunnelChartWithProvider
-} from "../../chunk-CZGYJKG6.js";
-import "../../chunk-Z26M4V2M.js";
-import "../../chunk-32DH6JDF.js";
-import "../../chunk-DAU3HNEG.js";
-import "../../chunk-G3PMV62Z.js";
-export {
-  ConversionFunnelChartWithProvider as ConversionFunnelChart
-};
-//# sourceMappingURL=index.js.map

package/dist/charts/conversion-funnel-chart/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/charts/geo-chart/index.cjs

@@ -1,13 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-
-var _chunkD2UH4CFEcjs = require('../../chunk-D2UH4CFE.cjs');
-require('../../chunk-ASLARV7L.cjs');
-require('../../chunk-RHHVEJHJ.cjs');
-require('../../chunk-VTS3PNMS.cjs');
-require('../../chunk-EMMSS5I5.cjs');
-
-
-
-exports.GeoChart = _chunkD2UH4CFEcjs.GeoChartResponsive; exports.GeoChartUnresponsive = _chunkD2UH4CFEcjs.GeoChartWithProvider;
-//# sourceMappingURL=index.cjs.map

package/dist/charts/geo-chart/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/charts/geo-chart/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,4DAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC;AACE;AACA;AACF,+HAAC","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/charts/geo-chart/index.cjs"}

package/dist/charts/geo-chart/index.css

@@ -1,117 +0,0 @@
-/* esbuild-sass-plugin:css-chunk:src/hooks/use-tooltip-portal-relocator.module.scss */
-.a8ccharts-jCw5dQ {
-  position: fixed;
-  inset: 0;
-  overflow: visible;
-  z-index: 1;
-  pointer-events: none;
-}
-
-/* esbuild-sass-plugin:css-chunk:src/components/legend/private/base-legend.module.scss */
-.a8ccharts-AELBvX {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  gap: 16px;
-}
-.a8ccharts-fX8uQe {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.a8ccharts-fX8uQe.a8ccharts-DEe0wg {
-  align-items: flex-start;
-}
-.a8ccharts-fX8uQe.a8ccharts-WBKF9I {
-  align-items: center;
-}
-.a8ccharts-fX8uQe.a8ccharts-JfwMng {
-  align-items: flex-end;
-}
-.a8ccharts-8Y73Kh {
-  position: relative;
-}
-.a8ccharts-8Y73Kh.a8ccharts-DEe0wg {
-  justify-content: flex-start;
-}
-.a8ccharts-8Y73Kh.a8ccharts-WBKF9I {
-  justify-content: center;
-}
-.a8ccharts-8Y73Kh.a8ccharts-JfwMng {
-  justify-content: flex-end;
-}
-.a8ccharts-TVM-IY {
-  position: relative;
-}
-.a8ccharts-TVM-IY.a8ccharts-DEe0wg {
-  justify-content: flex-start;
-}
-.a8ccharts-TVM-IY.a8ccharts-WBKF9I {
-  justify-content: center;
-}
-.a8ccharts-TVM-IY.a8ccharts-JfwMng {
-  justify-content: flex-end;
-}
-.a8ccharts-Vflwq8 {
-  display: flex;
-  align-items: center;
-  font-size: 0.875rem;
-}
-.a8ccharts-qGsavM {
-  cursor: pointer;
-  user-select: none;
-  transition: opacity 0.2s ease;
-}
-.a8ccharts-qGsavM:hover {
-  opacity: 0.8;
-}
-.a8ccharts-qGsavM:focus {
-  outline: 2px solid currentColor;
-  outline-offset: 2px;
-  border-radius: 4px;
-}
-.a8ccharts-qGsavM:focus:not(:focus-visible) {
-  outline: none;
-}
-.a8ccharts-ZtDY-Q {
-  opacity: 0.4;
-}
-.a8ccharts-ZtDY-Q .a8ccharts-2H65Kr {
-  text-decoration: line-through;
-}
-.a8ccharts-2H65Kr {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-.a8ccharts-faSDBI {
-  overflow-wrap: break-word;
-  white-space: normal;
-  hyphens: auto;
-}
-.a8ccharts-FISUIO {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  flex-shrink: 1;
-  min-width: 0;
-}
-.a8ccharts-DTZlT- {
-  font-weight: 500;
-  flex-shrink: 0;
-}
-
-/* esbuild-sass-plugin:css-chunk:src/charts/private/with-responsive/with-responsive.module.scss */
-.a8ccharts-GSKfBD {
-  min-width: 0;
-  min-height: 0;
-}
-
-/* esbuild-sass-plugin:css-chunk:src/charts/geo-chart/geo-chart.module.scss */
-.a8ccharts-JvcqOz {
-  position: relative;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-/*# sourceMappingURL=index.css.map */

package/dist/charts/geo-chart/index.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["esbuild-sass-plugin:css-chunk:src/hooks/use-tooltip-portal-relocator.module.scss","esbuild-sass-plugin:css-chunk:src/components/legend/private/base-legend.module.scss","esbuild-sass-plugin:css-chunk:src/charts/private/with-responsive/with-responsive.module.scss","esbuild-sass-plugin:css-chunk:src/charts/geo-chart/geo-chart.module.scss"],"sourcesContent":[".a8ccharts-jCw5dQ {\n  position: fixed;\n  inset: 0;\n  overflow: visible;\n  z-index: 1;\n  pointer-events: none;\n}",".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  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-GSKfBD {\n  min-width: 0;\n  min-height: 0;\n}",".a8ccharts-JvcqOz {\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,SAAO;AACP,YAAU;AACV,WAAS;AACT,kBAAgB;AAClB;;;ACNA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,aAAW;AACX,OAAK;AACP;AACA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK;AACP;AACA,CALC,gBAKgB,CAAC;AAChB,eAAa;AACf;AACA,CARC,gBAQgB,CAAC;AAChB,eAAa;AACf;AACA,CAXC,gBAWgB,CAAC;AAChB,eAAa;AACf;AACA,CAAC;AACC,YAAU;AACZ;AACA,CAHC,gBAGgB,CAZC;AAahB,mBAAiB;AACnB;AACA,CANC,gBAMgB,CAZC;AAahB,mBAAiB;AACnB;AACA,CATC,gBASgB,CAZC;AAahB,mBAAiB;AACnB;AACA,CAAC;AACC,YAAU;AACZ;AACA,CAHC,gBAGgB,CAxBC;AAyBhB,mBAAiB;AACnB;AACA,CANC,gBAMgB,CAxBC;AAyBhB,mBAAiB;AACnB;AACA,CATC,gBASgB,CAxBC;AAyBhB,mBAAiB;AACnB;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,aAAW;AACb;AACA,CAAC;AACC,UAAQ;AACR,eAAa;AACb,cAAY,QAAQ,KAAK;AAC3B;AACA,CALC,gBAKgB;AACf,WAAS;AACX;AACA,CARC,gBAQgB;AACf,WAAS,IAAI,MAAM;AACnB,kBAAgB;AAChB,iBAAe;AACjB;AACA,CAbC,gBAagB,MAAM,KAAK;AAC1B,WAAS;AACX;AACA,CAAC;AACC,WAAS;AACX;AACA,CAHC,iBAGiB,CAAC;AACjB,mBAAiB;AACnB;AAEA,CAJmB;AAKjB,WAAS;AACT,eAAa;AACb,OAAK;AAEP;AAEA,CAAC;AACC,iBAAe;AACf,eAAa;AACb,WAAS;AACX;AACA,CAAC;AACC,eAAa;AACb,YAAU;AACV,iBAAe;AACf,eAAa;AACb,aAAW;AACb;AAEA,CAAC;AACC,eAAa;AACb,eAAa;AACf;;;AChGA,CAAC;AACC,aAAW;AACX,cAAY;AACd;;;ACHA,CAAC;AACC,YAAU;AACV,WAAS;AACT,mBAAiB;AACjB,eAAa;AACf;","names":[]}

package/dist/charts/geo-chart/index.d.cts

@@ -1,67 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { R as ResponsiveConfig } from '../../with-responsive-CNfhzAUu.cjs';
-import { FC } from 'react';
-import { B as BaseChartProps, G as GeoData } from '../../types-DZordNiO.cjs';
-import '@visx/annotation/lib/components/CircleSubject';
-import '@visx/annotation/lib/components/Connector';
-import '@visx/annotation/lib/components/Label';
-import '@visx/annotation/lib/components/LineSubject';
-import '@visx/axis';
-import '@visx/legend/lib/types';
-import '@visx/scale';
-import '@visx/text/lib/Text';
-import '@visx/xychart';
-import '@wordpress/theme';
-import 'react-google-charts';
-
-/**
- * Region to display on the map.
- * Use 'world' for global view or any ISO 3166-1 alpha-2 country code
- * (e.g., 'US' for United States, 'CA' for Canada).
- */
-type GeoRegion = 'world' | (string & {});
-/**
- * Resolution level for the map.
- * - 'countries': Country-level (default for 'world')
- * - 'provinces': State/province level (use with specific region like 'US')
- * - 'metros': Metropolitan areas (US only)
- */
-type GeoResolution = 'countries' | 'provinces' | 'metros';
-interface GeoChartProps extends Pick<BaseChartProps, 'className' | 'chartId' | 'width' | 'height'> {
-    /**
-     * Data in Google Charts native format for maximum flexibility.
-     * First row contains column headers, subsequent rows contain data.
-     *
-     * Country identifiers can be either full country names or ISO 3166-1 alpha-2 codes
-     * (e.g., 'United States' or 'US').
-     */
-    data: GeoData;
-    /**
-     * Region to display. Use 'world' for global view, 'US' for United States,
-     * or any ISO 3166-1 alpha-2 country code.
-     * @default 'world'
-     */
-    region?: GeoRegion;
-    /**
-     * Resolution level for the map.
-     * - 'countries': Country-level (default for 'world')
-     * - 'provinces': State/province level (use with specific region like 'US')
-     * - 'metros': Metropolitan areas (US only)
-     * @default 'countries'
-     */
-    resolution?: GeoResolution;
-    /**
-     * Optional render function for the loading placeholder.
-     * Called while Google Charts is loading.
-     */
-    renderPlaceholder?: () => React.ReactNode;
-}
-
-declare const GeoChartWithProvider: FC<GeoChartProps>;
-declare const GeoChartResponsive: ({ resizeDebounceTime, maxWidth, aspectRatio, size, width, height, ...chartProps }: Omit<GeoChartProps, "width" | "height" | "size"> & {
-    width?: number;
-    height?: number;
-    size?: number;
-} & ResponsiveConfig) => react_jsx_runtime.JSX.Element;
-
-export { GeoChartResponsive as GeoChart, type GeoChartProps, GeoChartWithProvider as GeoChartUnresponsive, type GeoRegion, type GeoResolution };