@mkbabb/glass-ui 7.0.0 → 9.0.0

package/dist/components/checkbox/styles.css

@@ -1 +0,0 @@
-@layer components { .checkbox { position: relative; display: inline-grid; flex: none; place-items: center; inline-size: 1rem; block-size: 1rem; padding: 0; border: 1px solid var(--control-ring); border-radius: var(--radius-control); color: var(--primary-foreground); cursor: pointer; appearance: none; touch-action: manipulation; transition: background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard); } .checkbox__seat { position: absolute; top: 50%; left: 50%; inline-size: var(--touch-target, 2.75rem); block-size: var(--touch-target, 2.75rem); border-radius: var(--radius-pill); translate: -50% -50%; } .checkbox__indicator { display: grid; place-items: center; inline-size: 100%; block-size: 100%; } .checkbox:is([data-state="checked"], [data-state="indeterminate"]) { border-color: var(--control-checked-bg); background: var(--control-checked-bg); } .checkbox[aria-invalid="true"] { border-color: var(--destructive); box-shadow: var(--invalid-ring); } .checkbox:is(:disabled, [data-disabled]) { opacity: var(--opacity-disabled); cursor: not-allowed; } @media (forced-colors: active) { .checkbox { border-color: ButtonText; } .checkbox:is([data-state="checked"], [data-state="indeterminate"]) { border-color: Highlight; background: Highlight; color: HighlightText; } } }

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

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

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

@@ -1,14 +0,0 @@
-import type { ComboboxAnchorProps } from "./types";
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<ComboboxAnchorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ComboboxAnchorProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,14 +0,0 @@
-import type { ComboboxEmptyProps } from "./types";
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<ComboboxEmptyProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ComboboxEmptyProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,14 +0,0 @@
-import type { ComboboxGroupProps } from "./types";
-declare var __VLS_14: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_14) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<ComboboxGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ComboboxGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

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

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

