@mkbabb/glass-ui 5.0.0 → 6.0.0

package/README.md

@@ -24,7 +24,7 @@ import { Input, Textarea, Combobox } from "@mkbabb/glass-ui/forms";
 import { GlassDock, DockLayerGroup, DockLayer } from "@mkbabb/glass-ui/dock";
 import { DarkModeToggle } from "@mkbabb/glass-ui/controls";
 import { Configurator, useConfiguratorState } from "@mkbabb/glass-ui/configurator";
-import { HoverPopover } from "@mkbabb/glass-ui/hover-popover";
+import { Popover, PopoverTrigger, PopoverContent } from "@mkbabb/glass-ui/popover";
 
 // public types + constants live on their OWNING subpath (the 5.0.0 export reshape
 // dropped the `/api` discovery layer — every symbol re-homes to its family subpath)
@@ -35,11 +35,12 @@ import { DEFAULT_AURORA_CONFIG, MAX_NUCLEI } from "@mkbabb/glass-ui/aurora";
 ```
 
 ```vue
-<HoverPopover :hover-open-delay="120" content="Quicker reveal for chassis dock labels">
-    <DockIconButton :icon="Settings" />
-</HoverPopover>
-
-<Button variant="primary-audacious" size="lg">Run audit</Button>
+<Popover trigger="hover" :open-delay="120">
+    <PopoverTrigger as-child>
+        <Button variant="primary-audacious" size="lg">Run audit</Button>
+    </PopoverTrigger>
+    <PopoverContent role="card">Quicker reveal for chassis actions</PopoverContent>
+</Popover>
 ```
 
 ```css
@@ -60,8 +61,8 @@ import { DEFAULT_AURORA_CONFIG, MAX_NUCLEI } from "@mkbabb/glass-ui/aurora";
 
 ## Documentation
 
-The authoritative canon lives under [`docs/canon/`](./docs/canon/) (regenerated /
-gate-locked homes), with the consumer-facing migration path in [`MIGRATION.md`](./MIGRATION.md):
+The authoritative canon lives under [`docs/canon/`](./docs/canon/), with the
+consumer-facing migration path in [`MIGRATION.md`](./MIGRATION.md):
 
 - [`docs/canon/structure.md`](./docs/canon/structure.md) — the generated `src/` tree (the machine-truth source; never hand-maintained)
 - [`docs/canon/glass-system.md`](./docs/canon/glass-system.md) — the glass tier ladder + adaptive-legibility axes
