@mkbabb/glass-ui 10.1.3 → 11.0.0

package/dist/composables/motion/morph/useDragMorph.d.ts

@@ -24,8 +24,8 @@ export interface UseDragMorphParams<V = string> {
      */
     snapTargets: readonly DragMorphSnapTarget<V>[] | (() => readonly DragMorphSnapTarget<V>[]);
     /**
-     * The live cap getter for the squish (`--tab-indicator-max-stretch`, ≤1.08).
-     * Defaults to the shared 1.08 fence; a getter re-reads the cascade override.
+     * The live cap getter for the squish (≤1.08). Defaults to the shared 1.08
+     * fence; a getter can re-read a cascade override.
      */
     maxStretch?: () => number;
     /**

package/dist/composables/motion/morph/useSelectionGroup.d.ts

@@ -1,5 +1,5 @@
 import { type ComputedRef, type Ref } from "vue";
-import { type SelectionDeform, type SelectionOption } from "./useSelectionIndicator.js";
+import { type SelectionOption } from "./useSelectionIndicator.js";
 import type { SelectionValue } from "../../../components/_shared/selection.js";
 import { type TabActivation } from "../../../components/tabs/composables/useTabRovingFocus.js";
 /**
@@ -23,7 +23,7 @@ import { type TabActivation } from "../../../components/tabs/composables/useTabR
  *   • the ROVING MACHINE — `useTabRovingFocus` composed VERBATIM (exactly-one-
  *     tabstop, axis-derived arrows, Home/End, wrap, disabled-skip);
  *   • the ONE TRAVELING-INDICATOR WRITER — `useSelectionIndicator` (the
- *     center-anchored ResizeObserver measure + the `--stretch` squish), so the
+ *     center-anchored ResizeObserver measure), so the
  *     dock and tabs indicator is Safari-identical by construction;
  *   • the RECENTER CALL — `el.scrollIntoView({inline:'nearest', block:'nearest'})`
  *     on every select, so a selection past the fold pulls itself into view.
@@ -62,15 +62,13 @@ export interface UseSelectionGroupParams<O extends SelectionOption> {
     /** The container scroller root (observed by the indicator's ResizeObserver). */
     containerRef: Ref<HTMLElement | null>;
     /**
-     * The traveling-indicator element (the deform write target). Omit (or leave
-     * null) for a group with no glide indicator at all (a paper-hairline strip, a
-     * plain toggle row) — the SQUISH then no-ops, which is HEAD's accurate half and
-     * is restored here. ~~The MEASURE does not no-op, and BK #84's rewording asserted
+     * The traveling-indicator element (the measured node). Omit (or leave null) for
+     * a group with no glide indicator at all (a plain toggle row). ~~The MEASURE does not no-op, and BK #84's rewording asserted
      * that it did: `useSelectionIndicator` attaches its `ResizeObserver`
      * unconditionally — that is the Safari-identical guarantee — and
      * `updateSingleSlider` keeps writing a `singleSliderStyle` such a caller never
      * reads. Economizing it is the indicator writer's own change to make.~~
-     * [2026-08-08 · BK #71 W-EYEGLASS, RT-84O: the change was made, in the file this
+     * [2026-08-08 · BK #71, RT-84O: the change was made, in the file this
      * text routed it to. `updateSingleSlider` now returns before its first rect read
      * when `indicatorRef` is null, so such a caller runs ZERO layout. What #84 wrote
      * was true of #84's HEAD and is false of this one — the `ResizeObserver` still
@@ -79,23 +77,8 @@ export interface UseSelectionGroupParams<O extends SelectionOption> {
      * container, so the container watcher already covers it.]
      */
     indicatorRef?: Ref<HTMLElement | null>;
-    /**
-     * What the travelling body is made of — `"plate"` (default, the full body and
-     * the eyeglass host), `"mark"` (a hairline: length only), `"none"`. STATED, not
-     * inferred: a multi-toggle group has no single travelling body, and that is a
-     * different fact from a hairline having no area, even though the old null-ref
-     * sentinel spelled both the same way.
-     */
-    deform?: ComputedRef<SelectionDeform>;
     /** Per-option item refs, index-aligned to `options`. */
     buttonRefs: Ref<HTMLElement[]>;
-    /**
-     * A per-commit side effect the CALLER owns, fired on every committed selection
-     * (pointer AND keyboard) before the model write — e.g. SegmentedTabs' press
-     * squish on the pressed button. The engine stays the one selection path; a
-     * caller that needs a local flourish hangs it here rather than forking `select`.
-     */
-    onSelect?: (value: O["value"], idx: number) => void;
 }
 export interface UseSelectionGroupReturn<V extends SelectionValue = string> {
     /** The active option values (one for `single`, N for `multiple`). */
@@ -104,7 +87,7 @@ export interface UseSelectionGroupReturn<V extends SelectionValue = string> {
     isSelected: (value: V) => boolean;
     /**
      * Commit a selection at `idx` — writes the model (toggle in `multiple`),
-     * fires the travel-squish, and recenters the item via `scrollIntoView`.
+     * and recenters the item via `scrollIntoView`.
      */
     select: (value: V, idx: number) => void;
     /** The roving tabindex for option `idx` (`0` for the tabstop, `-1` else). */
@@ -113,8 +96,6 @@ export interface UseSelectionGroupReturn<V extends SelectionValue = string> {
     onKeydown: (e: KeyboardEvent) => void;
     /** Inline style for the single-select traveling indicator (the ONE writer). */
     singleSliderStyle: Ref<Record<string, string>>;
-    /** Imperatively kick the travel-squish on a selection at `idx`. */
-    squishOnTravel: (toIdx: number) => void;
     /** The resolved group `role` (`radiogroup` | `tablist` | `group`). */
     groupRole: ComputedRef<SelectionRole>;
     /** The per-item ARIA attributes for `value`, role-per-mode. */

package/dist/composables/motion/morph/useSelectionIndicator.d.ts

@@ -12,35 +12,16 @@ import type { SelectionValue } from "../../../components/_shared/selection.js";
  * indicator writer in the library.
  *
  * It owns the JS-measured single-select slider style (the slider geometry, the
- * offset measure, the model/options re-measure watchers, the RO lifecycle) AND
- * the travel deform: a velocity-driven `--stretch` scalar the active indicator
- * reads so it lengthens along its travel axis as it glides and settles to fit
- * (the Material-3 ELASTIC, Apple Liquid-Glass register). Honors
- * `prefers-reduced-motion` (no deform under reduce).
- *
- * WHAT DEFORMS IS A POLICY, AND IT IS A PARAMETER. It used to be inferred from
- * `indicatorRef` being null, which was an OVERLOADED sentinel: the same null meant
- * "this group has no single slider" to `useSelectionGroup` and "this material does
- * not squish" here, so neither meaning could be stated without lying about the
- * other. `deform` says it outright:
- *   • `"plate"` (default) — the full body: `--stretch` plus, where the surface arms
- *     the organ, the EYEGLASS span/swell/lean. A body of glass with area to move.
- *   • `"mark"` — `--stretch` only. A hairline lengthens along its travel; it has no
- *     area to inflate and no cross axis to swell.
- *   • `"none"` — no deform at all (a multi-toggle group has no single travelling
- *     body to deform).
- * The `if (!el)` guard below stays what it always should have been: null-safety.
- *
- * THE EYEGLASS is armed by the SURFACE, in its own cascade, by declaring
- * `--eyeglass-span-max`. Where it is armed the deform stops being a centre-pump and
- * becomes the measured organ — it spans origin and destination, leans 2:1 into its
- * travel, swells across, and clamps at the track's inner edge. Where it is not
- * declared the fraction law is byte-identical to what shipped. See `eyeglass.ts`.
+ * offset measure, the model/options re-measure watchers, the RO lifecycle). The
+ * indicator glides by CSS on the inline `translate`/`width`/`height` this writes, at
+ * its own size: nothing here deforms it. The velocity `--stretch` law it once wrote
+ * (the `plate` and `mark` deforms, the `--tab-indicator-max-stretch` cap) is gone
+ * with its last consumer.
  *
  * The writer emits the selected item's full physical border box from the
  * container's padding-box origin. Measuring both axes keeps the resting fill
- * exact across orientation, fractional geometry, and writing direction; the
- * `vertical` param only selects the transient squish axis.
+ * exact across orientation, fractional geometry, and writing direction; a change
+ * of `vertical` re-measures.
  *
  * Generic over the minimal `SelectionOption` shape (`value` + optional
  * `disabled`), so it is decoupled from any consumer's option type. ~~the
@@ -65,31 +46,10 @@ export interface SelectionOption {
     value: SelectionValue;
     disabled?: boolean;
 }
-/**
- * Fallback for `--tab-indicator-max-stretch` when the cascade leaves it unset —
- * the default travel-squish cap. `--stretch = 1 + frac · (cap − 1)`, so a
- * full-width jump reaches the cap and a tiny hop stays near 1. The token is the
- * authority; this is the no-token floor (the SOLE cap source, shared by the
- * click travel-squish AND the drag pull-morph — the constant + the token in
- * lockstep, never a fork).
- */
-export declare const DEFAULT_INDICATOR_MAX_STRETCH = 1.11;
-/**
- * The travel-progress fraction at which the squish RELEASES — the Material
- * "grow then shrink" close, keyed to ARRIVAL. The squish opens with the glide
- * and releases when the indicator is within this fraction of its target, so the
- * stretch peaks DURING travel and shrinks to fit AT arrival, never before.
- */
-export declare const INDICATOR_RELEASE_AT_ARRIVAL = 0.82;
-/**
- * The deform POLICY — what the travelling body is made of, stated rather than
- * inferred from a null ref. See the module docstring for why the sentinel had to go.
- */
-export type SelectionDeform = "plate" | "mark" | "none";
 export interface UseSelectionIndicatorParams<O extends SelectionOption> {
     /** The container scroller root (observed by the ResizeObserver). */
     containerRef: Ref<HTMLElement | null>;
-    /** The active indicator element (the squish `--stretch` write target). */
+    /** The active indicator element (the measured node). */
     indicatorRef: Ref<HTMLElement | null>;
     /** Per-option item refs, index-aligned to `options`. */
     buttonRefs: Ref<HTMLElement[]>;
@@ -97,17 +57,11 @@ export interface UseSelectionIndicatorParams<O extends SelectionOption> {
     options: ComputedRef<O[]>;
     /** The active value (re-measure on change), at the option type's own scalar. */
     model: Ref<O["value"] | undefined>;
-    /** The active option values (used by the initial squish seed). */
-    activeValues: ComputedRef<O["value"][]>;
     /** True for the vertical (block-axis) orientation. */
     vertical: ComputedRef<boolean>;
-    /** What the travelling body is made of. Defaults to `"plate"`. */
-    deform?: ComputedRef<SelectionDeform>;
 }
 export interface UseSelectionIndicatorReturn {
     /** Inline style for the single-select JS slider — the ONE writer. */
     singleSliderStyle: Ref<Record<string, string>>;
-    /** Imperatively kick the travel-squish on a selection at `idx`. */
-    squishOnTravel: (toIdx: number) => void;
 }
 export declare function useSelectionIndicator<O extends SelectionOption>(params: UseSelectionIndicatorParams<O>): UseSelectionIndicatorReturn;

package/dist/composables/motion/spring/useLiquidFlex.d.ts

@@ -12,11 +12,9 @@ export interface UseLiquidFlexParams {
     /**
      * The LOW squish cap — the maximum `--stretch` the travel can reach (a +N%
      * elongation along the travel axis). Defaults to 1.14. Kept LOW: the liquid
-     * register is a lively settle, never a rubber-band taffy-pull. The tabs indicator
-     * passes its own tighter cap explicitly (`DEFAULT_INDICATOR_MAX_STRETCH`, 1.11).
-     * May be a getter so a consumer reading a live cascade override
-     * (`--tab-indicator-max-stretch`) re-resolves the cap per-read without
-     * reconstructing the primitive.
+     * register is a lively settle, never a rubber-band taffy-pull. May be a getter
+     * so a consumer reading a live cascade override re-resolves the cap per-read
+     * without reconstructing the primitive.
      */
     maxStretch?: number | (() => number);
     /**

package/dist/composables/motion/spring/useSpringMount.d.ts

@@ -50,13 +50,4 @@ export interface SpringMountRef {
         onPointercancel: (e: PointerEvent) => void;
     };
 }
-/**
- * Spring-driven mount with optional pointer drag-dismiss.
- *
- * The spring target lives between 0 (fully mounted) and 1 (fully dismissed).
- * The host watches `open` to seat the entrance (1 → 0). Pointer drags
- * re-seat the target mid-flight; on release the threshold decides bounce
- * vs. dismiss. The mid-flight re-target preserves spring continuity per
- * SpringProgress.
- */
 export declare function useSpringMount(options: UseSpringMountOptions): SpringMountRef;

package/dist/{configurator-CPxIo3q2.js → configurator-C1ZKEf1b.js}

@@ -1,11 +1,13 @@
+import "./configurator.css";
 import { t as e } from "./class-names-FlXcvRRT.js";
 import { t } from "./createContext-BhkE9mLH.js";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as r } from "./label-CE03H1KL.js";
-import { t as i } from "./expandable-container-CZUj9BzY.js";
-import { t as a } from "./fading-scroll-CTeW3KNS.js";
+import { t as r } from "./label-ryNPL7e6.js";
+import { t as i } from "./expandable-container-wS1awXGd.js";
+import { t as a } from "./fading-scroll-D3Y20ibL.js";
 import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, mergeModels as h, mergeProps as g, normalizeClass as _, normalizeStyle as v, openBlock as y, reactive as b, ref as x, renderList as S, renderSlot as C, resolveDynamicComponent as ee, toDisplayString as w, toRaw as T, unref as E, useId as D, useModel as O, useSlots as k, withCtx as A, withModifiers as j } from "vue";
 import { ChevronDown as M, RotateCcw as N } from "@lucide/vue";
+import "./components/configurator/styles.css";
 //#region src/components/configurator/size.ts
 var P = t("configuratorSize"), F = P.KEY;
 function I(e) {
@@ -229,7 +231,7 @@ var L = P.use, R = [
 			class: _(E(e)("configurator-layer-body py-2 space-y-2", n.dividers && "[&>*+*]:border-t [&>*+*]:pt-2", n.bodyClass))
 		}, [C(r.$slots, "default", {}, void 0, !0)], 10, ne)])], 12, Q)], 10, G));
 	}
