@mkbabb/glass-ui 5.0.0 → 7.0.0

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

@@ -1,14 +1,12 @@
-import type { Component, VNode } from 'vue';
-import type { Surface } from '../_shared/useSurfaceAxis';
-import type { Tone } from '../_shared/axes';
-export interface Toast {
-    id: string;
+import type { Component, ComputedRef, VNode } from "vue";
+import type { Surface, Tone } from "../_shared/axes";
+export interface ToastOptions {
     title?: string;
     description?: string;
     action?: Component | VNode;
     tone?: Tone;
     /**
-     * BB.W-SURFACE-AXIS-COMPLETE — the shared {glass·veil·opaque} surface-decoration
+     * the shared {glass·veil·opaque} surface-decoration
      * axis on a queued toast (default `glass`). Forwarded through `Toaster.vue`'s
      * per-toast `v-bind` exactly like `variant`; orthogonal to the tone arm.
      */
@@ -20,163 +18,22 @@ export interface Toast {
      */
     duration?: number;
 }
-type ToasterToast = Toast & {
+interface QueuedToast extends ToastOptions {
     id: string;
-    title?: string;
-    description?: string;
-    action?: Component | VNode;
     open?: boolean;
-    'onUpdate:open'?: (open: boolean) => void;
-};
-type ToastOptions = Omit<ToasterToast, 'id'>;
-declare function toast(props: ToastOptions): {
-    id: string;
+    "onUpdate:open"?: (open: boolean) => void;
+}
+export interface ToastHandle {
+    readonly id: string;
     dismiss: () => void;
-    update: (props: ToasterToast) => void;
-};
-declare function useToast(): {
-    toasts: import("vue").ComputedRef<{
-        id: string;
-        title?: string | undefined;
-        description?: string | undefined;
-        action?: VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }> | import("vue").FunctionalComponent<any, {}, any, {}> | {
-            new (...args: any[]): any;
-            __isFragment?: never;
-            __isTeleport?: never;
-            __isSuspense?: never;
-        } | {
-            [x: string]: any;
-            setup?: ((this: void, props: import("@vue/shared").LooseRequired<any>, ctx: {
-                attrs: import("vue").Attrs;
-                slots: Readonly<{
-                    [name: string]: import("vue").Slot<any> | undefined;
-                }>;
-                emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
-                expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed) => void;
-            }) => any) | undefined;
-            name?: string | undefined;
-            template?: string | object | undefined;
-            render?: Function | undefined;
-            components?: Record<string, Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
-            directives?: Record<string, import("vue").Directive<any, any, string, any>> | undefined;
-            inheritAttrs?: boolean | undefined;
-            emits?: any;
-            slots?: {} | undefined;
-            expose?: string[] | undefined;
-            serverPrefetch?: (() => void | Promise<any>) | undefined;
-            compilerOptions?: {
-                isCustomElement?: ((tag: string) => boolean) | undefined;
-                whitespace?: "preserve" | "condense" | undefined;
-                comments?: boolean | undefined;
-                delimiters?: [string, string] | undefined;
-            } | undefined;
-            call?: ((this: unknown, ...args: unknown[]) => never) | undefined;
-            __isFragment?: never | undefined;
-            __isTeleport?: never | undefined;
-            __isSuspense?: never | undefined;
-            __defaults?: {} | undefined;
-            compatConfig?: {
-                GLOBAL_MOUNT?: boolean | "suppress-warning" | undefined;
-                GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning" | undefined;
-                GLOBAL_EXTEND?: boolean | "suppress-warning" | undefined;
-                GLOBAL_PROTOTYPE?: boolean | "suppress-warning" | undefined;
-                GLOBAL_SET?: boolean | "suppress-warning" | undefined;
-                GLOBAL_DELETE?: boolean | "suppress-warning" | undefined;
-                GLOBAL_OBSERVABLE?: boolean | "suppress-warning" | undefined;
-                GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning" | undefined;
-                CONFIG_SILENT?: boolean | "suppress-warning" | undefined;
-                CONFIG_DEVTOOLS?: boolean | "suppress-warning" | undefined;
-                CONFIG_KEY_CODES?: boolean | "suppress-warning" | undefined;
-                CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning" | undefined;
-                CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning" | undefined;
-                CONFIG_WHITESPACE?: boolean | "suppress-warning" | undefined;
-                CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning" | undefined;
-                INSTANCE_SET?: boolean | "suppress-warning" | undefined;
-                INSTANCE_DELETE?: boolean | "suppress-warning" | undefined;
-                INSTANCE_DESTROY?: boolean | "suppress-warning" | undefined;
-                INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning" | undefined;
-                INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning" | undefined;
-                INSTANCE_CHILDREN?: boolean | "suppress-warning" | undefined;
-                INSTANCE_LISTENERS?: boolean | "suppress-warning" | undefined;
-                INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning" | undefined;
-                INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning" | undefined;
-                OPTIONS_DATA_FN?: boolean | "suppress-warning" | undefined;
-                OPTIONS_DATA_MERGE?: boolean | "suppress-warning" | undefined;
-                OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning" | undefined;
-                OPTIONS_DESTROYED?: boolean | "suppress-warning" | undefined;
-                WATCH_ARRAY?: boolean | "suppress-warning" | undefined;
-                PROPS_DEFAULT_THIS?: boolean | "suppress-warning" | undefined;
-                V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning" | undefined;
-                CUSTOM_DIR?: boolean | "suppress-warning" | undefined;
-                ATTR_FALSE_VALUE?: boolean | "suppress-warning" | undefined;
-                ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning" | undefined;
-                TRANSITION_CLASSES?: boolean | "suppress-warning" | undefined;
-                TRANSITION_GROUP_ROOT?: boolean | "suppress-warning" | undefined;
-                COMPONENT_ASYNC?: boolean | "suppress-warning" | undefined;
-                COMPONENT_FUNCTIONAL?: boolean | "suppress-warning" | undefined;
-                COMPONENT_V_MODEL?: boolean | "suppress-warning" | undefined;
-                RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
-                FILTERS?: boolean | "suppress-warning" | undefined;
-                PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
-                MODE?: 2 | 3 | ((comp: Component | null) => 2 | 3) | undefined;
-            } | undefined;
-            data?: ((this: any, vm: any) => any) | undefined;
-            computed?: import("vue").ComputedOptions | undefined;
-            methods?: import("vue").MethodOptions | undefined;
-            watch?: {
-                [x: string]: (string | import("vue").WatchCallback | ({
-                    handler: import("vue").WatchCallback | string;
-                } & import("vue").WatchOptions<boolean>)) | (string | import("vue").WatchCallback | ({
-                    handler: import("vue").WatchCallback | string;
-                } & import("vue").WatchOptions<boolean>))[];
-            } | undefined;
-            provide?: import("vue").ComponentProvideOptions | undefined;
-            inject?: {} | string[] | undefined;
-            filters?: Record<string, Function> | undefined;
-            mixins?: any[] | undefined;
-            extends?: any;
-            beforeCreate?: (() => any) | undefined;
-            created?: (() => any) | undefined;
-            beforeMount?: (() => any) | undefined;
-            mounted?: (() => any) | undefined;
-            beforeUpdate?: (() => any) | undefined;
-            updated?: (() => any) | undefined;
-            activated?: (() => any) | undefined;
-            deactivated?: (() => any) | undefined;
-            beforeDestroy?: (() => any) | undefined;
-            beforeUnmount?: (() => any) | undefined;
-            destroyed?: (() => any) | undefined;
-            unmounted?: (() => any) | undefined;
-            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | undefined;
-            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | undefined;
-            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | undefined;
-            delimiters?: [string, string] | undefined;
-            __differentiator?: string | number | symbol | undefined;
-            __isBuiltIn?: boolean | undefined;
-            __file?: string | undefined;
-            __name?: string | undefined;
-        } | undefined;
-        tone?: Tone
-        /**
-         * BB.W-SURFACE-AXIS-COMPLETE — the shared {glass·veil·opaque} surface-decoration
-         * axis on a queued toast (default `glass`). Forwarded through `Toaster.vue`'s
-         * per-toast `v-bind` exactly like `variant`; orthogonal to the tone arm.
-         */
-         | undefined;
-        surface?: Surface
-        /**
-         * Auto-dismiss delay in ms, forwarded to reka-ui's `ToastRoot`. Omit to
-         * inherit the `ToastProvider` default; `Number.POSITIVE_INFINITY` keeps the
-         * toast open until dismissed.
-         */
-         | undefined;
-        duration?: number | undefined;
-        open?: boolean | undefined;
-        'onUpdate:open'?: ((open: boolean) => void) | undefined;
-    }[]>;
-    toast: typeof toast;
-    dismiss: (toastId?: string) => void;
-};
-export { toast, useToast };
+    update: (props: ToastOptions) => void;
+}
+declare function toast(props: ToastOptions): ToastHandle;
+interface UseToastReturn {
+    readonly toast: typeof toast;
+    readonly dismiss: (toastId?: string) => void;
+}
+declare function useToast(): UseToastReturn;
+/** Renderer-only queue access; intentionally absent from the public barrel. */
+declare function useToastQueue(): ComputedRef<readonly QueuedToast[]>;
+export { toast, useToast, useToastQueue };

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

