stickyflow 0.2.0 → 0.4.0

package/dist/interaction/index.js

@@ -1,5 +1,5 @@
-import { screenRectOf, Emitter, resolveOwner, isCameraGesture, pointerUserPoint, clearAlignmentGuides, updateAlignmentGuides, pxPerUnit, findOwnerNode, isPrimary, SVG_NAMESPACE, isTextLabel, findSnapCandidateBounds, symbolDeclaredBounds, updateQuickDuplicateBubbles, isometricGeometryOf, ISO_HALO_ATTR, ISO_DUPLICATE_BUBBLES_ATTR, updateHalo, axisArrowPlacements, updateAxisArrowGroup, PATH_HALO_ATTR, findAllOwnerNodes, findIsometricApexCandidates, DERIVED_HEIGHT_ROLES, resizeHandlePositions, pathGeometryOf } from '../chunk-6LQJUAD4.js';
-import { sflToCanvasState, tokenizeSource, roundedOrthogonalPathData, seriesLabelOffsetXProp, seriesLabelOffsetYProp, radarVertexPoint, freeformPathData, CORNER_RADIUS_ATTR, AXIS_COS, isometricFaces, roundedPolygonPath, isometricTopFaceCenter, calculateLinkRoute, pointAtPort, roundedBarPath, barShapePath, formatBarLabel, LABEL_WIDTH, LEADER_INSET, clipSegmentToRect, AXIS_SIN, radarValueAtPoint, radarSeriesPath, estimateTextWidth, wrapText, personLabelArea, isometricFaceCenter, PATH_POINT_INDEX_ATTR, linePathData, barLabelSize, BAR_LABEL, pillPath, getLineMidpoint, labelGapDash, pillCornerRadius, SQUARE_CORNER_ATTR, cornersRoundedRectPath, localShapePath, relativeOffsetOnRectangleSide, edgePointToward, SYMBOL_POINTS_ATTR, SYMBOL_TENSION_ATTR } from '../chunk-6JKNT2YC.js';
+import { screenRectOf, Emitter, resolveOwner, isCameraGesture, pointerUserPoint, clearAlignmentGuides, updateAlignmentGuides, pxPerUnit, findOwnerNode, isPrimary, SVG_NAMESPACE, isTextLabel, findSnapCandidateBounds, symbolDeclaredBounds, updateQuickDuplicateBubbles, isometricGeometryOf, ISO_HALO_ATTR, ISO_DUPLICATE_BUBBLES_ATTR, updateHalo, axisArrowPlacements, updateAxisArrowGroup, PATH_HALO_ATTR, findAllOwnerNodes, findIsometricApexCandidates, DERIVED_HEIGHT_ROLES, resizeHandlePositions, pathGeometryOf } from '../chunk-XEN5QIIJ.js';
+import { sflToCanvasState, isIsometricObject, tokenizeSource, roundedOrthogonalPathData, seriesLabelOffsetXProp, seriesLabelOffsetYProp, radarVertexPoint, AXIS_SIN, AXIS_COS, freeformPathData, CORNER_RADIUS_ATTR, isometricFaces, roundedPolygonPath, isometricTopFaceCenter, calculateLinkRoute, pointAtPort, roundedBarPath, barShapePath, formatBarLabel, LABEL_WIDTH, LEADER_INSET, clipSegmentToRect, radarValueAtPoint, radarSeriesPath, estimateTextWidth, wrapText, personLabelArea, isometricFaceCenter, PATH_POINT_INDEX_ATTR, linePathData, barLabelSize, BAR_LABEL, pillPath, getLineMidpoint, labelGapDash, pillCornerRadius, SQUARE_CORNER_ATTR, cornersRoundedRectPath, localShapePath, relativeOffsetOnRectangleSide, edgePointToward, SYMBOL_POINTS_ATTR, SYMBOL_TENSION_ATTR } from '../chunk-BYMIYXP5.js';
 
 // src/runtime/interaction/chartValue/coordinates.ts
 function pointerUserY(svg, event) {
@@ -466,6 +466,39 @@ function normalizeHex(value) {
   const full = body.length === 3 ? body.split("").map((char) => char + char).join("") : body;
   return `#${full.toLowerCase()}`;
 }
+var COLOR_FUNCTION = /^rgba?\(\s*(\d{1,3})\s*[, ]\s*(\d{1,3})\s*[, ]\s*(\d{1,3})\s*(?:[,/]\s*(\d*\.?\d+)(%?)\s*)?\)$/i;
+var HEX_WITH_ALPHA = /^#([0-9a-f]{6})([0-9a-f]{2})$/i;
+function parseColorAlpha(value) {
+  const raw = value.trim();
+  const fn = COLOR_FUNCTION.exec(raw);
+  if (fn) {
+    const alpha = fn[4] === void 0 ? 1 : Number(fn[4]) / (fn[5] ? 100 : 1);
+    return {
+      hex: rgbToHex({ r: Number(fn[1]), g: Number(fn[2]), b: Number(fn[3]) }),
+      alpha: Math.max(0, Math.min(1, alpha))
+    };
+  }
+  const eight = HEX_WITH_ALPHA.exec(raw);
+  if (eight) {
+    return { hex: `#${eight[1].toLowerCase()}`, alpha: Number.parseInt(eight[2], 16) / 255 };
+  }
+  const hex = normalizeHex(raw);
+  return hex ? { hex, alpha: 1 } : null;
+}
+function formatColorAlpha(hex, alpha) {
+  const clamped = Math.max(0, Math.min(1, alpha));
+  if (clamped >= 1) {
+    return hex;
+  }
+  const { r, g, b } = hexToRgb(hex);
+  return `rgba(${r}, ${g}, ${b}, ${Math.round(clamped * 100) / 100})`;
+}
+function hexOf(value) {
+  return parseColorAlpha(value)?.hex ?? "#000000";
+}
+function alphaOf(value) {
+  return parseColorAlpha(value)?.alpha ?? 1;
+}
 function clampChannel(value) {
   return Math.max(0, Math.min(255, Math.round(value)));
 }
@@ -532,7 +565,7 @@ function hsvToHex(hsv) {
 // src/runtime/interaction/colorEdit/gradientValue.ts
 var DEFAULT_GRADIENT_ANGLE = 90;
 var GRADIENT = /^gradient\(\s*(-?[\d.]+)\s*,\s*(.+)\)\s*$/i;
-var STOP = /(#[0-9a-f]{3}(?:[0-9a-f]{3})?)\s+(-?[\d.]+)%/gi;
+var STOP = /(rgba?\([^)]*\)|#[0-9a-f]{3}(?:[0-9a-f]{3})?)\s+(-?[\d.]+)%/gi;
 function trim(value) {
   return Number(value.toFixed(1));
 }
@@ -553,10 +586,10 @@ function parseGradient(source) {
   }
   const stops = [];
   for (const stop of match[2].matchAll(STOP)) {
-    const color = normalizeHex(stop[1]);
+    const parsed = parseColorAlpha(stop[1]);
     const position = Number(stop[2]);
-    if (color && Number.isFinite(position)) {
-      stops.push({ color, position: clampPosition(position) });
+    if (parsed && Number.isFinite(position)) {
+      stops.push({ color: formatColorAlpha(parsed.hex, parsed.alpha), position: clampPosition(position) });
     }
   }
   return stops.length >= 2 ? { angle, stops } : null;
@@ -591,10 +624,10 @@ function readGradientValue(svg, fill) {
   }
   const stops = [];
   for (const stop of def.querySelectorAll("stop")) {
-    const color = normalizeHex(stop.getAttribute("stop-color") ?? "");
+    const parsed = parseColorAlpha(stop.getAttribute("stop-color") ?? "");
     const offset = Number.parseFloat(stop.getAttribute("offset") ?? "");
-    if (color && Number.isFinite(offset)) {
-      stops.push({ color, position: clampPosition(offset) });
+    if (parsed && Number.isFinite(offset)) {
+      stops.push({ color: formatColorAlpha(parsed.hex, parsed.alpha), position: clampPosition(offset) });
     }
   }
   if (stops.length < 2) {
@@ -613,17 +646,21 @@ function seedFrom(fill, gradient) {
   if (parsed) {
     return { mode: "gradient", angle: parsed.angle, stops: sortStops(parsed.stops) };
   }
-  return { mode: "solid", color: fill && normalizeHex(fill) || FALLBACK_COLOR };
+  const solid = fill ? parseColorAlpha(fill) : null;
+  return { mode: "solid", color: solid?.hex ?? FALLBACK_COLOR, alpha: solid?.alpha ?? 1 };
 }
 function formatPickerValue(value) {
-  return value.mode === "solid" ? value.color : formatGradient({ angle: value.angle, stops: value.stops });
+  return value.mode === "solid" ? formatColorAlpha(value.color, value.alpha ?? 1) : formatGradient({ angle: value.angle, stops: value.stops });
 }
 function cssBackground(color) {
   const gradient = parseGradient(color);
   return gradient ? gradientCss(gradient) : color;
 }
+function toAlpha(value) {
+  return value.mode === "solid" ? value.alpha ?? 1 : alphaOf(sortStops(value.stops)[0]?.color ?? FALLBACK_COLOR);
+}
 function toSolid(value) {
-  return value.mode === "solid" ? value.color : sortStops(value.stops)[0]?.color ?? FALLBACK_COLOR;
+  return value.mode === "solid" ? value.color : hexOf(sortStops(value.stops)[0]?.color ?? FALLBACK_COLOR);
 }
 function darken(hex) {
   const hsv = hexToHsv(hex);
@@ -636,8 +673,8 @@ function toGradient(value) {
   return {
     angle: DEFAULT_GRADIENT_ANGLE,
     stops: [
-      { color: value.color, position: 0 },
-      { color: darken(value.color), position: 100 }
+      { color: formatColorAlpha(value.color, value.alpha ?? 1), position: 0 },
+      { color: formatColorAlpha(darken(value.color), value.alpha ?? 1), position: 100 }
     ]
   };
 }
@@ -649,17 +686,30 @@ function activeColor(picker) {
   const { state } = picker;
   return state.mode === "solid" ? state.solid : state.gradient.stops[state.selected]?.color ?? state.solid;
 }
-function setActiveColor(picker, hex) {
+function activeHex(picker) {
+  return hexOf(activeColor(picker));
+}
+function activeAlpha(picker) {
+  return picker.state.mode === "solid" ? picker.state.alpha : alphaOf(activeColor(picker));
+}
+function setActiveColorAlpha(picker, hex, alpha) {
   const { state } = picker;
   if (state.mode === "solid") {
     state.solid = hex;
+    state.alpha = alpha;
   } else if (state.gradient.stops[state.selected]) {
-    state.gradient.stops[state.selected] = { ...state.gradient.stops[state.selected], color: hex };
+    state.gradient.stops[state.selected] = {
+      ...state.gradient.stops[state.selected],
+      color: formatColorAlpha(hex, alpha)
+    };
   }
 }
+function setActiveColor(picker, hex) {
+  setActiveColorAlpha(picker, hex, activeAlpha(picker));
+}
 function currentValue(picker) {
   const { state } = picker;
-  return state.mode === "solid" ? { mode: "solid", color: state.solid } : { mode: "gradient", ...state.gradient };
+  return state.mode === "solid" ? { mode: "solid", color: state.solid, alpha: state.alpha } : { mode: "gradient", ...state.gradient };
 }
 function commit(picker) {
   picker.onCommit(formatPickerValue(currentValue(picker)));
@@ -674,6 +724,14 @@ function applyHex(picker, hex) {
   setActiveColor(picker, hex);
   picker.render();
 }
+function applyAlpha(picker, raw) {
+  const value = Number(raw);
+  if (!Number.isFinite(value)) {
+    return;
+  }
+  setActiveColorAlpha(picker, activeHex(picker), Math.max(0, Math.min(100, value)) / 100);
+  picker.render();
+}
 function applyAngle(picker, raw) {
   const value = Number(raw);
   if (!Number.isFinite(value)) {
@@ -688,7 +746,7 @@ function selectStop(picker, index) {
     return;
   }
   state.selected = index;
-  state.hsv = hexToHsv(state.gradient.stops[index].color);
+  state.hsv = hexToHsv(hexOf(state.gradient.stops[index].color));
   picker.render();
 }
 function removeStop(picker, index) {
@@ -698,7 +756,7 @@ function removeStop(picker, index) {
   }
   state.gradient = { ...state.gradient, stops: state.gradient.stops.filter((_stop, at) => at !== index) };
   state.selected = Math.min(state.selected, state.gradient.stops.length - 1);
-  state.hsv = hexToHsv(activeColor(picker));
+  state.hsv = hexToHsv(activeHex(picker));
   picker.render();
   commit(picker);
 }
@@ -711,12 +769,12 @@ function appendStop(picker) {
   const last = sorted[sorted.length - 1];
   const previous = sorted[sorted.length - 2];
   const inserted = {
-    color: darken(last.color),
+    color: formatColorAlpha(darken(hexOf(last.color)), alphaOf(last.color)),
     position: clampPosition((last.position + (previous?.position ?? 0)) / 2)
   };
   state.gradient = { ...state.gradient, stops: sortStops([...state.gradient.stops, inserted]) };
   state.selected = state.gradient.stops.indexOf(inserted);
-  state.hsv = hexToHsv(activeColor(picker));
+  state.hsv = hexToHsv(activeHex(picker));
   picker.render();
   commit(picker);
 }
@@ -732,8 +790,9 @@ function setMode(picker, next) {
     state.selected = 0;
   } else {
     state.solid = toSolid(value);
+    state.alpha = toAlpha(value);
   }
-  state.hsv = hexToHsv(activeColor(picker));
+  state.hsv = hexToHsv(activeHex(picker));
   picker.render();
   commit(picker);
 }
@@ -766,12 +825,23 @@ function numberField(parent, min, max) {
   input.max = String(max);
   return input;
 }
-function rangeField(parent, min, max) {
-  const input = el("input", "sf-cp-range", parent);
-  input.type = "range";
-  input.min = String(min);
-  input.max = String(max);
-  return input;
+function fluidField(parent, text, min, max) {
+  const row = el("div", "sf-cp-fluid", parent);
+  el("span", "sf-cp-fluid-fill", row);
+  el("span", "sf-cp-fluid-thumb", row);
+  el("span", "sf-cp-fluid-label", row).textContent = text;
+  const range = el("input", "sf-cp-fluid-range", row);
+  range.type = "range";
+  range.min = String(min);
+  range.max = String(max);
+  const number = numberField(row, min, max);
+  number.classList.add("sf-cp-fluid-number");
+  return { row, range, number };
+}
+function showRatio(range) {
+  const span = Number(range.max) - Number(range.min);
+  const ratio2 = span > 0 ? (Number(range.value) - Number(range.min)) / span : 0;
+  range.parentElement?.style.setProperty("--sf-ratio", String(Math.max(0, Math.min(1, ratio2))));
 }
 function labelledRow(parent, text) {
   const row = el("div", "sf-cp-row", parent);
@@ -818,23 +888,36 @@ function buildSolidControls(root) {
   const channelRanges = {};
   const channelNumbers = {};
   for (const channel of CHANNELS) {
-    const row = labelledRow(rows, channel.toUpperCase());
-    channelRanges[channel] = rangeField(row, 0, 255);
-    channelNumbers[channel] = numberField(row, 0, 255);
+    const field = fluidField(rows, channel.toUpperCase(), 0, 255);
+    channelRanges[channel] = field.range;
+    channelNumbers[channel] = field.number;
   }
+  const alpha = fluidField(rows, "A", 0, 100);
+  alpha.row.classList.add("sf-cp-fluid--alpha");
+  const { row: alphaRow, range: alphaRange, number: alphaNumber } = alpha;
   const hexRow = labelledRow(rows, "Hex");
   const hexInput = el("input", "sf-cp-text", hexRow);
   hexInput.type = "text";
   hexInput.spellcheck = false;
-  return { matrix, matrixCursor, hue, hueThumb, channelRanges, channelNumbers, hexInput };
+  return {
+    matrix,
+    matrixCursor,
+    hue,
+    hueThumb,
+    channelRanges,
+    channelNumbers,
+    alphaRow,
+    alphaRange,
+    alphaNumber,
+    hexInput
+  };
 }
 function buildGradientControls(root, lockStops) {
   const section = el("div", "sf-cp-section", root);
   const preview = el("div", "sf-cp-preview", section);
-  const angleRow = labelledRow(section, "Angle");
-  angleRow.hidden = lockStops;
-  const angleRange = rangeField(angleRow, 0, 360);
-  const angleNumber = numberField(angleRow, 0, 360);
+  const angle = fluidField(section, "Angle", 0, 360);
+  angle.row.hidden = lockStops;
+  const { range: angleRange, number: angleNumber } = angle;
   const head = el("div", "sf-cp-section-head", section);
   el("span", "sf-cp-heading", head).textContent = "Stops";
   const addStop = el("button", "sf-cp-icon-btn", head);
@@ -916,7 +999,7 @@ function bindChannel(picker, channel) {
     if (!Number.isFinite(value)) {
       return;
     }
-    const next = { ...hexToRgb(activeColor(picker)), [channel]: value };
+    const next = { ...hexToRgb(activeHex(picker)), [channel]: value };
     const nextHsv = rgbToHsv(next);
     picker.state.hsv = nextHsv.s === 0 ? { ...nextHsv, h: picker.state.hsv.h } : nextHsv;
     setActiveColor(picker, rgbToHex(next));
@@ -928,6 +1011,14 @@ function bindChannel(picker, channel) {
   channelNumbers[channel].addEventListener("input", (event) => fromChannel(read(event)));
   channelNumbers[channel].addEventListener("change", () => commit(picker));
 }
+function bindAlpha(picker) {
+  const { alphaRange, alphaNumber } = picker.view;
+  const read = (event) => event.target.value;
+  alphaRange.addEventListener("input", (event) => applyAlpha(picker, read(event)));
+  alphaRange.addEventListener("change", () => commit(picker));
+  alphaNumber.addEventListener("input", (event) => applyAlpha(picker, read(event)));
+  alphaNumber.addEventListener("change", () => commit(picker));
+}
 function bindHex(picker) {
   const { hexInput } = picker.view;
   hexInput.addEventListener("input", () => {
@@ -964,6 +1055,7 @@ function bindPickerEvents(picker) {
   for (const channel of CHANNELS) {
     bindChannel(picker, channel);
   }
+  bindAlpha(picker);
   bindHex(picker);
   bindAngle(picker);
   return disposers;
@@ -1014,7 +1106,8 @@ function renderStops(picker) {
     const row = rows[index];
     row.root.setAttribute("aria-selected", String(index === state.selected));
     row.swatch.style.background = stop.color;
-    row.hex.textContent = stop.color;
+    const alpha = alphaOf(stop.color);
+    row.hex.textContent = alpha < 1 ? `${hexOf(stop.color)} ${Math.round(alpha * 100)}%` : hexOf(stop.color);
     if (document.activeElement !== row.position) {
       row.position.value = String(Math.round(stop.position));
     }
@@ -1029,7 +1122,7 @@ function renderPicker(picker) {
   view.solidTab.setAttribute("aria-selected", String(state.mode === "solid"));
   view.gradientTab.setAttribute("aria-selected", String(state.mode === "gradient"));
   view.section.hidden = state.mode !== "gradient";
-  const hex = activeColor(picker);
+  const hex = activeHex(picker);
   const rgb = hexToRgb(hex);
   view.matrix.style.background = `hsl(${state.hsv.h}, 100%, 50%)`;
   view.matrixCursor.style.left = `${state.hsv.s * 100}%`;
@@ -1037,15 +1130,25 @@ function renderPicker(picker) {
   view.hueThumb.style.top = `${state.hsv.h / 360 * 100}%`;
   for (const channel of CHANNELS) {
     view.channelRanges[channel].value = String(rgb[channel]);
+    showRatio(view.channelRanges[channel]);
     if (document.activeElement !== view.channelNumbers[channel]) {
       view.channelNumbers[channel].value = String(rgb[channel]);
     }
   }
+  const percent = Math.round(activeAlpha(picker) * 100);
+  view.alphaRange.value = String(percent);
+  showRatio(view.alphaRange);
+  if (document.activeElement !== view.alphaNumber) {
+    view.alphaNumber.value = String(percent);
+  }
+  const opaque = `rgb(${rgb.r}, ${rgb.g}, ${rgb.b})`;
+  view.alphaRow.style.background = `linear-gradient(to right, rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, 0), ${opaque}), conic-gradient(var(--sf-cp-check-a) 25%, var(--sf-cp-check-b) 0 50%, var(--sf-cp-check-a) 0 75%, var(--sf-cp-check-b) 0) 0 0 / 8px 8px`;
   if (document.activeElement !== view.hexInput) {
     view.hexInput.value = hex;
   }
   if (state.mode === "gradient") {
     view.angleRange.value = String(Math.round(state.gradient.angle));
+    showRatio(view.angleRange);
     if (document.activeElement !== view.angleNumber) {
       view.angleNumber.value = String(Math.round(state.gradient.angle));
     }
@@ -1061,8 +1164,8 @@ var DARK_TOKENS = `
   --sf-cp-shadow: 0 8px 24px rgba(0, 0, 0, 0.6);
   --sf-cp-fg: rgba(255, 255, 255, 0.92);
   --sf-cp-muted: rgba(255, 255, 255, 0.6);
-  --sf-cp-tabs-bg: rgba(255, 255, 255, 0.04);
-  --sf-cp-tab-active-bg: rgba(255, 255, 255, 0.12);
+  --sf-cp-tabs-bg: rgba(255, 255, 255, 0.05);
+  --sf-cp-tab-active-bg: rgba(255, 255, 255, 0.1);
   --sf-cp-field-bg: rgba(255, 255, 255, 0.04);
   --sf-cp-field-border: rgba(255, 255, 255, 0.08);
   --sf-cp-row-bg: rgba(255, 255, 255, 0.04);
@@ -1071,6 +1174,9 @@ var DARK_TOKENS = `
   --sf-cp-thumb-bg: #e8e8e8;
   --sf-cp-thumb-border: #555;
   --sf-cp-danger: #ff7a77;
+  --sf-cp-accent: rgba(255, 255, 255, 0.85);
+  --sf-cp-check-a: #3b3b3f;
+  --sf-cp-check-b: #2a2a2d;
 `;
 var BASE_CSS = `
 .sf-cp {
@@ -1079,7 +1185,7 @@ var BASE_CSS = `
   --sf-cp-shadow: 0 8px 24px rgba(15, 23, 42, 0.16);
   --sf-cp-fg: #333333;
   --sf-cp-muted: #666666;
-  --sf-cp-tabs-bg: #f5f5f5;
+  --sf-cp-tabs-bg: #f1f5f9;
   --sf-cp-tab-active-bg: #ffffff;
   --sf-cp-field-bg: #f8f8f8;
   --sf-cp-field-border: #e0e0e0;
@@ -1089,16 +1195,18 @@ var BASE_CSS = `
   --sf-cp-thumb-bg: #ffffff;
   --sf-cp-thumb-border: #666666;
   --sf-cp-danger: #e53935;
-  --sf-cp-accent: #9b42df;
+  --sf-cp-accent: #0f172a;
+  --sf-cp-check-a: #c8c8c8;
+  --sf-cp-check-b: #ffffff;
 
   position: fixed;
   z-index: 10000;
   box-sizing: border-box;
   width: 268px;
-  padding: 12px;
+  padding: 10px;
   display: flex;
   flex-direction: column;
-  gap: 14px;
+  gap: 10px;
   border: 1px solid var(--sf-cp-border);
   border-radius: 12px;
   background: var(--sf-cp-bg);
@@ -1126,7 +1234,7 @@ var FIELDS_CSS = `
 .sf-cp-rows {
   display: flex;
   flex-direction: column;
-  gap: 8px;
+  gap: 5px;
 }
 
 .sf-cp-row {
@@ -1142,44 +1250,114 @@ var FIELDS_CSS = `
   font-weight: 600;
 }
 
-.sf-cp-range {
-  flex: 1;
-  min-width: 0;
-  height: 6px;
-  border-radius: 3px;
-  outline: none;
-  background: var(--sf-cp-track);
-  -webkit-appearance: none;
-  appearance: none;
+.sf-cp-fluid {
+  --sf-ratio: 0;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+  height: 26px;
+  padding: 0 8px;
+  border-radius: 8px;
+  background: var(--sf-cp-row-bg);
+  overflow: hidden;
+  user-select: none;
+}
+
+.sf-cp-fluid[hidden] {
+  display: none;
+}
+
+.sf-cp-fluid-fill {
+  position: absolute;
+  inset: 0 auto 0 0;
+  width: calc(var(--sf-ratio) * 100%);
+  border-radius: 8px;
+  background: linear-gradient(90deg, color-mix(in srgb, currentColor 5%, transparent), color-mix(in srgb, currentColor 18%, transparent));
+  pointer-events: none;
+}
+
+.sf-cp-fluid--alpha .sf-cp-fluid-fill {
+  display: none;
+}
+
+.sf-cp-fluid-thumb {
+  position: absolute;
+  top: 50%;
+  left: calc(var(--sf-ratio) * 100% - var(--sf-ratio) * 5px);
+  width: 5px;
+  height: 14px;
+  border-radius: 999px;
+  background: var(--sf-cp-fg);
+  box-shadow: 0 0 0 1px var(--sf-cp-bg);
+  transform: translateY(-50%);
+  pointer-events: none;
+  transition: height 180ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 220ms ease;
+}
+
+.sf-cp-fluid:hover .sf-cp-fluid-thumb,
+.sf-cp-fluid:focus-within .sf-cp-fluid-thumb {
+  height: 20px;
+}
+
+.sf-cp-fluid:has(.sf-cp-fluid-range:active) .sf-cp-fluid-thumb {
+  height: 26px;
+  box-shadow: 0 0 0 1px var(--sf-cp-bg), 0 0 0 5px color-mix(in srgb, var(--sf-cp-fg) 15%, transparent);
+}
+
+.sf-cp-fluid-label {
+  position: relative;
+  color: var(--sf-cp-muted);
+  font-size: 11px;
+  font-weight: 600;
+  pointer-events: none;
+}
+
+.sf-cp-fluid-range {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  opacity: 0;
+  cursor: ew-resize;
+}
+
+.sf-cp-number.sf-cp-fluid-number {
+  position: relative;
+  z-index: 2;
+  width: 44px;
+  padding: 1px 6px;
+  border: none;
+  background: transparent;
+  text-align: right;
+  font-weight: 600;
+  font-variant-numeric: tabular-nums;
+  -moz-appearance: textfield;
+  appearance: textfield;
 }
 
-.sf-cp-range::-webkit-slider-thumb {
+.sf-cp-fluid-number::-webkit-inner-spin-button,
+.sf-cp-fluid-number::-webkit-outer-spin-button {
   -webkit-appearance: none;
-  appearance: none;
-  width: 15px;
-  height: 15px;
-  border: 2px solid var(--sf-cp-thumb-border);
-  border-radius: 50%;
-  background: var(--sf-cp-thumb-bg);
-  cursor: pointer;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
+  margin: 0;
 }
 
-.sf-cp-range::-moz-range-thumb {
-  width: 15px;
-  height: 15px;
-  border: 2px solid var(--sf-cp-thumb-border);
-  border-radius: 50%;
-  background: var(--sf-cp-thumb-bg);
-  cursor: pointer;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
+.sf-cp-fluid-number:hover {
+  background: var(--sf-cp-hover);
+}
+
+.sf-cp-number.sf-cp-fluid-number:focus {
+  background: var(--sf-cp-field-bg);
+  box-shadow: 0 0 0 1px var(--sf-cp-accent);
 }
 
 .sf-cp-number,
 .sf-cp-text {
   flex: none;
   width: 52px;
-  padding: 4px 8px;
+  padding: 3px 8px;
   border: 1px solid var(--sf-cp-field-border);
   border-radius: 6px;
   background: var(--sf-cp-field-bg);
@@ -1369,8 +1547,9 @@ var GRADIENT_CSS = `
 var TABS_AND_AREA_CSS = `
 .sf-cp-tabs {
   display: flex;
-  gap: 4px;
-  padding: 4px;
+  gap: 2px;
+  height: 28px;
+  padding: 2px;
   border-radius: 8px;
   background: var(--sf-cp-tabs-bg);
 }
@@ -1381,12 +1560,13 @@ var TABS_AND_AREA_CSS = `
 
 .sf-cp-tab {
   flex: 1;
-  padding: 5px 12px;
+  padding: 0 12px;
   border: none;
   border-radius: 6px;
   background: transparent;
   color: var(--sf-cp-muted);
   font: inherit;
+  font-size: 11px;
   font-weight: 500;
   cursor: pointer;
   transition: background 0.15s ease, color 0.15s ease;
@@ -1399,8 +1579,8 @@ var TABS_AND_AREA_CSS = `
 
 .sf-cp-tab[aria-selected="true"] {
   background: var(--sf-cp-tab-active-bg);
-  color: var(--sf-cp-accent);
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
+  color: var(--sf-cp-fg);
+  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
 }
 
 .sf-cp-area {
@@ -1501,6 +1681,7 @@ function openColorPopover(options) {
     state: {
       mode: allowGradient ? seed.mode : "solid",
       solid,
+      alpha: toAlpha(seed),
       gradient: toGradient(seed),
       selected: 0,
       hsv: hexToHsv(solid)
@@ -3649,6 +3830,43 @@ function bindShapeMovement(viewer, emitter) {
   };
 }
 
+// src/runtime/interaction/nudgeSelection.ts
+var STEP = 1;
+var SHIFT_STEP = 10;
+var DIRECTIONS = {
+  ArrowLeft: { x: -1, y: 0 },
+  ArrowRight: { x: 1, y: 0 },
+  ArrowUp: { x: 0, y: -1 },
+  ArrowDown: { x: 0, y: 1 }
+};
+function typingInField(event) {
+  return event.target instanceof Element && event.target.closest('input, textarea, [contenteditable="true"]') !== null;
+}
+function bindNudgeSelection(viewer, emitter) {
+  const svg = viewer.svg;
+  const onKeyDown = (e) => {
+    const direction = DIRECTIONS[e.key];
+    if (!direction || e.altKey || e.ctrlKey || e.metaKey || typingInField(e)) {
+      return;
+    }
+    const owners = viewer.getSelection().filter(hasMovableGeometry);
+    if (!owners.length) {
+      return;
+    }
+    e.preventDefault();
+    const step = e.shiftKey ? SHIFT_STEP : STEP;
+    for (const owner of owners) {
+      emitter.emit("moveChange", { owner, dx: direction.x * step, dy: direction.y * step });
+    }
+  };
+  svg.addEventListener("keydown", onKeyDown);
+  return {
+    destroy() {
+      svg.removeEventListener("keydown", onKeyDown);
+    }
+  };
+}
+
 // src/runtime/interaction/pathDraw/geometry.ts
 var MIN_POINTS_TO_CLOSE = 3;
 var MIN_POINTS_OPEN = 2;
@@ -4940,7 +5158,7 @@ function updateRadarVertexDragPreview(svg, drag, value) {
     x: Number(vertex.getAttribute("cx")),
     y: Number(vertex.getAttribute("cy"))
   }));
-  const path = radarSeriesPath(points, drag.frame.curved);
+  const path = radarSeriesPath(points, drag.frame.curved, drag.frame.tension);
   for (const shape of seriesShapes(svg, drag.owner.id, drag.series)) {
     shape.setAttribute("d", path);
   }
@@ -4976,11 +5194,20 @@ function parseRadarFrame(node) {
   if (!raw) {
     return null;
   }
-  const [centerX, centerY, radius, min, max, count, curved] = raw.split(",").map(Number);
+  const [centerX, centerY, radius, min, max, count, curved, tension] = raw.split(",").map(Number);
   if (![centerX, centerY, radius, min, max, count].every(Number.isFinite) || count < 3 || max === min) {
     return null;
   }
-  return { centerX, centerY, radius, min, max, count, curved: curved === 1 };
+  return {
+    centerX,
+    centerY,
+    radius,
+    min,
+    max,
+    count,
+    curved: curved === 1,
+    tension: Number.isFinite(tension) ? tension : void 0
+  };
 }
 function findVertex(event) {
   return event.target?.closest?.('[data-sf-mark="radar-vertex"]');
@@ -7059,6 +7286,257 @@ function shouldQuote(current, quote, indexed) {
   return indexed && trimmed === "none";
 }
 
+// src/runtime/interaction/sflPatch/connectionPatch/blockText.ts
+function buildConnectionBlock(options, baseIndent) {
+  const bodyIndent = `${baseIndent}    `;
+  const block = [
+    `${baseIndent}Connection ${options.id} {`,
+    `${bodyIndent}from: ${options.fromId}`,
+    `${bodyIndent}to: ${options.toId}`,
+    `${bodyIndent}fromFace: "${options.fromFace}"`,
+    `${bodyIndent}toFace: "${options.toFace}"`
+  ];
+  if (options.body) {
+    block.push(...indentBlock(options.body, bodyIndent));
+  }
+  block.push(`${baseIndent}}`);
+  return block;
+}
+
+// src/runtime/interaction/sflPatch/connectionPatch/insertionTarget.ts
+function resolveConnectionInsertionTarget(sfl, lines, options) {
+  if (!VALID_IDENT.test(options.id) || nameExists(lines, options.id)) {
+    return null;
+  }
+  const canvasObjects = sflToCanvasState(sfl).canvasObjects;
+  const hasSource = canvasObjects.some((canvasObject) => canvasObject.id === options.fromId);
+  const hasTarget = canvasObjects.some((canvasObject) => canvasObject.id === options.toId);
+  if (!hasSource || !hasTarget) {
+    return null;
+  }
+  return findFirstBlockOfKind(lines, "Model");
+}
+
+// src/runtime/interaction/sflPatch/connectionPatch/insert.ts
+function insertConnection(sfl, options) {
+  const lines = sfl.split("\n");
+  const modelRange = resolveConnectionInsertionTarget(sfl, lines, options);
+  if (!modelRange) {
+    return sfl;
+  }
+  insertBlockLines(lines, modelRange, (baseIndent) => buildConnectionBlock(options, baseIndent));
+  return lines.join("\n");
+}
+
+// src/runtime/interaction/sflPatch/changes/quickDuplicate/styleBlock.ts
+var QUOTED_KEYS = /* @__PURE__ */ new Set(["fill", "stroke", "textColor", "fontFamily", "shadow", "labelBackground"]);
+function styleLine(key, value) {
+  return QUOTED_KEYS.has(key) ? `  ${key}: "${value.replace(/"/g, '\\"')}"` : `  ${key}: ${value}`;
+}
+function styleBlock(props, keys, leading = []) {
+  const copied = keys.flatMap((key) => {
+    const value = props?.[key];
+    return value === void 0 ? [] : [styleLine(key, value)];
+  });
+  const lines = [...leading, ...copied];
+  return lines.length > 0 ? `style {
+${lines.join("\n")}
+}` : void 0;
+}
+
+// src/runtime/interaction/sflPatch/changes/quickDuplicate/isometricDuplicate.ts
+var ISOMETRIC_GAP = 40;
+var ISOMETRIC_STYLE_KEYS = [
+  "fill",
+  "stroke",
+  "strokeWidth",
+  "cornerRadius",
+  "shadow",
+  "labelOffsetX",
+  "labelOffsetY",
+  "labelBackground"
+];
+var TOUCHING_FACES = {
+  "iso-width-pos": { fromFace: "right", toFace: "left" },
+  "iso-width-neg": { fromFace: "left", toFace: "right" },
+  "iso-depth-pos": { fromFace: "front", toFace: "back" },
+  "iso-depth-neg": { fromFace: "back", toFace: "front" },
+  "iso-height-pos": { fromFace: "bottom", toFace: "top" },
+  "iso-height-neg": { fromFace: "top", toFace: "bottom" }
+};
+function isIsometricDirection2(direction) {
+  return direction.startsWith("iso-");
+}
+function isometricOffset(direction, object, gap) {
+  const { width, height } = object;
+  const { depth } = object.isometric;
+  switch (direction) {
+    case "iso-width-pos":
+      return { dx: (width + gap) * AXIS_COS, dy: (width + gap) * AXIS_SIN };
+    case "iso-width-neg":
+      return { dx: -(width + gap) * AXIS_COS, dy: -(width + gap) * AXIS_SIN };
+    case "iso-depth-pos":
+      return { dx: -(depth + gap) * AXIS_COS, dy: (depth + gap) * AXIS_SIN };
+    case "iso-depth-neg":
+      return { dx: (depth + gap) * AXIS_COS, dy: -(depth + gap) * AXIS_SIN };
+    case "iso-height-pos":
+      return { dx: 0, dy: height + gap };
+    case "iso-height-neg":
+      return { dx: 0, dy: -(height + gap) };
+  }
+}
+function copyStyle(object, direction) {
+  if (!direction.startsWith("iso-height-")) {
+    return styleBlock(object.props, ISOMETRIC_STYLE_KEYS);
+  }
+  return styleBlock(
+    object.props,
+    ISOMETRIC_STYLE_KEYS.filter((key) => key !== "shadow"),
+    ['  shadow: "off"']
+  );
+}
+function copyOf(object, direction, options) {
+  const { dx, dy } = isometricOffset(direction, object, options.gap ?? ISOMETRIC_GAP);
+  return {
+    id: options.shapeId,
+    kind: "isometric",
+    text: object.text ?? "",
+    x: object.x + dx,
+    y: object.y + dy,
+    width: object.width,
+    height: object.height,
+    depth: object.isometric.depth,
+    parentId: object.parentFrameId,
+    body: copyStyle(object, direction)
+  };
+}
+function duplicateIsometricObject(sfl, object, direction, options) {
+  const withCopy = insertCanvasObject(sfl, copyOf(object, direction, options));
+  return insertConnection(withCopy, {
+    id: options.linkId,
+    fromId: object.id,
+    toId: options.shapeId,
+    ...TOUCHING_FACES[direction]
+  });
+}
+
+// src/runtime/interaction/sflPatch/linkPatch/blockText.ts
+function buildLinkBlock(options, baseIndent) {
+  const bodyIndent = `${baseIndent}    `;
+  const from = formatLinkEndpoint({ id: options.fromId, side: options.fromSide, fraction: options.fromFraction });
+  const to = formatLinkEndpoint({ id: options.toId, side: options.toSide, fraction: options.toFraction });
+  const block = [`${baseIndent}Link ${options.id} {`, `${bodyIndent}from: ${from}`, `${bodyIndent}to: ${to}`];
+  if (options.text !== void 0) {
+    block.push(`${bodyIndent}text: "${escapeSflString(options.text)}"`);
+  }
+  if (options.body) {
+    block.push(...indentBlock(options.body, bodyIndent));
+  }
+  block.push(`${baseIndent}}`);
+  return block;
+}
+
+// src/runtime/interaction/sflPatch/linkPatch/insertionTarget.ts
+function resolveLinkInsertionTarget(sfl, lines, options) {
+  if (!VALID_IDENT.test(options.id) || nameExists(lines, options.id)) {
+    return null;
+  }
+  const canvasObjects = sflToCanvasState(sfl).canvasObjects;
+  const hasSource = canvasObjects.some((canvasObject) => canvasObject.id === options.fromId);
+  const hasTarget = canvasObjects.some((canvasObject) => canvasObject.id === options.toId);
+  if (!hasSource || !hasTarget) {
+    return null;
+  }
+  return findFirstBlockOfKind(lines, "Model");
+}
+
+// src/runtime/interaction/sflPatch/linkPatch/insert.ts
+function insertLink(sfl, options) {
+  const lines = sfl.split("\n");
+  const modelRange = resolveLinkInsertionTarget(sfl, lines, options);
+  if (!modelRange) {
+    return sfl;
+  }
+  insertBlockLines(lines, modelRange, (baseIndent) => buildLinkBlock(options, baseIndent));
+  return lines.join("\n");
+}
+
+// src/runtime/interaction/sflPatch/changes/quickDuplicate/shapeDuplicate.ts
+var SHAPE_GAP = 200;
+var OPPOSITE_SIDE = { top: "bottom", right: "left", bottom: "top", left: "right" };
+var SHAPE_STYLE_KEYS = [
+  "fill",
+  "stroke",
+  "strokeWidth",
+  "strokeStyle",
+  "textColor",
+  "fontSize",
+  "fontFamily",
+  "cornerRadius",
+  "opacity",
+  "shadow"
+];
+var LINK_STYLE_KEYS = ["stroke", "strokeWidth", "strokeStyle", "markerStart", "markerEnd", "route"];
+function shapeOffset(side, object, gap) {
+  switch (side) {
+    case "top":
+      return { dx: 0, dy: -(object.height + gap) };
+    case "bottom":
+      return { dx: 0, dy: object.height + gap };
+    case "left":
+      return { dx: -(object.width + gap), dy: 0 };
+    case "right":
+      return { dx: object.width + gap, dy: 0 };
+  }
+}
+function copyOf2(object, side, options) {
+  const { dx, dy } = shapeOffset(side, object, options.gap ?? SHAPE_GAP);
+  const shape = object.shapeType ? [`  shape: ${object.shapeType}`] : [];
+  return {
+    id: options.shapeId,
+    kind: "shape",
+    text: object.text ?? "",
+    x: object.x + dx,
+    y: object.y + dy,
+    width: object.width,
+    height: object.height,
+    parentId: object.parentFrameId,
+    body: styleBlock(object.props, SHAPE_STYLE_KEYS, shape)
+  };
+}
+function linkStyleReference(links, objectId) {
+  return links.find((link) => link.fromId === objectId) ?? links[0];
+}
+function linkToCopy(object, links, side, options) {
+  return {
+    id: options.linkId,
+    fromId: object.id,
+    toId: options.shapeId,
+    fromSide: side,
+    toSide: OPPOSITE_SIDE[side],
+    body: styleBlock(linkStyleReference(links, object.id)?.props, LINK_STYLE_KEYS)
+  };
+}
+function duplicateShape(sfl, input) {
+  const { object, links, side, options } = input;
+  const withCopy = insertCanvasObject(sfl, copyOf2(object, side, options));
+  return insertLink(withCopy, linkToCopy(object, links, side, options));
+}
+
+// src/runtime/interaction/sflPatch/changes/quickDuplicateChange.ts
+function applyQuickDuplicateChange(sfl, event, options) {
+  const state = sflToCanvasState(sfl);
+  const object = state.canvasObjects.find((candidate) => candidate.id === event.owner.id);
+  if (!object) {
+    return sfl;
+  }
+  const { direction } = event;
+  if (isIsometricDirection2(direction)) {
+    return isIsometricObject(object) ? duplicateIsometricObject(sfl, object, direction, options) : sfl;
+  }
+  return isIsometricObject(object) ? sfl : duplicateShape(sfl, { object, links: state.links, side: direction, options });
+}
+
 // src/runtime/interaction/sflPatch/changes/resizeChange.ts
 function applyResizeChange(sfl, event) {
   const state = sflToCanvasState(sfl);
@@ -7183,89 +7661,6 @@ function applyTextChange(sfl, event) {
   return lines.join("\n");
 }
 
-// src/runtime/interaction/sflPatch/connectionPatch/blockText.ts
-function buildConnectionBlock(options, baseIndent) {
-  const bodyIndent = `${baseIndent}    `;
-  const block = [
-    `${baseIndent}Connection ${options.id} {`,
-    `${bodyIndent}from: ${options.fromId}`,
-    `${bodyIndent}to: ${options.toId}`,
-    `${bodyIndent}fromFace: "${options.fromFace}"`,
-    `${bodyIndent}toFace: "${options.toFace}"`
-  ];
-  if (options.body) {
-    block.push(...indentBlock(options.body, bodyIndent));
-  }
-  block.push(`${baseIndent}}`);
-  return block;
-}
-
-// src/runtime/interaction/sflPatch/connectionPatch/insertionTarget.ts
-function resolveConnectionInsertionTarget(sfl, lines, options) {
-  if (!VALID_IDENT.test(options.id) || nameExists(lines, options.id)) {
-    return null;
-  }
-  const canvasObjects = sflToCanvasState(sfl).canvasObjects;
-  const hasSource = canvasObjects.some((canvasObject) => canvasObject.id === options.fromId);
-  const hasTarget = canvasObjects.some((canvasObject) => canvasObject.id === options.toId);
-  if (!hasSource || !hasTarget) {
-    return null;
-  }
-  return findFirstBlockOfKind(lines, "Model");
-}
-
-// src/runtime/interaction/sflPatch/connectionPatch/insert.ts
-function insertConnection(sfl, options) {
-  const lines = sfl.split("\n");
-  const modelRange = resolveConnectionInsertionTarget(sfl, lines, options);
-  if (!modelRange) {
-    return sfl;
-  }
-  insertBlockLines(lines, modelRange, (baseIndent) => buildConnectionBlock(options, baseIndent));
-  return lines.join("\n");
-}
-
-// src/runtime/interaction/sflPatch/linkPatch/blockText.ts
-function buildLinkBlock(options, baseIndent) {
-  const bodyIndent = `${baseIndent}    `;
-  const from = formatLinkEndpoint({ id: options.fromId, side: options.fromSide, fraction: options.fromFraction });
-  const to = formatLinkEndpoint({ id: options.toId, side: options.toSide, fraction: options.toFraction });
-  const block = [`${baseIndent}Link ${options.id} {`, `${bodyIndent}from: ${from}`, `${bodyIndent}to: ${to}`];
-  if (options.text !== void 0) {
-    block.push(`${bodyIndent}text: "${escapeSflString(options.text)}"`);
-  }
-  if (options.body) {
-    block.push(...indentBlock(options.body, bodyIndent));
-  }
-  block.push(`${baseIndent}}`);
-  return block;
-}
-
-// src/runtime/interaction/sflPatch/linkPatch/insertionTarget.ts
-function resolveLinkInsertionTarget(sfl, lines, options) {
-  if (!VALID_IDENT.test(options.id) || nameExists(lines, options.id)) {
-    return null;
-  }
-  const canvasObjects = sflToCanvasState(sfl).canvasObjects;
-  const hasSource = canvasObjects.some((canvasObject) => canvasObject.id === options.fromId);
-  const hasTarget = canvasObjects.some((canvasObject) => canvasObject.id === options.toId);
-  if (!hasSource || !hasTarget) {
-    return null;
-  }
-  return findFirstBlockOfKind(lines, "Model");
-}
-
-// src/runtime/interaction/sflPatch/linkPatch/insert.ts
-function insertLink(sfl, options) {
-  const lines = sfl.split("\n");
-  const modelRange = resolveLinkInsertionTarget(sfl, lines, options);
-  if (!modelRange) {
-    return sfl;
-  }
-  insertBlockLines(lines, modelRange, (baseIndent) => buildLinkBlock(options, baseIndent));
-  return lines.join("\n");
-}
-
 // src/runtime/interaction/sflPatch/linkPatch/remove.ts
 function removeLink(sfl, id) {
   const lines = sfl.split("\n");
@@ -7291,6 +7686,7 @@ function bindEditing(viewer, options = {}) {
   const quickDuplicate = bindQuickDuplicate(viewer, emitter);
   const isometricQuickDuplicate = bindIsometricQuickDuplicate(viewer, emitter);
   const deleteSelection = bindDeleteSelection(viewer, emitter);
+  const nudgeSelection = bindNudgeSelection(viewer, emitter);
   const chartValues = bindChartValueDrag(viewer, emitter);
   const pieLabels = bindPieLabelDrag(viewer, emitter);
   const isometricLabels = bindIsometricLabelDrag(viewer, emitter);
@@ -7315,6 +7711,7 @@ function bindEditing(viewer, options = {}) {
       quickDuplicate.destroy();
       isometricQuickDuplicate.destroy();
       deleteSelection.destroy();
+      nudgeSelection.destroy();
       chartValues.destroy();
       pieLabels.destroy();
       isometricLabels.destroy();
@@ -7328,6 +7725,6 @@ function bindEditing(viewer, options = {}) {
   };
 }
 
-export { applyChartValueChange, applyLinkReconnectChange, applyLinkSegmentChange, applyMoveChange, applyPathPointChange, applyPropertyChange, applyResizeChange, applySankeyNodeMoveChange, applySankeyNodeRenameChange, applyTextChange, bindEditing, bindPropertyEditing, cssBackground, formatPickerValue, insertCanvasObject, insertConnection, insertLink, insertPath, openColorPopover, readGradientValue, removeCanvasObject, removeLink, resolveTheme, seedFrom };
+export { applyChartValueChange, applyLinkReconnectChange, applyLinkSegmentChange, applyMoveChange, applyPathPointChange, applyPropertyChange, applyQuickDuplicateChange, applyResizeChange, applySankeyNodeMoveChange, applySankeyNodeRenameChange, applyTextChange, bindEditing, bindPropertyEditing, cssBackground, formatPickerValue, insertCanvasObject, insertConnection, insertLink, insertPath, openColorPopover, readGradientValue, removeCanvasObject, removeLink, resolveTheme, seedFrom };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map