stickyflow 0.7.0 → 0.8.0

package/dist/{chunk-BUOWM3LC.cjs → chunk-IR2T47NW.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkA73UJ5AQ_cjs = require('./chunk-A73UJ5AQ.cjs');
-var chunkEKAWJFJQ_cjs = require('./chunk-EKAWJFJQ.cjs');
-var chunkKXYSO6GC_cjs = require('./chunk-KXYSO6GC.cjs');
+var chunkVOYX6JMW_cjs = require('./chunk-VOYX6JMW.cjs');
+var chunkFQ7GMLCM_cjs = require('./chunk-FQ7GMLCM.cjs');
+var chunkLNW5VIEA_cjs = require('./chunk-LNW5VIEA.cjs');
 
 // src/runtime/viewer/components/rollingNumberDom.ts
 var HTML_NAMESPACE = "http://www.w3.org/1999/xhtml";
@@ -162,12 +162,12 @@ function componentDigits(surface) {
 function componentStyle(surface) {
   const encoded = surface.getAttribute("data-sf-widget-style");
   if (!encoded) {
-    return chunkKXYSO6GC_cjs.DEFAULT_ROLLING_NUMBER_STYLE;
+    return chunkLNW5VIEA_cjs.DEFAULT_ROLLING_NUMBER_STYLE;
   }
   try {
-    return { ...chunkKXYSO6GC_cjs.DEFAULT_ROLLING_NUMBER_STYLE, ...JSON.parse(encoded) };
+    return { ...chunkLNW5VIEA_cjs.DEFAULT_ROLLING_NUMBER_STYLE, ...JSON.parse(encoded) };
   } catch {
-    return chunkKXYSO6GC_cjs.DEFAULT_ROLLING_NUMBER_STYLE;
+    return chunkLNW5VIEA_cjs.DEFAULT_ROLLING_NUMBER_STYLE;
   }
 }
 function positiveInteger(value) {
@@ -191,7 +191,7 @@ function setRollingNumber(surface, value, animate) {
     return false;
   }
   const previousValue = surface.getAttribute("data-sf-widget-value") ?? "";
-  const nextValue = chunkKXYSO6GC_cjs.formatRollingNumber(value, positiveInteger(surface.getAttribute("data-sf-widget-digits")));
+  const nextValue = chunkLNW5VIEA_cjs.formatRollingNumber(value, positiveInteger(surface.getAttribute("data-sf-widget-digits")));
   if (previousValue === nextValue) {
     return true;
   }
@@ -667,7 +667,7 @@ function mountDisplay(container, svgString) {
 }
 
 // src/runtime/viewer/events.ts
-var Emitter2 = class extends chunkEKAWJFJQ_cjs.Emitter {
+var Emitter2 = class extends chunkFQ7GMLCM_cjs.Emitter {
 };
 
 // src/runtime/viewer/export/raster.ts
@@ -757,11 +757,11 @@ function svgElement(document, name, attributes) {
 function readComponentStyle(surface) {
   try {
     return {
-      ...chunkKXYSO6GC_cjs.DEFAULT_ROLLING_NUMBER_STYLE,
+      ...chunkLNW5VIEA_cjs.DEFAULT_ROLLING_NUMBER_STYLE,
       ...JSON.parse(surface.getAttribute("data-sf-widget-style") ?? "{}")
     };
   } catch {
-    return chunkKXYSO6GC_cjs.DEFAULT_ROLLING_NUMBER_STYLE;
+    return chunkLNW5VIEA_cjs.DEFAULT_ROLLING_NUMBER_STYLE;
   }
 }
 function cellsOf(box, plain, fontSize = 0) {
@@ -901,7 +901,7 @@ function serializeSvgSnapshot(svg, captures) {
 // src/runtime/viewer/interaction/changeFlash.ts
 function createChangeFlash(svg) {
   const timers = /* @__PURE__ */ new Map();
-  const flash = (ownerIds, color2 = chunkEKAWJFJQ_cjs.CHANGE_COLOR) => {
+  const flash = (ownerIds, color2 = chunkFQ7GMLCM_cjs.CHANGE_COLOR) => {
     const ids = [...new Set(ownerIds)];
     if (ids.length === 0) {
       return;
@@ -909,7 +909,7 @@ function createChangeFlash(svg) {
     const doc = svg.ownerDocument;
     const reducedMotion = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? false;
     for (const id of ids) {
-      const primary = chunkEKAWJFJQ_cjs.findOwnerNode(svg, id, chunkEKAWJFJQ_cjs.isPrimary);
+      const primary = chunkFQ7GMLCM_cjs.findOwnerNode(svg, id, chunkFQ7GMLCM_cjs.isPrimary);
       if (!primary) {
         continue;
       }
@@ -920,10 +920,10 @@ function createChangeFlash(svg) {
       for (const stale of svg.querySelectorAll(`[data-sf-change-overlay="${CSS.escape(id)}"]`)) {
         stale.remove();
       }
-      const overlay = primary.getAttribute("data-sf-role") === "link" ? chunkEKAWJFJQ_cjs.linkChangeOverlay(doc, primary, id, color2) : chunkEKAWJFJQ_cjs.shapeChangeOverlay(doc, primary, id, color2);
+      const overlay = primary.getAttribute("data-sf-role") === "link" ? chunkFQ7GMLCM_cjs.linkChangeOverlay(doc, primary, id, color2) : chunkFQ7GMLCM_cjs.shapeChangeOverlay(doc, primary, id, color2);
       svg.appendChild(overlay);
-      chunkEKAWJFJQ_cjs.startChangeFade(overlay, reducedMotion);
-      const duration = reducedMotion ? chunkEKAWJFJQ_cjs.REDUCED_MOTION_DURATION_MS : chunkEKAWJFJQ_cjs.FLASH_DURATION_MS;
+      chunkFQ7GMLCM_cjs.startChangeFade(overlay, reducedMotion);
+      const duration = reducedMotion ? chunkFQ7GMLCM_cjs.REDUCED_MOTION_DURATION_MS : chunkFQ7GMLCM_cjs.FLASH_DURATION_MS;
       timers.set(
         id,
         setTimeout(() => {
@@ -1010,7 +1010,7 @@ var OwnerPointerController = class {
     this.#selection = selection;
   }
   hover(event) {
-    const owner = chunkEKAWJFJQ_cjs.resolveOwner(event.target);
+    const owner = chunkFQ7GMLCM_cjs.resolveOwner(event.target);
     this.#emitter.emit(
       "ownerHover",
       owner ? { diagramId: this.#diagramId, owner, modifiers: modifiersOf(event) } : { diagramId: this.#diagramId, owner: null }
@@ -1018,7 +1018,7 @@ var OwnerPointerController = class {
   }
   select(event) {
     const target = event.target;
-    const owner = chunkEKAWJFJQ_cjs.resolveOwner(target);
+    const owner = chunkFQ7GMLCM_cjs.resolveOwner(target);
     if (!owner) {
       this.#clearWhenOutsideOverlay(target);
       return;
@@ -1039,7 +1039,7 @@ var OwnerPointerController = class {
       owner,
       modifiers
     });
-    const node = chunkEKAWJFJQ_cjs.findOwnerNode(this.#svg, owner.id, chunkEKAWJFJQ_cjs.isPrimary);
+    const node = chunkFQ7GMLCM_cjs.findOwnerNode(this.#svg, owner.id, chunkFQ7GMLCM_cjs.isPrimary);
     if (node && !node.hasAttribute("tabindex")) {
       node.setAttribute("tabindex", "-1");
     }
@@ -1067,12 +1067,12 @@ var PointerInteractionSession = class {
   }
   #onPointerDown = (event) => {
     const target = event.target;
-    const overContent = Boolean(chunkEKAWJFJQ_cjs.resolveOwner(target)) || isSelectionOverlayControl(target);
+    const overContent = Boolean(chunkFQ7GMLCM_cjs.resolveOwner(target)) || isSelectionOverlayControl(target);
     this.#down = {
       x: event.clientX,
       y: event.clientY,
       moved: false,
-      panable: chunkEKAWJFJQ_cjs.isCameraGesture(event) || !overContent
+      panable: chunkFQ7GMLCM_cjs.isCameraGesture(event) || !overContent
     };
   };
   #onPointerMove = (event) => {
@@ -1100,7 +1100,7 @@ var PointerInteractionSession = class {
     if (!this.#down.moved) {
       return false;
     }
-    if (this.#down.panable && chunkEKAWJFJQ_cjs.isCameraGesture(event)) {
+    if (this.#down.panable && chunkFQ7GMLCM_cjs.isCameraGesture(event)) {
       this.#display.panBy(event.movementX, event.movementY);
     }
     return true;
@@ -1124,15 +1124,15 @@ function paintSelectionOverlays(svg, selectedIds, owners) {
   }
   const document = svg.ownerDocument;
   for (const id of selectedIds) {
-    const primary = chunkEKAWJFJQ_cjs.findOwnerNode(svg, id, chunkEKAWJFJQ_cjs.isPrimary);
+    const primary = chunkFQ7GMLCM_cjs.findOwnerNode(svg, id, chunkFQ7GMLCM_cjs.isPrimary);
     if (!primary) {
       continue;
     }
     const owner = owners.get(id);
-    const overlay = owner?.role === "link" ? chunkEKAWJFJQ_cjs.linkSelectionOverlay(document, primary, id, svg) : owner?.role === "path" ? chunkEKAWJFJQ_cjs.pathSelectionOverlay(document, primary, id, svg) : owner?.role === "isometric" ? chunkEKAWJFJQ_cjs.isometricSelectionOverlay(document, primary, id, svg) : chunkEKAWJFJQ_cjs.shapeSelectionOverlay(document, primary, id, svg, owner ? chunkEKAWJFJQ_cjs.DERIVED_HEIGHT_ROLES.has(owner.role) : false);
+    const overlay = owner?.role === "link" ? chunkFQ7GMLCM_cjs.linkSelectionOverlay(document, primary, id, svg) : owner?.role === "path" ? chunkFQ7GMLCM_cjs.pathSelectionOverlay(document, primary, id, svg) : owner?.role === "isometric" ? chunkFQ7GMLCM_cjs.isometricSelectionOverlay(document, primary, id, svg) : chunkFQ7GMLCM_cjs.shapeSelectionOverlay(document, primary, id, svg, owner ? chunkFQ7GMLCM_cjs.DERIVED_HEIGHT_ROLES.has(owner.role) : false);
     svg.appendChild(overlay);
     if (owner?.role === "shape" && selectedIds.size === 1) {
-      svg.appendChild(chunkEKAWJFJQ_cjs.quickDuplicateBubbles(document, primary, id, svg));
+      svg.appendChild(chunkFQ7GMLCM_cjs.quickDuplicateBubbles(document, primary, id, svg));
     }
   }
 }
@@ -1171,7 +1171,7 @@ var SelectionController = class {
   selectIds(ids) {
     for (const id of ids) {
       const element = this.#svg.querySelector(`[data-sf-id="${CSS.escape(id)}"]`);
-      const owner = chunkEKAWJFJQ_cjs.resolveOwner(element);
+      const owner = chunkFQ7GMLCM_cjs.resolveOwner(element);
       if (owner) {
         this.remember(owner);
       }
@@ -1183,7 +1183,7 @@ var SelectionController = class {
 // src/runtime/viewer/interaction/wheel.ts
 function bindWheelZoom(display, selection) {
   const onWheel = (event) => {
-    if (!chunkEKAWJFJQ_cjs.isCameraGesture(event)) {
+    if (!chunkFQ7GMLCM_cjs.isCameraGesture(event)) {
       return;
     }
     event.preventDefault();
@@ -1767,10 +1767,136 @@ var glassRefractionProgram = {
   usesBackdrop: true
 };
 
-// src/runtime/viewer/shaders/builtins/halftoneHalo.ts
+// src/runtime/viewer/shaders/builtins/glowCard.ts
 var fragmentSource8 = `
 precision highp float;
 
+uniform vec2 uResolution;
+uniform float uTime;
+uniform float uSpeed;
+uniform float uIntensity;
+uniform float uGlowHeight;
+uniform float uGlowSpread;
+uniform float uCore;
+uniform float uRim;
+uniform float uGrain;
+uniform float uWarp;
+uniform float uAngle;
+uniform float uCornerRadius;
+uniform vec3 uBaseColor;
+uniform vec3 uColorA;
+uniform vec3 uColorB;
+uniform vec3 uColorC;
+varying vec2 vUv;
+
+float hash(vec2 p) {
+  return fract(sin(dot(p, vec2(127.1, 311.7))) * 43758.5453123);
+}
+
+float blob(vec2 p, vec2 center, vec2 size) {
+  vec2 d = (p - center) / size;
+  return exp(-dot(d, d));
+}
+
+float noise(vec2 p) {
+  vec2 i = floor(p);
+  vec2 f = fract(p);
+  vec2 u = f * f * (3.0 - 2.0 * f);
+  return mix(mix(hash(i), hash(i + vec2(1.0, 0.0)), u.x), mix(hash(i + vec2(0.0, 1.0)), hash(i + vec2(1.0, 1.0)), u.x), u.y);
+}
+
+float fbm(vec2 p) {
+  return 0.5 * noise(p) + 0.25 * noise(p * 2.03 + 3.1) + 0.125 * noise(p * 4.01 + 7.7);
+}
+
+void main() {
+  vec2 size = max(uResolution, vec2(1.0));
+  float radius = uCornerRadius * min(size.x, size.y);
+  vec2 q = abs(vUv * size - size * 0.5) - size * 0.5 + radius;
+  float distance = length(max(q, 0.0)) + min(max(q.x, q.y), 0.0) - radius;
+  float shape = 1.0 - smoothstep(-1.0, 1.0, distance);
+  if (shape <= 0.0) discard;
+
+  // The light comes from one side. Angle 0 is the bottom edge, and it turns clockwise: 90 is the left, 180 the top, 270 the right.
+  // depth is 0 at the edge the light comes from and 1 at the far side, side runs along that edge.
+  float turn = radians(uAngle);
+  vec2 toward = vec2(-sin(turn), -cos(turn));
+  vec2 across = vec2(-toward.y, toward.x);
+  vec2 offset = (vUv - 0.5) * size;
+  float reachAlong = 0.5 * (abs(toward.x) * size.x + abs(toward.y) * size.y);
+  float reachAcross = 0.5 * (abs(across.x) * size.x + abs(across.y) * size.y);
+  float depth = clamp(0.5 - dot(offset, toward) / (2.0 * reachAlong), 0.0, 1.0);
+  float side = clamp(0.5 + dot(offset, across) / (2.0 * reachAcross), 0.0, 1.0);
+  float aspect = reachAcross / reachAlong;
+
+  float t = uTime * max(uSpeed, 0.0);
+  float height = clamp(uGlowHeight, 0.05, 1.0);
+  float spread = max(uGlowSpread, 0.05);
+  // The body is the base color with a faint lift toward the far side, like glass that catches the light.
+  vec3 color = uBaseColor + vec3(0.035) * smoothstep(0.55, 1.0, 1.0 - depth);
+
+  // Three soft lights sit low in the card and drift slowly; the middle one is the broadest.
+  vec2 p = vec2(side * aspect, depth);
+  // The lights are bent by slow noise, so their edges curl like smoke instead of staying round.
+  vec2 bend = vec2(fbm(p * 2.6 + vec2(t * 0.6, 0.0)), fbm(p * 2.6 + vec2(5.2, -t * 0.5))) - 0.35;
+  p += bend * max(uWarp, 0.0) * 0.45;
+  float wander = 0.05 * sin(t);
+  float a = blob(p, vec2((0.18 + wander) * aspect, 0.0), vec2(0.5 * spread * aspect, 0.42 * height));
+  float b = blob(p, vec2((0.52 - wander) * aspect, -0.04), vec2(0.62 * spread * aspect, 0.5 * height));
+  float c = blob(p, vec2((0.86 + wander * 0.6) * aspect, 0.02), vec2(0.5 * spread * aspect, 0.44 * height));
+  // Each light is thicker in some places than in others, so the colors mix unevenly.
+  float patchy = fbm(p * 4.0 + 11.0);
+  a *= 0.55 + 0.9 * patchy;
+  b *= 0.55 + 0.9 * (1.0 - patchy);
+  c *= 0.55 + 0.9 * fbm(p * 4.0 + 23.0);
+  vec3 glow = uColorA * a + uColorB * b + uColorC * c;
+
+  // A haze reaches higher than the lights, so the color fades out into the body.
+  float haze = smoothstep(height, 0.0, depth);
+  glow += mix(uColorB, uColorA, side) * haze * haze * 0.35;
+  color += glow * max(uIntensity, 0.0);
+
+  // Near the exit edge the lights are so strong that they turn white.
+  float hot = smoothstep(height * 0.38, 0.0, depth) * (a + b + c) * clamp(uCore, 0.0, 1.0);
+  color = mix(color, vec3(0.93, 0.95, 1.0), clamp(hot, 0.0, 1.0));
+
+  // A thin rim along the edge, strongest on the side away from the light.
+  float rim = (1.0 - smoothstep(0.0, 1.6, -distance)) * smoothstep(0.0, 1.0, -distance + 1.0);
+  color += vec3(0.62, 0.66, 0.78) * rim * max(uRim, 0.0) * (0.35 + 0.65 * smoothstep(0.2, 1.0, 1.0 - depth));
+
+  // The grit sits in the lit parts and fades in the dark body, as on film.
+  float lit = clamp(dot(glow, vec3(0.45)) * max(uIntensity, 0.0) + hot, 0.0, 1.0);
+  float grit = hash(gl_FragCoord.xy) - 0.5;
+  grit += 0.5 * (hash(floor(gl_FragCoord.xy * 0.5) + 17.0) - 0.5);
+  color += grit * max(uGrain, 0.0) * (0.3 + 2.2 * lit * (1.0 - 0.5 * lit));
+  gl_FragColor = vec4(clamp(color, 0.0, 1.0), shape);
+}
+`;
+var glowCardProgram = {
+  name: "glowCard",
+  fragmentSource: fragmentSource8,
+  defaultParameters: {
+    speed: 0.12,
+    intensity: 1,
+    glowHeight: 0.55,
+    glowSpread: 1,
+    core: 0.7,
+    rim: 0.55,
+    grain: 0.12,
+    warp: 1,
+    angle: 0,
+    cornerRadius: 0.08,
+    baseColor: "#0b0b12",
+    colorA: "#2f6bff",
+    colorB: "#9d5cff",
+    colorC: "#34d3c4"
+  }
+};
+
+// src/runtime/viewer/shaders/builtins/halftoneHalo.ts
+var fragmentSource9 = `
+precision highp float;
+
 uniform vec2 uResolution;
 uniform float uTime;
 uniform float uSpeed;
@@ -1847,11 +1973,11 @@ void main() {
 `;
 var halftoneHaloProgram = {
   name: "halftoneHalo",
-  fragmentSource: fragmentSource8
+  fragmentSource: fragmentSource9
 };
 
 // src/runtime/viewer/shaders/builtins/halo.ts
-var fragmentSource9 = `
+var fragmentSource10 = `
 precision highp float;
 
 uniform vec2 uResolution;
@@ -1926,11 +2052,11 @@ void main() {
 `;
 var haloProgram = {
   name: "halo",
-  fragmentSource: fragmentSource9
+  fragmentSource: fragmentSource10
 };
 
 // src/runtime/viewer/shaders/builtins/ledMatrix.ts
-var fragmentSource10 = `
+var fragmentSource11 = `
 precision highp float;
 
 uniform vec2 uResolution;
@@ -2046,7 +2172,7 @@ void main() {
 `;
 var ledMatrixProgram = {
   name: "ledMatrix",
-  fragmentSource: fragmentSource10,
+  fragmentSource: fragmentSource11,
   defaultParameters: {
     speed: 0.25,
     intensity: 1,
@@ -2077,7 +2203,7 @@ var ledMatrixProgram = {
 };
 
 // src/runtime/viewer/shaders/builtins/lightBand.ts
-var fragmentSource11 = `
+var fragmentSource12 = `
 precision highp float;
 
 uniform vec2 uResolution;
@@ -2137,7 +2263,7 @@ void main() {
 `;
 var lightBandProgram = {
   name: "lightBand",
-  fragmentSource: fragmentSource11,
+  fragmentSource: fragmentSource12,
   defaultParameters: {
     speed: 0.3,
     intensity: 1,
@@ -2154,7 +2280,7 @@ var lightBandProgram = {
 };
 
 // src/runtime/viewer/shaders/builtins/lumenPortal.ts
-var fragmentSource12 = `
+var fragmentSource13 = `
 precision highp float;
 
 uniform float uTime;
@@ -2212,11 +2338,11 @@ void main() {
 `;
 var lumenPortalProgram = {
   name: "lumenPortal",
-  fragmentSource: fragmentSource12
+  fragmentSource: fragmentSource13
 };
 
 // src/runtime/viewer/shaders/builtins/lumenPortalLight.ts
-var fragmentSource13 = `
+var fragmentSource14 = `
 precision highp float;
 
 uniform float uTime;
@@ -2275,11 +2401,11 @@ void main() {
 `;
 var lumenPortalLightProgram = {
   name: "lumenPortalLight",
-  fragmentSource: fragmentSource13
+  fragmentSource: fragmentSource14
 };
 
 // src/runtime/viewer/shaders/builtins/orb.ts
-var fragmentSource14 = `
+var fragmentSource15 = `
 precision highp float;
 
 uniform vec2 uResolution;
@@ -2315,11 +2441,11 @@ void main() {
 `;
 var orbProgram = {
   name: "orb",
-  fragmentSource: fragmentSource14
+  fragmentSource: fragmentSource15
 };
 
 // src/runtime/viewer/shaders/builtins/pixelConstellation.ts
-var fragmentSource15 = `
+var fragmentSource16 = `
 precision highp float;
 
 uniform float uTime;
@@ -2419,11 +2545,11 @@ void main() {
 `;
 var pixelConstellationProgram = {
   name: "pixelConstellation",
-  fragmentSource: fragmentSource15
+  fragmentSource: fragmentSource16
 };
 
 // src/runtime/viewer/shaders/builtins/plasmaGauge.ts
-var fragmentSource16 = `
+var fragmentSource17 = `
 precision highp float;
 
 uniform vec2 uResolution;
@@ -2525,12 +2651,12 @@ void main() {
 `;
 var plasmaGaugeProgram = {
   name: "plasmaGauge",
-  fragmentSource: fragmentSource16,
+  fragmentSource: fragmentSource17,
   replacesBaseFill: true
 };
 
 // src/runtime/viewer/shaders/builtins/prismSlats.ts
-var fragmentSource17 = `
+var fragmentSource18 = `
 precision highp float;
 
 uniform vec2 uResolution;
@@ -2605,11 +2731,11 @@ void main() {
 `;
 var prismSlatsProgram = {
   name: "prismSlats",
-  fragmentSource: fragmentSource17
+  fragmentSource: fragmentSource18
 };
 
 // src/runtime/viewer/shaders/builtins/reactivePanel.ts
-var fragmentSource18 = `
+var fragmentSource19 = `
 precision highp float;
 
 uniform float uTime;
@@ -2711,7 +2837,7 @@ void main() {
 `;
 var reactivePanelProgram = {
   name: "reactivePanel",
-  fragmentSource: fragmentSource18,
+  fragmentSource: fragmentSource19,
   defaultParameters: {
     intensity: 0.5,
     speed: 0.18,
@@ -2734,7 +2860,7 @@ var reactivePanelProgram = {
 };
 
 // src/runtime/viewer/shaders/builtins/ruler.ts
-var fragmentSource19 = `
+var fragmentSource20 = `
 precision highp float;
 
 uniform vec2 uResolution;
@@ -2839,12 +2965,12 @@ void main() {
 `;
 var rulerProgram = {
   name: "ruler",
-  fragmentSource: fragmentSource19,
+  fragmentSource: fragmentSource20,
   replacesBaseFill: true
 };
 
 // src/runtime/viewer/shaders/builtins/silkFolds.ts
-var fragmentSource20 = `
+var fragmentSource21 = `
 precision highp float;
 
 uniform vec2 uResolution;
@@ -2929,7 +3055,7 @@ void main() {
 `;
 var silkFoldsProgram = {
   name: "silkFolds",
-  fragmentSource: fragmentSource20,
+  fragmentSource: fragmentSource21,
   defaultParameters: {
     speed: 0.2,
     intensity: 1,
@@ -2952,7 +3078,7 @@ var silkFoldsProgram = {
 };
 
 // src/runtime/viewer/shaders/builtins/smearOrb.ts
-var fragmentSource21 = `
+var fragmentSource22 = `
 precision highp float;
 
 uniform vec2 uResolution;
@@ -3028,12 +3154,12 @@ void main() {
 `;
 var smearOrbProgram = {
   name: "smearOrb",
-  fragmentSource: fragmentSource21,
+  fragmentSource: fragmentSource22,
   replacesBaseFill: true
 };
 
 // src/runtime/viewer/shaders/builtins/tickScale.ts
-var fragmentSource22 = `
+var fragmentSource23 = `
 precision highp float;
 
 uniform vec2 uResolution;
@@ -3092,12 +3218,12 @@ void main() {
 `;
 var tickScaleProgram = {
   name: "tickScale",
-  fragmentSource: fragmentSource22,
+  fragmentSource: fragmentSource23,
   replacesBaseFill: true
 };
 
 // src/runtime/viewer/shaders/builtins/violetGlass.ts
-var fragmentSource23 = `
+var fragmentSource24 = `
 precision highp float;
 
 uniform float uTime;
@@ -3177,11 +3303,11 @@ void main() {
 `;
 var violetGlassProgram = {
   name: "violetGlass",
-  fragmentSource: fragmentSource23
+  fragmentSource: fragmentSource24
 };
 
 // src/runtime/viewer/shaders/builtins/violetGlassLight.ts
-var fragmentSource24 = `
+var fragmentSource25 = `
 precision highp float;
 
 uniform float uTime;
@@ -3251,7 +3377,7 @@ void main() {
 `;
 var violetGlassLightProgram = {
   name: "violetGlassLight",
-  fragmentSource: fragmentSource24
+  fragmentSource: fragmentSource25
 };
 
 // src/runtime/viewer/shaders/programs.ts
@@ -3279,7 +3405,8 @@ var builtins = [
   reactivePanelProgram,
   ledMatrixProgram,
   lightBandProgram,
-  silkFoldsProgram
+  silkFoldsProgram,
+  glowCardProgram
 ];
 var programs = new Map(builtins.map((program) => [program.name, program]));
 function registerShaderProgram(program) {
@@ -3460,9 +3587,9 @@ function compile(gl, type, source) {
   }
   return shader;
 }
-function linkProgram(gl, fragmentSource25) {
+function linkProgram(gl, fragmentSource26) {
   const vertex = compile(gl, gl.VERTEX_SHADER, VERTEX_SOURCE);
-  const fragment = compile(gl, gl.FRAGMENT_SHADER, fragmentSource25);
+  const fragment = compile(gl, gl.FRAGMENT_SHADER, fragmentSource26);
   if (!vertex || !fragment) {
     if (vertex) {
       gl.deleteShader(vertex);
@@ -4023,21 +4150,21 @@ function mountShaderSurfaces(svg) {
 
 // src/runtime/viewer/source.ts
 function renderViewerSource(next, defaultRenderOptions) {
-  const svg = next.svg ?? (next.source != null ? chunkA73UJ5AQ_cjs.render(next.source, { ...next.renderOptions ?? defaultRenderOptions, linkHitAreas: true }).svg : null);
+  const svg = next.svg ?? (next.source != null ? chunkVOYX6JMW_cjs.render(next.source, { ...next.renderOptions ?? defaultRenderOptions, linkHitAreas: true }).svg : null);
   if (svg == null) {
     throw new Error("createViewer: provide either `source` (SFL) or `svg`.");
   }
   return svg;
 }
 function assertCreateViewerContract(svg) {
-  const version = chunkEKAWJFJQ_cjs.parseContractVersion(svg);
-  if (!chunkEKAWJFJQ_cjs.isContractCompatible(version)) {
+  const version = chunkFQ7GMLCM_cjs.parseContractVersion(svg);
+  if (!chunkFQ7GMLCM_cjs.isContractCompatible(version)) {
     throw new Error(`createViewer: incompatible DOM contract (svg=${version}). Renderer and viewer versions differ.`);
   }
 }
 function assertViewerUpdateContract(svg) {
-  const version = chunkEKAWJFJQ_cjs.parseContractVersion(svg);
-  if (!chunkEKAWJFJQ_cjs.isContractCompatible(version)) {
+  const version = chunkFQ7GMLCM_cjs.parseContractVersion(svg);
+  if (!chunkFQ7GMLCM_cjs.isContractCompatible(version)) {
     throw new Error(`viewer.update: incompatible DOM contract (svg=${version}). Renderer and viewer versions differ.`);
   }
 }
@@ -4271,7 +4398,7 @@ function trackScales(wiring, event) {
 }
 function driveValue(wiring, id, event) {
   const { runtime, svg } = wiring;
-  const kind = chunkKXYSO6GC_cjs.getComponentDescriptor(runtime.graph.elements.get(id)?.componentType)?.interaction;
+  const kind = chunkLNW5VIEA_cjs.getComponentDescriptor(runtime.graph.elements.get(id)?.componentType)?.interaction;
   if (kind !== "slide" && kind !== "pick" && kind !== "turn" && kind !== "range") {
     return;
   }
@@ -4410,5 +4537,5 @@ exports.connectInteraction = connectInteraction;
 exports.createViewer = createViewer;
 exports.registerShaderProgram = registerShaderProgram;
 exports.shaderProgram = shaderProgram;
-//# sourceMappingURL=chunk-BUOWM3LC.cjs.map
-//# sourceMappingURL=chunk-BUOWM3LC.cjs.map
+//# sourceMappingURL=chunk-IR2T47NW.cjs.map
+//# sourceMappingURL=chunk-IR2T47NW.cjs.map