stickyflow 0.2.0 → 0.4.0

package/dist/{chunk-S5BVAAEF.cjs → chunk-DDCTNLLD.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkYM3XFBI4_cjs = require('./chunk-YM3XFBI4.cjs');
+var chunkCXL254BT_cjs = require('./chunk-CXL254BT.cjs');
 
 // src/renderInput/styleDecoding/colorToken.ts
 var COLOR_TOKEN_PATTERN = String.raw`rgba?\([^)]*\)|#[0-9a-fA-F]+|[a-zA-Z][\w-]*`;
@@ -341,17 +341,31 @@ function lineConfig(source, p) {
     highlightLabelFormat: p.highlightLabelFormat
   };
 }
-function scatterConfig(source) {
-  return { categories: source?.categories };
+function scatterConfig(source, p) {
+  return {
+    categories: source?.categories,
+    pointSize: numOf(p.pointSize),
+    pointOpacity: numOf(p.pointOpacity),
+    pointStrokeWidth: numOf(p.pointStrokeWidth),
+    pointStrokeColor: p.pointStrokeColor
+  };
 }
-function boxplotConfig(source) {
+function boxplotConfig(source, p) {
   return {
     boxWidth: source?.boxWidth,
     orientation: source?.orientation,
     barCornerRadius: source?.barCornerRadius,
     showBoxplotPoints: source?.showBoxplotPoints,
     barBorderColor: source?.barBorderColor,
-    barBorderWidth: source?.barBorderWidth
+    barBorderWidth: source?.barBorderWidth,
+    boxWhiskerWidth: numOf(p.boxWhiskerWidth),
+    boxMedianWidth: numOf(p.boxMedianWidth),
+    boxMedianColor: p.boxMedianColor,
+    boxWhiskerColor: p.boxWhiskerColor,
+    boxCapSize: numOf(p.boxCapSize),
+    boxPointSize: numOf(p.boxPointSize),
+    boxPointOpacity: numOf(p.boxPointOpacity),
+    boxJitter: numOf(p.boxJitter)
   };
 }
 function fieldConfig(source) {
@@ -362,26 +376,48 @@ function fieldConfig(source) {
     isolines: source?.isolines
   };
 }
-function heatmapConfig(source) {
+function heatmapConfig(source, p) {
   return {
     categories: source?.categories,
     zones: source?.zones,
     cellGap: source?.cellGap,
     showValues: source?.showValues,
     squareCells: source?.squareCells,
-    barCornerRadius: source?.barCornerRadius
+    barCornerRadius: source?.barCornerRadius,
+    cellShape: p.cellShape === "circle" ? "circle" : p.cellShape === "square" ? "square" : void 0,
+    cellStrokeColor: p.cellStrokeColor,
+    cellStrokeWidth: numOf(p.cellStrokeWidth),
+    cellValueSize: numOf(p.cellValueSize),
+    cellValueColor: p.cellValueColor
   };
 }
-function hexbinConfig(source) {
-  return { hexRadius: source?.hexRadius };
+function hexbinConfig(source, p) {
+  return {
+    hexRadius: source?.hexRadius,
+    scale: decodeRamp(source?.scale),
+    hexGap: numOf(p.hexGap),
+    hexStrokeWidth: numOf(p.hexStrokeWidth),
+    hexStrokeColor: p.hexStrokeColor,
+    hexMinOpacity: numOf(p.hexMinOpacity)
+  };
 }
-function mekkoConfig(source) {
+function mekkoConfig(source, p) {
   return {
     categories: source?.categories,
     barCornerRadius: source?.barCornerRadius,
     mekkoVaryHeight: source?.mekkoVaryHeight,
     tileGradient: source?.tileGradient,
-    showColumnBackdrop: source?.showColumnBackdrop
+    showColumnBackdrop: source?.showColumnBackdrop,
+    mekkoColumnGap: numOf(p.mekkoColumnGap),
+    mekkoSegmentGap: numOf(p.mekkoSegmentGap),
+    mekkoRoundAll: p.mekkoRoundAll === void 0 ? void 0 : String(p.mekkoRoundAll) !== "false",
+    mekkoSegmentStrokeColor: p.mekkoSegmentStrokeColor,
+    mekkoSegmentStrokeWidth: numOf(p.mekkoSegmentStrokeWidth),
+    mekkoLabelSize: numOf(p.mekkoLabelSize),
+    mekkoValueSize: numOf(p.mekkoValueSize),
+    mekkoTextColor: p.mekkoTextColor,
+    showMekkoTotals: p.showMekkoTotals === void 0 ? void 0 : String(p.showMekkoTotals) !== "false",
+    mekkoValueFormat: p.mekkoValueFormat === "percent" ? "percent" : p.mekkoValueFormat === "value" ? "value" : void 0
   };
 }
 function pieConfig(source, p) {
@@ -403,57 +439,104 @@ function pieConfig(source, p) {
     pieCenterColor: p.pieCenterColor
   };
 }
-function polarAreaConfig(source) {
+function polarAreaConfig(source, p) {
   return {
     innerRadius: source?.innerRadius,
     pieCornerRadius: source?.pieCornerRadius,
-    pieSliceGap: source?.pieSliceGap
+    pieSliceGap: source?.pieSliceGap,
+    pieStartAngle: numOf(p.pieStartAngle),
+    pieStroke: p.pieStroke,
+    pieStrokeWidth: numOf(p.pieStrokeWidth),
+    polarTrackOpacity: numOf(p.polarTrackOpacity),
+    polarRings: p.polarRings === void 0 ? void 0 : String(p.polarRings) !== "false",
+    polarTrackStroke: p.polarTrackStroke,
+    polarTrackStrokeWidth: numOf(p.polarTrackStrokeWidth),
+    polarTrackDash: p.polarTrackDash,
+    polarValueSize: numOf(p.polarValueSize),
+    polarNameSize: numOf(p.polarNameSize),
+    polarValueFirst: p.polarValueFirst === void 0 ? void 0 : String(p.polarValueFirst) !== "false",
+    polarOutsideLabels: p.polarOutsideLabels === void 0 ? void 0 : String(p.polarOutsideLabels) !== "false"
   };
 }
-function radarConfig(source) {
+function radarStyle(p) {
+  return {
+    radarStrokeWidth: numOf(p.radarStrokeWidth),
+    radarPointSize: numOf(p.radarPointSize),
+    radarTension: numOf(p.radarTension),
+    radarSpokes: p.radarSpokes === void 0 ? void 0 : String(p.radarSpokes) !== "false"
+  };
+}
+function radarConfig(source, p) {
   return {
     categories: source?.categories,
-    areaOpacity: source?.areaOpacity
+    areaOpacity: source?.areaOpacity,
+    ...radarStyle(p)
   };
 }
-function radialConfig(source) {
+function radialConfig(source, p) {
   return {
     categories: source?.categories,
-    areaOpacity: source?.areaOpacity
+    areaOpacity: source?.areaOpacity,
+    ...radarStyle(p)
   };
 }
-function radialBarConfig(source) {
+function radialBarConfig(source, p) {
   return {
     ringThickness: source?.ringThickness,
-    ringGap: source?.ringGap
+    ringGap: source?.ringGap,
+    ringTrackOpacity: numOf(p.ringTrackOpacity),
+    ringCap: p.ringCap === "butt" ? "butt" : p.ringCap === "round" ? "round" : void 0,
+    ringStartAngle: numOf(p.ringStartAngle),
+    ringSweep: numOf(p.ringSweep)
   };
 }
-function sankeyConfig(source) {
+function sankeyConfig(source, p) {
   return {
     zones: source?.zones,
     barCornerRadius: source?.barCornerRadius,
     labelPosition: source?.labelPosition,
     labelOrientation: source?.labelOrientation,
     labelColor: source?.labelColor,
-    linkGradient: source?.linkGradient
+    linkGradient: source?.linkGradient,
+    sankeyNodeWidth: numOf(p.sankeyNodeWidth),
+    sankeyNodeGap: numOf(p.sankeyNodeGap),
+    sankeyLinkOpacity: numOf(p.sankeyLinkOpacity),
+    sankeyLinkCurve: numOf(p.sankeyLinkCurve),
+    sankeyLabelSize: numOf(p.sankeyLabelSize)
   };
 }
-function treemapConfig(source) {
+function treemapConfig(source, p) {
   return {
     zones: source?.zones,
     cellGap: source?.cellGap,
     barCornerRadius: source?.barCornerRadius,
     headerColor: source?.headerColor,
-    tileGradient: source?.tileGradient
+    tileGradient: source?.tileGradient,
+    tileStrokeColor: p.tileStrokeColor,
+    tileStrokeWidth: numOf(p.tileStrokeWidth),
+    tileLabelSize: numOf(p.tileLabelSize),
+    tileValueSize: numOf(p.tileValueSize),
+    tileTextColor: p.tileTextColor,
+    tileLabelPadding: numOf(p.tileLabelPadding),
+    showTileValues: p.showTileValues === void 0 ? void 0 : String(p.showTileValues) !== "false",
+    headerHeight: numOf(p.headerHeight)
   };
 }
-function customConfig(source) {
+function customConfig(source, p) {
   return {
     categories: source?.categories,
     zones: source?.zones,
     orientation: source?.orientation,
     connectPoints: source?.connectPoints,
-    reverseComparison: source?.reverseComparison
+    reverseComparison: source?.reverseComparison,
+    customConnectorWidth: numOf(p.customConnectorWidth),
+    customConnectorOpacity: numOf(p.customConnectorOpacity),
+    customConnectorDash: p.customConnectorDash,
+    customBeforeFill: p.customBeforeFill,
+    customBeforeStroke: p.customBeforeStroke,
+    customBeforeStrokeWidth: numOf(p.customBeforeStrokeWidth),
+    customLabelSize: numOf(p.customLabelSize),
+    customLabelColor: p.customLabelColor
   };
 }
 
@@ -469,33 +552,33 @@ function chartObject(e) {
     case "line":
       return typedChart(base, chartType, lineConfig(source, p));
     case "scatter":
-      return typedChart(base, chartType, scatterConfig(source));
+      return typedChart(base, chartType, scatterConfig(source, p));
     case "boxplot":
-      return typedChart(base, chartType, boxplotConfig(source));
+      return typedChart(base, chartType, boxplotConfig(source, p));
     case "field":
       return typedChart(base, chartType, fieldConfig(source));
     case "heatmap":
-      return typedChart(base, chartType, heatmapConfig(source));
+      return typedChart(base, chartType, heatmapConfig(source, p));
     case "hexbin":
-      return typedChart(base, chartType, hexbinConfig(source));
+      return typedChart(base, chartType, hexbinConfig(source, p));
     case "mekko":
-      return typedChart(base, chartType, mekkoConfig(source));
+      return typedChart(base, chartType, mekkoConfig(source, p));
     case "pie":
       return typedChart(base, chartType, pieConfig(source, p));
     case "polarArea":
-      return typedChart(base, chartType, polarAreaConfig(source));
+      return typedChart(base, chartType, polarAreaConfig(source, p));
     case "radar":
-      return typedChart(base, chartType, radarConfig(source));
+      return typedChart(base, chartType, radarConfig(source, p));
     case "radial":
-      return typedChart(base, chartType, radialConfig(source));
+      return typedChart(base, chartType, radialConfig(source, p));
     case "radialBar":
-      return typedChart(base, chartType, radialBarConfig(source));
+      return typedChart(base, chartType, radialBarConfig(source, p));
     case "sankey":
-      return typedChart(base, chartType, sankeyConfig(source));
+      return typedChart(base, chartType, sankeyConfig(source, p));
     case "treemap":
-      return typedChart(base, chartType, treemapConfig(source));
+      return typedChart(base, chartType, treemapConfig(source, p));
     case "custom":
-      return typedChart(base, chartType, customConfig(source));
+      return typedChart(base, chartType, customConfig(source, p));
   }
 }
 function typedChart(base, chartType, config) {
@@ -725,6 +808,10 @@ function variant(value) {
 function motion(value) {
   return value === "roll" || value === "fade" ? value : void 0;
 }
+function positiveNumber(value) {
+  const number = Number(value);
+  return value !== void 0 && Number.isFinite(number) && number > 0 ? number : void 0;
+}
 function fontWeight(value) {
   return value && FONT_WEIGHT.test(value) ? value : void 0;
 }
@@ -794,7 +881,7 @@ var RULER_NUMBERS = [
 ];
 var RULER_COLORS = ["color", "accent", "glow"];
 var RULER_DEFAULTS = { color: "#8f95c4", accent: "#d9f270", glow: "#3ddc84" };
-var RULER_OPTIONAL_COLORS = ["core"];
+var RULER_OPTIONAL_COLORS = ["core", "peak"];
 function rulerObject(canvasObject) {
   const properties = canvasObject.props;
   const parameters = {};
@@ -873,7 +960,8 @@ function widgetObject(canvasObject) {
       fontFamily: fontFamily(properties.fontFamily),
       variant: variant(properties.variant),
       motion: motion(properties.motion),
-      fontWeight: fontWeight(properties.fontWeight)
+      fontWeight: fontWeight(properties.fontWeight),
+      fontSize: positiveNumber(properties.fontSize)
     }
   };
 }
@@ -887,7 +975,7 @@ function collectCanvasObjects(state) {
     shapes: canvasObjects.filter((canvasObject) => canvasObject.objectType === "shape").map((shape) => shapeObject(shape, shaders)),
     frames: canvasObjects.filter((canvasObject) => canvasObject.objectType === "frame").map(frameObject),
     swimlanes: canvasObjects.filter((canvasObject) => canvasObject.objectType === "swimlane").map(swimlaneObject),
-    isometricObjects: canvasObjects.filter(chunkYM3XFBI4_cjs.isIsometricObject).map(isometricObject),
+    isometricObjects: canvasObjects.filter(chunkCXL254BT_cjs.isIsometricObject).map(isometricObject),
     paths: canvasObjects.filter((canvasObject) => canvasObject.objectType === "path").map(pathObject),
     charts: canvasObjects.filter((canvasObject) => canvasObject.objectType === "chart").map(chartObject),
     widgets: canvasObjects.filter(
@@ -915,9 +1003,9 @@ function sidePoint(canvasObject, endpoint) {
 function namedPortPoint(canvasObject, endpoint) {
   const port = canvasObject.symbol?.ports?.find((candidate) => candidate.name === endpoint.port);
   if (!port) {
-    return chunkYM3XFBI4_cjs.elementCenter(canvasObject);
+    return chunkCXL254BT_cjs.elementCenter(canvasObject);
   }
-  return chunkYM3XFBI4_cjs.pointAtNormalizedPort(
+  return chunkCXL254BT_cjs.pointAtNormalizedPort(
     {
       x: canvasObject.x,
       y: canvasObject.y,
@@ -963,7 +1051,7 @@ function explicitAnchorPoint(canvasObject, endpoint) {
   return null;
 }
 function automaticEndpointPoint(canvasObject, opposite) {
-  return opposite ? chunkYM3XFBI4_cjs.edgePointToward(canvasObject, opposite) : chunkYM3XFBI4_cjs.elementCenter(canvasObject);
+  return opposite ? chunkCXL254BT_cjs.edgePointToward(canvasObject, opposite) : chunkCXL254BT_cjs.elementCenter(canvasObject);
 }
 function findPositionedCanvasObject(canvasObjects, id) {
   return canvasObjects.find((candidate) => candidate.id === id);
@@ -981,7 +1069,7 @@ function positionedCanvasObjects(canvasObjects) {
   ];
 }
 function connectionEndpointPoint(object, face) {
-  return object ? chunkYM3XFBI4_cjs.isometricFaceCenter(object, face) : { x: 0, y: 0 };
+  return object ? chunkCXL254BT_cjs.isometricFaceCenter(object, face) : { x: 0, y: 0 };
 }
 function isometricStackPosition(isometricObjects, id) {
   const index = isometricObjects.findIndex((object2) => object2.id === id);
@@ -996,8 +1084,8 @@ function connectionStack(isometricObjects, connection) {
     return { order: connection.order, sourceIndex: connection.sourceIndex };
   }
   const behind = [
-    chunkYM3XFBI4_cjs.VISIBLE_ISOMETRIC_FACES.has(connection.fromFace) ? void 0 : isometricStackPosition(isometricObjects, connection.fromId),
-    chunkYM3XFBI4_cjs.VISIBLE_ISOMETRIC_FACES.has(connection.toFace) ? void 0 : isometricStackPosition(isometricObjects, connection.toId)
+    chunkCXL254BT_cjs.VISIBLE_ISOMETRIC_FACES.has(connection.fromFace) ? void 0 : isometricStackPosition(isometricObjects, connection.fromId),
+    chunkCXL254BT_cjs.VISIBLE_ISOMETRIC_FACES.has(connection.toFace) ? void 0 : isometricStackPosition(isometricObjects, connection.toId)
   ].filter((position) => position !== void 0);
   if (!behind.length) {
     return { sourceIndex: connection.sourceIndex };
@@ -1039,7 +1127,7 @@ function createRenderInputLinks(canvasObjects) {
 
 // src/renderInput/fromSfl/index.ts
 function sflToRenderInput(sfl) {
-  const state = chunkYM3XFBI4_cjs.sflToCanvasState(sfl);
+  const state = chunkCXL254BT_cjs.sflToCanvasState(sfl);
   const canvasObjects = collectCanvasObjects(state);
   return {
     shapes: canvasObjects.shapes,
@@ -1077,13 +1165,13 @@ function tabBox(input, thickness, length) {
         y,
         width: length,
         height: thickness,
-        path: chunkYM3XFBI4_cjs.bottomRoundedRectPath(x, y, length, thickness, TAB_RADIUS)
+        path: chunkCXL254BT_cjs.bottomRoundedRectPath(x, y, length, thickness, TAB_RADIUS)
       };
     }
     case "left": {
       const x = input.x - thickness;
       const y = input.y - inset;
-      return { x, y, width: thickness, height: length, path: chunkYM3XFBI4_cjs.leftRoundedRectPath(x, y, thickness, length, TAB_RADIUS) };
+      return { x, y, width: thickness, height: length, path: chunkCXL254BT_cjs.leftRoundedRectPath(x, y, thickness, length, TAB_RADIUS) };
     }
     case "right": {
       const x = input.x + input.width;
@@ -1093,13 +1181,13 @@ function tabBox(input, thickness, length) {
         y,
         width: thickness,
         height: length,
-        path: chunkYM3XFBI4_cjs.rightRoundedRectPath(x, y, thickness, length, TAB_RADIUS)
+        path: chunkCXL254BT_cjs.rightRoundedRectPath(x, y, thickness, length, TAB_RADIUS)
       };
     }
     default: {
       const x = input.x - inset;
       const y = input.y - thickness;
-      return { x, y, width: length, height: thickness, path: chunkYM3XFBI4_cjs.topRoundedRectPath(x, y, length, thickness, TAB_RADIUS) };
+      return { x, y, width: length, height: thickness, path: chunkCXL254BT_cjs.topRoundedRectPath(x, y, length, thickness, TAB_RADIUS) };
     }
   }
 }
@@ -1108,7 +1196,7 @@ function renderTitleTab(input) {
   const padding = 16;
   const length = Math.max(120, input.title.length * input.fontSize * 0.62 + padding * 2);
   const box = tabBox(input, thickness, length);
-  const bounds = chunkYM3XFBI4_cjs.boxBounds(box, 6);
+  const bounds = chunkCXL254BT_cjs.boxBounds(box, 6);
   const vertical = input.labelPosition === "left" || input.labelPosition === "right";
   return [
     {
@@ -1136,7 +1224,7 @@ function horizontalTitleText(input, box, padding, bounds) {
     width: Math.max(0, box.width - padding * 2),
     height: box.height,
     lines: [input.title],
-    fontFamily: input.fontFamily ?? chunkYM3XFBI4_cjs.DEFAULT_FONT,
+    fontFamily: input.fontFamily ?? chunkCXL254BT_cjs.DEFAULT_FONT,
     fontSize: input.fontSize,
     fontWeight: input.fontWeight,
     color: input.textColor,
@@ -1160,7 +1248,7 @@ function verticalTitleText(input, box, padding, bounds) {
     width: textLength,
     height: textThickness,
     lines: [input.title],
-    fontFamily: input.fontFamily ?? chunkYM3XFBI4_cjs.DEFAULT_FONT,
+    fontFamily: input.fontFamily ?? chunkCXL254BT_cjs.DEFAULT_FONT,
     fontSize: input.fontSize,
     fontWeight: input.fontWeight,
     color: input.textColor,
@@ -1181,7 +1269,7 @@ var SQUARED_CORNER_BY_LABEL_POSITION = {
 };
 function frameBoundaryNode(frame, order, hasTab) {
   const shadow = frame.shadow ?? true;
-  const bounds = chunkYM3XFBI4_cjs.boxBounds(
+  const bounds = chunkCXL254BT_cjs.boxBounds(
     { x: frame.x, y: frame.y, width: frame.width, height: frame.height },
     frame.strokeWidth + (shadow ? 20 : 4)
   );
@@ -1216,7 +1304,7 @@ function frameBoundaryNode(frame, order, hasTab) {
     id: `frame-${frame.id}`,
     order,
     bounds,
-    d: chunkYM3XFBI4_cjs.cornersRoundedRectPath(frame.x, frame.y, frame.width, frame.height, radii),
+    d: chunkCXL254BT_cjs.cornersRoundedRectPath(frame.x, frame.y, frame.width, frame.height, radii),
     detail: { of: "frameBoundary", cornerRadius: frame.cornerRadius, squareCorner: squared },
     style
   };
@@ -1305,7 +1393,7 @@ function labelBase(context, lane, index) {
     id: `swimlane-label-${context.swimlane.id}-${lane.id}`,
     order: context.order + 0.5 + index / 100,
     lines: [lane.label],
-    fontFamily: context.swimlane.fontFamily ?? chunkYM3XFBI4_cjs.DEFAULT_FONT,
+    fontFamily: context.swimlane.fontFamily ?? chunkCXL254BT_cjs.DEFAULT_FONT,
     fontSize: context.swimlane.fontSize,
     fontWeight: context.swimlane.fontWeight,
     color: context.swimlane.textColor,
@@ -1321,7 +1409,7 @@ function horizontalLabel(context, lane, index) {
   const y = centerY - thickness / 2;
   return {
     ...labelBase(context, lane, index),
-    bounds: chunkYM3XFBI4_cjs.rotatedBounds({ x, y, width, height: thickness }, -90, 12),
+    bounds: chunkCXL254BT_cjs.rotatedBounds({ x, y, width, height: thickness }, -90, 12),
     x,
     y,
     width,
@@ -1373,7 +1461,7 @@ function createSwimlaneRenderContext(swimlane, index) {
   return {
     swimlane,
     order: 5e3 + index,
-    bounds: chunkYM3XFBI4_cjs.boxBounds(
+    bounds: chunkCXL254BT_cjs.boxBounds(
       { x: swimlane.x, y: swimlane.y, width: swimlane.width, height: swimlane.height },
       swimlane.strokeWidth + 4
     ),
@@ -1412,17 +1500,17 @@ function buildSwimlane(swimlane, index) {
 function buildContainers(input) {
   return [
     ...input.frames.flatMap(
-      (frame, index) => chunkYM3XFBI4_cjs.tag(buildFrame(frame, index), "frame", frame.id, void 0, frame.title ?? void 0)
+      (frame, index) => chunkCXL254BT_cjs.tag(buildFrame(frame, index), "frame", frame.id, void 0, frame.title ?? void 0)
     ),
-    ...input.swimlanes.flatMap((swimlane, index) => chunkYM3XFBI4_cjs.tag(buildSwimlane(swimlane, index), "swimlane", swimlane.id))
+    ...input.swimlanes.flatMap((swimlane, index) => chunkCXL254BT_cjs.tag(buildSwimlane(swimlane, index), "swimlane", swimlane.id))
   ];
 }
 
 // src/renderScene/artifacts/isometric.ts
 function isometricContext(object, index) {
-  const strokeWidth = Math.max(0, chunkYM3XFBI4_cjs.finite(object.strokeWidth, 1));
-  const rotation = chunkYM3XFBI4_cjs.finite(object.rotation, 0);
-  const box = chunkYM3XFBI4_cjs.isometricBounds(object);
+  const strokeWidth = Math.max(0, chunkCXL254BT_cjs.finite(object.strokeWidth, 1));
+  const rotation = chunkCXL254BT_cjs.finite(object.rotation, 0);
+  const box = chunkCXL254BT_cjs.isometricBounds(object);
   const rotationCenter = { x: box.x + box.width / 2, y: box.y + box.height / 2 };
   return {
     object,
@@ -1434,7 +1522,7 @@ function isometricContext(object, index) {
     strokeWidth,
     common: {
       type: "path",
-      bounds: chunkYM3XFBI4_cjs.rotatedBounds(box, rotation, strokeWidth + 2),
+      bounds: chunkCXL254BT_cjs.rotatedBounds(box, rotation, strokeWidth + 2),
       rotation,
       rotationCenter,
       style: {
@@ -1452,7 +1540,7 @@ function groundShadowNode(context, faces) {
   }
   const height = Math.max(0, object.height);
   const heightFactor = 0.6 + Math.min(1, height / 150) * 0.7;
-  const shadowDrop = height + chunkYM3XFBI4_cjs.finite(object.shadowStyle?.distance, 0);
+  const shadowDrop = height + chunkCXL254BT_cjs.finite(object.shadowStyle?.distance, 0);
   const contactFootprint = faces.top.map((point) => ({ x: point.x, y: point.y + shadowDrop }));
   const footprintCenter = {
     x: contactFootprint.reduce((sum, point) => sum + point.x, 0) / contactFootprint.length,
@@ -1475,14 +1563,14 @@ function groundShadowNode(context, faces) {
       maxX: Math.max(...footprintXs),
       maxY: Math.max(...footprintYs)
     },
-    d: chunkYM3XFBI4_cjs.roundedPolygonPath(footprint, 0),
+    d: chunkCXL254BT_cjs.roundedPolygonPath(footprint, 0),
     rotation,
     rotationCenter,
     style: {
       fill: { kind: "solid", color: object.shadowStyle?.color ?? "#000000" },
       stroke: { kind: "none" },
       opacity: Math.min(1, (object.shadowStyle?.opacity ?? 0.18) * heightFactor),
-      blur: chunkYM3XFBI4_cjs.finite(object.shadowStyle?.blur, 8),
+      blur: chunkCXL254BT_cjs.finite(object.shadowStyle?.blur, 8),
       pointerEvents: "none"
     }
   };
@@ -1490,13 +1578,13 @@ function groundShadowNode(context, faces) {
 function faceNodes(context, faces, hullClip) {
   const { object, order, common } = context;
   const noStroke = { ...common.style, stroke: { kind: "none" } };
-  const faceFills = chunkYM3XFBI4_cjs.deriveFaceFills(object.fill ?? "#f8fafc");
+  const faceFills = chunkCXL254BT_cjs.deriveFaceFills(object.fill ?? "#f8fafc");
   const colorProp = { prop: "style.fill", propKind: "color", propSolidOnly: true };
   const face = (name, offset, points, color2) => ({
     ...common,
     id: `isometric-${object.id}-${name}`,
     order: order + offset,
-    d: chunkYM3XFBI4_cjs.roundedPolygonPath(points, 0),
+    d: chunkCXL254BT_cjs.roundedPolygonPath(points, 0),
     style: { ...noStroke, fill: { kind: "solid", color: color2 }, clip: hullClip },
     ...colorProp
   });
@@ -1536,8 +1624,8 @@ function hullNode(context, hullPath, cornerRadius) {
       depth: Math.max(0, object.depth),
       cornerRadius,
       bounds: box,
-      labelOffsetX: chunkYM3XFBI4_cjs.finite(object.labelOffsetX, 0),
-      labelOffsetY: chunkYM3XFBI4_cjs.finite(object.labelOffsetY, 0)
+      labelOffsetX: chunkCXL254BT_cjs.finite(object.labelOffsetX, 0),
+      labelOffsetY: chunkCXL254BT_cjs.finite(object.labelOffsetY, 0)
     },
     style: { ...common.style, fill: { kind: "none" } }
   };
@@ -1549,9 +1637,9 @@ var LABEL_PADDING_Y = 3;
 var LABEL_CHAR_WIDTH = 6.5;
 function labelPlacement(context) {
   const { object } = context;
-  const anchor = chunkYM3XFBI4_cjs.isometricTopFaceCenter(object);
-  const bottomY = anchor.y - LABEL_GAP + chunkYM3XFBI4_cjs.finite(object.labelOffsetY, 0);
-  return { anchor, centerX: anchor.x + chunkYM3XFBI4_cjs.finite(object.labelOffsetX, 0), topY: bottomY - LABEL_HEIGHT, bottomY };
+  const anchor = chunkCXL254BT_cjs.isometricTopFaceCenter(object);
+  const bottomY = anchor.y - LABEL_GAP + chunkCXL254BT_cjs.finite(object.labelOffsetY, 0);
+  return { anchor, centerX: anchor.x + chunkCXL254BT_cjs.finite(object.labelOffsetX, 0), topY: bottomY - LABEL_HEIGHT, bottomY };
 }
 function labelTextNode(context, placement, text) {
   const { object, order, rotation, rotationCenter, box } = context;
@@ -1566,7 +1654,7 @@ function labelTextNode(context, placement, text) {
     width: box.width,
     height: LABEL_HEIGHT,
     lines: [text],
-    fontFamily: chunkYM3XFBI4_cjs.DEFAULT_FONT,
+    fontFamily: chunkCXL254BT_cjs.DEFAULT_FONT,
     fontSize: 12,
     fontWeight: "normal",
     color: "#111827",
@@ -1639,10 +1727,10 @@ function labelNodes(context, text) {
 }
 function buildIsometricObject(object, index) {
   const context = isometricContext(object, index);
-  const faces = chunkYM3XFBI4_cjs.isometricFaces(object);
-  const cornerRadius = Math.max(0, chunkYM3XFBI4_cjs.finite(object.cornerRadius, 8));
+  const faces = chunkCXL254BT_cjs.isometricFaces(object);
+  const cornerRadius = Math.max(0, chunkCXL254BT_cjs.finite(object.cornerRadius, 8));
   const silhouette = [faces.top[0], faces.top[1], faces.right[2], faces.front[2], faces.front[3], faces.top[3]];
-  const hullPath = chunkYM3XFBI4_cjs.roundedPolygonPath(silhouette, cornerRadius);
+  const hullPath = chunkCXL254BT_cjs.roundedPolygonPath(silhouette, cornerRadius);
   const hullClip = { type: "path", d: hullPath };
   const groundShadow = groundShadowNode(context, faces);
   const seams = seamsNode(context, faces, hullClip);
@@ -1653,7 +1741,7 @@ function buildIsometricObject(object, index) {
 }
 function buildIsometricObjects(objects) {
   return objects.flatMap(
-    (object, index) => chunkYM3XFBI4_cjs.tag(
+    (object, index) => chunkCXL254BT_cjs.tag(
       buildIsometricObject(object, index),
       "isometric",
       object.id,
@@ -1682,7 +1770,7 @@ function renderEndpointLabel(context, end, labelIndex) {
   if (!label) {
     return [];
   }
-  const fontSize = chunkYM3XFBI4_cjs.finite(context.link.style?.fontSize, 10);
+  const fontSize = chunkCXL254BT_cjs.finite(context.link.style?.fontSize, 10);
   const position = endpointLabelPosition(context.points, end);
   const width = 90;
   return [
@@ -1696,7 +1784,7 @@ function renderEndpointLabel(context, end, labelIndex) {
       width,
       height: fontSize * 2,
       lines: [label],
-      fontFamily: context.link.style?.fontFamily ?? chunkYM3XFBI4_cjs.DEFAULT_FONT,
+      fontFamily: context.link.style?.fontFamily ?? chunkCXL254BT_cjs.DEFAULT_FONT,
       fontSize,
       fontWeight: "normal",
       color: context.color,
@@ -1726,7 +1814,7 @@ function renderMainLabel(context) {
       width: context.label.width,
       height: context.label.fontSize * 2,
       lines: context.label.lines,
-      fontFamily: context.link.style?.fontFamily ?? chunkYM3XFBI4_cjs.DEFAULT_FONT,
+      fontFamily: context.link.style?.fontFamily ?? chunkCXL254BT_cjs.DEFAULT_FONT,
       fontSize: context.label.fontSize,
       fontWeight: "normal",
       color: context.color,
@@ -1780,10 +1868,10 @@ function linkBounds(points, padding) {
 }
 function labelLayout(link, measureText) {
   const visible = Boolean(link.showText && link.text);
-  const fontSize = chunkYM3XFBI4_cjs.finite(link.style?.fontSize, 10);
+  const fontSize = chunkCXL254BT_cjs.finite(link.style?.fontSize, 10);
   const width = Math.min(250, Math.max(fontSize * 2, (link.text?.length ?? 0) * fontSize * 0.65 + 10));
-  const metrics = measureText?.(link.style?.fontFamily ?? chunkYM3XFBI4_cjs.DEFAULT_FONT, fontSize);
-  const lines = visible ? chunkYM3XFBI4_cjs.wrapText(link.text ?? "", width, fontSize, metrics) : [];
+  const metrics = measureText?.(link.style?.fontFamily ?? chunkCXL254BT_cjs.DEFAULT_FONT, fontSize);
+  const lines = visible ? chunkCXL254BT_cjs.wrapText(link.text ?? "", width, fontSize, metrics) : [];
   return { visible, fontSize, width, height: lines.length * fontSize * 1.4, lines };
 }
 function linkStyle(item, strokeWidth, color2, dash) {
@@ -1800,26 +1888,26 @@ function linkStyle(item, strokeWidth, color2, dash) {
     dash,
     lineCap: "round",
     lineJoin: "round",
-    opacity: chunkYM3XFBI4_cjs.finite(link.style?.opacity, 1),
+    opacity: chunkCXL254BT_cjs.finite(link.style?.opacity, 1),
     shadow: resolveShadow(link.style?.shadow)
   };
 }
 function createLinkRenderContext(item, index, measureText) {
   const { link, from, to } = item;
   const pathType = link.style?.pathType ?? "orthogonal";
-  const { points, segments } = chunkYM3XFBI4_cjs.calculateLinkRoute(link, from, to, pathType);
-  const strokeWidth = chunkYM3XFBI4_cjs.finite(link.style?.strokeWidth, 2);
+  const { points, segments } = chunkCXL254BT_cjs.calculateLinkRoute(link, from, to, pathType);
+  const strokeWidth = chunkCXL254BT_cjs.finite(link.style?.strokeWidth, 2);
   const color2 = getLinkStrokeColor(link.style?.color) || "#64748b";
   const label = labelLayout(link, measureText);
   const contentDash = getDashArray(strokeWidth, link.style?.strokeStyle ?? "solid");
-  const gap = label.visible && !contentDash ? chunkYM3XFBI4_cjs.labelGapDash(points, pathType, label.width, label.height) : null;
+  const gap = label.visible && !contentDash ? chunkCXL254BT_cjs.labelGapDash(points, pathType, label.width, label.height) : null;
   const dash = gap ? [gap.dashBefore, gap.gapLength, 1e6] : contentDash;
   return {
     link,
     pathType,
     points,
     segments,
-    midpoint: chunkYM3XFBI4_cjs.getLineMidpoint(points, pathType, from, to),
+    midpoint: chunkCXL254BT_cjs.getLineMidpoint(points, pathType, from, to),
     strokeWidth,
     bounds: linkBounds(points, strokeWidth + 14),
     color: color2,
@@ -1865,7 +1953,7 @@ function pathData(points, pathType, segments, strokeWidth) {
     return `M ${points[0]} ${points[1]} C ${points[2]} ${points[3]} ${points[4]} ${points[5]} ${points[6]} ${points[7]}`;
   }
   if (pathType === "orthogonal" && segments.length > 0) {
-    return chunkYM3XFBI4_cjs.roundedOrthogonalPathData(segments, Math.max(16, strokeWidth * 4));
+    return chunkCXL254BT_cjs.roundedOrthogonalPathData(segments, Math.max(16, strokeWidth * 4));
   }
   return polylinePathData(points);
 }
@@ -1969,7 +2057,7 @@ function buildLink(item, index, measureText) {
 }
 function buildLinks(links, measureText) {
   return links.flatMap(
-    (item, index) => chunkYM3XFBI4_cjs.tag(
+    (item, index) => chunkCXL254BT_cjs.tag(
       buildLink(item, index, measureText),
       "link",
       item.link.id,
@@ -1984,7 +2072,7 @@ function buildFreeformPath(path, index) {
   if (path.isVisible === false || path.points.length < 2) {
     return [];
   }
-  const strokeWidth = chunkYM3XFBI4_cjs.finite(path.strokeWidth, 2);
+  const strokeWidth = chunkCXL254BT_cjs.finite(path.strokeWidth, 2);
   const extra = strokeWidth + 12;
   const bounds = {
     minX: Math.min(...path.points.map((point) => point.x)) - extra,
@@ -1992,7 +2080,7 @@ function buildFreeformPath(path, index) {
     maxX: Math.max(...path.points.map((point) => point.x)) + extra,
     maxY: Math.max(...path.points.map((point) => point.y)) + extra
   };
-  const tension = chunkYM3XFBI4_cjs.finite(path.tension, 0);
+  const tension = chunkCXL254BT_cjs.finite(path.tension, 0);
   const closed = path.closed === true;
   return [
     {
@@ -2000,7 +2088,7 @@ function buildFreeformPath(path, index) {
       id: `path-${path.id}`,
       order: 3e4 + index,
       bounds,
-      d: chunkYM3XFBI4_cjs.freeformPathData({ points: path.points, tension, closed }),
+      d: chunkCXL254BT_cjs.freeformPathData({ points: path.points, tension, closed }),
       markerStart: path.startMarker,
       markerEnd: path.endMarker,
       detail: {
@@ -2016,13 +2104,13 @@ function buildFreeformPath(path, index) {
         dash: path.dash?.length ? path.dash : void 0,
         lineCap: "round",
         lineJoin: "round",
-        opacity: chunkYM3XFBI4_cjs.finite(path.opacity, 1)
+        opacity: chunkCXL254BT_cjs.finite(path.opacity, 1)
       }
     }
   ];
 }
 function buildFreeformPaths(paths) {
-  return paths.flatMap((path, index) => chunkYM3XFBI4_cjs.tag(buildFreeformPath(path, index), "path", path.id, "path", "Path"));
+  return paths.flatMap((path, index) => chunkCXL254BT_cjs.tag(buildFreeformPath(path, index), "path", path.id, "path", "Path"));
 }
 
 // src/renderScene/artifacts/shape/geometry/base.ts
@@ -2038,7 +2126,7 @@ function shapeNodeBase(context) {
 
 // src/renderScene/artifacts/shape/geometry/simple.ts
 function renderPath(context) {
-  const path = chunkYM3XFBI4_cjs.localShapePath(context.shape.shapeType, context.x, context.y, context.width, context.height);
+  const path = chunkCXL254BT_cjs.localShapePath(context.shape.shapeType, context.x, context.y, context.width, context.height);
   if (!path) {
     return [];
   }
@@ -2054,7 +2142,7 @@ function renderBoundedPath(context) {
   }));
 }
 function renderRectangle(context) {
-  const rx = context.shape.shapeType === "pill" ? chunkYM3XFBI4_cjs.pillCornerRadius(context.width, context.height) : context.shape.shapeType === "rounded_rectangle" ? chunkYM3XFBI4_cjs.finite(context.shape.cornerRadius, 8) : 0;
+  const rx = context.shape.shapeType === "pill" ? chunkCXL254BT_cjs.pillCornerRadius(context.width, context.height) : context.shape.shapeType === "rounded_rectangle" ? chunkCXL254BT_cjs.finite(context.shape.cornerRadius, 8) : 0;
   return [
     {
       ...shapeNodeBase(context),
@@ -2083,7 +2171,7 @@ function renderSymbol(context) {
   if (!context.shape.symbol || context.shape.symbol.points.length < 2) {
     return renderRectangle(context);
   }
-  const tension = chunkYM3XFBI4_cjs.finite(context.shape.symbol.tension, 0);
+  const tension = chunkCXL254BT_cjs.finite(context.shape.symbol.tension, 0);
   const points = context.shape.symbol.points.map(([x, y]) => ({
     x: context.x + x * context.width,
     y: context.y + y * context.height
@@ -2092,7 +2180,7 @@ function renderSymbol(context) {
     {
       ...shapeNodeBase(context),
       type: "path",
-      d: chunkYM3XFBI4_cjs.freeformPathData({ points, tension, closed: true }),
+      d: chunkCXL254BT_cjs.freeformPathData({ points, tension, closed: true }),
       rotationCenter: context.rotationCenter,
       detail: {
         of: "symbolGeometry",
@@ -2190,22 +2278,22 @@ function shapeDash(shape, strokeWidth) {
 }
 function shapeStyle(shape, diagnostics) {
   const defaults = shapeDefaults(shape, diagnostics);
-  const strokeWidth = chunkYM3XFBI4_cjs.finite(shape.strokeWidth, defaults.strokeWidth);
+  const strokeWidth = chunkCXL254BT_cjs.finite(shape.strokeWidth, defaults.strokeWidth);
   const shadow = shape.shadowStyle ?? (shape.hasShadow ? { enabled: true, color: "#000000", opacity: 0.25, blur: 10, angle: 45, distance: 5 } : void 0);
-  const angle = chunkYM3XFBI4_cjs.finite(shadow?.angle, 45) * Math.PI / 180;
+  const angle = chunkCXL254BT_cjs.finite(shadow?.angle, 45) * Math.PI / 180;
   return {
-    fill: chunkYM3XFBI4_cjs.paint(shape.fillColor, diagnostics, shape.id),
-    stroke: chunkYM3XFBI4_cjs.paint(shape.strokeColor, diagnostics, shape.id),
+    fill: chunkCXL254BT_cjs.paint(shape.fillColor, diagnostics, shape.id),
+    stroke: chunkCXL254BT_cjs.paint(shape.strokeColor, diagnostics, shape.id),
     strokeWidth,
     dash: shapeDash(shape, strokeWidth),
     lineCap: shape.strokeStyle === "dotted" ? "round" : "butt",
-    opacity: chunkYM3XFBI4_cjs.finite(shape.opacity, defaults.opacity),
+    opacity: chunkCXL254BT_cjs.finite(shape.opacity, defaults.opacity),
     shadow: shadow?.enabled ? {
       color: shadow.color ?? "#000000",
-      opacity: chunkYM3XFBI4_cjs.finite(shadow.opacity, 0.25),
-      blur: chunkYM3XFBI4_cjs.finite(shadow.blur, 10),
-      dx: Math.cos(angle) * chunkYM3XFBI4_cjs.finite(shadow.distance, 5),
-      dy: Math.sin(angle) * chunkYM3XFBI4_cjs.finite(shadow.distance, 5)
+      opacity: chunkCXL254BT_cjs.finite(shadow.opacity, 0.25),
+      blur: chunkCXL254BT_cjs.finite(shadow.blur, 10),
+      dx: Math.cos(angle) * chunkCXL254BT_cjs.finite(shadow.distance, 5),
+      dy: Math.sin(angle) * chunkCXL254BT_cjs.finite(shadow.distance, 5)
     } : void 0
   };
 }
@@ -2281,11 +2369,11 @@ function renderShapeText(context, strokeWidth, measureText) {
   if (!shape.text) {
     return null;
   }
-  const fontSize = chunkYM3XFBI4_cjs.finite(shape.fontSize, shapeDefaults(shape, []).fontSize);
+  const fontSize = chunkCXL254BT_cjs.finite(shape.fontSize, shapeDefaults(shape, []).fontSize);
   const padding = shape.isText ? 0 : Math.max(8, strokeWidth * 2);
-  const area = shape.shapeType === "person" ? chunkYM3XFBI4_cjs.personLabelArea(x, y, width, height) : { x, y, width, height };
+  const area = shape.shapeType === "person" ? chunkCXL254BT_cjs.personLabelArea(x, y, width, height) : { x, y, width, height };
   const textWidth = Math.max(0, area.width - padding * 2);
-  const fontFamily2 = shape.fontFamily || chunkYM3XFBI4_cjs.DEFAULT_FONT;
+  const fontFamily2 = shape.fontFamily || chunkCXL254BT_cjs.DEFAULT_FONT;
   const metrics = measureText?.(fontFamily2, fontSize);
   const textNode = {
     type: "text",
@@ -2296,7 +2384,7 @@ function renderShapeText(context, strokeWidth, measureText) {
     y: area.y + padding,
     width: textWidth,
     height: Math.max(0, area.height - padding * 2),
-    lines: chunkYM3XFBI4_cjs.wrapText(shape.text, textWidth, fontSize, metrics),
+    lines: chunkCXL254BT_cjs.wrapText(shape.text, textWidth, fontSize, metrics),
     fontFamily: fontFamily2,
     fontSize,
     fontWeight: shape.fontWeight ?? "normal",
@@ -2304,12 +2392,12 @@ function renderShapeText(context, strokeWidth, measureText) {
     color: shape.textColor || "#111827",
     align: shape.textAlign ?? "center",
     verticalAlign: shape.textVerticalAlign ?? "middle",
-    lineHeight: chunkYM3XFBI4_cjs.finite(shape.lineHeight, 1.3),
+    lineHeight: chunkCXL254BT_cjs.finite(shape.lineHeight, 1.3),
     rotation,
     rotationCenter
   };
   if (hasBoldMarkup(shape.text)) {
-    const { measure, spaceWidth } = metrics ?? chunkYM3XFBI4_cjs.heuristicRichMeasure(fontSize);
+    const { measure, spaceWidth } = metrics ?? chunkCXL254BT_cjs.heuristicRichMeasure(fontSize);
     textNode.richLines = wrapRichText(shape.text, textWidth, measure, spaceWidth);
   }
   return textNode;
@@ -2348,19 +2436,19 @@ function renderDoubleStroke(context, strokeWidth) {
   return nodes;
 }
 function createRenderContext(shape, index, diagnostics) {
-  const x = chunkYM3XFBI4_cjs.finite(shape.x, 0);
-  const y = chunkYM3XFBI4_cjs.finite(shape.y, 0);
-  const width = Math.max(0, chunkYM3XFBI4_cjs.finite(shape.width, 100));
-  const height = Math.max(0, chunkYM3XFBI4_cjs.finite(shape.height, 100));
-  const rotation = chunkYM3XFBI4_cjs.finite(shape.rotation, 0);
-  const strokeWidth = chunkYM3XFBI4_cjs.finite(shape.strokeWidth, 2);
+  const x = chunkCXL254BT_cjs.finite(shape.x, 0);
+  const y = chunkCXL254BT_cjs.finite(shape.y, 0);
+  const width = Math.max(0, chunkCXL254BT_cjs.finite(shape.width, 100));
+  const height = Math.max(0, chunkCXL254BT_cjs.finite(shape.height, 100));
+  const rotation = chunkCXL254BT_cjs.finite(shape.rotation, 0);
+  const strokeWidth = chunkCXL254BT_cjs.finite(shape.strokeWidth, 2);
   return {
     strokeWidth,
     context: {
       shape,
       id: `shape-${shape.id}`,
       order: 1e4 + index,
-      bounds: chunkYM3XFBI4_cjs.rotatedBounds({ x, y, width, height }, rotation, strokeWidth + (shape.hasShadow ? 20 : 2)),
+      bounds: chunkCXL254BT_cjs.rotatedBounds({ x, y, width, height }, rotation, strokeWidth + (shape.hasShadow ? 20 : 2)),
       rotation,
       rotationCenter: { x: x + width / 2, y: y + height / 2 },
       style: shapeStyle(shape, diagnostics),
@@ -2413,7 +2501,7 @@ function buildShape(shape, index, diagnostics, measureText) {
 }
 function buildShapes(shapes, diagnostics, measureText) {
   return shapes.flatMap(
-    (shape, index) => chunkYM3XFBI4_cjs.tag(
+    (shape, index) => chunkCXL254BT_cjs.tag(
       buildShape(shape, index, diagnostics, measureText),
       "shape",
       shape.id,
@@ -2445,7 +2533,8 @@ var DEFAULT_ROLLING_NUMBER_STYLE = {
   fontFamily: "'Roboto Mono', 'SFMono-Regular', Consolas, monospace",
   variant: "flip",
   motion: "roll",
-  fontWeight: "300"
+  fontWeight: "300",
+  fontSize: 0
 };
 function resolveRollingNumberStyle(style) {
   return {
@@ -2456,23 +2545,24 @@ function resolveRollingNumberStyle(style) {
     fontFamily: style.fontFamily ?? DEFAULT_ROLLING_NUMBER_STYLE.fontFamily,
     variant: style.variant ?? DEFAULT_ROLLING_NUMBER_STYLE.variant,
     motion: style.motion ?? DEFAULT_ROLLING_NUMBER_STYLE.motion,
-    fontWeight: style.fontWeight ?? DEFAULT_ROLLING_NUMBER_STYLE.fontWeight
+    fontWeight: style.fontWeight ?? DEFAULT_ROLLING_NUMBER_STYLE.fontWeight,
+    fontSize: style.fontSize ?? DEFAULT_ROLLING_NUMBER_STYLE.fontSize
   };
 }
 
 // src/renderScene/artifacts/widget.ts
 function buildRollingNumber(widget, index) {
-  const x = chunkYM3XFBI4_cjs.finite(widget.x, 0);
-  const y = chunkYM3XFBI4_cjs.finite(widget.y, 0);
-  const width = Math.max(0, chunkYM3XFBI4_cjs.finite(widget.width, 160));
-  const height = Math.max(0, chunkYM3XFBI4_cjs.finite(widget.height, 90));
-  const rotation = chunkYM3XFBI4_cjs.finite(widget.rotation, 0);
+  const x = chunkCXL254BT_cjs.finite(widget.x, 0);
+  const y = chunkCXL254BT_cjs.finite(widget.y, 0);
+  const width = Math.max(0, chunkCXL254BT_cjs.finite(widget.width, 160));
+  const height = Math.max(0, chunkCXL254BT_cjs.finite(widget.height, 90));
+  const rotation = chunkCXL254BT_cjs.finite(widget.rotation, 0);
   return [
     {
       id: `widget-${widget.id}`,
       type: "rolling-number",
       order: 1e4 + index,
-      bounds: chunkYM3XFBI4_cjs.rotatedBounds({ x, y, width, height }, rotation, 2),
+      bounds: chunkCXL254BT_cjs.rotatedBounds({ x, y, width, height }, rotation, 2),
       x,
       y,
       width,
@@ -2480,26 +2570,26 @@ function buildRollingNumber(widget, index) {
       rotation,
       value: formatRollingNumber(widget.value, widget.digits),
       digits: widget.digits,
-      duration: Math.max(0, chunkYM3XFBI4_cjs.finite(widget.duration, 420)),
+      duration: Math.max(0, chunkCXL254BT_cjs.finite(widget.duration, 420)),
       label: widget.label,
       widgetStyle: resolveRollingNumberStyle(widget.style)
     }
   ];
 }
 function buildTickScale(widget, index) {
-  const x = chunkYM3XFBI4_cjs.finite(widget.x, 0);
-  const y = chunkYM3XFBI4_cjs.finite(widget.y, 0);
-  const width = Math.max(0, chunkYM3XFBI4_cjs.finite(widget.width, 200));
-  const height = Math.max(0, chunkYM3XFBI4_cjs.finite(widget.height, 200));
-  const rotation = chunkYM3XFBI4_cjs.finite(widget.rotation, 0);
-  const max = chunkYM3XFBI4_cjs.finite(widget.max, 100) || 100;
-  const progress = Math.min(1, Math.max(0, chunkYM3XFBI4_cjs.finite(Number(widget.value), 0) / max));
+  const x = chunkCXL254BT_cjs.finite(widget.x, 0);
+  const y = chunkCXL254BT_cjs.finite(widget.y, 0);
+  const width = Math.max(0, chunkCXL254BT_cjs.finite(widget.width, 200));
+  const height = Math.max(0, chunkCXL254BT_cjs.finite(widget.height, 200));
+  const rotation = chunkCXL254BT_cjs.finite(widget.rotation, 0);
+  const max = chunkCXL254BT_cjs.finite(widget.max, 100) || 100;
+  const progress = Math.min(1, Math.max(0, chunkCXL254BT_cjs.finite(Number(widget.value), 0) / max));
   const nodes = [
     {
       id: `widget-${widget.id}`,
       type: "shader-surface",
       order: 1e4 + index,
-      bounds: chunkYM3XFBI4_cjs.rotatedBounds({ x, y, width, height }, rotation, 2),
+      bounds: chunkCXL254BT_cjs.rotatedBounds({ x, y, width, height }, rotation, 2),
       x,
       y,
       width,
@@ -2516,12 +2606,12 @@ function buildTickScale(widget, index) {
 }
 function buildTickLabels(widget, box) {
   const labels = widget.labels ?? {};
-  const ticks = Math.max(1, chunkYM3XFBI4_cjs.finite(Number(widget.parameters.ticks), 48));
-  const major = Math.max(1, chunkYM3XFBI4_cjs.finite(Number(widget.parameters.major), 5));
-  const start = chunkYM3XFBI4_cjs.finite(Number(widget.parameters.start), 225) * Math.PI / 180;
-  const sweep = chunkYM3XFBI4_cjs.finite(Number(widget.parameters.sweep), 270) * Math.PI / 180;
-  const radius = chunkYM3XFBI4_cjs.finite(Number(widget.parameters.radius), 0.9) + chunkYM3XFBI4_cjs.finite(labels.offset, 0.08);
-  const fontSize = chunkYM3XFBI4_cjs.finite(labels.size, 12);
+  const ticks = Math.max(1, chunkCXL254BT_cjs.finite(Number(widget.parameters.ticks), 48));
+  const major = Math.max(1, chunkCXL254BT_cjs.finite(Number(widget.parameters.major), 5));
+  const start = chunkCXL254BT_cjs.finite(Number(widget.parameters.start), 225) * Math.PI / 180;
+  const sweep = chunkCXL254BT_cjs.finite(Number(widget.parameters.sweep), 270) * Math.PI / 180;
+  const radius = chunkCXL254BT_cjs.finite(Number(widget.parameters.radius), 0.9) + chunkCXL254BT_cjs.finite(labels.offset, 0.08);
+  const fontSize = chunkCXL254BT_cjs.finite(labels.size, 12);
   const centerX = box.x + box.width / 2;
   const centerY = box.y + box.height / 2;
   const count = Math.floor(ticks / major);
@@ -2536,10 +2626,10 @@ function buildTickLabels(widget, box) {
       id: `widget-${widget.id}-label-${step}`,
       type: "text",
       order: box.order + 0.1,
-      bounds: chunkYM3XFBI4_cjs.rotatedBounds(labelBox, 0, 2),
+      bounds: chunkCXL254BT_cjs.rotatedBounds(labelBox, 0, 2),
       ...labelBox,
       lines: [String(Math.round(box.max * fraction * 10) / 10)],
-      fontFamily: labels.fontFamily || chunkYM3XFBI4_cjs.DEFAULT_FONT,
+      fontFamily: labels.fontFamily || chunkCXL254BT_cjs.DEFAULT_FONT,
       fontSize,
       fontWeight: labels.weight ?? "normal",
       color: labels.color || "#8f95c4",
@@ -2551,20 +2641,20 @@ function buildTickLabels(widget, box) {
   return nodes;
 }
 function buildRuler(widget, index) {
-  const x = chunkYM3XFBI4_cjs.finite(widget.x, 0);
-  const y = chunkYM3XFBI4_cjs.finite(widget.y, 0);
-  const width = Math.max(0, chunkYM3XFBI4_cjs.finite(widget.width, 120));
-  const height = Math.max(0, chunkYM3XFBI4_cjs.finite(widget.height, 360));
-  const rotation = chunkYM3XFBI4_cjs.finite(widget.rotation, 0);
-  const min = chunkYM3XFBI4_cjs.finite(widget.min, 0);
-  const max = chunkYM3XFBI4_cjs.finite(widget.max, 100);
-  const progress = max === min ? 0 : Math.min(1, Math.max(0, (chunkYM3XFBI4_cjs.finite(Number(widget.value), min) - min) / (max - min)));
+  const x = chunkCXL254BT_cjs.finite(widget.x, 0);
+  const y = chunkCXL254BT_cjs.finite(widget.y, 0);
+  const width = Math.max(0, chunkCXL254BT_cjs.finite(widget.width, 120));
+  const height = Math.max(0, chunkCXL254BT_cjs.finite(widget.height, 360));
+  const rotation = chunkCXL254BT_cjs.finite(widget.rotation, 0);
+  const min = chunkCXL254BT_cjs.finite(widget.min, 0);
+  const max = chunkCXL254BT_cjs.finite(widget.max, 100);
+  const progress = max === min ? 0 : Math.min(1, Math.max(0, (chunkCXL254BT_cjs.finite(Number(widget.value), min) - min) / (max - min)));
   const nodes = [
     {
       id: `widget-${widget.id}`,
       type: "shader-surface",
       order: 1e4 + index,
-      bounds: chunkYM3XFBI4_cjs.rotatedBounds({ x, y, width, height }, rotation, 2),
+      bounds: chunkCXL254BT_cjs.rotatedBounds({ x, y, width, height }, rotation, 2),
       x,
       y,
       width,
@@ -2582,14 +2672,14 @@ function buildRuler(widget, index) {
 function buildRulerLabels(widget, box) {
   const labels = widget.labels ?? {};
   const horizontal = widget.parameters.axis === "horizontal";
-  const ticks = Math.max(1, chunkYM3XFBI4_cjs.finite(Number(widget.parameters.ticks), 50));
-  const major = Math.max(1, chunkYM3XFBI4_cjs.finite(Number(widget.parameters.major), 5));
-  const inset = chunkYM3XFBI4_cjs.finite(Number(widget.parameters.inset), 0.05) > 0 ? chunkYM3XFBI4_cjs.finite(Number(widget.parameters.inset), 0.05) : 0.05;
-  const line = chunkYM3XFBI4_cjs.finite(Number(widget.parameters.line), 0.7) > 0 ? chunkYM3XFBI4_cjs.finite(Number(widget.parameters.line), 0.7) : 0.7;
+  const ticks = Math.max(1, chunkCXL254BT_cjs.finite(Number(widget.parameters.ticks), 50));
+  const major = Math.max(1, chunkCXL254BT_cjs.finite(Number(widget.parameters.major), 5));
+  const inset = chunkCXL254BT_cjs.finite(Number(widget.parameters.inset), 0.05) > 0 ? chunkCXL254BT_cjs.finite(Number(widget.parameters.inset), 0.05) : 0.05;
+  const line = chunkCXL254BT_cjs.finite(Number(widget.parameters.line), 0.7) > 0 ? chunkCXL254BT_cjs.finite(Number(widget.parameters.line), 0.7) : 0.7;
   const across = horizontal ? box.height : box.width;
-  const tickLength = (chunkYM3XFBI4_cjs.finite(Number(widget.parameters.length), 0.1) > 0 ? chunkYM3XFBI4_cjs.finite(Number(widget.parameters.length), 0.1) : 0.1) * across * 1.9;
-  const edge = line * across - 0.12 * across - tickLength - chunkYM3XFBI4_cjs.finite(labels.offset, 0.04) * across;
-  const fontSize = chunkYM3XFBI4_cjs.finite(labels.size, 12);
+  const tickLength = (chunkCXL254BT_cjs.finite(Number(widget.parameters.length), 0.1) > 0 ? chunkCXL254BT_cjs.finite(Number(widget.parameters.length), 0.1) : 0.1) * across * 1.9;
+  const edge = line * across - 0.12 * across - tickLength - chunkCXL254BT_cjs.finite(labels.offset, 0.04) * across;
+  const fontSize = chunkCXL254BT_cjs.finite(labels.size, 12);
   const count = Math.floor(ticks / major);
   const nodes = [];
   for (let step = 0; step <= count; step += 1) {
@@ -2600,10 +2690,10 @@ function buildRulerLabels(widget, box) {
       id: `widget-${widget.id}-label-${step}`,
       type: "text",
       order: box.order + 0.1,
-      bounds: chunkYM3XFBI4_cjs.rotatedBounds(labelBox, 0, 2),
+      bounds: chunkCXL254BT_cjs.rotatedBounds(labelBox, 0, 2),
       ...labelBox,
       lines: [String(Math.round((box.min + (box.max - box.min) * fraction) * 10) / 10)],
-      fontFamily: labels.fontFamily || chunkYM3XFBI4_cjs.DEFAULT_FONT,
+      fontFamily: labels.fontFamily || chunkCXL254BT_cjs.DEFAULT_FONT,
       fontSize,
       fontWeight: labels.weight ?? "normal",
       color: labels.color || "#8f95c4",
@@ -2616,7 +2706,7 @@ function buildRulerLabels(widget, box) {
 }
 function buildWidgets(widgets) {
   return widgets.flatMap(
-    (widget, index) => chunkYM3XFBI4_cjs.tag(
+    (widget, index) => chunkCXL254BT_cjs.tag(
       widget.type === "tickScale" ? buildTickScale(widget, index) : widget.type === "ruler" ? buildRuler(widget, index) : buildRollingNumber(widget, index),
       "widget",
       widget.id,
@@ -2633,7 +2723,7 @@ function buildXAxisLabel(chart, layout, order) {
     return null;
   }
   return {
-    ...chunkYM3XFBI4_cjs.chartText({
+    ...chunkCXL254BT_cjs.chartText({
       role: "axis",
       id: `chart-x-label-${chart.id}`,
       order,
@@ -2643,7 +2733,7 @@ function buildXAxisLabel(chart, layout, order) {
       chart,
       align: "center"
     }),
-    prop: chunkYM3XFBI4_cjs.axisLabelProp("x")
+    prop: chunkCXL254BT_cjs.axisLabelProp("x")
   };
 }
 function buildYAxisLabel(chart, layout, order) {
@@ -2651,7 +2741,7 @@ function buildYAxisLabel(chart, layout, order) {
     return null;
   }
   return {
-    ...chunkYM3XFBI4_cjs.chartText({
+    ...chunkCXL254BT_cjs.chartText({
       role: "axis",
       id: `chart-y-label-${chart.id}`,
       order,
@@ -2667,7 +2757,7 @@ function buildYAxisLabel(chart, layout, order) {
       align: "center",
       rotation: -90
     }),
-    prop: chunkYM3XFBI4_cjs.axisLabelProp("y")
+    prop: chunkCXL254BT_cjs.axisLabelProp("y")
   };
 }
 function buildAxisLabels(chart, layout, order) {
@@ -2690,7 +2780,7 @@ function buildBoxplotSeriesYAxisTicks(chart, layout, order) {
   return chart.series.map((series, index) => {
     const centerY = layout.plot.y + (index + 0.5) * slotWidth;
     return {
-      ...chunkYM3XFBI4_cjs.chartText({
+      ...chunkCXL254BT_cjs.chartText({
         role: "axis",
         id: `chart-y-tick-${chart.id}-${index}`,
         order: order + index,
@@ -2700,7 +2790,7 @@ function buildBoxplotSeriesYAxisTicks(chart, layout, order) {
         chart,
         align: "right"
       }),
-      prop: chunkYM3XFBI4_cjs.seriesLabelProp(series.id)
+      prop: chunkCXL254BT_cjs.seriesLabelProp(series.id)
     };
   });
 }
@@ -2726,7 +2816,7 @@ function isStackedLegendPosition(position) {
   return position === "bottomLeft" || position === "bottomRight";
 }
 function legendItemWidths(chart) {
-  return legendSeries(chart).map((item) => Math.max(42, item.label.length * chunkYM3XFBI4_cjs.finite(chart.fontSize, 12) * 0.58 + 22));
+  return legendSeries(chart).map((item) => Math.max(42, item.label.length * chunkCXL254BT_cjs.finite(chart.fontSize, 12) * 0.58 + 22));
 }
 function stackedLegendColumnWidth(chart) {
   const widths = legendItemWidths(chart);
@@ -2779,9 +2869,9 @@ function renderLegendItem(render2, item) {
 }
 function createLegendSwatch(render2, item) {
   const { chart, bounds, diagnostics } = render2;
-  const fallback = chunkYM3XFBI4_cjs.CHART_COLORS[item.seriesIndex % chunkYM3XFBI4_cjs.CHART_COLORS.length];
+  const fallback = chunkCXL254BT_cjs.CHART_COLORS[item.seriesIndex % chunkCXL254BT_cjs.CHART_COLORS.length];
   const solidOnly = chart.chartType === "line";
-  const color2 = solidOnly ? chunkYM3XFBI4_cjs.representativeColor(item.series.color, fallback) : item.series.color ?? fallback;
+  const color2 = solidOnly ? chunkCXL254BT_cjs.representativeColor(item.series.color, fallback) : item.series.color ?? fallback;
   return {
     type: "rect",
     id: `chart-legend-swatch-${chart.id}-${item.series.id}`,
@@ -2792,16 +2882,16 @@ function createLegendSwatch(render2, item) {
     width: 10,
     height: 10,
     rx: 3,
-    prop: chunkYM3XFBI4_cjs.seriesColorProp(item.series.id),
+    prop: chunkCXL254BT_cjs.seriesColorProp(item.series.id),
     propKind: "color",
     propSolidOnly: solidOnly,
-    style: { fill: chunkYM3XFBI4_cjs.paint(color2, diagnostics, chart.id) }
+    style: { fill: chunkCXL254BT_cjs.paint(color2, diagnostics, chart.id) }
   };
 }
 function createLegendLabel(render2, item) {
   const { chart, bounds } = render2;
   return {
-    ...chunkYM3XFBI4_cjs.chartText({
+    ...chunkCXL254BT_cjs.chartText({
       role: "legend",
       id: `chart-legend-${chart.id}-${item.series.id}`,
       order: item.order + 1,
@@ -2810,7 +2900,7 @@ function createLegendLabel(render2, item) {
       text: item.series.label,
       chart
     }),
-    prop: chunkYM3XFBI4_cjs.seriesLabelProp(item.series.id)
+    prop: chunkCXL254BT_cjs.seriesLabelProp(item.series.id)
   };
 }
 
@@ -2829,13 +2919,13 @@ function hasCartesianDecorations(chart) {
   return !CHARTS_WITHOUT_CARTESIAN_DECORATIONS.has(chart.chartType);
 }
 function tickOffset(chart) {
-  return hasCartesianDecorations(chart) ? Math.max(0, chunkYM3XFBI4_cjs.finite(chart.tickLength, 0)) : 0;
+  return hasCartesianDecorations(chart) ? Math.max(0, chunkCXL254BT_cjs.finite(chart.tickLength, 0)) : 0;
 }
 function isHorizontalBoxplot(chart) {
   return chart.chartType === "boxplot" && chart.config?.orientation === "horizontal";
 }
 function boxplotCategoryLabelWidth(chart) {
-  const fontSize = chunkYM3XFBI4_cjs.finite(chart.fontSize, 12);
+  const fontSize = chunkCXL254BT_cjs.finite(chart.fontSize, 12);
   const longest = Math.max(0, ...chart.series.map((series) => (series.label || series.id).length));
   return longest * fontSize * 0.58 + 16;
 }
@@ -2847,7 +2937,7 @@ function treemapSideLegendSide(chart, showLegend) {
   return chart.legendPosition === "left" ? "left" : chart.legendPosition === "right" ? "right" : null;
 }
 function barCategoryLabelWidth(chart) {
-  const fontSize = chunkYM3XFBI4_cjs.finite(chart.axisFontSize ?? chart.fontSize, 12);
+  const fontSize = chunkCXL254BT_cjs.finite(chart.axisFontSize ?? chart.fontSize, 12);
   const categories = chart.config?.categories ?? [];
   return Math.max(0, ...categories.map((category) => category.length)) * fontSize * 0.58 + 16;
 }
@@ -2855,7 +2945,7 @@ function leftLabelWidth(chart) {
   if (isHorizontalBoxplot(chart)) {
     return boxplotCategoryLabelWidth(chart);
   }
-  if (chunkYM3XFBI4_cjs.isHorizontalBar(chart)) {
+  if (chunkCXL254BT_cjs.isHorizontalBar(chart)) {
     return chart.categoryAlign === "left" || chart.categoryAlign === "inside" ? 20 : barCategoryLabelWidth(chart);
   }
   if (chart.showValueAxis === false) {
@@ -2876,17 +2966,17 @@ function decorations(chart) {
   const padLeft = tick + (showLabels ? leftLabelWidth(chart) : 12) + (legendPosition === "bottomLeft" ? sideColumnWidth : 0) + (treemapSide === "left" ? TREEMAP_SIDE_LEGEND_WIDTH : 0);
   const padRight = 24 + (legendPosition === "bottomRight" ? sideColumnWidth : 0) + (treemapSide === "right" ? TREEMAP_SIDE_LEGEND_WIDTH : 0);
   const valueRow = chart.chartType === "bar" && chart.config?.showBarLabels === true && chart.config.barLabelPosition === "axis";
-  const horizontalValueAxis = chunkYM3XFBI4_cjs.isHorizontalBar(chart) && chart.showValueAxis !== false;
-  const basePadBottom = showLabels ? chunkYM3XFBI4_cjs.isHorizontalBar(chart) ? horizontalValueAxis ? 34 : 12 : (chart.axisX.label ? 52 : 34) + (valueRow ? 18 : 0) : 12;
+  const horizontalValueAxis = chunkCXL254BT_cjs.isHorizontalBar(chart) && chart.showValueAxis !== false;
+  const basePadBottom = showLabels ? chunkCXL254BT_cjs.isHorizontalBar(chart) ? horizontalValueAxis ? 34 : 12 : (chart.axisX.label ? 52 : 34) + (valueRow ? 18 : 0) : 12;
   const hasColorBar = chart.chartType === "field" && showLegend && Boolean(chart.config?.scale?.stops.length);
   const legendAtBottomRow = hasLegendItems && !legendAtTop && !legendStacked;
   const padBottom = tick + basePadBottom + (hasColorBar ? 44 : 0) + (legendAtBottomRow ? 16 + LEGEND_ROW_HEIGHT : 0);
-  const titleHeight = chart.title ? Math.max(44, 20 + chunkYM3XFBI4_cjs.finite(chart.titleSize, 14) * 1.6) : 0;
+  const titleHeight = chart.title ? Math.max(44, 20 + chunkCXL254BT_cjs.finite(chart.titleSize, 14) * 1.6) : 0;
   const padTop = titleHeight || (legendAtTop && hasLegendItems ? 44 : 24);
   return {
-    bounds: chunkYM3XFBI4_cjs.boxBounds(
+    bounds: chunkCXL254BT_cjs.boxBounds(
       { x: chart.x, y: chart.y, width: chart.width, height: chart.height },
-      chunkYM3XFBI4_cjs.finite(chart.strokeWidth, 1) + 2
+      chunkCXL254BT_cjs.finite(chart.strokeWidth, 1) + 2
     ),
     plot: {
       x: chart.x + padLeft,
@@ -2908,19 +2998,19 @@ function categoryLabels(chart, count) {
   return Array.from({ length: count }, (_value, index) => String(index + 1));
 }
 function buildCategoricalXAxisTicks(chart, layout, order) {
-  const count = chunkYM3XFBI4_cjs.barCategoryCount(chart);
+  const count = chunkCXL254BT_cjs.barCategoryCount(chart);
   const slotWidth = layout.plot.width / count;
   const labels = categoryLabels(chart, count);
   const editable = Boolean(chart.config?.categories?.length);
   const left = chart.categoryAlign === "left";
   const groupGap = left ? Math.min(
-    Math.max(0, chunkYM3XFBI4_cjs.finite(chart.config?.barGroupGap, 8)),
+    Math.max(0, chunkCXL254BT_cjs.finite(chart.config?.barGroupGap, 8)),
     Math.max(0, slotWidth - 1)
   ) : 0;
   return Array.from({ length: count }, (_value, index) => {
     const centerX = layout.plot.x + (index + 0.5) * slotWidth;
     return {
-      ...chunkYM3XFBI4_cjs.chartText({
+      ...chunkCXL254BT_cjs.chartText({
         role: "axis",
         id: `chart-x-tick-${chart.id}-${index}`,
         order: order + index,
@@ -2935,7 +3025,7 @@ function buildCategoricalXAxisTicks(chart, layout, order) {
         chart,
         align: left ? "left" : "center"
       }),
-      prop: editable ? chunkYM3XFBI4_cjs.categoryProp(index) : void 0
+      prop: editable ? chunkCXL254BT_cjs.categoryProp(index) : void 0
     };
   });
 }
@@ -2945,7 +3035,7 @@ function buildSeriesXAxisTicks(chart, layout, order) {
   return chart.series.map((series, index) => {
     const centerX = layout.plot.x + (index + 0.5) * slotWidth;
     return {
-      ...chunkYM3XFBI4_cjs.chartText({
+      ...chunkCXL254BT_cjs.chartText({
         role: "axis",
         id: `chart-x-tick-${chart.id}-${index}`,
         order: order + index,
@@ -2960,16 +3050,16 @@ function buildSeriesXAxisTicks(chart, layout, order) {
         chart,
         align: "center"
       }),
-      prop: chunkYM3XFBI4_cjs.seriesLabelProp(series.id)
+      prop: chunkCXL254BT_cjs.seriesLabelProp(series.id)
     };
   });
 }
 
 // src/renderScene/charts/decorations/numericXAxis.ts
 function buildNumericXAxisTicks(chart, layout, order) {
-  return chunkYM3XFBI4_cjs.chartTicks(chart.axisX).map((tick, index) => {
-    const x = layout.plot.x + chunkYM3XFBI4_cjs.mapChartValue(tick, chart.axisX, layout.plot.width);
-    return chunkYM3XFBI4_cjs.chartText({
+  return chunkCXL254BT_cjs.chartTicks(chart.axisX).map((tick, index) => {
+    const x = layout.plot.x + chunkCXL254BT_cjs.mapChartValue(tick, chart.axisX, layout.plot.width);
+    return chunkCXL254BT_cjs.chartText({
       role: "axis",
       id: `chart-x-tick-${chart.id}-${tick}`,
       order: order + index,
@@ -2984,9 +3074,9 @@ function buildNumericXAxisTicks(chart, layout, order) {
 
 // src/renderScene/charts/decorations/numericYAxis.ts
 function buildNumericYAxisTicks(chart, layout, order) {
-  return chunkYM3XFBI4_cjs.chartTicks(chart.axisY).map((tick, index) => {
-    const y = layout.plot.y + layout.plot.height - chunkYM3XFBI4_cjs.mapChartValue(tick, chart.axisY, layout.plot.height);
-    return chunkYM3XFBI4_cjs.chartText({
+  return chunkCXL254BT_cjs.chartTicks(chart.axisY).map((tick, index) => {
+    const y = layout.plot.y + layout.plot.height - chunkCXL254BT_cjs.mapChartValue(tick, chart.axisY, layout.plot.height);
+    return chunkCXL254BT_cjs.chartText({
       role: "axis",
       id: `chart-y-tick-${chart.id}-${tick}`,
       order: order + index,
@@ -3021,10 +3111,10 @@ function buildYAxisTicks(chart, layout, order) {
 function xTickPositions(chart, layout) {
   const { plot } = layout;
   if (chart.chartType === "bar") {
-    const count = chunkYM3XFBI4_cjs.barCategoryCount(chart);
+    const count = chunkCXL254BT_cjs.barCategoryCount(chart);
     return Array.from({ length: count }, (_value, index) => plot.x + (index + 0.5) * plot.width / count);
   }
-  return chunkYM3XFBI4_cjs.chartTicks(chart.axisX).map((tick) => plot.x + chunkYM3XFBI4_cjs.mapChartValue(tick, chart.axisX, plot.width));
+  return chunkCXL254BT_cjs.chartTicks(chart.axisX).map((tick) => plot.x + chunkCXL254BT_cjs.mapChartValue(tick, chart.axisX, plot.width));
 }
 function axisLineDash(chart, width) {
   if (chart.axisLineStyle === "dashed") {
@@ -3033,8 +3123,8 @@ function axisLineDash(chart, width) {
   return chart.axisLineStyle === "dotted" ? { dash: [0.1, width * 3], lineCap: "round" } : {};
 }
 function buildAxisLines(chart, layout, order) {
-  const lineWidth = chunkYM3XFBI4_cjs.finite(chart.axisLineWidth, 0);
-  const tickLength = chunkYM3XFBI4_cjs.finite(chart.tickLength, 0);
+  const lineWidth = chunkCXL254BT_cjs.finite(chart.axisLineWidth, 0);
+  const tickLength = chunkCXL254BT_cjs.finite(chart.tickLength, 0);
   if (lineWidth <= 0 && tickLength <= 0) {
     return [];
   }
@@ -3055,20 +3145,20 @@ function buildAxisLines(chart, layout, order) {
     }
     add("line-x", `M ${plot.x} ${bottom} L ${plot.x + plot.width} ${bottom}`);
   }
-  if (tickLength > 0 && chunkYM3XFBI4_cjs.isHorizontalBar(chart)) {
-    chunkYM3XFBI4_cjs.chartTicks(chart.axisY).forEach((tick) => {
-      const x = plot.x + chunkYM3XFBI4_cjs.mapChartValue(tick, chart.axisY, plot.width);
+  if (tickLength > 0 && chunkCXL254BT_cjs.isHorizontalBar(chart)) {
+    chunkCXL254BT_cjs.chartTicks(chart.axisY).forEach((tick) => {
+      const x = plot.x + chunkCXL254BT_cjs.mapChartValue(tick, chart.axisY, plot.width);
       add(`tick-v-${tick}`, `M ${x} ${bottom} L ${x} ${bottom + tickLength}`);
     });
-    const rows = chunkYM3XFBI4_cjs.horizontalRows(chart, plot);
+    const rows = chunkCXL254BT_cjs.horizontalRows(chart, plot);
     for (let index = 0; index < rows.count; index++) {
-      const y = chunkYM3XFBI4_cjs.rowTop(rows, plot, index) + rows.labelRow + rows.barsHeight / 2;
+      const y = chunkCXL254BT_cjs.rowTop(rows, plot, index) + rows.labelRow + rows.barsHeight / 2;
       add(`tick-c-${index}`, `M ${plot.x - tickLength} ${y} L ${plot.x} ${y}`);
     }
   }
-  if (tickLength > 0 && !isHorizontalBoxplot2(chart) && !chunkYM3XFBI4_cjs.isHorizontalBar(chart)) {
-    chunkYM3XFBI4_cjs.chartTicks(chart.axisY).forEach((tick) => {
-      const y = bottom - chunkYM3XFBI4_cjs.mapChartValue(tick, chart.axisY, plot.height);
+  if (tickLength > 0 && !isHorizontalBoxplot2(chart) && !chunkCXL254BT_cjs.isHorizontalBar(chart)) {
+    chunkCXL254BT_cjs.chartTicks(chart.axisY).forEach((tick) => {
+      const y = bottom - chunkCXL254BT_cjs.mapChartValue(tick, chart.axisY, plot.height);
       add(`tick-y-${tick}`, `M ${plot.x - tickLength} ${y} L ${plot.x} ${y}`);
     });
     xTickPositions(chart, layout).forEach((x, index) => {
@@ -3083,14 +3173,14 @@ function categoryNames(chart, count) {
 }
 function buildHorizontalBarAxes(chart, layout, order) {
   const { plot, bounds } = layout;
-  const rows = chunkYM3XFBI4_cjs.horizontalRows(chart, plot);
+  const rows = chunkCXL254BT_cjs.horizontalRows(chart, plot);
   const above = chart.categoryAlign === "left";
   const inside = chart.categoryAlign === "inside";
   const editable = Boolean(chart.config?.categories?.length);
   const nodes = categoryNames(chart, rows.count).map((name, index) => {
-    const top = chunkYM3XFBI4_cjs.rowTop(rows, plot, index);
+    const top = chunkCXL254BT_cjs.rowTop(rows, plot, index);
     return {
-      ...chunkYM3XFBI4_cjs.chartText({
+      ...chunkCXL254BT_cjs.chartText({
         role: "axis",
         id: `chart-y-category-${chart.id}-${index}`,
         order: order + index,
@@ -3100,19 +3190,19 @@ function buildHorizontalBarAxes(chart, layout, order) {
         chart,
         align: above || inside ? "left" : "right"
       }),
-      prop: editable ? chunkYM3XFBI4_cjs.categoryProp(index) : void 0
+      prop: editable ? chunkCXL254BT_cjs.categoryProp(index) : void 0
     };
   });
   if (chart.showValueAxis !== false) {
-    chunkYM3XFBI4_cjs.chartTicks(chart.axisY).forEach((tick, index) => {
-      const x = plot.x + chunkYM3XFBI4_cjs.mapChartValue(tick, chart.axisY, plot.width);
+    chunkCXL254BT_cjs.chartTicks(chart.axisY).forEach((tick, index) => {
+      const x = plot.x + chunkCXL254BT_cjs.mapChartValue(tick, chart.axisY, plot.width);
       nodes.push(
-        chunkYM3XFBI4_cjs.chartText({
+        chunkCXL254BT_cjs.chartText({
           role: "axis",
           id: `chart-x-tick-${chart.id}-${tick}`,
           order: order + rows.count + index,
           bounds,
-          frame: { x: x - 20, y: plot.y + plot.height + 4 + chunkYM3XFBI4_cjs.finite(chart.tickLength, 0), width: 40, height: 18 },
+          frame: { x: x - 20, y: plot.y + plot.height + 4 + chunkCXL254BT_cjs.finite(chart.tickLength, 0), width: 40, height: 18 },
           text: String(tick),
           chart,
           align: "center"
@@ -3131,7 +3221,7 @@ function buildChartAxes(chart, layout, order) {
     return lines;
   }
   order += lines.length;
-  if (chunkYM3XFBI4_cjs.isHorizontalBar(chart)) {
+  if (chunkCXL254BT_cjs.isHorizontalBar(chart)) {
     return [...lines, ...buildHorizontalBarAxes(chart, layout, order)];
   }
   const xTicks = buildXAxisTicks(chart, layout, order);
@@ -3209,7 +3299,7 @@ function buildCircularChartGrid(chart, plot, bounds, order) {
   const centerX = plot.x + plot.width / 2;
   const centerY = plot.y + plot.height / 2;
   const radius = Math.max(0, Math.min(plot.width, plot.height) / 2);
-  const width = chunkYM3XFBI4_cjs.finite(chart.gridWidth, 1);
+  const width = chunkCXL254BT_cjs.finite(chart.gridWidth, 1);
   if (chart.gridLineStyle === "dotted") {
     return buildDottedCircularGrid(chart, bounds, order, centerX, centerY, radius, width);
   }
@@ -3220,7 +3310,7 @@ function buildCircularChartGrid(chart, plot, bounds, order) {
     ...gridLineDashStyle(chart, width)
   };
   const nodes = [];
-  chunkYM3XFBI4_cjs.chartTicks(chart.axisY).filter((tick) => tick > chart.axisY.min).forEach((tick) => {
+  chunkCXL254BT_cjs.chartTicks(chart.axisY).filter((tick) => tick > chart.axisY.min).forEach((tick) => {
     const ringRadius = radius * ringRatio(chart, tick);
     nodes.push({
       type: "ellipse",
@@ -3234,8 +3324,8 @@ function buildCircularChartGrid(chart, plot, bounds, order) {
       style
     });
   });
-  chunkYM3XFBI4_cjs.chartTicks(chart.axisX).forEach((tick) => {
-    const angle = chunkYM3XFBI4_cjs.angleForAxisValue(chart.axisX.min, chart.axisX.max, tick);
+  chunkCXL254BT_cjs.chartTicks(chart.axisX).forEach((tick) => {
+    const angle = chunkCXL254BT_cjs.angleForAxisValue(chart.axisX.min, chart.axisX.max, tick);
     const edgeX = centerX + Math.cos(angle) * radius;
     const edgeY = centerY + Math.sin(angle) * radius;
     nodes.push({
@@ -3250,13 +3340,13 @@ function buildCircularChartGrid(chart, plot, bounds, order) {
   return nodes;
 }
 function buildDottedCircularGrid(chart, bounds, order, centerX, centerY, radius, width) {
-  const yTicks = chunkYM3XFBI4_cjs.chartTicks(chart.axisY).filter((tick) => tick > chart.axisY.min);
-  const xTicks = chunkYM3XFBI4_cjs.chartTicks(chart.axisX);
+  const yTicks = chunkCXL254BT_cjs.chartTicks(chart.axisY).filter((tick) => tick > chart.axisY.min);
+  const xTicks = chunkCXL254BT_cjs.chartTicks(chart.axisX);
   const nodes = [];
   yTicks.forEach((yTick) => {
     const ringRadius = radius * ringRatio(chart, yTick);
     xTicks.forEach((xTick) => {
-      const angle = chunkYM3XFBI4_cjs.angleForAxisValue(chart.axisX.min, chart.axisX.max, xTick);
+      const angle = chunkCXL254BT_cjs.angleForAxisValue(chart.axisX.min, chart.axisX.max, xTick);
       const x = centerX + Math.cos(angle) * ringRadius;
       const y = centerY + Math.sin(angle) * ringRadius;
       const id = `chart-grid-dot-${chart.id}-${xTick}-${yTick}`;
@@ -3278,8 +3368,8 @@ function buildChartGrid(chart, plot, bounds, order) {
   if (chart.gridShape === "circle" && CIRCULAR_GRID_CHART_TYPES.has(chart.chartType)) {
     return buildCircularChartGrid(chart, plot, bounds, order);
   }
-  const width = chunkYM3XFBI4_cjs.finite(chart.gridWidth, 1);
-  if (chunkYM3XFBI4_cjs.isHorizontalBar(chart)) {
+  const width = chunkCXL254BT_cjs.finite(chart.gridWidth, 1);
+  if (chunkCXL254BT_cjs.isHorizontalBar(chart)) {
     return buildHorizontalBarGrid(chart, plot, bounds, order, width);
   }
   const clip = chart.chartType === "field" ? fieldSurfaceClip(chart, plot) : void 0;
@@ -3294,8 +3384,8 @@ function buildChartGrid(chart, plot, bounds, order) {
     clip
   };
   const nodes = [];
-  (chart.gridAxes === "y" ? [] : chunkYM3XFBI4_cjs.chartTicks(chart.axisX)).forEach((tick) => {
-    const x = plot.x + chunkYM3XFBI4_cjs.mapChartValue(tick, chart.axisX, plot.width);
+  (chart.gridAxes === "y" ? [] : chunkCXL254BT_cjs.chartTicks(chart.axisX)).forEach((tick) => {
+    const x = plot.x + chunkCXL254BT_cjs.mapChartValue(tick, chart.axisX, plot.width);
     nodes.push({
       type: "path",
       id: `chart-grid-x-${chart.id}-${tick}`,
@@ -3305,8 +3395,8 @@ function buildChartGrid(chart, plot, bounds, order) {
       style
     });
   });
-  (chart.gridAxes === "x" ? [] : chunkYM3XFBI4_cjs.chartTicks(chart.axisY)).forEach((tick) => {
-    const y = plot.y + plot.height - chunkYM3XFBI4_cjs.mapChartValue(tick, chart.axisY, plot.height);
+  (chart.gridAxes === "x" ? [] : chunkCXL254BT_cjs.chartTicks(chart.axisY)).forEach((tick) => {
+    const y = plot.y + plot.height - chunkCXL254BT_cjs.mapChartValue(tick, chart.axisY, plot.height);
     nodes.push({
       type: "path",
       id: `chart-grid-y-${chart.id}-${tick}`,
@@ -3328,8 +3418,8 @@ function buildHorizontalBarGrid(chart, plot, bounds, order, width) {
     strokeWidth: width,
     ...chart.gridLineStyle === "dotted" ? { dash: [0.1, width * 3], lineCap: "round" } : gridLineDashStyle(chart, width)
   };
-  return chunkYM3XFBI4_cjs.chartTicks(chart.axisY).map((tick, index) => {
-    const x = plot.x + chunkYM3XFBI4_cjs.mapChartValue(tick, chart.axisY, plot.width);
+  return chunkCXL254BT_cjs.chartTicks(chart.axisY).map((tick, index) => {
+    const x = plot.x + chunkCXL254BT_cjs.mapChartValue(tick, chart.axisY, plot.width);
     return {
       type: "path",
       id: `chart-grid-x-${chart.id}-${tick}`,
@@ -3341,13 +3431,13 @@ function buildHorizontalBarGrid(chart, plot, bounds, order, width) {
   });
 }
 function buildDottedRectGrid(chart, plot, bounds, order, width, clip) {
-  const xTicks = chunkYM3XFBI4_cjs.chartTicks(chart.axisX);
-  const yTicks = chunkYM3XFBI4_cjs.chartTicks(chart.axisY);
+  const xTicks = chunkCXL254BT_cjs.chartTicks(chart.axisX);
+  const yTicks = chunkCXL254BT_cjs.chartTicks(chart.axisY);
   const nodes = [];
   xTicks.forEach((xTick) => {
-    const x = plot.x + chunkYM3XFBI4_cjs.mapChartValue(xTick, chart.axisX, plot.width);
+    const x = plot.x + chunkCXL254BT_cjs.mapChartValue(xTick, chart.axisX, plot.width);
     yTicks.forEach((yTick) => {
-      const y = plot.y + plot.height - chunkYM3XFBI4_cjs.mapChartValue(yTick, chart.axisY, plot.height);
+      const y = plot.y + plot.height - chunkCXL254BT_cjs.mapChartValue(yTick, chart.axisY, plot.height);
       const id = `chart-grid-dot-${chart.id}-${xTick}-${yTick}`;
       nodes.push(createGridDot(chart, id, order + nodes.length, bounds, x, y, width, clip));
     });
@@ -3370,7 +3460,7 @@ function createChartRuleMarks(render2) {
     return {
       rule,
       color: rule.color || render2.chart.strokeColor || "#475569",
-      y: render2.plot.y + render2.plot.height - chunkYM3XFBI4_cjs.mapChartValue(rule.at, render2.chart.axisY, render2.plot.height),
+      y: render2.plot.y + render2.plot.height - chunkCXL254BT_cjs.mapChartValue(rule.at, render2.chart.axisY, render2.plot.height),
       lineOrder,
       labelOrder
     };
@@ -3390,7 +3480,7 @@ function createChartRuleLine(render2, mark) {
     order: mark.lineOrder,
     bounds: render2.bounds,
     d: `M ${render2.plot.x} ${mark.y} L ${render2.plot.x + render2.plot.width} ${mark.y}`,
-    prop: chunkYM3XFBI4_cjs.ruleAtProp(mark.rule.id),
+    prop: chunkCXL254BT_cjs.ruleAtProp(mark.rule.id),
     propKind: "value",
     style: {
       fill: { kind: "none" },
@@ -3401,9 +3491,9 @@ function createChartRuleLine(render2, mark) {
   };
 }
 function createChartRuleLabel(render2, mark) {
-  const fontSize = Math.max(9, chunkYM3XFBI4_cjs.finite(render2.chart.fontSize, 12) - 2);
+  const fontSize = Math.max(9, chunkCXL254BT_cjs.finite(render2.chart.fontSize, 12) - 2);
   return {
-    ...chunkYM3XFBI4_cjs.chartText({
+    ...chunkCXL254BT_cjs.chartText({
       id: `chart-rule-label-${render2.chart.id}-${mark.rule.id}`,
       order: mark.labelOrder ?? mark.lineOrder + 1,
       bounds: render2.bounds,
@@ -3412,19 +3502,19 @@ function createChartRuleLabel(render2, mark) {
       chart: render2.chart
     }),
     color: mark.color,
-    prop: chunkYM3XFBI4_cjs.ruleTextProp(mark.rule.id)
+    prop: chunkCXL254BT_cjs.ruleTextProp(mark.rule.id)
   };
 }
 
 // src/renderScene/charts/chartBackdrop.ts
 function chartImageRect(chart) {
-  const inset = chunkYM3XFBI4_cjs.finite(chart.strokeWidth, 1) / 2;
+  const inset = chunkCXL254BT_cjs.finite(chart.strokeWidth, 1) / 2;
   return {
     x: chart.x + inset,
     y: chart.y + inset,
     width: Math.max(1, chart.width - inset * 2),
     height: Math.max(1, chart.height - inset * 2),
-    rx: Math.max(0, chunkYM3XFBI4_cjs.finite(chart.cornerRadius, 12) - inset)
+    rx: Math.max(0, chunkCXL254BT_cjs.finite(chart.cornerRadius, 12) - inset)
   };
 }
 function buildChartBackdrop(chart, bounds, order) {
@@ -3466,7 +3556,7 @@ function buildChartBackdrop(chart, bounds, order) {
 // src/renderScene/charts/renderers/bar/glass.ts
 function createGlassBackdropNodes(context, id, d) {
   const { chart, bounds, nextOrder } = context;
-  const blur = chunkYM3XFBI4_cjs.finite(chart.config?.barGlassBlur, 0);
+  const blur = chunkCXL254BT_cjs.finite(chart.config?.barGlassBlur, 0);
   if (blur <= 0 || !chart.fillImage) {
     return [];
   }
@@ -3484,7 +3574,7 @@ function createGlassBackdropNodes(context, id, d) {
       href: chart.fillImage.url,
       style: {
         blur,
-        saturate: chunkYM3XFBI4_cjs.finite(chart.config?.barGlassSaturation, 1),
+        saturate: chunkCXL254BT_cjs.finite(chart.config?.barGlassSaturation, 1),
         clip: { type: "path", d },
         pointerEvents: "none"
       }
@@ -3535,8 +3625,8 @@ function createBarGlowNode(context, id, d, color2, glow, bounds = context.bounds
     bounds,
     d,
     style: {
-      fill: chunkYM3XFBI4_cjs.paint(color2, diagnostics, chart.id),
-      shadow: { color: chunkYM3XFBI4_cjs.representativeColor(color2, "#ffffff"), opacity: 0.9, blur: glow, dx: 0, dy: 0 },
+      fill: chunkCXL254BT_cjs.paint(color2, diagnostics, chart.id),
+      shadow: { color: chunkCXL254BT_cjs.representativeColor(color2, "#ffffff"), opacity: 0.9, blur: glow, dx: 0, dy: 0 },
       pointerEvents: "none"
     }
   };
@@ -3547,14 +3637,14 @@ function barLabelsEnabled(context) {
   return context.chart.config?.showBarLabels === true;
 }
 function resolvePlacement(target, size) {
-  const fits = target.frame.height >= size.height + chunkYM3XFBI4_cjs.BAR_LABEL.gap * 2;
+  const fits = target.frame.height >= size.height + chunkCXL254BT_cjs.BAR_LABEL.gap * 2;
   return target.placement !== "outside" && !fits ? "outside" : target.placement;
 }
 function labelTop(placement, frame, height) {
   if (placement === "outside") {
-    return frame.y - height - chunkYM3XFBI4_cjs.BAR_LABEL.gap;
+    return frame.y - height - chunkCXL254BT_cjs.BAR_LABEL.gap;
   }
-  return placement === "inside" ? frame.y + chunkYM3XFBI4_cjs.BAR_LABEL.gap : frame.y + frame.height / 2 - height / 2;
+  return placement === "inside" ? frame.y + chunkCXL254BT_cjs.BAR_LABEL.gap : frame.y + frame.height / 2 - height / 2;
 }
 function createPillNode(context, id, box, color2) {
   const { chart, bounds, diagnostics, nextOrder } = context;
@@ -3564,11 +3654,11 @@ function createPillNode(context, id, box, color2) {
     id: `${id}-pill`,
     order: nextOrder(),
     bounds,
-    d: chunkYM3XFBI4_cjs.pillPath(box.left, box.top, box.width, box.height),
+    d: chunkCXL254BT_cjs.pillPath(box.left, box.top, box.width, box.height),
     style: {
-      fill: config?.barLabelPillColor ? chunkYM3XFBI4_cjs.paint(config.barLabelPillColor, diagnostics, chart.id) : { kind: "none" },
-      stroke: chunkYM3XFBI4_cjs.paint(config?.barLabelBorderColor ?? color2, diagnostics, chart.id),
-      strokeWidth: chunkYM3XFBI4_cjs.finite(config?.barLabelBorderWidth, 1),
+      fill: config?.barLabelPillColor ? chunkCXL254BT_cjs.paint(config.barLabelPillColor, diagnostics, chart.id) : { kind: "none" },
+      stroke: chunkCXL254BT_cjs.paint(config?.barLabelBorderColor ?? color2, diagnostics, chart.id),
+      strokeWidth: chunkCXL254BT_cjs.finite(config?.barLabelBorderWidth, 1),
       pointerEvents: "none"
     }
   };
@@ -3577,7 +3667,7 @@ function createTextNode(context, id, box, text, placement, fontSize, color2) {
   const { chart, bounds, nextOrder } = context;
   const config = chart.config;
   return {
-    ...chunkYM3XFBI4_cjs.chartText({
+    ...chunkCXL254BT_cjs.chartText({
       id,
       order: nextOrder(),
       bounds,
@@ -3598,7 +3688,7 @@ function createAxisValueNode(context, target, text, fontSize) {
   const config = chart.config;
   const top = plot.y + plot.height + 4 + 16 + Math.max(0, chart.tickLength ?? 0);
   return {
-    ...chunkYM3XFBI4_cjs.chartText({
+    ...chunkCXL254BT_cjs.chartText({
       id: target.id,
       order: nextOrder(),
       bounds,
@@ -3607,7 +3697,7 @@ function createAxisValueNode(context, target, text, fontSize) {
         y: target.frame.y + target.frame.height / 2 - fontSize * 0.6,
         width: plot.width - 14,
         height: fontSize * 1.2
-      } : { x: plot.x, y: target.frame.y - chunkYM3XFBI4_cjs.CATEGORY_LABEL_ROW, width: plot.width, height: fontSize * 1.2 } : { x: target.frame.x, y: top, width: target.frame.width, height: fontSize * 1.2 },
+      } : { x: plot.x, y: target.frame.y - chunkCXL254BT_cjs.CATEGORY_LABEL_ROW, width: plot.width, height: fontSize * 1.2 } : { x: target.frame.x, y: top, width: target.frame.width, height: fontSize * 1.2 },
       text,
       chart,
       align: target.horizontal ? "right" : chart.categoryAlign === "left" ? "left" : "center"
@@ -3621,24 +3711,24 @@ function createAxisValueNode(context, target, text, fontSize) {
 }
 function horizontalPlacement(target, size) {
   const requested = target.placement === "axis" ? "outside" : target.placement;
-  const fits = target.frame.width >= size.width + chunkYM3XFBI4_cjs.BAR_LABEL.gap * 2;
+  const fits = target.frame.width >= size.width + chunkCXL254BT_cjs.BAR_LABEL.gap * 2;
   return requested !== "outside" && !fits ? "outside" : requested;
 }
 function horizontalBox(target, size, placement) {
   const { frame } = target;
-  const left = placement === "outside" ? frame.x + frame.width + chunkYM3XFBI4_cjs.BAR_LABEL.gap : placement === "inside" ? frame.x + frame.width - size.width - chunkYM3XFBI4_cjs.BAR_LABEL.gap : frame.x + frame.width / 2 - size.width / 2;
+  const left = placement === "outside" ? frame.x + frame.width + chunkCXL254BT_cjs.BAR_LABEL.gap : placement === "inside" ? frame.x + frame.width - size.width - chunkCXL254BT_cjs.BAR_LABEL.gap : frame.x + frame.width / 2 - size.width / 2;
   return { ...size, left, top: frame.y + frame.height / 2 - size.height / 2 };
 }
 function createBarLabelNodes(context, target) {
   const { chart } = context;
   const config = chart.config;
-  const fontSize = Math.max(8, chunkYM3XFBI4_cjs.finite(config?.barLabelFontSize, chunkYM3XFBI4_cjs.finite(chart.fontSize, 12)));
-  const text = chunkYM3XFBI4_cjs.formatBarLabel(target.value, config?.barLabelFormat);
+  const fontSize = Math.max(8, chunkCXL254BT_cjs.finite(config?.barLabelFontSize, chunkCXL254BT_cjs.finite(chart.fontSize, 12)));
+  const text = chunkCXL254BT_cjs.formatBarLabel(target.value, config?.barLabelFormat);
   if (target.placement === "axis") {
     return [createAxisValueNode(context, target, text, fontSize)];
   }
   const pill = config?.barLabelPill === true;
-  const size = chunkYM3XFBI4_cjs.barLabelSize(text, fontSize, pill);
+  const size = chunkCXL254BT_cjs.barLabelSize(text, fontSize, pill);
   const placement = target.horizontal ? horizontalPlacement(target, size) : resolvePlacement(target, size);
   const box = target.horizontal ? horizontalBox(target, size, placement) : {
     ...size,
@@ -3679,7 +3769,7 @@ function barTrackClip(context, frame) {
   }
   return {
     type: "path",
-    d: chunkYM3XFBI4_cjs.roundedBarPath(frame.x, frame.y, frame.width, frame.height, context.chart.config?.barCornerRadius ?? 2)
+    d: chunkCXL254BT_cjs.roundedBarPath(frame.x, frame.y, frame.width, frame.height, context.chart.config?.barCornerRadius ?? 2)
   };
 }
 function barTrackEnabled(context) {
@@ -3689,8 +3779,8 @@ function createBarTrackNodes(context, id, frame, orientation = "vertical") {
   const { chart, bounds, diagnostics, nextOrder } = context;
   const config = chart.config;
   const radius = config?.barCornerRadius ?? 2;
-  const segments = chunkYM3XFBI4_cjs.finite(config?.barSegments, 0);
-  const d = segments > 0 ? chunkYM3XFBI4_cjs.segmentedBarPath(frame, orientation, segments, chunkYM3XFBI4_cjs.finite(config?.barSegmentGap, 4), radius, 1, true) : chunkYM3XFBI4_cjs.roundedBarPath(frame.x, frame.y, frame.width, frame.height, radius);
+  const segments = chunkCXL254BT_cjs.finite(config?.barSegments, 0);
+  const d = segments > 0 ? chunkCXL254BT_cjs.segmentedBarPath(frame, orientation, segments, chunkCXL254BT_cjs.finite(config?.barSegmentGap, 4), radius, 1, true) : chunkCXL254BT_cjs.roundedBarPath(frame.x, frame.y, frame.width, frame.height, radius);
   const nodes = [
     {
       type: "path",
@@ -3699,7 +3789,7 @@ function createBarTrackNodes(context, id, frame, orientation = "vertical") {
       bounds,
       d,
       style: {
-        fill: chunkYM3XFBI4_cjs.paint(config?.barTrackColor ?? chart.gridColor ?? "#e2e8f0", diagnostics, chart.id),
+        fill: chunkCXL254BT_cjs.paint(config?.barTrackColor ?? chart.gridColor ?? "#e2e8f0", diagnostics, chart.id),
         pointerEvents: "none"
       }
     }
@@ -3715,13 +3805,13 @@ function createBarTrackNodes(context, id, frame, orientation = "vertical") {
         frame.y,
         frame.width,
         frame.height,
-        chunkYM3XFBI4_cjs.finite(config.barTrackHatchAngle, DEFAULT_HATCH.angle),
-        Math.max(MIN_HATCH_SPACING, chunkYM3XFBI4_cjs.finite(config.barTrackHatchSpacing, DEFAULT_HATCH.spacing))
+        chunkCXL254BT_cjs.finite(config.barTrackHatchAngle, DEFAULT_HATCH.angle),
+        Math.max(MIN_HATCH_SPACING, chunkCXL254BT_cjs.finite(config.barTrackHatchSpacing, DEFAULT_HATCH.spacing))
       ),
       style: {
         fill: { kind: "none" },
-        stroke: chunkYM3XFBI4_cjs.paint(config.barTrackHatchColor ?? chart.gridColor ?? "#cbd5e1", diagnostics, chart.id),
-        strokeWidth: chunkYM3XFBI4_cjs.finite(config.barTrackHatchWidth, DEFAULT_HATCH.width),
+        stroke: chunkCXL254BT_cjs.paint(config.barTrackHatchColor ?? chart.gridColor ?? "#cbd5e1", diagnostics, chart.id),
+        strokeWidth: chunkCXL254BT_cjs.finite(config.barTrackHatchWidth, DEFAULT_HATCH.width),
         pointerEvents: "none",
         clip: { type: "path", d }
       }
@@ -3768,23 +3858,23 @@ function groupedShape(context, frame) {
   const { chart, plot } = context;
   const config = chart.config;
   const radius = config?.barCornerRadius ?? 2;
-  const segments = chunkYM3XFBI4_cjs.finite(config?.barSegments, 0);
+  const segments = chunkCXL254BT_cjs.finite(config?.barSegments, 0);
   if (segments > 0) {
-    return chunkYM3XFBI4_cjs.segmentedBarPath(
+    return chunkCXL254BT_cjs.segmentedBarPath(
       { x: frame.x, y: plot.y, width: frame.width, height: plot.height },
       "vertical",
       segments,
-      chunkYM3XFBI4_cjs.finite(config?.barSegmentGap, 4),
+      chunkCXL254BT_cjs.finite(config?.barSegmentGap, 4),
       radius,
       frame.height / plot.height,
       config?.barSegmentSnap !== false
     );
   }
-  return chunkYM3XFBI4_cjs.barPath(frame.x, frame.y, frame.width, frame.height, radius, config?.barRoundedBottom === true);
+  return chunkCXL254BT_cjs.barPath(frame.x, frame.y, frame.width, frame.height, radius, config?.barRoundedBottom === true);
 }
 function createGroupedGlow(context, mark) {
   const { chart } = context;
-  const glow = chunkYM3XFBI4_cjs.finite(chart.config?.barGlow, 0);
+  const glow = chunkCXL254BT_cjs.finite(chart.config?.barGlow, 0);
   if (glow <= 0 || mark.frame.height <= 0) {
     return [];
   }
@@ -3795,10 +3885,10 @@ function createGroupedGlow(context, mark) {
 }
 function createGroupedBarLayout(context) {
   const { chart, plot } = context;
-  const valueCount = chunkYM3XFBI4_cjs.barCategoryCount(chart);
+  const valueCount = chunkCXL254BT_cjs.barCategoryCount(chart);
   const slotWidth = plot.width / valueCount;
-  const groupGap = Math.min(Math.max(0, chunkYM3XFBI4_cjs.finite(chart.config?.barGroupGap, 8)), Math.max(0, slotWidth - 1));
-  const barGap = Math.max(0, chunkYM3XFBI4_cjs.finite(chart.config?.barGap, 2));
+  const groupGap = Math.min(Math.max(0, chunkCXL254BT_cjs.finite(chart.config?.barGroupGap, 8)), Math.max(0, slotWidth - 1));
+  const barGap = Math.max(0, chunkCXL254BT_cjs.finite(chart.config?.barGap, 2));
   return {
     slotWidth,
     seriesWidth: Math.max(1, (slotWidth - groupGap) / Math.max(1, chart.series.length)),
@@ -3808,10 +3898,10 @@ function createGroupedBarLayout(context) {
 }
 function createSeriesBarMarks(context, layout, series, seriesIndex) {
   const { chart, plot } = context;
-  const seriesColor2 = series.color ?? chunkYM3XFBI4_cjs.CHART_COLORS[seriesIndex % chunkYM3XFBI4_cjs.CHART_COLORS.length];
+  const seriesColor2 = series.color ?? chunkCXL254BT_cjs.CHART_COLORS[seriesIndex % chunkCXL254BT_cjs.CHART_COLORS.length];
   return series.values.map((value, valueIndex) => {
     const numericValue = Array.isArray(value) ? value[1] : value;
-    const height = Math.max(0, chunkYM3XFBI4_cjs.mapChartValue(numericValue, chart.axisY, plot.height));
+    const height = Math.max(0, chunkCXL254BT_cjs.mapChartValue(numericValue, chart.axisY, plot.height));
     return {
       seriesId: series.id,
       valueIndex,
@@ -3845,10 +3935,10 @@ function createGroupedBarNodes(context, mark) {
   const radius = chart.config?.barCornerRadius ?? 2;
   const { x, width } = mark.frame;
   const path = groupedShape(context, mark.frame);
-  const fill2 = chunkYM3XFBI4_cjs.paint(mark.color, diagnostics, chart.id);
-  const stroke = chunkYM3XFBI4_cjs.paint(chart.config?.barBorderColor || "#000000", diagnostics, chart.id);
-  const strokeWidth = chunkYM3XFBI4_cjs.finite(chart.config?.barBorderWidth, 0);
-  const shadow = chunkYM3XFBI4_cjs.resolveChartShadow(chart.shadowStyle);
+  const fill2 = chunkCXL254BT_cjs.paint(mark.color, diagnostics, chart.id);
+  const stroke = chunkCXL254BT_cjs.paint(chart.config?.barBorderColor || "#000000", diagnostics, chart.id);
+  const strokeWidth = chunkCXL254BT_cjs.finite(chart.config?.barBorderWidth, 0);
+  const shadow = chunkCXL254BT_cjs.resolveChartShadow(chart.shadowStyle);
   const shadowCaster = shadow ? {
     type: "path",
     id: `chart-bar-shadow-${chart.id}-${mark.seriesId}-${mark.valueIndex}`,
@@ -3878,10 +3968,10 @@ function createGroupedBarNodes(context, mark) {
       valueIndex: mark.valueIndex,
       mark: "bar",
       radius,
-      colorProp: chunkYM3XFBI4_cjs.seriesValueColorProp(mark.seriesId, mark.valueIndex),
+      colorProp: chunkCXL254BT_cjs.seriesValueColorProp(mark.seriesId, mark.valueIndex),
       hasColorOverride: mark.hasColorOverride
     },
-    prop: chunkYM3XFBI4_cjs.seriesValueProp(mark.seriesId, mark.valueIndex),
+    prop: chunkCXL254BT_cjs.seriesValueProp(mark.seriesId, mark.valueIndex),
     style: { fill: fill2, stroke, strokeWidth, innerShadow: shadow }
   };
   const glass = createGlassBackdropNodes(context, `${mark.seriesId}-${mark.valueIndex}`, path);
@@ -3892,15 +3982,15 @@ function createGroupedBarError(context, mark) {
     return null;
   }
   const { chart, plot, bounds, nextOrder } = context;
-  const [lower, upper] = chunkYM3XFBI4_cjs.errorBarRange(mark.value, mark.error);
-  return chunkYM3XFBI4_cjs.createVerticalErrorWhiskerNode({
+  const [lower, upper] = chunkCXL254BT_cjs.errorBarRange(mark.value, mark.error);
+  return chunkCXL254BT_cjs.createVerticalErrorWhiskerNode({
     id: `chart-bar-error-${chart.id}-${mark.seriesId}-${mark.valueIndex}`,
     order: nextOrder(),
     bounds,
     geometry: {
       centerX: mark.frame.x + mark.frame.width / 2,
-      startY: plot.y + plot.height - chunkYM3XFBI4_cjs.mapChartValue(lower, chart.axisY, plot.height),
-      endY: plot.y + plot.height - chunkYM3XFBI4_cjs.mapChartValue(upper, chart.axisY, plot.height)
+      startY: plot.y + plot.height - chunkCXL254BT_cjs.mapChartValue(lower, chart.axisY, plot.height),
+      endY: plot.y + plot.height - chunkCXL254BT_cjs.mapChartValue(upper, chart.axisY, plot.height)
     },
     color: chart.textColor ?? "#0f172a",
     valueReference: { seriesId: mark.seriesId, valueIndex: mark.valueIndex }
@@ -3910,9 +4000,9 @@ function createGroupedBarError(context, mark) {
 // src/renderScene/charts/renderers/bar/horizontal.ts
 function barFrame(context, rows, seriesIndex, valueIndex, value) {
   const { chart, plot } = context;
-  const top = chunkYM3XFBI4_cjs.rowTop(rows, plot, valueIndex) + rows.labelRow;
+  const top = chunkCXL254BT_cjs.rowTop(rows, plot, valueIndex) + rows.labelRow;
   if (context.stackedMode) {
-    const segment = chunkYM3XFBI4_cjs.stackedSegment(chart, context.stackedMode, valueIndex, seriesIndex, plot.width);
+    const segment = chunkCXL254BT_cjs.stackedSegment(chart, context.stackedMode, valueIndex, seriesIndex, plot.width);
     const start = Math.min(segment.pixelStart, segment.pixelEnd);
     return {
       x: plot.x + start,
@@ -3921,27 +4011,27 @@ function barFrame(context, rows, seriesIndex, valueIndex, value) {
       height: rows.barsHeight
     };
   }
-  const barGap = Math.max(0, chunkYM3XFBI4_cjs.finite(chart.config?.barGap, 2));
+  const barGap = Math.max(0, chunkCXL254BT_cjs.finite(chart.config?.barGap, 2));
   const seriesHeight = rows.barsHeight / Math.max(1, chart.series.length);
-  const width = Math.max(0, chunkYM3XFBI4_cjs.mapChartValue(value, chart.axisY, plot.width));
+  const width = Math.max(0, chunkCXL254BT_cjs.mapChartValue(value, chart.axisY, plot.width));
   return { x: plot.x, y: top + seriesIndex * seriesHeight, width, height: Math.max(1, seriesHeight - barGap) };
 }
 function barPath2(context, frame) {
   const { chart, plot } = context;
   const config = chart.config;
-  const segments = context.stackedMode && chart.series.length > 1 ? 0 : chunkYM3XFBI4_cjs.finite(config?.barSegments, 0);
+  const segments = context.stackedMode && chart.series.length > 1 ? 0 : chunkCXL254BT_cjs.finite(config?.barSegments, 0);
   if (segments > 0) {
-    return chunkYM3XFBI4_cjs.segmentedBarPath(
+    return chunkCXL254BT_cjs.segmentedBarPath(
       { x: plot.x, y: frame.y, width: plot.width, height: frame.height },
       "horizontal",
       segments,
-      chunkYM3XFBI4_cjs.finite(config?.barSegmentGap, 4),
+      chunkCXL254BT_cjs.finite(config?.barSegmentGap, 4),
       config?.barCornerRadius ?? 2,
       frame.width / plot.width,
       config?.barSegmentSnap !== false
     );
   }
-  return chunkYM3XFBI4_cjs.roundedBarPath(frame.x, frame.y, frame.width, frame.height, config?.barCornerRadius ?? 2);
+  return chunkCXL254BT_cjs.roundedBarPath(frame.x, frame.y, frame.width, frame.height, config?.barCornerRadius ?? 2);
 }
 function markOf(context, rows, series, seriesIndex, valueIndex, value) {
   const { plot } = context;
@@ -3961,16 +4051,16 @@ function markOf(context, rows, series, seriesIndex, valueIndex, value) {
       maxY: frame.y + frame.height
     },
     path: barPath2(context, frame),
-    color: series.colors?.[valueIndex] ?? series.color ?? chunkYM3XFBI4_cjs.CHART_COLORS[seriesIndex % chunkYM3XFBI4_cjs.CHART_COLORS.length]
+    color: series.colors?.[valueIndex] ?? series.color ?? chunkCXL254BT_cjs.CHART_COLORS[seriesIndex % chunkCXL254BT_cjs.CHART_COLORS.length]
   };
 }
 function barNodes(context, mark) {
   const { chart, diagnostics, nextOrder } = context;
   const config = chart.config;
-  const stroke = chunkYM3XFBI4_cjs.paint(config?.barBorderColor || "#000000", diagnostics, chart.id);
-  const strokeWidth = chunkYM3XFBI4_cjs.finite(config?.barBorderWidth, 0);
-  const shadow = chunkYM3XFBI4_cjs.resolveChartShadow(chart.shadowStyle);
-  const fill2 = chunkYM3XFBI4_cjs.paint(mark.color, diagnostics, chart.id);
+  const stroke = chunkCXL254BT_cjs.paint(config?.barBorderColor || "#000000", diagnostics, chart.id);
+  const strokeWidth = chunkCXL254BT_cjs.finite(config?.barBorderWidth, 0);
+  const shadow = chunkCXL254BT_cjs.resolveChartShadow(chart.shadowStyle);
+  const fill2 = chunkCXL254BT_cjs.paint(mark.color, diagnostics, chart.id);
   const nodes = [...createGlassBackdropNodes(context, mark.id, mark.path)];
   if (shadow) {
     nodes.push({
@@ -3994,7 +4084,7 @@ function barNodes(context, mark) {
       valueIndex: mark.valueIndex,
       mark: "bar",
       radius: config?.barCornerRadius ?? 2,
-      colorProp: chunkYM3XFBI4_cjs.seriesValueColorProp(mark.series.id, mark.valueIndex),
+      colorProp: chunkCXL254BT_cjs.seriesValueColorProp(mark.series.id, mark.valueIndex),
       hasColorOverride: mark.series.colors?.[mark.valueIndex] != null
     },
     style: { fill: fill2, stroke, strokeWidth, innerShadow: shadow }
@@ -4024,7 +4114,7 @@ function pushBar(context, rows, layers, series, seriesIndex, valueIndex, value,
     layers.tracks.push(...createBarTrackNodes(context, mark.id, mark.trackFrame, "horizontal"));
   }
   layers.bars.push(...barNodes(context, mark));
-  const glow = chunkYM3XFBI4_cjs.finite(chart.config?.barGlow, 0);
+  const glow = chunkCXL254BT_cjs.finite(chart.config?.barGlow, 0);
   if (glow > 0 && mark.frame.width > 0) {
     layers.glows.push(
       createBarGlowNode(context, `chart-bar-glow-${chart.id}-${mark.id}`, mark.path, mark.color, glow, mark.bounds)
@@ -4033,7 +4123,7 @@ function pushBar(context, rows, layers, series, seriesIndex, valueIndex, value,
   layers.labels.push(...labelNodes2(context, mark, highest));
 }
 function renderHorizontalBars(context) {
-  const rows = chunkYM3XFBI4_cjs.horizontalRows(context.chart, context.plot);
+  const rows = chunkCXL254BT_cjs.horizontalRows(context.chart, context.plot);
   const layers = { tracks: [], bars: [], glows: [], labels: [] };
   context.chart.series.forEach((series, seriesIndex) => {
     const numeric = series.values.map((value) => typeof value === "number" ? value : value[1]);
@@ -4048,8 +4138,8 @@ function renderHorizontalBars(context) {
 // src/renderScene/charts/renderers/bar/stacked.ts
 function slotOf(context, mode) {
   const { chart, plot } = context;
-  const slotWidth = plot.width / chunkYM3XFBI4_cjs.barCategoryCount(chart);
-  const groupGap = Math.min(Math.max(0, chunkYM3XFBI4_cjs.finite(chart.config?.barGroupGap, 8)), Math.max(0, slotWidth - 1));
+  const slotWidth = plot.width / chunkCXL254BT_cjs.barCategoryCount(chart);
+  const groupGap = Math.min(Math.max(0, chunkCXL254BT_cjs.finite(chart.config?.barGroupGap, 8)), Math.max(0, slotWidth - 1));
   return {
     slotWidth,
     groupGap,
@@ -4060,19 +4150,19 @@ function slotOf(context, mode) {
 }
 function pathOf(context, x, y, height, slot, radius) {
   const { chart, plot } = context;
-  const segments = chart.series.length === 1 ? chunkYM3XFBI4_cjs.finite(chart.config?.barSegments, 0) : 0;
+  const segments = chart.series.length === 1 ? chunkCXL254BT_cjs.finite(chart.config?.barSegments, 0) : 0;
   if (segments > 0) {
-    return chunkYM3XFBI4_cjs.segmentedBarPath(
+    return chunkCXL254BT_cjs.segmentedBarPath(
       { x, y: plot.y, width: slot.barWidth, height: plot.height },
       "vertical",
       segments,
-      chunkYM3XFBI4_cjs.finite(chart.config?.barSegmentGap, 4),
+      chunkCXL254BT_cjs.finite(chart.config?.barSegmentGap, 4),
       radius,
       height / plot.height,
       chart.config?.barSegmentSnap !== false
     );
   }
-  return chunkYM3XFBI4_cjs.barPath(x, y, slot.barWidth, height, radius, chart.config?.barRoundedBottom === true);
+  return chunkCXL254BT_cjs.barPath(x, y, slot.barWidth, height, radius, chart.config?.barRoundedBottom === true);
 }
 function pushLabel(context, layers, series, seriesIndex, valueIndex, slot, frame) {
   const { chart } = context;
@@ -4094,7 +4184,7 @@ function pushLabel(context, layers, series, seriesIndex, valueIndex, slot, frame
 }
 function markOf2(context, mode, slot, series, seriesIndex, valueIndex) {
   const { chart, plot } = context;
-  const segment = chunkYM3XFBI4_cjs.stackedSegment(chart, mode, valueIndex, seriesIndex, plot.height);
+  const segment = chunkCXL254BT_cjs.stackedSegment(chart, mode, valueIndex, seriesIndex, plot.height);
   const radius = slot.outerSeriesIndex === null || seriesIndex === slot.outerSeriesIndex ? slot.cornerRadius : 0;
   const x = plot.x + valueIndex * slot.slotWidth + slot.groupGap / 2;
   const y = plot.y + plot.height - Math.max(segment.pixelStart, segment.pixelEnd);
@@ -4103,7 +4193,7 @@ function markOf2(context, mode, slot, series, seriesIndex, valueIndex) {
     series,
     valueIndex,
     radius,
-    color: series.colors?.[valueIndex] ?? series.color ?? chunkYM3XFBI4_cjs.CHART_COLORS[seriesIndex % chunkYM3XFBI4_cjs.CHART_COLORS.length],
+    color: series.colors?.[valueIndex] ?? series.color ?? chunkCXL254BT_cjs.CHART_COLORS[seriesIndex % chunkCXL254BT_cjs.CHART_COLORS.length],
     x,
     y,
     height,
@@ -4114,10 +4204,10 @@ function markOf2(context, mode, slot, series, seriesIndex, valueIndex) {
 function segmentNodes(context, mark) {
   const { chart, plot, bounds, diagnostics, nextOrder } = context;
   const { series, valueIndex, path } = mark;
-  const fill2 = chunkYM3XFBI4_cjs.paint(mark.color, diagnostics, chart.id);
-  const stroke = chunkYM3XFBI4_cjs.paint(chart.config?.barBorderColor || "#000000", diagnostics, chart.id);
-  const strokeWidth = chunkYM3XFBI4_cjs.finite(chart.config?.barBorderWidth, 0);
-  const shadow = chunkYM3XFBI4_cjs.resolveChartShadow(chart.shadowStyle);
+  const fill2 = chunkCXL254BT_cjs.paint(mark.color, diagnostics, chart.id);
+  const stroke = chunkCXL254BT_cjs.paint(chart.config?.barBorderColor || "#000000", diagnostics, chart.id);
+  const strokeWidth = chunkCXL254BT_cjs.finite(chart.config?.barBorderWidth, 0);
+  const shadow = chunkCXL254BT_cjs.resolveChartShadow(chart.shadowStyle);
   const nodes = [];
   if (shadow) {
     const plotClip = `M ${plot.x} ${plot.y} H ${plot.x + plot.width} V ${plot.y + plot.height} H ${plot.x} Z`;
@@ -4149,10 +4239,10 @@ function segmentNodes(context, mark) {
       valueIndex,
       mark: "bar",
       radius: mark.radius,
-      colorProp: chunkYM3XFBI4_cjs.seriesValueColorProp(series.id, valueIndex),
+      colorProp: chunkCXL254BT_cjs.seriesValueColorProp(series.id, valueIndex),
       hasColorOverride: series.colors?.[valueIndex] != null
     },
-    prop: chunkYM3XFBI4_cjs.seriesValueProp(series.id, valueIndex),
+    prop: chunkCXL254BT_cjs.seriesValueProp(series.id, valueIndex),
     style: { fill: fill2, stroke, strokeWidth, innerShadow: shadow }
   });
   return nodes;
@@ -4166,7 +4256,7 @@ function pushSegment(context, mode, layers, slot, series, seriesIndex, valueInde
   layers.bars.push(...segmentNodes(context, mark));
   const frame = { x: mark.x, y: mark.y, width: slot.barWidth, height: mark.height };
   pushLabel(context, layers, series, seriesIndex, valueIndex, slot, frame);
-  const glow = chunkYM3XFBI4_cjs.finite(chart.config?.barGlow, 0);
+  const glow = chunkCXL254BT_cjs.finite(chart.config?.barGlow, 0);
   if (glow > 0) {
     layers.glows.push(
       createBarGlowNode(context, `chart-bar-glow-${chart.id}-${series.id}-${valueIndex}`, mark.path, mark.color, glow)
@@ -4177,7 +4267,7 @@ function renderStackedBars(context, mode) {
   const { chart } = context;
   const layers = { tracks: [], bars: [], glows: [], labels: [] };
   const slot = slotOf(context, mode);
-  const valueCount = chunkYM3XFBI4_cjs.barCategoryCount(chart);
+  const valueCount = chunkCXL254BT_cjs.barCategoryCount(chart);
   for (let valueIndex = 0; valueIndex < valueCount; valueIndex++) {
     chart.series.forEach((series, seriesIndex) => {
       pushSegment(context, mode, layers, slot, series, seriesIndex, valueIndex);
@@ -4192,7 +4282,7 @@ function isSeriesMax2(values, index) {
 
 // src/renderScene/charts/renderers/bar.ts
 function renderBar(context) {
-  if (chunkYM3XFBI4_cjs.isHorizontalBar(context.chart)) {
+  if (chunkCXL254BT_cjs.isHorizontalBar(context.chart)) {
     return renderHorizontalBars(context);
   }
   if (context.stackedMode) {
@@ -4207,6 +4297,7 @@ function createBoxplotLayout(context) {
   const orientation = chart.config?.orientation ?? "vertical";
   const boxCount = Math.max(1, chart.series.length);
   const slotWidth = (orientation === "horizontal" ? plot.height : plot.width) / boxCount;
+  const borderColor = chunkCXL254BT_cjs.representativeColor(chart.config?.barBorderColor, "#000000");
   const widthFraction = Math.min(1, Math.max(0.05, chart.config?.boxWidth ?? 0.6));
   return {
     orientation,
@@ -4214,8 +4305,16 @@ function createBoxplotLayout(context) {
     boxWidth: Math.max(4, slotWidth * widthFraction),
     cornerRadius: chart.config?.barCornerRadius ?? 2,
     showPoints: chart.config?.showBoxplotPoints ?? true,
-    borderColor: chunkYM3XFBI4_cjs.representativeColor(chart.config?.barBorderColor, "#000000"),
-    borderWidth: chunkYM3XFBI4_cjs.finite(chart.config?.barBorderWidth, 1)
+    borderColor,
+    borderWidth: chunkCXL254BT_cjs.finite(chart.config?.barBorderWidth, 1),
+    whiskerWidth: Math.max(0, chunkCXL254BT_cjs.finite(chart.config?.boxWhiskerWidth, 1)),
+    medianWidth: Math.max(0, chunkCXL254BT_cjs.finite(chart.config?.boxMedianWidth, 2)),
+    medianColor: chart.config?.boxMedianColor ?? borderColor,
+    whiskerColor: chart.config?.boxWhiskerColor,
+    capSize: Math.max(0, chunkCXL254BT_cjs.finite(chart.config?.boxCapSize, 0.4)),
+    pointSize: Math.max(0, chunkCXL254BT_cjs.finite(chart.config?.boxPointSize, 3)),
+    pointOpacity: Math.min(1, Math.max(0, chunkCXL254BT_cjs.finite(chart.config?.boxPointOpacity, 0.7))),
+    jitter: Math.max(0, chunkCXL254BT_cjs.finite(chart.config?.boxJitter, 1))
   };
 }
 
@@ -4226,7 +4325,7 @@ function boxplotPoint(orientation, center, value) {
 function createBoxplotGeometry(context, layout, seriesIndex, stats) {
   const { chart, plot } = context;
   const { orientation } = layout;
-  const valueAt = (value) => orientation === "horizontal" ? plot.x + chunkYM3XFBI4_cjs.mapChartValue(value, chart.axisX, plot.width) : plot.y + plot.height - chunkYM3XFBI4_cjs.mapChartValue(value, chart.axisY, plot.height);
+  const valueAt = (value) => orientation === "horizontal" ? plot.x + chunkCXL254BT_cjs.mapChartValue(value, chart.axisX, plot.width) : plot.y + plot.height - chunkCXL254BT_cjs.mapChartValue(value, chart.axisY, plot.height);
   const center = plot[orientation === "horizontal" ? "y" : "x"] + seriesIndex * layout.slotWidth + layout.slotWidth / 2;
   return {
     center,
@@ -4241,9 +4340,12 @@ function createBoxplotGeometry(context, layout, seriesIndex, stats) {
 // src/renderScene/charts/renderers/boxplot/points.ts
 function renderSamplePoints(context, layout, mark) {
   const { chart, plot, bounds, diagnostics, nextOrder } = context;
-  const valueAt = (value) => layout.orientation === "horizontal" ? plot.x + chunkYM3XFBI4_cjs.mapChartValue(value, chart.axisX, plot.width) : plot.y + plot.height - chunkYM3XFBI4_cjs.mapChartValue(value, chart.axisY, plot.height);
+  const valueAt = (value) => layout.orientation === "horizontal" ? plot.x + chunkCXL254BT_cjs.mapChartValue(value, chart.axisX, plot.width) : plot.y + plot.height - chunkCXL254BT_cjs.mapChartValue(value, chart.axisY, plot.height);
+  if (layout.pointSize <= 0) {
+    return [];
+  }
   return mark.series.values.map((value, pointIndex) => {
-    const center = mark.geometry.center + jitter(mark.seriesIndex * 1e4 + pointIndex) * layout.boxWidth;
+    const center = mark.geometry.center + jitter(mark.seriesIndex * 1e4 + pointIndex) * layout.jitter * layout.boxWidth;
     const { x, y } = boxplotPoint(layout.orientation, center, valueAt(value));
     return {
       type: "ellipse",
@@ -4252,9 +4354,9 @@ function renderSamplePoints(context, layout, mark) {
       bounds,
       cx: x,
       cy: y,
-      rx: 3,
-      ry: 3,
-      style: { fill: chunkYM3XFBI4_cjs.paint(mark.color, diagnostics, chart.id), opacity: 0.7 }
+      rx: layout.pointSize,
+      ry: layout.pointSize,
+      style: { fill: chunkCXL254BT_cjs.paint(mark.color, diagnostics, chart.id), opacity: layout.pointOpacity }
     };
   });
 }
@@ -4265,22 +4367,30 @@ function jitter(seed) {
 
 // src/renderScene/charts/renderers/boxplot/shapes.ts
 function renderBoxAndWhiskers(context, layout, mark) {
+  const whiskers = layout.whiskerWidth > 0 ? [lowerWhisker(layout, mark), upperWhisker(layout, mark)] : [];
+  const caps = layout.whiskerWidth > 0 && layout.capSize > 0 ? [lowerWhiskerCap(layout, mark), upperWhiskerCap(layout, mark)] : [];
+  const median = layout.medianWidth > 0 ? [medianLine(layout, mark)] : [];
   return [
-    createBoxBorderLine(context, layout, lowerWhisker(layout, mark)),
-    createBoxBorderLine(context, layout, upperWhisker(layout, mark)),
-    createBoxBorderLine(context, layout, lowerWhiskerCap(layout, mark)),
-    createBoxBorderLine(context, layout, upperWhiskerCap(layout, mark)),
+    ...[...whiskers, ...caps].map(
+      (line) => createBoxBorderLine(context, layout, { ...line, color: whiskerColor(layout, mark) })
+    ),
     createBoxNode(context, layout, mark),
-    createBoxBorderLine(context, layout, medianLine(layout, mark))
+    ...median.map((line) => createBoxBorderLine(context, layout, line))
   ];
 }
+function whiskerColor(layout, mark) {
+  if (layout.whiskerColor === "series") {
+    return chunkCXL254BT_cjs.representativeColor(mark.color, layout.borderColor);
+  }
+  return layout.whiskerColor;
+}
 function lowerWhisker(layout, mark) {
   const { center, min, q1 } = mark.geometry;
   return {
     id: `chart-box-whisker-lo-${mark.id}`,
     from: boxplotPoint(layout.orientation, center, min),
     to: boxplotPoint(layout.orientation, center, q1),
-    strokeWidth: 1
+    strokeWidth: layout.whiskerWidth
   };
 }
 function upperWhisker(layout, mark) {
@@ -4289,7 +4399,7 @@ function upperWhisker(layout, mark) {
     id: `chart-box-whisker-hi-${mark.id}`,
     from: boxplotPoint(layout.orientation, center, q3),
     to: boxplotPoint(layout.orientation, center, max),
-    strokeWidth: 1
+    strokeWidth: layout.whiskerWidth
   };
 }
 function lowerWhiskerCap(layout, mark) {
@@ -4299,12 +4409,12 @@ function upperWhiskerCap(layout, mark) {
   return whiskerCap(`chart-box-cap-hi-${mark.id}`, layout, mark.geometry.center, mark.geometry.max);
 }
 function whiskerCap(id, layout, center, value) {
-  const capHalf = layout.boxWidth * 0.2;
+  const capHalf = layout.boxWidth * layout.capSize / 2;
   return {
     id,
     from: boxplotPoint(layout.orientation, center - capHalf, value),
     to: boxplotPoint(layout.orientation, center + capHalf, value),
-    strokeWidth: 1
+    strokeWidth: layout.whiskerWidth
   };
 }
 function medianLine(layout, mark) {
@@ -4313,7 +4423,8 @@ function medianLine(layout, mark) {
     id: `chart-box-median-${mark.id}`,
     from: boxplotPoint(layout.orientation, mark.geometry.center - half, mark.geometry.median),
     to: boxplotPoint(layout.orientation, mark.geometry.center + half, mark.geometry.median),
-    strokeWidth: 2
+    strokeWidth: layout.medianWidth,
+    color: layout.medianColor
   };
 }
 function createBoxBorderLine(context, layout, line) {
@@ -4325,7 +4436,7 @@ function createBoxBorderLine(context, layout, line) {
     d: `M ${line.from.x} ${line.from.y} L ${line.to.x} ${line.to.y}`,
     style: {
       fill: { kind: "none" },
-      stroke: { kind: "solid", color: layout.borderColor },
+      stroke: { kind: "solid", color: line.color ?? layout.borderColor },
       strokeWidth: line.strokeWidth
     }
   };
@@ -4351,7 +4462,7 @@ function createBoxNode(context, layout, mark) {
     height,
     rx: layout.cornerRadius,
     style: {
-      fill: chunkYM3XFBI4_cjs.paint(mark.color, diagnostics, chart.id),
+      fill: chunkCXL254BT_cjs.paint(mark.color, diagnostics, chart.id),
       stroke: { kind: "solid", color: layout.borderColor },
       strokeWidth: layout.borderWidth
     }
@@ -4360,12 +4471,12 @@ function createBoxNode(context, layout, mark) {
 
 // src/renderScene/charts/renderers/boxplot/series.ts
 function renderBoxplotSeries(context, layout, series, seriesIndex) {
-  const stats = chunkYM3XFBI4_cjs.computeBoxplotStats(series.values);
+  const stats = chunkCXL254BT_cjs.computeBoxplotStats(series.values);
   if (!stats) {
     return [];
   }
   const geometry = createBoxplotGeometry(context, layout, seriesIndex, stats);
-  const color2 = series.color ?? chunkYM3XFBI4_cjs.CHART_COLORS[seriesIndex % chunkYM3XFBI4_cjs.CHART_COLORS.length];
+  const color2 = series.color ?? chunkCXL254BT_cjs.CHART_COLORS[seriesIndex % chunkCXL254BT_cjs.CHART_COLORS.length];
   const mark = {
     id: `${context.chart.id}-${series.id}`,
     series,
@@ -4427,21 +4538,21 @@ function metricComponent(chart, point) {
 }
 function customPointPosition(context, value) {
   return {
-    x: context.plot.x + chunkYM3XFBI4_cjs.mapChartValue(value[0], context.chart.axisX, context.plot.width),
-    y: context.plot.y + context.plot.height - chunkYM3XFBI4_cjs.mapChartValue(value[1], context.chart.axisY, context.plot.height)
+    x: context.plot.x + chunkCXL254BT_cjs.mapChartValue(value[0], context.chart.axisX, context.plot.width),
+    y: context.plot.y + context.plot.height - chunkCXL254BT_cjs.mapChartValue(value[1], context.chart.axisY, context.plot.height)
   };
 }
 function customSeriesStyle(context, series, seriesIndex) {
-  const color2 = series.color ?? chunkYM3XFBI4_cjs.CHART_COLORS[seriesIndex % chunkYM3XFBI4_cjs.CHART_COLORS.length];
+  const color2 = series.color ?? chunkCXL254BT_cjs.CHART_COLORS[seriesIndex % chunkCXL254BT_cjs.CHART_COLORS.length];
   return {
-    fill: chunkYM3XFBI4_cjs.paint(color2, context.diagnostics, context.chart.id),
+    fill: chunkCXL254BT_cjs.paint(color2, context.diagnostics, context.chart.id),
     stroke: series.stroke ? { kind: "solid", color: series.stroke } : void 0,
-    strokeWidth: series.stroke ? chunkYM3XFBI4_cjs.finite(series.strokeWidth, 1) : void 0
+    strokeWidth: series.stroke ? chunkCXL254BT_cjs.finite(series.strokeWidth, 1) : void 0
   };
 }
 function createCustomSymbolMark(context, mark) {
   const symbol = mark.series.symbol;
-  const size = chunkYM3XFBI4_cjs.finite(mark.series.size, 3);
+  const size = chunkCXL254BT_cjs.finite(mark.series.size, 3);
   const scale = symbol?.normalized ? size * 2 : 1;
   const offset = symbol?.normalized ? 0.5 : 0;
   const points = (symbol?.points ?? []).map(([x, y]) => ({
@@ -4453,12 +4564,12 @@ function createCustomSymbolMark(context, mark) {
     id: customMarkId(context.chart, mark.series, mark.valueIndex),
     order: context.nextOrder(),
     bounds: context.bounds,
-    d: chunkYM3XFBI4_cjs.freeformPathData({ points, tension: chunkYM3XFBI4_cjs.finite(symbol?.tension, 0), closed: true }),
+    d: chunkCXL254BT_cjs.freeformPathData({ points, tension: chunkCXL254BT_cjs.finite(symbol?.tension, 0), closed: true }),
     style: mark.style
   };
 }
 function createCustomPointMark(context, mark) {
-  const radius = chunkYM3XFBI4_cjs.finite(mark.series.size, 3);
+  const radius = chunkCXL254BT_cjs.finite(mark.series.size, 3);
   return {
     type: "ellipse",
     id: customMarkId(context.chart, mark.series, mark.valueIndex),
@@ -4482,7 +4593,7 @@ function renderConnectedPairs(context) {
   const zones = chart.config?.zones ?? [];
   const betterColor = zones[0]?.color ?? "#10b981";
   const worseColor = zones[1]?.color ?? "#ec4899";
-  const tieColor = zones[2]?.color ?? chunkYM3XFBI4_cjs.DEFAULT_ZONE_FILL;
+  const tieColor = zones[2]?.color ?? chunkCXL254BT_cjs.DEFAULT_ZONE_FILL;
   const reverse = Boolean(chart.config?.reverseComparison);
   const count = Math.min(beforeValues.length, afterValues.length);
   const categories = chart.config?.categories ?? [];
@@ -4497,7 +4608,7 @@ function renderConnectedPairs(context) {
     const better = reverse ? afterMetric < beforeMetric : afterMetric > beforeMetric;
     const worse = reverse ? afterMetric > beforeMetric : afterMetric < beforeMetric;
     const comparisonColor = better ? betterColor : worse ? worseColor : tieColor;
-    const radius = chunkYM3XFBI4_cjs.finite(afterSeries.size, 3);
+    const radius = chunkCXL254BT_cjs.finite(afterSeries.size, 3);
     nodes.push(createConnectorLine(context, index, beforePoint, afterPoint, comparisonColor));
     nodes.push(
       createCustomPointMark(context, {
@@ -4505,9 +4616,9 @@ function renderConnectedPairs(context) {
         valueIndex: index,
         point: beforePoint,
         style: {
-          fill: chunkYM3XFBI4_cjs.paint(chart.gridColor ?? "#e2e8f0", context.diagnostics, chart.id),
-          stroke: { kind: "solid", color: HOLLOW_POINT_STROKE },
-          strokeWidth: 1.5
+          fill: chunkCXL254BT_cjs.paint(chart.config?.customBeforeFill ?? chart.gridColor ?? "#e2e8f0", context.diagnostics, chart.id),
+          stroke: { kind: "solid", color: chart.config?.customBeforeStroke ?? HOLLOW_POINT_STROKE },
+          strokeWidth: chunkCXL254BT_cjs.finite(chart.config?.customBeforeStrokeWidth, 1.5)
         }
       })
     );
@@ -4517,7 +4628,7 @@ function renderConnectedPairs(context) {
         valueIndex: index,
         point: afterPoint,
         style: {
-          fill: chunkYM3XFBI4_cjs.paint(comparisonColor, context.diagnostics, chart.id),
+          fill: chunkCXL254BT_cjs.paint(comparisonColor, context.diagnostics, chart.id),
           stroke: void 0,
           strokeWidth: void 0
         }
@@ -4529,6 +4640,10 @@ function renderConnectedPairs(context) {
   }
   return nodes;
 }
+function connectorDash(text) {
+  const parts = (text ?? "").split(/[ ,]+/).map(Number).filter((part) => Number.isFinite(part) && part > 0);
+  return parts.length > 0 ? parts : void 0;
+}
 function createConnectorLine(context, index, from, to, color2) {
   const { chart } = context;
   return {
@@ -4537,7 +4652,13 @@ function createConnectorLine(context, index, from, to, color2) {
     order: context.nextOrder(),
     bounds: context.bounds,
     d: `M ${from.x} ${from.y} L ${to.x} ${to.y}`,
-    style: { fill: { kind: "none" }, stroke: { kind: "solid", color: color2 }, strokeWidth: 2 }
+    style: {
+      fill: { kind: "none" },
+      stroke: { kind: "solid", color: color2 },
+      strokeWidth: chunkCXL254BT_cjs.finite(chart.config?.customConnectorWidth, 2),
+      opacity: chart.config?.customConnectorOpacity,
+      dash: connectorDash(chart.config?.customConnectorDash)
+    }
   };
 }
 function createConnectorLabel(context, index, beforePoint, afterPoint, radius, text) {
@@ -4555,7 +4676,7 @@ function createConnectorLabel(context, index, beforePoint, afterPoint, radius, t
     height: 16
   };
   return {
-    ...chunkYM3XFBI4_cjs.chartText({
+    ...chunkCXL254BT_cjs.chartText({
       id: `chart-custom-label-${chart.id}-${index}`,
       order: nextOrder(),
       bounds,
@@ -4564,7 +4685,8 @@ function createConnectorLabel(context, index, beforePoint, afterPoint, radius, t
       chart,
       align: horizontal ? "left" : "center"
     }),
-    fontSize: Math.max(9, chunkYM3XFBI4_cjs.finite(chart.fontSize, 12)) - 2
+    fontSize: Math.max(6, chunkCXL254BT_cjs.finite(chart.config?.customLabelSize, Math.max(9, chunkCXL254BT_cjs.finite(chart.fontSize, 12)) - 2)),
+    ...chart.config?.customLabelColor ? { color: chart.config.customLabelColor } : {}
   };
 }
 
@@ -4575,8 +4697,8 @@ function classifyFieldData(context) {
   const vectorSeries = chart.series.filter((series) => tupleSize(series.values[0]) === 4);
   const scalarSamples = scalarSeries.flatMap(
     (series) => series.values.map(([x, y, value]) => ({
-      x: chunkYM3XFBI4_cjs.mapChartValue(x, chart.axisX, plot.width),
-      y: plot.height - chunkYM3XFBI4_cjs.mapChartValue(y, chart.axisY, plot.height),
+      x: chunkCXL254BT_cjs.mapChartValue(x, chart.axisX, plot.width),
+      y: plot.height - chunkCXL254BT_cjs.mapChartValue(y, chart.axisY, plot.height),
       value
     }))
   );
@@ -4640,20 +4762,20 @@ function createLegendLabels(context, minimum, maximum, geometry) {
   const { chart, bounds, nextOrder } = context;
   const y = geometry.y + geometry.height + 3;
   return [
-    chunkYM3XFBI4_cjs.chartText({
+    chunkCXL254BT_cjs.chartText({
       id: `chart-field-colorbar-min-${chart.id}`,
       order: nextOrder(),
       bounds,
       frame: { x: geometry.x, y, width: 80, height: 16 },
-      text: chunkYM3XFBI4_cjs.formatFieldValue(minimum),
+      text: chunkCXL254BT_cjs.formatFieldValue(minimum),
       chart
     }),
-    chunkYM3XFBI4_cjs.chartText({
+    chunkCXL254BT_cjs.chartText({
       id: `chart-field-colorbar-max-${chart.id}`,
       order: nextOrder(),
       bounds,
       frame: { x: geometry.x + geometry.width - 80, y, width: 80, height: 16 },
-      text: chunkYM3XFBI4_cjs.formatFieldValue(maximum),
+      text: chunkCXL254BT_cjs.formatFieldValue(maximum),
       chart,
       align: "right"
     })
@@ -4666,7 +4788,7 @@ function colorAtRamp(ramp, value) {
   if (!ramp?.stops.length) {
     return RAMP_FALLBACK_COLOR;
   }
-  return chunkYM3XFBI4_cjs.interpolateHexColorStops(ramp.stops, value);
+  return chunkCXL254BT_cjs.interpolateHexColorStops(ramp.stops, value);
 }
 
 // src/renderScene/charts/field/isolines.ts
@@ -4876,7 +4998,7 @@ function createIsoline(context, grid, threshold, thresholdIndex) {
   }
   const chains = stitchIsolineSegments(segments);
   const path = chains.map(
-    (chain) => chunkYM3XFBI4_cjs.linePathData(
+    (chain) => chunkCXL254BT_cjs.linePathData(
       chain.map(([x, y]) => ({ x: plot.x + x, y: plot.y + y })),
       ISOLINE_TENSION
     )
@@ -4900,7 +5022,7 @@ function createIsoline(context, grid, threshold, thresholdIndex) {
 function renderVectorField(context, seriesList) {
   const nodes = [];
   seriesList.forEach((series, seriesIndex) => {
-    const color2 = series.color ?? chunkYM3XFBI4_cjs.CHART_COLORS[seriesIndex % chunkYM3XFBI4_cjs.CHART_COLORS.length];
+    const color2 = series.color ?? chunkCXL254BT_cjs.CHART_COLORS[seriesIndex % chunkCXL254BT_cjs.CHART_COLORS.length];
     series.values.forEach((vector, vectorIndex) => {
       nodes.push(createVectorNode(context, series.id, vector, vectorIndex, color2));
     });
@@ -4910,10 +5032,10 @@ function renderVectorField(context, seriesList) {
 function createVectorNode(context, seriesId, vector, vectorIndex, color2) {
   const { chart, plot, bounds, diagnostics, nextOrder } = context;
   const [x, y, angle, magnitude] = vector;
-  const startX = plot.x + chunkYM3XFBI4_cjs.mapChartValue(x, chart.axisX, plot.width);
-  const startY = plot.y + plot.height - chunkYM3XFBI4_cjs.mapChartValue(y, chart.axisY, plot.height);
-  const endX = plot.x + chunkYM3XFBI4_cjs.mapChartValue(x + Math.cos(angle) * magnitude, chart.axisX, plot.width);
-  const endY = plot.y + plot.height - chunkYM3XFBI4_cjs.mapChartValue(y + Math.sin(angle) * magnitude, chart.axisY, plot.height);
+  const startX = plot.x + chunkCXL254BT_cjs.mapChartValue(x, chart.axisX, plot.width);
+  const startY = plot.y + plot.height - chunkCXL254BT_cjs.mapChartValue(y, chart.axisY, plot.height);
+  const endX = plot.x + chunkCXL254BT_cjs.mapChartValue(x + Math.cos(angle) * magnitude, chart.axisX, plot.width);
+  const endY = plot.y + plot.height - chunkCXL254BT_cjs.mapChartValue(y + Math.sin(angle) * magnitude, chart.axisY, plot.height);
   return {
     type: "path",
     id: `chart-field-vector-${chart.id}-${seriesId}-${vectorIndex}`,
@@ -4923,7 +5045,7 @@ function createVectorNode(context, seriesId, vector, vectorIndex, color2) {
     markerEnd: "filled_arrow",
     style: {
       fill: { kind: "none" },
-      stroke: chunkYM3XFBI4_cjs.paint(color2, diagnostics, chart.id),
+      stroke: chunkCXL254BT_cjs.paint(color2, diagnostics, chart.id),
       strokeWidth: 2
     }
   };
@@ -4970,7 +5092,7 @@ function createHeatmapCell(layout, series, rowIndex, columnIndex) {
   };
 }
 function colorForValue(value, layout) {
-  return chunkYM3XFBI4_cjs.zoneColorAtValue(value, layout.bands, layout.zones);
+  return chunkCXL254BT_cjs.zoneColorAtValue(value, layout.bands, layout.zones);
 }
 function renderHeatmapCell(context, layout, cell) {
   const background = createCellBackground(context, layout, cell);
@@ -4981,38 +5103,55 @@ function renderHeatmapCell(context, layout, cell) {
 }
 function createCellBackground(context, layout, cell) {
   const { chart, bounds, nextOrder } = context;
+  const id = `chart-heatmap-cell-${chart.id}-${cell.seriesId}-${cell.columnIndex}`;
+  const style = {
+    fill: { kind: "solid", color: cell.color },
+    stroke: { kind: "solid", color: chart.config?.cellStrokeColor ?? chart.gridColor ?? "#e2e8f0" },
+    strokeWidth: chunkCXL254BT_cjs.finite(chart.config?.cellStrokeWidth, chunkCXL254BT_cjs.finite(chart.gridWidth, 1))
+  };
+  if (chart.config?.cellShape === "circle") {
+    return {
+      type: "ellipse",
+      id,
+      order: nextOrder(),
+      bounds,
+      cx: cell.frame.x + cell.frame.width / 2,
+      cy: cell.frame.y + cell.frame.height / 2,
+      rx: cell.frame.width / 2,
+      ry: cell.frame.height / 2,
+      style
+    };
+  }
   return {
     type: "rect",
-    id: `chart-heatmap-cell-${chart.id}-${cell.seriesId}-${cell.columnIndex}`,
+    id,
     order: nextOrder(),
     bounds,
     ...cell.frame,
     rx: layout.grid.cellRadius,
-    style: {
-      fill: { kind: "solid", color: cell.color },
-      stroke: { kind: "solid", color: chart.gridColor ?? "#e2e8f0" },
-      strokeWidth: chunkYM3XFBI4_cjs.finite(chart.gridWidth, 1)
-    }
+    style
   };
 }
 function createCellValueLabel(context, layout, cell) {
   const { chart, bounds, nextOrder } = context;
+  const size = Math.max(6, chunkCXL254BT_cjs.finite(chart.config?.cellValueSize, layout.fontSize));
   return {
-    ...chunkYM3XFBI4_cjs.chartText({
+    ...chunkCXL254BT_cjs.chartText({
       id: `chart-heatmap-value-${chart.id}-${cell.seriesId}-${cell.columnIndex}`,
       order: nextOrder(),
       bounds,
       frame: {
         x: cell.frame.x,
-        y: cell.frame.y + cell.frame.height / 2 - layout.fontSize / 2,
+        y: cell.frame.y + cell.frame.height / 2 - size / 2,
         width: cell.frame.width,
-        height: layout.fontSize + 2
+        height: size + 2
       },
       text: String(cell.value),
       chart,
       align: "center"
     }),
-    color: chunkYM3XFBI4_cjs.contrastTextColor(cell.color)
+    ...chart.config?.cellValueSize === void 0 ? {} : { fontSize: size },
+    color: chart.config?.cellValueColor ?? chunkCXL254BT_cjs.contrastTextColor(cell.color)
   };
 }
 
@@ -5028,7 +5167,7 @@ function renderRowHeaders(context, layout) {
 }
 function createRowHeader(context, layout, series, rowIndex) {
   const { chart, plot, bounds, nextOrder } = context;
-  return chunkYM3XFBI4_cjs.chartText({
+  return chunkCXL254BT_cjs.chartText({
     id: `chart-heatmap-row-${chart.id}-${series.id}`,
     order: nextOrder(),
     bounds,
@@ -5050,7 +5189,7 @@ function renderColumnHeaders(context, layout) {
 }
 function createColumnHeader(context, layout, label, columnIndex) {
   const { chart, plot, bounds, nextOrder } = context;
-  return chunkYM3XFBI4_cjs.chartText({
+  return chunkCXL254BT_cjs.chartText({
     id: `chart-heatmap-col-${chart.id}-${columnIndex}`,
     order: nextOrder(),
     bounds,
@@ -5074,9 +5213,9 @@ function createHeatmapLayout(context) {
   return {
     rows: chart.series,
     columns,
-    bands: chunkYM3XFBI4_cjs.axisBands(chart.axisY),
-    zones: chart.config?.zones?.length ? chart.config.zones : chunkYM3XFBI4_cjs.DEFAULT_HEATMAP_ZONES,
-    fontSize: Math.max(9, chunkYM3XFBI4_cjs.finite(chart.fontSize, 12)),
+    bands: chunkCXL254BT_cjs.axisBands(chart.axisY),
+    zones: chart.config?.zones?.length ? chart.config.zones : chunkCXL254BT_cjs.DEFAULT_HEATMAP_ZONES,
+    fontSize: Math.max(9, chunkCXL254BT_cjs.finite(chart.fontSize, 12)),
     reservedSpace,
     grid: createHeatmapGrid(context, reservedSpace, columns.length)
   };
@@ -5087,9 +5226,9 @@ function heatmapColumns(context) {
 }
 function heatmapReservedSpace(context) {
   const { chart } = context;
-  const fontSize = Math.max(9, chunkYM3XFBI4_cjs.finite(chart.fontSize, 12));
+  const fontSize = Math.max(9, chunkCXL254BT_cjs.finite(chart.fontSize, 12));
   const longestLabel = chart.series.reduce(
-    (max, series) => Math.max(max, chunkYM3XFBI4_cjs.estimateTextWidth(series.label ?? "", fontSize, false)),
+    (max, series) => Math.max(max, chunkCXL254BT_cjs.estimateTextWidth(series.label ?? "", fontSize, false)),
     0
   );
   return {
@@ -5103,7 +5242,7 @@ function createHeatmapGrid(context, reservedSpace, columnCount) {
   const width = Math.max(1, context.plot.width - reservedSpace.rowHeaders);
   const height = Math.max(1, context.plot.height - reservedSpace.columnHeaders - reservedSpace.legend);
   const rowCount = chart.series.length;
-  const cellGap = Math.max(0, chunkYM3XFBI4_cjs.finite(chart.config?.cellGap, 0));
+  const cellGap = Math.max(0, chunkCXL254BT_cjs.finite(chart.config?.cellGap, 0));
   let cellWidth = columnCount ? width / columnCount : width;
   let cellHeight = rowCount ? height / rowCount : height;
   let gridWidth = width;
@@ -5123,7 +5262,7 @@ function createHeatmapGrid(context, reservedSpace, columnCount) {
     cellWidth,
     cellHeight,
     cellGap,
-    cellRadius: Math.max(0, chunkYM3XFBI4_cjs.finite(chart.config?.barCornerRadius, cellGap))
+    cellRadius: Math.max(0, chunkCXL254BT_cjs.finite(chart.config?.barCornerRadius, cellGap))
   };
 }
 
@@ -5139,7 +5278,7 @@ function renderHeatmapLegend(context, layout) {
   const barWidth = layout.grid.width;
   const labelHeight = layout.fontSize + 2;
   const barY = layout.grid.y + layout.grid.height + 6;
-  const barBounds = chunkYM3XFBI4_cjs.boxBounds({ x: barX, y: barY, width: barWidth, height: BAR_HEIGHT });
+  const barBounds = chunkCXL254BT_cjs.boxBounds({ x: barX, y: barY, width: barWidth, height: BAR_HEIGHT });
   return [
     createGradientBar(context, layout, barX, barY, barWidth, barBounds),
     ...createBoundaryTicks(context, layout, barX, barY, barWidth, labelHeight)
@@ -5156,7 +5295,7 @@ function createGradientBar(context, layout, barX, barY, barWidth, barBounds) {
   const zones = layout.zones.slice(0, bandCount);
   const stops = zones.map((zone, index) => ({
     offset: bandRatio(layout, layout.bands[index + 1] ?? layout.bands[layout.bands.length - 1]) * 100,
-    color: zone.color ?? chunkYM3XFBI4_cjs.DEFAULT_ZONE_FILL
+    color: zone.color ?? chunkCXL254BT_cjs.DEFAULT_ZONE_FILL
   }));
   return {
     type: "rect",
@@ -5170,7 +5309,7 @@ function createGradientBar(context, layout, barX, barY, barWidth, barBounds) {
     rx: 3,
     zoneGradient: { axis: "y", min: chart.axisY.min, max: chart.axisY.max },
     style: {
-      fill: stops.length ? { kind: "linear-gradient", angle: 0, stops } : { kind: "solid", color: chunkYM3XFBI4_cjs.DEFAULT_ZONE_FILL },
+      fill: stops.length ? { kind: "linear-gradient", angle: 0, stops } : { kind: "solid", color: chunkCXL254BT_cjs.DEFAULT_ZONE_FILL },
       stroke: { kind: "solid", color: chart.gridColor ?? "#e2e8f0" },
       strokeWidth: 1
     }
@@ -5198,12 +5337,12 @@ function createBoundaryTicks(context, layout, barX, barY, barWidth, labelHeight)
     const isLast = index === layout.bands.length - 1;
     const align = isFirst ? "left" : isLast ? "right" : "center";
     const frameX = isFirst ? x : isLast ? x - labelWidth : x - labelWidth / 2;
-    const label = chunkYM3XFBI4_cjs.chartText({
+    const label = chunkCXL254BT_cjs.chartText({
       id: `chart-heatmap-legend-tick-label-${chart.id}-${index}`,
       order: nextOrder(),
       bounds,
       frame: { x: frameX, y: labelY, width: labelWidth, height: labelHeight },
-      text: chunkYM3XFBI4_cjs.formatFieldValue(value),
+      text: chunkCXL254BT_cjs.formatFieldValue(value),
       chart,
       align
     });
@@ -5275,6 +5414,10 @@ function groupSankeyColumns(ids, columns) {
   return groups;
 }
 
+// src/renderScene/charts/geometry/sankey/constants.ts
+var SANKEY_NODE_WIDTH = 18;
+var SANKEY_NODE_GAP = 8;
+
 // src/renderScene/charts/geometry/sankey/graph.ts
 function createSankeyGraph(nodes, links) {
   const ids = new Set(nodes.map((node) => node.id));
@@ -5298,10 +5441,6 @@ function createSankeyGraph(nodes, links) {
   return { ids, links: validLinks, incoming, outgoing };
 }
 
-// src/renderScene/charts/geometry/sankey/constants.ts
-var SANKEY_NODE_WIDTH = 18;
-var SANKEY_NODE_GAP = 8;
-
 // src/renderScene/charts/geometry/sankey/nodeGeometry.ts
 function nodeValues(graph) {
   const values = /* @__PURE__ */ new Map();
@@ -5312,11 +5451,11 @@ function nodeValues(graph) {
   }
   return values;
 }
-function calculateValueScale(groups, values, height) {
+function calculateValueScale(groups, values, height, nodeGap) {
   let scale = Infinity;
   for (const ids of groups.values()) {
     const total = ids.reduce((sum, id) => sum + (values.get(id) ?? 0), 0);
-    const gaps = Math.max(0, ids.length - 1) * SANKEY_NODE_GAP;
+    const gaps = Math.max(0, ids.length - 1) * nodeGap;
     const usable = Math.max(1, height - gaps);
     if (total > 0) {
       scale = Math.min(scale, usable / total);
@@ -5327,16 +5466,16 @@ function calculateValueScale(groups, values, height) {
   }
   return scale;
 }
-function sankeyNodeX(column, columnCount, width) {
+function sankeyNodeX(column, columnCount, width, nodeWidth = SANKEY_NODE_WIDTH) {
   if (columnCount <= 1) {
     return 0;
   }
-  return column * (width - SANKEY_NODE_WIDTH) / (columnCount - 1);
+  return column * (width - nodeWidth) / (columnCount - 1);
 }
-function calculateNodeGeometry(graph, columns, height) {
+function calculateNodeGeometry(graph, columns, height, nodeGap = SANKEY_NODE_GAP) {
   const groups = groupSankeyColumns(graph.ids, columns);
   const values = nodeValues(graph);
-  const valueScale = calculateValueScale(groups, values, height);
+  const valueScale = calculateValueScale(groups, values, height, nodeGap);
   const y = /* @__PURE__ */ new Map();
   const heights = /* @__PURE__ */ new Map();
   for (const ids of groups.values()) {
@@ -5345,7 +5484,7 @@ function calculateNodeGeometry(graph, columns, height) {
       const nodeHeight = Math.max(2, (values.get(id) ?? 0) * valueScale);
       y.set(id, cursor);
       heights.set(id, nodeHeight);
-      cursor += nodeHeight + SANKEY_NODE_GAP;
+      cursor += nodeHeight + nodeGap;
     }
   }
   return {
@@ -5358,7 +5497,7 @@ function calculateNodeGeometry(graph, columns, height) {
 }
 
 // src/renderScene/charts/geometry/sankey/links.ts
-function layoutSankeyLinks(graph, geometry, width, offsets) {
+function layoutSankeyLinks(graph, geometry, width, offsets, nodeWidth = SANKEY_NODE_WIDTH) {
   const outgoingOffsets = /* @__PURE__ */ new Map();
   const incomingOffsets = /* @__PURE__ */ new Map();
   for (const id of graph.ids) {
@@ -5380,8 +5519,8 @@ function layoutSankeyLinks(graph, geometry, width, offsets) {
       target: link.target,
       value: link.value,
       color: link.color,
-      x0: sankeyNodeX(geometry.columns.get(link.source) ?? 0, geometry.columnCount, width) + SANKEY_NODE_WIDTH + (sourceOffset?.x ?? 0),
-      x1: sankeyNodeX(geometry.columns.get(link.target) ?? 0, geometry.columnCount, width) + (targetOffset?.x ?? 0),
+      x0: sankeyNodeX(geometry.columns.get(link.source) ?? 0, geometry.columnCount, width, nodeWidth) + nodeWidth + (sourceOffset?.x ?? 0),
+      x1: sankeyNodeX(geometry.columns.get(link.target) ?? 0, geometry.columnCount, width, nodeWidth) + (targetOffset?.x ?? 0),
       sourceY0: sourceTop + sourceSlice,
       sourceY1: sourceTop + sourceSlice + sliceHeight,
       targetY0: targetTop + targetSlice,
@@ -5391,7 +5530,7 @@ function layoutSankeyLinks(graph, geometry, width, offsets) {
 }
 
 // src/renderScene/charts/geometry/sankey/nodes.ts
-function layoutSankeyNodes(inputs, graph, geometry, width, offsets) {
+function layoutSankeyNodes(inputs, graph, geometry, width, offsets, nodeWidth = SANKEY_NODE_WIDTH) {
   return [...graph.ids].map((id) => {
     const input = inputs.find((node) => node.id === id);
     const column = geometry.columns.get(id) ?? 0;
@@ -5400,9 +5539,9 @@ function layoutSankeyNodes(inputs, graph, geometry, width, offsets) {
       id,
       label: input?.label ?? id,
       color: input?.color,
-      x: sankeyNodeX(column, geometry.columnCount, width) + (offset?.x ?? 0),
+      x: sankeyNodeX(column, geometry.columnCount, width, nodeWidth) + (offset?.x ?? 0),
       y: (geometry.y.get(id) ?? 0) + (offset?.y ?? 0),
-      width: SANKEY_NODE_WIDTH,
+      width: nodeWidth,
       height: geometry.heights.get(id) ?? 2,
       column
     };
@@ -5419,17 +5558,17 @@ function collectOffsets(inputs) {
   }
   return offsets;
 }
-function layoutSankey(nodeInputs, linkInputs, width, height) {
+function layoutSankey(nodeInputs, linkInputs, width, height, options = { nodeWidth: SANKEY_NODE_WIDTH, nodeGap: SANKEY_NODE_GAP }) {
   const graph = createSankeyGraph(nodeInputs, linkInputs);
   if (graph.ids.size === 0) {
     return { nodes: [], links: [] };
   }
   const columns = assignSankeyColumns(graph);
-  const geometry = calculateNodeGeometry(graph, columns, height);
+  const geometry = calculateNodeGeometry(graph, columns, height, options.nodeGap);
   const offsets = collectOffsets(nodeInputs);
   return {
-    nodes: layoutSankeyNodes(nodeInputs, graph, geometry, width, offsets),
-    links: layoutSankeyLinks(graph, geometry, width, offsets)
+    nodes: layoutSankeyNodes(nodeInputs, graph, geometry, width, offsets, options.nodeWidth),
+    links: layoutSankeyLinks(graph, geometry, width, offsets, options.nodeWidth)
   };
 }
 
@@ -5531,6 +5670,8 @@ function placeHorizontalTreemapRow(row, bounds) {
 }
 
 // src/renderScene/charts/renderers/hexbin.ts
+var DEFAULT_MIN_OPACITY = 0.15;
+var GAP_TO_RADIUS = 1 / Math.sqrt(3);
 function hexPath(cx, cy, radius) {
   const points = [];
   for (let corner = 0; corner < 6; corner++) {
@@ -5542,29 +5683,38 @@ function hexPath(cx, cy, radius) {
 function renderHexbin(context) {
   const { chart, plot, bounds, diagnostics, nextOrder } = context;
   const nodes = [];
-  const hexRadius = Math.max(1, chart.config?.hexRadius ?? chunkYM3XFBI4_cjs.DEFAULT_HEX_RADIUS);
-  const shadow = chunkYM3XFBI4_cjs.resolveChartShadow(chart.shadowStyle);
+  const config = chart.config;
+  const hexRadius = Math.max(1, config?.hexRadius ?? chunkCXL254BT_cjs.DEFAULT_HEX_RADIUS);
+  const drawRadius = Math.max(0.5, hexRadius - Math.max(0, config?.hexGap ?? 0) * GAP_TO_RADIUS);
+  const strokeWidth = config?.hexStrokeWidth ?? 0;
+  const minOpacity = Math.min(1, Math.max(0, config?.hexMinOpacity ?? DEFAULT_MIN_OPACITY));
+  const shadow = chunkCXL254BT_cjs.resolveChartShadow(chart.shadowStyle);
   const clipPath = shadow ? `M ${plot.x} ${plot.y} H ${plot.x + plot.width} V ${plot.y + plot.height} H ${plot.x} Z` : void 0;
   chart.series.forEach((series, seriesIndex) => {
     const explicit = series.values.length > 0 && Array.isArray(series.values[0]);
     const pairs = explicit ? series.values : series.values.map((y, i) => [chart.axisX.min + i * chart.axisX.step, y]);
     const pixelPoints2 = pairs.map(([vx, vy]) => ({
-      x: chunkYM3XFBI4_cjs.mapChartValue(vx, chart.axisX, plot.width),
-      y: plot.height - chunkYM3XFBI4_cjs.mapChartValue(vy, chart.axisY, plot.height)
+      x: chunkCXL254BT_cjs.mapChartValue(vx, chart.axisX, plot.width),
+      y: plot.height - chunkCXL254BT_cjs.mapChartValue(vy, chart.axisY, plot.height)
     }));
     const bins = computeHexBins(pixelPoints2, hexRadius);
     const maxCount = Math.max(1, ...bins.map((bin) => bin.count));
-    const color2 = series.color ?? chunkYM3XFBI4_cjs.CHART_COLORS[seriesIndex % chunkYM3XFBI4_cjs.CHART_COLORS.length];
+    const color2 = series.color ?? chunkCXL254BT_cjs.CHART_COLORS[seriesIndex % chunkCXL254BT_cjs.CHART_COLORS.length];
+    const ramp = config?.scale;
     bins.forEach((bin, i) => {
+      const share = bin.count / maxCount;
+      const fill2 = ramp ? colorAtRamp(ramp, share) : color2;
       nodes.push({
         type: "path",
         id: `chart-hexbin-${chart.id}-${series.id}-${i}`,
         order: nextOrder(),
         bounds,
-        d: hexPath(plot.x + bin.cx, plot.y + bin.cy, hexRadius),
+        d: hexPath(plot.x + bin.cx, plot.y + bin.cy, drawRadius),
         style: {
-          fill: chunkYM3XFBI4_cjs.paint(color2, diagnostics, chart.id),
-          opacity: Math.max(0.15, bin.count / maxCount),
+          fill: chunkCXL254BT_cjs.paint(fill2, diagnostics, chart.id),
+          stroke: strokeWidth > 0 ? chunkCXL254BT_cjs.paint(config?.hexStrokeColor ?? fill2, diagnostics, chart.id) : void 0,
+          strokeWidth: strokeWidth > 0 ? strokeWidth : void 0,
+          opacity: ramp ? void 0 : Math.max(minOpacity, share),
           shadow,
           clip: clipPath ? { type: "path", d: clipPath } : void 0
         }
@@ -5584,8 +5734,8 @@ function seriesValuePairs(chart, series) {
 function pixelPoints(context, pairs) {
   const { chart, plot } = context;
   return pairs.map(([x, y]) => ({
-    x: plot.x + chunkYM3XFBI4_cjs.mapChartValue(x, chart.axisX, plot.width),
-    y: plot.y + plot.height - chunkYM3XFBI4_cjs.mapChartValue(y, chart.axisY, plot.height)
+    x: plot.x + chunkCXL254BT_cjs.mapChartValue(x, chart.axisX, plot.width),
+    y: plot.y + plot.height - chunkCXL254BT_cjs.mapChartValue(y, chart.axisY, plot.height)
   }));
 }
 
@@ -5595,7 +5745,7 @@ function createLineAreaFill(context, series, points, color2, tension, areaOpacit
   const baselineY = plot.y + plot.height;
   const first = points[0];
   const last = points[points.length - 1];
-  const d = `${chunkYM3XFBI4_cjs.linePathData(points, tension)} L ${last.x} ${baselineY} L ${first.x} ${baselineY} Z`;
+  const d = `${chunkCXL254BT_cjs.linePathData(points, tension)} L ${last.x} ${baselineY} L ${first.x} ${baselineY} Z`;
   const top = Math.min(...points.map((point) => point.y));
   const centerX = (Math.min(...points.map((point) => point.x)) + Math.max(...points.map((point) => point.x))) / 2;
   const halfHeight = (baselineY - top) / 2;
@@ -5617,8 +5767,8 @@ function createLineAreaFill(context, series, points, color2, tension, areaOpacit
         kind: "linear-gradient",
         angle: 90,
         stops: [
-          { offset: 0, color: chunkYM3XFBI4_cjs.colorWithAlpha(color2, areaOpacity) },
-          { offset: 100, color: chunkYM3XFBI4_cjs.colorWithAlpha(color2, 0) }
+          { offset: 0, color: chunkCXL254BT_cjs.colorWithAlpha(color2, areaOpacity) },
+          { offset: 100, color: chunkCXL254BT_cjs.colorWithAlpha(color2, 0) }
         ]
       },
       stroke: { kind: "none" },
@@ -5641,7 +5791,7 @@ function guideNode(context, mark) {
     d: `M ${mark.point.x} ${mark.point.y} V ${plot.y + plot.height}`,
     style: {
       fill: { kind: "none" },
-      stroke: chunkYM3XFBI4_cjs.paint(mark.color, diagnostics, chart.id),
+      stroke: chunkCXL254BT_cjs.paint(mark.color, diagnostics, chart.id),
       strokeWidth: 1,
       dash: [3, 4],
       opacity: 0.55,
@@ -5662,7 +5812,7 @@ function dotNode(context, mark) {
     rx: mark.radius,
     ry: mark.radius,
     style: {
-      fill: chunkYM3XFBI4_cjs.paint(mark.color, diagnostics, chart.id),
+      fill: chunkCXL254BT_cjs.paint(mark.color, diagnostics, chart.id),
       shadow: glow ? { color: mark.color, opacity: 0.9, blur: glow, dx: 0, dy: 0 } : void 0,
       pointerEvents: "none"
     }
@@ -5675,7 +5825,7 @@ function labelNode(context, mark, value) {
   const text = formatHighlight(config?.highlightLabelFormat, config?.categories?.[mark.index] ?? "", value);
   const width = Math.max(48, text.length * fontSize * 0.62);
   return {
-    ...chunkYM3XFBI4_cjs.chartText({
+    ...chunkCXL254BT_cjs.chartText({
       id: `chart-highlight-label-${mark.key}`,
       order: nextOrder(),
       bounds,
@@ -5755,15 +5905,15 @@ function createLineError(context, mark) {
     return null;
   }
   const { chart, plot, bounds, nextOrder } = context;
-  const [lower, upper] = chunkYM3XFBI4_cjs.errorBarRange(mark.value, mark.error);
-  return chunkYM3XFBI4_cjs.createVerticalErrorWhiskerNode({
+  const [lower, upper] = chunkCXL254BT_cjs.errorBarRange(mark.value, mark.error);
+  return chunkCXL254BT_cjs.createVerticalErrorWhiskerNode({
     id: `chart-line-error-${chart.id}-${mark.seriesId}-${mark.valueIndex}`,
     order: nextOrder(),
     bounds,
     geometry: {
       centerX: mark.position.x,
-      startY: plot.y + plot.height - chunkYM3XFBI4_cjs.mapChartValue(lower, chart.axisY, plot.height),
-      endY: plot.y + plot.height - chunkYM3XFBI4_cjs.mapChartValue(upper, chart.axisY, plot.height)
+      startY: plot.y + plot.height - chunkCXL254BT_cjs.mapChartValue(lower, chart.axisY, plot.height),
+      endY: plot.y + plot.height - chunkCXL254BT_cjs.mapChartValue(upper, chart.axisY, plot.height)
     },
     color: mark.color,
     valueReference: { seriesId: mark.seriesId, valueIndex: mark.valueIndex }
@@ -5787,8 +5937,8 @@ function createLinePoint(context, mark) {
     ry: visible ? radius : 6,
     detail: { of: "chartValue", series: mark.seriesId, valueIndex: mark.valueIndex },
     style: {
-      fill: visible ? chunkYM3XFBI4_cjs.paint(fill2, diagnostics, chart.id) : { kind: "none" },
-      stroke: visible && strokeWidth > 0 ? chunkYM3XFBI4_cjs.paint(mark.color, diagnostics, chart.id) : void 0,
+      fill: visible ? chunkCXL254BT_cjs.paint(fill2, diagnostics, chart.id) : { kind: "none" },
+      stroke: visible && strokeWidth > 0 ? chunkCXL254BT_cjs.paint(mark.color, diagnostics, chart.id) : void 0,
       strokeWidth: visible && strokeWidth > 0 ? strokeWidth : void 0,
       pointerEvents: visible ? void 0 : "all"
     }
@@ -5808,22 +5958,22 @@ function createLinePath(context, series, points, color2, tension) {
     order: nextOrder(),
     bounds: gradient ? { minX: plot.x, maxX: plot.x + plot.width, minY: plot.y, maxY: plot.y + plot.height } : bounds,
     detail: { of: "chartSeries", series: series.id, lineTension: tension || void 0 },
-    d: chunkYM3XFBI4_cjs.linePathData(points, tension),
+    d: chunkCXL254BT_cjs.linePathData(points, tension),
     style: {
       fill: { kind: "none" },
-      stroke: chunkYM3XFBI4_cjs.paint(gradient ?? color2, diagnostics, chart.id),
+      stroke: chunkCXL254BT_cjs.paint(gradient ?? color2, diagnostics, chart.id),
       strokeWidth: series.strokeWidth ?? config?.lineWidth ?? 2,
       dash: series.dash,
       lineCap: config?.lineWidth === void 0 ? void 0 : "round",
       lineJoin: "round",
-      shadow: glow ? { color: color2, opacity: 0.9, blur: glow, dx: 0, dy: 0 } : chunkYM3XFBI4_cjs.resolveChartShadow(chart.shadowStyle)
+      shadow: glow ? { color: color2, opacity: 0.9, blur: glow, dx: 0, dy: 0 } : chunkCXL254BT_cjs.resolveChartShadow(chart.shadowStyle)
     }
   };
 }
 
 // src/renderScene/charts/renderers/line/series.ts
 function seriesColor(series, seriesIndex) {
-  return chunkYM3XFBI4_cjs.representativeColor(series.color, chunkYM3XFBI4_cjs.CHART_COLORS[seriesIndex % chunkYM3XFBI4_cjs.CHART_COLORS.length]);
+  return chunkCXL254BT_cjs.representativeColor(series.color, chunkCXL254BT_cjs.CHART_COLORS[seriesIndex % chunkCXL254BT_cjs.CHART_COLORS.length]);
 }
 function renderLineSeriesArea(context, series, seriesIndex) {
   const areaOpacity = context.chart.config?.areaOpacity;
@@ -5887,7 +6037,7 @@ function renderGridLines(context, layout) {
       style: {
         fill: { kind: "none" },
         stroke: { kind: "solid", color: chart.gridColor ?? "#e2e8f0" },
-        strokeWidth: chunkYM3XFBI4_cjs.finite(chart.gridWidth, 1)
+        strokeWidth: chunkCXL254BT_cjs.finite(chart.gridWidth, 1)
       }
     };
   });
@@ -5895,7 +6045,7 @@ function renderGridLines(context, layout) {
 function renderPercentageLabels(context, layout) {
   const { chart, plot, bounds, nextOrder } = context;
   return PERCENT_TICKS.map((percent) => ({
-    ...chunkYM3XFBI4_cjs.chartText({
+    ...chunkCXL254BT_cjs.chartText({
       id: `chart-mekko-pct-${chart.id}-${percent}`,
       order: nextOrder(),
       bounds,
@@ -5921,15 +6071,13 @@ function renderMekkoColumnLabels(context, layout, columnIndex, column) {
   if (!context.showLabels) {
     return [];
   }
-  return [
-    createTotalLabel(context, layout, columnIndex, column),
-    createColumnLabel(context, layout, columnIndex, column)
-  ];
+  const columnLabel = createColumnLabel(context, layout, columnIndex, column);
+  return context.chart.config?.showMekkoTotals === false ? [columnLabel] : [createTotalLabel(context, layout, columnIndex, column), columnLabel];
 }
 function createTotalLabel(context, layout, columnIndex, column) {
   const { chart, plot, bounds, nextOrder } = context;
   return {
-    ...chunkYM3XFBI4_cjs.chartText({
+    ...chunkCXL254BT_cjs.chartText({
       id: `chart-mekko-total-${chart.id}-${columnIndex}`,
       order: nextOrder(),
       bounds,
@@ -5950,7 +6098,7 @@ function createColumnLabel(context, layout, columnIndex, column) {
   const { chart, bounds, nextOrder } = context;
   const { label, width } = column;
   return {
-    ...chunkYM3XFBI4_cjs.chartText({
+    ...chunkCXL254BT_cjs.chartText({
       id: `chart-mekko-col-label-${chart.id}-${columnIndex}`,
       order: nextOrder(),
       bounds,
@@ -5964,23 +6112,27 @@ function createColumnLabel(context, layout, columnIndex, column) {
       chart,
       align: "center"
     }),
-    lines: chunkYM3XFBI4_cjs.wrapText(label, width, layout.smallFontSize),
+    lines: chunkCXL254BT_cjs.wrapText(label, width, layout.smallFontSize),
     fontSize: layout.smallFontSize
   };
 }
 
 // src/renderScene/charts/renderers/mekko/layout.ts
-var COLUMN_GAP = 4;
 function createMekkoLayout(context) {
   const labels = mekkoColumnLabels(context);
   const labelGutterWidth = context.showLabels ? 30 : 0;
   const grid = createMekkoGrid(context, labelGutterWidth);
-  const fontSize = Math.max(9, chunkYM3XFBI4_cjs.finite(context.chart.fontSize, 12));
+  const fontSize = Math.max(9, chunkCXL254BT_cjs.finite(context.chart.fontSize, 12));
+  const columnGap = Math.max(0, chunkCXL254BT_cjs.finite(context.chart.config?.mekkoColumnGap, 4));
+  const smallFontSize = Math.max(8, fontSize - 1);
   return {
-    columns: createMekkoColumns(context, grid, labels),
+    columns: createMekkoColumns(context, grid, labels, columnGap),
     fontSize,
-    smallFontSize: Math.max(8, fontSize - 1),
+    smallFontSize,
     labelGutterWidth,
+    columnGap,
+    labelSize: Math.max(6, chunkCXL254BT_cjs.finite(context.chart.config?.mekkoLabelSize, smallFontSize)),
+    valueSize: Math.max(6, chunkCXL254BT_cjs.finite(context.chart.config?.mekkoValueSize, smallFontSize)),
     grid
   };
 }
@@ -5998,20 +6150,20 @@ function createMekkoGrid(context, labelGutterWidth) {
     height: Math.max(1, context.plot.height - topGutter - bottomGutter)
   };
 }
-function createMekkoColumns(context, grid, labels) {
+function createMekkoColumns(context, grid, labels, columnGap) {
   const totals = labels.map(
     (_, columnIndex) => context.chart.series.reduce((sum, series) => sum + (series.values[columnIndex] ?? 0), 0)
   );
   const grandTotal = totals.reduce((sum, total) => sum + total, 0);
   const maximumTotal = Math.max(1, ...totals);
-  const availableWidth = Math.max(1, grid.width - COLUMN_GAP * Math.max(0, labels.length - 1));
+  const availableWidth = Math.max(1, grid.width - columnGap * Math.max(0, labels.length - 1));
   let nextX = grid.x;
   return labels.map((label, index) => {
     const total = totals[index];
     const width = grandTotal > 0 ? total / grandTotal * availableWidth : availableWidth / labels.length;
     const height = context.chart.config?.mekkoVaryHeight ? grid.height * (total / maximumTotal) : grid.height;
     const column = { label, total, x: nextX, y: grid.y + grid.height - height, width, height };
-    nextX += width + COLUMN_GAP;
+    nextX += width + columnGap;
     return column;
   });
 }
@@ -6037,12 +6189,12 @@ function createColumnBackdrop(context, layout, columnIndex) {
     id: `chart-mekko-column-backdrop-${chart.id}-${columnIndex}`,
     order: nextOrder(),
     bounds,
-    d: chunkYM3XFBI4_cjs.barShapePath(column.x, layout.grid.y, column.width, layout.grid.height, cornerRadius),
-    style: { fill: chunkYM3XFBI4_cjs.paint(chart.gridColor ?? "#e2e8f0", diagnostics, chart.id), opacity: BACKDROP_OPACITY }
+    d: chunkCXL254BT_cjs.barShapePath(column.x, layout.grid.y, column.width, layout.grid.height, cornerRadius),
+    style: { fill: chunkCXL254BT_cjs.paint(chart.gridColor ?? "#e2e8f0", diagnostics, chart.id), opacity: BACKDROP_OPACITY }
   };
 }
 function mekkoCornerRadius(context) {
-  return Math.max(0, chunkYM3XFBI4_cjs.finite(context.chart.config?.barCornerRadius, 2));
+  return Math.max(0, chunkCXL254BT_cjs.finite(context.chart.config?.barCornerRadius, 2));
 }
 function calculateColumnSegments(seriesList, layout, columnIndex) {
   const segments = [];
@@ -6053,7 +6205,7 @@ function calculateColumnSegments(seriesList, layout, columnIndex) {
     const height = (column.total > 0 ? value / column.total : 0) * column.height;
     const y = column.y + cumulativeHeight;
     cumulativeHeight += height;
-    const color2 = series.color ?? chunkYM3XFBI4_cjs.CHART_COLORS[seriesIndex % chunkYM3XFBI4_cjs.CHART_COLORS.length];
+    const color2 = series.color ?? chunkCXL254BT_cjs.CHART_COLORS[seriesIndex % chunkCXL254BT_cjs.CHART_COLORS.length];
     segments.push({
       columnIndex,
       seriesId: series.id,
@@ -6076,10 +6228,12 @@ function renderSegment(context, layout, segment, nextColor) {
 }
 function createSegmentNode(context, segment, nextColor) {
   const { chart, plot, bounds, diagnostics, nextOrder } = context;
-  const shadow = chunkYM3XFBI4_cjs.resolveChartShadow(chart.shadowStyle);
+  const shadow = chunkCXL254BT_cjs.resolveChartShadow(chart.shadowStyle);
   const clipPath = shadow ? `M ${plot.x} ${plot.y} H ${plot.x + plot.width} V ${plot.y + plot.height} H ${plot.x} Z` : void 0;
-  const radius = segment.isTop ? mekkoCornerRadius(context) : 0;
+  const config = chart.config;
+  const radius = segment.isTop || config?.mekkoRoundAll ? mekkoCornerRadius(context) : 0;
   const { x, y, width, height } = segment.frame;
+  const segmentGap = Math.max(0, chunkCXL254BT_cjs.finite(config?.mekkoSegmentGap, 0));
   const fallback = "#94a3b8";
   const gradientBounds = {
     minX: x + width / 2 - height / 2,
@@ -6091,20 +6245,20 @@ function createSegmentNode(context, segment, nextColor) {
     kind: "linear-gradient",
     angle: 90,
     stops: [
-      { offset: 0, color: chunkYM3XFBI4_cjs.representativeColor(segment.color, fallback) },
-      { offset: 100, color: chunkYM3XFBI4_cjs.representativeColor(nextColor, fallback) }
+      { offset: 0, color: chunkCXL254BT_cjs.representativeColor(segment.color, fallback) },
+      { offset: 100, color: chunkCXL254BT_cjs.representativeColor(nextColor, fallback) }
     ]
-  } : chunkYM3XFBI4_cjs.paint(segment.color, diagnostics, chart.id);
+  } : chunkCXL254BT_cjs.paint(segment.color, diagnostics, chart.id);
   return {
     type: "path",
     id: `chart-mekko-seg-${chart.id}-${segment.columnIndex}-${segment.seriesId}`,
     order: nextOrder(),
     bounds: nextColor ? gradientBounds : bounds,
-    d: chunkYM3XFBI4_cjs.barShapePath(x, y, width, height, radius),
+    d: chunkCXL254BT_cjs.barPath(x, y + segmentGap / 2, width, Math.max(0, height - segmentGap), radius, Boolean(config?.mekkoRoundAll)),
     style: {
       fill: fill2,
-      stroke: { kind: "solid", color: chart.gridColor ?? "#e2e8f0" },
-      strokeWidth: chunkYM3XFBI4_cjs.finite(chart.gridWidth, 1),
+      stroke: { kind: "solid", color: config?.mekkoSegmentStrokeColor ?? chart.gridColor ?? "#e2e8f0" },
+      strokeWidth: chunkCXL254BT_cjs.finite(config?.mekkoSegmentStrokeWidth, chunkCXL254BT_cjs.finite(chart.gridWidth, 1)),
       shadow,
       clip: clipPath ? { type: "path", d: clipPath } : void 0
     }
@@ -6118,14 +6272,19 @@ function createSegmentLabel(context, layout, segment) {
   }
   const innerWidth = Math.max(1, width - 8);
   const innerHeight = Math.max(1, height - 6);
-  const lineHeight = layout.smallFontSize * 1.2;
-  const labelLines = chunkYM3XFBI4_cjs.wrapText(segment.seriesLabel, innerWidth, layout.smallFontSize);
-  if ((labelLines.length + 1) * lineHeight > innerHeight) {
+  const lineHeight = layout.labelSize * 1.2;
+  const valueHeight = layout.valueSize * 1.2;
+  const labelLines = chunkCXL254BT_cjs.wrapText(segment.seriesLabel, innerWidth, layout.labelSize).map(
+    (line) => chunkCXL254BT_cjs.ellipsizeToWidth(line, innerWidth, layout.labelSize, true)
+  );
+  if (labelLines.length * lineHeight + valueHeight > innerHeight) {
     return [];
   }
-  const textColor = chunkYM3XFBI4_cjs.contrastTextColor(chunkYM3XFBI4_cjs.representativeColor(segment.color, "#ffffff"));
+  const textColor = chart.config?.mekkoTextColor ?? chunkCXL254BT_cjs.contrastTextColor(chunkCXL254BT_cjs.representativeColor(segment.color, "#ffffff"));
+  const columnTotal = layout.columns[segment.columnIndex]?.total ?? 0;
+  const valueText = chart.config?.mekkoValueFormat === "percent" ? `${columnTotal > 0 ? Math.round(segment.value / columnTotal * 100) : 0}%` : String(segment.value);
   const label = {
-    ...chunkYM3XFBI4_cjs.chartText({
+    ...chunkCXL254BT_cjs.chartText({
       id: `chart-mekko-seg-label-${chart.id}-${segment.columnIndex}-${segment.seriesId}`,
       order: nextOrder(),
       bounds,
@@ -6134,12 +6293,12 @@ function createSegmentLabel(context, layout, segment) {
       chart
     }),
     lines: labelLines,
-    fontSize: layout.smallFontSize,
+    fontSize: layout.labelSize,
     fontWeight: "bold",
     color: textColor
   };
   const valueNode = {
-    ...chunkYM3XFBI4_cjs.chartText({
+    ...chunkCXL254BT_cjs.chartText({
       id: `chart-mekko-seg-value-${chart.id}-${segment.columnIndex}-${segment.seriesId}`,
       order: nextOrder(),
       bounds,
@@ -6149,11 +6308,11 @@ function createSegmentLabel(context, layout, segment) {
         width: innerWidth,
         height: Math.max(1, innerHeight - labelLines.length * lineHeight)
       },
-      text: String(segment.value),
+      text: valueText,
       chart
     }),
-    lines: [String(segment.value)],
-    fontSize: layout.smallFontSize,
+    lines: [valueText],
+    fontSize: layout.valueSize,
     color: textColor
   };
   return [label, valueNode];
@@ -6172,7 +6331,7 @@ function renderMekko(context) {
 
 // src/renderScene/charts/renderers/pie/center.ts
 function fill(template, chart) {
-  const values = chart.series.map((series) => Math.max(0, chunkYM3XFBI4_cjs.finite(series.values[0], 0)));
+  const values = chart.series.map((series) => Math.max(0, chunkCXL254BT_cjs.finite(series.values[0], 0)));
   const total = values.reduce((sum, value) => sum + value, 0);
   const first = values[0] ?? 0;
   return template.replace(/\{total\}/g, String(Math.round(total * 100) / 100)).replace(/\{percent\}/g, String(total > 0 ? Math.round(first / total * 100) : 0)).replace(/\{label\}/g, chart.series[0]?.label ?? "");
@@ -6184,7 +6343,7 @@ function renderPieCenter(context, geometry) {
     return [];
   }
   const lines = fill(template, chart).split(/\\n|\n/);
-  const fontSize = chunkYM3XFBI4_cjs.finite(chart.config?.pieCenterSize, Math.max(14, Math.min(40, geometry.outerRadius * 0.3)));
+  const fontSize = chunkCXL254BT_cjs.finite(chart.config?.pieCenterSize, Math.max(14, Math.min(40, geometry.outerRadius * 0.3)));
   const lineHeight = fontSize * 1.2;
   const width = Math.max(40, (geometry.innerRadius > 0 ? geometry.innerRadius : geometry.outerRadius * 0.6) * 2);
   const text = {
@@ -6197,7 +6356,7 @@ function renderPieCenter(context, geometry) {
     width,
     height: lineHeight * lines.length,
     lines,
-    fontFamily: chart.fontFamily ?? chunkYM3XFBI4_cjs.DEFAULT_FONT,
+    fontFamily: chart.fontFamily ?? chunkCXL254BT_cjs.DEFAULT_FONT,
     fontSize,
     fontWeight: "bold",
     align: "center",
@@ -6217,14 +6376,14 @@ var radians = (degrees) => degrees * Math.PI / 180;
 function renderPieSlices(context, geometry) {
   const config = context.chart.config;
   const marks = createPieSliceMarks(context.chart.series, geometry.total, {
-    start: TOP + radians(chunkYM3XFBI4_cjs.finite(config?.pieStartAngle, 0)),
-    sweep: Math.min(FULL, Math.max(radians(1), radians(chunkYM3XFBI4_cjs.finite(config?.pieSweep, 360)))),
-    explode: Math.max(0, chunkYM3XFBI4_cjs.finite(config?.pieExplode, 0))
+    start: TOP + radians(chunkCXL254BT_cjs.finite(config?.pieStartAngle, 0)),
+    sweep: Math.min(FULL, Math.max(radians(1), radians(chunkCXL254BT_cjs.finite(config?.pieSweep, 360)))),
+    explode: Math.max(0, chunkCXL254BT_cjs.finite(config?.pieExplode, 0))
   });
   const gapPx = config?.pieSliceGap ?? 0;
   return [
     ...marks.flatMap((mark) => createSliceNodes(context, shiftGeometry(geometry, mark), mark, gapPx)),
-    ...chunkYM3XFBI4_cjs.renderPieLabels(
+    ...chunkCXL254BT_cjs.renderPieLabels(
       context,
       geometry,
       marks.map((mark) => ({
@@ -6256,20 +6415,20 @@ function createPieSliceMarks(seriesList, total, layout) {
   const marks = [];
   let angle = layout.start;
   seriesList.forEach((series, seriesIndex) => {
-    const value = Math.max(0, chunkYM3XFBI4_cjs.finite(series.values[0], 0));
+    const value = Math.max(0, chunkCXL254BT_cjs.finite(series.values[0], 0));
     const sweep = value / total * layout.sweep;
     marks.push({
       seriesId: series.id,
       label: series.label,
-      color: series.color ?? chunkYM3XFBI4_cjs.CHART_COLORS[seriesIndex % chunkYM3XFBI4_cjs.CHART_COLORS.length],
+      color: series.color ?? chunkCXL254BT_cjs.CHART_COLORS[seriesIndex % chunkCXL254BT_cjs.CHART_COLORS.length],
       stroke: series.stroke,
       strokeWidth: series.strokeWidth,
       value,
       share: value / total,
       angles: { start: angle, end: angle + Math.min(sweep, layout.sweep >= FULL ? MAXIMUM_SWEEP : layout.sweep) },
-      explode: Math.max(0, chunkYM3XFBI4_cjs.finite(series.offset, layout.explode)),
-      labelOffsetX: chunkYM3XFBI4_cjs.finite(series.labelOffsetX, 0),
-      labelOffsetY: chunkYM3XFBI4_cjs.finite(series.labelOffsetY, 0)
+      explode: Math.max(0, chunkCXL254BT_cjs.finite(series.offset, layout.explode)),
+      labelOffsetX: chunkCXL254BT_cjs.finite(series.labelOffsetX, 0),
+      labelOffsetY: chunkCXL254BT_cjs.finite(series.labelOffsetY, 0)
     });
     angle += sweep;
   });
@@ -6292,14 +6451,14 @@ function pieOuterShadow(shadow, gapPx) {
 function sliceCornerRadius(geometry, mark, gapPx) {
   const halfGap = Math.max(0, gapPx) / 2;
   const rawSweep = mark.angles.end - mark.angles.start;
-  const usesInnerArc = chunkYM3XFBI4_cjs.pieUsesInnerArc(geometry, mark.angles, gapPx);
-  const gapSweep = 2 * chunkYM3XFBI4_cjs.gapInsetAngle(halfGap, geometry.outerRadius);
+  const usesInnerArc = chunkCXL254BT_cjs.pieUsesInnerArc(geometry, mark.angles, gapPx);
+  const gapSweep = 2 * chunkCXL254BT_cjs.gapInsetAngle(halfGap, geometry.outerRadius);
   const availableSweep = Math.max(0, rawSweep - gapSweep);
   return Math.min(
     geometry.cornerRadius,
-    usesInnerArc ? chunkYM3XFBI4_cjs.maxPieCornerRadius(geometry.outerRadius, geometry.innerRadius, availableSweep) : chunkYM3XFBI4_cjs.maxApexCornerRadius(
+    usesInnerArc ? chunkCXL254BT_cjs.maxPieCornerRadius(geometry.outerRadius, geometry.innerRadius, availableSweep) : chunkCXL254BT_cjs.maxApexCornerRadius(
       geometry.outerRadius,
-      chunkYM3XFBI4_cjs.pieApexRadius(halfGap, rawSweep, geometry.outerRadius),
+      chunkCXL254BT_cjs.pieApexRadius(halfGap, rawSweep, geometry.outerRadius),
       availableSweep
     )
   );
@@ -6312,14 +6471,14 @@ function sliceStroke(context, mark) {
   }
   return {
     stroke: { kind: "solid", color: strokeColor },
-    strokeWidth: chunkYM3XFBI4_cjs.finite(mark.strokeWidth, chunkYM3XFBI4_cjs.finite(config?.pieStrokeWidth, 1))
+    strokeWidth: chunkCXL254BT_cjs.finite(mark.strokeWidth, chunkCXL254BT_cjs.finite(config?.pieStrokeWidth, 1))
   };
 }
 function createSliceNodes(context, geometry, mark, gapPx) {
   const { chart, bounds, diagnostics, nextOrder } = context;
-  const fill2 = chunkYM3XFBI4_cjs.paint(mark.color, diagnostics, chart.id);
-  const slicePath = chunkYM3XFBI4_cjs.createPieSlicePath(geometry, mark.angles, sliceCornerRadius(geometry, mark, gapPx), gapPx);
-  const shadow = chunkYM3XFBI4_cjs.resolveChartShadow(chart.shadowStyle);
+  const fill2 = chunkCXL254BT_cjs.paint(mark.color, diagnostics, chart.id);
+  const slicePath = chunkCXL254BT_cjs.createPieSlicePath(geometry, mark.angles, sliceCornerRadius(geometry, mark, gapPx), gapPx);
+  const shadow = chunkCXL254BT_cjs.resolveChartShadow(chart.shadowStyle);
   const strokeStyle = sliceStroke(context, mark);
   const glow = chart.config?.pieGlow;
   const shadowCaster = shadow ? {
@@ -6350,12 +6509,12 @@ function createSliceNodes(context, geometry, mark, gapPx) {
       pieEnd: mark.angles.end,
       pieValue: mark.value
     },
-    prop: chunkYM3XFBI4_cjs.seriesValueProp(mark.seriesId, 0),
+    prop: chunkCXL254BT_cjs.seriesValueProp(mark.seriesId, 0),
     style: {
       fill: fill2,
       ...strokeStyle,
       innerShadow: shadow,
-      shadow: glow ? { color: chunkYM3XFBI4_cjs.representativeColor(mark.color, "#ffffff"), opacity: 0.85, blur: glow, dx: 0, dy: 0 } : void 0
+      shadow: glow ? { color: chunkCXL254BT_cjs.representativeColor(mark.color, "#ffffff"), opacity: 0.85, blur: glow, dx: 0, dy: 0 } : void 0
     }
   };
   return shadowCaster ? [shadowCaster, slice] : [slice];
@@ -6363,12 +6522,12 @@ function createSliceNodes(context, geometry, mark, gapPx) {
 
 // src/renderScene/charts/renderers/pie.ts
 function renderPie(context) {
-  const geometry = chunkYM3XFBI4_cjs.createPieGeometry(context);
+  const geometry = chunkCXL254BT_cjs.createPieGeometry(context);
   return [...renderPieSlices(context, geometry), ...renderPieCenter(context, geometry)];
 }
 
 // src/renderScene/charts/renderers/polarArea.ts
-var START_ANGLE = -Math.PI / 2;
+var TOP2 = -Math.PI / 2;
 var TRACK_COLOR_FALLBACK = "#e2e8f0";
 var MIN_LABEL_SWEEP = 14 * Math.PI / 180;
 var LABEL_WIDTH = 80;
@@ -6380,17 +6539,18 @@ var OUTSIDE_FALLBACK_COLOR = "#334155";
 function layoutOf(context) {
   const { chart, plot } = context;
   const maxRadius = Math.max(1, Math.min(plot.width, plot.height) / 2 - 4);
-  const axisMin = chunkYM3XFBI4_cjs.finite(chart.axisY.min, 0);
+  const axisMin = chunkCXL254BT_cjs.finite(chart.axisY.min, 0);
   return {
     centerX: plot.x + plot.width / 2,
     centerY: plot.y + plot.height / 2,
     maxRadius,
-    innerRadius: Math.max(0, Math.min(chunkYM3XFBI4_cjs.finite(chart.config?.innerRadius, 0), maxRadius - 1)),
-    cornerRadius: Math.max(0, chunkYM3XFBI4_cjs.finite(chart.config?.pieCornerRadius, 0)),
-    gapPx: Math.max(0, chunkYM3XFBI4_cjs.finite(chart.config?.pieSliceGap, 0)),
+    innerRadius: Math.max(0, Math.min(chunkCXL254BT_cjs.finite(chart.config?.innerRadius, 0), maxRadius - 1)),
+    cornerRadius: Math.max(0, chunkCXL254BT_cjs.finite(chart.config?.pieCornerRadius, 0)),
+    gapPx: Math.max(0, chunkCXL254BT_cjs.finite(chart.config?.pieSliceGap, 0)),
     axisMin,
-    range: chunkYM3XFBI4_cjs.finite(chart.axisY.max, 100) - axisMin,
-    sweep: chart.series.length > 0 ? Math.PI * 2 / chart.series.length : 0
+    range: chunkCXL254BT_cjs.finite(chart.axisY.max, 100) - axisMin,
+    sweep: chart.series.length > 0 ? Math.PI * 2 / chart.series.length : 0,
+    start: TOP2 + chunkCXL254BT_cjs.finite(chart.config?.pieStartAngle, 0) * Math.PI / 180
   };
 }
 function clampedCorner(layout, outerRadius, angles) {
@@ -6398,19 +6558,19 @@ function clampedCorner(layout, outerRadius, angles) {
   const geometry = { centerX, centerY, outerRadius, innerRadius };
   const halfGap = Math.max(0, gapPx) / 2;
   const rawSweep = angles.end - angles.start;
-  const availableSweep = Math.max(0, rawSweep - 2 * chunkYM3XFBI4_cjs.gapInsetAngle(halfGap, outerRadius));
-  if (chunkYM3XFBI4_cjs.pieUsesInnerArc(geometry, angles, gapPx)) {
-    return Math.min(cornerRadius, chunkYM3XFBI4_cjs.maxPieCornerRadius(outerRadius, innerRadius, availableSweep));
+  const availableSweep = Math.max(0, rawSweep - 2 * chunkCXL254BT_cjs.gapInsetAngle(halfGap, outerRadius));
+  if (chunkCXL254BT_cjs.pieUsesInnerArc(geometry, angles, gapPx)) {
+    return Math.min(cornerRadius, chunkCXL254BT_cjs.maxPieCornerRadius(outerRadius, innerRadius, availableSweep));
   }
-  const apexRadius = chunkYM3XFBI4_cjs.pieApexRadius(halfGap, rawSweep, outerRadius);
-  return Math.min(cornerRadius, chunkYM3XFBI4_cjs.maxApexCornerRadius(outerRadius, apexRadius, availableSweep));
+  const apexRadius = chunkCXL254BT_cjs.pieApexRadius(halfGap, rawSweep, outerRadius);
+  return Math.min(cornerRadius, chunkCXL254BT_cjs.maxApexCornerRadius(outerRadius, apexRadius, availableSweep));
 }
 function wedgeNodes(context, layout, series, angles, outerRadius, value, rawColor) {
   const { chart, bounds, diagnostics, nextOrder } = context;
   const { centerX, centerY, innerRadius, maxRadius, gapPx } = layout;
-  const color2 = chunkYM3XFBI4_cjs.paint(rawColor, diagnostics, chart.id);
-  const shadow = chunkYM3XFBI4_cjs.resolveChartShadow(chart.shadowStyle);
-  const trackPath = chunkYM3XFBI4_cjs.createPieSlicePath(
+  const color2 = chunkCXL254BT_cjs.paint(rawColor, diagnostics, chart.id);
+  const shadow = chunkCXL254BT_cjs.resolveChartShadow(chart.shadowStyle);
+  const trackPath = chunkCXL254BT_cjs.createPieSlicePath(
     { centerX, centerY, outerRadius: maxRadius, innerRadius },
     angles,
     clampedCorner(layout, maxRadius, angles),
@@ -6422,9 +6582,13 @@ function wedgeNodes(context, layout, series, angles, outerRadius, value, rawColo
     order: nextOrder(),
     bounds,
     d: trackPath,
-    style: { fill: chunkYM3XFBI4_cjs.paint(chart.gridColor ?? TRACK_COLOR_FALLBACK, diagnostics, chart.id) }
+    style: {
+      fill: chunkCXL254BT_cjs.paint(chart.gridColor ?? TRACK_COLOR_FALLBACK, diagnostics, chart.id),
+      opacity: chart.config?.polarTrackOpacity,
+      ...trackStroke(context)
+    }
   };
-  const wedgePath = chunkYM3XFBI4_cjs.createPieSlicePath(
+  const wedgePath = chunkCXL254BT_cjs.createPieSlicePath(
     { centerX, centerY, outerRadius, innerRadius },
     angles,
     clampedCorner(layout, outerRadius, angles),
@@ -6453,21 +6617,68 @@ function wedgeNodes(context, layout, series, angles, outerRadius, value, rawColo
       pieEnd: angles.end,
       pieValue: value
     },
-    prop: chunkYM3XFBI4_cjs.seriesValueProp(series.id, 0),
-    style: { fill: color2, innerShadow: shadow }
+    prop: chunkCXL254BT_cjs.seriesValueProp(series.id, 0),
+    style: { fill: color2, innerShadow: shadow, ...wedgeStroke(context) }
   };
   return shadowCaster ? [track, shadowCaster, wedge] : [track, wedge];
 }
+function trackStroke(context) {
+  const config = context.chart.config;
+  if (!config?.polarTrackStroke) {
+    return {};
+  }
+  const dash = (config.polarTrackDash ?? "").split(/[ ,]+/).map(Number).filter((part) => Number.isFinite(part) && part > 0);
+  return {
+    stroke: { kind: "solid", color: config.polarTrackStroke },
+    strokeWidth: chunkCXL254BT_cjs.finite(config.polarTrackStrokeWidth, 1),
+    dash: dash.length > 0 ? dash : void 0
+  };
+}
+function wedgeStroke(context) {
+  const config = context.chart.config;
+  if (!config?.pieStroke) {
+    return {};
+  }
+  return {
+    stroke: { kind: "solid", color: config.pieStroke },
+    strokeWidth: chunkCXL254BT_cjs.finite(config.pieStrokeWidth, 1)
+  };
+}
+function ringNodes(context, layout) {
+  const { chart, bounds, nextOrder } = context;
+  if (!chart.config?.polarRings || layout.range <= 0) {
+    return [];
+  }
+  return chunkCXL254BT_cjs.chartTicks(chart.axisY).filter((tick) => tick > layout.axisMin && tick < layout.axisMin + layout.range).map((tick) => {
+    const radius = layout.innerRadius + (layout.maxRadius - layout.innerRadius) * (tick - layout.axisMin) / layout.range;
+    return {
+      type: "ellipse",
+      id: `chart-polar-area-ring-${chart.id}-${tick}`,
+      order: nextOrder(),
+      bounds,
+      cx: layout.centerX,
+      cy: layout.centerY,
+      rx: radius,
+      ry: radius,
+      style: {
+        fill: { kind: "none" },
+        stroke: { kind: "solid", color: chart.textColor ?? "#334155" },
+        strokeWidth: chunkCXL254BT_cjs.finite(chart.gridWidth, 1),
+        opacity: 0.25
+      }
+    };
+  });
+}
 function renderPolarArea(context) {
   const layout = layoutOf(context);
-  const { centerX, centerY, innerRadius, maxRadius, axisMin, range, sweep } = layout;
+  const { centerX, centerY, innerRadius, maxRadius, axisMin, range, sweep, start } = layout;
   const showLabels = context.showLabels && sweep >= MIN_LABEL_SWEEP;
-  return context.chart.series.flatMap((series, index) => {
-    const angles = { start: START_ANGLE + index * sweep, end: START_ANGLE + (index + 1) * sweep };
-    const value = Math.max(0, chunkYM3XFBI4_cjs.finite(series.values[0], 0));
+  const wedges = context.chart.series.flatMap((series, index) => {
+    const angles = { start: start + index * sweep, end: start + (index + 1) * sweep };
+    const value = Math.max(0, chunkCXL254BT_cjs.finite(series.values[0], 0));
     const fraction = range > 0 ? Math.min(1, Math.max(0, (value - axisMin) / range)) : 0;
     const outerRadius = Math.max(innerRadius + 1, innerRadius + (maxRadius - innerRadius) * fraction);
-    const rawColor = series.color ?? chunkYM3XFBI4_cjs.CHART_COLORS[index % chunkYM3XFBI4_cjs.CHART_COLORS.length];
+    const rawColor = series.color ?? chunkCXL254BT_cjs.CHART_COLORS[index % chunkCXL254BT_cjs.CHART_COLORS.length];
     const nodes = wedgeNodes(context, layout, series, angles, outerRadius, value, rawColor);
     if (!showLabels) {
       return nodes;
@@ -6475,27 +6686,36 @@ function renderPolarArea(context) {
     const geometry = { centerX, centerY, outerRadius, innerRadius };
     return [...nodes, ...createWedgeLabel(context, geometry, angles, series, value, rawColor)];
   });
+  return [...wedges, ...ringNodes(context, layout)];
+}
+function labelSizes(chart) {
+  const base = Math.max(9, chunkCXL254BT_cjs.finite(chart.fontSize, 12));
+  return {
+    nameSize: Math.max(6, chunkCXL254BT_cjs.finite(chart.config?.polarNameSize, base)),
+    valueSize: Math.max(6, chunkCXL254BT_cjs.finite(chart.config?.polarValueSize, base))
+  };
 }
 function labelPlacement2(context, geometry, angles, series, fillColor) {
   const mid = (angles.start + angles.end) / 2;
-  const fontSize = Math.max(9, chunkYM3XFBI4_cjs.finite(context.chart.fontSize, 12));
-  const lineHeight = fontSize * 1.2;
+  const { nameSize, valueSize } = labelSizes(context.chart);
+  const lineHeight = (nameSize + valueSize) * 1.2 / 2;
   const ringThickness = geometry.outerRadius - geometry.innerRadius;
-  const labelOffsetX = chunkYM3XFBI4_cjs.finite(series.labelOffsetX, 0);
-  const labelOffsetY = chunkYM3XFBI4_cjs.finite(series.labelOffsetY, 0);
+  const labelOffsetX = chunkCXL254BT_cjs.finite(series.labelOffsetX, 0);
+  const labelOffsetY = chunkCXL254BT_cjs.finite(series.labelOffsetY, 0);
   const hasManualOffset = labelOffsetX !== 0 || labelOffsetY !== 0;
   const tooThin = ringThickness < lineHeight * 2 + 6;
   const chordWidth = 2 * geometry.outerRadius * Math.sin(Math.abs(angles.end - angles.start) / 2);
   const fitsInline = !tooThin && chordWidth >= LABEL_WIDTH;
-  if (!fitsInline && !hasManualOffset) {
+  const outsideLabels = context.chart.config?.polarOutsideLabels ?? false;
+  if (!fitsInline && !hasManualOffset && !outsideLabels) {
     return void 0;
   }
   const outside = hasManualOffset || !fitsInline;
-  const tickStart = chunkYM3XFBI4_cjs.pieArcPoint(geometry, mid, geometry.outerRadius + LEADER_INSET);
-  const point = outside ? hasManualOffset ? addOffset(chunkYM3XFBI4_cjs.pieArcPoint(geometry, mid, geometry.outerRadius), labelOffsetX, labelOffsetY) : chunkYM3XFBI4_cjs.pieArcPoint(geometry, mid, geometry.outerRadius + OUTSIDE_GAP) : chunkYM3XFBI4_cjs.pieArcPoint(geometry, mid, geometry.innerRadius + ringThickness * LABEL_RADIUS_FRACTION);
-  const color2 = outside ? chunkYM3XFBI4_cjs.sameHueTint(chunkYM3XFBI4_cjs.representativeColor(fillColor, OUTSIDE_FALLBACK_COLOR), OUTSIDE_TINT_LIGHTNESS) ?? OUTSIDE_FALLBACK_COLOR : chunkYM3XFBI4_cjs.sameHueContrastColor(
-    chunkYM3XFBI4_cjs.representativeColor(fillColor, "#0f172a"),
-    chunkYM3XFBI4_cjs.contrastTextColor(chunkYM3XFBI4_cjs.representativeColor(fillColor, "#0f172a"))
+  const tickStart = chunkCXL254BT_cjs.pieArcPoint(geometry, mid, geometry.outerRadius + LEADER_INSET);
+  const point = outside ? hasManualOffset ? addOffset(chunkCXL254BT_cjs.pieArcPoint(geometry, mid, geometry.outerRadius), labelOffsetX, labelOffsetY) : chunkCXL254BT_cjs.pieArcPoint(geometry, mid, geometry.outerRadius + OUTSIDE_GAP) : chunkCXL254BT_cjs.pieArcPoint(geometry, mid, geometry.innerRadius + ringThickness * LABEL_RADIUS_FRACTION);
+  const color2 = outside ? outsideLabels && context.chart.textColor ? context.chart.textColor : chunkCXL254BT_cjs.sameHueTint(chunkCXL254BT_cjs.representativeColor(fillColor, OUTSIDE_FALLBACK_COLOR), OUTSIDE_TINT_LIGHTNESS) ?? OUTSIDE_FALLBACK_COLOR : chunkCXL254BT_cjs.sameHueContrastColor(
+    chunkCXL254BT_cjs.representativeColor(fillColor, "#0f172a"),
+    chunkCXL254BT_cjs.contrastTextColor(chunkCXL254BT_cjs.representativeColor(fillColor, "#0f172a"))
   );
   return { point, color: color2, outside, mid, tickStart };
 }
@@ -6506,9 +6726,9 @@ function createWedgeLabel(context, geometry, angles, series, value, fillColor) {
   }
   const { chart, bounds, nextOrder } = context;
   const { point, color: color2, outside, mid, tickStart } = placement;
-  const fontSize = Math.max(9, chunkYM3XFBI4_cjs.finite(chart.fontSize, 12));
-  const lineHeight = fontSize * 1.2;
-  const tickEnd = outside ? chunkYM3XFBI4_cjs.clipSegmentToRect(tickStart, point, LABEL_WIDTH / 2, lineHeight) : tickStart;
+  const { nameSize, valueSize } = labelSizes(chart);
+  const lineHeight = Math.max(nameSize, valueSize) * 1.2;
+  const tickEnd = outside ? chunkCXL254BT_cjs.clipSegmentToRect(tickStart, point, LABEL_WIDTH / 2, lineHeight) : tickStart;
   const tick = {
     type: "path",
     id: `chart-polar-area-label-tick-${chart.id}-${series.id}`,
@@ -6530,35 +6750,43 @@ function createWedgeLabel(context, geometry, angles, series, value, fillColor) {
     bounds,
     x: point.x - LABEL_WIDTH / 2,
     width: LABEL_WIDTH,
-    height: lineHeight,
-    fontFamily: chart.fontFamily ?? chunkYM3XFBI4_cjs.DEFAULT_FONT,
-    fontSize,
+    fontFamily: chart.fontFamily ?? chunkCXL254BT_cjs.DEFAULT_FONT,
     align: "center",
     verticalAlign: "middle",
     lineHeight: 1.2,
     color: color2
   };
+  const valueFirst = chart.config?.polarValueFirst ?? false;
+  const nameHeight = nameSize * 1.2;
+  const valueHeight = valueSize * 1.2;
+  const top = point.y - (nameHeight + valueHeight) / 2;
+  const nameY = valueFirst ? top + valueHeight : top;
+  const valueY = valueFirst ? top : top + nameHeight;
   const nameText = {
     type: "text",
     id: `chart-polar-area-label-name-${chart.id}-${series.id}`,
     order: nextOrder(),
     ...base,
-    y: point.y - lineHeight,
+    y: nameY,
+    height: nameSize * 1.2,
+    fontSize: nameSize,
     lines: [series.label],
-    fontWeight: "bold",
+    fontWeight: valueFirst ? "normal" : "bold",
     detail,
-    prop: chunkYM3XFBI4_cjs.seriesLabelProp(series.id)
+    prop: chunkCXL254BT_cjs.seriesLabelProp(series.id)
   };
   const valueText = {
     type: "text",
     id: `chart-polar-area-label-value-${chart.id}-${series.id}`,
     order: nextOrder(),
     ...base,
-    y: point.y,
-    lines: [chunkYM3XFBI4_cjs.formatFieldValue(value)],
-    fontWeight: "normal",
+    y: valueY,
+    height: valueSize * 1.2,
+    fontSize: valueSize,
+    lines: [chunkCXL254BT_cjs.formatFieldValue(value)],
+    fontWeight: valueFirst ? "bold" : "normal",
     detail,
-    prop: chunkYM3XFBI4_cjs.seriesValueProp(series.id, 0),
+    prop: chunkCXL254BT_cjs.seriesValueProp(series.id, 0),
     propKind: "value"
   };
   return [tick, nameText, valueText];
@@ -6576,11 +6804,12 @@ function radarFrameFor(context) {
   return {
     centerX: plot.x + plot.width / 2,
     centerY: plot.y + plot.height / 2,
-    radius: chunkYM3XFBI4_cjs.radarRadius(plot.width, plot.height, chunkYM3XFBI4_cjs.finite(chart.fontSize, 12), context.showLabels),
+    radius: chunkCXL254BT_cjs.radarRadius(plot.width, plot.height, chunkCXL254BT_cjs.finite(chart.fontSize, 12), context.showLabels),
     min: chart.axisY.min,
     max: chart.axisY.max,
-    count: chunkYM3XFBI4_cjs.radarCategoryCount(configuredCount, dataCount),
-    curved: chart.chartType === "radial"
+    count: chunkCXL254BT_cjs.radarCategoryCount(configuredCount, dataCount),
+    curved: chart.chartType === "radial",
+    tension: chart.config?.radarTension
   };
 }
 function createRadarGeometry(context) {
@@ -6588,17 +6817,21 @@ function createRadarGeometry(context) {
   const configuredCategories = chart.config?.categories?.filter(Boolean) ?? [];
   const frame = radarFrameFor(context);
   const categories = createCategories(configuredCategories, frame.count);
-  const pointAt = (pointRadius, pointIndex) => chunkYM3XFBI4_cjs.radarPointAt(frame, pointIndex, pointRadius);
+  const pointAt = (pointRadius, pointIndex) => chunkCXL254BT_cjs.radarPointAt(frame, pointIndex, pointRadius);
   return {
     circular: frame.curved,
     areaOpacity: Math.max(0, Math.min(1, chart.config?.areaOpacity ?? 0.16)),
+    strokeWidth: Math.max(0, chart.config?.radarStrokeWidth ?? 2),
+    tension: frame.tension,
+    pointSize: Math.max(0, chart.config?.radarPointSize ?? 3),
+    showSpokes: chart.config?.radarSpokes ?? true,
     categories,
     centerX: frame.centerX,
     centerY: frame.centerY,
     radius: frame.radius,
-    radiusForValue: (value) => chunkYM3XFBI4_cjs.radarRadiusForValue(frame, value),
+    radiusForValue: (value) => chunkCXL254BT_cjs.radarRadiusForValue(frame, value),
     pointAt,
-    polygonPath: (pointRadius) => chunkYM3XFBI4_cjs.radarSeriesPath(
+    polygonPath: (pointRadius) => chunkCXL254BT_cjs.radarSeriesPath(
       categories.map((_, index) => pointAt(pointRadius, index)),
       false
     )
@@ -6616,10 +6849,10 @@ function renderRadarGrid(context, geometry) {
   if (context.chart.showGrid === false) {
     return [];
   }
-  return [...renderRings(context, geometry), ...renderSpokes(context, geometry)];
+  return [...renderRings(context, geometry), ...geometry.showSpokes ? renderSpokes(context, geometry) : []];
 }
 function renderRings(context, geometry) {
-  return chunkYM3XFBI4_cjs.chartTicks(context.chart.axisY).filter((tick) => tick > context.chart.axisY.min).map((tick) => createRingNode(context, geometry, tick));
+  return chunkCXL254BT_cjs.chartTicks(context.chart.axisY).filter((tick) => tick > context.chart.axisY.min).map((tick) => createRingNode(context, geometry, tick));
 }
 function createRingNode(context, geometry, tick) {
   const { chart, bounds, nextOrder } = context;
@@ -6627,7 +6860,7 @@ function createRingNode(context, geometry, tick) {
   const style = {
     fill: { kind: "none" },
     stroke: { kind: "solid", color: chart.gridColor ?? "#e2e8f0" },
-    strokeWidth: chunkYM3XFBI4_cjs.finite(chart.gridWidth, 1)
+    strokeWidth: chunkCXL254BT_cjs.finite(chart.gridWidth, 1)
   };
   if (geometry.circular) {
     return {
@@ -6664,7 +6897,7 @@ function renderSpokes(context, geometry) {
       style: {
         fill: { kind: "none" },
         stroke: { kind: "solid", color: chart.gridColor ?? "#e2e8f0" },
-        strokeWidth: chunkYM3XFBI4_cjs.finite(chart.gridWidth, 1)
+        strokeWidth: chunkCXL254BT_cjs.finite(chart.gridWidth, 1)
       }
     };
   });
@@ -6684,7 +6917,7 @@ function createCategoryLabel(context, geometry, category, categoryIndex) {
   const labelPoint = geometry.pointAt(geometry.radius + 10, categoryIndex);
   const horizontalOffset = labelPoint.x - geometry.centerX;
   const width = Math.max(64, Math.min(120, plot.width / 3));
-  return chunkYM3XFBI4_cjs.chartText({
+  return chunkCXL254BT_cjs.chartText({
     id: `chart-radar-label-${chart.id}-${categoryIndex}`,
     order: nextOrder(),
     bounds,
@@ -6722,13 +6955,13 @@ function renderRadarSeries(context, geometry) {
   return nodes;
 }
 function renderSeries(context, geometry, series, seriesIndex) {
-  const color2 = series.color ?? chunkYM3XFBI4_cjs.CHART_COLORS[seriesIndex % chunkYM3XFBI4_cjs.CHART_COLORS.length];
+  const color2 = series.color ?? chunkCXL254BT_cjs.CHART_COLORS[seriesIndex % chunkCXL254BT_cjs.CHART_COLORS.length];
   const points = seriesPoints(series, context, geometry);
-  const path = chunkYM3XFBI4_cjs.radarSeriesPath(points, geometry.circular);
+  const path = chunkCXL254BT_cjs.radarSeriesPath(points, geometry.circular, geometry.tension);
   return [
     createSeriesFill(context, geometry, series, path, color2),
-    createSeriesStroke(context, series, path, color2),
-    ...createSeriesPoints(context, series, points, color2)
+    ...geometry.strokeWidth > 0 ? [createSeriesStroke(context, geometry, series, path, color2)] : [],
+    ...geometry.pointSize > 0 ? createSeriesPoints(context, geometry, series, points, color2) : []
   ];
 }
 function seriesPoints(series, context, geometry) {
@@ -6747,13 +6980,13 @@ function createSeriesFill(context, geometry, series, path, color2) {
     d: path,
     detail: { of: "chartSeries", series: series.id },
     style: {
-      fill: chunkYM3XFBI4_cjs.paint(color2, diagnostics, chart.id),
+      fill: chunkCXL254BT_cjs.paint(color2, diagnostics, chart.id),
       stroke: { kind: "none" },
       opacity: Math.max(0, Math.min(1, series.opacity ?? geometry.areaOpacity))
     }
   };
 }
-function createSeriesStroke(context, series, path, color2) {
+function createSeriesStroke(context, geometry, series, path, color2) {
   const { chart, bounds, diagnostics, nextOrder } = context;
   return {
     type: "path",
@@ -6764,14 +6997,14 @@ function createSeriesStroke(context, series, path, color2) {
     detail: { of: "chartSeries", series: series.id },
     style: {
       fill: { kind: "none" },
-      stroke: chunkYM3XFBI4_cjs.paint(color2, diagnostics, chart.id),
-      strokeWidth: 2,
+      stroke: chunkCXL254BT_cjs.paint(color2, diagnostics, chart.id),
+      strokeWidth: geometry.strokeWidth,
       lineJoin: "round",
-      shadow: chunkYM3XFBI4_cjs.resolveChartShadow(chart.shadowStyle)
+      shadow: chunkCXL254BT_cjs.resolveChartShadow(chart.shadowStyle)
     }
   };
 }
-function createSeriesPoints(context, series, points, color2) {
+function createSeriesPoints(context, geometry, series, points, color2) {
   const { chart, bounds, diagnostics, nextOrder } = context;
   return points.map((point, pointIndex) => ({
     type: "ellipse",
@@ -6780,11 +7013,11 @@ function createSeriesPoints(context, series, points, color2) {
     bounds,
     cx: point.x,
     cy: point.y,
-    rx: 3,
-    ry: 3,
+    rx: geometry.pointSize,
+    ry: geometry.pointSize,
     detail: { of: "chartValue", series: series.id, valueIndex: pointIndex, mark: "radar-vertex" },
-    prop: chunkYM3XFBI4_cjs.seriesValueProp(series.id, pointIndex),
-    style: { fill: chunkYM3XFBI4_cjs.paint(color2, diagnostics, chart.id) }
+    prop: chunkCXL254BT_cjs.seriesValueProp(series.id, pointIndex),
+    style: { fill: chunkCXL254BT_cjs.paint(color2, diagnostics, chart.id) }
   }));
 }
 
@@ -6799,7 +7032,7 @@ function renderRadar(context) {
 }
 
 // src/renderScene/charts/renderers/radialBar.ts
-var START_ANGLE2 = -Math.PI / 2;
+var TOP3 = -Math.PI / 2;
 var DEFAULT_RING_THICKNESS = 14;
 var DEFAULT_RING_GAP = 4;
 var TRACK_OPACITY = 0.18;
@@ -6825,34 +7058,38 @@ function ringShadow(shadow, ringThickness) {
   const scale = distance > maxDistance ? maxDistance / distance : 1;
   return { ...shadow, blur, dx: shadow.dx * scale, dy: shadow.dy * scale };
 }
-function ringProgressPath(cx, cy, r, sweep) {
+function ringProgressPath(cx, cy, r, sweep, from) {
   if (sweep >= Math.PI * 2 - FULL_SWEEP_EPSILON) {
-    const start2 = arcPoint(cx, cy, r, START_ANGLE2);
-    const mid = arcPoint(cx, cy, r, START_ANGLE2 + Math.PI);
+    const start2 = arcPoint(cx, cy, r, from);
+    const mid = arcPoint(cx, cy, r, from + Math.PI);
     return `M ${start2.x} ${start2.y} A ${r} ${r} 0 1 1 ${mid.x} ${mid.y} A ${r} ${r} 0 1 1 ${start2.x} ${start2.y}`;
   }
-  const start = arcPoint(cx, cy, r, START_ANGLE2);
-  const end = arcPoint(cx, cy, r, START_ANGLE2 + sweep);
+  const start = arcPoint(cx, cy, r, from);
+  const end = arcPoint(cx, cy, r, from + sweep);
   const largeArc = sweep > Math.PI ? 1 : 0;
   return `M ${start.x} ${start.y} A ${r} ${r} 0 ${largeArc} 1 ${end.x} ${end.y}`;
 }
 function layoutOf2(context) {
   const { chart, plot } = context;
-  const axisMin = chunkYM3XFBI4_cjs.finite(chart.axisY.min, 0);
+  const axisMin = chunkCXL254BT_cjs.finite(chart.axisY.min, 0);
   return {
     centerX: plot.x + plot.width / 2,
     centerY: plot.y + plot.height / 2,
     outerRadius: Math.max(1, Math.min(plot.width, plot.height) / 2 - 4),
-    ringThickness: Math.max(1, chunkYM3XFBI4_cjs.finite(chart.config?.ringThickness, DEFAULT_RING_THICKNESS)),
-    ringGap: Math.max(0, chunkYM3XFBI4_cjs.finite(chart.config?.ringGap, DEFAULT_RING_GAP)),
+    ringThickness: Math.max(1, chunkCXL254BT_cjs.finite(chart.config?.ringThickness, DEFAULT_RING_THICKNESS)),
+    ringGap: Math.max(0, chunkCXL254BT_cjs.finite(chart.config?.ringGap, DEFAULT_RING_GAP)),
     axisMin,
-    range: chunkYM3XFBI4_cjs.finite(chart.axisY.max, 100) - axisMin
+    range: chunkCXL254BT_cjs.finite(chart.axisY.max, 100) - axisMin,
+    start: TOP3 + chunkCXL254BT_cjs.finite(chart.config?.ringStartAngle, 0) * Math.PI / 180,
+    total: Math.min(360, Math.max(1, chunkCXL254BT_cjs.finite(chart.config?.ringSweep, 360))) * Math.PI / 180,
+    trackOpacity: Math.min(1, Math.max(0, chunkCXL254BT_cjs.finite(chart.config?.ringTrackOpacity, TRACK_OPACITY))),
+    cap: chart.config?.ringCap ?? "round"
   };
 }
 function ringEndShadows(context, layout, series, radius, sweep, color2) {
   const { chart, bounds, nextOrder } = context;
-  const { centerX, centerY, ringThickness } = layout;
-  const shadow = chunkYM3XFBI4_cjs.resolveChartShadow(chart.shadowStyle);
+  const { centerX, centerY, ringThickness, start } = layout;
+  const shadow = chunkCXL254BT_cjs.resolveChartShadow(chart.shadowStyle);
   const isFullCircle = sweep >= Math.PI * 2 - FULL_SWEEP_EPSILON;
   if (!shadow || isFullCircle) {
     return [];
@@ -6860,8 +7097,8 @@ function ringEndShadows(context, layout, series, radius, sweep, color2) {
   const clampedShadow = ringShadow(shadow, ringThickness);
   const stubSweep = Math.min(sweep, ringThickness / radius);
   return [
-    [START_ANGLE2, START_ANGLE2 + stubSweep],
-    [START_ANGLE2 + sweep - stubSweep, START_ANGLE2 + sweep]
+    [start, start + stubSweep],
+    [start + sweep - stubSweep, start + sweep]
   ].map(
     ([from, to], endIndex) => ({
       type: "path",
@@ -6873,7 +7110,7 @@ function ringEndShadows(context, layout, series, radius, sweep, color2) {
         fill: { kind: "none" },
         stroke: color2,
         strokeWidth: ringThickness,
-        lineCap: "round",
+        lineCap: layout.cap,
         shadow: clampedShadow,
         clip: {
           type: "path",
@@ -6883,17 +7120,23 @@ function ringEndShadows(context, layout, series, radius, sweep, color2) {
     })
   );
 }
-function ringNodes(context, layout, series, index) {
+function ringNodes2(context, layout, series, index) {
   const { chart, bounds, diagnostics, nextOrder } = context;
-  const { centerX, centerY, outerRadius, ringThickness, ringGap, axisMin, range } = layout;
+  const { centerX, centerY, outerRadius, ringThickness, ringGap, axisMin, range, start, total, trackOpacity, cap } = layout;
   const radius = outerRadius - index * (ringThickness + ringGap) - ringThickness / 2;
   if (radius <= ringThickness / 2) {
     return [];
   }
-  const color2 = chunkYM3XFBI4_cjs.paint(series.color ?? chunkYM3XFBI4_cjs.CHART_COLORS[index % chunkYM3XFBI4_cjs.CHART_COLORS.length], diagnostics, chart.id);
-  const value = Math.max(0, chunkYM3XFBI4_cjs.finite(series.values[0], 0));
+  const color2 = chunkCXL254BT_cjs.paint(series.color ?? chunkCXL254BT_cjs.CHART_COLORS[index % chunkCXL254BT_cjs.CHART_COLORS.length], diagnostics, chart.id);
+  const value = Math.max(0, chunkCXL254BT_cjs.finite(series.values[0], 0));
   const fraction = range > 0 ? Math.min(1, Math.max(0, (value - axisMin) / range)) : 0;
-  const track = {
+  const trackStyle = {
+    fill: { kind: "none" },
+    stroke: color2,
+    strokeWidth: ringThickness,
+    opacity: trackOpacity
+  };
+  const track = total >= Math.PI * 2 - FULL_SWEEP_EPSILON ? {
     type: "ellipse",
     id: `chart-radial-bar-track-${chart.id}-${series.id}`,
     order: nextOrder(),
@@ -6902,42 +7145,49 @@ function ringNodes(context, layout, series, index) {
     cy: centerY,
     rx: radius,
     ry: radius,
-    style: { fill: { kind: "none" }, stroke: color2, strokeWidth: ringThickness, opacity: TRACK_OPACITY }
+    style: trackStyle
+  } : {
+    type: "path",
+    id: `chart-radial-bar-track-${chart.id}-${series.id}`,
+    order: nextOrder(),
+    bounds,
+    d: arcSegmentPath(centerX, centerY, radius, start, start + total),
+    style: { ...trackStyle, lineCap: cap }
   };
   if (fraction <= 0) {
     return [track];
   }
-  const sweep = fraction * Math.PI * 2;
+  const sweep = fraction * total;
   const casters = ringEndShadows(context, layout, series, radius, sweep, color2);
   const progress = {
     type: "path",
     id: `chart-radial-bar-ring-${chart.id}-${series.id}`,
     order: nextOrder(),
     bounds,
-    d: ringProgressPath(centerX, centerY, radius, sweep),
+    d: ringProgressPath(centerX, centerY, radius, sweep, start),
     detail: { of: "chartValue", series: series.id, valueIndex: 0, mark: "radial-bar-ring" },
-    prop: chunkYM3XFBI4_cjs.seriesValueProp(series.id, 0),
-    style: { fill: { kind: "none" }, stroke: color2, strokeWidth: ringThickness, lineCap: "round" }
+    prop: chunkCXL254BT_cjs.seriesValueProp(series.id, 0),
+    style: { fill: { kind: "none" }, stroke: color2, strokeWidth: ringThickness, lineCap: cap }
   };
   return [track, ...casters, progress];
 }
 function renderRadialBar(context) {
   const layout = layoutOf2(context);
-  return context.chart.series.flatMap((series, index) => ringNodes(context, layout, series, index));
+  return context.chart.series.flatMap((series, index) => ringNodes2(context, layout, series, index));
 }
 
 // src/renderScene/charts/renderers/sankey/links.ts
 function renderSankeyLinks(context, data) {
-  const shadow = chunkYM3XFBI4_cjs.resolveChartShadow(context.chart.shadowStyle);
+  const shadow = chunkCXL254BT_cjs.resolveChartShadow(context.chart.shadowStyle);
   const gradient = Boolean(context.chart.config?.linkGradient);
   const { plot } = context;
   const clipPath = shadow ? `M ${plot.x} ${plot.y} H ${plot.x + plot.width} V ${plot.y + plot.height} H ${plot.x} Z` : void 0;
   return data.links.map((link, linkIndex) => {
-    const ribbon = createSankeyLinkRibbon(data, link, linkIndex, gradient);
+    const ribbon = createSankeyLinkRibbon(context, data, link, linkIndex, gradient);
     return createSankeyRibbonNode(context, ribbon, shadow, clipPath, gradient);
   });
 }
-function createSankeyLinkRibbon(data, link, linkIndex, gradient) {
+function createSankeyLinkRibbon(context, data, link, linkIndex, gradient) {
   const source = {
     x: data.baseX + link.x0,
     top: data.baseY + link.sourceY0,
@@ -6948,8 +7198,9 @@ function createSankeyLinkRibbon(data, link, linkIndex, gradient) {
     top: data.baseY + link.targetY0,
     bottom: data.baseY + link.targetY1
   };
-  const fromColor = link.color || data.nodeColors.get(link.source) || chunkYM3XFBI4_cjs.DEFAULT_ZONE_FILL;
-  const toColor = data.nodeColors.get(link.target) || chunkYM3XFBI4_cjs.DEFAULT_ZONE_FILL;
+  const config = context.chart.config;
+  const fromColor = link.color || data.nodeColors.get(link.source) || chunkCXL254BT_cjs.DEFAULT_ZONE_FILL;
+  const toColor = data.nodeColors.get(link.target) || chunkCXL254BT_cjs.DEFAULT_ZONE_FILL;
   const fill2 = gradient ? {
     kind: "linear-gradient",
     angle: 0,
@@ -6964,9 +7215,9 @@ function createSankeyLinkRibbon(data, link, linkIndex, gradient) {
     toId: link.target,
     source,
     target,
-    controlX: (source.x + target.x) / 2,
+    controlX: source.x + (target.x - source.x) * Math.min(1, Math.max(0, chunkCXL254BT_cjs.finite(config?.sankeyLinkCurve, 0.5))),
     fill: fill2,
-    opacity: link.color ? 0.85 : 0.45
+    opacity: Math.min(1, Math.max(0, chunkCXL254BT_cjs.finite(config?.sankeyLinkOpacity, link.color ? 0.85 : 0.45)))
   };
 }
 function createSankeyRibbonNode(context, ribbon, shadow, clipPath, gradient) {
@@ -7007,7 +7258,7 @@ function sankeyRibbonPath(ribbon) {
 var OUTSIDE_LABEL_LIGHTNESS_ON_LIGHT_BG = 0.3;
 var OUTSIDE_LABEL_LIGHTNESS_ON_DARK_BG = 0.78;
 function renderSankeyNodes(context, data) {
-  const cornerRadius = Math.max(0, chunkYM3XFBI4_cjs.finite(context.chart.config?.barCornerRadius, 0));
+  const cornerRadius = Math.max(0, chunkCXL254BT_cjs.finite(context.chart.config?.barCornerRadius, 0));
   const nodes = [];
   data.nodes.forEach((node) => {
     nodes.push(createNodeRect(context, data, node, cornerRadius));
@@ -7023,8 +7274,8 @@ function createNodeRect(context, data, node, cornerRadius) {
   const x = data.baseX + node.x;
   const y = data.baseY + node.y;
   const style = {
-    fill: { kind: "solid", color: node.color || chunkYM3XFBI4_cjs.DEFAULT_ZONE_FILL },
-    shadow: chunkYM3XFBI4_cjs.resolveChartShadow(chart.shadowStyle)
+    fill: { kind: "solid", color: node.color || chunkCXL254BT_cjs.DEFAULT_ZONE_FILL },
+    shadow: chunkCXL254BT_cjs.resolveChartShadow(chart.shadowStyle)
   };
   const isFirstColumn = node.column === 0;
   const isLastColumn = node.column === data.columnCount - 1;
@@ -7050,7 +7301,7 @@ function createNodeRect(context, data, node, cornerRadius) {
       id: `chart-sankey-node-${chart.id}-${node.id}`,
       order: nextOrder(),
       bounds,
-      d: chunkYM3XFBI4_cjs.leftRoundedRectPath(x, y, node.width, node.height, cornerRadius),
+      d: chunkCXL254BT_cjs.leftRoundedRectPath(x, y, node.width, node.height, cornerRadius),
       style,
       detail
     };
@@ -7061,7 +7312,7 @@ function createNodeRect(context, data, node, cornerRadius) {
       id: `chart-sankey-node-${chart.id}-${node.id}`,
       order: nextOrder(),
       bounds,
-      d: chunkYM3XFBI4_cjs.rightRoundedRectPath(x, y, node.width, node.height, cornerRadius),
+      d: chunkCXL254BT_cjs.rightRoundedRectPath(x, y, node.width, node.height, cornerRadius),
       style,
       detail
     };
@@ -7087,9 +7338,9 @@ function createNodeLabel(context, data, node) {
     return void 0;
   }
   const fallback = chart.textColor ?? "#0f172a";
-  const defaultColor = position === "inside" ? chunkYM3XFBI4_cjs.contrastTextColor(node.color) : chunkYM3XFBI4_cjs.sameHueTint(
+  const defaultColor = position === "inside" ? chunkCXL254BT_cjs.contrastTextColor(node.color) : chunkCXL254BT_cjs.sameHueTint(
     node.color,
-    chunkYM3XFBI4_cjs.isLightColor(fallback) ? OUTSIDE_LABEL_LIGHTNESS_ON_DARK_BG : OUTSIDE_LABEL_LIGHTNESS_ON_LIGHT_BG
+    chunkCXL254BT_cjs.isLightColor(fallback) ? OUTSIDE_LABEL_LIGHTNESS_ON_DARK_BG : OUTSIDE_LABEL_LIGHTNESS_ON_LIGHT_BG
   ) ?? fallback;
   const color2 = chart.config?.labelColor ?? defaultColor;
   return { ...label, color: color2, detail: { of: "chartSeries", series: node.id, mark: "sankey-node-label" } };
@@ -7101,7 +7352,7 @@ function createOutsideLabel(context, data, node) {
   const y = data.baseY + node.y;
   const labelX2 = isLastColumn ? x - data.labelGutter + 8 : x + node.width + 6;
   return {
-    ...chunkYM3XFBI4_cjs.chartText({
+    ...chunkCXL254BT_cjs.chartText({
       id: `chart-sankey-label-${chart.id}-${node.id}`,
       order: nextOrder(),
       bounds,
@@ -7110,7 +7361,7 @@ function createOutsideLabel(context, data, node) {
       chart,
       align: isLastColumn ? "right" : "left"
     }),
-    fontSize: data.fontSize - 2,
+    fontSize: data.labelSize,
     fontWeight: "bold",
     verticalAlign: "middle"
   };
@@ -7121,16 +7372,16 @@ function createInsideLabel(context, data, node, orientation) {
   const y = data.baseY + node.y;
   const centerX = x + node.width / 2;
   const centerY = y + node.height / 2;
-  const fontSize = data.fontSize - 2;
+  const fontSize = data.labelSize;
   const id = `chart-sankey-label-${chart.id}-${node.id}`;
   if (orientation === "vertical") {
     const thickness = fontSize * 1.4;
     const width = Math.max(1, node.height - 8);
-    if (chunkYM3XFBI4_cjs.estimateTextWidth(node.label, fontSize, false) > width) {
+    if (chunkCXL254BT_cjs.estimateTextWidth(node.label, fontSize, false) > width) {
       return void 0;
     }
     return {
-      ...chunkYM3XFBI4_cjs.chartText({
+      ...chunkCXL254BT_cjs.chartText({
         id,
         order: nextOrder(),
         bounds,
@@ -7147,7 +7398,7 @@ function createInsideLabel(context, data, node, orientation) {
     };
   }
   return {
-    ...chunkYM3XFBI4_cjs.chartText({
+    ...chunkCXL254BT_cjs.chartText({
       id,
       order: nextOrder(),
       bounds,
@@ -7167,15 +7418,19 @@ function createSankeyRenderData(context) {
   const { chart, plot, showLabels } = context;
   const labelGutter = showLabels ? 92 : 0;
   const availableWidth = Math.max(1, plot.width - labelGutter * 2);
-  const layout = layoutSankey(createNodeInputs(context), createLinkInputs(context), availableWidth, plot.height);
+  const layout = layoutSankey(createNodeInputs(context), createLinkInputs(context), availableWidth, plot.height, {
+    nodeWidth: Math.max(1, chunkCXL254BT_cjs.finite(chart.config?.sankeyNodeWidth, 18)),
+    nodeGap: Math.max(0, chunkCXL254BT_cjs.finite(chart.config?.sankeyNodeGap, 8))
+  });
   return {
     ...layout,
     baseX: plot.x + labelGutter,
     baseY: plot.y,
     labelGutter,
-    fontSize: Math.max(9, chunkYM3XFBI4_cjs.finite(chart.fontSize, 12)),
+    fontSize: Math.max(9, chunkCXL254BT_cjs.finite(chart.fontSize, 12)),
+    labelSize: Math.max(6, chunkCXL254BT_cjs.finite(chart.config?.sankeyLabelSize, Math.max(9, chunkCXL254BT_cjs.finite(chart.fontSize, 12)) - 2)),
     columnCount: Math.max(1, ...layout.nodes.map((node) => node.column + 1)),
-    nodeColors: new Map(layout.nodes.map((node) => [node.id, node.color || chunkYM3XFBI4_cjs.DEFAULT_ZONE_FILL]))
+    nodeColors: new Map(layout.nodes.map((node) => [node.id, node.color || chunkCXL254BT_cjs.DEFAULT_ZONE_FILL]))
   };
 }
 function createNodeInputs(context) {
@@ -7197,7 +7452,7 @@ function createLinkInputs(context) {
       source: series.source,
       target: series.target,
       value: series.values[0] ?? 0,
-      color: series.color ? chunkYM3XFBI4_cjs.representativeColor(series.color, chunkYM3XFBI4_cjs.DEFAULT_ZONE_FILL) : void 0
+      color: series.color ? chunkCXL254BT_cjs.representativeColor(series.color, chunkCXL254BT_cjs.DEFAULT_ZONE_FILL) : void 0
     });
   });
   return inputs;
@@ -7213,20 +7468,24 @@ function renderSankey(context) {
 }
 
 // src/renderScene/charts/renderers/scatter.ts
-function renderScatter(context, radius = 4) {
+var DEFAULT_POINT_SIZE = 4;
+function renderScatter(context) {
   const nodes = [];
-  const shadow = chunkYM3XFBI4_cjs.resolveChartShadow(context.chart.shadowStyle);
+  const shadow = chunkCXL254BT_cjs.resolveChartShadow(context.chart.shadowStyle);
   context.chart.series.forEach((series, seriesIndex) => {
-    const color2 = series.color ?? chunkYM3XFBI4_cjs.CHART_COLORS[seriesIndex % chunkYM3XFBI4_cjs.CHART_COLORS.length];
+    const color2 = series.color ?? chunkCXL254BT_cjs.CHART_COLORS[seriesIndex % chunkCXL254BT_cjs.CHART_COLORS.length];
     const points = pixelPoints(context, seriesValuePairs(context.chart, series));
     points.forEach((point, pointIndex) => {
-      nodes.push(createScatterPoint(context, series, point, pointIndex, color2, radius, shadow));
+      nodes.push(createScatterPoint(context, series, point, pointIndex, color2, shadow));
     });
   });
   return nodes;
 }
-function createScatterPoint(context, series, point, pointIndex, color2, radius, shadow) {
+function createScatterPoint(context, series, point, pointIndex, color2, shadow) {
   const { chart, bounds, diagnostics, nextOrder } = context;
+  const config = chart.config;
+  const radius = config?.pointSize ?? DEFAULT_POINT_SIZE;
+  const strokeWidth = config?.pointStrokeWidth ?? 0;
   return {
     type: "ellipse",
     id: `chart-point-${chart.id}-${series.id}-${pointIndex}`,
@@ -7237,21 +7496,27 @@ function createScatterPoint(context, series, point, pointIndex, color2, radius,
     rx: radius,
     ry: radius,
     detail: { of: "chartValue", series: series.id, valueIndex: pointIndex },
-    style: { fill: chunkYM3XFBI4_cjs.paint(color2, diagnostics, chart.id), shadow }
+    style: {
+      fill: chunkCXL254BT_cjs.paint(color2, diagnostics, chart.id),
+      stroke: strokeWidth > 0 ? chunkCXL254BT_cjs.paint(config?.pointStrokeColor ?? color2, diagnostics, chart.id) : void 0,
+      strokeWidth: strokeWidth > 0 ? strokeWidth : void 0,
+      opacity: config?.pointOpacity,
+      shadow
+    }
   };
 }
 
 // src/renderScene/charts/renderers/treemap/layout.ts
 function createTreemapLayout(context) {
   const { chart, plot, showLegend } = context;
-  const fontSize = Math.max(9, chunkYM3XFBI4_cjs.finite(chart.fontSize, 12));
+  const fontSize = Math.max(9, chunkCXL254BT_cjs.finite(chart.fontSize, 12));
   const legendPosition = chart.legendPosition === "left" ? "left" : chart.legendPosition === "right" ? "right" : "bottom";
   const legendHeight = showLegend && legendPosition === "bottom" ? 48 : 0;
-  const cellGap = Math.max(0, chunkYM3XFBI4_cjs.finite(chart.config?.cellGap, 0));
+  const cellGap = Math.max(0, chunkCXL254BT_cjs.finite(chart.config?.cellGap, 0));
   return {
     leaves: chart.series,
-    bands: chunkYM3XFBI4_cjs.axisBands(chart.axisY),
-    zones: chart.config?.zones?.length ? chart.config.zones : chunkYM3XFBI4_cjs.DEFAULT_HEATMAP_ZONES,
+    bands: chunkCXL254BT_cjs.axisBands(chart.axisY),
+    zones: chart.config?.zones?.length ? chart.config.zones : chunkCXL254BT_cjs.DEFAULT_HEATMAP_ZONES,
     fontSize,
     smallFontSize: Math.max(8, fontSize - 1),
     legendPosition,
@@ -7259,14 +7524,18 @@ function createTreemapLayout(context) {
     gridWidth: Math.max(1, plot.width),
     gridHeight: Math.max(1, plot.height - legendHeight),
     cellGap,
-    cellRadius: Math.max(0, chunkYM3XFBI4_cjs.finite(chart.config?.barCornerRadius, cellGap))
+    cellRadius: Math.max(0, chunkCXL254BT_cjs.finite(chart.config?.barCornerRadius, cellGap)),
+    headerHeight: Math.max(0, chunkCXL254BT_cjs.finite(chart.config?.headerHeight, 20)),
+    labelSize: Math.max(6, chunkCXL254BT_cjs.finite(chart.config?.tileLabelSize, Math.max(8, fontSize - 1))),
+    valueSize: Math.max(6, chunkCXL254BT_cjs.finite(chart.config?.tileValueSize, Math.max(8, fontSize - 1))),
+    labelPadding: Math.max(0, chunkCXL254BT_cjs.finite(chart.config?.tileLabelPadding, 4))
   };
 }
 function treemapLeafValue(leaf) {
   return leaf.values[0] ?? 0;
 }
 function treemapLeafColor(leaf, layout) {
-  return leaf.color ?? chunkYM3XFBI4_cjs.zoneColorAtValue(treemapLeafValue(leaf), layout.bands, layout.zones);
+  return leaf.color ?? chunkCXL254BT_cjs.zoneColorAtValue(treemapLeafValue(leaf), layout.bands, layout.zones);
 }
 
 // src/renderScene/charts/renderers/treemap/legend.ts
@@ -7291,7 +7560,7 @@ function bandStops(layout) {
   const zones = layout.zones.slice(0, bandCount);
   return zones.map((zone, index) => ({
     offset: bandRatio2(layout, layout.bands[index + 1] ?? layout.bands[layout.bands.length - 1]) * 100,
-    color: zone.color ?? chunkYM3XFBI4_cjs.DEFAULT_ZONE_FILL
+    color: zone.color ?? chunkCXL254BT_cjs.DEFAULT_ZONE_FILL
   }));
 }
 function renderBottomLegend(context, layout) {
@@ -7300,7 +7569,7 @@ function renderBottomLegend(context, layout) {
   const barWidth = layout.gridWidth;
   const labelHeight = layout.fontSize + 2;
   const barY = plot.y + layout.gridHeight + CHART_GAP;
-  const barBounds = chunkYM3XFBI4_cjs.boxBounds({ x: barX, y: barY, width: barWidth, height: BAR_THICKNESS });
+  const barBounds = chunkCXL254BT_cjs.boxBounds({ x: barX, y: barY, width: barWidth, height: BAR_THICKNESS });
   const stops = bandStops(layout);
   const bar = {
     type: "rect",
@@ -7314,7 +7583,7 @@ function renderBottomLegend(context, layout) {
     rx: 3,
     zoneGradient: { axis: "y", min: chart.axisY.min, max: chart.axisY.max },
     style: {
-      fill: stops.length ? { kind: "linear-gradient", angle: 0, stops } : { kind: "solid", color: chunkYM3XFBI4_cjs.DEFAULT_ZONE_FILL },
+      fill: stops.length ? { kind: "linear-gradient", angle: 0, stops } : { kind: "solid", color: chunkCXL254BT_cjs.DEFAULT_ZONE_FILL },
       stroke: { kind: "solid", color: chart.gridColor ?? "#e2e8f0" },
       strokeWidth: 1
     }
@@ -7337,12 +7606,12 @@ function renderBottomLegend(context, layout) {
     const isLast = index === layout.bands.length - 1;
     const align = isFirst ? "left" : isLast ? "right" : "center";
     const frameX = isFirst ? x : isLast ? x - LABEL_SIZE : x - LABEL_SIZE / 2;
-    const label = chunkYM3XFBI4_cjs.chartText({
+    const label = chunkCXL254BT_cjs.chartText({
       id: `chart-treemap-legend-tick-label-${chart.id}-${index}`,
       order: nextOrder(),
       bounds,
       frame: { x: frameX, y: barY + BAR_THICKNESS + TICK_LENGTH + ROW_GAP2, width: LABEL_SIZE, height: labelHeight },
-      text: chunkYM3XFBI4_cjs.formatFieldValue(value),
+      text: chunkCXL254BT_cjs.formatFieldValue(value),
       chart,
       align
     });
@@ -7356,7 +7625,7 @@ function renderSideLegend(context, layout) {
   const barTop = plot.y;
   const barHeight = layout.gridHeight;
   const barX = side === "left" ? plot.x - CHART_GAP - BAR_THICKNESS : plot.x + layout.gridWidth + CHART_GAP;
-  const barBounds = chunkYM3XFBI4_cjs.boxBounds({ x: barX, y: barTop, width: BAR_THICKNESS, height: barHeight });
+  const barBounds = chunkCXL254BT_cjs.boxBounds({ x: barX, y: barTop, width: BAR_THICKNESS, height: barHeight });
   const stops = bandStops(layout);
   const bar = {
     type: "rect",
@@ -7370,7 +7639,7 @@ function renderSideLegend(context, layout) {
     rx: 3,
     zoneGradient: { axis: "y", min: chart.axisY.min, max: chart.axisY.max },
     style: {
-      fill: stops.length ? { kind: "linear-gradient", angle: 270, stops } : { kind: "solid", color: chunkYM3XFBI4_cjs.DEFAULT_ZONE_FILL },
+      fill: stops.length ? { kind: "linear-gradient", angle: 270, stops } : { kind: "solid", color: chunkCXL254BT_cjs.DEFAULT_ZONE_FILL },
       stroke: { kind: "solid", color: chart.gridColor ?? "#e2e8f0" },
       strokeWidth: 1
     }
@@ -7392,12 +7661,12 @@ function renderSideLegend(context, layout) {
         strokeWidth: 1
       }
     };
-    const label = chunkYM3XFBI4_cjs.chartText({
+    const label = chunkCXL254BT_cjs.chartText({
       id: `chart-treemap-legend-tick-label-${chart.id}-${index}`,
       order: nextOrder(),
       bounds,
       frame: { x: labelX2, y: y - layout.fontSize / 2, width: LABEL_SIZE, height: layout.fontSize + 2 },
-      text: chunkYM3XFBI4_cjs.formatFieldValue(value),
+      text: chunkCXL254BT_cjs.formatFieldValue(value),
       chart,
       align: side === "left" ? "right" : "left"
     });
@@ -7407,7 +7676,6 @@ function renderSideLegend(context, layout) {
 }
 
 // src/renderScene/charts/renderers/treemap/tiles.ts
-var HEADER_HEIGHT = 20;
 function renderTreemapTiles(context, layout) {
   const { tiles, headers } = layoutTreemapTiles(context, layout);
   const nodes = [];
@@ -7446,7 +7714,7 @@ function layoutTreemapTiles(context, layout) {
   const tiles = [];
   const headers = [];
   groupRects.forEach((groupRect) => {
-    const headerHeight = context.showLabels ? Math.min(HEADER_HEIGHT, groupRect.height) : 0;
+    const headerHeight = context.showLabels ? Math.min(layout.headerHeight, groupRect.height) : 0;
     if (context.showLabels) {
       headers.push({
         key: groupRect.item.key,
@@ -7480,19 +7748,19 @@ function renderTreemapHeader(context, layout, header, index) {
     x: plot.x + header.x,
     y: plot.y + header.y,
     width: header.width,
-    height: HEADER_HEIGHT,
+    height: layout.headerHeight,
     rx: layout.cellRadius,
     style: { fill: { kind: "solid", color: fill2 } }
   };
   const smallFontSize = Math.max(8, Math.max(9, chart.fontSize ?? 12) - 1);
   const label = {
-    ...chunkYM3XFBI4_cjs.chartText({
+    ...chunkCXL254BT_cjs.chartText({
       id: `chart-treemap-header-label-${chart.id}-${index}`,
       order: nextOrder(),
       bounds,
       frame: {
         x: plot.x + header.x,
-        y: plot.y + header.y + (HEADER_HEIGHT - smallFontSize) / 2,
+        y: plot.y + header.y + (layout.headerHeight - smallFontSize) / 2,
         width: header.width,
         height: smallFontSize + 2
       },
@@ -7501,7 +7769,7 @@ function renderTreemapHeader(context, layout, header, index) {
       align: "center"
     }),
     fontSize: smallFontSize,
-    color: chunkYM3XFBI4_cjs.contrastTextColor(fill2)
+    color: chunkCXL254BT_cjs.contrastTextColor(fill2)
   };
   return [background, label];
 }
@@ -7517,7 +7785,7 @@ function renderTile(context, layout, tile, nextTile) {
 function createTileNode(context, layout, tile, color2, nextColor) {
   const { chart, plot, bounds, diagnostics, nextOrder } = context;
   const gap = layout.cellGap;
-  const shadow = chunkYM3XFBI4_cjs.resolveChartShadow(chart.shadowStyle);
+  const shadow = chunkCXL254BT_cjs.resolveChartShadow(chart.shadowStyle);
   const clipPath = shadow ? `M ${plot.x} ${plot.y} H ${plot.x + plot.width} V ${plot.y + plot.height} H ${plot.x} Z` : void 0;
   const tileX = plot.x + tile.x + gap / 2;
   const tileY = plot.y + tile.y + gap / 2;
@@ -7534,10 +7802,10 @@ function createTileNode(context, layout, tile, color2, nextColor) {
     kind: "linear-gradient",
     angle: 0,
     stops: [
-      { offset: 0, color: chunkYM3XFBI4_cjs.representativeColor(color2, fallback) },
-      { offset: 100, color: chunkYM3XFBI4_cjs.representativeColor(nextColor, fallback) }
+      { offset: 0, color: chunkCXL254BT_cjs.representativeColor(color2, fallback) },
+      { offset: 100, color: chunkCXL254BT_cjs.representativeColor(nextColor, fallback) }
     ]
-  } : chunkYM3XFBI4_cjs.paint(color2, diagnostics, chart.id);
+  } : chunkCXL254BT_cjs.paint(color2, diagnostics, chart.id);
   return {
     type: "rect",
     id: `chart-treemap-tile-${chart.id}-${tile.item.leaf.id}`,
@@ -7550,8 +7818,8 @@ function createTileNode(context, layout, tile, color2, nextColor) {
     rx: layout.cellRadius,
     style: {
       fill: fill2,
-      stroke: { kind: "solid", color: chart.gridColor ?? "#e2e8f0" },
-      strokeWidth: chunkYM3XFBI4_cjs.finite(chart.gridWidth, 1),
+      stroke: { kind: "solid", color: chart.config?.tileStrokeColor ?? chart.gridColor ?? "#e2e8f0" },
+      strokeWidth: chunkCXL254BT_cjs.finite(chart.config?.tileStrokeWidth, chunkCXL254BT_cjs.finite(chart.gridWidth, 1)),
       shadow,
       clip: clipPath ? { type: "path", d: clipPath } : void 0
     }
@@ -7561,15 +7829,17 @@ function createTileLabel(context, layout, tile, color2) {
   const { chart, plot, bounds, nextOrder } = context;
   const { leaf, value } = tile.item;
   const gap = layout.cellGap;
-  const width = Math.max(1, tile.width - gap - 8);
-  const height = Math.max(1, tile.height - gap - 6);
-  const x = plot.x + tile.x + gap / 2 + 4;
-  const y = plot.y + tile.y + gap / 2 + 3;
-  const textColor = chunkYM3XFBI4_cjs.contrastTextColor(chunkYM3XFBI4_cjs.representativeColor(color2, "#ffffff"));
-  const labelLines = chunkYM3XFBI4_cjs.wrapText(leaf.label, width, layout.smallFontSize);
-  const lineHeight = layout.smallFontSize * 1.2;
+  const pad = layout.labelPadding;
+  const width = Math.max(1, tile.width - gap - pad * 2);
+  const height = Math.max(1, tile.height - gap - pad * 1.5);
+  const x = plot.x + tile.x + gap / 2 + pad;
+  const y = plot.y + tile.y + gap / 2 + pad * 0.75;
+  const textColor = chart.config?.tileTextColor ?? chunkCXL254BT_cjs.contrastTextColor(chunkCXL254BT_cjs.representativeColor(color2, "#ffffff"));
+  const lineHeight = layout.labelSize * 1.2;
+  const maxLines = Math.max(1, Math.floor(height / lineHeight));
+  const labelLines = chunkCXL254BT_cjs.wrapText(leaf.label, width, layout.labelSize).slice(0, maxLines).map((line) => chunkCXL254BT_cjs.ellipsizeToWidth(line, width, layout.labelSize, true));
   const label = {
-    ...chunkYM3XFBI4_cjs.chartText({
+    ...chunkCXL254BT_cjs.chartText({
       id: `chart-treemap-label-${chart.id}-${leaf.id}`,
       order: nextOrder(),
       bounds,
@@ -7578,12 +7848,17 @@ function createTileLabel(context, layout, tile, color2) {
       chart
     }),
     lines: labelLines,
-    fontSize: layout.smallFontSize,
+    fontSize: layout.labelSize,
     fontWeight: "bold",
     color: textColor
   };
+  const valueText = String(value);
+  const valueFits = labelLines.length * lineHeight + layout.valueSize * 1.2 <= height + 2 && chunkCXL254BT_cjs.estimateTextWidth(valueText, layout.valueSize, false) <= width;
+  if (chart.config?.showTileValues === false || !valueFits) {
+    return [label];
+  }
   const valueNode = {
-    ...chunkYM3XFBI4_cjs.chartText({
+    ...chunkCXL254BT_cjs.chartText({
       id: `chart-treemap-value-${chart.id}-${leaf.id}`,
       order: nextOrder(),
       bounds,
@@ -7597,7 +7872,7 @@ function createTileLabel(context, layout, tile, color2) {
       chart
     }),
     lines: [String(value)],
-    fontSize: layout.smallFontSize,
+    fontSize: layout.valueSize,
     color: textColor
   };
   return [label, valueNode];
@@ -7660,7 +7935,7 @@ function buildCartesianChart(foundation) {
 
 // src/renderScene/charts/chartFrame.ts
 function scaleDetail(chart, plot) {
-  const horizontal = chunkYM3XFBI4_cjs.isHorizontalBar(chart);
+  const horizontal = chunkCXL254BT_cjs.isHorizontalBar(chart);
   const range = horizontal ? `${plot.x},${plot.width}` : `${plot.y},${plot.height}`;
   return {
     of: "chartScale",
@@ -7668,7 +7943,7 @@ function scaleDetail(chart, plot) {
   };
 }
 function pieDetail(chart, plot) {
-  const { outerRadius, innerRadius, cornerRadius } = chunkYM3XFBI4_cjs.resolvePieRadii(
+  const { outerRadius, innerRadius, cornerRadius } = chunkCXL254BT_cjs.resolvePieRadii(
     plot.width,
     plot.height,
     chart.config?.innerRadius,
@@ -7681,8 +7956,8 @@ function pieDetail(chart, plot) {
 }
 function polarAreaDetail(chart, plot) {
   const maxRadius = Math.max(1, Math.min(plot.width, plot.height) / 2 - 4);
-  const innerRadius = Math.max(0, Math.min(chunkYM3XFBI4_cjs.finite(chart.config?.innerRadius, 0), maxRadius - 1));
-  const cornerRadius = Math.max(0, chunkYM3XFBI4_cjs.finite(chart.config?.pieCornerRadius, 0));
+  const innerRadius = Math.max(0, Math.min(chunkCXL254BT_cjs.finite(chart.config?.innerRadius, 0), maxRadius - 1));
+  const cornerRadius = Math.max(0, chunkCXL254BT_cjs.finite(chart.config?.pieCornerRadius, 0));
   return {
     of: "pieGeometry",
     pieGeometry: `${plot.x + plot.width / 2},${plot.y + plot.height / 2},${maxRadius},${innerRadius},${cornerRadius}`
@@ -7691,14 +7966,15 @@ function polarAreaDetail(chart, plot) {
 function radarDetail(chart, plot) {
   const configuredCount = (chart.config?.categories?.filter(Boolean) ?? []).length;
   const dataCount = Math.max(0, ...chart.series.map((series) => series.values.length));
-  const count = chunkYM3XFBI4_cjs.radarCategoryCount(configuredCount, dataCount);
-  const radius = chunkYM3XFBI4_cjs.radarRadius(plot.width, plot.height, chunkYM3XFBI4_cjs.finite(chart.fontSize, 12), chart.showAxisLabels !== false);
+  const count = chunkCXL254BT_cjs.radarCategoryCount(configuredCount, dataCount);
+  const radius = chunkCXL254BT_cjs.radarRadius(plot.width, plot.height, chunkCXL254BT_cjs.finite(chart.fontSize, 12), chart.showAxisLabels !== false);
   const centerX = plot.x + plot.width / 2;
   const centerY = plot.y + plot.height / 2;
   const curved = chart.chartType === "radial" ? 1 : 0;
+  const tension = chart.config?.radarTension;
   return {
     of: "radarGeometry",
-    radarGeometry: `${centerX},${centerY},${radius},${chart.axisY.min},${chart.axisY.max},${count},${curved}`
+    radarGeometry: `${centerX},${centerY},${radius},${chart.axisY.min},${chart.axisY.max},${count},${curved}${tension === void 0 ? "" : `,${tension}`}`
   };
 }
 function frameDetail(chart, plot) {
@@ -7725,9 +8001,9 @@ function buildChartFrame(chart, bounds, plot, order) {
     height: chart.height,
     rx: chart.cornerRadius ?? 12,
     style: {
-      fill: chunkYM3XFBI4_cjs.paint(chart.fillColor ?? "#ffffff", [], chart.id),
+      fill: chunkCXL254BT_cjs.paint(chart.fillColor ?? "#ffffff", [], chart.id),
       stroke: { kind: "solid", color: chart.strokeColor ?? "#475569" },
-      strokeWidth: chunkYM3XFBI4_cjs.finite(chart.strokeWidth, 1)
+      strokeWidth: chunkCXL254BT_cjs.finite(chart.strokeWidth, 1)
     }
   };
   const detail = frameDetail(chart, plot);
@@ -7787,7 +8063,7 @@ function buildChartTitle(chart, bounds, plot, renderOrder) {
   }
   return [
     {
-      ...chunkYM3XFBI4_cjs.chartText({
+      ...chunkCXL254BT_cjs.chartText({
         id: `chart-title-${chart.id}`,
         order: renderOrder.next(),
         bounds,
@@ -7797,8 +8073,8 @@ function buildChartTitle(chart, bounds, plot, renderOrder) {
       }),
       ...chart.titleColor ? { color: chart.titleColor } : {},
       fontWeight: chart.titleWeight ?? "bold",
-      fontSize: chunkYM3XFBI4_cjs.finite(chart.titleSize, Math.max(10, chunkYM3XFBI4_cjs.finite(chart.fontSize, 12)) + 2),
-      prop: chunkYM3XFBI4_cjs.CHART_TITLE_PROP
+      fontSize: chunkCXL254BT_cjs.finite(chart.titleSize, Math.max(10, chunkCXL254BT_cjs.finite(chart.fontSize, 12)) + 2),
+      prop: chunkCXL254BT_cjs.CHART_TITLE_PROP
     }
   ];
 }
@@ -7851,14 +8127,14 @@ function buildChart(chart, index, diagnostics) {
 // src/renderScene/charts/artifacts.ts
 function buildCharts(charts, diagnostics) {
   return charts.flatMap(
-    (chart, index) => chunkYM3XFBI4_cjs.tag(buildChart(chart, index, diagnostics), "chart", chart.id, chart.chartType, chart.title ?? "Chart")
+    (chart, index) => chunkCXL254BT_cjs.tag(buildChart(chart, index, diagnostics), "chart", chart.id, chart.chartType, chart.title ?? "Chart")
   );
 }
 
 // src/renderScene/scene/build.ts
 function sceneBounds(nodes) {
   if (!nodes.length) {
-    return chunkYM3XFBI4_cjs.EMPTY_BOUNDS;
+    return chunkCXL254BT_cjs.EMPTY_BOUNDS;
   }
   return {
     minX: Math.min(...nodes.map((n) => n.bounds.minX)),
@@ -7872,8 +8148,8 @@ function stackingOf(input) {
   const add = (role, objects, legacyBase) => {
     objects.forEach((object, index) => {
       stacking.set(`${role}:${object.id}`, {
-        rank: chunkYM3XFBI4_cjs.stackRank(object),
-        sequence: chunkYM3XFBI4_cjs.stackSequence(object, legacyBase + index)
+        rank: chunkCXL254BT_cjs.stackRank(object),
+        sequence: chunkCXL254BT_cjs.stackSequence(object, legacyBase + index)
       });
     });
   };
@@ -8340,31 +8616,31 @@ function chartSeriesAttrs(detail) {
   ];
 }
 function frameBoundaryAttrs(detail) {
-  return [`${chunkYM3XFBI4_cjs.CORNER_RADIUS_ATTR}="${num(detail.cornerRadius)}"`, `${chunkYM3XFBI4_cjs.SQUARE_CORNER_ATTR}="${detail.squareCorner}"`];
+  return [`${chunkCXL254BT_cjs.CORNER_RADIUS_ATTR}="${num(detail.cornerRadius)}"`, `${chunkCXL254BT_cjs.SQUARE_CORNER_ATTR}="${detail.squareCorner}"`];
 }
 function declaredBoundsAttr(bounds) {
-  return `${chunkYM3XFBI4_cjs.SYMBOL_BOUNDS_ATTR}="${num(bounds.x)},${num(bounds.y)},${num(bounds.width)},${num(bounds.height)}"`;
+  return `${chunkCXL254BT_cjs.SYMBOL_BOUNDS_ATTR}="${num(bounds.x)},${num(bounds.y)},${num(bounds.width)},${num(bounds.height)}"`;
 }
 function symbolGeometryAttrs(detail) {
   return [
-    `${chunkYM3XFBI4_cjs.SYMBOL_POINTS_ATTR}="${xml(JSON.stringify(detail.points))}"`,
-    `${chunkYM3XFBI4_cjs.SYMBOL_TENSION_ATTR}="${num(detail.tension)}"`,
+    `${chunkCXL254BT_cjs.SYMBOL_POINTS_ATTR}="${xml(JSON.stringify(detail.points))}"`,
+    `${chunkCXL254BT_cjs.SYMBOL_TENSION_ATTR}="${num(detail.tension)}"`,
     declaredBoundsAttr(detail.declaredBounds)
   ];
 }
 function pathGeometryAttrs(detail) {
   return [
-    `${chunkYM3XFBI4_cjs.PATH_POINTS_ATTR}="${xml(JSON.stringify(detail.points))}"`,
-    `${chunkYM3XFBI4_cjs.PATH_TENSION_ATTR}="${num(detail.tension)}"`,
-    `${chunkYM3XFBI4_cjs.PATH_CLOSED_ATTR}="${detail.closed}"`
+    `${chunkCXL254BT_cjs.PATH_POINTS_ATTR}="${xml(JSON.stringify(detail.points))}"`,
+    `${chunkCXL254BT_cjs.PATH_TENSION_ATTR}="${num(detail.tension)}"`,
+    `${chunkCXL254BT_cjs.PATH_CLOSED_ATTR}="${detail.closed}"`
   ];
 }
 function isometricGeometryAttrs(detail) {
   return [
-    `${chunkYM3XFBI4_cjs.ISOMETRIC_SIZE_ATTR}="${num(detail.width)},${num(detail.height)},${num(detail.depth)}"`,
-    `${chunkYM3XFBI4_cjs.CORNER_RADIUS_ATTR}="${num(detail.cornerRadius)}"`,
+    `${chunkCXL254BT_cjs.ISOMETRIC_SIZE_ATTR}="${num(detail.width)},${num(detail.height)},${num(detail.depth)}"`,
+    `${chunkCXL254BT_cjs.CORNER_RADIUS_ATTR}="${num(detail.cornerRadius)}"`,
     declaredBoundsAttr(detail.bounds),
-    `${chunkYM3XFBI4_cjs.ISOMETRIC_LABEL_OFFSET_ATTR}="${num(detail.labelOffsetX)},${num(detail.labelOffsetY)}"`
+    `${chunkCXL254BT_cjs.ISOMETRIC_LABEL_OFFSET_ATTR}="${num(detail.labelOffsetX)},${num(detail.labelOffsetY)}"`
   ];
 }
 function linkDetailAttrs(detail) {
@@ -8460,7 +8736,7 @@ function shaderSurfaceSvg(node, defs) {
   const rotation = transform(node.rotation, { x: node.x + node.width / 2, y: node.y + node.height / 2 });
   const parameters = xml(JSON.stringify(node.shader.parameters));
   const fillColor = node.fillColor ? ` data-sf-shader-fill="${xml(node.fillColor)}"` : "";
-  return `<foreignObject id="${defs.elementId(node.id)}"${contractAttrs(node)} data-sf-shader="${xml(node.shader.program)}" data-sf-shader-name="${xml(node.shader.name)}" data-sf-shader-params="${parameters}" data-sf-shader-mask="${node.mask}"${fillColor} x="${num(node.x)}" y="${num(node.y)}" width="${num(node.width)}" height="${num(node.height)}"${rotation} pointer-events="${node.shader.program === "ruler" ? "all" : "none"}"><canvas xmlns="http://www.w3.org/1999/xhtml" data-sf-shader-canvas="true" style="display:block;width:100%;height:100%;pointer-events:none"></canvas></foreignObject>`;
+  return `<foreignObject id="${defs.elementId(node.id)}"${contractAttrs(node)} data-sf-shader="${xml(node.shader.program)}" data-sf-shader-name="${xml(node.shader.name)}" data-sf-shader-params="${parameters}" data-sf-shader-mask="${node.mask}"${fillColor} x="${num(node.x)}" y="${num(node.y)}" width="${num(node.width)}" height="${num(node.height)}"${rotation} pointer-events="${node.shader.program === "ruler" || node.identity?.role === "widget" ? "all" : "none"}"><canvas xmlns="http://www.w3.org/1999/xhtml" data-sf-shader-canvas="true" style="display:block;width:100%;height:100%;pointer-events:none"></canvas></foreignObject>`;
 }
 function rollingDigitSvg(character, node) {
   const style = node.widgetStyle;
@@ -8471,7 +8747,7 @@ function rollingDigitSvg(character, node) {
 }
 function rollingNumberSvg(node, defs) {
   const rotation = transform(node.rotation, { x: node.x + node.width / 2, y: node.y + node.height / 2 });
-  const fontSize = Math.max(1, Math.min(node.width, node.height) * 0.28);
+  const fontSize = node.widgetStyle.fontSize > 0 ? node.widgetStyle.fontSize : Math.max(1, Math.min(node.width, node.height) * 0.28);
   const label = node.label ? `<span xmlns="http://www.w3.org/1999/xhtml" style="margin-bottom:.14em;color:${xml(node.widgetStyle.labelColor)};font-size:.16em;font-weight:600;letter-spacing:.24em;line-height:1">${xml(node.label)}</span>` : "";
   const digits = [...node.value].map((character) => rollingDigitSvg(character, node)).join("");
   const widgetStyle = xml(JSON.stringify(node.widgetStyle));
@@ -8510,7 +8786,7 @@ function renderSvgDocument(scene, options = {}) {
   const nodes = options.linkHitAreas ? withLinkHitAreas(scene.nodes) : scene.nodes;
   const body = nodes.map((node) => nodeSvg(node, defs)).join("\n  ");
   const declaration = options.includeXmlDeclaration === false ? "" : '<?xml version="1.0" encoding="UTF-8"?>\n';
-  const svg = `${declaration}<svg xmlns="http://www.w3.org/2000/svg" width="${num(width)}px" height="${num(height)}px" viewBox="${viewBox}" role="img" data-sf-contract="${chunkYM3XFBI4_cjs.DOM_CONTRACT_VERSION}">
+  const svg = `${declaration}<svg xmlns="http://www.w3.org/2000/svg" width="${num(width)}px" height="${num(height)}px" viewBox="${viewBox}" role="img" data-sf-contract="${chunkCXL254BT_cjs.DOM_CONTRACT_VERSION}">
   <defs>${defs.entries.join("")}</defs>
   ${body}
 </svg>`;
@@ -8564,5 +8840,5 @@ exports.formatRollingNumber = formatRollingNumber;
 exports.render = render;
 exports.renderCanvas = renderCanvas;
 exports.sflToRenderInput = sflToRenderInput;
-//# sourceMappingURL=chunk-S5BVAAEF.cjs.map
-//# sourceMappingURL=chunk-S5BVAAEF.cjs.map
+//# sourceMappingURL=chunk-DDCTNLLD.cjs.map
+//# sourceMappingURL=chunk-DDCTNLLD.cjs.map