@mkbabb/glass-ui 7.0.0 → 8.0.0

package/dist/components/carousel/projection.d.ts

@@ -0,0 +1,23 @@
+/** The scale a member loses at one member's distance from centre. */
+export declare const MEMBER_SCALE_DROP = 0.035;
+/** The interior content lag's time constant, in seconds. */
+export declare const MEMBER_LAG_TAU_S = 0.06;
+/** The interior content lag's ceiling, as a fraction of the member's extent. */
+export declare const MEMBER_LAG_CEIL = 0.08;
+/**
+ * A member's distance from the viewport centre, in [0, 1] — 0 at centre, 1 at one
+ * member away or further.
+ *
+ * @param index    the member's index
+ * @param position the continuous position, in members (2.4 = 40% past member 2)
+ */
+export declare function memberDistance(index: number, position: number): number;
+/** The travel-clock channel: scale from distance. */
+export declare function memberScale(distance: number): number;
+/**
+ * The interior content lag, as a fraction of the member's extent. The content
+ * trails the housing by the distance the housing covers in `tau` seconds, bounded
+ * — the same `lag = clamp(v·τ, ±ceil)` law the worm's trail edge runs, which is
+ * why that law lives in one place and this calls it.
+ */
+export declare function memberLag(velocity: number, tau?: number, ceil?: number): number;

package/dist/components/carousel/styles.css

@@ -0,0 +1 @@
+@layer components{.carousel-strip{--carousel-gutter: var(--space-family);position: relative;display: flex;gap: var(--carousel-gutter);overflow: auto;overscroll-behavior-x: contain;scroll-snap-type: x mandatory;scrollbar-width: none;}.carousel-strip::-webkit-scrollbar{display: none;}.carousel-strip[data-orientation="vertical"]{flex-direction: column;overscroll-behavior-x: auto;overscroll-behavior-y: contain;scroll-snap-type: y mandatory;}.carousel-item{flex: 0 0 100%;min-inline-size: 0;scroll-snap-align: start;scroll-snap-stop: always;scale: var(--member-scale,1);transform-origin: center;opacity: 1;transition: opacity var(--spring-dock-duration) var(--spring-dock);}.carousel-strip[data-projection="travel"] .carousel-item[data-state="prev"],.carousel-strip[data-projection="travel"] .carousel-item[data-state="next"]{opacity: 0.7;}.carousel-item-content{translate: calc(var(--member-lag,0) * 100%) 0;}.carousel-strip[data-orientation="vertical"] .carousel-item-content{translate: 0 calc(var(--member-lag,0) * 100%);}@media (prefers-reduced-motion: reduce){.carousel-item{scale: 1;opacity: 1;transition: none;}.carousel-item-content{translate: none;}.carousel-strip{scroll-behavior: auto;}}}

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

@@ -0,0 +1,47 @@
+import type { HTMLAttributes } from "vue";
+import type { DeckAxis, DeckCore } from "../deck/index.js";
+/** How members project as the strip travels. */
+export type CarouselProjection = "none"
+/** Every member scales/fades off its distance from the viewport centre. */
+ | "travel"
+/** ONLY the active member projects — the neighbours do not move. */
+ | "window";
+export interface CarouselProps {
+    /** Accessible name that opts the carousel into a named region landmark. */
+    ariaLabel?: string;
+    /** The travel axis. Default horizontal. */
+    orientation?: DeckAxis;
+    /** The member projection. Default `"none"`. */
+    projection?: CarouselProjection;
+    /**
+     * The ARIA register. `"group"` (default) is the honest one for a strip of
+     * content: `role="group"` + `aria-current`. `"tabs"` is only correct when the
+     * consumer owns real panels and passes `panelIds`.
+     */
+    pattern?: "group" | "tabs";
+    /** Index-aligned panel element ids — the tablist↔tabpanel linkage. */
+    panelIds?: string[];
+}
+export interface CarouselEmits {
+    /** The active member changed (the index, and the one it came from). */
+    (e: "change", to: number, from: number): void;
+}
+/** What `useCarousel()` hands a descendant. The core IS the API. */
+export interface CarouselContext {
+    /** The sequence core — index authority, clamp, states, announcement. */
+    deck: DeckCore;
+    /** The scroll container the travel arm drives. */
+    viewport: {
+        value: HTMLElement | null;
+    };
+    /** Report the live member count (the content half owns the DOM). */
+    setCount: (n: number) => void;
+    /** The resolved props the register reads. */
+    orientation: DeckAxis;
+    projection: CarouselProjection;
+    pattern: "group" | "tabs";
+    panelIds?: string[];
+}
+export interface WithClassAsProps {
+    class?: HTMLAttributes["class"];
+}

package/dist/components/carousel/useCarousel.d.ts

@@ -1,21 +1,4 @@
-import type { CarouselEmits, CarouselProps } from './interface';
-declare const CAROUSEL_WEIGHTY_DURATION = 30;
-declare const useProvideCarousel: (args_0: CarouselProps, emits: CarouselEmits) => {
-    carouselRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
-    carouselApi: import("vue").Ref<import("embla-carousel").EmblaCarouselType | undefined, import("embla-carousel").EmblaCarouselType | undefined>;
-    canScrollPrev: import("vue").Ref<boolean, boolean>;
-    canScrollNext: import("vue").Ref<boolean, boolean>;
-    scrollPrev: () => void;
-    scrollNext: () => void;
-    orientation: "vertical" | "horizontal" | undefined;
-};
-declare function useCarousel(): {
-    carouselRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
-    carouselApi: import("vue").Ref<import("embla-carousel").EmblaCarouselType | undefined, import("embla-carousel").EmblaCarouselType | undefined>;
-    canScrollPrev: import("vue").Ref<boolean, boolean>;
-    canScrollNext: import("vue").Ref<boolean, boolean>;
-    scrollPrev: () => void;
-    scrollNext: () => void;
-    orientation: "vertical" | "horizontal" | undefined;
-};
-export { useCarousel, useProvideCarousel, CAROUSEL_WEIGHTY_DURATION };
+import { type Ref } from "vue";
+import type { CarouselContext, CarouselEmits, CarouselProps } from "./types.js";
+export declare function useProvideCarousel(props: CarouselProps, emits: CarouselEmits, active: Ref<number>): CarouselContext;
+export declare function useCarousel(): CarouselContext;

