@mkbabb/glass-ui 7.0.0 → 8.0.0

package/dist/components/dialog/dialogStageContext.d.ts

@@ -1,7 +0,0 @@
-import type { Ref } from "vue";
-export interface DialogStageContext {
-    wrapperEl: Ref<HTMLElement | null>;
-    scrimEl: Ref<HTMLElement | null>;
-}
-export declare function provideDialogStageContext(context: DialogStageContext): void;
-export declare const useOptionalDialogStageContext: () => DialogStageContext | null;

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] > [data-slot="dialog-content-region"] ) { display: grid; align-content: start; gap: 1rem; } :where( [data-slot="dialog-content"][data-placement][data-scroll] > [data-slot="dialog-content-region"] ) { min-block-size: 0; max-block-size: calc(100dvh - var(--overlay-pad-block) - var(--overlay-pad-block)); overflow-y: auto; } :where( [data-slot="dialog-content"][data-placement="left"] > [data-slot="dialog-content-region"], [data-slot="dialog-content"][data-placement="right"] > [data-slot="dialog-content-region"] ) { display: flex; flex-direction: column; block-size: 100%; min-block-size: 0; } :where( [data-slot="dialog-content"][data-placement="left"] > [data-slot="dialog-content-region"] > :only-child, [data-slot="dialog-content"][data-placement="right"] > [data-slot="dialog-content-region"] > :only-child ) { min-block-size: 0; } :where([data-slot="dialog-content"][data-placement][data-surface="glass"]) { isolation: isolate; -webkit-backdrop-filter: none; backdrop-filter: none; } :where([data-slot="dialog-content"][data-placement] > [data-slot="glass-graded-halo"]) { position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none; background: linear-gradient( var(--sheet-edge-direction), color-mix(in oklab, var(--glass-bg-overlay) 10%, transparent) 0, color-mix(in oklab, var(--glass-bg-overlay) 16%, transparent) 40px, color-mix(in oklab, var(--glass-bg-overlay) 34%, transparent) 120px, color-mix(in oklab, var(--glass-bg-overlay) 34%, transparent) 100% ); -webkit-backdrop-filter: blur(calc(34px * var(--glass-level))) saturate(var(--glass-saturate-overlay)); backdrop-filter: blur(calc(34px * var(--glass-level))) saturate(var(--glass-saturate-overlay)); mask-image: linear-gradient( var(--sheet-edge-direction), rgb(0 0 0 / 0.325) 0, rgb(0 0 0 / 0.45) 40px, black 120px, black 100% ); } :where([data-slot="dialog-content"][data-placement="top"]) > [data-slot="glass-graded-halo"] { --sheet-edge-direction: to top; } :where([data-slot="dialog-content"][data-placement="bottom"]) > [data-slot="glass-graded-halo"] { --sheet-edge-direction: to bottom; } :where([data-slot="dialog-content"][data-placement="left"]) > [data-slot="glass-graded-halo"] { --sheet-edge-direction: to left; } :where([data-slot="dialog-content"][data-placement="right"]) > [data-slot="glass-graded-halo"] { --sheet-edge-direction: to right; } :where([data-backdrop="graded"] > [data-slot="glass-graded-halo"]) { position: absolute; inset: 0; pointer-events: none; -webkit-backdrop-filter: blur(var(--glass-halo-blur)) saturate(var(--glass-saturate-overlay)); backdrop-filter: blur(var(--glass-halo-blur)) saturate(var(--glass-saturate-overlay)); background: color-mix(in oklab, var(--glass-bg-overlay) 50%, transparent); -webkit-mask-image: linear-gradient( to right, transparent calc(50% - var(--glass-halo-core) - var(--glass-halo-bloom)), black calc(50% - var(--glass-halo-core)), black calc(50% + var(--glass-halo-core)), transparent calc(50% + var(--glass-halo-core) + var(--glass-halo-bloom)) ), linear-gradient( to bottom, transparent calc(50% - var(--glass-halo-core) - var(--glass-halo-bloom)), black calc(50% - var(--glass-halo-core)), black calc(50% + var(--glass-halo-core)), transparent calc(50% + var(--glass-halo-core) + var(--glass-halo-bloom)) ); -webkit-mask-composite: source-in; mask-image: linear-gradient( to right, transparent calc(50% - var(--glass-halo-core) - var(--glass-halo-bloom)), black calc(50% - var(--glass-halo-core)), black calc(50% + var(--glass-halo-core)), transparent calc(50% + var(--glass-halo-core) + var(--glass-halo-bloom)) ), linear-gradient( to bottom, transparent calc(50% - var(--glass-halo-core) - var(--glass-halo-bloom)), black calc(50% - var(--glass-halo-core)), black calc(50% + var(--glass-halo-core)), transparent calc(50% + var(--glass-halo-core) + var(--glass-halo-bloom)) ); mask-composite: intersect; } .dark :where([data-backdrop="graded"] > [data-slot="glass-graded-halo"]) { background: color-mix(in oklab, var(--glass-bg-overlay) 40%, transparent); } @media (prefers-reduced-transparency: reduce), (forced-colors: active) { :where([data-slot="glass-graded-halo"]) { display: none; } } :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/dialog/sheet-motion.d.ts

