@mkbabb/glass-ui 5.0.0 → 6.0.0

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

@@ -1,10 +1,9 @@
-export { DialogPortal as DrawerPortal, DialogTrigger as DrawerTrigger, DialogClose as DrawerClose, } from "reka-ui";
+export { DialogTrigger as DrawerTrigger, DialogClose as DrawerClose, } from "reka-ui";
 /**
  * Drawer drag/slide direction (BB.W-DRAWER-ABROGATE). `bottom` (default) + `top`
- * are the peek/half/full bottom-sheet axes; `left`/`right` are the side-lens
- * full-slide axes. The house snap engine (`useDrawerSnap`) resolves the default
- * detent ladder FROM this (BB-2): bottom/top → `[0.12, 0.5, 1]`, left/right →
- * a full-slide (no detents).
+ * can carry peek/half/full detents; `left`/`right` are the side-lens full-slide
+ * axes. Only `mode="live-behind"` resolves a default ladder (bottom/top →
+ * `[0.12, 0.5, 1]`); ordinary modal drawers without `snapPoints` rest fully open.
  */
 export type DrawerDirection = "top" | "bottom" | "left" | "right";
 /**
@@ -27,7 +26,6 @@ export type DrawerMode = "modal" | "live-behind";
  */
 export type DrawerStage = "none" | "dim" | "scale" | "immersive";
 export { default as Drawer } from "./Drawer.vue";
-export { default as DrawerOverlay } from "./DrawerOverlay.vue";
 export { default as DrawerContent } from "./DrawerContent.vue";
 export { default as DrawerHeader } from "./DrawerHeader.vue";
 export { default as DrawerFooter } from "./DrawerFooter.vue";

package/dist/components/drawer/styles.css

@@ -0,0 +1 @@
+@property --glass-drawer-t { syntax: "<number>"; inherits: false; initial-value: 0; } @property --stage-t { syntax: "<number>"; inherits: false; initial-value: 0; } [data-stage-scrim][data-stage-flip], [data-stage-wrapper][data-stage-flip] { transition: --stage-t var(--spring-snappy-duration, 0.4s) var(--spring-snappy, ease); } :root { --drawer-inset-block-end: 0px; --drawer-handle-w: 2.25rem; --drawer-handle-h: 0.3125rem; --drawer-handle-color: var(--muted-foreground); --drawer-handle-opacity: 0.45; --drawer-handle-opacity-active: 0.85; --drawer-snap-rule-color: color-mix(in srgb, var(--border) 60%, transparent); } .glass-drawer { position: fixed; inset-inline: 0; bottom: 0; z-index: var(--z-modal); display: flex; flex-direction: column; height: auto; max-height: 97vh; margin-top: 6rem; border-bottom: 0; border-start-start-radius: var(--radius-panel); border-start-end-radius: var(--radius-panel); } .glass-drawer[data-mode="live-behind"] { z-index: calc(var(--z-dock) - 1); } .glass-drawer[data-surface="veil"] { --veil-bg: color-mix( in oklab, var(--glass-bg-quiet), var(--glass-tint-source) var(--glass-tint-strength) ); --veil-blur: var(--glass-blur-quiet); background: var(--veil-bg); -webkit-backdrop-filter: var(--veil-blur); backdrop-filter: var(--veil-blur); -webkit-backdrop-filter: var(--veil-blur); border: none; box-shadow: none; } .glass-drawer[data-surface="opaque"] { --glass-level: 0; --glass-tint-strength: 0%; background: color-mix(in srgb, var(--card), transparent 0%); -webkit-backdrop-filter: none; backdrop-filter: none; -webkit-backdrop-filter: none; } .glass-drawer[data-glass-drawer-snap-points="true"] { height: 100%; max-height: 100%; margin-top: 0; } .glass-drawer[data-glass-drawer-snap-points="true"][data-glass-drawer-direction="bottom"] { bottom: var(--drawer-inset-block-end); height: calc(100% - var(--drawer-inset-block-end)); max-height: calc(100% - var(--drawer-inset-block-end)); } .glass-drawer[data-glass-drawer-snap-points="true"] { --sheet-descent: clamp(0, calc(var(--stage-t) / 0.85), 1); --sheet-freeze: clamp(0, calc((var(--stage-t) - 0.85) / 0.15), 1); --sheet-crown: color-mix( in oklab, color-mix( in oklab, var(--glass-bg-overlay), var(--glass-tint-source) var(--glass-tint-strength) ), var(--glass-bg-sheet) calc(var(--sheet-descent) * 100%) ); --sheet-solid: color-mix( in oklab, var(--card), var(--glass-capsule-warm) var(--glass-capsule-warm-floor, 16%) ); background: color-mix( in oklab, var(--sheet-crown), var(--sheet-solid) calc(var(--sheet-freeze) * 100%) ); --glass-blur-engage-t: calc( clamp(0, calc(var(--glass-drawer-t) / var(--glass-blur-engage-knee, 0.35)), 1) * (1 - var(--sheet-freeze)) ); -webkit-backdrop-filter: blur( calc(var(--glass-blur-overlay-radius, 20px) * var(--glass-blur-engage-t)) ) saturate(1.6); backdrop-filter: blur( calc(var(--glass-blur-overlay-radius, 20px) * var(--glass-blur-engage-t)) ) saturate(1.6); } .glass-drawer[data-glass-drawer-snap-points="true"][data-surface="opaque"] { background: color-mix(in srgb, var(--card), transparent 0%); -webkit-backdrop-filter: none; backdrop-filter: none; -webkit-backdrop-filter: none; } .glass-drawer[data-glass-drawer-direction="top"] { bottom: auto; top: 0; margin-top: 0; margin-bottom: 6rem; border-top: 0; border-bottom: 1px solid var(--glass-border-overlay); border-radius: 0 0 var(--radius-panel) var(--radius-panel); } .glass-drawer[data-glass-drawer-direction="left"], .glass-drawer[data-glass-drawer-direction="right"] { inset-inline: auto; inset-block: 0; height: 100%; max-height: 100%; width: min(24rem, 92vw); margin: 0; border: 1px solid var(--glass-border-overlay); } .glass-drawer[data-glass-drawer-direction="left"] { left: 0; border-left: 0; border-radius: 0 var(--radius-panel) var(--radius-panel) 0; } .glass-drawer[data-glass-drawer-direction="right"] { right: 0; border-right: 0; border-radius: var(--radius-panel) 0 0 var(--radius-panel); } .glass-drawer-handle { flex-shrink: 0; display: flex; align-items: center; justify-content: center; min-block-size: var(--touch-target, 2.75rem); padding-block: 0.75rem 0.5rem; touch-action: none; cursor: grab; } .glass-drawer-handle:focus-visible { outline: none; } .glass-drawer-handle:focus-visible .glass-drawer-grip { opacity: var(--drawer-handle-opacity-active); box-shadow: 0 0 0 3px var(--focus-ring-color); } .glass-drawer-grip { display: block; width: var(--drawer-handle-w); height: var(--drawer-handle-h); border-radius: var(--radius-pill); background-color: var(--drawer-handle-color); opacity: var(--drawer-handle-opacity); transition: opacity var(--duration-fast) var(--ease-out), width var(--duration-fast) var(--ease-out); } .glass-drawer-handle[data-dragging] .glass-drawer-grip, .glass-drawer-handle:active .glass-drawer-grip, .glass-drawer:hover .glass-drawer-grip { opacity: var(--drawer-handle-opacity-active); width: calc(var(--drawer-handle-w) * 1.15); } .glass-drawer-snap-rule { height: 1px; margin-inline: calc(var(--radius-panel) * -0.5); border: 0; background-color: var(--drawer-snap-rule-color); } [data-stage-scrim] { background: color-mix( in srgb, var(--overlay-scrim-ink) calc((0.28 + clamp(0, var(--stage-t), 1) * 0.44) * 100%), transparent ); } [data-stage-wrapper][data-stage-scale] { scale: calc(1 - 0.05 * clamp(0, var(--stage-t), 1)); border-radius: calc(var(--radius-panel) * clamp(0, var(--stage-t), 1)); transform-origin: 50% 0; overflow: clip; } [data-stage-scrim][data-stage-immersive] { -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); } @media (prefers-reduced-motion: reduce) { .glass-drawer-grip { transition: none; } }

