@mkbabb/glass-ui 6.0.0 → 8.0.0

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

@@ -1,64 +0,0 @@
-/**
- * The shared surface-decoration axis — three rungs, ONE grammar.
- *
- *   glass   — the resolved tier's plain glass rung (default). The translucent
- *             blur surface, the maximal glass-first register.
- *   veil    — the borderless/rimless text-legibility plate: the `--glass-bg-quiet`
- *             fill + blur with the box border AND rim STRIPPED (the boxed look
- *             reads as a dividing line on a text plate). Reads the same `--glass-*`
- *             ladder + W55 `--glass-tint-*` seam, so `--glass-level` / the bright
- *             bucket retune it in lockstep with every glass surface.
- *   opaque  — the `--glass-level:0` solid-card escape: solid `--card` + `blur(0)`
- *             through the ONE level knob. The explicit opt-out from the maximal
- *             glass default.
- *
- * (BE.W-CLEAR-VARIANT's `clear` member was RETIRED at BI.W-CLEAR-FOLD — a full
- * mechanism with zero binding consumers; the substrate-without-consumer invariant
- * J-inv-10 retires it. proof:surface-axis W9 (member-consumption) gate-locks the
- * union against a future dead member riding vacuously.)
- */
-export type Surface = "glass" | "veil" | "opaque";
-/**
- * The 5-rung glass-ladder tier the surface paints its base over. Mirrors the
- * `.glass-{wash,quiet,resting,floating,overlay}` ladder. A surface passes the rung
- * it already paints (Card's `resting`, Dialog/Sheet/Popover's `floating`); the
- * resolver maps it to the `glass-${tier}` base class. `opaque` is NOT a ladder
- * rung here — it is a decoration on TOP of a base tier (the `.glass-opaque`
- * escape keeps the tier's edge/rim), exactly as Card composes it.
- */
-export type SurfaceTier = "wash" | "quiet" | "resting" | "floating" | "overlay";
-/**
- * Resolve a (surface, tier) pair to the class string a surface composes. Pairs
- * with a `:data-surface="surface"` attribute binding on the same element — the
- * CSS seam (`surface-axis.css`) reads the attr to apply the veil/opaque
- * decoration UNIFORMLY, while this resolver emits the back-compat decoration
- * classes (`veil-surface` / `glass-opaque`) so Card's three shared rungs stay
- * byte-identical and a surface composing the class set alone (no attr) still
- * paints correctly.
- *
- *   surfaceClass("glass",  "floating") → "glass-floating"
- *   surfaceClass("veil",   "floating") → "glass-floating veil-surface"
- *   surfaceClass("opaque", "floating") → "glass-floating glass-opaque"
- *
- * @param surface the decoration rung (`glass` default · `veil` · `opaque`)
- * @param tier    the base ladder rung (default `resting`)
- */
-export declare function surfaceClass(surface?: Surface, tier?: SurfaceTier): string;
-/**
- * Resolve ONLY the decoration class for a surface — no base-tier prefix
- * (BI.W-SURFACE-EXTRACT). The SINGLE source of the veil/opaque decoration
- * string; `surfaceClass()` (above) composes it after the base tier. This KILLS
- * the `surfaceClass(x).replace(/^glass-.../, "")` tier-strip DRY wart every
- * reka-portaled overlay hand-rolled to strip the base tier off `surfaceClass`'s
- * output (the `^glass-<tier>` prefix, whitespace-trimmed): a
- * surface that already composes its OWN base tier (Card `glass-${tier}`,
- * Dialog/Sheet/Popover's baked `glass-floating`, the drawer recipe) reaches
- * for the decoration ALONE through this function — ONE regex-free source.
- *
- *   decorationClass("glass")  → ""              (the identity — the bare tier paints)
- *   decorationClass("veil")   → "veil-surface"
- *   decorationClass("opaque") → "glass-opaque"
- *
- * @param surface the decoration rung (`glass` default · `veil` · `opaque`)
- */
-export declare function decorationClass(surface?: Surface): string;

package/dist/components/animated-digit/AnimatedDigit.vue.d.ts

