@automattic/charts 0.58.0 → 1.0.0

package/dist/components/legend/index.css

@@ -1,91 +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-89ApsU {
-  align-self: stretch;
-}
-.a8ccharts-AELBvX {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  gap: 16px;
-}
-.a8ccharts-fX8uQe {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.a8ccharts-DEe0wg {
-  justify-content: flex-start;
-}
-.a8ccharts-WBKF9I {
-  justify-content: center;
-}
-.a8ccharts-JfwMng {
-  justify-content: flex-end;
-}
-.a8ccharts-fX8uQe.a8ccharts-DEe0wg {
-  align-items: flex-start;
-}
-.a8ccharts-fX8uQe.a8ccharts-WBKF9I {
-  align-items: center;
-}
-.a8ccharts-fX8uQe.a8ccharts-JfwMng {
-  align-items: 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;
-}
-/*# sourceMappingURL=index.css.map */

package/dist/components/legend/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"],"sourcesContent":[".a8ccharts-jCw5dQ {\n  position: fixed;\n  inset: 0;\n  overflow: visible;\n  z-index: 1;\n  pointer-events: none;\n}",".a8ccharts-89ApsU {\n  align-self: stretch;\n}\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-DEe0wg {\n  justify-content: flex-start;\n}\n.a8ccharts-WBKF9I {\n  justify-content: center;\n}\n.a8ccharts-JfwMng {\n  justify-content: flex-end;\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\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}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,SAAO;AACP,YAAU;AACV,WAAS;AACT,kBAAgB;AAClB;;;ACNA,CAAC;AACC,cAAY;AACd;AACA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,aAAW;AACX,OAAK;AACP;AACA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK;AACP;AACA,CAAC;AACC,mBAAiB;AACnB;AACA,CAAC;AACC,mBAAiB;AACnB;AACA,CAAC;AACC,mBAAiB;AACnB;AACA,CAdC,gBAcgB,CAThB;AAUC,eAAa;AACf;AACA,CAjBC,gBAiBgB,CAThB;AAUC,eAAa;AACf;AACA,CApBC,gBAoBgB,CAThB;AAUC,eAAa;AACf;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;","names":[]}

package/dist/components/legend/index.d.cts

@@ -1,37 +0,0 @@
-export { L as Legend } from '../../legend-DFkosEvC.cjs';
-import { o as SeriesData, d as DataPointDate, e as DataPointPercentage } from '../../types-ChOUI9-N.cjs';
-import { B as BaseLegendItem } from '../../types-Dfw9VOKI.cjs';
-export { a as BaseLegendProps, L as LegendProps } from '../../types-Dfw9VOKI.cjs';
-import { LegendShape } from '@visx/legend/lib/types';
-import { GlyphProps } from '@visx/xychart';
-import { ReactNode } from 'react';
-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/scale';
-import '@visx/text/lib/Text';
-import '@wordpress/theme';
-import 'react-google-charts';
-import '@visx/legend';
-
-type LegendValueDisplay = 'percentage' | 'value' | 'valueDisplay' | 'none';
-interface ChartLegendOptions {
-    withGlyph?: boolean;
-    glyphSize?: number;
-    renderGlyph?: <Datum extends object>(props: GlyphProps<Datum>) => ReactNode;
-    showValues?: boolean;
-    legendValueDisplay?: LegendValueDisplay;
-    legendShape?: LegendShape<SeriesData[], number>;
-}
-/**
- * Hook to transform chart data into legend items
- * @param data        - The chart data to transform
- * @param options     - Configuration options for legend generation
- * @param legendShape - The shape type for legend items (string literal or React component)
- * @return Array of legend items ready for display
- */
-declare function useChartLegendItems<T extends SeriesData[] | DataPointDate[] | DataPointPercentage[]>(data: T, options?: ChartLegendOptions, legendShape?: LegendShape<SeriesData[], number>): BaseLegendItem[];
-
-export { BaseLegendItem, type ChartLegendOptions, type LegendValueDisplay, useChartLegendItems };

package/dist/components/legend/index.d.ts

@@ -1,37 +0,0 @@
-export { L as Legend } from '../../legend-DLswHhOk.js';
-import { o as SeriesData, d as DataPointDate, e as DataPointPercentage } from '../../types-ChOUI9-N.js';
-import { B as BaseLegendItem } from '../../types-BuSrRM4p.js';
-export { a as BaseLegendProps, L as LegendProps } from '../../types-BuSrRM4p.js';
-import { LegendShape } from '@visx/legend/lib/types';
-import { GlyphProps } from '@visx/xychart';
-import { ReactNode } from 'react';
-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/scale';
-import '@visx/text/lib/Text';
-import '@wordpress/theme';
-import 'react-google-charts';
-import '@visx/legend';
-
-type LegendValueDisplay = 'percentage' | 'value' | 'valueDisplay' | 'none';
-interface ChartLegendOptions {
-    withGlyph?: boolean;
-    glyphSize?: number;
-    renderGlyph?: <Datum extends object>(props: GlyphProps<Datum>) => ReactNode;
-    showValues?: boolean;
-    legendValueDisplay?: LegendValueDisplay;
-    legendShape?: LegendShape<SeriesData[], number>;
-}
-/**
- * Hook to transform chart data into legend items
- * @param data        - The chart data to transform
- * @param options     - Configuration options for legend generation
- * @param legendShape - The shape type for legend items (string literal or React component)
- * @return Array of legend items ready for display
- */
-declare function useChartLegendItems<T extends SeriesData[] | DataPointDate[] | DataPointPercentage[]>(data: T, options?: ChartLegendOptions, legendShape?: LegendShape<SeriesData[], number>): BaseLegendItem[];
-
-export { BaseLegendItem, type ChartLegendOptions, type LegendValueDisplay, useChartLegendItems };

package/dist/components/legend/index.js

@@ -1,12 +0,0 @@
-import {
-  Legend,
-  useChartLegendItems
-} from "../../chunk-WTQYGUNF.js";
-import "../../chunk-2I67QUIV.js";
-import "../../chunk-JJIMABHT.js";
-import "../../chunk-G3PMV62Z.js";
-export {
-  Legend,
-  useChartLegendItems
-};
-//# sourceMappingURL=index.js.map

package/dist/components/legend/index.js.map

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

package/dist/components/tooltip/index.cjs

@@ -1,12 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-
-
-var _chunkY3NNQMAXcjs = require('../../chunk-Y3NNQMAX.cjs');
-require('../../chunk-EMMSS5I5.cjs');
-
-
-
-
-exports.AccessibleTooltip = _chunkY3NNQMAXcjs.AccessibleTooltip; exports.BaseTooltip = _chunkY3NNQMAXcjs.BaseTooltip; exports.useKeyboardNavigation = _chunkY3NNQMAXcjs.useKeyboardNavigation;
-//# sourceMappingURL=index.cjs.map

package/dist/components/tooltip/index.cjs.map

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

package/dist/components/tooltip/index.css

@@ -1,13 +0,0 @@
-/* esbuild-sass-plugin:css-chunk:src/components/tooltip/base-tooltip.module.scss */
-.a8ccharts-OfX6nd {
-  padding: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.85);
-  color: #fff;
-  border-radius: 4px;
-  font-size: 14px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
-  position: absolute;
-  pointer-events: none;
-  transform: translate(-50%, -100%);
-}
-/*# sourceMappingURL=index.css.map */

