@mkbabb/glass-ui 6.0.0 → 7.0.0

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/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/focus-scope/FocusScope.vue.d.ts

@@ -1,20 +0,0 @@
-import { type FocusScopeProps } from 'reka-ui';
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<FocusScopeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    mountAutoFocus: (event: Event) => any;
-    unmountAutoFocus: (event: Event) => any;
-}, string, import("vue").PublicProps, Readonly<FocusScopeProps> & Readonly<{
-    onMountAutoFocus?: ((event: Event) => any) | undefined;
-    onUnmountAutoFocus?: ((event: Event) => 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/focus-scope/index.d.ts

@@ -1,2 +0,0 @@
-export { default as FocusScope } from './FocusScope.vue';
-export type { FocusScopeProps, FocusScopeEmits } from 'reka-ui';

package/dist/components/goo-filter/GooFilter.vue.d.ts

@@ -1,22 +0,0 @@
-interface GooSpec {
-    /** The filter id consumers reference (`url(#<id>)`). */
-    id: string;
-    /** feGaussianBlur stdDeviation — the alpha-bleed radius (per-scale). */
-    blur: number;
-    /** feColorMatrix A-channel slope — the threshold steepness (the gooey shoulder). */
-    slope: number;
-    /** feColorMatrix A-channel offset (negative) — the alpha cut point. */
-    offset: number;
-}
-type __VLS_Props = {
-    /**
-     * Extra bespoke `<filter>` instances beyond the library register (a consumer
-     * tuning a one-off scale). Each is the SAME graph at its own knobs.
-     */
-    extra?: GooSpec[];
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    extra: GooSpec[];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/goo-filter/index.d.ts

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

package/dist/components/icon-chip/IconChip.vue.d.ts

@@ -1,4 +0,0 @@
-import type { IconChipProps } from "./types";
-declare const __VLS_export: import("vue").DefineComponent<IconChipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IconChipProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/icon-chip/index.d.ts

@@ -1,2 +0,0 @@
-export { default as IconChip } from "./IconChip.vue";
-export type { IconChipProps, IconChipIcon, IconChipSection, IconChipTone, } from "./types";

package/dist/components/icon-chip/styles.css

@@ -1 +0,0 @@
-@import "../../styles/glass/glass-atom.css"; @import "../../styles/glass/glass-chip.css"; :root { --icon-chip-glyph-ratio: 2.18; --icon-chip-duotone-fill: 18%; --icon-chip-plate-strength: 25%; --icon-chip-bloom-mix: 35%; --icon-chip-bloom-glow: 28%; --icon-chip-reveal-step: 60ms; } .icon-chip { --_icon-chip-floor: calc( var(--icon-chip-glyph-size, 22px) * var(--icon-chip-glyph-ratio) ); inline-size: max(var(--icon-chip-size, 48px), var(--_icon-chip-floor)); block-size: max(var(--icon-chip-size, 48px), var(--_icon-chip-floor)); display: inline-flex; align-items: center; justify-content: center; border-radius: var(--radius-pill, 9999px); background-color: color-mix( in srgb, var(--icon-chip-plate-color, var(--muted)) var(--icon-chip-plate-strength), transparent ); color: var(--icon-chip-event-color, var(--muted-foreground)); transition: background-color var(--duration-fast, 150ms) var(--ease-standard), box-shadow var(--duration-fast, 150ms) var(--ease-standard), transform var(--duration-fast, 150ms) var(--ease-out); } .icon-chip__glyph { display: block; flex-shrink: 0; } .icon-chip--bare { inline-size: auto; block-size: auto; background-color: transparent; border-radius: 0; } .icon-chip--saturated { --icon-chip-plate-strength: 40%; } .icon-chip--glass { background-color: transparent; } @media (hover: hover) { .icon-chip--glass.icon-chip--bloom:hover { background-color: transparent; } } .icon-chip--duotone[data-duotone] svg, .icon-chip[data-duotone] .icon-chip__glyph { fill: color-mix( in srgb, var(--icon-chip-event-color, var(--muted-foreground)) var(--icon-chip-duotone-fill), transparent ); } @media (hover: hover) { .icon-chip--bloom:hover { background-color: color-mix( in srgb, var(--icon-chip-plate-color, var(--muted)) var(--icon-chip-bloom-mix), transparent ); box-shadow: 0 0 0 0.25rem color-mix( in srgb, var(--icon-chip-event-color, var(--muted-foreground)) var(--icon-chip-bloom-glow), transparent ); transform: scale(var(--icon-chip-bloom-scale, 1.06)); transition: background-color var(--duration-fast, 150ms) var(--ease-standard), box-shadow var(--duration-fast, 150ms) var(--ease-standard), transform var(--spring-smooth-duration) var(--spring-smooth); } .icon-chip--bloom:hover .icon-chip__glyph { stroke-width: 2; } } @media (prefers-reduced-motion: no-preference) { .icon-chip--reveal[data-reveal] { animation: icon-chip-reveal var(--spring-snappy-duration) var(--spring-snappy) both; animation-delay: calc(var(--d, 0) * var(--icon-chip-reveal-step)); } } @keyframes icon-chip-reveal { from { opacity: 0; transform: scale(0.85) translateY(0.25rem); } to { opacity: 1; transform: none; } } @media (prefers-reduced-motion: reduce) { .icon-chip--bloom:hover { transform: none; } .icon-chip--bloom:hover .icon-chip__glyph { stroke-width: inherit; } .icon-chip--reveal[data-reveal] { animation: none; } }

package/dist/components/icon-chip/types.d.ts

@@ -1,92 +0,0 @@
-import type { Component, FunctionalComponent, HTMLAttributes } from "vue";
-/**
- * Permissive icon type — Vue's `Component` ships across multiple structurally
- * incompatible shapes (the @lucide/vue v1 functional-component form is one), so
- * we accept the union a `<component :is>` render expression handles. Mirrors the
- * `MetricCell` `IconLike` precedent (the AZ `isComponent` allowance).
- */
-export type IconChipIcon = Component | FunctionalComponent | object;
-/** A 0..12 index into the `--section-color-N` 13-stop ramp. */
-export type IconChipSection = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-/**
- * A complete token colour for the chip event (e.g. `var(--chart-download)`,
- * `var(--tier-featured)`) — the MetricCell-`iconColor` reconcile path. NEVER a
- * demo-local literal hue (ppmycota purple stays out of the library — the chip
- * `tone` arm takes a token).
- */
-export type IconChipTone = string;
-export interface IconChipProps {
-    /**
-     * The lucide glyph (functional-component form per the AZ `isComponent`
-     * precedent). Rendered via `<component :is>`.
-     */
-    icon: IconChipIcon;
-    /**
-     * The `--section-color-N` ramp index (0..12) — the section arm. XOR `tone`.
-     * When both are set, `tone` wins (the explicit complete-token override).
-     * Typed `number` for data-driven consumers (a `v-for` over a descriptor list
-     * with a `section: number` field); the 0..12 canonical range is the
-     * `IconChipSection` union the discovery layer publishes.
-     */
-    section?: number;
-    /**
-     * A complete token colour (the tone arm — the MetricCell-`iconColor`
-     * reconcile). XOR `section`.
-     */
-    tone?: IconChipTone;
-    /**
-     * The chip diameter in px — the FLOOR is `glyphSize × --icon-chip-glyph-ratio`
-     * so the plate can never paint under the glyph (the d2 proportion, structural).
-     * Default `48` (the reference register, 48/22 ≈ 2.18).
-     */
-    size?: number;
-    /** The lucide glyph pixel size. Default `22` (the reference register). */
-    glyphSize?: number;
-    /** The lucide glyph stroke width. Default `1.75` (the reference register). */
-    strokeWidth?: number;
-    /**
-     * The NO-PLATE register — render the full-chroma glyph with NO backplate
-     * (the MetricCell leading-glyph tint). The chip≤glyph floor is moot (no plate).
-     */
-    bare?: boolean;
-    /**
-     * Duotone fill — a low-alpha fill of the same hue UNDER the full-chroma
-     * stroke (the iOS/Material "filled-tonal" move). Mono-hue (proportion-safe,
-     * never a second hue). Default `false`.
-     */
-    duotone?: boolean;
-    /**
-     * The chip's own smooth-glass hover register (the backplate mix lifts, a soft
-     * glow ring appears, the stroke firms) — on the §6 easing doctrine (the GROW
-     * rides --spring-smooth, the color cross-fade the bezier), PRM-gated,
-     * disco-FREE. Default `false`.
-     */
-    bloom?: boolean;
-    /**
-     * The louder focal-pop vibrancy axis (BB.W-SUFFUSE3) — re-points the
-     * backplate `color-mix` strength off the 25% reference stop to ~40% (more
-     * chroma) via `--icon-chip-plate-strength`. STILL the ONE color event per
-     * surface (the same event, louder — proof:suffuse d3 counts the event family,
-     * not the saturation); the `in srgb` space + the chip≤glyph ratio are
-     * untouched. Default `false` (byte-identical to the reference register).
-     */
-    saturated?: boolean;
-    /**
-     * The QUIET glass register (BD.W-GLASS-ATOM-REGISTER cross-link). The DEFAULT
-     * chip keeps its loud `in srgb` brand-overlay plate (AW.W26 fence); this opt-in
-     * routes the chip through the shared `.glass-atom` warm-glass capsule instead —
-     * a transmissive lozenge with the warm floor + the `--glass-blur-quiet` backdrop
-     * + the keyed rim, tinted by `--glass-fill-tint` toward the event hue. Two
-     * registers, exactly like Badge: loud brand pop (default) vs quiet glass lens
-     * (opt-in). Default `false`.
-     */
-    glass?: boolean;
-    /**
-     * Entrance choreography — composes the shipped `vReveal` directive. A numeric
-     * value is the `--d` stagger index; `true` is index 0. PRM-gated by `vReveal`'s
-     * construction. Default `false`.
-     */
-    reveal?: boolean | number;
-    /** Pass-through class on the chip root. */
-    class?: HTMLAttributes["class"];
-}

package/dist/components/icon-tooltip/IconTooltip.vue.d.ts

@@ -1,16 +0,0 @@
-type __VLS_Props = {
-    text: string;
-};
-declare var __VLS_20: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_20) => 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/icon-tooltip/index.d.ts

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

package/dist/components/instrument-chassis/ChassisDivider.vue.d.ts

@@ -1,30 +0,0 @@
-import type { HTMLAttributes } from "vue";
-/**
- * <ChassisDivider> — twin-line hairline groove, the chassis signature detail.
- *
- * Two 1px lines stacked: top reads as a sub-pixel catch-light, bottom as a
- * sub-pixel under-shadow. Together they describe a hairline groove between
- * stacked instrument panels — the Braun T-1000 / Bang & Olufsen at-rest
- * vocabulary the chassis carries throughout.
- *
- * Orientation flips the geometry from a horizontal divider (default — the
- * dividers between strip / dial / control regions) to a vertical groove
- * (the desktop divider between the dial canvas and the readout column).
- * Mobile inverts the dial-region divider via the chassis stylesheet's
- * `@media (max-width: 720px)` rule; the orientation prop carries no
- * runtime cost there.
- *
- * AI.W1-γ host-prefix alignment: renamed from `RegionDivider` →
- * `ChassisDivider` so the instrument-chassis family's signature detail
- * carries the family-root prefix (matching `InstrumentChassis`,
- * `instrument-chassis.css`).
- */
-type __VLS_Props = {
-    orientation?: "horizontal" | "vertical";
-    class?: HTMLAttributes["class"];
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    orientation: "horizontal" | "vertical";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/metric-badge/MetricBadge.vue.d.ts

@@ -1,40 +0,0 @@
-import type { HTMLAttributes } from 'vue';
-import { type MetricValue } from "../metric/coalesce-metric";
-export type MetricBadgeSize = 'sm' | 'md' | 'lg' | 'xl';
-export type MetricBadgeLabelPosition = 'inline' | 'stacked';
-export interface MetricBadgeProps {
-    /** The primary metric. A valid `0` renders `"0"`, never the placeholder. */
-    value: MetricValue;
-    unit?: string;
-    /** Full annotation slot, rendered as a sibling `<span>` with classnames
-     *  `metric-badge__label metric-badge__label--full`. Tracked uppercase,
-     *  muted. */
-    label?: string;
-    /** Compact form of `label`, rendered as a SIBLING `<span>` with
-     *  classnames `metric-badge__label metric-badge__label--abbr`. When both
-     *  `label` and `abbreviation` are set the library renders BOTH siblings;
-     *  consumer container-query CSS toggles which is visible (default:
-     *  `--full` shown, `--abbr` hidden — see utilities.css). The library
-     *  itself never branches on viewport. R2-spec. */
-    abbreviation?: string;
-    /** When set, renders the label slot in `inline` (single row, baseline-
-     *  aligned) or `stacked` (column, items flex-start) mode. When unset,
-     *  the label slot does not render even if `label`/`abbreviation` carry
-     *  values. */
-    labelPosition?: MetricBadgeLabelPosition;
-    /** Color applied to the value when it's non-empty. */
-    color?: string;
-    /** Substitute glyph when value is empty (null / undefined / ""). */
-    placeholder?: string;
-    /** Typographic scale. Defaults to `md`. The ladder reads
-     *  sm 11px / md 12px / lg 14px / xl 18px; `xl` is the audacious-poster
-     *  rung (`text-mono-prose` value, `text-prose` unit) for hero
-     *  placements that need to read at chassis distance. */
-    size?: MetricBadgeSize;
-    class?: HTMLAttributes['class'];
-}
-declare const __VLS_export: import("vue").DefineComponent<MetricBadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MetricBadgeProps> & Readonly<{}>, {
-    size: MetricBadgeSize;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/metric-badge/index.d.ts

@@ -1,2 +0,0 @@
-export { default as MetricBadge } from "./MetricBadge.vue";
-export type { MetricBadgeProps, MetricBadgeSize, MetricBadgeLabelPosition, } from "./MetricBadge.vue";