@@ -1,17 +0,0 @@
-import type { Placement } from "../_shared/axes";
-/** The four slide placements (a `center` modal is the non-slide path). */
-export type SidePlacement = Exclude<Placement, "center">;
-/**
- * The side sheet's slide as a CSS `translate` LONGHAND value ("<lp> <lp>").
- * `p`: 0 = mounted at rest, 1 = one own-dimension offscreen along the anchored
- * axis. This is a `translate` longhand, NOT a `transform` function —
- * `translateX()`/`translateY()` are invalid as a `translate` value and paint
- * nothing (R1). `p` is left unclamped so the spring's overshoot IS the settle.
- */
-export declare function sheetSlideTransform(placement: SidePlacement, p: number): string;
-/**
- * Scrim opacity synced to the surface position: 1 at open (p=0), 0 at dismissed
- * (p=1). Clamped so the spring overshoot (p<0 or p>1) never pushes opacity out of
- * [0,1]. Reads the SAME live scalar as the surface → no desync through an interrupt.
- */
-export declare function scrimOpacity(p: number): number;

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/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/header-ribbon/HeaderRibbon.vue.d.ts

@@ -1,13 +0,0 @@
-import type { HeaderRibbonProps } from "./types";
-type __VLS_Slots = {
-    items?(): unknown;
-};
-declare const __VLS_base: import("vue").DefineComponent<HeaderRibbonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<HeaderRibbonProps> & 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/header-ribbon/index.d.ts

@@ -1,2 +0,0 @@
-export { default as HeaderRibbon } from "./HeaderRibbon.vue";
-export type { HeaderRibbonPlacement, HeaderRibbonProps } from "./types";

package/dist/components/header-ribbon/styles.css

@@ -1 +0,0 @@
-@layer components { .header-ribbon { position: fixed; inset-block-start: 0; z-index: var(--z-header); display: flex; width: max-content; max-width: 100%; padding: 1rem; pointer-events: none; } .header-ribbon[data-placement="left"] { left: 0; } .header-ribbon[data-placement="right"] { right: 0; } .header-ribbon__band { display: flex; align-items: center; min-block-size: var(--size-icon-btn); max-inline-size: min(32rem, calc(100vw - 2rem)); padding: var(--panel-padding); border-radius: var(--radius-pill); pointer-events: auto; direction: ltr; } .header-ribbon[data-placement="right"] .header-ribbon__band { flex-direction: row-reverse; } .header-ribbon__actions { display: flex; align-items: center; gap: 0.5rem; } .header-ribbon:dir(rtl) .header-ribbon__actions { direction: rtl; } } @media (pointer: coarse) { .header-ribbon { padding: 0.75rem; } .header-ribbon__band { max-inline-size: calc(100vw - 1.5rem); } } @media (forced-colors: active) { .header-ribbon__band { border: 1px solid CanvasText; } }

package/dist/components/header-ribbon/types.d.ts

@@ -1,10 +0,0 @@
-import type { HTMLAttributes } from "vue";
-export type HeaderRibbonPlacement = "left" | "right";
-export interface HeaderRibbonProps {
-    /** Side of the viewport the ribbon anchors against. Defaults to `"left"`. */
-    placement?: HeaderRibbonPlacement;
-    /** Accessible name for the persistent action toolbar. */
-    ariaLabel?: string;
-    /** Additional class names. */
-    class?: HTMLAttributes["class"];
-}

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

