@mkbabb/glass-ui 4.1.0 → 5.0.0

package/dist/components/blob/shaders/metaball.wgsl.d.ts

@@ -0,0 +1 @@
+export declare const METABALL_WGSL = "\nconst MAX_SATS: i32 = 4;\nconst TRAIL_N: i32 = 15;\nconst MAX_BLOB_STOPS: i32 = 4;\nconst PI: f32 = 3.141592653589793;\n\n// \u2500\u2500 Uniforms (the typed-struct source-of-truth \u2014 see uniformBridgeWGPU.ts) \u2500\u2500\n// Scalars packed into vec4 lanes; per-satellite / per-trail / per-palette rows packed\n// into a vec4 so the array stride is the natural 16 bytes (no std140 stride trap \u2014 the\n// parity-blowout suspect the wave's \u00A7Triumvirate names).\nstruct Uniforms {\n  // s0: (uTime, uBodyRadius, uPulsePhase, uPulseAmp)\n  s0: vec4<f32>,\n  // s1: (uNoiseAmp, uNoiseFreq, uNoiseSpeed, uWarpAmp)\n  s1: vec4<f32>,\n  // s2: (uSmoothK, uMerge, uMaxReach, uLit)\n  s2: vec4<f32>,\n  // s3: (uSpecStrength, uSpecShininess, uRimPower, uRimStrength)\n  s3: vec4<f32>,\n  // s4: (uIridescence, uIridHue, uIridSpeed, uSssScale)\n  s4: vec4<f32>,\n  // s5: (uSssPower, uCoreGlow, uHueRange, uSatShift)\n  s5: vec4<f32>,\n  // s6: (uBrightnessShift, uColorNoiseFreq, uColorNoiseSpeed, uStretch)\n  s6: vec4<f32>,\n  // s7: (uPointerActive, uPointerAttraction, uPointerStrength, uStage)\n  // BC.W-GOOBLOB-PLAIN \u2014 uStage gates the STAGE-1 stripped floor: 1.0 = the plain\n  // shadowless lightless fill-only floor (variant=\"blob\"); 0.0 = the full lit\n  // pipeline (variant=\"meatball\" / STAGE 2). It rides the spare s7.w lane the typed-\n  // struct SoT (uniformBridgeWGPU.ts) reserved.\n  s7: vec4<f32>,\n  // ptr: (uPointer.x, uPointer.y, uVelocity.x, uVelocity.y)\n  ptr: vec4<f32>,\n  // base: (uBaseColor.rgb, _pad)\n  base: vec4<f32>,\n  // rim: (uRimColor.rgb, _pad)\n  rim: vec4<f32>,\n  // light: (uLightDir.xyz, _pad)\n  light: vec4<f32>,\n  // res: (uResolution.x, uResolution.y, uShadow, uShadowSoftness)\n  // BC.W-GOOBLOB-MEATBALL \u2014 the soft-shadow march rides the spare res.z/res.w lanes the\n  // typed-struct SoT (uniformBridgeWGPU.ts) reserved (the EXTEND, never a re-fork): res.z\n  // = uShadow (1.0 = the variant=meatball shadow ON), res.w = uShadowSoftness (the\n  // penumbra hardness, inverse light-source size \u2192 4-48).\n  res: vec4<f32>,\n  // ints: (uStopCount, uSatCount, uTrailCount, _pad)\n  ints: vec4<i32>,\n  palette: array<vec4<f32>, 4>,\n  satPos: array<vec4<f32>, 4>,   // (pos.x, pos.y, radius, opacity)\n  trailPos: array<vec4<f32>, 15>, // (pos.x, pos.y, radius, _pad)\n};\n\n@group(0) @binding(0) var<uniform> u: Uniforms;\n\n// Noise + FBM (BC.W-CARVE6 -> metaball-noise.wgsl) \u2014 spliced AFTER the FBM_ROT_WGSL chunk\n// below. NB: do NOT name the chunk with a template-interpolation form in a WGSL comment \u2014\n// it injects the whole multi-line chunk into this // comment line and breaks the parse\n// (BD.W-VIZ-BROKEN-FIX D3c).\nconst FBM_ROT: mat2x2<f32> = mat2x2<f32>(0.8, 0.6, -0.6, 0.8);\n\nconst FBM_LACUNARITY: f32 = 1.8;\nconst FBM_GAIN: f32 = 0.42;\n\n// \u2500\u2500 Noise (blob-LOCAL 3D-p3 hash + IQ analytic-derivative gradient noise) \u2500\u2500\nfn hash21(p: vec2<f32>) -> f32 {\n  var p3 = fract(vec3<f32>(p.x, p.y, p.x) * 0.1031);\n  p3 = p3 + dot(p3, p3.yzx + 33.33);\n  return fract((p3.x + p3.y) * p3.z);\n}\n\n// IQ analytic-derivative gradient noise \u2014 value in .x, ANALYTIC gradient (d/dx, d/dy) in\n// .yz, from one eval. The quintic fade has a continuous 2nd derivative.\nfn noised(p: vec2<f32>) -> vec3<f32> {\n  let i = floor(p);\n  let f = fract(p);\n  let uu = f * f * f * (f * (f * 6.0 - 15.0) + 10.0);\n  let du = 30.0 * f * f * (f * (f - 2.0) + 1.0);\n\n  let ga = -1.0 + 2.0 * vec2<f32>(hash21(i + vec2<f32>(0.0, 0.0)), hash21(i + vec2<f32>(7.3, 0.0)));\n  let gb = -1.0 + 2.0 * vec2<f32>(hash21(i + vec2<f32>(1.0, 0.0)), hash21(i + vec2<f32>(8.3, 0.0)));\n  let gc = -1.0 + 2.0 * vec2<f32>(hash21(i + vec2<f32>(0.0, 1.0)), hash21(i + vec2<f32>(7.3, 1.0)));\n  let gd = -1.0 + 2.0 * vec2<f32>(hash21(i + vec2<f32>(1.0, 1.0)), hash21(i + vec2<f32>(8.3, 1.0)));\n\n  let va = dot(ga, f - vec2<f32>(0.0, 0.0));\n  let vb = dot(gb, f - vec2<f32>(1.0, 0.0));\n  let vc = dot(gc, f - vec2<f32>(0.0, 1.0));\n  let vd = dot(gd, f - vec2<f32>(1.0, 1.0));\n\n  let n = va + uu.x * (vb - va) + uu.y * (vc - va) + uu.x * uu.y * (va - vb - vc + vd);\n  let value = 0.5 + 0.5 * n;\n\n  let grad =\n    ga + uu.x * (gb - ga) + uu.y * (gc - ga) + uu.x * uu.y * (ga - gb - gc + gd) +\n    du * (vec2<f32>(uu.y, uu.x) * (va - vb - vc + vd) + vec2<f32>(vb, vc) - va);\n  return vec3<f32>(value, 0.5 * grad);\n}\n\nfn fbm(p0: vec2<f32>, octaves: i32) -> f32 {\n  var value = 0.0;\n  var amp = 0.5;\n  var freq = 1.0;\n  var p = p0;\n  for (var i = 0; i < 4; i = i + 1) {\n    if (i >= octaves) { break; }\n    value = value + amp * noised(p * freq).x;\n    p = FBM_ROT * p;\n    freq = freq * FBM_LACUNARITY;\n    amp = amp * FBM_GAIN;\n  }\n  return value;\n}\n\n// FBM with ANALYTIC GRADIENT \u2014 value in .x, \u2202/\u2202x, \u2202/\u2202y in .yz. The gradient accumulates\n// noised()'s analytic gradient per octave, chain-ruled through the per-octave frequency\n// scale AND the FBM_ROT rotation (the keystone feed for the analytic surface normal).\nfn fbmG(p: vec2<f32>, octaves: i32) -> vec3<f32> {\n  var value = 0.0;\n  var grad = vec2<f32>(0.0, 0.0);\n  var amp = 0.5;\n  var freq = 1.0;\n  var rotAccum = mat2x2<f32>(1.0, 0.0, 0.0, 1.0);\n  var pp = p;\n  for (var i = 0; i < 4; i = i + 1) {\n    if (i >= octaves) { break; }\n    let n = noised(pp * freq);\n    value = value + amp * n.x;\n    grad = grad + amp * freq * (transpose(rotAccum) * n.yz);\n    pp = FBM_ROT * pp;\n    freq = freq * FBM_LACUNARITY;\n    amp = amp * FBM_GAIN;\n    rotAccum = FBM_ROT * rotAccum;\n  }\n  return vec3<f32>(value, grad);\n}\n\n// One domain-warp pass with the ANALYTIC GRADIENT carried (warp-Jacobian approximation).\nfn fbmWarpedG(p: vec2<f32>, octaves: i32, warpAmp: f32) -> vec3<f32> {\n  if (warpAmp <= 0.0) { return fbmG(p, octaves); }\n  let q = vec2<f32>(fbm(p + vec2<f32>(0.0, 0.0), octaves),\n                    fbm(p + vec2<f32>(5.2, 1.3), octaves));\n  return fbmG(p + warpAmp * (q - 0.5), octaves);\n}\n\n\n// \u2500\u2500 SDF body (value+gradient circle + the IQ normalized smin, value+gradient form) \u2500\u2500\nfn sdgCircle(p: vec2<f32>, center: vec2<f32>, radius: f32) -> vec3<f32> {\n  let d = p - center;\n  let len = length(d);\n  var grad = vec2<f32>(0.0, 1.0);\n  if (len > 1e-6) { grad = d / len; }\n  return vec3<f32>(len - radius, grad);\n}\n\nfn sminQuadraticG(a: vec3<f32>, b: vec3<f32>, k0: f32) -> vec3<f32> {\n  let k = k0 * 4.0;\n  let h = max(k - abs(a.x - b.x), 0.0) / k;\n  let m = h * h * k * 0.25;\n  var w = 1.0 - 0.5 * h * h;\n  if (a.x < b.x) { w = 0.5 * h * h; }\n  let dist = min(a.x, b.x) - m;\n  let grad = mix(a.yz, b.yz, w);\n  return vec3<f32>(dist, grad);\n}\n\nfn sminCircularG(a: vec3<f32>, b: vec3<f32>, k0: f32) -> vec3<f32> {\n  let k = k0 * (1.0 / (1.0 - sqrt(0.5)));\n  let h = max(k - abs(a.x - b.x), 0.0) / k;\n  let m = k * 0.5 * (1.0 + h - sqrt(1.0 - h * (h - 2.0)));\n  var w = 1.0 - 0.5 * h;\n  if (a.x < b.x) { w = 0.5 * h; }\n  let dist = min(a.x, b.x) - m;\n  let grad = mix(a.yz, b.yz, w);\n  return vec3<f32>(dist, grad);\n}\n\nfn sminG(a: vec3<f32>, b: vec3<f32>, k: f32) -> vec3<f32> {\n  if (u.s2.y > 0.5) { return sminCircularG(a, b, k); }\n  return sminQuadraticG(a, b, k);\n}\n\n\nfn srgbToLinearCh(c: f32) -> f32 {\n  if (c <= 0.04045) { return c / 12.92; }\n  return pow((c + 0.055) / 1.055, 2.4);\n}\nfn srgbToLinear(c: vec3<f32>) -> vec3<f32> {\n  return vec3<f32>(srgbToLinearCh(c.r), srgbToLinearCh(c.g), srgbToLinearCh(c.b));\n}\n\nfn linearToSrgbCh(c: f32) -> f32 {\n  if (c <= 0.0031308) { return c * 12.92; }\n  return 1.055 * pow(c, 1.0 / 2.4) - 0.055;\n}\nfn linearToSrgb(c: vec3<f32>) -> vec3<f32> {\n  return vec3<f32>(linearToSrgbCh(c.r), linearToSrgbCh(c.g), linearToSrgbCh(c.b));\n}\n\n// value.js LINEAR_SRGB_TO_LMS, row-major \u2192 WGSL columns (= the transpose).\nconst LINEAR_SRGB_TO_LMS: mat3x3<f32> = mat3x3<f32>(\n  0.4122214708, 0.2119034982, 0.0883024619,\n  0.5363325363, 0.6806995451, 0.2817188376,\n  0.0514459929, 0.1073969566, 0.6299787005\n);\n\n// value.js srgbToOKLab's INLINE LMS\u2192OKLab coefficients, row-major \u2192 WGSL columns.\nconst LMS_TO_OKLAB: mat3x3<f32> = mat3x3<f32>(\n  0.2104542553, 1.9779984951, 0.0259040371,\n  0.7936177850, -2.4285922050, 0.7827717662,\n  -0.0040720468, 0.4505937099, -0.8086757660\n);\n\n// value.js OKLAB_TO_LMS_COEFF, row-major \u2192 WGSL columns.\nconst OKLAB_TO_LMS: mat3x3<f32> = mat3x3<f32>(\n  1.0, 1.0, 1.0,\n  0.3963377774, -0.1055613458, -0.0894841775,\n  0.2158037573, -0.0638541728, -1.2914855480\n);\n\n// value.js LMS_TO_LINEAR_SRGB, row-major \u2192 WGSL columns.\nconst LMS_TO_LINEAR_SRGB: mat3x3<f32> = mat3x3<f32>(\n  4.0767416621, -1.2684380046, -0.0041960863,\n  -3.3077115913, 2.6097574011, -0.7034186147,\n  0.2309699292, -0.3413193965, 1.7076147010\n);\n\nfn cbrt3(v: vec3<f32>) -> vec3<f32> {\n  return sign(v) * pow(abs(v), vec3<f32>(1.0 / 3.0));\n}\n\n// Gamma sRGB \u2192 raw OKLab (L, a, b). Mirrors value.js srgbToOKLab.\nfn srgbToOklab(c: vec3<f32>) -> vec3<f32> {\n  let lin = srgbToLinear(c);\n  let lms = LINEAR_SRGB_TO_LMS * lin;\n  return LMS_TO_OKLAB * cbrt3(lms);\n}\n\n// Raw OKLab (L, a, b) \u2192 linear sRGB. Mirrors value.js oklabToLinearSRGB.\nfn oklabToLinearSrgb(lab: vec3<f32>) -> vec3<f32> {\n  let lms_ = OKLAB_TO_LMS * lab;\n  let lms = lms_ * lms_ * lms_;\n  return LMS_TO_LINEAR_SRGB * lms;\n}\n\n// OKLab \u2192 OKLCh: H in RADIANS, folded to [0, 2pi). Mirrors value.js rawOklabToOklch.\nfn oklabToOklch(lab: vec3<f32>) -> vec3<f32> {\n  let C = length(lab.yz);\n  var H = atan2(lab.z, lab.y);\n  if (H < 0.0) { H = H + 2.0 * PI; }\n  return vec3<f32>(lab.x, C, H);\n}\n\n// OKLCh (H radians) \u2192 OKLab. Mirrors value.js rawOklchToOklab.\nfn oklchToOklab(lch: vec3<f32>) -> vec3<f32> {\n  return vec3<f32>(lch.x, lch.y * cos(lch.z), lch.y * sin(lch.z));\n}\n\n// OKLCh gamut clamp + palette sample + breath (BC.W-CARVE6 -> metaball-palette.wgsl)\n// \u2014 spliced AFTER the OKLCH_MATRICES_WGSL chunk above (its matrix source). NB: do NOT\n// write the chunk's identifier with a template-interpolation form in a WGSL comment \u2014 it\n// would inject the whole multi-line matrices chunk INTO this // comment line and break the\n// parse at the first injected newline (BD.W-VIZ-BROKEN-FIX D3c \u2014 the live WGSL syntax error\n// that silently fell every metaball/goo-dot to the WebGL2 net, masking the WGSL primary).\n\n// \u2500\u2500 OKLCh gamut clamp (hue-preserving inward chroma clamp \u2014 blob-local) \u2500\u2500\nfn inGamut(lin: vec3<f32>) -> bool {\n  return all(lin >= vec3<f32>(0.0)) && all(lin <= vec3<f32>(1.0));\n}\nfn gamutClampOklch(lch: vec3<f32>) -> vec3<f32> {\n  let lin = oklabToLinearSrgb(oklchToOklab(lch));\n  if (inGamut(lin)) { return lch; }\n  var lo = 0.0;\n  var hi = lch.y;\n  for (var i = 0; i < 16; i = i + 1) {\n    let mid = 0.5 * (lo + hi);\n    let test = vec3<f32>(lch.x, mid, lch.z);\n    if (inGamut(oklabToLinearSrgb(oklchToOklab(test)))) { lo = mid; } else { hi = mid; }\n  }\n  return vec3<f32>(lch.x, lo, lch.z);\n}\n\n// W11.b \u2014 sample the multi-stop palette at t, OKLab mix + midpoint chroma-bump. Returns\n// an OKLCh stop [L, C, h(rad)]. Falls back to uBaseColor when uStopCount <= 1.\nfn samplePaletteOklch(t: f32) -> vec3<f32> {\n  let uStopCount = u.ints.x;\n  if (uStopCount <= 1) { return oklabToOklch(srgbToOklab(u.base.rgb)); }\n  let n = f32(uStopCount);\n  let ft = clamp(t, 0.0, 1.0) * (n - 1.0);\n  let i0 = i32(floor(ft));\n  let i1 = min(i0 + 1, uStopCount - 1);\n  let f = ft - f32(i0);\n  let labA = srgbToOklab(u.palette[i0].rgb);\n  let labB = srgbToOklab(u.palette[i1].rgb);\n  let lab = mix(labA, labB, f);\n  var lch = oklabToOklch(lab);\n  lch.y = lch.y + 0.03 * sin(PI * f);\n  return lch;\n}\n\n// AX.W15 \u2014 de-synced breath (three DETUNED sines at irrational ratios).\nfn breath(phase: f32) -> f32 {\n  return (sin(phase) + 0.5 * sin(phase * 1.4444 + 1.7) + 0.28 * sin(phase * 0.31 + 4.1)) / 1.78;\n}\n\n\n// AX.W15 \u2014 the composite SDF field WITH its ANALYTIC GRADIENT vec3(dist, \u2202/\u2202x, \u2202/\u2202y).\nfn sceneDistG(uv: vec2<f32>) -> vec3<f32> {\n  let uBodyRadius = u.s0.y;\n  let uPulsePhase = u.s0.z;\n  let uPulseAmp = u.s0.w;\n  let uNoiseAmp = u.s1.x;\n  let uNoiseFreq = u.s1.y;\n  let uNoiseSpeed = u.s1.z;\n  let uWarpAmp = u.s1.w;\n  let uSmoothK = u.s2.x;\n  let uTime = u.s0.x;\n  let uVelocity = u.ptr.zw;\n  let uStretch = u.s6.w;\n  let uSatCount = u.ints.y;\n  let uTrailCount = u.ints.z;\n\n  let bodyR = uBodyRadius + breath(uPulsePhase) * uPulseAmp;\n\n  // Velocity-driven VOLUME-PRESERVING squash-and-stretch (tanh-saturated).\n  var bodyUv = uv;\n  var ax = vec2<f32>(1.0, 0.0);\n  var perp = vec2<f32>(0.0, 1.0);\n  var sa = 1.0;\n  let speed = length(uVelocity);\n  let squashed = uStretch > 0.0 && speed > 1e-4;\n  if (squashed) {\n    ax = uVelocity / speed;\n    perp = vec2<f32>(-ax.y, ax.x);\n    sa = 1.0 + tanh(speed * 1.6) * uStretch;\n    bodyUv = vec2<f32>(dot(uv, ax) / sa, dot(uv, perp) * sa);\n  }\n\n  // Domain-warped FBM displacement WITH its analytic gradient.\n  let fbmv = fbmWarpedG(bodyUv * uNoiseFreq + uTime * uNoiseSpeed, 3, uWarpAmp);\n  let bodyDisplacement = (fbmv.x - 0.5) * uNoiseAmp;\n  let dispGradBody = uNoiseAmp * uNoiseFreq * fbmv.yz;\n\n  let bodyG = sdgCircle(bodyUv, vec2<f32>(0.0), bodyR + bodyDisplacement);\n  let bodyGradBody = bodyG.yz - dispGradBody;\n\n  var bodyGradUv: vec2<f32>;\n  if (squashed) {\n    let scaled = vec2<f32>(bodyGradBody.x / sa, bodyGradBody.y * sa);\n    bodyGradUv = scaled.x * ax + scaled.y * perp;\n  } else {\n    bodyGradUv = bodyGradBody;\n  }\n  var d = vec3<f32>(bodyG.x, bodyGradUv);\n\n  // Satellites \u2014 smin-merged into the body.\n  for (var i = 0; i < MAX_SATS; i = i + 1) {\n    if (i >= uSatCount) { break; }\n    let s = u.satPos[i];\n    var satG = sdgCircle(uv, s.xy, s.z);\n    satG.x = satG.x + (1.0 - s.w) * 0.3;\n    d = sminG(d, satG, uSmoothK);\n  }\n\n  // Pointer trail \u2014 a decaying-radius pseudopod.\n  for (var i = 0; i < TRAIL_N; i = i + 1) {\n    if (i >= uTrailCount) { break; }\n    let tp = u.trailPos[i];\n    let trailG = sdgCircle(uv, tp.xy, tp.z);\n    d = sminG(d, trailG, uSmoothK);\n  }\n  return d;\n}\n\n// AX.W15 \u2014 the analytic surface normal from the field gradient.\nfn surfaceNormalFromGrad(grad2d: vec2<f32>, d: f32, bodyR: f32) -> vec3<f32> {\n  let g = normalize(grad2d + vec2<f32>(1e-6));\n  let interior = clamp(-d / max(bodyR, 1e-4), 0.0, 1.0);\n  let z = sqrt(max(0.0, 1.0 - (1.0 - interior) * (1.0 - interior)));\n  return normalize(vec3<f32>(g * (1.0 - z), z) + vec3<f32>(0.0, 0.0, 1e-6));\n}\n\n// \u2500\u2500 BC.W-GOOBLOB-MEATBALL \u2014 the 2D SDF soft-shadow march (IQ rmshadows improved-penumbra,\n//    research/viz/goo-blob.md \u00A72.3). A procedural soft contact shadow that FOLLOWS the\n//    irregular metaball silhouette (NOT a hard disc / box shadow). Marches a ray from ro\n//    along rd (the in-plane projection of uLightDir), accumulating the closest miss via\n//    the Aaltonen penumbra (y = h*h/(2*ph) + d = sqrt(h*h - y*y)) that kills the\n//    banding the naive res = min(res, h/(w*t)) shows. CHEAP: 24 steps, re-uses the SAME\n//    sceneDistG().x field (NO separate field re-eval, NO FBO/multi-pass \u2014 the procedural\n//    field needs none, \u00A72.3). w is the penumbra hardness (inverse light-source size \u2192\n//    uShadowSoftness). It is derivative-FREE (no fwidth/dpdx/dpdy), so it is fragment-safe\n//    here. Returns 1.0 (fully lit) \u2192 0.0 (fully occluded). \u2500\u2500\nfn softShadow2D(ro: vec2<f32>, rd: vec2<f32>, mint: f32, maxt: f32, w: f32) -> f32 {\n  var res = 1.0;\n  var ph = 1e20;\n  var t = mint;\n  for (var i = 0; i < 24; i = i + 1) {\n    if (t >= maxt) { break; }\n    let h = sceneDistG(ro + rd * t).x;\n    if (h < 0.001) { return 0.0; }\n    let y = h * h / (2.0 * ph);\n    let dd = sqrt(max(h * h - y * y, 0.0));\n    res = min(res, dd / (w * max(0.001, t - y)));\n    ph = h;\n    t = t + h;\n  }\n  return clamp(res, 0.0, 1.0);\n}\n\n// \u2500\u2500 Full-screen triangle vertex stage (the pilot idiom \u2014 no vertex buffer) \u2500\u2500\nstruct VSOut {\n  @builtin(position) pos: vec4<f32>,\n  @location(0) uv: vec2<f32>,\n};\n\n@vertex\nfn vs_main(@builtin(vertex_index) vi: u32) -> VSOut {\n  var p = vec2<f32>(-1.0, -1.0);\n  if (vi == 1u) { p = vec2<f32>(3.0, -1.0); }\n  else if (vi == 2u) { p = vec2<f32>(-1.0, 3.0); }\n  var out: VSOut;\n  out.pos = vec4<f32>(p, 0.0, 1.0);\n  // vUv = aPos * 0.5 + 0.5 (the metaball.vert convention).\n  out.uv = p * 0.5 + 0.5;\n  return out;\n}\n\n// \u2500\u2500 Fragment stage (the main() transcription) \u2500\u2500\n@fragment\nfn fs_main(in: VSOut) -> @location(0) vec4<f32> {\n  let uTime = u.s0.x;\n  let uBodyRadius = u.s0.y;\n  let uPulsePhase = u.s0.z;\n  let uPulseAmp = u.s0.w;\n  let uMaxReach = u.s2.z;\n  let uLit = u.s2.w;\n  let uPointerActive = u.s7.x;\n  let uPointerAttraction = u.s7.y;\n  let uPointerStrength = u.s7.z;\n  // BC.W-GOOBLOB-PLAIN \u2014 the STAGE-1 gate (1.0 = the plain shadowless fill-only floor).\n  let uStage = u.s7.w;\n  // BD.W-GOO-CAROUSEL-DECK \u2014 the blob to meatball SHADING-MORPH scalar (the base.w pad\n  // lane; the typed-struct SoT writes it). 0 = flat blob, 1 = lit meatball, in-between\n  // lerps the surface shading (the smin geometry is shared).\n  let uMorphT = clamp(u.base.w, 0.0, 1.0);\n  let uPointer = u.ptr.xy;\n  let uHueRange = u.s5.z;\n  let uSatShift = u.s5.w;\n  let uBrightnessShift = u.s6.x;\n  let uColorNoiseFreq = u.s6.y;\n  let uColorNoiseSpeed = u.s6.z;\n  let uIridescence = u.s4.x;\n  let uIridHue = u.s4.y;\n  let uIridSpeed = u.s4.z;\n  let uSssScale = u.s4.w;\n  let uSssPower = u.s5.x;\n  let uCoreGlow = u.s5.y;\n  let uSpecStrength = u.s3.x;\n  let uSpecShininess = u.s3.y;\n  let uRimPower = u.s3.z;\n  let uRimStrength = u.s3.w;\n  let uLightDir = u.light.xyz;\n  let uRimColor = u.rim.rgb;\n  // BC.W-GOOBLOB-MEATBALL \u2014 the soft-shadow gate + penumbra hardness (res.z/res.w lanes).\n  let uShadow = u.res.z;\n  let uShadowSoftness = u.res.w;\n\n  var uv = in.uv - 0.5;\n\n  // PRE-FBM bounding test (BD.W-VIZ-BROKEN-FIX D3c \u2014 the uniformity fix). The GLSL fallback\n  // EARLY-RETURNS transparent here (a perf skip of the FBM border); WGSL CANNOT \u2014 an early\n  // return predicated on the per-fragment uv makes the fwidth(d)/fwidth(Nh) calls below\n  // reachable only through non-uniform control flow, which the WGSL uniformity analyzer\n  // REJECTS (fwidth must only be called from uniform control flow) so the metaball WGSL\n  // module never compiled and every GooBlob + goo-dot fell silently to the WebGL2 net (the\n  // \"broken TOTALLY\" the user reports, the un-exercised Safari-primary surface). So the\n  // bound is folded into the FINAL alpha (a flag, NOT a control-flow return): the derivative\n  // builtins stay in UNIFORM control flow, and an outside fragment writes transparent at the\n  // end \u2014 gestalt-identical to the GLSL early-out, just without the WGSL-illegal pre-\n  // derivative return. sceneDistG is derivative-FREE so running it on the border costs only\n  // ALU (no correctness hazard); the real GPU swallows it.\n  let inBounds = dot(uv, uv) <= uMaxReach * uMaxReach;\n\n  // Pointer deformation \u2014 sign per AY.W-BLOB-CONFIG D2.\n  if (uPointerActive > 0.5) {\n    let pointerDir = uPointer - uv;\n    let pointerDist = length(pointerDir);\n    let influence = smoothstep(0.5, 0.0, pointerDist) * uPointerAttraction * uPointerStrength;\n    uv = uv + normalize(pointerDir + vec2<f32>(1e-6)) * influence;\n  }\n\n  let bodyR = uBodyRadius + breath(uPulsePhase) * uPulseAmp;\n\n  // Composite domain-warped membrane field WITH its analytic gradient.\n  let scene = sceneDistG(uv);\n  let d = scene.x;\n  let fieldGrad = scene.yz;\n\n  // \u2500\u2500 fwidth SITE #1 (metaball.frag.ts line 266) \u2014 AA-edge half-width from the SDF\n  //    screen-space gradient. The WGSL fragment-stage fwidth() transcription. In UNIFORM\n  //    control flow (no early return precedes it \u2014 the bounding test above is a flag). \u2500\u2500\n  let aa = max(fwidth(d), 1e-6);\n  // The bounding test (D3c) folds in here: an out-of-bounds fragment is forced transparent\n  // (the GLSL early-out's transparent WRITE, expressed as an alpha gate, not a return).\n  let alpha = (1.0 - smoothstep(-aa, aa, d)) * select(0.0, 1.0, inBounds);\n\n  // \u2500\u2500 BC.W-GOOBLOB-MEATBALL \u2014 the WGSL uniformity STRUCTURAL fix (the meatball-armer).\n  //    The Toksvig screen-space derivative (fwidth SITE #2) is hoisted HERE, into the SAME\n  //    uniform control flow fwidth(d) above already arms in (top-level fs_main, before the\n  //    per-fragment alpha < 0.001 early-return and the uLit/uShadow non-uniform branches).\n  //    WGSL uniformity analysis rejects a fwidth() reached only through a return predicated\n  //    on a per-fragment value (the alpha < 0.001 early-out) nested under further branches\n  //    \u2014 exactly the BB residual that kept the normal-derivative inside the lit branch from\n  //    compiling, so the WGSL primary never armed and GooBlob fell to the WebGL2 net. Nh is\n  //    the uniform-flow surface normal computed for this derivative ONLY (byte-identical to\n  //    the lit block's own N = surfaceNormalFromGrad(...) below \u2014 the SAME inputs, so\n  //    nVar = length(fwidth(Nh)) IS the Toksvig clamp the lit block reads); the named lit-\n  //    block N stays AFTER the uStage early-return (the STAGE-1 floor reaches no lit work).\n  //    nVar is a pure uniform-flow value the lit block READS \u2014 no derivative in non-uniform\n  //    flow; the math is byte-identical to the GLSL fallback's Toksvig clamp, only its\n  //    EVALUATION POINT moved. The shadow march (T2) reuses d (the same sceneDistG().x).\n  let Nh = surfaceNormalFromGrad(fieldGrad, d, bodyR);\n  // \u2500\u2500 fwidth SITE #2 (metaball.frag.ts line 364) \u2014 Toksvig normal-variance specular\n  //    clamp, the WGSL fragment-stage fwidth() of the surface normal. NOW in uniform\n  //    control flow (the structural fix), so the WGSL primary ARMS + paints the full lit\n  //    creature instead of falling to the stripped WebGL2 fallback. \u2500\u2500\n  let nVar = length(fwidth(Nh));\n\n  if (alpha < 0.001) {\n    return vec4<f32>(0.0);\n  }\n\n  // Edit #4 \u2014 perceptually-uniform OKLCh variation.\n  let colorNoise = fbm(uv * uColorNoiseFreq + uTime * uColorNoiseSpeed, 3);\n  var oklch = samplePaletteOklch(colorNoise);\n\n  oklch.z = oklch.z + (colorNoise - 0.5) * uHueRange * (PI / 180.0);\n  oklch.y = max(oklch.y + (colorNoise - 0.5) * uSatShift, 0.0);\n  oklch.x = clamp(oklch.x + uBrightnessShift, 0.0, 1.0);\n\n  // \u2500\u2500 BC.W-GOOBLOB-PLAIN \u2014 the STAGE-1 stripped floor (variant=blob). \u2500\u2500\n  // The minimal verifiable floor: SDF + smin (the meatball field, already in d/\n  // alpha above) + fwidth-AA (the crisp alpha above) + warm-cream fill. NO surface\n  // normal, NO Fresnel, NO lit glint, NO iridescence, NO fake-SSS, NO shadow \u2014\n  // deliberately FLAT. It returns BEFORE any of the STAGE-2 dressing is reached. The\n  // STAGE-1 path simply never READS the hoisted Nh/nVar or the lit/shadow blocks; the\n  // normal-derivative is now in UNIFORM control flow above (BC.W-GOOBLOB-MEATBALL \u2014 the\n  // structural armer), so BOTH the STAGE-1 floor AND the STAGE-2 lit path arm on Metal\n  // (the BB residual that kept STAGE 2 falling to the WebGL2 net is CLOSED). The\n  // teaching contrast: this is the \"it renders, it meatballs, it works on Safari\"\n  // floor STAGE 2 layers the lit/shadow onto via the SAME uniforms.\n  // BD.W-GOO-CAROUSEL-DECK \u2014 the flat blob fill is snapshotted from the PRE-dressing\n  // oklch (the dressing mutates oklch below). At morphT <= 0 (a pure blob) emit the\n  // flat fill + dither and return \u2014 the byte-identical STAGE-1 floor, zero dressing cost.\n  let flatOkl = gamutClampOklch(oklch);\n  let flatLin = oklabToLinearSrgb(oklchToOklab(flatOkl));\n  let flatRgbBase = clamp(linearToSrgb(flatLin), vec3<f32>(0.0), vec3<f32>(1.0));\n  if (uMorphT <= 0.0) {\n    let fc1 = in.pos.xy;\n    let ign1 = fract(52.9829189 * fract(dot(fc1, vec2<f32>(0.06711056, 0.00583715))));\n    let rgb1 = clamp(flatRgbBase + (ign1 - 0.5) / 255.0, vec3<f32>(0.0), vec3<f32>(1.0));\n    return vec4<f32>(rgb1 * alpha, alpha);\n  }\n\n  // The named surface normal the lit/iridescence/SSS blocks read (byte-identical inputs to\n  // the hoisted Nh above \u2014 the Toksvig nVar = length(fwidth(Nh)) IS this N's screen-space\n  // variance). It sits AFTER the uStage early-return so the STAGE-1 floor reaches no lit work.\n  let N = surfaceNormalFromGrad(fieldGrad, d, bodyR);\n  let V = vec3<f32>(0.0, 0.0, 1.0);\n  let thickness = clamp(-d / max(bodyR, 1e-4), 0.0, 1.0);\n  let fres = pow(1.0 - max(dot(N, V), 0.0), 2.5);\n\n  // \u2500\u2500 W11.a iridescence \u2014 warm-biased IQ cosine palette driving OKLCh HUE \u2500\u2500\n  if (uIridescence > 0.0) {\n    let t = fres + 0.3 * colorNoise + uTime * uIridSpeed;\n    let iridHue = uIridHue + 0.18 * PI * cos(2.0 * PI * t);\n    let w = fres * uIridescence;\n    oklch.z = mix(oklch.z, iridHue, w);\n    oklch.y = min(oklch.y + 0.04 * w, oklch.y + 0.08);\n    oklch.x = min(oklch.x + 0.05 * w, 1.0);\n  }\n\n  // \u2500\u2500 W11.a fake subsurface translucency \u2014 thickness inner-glow + back-light \u2500\u2500\n  if (uCoreGlow > 0.0 || uSssScale > 0.0) {\n    oklch.x = min(oklch.x + uCoreGlow * (1.0 - exp(-3.0 * thickness)), 1.0);\n    let L = normalize(uLightDir + vec3<f32>(1e-6));\n    let back = pow(clamp(dot(V, -(L + N * thickness)), 0.0, 1.0), uSssPower);\n    let sss = back * uSssScale * (1.0 - thickness);\n    oklch.x = min(oklch.x + sss, 1.0);\n    oklch.z = oklch.z + sss * 0.1 * (1.0 - thickness);\n  }\n\n  // \u2500\u2500 BC.W-GOOBLOB-MEATBALL \u2014 the soft contact shadow (T2). A procedural soft shadow that\n  //    FOLLOWS the irregular silhouette: march from this fragment's uv toward the in-plane\n  //    projection of uLightDir; where the metaball field occludes the light (the body\n  //    shadows itself opposite the light, a satellite shadows the body across the neck), the\n  //    march returns < 1 and DARKENS the OKLCh L \u2014 a soft grounded contact band UNDER the\n  //    dome, congruent with (but PROCEDURAL, silhouette-following, unlike) the CSS gel-dome\n  //    drop-shadow. Concentrated on the AWAY-facing lower rim (an away-facing weight \u00D7 a\n  //    thin-rim Gaussian band) so the deep-lit interior + the light-facing edge stay bright\n  //    and the grounded shadow reads at the lower silhouette edge \u2014 the warm-cream body mean\n  //    holds. Gated uShadow > 0.5; variant=blob (STAGE 1) ships shadowless. \u2500\u2500\n  if (uShadow > 0.5) {\n    let L2 = normalize(uLightDir.xy + vec2<f32>(1e-6));\n    // w increases with the inverse light-source size \u2192 uShadowSoftness (a harder penumbra at a\n    // higher value). Start the march just off the surface so a fragment never self-shadows\n    // at t=0; cap the reach at the body span.\n    let sh = softShadow2D(uv, L2, max(aa, 0.004), bodyR * 1.5, max(uShadowSoftness, 4.0));\n    // The contact band sits on the LOWER rim (the side AWAY from the light) \u2014 gated by\n    // dot(fieldGrad, L2) < 0 (the rim facing away from L2) AND the thin-rim weight\n    // (a Gaussian band peaking at thickness \u2248 0.18 so the deep-lit interior + the\n    // light-facing edge stay BRIGHT \u2014 the warm-cream body mean holds). The 0.20 cap keeps\n    // it a soft GROUNDING whisper, never a gouge (the warm-cream identity + the\n    // proof:blob-warm-default floor hold).\n    let away = clamp(-dot(normalize(fieldGrad + vec2<f32>(1e-6)), L2), 0.0, 1.0);\n    let band = exp(-pow((thickness - 0.18) / 0.16, 2.0));\n    let shadowDarken = (1.0 - sh) * away * band * 0.20;\n    oklch.x = max(oklch.x - shadowDarken, 0.0);\n  }\n\n  oklch = gamutClampOklch(oklch);\n\n  var lin = oklabToLinearSrgb(oklchToOklab(oklch));\n\n  // \u2500\u2500 W9.b lit glass surface \u2014 Blinn-Phong glint + Fresnel rim, in LINEAR \u2500\u2500\n  if (uLit > 0.5) {\n    let L = normalize(uLightDir + vec3<f32>(1e-6));\n    let H = normalize(L + V);\n\n    let warmCream = oklabToLinearSrgb(oklchToOklab(vec3<f32>(0.97, 0.03, radians(85.0))));\n\n    // \u2500\u2500 fwidth SITE #2 \u2014 Toksvig normal-variance specular clamp. nVar is the HOISTED\n    //    length(fwidth(N)) (BC.W-GOOBLOB-MEATBALL \u2014 computed once at the top of fs_main\n    //    in uniform control flow, so the WGSL primary ARMS on Metal). The math is\n    //    byte-identical to the GLSL fallback (length(fwidth(N))); only its evaluation\n    //    point moved out of this non-uniform if (uLit > 0.5) branch. \u2500\u2500\n    let shininess = uSpecShininess / (1.0 + 24.0 * nVar);\n    let energyNorm = (shininess + 2.0) / 8.0;\n    let spec = pow(max(dot(N, H), 0.0), shininess) * uSpecStrength * energyNorm;\n\n    var rimOkl = oklabToOklch(srgbToOklab(uRimColor));\n    let bodyL = oklch.x;\n    let dL = abs(rimOkl.x - bodyL);\n    let lack = clamp((0.22 - dL) / 0.22, 0.0, 1.0);\n    // target is a WGSL RESERVED word (W3C WGSL 16.2) so a \"var target\" declaration is an\n    // invalid identifier: the shader module fails to compile and the WGSL primary never\n    // arms (the GooBlob reserved-keyword bug BC.W-WEBGPU-EVERYWHERE W7 catches). Renamed to\n    // a valid identifier; the math + the value are byte-identical.\n    var targetL = 0.18;\n    if (bodyL < 0.5) { targetL = 0.92; }\n    rimOkl.x = clamp(mix(rimOkl.x, targetL, lack), 0.0, 1.0);\n    rimOkl.y = rimOkl.y * mix(1.0, 0.5, lack);\n    let rimLin = oklabToLinearSrgb(oklchToOklab(rimOkl));\n\n    let rimFres = pow(1.0 - max(dot(N, V), 0.0), uRimPower);\n    let rim = rimFres * uRimStrength * (1.0 - 0.6 * thickness);\n\n    var highlight = max(warmCream * spec, rimLin * rim);\n    highlight = min(highlight, vec3<f32>(0.85));\n    lin = lin + highlight;\n  }\n\n  var rgb = clamp(linearToSrgb(lin), vec3<f32>(0.0), vec3<f32>(1.0));\n\n  // BD.W-GOO-CAROUSEL-DECK \u2014 the blob\u2194meatball SHADING-MORPH compose: lerp the flat blob\n  // fill -> the dressed meatball surface on uMorphT (the geometry/alpha is shared; only\n  // the surface shading interpolates). morphT == 1 is byte-identical to the dressed\n  // meatball; the morphT == 0 case already returned the flat fill above.\n  rgb = mix(flatRgbBase, rgb, uMorphT);\n\n  // IGN dither \u2014 1-LSB triangular dither in DISPLAY space, AFTER linearToSrgb.\n  let fragCoord = in.pos.xy;\n  let ign = fract(52.9829189 * fract(dot(fragCoord, vec2<f32>(0.06711056, 0.00583715))));\n  rgb = clamp(rgb + (ign - 0.5) / 255.0, vec3<f32>(0.0), vec3<f32>(1.0));\n\n  // premultiply AFTER the OETF: straight-alpha gamma \u2192 premultiplied.\n  return vec4<f32>(rgb * alpha, alpha);\n}\n";