package/dist/components/checkbox/Checkbox.vue.d.ts

@@ -1,16 +1,16 @@
 import { type HTMLAttributes } from "vue";
-import type { FormFieldProps, PrimitiveProps } from "../_shared/primitive";
-import type { CheckedState, SelectionValue } from "../_shared/selection";
-export interface CheckboxProps extends PrimitiveProps, FormFieldProps {
-    modelValue?: CheckedState | null;
+import { type ControlProps } from "../_shared/control.js";
+import type { FormFieldProps, PrimitiveProps } from "../_shared/primitive.js";
+import type { CheckedState, SelectionValue } from "../_shared/selection.js";
+export interface CheckboxProps extends PrimitiveProps, FormFieldProps, ControlProps {
+    modelValue?: CheckedState;
     defaultValue?: CheckedState;
-    disabled?: boolean;
     value?: SelectionValue;
     id?: string;
     class?: HTMLAttributes["class"];
 }
 declare var __VLS_14: {
-    state: CheckedState;
+    state: import("reka-ui").CheckboxCheckedState;
 };
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_14) => any;

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

@@ -1 +1 @@
-export { default as Checkbox, type CheckboxProps } from "./Checkbox.vue";
+export { default as Checkbox, type CheckboxProps } from "./Checkbox.vue.js";

package/dist/components/chip/Chip.vue.d.ts

