@automattic/charts 0.58.0 → 1.0.0

package/dist/chunk-JJIMABHT.js

@@ -1,351 +0,0 @@
-// src/utils/create-composition.ts
-function attachSubComponents(Chart, subComponents) {
-  return Object.assign(Chart, subComponents);
-}
-
-// src/utils/date-parsing.ts
-import { parse, parseISO, isValid } from "date-fns";
-var hasTimezone = (dateString) => {
-  const tIndex = dateString.indexOf("T");
-  if (tIndex === -1) {
-    return false;
-  }
-  if (dateString.endsWith("Z")) {
-    return true;
-  }
-  return /[+-]\d{2}:?\d{2}$/.test(dateString.slice(tIndex + 1));
-};
-var parseAsLocalDate = (dateString) => {
-  const trimmedString = dateString.trim();
-  if (hasTimezone(trimmedString)) {
-    const isoDate = parseISO(trimmedString);
-    if (!isValid(isoDate)) {
-      return /* @__PURE__ */ new Date(NaN);
-    }
-    return isoDate;
-  }
-  const formats = [
-    "yyyy-MM-dd",
-    // 2025-01-01
-    "yyyy-MM-dd HH:mm:ss",
-    // 2025-01-01 14:30:45
-    "yyyy-MM-dd HH:mm",
-    // 2025-01-01 14:30
-    "yyyy-MM-dd'T'HH:mm:ss",
-    // 2025-01-01T14:30:45
-    "yyyy-MM-dd'T'HH:mm:ss.SSS",
-    // 2025-01-01T14:30:45.123
-    "yyyy-MM-dd'T'HH:mm"
-    // 2025-01-01T14:30
-  ];
-  for (const format of formats) {
-    const result = parse(trimmedString, format, /* @__PURE__ */ new Date());
-    if (isValid(result)) {
-      return result;
-    }
-  }
-  return /* @__PURE__ */ new Date(NaN);
-};
-
-// src/utils/format-metric-value.ts
-import { formatNumberCompact, formatNumber } from "@automattic/number-formatters";
-var formatMetricValue = (value, type = "number", { decimals, useMultipliers = false, signDisplay } = {}) => {
-  if (value === null || value === void 0) {
-    return "";
-  }
-  const numericValue = Number(value);
-  if (isNaN(numericValue)) {
-    return "";
-  }
-  switch (type) {
-    case "currency": {
-      const formatted = useMultipliers ? formatNumberCompact(numericValue, {
-        decimals: decimals ?? 2,
-        numberFormatOptions: {
-          maximumFractionDigits: decimals ?? 2,
-          signDisplay
-        }
-      }) : formatNumber(numericValue, {
-        decimals: decimals ?? 2,
-        numberFormatOptions: {
-          signDisplay
-        }
-      });
-      return `$${formatted}`;
-    }
-    case "average": {
-      if (!Number.isFinite(numericValue)) {
-        return "\u2014";
-      }
-      return formatNumber(numericValue, {
-        decimals: decimals ?? 0,
-        numberFormatOptions: {
-          style: "percent",
-          signDisplay: signDisplay ?? "exceptZero"
-        }
-      });
-    }
-    case "number":
-    default: {
-      return useMultipliers ? formatNumberCompact(numericValue, {
-        decimals: decimals ?? 0,
-        numberFormatOptions: {
-          maximumFractionDigits: decimals ?? 0,
-          signDisplay
-        }
-      }) : formatNumber(numericValue, {
-        decimals: decimals ?? 0,
-        numberFormatOptions: {
-          signDisplay
-        }
-      });
-    }
-  }
-};
-
-// src/utils/format-percentage.ts
-import { formatNumber as formatNumber2 } from "@automattic/number-formatters";
-var formatPercentage = (value) => {
-  return formatNumber2(value / 100, {
-    numberFormatOptions: {
-      style: "percent",
-      minimumFractionDigits: 0,
-      maximumFractionDigits: 2
-    }
-  });
-};
-
-// src/utils/get-longest-tick-width.ts
-import { getStringWidth } from "@visx/text";
-var getLongestTickWidth = (ticks, formatTick, labelStyle) => {
-  const formattedTicks = ticks.map((tick) => formatTick(tick, 0, []));
-  const longestTick = formattedTicks.reduce(
-    (longest, current) => longest.length >= current.length ? longest : current,
-    formattedTicks[0]
-  );
-  return getStringWidth(longestTick, labelStyle);
-};
-
-// src/utils/get-styles.ts
-function getSeriesLineStyles(seriesData, index, providerTheme) {
-  const themeSemanticLineStyle = providerTheme?.lineChart?.lineStyles?.[seriesData.options?.type];
-  const themeSeriesLineStyle = providerTheme?.seriesLineStyles?.[index % providerTheme.seriesLineStyles.length];
-  return seriesData.options?.seriesLineStyle ?? themeSemanticLineStyle ?? themeSeriesLineStyle ?? {};
-}
-function getSeriesStroke(seriesData, index, themeColors) {
-  return seriesData.options?.stroke ?? themeColors[index % themeColors.length];
-}
-function getItemShapeStyles(series, index, theme, legendShape) {
-  const seriesShapeStyles = series.options?.legendShapeStyle ?? {};
-  const lineStyles = legendShape === "line" ? getSeriesLineStyles(series, index, theme) : {};
-  const themeShapeStyles = theme.legend?.shapeStyles?.[index];
-  const itemShapeStyles = {
-    ...seriesShapeStyles,
-    ...lineStyles
-  };
-  if (Object.values(itemShapeStyles).some(
-    (value) => value !== void 0 && value !== null && value !== ""
-  )) {
-    return itemShapeStyles;
-  }
-  return themeShapeStyles ?? {};
-}
-
-// src/utils/is-safari.ts
-var isSafari = () => {
-  if (typeof navigator !== "undefined" && navigator.userAgent) {
-    return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-  }
-  return false;
-};
-
-// src/utils/merge-themes.ts
-import deepmerge from "deepmerge";
-function mergeThemes(baseTheme, overrideTheme) {
-  return deepmerge(baseTheme, overrideTheme, {
-    // Ensure arrays are replaced rather than concatenated
-    arrayMerge: (_destinationArray, sourceArray) => sourceArray
-  });
-}
-
-// src/utils/color-utils.ts
-import { color as d3Color, hsl as d3Hsl } from "@visx/vendor/d3-color";
-var isValidHexColor = (hex) => {
-  return typeof hex === "string" && /^#[0-9a-fA-F]{6}$/.test(hex);
-};
-var validateHexColor = (hex) => {
-  if (isValidHexColor(hex)) {
-    return;
-  }
-  if (typeof hex !== "string") {
-    throw new Error("Hex color must be a string");
-  }
-  if (!hex.startsWith("#")) {
-    throw new Error("Hex color must start with #");
-  }
-  if (hex.length !== 7) {
-    throw new Error("Hex color must be 7 characters long (e.g., #ff0000)");
-  }
-  throw new Error("Hex color contains invalid characters. Only 0-9, a-f, A-F are allowed");
-};
-var hexToRgba = (hex, alpha) => {
-  validateHexColor(hex);
-  if (typeof alpha !== "number" || isNaN(alpha)) {
-    throw new Error("Alpha must be a number");
-  }
-  return d3Color(hex).copy({ opacity: alpha }).formatRgb();
-};
-var getColorDistance = (hsl1, hsl2) => {
-  const [h1, s1, l1] = hsl1;
-  const [h2, s2, l2] = hsl2;
-  let hueDiff = Math.abs(h1 - h2);
-  hueDiff = Math.min(hueDiff, 360 - hueDiff);
-  const hueWeight = 2;
-  const lightnessWeight = 1;
-  const saturationWeight = 0.5;
-  return Math.sqrt(
-    Math.pow(hueDiff * hueWeight, 2) + Math.pow((l1 - l2) * lightnessWeight, 2) + Math.pow((s1 - s2) * saturationWeight, 2)
-  );
-};
-var parseHslString = (hslString) => {
-  const lower = hslString.toLowerCase().trim();
-  if (!lower.startsWith("hsl(")) {
-    return null;
-  }
-  const parsed = d3Hsl(lower);
-  if (isNaN(parsed.h) && isNaN(parsed.s) && isNaN(parsed.l)) {
-    return null;
-  }
-  const h = isNaN(parsed.h) ? 0 : (parsed.h % 360 + 360) % 360;
-  return [h, parsed.s * 100, parsed.l * 100];
-};
-var parseRgbString = (rgbString) => {
-  const lower = rgbString.toLowerCase().trim();
-  if (!lower.startsWith("rgb(") || lower.startsWith("rgba(")) {
-    return null;
-  }
-  const parsed = d3Color(lower);
-  if (!parsed) {
-    return null;
-  }
-  return parsed.formatHex();
-};
-var normalizeColorToHex = (color, element, resolveCss) => {
-  if (!color || typeof color !== "string") {
-    return "";
-  }
-  if (/^#[0-9a-fA-F]{6}$/.test(color)) {
-    return color;
-  }
-  const trimmed = color.trim().toLowerCase();
-  if (/^#[0-9a-f]{3}$/i.test(trimmed)) {
-    const r = trimmed[1];
-    const g = trimmed[2];
-    const b = trimmed[3];
-    return `#${r}${r}${g}${g}${b}${b}`;
-  }
-  if (trimmed.startsWith("--") || trimmed.startsWith("var(")) {
-    if (resolveCss) {
-      const resolved = resolveCss(color, element);
-      if (resolved) {
-        return normalizeColorToHex(resolved, element, resolveCss);
-      }
-    }
-    return color;
-  }
-  if (trimmed.startsWith("hsl(") || trimmed.startsWith("rgb(")) {
-    if (trimmed.startsWith("rgba(")) {
-      return color;
-    }
-    const parsed = d3Color(trimmed);
-    if (parsed) {
-      return parsed.formatHex();
-    }
-    return color;
-  }
-  return color;
-};
-var lightenHexColor = (hex, blend) => {
-  validateHexColor(hex);
-  const r = parseInt(hex.slice(1, 3), 16);
-  const g = parseInt(hex.slice(3, 5), 16);
-  const b = parseInt(hex.slice(5, 7), 16);
-  const newR = Math.round(r + (255 - r) * blend);
-  const newG = Math.round(g + (255 - g) * blend);
-  const newB = Math.round(b + (255 - b) * blend);
-  return `#${newR.toString(16).padStart(2, "0")}${newG.toString(16).padStart(2, "0")}${newB.toString(16).padStart(2, "0")}`;
-};
-
-// src/utils/resolve-css-var.ts
-var CSS_VAR_NAME_PATTERN = /^--[\w-]+$/;
-var resolveCssVariable = (value, element) => {
-  if (!value) {
-    return null;
-  }
-  if (value.startsWith("var(") && value.endsWith(")")) {
-    const parsed = parseVarExpression(value);
-    if (parsed) {
-      const resolved = resolveVariableName(parsed.varName, element);
-      return resolved || parsed.fallback;
-    }
-  }
-  if (value.startsWith("--")) {
-    return resolveVariableName(value, element);
-  }
-  return value;
-};
-function parseVarExpression(expr) {
-  const inner = expr.slice(4, -1).trim();
-  if (!inner.startsWith("--")) {
-    return null;
-  }
-  const commaIndex = inner.indexOf(",");
-  if (commaIndex === -1) {
-    const varName2 = inner.trim();
-    if (!CSS_VAR_NAME_PATTERN.test(varName2)) {
-      return null;
-    }
-    return { varName: varName2, fallback: null };
-  }
-  const varName = inner.slice(0, commaIndex).trim();
-  if (!CSS_VAR_NAME_PATTERN.test(varName)) {
-    return null;
-  }
-  const fallback = inner.slice(commaIndex + 1).trim();
-  return { varName, fallback: fallback || null };
-}
-function resolveVariableName(varName, element) {
-  if (typeof window === "undefined" || typeof document === "undefined") {
-    return null;
-  }
-  try {
-    const targetElement = element || document.documentElement;
-    const computedValue = getComputedStyle(targetElement).getPropertyValue(varName).trim();
-    return computedValue || null;
-  } catch {
-    return null;
-  }
-}
-
-export {
-  attachSubComponents,
-  parseAsLocalDate,
-  formatMetricValue,
-  formatPercentage,
-  getLongestTickWidth,
-  getSeriesLineStyles,
-  getSeriesStroke,
-  getItemShapeStyles,
-  isSafari,
-  mergeThemes,
-  isValidHexColor,
-  validateHexColor,
-  hexToRgba,
-  getColorDistance,
-  parseHslString,
-  parseRgbString,
-  normalizeColorToHex,
-  lightenHexColor,
-  resolveCssVariable
-};
-//# sourceMappingURL=chunk-JJIMABHT.js.map