@@ -1,18 +0,0 @@
-import type { ComboboxItemProps } from "./types";
-declare var __VLS_10: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_10) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<ComboboxItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    select: (event: import("../_shared/interaction").ListboxItemSelectEvent<import("../_shared/selection").SelectionValue>) => any;
-}, string, import("vue").PublicProps, Readonly<ComboboxItemProps> & Readonly<{
-    onSelect?: ((event: import("../_shared/interaction").ListboxItemSelectEvent<import("../_shared/selection").SelectionValue>) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,14 +0,0 @@
-import type { ComboboxItemIndicatorProps } from "./types";
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<ComboboxItemIndicatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ComboboxItemIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,29 +0,0 @@
-import type { ComboboxListProps } from "./types";
-declare var __VLS_19: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_19) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<ComboboxListProps, {}, {}, {}, {}, 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;
-}, string, import("vue").PublicProps, Readonly<ComboboxListProps> & 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;
-}>, {
-    side: import("../_shared/floating").FloatingSide;
-    sideOffset: number;
-    align: import("../_shared/floating").FloatingAlign;
-    alignOffset: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,16 +0,0 @@
-import type { ComboboxTriggerProps } from "./types";
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<ComboboxTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ComboboxTriggerProps> & Readonly<{}>, {
-    asChild: 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/combobox/index.d.ts

@@ -1,10 +0,0 @@
-export { default as Combobox } from './Combobox.vue';
-export { default as ComboboxAnchor } from './ComboboxAnchor.vue';
-export { default as ComboboxEmpty } from './ComboboxEmpty.vue';
-export { default as ComboboxGroup } from './ComboboxGroup.vue';
-export { default as ComboboxInput } from './ComboboxInput.vue';
-export { default as ComboboxItem } from './ComboboxItem.vue';
-export { default as ComboboxItemIndicator } from './ComboboxItemIndicator.vue';
-export { default as ComboboxList } from './ComboboxList.vue';
-export { default as ComboboxTrigger } from './ComboboxTrigger.vue';
-export type { ComboboxAnchorProps, ComboboxEmits, ComboboxEmptyProps, ComboboxGroupProps, ComboboxInputEmits, ComboboxInputProps, ComboboxItemEmits, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxListEmits, ComboboxListProps, ComboboxModelValue, ComboboxProps, ComboboxTriggerProps, ComboboxValue, } from './types';

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

@@ -1,87 +0,0 @@
-import type { HTMLAttributes, InputHTMLAttributes } from "vue";
-import type { FloatingPlacementProps } from "../_shared/floating";
-import type { FocusOutsideEvent, ListboxItemSelectEvent, PointerDownOutsideEvent } from "../_shared/interaction";
-import type { FormFieldProps, PrimitiveProps } from "../_shared/primitive";
-import type { SelectionValue } from "../_shared/selection";
-/** Stable scalar selection, with `null` representing no single selection. */
-export type ComboboxValue = SelectionValue | null;
-export type ComboboxModelValue = ComboboxValue | SelectionValue[];
-interface ComboboxCommonProps extends FormFieldProps {
-    open?: boolean;
-    defaultOpen?: boolean;
-    disabled?: boolean;
-}
-interface SingleComboboxProps extends ComboboxCommonProps {
-    multiple?: false;
-    modelValue?: ComboboxValue;
-    defaultValue?: ComboboxValue;
-}
-interface MultipleComboboxProps extends ComboboxCommonProps {
-    multiple: true;
-    modelValue?: SelectionValue[];
-    defaultValue?: SelectionValue[];
-}
-export type ComboboxProps = SingleComboboxProps | MultipleComboboxProps;
-/**
- * Vue's runtime component projection of the discriminated selection contract.
- * Prefer `ComboboxProps` when constructing props as data.
- */
-export interface ComboboxComponentProps extends ComboboxCommonProps {
-    multiple?: boolean;
-    modelValue?: ComboboxModelValue;
-    defaultValue?: ComboboxModelValue;
-}
-export interface ComboboxEmits {
-    "update:modelValue": [value: ComboboxModelValue];
-    "update:open": [value: boolean];
-}
-export interface ComboboxAnchorProps {
-    class?: HTMLAttributes["class"];
-}
-export interface ComboboxTriggerProps {
-    asChild?: PrimitiveProps["asChild"];
-    disabled?: boolean;
-    class?: HTMLAttributes["class"];
-}
-export interface ComboboxInputProps {
-    modelValue?: string;
-    autoFocus?: boolean;
-    disabled?: boolean;
-    placeholder?: InputHTMLAttributes["placeholder"];
-    class?: HTMLAttributes["class"];
-}
-export interface ComboboxInputEmits {
-    "update:modelValue": [value: string];
-}
-export interface ComboboxItemProps {
-    value: SelectionValue;
-    disabled?: boolean;
-    textValue?: string;
-    class?: HTMLAttributes["class"];
-}
-export interface ComboboxItemEmits {
-    select: [event: ListboxItemSelectEvent<SelectionValue>];
-}
-export interface ComboboxItemIndicatorProps {
-    class?: HTMLAttributes["class"];
-}
-export interface ComboboxGroupProps {
-    heading?: string;
-    class?: HTMLAttributes["class"];
-}
-export interface ComboboxEmptyProps {
-    class?: HTMLAttributes["class"];
-}
-export interface ComboboxListProps extends FloatingPlacementProps {
-    class?: HTMLAttributes["class"];
-}
-export interface ComboboxListEmits {
-    escapeKeyDown: [event: KeyboardEvent];
-    pointerDownOutside: [event: PointerDownOutsideEvent];
-    focusOutside: [event: FocusOutsideEvent];
-    interactOutside: [event: PointerDownOutsideEvent | FocusOutsideEvent];
-}
-export interface ComboboxSeparatorProps {
-    class?: HTMLAttributes["class"];
-}
-export {};

package/dist/components/command/dialogContext.d.ts

@@ -1,6 +0,0 @@
-type CommandDialogContext = {
-    dismiss: () => void;
-};
-export declare function provideCommandDialogContext(dismiss: () => void): void;
-export declare function useOptionalCommandDialogContext(): CommandDialogContext | null;
-export {};

package/dist/components/command/styles.css

@@ -1 +0,0 @@
-.command { display: flex; width: 100%; height: 100%; flex-direction: column; overflow: hidden; border-radius: var(--radius-panel); color: var(--popover-foreground); } .command-dialog__content { overflow: hidden; padding: 0; } .command__input-wrapper { display: flex; align-items: center; border-block-end: 1px solid var(--border); padding-inline: 0.75rem; } .command__input-icon { width: 1rem; height: 1rem; flex: none; margin-inline-end: 0.5rem; opacity: 0.5; } .command-dialog__content .command__input-icon, .command-dialog__content .command__item > svg { width: 1.25rem; height: 1.25rem; } .command__input { width: 100%; height: var(--dropdown-input-height); border: 0; border-radius: var(--radius-input); outline: 0; background: transparent; padding-block: 0.75rem; color: inherit; font: inherit; font-size: var(--dropdown-text); } .command-dialog__content .command__input { height: 3rem; } .command__input::placeholder { color: var(--muted-foreground); } .command__input:disabled { cursor: not-allowed; opacity: var(--opacity-disabled); } .command__list { max-height: var(--overlay-max-block); overflow-x: hidden; overflow-y: auto; scrollbar-gutter: stable; padding: var(--panel-padding); } .command__group { overflow: hidden; padding: 0.25rem; color: var(--foreground); } .command__group-label { padding: 0.375rem 0.5rem; color: var(--muted-foreground); font-size: var(--dropdown-text-secondary); font-weight: 500; } .command__item { position: relative; display: flex; width: 100%; align-items: center; padding: 0.375rem 0.5rem; cursor: default; outline: none; color: inherit; font-size: var(--dropdown-text); user-select: none; } .command-dialog__content .command__item { padding-block: 0.75rem; } .command__item[data-disabled] { pointer-events: none; cursor: not-allowed; opacity: var(--opacity-disabled); } .command__empty { padding-block: 1.5rem; text-align: center; font-size: var(--dropdown-text); } .command__separator { height: 1px; margin-inline: -0.25rem; background: var(--border); } .command__shortcut { margin-inline-start: auto; color: var(--muted-foreground); font-size: var(--dropdown-text-secondary); letter-spacing: 0.1em; }

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

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

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

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

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

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

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

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

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

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

package/dist/components/data-table/styles.css

@@ -1 +0,0 @@
-.data-table { overflow: hidden; } .data-table-cards { display: flex; flex-direction: column; gap: 0.5rem; } .data-table-card, .data-table-state { border: 1px solid var(--border); border-radius: var(--radius-card); padding: 0.75rem; } .data-table-state { padding-block: var(--space-phi-5); color: var(--muted-foreground); text-align: center; } .data-table-card-skeleton-title { width: 50%; height: 1rem; margin-block-end: 0.5rem; } .data-table-cell-skeleton { width: 75%; height: 1rem; } .data-table-action-skeleton { width: 1.5rem; height: 1rem; } .data-table-card-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.5rem; } .data-table-card-title, .data-table-card-value { min-width: 0; overflow-wrap: anywhere; } .data-table-card-title { font-weight: 600; } .data-table-card-fields { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0.25rem 0.75rem; margin-block-start: 0.5rem; } .data-table-card-label, .data-table-header-row { color: var(--muted-foreground); } .data-table-actions, .data-table-actions-cell { width: 2.5rem; flex: none; } .data-table-sort { display: inline-flex; width: 100%; align-items: center; gap: 0.25rem; justify-content: flex-start; border: 0; border-radius: var(--radius-sm); padding: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; } .data-table [data-align="center"] { justify-content: center; text-align: center; } .data-table [data-align="right"] { justify-content: flex-end; text-align: right; } .data-table-row-interactive { cursor: pointer; transition: background-color var(--duration-fast) var(--ease-standard); } .data-table-row-interactive:hover, .data-table-row-interactive[data-state="selected"] { background: var(--surface-tint-8); } .data-table-card.data-table-row-interactive[data-state="selected"] { border-color: var(--focus-ring-color); box-shadow: var(--focus-ring-shadow); }

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,16 +0,0 @@
-import type { PrimitiveProps } from "../_shared/primitive";
-export interface DialogCloseProps extends PrimitiveProps {
-}
-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,16 +0,0 @@
-import type { PrimitiveProps } from "../_shared/primitive";
-export interface DialogTriggerProps extends PrimitiveProps {
-}
-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/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/dock/composables/useDockOverflowFit.d.ts

@@ -1,20 +0,0 @@
-import { type Ref } from "vue";
-/**
- * useDockOverflowFit resolves fits-vs-scrollable mode for the dock's native scroll
- * track. It toggles `[data-dock-overflow]` on the dock root
- * when content exceeds the horizontal full-layer port or vertical root scroll host.
- * The overflow.css scroll track + FadingScroll edge mask engage ONLY under that attr, so
- * at rest (fits) the mask is `none`.
- *
- * The measure is resize- and content-driven, with no scroll listener (a
- * `ResizeObserver` on the dock + the port, plus a narrowly filtered `MutationObserver`
- * on dock content). It never listens to `scroll` — the traveling indicator (`useSelectionIndicator`)
- * lives inside the scroll port and travels WITH scroll in content coordinates, needing no
- * scroll listener; this fit measure adds none either.
- *
- * The scroll port is discovered from the dock root (`.dock-layer--full`) so the composable
- * needs only the dock element — no extra template ref threads through GlassDock.
- */
-export declare function useDockOverflowFit(dockEl: Ref<HTMLElement | null>): {
-    measure: () => void;
-};

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

@@ -1,42 +0,0 @@
-import type { Ref } from "vue";
-/**
- * Own collapsed-pill tap/scroll discrimination and collapse-on-deactivate state.
- * Morph scalars remain owned by the Dock orchestrator.
- *
- * The gate distinguishes a tap from vertical scrolling without preventing the
- * browser's compatibility click. A single tap can expand the Dock and activate its
- * control; a scroll cancels the pending tap. No hit-test lookup or synthetic
- * dispatch is used. The same behavior applies to both orientations.
- */
-export interface UseDockTouchGateOptions {
-    /** The dock's auto-collapse delay (ms) — the gate's deactivation timer. */
-    collapseDelay: number;
-    /** The dock body root — the tap discrimination anchors on it. */
-    rootEl: Ref<HTMLElement | null>;
-    /**
-     * True when every environmental writer is suppressed — an always-expanded dock
-     * (force-pinned) OR a manual dock (the consumer owns posture). The gate no-ops:
-     * no tap-to-expand, no collapse-on-deactivate. Without folding `manual` in here
-     * the gate would leak a `collapse()` on deactivate (in manual `isPinned` is
-     * false and `alwaysExpanded` is false, so the collapse guard would fire).
-     */
-    quiet: Readonly<Ref<boolean>>;
-    /** The painted expand state (`alwaysExpanded || expanded`). */
-    visualExpanded: Readonly<Ref<boolean>>;
-    /** The raw expand ref (the collapse-on-deactivate guard reads it). */
-    expanded: Ref<boolean>;
-    /** True while a hold token keeps the dock open (suppresses the deactivate collapse). */
-    isPinned: Readonly<Ref<boolean>>;
-    /** Expand the dock (fired on a resolved tap). */
-    expand: () => void;
-    /** Collapse the dock (fired when the gate deactivates with no hold). */
-    collapse: () => void;
-}
-export interface UseDockTouchGateReturn {
-    onTouchStart(event: TouchEvent): void;
-    onTouchMove(event: TouchEvent): void;
-    onTouchEnd(): void;
-    /** Force the gate to rest (a collapse flip clears any pending tap). */
-    deactivate(): void;
-}
-export declare function useDockTouchGate(options: UseDockTouchGateOptions): UseDockTouchGateReturn;

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

@@ -1 +0,0 @@
-@layer components { .glass-dock.dock-scroll-x:not(.dock-overflow-wrap) .dock-layer--full { min-width: 0; overflow-x: visible; overflow-y: visible; mask-image: none; } .glass-dock.dock-scroll-x[data-dock-overflow]:not(.dock-overflow-wrap) .dock-layer--full { overflow-x: auto; overflow-y: visible; padding: var(--dock-scroll-safe-inset); margin: calc(-1 * var(--dock-scroll-safe-inset)); scroll-padding-inline: var(--dock-scroll-gutter); scrollbar-width: none; overscroll-behavior-x: contain; mask-image: linear-gradient( to right, transparent 0, black var(--fade-start, 0px), black calc(100% - var(--fade-end, 0px)), transparent 100% ); animation: gl-fade-start-in linear both, gl-fade-end-out linear both; animation-timeline: scroll(self inline), scroll(self inline); animation-range: 0 var(--fade-scroll-width), calc(100% - var(--fade-scroll-width)) 100%; } .glass-dock.dock-scroll-x[data-dock-overflow]:not(.dock-overflow-wrap) .dock-layer--full::-webkit-scrollbar { display: none; } .glass-dock.dock-overflow-wrap { white-space: normal; max-inline-size: var(--dock-max-inline-size); padding: var(--dock-wrap-padding-block, var(--dock-padding-block, 0.375rem)) var(--dock-wrap-padding-inline, 0.625rem); border-radius: calc( var(--radius-pill) + (var(--dock-card-radius) - var(--radius-pill)) * var(--dock-expand-t) ); --dock-wrap-elev: calc(var(--dock-expand-t) * 100%); box-shadow: var(--glass-edge-light), var(--shadow-dock-override, var(--shadow-dock)), 0 8px 24px color-mix( in srgb, var(--shadow-color) calc(0.14 * var(--dock-wrap-elev)), transparent ), 0 0 0 0.5px color-mix( in srgb, var(--shadow-color) calc(0.05 * var(--dock-wrap-elev)), transparent ), calc(8px * var(--glass-key-direction)) 8px 32px -4px color-mix( in srgb, oklch(0 0 0 / 0.12) var(--dock-wrap-elev), transparent ); } .glass-dock.dock-overflow-wrap .dock-layer--full { flex-wrap: wrap; justify-content: center; height: auto; min-height: var(--dock-wrap-layer-min-height, var(--dock-layer-height, 2rem)); gap: var(--dock-wrap-row-gap, 0.25rem) var(--dock-wrap-column-gap, var(--dock-layer-gap, 0.375rem)); } .glass-dock.dock-overflow-wrap .dock-layer--summary { height: auto; min-height: var(--dock-wrap-layer-min-height, var(--dock-layer-height, 2rem)); } .glass-dock.dock-overflow-wrap .dock-separator { display: none; } .glass-dock.dock-overflow-wrap.collapsed { white-space: nowrap; } @media (pointer: coarse) { .glass-dock[data-size] { --dock-local-scale: var( --dock-mobile-scale, var(--dock-coarse-scale, 0.78) ); --dock-scale: calc(var(--ui-scale) * var(--dock-local-scale, 1)); --dock-control-floor: var(--dock-touch-target, 2.75rem); --size-icon-btn: var(--dock-touch-target, 2.75rem); --dock-icon-glyph: max( calc( var(--dock-layer-height, calc(2.5rem * var(--dock-scale))) * var(--dock-icon-glyph-ratio) ), var(--dock-icon-glyph-floor) ); --dock-control-glyph-size: var(--dock-icon-glyph); --dock-collapsed-padding: calc(0.25rem * var(--dock-scale)); --dock-layer-tab-size: calc(1.75rem * var(--dock-scale)); --dock-collapsed-summary-min-size: calc( var(--dock-layer-height, 2.5rem) * 0.85 ); } } }