@mkbabb/glass-ui 6.0.0 → 7.0.0

package/README.md

@@ -22,14 +22,14 @@ import { Input, Textarea, Combobox } from "@mkbabb/glass-ui/forms";
 
 // per-package subpaths — one component family per dist chunk
 import { GlassDock, DockLayerGroup, DockLayer } from "@mkbabb/glass-ui/dock";
-import { DarkModeToggle } from "@mkbabb/glass-ui/controls";
+import { DarkModeToggle } from "@mkbabb/glass-ui/dark-mode-toggle";
 import { Configurator, useConfiguratorState } from "@mkbabb/glass-ui/configurator";
 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)
 import type { AuroraConfig } from "@mkbabb/glass-ui/aurora";
-import type { ButtonVariants } from "@mkbabb/glass-ui/button";
+import type { ButtonEmphasis, ButtonProps } from "@mkbabb/glass-ui/button";
 import type { CardTier } from "@mkbabb/glass-ui/card";
 import { DEFAULT_AURORA_CONFIG, MAX_NUCLEI } from "@mkbabb/glass-ui/aurora";
 ```
@@ -37,9 +37,9 @@ import { DEFAULT_AURORA_CONFIG, MAX_NUCLEI } from "@mkbabb/glass-ui/aurora";
 ```vue
 <Popover trigger="hover" :open-delay="120">
     <PopoverTrigger as-child>
-        <Button variant="primary-audacious" size="lg">Run audit</Button>
+        <Button emphasis="primary" size="lg">Run audit</Button>
     </PopoverTrigger>
-    <PopoverContent role="card">Quicker reveal for chassis actions</PopoverContent>
+    <PopoverContent>Quicker reveal for chassis actions</PopoverContent>
 </Popover>
 ```
 
@@ -47,7 +47,8 @@ import { DEFAULT_AURORA_CONFIG, MAX_NUCLEI } from "@mkbabb/glass-ui/aurora";
 @import "tailwindcss";
 @import "tw-animate-css";
 @import "@mkbabb/glass-ui/styles";
-@source "../node_modules/@mkbabb/glass-ui/dist";   /* template-utility content-scan */
+@import "@mkbabb/glass-ui/styles/fonts";
+@source "../node_modules/@mkbabb/glass-ui/dist"; /* template-utility content-scan */
 @variant dark (&:where(.dark, .dark *));
 
 /* override tokens locally for your project */
@@ -59,6 +60,10 @@ import { DEFAULT_AURORA_CONFIG, MAX_NUCLEI } from "@mkbabb/glass-ui/aurora";
 }
 ```
 
+The optional `styles/fonts` entry carries the packaged Plus Jakarta Sans and
+Fira Code faces as self-contained WOFF2 data URLs. Consumers that need raw font
+files can address the same built assets through `@mkbabb/glass-ui/fonts/*`.
+
 ## Documentation
 
 The authoritative canon lives under [`docs/canon/`](./docs/canon/), with the
