stickyflow 0.5.0 → 0.7.0

package/dist/{chunk-ZMLQIMJK.cjs → chunk-A73UJ5AQ.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkXY2GZUHC_cjs = require('./chunk-XY2GZUHC.cjs');
+var chunkKXYSO6GC_cjs = require('./chunk-KXYSO6GC.cjs');
 
 // src/renderInput/styleDecoding/colorToken.ts
 var COLOR_TOKEN_PATTERN = String.raw`rgba?\([^)]*\)|#[0-9a-fA-F]+|[a-zA-Z][\w-]*`;
@@ -633,7 +633,7 @@ function readComponentValue(descriptor, raw) {
   return raw;
 }
 function genericComponentObject(canvasObject) {
-  const descriptor = chunkXY2GZUHC_cjs.getComponentDescriptor(canvasObject.component.type);
+  const descriptor = chunkKXYSO6GC_cjs.getComponentDescriptor(canvasObject.component.type);
   return {
     id: canvasObject.id,
     type: canvasObject.component.type,
@@ -822,7 +822,7 @@ var BUILT_IN_OBJECTS = {
 };
 function componentObject(canvasObject) {
   const type = canvasObject.component.type;
-  return chunkXY2GZUHC_cjs.isBuiltInComponentType(type) ? BUILT_IN_OBJECTS[type](canvasObject) : genericComponentObject(canvasObject);
+  return chunkKXYSO6GC_cjs.isBuiltInComponentType(type) ? BUILT_IN_OBJECTS[type](canvasObject) : genericComponentObject(canvasObject);
 }
 
 // src/renderInput/fromSfl/canvasObjects/connection.ts
@@ -846,6 +846,26 @@ function connectionObject(c) {
   };
 }
 
+// src/renderInput/fromSfl/canvasObjects/dimension.ts
+function dimensionObject(canvasObject) {
+  const presentation = canvasObject.props;
+  return {
+    id: canvasObject.id,
+    start: canvasObject.dimension.start,
+    end: canvasObject.dimension.end,
+    offset: canvasObject.dimension.offset,
+    text: canvasObject.text,
+    unit: canvasObject.dimension.unit,
+    strokeColor: solidColor(presentation.stroke),
+    strokeWidth: numOf(presentation.strokeWidth),
+    textColor: solidColor(presentation.textColor),
+    fontSize: numOf(presentation.fontSize),
+    order: canvasObject.order,
+    sourceIndex: canvasObject.sourceIndex,
+    parentFrameId: canvasObject.parentFrameId
+  };
+}
+
 // src/renderInput/fromSfl/canvasObjects/frame.ts
 function frameObject(e) {
   const p = e.props;
@@ -884,6 +904,8 @@ function isometricObject(canvasObject) {
     width: canvasObject.width,
     height: canvasObject.height,
     depth: canvasObject.isometric.depth,
+    footprint: canvasObject.isometric.footprint,
+    form: canvasObject.isometric.form,
     rotation: canvasObject.rotation,
     order: canvasObject.order,
     sourceIndex: canvasObject.sourceIndex,
@@ -892,7 +914,7 @@ function isometricObject(canvasObject) {
     fill: solidColor(presentation.fill) ?? "#f8fafc",
     strokeColor: solidColor(presentation.stroke) ?? "#111827",
     strokeWidth: numOf(presentation.strokeWidth) ?? 1,
-    cornerRadius: numOf(presentation.cornerRadius) ?? 8,
+    cornerRadius: numOf(presentation.cornerRadius) ?? (canvasObject.isometric.footprint ? 0 : 8),
     hasShadow: shadowStyle?.enabled ?? false,
     shadowStyle,
     labelOffsetX: numOf(presentation.labelOffsetX) ?? 0,
@@ -1041,8 +1063,9 @@ 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(chunkXY2GZUHC_cjs.isIsometricObject).map(isometricObject),
+    isometricObjects: canvasObjects.filter(chunkKXYSO6GC_cjs.isIsometricObject).map(isometricObject),
     paths: canvasObjects.filter((canvasObject) => canvasObject.objectType === "path").map(pathObject),
+    dimensions: canvasObjects.filter(chunkKXYSO6GC_cjs.isDimensionObject).map(dimensionObject),
     charts: canvasObjects.filter((canvasObject) => canvasObject.objectType === "chart").map(chartObject),
     components: canvasObjects.filter(
       (canvasObject) => canvasObject.objectType === "component" && canvasObject.component !== void 0
@@ -1069,9 +1092,9 @@ function sidePoint(canvasObject, endpoint) {
 function namedPortPoint(canvasObject, endpoint) {
   const port = canvasObject.symbol?.ports?.find((candidate) => candidate.name === endpoint.port);
   if (!port) {
-    return chunkXY2GZUHC_cjs.elementCenter(canvasObject);
+    return chunkKXYSO6GC_cjs.elementCenter(canvasObject);
   }
-  return chunkXY2GZUHC_cjs.pointAtNormalizedPort(
+  return chunkKXYSO6GC_cjs.pointAtNormalizedPort(
     {
       x: canvasObject.x,
       y: canvasObject.y,
@@ -1117,7 +1140,7 @@ function explicitAnchorPoint(canvasObject, endpoint) {
   return null;
 }
 function automaticEndpointPoint(canvasObject, opposite) {
-  return opposite ? chunkXY2GZUHC_cjs.edgePointToward(canvasObject, opposite) : chunkXY2GZUHC_cjs.elementCenter(canvasObject);
+  return opposite ? chunkKXYSO6GC_cjs.edgePointToward(canvasObject, opposite) : chunkKXYSO6GC_cjs.elementCenter(canvasObject);
 }
 function findPositionedCanvasObject(canvasObjects, id) {
   return canvasObjects.find((candidate) => candidate.id === id);
@@ -1135,7 +1158,7 @@ function positionedCanvasObjects(canvasObjects) {
   ];
 }
 function connectionEndpointPoint(object, face) {
-  return object ? chunkXY2GZUHC_cjs.isometricFaceCenter(object, face) : { x: 0, y: 0 };
+  return object ? chunkKXYSO6GC_cjs.isometricFaceCenter(object, face) : { x: 0, y: 0 };
 }
 function isometricStackPosition(isometricObjects, id) {
   const index = isometricObjects.findIndex((object2) => object2.id === id);
@@ -1150,8 +1173,8 @@ function connectionStack(isometricObjects, connection) {
     return { order: connection.order, sourceIndex: connection.sourceIndex };
   }
   const behind = [
-    chunkXY2GZUHC_cjs.VISIBLE_ISOMETRIC_FACES.has(connection.fromFace) ? void 0 : isometricStackPosition(isometricObjects, connection.fromId),
-    chunkXY2GZUHC_cjs.VISIBLE_ISOMETRIC_FACES.has(connection.toFace) ? void 0 : isometricStackPosition(isometricObjects, connection.toId)
+    chunkKXYSO6GC_cjs.VISIBLE_ISOMETRIC_FACES.has(connection.fromFace) ? void 0 : isometricStackPosition(isometricObjects, connection.fromId),
+    chunkKXYSO6GC_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 };
@@ -1193,7 +1216,7 @@ function createRenderInputLinks(canvasObjects) {
 
 // src/renderInput/fromSfl/index.ts
 function sflToRenderInput(sfl) {
-  const state = chunkXY2GZUHC_cjs.sflToCanvasState(sfl);
+  const state = chunkKXYSO6GC_cjs.sflToCanvasState(sfl);
   const canvasObjects = collectCanvasObjects(state);
   return {
     shapes: canvasObjects.shapes,
@@ -1201,6 +1224,7 @@ function sflToRenderInput(sfl) {
     swimlanes: canvasObjects.swimlanes,
     isometricObjects: canvasObjects.isometricObjects,
     paths: canvasObjects.paths,
+    dimensions: canvasObjects.dimensions,
     charts: canvasObjects.charts,
     components: canvasObjects.components,
     links: createRenderInputLinks(canvasObjects),
@@ -1211,13 +1235,13 @@ function sflToRenderInput(sfl) {
 // src/renderScene/artifacts/component/placeholder.ts
 var STROKE = "#94a3b8";
 function buildPlaceholder(component, index) {
-  const x = chunkXY2GZUHC_cjs.finite(component.x, 0);
-  const y = chunkXY2GZUHC_cjs.finite(component.y, 0);
-  const width = Math.max(0, chunkXY2GZUHC_cjs.finite(component.width, 120));
-  const height = Math.max(0, chunkXY2GZUHC_cjs.finite(component.height, 60));
-  const rotation = chunkXY2GZUHC_cjs.finite(component.rotation, 0);
+  const x = chunkKXYSO6GC_cjs.finite(component.x, 0);
+  const y = chunkKXYSO6GC_cjs.finite(component.y, 0);
+  const width = Math.max(0, chunkKXYSO6GC_cjs.finite(component.width, 120));
+  const height = Math.max(0, chunkKXYSO6GC_cjs.finite(component.height, 60));
+  const rotation = chunkKXYSO6GC_cjs.finite(component.rotation, 0);
   const order = 1e4 + index;
-  const bounds = chunkXY2GZUHC_cjs.rotatedBounds({ x, y, width, height }, rotation, 2);
+  const bounds = chunkKXYSO6GC_cjs.rotatedBounds({ x, y, width, height }, rotation, 2);
   return [
     {
       id: `widget-${component.id}`,
@@ -1242,7 +1266,7 @@ function buildPlaceholder(component, index) {
       width,
       height,
       lines: [component.type],
-      fontFamily: chunkXY2GZUHC_cjs.DEFAULT_FONT,
+      fontFamily: chunkKXYSO6GC_cjs.DEFAULT_FONT,
       fontSize: 12,
       fontWeight: "normal",
       color: STROKE,
@@ -1256,44 +1280,44 @@ function buildPlaceholder(component, index) {
 
 // src/renderScene/artifacts/component/builtIn.ts
 function buildRollingNumber(component, index) {
-  const x = chunkXY2GZUHC_cjs.finite(component.x, 0);
-  const y = chunkXY2GZUHC_cjs.finite(component.y, 0);
-  const width = Math.max(0, chunkXY2GZUHC_cjs.finite(component.width, 160));
-  const height = Math.max(0, chunkXY2GZUHC_cjs.finite(component.height, 90));
-  const rotation = chunkXY2GZUHC_cjs.finite(component.rotation, 0);
+  const x = chunkKXYSO6GC_cjs.finite(component.x, 0);
+  const y = chunkKXYSO6GC_cjs.finite(component.y, 0);
+  const width = Math.max(0, chunkKXYSO6GC_cjs.finite(component.width, 160));
+  const height = Math.max(0, chunkKXYSO6GC_cjs.finite(component.height, 90));
+  const rotation = chunkKXYSO6GC_cjs.finite(component.rotation, 0);
   return [
     {
       id: `widget-${component.id}`,
       type: "rolling-number",
       order: 1e4 + index,
-      bounds: chunkXY2GZUHC_cjs.rotatedBounds({ x, y, width, height }, rotation, 2),
+      bounds: chunkKXYSO6GC_cjs.rotatedBounds({ x, y, width, height }, rotation, 2),
       x,
       y,
       width,
       height,
       rotation,
-      value: chunkXY2GZUHC_cjs.formatRollingNumber(component.value, component.digits),
+      value: chunkKXYSO6GC_cjs.formatRollingNumber(component.value, component.digits),
       digits: component.digits,
-      duration: Math.max(0, chunkXY2GZUHC_cjs.finite(component.duration, 420)),
+      duration: Math.max(0, chunkKXYSO6GC_cjs.finite(component.duration, 420)),
       label: component.label,
-      componentStyle: chunkXY2GZUHC_cjs.resolveRollingNumberStyle(component.style)
+      componentStyle: chunkKXYSO6GC_cjs.resolveRollingNumberStyle(component.style)
     }
   ];
 }
 function buildTickScale(component, index) {
-  const x = chunkXY2GZUHC_cjs.finite(component.x, 0);
-  const y = chunkXY2GZUHC_cjs.finite(component.y, 0);
-  const width = Math.max(0, chunkXY2GZUHC_cjs.finite(component.width, 200));
-  const height = Math.max(0, chunkXY2GZUHC_cjs.finite(component.height, 200));
-  const rotation = chunkXY2GZUHC_cjs.finite(component.rotation, 0);
-  const max = chunkXY2GZUHC_cjs.finite(component.max, 100) || 100;
-  const progress = Math.min(1, Math.max(0, chunkXY2GZUHC_cjs.finite(Number(component.value), 0) / max));
+  const x = chunkKXYSO6GC_cjs.finite(component.x, 0);
+  const y = chunkKXYSO6GC_cjs.finite(component.y, 0);
+  const width = Math.max(0, chunkKXYSO6GC_cjs.finite(component.width, 200));
+  const height = Math.max(0, chunkKXYSO6GC_cjs.finite(component.height, 200));
+  const rotation = chunkKXYSO6GC_cjs.finite(component.rotation, 0);
+  const max = chunkKXYSO6GC_cjs.finite(component.max, 100) || 100;
+  const progress = Math.min(1, Math.max(0, chunkKXYSO6GC_cjs.finite(Number(component.value), 0) / max));
   const nodes = [
     {
       id: `widget-${component.id}`,
       type: "shader-surface",
       order: 1e4 + index,
-      bounds: chunkXY2GZUHC_cjs.rotatedBounds({ x, y, width, height }, rotation, 2),
+      bounds: chunkKXYSO6GC_cjs.rotatedBounds({ x, y, width, height }, rotation, 2),
       x,
       y,
       width,
@@ -1310,18 +1334,18 @@ function buildTickScale(component, index) {
 }
 function buildTickLabels(component, box) {
   const labels = component.labels ?? {};
-  const ticks = Math.max(1, chunkXY2GZUHC_cjs.finite(Number(component.parameters.ticks), 48));
-  const major = Math.max(1, chunkXY2GZUHC_cjs.finite(Number(component.parameters.major), 5));
-  const start = chunkXY2GZUHC_cjs.finite(Number(component.parameters.start), 225) * Math.PI / 180;
-  const sweep = chunkXY2GZUHC_cjs.finite(Number(component.parameters.sweep), 270) * Math.PI / 180;
-  const radius = chunkXY2GZUHC_cjs.finite(Number(component.parameters.radius), 0.9) + chunkXY2GZUHC_cjs.finite(labels.offset, 0.08);
-  const fontSize = chunkXY2GZUHC_cjs.finite(labels.size, 12);
+  const ticks2 = Math.max(1, chunkKXYSO6GC_cjs.finite(Number(component.parameters.ticks), 48));
+  const major = Math.max(1, chunkKXYSO6GC_cjs.finite(Number(component.parameters.major), 5));
+  const start = chunkKXYSO6GC_cjs.finite(Number(component.parameters.start), 225) * Math.PI / 180;
+  const sweep = chunkKXYSO6GC_cjs.finite(Number(component.parameters.sweep), 270) * Math.PI / 180;
+  const radius = chunkKXYSO6GC_cjs.finite(Number(component.parameters.radius), 0.9) + chunkKXYSO6GC_cjs.finite(labels.offset, 0.08);
+  const fontSize = chunkKXYSO6GC_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);
+  const count = Math.floor(ticks2 / major);
   const nodes = [];
   for (let step = 0; step <= count; step += 1) {
-    const fraction = step * major / ticks;
+    const fraction = step * major / ticks2;
     const angle = start - fraction * sweep;
     const labelX2 = centerX + Math.cos(angle) * radius * (box.width / 2);
     const labelY = centerY - Math.sin(angle) * radius * (box.height / 2);
@@ -1330,10 +1354,10 @@ function buildTickLabels(component, box) {
       id: `widget-${component.id}-label-${step}`,
       type: "text",
       order: box.order + 0.1,
-      bounds: chunkXY2GZUHC_cjs.rotatedBounds(labelBox, 0, 2),
+      bounds: chunkKXYSO6GC_cjs.rotatedBounds(labelBox, 0, 2),
       ...labelBox,
       lines: [String(Math.round(box.max * fraction * 10) / 10)],
-      fontFamily: labels.fontFamily || chunkXY2GZUHC_cjs.DEFAULT_FONT,
+      fontFamily: labels.fontFamily || chunkKXYSO6GC_cjs.DEFAULT_FONT,
       fontSize,
       fontWeight: labels.weight ?? "normal",
       color: labels.color || "#8f95c4",
@@ -1345,20 +1369,20 @@ function buildTickLabels(component, box) {
   return nodes;
 }
 function buildRuler(component, index) {
-  const x = chunkXY2GZUHC_cjs.finite(component.x, 0);
-  const y = chunkXY2GZUHC_cjs.finite(component.y, 0);
-  const width = Math.max(0, chunkXY2GZUHC_cjs.finite(component.width, 120));
-  const height = Math.max(0, chunkXY2GZUHC_cjs.finite(component.height, 360));
-  const rotation = chunkXY2GZUHC_cjs.finite(component.rotation, 0);
-  const min = chunkXY2GZUHC_cjs.finite(component.min, 0);
-  const max = chunkXY2GZUHC_cjs.finite(component.max, 100);
-  const progress = max === min ? 0 : Math.min(1, Math.max(0, (chunkXY2GZUHC_cjs.finite(Number(component.value), min) - min) / (max - min)));
+  const x = chunkKXYSO6GC_cjs.finite(component.x, 0);
+  const y = chunkKXYSO6GC_cjs.finite(component.y, 0);
+  const width = Math.max(0, chunkKXYSO6GC_cjs.finite(component.width, 120));
+  const height = Math.max(0, chunkKXYSO6GC_cjs.finite(component.height, 360));
+  const rotation = chunkKXYSO6GC_cjs.finite(component.rotation, 0);
+  const min = chunkKXYSO6GC_cjs.finite(component.min, 0);
+  const max = chunkKXYSO6GC_cjs.finite(component.max, 100);
+  const progress = max === min ? 0 : Math.min(1, Math.max(0, (chunkKXYSO6GC_cjs.finite(Number(component.value), min) - min) / (max - min)));
   const nodes = [
     {
       id: `widget-${component.id}`,
       type: "shader-surface",
       order: 1e4 + index,
-      bounds: chunkXY2GZUHC_cjs.rotatedBounds({ x, y, width, height }, rotation, 2),
+      bounds: chunkKXYSO6GC_cjs.rotatedBounds({ x, y, width, height }, rotation, 2),
       x,
       y,
       width,
@@ -1376,28 +1400,28 @@ function buildRuler(component, index) {
 function buildRulerLabels(component, box) {
   const labels = component.labels ?? {};
   const horizontal = component.parameters.axis === "horizontal";
-  const ticks = Math.max(1, chunkXY2GZUHC_cjs.finite(Number(component.parameters.ticks), 50));
-  const major = Math.max(1, chunkXY2GZUHC_cjs.finite(Number(component.parameters.major), 5));
-  const inset = chunkXY2GZUHC_cjs.finite(Number(component.parameters.inset), 0.05) > 0 ? chunkXY2GZUHC_cjs.finite(Number(component.parameters.inset), 0.05) : 0.05;
-  const line = chunkXY2GZUHC_cjs.finite(Number(component.parameters.line), 0.7) > 0 ? chunkXY2GZUHC_cjs.finite(Number(component.parameters.line), 0.7) : 0.7;
+  const ticks2 = Math.max(1, chunkKXYSO6GC_cjs.finite(Number(component.parameters.ticks), 50));
+  const major = Math.max(1, chunkKXYSO6GC_cjs.finite(Number(component.parameters.major), 5));
+  const inset = chunkKXYSO6GC_cjs.finite(Number(component.parameters.inset), 0.05) > 0 ? chunkKXYSO6GC_cjs.finite(Number(component.parameters.inset), 0.05) : 0.05;
+  const line = chunkKXYSO6GC_cjs.finite(Number(component.parameters.line), 0.7) > 0 ? chunkKXYSO6GC_cjs.finite(Number(component.parameters.line), 0.7) : 0.7;
   const across = horizontal ? box.height : box.width;
-  const tickLength = (chunkXY2GZUHC_cjs.finite(Number(component.parameters.length), 0.1) > 0 ? chunkXY2GZUHC_cjs.finite(Number(component.parameters.length), 0.1) : 0.1) * across * 1.9;
-  const edge = line * across - 0.12 * across - tickLength - chunkXY2GZUHC_cjs.finite(labels.offset, 0.04) * across;
-  const fontSize = chunkXY2GZUHC_cjs.finite(labels.size, 12);
-  const count = Math.floor(ticks / major);
+  const tickLength = (chunkKXYSO6GC_cjs.finite(Number(component.parameters.length), 0.1) > 0 ? chunkKXYSO6GC_cjs.finite(Number(component.parameters.length), 0.1) : 0.1) * across * 1.9;
+  const edge = line * across - 0.12 * across - tickLength - chunkKXYSO6GC_cjs.finite(labels.offset, 0.04) * across;
+  const fontSize = chunkKXYSO6GC_cjs.finite(labels.size, 12);
+  const count = Math.floor(ticks2 / major);
   const nodes = [];
   for (let step = 0; step <= count; step += 1) {
-    const fraction = step * major / ticks;
-    const along = inset + (1 - 2 * inset) * fraction;
-    const labelBox = horizontal ? { x: box.x + box.width * along - 24, y: box.y + edge - fontSize * 2, width: 48, height: fontSize * 2 } : { x: box.x + edge - 48, y: box.y + box.height * (1 - along) - fontSize, width: 48, height: fontSize * 2 };
+    const fraction = step * major / ticks2;
+    const along2 = inset + (1 - 2 * inset) * fraction;
+    const labelBox = horizontal ? { x: box.x + box.width * along2 - 24, y: box.y + edge - fontSize * 2, width: 48, height: fontSize * 2 } : { x: box.x + edge - 48, y: box.y + box.height * (1 - along2) - fontSize, width: 48, height: fontSize * 2 };
     nodes.push({
       id: `widget-${component.id}-label-${step}`,
       type: "text",
       order: box.order + 0.1,
-      bounds: chunkXY2GZUHC_cjs.rotatedBounds(labelBox, 0, 2),
+      bounds: chunkKXYSO6GC_cjs.rotatedBounds(labelBox, 0, 2),
       ...labelBox,
       lines: [String(Math.round((box.min + (box.max - box.min) * fraction) * 10) / 10)],
-      fontFamily: labels.fontFamily || chunkXY2GZUHC_cjs.DEFAULT_FONT,
+      fontFamily: labels.fontFamily || chunkKXYSO6GC_cjs.DEFAULT_FONT,
       fontSize,
       fontWeight: labels.weight ?? "normal",
       color: labels.color || "#8f95c4",
@@ -1413,10 +1437,10 @@ function buildRulerLabels(component, box) {
 var DISABLED_INK = "#94a3b8";
 function controlBox(component, index, fallback) {
   return {
-    x: chunkXY2GZUHC_cjs.finite(component.x, 0),
-    y: chunkXY2GZUHC_cjs.finite(component.y, 0),
-    width: Math.max(1, chunkXY2GZUHC_cjs.finite(component.width, fallback.width)),
-    height: Math.max(1, chunkXY2GZUHC_cjs.finite(component.height, fallback.height)),
+    x: chunkKXYSO6GC_cjs.finite(component.x, 0),
+    y: chunkKXYSO6GC_cjs.finite(component.y, 0),
+    width: Math.max(1, chunkKXYSO6GC_cjs.finite(component.width, fallback.width)),
+    height: Math.max(1, chunkKXYSO6GC_cjs.finite(component.height, fallback.height)),
     order: 1e4 + index
   };
 }
@@ -1425,14 +1449,16 @@ var numberProperty2 = (component, key) => Number(component.properties[key] ?? 0)
 var solid = (color) => ({ kind: "solid", color });
 var ink = (component, color) => component.disabled ? DISABLED_INK : color;
 function fade(component, style) {
-  return component.disabled ? { ...style, opacity: 0.4 } : style;
+  const animate = Number(component.properties.animate ?? 0);
+  const shown = component.disabled ? { ...style, opacity: 0.4 } : style;
+  return animate > 0 ? { ...shown, transition: animate } : shown;
 }
 function hitArea(component, box) {
   return {
     id: `widget-${component.id}`,
     type: "rect",
     order: box.order,
-    bounds: chunkXY2GZUHC_cjs.rotatedBounds(box, 0, 0),
+    bounds: chunkKXYSO6GC_cjs.rotatedBounds(box, 0, 0),
     x: box.x,
     y: box.y,
     width: box.width,
@@ -1445,13 +1471,13 @@ function labelText(component, part, area, label, order) {
     id: `widget-${component.id}-${part}`,
     type: "text",
     order,
-    bounds: chunkXY2GZUHC_cjs.rotatedBounds(area, 0, 0),
+    bounds: chunkKXYSO6GC_cjs.rotatedBounds(area, 0, 0),
     x: area.x,
     y: area.y,
     width: area.width,
     height: area.height,
     lines: [label.text],
-    fontFamily: chunkXY2GZUHC_cjs.DEFAULT_FONT,
+    fontFamily: chunkKXYSO6GC_cjs.DEFAULT_FONT,
     fontSize: label.fontSize,
     fontWeight: "600",
     color: label.color,
@@ -1470,7 +1496,7 @@ function buildButton(component, index) {
       id: `widget-${component.id}-face`,
       type: "rect",
       order: box.order + 0.1,
-      bounds: chunkXY2GZUHC_cjs.rotatedBounds(box, 0, 0),
+      bounds: chunkKXYSO6GC_cjs.rotatedBounds(box, 0, 0),
       x: box.x,
       y: box.y,
       width: box.width,
@@ -1509,7 +1535,7 @@ function boxNode(component, box, square) {
     id: `widget-${component.id}-box`,
     type: "rect",
     order: box.order + 0.1,
-    bounds: chunkXY2GZUHC_cjs.rotatedBounds(square, 0, 2),
+    bounds: chunkKXYSO6GC_cjs.rotatedBounds(square, 0, 2),
     ...square,
     rx: square.width * CORNER_RATIO,
     style: fade(component, {
@@ -1524,7 +1550,7 @@ function checkNode(component, box, square) {
     id: `widget-${component.id}-check`,
     type: "path",
     order: box.order + 0.2,
-    bounds: chunkXY2GZUHC_cjs.rotatedBounds(square, 0, 0),
+    bounds: chunkKXYSO6GC_cjs.rotatedBounds(square, 0, 0),
     d: checkPath(square),
     style: fade(component, {
       fill: { kind: "none" },
@@ -1558,6 +1584,463 @@ function buildCheckbox(component, index) {
   ];
 }
 
+// src/renderScene/artifacts/component/knob.ts
+var DOT_RATIO = 0.62;
+function decimals(step) {
+  return step > 0 ? String(step).split(".")[1]?.length ?? 0 : 0;
+}
+function readout(component, fraction) {
+  const display = textProperty(component, "display");
+  if (display === "percent") {
+    return `${Math.round(fraction * 100)}%`;
+  }
+  return display === "value" ? Number(component.value).toFixed(decimals(numberProperty2(component, "step"))) : "";
+}
+function buildKnob(component, index) {
+  const box = controlBox(component, index, { width: 96, height: 96 });
+  const min = numberProperty2(component, "min");
+  const max = numberProperty2(component, "max");
+  const fraction = Math.min(1, Math.max(0, (Number(component.value) - min) / (max - min || 1)));
+  const start = numberProperty2(component, "start");
+  const sweep = Math.min(360, Math.max(1, numberProperty2(component, "sweep")));
+  const thickness = Math.min(numberProperty2(component, "thickness"), Math.min(box.width, box.height) / 3);
+  const cx = box.x + box.width / 2;
+  const cy = box.y + box.height / 2;
+  const radius = Math.max(1, Math.min(box.width, box.height) / 2 - thickness / 2);
+  const circumference = 2 * Math.PI * radius;
+  const round2 = textProperty(component, "rounded") !== "false";
+  const angle = (start - fraction * sweep) * Math.PI / 180;
+  const arc = (part, order, color, length, extra = {}) => ({
+    id: `widget-${component.id}-${part}`,
+    type: "ellipse",
+    order: box.order + order,
+    bounds: chunkKXYSO6GC_cjs.rotatedBounds({ x: cx - radius, y: cy - radius, width: radius * 2, height: radius * 2 }, 0, thickness),
+    cx,
+    cy,
+    rx: radius,
+    ry: radius,
+    rotation: -start,
+    style: fade(component, {
+      fill: { kind: "none" },
+      stroke: solid(color),
+      strokeWidth: thickness,
+      dash: [Math.max(1e-3, length), circumference],
+      lineCap: round2 ? "round" : "butt",
+      ...extra
+    })
+  });
+  const faceRadius = Math.max(1, radius - thickness / 2 - Math.max(2, thickness * 0.4));
+  const dotRadius = thickness / 2 * DOT_RATIO + 1;
+  const nodes = [
+    hitArea(component, box),
+    arc("track", 0.1, textProperty(component, "track"), sweep / 360 * circumference),
+    arc("fill", 0.2, textProperty(component, "accent"), fraction * sweep / 360 * circumference, {
+      opacity: fraction > 0 ? 1 : 0
+    }),
+    {
+      id: `widget-${component.id}-face`,
+      type: "ellipse",
+      order: box.order + 0.3,
+      bounds: chunkKXYSO6GC_cjs.rotatedBounds(
+        { x: cx - faceRadius, y: cy - faceRadius, width: faceRadius * 2, height: faceRadius * 2 },
+        0,
+        0
+      ),
+      cx,
+      cy,
+      rx: faceRadius,
+      ry: faceRadius,
+      style: fade(component, { fill: solid(textProperty(component, "face")), stroke: { kind: "none" } })
+    },
+    {
+      id: `widget-${component.id}-dot`,
+      type: "ellipse",
+      order: box.order + 0.4,
+      bounds: chunkKXYSO6GC_cjs.rotatedBounds(
+        {
+          x: cx + radius * Math.cos(angle) - dotRadius,
+          y: cy - radius * Math.sin(angle) - dotRadius,
+          width: dotRadius * 2,
+          height: dotRadius * 2
+        },
+        0,
+        0
+      ),
+      cx: cx + radius * Math.cos(angle),
+      cy: cy - radius * Math.sin(angle),
+      rx: dotRadius,
+      ry: dotRadius,
+      style: fade(component, { fill: solid(textProperty(component, "dot")), stroke: { kind: "none" } })
+    }
+  ];
+  const text = readout(component, fraction);
+  if (text) {
+    const label = {
+      text,
+      color: ink(component, textProperty(component, "textColor")),
+      fontSize: numberProperty2(component, "fontSize"),
+      align: "center"
+    };
+    nodes.push(
+      labelText(
+        component,
+        "value",
+        { x: cx - faceRadius, y: cy - faceRadius, width: faceRadius * 2, height: faceRadius * 2 },
+        label,
+        box.order + 0.5
+      )
+    );
+  }
+  return nodes;
+}
+
+// src/renderScene/artifacts/component/progress.ts
+function readout2(component, fraction) {
+  const display = textProperty(component, "display");
+  if (display === "percent") {
+    return `${Math.round(fraction * 100)}%`;
+  }
+  return display === "value" ? String(Number(component.value)) : "";
+}
+function buildProgress(component, index) {
+  const box = controlBox(component, index, { width: 220, height: 12 });
+  const min = numberProperty2(component, "min");
+  const max = numberProperty2(component, "max");
+  const fraction = Math.min(1, Math.max(0, (Number(component.value) - min) / (max - min || 1)));
+  const round2 = textProperty(component, "rounded") !== "false";
+  const nodes = [hitArea(component, box)];
+  if (textProperty(component, "variant") === "ring") {
+    const thickness = Math.min(numberProperty2(component, "thickness"), Math.min(box.width, box.height) / 2);
+    const radius = Math.max(1, Math.min(box.width, box.height) / 2 - thickness / 2);
+    const circumference = 2 * Math.PI * radius;
+    const cx = box.x + box.width / 2;
+    const cy = box.y + box.height / 2;
+    const ring = (part, order, color, extra) => ({
+      id: `widget-${component.id}-${part}`,
+      type: "ellipse",
+      order: box.order + order,
+      bounds: chunkKXYSO6GC_cjs.rotatedBounds({ x: cx - radius, y: cy - radius, width: radius * 2, height: radius * 2 }, 0, thickness),
+      cx,
+      cy,
+      rx: radius,
+      ry: radius,
+      rotation: -90,
+      style: fade(component, { fill: { kind: "none" }, stroke: solid(color), strokeWidth: thickness, ...extra })
+    });
+    nodes.push(ring("track", 0.1, textProperty(component, "track"), {}));
+    nodes.push(
+      ring("fill", 0.2, textProperty(component, "accent"), {
+        dash: [Math.max(1e-3, fraction * circumference), circumference],
+        lineCap: round2 ? "round" : "butt",
+        opacity: fraction > 0 ? 1 : 0
+      })
+    );
+  } else {
+    const vertical = textProperty(component, "direction") === "vertical";
+    const radius = round2 ? (vertical ? box.width : box.height) / 2 : 0;
+    const bar = (part, order, length, color, opacity) => {
+      const shape = vertical ? { x: box.x, y: box.y + box.height - length, width: box.width, height: length } : { x: box.x, y: box.y, width: length, height: box.height };
+      return {
+        id: `widget-${component.id}-${part}`,
+        type: "rect",
+        order: box.order + order,
+        bounds: chunkKXYSO6GC_cjs.rotatedBounds(shape, 0, 0),
+        ...shape,
+        rx: radius,
+        style: fade(component, {
+          fill: solid(color),
+          stroke: { kind: "none" },
+          ...opacity === void 0 ? {} : { opacity }
+        })
+      };
+    };
+    const full = vertical ? box.height : box.width;
+    nodes.push(bar("track", 0.1, full, textProperty(component, "track")));
+    nodes.push(bar("fill", 0.2, Math.max(0, fraction * full), textProperty(component, "accent"), fraction > 0 ? 1 : 0));
+  }
+  const text = readout2(component, fraction);
+  if (text) {
+    const label = {
+      text,
+      color: ink(component, textProperty(component, "textColor")),
+      fontSize: numberProperty2(component, "fontSize"),
+      align: "center"
+    };
+    nodes.push(labelText(component, "value", box, label, box.order + 0.3));
+  }
+  return nodes;
+}
+
+// src/renderScene/artifacts/component/segmented.ts
+function buildSegmented(component, index) {
+  const box = controlBox(component, index, { width: 300, height: 40 });
+  const options = textProperty(component, "options").split(",").map((option) => option.trim()).filter(Boolean);
+  const count = Math.max(1, options.length);
+  const active = Math.min(count - 1, Math.max(0, Math.round(Number(component.value)) || 0));
+  const inset = Math.min(numberProperty2(component, "inset"), box.height / 2);
+  const radius = Math.min(numberProperty2(component, "radius"), box.height / 2);
+  const cellWidth = (box.width - inset * 2) / count;
+  const cell = { y: box.y + inset, height: box.height - inset * 2 };
+  const nodes = [
+    hitArea(component, box),
+    {
+      id: `widget-${component.id}-track`,
+      type: "rect",
+      order: box.order + 0.1,
+      bounds: chunkKXYSO6GC_cjs.rotatedBounds(box, 0, 0),
+      x: box.x,
+      y: box.y,
+      width: box.width,
+      height: box.height,
+      rx: radius,
+      style: fade(component, { fill: solid(textProperty(component, "track")), stroke: { kind: "none" } })
+    },
+    {
+      id: `widget-${component.id}-active`,
+      type: "rect",
+      order: box.order + 0.2,
+      bounds: chunkKXYSO6GC_cjs.rotatedBounds({ x: box.x + inset + active * cellWidth, width: cellWidth, ...cell }, 0, 0),
+      x: box.x + inset + active * cellWidth,
+      y: cell.y,
+      width: cellWidth,
+      height: cell.height,
+      rx: Math.max(0, radius - inset),
+      style: fade(component, {
+        fill: solid(textProperty(component, "accent")),
+        stroke: { kind: "none" },
+        shadow: { color: "#000000", opacity: 0.18, blur: 3, dx: 0, dy: 1 }
+      })
+    }
+  ];
+  options.forEach((option, position) => {
+    const area = { x: box.x + inset + position * cellWidth, width: cellWidth, ...cell };
+    const color = ink(component, textProperty(component, position === active ? "activeTextColor" : "textColor"));
+    nodes.push(
+      labelText(
+        component,
+        `option-${position}`,
+        area,
+        { text: option, color, fontSize: numberProperty2(component, "fontSize"), align: "center" },
+        box.order + 0.3
+      )
+    );
+  });
+  return nodes;
+}
+
+// src/model/component/sliderReach.ts
+function sliderReach(variant2, height) {
+  return variant2 === "field" ? Math.min(8, height / 2) : height / 2;
+}
+
+// src/renderScene/artifacts/component/slider.ts
+var HANDLE_WIDTH = 4;
+var TEXT_PADDING = 12;
+var TICK_LENGTH = 5;
+var TICK_THICKNESS = 1.5;
+function decimals2(step) {
+  return step > 0 ? String(step).split(".")[1]?.length ?? 0 : 0;
+}
+function readout3(component, thumbs) {
+  const display = textProperty(component, "display");
+  const places = decimals2(numberProperty2(component, "step"));
+  const parts = display === "percent" ? thumbs.two ? [thumbs.from, thumbs.to].map((fraction) => `${Math.round(fraction * 100)}%`) : [`${Math.round(thumbs.to * 100)}%`] : display === "value" ? thumbs.values.map((value) => value.toFixed(places)) : [];
+  return parts.join(" \u2013 ");
+}
+var rect = (component, box, part, order, shape, color, extra = {}) => ({
+  id: `widget-${component.id}-${part}`,
+  type: "rect",
+  order: box.order + order,
+  bounds: chunkKXYSO6GC_cjs.rotatedBounds(shape, 0, 0),
+  ...shape,
+  style: fade(component, { fill: solid(color), stroke: { kind: "none" }, ...extra })
+});
+function ticks(component, box, vertical, reach, offset) {
+  const count = Math.round(numberProperty2(component, "ticks"));
+  const color = textProperty(component, "tickColor");
+  return Array.from({ length: count >= 2 ? count : 0 }, (_, index) => {
+    const t = index / (count - 1);
+    const shape = vertical ? {
+      x: box.x + offset,
+      y: box.y + box.height - reach - t * (box.height - reach * 2) - TICK_THICKNESS / 2,
+      width: TICK_LENGTH,
+      height: TICK_THICKNESS,
+      rx: TICK_THICKNESS / 2
+    } : {
+      x: box.x + reach + t * (box.width - reach * 2) - TICK_THICKNESS / 2,
+      y: box.y + offset,
+      width: TICK_THICKNESS,
+      height: TICK_LENGTH,
+      rx: TICK_THICKNESS / 2
+    };
+    return rect(component, box, `tick-${index}`, 0.15, shape, color);
+  });
+}
+function buildLine(component, box, thumbs, vertical) {
+  const reach = sliderReach("line", vertical ? box.width : box.height);
+  const radius = reach * numberProperty2(component, "thumbSize") / 100;
+  const thickness = Math.min(numberProperty2(component, "trackHeight"), vertical ? box.width : box.height);
+  const mid = vertical ? box.x + box.width / 2 : box.y + box.height / 2;
+  const along2 = (fraction) => vertical ? box.y + box.height - reach - fraction * (box.height - reach * 2) : box.x + reach + fraction * (box.width - reach * 2);
+  const line = (start, end) => vertical ? {
+    x: mid - thickness / 2,
+    y: Math.min(start, end),
+    width: thickness,
+    height: Math.abs(end - start),
+    rx: thickness / 2
+  } : {
+    x: Math.min(start, end),
+    y: mid - thickness / 2,
+    width: Math.abs(end - start),
+    height: thickness,
+    rx: thickness / 2
+  };
+  const whole = vertical ? line(box.y, box.y + box.height) : line(box.x, box.x + box.width);
+  const filled = line(thumbs.two ? along2(thumbs.from) : vertical ? box.y + box.height : box.x, along2(thumbs.to));
+  const thumb = (part, fraction, order) => {
+    const cx = vertical ? mid : along2(fraction);
+    const cy = vertical ? along2(fraction) : mid;
+    return {
+      id: `widget-${component.id}-${part}`,
+      type: "ellipse",
+      order: box.order + order,
+      bounds: chunkKXYSO6GC_cjs.rotatedBounds({ x: cx - radius, y: cy - radius, width: radius * 2, height: radius * 2 }, 0, 0),
+      cx,
+      cy,
+      rx: radius,
+      ry: radius,
+      style: fade(component, {
+        fill: solid(textProperty(component, "thumb")),
+        stroke: { kind: "none" },
+        shadow: { color: "#000000", opacity: 0.25, blur: 3, dx: 0, dy: 1 }
+      })
+    };
+  };
+  return [
+    rect(component, box, "track", 0.1, whole, textProperty(component, "track")),
+    ...ticks(
+      component,
+      box,
+      vertical,
+      reach,
+      vertical ? box.width / 2 + thickness / 2 + 5 : box.height / 2 + thickness / 2 + 5
+    ),
+    rect(component, box, "fill", 0.2, filled, textProperty(component, "accent")),
+    ...thumbs.two ? [thumb("thumb-start", thumbs.from, 0.3)] : [],
+    thumb(thumbs.two ? "thumb-end" : "thumb", thumbs.to, 0.31)
+  ];
+}
+function buildField(component, box, thumbs, vertical) {
+  const reach = sliderReach("field", vertical ? box.width : box.height);
+  const radius = Math.min(numberProperty2(component, "radius"), Math.min(box.width, box.height) / 2);
+  const whole = { x: box.x, y: box.y, width: box.width, height: box.height, rx: radius };
+  const along2 = (fraction) => vertical ? box.y + box.height - reach - fraction * (box.height - reach * 2) : box.x + reach + fraction * (box.width - reach * 2);
+  const start = thumbs.two ? along2(thumbs.from) : vertical ? box.y + box.height : box.x;
+  const end = along2(thumbs.to);
+  const first = Math.min(start, end) - (thumbs.two ? HANDLE_WIDTH / 2 : 0);
+  const last = Math.max(start, end) + HANDLE_WIDTH / 2;
+  const filled = vertical ? {
+    ...whole,
+    y: thumbs.two ? first : end - HANDLE_WIDTH / 2,
+    height: thumbs.two ? last - first : Math.max(0, box.y + box.height - end + HANDLE_WIDTH / 2),
+    rx: thumbs.two ? 0 : radius
+  } : {
+    ...whole,
+    x: thumbs.two ? first : box.x,
+    width: thumbs.two ? last - first : Math.max(0, end + HANDLE_WIDTH / 2 - box.x),
+    rx: thumbs.two ? 0 : radius
+  };
+  const handleLength = (vertical ? box.width : box.height) * 0.5;
+  const handle = (part, at) => {
+    const shape = vertical ? {
+      x: box.x + (box.width - handleLength) / 2,
+      y: at - HANDLE_WIDTH / 2,
+      width: handleLength,
+      height: HANDLE_WIDTH,
+      rx: HANDLE_WIDTH / 2
+    } : {
+      x: at - HANDLE_WIDTH / 2,
+      y: box.y + (box.height - handleLength) / 2,
+      width: HANDLE_WIDTH,
+      height: handleLength,
+      rx: HANDLE_WIDTH / 2
+    };
+    return rect(component, box, part, 0.3, shape, textProperty(component, "accent"));
+  };
+  const nodes = [
+    rect(component, box, "track", 0.1, whole, textProperty(component, "surface")),
+    rect(component, box, "fill", 0.2, filled, textProperty(component, "fill")),
+    ...thumbs.two ? [handle("handle-start", start)] : [],
+    handle(thumbs.two ? "handle-end" : "handle", end)
+  ];
+  const text = {
+    color: ink(component, textProperty(component, "textColor")),
+    fontSize: numberProperty2(component, "fontSize")
+  };
+  const value = readout3(component, thumbs);
+  if (vertical) {
+    if (value) {
+      nodes.push(
+        labelText(
+          component,
+          "value",
+          { x: box.x, y: box.y + 6, width: box.width, height: 20 },
+          { ...text, text: value, align: "center" },
+          box.order + 0.4
+        )
+      );
+    }
+    return nodes;
+  }
+  const inner = { y: box.y, height: box.height, width: Math.max(0, box.width / 2 - TEXT_PADDING) };
+  if (component.label) {
+    nodes.push(
+      labelText(
+        component,
+        "label",
+        { x: box.x + TEXT_PADDING, ...inner },
+        { ...text, text: component.label, align: "left" },
+        box.order + 0.4
+      )
+    );
+  }
+  if (value) {
+    nodes.push(
+      labelText(
+        component,
+        "value",
+        { x: box.x + box.width / 2, ...inner },
+        { ...text, text: value, align: "right" },
+        box.order + 0.4
+      )
+    );
+  }
+  nodes.push(...ticks(component, box, false, reach, box.height - TICK_LENGTH - 5));
+  return nodes;
+}
+function buildSlider(component, index) {
+  const field = textProperty(component, "variant") === "field";
+  const vertical = textProperty(component, "direction") === "vertical";
+  const fallback = vertical ? { width: field ? 56 : 28, height: 180 } : { width: 220, height: field ? 36 : 28 };
+  const box = controlBox(component, index, fallback);
+  const min = numberProperty2(component, "min");
+  const max = numberProperty2(component, "max");
+  const fractionOf = (value) => Math.min(1, Math.max(0, (value - min) / (max - min || 1)));
+  const two = component.type === "range";
+  const low = Number(component.value);
+  const high = two ? Number(component.properties.valueEnd ?? max) : low;
+  const thumbs = {
+    from: fractionOf(two ? Math.min(low, high) : min),
+    to: fractionOf(two ? Math.max(low, high) : low),
+    values: two ? [Math.min(low, high), Math.max(low, high)] : [low],
+    two
+  };
+  return [
+    hitArea(component, box),
+    ...field ? buildField(component, box, thumbs, vertical) : buildLine(component, box, thumbs, vertical)
+  ];
+}
+
 // src/renderScene/artifacts/component/switch.ts
 var PADDING_RATIO = 0.12;
 function buildSwitch(component, index) {
@@ -1573,7 +2056,7 @@ function buildSwitch(component, index) {
       id: `widget-${component.id}-track`,
       type: "rect",
       order: box.order + 0.1,
-      bounds: chunkXY2GZUHC_cjs.rotatedBounds(box, 0, 0),
+      bounds: chunkKXYSO6GC_cjs.rotatedBounds(box, 0, 0),
       x: box.x,
       y: box.y,
       width: box.width,
@@ -1588,7 +2071,7 @@ function buildSwitch(component, index) {
       id: `widget-${component.id}-thumb`,
       type: "ellipse",
       order: box.order + 0.2,
-      bounds: chunkXY2GZUHC_cjs.rotatedBounds(thumb, 0, 0),
+      bounds: chunkKXYSO6GC_cjs.rotatedBounds(thumb, 0, 0),
       cx: centerX,
       cy: box.y + box.height / 2,
       rx: radius,
@@ -1612,7 +2095,7 @@ function buildToggleButton(component, index) {
       id: `widget-${component.id}-face`,
       type: "rect",
       order: box.order + 0.1,
-      bounds: chunkXY2GZUHC_cjs.rotatedBounds(box, 0, 2),
+      bounds: chunkKXYSO6GC_cjs.rotatedBounds(box, 0, 2),
       x: box.x,
       y: box.y,
       width: box.width,
@@ -1646,7 +2129,12 @@ var builders = /* @__PURE__ */ new Map([
   ["switch", asComponentBuilder(buildSwitch)],
   ["checkbox", asComponentBuilder(buildCheckbox)],
   ["toggleButton", asComponentBuilder(buildToggleButton)],
-  ["button", asComponentBuilder(buildButton)]
+  ["button", asComponentBuilder(buildButton)],
+  ["slider", asComponentBuilder(buildSlider)],
+  ["progress", asComponentBuilder(buildProgress)],
+  ["segmented", asComponentBuilder(buildSegmented)],
+  ["knob", asComponentBuilder(buildKnob)],
+  ["range", asComponentBuilder(buildSlider)]
 ]);
 function registerComponentBuilder(type, builder) {
   builders.set(type, builder);
@@ -1662,8 +2150,8 @@ function getComponentBuilder(type) {
 
 // src/renderScene/artifacts/component/build.ts
 function ariaOf(component) {
-  const role = chunkXY2GZUHC_cjs.getComponentDescriptor(component.type)?.role;
-  if (!role || !chunkXY2GZUHC_cjs.isGenericComponent(component)) {
+  const role = chunkKXYSO6GC_cjs.getComponentDescriptor(component.type)?.role;
+  if (!role || !chunkKXYSO6GC_cjs.isGenericComponent(component)) {
     return void 0;
   }
   const flag = typeof component.value === "boolean" ? component.value : void 0;
@@ -1674,12 +2162,12 @@ function ariaOf(component) {
   };
 }
 function labelOf(component) {
-  return component.label ?? (chunkXY2GZUHC_cjs.isGenericComponent(component) ? component.id : String(component.value));
+  return component.label ?? (chunkKXYSO6GC_cjs.isGenericComponent(component) ? component.id : String(component.value));
 }
 function buildComponents(components) {
   return components.flatMap((component, index) => {
     const build = getComponentBuilder(component.type) ?? buildPlaceholder;
-    const nodes = chunkXY2GZUHC_cjs.tag(
+    const nodes = chunkKXYSO6GC_cjs.tag(
       build(component, index),
       "widget",
       component.id,
@@ -1719,13 +2207,13 @@ function tabBox(input, thickness, length) {
         y,
         width: length,
         height: thickness,
-        path: chunkXY2GZUHC_cjs.bottomRoundedRectPath(x, y, length, thickness, TAB_RADIUS)
+        path: chunkKXYSO6GC_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: chunkXY2GZUHC_cjs.leftRoundedRectPath(x, y, thickness, length, TAB_RADIUS) };
+      return { x, y, width: thickness, height: length, path: chunkKXYSO6GC_cjs.leftRoundedRectPath(x, y, thickness, length, TAB_RADIUS) };
     }
     case "right": {
       const x = input.x + input.width;
@@ -1735,13 +2223,13 @@ function tabBox(input, thickness, length) {
         y,
         width: thickness,
         height: length,
-        path: chunkXY2GZUHC_cjs.rightRoundedRectPath(x, y, thickness, length, TAB_RADIUS)
+        path: chunkKXYSO6GC_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: chunkXY2GZUHC_cjs.topRoundedRectPath(x, y, length, thickness, TAB_RADIUS) };
+      return { x, y, width: length, height: thickness, path: chunkKXYSO6GC_cjs.topRoundedRectPath(x, y, length, thickness, TAB_RADIUS) };
     }
   }
 }
@@ -1750,7 +2238,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 = chunkXY2GZUHC_cjs.boxBounds(box, 6);
+  const bounds = chunkKXYSO6GC_cjs.boxBounds(box, 6);
   const vertical = input.labelPosition === "left" || input.labelPosition === "right";
   return [
     {
@@ -1778,7 +2266,7 @@ function horizontalTitleText(input, box, padding, bounds) {
     width: Math.max(0, box.width - padding * 2),
     height: box.height,
     lines: [input.title],
-    fontFamily: input.fontFamily ?? chunkXY2GZUHC_cjs.DEFAULT_FONT,
+    fontFamily: input.fontFamily ?? chunkKXYSO6GC_cjs.DEFAULT_FONT,
     fontSize: input.fontSize,
     fontWeight: input.fontWeight,
     color: input.textColor,
@@ -1802,7 +2290,7 @@ function verticalTitleText(input, box, padding, bounds) {
     width: textLength,
     height: textThickness,
     lines: [input.title],
-    fontFamily: input.fontFamily ?? chunkXY2GZUHC_cjs.DEFAULT_FONT,
+    fontFamily: input.fontFamily ?? chunkKXYSO6GC_cjs.DEFAULT_FONT,
     fontSize: input.fontSize,
     fontWeight: input.fontWeight,
     color: input.textColor,
@@ -1823,7 +2311,7 @@ var SQUARED_CORNER_BY_LABEL_POSITION = {
 };
 function frameBoundaryNode(frame, order, hasTab) {
   const shadow = frame.shadow ?? true;
-  const bounds = chunkXY2GZUHC_cjs.boxBounds(
+  const bounds = chunkKXYSO6GC_cjs.boxBounds(
     { x: frame.x, y: frame.y, width: frame.width, height: frame.height },
     frame.strokeWidth + (shadow ? 20 : 4)
   );
@@ -1858,7 +2346,7 @@ function frameBoundaryNode(frame, order, hasTab) {
     id: `frame-${frame.id}`,
     order,
     bounds,
-    d: chunkXY2GZUHC_cjs.cornersRoundedRectPath(frame.x, frame.y, frame.width, frame.height, radii),
+    d: chunkKXYSO6GC_cjs.cornersRoundedRectPath(frame.x, frame.y, frame.width, frame.height, radii),
     detail: { of: "frameBoundary", cornerRadius: frame.cornerRadius, squareCorner: squared },
     style
   };
@@ -1947,7 +2435,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 ?? chunkXY2GZUHC_cjs.DEFAULT_FONT,
+    fontFamily: context.swimlane.fontFamily ?? chunkKXYSO6GC_cjs.DEFAULT_FONT,
     fontSize: context.swimlane.fontSize,
     fontWeight: context.swimlane.fontWeight,
     color: context.swimlane.textColor,
@@ -1963,7 +2451,7 @@ function horizontalLabel(context, lane, index) {
   const y = centerY - thickness / 2;
   return {
     ...labelBase(context, lane, index),
-    bounds: chunkXY2GZUHC_cjs.rotatedBounds({ x, y, width, height: thickness }, -90, 12),
+    bounds: chunkKXYSO6GC_cjs.rotatedBounds({ x, y, width, height: thickness }, -90, 12),
     x,
     y,
     width,
@@ -2015,7 +2503,7 @@ function createSwimlaneRenderContext(swimlane, index) {
   return {
     swimlane,
     order: 5e3 + index,
-    bounds: chunkXY2GZUHC_cjs.boxBounds(
+    bounds: chunkKXYSO6GC_cjs.boxBounds(
       { x: swimlane.x, y: swimlane.y, width: swimlane.width, height: swimlane.height },
       swimlane.strokeWidth + 4
     ),
@@ -2054,17 +2542,140 @@ function buildSwimlane(swimlane, index) {
 function buildContainers(input) {
   return [
     ...input.frames.flatMap(
-      (frame, index) => chunkXY2GZUHC_cjs.tag(buildFrame(frame, index), "frame", frame.id, void 0, frame.title ?? void 0)
+      (frame, index) => chunkKXYSO6GC_cjs.tag(buildFrame(frame, index), "frame", frame.id, void 0, frame.title ?? void 0)
     ),
-    ...input.swimlanes.flatMap((swimlane, index) => chunkXY2GZUHC_cjs.tag(buildSwimlane(swimlane, index), "swimlane", swimlane.id))
+    ...input.swimlanes.flatMap((swimlane, index) => chunkKXYSO6GC_cjs.tag(buildSwimlane(swimlane, index), "swimlane", swimlane.id))
+  ];
+}
+
+// src/model/dimension/geometry.ts
+var GAP = 4;
+var OVERSHOOT = 6;
+var along = (origin, direction, distance) => ({
+  x: origin.x + direction.x * distance,
+  y: origin.y + direction.y * distance
+});
+function dimensionLength(dimension) {
+  return Math.hypot(dimension.end.x - dimension.start.x, dimension.end.y - dimension.start.y);
+}
+function dimensionText(dimension) {
+  if (dimension.text !== void 0) {
+    return dimension.text;
+  }
+  const length = Math.round(dimensionLength(dimension) * 10) / 10;
+  return `${length}${dimension.unit ? ` ${dimension.unit}` : ""}`;
+}
+function dimensionGeometry(dimension) {
+  const length = dimensionLength(dimension);
+  const direction = length === 0 ? { x: 1, y: 0 } : { x: (dimension.end.x - dimension.start.x) / length, y: (dimension.end.y - dimension.start.y) / length };
+  const normal = { x: direction.y, y: -direction.x };
+  const side = dimension.offset < 0 ? -1 : 1;
+  const line = [
+    along(dimension.start, normal, dimension.offset),
+    along(dimension.end, normal, dimension.offset)
   ];
+  const extensions = Math.abs(dimension.offset) <= GAP ? [] : [dimension.start, dimension.end].map((point) => [
+    along(point, normal, GAP * side),
+    along(point, normal, dimension.offset + OVERSHOOT * side)
+  ]);
+  const lift = ((dimension.fontSize ?? 11) * 0.75 + 2) * side;
+  const middle = { x: (line[0].x + line[1].x) / 2, y: (line[0].y + line[1].y) / 2 };
+  let angle = Math.atan2(direction.y, direction.x) * 180 / Math.PI;
+  if (angle > 90) {
+    angle -= 180;
+  } else if (angle <= -90) {
+    angle += 180;
+  }
+  return { length, line, extensions, label: { center: along(middle, normal, lift), angle } };
+}
+
+// src/renderScene/artifacts/dimension.ts
+var DEFAULT_COLOR = "#475569";
+var CHAR_WIDTH = 0.6;
+var pathData = (segments) => segments.map(([from, to]) => `M ${from.x} ${from.y} L ${to.x} ${to.y}`).join(" ");
+function pathNode(dimension, name, order, segments) {
+  const strokeWidth = Math.max(0, chunkKXYSO6GC_cjs.finite(dimension.strokeWidth, 1));
+  const points = segments.flat();
+  return {
+    type: "path",
+    id: `dimension-${dimension.id}-${name}`,
+    order,
+    bounds: {
+      minX: Math.min(...points.map((point) => point.x)) - strokeWidth,
+      minY: Math.min(...points.map((point) => point.y)) - strokeWidth,
+      maxX: Math.max(...points.map((point) => point.x)) + strokeWidth,
+      maxY: Math.max(...points.map((point) => point.y)) + strokeWidth
+    },
+    d: pathData(segments),
+    style: {
+      fill: { kind: "none" },
+      stroke: { kind: "solid", color: dimension.strokeColor ?? DEFAULT_COLOR },
+      strokeWidth,
+      lineCap: "round"
+    }
+  };
+}
+function labelNode2(dimension, order, text, center, angle) {
+  const fontSize = chunkKXYSO6GC_cjs.finite(dimension.fontSize, 11);
+  const width = Math.max(24, text.length * fontSize * CHAR_WIDTH + 8);
+  const height = fontSize * 1.3;
+  return {
+    type: "text",
+    id: `dimension-${dimension.id}-label`,
+    order,
+    bounds: {
+      minX: center.x - width / 2,
+      minY: center.y - height / 2,
+      maxX: center.x + width / 2,
+      maxY: center.y + height / 2
+    },
+    x: center.x - width / 2,
+    y: center.y - height / 2,
+    width,
+    height,
+    lines: [text],
+    fontFamily: chunkKXYSO6GC_cjs.DEFAULT_FONT,
+    fontSize,
+    fontWeight: "normal",
+    color: dimension.textColor ?? dimension.strokeColor ?? DEFAULT_COLOR,
+    align: "center",
+    verticalAlign: "middle",
+    lineHeight: 1.2,
+    rotation: angle,
+    rotationCenter: center
+  };
+}
+function buildDimension(dimension, index) {
+  const geometry = dimensionGeometry(dimension);
+  const order = 31e3 + index;
+  const line = {
+    ...pathNode(dimension, "line", order + 0.1, [geometry.line]),
+    markerStart: "filled_arrow",
+    markerEnd: "filled_arrow"
+  };
+  const extensions = geometry.extensions.length > 0 ? [pathNode(dimension, "extensions", order, geometry.extensions)] : [];
+  const text = dimensionText(dimension);
+  return [...extensions, line, labelNode2(dimension, order + 0.2, text, geometry.label.center, geometry.label.angle)];
+}
+function buildDimensions(dimensions) {
+  return dimensions.flatMap(
+    (dimension, index) => chunkKXYSO6GC_cjs.tag(
+      buildDimension(dimension, index),
+      "dimension",
+      dimension.id,
+      "dimension",
+      dimensionText(dimension),
+      dimension.parentFrameId
+    )
+  );
 }
 
-// src/renderScene/artifacts/isometric.ts
+// src/renderScene/artifacts/isometric/context.ts
+var FILL_PROP = { prop: "style.fill", propKind: "color", propSolidOnly: true };
 function isometricContext(object, index) {
-  const strokeWidth = Math.max(0, chunkXY2GZUHC_cjs.finite(object.strokeWidth, 1));
-  const rotation = chunkXY2GZUHC_cjs.finite(object.rotation, 0);
-  const box = chunkXY2GZUHC_cjs.isometricBounds(object);
+  const strokeWidth = Math.max(0, chunkKXYSO6GC_cjs.finite(object.strokeWidth, 1));
+  const rotation = chunkKXYSO6GC_cjs.finite(object.rotation, 0);
+  const box = chunkKXYSO6GC_cjs.isometricBounds(object);
   const rotationCenter = { x: box.x + box.width / 2, y: box.y + box.height / 2 };
   return {
     object,
@@ -2076,7 +2687,7 @@ function isometricContext(object, index) {
     strokeWidth,
     common: {
       type: "path",
-      bounds: chunkXY2GZUHC_cjs.rotatedBounds(box, rotation, strokeWidth + 2),
+      bounds: chunkKXYSO6GC_cjs.rotatedBounds(box, rotation, strokeWidth + 2),
       rotation,
       rotationCenter,
       style: {
@@ -2087,82 +2698,19 @@ function isometricContext(object, index) {
     }
   };
 }
-function groundShadowNode(context, faces) {
-  const { object, index, rotation, rotationCenter } = context;
-  if (!object.hasShadow) {
-    return void 0;
-  }
-  const height = Math.max(0, object.height);
-  const heightFactor = 0.6 + Math.min(1, height / 150) * 0.7;
-  const shadowDrop = height + chunkXY2GZUHC_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,
-    y: contactFootprint.reduce((sum, point) => sum + point.y, 0) / contactFootprint.length
-  };
-  const shadowSpread = 1.3;
-  const footprint = contactFootprint.map((point) => ({
-    x: footprintCenter.x + (point.x - footprintCenter.x) * shadowSpread,
-    y: footprintCenter.y + (point.y - footprintCenter.y) * shadowSpread
-  }));
-  const footprintXs = footprint.map((point) => point.x);
-  const footprintYs = footprint.map((point) => point.y);
+function faceNode(context, name, offset, points, style) {
   return {
-    type: "path",
-    id: `isometric-${object.id}-ground-shadow`,
-    order: 14e3 + index,
-    bounds: {
-      minX: Math.min(...footprintXs),
-      minY: Math.min(...footprintYs),
-      maxX: Math.max(...footprintXs),
-      maxY: Math.max(...footprintYs)
-    },
-    d: chunkXY2GZUHC_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: chunkXY2GZUHC_cjs.finite(object.shadowStyle?.blur, 8),
-      pointerEvents: "none"
-    }
+    ...context.common,
+    id: `isometric-${context.object.id}-${name}`,
+    order: context.order + offset,
+    d: chunkKXYSO6GC_cjs.roundedPolygonPath([...points], 0),
+    style,
+    ...FILL_PROP
   };
 }
-function faceNodes(context, faces, hullClip) {
-  const { object, order, common } = context;
-  const noStroke = { ...common.style, stroke: { kind: "none" } };
-  const faceFills = chunkXY2GZUHC_cjs.deriveFaceFills(object.fill ?? "#f8fafc");
-  const colorProp = { prop: "style.fill", propKind: "color", propSolidOnly: true };
-  const face = (name, offset, points, color) => ({
-    ...common,
-    id: `isometric-${object.id}-${name}`,
-    order: order + offset,
-    d: chunkXY2GZUHC_cjs.roundedPolygonPath(points, 0),
-    style: { ...noStroke, fill: { kind: "solid", color }, clip: hullClip },
-    ...colorProp
-  });
-  return [
-    face("top", 0, faces.top, faceFills.topFill),
-    face("front", 0.1, faces.front, faceFills.frontFill),
-    face("side", 0.2, faces.right, faceFills.sideFill)
-  ];
-}
-function seamsNode(context, faces, hullClip) {
-  const { object, order, common, strokeWidth } = context;
-  return {
-    ...common,
-    id: `isometric-${object.id}-seams`,
-    order: order + 0.22,
-    d: `M ${faces.top[3].x} ${faces.top[3].y} L ${faces.top[2].x} ${faces.top[2].y} L ${faces.top[1].x} ${faces.top[1].y} M ${faces.top[2].x} ${faces.top[2].y} L ${faces.front[2].x} ${faces.front[2].y}`,
-    style: {
-      ...common.style,
-      fill: { kind: "none" },
-      stroke: { kind: "solid", color: "#cbd5e1" },
-      strokeWidth: Math.min(strokeWidth, 1),
-      clip: hullClip
-    }
-  };
+function silhouette(object) {
+  const faces = chunkKXYSO6GC_cjs.isometricFaces(object);
+  return [faces.top[0], faces.top[1], faces.right[2], faces.front[2], faces.front[3], faces.top[3]];
 }
 function hullNode(context, hullPath, cornerRadius) {
   const { object, order, common, box } = context;
@@ -2178,12 +2726,20 @@ function hullNode(context, hullPath, cornerRadius) {
       depth: Math.max(0, object.depth),
       cornerRadius,
       bounds: box,
-      labelOffsetX: chunkXY2GZUHC_cjs.finite(object.labelOffsetX, 0),
-      labelOffsetY: chunkXY2GZUHC_cjs.finite(object.labelOffsetY, 0)
+      labelOffsetX: chunkKXYSO6GC_cjs.finite(object.labelOffsetX, 0),
+      labelOffsetY: chunkKXYSO6GC_cjs.finite(object.labelOffsetY, 0)
     },
     style: { ...common.style, fill: { kind: "none" } }
   };
 }
+function unseenHullNode(context) {
+  return {
+    ...hullNode(context, chunkKXYSO6GC_cjs.roundedPolygonPath(silhouette(context.object), 0), 0),
+    style: { ...context.common.style, fill: { kind: "none" }, stroke: { kind: "none" } }
+  };
+}
+
+// src/renderScene/artifacts/isometric/label.ts
 var LABEL_HEIGHT = 20;
 var LABEL_GAP = 12;
 var LABEL_PADDING_X = 6;
@@ -2191,9 +2747,9 @@ var LABEL_PADDING_Y = 3;
 var LABEL_CHAR_WIDTH = 6.5;
 function labelPlacement(context) {
   const { object } = context;
-  const anchor = chunkXY2GZUHC_cjs.isometricTopFaceCenter(object);
-  const bottomY = anchor.y - LABEL_GAP + chunkXY2GZUHC_cjs.finite(object.labelOffsetY, 0);
-  return { anchor, centerX: anchor.x + chunkXY2GZUHC_cjs.finite(object.labelOffsetX, 0), topY: bottomY - LABEL_HEIGHT, bottomY };
+  const anchor = chunkKXYSO6GC_cjs.isometricTopFaceCenter(object);
+  const bottomY = anchor.y - LABEL_GAP + chunkKXYSO6GC_cjs.finite(object.labelOffsetY, 0);
+  return { anchor, centerX: anchor.x + chunkKXYSO6GC_cjs.finite(object.labelOffsetX, 0), topY: bottomY - LABEL_HEIGHT, bottomY };
 }
 function labelTextNode(context, placement, text) {
   const { object, order, rotation, rotationCenter, box } = context;
@@ -2208,7 +2764,7 @@ function labelTextNode(context, placement, text) {
     width: box.width,
     height: LABEL_HEIGHT,
     lines: [text],
-    fontFamily: chunkXY2GZUHC_cjs.DEFAULT_FONT,
+    fontFamily: chunkKXYSO6GC_cjs.DEFAULT_FONT,
     fontSize: 12,
     fontWeight: "normal",
     color: "#111827",
@@ -2279,23 +2835,235 @@ function labelNodes(context, text) {
   }
   return [guide, labelBackgroundNode(context, placement, text, background), label];
 }
-function buildIsometricObject(object, index) {
+
+// src/renderScene/artifacts/isometric/shadow.ts
+function groundShadowNode(context, topOutline) {
+  const { object, index, rotation, rotationCenter } = context;
+  if (!object.hasShadow) {
+    return void 0;
+  }
+  const height = Math.max(0, object.height);
+  const heightFactor = 0.6 + Math.min(1, height / 150) * 0.7;
+  const shadowDrop = height + chunkKXYSO6GC_cjs.finite(object.shadowStyle?.distance, 0);
+  const contactFootprint = topOutline.map((point) => ({ x: point.x, y: point.y + shadowDrop }));
+  const footprintCenter = {
+    x: contactFootprint.reduce((sum, point) => sum + point.x, 0) / contactFootprint.length,
+    y: contactFootprint.reduce((sum, point) => sum + point.y, 0) / contactFootprint.length
+  };
+  const shadowSpread = 1.3;
+  const footprint = contactFootprint.map((point) => ({
+    x: footprintCenter.x + (point.x - footprintCenter.x) * shadowSpread,
+    y: footprintCenter.y + (point.y - footprintCenter.y) * shadowSpread
+  }));
+  const footprintXs = footprint.map((point) => point.x);
+  const footprintYs = footprint.map((point) => point.y);
+  return {
+    type: "path",
+    id: `isometric-${object.id}-ground-shadow`,
+    order: 14e3 + index,
+    bounds: {
+      minX: Math.min(...footprintXs),
+      minY: Math.min(...footprintYs),
+      maxX: Math.max(...footprintXs),
+      maxY: Math.max(...footprintYs)
+    },
+    d: chunkKXYSO6GC_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: chunkKXYSO6GC_cjs.finite(object.shadowStyle?.blur, 8),
+      pointerEvents: "none"
+    }
+  };
+}
+function sphereShadowNode(context, radius) {
+  const { object, index, box } = context;
+  if (!object.hasShadow) {
+    return void 0;
+  }
+  const width = Math.max(0, object.width);
+  const depth = Math.max(0, object.depth);
+  const center = {
+    x: box.x + box.width / 2,
+    y: object.y + Math.max(0, object.height) + (width + depth) * chunkKXYSO6GC_cjs.AXIS_SIN / 2
+  };
+  return {
+    type: "ellipse",
+    id: `isometric-${object.id}-ground-shadow`,
+    order: 14e3 + index,
+    bounds: {
+      minX: center.x - radius * 1.1,
+      minY: center.y - radius * 0.6,
+      maxX: center.x + radius * 1.1,
+      maxY: center.y + radius * 0.6
+    },
+    cx: center.x,
+    cy: center.y,
+    rx: radius * 1.05,
+    ry: radius * 0.52,
+    style: {
+      fill: { kind: "solid", color: object.shadowStyle?.color ?? "#000000" },
+      stroke: { kind: "none" },
+      opacity: object.shadowStyle?.opacity ?? 0.2,
+      blur: chunkKXYSO6GC_cjs.finite(object.shadowStyle?.blur, 8),
+      pointerEvents: "none"
+    }
+  };
+}
+
+// src/renderScene/artifacts/isometric/box.ts
+function faceNodes(context, faces, hullClip) {
+  const { object, common } = context;
+  const noStroke = { ...common.style, stroke: { kind: "none" } };
+  const fills = chunkKXYSO6GC_cjs.deriveFaceFills(object.fill ?? "#f8fafc");
+  const face = (name, offset, points, color) => faceNode(context, name, offset, points, { ...noStroke, fill: { kind: "solid", color }, clip: hullClip });
+  return [
+    face("top", 0, faces.top, fills.topFill),
+    face("front", 0.1, faces.front, fills.frontFill),
+    face("side", 0.2, faces.right, fills.sideFill)
+  ];
+}
+function seamsNode(context, faces, hullClip) {
+  const { object, order, common, strokeWidth } = context;
+  return {
+    ...common,
+    id: `isometric-${object.id}-seams`,
+    order: order + 0.22,
+    d: `M ${faces.top[3].x} ${faces.top[3].y} L ${faces.top[2].x} ${faces.top[2].y} L ${faces.top[1].x} ${faces.top[1].y} M ${faces.top[2].x} ${faces.top[2].y} L ${faces.front[2].x} ${faces.front[2].y}`,
+    style: {
+      ...common.style,
+      fill: { kind: "none" },
+      stroke: { kind: "solid", color: "#cbd5e1" },
+      strokeWidth: Math.min(strokeWidth, 1),
+      clip: hullClip
+    }
+  };
+}
+function buildBox(object, index) {
   const context = isometricContext(object, index);
-  const faces = chunkXY2GZUHC_cjs.isometricFaces(object);
-  const cornerRadius = Math.max(0, chunkXY2GZUHC_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 = chunkXY2GZUHC_cjs.roundedPolygonPath(silhouette, cornerRadius);
+  const faces = chunkKXYSO6GC_cjs.isometricFaces(object);
+  const cornerRadius = Math.max(0, chunkKXYSO6GC_cjs.finite(object.cornerRadius, 8));
+  const hullPath = chunkKXYSO6GC_cjs.roundedPolygonPath(silhouette(object), cornerRadius);
   const hullClip = { type: "path", d: hullPath };
-  const groundShadow = groundShadowNode(context, faces);
+  const groundShadow = groundShadowNode(context, faces.top);
   const seams = seamsNode(context, faces, hullClip);
   const hull = hullNode(context, hullPath, cornerRadius);
   const facesNodes = faceNodes(context, faces, hullClip);
   const objectNodes = groundShadow ? [hull, ...facesNodes, groundShadow, seams] : [hull, ...facesNodes, seams];
   return object.text ? [...objectNodes, ...labelNodes(context, object.text)] : objectNodes;
 }
+
+// src/renderScene/artifacts/isometric/extruded.ts
+function wallNode(context, side, index, fill2) {
+  const color = chunkKXYSO6GC_cjs.shadeFill(fill2, side.light);
+  return faceNode(context, `side-${index}`, 0.05 + index * 1e-3, side.points, {
+    ...context.common.style,
+    stroke: { kind: "solid", color },
+    strokeWidth: 0.6,
+    fill: { kind: "solid", color }
+  });
+}
+function wallEdgesNode(context, side, index) {
+  const [topFrom, topTo, bottomTo, bottomFrom] = side.points;
+  const lines = [
+    `M ${bottomFrom.x} ${bottomFrom.y} L ${bottomTo.x} ${bottomTo.y}`,
+    ...side.smoothStart ? [] : [`M ${topFrom.x} ${topFrom.y} L ${bottomFrom.x} ${bottomFrom.y}`],
+    ...side.smoothEnd ? [] : [`M ${topTo.x} ${topTo.y} L ${bottomTo.x} ${bottomTo.y}`]
+  ];
+  return {
+    ...context.common,
+    id: `isometric-${context.object.id}-side-${index}-edges`,
+    order: context.order + 0.0505 + index * 1e-3,
+    d: lines.join(" "),
+    style: { ...context.common.style, fill: { kind: "none" } }
+  };
+}
+function buildExtruded(object, index, footprint) {
+  const context = isometricContext(object, index);
+  const { top, sides } = chunkKXYSO6GC_cjs.extrudeFootprint(object, footprint, Math.max(0, chunkKXYSO6GC_cjs.finite(object.cornerRadius, 0)));
+  const fill2 = object.fill ?? "#f8fafc";
+  const groundShadow = groundShadowNode(context, top);
+  const topFace = faceNode(context, "top", 0.2, top, { ...context.common.style, fill: { kind: "solid", color: fill2 } });
+  const nodes = [
+    unseenHullNode(context),
+    ...groundShadow ? [groundShadow] : [],
+    ...sides.flatMap((side, i) => [wallNode(context, side, i, fill2), wallEdgesNode(context, side, i)]),
+    topFace
+  ];
+  return object.text ? [...nodes, ...labelNodes(context, object.text)] : nodes;
+}
+
+// src/renderScene/artifacts/isometric/sphere.ts
+function buildSphere(object, index) {
+  const context = isometricContext(object, index);
+  const { order, common, box } = context;
+  const radius = Math.max(0, Math.min(object.width, object.height, object.depth)) / 2;
+  const cx = box.x + box.width / 2;
+  const cy = box.y + box.height / 2;
+  const fill2 = object.fill ?? "#f8fafc";
+  const bounds = { minX: cx - radius, minY: cy - radius, maxX: cx + radius, maxY: cy + radius };
+  const body = {
+    type: "ellipse",
+    id: `isometric-${object.id}-sphere`,
+    order: order + 0.1,
+    bounds,
+    cx,
+    cy,
+    rx: radius,
+    ry: radius,
+    style: {
+      ...common.style,
+      fill: {
+        kind: "linear-gradient",
+        angle: 135,
+        stops: [
+          { offset: 0, color: chunkKXYSO6GC_cjs.shadeFill(fill2, 1.22) },
+          { offset: 0.5, color: fill2 },
+          { offset: 1, color: chunkKXYSO6GC_cjs.shadeFill(fill2, 0.82) }
+        ]
+      }
+    },
+    prop: "style.fill",
+    propKind: "color",
+    propSolidOnly: true
+  };
+  const highlight = {
+    type: "ellipse",
+    id: `isometric-${object.id}-highlight`,
+    order: order + 0.2,
+    bounds,
+    cx: cx - radius * 0.32,
+    cy: cy - radius * 0.38,
+    rx: radius * 0.26,
+    ry: radius * 0.18,
+    rotation: -35,
+    style: {
+      fill: { kind: "solid", color: "#ffffff" },
+      stroke: { kind: "none" },
+      opacity: 0.45,
+      blur: radius * 0.1,
+      pointerEvents: "none"
+    }
+  };
+  const shadow = sphereShadowNode(context, radius);
+  const nodes = [unseenHullNode(context), ...shadow ? [shadow] : [], body, highlight];
+  return object.text ? [...nodes, ...labelNodes(context, object.text)] : nodes;
+}
+
+// src/renderScene/artifacts/isometric/index.ts
+function buildIsometricObject(object, index) {
+  if (object.form === "sphere") {
+    return buildSphere(object, index);
+  }
+  const footprint = chunkKXYSO6GC_cjs.cleanFootprint(object.footprint);
+  return footprint.length > 0 ? buildExtruded(object, index, footprint) : buildBox(object, index);
+}
 function buildIsometricObjects(objects) {
   return objects.flatMap(
-    (object, index) => chunkXY2GZUHC_cjs.tag(
+    (object, index) => chunkKXYSO6GC_cjs.tag(
       buildIsometricObject(object, index),
       "isometric",
       object.id,
@@ -2324,7 +3092,7 @@ function renderEndpointLabel(context, end, labelIndex) {
   if (!label) {
     return [];
   }
-  const fontSize = chunkXY2GZUHC_cjs.finite(context.link.style?.fontSize, 10);
+  const fontSize = chunkKXYSO6GC_cjs.finite(context.link.style?.fontSize, 10);
   const position = endpointLabelPosition(context.points, end);
   const width = 90;
   return [
@@ -2338,7 +3106,7 @@ function renderEndpointLabel(context, end, labelIndex) {
       width,
       height: fontSize * 2,
       lines: [label],
-      fontFamily: context.link.style?.fontFamily ?? chunkXY2GZUHC_cjs.DEFAULT_FONT,
+      fontFamily: context.link.style?.fontFamily ?? chunkKXYSO6GC_cjs.DEFAULT_FONT,
       fontSize,
       fontWeight: "normal",
       color: context.color,
@@ -2368,7 +3136,7 @@ function renderMainLabel(context) {
       width: context.label.width,
       height: context.label.fontSize * 2,
       lines: context.label.lines,
-      fontFamily: context.link.style?.fontFamily ?? chunkXY2GZUHC_cjs.DEFAULT_FONT,
+      fontFamily: context.link.style?.fontFamily ?? chunkKXYSO6GC_cjs.DEFAULT_FONT,
       fontSize: context.label.fontSize,
       fontWeight: "normal",
       color: context.color,
@@ -2422,10 +3190,10 @@ function linkBounds(points, padding) {
 }
 function labelLayout(link, measureText) {
   const visible = Boolean(link.showText && link.text);
-  const fontSize = chunkXY2GZUHC_cjs.finite(link.style?.fontSize, 10);
+  const fontSize = chunkKXYSO6GC_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 ?? chunkXY2GZUHC_cjs.DEFAULT_FONT, fontSize);
-  const lines = visible ? chunkXY2GZUHC_cjs.wrapText(link.text ?? "", width, fontSize, metrics) : [];
+  const metrics = measureText?.(link.style?.fontFamily ?? chunkKXYSO6GC_cjs.DEFAULT_FONT, fontSize);
+  const lines = visible ? chunkKXYSO6GC_cjs.wrapText(link.text ?? "", width, fontSize, metrics) : [];
   return { visible, fontSize, width, height: lines.length * fontSize * 1.4, lines };
 }
 function linkStyle(item, strokeWidth, color, dash) {
@@ -2442,26 +3210,26 @@ function linkStyle(item, strokeWidth, color, dash) {
     dash,
     lineCap: "round",
     lineJoin: "round",
-    opacity: chunkXY2GZUHC_cjs.finite(link.style?.opacity, 1),
+    opacity: chunkKXYSO6GC_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 } = chunkXY2GZUHC_cjs.calculateLinkRoute(link, from, to, pathType);
-  const strokeWidth = chunkXY2GZUHC_cjs.finite(link.style?.strokeWidth, 2);
+  const { points, segments } = chunkKXYSO6GC_cjs.calculateLinkRoute(link, from, to, pathType);
+  const strokeWidth = chunkKXYSO6GC_cjs.finite(link.style?.strokeWidth, 2);
   const color = getLinkStrokeColor(link.style?.color) || "#64748b";
   const label = labelLayout(link, measureText);
   const contentDash = getDashArray(strokeWidth, link.style?.strokeStyle ?? "solid");
-  const gap = label.visible && !contentDash ? chunkXY2GZUHC_cjs.labelGapDash(points, pathType, label.width, label.height) : null;
+  const gap = label.visible && !contentDash ? chunkKXYSO6GC_cjs.labelGapDash(points, pathType, label.width, label.height) : null;
   const dash = gap ? [gap.dashBefore, gap.gapLength, 1e6] : contentDash;
   return {
     link,
     pathType,
     points,
     segments,
-    midpoint: chunkXY2GZUHC_cjs.getLineMidpoint(points, pathType, from, to),
+    midpoint: chunkKXYSO6GC_cjs.getLineMidpoint(points, pathType, from, to),
     strokeWidth,
     bounds: linkBounds(points, strokeWidth + 14),
     color,
@@ -2499,7 +3267,7 @@ function polylinePathData(points) {
   }
   return path;
 }
-function pathData(points, pathType, segments, strokeWidth) {
+function pathData2(points, pathType, segments, strokeWidth) {
   if (points.length < 4) {
     return "";
   }
@@ -2507,7 +3275,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 chunkXY2GZUHC_cjs.roundedOrthogonalPathData(segments, Math.max(16, strokeWidth * 4));
+    return chunkKXYSO6GC_cjs.roundedOrthogonalPathData(segments, Math.max(16, strokeWidth * 4));
   }
   return polylinePathData(points);
 }
@@ -2533,7 +3301,7 @@ function renderLinkPath(context) {
     id: `link-${link.id}`,
     order: context.order,
     bounds: context.bounds,
-    d: pathData(context.points, context.pathType, context.segments, context.strokeWidth),
+    d: pathData2(context.points, context.pathType, context.segments, context.strokeWidth),
     style: context.style,
     markerStart: markerForEnd(link, "start"),
     markerEnd: markerForEnd(link, "end"),
@@ -2611,7 +3379,7 @@ function buildLink(item, index, measureText) {
 }
 function buildLinks(links, measureText) {
   return links.flatMap(
-    (item, index) => chunkXY2GZUHC_cjs.tag(
+    (item, index) => chunkKXYSO6GC_cjs.tag(
       buildLink(item, index, measureText),
       "link",
       item.link.id,
@@ -2626,7 +3394,7 @@ function buildFreeformPath(path, index) {
   if (path.isVisible === false || path.points.length < 2) {
     return [];
   }
-  const strokeWidth = chunkXY2GZUHC_cjs.finite(path.strokeWidth, 2);
+  const strokeWidth = chunkKXYSO6GC_cjs.finite(path.strokeWidth, 2);
   const extra = strokeWidth + 12;
   const bounds = {
     minX: Math.min(...path.points.map((point) => point.x)) - extra,
@@ -2634,7 +3402,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 = chunkXY2GZUHC_cjs.finite(path.tension, 0);
+  const tension = chunkKXYSO6GC_cjs.finite(path.tension, 0);
   const closed = path.closed === true;
   return [
     {
@@ -2642,7 +3410,7 @@ function buildFreeformPath(path, index) {
       id: `path-${path.id}`,
       order: 3e4 + index,
       bounds,
-      d: chunkXY2GZUHC_cjs.freeformPathData({ points: path.points, tension, closed }),
+      d: chunkKXYSO6GC_cjs.freeformPathData({ points: path.points, tension, closed }),
       markerStart: path.startMarker,
       markerEnd: path.endMarker,
       detail: {
@@ -2658,13 +3426,13 @@ function buildFreeformPath(path, index) {
         dash: path.dash?.length ? path.dash : void 0,
         lineCap: "round",
         lineJoin: "round",
-        opacity: chunkXY2GZUHC_cjs.finite(path.opacity, 1)
+        opacity: chunkKXYSO6GC_cjs.finite(path.opacity, 1)
       }
     }
   ];
 }
 function buildFreeformPaths(paths) {
-  return paths.flatMap((path, index) => chunkXY2GZUHC_cjs.tag(buildFreeformPath(path, index), "path", path.id, "path", "Path"));
+  return paths.flatMap((path, index) => chunkKXYSO6GC_cjs.tag(buildFreeformPath(path, index), "path", path.id, "path", "Path"));
 }
 
 // src/renderScene/artifacts/shape/geometry/base.ts
@@ -2680,7 +3448,7 @@ function shapeNodeBase(context) {
 
 // src/renderScene/artifacts/shape/geometry/simple.ts
 function renderPath(context) {
-  const path = chunkXY2GZUHC_cjs.localShapePath(context.shape.shapeType, context.x, context.y, context.width, context.height);
+  const path = chunkKXYSO6GC_cjs.localShapePath(context.shape.shapeType, context.x, context.y, context.width, context.height);
   if (!path) {
     return [];
   }
@@ -2696,7 +3464,7 @@ function renderBoundedPath(context) {
   }));
 }
 function renderRectangle(context) {
-  const rx = context.shape.shapeType === "pill" ? chunkXY2GZUHC_cjs.pillCornerRadius(context.width, context.height) : context.shape.shapeType === "rounded_rectangle" ? chunkXY2GZUHC_cjs.finite(context.shape.cornerRadius, 8) : 0;
+  const rx = context.shape.shapeType === "pill" ? chunkKXYSO6GC_cjs.pillCornerRadius(context.width, context.height) : context.shape.shapeType === "rounded_rectangle" ? chunkKXYSO6GC_cjs.finite(context.shape.cornerRadius, 8) : 0;
   return [
     {
       ...shapeNodeBase(context),
@@ -2725,7 +3493,7 @@ function renderSymbol(context) {
   if (!context.shape.symbol || context.shape.symbol.points.length < 2) {
     return renderRectangle(context);
   }
-  const tension = chunkXY2GZUHC_cjs.finite(context.shape.symbol.tension, 0);
+  const tension = chunkKXYSO6GC_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
@@ -2734,7 +3502,7 @@ function renderSymbol(context) {
     {
       ...shapeNodeBase(context),
       type: "path",
-      d: chunkXY2GZUHC_cjs.freeformPathData({ points, tension, closed: true }),
+      d: chunkKXYSO6GC_cjs.freeformPathData({ points, tension, closed: true }),
       rotationCenter: context.rotationCenter,
       detail: {
         of: "symbolGeometry",
@@ -2771,6 +3539,46 @@ function renderShapeGeometry(context) {
   return renderer(context);
 }
 
+// src/renderScene/artifacts/shape/shaderSurface.ts
+var RECT_PROGRAMS = /* @__PURE__ */ new Set(["reactivePanel", "ledMatrix", "lightBand", "silkFolds"]);
+function shaderMask(context) {
+  if (context.shape.shapeType === "circle" || context.shape.shapeType === "oval") {
+    return "ellipse";
+  }
+  const rectangular = context.shape.shapeType === "rectangle" || context.shape.shapeType === "rounded_rectangle";
+  if (rectangular && context.shape.shader && RECT_PROGRAMS.has(context.shape.shader.program)) {
+    return "rect";
+  }
+  return void 0;
+}
+function renderShapeShaderSurface(context) {
+  if (!context.shape.shader) {
+    return void 0;
+  }
+  const mask = shaderMask(context);
+  if (!mask) {
+    return void 0;
+  }
+  const padding = mask === "rect" ? Math.max(0, context.shape.shader.surfacePadding ?? 0) : 0;
+  const surfaceBounds = {
+    x: context.x - padding,
+    y: context.y - padding,
+    width: context.width + padding * 2,
+    height: context.height + padding * 2
+  };
+  return {
+    id: `${context.id}-shader`,
+    type: "shader-surface",
+    order: context.order,
+    bounds: chunkKXYSO6GC_cjs.rotatedBounds(surfaceBounds, context.rotation, 0),
+    ...surfaceBounds,
+    rotation: context.rotation,
+    shader: context.shape.shader,
+    mask,
+    fillColor: context.style.fill?.kind === "solid" ? context.style.fill.color : void 0
+  };
+}
+
 // src/renderScene/artifacts/shape/style.ts
 var REMOVED_SHAPE_HINTS = {
   container_rectangle: " (use 'rectangle' with strokeStyle: dashed)"
@@ -2832,22 +3640,22 @@ function shapeDash(shape, strokeWidth) {
 }
 function shapeStyle(shape, diagnostics) {
   const defaults = shapeDefaults(shape, diagnostics);
-  const strokeWidth = chunkXY2GZUHC_cjs.finite(shape.strokeWidth, defaults.strokeWidth);
+  const strokeWidth = chunkKXYSO6GC_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 = chunkXY2GZUHC_cjs.finite(shadow?.angle, 45) * Math.PI / 180;
+  const angle = chunkKXYSO6GC_cjs.finite(shadow?.angle, 45) * Math.PI / 180;
   return {
-    fill: chunkXY2GZUHC_cjs.paint(shape.fillColor, diagnostics, shape.id),
-    stroke: chunkXY2GZUHC_cjs.paint(shape.strokeColor, diagnostics, shape.id),
+    fill: chunkKXYSO6GC_cjs.paint(shape.fillColor, diagnostics, shape.id),
+    stroke: chunkKXYSO6GC_cjs.paint(shape.strokeColor, diagnostics, shape.id),
     strokeWidth,
     dash: shapeDash(shape, strokeWidth),
     lineCap: shape.strokeStyle === "dotted" ? "round" : "butt",
-    opacity: chunkXY2GZUHC_cjs.finite(shape.opacity, defaults.opacity),
+    opacity: chunkKXYSO6GC_cjs.finite(shape.opacity, defaults.opacity),
     shadow: shadow?.enabled ? {
       color: shadow.color ?? "#000000",
-      opacity: chunkXY2GZUHC_cjs.finite(shadow.opacity, 0.25),
-      blur: chunkXY2GZUHC_cjs.finite(shadow.blur, 10),
-      dx: Math.cos(angle) * chunkXY2GZUHC_cjs.finite(shadow.distance, 5),
-      dy: Math.sin(angle) * chunkXY2GZUHC_cjs.finite(shadow.distance, 5)
+      opacity: chunkKXYSO6GC_cjs.finite(shadow.opacity, 0.25),
+      blur: chunkKXYSO6GC_cjs.finite(shadow.blur, 10),
+      dx: Math.cos(angle) * chunkKXYSO6GC_cjs.finite(shadow.distance, 5),
+      dy: Math.sin(angle) * chunkKXYSO6GC_cjs.finite(shadow.distance, 5)
     } : void 0
   };
 }
@@ -2923,11 +3731,11 @@ function renderShapeText(context, strokeWidth, measureText) {
   if (!shape.text) {
     return null;
   }
-  const fontSize = chunkXY2GZUHC_cjs.finite(shape.fontSize, shapeDefaults(shape, []).fontSize);
+  const fontSize = chunkKXYSO6GC_cjs.finite(shape.fontSize, shapeDefaults(shape, []).fontSize);
   const padding = shape.isText ? 0 : Math.max(8, strokeWidth * 2);
-  const area = shape.shapeType === "person" ? chunkXY2GZUHC_cjs.personLabelArea(x, y, width, height) : { x, y, width, height };
+  const area = shape.shapeType === "person" ? chunkKXYSO6GC_cjs.personLabelArea(x, y, width, height) : { x, y, width, height };
   const textWidth = Math.max(0, area.width - padding * 2);
-  const fontFamily2 = shape.fontFamily || chunkXY2GZUHC_cjs.DEFAULT_FONT;
+  const fontFamily2 = shape.fontFamily || chunkKXYSO6GC_cjs.DEFAULT_FONT;
   const metrics = measureText?.(fontFamily2, fontSize);
   const textNode = {
     type: "text",
@@ -2938,7 +3746,7 @@ function renderShapeText(context, strokeWidth, measureText) {
     y: area.y + padding,
     width: textWidth,
     height: Math.max(0, area.height - padding * 2),
-    lines: chunkXY2GZUHC_cjs.wrapText(shape.text, textWidth, fontSize, metrics),
+    lines: chunkKXYSO6GC_cjs.wrapText(shape.text, textWidth, fontSize, metrics),
     fontFamily: fontFamily2,
     fontSize,
     fontWeight: shape.fontWeight ?? "normal",
@@ -2946,12 +3754,12 @@ function renderShapeText(context, strokeWidth, measureText) {
     color: shape.textColor || "#111827",
     align: shape.textAlign ?? "center",
     verticalAlign: shape.textVerticalAlign ?? "middle",
-    lineHeight: chunkXY2GZUHC_cjs.finite(shape.lineHeight, 1.3),
+    lineHeight: chunkKXYSO6GC_cjs.finite(shape.lineHeight, 1.3),
     rotation,
     rotationCenter
   };
   if (hasBoldMarkup(shape.text)) {
-    const { measure, spaceWidth } = metrics ?? chunkXY2GZUHC_cjs.heuristicRichMeasure(fontSize);
+    const { measure, spaceWidth } = metrics ?? chunkKXYSO6GC_cjs.heuristicRichMeasure(fontSize);
     textNode.richLines = wrapRichText(shape.text, textWidth, measure, spaceWidth);
   }
   return textNode;
@@ -2990,19 +3798,19 @@ function renderDoubleStroke(context, strokeWidth) {
   return nodes;
 }
 function createRenderContext(shape, index, diagnostics) {
-  const x = chunkXY2GZUHC_cjs.finite(shape.x, 0);
-  const y = chunkXY2GZUHC_cjs.finite(shape.y, 0);
-  const width = Math.max(0, chunkXY2GZUHC_cjs.finite(shape.width, 100));
-  const height = Math.max(0, chunkXY2GZUHC_cjs.finite(shape.height, 100));
-  const rotation = chunkXY2GZUHC_cjs.finite(shape.rotation, 0);
-  const strokeWidth = chunkXY2GZUHC_cjs.finite(shape.strokeWidth, 2);
+  const x = chunkKXYSO6GC_cjs.finite(shape.x, 0);
+  const y = chunkKXYSO6GC_cjs.finite(shape.y, 0);
+  const width = Math.max(0, chunkKXYSO6GC_cjs.finite(shape.width, 100));
+  const height = Math.max(0, chunkKXYSO6GC_cjs.finite(shape.height, 100));
+  const rotation = chunkKXYSO6GC_cjs.finite(shape.rotation, 0);
+  const strokeWidth = chunkKXYSO6GC_cjs.finite(shape.strokeWidth, 2);
   return {
     strokeWidth,
     context: {
       shape,
       id: `shape-${shape.id}`,
       order: 1e4 + index,
-      bounds: chunkXY2GZUHC_cjs.rotatedBounds({ x, y, width, height }, rotation, strokeWidth + (shape.hasShadow ? 20 : 2)),
+      bounds: chunkKXYSO6GC_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),
@@ -3013,32 +3821,13 @@ function createRenderContext(shape, index, diagnostics) {
     }
   };
 }
-function renderShaderSurface(context) {
-  if (!context.shape.shader || context.shape.shapeType !== "circle" && context.shape.shapeType !== "oval") {
-    return void 0;
-  }
-  return {
-    id: `${context.id}-shader`,
-    type: "shader-surface",
-    order: context.order,
-    bounds: context.bounds,
-    x: context.x,
-    y: context.y,
-    width: context.width,
-    height: context.height,
-    rotation: context.rotation,
-    shader: context.shape.shader,
-    mask: "ellipse",
-    fillColor: context.style.fill?.kind === "solid" ? context.style.fill.color : void 0
-  };
-}
 function buildShape(shape, index, diagnostics, measureText) {
   if (shape.isVisible === false) {
     return [];
   }
   const { context, strokeWidth } = createRenderContext(shape, index, diagnostics);
   const nodes = shape.strokeStyle === "double" ? renderDoubleStroke(context, strokeWidth || 1) : renderShapeGeometry(context);
-  const shader = renderShaderSurface(context);
+  const shader = renderShapeShaderSurface(context);
   if (shader) {
     for (const node of nodes) {
       if (node.type === "ellipse" || node.type === "path" || node.type === "rect") {
@@ -3055,7 +3844,7 @@ function buildShape(shape, index, diagnostics, measureText) {
 }
 function buildShapes(shapes, diagnostics, measureText) {
   return shapes.flatMap(
-    (shape, index) => chunkXY2GZUHC_cjs.tag(
+    (shape, index) => chunkKXYSO6GC_cjs.tag(
       buildShape(shape, index, diagnostics, measureText),
       "shape",
       shape.id,
@@ -3072,7 +3861,7 @@ function buildXAxisLabel(chart, layout, order) {
     return null;
   }
   return {
-    ...chunkXY2GZUHC_cjs.chartText({
+    ...chunkKXYSO6GC_cjs.chartText({
       role: "axis",
       id: `chart-x-label-${chart.id}`,
       order,
@@ -3082,7 +3871,7 @@ function buildXAxisLabel(chart, layout, order) {
       chart,
       align: "center"
     }),
-    prop: chunkXY2GZUHC_cjs.axisLabelProp("x")
+    prop: chunkKXYSO6GC_cjs.axisLabelProp("x")
   };
 }
 function buildYAxisLabel(chart, layout, order) {
@@ -3090,7 +3879,7 @@ function buildYAxisLabel(chart, layout, order) {
     return null;
   }
   return {
-    ...chunkXY2GZUHC_cjs.chartText({
+    ...chunkKXYSO6GC_cjs.chartText({
       role: "axis",
       id: `chart-y-label-${chart.id}`,
       order,
@@ -3106,7 +3895,7 @@ function buildYAxisLabel(chart, layout, order) {
       align: "center",
       rotation: -90
     }),
-    prop: chunkXY2GZUHC_cjs.axisLabelProp("y")
+    prop: chunkKXYSO6GC_cjs.axisLabelProp("y")
   };
 }
 function buildAxisLabels(chart, layout, order) {
@@ -3129,7 +3918,7 @@ function buildBoxplotSeriesYAxisTicks(chart, layout, order) {
   return chart.series.map((series, index) => {
     const centerY = layout.plot.y + (index + 0.5) * slotWidth;
     return {
-      ...chunkXY2GZUHC_cjs.chartText({
+      ...chunkKXYSO6GC_cjs.chartText({
         role: "axis",
         id: `chart-y-tick-${chart.id}-${index}`,
         order: order + index,
@@ -3139,7 +3928,7 @@ function buildBoxplotSeriesYAxisTicks(chart, layout, order) {
         chart,
         align: "right"
       }),
-      prop: chunkXY2GZUHC_cjs.seriesLabelProp(series.id)
+      prop: chunkKXYSO6GC_cjs.seriesLabelProp(series.id)
     };
   });
 }
@@ -3165,7 +3954,7 @@ function isStackedLegendPosition(position) {
   return position === "bottomLeft" || position === "bottomRight";
 }
 function legendItemWidths(chart) {
-  return legendSeries(chart).map((item) => Math.max(42, item.label.length * chunkXY2GZUHC_cjs.finite(chart.fontSize, 12) * 0.58 + 22));
+  return legendSeries(chart).map((item) => Math.max(42, item.label.length * chunkKXYSO6GC_cjs.finite(chart.fontSize, 12) * 0.58 + 22));
 }
 function stackedLegendColumnWidth(chart) {
   const widths = legendItemWidths(chart);
@@ -3218,9 +4007,9 @@ function renderLegendItem(render2, item) {
 }
 function createLegendSwatch(render2, item) {
   const { chart, bounds, diagnostics } = render2;
-  const fallback = chunkXY2GZUHC_cjs.CHART_COLORS[item.seriesIndex % chunkXY2GZUHC_cjs.CHART_COLORS.length];
+  const fallback = chunkKXYSO6GC_cjs.CHART_COLORS[item.seriesIndex % chunkKXYSO6GC_cjs.CHART_COLORS.length];
   const solidOnly = chart.chartType === "line";
-  const color = solidOnly ? chunkXY2GZUHC_cjs.representativeColor(item.series.color, fallback) : item.series.color ?? fallback;
+  const color = solidOnly ? chunkKXYSO6GC_cjs.representativeColor(item.series.color, fallback) : item.series.color ?? fallback;
   return {
     type: "rect",
     id: `chart-legend-swatch-${chart.id}-${item.series.id}`,
@@ -3231,16 +4020,16 @@ function createLegendSwatch(render2, item) {
     width: 10,
     height: 10,
     rx: 3,
-    prop: chunkXY2GZUHC_cjs.seriesColorProp(item.series.id),
+    prop: chunkKXYSO6GC_cjs.seriesColorProp(item.series.id),
     propKind: "color",
     propSolidOnly: solidOnly,
-    style: { fill: chunkXY2GZUHC_cjs.paint(color, diagnostics, chart.id) }
+    style: { fill: chunkKXYSO6GC_cjs.paint(color, diagnostics, chart.id) }
   };
 }
 function createLegendLabel(render2, item) {
   const { chart, bounds } = render2;
   return {
-    ...chunkXY2GZUHC_cjs.chartText({
+    ...chunkKXYSO6GC_cjs.chartText({
       role: "legend",
       id: `chart-legend-${chart.id}-${item.series.id}`,
       order: item.order + 1,
@@ -3249,7 +4038,7 @@ function createLegendLabel(render2, item) {
       text: item.series.label,
       chart
     }),
-    prop: chunkXY2GZUHC_cjs.seriesLabelProp(item.series.id)
+    prop: chunkKXYSO6GC_cjs.seriesLabelProp(item.series.id)
   };
 }
 
@@ -3268,13 +4057,13 @@ function hasCartesianDecorations(chart) {
   return !CHARTS_WITHOUT_CARTESIAN_DECORATIONS.has(chart.chartType);
 }
 function tickOffset(chart) {
-  return hasCartesianDecorations(chart) ? Math.max(0, chunkXY2GZUHC_cjs.finite(chart.tickLength, 0)) : 0;
+  return hasCartesianDecorations(chart) ? Math.max(0, chunkKXYSO6GC_cjs.finite(chart.tickLength, 0)) : 0;
 }
 function isHorizontalBoxplot(chart) {
   return chart.chartType === "boxplot" && chart.config?.orientation === "horizontal";
 }
 function boxplotCategoryLabelWidth(chart) {
-  const fontSize = chunkXY2GZUHC_cjs.finite(chart.fontSize, 12);
+  const fontSize = chunkKXYSO6GC_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;
 }
@@ -3286,7 +4075,7 @@ function treemapSideLegendSide(chart, showLegend) {
   return chart.legendPosition === "left" ? "left" : chart.legendPosition === "right" ? "right" : null;
 }
 function barCategoryLabelWidth(chart) {
-  const fontSize = chunkXY2GZUHC_cjs.finite(chart.axisFontSize ?? chart.fontSize, 12);
+  const fontSize = chunkKXYSO6GC_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;
 }
@@ -3294,7 +4083,7 @@ function leftLabelWidth(chart) {
   if (isHorizontalBoxplot(chart)) {
     return boxplotCategoryLabelWidth(chart);
   }
-  if (chunkXY2GZUHC_cjs.isHorizontalBar(chart)) {
+  if (chunkKXYSO6GC_cjs.isHorizontalBar(chart)) {
     return chart.categoryAlign === "left" || chart.categoryAlign === "inside" ? 20 : barCategoryLabelWidth(chart);
   }
   if (chart.showValueAxis === false) {
@@ -3315,17 +4104,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 = chunkXY2GZUHC_cjs.isHorizontalBar(chart) && chart.showValueAxis !== false;
-  const basePadBottom = showLabels ? chunkXY2GZUHC_cjs.isHorizontalBar(chart) ? horizontalValueAxis ? 34 : 12 : (chart.axisX.label ? 52 : 34) + (valueRow ? 18 : 0) : 12;
+  const horizontalValueAxis = chunkKXYSO6GC_cjs.isHorizontalBar(chart) && chart.showValueAxis !== false;
+  const basePadBottom = showLabels ? chunkKXYSO6GC_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 + chunkXY2GZUHC_cjs.finite(chart.titleSize, 14) * 1.6) : 0;
+  const titleHeight = chart.title ? Math.max(44, 20 + chunkKXYSO6GC_cjs.finite(chart.titleSize, 14) * 1.6) : 0;
   const padTop = titleHeight || (legendAtTop && hasLegendItems ? 44 : 24);
   return {
-    bounds: chunkXY2GZUHC_cjs.boxBounds(
+    bounds: chunkKXYSO6GC_cjs.boxBounds(
       { x: chart.x, y: chart.y, width: chart.width, height: chart.height },
-      chunkXY2GZUHC_cjs.finite(chart.strokeWidth, 1) + 2
+      chunkKXYSO6GC_cjs.finite(chart.strokeWidth, 1) + 2
     ),
     plot: {
       x: chart.x + padLeft,
@@ -3347,19 +4136,19 @@ function categoryLabels(chart, count) {
   return Array.from({ length: count }, (_value, index) => String(index + 1));
 }
 function buildCategoricalXAxisTicks(chart, layout, order) {
-  const count = chunkXY2GZUHC_cjs.barCategoryCount(chart);
+  const count = chunkKXYSO6GC_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, chunkXY2GZUHC_cjs.finite(chart.config?.barGroupGap, 8)),
+    Math.max(0, chunkKXYSO6GC_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 {
-      ...chunkXY2GZUHC_cjs.chartText({
+      ...chunkKXYSO6GC_cjs.chartText({
         role: "axis",
         id: `chart-x-tick-${chart.id}-${index}`,
         order: order + index,
@@ -3374,7 +4163,7 @@ function buildCategoricalXAxisTicks(chart, layout, order) {
         chart,
         align: left ? "left" : "center"
       }),
-      prop: editable ? chunkXY2GZUHC_cjs.categoryProp(index) : void 0
+      prop: editable ? chunkKXYSO6GC_cjs.categoryProp(index) : void 0
     };
   });
 }
@@ -3384,7 +4173,7 @@ function buildSeriesXAxisTicks(chart, layout, order) {
   return chart.series.map((series, index) => {
     const centerX = layout.plot.x + (index + 0.5) * slotWidth;
     return {
-      ...chunkXY2GZUHC_cjs.chartText({
+      ...chunkKXYSO6GC_cjs.chartText({
         role: "axis",
         id: `chart-x-tick-${chart.id}-${index}`,
         order: order + index,
@@ -3399,16 +4188,16 @@ function buildSeriesXAxisTicks(chart, layout, order) {
         chart,
         align: "center"
       }),
-      prop: chunkXY2GZUHC_cjs.seriesLabelProp(series.id)
+      prop: chunkKXYSO6GC_cjs.seriesLabelProp(series.id)
     };
   });
 }
 
 // src/renderScene/charts/decorations/numericXAxis.ts
 function buildNumericXAxisTicks(chart, layout, order) {
-  return chunkXY2GZUHC_cjs.chartTicks(chart.axisX).map((tick, index) => {
-    const x = layout.plot.x + chunkXY2GZUHC_cjs.mapChartValue(tick, chart.axisX, layout.plot.width);
-    return chunkXY2GZUHC_cjs.chartText({
+  return chunkKXYSO6GC_cjs.chartTicks(chart.axisX).map((tick, index) => {
+    const x = layout.plot.x + chunkKXYSO6GC_cjs.mapChartValue(tick, chart.axisX, layout.plot.width);
+    return chunkKXYSO6GC_cjs.chartText({
       role: "axis",
       id: `chart-x-tick-${chart.id}-${tick}`,
       order: order + index,
@@ -3423,9 +4212,9 @@ function buildNumericXAxisTicks(chart, layout, order) {
 
 // src/renderScene/charts/decorations/numericYAxis.ts
 function buildNumericYAxisTicks(chart, layout, order) {
-  return chunkXY2GZUHC_cjs.chartTicks(chart.axisY).map((tick, index) => {
-    const y = layout.plot.y + layout.plot.height - chunkXY2GZUHC_cjs.mapChartValue(tick, chart.axisY, layout.plot.height);
-    return chunkXY2GZUHC_cjs.chartText({
+  return chunkKXYSO6GC_cjs.chartTicks(chart.axisY).map((tick, index) => {
+    const y = layout.plot.y + layout.plot.height - chunkKXYSO6GC_cjs.mapChartValue(tick, chart.axisY, layout.plot.height);
+    return chunkKXYSO6GC_cjs.chartText({
       role: "axis",
       id: `chart-y-tick-${chart.id}-${tick}`,
       order: order + index,
@@ -3460,10 +4249,10 @@ function buildYAxisTicks(chart, layout, order) {
 function xTickPositions(chart, layout) {
   const { plot } = layout;
   if (chart.chartType === "bar") {
-    const count = chunkXY2GZUHC_cjs.barCategoryCount(chart);
+    const count = chunkKXYSO6GC_cjs.barCategoryCount(chart);
     return Array.from({ length: count }, (_value, index) => plot.x + (index + 0.5) * plot.width / count);
   }
-  return chunkXY2GZUHC_cjs.chartTicks(chart.axisX).map((tick) => plot.x + chunkXY2GZUHC_cjs.mapChartValue(tick, chart.axisX, plot.width));
+  return chunkKXYSO6GC_cjs.chartTicks(chart.axisX).map((tick) => plot.x + chunkKXYSO6GC_cjs.mapChartValue(tick, chart.axisX, plot.width));
 }
 function axisLineDash(chart, width) {
   if (chart.axisLineStyle === "dashed") {
@@ -3472,8 +4261,8 @@ function axisLineDash(chart, width) {
   return chart.axisLineStyle === "dotted" ? { dash: [0.1, width * 3], lineCap: "round" } : {};
 }
 function buildAxisLines(chart, layout, order) {
-  const lineWidth = chunkXY2GZUHC_cjs.finite(chart.axisLineWidth, 0);
-  const tickLength = chunkXY2GZUHC_cjs.finite(chart.tickLength, 0);
+  const lineWidth = chunkKXYSO6GC_cjs.finite(chart.axisLineWidth, 0);
+  const tickLength = chunkKXYSO6GC_cjs.finite(chart.tickLength, 0);
   if (lineWidth <= 0 && tickLength <= 0) {
     return [];
   }
@@ -3494,20 +4283,20 @@ function buildAxisLines(chart, layout, order) {
     }
     add("line-x", `M ${plot.x} ${bottom} L ${plot.x + plot.width} ${bottom}`);
   }
-  if (tickLength > 0 && chunkXY2GZUHC_cjs.isHorizontalBar(chart)) {
-    chunkXY2GZUHC_cjs.chartTicks(chart.axisY).forEach((tick) => {
-      const x = plot.x + chunkXY2GZUHC_cjs.mapChartValue(tick, chart.axisY, plot.width);
+  if (tickLength > 0 && chunkKXYSO6GC_cjs.isHorizontalBar(chart)) {
+    chunkKXYSO6GC_cjs.chartTicks(chart.axisY).forEach((tick) => {
+      const x = plot.x + chunkKXYSO6GC_cjs.mapChartValue(tick, chart.axisY, plot.width);
       add(`tick-v-${tick}`, `M ${x} ${bottom} L ${x} ${bottom + tickLength}`);
     });
-    const rows = chunkXY2GZUHC_cjs.horizontalRows(chart, plot);
+    const rows = chunkKXYSO6GC_cjs.horizontalRows(chart, plot);
     for (let index = 0; index < rows.count; index++) {
-      const y = chunkXY2GZUHC_cjs.rowTop(rows, plot, index) + rows.labelRow + rows.barsHeight / 2;
+      const y = chunkKXYSO6GC_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) && !chunkXY2GZUHC_cjs.isHorizontalBar(chart)) {
-    chunkXY2GZUHC_cjs.chartTicks(chart.axisY).forEach((tick) => {
-      const y = bottom - chunkXY2GZUHC_cjs.mapChartValue(tick, chart.axisY, plot.height);
+  if (tickLength > 0 && !isHorizontalBoxplot2(chart) && !chunkKXYSO6GC_cjs.isHorizontalBar(chart)) {
+    chunkKXYSO6GC_cjs.chartTicks(chart.axisY).forEach((tick) => {
+      const y = bottom - chunkKXYSO6GC_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) => {
@@ -3522,14 +4311,14 @@ function categoryNames(chart, count) {
 }
 function buildHorizontalBarAxes(chart, layout, order) {
   const { plot, bounds } = layout;
-  const rows = chunkXY2GZUHC_cjs.horizontalRows(chart, plot);
+  const rows = chunkKXYSO6GC_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 = chunkXY2GZUHC_cjs.rowTop(rows, plot, index);
+    const top = chunkKXYSO6GC_cjs.rowTop(rows, plot, index);
     return {
-      ...chunkXY2GZUHC_cjs.chartText({
+      ...chunkKXYSO6GC_cjs.chartText({
         role: "axis",
         id: `chart-y-category-${chart.id}-${index}`,
         order: order + index,
@@ -3539,19 +4328,19 @@ function buildHorizontalBarAxes(chart, layout, order) {
         chart,
         align: above || inside ? "left" : "right"
       }),
-      prop: editable ? chunkXY2GZUHC_cjs.categoryProp(index) : void 0
+      prop: editable ? chunkKXYSO6GC_cjs.categoryProp(index) : void 0
     };
   });
   if (chart.showValueAxis !== false) {
-    chunkXY2GZUHC_cjs.chartTicks(chart.axisY).forEach((tick, index) => {
-      const x = plot.x + chunkXY2GZUHC_cjs.mapChartValue(tick, chart.axisY, plot.width);
+    chunkKXYSO6GC_cjs.chartTicks(chart.axisY).forEach((tick, index) => {
+      const x = plot.x + chunkKXYSO6GC_cjs.mapChartValue(tick, chart.axisY, plot.width);
       nodes.push(
-        chunkXY2GZUHC_cjs.chartText({
+        chunkKXYSO6GC_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 + chunkXY2GZUHC_cjs.finite(chart.tickLength, 0), width: 40, height: 18 },
+          frame: { x: x - 20, y: plot.y + plot.height + 4 + chunkKXYSO6GC_cjs.finite(chart.tickLength, 0), width: 40, height: 18 },
           text: String(tick),
           chart,
           align: "center"
@@ -3570,7 +4359,7 @@ function buildChartAxes(chart, layout, order) {
     return lines;
   }
   order += lines.length;
-  if (chunkXY2GZUHC_cjs.isHorizontalBar(chart)) {
+  if (chunkKXYSO6GC_cjs.isHorizontalBar(chart)) {
     return [...lines, ...buildHorizontalBarAxes(chart, layout, order)];
   }
   const xTicks = buildXAxisTicks(chart, layout, order);
@@ -3648,7 +4437,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 = chunkXY2GZUHC_cjs.finite(chart.gridWidth, 1);
+  const width = chunkKXYSO6GC_cjs.finite(chart.gridWidth, 1);
   if (chart.gridLineStyle === "dotted") {
     return buildDottedCircularGrid(chart, bounds, order, centerX, centerY, radius, width);
   }
@@ -3659,7 +4448,7 @@ function buildCircularChartGrid(chart, plot, bounds, order) {
     ...gridLineDashStyle(chart, width)
   };
   const nodes = [];
-  chunkXY2GZUHC_cjs.chartTicks(chart.axisY).filter((tick) => tick > chart.axisY.min).forEach((tick) => {
+  chunkKXYSO6GC_cjs.chartTicks(chart.axisY).filter((tick) => tick > chart.axisY.min).forEach((tick) => {
     const ringRadius = radius * ringRatio(chart, tick);
     nodes.push({
       type: "ellipse",
@@ -3673,8 +4462,8 @@ function buildCircularChartGrid(chart, plot, bounds, order) {
       style
     });
   });
-  chunkXY2GZUHC_cjs.chartTicks(chart.axisX).forEach((tick) => {
-    const angle = chunkXY2GZUHC_cjs.angleForAxisValue(chart.axisX.min, chart.axisX.max, tick);
+  chunkKXYSO6GC_cjs.chartTicks(chart.axisX).forEach((tick) => {
+    const angle = chunkKXYSO6GC_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({
@@ -3689,13 +4478,13 @@ function buildCircularChartGrid(chart, plot, bounds, order) {
   return nodes;
 }
 function buildDottedCircularGrid(chart, bounds, order, centerX, centerY, radius, width) {
-  const yTicks = chunkXY2GZUHC_cjs.chartTicks(chart.axisY).filter((tick) => tick > chart.axisY.min);
-  const xTicks = chunkXY2GZUHC_cjs.chartTicks(chart.axisX);
+  const yTicks = chunkKXYSO6GC_cjs.chartTicks(chart.axisY).filter((tick) => tick > chart.axisY.min);
+  const xTicks = chunkKXYSO6GC_cjs.chartTicks(chart.axisX);
   const nodes = [];
   yTicks.forEach((yTick) => {
     const ringRadius = radius * ringRatio(chart, yTick);
     xTicks.forEach((xTick) => {
-      const angle = chunkXY2GZUHC_cjs.angleForAxisValue(chart.axisX.min, chart.axisX.max, xTick);
+      const angle = chunkKXYSO6GC_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}`;
@@ -3717,8 +4506,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 = chunkXY2GZUHC_cjs.finite(chart.gridWidth, 1);
-  if (chunkXY2GZUHC_cjs.isHorizontalBar(chart)) {
+  const width = chunkKXYSO6GC_cjs.finite(chart.gridWidth, 1);
+  if (chunkKXYSO6GC_cjs.isHorizontalBar(chart)) {
     return buildHorizontalBarGrid(chart, plot, bounds, order, width);
   }
   const clip = chart.chartType === "field" ? fieldSurfaceClip(chart, plot) : void 0;
@@ -3733,8 +4522,8 @@ function buildChartGrid(chart, plot, bounds, order) {
     clip
   };
   const nodes = [];
-  (chart.gridAxes === "y" ? [] : chunkXY2GZUHC_cjs.chartTicks(chart.axisX)).forEach((tick) => {
-    const x = plot.x + chunkXY2GZUHC_cjs.mapChartValue(tick, chart.axisX, plot.width);
+  (chart.gridAxes === "y" ? [] : chunkKXYSO6GC_cjs.chartTicks(chart.axisX)).forEach((tick) => {
+    const x = plot.x + chunkKXYSO6GC_cjs.mapChartValue(tick, chart.axisX, plot.width);
     nodes.push({
       type: "path",
       id: `chart-grid-x-${chart.id}-${tick}`,
@@ -3744,8 +4533,8 @@ function buildChartGrid(chart, plot, bounds, order) {
       style
     });
   });
-  (chart.gridAxes === "x" ? [] : chunkXY2GZUHC_cjs.chartTicks(chart.axisY)).forEach((tick) => {
-    const y = plot.y + plot.height - chunkXY2GZUHC_cjs.mapChartValue(tick, chart.axisY, plot.height);
+  (chart.gridAxes === "x" ? [] : chunkKXYSO6GC_cjs.chartTicks(chart.axisY)).forEach((tick) => {
+    const y = plot.y + plot.height - chunkKXYSO6GC_cjs.mapChartValue(tick, chart.axisY, plot.height);
     nodes.push({
       type: "path",
       id: `chart-grid-y-${chart.id}-${tick}`,
@@ -3767,8 +4556,8 @@ function buildHorizontalBarGrid(chart, plot, bounds, order, width) {
     strokeWidth: width,
     ...chart.gridLineStyle === "dotted" ? { dash: [0.1, width * 3], lineCap: "round" } : gridLineDashStyle(chart, width)
   };
-  return chunkXY2GZUHC_cjs.chartTicks(chart.axisY).map((tick, index) => {
-    const x = plot.x + chunkXY2GZUHC_cjs.mapChartValue(tick, chart.axisY, plot.width);
+  return chunkKXYSO6GC_cjs.chartTicks(chart.axisY).map((tick, index) => {
+    const x = plot.x + chunkKXYSO6GC_cjs.mapChartValue(tick, chart.axisY, plot.width);
     return {
       type: "path",
       id: `chart-grid-x-${chart.id}-${tick}`,
@@ -3780,13 +4569,13 @@ function buildHorizontalBarGrid(chart, plot, bounds, order, width) {
   });
 }
 function buildDottedRectGrid(chart, plot, bounds, order, width, clip) {
-  const xTicks = chunkXY2GZUHC_cjs.chartTicks(chart.axisX);
-  const yTicks = chunkXY2GZUHC_cjs.chartTicks(chart.axisY);
+  const xTicks = chunkKXYSO6GC_cjs.chartTicks(chart.axisX);
+  const yTicks = chunkKXYSO6GC_cjs.chartTicks(chart.axisY);
   const nodes = [];
   xTicks.forEach((xTick) => {
-    const x = plot.x + chunkXY2GZUHC_cjs.mapChartValue(xTick, chart.axisX, plot.width);
+    const x = plot.x + chunkKXYSO6GC_cjs.mapChartValue(xTick, chart.axisX, plot.width);
     yTicks.forEach((yTick) => {
-      const y = plot.y + plot.height - chunkXY2GZUHC_cjs.mapChartValue(yTick, chart.axisY, plot.height);
+      const y = plot.y + plot.height - chunkKXYSO6GC_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));
     });
@@ -3809,7 +4598,7 @@ function createChartRuleMarks(render2) {
     return {
       rule,
       color: rule.color || render2.chart.strokeColor || "#475569",
-      y: render2.plot.y + render2.plot.height - chunkXY2GZUHC_cjs.mapChartValue(rule.at, render2.chart.axisY, render2.plot.height),
+      y: render2.plot.y + render2.plot.height - chunkKXYSO6GC_cjs.mapChartValue(rule.at, render2.chart.axisY, render2.plot.height),
       lineOrder,
       labelOrder
     };
@@ -3829,7 +4618,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: chunkXY2GZUHC_cjs.ruleAtProp(mark.rule.id),
+    prop: chunkKXYSO6GC_cjs.ruleAtProp(mark.rule.id),
     propKind: "value",
     style: {
       fill: { kind: "none" },
@@ -3840,9 +4629,9 @@ function createChartRuleLine(render2, mark) {
   };
 }
 function createChartRuleLabel(render2, mark) {
-  const fontSize = Math.max(9, chunkXY2GZUHC_cjs.finite(render2.chart.fontSize, 12) - 2);
+  const fontSize = Math.max(9, chunkKXYSO6GC_cjs.finite(render2.chart.fontSize, 12) - 2);
   return {
-    ...chunkXY2GZUHC_cjs.chartText({
+    ...chunkKXYSO6GC_cjs.chartText({
       id: `chart-rule-label-${render2.chart.id}-${mark.rule.id}`,
       order: mark.labelOrder ?? mark.lineOrder + 1,
       bounds: render2.bounds,
@@ -3851,38 +4640,38 @@ function createChartRuleLabel(render2, mark) {
       chart: render2.chart
     }),
     color: mark.color,
-    prop: chunkXY2GZUHC_cjs.ruleTextProp(mark.rule.id)
+    prop: chunkKXYSO6GC_cjs.ruleTextProp(mark.rule.id)
   };
 }
 
 // src/renderScene/charts/chartBackdrop.ts
 function chartImageRect(chart) {
-  const inset = chunkXY2GZUHC_cjs.finite(chart.strokeWidth, 1) / 2;
+  const inset = chunkKXYSO6GC_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, chunkXY2GZUHC_cjs.finite(chart.cornerRadius, 12) - inset)
+    rx: Math.max(0, chunkKXYSO6GC_cjs.finite(chart.cornerRadius, 12) - inset)
   };
 }
 function buildChartBackdrop(chart, bounds, order) {
   if (!chart.fillImage) {
     return [];
   }
-  const rect = chartImageRect(chart);
+  const rect2 = chartImageRect(chart);
   const nodes = [
     {
       type: "image",
       id: `chart-image-${chart.id}`,
       order: order.next(),
       bounds,
-      x: rect.x,
-      y: rect.y,
-      width: rect.width,
-      height: rect.height,
+      x: rect2.x,
+      y: rect2.y,
+      width: rect2.width,
+      height: rect2.height,
       href: chart.fillImage.url,
-      style: { clip: { type: "rect", ...rect }, pointerEvents: "none" }
+      style: { clip: { type: "rect", ...rect2 }, pointerEvents: "none" }
     }
   ];
   if (chart.fillImage.overlay) {
@@ -3891,11 +4680,11 @@ function buildChartBackdrop(chart, bounds, order) {
       id: `chart-image-overlay-${chart.id}`,
       order: order.next(),
       bounds,
-      x: rect.x,
-      y: rect.y,
-      width: rect.width,
-      height: rect.height,
-      rx: rect.rx,
+      x: rect2.x,
+      y: rect2.y,
+      width: rect2.width,
+      height: rect2.height,
+      rx: rect2.rx,
       style: { fill: { kind: "solid", color: chart.fillImage.overlay }, pointerEvents: "none" }
     });
   }
@@ -3905,25 +4694,25 @@ function buildChartBackdrop(chart, bounds, order) {
 // src/renderScene/charts/renderers/bar/glass.ts
 function createGlassBackdropNodes(context, id, d) {
   const { chart, bounds, nextOrder } = context;
-  const blur = chunkXY2GZUHC_cjs.finite(chart.config?.barGlassBlur, 0);
+  const blur = chunkKXYSO6GC_cjs.finite(chart.config?.barGlassBlur, 0);
   if (blur <= 0 || !chart.fillImage) {
     return [];
   }
-  const rect = chartImageRect(chart);
+  const rect2 = chartImageRect(chart);
   const nodes = [
     {
       type: "image",
       id: `chart-bar-glass-${chart.id}-${id}`,
       order: nextOrder(),
       bounds,
-      x: rect.x,
-      y: rect.y,
-      width: rect.width,
-      height: rect.height,
+      x: rect2.x,
+      y: rect2.y,
+      width: rect2.width,
+      height: rect2.height,
       href: chart.fillImage.url,
       style: {
         blur,
-        saturate: chunkXY2GZUHC_cjs.finite(chart.config?.barGlassSaturation, 1),
+        saturate: chunkKXYSO6GC_cjs.finite(chart.config?.barGlassSaturation, 1),
         clip: { type: "path", d },
         pointerEvents: "none"
       }
@@ -3974,8 +4763,8 @@ function createBarGlowNode(context, id, d, color, glow, bounds = context.bounds)
     bounds,
     d,
     style: {
-      fill: chunkXY2GZUHC_cjs.paint(color, diagnostics, chart.id),
-      shadow: { color: chunkXY2GZUHC_cjs.representativeColor(color, "#ffffff"), opacity: 0.9, blur: glow, dx: 0, dy: 0 },
+      fill: chunkKXYSO6GC_cjs.paint(color, diagnostics, chart.id),
+      shadow: { color: chunkKXYSO6GC_cjs.representativeColor(color, "#ffffff"), opacity: 0.9, blur: glow, dx: 0, dy: 0 },
       pointerEvents: "none"
     }
   };
@@ -3986,14 +4775,14 @@ function barLabelsEnabled(context) {
   return context.chart.config?.showBarLabels === true;
 }
 function resolvePlacement(target, size) {
-  const fits = target.frame.height >= size.height + chunkXY2GZUHC_cjs.BAR_LABEL.gap * 2;
+  const fits = target.frame.height >= size.height + chunkKXYSO6GC_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 - chunkXY2GZUHC_cjs.BAR_LABEL.gap;
+    return frame.y - height - chunkKXYSO6GC_cjs.BAR_LABEL.gap;
   }
-  return placement === "inside" ? frame.y + chunkXY2GZUHC_cjs.BAR_LABEL.gap : frame.y + frame.height / 2 - height / 2;
+  return placement === "inside" ? frame.y + chunkKXYSO6GC_cjs.BAR_LABEL.gap : frame.y + frame.height / 2 - height / 2;
 }
 function createPillNode(context, id, box, color) {
   const { chart, bounds, diagnostics, nextOrder } = context;
@@ -4003,11 +4792,11 @@ function createPillNode(context, id, box, color) {
     id: `${id}-pill`,
     order: nextOrder(),
     bounds,
-    d: chunkXY2GZUHC_cjs.pillPath(box.left, box.top, box.width, box.height),
+    d: chunkKXYSO6GC_cjs.pillPath(box.left, box.top, box.width, box.height),
     style: {
-      fill: config?.barLabelPillColor ? chunkXY2GZUHC_cjs.paint(config.barLabelPillColor, diagnostics, chart.id) : { kind: "none" },
-      stroke: chunkXY2GZUHC_cjs.paint(config?.barLabelBorderColor ?? color, diagnostics, chart.id),
-      strokeWidth: chunkXY2GZUHC_cjs.finite(config?.barLabelBorderWidth, 1),
+      fill: config?.barLabelPillColor ? chunkKXYSO6GC_cjs.paint(config.barLabelPillColor, diagnostics, chart.id) : { kind: "none" },
+      stroke: chunkKXYSO6GC_cjs.paint(config?.barLabelBorderColor ?? color, diagnostics, chart.id),
+      strokeWidth: chunkKXYSO6GC_cjs.finite(config?.barLabelBorderWidth, 1),
       pointerEvents: "none"
     }
   };
@@ -4016,7 +4805,7 @@ function createTextNode(context, id, box, text, placement, fontSize, color) {
   const { chart, bounds, nextOrder } = context;
   const config = chart.config;
   return {
-    ...chunkXY2GZUHC_cjs.chartText({
+    ...chunkKXYSO6GC_cjs.chartText({
       id,
       order: nextOrder(),
       bounds,
@@ -4037,7 +4826,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 {
-    ...chunkXY2GZUHC_cjs.chartText({
+    ...chunkKXYSO6GC_cjs.chartText({
       id: target.id,
       order: nextOrder(),
       bounds,
@@ -4046,7 +4835,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 - chunkXY2GZUHC_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 - chunkKXYSO6GC_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"
@@ -4060,24 +4849,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 + chunkXY2GZUHC_cjs.BAR_LABEL.gap * 2;
+  const fits = target.frame.width >= size.width + chunkKXYSO6GC_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 + chunkXY2GZUHC_cjs.BAR_LABEL.gap : placement === "inside" ? frame.x + frame.width - size.width - chunkXY2GZUHC_cjs.BAR_LABEL.gap : frame.x + frame.width / 2 - size.width / 2;
+  const left = placement === "outside" ? frame.x + frame.width + chunkKXYSO6GC_cjs.BAR_LABEL.gap : placement === "inside" ? frame.x + frame.width - size.width - chunkKXYSO6GC_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, chunkXY2GZUHC_cjs.finite(config?.barLabelFontSize, chunkXY2GZUHC_cjs.finite(chart.fontSize, 12)));
-  const text = chunkXY2GZUHC_cjs.formatBarLabel(target.value, config?.barLabelFormat);
+  const fontSize = Math.max(8, chunkKXYSO6GC_cjs.finite(config?.barLabelFontSize, chunkKXYSO6GC_cjs.finite(chart.fontSize, 12)));
+  const text = chunkKXYSO6GC_cjs.formatBarLabel(target.value, config?.barLabelFormat);
   if (target.placement === "axis") {
     return [createAxisValueNode(context, target, text, fontSize)];
   }
   const pill = config?.barLabelPill === true;
-  const size = chunkXY2GZUHC_cjs.barLabelSize(text, fontSize, pill);
+  const size = chunkKXYSO6GC_cjs.barLabelSize(text, fontSize, pill);
   const placement = target.horizontal ? horizontalPlacement(target, size) : resolvePlacement(target, size);
   const box = target.horizontal ? horizontalBox(target, size, placement) : {
     ...size,
@@ -4118,7 +4907,7 @@ function barTrackClip(context, frame) {
   }
   return {
     type: "path",
-    d: chunkXY2GZUHC_cjs.roundedBarPath(frame.x, frame.y, frame.width, frame.height, context.chart.config?.barCornerRadius ?? 2)
+    d: chunkKXYSO6GC_cjs.roundedBarPath(frame.x, frame.y, frame.width, frame.height, context.chart.config?.barCornerRadius ?? 2)
   };
 }
 function barTrackEnabled(context) {
@@ -4128,8 +4917,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 = chunkXY2GZUHC_cjs.finite(config?.barSegments, 0);
-  const d = segments > 0 ? chunkXY2GZUHC_cjs.segmentedBarPath(frame, orientation, segments, chunkXY2GZUHC_cjs.finite(config?.barSegmentGap, 4), radius, 1, true) : chunkXY2GZUHC_cjs.roundedBarPath(frame.x, frame.y, frame.width, frame.height, radius);
+  const segments = chunkKXYSO6GC_cjs.finite(config?.barSegments, 0);
+  const d = segments > 0 ? chunkKXYSO6GC_cjs.segmentedBarPath(frame, orientation, segments, chunkKXYSO6GC_cjs.finite(config?.barSegmentGap, 4), radius, 1, true) : chunkKXYSO6GC_cjs.roundedBarPath(frame.x, frame.y, frame.width, frame.height, radius);
   const nodes = [
     {
       type: "path",
@@ -4138,7 +4927,7 @@ function createBarTrackNodes(context, id, frame, orientation = "vertical") {
       bounds,
       d,
       style: {
-        fill: chunkXY2GZUHC_cjs.paint(config?.barTrackColor ?? chart.gridColor ?? "#e2e8f0", diagnostics, chart.id),
+        fill: chunkKXYSO6GC_cjs.paint(config?.barTrackColor ?? chart.gridColor ?? "#e2e8f0", diagnostics, chart.id),
         pointerEvents: "none"
       }
     }
@@ -4154,13 +4943,13 @@ function createBarTrackNodes(context, id, frame, orientation = "vertical") {
         frame.y,
         frame.width,
         frame.height,
-        chunkXY2GZUHC_cjs.finite(config.barTrackHatchAngle, DEFAULT_HATCH.angle),
-        Math.max(MIN_HATCH_SPACING, chunkXY2GZUHC_cjs.finite(config.barTrackHatchSpacing, DEFAULT_HATCH.spacing))
+        chunkKXYSO6GC_cjs.finite(config.barTrackHatchAngle, DEFAULT_HATCH.angle),
+        Math.max(MIN_HATCH_SPACING, chunkKXYSO6GC_cjs.finite(config.barTrackHatchSpacing, DEFAULT_HATCH.spacing))
       ),
       style: {
         fill: { kind: "none" },
-        stroke: chunkXY2GZUHC_cjs.paint(config.barTrackHatchColor ?? chart.gridColor ?? "#cbd5e1", diagnostics, chart.id),
-        strokeWidth: chunkXY2GZUHC_cjs.finite(config.barTrackHatchWidth, DEFAULT_HATCH.width),
+        stroke: chunkKXYSO6GC_cjs.paint(config.barTrackHatchColor ?? chart.gridColor ?? "#cbd5e1", diagnostics, chart.id),
+        strokeWidth: chunkKXYSO6GC_cjs.finite(config.barTrackHatchWidth, DEFAULT_HATCH.width),
         pointerEvents: "none",
         clip: { type: "path", d }
       }
@@ -4207,23 +4996,23 @@ function groupedShape(context, frame) {
   const { chart, plot } = context;
   const config = chart.config;
   const radius = config?.barCornerRadius ?? 2;
-  const segments = chunkXY2GZUHC_cjs.finite(config?.barSegments, 0);
+  const segments = chunkKXYSO6GC_cjs.finite(config?.barSegments, 0);
   if (segments > 0) {
-    return chunkXY2GZUHC_cjs.segmentedBarPath(
+    return chunkKXYSO6GC_cjs.segmentedBarPath(
       { x: frame.x, y: plot.y, width: frame.width, height: plot.height },
       "vertical",
       segments,
-      chunkXY2GZUHC_cjs.finite(config?.barSegmentGap, 4),
+      chunkKXYSO6GC_cjs.finite(config?.barSegmentGap, 4),
       radius,
       frame.height / plot.height,
       config?.barSegmentSnap !== false
     );
   }
-  return chunkXY2GZUHC_cjs.barPath(frame.x, frame.y, frame.width, frame.height, radius, config?.barRoundedBottom === true);
+  return chunkKXYSO6GC_cjs.barPath(frame.x, frame.y, frame.width, frame.height, radius, config?.barRoundedBottom === true);
 }
 function createGroupedGlow(context, mark) {
   const { chart } = context;
-  const glow = chunkXY2GZUHC_cjs.finite(chart.config?.barGlow, 0);
+  const glow = chunkKXYSO6GC_cjs.finite(chart.config?.barGlow, 0);
   if (glow <= 0 || mark.frame.height <= 0) {
     return [];
   }
@@ -4234,10 +5023,10 @@ function createGroupedGlow(context, mark) {
 }
 function createGroupedBarLayout(context) {
   const { chart, plot } = context;
-  const valueCount = chunkXY2GZUHC_cjs.barCategoryCount(chart);
+  const valueCount = chunkKXYSO6GC_cjs.barCategoryCount(chart);
   const slotWidth = plot.width / valueCount;
-  const groupGap = Math.min(Math.max(0, chunkXY2GZUHC_cjs.finite(chart.config?.barGroupGap, 8)), Math.max(0, slotWidth - 1));
-  const barGap = Math.max(0, chunkXY2GZUHC_cjs.finite(chart.config?.barGap, 2));
+  const groupGap = Math.min(Math.max(0, chunkKXYSO6GC_cjs.finite(chart.config?.barGroupGap, 8)), Math.max(0, slotWidth - 1));
+  const barGap = Math.max(0, chunkKXYSO6GC_cjs.finite(chart.config?.barGap, 2));
   return {
     slotWidth,
     seriesWidth: Math.max(1, (slotWidth - groupGap) / Math.max(1, chart.series.length)),
@@ -4247,10 +5036,10 @@ function createGroupedBarLayout(context) {
 }
 function createSeriesBarMarks(context, layout, series, seriesIndex) {
   const { chart, plot } = context;
-  const seriesColor2 = series.color ?? chunkXY2GZUHC_cjs.CHART_COLORS[seriesIndex % chunkXY2GZUHC_cjs.CHART_COLORS.length];
+  const seriesColor2 = series.color ?? chunkKXYSO6GC_cjs.CHART_COLORS[seriesIndex % chunkKXYSO6GC_cjs.CHART_COLORS.length];
   return series.values.map((value, valueIndex) => {
     const numericValue = Array.isArray(value) ? value[1] : value;
-    const height = Math.max(0, chunkXY2GZUHC_cjs.mapChartValue(numericValue, chart.axisY, plot.height));
+    const height = Math.max(0, chunkKXYSO6GC_cjs.mapChartValue(numericValue, chart.axisY, plot.height));
     return {
       seriesId: series.id,
       valueIndex,
@@ -4284,10 +5073,10 @@ function createGroupedBarNodes(context, mark) {
   const radius = chart.config?.barCornerRadius ?? 2;
   const { x, width } = mark.frame;
   const path = groupedShape(context, mark.frame);
-  const fill2 = chunkXY2GZUHC_cjs.paint(mark.color, diagnostics, chart.id);
-  const stroke = chunkXY2GZUHC_cjs.paint(chart.config?.barBorderColor || "#000000", diagnostics, chart.id);
-  const strokeWidth = chunkXY2GZUHC_cjs.finite(chart.config?.barBorderWidth, 0);
-  const shadow = chunkXY2GZUHC_cjs.resolveChartShadow(chart.shadowStyle);
+  const fill2 = chunkKXYSO6GC_cjs.paint(mark.color, diagnostics, chart.id);
+  const stroke = chunkKXYSO6GC_cjs.paint(chart.config?.barBorderColor || "#000000", diagnostics, chart.id);
+  const strokeWidth = chunkKXYSO6GC_cjs.finite(chart.config?.barBorderWidth, 0);
+  const shadow = chunkKXYSO6GC_cjs.resolveChartShadow(chart.shadowStyle);
   const shadowCaster = shadow ? {
     type: "path",
     id: `chart-bar-shadow-${chart.id}-${mark.seriesId}-${mark.valueIndex}`,
@@ -4317,10 +5106,10 @@ function createGroupedBarNodes(context, mark) {
       valueIndex: mark.valueIndex,
       mark: "bar",
       radius,
-      colorProp: chunkXY2GZUHC_cjs.seriesValueColorProp(mark.seriesId, mark.valueIndex),
+      colorProp: chunkKXYSO6GC_cjs.seriesValueColorProp(mark.seriesId, mark.valueIndex),
       hasColorOverride: mark.hasColorOverride
     },
-    prop: chunkXY2GZUHC_cjs.seriesValueProp(mark.seriesId, mark.valueIndex),
+    prop: chunkKXYSO6GC_cjs.seriesValueProp(mark.seriesId, mark.valueIndex),
     style: { fill: fill2, stroke, strokeWidth, innerShadow: shadow }
   };
   const glass = createGlassBackdropNodes(context, `${mark.seriesId}-${mark.valueIndex}`, path);
@@ -4331,15 +5120,15 @@ function createGroupedBarError(context, mark) {
     return null;
   }
   const { chart, plot, bounds, nextOrder } = context;
-  const [lower, upper] = chunkXY2GZUHC_cjs.errorBarRange(mark.value, mark.error);
-  return chunkXY2GZUHC_cjs.createVerticalErrorWhiskerNode({
+  const [lower, upper] = chunkKXYSO6GC_cjs.errorBarRange(mark.value, mark.error);
+  return chunkKXYSO6GC_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 - chunkXY2GZUHC_cjs.mapChartValue(lower, chart.axisY, plot.height),
-      endY: plot.y + plot.height - chunkXY2GZUHC_cjs.mapChartValue(upper, chart.axisY, plot.height)
+      startY: plot.y + plot.height - chunkKXYSO6GC_cjs.mapChartValue(lower, chart.axisY, plot.height),
+      endY: plot.y + plot.height - chunkKXYSO6GC_cjs.mapChartValue(upper, chart.axisY, plot.height)
     },
     color: chart.textColor ?? "#0f172a",
     valueReference: { seriesId: mark.seriesId, valueIndex: mark.valueIndex }
@@ -4349,9 +5138,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 = chunkXY2GZUHC_cjs.rowTop(rows, plot, valueIndex) + rows.labelRow;
+  const top = chunkKXYSO6GC_cjs.rowTop(rows, plot, valueIndex) + rows.labelRow;
   if (context.stackedMode) {
-    const segment = chunkXY2GZUHC_cjs.stackedSegment(chart, context.stackedMode, valueIndex, seriesIndex, plot.width);
+    const segment = chunkKXYSO6GC_cjs.stackedSegment(chart, context.stackedMode, valueIndex, seriesIndex, plot.width);
     const start = Math.min(segment.pixelStart, segment.pixelEnd);
     return {
       x: plot.x + start,
@@ -4360,27 +5149,27 @@ function barFrame(context, rows, seriesIndex, valueIndex, value) {
       height: rows.barsHeight
     };
   }
-  const barGap = Math.max(0, chunkXY2GZUHC_cjs.finite(chart.config?.barGap, 2));
+  const barGap = Math.max(0, chunkKXYSO6GC_cjs.finite(chart.config?.barGap, 2));
   const seriesHeight = rows.barsHeight / Math.max(1, chart.series.length);
-  const width = Math.max(0, chunkXY2GZUHC_cjs.mapChartValue(value, chart.axisY, plot.width));
+  const width = Math.max(0, chunkKXYSO6GC_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 : chunkXY2GZUHC_cjs.finite(config?.barSegments, 0);
+  const segments = context.stackedMode && chart.series.length > 1 ? 0 : chunkKXYSO6GC_cjs.finite(config?.barSegments, 0);
   if (segments > 0) {
-    return chunkXY2GZUHC_cjs.segmentedBarPath(
+    return chunkKXYSO6GC_cjs.segmentedBarPath(
       { x: plot.x, y: frame.y, width: plot.width, height: frame.height },
       "horizontal",
       segments,
-      chunkXY2GZUHC_cjs.finite(config?.barSegmentGap, 4),
+      chunkKXYSO6GC_cjs.finite(config?.barSegmentGap, 4),
       config?.barCornerRadius ?? 2,
       frame.width / plot.width,
       config?.barSegmentSnap !== false
     );
   }
-  return chunkXY2GZUHC_cjs.roundedBarPath(frame.x, frame.y, frame.width, frame.height, config?.barCornerRadius ?? 2);
+  return chunkKXYSO6GC_cjs.roundedBarPath(frame.x, frame.y, frame.width, frame.height, config?.barCornerRadius ?? 2);
 }
 function markOf(context, rows, series, seriesIndex, valueIndex, value) {
   const { plot } = context;
@@ -4400,16 +5189,16 @@ function markOf(context, rows, series, seriesIndex, valueIndex, value) {
       maxY: frame.y + frame.height
     },
     path: barPath2(context, frame),
-    color: series.colors?.[valueIndex] ?? series.color ?? chunkXY2GZUHC_cjs.CHART_COLORS[seriesIndex % chunkXY2GZUHC_cjs.CHART_COLORS.length]
+    color: series.colors?.[valueIndex] ?? series.color ?? chunkKXYSO6GC_cjs.CHART_COLORS[seriesIndex % chunkKXYSO6GC_cjs.CHART_COLORS.length]
   };
 }
 function barNodes(context, mark) {
   const { chart, diagnostics, nextOrder } = context;
   const config = chart.config;
-  const stroke = chunkXY2GZUHC_cjs.paint(config?.barBorderColor || "#000000", diagnostics, chart.id);
-  const strokeWidth = chunkXY2GZUHC_cjs.finite(config?.barBorderWidth, 0);
-  const shadow = chunkXY2GZUHC_cjs.resolveChartShadow(chart.shadowStyle);
-  const fill2 = chunkXY2GZUHC_cjs.paint(mark.color, diagnostics, chart.id);
+  const stroke = chunkKXYSO6GC_cjs.paint(config?.barBorderColor || "#000000", diagnostics, chart.id);
+  const strokeWidth = chunkKXYSO6GC_cjs.finite(config?.barBorderWidth, 0);
+  const shadow = chunkKXYSO6GC_cjs.resolveChartShadow(chart.shadowStyle);
+  const fill2 = chunkKXYSO6GC_cjs.paint(mark.color, diagnostics, chart.id);
   const nodes = [...createGlassBackdropNodes(context, mark.id, mark.path)];
   if (shadow) {
     nodes.push({
@@ -4433,7 +5222,7 @@ function barNodes(context, mark) {
       valueIndex: mark.valueIndex,
       mark: "bar",
       radius: config?.barCornerRadius ?? 2,
-      colorProp: chunkXY2GZUHC_cjs.seriesValueColorProp(mark.series.id, mark.valueIndex),
+      colorProp: chunkKXYSO6GC_cjs.seriesValueColorProp(mark.series.id, mark.valueIndex),
       hasColorOverride: mark.series.colors?.[mark.valueIndex] != null
     },
     style: { fill: fill2, stroke, strokeWidth, innerShadow: shadow }
@@ -4463,7 +5252,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 = chunkXY2GZUHC_cjs.finite(chart.config?.barGlow, 0);
+  const glow = chunkKXYSO6GC_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)
@@ -4472,7 +5261,7 @@ function pushBar(context, rows, layers, series, seriesIndex, valueIndex, value,
   layers.labels.push(...labelNodes2(context, mark, highest));
 }
 function renderHorizontalBars(context) {
-  const rows = chunkXY2GZUHC_cjs.horizontalRows(context.chart, context.plot);
+  const rows = chunkKXYSO6GC_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]);
@@ -4487,8 +5276,8 @@ function renderHorizontalBars(context) {
 // src/renderScene/charts/renderers/bar/stacked.ts
 function slotOf(context, mode) {
   const { chart, plot } = context;
-  const slotWidth = plot.width / chunkXY2GZUHC_cjs.barCategoryCount(chart);
-  const groupGap = Math.min(Math.max(0, chunkXY2GZUHC_cjs.finite(chart.config?.barGroupGap, 8)), Math.max(0, slotWidth - 1));
+  const slotWidth = plot.width / chunkKXYSO6GC_cjs.barCategoryCount(chart);
+  const groupGap = Math.min(Math.max(0, chunkKXYSO6GC_cjs.finite(chart.config?.barGroupGap, 8)), Math.max(0, slotWidth - 1));
   return {
     slotWidth,
     groupGap,
@@ -4499,19 +5288,19 @@ function slotOf(context, mode) {
 }
 function pathOf(context, x, y, height, slot, radius) {
   const { chart, plot } = context;
-  const segments = chart.series.length === 1 ? chunkXY2GZUHC_cjs.finite(chart.config?.barSegments, 0) : 0;
+  const segments = chart.series.length === 1 ? chunkKXYSO6GC_cjs.finite(chart.config?.barSegments, 0) : 0;
   if (segments > 0) {
-    return chunkXY2GZUHC_cjs.segmentedBarPath(
+    return chunkKXYSO6GC_cjs.segmentedBarPath(
       { x, y: plot.y, width: slot.barWidth, height: plot.height },
       "vertical",
       segments,
-      chunkXY2GZUHC_cjs.finite(chart.config?.barSegmentGap, 4),
+      chunkKXYSO6GC_cjs.finite(chart.config?.barSegmentGap, 4),
       radius,
       height / plot.height,
       chart.config?.barSegmentSnap !== false
     );
   }
-  return chunkXY2GZUHC_cjs.barPath(x, y, slot.barWidth, height, radius, chart.config?.barRoundedBottom === true);
+  return chunkKXYSO6GC_cjs.barPath(x, y, slot.barWidth, height, radius, chart.config?.barRoundedBottom === true);
 }
 function pushLabel(context, layers, series, seriesIndex, valueIndex, slot, frame) {
   const { chart } = context;
@@ -4533,7 +5322,7 @@ function pushLabel(context, layers, series, seriesIndex, valueIndex, slot, frame
 }
 function markOf2(context, mode, slot, series, seriesIndex, valueIndex) {
   const { chart, plot } = context;
-  const segment = chunkXY2GZUHC_cjs.stackedSegment(chart, mode, valueIndex, seriesIndex, plot.height);
+  const segment = chunkKXYSO6GC_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);
@@ -4542,7 +5331,7 @@ function markOf2(context, mode, slot, series, seriesIndex, valueIndex) {
     series,
     valueIndex,
     radius,
-    color: series.colors?.[valueIndex] ?? series.color ?? chunkXY2GZUHC_cjs.CHART_COLORS[seriesIndex % chunkXY2GZUHC_cjs.CHART_COLORS.length],
+    color: series.colors?.[valueIndex] ?? series.color ?? chunkKXYSO6GC_cjs.CHART_COLORS[seriesIndex % chunkKXYSO6GC_cjs.CHART_COLORS.length],
     x,
     y,
     height,
@@ -4553,10 +5342,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 = chunkXY2GZUHC_cjs.paint(mark.color, diagnostics, chart.id);
-  const stroke = chunkXY2GZUHC_cjs.paint(chart.config?.barBorderColor || "#000000", diagnostics, chart.id);
-  const strokeWidth = chunkXY2GZUHC_cjs.finite(chart.config?.barBorderWidth, 0);
-  const shadow = chunkXY2GZUHC_cjs.resolveChartShadow(chart.shadowStyle);
+  const fill2 = chunkKXYSO6GC_cjs.paint(mark.color, diagnostics, chart.id);
+  const stroke = chunkKXYSO6GC_cjs.paint(chart.config?.barBorderColor || "#000000", diagnostics, chart.id);
+  const strokeWidth = chunkKXYSO6GC_cjs.finite(chart.config?.barBorderWidth, 0);
+  const shadow = chunkKXYSO6GC_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`;
@@ -4588,10 +5377,10 @@ function segmentNodes(context, mark) {
       valueIndex,
       mark: "bar",
       radius: mark.radius,
-      colorProp: chunkXY2GZUHC_cjs.seriesValueColorProp(series.id, valueIndex),
+      colorProp: chunkKXYSO6GC_cjs.seriesValueColorProp(series.id, valueIndex),
       hasColorOverride: series.colors?.[valueIndex] != null
     },
-    prop: chunkXY2GZUHC_cjs.seriesValueProp(series.id, valueIndex),
+    prop: chunkKXYSO6GC_cjs.seriesValueProp(series.id, valueIndex),
     style: { fill: fill2, stroke, strokeWidth, innerShadow: shadow }
   });
   return nodes;
@@ -4605,7 +5394,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 = chunkXY2GZUHC_cjs.finite(chart.config?.barGlow, 0);
+  const glow = chunkKXYSO6GC_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)
@@ -4616,7 +5405,7 @@ function renderStackedBars(context, mode) {
   const { chart } = context;
   const layers = { tracks: [], bars: [], glows: [], labels: [] };
   const slot = slotOf(context, mode);
-  const valueCount = chunkXY2GZUHC_cjs.barCategoryCount(chart);
+  const valueCount = chunkKXYSO6GC_cjs.barCategoryCount(chart);
   for (let valueIndex = 0; valueIndex < valueCount; valueIndex++) {
     chart.series.forEach((series, seriesIndex) => {
       pushSegment(context, mode, layers, slot, series, seriesIndex, valueIndex);
@@ -4631,7 +5420,7 @@ function isSeriesMax2(values, index) {
 
 // src/renderScene/charts/renderers/bar.ts
 function renderBar(context) {
-  if (chunkXY2GZUHC_cjs.isHorizontalBar(context.chart)) {
+  if (chunkKXYSO6GC_cjs.isHorizontalBar(context.chart)) {
     return renderHorizontalBars(context);
   }
   if (context.stackedMode) {
@@ -4646,7 +5435,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 = chunkXY2GZUHC_cjs.representativeColor(chart.config?.barBorderColor, "#000000");
+  const borderColor = chunkKXYSO6GC_cjs.representativeColor(chart.config?.barBorderColor, "#000000");
   const widthFraction = Math.min(1, Math.max(0.05, chart.config?.boxWidth ?? 0.6));
   return {
     orientation,
@@ -4655,15 +5444,15 @@ function createBoxplotLayout(context) {
     cornerRadius: chart.config?.barCornerRadius ?? 2,
     showPoints: chart.config?.showBoxplotPoints ?? true,
     borderColor,
-    borderWidth: chunkXY2GZUHC_cjs.finite(chart.config?.barBorderWidth, 1),
-    whiskerWidth: Math.max(0, chunkXY2GZUHC_cjs.finite(chart.config?.boxWhiskerWidth, 1)),
-    medianWidth: Math.max(0, chunkXY2GZUHC_cjs.finite(chart.config?.boxMedianWidth, 2)),
+    borderWidth: chunkKXYSO6GC_cjs.finite(chart.config?.barBorderWidth, 1),
+    whiskerWidth: Math.max(0, chunkKXYSO6GC_cjs.finite(chart.config?.boxWhiskerWidth, 1)),
+    medianWidth: Math.max(0, chunkKXYSO6GC_cjs.finite(chart.config?.boxMedianWidth, 2)),
     medianColor: chart.config?.boxMedianColor ?? borderColor,
     whiskerColor: chart.config?.boxWhiskerColor,
-    capSize: Math.max(0, chunkXY2GZUHC_cjs.finite(chart.config?.boxCapSize, 0.4)),
-    pointSize: Math.max(0, chunkXY2GZUHC_cjs.finite(chart.config?.boxPointSize, 3)),
-    pointOpacity: Math.min(1, Math.max(0, chunkXY2GZUHC_cjs.finite(chart.config?.boxPointOpacity, 0.7))),
-    jitter: Math.max(0, chunkXY2GZUHC_cjs.finite(chart.config?.boxJitter, 1))
+    capSize: Math.max(0, chunkKXYSO6GC_cjs.finite(chart.config?.boxCapSize, 0.4)),
+    pointSize: Math.max(0, chunkKXYSO6GC_cjs.finite(chart.config?.boxPointSize, 3)),
+    pointOpacity: Math.min(1, Math.max(0, chunkKXYSO6GC_cjs.finite(chart.config?.boxPointOpacity, 0.7))),
+    jitter: Math.max(0, chunkKXYSO6GC_cjs.finite(chart.config?.boxJitter, 1))
   };
 }
 
@@ -4674,7 +5463,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 + chunkXY2GZUHC_cjs.mapChartValue(value, chart.axisX, plot.width) : plot.y + plot.height - chunkXY2GZUHC_cjs.mapChartValue(value, chart.axisY, plot.height);
+  const valueAt = (value) => orientation === "horizontal" ? plot.x + chunkKXYSO6GC_cjs.mapChartValue(value, chart.axisX, plot.width) : plot.y + plot.height - chunkKXYSO6GC_cjs.mapChartValue(value, chart.axisY, plot.height);
   const center = plot[orientation === "horizontal" ? "y" : "x"] + seriesIndex * layout.slotWidth + layout.slotWidth / 2;
   return {
     center,
@@ -4689,7 +5478,7 @@ 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 + chunkXY2GZUHC_cjs.mapChartValue(value, chart.axisX, plot.width) : plot.y + plot.height - chunkXY2GZUHC_cjs.mapChartValue(value, chart.axisY, plot.height);
+  const valueAt = (value) => layout.orientation === "horizontal" ? plot.x + chunkKXYSO6GC_cjs.mapChartValue(value, chart.axisX, plot.width) : plot.y + plot.height - chunkKXYSO6GC_cjs.mapChartValue(value, chart.axisY, plot.height);
   if (layout.pointSize <= 0) {
     return [];
   }
@@ -4705,7 +5494,7 @@ function renderSamplePoints(context, layout, mark) {
       cy: y,
       rx: layout.pointSize,
       ry: layout.pointSize,
-      style: { fill: chunkXY2GZUHC_cjs.paint(mark.color, diagnostics, chart.id), opacity: layout.pointOpacity }
+      style: { fill: chunkKXYSO6GC_cjs.paint(mark.color, diagnostics, chart.id), opacity: layout.pointOpacity }
     };
   });
 }
@@ -4729,7 +5518,7 @@ function renderBoxAndWhiskers(context, layout, mark) {
 }
 function whiskerColor(layout, mark) {
   if (layout.whiskerColor === "series") {
-    return chunkXY2GZUHC_cjs.representativeColor(mark.color, layout.borderColor);
+    return chunkKXYSO6GC_cjs.representativeColor(mark.color, layout.borderColor);
   }
   return layout.whiskerColor;
 }
@@ -4811,7 +5600,7 @@ function createBoxNode(context, layout, mark) {
     height,
     rx: layout.cornerRadius,
     style: {
-      fill: chunkXY2GZUHC_cjs.paint(mark.color, diagnostics, chart.id),
+      fill: chunkKXYSO6GC_cjs.paint(mark.color, diagnostics, chart.id),
       stroke: { kind: "solid", color: layout.borderColor },
       strokeWidth: layout.borderWidth
     }
@@ -4820,12 +5609,12 @@ function createBoxNode(context, layout, mark) {
 
 // src/renderScene/charts/renderers/boxplot/series.ts
 function renderBoxplotSeries(context, layout, series, seriesIndex) {
-  const stats = chunkXY2GZUHC_cjs.computeBoxplotStats(series.values);
+  const stats = chunkKXYSO6GC_cjs.computeBoxplotStats(series.values);
   if (!stats) {
     return [];
   }
   const geometry = createBoxplotGeometry(context, layout, seriesIndex, stats);
-  const color = series.color ?? chunkXY2GZUHC_cjs.CHART_COLORS[seriesIndex % chunkXY2GZUHC_cjs.CHART_COLORS.length];
+  const color = series.color ?? chunkKXYSO6GC_cjs.CHART_COLORS[seriesIndex % chunkKXYSO6GC_cjs.CHART_COLORS.length];
   const mark = {
     id: `${context.chart.id}-${series.id}`,
     series,
@@ -4887,21 +5676,21 @@ function metricComponent(chart, point) {
 }
 function customPointPosition(context, value) {
   return {
-    x: context.plot.x + chunkXY2GZUHC_cjs.mapChartValue(value[0], context.chart.axisX, context.plot.width),
-    y: context.plot.y + context.plot.height - chunkXY2GZUHC_cjs.mapChartValue(value[1], context.chart.axisY, context.plot.height)
+    x: context.plot.x + chunkKXYSO6GC_cjs.mapChartValue(value[0], context.chart.axisX, context.plot.width),
+    y: context.plot.y + context.plot.height - chunkKXYSO6GC_cjs.mapChartValue(value[1], context.chart.axisY, context.plot.height)
   };
 }
 function customSeriesStyle(context, series, seriesIndex) {
-  const color = series.color ?? chunkXY2GZUHC_cjs.CHART_COLORS[seriesIndex % chunkXY2GZUHC_cjs.CHART_COLORS.length];
+  const color = series.color ?? chunkKXYSO6GC_cjs.CHART_COLORS[seriesIndex % chunkKXYSO6GC_cjs.CHART_COLORS.length];
   return {
-    fill: chunkXY2GZUHC_cjs.paint(color, context.diagnostics, context.chart.id),
+    fill: chunkKXYSO6GC_cjs.paint(color, context.diagnostics, context.chart.id),
     stroke: series.stroke ? { kind: "solid", color: series.stroke } : void 0,
-    strokeWidth: series.stroke ? chunkXY2GZUHC_cjs.finite(series.strokeWidth, 1) : void 0
+    strokeWidth: series.stroke ? chunkKXYSO6GC_cjs.finite(series.strokeWidth, 1) : void 0
   };
 }
 function createCustomSymbolMark(context, mark) {
   const symbol = mark.series.symbol;
-  const size = chunkXY2GZUHC_cjs.finite(mark.series.size, 3);
+  const size = chunkKXYSO6GC_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]) => ({
@@ -4913,12 +5702,12 @@ function createCustomSymbolMark(context, mark) {
     id: customMarkId(context.chart, mark.series, mark.valueIndex),
     order: context.nextOrder(),
     bounds: context.bounds,
-    d: chunkXY2GZUHC_cjs.freeformPathData({ points, tension: chunkXY2GZUHC_cjs.finite(symbol?.tension, 0), closed: true }),
+    d: chunkKXYSO6GC_cjs.freeformPathData({ points, tension: chunkKXYSO6GC_cjs.finite(symbol?.tension, 0), closed: true }),
     style: mark.style
   };
 }
 function createCustomPointMark(context, mark) {
-  const radius = chunkXY2GZUHC_cjs.finite(mark.series.size, 3);
+  const radius = chunkKXYSO6GC_cjs.finite(mark.series.size, 3);
   return {
     type: "ellipse",
     id: customMarkId(context.chart, mark.series, mark.valueIndex),
@@ -4942,7 +5731,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 ?? chunkXY2GZUHC_cjs.DEFAULT_ZONE_FILL;
+  const tieColor = zones[2]?.color ?? chunkKXYSO6GC_cjs.DEFAULT_ZONE_FILL;
   const reverse = Boolean(chart.config?.reverseComparison);
   const count = Math.min(beforeValues.length, afterValues.length);
   const categories = chart.config?.categories ?? [];
@@ -4957,7 +5746,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 = chunkXY2GZUHC_cjs.finite(afterSeries.size, 3);
+    const radius = chunkKXYSO6GC_cjs.finite(afterSeries.size, 3);
     nodes.push(createConnectorLine(context, index, beforePoint, afterPoint, comparisonColor));
     nodes.push(
       createCustomPointMark(context, {
@@ -4965,9 +5754,9 @@ function renderConnectedPairs(context) {
         valueIndex: index,
         point: beforePoint,
         style: {
-          fill: chunkXY2GZUHC_cjs.paint(chart.config?.customBeforeFill ?? chart.gridColor ?? "#e2e8f0", context.diagnostics, chart.id),
+          fill: chunkKXYSO6GC_cjs.paint(chart.config?.customBeforeFill ?? chart.gridColor ?? "#e2e8f0", context.diagnostics, chart.id),
           stroke: { kind: "solid", color: chart.config?.customBeforeStroke ?? HOLLOW_POINT_STROKE },
-          strokeWidth: chunkXY2GZUHC_cjs.finite(chart.config?.customBeforeStrokeWidth, 1.5)
+          strokeWidth: chunkKXYSO6GC_cjs.finite(chart.config?.customBeforeStrokeWidth, 1.5)
         }
       })
     );
@@ -4977,7 +5766,7 @@ function renderConnectedPairs(context) {
         valueIndex: index,
         point: afterPoint,
         style: {
-          fill: chunkXY2GZUHC_cjs.paint(comparisonColor, context.diagnostics, chart.id),
+          fill: chunkKXYSO6GC_cjs.paint(comparisonColor, context.diagnostics, chart.id),
           stroke: void 0,
           strokeWidth: void 0
         }
@@ -5004,7 +5793,7 @@ function createConnectorLine(context, index, from, to, color) {
     style: {
       fill: { kind: "none" },
       stroke: { kind: "solid", color },
-      strokeWidth: chunkXY2GZUHC_cjs.finite(chart.config?.customConnectorWidth, 2),
+      strokeWidth: chunkKXYSO6GC_cjs.finite(chart.config?.customConnectorWidth, 2),
       opacity: chart.config?.customConnectorOpacity,
       dash: connectorDash(chart.config?.customConnectorDash)
     }
@@ -5025,7 +5814,7 @@ function createConnectorLabel(context, index, beforePoint, afterPoint, radius, t
     height: 16
   };
   return {
-    ...chunkXY2GZUHC_cjs.chartText({
+    ...chunkKXYSO6GC_cjs.chartText({
       id: `chart-custom-label-${chart.id}-${index}`,
       order: nextOrder(),
       bounds,
@@ -5034,7 +5823,7 @@ function createConnectorLabel(context, index, beforePoint, afterPoint, radius, t
       chart,
       align: horizontal ? "left" : "center"
     }),
-    fontSize: Math.max(6, chunkXY2GZUHC_cjs.finite(chart.config?.customLabelSize, Math.max(9, chunkXY2GZUHC_cjs.finite(chart.fontSize, 12)) - 2)),
+    fontSize: Math.max(6, chunkKXYSO6GC_cjs.finite(chart.config?.customLabelSize, Math.max(9, chunkKXYSO6GC_cjs.finite(chart.fontSize, 12)) - 2)),
     ...chart.config?.customLabelColor ? { color: chart.config.customLabelColor } : {}
   };
 }
@@ -5046,8 +5835,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: chunkXY2GZUHC_cjs.mapChartValue(x, chart.axisX, plot.width),
-      y: plot.height - chunkXY2GZUHC_cjs.mapChartValue(y, chart.axisY, plot.height),
+      x: chunkKXYSO6GC_cjs.mapChartValue(x, chart.axisX, plot.width),
+      y: plot.height - chunkKXYSO6GC_cjs.mapChartValue(y, chart.axisY, plot.height),
       value
     }))
   );
@@ -5111,20 +5900,20 @@ function createLegendLabels(context, minimum, maximum, geometry) {
   const { chart, bounds, nextOrder } = context;
   const y = geometry.y + geometry.height + 3;
   return [
-    chunkXY2GZUHC_cjs.chartText({
+    chunkKXYSO6GC_cjs.chartText({
       id: `chart-field-colorbar-min-${chart.id}`,
       order: nextOrder(),
       bounds,
       frame: { x: geometry.x, y, width: 80, height: 16 },
-      text: chunkXY2GZUHC_cjs.formatFieldValue(minimum),
+      text: chunkKXYSO6GC_cjs.formatFieldValue(minimum),
       chart
     }),
-    chunkXY2GZUHC_cjs.chartText({
+    chunkKXYSO6GC_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: chunkXY2GZUHC_cjs.formatFieldValue(maximum),
+      text: chunkKXYSO6GC_cjs.formatFieldValue(maximum),
       chart,
       align: "right"
     })
@@ -5137,7 +5926,7 @@ function colorAtRamp(ramp, value) {
   if (!ramp?.stops.length) {
     return RAMP_FALLBACK_COLOR;
   }
-  return chunkXY2GZUHC_cjs.interpolateHexColorStops(ramp.stops, value);
+  return chunkKXYSO6GC_cjs.interpolateHexColorStops(ramp.stops, value);
 }
 
 // src/renderScene/charts/field/isolines.ts
@@ -5347,7 +6136,7 @@ function createIsoline(context, grid, threshold, thresholdIndex) {
   }
   const chains = stitchIsolineSegments(segments);
   const path = chains.map(
-    (chain) => chunkXY2GZUHC_cjs.linePathData(
+    (chain) => chunkKXYSO6GC_cjs.linePathData(
       chain.map(([x, y]) => ({ x: plot.x + x, y: plot.y + y })),
       ISOLINE_TENSION
     )
@@ -5371,7 +6160,7 @@ function createIsoline(context, grid, threshold, thresholdIndex) {
 function renderVectorField(context, seriesList) {
   const nodes = [];
   seriesList.forEach((series, seriesIndex) => {
-    const color = series.color ?? chunkXY2GZUHC_cjs.CHART_COLORS[seriesIndex % chunkXY2GZUHC_cjs.CHART_COLORS.length];
+    const color = series.color ?? chunkKXYSO6GC_cjs.CHART_COLORS[seriesIndex % chunkKXYSO6GC_cjs.CHART_COLORS.length];
     series.values.forEach((vector, vectorIndex) => {
       nodes.push(createVectorNode(context, series.id, vector, vectorIndex, color));
     });
@@ -5381,10 +6170,10 @@ function renderVectorField(context, seriesList) {
 function createVectorNode(context, seriesId, vector, vectorIndex, color) {
   const { chart, plot, bounds, diagnostics, nextOrder } = context;
   const [x, y, angle, magnitude] = vector;
-  const startX = plot.x + chunkXY2GZUHC_cjs.mapChartValue(x, chart.axisX, plot.width);
-  const startY = plot.y + plot.height - chunkXY2GZUHC_cjs.mapChartValue(y, chart.axisY, plot.height);
-  const endX = plot.x + chunkXY2GZUHC_cjs.mapChartValue(x + Math.cos(angle) * magnitude, chart.axisX, plot.width);
-  const endY = plot.y + plot.height - chunkXY2GZUHC_cjs.mapChartValue(y + Math.sin(angle) * magnitude, chart.axisY, plot.height);
+  const startX = plot.x + chunkKXYSO6GC_cjs.mapChartValue(x, chart.axisX, plot.width);
+  const startY = plot.y + plot.height - chunkKXYSO6GC_cjs.mapChartValue(y, chart.axisY, plot.height);
+  const endX = plot.x + chunkKXYSO6GC_cjs.mapChartValue(x + Math.cos(angle) * magnitude, chart.axisX, plot.width);
+  const endY = plot.y + plot.height - chunkKXYSO6GC_cjs.mapChartValue(y + Math.sin(angle) * magnitude, chart.axisY, plot.height);
   return {
     type: "path",
     id: `chart-field-vector-${chart.id}-${seriesId}-${vectorIndex}`,
@@ -5394,7 +6183,7 @@ function createVectorNode(context, seriesId, vector, vectorIndex, color) {
     markerEnd: "filled_arrow",
     style: {
       fill: { kind: "none" },
-      stroke: chunkXY2GZUHC_cjs.paint(color, diagnostics, chart.id),
+      stroke: chunkKXYSO6GC_cjs.paint(color, diagnostics, chart.id),
       strokeWidth: 2
     }
   };
@@ -5441,7 +6230,7 @@ function createHeatmapCell(layout, series, rowIndex, columnIndex) {
   };
 }
 function colorForValue(value, layout) {
-  return chunkXY2GZUHC_cjs.zoneColorAtValue(value, layout.bands, layout.zones);
+  return chunkKXYSO6GC_cjs.zoneColorAtValue(value, layout.bands, layout.zones);
 }
 function renderHeatmapCell(context, layout, cell) {
   const background = createCellBackground(context, layout, cell);
@@ -5456,7 +6245,7 @@ function createCellBackground(context, layout, cell) {
   const style = {
     fill: { kind: "solid", color: cell.color },
     stroke: { kind: "solid", color: chart.config?.cellStrokeColor ?? chart.gridColor ?? "#e2e8f0" },
-    strokeWidth: chunkXY2GZUHC_cjs.finite(chart.config?.cellStrokeWidth, chunkXY2GZUHC_cjs.finite(chart.gridWidth, 1))
+    strokeWidth: chunkKXYSO6GC_cjs.finite(chart.config?.cellStrokeWidth, chunkKXYSO6GC_cjs.finite(chart.gridWidth, 1))
   };
   if (chart.config?.cellShape === "circle") {
     return {
@@ -5483,9 +6272,9 @@ function createCellBackground(context, layout, cell) {
 }
 function createCellValueLabel(context, layout, cell) {
   const { chart, bounds, nextOrder } = context;
-  const size = Math.max(6, chunkXY2GZUHC_cjs.finite(chart.config?.cellValueSize, layout.fontSize));
+  const size = Math.max(6, chunkKXYSO6GC_cjs.finite(chart.config?.cellValueSize, layout.fontSize));
   return {
-    ...chunkXY2GZUHC_cjs.chartText({
+    ...chunkKXYSO6GC_cjs.chartText({
       id: `chart-heatmap-value-${chart.id}-${cell.seriesId}-${cell.columnIndex}`,
       order: nextOrder(),
       bounds,
@@ -5500,7 +6289,7 @@ function createCellValueLabel(context, layout, cell) {
       align: "center"
     }),
     ...chart.config?.cellValueSize === void 0 ? {} : { fontSize: size },
-    color: chart.config?.cellValueColor ?? chunkXY2GZUHC_cjs.contrastTextColor(cell.color)
+    color: chart.config?.cellValueColor ?? chunkKXYSO6GC_cjs.contrastTextColor(cell.color)
   };
 }
 
@@ -5516,7 +6305,7 @@ function renderRowHeaders(context, layout) {
 }
 function createRowHeader(context, layout, series, rowIndex) {
   const { chart, plot, bounds, nextOrder } = context;
-  return chunkXY2GZUHC_cjs.chartText({
+  return chunkKXYSO6GC_cjs.chartText({
     id: `chart-heatmap-row-${chart.id}-${series.id}`,
     order: nextOrder(),
     bounds,
@@ -5538,7 +6327,7 @@ function renderColumnHeaders(context, layout) {
 }
 function createColumnHeader(context, layout, label, columnIndex) {
   const { chart, plot, bounds, nextOrder } = context;
-  return chunkXY2GZUHC_cjs.chartText({
+  return chunkKXYSO6GC_cjs.chartText({
     id: `chart-heatmap-col-${chart.id}-${columnIndex}`,
     order: nextOrder(),
     bounds,
@@ -5562,9 +6351,9 @@ function createHeatmapLayout(context) {
   return {
     rows: chart.series,
     columns,
-    bands: chunkXY2GZUHC_cjs.axisBands(chart.axisY),
-    zones: chart.config?.zones?.length ? chart.config.zones : chunkXY2GZUHC_cjs.DEFAULT_HEATMAP_ZONES,
-    fontSize: Math.max(9, chunkXY2GZUHC_cjs.finite(chart.fontSize, 12)),
+    bands: chunkKXYSO6GC_cjs.axisBands(chart.axisY),
+    zones: chart.config?.zones?.length ? chart.config.zones : chunkKXYSO6GC_cjs.DEFAULT_HEATMAP_ZONES,
+    fontSize: Math.max(9, chunkKXYSO6GC_cjs.finite(chart.fontSize, 12)),
     reservedSpace,
     grid: createHeatmapGrid(context, reservedSpace, columns.length)
   };
@@ -5575,9 +6364,9 @@ function heatmapColumns(context) {
 }
 function heatmapReservedSpace(context) {
   const { chart } = context;
-  const fontSize = Math.max(9, chunkXY2GZUHC_cjs.finite(chart.fontSize, 12));
+  const fontSize = Math.max(9, chunkKXYSO6GC_cjs.finite(chart.fontSize, 12));
   const longestLabel = chart.series.reduce(
-    (max, series) => Math.max(max, chunkXY2GZUHC_cjs.estimateTextWidth(series.label ?? "", fontSize, false)),
+    (max, series) => Math.max(max, chunkKXYSO6GC_cjs.estimateTextWidth(series.label ?? "", fontSize, false)),
     0
   );
   return {
@@ -5591,7 +6380,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, chunkXY2GZUHC_cjs.finite(chart.config?.cellGap, 0));
+  const cellGap = Math.max(0, chunkKXYSO6GC_cjs.finite(chart.config?.cellGap, 0));
   let cellWidth = columnCount ? width / columnCount : width;
   let cellHeight = rowCount ? height / rowCount : height;
   let gridWidth = width;
@@ -5611,7 +6400,7 @@ function createHeatmapGrid(context, reservedSpace, columnCount) {
     cellWidth,
     cellHeight,
     cellGap,
-    cellRadius: Math.max(0, chunkXY2GZUHC_cjs.finite(chart.config?.barCornerRadius, cellGap))
+    cellRadius: Math.max(0, chunkKXYSO6GC_cjs.finite(chart.config?.barCornerRadius, cellGap))
   };
 }
 
@@ -5627,7 +6416,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 = chunkXY2GZUHC_cjs.boxBounds({ x: barX, y: barY, width: barWidth, height: BAR_HEIGHT });
+  const barBounds = chunkKXYSO6GC_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)
@@ -5644,7 +6433,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 ?? chunkXY2GZUHC_cjs.DEFAULT_ZONE_FILL
+    color: zone.color ?? chunkKXYSO6GC_cjs.DEFAULT_ZONE_FILL
   }));
   return {
     type: "rect",
@@ -5658,7 +6447,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: chunkXY2GZUHC_cjs.DEFAULT_ZONE_FILL },
+      fill: stops.length ? { kind: "linear-gradient", angle: 0, stops } : { kind: "solid", color: chunkKXYSO6GC_cjs.DEFAULT_ZONE_FILL },
       stroke: { kind: "solid", color: chart.gridColor ?? "#e2e8f0" },
       strokeWidth: 1
     }
@@ -5686,12 +6475,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 = chunkXY2GZUHC_cjs.chartText({
+    const label = chunkKXYSO6GC_cjs.chartText({
       id: `chart-heatmap-legend-tick-label-${chart.id}-${index}`,
       order: nextOrder(),
       bounds,
       frame: { x: frameX, y: labelY, width: labelWidth, height: labelHeight },
-      text: chunkXY2GZUHC_cjs.formatFieldValue(value),
+      text: chunkKXYSO6GC_cjs.formatFieldValue(value),
       chart,
       align
     });
@@ -6033,22 +6822,22 @@ function renderHexbin(context) {
   const { chart, plot, bounds, diagnostics, nextOrder } = context;
   const nodes = [];
   const config = chart.config;
-  const hexRadius = Math.max(1, config?.hexRadius ?? chunkXY2GZUHC_cjs.DEFAULT_HEX_RADIUS);
+  const hexRadius = Math.max(1, config?.hexRadius ?? chunkKXYSO6GC_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 = chunkXY2GZUHC_cjs.resolveChartShadow(chart.shadowStyle);
+  const shadow = chunkKXYSO6GC_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: chunkXY2GZUHC_cjs.mapChartValue(vx, chart.axisX, plot.width),
-      y: plot.height - chunkXY2GZUHC_cjs.mapChartValue(vy, chart.axisY, plot.height)
+      x: chunkKXYSO6GC_cjs.mapChartValue(vx, chart.axisX, plot.width),
+      y: plot.height - chunkKXYSO6GC_cjs.mapChartValue(vy, chart.axisY, plot.height)
     }));
     const bins = computeHexBins(pixelPoints2, hexRadius);
     const maxCount = Math.max(1, ...bins.map((bin) => bin.count));
-    const color = series.color ?? chunkXY2GZUHC_cjs.CHART_COLORS[seriesIndex % chunkXY2GZUHC_cjs.CHART_COLORS.length];
+    const color = series.color ?? chunkKXYSO6GC_cjs.CHART_COLORS[seriesIndex % chunkKXYSO6GC_cjs.CHART_COLORS.length];
     const ramp = config?.scale;
     bins.forEach((bin, i) => {
       const share = bin.count / maxCount;
@@ -6060,8 +6849,8 @@ function renderHexbin(context) {
         bounds,
         d: hexPath(plot.x + bin.cx, plot.y + bin.cy, drawRadius),
         style: {
-          fill: chunkXY2GZUHC_cjs.paint(fill2, diagnostics, chart.id),
-          stroke: strokeWidth > 0 ? chunkXY2GZUHC_cjs.paint(config?.hexStrokeColor ?? fill2, diagnostics, chart.id) : void 0,
+          fill: chunkKXYSO6GC_cjs.paint(fill2, diagnostics, chart.id),
+          stroke: strokeWidth > 0 ? chunkKXYSO6GC_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,
@@ -6083,8 +6872,8 @@ function seriesValuePairs(chart, series) {
 function pixelPoints(context, pairs) {
   const { chart, plot } = context;
   return pairs.map(([x, y]) => ({
-    x: plot.x + chunkXY2GZUHC_cjs.mapChartValue(x, chart.axisX, plot.width),
-    y: plot.y + plot.height - chunkXY2GZUHC_cjs.mapChartValue(y, chart.axisY, plot.height)
+    x: plot.x + chunkKXYSO6GC_cjs.mapChartValue(x, chart.axisX, plot.width),
+    y: plot.y + plot.height - chunkKXYSO6GC_cjs.mapChartValue(y, chart.axisY, plot.height)
   }));
 }
 
@@ -6094,7 +6883,7 @@ function createLineAreaFill(context, series, points, color, tension, areaOpacity
   const baselineY = plot.y + plot.height;
   const first = points[0];
   const last = points[points.length - 1];
-  const d = `${chunkXY2GZUHC_cjs.linePathData(points, tension)} L ${last.x} ${baselineY} L ${first.x} ${baselineY} Z`;
+  const d = `${chunkKXYSO6GC_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;
@@ -6116,8 +6905,8 @@ function createLineAreaFill(context, series, points, color, tension, areaOpacity
         kind: "linear-gradient",
         angle: 90,
         stops: [
-          { offset: 0, color: chunkXY2GZUHC_cjs.colorWithAlpha(color, areaOpacity) },
-          { offset: 100, color: chunkXY2GZUHC_cjs.colorWithAlpha(color, 0) }
+          { offset: 0, color: chunkKXYSO6GC_cjs.colorWithAlpha(color, areaOpacity) },
+          { offset: 100, color: chunkKXYSO6GC_cjs.colorWithAlpha(color, 0) }
         ]
       },
       stroke: { kind: "none" },
@@ -6140,7 +6929,7 @@ function guideNode(context, mark) {
     d: `M ${mark.point.x} ${mark.point.y} V ${plot.y + plot.height}`,
     style: {
       fill: { kind: "none" },
-      stroke: chunkXY2GZUHC_cjs.paint(mark.color, diagnostics, chart.id),
+      stroke: chunkKXYSO6GC_cjs.paint(mark.color, diagnostics, chart.id),
       strokeWidth: 1,
       dash: [3, 4],
       opacity: 0.55,
@@ -6161,20 +6950,20 @@ function dotNode(context, mark) {
     rx: mark.radius,
     ry: mark.radius,
     style: {
-      fill: chunkXY2GZUHC_cjs.paint(mark.color, diagnostics, chart.id),
+      fill: chunkKXYSO6GC_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"
     }
   };
 }
-function labelNode2(context, mark, value) {
+function labelNode3(context, mark, value) {
   const { chart, bounds, nextOrder } = context;
   const config = chart.config;
   const fontSize = Math.max(9, chart.fontSize ?? 12);
   const text = formatHighlight(config?.highlightLabelFormat, config?.categories?.[mark.index] ?? "", value);
   const width = Math.max(48, text.length * fontSize * 0.62);
   return {
-    ...chunkXY2GZUHC_cjs.chartText({
+    ...chunkKXYSO6GC_cjs.chartText({
       id: `chart-highlight-label-${mark.key}`,
       order: nextOrder(),
       bounds,
@@ -6220,7 +7009,7 @@ function renderLineHighlights(context, series, color) {
     }
     nodes.push(dotNode(context, mark));
     if (config?.highlightLabels) {
-      nodes.push(labelNode2(context, mark, pairs[index][1]));
+      nodes.push(labelNode3(context, mark, pairs[index][1]));
     }
   }
   return nodes;
@@ -6254,15 +7043,15 @@ function createLineError(context, mark) {
     return null;
   }
   const { chart, plot, bounds, nextOrder } = context;
-  const [lower, upper] = chunkXY2GZUHC_cjs.errorBarRange(mark.value, mark.error);
-  return chunkXY2GZUHC_cjs.createVerticalErrorWhiskerNode({
+  const [lower, upper] = chunkKXYSO6GC_cjs.errorBarRange(mark.value, mark.error);
+  return chunkKXYSO6GC_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 - chunkXY2GZUHC_cjs.mapChartValue(lower, chart.axisY, plot.height),
-      endY: plot.y + plot.height - chunkXY2GZUHC_cjs.mapChartValue(upper, chart.axisY, plot.height)
+      startY: plot.y + plot.height - chunkKXYSO6GC_cjs.mapChartValue(lower, chart.axisY, plot.height),
+      endY: plot.y + plot.height - chunkKXYSO6GC_cjs.mapChartValue(upper, chart.axisY, plot.height)
     },
     color: mark.color,
     valueReference: { seriesId: mark.seriesId, valueIndex: mark.valueIndex }
@@ -6286,8 +7075,8 @@ function createLinePoint(context, mark) {
     ry: visible ? radius : 6,
     detail: { of: "chartValue", series: mark.seriesId, valueIndex: mark.valueIndex },
     style: {
-      fill: visible ? chunkXY2GZUHC_cjs.paint(fill2, diagnostics, chart.id) : { kind: "none" },
-      stroke: visible && strokeWidth > 0 ? chunkXY2GZUHC_cjs.paint(mark.color, diagnostics, chart.id) : void 0,
+      fill: visible ? chunkKXYSO6GC_cjs.paint(fill2, diagnostics, chart.id) : { kind: "none" },
+      stroke: visible && strokeWidth > 0 ? chunkKXYSO6GC_cjs.paint(mark.color, diagnostics, chart.id) : void 0,
       strokeWidth: visible && strokeWidth > 0 ? strokeWidth : void 0,
       pointerEvents: visible ? void 0 : "all"
     }
@@ -6307,22 +7096,22 @@ function createLinePath(context, series, points, color, 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: chunkXY2GZUHC_cjs.linePathData(points, tension),
+    d: chunkKXYSO6GC_cjs.linePathData(points, tension),
     style: {
       fill: { kind: "none" },
-      stroke: chunkXY2GZUHC_cjs.paint(gradient ?? color, diagnostics, chart.id),
+      stroke: chunkKXYSO6GC_cjs.paint(gradient ?? color, 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, opacity: 0.9, blur: glow, dx: 0, dy: 0 } : chunkXY2GZUHC_cjs.resolveChartShadow(chart.shadowStyle)
+      shadow: glow ? { color, opacity: 0.9, blur: glow, dx: 0, dy: 0 } : chunkKXYSO6GC_cjs.resolveChartShadow(chart.shadowStyle)
     }
   };
 }
 
 // src/renderScene/charts/renderers/line/series.ts
 function seriesColor(series, seriesIndex) {
-  return chunkXY2GZUHC_cjs.representativeColor(series.color, chunkXY2GZUHC_cjs.CHART_COLORS[seriesIndex % chunkXY2GZUHC_cjs.CHART_COLORS.length]);
+  return chunkKXYSO6GC_cjs.representativeColor(series.color, chunkKXYSO6GC_cjs.CHART_COLORS[seriesIndex % chunkKXYSO6GC_cjs.CHART_COLORS.length]);
 }
 function renderLineSeriesArea(context, series, seriesIndex) {
   const areaOpacity = context.chart.config?.areaOpacity;
@@ -6386,7 +7175,7 @@ function renderGridLines(context, layout) {
       style: {
         fill: { kind: "none" },
         stroke: { kind: "solid", color: chart.gridColor ?? "#e2e8f0" },
-        strokeWidth: chunkXY2GZUHC_cjs.finite(chart.gridWidth, 1)
+        strokeWidth: chunkKXYSO6GC_cjs.finite(chart.gridWidth, 1)
       }
     };
   });
@@ -6394,7 +7183,7 @@ function renderGridLines(context, layout) {
 function renderPercentageLabels(context, layout) {
   const { chart, plot, bounds, nextOrder } = context;
   return PERCENT_TICKS.map((percent) => ({
-    ...chunkXY2GZUHC_cjs.chartText({
+    ...chunkKXYSO6GC_cjs.chartText({
       id: `chart-mekko-pct-${chart.id}-${percent}`,
       order: nextOrder(),
       bounds,
@@ -6426,7 +7215,7 @@ function renderMekkoColumnLabels(context, layout, columnIndex, column) {
 function createTotalLabel(context, layout, columnIndex, column) {
   const { chart, plot, bounds, nextOrder } = context;
   return {
-    ...chunkXY2GZUHC_cjs.chartText({
+    ...chunkKXYSO6GC_cjs.chartText({
       id: `chart-mekko-total-${chart.id}-${columnIndex}`,
       order: nextOrder(),
       bounds,
@@ -6447,7 +7236,7 @@ function createColumnLabel(context, layout, columnIndex, column) {
   const { chart, bounds, nextOrder } = context;
   const { label, width } = column;
   return {
-    ...chunkXY2GZUHC_cjs.chartText({
+    ...chunkKXYSO6GC_cjs.chartText({
       id: `chart-mekko-col-label-${chart.id}-${columnIndex}`,
       order: nextOrder(),
       bounds,
@@ -6461,7 +7250,7 @@ function createColumnLabel(context, layout, columnIndex, column) {
       chart,
       align: "center"
     }),
-    lines: chunkXY2GZUHC_cjs.wrapText(label, width, layout.smallFontSize),
+    lines: chunkKXYSO6GC_cjs.wrapText(label, width, layout.smallFontSize),
     fontSize: layout.smallFontSize
   };
 }
@@ -6471,8 +7260,8 @@ function createMekkoLayout(context) {
   const labels = mekkoColumnLabels(context);
   const labelGutterWidth = context.showLabels ? 30 : 0;
   const grid = createMekkoGrid(context, labelGutterWidth);
-  const fontSize = Math.max(9, chunkXY2GZUHC_cjs.finite(context.chart.fontSize, 12));
-  const columnGap = Math.max(0, chunkXY2GZUHC_cjs.finite(context.chart.config?.mekkoColumnGap, 4));
+  const fontSize = Math.max(9, chunkKXYSO6GC_cjs.finite(context.chart.fontSize, 12));
+  const columnGap = Math.max(0, chunkKXYSO6GC_cjs.finite(context.chart.config?.mekkoColumnGap, 4));
   const smallFontSize = Math.max(8, fontSize - 1);
   return {
     columns: createMekkoColumns(context, grid, labels, columnGap),
@@ -6480,8 +7269,8 @@ function createMekkoLayout(context) {
     smallFontSize,
     labelGutterWidth,
     columnGap,
-    labelSize: Math.max(6, chunkXY2GZUHC_cjs.finite(context.chart.config?.mekkoLabelSize, smallFontSize)),
-    valueSize: Math.max(6, chunkXY2GZUHC_cjs.finite(context.chart.config?.mekkoValueSize, smallFontSize)),
+    labelSize: Math.max(6, chunkKXYSO6GC_cjs.finite(context.chart.config?.mekkoLabelSize, smallFontSize)),
+    valueSize: Math.max(6, chunkKXYSO6GC_cjs.finite(context.chart.config?.mekkoValueSize, smallFontSize)),
     grid
   };
 }
@@ -6538,12 +7327,12 @@ function createColumnBackdrop(context, layout, columnIndex) {
     id: `chart-mekko-column-backdrop-${chart.id}-${columnIndex}`,
     order: nextOrder(),
     bounds,
-    d: chunkXY2GZUHC_cjs.barShapePath(column.x, layout.grid.y, column.width, layout.grid.height, cornerRadius),
-    style: { fill: chunkXY2GZUHC_cjs.paint(chart.gridColor ?? "#e2e8f0", diagnostics, chart.id), opacity: BACKDROP_OPACITY }
+    d: chunkKXYSO6GC_cjs.barShapePath(column.x, layout.grid.y, column.width, layout.grid.height, cornerRadius),
+    style: { fill: chunkKXYSO6GC_cjs.paint(chart.gridColor ?? "#e2e8f0", diagnostics, chart.id), opacity: BACKDROP_OPACITY }
   };
 }
 function mekkoCornerRadius(context) {
-  return Math.max(0, chunkXY2GZUHC_cjs.finite(context.chart.config?.barCornerRadius, 2));
+  return Math.max(0, chunkKXYSO6GC_cjs.finite(context.chart.config?.barCornerRadius, 2));
 }
 function calculateColumnSegments(seriesList, layout, columnIndex) {
   const segments = [];
@@ -6554,7 +7343,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 color = series.color ?? chunkXY2GZUHC_cjs.CHART_COLORS[seriesIndex % chunkXY2GZUHC_cjs.CHART_COLORS.length];
+    const color = series.color ?? chunkKXYSO6GC_cjs.CHART_COLORS[seriesIndex % chunkKXYSO6GC_cjs.CHART_COLORS.length];
     segments.push({
       columnIndex,
       seriesId: series.id,
@@ -6577,12 +7366,12 @@ function renderSegment(context, layout, segment, nextColor) {
 }
 function createSegmentNode(context, segment, nextColor) {
   const { chart, plot, bounds, diagnostics, nextOrder } = context;
-  const shadow = chunkXY2GZUHC_cjs.resolveChartShadow(chart.shadowStyle);
+  const shadow = chunkKXYSO6GC_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 config = chart.config;
   const radius = segment.isTop || config?.mekkoRoundAll ? mekkoCornerRadius(context) : 0;
   const { x, y, width, height } = segment.frame;
-  const segmentGap = Math.max(0, chunkXY2GZUHC_cjs.finite(config?.mekkoSegmentGap, 0));
+  const segmentGap = Math.max(0, chunkKXYSO6GC_cjs.finite(config?.mekkoSegmentGap, 0));
   const fallback = "#94a3b8";
   const gradientBounds = {
     minX: x + width / 2 - height / 2,
@@ -6594,20 +7383,20 @@ function createSegmentNode(context, segment, nextColor) {
     kind: "linear-gradient",
     angle: 90,
     stops: [
-      { offset: 0, color: chunkXY2GZUHC_cjs.representativeColor(segment.color, fallback) },
-      { offset: 100, color: chunkXY2GZUHC_cjs.representativeColor(nextColor, fallback) }
+      { offset: 0, color: chunkKXYSO6GC_cjs.representativeColor(segment.color, fallback) },
+      { offset: 100, color: chunkKXYSO6GC_cjs.representativeColor(nextColor, fallback) }
     ]
-  } : chunkXY2GZUHC_cjs.paint(segment.color, diagnostics, chart.id);
+  } : chunkKXYSO6GC_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: chunkXY2GZUHC_cjs.barPath(x, y + segmentGap / 2, width, Math.max(0, height - segmentGap), radius, Boolean(config?.mekkoRoundAll)),
+    d: chunkKXYSO6GC_cjs.barPath(x, y + segmentGap / 2, width, Math.max(0, height - segmentGap), radius, Boolean(config?.mekkoRoundAll)),
     style: {
       fill: fill2,
       stroke: { kind: "solid", color: config?.mekkoSegmentStrokeColor ?? chart.gridColor ?? "#e2e8f0" },
-      strokeWidth: chunkXY2GZUHC_cjs.finite(config?.mekkoSegmentStrokeWidth, chunkXY2GZUHC_cjs.finite(chart.gridWidth, 1)),
+      strokeWidth: chunkKXYSO6GC_cjs.finite(config?.mekkoSegmentStrokeWidth, chunkKXYSO6GC_cjs.finite(chart.gridWidth, 1)),
       shadow,
       clip: clipPath ? { type: "path", d: clipPath } : void 0
     }
@@ -6623,17 +7412,17 @@ function createSegmentLabel(context, layout, segment) {
   const innerHeight = Math.max(1, height - 6);
   const lineHeight = layout.labelSize * 1.2;
   const valueHeight = layout.valueSize * 1.2;
-  const labelLines = chunkXY2GZUHC_cjs.wrapText(segment.seriesLabel, innerWidth, layout.labelSize).map(
-    (line) => chunkXY2GZUHC_cjs.ellipsizeToWidth(line, innerWidth, layout.labelSize, true)
+  const labelLines = chunkKXYSO6GC_cjs.wrapText(segment.seriesLabel, innerWidth, layout.labelSize).map(
+    (line) => chunkKXYSO6GC_cjs.ellipsizeToWidth(line, innerWidth, layout.labelSize, true)
   );
   if (labelLines.length * lineHeight + valueHeight > innerHeight) {
     return [];
   }
-  const textColor = chart.config?.mekkoTextColor ?? chunkXY2GZUHC_cjs.contrastTextColor(chunkXY2GZUHC_cjs.representativeColor(segment.color, "#ffffff"));
+  const textColor = chart.config?.mekkoTextColor ?? chunkKXYSO6GC_cjs.contrastTextColor(chunkKXYSO6GC_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 = {
-    ...chunkXY2GZUHC_cjs.chartText({
+    ...chunkKXYSO6GC_cjs.chartText({
       id: `chart-mekko-seg-label-${chart.id}-${segment.columnIndex}-${segment.seriesId}`,
       order: nextOrder(),
       bounds,
@@ -6647,7 +7436,7 @@ function createSegmentLabel(context, layout, segment) {
     color: textColor
   };
   const valueNode = {
-    ...chunkXY2GZUHC_cjs.chartText({
+    ...chunkKXYSO6GC_cjs.chartText({
       id: `chart-mekko-seg-value-${chart.id}-${segment.columnIndex}-${segment.seriesId}`,
       order: nextOrder(),
       bounds,
@@ -6680,7 +7469,7 @@ function renderMekko(context) {
 
 // src/renderScene/charts/renderers/pie/center.ts
 function fill(template, chart) {
-  const values = chart.series.map((series) => Math.max(0, chunkXY2GZUHC_cjs.finite(series.values[0], 0)));
+  const values = chart.series.map((series) => Math.max(0, chunkKXYSO6GC_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 ?? "");
@@ -6692,7 +7481,7 @@ function renderPieCenter(context, geometry) {
     return [];
   }
   const lines = fill(template, chart).split(/\\n|\n/);
-  const fontSize = chunkXY2GZUHC_cjs.finite(chart.config?.pieCenterSize, Math.max(14, Math.min(40, geometry.outerRadius * 0.3)));
+  const fontSize = chunkKXYSO6GC_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 = {
@@ -6705,7 +7494,7 @@ function renderPieCenter(context, geometry) {
     width,
     height: lineHeight * lines.length,
     lines,
-    fontFamily: chart.fontFamily ?? chunkXY2GZUHC_cjs.DEFAULT_FONT,
+    fontFamily: chart.fontFamily ?? chunkKXYSO6GC_cjs.DEFAULT_FONT,
     fontSize,
     fontWeight: "bold",
     align: "center",
@@ -6725,14 +7514,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(chunkXY2GZUHC_cjs.finite(config?.pieStartAngle, 0)),
-    sweep: Math.min(FULL, Math.max(radians(1), radians(chunkXY2GZUHC_cjs.finite(config?.pieSweep, 360)))),
-    explode: Math.max(0, chunkXY2GZUHC_cjs.finite(config?.pieExplode, 0))
+    start: TOP + radians(chunkKXYSO6GC_cjs.finite(config?.pieStartAngle, 0)),
+    sweep: Math.min(FULL, Math.max(radians(1), radians(chunkKXYSO6GC_cjs.finite(config?.pieSweep, 360)))),
+    explode: Math.max(0, chunkKXYSO6GC_cjs.finite(config?.pieExplode, 0))
   });
   const gapPx = config?.pieSliceGap ?? 0;
   return [
     ...marks.flatMap((mark) => createSliceNodes(context, shiftGeometry(geometry, mark), mark, gapPx)),
-    ...chunkXY2GZUHC_cjs.renderPieLabels(
+    ...chunkKXYSO6GC_cjs.renderPieLabels(
       context,
       geometry,
       marks.map((mark) => ({
@@ -6764,20 +7553,20 @@ function createPieSliceMarks(seriesList, total, layout) {
   const marks = [];
   let angle = layout.start;
   seriesList.forEach((series, seriesIndex) => {
-    const value = Math.max(0, chunkXY2GZUHC_cjs.finite(series.values[0], 0));
+    const value = Math.max(0, chunkKXYSO6GC_cjs.finite(series.values[0], 0));
     const sweep = value / total * layout.sweep;
     marks.push({
       seriesId: series.id,
       label: series.label,
-      color: series.color ?? chunkXY2GZUHC_cjs.CHART_COLORS[seriesIndex % chunkXY2GZUHC_cjs.CHART_COLORS.length],
+      color: series.color ?? chunkKXYSO6GC_cjs.CHART_COLORS[seriesIndex % chunkKXYSO6GC_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, chunkXY2GZUHC_cjs.finite(series.offset, layout.explode)),
-      labelOffsetX: chunkXY2GZUHC_cjs.finite(series.labelOffsetX, 0),
-      labelOffsetY: chunkXY2GZUHC_cjs.finite(series.labelOffsetY, 0)
+      explode: Math.max(0, chunkKXYSO6GC_cjs.finite(series.offset, layout.explode)),
+      labelOffsetX: chunkKXYSO6GC_cjs.finite(series.labelOffsetX, 0),
+      labelOffsetY: chunkKXYSO6GC_cjs.finite(series.labelOffsetY, 0)
     });
     angle += sweep;
   });
@@ -6800,14 +7589,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 = chunkXY2GZUHC_cjs.pieUsesInnerArc(geometry, mark.angles, gapPx);
-  const gapSweep = 2 * chunkXY2GZUHC_cjs.gapInsetAngle(halfGap, geometry.outerRadius);
+  const usesInnerArc = chunkKXYSO6GC_cjs.pieUsesInnerArc(geometry, mark.angles, gapPx);
+  const gapSweep = 2 * chunkKXYSO6GC_cjs.gapInsetAngle(halfGap, geometry.outerRadius);
   const availableSweep = Math.max(0, rawSweep - gapSweep);
   return Math.min(
     geometry.cornerRadius,
-    usesInnerArc ? chunkXY2GZUHC_cjs.maxPieCornerRadius(geometry.outerRadius, geometry.innerRadius, availableSweep) : chunkXY2GZUHC_cjs.maxApexCornerRadius(
+    usesInnerArc ? chunkKXYSO6GC_cjs.maxPieCornerRadius(geometry.outerRadius, geometry.innerRadius, availableSweep) : chunkKXYSO6GC_cjs.maxApexCornerRadius(
       geometry.outerRadius,
-      chunkXY2GZUHC_cjs.pieApexRadius(halfGap, rawSweep, geometry.outerRadius),
+      chunkKXYSO6GC_cjs.pieApexRadius(halfGap, rawSweep, geometry.outerRadius),
       availableSweep
     )
   );
@@ -6820,14 +7609,14 @@ function sliceStroke(context, mark) {
   }
   return {
     stroke: { kind: "solid", color: strokeColor },
-    strokeWidth: chunkXY2GZUHC_cjs.finite(mark.strokeWidth, chunkXY2GZUHC_cjs.finite(config?.pieStrokeWidth, 1))
+    strokeWidth: chunkKXYSO6GC_cjs.finite(mark.strokeWidth, chunkKXYSO6GC_cjs.finite(config?.pieStrokeWidth, 1))
   };
 }
 function createSliceNodes(context, geometry, mark, gapPx) {
   const { chart, bounds, diagnostics, nextOrder } = context;
-  const fill2 = chunkXY2GZUHC_cjs.paint(mark.color, diagnostics, chart.id);
-  const slicePath = chunkXY2GZUHC_cjs.createPieSlicePath(geometry, mark.angles, sliceCornerRadius(geometry, mark, gapPx), gapPx);
-  const shadow = chunkXY2GZUHC_cjs.resolveChartShadow(chart.shadowStyle);
+  const fill2 = chunkKXYSO6GC_cjs.paint(mark.color, diagnostics, chart.id);
+  const slicePath = chunkKXYSO6GC_cjs.createPieSlicePath(geometry, mark.angles, sliceCornerRadius(geometry, mark, gapPx), gapPx);
+  const shadow = chunkKXYSO6GC_cjs.resolveChartShadow(chart.shadowStyle);
   const strokeStyle = sliceStroke(context, mark);
   const glow = chart.config?.pieGlow;
   const shadowCaster = shadow ? {
@@ -6858,12 +7647,12 @@ function createSliceNodes(context, geometry, mark, gapPx) {
       pieEnd: mark.angles.end,
       pieValue: mark.value
     },
-    prop: chunkXY2GZUHC_cjs.seriesValueProp(mark.seriesId, 0),
+    prop: chunkKXYSO6GC_cjs.seriesValueProp(mark.seriesId, 0),
     style: {
       fill: fill2,
       ...strokeStyle,
       innerShadow: shadow,
-      shadow: glow ? { color: chunkXY2GZUHC_cjs.representativeColor(mark.color, "#ffffff"), opacity: 0.85, blur: glow, dx: 0, dy: 0 } : void 0
+      shadow: glow ? { color: chunkKXYSO6GC_cjs.representativeColor(mark.color, "#ffffff"), opacity: 0.85, blur: glow, dx: 0, dy: 0 } : void 0
     }
   };
   return shadowCaster ? [shadowCaster, slice] : [slice];
@@ -6871,7 +7660,7 @@ function createSliceNodes(context, geometry, mark, gapPx) {
 
 // src/renderScene/charts/renderers/pie.ts
 function renderPie(context) {
-  const geometry = chunkXY2GZUHC_cjs.createPieGeometry(context);
+  const geometry = chunkKXYSO6GC_cjs.createPieGeometry(context);
   return [...renderPieSlices(context, geometry), ...renderPieCenter(context, geometry)];
 }
 
@@ -6888,18 +7677,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 = chunkXY2GZUHC_cjs.finite(chart.axisY.min, 0);
+  const axisMin = chunkKXYSO6GC_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(chunkXY2GZUHC_cjs.finite(chart.config?.innerRadius, 0), maxRadius - 1)),
-    cornerRadius: Math.max(0, chunkXY2GZUHC_cjs.finite(chart.config?.pieCornerRadius, 0)),
-    gapPx: Math.max(0, chunkXY2GZUHC_cjs.finite(chart.config?.pieSliceGap, 0)),
+    innerRadius: Math.max(0, Math.min(chunkKXYSO6GC_cjs.finite(chart.config?.innerRadius, 0), maxRadius - 1)),
+    cornerRadius: Math.max(0, chunkKXYSO6GC_cjs.finite(chart.config?.pieCornerRadius, 0)),
+    gapPx: Math.max(0, chunkKXYSO6GC_cjs.finite(chart.config?.pieSliceGap, 0)),
     axisMin,
-    range: chunkXY2GZUHC_cjs.finite(chart.axisY.max, 100) - axisMin,
+    range: chunkKXYSO6GC_cjs.finite(chart.axisY.max, 100) - axisMin,
     sweep: chart.series.length > 0 ? Math.PI * 2 / chart.series.length : 0,
-    start: TOP2 + chunkXY2GZUHC_cjs.finite(chart.config?.pieStartAngle, 0) * Math.PI / 180
+    start: TOP2 + chunkKXYSO6GC_cjs.finite(chart.config?.pieStartAngle, 0) * Math.PI / 180
   };
 }
 function clampedCorner(layout, outerRadius, angles) {
@@ -6907,19 +7696,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 * chunkXY2GZUHC_cjs.gapInsetAngle(halfGap, outerRadius));
-  if (chunkXY2GZUHC_cjs.pieUsesInnerArc(geometry, angles, gapPx)) {
-    return Math.min(cornerRadius, chunkXY2GZUHC_cjs.maxPieCornerRadius(outerRadius, innerRadius, availableSweep));
+  const availableSweep = Math.max(0, rawSweep - 2 * chunkKXYSO6GC_cjs.gapInsetAngle(halfGap, outerRadius));
+  if (chunkKXYSO6GC_cjs.pieUsesInnerArc(geometry, angles, gapPx)) {
+    return Math.min(cornerRadius, chunkKXYSO6GC_cjs.maxPieCornerRadius(outerRadius, innerRadius, availableSweep));
   }
-  const apexRadius = chunkXY2GZUHC_cjs.pieApexRadius(halfGap, rawSweep, outerRadius);
-  return Math.min(cornerRadius, chunkXY2GZUHC_cjs.maxApexCornerRadius(outerRadius, apexRadius, availableSweep));
+  const apexRadius = chunkKXYSO6GC_cjs.pieApexRadius(halfGap, rawSweep, outerRadius);
+  return Math.min(cornerRadius, chunkKXYSO6GC_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 color = chunkXY2GZUHC_cjs.paint(rawColor, diagnostics, chart.id);
-  const shadow = chunkXY2GZUHC_cjs.resolveChartShadow(chart.shadowStyle);
-  const trackPath = chunkXY2GZUHC_cjs.createPieSlicePath(
+  const color = chunkKXYSO6GC_cjs.paint(rawColor, diagnostics, chart.id);
+  const shadow = chunkKXYSO6GC_cjs.resolveChartShadow(chart.shadowStyle);
+  const trackPath = chunkKXYSO6GC_cjs.createPieSlicePath(
     { centerX, centerY, outerRadius: maxRadius, innerRadius },
     angles,
     clampedCorner(layout, maxRadius, angles),
@@ -6932,12 +7721,12 @@ function wedgeNodes(context, layout, series, angles, outerRadius, value, rawColo
     bounds,
     d: trackPath,
     style: {
-      fill: chunkXY2GZUHC_cjs.paint(chart.gridColor ?? TRACK_COLOR_FALLBACK, diagnostics, chart.id),
+      fill: chunkKXYSO6GC_cjs.paint(chart.gridColor ?? TRACK_COLOR_FALLBACK, diagnostics, chart.id),
       opacity: chart.config?.polarTrackOpacity,
       ...trackStroke(context)
     }
   };
-  const wedgePath = chunkXY2GZUHC_cjs.createPieSlicePath(
+  const wedgePath = chunkKXYSO6GC_cjs.createPieSlicePath(
     { centerX, centerY, outerRadius, innerRadius },
     angles,
     clampedCorner(layout, outerRadius, angles),
@@ -6966,7 +7755,7 @@ function wedgeNodes(context, layout, series, angles, outerRadius, value, rawColo
       pieEnd: angles.end,
       pieValue: value
     },
-    prop: chunkXY2GZUHC_cjs.seriesValueProp(series.id, 0),
+    prop: chunkKXYSO6GC_cjs.seriesValueProp(series.id, 0),
     style: { fill: color, innerShadow: shadow, ...wedgeStroke(context) }
   };
   return shadowCaster ? [track, shadowCaster, wedge] : [track, wedge];
@@ -6979,7 +7768,7 @@ function trackStroke(context) {
   const dash = (config.polarTrackDash ?? "").split(/[ ,]+/).map(Number).filter((part) => Number.isFinite(part) && part > 0);
   return {
     stroke: { kind: "solid", color: config.polarTrackStroke },
-    strokeWidth: chunkXY2GZUHC_cjs.finite(config.polarTrackStrokeWidth, 1),
+    strokeWidth: chunkKXYSO6GC_cjs.finite(config.polarTrackStrokeWidth, 1),
     dash: dash.length > 0 ? dash : void 0
   };
 }
@@ -6990,7 +7779,7 @@ function wedgeStroke(context) {
   }
   return {
     stroke: { kind: "solid", color: config.pieStroke },
-    strokeWidth: chunkXY2GZUHC_cjs.finite(config.pieStrokeWidth, 1)
+    strokeWidth: chunkKXYSO6GC_cjs.finite(config.pieStrokeWidth, 1)
   };
 }
 function ringNodes(context, layout) {
@@ -6998,7 +7787,7 @@ function ringNodes(context, layout) {
   if (!chart.config?.polarRings || layout.range <= 0) {
     return [];
   }
-  return chunkXY2GZUHC_cjs.chartTicks(chart.axisY).filter((tick) => tick > layout.axisMin && tick < layout.axisMin + layout.range).map((tick) => {
+  return chunkKXYSO6GC_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",
@@ -7012,7 +7801,7 @@ function ringNodes(context, layout) {
       style: {
         fill: { kind: "none" },
         stroke: { kind: "solid", color: chart.textColor ?? "#334155" },
-        strokeWidth: chunkXY2GZUHC_cjs.finite(chart.gridWidth, 1),
+        strokeWidth: chunkKXYSO6GC_cjs.finite(chart.gridWidth, 1),
         opacity: 0.25
       }
     };
@@ -7024,10 +7813,10 @@ function renderPolarArea(context) {
   const showLabels = context.showLabels && sweep >= MIN_LABEL_SWEEP;
   const wedges = context.chart.series.flatMap((series, index) => {
     const angles = { start: start + index * sweep, end: start + (index + 1) * sweep };
-    const value = Math.max(0, chunkXY2GZUHC_cjs.finite(series.values[0], 0));
+    const value = Math.max(0, chunkKXYSO6GC_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 ?? chunkXY2GZUHC_cjs.CHART_COLORS[index % chunkXY2GZUHC_cjs.CHART_COLORS.length];
+    const rawColor = series.color ?? chunkKXYSO6GC_cjs.CHART_COLORS[index % chunkKXYSO6GC_cjs.CHART_COLORS.length];
     const nodes = wedgeNodes(context, layout, series, angles, outerRadius, value, rawColor);
     if (!showLabels) {
       return nodes;
@@ -7038,10 +7827,10 @@ function renderPolarArea(context) {
   return [...wedges, ...ringNodes(context, layout)];
 }
 function labelSizes(chart) {
-  const base = Math.max(9, chunkXY2GZUHC_cjs.finite(chart.fontSize, 12));
+  const base = Math.max(9, chunkKXYSO6GC_cjs.finite(chart.fontSize, 12));
   return {
-    nameSize: Math.max(6, chunkXY2GZUHC_cjs.finite(chart.config?.polarNameSize, base)),
-    valueSize: Math.max(6, chunkXY2GZUHC_cjs.finite(chart.config?.polarValueSize, base))
+    nameSize: Math.max(6, chunkKXYSO6GC_cjs.finite(chart.config?.polarNameSize, base)),
+    valueSize: Math.max(6, chunkKXYSO6GC_cjs.finite(chart.config?.polarValueSize, base))
   };
 }
 function labelPlacement2(context, geometry, angles, series, fillColor) {
@@ -7049,8 +7838,8 @@ function labelPlacement2(context, geometry, angles, series, fillColor) {
   const { nameSize, valueSize } = labelSizes(context.chart);
   const lineHeight = (nameSize + valueSize) * 1.2 / 2;
   const ringThickness = geometry.outerRadius - geometry.innerRadius;
-  const labelOffsetX = chunkXY2GZUHC_cjs.finite(series.labelOffsetX, 0);
-  const labelOffsetY = chunkXY2GZUHC_cjs.finite(series.labelOffsetY, 0);
+  const labelOffsetX = chunkKXYSO6GC_cjs.finite(series.labelOffsetX, 0);
+  const labelOffsetY = chunkKXYSO6GC_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);
@@ -7060,11 +7849,11 @@ function labelPlacement2(context, geometry, angles, series, fillColor) {
     return void 0;
   }
   const outside = hasManualOffset || !fitsInline;
-  const tickStart = chunkXY2GZUHC_cjs.pieArcPoint(geometry, mid, geometry.outerRadius + LEADER_INSET);
-  const point = outside ? hasManualOffset ? addOffset(chunkXY2GZUHC_cjs.pieArcPoint(geometry, mid, geometry.outerRadius), labelOffsetX, labelOffsetY) : chunkXY2GZUHC_cjs.pieArcPoint(geometry, mid, geometry.outerRadius + OUTSIDE_GAP) : chunkXY2GZUHC_cjs.pieArcPoint(geometry, mid, geometry.innerRadius + ringThickness * LABEL_RADIUS_FRACTION);
-  const color = outside ? outsideLabels && context.chart.textColor ? context.chart.textColor : chunkXY2GZUHC_cjs.sameHueTint(chunkXY2GZUHC_cjs.representativeColor(fillColor, OUTSIDE_FALLBACK_COLOR), OUTSIDE_TINT_LIGHTNESS) ?? OUTSIDE_FALLBACK_COLOR : chunkXY2GZUHC_cjs.sameHueContrastColor(
-    chunkXY2GZUHC_cjs.representativeColor(fillColor, "#0f172a"),
-    chunkXY2GZUHC_cjs.contrastTextColor(chunkXY2GZUHC_cjs.representativeColor(fillColor, "#0f172a"))
+  const tickStart = chunkKXYSO6GC_cjs.pieArcPoint(geometry, mid, geometry.outerRadius + LEADER_INSET);
+  const point = outside ? hasManualOffset ? addOffset(chunkKXYSO6GC_cjs.pieArcPoint(geometry, mid, geometry.outerRadius), labelOffsetX, labelOffsetY) : chunkKXYSO6GC_cjs.pieArcPoint(geometry, mid, geometry.outerRadius + OUTSIDE_GAP) : chunkKXYSO6GC_cjs.pieArcPoint(geometry, mid, geometry.innerRadius + ringThickness * LABEL_RADIUS_FRACTION);
+  const color = outside ? outsideLabels && context.chart.textColor ? context.chart.textColor : chunkKXYSO6GC_cjs.sameHueTint(chunkKXYSO6GC_cjs.representativeColor(fillColor, OUTSIDE_FALLBACK_COLOR), OUTSIDE_TINT_LIGHTNESS) ?? OUTSIDE_FALLBACK_COLOR : chunkKXYSO6GC_cjs.sameHueContrastColor(
+    chunkKXYSO6GC_cjs.representativeColor(fillColor, "#0f172a"),
+    chunkKXYSO6GC_cjs.contrastTextColor(chunkKXYSO6GC_cjs.representativeColor(fillColor, "#0f172a"))
   );
   return { point, color, outside, mid, tickStart };
 }
@@ -7077,7 +7866,7 @@ function createWedgeLabel(context, geometry, angles, series, value, fillColor) {
   const { point, color, outside, mid, tickStart } = placement;
   const { nameSize, valueSize } = labelSizes(chart);
   const lineHeight = Math.max(nameSize, valueSize) * 1.2;
-  const tickEnd = outside ? chunkXY2GZUHC_cjs.clipSegmentToRect(tickStart, point, LABEL_WIDTH / 2, lineHeight) : tickStart;
+  const tickEnd = outside ? chunkKXYSO6GC_cjs.clipSegmentToRect(tickStart, point, LABEL_WIDTH / 2, lineHeight) : tickStart;
   const tick = {
     type: "path",
     id: `chart-polar-area-label-tick-${chart.id}-${series.id}`,
@@ -7099,7 +7888,7 @@ function createWedgeLabel(context, geometry, angles, series, value, fillColor) {
     bounds,
     x: point.x - LABEL_WIDTH / 2,
     width: LABEL_WIDTH,
-    fontFamily: chart.fontFamily ?? chunkXY2GZUHC_cjs.DEFAULT_FONT,
+    fontFamily: chart.fontFamily ?? chunkKXYSO6GC_cjs.DEFAULT_FONT,
     align: "center",
     verticalAlign: "middle",
     lineHeight: 1.2,
@@ -7122,7 +7911,7 @@ function createWedgeLabel(context, geometry, angles, series, value, fillColor) {
     lines: [series.label],
     fontWeight: valueFirst ? "normal" : "bold",
     detail,
-    prop: chunkXY2GZUHC_cjs.seriesLabelProp(series.id)
+    prop: chunkKXYSO6GC_cjs.seriesLabelProp(series.id)
   };
   const valueText = {
     type: "text",
@@ -7132,10 +7921,10 @@ function createWedgeLabel(context, geometry, angles, series, value, fillColor) {
     y: valueY,
     height: valueSize * 1.2,
     fontSize: valueSize,
-    lines: [chunkXY2GZUHC_cjs.formatFieldValue(value)],
+    lines: [chunkKXYSO6GC_cjs.formatFieldValue(value)],
     fontWeight: valueFirst ? "bold" : "normal",
     detail,
-    prop: chunkXY2GZUHC_cjs.seriesValueProp(series.id, 0),
+    prop: chunkKXYSO6GC_cjs.seriesValueProp(series.id, 0),
     propKind: "value"
   };
   return [tick, nameText, valueText];
@@ -7153,10 +7942,10 @@ function radarFrameFor(context) {
   return {
     centerX: plot.x + plot.width / 2,
     centerY: plot.y + plot.height / 2,
-    radius: chunkXY2GZUHC_cjs.radarRadius(plot.width, plot.height, chunkXY2GZUHC_cjs.finite(chart.fontSize, 12), context.showLabels),
+    radius: chunkKXYSO6GC_cjs.radarRadius(plot.width, plot.height, chunkKXYSO6GC_cjs.finite(chart.fontSize, 12), context.showLabels),
     min: chart.axisY.min,
     max: chart.axisY.max,
-    count: chunkXY2GZUHC_cjs.radarCategoryCount(configuredCount, dataCount),
+    count: chunkKXYSO6GC_cjs.radarCategoryCount(configuredCount, dataCount),
     curved: chart.chartType === "radial",
     tension: chart.config?.radarTension
   };
@@ -7166,7 +7955,7 @@ function createRadarGeometry(context) {
   const configuredCategories = chart.config?.categories?.filter(Boolean) ?? [];
   const frame = radarFrameFor(context);
   const categories = createCategories(configuredCategories, frame.count);
-  const pointAt = (pointRadius, pointIndex) => chunkXY2GZUHC_cjs.radarPointAt(frame, pointIndex, pointRadius);
+  const pointAt = (pointRadius, pointIndex) => chunkKXYSO6GC_cjs.radarPointAt(frame, pointIndex, pointRadius);
   return {
     circular: frame.curved,
     areaOpacity: Math.max(0, Math.min(1, chart.config?.areaOpacity ?? 0.16)),
@@ -7178,9 +7967,9 @@ function createRadarGeometry(context) {
     centerX: frame.centerX,
     centerY: frame.centerY,
     radius: frame.radius,
-    radiusForValue: (value) => chunkXY2GZUHC_cjs.radarRadiusForValue(frame, value),
+    radiusForValue: (value) => chunkKXYSO6GC_cjs.radarRadiusForValue(frame, value),
     pointAt,
-    polygonPath: (pointRadius) => chunkXY2GZUHC_cjs.radarSeriesPath(
+    polygonPath: (pointRadius) => chunkKXYSO6GC_cjs.radarSeriesPath(
       categories.map((_, index) => pointAt(pointRadius, index)),
       false
     )
@@ -7201,7 +7990,7 @@ function renderRadarGrid(context, geometry) {
   return [...renderRings(context, geometry), ...geometry.showSpokes ? renderSpokes(context, geometry) : []];
 }
 function renderRings(context, geometry) {
-  return chunkXY2GZUHC_cjs.chartTicks(context.chart.axisY).filter((tick) => tick > context.chart.axisY.min).map((tick) => createRingNode(context, geometry, tick));
+  return chunkKXYSO6GC_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;
@@ -7209,7 +7998,7 @@ function createRingNode(context, geometry, tick) {
   const style = {
     fill: { kind: "none" },
     stroke: { kind: "solid", color: chart.gridColor ?? "#e2e8f0" },
-    strokeWidth: chunkXY2GZUHC_cjs.finite(chart.gridWidth, 1)
+    strokeWidth: chunkKXYSO6GC_cjs.finite(chart.gridWidth, 1)
   };
   if (geometry.circular) {
     return {
@@ -7246,7 +8035,7 @@ function renderSpokes(context, geometry) {
       style: {
         fill: { kind: "none" },
         stroke: { kind: "solid", color: chart.gridColor ?? "#e2e8f0" },
-        strokeWidth: chunkXY2GZUHC_cjs.finite(chart.gridWidth, 1)
+        strokeWidth: chunkKXYSO6GC_cjs.finite(chart.gridWidth, 1)
       }
     };
   });
@@ -7266,7 +8055,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 chunkXY2GZUHC_cjs.chartText({
+  return chunkKXYSO6GC_cjs.chartText({
     id: `chart-radar-label-${chart.id}-${categoryIndex}`,
     order: nextOrder(),
     bounds,
@@ -7304,9 +8093,9 @@ function renderRadarSeries(context, geometry) {
   return nodes;
 }
 function renderSeries(context, geometry, series, seriesIndex) {
-  const color = series.color ?? chunkXY2GZUHC_cjs.CHART_COLORS[seriesIndex % chunkXY2GZUHC_cjs.CHART_COLORS.length];
+  const color = series.color ?? chunkKXYSO6GC_cjs.CHART_COLORS[seriesIndex % chunkKXYSO6GC_cjs.CHART_COLORS.length];
   const points = seriesPoints(series, context, geometry);
-  const path = chunkXY2GZUHC_cjs.radarSeriesPath(points, geometry.circular, geometry.tension);
+  const path = chunkKXYSO6GC_cjs.radarSeriesPath(points, geometry.circular, geometry.tension);
   return [
     createSeriesFill(context, geometry, series, path, color),
     ...geometry.strokeWidth > 0 ? [createSeriesStroke(context, geometry, series, path, color)] : [],
@@ -7329,7 +8118,7 @@ function createSeriesFill(context, geometry, series, path, color) {
     d: path,
     detail: { of: "chartSeries", series: series.id },
     style: {
-      fill: chunkXY2GZUHC_cjs.paint(color, diagnostics, chart.id),
+      fill: chunkKXYSO6GC_cjs.paint(color, diagnostics, chart.id),
       stroke: { kind: "none" },
       opacity: Math.max(0, Math.min(1, series.opacity ?? geometry.areaOpacity))
     }
@@ -7346,10 +8135,10 @@ function createSeriesStroke(context, geometry, series, path, color) {
     detail: { of: "chartSeries", series: series.id },
     style: {
       fill: { kind: "none" },
-      stroke: chunkXY2GZUHC_cjs.paint(color, diagnostics, chart.id),
+      stroke: chunkKXYSO6GC_cjs.paint(color, diagnostics, chart.id),
       strokeWidth: geometry.strokeWidth,
       lineJoin: "round",
-      shadow: chunkXY2GZUHC_cjs.resolveChartShadow(chart.shadowStyle)
+      shadow: chunkKXYSO6GC_cjs.resolveChartShadow(chart.shadowStyle)
     }
   };
 }
@@ -7365,8 +8154,8 @@ function createSeriesPoints(context, geometry, series, points, color) {
     rx: geometry.pointSize,
     ry: geometry.pointSize,
     detail: { of: "chartValue", series: series.id, valueIndex: pointIndex, mark: "radar-vertex" },
-    prop: chunkXY2GZUHC_cjs.seriesValueProp(series.id, pointIndex),
-    style: { fill: chunkXY2GZUHC_cjs.paint(color, diagnostics, chart.id) }
+    prop: chunkKXYSO6GC_cjs.seriesValueProp(series.id, pointIndex),
+    style: { fill: chunkKXYSO6GC_cjs.paint(color, diagnostics, chart.id) }
   }));
 }
 
@@ -7420,25 +8209,25 @@ function ringProgressPath(cx, cy, r, sweep, from) {
 }
 function layoutOf2(context) {
   const { chart, plot } = context;
-  const axisMin = chunkXY2GZUHC_cjs.finite(chart.axisY.min, 0);
+  const axisMin = chunkKXYSO6GC_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, chunkXY2GZUHC_cjs.finite(chart.config?.ringThickness, DEFAULT_RING_THICKNESS)),
-    ringGap: Math.max(0, chunkXY2GZUHC_cjs.finite(chart.config?.ringGap, DEFAULT_RING_GAP)),
+    ringThickness: Math.max(1, chunkKXYSO6GC_cjs.finite(chart.config?.ringThickness, DEFAULT_RING_THICKNESS)),
+    ringGap: Math.max(0, chunkKXYSO6GC_cjs.finite(chart.config?.ringGap, DEFAULT_RING_GAP)),
     axisMin,
-    range: chunkXY2GZUHC_cjs.finite(chart.axisY.max, 100) - axisMin,
-    start: TOP3 + chunkXY2GZUHC_cjs.finite(chart.config?.ringStartAngle, 0) * Math.PI / 180,
-    total: Math.min(360, Math.max(1, chunkXY2GZUHC_cjs.finite(chart.config?.ringSweep, 360))) * Math.PI / 180,
-    trackOpacity: Math.min(1, Math.max(0, chunkXY2GZUHC_cjs.finite(chart.config?.ringTrackOpacity, TRACK_OPACITY))),
+    range: chunkKXYSO6GC_cjs.finite(chart.axisY.max, 100) - axisMin,
+    start: TOP3 + chunkKXYSO6GC_cjs.finite(chart.config?.ringStartAngle, 0) * Math.PI / 180,
+    total: Math.min(360, Math.max(1, chunkKXYSO6GC_cjs.finite(chart.config?.ringSweep, 360))) * Math.PI / 180,
+    trackOpacity: Math.min(1, Math.max(0, chunkKXYSO6GC_cjs.finite(chart.config?.ringTrackOpacity, TRACK_OPACITY))),
     cap: chart.config?.ringCap ?? "round"
   };
 }
 function ringEndShadows(context, layout, series, radius, sweep, color) {
   const { chart, bounds, nextOrder } = context;
   const { centerX, centerY, ringThickness, start } = layout;
-  const shadow = chunkXY2GZUHC_cjs.resolveChartShadow(chart.shadowStyle);
+  const shadow = chunkKXYSO6GC_cjs.resolveChartShadow(chart.shadowStyle);
   const isFullCircle = sweep >= Math.PI * 2 - FULL_SWEEP_EPSILON;
   if (!shadow || isFullCircle) {
     return [];
@@ -7476,8 +8265,8 @@ function ringNodes2(context, layout, series, index) {
   if (radius <= ringThickness / 2) {
     return [];
   }
-  const color = chunkXY2GZUHC_cjs.paint(series.color ?? chunkXY2GZUHC_cjs.CHART_COLORS[index % chunkXY2GZUHC_cjs.CHART_COLORS.length], diagnostics, chart.id);
-  const value = Math.max(0, chunkXY2GZUHC_cjs.finite(series.values[0], 0));
+  const color = chunkKXYSO6GC_cjs.paint(series.color ?? chunkKXYSO6GC_cjs.CHART_COLORS[index % chunkKXYSO6GC_cjs.CHART_COLORS.length], diagnostics, chart.id);
+  const value = Math.max(0, chunkKXYSO6GC_cjs.finite(series.values[0], 0));
   const fraction = range > 0 ? Math.min(1, Math.max(0, (value - axisMin) / range)) : 0;
   const trackStyle = {
     fill: { kind: "none" },
@@ -7515,7 +8304,7 @@ function ringNodes2(context, layout, series, index) {
     bounds,
     d: ringProgressPath(centerX, centerY, radius, sweep, start),
     detail: { of: "chartValue", series: series.id, valueIndex: 0, mark: "radial-bar-ring" },
-    prop: chunkXY2GZUHC_cjs.seriesValueProp(series.id, 0),
+    prop: chunkKXYSO6GC_cjs.seriesValueProp(series.id, 0),
     style: { fill: { kind: "none" }, stroke: color, strokeWidth: ringThickness, lineCap: cap }
   };
   return [track, ...casters, progress];
@@ -7527,7 +8316,7 @@ function renderRadialBar(context) {
 
 // src/renderScene/charts/renderers/sankey/links.ts
 function renderSankeyLinks(context, data) {
-  const shadow = chunkXY2GZUHC_cjs.resolveChartShadow(context.chart.shadowStyle);
+  const shadow = chunkKXYSO6GC_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;
@@ -7548,8 +8337,8 @@ function createSankeyLinkRibbon(context, data, link, linkIndex, gradient) {
     bottom: data.baseY + link.targetY1
   };
   const config = context.chart.config;
-  const fromColor = link.color || data.nodeColors.get(link.source) || chunkXY2GZUHC_cjs.DEFAULT_ZONE_FILL;
-  const toColor = data.nodeColors.get(link.target) || chunkXY2GZUHC_cjs.DEFAULT_ZONE_FILL;
+  const fromColor = link.color || data.nodeColors.get(link.source) || chunkKXYSO6GC_cjs.DEFAULT_ZONE_FILL;
+  const toColor = data.nodeColors.get(link.target) || chunkKXYSO6GC_cjs.DEFAULT_ZONE_FILL;
   const fill2 = gradient ? {
     kind: "linear-gradient",
     angle: 0,
@@ -7564,9 +8353,9 @@ function createSankeyLinkRibbon(context, data, link, linkIndex, gradient) {
     toId: link.target,
     source,
     target,
-    controlX: source.x + (target.x - source.x) * Math.min(1, Math.max(0, chunkXY2GZUHC_cjs.finite(config?.sankeyLinkCurve, 0.5))),
+    controlX: source.x + (target.x - source.x) * Math.min(1, Math.max(0, chunkKXYSO6GC_cjs.finite(config?.sankeyLinkCurve, 0.5))),
     fill: fill2,
-    opacity: Math.min(1, Math.max(0, chunkXY2GZUHC_cjs.finite(config?.sankeyLinkOpacity, link.color ? 0.85 : 0.45)))
+    opacity: Math.min(1, Math.max(0, chunkKXYSO6GC_cjs.finite(config?.sankeyLinkOpacity, link.color ? 0.85 : 0.45)))
   };
 }
 function createSankeyRibbonNode(context, ribbon, shadow, clipPath, gradient) {
@@ -7607,7 +8396,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, chunkXY2GZUHC_cjs.finite(context.chart.config?.barCornerRadius, 0));
+  const cornerRadius = Math.max(0, chunkKXYSO6GC_cjs.finite(context.chart.config?.barCornerRadius, 0));
   const nodes = [];
   data.nodes.forEach((node) => {
     nodes.push(createNodeRect(context, data, node, cornerRadius));
@@ -7623,8 +8412,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 || chunkXY2GZUHC_cjs.DEFAULT_ZONE_FILL },
-    shadow: chunkXY2GZUHC_cjs.resolveChartShadow(chart.shadowStyle)
+    fill: { kind: "solid", color: node.color || chunkKXYSO6GC_cjs.DEFAULT_ZONE_FILL },
+    shadow: chunkKXYSO6GC_cjs.resolveChartShadow(chart.shadowStyle)
   };
   const isFirstColumn = node.column === 0;
   const isLastColumn = node.column === data.columnCount - 1;
@@ -7650,7 +8439,7 @@ function createNodeRect(context, data, node, cornerRadius) {
       id: `chart-sankey-node-${chart.id}-${node.id}`,
       order: nextOrder(),
       bounds,
-      d: chunkXY2GZUHC_cjs.leftRoundedRectPath(x, y, node.width, node.height, cornerRadius),
+      d: chunkKXYSO6GC_cjs.leftRoundedRectPath(x, y, node.width, node.height, cornerRadius),
       style,
       detail
     };
@@ -7661,7 +8450,7 @@ function createNodeRect(context, data, node, cornerRadius) {
       id: `chart-sankey-node-${chart.id}-${node.id}`,
       order: nextOrder(),
       bounds,
-      d: chunkXY2GZUHC_cjs.rightRoundedRectPath(x, y, node.width, node.height, cornerRadius),
+      d: chunkKXYSO6GC_cjs.rightRoundedRectPath(x, y, node.width, node.height, cornerRadius),
       style,
       detail
     };
@@ -7687,9 +8476,9 @@ function createNodeLabel(context, data, node) {
     return void 0;
   }
   const fallback = chart.textColor ?? "#0f172a";
-  const defaultColor = position === "inside" ? chunkXY2GZUHC_cjs.contrastTextColor(node.color) : chunkXY2GZUHC_cjs.sameHueTint(
+  const defaultColor = position === "inside" ? chunkKXYSO6GC_cjs.contrastTextColor(node.color) : chunkKXYSO6GC_cjs.sameHueTint(
     node.color,
-    chunkXY2GZUHC_cjs.isLightColor(fallback) ? OUTSIDE_LABEL_LIGHTNESS_ON_DARK_BG : OUTSIDE_LABEL_LIGHTNESS_ON_LIGHT_BG
+    chunkKXYSO6GC_cjs.isLightColor(fallback) ? OUTSIDE_LABEL_LIGHTNESS_ON_DARK_BG : OUTSIDE_LABEL_LIGHTNESS_ON_LIGHT_BG
   ) ?? fallback;
   const color = chart.config?.labelColor ?? defaultColor;
   return { ...label, color, detail: { of: "chartSeries", series: node.id, mark: "sankey-node-label" } };
@@ -7701,7 +8490,7 @@ function createOutsideLabel(context, data, node) {
   const y = data.baseY + node.y;
   const labelX2 = isLastColumn ? x - data.labelGutter + 8 : x + node.width + 6;
   return {
-    ...chunkXY2GZUHC_cjs.chartText({
+    ...chunkKXYSO6GC_cjs.chartText({
       id: `chart-sankey-label-${chart.id}-${node.id}`,
       order: nextOrder(),
       bounds,
@@ -7726,11 +8515,11 @@ function createInsideLabel(context, data, node, orientation) {
   if (orientation === "vertical") {
     const thickness = fontSize * 1.4;
     const width = Math.max(1, node.height - 8);
-    if (chunkXY2GZUHC_cjs.estimateTextWidth(node.label, fontSize, false) > width) {
+    if (chunkKXYSO6GC_cjs.estimateTextWidth(node.label, fontSize, false) > width) {
       return void 0;
     }
     return {
-      ...chunkXY2GZUHC_cjs.chartText({
+      ...chunkKXYSO6GC_cjs.chartText({
         id,
         order: nextOrder(),
         bounds,
@@ -7747,7 +8536,7 @@ function createInsideLabel(context, data, node, orientation) {
     };
   }
   return {
-    ...chunkXY2GZUHC_cjs.chartText({
+    ...chunkKXYSO6GC_cjs.chartText({
       id,
       order: nextOrder(),
       bounds,
@@ -7768,18 +8557,18 @@ function createSankeyRenderData(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, {
-    nodeWidth: Math.max(1, chunkXY2GZUHC_cjs.finite(chart.config?.sankeyNodeWidth, 18)),
-    nodeGap: Math.max(0, chunkXY2GZUHC_cjs.finite(chart.config?.sankeyNodeGap, 8))
+    nodeWidth: Math.max(1, chunkKXYSO6GC_cjs.finite(chart.config?.sankeyNodeWidth, 18)),
+    nodeGap: Math.max(0, chunkKXYSO6GC_cjs.finite(chart.config?.sankeyNodeGap, 8))
   });
   return {
     ...layout,
     baseX: plot.x + labelGutter,
     baseY: plot.y,
     labelGutter,
-    fontSize: Math.max(9, chunkXY2GZUHC_cjs.finite(chart.fontSize, 12)),
-    labelSize: Math.max(6, chunkXY2GZUHC_cjs.finite(chart.config?.sankeyLabelSize, Math.max(9, chunkXY2GZUHC_cjs.finite(chart.fontSize, 12)) - 2)),
+    fontSize: Math.max(9, chunkKXYSO6GC_cjs.finite(chart.fontSize, 12)),
+    labelSize: Math.max(6, chunkKXYSO6GC_cjs.finite(chart.config?.sankeyLabelSize, Math.max(9, chunkKXYSO6GC_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 || chunkXY2GZUHC_cjs.DEFAULT_ZONE_FILL]))
+    nodeColors: new Map(layout.nodes.map((node) => [node.id, node.color || chunkKXYSO6GC_cjs.DEFAULT_ZONE_FILL]))
   };
 }
 function createNodeInputs(context) {
@@ -7801,7 +8590,7 @@ function createLinkInputs(context) {
       source: series.source,
       target: series.target,
       value: series.values[0] ?? 0,
-      color: series.color ? chunkXY2GZUHC_cjs.representativeColor(series.color, chunkXY2GZUHC_cjs.DEFAULT_ZONE_FILL) : void 0
+      color: series.color ? chunkKXYSO6GC_cjs.representativeColor(series.color, chunkKXYSO6GC_cjs.DEFAULT_ZONE_FILL) : void 0
     });
   });
   return inputs;
@@ -7820,9 +8609,9 @@ function renderSankey(context) {
 var DEFAULT_POINT_SIZE = 4;
 function renderScatter(context) {
   const nodes = [];
-  const shadow = chunkXY2GZUHC_cjs.resolveChartShadow(context.chart.shadowStyle);
+  const shadow = chunkKXYSO6GC_cjs.resolveChartShadow(context.chart.shadowStyle);
   context.chart.series.forEach((series, seriesIndex) => {
-    const color = series.color ?? chunkXY2GZUHC_cjs.CHART_COLORS[seriesIndex % chunkXY2GZUHC_cjs.CHART_COLORS.length];
+    const color = series.color ?? chunkKXYSO6GC_cjs.CHART_COLORS[seriesIndex % chunkKXYSO6GC_cjs.CHART_COLORS.length];
     const points = pixelPoints(context, seriesValuePairs(context.chart, series));
     points.forEach((point, pointIndex) => {
       nodes.push(createScatterPoint(context, series, point, pointIndex, color, shadow));
@@ -7846,8 +8635,8 @@ function createScatterPoint(context, series, point, pointIndex, color, shadow) {
     ry: radius,
     detail: { of: "chartValue", series: series.id, valueIndex: pointIndex },
     style: {
-      fill: chunkXY2GZUHC_cjs.paint(color, diagnostics, chart.id),
-      stroke: strokeWidth > 0 ? chunkXY2GZUHC_cjs.paint(config?.pointStrokeColor ?? color, diagnostics, chart.id) : void 0,
+      fill: chunkKXYSO6GC_cjs.paint(color, diagnostics, chart.id),
+      stroke: strokeWidth > 0 ? chunkKXYSO6GC_cjs.paint(config?.pointStrokeColor ?? color, diagnostics, chart.id) : void 0,
       strokeWidth: strokeWidth > 0 ? strokeWidth : void 0,
       opacity: config?.pointOpacity,
       shadow
@@ -7858,14 +8647,14 @@ function createScatterPoint(context, series, point, pointIndex, color, shadow) {
 // src/renderScene/charts/renderers/treemap/layout.ts
 function createTreemapLayout(context) {
   const { chart, plot, showLegend } = context;
-  const fontSize = Math.max(9, chunkXY2GZUHC_cjs.finite(chart.fontSize, 12));
+  const fontSize = Math.max(9, chunkKXYSO6GC_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, chunkXY2GZUHC_cjs.finite(chart.config?.cellGap, 0));
+  const cellGap = Math.max(0, chunkKXYSO6GC_cjs.finite(chart.config?.cellGap, 0));
   return {
     leaves: chart.series,
-    bands: chunkXY2GZUHC_cjs.axisBands(chart.axisY),
-    zones: chart.config?.zones?.length ? chart.config.zones : chunkXY2GZUHC_cjs.DEFAULT_HEATMAP_ZONES,
+    bands: chunkKXYSO6GC_cjs.axisBands(chart.axisY),
+    zones: chart.config?.zones?.length ? chart.config.zones : chunkKXYSO6GC_cjs.DEFAULT_HEATMAP_ZONES,
     fontSize,
     smallFontSize: Math.max(8, fontSize - 1),
     legendPosition,
@@ -7873,23 +8662,23 @@ function createTreemapLayout(context) {
     gridWidth: Math.max(1, plot.width),
     gridHeight: Math.max(1, plot.height - legendHeight),
     cellGap,
-    cellRadius: Math.max(0, chunkXY2GZUHC_cjs.finite(chart.config?.barCornerRadius, cellGap)),
-    headerHeight: Math.max(0, chunkXY2GZUHC_cjs.finite(chart.config?.headerHeight, 20)),
-    labelSize: Math.max(6, chunkXY2GZUHC_cjs.finite(chart.config?.tileLabelSize, Math.max(8, fontSize - 1))),
-    valueSize: Math.max(6, chunkXY2GZUHC_cjs.finite(chart.config?.tileValueSize, Math.max(8, fontSize - 1))),
-    labelPadding: Math.max(0, chunkXY2GZUHC_cjs.finite(chart.config?.tileLabelPadding, 4))
+    cellRadius: Math.max(0, chunkKXYSO6GC_cjs.finite(chart.config?.barCornerRadius, cellGap)),
+    headerHeight: Math.max(0, chunkKXYSO6GC_cjs.finite(chart.config?.headerHeight, 20)),
+    labelSize: Math.max(6, chunkKXYSO6GC_cjs.finite(chart.config?.tileLabelSize, Math.max(8, fontSize - 1))),
+    valueSize: Math.max(6, chunkKXYSO6GC_cjs.finite(chart.config?.tileValueSize, Math.max(8, fontSize - 1))),
+    labelPadding: Math.max(0, chunkKXYSO6GC_cjs.finite(chart.config?.tileLabelPadding, 4))
   };
 }
 function treemapLeafValue(leaf) {
   return leaf.values[0] ?? 0;
 }
 function treemapLeafColor(leaf, layout) {
-  return leaf.color ?? chunkXY2GZUHC_cjs.zoneColorAtValue(treemapLeafValue(leaf), layout.bands, layout.zones);
+  return leaf.color ?? chunkKXYSO6GC_cjs.zoneColorAtValue(treemapLeafValue(leaf), layout.bands, layout.zones);
 }
 
 // src/renderScene/charts/renderers/treemap/legend.ts
 var BAR_THICKNESS = 10;
-var TICK_LENGTH = 4;
+var TICK_LENGTH2 = 4;
 var ROW_GAP2 = 2;
 var CHART_GAP = 16;
 var LABEL_SIZE = 34;
@@ -7909,7 +8698,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 ?? chunkXY2GZUHC_cjs.DEFAULT_ZONE_FILL
+    color: zone.color ?? chunkKXYSO6GC_cjs.DEFAULT_ZONE_FILL
   }));
 }
 function renderBottomLegend(context, layout) {
@@ -7918,7 +8707,7 @@ function renderBottomLegend(context, layout) {
   const barWidth = layout.gridWidth;
   const labelHeight = layout.fontSize + 2;
   const barY = plot.y + layout.gridHeight + CHART_GAP;
-  const barBounds = chunkXY2GZUHC_cjs.boxBounds({ x: barX, y: barY, width: barWidth, height: BAR_THICKNESS });
+  const barBounds = chunkKXYSO6GC_cjs.boxBounds({ x: barX, y: barY, width: barWidth, height: BAR_THICKNESS });
   const stops = bandStops(layout);
   const bar = {
     type: "rect",
@@ -7932,19 +8721,19 @@ 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: chunkXY2GZUHC_cjs.DEFAULT_ZONE_FILL },
+      fill: stops.length ? { kind: "linear-gradient", angle: 0, stops } : { kind: "solid", color: chunkKXYSO6GC_cjs.DEFAULT_ZONE_FILL },
       stroke: { kind: "solid", color: chart.gridColor ?? "#e2e8f0" },
       strokeWidth: 1
     }
   };
-  const ticks = layout.bands.flatMap((value, index) => {
+  const ticks2 = layout.bands.flatMap((value, index) => {
     const x = barX + bandRatio2(layout, value) * barWidth;
     const tick = {
       type: "path",
       id: `chart-treemap-legend-tick-${chart.id}-${index}`,
       order: nextOrder(),
       bounds,
-      d: `M ${x} ${barY + BAR_THICKNESS} L ${x} ${barY + BAR_THICKNESS + TICK_LENGTH}`,
+      d: `M ${x} ${barY + BAR_THICKNESS} L ${x} ${barY + BAR_THICKNESS + TICK_LENGTH2}`,
       style: {
         fill: { kind: "none" },
         stroke: { kind: "solid", color: chart.gridColor ?? "#e2e8f0" },
@@ -7955,18 +8744,18 @@ 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 = chunkXY2GZUHC_cjs.chartText({
+    const label = chunkKXYSO6GC_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: chunkXY2GZUHC_cjs.formatFieldValue(value),
+      frame: { x: frameX, y: barY + BAR_THICKNESS + TICK_LENGTH2 + ROW_GAP2, width: LABEL_SIZE, height: labelHeight },
+      text: chunkKXYSO6GC_cjs.formatFieldValue(value),
       chart,
       align
     });
     return [tick, label];
   });
-  return [bar, ...ticks];
+  return [bar, ...ticks2];
 }
 function renderSideLegend(context, layout) {
   const { chart, plot, bounds, nextOrder } = context;
@@ -7974,7 +8763,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 = chunkXY2GZUHC_cjs.boxBounds({ x: barX, y: barTop, width: BAR_THICKNESS, height: barHeight });
+  const barBounds = chunkKXYSO6GC_cjs.boxBounds({ x: barX, y: barTop, width: BAR_THICKNESS, height: barHeight });
   const stops = bandStops(layout);
   const bar = {
     type: "rect",
@@ -7988,15 +8777,15 @@ 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: chunkXY2GZUHC_cjs.DEFAULT_ZONE_FILL },
+      fill: stops.length ? { kind: "linear-gradient", angle: 270, stops } : { kind: "solid", color: chunkKXYSO6GC_cjs.DEFAULT_ZONE_FILL },
       stroke: { kind: "solid", color: chart.gridColor ?? "#e2e8f0" },
       strokeWidth: 1
     }
   };
   const tickX = side === "left" ? barX : barX + BAR_THICKNESS;
-  const tickEndX = side === "left" ? tickX - TICK_LENGTH : tickX + TICK_LENGTH;
+  const tickEndX = side === "left" ? tickX - TICK_LENGTH2 : tickX + TICK_LENGTH2;
   const labelX2 = side === "left" ? tickEndX - ROW_GAP2 - LABEL_SIZE : tickEndX + ROW_GAP2;
-  const ticks = layout.bands.flatMap((value, index) => {
+  const ticks2 = layout.bands.flatMap((value, index) => {
     const y = barTop + (1 - bandRatio2(layout, value)) * barHeight;
     const tick = {
       type: "path",
@@ -8010,18 +8799,18 @@ function renderSideLegend(context, layout) {
         strokeWidth: 1
       }
     };
-    const label = chunkXY2GZUHC_cjs.chartText({
+    const label = chunkKXYSO6GC_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: chunkXY2GZUHC_cjs.formatFieldValue(value),
+      text: chunkKXYSO6GC_cjs.formatFieldValue(value),
       chart,
       align: side === "left" ? "right" : "left"
     });
     return [tick, label];
   });
-  return [bar, ...ticks];
+  return [bar, ...ticks2];
 }
 
 // src/renderScene/charts/renderers/treemap/tiles.ts
@@ -8103,7 +8892,7 @@ function renderTreemapHeader(context, layout, header, index) {
   };
   const smallFontSize = Math.max(8, Math.max(9, chart.fontSize ?? 12) - 1);
   const label = {
-    ...chunkXY2GZUHC_cjs.chartText({
+    ...chunkKXYSO6GC_cjs.chartText({
       id: `chart-treemap-header-label-${chart.id}-${index}`,
       order: nextOrder(),
       bounds,
@@ -8118,7 +8907,7 @@ function renderTreemapHeader(context, layout, header, index) {
       align: "center"
     }),
     fontSize: smallFontSize,
-    color: chunkXY2GZUHC_cjs.contrastTextColor(fill2)
+    color: chunkKXYSO6GC_cjs.contrastTextColor(fill2)
   };
   return [background, label];
 }
@@ -8134,7 +8923,7 @@ function renderTile(context, layout, tile, nextTile) {
 function createTileNode(context, layout, tile, color, nextColor) {
   const { chart, plot, bounds, diagnostics, nextOrder } = context;
   const gap = layout.cellGap;
-  const shadow = chunkXY2GZUHC_cjs.resolveChartShadow(chart.shadowStyle);
+  const shadow = chunkKXYSO6GC_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;
@@ -8151,10 +8940,10 @@ function createTileNode(context, layout, tile, color, nextColor) {
     kind: "linear-gradient",
     angle: 0,
     stops: [
-      { offset: 0, color: chunkXY2GZUHC_cjs.representativeColor(color, fallback) },
-      { offset: 100, color: chunkXY2GZUHC_cjs.representativeColor(nextColor, fallback) }
+      { offset: 0, color: chunkKXYSO6GC_cjs.representativeColor(color, fallback) },
+      { offset: 100, color: chunkKXYSO6GC_cjs.representativeColor(nextColor, fallback) }
     ]
-  } : chunkXY2GZUHC_cjs.paint(color, diagnostics, chart.id);
+  } : chunkKXYSO6GC_cjs.paint(color, diagnostics, chart.id);
   return {
     type: "rect",
     id: `chart-treemap-tile-${chart.id}-${tile.item.leaf.id}`,
@@ -8168,7 +8957,7 @@ function createTileNode(context, layout, tile, color, nextColor) {
     style: {
       fill: fill2,
       stroke: { kind: "solid", color: chart.config?.tileStrokeColor ?? chart.gridColor ?? "#e2e8f0" },
-      strokeWidth: chunkXY2GZUHC_cjs.finite(chart.config?.tileStrokeWidth, chunkXY2GZUHC_cjs.finite(chart.gridWidth, 1)),
+      strokeWidth: chunkKXYSO6GC_cjs.finite(chart.config?.tileStrokeWidth, chunkKXYSO6GC_cjs.finite(chart.gridWidth, 1)),
       shadow,
       clip: clipPath ? { type: "path", d: clipPath } : void 0
     }
@@ -8183,12 +8972,12 @@ function createTileLabel(context, layout, tile, color) {
   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 ?? chunkXY2GZUHC_cjs.contrastTextColor(chunkXY2GZUHC_cjs.representativeColor(color, "#ffffff"));
+  const textColor = chart.config?.tileTextColor ?? chunkKXYSO6GC_cjs.contrastTextColor(chunkKXYSO6GC_cjs.representativeColor(color, "#ffffff"));
   const lineHeight = layout.labelSize * 1.2;
   const maxLines = Math.max(1, Math.floor(height / lineHeight));
-  const labelLines = chunkXY2GZUHC_cjs.wrapText(leaf.label, width, layout.labelSize).slice(0, maxLines).map((line) => chunkXY2GZUHC_cjs.ellipsizeToWidth(line, width, layout.labelSize, true));
+  const labelLines = chunkKXYSO6GC_cjs.wrapText(leaf.label, width, layout.labelSize).slice(0, maxLines).map((line) => chunkKXYSO6GC_cjs.ellipsizeToWidth(line, width, layout.labelSize, true));
   const label = {
-    ...chunkXY2GZUHC_cjs.chartText({
+    ...chunkKXYSO6GC_cjs.chartText({
       id: `chart-treemap-label-${chart.id}-${leaf.id}`,
       order: nextOrder(),
       bounds,
@@ -8202,12 +8991,12 @@ function createTileLabel(context, layout, tile, color) {
     color: textColor
   };
   const valueText = String(value);
-  const valueFits = labelLines.length * lineHeight + layout.valueSize * 1.2 <= height + 2 && chunkXY2GZUHC_cjs.estimateTextWidth(valueText, layout.valueSize, false) <= width;
+  const valueFits = labelLines.length * lineHeight + layout.valueSize * 1.2 <= height + 2 && chunkKXYSO6GC_cjs.estimateTextWidth(valueText, layout.valueSize, false) <= width;
   if (chart.config?.showTileValues === false || !valueFits) {
     return [label];
   }
   const valueNode = {
-    ...chunkXY2GZUHC_cjs.chartText({
+    ...chunkKXYSO6GC_cjs.chartText({
       id: `chart-treemap-value-${chart.id}-${leaf.id}`,
       order: nextOrder(),
       bounds,
@@ -8284,7 +9073,7 @@ function buildCartesianChart(foundation) {
 
 // src/renderScene/charts/chartFrame.ts
 function scaleDetail(chart, plot) {
-  const horizontal = chunkXY2GZUHC_cjs.isHorizontalBar(chart);
+  const horizontal = chunkKXYSO6GC_cjs.isHorizontalBar(chart);
   const range = horizontal ? `${plot.x},${plot.width}` : `${plot.y},${plot.height}`;
   return {
     of: "chartScale",
@@ -8292,7 +9081,7 @@ function scaleDetail(chart, plot) {
   };
 }
 function pieDetail(chart, plot) {
-  const { outerRadius, innerRadius, cornerRadius } = chunkXY2GZUHC_cjs.resolvePieRadii(
+  const { outerRadius, innerRadius, cornerRadius } = chunkKXYSO6GC_cjs.resolvePieRadii(
     plot.width,
     plot.height,
     chart.config?.innerRadius,
@@ -8305,8 +9094,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(chunkXY2GZUHC_cjs.finite(chart.config?.innerRadius, 0), maxRadius - 1));
-  const cornerRadius = Math.max(0, chunkXY2GZUHC_cjs.finite(chart.config?.pieCornerRadius, 0));
+  const innerRadius = Math.max(0, Math.min(chunkKXYSO6GC_cjs.finite(chart.config?.innerRadius, 0), maxRadius - 1));
+  const cornerRadius = Math.max(0, chunkKXYSO6GC_cjs.finite(chart.config?.pieCornerRadius, 0));
   return {
     of: "pieGeometry",
     pieGeometry: `${plot.x + plot.width / 2},${plot.y + plot.height / 2},${maxRadius},${innerRadius},${cornerRadius}`
@@ -8315,8 +9104,8 @@ 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 = chunkXY2GZUHC_cjs.radarCategoryCount(configuredCount, dataCount);
-  const radius = chunkXY2GZUHC_cjs.radarRadius(plot.width, plot.height, chunkXY2GZUHC_cjs.finite(chart.fontSize, 12), chart.showAxisLabels !== false);
+  const count = chunkKXYSO6GC_cjs.radarCategoryCount(configuredCount, dataCount);
+  const radius = chunkKXYSO6GC_cjs.radarRadius(plot.width, plot.height, chunkKXYSO6GC_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;
@@ -8350,9 +9139,9 @@ function buildChartFrame(chart, bounds, plot, order) {
     height: chart.height,
     rx: chart.cornerRadius ?? 12,
     style: {
-      fill: chunkXY2GZUHC_cjs.paint(chart.fillColor ?? "#ffffff", [], chart.id),
+      fill: chunkKXYSO6GC_cjs.paint(chart.fillColor ?? "#ffffff", [], chart.id),
       stroke: { kind: "solid", color: chart.strokeColor ?? "#475569" },
-      strokeWidth: chunkXY2GZUHC_cjs.finite(chart.strokeWidth, 1)
+      strokeWidth: chunkKXYSO6GC_cjs.finite(chart.strokeWidth, 1)
     }
   };
   const detail = frameDetail(chart, plot);
@@ -8412,7 +9201,7 @@ function buildChartTitle(chart, bounds, plot, renderOrder) {
   }
   return [
     {
-      ...chunkXY2GZUHC_cjs.chartText({
+      ...chunkKXYSO6GC_cjs.chartText({
         id: `chart-title-${chart.id}`,
         order: renderOrder.next(),
         bounds,
@@ -8422,8 +9211,8 @@ function buildChartTitle(chart, bounds, plot, renderOrder) {
       }),
       ...chart.titleColor ? { color: chart.titleColor } : {},
       fontWeight: chart.titleWeight ?? "bold",
-      fontSize: chunkXY2GZUHC_cjs.finite(chart.titleSize, Math.max(10, chunkXY2GZUHC_cjs.finite(chart.fontSize, 12)) + 2),
-      prop: chunkXY2GZUHC_cjs.CHART_TITLE_PROP
+      fontSize: chunkKXYSO6GC_cjs.finite(chart.titleSize, Math.max(10, chunkKXYSO6GC_cjs.finite(chart.fontSize, 12)) + 2),
+      prop: chunkKXYSO6GC_cjs.CHART_TITLE_PROP
     }
   ];
 }
@@ -8476,14 +9265,14 @@ function buildChart(chart, index, diagnostics) {
 // src/renderScene/charts/artifacts.ts
 function buildCharts(charts, diagnostics) {
   return charts.flatMap(
-    (chart, index) => chunkXY2GZUHC_cjs.tag(buildChart(chart, index, diagnostics), "chart", chart.id, chart.chartType, chart.title ?? "Chart")
+    (chart, index) => chunkKXYSO6GC_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 chunkXY2GZUHC_cjs.EMPTY_BOUNDS;
+    return chunkKXYSO6GC_cjs.EMPTY_BOUNDS;
   }
   return {
     minX: Math.min(...nodes.map((n) => n.bounds.minX)),
@@ -8497,8 +9286,8 @@ function stackingOf(input) {
   const add = (role, objects, legacyBase) => {
     objects.forEach((object, index) => {
       stacking.set(`${role}:${object.id}`, {
-        rank: chunkXY2GZUHC_cjs.stackRank(object),
-        sequence: chunkXY2GZUHC_cjs.stackSequence(object, legacyBase + index)
+        rank: chunkKXYSO6GC_cjs.stackRank(object),
+        sequence: chunkKXYSO6GC_cjs.stackSequence(object, legacyBase + index)
       });
     });
   };
@@ -8514,6 +9303,7 @@ function stackingOf(input) {
   );
   add("chart", input.charts ?? [], 2e4);
   add("path", input.paths ?? [], 3e4);
+  add("dimension", input.dimensions ?? [], 31e3);
   return stacking;
 }
 function stampStacking(nodes, input) {
@@ -8534,7 +9324,8 @@ function buildRenderScene(input, options = {}) {
     ...buildLinks(input.links, measureText),
     ...buildShapes(input.shapes, diagnostics, measureText),
     ...buildComponents(input.components ?? input.widgets ?? []),
-    ...buildIsometricObjects(input.isometricObjects ?? [])
+    ...buildIsometricObjects(input.isometricObjects ?? []),
+    ...buildDimensions(input.dimensions ?? [])
   ];
   stampStacking(nodes, input);
   nodes.sort(
@@ -8844,6 +9635,12 @@ function addStrokeAttrs(attrs, style) {
   if (style.pointerEvents) {
     attrs.push(`pointer-events="${style.pointerEvents}"`);
   }
+  if (style.transition && style.transition > 0) {
+    const time = `${num(style.transition)}ms ease`;
+    attrs.push(
+      `style="transition: x ${time}, y ${time}, width ${time}, height ${time}, cx ${time}, cy ${time}, rx ${time}, ry ${time}, fill ${time}, stroke ${time}, stroke-width ${time}, stroke-dasharray ${time}, opacity ${time}"`
+    );
+  }
 }
 function elementSize(node) {
   const shape = node;
@@ -8974,31 +9771,31 @@ function chartSeriesAttrs(detail) {
   ];
 }
 function frameBoundaryAttrs(detail) {
-  return [`${chunkXY2GZUHC_cjs.CORNER_RADIUS_ATTR}="${num(detail.cornerRadius)}"`, `${chunkXY2GZUHC_cjs.SQUARE_CORNER_ATTR}="${detail.squareCorner}"`];
+  return [`${chunkKXYSO6GC_cjs.CORNER_RADIUS_ATTR}="${num(detail.cornerRadius)}"`, `${chunkKXYSO6GC_cjs.SQUARE_CORNER_ATTR}="${detail.squareCorner}"`];
 }
 function declaredBoundsAttr(bounds) {
-  return `${chunkXY2GZUHC_cjs.SYMBOL_BOUNDS_ATTR}="${num(bounds.x)},${num(bounds.y)},${num(bounds.width)},${num(bounds.height)}"`;
+  return `${chunkKXYSO6GC_cjs.SYMBOL_BOUNDS_ATTR}="${num(bounds.x)},${num(bounds.y)},${num(bounds.width)},${num(bounds.height)}"`;
 }
 function symbolGeometryAttrs(detail) {
   return [
-    `${chunkXY2GZUHC_cjs.SYMBOL_POINTS_ATTR}="${xml(JSON.stringify(detail.points))}"`,
-    `${chunkXY2GZUHC_cjs.SYMBOL_TENSION_ATTR}="${num(detail.tension)}"`,
+    `${chunkKXYSO6GC_cjs.SYMBOL_POINTS_ATTR}="${xml(JSON.stringify(detail.points))}"`,
+    `${chunkKXYSO6GC_cjs.SYMBOL_TENSION_ATTR}="${num(detail.tension)}"`,
     declaredBoundsAttr(detail.declaredBounds)
   ];
 }
 function pathGeometryAttrs(detail) {
   return [
-    `${chunkXY2GZUHC_cjs.PATH_POINTS_ATTR}="${xml(JSON.stringify(detail.points))}"`,
-    `${chunkXY2GZUHC_cjs.PATH_TENSION_ATTR}="${num(detail.tension)}"`,
-    `${chunkXY2GZUHC_cjs.PATH_CLOSED_ATTR}="${detail.closed}"`
+    `${chunkKXYSO6GC_cjs.PATH_POINTS_ATTR}="${xml(JSON.stringify(detail.points))}"`,
+    `${chunkKXYSO6GC_cjs.PATH_TENSION_ATTR}="${num(detail.tension)}"`,
+    `${chunkKXYSO6GC_cjs.PATH_CLOSED_ATTR}="${detail.closed}"`
   ];
 }
 function isometricGeometryAttrs(detail) {
   return [
-    `${chunkXY2GZUHC_cjs.ISOMETRIC_SIZE_ATTR}="${num(detail.width)},${num(detail.height)},${num(detail.depth)}"`,
-    `${chunkXY2GZUHC_cjs.CORNER_RADIUS_ATTR}="${num(detail.cornerRadius)}"`,
+    `${chunkKXYSO6GC_cjs.ISOMETRIC_SIZE_ATTR}="${num(detail.width)},${num(detail.height)},${num(detail.depth)}"`,
+    `${chunkKXYSO6GC_cjs.CORNER_RADIUS_ATTR}="${num(detail.cornerRadius)}"`,
     declaredBoundsAttr(detail.bounds),
-    `${chunkXY2GZUHC_cjs.ISOMETRIC_LABEL_OFFSET_ATTR}="${num(detail.labelOffsetX)},${num(detail.labelOffsetY)}"`
+    `${chunkKXYSO6GC_cjs.ISOMETRIC_LABEL_OFFSET_ATTR}="${num(detail.labelOffsetX)},${num(detail.labelOffsetY)}"`
   ];
 }
 function linkDetailAttrs(detail) {
@@ -9093,8 +9890,9 @@ function lineOffset(index, linePx) {
 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 surfacePadding = node.shader.surfacePadding ?? 0;
   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" || 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>`;
+  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}" data-sf-shader-padding="${num(surfacePadding)}"${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.componentStyle;
@@ -9144,7 +9942,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="${chunkXY2GZUHC_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="${chunkKXYSO6GC_cjs.DOM_CONTRACT_VERSION}">
   <defs>${defs.entries.join("")}</defs>
   ${body}
 </svg>`;
@@ -9164,9 +9962,9 @@ function renderCanvas(input, options = {}) {
 }
 var SCENE_CACHE_LIMIT = 50;
 var sceneCache = /* @__PURE__ */ new Map();
-var cachedForRegistry = chunkXY2GZUHC_cjs.componentRegistryVersion();
+var cachedForRegistry = chunkKXYSO6GC_cjs.componentRegistryVersion();
 function cachedRenderScene(source) {
-  const registry = chunkXY2GZUHC_cjs.componentRegistryVersion();
+  const registry = chunkKXYSO6GC_cjs.componentRegistryVersion();
   if (registry !== cachedForRegistry) {
     sceneCache.clear();
     cachedForRegistry = registry;
@@ -9198,7 +9996,7 @@ function render(source, options = {}) {
 var SCENE_ORDER_BASE = 1e4;
 function defineComponent(definition) {
   const { scene, ...descriptor } = definition;
-  const unregisterDescriptor = chunkXY2GZUHC_cjs.registerComponentDescriptor(descriptor);
+  const unregisterDescriptor = chunkKXYSO6GC_cjs.registerComponentDescriptor(descriptor);
   const unregisterBuilder = registerComponentBuilder(
     descriptor.type,
     (component, index) => scene(component, { order: SCENE_ORDER_BASE + index })
@@ -9216,5 +10014,6 @@ exports.defineComponent = defineComponent;
 exports.render = render;
 exports.renderCanvas = renderCanvas;
 exports.sflToRenderInput = sflToRenderInput;
-//# sourceMappingURL=chunk-ZMLQIMJK.cjs.map
-//# sourceMappingURL=chunk-ZMLQIMJK.cjs.map
+exports.sliderReach = sliderReach;
+//# sourceMappingURL=chunk-A73UJ5AQ.cjs.map
+//# sourceMappingURL=chunk-A73UJ5AQ.cjs.map