@@ -1,25 +1,47 @@
-import { type HTMLAttributes } from 'vue';
-import { type ToggleGroupRootProps } from 'reka-ui';
-import { type ToggleGroupVariants } from './toggleGroupContext';
-type __VLS_Props = ToggleGroupRootProps & {
-    class?: HTMLAttributes['class'];
-    variant?: ToggleGroupVariants['variant'];
-    size?: ToggleGroupVariants['size'];
-};
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+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;
+    orientation?: Orientation;
+    dir?: Direction;
+    loop?: boolean;
+    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>>;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (payload: import("reka-ui").AcceptableValue | import("reka-ui").AcceptableValue[]) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((payload: import("reka-ui").AcceptableValue | import("reka-ui").AcceptableValue[]) => 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;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

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

@@ -1,16 +1,18 @@
-import { type HTMLAttributes } from 'vue';
-import { type ToggleGroupItemProps } from 'reka-ui';
-import { type ToggleGroupVariants } from './toggleGroupContext';
-type __VLS_Props = ToggleGroupItemProps & {
-    class?: HTMLAttributes['class'];
-    variant?: ToggleGroupVariants['variant'];
-    size?: ToggleGroupVariants['size'];
-};
+import { type HTMLAttributes } from "vue";
+import { type ToggleGroupSize, type ToggleGroupVariant } from "./toggleGroupContext";
+import type { SelectionValue } from "../_shared/selection";
+export interface ToggleGroupItemProps {
+    value: SelectionValue;
+    disabled?: boolean;
+    class?: HTMLAttributes["class"];
+    variant?: ToggleGroupVariant;
+    size?: ToggleGroupSize;
+}
 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<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+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>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,2 +1,3 @@
-export { default as ToggleGroup } from './ToggleGroup.vue';
-export { default as ToggleGroupItem } from './ToggleGroupItem.vue';
+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";

package/dist/components/toggle-group/styles.css

@@ -0,0 +1 @@
+@layer components { .toggle-group { display: inline-flex; inline-size: fit-content; max-inline-size: 100%; align-items: center; gap: 0.25rem; vertical-align: middle; scroll-padding-inline: 0.25rem; overscroll-behavior-inline: contain; } .toggle-group[data-type="single"] { justify-content: safe center; padding: 0.25rem; border-radius: calc(var(--radius-pill) + 0.25rem); background: var(--glass-bg-quiet); -webkit-backdrop-filter: var(--glass-cell-backdrop-filter, var(--glass-blur-quiet)); backdrop-filter: var(--glass-cell-backdrop-filter, var(--glass-blur-quiet)); box-shadow: var(--glass-rim-top), var(--glass-rim-bottom), inset 0 1px 2px var(--tab-track-recess-ink); } .toggle-group[data-orientation="vertical"] { flex-direction: column; align-items: stretch; } .toggle-group__item { --toggle-group-item-size: var(--control-h-md); display: inline-flex; flex: none; min-inline-size: var(--toggle-group-item-size); min-block-size: var(--toggle-group-item-size); align-items: center; justify-content: center; gap: 0.5rem; padding-inline: 0.75rem; border: 1px solid transparent; border-radius: var(--radius-pill); background: transparent; color: var(--muted-foreground); font: inherit; font-size: var(--control-text); font-weight: 500; line-height: 1; white-space: nowrap; cursor: pointer; appearance: none; touch-action: manipulation; user-select: none; --scale-press: var(--scale-press-sm); } .toggle-group__item[data-size="sm"] { --toggle-group-item-size: var(--control-h-sm); padding-inline: 0.625rem; font-size: var(--control-text-sm); } .toggle-group__item[data-size="lg"] { --toggle-group-item-size: var(--control-h-lg); padding-inline: 1.25rem; } .toggle-group__item[data-variant="outline"] { border-color: var(--control-surface-border); background: var(--control-surface-bg); -webkit-backdrop-filter: var(--glass-cell-backdrop-filter, var(--control-surface-blur)); backdrop-filter: var(--glass-cell-backdrop-filter, var(--control-surface-blur)); } .toggle-group__item:hover:not(:disabled) { background: var(--control-surface-bg-hover); color: var(--foreground); } .toggle-group__item[data-state="on"] { border-color: color-mix(in oklab, var(--primary) 28%, transparent); background: var(--accent); color: var(--accent-foreground); box-shadow: var(--shadow-sm); } .toggle-group__item:disabled { opacity: var(--opacity-disabled); cursor: not-allowed; pointer-events: none; } .toggle-group__item > svg { flex: none; pointer-events: none; } @media (forced-colors: active) { .toggle-group[data-type="single"], .toggle-group__item[data-variant="outline"] { border: 1px solid ButtonText; background: Canvas; box-shadow: none; } .toggle-group__item[data-state="on"] { border-color: Highlight; background: Highlight; color: HighlightText; } } }

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

@@ -1,20 +1,9 @@
-import type { VariantProps } from "class-variance-authority";
-import type { toggleVariants } from "../toggle";
-/**
- * ToggleGroup context — surfaces `variant` + `size` to descendant
- * `<ToggleGroupItem>` so each item picks up the group-level variant
- * without per-item prop drilling.
- *
- * O.W2 Lane A — canonical typed-key + helper-pair DI shape per invariant
- * 25; replaces the prior raw `provide("toggleGroup", {...})` + untyped
- * `inject<ToggleGroupVariants>("toggleGroup")` pair.
- */
-export type ToggleGroupVariants = VariantProps<typeof toggleVariants>;
+export type ToggleGroupVariant = "default" | "outline";
+export type ToggleGroupSize = "sm" | "md" | "lg";
 export interface ToggleGroupContext {
-    variant: ToggleGroupVariants["variant"];
-    size: ToggleGroupVariants["size"];
+    variant?: ToggleGroupVariant | null;
+    size?: ToggleGroupSize | null;
 }
 export declare const TOGGLE_GROUP_KEY: import("vue").InjectionKey<ToggleGroupContext>;
 export declare function provideToggleGroupContext(context: ToggleGroupContext): void;
-/** Befitting silent default — `<ToggleGroupItem>` can also render bare. */
 export declare const useOptionalToggleGroupContext: () => ToggleGroupContext | null;

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

@@ -1,13 +1,26 @@
-import { type TooltipRootProps } from 'reka-ui';
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+export interface TooltipProps {
+    /** Controlled visibility. */
+    open?: boolean;
+    /** Initial visibility for an uncontrolled tooltip. */
+    defaultOpen?: boolean;
+    /** Per-tooltip override of the provider's opening delay. */
+    delayDuration?: number;
+    disabled?: boolean;
+}
+export interface TooltipEmits {
+    "update:open": [value: boolean];
+}
+type __VLS_Slots = {
+    default?: () => unknown;
 };
-declare const __VLS_base: import("vue").DefineComponent<TooltipRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<TooltipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<TooltipRootProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<TooltipProps> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    open: boolean;
+    defaultOpen: boolean;
+}, {}, {}, {}, 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/tooltip/TooltipContent.vue.d.ts