-}), [["__scopeId", "data-v-2f76a595"]]), ie = ["data-size"], ae = { class: "flex items-baseline justify-between gap-3" }, oe = { class: "flex min-w-0 items-baseline gap-2" }, $ = {
+}), [["__scopeId", "data-v-238d4e7b"]]), ie = ["data-size"], ae = { class: "flex items-baseline justify-between gap-3" }, oe = { class: "flex min-w-0 items-baseline gap-2" }, $ = {
 	key: 0,
 	class: "truncate text-small font-normal text-muted-foreground"
 }, se = {
@@ -288,7 +290,7 @@ var L = P.use, R = [
 			t.description ? (y(), u("p", ue, w(t.description), 1)) : l("", !0)
 		], 10, ie));
 	}
-}), [["__scopeId", "data-v-ed1debd3"]]);
+}), [["__scopeId", "data-v-6dddcbbf"]]);
 //#endregion
 //#region src/components/configurator/useConfiguratorState.ts
 function fe(e) {

package/dist/configurator.css

@@ -0,0 +1 @@
+@layer theme, base, components, utilities;@layer components{.configurator-layer-region[data-v-238d4e7b]{transition:grid-template-rows var(--spring-dock-duration) var(--spring-dock)}@media (prefers-reduced-motion:reduce){.configurator-layer-region[data-v-238d4e7b]{transition:none}}.configurator-row[data-size=sm][data-v-6dddcbbf]{gap:var(--configurator-row-gap-compact);padding-block:var(--configurator-row-py-compact)}.configurator-row[data-size=md][data-v-6dddcbbf]{gap:var(--configurator-row-gap-comfortable);padding-block:var(--configurator-row-py-comfortable)}.configurator-row[data-size=lg][data-v-6dddcbbf]{gap:var(--configurator-row-gap-spacious);padding-block:var(--configurator-row-py-spacious)}@container style(--configurator-size:sm){.configurator-row[data-v-6dddcbbf]{gap:var(--configurator-row-gap-compact);padding-block:var(--configurator-row-py-compact)}}@container style(--configurator-size:md){.configurator-row[data-v-6dddcbbf]{gap:var(--configurator-row-gap-comfortable);padding-block:var(--configurator-row-py-comfortable)}}@container style(--configurator-size:lg){.configurator-row[data-v-6dddcbbf]{gap:var(--configurator-row-gap-spacious);padding-block:var(--configurator-row-py-spacious)}}}

package/dist/configurator.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./configurator-CPxIo3q2.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./configurator-C1ZKEf1b.js";
 export { e as CONFIGURATOR_SIZE_KEY, t as Configurator, i as ConfiguratorLayer, n as ConfiguratorRow, r as provideConfiguratorSize, o as useConfiguratorState, a as useOptionalConfiguratorSize };

package/dist/constants-DfrO-IaH.js

@@ -0,0 +1,8 @@
+import { n as e } from "./springPresets-Cbe0Voqg.js";
+//#region src/components/dock/constants.ts
+var t = {
+	response: e("dock").response,
+	dampingFraction: e("dock").dampingFraction
+}, n = "[data-dismissable-layer]:not([data-state=\"closed\"])", r = "glass-ui:dock-context", i = "glass-ui:dock-layer-group", a = 3600, o = "data-glass-dock-seat";
+//#endregion
+export { t as a, o as i, r as n, n as o, i as r, a as t };

package/dist/constellation.css

@@ -0,0 +1 @@
+@layer theme, base, components, utilities;@layer components{.constellation[data-v-18aad161]{contain:layout style;content-visibility:auto;contain-intrinsic-size:auto none}.constellation[role=button][data-v-18aad161]:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}:where(.constellation[data-v-18aad161]){block-size:100%;inline-size:100%;position:relative}.constellation-canvas[data-v-18aad161]{block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}}

