@mkbabb/glass-ui 4.0.1 → 4.2.0

package/dist/PagerDots-CYlqVFd4.js

@@ -0,0 +1,196 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./_plugin-vue_export-helper-gLzyemvl.js";
+import { t as n } from "./useGooMorph-Cs13NgYL.js";
+import { Fragment as r, computed as i, createElementBlock as a, createElementVNode as o, defineComponent as s, mergeModels as c, nextTick as l, normalizeClass as u, onMounted as d, openBlock as f, ref as p, renderList as m, unref as h, useModel as g, watch as _ } from "vue";
+//#region src/components/custom/pager-dots/pagerWindow.ts
+function v(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 y = [
+	"role",
+	"aria-label",
+	"aria-orientation",
+	"data-orientation"
+], b = {
+	class: "pager-goo-layer",
+	"aria-hidden": "true"
+}, x = ["data-active", "data-edge"], S = [
+	"role",
+	"aria-selected",
+	"aria-current",
+	"aria-label",
+	"data-active",
+	"data-edge",
+	"onClick"
+], C = /* @__PURE__ */ t(/* @__PURE__ */ s({
+	__name: "PagerDots",
+	props: /* @__PURE__ */ c({
+		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__ */ c(["select"], ["update:active"]),
+	setup(t, { emit: s }) {
+		let c = t, C = s, w = g(t, "active"), T = p(null), E = p(null), D = p(null), O = p(null), k = /* @__PURE__ */ new Map();
+		function A(e, t) {
+			t ? k.set(e, t) : k.delete(e);
+		}
+		let j = /* @__PURE__ */ new Map();
+		function M(e, t) {
+			t ? j.set(e, t) : j.delete(e);
+		}
+		let N = i(() => c.orientation === "vertical"), P = i(() => c.windowFit && c.windowFit > 0 ? v(c.count, w.value, c.windowFit) : {
+			shown: Array.from({ length: Math.max(0, c.count) }, (e, t) => t),
+			clippedStart: !1,
+			clippedEnd: !1
+		}), F = i(() => P.value.shown);
+		function I(e) {
+			let t = T.value;
+			if (!t) return null;
+			let n = j.get(e);
+			if (!n) {
+				let t = F.value;
+				if (t.length === 0) return null;
+				let r = t.reduce((t, n) => Math.abs(n - e) < Math.abs(t - e) ? n : t);
+				if (n = j.get(r), !n) return null;
+			}
+			let r = t.getBoundingClientRect(), i = n.getBoundingClientRect();
+			return N.value ? i.top + i.height / 2 - r.top : i.left + i.width / 2 - r.left;
+		}
+		function L() {
+			let e = T.value, t = 13;
+			if (e) {
+				let n = getComputedStyle(e).getPropertyValue("--pager-dot-size").trim();
+				if (n.endsWith("rem")) {
+					let e = parseFloat(getComputedStyle(document.documentElement).fontSize) || 16;
+					t = (parseFloat(n) || .8125) * e;
+				} else t = parseFloat(n) || 13;
+			}
+			return t * 1.618033988749895;
+		}
+		let R = n({
+			barbellRefs: {
+				bodyARef: E,
+				bodyBRef: D,
+				neckRef: O
+			},
+			hostRef: T,
+			vertical: N,
+			centerOf: I,
+			restSize: L,
+			tokenPrefix: "pager-worm",
+			neckGap: .7
+		});
+		_(F, (e) => {
+			let t = T.value;
+			if (!t || !t.contains(document.activeElement)) return;
+			let n = document.activeElement;
+			e.some((e) => k.get(e) === n) || l(() => k.get(w.value)?.focus());
+		});
+		let z = !1, B = 0;
+		_(w, (e, t) => {
+			z = !0;
+			let n = ++B;
+			l(() => {
+				R.travel(t ?? e, e);
+				let r = T.value, i = r && parseFloat(getComputedStyle(r).getPropertyValue("--pager-worm-duration")) || 1.8;
+				setTimeout(() => {
+					n === B && (z = !1);
+				}, i * 1e3 + 120);
+			});
+		}), _(F, () => {
+			z || l(() => R.snap(w.value));
+		}), d(() => {
+			l(() => R.snap(w.value));
+		});
+		function V(e) {
+			w.value = e, C("select", e);
+		}
+		return (n, i) => (f(), a("div", {
+			ref_key: "rootEl",
+			ref: T,
+			"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: u(h(e)("pager-dots inline-flex items-center justify-center gap-1.5", t.ring && "glass-pager-ring", t.orientation === "vertical" && "flex-col", c.class))
+		}, [
+			i[0] ||= o("svg", {
+				class: "pager-goo-defs",
+				width: "0",
+				height: "0",
+				"aria-hidden": "true",
+				focusable: "false"
+			}, [o("defs", null, [o("clipPath", {
+				id: "pager-neck-throat",
+				clipPathUnits: "objectBoundingBox"
+			}, [o("path", { d: "M0,0 C0.25,0 0.36,0.34 0.5,0.34 C0.64,0.34 0.75,0 1,0 L1,1 C0.75,1 0.64,0.66 0.5,0.66 C0.36,0.66 0.25,1 0,1 Z" })])])], -1),
+			o("div", b, [
+				(f(!0), a(r, null, m(F.value, (e) => (f(), a("span", {
+					key: e,
+					ref_for: !0,
+					ref: (t) => M(e, t),
+					class: "goo-dot",
+					"data-active": e === w.value ? "" : void 0,
+					"data-edge": e === F.value[0] && P.value.clippedStart || e === F.value[F.value.length - 1] && P.value.clippedEnd ? "" : void 0
+				}, null, 8, x))), 128)),
+				o("span", {
+					ref_key: "bodyAEl",
+					ref: E,
+					class: "goo-body"
+				}, null, 512),
+				o("span", {
+					ref_key: "neckEl",
+					ref: O,
+					class: "goo-neck"
+				}, null, 512),
+				o("span", {
+					ref_key: "bodyBEl",
+					ref: D,
+					class: "goo-body"
+				}, null, 512)
+			]),
+			(f(!0), a(r, null, m(F.value, (e, n) => (f(), a("button", {
+				key: e,
+				ref_for: !0,
+				ref: (t) => A(e, t),
+				type: "button",
+				role: t.pattern === "group" ? void 0 : "tab",
+				"aria-selected": t.pattern === "group" ? void 0 : e === w.value,
+				"aria-current": t.pattern === "group" && e === w.value ? "true" : void 0,
+				"aria-label": `Go to slide ${e + 1}`,
+				"data-active": e === w.value ? "" : void 0,
+				"data-edge": n === 0 && P.value.clippedStart || n === F.value.length - 1 && P.value.clippedEnd ? "" : void 0,
+				"data-slot": "pager-dot",
+				class: "pager-dot focus-ring tap-squish",
+				onClick: (t) => V(e)
+			}, null, 8, S))), 128))
+		], 10, y));
+	}
+}), [["__scopeId", "data-v-883fb0b0"]]);
+//#endregion
+export { v as n, C as t };

package/dist/PaperBackdrop-DYWgrnh8.js

@@ -0,0 +1,42 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, openBlock as l, unref as u } from "vue";
+//#endregion
+//#region src/components/custom/paper-backdrop/PaperBackdrop.vue
+var d = /* @__PURE__ */ o({
+	__name: "PaperBackdrop",
+	props: {
+		opacity: {},
+		frequency: {},
+		field: { type: Boolean },
+		fieldHue: {},
+		fieldIntensity: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(o) {
+		let d = o, f = n(() => {
+			let e = {};
+			return d.opacity !== void 0 && (e.opacity = String(d.opacity)), d.frequency === "aged" && (e.backgroundImage = "var(--paper-aged-texture)"), e;
+		}), p = n(() => {
+			let e = {};
+			return d.fieldHue !== void 0 && (e["--field-h-raw"] = String(d.fieldHue)), d.fieldIntensity !== void 0 && (e["--field-intensity"] = String(d.fieldIntensity)), e;
+		});
+		return (n, o) => (l(), i(t, null, [d.field ? (l(), i("div", {
+			key: 0,
+			class: "paper-field",
+			style: c(p.value),
+			"aria-hidden": "true"
+		}, null, 4)) : r("", !0), a("div", {
+			class: s(u(e)("paper-underpaint", d.class)),
+			style: c(f.value),
+			"aria-hidden": "true"
+		}, null, 6)], 64));
+	}
+});
+//#endregion
+export { d as t };

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

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./useSurfaceAxis-g0NloYEF.js";
-import { i as n } from "./dockContext-BNfyPLe9.js";
+import { t } from "./useSurfaceAxis-Ci7Dnaw2.js";
+import { i as n } from "./dockContext-gFVS2gMg.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

package/dist/{Progress-DctG61iZ.js → Progress-C9SsdwIZ.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { t } from "./_plugin-vue_export-helper-gLzyemvl.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

package/dist/{ScrollingText-yOpBzFYq.js → ScrollingText-DY3W1Jfh.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { t as n } from "./useResizeObserver-Bpoi7tRE.js";
+import { t } from "./_plugin-vue_export-helper-gLzyemvl.js";
+import { t as n } from "./useResizeObserver-DdEn3v2f.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-3mFHX_R-.js

@@ -0,0 +1,260 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { v as t, x as n } from "./vendor-B2qOlYY3.js";
+import { t as r } from "./useSurfaceAxis-Ci7Dnaw2.js";
+import { t as i } from "./menuItemVariants-DAXquKja.js";
+import { i as a } from "./dockContext-gFVS2gMg.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 F = /* @__PURE__ */ f({
+	__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 = P(e, t);
+		return (e, t) => (_(), s(y(D), m({ "data-slot": "select" }, y(n)), {
+			default: b(() => [v(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), I = /* @__PURE__ */ f({
+	__name: "SelectValue",
+	props: {
+		placeholder: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (_(), s(y(j), g(p(t)), {
+			default: b(() => [v(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), L = /* @__PURE__ */ f({
+	__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 r = t, i = N(o(() => {
+			let { class: e, variant: t, size: n, ...i } = r;
+			return i;
+		})), a = o(() => r.variant === "ghost" ? "bg-transparent border-none shadow-none" : "control-surface glass-control-edge glass-capsule-hover"), 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 = 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 (t, o) => (_(), s(y(A), m({ "data-slot": "select-trigger" }, y(i), {
+			style: l.value,
+			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: b(() => [v(t.$slots, "default"), d(y(S), { "as-child": "" }, {
+				default: b(() => [d(y(n), { class: "[transition:rotate_var(--spring-snappy-duration)_var(--ease-cartoon-punch)] [&[data-state=open]]:rotate-180 h-4 w-4 shrink-0 opacity-(--select-chevron-opacity)" })]),
+				_: 1
+			})]),
+			_: 3
+		}, 16, ["style", "class"]));
+	}
+}), R = /* @__PURE__ */ f({
+	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(t, { emit: n }) {
+		let i = t, c = n, l = P(o(() => {
+			let { class: e, surface: t, fieldHue: n, ...r } = i;
+			return r;
+		}), c), u = a(), f = o(() => i.fieldHue == null ? void 0 : { "--field-h": String(i.fieldHue) });
+		return (n, a) => (_(), s(y(E), null, {
+			default: b(() => [d(y(x), m({
+				...y(l),
+				...n.$attrs
+			}, {
+				"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: 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"), "glass-field-portal", "[--overlay-pad-inline:--spacing(1)] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)]", i.class),
+				style: f.value
+			}), {
+				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"]),
+					d(y(U))
+				]),
+				_: 3
+			}, 16, [
+				"data-glass-dock-portal",
+				"data-glass-dock-owner",
+				"data-surface",
+				"class",
+				"style"
+			])]),
+			_: 3
+		}));
+	}
+}), z = {
+	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__ */ f({
+	__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 n = t, r = N(o(() => {
+			let { class: e, hideIndicator: t, ...r } = n;
+			return r;
+		})), 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, var(--glass-accent, currentColor))" }
+				}, null, -1)]]),
+				_: 1
+			})])), u("div", B, [d(y(T), null, {
+				default: b(() => [v(t.$slots, "default")]),
+				_: 3
+			}), v(t.$slots, "description")])]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), H = /* @__PURE__ */ f({
+	__name: "SelectScrollUpButton",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(n) {
+		let r = n, i = N(o(() => {
+			let { class: e, ...t } = r;
+			return t;
+		}));
+		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"]));
+	}
+}), U = /* @__PURE__ */ f({
+	__name: "SelectScrollDownButton",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let r = t, i = N(o(() => {
+			let { class: e, ...t } = r;
+			return t;
+		}));
+		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 { L as a, R as i, H as n, I as o, V as r, F as s, U as t };

package/dist/{SelectSeparator-DXswVdRz.js → SelectSeparator-CNRGG7Ew.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-Cf9-JFgi.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 };

package/dist/Switch-uf-UKPA2.js

@@ -0,0 +1,49 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { n as t } from "./useControlSize-DAZ062x7.js";
+import { computed as n, createBlock as r, createVNode as i, defineComponent as a, mergeProps as o, normalizeClass as s, openBlock as c, unref as l, withCtx as u } from "vue";
+import { SwitchRoot as d, SwitchThumb as f, useForwardPropsEmits as p } from "reka-ui";
+//#endregion
+//#region src/components/ui/switch/Switch.vue
+var m = /* @__PURE__ */ a({
+	__name: "Switch",
+	props: {
+		defaultValue: {},
+		modelValue: {},
+		disabled: { type: Boolean },
+		id: {},
+		value: {},
+		trueValue: {},
+		falseValue: {},
+		asChild: { type: Boolean },
+		as: {},
+		name: {},
+		required: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		size: {}
+	},
+	emits: ["update:modelValue"],
+	setup(a, { emit: m }) {
+		let h = a, g = m, _ = p(n(() => {
+			let { class: e, size: t, ...n } = h;
+			return n;
+		}), g);
+		return (n, a) => (c(), r(l(d), o({ "data-slot": "switch" }, l(_), { class: l(e)("[--switch-track-h:calc(var(--control-h-md)*0.6)] [--switch-thumb:calc(var(--switch-track-h)-0.25rem)] [--switch-track-w:calc(var(--switch-track-h)*11/6)] [--switch-throw:calc(var(--switch-track-w)-var(--switch-thumb)-0.25rem)]", "glass-wash glass-specular-track focus-ring peer relative touch-hit-area inline-flex h-(--switch-track-h) w-(--switch-track-w) shrink-0 cursor-pointer items-center rounded-pill border-2 border-transparent transition-control disabled:cursor-not-allowed disabled:opacity-disabled data-[state=checked]:bg-primary data-[state=unchecked]:bg-(--glass-bg-wash)", l(t)(h.size), h.class) }), {
+			default: u(() => [i(l(f), {
+				class: s(l(e)("pointer-events-none block size-(--switch-thumb) rounded-pill bg-card ring-0 data-[state=checked]:translate-x-(--switch-throw) data-[state=unchecked]:translate-x-0")),
+				style: {
+					"box-shadow": "var(--shadow-md), var(--glass-highlight)",
+					transition: "translate var(--spring-snappy-duration) var(--spring-snappy)"
+				}
+			}, null, 8, ["class"])]),
+			_: 1
+		}, 16, ["class"]));
+	}
+});
+//#endregion
+export { m as t };

package/dist/{Toaster-Bw4xR8xV.js → Toaster-ozrsR4mP.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./vendor-CKmzio-i.js";
-import { t as n } from "./useSurfaceAxis-g0NloYEF.js";
+import { t } from "./vendor-B2qOlYY3.js";
+import { t as n } from "./useSurfaceAxis-Ci7Dnaw2.js";
 import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeProps as f, normalizeClass as p, openBlock as m, ref as h, renderList as g, renderSlot as _, toDisplayString as v, unref as y, withCtx as b } from "vue";
 import { ToastAction as x, ToastClose as S, ToastDescription as C, ToastPortal as w, ToastProvider as T, ToastRoot as E, ToastTitle as D, ToastViewport as O, useForwardPropsEmits as k } from "reka-ui";
 //#endregion

package/dist/{ToggleGroupItem-pEM9vIhs.js → ToggleGroupItem-BpzaVzNm.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./createContext-CpBNTRMI.js";
+import { t } from "./createContext-Cd23P9j0.js";
 import { computed as n, createBlock as r, createElementVNode as i, defineComponent as a, mergeProps as o, normalizeClass as s, openBlock as c, renderSlot as l, unref as u, withCtx as d } from "vue";
 import { Toggle as f, ToggleGroupItem as p, ToggleGroupRoot as m, injectToggleGroupRootContext as h, useForwardProps as g, useForwardPropsEmits as _ } from "reka-ui";
 import { cva as v } from "class-variance-authority";
@@ -50,11 +50,11 @@ var y = /* @__PURE__ */ a({
 			"class"
 		]));
 	}
-}), b = v("tap-squish focus-ring inline-flex items-center justify-center gap-2 rounded-button text-[length:var(--control-text)] font-medium transition-control hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-disabled data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg:not([class*=size-])]:size-(--ui-glyph) [&_svg]:shrink-0 [&_svg]:pointer-events-none", {
+}), b = v("tap-squish focus-ring inline-flex items-center justify-center gap-2 rounded-pill text-[length:var(--control-text)] font-medium transition-control hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-disabled data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg:not([class*=size-])]:size-(--ui-glyph) [&_svg]:shrink-0 [&_svg]:pointer-events-none", {
 	variants: {
 		variant: {
 			default: "bg-transparent",
-			outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground",
+			outline: "control-surface",
 			card: "rounded-card glass-card w-full transform-gpu cursor-pointer flex-col gap-4 p-8 text-center transition-[background-color,border-color,box-shadow,color,opacity,transform] duration-fast ease-standard hover:bg-glass-quiet hover:text-foreground active:scale-95 data-[state=on]:border-glass-border-quiet data-[state=on]:bg-glass-quiet data-[state=on]:text-foreground data-[state=on]:shadow-glass-quiet"
 		},
 		size: {
@@ -113,15 +113,15 @@ var C = x.use, w = ["role"], T = /* @__PURE__ */ a({
 			variant: f.variant,
 			size: f.size
 		});
-		let h = n(() => f.type === "single" ? "radiogroup" : "group"), g = _(n(() => {
+		let h = n(() => f.type === "single" ? "radiogroup" : "group"), g = n(() => f.type === "single" ? "glass-capsule-track rounded-pill p-1" : ""), v = _(n(() => {
 			let { class: e, ...t } = f;
 			return t;
 		}), p);
-		return (t, n) => (c(), r(u(m), o(u(g), { "as-child": "" }), {
+		return (t, n) => (c(), r(u(m), o(u(v), { "as-child": "" }), {
 			default: d(() => [i("div", {
 				"data-slot": "toggle-group",
 				role: h.value,
-				class: s(u(e)("flex items-center justify-center gap-1", f.class))
+				class: s(u(e)("flex items-center justify-center gap-1", g.value, f.class))
 			}, [l(t.$slots, "default")], 10, w)]),
 			_: 3
 		}, 16));