@satinhq/kit 0.0.0-stage → 0.1.0-beta.0

package/dist/glass/lens/lensPressSamples.json

@@ -0,0 +1 @@
+{ "light": [{ "attack": [[0.0, 0.0], [16.95, 0.133248], [33.617, 0.290575], [50.284, 0.44758], [66.95, 0.586058], [83.617, 0.700302], [100.284, 0.790682], [116.95, 0.860151], [133.617, 0.912438], [150.284, 0.951166], [166.95, 0.979492], [183.617, 1.0]], "release": [[0.0, 1.0], [16.667, 0.984494], [33.333, 0.923077], [50.0, 0.837721], [66.667, 0.742713], [83.333, 0.647028], [100.0, 0.556018], [116.667, 0.472607], [133.333, 0.398121], [150.0, 0.332875], [166.667, 0.276564], [183.333, 0.228533], [200.0, 0.187956], [216.667, 0.153947], [233.333, 0.125633], [250.0, 0.102195], [266.667, 0.082888], [283.333, 0.067054], [300.0, 0.054117], [316.667, 0.043582], [333.333, 0.035029], [350.0, 0.028103], [366.667, 0.02251], [383.333, 0.018003], [400.0, 0.014377], [416.667, 0.011467], [433.333, 0.009134], [450.0, 0.007268], [466.667, 0.005777], [483.333, 0.004587], [500.0, 0.003639], [516.667, 0.002884], [533.333, 0.0], [550.0, 0.0], [566.667, 0.0], [583.333, 0.0], [600.0, 0.0], [616.667, 0.0], [633.333, 0.0], [650.0, 0.0], [666.667, 0.0], [683.333, 0.0], [700.0, 0.0], [716.667, 0.0], [733.333, 0.0], [750.0, 0.0], [766.667, 0.0], [783.333, 0.0], [800.0, 0.0], [816.667, 0.0], [833.333, 0.0], [850.0, 0.0], [866.667, 0.0], [883.333, 0.0], [900.0, 0.0], [916.667, 0.0], [933.333, 0.0], [950.0, 0.0], [966.667, 0.0], [983.333, 0.0]] }, { "attack": [[0.0, 0.0], [16.95, 0.133248], [33.617, 0.290575], [50.284, 0.44758], [66.95, 0.586058], [83.617, 0.700302], [100.284, 0.790682], [116.95, 0.860151], [133.617, 0.912438], [150.284, 0.951166], [166.95, 0.979492], [183.617, 1.0]], "release": [[0.0, 1.0], [16.667, 0.984494], [33.333, 0.923077], [50.0, 0.837721], [66.667, 0.742713], [83.333, 0.647028], [100.0, 0.556018], [116.667, 0.472607], [133.333, 0.398121], [150.0, 0.332875], [166.667, 0.276564], [183.333, 0.228533], [200.0, 0.187956], [216.667, 0.153947], [233.333, 0.125633], [250.0, 0.102195], [266.667, 0.082888], [283.333, 0.067054], [300.0, 0.054117], [316.667, 0.043582], [333.333, 0.035029], [350.0, 0.028103], [366.667, 0.02251], [383.333, 0.018003], [400.0, 0.014377], [416.667, 0.011467], [433.333, 0.009134], [450.0, 0.007268], [466.667, 0.005777], [483.333, 0.004587], [500.0, 0.0], [516.667, 0.0], [533.333, 0.0], [550.0, 0.0], [566.667, 0.0], [583.333, 0.0], [600.0, 0.0], [616.667, 0.0], [633.333, 0.0], [650.0, 0.0], [666.667, 0.0], [683.333, 0.0], [700.0, 0.0], [716.667, 0.0], [733.333, 0.0], [750.0, 0.0], [766.667, 0.0], [783.333, 0.0], [800.0, 0.0], [816.667, 0.0], [833.333, 0.0], [850.0, 0.0], [866.667, 0.0], [883.333, 0.0], [900.0, 0.0], [916.667, 0.0], [933.333, 0.0], [950.0, 0.0], [966.667, 0.0], [983.333, 0.0]] }, { "attack": [[0.0, 0.0], [16.95, 0.133248], [33.617, 0.44758], [50.284, 0.44758], [66.95, 0.586058], [83.617, 0.700302], [100.284, 0.790682], [116.95, 0.860151], [133.617, 0.951166], [150.284, 0.951166], [166.95, 0.979492], [183.617, 1.0]], "release": [[0.0, 1.0], [16.667, 0.984494], [33.333, 0.837721], [50.0, 0.742713], [66.667, 0.647028], [83.333, 0.647028], [100.0, 0.472607], [116.667, 0.398121], [133.333, 0.398121], [150.0, 0.332875], [166.667, 0.276564], [183.333, 0.228533], [200.0, 0.187956], [216.667, 0.125633], [233.333, 0.125633], [250.0, 0.102195], [266.667, 0.082888], [283.333, 0.067054], [300.0, 0.054117], [316.667, 0.043582], [333.333, 0.035029], [350.0, 0.028103], [366.667, 0.018003], [383.333, 0.018003], [400.0, 0.011467], [416.667, 0.011467], [433.333, 0.009134], [450.0, 0.007268], [466.667, 0.005777], [483.333, 0.004587], [500.0, 0.003639], [516.667, 0.002884], [533.333, 0.0], [550.0, 0.0], [566.667, 0.0], [583.333, 0.0], [600.0, 0.0], [616.667, 0.0], [633.333, 0.0], [650.0, 0.0], [666.667, 0.0], [683.333, 0.0], [700.0, 0.0], [716.667, 0.0], [733.333, 0.0], [750.0, 0.0], [766.667, 0.0], [783.333, 0.0], [800.0, 0.0], [816.667, 0.0], [833.333, 0.0], [850.0, 0.0], [866.667, 0.0], [883.333, 0.0], [900.0, 0.0], [916.667, 0.0], [933.333, 0.0], [950.0, 0.0], [966.667, 0.0], [983.333, 0.0]] }, { "attack": [[0.0, 0.0], [16.95, 0.133248], [33.617, 0.44758], [50.284, 0.586058], [66.95, 0.586058], [83.617, 0.700302], [100.284, 0.790682], [116.95, 0.860151], [133.617, 0.951166], [150.284, 0.951166], [166.95, 0.979492], [183.617, 1.0]], "release": [[0.0, 1.0], [16.667, 0.984494], [33.333, 0.837721], [50.0, 0.742713], [66.667, 0.647028], [83.333, 0.556018], [100.0, 0.472607], [116.667, 0.398121], [133.333, 0.398121], [150.0, 0.332875], [166.667, 0.228533], [183.333, 0.187956], [200.0, 0.153947], [216.667, 0.125633], [233.333, 0.125633], [250.0, 0.082888], [266.667, 0.067054], [283.333, 0.067054], [300.0, 0.054117], [316.667, 0.035029], [333.333, 0.028103], [350.0, 0.028103], [366.667, 0.018003], [383.333, 0.018003], [400.0, 0.011467], [416.667, 0.011467], [433.333, 0.009134], [450.0, 0.007268], [466.667, 0.005777], [483.333, 0.004587], [500.0, 0.003639], [516.667, 0.002884], [533.333, 0.001807], [550.0, 0.001807], [566.667, 0.001429], [583.333, 0.001129], [600.0, 0.000892], [616.667, 0.000704], [633.333, 0.000555], [650.0, 0.000437], [666.667, 0.000344], [683.333, 0.000271], [700.0, 0.000213], [716.667, 0.000168], [733.333, 0.0], [750.0, 0.0], [766.667, 0.0], [783.333, 0.0], [800.0, 0.0], [816.667, 0.0], [833.333, 0.0], [850.0, 0.0], [866.667, 0.0], [883.333, 0.0], [900.0, 0.0], [916.667, 0.0], [933.333, 0.0], [950.0, 0.0], [966.667, 0.0], [983.333, 0.0]] }], "dark": [{ "attack": [[0.0, 0.0], [21.078, 0.17099], [37.745, 0.328295], [54.411, 0.478707], [71.078, 0.608522], [87.745, 0.714221], [104.411, 0.797108], [121.078, 0.860418], [137.745, 0.907842], [154.411, 0.942839], [171.078, 0.96836], [187.745, 0.986793], [204.411, 1.0]], "release": [[0.0, 1.0], [16.667, 0.979706], [33.333, 0.915707], [50.0, 0.829213], [66.667, 0.733982], [83.333, 0.638628], [100.0, 0.54826], [116.667, 0.46564], [133.333, 0.391993], [150.0, 0.327569], [166.667, 0.272026], [183.333, 0.224691], [200.0, 0.18473], [216.667, 0.151257], [233.333, 0.123403], [250.0, 0.100356], [266.667, 0.081379], [283.333, 0.06582], [300.0, 0.053111], [316.667, 0.042764], [333.333, 0.034367], [350.0, 0.027568], [366.667, 0.022079], [383.333, 0.017655], [400.0, 0.014098], [416.667, 0.011243], [433.333, 0.008955], [450.0, 0.007125], [466.667, 0.005663], [483.333, 0.004496], [500.0, 0.003566], [516.667, 0.002826], [533.333, 0.0], [550.0, 0.0], [566.667, 0.0], [583.333, 0.0], [600.0, 0.0], [616.667, 0.0], [633.333, 0.0], [650.0, 0.0], [666.667, 0.0], [683.333, 0.0], [700.0, 0.0], [716.667, 0.0], [733.333, 0.0], [750.0, 0.0], [766.667, 0.0], [783.333, 0.0], [800.0, 0.0], [816.667, 0.0], [833.333, 0.0], [850.0, 0.0], [866.667, 0.0], [883.333, 0.0], [900.0, 0.0], [916.667, 0.0], [933.333, 0.0], [950.0, 0.0], [966.667, 0.0], [983.333, 0.0]] }, { "attack": [[0.0, 0.0], [21.078, 0.17099], [37.745, 0.328295], [54.411, 0.478707], [71.078, 0.608522], [87.745, 0.714221], [104.411, 0.797108], [121.078, 0.860418], [137.745, 0.907842], [154.411, 0.942839], [171.078, 0.96836], [187.745, 0.986793], [204.411, 1.0]], "release": [[0.0, 1.0], [16.667, 0.979706], [33.333, 0.915707], [50.0, 0.829213], [66.667, 0.733982], [83.333, 0.638628], [100.0, 0.54826], [116.667, 0.46564], [133.333, 0.391993], [150.0, 0.327569], [166.667, 0.272026], [183.333, 0.224691], [200.0, 0.18473], [216.667, 0.151257], [233.333, 0.123403], [250.0, 0.100356], [266.667, 0.081379], [283.333, 0.06582], [300.0, 0.053111], [316.667, 0.042764], [333.333, 0.034367], [350.0, 0.027568], [366.667, 0.022079], [383.333, 0.017655], [400.0, 0.014098], [416.667, 0.011243], [433.333, 0.008955], [450.0, 0.007125], [466.667, 0.005663], [483.333, 0.004496], [500.0, 0.0], [516.667, 0.0], [533.333, 0.0], [550.0, 0.0], [566.667, 0.0], [583.333, 0.0], [600.0, 0.0], [616.667, 0.0], [633.333, 0.0], [650.0, 0.0], [666.667, 0.0], [683.333, 0.0], [700.0, 0.0], [716.667, 0.0], [733.333, 0.0], [750.0, 0.0], [766.667, 0.0], [783.333, 0.0], [800.0, 0.0], [816.667, 0.0], [833.333, 0.0], [850.0, 0.0], [866.667, 0.0], [883.333, 0.0], [900.0, 0.0], [916.667, 0.0], [933.333, 0.0], [950.0, 0.0], [966.667, 0.0], [983.333, 0.0]] }, { "attack": [[0.0, 0.0], [21.078, 0.17099], [37.745, 0.328295], [54.411, 0.608522], [71.078, 0.714221], [87.745, 0.714221], [104.411, 0.797108], [121.078, 0.907842], [137.745, 0.942839], [154.411, 0.942839], [171.078, 0.96836], [187.745, 0.986793], [204.411, 1.0]], "release": [[0.0, 1.0], [16.667, 0.979706], [33.333, 0.915707], [50.0, 0.829213], [66.667, 0.733982], [83.333, 0.638628], [100.0, 0.54826], [116.667, 0.46564], [133.333, 0.391993], [150.0, 0.327569], [166.667, 0.272026], [183.333, 0.224691], [200.0, 0.18473], [216.667, 0.151257], [233.333, 0.123403], [250.0, 0.100356], [266.667, 0.081379], [283.333, 0.053111], [300.0, 0.042764], [316.667, 0.034367], [333.333, 0.034367], [350.0, 0.027568], [366.667, 0.017655], [383.333, 0.017655], [400.0, 0.014098], [416.667, 0.011243], [433.333, 0.008955], [450.0, 0.007125], [466.667, 0.004496], [483.333, 0.004496], [500.0, 0.002826], [516.667, 0.002826], [533.333, 0.0], [550.0, 0.0], [566.667, 0.0], [583.333, 0.0], [600.0, 0.0], [616.667, 0.0], [633.333, 0.0], [650.0, 0.0], [666.667, 0.0], [683.333, 0.0], [700.0, 0.0], [716.667, 0.0], [733.333, 0.0], [750.0, 0.0], [766.667, 0.0], [783.333, 0.0], [800.0, 0.0], [816.667, 0.0], [833.333, 0.0], [850.0, 0.0], [866.667, 0.0], [883.333, 0.0], [900.0, 0.0], [916.667, 0.0], [933.333, 0.0], [950.0, 0.0], [966.667, 0.0], [983.333, 0.0]] }, { "attack": [[0.0, 0.040331], [21.078, 0.17099], [37.745, 0.478707], [54.411, 0.608522], [71.078, 0.714221], [87.745, 0.714221], [104.411, 0.860418], [121.078, 0.907842], [137.745, 0.942839], [154.411, 0.96836], [171.078, 0.96836], [187.745, 0.986793], [204.411, 1.0]], "release": [[0.0, 1.0], [16.667, 0.979706], [33.333, 0.915707], [50.0, 0.829213], [66.667, 0.733982], [83.333, 0.638628], [100.0, 0.54826], [116.667, 0.46564], [133.333, 0.391993], [150.0, 0.327569], [166.667, 0.272026], [183.333, 0.224691], [200.0, 0.18473], [216.667, 0.123403], [233.333, 0.123403], [250.0, 0.100356], [266.667, 0.081379], [283.333, 0.053111], [300.0, 0.042764], [316.667, 0.034367], [333.333, 0.034367], [350.0, 0.027568], [366.667, 0.017655], [383.333, 0.014098], [400.0, 0.011243], [416.667, 0.008955], [433.333, 0.007125], [450.0, 0.005663], [466.667, 0.004496], [483.333, 0.004496], [500.0, 0.002826], [516.667, 0.002238], [533.333, 0.002238], [550.0, 0.0014], [566.667, 0.001106], [583.333, 0.001106], [600.0, 0.000874], [616.667, 0.000689], [633.333, 0.000544], [650.0, 0.000337], [666.667, 0.000266], [683.333, 0.000266], [700.0, 0.000164], [716.667, 0.0], [733.333, 0.0], [750.0, 0.0], [766.667, 0.0], [783.333, 0.0], [800.0, 0.0], [816.667, 0.0], [833.333, 0.0], [850.0, 0.0], [866.667, 0.0], [883.333, 0.0], [900.0, 0.0], [916.667, 0.0], [933.333, 0.0], [950.0, 0.0], [966.667, 0.0], [983.333, 0.0]] }] }

