@mkbabb/glass-ui 4.0.0 → 4.1.0

package/dist/styles/dock/rail-extend.css

@@ -1,397 +0,0 @@
-/* AZ.W-RAIL-EXTEND (+ R4-1) — the net-new hairline-rail facility's beyond-edge geometry.
- *
- * THE R4-1 ARCHITECTURE FIX. The `.glass-dock` root carries `contain: paint` +
- * `backdrop-filter` + (on a vertical always-expanded rail) `overflow-y: auto` — ALL
- * THREE hard-clip every descendant to the dock's border box. An absolutely-positioned
- * `#rail` rendered as a dock CHILD could NEVER paint past that box: it was swallowed at
- * the bottom edge (the R4-1 "black blob clipped at the dock edge" the user audited — the
- * dock-icon-button is transparent-at-rest by design, so the clipped half-circle read as
- * a dark blob). The escape: GlassDock now renders `<DockRail>` as a SIBLING of
- * `.glass-dock` inside a `.glass-dock-frame` (a `display:contents` shell that becomes
- * a NON-clipping positioning context only when `data-has-rail`). The `.dock-hairline-slot`
- * is `position: absolute` relative to THAT shell — outside the dock's containment — so the
- * hairline VISIBLY overruns the dock edge and the context end-icon PERSISTS on collapse
- * (G2). No `contain`, no `backdrop-filter`, no `overflow` on the shell → nothing clips it.
- *
- * The hairline is composed from the `--border-hairline` token PAIR (the 0.5px
- * catch-light + under-shadow the dock + instrument-chassis already speak) via
- * `box-shadow` — a whisper, NEVER a hard `1px solid` rule (R1). The hairline OVERRUNS
- * the dock content box by `--dock-rail-extend-length` (R3 — the beyond-edge extent),
- * a dock-scoped geometry knob a consumer overrides.
- *
- * Because the rail is dock CHROME floating OUTSIDE the dock substrate, its end-icon
- * carries its OWN glass-floating register (the dock-surface blur + the floating-tier
- * fill + the edge-light rim) — it cannot borrow the dock's plate the way an in-dock
- * `.dock-icon-button` does (that one is transparent-at-rest, reading the dock beneath).
- *
- * @import-ed by dock.css into the SAME `@layer components` as the other partials.
- */
-@layer components {
-    :root {
-        /* BA.W-DOCK-SECTIONS RE-SEMANTIC — the SYMMETRIC dual-side overrun length. The
-           seam line crosses THROUGH the dock and protrudes past BOTH edges by this
-           amount each side (the line's cross-extent = dock extent + 2× this knob,
-           centered on the seam). Was a one-way connector length pre-wave; now the
-           per-side overrun of the dual-side seam line. A proportioned default (a touch
-           more than a dock control); rides `--dock-scale` so it tracks the coarse-pointer
-           density thread the rest of the dock floor speaks. */
-        --dock-rail-extend-length: calc(2.5rem * var(--dock-scale, 1));
-    }
-
-    /* The dock-frame wrapper. DEFAULT (`display: contents`) is layout-transparent
-       — the dock behaves as if the wrapper is not there (byte-identical no-rail path,
-       no positioning context interposed, the dock keeps its own fixed/sticky/inline
-       mode). When a `#rail` is authored it lifts to a real NON-clipping positioning
-       context so the abs-positioned rail slot anchors to the dock box yet escapes the
-       dock's `contain: paint` / `backdrop-filter` / `overflow` clip. */
-    .glass-dock-frame {
-        display: contents;
-    }
-    .glass-dock-frame[data-has-rail] {
-        display: inline-flex;
-        position: relative;
-        /* No containment, no overflow, no blur — the WHOLE point: the rail must paint
-           beyond the dock box. The wrapper shrink-wraps the dock (inline-flex) so its
-           box == the dock box and the rail anchors to the true edge. */
-    }
-    .glass-dock-frame[data-has-rail].vertical {
-        flex-direction: column;
-        align-items: stretch;
-    }
-
-    /* The chrome-slot wrapper — a `position: absolute` sibling of `.glass-dock`,
-       anchored to the dock-frame (NOT the dock box), so the dock's clip never reaches it.
-       It paints nothing itself; `<DockRail>` owns the hairline + icon. */
-    .dock-hairline-slot {
-        position: absolute;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        pointer-events: none;
-        z-index: 1;
-    }
-    /* The end-icon control re-arms pointer events (the slot is pass-through). */
-    .dock-hairline-slot > * {
-        pointer-events: auto;
-    }
-
-    /* BA.W-DOCK-SECTIONS — THE DIVIDER-SEAM RE-SEAT (the 4th-rail re-conception; the
-       midline/edge seat workaround #4 is DELETED, inv-6). The rail line co-locates with
-       a NAMED `<DockSeparator anchor>` seam: GlassDock measures that separator's offset
-       within the frame and writes `--dock-rail-seam-offset` (the cross-axis center of the
-       divider). The slot anchors AT the seam — NOT `50%` (the vertical midline workaround
-       the H1 band motivated), NOT the dock edge — and the line OVERRUNS BOTH dock edges
-       by `--dock-rail-extend-length` each side (a SYMMETRIC dual-side overrun, replacing
-       the one-way connector). The chips fan FLUSH alongside the line. Because the slot is
-       `position: absolute` on the non-clipping frame, the dock box stays INVIOLATE (it
-       feeds NO size into the dock's intrinsic box — proof:rail-extend box-equality holds).
-
-       FALLBACK: when no anchored separator is present `--dock-rail-seam-offset` is unset;
-       the `var(…, 50%)`-FREE fallback seats the line at the dock's near edge via the
-       extent default (never the midline seat). */
-
-    /* VERTICAL (column) dock — the rail is a HORIZONTAL line. It anchors on the BLOCK
-       axis at the ℱ-separator's Y (the seam offset) and overruns on the INLINE axis past
-       BOTH the leading and trailing edges: the slot starts `--dock-rail-extend-length`
-       LEFT of the dock and its inline extent is the dock width + 2× the overrun, so the
-       line protrudes symmetrically each side. The chips fan FLUSH in the trailing gutter
-       (translated past the dock's trailing edge). */
-    .glass-dock-frame[data-has-rail].vertical .dock-hairline-slot {
-        inset-block-start: var(--dock-rail-seam-offset, 0px);
-        inset-block-end: auto;
-        inset-inline-start: calc(-1 * var(--dock-rail-extend-length));
-        inset-inline-end: auto;
-        /* the line's inline extent = dock width + 2× overrun (symmetric, centered). */
-        inline-size: calc(100% + 2 * var(--dock-rail-extend-length));
-        translate: 0 -50%;
-        flex-direction: row;
-        align-items: center;
-        justify-content: flex-start;
-    }
-    /* HORIZONTAL (row) dock — the rail is a VERTICAL line. It anchors on the INLINE axis
-       at the nav-separator's X (the seam offset) and overruns on the BLOCK axis past BOTH
-       the top and bottom edges: the slot starts `--dock-rail-extend-length` ABOVE the
-       dock and its block extent is the dock height + 2× the overrun. The chips fan FLUSH
-       above the line (translated above the dock's top edge so they stay ON-SCREEN for a
-       viewport-bottom-anchored dock). */
-    .glass-dock-frame[data-has-rail]:not(.vertical) .dock-hairline-slot {
-        inset-inline-start: var(--dock-rail-seam-offset, 0px);
-        inset-inline-end: auto;
-        inset-block-start: calc(-1 * var(--dock-rail-extend-length));
-        inset-block-end: auto;
-        /* the line's block extent = dock height + 2× overrun (symmetric, centered). */
-        block-size: calc(100% + 2 * var(--dock-rail-extend-length));
-        translate: -50% 0;
-        flex-direction: column;
-        align-items: center;
-        justify-content: flex-start;
-    }
-
-    /* BA.W-DOCK-SECTIONS — the seam wrapper. It FILLS the slot (which is already the
-       dock + 2× overrun, centered on the seam) and carries (a) the `::before` seam line
-       running the full extent and (b) the `.dock-hairline-strip` — the flush fan of
-       glass chips butted to the line (the macOS fan-out, rectilinear; NOT a 40px-adrift
-       carousel). The chips paint OUTSIDE the dock box (the slot is a `.glass-dock-frame`
-       sibling — R4 / box INVIOLATE). */
-    .dock-hairline-extend {
-        position: relative;
-        display: flex;
-        gap: 0;
-        inline-size: 100%;
-        block-size: 100%;
-    }
-    /* Vertical dock — the seam is a horizontal line at the slot's block center; the chip
-       ROW fans FLUSH just past the dock's trailing edge, butted to the line. */
-    .dock-hairline-extend.vertical {
-        flex-direction: row;
-        align-items: center;
-        justify-content: flex-end;
-    }
-    /* Horizontal dock — the seam is a vertical line at the slot's inline center; the chip
-       COLUMN/ROW fans FLUSH above the line (the viewport-bottom dock keeps it on-screen). */
-    .dock-hairline-extend.horizontal {
-        flex-direction: column;
-        align-items: center;
-        justify-content: flex-start;
-    }
-    /* BA.W-DOCK-SECTIONS — the chips fan FLUSH at the DOCK's near edge, butted to the
-       seam line where it crosses the dock boundary (NOT at the slot's far overrun end,
-       which would re-float them adrift). The positioning rides the `<FadingScroll>`
-       WRAPPER (`.dock-hairline-fade`), NOT the strip itself — the strip stays the
-       in-flow scroll content of FadingScroll (an absolutely-positioned strip would
-       escape FadingScroll's flow → its scroll-port collapses to 0 + the mask hides the
-       chips). A vertical dock's fade rides the dock's TRAILING (inline-end) edge in its
-       gutter; a horizontal dock's fade rides the dock's TOP (block-start) edge. The seam
-       line still protrudes past BOTH edges (the `::before` spans the full slot); only the
-       CHIP fade butts the dock so it reads as a fan growing FROM the divider. */
-    .dock-hairline-fade {
-        max-inline-size: var(--dock-rail-strip-max, 60vw);
-    }
-    .dock-hairline-extend.vertical .dock-hairline-fade {
-        position: absolute;
-        inset-inline-start: calc(100% - var(--dock-rail-extend-length));
-        inset-block-start: 50%;
-        translate: 0 -50%;
-    }
-    .dock-hairline-extend.horizontal .dock-hairline-fade {
-        position: absolute;
-        inset-block-end: calc(100% - var(--dock-rail-extend-length));
-        inset-inline-start: 50%;
-        translate: -50% 0;
-    }
-
-    /* R3 — the VISIBLE seam line (no longer a one-way connector tether). R1 — the
-       `--border-hairline` token pair (catch-light + under-shadow) + a faint background
-       fallback so the whisper reads even over a busy backdrop. BA.W-DOCK-SECTIONS: the
-       line now RUNS THE FULL SLOT EXTENT (the slot is already dock + 2× overrun,
-       centered on the seam), so it crosses THROUGH the dock and protrudes past BOTH
-       edges — ONE continuous line, NOT a 40px tether to a detached carousel. The
-       `min-{inline,block}-size: var(--dock-rail-extend-length)` floor stays as the
-       proof:rail-extend / proof:rail3 R3 overrun witness (the line is always ≥ the
-       overrun length); the `100%` width/height makes it the full symmetric seam. The
-       tether `margin` is GONE — the chips fan FLUSH against the line (S3). */
-    .dock-hairline-extend::before {
-        content: "";
-        flex: 0 0 auto;
-        position: absolute;
-        box-shadow: var(--border-hairline);
-        background: var(--dock-layer-rail-divider, color-mix(in srgb, var(--border) 45%, transparent));
-    }
-    /* Vertical dock — a HORIZONTAL line spanning the FULL slot inline extent (dock +
-       2× overrun), seated on the seam Y; the chips fan flush in the trailing gutter. */
-    .dock-hairline-extend.vertical::before {
-        block-size: 1px;
-        inline-size: 100%;
-        min-inline-size: var(--dock-rail-extend-length);
-        inset-block-start: 50%;
-        inset-inline-start: 0;
-        translate: 0 -50%;
-    }
-    /* Horizontal dock — a VERTICAL line spanning the FULL slot block extent (dock +
-       2× overrun), seated on the seam X; the chips fan flush above the line. */
-    .dock-hairline-extend.horizontal::before {
-        inline-size: 1px;
-        block-size: 100%;
-        min-block-size: var(--dock-rail-extend-length);
-        inset-inline-start: 50%;
-        inset-block-start: 0;
-        translate: -50% 0;
-    }
-
-    /* `extent="inset"` zeroes the overrun (the line stays flush within the dock edges —
-       the slot's `inline-size`/`block-size` collapse to the dock box, no protrusion). */
-    .dock-hairline-extend.extent-inset.vertical::before {
-        min-inline-size: 0;
-    }
-    .dock-hairline-extend.extent-inset.horizontal::before {
-        min-block-size: 0;
-    }
-    .glass-dock-frame[data-has-rail].vertical .dock-hairline-slot:has(.extent-inset) {
-        inset-inline-start: 0;
-        inline-size: 100%;
-    }
-    .glass-dock-frame[data-has-rail]:not(.vertical) .dock-hairline-slot:has(.extent-inset) {
-        inset-block-start: 0;
-        block-size: 100%;
-    }
-
-    /* BA.W-DOCK-SECTIONS — the FLUSH chip fan. The chips butt the seam line (NO adrift
-       tether — the strip's positioning context is the seam wrapper, not a 40px offset).
-       The strip keeps `scroll-snap` (the carousel detent) + a single `overflow` axis as
-       the proof:rail3 R5 cyclable witness, but the PRIMARY scroll-fade port is the
-       `<FadingScroll>` wrapper DockRail composes (S5 — the bespoke overflow strip is the
-       inert inner fallback; FadingScroll owns the edge fade, no duplicate mask here). */
-    .dock-hairline-strip {
-        display: flex;
-        align-items: center;
-        gap: var(--dock-rail-strip-gap, 0.375rem);
-        scrollbar-width: none;
-        padding: 0.125rem;
-        /* the collapse-retract origin: the chips translate/fade INTO the rail toward the
-           seam on collapse, leaving the stub protrusion. The rest state is full-out. */
-        transition:
-            opacity var(--duration-normal) var(--ease-standard),
-            translate var(--duration-normal) var(--dock-resize-spring, var(--ease-standard));
-    }
-    .dock-hairline-strip::-webkit-scrollbar {
-        display: none;
-    }
-    /* Vertical dock → a ROW of chips beside the dock, flush to the horizontal seam;
-       scrolls on the inline axis when they exceed the budget. */
-    .dock-hairline-extend.vertical .dock-hairline-strip {
-        flex-direction: row;
-        max-inline-size: var(--dock-rail-strip-max, 60vw);
-        overflow-x: auto;
-        overflow-y: visible;
-        scroll-snap-type: x proximity;
-    }
-    /* Horizontal dock → a ROW of chips above the dock, flush to the vertical seam;
-       scrolls on the inline axis when they exceed the budget. */
-    .dock-hairline-extend.horizontal .dock-hairline-strip {
-        flex-direction: row;
-        align-items: center;
-        max-inline-size: var(--dock-rail-strip-max, 60vw);
-        overflow-x: auto;
-        overflow-y: visible;
-        scroll-snap-type: x proximity;
-    }
-    .dock-hairline-strip > * {
-        scroll-snap-align: start;
-    }
-
-    /* BA.W-DOCK-SECTIONS — THE COLLAPSE-RETRACT (the macOS fan-out retraction; the brief
-       + R8-6 fan-out half). When the dock collapses the chips fold back behind a slight
-       protruding stub at the dock edge: they translate along the seam axis INTO the rail
-       and fade, the seam line keeping a SLIGHT protrusion (the rail never detaches — it
-       retracts along the seam axis). The stub fraction is `--dock-rail-retract-stub`. */
-    .glass-dock.collapsed ~ .dock-hairline-slot .dock-hairline-strip,
-    .glass-dock-frame:has(.glass-dock.collapsed) .dock-hairline-strip {
-        opacity: 0;
-        translate: calc(var(--dock-rail-extend-length) * (1 - var(--dock-rail-retract-stub, 0.35)))
-            0;
-    }
-    .glass-dock.collapsed ~ .dock-hairline-slot .dock-hairline-extend.horizontal .dock-hairline-strip,
-    .glass-dock-frame:has(.glass-dock.collapsed) .dock-hairline-extend.horizontal .dock-hairline-strip {
-        translate: 0
-            calc(-1 * var(--dock-rail-extend-length) * (1 - var(--dock-rail-retract-stub, 0.35)));
-    }
-    /* PRM — snap to the retracted state, no travel (the retract must not animate under
-       reduced motion; only the discrete opacity/position endpoints apply). */
-    @media (prefers-reduced-motion: reduce) {
-        .dock-hairline-strip {
-            transition: none;
-        }
-    }
-
-    /* Each chip — a detached FLOATING glass pill (R4-1's register, now a label-bearing
-       carousel chip, auto-width). It is chrome OUTSIDE the dock substrate, so it
-       carries its OWN glass plate (the floating-tier fill + edge-light rim + soft
-       drop) rather than borrowing the transparent in-dock `.dock-icon-button` recipe
-       (which would read as a bare dark glyph — the R4-1 blob). Reads the SAME
-       `--dock-control-*` / glass tokens the dock speaks, so it re-tints under `.dark`
-       + the adaptive bucket for free.
-
-       SPECIFICITY: the chip composes the `.dock-icon-button` base (the specular-track
-       + glass register), which sets a FIXED square `width`/`padding` in
-       dock-controls.css — loaded AFTER this partial, so a bare `.dock-hairline-extend-
-       chip` (equal specificity) loses the source-order tie. Scoping the sizing/surface
-       overrides under `.dock-hairline-strip` (0,2,0) beats the base `.dock-icon-button`
-       (0,1,0) without `!important` on the geometry. */
-    .dock-hairline-strip .dock-hairline-extend-chip {
-        flex-shrink: 0;
-        /* override the fixed dock-icon-button square → an auto-width label pill */
-        inline-size: auto;
-        width: auto;
-        min-inline-size: 0;
-        block-size: auto;
-        height: auto;
-        gap: 0.375rem;
-        padding-inline: 0.625rem;
-        padding-block: 0.3125rem;
-        background: var(--glass-bg-floating);
-        /* §6 EASING DOCTRINE — the surface channel (bg/border/color/box-shadow) cross-
-           fades on `--ease-standard` (a bezier, NO overshoot), NEVER a spring (a
-           surface prop wobbling on a spring is the §6 violation). The scale/transform
-           stay on the dock-control spring untouched. */
-        transition:
-            background-color var(--duration-fast) var(--ease-standard),
-            box-shadow var(--duration-fast) var(--ease-standard),
-            border-color var(--duration-fast) var(--ease-standard),
-            color var(--duration-fast) var(--ease-standard);
-        backdrop-filter: var(--glass-blur-floating);
-        -webkit-backdrop-filter: var(--glass-blur-floating);
-        box-shadow:
-            var(--glass-edge-light),
-            var(--glass-specular),
-            0 2px 6px -2px color-mix(in srgb, var(--shadow-color) 22%, transparent);
-        border-radius: var(--radius-pill);
-        font-size: 0.75rem;
-        font-weight: 500;
-        color: color-mix(in srgb, var(--dock-fg-on-aurora, var(--foreground)) 82%, transparent);
-        white-space: nowrap;
-    }
-    .dark .dock-hairline-strip .dock-hairline-extend-chip {
-        box-shadow:
-            var(--glass-edge-light-dark),
-            var(--glass-specular-dark),
-            0 2px 6px -2px color-mix(in srgb, var(--shadow-color) 30%, transparent);
-    }
-    /* Floor the glyph at the chip's icon scale — the `.dock-icon-button` glyph rule
-       (a fixed `--dock-icon-glyph`) would over-size it inside the label pill. */
-    .dock-hairline-strip .dock-hairline-extend-chip svg {
-        inline-size: 0.875rem;
-        width: 0.875rem;
-        block-size: 0.875rem;
-        height: 0.875rem;
-        flex-shrink: 0;
-    }
-    .dock-hairline-extend-chip-label {
-        line-height: 1;
-    }
-    /* The hover lift — the dock-control register: the floating plate firms, the glyph
-       wakes. Rides the surface easing doctrine (§6). */
-    .dock-hairline-strip .dock-hairline-extend-chip:hover {
-        background: var(--dock-control-hover-bg, var(--glass-bg-resting));
-        color: var(--dock-fg-on-aurora, var(--foreground));
-    }
-    /* The ACTIVE chip — the selected facet reads as a glass tier ABOVE the rest fill
-       (the "selected reads as glass" register, the SAME tier `--dock-control-active-bg`
-       uses — NOT a saturated brand hue, per W-REGISTER-IOS). The glyph + label firm to
-       the full warm-ink. */
-    .dock-hairline-strip .dock-hairline-extend-chip.is-active {
-        background: var(--dock-control-active-bg, var(--glass-bg-floating));
-        color: var(--dock-fg-on-aurora, var(--foreground));
-        box-shadow:
-            var(--glass-edge-light),
-            var(--glass-specular),
-            0 0 0 1px color-mix(in srgb, var(--foreground) 12%, transparent),
-            0 3px 8px -2px color-mix(in srgb, var(--shadow-color) 28%, transparent);
-    }
-    .dark .dock-hairline-strip .dock-hairline-extend-chip.is-active {
-        box-shadow:
-            var(--glass-edge-light-dark),
-            var(--glass-specular-dark),
-            0 0 0 1px color-mix(in srgb, var(--foreground) 18%, transparent),
-            0 3px 8px -2px color-mix(in srgb, var(--shadow-color) 36%, transparent);
-    }
-}

