@mkbabb/glass-ui 7.0.0 → 9.0.0

package/dist/components/aurora/constants/shaders/aurora-image.wgsl.d.ts

@@ -1,3 +1 @@
-export declare const IMAGE_BLUR_RINGS_WGSL = 3;
-export declare const IMAGE_BLUR_SECTORS_WGSL = 8;
 export declare const AURORA_IMAGE_WGSL = "\nconst MAX_NUCLEI: i32 = 8;\nconst PI: f32 = 3.141592653589793;\nconst BLUR_RINGS: i32 = 3;\nconst BLUR_SECTORS: i32 = 8;\n\n// The image program's OWN uniform struct (packed vec4 lanes \u2014 trivial std140/WGSL\n// alignment). DISTINCT from the palette program's 672-byte struct (a separate program).\nstruct ImageUniforms {\n  // scalars0: (uTime, uWarpAmount, uWarpScale, uWarpDrift)\n  scalars0: vec4<f32>,\n  // scalars1: (uSoftmaxBeta, uNucleiDrift, uCursorStrength, uCursorRadius)\n  scalars1: vec4<f32>,\n  // scalars2: (uSaturation, uPaperGrain, uAlpha, uVividness)\n  scalars2: vec4<f32>,\n  // image: (uBlurMin, uBlurMax, uImageAspect, _)\n  image: vec4<f32>,\n  // cursor: (uCursor.x, uCursor.y, _, _)\n  cursor: vec4<f32>,\n  // ints: (uNucleiCount, uNoiseOctaves, _, _)\n  ints: vec4<i32>,\n  // nuc0[i] = (pos.x, pos.y, radius, valueBias); nuc1[i] = (driftRadius, driftPhase, elong, angle)\n  nuc0: array<vec4<f32>, 8>,\n  nuc1: array<vec4<f32>, 8>,\n};\n\n@group(0) @binding(0) var<uniform> u: ImageUniforms;\n@group(0) @binding(1) var imgTex: texture_2d<f32>;\n@group(0) @binding(2) var imgSampler: sampler;\n\nconst K_NUCLEI: f32 = 14.0;\nconst K_WARP: f32 = 5.0;\n\n// \u2500\u2500 Noise (aurora-local hash21/vnoise/fbm \u2014 the same compact foundation) \u2500\u2500\nfn hash21(p0: vec2<f32>) -> f32 {\n  var p = fract(p0 * vec2<f32>(123.34, 456.21));\n  p = p + dot(p, p + 45.32);\n  return fract(p.x * p.y);\n}\nfn vnoise(p: vec2<f32>) -> f32 {\n  let i = floor(p);\n  let f = fract(p);\n  let uu = f * f * (3.0 - 2.0 * f);\n  let a = hash21(i);\n  let b = hash21(i + vec2<f32>(1.0, 0.0));\n  let c = hash21(i + vec2<f32>(0.0, 1.0));\n  let d = hash21(i + vec2<f32>(1.0, 1.0));\n  return mix(mix(a, b, uu.x), mix(c, d, uu.x), uu.y);\n}\nconst FBM_ROT: mat2x2<f32> = mat2x2<f32>(0.8, 0.6, -0.6, 0.8);\nfn fbm(p0: vec2<f32>) -> f32 {\n  var v = 0.0;\n  var a = 0.5;\n  var p = p0;\n  let octaves = u.ints.y;\n  for (var i = 0; i < 5; i = i + 1) {\n    if (i >= octaves) { break; }\n    v = v + a * vnoise(p);\n    p = FBM_ROT * p * 2.02;\n    a = a * 0.5;\n  }\n  return v;\n}\nfn ign(p: vec2<f32>) -> f32 {\n  return fract(52.9829189 * fract(dot(p, vec2<f32>(0.06711056, 0.00583715))));\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\nfn linOklab(lin: vec3<f32>) -> vec3<f32> {\n  let lms = LINEAR_SRGB_TO_LMS * lin;\n  return LMS_TO_OKLAB * cbrt3(lms);\n}\n\n// The Quilez double-warp (fbm) + the cursor swirl \u2014 the drift that moves the blur zone.\nfn domainWarp(p: vec2<f32>, t: f32) -> vec2<f32> {\n  let warpAmount = u.scalars0.y;\n  let warpScale = u.scalars0.z;\n  let warpDrift = u.scalars0.w;\n  let cursorStrength = u.scalars1.z;\n  let cursorRadius = u.scalars1.w;\n  let cursor = u.cursor.xy;\n  let q = vec2<f32>(fbm(p * warpScale + vec2<f32>(0.0, 0.0) + t * warpDrift * K_WARP),\n                    fbm(p * warpScale + vec2<f32>(5.2, 1.3) + t * warpDrift * K_WARP));\n  let r = vec2<f32>(fbm(p * warpScale + 4.0 * q + vec2<f32>(1.7, 9.2)),\n                    fbm(p * warpScale + 4.0 * q + vec2<f32>(8.3, 2.8)));\n  var warped = p + warpAmount * r;\n  if (cursorStrength > 0.001) {\n    let toP = p - cursor;\n    let d = length(toP);\n    let rr = max(cursorRadius, 0.01);\n    let w = exp(-(d * d) / (rr * rr * 0.45));\n    let ang = w * cursorStrength * 2.1;\n    let ca = cos(ang);\n    let sa = sin(ang);\n    let rotated = vec2<f32>(ca * toP.x - sa * toP.y, sa * toP.x + ca * toP.y) + cursor;\n    warped = mix(warped, rotated + warpAmount * r * 0.7, w * cursorStrength);\n  }\n  return warped;\n}\n\n// The drifting BLUR ZONE \u2014 the anisotropic-Gaussian nuclei softmax (the SAME field the\n// palette program reads), drift-coupled.\nfn zoneField(p: vec2<f32>, t: f32) -> f32 {\n  let nucleiCount = u.ints.x;\n  let nucleiDrift = u.scalars1.y;\n  let softmaxBeta = u.scalars1.x;\n  var accum = 0.0;\n  var accumW = 0.0;\n  for (var i = 0; i < MAX_NUCLEI; i = i + 1) {\n    if (i >= nucleiCount) { break; }\n    let n0 = u.nuc0[i];  // pos.x, pos.y, radius, valueBias\n    let n1 = u.nuc1[i];  // driftRadius, driftPhase, elong, angle\n    let posI = n0.xy + n1.x * vec2<f32>(\n      cos(t * nucleiDrift * K_NUCLEI + n1.y),\n      sin(t * nucleiDrift * K_NUCLEI + n1.y * 1.13));\n    let diff = p - posI;\n    let ca = cos(n1.w);\n    let sa = sin(n1.w);\n    let local = vec2<f32>(ca * diff.x + sa * diff.y, -sa * diff.x + ca * diff.y);\n    let along = local.x / max(n1.z, 0.01);\n    let d2 = along * along + local.y * local.y;\n    let rad = max(n0.z, 0.01);\n    let w = exp(-softmaxBeta * d2 / (rad * rad));\n    accum = accum + w * (0.5 + 0.5 * n0.w);\n    accumW = accumW + w;\n  }\n  return clamp(accum / max(accumW, 1e-4), 0.0, 1.0);\n}\n\nfn coverUv(uv: vec2<f32>) -> vec2<f32> {\n  let aspect = max(u.image.z, 0.0001);\n  var c = uv - vec2<f32>(0.5);\n  c.x = c.x * aspect;\n  let s = 1.0 / max(aspect, 1.0);\n  return c * s + vec2<f32>(0.5);\n}\n\n// The bounded 24-tap zone blur \u2014 a FIXED 3-ring \u00D7 8-sector stratified kernel, radius\n// per-fragment, sampled in LINEAR light. textureSampleLevel (explicit LOD 0) \u2014 WGSL has\n// no implicit derivative in a varying-radius loop.\nfn zoneBlur(uv: vec2<f32>, radius: f32) -> vec3<f32> {\n  let aspect = max(u.image.z, 0.0001);\n  var sum = srgbToLinear(textureSampleLevel(imgTex, imgSampler, coverUv(uv), 0.0).rgb);\n  var wsum = 1.0;\n  for (var ring = 1; ring <= BLUR_RINGS; ring = ring + 1) {\n    let rr = radius * (f32(ring) / f32(BLUR_RINGS));\n    for (var s = 0; s < BLUR_SECTORS; s = s + 1) {\n      let a = (f32(s) + 0.5 * f32(ring)) / f32(BLUR_SECTORS) * 2.0 * PI;\n      let off = vec2<f32>(cos(a) / aspect, sin(a)) * rr;\n      sum = sum + srgbToLinear(textureSampleLevel(imgTex, imgSampler, coverUv(uv + off), 0.0).rgb);\n      wsum = wsum + 1.0;\n    }\n  }\n  return sum / wsum;\n}\n\nconst VIVID_TARGET: f32 = 0.115;\nconst VIVID_EPS: f32 = 0.012;\nconst VIVID_WARM_ANCHOR: vec2<f32> = vec2<f32>(0.34202, 0.93969);\nfn vividnessFloor(c: vec3<f32>, vividness: f32) -> vec3<f32> {\n  if (vividness <= 0.0001) { return c; }\n  var lab = linOklab(c);\n  let C = length(lab.yz);\n  let modeLift = mix(1.18, 1.0, clamp(lab.x * 1.4, 0.0, 1.0));\n  let Cmin = vividness * VIVID_TARGET * modeLift;\n  var hueDir = VIVID_WARM_ANCHOR;\n  if (C > VIVID_EPS) { hueDir = lab.yz / C; }\n  let yz = hueDir * max(C, Cmin);\n  lab = vec3<f32>(lab.x, yz.x, yz.y);\n  return max(oklabToLinearSrgb(lab), vec3<f32>(0.0));\n}\n\nfn saturate3(c: vec3<f32>, amt: f32) -> vec3<f32> {\n  var lch = oklabToOklch(linOklab(c));\n  lch.y = max(lch.y * amt, 0.0);\n  return max(oklabToLinearSrgb(oklchToOklab(lch)), vec3<f32>(0.0));\n}\n\nfn aces(color0: vec3<f32>) -> vec3<f32> {\n  let startCompression = 0.8 - 0.04;\n  let desaturation = 0.15;\n  var color = color0;\n  let x = min(color.r, min(color.g, color.b));\n  var offset = 0.04;\n  if (x < 0.08) { offset = x - 6.25 * x * x; }\n  color = color - offset;\n  let peak = max(color.r, max(color.g, color.b));\n  if (peak < startCompression) { return clamp(color, vec3<f32>(0.0), vec3<f32>(1.0)); }\n  let d = 1.0 - startCompression;\n  let newPeak = 1.0 - d * d / (peak + d - startCompression);\n  color = color * (newPeak / peak);\n  let g = 1.0 - 1.0 / (desaturation * (peak - newPeak) + 1.0);\n  return clamp(mix(color, newPeak * vec3<f32>(1.0), g), vec3<f32>(0.0), vec3<f32>(1.0));\n}\n\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  out.uv = p * 0.5 + 0.5;\n  return out;\n}\n\n@fragment\nfn fs_main(in: VSOut) -> @location(0) vec4<f32> {\n  let t = u.scalars0.x;\n  let saturation = u.scalars2.x;\n  let paperGrain = u.scalars2.y;\n  let alpha = u.scalars2.z;\n  let vividness = u.scalars2.w;\n  let blurMin = u.image.x;\n  let blurMax = u.image.y;\n\n  let uv = in.uv;\n  let p_warp = domainWarp(uv, t);\n  let zone = zoneField(p_warp, t);\n\n  let radius = mix(blurMin, blurMax, zone);\n  var col = zoneBlur(uv, radius);\n\n  let cursorDelta = uv - u.cursor.xy;\n  let cursorRadius = max(u.scalars1.w, 0.01);\n  let cursorLean = exp(-dot(cursorDelta, cursorDelta) / (cursorRadius * cursorRadius * 0.5));\n  col = col * (1.0 + 0.12 * cursorLean * u.scalars1.z);\n\n  col = saturate3(col, saturation);\n  col = vividnessFloor(col, vividness);\n\n  col = aces(col);\n  let fragCoord = in.pos.xy;\n  let grain = hash21(fragCoord + t * 17.0);\n  col = col + (grain - 0.5) * paperGrain;\n  col = clamp(col * 0.985 + 0.008, vec3<f32>(0.0), vec3<f32>(1.0));\n\n  col = linearToSrgb(col);\n  col = col + (1.0 / 255.0) * (ign(fragCoord) - 0.5);\n\n  return vec4<f32>(col * alpha, alpha);\n}\n";

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

