@mkbabb/glass-ui 4.0.0 → 4.1.0

package/dist/NumberFieldContent-D8cXeyO4.js

@@ -0,0 +1,140 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { i as t, s as n } from "./vendor-B2qOlYY3.js";
+import { n as r } from "./button-5dY1Dvhd.js";
+import { t as i } from "./useControlSize-SH1UmJCi.js";
+import { computed as a, createBlock as o, createElementBlock as s, createVNode as c, defineComponent as l, mergeProps as u, normalizeClass as d, openBlock as f, renderSlot as p, unref as m, withCtx as h } from "vue";
+import { NumberFieldDecrement as g, NumberFieldIncrement as _, NumberFieldInput as v, NumberFieldRoot as y, useForwardProps as b, useForwardPropsEmits as x } from "reka-ui";
+//#endregion
+//#region src/components/ui/number-field/NumberField.vue
+var S = /* @__PURE__ */ l({
+	__name: "NumberField",
+	props: {
+		defaultValue: {},
+		modelValue: {},
+		min: {},
+		max: {},
+		step: {},
+		stepSnapping: { type: Boolean },
+		focusOnChange: { type: Boolean },
+		formatOptions: {},
+		locale: {},
+		disabled: { type: Boolean },
+		readonly: { type: Boolean },
+		disableWheelChange: { type: Boolean },
+		invertWheelChange: { type: Boolean },
+		id: {},
+		asChild: { type: Boolean },
+		as: {},
+		name: {},
+		required: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["update:modelValue"],
+	setup(t, { emit: n }) {
+		let r = t, i = n, s = x(a(() => {
+			let { class: e, ...t } = r;
+			return t;
+		}), i);
+		return (t, n) => (f(), o(m(y), u({ "data-slot": "number-field" }, m(s), { class: m(e)("grid gap-1.5", r.class) }), {
+			default: h(() => [p(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), C = /* @__PURE__ */ l({
+	inheritAttrs: !1,
+	__name: "NumberFieldInput",
+	props: { size: {} },
+	setup(t) {
+		let n = t, r = { inputmode: "decimal" };
+		return (t, a) => (f(), o(m(v), u({
+			...r,
+			...t.$attrs
+		}, {
+			"data-slot": "input",
+			class: m(e)("input-pill rounded-field px-9 py-2 text-center", m(i)(n.size))
+		}), null, 16, ["class"]));
+	}
+}), w = /* @__PURE__ */ l({
+	__name: "NumberFieldIncrement",
+	props: {
+		disabled: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(n) {
+		let i = n, s = b(a(() => {
+			let { class: e, ...t } = i;
+			return t;
+		}));
+		return (n, a) => (f(), o(m(_), u({ "data-slot": "increment" }, m(s), { "as-child": "" }), {
+			default: h(() => [c(m(r), {
+				variant: "ghost",
+				size: "icon",
+				class: d(m(e)("absolute top-1/2 -translate-y-1/2 right-0 disabled:cursor-not-allowed disabled:opacity-20", i.class))
+			}, {
+				default: h(() => [p(n.$slots, "default", {}, () => [c(m(t), { class: "size-icon-sm" })])]),
+				_: 3
+			}, 8, ["class"])]),
+			_: 3
+		}, 16));
+	}
+}), T = /* @__PURE__ */ l({
+	__name: "NumberFieldDecrement",
+	props: {
+		disabled: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let i = t, s = b(a(() => {
+			let { class: e, ...t } = i;
+			return t;
+		}));
+		return (t, a) => (f(), o(m(g), u({ "data-slot": "decrement" }, m(s), { "as-child": "" }), {
+			default: h(() => [c(m(r), {
+				variant: "ghost",
+				size: "icon",
+				class: d(m(e)("absolute top-1/2 -translate-y-1/2 left-0 disabled:cursor-not-allowed disabled:opacity-20", i.class))
+			}, {
+				default: h(() => [p(t.$slots, "default", {}, () => [c(m(n), { class: "size-icon-sm" })])]),
+				_: 3
+			}, 8, ["class"])]),
+			_: 3
+		}, 16));
+	}
+}), E = /* @__PURE__ */ l({
+	__name: "NumberFieldContent",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (f(), s("div", { class: d(m(e)("relative [&>[data-slot=input]]:has-[[data-slot=increment]]:pr-5 [&>[data-slot=input]]:has-[[data-slot=decrement]]:pl-5", n.class)) }, [p(t.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { S as a, C as i, T as n, w as r, E as t };

package/dist/PagerDots-Cjx96la-.js

@@ -0,0 +1,98 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { Fragment as n, computed as r, createElementBlock as i, defineComponent as a, mergeModels as o, nextTick as s, normalizeClass as c, openBlock as l, ref as u, renderList as d, unref as f, useModel as p, watch as m } from "vue";
+//#region src/components/custom/pager-dots/pagerWindow.ts
+function h(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,
+		clippedStart: o.length > 0 && o[0] > 0,
+		clippedEnd: o.length > 0 && o[o.length - 1] < e - 1
+	};
+}
+//#endregion
+//#region src/components/custom/pager-dots/PagerDots.vue?vue&type=script&setup=true&lang.ts
+var g = [
+	"role",
+	"aria-label",
+	"aria-orientation",
+	"data-orientation"
+], _ = [
+	"role",
+	"aria-selected",
+	"aria-current",
+	"aria-label",
+	"data-active",
+	"data-edge",
+	"onClick"
+], v = /* @__PURE__ */ t(/* @__PURE__ */ a({
+	__name: "PagerDots",
+	props: /* @__PURE__ */ o({
+		count: {},
+		orientation: { default: "horizontal" },
+		windowFit: {},
+		ring: {
+			type: Boolean,
+			default: !0
+		},
+		pattern: { default: "tabs" },
+		ariaLabel: { default: "Pager" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	}, {
+		active: { default: 0 },
+		activeModifiers: {}
+	}),
+	emits: /* @__PURE__ */ o(["select"], ["update:active"]),
+	setup(t, { emit: a }) {
+		let o = t, v = a, y = p(t, "active"), b = u(null), x = /* @__PURE__ */ new Map();
+		function S(e, t) {
+			t ? x.set(e, t) : x.delete(e);
+		}
+		let C = r(() => o.windowFit && o.windowFit > 0 ? h(o.count, y.value, o.windowFit) : {
+			shown: Array.from({ length: Math.max(0, o.count) }, (e, t) => t),
+			clippedStart: !1,
+			clippedEnd: !1
+		}), w = r(() => C.value.shown);
+		m(w, (e) => {
+			let t = b.value;
+			if (!t || !t.contains(document.activeElement)) return;
+			let n = document.activeElement;
+			e.some((e) => x.get(e) === n) || s(() => x.get(y.value)?.focus());
+		});
+		function T(e) {
+			y.value = e, v("select", e);
+		}
+		return (r, a) => (l(), i("div", {
+			ref_key: "rootEl",
+			ref: b,
+			"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,
+			class: c(f(e)("pager-dots inline-flex items-center justify-center gap-1.5", t.ring && "glass-pager-ring", t.orientation === "vertical" && "flex-col", o.class))
+		}, [(l(!0), i(n, null, d(w.value, (e, n) => (l(), i("button", {
+			key: e,
+			ref_for: !0,
+			ref: (t) => S(e, t),
+			type: "button",
+			role: t.pattern === "group" ? void 0 : "tab",
+			"aria-selected": t.pattern === "group" ? void 0 : e === y.value,
+			"aria-current": t.pattern === "group" && e === y.value ? "true" : void 0,
+			"aria-label": `Go to slide ${e + 1}`,
+			"data-active": e === y.value ? "" : void 0,
+			"data-edge": n === 0 && C.value.clippedStart || n === w.value.length - 1 && C.value.clippedEnd ? "" : void 0,
+			"data-slot": "pager-dot",
+			class: "pager-dot focus-ring tap-squish",
+			onClick: (t) => T(e)
+		}, null, 8, _))), 128))], 10, g));
+	}
+}), [["__scopeId", "data-v-8a305958"]]);
+//#endregion
+export { h as n, v as t };

package/dist/{PopoverContent-BTorlp--.js → PopoverContent-DL7E6vJP.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./useSurfaceAxis-CMnF2zHb.js";
-import { i as n } from "./dockContext-Bu1Avy-a.js";
+import { t } from "./useSurfaceAxis-g0NloYEF.js";
+import { i as n } from "./dockContext-BNfyPLe9.js";
 import { computed as r, createBlock as i, createVNode as a, defineComponent as o, guardReactiveProps as s, mergeProps as c, normalizeProps as l, openBlock as u, renderSlot as d, unref as f, withCtx as p } from "vue";
 import { PopoverContent as m, PopoverPortal as h, PopoverRoot as g, PopoverTrigger as _, useForwardPropsEmits as v } from "reka-ui";
 //#endregion
@@ -93,7 +93,7 @@ var y = /* @__PURE__ */ o({
 				"data-glass-dock-portal": f(y)?.id ? "" : void 0,
 				"data-glass-dock-owner": f(y)?.id,
 				"data-surface": l.surface,
-				class: f(e)("popover-content z-popover w-72 glass-floating p-4 popover-animate slide-in-from-side", b.value, l.class)
+				class: f(e)("popover-content z-popover w-72 glass-floating [--overlay-pad-inline:1rem] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] px-(--overlay-pad-inline) py-(--overlay-pad-block) glass-reveal", b.value, l.class)
 			}), {
 				default: p(() => [d(t.$slots, "default")]),
 				_: 3
@@ -111,7 +111,7 @@ var y = /* @__PURE__ */ o({
 			"data-glass-dock-portal": f(y)?.id ? "" : void 0,
 			"data-glass-dock-owner": f(y)?.id,
 			"data-surface": l.surface,
-			class: f(e)("popover-content z-popover w-72 glass-floating p-4 popover-animate slide-in-from-side", b.value, l.class)
+			class: f(e)("popover-content z-popover w-72 glass-floating [--overlay-pad-inline:1rem] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] px-(--overlay-pad-inline) py-(--overlay-pad-block) glass-reveal", b.value, l.class)
 		}), {
 			default: p(() => [d(t.$slots, "default")]),
 			_: 3

package/dist/{Progress-hAT4gqGH.js → Progress-CnqB7gLm.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-CBt_VvXa.js";
+import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
 import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, mergeProps as l, normalizeClass as u, normalizeStyle as d, openBlock as f, toRef as p, unref as m, watchEffect as h, withCtx as g } from "vue";
 import { ProgressIndicator as _, ProgressRoot as v } from "reka-ui";
 //#endregion
@@ -26,7 +26,7 @@ var y = /* @__PURE__ */ c({
 			let { class: e, ...t } = i;
 			return t;
 		});
-		return (t, n) => (f(), r(m(v), l({ "data-slot": "progress" }, a.value, { class: m(e)("relative h-4 w-full overflow-hidden rounded-pill bg-[var(--progress-track,var(--secondary))]", i.class) }), {
+		return (t, n) => (f(), r(m(v), l({ "data-slot": "progress" }, a.value, { class: m(e)("relative h-4 w-full overflow-hidden rounded-pill bg-[var(--progress-track,var(--progress-track-on-glass))]", i.class) }), {
 			default: g(() => [s(m(_), {
 				class: "h-full w-full flex-1 rounded-pill [background:var(--progress-fill,var(--primary))] transition-transform",
 				style: d({ transform: `translateX(-${100 - (i.modelValue ?? 0)}%)` })
@@ -68,7 +68,7 @@ var y = /* @__PURE__ */ c({
 			return { "--progress-crescendo": `${Math.min(100, Math.max(0, t))}%` };
 		});
 		return (n, u) => (f(), r(m(v), l({ "data-slot": "progress" }, a.value, {
-			class: m(e)("relative h-4 w-full overflow-hidden rounded-pill bg-[var(--progress-track,var(--secondary))] progress-gradient-rail", i.class),
+			class: m(e)("relative h-4 w-full overflow-hidden rounded-pill bg-[var(--progress-track,var(--progress-track-on-glass))] progress-gradient-rail", i.class),
 			"data-lifecycle": o.value,
 			"data-indeterminate": t.indeterminate || void 0
 		}), {
@@ -86,7 +86,7 @@ var y = /* @__PURE__ */ c({
 			"data-indeterminate"
 		]));
 	}
-}), [["__scopeId", "data-v-f29a8e97"]]);
+}), [["__scopeId", "data-v-971dff91"]]);
 //#endregion
 //#region src/components/ui/progress/useProgressGeometry.ts
 function x(e) {

package/dist/{ScrollingText-CUVFTWk2.js → ScrollingText-CTZbA_cG.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-CBt_VvXa.js";
-import { t as n } from "./useResizeObserver-V6nq5gJb.js";
+import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { t as n } from "./useResizeObserver-Bpoi7tRE.js";
 import { createElementBlock as r, createElementVNode as i, createTextVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, ref as l, renderSlot as u, toDisplayString as d, unref as f, useTemplateRef as p, watchEffect as m } from "vue";
 //#region src/components/custom/scrolling-text/ScrollingText.vue?vue&type=script&setup=true&lang.ts
 var h = ["data-overflows"], g = /* @__PURE__ */ t(/* @__PURE__ */ o({

package/dist/{SelectScrollDownButton-C1jb3b3K.js → SelectScrollDownButton-DAKCBEdW.js}

@@ -1,13 +1,13 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./chevron-down-DKkxb4VV.js";
-import { t as n } from "./chevron-up-n_24SqI-.js";
-import { t as r } from "./menuItemVariants-DWRQXBxJ.js";
-import { i } from "./dockContext-Bu1Avy-a.js";
-import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, normalizeClass as m, normalizeProps as h, openBlock as g, renderSlot as _, unref as v, withCtx as y } from "vue";
-import { SelectContent as b, SelectIcon as x, SelectItem as S, SelectItemIndicator as C, SelectItemText as w, SelectPortal as T, SelectRoot as E, SelectScrollDownButton as D, SelectScrollUpButton as O, SelectTrigger as k, SelectValue as A, SelectViewport as j, useForwardProps as M, useForwardPropsEmits as N } from "reka-ui";
+import { v as t, x as n } from "./vendor-B2qOlYY3.js";
+import { t as r } from "./useSurfaceAxis-g0NloYEF.js";
+import { t as i } from "./menuItemVariants-D8VNHq22.js";
+import { i as a } from "./dockContext-BNfyPLe9.js";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, mergeProps as m, normalizeClass as h, normalizeProps as g, openBlock as _, renderSlot as v, unref as y, withCtx as b } from "vue";
+import { SelectContent as x, SelectIcon as S, SelectItem as C, SelectItemIndicator as w, SelectItemText as T, SelectPortal as E, SelectRoot as D, SelectScrollDownButton as O, SelectScrollUpButton as k, SelectTrigger as A, SelectValue as j, SelectViewport as M, useForwardProps as N, useForwardPropsEmits as P } from "reka-ui";
 //#endregion
 //#region src/components/ui/select/Select.vue
-var P = /* @__PURE__ */ d({
+var F = /* @__PURE__ */ f({
 	__name: "Select",
 	props: {
 		open: { type: Boolean },
@@ -24,13 +24,13 @@ var P = /* @__PURE__ */ d({
 	},
 	emits: ["update:modelValue", "update:open"],
 	setup(e, { emit: t }) {
-		let n = N(e, t);
-		return (e, t) => (g(), o(v(E), p({ "data-slot": "select" }, v(n)), {
-			default: y(() => [_(e.$slots, "default")]),
+		let n = P(e, t);
+		return (e, t) => (_(), s(y(D), m({ "data-slot": "select" }, y(n)), {
+			default: b(() => [v(e.$slots, "default")]),
 			_: 3
 		}, 16));
 	}
-}), F = /* @__PURE__ */ d({
+}), I = /* @__PURE__ */ f({
 	__name: "SelectValue",
 	props: {
 		placeholder: {},
@@ -39,12 +39,12 @@ var P = /* @__PURE__ */ d({
 	},
 	setup(e) {
 		let t = e;
-		return (e, n) => (g(), o(v(A), h(f(t)), {
-			default: y(() => [_(e.$slots, "default")]),
+		return (e, n) => (_(), s(y(j), g(p(t)), {
+			default: b(() => [v(e.$slots, "default")]),
 			_: 3
 		}, 16));
 	}
-}), I = /* @__PURE__ */ d({
+}), L = /* @__PURE__ */ f({
 	__name: "SelectTrigger",
 	props: {
 		disabled: { type: Boolean },
@@ -61,36 +61,36 @@ var P = /* @__PURE__ */ d({
 		variant: { default: "default" },
 		size: { default: "default" }
 	},
-	setup(n) {
-		let r = n, i = M(a(() => {
+	setup(t) {
+		let r = t, i = N(o(() => {
 			let { class: e, variant: t, size: n, ...i } = r;
 			return i;
-		})), s = a(() => r.variant === "ghost" ? "bg-transparent border-none shadow-none" : "control-surface"), c = a(() => {
+		})), a = o(() => r.variant === "ghost" ? "bg-transparent border-none shadow-none" : "control-surface"), c = o(() => {
 			switch (r.size) {
 				case "sm": return "h-(--control-h-sm)";
 				case "display":
 				case "audacious": return "h-(--control-h-lg)";
 				default: return "h-(--control-h-md)";
 			}
-		}), l = a(() => {
+		}), l = o(() => {
 			let e = r.size === "display" ? "var(--type-heading)" : r.size === "audacious" ? "var(--type-display-1)" : void 0;
 			if (e) return {
 				"--dropdown-text": e,
 				"--text-dropdown": e
 			};
 		});
-		return (n, a) => (g(), o(v(k), p({ "data-slot": "select-trigger" }, v(i), {
+		return (t, o) => (_(), s(y(A), m({ "data-slot": "select-trigger" }, y(i), {
 			style: l.value,
-			class: v(e)(s.value, c.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) aria-invalid:shadow-[0_0_0_var(--focus-ring-width)_color-mix(in_srgb,var(--destructive)_35%,transparent)]", r.class)
+			class: y(e)(a.value, c.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)", r.class)
 		}), {
-			default: y(() => [_(n.$slots, "default"), u(v(x), { "as-child": "" }, {
-				default: y(() => [u(v(t), { class: "transition-transform duration-200 ease-standard [&[data-state=open]]:rotate-180 h-4 w-4 shrink-0 opacity-50" })]),
+			default: b(() => [v(t.$slots, "default"), d(y(S), { "as-child": "" }, {
+				default: b(() => [d(y(n), { class: "transition-transform duration-200 ease-standard [&[data-state=open]]:rotate-180 h-4 w-4 shrink-0 opacity-(--select-chevron-opacity)" })]),
 				_: 1
 			})]),
 			_: 3
 		}, 16, ["style", "class"]));
 	}
-}), L = /* @__PURE__ */ d({
+}), R = /* @__PURE__ */ f({
 	inheritAttrs: !1,
 	__name: "SelectContent",
 	props: {
@@ -100,7 +100,7 @@ var P = /* @__PURE__ */ d({
 		side: {},
 		sideOffset: {},
 		sideFlip: { type: Boolean },
-		align: { default: "center" },
+		align: { default: "start" },
 		alignOffset: {},
 		alignFlip: { type: Boolean },
 		avoidCollisions: { type: Boolean },
@@ -124,7 +124,8 @@ var P = /* @__PURE__ */ d({
 			String,
 			Object,
 			Array
-		] }
+		] },
+		surface: { default: "glass" }
 	},
 	emits: [
 		"closeAutoFocus",
@@ -132,41 +133,44 @@ var P = /* @__PURE__ */ d({
 		"pointerDownOutside"
 	],
 	setup(t, { emit: n }) {
-		let r = t, s = n, c = N(a(() => {
-			let { class: e, ...t } = r;
-			return t;
-		}), s), l = i();
-		return (n, i) => (g(), o(v(T), null, {
-			default: y(() => [u(v(b), p({
-				...v(c),
+		let i = t, c = n, l = P(o(() => {
+			let { class: e, surface: t, ...n } = i;
+			return n;
+		}), c), u = a();
+		return (n, a) => (_(), s(y(E), null, {
+			default: b(() => [d(y(x), m({
+				...y(l),
 				...n.$attrs
 			}, {
-				"data-glass-dock-portal": v(l)?.id ? "" : void 0,
-				"data-glass-dock-owner": v(l)?.id,
+				"data-glass-dock-portal": y(u)?.id ? "" : void 0,
+				"data-glass-dock-owner": y(u)?.id,
+				"data-surface": i.surface,
 				"data-slot": "select-content",
-				class: v(e)("relative z-popover min-w-32 overflow-y-auto rounded-panel border text-popover-foreground popover-animate origin-(--reka-select-content-transform-origin)", t.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", "glass-floating", r.class)
+				class: y(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)", t.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", y(r)(i.surface, "floating"), "[--overlay-pad-inline:--spacing(1)] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)]", i.class)
 			}), {
-				default: y(() => [
-					u(v(V)),
-					u(v(j), { class: m(v(e)("p-1 overflow-y-auto", t.position === "popper" && "h-(--reka-select-trigger-height) w-full min-w-(--reka-select-trigger-width)")) }, {
-						default: y(() => [_(n.$slots, "default")]),
+				default: b(() => [
+					d(y(H)),
+					d(y(M), { class: h(y(e)("px-(--overlay-pad-inline) py-(--overlay-pad-block) overflow-y-auto", t.position === "popper" && "h-(--reka-select-trigger-height) w-full min-w-(--reka-select-trigger-width)")) }, {
+						default: b(() => [v(n.$slots, "default")]),
 						_: 3
 					}, 8, ["class"]),
-					u(v(H))
+					d(y(U))
 				]),
 				_: 3
 			}, 16, [
 				"data-glass-dock-portal",
 				"data-glass-dock-owner",
+				"data-surface",
 				"class"
 			])]),
 			_: 3
 		}));
 	}
-}), R = {
+}), z = {
 	key: 0,
+	"aria-hidden": "true",
 	class: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center"
-}, z = { class: "flex flex-col gap-0.5 min-w-0" }, B = /* @__PURE__ */ d({
+}, B = { class: "flex flex-col gap-0.5 min-w-0" }, V = /* @__PURE__ */ f({
 	__name: "SelectItem",
 	props: {
 		value: {},
@@ -184,25 +188,25 @@ var P = /* @__PURE__ */ d({
 		hideIndicator: { type: Boolean }
 	},
 	setup(t) {
-		let n = t, i = M(a(() => {
+		let n = t, r = N(o(() => {
 			let { class: e, hideIndicator: t, ...r } = n;
 			return r;
-		}));
-		return (a, d) => (g(), o(v(S), p(v(i), { class: v(e)(v(r)({ indicator: t.hideIndicator ? "none" : "start" }), n.class) }), {
-			default: y(() => [t.hideIndicator ? s("", !0) : (g(), c("span", R, [u(v(C), null, {
-				default: y(() => [...d[0] ||= [l("span", {
+		})), a = o(() => n.hideIndicator ? "none" : "start");
+		return (t, o) => (_(), s(y(C), m(y(r), { class: y(e)(y(i)({ indicator: a.value }), n.class) }), {
+			default: b(() => [a.value === "none" ? c("", !0) : (_(), l("span", z, [d(y(w), null, {
+				default: b(() => [...o[0] ||= [u("span", {
 					class: "inline-block w-2 h-2 rounded-pill",
 					style: { "background-color": "var(--select-dot-color, currentColor)" }
 				}, null, -1)]]),
 				_: 1
-			})])), l("div", z, [u(v(w), null, {
-				default: y(() => [_(a.$slots, "default")]),
+			})])), u("div", B, [d(y(T), null, {
+				default: b(() => [v(t.$slots, "default")]),
 				_: 3
-			}), _(a.$slots, "description")])]),
+			}), v(t.$slots, "description")])]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), V = /* @__PURE__ */ d({
+}), H = /* @__PURE__ */ f({
 	__name: "SelectScrollUpButton",
 	props: {
 		asChild: { type: Boolean },
@@ -215,17 +219,17 @@ var P = /* @__PURE__ */ d({
 			Array
 		] }
 	},
-	setup(t) {
-		let r = t, i = M(a(() => {
+	setup(n) {
+		let r = n, i = N(o(() => {
 			let { class: e, ...t } = r;
 			return t;
 		}));
-		return (t, a) => (g(), o(v(O), p(v(i), { class: v(e)("flex cursor-default items-center justify-center py-1", r.class) }), {
-			default: y(() => [_(t.$slots, "default", {}, () => [u(v(n), { class: "h-4 w-4" })])]),
+		return (n, a) => (_(), s(y(k), m(y(i), { class: y(e)("flex cursor-default items-center justify-center py-1", r.class) }), {
+			default: b(() => [v(n.$slots, "default", {}, () => [d(y(t), { class: "h-4 w-4" })])]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), H = /* @__PURE__ */ d({
+}), U = /* @__PURE__ */ f({
 	__name: "SelectScrollDownButton",
 	props: {
 		asChild: { type: Boolean },
@@ -238,16 +242,16 @@ var P = /* @__PURE__ */ d({
 			Array
 		] }
 	},
-	setup(n) {
-		let r = n, i = M(a(() => {
+	setup(t) {
+		let r = t, i = N(o(() => {
 			let { class: e, ...t } = r;
 			return t;
 		}));
-		return (n, a) => (g(), o(v(D), p(v(i), { class: v(e)("flex cursor-default items-center justify-center py-1", r.class) }), {
-			default: y(() => [_(n.$slots, "default", {}, () => [u(v(t), { class: "h-4 w-4" })])]),
+		return (t, a) => (_(), s(y(O), m(y(i), { class: y(e)("flex cursor-default items-center justify-center py-1", r.class) }), {
+			default: b(() => [v(t.$slots, "default", {}, () => [d(y(n), { class: "h-4 w-4" })])]),
 			_: 3
 		}, 16, ["class"]));
 	}
 });
 //#endregion
-export { I as a, L as i, V as n, F as o, B as r, P as s, H as t };
+export { L as a, R as i, H as n, I as o, V as r, F as s, U as t };

package/dist/{SelectSeparator-DK2y1Bun.js → SelectSeparator-C2UGOkXF.js}

@@ -42,7 +42,7 @@ var f = /* @__PURE__ */ r({
 			let { class: e, ...t } = a;
 			return t;
 		});
-		return (t, r) => (o(), n(c(d), i(s.value, { class: c(e)("-mx-1 my-1 h-px bg-muted", a.class) }), null, 16, ["class"]));
+		return (t, r) => (o(), n(c(d), i(s.value, { class: c(e)("-mx-1 my-1 h-px bg-[color-mix(in_srgb,var(--foreground)_12%,transparent)]", a.class) }), null, 16, ["class"]));
 	}
 });
 //#endregion

package/dist/Separator-DQcwC2TR.js

@@ -0,0 +1,44 @@
+import { t as e } from "./cn-DJXf4yaB.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 } from "vue";
+import { Separator as d } from "reka-ui";
+//#region src/components/ui/separator/Separator.vue?vue&type=script&setup=true&lang.ts
+var f = ["aria-orientation", "aria-label"], p = { class: "text-mono-caption text-muted-foreground bg-background shrink-0 px-1.5 rounded-sm" }, m = /* @__PURE__ */ a({
+	__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 = t(() => {
+			let { class: e, label: t, ...n } = m;
+			return n;
+		}), _ = 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", {
+			key: 0,
+			"data-slot": "separator",
+			role: "separator",
+			"aria-orientation": h.value ? "vertical" : "horizontal",
+			"aria-label": m.label,
+			class: s(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(_.value) }, null, 2),
+			i("span", p, l(m.label), 1),
+			i("span", { class: s(_.value) }, null, 2)
+		], 10, f)) : (c(), n(u(d), o({
+			key: 1,
+			"data-slot": "separator"
+		}, g.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 };