@mkbabb/glass-ui 7.0.0 → 9.0.0

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

@@ -1,2 +1,2 @@
-export { default as GlassTimeline } from "./GlassTimeline.vue";
-export type { TimelineSegment, TimelineSegmentGradient, TimelineSegmentState, } from "./types";
+export { default as Timeline } from "./Timeline.vue.js";
+export type { TimelineProps, TimelineSegment, TimelineSegmentState, } from "./types.js";

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

@@ -1,57 +1,57 @@
 /**
- * Timeline primitive types — segmented + continuous variants.
+ * Timeline — ONE normalized reporting axis.
  *
- * The default `scrubber` variant
- * (single-track YouTube-style scrubber) keeps its original numeric model;
- * `segmented` renders adjacent gradient bands with hover/click dots;
- * `continuous` renders one pill rail with N absolute-positioned
- * region children. Both array-variants consume the same `TimelineSegment[]`
- * data shape — only the rendering geometry differs.
+ * N ordered spans on the unit interval, each with a lifecycle state, a fill
+ * fraction and an ordinal jewel hue, whose end boundaries are addressable
+ * marks. The whole is one number published three ways (`defineExpose`, the
+ * `#detail` scope, `--timeline-value`).
+ *
+ * `role="progressbar"`, never `role="slider"` — a timeline REPORTS. The
+ * commanding surface is `<Slider :marks>` (the playhead-with-ticks case).
  */
-/** Per-segment lifecycle. Drives fill + dot states. */
+/** Per-span lifecycle. Drives fill extent + mark glyph — never a hue swap. */
 export type TimelineSegmentState = "pending" | "active" | "completed";
-/**
- * Gradient endpoints. Either a raw CSS expression (linear-gradient(...))
- * or a `{ from, to }` token pair the primitive expands into a 90deg
- * left-to-right linear-gradient. Accepts CSS color, color-mix(...), or
- * `var(--token)` references.
- */
-export interface TimelineSegmentGradient {
-    from: string;
-    to: string;
-}
 export interface TimelineSegment {
-    /** Stable identifier emitted on hover/click. Must be unique per timeline. */
+    /** Stable identity. Emitted on `select` / `hover`; unique per timeline. */
     key: string;
-    /** Display name. Surfaces in the boundary-dot tooltip. */
+    /** Display name. Read in the mark's accessible name and the `#detail` scope. */
     label: string;
-    /** Lifecycle state — drives fill percentage + dot affordance. */
-    state: TimelineSegmentState;
+    /** Lifecycle. Default `"pending"`. */
+    state?: TimelineSegmentState;
     /**
-     * Optional progress within the segment (0..1). When omitted, falls
-     * back to: 1 for `completed`, 0 for `pending`, 0.5 for `active`.
-     * Reduced-motion consumers may pin this to `1`/`0` to suppress mid-
-     * segment animation while retaining final-state visibility.
+     * The span's END boundary on the unit axis, 0..1, CUMULATIVE. Clamped
+     * monotone non-decreasing — never sorted (a typo must stay visible, not
+     * silently reorder the narrative). Omitted spans take an equal share of the
+     * axis remaining between their pinned neighbours; all-omitted is the equal
+     * split.
      */
-    progress?: number;
+    at?: number;
     /**
-     * Per-segment gradient. Either a `{from, to}` pair (default 90deg
-     * left-to-right) or a raw CSS gradient string the primitive consumes
-     * verbatim. Falls back to a section-tone via the
-     * `--timeline-segment-default-gradient` token when omitted.
-     */
-    gradient?: TimelineSegmentGradient | string;
-    /**
-     * Optional payload surfaced via the `hover` / `click` events. Common
-     * shapes: formatted value strings ("145.3 Mbps"), per-phase metric
-     * objects, or `null` for pending segments.
+     * Progress WITHIN the span, 0..1. Defaults: `pending` 0, `completed` 1.
+     *
+     * `active` with `progress` OMITTED is the INDETERMINATE state — a phase
+     * underway with unknown progress. It paints no fill and no cap; the
+     * specular flow is its SOLE carrier.
      */
+    progress?: number;
+    /** Overrides the ordinal hue for this span. Any CSS `<color>`. */
+    accent?: string;
+    /** Opaque payload. Returned via `select` / `hover` and the `#detail` scope. */
     value?: unknown;
+}
+export interface TimelineProps {
+    segments?: TimelineSegment[];
+    /** The key of the span the consumer considers current. `aria-current="step"`. */
+    current?: string;
     /**
-     * Optional relative weight for the `continuous` variant region width
-     * (default `1` — equal share). Per-segment widths are computed as
-     * `weight / sum(weights)`. Ignored by the `segmented` variant (which
-     * uses CSS flex distribution via `--timeline-segment-flex`).
+     * The accessible name of the reporting axis — `aria-label` on the
+     * `role="progressbar"` track.
+     *
+     * It has to be a PROP: the track owns no text content, and a fallthrough
+     * `aria-label` lands on the root, which is `role="group"`. Without it the
+     * bar announces a number with nothing attached to it (axe
+     * `aria-progressbar-name`). No name is invented when it is omitted — an
+     * invented one would be a lie.
      */
-    weight?: number;
+    label?: string;
 }

