@mkbabb/glass-ui 7.0.0 → 9.0.0

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

@@ -1,82 +0,0 @@
-import type { DrawerDirection, DrawerMode, DrawerStage } from "./index";
-/**
- * The Drawer root uses Reka's `DialogRoot` substrate. Reka owns open state,
- * the portal, focus management (trapped when `modal`, free when `live-behind`),
- * and the scrim. The provided `useDrawerSnap` engine owns detent motion.
- *
- * `mode` is an additive shorthand. `"modal"` (default) keeps the iOS scale-down
- * look: `modal: true` (reka focus-traps + page-occludes) + `stage: "scale"` (the page
- * recedes). `"live-behind"` is the non-modal peek/half/full bottom sheet — `modal:
- * false` (no focus trap, no page `aria-hidden`, page-behind stays interactive — reka
- * delivers this natively), `stage: "none"`, and the direction-derived snap ladder.
- * Every prop the mode sets is still overridable by an explicit prop — `mode` only
- * supplies defaults.
- *
- * The snap props (`snapPoints`/`activeSnapPoint`/`direction`) are resolved by the
- * Glass engine and are not forwarded to Reka, which receives only root-dialog props.
- *
- * `stage` is the honest scene-staging enum — the page
- * recede is a real `--stage-t` scale/radius drive, not a boolean that moves no pixels:
- *   • `none`      — no staging (the live-behind peek sheet leaves the page untouched).
- *   • `dim`       — the scrim deepens with the detent; the page does NOT transform
- *                   (the PRM-safe luminance-only depth cue; also the `scale` degrade).
- *   • `scale`     — `dim` + the page RECEDES + SCALES (the iOS card-recede depth cue).
- *   • `immersive` — `scale` + one fixed-radius scrim backdrop sample (the spotlight;
- *                   its radius never reads the per-frame scalar).
- * Under `prefers-reduced-motion: reduce`, `scale`/`immersive` degrade to `dim` (no
- * page transform because a full-page snap-scale is perceived motion. The enum
- * toggles `data-stage-scale`, `data-stage-immersive` on the page-wrapper marker
- * (`[data-stage-wrapper]`, mounted by the consumer/demo shell) through the spring's
- * open and close settle; the `--stage-t` scalar drives the couplings.
- */
-type __VLS_Props = {
-    /** The controlled open state (`v-model:open`). */
-    open?: boolean;
-    /** Initial open state for the uncontrolled case. */
-    defaultOpen?: boolean;
-    /** reka modality — defaulted by `mode`; an explicit value overrides. */
-    modal?: boolean;
-    /** Presentation mode shorthand. */
-    mode?: DrawerMode;
-    /** The detent ladder (fractions 0..1). Live-behind resolves a default ladder. */
-    snapPoints?: (number | string)[];
-    /** The active detent fraction (`v-model:active-snap-point`). */
-    activeSnapPoint?: number | string | null;
-    /** Drag/slide axis (the default-ladder source). */
-    direction?: DrawerDirection;
-    /**
-     * The scene-staging enum. `none` leaves the
-     * page untouched (the live-behind default); `dim` deepens the scrim only; `scale`
-     * recedes + scales the page;
-     * `immersive` adds one fixed-radius scrim backdrop sample. Defaulted by `mode`.
-     */
-    stage?: DrawerStage;
-};
-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, {
-    "update:open": (value: boolean) => any;
-    "update:activeSnapPoint": (value: string | number | null) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    "onUpdate:activeSnapPoint"?: ((value: string | number | null) => any) | undefined;
-}>, {
-    open: boolean;
-    defaultOpen: boolean;
-    direction: DrawerDirection;
-    mode: DrawerMode;
-    modal: boolean;
-    stage: DrawerStage;
-    snapPoints: (number | string)[];
-    activeSnapPoint: number | string | 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/drawer/DrawerContent.vue.d.ts

@@ -1,39 +0,0 @@
-import { type HtmlHTMLAttributes } from "vue";
-import type { Surface } from "../_shared/axes";
-export interface DrawerContentProps {
-    forceMount?: boolean;
-    disableOutsidePointerEvents?: boolean;
-    class?: HtmlHTMLAttributes["class"];
-    showOverlay?: boolean;
-    surface?: Surface;
-}
-declare var __VLS_19: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_19) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<DrawerContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    escapeKeyDown: (event: KeyboardEvent) => any;
-    pointerDownOutside: (event: import("../_shared/interaction").PointerDownOutsideEvent) => any;
-    focusOutside: (event: import("../_shared/interaction").FocusOutsideEvent) => any;
-    interactOutside: (event: import("../_shared/interaction").PointerDownOutsideEvent | import("../_shared/interaction").FocusOutsideEvent) => any;
-    openAutoFocus: (event: Event) => any;
-    closeAutoFocus: (event: Event) => any;
-}, string, import("vue").PublicProps, Readonly<DrawerContentProps> & Readonly<{
-    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: import("../_shared/interaction").PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: import("../_shared/interaction").FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: import("../_shared/interaction").PointerDownOutsideEvent | import("../_shared/interaction").FocusOutsideEvent) => any) | undefined;
-    onOpenAutoFocus?: ((event: Event) => any) | undefined;
-    onCloseAutoFocus?: ((event: Event) => any) | undefined;
-}>, {
-    surface: Surface;
-    showOverlay: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/drawer/DrawerDescription.vue.d.ts

@@ -1,17 +0,0 @@
-import type { HtmlHTMLAttributes } from "vue";
-export interface DrawerDescriptionProps {
-    class?: HtmlHTMLAttributes["class"];
-}
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<DrawerDescriptionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DrawerDescriptionProps> & 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/drawer/DrawerFooter.vue.d.ts

@@ -1,17 +0,0 @@
-import type { HtmlHTMLAttributes } from 'vue';
-type __VLS_Props = {
-    class?: HtmlHTMLAttributes['class'];
-};
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => 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/drawer/DrawerHeader.vue.d.ts

@@ -1,17 +0,0 @@
-import type { HtmlHTMLAttributes } from 'vue';
-type __VLS_Props = {
-    class?: HtmlHTMLAttributes['class'];
-};
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => 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/drawer/DrawerOverlay.vue.d.ts

@@ -1,8 +0,0 @@
-import { type HtmlHTMLAttributes } from "vue";
-export interface DrawerOverlayProps {
-    forceMount?: boolean;
-    class?: HtmlHTMLAttributes["class"];
-}
-declare const __VLS_export: import("vue").DefineComponent<DrawerOverlayProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DrawerOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/drawer/DrawerTitle.vue.d.ts

@@ -1,17 +0,0 @@
-import type { HtmlHTMLAttributes } from "vue";
-export interface DrawerTitleProps {
-    class?: HtmlHTMLAttributes["class"];
-}
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<DrawerTitleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DrawerTitleProps> & 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/drawer/composables/drawerSnapContext.d.ts

@@ -1,34 +0,0 @@
-import type { Ref } from "vue";
-import type { DrawerDirection, DrawerMode, DrawerStage } from "../index";
-/**
- * The snap seam the root provides + the content consumes. The root resolves the
- * effective ladder (consumer `snapPoints` ?? the direction-derived default) + the
- * direction; the content binds the drag gesture against it. The read-only refs
- * (`snapPoints`/`direction`) are root-derived computeds; `open`/`activeSnapPoint`
- * are writable so the engine round-trips the open-control + the snap-fraction.
- */
-export interface DrawerSnapContext {
-    /** The drawer's open state (mirrors the reka root's `v-model:open`). */
-    open: Ref<boolean>;
-    /** The resolved detent ladder (fractions 0..1; empty = full-slide side-lens). */
-    snapPoints: Readonly<Ref<readonly number[]>>;
-    /** The drag/slide axis. */
-    direction: Readonly<Ref<DrawerDirection>>;
-    /** The root presentation mode; the content owns the mode-specific layer contract. */
-    mode: Readonly<Ref<DrawerMode>>;
-    /** The PRM-resolved scene-staging register. */
-    stage: Readonly<Ref<DrawerStage>>;
-    /** This Drawer's nearest consumer-owned stage wrapper. */
-    wrapperEl: Ref<HTMLElement | null>;
-    /** This Drawer's own portaled scrim. */
-    scrimEl: Ref<HTMLElement | null>;
-    /** The live active detent fraction (the `v-model:active-snap-point` writeback). */
-    activeSnapPoint: Ref<number | string | null>;
-}
-export declare const DRAWER_SNAP_KEY: import("vue").InjectionKey<DrawerSnapContext>;
-export declare function provideDrawerSnapContext(context: DrawerSnapContext): void;
-/**
- * Befitting-silent — returns `null` for a `<DrawerContent>` rendered outside a
- * `<Drawer>` (a misuse the optional context renders bare for, rather than throwing).
- */
-export declare const useOptionalDrawerSnapContext: () => DrawerSnapContext | null;

package/dist/components/drawer/composables/useDrawerSnap.d.ts

@@ -1,26 +0,0 @@
-import { type Ref } from "vue";
-import type { DrawerSnapContext } from "./drawerSnapContext";
-export interface UseDrawerSnapOptions {
-    /**
-     * Resolve the content sheet element LIVE (the `--glass-drawer-t` host + the drag
-     * bound box). A GETTER, never a snapshotted ref — reka's `DialogContent` forwards
-     * its root element THROUGH a `<Presence>` swap, so a `$el` captured at first mount
-     * is a stale comment placeholder and the writer's `if (el)` guard skips forever
-     * (the model↔paint SEVER — `writeScalar` "never fires"). Resolving the element
-     * fresh on every write reaches the painted sheet the instant `<Presence>` mounts it.
-     */
-    contentEl: () => HTMLElement | null;
-    /** The handle element (the grip the user drags to cycle detents). */
-    handleEl: Ref<HTMLElement | null>;
-    /** The provided snap seam (the ladder, open ref, direction, snap-fraction writeback). */
-    ctx: DrawerSnapContext;
-}
-export interface UseDrawerSnapReturn {
-    /** Internal Presence hold: true through the closing spring's settle. */
-    present: Ref<boolean>;
-    /** Whether a pointer drag is in flight (drives the grip's "live" affordance). */
-    dragging: Ref<boolean>;
-    /** Programmatically settle to a detent fraction (the open-sheet re-snap seam). */
-    snapTo(fraction: number): void;
-}
-export declare function useDrawerSnap(options: UseDrawerSnapOptions): UseDrawerSnapReturn;

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

@@ -1,32 +0,0 @@
-import type { DrawerDirection } from "./index";
-/**
- * The Drawer snap spring authority. `SpringProgress` uses this response and damping
- * pair to drive `--glass-drawer-t`; the measured band gives a brisk arrival with
- * about 1.5% overshoot. Fling selection remains a separate velocity decision.
- */
-export declare const DRAWER_SNAP: {
-    readonly response: 0.32;
-    readonly dampingFraction: 0.8;
-};
-/**
- * Peek/half/full detents used by live-behind bottom and top sheets when the
- * consumer supplies no `snapPoints`. Side drawers use a full slide with no detents;
- * `resolveDefaultSnapPoints` therefore returns `[]` for either side axis.
- */
-export declare const BOTTOM_SHEET_LADDER: readonly number[];
-/**
- * Resolve the live-behind default snap ladder from `direction`. A
- * bottom/top sheet gets the peek/half/full ladder; a left/right side-lens gets a
- * full-slide (no detents — an empty ladder, so `useDrawerSnap` treats it as a single
- * open/closed slide). A consumer-supplied `snapPoints` always wins over this default.
- */
-export declare function resolveDefaultSnapPoints(direction: DrawerDirection): readonly number[];
-/**
- * The drag-release velocity threshold (px/s). A flung drag whose release velocity
- * exceeds this advances a detent in the drag direction (the `useDockState`-style
- * velocity-aware decision); a slow release below it snaps to the NEAREST detent. The
- * sign of the velocity selects the direction (toward-open vs toward-closed).
- */
-export declare const DRAWER_FLING_VELOCITY = 450;
-/** `Symbol()` label for the `DrawerSnapContext` injection key (`drawerSnapContext.ts`). */
-export declare const DRAWER_SNAP_LABEL = "glass-ui:drawer-snap-context";

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

@@ -1,33 +0,0 @@
-/**
- * Drawer drag/slide direction. `bottom` (default) + `top`
- * can carry peek/half/full detents; `left`/`right` are the side-lens full-slide
- * axes. Only `mode="live-behind"` resolves a default ladder (bottom/top →
- * `[0.12, 0.5, 1]`); ordinary modal drawers without `snapPoints` rest fully open.
- */
-export type DrawerDirection = "top" | "bottom" | "left" | "right";
-/**
- * Drawer presentation mode. `"modal"` is the default iOS scale-down sheet —
- * focus-trapped (reka `:modal="true"`), page-behind scaled. `"live-behind"` is the
- * non-modal peek/half/full bottom sheet — reka `:modal="false"` (no focus trap, no
- * page `aria-hidden`, page-behind at native size + interactive) — bundling the
- * `modal:false` + `stage:"none"` + the direction-derived snap ladder. Explicit props
- * still override the mode's defaults.
- */
-export type DrawerMode = "modal" | "live-behind";
-/**
- * The scene-staging enum. `none` leaves the page
- * untouched; `dim` deepens the scrim only (the PRM-safe luminance depth cue); `scale`
- * recedes + scales the page (the iOS card-recede); `immersive` adds one fixed-radius
- * scrim backdrop sample while the scalar continues to drive dimming only.
- * `modal` defaults to `scale`; `live-behind` to `none`. PRM degrades `scale`/
- * `immersive` to `dim`. All four couplings ride the ONE `--stage-t` scalar the snap
- * engine writes directly on each reader root.
- */
-export type DrawerStage = "none" | "dim" | "scale" | "immersive";
-export { default as Drawer } from "./Drawer.vue";
-export { default as DrawerContent, type DrawerContentProps } from "./DrawerContent.vue";
-export { default as DrawerHeader } from "./DrawerHeader.vue";
-export { default as DrawerFooter } from "./DrawerFooter.vue";
-export { default as DrawerTitle, type DrawerTitleProps } from "./DrawerTitle.vue";
-export { default as DrawerDescription, type DrawerDescriptionProps, } from "./DrawerDescription.vue";
-export type { DrawerOverlayProps } from "./DrawerOverlay.vue";

package/dist/components/drawer/styles.css

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

package/dist/components/dropdown-menu/styles.css

@@ -1 +0,0 @@
-.dropdown-menu__content, .dropdown-menu__sub-content { z-index: var(--z-popover); min-width: var(--overlay-min-width); overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius-panel); color: var(--popover-foreground); } .dropdown-menu__content { max-height: var(--overlay-max-block); overflow-y: auto; } .dropdown-menu__sub-content { min-width: 8rem; } .dropdown-menu__item, .dropdown-menu__sub-trigger { position: relative; display: flex; width: 100%; align-items: center; padding-block: 0.375rem; padding-inline: 0.5rem; cursor: default; outline: none; color: inherit; font-size: var(--dropdown-text); user-select: none; } .dropdown-menu__item[data-inset], .dropdown-menu__item[data-indicator="wide"] { padding-inline-start: 2rem; } .dropdown-menu__item[data-indicator="start"] { padding-inline-start: 1.75rem; } .dropdown-menu__item[data-disabled], .dropdown-menu__sub-trigger[data-disabled] { pointer-events: none; cursor: not-allowed; opacity: var(--opacity-disabled); } .dropdown-menu__indicator { position: absolute; inset-inline-start: 0.5rem; display: inline-flex; width: 0.875rem; height: 0.875rem; align-items: center; justify-content: center; } .dropdown-menu__indicator > svg { width: 1rem; height: 1rem; } .dropdown-menu__radio-dot { display: inline-block; width: 0.5rem; height: 0.5rem; border-radius: var(--radius-pill); background: currentColor; } .dropdown-menu__label { padding: 0.375rem 0.5rem; color: var(--muted-foreground); font-size: var(--dropdown-text-secondary); font-weight: 600; } .dropdown-menu__label[data-inset] { padding-inline-start: 2rem; } .dropdown-menu__separator { height: 1px; margin: 0.25rem -0.25rem; background: color-mix(in srgb, var(--border) 70%, transparent); } .dropdown-menu__shortcut { margin-inline-start: auto; font-size: var(--dropdown-text-secondary); letter-spacing: 0.1em; opacity: 0.6; } .dropdown-menu__sub-chevron { width: 1rem; height: 1rem; margin-inline-start: auto; } .dropdown-menu__trigger { outline: none; }

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