package/dist/chunk-JJIMABHT.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/create-composition.ts","../src/utils/date-parsing.ts","../src/utils/format-metric-value.ts","../src/utils/format-percentage.ts","../src/utils/get-longest-tick-width.ts","../src/utils/get-styles.ts","../src/utils/is-safari.ts","../src/utils/merge-themes.ts","../src/utils/color-utils.ts","../src/utils/resolve-css-var.ts"],"sourcesContent":["/**\n * Utility function to create chart components with composition API.\n *\n * This function attaches subcomponents to a chart component to enable\n * dot notation access like <Chart.Legend />, <Chart.Tooltip />, etc.\n *\n * @param Chart         - The main chart component\n * @param subComponents - Object containing subcomponents to attach\n * @return Chart component with attached subcomponents\n */\nexport function attachSubComponents< TChart, TSubComponents extends Record< string, unknown > >(\n\tChart: TChart,\n\tsubComponents: TSubComponents\n): TChart & TSubComponents {\n\treturn Object.assign( Chart, subComponents );\n}\n","/**\n * @file Date parsing utilities using date-fns for local timezone handling\n *\n * This module provides utilities for parsing various date string formats and converting\n * them to local timezone dates using the battle-tested date-fns library. For formats\n * without timezone info, they're treated as local. For formats with timezone info,\n * they're converted to the equivalent local time.\n *\n * Note: And specifically it prevents format `YYYY-MM-DD` being parsed as UTC date.\n *\n * Key Features:\n * - All parsed dates are in local timezone\n * - Converts timezone-aware strings to local equivalent\n * - Robust input validation and error handling using date-fns\n * - TypeScript type safety\n * - Much smaller codebase than custom parsing\n *\n * Supported Formats:\n * - YYYY-MM-DD (treated as local)\n * - YYYY-MM-DD HH:mm:ss (treated as local)\n * - YYYY-MM-DD HH:mm (treated as local)\n * - YYYY-MM-DDTHH:mm:ss (treated as local)\n * - YYYY-MM-DDTHH:mm:ss.SSS (treated as local)\n * - YYYY-MM-DDTHH:mm (treated as local)\n * - YYYY-MM-DDTHH:mm:ssZ (converted to local)\n * - YYYY-MM-DDTHH:mm:ss±HH:mm (converted to local)\n *\n * @example\n * ```typescript\n * parseAsLocalDate(\"2025-01-01\");                     // Local timezone\n * parseAsLocalDate(\"2025-01-01 14:30:00\");            // Local timezone\n * parseAsLocalDate(\"2025-01-01 14:30\");               // Local timezone\n * parseAsLocalDate(\"2025-01-01T14:30:45.123\");        // Local timezone\n * parseAsLocalDate(\"2025-01-01T14:30:00Z\");           // UTC 14:30 → Local equivalent\n * parseAsLocalDate(\"2025-01-01T14:30:00+05:00\");      // +05:00 14:30 → Local equivalent\n * ```\n */\n\nimport { parse, parseISO, isValid } from 'date-fns';\n\n/**\n * Checks if a date string contains timezone information\n * @param {string} dateString - The date string to check for timezone information\n * @return {boolean} True if the date string contains timezone information, false otherwise\n */\nconst hasTimezone = ( dateString: string ): boolean => {\n\tconst tIndex = dateString.indexOf( 'T' );\n\tif ( tIndex === -1 ) {\n\t\treturn false;\n\t}\n\n\tif ( dateString.endsWith( 'Z' ) ) {\n\t\treturn true;\n\t}\n\n\treturn /[+-]\\d{2}:?\\d{2}$/.test( dateString.slice( tIndex + 1 ) );\n};\n\n/**\n * Parses any supported date string format and returns a local timezone date\n *\n * Uses date-fns for robust parsing and validation. For strings without timezone\n * info, treats as local timezone. For strings with timezone info, converts to\n * local timezone equivalent.\n *\n * Supports:\n * - YYYY-MM-DD (local)\n * - YYYY-MM-DD HH:mm:ss (local)\n * - YYYY-MM-DD HH:mm (local)\n * - YYYY-MM-DDTHH:mm:ss (local)\n * - YYYY-MM-DDTHH:mm:ss.SSS (local)\n * - YYYY-MM-DDTHH:mm (local)\n * - YYYY-MM-DDTHH:mm:ssZ (UTC → local)\n * - YYYY-MM-DDTHH:mm:ss±HH:mm (offset → local)\n * @param {string} dateString - The date string to parse into a local timezone date\n * @return {Date} A Date object representing the parsed date in local timezone, or an invalid Date if parsing fails\n */\nexport const parseAsLocalDate = ( dateString: string ): Date => {\n\tconst trimmedString = dateString.trim();\n\n\t// If it has timezone information, parse as ISO and convert to local\n\tif ( hasTimezone( trimmedString ) ) {\n\t\tconst isoDate = parseISO( trimmedString );\n\n\t\tif ( ! isValid( isoDate ) ) {\n\t\t\treturn new Date( NaN );\n\t\t}\n\n\t\t// parseISO automatically converts to local timezone\n\t\treturn isoDate;\n\t}\n\n\t// For naive strings, try different local formats\n\tconst formats = [\n\t\t'yyyy-MM-dd', // 2025-01-01\n\t\t'yyyy-MM-dd HH:mm:ss', // 2025-01-01 14:30:45\n\t\t'yyyy-MM-dd HH:mm', // 2025-01-01 14:30\n\t\t\"yyyy-MM-dd'T'HH:mm:ss\", // 2025-01-01T14:30:45\n\t\t\"yyyy-MM-dd'T'HH:mm:ss.SSS\", // 2025-01-01T14:30:45.123\n\t\t\"yyyy-MM-dd'T'HH:mm\", // 2025-01-01T14:30\n\t];\n\n\tfor ( const format of formats ) {\n\t\tconst result = parse( trimmedString, format, new Date() );\n\t\tif ( isValid( result ) ) {\n\t\t\treturn result;\n\t\t}\n\t}\n\n\t// If no format matched, return invalid date\n\treturn new Date( NaN );\n};\n","import { formatNumberCompact, formatNumber } from '@automattic/number-formatters';\n\n/**\n * Types for formatMetricValue\n */\nexport type MetricValueType = 'number' | 'average' | 'currency';\n\ntype FormatMetricValueOptions = {\n\tdecimals?: number;\n\tuseMultipliers?: boolean;\n\tsignDisplay?: Intl.NumberFormatOptions[ 'signDisplay' ];\n};\n\n/**\n * Format a numeric metric value based on type, precision and scale.\n * Supports currency, number and percentage, using `@automattic/number-formatters`.\n *\n * @param value                  - The value to format\n * @param type                   - The type of formatting to apply\n * @param options                - Formatting options\n * @param options.decimals       - Number of decimal places to show\n * @param options.useMultipliers - Whether to use K, M, B suffixes for large numbers\n * @param options.signDisplay    - Controls when to display the sign (auto, always, never, exceptZero)\n * @return Formatted string\n */\nexport const formatMetricValue = (\n\tvalue: string | number,\n\ttype: MetricValueType = 'number',\n\t{ decimals, useMultipliers = false, signDisplay }: FormatMetricValueOptions = {}\n): string => {\n\tif ( value === null || value === undefined ) {\n\t\treturn '';\n\t}\n\n\tconst numericValue = Number( value );\n\tif ( isNaN( numericValue ) ) {\n\t\treturn '';\n\t}\n\n\tswitch ( type ) {\n\t\tcase 'currency': {\n\t\t\t// Basic currency formatting - can be enhanced with full currency support\n\t\t\tconst formatted = useMultipliers\n\t\t\t\t? formatNumberCompact( numericValue, {\n\t\t\t\t\t\tdecimals: decimals ?? 2,\n\t\t\t\t\t\tnumberFormatOptions: {\n\t\t\t\t\t\t\tmaximumFractionDigits: decimals ?? 2,\n\t\t\t\t\t\t\tsignDisplay,\n\t\t\t\t\t\t},\n\t\t\t\t  } )\n\t\t\t\t: formatNumber( numericValue, {\n\t\t\t\t\t\tdecimals: decimals ?? 2,\n\t\t\t\t\t\tnumberFormatOptions: {\n\t\t\t\t\t\t\tsignDisplay,\n\t\t\t\t\t\t},\n\t\t\t\t  } );\n\t\t\treturn `$${ formatted }`;\n\t\t}\n\n\t\tcase 'average': {\n\t\t\tif ( ! Number.isFinite( numericValue ) ) {\n\t\t\t\treturn '—';\n\t\t\t}\n\n\t\t\treturn formatNumber( numericValue, {\n\t\t\t\tdecimals: decimals ?? 0,\n\t\t\t\tnumberFormatOptions: {\n\t\t\t\t\tstyle: 'percent',\n\t\t\t\t\tsignDisplay: signDisplay ?? 'exceptZero',\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\n\t\tcase 'number':\n\t\tdefault: {\n\t\t\treturn useMultipliers\n\t\t\t\t? formatNumberCompact( numericValue, {\n\t\t\t\t\t\tdecimals: decimals ?? 0,\n\t\t\t\t\t\tnumberFormatOptions: {\n\t\t\t\t\t\t\tmaximumFractionDigits: decimals ?? 0,\n\t\t\t\t\t\t\tsignDisplay,\n\t\t\t\t\t\t},\n\t\t\t\t  } )\n\t\t\t\t: formatNumber( numericValue, {\n\t\t\t\t\t\tdecimals: decimals ?? 0,\n\t\t\t\t\t\tnumberFormatOptions: {\n\t\t\t\t\t\t\tsignDisplay,\n\t\t\t\t\t\t},\n\t\t\t\t  } );\n\t\t}\n\t}\n};\n","import { formatNumber } from '@automattic/number-formatters';\n\n/**\n * Format a percentage value with smart decimal handling.\n * Uses `@automattic/number-formatters` for consistent formatting.\n * Removes unnecessary trailing zeros and caps at 2 decimal places.\n *\n * @param value - The percentage value (0-100 range)\n * @return Formatted percentage string (e.g., \"30%\", \"30.1%\", \"30.25%\")\n */\nexport const formatPercentage = ( value: number ): string => {\n\t// Use formatNumber with percentage style, but convert from 0-100 range to 0-1 range\n\treturn formatNumber( value / 100, {\n\t\tnumberFormatOptions: {\n\t\t\tstyle: 'percent',\n\t\t\tminimumFractionDigits: 0,\n\t\t\tmaximumFractionDigits: 2,\n\t\t},\n\t} );\n};\n","import { getStringWidth } from '@visx/text';\nimport type { TickFormatter } from '@visx/axis';\nimport type { AnyD3Scale, ScaleInput } from '@visx/scale';\n\n/**\n * Returns the width of the longest tick.\n *\n * @param          ticks      - Ticks to get the width of.\n * @param          formatTick - Function to format the tick.\n * @param {object} labelStyle - Style object for the label.\n * @return {number} - Width of the longest tick.\n */\nexport const getLongestTickWidth = < T extends AnyD3Scale >(\n\tticks: ScaleInput< T >[],\n\tformatTick: TickFormatter< ScaleInput< T > >,\n\tlabelStyle?: object\n) => {\n\tconst formattedTicks = ticks.map( tick => formatTick( tick, 0, [] ) );\n\tconst longestTick = formattedTicks.reduce(\n\t\t( longest, current ) => ( longest.length >= current.length ? longest : current ),\n\t\tformattedTicks[ 0 ]\n\t);\n\n\treturn getStringWidth( longestTick, labelStyle );\n};\n","import type { ChartTheme, SeriesData } from '../types';\nimport type { LegendShape } from '@visx/legend/lib/types';\nimport type { LineStyles } from '@visx/xychart';\n\n/**\n * Utility function to get consolidated line styles for a series\n * This consolidates the logic used by both LineChart and Legend components\n *\n * @param {SeriesData} seriesData    - The series data containing styling options\n * @param {number}     index         - The index of the series in the data array\n * @param {ChartTheme} providerTheme - The chart theme configuration\n * @return {LineStyles} The consolidated line styles for the series\n */\nexport function getSeriesLineStyles(\n\tseriesData: SeriesData,\n\tindex: number,\n\tproviderTheme: ChartTheme\n): LineStyles {\n\t// Get theme-based line styles for line type\n\tconst themeSemanticLineStyle = providerTheme?.lineChart?.lineStyles?.[ seriesData.options?.type ];\n\n\t// Get theme-based line styles for index of series data\n\tconst themeSeriesLineStyle =\n\t\tproviderTheme?.seriesLineStyles?.[ index % providerTheme.seriesLineStyles.length ];\n\n\t// Priority order: custom series style > theme line type style > default theme series style\n\treturn (\n\t\tseriesData.options?.seriesLineStyle ?? themeSemanticLineStyle ?? themeSeriesLineStyle ?? {}\n\t);\n}\n\n/**\n * Utility function to get stroke color for a series\n *\n * @param {SeriesData} seriesData  - The series data containing styling options\n * @param {number}     index       - The index of the series in the data array\n * @param {string[]}   themeColors - Array of theme colors\n * @return {string} The stroke color for the series\n */\nexport function getSeriesStroke(\n\tseriesData: SeriesData,\n\tindex: number,\n\tthemeColors: string[]\n): string {\n\treturn seriesData.options?.stroke ?? themeColors[ index % themeColors.length ];\n}\n\n/**\n * Utility function to get shape styles for a legend item\n *\n * @param {SeriesData}  series      - The series data containing styling options\n * @param {number}      index       - The index of the series in the data array\n * @param {ChartTheme}  theme       - The chart theme configuration\n * @param {LegendShape} legendShape - The shape to use for the item (optional)\n * @return {Record< string, unknown >} The shape styles for the item\n */\nexport function getItemShapeStyles(\n\tseries: SeriesData,\n\tindex: number,\n\ttheme: ChartTheme,\n\tlegendShape?: LegendShape< SeriesData[], number >\n): Record< string, unknown > {\n\tconst seriesShapeStyles = series.options?.legendShapeStyle ?? {};\n\tconst lineStyles = legendShape === 'line' ? getSeriesLineStyles( series, index, theme ) : {};\n\tconst themeShapeStyles = theme.legend?.shapeStyles?.[ index ];\n\n\tconst itemShapeStyles = {\n\t\t...seriesShapeStyles,\n\t\t...lineStyles,\n\t};\n\n\t// Return item shape styles if they are not empty\n\tif (\n\t\tObject.values( itemShapeStyles ).some(\n\t\t\tvalue => value !== undefined && value !== null && value !== ''\n\t\t)\n\t) {\n\t\treturn itemShapeStyles;\n\t}\n\n\t// Fallback to theme shape styles if defined\n\treturn themeShapeStyles ?? {};\n}\n","export const isSafari = () => {\n\tif ( typeof navigator !== 'undefined' && navigator.userAgent ) {\n\t\treturn /^((?!chrome|android).)*safari/i.test( navigator.userAgent );\n\t}\n\treturn false;\n};\n","import deepmerge from 'deepmerge';\nimport type { ChartTheme, CompleteChartTheme } from '../types';\n\n/**\n * Merges chart themes with proper precedence.\n * The second theme (override) takes precedence over the first theme (base).\n *\n * @param baseTheme     - Base theme object\n * @param overrideTheme - Theme to override base with (takes precedence)\n * @return Merged theme with overrideTheme values taking precedence\n */\nexport function mergeThemes(\n\tbaseTheme: CompleteChartTheme,\n\toverrideTheme: Partial< ChartTheme >\n): CompleteChartTheme;\nexport function mergeThemes(\n\tbaseTheme: ChartTheme,\n\toverrideTheme: Partial< ChartTheme >\n): ChartTheme;\nexport function mergeThemes(\n\tbaseTheme: ChartTheme,\n\toverrideTheme: Partial< ChartTheme >\n): ChartTheme {\n\t// Use deepmerge to properly merge nested objects, with overrideTheme taking precedence\n\treturn deepmerge( baseTheme, overrideTheme, {\n\t\t// Ensure arrays are replaced rather than concatenated\n\t\tarrayMerge: ( _destinationArray, sourceArray ) => sourceArray,\n\t} ) as ChartTheme;\n}\n","import { color as d3Color, hsl as d3Hsl } from '@visx/vendor/d3-color';\n\n/**\n * Check if a value is a valid 6-digit hex color\n * @param hex - The value to check\n * @return true if valid hex color format (e.g., '#ff0000')\n */\nexport const isValidHexColor = ( hex: unknown ): hex is string => {\n\treturn typeof hex === 'string' && /^#[0-9a-fA-F]{6}$/.test( hex );\n};\n\n/**\n * Validate hex color format, throwing descriptive errors if invalid\n * @param  hex - The hex color string to validate\n * @throws {Error} if hex string is malformed\n */\nexport const validateHexColor = ( hex: unknown ): void => {\n\tif ( isValidHexColor( hex ) ) {\n\t\treturn;\n\t}\n\n\t// Provide specific error messages for common issues\n\tif ( typeof hex !== 'string' ) {\n\t\tthrow new Error( 'Hex color must be a string' );\n\t}\n\tif ( ! hex.startsWith( '#' ) ) {\n\t\tthrow new Error( 'Hex color must start with #' );\n\t}\n\tif ( hex.length !== 7 ) {\n\t\tthrow new Error( 'Hex color must be 7 characters long (e.g., #ff0000)' );\n\t}\n\tthrow new Error( 'Hex color contains invalid characters. Only 0-9, a-f, A-F are allowed' );\n};\n\n/**\n * Convert hex color to rgba with specified opacity.\n * This is genuinely reusable across chart components.\n * @param  hex   - The hex color string (e.g., '#ff0000')\n * @param  alpha - The opacity value. Values outside the [0, 1] range will be clamped by the underlying d3 color library.\n * @return The rgba color string (e.g., 'rgba(255, 0, 0, 0.5)')\n * @throws {Error} if hex string is malformed or alpha is not a valid number\n */\nexport const hexToRgba = ( hex: string, alpha: number ): string => {\n\tvalidateHexColor( hex );\n\n\tif ( typeof alpha !== 'number' || isNaN( alpha ) ) {\n\t\tthrow new Error( 'Alpha must be a number' );\n\t}\n\n\t// Safe to use non-null assertion since validateHexColor ensures valid hex\n\treturn d3Color( hex )!.copy( { opacity: alpha } ).formatRgb();\n};\n\n/**\n * Calculate the perceptual distance between two HSL colors\n * @param hsl1 - first color in HSL format [h, s, l]\n * @param hsl2 - second color in HSL format [h, s, l]\n * @return distance value (0-100+, lower means more similar)\n */\nexport const getColorDistance = (\n\thsl1: [ number, number, number ],\n\thsl2: [ number, number, number ]\n): number => {\n\tconst [ h1, s1, l1 ] = hsl1;\n\tconst [ h2, s2, l2 ] = hsl2;\n\n\t// Calculate hue difference, accounting for circular nature (0° = 360°)\n\tlet hueDiff = Math.abs( h1 - h2 );\n\thueDiff = Math.min( hueDiff, 360 - hueDiff );\n\n\t// Weight the differences: hue is most important, then lightness, then saturation\n\tconst hueWeight = 2;\n\tconst lightnessWeight = 1;\n\tconst saturationWeight = 0.5;\n\n\treturn Math.sqrt(\n\t\tMath.pow( hueDiff * hueWeight, 2 ) +\n\t\t\tMath.pow( ( l1 - l2 ) * lightnessWeight, 2 ) +\n\t\t\tMath.pow( ( s1 - s2 ) * saturationWeight, 2 )\n\t);\n};\n\n/**\n * Parse an HSL string like 'hsl(120, 50%, 50%)' into an HSL tuple.\n *\n * @param hslString - HSL color string\n * @return HSL tuple [h, s, l] or null if invalid\n */\nexport const parseHslString = ( hslString: string ): [ number, number, number ] | null => {\n\tconst lower = hslString.toLowerCase().trim();\n\n\t// Check prefix - d3-color handles the parsing\n\tif ( ! lower.startsWith( 'hsl(' ) ) {\n\t\treturn null;\n\t}\n\n\tconst parsed = d3Hsl( lower );\n\n\t// d3Hsl returns NaN values for invalid colors\n\tif ( isNaN( parsed.h ) && isNaN( parsed.s ) && isNaN( parsed.l ) ) {\n\t\treturn null;\n\t}\n\n\t// Normalize hue to 0-360 range (d3 may return NaN for achromatic colors)\n\tconst h = isNaN( parsed.h ) ? 0 : ( ( parsed.h % 360 ) + 360 ) % 360;\n\n\t// d3-color uses 0-1 scale, convert to 0-100\n\treturn [ h, parsed.s * 100, parsed.l * 100 ];\n};\n\n/**\n * Parse an RGB string like 'rgb(255, 0, 0)' into a hex color.\n *\n * @param rgbString - RGB color string\n * @return hex color string or null if invalid\n */\nexport const parseRgbString = ( rgbString: string ): string | null => {\n\tconst lower = rgbString.toLowerCase().trim();\n\n\t// Check prefix - only handle rgb(), not rgba()\n\tif ( ! lower.startsWith( 'rgb(' ) || lower.startsWith( 'rgba(' ) ) {\n\t\treturn null;\n\t}\n\n\tconst parsed = d3Color( lower );\n\n\t// d3Color returns null for invalid colors\n\tif ( ! parsed ) {\n\t\treturn null;\n\t}\n\n\t// d3-color clamps values automatically\n\treturn parsed.formatHex();\n};\n\n/**\n * Normalize any CSS color value to a hex color string.\n * Handles hex colors, HSL strings, RGB strings, and CSS variables.\n *\n * @param color      - Any CSS color value\n * @param element    - Optional DOM element for resolving CSS variables\n * @param resolveCss - Function to resolve CSS variables (injected for testability)\n * @return hex color string, or the original value if conversion fails\n */\nexport const normalizeColorToHex = (\n\tcolor: string,\n\telement?: HTMLElement | null,\n\tresolveCss?: ( value: string, el?: HTMLElement | null ) => string | null\n): string => {\n\tif ( ! color || typeof color !== 'string' ) {\n\t\treturn '';\n\t}\n\n\t// Already a valid hex color (6-digit format)\n\tif ( /^#[0-9a-fA-F]{6}$/.test( color ) ) {\n\t\treturn color;\n\t}\n\n\tconst trimmed = color.trim().toLowerCase();\n\n\t// Handle 3-digit hex colors - expand to 6-digit\n\tif ( /^#[0-9a-f]{3}$/i.test( trimmed ) ) {\n\t\tconst r = trimmed[ 1 ];\n\t\tconst g = trimmed[ 2 ];\n\t\tconst b = trimmed[ 3 ];\n\t\treturn `#${ r }${ r }${ g }${ g }${ b }${ b }`;\n\t}\n\n\t// Handle CSS variables - must be resolved before d3-color can parse\n\tif ( trimmed.startsWith( '--' ) || trimmed.startsWith( 'var(' ) ) {\n\t\tif ( resolveCss ) {\n\t\t\tconst resolved = resolveCss( color, element );\n\t\t\tif ( resolved ) {\n\t\t\t\t// Recursively normalize the resolved value\n\t\t\t\treturn normalizeColorToHex( resolved, element, resolveCss );\n\t\t\t}\n\t\t}\n\t\t// Can't resolve CSS variable, return original\n\t\treturn color;\n\t}\n\n\t// Handle HSL and RGB strings using d3-color\n\tif ( trimmed.startsWith( 'hsl(' ) || trimmed.startsWith( 'rgb(' ) ) {\n\t\t// Reject rgba() - we only handle rgb()\n\t\tif ( trimmed.startsWith( 'rgba(' ) ) {\n\t\t\treturn color;\n\t\t}\n\t\tconst parsed = d3Color( trimmed );\n\t\tif ( parsed ) {\n\t\t\treturn parsed.formatHex();\n\t\t}\n\t\treturn color;\n\t}\n\n\t// Unknown format, return as-is\n\treturn color;\n};\n\n/**\n * Lighten a hex color by blending it with white.\n * Useful for creating color gradients or lighter variants.\n *\n * @param  hex   - Hex color string (e.g., '#98C8DF')\n * @param  blend - Blend amount with white (0 = original color, 1 = white)\n * @return Lightened hex color string (e.g., '#cce4ef')\n * @throws {Error} if hex string is malformed\n */\nexport const lightenHexColor = ( hex: string, blend: number ): string => {\n\tvalidateHexColor( hex );\n\n\tconst r = parseInt( hex.slice( 1, 3 ), 16 );\n\tconst g = parseInt( hex.slice( 3, 5 ), 16 );\n\tconst b = parseInt( hex.slice( 5, 7 ), 16 );\n\n\t// Blend with white (255, 255, 255)\n\tconst newR = Math.round( r + ( 255 - r ) * blend );\n\tconst newG = Math.round( g + ( 255 - g ) * blend );\n\tconst newB = Math.round( b + ( 255 - b ) * blend );\n\n\treturn `#${ newR.toString( 16 ).padStart( 2, '0' ) }${ newG\n\t\t.toString( 16 )\n\t\t.padStart( 2, '0' ) }${ newB.toString( 16 ).padStart( 2, '0' ) }`;\n};\n","/**\n * Pattern for valid CSS custom property names (e.g., '--my-color', '--jp-gray-10')\n */\nconst CSS_VAR_NAME_PATTERN = /^--[\\w-]+$/;\n\n/**\n * Resolves a CSS custom property (variable) to its computed value.\n * Handles multiple formats:\n * - Plain variable names: '--my-color'\n * - CSS var() syntax: 'var(--my-color)'\n * - CSS var() with fallback: 'var(--my-color, #ffffff)'\n * - Regular values (returned as-is): '#ffffff', 'red'\n *\n * @param value   - A CSS variable name, var() expression, or regular value\n * @param element - Optional DOM element to resolve the variable from (defaults to document.documentElement)\n * @return The resolved value, fallback value, or null if unresolvable\n */\nexport const resolveCssVariable = (\n\tvalue: string,\n\telement?: HTMLElement | null\n): string | null => {\n\tif ( ! value ) {\n\t\treturn null;\n\t}\n\n\t// Check if it's a var() expression: var(--name) or var(--name, fallback)\n\t// Parse manually to avoid regex backtracking vulnerabilities\n\tif ( value.startsWith( 'var(' ) && value.endsWith( ')' ) ) {\n\t\tconst parsed = parseVarExpression( value );\n\n\t\tif ( parsed ) {\n\t\t\tconst resolved = resolveVariableName( parsed.varName, element );\n\n\t\t\treturn resolved || parsed.fallback;\n\t\t}\n\t}\n\n\t// Check if it's a plain variable name (starts with --)\n\tif ( value.startsWith( '--' ) ) {\n\t\treturn resolveVariableName( value, element );\n\t}\n\n\t// Return regular values as-is (e.g., '#ffffff', 'red')\n\treturn value;\n};\n\n/**\n * Parses a var() expression into its variable name and optional fallback.\n * Uses string manipulation instead of complex regex to avoid ReDoS.\n *\n * @param expr - A var() expression like 'var(--name)' or 'var(--name, fallback)'\n * @return Parsed result or null if invalid\n */\nfunction parseVarExpression( expr: string ): { varName: string; fallback: string | null } | null {\n\t// Remove 'var(' prefix and ')' suffix\n\tconst inner = expr.slice( 4, -1 ).trim();\n\n\tif ( ! inner.startsWith( '--' ) ) {\n\t\treturn null;\n\t}\n\n\t// Find the comma separator (if any)\n\tconst commaIndex = inner.indexOf( ',' );\n\n\tif ( commaIndex === -1 ) {\n\t\t// No fallback: var(--name)\n\t\tconst varName = inner.trim();\n\t\t// Validate variable name format\n\t\tif ( ! CSS_VAR_NAME_PATTERN.test( varName ) ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn { varName, fallback: null };\n\t}\n\n\t// Has fallback: var(--name, fallback)\n\tconst varName = inner.slice( 0, commaIndex ).trim();\n\n\t// Validate variable name format\n\tif ( ! CSS_VAR_NAME_PATTERN.test( varName ) ) {\n\t\treturn null;\n\t}\n\n\tconst fallback = inner.slice( commaIndex + 1 ).trim();\n\n\treturn { varName, fallback: fallback || null };\n}\n\n/**\n * Resolves a plain CSS variable name to its computed value.\n *\n * @param varName - A CSS variable name like '--my-color'\n * @param element - Optional DOM element to resolve from\n * @return The computed value or null\n */\nfunction resolveVariableName( varName: string, element?: HTMLElement | null ): string | null {\n\tif ( typeof window === 'undefined' || typeof document === 'undefined' ) {\n\t\treturn null;\n\t}\n\n\ttry {\n\t\tconst targetElement = element || document.documentElement;\n\t\tconst computedValue = getComputedStyle( targetElement ).getPropertyValue( varName ).trim();\n\n\t\treturn computedValue || null;\n\t} catch {\n\t\t// Return null if getComputedStyle throws (e.g., detached element)\n\t\treturn null;\n\t}\n}\n"],"mappings":"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","names":["formatNumber","varName"]}