@mkbabb/glass-ui 7.0.0 → 8.0.0

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);}

package/dist/components/carousel/Carousel.vue.d.ts

@@ -1,38 +1,33 @@
-import type { CarouselProps, WithClassAsProps } from './interface';
+import type { CarouselProps, WithClassAsProps } from "./types.js";
 type __VLS_Props = CarouselProps & WithClassAsProps;
 type __VLS_ModelProps = {
-    'active'?: number;
+    /** v-model:active — the active 0-based member. */
+    "active"?: number;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare var __VLS_1: {
-    canScrollNext: boolean;
-    canScrollPrev: boolean;
-    carouselApi: import("embla-carousel").EmblaCarouselType | undefined;
-    carouselRef: HTMLElement | undefined;
-    orientation: "vertical" | "horizontal" | undefined;
-    scrollNext: () => void;
-    scrollPrev: () => void;
+    deck: import("../deck/index.js").DeckCore;
+    index: number;
+    canNext: boolean;
+    canPrev: boolean;
+    orientation: import("../deck/index.js").DeckAxis;
 };
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
-    canScrollNext: import("vue").Ref<boolean, boolean>;
-    canScrollPrev: import("vue").Ref<boolean, boolean>;
-    carouselApi: import("vue").Ref<import("embla-carousel").EmblaCarouselType | undefined, import("embla-carousel").EmblaCarouselType | undefined>;
-    carouselRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
-    orientation: "vertical" | "horizontal" | undefined;
-    scrollNext: () => void;
-    scrollPrev: () => void;
+    deck: import("../deck/index.js").DeckCore;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:active": (value: number) => any;
 } & {
-    "init-api": (payload: import("embla-carousel").EmblaCarouselType | undefined) => any;
+    change: (to: number, from: number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onInit-api"?: ((payload: import("embla-carousel").EmblaCarouselType | undefined) => any) | undefined;
+    onChange?: ((to: number, from: number) => any) | undefined;
     "onUpdate:active"?: ((value: number) => any) | undefined;
 }>, {
-    orientation: "horizontal" | "vertical";
+    orientation: import("../deck/index.js").DeckAxis;
+    pattern: "group" | "tabs";
+    projection: import("./types.js").CarouselProjection;
 }, {}, {}, {}, 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/carousel/CarouselContent.vue.d.ts

@@ -1,19 +1,9 @@
-import type { WithClassAsProps } from "./interface";
-type __VLS_Props = {
-    /**
-     * Opt-in compositor-only arrival: each slide scales 0.965→1 + fades off its
-     * distance from the viewport centre as it scrolls (transform + opacity ONLY,
-     * clipped inside the viewport — no filter, no layout property). Default off.
-     */
-    arrival?: boolean;
-} & WithClassAsProps;
+import type { WithClassAsProps } from "./types.js";
 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<{}>, {
-    arrival: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<WithClassAsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<WithClassAsProps> & 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;

package/dist/components/carousel/CarouselItem.vue.d.ts

@@ -1,9 +1,20 @@
-import type { WithClassAsProps } from './interface';
-declare var __VLS_1: {};
+import type { WithClassAsProps } from "./types.js";
+type __VLS_Props = {
+    /** This member's 0-based index. Required for the state + linkage. */
+    index: number;
+    /** This member's accessible name. */
+    label?: string;
+    /** The panel id when the rail runs the `"tabs"` register. */
+    id?: string;
+} & WithClassAsProps;
+declare var __VLS_1: {
+    index: number;
+    active: boolean;
+};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<WithClassAsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<WithClassAsProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, 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;

package/dist/components/carousel/CarouselPager.vue.d.ts

@@ -1,6 +1,6 @@
-import type { WithClassAsProps } from "./interface";
+import type { WithClassAsProps } from "./types.js";
 type __VLS_Props = {
-    /** Show "X / N" counter between chevrons. Defaults to true. */
+    /** Show the "X / N" counter between the chevrons. Default true. */
     showCounter?: boolean;
 } & WithClassAsProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {

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

@@ -1,6 +1,7 @@
-export { default as Carousel } from './Carousel.vue';
-export { default as CarouselContent } from './CarouselContent.vue';
-export { default as CarouselItem } from './CarouselItem.vue';
-export { default as CarouselPager } from './CarouselPager.vue';
-export type { UnwrapRefCarouselApi as CarouselApi, } from './interface';
-export { useCarousel } from './useCarousel';
+export { default as Carousel } from "./Carousel.vue.js";
+export { default as CarouselContent } from "./CarouselContent.vue.js";
+export { default as CarouselItem } from "./CarouselItem.vue.js";
+export { default as CarouselPager } from "./CarouselPager.vue.js";
+export { useCarousel, useProvideCarousel } from "./useCarousel.js";
+export { memberDistance, memberScale, memberLag, MEMBER_SCALE_DROP, MEMBER_LAG_TAU_S, MEMBER_LAG_CEIL, } from "./projection.js";
+export type { CarouselContext, CarouselEmits, CarouselProjection, CarouselProps, } from "./types.js";