@primeui/chart-core 0.0.1-alpha.1 → 1.0.0-beta.1

package/dist/{chunk-ZT2Z7ERM.mjs → chunks/chunk-AC5EAWIP.mjs}

@@ -1,9 +1,10 @@
-import { createDrawImage } from './chunk-7CMVDIOU.mjs';
-import { measureFontMetrics, measureTextWidth } from './chunk-XTVE4P3L.mjs';
-import { DEFAULT_HOVER_DIM_OPACITY, DEFAULT_HOVER_POINT_RADIUS_MULTIPLIER, DEFAULT_REFERENCE_LINE_STROKE, DEFAULT_REFERENCE_LINE_WIDTH, DEFAULT_REFERENCE_LABEL_OFFSET, DEFAULT_REFERENCE_BAND_FILL, DEFAULT_REFERENCE_BAND_OPACITY, resolveFontFamily, resolveFontSize, DEFAULT_REFERENCE_LABEL_FONT_SIZE, DEFAULT_REFERENCE_LABEL_FONT_WEIGHT } from './chunk-NKUYIWAP.mjs';
-import { resolveAccessor, makeItemContext, resolveSwatchColor, isGradientColor } from './chunk-O2X6FF45.mjs';
-import { createSvgGroup, appendChild, createSvgRect, createSvgText, createSvgLine, withCanvasState } from './chunk-SSLTFJ3U.mjs';
-import { shallowEqual } from './chunk-RQ3CKQOX.mjs';
+import { createDrawImage } from './chunk-HXDLOOCS.mjs';
+import { safeRenderProp } from './chunk-DIJFKY6H.mjs';
+import { measureFontMetrics, measureTextWidth } from './chunk-56MASQS2.mjs';
+import { DEFAULT_HOVER_DIM_OPACITY, DEFAULT_HOVER_POINT_RADIUS_MULTIPLIER, DEFAULT_REFERENCE_LINE_STROKE, DEFAULT_REFERENCE_LINE_WIDTH, DEFAULT_REFERENCE_LABEL_OFFSET, DEFAULT_REFERENCE_BAND_FILL, DEFAULT_REFERENCE_BAND_OPACITY, resolveFontFamily, resolveFontSize, DEFAULT_REFERENCE_LABEL_FONT_SIZE, DEFAULT_REFERENCE_LABEL_FONT_WEIGHT } from './chunk-6LUIVTNV.mjs';
+import { buildColorIndexMap, resolveAccessor, makeItemContext, resolveSwatchColor, isGradientColor } from './chunk-BDCNBS6W.mjs';
+import { createSvgGroup, appendChild, createSvgRect, createSvgText, createSvgLine, withCanvasState } from './chunk-BF7RP4A3.mjs';
+import { shallowEqual } from './chunk-K7AGQTVK.mjs';
 
 // src/utils/customRender.utils.ts
 function renderCustomMarkersCanvas(ctx, entries, hover, options) {
@@ -35,7 +36,7 @@ function renderCustomMarkersCanvas(ctx, entries, hover, options) {
       ctx.save();
       ctx.translate(pt.x, pt.y);
       ctx.globalAlpha = opacity;
-      entry.renderMarker(context);
+      safeRenderProp(() => entry.renderMarker(context), "marker");
       ctx.restore();
     }
   }