package/dist/components/blob/types.d.ts

@@ -0,0 +1,256 @@
+import type { InjectionKey } from "vue";
+export type BlobMood = "idle" | "happy" | "curious" | "sleepy" | "excited";
+/** Smin merge variant — `quadratic` (cheap, creased) | `circular` (rounder menisci). */
+export type BlobMerge = "quadratic" | "circular";
+/**
+ * The render-variant axis (BC.W-GOOBLOB-PLAIN — STAGE 1 owns the first two members).
+ *
+ * - `"blob"` — the STAGE-1 first-principles floor: a plain shadowless lightless
+ *   fill-only droplet (SDF + smin satellites + fwidth-AA + warm-cream fill). The
+ *   minimal verifiable "it renders, it meatballs, it works on Safari" register the
+ *   `uStage` gate strips the lit/shadow blocks for. NO specular, NO iridescence, NO
+ *   SSS, NO shadow — deliberately minimal.
+ * - `"meatball"` — the full lit register (the default): STAGE 2 builds the lit-glass
+ *   surface / Fresnel rim / iridescence / SSS / shadow ON the same field via the
+ *   `uLit`/`uShadow` flags. Byte-identical to the pre-STAGE-1 default pipeline.
+ *
+ * `"dot-matrix"` / `"dot-sphere"` are the later-sub-wave siblings (not STAGE 1).
+ */
+export type BlobVariant = "blob" | "meatball";
+/**
+ * Render-quality axis (AX.W16) — `full` (default) renders the metaball pass at the
+ * clamped DPR; `half` renders the backing store at HALF resolution and lets the
+ * browser bilinear-upsample on composite (~4× fragment savings for weak GPUs — the
+ * blob is the ideal candidate: the soft FBM/AA edge hides the interpolation).
+ */
+export type BlobQuality = "full" | "half";
+export interface MoodParams {
+    orbitSpeedScale: number;
+    wobbleScale: number;
+    pulseFreq: number;
+    pulseAmp: number;
+    noiseAmp: number;
+    hueRange: number;
+    satShift: number;
+    brightnessShift: number;
+    smoothK: number;
+    pointerAttraction: number;
+    mergeRate: number;
+    /** Mood-driven iridescence/SSS intensity multiplier (excited > 1, sleepy < 1). */
+    iridScale: number;
+}
+export interface MetaballSource {
+    x: number;
+    y: number;
+    radius: number;
+    opacity: number;
+    /**
+     * BD.W-GOOBLOB-MERCURY-COLONY — the per-source SPLIT token (default `false`). When a
+     * satellite is mid-`fissioning`, this is `true` and the uniform packers DROP the
+     * `orbitWiden` bridge to nominal for it ALONE, so its neck thins past the smin reach
+     * and SNAPS into a free bead. Every non-fissioning source keeps the full bridge (the
+     * R8-07 "instant fully-detached disc" cure). Trail sources never fission (`false`).
+     */
+    fissioning?: boolean;
+}
+export type SatellitePhase = "orbiting" | "merging" | "absorbed" | "emerging" | "fissioning";
+export interface SatelliteInternal {
+    phase: SatellitePhase;
+    phaseStart: number;
+    phaseDuration: number;
+    timeOrigin: number;
+    angularSpeed: number;
+    phaseOffset: number;
+    baseRadiusX: number;
+    baseRadiusY: number;
+    wobbleAmp1: number;
+    wobbleFreq1: number;
+    wobbleAmp2: number;
+    wobbleFreq2: number;
+    pertXAmp: number;
+    pertXFreq: number;
+    pertXPhase: number;
+    pertYAmp: number;
+    pertYFreq: number;
+    pertYPhase: number;
+    startX: number;
+    startY: number;
+    endX: number;
+    endY: number;
+    /**
+     * The live phase token the uniform packers READ to phase-scope `orbitWiden`. Mirrors
+     * `phase`, but exposed on the published `MetaballSource` (below) so the GL leaves can
+     * gate the bridge widen per-satellite WITHOUT importing the satellite internals. A
+     * fissioning satellite drops to nominal bridge (its neck snaps); every other
+     * satellite keeps the full+capped widen (R8-07 cured).
+     */
+    fissioning: boolean;
+    /**
+     * BD.W-GOOBLOB-MERCURY-COLONY — the phase-local SNAP latch: false at the fission
+     * beat start, set true once the neck crosses the snap band (so the body-pulse recoil
+     * kick fires EXACTLY ONCE per pinch, not every frame across the snap window).
+     */
+    snapFired: boolean;
+}
+/** Body / orbit / satellite geometry — the contained-droplet length cohort (W15). */
+export interface BlobGeometry {
+    canvasSize: number;
+    bodyRadius: number;
+    satelliteCount: number;
+    satelliteRadius: number;
+    orbitRadius: number;
+    eccentricity: number;
+}
+/** Satellite merge/absorb/emerge/orbit lifecycle DURATIONS (ms). */
+export interface BlobSatelliteTiming {
+    mergeDuration: number;
+    absorbedDuration: [number, number];
+    emergeDuration: number;
+    orbitDuration: [number, number];
+}
+/** The living membrane — smin merge + surface noise/warp + pulsation. */
+export interface BlobMembrane {
+    smoothK: number;
+    /** Smin merge variant — `quadratic` (default) | `circular` (rounder menisci). */
+    merge: BlobMerge;
+    noiseAmp: number;
+    noiseFreq: number;
+    noiseSpeed: number;
+    /**
+     * Domain-warp strength on the FBM edge displacement (0 = plain fbm, the
+     * pre-warp look; ~0.6 = a marbled organic membrane). Taste-first low default.
+     */
+    warpAmp: number;
+    pulseFreq: number;
+    pulseAmp: number;
+}
+/** Palette + OKLCh color-perturbation atom. */
+export interface BlobColor {
+    paletteStops: string[];
+    satelliteColors?: string[];
+    hueRange: number;
+    satShift: number;
+    brightnessShift: number;
+    colorNoiseFreq: number;
+    colorNoiseSpeed: number;
+    /**
+     * BI.W-BLOB-SEAMS (GAP-L5 / value.js D8) — the OKLab-L ink FLOOR the derived
+     * palette's deepest (body) stop is clamped to, so a seed-derived hero body never
+     * collapses toward an illegible near-black. A CONFIG atom (the consumer/HERO sets
+     * it; the palette derivation reads it via `deriveBlobPalette`'s `lightnessFloor`
+     * param). Bracket-bounded `[0.12, 0.20]` OKLab L — see `LIGHTNESS_FLOOR_BRACKET` /
+     * `clampLightnessFloor` (`./presets`); default 0.15. This does NOT affect the bare
+     * default paint (its `paletteStops` are pre-baked CSS strings) — it is the floor a
+     * consumer DERIVING a palette off `config.color.lightnessFloor` applies.
+     */
+    lightnessFloor?: number;
+}
+/** The lit-glass surface — Blinn-Phong glint + Fresnel rim + iridescence/SSS/core-glow. */
+export interface BlobSurface {
+    lit: boolean;
+    /**
+     * The procedural 2D SDF soft-shadow march (BC.W-GOOBLOB-MEATBALL T2). A soft contact
+     * shadow FOLLOWING the irregular silhouette (NOT a hard disc/box shadow), gated behind
+     * the shader `uShadow` flag. Default ON (the `meatball` register); the `blob` STAGE-1
+     * floor ships shadowless via the `uStage` gate.
+     */
+    shadow: boolean;
+    /**
+     * Soft-shadow penumbra hardness (BC.W-GOOBLOB-MEATBALL T2) — the inverse light-source
+     * size fed to the IQ rmshadows march `w` term (a higher value = a harder penumbra).
+     * Range 4–48, default 16.
+     */
+    shadowSoftness: number;
+    /** CSS color for the Fresnel rim tint (resolved through the `/color` leaf). */
+    rimColor: string;
+    /** Light direction [x, y, z] (normalized in-shader). */
+    lightDir: [number, number, number];
+    specStrength: number;
+    /** Specular exponent (16-64 — a tight glint). */
+    specShininess: number;
+    /** Fresnel/Schlick exponent (~2-3). */
+    rimPower: number;
+    rimStrength: number;
+    /** Warm-pearl rim sheen weight (0 = off). */
+    iridescence: number;
+    /** Base hue (degrees) the warm-biased cosine palette centres on. */
+    iridHue: number;
+    /** Animated-thickness scroll speed for the iridescent shimmer. */
+    iridSpeed: number;
+    /** Fast-SSS back-light weight. */
+    sssScale: number;
+    /** Fast-SSS exponent. */
+    sssPower: number;
+    /** Thickness-driven inner-luminosity (core glow) lift. */
+    coreGlow: number;
+    /**
+     * BD.W-GOOBLOB-MERCURY-COLONY — the MERCURY-COLONY split register (the OPT-IN scalar,
+     * 0..1, default the calm floor `0`). At `0` the shipped `variant:"blob"` default stays
+     * calm + gate-faithful: a permanently-bonded merge/un-merge breath, NO pinch (so
+     * `proof:blob-render`/`-studio`/`-page` are UNMOVED — `orbitRadius 0.17` is NOT
+     * re-based). Lifting it toward `1` arms the `fissioning` beat: the colony breathes a
+     * satellite OUT through a thinning neck whose gap exceeds the smin reach so it SNAPS
+     * into a free orbiting bead (the mercury pinch), then re-merges next cycle. This is a
+     * DERIVED bundling over the EXISTING `surface` atom (the variant IS the bundle) — NOT
+     * a 9th geometry atom; the split rides MOTION (the satellite moves) on the EXISTING
+     * phase machine, NOT a global smin-band re-base (which would lean-regress per
+     * AZ.W-BLOB-STUDIO D2). Mood-coupled: `excited` splits more, `sleepy` barely. The
+     * `colony`/`mercury` register a consumer/studio opts into.
+     */
+    fissionAmp: number;
+}
+/** Pointer interaction — lean / squash-stretch / click-impulse. */
+export interface BlobInteraction {
+    pointerAttraction: number;
+    pointerStrength: number;
+    /**
+     * Velocity-driven volume-preserving squash-and-stretch magnitude (0 = off).
+     *
+     * AY.W-BLOB-CONFIG D3 — a SWAMPED fine-detail axis. The squash rides the smoothed
+     * spring velocity (`useBlobPointer`'s critically-damped `response: 0.18` follow),
+     * which is heavily damped and down-scaled into body space — so the tanh-saturated
+     * elongation reads at the noise floor (a live readback measured 0% body-aspect change
+     * between `stretch=0` and `stretch=1.5`). It is NOT a primary axis: it adds a subtle
+     * elongation on a FAST flick over the much louder lean/follow/pseudopod channel that
+     * dominates the deformation. Kept (the volume-preserving map is correct and lands a
+     * whisper on the fastest flicks) but DEMOTED — the demo no longer surfaces it as a
+     * top-level slider (the flick blurb is honest-down to match). A consumer that wants a
+     * pronounced taffy-pull raises this AND uncouples the velocity from the spring smooth.
+     */
+    stretch: number;
+    /** Click spring-impulse amplitude (a one-shot bouncy pulse on the body radius). */
+    clickImpulse: number;
+}
+/** Externally tunable blob configuration — EIGHT cohesive atoms, defaults via `BLOB_CONFIG_DEFAULTS`. */
+export interface BlobConfig {
+    geometry: BlobGeometry;
+    satellites: BlobSatelliteTiming;
+    membrane: BlobMembrane;
+    color: BlobColor;
+    surface: BlobSurface;
+    interaction: BlobInteraction;
+    /**
+     * The render variant (BC.W-GOOBLOB-PLAIN) — `"meatball"` (default, the full lit
+     * pipeline) | `"blob"` (the STAGE-1 plain shadowless fill-only floor). `"blob"`
+     * sets the shader `uStage` gate so the lit/shadow/iridescence/SSS blocks are NOT
+     * reached — the minimal verifiable floor. `"meatball"` is byte-identical to the
+     * pre-STAGE-1 default (the `surface.lit` flag still owns the lit-on/off within it).
+     */
+    variant: BlobVariant;
+    /**
+     * BD.W-GOO-CAROUSEL-DECK — the blob↔meatball SHADING-MORPH scalar (0..1). The user's
+     * "MORPH BLOB and MEATBALL from one to another" — a CONTINUOUS in-between, not a hard
+     * `variant` cut. `0` = the flat warm-cream blob (byte-identical to `variant: "blob"`);
+     * `1` = the fully-dressed lit meatball (byte-identical to `variant: "meatball"`);
+     * `0 < morphT < 1` lerps the SURFACE shading (the smin GEOMETRY is shared, so only the
+     * fill→lit/shadow/iridescence dressing interpolates). UNSET (the default) → the value
+     * is resolved from `variant` (blob → 0, meatball → 1), so the existing `variant` prop
+     * is byte-back-compat. A consumer ANIMATING this (a `useSpring`/registered-scalar) gets
+     * the live morph.
+     */
+    morphT?: number;
+    quality: BlobQuality;
+    tempo: number;
+}
+export declare const BLOB_CONFIG_DEFAULTS: BlobConfig;
+export declare const BLOB_CONFIG_KEY: InjectionKey<BlobConfig>;