@@ -1,56 +0,0 @@
-import type { HTMLAttributes } from "vue";
-/**
- * AnimatedDigit — a numeric display that damps toward its target via
- * `useAnimatedNumber`, formats per consumer-supplied formatter, and ships
- * the tabular-numerals + ss01 + lnum font-feature register so consumers
- * stop hand-wiring those rules per site.
- *
- * AC.W6d — promoted from speedtest's hand-wired
- * `useAnimatedNumber(metric) → result.formatted` + `<span class="tabular-
- * nums">{{ result.formatted.value }}</span>` pattern. Two-line replacement.
- *
- * Consumers pass:
- *  - `value`: the target. The composable damps; on null the displayed
- *    digit clears to the placeholder.
- *  - `format`: optional formatter (`(v: number) => string`). Defaults to
- *    `String(Math.round(v))`.
- *  - `placeholder`: glyph for null/empty (default "—").
- *  - `digitCount`: optional knob exposed to the consumer via the
- *    `--digit-count` CSS custom property on the host. A consumer's
- *    width-clamp can read this so the value cell shrinks proportionally
- *    as the rendered digits widen. When omitted the primitive computes
- *    it from the formatted string length.
- *  - `mode`: `"absolute"` (default) or `"progress"` — passes through to
- *    `useAnimatedNumber`.
- *
- * AZ.W-METRIC-UNIFY — AnimatedDigit keeps its OWN local `placeholder: "—"`
- * default (NOT the shared `coalesceMetric` leaf). It is a distinct animated
- * single-glyph reel, not a static value-display card: it damps the FORMATTED
- * number toward its target and its empty-check fires only on `null`/`undefined`
- * (its `value` is `number | null | undefined` — there is no `""` empty string to
- * coalesce). Folding it onto the value-card core would conflate two different
- * surfaces. The keep is deliberate.
- */
-export type AnimatedDigitMode = "absolute" | "progress";
-export interface AnimatedDigitProps {
-    value: number | null | undefined;
-    format?: (v: number) => string;
-    placeholder?: string;
-    /**
-     * Override the auto-derived digit-count. When unset the primitive
-     * publishes the formatted-string length to `--digit-count` so a
-     * consumer's width-clamp reads from a single source of truth.
-     */
-    digitCount?: number;
-    /** Tag forwarded to `useAnimatedNumber`. */
-    mode?: AnimatedDigitMode;
-    /** Damping factor; forwarded to `useAnimatedNumber`. */
-    damping?: number;
-    class?: HTMLAttributes["class"];
-}
-declare const __VLS_export: import("vue").DefineComponent<AnimatedDigitProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AnimatedDigitProps> & Readonly<{}>, {
-    placeholder: string;
-    mode: AnimatedDigitMode;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/animated-digit/index.d.ts

@@ -1,2 +0,0 @@
-export { default as AnimatedDigit } from "./AnimatedDigit.vue";
-export type { AnimatedDigitMode, AnimatedDigitProps } from "./AnimatedDigit.vue";

package/dist/components/card/ScrollCard.vue.d.ts

@@ -1,33 +0,0 @@
-import type { HTMLAttributes } from "vue";
-import type { CardTier, CardSurface, CardSpecular } from "./Card.vue";
-/** Props for `<ScrollCard>` — the first-class scroll-shrink card. */
-export interface ScrollCardProps {
-    /** Card surface tier — forwarded to the inner `<Card>`. Default `resting`. */
-    tier?: CardTier;
-    /** Surface decoration register — forwarded to `<Card>`. Default `glass`. */
-    surface?: CardSurface;
-    /** Surface drop shadow — forwarded to `<Card>`. Default `true`. */
-    shadow?: boolean;
-    /** Specular catch-light — forwarded to `<Card>`. Default `off`. */
-    specular?: CardSpecular;
-    /** Max scroll-port height. The scroll region needs a bounded height for
-     *  the `--card-scroll` timeline to have a scroll range. Default `18rem`. */
-    maxHeight?: string;
-    class?: HTMLAttributes["class"];
-}
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ScrollCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ScrollCardProps> & Readonly<{}>, {
-    shadow: boolean;
-    surface: CardSurface;
-    maxHeight: string;
-    tier: CardTier;
-    specular: CardSpecular;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: (props: {}) => any;
-}>;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/card/ScrollCardHeader.vue.d.ts

@@ -1,17 +0,0 @@
-import type { HTMLAttributes } from "vue";
-/** Props for `<ScrollCardHeader>` — the larger-header-items scroll-shrink header. */
-export interface ScrollCardHeaderProps {
-    /** A consumer that wants the header NOT pinned passes `:sticky="false"`. */
-    sticky?: boolean;
-    class?: HTMLAttributes["class"];
-}
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ScrollCardHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ScrollCardHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: (props: {}) => any;
-}>;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/card/card-scroll.css