package/dist/components/toast/Toast.vue.d.ts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from "vue";
-import type { Surface, Tone } from "../_shared/axes";
+import type { Surface, Tone } from "../_shared/axes.js";
 export type ToastSwipeEvent = CustomEvent<{
     originalEvent: PointerEvent;
     delta: {
@@ -34,18 +34,18 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ToastProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    pause: () => any;
     "update:open": (value: boolean) => any;
     escapeKeyDown: (event: KeyboardEvent) => any;
-    pause: () => any;
     resume: () => any;
     swipeStart: (event: ToastSwipeEvent) => any;
     swipeMove: (event: ToastSwipeEvent) => any;
     swipeCancel: (event: ToastSwipeEvent) => any;
     swipeEnd: (event: ToastSwipeEvent) => any;
 }, string, import("vue").PublicProps, Readonly<ToastProps> & Readonly<{
+    onPause?: (() => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPause?: (() => any) | undefined;
     onResume?: (() => any) | undefined;
     onSwipeStart?: ((event: ToastSwipeEvent) => any) | undefined;
     onSwipeMove?: ((event: ToastSwipeEvent) => any) | undefined;

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

@@ -1,8 +1,8 @@
-export { default as Toast, type ToastEmits, type ToastProps, type ToastSwipeEvent, } from "./Toast.vue";
-export { default as ToastAction, type ToastActionProps } from "./ToastAction.vue";
-export { default as ToastClose, type ToastCloseProps } from "./ToastClose.vue";
-export { default as ToastDescription, type ToastDescriptionProps, } from "./ToastDescription.vue";
-export { default as ToastTitle, type ToastTitleProps } from "./ToastTitle.vue";
-export { default as Toaster } from "./Toaster.vue";
-export { toast, useToast, type ToastHandle, type ToastOptions } from "./use-toast";
-export type { ToasterPosition } from "./Toaster.vue";
+export { default as Toast, type ToastEmits, type ToastProps, type ToastSwipeEvent, } from "./Toast.vue.js";
+export { default as ToastAction, type ToastActionProps } from "./ToastAction.vue.js";
+export { default as ToastClose, type ToastCloseProps } from "./ToastClose.vue.js";
+export { default as ToastDescription, type ToastDescriptionProps, } from "./ToastDescription.vue.js";
+export { default as ToastTitle, type ToastTitleProps } from "./ToastTitle.vue.js";
+export { default as Toaster } from "./Toaster.vue.js";
+export { toast, useToast, type ToastHandle, type ToastOptions } from "./use-toast.js";
+export type { ToasterPosition } from "./Toaster.vue.js";

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

@@ -1,5 +1,5 @@
 import type { Component, ComputedRef, VNode } from "vue";
-import type { Surface, Tone } from "../_shared/axes";
+import type { Surface, Tone } from "../_shared/axes.js";
 export interface ToastOptions {
     title?: string;
     description?: string;
@@ -36,4 +36,11 @@ interface UseToastReturn {
 declare function useToast(): UseToastReturn;
 /** Renderer-only queue access; intentionally absent from the public barrel. */
 declare function useToastQueue(): ComputedRef<readonly QueuedToast[]>;
-export { toast, useToast, useToastQueue };
+/**
+ * Release a dismissed toast's queue slot. Called by `Toaster.vue` when the
+ * `.glass-vaporize` exit animation completes (the `animationend` presence
+ * resolution) — the frame the surface stops painting is the frame the slot frees.
+ * Renderer-only; intentionally absent from the public barrel.
+ */
+declare function removeToast(toastId: string): void;
+export { toast, useToast, useToastQueue, removeToast };

package/dist/components/toggle-group/ToggleGroup.vue.d.ts

@@ -1,47 +1,36 @@
 import { type HTMLAttributes } from "vue";
-import { type ToggleGroupSize, type ToggleGroupVariant } from "./toggleGroupContext";
-import type { Orientation } from "../_shared/axes";
-import { type Direction, type FormFieldProps } from "../_shared/primitive";
-import { type SelectionMode, type SelectionValue } from "../_shared/selection";
-export type ToggleGroupValue<TMode extends SelectionMode = SelectionMode> = TMode extends "single" ? SelectionValue | undefined : SelectionValue[];
-export interface ToggleGroupProps<TMode extends SelectionMode = SelectionMode> extends FormFieldProps {
-    type: TMode;
-    modelValue?: TMode extends "single" ? SelectionValue : SelectionValue[];
-    defaultValue?: TMode extends "single" ? SelectionValue : SelectionValue[];
-    rovingFocus?: boolean;
-    disabled?: boolean;
+import type { Orientation } from "../_shared/axes.js";
+import { type ControlProps, type ControlSize } from "../_shared/control.js";
+import type { SelectionMode, SelectionValue } from "../_shared/selection.js";
+export interface ToggleGroupProps extends ControlProps {
+    /** `single` — a one-of-N chooser. `multiple` — N independent toggles. */
+    type: SelectionMode;
     orientation?: Orientation;
-    dir?: Direction;
-    loop?: boolean;
+    size?: ControlSize;
     class?: HTMLAttributes["class"];
-    variant?: ToggleGroupVariant;
-    size?: ToggleGroupSize;
 }
-export interface ToggleGroupEmits<TMode extends SelectionMode = SelectionMode> {
-    "update:modelValue": [value: ToggleGroupValue<TMode>];
-}
-export interface ToggleGroupSlotProps<TMode extends SelectionMode = SelectionMode> {
-    modelValue: ToggleGroupValue<TMode>;
-}
-declare const __VLS_export: <TMode extends SelectionMode>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: import("vue").PublicProps & __VLS_PrettifyLocal<ToggleGroupProps<TMode> & {
-        "onUpdate:modelValue"?: ((value: ToggleGroupValue<TMode>) => any) | undefined;
-    }> & (typeof globalThis extends {
-        __VLS_PROPS_FALLBACK: infer P;
-    } ? P : {});
-    expose: (exposed: {}) => void;
-    attrs: any;
-    slots: {
-        default?: (props: ToggleGroupSlotProps<TMode>) => unknown;
-    };
-    emit: (evt: "update:modelValue", value: ToggleGroupValue<TMode>) => void;
-}>) => import("vue").VNode & {
-    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+type __VLS_Props = ToggleGroupProps;
+type __VLS_ModelProps = {
+    modelValue?: SelectionValue | SelectionValue[];
 };
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: SelectionValue | SelectionValue[] | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: SelectionValue | SelectionValue[] | undefined) => any) | undefined;
+}>, {
+    size: ControlSize;
+    orientation: Orientation;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_PrettifyLocal<T> = (T extends any ? {
-    [K in keyof T]: T[K];
-} : {
-    [K in keyof T as K]: T[K];
-}) & {};
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/toggle-group/ToggleGroupItem.vue.d.ts

@@ -1,16 +1,16 @@
 import { type HTMLAttributes } from "vue";
-import { type ToggleGroupSize, type ToggleGroupVariant } from "./toggleGroupContext";
-import type { SelectionValue } from "../_shared/selection";
+import type { SelectionValue } from "../_shared/selection.js";
 export interface ToggleGroupItemProps {
+    /** Stable identity within the group. The library's ONE scalar. */
     value: SelectionValue;
     disabled?: boolean;
     class?: HTMLAttributes["class"];
-    variant?: ToggleGroupVariant;
-    size?: ToggleGroupSize;
 }
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+type __VLS_Slots = {
+    default?: () => unknown;
+    indicator?: (props: {
+        selected: boolean;
+    }) => unknown;
 };
 declare const __VLS_base: import("vue").DefineComponent<ToggleGroupItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToggleGroupItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/toggle-group/context.d.ts

@@ -0,0 +1,28 @@
+import type { ComputedRef } from "vue";
+import type { SelectionValue } from "../_shared/selection.js";
+/** What an item publishes to its group. The element is the roving/recenter target. */
+export interface ToggleItemEntry {
+    /** The item's stable identity — the library's ONE scalar (never narrowed here). */
+    readonly value: SelectionValue;
+    /** Read live: an item may become disabled after it registers. */
+    readonly disabled: () => boolean;
+    /** The item's host button, or `null` before mount / after unmount. */
+    el: HTMLElement | null;
+}
+/** What the group publishes back — every per-item answer, none of it re-derived. */
+export interface ToggleGroupContext {
+    register: (entry: ToggleItemEntry) => void;
+    unregister: (entry: ToggleItemEntry) => void;
+    /** `true` when the item's value is in the model (one for `single`, N for `multiple`). */
+    isSelected: (value: SelectionValue) => boolean;
+    /** Role-per-mode ARIA from the engine — `radio`/`aria-checked` or `aria-pressed`. */
+    itemAttrs: (value: SelectionValue) => Record<string, string>;
+    /** The roving tabindex: exactly one `0` in the group, `-1` everywhere else. */
+    tabindex: (entry: ToggleItemEntry) => number;
+    /** Commit — the engine's ONE selection path (model write + recenter). */
+    select: (entry: ToggleItemEntry) => void;
+    /** The group's disabled axis, so an item need not read two sources. */
+    disabled: ComputedRef<boolean>;
+}
+export declare function provideToggleGroupContext(context: ToggleGroupContext): void;
+export declare const useOptionalToggleGroupContext: () => ToggleGroupContext | null;

package/dist/components/toggle-group/index.d.ts

@@ -1,3 +1,2 @@
-export { default as ToggleGroup, type ToggleGroupEmits, type ToggleGroupProps, type ToggleGroupSlotProps, type ToggleGroupValue, } from "./ToggleGroup.vue";
-export { default as ToggleGroupItem, type ToggleGroupItemProps, } from "./ToggleGroupItem.vue";
-export type { ToggleGroupSize, ToggleGroupVariant } from "./toggleGroupContext";
+export { default as ToggleGroup, type ToggleGroupProps } from "./ToggleGroup.vue.js";
+export { default as ToggleGroupItem, type ToggleGroupItemProps, } from "./ToggleGroupItem.vue.js";

package/dist/components/tooltip/TooltipContent.vue.d.ts

@@ -1,11 +1,7 @@
 import { type HTMLAttributes } from "vue";
-import type { Surface } from "../_shared/axes";
-import { type FloatingPlacementProps } from "../_shared/floating";
+import { type FloatingPlacementProps } from "../_shared/overlay/index.js";
 export interface TooltipContentProps extends FloatingPlacementProps {
     class?: HTMLAttributes["class"];
-    surface?: Surface;
-    /** Override the text announced through the trigger's description relation. */
-    ariaLabel?: string;
 }
 export interface TooltipContentEmits {
     escapeKeyDown: [event: KeyboardEvent];
@@ -21,11 +17,10 @@ declare const __VLS_base: import("vue").DefineComponent<TooltipContentProps, {},
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: Event) => any) | undefined;
 }>, {
-    side: import("../_shared/floating").FloatingSide;
+    align: import("../_shared/overlay/index.js").FloatingAlign;
+    side: import("../_shared/overlay/index.js").FloatingSide;
     sideOffset: number;
-    align: import("../_shared/floating").FloatingAlign;
     alignOffset: number;
-    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/tooltip/TooltipTrigger.vue.d.ts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from "vue";
-import type { PrimitiveProps } from "../_shared/primitive";
+import type { PrimitiveProps } from "../_shared/primitive.js";
 export interface TooltipTriggerProps {
     /** Merge trigger behavior into one interactive child. */
     asChild?: PrimitiveProps["asChild"];

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

@@ -1,4 +1,4 @@
-export { default as Tooltip, type TooltipEmits, type TooltipProps, } from "./Tooltip.vue";
-export { default as TooltipContent, type TooltipContentEmits, type TooltipContentProps, } from "./TooltipContent.vue";
-export { default as TooltipTrigger, type TooltipTriggerProps, } from "./TooltipTrigger.vue";
-export { default as TooltipProvider, type TooltipProviderProps, } from "./TooltipProvider.vue";
+export { default as Tooltip, type TooltipEmits, type TooltipProps, } from "./Tooltip.vue.js";
+export { default as TooltipContent, type TooltipContentEmits, type TooltipContentProps, } from "./TooltipContent.vue.js";
+export { default as TooltipTrigger, type TooltipTriggerProps, } from "./TooltipTrigger.vue.js";
+export { default as TooltipProvider, type TooltipProviderProps, } from "./TooltipProvider.vue.js";

package/dist/components/typewriter/TypewriterText.vue.d.ts

@@ -1,33 +1,27 @@
-import type { TypewriterWord } from "./types";
+import type { TypewriterWord } from "./types.js";
 interface Props {
     /** Single text to type. Use this OR `words`, not both. */
     text?: string;
     /** Array of words to cycle through in rotation mode. Use this OR `text`, not both. */
     words?: TypewriterWord[];
-    ngramSize?: number | {
-        min: number;
-        max: number;
-    };
+    /** Base typing speed in ms per keystroke. */
     baseSpeed?: number;
-    variance?: number;
-    errorRate?: number;
-    firstAnimationSpeedFactor?: number;
-    maxCharsBeforeNotice?: number;
-    continueAfterTypoProbability?: number;
-    sequentialTypoDecay?: number;
-    correctionSpeedMultiplier?: number;
     cursorVisible?: boolean;
     cursorBlink?: boolean;
-    cursorChar?: string;
-    startDelay?: number;
     loop?: boolean;
     /** Pause after typing a word before deleting (ms). Word-rotation mode only. */
     pauseAfterType?: number;
     /** Pause after deleting a word before typing the next (ms). Word-rotation mode only. */
     pauseAfterDelete?: number;
-    /** Backspace speed in word-rotation mode (ms per char). */
-    deletingSpeed?: number;
-    respectReducedMotion?: boolean;
+    /**
+     * Typing character. `true` (default) types like a person — variable cadence,
+     * n-gram bursts, and the occasional self-corrected typo (the humanized default
+     * the engine ships). `false` types mechanically at a steady `baseSpeed` with no
+     * variance and no typos. The one intent-level knob that replaces the retired
+     * per-parameter simulation surface (variance/errorRate/ngramSize/typo-FSM &c.);
+     * reduced-motion respect is always-on (it settles to the final phrase in one paint).
+     */
+    humanize?: boolean;
 }
 declare const __VLS_export: import("vue").DefineComponent<Props, {
     startTyping: () => Promise<void>;
@@ -55,28 +49,14 @@ declare const __VLS_export: import("vue").DefineComponent<Props, {
     onWordComplete?: ((index: number) => any) | undefined;
 }>, {
     text: string;
-    respectReducedMotion: boolean;
     loop: boolean;
     words: TypewriterWord[];
-    ngramSize: number | {
-        min: number;
-        max: number;
-    };
     baseSpeed: number;
-    variance: number;
-    errorRate: number;
-    firstAnimationSpeedFactor: number;
-    maxCharsBeforeNotice: number;
-    continueAfterTypoProbability: number;
-    sequentialTypoDecay: number;
-    correctionSpeedMultiplier: number;
     cursorVisible: boolean;
     cursorBlink: boolean;
-    cursorChar: string;
     pauseAfterType: number;
     pauseAfterDelete: number;
-    deletingSpeed: number;
-    startDelay: number;
+    humanize: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/typewriter/composables/useTypewriter.d.ts

@@ -1,4 +1,4 @@
-import type { TypewriterOptions } from "../types";
+import type { TypewriterOptions } from "../types.js";
 export declare function useTypewriter(options: TypewriterOptions): {
     displayText: import("vue").Ref<string, string>;
     isTyping: import("vue").Ref<boolean, boolean>;

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

@@ -1,7 +1,7 @@
-export { default as TypewriterText } from "./TypewriterText.vue";
-export { useTypewriter } from "./composables/useTypewriter";
-export * from "./types";
-export * from "./utils/keyboard";
-export * from "./utils/pausePatterns";
-export * from "./utils/timing";
-export * from "./utils/typoStateMachine";
+export { default as TypewriterText } from "./TypewriterText.vue.js";
+export { useTypewriter } from "./composables/useTypewriter.js";
+export * from "./types.js";
+export * from "./utils/keyboard.js";
+export * from "./utils/pausePatterns.js";
+export * from "./utils/timing.js";
+export * from "./utils/typoStateMachine.js";

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

@@ -1,4 +1,4 @@
-import type { KeyPosition } from "./utils/keyboard";
+import type { KeyPosition } from "./utils/keyboard.js";
 export type { KeyPosition };
 /** A single word entry for word-rotation mode. */
 export interface TypewriterWord {

package/dist/components/typewriter/utils/timing.d.ts

@@ -1,4 +1,4 @@
-import type { CancellationToken } from "../types";
+import type { CancellationToken } from "../types.js";
 export declare function createCancellationToken(): CancellationToken;
 /** Resolves `true` if elapsed normally, `false` if cancelled. */
 export declare function sleep(ms: number, token: CancellationToken): Promise<boolean>;

package/dist/components/typewriter/utils/typoStateMachine.d.ts

@@ -1,4 +1,4 @@
-import type { TypoContext, TypoAction } from "../types";
+import type { TypoContext, TypoAction } from "../types.js";
 export interface TypoConfig {
     maxCharsBeforeNotice: number;
     continueAfterTypoProbability: number;

package/dist/composables/color/accent-tone-solve.d.ts

@@ -1,4 +1,4 @@
-import type { UseAccentToneOptions } from "./useAccentTone";
+import type { UseAccentToneOptions } from "./useAccentTone.js";
 /**
  * Resolve the contrast-safe label ink for a CONCRETE tone (the caller — the shell —
  * has already screened out `var(--…)` tones; there is no author-time solve for a

package/dist/composables/color/index.d.ts

@@ -6,11 +6,11 @@ export interface OklchStop {
 }
 /**
  * A color seam: resolves a CSS color string to a GAMMA-sRGB triple in [0,1].
- * `defaultBlobColorResolver` is the default. A general-purpose injection
- * type — the `<FourierField>` background takes it as a REQUIRED `colorResolver`
- * prop (the SVG-field surface owns its own color pipeline). The goo-blob no longer
- * injects it: it resolves color internally through `cssToOklch → oklchToGammaRgb`
- * without dependency injection.
+ * `defaultBlobColorResolver` is the default. A general-purpose injection type for
+ * consumers that theme a substrate through an external color pipeline — the
+ * `<FourierField>` ambient background takes it as an optional `colorResolver` prop
+ * (paired with the `color` token seam). The goo-blob resolves color internally through
+ * `cssToOklch → oklchToGammaRgb` without dependency injection.
  */
 export type ColorResolver = (css: string) => [number, number, number];
 /**
@@ -143,5 +143,5 @@ export interface DeriveBlobPaletteOptions {
  * @param options stop count, harmony, spreads.
  */
 export declare function deriveBlobPalette(seed: string | OklchStop, options?: DeriveBlobPaletteOptions): OklchStop[];
-export { useAccentTone } from "./useAccentTone";
-export type { UseAccentToneOptions, UseAccentToneReturn } from "./useAccentTone";
+export { useAccentTone } from "./useAccentTone.js";
+export type { UseAccentToneOptions, UseAccentToneReturn } from "./useAccentTone.js";

package/dist/composables/context/index.d.ts

@@ -1 +1 @@
-export { createStrictContext, createOptionalContext, type StrictContext, type OptionalContext, } from "./createContext";
+export { createStrictContext, createOptionalContext, type StrictContext, type OptionalContext, } from "./createContext.js";

package/dist/composables/dark/darkModeSyncScript.d.ts

@@ -8,6 +8,25 @@ export interface DarkModeSyncScriptOptions {
      * uses. Override ONLY if a consumer reconfigured the vueuse storage key.
      */
     storageKey?: string;
+    /**
+     * What an ABSENT or `"auto"` stored mode resolves to. `"os"` (the default)
+     * follows `prefers-color-scheme`, which is right for an app. `false`/`true`
+     * resolve DETERMINISTICALLY, which is right for a document that must not flip
+     * with the projector's OS theme — a briefing, a print target, a capture.
+     */
+    defaultDark?: boolean | "os";
+    /**
+     * Honour `?light` / `?dark` in the query string, above storage and above the
+     * default. This is the capture-forcing seam: a screenshot pipeline asks for a
+     * mode in the URL rather than driving a toggle and hoping.
+     */
+    queryOverride?: boolean;
+    /**
+     * Write the RESOLVED mode back to storage, so an absent or `"auto"` value
+     * becomes a concrete `"dark"`/`"light"` at first paint and the runtime
+     * composable and the stamp cannot disagree about what `auto` meant.
+     */
+    normalize?: boolean;
 }
 /**
  * Return the inline `<head>` script STRING that resolves dark/light at parse

package/dist/composables/dark/index.d.ts

@@ -1,5 +1,5 @@
-export { useGlobalDark } from "./useGlobalDark";
-export type { GlobalColorSchema, UseGlobalDarkOptions, UseGlobalDarkReturn, DarkFlipSettledCallback, } from "./useGlobalDark";
-export { installDarkModeSync } from "./installDarkModeSync";
-export { darkModeSyncScript, DARK_MODE_STORAGE_KEY } from "./darkModeSyncScript";
-export type { DarkModeSyncScriptOptions } from "./darkModeSyncScript";
+export { useGlobalDark } from "./useGlobalDark.js";
+export type { GlobalColorSchema, UseGlobalDarkOptions, UseGlobalDarkReturn, DarkFlipSettledCallback, } from "./useGlobalDark.js";
+export { installDarkModeSync } from "./installDarkModeSync.js";
+export { darkModeSyncScript, DARK_MODE_STORAGE_KEY } from "./darkModeSyncScript.js";
+export type { DarkModeSyncScriptOptions } from "./darkModeSyncScript.js";

package/dist/composables/dom/index.d.ts

@@ -1,10 +1,10 @@
-export * from "./useResizeObserver";
-export * from "./useTouchGate";
-export * from "./useDragVelocity";
-export * from "./useTokenColor";
-export * from "./useResolveTokenColor";
-export * from "./useClipboard";
-export * from "./useUserInvalidAria";
-export * from "./useBreakpoint";
-export * from "./useIdleReady";
-export * from "./useViewportReady";
+export * from "./useResizeObserver.js";
+export * from "./useTouchGate.js";
+export * from "./useDragVelocity.js";
+export * from "./useTokenColor.js";
+export * from "./useResolveTokenColor.js";
+export * from "./useClipboard.js";
+export * from "./useUserInvalidAria.js";
+export * from "./useBreakpoint.js";
+export * from "./useIdleReady.js";
+export * from "./useViewportReady.js";

package/dist/composables/dom/useDragVelocity.d.ts

@@ -7,6 +7,13 @@ export interface UseDragVelocityParams {
      * element; descendants inherit it (the fill + the cast read it).
      */
     host: () => HTMLElement | null;
+    /**
+     * A SECOND element that receives the same two writes. A teleported organ (the
+     * slider's loupe) is out of the host's inheritance chain, so it cannot read the
+     * vars off an ancestor — and minting a second velocity pole for it would break the
+     * one-owner law. One writer, two hosts.
+     */
+    mirror?: () => HTMLElement | null;
     /**
      * The pointer axis the velocity is measured on. Default `"x"` (the horizontal
      * slider). A getter re-reads on an orientation flip.