@@ -1,33 +0,0 @@
-import type { EasingPickerMode, EasingPickerValue, JumpTerm } from "./composables/useEasingPicker";
-type __VLS_Props = {
-    /** Section label for the configurator layer. */
-    label?: string;
-    /** A token-style sub-label (the mono caption rung). */
-    name?: string;
-    /** The curve-authoring mode. */
-    mode?: EasingPickerMode;
-    /** The initial bezier preset key. */
-    preset?: string;
-    /** The initial step count. */
-    steps?: number;
-    /** The initial step jump term. */
-    term?: JumpTerm;
-};
-type __VLS_ModelProps = {
-    modelValue?: EasingPickerValue;
-};
-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: EasingPickerValue | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: EasingPickerValue | undefined) => any) | undefined;
-}>, {
-    name: string;
-    label: string;
-    mode: EasingPickerMode;
-    steps: number;
-    preset: string;
-    term: JumpTerm;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/expandable-container/styles.css

@@ -1 +0,0 @@
-.expandable-container { position: relative; } .expandable-container[data-state="expanded"] { position: fixed; inset: 0; z-index: var(--z-modal); display: flex; flex-direction: column; } .expandable-container__chrome { display: contents; } .expandable-container__chrome[hidden] { display: none; } .expandable-container [data-part="trigger"] { position: absolute; inset-block-start: 0.5rem; z-index: 1; display: inline-grid; min-inline-size: var(--control-h-md); min-block-size: var(--control-h-md); place-items: center; border: 1px solid color-mix(in srgb, var(--border) 40%, transparent); border-radius: var(--radius-button); background: color-mix(in srgb, var(--card) 70%, transparent); color: var(--muted-foreground); box-shadow: var(--shadow-sm); -webkit-backdrop-filter: var(--glass-blur-wash); backdrop-filter: var(--glass-blur-wash); transition: color var(--duration-fast) var(--ease-standard); } .expandable-container [data-part="trigger"][data-position="left"] { inset-inline-start: 0.5rem; } .expandable-container [data-part="trigger"][data-position="right"] { inset-inline-end: 0.5rem; } .expandable-container [data-part="trigger"]:hover { color: var(--foreground); } .expandable-container [data-part="trigger"]:focus-visible { outline: var(--focus-ring-width) solid var(--focus-ring-color); outline-offset: 2px; } .expandable-container[data-state="expanded"] [data-part="panel"] { min-block-size: 0; inline-size: 100%; block-size: 100%; } .expandable-container__icon { inline-size: var(--icon-sm); block-size: var(--icon-sm); } @media (prefers-reduced-motion: reduce) { .expandable-container [data-part="trigger"] { transition: none; } }

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

@@ -1,24 +0,0 @@
-import type { WebGLCanvasFrame } from "../../../composables/glass/webgl/useWebGLCanvas";
-import type { OklchStop } from "../../../composables/color";
-import { type FourierFieldConfig } from "../constants";
-import { type BasisComponent } from "../math";
-export interface FourierGLSetupDeps {
-    canvas: HTMLCanvasElement;
-    config: FourierFieldConfig;
-    getSpectrum: () => readonly BasisComponent[];
-    getPalette: () => OklchStop[];
-    getHeadT: () => number;
-    shouldContinue: () => boolean;
-    onFrame?: (timeSec: number) => void;
-    /**
-     *  B3 — the 2-D cursor FOLLOW (model-space center lean). Mirrors the
-     * WGSL arm exactly (both read the SAME uFit center) — parity-safe by construction.
-     * `{x:0,y:0}` (ambient/PRM) is byte-identical to today.
-     */
-    getPointerLean?: () => {
-        x: number;
-        y: number;
-    };
-}
-/** Build the `setupGL(gl)` callback the `createGpuSubstrate` WebGL2 path invokes. */
-export declare function createFourierGLSetup(deps: FourierGLSetupDeps): (gl: WebGL2RenderingContext) => WebGLCanvasFrame;

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

@@ -1,31 +0,0 @@
-import type { WebGPUCanvasFrame } from "../../../composables/glass/webgpu/useWebGPUCanvas";
-import type { OklchStop } from "../../../composables/color";
-import { type FourierFieldConfig } from "../constants";
-import type { BasisComponent } from "../math";
-export interface FourierWGPUSetupDeps {
-    canvas: HTMLCanvasElement;
-    config: FourierFieldConfig;
-    /** The CPU-minted spectrum (re-read each frame so a source-swap reaches the buffer). */
-    getSpectrum: () => readonly BasisComponent[];
-    /** The resolved (ColorResolver) palette stops as OKLCh — re-read each frame so a live edit reaches the buffer. */
-    getPalette: () => OklchStop[];
-    /** The single loop parameter `head_t ∈ [0,1)` (the ONE keyframes.js clock). */
-    getHeadT: () => number;
-    /** Demand-gate (the renderer's quiescence layer — substrate-agnostic). */
-    shouldContinue: () => boolean;
-    /** The per-frame pointer hook — useFourierField advances the shared pointer field here. */
-    onFrame?: (timeSec: number) => void;
-    /**
-     *  D6b — the 2-D cursor FOLLOW: a small MODEL-space offset added to
-     * the view-fit center so the whole reconstruction LEANS toward the cursor (the spatial
-     * "follow" beside D6a's velocity scrub). Reuses the EXISTING uFit center uniform (NO new
-     * uniform, NO shader/bridge edit — parity-safe by construction, both arms read the same
-     * fit). `{x:0,y:0}` (the ambient/PRM register) is byte-identical to today.
-     */
-    getPointerLean?: () => {
-        x: number;
-        y: number;
-    };
-}
-/** Build the fourier-field `setupWGPU(device, context, format)` callback. */
-export declare function createFourierWGPUSetup(deps: FourierWGPUSetupDeps): (device: GPUDevice, context: GPUCanvasContext, format: GPUTextureFormat) => WebGPUCanvasFrame;

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

@@ -1,41 +0,0 @@
-import type { OklchStop } from "../../../composables/color";
-import { type BasisComponent } from "../math";
-/** One phasor lane in the storage buffer: (re, im, index, _pad). */
-export declare const FOURIER_PHASOR_BYTES = 16;
-export declare const FOURIER_COMPUTE_UNIFORM_BYTES = 32;
-export interface FourierUniformScratch {
-    buffer: ArrayBuffer;
-    f32: Float32Array;
-    i32: Int32Array;
-}
-export declare function createFourierComputeScratch(): FourierUniformScratch;
-/** Pack the compute uniforms in place. */
-export declare function packFourierComputeUniforms(scratch: FourierUniformScratch, headT: number, trailArc: number, harmonicN: number, epicycleArmN: number, sampleCount: number, phasorCount: number): FourierUniformScratch;
-export declare const FOURIER_RENDER_UNIFORM_BYTES: number;
-export declare function createFourierRenderScratch(): FourierUniformScratch;
-/** The model→clip fit transform (center + uniform scale) — computed once per spectrum. */
-export interface FourierFit {
-    centerX: number;
-    centerY: number;
-    /** The uniform scale s such that (model − center)·s maps the curve into clip [-1,1] with margin. */
-    scale: number;
-}
-/**
- * Stable view-fit: sample the FULL reconstruction once over the period, bound its bbox,
- * and derive the center + a margin-padded uniform scale. The render's fullscreen pass
- * inverts this transform per fragment so the curve never clips and the scale is fixed.
- */
-export declare function computeFourierFit(spectrum: readonly BasisComponent[]): FourierFit;
-/**
- * Convert a CSS-px stroke width to MODEL units (the shader's space). The fit `scale` maps
- * model → clip; clip spans [-1,1] over the min CSS dimension → cssPx-per-clip = canvasCssMin/2.
- * model-per-cssPx = (1/scale)·(2/canvasCssMin).
- */
-export declare function trailWidthToModel(trailWidthPx: number, scale: number, canvasCssMin: number): number;
-/** Pack the render uniforms in place. */
-export declare function packFourierRenderUniforms(scratch: FourierUniformScratch, fit: FourierFit, aspect: number, trailWidthModel: number, peakAlpha: number, headGlowAlpha: number, trailFadeExp: number, trailFloor: number, intensity: number, showEpicycles: boolean, rainbowChain: boolean, squashGain: number, celGain: number, edgeMargin: number, sampleCount: number, armCount: number, palette: OklchStop[]): FourierUniformScratch;
-/**
- * Pack the phasor storage table (re, im, index, _pad) from the CPU-minted spectrum. The
- * WGSL SUMS this per frame — it is the ONLY spectrum upload (no WGSL-side mint).
- */
-export declare function packPhasorTable(spectrum: readonly BasisComponent[]): Float32Array;

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

@@ -1,56 +0,0 @@
-import { type Ref } from "vue";
-import { type GpuBackend, type RendererStatus } from "../../../composables/glass/webgpu/useGpuSubstrate";
-import type { OklchStop } from "../../../composables/color";
-import type { FourierFieldConfig } from "../constants";
-import type { BasisComponent } from "../math";
-export interface UseFourierFieldOptions {
-    config: FourierFieldConfig;
-    /** The active phasor spectrum (CPU-minted; re-read each frame so a source-swap reaches the buffer). */
-    getSpectrum: () => readonly BasisComponent[];
-    /** Resolve the curve-color palette as OKLCh (the demo themes it; default warm-identity). */
-    getPalette: () => OklchStop[];
-    /** When true, hold the deterministic best-frame and never advance (the capture, freeze lever). */
-    freeze?: () => boolean;
-    /** The static deterministic best-frame parameter under `freeze`/PRM. Default 0.34. */
-    frozenT?: number;
-    /** Base forward period for one full traversal at 1× speed, in seconds. Default 16. */
-    periodS?: number;
-    /** `"capture"` → renderAt-only (the deterministic π capture path). Default `"live"`. */
-    mode?: "live" | "capture";
-    /**
-     * the route pointer BROADCASTER read (the SUBTLE-interactive background
-     * register). A full-bleed `pointer-events:none` field cannot listen for its own pointer, so
-     * an ambient consumer reads the route-level `useRoutePointer` and feeds the shared field
-     * from here each frame (viewport-normalized ≈ host-normalized for a full-bleed field). The
-     * lean/bias then read on a background field WITHOUT the field owning a pointer listener.
-     * Omit for the studio (which binds its own host listeners).
-     */
-    routePointer?: () => {
-        x: number;
-        y: number;
-        active: boolean;
-    } | null;
-}
-/** The uniform handle a consumer wires its lifecycle against (backend-agnostic). */
-export interface FourierFieldHandle {
-    /** The resolved backend (`"webgpu"` where supported, else the WebGL2 GLSL fallback). */
-    readonly backend: GpuBackend;
-    /** Park the loop (the WCAG-2.2.2 pause seam — `DockBackgroundToggle` wires this). */
-    pause: () => void;
-    /** Re-arm the loop. */
-    resume: () => void;
-    /** Re-arm a parked loop on demand. */
-    wake: () => void;
-    /** Draw one frame out-of-loop (capture, thumbnail). */
-    renderAt: (timeSec: number) => void;
-    /** The live `prefers-reduced-motion: reduce` state. */
-    readonly reducedMotion: boolean;
-    /** The current loop parameter `head_t ∈ [0,1)` (the scrubber reads/writes it). */
-    readonly headT: number;
-    readonly rendererStatus: Readonly<Ref<RendererStatus>>;
-    /** Scrub the clock directly (the transport scrubber, a pointer drag). */
-    setHeadT: (t: number) => void;
-    /** Tear down the renderer + release GPU/GL resources. */
-    dispose: () => void;
-}
-export declare function useFourierField(canvasRef: Ref<HTMLCanvasElement | null>, options: UseFourierFieldOptions): FourierFieldHandle;

package/dist/components/fourier-field/presets.d.ts

@@ -1,54 +0,0 @@
-export interface VariantPreset {
-    /** Higher-order harmonics layered over the dominant counter-rotating pair. */
-    harmonics: number;
-    /** Peak magnitude of those harmonics relative to the dominant phasor. */
-    harmonicScale: number;
-    /** Draw the nested epicycle circles + arms underneath the curve. */
-    epicycles: boolean;
-    /** Comet-trail capacity (frames of head history). ~1/3 of the period so the
-     *  comet reads as a substantial arc, not a stub (the fourier-analysis bar). */
-    trailLength: number;
-    /** Hue offset (degrees) of the epicycle second hue away from the outline hue. */
-    epicycleHueShift: number;
-    /** Forward-clock period for one full curve traversal, in ms. */
-    durationMs: number;
-    /** A constant per-variant seed used under `freeze` so a capture is deterministic. */
-    frozenSeed: string;
-    /** The parameter `t` of the static best-frame painted under `freeze`. */
-    frozenT: number;
-    /** Comet-trail PEAK alpha (the head segment). The reference trail rides ~0.9
-     *  near-opaque — present, not a 0.45 hairline whisper. */
-    peakAlpha: number;
-    /** Trail stroke weight in CSS px (the reference is a BOLD 3.5px stroke, not
-     *  a 1.6 hairline). The single biggest faintness lever. */
-    trailWidth: number;
-    /** Head-glow alpha — the STRONGEST layer (head-forward: > peakAlpha). */
-    headGlowAlpha: number;
-    /** Head-glow `shadowBlur` bloom radius, in px. */
-    headGlowBlur: number;
-    /** The comet HEAD DOT radius in CSS px (the reference's glowing tip — a
-     *  saturated core + white highlight + soft halo). 0 disables it. */
-    headDotRadius: number;
-    /** Epicycle scaffolding alphas ÷ peak (hero only; {0,0} disables the scaffold).
-     *  The reference circles/arms are PRESENT (≈0.5/0.75), not a 0.18 ghost. */
-    epicycleRatios: {
-        circle: number;
-        arm: number;
-    };
-    /** Epicycle circle / arm stroke weights in CSS px (the reference uses a bold
-     *  ≈2.5/2 chain, the joints carry filled dots). */
-    epicycleWidths: {
-        circle: number;
-        arm: number;
-    };
-    /** Paint the epicycle chain as a rainbow across the spectrum (the
-     *  fourier-analysis signature) vs one analogous second hue. Hero only. */
-    epicycleRainbow: boolean;
-    /** Trail persistence exponent — SOFT (1..2), never the quadratic that kills the body. */
-    trailFadeExp: number;
-    /** Min trail alpha ÷ peak — the body survives, never decays to 0. The
-     *  reference body reads near-uniform; the floor sits HIGH (≈0.35) so the
-     *  comet body has real presence on cream too (the light-mode floor fork). */
-    trailFloor: number;
-}
-export declare const PRESETS: Record<"hero" | "final", VariantPreset>;

package/dist/components/fourier-field/shaders/fourier-field.compute.wgsl.d.ts

@@ -1 +0,0 @@
-export declare const FOURIER_FIELD_COMPUTE_WGSL = "\nconst MAX_PHASORS: i32 = 64;\nconst TAU: f32 = 6.283185307179586;\n\nstruct Phasor {\n  // (re, im, index, _pad)\n  data: vec4<f32>,\n};\n\n// \u2500\u2500 Compute uniforms (the typed-struct source-of-truth \u2014 see uniformBridgeWGPU.ts) \u2500\u2500\nstruct ComputeUniforms {\n  // c0: (headT, trailArc, _pad, _pad)\n  c0: vec4<f32>,\n  // ints: (harmonicN, epicycleArmN, sampleCount, phasorCount)\n  ints: vec4<i32>,\n};\n\n@group(0) @binding(0) var<uniform> u: ComputeUniforms;\n@group(0) @binding(1) var<storage, read> phasors: array<Phasor>;\n// curveSamples[i] = (x, y, age, _pad)\n@group(0) @binding(2) var<storage, read_write> curveSamples: array<vec4<f32>>;\n// chainTips[k] = (x, y, _pad, _pad) \u2014 the running tip after stacking phasor k\n@group(0) @binding(3) var<storage, read_write> chainTips: array<vec4<f32>>;\n\n// The PARTIAL-SUM curve point at parameter t over the first n phasors \u2014 the WGSL\n// transcription of math.ts:78-95 (partialSumAt). EXACTLY:\n//   c += vec2(re\u00B7cos \u2212 im\u00B7sin, re\u00B7sin + im\u00B7cos)  with angle = TAU\u00B7index\u00B7t.\nfn partialSumAt(t: f32, n: i32) -> vec2<f32> {\n  var c = vec2<f32>(0.0, 0.0);\n  let phasorCount = u.ints.w;\n  let lim = min(n, phasorCount);\n  for (var i = 0; i < MAX_PHASORS; i = i + 1) {\n    if (i >= lim) { break; }\n    let p = phasors[i].data;\n    let re = p.x;\n    let im = p.y;\n    let index = p.z;\n    let angle = TAU * index * t;\n    let cs = cos(angle);\n    let sn = sin(angle);\n    c = c + vec2<f32>(re * cs - im * sn, re * sn + im * cs);\n  }\n  return c;\n}\n\n// The epicycle chain tip after stacking the first k phasors at head_t \u2014 the WGSL\n// transcription of math.ts:41-60 (positionsAt, read at the running tip). The running tip\n// after phasor (k\u22121) is exactly the partial sum over the first k terms.\nfn epicycleChainTip(t: f32, k: i32) -> vec2<f32> {\n  return partialSumAt(t, k);\n}\n\n@compute @workgroup_size(64)\nfn cs_main(@builtin(global_invocation_id) gid: vec3<u32>) {\n  let i = i32(gid.x);\n  let headT = u.c0.x;\n  let trailArc = u.c0.y;\n  let harmonicN = u.ints.x;\n  let armN = u.ints.y;\n  let sampleCount = u.ints.z;\n\n  // \u2500\u2500 The comet body samples \u2500\u2500\n  if (i < sampleCount) {\n    // age: 0 at the oldest tail (i = sampleCount\u22121), 1 at the head (i = 0).\n    let denom = max(f32(sampleCount - 1), 1.0);\n    let frac = f32(i) / denom;                 // 0 = head, 1 = tail\n    let age = 1.0 - frac;                       // 1 = head, 0 = tail\n    // sample back along the period from the head by trailArc.\n    var t = headT - trailArc * frac;\n    t = t - floor(t);                           // fract \u2192 [0,1)\n    let pt = partialSumAt(t, harmonicN);\n    curveSamples[i] = vec4<f32>(pt.x, pt.y, age, 0.0);\n  }\n\n  // \u2500\u2500 The epicycle chain tips (k = 0..armN, capped to harmonicN) \u2500\u2500\n  // chainTips[0] is the origin; chainTips[k] is the tip after phasor (k\u22121).\n  let armLim = min(armN, harmonicN);\n  if (i <= armLim && i <= MAX_PHASORS) {\n    let tip = epicycleChainTip(headT, i);\n    chainTips[i] = vec4<f32>(tip.x, tip.y, 0.0, 0.0);\n  }\n}\n";