@@ -1,23 +0,0 @@
-import type { InstrumentChassisBoundary, InstrumentChassisProps } from "./types";
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
-type __VLS_Slots = {} & {
-    stage?: (props: typeof __VLS_1) => any;
-} & {
-    inspector?: (props: typeof __VLS_3) => any;
-} & {
-    action?: (props: typeof __VLS_5) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<InstrumentChassisProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InstrumentChassisProps> & Readonly<{}>, {
-    state: import("./types").InstrumentChassisState;
-    reserve: import("./types").InstrumentChassisReserve;
-    proportion: import("./types").InstrumentChassisProportion;
-    boundaries: readonly InstrumentChassisBoundary[];
-}, {}, {}, {}, 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/instrument-chassis/index.d.ts

@@ -1,2 +0,0 @@
-export { default as InstrumentChassis } from "./InstrumentChassis.vue";
-export type { InstrumentChassisBoundary, InstrumentChassisProportion, InstrumentChassisProps, InstrumentChassisReserve, InstrumentChassisState, } from "./types";

package/dist/components/instrument-chassis/styles.css

@@ -1 +0,0 @@
-@layer components { .instrument-chassis { --instrument-tone: var(--muted-foreground); --instrument-state-tint: 0%; --instrument-dial-padding-inline: clamp(1rem, 3cqi, 1.5rem); --instrument-dial-padding-block: clamp(1rem, 3cqi, 1.5rem); --instrument-dial-gap: clamp(1rem, 3cqi, 1.5rem); --instrument-control-padding-inline: clamp(1rem, 3cqi, 1.5rem); --instrument-control-padding-block: clamp(0.75rem, 2cqi, 0.875rem); --instrument-control-gap: calc(var(--spacing) * 2); --instrument-title-gap: calc( var(--instrument-dial-padding-inline, 1.5rem) / 2.618 ); --instrument-boundary-catch: rgb(255 255 255 / 0.1); --instrument-boundary-shadow: rgb(0 0 0 / 0.12); container-type: inline-size; position: relative; overflow: clip; border: 1px solid var(--glass-border-wash); border-radius: var(--radius-card); background: var(--glass-curvature-overlay, none), color-mix( in oklab, var(--glass-bg-chassis), var(--instrument-tone) var(--instrument-state-tint) ); box-shadow: var(--glass-shadow-quiet), inset 0 1px 0 var(--surface-tint-6), inset 0 -0.5px 0 rgb(0 0 0 / 0.06); -webkit-backdrop-filter: var(--glass-blur-quiet); backdrop-filter: var(--glass-blur-quiet); transition: border-color var(--duration-normal) var(--ease-standard); } .instrument-chassis[data-state="active"] { --instrument-state-tint: 6%; border-color: color-mix( in oklab, var(--instrument-tone) 24%, var(--glass-border-wash) ); } .instrument-chassis[data-state="complete"] { --instrument-state-tint: 9%; border-color: color-mix( in oklab, var(--instrument-tone) 32%, var(--glass-border-wash) ); } .instrument-chassis[data-state="loading"] { --instrument-state-tint: 3%; } .dark .instrument-chassis { --instrument-boundary-catch: rgb(255 255 255 / 0.06); --instrument-boundary-shadow: rgb(0 0 0 / 0.18); } .instrument-composition { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--instrument-dial-gap); padding: var(--instrument-dial-padding-block) var(--instrument-dial-padding-inline); } .instrument-chassis[data-proportion="golden"] .instrument-composition[data-has-inspector] { grid-template-columns: minmax(0, 61.8033989fr) minmax(0, 38.1966011fr); } .instrument-chassis[data-proportion="preview-dominant"] .instrument-composition[data-has-inspector] { grid-template-columns: minmax(0, 66.6666667fr) minmax(0, 33.3333333fr); } .instrument-stage, .instrument-inspector { min-inline-size: 0; } .instrument-composition[data-boundary] .instrument-inspector { box-shadow: inset 1px 0 0 var(--instrument-boundary-catch), inset 2px 0 0 var(--instrument-boundary-shadow); } .instrument-action { display: flex; flex-wrap: wrap; align-items: center; gap: var(--instrument-control-gap); padding: var(--instrument-control-padding-block) var(--instrument-control-padding-inline); } .instrument-action[data-boundary] { box-shadow: inset 0 1px 0 var(--instrument-boundary-catch), inset 0 2px 0 var(--instrument-boundary-shadow); } .instrument-chassis:is([data-reserve="stage"], [data-reserve="both"]) .instrument-stage { min-block-size: var(--instrument-stage-reserve, 0px); } .instrument-chassis:is([data-reserve="inspector"], [data-reserve="both"]) .instrument-inspector { min-block-size: var(--instrument-inspector-reserve, 0px); } @container (max-width: 44.9375rem) { .instrument-chassis[data-proportion] .instrument-composition[data-has-inspector] { grid-template-columns: minmax(0, 1fr); } .instrument-composition[data-boundary] .instrument-inspector { box-shadow: inset 0 1px 0 var(--instrument-boundary-catch), inset 0 2px 0 var(--instrument-boundary-shadow); } } @media (prefers-reduced-motion: reduce) { .instrument-chassis { transition: none; } } }

package/dist/components/instrument-chassis/types.d.ts

@@ -1,13 +0,0 @@
-import type { HTMLAttributes } from "vue";
-export type InstrumentChassisState = "ready" | "active" | "complete" | "loading";
-export type InstrumentChassisProportion = "golden" | "preview-dominant";
-export type InstrumentChassisBoundary = "stage-inspector" | "inspector-action";
-export type InstrumentChassisReserve = "none" | "stage" | "inspector" | "both";
-export interface InstrumentChassisProps {
-    state?: InstrumentChassisState;
-    tone?: string;
-    proportion?: InstrumentChassisProportion;
-    boundaries?: readonly InstrumentChassisBoundary[];
-    reserve?: InstrumentChassisReserve;
-    class?: HTMLAttributes["class"];
-}

package/dist/components/labeled-field/LabeledSelect.vue.d.ts

@@ -1,20 +0,0 @@
-import type { LabeledSelectProps } from "./types";
-declare var __VLS_48: {};
-type __VLS_Slots = {} & {
-    error?: (props: typeof __VLS_48) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<LabeledSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
-    "update:open": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<LabeledSelectProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};