package/dist/constellation.js

@@ -1,6 +1,7 @@
+import "./constellation.css";
 import { t as e } from "./class-names-FlXcvRRT.js";
 import { t } from "./useReducedMotion-vCXA_vyM.js";
-import { t as n } from "./useCanvas2D-CQRElMyE.js";
+import { t as n } from "./useCanvas2D-Bhpwua98.js";
 import { t as r } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as i } from "./usePointerVelocityField-Lx26_Yap.js";
 import { t as a } from "./useRoutePointer-B8itM7Ka.js";

package/dist/control.css

@@ -0,0 +1 @@
+@layer theme, base, components, utilities;@layer components{.field-control{--field-control-height:var(--control-h-md);--field-control-ink:color-mix(in oklab, var(--foreground) calc(var(--ink-perimeter) * 100%), transparent);--field-control-well:var(--ink-seam);--control-edge-inner:inset 0 1px 2px color-mix(in oklab, var(--foreground) calc(var(--field-control-well) * 100%), transparent);--control-surface-bg:var(--input-on-glass);--field-control-duration:var(--duration-control);--field-control-ease:var(--spring-press);border-style:solid;border-width:1px;border-color:var(--field-control-ink);background-color:var(--control-surface-bg);inline-size:100%;min-inline-size:0;max-inline-size:100%;-webkit-backdrop-filter:var(--control-surface-blur);backdrop-filter:var(--control-surface-blur);padding-inline:calc(.75rem * var(--ui-scale));color:var(--foreground);caret-color:currentColor;font:inherit;font-size:var(--type-small);transition:background-color var(--field-control-duration) var(--field-control-ease), border-color var(--field-control-duration) var(--field-control-ease), box-shadow var(--field-control-duration) var(--field-control-ease), outline-color var(--field-control-duration) var(--field-control-ease), backdrop-filter var(--field-control-duration) var(--field-control-ease);outline-color:#0000;display:block}.field-control[data-kind=input]{block-size:var(--field-control-height);border-radius:var(--radius-pill)}.field-control[data-kind=textarea]{field-sizing:content;min-block-size:calc(var(--field-rows,2) * 1lh + 2 * (.75rem * var(--ui-scale)) + 2px);max-block-size:var(--textarea-content-max);border-radius:var(--radius-field);padding-block:calc(.75rem * var(--ui-scale));line-height:var(--type-leading-body);overflow:auto}.field-control[data-size=sm]{--field-control-height:var(--control-h-sm)}.field-control[data-size=lg]{--field-control-height:var(--control-h-lg)}.field-control::placeholder{color:var(--muted-foreground)}@media (hover:hover){.field-control:hover:not([data-state=disabled],[data-state=readonly]){--field-control-well:var(--ink-edge);--control-surface-blur:var(--glass-blur-floating)}}.field-control:focus-visible{outline:var(--focus-ring-width) solid var(--field-control-ink);outline-offset:2px;--control-edge-ring:0 0 8px color-mix(in srgb, var(--focus-ring-color) 15%, transparent)}.field-control:is(:user-invalid,[data-state=invalid]){--field-control-duration:var(--duration-fast);--field-control-ease:var(--ease-out);--control-surface-bg:color-mix(in srgb, var(--destructive) 8%, var(--input-on-glass));--control-edge-ring:var(--invalid-ring);border-color:var(--destructive)}.field-control:is(:user-invalid,[data-state=invalid]):focus-visible{outline-color:var(--destructive);--control-edge-ring:var(--invalid-ring), 0 0 8px color-mix(in srgb, var(--destructive) 15%, transparent)}.field-control[data-state=readonly]{--control-surface-bg:color-mix(in oklab, var(--input-on-glass), var(--muted) 18%);caret-color:#0000;cursor:text}.field-control[data-state=disabled]{--field-control-ink:color-mix(in oklab, var(--foreground) calc(var(--ink-perimeter) * 45%), transparent);--control-surface-bg:color-mix(in oklab, var(--input-on-glass), var(--muted) 40%);color:color-mix(in oklab, var(--foreground) 45%, transparent);cursor:not-allowed}.field-control[data-kind=textarea][data-resize=none]{resize:none}.field-control[data-kind=textarea][data-resize=horizontal]{resize:horizontal}.field-control[data-kind=textarea][data-resize=both]{resize:both}.field-control[data-kind=textarea][data-resize=vertical]{resize:vertical}@media (width<=768px){.field-control{padding-inline:calc(.5rem * var(--ui-scale))}}@media (prefers-reduced-motion:reduce){.field-control{--field-control-duration:.01ms}}}

package/dist/{control.css_vue_type_style_index_0_src_true_lang-BIdufaDG.js → control.css_vue_type_style_index_0_src_true_lang-D2hdtjs4.js}

@@ -1,3 +1,4 @@
+import "./control.css";
 import { computed as e } from "vue";
 //#region src/components/_shared/field/control.ts
 function t(e) {

package/dist/{createCanvasLifecycle-hJHobVTn.js → createCanvasLifecycle-DS0vEs_G.js}

@@ -1,7 +1,8 @@
 import { n as e } from "./useReducedMotion-vCXA_vyM.js";
-import { watch as t } from "vue";
+import { n as t } from "./fieldPaint-Ci77oajZ.js";
+import { watch as n } from "vue";
 //#region src/composables/glass/webgl/backingSize.ts
-function n(e, t) {
+function r(e, t) {
 	let n = e.getBoundingClientRect(), r = n.width, i = n.height, a = e.parentElement, o = 0, s = typeof getComputedStyle < "u";
 	for (; (r === 0 || i === 0) && a && o < 3;) {
 		let e = a.getBoundingClientRect();
@@ -24,7 +25,7 @@ function n(e, t) {
 }
 //#endregion
 //#region src/composables/glass/webgl/visibility.ts
-function r(e) {
+function i(e) {
 	let { canvas: t } = e, n = typeof document < "u";
 	function r() {
 		document.hidden ? e.suspend("tab-hidden") : e.resume("tab-hidden");
@@ -111,101 +112,101 @@ function r(e) {
 		dispose: C
 	};
 }
-var i = 2e3;
-function a(a) {
-	let { canvas: o, buildContext: s } = a, c = a.respectReducedMotion ?? a.mode !== "capture", l = a.dprPolicy, u = a.composeIntersectionPark ?? !1;
-	function d() {
-		a.resize(n(o, l));
-	}
-	let f = d, p = /* @__PURE__ */ new Set();
-	a.mode === "capture" && p.add("manual");
-	let m = () => p.size === 0, h = 0, g = typeof performance < "u" ? performance.now() : 0, _ = null, v = !1, y = !1, b = c ? e() : null, x = b?.value ?? !1;
-	function S() {
-		if (!m() || !_) return;
-		let e = (performance.now() - g) / 1e3, t = _.time ? _.time(e) : e;
-		_.frame(t), h = !x && _.shouldContinue() ? requestAnimationFrame(S) : 0;
+var a = 2e3;
+function o(o) {
+	let { canvas: s, buildContext: c } = o, l = o.respectReducedMotion ?? o.mode !== "capture", u = o.dprPolicy, d = o.composeIntersectionPark ?? !1;
+	function f() {
+		o.resize(r(s, u));
 	}
+	let p = f, m = /* @__PURE__ */ new Set();
+	o.mode === "capture" && m.add("manual");
+	let h = () => m.size === 0, g = 0, _ = typeof performance < "u" ? performance.now() : 0, v = null, y = !1, b = !1, x = l ? e() : null, S = x?.value ?? !1;
 	function C() {
-		!v || !m() || h || !_ || (x ? S() : h = requestAnimationFrame(S));
+		if (!h() || !v) return;
+		let e = (performance.now() - _) / 1e3, n = v.time ? v.time(e) : e;
+		v.frame(n), t(s), g = !S && v.shouldContinue() ? requestAnimationFrame(C) : 0;
 	}
-	function w(e) {
-		e !== x && (x = e, e ? (cancelAnimationFrame(h), h = 0, v && m() && _ && S()) : (g = performance.now(), v && m() && _?.shouldContinue() && C()));
+	function w() {
+		!y || !h() || g || !v || (S ? C() : g = requestAnimationFrame(C));
 	}
-	let T = b ? t(b, w, { flush: "sync" }) : () => {};
-	function E(e = "manual") {
-		let t = m();
-		p.add(e), t && !m() && (cancelAnimationFrame(h), h = 0);
+	function T(e) {
+		e !== S && (S = e, e ? (cancelAnimationFrame(g), g = 0, y && h() && v && C()) : (_ = performance.now(), y && h() && v?.shouldContinue() && w()));
 	}
+	let E = x ? n(x, T, { flush: "sync" }) : () => {};
 	function D(e = "manual") {
-		let t = !m();
-		p.delete(e), t && m() && v && _ && (g = performance.now() - 1e3, f(), S());
-	}
-	let O = r({
-		canvas: o,
-		suspend: E,
-		resume: D,
-		resize: f,
-		wake: C,
-		isArmed: () => v,
-		hasHooks: () => _ !== null,
-		isDisposed: () => y,
-		isReducedMotion: () => x,
-		composeIntersectionPark: u,
-		intersectionRootMargin: a.intersectionRootMargin,
-		revealBloom: a.revealBloom ?? !1
+		let t = h();
+		m.add(e), t && !h() && (cancelAnimationFrame(g), g = 0);
+	}
+	function O(e = "manual") {
+		let t = !h();
+		m.delete(e), t && h() && y && v && (_ = performance.now() - 1e3, p(), C());
+	}
+	let k = i({
+		canvas: s,
+		suspend: D,
+		resume: O,
+		resize: p,
+		wake: w,
+		isArmed: () => y,
+		hasHooks: () => v !== null,
+		isDisposed: () => b,
+		isReducedMotion: () => S,
+		composeIntersectionPark: d,
+		intersectionRootMargin: o.intersectionRootMargin,
+		revealBloom: o.revealBloom ?? !1
 	});
-	function k() {
-		_ = s(), f();
-	}
-	let A = [], j = 0, M = !1, N = () => typeof performance < "u" ? performance.now() : Date.now();
-	function P() {
-		j &&= (clearTimeout(j), 0);
+	function A() {
+		v = c(), p();
 	}
+	let j = [], M = 0, N = !1, P = () => typeof performance < "u" ? performance.now() : Date.now();
 	function F() {
-		v || y || (a.bindContextEvents?.(() => {
-			y || M || (P(), j = setTimeout(() => {
-				if (j = 0, !(y || M)) try {
-					k(), a.onContextStateChange?.("restored"), m() && C();
+		M &&= (clearTimeout(M), 0);
+	}
+	function I() {
+		y || b || (o.bindContextEvents?.(() => {
+			b || N || (F(), M = setTimeout(() => {
+				if (M = 0, !(b || N)) try {
+					A(), o.onContextStateChange?.("restored"), h() && w();
 				} catch (e) {
-					_ = null, a.onContextError?.(e instanceof Error ? e : Error(String(e)));
+					v = null, o.onContextError?.(e instanceof Error ? e : Error(String(e)));
 				}
 			}, 100));
 		}, () => {
-			_ = null, cancelAnimationFrame(h), h = 0, a.onContextStateChange?.("lost"), P();
-			let e = N();
-			A.push(e), A = A.filter((t) => e - t <= i), A.length <= 1 && (M = !1), A.length > 3 && !M && (M = !0, a.onContextError?.(/* @__PURE__ */ Error("[Canvas] repeated context loss; rendering is parked")));
-		}), O.presize(), k(), O.bindPark(), v = !0, g = performance.now(), O.armRevealBloom(), m() && (x ? S() : h = requestAnimationFrame(S)));
-	}
-	function I(e) {
-		v || F(), _?.frame(e);
-	}
-	function L() {
-		y = !0, cancelAnimationFrame(h), h = 0, P(), T(), O.dispose(), a.unbindContextEvents?.(), _?.teardown?.(), _ = null, p.clear();
-	}
-	return a.mode === "capture" && F(), {
-		arm: F,
-		presize: O.presize,
-		suspend: E,
-		resume: D,
-		wake: C,
-		renderAt: I,
-		dispose: L,
+			v = null, cancelAnimationFrame(g), g = 0, o.onContextStateChange?.("lost"), F();
+			let e = P();
+			j.push(e), j = j.filter((t) => e - t <= a), j.length <= 1 && (N = !1), j.length > 3 && !N && (N = !0, o.onContextError?.(/* @__PURE__ */ Error("[Canvas] repeated context loss; rendering is parked")));
+		}), k.presize(), A(), k.bindPark(), y = !0, _ = performance.now(), k.armRevealBloom(), h() && (S ? C() : g = requestAnimationFrame(C)));
+	}
+	function L(e) {
+		y || I(), v && (v.frame(e), t(s));
+	}
+	function R() {
+		b = !0, cancelAnimationFrame(g), g = 0, F(), E(), k.dispose(), o.unbindContextEvents?.(), v?.teardown?.(), v = null, m.clear();
+	}
+	return o.mode === "capture" && I(), {
+		arm: I,
+		presize: k.presize,
+		suspend: D,
+		resume: O,
+		wake: w,
+		renderAt: L,
+		dispose: R,
 		get armed() {
-			return v;
+			return y;
 		},
 		get disposed() {
-			return y;
+			return b;
 		},
 		get running() {
-			return m();
+			return h();
 		},
 		get reducedMotion() {
-			return x;
+			return S;
 		},
 		get contextHeld() {
-			return M;
+			return N;
 		}
 	};
 }
 //#endregion
-export { n, a as t };
+export { r as n, o as t };

package/dist/dark-mode-toggle.js

@@ -1,5 +1,5 @@
 import { t as e } from "./class-names-FlXcvRRT.js";
-import { t } from "./useLiquidPress-h1scrPtP.js";
+import { t } from "./useLiquidPress-D5mjZC6U.js";
 import { i as n } from "./dark-pONY3x93.js";
 import { computed as r, createElementBlock as i, createStaticVNode as a, defineComponent as o, mergeProps as s, openBlock as c, ref as l, unref as u, useAttrs as d, watchEffect as f } from "vue";
 //#region src/components/dark-mode-toggle/DarkModeToggle.vue?vue&type=script&setup=true&lang.ts