@@ -78,7 +83,7 @@ consumer-facing migration path in [`MIGRATION.md`](./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:bundle  # inspect the built bundle
+npm run profile:bundle  # inspect bundle sizes and exact value.js capability imports
 ```
 
 ## Storybook
@@ -87,7 +92,7 @@ npm run profile:bundle  # inspect the built bundle
 
 ## Structure
 
-The `src/` tree is machine-generated into [`docs/canon/structure.md`](./docs/canon/structure.md) by `npm run gen:structure`. At a glance:
+The source tree follows the concise ownership map in [`docs/canon/structure.md`](./docs/canon/structure.md):
 
 ```
 src/
@@ -117,11 +122,11 @@ import { Input, Textarea, Combobox } from "@mkbabb/glass-ui/forms";
 
 // per-package subpaths — substrate isolation
 import { GlassDock, DockLayerGroup, DockLayer } from "@mkbabb/glass-ui/dock";
-import { DarkModeToggle } from "@mkbabb/glass-ui/controls";
+import { DarkModeToggle } from "@mkbabb/glass-ui/dark-mode-toggle";
 import { Aurora, useAurora } from "@mkbabb/glass-ui/aurora";
 import { Configurator, useConfiguratorState } from "@mkbabb/glass-ui/configurator";
 import { Popover, PopoverTrigger, PopoverContent } from "@mkbabb/glass-ui/popover";
-import { InstrumentChassis, ChassisDivider } from "@mkbabb/glass-ui/instrument-chassis";
+import { InstrumentChassis } from "@mkbabb/glass-ui/instrument-chassis";
 import { useSidebarState } from "@mkbabb/glass-ui/sidebar";
 ```
 
@@ -135,15 +140,15 @@ for the owning-family re-home table.
 
 Five tiers with 1:1 alignment across opacity, blur, background, border, and shadow. Each tier defines `--glass-{opacity,blur,bg,border,shadow}-{tier}`; consumers override the primitives at `:root` to tune intensity. `--glass-level` (a typed inheriting `@property`) is the ONE opacity+blur knob — `level=1` is the hand-tuned ladder, `level=0` is the opaque escape.
 
-| Tier | Class | Use |
-|------|-------|-----|
-| Wash | `.glass-wash` | Dock backgrounds, input fills, hover overlays |
-| Quiet | `.glass-quiet` | Inline workspace chrome |
-| Resting | `.glass-resting` | Cards, content containers |
-| Floating | `.glass-floating` | Popovers, tooltips, dropdowns |
-| Overlay | `.glass-overlay` | Dialogs, command palette, modals |
+| Tier     | Class             | Use                                           |
+| -------- | ----------------- | --------------------------------------------- |
+| Wash     | `.glass-wash`     | Dock backgrounds, input fills, hover overlays |
+| Quiet    | `.glass-quiet`    | Inline workspace chrome                       |
+| Resting  | `.glass-resting`  | Cards, content containers                     |
+| Floating | `.glass-floating` | Popovers, tooltips, dropdowns                 |
+| Overlay  | `.glass-overlay`  | Dialogs, command palette, modals              |
 
-Convenience classes bundle a tier with a shape: `.glass-card` (resting + `--radius-card` + offset card shadow), `.glass-pill` (resting + pill radius + press feedback), `.glass-btn`. See [`docs/canon/glass-system.md`](./docs/canon/glass-system.md) for the adaptive-legibility axes (`--glass-tint-*`, `--glass-accent`, the dark transmissive-material arm).
+Convenience classes bundle a tier with a shape: `.glass-card` (resting + `--radius-card` + offset card shadow) and `.glass-pill` (resting + pill radius + press feedback). Commands use `<Button>` so geometry, semantics, focus, and press behavior retain one owner. See [`docs/canon/glass-system.md`](./docs/canon/glass-system.md) for the adaptive-legibility axes (`--glass-tint-*`, `--glass-accent`, the dark transmissive-material arm).
 
 ## Design Tokens
 
@@ -157,9 +162,9 @@ Type scale based on √φ ≈ 1.272 (modulated golden ratio); each step is φ^(n
 
 - TypeScript `strict:true`, `verbatimModuleSyntax:true`; `moduleResolution:bundler`, `target:ES2022`, `lib:ES2023`
 - `import type` for all type-only imports; named exports only, no defaults
-- shadcn-vue component pattern: reka-ui `Primitive` / `useForwardPropsEmits`, CVA for variants, `cn()` for class composition
+- reka-ui primitives for polymorphic/accessibility behavior; typed semantic props and owner-colocated CSS for component appearance
 - Color tokens are **complete `hsl()` colors** — `--primary: hsl(24 10% 10%)`, consumed directly as `var(--primary)`. NEVER `hsl(var(--token))` (double-wrapping is invalid and never paints); for an alpha derivative use `color-mix(in srgb, var(--token) N%, transparent)`
-- `cn()` is `clsx` + a hand-rolled conflict-bucket deduplicator (replaced `tailwind-merge` at v0.9.2 — a deliberate keep, not a gap to re-upgrade)
+- `cn()` normalizes Vue-compatible class values and applies a small conflict-bucket deduplicator
 
 See [`docs/canon/conventions.md`](./docs/canon/conventions.md) for the full set.
 
@@ -167,21 +172,18 @@ See [`docs/canon/conventions.md`](./docs/canon/conventions.md) for the full set.
 
 All runtime deps are peer — glass-ui declares them in `peerDependencies` and ships none in its own `dependencies` bundle, so the consumer's single Vue / Tailwind / reka-ui spine is reused rather than re-vendored.
 
-| Package | Role |
-|---------|------|
-| `vue` ^3.5 | Framework |
-| `reka-ui` ^2.0 | Headless UI primitives |
-| `@vueuse/core` ^14.0 | useDark, createGlobalState, useEventListener (optional peer) |
-| `tailwindcss` ^4.0 | Utility CSS |
-| `class-variance-authority` ^0.7 | Component variant definitions |
-| `clsx` ^2.0 | Conditional class joining (`cn()` ships its own deduplicator) |
-| `embla-carousel-vue` ^8.0 | Carousel substrate (optional peer) |
-| `@lucide/vue` ^1.16.0 | Icon set (the renamed v1 package; was `lucide-vue-next` pre-v1.0) |
-| `@mkbabb/keyframes.js` ^5.2.0 | Spring/keyframe runtime (optional peer) |
-| `@mkbabb/value.js` ^3.1.0 | Color/value normalization (optional peer) |
-| `@mkbabb/pencil-boil` ^0.4.1 | Hand-mark freehand core (optional peer) |
-| `perfect-freehand` ^1.2.3 | Variable-width stroke geometry (optional peer) |
-| `tw-animate-css` ^1.2.5 | `animate-in`/`animate-out` data-state utilities (optional peer) |
+| Package                         | Role                                                              |
+| ------------------------------- | ----------------------------------------------------------------- |
+| `vue` ^3.5                      | Framework                                                         |
+| `reka-ui` ^2.0                  | Headless UI primitives                                            |
+| `@vueuse/core` ^14.0            | useDark, createGlobalState, useEventListener (optional peer)      |
+| `tailwindcss` ^4.0              | Utility CSS                                                       |
+| `embla-carousel-vue` ^8.0       | Carousel substrate (optional peer)                                |
+| `@lucide/vue` ^1.16.0           | Icon set (the renamed v1 package; was `lucide-vue-next` pre-v1.0) |
+| `@mkbabb/keyframes.js` ^6.0.0   | Spring/keyframe runtime (optional peer)                           |
+| `@mkbabb/value.js` ^4.0.0       | Color and easing capabilities (optional peer)                     |
+| `@mkbabb/pencil-boil` ^0.9.2    | Hand-mark freehand core (optional peer)                           |
+| `tw-animate-css` ^1.2.5         | `animate-in`/`animate-out` data-state utilities (optional peer)   |
 
 `tw-animate-css` is required only for the animated overlay surfaces (Dialog / Sheet / Popover / DropdownMenu emit `animate-in`/`animate-out` data-state utilities); a Button-only consumer never needs it. See [`docs/canon/dependencies.md`](./docs/canon/dependencies.md).
 

package/dist/DropdownMenuTrigger-ClIq8RJE.js

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

package/dist/FeedbackMark-DZq5001h.js

@@ -0,0 +1,23 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { createElementBlock as t, defineComponent as n, openBlock as r } from "vue";
+//#region src/components/_shared/FeedbackMark.vue?vue&type=script&setup=true&lang.ts
+var i = ["data-state", "data-motion"], a = /*#__PURE__*/ e(/* @__PURE__ */ n({
+	__name: "FeedbackMark",
+	props: {
+		state: { default: "active" },
+		motion: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		return (n, a) => (r(), t("span", {
+			class: "feedback-mark",
+			"data-state": e.state,
+			"data-motion": e.motion && e.state === "active" ? "" : void 0,
+			"aria-hidden": "true"
+		}, null, 8, i));
+	}
+}), [["__scopeId", "data-v-d7e1d5a7"]]);
+//#endregion
+export { a as t };

package/dist/Input-9BlLluik.js

@@ -0,0 +1,77 @@
+import { t as e } from "./class-names-Cpy5eaBk.js";
+import { n as t } from "./field-control.css_vue_type_style_index_0_src_true_lang-CeLay9Tk.js";
+import { computed as n, createElementBlock as r, defineComponent as i, isRef as a, mergeProps as o, openBlock as s, unref as c, useAttrs as l, vModelDynamic as u, withDirectives as d } from "vue";
+import { useVModel as f } from "@vueuse/core";
+//#region src/components/input/Input.vue?vue&type=script&setup=true&lang.ts
+var p = [
+	"data-size",
+	"data-state",
+	"aria-invalid"
+], m = /* @__PURE__ */ i({
+	inheritAttrs: !1,
+	__name: "Input",
+	props: {
+		autocomplete: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		defaultValue: {},
+		disabled: { type: Boolean },
+		enterkeyhint: {},
+		form: {},
+		inputmode: {},
+		invalid: {
+			type: Boolean,
+			default: !1
+		},
+		maxlength: {},
+		minlength: {},
+		modelValue: {},
+		name: {},
+		pattern: {},
+		placeholder: {},
+		readonly: { type: Boolean },
+		required: { type: Boolean },
+		size: { default: "md" },
+		type: { default: "text" }
+	},
+	emits: ["update:modelValue"],
+	setup(i, { emit: m }) {
+		let h = i, g = m, { ariaInvalid: _, forwardedAttrs: v, state: y } = t(h, l()), b = f(h, "modelValue", g, {
+			passive: !0,
+			defaultValue: h.defaultValue
+		}), x = n(() => ({
+			autocomplete: h.autocomplete,
+			disabled: h.disabled,
+			enterkeyhint: h.enterkeyhint,
+			form: h.form,
+			inputmode: h.inputmode,
+			maxlength: h.maxlength,
+			minlength: h.minlength,
+			name: h.name,
+			pattern: h.pattern,
+			placeholder: h.placeholder,
+			readonly: h.readonly,
+			required: h.required,
+			type: h.type
+		}));
+		return (t, n) => d((s(), r("input", o({
+			...c(v),
+			...x.value
+		}, {
+			"onUpdate:modelValue": n[0] ||= (e) => a(b) ? b.value = e : null,
+			"data-slot": "input",
+			"data-kind": "input",
+			"data-size": i.size,
+			"data-state": c(y),
+			"aria-invalid": c(_),
+			class: c(e)("field-control glass-defined", h.class)
+		}), null, 16, p)), [[u, c(b)]]);
+	}
+});
+//#endregion
+export { m as t };

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

@@ -1,8 +1,8 @@
-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-BcUTquV7.js";
-import { t as i } from "./useLeadTrail-BYu8dq4G.js";
+import { t as e } from "./class-names-Cpy5eaBk.js";
+import { t } from "./useLiquidFlex-TJZmRqyY.js";
+import { t as n } from "./useResizeObserver-CdUlm2QZ.js";
+import { t as r } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as i } from "./useLeadTrail-AW1-zZcd.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 S(e, t, n) {
@@ -27,12 +27,12 @@ function w(e, t, n) {
 	return parseFloat(r) || n;
 }
 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({
+	let { rootEl: r, 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: () => w(n.value, "--pager-worm-max-stretch", 1.2) || 1.2
+		maxStretch: () => w(r.value, "--pager-worm-max-stretch", 1.2) || 1.2
 	});
 	function g(e) {
 		let t = a.value;
@@ -48,12 +48,12 @@ function T(e) {
 		return f.value ? i.top + i.height / 2 - r.top : i.left + i.width / 2 - r.left;
 	}
 	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 = w(n.value, "--pager-dot-size", 13), p = w(n.value, "--pager-dot-elongated", 36), m = e.hi - e.lo;
+		let t = o.value, n = s.value, i = c.value, l = a.value;
+		if (!t || !n || !i || !l) return;
+		let u = f.value, d = w(r.value, "--pager-dot-size", 13), p = w(r.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);
+		h.squish(p > 0 ? m / p : 0), l.style.setProperty("--stretch", h.stretch.value.toFixed(4)), t.style.translate = v(_, u), n.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 ? `${C.toFixed(4)} ${b.toFixed(4)}` : `${b.toFixed(4)} ${C.toFixed(4)}`, i.style.opacity = m > .5 ? "1" : "0";
 	}
@@ -73,7 +73,7 @@ function T(e) {
 		d(S);
 	}), x(u, () => {
 		d(S);
-	}), r(n, () => {
+	}), n(r, () => {
 		d(b);
 	}), m(() => {
 		d(b);
@@ -98,9 +98,9 @@ var E = [
 	"data-active",
 	"data-edge",
 	"onClick"
-], A = /* @__PURE__ */ n(/* @__PURE__ */ l({
+], A = /*#__PURE__*/ r(/* @__PURE__ */ l({
 	__name: "PagerDots",
-	props: /* @__PURE__ */ u({
+	props: /*@__PURE__*/ u({
 		count: {},
 		orientation: { default: "horizontal" },
 		windowFit: {},
@@ -121,83 +121,87 @@ var E = [
 		active: { default: 0 },
 		activeModifiers: {}
 	}),
-	emits: /* @__PURE__ */ u(["select"], ["update:active"]),
+	emits: /*@__PURE__*/ u(["select"], ["update:active"]),
 	setup(t, { emit: n }) {
-		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 I = /* @__PURE__ */ new Map();
+		let r = t, i = n, l = b(t, "active"), u = o(() => Number.isFinite(r.count) ? Math.max(0, Math.trunc(r.count)) : 0), m = o(() => u.value === 0 ? 0 : Math.min(u.value - 1, Math.max(0, Math.round(l.value || 0))));
+		x([u, l], ([, e]) => {
+			e !== m.value && (l.value = m.value);
+		}, { immediate: !0 });
+		let C = y().replace(/[^a-zA-Z0-9_-]/g, ""), w = `pager-worm-filter-${C}`, A = `pager-neck-clip-${C}`, j = g(null), M = g(null), N = g(null), P = g(null), F = g(null), I = /* @__PURE__ */ new Map();
 		function L(e, t) {
 			t ? I.set(e, t) : I.delete(e);
 		}
-		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),
+		let R = /* @__PURE__ */ new Map();
+		function z(e, t) {
+			t ? R.set(e, t) : R.delete(e);
+		}
+		let B = o(() => r.orientation === "vertical"), V = o(() => r.windowFit && r.windowFit > 0 ? S(u.value, m.value, r.windowFit) : {
+			shown: Array.from({ length: u.value }, (e, t) => t),
 			clippedStart: !1,
 			clippedEnd: !1
-		}), B = o(() => z.value.shown);
+		}), H = o(() => V.value.shown);
 		T({
-			rootEl: w,
-			wormLayerEl: A,
-			bodyAEl: j,
-			bodyBEl: M,
-			neckEl: N,
-			bedDotEls: I,
-			shown: B,
-			vertical: R,
-			active: l
-		}), x(B, (e) => {
-			let t = w.value;
+			rootEl: j,
+			wormLayerEl: M,
+			bodyAEl: N,
+			bodyBEl: P,
+			neckEl: F,
+			bedDotEls: R,
+			shown: H,
+			vertical: B,
+			active: m
+		}), x(H, (e) => {
+			let t = j.value;
 			if (!t || !t.contains(document.activeElement)) return;
 			let n = document.activeElement;
-			e.some((e) => P.get(e) === n) || d(() => P.get(l.value)?.focus());
+			e.some((e) => I.get(e) === n) || d(() => I.get(m.value)?.focus());
 		});
-		function V(e) {
+		function U(e) {
 			l.value = e, i("select", e);
 		}
-		let H = o(() => {
-			let e = B.value;
-			return e.length === 0 ? -1 : e.includes(l.value) ? l.value : e[0];
+		let W = o(() => {
+			let e = H.value;
+			return e.length === 0 ? -1 : e.includes(m.value) ? m.value : e[0];
 		});
-		function U(e) {
-			return e === H.value ? 0 : -1;
+		function G(e) {
+			return e === W.value ? 0 : -1;
 		}
-		function W(e) {
-			V(e), d(() => P.get(e)?.focus());
+		function K(e) {
+			U(e), d(() => I.get(e)?.focus());
 		}
-		function G(e, t) {
-			let n = r.count;
+		function q(e, t) {
+			let n = u.value;
 			if (n !== 0) for (let r = 1; r <= n; r++) {
 				let i = (e + t * r + n * r) % n;
-				if (!P.get(i)?.disabled) {
-					W(i);
+				if (!I.get(i)?.disabled) {
+					K(i);
 					return;
 				}
 			}
 		}
-		function K(e) {
-			let t = r.count;
+		function J(e) {
+			let t = u.value;
 			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 (!P.get(e)?.disabled) {
-				W(e);
+			for (let e of n) if (!I.get(e)?.disabled) {
+				K(e);
 				return;
 			}
 		}
-		function q(e) {
-			let t = l.value, n = R.value ? "ArrowDown" : "ArrowRight", r = R.value ? "ArrowUp" : "ArrowLeft", i = !0;
+		function Y(e) {
+			let t = m.value, n = B.value ? "ArrowDown" : "ArrowRight", r = B.value ? "ArrowUp" : "ArrowLeft", i = !0;
 			switch (e.key) {
 				case n:
-					G(t, 1);
+					q(t, 1);
 					break;
 				case r:
-					G(t, -1);
+					q(t, -1);
 					break;
 				case "Home":
-					K("first");
+					J("first");
 					break;
 				case "End":
-					K("last");
+					J("last");
 					break;
 				default:
 					i = !1;
@@ -207,17 +211,17 @@ var E = [
 		}
 		return (n, i) => (h(), s("div", {
 			ref_key: "rootEl",
-			ref: w,
+			ref: j,
 			"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,
 			style: p({
-				"--pager-goo-filter": `url(#${m})`,
-				"--pager-neck-clip": `url(#${C})`
+				"--pager-goo-filter": `url(#${w})`,
+				"--pager-neck-clip": `url(#${A})`
 			}),