@@ -8,10 +8,10 @@ type __VLS_Slots = {} & {
 } & {
     default?: (props: typeof __VLS_16) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<import("./types").StaticChipProps | import("./types").SelectableChipProps | import("./types").ActionChipProps | import("./types").RemovableChipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<import("./types.js").StaticChipProps | import("./types.js").SelectableChipProps | import("./types.js").ActionChipProps | import("./types.js").RemovableChipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
     remove: (event: MouseEvent) => any;
-}, string, import("vue").PublicProps, Readonly<import("./types").StaticChipProps | import("./types").SelectableChipProps | import("./types").ActionChipProps | import("./types").RemovableChipProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<import("./types.js").StaticChipProps | import("./types.js").SelectableChipProps | import("./types.js").ActionChipProps | import("./types.js").RemovableChipProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onRemove?: ((event: MouseEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/chip/accent-tone.css

@@ -0,0 +1 @@
+@layer components{.accent-tone{--accent-band-strength: 18%;--accent-edge-strength: 55%;--accent-band: color-mix( in oklab,var(--surface,var(--card)),var(--tone,var(--primary)) var(--accent-band-strength) );--accent-edge: color-mix( in oklab,transparent,var(--tone,var(--primary)) var(--accent-edge-strength) );--accent-ink: var(--accent-ink-resolved,var(--foreground));}}

package/dist/components/chip/chipVariants.d.ts

@@ -1,4 +1,4 @@
-import { type ClassValue } from "../_shared/class-names";
+import { type ClassValue } from "../_shared/class-names.js";
 declare const SIZE: {
     readonly sm: "gap-1 px-2.5 py-1 text-caption";
     readonly md: "gap-1.5 px-3.5 py-1.5 text-small";

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

@@ -1,3 +1,3 @@
-export { default as Chip } from "./Chip.vue";
-export { chipVariants, type ChipVariants } from "./chipVariants";
-export type { ChipMode, ChipProps } from "./types";
+export { default as Chip } from "./Chip.vue.js";
+export { chipVariants, type ChipVariants } from "./chipVariants.js";
+export type { ChipMode, ChipProps } from "./types.js";

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

@@ -1,6 +1,6 @@
 import type { HTMLAttributes } from "vue";
-import type { Surface } from "../_shared/axes";
-import type { ChipVariants } from "./chipVariants";
+import type { Surface } from "../_shared/axes.js";
+import type { ChipVariants } from "./chipVariants.js";
 export type ChipMode = "static" | "selectable" | "action" | "removable";
 interface ChipVisualProps {
     /** Geometry only; never changes semantics. */

package/dist/components/collapsible/CollapsibleTrigger.vue.d.ts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from "vue";
-import type { PrimitiveProps } from "../_shared/primitive";
+import type { PrimitiveProps } from "../_shared/primitive.js";
 export interface CollapsibleTriggerProps {
     /** Merge disclosure behavior into one interactive child. */
     asChild?: PrimitiveProps["asChild"];

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

@@ -1,3 +1,3 @@
-export { default as Collapsible, type CollapsibleEmits, type CollapsibleProps, } from "./Collapsible.vue";
-export { default as CollapsibleTrigger, type CollapsibleTriggerProps, } from "./CollapsibleTrigger.vue";
-export { default as CollapsibleContent, type CollapsibleContentProps, } from "./CollapsibleContent.vue";
+export { default as Collapsible, type CollapsibleEmits, type CollapsibleProps, } from "./Collapsible.vue.js";
+export { default as CollapsibleTrigger, type CollapsibleTriggerProps, } from "./CollapsibleTrigger.vue.js";
+export { default as CollapsibleContent, type CollapsibleContentProps, } from "./CollapsibleContent.vue.js";

package/dist/components/command/Command.vue.d.ts

@@ -1,5 +1,5 @@
-import type { ComboboxValue } from "../combobox/types";
-import type { CommandProps } from "./types";
+import type { ComboboxValue } from "../_shared/selection.js";
+import type { CommandProps } from "./types.js";
 declare var __VLS_11: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_11) => any;
@@ -11,8 +11,10 @@ declare const __VLS_base: import("vue").DefineComponent<CommandProps, {}, {}, {}
     "onUpdate:modelValue"?: ((value: ComboboxValue) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
+    disabled: boolean;
     open: boolean;
-    surface: import("../..").Surface;
+    defaultOpen: boolean;
+    surface: import("../../index.js").Surface;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/command/CommandDialog.vue.d.ts

@@ -1,16 +1,20 @@
-import type { CommandDialogProps } from "./types";
-declare var __VLS_24: {};
+import type { CommandDialogProps } from "./types.js";
+declare var __VLS_25: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_24) => any;
+    default?: (props: typeof __VLS_25) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<CommandDialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: import("../index.js").ComboboxValue) => any;
+    "update:modelValue": (value: import("./index.js").ComboboxValue) => any;
     "update:open": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<CommandDialogProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: import("../index.js").ComboboxValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: import("./index.js").ComboboxValue) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
+    unmountOnHide: boolean;
+    open: boolean;
+    defaultOpen: boolean;
     surface: import("../_shared/axes.js").Surface;
+    modal: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/command/CommandEmpty.vue.d.ts

@@ -1,4 +1,4 @@
-import type { ComboboxEmptyProps } from "../combobox/types";
+import type { ComboboxEmptyProps } from "../_shared/selection.js";
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;

package/dist/components/command/CommandGroup.vue.d.ts

@@ -1,4 +1,4 @@
-import type { ComboboxGroupProps } from "../combobox/types";
+import type { ComboboxGroupProps } from "../_shared/selection.js";
 declare var __VLS_14: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_14) => any;

package/dist/components/command/CommandInput.vue.d.ts

@@ -1,4 +1,4 @@
-import type { ComboboxInputProps } from "../combobox/types";
+import type { ComboboxInputProps } from "../_shared/selection.js";
 declare const __VLS_export: import("vue").DefineComponent<ComboboxInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<ComboboxInputProps> & Readonly<{

package/dist/components/command/CommandItem.vue.d.ts

@@ -1,12 +1,12 @@
-import type { ComboboxItemProps } from "../combobox/types";
+import type { ComboboxItemProps } from "../_shared/selection.js";
 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;
+    select: (event: import("../_shared/interaction.js").ListboxItemSelectEvent<import("../_shared/selection.js").SelectionValue>) => any;
 }, string, import("vue").PublicProps, Readonly<ComboboxItemProps> & Readonly<{
-    onSelect?: ((event: import("../_shared/interaction").ListboxItemSelectEvent<import("../_shared/selection").SelectionValue>) => any) | undefined;
+    onSelect?: ((event: import("../_shared/interaction.js").ListboxItemSelectEvent<import("../_shared/selection.js").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;

package/dist/components/command/CommandList.vue.d.ts

@@ -1,20 +1,20 @@
-import type { CommandListProps } from "./types";
+import type { CommandListProps } from "./types.js";
 declare var __VLS_13: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<CommandListProps, {}, {}, {}, {}, 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;
+    pointerDownOutside: (event: import("../_shared/interaction.js").PointerDownOutsideEvent) => any;
+    focusOutside: (event: import("../_shared/interaction.js").FocusOutsideEvent) => any;
+    interactOutside: (event: import("../_shared/interaction.js").PointerDownOutsideEvent | import("../_shared/interaction.js").FocusOutsideEvent) => any;
 }, string, import("vue").PublicProps, Readonly<CommandListProps> & 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;
+    onPointerDownOutside?: ((event: import("../_shared/interaction.js").PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: import("../_shared/interaction.js").FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: import("../_shared/interaction.js").PointerDownOutsideEvent | import("../_shared/interaction.js").FocusOutsideEvent) => any) | undefined;
 }>, {
-    surface: import("../..").Surface;
+    surface: import("../../index.js").Surface;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/command/CommandSeparator.vue.d.ts

@@ -1,4 +1,4 @@
-import type { ComboboxSeparatorProps } from "../combobox/types";
+import type { ComboboxSeparatorProps } from "../_shared/selection.js";
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;

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

@@ -1,10 +1,11 @@
-export { default as Command } from "./Command.vue";
-export { default as CommandDialog } from "./CommandDialog.vue";
-export { default as CommandEmpty } from "./CommandEmpty.vue";
-export { default as CommandGroup } from "./CommandGroup.vue";
-export { default as CommandInput } from "./CommandInput.vue";
-export { default as CommandItem } from "./CommandItem.vue";
-export { default as CommandList } from "./CommandList.vue";
-export { default as CommandSeparator } from "./CommandSeparator.vue";
-export { default as CommandShortcut } from "./CommandShortcut.vue";
-export type { CommandDialogEmits, CommandDialogProps, CommandEmits, CommandListProps, CommandProps, } from "./types";
+export { default as Command } from "./Command.vue.js";
+export { default as CommandDialog } from "./CommandDialog.vue.js";
+export { default as CommandEmpty } from "./CommandEmpty.vue.js";
+export { default as CommandGroup } from "./CommandGroup.vue.js";
+export { default as CommandInput } from "./CommandInput.vue.js";
+export { default as CommandItem } from "./CommandItem.vue.js";
+export { default as CommandList } from "./CommandList.vue.js";
+export { default as CommandSeparator } from "./CommandSeparator.vue.js";
+export { default as CommandShortcut } from "./CommandShortcut.vue.js";
+export type { CommandDialogEmits, CommandDialogProps, CommandEmits, CommandListProps, CommandProps, } from "./types.js";
+export type { ComboboxEmptyProps, ComboboxGroupProps, ComboboxInputEmits, ComboboxInputProps, ComboboxItemEmits, ComboboxItemProps, ComboboxListEmits, ComboboxSeparatorProps, ComboboxValue, } from "../_shared/selection.js";

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

@@ -1,10 +1,15 @@
 import type { HTMLAttributes } from "vue";
-import type { Surface } from "../_shared/axes";
-import type { DialogProps } from "../dialog/Dialog.vue";
-import type { ComboboxValue } from "../combobox/types";
+import type { Surface } from "../_shared/axes.js";
+import type { DialogProps } from "../dialog/Dialog.vue.js";
+import type { ComboboxValue } from "../_shared/selection.js";
 export interface CommandProps {
     modelValue?: ComboboxValue;
+    /** Controlled disclosure. Leave unset and the palette owns its own state. */
     open?: boolean;
+    /** Initial disclosure for the uncontrolled arm. An inline palette shows its
+     *  list, so this is `true` — but as a starting value reka can move off, never
+     *  the pinned literal `open` used to be. */
+    defaultOpen?: boolean;
     disabled?: boolean;
     class?: HTMLAttributes["class"];
     surface?: Surface;

package/dist/components/configurator/Configurator.vue.d.ts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from "vue";
-import { type ConfiguratorSize } from "./size";
+import { type ConfiguratorSize } from "./size.js";
 /**
  * Scroll behavior for the controls column.
  *

package/dist/components/configurator/ConfiguratorRow.vue.d.ts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from "vue";
-import { type ConfiguratorSize } from "./size";
+import { type ConfiguratorSize } from "./size.js";
 /**
  * <ConfiguratorRow> — labeled control row for a single field inside a
  * <ConfiguratorLayer>. Mirrors the demo's PresetEditorField surface

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

@@ -1,6 +1,6 @@
-export { default as Configurator } from "./Configurator.vue";
-export { default as ConfiguratorLayer } from "./ConfiguratorLayer.vue";
-export { default as ConfiguratorRow } from "./ConfiguratorRow.vue";
-export type { ConfiguratorAsideSide, ConfiguratorGalleryPlacement, ConfiguratorPreset, ConfiguratorScrollMode, } from "./Configurator.vue";
-export { CONFIGURATOR_SIZE_KEY, provideConfiguratorSize, useOptionalConfiguratorSize, type ConfiguratorSize, } from "./size";
-export { useConfiguratorState, type ConfiguratorCloneMode, type ConfiguratorState, type ConfiguratorStateOptions, } from "./useConfiguratorState";
+export { default as Configurator } from "./Configurator.vue.js";
+export { default as ConfiguratorLayer } from "./ConfiguratorLayer.vue.js";
+export { default as ConfiguratorRow } from "./ConfiguratorRow.vue.js";
+export type { ConfiguratorAsideSide, ConfiguratorGalleryPlacement, ConfiguratorPreset, ConfiguratorScrollMode, } from "./Configurator.vue.js";
+export { CONFIGURATOR_SIZE_KEY, provideConfiguratorSize, useOptionalConfiguratorSize, type ConfiguratorSize, } from "./size.js";
+export { useConfiguratorState, type ConfiguratorCloneMode, type ConfiguratorState, type ConfiguratorStateOptions, } from "./useConfiguratorState.js";

package/dist/components/configurator/styles.css

@@ -1 +1 @@
-:root { --configurator-pad-inline: 1rem; --configurator-section-gap: 0.5rem; } .configurator { -webkit-backdrop-filter: none; backdrop-filter: none; } .configurator > .configurator-presets, .configurator > .configurator-aside { -webkit-backdrop-filter: var(--glass-blur-floating); backdrop-filter: var(--glass-blur-floating); } .configurator-section-label { font-family: var(--font-text); font-size: var(--configurator-section-size); line-height: var(--type-leading-body); font-weight: var(--configurator-section-weight); letter-spacing: var(--type-tracking-tight); color: var(--foreground); } .configurator-presets { padding-block: var(--configurator-preset-row-weight); } .configurator-presets .configurator-gallery-track, .configurator-presets [role="group"] { gap: var(--configurator-preset-row-gap); } .configurator-layer { border-color: var(--configurator-divider-section); background-color: var(--configurator-section-tint); border-radius: max( var(--radius-floor), calc(var(--radius-ctx) - var(--radius-inset)) ); } .configurator-layer + .configurator-layer { margin-block-start: var(--configurator-section-gap); } .configurator-layer-trigger { padding-inline: var(--configurator-pad-inline); } .configurator-layer-body { padding-inline: var(--configurator-pad-inline); } .configurator-layer-body[data-dividers] > * + * { border-color: var(--configurator-divider); } .configurator-aside, .configurator-presets, .configurator-footer { border-color: var(--configurator-divider); } [data-slot="configurator"] > [data-gallery-dock] { grid-row: 1; grid-column: 1; } [data-slot="configurator"] > .configurator-stage { grid-row: 2; grid-column: 1; } [data-slot="configurator"] > .configurator-aside { grid-row: 3; grid-column: 1; } @media (min-width: 1024px) { [data-slot="configurator"] { grid-template-columns: minmax(0, 1fr) minmax( var(--configurator-aside-min, 280px), var(--configurator-aside-max, 360px) ); grid-template-rows: auto minmax(0, 1fr); } [data-slot="configurator"][data-gallery="aside"] > [data-gallery-dock] { grid-row: 1; grid-column: 2; } [data-slot="configurator"][data-gallery="aside"] > .configurator-stage { grid-row: 1 / span 2; grid-column: 1; } [data-slot="configurator"][data-gallery="aside"] > .configurator-aside { grid-row: 2; grid-column: 2; } [data-slot="configurator"][data-gallery="top"] > [data-gallery-dock] { grid-row: 1; grid-column: 1 / span 2; } [data-slot="configurator"][data-gallery="top"] > .configurator-stage { grid-row: 2; grid-column: 1; } [data-slot="configurator"][data-gallery="top"] > .configurator-aside { grid-row: 2; grid-column: 2; } } [data-slot="configurator"] > [data-gallery-dock] { border-color: var(--configurator-divider); } [data-slot="configurator"][data-gallery="aside"] > [data-gallery-dock] { border-bottom-width: 1px; } @media (min-width: 1024px) { [data-slot="configurator"][data-gallery="top"] > [data-gallery-dock] { border-bottom-width: 1px; } } .configurator-preset-tile { inline-size: clamp(160px, 22vw, 232px); border-radius: var(--radius-card); } [data-slot="configurator"][data-gallery="top"] .configurator-preset-tile { inline-size: clamp(200px, 20vw, 288px); } .configurator-preset-well { background-size: cover; background-position: center; image-rendering: auto; } .configurator-preset-well.is-loading { background-image: linear-gradient( 100deg, color-mix(in oklab, var(--card) 84%, transparent) 30%, color-mix(in oklab, var(--foreground) 8%, var(--card)) 50%, color-mix(in oklab, var(--card) 84%, transparent) 70% ); background-size: 200% 100%; animation: configurator-preset-shimmer 1.2s ease-in-out infinite; } @media (prefers-reduced-motion: reduce) { .configurator-preset-well.is-loading { animation: none; } } @keyframes configurator-preset-shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } } .configurator-preset-tile.is-active { box-shadow: inset 0 0 0 2px var(--focus-ring-color), var(--shadow-cartoon-lg); } .configurator-preset-chip { border-radius: var(--radius-pill); } .configurator-preset-chip.is-active { --glass-capsule-fill: var(--glass-bg-quiet); } @media (min-width: 1024px) { [data-slot="configurator"][data-aside-side="left"] > .configurator-stage { grid-column: 2; } [data-slot="configurator"][data-aside-side="left"] > .configurator-aside { grid-column: 1; } [data-slot="configurator"][data-aside-side="left"][data-gallery="aside"] > [data-gallery-dock] { grid-column: 1; } }
+:root{--configurator-pad-inline: 1.25rem;}.configurator{-webkit-backdrop-filter: none;backdrop-filter: none;}.configurator > .configurator-presets,.configurator > .configurator-aside{-webkit-backdrop-filter: var(--glass-blur-floating);backdrop-filter: var(--glass-blur-floating);}.configurator-section-label{font-family: var(--font-text);font-size: var(--configurator-section-size);line-height: var(--type-leading-body);font-weight: var(--configurator-section-weight);letter-spacing: var(--type-tracking-tight);color: var(--foreground);}.configurator-presets{padding-block: var(--configurator-preset-row-weight);}.configurator-presets .configurator-gallery-track,.configurator-presets [role="group"]{gap: var(--configurator-preset-row-gap);}.configurator-layer{border-color: var(--configurator-divider-section);background-color: var(--configurator-section-tint);border-radius: max( var(--radius-floor),calc(var(--radius-ctx) - var(--radius-inset)) );}.configurator-layer:has(+ .configurator-layer){border-end-start-radius: 0;border-end-end-radius: 0;border-bottom-width: 0;}.configurator-layer + .configurator-layer{margin-block-start: 0;border-start-start-radius: 0;border-start-end-radius: 0;}.configurator-layer-trigger{padding-inline: var(--configurator-pad-inline);}.configurator-layer-body{padding-inline: var(--configurator-pad-inline);}.configurator-layer-body[data-dividers] > * + *{border-color: var(--configurator-divider);}.configurator-aside,.configurator-presets,.configurator-footer{border-color: var(--configurator-divider);}[data-slot="configurator"] > [data-gallery-dock]{grid-row: 1;grid-column: 1;}[data-slot="configurator"] > .configurator-stage{grid-row: 2;grid-column: 1;}[data-slot="configurator"] > .configurator-aside{grid-row: 3;grid-column: 1;}@media (min-width: 1024px){[data-slot="configurator"]{grid-template-columns: minmax(0,1fr) minmax( var(--configurator-aside-min,300px),var(--configurator-aside-max,400px) );grid-template-rows: auto minmax(0,1fr);}[data-slot="configurator"][data-gallery="aside"] > [data-gallery-dock]{grid-row: 1;grid-column: 2;}[data-slot="configurator"][data-gallery="aside"] > .configurator-stage{grid-row: 1 / span 2;grid-column: 1;}[data-slot="configurator"][data-gallery="aside"] > .configurator-aside{grid-row: 2;grid-column: 2;}[data-slot="configurator"][data-gallery="top"] > [data-gallery-dock]{grid-row: 1;grid-column: 1 / span 2;}[data-slot="configurator"][data-gallery="top"] > .configurator-stage{grid-row: 2;grid-column: 1;}[data-slot="configurator"][data-gallery="top"] > .configurator-aside{grid-row: 2;grid-column: 2;}}[data-slot="configurator"] > [data-gallery-dock]{border-color: var(--configurator-divider);}[data-slot="configurator"][data-gallery="aside"] > [data-gallery-dock]{border-bottom-width: 1px;}@media (min-width: 1024px){[data-slot="configurator"][data-gallery="top"] > [data-gallery-dock]{border-bottom-width: 1px;}}.configurator-preset-tile{inline-size: clamp(160px,22vw,232px);border-radius: var(--radius-card);}[data-slot="configurator"][data-gallery="top"] .configurator-preset-tile{inline-size: clamp(200px,20vw,288px);}.configurator-preset-well{background-size: cover;background-position: center;image-rendering: auto;}.configurator-preset-well.is-loading{background-image: linear-gradient( 100deg,color-mix(in oklab,var(--card) 84%,transparent) 30%,color-mix(in oklab,var(--foreground) 8%,var(--card)) 50%,color-mix(in oklab,var(--card) 84%,transparent) 70% );background-size: 200% 100%;animation: configurator-preset-shimmer 1.2s ease-in-out infinite;}@media (prefers-reduced-motion: reduce){.configurator-preset-well.is-loading{animation: none;}}@keyframes configurator-preset-shimmer{from{background-position: 200% 0;}to{background-position: -200% 0;}}.configurator-preset-tile.is-active{box-shadow: inset 0 0 0 2px var(--focus-ring-color),var(--shadow-cartoon-lg);}.configurator-preset-chip{border-radius: var(--radius-pill);}.configurator-preset-chip.is-active{--glass-capsule-fill: var(--glass-plate-quiet);}@media (min-width: 1024px){[data-slot="configurator"][data-aside-side="left"] > .configurator-stage{grid-column: 2;}[data-slot="configurator"][data-aside-side="left"] > .configurator-aside{grid-column: 1;}[data-slot="configurator"][data-aside-side="left"][data-gallery="aside"] > [data-gallery-dock]{grid-column: 1;}}

package/dist/components/configurator/useConfiguratorState.d.ts

@@ -1,5 +1,5 @@
 import { type ComputedRef } from "vue";
-import type { ConfiguratorPreset } from "./Configurator.vue";
+import type { ConfiguratorPreset } from "./Configurator.vue.js";
 export type ConfiguratorCloneMode = "commit-on-write" | "per-preset";
 export interface ConfiguratorStateOptions<T> {
     readonly presets: readonly ConfiguratorPreset<T>[];

package/dist/components/constellation/Constellation.vue.d.ts

@@ -1,15 +1,13 @@
-import { type ConstellationProps } from "./constellationField";
-import type { RendererStatus } from "../../composables/glass/webgpu/rendererStatus";
-declare const __VLS_export: import("vue").DefineComponent<ConstellationProps, import("./composables/useConstellation").ConstellationExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+import { type ConstellationProps } from "./constellationField.js";
+import type { RendererStatus } from "../../composables/glass/webgpu/rendererStatus.js";
+declare const __VLS_export: import("vue").DefineComponent<ConstellationProps, import("./composables/useConstellation.js").ConstellationExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     rendererStatus: (status: RendererStatus) => any;
 }, string, import("vue").PublicProps, Readonly<ConstellationProps> & Readonly<{
     onRendererStatus?: ((status: RendererStatus) => any) | undefined;
 }>, {
     link: number;
-    speed: number;
     opacityCeiling: number;
     count: number;
-    parallax: number;
     pointerReactive: boolean;
     warpOnClick: boolean;
     wander: boolean | {

package/dist/components/constellation/composables/createConstellationField.d.ts

@@ -1,4 +1,4 @@
-import type { ConstellationField } from "../constellationField";
+import type { ConstellationField } from "../constellationField.js";
 type WanderProp = boolean | {
     minIdle?: number;
     jitter?: number;

package/dist/components/constellation/composables/useConstellation.d.ts

@@ -1,6 +1,6 @@
 import { type Ref } from "vue";
-import { type ConstellationField, type ConstellationProps } from "../constellationField";
-import { type RendererStatus } from "../../../composables/glass/webgpu/rendererStatus";
+import { type ConstellationField, type ConstellationProps } from "../constellationField.js";
+import { type RendererStatus } from "../../../composables/glass/webgpu/rendererStatus.js";
 export interface ConstellationRoutePointerRead {
     x: number;
     y: number;

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

@@ -1,4 +1,4 @@
-import type { ConstellationPalette, ConstellationWellConfig } from "./constellationField";
+import type { ConstellationPalette, ConstellationWellConfig } from "./constellationField.js";
 /**
  * The reference layout width (px) the field's node geometry is authored against. A
  * live canvas's `k = width / BASE_WIDTH` scales every base-width length (the well

package/dist/components/constellation/constellationField.d.ts

@@ -1,6 +1,5 @@
-export { BASE_WIDTH } from "./constants";
-export type * from "./constellationTypes";
-import type { ConstellationNode, ConstellationField, ConstellationPointer } from "./constellationTypes";
+export type * from "./constellationTypes.js";
+import type { ConstellationNode, ConstellationField, ConstellationPointer } from "./constellationTypes.js";
 /**
  * Seed `count` drifting nodes inside `w × h`. `rng` is a `() => number` in
  * `[0, 1)` (the glass-ui `mulberry32`/`Math.random`); a seeded `rng` lays out a
@@ -40,7 +39,7 @@ export declare function refitField(field: ConstellationField, prevW: number, pre
  * (a click-warp in flight pre-empts the cadence — `warpSettled` reports false).
  */
 export declare function stepField(field: ConstellationField, k: number, speed: number, pointer: ConstellationPointer | null, dt?: number, now?: number, rng?: () => number, pointerVel?: ConstellationPointer | null): void;
-import type { ConstellationEdge } from "./constellationTypes";
+import type { ConstellationEdge } from "./constellationTypes.js";
 /**
  * Scan the proximity graph and return its edge SET (the `1 − d²/reach²` distance-falloff
  * weight per pair within `reach = link·k`). `accentIndex ≥ 0` marks the edges incident on

package/dist/components/constellation/constellationInteraction.d.ts

@@ -1,7 +1,4 @@
-import type { ConstellationField, ConstellationPinnedDrift, ConstellationWarpConfig, ConstellationWellConfig } from "./constellationField";
-import { DEFAULT_WANDER_IDLE, DEFAULT_WANDER_JITTER, DEFAULT_WELL_CONFIG, WARP_RESPONSE, WARP_ZETA, DEFAULT_PINNED_DRIFT_FRAC, DEFAULT_PINNED_DRIFT_DUR, DEFAULT_PINNED_DRIFT_IDLE, DEFAULT_PINNED_DRIFT_JITTER } from "./constants";
-export { DEFAULT_WANDER_IDLE, DEFAULT_WANDER_JITTER, DEFAULT_WELL_CONFIG, WARP_RESPONSE, WARP_ZETA };
-export { DEFAULT_PINNED_DRIFT_FRAC, DEFAULT_PINNED_DRIFT_DUR, DEFAULT_PINNED_DRIFT_IDLE, DEFAULT_PINNED_DRIFT_JITTER, };
+import type { ConstellationField, ConstellationPinnedDrift, ConstellationWarpConfig, ConstellationWellConfig } from "./constellationField.js";
 /**
  * Read the NUMERIC interaction-tuning tokens (the warp spring + the gravity-well
  * gains) off a canvas's resolved custom properties once on mount,
@@ -19,7 +16,6 @@ export declare function readInteractionConfig(canvas: HTMLCanvasElement): {
         jitter: number;
     };
 };
-export { stepWell } from "./constellationWell";
 /**
  * The nearest DRIFTING node to `(px, py)` in canvas-local px — a linear O(count)
  * min-d² scan (count 64 default — negligible; matches the O(count²) edge pass).

package/dist/components/constellation/constellationRender.d.ts

@@ -1,8 +1,6 @@
-import type { ConstellationEdge, ConstellationField, ConstellationPalette, ConstellationPointer, ConstellationRipple } from "./constellationTypes";
-import { DEFAULT_PALETTE } from "./constants";
+import type { ConstellationEdge, ConstellationField, ConstellationPalette, ConstellationPointer, ConstellationRipple } from "./constellationTypes.js";
 /** Visual sizes floor independently from field geometry. */
 export declare function kVisOf(field: ConstellationField): number;
-export { DEFAULT_PALETTE };
 /** Resolve the neutral palette and legibility weights from the canvas tokens. */
 export declare function readPalette(canvas: HTMLCanvasElement): ConstellationPalette;
 /** Paint the edge rows produced by the field's single `buildEdges` scan. */

package/dist/components/constellation/constellationTypes.d.ts

@@ -300,17 +300,6 @@ export interface ConstellationProps {
     count?: number;
     /** Link distance in px (the falloff reach). Default 132. */
     link?: number;
-    /** Drift speed. Default 0.16. */
-    speed?: number;
-    /**
-     * Pointer-parallax depth. Each node carries a seeded
-     * depth `z ∈ [0,1]`; the pointer offsets node screen positions by `parallax · z ·
-     * (pointer − center)` so the flat lattice reads as having depth (the Awwwards "living
-     * network" register). Additive default-on at a SUB-PERCEPTUAL 0.08 (a hair of depth, not
-     * a behavior break); 0 = the flat lattice. It perturbs only the painted node position,
-     * never field geometry. Frozen under reduced-motion, `freeze`.
-     */
-    parallax?: number;
     /**
      * Per-instance outer-envelope recession (the Aurora
      * `opacityCeiling`, fourier `intensity` sibling — ONE recession vocabulary

package/dist/components/constellation/constellationWell.d.ts

@@ -1,4 +1,4 @@
-import type { ConstellationField } from "./constellationField";
+import type { ConstellationField } from "./constellationField.js";
 /**
  * Advance the gravity-well one `dt`. A transient held-pointer force
  * composed inside `stepField` (NO new rAF): ease `well.strength` toward

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

@@ -1,6 +1,8 @@
-export { default as Constellation } from "./Constellation.vue";
-export { seedField, stepField, refitField, buildEdges, appendPointerWeb, parallaxNodePos, BASE_WIDTH, } from "./constellationField";
-export { DEFAULT_K_FLOOR, DEFAULT_PARALLAX, MAX_NODES, MAX_DEGREE, E_MAX, } from "./constants";
-export { stepWell, nearestNode, readInteractionConfig, warpStep, warpTo, setWarpTarget, warpSettled, pickWanderTarget, stepPinnedDrift, makePinnedDrift, DEFAULT_WELL_CONFIG, DEFAULT_WANDER_IDLE, DEFAULT_WANDER_JITTER, DEFAULT_PINNED_DRIFT_FRAC, DEFAULT_PINNED_DRIFT_DUR, DEFAULT_PINNED_DRIFT_IDLE, DEFAULT_PINNED_DRIFT_JITTER, WARP_RESPONSE, WARP_ZETA, fireBurst, BURST_FIRE_THRESHOLD, } from "./constellationInteraction";
-export { kVisOf, readPalette, DEFAULT_PALETTE, } from "./constellationRender";
-export type { ConstellationNode, ConstellationEdge, ConstellationRipple, ConstellationPointer, ConstellationPalette, ConstellationField, ConstellationWarp, ConstellationWarpConfig, ConstellationWander, ConstellationWell, ConstellationWellConfig, ConstellationPinnedDrift, ConstellationProps, } from "./constellationTypes";
+export { default as Constellation } from "./Constellation.vue.js";
+export { seedField, stepField, refitField, buildEdges, appendPointerWeb, parallaxNodePos, } from "./constellationField.js";
+export { DEFAULT_K_FLOOR, DEFAULT_PARALLAX, BASE_WIDTH, MAX_NODES, MAX_DEGREE, E_MAX, DEFAULT_WELL_CONFIG, DEFAULT_WANDER_IDLE, DEFAULT_WANDER_JITTER, WARP_RESPONSE, WARP_ZETA, DEFAULT_PINNED_DRIFT_FRAC, DEFAULT_PINNED_DRIFT_DUR, DEFAULT_PINNED_DRIFT_IDLE, DEFAULT_PINNED_DRIFT_JITTER, } from "./constants.js";
+export { stepWell } from "./constellationWell.js";
+export { nearestNode, readInteractionConfig, warpStep, warpTo, setWarpTarget, warpSettled, pickWanderTarget, stepPinnedDrift, makePinnedDrift, fireBurst, BURST_FIRE_THRESHOLD, } from "./constellationInteraction.js";
+export { kVisOf, readPalette } from "./constellationRender.js";
+export { DEFAULT_PALETTE } from "./constants.js";
+export type { ConstellationNode, ConstellationEdge, ConstellationRipple, ConstellationPointer, ConstellationPalette, ConstellationField, ConstellationWarp, ConstellationWarpConfig, ConstellationWander, ConstellationWell, ConstellationWellConfig, ConstellationPinnedDrift, ConstellationProps, } from "./constellationTypes.js";

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

@@ -1 +1 @@
-@layer components { .dark-mode-toggle-button { --dark-mode-toggle-size: 2.25rem; --dark-mode-toggle-padding: 0.375rem; appearance: none; display: inline-grid; place-items: center; flex: none; width: var(--dark-mode-toggle-size); height: var(--dark-mode-toggle-size); padding: var(--dark-mode-toggle-padding); border: 0; border-radius: var(--radius-pill); color: var(--foreground); background: transparent; opacity: 0.8; cursor: pointer; transition: opacity var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard); } .dark-mode-toggle-button:hover { background: var(--surface-tint-10); opacity: 1; } .dark-mode-toggle-button:focus-visible { outline: none; box-shadow: var(--focus-ring-shadow, var(--dock-ring)); opacity: 1; } .dark-mode-toggle-button > svg { display: block; width: 100%; height: 100%; fill: currentColor; } .dark-mode-toggle-button[data-size="sm"] { --dark-mode-toggle-size: 1.75rem; --dark-mode-toggle-padding: 0.25rem; } .dark-mode-toggle-button[data-size="lg"] { --dark-mode-toggle-size: 2.75rem; --dark-mode-toggle-padding: 0.5rem; } .dark-mode-toggle-button[data-size="control"] { --dark-mode-toggle-size: var(--control-size, 2.25rem); --dark-mode-toggle-padding: var(--control-icon-padding, 0.375rem); } .dark-mode-toggle-button[data-size="dock"], .glass-dock .dark-mode-toggle-button:not([data-size="sm"]):not([data-size="lg"]):not( [data-size="control"] ) { --dark-mode-toggle-size: var(--dock-control-size, var(--size-icon-btn)); --dark-mode-toggle-padding: calc( ( var(--dock-control-size, var(--size-icon-btn)) - var(--dock-control-glyph-size, var(--dock-icon-glyph, 1.25rem)) ) / 2 ); } .toggle-sun, .toggle-circle { transform-origin: center; transition-property: transform; transition-duration: var(--spring-snappy-duration); transition-timing-function: var(--spring-snappy); } :where(.dark) .dark-mode-toggle-button .toggle-sun { transform: rotate(0.5turn); } :where(.dark) .dark-mode-toggle-button .toggle-circle { transform: translateX(-15%); } } @media (prefers-reduced-motion: reduce) { .dark-mode-toggle-button, .dark-mode-toggle-button .toggle-sun, .dark-mode-toggle-button .toggle-circle { transition: none; } }
+@layer components{.dark-mode-toggle-button{--dark-mode-toggle-size: 2.25rem;--dark-mode-toggle-padding: 0.375rem;appearance: none;display: inline-grid;place-items: center;flex: none;width: var(--dark-mode-toggle-size);height: var(--dark-mode-toggle-size);padding: var(--dark-mode-toggle-padding);border: 0;border-radius: var(--radius-pill);color: var(--foreground);background: transparent;opacity: 0.8;cursor: pointer;transition: opacity var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);}.dark-mode-toggle-button:hover{background: var(--surface-tint-10);opacity: 1;}.dark-mode-toggle-button:focus-visible{outline: none;box-shadow: var(--focus-ring-shadow,var(--dock-ring));opacity: 1;}.dark-mode-toggle-button > svg{display: block;width: 100%;height: 100%;fill: currentColor;}.dark-mode-toggle-button[data-size="sm"]{--dark-mode-toggle-size: 1.75rem;--dark-mode-toggle-padding: 0.25rem;}.dark-mode-toggle-button[data-size="lg"]{--dark-mode-toggle-size: 2.75rem;--dark-mode-toggle-padding: 0.5rem;}.dark-mode-toggle-button[data-size="control"]{--dark-mode-toggle-size: var(--control-size,2.25rem);--dark-mode-toggle-padding: var(--control-icon-padding,0.375rem);}.dark-mode-toggle-button[data-size="dock"],.glass-dock .dark-mode-toggle-button:not([data-size="sm"]):not([data-size="lg"]):not( [data-size="control"] ){--dark-mode-toggle-size: var(--dock-control-size,var(--size-icon-btn));--dark-mode-toggle-padding: calc( ( var(--dock-control-size,var(--size-icon-btn)) - var(--dock-control-glyph-size,var(--dock-icon-glyph,1.25rem)) ) / 2 );}.toggle-sun,.toggle-circle{transform-origin: center;transition-property: transform;transition-duration: var(--spring-dock-duration);transition-timing-function: var(--spring-dock);}:where(.dark) .dark-mode-toggle-button .toggle-sun{transform: rotate(0.5turn);}:where(.dark) .dark-mode-toggle-button .toggle-circle{transform: translateX(-15%);}}@media (prefers-reduced-motion: reduce){.dark-mode-toggle-button,.dark-mode-toggle-button .toggle-sun,.dark-mode-toggle-button .toggle-circle{transition: none;}}

package/dist/components/dark-mode-toggle/index.d.ts

@@ -1,2 +1,2 @@
-export { default as DarkModeToggle } from "./DarkModeToggle.vue";
-export type { DarkModeToggleProps, DarkModeToggleSize } from "./DarkModeToggle.vue";
+export { default as DarkModeToggle } from "./DarkModeToggle.vue.js";
+export type { DarkModeToggleProps, DarkModeToggleSize } from "./DarkModeToggle.vue.js";