@@ -1 +0,0 @@
-.card-header--shrink { --card-title-shrink-ratio: 0.695; --title-collapse-scale: var(--card-title-shrink-ratio); --card-shrink-ease: var(--ease-out, linear); --card-header-bg: color-mix( in oklab, var(--glass-bg-floating), var(--glass-tint-source) var(--glass-tint-strength) ); position: relative; transform-origin: top; } .card-header--shrink::before { content: ""; position: absolute; inset: 0; z-index: 0; background: var(--card-header-bg); opacity: 0; border-radius: inherit; pointer-events: none; } .card-header--shrink > * { position: relative; z-index: 1; } .card-header--shrink > [data-slot="card-description"] { transform-origin: top; will-change: transform, opacity; } @keyframes title-collapse { to { scale: var(--title-collapse-scale, 0.82); } } @keyframes card-header-shrink { from { transform: translateY(0); } to { transform: translateY(-0.5rem); } } @keyframes card-header-bg-lift { from { opacity: 0; } to { opacity: 1; } } @keyframes card-desc-shrink { from { opacity: 1; transform: scaleY(1); } to { opacity: 0; transform: scaleY(0); } } @media (prefers-reduced-motion: no-preference) { @supports (animation-timeline: scroll()) { .card-header--shrink { animation: card-header-shrink var(--card-shrink-ease) both; animation-timeline: --card-scroll; animation-range: 0px 120px; } .card-header--shrink::before { animation: card-header-bg-lift var(--card-shrink-ease) both; animation-timeline: --card-scroll; animation-range: 0px 120px; } .card-header--shrink > [data-slot="card-title"] { animation: title-collapse var(--card-shrink-ease) both; animation-timeline: --card-scroll; animation-range: 0px 120px; transform-origin: left top; } .card-header--shrink > [data-slot="card-description"] { animation: card-desc-shrink var(--card-shrink-ease) both; animation-timeline: --card-scroll; animation-range: 0px 80px; } } }

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

@@ -1,21 +0,0 @@
-import type { WithClassAsProps } from './interface';
-import { type ButtonVariants } from '../button';
-type __VLS_Props = {
-    variant?: ButtonVariants['variant'];
-    size?: ButtonVariants['size'];
-} & WithClassAsProps;
-declare var __VLS_10: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_10) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    variant: "link" | "default" | "glass" | "accent" | "secondary" | "outline" | "primary-audacious" | "gold-audacious" | "ghost" | "glass-wash" | "ai" | null;
-}, {}, {}, {}, 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/carousel/CarouselPrevious.vue.d.ts

@@ -1,21 +0,0 @@
-import type { WithClassAsProps } from './interface';
-import { type ButtonVariants } from '../button';
-type __VLS_Props = {
-    variant?: ButtonVariants['variant'];
-    size?: ButtonVariants['size'];
-} & WithClassAsProps;
-declare var __VLS_10: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_10) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    variant: "link" | "default" | "glass" | "accent" | "secondary" | "outline" | "primary-audacious" | "gold-audacious" | "ghost" | "glass-wash" | "ai" | null;
-}, {}, {}, {}, 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/carousel/interface.d.ts

@@ -1,20 +0,0 @@
-import type useEmblaCarousel from 'embla-carousel-vue';
-import type { EmblaCarouselVueType } from 'embla-carousel-vue';
-import type { HTMLAttributes, UnwrapRef } from 'vue';
-type CarouselApi = EmblaCarouselVueType[1];
-type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
-type CarouselOptions = UseCarouselParameters[0];
-type CarouselPlugin = UseCarouselParameters[1];
-export type UnwrapRefCarouselApi = UnwrapRef<CarouselApi>;
-export interface CarouselProps {
-    opts?: CarouselOptions;
-    plugins?: CarouselPlugin;
-    orientation?: 'horizontal' | 'vertical';
-}
-export interface CarouselEmits {
-    (e: 'init-api', payload: UnwrapRefCarouselApi): void;
-}
-export interface WithClassAsProps {
-    class?: HTMLAttributes['class'];
-}
-export {};