package/dist/components/dropdown-menu/DropdownMenuContent.vue.d.ts

@@ -22,9 +22,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onInteractOutside?: ((event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
-    align: "center" | "start" | "end";
     surface: Surface;
     sideOffset: number;
+    align: "end" | "start" | "center";
 }, {}, {}, {}, 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/dropdown-menu/DropdownMenuTrigger.vue.d.ts

@@ -1,9 +1,15 @@
 import { type DropdownMenuTriggerProps } from 'reka-ui';
-declare var __VLS_8: {};
+export type DropdownMenuTriggerAction = 'click' | 'pointerdown';
+type __VLS_Props = DropdownMenuTriggerProps & {
+    action?: DropdownMenuTriggerAction;
+};
+declare var __VLS_12: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_12) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<DropdownMenuTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DropdownMenuTriggerProps> & 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<{}>, {
+    action: DropdownMenuTriggerAction;
+}, {}, {}, {}, 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/dropdown-menu/index.d.ts

@@ -1,4 +1,3 @@
-export { DropdownMenuPortal } from 'reka-ui';
 export type { MenuTrigger } from './useMenuTrigger';
 export { default as DropdownMenu } from './DropdownMenu.vue';
 export { default as DropdownMenuTrigger } from './DropdownMenuTrigger.vue';

package/dist/components/easing/EasingConfigurator.vue.d.ts

