vireglass 2.0.0 → 2.1.0

package/dist/dom.d.cts

@@ -1,7 +1,7 @@
 import { B as BackdropSample } from './adaptation-BSbbdExK.cjs';
 import { V as VireGlassGeometry } from './geometry-RhKd7CM5.cjs';
 import { V as VireGlassOptics, a as VireGlassMaterial } from './material-CnUmdKg1.cjs';
-import { T as TouchWarp, M as MorphShape, V as VireGlassAccessibility, S as ScrollEdgeStyle, G as GroupPlane } from './group-model-8u4GKrUu.cjs';
+import { T as TouchWarp, M as MorphShape, V as VireGlassAccessibility, S as ScrollEdgeStyle, G as GroupPlane } from './group-model-DwtixGhG.cjs';
 import { V as VireGlassAccent } from './adapters-DugC6Qri.cjs';
 
 /** Any `backdrop-filter` at all (e.g. `blur()`) — the fallback path's own requirement. */
@@ -67,6 +67,9 @@ type DisplacementState = {
     smoothing?: number;
     morph?: MorphShape;
     morph2?: MorphShape;
+    /** Any number of shapes flowing into this one. `morph`/`morph2` are the first two, kept so a
+     *  caller that only ever had two does not have to change. */
+    morphs?: readonly MorphShape[];
 };
 /**
  * The raw pixel buffer, with no canvas involved — the part actually worth unit-testing.
@@ -321,6 +324,14 @@ type GlassMorph = {
     smoothing: number;
     shape?: MorphShape;
     shape2?: MorphShape;
+    /**
+     * Any number of shapes flowing into this one. Several independent elements becoming one whole is
+     * the behaviour; how many of them there are is the host's business, and it used to be the
+     * material's — the count lived in the field NAMES, so a fourth element had nowhere to go.
+     *
+     * `shape` and `shape2` still work and come first.
+     */
+    shapes?: readonly MorphShape[];
 };
 type GlassHandle = {
     update(): void;

package/dist/dom.d.ts

@@ -1,7 +1,7 @@
 import { B as BackdropSample } from './adaptation-BSbbdExK.js';
 import { V as VireGlassGeometry } from './geometry-GvXtt-_S.js';
 import { V as VireGlassOptics, a as VireGlassMaterial } from './material-CnUmdKg1.js';
-import { T as TouchWarp, M as MorphShape, V as VireGlassAccessibility, S as ScrollEdgeStyle, G as GroupPlane } from './group-model-vYSmEVia.js';
+import { T as TouchWarp, M as MorphShape, V as VireGlassAccessibility, S as ScrollEdgeStyle, G as GroupPlane } from './group-model-z4N27qsC.js';
 import { V as VireGlassAccent } from './adapters-BfeAopGO.js';
 
 /** Any `backdrop-filter` at all (e.g. `blur()`) — the fallback path's own requirement. */
@@ -67,6 +67,9 @@ type DisplacementState = {
     smoothing?: number;
     morph?: MorphShape;
     morph2?: MorphShape;
+    /** Any number of shapes flowing into this one. `morph`/`morph2` are the first two, kept so a
+     *  caller that only ever had two does not have to change. */
+    morphs?: readonly MorphShape[];
 };
 /**
  * The raw pixel buffer, with no canvas involved — the part actually worth unit-testing.
@@ -321,6 +324,14 @@ type GlassMorph = {
     smoothing: number;
     shape?: MorphShape;
     shape2?: MorphShape;
+    /**
+     * Any number of shapes flowing into this one. Several independent elements becoming one whole is
+     * the behaviour; how many of them there are is the host's business, and it used to be the
+     * material's — the count lived in the field NAMES, so a fourth element had nowhere to go.
+     *
+     * `shape` and `shape2` still work and come first.
+     */
+    shapes?: readonly MorphShape[];
 };
 type GlassHandle = {
     update(): void;

package/dist/dom.js

@@ -1,6 +1,6 @@
 import { shadowTint, NO_ACCESSIBILITY, createGroupState, createDeform, elasticAllowed, contrastRimLuma, concentricRadius, scrollEdgeStrength, scrollEdgeStyle, applyGlassScale, GLASS_SCALE_DEFAULT, applyAccessibility, applyAppear, accentTone, accentAmount, raiseIntoGlass } from './chunk-3PGYF2NK.js';
 import { ambientFrom, shouldInkBeLight, INK_LIGHT, INK_DARK } from './chunk-JNRZNMJJ.js';
-import { touchWarp, sceneDistance, sceneGradient, sdfRoundedRect, VIREGLASS_MATERIAL, REST_LIGHT, resolveOptics, refractionStrength } from './chunk-IQOBZGCF.js';
+import { touchWarp, sceneDistance, sceneGradient, sdfRoundedRect, VIREGLASS_MATERIAL, REST_LIGHT, resolveOptics, refractionStrength } from './chunk-FL5UZPY5.js';
 import { shadowOpacity, bevelDp, thicknessDp, rimDp, shadowOpacityFrom, shadowReachDp, halfMinDp, MAX_STRETCH, roundedRectGeometry } from './chunk-P2ZOODXD.js';
 import { LENS, BODY, RIM, TOUCH, SHADOW, SHADOW_GAP, SCROLL_EDGE, BEVEL, SPECTRAL, DISPERSION } from './chunk-TTOKBARR.js';
 
@@ -29,6 +29,7 @@ function renderDisplacementPixels(optics, geometry, dpr, state = {}) {
   const rawScale = optics.refraction * thicknessDp(geometry, optics) * SCALE_GAIN;
   const scale = Math.min(rawScale, MAX_SCALE);
   const smoothing = state.smoothing ?? 0;
+  const shapes = [state.morph, state.morph2, ...state.morphs ?? []];
   const data = new Uint8ClampedArray(width * height * 4);
   const halfW = geometry.width / 2;
   const halfH = geometry.height / 2;
@@ -38,7 +39,7 @@ function renderDisplacementPixels(optics, geometry, dpr, state = {}) {
       const x = (px + 0.5) / density - halfW;
       const i = (py * width + px) * 4;
       const [wx, wy] = state.touch ? touchWarp(x, y, state.touch) : [x, y];
-      const sd = sceneDistance(wx, wy, geometry.width, geometry.height, geometry.cornerRadius, smoothing, state.morph, state.morph2);
+      const sd = sceneDistance(wx, wy, geometry.width, geometry.height, geometry.cornerRadius, smoothing, ...shapes);
       const t = Math.min(Math.max((sd + bevel) / bevel, 0), 1);
       if (t <= 0 || scale <= 0) {
         data[i] = 128;
@@ -47,7 +48,7 @@ function renderDisplacementPixels(optics, geometry, dpr, state = {}) {
         data[i + 3] = 255;
         continue;
       }
-      const [gx, gy] = sceneGradient(wx, wy, geometry.width, geometry.height, geometry.cornerRadius, smoothing, state.morph, state.morph2);
+      const [gx, gy] = sceneGradient(wx, wy, geometry.width, geometry.height, geometry.cornerRadius, smoothing, ...shapes);
       const magnitude = bevelProfile(t) * (scale / 2);
       const dx = -gx * magnitude;
       const dy = -gy * magnitude;
@@ -833,7 +834,7 @@ function attachGlass(el, opts = {}) {
   }
   function morphState() {
     if (!morph) return {};
-    return { smoothing: morph.smoothing, morph: morph.shape, morph2: morph.shape2 };
+    return { smoothing: morph.smoothing, morph: morph.shape, morph2: morph.shape2, morphs: morph.shapes };
   }
   function morphKey() {
     if (!morph) return "0";