package/dist/components/color-swatch/ColorSwatch.vue.d.ts

@@ -1,22 +0,0 @@
-import { type HTMLAttributes } from "vue";
-type __VLS_Props = {
-    /** The chip edge size. `sm` = 28px, `md` = 32px (default). */
-    size?: "sm" | "md";
-    /** Render the uppercase hex code beside the swatch. Default `false`. */
-    showHex?: boolean;
-    class?: HTMLAttributes["class"];
-};
-type __VLS_ModelProps = {
-    modelValue?: string;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {
-    size: "sm" | "md";
-    showHex: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/color-swatch/index.d.ts

@@ -1 +0,0 @@
-export { default as ColorSwatch } from "./ColorSwatch.vue";

package/dist/components/combobox/Combobox.vue.d.ts

@@ -1,32 +0,0 @@
-import { type ComboboxRootProps } from 'reka-ui';
-type __VLS_Props = ComboboxRootProps;
-declare var __VLS_9: {
-    open: boolean;
-    modelValue: string | number | bigint | Record<string, any> | (string | number | bigint | Record<string, any> | null)[] | null;
-};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_9) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: import("reka-ui").AcceptableValue) => any;
-    highlight: (payload: {
-        ref: HTMLElement;
-        value: import("reka-ui").AcceptableValue;
-    } | undefined) => any;
-    "update:open": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((value: import("reka-ui").AcceptableValue) => any) | undefined;
-    onHighlight?: ((payload: {
-        ref: HTMLElement;
-        value: import("reka-ui").AcceptableValue;
-    } | undefined) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => 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;
-    };
-};

package/dist/components/combobox/ComboboxAnchor.vue.d.ts

@@ -1,18 +0,0 @@
-import type { ComboboxAnchorProps } from 'reka-ui';
-import type { HTMLAttributes } from 'vue';
-type __VLS_Props = ComboboxAnchorProps & {
-    class?: HTMLAttributes['class'];
-};
-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_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/combobox/ComboboxEmpty.vue.d.ts

@@ -1,18 +0,0 @@
-import type { ComboboxEmptyProps } from 'reka-ui';
-import type { HTMLAttributes } from 'vue';
-type __VLS_Props = ComboboxEmptyProps & {
-    class?: HTMLAttributes['class'];
-};
-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_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/combobox/ComboboxGroup.vue.d.ts

@@ -1,19 +0,0 @@
-import type { ComboboxGroupProps } from 'reka-ui';
-import type { HTMLAttributes } from 'vue';
-type __VLS_Props = ComboboxGroupProps & {
-    class?: HTMLAttributes['class'];
-    heading?: string;
-};
-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, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/combobox/ComboboxInput.vue.d.ts

@@ -1,23 +0,0 @@
-import type { HTMLAttributes, InputHTMLAttributes } from 'vue';
-import { type ComboboxInputProps } from 'reka-ui';
-type __VLS_Props = ComboboxInputProps & {
-    class?: HTMLAttributes['class'];
-    placeholder?: InputHTMLAttributes['placeholder'];
-};
-declare var __VLS_12: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_12) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (args_0: string) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((args_0: string) => 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;
-    };
-};

package/dist/components/combobox/ComboboxItem.vue.d.ts