package/dist/glass/lens/liquidMotion.d.ts

@@ -0,0 +1,50 @@
+import type { SurfaceShape } from '../renderSpecs.js';
+import type { Appearance } from './theme.js';
+export type LiquidMotionMode = 'merge' | 'none' | 'pill' | 'press';
+type SplineKnot = Readonly<{
+    seconds: number;
+    slopePerSecond: number;
+    value: number;
+}>;
+type TemporalSpline = Readonly<{
+    durationSeconds: number;
+    knots: readonly SplineKnot[];
+}>;
+export declare const LIQUID_SCRIPT: Readonly<{
+    initialHoldSeconds: 1.2;
+    morphDurationSeconds: number;
+    reverseAtSeconds: 2.7;
+    settledHoldSeconds: 0.58;
+}>;
+export declare const LIQUID_ENVELOPES: Readonly<{
+    merge: {
+        frameHeight: number;
+        frameWidth: number;
+        frameX: number;
+        frameY: number;
+    };
+    pill: {
+        frameHeight: number;
+        frameWidth: number;
+        frameX: number;
+        frameY: number;
+    };
+    press: {
+        frameHeight: number;
+        frameWidth: number;
+        frameX: number;
+        frameY: number;
+    };
+}>;
+export declare const LIQUID_PILL_BAR: Readonly<{
+    height: 60;
+    width: 370;
+    x: 16;
+    y: 782;
+}>;
+export declare function springStep(seconds: number, stiffness: number, damping: number): number;
+export declare function evaluateTemporalSpline(spline: TemporalSpline, seconds: number): number;
+export declare function liquidScriptDuration(mode: Exclude<LiquidMotionMode, 'none'>): number;
+export declare function liquidAnimationActive(mode: Exclude<LiquidMotionMode, 'none'>, seconds: number): boolean;
+export declare function sampleLiquidShape(mode: Exclude<LiquidMotionMode, 'none'>, seconds: number, appearance: Appearance, reducedMotion: boolean): SurfaceShape;
+export {};