@@ -77,7 +78,7 @@ gate-locked homes), with the consumer-facing migration path in [`MIGRATION.md`](
 npm run dev             # storybook demo (multi-page, dock + carousel navigation)
 npm run build           # library → dist/glass-ui.js + glass-ui.css + index.d.ts + per-subpath chunks
 npm run typecheck       # vue-tsc --noEmit
-npm run profile:budget  # bundle-budget gate (--enforce in CI)
+npm run profile:bundle  # inspect the built bundle
 ```
 
 ## Storybook
@@ -86,26 +87,25 @@ npm run profile:budget  # bundle-budget gate (--enforce in CI)
 
 ## Structure
 
-The `src/` tree is machine-generated into [`docs/canon/structure.md`](./docs/canon/structure.md) (regenerated by `npm run gen:structure`, gate-locked by `proof:claude-structure-sync`). At a glance:
+The `src/` tree is machine-generated into [`docs/canon/structure.md`](./docs/canon/structure.md) by `npm run gen:structure`. At a glance:
 
 ```
 src/
-├── index.ts          # vueuse-FREE curated root barrel
-├── api/              # (removed at 5.0.0 — types re-home to their owning subpath)
-├── components/
-│   ├── ui/           # shadcn-vue / reka-ui base component packages + _shared
-│   └── custom/       # custom composite packages (each a colocated feature dir)
-├── composables/      # public composables across coherent sub-trees
-│   │                 # (motion/ glass/ dark/ keyboard/ sortable/ sidebar/ dom/
-│   │                 #  reactive/ color/ virtual/ …)
-├── subpaths/         # trivial one-line per-package subpath mirror barrels
-├── styles/           # token cascade + glass ladder + component recipes
-└── utils/            # cn() + shared prng leaf
+├── index.ts          # curated root barrel
+├── forms.ts          # input-family entry
+├── components/       # flat, owner-colocated component families + _shared
+├── composables/      # shared composable families
+├── styles/           # global tokens, glass substrate, and utilities
+├── fonts/            # packaged font assets
+└── html-attributes.d.ts
 ```
 
 ## Subpath imports
 
-Beyond the vueuse-FREE root barrel, the library ships a large set of flat per-package JS subpaths (one `dist/<name>.js` chunk per subpath, each tree-shaking independently) plus the CSS/font bundle entries. The exact subpath count is machine-truth, not prose: **`proof:subpath-enumeration`** is the source of truth (it re-derives the count from `package.json` exports ↔ `dist/` chunks ↔ the `libraryEntries` map, so a hardcoded figure here would only drift). See `package.json` `exports` for the full map; resolution is verified at every release by `scripts/release.sh`'s synthetic-consumer probe.
+Beyond the vueuse-free root barrel, the library ships flat, independently
+tree-shakable JS subpaths plus CSS and font entries. The semantic entry graph in
+`scripts/lib/subpath-policy.mjs` feeds the build and generated `package.json`
+exports; `scripts/verify-export-types.mjs` checks the emitted declaration paths.
 
 ```ts
 // vueuse-bearing subpaths (the SCC-trap closure — the root barrel does not
@@ -120,13 +120,16 @@ import { GlassDock, DockLayerGroup, DockLayer } from "@mkbabb/glass-ui/dock";
 import { DarkModeToggle } from "@mkbabb/glass-ui/controls";
 import { Aurora, useAurora } from "@mkbabb/glass-ui/aurora";
 import { Configurator, useConfiguratorState } from "@mkbabb/glass-ui/configurator";
-import { HoverPopover } from "@mkbabb/glass-ui/hover-popover";
-import { InstrumentChassis, RegionDivider } from "@mkbabb/glass-ui/instrument-chassis";
-import { Sidebar } from "@mkbabb/glass-ui/sidebar";
-import { ScrollingText } from "@mkbabb/glass-ui/scrolling-text";
+import { Popover, PopoverTrigger, PopoverContent } from "@mkbabb/glass-ui/popover";
+import { InstrumentChassis, ChassisDivider } from "@mkbabb/glass-ui/instrument-chassis";
+import { useSidebarState } from "@mkbabb/glass-ui/sidebar";
 ```
 
-The v0.9.x nested subpaths `@mkbabb/glass-ui/composables/dark` + `.../composables/keyboard` were flattened to `/dark` + `/keyboard` at v1.0, and the demo-only `@mkbabb/glass-ui/pagination` subpath was retired (zero production consumers). The `@mkbabb/glass-ui/virtual` subpath is LIVE at 5.0.0 — retired at v1.0, it RETURNED at BC (the windowing engine's homecoming) and ships OFF the root barrel; see `docs/consumer-evidence/use-virtual-section-window.md` for its honest consumer status. The 5.0.0 export reshape dropped the pure-types `/api` discovery layer (a clean break; every symbol re-homes to its owning family subpath). See `MIGRATION.md` for the full per-symbol re-home table.
+The v0.9.x nested subpaths `@mkbabb/glass-ui/composables/dark` and
+`.../composables/keyboard` were flattened to `/dark` and `/keyboard` at v1.0.
+The demo-only `/pagination` and `/virtual` subpaths are retired. The 5.0.0 export
+reshape also dropped the pure-types `/api` discovery layer; see `MIGRATION.md`
+for the owning-family re-home table.
 
 ## Glass Token System
 

package/dist/DropdownMenuTrigger-BzQtd9lt.js

@@ -0,0 +1,65 @@
+import { computed as e, createBlock as t, defineComponent as n, inject as r, isRef as i, mergeProps as a, openBlock as o, provide as s, renderSlot as c, resolveDynamicComponent as l, unref as u, withCtx as d } from "vue";
+import { ContextMenuCheckboxItem as f, ContextMenuContent as p, ContextMenuGroup as m, ContextMenuItem as h, ContextMenuItemIndicator as g, ContextMenuLabel as _, ContextMenuPortal as v, ContextMenuRadioGroup as y, ContextMenuRadioItem as b, ContextMenuRoot as x, ContextMenuSeparator as S, ContextMenuSub as C, ContextMenuSubContent as w, ContextMenuSubTrigger as T, ContextMenuTrigger as E, DropdownMenuCheckboxItem as D, DropdownMenuContent as O, DropdownMenuGroup as k, DropdownMenuItem as A, DropdownMenuItemIndicator as j, DropdownMenuLabel as M, DropdownMenuPortal as N, DropdownMenuRadioGroup as P, DropdownMenuRadioItem as F, DropdownMenuRoot as I, DropdownMenuSeparator as L, DropdownMenuSub as R, DropdownMenuSubContent as z, DropdownMenuSubTrigger as B, DropdownMenuTrigger as V, injectDropdownMenuRootContext as H, useForwardProps as U } from "reka-ui";
+//#region src/components/dropdown-menu/useMenuTrigger.ts
+var W = Symbol("glass-menu-trigger");
+function G(e) {
+	s(W, e);
+}
+var K = e(() => "click");
+function q() {
+	return r(W, K);
+}
+var J = {
+	Root: [I, x],
+	Trigger: [V, E],
+	Portal: [N, v],
+	Content: [O, p],
+	Item: [A, h],
+	CheckboxItem: [D, f],
+	RadioItem: [F, b],
+	RadioGroup: [P, y],
+	Group: [k, m],
+	Separator: [L, S],
+	Label: [M, _],
+	Sub: [R, C],
+	SubTrigger: [B, T],
+	SubContent: [z, w],
+	ItemIndicator: [j, g]
+};
+function Y(t) {
+	let n = q();
+	return e(() => J[t][+(n.value === "context")]);
+}
+//#endregion
+//#region src/components/dropdown-menu/DropdownMenuTrigger.vue
+var X = /* @__PURE__ */ n({
+	__name: "DropdownMenuTrigger",
+	props: {
+		disabled: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		action: { default: "click" }
+	},
+	setup(n) {
+		let r = n, s = U(e(() => {
+			let { action: e, ...t } = r;
+			return t;
+		})), f = q(), p = Y("Trigger"), m = H(null), h = !1;
+		function g(e) {
+			r.action !== "pointerdown" || f.value !== "click" || !m || r.disabled || e.button !== 0 || e.ctrlKey || (h = !0, m.onOpenToggle(), m.open.value && e.preventDefault());
+		}
+		function _(e) {
+			h && (h = !1, e.detail !== 0 && (e.preventDefault(), e.stopImmediatePropagation()));
+		}
+		return (e, n) => (o(), t(l(u(p)), a({ class: "outline-none" }, u(s), {
+			onPointerdownCapture: g,
+			onPointercancelCapture: n[0] ||= (e) => i(h) ? h.value = !1 : h = !1,
+			onClickCapture: _
+		}), {
+			default: d(() => [c(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+});
+//#endregion
+export { q as i, G as n, Y as r, X as t };

package/dist/{FadingScroll-BSRLqQCx.js → FadingScroll-C1ZWEjmG.js}

@@ -1,33 +1,33 @@
-import { t as e } from "./useResizeObserver-DDuoBeBo.js";
-import { t } from "./supportsCssTimeline-Ie4xJFbD.js";
-import { createElementBlock as n, defineComponent as r, normalizeClass as i, onBeforeUnmount as a, onMounted as o, openBlock as s, ref as c, renderSlot as l, unref as u } from "vue";
+import { t as e } from "./useResizeObserver-BcUTquV7.js";
+import { t } from "./supportsCssTimeline-Dz-GVxXM.js";
+import { createElementBlock as n, defineComponent as r, normalizeClass as i, onBeforeUnmount as a, onMounted as o, openBlock as s, ref as c, renderSlot as l, toRef as u, unref as d, watch as f } from "vue";
 //#region src/components/fading-scroll/constants.ts
-var d = t();
+var p = t();
 //#endregion
 //#region src/components/fading-scroll/composables/useFadingScroll.ts
-function f(t, n = {}) {
-	let { axis: r = "x", fadeStart: i = !0, fadeEnd: s = !0 } = n, l = c(!d), f = 0, p = null;
+function m(t, n = {}) {
+	let { axis: r = "x", fadeStart: i = !0, fadeEnd: s = !0 } = n, l = c(!p), u = 0, f = null;
 	function m(e, n) {
-		let r = u(t);
+		let r = d(t);
 		r && (r.style.setProperty("--fade-start", e ? "var(--fade-scroll-width)" : "0px"), r.style.setProperty("--fade-end", n ? "var(--fade-scroll-width)" : "0px"));
 	}
 	function h() {
-		let e = u(t);
+		let e = d(t);
 		if (!e) return;
-		let n = r === "x" ? e.scrollLeft : e.scrollTop, a = r === "x" ? e.scrollWidth - e.clientWidth : e.scrollHeight - e.clientHeight, o = n <= 12, c = n >= a - 12;
-		m(i && !o, s && !c);
+		let n = d(r) === "x", a = n ? e.scrollLeft : e.scrollTop, o = n ? e.scrollWidth - e.clientWidth : e.scrollHeight - e.clientHeight, c = a <= 12, l = a >= o - 12;
+		m(d(i) && !c, d(s) && !l);
 	}
 	function g() {
-		f ||= requestAnimationFrame(() => {
-			f = 0, h();
+		u ||= requestAnimationFrame(() => {
+			u = 0, h();
 		});
 	}
 	function _() {
-		let n = u(t);
-		n && (n.addEventListener("scroll", g, { passive: !0 }), p = e(t, h).stop, h());
+		let n = d(t);
+		n && (n.addEventListener("scroll", g, { passive: !0 }), f = e(t, h).stop, h());
 	}
 	function v() {
-		u(t)?.removeEventListener("scroll", g), p?.(), p = null, f &&= (cancelAnimationFrame(f), 0);
+		d(t)?.removeEventListener("scroll", g), f?.(), f = null, u &&= (cancelAnimationFrame(u), 0);
 	}
 	return o(() => {
 		l.value && _();
@@ -39,11 +39,11 @@ function f(t, n = {}) {
 }
 //#endregion
 //#region src/components/fading-scroll/FadingScroll.vue?vue&type=script&setup=true&lang.ts
-var p = [
+var h = [
 	"data-fade-axis",
 	"data-fade-start",
 	"data-fade-end"
-], m = /* @__PURE__ */ r({
+], g = /* @__PURE__ */ r({
 	__name: "FadingScroll",
 	props: {
 		axis: { default: "x" },
@@ -58,19 +58,26 @@ var p = [
 	},
 	setup(e) {
 		let t = e, r = c(null);
-		return f(r, {
-			axis: t.axis,
-			fadeStart: t.fadeStart,
-			fadeEnd: t.fadeEnd
-		}), (t, a) => (s(), n("div", {
+		return f(() => [
+			t.axis,
+			t.fadeStart,
+			t.fadeEnd
+		], m(r, {
+			axis: u(t, "axis"),
+			fadeStart: u(t, "fadeStart"),
+			fadeEnd: u(t, "fadeEnd")
+		}).measure), (t, a) => (s(), n("div", {
 			ref_key: "rootRef",
 			ref: r,
 			class: i(["fading-scroll", e.axis === "y" ? "fading-scroll--y" : "fading-scroll--x"]),
 			"data-fade-axis": e.axis,
 			"data-fade-start": e.fadeStart ? "" : void 0,
-			"data-fade-end": e.fadeEnd ? "" : void 0
-		}, [l(t.$slots, "default")], 10, p));
+			"data-fade-end": e.fadeEnd ? "" : void 0,
+			role: "region",
+			"aria-label": "Scrollable content",
+			tabindex: "0"
+		}, [l(t.$slots, "default")], 10, h));
 	}
 });
 //#endregion
-export { f as n, m as t };
+export { m as n, g as t };

package/dist/{Input-DKf-XwUM.js → Input-B4WQ_CMc.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./class-names-5jotTFzp.js";
-import { t } from "./useControlSize-DJwe-7ZQ.js";
+import { t } from "./useControlSize-CFfOk8I-.js";
 import { computed as n, createElementBlock as r, defineComponent as i, isRef as a, mergeProps as o, openBlock as s, unref as c, vModelDynamic as l, withDirectives as u } from "vue";
 import { useVModel as d } from "@vueuse/core";
 //#endregion

package/dist/{PagerDots-BP6jh7z4.js → PagerDots-BoTQ7g5l.js}

@@ -1,11 +1,11 @@
 import { t as e } from "./class-names-5jotTFzp.js";
 import { t } from "./useLiquidFlex-Ch4exNvN.js";
 import { t as n } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { t as r } from "./useResizeObserver-DDuoBeBo.js";
-import { t as i } from "./useLeadTrail-DOH4XkL1.js";
-import { Fragment as a, computed as o, createElementBlock as s, createElementVNode as c, defineComponent as l, mergeModels as u, nextTick as d, normalizeClass as f, onMounted as p, openBlock as m, ref as h, renderList as g, unref as _, useModel as v, watch as y } from "vue";
+import { t as r } from "./useResizeObserver-BcUTquV7.js";
+import { t as i } from "./useLeadTrail-BYu8dq4G.js";
+import { Fragment as a, computed as o, createElementBlock as s, createElementVNode as c, defineComponent as l, mergeModels as u, nextTick as d, normalizeClass as f, normalizeStyle as p, onMounted as m, openBlock as h, ref as g, renderList as _, unref as v, useId as y, useModel as b, watch as x } from "vue";
 //#region src/components/pager-dots/pagerWindow.ts
-function b(e, t, n) {
+function S(e, t, n) {
 	let r = Math.max(1, Math.min(n, e)), i = e <= r ? 0 : Math.max(0, Math.min(t - Math.floor(r / 2), e - r)), a = Math.min(r, e), o = Array.from({ length: a }, (e, t) => i + t);
 	return {
 		shown: o,
@@ -13,10 +13,10 @@ function b(e, t, n) {
 		clippedEnd: o.length > 0 && o[o.length - 1] < e - 1
 	};
 }
-var x = .7;
+var C = .7;
 //#endregion
 //#region src/components/pager-dots/composables/usePagerWorm.ts
-function S(e, t, n) {
+function w(e, t, n) {
 	if (!e) return n;
 	let r = getComputedStyle(e).getPropertyValue(t).trim();
 	if (!r) return n;
@@ -26,13 +26,13 @@ function S(e, t, n) {
 	}
 	return parseFloat(r) || n;
 }
-function C(e) {
-	let { rootEl: n, wormLayerEl: a, bodyAEl: o, bodyBEl: s, neckEl: c, bedDotEls: l, shown: u, vertical: f, active: m } = e, h = t({
+function T(e) {
+	let { rootEl: n, wormLayerEl: a, bodyAEl: o, bodyBEl: s, neckEl: c, bedDotEls: l, shown: u, vertical: f, active: p } = e, h = t({
 		from: 0,
 		to: 0,
 		axis: "width",
 		squishLaw: "linear",
-		maxStretch: () => S(n.value, "--pager-worm-max-stretch", 1.2) || 1.2
+		maxStretch: () => w(n.value, "--pager-worm-max-stretch", 1.2) || 1.2
 	});
 	function g(e) {
 		let t = a.value;
@@ -50,46 +50,46 @@ function C(e) {
 	function _(e) {
 		let t = o.value, r = s.value, i = c.value, l = a.value;
 		if (!t || !r || !i || !l) return;
-		let u = f.value, d = S(n.value, "--pager-dot-size", 13), p = S(n.value, "--pager-dot-elongated", 36), m = e.hi - e.lo;
+		let u = f.value, d = w(n.value, "--pager-dot-size", 13), p = w(n.value, "--pager-dot-elongated", 36), m = e.hi - e.lo;
 		m > p && (m = p);
 		let g = (e.lo + e.hi) / 2, _ = g - m / 2, y = g + m / 2;
 		h.squish(p > 0 ? m / p : 0), l.style.setProperty("--stretch", h.stretch.value.toFixed(4)), t.style.translate = v(_, u), r.style.translate = v(y, u);
 		let b = d > 0 ? Math.max(m / d, 1e-4) : 1e-4;
-		i.style.translate = v(g, u), i.style.scale = u ? `${x.toFixed(4)} ${b.toFixed(4)}` : `${b.toFixed(4)} ${x.toFixed(4)}`, i.style.opacity = m > .5 ? "1" : "0";
+		i.style.translate = v(g, u), i.style.scale = u ? `${C.toFixed(4)} ${b.toFixed(4)}` : `${b.toFixed(4)} ${C.toFixed(4)}`, i.style.opacity = m > .5 ? "1" : "0";
 	}
 	function v(e, t) {
 		return t ? `0 ${e.toFixed(2)}px` : `${e.toFixed(2)}px 0`;
 	}
-	let b = i({ onFrame: _ });
-	function C() {
-		let e = g(m.value);
-		e != null && b.seat(e);
+	let y = i({ onFrame: _ });
+	function b() {
+		let e = g(p.value);
+		e != null && y.seat(e);
 	}
-	function w() {
-		let e = g(m.value);
-		e != null && b.drive(e);
+	function S() {
+		let e = g(p.value);
+		e != null && y.drive(e);
 	}
-	y(m, () => {
-		d(w);
-	}), y(u, () => {
-		d(w);
+	x(p, () => {
+		d(S);
+	}), x(u, () => {
+		d(S);
 	}), r(n, () => {
-		d(C);
-	}), p(() => {
-		d(C);
+		d(b);
+	}), m(() => {
+		d(b);
 	});
 }
 //#endregion
 //#region src/components/pager-dots/PagerDots.vue?vue&type=script&setup=true&lang.ts
-var w = [
+var E = [
 	"role",
 	"aria-label",
 	"aria-orientation",
 	"data-orientation"
-], T = {
+], D = {
 	class: "pager-bed-layer",
 	"aria-hidden": "true"
-}, E = ["data-active", "data-edge"], D = [
+}, O = ["data-active", "data-edge"], k = [
 	"role",
 	"aria-selected",
 	"aria-current",
@@ -98,7 +98,7 @@ var w = [
 	"data-active",
 	"data-edge",
 	"onClick"
-], O = /* @__PURE__ */ n(/* @__PURE__ */ l({
+], A = /* @__PURE__ */ n(/* @__PURE__ */ l({
 	__name: "PagerDots",
 	props: /* @__PURE__ */ u({
 		count: {},
@@ -123,81 +123,81 @@ var w = [
 	}),
 	emits: /* @__PURE__ */ u(["select"], ["update:active"]),
 	setup(t, { emit: n }) {
-		let r = t, i = n, l = v(t, "active"), u = h(null), p = h(null), x = h(null), S = h(null), O = h(null), k = /* @__PURE__ */ new Map();
-		function A(e, t) {
-			t ? k.set(e, t) : k.delete(e);
+		let r = t, i = n, l = b(t, "active"), u = y().replace(/[^a-zA-Z0-9_-]/g, ""), m = `pager-worm-filter-${u}`, C = `pager-neck-clip-${u}`, w = g(null), A = g(null), j = g(null), M = g(null), N = g(null), P = /* @__PURE__ */ new Map();
+		function F(e, t) {
+			t ? P.set(e, t) : P.delete(e);
 		}
-		let j = /* @__PURE__ */ new Map();
-		function M(e, t) {
-			t ? j.set(e, t) : j.delete(e);
+		let I = /* @__PURE__ */ new Map();
+		function L(e, t) {
+			t ? I.set(e, t) : I.delete(e);
 		}
-		let N = o(() => r.orientation === "vertical"), P = o(() => r.windowFit && r.windowFit > 0 ? b(r.count, l.value, r.windowFit) : {
+		let R = o(() => r.orientation === "vertical"), z = o(() => r.windowFit && r.windowFit > 0 ? S(r.count, l.value, r.windowFit) : {
 			shown: Array.from({ length: Math.max(0, r.count) }, (e, t) => t),
 			clippedStart: !1,
 			clippedEnd: !1
-		}), F = o(() => P.value.shown);
-		C({
-			rootEl: u,
-			wormLayerEl: p,
-			bodyAEl: x,
-			bodyBEl: S,
-			neckEl: O,
-			bedDotEls: j,
-			shown: F,
-			vertical: N,
+		}), B = o(() => z.value.shown);
+		T({
+			rootEl: w,
+			wormLayerEl: A,
+			bodyAEl: j,
+			bodyBEl: M,
+			neckEl: N,
+			bedDotEls: I,
+			shown: B,
+			vertical: R,
 			active: l
-		}), y(F, (e) => {
-			let t = u.value;
+		}), x(B, (e) => {
+			let t = w.value;
 			if (!t || !t.contains(document.activeElement)) return;
 			let n = document.activeElement;
-			e.some((e) => k.get(e) === n) || d(() => k.get(l.value)?.focus());
+			e.some((e) => P.get(e) === n) || d(() => P.get(l.value)?.focus());
 		});
-		function I(e) {
+		function V(e) {
 			l.value = e, i("select", e);
 		}
-		let L = o(() => {
-			let e = F.value;
+		let H = o(() => {
+			let e = B.value;
 			return e.length === 0 ? -1 : e.includes(l.value) ? l.value : e[0];
 		});
-		function R(e) {
-			return e === L.value ? 0 : -1;
+		function U(e) {
+			return e === H.value ? 0 : -1;
 		}
-		function z(e) {
-			I(e), d(() => k.get(e)?.focus());
+		function W(e) {
+			V(e), d(() => P.get(e)?.focus());
 		}
-		function B(e, t) {
+		function G(e, t) {
 			let n = r.count;
 			if (n !== 0) for (let r = 1; r <= n; r++) {
 				let i = (e + t * r + n * r) % n;
-				if (!k.get(i)?.disabled) {
-					z(i);
+				if (!P.get(i)?.disabled) {
+					W(i);
 					return;
 				}
 			}
 		}
-		function V(e) {
+		function K(e) {
 			let t = r.count;
 			if (t === 0) return;
 			let n = e === "first" ? Array.from({ length: t }, (e, t) => t) : Array.from({ length: t }, (e, n) => t - 1 - n);
-			for (let e of n) if (!k.get(e)?.disabled) {
-				z(e);
+			for (let e of n) if (!P.get(e)?.disabled) {
+				W(e);
 				return;
 			}
 		}
-		function H(e) {
-			let t = l.value, n = N.value ? "ArrowDown" : "ArrowRight", r = N.value ? "ArrowUp" : "ArrowLeft", i = !0;
+		function q(e) {
+			let t = l.value, n = R.value ? "ArrowDown" : "ArrowRight", r = R.value ? "ArrowUp" : "ArrowLeft", i = !0;
 			switch (e.key) {
 				case n:
-					B(t, 1);
+					G(t, 1);
 					break;
 				case r:
-					B(t, -1);
+					G(t, -1);
 					break;
 				case "Home":
-					V("first");
+					K("first");
 					break;
 				case "End":
-					V("last");
+					K("last");
 					break;
 				default:
 					i = !1;
@@ -205,75 +205,103 @@ var w = [
 			}
 			i && (e.preventDefault(), e.stopPropagation());
 		}
-		return (n, i) => (m(), s("div", {
+		return (n, i) => (h(), s("div", {
 			ref_key: "rootEl",
-			ref: u,
+			ref: w,
 			"data-slot": "pager-dots",
 			role: t.pattern === "group" ? "group" : "tablist",
 			"aria-label": t.ariaLabel,
 			"aria-orientation": t.pattern === "group" ? void 0 : t.orientation,
 			"data-orientation": t.orientation,
-			onKeydown: H,
-			class: f(_(e)("pager-dots inline-flex items-center justify-center gap-1.5", t.ring && "glass-pager-ring", t.orientation === "vertical" && "flex-col", r.class))
+			style: p({
+				"--pager-goo-filter": `url(#${m})`,
+				"--pager-neck-clip": `url(#${C})`
+			}),
+			onKeydown: q,
+			class: f(v(e)("pager-dots inline-flex items-center justify-center gap-1.5", t.ring && "glass-pager-ring", t.orientation === "vertical" && "flex-col", r.class))
 		}, [
-			i[0] ||= c("svg", {
+			c("svg", {
 				class: "pager-worm-defs",
-				width: "0",
-				height: "0",
+				width: "1",
+				height: "1",
 				"aria-hidden": "true",
 				focusable: "false"
-			}, [c("defs", null, [c("clipPath", {
-				id: "pager-neck-throat",
+			}, [c("defs", null, [c("filter", {
+				id: m,
+				"color-interpolation-filters": "sRGB",
+				x: "-50%",
+				y: "-50%",
+				width: "200%",
+				height: "200%"
+			}, [...i[0] ||= [
+				c("feGaussianBlur", {
+					in: "SourceGraphic",
+					stdDeviation: "4",
+					result: "blur"
+				}, null, -1),
+				c("feColorMatrix", {
+					in: "blur",
+					mode: "matrix",
+					values: "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -6",
+					result: "goo"
+				}, null, -1),
+				c("feComposite", {
+					in: "SourceGraphic",
+					in2: "goo",
+					operator: "atop"
+				}, null, -1)
+			]]), c("clipPath", {
+				id: C,
 				clipPathUnits: "objectBoundingBox"
-			}, [c("path", { d: "M0,0 C0.25,0 0.36,0.34 0.5,0.34 C0.64,0.34 0.75,0 1,0 L1,1 C0.75,1 0.64,0.66 0.5,0.66 C0.36,0.66 0.25,1 0,1 Z" })])])], -1),
-			c("div", T, [(m(!0), s(a, null, g(F.value, (e) => (m(), s("span", {
+			}, [...i[1] ||= [c("path", { d: "M0,0 C0.25,0 0.36,0.34 0.5,0.34 C0.64,0.34 0.75,0 1,0 L1,1 C0.75,1 0.64,0.66 0.5,0.66 C0.36,0.66 0.25,1 0,1 Z" }, null, -1)]])])]),
+			c("div", D, [(h(!0), s(a, null, _(B.value, (e) => (h(), s("span", {
 				key: e,
 				ref_for: !0,
-				ref: (t) => M(e, t),
+				ref: (t) => L(e, t),
 				class: "goo-dot",
 				"data-active": e === l.value ? "" : void 0,
-				"data-edge": e === F.value[0] && P.value.clippedStart || e === F.value[F.value.length - 1] && P.value.clippedEnd ? "" : void 0
-			}, null, 8, E))), 128))]),
+				"data-edge": e === B.value[0] && z.value.clippedStart || e === B.value[B.value.length - 1] && z.value.clippedEnd ? "" : void 0
+			}, null, 8, O))), 128))]),
 			c("div", {
 				ref_key: "wormLayerEl",
-				ref: p,
+				ref: A,
 				class: "pager-worm-layer",
 				"aria-hidden": "true"
 			}, [
 				c("span", {
 					ref_key: "bodyAEl",
-					ref: x,
+					ref: j,
 					class: "goo-body"
 				}, null, 512),
 				c("span", {
 					ref_key: "neckEl",
-					ref: O,
+					ref: N,
 					class: "goo-neck"
 				}, null, 512),
 				c("span", {
 					ref_key: "bodyBEl",
-					ref: S,
+					ref: M,
 					class: "goo-body"
 				}, null, 512)
 			], 512),
-			(m(!0), s(a, null, g(F.value, (e, n) => (m(), s("button", {
+			(h(!0), s(a, null, _(B.value, (e, n) => (h(), s("button", {
 				key: e,
 				ref_for: !0,
-				ref: (t) => A(e, t),
+				ref: (t) => F(e, t),
 				type: "button",
 				role: t.pattern === "group" ? void 0 : "tab",
 				"aria-selected": t.pattern === "group" ? void 0 : e === l.value,
 				"aria-current": t.pattern === "group" && e === l.value ? "true" : void 0,
 				"aria-label": `Go to slide ${e + 1}`,
-				tabindex: R(e),
+				tabindex: U(e),
 				"data-active": e === l.value ? "" : void 0,
-				"data-edge": n === 0 && P.value.clippedStart || n === F.value.length - 1 && P.value.clippedEnd ? "" : void 0,
+				"data-edge": n === 0 && z.value.clippedStart || n === B.value.length - 1 && z.value.clippedEnd ? "" : void 0,
 				"data-slot": "pager-dot",
 				class: "pager-dot focus-ring tap-squish",
-				onClick: (t) => I(e)
-			}, null, 8, D))), 128))
-		], 42, w));
+				onClick: (t) => V(e)
+			}, null, 8, k))), 128))
+		], 46, E));
 	}
-}), [["__scopeId", "data-v-76ecc9b4"]]);
+}), [["__scopeId", "data-v-6b12735a"]]);
 //#endregion
-export { b as n, O as t };
+export { S as n, A as t };