@@ -1,22 +0,0 @@
-import type { ComboboxItemProps } from 'reka-ui';
-import type { HTMLAttributes } from 'vue';
-type __VLS_Props = ComboboxItemProps & {
-    class?: HTMLAttributes['class'];
-};
-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, {
-    select: (event: import("reka-ui").ListboxItemSelectEvent<import("reka-ui").AcceptableValue>) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSelect?: ((event: import("reka-ui").ListboxItemSelectEvent<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;
-    };
-};

package/dist/components/combobox/ComboboxItemIndicator.vue.d.ts

@@ -1,18 +0,0 @@
-import type { ComboboxItemIndicatorProps } from 'reka-ui';
-import type { HTMLAttributes } from 'vue';
-type __VLS_Props = ComboboxItemIndicatorProps & {
-    class?: HTMLAttributes['class'];
-};
-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_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/combobox/ComboboxList.vue.d.ts

@@ -1,32 +0,0 @@
-import type { ComboboxContentProps } from 'reka-ui';
-import type { HTMLAttributes } from 'vue';
-type __VLS_Props = ComboboxContentProps & {
-    class?: HTMLAttributes['class'];
-};
-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, {
-    escapeKeyDown: (event: KeyboardEvent) => any;
-    pointerDownOutside: (event: import("reka-ui").PointerDownOutsideEvent) => any;
-    focusOutside: (event: import("reka-ui").FocusOutsideEvent) => any;
-    interactOutside: (event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: import("reka-ui").PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: import("reka-ui").FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any) | undefined;
-}>, {
-    position: "inline" | "popper";
-    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;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,9 +0,0 @@
-export { default as Combobox } from './Combobox.vue';
-export { default as ComboboxAnchor } from './ComboboxAnchor.vue';
-export { default as ComboboxEmpty } from './ComboboxEmpty.vue';
-export { default as ComboboxGroup } from './ComboboxGroup.vue';
-export { default as ComboboxInput } from './ComboboxInput.vue';
-export { default as ComboboxItem } from './ComboboxItem.vue';
-export { default as ComboboxItemIndicator } from './ComboboxItemIndicator.vue';
-export { default as ComboboxList } from './ComboboxList.vue';
-export { ComboboxTrigger } from 'reka-ui';

package/dist/components/completion-seal/CompletionSeal.vue.d.ts

@@ -1,28 +0,0 @@
-import { type CompletionSealShape } from "./constants";
-export interface CompletionSealProps {
-    /** The seal glyph — `check` (default) | `ring` | `disc` | `wordmark`. */
-    shape?: CompletionSealShape;
-    /**
-     * The accessible completion announcement (the `role="status"`/`aria-live` text — a
-     * screen reader hears "Speedtest complete", etc.). The gold mark is the visual.
-     */
-    label?: string;
-    /**
-     * The draw trigger — the consumer fires it on completion. When it flips truthy the
-     * seal draws ONCE. Default (unset) plays on mount (the seal draws when it appears —
-     * the canonical completion moment).
-     */
-    play?: boolean;
-    /**
-     * The earned-gold garnish (BG.W-SEAL-DISC) — the result exceeded the user's
-     * historical best. Arms `[data-best]`, which re-points `--seal-ink` onto the brighter
-     * `--seal-best` earned-gold register (a colour LIFT within the gold family — gold is
-     * EARNED, Q2). Compositor-only; the base seal ink stays the completion register.
-     */
-    personalBest?: boolean;
-    /** Pass-through class on the root. */
-    class?: string;
-}
-declare const __VLS_export: import("vue").DefineComponent<CompletionSealProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CompletionSealProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/completion-seal/composables/useCompletionSeal.d.ts

@@ -1,37 +0,0 @@
-import { type Ref } from "vue";
-export interface UseCompletionSealOptions {
-    /**
-     * The draw trigger. When it flips truthy the seal draws ONCE (the consumer fires it
-     * on completion). A `Ref` or a getter; default plays on mount (`play` unset → the
-     * seal draws when it appears, the canonical completion moment).
-     */
-    play?: Ref<boolean | undefined> | (() => boolean | undefined);
-    /**
-     * Honor `prefers-reduced-motion: reduce` — under reduce the seal appears INSTANTLY
-     * fully-drawn (no stroke animation, no glint sweep). Default true. (Never forced
-     * false — the PRM-safe-by-construction fence.)
-     */
-    respectReducedMotion?: boolean;
-}
-export interface UseCompletionSeal {
-    /** The reactive `data-play` seam — bind it to `:data-play` on `.completion-seal`. */
-    playing: Readonly<Ref<boolean>>;
-    /** True once the seal has drawn (or snapped under PRM) — the static held state. */
-    drawn: Readonly<Ref<boolean>>;
-    /**
-     * Whether the motion is suppressed (PRM) — the SFC snaps `--seal-draw: 100%` and
-     * omits the `data-play` arm so the recipe's no-preference gate never fires.
-     */
-    reduced: Readonly<Ref<boolean>>;
-    /** Imperatively (re-)fire the one-shot draw (a second completion event). */
-    draw: () => void;
-}
-/**
- * The one-shot completion-seal draw. Arms `playing` (the `data-play` seam) for the
- * single draw pass, then settles to the static `drawn` state. Under reduced motion it
- * never arms — `reduced` is true and the seal is the instant fully-drawn mark.
- *
- * Deterministic + SSR-safe (the matchMedia guard) — the recipe owns the paint, this
- * leaf owns the boolean lifecycle.
- */
-export declare function useCompletionSeal(options?: UseCompletionSealOptions): UseCompletionSeal;

package/dist/components/completion-seal/constants.d.ts

@@ -1,66 +0,0 @@
-/**
- * The seal glyph axis — the mark the gold stroke draws:
- *  - `check` (default) — a checkmark (the canonical "done" garnish).
- *  - `ring`  — a ring/circle around the completion (a seal around the event).
- *  - `disc`  — the composed earned-coin gesture: a filled gold disc FACE with the ring
- *    stroke-draw affirmation around it and the check draw-in inside, SEQUENCED
- *    disc→ring→check (the hero completion coin — BG.W-SEAL-DISC / SPEEDTEST-AX #1).
- *  - `wordmark` — a self-contained seal mark (a stylized seal glyph).
- *
- * `check`/`ring`/`wordmark` share the ONE gold-draw mechanism (the `--seal-draw`
- * stroke-reveal on the `--seal-ink` gold stroke) — a `shape`-scoped path, NOT a second
- * recipe. `disc` COMPOSES that same mechanism across three layers (the disc face fades
- * in, then the ring RE-USES the ring geometry to draw around, then the check RE-USES the
- * check path to draw in) — no fourth recipe, the layers stagger on animation-delay off
- * the `--seal-ring-delay`/`--seal-check-delay` seam. The seal is the GOLD-DRAW completion
- * register, distinct from the HandMark hand-voice family.
- */
-export type CompletionSealShape = "check" | "ring" | "disc" | "wordmark";
-/** The default seal glyph — the checkmark "done" garnish. */
-export declare const COMPLETION_SEAL_DEFAULT_SHAPE: CompletionSealShape;
-/**
- * The normalized SVG viewBox the glyphs are authored in. The mark `pathLength="100"`
- * normalizes every glyph's draw length so the `stroke-dashoffset` wipe is path-agnostic
- * (the recipe reads `--seal-draw` 0..100% against the normalized length).
- */
-export declare const COMPLETION_SEAL_VIEWBOX = "0 0 64 64";
-/**
- * The per-shape SVG path/element the gold stroke draws. `check`/`wordmark` are <path>
- * `d`-strings; `ring` is drawn as a <circle> and `disc` COMPOSES the ring geometry + the
- * check path (the SFC branches on shape), so neither authors its own path here. Authored
- * in the 64×64 viewBox, `pathLength="100"` normalized at the element.
- */
-export declare const COMPLETION_SEAL_PATHS: Record<Exclude<CompletionSealShape, "ring" | "disc">, string>;
-/**
- * The `ring` glyph geometry (a <circle>) — the centre + radius in the 64×64 viewBox.
- * A near-perimeter ring so the seal reads hero-scale. The `disc` shape REUSES this same
- * circle for its stroke-draw affirmation ring (one geometry, two reads).
- */
-export declare const COMPLETION_SEAL_RING: {
-    readonly cx: 32;
-    readonly cy: 32;
-    readonly r: 24;
-};
-/**
- * The `disc` glyph FACE geometry (a filled <circle>) — the earned-coin face the ring
- * draws around. Inset 3px inside the ring radius so the drawn ring reads as a clean rim
- * around the coin (the disc→ring→check gesture: face → rim → mark). The check path
- * (COMPLETION_SEAL_PATHS.check) fits inside this radius.
- */
-export declare const COMPLETION_SEAL_DISC: {
-    readonly cx: 32;
-    readonly cy: 32;
-    readonly r: 21;
-};
-/**
- * The SPRING register the draw rides (SPRING-EASE / W-MOTION-CANON P2 enter-bouncy):
- *  - the SETTLE leg (the spatial overshoot) rides `--spring-bouncy` (an ENTER may
- *    overshoot on arrival);
- *  - the DRAW + GLINT legs ride the `--spring-snappy` CLOCK (the snappy settle duration)
- *    so the gold inks crisply, not languidly.
- * The seal mints NO new spring token — it READS the SPRING-EASE register (the no-new-clock
- * fence). These names are the recorded register choice; the actual curves live in the
- * cascade (tokens/scheme-motion.css) and the recipe (completion-seal.css) reads them.
- */
-export declare const COMPLETION_SEAL_SETTLE_SPRING = "--spring-bouncy";
-export declare const COMPLETION_SEAL_DRAW_SPRING = "--spring-snappy";

package/dist/components/completion-seal/index.d.ts

@@ -1,4 +0,0 @@
-export { default as CompletionSeal } from "./CompletionSeal.vue";
-export type { CompletionSealProps } from "./CompletionSeal.vue";
-export type { CompletionSealShape } from "./constants";
-export { useCompletionSeal, type UseCompletionSeal, type UseCompletionSealOptions, } from "./composables/useCompletionSeal";

package/dist/components/completion-seal/styles.css

@@ -1 +0,0 @@
-.completion-seal { --seal-ink: var(--phase-complete-color, var(--color-gold)); display: inline-flex; align-items: center; justify-content: center; transform: scale(var(--seal-scale, 1)); } .completion-seal[data-best] { --seal-best: var(--color-gold-light, var(--gold-light)); --seal-ink: var(--seal-best); } .completion-seal[data-shape="disc"] { --seal-ring-delay: var(--spring-snappy-duration, 0.34s); --seal-check-delay: calc(var(--spring-snappy-duration, 0.34s) * 2); } .completion-seal__disc { fill: var(--seal-disc-fill, color-mix(in oklab, var(--seal-ink), transparent 82%)); stroke: none; } .completion-seal__mark { fill: none; stroke: var(--seal-ink); stroke-width: var(--seal-stroke-width, 6); stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 100; stroke-dashoffset: calc(100 - var(--seal-draw, 100%) / 1%); --metal-glow-blur: var(--metal-glow-blur-default, 0.5em); --metal-glow-opacity: var(--metal-glow-opacity-default, 0.35); filter: drop-shadow( 0 0 calc(var(--metal-glow-blur) * var(--seal-glint, 0)) color-mix( in oklab, var(--seal-ink), transparent calc(100% - var(--metal-glow-opacity) * var(--seal-glint, 0) * 100%) ) ); } @media (prefers-reduced-motion: no-preference) { .completion-seal[data-play] { animation: completion-seal-settle var(--spring-bouncy-duration, 0.57s) var(--spring-bouncy) both; } .completion-seal:not([data-shape="disc"])[data-play] .completion-seal__mark { animation: completion-seal-draw var(--spring-snappy-duration, 0.34s) var(--ease-out, ease-out) both, completion-seal-glint var(--spring-snappy-duration, 0.34s) var(--ease-out, ease-out) var(--spring-snappy-duration, 0.34s) both; } .completion-seal[data-shape="disc"][data-play] .completion-seal__disc { animation: completion-seal-disc-in var(--spring-snappy-duration, 0.34s) var(--ease-out, ease-out) both; } .completion-seal[data-shape="disc"][data-play] .completion-seal__ring { animation: completion-seal-draw var(--spring-snappy-duration, 0.34s) var(--ease-out, ease-out) var(--seal-ring-delay, 0.34s) both; } .completion-seal[data-shape="disc"][data-play] .completion-seal__check { animation: completion-seal-draw var(--spring-snappy-duration, 0.34s) var(--ease-out, ease-out) var(--seal-check-delay, 0.68s) both, completion-seal-glint var(--spring-snappy-duration, 0.34s) var(--ease-out, ease-out) calc( var(--seal-check-delay, 0.68s) + var(--spring-snappy-duration, 0.34s) ) both; } } @keyframes completion-seal-draw { from { --seal-draw: 0%; } to { --seal-draw: 100%; } } @keyframes completion-seal-disc-in { from { opacity: 0; } to { opacity: 1; } } @keyframes completion-seal-settle { from { --seal-scale: 0.92; } to { --seal-scale: 1; } } @keyframes completion-seal-glint { 0% { --seal-glint: 0; } 45% { --seal-glint: 1; } 100% { --seal-glint: 0; } }