package/dist/components/tooltip/index.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["esbuild-sass-plugin:css-chunk:src/components/tooltip/base-tooltip.module.scss"],"sourcesContent":[".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}"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,oBAAkB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAChC,SAAO;AACP,iBAAe;AACf,aAAW;AACX,cAAY,EAAE,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACpC,YAAU;AACV,kBAAgB;AAChB,aAAW,UAAU,IAAI,EAAE;AAC7B;","names":[]}

package/dist/components/tooltip/index.d.cts

@@ -1,71 +0,0 @@
-export { B as BaseTooltip, a as BaseTooltipProps, T as TooltipData } from '../../base-tooltip-DOq93wjU.cjs';
-import { d as DataPointDate, o as SeriesData } from '../../types-ChOUI9-N.cjs';
-import { TooltipProps as TooltipProps$1, RenderTooltipParams } from '@visx/xychart/lib/components/Tooltip';
-import { ReactNode } from 'react';
-import 'react/jsx-runtime';
-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';
-
-type FlattenedTooltipData = {
-    datum: DataPointDate;
-    seriesLabel: string;
-    seriesIndex: number;
-    dataPointIndex: number;
-};
-interface AccessibleTooltipProps extends Omit<TooltipProps$1<DataPointDate>, 'renderTooltip'> {
-    renderTooltip?: (params: RenderTooltipParams<DataPointDate>) => ReactNode;
-    selectedIndex?: number | undefined;
-    tooltipRef?: (element: HTMLDivElement | null) => void;
-    keyboardFocusedClassName?: string;
-    /**
-     * Flattened tooltip data prepared by parent component
-     * Each index corresponds to one tooltip to show
-     */
-    tooltipData?: FlattenedTooltipData[];
-    /**
-     * For line charts: series data to show all series at selected data point
-     * When provided, shows all series instead of individual tooltips
-     */
-    series?: SeriesData[];
-    /**
-     * Whether to combine tooltip information from multiple series into a single tooltip. This is useful for line charts.
-     * Or to show individual tooltips for each series. This is useful for bar charts.
-     */
-    mode?: 'individual' | 'group';
-}
-declare const AccessibleTooltip: React.FC<AccessibleTooltipProps>;
-interface UseKeyboardNavigationProps {
-    selectedIndex: number | undefined;
-    setSelectedIndex: (index: number | undefined) => void;
-    isNavigating: boolean;
-    setIsNavigating: (navigating: boolean) => void;
-    chartRef: React.RefObject<HTMLDivElement>;
-    /**
-     * Total number of navigation points (length of tooltip data array)
-     */
-    totalPoints: number;
-}
-declare const useKeyboardNavigation: ({ selectedIndex, setSelectedIndex, isNavigating, setIsNavigating, chartRef, totalPoints, }: UseKeyboardNavigationProps) => {
-    tooltipRef: (element: HTMLDivElement | null) => void;
-    onChartFocus: () => void;
-    onChartBlur: () => void;
-    onChartKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
-};
-
-type TooltipProps = {
-    data: {
-        label: string;
-        value: number;
-    };
-};
-
-export { AccessibleTooltip, type TooltipProps, useKeyboardNavigation };

package/dist/components/tooltip/index.d.ts

@@ -1,71 +0,0 @@
-export { B as BaseTooltip, a as BaseTooltipProps, T as TooltipData } from '../../base-tooltip-DOq93wjU.js';
-import { d as DataPointDate, o as SeriesData } from '../../types-ChOUI9-N.js';
-import { TooltipProps as TooltipProps$1, RenderTooltipParams } from '@visx/xychart/lib/components/Tooltip';
-import { ReactNode } from 'react';
-import 'react/jsx-runtime';
-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';
-
-type FlattenedTooltipData = {
-    datum: DataPointDate;
-    seriesLabel: string;
-    seriesIndex: number;
-    dataPointIndex: number;
-};
-interface AccessibleTooltipProps extends Omit<TooltipProps$1<DataPointDate>, 'renderTooltip'> {
-    renderTooltip?: (params: RenderTooltipParams<DataPointDate>) => ReactNode;
-    selectedIndex?: number | undefined;
-    tooltipRef?: (element: HTMLDivElement | null) => void;
-    keyboardFocusedClassName?: string;
-    /**
-     * Flattened tooltip data prepared by parent component
-     * Each index corresponds to one tooltip to show
-     */
-    tooltipData?: FlattenedTooltipData[];
-    /**
-     * For line charts: series data to show all series at selected data point
-     * When provided, shows all series instead of individual tooltips
-     */
-    series?: SeriesData[];
-    /**
-     * Whether to combine tooltip information from multiple series into a single tooltip. This is useful for line charts.
-     * Or to show individual tooltips for each series. This is useful for bar charts.
-     */
-    mode?: 'individual' | 'group';
-}
-declare const AccessibleTooltip: React.FC<AccessibleTooltipProps>;
-interface UseKeyboardNavigationProps {
-    selectedIndex: number | undefined;
-    setSelectedIndex: (index: number | undefined) => void;
-    isNavigating: boolean;
-    setIsNavigating: (navigating: boolean) => void;
-    chartRef: React.RefObject<HTMLDivElement>;
-    /**
-     * Total number of navigation points (length of tooltip data array)
-     */
-    totalPoints: number;
-}
-declare const useKeyboardNavigation: ({ selectedIndex, setSelectedIndex, isNavigating, setIsNavigating, chartRef, totalPoints, }: UseKeyboardNavigationProps) => {
-    tooltipRef: (element: HTMLDivElement | null) => void;
-    onChartFocus: () => void;
-    onChartBlur: () => void;
-    onChartKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
-};
-
-type TooltipProps = {
-    data: {
-        label: string;
-        value: number;
-    };
-};
-
-export { AccessibleTooltip, type TooltipProps, useKeyboardNavigation };

package/dist/components/tooltip/index.js

@@ -1,12 +0,0 @@
-import {
-  AccessibleTooltip,
-  BaseTooltip,
-  useKeyboardNavigation
-} from "../../chunk-BPYKWMI7.js";
-import "../../chunk-G3PMV62Z.js";
-export {
-  AccessibleTooltip,
-  BaseTooltip,
-  useKeyboardNavigation
-};
-//# sourceMappingURL=index.js.map

package/dist/components/tooltip/index.js.map

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

package/dist/components/trend-indicator/index.cjs

@@ -1,8 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkI2276W3Icjs = require('../../chunk-I2276W3I.cjs');
-require('../../chunk-EMMSS5I5.cjs');
-
-
-exports.TrendIndicator = _chunkI2276W3Icjs.TrendIndicator;
-//# sourceMappingURL=index.cjs.map

package/dist/components/trend-indicator/index.cjs.map

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

package/dist/components/trend-indicator/index.css

@@ -1,27 +0,0 @@
-/* esbuild-sass-plugin:css-chunk:src/components/trend-indicator/trend-indicator.module.scss */
-.a8ccharts-tGw1PY {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.125em;
-  font-size: 0.875rem;
-  font-weight: 500;
-  line-height: 1;
-}
-.a8ccharts-Fn-D1W {
-  color: var(--charts-trend-up-color, #1a8917);
-}
-.a8ccharts-HqtGQO {
-  color: var(--charts-trend-down-color, #d63638);
-}
-.a8ccharts-S10nvO {
-  color: var(--charts-trend-neutral-color, #646970);
-}
-.a8ccharts-5HjpOT {
-  width: 1em;
-  height: 1em;
-  flex-shrink: 0;
-}
-.a8ccharts-muLL2Q {
-  white-space: nowrap;
-}
-/*# sourceMappingURL=index.css.map */

package/dist/components/trend-indicator/index.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["esbuild-sass-plugin:css-chunk:src/components/trend-indicator/trend-indicator.module.scss"],"sourcesContent":[".a8ccharts-tGw1PY {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.125em;\n  font-size: 0.875rem;\n  font-weight: 500;\n  line-height: 1;\n}\n.a8ccharts-Fn-D1W {\n  color: var(--charts-trend-up-color, #1a8917);\n}\n.a8ccharts-HqtGQO {\n  color: var(--charts-trend-down-color, #d63638);\n}\n.a8ccharts-S10nvO {\n  color: var(--charts-trend-neutral-color, #646970);\n}\n.a8ccharts-5HjpOT {\n  width: 1em;\n  height: 1em;\n  flex-shrink: 0;\n}\n.a8ccharts-muLL2Q {\n  white-space: nowrap;\n}"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACL,aAAW;AACX,eAAa;AACb,eAAa;AACf;AACA,CAAC;AACC,SAAO,IAAI,uBAAuB,EAAE;AACtC;AACA,CAAC;AACC,SAAO,IAAI,yBAAyB,EAAE;AACxC;AACA,CAAC;AACC,SAAO,IAAI,4BAA4B,EAAE;AAC3C;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,eAAa;AACf;AACA,CAAC;AACC,eAAa;AACf;","names":[]}

package/dist/components/trend-indicator/index.d.cts

@@ -1,44 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { CSSProperties } from 'react';
-
-/**
- * The direction of the trend
- */
-type TrendDirection = 'up' | 'down' | 'neutral';
-/**
- * Props for the TrendIndicator component
- */
-type TrendIndicatorProps = {
-    /**
-     * The direction of the trend (up, down, or neutral)
-     */
-    direction: TrendDirection;
-    /**
-     * The value to display (e.g., "14%", "+$500", "2.5k")
-     */
-    value: string | number;
-    /**
-     * Additional CSS class name
-     */
-    className?: string;
-    /**
-     * Inline styles
-     */
-    style?: CSSProperties;
-    /**
-     * Whether to show the directional icon
-     * @default true
-     */
-    showIcon?: boolean;
-};
-
-/**
- * TrendIndicator displays a directional trend with a value.
- * Used to show percentage changes or growth metrics.
- *
- * @param {TrendIndicatorProps} props - Component props
- * @return {JSX.Element} The rendered trend indicator
- */
-declare function TrendIndicator({ direction, value, className, style, showIcon, }: TrendIndicatorProps): react_jsx_runtime.JSX.Element;
-
-export { type TrendDirection, TrendIndicator, type TrendIndicatorProps };

package/dist/components/trend-indicator/index.d.ts

@@ -1,44 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { CSSProperties } from 'react';
-
-/**
- * The direction of the trend
- */
-type TrendDirection = 'up' | 'down' | 'neutral';
-/**
- * Props for the TrendIndicator component
- */
-type TrendIndicatorProps = {
-    /**
-     * The direction of the trend (up, down, or neutral)
-     */
-    direction: TrendDirection;
-    /**
-     * The value to display (e.g., "14%", "+$500", "2.5k")
-     */
-    value: string | number;
-    /**
-     * Additional CSS class name
-     */
-    className?: string;
-    /**
-     * Inline styles
-     */
-    style?: CSSProperties;
-    /**
-     * Whether to show the directional icon
-     * @default true
-     */
-    showIcon?: boolean;
-};
-
-/**
- * TrendIndicator displays a directional trend with a value.
- * Used to show percentage changes or growth metrics.
- *
- * @param {TrendIndicatorProps} props - Component props
- * @return {JSX.Element} The rendered trend indicator
- */
-declare function TrendIndicator({ direction, value, className, style, showIcon, }: TrendIndicatorProps): react_jsx_runtime.JSX.Element;
-
-export { type TrendDirection, TrendIndicator, type TrendIndicatorProps };

package/dist/components/trend-indicator/index.js

@@ -1,8 +0,0 @@
-import {
-  TrendIndicator
-} from "../../chunk-XWYZIFZW.js";
-import "../../chunk-G3PMV62Z.js";
-export {
-  TrendIndicator
-};
-//# sourceMappingURL=index.js.map

package/dist/components/trend-indicator/index.js.map

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

package/dist/format-metric-value-MXm5DtQ_.d.cts

@@ -1,24 +0,0 @@
-/**
- * Types for formatMetricValue
- */
-type MetricValueType = 'number' | 'average' | 'currency';
-type FormatMetricValueOptions = {
-    decimals?: number;
-    useMultipliers?: boolean;
-    signDisplay?: Intl.NumberFormatOptions['signDisplay'];
-};
-/**
- * Format a numeric metric value based on type, precision and scale.
- * Supports currency, number and percentage, using `@automattic/number-formatters`.
- *
- * @param value                  - The value to format
- * @param type                   - The type of formatting to apply
- * @param options                - Formatting options
- * @param options.decimals       - Number of decimal places to show
- * @param options.useMultipliers - Whether to use K, M, B suffixes for large numbers
- * @param options.signDisplay    - Controls when to display the sign (auto, always, never, exceptZero)
- * @return Formatted string
- */
-declare const formatMetricValue: (value: string | number, type?: MetricValueType, { decimals, useMultipliers, signDisplay }?: FormatMetricValueOptions) => string;
-
-export { type MetricValueType as M, formatMetricValue as f };

package/dist/format-metric-value-MXm5DtQ_.d.ts

@@ -1,24 +0,0 @@
-/**
- * Types for formatMetricValue
- */
-type MetricValueType = 'number' | 'average' | 'currency';
-type FormatMetricValueOptions = {
-    decimals?: number;
-    useMultipliers?: boolean;
-    signDisplay?: Intl.NumberFormatOptions['signDisplay'];
-};
-/**
- * Format a numeric metric value based on type, precision and scale.
- * Supports currency, number and percentage, using `@automattic/number-formatters`.
- *
- * @param value                  - The value to format
- * @param type                   - The type of formatting to apply
- * @param options                - Formatting options
- * @param options.decimals       - Number of decimal places to show
- * @param options.useMultipliers - Whether to use K, M, B suffixes for large numbers
- * @param options.signDisplay    - Controls when to display the sign (auto, always, never, exceptZero)
- * @return Formatted string
- */
-declare const formatMetricValue: (value: string | number, type?: MetricValueType, { decimals, useMultipliers, signDisplay }?: FormatMetricValueOptions) => string;
-
-export { type MetricValueType as M, formatMetricValue as f };

package/dist/hooks/index.cjs

@@ -1,29 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-
-
-
-
-
-
-
-
-
-
-var _chunkWYK7EL5Rcjs = require('../chunk-WYK7EL5R.cjs');
-require('../chunk-MXGLYWVP.cjs');
-require('../chunk-EMMSS5I5.cjs');
-
-
-
-
-
-
-
-
-
-
-
-
-exports.useChartDataTransform = _chunkWYK7EL5Rcjs.useChartDataTransform; exports.useChartMargin = _chunkWYK7EL5Rcjs.useChartMargin; exports.useChartMouseHandler = _chunkWYK7EL5Rcjs.useChartMouseHandler; exports.useDeepMemo = _chunkWYK7EL5Rcjs.useDeepMemo; exports.useElementSize = _chunkWYK7EL5Rcjs.useElementSize; exports.useInteractiveLegendData = _chunkWYK7EL5Rcjs.useInteractiveLegendData; exports.usePrefersReducedMotion = _chunkWYK7EL5Rcjs.usePrefersReducedMotion; exports.useTextTruncation = _chunkWYK7EL5Rcjs.useTextTruncation; exports.useTooltipPortalRelocator = _chunkWYK7EL5Rcjs.useTooltipPortalRelocator; exports.useXYChartTheme = _chunkWYK7EL5Rcjs.useXYChartTheme; exports.useZeroValueDisplay = _chunkWYK7EL5Rcjs.useZeroValueDisplay;
-//# sourceMappingURL=index.cjs.map

package/dist/hooks/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/hooks/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,0uBAAC","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/hooks/index.cjs"}

package/dist/hooks/index.css

@@ -1,9 +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;
-}
-/*# sourceMappingURL=index.css.map */

package/dist/hooks/index.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["esbuild-sass-plugin:css-chunk:src/hooks/use-tooltip-portal-relocator.module.scss"],"sourcesContent":[".a8ccharts-jCw5dQ {\n  position: fixed;\n  inset: 0;\n  overflow: visible;\n  z-index: 1;\n  pointer-events: none;\n}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,SAAO;AACP,YAAU;AACV,WAAS;AACT,kBAAgB;AAClB;","names":[]}