package/dist/useCanvas2D-ClrQuZtp.js

@@ -1,96 +0,0 @@
-import { getCurrentScope as e, onScopeDispose as t, toValue as n } from "vue";
-//#region src/composables/glass/canvas2d/useCanvas2D.ts
-var r = "200px";
-function i(i) {
-	let { setup: a, autoStart: o = !0, contextAttrs: s, rootMargin: c = r } = i, l = i.respectReducedMotion ?? !0, u = () => n(i.canvas), d = /* @__PURE__ */ new Set(), f = () => d.size === 0, p = 0, m = null, h = null, g = !1, _ = !1, v = typeof window < "u", y = typeof document < "u", b = l && v && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)") : null, x = b?.matches ?? !1;
-	function S() {
-		if (!f() || !h || !m) {
-			p = 0;
-			return;
-		}
-		h.render(m, v ? performance.now() : 0), p = x ? 0 : requestAnimationFrame(S);
-	}
-	function C() {
-		g && f() && !p && h && m && (p = requestAnimationFrame(S));
-	}
-	function w() {
-		g && h && m && h.render(m, v ? performance.now() : 0);
-	}
-	function T() {
-		let e = b?.matches ?? !1;
-		e !== x && (x = e, C());
-	}
-	b?.addEventListener("change", T);
-	function E(e = "manual") {
-		let t = f();
-		d.add(e), t && !f() && (cancelAnimationFrame(p), p = 0);
-	}
-	function D(e = "manual") {
-		let t = !f();
-		d.delete(e), t && f() && g && h && (x ? w() : C());
-	}
-	function O() {
-		document.hidden ? E("tab-hidden") : D("tab-hidden");
-	}
-	y && document.addEventListener("visibilitychange", O), y && document.hidden && d.add("tab-hidden");
-	let k = null;
-	function A(e) {
-		e.skipped ? E("off-screen") : D("off-screen");
-	}
-	function j(e) {
-		if (k) return;
-		let t = e.parentElement;
-		t && (k = t, t.addEventListener("contentvisibilityautostatechange", A));
-	}
-	function M() {
-		k?.removeEventListener("contentvisibilityautostatechange", A), k = null;
-	}
-	let N = null;
-	function P(e) {
-		N || typeof IntersectionObserver > "u" || (N = new IntersectionObserver((e) => {
-			for (let t of e) t.isIntersecting || t.intersectionRatio > 0 ? D("off-screen") : E("off-screen");
-		}, { rootMargin: c }), N.observe(e));
-	}
-	let F = null, I = !1;
-	function L(e) {
-		if (!m) return;
-		let t = e.clientWidth || e.offsetWidth || 0, n = e.clientHeight || e.offsetHeight || 0;
-		if (!t || !n) return;
-		let r = Math.min(v && window.devicePixelRatio || 1, 2);
-		e.width = Math.round(t * r), e.height = Math.round(n * r), m.setTransform(r, 0, 0, r, 0, 0), !I && !p && w();
-	}
-	function R(e) {
-		F || typeof ResizeObserver > "u" || (F = new ResizeObserver(() => {
-			let e = u();
-			e && L(e);
-		}), F.observe(e));
-	}
-	function z() {
-		if (g || _) return;
-		let e = u();
-		if (!e) return;
-		let t = e.getContext("2d", s);
-		if (!t) throw Error("[useCanvas2D] 2D context unavailable");
-		m = t, h = a(m), g = !0, R(e), j(e), P(e), I = !0, L(e), I = !1, x ? w() : f() && (p = requestAnimationFrame(S));
-	}
-	function B() {
-		_ || (_ = !0, cancelAnimationFrame(p), p = 0, y && document.removeEventListener("visibilitychange", O), b?.removeEventListener("change", T), M(), N?.disconnect(), N = null, F?.disconnect(), F = null, h?.teardown?.(), h = null, m = null, d.clear());
-	}
-	return o && z(), e() && t(B), {
-		arm: z,
-		suspend: E,
-		resume: D,
-		wake: C,
-		dispose: B,
-		isRunning: f,
-		get ctx() {
-			return m;
-		},
-		get reducedMotion() {
-			return x;
-		}
-	};
-}
-var a = i;
-//#endregion
-export { a as n, i as t };