@mkbabb/glass-ui 6.0.0 → 8.0.0

package/dist/components/controls/DarkModeToggle.vue.d.ts

@@ -1,32 +0,0 @@
-type DarkModeToggleSize = "sm" | "md" | "lg" | "control" | "dock";
-type __VLS_Props = {
-    /**
-     * Button size. `sm` = 28px, `md` = 36px (default), `lg` = 44px.
-     * `control` follows generic control CSS variables; `dock` follows
-     * GlassDock sizing variables.
-     */
-    size?: DarkModeToggleSize;
-    /**
-     * When true, CSS transitions on `<html>` and all descendants are
-     * temporarily suppressed during dark mode toggle to prevent jank.
-     * @default false
-     */
-    disableTransitions?: boolean;
-    /**
-     * Opt-in slow-ECLIPSE register: a LONG-PRESS (vs the normal click) flips
-     * the mode through an indulgent, stretched sun↔moon cross-fade — the
-     * `--toggle-eclipse-duration` (≈1600ms) over the default 750ms. The bare
-     * `@click` flip is UNCHANGED (the default-path canary). Under
-     * `prefers-reduced-motion: reduce` the long-press flips INSTANTLY (no
-     * eclipse). Default false — the toggle behaves exactly as before.
-     * @default false
-     */
-    eclipse?: boolean;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    size: DarkModeToggleSize;
-    disableTransitions: boolean;
-    eclipse: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/controls/dark-mode-toggle.css

@@ -1 +0,0 @@
-@layer components { .dark-mode-toggle-button { width: var(--dark-mode-toggle-size, 2.25rem); height: var(--dark-mode-toggle-size, 2.25rem); min-width: var(--dark-mode-toggle-size, 2.25rem); min-height: var(--dark-mode-toggle-size, 2.25rem); max-width: var(--dark-mode-toggle-size, 2.25rem); max-height: var(--dark-mode-toggle-size, 2.25rem); aspect-ratio: 1; padding: var(--dark-mode-toggle-padding, 0.375rem); transition: opacity var(--dock-motion-standard), background-color var(--dock-motion-standard), box-shadow var(--dock-motion-fast); & > svg { width: 100%; height: 100%; max-width: 100%; max-height: 100%; } &:hover, &:focus { background: var(--surface-tint-10); opacity: 1; outline: none; } &:focus-visible { box-shadow: var(--dock-ring); } &[data-size="sm"] { --dark-mode-toggle-size: 1.75rem; --dark-mode-toggle-padding: 0.25rem; } &[data-size="md"] { --dark-mode-toggle-size: 2.25rem; --dark-mode-toggle-padding: 0.375rem; } &[data-size="lg"] { --dark-mode-toggle-size: 2.75rem; --dark-mode-toggle-padding: 0.5rem; } &[data-size="control"] { --dark-mode-toggle-size: var(--control-size, 2.25rem); --dark-mode-toggle-padding: var(--control-icon-padding, 0.375rem); } } .dark-mode-toggle-button[data-size="dock"], .glass-dock .dark-mode-toggle-button:not([data-size="sm"]):not([data-size="lg"]):not( [data-size="control"] ) { --dark-mode-toggle-size: var(--dock-control-size, var(--size-icon-btn)); --dark-mode-toggle-padding: calc( ( var(--dock-control-size, var(--size-icon-btn)) - var(--dock-control-glyph-size, var(--dock-icon-glyph, 1.25rem)) ) / 2 ); } .glass-dock .dark-mode-toggle-button:not([data-size="sm"]):not([data-size="lg"]):not( [data-size="control"] ) > svg { width: var(--dock-control-glyph-size, var(--dock-icon-glyph, 1.25rem)); height: var(--dock-control-glyph-size, var(--dock-icon-glyph, 1.25rem)); } }

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

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

package/dist/components/data-table/DataTablePagination.vue.d.ts

@@ -1,13 +0,0 @@
-type __VLS_Props = {
-    page: number;
-    pageSize: number;
-    total: number;
-    class?: string;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:page": (page: number) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:page"?: ((page: number) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/deck/DeckPager.vue.d.ts

@@ -1,29 +0,0 @@
-type __VLS_Props = {
-    /** Total slide count. */
-    total: number;
-    /** Window to `fit` dots centered on the active dot. Off → show every dot. */
-    windowFit?: number;
-    /** Encapsulate the rail in the glass pager pill chassis. Default false —
-        a deck owns its own ambient glass host, so the dots sit FLUSH on it. */
-    ring?: boolean;
-    /** Accessible name for the rail group. */
-    ariaLabel?: string;
-};
-type __VLS_ModelProps = {
-    /** v-model:index — the active 0-based slide index. */
-    "index"?: number;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:index": (value: number) => any;
-} & {
-    select: (index: number) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onSelect?: ((index: number) => any) | undefined;
-    "onUpdate:index"?: ((value: number) => any) | undefined;
-}>, {
-    ariaLabel: string;
-    ring: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/dialog/DialogClose.vue.d.ts

@@ -1,14 +0,0 @@
-import { type DialogCloseProps } from 'reka-ui';
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<DialogCloseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogCloseProps> & 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/dialog/DialogTrigger.vue.d.ts

@@ -1,14 +0,0 @@
-import { type DialogTriggerProps } from 'reka-ui';
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<DialogTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogTriggerProps> & 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/dialog/placement.css

@@ -1 +0,0 @@
-:where([data-slot="dialog-content"][data-placement]) { position: fixed; z-index: var(--z-modal); } :where([data-slot="dialog-content"][data-placement="top"]) { left: 0; right: 0; top: 0; } :where([data-slot="dialog-content"][data-placement="bottom"]) { left: 0; right: 0; bottom: 0; } :where([data-slot="dialog-content"][data-placement="left"]) { top: 0; bottom: 0; left: 0; height: 100%; width: 75%; } :where([data-slot="dialog-content"][data-placement="right"]) { top: 0; bottom: 0; right: 0; height: 100%; width: 75%; } @media (min-width: 40rem) { :where([data-slot="dialog-content"][data-placement="left"]), :where([data-slot="dialog-content"][data-placement="right"]) { max-width: 24rem; } }

package/dist/components/dock/DockSection.vue.d.ts

@@ -1,69 +0,0 @@
-import type { DockSectionDescriptor } from "./constants";
-/**
- * <DockSection> — BA.W-DOCK-SECTIONS. The declarative tripartite section-descriptor
- * chassis the R8-9 mandate names ("the docks COMPLETELY lack sections" + "abstract
- * this into a re-usable component for layering"). A consumer passes ONE
- * `sections: readonly DockSectionDescriptor[]` array and the dock body renders the
- * three-zone gestalt — a leading `rail-core` home/brand region, named `section`
- * groups demarcated by `<DockSeparator>`, and a trailing `nav` group — by COMPOSING
- * the existing `<DockSeparator>` (the divider seam) over the dock's already-in-flow
- * controls, NOT a parallel layer machine and NOT a re-mounted column-rail layer
- * group (the W-RAIL3 inflation source).
- *
- * THE NO-INFLATION CONTRACT (the spec's Scope item 2). The section model returns
- * WITHOUT the box-inflation that motivated W-RAIL3's deletion: `<DockSection>` GROUPS
- * the controls a consumer already places (via the per-kind slots) and adds only
- * `<DockSeparator>` seams between them. It does NOT mount a `<DockLayerGroup>` switcher
- * rail (the prior inflator that demanded column height). A section's contextual facets
- * (`descriptor.layers`) are surfaced to the consumer to feed the seam `<DockRail>` —
- * the facets ride the rail OUTSIDE the dock box, never re-inflate it.
- *
- * DESCRIPTOR-DRIVEN (the gate's S1 bite). The render is a `v-for` over `sections`,
- * the `kind` switching the zone — a 5-section dock renders from the array, never a
- * hardcoded three-element literal. Each descriptor's content is the consumer's slot
- * keyed by the descriptor `id` (so the consumer keeps authoring its real controls);
- * the chassis owns ONLY the zone grouping + the divider rhythm + the `data-kind`
- * marker the section.css recipe reads.
- *
- * The seam ANCHOR (direction (b)). The descriptor carrying `anchor: true` (or, by
- * convention, the boundary BEFORE the trailing `nav` group / the rail-core tail) marks
- * its leading `<DockSeparator anchor>` so the dock's `#rail` line co-locates with that
- * divider. The chassis stamps `anchor` on the separator that precedes the FIRST
- * post-rail-core / pre-nav boundary by default; a consumer overrides via the
- * `anchorId` prop.
- */
-type __VLS_Props = {
-    /**
-     * The declarative section descriptors. Rendered in order: `rail-core` leads,
-     * `section` groups follow (each preceded by a `<DockSeparator>`), `nav` trails.
-     */
-    sections: readonly DockSectionDescriptor[];
-    /**
-     * Which descriptor's LEADING `<DockSeparator>` is the rail's anchor seam
-     * (direction (b)). Defaults to the first `nav` descriptor (the user's "the nav
-     * separator on the bottom dock"); on a dock with no `nav` the first boundary
-     * after `rail-core` anchors. Pass an explicit `id` to override (the ℱ-home
-     * separator on the sidebar is the `rail-core`'s trailing seam — pass its id).
-     */
-    anchorId?: string;
-    /** Accessible label for the section group landmark. */
-    ariaLabel?: string;
-};
-declare var __VLS_7: string, __VLS_8: {
-    section: DockSectionDescriptor;
-    kind: import("./constants").DockSectionKind;
-};
-type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_7>]?: (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<{}>, {
-    ariaLabel: string;
-}, {}, {}, {}, 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/dock/DockStack.vue.d.ts

@@ -1,73 +0,0 @@
-import { type Component } from "vue";
-import type { DockStackItem } from "./constants";
-/**
- * <DockStack> — BI.W-DOCK-ESCAPE. The dock's satellite fan / facet strip, rebuilt as a
- * TOP-LAYER POPOVER.
- *
- * The CORE anchor is a normal in-flow dock control (the popover invoker). Its members FAN
- * OUT of a native `popover` surface promoted to the TOP LAYER — exempt from ancestor
- * `overflow`/`clip`/`contain`/`transform`/`filter` BY SPEC. "Chips overlap the dock body"
- * / "the fan clips at the port end" (UF-C2) are impossible once the surface is in the top
- * layer: there is nothing to escape from. The dock box stays INVIOLATE — the fan feeds NO
- * size into the dock's intrinsic box (it is a fixed-positioned top-layer element).
- *
- * This REPLACES the retired `.glass-dock-frame` `display:contents` sibling + the
- * `railProjection.ts` φ²-crossing ring math (PASS-4B ruling 4 — an anchored flex strip
- * needs no tier math; the fan is a plain anchored flex strip in the popover).
- *
- * PLACEMENT is the JS one-shot (`useDockPopover` — a `getBoundingClientRect` on open + a
- * resize/scroll re-place, viewport-clamped). NO native CSS anchor positioning
- * (`anchor()`/`position-anchor`/`@position-try` BANKED — the SAF-1 Safari-transform-chain
- * fence). HOVER-INTENT + light-dismiss + focus-return are wired in the composable.
- *
- *   • `mode="stack"` (DEFAULT) — the macOS Dock hover-expand glyph fan: N members, each a
- *     clear `--glass-bg-floating` glass icon.
- *   • `mode="facets"` — the context carousel: each member is an ACCENT-tinted context chip
- *     writing its OWN `--glass-accent` hue (the BB.W-GLASS-ACCENT per-instance
- *     chromatic-rim axis), the active facet on the selected-as-glass tier.
- *
- * ONE REGISTRY (KEPT). The members write the consumer-owned `v-model:selected`; this
- * primitive owns NO internal selection shadow. The hover `open` is a transient UI state.
- */
-type __VLS_Props = {
-    /** The stack/facet members — the fan-out contents. */
-    items: readonly DockStackItem[];
-    /**
-     * The render mode. `"stack"` (default) = the macOS hover-expand glyph fan.
-     * `"facets"` = the accent-tinted context carousel (each chip writes its own
-     * `--glass-accent` hue).
-     */
-    mode?: "stack" | "facets";
-    /** The core anchor glyph (the always-visible dock(1) invoker). Default: a layers glyph. */
-    core?: Component;
-    /** The core's accessible label (the stack's name). */
-    coreLabel?: string;
-    /** Members visible in the fan before it overflows the `<FadingScroll>` port. */
-    visibleCount?: number;
-    /** WRAP a >`visibleCount` fan into a second rank instead of scrolling. */
-    wrap?: boolean;
-    /**
-     * Which end of the anchor the fan aligns to (the cross-axis alignment of the
-     * top-layer placement). `"end"` (default) trails the anchor's leading edge.
-     */
-    position?: "start" | "end";
-};
-type __VLS_ModelProps = {
-    "selected"?: string;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    select: (id: string) => any;
-    "update:selected": (value: string | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onSelect?: ((id: string) => any) | undefined;
-    "onUpdate:selected"?: ((value: string | undefined) => any) | undefined;
-}>, {
-    position: "start" | "end";
-    mode: "stack" | "facets";
-    wrap: boolean;
-    coreLabel: string;
-    visibleCount: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/dock/composables/dockMorphContext.d.ts

@@ -1,91 +0,0 @@
-import type { Ref } from "vue";
-/**
- * AX.W02 — ONE morph orchestrator per dock. The dock is a single morph stack
- * whose active "layer" is `(expandedState × activePane)`: the outer
- * collapse↔expand swap and the inner `<DockLayerGroup>` pane swaps are
- * transitions in the SAME group — ONE spring, ONE scalar (`--dock-morph-t`),
- * ONE clock. No second engine.
- *
- * BD.W-DOCK-CORE (the size re-invent) — the orchestrator no longer MEASURES a
- * per-swap `from/to` span. The visible size is a ratio-free convex blend of two
- * endpoints measured ONCE per content change (`useDockExpandedSize` writes
- * `--dock-expanded-px`/`--dock-collapsed-px`; layers.css blends them on
- * `--dock-morph-t`). So this driver shrinks to its essence: on a layer swap it
- * arms `[data-morphing]`, swaps the crossfade classes (the a11y-006 3-state
- * hit-test contract, LOAD-BEARING — KEPT verbatim), and runs ONE `SpringProgress`
- * gliding `--dock-morph-t` 0→1; on settle it clears the morph state. A re-toggle
- * mid-flight re-bases the live solver onto a fresh spring CARRYING the prior
- * velocity (the iOS interruptible-physics continuity).
- *
- * LIGHT-surface only: the `useDockSpring` factory's `SpringProgress` owns its own
- * rAF via `.play(onFrame)` and carries no static value.js edge — the factory never
- * imports `AnimationGroup` / `./engine`.
- *
- * `DOCK_SPRING` is byte-fenced — it lives in `../constants`.
- */
-export interface DockMorphGroupRegistration {
-    /** The container element owning this group's grid-stacked panes. */
-    containerEl: Ref<HTMLElement | null>;
-    /** The group's currently-active pane id (its `v-model:active`). */
-    activeLayer: Ref<string>;
-    /** Layout axis of the group; matches the group's `orientation`. */
-    axis: Ref<"horizontal" | "vertical">;
-}
-export interface DockMorphGroupHandle {
-    /** The active pane id post-swap (the orchestrator mutates it). */
-    currentLayer: Readonly<Ref<string>>;
-    /** The pane id currently fading out, or null. */
-    leavingLayer: Readonly<Ref<string | null>>;
-    /** Detach this group from the orchestrator (on the group's unmount). */
-    release(): void;
-}
-/**
- * The provided morph seam. A nested `<DockLayerGroup>` injects this and DEFERS
- * its pane-swap morph to the dock's single orchestrator via `registerGroup`.
- */
-export interface DockMorphContext {
-    registerGroup(group: DockMorphGroupRegistration): DockMorphGroupHandle;
-}
-export declare const DOCK_MORPH_KEY: import("vue").InjectionKey<DockMorphContext>;
-export declare function provideDockMorphContext(context: DockMorphContext): void;
-/**
- * Befitting-silent — returns `null` for a `<DockLayerGroup>` rendered outside a
- * `<GlassDock>` (the standalone self-orchestrate path).
- */
-export declare const useOptionalDockMorphContext: () => DockMorphContext | null;
-export interface UseDockMorphOrchestratorOptions {
-    /** The `.glass-dock` root that carries the shared scalar + clip aperture. */
-    rootEl: Ref<HTMLElement | null>;
-    /** The outer collapse↔expand container (`.dock-layers`). */
-    outerEl: Ref<HTMLElement | null>;
-    /** The outer active "layer" id — `(expandedState)` projected to a string. */
-    outerActiveLayer: Ref<string>;
-    /** The outer pair morphs the inline axis (a horizontal dock). */
-    outerAxis: Ref<"horizontal" | "vertical">;
-    /**
-     * BG.NF.1 W-FALLBACK-EXCISE — a NOTIFY seam (NOT a busy-flag shadow): the
-     * orchestrator calls `onMorphActiveChange(true)` when the outer morph spring ARMS
-     * (alongside `setAttribute("data-morphing")`) and `(false)` when it SETTLES
-     * (alongside `removeAttribute`), so a consumer (GlassDock) can drive its OWN
-     * `isTransitioning` off the morph's OWN spring settle — the CSS-transition-era
-     * wrong-clock settle timer + dead `@transitionend` resolver are excised. The
-     * orchestrator holds NO parallel boolean (the single busy signal stays the
-     * `[data-morphing]` attr + the factory's `.live` — proof:dock-engine-unify U3).
-     */
-    onMorphActiveChange?: (active: boolean) => void;
-}
-export interface UseDockMorphOrchestratorReturn {
-    /** Provide-able context: a nested `<DockLayerGroup>` registers through it. */
-    context: DockMorphContext;
-    /** The outer pair's post-swap active layer id (call-site parity). */
-    outerCurrentLayer: Readonly<Ref<string>>;
-    /** The outer pair's fading pane id, or null once settled. */
-    outerLeavingLayer: Readonly<Ref<string | null>>;
-}
-/**
- * The ONE morph engine for a dock instance. Drives a single `useDockSpring` handle
- * that glides the one `--dock-morph-t` scalar 0→1 on a layer swap; the size is a
- * ratio-free blend of the measure-ONCE endpoints (layers.css). Crossfade classes
- * (the 3-state a11y hit-test contract) swap on the swap; the spring is the clock.
- */
-export declare function useDockMorphOrchestrator(options: UseDockMorphOrchestratorOptions): UseDockMorphOrchestratorReturn;

package/dist/components/dock/composables/useDockFisheye.d.ts

@@ -1,24 +0,0 @@
-import { type Ref } from "vue";
-export interface UseDockFisheyeOptions {
-    /** Arm gate (default always). A parked-until-DEVICE consumer passes `() => false`. */
-    enabled?: () => boolean;
-}
-export interface UseDockFisheyeReturn {
-    /** Re-write each item's layout-time `--x` (call after a content/layout change). */
-    remeasure: () => void;
-}
-/**
- * useDockFisheye — the ONE rAF-coalesced pointermove `--dock-px` writer for the fits-branch
- * pure-CSS Gaussian fisheye (BI.W-DOCK-OVERFLOW, G4). It writes exactly ONE per-frame
- * scalar — `--dock-px` (the pointer's inline position relative to the scroll port, a
- * unitless number) on the dock; each item carries a LAYOUT-TIME `--x` (its center, unitless,
- * (re)written on the RO — NOT per frame). The pure-CSS Gaussian in fisheye.css does the
- * per-item scale. The JS owns NO scale math and NO layout write — it writes two custom
- * properties and adds the `.dock-fisheye-item` marker class.
- *
- * The writer is the ENHANCEMENT layer over the universal native-scroll floor (overflow.css):
- * the CSS gates the scale on `:not([data-dock-overflow])` + `(hover: hover) and (pointer:
- * fine)` + PRM-off, so a scrollable / coarse / reduced-motion dock paints flat regardless of
- * this writer. G9/O5 — this is a `pointermove` listener, NEVER a `scroll` listener.
- */
-export declare function useDockFisheye(dockEl: Ref<HTMLElement | null>, options?: UseDockFisheyeOptions): UseDockFisheyeReturn;

package/dist/components/dock/composables/useDockPopover.d.ts

@@ -1,70 +0,0 @@
-import { type MaybeRefOrGetter, type Ref } from "vue";
-/** Which dock edge the popover fans from (the JS one-shot resolves the fixed coords). */
-export type DockPopoverSide = "top" | "bottom" | "left" | "right";
-/** How the popover aligns along the anchor's cross axis. */
-export type DockPopoverAlign = "start" | "center" | "end";
-export interface UseDockPopoverOptions {
-    /** The trigger DOM element (a dock control) — resolved lazily (it mounts post-setup). */
-    anchor: () => HTMLElement | null;
-    /** The `popover`-attributed surface element (a plain `<div popover>`). */
-    popover: Ref<HTMLElement | null>;
-    /** The dock edge the surface fans from. Default `"top"`. */
-    side?: MaybeRefOrGetter<DockPopoverSide>;
-    /** The cross-axis alignment. Default `"center"`. */
-    align?: MaybeRefOrGetter<DockPopoverAlign>;
-    /** The gap (px) between the anchor edge and the surface. Default 8. */
-    gap?: number;
-    /** The min gap (px) the surface keeps from the viewport edge on clamp. Default 8. */
-    viewportMargin?: number;
-    /** The hover-open intent dwell (ms) — a sweep-past enter is canceled by a chasing
-     *  leave inside it. Default `HOVER_INTENT_MS`. */
-    hoverIntentMs?: number;
-    /** The hover-close grace (ms) — bridges the anchor→surface pointer gap so the fan does
-     *  not flash shut mid-cross. Default 120. */
-    hoverGraceMs?: number;
-}
-export interface UseDockPopoverReturn {
-    /** Reactive open state (a mirror of the top-layer show — bind styling to it). */
-    open: Ref<boolean>;
-    /** Show the popover (top-layer promote + the JS one-shot place). */
-    show: () => void;
-    /** Hide the popover (+ return focus to the anchor if focus was inside — Esc/blur). */
-    hide: () => void;
-    /** Toggle (the click-invoker path). */
-    toggle: () => void;
-    /** The JS one-shot placement — `getBoundingClientRect` on the anchor, viewport-clamped.
-     *  Re-run on resize/scroll while open. The SAF-1 fence lives here: rect math ONLY, never
-     *  a native `anchor()` read. */
-    place: () => void;
-    /** Pointer entered the anchor → start the intent dwell. */
-    onAnchorEnter: () => void;
-    /** Pointer left the anchor → schedule a graced hide. */
-    onAnchorLeave: () => void;
-    /** Pointer entered the surface → cancel the graced hide (the cross bridged). */
-    onPopoverEnter: () => void;
-    /** Pointer left the surface → schedule a graced hide. */
-    onPopoverLeave: () => void;
-    /** Focus entered the anchor → open immediately (keyboard). */
-    onFocusIn: () => void;
-    /** Focus left the anchor+surface subtree → hide (focus stays while traversing members). */
-    onFocusOut: (event: FocusEvent) => void;
-    /** Close the active popover and consume Escape so an ancestor layer stays open. */
-    onEscape: (event: KeyboardEvent) => void;
-}
-/**
- * Wire a dock-anchored top-layer popover: the native `popover` show/hide, the JS one-shot
- * `getBoundingClientRect` placement (viewport-clamped), the hover-intent × light-dismiss ×
- * focus-return interop. NO native anchor positioning (the SAF-1 fence — `anchor()` BANKED).
- *
- * @example
- * ```ts
- * const fanEl = useTemplateRef<HTMLElement>("fanEl");
- * const stackRoot = useTemplateRef<HTMLElement>("stackRoot");
- * const pop = useDockPopover({
- *   anchor: () => stackRoot.value?.querySelector<HTMLElement>(".dock-stack-core") ?? null,
- *   popover: fanEl,
- *   side: () => (orientation.value === "vertical" ? "right" : "top"),
- * });
- * ```
- */
-export declare function useDockPopover(options: UseDockPopoverOptions): UseDockPopoverReturn;

package/dist/components/dock/styles/fisheye.css

@@ -1 +0,0 @@
-@property --dock-px { syntax: "<number>"; inherits: true; initial-value: -99999; } @layer components { .glass-dock[data-dock-fisheye] { transition: --dock-px var(--dock-fisheye-duration) linear; } @media (hover: hover) and (pointer: fine) { .glass-dock[data-dock-fisheye]:not([data-dock-overflow]) .dock-fisheye-item { --d: calc(var(--x, 0) - var(--dock-px, -99999)); scale: calc( 1 + var(--dock-fisheye-amp, 0.6) * exp( -1 * pow(var(--d), 2) / (2 * pow(var(--dock-fisheye-sigma, 64), 2)) ) ); transform-origin: center bottom; } } @media (prefers-reduced-motion: reduce) { .glass-dock[data-dock-fisheye] { transition: none; } .glass-dock[data-dock-fisheye] .dock-fisheye-item { scale: 1; } } }

package/dist/components/dock/styles/popover.css

@@ -1 +0,0 @@
-@layer components { :root { --dock-stack-stagger: 26ms; --dock-stack-gap: calc(0.375rem * var(--dock-scale, 1)); --dock-stack-member-size: calc(2rem * var(--dock-scale, 1)); --dock-facet-accent-strength: 48%; --dock-rail-extend-length: calc( 3 * var(--dock-stack-member-size) + 2 * var(--dock-stack-gap) ); } .dock-stack { display: inline-flex; align-items: center; } .dock-stack-core { flex: 0 0 auto; } .dock-stack-fan[popover] { margin: 0; inset: auto; border: 0; padding: calc(0.25rem * var(--dock-scale, 1)); background: transparent; overflow: visible; display: flex; gap: var(--dock-stack-gap); opacity: 0; scale: 0.92; transition: opacity var(--duration-fast) var(--ease-out), scale var(--spring-dock-duration) var(--spring-dock), overlay var(--spring-dock-duration) allow-discrete, display var(--spring-dock-duration) allow-discrete; } .dock-stack-fan[popover]:popover-open { opacity: 1; scale: 1; } @starting-style { .dock-stack-fan[popover]:popover-open { opacity: 0; scale: 0.92; } } .dock-stack-fan.vertical { flex-direction: row; align-items: center; transform-origin: left center; } .dock-stack-fan:not(.vertical) { flex-direction: column; align-items: center; transform-origin: center bottom; } .dock-stack-fan-scroll { display: flex; gap: var(--dock-stack-gap); } .dock-stack-fan.vertical .dock-stack-fan-scroll { flex-direction: row; } .dock-stack-fan:not(.vertical) .dock-stack-fan-scroll { flex-direction: column; } .dock-stack-fan[data-wrap] .dock-stack-fan-scroll { flex-wrap: wrap; max-inline-size: calc( var(--dock-stack-member-size) * 3 + var(--dock-stack-gap) * 2 + calc(0.5rem * var(--dock-scale, 1)) ); } .dock-stack-fan .dock-stack-member { flex: 0 0 auto; inline-size: var(--dock-stack-member-size); block-size: var(--dock-stack-member-size); background: var(--glass-bg-floating); -webkit-backdrop-filter: var(--glass-blur-floating); backdrop-filter: var(--glass-blur-floating); -webkit-backdrop-filter: var(--glass-blur-floating); box-shadow: var(--glass-edge-light), var(--glass-specular), 0 2px 6px -2px color-mix(in srgb, var(--shadow-color) 22%, transparent); border-radius: var(--radius-pill); color: color-mix( in srgb, var(--dock-fg-on-aurora, var(--foreground)) 88%, transparent ); opacity: 0; scale: 0.7; transition: opacity var(--duration-fast) var(--ease-out) calc(var(--dock-stack-stagger) * var(--i, 0)), scale var(--spring-dock-duration) var(--spring-dock) calc(var(--dock-stack-stagger) * var(--i, 0)), background-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard); } .dock-stack-fan:popover-open .dock-stack-member { opacity: 1; scale: 1; } @starting-style { .dock-stack-fan:popover-open .dock-stack-member { opacity: 0; scale: 0.7; } } .dark .dock-stack-fan .dock-stack-member { box-shadow: var(--glass-edge-light-dark), var(--glass-specular-dark), 0 2px 6px -2px color-mix(in srgb, var(--shadow-color) 30%, transparent); } .dock-stack-fan .dock-stack-member:hover { background: var(--dock-control-hover-bg, var(--glass-bg-resting)); color: var(--dock-fg-on-aurora, var(--foreground)); } .dock-stack-fan .dock-stack-member.is-active { background: var(--dock-control-active-bg, var(--glass-bg-floating)); color: var(--dock-fg-on-aurora, var(--foreground)); box-shadow: var(--glass-edge-light), var(--glass-specular), 0 0 0 1px color-mix(in srgb, var(--foreground) 12%, transparent), 0 3px 8px -2px color-mix(in srgb, var(--shadow-color) 28%, transparent); } .dark .dock-stack-fan .dock-stack-member.is-active { box-shadow: var(--glass-edge-light-dark), var(--glass-specular-dark), 0 0 0 1px color-mix(in srgb, var(--foreground) 18%, transparent), 0 3px 8px -2px color-mix(in srgb, var(--shadow-color) 36%, transparent); } .dock-stack-fan .dock-stack-member svg { inline-size: 0.875rem; block-size: 0.875rem; flex-shrink: 0; } .dock-stack-fan .dock-facet-chip { --dock-facet-rim-ink: color-mix( in oklab, var(--glass-rim-ink, hsl(0 0% 100% / 0.3)), var(--glass-accent) var(--glass-accent-strength, 0%) ); box-shadow: inset 0 1px 0 var(--dock-facet-rim-ink), var(--glass-specular), 0 0 0 1px color-mix( in oklab, transparent, var(--glass-accent) var(--glass-accent-strength, 0%) ), 0 2px 6px -2px color-mix(in srgb, var(--shadow-color) 22%, transparent); } .dark .dock-stack-fan .dock-facet-chip { --dock-facet-rim-ink: color-mix( in oklab, var(--glass-rim-ink, hsl(0 0% 100% / 0.4)), var(--glass-accent) var(--glass-accent-strength, 0%) ); box-shadow: inset 0 1px 0 var(--dock-facet-rim-ink), var(--glass-specular-dark), 0 0 0 1px color-mix( in oklab, transparent, var(--glass-accent) var(--glass-accent-strength, 0%) ), 0 2px 6px -2px color-mix(in srgb, var(--shadow-color) 30%, transparent); } .dock-stack-fan .dock-facet-chip.is-active { background: var(--dock-control-active-bg, var(--glass-bg-floating)); box-shadow: inset 0 1px 0 var(--dock-facet-rim-ink), var(--glass-specular), 0 0 0 1px color-mix( in oklab, color-mix(in srgb, var(--foreground) 12%, transparent), var(--glass-accent) var(--glass-accent-strength, 0%) ), 0 3px 8px -2px color-mix(in srgb, var(--shadow-color) 28%, transparent); } .dark .dock-stack-fan .dock-facet-chip.is-active { box-shadow: inset 0 1px 0 var(--dock-facet-rim-ink), var(--glass-specular-dark), 0 0 0 1px color-mix( in oklab, color-mix(in srgb, var(--foreground) 18%, transparent), var(--glass-accent) var(--glass-accent-strength, 0%) ), 0 3px 8px -2px color-mix(in srgb, var(--shadow-color) 36%, transparent); } @media (prefers-reduced-motion: reduce) { .dock-stack-fan[popover] { scale: 1; transition: opacity var(--duration-fast) linear, overlay var(--duration-fast) allow-discrete, display var(--duration-fast) allow-discrete; } .dock-stack-fan .dock-stack-member { scale: 1; transition: opacity var(--duration-fast) linear, background-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard); } } }

package/dist/components/dock/styles/section.css

@@ -1 +0,0 @@
-@layer components { .dock-section { display: contents; } .dock-section-zone { display: inline-flex; align-items: center; gap: var(--dock-section-zone-gap, var(--dock-gap, 0.25rem)); } .glass-dock.vertical .dock-section-zone { flex-direction: column; align-items: stretch; } .dock-section-zone--core { flex: 0 0 auto; } .dock-section-zone--nav { flex: 0 0 auto; } .dock-section-zone--section { flex: 0 1 auto; min-inline-size: 0; } }

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

@@ -1,85 +0,0 @@
-import type { DrawerDirection, DrawerMode, DrawerStage } from './index';
-/**
- * BB.W-DRAWER-ABROGATE — the Drawer root on the HOUSE reka `DialogRoot` substrate
- * (the SAME shape `Dialog.vue` binds). vaul-vue is gone: reka owns the open-control,
- * the portal, the focus management (trap when `modal`, free when `live-behind`) and
- * the scrim; the house `useDrawerSnap` engine (provided here, bound in DrawerContent)
- * owns the snap math vaul used to own.
- *
- * `mode` — additive shorthand (AN.W3). `"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 HOUSE props now
- * (they were vaul's `DrawerRootProps` surface — preserved by shape so the consumer
- * binding is byte-identical, but resolved by the house engine, not forwarded to reka,
- * which knows only `open`/`defaultOpen`/`modal`).
- *
- * BD.W-OVERLAY-STAGE-COUPLE — `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` + the scrim's backdrop-blur ENGAGES (the spotlight).
- * Under `prefers-reduced-motion: reduce`, `scale`/`immersive` degrade to `dim` (no
- * page transform — a full-page snap-scale IS perceived motion, fold C1·R6). The enum
- * toggles `data-stage-scale` / `data-stage-immersive` on the page-wrapper marker
- * (`[data-stage-wrapper]`, mounted by the consumer/demo shell) while the sheet is
- * open; the `--stage-t` scalar the snap engine writes at `:root` 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 (BB-2 default-ladder source). */
-    direction?: DrawerDirection;
-    /**
-     * BD.W-OVERLAY-STAGE-COUPLE — the honest scene-staging enum. `none` leaves the
-     * page untouched (the live-behind default); `dim` deepens the scrim only; `scale`
-     * recedes + scales the page;
-     * `immersive` adds the backdrop-blur engage. 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,40 +0,0 @@
-import { type HtmlHTMLAttributes } from 'vue';
-import { type DialogContentProps } from 'reka-ui';
-import { type Surface } from '../_shared/useSurfaceAxis';
-type __VLS_Props = DialogContentProps & {
-    class?: HtmlHTMLAttributes['class'];
-    showOverlay?: boolean;
-    /** Surface decoration register (BA.W-SURFACE-AXIS) — the SHARED
-     *  {glass·veil·opaque} axis on top of the `.glass-drawer` recipe. */
-    surface?: Surface;
-};
-declare var __VLS_19: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_19) => 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;
-    openAutoFocus: (event: Event) => any;
-    closeAutoFocus: (event: Event) => 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;
-    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,18 +0,0 @@
-import { type DialogDescriptionProps } from 'reka-ui';
-import { type HtmlHTMLAttributes } from 'vue';
-type __VLS_Props = DialogDescriptionProps & {
-    class?: HtmlHTMLAttributes['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/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;
-    };
-};