-			onKeydown: q,
+			onKeydown: Y,
 			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))
 		}, [
 			c("svg", {
@@ -227,7 +231,7 @@ var E = [
 				"aria-hidden": "true",
 				focusable: "false"
 			}, [c("defs", null, [c("filter", {
-				id: m,
+				id: w,
 				"color-interpolation-filters": "sRGB",
 				x: "-50%",
 				y: "-50%",
@@ -251,57 +255,57 @@ var E = [
 					operator: "atop"
 				}, null, -1)
 			]]), c("clipPath", {
-				id: C,
+				id: A,
 				clipPathUnits: "objectBoundingBox"
 			}, [...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", {
+			c("div", D, [(h(!0), s(a, null, _(H.value, (e) => (h(), s("span", {
 				key: e,
 				ref_for: !0,
-				ref: (t) => L(e, t),
+				ref: (t) => z(e, t),
 				class: "goo-dot",
-				"data-active": e === l.value ? "" : void 0,
-				"data-edge": e === B.value[0] && z.value.clippedStart || e === B.value[B.value.length - 1] && z.value.clippedEnd ? "" : void 0
+				"data-active": e === m.value ? "" : void 0,
+				"data-edge": e === H.value[0] && V.value.clippedStart || e === H.value[H.value.length - 1] && V.value.clippedEnd ? "" : void 0
 			}, null, 8, O))), 128))]),
 			c("div", {
 				ref_key: "wormLayerEl",
-				ref: A,
+				ref: M,
 				class: "pager-worm-layer",
 				"aria-hidden": "true"
 			}, [
 				c("span", {
 					ref_key: "bodyAEl",
-					ref: j,
+					ref: N,
 					class: "goo-body"
 				}, null, 512),
 				c("span", {
 					ref_key: "neckEl",
-					ref: N,
+					ref: F,
 					class: "goo-neck"
 				}, null, 512),
 				c("span", {
 					ref_key: "bodyBEl",
-					ref: M,
+					ref: P,
 					class: "goo-body"
 				}, null, 512)
 			], 512),
-			(h(!0), s(a, null, _(B.value, (e, n) => (h(), s("button", {
+			(h(!0), s(a, null, _(H.value, (e, n) => (h(), s("button", {
 				key: e,
 				ref_for: !0,
-				ref: (t) => F(e, t),
+				ref: (t) => L(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-selected": t.pattern === "group" ? void 0 : e === m.value,
+				"aria-current": t.pattern === "group" && e === m.value ? "true" : void 0,
 				"aria-label": `Go to slide ${e + 1}`,
-				tabindex: U(e),
-				"data-active": e === l.value ? "" : void 0,
-				"data-edge": n === 0 && z.value.clippedStart || n === B.value.length - 1 && z.value.clippedEnd ? "" : void 0,
+				tabindex: G(e),
+				"data-active": e === m.value ? "" : void 0,
+				"data-edge": n === 0 && V.value.clippedStart || n === H.value.length - 1 && V.value.clippedEnd ? "" : void 0,
 				"data-slot": "pager-dot",
 				class: "pager-dot focus-ring tap-squish",
-				onClick: (t) => V(e)
+				onClick: (t) => U(e)
 			}, null, 8, k))), 128))
 		], 46, E));
 	}
-}), [["__scopeId", "data-v-6b12735a"]]);
+}), [["__scopeId", "data-v-1661502e"]]);
 //#endregion
-export { S as n, A as t };
+export { A as t };