@mkbabb/glass-ui 6.0.0 → 7.0.0

package/dist/resolveCanvasColor-yarP5bdk.js

@@ -1,93 +0,0 @@
-import { t as e } from "./createCanvasLifecycle-hsFkQVdl.js";
-import { getCurrentScope as t, onScopeDispose as n, toValue as r } from "vue";
-//#region src/composables/glass/canvas2d/useCanvas2D.ts
-var i = "200px";
-function a(a) {
-	let { setup: o, autoStart: s = !0, contextAttrs: c, rootMargin: l = i } = a, u = a.respectReducedMotion ?? !0, d = () => r(a.canvas), f = typeof window < "u", p = null, m = null, h = null, g = !1, _ = null, v = null, y = !1;
-	function b() {
-		p && m && m.render(p, f ? performance.now() : 0);
-	}
-	function x(e) {
-		if (!p) return;
-		let t = e.clientWidth || e.offsetWidth || 0, n = e.clientHeight || e.offsetHeight || 0;
-		if (!t || !n) return;
-		let r = Math.min(f && window.devicePixelRatio || 1, 2), i = Math.round(t * r), a = Math.round(n * r), o = e.width !== i || e.height !== a;
-		o && (e.width = i, e.height = a), o && p.setTransform(r, 0, 0, r, 0, 0);
-		let s = !h || !h.running || h.reducedMotion;
-		o && !y && s && b();
-	}
-	function S(e) {
-		_ || typeof ResizeObserver > "u" || (_ = new ResizeObserver(() => {
-			let e = d();
-			e && x(e);
-		}), _.observe(e));
-	}
-	function C(e) {
-		v || typeof IntersectionObserver > "u" || (v = new IntersectionObserver((e) => {
-			for (let t of e) t.isIntersecting || t.intersectionRatio > 0 ? h?.resume("off-screen-io") : h?.suspend("off-screen-io");
-		}, { rootMargin: l }), v.observe(e));
-	}
-	function w(e) {
-		let t = e.getContext("2d", c);
-		if (!t) throw Error("[useCanvas2D] 2D context unavailable");
-		return p = t, m = o(p), S(e), C(e), {
-			frame: (e) => {
-				p && m && m.render(p, e);
-			},
-			time: () => f ? performance.now() : 0,
-			shouldContinue: () => !0,
-			teardown: () => {
-				m?.teardown?.(), v?.disconnect(), v = null, _?.disconnect(), _ = null, p = null, m = null;
-			}
-		};
-	}
-	function T() {
-		if (h || g) return;
-		let t = d();
-		t && (h = e({
-			canvas: t,
-			respectReducedMotion: u,
-			buildContext: () => w(t),
-			resize: () => x(t)
-		}), y = !0, h.arm(), y = !1);
-	}
-	function E(e = "manual") {
-		h?.suspend(e);
-	}
-	function D(e = "manual") {
-		h?.resume(e);
-	}
-	function O() {
-		h?.wake();
-	}
-	function k() {
-		g || (g = !0, h?.dispose(), h = null);
-	}
-	return s && T(), t() && n(k), {
-		arm: T,
-		suspend: E,
-		resume: D,
-		wake: O,
-		dispose: k,
-		isRunning: () => h?.running ?? !1,
-		get ctx() {
-			return p;
-		},
-		get reducedMotion() {
-			return h?.reducedMotion ?? !1;
-		}
-	};
-}
-var o = a;
-//#endregion
-//#region src/composables/glass/canvas2d/resolveCanvasColor.ts
-function s(e, t) {
-	let n = e.trim(), r = n.startsWith("--") ? `var(${n})` : n;
-	if (typeof document > "u" || typeof window > "u" || !t || typeof t.appendChild != "function") return e;
-	let i = document.createElement("span"), a = i.style;
-	a.position = "absolute", a.width = "0", a.height = "0", a.padding = "0", a.margin = "0", a.border = "0", a.visibility = "hidden", a.pointerEvents = "none", a.color = r, t.appendChild(i);
-	let o = window.getComputedStyle(i).color;
-	return t.removeChild(i), o || e;
-}
-//#endregion
-export { a as n, o as r, s as t };

package/dist/select-BIv4R3Ir.js