@@ -1,14 +1,15 @@
-export { default as Aurora } from "./Aurora.vue";
-export { resolveRenderMode, isSoftwareWebGLRenderer, type AuroraRenderMode, type ResolveRenderModeOptions, } from "./constants/renderMode";
-export { useAurora } from "./composables/useAurora";
-export type { UseAuroraReturn } from "./composables/useAurora";
-export { useCursorInteraction } from "./composables/useCursorInteraction";
-export { createAurora } from "./composables/runtime";
-export type { AuroraRuntimeMode, AuroraRuntimeOptions } from "./composables/runtime";
-export { DEFAULT_AURORA_CONFIG, PAPER_WASH_GROUND, DEFAULT_VIVIDNESS, VIVID_TARGET, IMAGE_BLUR_MIN_DEFAULT, IMAGE_BLUR_MAX_DEFAULT, MAX_NUCLEI, MAX_STOPS, type AuroraConfig, type AuroraCursorApi, type AuroraFlow, type AuroraInstance, type AuroraInteractivity, type AuroraMedium, type AuroraNucleus, type AuroraSource, type AuroraImageSource, type AuroraImageBlur, type FlowPattern, type OklchStop, type StrokeMode, type StrokeOrient, type WarpMode, } from "./constants/presets";
-export { resolveAtoms, configToAtoms, DEFAULT_ATOMS, type AuroraAtoms, type AuroraZones, type AuroraMediumAtom, type AuroraInteractivityAtom, type AuroraFieldInteractivityAtom, type AuroraSmoothInteractivityAtom, type AuroraPainterlyInteractivityAtom, } from "./composables/atoms";
-export { nucleiPrior, type AuroraMotionAtom, type AuroraZoneArrangement, } from "./composables/atoms-fields";
-export { cssToOklch, deriveAurora, flattenPalette, hexToOklchStop, oklchStopToHex, oklchToLinear, paletteToCssGradient, } from "./composables/color";
-export { auroraFallbackGround, sampleAuroraField, nucleiFieldStatic, relativeLuminance, type AuroraFallbackGround, type AuroraFallbackGroundOptions, type AuroraGroundMetrics, } from "./composables/auroraFallbackGround";
-export type { AuroraHarmony, DeriveAuroraOptions, DeriveEasing, } from "./composables/color";
-export type { AuroraHuePath } from "./constants/presets";
+export { default as Aurora } from "./Aurora.vue.js";
+export { resolveRenderMode, isSoftwareWebGLRenderer, type AuroraRenderMode, type ResolveRenderModeOptions, } from "./constants/renderMode.js";
+export { useAurora, AURORA_SETTLE_MS } from "./composables/useAurora.js";
+export type { UseAuroraReturn } from "./composables/useAurora.js";
+export { useCursorInteraction } from "./composables/useCursorInteraction.js";
+export { createAurora } from "./composables/runtime.js";
+export type { AuroraRuntimeMode, AuroraRuntimeOptions } from "./composables/runtime.js";
+export { DEFAULT_AURORA_CONFIG, PAPER_WASH_GROUND, DEFAULT_VIVIDNESS, VIVID_TARGET, IMAGE_BLUR_MIN_DEFAULT, IMAGE_BLUR_MAX_DEFAULT, MAX_NUCLEI, MAX_STOPS, type AuroraConfig, type AuroraCursorApi, type AuroraFlow, type AuroraInstance, type AuroraInteractivity, type AuroraMedium, type AuroraNucleus, type AuroraSource, type AuroraImageSource, type AuroraImageBlur, type FlowPattern, type OklchStop, type StrokeMode, type StrokeOrient, type WarpMode, } from "./constants/presets.js";
+export { resolveAtoms, configToAtoms, DEFAULT_ATOMS, type AuroraAtoms, type AuroraZones, type AuroraMediumAtom, type AuroraInteractivityAtom, type AuroraFieldInteractivityAtom, type AuroraSmoothInteractivityAtom, type AuroraPainterlyInteractivityAtom, } from "./composables/atoms.js";
+export { nucleiPrior, type AuroraMotionAtom, type AuroraZoneArrangement, } from "./composables/atoms-fields.js";
+export { deriveAurora, flattenPalette, hexToOklchStop, paletteToCssGradient, } from "./composables/color.js";
+export { cssToOklch, oklchStopToHex, oklchToLinear, } from "../../composables/color/index.js";
+export { auroraFallbackGround, sampleAuroraField, nucleiFieldStatic, relativeLuminance, type AuroraFallbackGround, type AuroraFallbackGroundOptions, type AuroraGroundMetrics, } from "./composables/auroraFallbackGround.js";
+export type { AuroraHarmony, DeriveAuroraOptions, DeriveEasing, } from "./composables/color.js";
+export type { AuroraHuePath } from "./constants/presets.js";

