@mkbabb/glass-ui 3.12.0 → 4.0.0

package/dist/components/custom/tabs/composables/useTabIndicator.d.ts

@@ -2,21 +2,32 @@ import { type Ref, type ComputedRef } from "vue";
 import type { SegmentedTabOption } from "../SegmentedTabs.vue";
 /**
  * Package-private composable for `SegmentedTabs.vue` — owns the JS-measured
- * indicator path: the single- and multi-select slider styles, the offset
- * measure, the model/options re-measure watchers, and the ResizeObserver
- * lifecycle. It ALSO owns the AX.W53 travel-squish: a velocity-driven,
- * volume-preserving `--stretch` scalar the active indicator reads so it
- * STRETCHES along its travel axis as it glides between tabs and settles to fit
- * (the Material 3 ELASTIC / Apple Liquid-Glass register, capped LOW).
+ * single-select indicator path: the slider style, the offset measure, the
+ * model/options re-measure watchers, and the ResizeObserver lifecycle. It ALSO
+ * owns the AX.W53 travel-squish: a velocity-driven, volume-preserving `--stretch`
+ * scalar the active indicator reads so it STRETCHES along its travel axis as it
+ * glides between tabs and settles to fit (the Material 3 ELASTIC / Apple
+ * Liquid-Glass register, capped LOW).
  *
- * The composable is the SOLE writer of the JS slider styles. The measure path
- * runs only on the multi-select OR `@supports not (anchor)` branch — on an
- * anchor-supporting single-select engine the CSS `anchor-name` owns the slider
- * position and that path stays dormant (no RO is constructed, no measure runs).
- * The squish is independent of the position path: it is a transient `--stretch`
- * write driven on EVERY selection (anchor or JS engine) and reads from
- * `--tab-indicator-max-stretch`, so the elastic warp lands on all three
- * variants. Honors `prefers-reduced-motion` (no squish under reduce).
+ * BA.W-TABS — the engine is AXIS-DERIVED (the `vertical` param): the JS slider
+ * writes width/translateX on the inline axis (horizontal) OR height/translateY on
+ * the block axis (vertical). It is CENTER-ANCHORED (the BA-VJS-3 / valuejs-fold A-5
+ * fix): the indicator is positioned by its CENTER == the active button's center
+ * (translate = buttonCenter − indicatorSize/2), so the squish (which scales from
+ * `transform-origin: center`) keeps the indicator center pinned to the label
+ * center — the prior `translateX(offsetLeft)` left-edge write is GONE.
+ *
+ * The composable is the SOLE writer of the JS slider style. The measure path runs
+ * only on the `@supports not (anchor)` branch — on an anchor-supporting engine the
+ * CSS `anchor-name` owns the slider position and that path stays dormant (no RO is
+ * constructed, no measure runs). The squish is independent of the position path: it
+ * is a transient `--stretch` write driven on EVERY selection (anchor or JS engine)
+ * and reads from `--tab-indicator-max-stretch`, and RELEASES AT ARRIVAL (keyed to
+ * the calibrated clock, not a fixed mid-glide timer). Honors
+ * `prefers-reduced-motion` (no squish under reduce). The underline material SLIDES
+ * (no squish — a hairline does not deform), gated by the `vertical`/underline
+ * early-return at the SFC's `squishOnTravel` call shape (the underline has no
+ * `indicatorRef` element).
  */
 export interface UseTabIndicatorParams {
     /** The container scroller root (observed by the ResizeObserver). */
@@ -28,21 +39,19 @@ export interface UseTabIndicatorParams {
     /** The tab options (re-measure on change). */
     options: ComputedRef<SegmentedTabOption[]>;
     /** The defineModel value (re-measure on change). */
-    model: Ref<string | string[] | undefined>;
-    /** True for the multi-select path. */
-    multiSelect: ComputedRef<boolean>;
+    model: Ref<string | undefined>;
     /** Whether the browser supports CSS anchor positioning. */
     anchorSupported: boolean;
-    /** True when ANY JS slider writer is live (gates RO/watcher attach). */
+    /** True when the JS slider writer is live (gates RO/watcher attach). */
     jsSliderActive: ComputedRef<boolean>;
-    /** The active option values (used by the multi-slider measure). */
+    /** The active option values (used by the measure). */
     activeValues: ComputedRef<string[]>;
+    /** True for the vertical (block-axis) orientation. */
+    vertical: ComputedRef<boolean>;
 }
 export interface UseTabIndicatorReturn {
     /** Inline style for the single-select JS slider. */
     singleSliderStyle: Ref<Record<string, string>>;
-    /** Inline styles for each active multi-select slider, keyed by value. */
-    multiSliderStyles: Ref<Record<string, Record<string, string>>>;
     /** Imperatively kick the travel-squish on a selection at `idx`. */
     squishOnTravel: (toIdx: number) => void;
 }

package/dist/components/custom/tabs/constants.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Fallback for `--tab-indicator-max-stretch` when the cascade leaves it unset — the
+ * default ≈+8% travel-squish cap (AX.W53). `--stretch = 1 + frac · (cap − 1)`, so a
+ * full-width jump reaches the cap and a tiny hop stays near 1. The token is the
+ * authority; this is the no-token floor.
+ */
+export declare const DEFAULT_INDICATOR_MAX_STRETCH = 1.08;
+/**
+ * The travel-progress fraction at which the squish RELEASES — the Material
+ * "grow then shrink" close, keyed to ARRIVAL (BA.W-TABS). The squish opens with
+ * the glide and releases when the indicator is within this fraction of its target
+ * (release-at-arrival), retiring the fixed mid-glide `INDICATOR_RELEASE_MS` timer
+ * (which fired at 60ms — BEFORE the ~100ms 90%-travel point, mid-glide). The
+ * release schedules off the calibrated clock (`--spring-snappy-duration`) scaled
+ * by this fraction, so the stretch peaks during travel and shrinks to fit AT
+ * arrival, never before.
+ */
+export declare const INDICATOR_RELEASE_AT_ARRIVAL = 0.82;

package/dist/components/custom/tabs/index.d.ts

@@ -1,2 +1,2 @@
 export { default as SegmentedTabs } from "./SegmentedTabs.vue";
-export type { SegmentedTabOption, SegmentedTabsVariant, SegmentedTabsProps, SegmentedTabsResponsive, } from "./SegmentedTabs.vue";
+export type { SegmentedTabOption, SegmentedTabsVariant, SegmentedTabsOrientation, SegmentedTabsProps, SegmentedTabsResponsive, } from "./SegmentedTabs.vue";

package/dist/components/custom/watercolor-dot/WatercolorDot.vue.d.ts

@@ -13,6 +13,19 @@
 type __VLS_Props = {
     /** CSS color painted as the swatch background (any CSS color form). */
     color: string;
+    /**
+     * Render mode (BA.W-EMISSION / BA-VJS-C2):
+     *   `solid` (default) — the filled organic blob (the swatch background IS the
+     *                       color; the existing register, unchanged).
+     *   `ghost`  — the SAME seeded blob SILHOUETTE rendered as a STROKE: a
+     *              `color` border over a low-alpha `color` fill, the irregular-blob
+     *              outline (NOT a CSS dashed rectangle). A `ghost` of a given
+     *              `color + seed` matches the SAME silhouette the `solid` dot of
+     *              that seed renders — both read the same `useWatercolorBlob`
+     *              border-radius morph; the stroke is the only delta. The
+     *              empty-palette-slot / placeholder affordance.
+     */
+    variant?: "solid" | "ghost";
     /** Run the rAF-driven shape morph (default false → static, hover-morph only). */
     animate?: boolean;
     /** Host tag — `div` (decorative) or `button` (interactive). */
@@ -30,6 +43,7 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     animate: boolean;
+    variant: "solid" | "ghost";
     seed: string;
     range: [number, number];
     tag: "div" | "button";

package/dist/components/ui/_shared/index.d.ts

@@ -1,2 +1,4 @@
 export { menuItemVariants } from "./menuItemVariants";
 export type { MenuItemVariants } from "./menuItemVariants";
+export { surfaceClass } from "./useSurfaceAxis";
+export type { Surface, SurfaceTier } from "./useSurfaceAxis";

package/dist/components/ui/_shared/menuItemVariants.d.ts

@@ -24,8 +24,27 @@ import { type VariantProps } from "class-variance-authority";
  *
  * Indicator slot variants reserve the gutter for radio-dot / check / chevron
  * indicator spans the consumer SFCs render absolutely-positioned.
+ *
+ * Surface axis (BA.W-MENU-GLASS) — the menu-row's MATERIAL register, an
+ * EXPRESSION of the shared {glass·veil·opaque} surface-decoration axis
+ * (`_shared/useSurfaceAxis.ts` / `glass/surface-axis.css`), NOT a second axis:
+ * - `glass` (DEFAULT, glass-first canon AX.W54) — the `.glass-menu-row` recipe
+ *   (`src/styles/menu.css`): the hover / focus / `data-highlighted` / open states
+ *   paint the ELEMENT-LEVEL glass-quiet oklab tint (so the row darkens-over-light
+ *   AND lifts-over-dark per W-DARK-MATERIAL's tint arm) + a PRM-gated `translateY`
+ *   hover-lift, the 44px touch floor, the iOS-grade glassy hover-lift plate. The
+ *   flat `bg-accent` utilities are DROPPED on this arm — the cascade-trap-safe
+ *   shape: with no unlayered `hover:bg-accent` utility the ONLY background-painters
+ *   are the `@layer components` `.interactive-item:hover` accent rule and the
+ *   `.glass-menu-row` recipe (imported AFTER utilities.css so it source-order-wins
+ *   at equal specificity+layer — the AZ dock-rail `@layer`-loses-to-utility trap
+ *   pre-empted: never re-add an unlayered flat-accent utility here).
+ * - `accent` — the EXPLICIT flat-accent escape (the prior default's look). A clean
+ *   break, NOT a back-compat alias (BA inv-7): a consumer that wants the flat fill
+ *   opts in via `surface="accent"`.
  */
 export declare const menuItemVariants: (props?: ({
+    surface?: "accent" | "glass" | null | undefined;
     indicator?: "start" | "none" | "start-wide" | null | undefined;
     density?: "comfortable" | "audacious" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/ui/_shared/useSurfaceAxis.d.ts

@@ -0,0 +1,41 @@
+/**
+ * The shared surface-decoration axis — three rungs, ONE grammar.
+ *
+ *   glass   — the resolved tier's plain glass rung (default). The translucent
+ *             blur surface, the maximal glass-first register.
+ *   veil    — the borderless/rimless text-legibility plate: the `--glass-bg-quiet`
+ *             fill + blur with the box border AND rim STRIPPED (the boxed look
+ *             reads as a dividing line on a text plate). Reads the same `--glass-*`
+ *             ladder + W55 `--glass-tint-*` seam, so `--glass-level` / the bright
+ *             bucket retune it in lockstep with every glass surface.
+ *   opaque  — the `--glass-level:0` solid-card escape: solid `--card` + `blur(0)`
+ *             through the ONE level knob. The explicit opt-out from the maximal
+ *             glass default.
+ */
+export type Surface = "glass" | "veil" | "opaque";
+/**
+ * The 5-rung glass-ladder tier the surface paints its base over. Mirrors the
+ * `.glass-{wash,quiet,resting,floating,overlay}` ladder. A surface passes the rung
+ * it already paints (Card's `resting`, Dialog/Sheet/Popover's `floating`); the
+ * resolver maps it to the `glass-${tier}` base class. `opaque` is NOT a ladder
+ * rung here — it is a decoration on TOP of a base tier (the `.glass-opaque`
+ * escape keeps the tier's edge/rim), exactly as Card composes it.
+ */
+export type SurfaceTier = "wash" | "quiet" | "resting" | "floating" | "overlay";
+/**
+ * Resolve a (surface, tier) pair to the class string a surface composes. Pairs
+ * with a `:data-surface="surface"` attribute binding on the same element — the
+ * CSS seam (`surface-axis.css`) reads the attr to apply the veil/opaque
+ * decoration UNIFORMLY, while this resolver emits the back-compat decoration
+ * classes (`veil-surface` / `glass-opaque`) so Card's three shared rungs stay
+ * byte-identical and a surface composing the class set alone (no attr) still
+ * paints correctly.
+ *
+ *   surfaceClass("glass",  "floating") → "glass-floating"
+ *   surfaceClass("veil",   "floating") → "glass-floating veil-surface"
+ *   surfaceClass("opaque", "floating") → "glass-floating glass-opaque"
+ *
+ * @param surface the decoration rung (`glass` default · `veil` · `opaque`)
+ * @param tier    the base ladder rung (default `resting`)
+ */
+export declare function surfaceClass(surface?: Surface, tier?: SurfaceTier): string;

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

@@ -20,8 +20,17 @@ export type CardTier = "wash" | "quiet" | "resting" | "floating" | "overlay" | "
  *   cartoon  — the Memphis-sticker decoration layered on top of the resolved
  *              tier: 2px border, offset-stamp shadow, hover-lift. Composes onto
  *              ANY tier; the retired `<CartoonCard>` was `tier="quiet" surface="cartoon"`.
+ *   veil     — the text-legibility PLATE (R5-7). The wash/quiet glass fill +
+ *              blur with the border AND rim/highlight STRIPPED (border:none,
+ *              box-shadow:none — the boxed look reads as a "dividing line" on a
+ *              text plate). An optional radial feather axis (`--veil-feather`,
+ *              default none) fades the plate edges into the backdrop. Conceptually
+ *              the W55 adaptive-legibility tint applied as a LOCAL plate over a
+ *              busy/bright backdrop. Token-first (`--veil-*` rungs). It routes the
+ *              glass material through the `--glass-*` ladder, so `--glass-level` /
+ *              the W55 bright-bucket retune it in lockstep with every glass surface.
  */
-export type CardSurface = "glass" | "cartoon";
+export type CardSurface = "glass" | "cartoon" | "veil";
 /**
  * Specular catch-light register (AX.W09) — the pointer-anchored moving lens on a
  * glass card.
@@ -42,8 +51,11 @@ interface Props extends PrimitiveProps {
     tier?: CardTier;
     /** Surface decoration register. `glass` (default) renders the tier's glass
      *  rung; `cartoon` overlays the `cartoon-surface` decoration utility (2px
-     *  border, offset-stamp shadow, hover-lift). Orthogonal to `tier`/`shadow`/
-     *  `grain` — exactly like `shadow` and `grain`; NOT a `tier` rung. */
+     *  border, offset-stamp shadow, hover-lift); `veil` overlays the borderless,
+     *  rimless `veil-surface` text-legibility plate (the wash/quiet glass fill +
+     *  blur with the boxed border + rim STRIPPED, an optional `--veil-feather`
+     *  radial edge fade). Orthogonal to `tier`/`shadow`/`grain` — exactly like
+     *  `shadow` and `grain`; NOT a `tier` rung. */
     surface?: CardSurface;
     /** Surface drop shadow via `--shadow-card`. Off for cards nested inside cards. */
     shadow?: boolean;
@@ -66,8 +78,8 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     shadow: boolean;
     as: import("reka-ui").AsTag | import("vue").Component;
-    tier: CardTier;
     surface: CardSurface;
+    tier: CardTier;
     grain: boolean;
     specular: CardSpecular;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1,6 +1,5 @@
 export { default as Carousel } from './Carousel.vue';
 export { default as CarouselContent } from './CarouselContent.vue';
-export { default as CarouselDots } from './CarouselDots.vue';
 export { default as CarouselItem } from './CarouselItem.vue';
 export { default as CarouselNext } from './CarouselNext.vue';
 export { default as CarouselPager } from './CarouselPager.vue';

package/dist/components/ui/command/Command.vue.d.ts

@@ -1,7 +1,9 @@
 import { type HTMLAttributes } from 'vue';
 import type { ComboboxRootProps } from 'reka-ui';
+import { type Surface } from '../_shared/useSurfaceAxis';
 type __VLS_Props = ComboboxRootProps & {
     class?: HTMLAttributes['class'];
+    surface?: Surface;
 };
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -24,6 +26,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
 }>, {
     modelValue: import("reka-ui").AcceptableValue | import("reka-ui").AcceptableValue[];
     open: boolean;
+    surface: Surface;
 }, {}, {}, {}, 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/ui/dialog/DialogContent.vue.d.ts

@@ -1,10 +1,15 @@
 import { type HTMLAttributes } from 'vue';
 import { type DialogContentProps } from 'reka-ui';
 import { type SpringPreset } from '../../../composables/motion/useSpringMount';
+import { type Surface } from '../_shared/useSurfaceAxis';
 type __VLS_Props = DialogContentProps & {
     class?: HTMLAttributes['class'];
-    /** Visual variant: "glass" (translucent blur, default) or "opaque" (solid background). */
-    variant?: 'glass' | 'opaque';
+    /** Surface decoration register (BA.W-SURFACE-AXIS) — the SHARED
+     *  {glass·veil·opaque} axis. `glass` (translucent blur, default) renders the
+     *  floating glass tier; `veil` overlays the borderless/rimless text-legibility
+     *  plate; `opaque` sets `--glass-level:0` (the solid-card escape). Replaces the
+     *  retired binary `variant: glass|opaque` (clean break). */
+    surface?: Surface;
     /**
      * Optional CSS `animation` shorthand forwarded to the portaled scrim
      * via the `--scrim-animation` typed cascade variable. reka-ui's
@@ -66,7 +71,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
-    variant: "glass" | "opaque";
+    surface: Surface;
     showClose: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/ui/drawer/Drawer.vue.d.ts

@@ -39,6 +39,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     "onUpdate:activeSnapPoint"?: ((val: string | number) => any) | undefined;
 }>, {
     mode: DrawerMode;
+    open: boolean;
     modal: boolean;
     shouldScaleBackground: boolean;
     snapPoints: (number | string)[];

package/dist/components/ui/drawer/DrawerContent.vue.d.ts

@@ -1,5 +1,6 @@
 import type { DialogContentProps } from 'reka-ui';
 import type { HtmlHTMLAttributes } from 'vue';
+import { type Surface } from '../_shared/useSurfaceAxis';
 /**
  * `showOverlay` — render the scrim (AN.W3). Defaults `true` for the modal
  * sheet. The live-behind pattern (`<Drawer mode="live-behind">`) passes
@@ -11,6 +12,9 @@ import type { HtmlHTMLAttributes } from 'vue';
 type __VLS_Props = DialogContentProps & {
     class?: HtmlHTMLAttributes['class'];
     showOverlay?: boolean;
+    /** Surface decoration register (BA.W-SURFACE-AXIS) — the SHARED
+     *  {glass·veil·opaque} axis on top of the `.glass-drawer` recipe. */
+    surface?: Surface;
 };
 declare var __VLS_19: {};
 type __VLS_Slots = {} & {
@@ -31,6 +35,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
+    surface: Surface;
     showOverlay: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/ui/dropdown-menu/DropdownMenuSubContent.vue.d.ts

@@ -3,9 +3,9 @@ import { type DropdownMenuSubContentProps } from 'reka-ui';
 type __VLS_Props = DropdownMenuSubContentProps & {
     class?: HTMLAttributes['class'];
 };
-declare var __VLS_8: {};
+declare var __VLS_14: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     escapeKeyDown: (event: KeyboardEvent) => any;

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

@@ -32,7 +32,6 @@ export * from "./skeleton";
 export * from "./slider";
 export * from "./switch";
 export * from "./table";
-export * from "./tabs";
 export * from "./tags-input";
 export * from "./textarea";
 export * from "./toast";

package/dist/components/ui/metric-pill/MetricPill.vue.d.ts

@@ -1,4 +1,5 @@
 import type { HTMLAttributes } from "vue";
+import { type MetricValue } from "../../../utils";
 /**
  * MetricPill — the speedtest stacked-pill default, composed over `<MetricBadge>`.
  *
@@ -19,13 +20,16 @@ type MetricPillSize = "sm" | "md" | "lg" | "xl";
 type MetricPillLabelPosition = "inline" | "stacked";
 type MetricPillDensity = "comfortable" | "spacious";
 type __VLS_Props = {
-    amount: string | number | null | undefined;
+    /** The primary metric. A valid `0` renders `"0"`, never the placeholder. */
+    value: MetricValue;
     unit?: string;
     label?: string;
     abbreviation?: string;
     color?: string;
+    /** Substitute glyph when value is empty; forwarded to `<MetricBadge>`,
+     *  which owns the shared `coalesceMetric` default. */
     placeholder?: string;
-    /** Defaults to `lg` — the 14px amount / prose-unit ladder rung. */
+    /** Defaults to `lg` — the 14px value / prose-unit ladder rung. */
     size?: MetricPillSize;
     /** Defaults to `stacked` — the 2-row label-above-value reading. */
     labelPosition?: MetricPillLabelPosition;
@@ -35,7 +39,6 @@ type __VLS_Props = {
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     size: MetricPillSize;
-    placeholder: string;
     density: MetricPillDensity;
     labelPosition: MetricPillLabelPosition;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/ui/popover/PopoverContent.vue.d.ts

@@ -1,8 +1,10 @@
 import { type HTMLAttributes } from 'vue';
 import { type PopoverContentProps } from 'reka-ui';
+import { type Surface } from '../_shared/useSurfaceAxis';
 type __VLS_Props = PopoverContentProps & {
     class?: HTMLAttributes['class'];
     portal?: boolean;
+    surface?: Surface;
 };
 declare var __VLS_14: {}, __VLS_23: {};
 type __VLS_Slots = {} & {
@@ -26,6 +28,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
     align: "start" | "center" | "end";
+    surface: Surface;
     sideOffset: number;
     portal: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/ui/progress/ProgressSectioned.vue.d.ts

@@ -2,9 +2,20 @@ import { type HTMLAttributes } from "vue";
 import { type ProgressRootProps } from "reka-ui";
 import { type ProgressSegment } from "./useProgressGeometry";
 /**
- * Sectioned progress variant — the phase-bus (AB.W3.T2). Renders N colour-coded
- * cells with gradient seams between siblings; the active cell carries a spring
- * fill driven by `activeProgress` and a living catch-light sweep.
+ * Sectioned progress variant — the phase-bus (AB.W3.T2; rebuilt on a SINGLE-FILL
+ * gradient paint model at BA.W-PROGRESS-GRADIENT). The bar reads as ONE continuous
+ * blended liquid filling a frosted recessed glass channel: segment colours hold
+ * their identity across their span and blend over short transition zones at the
+ * boundaries, the active front carries the single pill cap + catch-light, and
+ * pending phases keep their real hue as a faint ghost on the track.
+ *
+ * The paint is NOT per-cell rectangles. ONE `.progress-sectioned-flow` element
+ * spans the cumulative filled extent (`filledExtentPct`, derived off the same
+ * `useProgressGeometry` cells[]) and paints ONE `linear-gradient` whose stops are
+ * the segment colours (hard stop-pairs hold each hue crisp; short soft zones at
+ * the boundaries give the blend). No screen-seam band, no internal pill caps, no
+ * dead notch. The pending remainder of the recessed track carries a faint
+ * phase-tinted ghost gradient built from the pending cells' own colours.
  *
  * The single `modelValue` is NOT the truth here — the per-cell state map is. The
  * underlying `[role="progressbar"]` reports a numeric `aria-valuenow` derived from

package/dist/components/ui/select/SelectTrigger.vue.d.ts

@@ -2,17 +2,40 @@ import { type HTMLAttributes } from 'vue';
 import { type SelectTriggerProps } from 'reka-ui';
 type __VLS_Props = SelectTriggerProps & {
     class?: HTMLAttributes['class'];
-    /** 'default' = glass bg; 'ghost' = transparent, no border/shadow */
+    /** 'default' = the shared control REST surface (BA.W-SURFACE-AXIS scope 7 —
+     *  the `.control-surface` register every form control reads at rest, off the
+     *  prior `glass-wash` gray fork); 'ghost' = transparent, no border/shadow */
     variant?: 'default' | 'ghost';
-    /** Height register: 'default' = h-10 (byte-identical), 'sm' = h-9 (compact controls) */
-    size?: 'sm' | 'default';
+    /**
+     * The trigger register — a TWO-RANGE axis (BA.W-MENU-GLASS / BA-VJS-4 WO-3):
+     *  • HEIGHT tiers (`sm` | `default`) ride the `--control-h-*` comfort cohort
+     *    (h-9 / h-10), byte-identical to today.
+     *  • FONT-RUNG tiers (`display` | `audacious`) WRITE the shared picker-family
+     *    `--dropdown-text` token on the Select SCOPE (inline style), so the
+     *    trigger, the SelectValue, AND the item rows re-resolve at ONE scale off
+     *    the ONE documented lever (`offsets-sizing.css` — the items read
+     *    `--dropdown-text` via `menuItemVariants`' `text-dropdown` base). This is
+     *    the fix for the value.js trigger-only `text-display` desync (a 1.59×
+     *    trigger/items break): a consumer scaling the picker font reaches for the
+     *    PROP, which sets the FAMILY token, NOT a trigger-local `text-*` class that
+     *    leaves the items behind. The font rung carries a height too so the box
+     *    grows with the type. The height tiers stay; the font rung is ADDITIVE
+     *    (a consumer who never sets it keeps today's resolved sizes).
+     *
+     *  NOTE on the portal: `<SelectContent>` PORTALS to body, so the inline
+     *  `--dropdown-text` on the trigger reaches the trigger/value/chevron directly;
+     *  the items re-resolve when the consumer also threads the rung on the shared
+     *  Select scope (the documented family lever). For a single self-scaling
+     *  trigger the rung scales the visible trigger silhouette.
+     */
+    size?: 'sm' | 'default' | 'display' | 'audacious';
 };
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    size: "sm" | "default";
+    size: "sm" | "default" | "display" | "audacious";
     variant: "default" | "ghost";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/ui/sheet/SheetContent.vue.d.ts

@@ -2,9 +2,15 @@ import { type HTMLAttributes } from 'vue';
 import { type DialogContentProps } from 'reka-ui';
 import { type SheetVariants } from '.';
 import { type SpringPreset } from '../../../composables/motion/useSpringMount';
+import { type Surface } from '../_shared/useSurfaceAxis';
 interface SheetContentProps extends DialogContentProps {
     class?: HTMLAttributes['class'];
     side?: SheetVariants['side'];
+    /** Surface decoration register (BA.W-SURFACE-AXIS) — the SHARED
+     *  {glass·veil·opaque} axis. `glass` (default) renders the floating glass tier
+     *  sheetVariants already bakes; `veil` overlays the borderless text-legibility
+     *  plate; `opaque` sets `--glass-level:0` (the solid-card escape). */
+    surface?: Surface;
     /**
      * Opt into iOS spring-physics entrance via `useSpringMount` (W13). When
      * truthy, the sheet slides from off-edge via a `useSpring`-driven

package/dist/components/ui/skeleton/Skeleton.vue.d.ts

@@ -21,12 +21,15 @@ import type { HTMLAttributes } from 'vue';
  * (opacity-min) — the surface still reads but no longer cycles.
  */
 type SkeletonVariant = 'pulse' | 'shimmer' | 'breath';
+type SkeletonSurface = 'glass' | 'opaque';
 type __VLS_Props = {
     variant?: SkeletonVariant;
+    surface?: SkeletonSurface;
     class?: HTMLAttributes['class'];
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     variant: SkeletonVariant;
+    surface: SkeletonSurface;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/ui/slider/index.d.ts

@@ -10,31 +10,34 @@ export { default as Slider } from './Slider.vue';
  * (`--slider-track-height`, `--slider-thumb-size`) the SFC defaults read.
  *
  * Exactly two canonical recipes ship:
- *   standard — the CONTINUOUS ROUNDED CYLINDER: a THICK glass capsule track with
- *              the round knob INSCRIBED inside it (knob diameter = track height −
- *              2×inset, inset 2px) so the whole reads as ONE continuous piece — a
- *              ball-bearing seated in the cylinder, never a floating disc on a
- *              wire. The fill is the W52 liquid-glass material (backdrop + edge
- *              rim, tinted to `--primary`) pulled along the capsule; the knob
- *              rides ON it with zero protrusion (`thumbAlignment: 'contain'`).
- *              The reka SliderThumb stays mounted (a11y/keyboard/focus) and
- *              carries a faint specular grip. Halo-on-state + the iOS press
- *              spring. This is the general-purpose glass scrubber and the default.
+ *   standard — the CONTINUOUS GLASS CYLINDER with NO VISIBLE THUMB AT ALL (the
+ *              user's binding bar, USER-AUDIT-2026-06-10 §B3): you pull the TRACK
+ *              itself. A THICK glass capsule track; the filled `.slider-range`
+ *              glass cylinder (the W52 liquid-glass material — backdrop + edge rim,
+ *              tinted to `--primary`) is pulled along it, and its leading EDGE IS
+ *              the handle — the only affordance is the fill edge + the cursor/touch
+ *              response. The reka `<SliderThumb>` STAYS MOUNTED (a11y/keyboard/drag/
+ *              value-follow native on it) but paints INVISIBLE: width 0, opacity 0,
+ *              transparent — no distinct disc/cap/ring over the continuous
+ *              cylinder. Keyboard focus rings the TRACK (the W-PRIM-POLISH focus
+ *              register), not the invisible thumb; hover/held lift the track FILL's
+ *              edge rim; the iOS press spring gives the whole fill a felt squish.
+ *              This is the general-purpose glass scrubber and the default.
  *   spectrum — the value.js gradient-track color slider: a tall capsule whose
  *              background is a consumer-supplied `--slider-track-bg`
  *              linear-gradient (the LCH/hue ramp), a transparent range, and a
- *              SQUIRCLE thumb the HEIGHT of the track (the iOS color-picker
- *              idiom — `corner-shape: superellipse()` via `--corner-shape-thumb`,
+ *              THIN VISIBLE squircle thumb the HEIGHT of the track (the iOS/value.js
+ *              color-picker idiom — a slim vertical bar, `w-3`-thin per the value.js
+ *              reference; `corner-shape: superellipse()` via `--corner-shape-thumb`,
  *              @supports-gated over a generous proportional round fallback that
  *              reads squircle-adjacent cross-engine). This is the aurora/blob
- *              color-picking surface. The spectrum already obeys the containment
- *              law the standard cylinder now matches (thumb inscribed, protrusion 0).
+ *              color-picking surface — its thumb IS visible (it is the handle).
  *
- * Sizes — the standard cylinder inscribes the knob: track height = thumb + 4px
- * (a 2px inset reveal each side), thumb diameter ≤ track height at every rung:
- *   sm — 12px track / 8px thumb
- *   md — 20px track / 16px thumb (default)
- *   lg — 28px track / 24px thumb
+ * Sizes — the standard cylinder is the thick glass capsule (the invisible thumb's
+ * value-follow inset still rides the size token for the 44px coarse hit-halo):
+ *   sm — 12px track
+ *   md — 20px track (default)
+ *   lg — 28px track
  */
 export declare const sliderVariants: (props?: ({
     variant?: "standard" | "spectrum" | null | undefined;

package/dist/components/ui/tabs/TabsIndicator.vue.d.ts

@@ -2,7 +2,10 @@ import { type HTMLAttributes } from "vue";
 import { type TabsIndicatorProps } from "reka-ui";
 type __VLS_Props = TabsIndicatorProps & {
     class?: HTMLAttributes["class"];
+    surface?: boolean;
 };
-declare const __VLS_export: 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: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    surface: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/ui/toast/use-toast.d.ts

@@ -19,7 +19,7 @@ type ToasterToast = Toast & {
     description?: string;
     action?: Component | VNode;
     open?: boolean;
-    onOpenChange?: (open: boolean) => void;
+    'onUpdate:open'?: (open: boolean) => void;
 };
 type ToastOptions = Omit<ToasterToast, 'id'>;
 declare function toast(props: ToastOptions): {
@@ -160,7 +160,7 @@ declare function useToast(): {
          | undefined;
         duration?: number | undefined;
         open?: boolean | undefined;
-        onOpenChange?: ((open: boolean) => void) | undefined;
+        'onUpdate:open'?: ((open: boolean) => void) | undefined;
     }[]>;
     toast: typeof toast;
     dismiss: (toastId?: string) => void;

package/dist/components/ui/toggle/Toggle.vue.d.ts

@@ -16,7 +16,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     size: "default" | "sm" | "lg" | null;
-    variant: "default" | "outline" | "glass" | "card" | null;
+    variant: "default" | "outline" | "card" | null;
     disabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;