@@ -1,326 +0,0 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { n as t } from "./useSurfaceAxis-DudiZVOR.js";
-import { t as n } from "./menuItemVariants-D6AOzzND.js";
-import { i as r } from "./dockContext-4S9qP0Z4.js";
-import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, guardReactiveProps as d, mergeProps as f, normalizeClass as p, normalizeProps as m, openBlock as h, renderSlot as g, unref as _, withCtx as v } from "vue";
-import { SelectContent as y, SelectGroup as b, SelectIcon as x, SelectItem as S, SelectItemIndicator as C, SelectItemText as w, SelectLabel as T, SelectPortal as E, SelectRoot as D, SelectScrollDownButton as O, SelectScrollUpButton as k, SelectSeparator as A, SelectTrigger as j, SelectValue as M, SelectViewport as N, useForwardProps as P, useForwardPropsEmits as F } from "reka-ui";
-import { ChevronDown as I, ChevronUp as L } from "@lucide/vue";
-//#endregion
-//#region src/components/select/Select.vue
-var R = /* @__PURE__ */ u({
-	__name: "Select",
-	props: {
-		open: { type: Boolean },
-		defaultOpen: { type: Boolean },
-		defaultValue: {},
-		modelValue: {},
-		by: { type: [String, Function] },
-		dir: {},
-		multiple: { type: Boolean },
-		autocomplete: {},
-		disabled: { type: Boolean },
-		name: {},
-		required: { type: Boolean }
-	},
-	emits: ["update:modelValue", "update:open"],
-	setup(e, { emit: t }) {
-		let n = F(e, t);
-		return (e, t) => (h(), a(_(D), f({ "data-slot": "select" }, _(n)), {
-			default: v(() => [g(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), z = /* @__PURE__ */ u({
-	__name: "SelectValue",
-	props: {
-		placeholder: {},
-		asChild: { type: Boolean },
-		as: {}
-	},
-	setup(e) {
-		let t = e;
-		return (e, n) => (h(), a(_(M), m(d(t)), {
-			default: v(() => [g(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), B = /* @__PURE__ */ u({
-	__name: "SelectTrigger",
-	props: {
-		disabled: { type: Boolean },
-		reference: {},
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		variant: { default: "default" },
-		size: { default: "default" }
-	},
-	setup(t) {
-		let n = t, r = P(i(() => {
-			let { class: e, variant: t, size: r, ...i } = n;
-			return i;
-		})), o = i(() => n.variant === "ghost" ? "bg-transparent border-none shadow-none" : "control-surface glass-control-edge glass-capsule-hover"), s = i(() => {
-			switch (n.size) {
-				case "sm": return "h-(--control-h-sm)";
-				case "display":
-				case "audacious": return "h-(--control-h-lg)";
-				default: return "h-(--control-h-md)";
-			}
-		}), c = i(() => {
-			let e = n.size === "display" ? "var(--type-heading)" : n.size === "audacious" ? "var(--type-display-1)" : void 0;
-			if (e) return {
-				"--dropdown-text": e,
-				"--text-dropdown": e
-			};
-		});
-		return (t, i) => (h(), a(_(j), f({ "data-slot": "select-trigger" }, _(r), {
-			style: c.value,
-			class: _(e)(o.value, s.value, "tap-squish focus-ring flex w-full items-center justify-between rounded-pill px-3 py-2 text-dropdown placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-disabled [&>span]:line-clamp-1 transition-control aria-invalid:border-(--destructive) user-invalid:border-(--destructive) focus-visible:aria-invalid:shadow-(--invalid-ring) focus-visible:user-invalid:shadow-(--invalid-ring)", n.class)
-		}), {
-			default: v(() => [g(t.$slots, "default"), l(_(x), { "as-child": "" }, {
-				default: v(() => [l(_(I), { class: "transition-disclosure in-data-[state=open]:rotate-180 h-4 w-4 shrink-0 opacity-(--select-chevron-opacity)" })]),
-				_: 1
-			})]),
-			_: 3
-		}, 16, ["style", "class"]));
-	}
-}), V = /* @__PURE__ */ u({
-	__name: "SelectScrollDownButton",
-	props: {
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t, r = P(i(() => {
-			let { class: e, ...t } = n;
-			return t;
-		}));
-		return (t, i) => (h(), a(_(O), f(_(r), { class: _(e)("flex cursor-default items-center justify-center py-1", n.class) }), {
-			default: v(() => [g(t.$slots, "default", {}, () => [l(_(I), { class: "h-4 w-4" })])]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), H = /* @__PURE__ */ u({
-	__name: "SelectScrollUpButton",
-	props: {
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t, r = P(i(() => {
-			let { class: e, ...t } = n;
-			return t;
-		}));
-		return (t, i) => (h(), a(_(k), f(_(r), { class: _(e)("flex cursor-default items-center justify-center py-1", n.class) }), {
-			default: v(() => [g(t.$slots, "default", {}, () => [l(_(L), { class: "h-4 w-4" })])]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), U = /* @__PURE__ */ u({
-	inheritAttrs: !1,
-	__name: "SelectContent",
-	props: {
-		forceMount: { type: Boolean },
-		position: { default: "popper" },
-		bodyLock: { type: Boolean },
-		side: {},
-		sideOffset: {},
-		sideFlip: { type: Boolean },
-		align: { default: "start" },
-		alignOffset: {},
-		alignFlip: { type: Boolean },
-		avoidCollisions: { type: Boolean },
-		collisionBoundary: {},
-		collisionPadding: { default: 16 },
-		arrowPadding: {},
-		hideShiftedArrow: { type: Boolean },
-		sticky: {},
-		hideWhenDetached: { type: Boolean },
-		positionStrategy: {},
-		updatePositionStrategy: {},
-		disableUpdateOnLayoutShift: { type: Boolean },
-		prioritizePosition: { type: Boolean },
-		reference: {},
-		asChild: { type: Boolean },
-		as: {},
-		disableOutsidePointerEvents: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		surface: { default: "glass" },
-		fieldHue: {}
-	},
-	emits: [
-		"closeAutoFocus",
-		"escapeKeyDown",
-		"pointerDownOutside"
-	],
-	setup(n, { emit: o }) {
-		let s = n, c = o, u = F(i(() => {
-			let { class: e, surface: t, fieldHue: n, ...r } = s;
-			return r;
-		}), c), d = r(), m = i(() => s.fieldHue == null ? void 0 : { "--field-h": String(s.fieldHue) });
-		return (r, i) => (h(), a(_(E), null, {
-			default: v(() => [l(_(y), f({
-				..._(u),
-				...r.$attrs
-			}, {
-				"data-glass-dock-portal": _(d)?.id ? "" : void 0,
-				"data-glass-dock-owner": _(d)?.id,
-				"data-surface": s.surface,
-				"data-material": "transient-overlay",
-				"data-reveal": "menu",
-				"data-slot": "select-content",
-				class: _(e)("relative z-popover min-w-(--overlay-min-width) overflow-y-auto rounded-panel border text-popover-foreground glass-reveal origin-(--reka-select-content-transform-origin)", n.position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", _(t)(s.surface, "floating"), "glass-field-portal", "[--overlay-pad-inline:--spacing(1)] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)]", s.class),
-				style: m.value
-			}), {
-				default: v(() => [
-					l(H),
-					l(_(N), { class: p(_(e)("px-(--overlay-pad-inline) py-(--overlay-pad-block) overflow-y-auto", n.position === "popper" && "h-(--reka-select-trigger-height) w-full min-w-(--reka-select-trigger-width)")) }, {
-						default: v(() => [g(r.$slots, "default")]),
-						_: 3
-					}, 8, ["class"]),
-					l(V)
-				]),
-				_: 3
-			}, 16, [
-				"data-glass-dock-portal",
-				"data-glass-dock-owner",
-				"data-surface",
-				"class",
-				"style"
-			])]),
-			_: 3
-		}));
-	}
-}), W = /* @__PURE__ */ u({
-	__name: "SelectGroup",
-	props: {
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t, r = i(() => {
-			let { class: e, ...t } = n;
-			return t;
-		});
-		return (t, i) => (h(), a(_(b), f({ class: _(e)("p-1 w-full", n.class) }, r.value), {
-			default: v(() => [g(t.$slots, "default")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), G = {
-	key: 0,
-	"aria-hidden": "true",
-	class: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center"
-}, K = { class: "flex flex-col gap-0.5 min-w-0" }, q = /* @__PURE__ */ u({
-	__name: "SelectItem",
-	props: {
-		value: {},
-		disabled: { type: Boolean },
-		textValue: {},
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		hideIndicator: { type: Boolean }
-	},
-	setup(t) {
-		let r = t, u = P(i(() => {
-			let { class: e, hideIndicator: t, ...n } = r;
-			return n;
-		})), d = i(() => r.hideIndicator ? "none" : "start");
-		return (t, i) => (h(), a(_(S), f(_(u), { class: _(e)(_(n)({ indicator: d.value }), r.class) }), {
-			default: v(() => [d.value === "none" ? o("", !0) : (h(), s("span", G, [l(_(C), null, {
-				default: v(() => [...i[0] ||= [c("span", {
-					class: "inline-block w-2 h-2 rounded-pill",
-					style: { "background-color": "var(--select-dot-color, var(--glass-accent, currentColor))" }
-				}, null, -1)]]),
-				_: 1
-			})])), c("div", K, [l(_(w), null, {
-				default: v(() => [g(t.$slots, "default")]),
-				_: 3
-			}), g(t.$slots, "description")])]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), J = /* @__PURE__ */ u({
-	__name: "SelectLabel",
-	props: {
-		for: {},
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t;
-		return (t, r) => (h(), a(_(T), { class: p(_(e)("py-1.5 pl-8 pr-2 text-dropdown-secondary font-semibold", n.class)) }, {
-			default: v(() => [g(t.$slots, "default")]),
-			_: 3
-		}, 8, ["class"]));
-	}
-}), Y = /* @__PURE__ */ u({
-	__name: "SelectSeparator",
-	props: {
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t, r = i(() => {
-			let { class: e, ...t } = n;
-			return t;
-		});
-		return (t, i) => (h(), a(_(A), f(r.value, { class: _(e)("-mx-1 my-1 h-px bg-[color-mix(in_srgb,var(--foreground)_12%,transparent)]", n.class) }), null, 16, ["class"]));
-	}
-});
-//#endregion
-export { U as a, R as c, W as i, J as n, B as o, q as r, z as s, Y as t };

package/dist/separator-CBU94kTM.js

@@ -1,62 +0,0 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { computed as t, createBlock as n, createElementBlock as r, createElementVNode as i, defineComponent as a, mergeProps as o, normalizeClass as s, openBlock as c, toDisplayString as l, unref as u, useAttrs as d, useId as f } from "vue";
-import { Separator as p } from "reka-ui";
-//#endregion
-//#region src/components/separator/Separator.vue
-var m = /* @__PURE__ */ a({
-	inheritAttrs: !1,
-	__name: "Separator",
-	props: {
-		orientation: {},
-		decorative: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		label: {}
-	},
-	setup(a) {
-		let m = a, h = t(() => m.orientation === "vertical"), g = d(), _ = `${f()}-label`, v = t(() => {
-			let { class: e, label: t, ...n } = m;
-			return n;
-		}), y = t(() => {
-			let { role: e, "aria-orientation": t, "aria-label": n, "aria-labelledby": r, ...i } = g;
-			if (m.decorative) return {
-				...i,
-				role: "none"
-			};
-			let a = typeof n == "string" ? n : void 0, o = (typeof r == "string" ? r : void 0) ?? (a ? void 0 : _);
-			return {
-				...i,
-				role: "separator",
-				"aria-orientation": h.value ? "vertical" : void 0,
-				"aria-label": o ? void 0 : a,
-				"aria-labelledby": o
-			};
-		}), b = t(() => e("shrink-0 bg-(--separator-ink)", h.value ? "w-px flex-1" : "h-px flex-1"));
-		return (t, a) => m.label ? (c(), r("div", o({ key: 0 }, y.value, {
-			"data-slot": "separator",
-			class: u(e)("flex items-center", h.value ? "flex-col w-px h-full gap-2" : "flex-row w-full gap-3", m.class)
-		}), [
-			i("span", { class: s(b.value) }, null, 2),
-			i("span", {
-				id: _,
-				class: "text-mono-caption text-muted-foreground bg-background shrink-0 px-1.5 rounded-sm"
-			}, l(m.label), 1),
-			i("span", { class: s(b.value) }, null, 2)
-		], 16)) : (c(), n(u(p), o({
-			key: 1,
-			"data-slot": "separator"
-		}, {
-			...t.$attrs,
-			...v.value
-		}, { class: u(e)("shrink-0 bg-(--separator-ink)", h.value ? "w-px h-full" : "h-px w-full", m.class) }), null, 16, ["class"]));
-	}
-});
-//#endregion
-export { m as t };

package/dist/slider-Cc_qw6GA.js

@@ -1,166 +0,0 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { t } from "./useMotionAxis-DCCXMC-i.js";
-import { t as n } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { t as r } from "./useTouchGate-Cj5fOkTv.js";
-import { t as i } from "./useDragVelocity-CbMZEBaC.js";
-import { i as a } from "./dockContext-4S9qP0Z4.js";
-import { n as o } from "./valueDomain-B8L04u3U.js";
-import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createVNode as f, defineComponent as p, mergeProps as m, normalizeStyle as h, onBeforeUnmount as g, onMounted as _, openBlock as v, renderList as y, unref as b, useAttrs as x, useTemplateRef as S, withCtx as C } from "vue";
-import { SliderRange as w, SliderRoot as T, SliderThumb as E, SliderTrack as D, useForwardPropsEmits as O } from "reka-ui";
-import { cva as k } from "class-variance-authority";
-//#region src/components/dock/composables/useDockHold.ts
-function A(e, t = {}) {
-	let n = a(), r = t.enabled ?? (() => !0), i = !1;
-	function o() {
-		!r() || i || !n || (n.keepOpen(), i = !0);
-	}
-	function s() {
-		!i || !n || (n.release(), i = !1);
-	}
-	function c() {
-		s(), !(typeof window > "u") && (window.removeEventListener("pointerup", c), window.removeEventListener("pointercancel", c), window.removeEventListener("blur", c));
-	}
-	function l() {
-		o(), !(typeof window > "u") && (window.removeEventListener("pointerup", c), window.removeEventListener("pointercancel", c), window.removeEventListener("blur", c), window.addEventListener("pointerup", c), window.addEventListener("pointercancel", c), window.addEventListener("blur", c));
-	}
-	let u = null;
-	return _(() => {
-		u = e(), u && (u.addEventListener("pointerdown", l), u.addEventListener("touchstart", l, { passive: !0 }));
-	}), g(() => {
-		u && (u.removeEventListener("pointerdown", l), u.removeEventListener("touchstart", l)), typeof window < "u" && (window.removeEventListener("pointerup", c), window.removeEventListener("pointercancel", c), window.removeEventListener("blur", c)), s();
-	}), { isHeld: n?.held };
-}
-//#endregion
-//#region src/components/slider/Slider.vue?vue&type=script&setup=true&lang.ts
-var j = {
-	key: 0,
-	class: "slider-marks",
-	"aria-hidden": "true"
-}, M = /* @__PURE__ */ n(/* @__PURE__ */ p({
-	__name: "Slider",
-	props: {
-		defaultValue: {},
-		modelValue: {},
-		disabled: { type: Boolean },
-		orientation: {},
-		dir: {},
-		inverted: { type: Boolean },
-		min: {},
-		max: {},
-		step: {},
-		minStepsBetweenThumbs: {},
-		thumbAlignment: {},
-		asChild: { type: Boolean },
-		as: {},
-		name: {},
-		required: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		variant: {},
-		size: {},
-		marks: {},
-		keepDockOpen: {
-			type: Boolean,
-			default: !0
-		},
-		motion: {}
-	},
-	emits: ["update:modelValue", "valueCommit"],
-	setup(n, { emit: p }) {
-		let k = n, M = p, P = c(() => k.variant ?? "standard"), F = c(() => k.size ?? "md"), I = c(() => k.keepDockOpen), L = c(() => o(k.marks, k.min ?? 0, k.max ?? 100)), R = O(c(() => {
-			let { class: e, variant: t, size: n, marks: r, keepDockOpen: i, motion: a, ...o } = k;
-			return o.thumbAlignment ||= "contain", o;
-		}), M), z = a(), B = S("sliderRootRef");
-		function V() {
-			let e = B.value;
-			return e ? e instanceof HTMLElement ? e : e.$el ?? null : null;
-		}
-		A(V, { enabled: () => I.value });
-		let H = t(() => k.motion);
-		i({
-			host: () => H.armed.value ? V() : null,
-			axis: () => k.orientation === "vertical" ? "y" : "x"
-		});
-		let U = r();
-		function W(e) {
-			let t = V(), n = e.touches[0];
-			!t || !n || U.handleTouchStart(t, n.clientY) || (e.preventDefault(), e.stopPropagation());
-		}
-		function G(e) {
-			U.handleScrollCheck(e);
-		}
-		function K() {
-			U.handleTouchEnd();
-		}
-		_(() => {
-			let e = V();
-			e && (e.addEventListener("touchstart", W, { passive: !1 }), e.addEventListener("touchmove", G, { passive: !0 }), e.addEventListener("touchend", K, { passive: !0 }));
-		}), g(() => {
-			let e = V();
-			e && (e.removeEventListener("touchstart", W), e.removeEventListener("touchmove", G), e.removeEventListener("touchend", K));
-		});
-		let q = c(() => z?.held.value === !0), J = c(() => U.isActive.value);
-		return x(), _(() => {}), (t, r) => (v(), l(b(T), m({
-			"data-slot": "slider",
-			ref_key: "sliderRootRef",
-			ref: B,
-			class: b(e)(b(N)({
-				variant: P.value,
-				size: F.value
-			}), k.class),
-			"data-variant": P.value,
-			"data-size": F.value,
-			"data-held": q.value || void 0,
-			"data-touch-active": J.value || void 0,
-			"data-inverted": k.inverted || void 0,
-			"data-motion": b(H).dataMotion.value,
-			style: b(H).hostStyle.value
-		}, b(R)), {
-			default: C(() => [f(b(D), { class: "slider-track" }, {
-				default: C(() => [L.value.length ? (v(), d("span", j, [(v(!0), d(s, null, y(L.value, (e) => (v(), d("span", {
-					key: e.value,
-					class: "slider-mark",
-					style: h({ "--value-mark-position": `${e.position * 100}%` })
-				}, null, 4))), 128))])) : u("", !0), f(b(w), { class: "slider-range glass-liquid-fill" })]),
-				_: 1
-			}), (v(!0), d(s, null, y(n.modelValue, (e, n) => (v(), l(b(E), {
-				key: n,
-				"aria-label": t.$attrs["aria-label"] ?? void 0,
-				class: "slider-thumb glass-specular-track touch-hit-area"
-			}, null, 8, ["aria-label"]))), 128))]),
-			_: 1
-		}, 16, [
-			"class",
-			"data-variant",
-			"data-size",
-			"data-held",
-			"data-touch-active",
-			"data-inverted",
-			"data-motion",
-			"style"
-		]));
-	}
-}), [["__scopeId", "data-v-30570575"]]), N = k("glass-slider focus-ring relative flex w-full touch-none select-none items-center transition-colors", {
-	variants: {
-		variant: {
-			standard: "",
-			spectrum: ""
-		},
-		size: {
-			sm: "",
-			md: "",
-			lg: ""
-		}
-	},
-	defaultVariants: {
-		variant: "standard",
-		size: "md"
-	}
-});
-//#endregion
-export { M as n, N as t };

package/dist/spa-view.d.ts

@@ -1 +0,0 @@
-export * from "./components/spa-view";

package/dist/spa-view.js

@@ -1,46 +0,0 @@
-import { KeepAlive as e, Transition as t, computed as n, createBlock as r, createElementBlock as i, defineComponent as a, openBlock as o, renderSlot as s, resolveDynamicComponent as c, withCtx as l } from "vue";
-//#endregion
-//#region src/components/spa-view/SpaView.vue
-var u = /* @__PURE__ */ a({
-	__name: "SpaView",
-	props: {
-		view: {},
-		is: {},
-		max: {},
-		include: {},
-		exclude: {},
-		transition: { default: "fade" },
-		viewKey: {}
-	},
-	setup(a) {
-		let u = a, d = n(() => u.view ?? u.is), f = n(() => {
-			if (u.viewKey !== void 0) return u.viewKey;
-			let e = d.value;
-			return typeof e == "string" ? e : e?.name ?? "spa-view";
-		});
-		return (n, u) => (o(), r(t, {
-			name: a.transition,
-			mode: "out-in"
-		}, {
-			default: l(() => [d.value ? (o(), r(e, {
-				key: 0,
-				max: a.max,
-				include: a.include,
-				exclude: a.exclude
-			}, [(o(), r(c(d.value), {
-				key: f.value,
-				class: "spa-view-active"
-			}))], 1032, [
-				"max",
-				"include",
-				"exclude"
-			])) : (o(), i("div", {
-				key: f.value,
-				class: "spa-view-active"
-			}, [s(n.$slots, "default")]))]),
-			_: 3
-		}, 8, ["name"]));
-	}
-});
-//#endregion
-export { u as SpaView };