package/dist/components/avatar/AvatarImage.vue.d.ts

@@ -4,11 +4,6 @@ interface AvatarImageProps {
     referrerPolicy?: ImgHTMLAttributes["referrerpolicy"];
     crossOrigin?: ImgHTMLAttributes["crossorigin"];
 }
-type AvatarImageStatus = "idle" | "loading" | "loaded" | "error";
-declare const __VLS_export: import("vue").DefineComponent<AvatarImageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    loadingStatusChange: (status: AvatarImageStatus) => any;
-}, string, import("vue").PublicProps, Readonly<AvatarImageProps> & Readonly<{
-    onLoadingStatusChange?: ((status: AvatarImageStatus) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<AvatarImageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarImageProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,3 @@
-export { default as Avatar, type AvatarIdentityProps, type AvatarProps, type AvatarShape, type AvatarSize, } from "./Avatar.vue";
-export { default as AvatarImage } from "./AvatarImage.vue";
-export { default as AvatarFallback } from "./AvatarFallback.vue";
+export { default as Avatar, type AvatarIdentityProps, type AvatarProps, type AvatarShape, type AvatarSize, } from "./Avatar.vue.js";
+export { default as AvatarImage } from "./AvatarImage.vue.js";
+export { default as AvatarFallback } from "./AvatarFallback.vue.js";

package/dist/components/badge/Badge.vue.d.ts

@@ -1,5 +1,5 @@
-import type { HTMLAttributes } from 'vue';
-import { type BadgeVariants } from './';
+import { type HTMLAttributes } from 'vue';
+import { type BadgeVariants } from './index.js';
 type __VLS_Props = {
     variant?: BadgeVariants['variant'];
     /**
@@ -10,13 +10,6 @@ type __VLS_Props = {
      */
     tone?: BadgeVariants['tone'];
     size?: BadgeVariants['size'];
-    /**
-     * the register split. `loud` (default) is the opaque
-     * saturated identity pill; `glass` is the quiet transmissive `.glass-atom`
-     * capsule tinted via `--glass-fill-tint`. A status badge stays loud (information,
-     * not a sticker); `secondary`/`outline` placements may route quiet.
-     */
-    surface?: BadgeVariants['surface'];
     class?: HTMLAttributes['class'];
 };
 declare var __VLS_1: {};

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

@@ -1,5 +1,5 @@
-import { type ClassValue } from "../_shared/class-names";
-export { default as Badge } from "./Badge.vue";
+import { type ClassValue } from "../_shared/class-names.js";
+export { default as Badge } from "./Badge.vue.js";
 declare const VARIANT: {
     readonly default: "bg-primary text-primary-foreground";
     readonly secondary: "bg-secondary text-secondary-foreground";
@@ -7,26 +7,27 @@ declare const VARIANT: {
 };
 declare const TONE: {
     readonly neutral: "";
-    readonly destructive: "bg-destructive text-destructive-foreground dark:bg-[hsl(0_70%_45%)]";
+    readonly destructive: "bg-destructive text-destructive-foreground";
     readonly success: "bg-success text-success-foreground";
     readonly warning: "bg-warning text-warning-foreground";
     readonly info: "bg-info text-info-foreground";
 };
 declare const SIZE: {
-    readonly sm: "text-[length:var(--control-text-sm)] leading-[1.1] px-2 py-0.5";
-    readonly md: "text-[length:var(--control-text)] leading-[1.1] px-2.5 py-1";
-    readonly lg: "text-[length:calc(var(--type-body)*var(--ui-scale))] leading-[1.1] px-3 py-1.5";
-};
-declare const SURFACE: {
-    readonly loud: "";
-    readonly glass: "badge-atom--glass glass-capsule glass-atom";
+    readonly sm: "text-[length:var(--type-caption)] leading-[1.1] [--mark-pad-block:--spacing(1)] [--mark-pad-inline:--spacing(2)]";
+    readonly md: "text-[length:var(--control-label)] leading-[1.1] [--mark-pad-block:--spacing(1)] [--mark-pad-inline:--spacing(3)]";
+    readonly lg: "text-[length:var(--control-text)] leading-[1.1] [--mark-pad-block:--spacing(2)] [--mark-pad-inline:--spacing(3)]";
 };
 export interface BadgeVariants {
     variant?: keyof typeof VARIANT | null;
     tone?: keyof typeof TONE | null;
     size?: keyof typeof SIZE | null;
-    surface?: keyof typeof SURFACE | null;
     class?: ClassValue;
     className?: ClassValue;
 }
+/** The axis defaults the class map applies — the SAME source the host stamps from. */
+export declare const BADGE_AXIS_DEFAULTS: {
+    readonly variant: "default";
+    readonly tone: "neutral";
+    readonly size: "md";
+};
 export declare function badgeVariants(options?: BadgeVariants): string;

package/dist/components/blob/Blob.vue.d.ts

@@ -1,4 +1,4 @@
-import type { BlobMood, BlobConfig } from "./types";
+import type { BlobMood, BlobConfig } from "./types.js";
 /**
  * Blob — a gooey metaball creature on a WebGPU/WebGL2 canvas.
  *
@@ -62,14 +62,14 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     resume: () => void;
     settled: Readonly<import("vue").Ref<boolean, boolean>>;
     settledFrame: Readonly<import("vue").Ref<import(".").BlobSettledFrame | null, import(".").BlobSettledFrame | null>>;
-    rendererStatus: Readonly<import("vue").Ref<import("../../composables/glass/webgpu/rendererStatus").RendererStatus, import("../../composables/glass/webgpu/rendererStatus").RendererStatus>>;
+    rendererStatus: Readonly<import("vue").Ref<import("../../composables/glass/webgpu/rendererStatus.js").RendererStatus, import("../../composables/glass/webgpu/rendererStatus.js").RendererStatus>>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => any;
-    rendererStatus: (status: import("../../composables/glass/webgpu/rendererStatus").RendererStatus) => any;
+    rendererStatus: (status: import("../../composables/glass/webgpu/rendererStatus.js").RendererStatus) => any;
     "update:paused": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClick?: (() => any) | undefined;
-    onRendererStatus?: ((status: import("../../composables/glass/webgpu/rendererStatus").RendererStatus) => any) | undefined;
+    onRendererStatus?: ((status: import("../../composables/glass/webgpu/rendererStatus.js").RendererStatus) => any) | undefined;
     "onUpdate:paused"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/blob/composables/blobSimulation.d.ts

@@ -1,9 +1,9 @@
 import { type Ref } from "vue";
-import type { BackingSize } from "../../../composables/glass/webgpu/useGpuSubstrate";
-import type { BlobConfig, MoodParams } from "../types";
-import type { BlobMoodSystem } from "./useBlobMood";
-import type { BlobPointer } from "./useBlobPointer";
-import type { BlobSatelliteSystem } from "./useBlobSatellites";
+import type { BackingSize } from "../../../composables/glass/webgpu/useGpuSubstrate.js";
+import type { BlobConfig, MoodParams } from "../types.js";
+import type { BlobMoodSystem } from "./useBlobMood.js";
+import type { BlobPointer } from "./useBlobPointer.js";
+import type { BlobSatelliteSystem } from "./useBlobSatellites.js";
 /** Per-frame state shared by the WebGPU and WebGL2 upload legs. */
 export interface BlobFrameState {
     params: MoodParams;

package/dist/components/blob/composables/buildMetaballProgram.d.ts

@@ -1,4 +1,4 @@
-import type { MetaballUniformLocations } from "./uploadBlobUniforms";
+import type { MetaballUniformLocations } from "./uploadBlobUniforms.js";
 /** The compiled-program handles the renderer closes over + tears down. */
 export interface MetaballProgram {
     prog: WebGLProgram;

package/dist/components/blob/composables/resolveBlobSurface.d.ts

@@ -1,4 +1,4 @@
-import type { BlobConfig } from "../types";
+import type { BlobConfig } from "../types.js";
 /** One bounded surface decision shared by both renderer backends. */
 export declare function resolveBlobSurface(config: BlobConfig): {
     morphT: number;

package/dist/components/blob/composables/satelliteKinematics.d.ts

@@ -1,4 +1,4 @@
-import type { SatelliteInternal } from "../types";
+import type { SatelliteInternal } from "../types.js";
 /**
  * The stateless satellite KINEMATICS leaf — the
  * orbit, eccentricity, wobble math.

package/dist/components/blob/composables/uniformBridgeWGPU.d.ts

@@ -1,7 +1,7 @@
-import type { BlobConfig } from "../types";
-import type { BlobPointer } from "./useBlobPointer";
-import type { BlobSatelliteSystem } from "./useBlobSatellites";
-import type { BlobFrameState } from "./blobSimulation";
+import type { BlobConfig } from "../types.js";
+import type { BlobPointer } from "./useBlobPointer.js";
+import type { BlobSatelliteSystem } from "./useBlobSatellites.js";
+import type { BlobFrameState } from "./blobSimulation.js";
 /** The total uniform-buffer byte size (16-aligned). */
 export declare const BLOB_WGPU_UNIFORM_BYTES: number;
 /**

package/dist/components/blob/composables/uploadBlobUniforms.d.ts

@@ -1,8 +1,8 @@
-import type { BlobConfig } from "../types";
-import type { BlobPointer } from "./useBlobPointer";
-import type { BlobSatelliteSystem } from "./useBlobSatellites";
-import type { UniformName } from "../constants";
-import type { BlobFrameState } from "./blobSimulation";
+import type { BlobConfig } from "../types.js";
+import type { BlobPointer } from "./useBlobPointer.js";
+import type { BlobSatelliteSystem } from "./useBlobSatellites.js";
+import type { UniformName } from "../constants.js";
+import type { BlobFrameState } from "./blobSimulation.js";
 /** The cached uniform-location set the GL setup builds once per context. */
 export interface MetaballUniformLocations {
     U: Record<UniformName, WebGLUniformLocation | null>;

package/dist/components/blob/composables/useBlobMood.d.ts

@@ -1,5 +1,5 @@
 import { type Ref } from "vue";
-import type { BlobMood, MoodParams } from "../types";
+import type { BlobMood, MoodParams } from "../types.js";
 /** The interaction signals `update` reads to drive the auto-mood arc. */
 export interface MoodInteraction {
     /** The pointer is over the blob (drives `curious`). */

package/dist/components/blob/composables/useBlobPointer.d.ts

@@ -1,7 +1,4 @@
 import { type Ref } from "vue";
-import { TRAIL_N } from "../constants";
-/** Compile-time trail length — re-exported from the co-located shape budget (`../constants`). */
-export { TRAIL_N };
 /** A single trail sample — a decaying-radius metaball source the shader smin-merges. */
 export interface TrailSample {
     x: number;

package/dist/components/blob/composables/useBlobSatellites.d.ts

@@ -1,4 +1,4 @@
-import type { BlobConfig, MetaballSource, MoodParams } from "../types";
+import type { BlobConfig, MetaballSource, MoodParams } from "../types.js";
 /**
  * The satellite system — a small pool of orbiting metaball sources that
  * periodically merge into the body, get absorbed, then re-emerge on a fresh

package/dist/components/blob/composables/useMetaballRenderer.d.ts

@@ -1,10 +1,10 @@
 import { type Ref } from "vue";
-import { type RendererStatus } from "../../../composables/glass/webgpu/useGpuSubstrate";
-import type { BlobConfig } from "../types";
-import type { BlobMoodSystem } from "./useBlobMood";
-import type { BlobPointer } from "./useBlobPointer";
-import type { BlobSatelliteSystem } from "./useBlobSatellites";
-import { type BlobSettledFrame } from "./blobSimulation";
+import { type RendererStatus } from "../../../composables/glass/webgpu/useGpuSubstrate.js";
+import type { BlobConfig } from "../types.js";
+import type { BlobMoodSystem } from "./useBlobMood.js";
+import type { BlobPointer } from "./useBlobPointer.js";
+import type { BlobSatelliteSystem } from "./useBlobSatellites.js";
+import { type BlobSettledFrame } from "./blobSimulation.js";
 interface UseMetaballRendererOptions {
     canvasRef: Ref<HTMLCanvasElement | null>;
     /** The base color, ALREADY un-wrapped to a CONCRETE string by the SFC (DOM-free). */

package/dist/components/blob/composables/wgpuSetup.d.ts

@@ -1,8 +1,8 @@
-import type { WebGPUCanvasFrame, BackingSize } from "../../../composables/glass/webgpu/useWebGPUCanvas";
-import type { BlobConfig } from "../types";
-import type { BlobPointer } from "./useBlobPointer";
-import type { BlobSatelliteSystem } from "./useBlobSatellites";
-import type { BlobFrameState } from "./blobSimulation";
+import type { WebGPUCanvasFrame, BackingSize } from "../../../composables/glass/webgpu/useWebGPUCanvas.js";
+import type { BlobConfig } from "../types.js";
+import type { BlobPointer } from "./useBlobPointer.js";
+import type { BlobSatelliteSystem } from "./useBlobSatellites.js";
+import type { BlobFrameState } from "./blobSimulation.js";
 export interface BlobWGPUSetupDeps {
     canvas: HTMLCanvasElement;
     config: BlobConfig;

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

@@ -1,3 +1,3 @@
-export type { BlobMood, BlobMerge, BlobQuality, MoodParams, MetaballSource, BlobConfig, BlobGeometry, BlobSatelliteTiming, BlobMembrane, BlobColor, BlobSurface, BlobInteraction, SatellitePhase, SatelliteInternal, } from "./types";
-export { BLOB_CONFIG_DEFAULTS, BLOB_CONFIG_KEY } from "./types";
-export { BLOB_HERO, LIGHTNESS_FLOOR_BRACKET, LIGHTNESS_FLOOR_DEFAULT, clampLightnessFloor, } from "./presets";
+export type { BlobMood, BlobMerge, BlobQuality, MoodParams, MetaballSource, BlobConfig, BlobGeometry, BlobSatelliteTiming, BlobMembrane, BlobColor, BlobSurface, BlobInteraction, SatellitePhase, SatelliteInternal, } from "./types.js";
+export { BLOB_CONFIG_DEFAULTS, BLOB_CONFIG_KEY } from "./types.js";
+export { BLOB_HERO, LIGHTNESS_FLOOR_BRACKET, LIGHTNESS_FLOOR_DEFAULT, clampLightnessFloor, } from "./presets.js";

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

@@ -1,4 +1,4 @@
-import type { BlobMood, MoodParams } from "./types";
+import type { BlobMood, MoodParams } from "./types.js";
 /** Compile-time satellite cap — mirrors `uSat*[N]` in metaball.frag.ts. */
 export declare const MAX_SATS = 4;
 /** Compile-time trail length — mirrors the `uTrail*[N]` arrays in metaball.frag.ts. */
@@ -21,8 +21,6 @@ export interface AffectPoint {
     /** Activation, 0 (calm/sleepy) .. 1 (energized/excited). */
     arousal: number;
 }
-/** The five named moods as POINTS in the {valence, arousal} circumplex. */
-export declare const MOOD_AVA: Record<BlobMood, AffectPoint>;
 /**
  * Derive the full MoodParams from a {valence, arousal} point. Arousal drives the
  * motion energy (orbit speed, wobble, pulse rate/amp, noise, the iridescence/SSS

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

@@ -1,8 +1,8 @@
-export { default as Blob } from "./Blob.vue";
-export type { BlobMood, BlobMerge, BlobQuality, MoodParams, MetaballSource, BlobConfig, BlobGeometry, BlobSatelliteTiming, BlobMembrane, BlobColor, BlobSurface, BlobInteraction, SatellitePhase, SatelliteInternal, } from "./types";
-export { BLOB_CONFIG_DEFAULTS, BLOB_CONFIG_KEY } from "./types";
-export { BLOB_HERO, LIGHTNESS_FLOOR_BRACKET, LIGHTNESS_FLOOR_DEFAULT, clampLightnessFloor, } from "./presets";
-export { useBlobMood, type BlobMoodSystem } from "./composables/useBlobMood";
-export { useBlobPointer, type BlobPointer } from "./composables/useBlobPointer";
-export { useBlobSatellites, type BlobSatelliteSystem, } from "./composables/useBlobSatellites";
-export type { BlobSettledFrame } from "./composables/blobSimulation";
+export { default as Blob } from "./Blob.vue.js";
+export type { BlobMood, BlobMerge, BlobQuality, MoodParams, MetaballSource, BlobConfig, BlobGeometry, BlobSatelliteTiming, BlobMembrane, BlobColor, BlobSurface, BlobInteraction, SatellitePhase, SatelliteInternal, } from "./types.js";
+export { BLOB_CONFIG_DEFAULTS, BLOB_CONFIG_KEY } from "./types.js";
+export { BLOB_HERO, LIGHTNESS_FLOOR_BRACKET, LIGHTNESS_FLOOR_DEFAULT, clampLightnessFloor, } from "./presets.js";
+export { useBlobMood, type BlobMoodSystem } from "./composables/useBlobMood.js";
+export { useBlobPointer, type BlobPointer } from "./composables/useBlobPointer.js";
+export { useBlobSatellites, type BlobSatelliteSystem, } from "./composables/useBlobSatellites.js";
+export type { BlobSettledFrame } from "./composables/blobSimulation.js";

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

@@ -1,4 +1,4 @@
-import type { BlobConfig } from "./types";
+import type { BlobConfig } from "./types.js";
 /** OKLab-L ink-floor bracket expressed as `[min, max]`. */
 export declare const LIGHTNESS_FLOOR_BRACKET: readonly [number, number];
 /** The default derived-palette OKLab-L floor (mid-bracket). */

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

@@ -1,13 +1,19 @@
 import { type ButtonHTMLAttributes, type HTMLAttributes } from "vue";
-import type { Size, Tone } from "../_shared/axes";
-import type { PrimitiveProps } from "../_shared/primitive";
+import type { Size, Tone } from "../_shared/axes.js";
+import type { PrimitiveProps } from "../_shared/primitive.js";
 export type ButtonEmphasis = "primary" | "secondary" | "quiet" | "text";
 export type ButtonSize = Extract<Size, "xs" | "sm" | "md" | "lg">;
+/**
+ * The command's intent axis, a RESTRICTION of the one `Tone` union (the sub-range
+ * law). A command is neutral or it is destructive; `success`/`warning`/`info` are
+ * message tones and live on Alert/Toast, where a surface reports rather than acts.
+ */
+export type ButtonTone = Extract<Tone, "neutral" | "destructive">;
 export interface ButtonProps extends PrimitiveProps {
     /** Visual priority. It does not change the command's semantics. */
     emphasis?: ButtonEmphasis;
-    /** Semantic intent, orthogonal to emphasis. */
-    tone?: Tone;
+    /** Semantic intent, orthogonal to emphasis. Tone tints; it never replaces. */
+    tone?: ButtonTone;
     size?: ButtonSize;
     /** Square geometry for an accessibly named icon command. */
     iconOnly?: boolean;
@@ -17,17 +23,17 @@ export interface ButtonProps extends PrimitiveProps {
     disabled?: ButtonHTMLAttributes["disabled"];
     class?: HTMLAttributes["class"];
 }
-declare var __VLS_18: {};
+declare var __VLS_23: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_18) => any;
+    default?: (props: typeof __VLS_23) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
     size: ButtonSize;
-    as: import("../_shared/primitive").AsTag | import("vue").Component;
-    tone: Tone;
-    loading: boolean;
+    as: import("../_shared/primitive.js").AsTag | import("vue").Component;
+    tone: ButtonTone;
     emphasis: ButtonEmphasis;
     iconOnly: boolean;
+    loading: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1 +1 @@
-export { default as Button, type ButtonProps, type ButtonEmphasis, type ButtonSize, } from "./Button.vue";
+export { default as Button, type ButtonProps, type ButtonEmphasis, type ButtonSize, type ButtonTone, } from "./Button.vue.js";

package/dist/components/button/styles.css

@@ -1 +1 @@
-@layer components { .button { --button-size: var(--control-h-md); display: inline-flex; min-inline-size: 0; max-inline-size: 100%; min-block-size: var(--button-size); align-items: center; justify-content: center; gap: calc(0.375rem * var(--ui-scale)); padding-inline: calc(1rem * var(--ui-scale)); border: 0; border-radius: var(--radius-pill); color: var(--foreground); font: inherit; font-size: var(--control-text); font-weight: 500; line-height: 1.1; text-align: center; text-decoration: none; cursor: pointer; appearance: none; touch-action: manipulation; user-select: none; scale: 1; --scale-press: var(--scale-press-btn); --glass-specular-intensity-hover: var(--glass-specular-btn-hover); } .button > svg { flex: none; pointer-events: none; } .button > svg:not([class*="size-"]) { inline-size: var(--ui-glyph); block-size: var(--ui-glyph); } .button[data-emphasis="primary"] { --glass-bg-rung: var(--glass-bg-floating); --glass-capsule-fill: var(--glass-plate-tinted); -webkit-backdrop-filter: var(--glass-cell-backdrop-filter, var(--glass-blur-deep)); backdrop-filter: var(--glass-cell-backdrop-filter, var(--glass-blur-deep)); font-weight: 650; } .button[data-emphasis="secondary"] { --glass-bg-rung: var(--glass-bg-quiet); --glass-capsule-fill: var(--glass-plate-tinted); -webkit-backdrop-filter: var(--glass-cell-backdrop-filter, var(--glass-blur-resting)); backdrop-filter: var(--glass-cell-backdrop-filter, var(--glass-blur-resting)); } .button[data-emphasis="quiet"], .button[data-emphasis="text"] { background: transparent; box-shadow: none; color: var(--muted-foreground); } .button[data-emphasis="quiet"]:hover:not(:disabled, [aria-disabled="true"]) { background: color-mix(in oklab, var(--foreground) 8%, transparent); color: var(--foreground); } .button[data-emphasis="text"] { padding-inline: calc(0.25rem * var(--ui-scale)); color: var(--primary); text-underline-offset: 0.25em; } .button[data-emphasis="text"]:hover:not(:disabled, [aria-disabled="true"]) { text-decoration: underline; } .button[data-tone="success"] { --button-tone: var(--success); --button-tone-ink: var(--success-foreground); } .button[data-tone="warning"] { --button-tone: var(--warning); --button-tone-ink: var(--warning-foreground); } .button[data-tone="info"] { --button-tone: var(--info); --button-tone-ink: var(--info-foreground); } .button[data-tone="destructive"] { --button-tone: var(--destructive); --button-tone-ink: var(--destructive-foreground); } .button:not([data-tone="neutral"]) { border: 1px solid color-mix(in oklab, var(--button-tone) 72%, var(--foreground)); background: var(--button-tone); box-shadow: var(--shadow-sm); color: var(--button-tone-ink); } .button[data-emphasis="quiet"]:not([data-tone="neutral"]), .button[data-emphasis="text"]:not([data-tone="neutral"]) { border-color: transparent; background: transparent; box-shadow: none; color: var(--button-tone); } .button[data-emphasis="quiet"]:not([data-tone="neutral"]):hover:not( :disabled, [aria-disabled="true"] ), .button[data-emphasis="text"]:not([data-tone="neutral"]):hover:not( :disabled, [aria-disabled="true"] ) { background: color-mix(in oklab, var(--button-tone) 10%, transparent); } .button[data-size="xs"] { --button-size: var(--control-h-xs); gap: calc(0.25rem * var(--ui-scale)); padding-inline: calc(0.5rem * var(--ui-scale)); font-size: var(--control-text-sm); } .button[data-size="sm"] { --button-size: var(--control-h-sm); padding-inline: calc(0.75rem * var(--ui-scale)); } .button[data-size="lg"] { --button-size: var(--control-h-lg); gap: calc(0.5rem * var(--ui-scale)); padding-inline: calc(1.25rem * var(--ui-scale)); } .button[data-icon-only] { inline-size: var(--button-size); block-size: var(--button-size); min-block-size: var(--button-size); padding: 0; } .button:disabled, .button[aria-disabled="true"] { opacity: var(--opacity-disabled); cursor: not-allowed; } .button:disabled { pointer-events: none; } .button[data-loading] { cursor: progress; } .button.glass-wash:active::before { --specular-intensity: calc( var(--glass-specular-intensity-hover) + ( var(--glass-specular-intensity-active) - var(--glass-specular-intensity-hover) ) * var(--glass-btn-press-t) ); } @media (prefers-reduced-motion: reduce) { .button { transition: none; } } }
+@layer components{.button{--button-size: var(--control-h-md);--button-tone: var(--foreground);--button-accent: var(--primary);--button-quiet-ink: var(--muted-foreground);--button-ink: var(--button-tone);--button-edge: transparent;display: inline-flex;min-inline-size: 0;max-inline-size: 100%;min-block-size: var(--button-size);align-items: center;justify-content: center;gap: var(--space-atom);padding-inline: var(--space-body);border: 1px solid var(--button-edge);border-radius: calc(var(--button-size) / 2);color: var(--button-ink);font: inherit;font-size: var(--control-text);font-weight: 500;line-height: 1.1;text-align: center;text-decoration: none;cursor: pointer;appearance: none;touch-action: manipulation;user-select: none;scale: 1;--scale-press: var(--scale-press-sm);transition: background-color var(--engage-control-engage-release) var(--ease-standard),border-color var(--engage-control-engage-release) var(--ease-standard),box-shadow var(--engage-control-engage-release) var(--ease-standard),color var(--engage-control-engage-release) var(--ease-standard),opacity var(--engage-control-engage-release) var(--ease-standard),scale var(--spring-press-duration) var(--transition-liquid-spatial);}.button > svg{flex: none;pointer-events: none;}.button > svg:not([class*="size-"]){inline-size: var(--ui-glyph);block-size: var(--ui-glyph);}.button > .button-mark{flex: none;inline-size: var(--ui-glyph);}.button[data-emphasis="primary"]{--glass-depth: var(--glass-depth-content);font-weight: 600;}.button[data-emphasis="secondary"]{--glass-veil-tier: var(--glass-veil-quiet);--glass-blur-floating: var(--glass-blur-quiet);}.button[data-tone="destructive"]{--button-tone: var(--destructive);--button-accent: var(--destructive);--button-quiet-ink: var(--destructive);--button-edge: color-mix( in oklab,var(--destructive) calc(var(--ink-perimeter) * 100%),transparent );--glass-capsule-fill: color-mix( in oklab,var(--glass-veil),var(--destructive) var(--feedback-tone-strength) );}.button[data-emphasis="quiet"],.button[data-emphasis="text"]{--button-edge: transparent;--button-ink: var(--button-quiet-ink);background: transparent;box-shadow: none;}.button[data-emphasis="text"]{--button-ink: var(--button-accent);padding-inline: var(--space-residue);text-underline-offset: 0.25em;}@media (hover: hover){.button[data-emphasis="quiet"]:hover:not(:disabled,[aria-disabled="true"]){--button-ink: var(--button-tone);background: color-mix( in oklab,var(--button-tone) calc(var(--fill-hover) * 100%),transparent );}.button[data-emphasis="text"]:hover:not(:disabled,[aria-disabled="true"]){text-decoration: underline;}}.button[data-emphasis="quiet"]:active:not(:disabled,[aria-disabled="true"]){background: color-mix( in oklab,var(--button-tone) calc(var(--fill-selected) * 100%),transparent );}.button[data-emphasis="text"]:active:not(:disabled,[aria-disabled="true"]){background: color-mix( in oklab,var(--button-accent) calc(var(--fill-hover) * 100%),transparent );}.button[data-size="xs"]{--button-size: var(--control-h-xs);gap: var(--space-residue);padding-inline: var(--space-atom);font-size: var(--control-text-sm);}.button[data-size="sm"]{--button-size: var(--control-h-sm);gap: var(--space-residue);padding-inline: var(--space-atom);font-size: var(--control-text-sm);}.button[data-size="lg"]{--button-size: var(--control-h-lg);font-size: var(--type-body);}.button[data-icon-only]{inline-size: var(--button-size);block-size: var(--button-size);min-block-size: var(--button-size);padding: 0;}.button:disabled,.button[aria-disabled="true"]{--button-ink: oklch(from var(--foreground) l 0 h / var(--opacity-disabled));cursor: not-allowed;}.button[data-loading]{cursor: progress;}.button.glass-specular-track:active::before{--specular-intensity: calc( var(--glass-specular-intensity-hover) + ( var(--glass-specular-intensity-active) - var(--glass-specular-intensity-hover) ) * var(--glass-btn-press-t) );}}

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

@@ -1,21 +1,27 @@
-import type { SurfaceTier } from "../_shared/axes";
-import { type SurfaceProps } from "../surface/Surface.vue";
-export type CardTier = SurfaceTier;
+import { type SurfaceProps } from "../surface/Surface.vue.js";
 export type CardSize = "sm" | "md";
-export type CardVariant = "selection";
-export type CardMetal = "gold" | "silver" | "bronze";
-/** A semantic content group. Material concerns are forwarded to Surface. */
+/**
+ * A semantic content group. Material concerns are forwarded to Surface; the card
+ * owns proportion, anatomy, and — when `selected` is present — engagement.
+ *
+ * `material` is SEVERED (DAG, via `_shared/surface`): the card is the elevated
+ * role by construction, which is Surface's own default, so the axis added a knob
+ * and no capacity. `shadow` is CARD's own — Surface went three-prop and the
+ * card is the one component with a real elevation grammar, so it stamps its own
+ * `data-shadow` for the edge keying instead of routing the flag through a
+ * primitive that no longer reads it. `grain` and `specular` are gone from the
+ * whole library. `cartoon` / `grid` / `metal` / `variant` / `dataHue` /
+ * `dataHueStrength` are struck: three of them wrote a class a consumer can write
+ * (`cartoon-surface`, `paper-grid`), and `variant`+`dataHue`+`selected` were one
+ * state wearing three props. A per-instance rim hue is `--glass-accent`, written
+ * by the consumer on the element.
+ */
 export interface CardProps extends SurfaceProps {
     size?: CardSize;
-    /** Static Memphis edge treatment; it does not add command behavior. */
-    cartoon?: boolean;
-    /** Static engineering-grid texture. */
-    grid?: boolean;
-    variant?: CardVariant;
+    /** The opt-in elevation. Card owns this axis; Surface no longer has one. */
+    shadow?: boolean;
+    /** Presence makes the card an option: role, tabindex, aria-selected, states. */
     selected?: boolean;
-    metal?: CardMetal;
-    dataHue?: string;
-    dataHueStrength?: string;
 }
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -24,16 +30,7 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<CardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CardProps> & Readonly<{}>, {
     size: CardSize;
     shadow: boolean;
-    as: import("../_shared/primitive").AsTag | import("vue").Component;
-    surface: import("../surface").SurfaceDecoration;
-    grid: boolean;
-    deep: boolean;
-    material: import("../surface").SurfaceMaterial;
-    grain: boolean;
-    specular: import("../surface").SurfaceSpecular;
-    cartoon: boolean;
     selected: boolean;
-    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;

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

@@ -1,6 +1,13 @@
 import { type HTMLAttributes } from "vue";
 type __VLS_Props = {
-    /** Requires `.card-scroll-host` on the scrollable ancestor. */
+    /**
+     * Requires `.card-scroll-host` on the scrollable ancestor — an element INSIDE
+     * the plate, NEVER the plate itself. The host wears `overflow-y` and the
+     * trailing feather MASK, and a mask clips the element's whole rendering: put
+     * it on the `<Card>` and the plate's own bottom edge dissolves and the cast it
+     * casts is clipped away with it. The host is the viewport the header sticks
+     * to; the plate stays crisp around it.
+     */
     shrink?: boolean;
     class?: HTMLAttributes["class"];
 };

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

@@ -1,7 +1,6 @@
-export { default as Card, type CardProps, type CardTier, type CardSize, type CardVariant, type CardMetal, } from "./Card.vue";
-export { default as CardHeader } from "./CardHeader.vue";
-export { default as CardTitle } from "./CardTitle.vue";
-export { default as CardDescription } from "./CardDescription.vue";
-export { default as CardContent } from "./CardContent.vue";
-export { default as CardFooter } from "./CardFooter.vue";
-export { default as CardAction } from "./CardAction.vue";
+export { default as Card, type CardProps, type CardSize } from "./Card.vue.js";
+export { default as CardHeader } from "./CardHeader.vue.js";
+export { default as CardTitle } from "./CardTitle.vue.js";
+export { default as CardDescription } from "./CardDescription.vue.js";
+export { default as CardContent } from "./CardContent.vue.js";
+export { default as CardFooter } from "./CardFooter.vue.js";

package/dist/components/card/scroll.css

@@ -0,0 +1 @@
+@layer components{.card-scroll-host{contain: layout style paint;overflow-y: auto;mask-image: linear-gradient( to bottom,black calc(100% - var(--fade-end)),transparent 100% );}@supports (animation-timeline: scroll()){.card-scroll-host{animation: gl-fade-end-out linear both;animation-timeline: scroll(self block);animation-range: calc(100% - var(--fade-scroll-width)) 100%;}}.card-header--shrink{position: relative;isolation: isolate;}.card-header--shrink::before{content: "";position: absolute;inset: 0 0 calc(var(--card-gap) * -1);z-index: -1;border-radius: inherit;background: var(--glass-veil);mask-image: linear-gradient( to bottom,black calc(100% - var(--card-gap)),transparent );opacity: 0;pointer-events: none;transition: opacity var(--duration-normal) var(--ease-standard);}.card-header--shrink > [data-slot="card-title"]{font-size: calc(var(--type-body) * 2.058);transform-origin: 0 50%;}.card-header--shrink[data-condensed="true"]{padding-block-start: var(--card-gap);}.card-header--shrink[data-condensed="true"]::before{opacity: 1;}.card-header--shrink[data-condensed="true"] > [data-slot="card-title"]{font-size: calc(var(--type-body) * 1.618);}@keyframes card-title-condense{from{scale: 1.272;}to{scale: 1;}}@keyframes card-title-release{from{scale: 0.786151;}to{scale: 1;}}.card-header--shrink[data-shrink-glide][data-condensed="true"] > [data-slot="card-title"]{animation: card-title-condense var(--duration-normal) var(--ease-standard);}.card-header--shrink[data-shrink-glide][data-condensed="false"] > [data-slot="card-title"]{animation: card-title-release var(--duration-normal) var(--ease-standard);}.card-header--shrink > [data-slot="card-description"]{transition: opacity var(--duration-normal) var(--ease-standard),visibility var(--duration-normal) var(--ease-standard);transition-behavior: allow-discrete;}.card-header--shrink[data-condensed="true"] > [data-slot="card-description"]{visibility: hidden;opacity: 0;}@media (prefers-reduced-motion: reduce){.card-header--shrink::before,.card-header--shrink > [data-slot="card-description"]{transition: none;}.card-header--shrink[data-shrink-glide] > [data-slot="card-title"]{animation: none;}}}

package/dist/components/card/styles.css

@@ -1 +1 @@
-@layer components { .card { --card-pad-inline: calc(var(--spacing) * 6); --card-pad-block: calc(var(--card-pad-inline) * 1.272); --card-pad-section-gap: var(--card-pad-block); --card-pad-footer: calc(var(--card-pad-block) / 1.618); --card-pad-title-gap: calc(var(--card-pad-inline) / 2.618); } .card[data-size="sm"] { --card-pad-inline: calc(var(--spacing) * 4); } .card-header { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--card-pad-title-gap); padding: var(--card-pad-block) var(--card-pad-inline) 0; container-type: inline-size; container-name: card-header; } .card-header:has(> [data-slot="card-action"]) { grid-template-columns: minmax(0, 1fr) auto; align-items: start; } .card-title { min-width: 0; font-size: var(--type-heading); font-weight: var(--font-weight-semibold); line-height: var(--type-leading-heading); letter-spacing: var(--tracking-tight); overflow-wrap: anywhere; } .card-description { min-width: 0; color: var(--muted-foreground-strong); font-size: var(--text-sm); line-height: var(--leading-normal); overflow-wrap: anywhere; } .card-action { grid-column: 2; grid-row: 1 / span 2; align-self: start; justify-self: end; } .card-content { padding: var(--card-pad-section-gap) var(--card-pad-inline) var(--card-pad-block); } .card-content:has(+ .card-footer) { padding-bottom: 0; } .card-footer { display: flex; flex-wrap: wrap; align-items: center; gap: calc(var(--card-pad-footer) / 1.618); padding: var(--card-pad-footer) var(--card-pad-inline) var(--card-pad-block); } .paper-grid { background-image: var(--paper-grid-texture); background-repeat: repeat; background-size: calc(var(--paper-grid-texture-size) * 4) calc(var(--paper-grid-texture-size) * 4), calc(var(--paper-grid-texture-size) * 4) calc(var(--paper-grid-texture-size) * 4), var(--paper-grid-texture-size) var(--paper-grid-texture-size), var(--paper-grid-texture-size) var(--paper-grid-texture-size); background-blend-mode: multiply; } :where(.dark) .paper-grid { background-blend-mode: screen; } [data-variant="selection"] { --selection-accent-strength: 16%; --selection-accent-strength-selected: 28%; --glass-accent-strength: var(--selection-accent-strength); } [data-variant="selection"][data-selected="true"] { --glass-accent-strength: var(--selection-accent-strength-selected); } } @utility cartoon-surface { position: relative; border-width: 2px; box-shadow: var(--shadow-cartoon-md); } @media (prefers-reduced-transparency: reduce) { .paper-grid { background-image: none; } }
+@property --card-fill{syntax: "<color>";inherits: false;initial-value: transparent;}@layer components{.card{--card-pad: var(--space-body);--card-gap: var(--space-atom);--card-group-gap: var(--space-body);border-radius: var(--radius-card);color: var(--card-foreground);}.card[data-size="sm"]{--card-pad: var(--space-atom);--card-gap: var(--space-residue);--card-group-gap: var(--space-atom);}.card{--glass-border-rung: oklch(from var(--foreground) l c h / var(--ink-seam));}.card[data-shadow]{--glass-border-rung: oklch(from var(--foreground) l c h / var(--ink-edge));}.card{--card-cast-rung: var(--glass-shadow-resting);--card-cast: var(--glass-material-rim),var(--glass-under-shadow-default),var(--card-cast-rung),var(--shadow-card);transition: box-shadow var(--engage-control-engage-release) var(--ease-standard),border-color var(--engage-control-engage-release) var(--ease-standard);}.card.glass-resting[data-shadow]{box-shadow: var(--card-cast);}.card:has(:focus-visible){--card-cast-rung: var(--glass-shadow-floating);--glass-border-rung: oklch(from var(--foreground) l c h / var(--ink-edge));}.card[role="option"]{cursor: pointer;scale: 1;background-image: linear-gradient(var(--card-fill),var(--card-fill));transition: --card-fill var(--engage-control-engage-release) var(--ease-standard),box-shadow var(--engage-control-engage-release) var(--ease-standard),border-color var(--engage-control-engage-release) var(--ease-standard),scale var(--spring-press-duration) var(--transition-liquid-spatial);}.card[role="option"]:focus-visible{outline: 2px solid oklch(from var(--foreground) l c h / var(--ink-perimeter));outline-offset: 2px;}.card.glass-resting[role="option"][data-shadow]:focus-visible{box-shadow: var(--card-cast),0 0 8px oklch(from var(--foreground) l c h / 0.15);}.card[role="option"][data-selected="true"]{--card-fill: oklch(from var(--foreground) l c h / var(--fill-selected));}@media (hover: hover){.card[role="option"]:hover{--card-fill: oklch(from var(--foreground) l c h / var(--fill-hover));transition: --card-fill var(--engage-control-engage-attack) var(--ease-standard),box-shadow var(--engage-control-engage-attack) var(--ease-standard),border-color var(--engage-control-engage-attack) var(--ease-standard),scale var(--spring-press-duration) var(--transition-liquid-spatial);}.card[role="option"][data-selected="true"]:hover{--card-fill: oklch( from var(--foreground) l c h / calc(var(--fill-hover) + var(--fill-selected)) );}}.card[role="option"]:active{scale: var(--scale-press-sm);}.card-header{display: grid;grid-template-columns: minmax(0,1fr);gap: var(--card-gap);padding: var(--card-pad) var(--card-pad) 0;}.card-title{min-width: 0;font-size: calc(var(--type-body) * 1.272);font-weight: var(--font-weight-semibold);line-height: var(--type-leading-body);letter-spacing: var(--tracking-tight);overflow-wrap: anywhere;}.card-description{min-width: 0;color: var(--muted-foreground-strong);font-size: calc(var(--type-body) / 1.127838);line-height: var(--type-leading-body);overflow-wrap: anywhere;}.card-content{padding: var(--card-group-gap) var(--card-pad) var(--card-pad);}.card-content:has(+ .card-footer){padding-bottom: 0;}.card-footer{display: flex;flex-wrap: wrap;align-items: center;gap: var(--card-gap);padding: var(--card-group-gap) var(--card-pad) var(--card-pad);}}@utility cartoon-surface{position: relative;border-width: 2px;box-shadow: var(--shadow-cartoon-md);}