@@ -106,19 +107,21 @@ function resolveLegendGradient(props, index, item, extras) {
 function buildLegendItems(options) {
   const { datasets, datasetVisibility, hiddenItems, isCartesian, hasRadarDatasets, hasPolarDatasets, hasStackedPies, theme } = options;
   const sortedDatasets = Array.from(datasets.entries()).sort(([, a], [, b]) => a.order - b.order);
+  const colorIndexById = buildColorIndexMap(datasets);
   if (isCartesian || hasRadarDatasets || hasPolarDatasets) {
     const items2 = [];
     for (const [datasetId, dataset] of sortedDatasets) {
       const visible = datasetVisibility.get(datasetId) ?? true;
       const props = dataset.props;
       const firstItem = props.data?.[0];
-      const color = resolveLegendColor(props, dataset.order, firstItem, theme);
+      const colorIndex = colorIndexById.get(datasetId) ?? dataset.order;
+      const color = resolveLegendColor(props, colorIndex, firstItem, theme);
       items2.push({
         type: "dataset",
         datasetId,
         label: props.name ?? datasetId,
         color,
-        colorGradient: resolveLegendGradient(props, dataset.order, firstItem),
+        colorGradient: resolveLegendGradient(props, colorIndex, firstItem),
         visible
       });
     }

package/dist/{chunk-ZTL2FQEW.mjs → chunks/chunk-AETETRB4.mjs}

@@ -1,9 +1,10 @@
-import { hasCollisions } from './chunk-R6Y3R7EW.mjs';
-import { measureTextWidth, measureFontMetrics, svgAnchorToCanvasAlign } from './chunk-XTVE4P3L.mjs';
-import { DEFAULT_TITLE_LABEL_GAP, resolveFontSize, DEFAULT_TITLE_FONT_SIZE, resolveFontFamily, resolveAxisColor, DEFAULT_TICK_LENGTH, DEFAULT_LABEL_PADDING, DEFAULT_TICK_FONT_SIZE } from './chunk-NKUYIWAP.mjs';
-import { defaultLightTheme } from './chunk-O2X6FF45.mjs';
-import { createSvgGroup, appendChild, createSvgRect, createSvgLine, setAttr, createSvgText, withCanvasState } from './chunk-SSLTFJ3U.mjs';
-import { crisp, detectTickUnit, isPeriodBoundary, formatTimeTick, generateIntervalTicks } from './chunk-RQ3CKQOX.mjs';
+import { hasCollisions } from './chunk-GOOBVFFH.mjs';
+import { safeFormat } from './chunk-DIJFKY6H.mjs';
+import { measureTextWidth, measureFontMetrics, svgAnchorToCanvasAlign } from './chunk-56MASQS2.mjs';
+import { DEFAULT_TITLE_LABEL_GAP, resolveFontSize, DEFAULT_TITLE_FONT_SIZE, resolveFontFamily, resolveAxisColor, DEFAULT_TICK_LENGTH, DEFAULT_LABEL_PADDING, DEFAULT_TICK_FONT_SIZE } from './chunk-6LUIVTNV.mjs';
+import { defaultLightTheme } from './chunk-BDCNBS6W.mjs';
+import { createSvgGroup, appendChild, createSvgRect, createSvgLine, setAttr, createSvgText, withCanvasState } from './chunk-BF7RP4A3.mjs';
+import { crisp, detectTickUnit, isPeriodBoundary, formatTimeTick, generateIntervalTicks } from './chunk-K7AGQTVK.mjs';
 
 // src/renderers/axis/geometry.ticks.ts
 function resolveTickStyle(style, axisColor, globalFont) {
@@ -140,7 +141,11 @@ function calculateTicks(scale, position, chartArea, props, style, locale) {
       const maxTicks = Math.max(1, Math.floor(axisLength / userMinGridDistance));
       step = Math.max(1, Math.ceil(filtered.length / maxTicks));
     } else if (isHorizontal) {
-      const sampleLabel = formatter ? typeof formatter === "function" ? formatter(filtered[0].value, 0) : String(filtered[0].value) : formatValue(filtered[0].value, locale);
+      const sampleLabel = formatter ? typeof formatter === "function" ? safeFormat(
+        () => formatter(filtered[0].value, 0),
+        () => formatValue(filtered[0].value, locale),
+        "tick"
+      ) : String(filtered[0].value) : formatValue(filtered[0].value, locale);
       const sampleWidth = measureTextWidth(sampleLabel, style.fontSize, style.fontWeight, style.fontFamily);
       const textHeight = style.fontSize * 1.2;
       const footprint0 = sampleWidth;
@@ -149,7 +154,13 @@ function calculateTicks(scale, position, chartArea, props, style, locale) {
       const step0 = Math.max(1, Math.ceil(filtered.length / maxTicks0));
       if (step0 === 1) {
         if (manualRotation === 0 && (baseProps.autoRotate ?? true)) {
-          const preLabels = filtered.map((v, idx) => formatter ? typeof formatter === "function" ? formatter(v.value, idx) : String(v.value) : formatValue(v.value, locale));
+          const preLabels = filtered.map(
+            (v, idx) => formatter ? typeof formatter === "function" ? safeFormat(
+              () => formatter(v.value, idx),
+              () => formatValue(v.value, locale),
+              "tick"
+            ) : String(v.value) : formatValue(v.value, locale)
+          );
           if (hasCollisions(
             preLabels,
             filtered.map((v) => v.pos),
@@ -203,7 +214,11 @@ function calculateTicks(scale, position, chartArea, props, style, locale) {
     const isFirst = i === 0;
     const isLast = i >= filtered.length - step;
     const isHidden = isFirst && !showFirst || isLast && !showLast;
-    const label = isHidden ? "" : formatter ? typeof formatter === "function" ? formatter(value, i) : String(value) : formatValue(value, locale);
+    const label = isHidden ? "" : formatter ? typeof formatter === "function" ? safeFormat(
+      () => formatter(value, i),
+      () => formatValue(value, locale),
+      "tick"
+    ) : String(value) : formatValue(value, locale);
     const perTickStyle = tickStyleFn ? tickStyleFn(value, i) : void 0;
     let baseAnchor;
     let baseBaseline;

package/dist/{chunk-NPDZLYIF.mjs → chunks/chunk-AJ24XDEK.mjs}

@@ -1,5 +1,5 @@
-import { DEFAULT_CHART_PADDING, resolveFontSize, DEFAULT_CHART_TITLE_FONT_SIZE, DEFAULT_CHART_TITLE_PADDING, DEFAULT_CHART_CAPTION_FONT_SIZE, DEFAULT_CHART_CAPTION_PADDING, DEFAULT_LEGEND_PADDING, DEFAULT_LEGEND_WIDTH, DEFAULT_LEGEND_HEIGHT } from './chunk-NKUYIWAP.mjs';
-import { calculateArcBoundingBox } from './chunk-RQ3CKQOX.mjs';
+import { DEFAULT_CHART_PADDING, resolveFontSize, DEFAULT_CHART_TITLE_FONT_SIZE, DEFAULT_CHART_TITLE_PADDING, DEFAULT_CHART_CAPTION_FONT_SIZE, DEFAULT_CHART_CAPTION_PADDING, DEFAULT_LEGEND_PADDING, DEFAULT_LEGEND_WIDTH, DEFAULT_LEGEND_HEIGHT } from './chunk-6LUIVTNV.mjs';
+import { calculateArcBoundingBox } from './chunk-K7AGQTVK.mjs';
 
 // src/utils/layout/layout.utils.ts
 function normalizePadding(padding) {

package/dist/chunks/chunk-ARVMVGWS.mjs

@@ -0,0 +1,40 @@
+import { toRad } from './chunk-K7AGQTVK.mjs';
+
+// src/circular/radial.helpers.ts
+function computeSliceGeometry(slice, currentAngle, frame) {
+  const { outerRadius, innerRadius, willBeSingleSlice, currentRingRadii, hoverState, hoverOffset, hoverScale } = frame;
+  const ringRadii = currentRingRadii.get(String(slice.datasetIndex));
+  const baseOuterRadius = ringRadii?.outer ?? outerRadius;
+  const sliceInnerRadius = ringRadii?.inner ?? innerRadius;
+  const sliceOuterRadius = sliceInnerRadius + (baseOuterRadius - sliceInnerRadius) * slice.radiusRatio;
+  const spacing = slice.spacing ?? 0;
+  const spacingAngle = spacing > 0 && sliceOuterRadius > 0 ? spacing / sliceOuterRadius * (180 / Math.PI) : 0;
+  const halfSpacing = spacingAngle / 2;
+  const angle = slice.endAngle - slice.rotation;
+  const isFullCircleSlice = willBeSingleSlice || slice.targetAngle >= 355 || angle >= 355;
+  const midAngle = currentAngle + angle / 2;
+  const midRadius = (sliceOuterRadius + sliceInnerRadius) / 2;
+  const isHovered = hoverState.datasetIndex === slice.datasetIndex && hoverState.index === slice.originalIndex;
+  const sliceHoverOffset = isHovered && !isFullCircleSlice ? hoverOffset : 0;
+  const hoverOffsetX = sliceHoverOffset > 0 ? Math.cos(toRad(midAngle)) * sliceHoverOffset : 0;
+  const hoverOffsetY = sliceHoverOffset > 0 ? Math.sin(toRad(midAngle)) * sliceHoverOffset : 0;
+  const baseOffset = slice.baseOffset ?? 0;
+  const baseOffsetX = baseOffset !== 0 ? Math.cos(toRad(midAngle)) * baseOffset : 0;
+  const baseOffsetY = baseOffset !== 0 ? Math.sin(toRad(midAngle)) * baseOffset : 0;
+  const scale = isHovered && !isFullCircleSlice && hoverScale > 1 ? hoverScale : 1;
+  return {
+    sliceOuterRadius,
+    sliceInnerRadius,
+    isFullCircleSlice,
+    midAngle,
+    midRadius,
+    isHovered,
+    offsetX: hoverOffsetX + baseOffsetX,
+    offsetY: hoverOffsetY + baseOffsetY,
+    scale,
+    renderRotation: isFullCircleSlice ? currentAngle : currentAngle + halfSpacing,
+    renderAngle: isFullCircleSlice ? angle : Math.max(0, angle - spacingAngle)
+  };
+}
+
+export { computeSliceGeometry };

package/dist/{chunk-3IYSJ2U7.mjs → chunks/chunk-AYEAEAOV.mjs}

@@ -1,10 +1,10 @@
-import { normalizeCrosshairConfig } from './chunk-QWQ6HY4I.mjs';
-import { resolveNavigatorConfig } from './chunk-BKP26M4K.mjs';
-import { buildLegendItems, resolveLegendClickAction } from './chunk-ZT2Z7ERM.mjs';
-import { normalizePadding, calculateTitleLayout, calculateLegendArea, calculateChartArea } from './chunk-NPDZLYIF.mjs';
-import { generateChartTypeDescription, generateChartSummary } from './chunk-OGJ6IIBW.mjs';
-import { DEFAULT_CHART_TITLE_PADDING, DEFAULT_LEGEND_PADDING, DEFAULT_CHART_CAPTION_PADDING } from './chunk-NKUYIWAP.mjs';
-import { EXPORT_MENU_CONSTANTS } from './chunk-OWW3K55O.mjs';
+import { normalizeCrosshairConfig } from './chunk-O4BTKF5R.mjs';
+import { resolveNavigatorConfig } from './chunk-7LZWQVTL.mjs';
+import { buildLegendItems, resolveLegendClickAction } from './chunk-AC5EAWIP.mjs';
+import { normalizePadding, calculateTitleLayout, calculateLegendArea, calculateChartArea } from './chunk-AJ24XDEK.mjs';
+import { generateChartTypeDescription, generateChartSummary } from './chunk-IFJPDARC.mjs';
+import { DEFAULT_CHART_TITLE_PADDING, DEFAULT_LEGEND_PADDING, DEFAULT_CHART_CAPTION_PADDING } from './chunk-6LUIVTNV.mjs';
+import { EXPORT_MENU_CONSTANTS } from './chunk-RIAPS5AW.mjs';
 
 // src/orchestrator/computeLayout.ts
 function buildLayoutInputs(p) {
@@ -467,6 +467,9 @@ function processMouseMoveCore(x, y, ctx, lastHover, tooltipConfig) {
       cursorFormattedValue: typeof extHit["cursorFormattedValue"] === "string" ? extHit["cursorFormattedValue"] : void 0,
       xValue: extHit["xValue"],
       yValue: extHit["yValue"],
+      independentIsCategory: typeof extHit["independentIsCategory"] === "boolean" ? extHit["independentIsCategory"] : void 0,
+      xAxisTitle: typeof extHit["xAxisTitle"] === "string" ? extHit["xAxisTitle"] : void 0,
+      yAxisTitle: typeof extHit["yAxisTitle"] === "string" ? extHit["yAxisTitle"] : void 0,
       ohlc: extHit["ohlc"],
       bubbleValue: typeof extHit["bubbleValue"] === "number" ? extHit["bubbleValue"] : void 0,
       snapX: ctx.hasCrosshair ? cartHit?.snapX : void 0,

package/dist/{chunk-M7B3JF43.mjs → chunks/chunk-AZPJMIZE.mjs}

@@ -1,5 +1,6 @@
-import { hitTestCandlestick } from './chunk-3OZLP4I4.mjs';
-import { formatTimeLabel, formatHitValue, formatCursorValue } from './chunk-DP2IZNN3.mjs';
+import { hitTestCandlestick } from './chunk-HWT6UEYE.mjs';
+import { formatTimeLabel, formatHitValue, formatCursorValue } from './chunk-HHBFQ6AI.mjs';
+import { formatTooltipValue } from './chunk-56MASQS2.mjs';
 
 // src/cartesian/hittest-wrappers/candlestick.ts
 function candlestickHitTest(x, y, ctx) {
@@ -53,7 +54,7 @@ function candlestickFindAllNearest(x, y, ctx) {
     const color = candle.bodyStroke;
     const ohlc = { open: candle.open, high: candle.high, low: candle.low, close: candle.close };
     const label = formatTimeLabel(candle.label, layoutData);
-    const formattedValue = props ? formatHitValue(candle.close, props, "vertical", layoutData) : String(candle.close);
+    const formattedValue = props ? formatHitValue(candle.close, props, "vertical", layoutData) : formatTooltipValue(candle.close);
     const cursorFormattedValue = props ? formatCursorValue(x, y, props, "vertical", layoutData) : formattedValue;
     allSeries.push({
       datasetId,

package/dist/{chunk-O2X6FF45.mjs → chunks/chunk-BDCNBS6W.mjs}

@@ -1,4 +1,195 @@
-import { hexToRgba, createSvgRadialGradient, createSvgLinearGradient, createCanvasRadialGradient, createCanvasLinearGradient, parseColorToRGB } from './chunk-SSLTFJ3U.mjs';
+import { hexToRgba, createSvgRadialGradient, createSvgLinearGradient, createCanvasRadialGradient, createCanvasLinearGradient, parseColorToRGB } from './chunk-BF7RP4A3.mjs';
+
+// src/themes/default.ts
+var defaultLightTheme = {
+  // Series — 14-color premium pastel palette, rotated for adjacent categorical contrast.
+  // Lively enough for default demos, softer than utility-palette primaries.
+  series: [
+    "#5daeea",
+    // Azure
+    "#ffad5a",
+    // Apricot
+    "#ffd166",
+    // Gold
+    "#4ecdc4",
+    // Aqua
+    "#7c8cff",
+    // Periwinkle
+    "#c084fc",
+    // Lavender
+    "#ff6fae",
+    // Rose
+    "#9ccc3c",
+    // Lime
+    "#ff7a66",
+    // Coral
+    "#36b7d6",
+    // Cyan
+    "#a78bfa",
+    // Lilac
+    "#5ccf9f",
+    // Mint
+    "#fda4af",
+    // Salmon
+    "#94a3b8"
+    // Slate
+  ],
+  // Chrome — drives axes, grid, labels, title, caption.
+  // All 4 axis slots default to the same neutral; override individual entries for multi-axis charts.
+  axes: ["#666666", "#666666", "#666666", "#666666"],
+  grid: "#e2e8f0",
+  gridMinor: "#cbd5e1",
+  tickLabel: "#666666",
+  dataLabel: "#334155",
+  dataLabelBackground: "#00000000",
+  // transparent by default
+  dataLabelBorder: "#00000000",
+  annotation: "#334155",
+  annotationBackground: "#00000000",
+  // transparent by default
+  annotationBorder: "#00000000",
+  titleColor: "#0f172a",
+  captionColor: "#64748b",
+  bandFill: "#f1f5f9",
+  // Direction signals — independent of series ramp so candlestick charts
+  // don't collide with series-colored overlays.
+  positive: "#1eb854",
+  negative: "#dc2828",
+  candleNeutral: "#6b7280",
+  // Effect coefficients — mirror state class CSS defaults.
+  hoverBrightness: 1.1,
+  dimOpacity: 1,
+  barStrokeWidth: 0,
+  // Tick halo — opposite-luma from text fill so labels pop against
+  // series-colored backgrounds. `#ffffffd9` = rgba(255,255,255,0.85).
+  tickHalo: "#ffffffd9",
+  // Heatmap defaults — mirror `--p-chart-heat-min/max/empty/null`.
+  heatColorMin: "#fde68a",
+  heatColorMax: "#ee1c1c",
+  heatEmpty: "#e5e7eb",
+  heatNull: "#f3f4f6",
+  // Tooltip — semi-transparent surface with subtle border. `f2` ≈ 0.95 alpha,
+  // `1a` ≈ 0.10 alpha. Hex w/ alpha keeps parity-test regex simple.
+  tooltipBackground: "#ffffffd9",
+  tooltipBorder: "#0000001a",
+  tooltipColor: "#374151",
+  tooltipRadius: "8px",
+  tooltipBlur: "12px",
+  tooltipShadow: "0 8px 24px #0000001f",
+  tooltipPadding: "10px 14px",
+  legendColor: "#374151",
+  legendBackground: "#00000000",
+  // transparent by default
+  legendBorder: "#00000000",
+  // Reference lines/bands — neutral-40 stroke, 10% opacity fill.
+  referenceLineColor: "#94a3b8",
+  referenceBandFill: "#0000001a",
+  // rgba(0,0,0,0.10)
+  // Navigator chrome — series line/area, dim mask outside the selection window,
+  // and the selection border + interior. Hex-with-alpha keeps the parity-test regex
+  // happy: `#3b82f6b3` ≈ rgba(59,130,246,0.70), `#3b82f614` ≈ rgba(59,130,246,0.08),
+  // `#0000001f` ≈ rgba(0,0,0,0.12).
+  navigatorSeries: "#94a3b8",
+  navigatorMask: "#0000001f",
+  navigatorSelectionColor: "#3b82f6b3",
+  navigatorSelectionFill: "#3b82f614",
+  // Treemap defaults — mirror existing `--p-chart-treemap-*` vars.
+  treemapCell: "#5daeea",
+  treemapCellBorder: "#00000026",
+  // rgba(0,0,0,0.15)
+  treemapHeaderBg: "#ffffffe6",
+  // near-white header band in light mode
+  treemapHeaderText: "#1f2937",
+  // dark slate text on the light band
+  // Content background — the surface the chart sits on (white in light mode).
+  // Used by canvas custom markers that need a fill matching the page background.
+  background: "#ffffff",
+  // Generic fallback border (final fallback in pie/bar canvas paths).
+  borderColor: "#000000",
+  // Crosshair line color — falls back to axes[0] by default.
+  crosshairColor: "#666666",
+  // Base typography — chart-level `fontFamily`/`fontSize` props still win.
+  fontFamily: 'system-ui, -apple-system, "Segoe UI", Roboto, sans-serif',
+  fontSize: 12
+};
+var defaultDarkTheme = {
+  // Dark keeps the same hue story with a modest lift for small marks on dark surfaces.
+  series: ["#6bbbed", "#ffb76d", "#ffdc7a", "#61d8cf", "#909dff", "#cc99fd", "#ff82ba", "#aad64c", "#ff8b76", "#4fc7df", "#b79dfb", "#6fdaad", "#fdb1bb", "#a8b5c6"],
+  axes: ["#a1a1aa", "#a1a1aa", "#a1a1aa", "#a1a1aa"],
+  grid: "#3f3f46",
+  gridMinor: "#52525b",
+  tickLabel: "#a1a1aa",
+  dataLabel: "#e4e4e7",
+  dataLabelBackground: "#00000000",
+  dataLabelBorder: "#00000000",
+  annotation: "#e4e4e7",
+  annotationBackground: "#00000000",
+  annotationBorder: "#00000000",
+  titleColor: "#fafafa",
+  captionColor: "#a1a1aa",
+  bandFill: "#27272a",
+  positive: "#22d96a",
+  negative: "#ff4d4d",
+  candleNeutral: "#a1a1a1",
+  hoverBrightness: 1.1,
+  dimOpacity: 1,
+  barStrokeWidth: 0,
+  // `#000000d9` = rgba(0,0,0,0.85) — dark halo for light text in dark mode.
+  tickHalo: "#000000d9",
+  heatColorMin: "#fde68a",
+  heatColorMax: "#ee1c1c",
+  heatEmpty: "#3f3f46",
+  heatNull: "#27272a",
+  // Tooltip — dark surface, subtle light border for separation against dark page bg.
+  tooltipBackground: "#0a0a0acc",
+  // near-black + 0.80 (frosted glass)
+  tooltipBorder: "#ffffff1a",
+  // 0.10 alpha
+  tooltipColor: "#e4e4e7",
+  tooltipRadius: "8px",
+  tooltipBlur: "12px",
+  tooltipShadow: "0 8px 24px #00000066",
+  tooltipPadding: "10px 14px",
+  legendColor: "#e4e4e7",
+  legendBackground: "#00000000",
+  legendBorder: "#00000000",
+  referenceLineColor: "#71717a",
+  referenceBandFill: "#ffffff14",
+  // rgba(255,255,255,0.08)
+  // Navigator chrome — Highcharts-style: light overlay dims dark bg so selection stands out;
+  // brighter blue (blue-400) for selection so it pops on dark surfaces.
+  // `#ffffff14` ≈ rgba(255,255,255,0.08), `#60a5fab3` ≈ rgba(96,165,250,0.70),
+  // `#60a5fa1f` ≈ rgba(96,165,250,0.12).
+  navigatorSeries: "#a1a1aa",
+  navigatorMask: "#ffffff14",
+  navigatorSelectionColor: "#60a5fab3",
+  navigatorSelectionFill: "#60a5fa1f",
+  // Treemap defaults — same Azure family for cell, mirrored borders/headers.
+  treemapCell: "#6bbbed",
+  // theme.series[0] dark
+  treemapCellBorder: "#ffffff26",
+  // rgba(255,255,255,0.15)
+  treemapHeaderBg: "#00000099",
+  // rgba(0,0,0,0.6) — dark header band in dark mode
+  treemapHeaderText: "#ffffff",
+  background: "#0a0a0a",
+  borderColor: "#ffffff",
+  crosshairColor: "#a1a1aa",
+  fontFamily: 'system-ui, -apple-system, "Segoe UI", Roboto, sans-serif',
+  fontSize: 12
+};
+
+// src/utils/color/colorIndex.ts
+var _cache = /* @__PURE__ */ new WeakMap();
+function buildColorIndexMap(datasets) {
+  const cached = _cache.get(datasets);
+  if (cached) return cached;
+  const sorted = Array.from(datasets.entries()).sort(([, a], [, b]) => a.order - b.order);
+  const map = /* @__PURE__ */ new Map();
+  sorted.forEach(([id], i) => map.set(id, i));
+  _cache.set(datasets, map);
+  return map;
+}
 
 // src/utils/color/gradient.ts
 function isGradientColor(color) {
@@ -147,171 +338,6 @@ function sampleGradientAt(color, point, center, radius, chartArea, defaultDirect
   return sorted[sorted.length - 1].color;
 }
 
-// src/themes/default.ts
-var defaultLightTheme = {
-  // Series — 10-hue Studio palette, hand-tuned for white backgrounds.
-  series: [
-    "#3563e9",
-    // cobalt
-    "#e8722d",
-    // persimmon
-    "#1fbe8b",
-    // jade
-    "#dc2f4f",
-    // crimson
-    "#6852d9",
-    // lavender
-    "#1dafd9",
-    // cerulean
-    "#d63384",
-    // magenta
-    "#88b83f",
-    // olive
-    "#a855cc",
-    // plum
-    "#d9a422"
-    // saffron
-  ],
-  // Chrome — drives axes, grid, labels, title, caption.
-  // All 4 axis slots default to the same neutral; override individual entries for multi-axis charts.
-  axes: ["#666666", "#666666", "#666666", "#666666"],
-  grid: "#e2e8f0",
-  gridMinor: "#cbd5e1",
-  tickLabel: "#666666",
-  dataLabel: "#334155",
-  dataLabelBackground: "#00000000",
-  // transparent by default
-  dataLabelBorder: "#00000000",
-  annotation: "#334155",
-  annotationBackground: "#00000000",
-  // transparent by default
-  annotationBorder: "#00000000",
-  titleColor: "#0f172a",
-  captionColor: "#64748b",
-  bandFill: "#f1f5f9",
-  // Direction signals — independent of series ramp so candlestick charts
-  // don't collide with series-colored overlays.
-  positive: "#1eb854",
-  negative: "#dc2828",
-  candleNeutral: "#6b7280",
-  // Effect coefficients — mirror state class CSS defaults.
-  hoverBrightness: 1.1,
-  dimOpacity: 0.6,
-  barStrokeWidth: 0,
-  // Tick halo — opposite-luma from text fill so labels pop against
-  // series-colored backgrounds. `#ffffffd9` = rgba(255,255,255,0.85).
-  tickHalo: "#ffffffd9",
-  // Heatmap defaults — mirror `--p-chart-heat-min/max/empty/null`.
-  heatColorMin: "#fde68a",
-  heatColorMax: "#ee1c1c",
-  heatEmpty: "#e5e7eb",
-  heatNull: "#f3f4f6",
-  // Tooltip — semi-transparent surface with subtle border. `f2` ≈ 0.95 alpha,
-  // `1a` ≈ 0.10 alpha. Hex w/ alpha keeps parity-test regex simple.
-  tooltipBackground: "#ffffffd9",
-  tooltipBorder: "#0000001a",
-  tooltipColor: "#374151",
-  tooltipRadius: "8px",
-  tooltipBlur: "12px",
-  tooltipShadow: "0 8px 24px #0000001f",
-  tooltipPadding: "10px 14px",
-  legendColor: "#374151",
-  legendBackground: "#00000000",
-  // transparent by default
-  legendBorder: "#00000000",
-  // Reference lines/bands — neutral-40 stroke, 10% opacity fill.
-  referenceLineColor: "#94a3b8",
-  referenceBandFill: "#0000001a",
-  // rgba(0,0,0,0.10)
-  // Navigator chrome — series line/area, dim mask outside the selection window,
-  // and the selection border + interior. Hex-with-alpha keeps the parity-test regex
-  // happy: `#3b82f6b3` ≈ rgba(59,130,246,0.70), `#3b82f614` ≈ rgba(59,130,246,0.08),
-  // `#0000001f` ≈ rgba(0,0,0,0.12).
-  navigatorSeries: "#94a3b8",
-  navigatorMask: "#0000001f",
-  navigatorSelectionColor: "#3b82f6b3",
-  navigatorSelectionFill: "#3b82f614",
-  // Treemap defaults — mirror existing `--p-chart-treemap-*` vars.
-  treemapCell: "#3563e9",
-  treemapCellBorder: "#00000026",
-  // rgba(0,0,0,0.15)
-  treemapHeaderBg: "#ffffffe6",
-  // near-white header band in light mode
-  treemapHeaderText: "#1f2937",
-  // dark slate text on the light band
-  // Generic fallback border (final fallback in pie/bar canvas paths).
-  borderColor: "#000000",
-  // Crosshair line color — falls back to axes[0] by default.
-  crosshairColor: "#666666",
-  // Base typography — chart-level `fontFamily`/`fontSize` props still win.
-  fontFamily: 'system-ui, -apple-system, "Segoe UI", Roboto, sans-serif',
-  fontSize: 12
-};
-var defaultDarkTheme = {
-  series: ["#5790ff", "#ff8838", "#14e5a4", "#ff4d6d", "#8270ff", "#33cdff", "#ff4da0", "#b8e92f", "#c766ff", "#ffc633"],
-  axes: ["#a1a1aa", "#a1a1aa", "#a1a1aa", "#a1a1aa"],
-  grid: "#3f3f46",
-  gridMinor: "#52525b",
-  tickLabel: "#a1a1aa",
-  dataLabel: "#e4e4e7",
-  dataLabelBackground: "#00000000",
-  dataLabelBorder: "#00000000",
-  annotation: "#e4e4e7",
-  annotationBackground: "#00000000",
-  annotationBorder: "#00000000",
-  titleColor: "#fafafa",
-  captionColor: "#a1a1aa",
-  bandFill: "#27272a",
-  positive: "#22d96a",
-  negative: "#ff4d4d",
-  candleNeutral: "#a1a1a1",
-  hoverBrightness: 1.1,
-  dimOpacity: 0.6,
-  barStrokeWidth: 0,
-  // `#000000d9` = rgba(0,0,0,0.85) — dark halo for light text in dark mode.
-  tickHalo: "#000000d9",
-  heatColorMin: "#fde68a",
-  heatColorMax: "#ee1c1c",
-  heatEmpty: "#3f3f46",
-  heatNull: "#27272a",
-  // Tooltip — dark surface, subtle light border for separation against dark page bg.
-  tooltipBackground: "#0a0a0acc",
-  // near-black + 0.80 (frosted glass)
-  tooltipBorder: "#ffffff1a",
-  // 0.10 alpha
-  tooltipColor: "#e4e4e7",
-  tooltipRadius: "8px",
-  tooltipBlur: "12px",
-  tooltipShadow: "0 8px 24px #00000066",
-  tooltipPadding: "10px 14px",
-  legendColor: "#e4e4e7",
-  legendBackground: "#00000000",
-  legendBorder: "#00000000",
-  referenceLineColor: "#71717a",
-  referenceBandFill: "#ffffff14",
-  // rgba(255,255,255,0.08)
-  // Navigator chrome — Highcharts-style: light overlay dims dark bg so selection stands out;
-  // brighter blue (blue-400) for selection so it pops on dark surfaces.
-  // `#ffffff14` ≈ rgba(255,255,255,0.08), `#60a5fab3` ≈ rgba(96,165,250,0.70),
-  // `#60a5fa1f` ≈ rgba(96,165,250,0.12).
-  navigatorSeries: "#a1a1aa",
-  navigatorMask: "#ffffff14",
-  navigatorSelectionColor: "#60a5fab3",
-  navigatorSelectionFill: "#60a5fa1f",
-  // Treemap defaults — same Studio cobalt for cell, mirrored borders/headers.
-  treemapCell: "#5790ff",
-  // theme.series[0] dark
-  treemapCellBorder: "#ffffff26",
-  // rgba(255,255,255,0.15)
-  treemapHeaderBg: "#00000099",
-  // rgba(0,0,0,0.6) — dark header band in dark mode
-  treemapHeaderText: "#ffffff",
-  borderColor: "#ffffff",
-  crosshairColor: "#a1a1aa",
-  fontFamily: 'system-ui, -apple-system, "Segoe UI", Roboto, sans-serif',
-  fontSize: 12
-};
-
 // src/utils/accessor.utils.ts
 function isAccessorFunction(accessor) {
   return typeof accessor === "function";
@@ -493,7 +519,7 @@ function resolveSwatchColor(props, index, item, theme, extras) {
   if (props.color != null) {
     return getColor(props, index, item, theme, extras);
   }
-  return `var(--p-chart-color-${index % 10}, ${getDefaultColor(index, theme)})`;
+  return `var(--p-chart-color-${index % 14}, ${getDefaultColor(index, theme)})`;
 }
 
-export { FIELD_DEFAULTS, asGradient, batchResolveAccessor, batchResolveRequired, createCanvasGradientFromColor, createSvgGradientFromColor, defaultDarkTheme, defaultLightTheme, getColor, getColorValue, getDefaultColor, getPrimaryColor, gradientToCssBackground, isAccessorArray, isAccessorFunction, isAccessorString, isGradientColor, isNestedPath, makeItemContext, normalizeGradient, remapStopsForDonut, resolveAccessor, resolveColor, resolveDash, resolveNestedPath, resolveRequired, resolveSwatchColor, resolveSwatchGradientStops, sampleGradientAt };
+export { FIELD_DEFAULTS, asGradient, batchResolveAccessor, batchResolveRequired, buildColorIndexMap, createCanvasGradientFromColor, createSvgGradientFromColor, defaultDarkTheme, defaultLightTheme, getColor, getColorValue, getDefaultColor, getPrimaryColor, gradientToCssBackground, isAccessorArray, isAccessorFunction, isAccessorString, isGradientColor, isNestedPath, makeItemContext, normalizeGradient, remapStopsForDonut, resolveAccessor, resolveColor, resolveDash, resolveNestedPath, resolveRequired, resolveSwatchColor, resolveSwatchGradientStops, sampleGradientAt };

package/dist/{chunk-55Y3WI6S.mjs → chunks/chunk-BR4PSSPU.mjs}

@@ -1,9 +1,9 @@
-import { getCellLabelInfo, buildCellExtras } from './chunk-VVI3OBPJ.mjs';
-import { createDrawImage } from './chunk-7CMVDIOU.mjs';
-import { resolveFontFamily, DEFAULT_TREEMAP_CELL_BORDER_COLOR, DEFAULT_TREEMAP_HEADER_TEXT_COLOR, DEFAULT_HOVER_DIM_OPACITY, DEFAULT_HOVER_BRIGHTNESS } from './chunk-NKUYIWAP.mjs';
-import { getContrastColor } from './chunk-QS76E3TD.mjs';
-import { resolveAccessor, makeItemContext, resolveDash } from './chunk-O2X6FF45.mjs';
-import { withCanvasState, adjustBrightness } from './chunk-SSLTFJ3U.mjs';
+import { getCellLabelInfo, buildCellExtras } from './chunk-KCSMOAZO.mjs';
+import { createDrawImage } from './chunk-HXDLOOCS.mjs';
+import { resolveFontFamily, DEFAULT_TREEMAP_CELL_BORDER_COLOR, DEFAULT_TREEMAP_HEADER_TEXT_COLOR, DEFAULT_HOVER_DIM_OPACITY, DEFAULT_HOVER_BRIGHTNESS } from './chunk-6LUIVTNV.mjs';
+import { getContrastColor } from './chunk-RI32WIDX.mjs';
+import { resolveAccessor, makeItemContext, resolveDash } from './chunk-BDCNBS6W.mjs';
+import { withCanvasState, adjustBrightness } from './chunk-BF7RP4A3.mjs';
 
 // src/series/treemap/canvas/index.ts
 function renderTreemapCanvas(props, layout, ctx, context) {