@@ -1,23 +1,31 @@
-import { type HTMLAttributes } from 'vue';
-import { type TooltipContentProps } from 'reka-ui';
-import { type Surface } from '../_shared/useSurfaceAxis';
-type __VLS_Props = TooltipContentProps & {
-    class?: HTMLAttributes['class'];
+import { type HTMLAttributes } from "vue";
+import type { Surface } from "../_shared/axes";
+import { type FloatingPlacementProps } from "../_shared/floating";
+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];
+    pointerDownOutside: [event: Event];
+}
+type __VLS_Slots = {
+    default?: () => unknown;
 };
-declare var __VLS_14: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_14) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<TooltipContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     escapeKeyDown: (event: KeyboardEvent) => any;
     pointerDownOutside: (event: Event) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<TooltipContentProps> & Readonly<{
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: Event) => any) | undefined;
 }>, {
-    surface: Surface;
+    side: import("../_shared/floating").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/TooltipProvider.vue.d.ts

@@ -1,9 +1,16 @@
-import { type TooltipProviderProps } from 'reka-ui';
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+export interface TooltipProviderProps {
+    /** Pointer dwell before the first tooltip opens, in milliseconds. */
+    delayDuration?: number;
+    /** Grace period for moving between sibling tooltips, in milliseconds. */
+    skipDelayDuration?: number;
+}
+type __VLS_Slots = {
+    default?: () => unknown;
 };
-declare const __VLS_base: import("vue").DefineComponent<TooltipProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TooltipProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<TooltipProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TooltipProviderProps> & Readonly<{}>, {
+    delayDuration: number;
+    skipDelayDuration: number;
+}, {}, {}, {}, 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/tooltip/TooltipTrigger.vue.d.ts

@@ -1,9 +1,16 @@
-import { type TooltipTriggerProps } from 'reka-ui';
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+import { type HTMLAttributes } from "vue";
+import type { PrimitiveProps } from "../_shared/primitive";
+export interface TooltipTriggerProps {
+    /** Merge trigger behavior into one interactive child. */
+    asChild?: PrimitiveProps["asChild"];
+    class?: HTMLAttributes["class"];
+}
+type __VLS_Slots = {
+    default?: () => unknown;
 };
-declare const __VLS_base: import("vue").DefineComponent<TooltipTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TooltipTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<TooltipTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TooltipTriggerProps> & Readonly<{}>, {
+    asChild: boolean;
+}, {}, {}, {}, 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/tooltip/index.d.ts

@@ -1,4 +1,4 @@
-export { default as Tooltip } from './Tooltip.vue';
-export { default as TooltipContent } from './TooltipContent.vue';
-export { default as TooltipTrigger } from './TooltipTrigger.vue';
-export { default as TooltipProvider } from './TooltipProvider.vue';
+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";

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

@@ -27,8 +27,6 @@ interface Props {
     pauseAfterDelete?: number;
     /** Backspace speed in word-rotation mode (ms per char). */
     deletingSpeed?: number;
-    /** Whether clicking characters triggers interactive backspace. */
-    interactive?: boolean;
     respectReducedMotion?: boolean;
 }
 declare const __VLS_export: import("vue").DefineComponent<Props, {
@@ -56,10 +54,9 @@ declare const __VLS_export: import("vue").DefineComponent<Props, {
     onComplete?: (() => any) | undefined;
     onWordComplete?: ((index: number) => any) | undefined;
 }>, {
-    loop: boolean;
     text: string;
     respectReducedMotion: boolean;
-    interactive: boolean;
+    loop: boolean;
     words: TypewriterWord[];
     ngramSize: number | {
         min: number;

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

@@ -10,11 +10,11 @@ export declare function useTypewriter(options: TypewriterOptions): {
         className?: string | undefined;
         isCode?: boolean | undefined;
     }>;
+    reducedMotion: Readonly<import("vue").Ref<boolean, boolean>>;
     startTyping: () => Promise<void>;
     stopTyping: () => void;
     reset: () => void;
     updateText: (newText: string) => void;
-    backspaceToPosition: (targetLength: number) => Promise<void>;
     pause: () => void;
     resume: () => void;
     setCharPosition: (n: number) => void;

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

@@ -0,0 +1 @@
+export declare function splitGraphemes(text: string): string[];

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

@@ -13,5 +13,3 @@ export declare function pickNgramSize(config: number | {
 }): number;
 /** Uniform random integer in [min, max] (inclusive). */
 export declare function randomInRange(min: number, max: number): number;
-/** Check if user prefers reduced motion. SSR-safe. */
-export declare function prefersReducedMotion(): boolean;

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

@@ -2,7 +2,7 @@
  * WatercolorDot — an organic pastel blob swatch. A CSS/SVG primitive (NO drawing
  * context — no WebGL/WebGPU/Canvas2D; the deliberate suite counterexample, the mark
  * that documents WHY it is not a GPU context): the blob shape is a deterministic
- * per-vertex `border-radius` morph (seeded by `color + seed`), and the wet, bleeding
+ * `border-radius` silhouette (seeded by `color + seed`), and the wet, bleeding
  * edge is an SVG turbulence + displacement filter that is INTERNALISED — the component
  * mounts its own namespaced `<filter>` so there is zero consumer plumbing. Mount the
  * dot and the filter just works.
@@ -29,7 +29,7 @@ type __VLS_Props = {
      *                       color; the existing register, unchanged).
      *   `ghost`  — the SAME seeded blob SILHOUETTE traced as a DASHED outline: a
      *              dashed CSS BORDER reading the SAME seeded `border-radius`
-     *              silhouette the solid dot fills (`activeBorderRadius`), carrying
+     *              silhouette the solid dot fills (`borderRadius`), carrying
      *              the SAME wet `feDisplacementMap` filter so the displacement
      *              wobbles the dashed border INTO the seeded organic outline. A
      *              CSS dashed border hugs its own `border-radius`, so the outline
@@ -37,14 +37,12 @@ type __VLS_Props = {
      *              NOT a dashed rectangle. A low-alpha `color` fill is kept behind
      *              the border. A `ghost` of a given `color + seed` traces the SAME
      *              outline the `solid` dot of that seed fills (both read the same
-     *              `useWatercolorBlob` morph — the ONE shape source). The empty-
+     *              `useWatercolorBlob` silhouette — the ONE shape source). The empty-
      *              palette-slot / placeholder affordance.
      */
     variant?: "solid" | "ghost";
     /** Run the rAF-driven compositor transform wobble (default false → static). */
     animate?: boolean;
-    /** Host tag — `div` (decorative) or `button` (interactive). */
-    tag?: "div" | "button";
     /** Base morph cycle duration in ms (default 4000). */
     cycleDuration?: number;
     /** Border-radius range [lo, hi] as percentages (default [20, 80]). */
@@ -52,23 +50,12 @@ type __VLS_Props = {
     /** Extra seed string mixed into the shape + wet-edge PRNG for uniqueness. */
     seed?: string;
 };
-declare var __VLS_11: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_11) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     animate: boolean;
     range: [number, number];
-    variant: "solid" | "ghost";
     seed: string;
-    tag: "div" | "button";
+    variant: "solid" | "ghost";
     cycleDuration: number;
 }, {}, {}, {}, 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_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/watercolor-dot/useWatercolorBlob.d.ts

@@ -18,14 +18,11 @@ export interface UseWatercolorBlobOptions {
  * every frame, which flashes Safari). In `animate` mode the liveness rides a seeded
  * COMPOSITOR `transform` wobble (scale/skew/rotate) the compositor handles WITHOUT
  * touching the cached filter — the HandMark static-filter idiom. The wobble is driven
- * by the library's ONE `useRAFLoop` (BG.W-WATERCOLOR-RAF) — parked when the tab is
+ * by the library's ONE `useRAFLoop` — parked when the tab is
  * hidden, frozen under `prefers-reduced-motion` — never a hand-rolled zombie rAF.
- * `nudge()` retargets the wobble for a quick jiggle on hover.
  */
 export declare function useWatercolorBlob(color: Ref<string> | (() => string), options?: UseWatercolorBlobOptions): {
     borderRadius: Ref<string, string>;
-    hoverBorderRadius: Ref<string, string>;
     transform: Ref<string, string>;
-    nudge: () => void;
 };
 export type WatercolorBlob = ReturnType<typeof useWatercolorBlob>;

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

@@ -2,10 +2,7 @@ import type { UseAccentToneOptions } from "./useAccentTone";
 /**
  * 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
- * cascade var). The ink RESOLVES `safeAccentColor(toneColor, bandLightness, …)`:
- * value.js shifts the tone's OKLCh lightness AWAY from the active-band fill until it
- * clears the AA bar, so the label reads ON the fill in either mode. Returns an
- * `oklch(...)` string, or `""` on an unparseable tone/surface (fail-explicit — the
- * consumer falls back to the CSS default ink, a befitting graceful degrade).
+ * cascade var). Invalid CSS and unreachable contrast throw `GlassColorError`; this
+ * boundary never substitutes a default ink.
  */
 export declare function solveAccentInk(toneCss: string, opts?: UseAccentToneOptions): string;