@mkbabb/glass-ui 0.3.0 → 2.0.0

package/dist/Label-C8QMJSsf.js

@@ -0,0 +1,32 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { computed as t, createBlock as n, defineComponent as r, mergeProps as i, openBlock as a, renderSlot as o, unref as s, withCtx as c } from "vue";
+import { Label as l } from "reka-ui";
+//#endregion
+//#region src/components/ui/label/Label.vue
+var u = /* @__PURE__ */ r({
+	__name: "Label",
+	props: {
+		for: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(r) {
+		let u = r, d = t(() => {
+			let { class: e, ...t } = u;
+			return t;
+		});
+		return (t, r) => (a(), n(s(l), i(d.value, { class: s(e)("text-small font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", u.class) }), {
+			default: c(() => [o(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+});
+//#endregion
+export { u as t };

package/dist/MetricBadge-DRBB18Xq.js

@@ -0,0 +1,78 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./_plugin-vue_export-helper-n-_DRHWS.js";
+import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, openBlock as u, toDisplayString as d, unref as f } from "vue";
+//#region src/components/custom/metric-badge/MetricBadge.vue?vue&type=script&setup=true&lang.ts
+var p = ["data-size"], m = {
+	key: 1,
+	class: "metric-badge__row"
+}, h = /* @__PURE__ */ t(/* @__PURE__ */ s({
+	__name: "MetricBadge",
+	props: {
+		amount: {},
+		unit: {},
+		label: {},
+		abbreviation: {},
+		labelPosition: {},
+		color: {},
+		placeholder: { default: "—" },
+		size: { default: "md" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let s = t, h = r(() => {
+			switch (s.size) {
+				case "sm": return "text-mono-micro";
+				case "md": return "text-mono-caption";
+				case "lg": return "text-mono-small";
+				case "xl": return "text-mono-prose";
+				default: return "text-mono-caption";
+			}
+		}), g = r(() => {
+			switch (s.size) {
+				case "sm": return "text-micro";
+				case "md": return "text-caption";
+				case "lg": return "text-small";
+				case "xl": return "text-prose";
+				default: return "text-caption";
+			}
+		}), _ = r(() => {
+			switch (s.size) {
+				case "sm": return "text-mono-micro";
+				case "md": return "text-mono-micro";
+				case "lg": return "text-mono-caption";
+				case "xl": return "text-mono-small";
+				default: return "text-mono-micro";
+			}
+		}), v = r(() => !!(s.labelPosition && (s.abbreviation || s.label)));
+		return (r, s) => (u(), a("div", {
+			class: c(f(e)("metric-badge cursor-pointer", "focus-visible:outline-2 focus-visible:outline-ring focus-visible:outline-offset-2", t.labelPosition && `metric-badge--label-${t.labelPosition}`, r.$props.class)),
+			"data-size": t.size
+		}, [v.value ? (u(), a(n, { key: 0 }, [t.label ? (u(), a("span", {
+			key: 0,
+			class: c(["metric-badge__label metric-badge__label--full font-mono uppercase text-muted-foreground/80 shrink-0", _.value])
+		}, d(t.label), 3)) : i("", !0), t.abbreviation ? (u(), a("span", {
+			key: 1,
+			class: c(["metric-badge__label metric-badge__label--abbr font-mono uppercase text-muted-foreground/80 shrink-0", _.value])
+		}, d(t.abbreviation), 3)) : i("", !0)], 64)) : i("", !0), t.labelPosition === "stacked" ? (u(), a("span", m, [o("span", {
+			class: c(["metric-badge__amount font-semibold tabular-nums tracking-snug truncate transition-colors", [h.value, { "text-muted-foreground/40": !t.amount }]]),
+			style: l(t.amount ? { color: t.color } : void 0)
+		}, d(t.amount || t.placeholder), 7), t.unit ? (u(), a("span", {
+			key: 0,
+			class: c(["metric-badge__unit font-mono text-muted-foreground shrink-0", g.value])
+		}, d(t.unit), 3)) : i("", !0)])) : (u(), a(n, { key: 2 }, [o("span", {
+			class: c(["metric-badge__amount font-semibold tabular-nums tracking-snug truncate transition-colors", [h.value, { "text-muted-foreground/40": !t.amount }]]),
+			style: l(t.amount ? { color: t.color } : void 0)
+		}, d(t.amount || t.placeholder), 7), t.unit ? (u(), a("span", {
+			key: 0,
+			class: c(["metric-badge__unit font-mono text-muted-foreground shrink-0", g.value])
+		}, d(t.unit), 3)) : i("", !0)], 64))], 10, p));
+	}
+}), [["__scopeId", "data-v-d57a1670"]]);
+//#endregion
+export { h as t };

package/dist/ModalOverlay-DKLVY-cj.js

@@ -0,0 +1,53 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { computed as t, createBlock as n, defineComponent as r, normalizeClass as i, normalizeStyle as a, openBlock as o, renderSlot as s, unref as c, withCtx as l } from "vue";
+import { DialogOverlay as u } from "reka-ui";
+//#endregion
+//#region src/components/ui/_shared/ModalOverlay.vue
+var d = /* @__PURE__ */ r({
+	__name: "ModalOverlay",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		scrim: { default: "glass" },
+		animate: { default: "fade" },
+		layout: { default: "centered" },
+		scrimAnimation: {}
+	},
+	setup(r) {
+		let d = r, f = {
+			glass: "bg-overlay-scrim",
+			clear: "bg-overlay-scrim-subtle",
+			dim: "bg-overlay-scrim-strong"
+		}, p = {
+			fade: "sheet-animate",
+			scale: "sheet-animate",
+			slide: "sheet-animate",
+			none: ""
+		}, m = {
+			centered: "",
+			edge: "",
+			scroll: "grid place-items-center overflow-y-auto"
+		}, h = t(() => {
+			if (d.scrimAnimation) return { "--scrim-animation": d.scrimAnimation };
+		});
+		return (t, r) => (o(), n(c(u), {
+			class: i(c(e)("fixed inset-0 z-overlay [backdrop-filter:var(--glass-blur-wash)]", f[d.scrim], m[d.layout], p[d.animate], d.class)),
+			style: a(h.value),
+			"data-scrim-animation": d.scrimAnimation ? "" : void 0
+		}, {
+			default: l(() => [s(t.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"class",
+			"style",
+			"data-scrim-animation"
+		]));
+	}
+});
+//#endregion
+export { d as t };

package/dist/Notification-DrI1DT2v.js

@@ -0,0 +1,99 @@
+import { t as e } from "./createLucideIcon-Bn9a1b70.js";
+import { t } from "./x-cdWAmO-q.js";
+import { t as n } from "./_plugin-vue_export-helper-n-_DRHWS.js";
+import { Fragment as r, TransitionGroup as i, createBlock as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, renderList as f, resolveDynamicComponent as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
+var _ = e("circle-alert", [
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "10",
+		key: "1mglay"
+	}],
+	["line", {
+		x1: "12",
+		x2: "12",
+		y1: "8",
+		y2: "12",
+		key: "1pkeuh"
+	}],
+	["line", {
+		x1: "12",
+		x2: "12.01",
+		y1: "16",
+		y2: "16",
+		key: "4dfq90"
+	}]
+]), v = e("circle-check-big", [["path", {
+	d: "M21.801 10A10 10 0 1 1 17 3.335",
+	key: "yps3ct"
+}], ["path", {
+	d: "m9 11 3 3L22 4",
+	key: "1pflzl"
+}]]), y = e("circle-x", [
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "10",
+		key: "1mglay"
+	}],
+	["path", {
+		d: "m15 9-6 6",
+		key: "1uzhvr"
+	}],
+	["path", {
+		d: "m9 9 6 6",
+		key: "z0biqf"
+	}]
+]), b = e("info", [
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "10",
+		key: "1mglay"
+	}],
+	["path", {
+		d: "M12 16v-4",
+		key: "1dtifu"
+	}],
+	["path", {
+		d: "M12 8h.01",
+		key: "e9boi3"
+	}]
+]), x = { class: "flex-1 text-sm font-medium" }, S = ["onClick"], C = /* @__PURE__ */ n(/* @__PURE__ */ l({
+	__name: "Notification",
+	props: { notifications: {} },
+	emits: ["remove"],
+	setup(e) {
+		let n = {
+			success: "bg-success/90 text-success-foreground",
+			error: "bg-destructive/90 text-destructive-foreground",
+			warning: "bg-warning/90 text-warning-foreground",
+			info: "bg-info/90 text-info-foreground"
+		}, l = {
+			success: v,
+			error: y,
+			warning: _,
+			info: b
+		};
+		return (_, v) => (d(), a(i, {
+			name: "notification",
+			tag: "div",
+			class: "fixed bottom-4 right-4 z-toast flex flex-col gap-2"
+		}, {
+			default: g(() => [(d(!0), o(r, null, f(e.notifications, (e) => (d(), o("div", {
+				key: e.id,
+				class: u(["glass-wash flex items-center gap-3 rounded-panel px-4 py-3 shadow-elevated", [n[e.type], "min-w-[300px] max-w-[500px]"]])
+			}, [
+				(d(), a(p(l[e.type]), { class: "h-5 w-5 flex-shrink-0" })),
+				s("p", x, m(e.message), 1),
+				s("button", {
+					onClick: (t) => _.$emit("remove", e.id),
+					class: "rounded-button p-1 transition-colors hover:bg-white/10"
+				}, [c(h(t), { class: "h-4 w-4" })], 8, S)
+			], 2))), 128))]),
+			_: 1
+		}));
+	}
+}), [["__scopeId", "data-v-d7b5ebdf"]]);
+//#endregion
+export { C as t };

package/dist/PaperBackdrop-Bc2drCqJ.js

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

package/dist/PopoverContent-BCH4eYs8.js

@@ -0,0 +1,121 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { i as t } from "./dockContext-BDGSrwsV.js";
+import { computed as n, createBlock as r, createVNode as i, defineComponent as a, guardReactiveProps as o, mergeProps as s, normalizeProps as c, openBlock as l, renderSlot as u, unref as d, withCtx as f } from "vue";
+import { PopoverContent as p, PopoverPortal as m, PopoverRoot as h, PopoverTrigger as g, useForwardPropsEmits as _ } from "reka-ui";
+//#endregion
+//#region src/components/ui/popover/Popover.vue
+var v = /* @__PURE__ */ a({
+	__name: "Popover",
+	props: {
+		defaultOpen: { type: Boolean },
+		open: { type: Boolean },
+		modal: { type: Boolean }
+	},
+	emits: ["update:open"],
+	setup(e, { emit: t }) {
+		let n = _(e, t);
+		return (e, t) => (l(), r(d(h), c(o(d(n))), {
+			default: f(() => [u(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), y = /* @__PURE__ */ a({
+	__name: "PopoverTrigger",
+	props: {
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (l(), r(d(g), c(o(t)), {
+			default: f(() => [u(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), b = /* @__PURE__ */ a({
+	inheritAttrs: !1,
+	__name: "PopoverContent",
+	props: {
+		forceMount: { type: Boolean },
+		side: {},
+		sideOffset: { default: 4 },
+		sideFlip: { type: Boolean },
+		align: { default: "center" },
+		alignOffset: {},
+		alignFlip: { type: Boolean },
+		avoidCollisions: { type: Boolean },
+		collisionBoundary: {},
+		collisionPadding: {},
+		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
+		] },
+		portal: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(a, { emit: o }) {
+		let c = a, h = o, g = _(n(() => {
+			let { class: e, portal: t, ...n } = c;
+			return n;
+		}), h), v = t();
+		return (t, n) => a.portal ? (l(), r(d(m), { key: 0 }, {
+			default: f(() => [i(d(p), s({
+				...d(g),
+				...t.$attrs
+			}, {
+				"data-glass-dock-portal": d(v)?.id ? "" : void 0,
+				"data-glass-dock-owner": d(v)?.id,
+				class: d(e)("popover-content z-popover w-72 glass-floating p-4 popover-animate slide-in-from-side", c.class)
+			}), {
+				default: f(() => [u(t.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"data-glass-dock-portal",
+				"data-glass-dock-owner",
+				"class"
+			])]),
+			_: 3
+		})) : (l(), r(d(p), s({ key: 1 }, {
+			...d(g),
+			...t.$attrs
+		}, {
+			"data-glass-dock-portal": d(v)?.id ? "" : void 0,
+			"data-glass-dock-owner": d(v)?.id,
+			class: d(e)("popover-content z-popover w-72 glass-floating p-4 popover-animate slide-in-from-side", c.class)
+		}), {
+			default: f(() => [u(t.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"data-glass-dock-portal",
+			"data-glass-dock-owner",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { y as n, v as r, b as t };

package/dist/Progress-CCH-2UBR.js

@@ -0,0 +1,126 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./_plugin-vue_export-helper-n-_DRHWS.js";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeProps as u, normalizeClass as d, normalizeStyle as f, openBlock as p, renderList as m, unref as h, withCtx as g } from "vue";
+import { ProgressIndicator as _, ProgressRoot as v } from "reka-ui";
+//#region src/components/ui/progress/Progress.vue?vue&type=script&setup=true&lang.ts
+var y = ["data-state", "data-index"], b = {
+	key: 0,
+	class: "progress-sectioned-sweep",
+	"aria-hidden": "true"
+}, x = /* @__PURE__ */ t(/* @__PURE__ */ l({
+	__name: "Progress",
+	props: {
+		modelValue: { default: 0 },
+		max: {},
+		getValueLabel: {},
+		getValueText: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		variant: { default: "default" },
+		segments: { default: () => [] },
+		currentSegmentKey: { default: null },
+		activeProgress: { default: 0 },
+		indeterminate: {
+			type: Boolean,
+			default: !1
+		},
+		disableCrescendo: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(t) {
+		let l = t, x = r(() => {
+			let { class: e, variant: t, segments: n, currentSegmentKey: r, activeProgress: i, indeterminate: a, disableCrescendo: o, ...s } = l;
+			return s;
+		}), S = r(() => {
+			if (l.variant === "sectioned" || l.indeterminate) return "idle";
+			let e = l.modelValue ?? 0;
+			return e <= 0 ? "idle" : e >= 100 ? "complete" : e < 5 ? "loading" : "progressing";
+		}), C = r(() => {
+			if (l.variant !== "gradient" || l.indeterminate) return;
+			if (l.disableCrescendo) return { "--progress-crescendo": "0%" };
+			let e = l.modelValue ?? 0;
+			if (e < 85) return { "--progress-crescendo": "0%" };
+			let t = (e - 85) / 15 * 100;
+			return { "--progress-crescendo": `${Math.min(100, Math.max(0, t))}%` };
+		}), w = r(() => l.variant === "sectioned" ? "relative h-[var(--progress-sectioned-height,0.875rem)] w-full overflow-hidden rounded-pill progress-sectioned-rail" : l.variant === "gradient" ? "relative h-4 w-full overflow-hidden rounded-pill bg-[var(--progress-track,theme(colors.secondary.DEFAULT))] progress-gradient-rail" : "relative h-4 w-full overflow-hidden rounded-pill bg-secondary"), T = r(() => l.variant === "sectioned" ? "absolute inset-0 pointer-events-none opacity-0" : l.variant === "gradient" ? "h-full w-full flex-1 rounded-pill [background:var(--progress-fill,theme(colors.primary.DEFAULT))] transition-transform" : "h-full w-full flex-1 rounded-pill bg-primary transition-transform"), E = r(() => {
+			if (l.variant !== "sectioned" || l.segments.length === 0) return [];
+			let e = l.segments.map((e) => e.weight ?? 1), t = e.reduce((e, t) => e + t, 0) || 1, n = l.segments.findIndex((e) => e.key === l.currentSegmentKey), r = 0;
+			return l.segments.map((i, a) => {
+				let o = e[a] / t * 100, s = r, c = r + o;
+				r = c;
+				let u;
+				u = i.state ? i.state : n < 0 ? "pending" : a < n ? "completed" : a === n ? "active" : "pending";
+				let d = u === "completed" ? 1 : u === "active" ? Math.max(0, Math.min(1, l.activeProgress)) : 0;
+				return {
+					...i,
+					startPct: s,
+					endPct: c,
+					widthPct: o,
+					resolvedState: u,
+					fill: d
+				};
+			});
+		}), D = r(() => {
+			if (l.variant !== "sectioned" || E.value.length === 0) return l.modelValue ?? 0;
+			let e = 0;
+			for (let t of E.value) e += t.fill * t.widthPct;
+			return Math.max(0, Math.min(100, e));
+		}), O = r(() => l.variant === "sectioned" ? D.value : l.modelValue ?? 0);
+		return (r, D) => (p(), i(h(v), u(x.value, {
+			"model-value": O.value,
+			class: h(e)(w.value, l.class),
+			"data-lifecycle": S.value,
+			"data-indeterminate": t.indeterminate || void 0,
+			"data-crescendo": t.disableCrescendo ? "disabled" : void 0
+		}), {
+			default: g(() => [c(h(_), {
+				class: d(T.value),
+				style: f(t.variant === "sectioned" ? void 0 : {
+					transform: `translateX(-${100 - (l.modelValue ?? 0)}%)`,
+					...C.value ?? {}
+				})
+			}, null, 8, ["class", "style"]), t.variant === "sectioned" ? (p(), o(n, { key: 0 }, [(p(!0), o(n, null, m(E.value, (e, t) => (p(), o("div", {
+				key: e.key,
+				class: "progress-sectioned-cell",
+				"data-state": e.resolvedState,
+				"data-index": t,
+				style: f({
+					left: e.startPct + "%",
+					width: e.widthPct + "%",
+					"--cell-color": e.color,
+					"--cell-fill": e.fill
+				})
+			}, [s("span", {
+				class: "progress-sectioned-fill",
+				style: f({ width: e.fill * 100 + "%" })
+			}, null, 4), e.resolvedState === "active" ? (p(), o("span", b)) : a("", !0)], 12, y))), 128)), (p(!0), o(n, null, m(E.value, (e, t) => (p(), o(n, { key: `seam-${e.key}` }, [t < E.value.length - 1 ? (p(), o("span", {
+				key: 0,
+				class: "progress-sectioned-seam",
+				style: f({
+					left: e.endPct + "%",
+					"--seam-from": e.color,
+					"--seam-to": E.value[t + 1].color
+				}),
+				"aria-hidden": "true"
+			}, null, 4)) : a("", !0)], 64))), 128))], 64)) : a("", !0)]),
+			_: 1
+		}, 16, [
+			"model-value",
+			"class",
+			"data-lifecycle",
+			"data-indeterminate",
+			"data-crescendo"
+		]));
+	}
+}), [["__scopeId", "data-v-ca211071"]]);
+//#endregion
+export { x as t };

package/dist/ScrollingText-7P8skg5W.js

@@ -0,0 +1,40 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./_plugin-vue_export-helper-n-_DRHWS.js";
+import { t as n } from "./useResizeObserver-F4aRR4Cj.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({
+	name: "ScrollingText",
+	__name: "ScrollingText",
+	props: {
+		text: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let o = t, g = p("containerRef"), _ = p("contentRef"), v = l(!1), y = l(0);
+		function b() {
+			let e = g.value, t = _.value;
+			if (!e || !t) return;
+			let n = t.scrollWidth - e.clientWidth;
+			v.value = n > 1, y.value = Math.max(0, n), e.style.setProperty("--scroll-distance", `${y.value}px`), e.style.setProperty("--scroll-duration", `${Math.max(4, y.value / 80 + 4)}s`);
+		}
+		return n(g, b), n(_, b), m(() => b()), (n, l) => (c(), r("span", {
+			ref_key: "containerRef",
+			ref: g,
+			"data-overflows": v.value || null,
+			class: s(f(e)("scrolling-text", o.class))
+		}, [i("span", {
+			ref_key: "contentRef",
+			ref: _,
+			class: "scrolling-text__content"
+		}, [u(n.$slots, "default", {}, () => [a(d(t.text), 1)], !0)], 512)], 10, h));
+	}
+}), [["__scopeId", "data-v-ed6cda0e"]]);
+//#endregion
+export { g as t };

package/dist/SelectGroup-O69GTQ77.js

@@ -0,0 +1,31 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { computed as t, createBlock as n, defineComponent as r, mergeProps as i, openBlock as a, renderSlot as o, unref as s, withCtx as c } from "vue";
+import { SelectGroup as l } from "reka-ui";
+//#endregion
+//#region src/components/ui/select/SelectGroup.vue
+var u = /* @__PURE__ */ r({
+	__name: "SelectGroup",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(r) {
+		let u = r, d = t(() => {
+			let { class: e, ...t } = u;
+			return t;
+		});
+		return (t, r) => (a(), n(s(l), i({ class: s(e)("p-1 w-full", u.class) }, d.value), {
+			default: c(() => [o(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+});
+//#endregion
+export { u as t };