package/dist/glass/lens/liquidMotion.js

@@ -0,0 +1,239 @@
+import nativeFits from './tab-motion-native-fits.json';
+export const LIQUID_SCRIPT = Object.freeze({
+    initialHoldSeconds: 1.2,
+    morphDurationSeconds: nativeFits.pill.forward.position.durationSeconds,
+    reverseAtSeconds: 2.7,
+    settledHoldSeconds: 0.58,
+});
+export const LIQUID_ENVELOPES = Object.freeze({
+    merge: { frameHeight: 142, frameWidth: 332, frameX: 35, frameY: 385 },
+    pill: { frameHeight: 86, frameWidth: 308, frameX: 20, frameY: 776 },
+    press: { frameHeight: 182, frameWidth: 182, frameX: 110, frameY: 360 },
+});
+export const LIQUID_PILL_BAR = Object.freeze({
+    height: 60,
+    width: 370,
+    x: 16,
+    // Pixel-difference in the 7j/7l native reference puts the declared y=768 bar 14 pt lower.
+    y: 782,
+});
+// The first installed-PWA raster pass measured the Pixi rim one pixel narrower
+// and one pixel taller than the input SDF throughout the pill morph. Compensate
+// at the shape boundary so the visible outline, rather than the mathematical
+// primitive hidden beneath the material, follows the native fit.
+const PILL_RIM_WIDTH_COMPENSATION_PX = 1;
+const PILL_RIM_HEIGHT_COMPENSATION_PX = -1;
+function clamp(value, minimum, maximum) {
+    return Math.min(maximum, Math.max(minimum, value));
+}
+function smoothstep(minimum, maximum, value) {
+    const progress = clamp((value - minimum) / (maximum - minimum), 0, 1);
+    return progress * progress * (3 - 2 * progress);
+}
+export function springStep(seconds, stiffness, damping) {
+    if (seconds <= 0)
+        return 0;
+    const frequency = Math.sqrt(stiffness);
+    const ratio = damping / (2 * frequency);
+    if (ratio >= 0.999)
+        return 1 - Math.exp(-frequency * seconds) * (1 + frequency * seconds);
+    const damped = frequency * Math.sqrt(1 - ratio * ratio);
+    return (1 -
+        Math.exp(-ratio * frequency * seconds) *
+            (Math.cos(damped * seconds) +
+                (ratio / Math.sqrt(1 - ratio * ratio)) * Math.sin(damped * seconds)));
+}
+export function evaluateTemporalSpline(spline, seconds) {
+    const knots = spline.knots;
+    if (seconds <= knots[0].seconds)
+        return knots[0].value;
+    if (seconds >= knots.at(-1).seconds)
+        return knots.at(-1).value;
+    const rightIndex = knots.findIndex(knot => knot.seconds >= seconds);
+    const left = knots[rightIndex - 1];
+    const right = knots[rightIndex];
+    const duration = right.seconds - left.seconds;
+    const progress = (seconds - left.seconds) / duration;
+    const squared = progress * progress;
+    const cubed = squared * progress;
+    return ((2 * cubed - 3 * squared + 1) * left.value +
+        (cubed - 2 * squared + progress) * duration * left.slopePerSecond +
+        (-2 * cubed + 3 * squared) * right.value +
+        (cubed - squared) * duration * right.slopePerSecond);
+}
+function evaluateBridge(centreDistance) {
+    const knots = nativeFits.merge.bridge.knots;
+    if (centreDistance >= knots[0].centreDistancePt)
+        return knots[0].bridgeWidthPt;
+    if (centreDistance <= knots.at(-1).centreDistancePt)
+        return knots.at(-1).bridgeWidthPt;
+    const rightIndex = knots.findIndex(knot => centreDistance >= knot.centreDistancePt);
+    const farther = knots[rightIndex - 1];
+    const nearer = knots[rightIndex];
+    const duration = nearer.centreDistancePt - farther.centreDistancePt;
+    const progress = (centreDistance - farther.centreDistancePt) / duration;
+    const squared = progress * progress;
+    const cubed = squared * progress;
+    return ((2 * cubed - 3 * squared + 1) * farther.bridgeWidthPt +
+        (cubed - 2 * squared + progress) * duration * farther.slopeWidthPerDistance +
+        (-2 * cubed + 3 * squared) * nearer.bridgeWidthPt +
+        (cubed - squared) * duration * nearer.slopeWidthPerDistance);
+}
+function rimAlpha(appearance) {
+    return appearance === 'light' ? 0.55 : 0.3;
+}
+function capsule(envelope, centerX, centerY, width, height) {
+    return {
+        centerX: centerX - envelope.frameX,
+        centerY: centerY - envelope.frameY,
+        halfHeight: height / 2,
+        halfWidth: width / 2,
+        radius: height / 2,
+    };
+}
+function pillShape(seconds, appearance, reducedMotion) {
+    const envelope = LIQUID_ENVELOPES.pill;
+    const forwardAt = LIQUID_SCRIPT.initialHoldSeconds;
+    const reverseAt = LIQUID_SCRIPT.reverseAtSeconds;
+    let splines = nativeFits.pill.forward;
+    let reverse = false;
+    let local = 0;
+    if (seconds < forwardAt) {
+        local = 0;
+    }
+    else if (seconds < forwardAt + LIQUID_SCRIPT.morphDurationSeconds) {
+        local = reducedMotion ? LIQUID_SCRIPT.morphDurationSeconds : seconds - forwardAt;
+    }
+    else if (seconds < reverseAt) {
+        local = LIQUID_SCRIPT.morphDurationSeconds;
+    }
+    else {
+        splines = nativeFits.pill.reverse;
+        reverse = true;
+        local = reducedMotion ? LIQUID_SCRIPT.morphDurationSeconds : seconds - reverseAt;
+    }
+    // WebKit's path raster clips the early forward rim slightly right and narrow.
+    // This bounded correction comes from the installed-PWA pixel-difference pass;
+    // it is zero at both endpoints and does not alter the native timing spline.
+    const forwardClipCorrection = reverse
+        ? 0
+        : smoothstep(0.145, 0.16, local) * (1 - smoothstep(0.2, 0.28, local));
+    const reverseCenterCorrection = reverse
+        ? 0.4 * smoothstep(0.08, 0.12, local) * (1 - smoothstep(0.2, 0.24, local))
+        : 0;
+    const centerX = evaluateTemporalSpline(splines.position, local) -
+        1.1 * forwardClipCorrection +
+        reverseCenterCorrection;
+    const reverseWidthCorrection = reverse
+        ? 2.7 * smoothstep(0.25, 0.32, local) * (1 - smoothstep(0.38, 0.42, local))
+        : 0;
+    const width = evaluateTemporalSpline(splines.width, local) +
+        PILL_RIM_WIDTH_COMPENSATION_PX +
+        1.3 * forwardClipCorrection +
+        reverseWidthCorrection;
+    const height = evaluateTemporalSpline(splines.height, local) + PILL_RIM_HEIGHT_COMPENSATION_PX;
+    return {
+        blendRadius: 0,
+        first: capsule(envelope, centerX, nativeFits.pill.centreY, width, height),
+        rimAlpha: rimAlpha(appearance),
+        whiteMix: 0,
+    };
+}
+function pressFit(appearance) {
+    return nativeFits.press.appearances.find(fit => fit.appearance === appearance);
+}
+function pressShape(seconds, appearance, reducedMotion) {
+    const envelope = LIQUID_ENVELOPES.press;
+    const fit = pressFit(appearance);
+    const downAt = LIQUID_SCRIPT.initialHoldSeconds;
+    const releaseAt = downAt + nativeFits.press.holdDurationSeconds;
+    let scale = 1;
+    let whiteMix = 0;
+    if (seconds >= downAt && seconds < releaseAt) {
+        const downSeconds = reducedMotion ? 10 : seconds - downAt;
+        scale =
+            1 +
+                (fit.heldScaleRatio - 1) *
+                    springStep(downSeconds, fit.scaleDown.stiffness, fit.scaleDown.damping);
+        whiteMix =
+            fit.heldWhiteMix *
+                springStep(downSeconds, fit.brightnessDown.stiffness, fit.brightnessDown.damping);
+    }
+    else if (seconds >= releaseAt) {
+        const releaseSeconds = reducedMotion ? 10 : seconds - releaseAt;
+        const scaleProgress = springStep(releaseSeconds, fit.scaleRelease.stiffness, fit.scaleRelease.damping);
+        const brightnessProgress = springStep(releaseSeconds, fit.brightnessRelease.stiffness, fit.brightnessRelease.damping);
+        scale = fit.heldScaleRatio + (1 - fit.heldScaleRatio) * scaleProgress;
+        whiteMix = fit.heldWhiteMix * (1 - brightnessProgress);
+    }
+    return {
+        blendRadius: 0,
+        first: capsule(envelope, 201, nativeFits.press.centreY, 160 * scale, 160 * scale),
+        rimAlpha: rimAlpha(appearance),
+        whiteMix,
+    };
+}
+function mergeDistance(seconds, reducedMotion) {
+    const forwardAt = LIQUID_SCRIPT.initialHoldSeconds;
+    const reverseAt = LIQUID_SCRIPT.reverseAtSeconds;
+    if (seconds < forwardAt)
+        return 200;
+    if (seconds < reverseAt) {
+        const local = reducedMotion ? 10 : seconds - forwardAt;
+        const fit = nativeFits.merge.forward;
+        return 200 + (60 - 200) * springStep(local, fit.stiffness, fit.damping);
+    }
+    const local = reducedMotion ? 10 : seconds - reverseAt;
+    const fit = nativeFits.merge.reverse;
+    return 60 + (200 - 60) * springStep(local, fit.stiffness, fit.damping);
+}
+function mergeShape(seconds, appearance, reducedMotion) {
+    const envelope = LIQUID_ENVELOPES.merge;
+    const distance = clamp(mergeDistance(seconds, reducedMotion), 60, 200);
+    const fittedBridge = Math.max(0, evaluateBridge(distance));
+    // Pixel difference measures the PWA bridge slightly wide at onset and one
+    // to three pixels narrow after the first native knot. Both corrections stay
+    // at the shape boundary so the shader and CSS path still share one SDF.
+    const bridgeCorrection = clamp((nativeFits.merge.bridge.knots[0].centreDistancePt - distance) /
+        (nativeFits.merge.bridge.knots[0].centreDistancePt - 140), 0, 1);
+    const onsetDistance = nativeFits.merge.bridge.knots[0].centreDistancePt;
+    const onsetRasterCorrection = 2 *
+        clamp((onsetDistance - distance) / (onsetDistance - 144), 0, 1) *
+        clamp((distance - 122) / (144 - 122), 0, 1);
+    const bridge = fittedBridge === 0 ? 0 : Math.max(0, fittedBridge + bridgeCorrection - onsetRasterCorrection);
+    // For the polynomial smooth-min used in the shader, the symmetric midpoint
+    // boundary is r + k/4. Solve k from the measured bridge width. A measured
+    // zero is a genuinely disconnected pair, not the non-zero k that would make
+    // the two contours mathematically tangent at a zero-width midpoint.
+    const blendRadius = bridge === 0 ? 0 : Math.max(0, 4 * (Math.hypot(bridge / 2, distance / 2) - 60));
+    return {
+        blendRadius,
+        first: capsule(envelope, 201 - distance / 2, nativeFits.merge.centreY, 120, 120),
+        rimAlpha: rimAlpha(appearance),
+        second: capsule(envelope, 201 + distance / 2, nativeFits.merge.centreY, 120, 120),
+        whiteMix: 0,
+    };
+}
+export function liquidScriptDuration(mode) {
+    const animationEnd = mode === 'press'
+        ? LIQUID_SCRIPT.initialHoldSeconds + nativeFits.press.holdDurationSeconds + 0.72
+        : LIQUID_SCRIPT.reverseAtSeconds + LIQUID_SCRIPT.morphDurationSeconds;
+    return animationEnd + LIQUID_SCRIPT.settledHoldSeconds;
+}
+export function liquidAnimationActive(mode, seconds) {
+    const firstStart = LIQUID_SCRIPT.initialHoldSeconds;
+    const firstEnd = firstStart + LIQUID_SCRIPT.morphDurationSeconds;
+    const secondStart = mode === 'press'
+        ? firstStart + nativeFits.press.holdDurationSeconds
+        : LIQUID_SCRIPT.reverseAtSeconds;
+    const secondEnd = secondStart + LIQUID_SCRIPT.morphDurationSeconds;
+    return ((seconds >= firstStart && seconds <= firstEnd) ||
+        (seconds >= secondStart && seconds <= secondEnd));
+}
+export function sampleLiquidShape(mode, seconds, appearance, reducedMotion) {
+    if (mode === 'pill')
+        return pillShape(seconds, appearance, reducedMotion);
+    if (mode === 'press')
+        return pressShape(seconds, appearance, reducedMotion);
+    return mergeShape(seconds, appearance, reducedMotion);
+}