@@ -22,8 +22,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: EasingPickerValue | undefined) => any) | undefined;
 }>, {
-    label: string;
     name: string;
+    label: string;
     mode: EasingPickerMode;
     steps: number;
     preset: string;

package/dist/components/easing/EasingPicker.vue.d.ts

@@ -20,11 +20,11 @@ type __VLS_ModelProps = {
     modelValue?: EasingPickerValue;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_78: {
+declare var __VLS_122: {
     value: EasingPickerValue;
 };
 type __VLS_Slots = {} & {
-    footer?: (props: typeof __VLS_78) => any;
+    footer?: (props: typeof __VLS_122) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: EasingPickerValue | undefined) => any;

package/dist/components/easing/composables/useEasingPicker.d.ts

@@ -69,7 +69,11 @@ export interface UseEasingPickerReturn {
         height: number;
     }>;
     progress: Ref<number>;
+    playing: Ref<boolean>;
+    playbackState: ComputedRef<"idle" | "playing" | "complete">;
+    reducedMotion: Ref<boolean>;
     playTravel: () => void;
+    cancelTravel: () => void;
     stopTravel: () => void;
 }
 /**

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

@@ -26,3 +26,5 @@ export declare const VIEWBOX_FIT_SAMPLES = 16;
 export declare const TRAVEL_DURATION_MS = 1200;
 /** The copy-feedback dwell (ms). */
 export declare const COPY_FEEDBACK_MS = 1400;
+/** Maximum wait for a Clipboard write before offering manual selection (ms). */
+export declare const COPY_ATTEMPT_TIMEOUT_MS = 2000;

package/dist/components/fading-scroll/composables/useFadingScroll.d.ts

@@ -1,11 +1,11 @@
 import type { MaybeRef, Ref } from "vue";
 export interface UseFadingScrollOptions {
     /** Scroll axis. `"x"` reads scrollLeft/Width; `"y"` reads scrollTop/Height. Default `"x"`. */
-    axis?: "x" | "y";
+    axis?: MaybeRef<"x" | "y">;
     /** Feather the start edge once scrolled past the start. Default `true`. */
-    fadeStart?: boolean;
+    fadeStart?: MaybeRef<boolean>;
     /** Feather the end edge while trailing overflow remains. Default `true`. */
-    fadeEnd?: boolean;
+    fadeEnd?: MaybeRef<boolean>;
 }
 export interface UseFadingScrollControls {
     /** True when this composable is the ACTIVE writer (the native timeline is absent). */

package/dist/components/fourier-field/FourierField.vue.d.ts

@@ -1,6 +1,7 @@
 import type { ColorResolver, OklchStop } from "../../composables/color";
 import { type BasisComponent } from "./math";
 import type { FourierFieldConfig } from "./constants";
+import type { RendererStatus } from "../../composables/glass/webgpu/rendererStatus";
 /**
  * FourierField — a Fourier epicycle field on the GPU substrate (BC.W-VIZ-FOURIER), a
  * sibling primitive to Aurora, GooBlob, and DotFlowField. A chain of rotating circles
@@ -46,7 +47,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     wake: () => void;
     renderAt: (timeSec: number) => void;
     setHeadT: (t: number) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    rendererStatus: Readonly<import("vue").Ref<RendererStatus, RendererStatus>>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    rendererStatus: (status: RendererStatus) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRendererStatus?: ((status: RendererStatus) => any) | undefined;
+}>, {
     seed: string;
     freeze: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/fourier-field/composables/useFourierField.d.ts

@@ -1,5 +1,5 @@
 import { type Ref } from "vue";
-import { type GpuBackend } from "../../../composables/glass/webgpu/useGpuSubstrate";
+import { type GpuBackend, type RendererStatus } from "../../../composables/glass/webgpu/useGpuSubstrate";
 import type { OklchStop } from "../../../composables/color";
 import type { FourierFieldConfig } from "../constants";
 import type { BasisComponent } from "../math";
@@ -47,6 +47,7 @@ export interface FourierFieldHandle {
     readonly reducedMotion: boolean;
     /** The current loop parameter `head_t ∈ [0,1)` (the scrubber reads/writes it). */
     readonly headT: number;
+    readonly rendererStatus: Readonly<Ref<RendererStatus>>;
     /** Scrub the clock directly (the transport scrubber / a pointer drag). */
     setHeadT: (t: number) => void;
     /** Tear down the renderer + release GPU/GL resources. */

package/dist/components/handmark/HandMark.vue.d.ts

@@ -8,9 +8,9 @@ declare const __VLS_base: import("vue").DefineComponent<HandMarkProps, {
     play: typeof play;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<HandMarkProps> & Readonly<{}>, {
     color: string;
-    animation: import("./types").HandAnimation;
     seed: number;
     shape: import("./types").HandShape;
+    animation: import("./types").HandAnimation;
     appear: "mount" | "visible" | "manual";
     jagged: boolean;
     brush: import("./brush").BrushName | Partial<import("./brush").Brush>;

package/dist/components/handmark/geometry.d.ts

@@ -12,7 +12,7 @@
  *   - text mode (box == null): use the full viewBox (single-line underline/strike)
  *   - positioned mode (box = {x,y,w,h}): map an explicit rect (circle a datum)
  *
- * The circle arm rides pencil-boil 0.4.x's `ellipsePoints` (the hand-circle
+ * The circle arm rides pencil-boil's `ellipsePoints` (the hand-circle
  * overshoot ring — the sole upstream geometry delta this component required).
  *
  * THE SEED RECONCILE (BA.W-HANDMARK [S2]): the wobble centerlines are seeded from

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

@@ -1,11 +1,9 @@
 /**
  * handmark — the ./handmark barrel (SPEC §11).
  * ─────────────────────────────────────────────────────────────────────────────
- * `HandMark` is the generic export; `InkMark` is the prose alias the atlas/slides
- * import so call sites read as prose (one implementation, zero divergence). The
- * pure L1–L3 functions ship too — they are framework-free, directly usable in
- * slides decks, D3 charts (call `shapeGeom`/`ellipsePoints` to ink a path), even
- * canvas.
+ * `HandMark` is the sole public component name. The pure L1–L3 functions ship
+ * too — they are framework-free, directly usable in slides decks, D3 charts
+ * (call `shapeGeom`/`ellipsePoints` to ink a path), even canvas.
  *
  * The DEFAULT is `pen` (clean ink, grain:0 ⇒ no filter, zero extra dep). The
  * `@mkbabb/pencil-boil` geometry + `perfect-freehand` body are OPTIONAL PEERS;
@@ -17,7 +15,7 @@
  * editorial draw-on underline is `<HandMark shape="underline" animation="draw-on">`;
  * the natural pencil-boil morphology is the `boil` brush.
  */
-export { default as HandMark, default as InkMark } from "./HandMark.vue";
+export { default as HandMark } from "./HandMark.vue";
 export { BRUSHES, resolveBrush, lerpBrush, type Brush, type BrushName, type BlendMode, type TaperSpec, type StampFn, type InkPath, } from "./brush";
 export { shapeGeom, serialize, boilLines, naturalUnderlinePoints, VB_W, VB_H, UNDERLINE_GAP, type ShapeGeom, } from "./geometry";
 export { ink, type SVGFragment } from "./ink";

package/dist/components/icon-chip/styles.css

@@ -0,0 +1 @@
+@import "../../styles/glass/glass-atom.css"; @import "../../styles/glass/glass-chip.css"; :root { --icon-chip-glyph-ratio: 2.18; --icon-chip-duotone-fill: 18%; --icon-chip-plate-strength: 25%; --icon-chip-bloom-mix: 35%; --icon-chip-bloom-glow: 28%; --icon-chip-reveal-step: 60ms; } .icon-chip { --_icon-chip-floor: calc( var(--icon-chip-glyph-size, 22px) * var(--icon-chip-glyph-ratio) ); inline-size: max(var(--icon-chip-size, 48px), var(--_icon-chip-floor)); block-size: max(var(--icon-chip-size, 48px), var(--_icon-chip-floor)); display: inline-flex; align-items: center; justify-content: center; border-radius: var(--radius-pill, 9999px); background-color: color-mix( in srgb, var(--icon-chip-plate-color, var(--muted)) var(--icon-chip-plate-strength), transparent ); color: var(--icon-chip-event-color, var(--muted-foreground)); transition: background-color var(--duration-fast, 150ms) var(--ease-standard), box-shadow var(--duration-fast, 150ms) var(--ease-standard), transform var(--duration-fast, 150ms) var(--ease-out); } .icon-chip__glyph { display: block; flex-shrink: 0; } .icon-chip--bare { inline-size: auto; block-size: auto; background-color: transparent; border-radius: 0; } .icon-chip--saturated { --icon-chip-plate-strength: 40%; } .icon-chip--glass { background-color: transparent; } @media (hover: hover) { .icon-chip--glass.icon-chip--bloom:hover { background-color: transparent; } } .icon-chip--duotone[data-duotone] svg, .icon-chip[data-duotone] .icon-chip__glyph { fill: color-mix( in srgb, var(--icon-chip-event-color, var(--muted-foreground)) var(--icon-chip-duotone-fill), transparent ); } @media (hover: hover) { .icon-chip--bloom:hover { background-color: color-mix( in srgb, var(--icon-chip-plate-color, var(--muted)) var(--icon-chip-bloom-mix), transparent ); box-shadow: 0 0 0 0.25rem color-mix( in srgb, var(--icon-chip-event-color, var(--muted-foreground)) var(--icon-chip-bloom-glow), transparent ); transform: scale(var(--icon-chip-bloom-scale, 1.06)); transition: background-color var(--duration-fast, 150ms) var(--ease-standard), box-shadow var(--duration-fast, 150ms) var(--ease-standard), transform var(--spring-smooth-duration) var(--spring-smooth); } .icon-chip--bloom:hover .icon-chip__glyph { stroke-width: 2; } } @media (prefers-reduced-motion: no-preference) { .icon-chip--reveal[data-reveal] { animation: icon-chip-reveal var(--spring-snappy-duration) var(--spring-snappy) both; animation-delay: calc(var(--d, 0) * var(--icon-chip-reveal-step)); } } @keyframes icon-chip-reveal { from { opacity: 0; transform: scale(0.85) translateY(0.25rem); } to { opacity: 1; transform: none; } } @media (prefers-reduced-motion: reduce) { .icon-chip--bloom:hover { transform: none; } .icon-chip--bloom:hover .icon-chip__glyph { stroke-width: inherit; } .icon-chip--reveal[data-reveal] { animation: none; } }

package/dist/components/index.d.ts

@@ -21,7 +21,6 @@ export * from "./number-field";
 export * from "./popover";
 export * from "./progress";
 export * from "./radio-group";
-export * from "./section";
 export * from "./select";
 export * from "./separator";
 export * from "./skeleton";

package/dist/components/infinite-scroll/index.d.ts

@@ -1 +1,2 @@
 export { default as InfiniteScroll } from "./InfiniteScroll.vue";
+export * from "./composables";

package/dist/components/instrument-chassis/styles.css

@@ -0,0 +1 @@
+@layer components { .instrument-chassis { position: relative; display: flex; flex-direction: column; background: var(--glass-curvature-overlay, none), color-mix( in oklab, var(--glass-bg-chassis), var(--phase-color, var(--muted-foreground)) var(--phase-tint-amount, 0%) ); transition: --phase-tint-amount var(--motion-duration-phase-handoff, 600ms) var(--motion-ease-standard); -webkit-backdrop-filter: var(--glass-blur-quiet); backdrop-filter: var(--glass-blur-quiet); border: 1px solid var(--glass-border-wash); border-radius: var(--radius-card); box-shadow: var(--glass-shadow-quiet), inset 0 -0.5px 0 0 rgb(0 0 0 / 0.06); overflow: hidden; --phase-color: var(--muted-foreground); --phase-color-label: var(--muted-foreground); --phase-complete-color: var(--color-gold); --phase-complete-color-label: var(--color-gold-dark, var(--color-gold)); container: chassis / inline-size; } .dark .instrument-chassis { background: var(--glass-curvature-overlay-dark, var(--glass-curvature-overlay, none)), color-mix( in oklab, var(--glass-bg-chassis), var(--phase-color, var(--muted-foreground)) var(--phase-tint-amount, 0%) ); } .instrument-chassis::before { content: ""; position: absolute; inset: 0.5px; border-radius: calc(var(--radius-card) - 0.5px); border: 1px solid var(--surface-tint-4); pointer-events: none; z-index: 1; } .dark .instrument-chassis::before { border-color: var(--surface-tint-6); } .instrument-chassis[data-variant="spine"] { background: var(--glass-spine-vignette); -webkit-backdrop-filter: none; backdrop-filter: none; border: 1px solid var(--glass-spine-border); box-shadow: var(--glass-under-shadow-spine); margin: clamp(0.5rem, 2vw, 1.25rem); } .instrument-chassis[data-variant="spine"]::before { display: none; } .instrument-chassis[data-variant="structure"] { border-color: color-mix(in oklab, var(--color-silver-dark) 55%, transparent); } .instrument-chassis[data-variant="structure"]::before { border-color: color-mix(in oklab, var(--color-silver-light) 60%, transparent); } .dark .instrument-chassis[data-variant="structure"]::before { border-color: color-mix(in oklab, var(--color-silver) 40%, transparent); } .instrument-chassis[data-variant="structure"] { --twin-line-catch: color-mix( in oklab, var(--color-silver-light) 50%, transparent ); --twin-line-shadow: color-mix( in oklab, var(--color-silver-dark) 40%, transparent ); } .instrument-chassis[data-phase="ping"] { --phase-color: var(--chart-ping, var(--viz-chebyshev)); --phase-color-label: var( --chart-ping-label, var(--chart-ping, var(--viz-chebyshev)) ); --phase-tint-amount: var(--phase-tint-peak); } .instrument-chassis[data-phase="download"] { --phase-color: var(--chart-download, var(--viz-fourier)); --phase-color-label: var( --chart-download-label, var(--chart-download, var(--viz-fourier)) ); --phase-tint-amount: var(--phase-tint-peak); } .instrument-chassis[data-phase="upload"] { --phase-color: var(--chart-upload, var(--viz-amber)); --phase-color-label: var( --chart-upload-label, var(--chart-upload, var(--viz-amber)) ); --phase-tint-amount: var(--phase-tint-peak); } .instrument-chassis[data-phase="jitter"] { --phase-color: var(--chart-jitter, var(--viz-legendre)); --phase-color-label: var( --chart-jitter-label, var(--chart-jitter, var(--viz-legendre)) ); --phase-tint-amount: var(--phase-tint-peak); } .instrument-chassis[data-phase="complete"] { --phase-color: var(--phase-complete-color); --phase-color-label: var(--phase-complete-color-label); --phase-tint-amount: var(--phase-tint-peak); } @media (prefers-reduced-motion: reduce) { .instrument-chassis { transition: none; } } .instrument-strip { position: relative; display: flex; align-items: center; gap: var(--instrument-strip-gap, 0.75rem); padding: var(--instrument-strip-padding-block, 0.875rem) var(--instrument-strip-padding-inline, 1.25rem); z-index: 2; } .instrument-dial { position: relative; display: grid; grid-template-columns: var( --instrument-dial-columns, minmax(0, 1.2fr) 1px minmax(0, 1fr) ); align-items: center; gap: var(--instrument-dial-gap, 1.5rem); padding: var(--instrument-dial-padding-block, 1.5rem) var(--instrument-dial-padding-inline, 1.5rem); z-index: 2; } .instrument-control { position: relative; display: flex; align-items: center; gap: var(--instrument-control-gap, 0.5rem); padding: var(--instrument-control-padding-block, 0.875rem) var(--instrument-control-padding-inline, 1.25rem); z-index: 2; } .chassis-divider { @apply twin-line-divider; flex-shrink: 0; position: relative; background: transparent; z-index: 2; pointer-events: none; } .chassis-divider--horizontal { display: flex; flex-direction: column; height: 2px; width: 100%; } .chassis-divider--vertical { display: flex; flex-direction: row; width: 2px; height: var(--chassis-divider-vertical-height, 70%); align-self: center; justify-self: center; } .bezel-line { display: block; flex-shrink: 0; } .chassis-divider--horizontal .bezel-line { height: 1px; width: 100%; } .chassis-divider--vertical .bezel-line { width: 1px; height: 100%; } .bezel-line.top { background: var(--twin-line-catch); } .bezel-line.bottom { background: var(--twin-line-shadow); } .instrument-chassis .dial-divider { align-self: stretch; } @container chassis (max-width: 44.9375rem) { .instrument-chassis .instrument-dial { grid-template-columns: 1fr; grid-template-rows: var(--instrument-dial-meter-reserve-mobile, minmax(0, 1fr)) auto auto; min-height: var(--instrument-dial-min-height-mobile, 24rem); gap: var(--instrument-dial-gap-mobile, 1.5rem); } .instrument-chassis .instrument-dial .dial-divider, .instrument-chassis .instrument-dial .chassis-divider--vertical { flex-direction: column; width: 70%; height: 2px; margin-inline: auto; } .instrument-chassis .instrument-dial .dial-divider .bezel-line, .instrument-chassis .instrument-dial .chassis-divider--vertical .bezel-line { width: 100%; height: 1px; } } @container chassis (min-width: 45rem) { .instrument-chassis .instrument-dial { min-block-size: var( --instrument-dial-min-block-size-desktop, var(--chassis-max-block-size) ); } } }

package/dist/components/labeled-field/LabeledField.vue.d.ts

@@ -36,7 +36,9 @@ import { type HTMLAttributes } from "vue";
  * so the message is announced when shown. The region's id is exposed as the
  * default slot's `errorId` slot-prop so the slotted control can bind
  * `aria-errormessage="errorId"` (the four wrappers auto-wire it; a raw
- * `<LabeledField>` slot binds it manually).
+ * `<LabeledField>` slot binds it manually). It is polite by default; a form
+ * with one summary live region can set `errorLive="off"` to avoid duplicate
+ * submit announcements.
  *
  * # LabeledField vs ConfiguratorRow — recorded divergence (AZ.W-METRIC-UNIFY §B)
  *
@@ -59,6 +61,12 @@ type __VLS_Props = {
     tooltip?: string;
     labelClass?: HTMLAttributes["class"];
     required?: boolean;
+    /**
+     * Controls whether this field's error announces itself. A form-level
+     * summary can set this to `off` so one submit does not create competing
+     * live-region announcements.
+     */
+    errorLive?: "off" | "polite" | "assertive";
     /**
      * AZ.W-BLOB-REDRESS — render the field's own label `sr-only` (kept in the
      * DOM for the control↔label a11y association) instead of visibly. Use when
@@ -97,7 +105,9 @@ type __VLS_Slots = {} & {
 } & {
     error?: (props: typeof __VLS_13) => 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_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    errorLive: "off" | "polite" | "assertive";
+}, {}, {}, {}, 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/labeled-field/LabeledInput.vue.d.ts

@@ -1,25 +1,32 @@
+import { type InputHTMLAttributes } from "vue";
 type __VLS_Props = {
     modelValue: string | number;
     label: string;
-    tooltip: string;
+    tooltip?: string;
     labelClass?: string;
     inputClass?: string;
     type?: string;
+    autocomplete?: InputHTMLAttributes["autocomplete"];
+    inputmode?: InputHTMLAttributes["inputmode"];
+    enterkeyhint?: InputHTMLAttributes["enterkeyhint"];
+    pattern?: InputHTMLAttributes["pattern"];
+    placeholder?: InputHTMLAttributes["placeholder"];
     /**
      * AQ.W4 §W4.5 — mark the field required. Threads the `aria-hidden`
      * asterisk onto the label AND sets the native `required` attribute on the
      * inner `<Input>` (the semantic carrier that drives `:user-invalid`).
      */
     required?: boolean;
+    errorLive?: "off" | "polite" | "assertive";
 };
 declare var __VLS_17: {};
 type __VLS_Slots = {} & {
     error?: (props: typeof __VLS_17) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
+    "update:modelValue": (value: string | number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {}, {}, {}, {}, 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/liquid-grid/LiquidGrid.vue.d.ts

@@ -1,4 +1,5 @@
 import type { LiquidGridConfig } from "./constants";
+import type { RendererStatus } from "../../composables/glass/webgpu/rendererStatus";
 /**
  * LiquidGrid — a liquid AA-grid: evenly-spaced LARGER lines on a slowly breathing
  * curl-flow sheet.
@@ -33,9 +34,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     resume: () => void;
     wake: () => void;
     renderAt: (timeSec: number) => void;
+    rendererStatus: Readonly<import("vue").Ref<RendererStatus, RendererStatus>>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    rendererStatus: (status: RendererStatus) => any;
     "update:paused": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRendererStatus?: ((status: RendererStatus) => any) | undefined;
     "onUpdate:paused"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/liquid-grid/composables/useLiquidGrid.d.ts

@@ -1,5 +1,5 @@
 import { type Ref } from "vue";
-import { type GpuBackend } from "../../../composables/glass/webgpu/useGpuSubstrate";
+import { type GpuBackend, type RendererStatus } from "../../../composables/glass/webgpu/useGpuSubstrate";
 import type { LiquidGridConfig } from "../constants";
 export interface UseLiquidGridOptions {
     config: LiquidGridConfig;
@@ -20,6 +20,7 @@ export interface LiquidGridHandle {
     renderAt: (timeSec: number) => void;
     /** The live `prefers-reduced-motion: reduce` state. */
     readonly reducedMotion: boolean;
+    readonly rendererStatus: Readonly<Ref<RendererStatus>>;
     /** Tear down the renderer + release GPU/GL resources. */
     dispose: () => void;
 }

package/dist/components/metric-stack/MetricStack.vue.d.ts

@@ -77,8 +77,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<MetricStackProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MetricStackProps> & Readonly<{}>, {
-    containerName: string;
     as: string | Component;
+    containerName: string;
     rows: number;
     register: "audacious" | "result";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/pager-dots/PagerDots.vue.d.ts

@@ -39,8 +39,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     onSelect?: ((index: number) => any) | undefined;
     "onUpdate:active"?: ((value: number) => any) | undefined;
 }>, {
-    orientation: "horizontal" | "vertical";
     pattern: "tabs" | "group";
+    orientation: "horizontal" | "vertical";
     ariaLabel: string;
     ring: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -38,9 +38,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
-    align: "center" | "start" | "end";
     surface: Surface;
     sideOffset: number;
+    align: "end" | "start" | "center";
     portal: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/progress/Progress.vue.d.ts

@@ -1,54 +1,19 @@
 import { type HTMLAttributes } from "vue";
 import type { ProgressRootProps } from "reka-ui";
-import type { ProgressSegment } from "./useProgressGeometry";
-type ProgressVariant = "default" | "gradient" | "liquid" | "sectioned";
-/**
- * Progress — the thin variant dispatcher over four orthogonal designs:
- *   - `default`   → ProgressDefault   (plain rail + translateX intake-pulse)
- *   - `gradient`  → ProgressGradient  (lifecycle motion grammar + indeterminate)
- *   - `liquid`    → ProgressLiquid    (the shared .glass-liquid-fill glass cylinder;
- *                                      the phase-colour meter — BG.W-LIQUID-FILL)
- *   - `sectioned` → ProgressSectioned (phase-bus cells + spring active fill)
- *
- * The dispatcher carries an EXPLICIT prop-boundary contract: incompatible prop
- * combinations are refused OUT LOUD (a dev throw) rather than silently producing
- * a wrong paint. The historical break this closes: a consumer passing
- * `:model-value` to the sectioned variant had it SILENTLY overridden by the
- * cumulative cell-fill aggregate, so the bar ignored the value the consumer
- * thought drove it. The contract below makes that misuse a loud error — the
- * sectioned variant derives its own a11y value from the cells; `modelValue` is
- * not its truth.
- */
+type ProgressVariant = "default" | "gradient" | "liquid";
 type __VLS_Props = ProgressRootProps & {
     class?: HTMLAttributes["class"];
-    /**
-     * 'default'   = bg-secondary rail + bg-primary indicator.
-     * 'gradient'  = rail respects --progress-track; indicator respects
-     *               --progress-fill; the W4 lifecycle motion grammar layers on.
-     * 'liquid'    = the shared .glass-liquid-fill glass-cylinder meter
-     *               (BG.W-LIQUID-FILL) — the fill tints off --progress-fill
-     *               (or --liquid-fill-tint) with zero per-site glass knowledge.
-     * 'sectioned' = phase-bus (AB.W3.T2). N colour-coded cells with gradient
-     *               seams; the active cell carries a spring fill. The per-cell
-     *               state map is the truth — NOT `modelValue`.
-     */
     variant?: ProgressVariant;
-    /** Sectioned only — ordered segment list. */
-    segments?: ProgressSegment[];
-    /** Sectioned only — key of the currently active segment. */
-    currentSegmentKey?: string | null;
-    /** Sectioned only — 0..1 fill of the active segment. */
-    activeProgress?: number;
+    /** Decorative checkpoints in the same 0..max domain as modelValue. */
+    marks?: readonly number[];
     /** Gradient only — indeterminate sweep opt-in. */
     indeterminate?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    variant: ProgressVariant;
     modelValue: number | null;
+    variant: ProgressVariant;
     indeterminate: boolean;
-    segments: ProgressSegment[];
-    currentSegmentKey: string | null;
-    activeProgress: number;
+    marks: readonly number[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/progress/ProgressDefault.vue.d.ts

@@ -1,24 +1,8 @@
 import { type HTMLAttributes } from "vue";
 import { type ProgressRootProps } from "reka-ui";
-/**
- * Default progress variant — a `--progress-track` rail + a `--progress-fill`
- * indicator with a `translateX(-%)` intake-pulse. The plainest rung; no lifecycle
- * motion grammar (that lives on the gradient variant). The thin `Progress`
- * dispatcher routes here for `variant="default"`.
- *
- * Token-read parity with the `gradient` variant (AX.W24 F1): the rail/indicator
- * colour read `--progress-track`/`--progress-fill` (fallbacks
- * `var(--progress-track-on-glass)`/`var(--primary)`) as Tailwind arbitrary
- * properties — `bg-[var(--token,…)]` /
- * `[background:var(--token,…)]` — NOT the `bg-secondary`/`bg-primary` utility
- * classes. A `bg-primary` utility lives in `@layer utilities`, which ALWAYS
- * outranks the `@layer components` `.glass-progress-rail` recipe regardless of
- * source order, so a `:root { --progress-fill }` (or `.glass-progress-rail`'s
- * token-set) override was a silent no-op on the default variant. Reading the token
- * at source makes the `default` variant token-retintable for EVERY consumer.
- */
 type __VLS_Props = ProgressRootProps & {
     class?: HTMLAttributes["class"];
+    marks?: readonly number[];
 };
 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 _default: typeof __VLS_export;

package/dist/components/progress/ProgressGradient.vue.d.ts

@@ -10,6 +10,7 @@ import { type ProgressRootProps } from "reka-ui";
  */
 type __VLS_Props = ProgressRootProps & {
     class?: HTMLAttributes["class"];
+    marks?: readonly number[];
     /**
      * AI.W4-M.1 — indeterminate sweep. When true, the rail runs a slow
      * left-to-right gradient pan (`--motion-duration-progress-indeterminate`, 4s

package/dist/components/progress/ProgressLiquid.vue.d.ts

@@ -15,6 +15,7 @@ import { type ProgressRootProps } from "reka-ui";
  */
 type __VLS_Props = ProgressRootProps & {
     class?: HTMLAttributes["class"];
+    marks?: readonly number[];
 };
 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 _default: typeof __VLS_export;

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

@@ -1,6 +1 @@
 export { default as Progress } from "./Progress.vue";
-export { default as ProgressDefault } from "./ProgressDefault.vue";
-export { default as ProgressGradient } from "./ProgressGradient.vue";
-export { default as ProgressLiquid } from "./ProgressLiquid.vue";
-export { default as ProgressSectioned } from "./ProgressSectioned.vue";
-export { useProgressGeometry, type ProgressSegment, type SectionedCell, } from "./useProgressGeometry";

package/dist/components/progress/valueMarks.css

@@ -0,0 +1 @@
+.progress-value-marks { position: absolute; inset: 0; pointer-events: none; } .progress-value-mark { position: absolute; inset-block-start: 50%; inset-inline-start: var(--value-mark-position); width: var(--value-mark-size, 0.375rem); aspect-ratio: 1; border-radius: 50%; background: var( --value-mark-color, color-mix(in srgb, var(--foreground) 34%, transparent) ); transform: translate(-50%, -50%); } [dir="rtl"] .progress-value-mark { transform: translate(50%, -50%); } .progress-value-fill { position: relative; z-index: 1; transform: translateX(calc(-100% + var(--progress-value-percent))); } [dir="rtl"] .progress-value-fill { transform: translateX(calc(100% - var(--progress-value-percent))); }

package/dist/components/pulse/Pulse.vue.d.ts

@@ -43,11 +43,11 @@ type __VLS_Props = {
     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: PulseVariant;
     speed: PulseSpeed;
+    variant: PulseVariant;
     count: number;
-    once: boolean;
     intensity: PulseIntensity;
+    once: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/scroll-progress-rim/styles.css

@@ -0,0 +1 @@
+.scroll-progress-rim { --scroll-progress-rim-inset: 1px; position: absolute; inset: var(--scroll-progress-rim-inset); z-index: 0; isolation: isolate; border-radius: var(--scroll-progress-rim-radius, inherit); pointer-events: none; } .scroll-progress-rim__track { position: absolute; inset: 0; border: var(--scroll-progress-rim-width, 4px) solid transparent; border-radius: inherit; background: conic-gradient( from 0deg, var(--scroll-progress-rim-spectrum, var(--section-color-7)), transparent var(--scroll-progress-rim-fill, 0%), transparent 100% ), color-mix(in srgb, var(--foreground) 14%, transparent); -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box; -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box; mask-composite: exclude; } .scroll-progress-rim[data-coverage="bottom-edge"] .scroll-progress-rim__track { background: linear-gradient( to right, var(--scroll-progress-rim-spectrum, var(--section-color-7)), transparent var(--scroll-progress-rim-fill, 0%), transparent 100% ), color-mix(in srgb, var(--foreground) 14%, transparent); clip-path: inset(calc(100% - var(--scroll-progress-rim-width, 4px)) 0 0); } .scroll-progress-rim[data-coverage="inline-end-edge"] .scroll-progress-rim__track { background: linear-gradient( to bottom, var(--scroll-progress-rim-spectrum, var(--section-color-7)), transparent var(--scroll-progress-rim-fill, 0%), transparent 100% ), color-mix(in srgb, var(--foreground) 14%, transparent); clip-path: inset(0 0 0 calc(100% - var(--scroll-progress-rim-width, 4px))); } .scroll-progress-rim[data-coverage="inline-end-edge"]:dir(rtl) .scroll-progress-rim__track { clip-path: inset(0 calc(100% - var(--scroll-progress-rim-width, 4px)) 0 0); }

package/dist/components/search/FuzzySearch.vue.d.ts

@@ -7,6 +7,7 @@ type __VLS_Props = {
     size?: ControlSize;
     surface?: Surface;
     placeholder?: string;
+    ariaLabel?: string;
     typeLabel?: (item: SearchableItem) => string;
 };
 declare function focus(): void;
@@ -14,9 +15,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     focus: typeof focus;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     size: ControlSize;
-    variant: SearchVariant;
-    surface: Surface;
     placeholder: string;
+    surface: Surface;
+    variant: SearchVariant;
+    ariaLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/search/SearchBar.vue.d.ts

@@ -22,10 +22,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     size: ControlSize;
-    variant: SearchVariant;
-    surface: Surface;
     modelValue: string;
     placeholder: string;
+    surface: Surface;
+    variant: SearchVariant;
     tag: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/search/searchVariants.d.ts

@@ -9,7 +9,7 @@ import { type ControlSize, controlSizeClass } from "../_shared/useControlSize";
  *   searchFieldVariants({ variant: "bare" }) → "border-none bg-transparent p-0 rounded-none"
  */
 export declare const searchFieldVariants: (props?: ({
-    variant?: "floating" | "inline" | "bare" | null | undefined;
+    variant?: "inline" | "floating" | "bare" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type SearchVariant = NonNullable<VariantProps<typeof searchFieldVariants>["variant"]>;
 /** The CVA's variant-prop shape — the `/api` discovery surface (the SFCs cannot

package/dist/components/select/SelectContent.vue.d.ts

@@ -28,8 +28,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
     position: "item-aligned" | "popper";
-    align: "center" | "start" | "end";
     surface: Surface;
+    align: "end" | "start" | "center";
     collisionPadding: number | Partial<Record<"top" | "right" | "bottom" | "left", number>>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -6,5 +6,3 @@ export { default as SelectGroup } from './SelectGroup.vue';
 export { default as SelectItem } from './SelectItem.vue';
 export { default as SelectLabel } from './SelectLabel.vue';
 export { default as SelectSeparator } from './SelectSeparator.vue';
-export { default as SelectScrollUpButton } from './SelectScrollUpButton.vue';
-export { default as SelectScrollDownButton } from './SelectScrollDownButton.vue';