@mkbabb/glass-ui 5.0.0 → 6.0.0

package/dist/{SelectScrollDownButton-CDtwaWkZ.js → select-BIv4R3Ir.js}

@@ -1,13 +1,13 @@
 import { t as e } from "./class-names-5jotTFzp.js";
 import { n as t } from "./useSurfaceAxis-DudiZVOR.js";
-import { t as n } from "./menuItemVariants-DbO-Fr74.js";
-import { i as r } from "./dockContext-d-WpJN2Z.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, SelectIcon as b, SelectItem as x, SelectItemIndicator as S, SelectItemText as C, SelectPortal as w, SelectRoot as T, SelectScrollDownButton as E, SelectScrollUpButton as D, SelectTrigger as O, SelectValue as k, SelectViewport as A, useForwardProps as j, useForwardPropsEmits as M } from "reka-ui";
-import { ChevronDown as N, ChevronUp as P } from "@lucide/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 F = /* @__PURE__ */ u({
+var R = /* @__PURE__ */ u({
 	__name: "Select",
 	props: {
 		open: { type: Boolean },
@@ -24,13 +24,13 @@ var F = /* @__PURE__ */ u({
 	},
 	emits: ["update:modelValue", "update:open"],
 	setup(e, { emit: t }) {
-		let n = M(e, t);
-		return (e, t) => (h(), a(_(T), f({ "data-slot": "select" }, _(n)), {
+		let n = F(e, t);
+		return (e, t) => (h(), a(_(D), f({ "data-slot": "select" }, _(n)), {
 			default: v(() => [g(e.$slots, "default")]),
 			_: 3
 		}, 16));
 	}
-}), I = /* @__PURE__ */ u({
+}), z = /* @__PURE__ */ u({
 	__name: "SelectValue",
 	props: {
 		placeholder: {},
@@ -39,12 +39,12 @@ var F = /* @__PURE__ */ u({
 	},
 	setup(e) {
 		let t = e;
-		return (e, n) => (h(), a(_(k), m(d(t)), {
+		return (e, n) => (h(), a(_(M), m(d(t)), {
 			default: v(() => [g(e.$slots, "default")]),
 			_: 3
 		}, 16));
 	}
-}), L = /* @__PURE__ */ u({
+}), B = /* @__PURE__ */ u({
 	__name: "SelectTrigger",
 	props: {
 		disabled: { type: Boolean },
@@ -62,7 +62,7 @@ var F = /* @__PURE__ */ u({
 		size: { default: "default" }
 	},
 	setup(t) {
-		let n = t, r = j(i(() => {
+		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(() => {
@@ -79,18 +79,64 @@ var F = /* @__PURE__ */ u({
 				"--text-dropdown": e
 			};
 		});
-		return (t, i) => (h(), a(_(O), f({ "data-slot": "select-trigger" }, _(r), {
+		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(_(b), { "as-child": "" }, {
-				default: v(() => [l(_(N), { class: "transition-disclosure in-data-[state=open]:rotate-180 h-4 w-4 shrink-0 opacity-(--select-chevron-opacity)" })]),
+			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"]));
 	}
-}), R = /* @__PURE__ */ u({
+}), 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: {
@@ -134,11 +180,11 @@ var F = /* @__PURE__ */ u({
 		"pointerDownOutside"
 	],
 	setup(n, { emit: o }) {
-		let s = n, c = o, u = M(i(() => {
+		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(_(w), null, {
+		return (r, i) => (h(), a(_(E), null, {
 			default: v(() => [l(_(y), f({
 				..._(u),
 				...r.$attrs
@@ -146,18 +192,19 @@ var F = /* @__PURE__ */ u({
 				"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(_(A), { 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)")) }, {
+					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(_(U))
+					l(V)
 				]),
 				_: 3
 			}, 16, [
@@ -170,11 +217,34 @@ var F = /* @__PURE__ */ u({
 			_: 3
 		}));
 	}
-}), z = {
+}), 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"
-}, B = { class: "flex flex-col gap-0.5 min-w-0" }, V = /* @__PURE__ */ u({
+}, K = { class: "flex flex-col gap-0.5 min-w-0" }, q = /* @__PURE__ */ u({
 	__name: "SelectItem",
 	props: {
 		value: {},
@@ -192,27 +262,28 @@ var F = /* @__PURE__ */ u({
 		hideIndicator: { type: Boolean }
 	},
 	setup(t) {
-		let r = t, u = j(i(() => {
+		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(_(x), f(_(u), { class: _(e)(_(n)({ indicator: d.value }), r.class) }), {
-			default: v(() => [d.value === "none" ? o("", !0) : (h(), s("span", z, [l(_(S), null, {
+		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", B, [l(_(C), null, {
+			})])), c("div", K, [l(_(w), null, {
 				default: v(() => [g(t.$slots, "default")]),
 				_: 3
 			}), g(t.$slots, "description")])]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), H = /* @__PURE__ */ u({
-	__name: "SelectScrollUpButton",
+}), J = /* @__PURE__ */ u({
+	__name: "SelectLabel",
 	props: {
+		for: {},
 		asChild: { type: Boolean },
 		as: {},
 		class: { type: [
@@ -224,17 +295,14 @@ var F = /* @__PURE__ */ u({
 		] }
 	},
 	setup(t) {
-		let n = t, r = j(i(() => {
-			let { class: e, ...t } = n;
-			return t;
-		}));
-		return (t, i) => (h(), a(_(D), f(_(r), { class: _(e)("flex cursor-default items-center justify-center py-1", n.class) }), {
-			default: v(() => [g(t.$slots, "default", {}, () => [l(_(P), { class: "h-4 w-4" })])]),
+		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
-		}, 16, ["class"]));
+		}, 8, ["class"]));
 	}
-}), U = /* @__PURE__ */ u({
-	__name: "SelectScrollDownButton",
+}), Y = /* @__PURE__ */ u({
+	__name: "SelectSeparator",
 	props: {
 		asChild: { type: Boolean },
 		as: {},
@@ -247,15 +315,12 @@ var F = /* @__PURE__ */ u({
 		] }
 	},
 	setup(t) {
-		let n = t, r = j(i(() => {
+		let n = t, r = i(() => {
 			let { class: e, ...t } = n;
 			return t;
-		}));
-		return (t, i) => (h(), a(_(E), f(_(r), { class: _(e)("flex cursor-default items-center justify-center py-1", n.class) }), {
-			default: v(() => [g(t.$slots, "default", {}, () => [l(_(N), { class: "h-4 w-4" })])]),
-			_: 3
-		}, 16, ["class"]));
+		});
+		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 { L as a, R as i, H as n, I as o, V as r, F as s, U as t };
+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/select.js

@@ -1,4 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./SelectScrollDownButton-CDtwaWkZ.js";
-import { t as s } from "./SelectGroup-BuEptUsa.js";
-import { n as c, t as l } from "./SelectSeparator-4QGephvr.js";
-export { a as Select, t as SelectContent, s as SelectGroup, i as SelectItem, c as SelectLabel, o as SelectScrollDownButton, n as SelectScrollUpButton, l as SelectSeparator, e as SelectTrigger, r as SelectValue };
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./select-BIv4R3Ir.js";
+export { t as Select, e as SelectContent, n as SelectGroup, a as SelectItem, r as SelectLabel, s as SelectSeparator, i as SelectTrigger, o as SelectValue };

package/dist/separator-CBU94kTM.js

@@ -0,0 +1,62 @@
+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/separator.js

@@ -1,2 +1,2 @@
-import { t as e } from "./Separator-DqJ6PfOd.js";
+import { t as e } from "./separator-CBU94kTM.js";
 export { e as Separator };

package/dist/sidebar.js

@@ -1,4 +1,4 @@
-import { t as e } from "./scrollReader-DzYqPQ6V.js";
+import { t as e } from "./scrollReader-C2oK9Hb8.js";
 import { computed as t, nextTick as n, onMounted as r, onScopeDispose as i, onUnmounted as a, reactive as o, ref as s, toValue as c, watch as l } from "vue";
 //#region src/composables/sidebar/useScrollTracker.ts
 function u(i, o, u) {

package/dist/slider-Cc_qw6GA.js

@@ -0,0 +1,166 @@
+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/slider.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./slider-Cxuj_W_H.js";
+import { n as e, t } from "./slider-Cc_qw6GA.js";
 export { e as Slider, t as sliderVariants };