package/dist/components/button/Button.vue.d.ts

@@ -0,0 +1,31 @@
+import type { ButtonHTMLAttributes, HTMLAttributes } from 'vue';
+import { type PrimitiveProps } from 'reka-ui';
+import { type ButtonVariants } from './';
+import type { Surface } from '../_shared/useSurfaceAxis';
+interface Props extends PrimitiveProps {
+    variant?: ButtonVariants['variant'];
+    size?: ButtonVariants['size'];
+    tone?: ButtonVariants['tone'];
+    iconOnly?: ButtonVariants['iconOnly'];
+    class?: HTMLAttributes['class'];
+    surface?: Surface;
+    liquid?: boolean;
+    punch?: boolean;
+    type?: ButtonHTMLAttributes['type'];
+    disabled?: ButtonHTMLAttributes['disabled'];
+}
+declare var __VLS_13: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/button/index.d.ts

@@ -0,0 +1,9 @@
+import { type VariantProps } from 'class-variance-authority';
+export { default as Button } from './Button.vue';
+export declare const buttonVariants: (props?: ({
+    variant?: "glass" | "link" | "default" | "outline" | "primary-audacious" | "gold-audacious" | "secondary" | "accent" | "ghost" | "glass-wash" | "ai" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+    iconOnly?: boolean | null | undefined;
+    tone?: "neutral" | "destructive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ButtonVariants = VariantProps<typeof buttonVariants>;

package/dist/components/card/Card.vue.d.ts

@@ -0,0 +1,180 @@
+import { type HTMLAttributes } from "vue";
+import type { PrimitiveProps } from "reka-ui";
+import type { Surface as SurfaceKind } from "../_shared/useSurfaceAxis";
+import type { Motion } from "../_shared/axes";
+/**
+ * The glass surface ladder — the 5-rung base tier (BI.W-SURFACE-EXTRACT collapsed
+ * `opaque`/`deep` OUT of this union). Maps 1:1 to `.glass-{tier}` in glass.css and is
+ * now value-identical to the `SurfaceTier` grammar vocabulary:
+ *
+ *   wash     — lightest (~0.30α)        : inline workspace chrome, scroll-pane host
+ *   quiet    — light    (~0.50α)        : ambient panels, secondary surfaces
+ *   resting  — canonical (~0.65α)       : the protagonist plate (default)
+ *   floating — heavy   (~0.80α)         : popover-class, login surfaces
+ *   overlay  — heaviest (~0.95α + blur) : modal-on-modal, dialog over content
+ *
+ * The solid-card escape is now `<Card surface="opaque">` (the `--glass-level:0`
+ * decoration on the surface axis, not a tier), and the maximal iOS-27 deep-glass
+ * register is `<Card deep>` (the boolean — `.glass-floating glass-deep`, BB.W-DEEP-GLASS).
+ * Both are clean breaks: no `tier="opaque"` / `tier="deep"` alias (MIGRATION row).
+ */
+export type CardTier = "wash" | "quiet" | "resting" | "floating" | "overlay";
+/**
+ * Surface decoration register — the SHARED {glass·veil·opaque·clear} axis (the
+ * `Surface` grammar) PLUS Card's local `cartoon` superset (BI.W-SURFACE-EXTRACT:
+ * `CardSurface = Surface | "cartoon"`; `opaque`/`clear` joined the union as the
+ * `tier="opaque"` collapse landing + the clear register). Orthogonal to
+ * `tier`/`shadow`/`grain`.
+ *
+ *   glass    — the tier's plain glass rung (default)
+ *   veil     — the text-legibility PLATE (R5-7). The wash/quiet glass fill + blur
+ *              with the border AND rim/highlight STRIPPED. An optional radial
+ *              feather axis (`--veil-feather`, default none). Routes the glass
+ *              material through the `--glass-*` ladder, so `--glass-level` / the
+ *              W55 bright-bucket retune it in lockstep with every glass surface.
+ *   opaque   — the `--glass-level:0` solid-card escape (the prior `tier="opaque"`
+ *              rung's clean-break successor): a solid `--card` plate through the ONE
+ *              level knob, the tint axis zeroed.
+ *   clear    — the scrim-coupled maximally-translucent Apple-Clear plate
+ *              (BE.W-CLEAR-VARIANT).
+ *   cartoon  — the Card-LOCAL Memphis-sticker decoration (NOT a `Surface` axis
+ *              member — the grammar fence): 2px border, offset-stamp shadow,
+ *              hover-lift. Composes onto ANY tier over the glass base.
+ */
+export type CardSurface = SurfaceKind | "cartoon";
+/**
+ * Specular catch-light register (AX.W09) — the pointer-anchored moving lens on a
+ * glass card.
+ *
+ *   off    — NO catch-light (default). The clean resting panel: a data/content
+ *            `surface="glass"` card over any backplate reads flat — no centred
+ *            white bloom, no pointer wiring. The §24 three-consumer-confirmed
+ *            default for the common content-card case.
+ *   subtle — the token-ladder lens: the pointer-anchored catch-light wakes on
+ *            hover/active at the SUBTLE `--glass-specular-intensity-*` magnitudes.
+ *            The explicit opt-in for a hero/chrome surface.
+ *   full   — the brighter pre-tune rung set, for the busy-backdrop case the recipe
+ *            was originally authored over (a local intensity-token override).
+ */
+export type CardSpecular = "off" | "subtle" | "full";
+/**
+ * Decoration variant — the ONE new Atlas component (BC.W-SELECTION-CARD, the I5
+ * selection card). Default UNSET: a bare `<Card>` is byte-identical to HEAD; the
+ * variant is additive default-OFF (the no-op floor). `selection` binds
+ * `:data-variant="selection"` on the root and ROUTES the chromatic-rim (A-2,
+ * `--glass-accent`) + selected metal-shimmer (A-3, `.metal-*-border`) decoration
+ * through the SHARED BUILT seams — it mints NO new sub-system. The shape mirrors
+ * the `surface` axis exactly: a data-attr the CSS seam reads, ORTHOGONAL to
+ * `tier`/`surface`/`motion` (a `variant="selection" surface="glass"
+ * tier="resting" as="button"` card is valid). The hue is a CONSUMER value
+ * (`data-hue`/`data-hue-strength` per-instance); NO consumer hue enters a token.
+ */
+export type CardVariant = "selection";
+/** The earned metal for a SELECTED selection-card (gold default — BA.W-PHASE-PALETTE
+ *  "gold is earned" for the chosen item). Composes the BUILT `.metal-{name}-border`
+ *  utility; NO forked keyframe, NO baked metal color. */
+export type CardMetal = "gold" | "silver" | "bronze";
+interface Props extends PrimitiveProps {
+    /** Surface tier; selects one rung of the glass ladder. Default `resting`. */
+    tier?: CardTier;
+    /** Surface decoration register (the shared `Surface` axis + Card's `cartoon`
+     *  superset). `glass` (default) renders the tier's glass rung; `veil` overlays
+     *  the borderless/rimless text-legibility plate; `opaque` is the
+     *  `--glass-level:0` solid-card escape (the `tier="opaque"` collapse landing);
+     *  `clear` the scrim-coupled Apple-Clear plate; `cartoon` overlays the
+     *  Card-LOCAL Memphis-sticker decoration. Orthogonal to `tier`/`shadow`/`grain`. */
+    surface?: CardSurface;
+    /** BB.W-DEEP-GLASS — the maximal iOS-27 deep-glass opt-in (Apple
+     *  saturate-1.5/blur-16px): the `.glass-deep` decoration on the `floating` base
+     *  rung. Default `false` (the calm content default, byte-unchanged). The
+     *  clean-break successor of the retired `tier="deep"` rung. */
+    deep?: boolean;
+    /** Surface drop shadow via `--shadow-card`. Off for cards nested inside cards. */
+    shadow?: boolean;
+    /** `::after` paper-grain overlay. Off for scroll panes (the grain conflicts
+     *  with overflow:auto repaints). */
+    grain?: boolean;
+    /** BB.W-PAPER-GRID-TEXTURE — the GEOMETRIC paper register: a `::after`
+     *  blueprint/graph-paper grid felt THROUGH the card interior (the math/grid
+     *  brand pillar, read through the plate rather than only in the page
+     *  margin). Default **OFF** — a bare card is byte-identical to HEAD; a
+     *  document-register card opts in. ORTHOGONAL to `grain` (organic) — a card
+     *  may carry BOTH the turbulence grain and the geometric grid. The register
+     *  doctrine (paper-register cards opt in, instrument-glass surfaces do NOT)
+     *  is a CONSUMER choice the default-OFF honors by construction. */
+    grid?: boolean;
+    /** Specular catch-light register (AX.W09). `off` (default) keeps the card
+     *  CLEAN — no pointer-anchored lens, clean over any backplate (the §24
+     *  three-consumer-confirmed default for a data/content card). `subtle` wakes
+     *  the pointer-anchored moving catch-light at the token-ladder magnitudes (a
+     *  hero/chrome opt-in); `full` runs the brighter pre-tune rung set for a busy
+     *  backdrop. Only `glass` surfaces wire it; `cartoon` owns its own sticker lift. */
+    specular?: CardSpecular;
+    /** BH.W-MOTION-AXIS — the ONE motion-weight axis (the `pressable` boolean's
+     *  clean-break successor). `full` (default) — the FULL liquid register, gesture
+     *  enrichments armed (zero-delta at default). `reduced` — the JS press physics
+     *  degrade to the `.tap-squish` `:active` CSS floor (the SAME state PRM produces).
+     *  `off` — the press unbinds AND `--motion-weight: 0` zeroes the cartoon channels;
+     *  the click still selects. PRM forces `full → reduced` regardless (a11y absolute).
+     *
+     *  The press CAPABILITY derives from INTERACTIVITY, not this axis: a Card presses
+     *  IFF it renders interactive (`as="button"`/`as="a"`/`href`/`role="button"` on the
+     *  root) AND `motion !== "off"`. A bare static `<Card>` never presses because it has
+     *  no interaction to enrich — the "static plate never presses" fence holds by
+     *  DERIVATION, not by a default. The press is `useLiquidPress` (the interruptible
+     *  coupled spring-press — Card is the SECOND `useSpringPress` binary, Button first),
+     *  compositor-only (`scale` + `--card-press-t`); the `.glass-press` CSS `:active`
+     *  scale is the no-JS / SSR floor. */
+    motion?: Motion;
+    /** BC.W-SELECTION-CARD — the selection decoration axis (the ONE new Atlas
+     *  component). `selection` ROUTES the per-instance data-hue rim (A-2) +
+     *  the selected metal-shimmer border (A-3) through the BUILT seams; default
+     *  UNSET (a bare Card is byte-identical to HEAD). ORTHOGONAL to
+     *  `tier`/`surface`/`motion`. */
+    variant?: CardVariant;
+    /** BC.W-SELECTION-CARD — the chosen state of a `variant="selection"` card.
+     *  When `true` the card composes the earned `.metal-${metal}-border` swept
+     *  rim + lifts the accent-strength toward `--selection-accent-strength-selected`
+     *  (rim-not-fill — the plate stays warm-cream translucent). The consumer wires
+     *  the matching `aria-selected`/`aria-checked` role contract on the card. */
+    selected?: boolean;
+    /** BC.W-SELECTION-CARD — the metal of the SELECTED-state swept rim. `gold`
+     *  (default) is earned for the chosen item; `silver`/`bronze` are the other
+     *  two BUILT `.metal-*-border` quads. Only read when `variant="selection"` +
+     *  `selected`. */
+    metal?: CardMetal;
+    /** BC.W-SELECTION-CARD — the per-instance data hue (a complete `<color>`) a
+     *  `variant="selection"` card tints its RIM + catch-light glint toward (the
+     *  A-2 `--glass-accent` consumer). The hue NEVER tints the plate background
+     *  (the distinct-axis fence); unset → the neutral `transparent` no-op floor. */
+    dataHue?: string;
+    /** BC.W-SELECTION-CARD — the bounded accent strength override (a `<percentage>`,
+     *  e.g. `"20%"`). Unset → the calm `--selection-accent-strength` default
+     *  (≤ the W-GLASS-ACCENT rim ceiling). Bounded — a whisper at the rim, never a
+     *  flooded plate. */
+    dataHueStrength?: string;
+    class?: HTMLAttributes["class"];
+}
+declare var __VLS_13: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    shadow: boolean;
+    grid: boolean;
+    surface: CardSurface;
+    as: import("reka-ui").AsTag | import("vue").Component;
+    deep: boolean;
+    tier: CardTier;
+    grain: boolean;
+    specular: CardSpecular;
+    metal: CardMetal;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/card/CardHeader.vue.d.ts

@@ -0,0 +1,58 @@
+import type { HTMLAttributes } from 'vue';
+/**
+ * <CardHeader> — header lane of the Card family.
+ *
+ * AI.W1-α additive `shrink` modifier — when true, the header binds to the
+ * `--card-scroll` named scroll-timeline (emitted by the canonical
+ * `.card-scroll-host` utility on a scroll-overflow ancestor, owned by
+ * `<ScrollCard>`) and runs the 4-lane compositor-safe shrink choreography as
+ * the host scrolls: (1) header content compress (translateY), (2) title
+ * shrink-in-place (the shared `title-collapse` SCALE keyframe), (3)
+ * description retire (opacity + scaleY), (4) header background lift (a
+ * `::before` backplate opacity). Every lane is COMPOSITOR-SAFE (scale /
+ * transform / opacity only — BB.W-CARD-COMPOSITE) so ZERO reflow fires per
+ * scroll frame (the A'-3 CLS 1.03 worst-cluster killed).
+ *
+ * BG.W-SCROLL-SHRINK-UNIFY — the choreography is EXTERNALIZED to the global,
+ * un-hashed `src/styles/card-scroll.css` (this SFC carries NO `<style>` block).
+ * A global stylesheet has no Vue `data-v-…` scope hash, so it reaches the
+ * light-DOM slotted `<CardTitle>`/`<CardDescription>` via the PLAIN descendant
+ * selector `.card-header--shrink > [data-slot=…]` (the correct global-file form
+ * — no `:slotted()`/`:deep()` scope escape needed). The lane-2 title SCALE leg
+ * is shared with the page/hero large-title collapse via ONE `@keyframes
+ * title-collapse` (the DRY fold; card supplies `--title-collapse-scale: 0.695`,
+ * page/hero supply `0.82`). The scrub ease is the NO-OVERSHOOT
+ * `--card-shrink-ease` (off the retired cartoon-punch — a scroll scrub must be
+ * monotonic). `proof:no-layout-animation` (W1-W4) makes the layout-property
+ * class structurally impossible to re-ship AND asserts the externalized-global
+ * shape.
+ *
+ * **Required ancestor**: when `shrink` is true, `.card-scroll-host` MUST sit on
+ * the scroll-overflow ancestor (`<ScrollCard>` owns it). Without that host the
+ * named timeline never emits and the choreography sits idle. Sticky positioning
+ * stays consumer-side (the consumer adds `class="sticky top-0"` etc. via
+ * `props.class`); the background TINT is scroll-driven by lane 4.
+ */
+type __VLS_Props = {
+    /**
+     * Bind the header to the `--card-scroll` named timeline and run the
+     * 3-lane shrink choreography. Requires `.card-scroll-host` on the
+     * scroll-overflow ancestor. Default `false` — the existing 5+
+     * consumers see no change.
+     */
+    shrink?: boolean;
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};