@mkbabb/glass-ui 3.2.0 → 3.4.0

package/dist/HoverPopover-DTSYkJtw.js

@@ -0,0 +1,96 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { i as t } from "./dockContext-spUj_-E5.js";
+import { Fragment as n, computed as r, createBlock as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, mergeModels as l, mergeProps as u, openBlock as d, renderSlot as f, toDisplayString as p, unref as m, useId as h, useModel as g, watch as _, withCtx as v } from "vue";
+import { HoverCardContent as y, HoverCardPortal as b, HoverCardRoot as x, HoverCardTrigger as S } from "reka-ui";
+//#region src/components/custom/hover-popover/HoverPopover.vue?vue&type=script&setup=true&lang.ts
+var C = { class: "hover-popover-label" }, w = { class: "hover-popover-label" }, T = /* @__PURE__ */ c({
+	__name: "HoverPopover",
+	props: /* @__PURE__ */ l({
+		content: {},
+		side: { default: "top" },
+		align: { default: "center" },
+		hoverOpenDelay: { default: 250 },
+		closeDelay: { default: 150 },
+		sideOffset: { default: 6 },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		keepDockOpen: {
+			type: Boolean,
+			default: !1
+		},
+		native: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		openModifiers: {}
+	}),
+	emits: ["update:open"],
+	setup(c) {
+		let l = c, T = g(c, "open"), E = r(() => e("z-popover hover-popover-panel popover-animate", l.class)), D = typeof HTMLButtonElement < "u" && "interestForElement" in HTMLButtonElement.prototype, O = r(() => l.native && D), k = `gl-hover-popover-${h() ?? "0"}`;
+		function A(e) {
+			let t = e.newState === "open";
+			t !== T.value && (T.value = t);
+		}
+		let j = t(), M = !1;
+		_(T, (e) => {
+			l.keepDockOpen && (e && !M ? (j?.keepOpen(), M = !0) : !e && M && (j?.release(), M = !1));
+		});
+		let N = r(() => l.keepDockOpen && j?.id ? {
+			"data-glass-dock-portal": "",
+			"data-glass-dock-owner": j.id
+		} : {});
+		return (t, r) => O.value ? (d(), a(n, { key: 0 }, [o("span", {
+			class: "hover-popover-native-trigger",
+			interestfor: k
+		}, [f(t.$slots, "trigger", {}, () => [f(t.$slots, "default")])]), o("div", u({
+			id: k,
+			popover: "hint",
+			class: m(e)("glass-top-layer hover-popover-panel", l.class)
+		}, N.value, { onToggle: A }), [f(t.$slots, "content", {}, () => [o("span", C, p(c.content), 1)])], 16)], 64)) : (d(), i(m(x), {
+			key: 1,
+			open: T.value,
+			"onUpdate:open": r[0] ||= (e) => T.value = e,
+			"open-delay": c.hoverOpenDelay,
+			"close-delay": c.closeDelay
+		}, {
+			default: v(() => [s(m(S), { "as-child": "" }, {
+				default: v(() => [f(t.$slots, "trigger", {}, () => [f(t.$slots, "default")])]),
+				_: 3
+			}), s(m(b), null, {
+				default: v(() => [s(m(y), u({
+					side: c.side,
+					align: c.align,
+					"side-offset": c.sideOffset,
+					"avoid-collisions": !0,
+					class: E.value
+				}, N.value), {
+					default: v(() => [f(t.$slots, "content", {}, () => [o("span", w, p(c.content), 1)])]),
+					_: 3
+				}, 16, [
+					"side",
+					"align",
+					"side-offset",
+					"class"
+				])]),
+				_: 3
+			})]),
+			_: 3
+		}, 8, [
+			"open",
+			"open-delay",
+			"close-delay"
+		]));
+	}
+});
+//#endregion
+export { T as t };

package/dist/{IconTooltip-DXveGjx7.js → IconTooltip-BTyYn4mr.js}

@@ -1,4 +1,4 @@
-import { i as e, n as t, r as n, t as r } from "./TooltipProvider-MZFRxOvT.js";
+import { i as e, n as t, r as n, t as r } from "./TooltipProvider-D-JrSqDu.js";
 import { createBlock as i, createTextVNode as a, createVNode as o, defineComponent as s, openBlock as c, renderSlot as l, toDisplayString as u, unref as d, withCtx as f } from "vue";
 //#endregion
 //#region src/components/custom/icon-tooltip/IconTooltip.vue

package/dist/Input-CU9CNKmo.js

@@ -0,0 +1,52 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { computed as t, createElementBlock as n, defineComponent as r, isRef as i, mergeProps as a, openBlock as o, unref as s, vModelDynamic as c, withDirectives as l } from "vue";
+import { useVModel as u } from "@vueuse/core";
+//#endregion
+//#region src/components/ui/input/Input.vue
+var d = /* @__PURE__ */ r({
+	inheritAttrs: !1,
+	__name: "Input",
+	props: {
+		defaultValue: {},
+		modelValue: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		type: {},
+		placeholder: {},
+		disabled: { type: [Boolean, String] },
+		required: { type: [Boolean, String] },
+		inputmode: {},
+		autocomplete: {},
+		pattern: {},
+		name: {},
+		readonly: { type: [Boolean, String] }
+	},
+	emits: ["update:modelValue"],
+	setup(r, { emit: d }) {
+		let f = r, p = u(f, "modelValue", d, {
+			passive: !0,
+			defaultValue: f.defaultValue
+		}), m = t(() => ({
+			type: f.type,
+			placeholder: f.placeholder,
+			disabled: f.disabled,
+			required: f.required,
+			inputmode: f.inputmode,
+			autocomplete: f.autocomplete,
+			pattern: f.pattern,
+			name: f.name,
+			readonly: f.readonly
+		}));
+		return (t, r) => l((o(), n("input", a({ "onUpdate:modelValue": r[0] ||= (e) => i(p) ? p.value = e : null }, {
+			...t.$attrs,
+			...m.value
+		}, { class: s(e)("input-pill text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium", f.class) }), null, 16)), [[c, s(p)]]);
+	}
+});
+//#endregion
+export { d as t };

package/dist/{MetricBadge-J_GBCb8e.js → MetricBadge-BlrdbOGN.js}

@@ -73,6 +73,6 @@ var p = ["data-size"], m = {
 			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"]]);
+}), [["__scopeId", "data-v-8f68fd6d"]]);
 //#endregion
 export { h as t };

package/dist/{NumberFieldContent-B6L6YrQz.js → NumberFieldContent-iOTQ5rGO.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { t } from "./createLucideIcon-DuDoe_ra.js";
-import { n } from "./button-DS3ULf5i.js";
+import { n } from "./button-Ckn3eDfB.js";
 import { computed as r, createBlock as i, createElementBlock as a, createVNode as o, defineComponent as s, mergeProps as c, normalizeClass as l, openBlock as u, renderSlot as d, unref as f, withCtx as p } from "vue";
 import { NumberFieldDecrement as m, NumberFieldIncrement as h, NumberFieldInput as g, NumberFieldRoot as _, useForwardProps as v, useForwardPropsEmits as y } from "reka-ui";
 var b = t("minus", [["path", {
@@ -56,7 +56,11 @@ var b = t("minus", [["path", {
 	inheritAttrs: !1,
 	__name: "NumberFieldInput",
 	setup(t) {
-		return (t, n) => (u(), i(f(g), c({ inputmode: "decimal" }, t.$attrs, {
+		let n = { inputmode: "decimal" };
+		return (t, r) => (u(), i(f(g), c({
+			...n,
+			...t.$attrs
+		}, {
 			"data-slot": "input",
 			class: f(e)("focus-ring flex h-10 w-full rounded-input border border-input bg-background py-2 text-sm text-center placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-disabled")
 		}), null, 16, ["class"]));
@@ -86,7 +90,7 @@ var b = t("minus", [["path", {
 				size: "icon",
 				class: l(f(e)("absolute top-1/2 -translate-y-1/2 right-0 disabled:cursor-not-allowed disabled:opacity-20", a.class))
 			}, {
-				default: p(() => [d(t.$slots, "default", {}, () => [o(f(x), { class: "size-[var(--icon-sm)]" })])]),
+				default: p(() => [d(t.$slots, "default", {}, () => [o(f(x), { class: "size-icon-sm" })])]),
 				_: 3
 			}, 8, ["class"])]),
 			_: 3
@@ -117,7 +121,7 @@ var b = t("minus", [["path", {
 				size: "icon",
 				class: l(f(e)("absolute top-1/2 -translate-y-1/2 left-0 disabled:cursor-not-allowed disabled:opacity-20", a.class))
 			}, {
-				default: p(() => [d(t.$slots, "default", {}, () => [o(f(b), { class: "size-[var(--icon-sm)]" })])]),
+				default: p(() => [d(t.$slots, "default", {}, () => [o(f(b), { class: "size-icon-sm" })])]),
 				_: 3
 			}, 8, ["class"])]),
 			_: 3

package/dist/{PopoverContent-CxEEUL7Y.js → PopoverContent-B8WtJECb.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { i as t } from "./dockContext-DM58L1Jt.js";
+import { i as t } from "./dockContext-spUj_-E5.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

package/dist/Progress-DjM86vfb.js

@@ -0,0 +1,254 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./_plugin-vue_export-helper-C1je1s0u.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, toRef as h, unref as g, watchEffect as _, withCtx as v } from "vue";
+import { ProgressIndicator as y, ProgressRoot as b } from "reka-ui";
+//#endregion
+//#region src/components/ui/progress/ProgressDefault.vue
+var x = /* @__PURE__ */ l({
+	__name: "ProgressDefault",
+	props: {
+		modelValue: {},
+		max: {},
+		getValueLabel: { type: Function },
+		getValueText: { type: Function },
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let n = t, a = r(() => {
+			let { class: e, ...t } = n;
+			return t;
+		});
+		return (t, r) => (p(), i(g(b), u(a.value, { class: g(e)("relative h-4 w-full overflow-hidden rounded-pill bg-secondary", n.class) }), {
+			default: v(() => [c(g(y), {
+				class: "h-full w-full flex-1 rounded-pill bg-primary transition-transform",
+				style: f({ transform: `translateX(-${100 - (n.modelValue ?? 0)}%)` })
+			}, null, 8, ["style"])]),
+			_: 1
+		}, 16, ["class"]));
+	}
+}), S = /* @__PURE__ */ t(/* @__PURE__ */ l({
+	__name: "ProgressGradient",
+	props: {
+		modelValue: {},
+		max: {},
+		getValueLabel: { type: Function },
+		getValueText: { type: Function },
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		indeterminate: { type: Boolean }
+	},
+	setup(t) {
+		let n = t, a = r(() => {
+			let { class: e, indeterminate: t, ...r } = n;
+			return r;
+		}), o = r(() => {
+			if (n.indeterminate) return "idle";
+			let e = n.modelValue ?? 0;
+			return e <= 0 ? "idle" : e >= 100 ? "complete" : e < 5 ? "loading" : "progressing";
+		}), s = r(() => {
+			if (n.indeterminate) return;
+			let e = n.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))}%` };
+		});
+		return (r, l) => (p(), i(g(b), u(a.value, {
+			class: g(e)("relative h-4 w-full overflow-hidden rounded-pill bg-[var(--progress-track,var(--secondary))] progress-gradient-rail", n.class),
+			"data-lifecycle": o.value,
+			"data-indeterminate": t.indeterminate || void 0
+		}), {
+			default: v(() => [c(g(y), {
+				class: "h-full w-full flex-1 rounded-pill [background:var(--progress-fill,var(--primary))] transition-transform",
+				style: f({
+					transform: `translateX(-${100 - (n.modelValue ?? 0)}%)`,
+					...s.value ?? {}
+				})
+			}, null, 8, ["style"])]),
+			_: 1
+		}, 16, [
+			"class",
+			"data-lifecycle",
+			"data-indeterminate"
+		]));
+	}
+}), [["__scopeId", "data-v-f67eced2"]]);
+//#endregion
+//#region src/components/ui/progress/useProgressGeometry.ts
+function C(e) {
+	let t = r(() => {
+		let t = e.segments.value;
+		if (t.length === 0) return [];
+		let n = t.map((e) => e.weight ?? 1), r = n.reduce((e, t) => e + t, 0) || 1, i = t.findIndex((t) => t.key === e.currentSegmentKey.value), a = 0;
+		return t.map((t, o) => {
+			let s = n[o] / r * 100, c = a, l = a + s;
+			a = l;
+			let u;
+			u = t.state ? t.state : i < 0 ? "pending" : o < i ? "completed" : o === i ? "active" : "pending";
+			let d = u === "completed" ? 1 : u === "active" ? Math.max(0, Math.min(1, e.activeProgress.value)) : 0;
+			return {
+				...t,
+				startPct: c,
+				endPct: l,
+				widthPct: s,
+				resolvedState: u,
+				fill: d
+			};
+		});
+	});
+	return {
+		cells: t,
+		aggregateValue: r(() => {
+			if (t.value.length === 0) return 0;
+			let e = 0;
+			for (let n of t.value) e += n.fill * n.widthPct;
+			return Math.max(0, Math.min(100, e));
+		})
+	};
+}
+//#endregion
+//#region src/components/ui/progress/ProgressSectioned.vue?vue&type=script&setup=true&lang.ts
+var w = ["data-state", "data-index"], T = {
+	key: 0,
+	class: "progress-sectioned-sweep",
+	"aria-hidden": "true"
+}, E = /* @__PURE__ */ t(/* @__PURE__ */ l({
+	__name: "ProgressSectioned",
+	props: {
+		max: {},
+		getValueLabel: {},
+		getValueText: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		segments: { default: () => [] },
+		currentSegmentKey: { default: null },
+		activeProgress: { default: 0 }
+	},
+	setup(t) {
+		let l = t, d = r(() => {
+			let { class: e, segments: t, currentSegmentKey: n, activeProgress: r, ...i } = l;
+			return i;
+		}), { cells: _, aggregateValue: x } = C({
+			segments: h(l, "segments"),
+			currentSegmentKey: h(l, "currentSegmentKey"),
+			activeProgress: h(l, "activeProgress")
+		});
+		return (t, r) => (p(), i(g(b), u(d.value, {
+			"model-value": g(x),
+			class: g(e)("relative h-[var(--progress-sectioned-height,0.875rem)] w-full overflow-hidden rounded-pill progress-sectioned-rail", l.class)
+		}), {
+			default: v(() => [
+				c(g(y), { class: "absolute inset-0 pointer-events-none opacity-0" }),
+				(p(!0), o(n, null, m(g(_), (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", T)) : a("", !0)], 12, w))), 128)),
+				(p(!0), o(n, null, m(g(_), (e, t) => (p(), o(n, { key: `seam-${e.key}` }, [t < g(_).length - 1 ? (p(), o("span", {
+					key: 0,
+					class: "progress-sectioned-seam",
+					style: f({
+						left: e.endPct + "%",
+						"--seam-from": e.color,
+						"--seam-to": g(_)[t + 1].color
+					}),
+					"aria-hidden": "true"
+				}, null, 4)) : a("", !0)], 64))), 128))
+			]),
+			_: 1
+		}, 16, ["model-value", "class"]));
+	}
+}), [["__scopeId", "data-v-52179597"]]), D = /* @__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
+		}
+	},
+	setup(e) {
+		let t = e;
+		function n(e) {
+			let t = `[glass-ui] Progress: ${e}`;
+			console.error(t);
+		}
+		return _(() => {
+			let e = t.variant === "sectioned";
+			!e && t.segments.length > 0 && n(`\`segments\` is only valid on variant="sectioned" (got variant="${t.variant}"). The default/gradient variants are driven by \`modelValue\`.`), e && (t.modelValue ?? 0) !== 0 && n("variant=\"sectioned\" ignores `modelValue` — its value derives from the per-cell state map (segments + currentSegmentKey + activeProgress). Drive the fill via `activeProgress`/`currentSegmentKey`, not `modelValue`."), e && t.indeterminate && n("`indeterminate` is not compatible with variant=\"sectioned\". The sectioned variant's living motion is the active-cell sweep.");
+		}), (e, n) => t.variant === "sectioned" ? (p(), i(E, {
+			key: 0,
+			segments: t.segments,
+			"current-segment-key": t.currentSegmentKey,
+			"active-progress": t.activeProgress,
+			class: d(t.class)
+		}, null, 8, [
+			"segments",
+			"current-segment-key",
+			"active-progress",
+			"class"
+		])) : t.variant === "gradient" ? (p(), i(S, {
+			key: 1,
+			"model-value": t.modelValue,
+			indeterminate: t.indeterminate,
+			class: d(t.class)
+		}, null, 8, [
+			"model-value",
+			"indeterminate",
+			"class"
+		])) : (p(), i(x, {
+			key: 2,
+			"model-value": t.modelValue,
+			class: d(t.class)
+		}, null, 8, ["model-value", "class"]));
+	}
+});
+//#endregion
+export { x as a, S as i, E as n, C as r, D as t };

package/dist/{ScrollingText-1Qjnwz6H.js → ScrollingText-P9o_DuMn.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-C_7GjpRn.js";
+import { t as n } from "./useResizeObserver-DX-STszm.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-BvvvAbuh.js → SelectScrollDownButton-BGn3rjs9.js}

@@ -2,7 +2,7 @@ import { t as e } from "./cn-DJXf4yaB.js";
 import { t } from "./chevron-down-pBY8sYfV.js";
 import { t as n } from "./chevron-up-DBeNHUm1.js";
 import { t as r } from "./menuItemVariants-C2QlXqT3.js";
-import { i } from "./dockContext-DM58L1Jt.js";
+import { i } from "./dockContext-spUj_-E5.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";
 //#endregion
@@ -58,16 +58,17 @@ var P = /* @__PURE__ */ d({
 			Object,
 			Array
 		] },
-		variant: { default: "default" }
+		variant: { default: "default" },
+		size: { default: "default" }
 	},
 	setup(n) {
 		let r = n, i = M(a(() => {
-			let { class: e, variant: t, ...n } = r;
-			return n;
-		})), s = a(() => r.variant === "ghost" ? "bg-transparent border-none shadow-none" : "glass-wash");
-		return (n, a) => (g(), o(v(k), p(v(i), { class: v(e)(s.value, "focus-ring flex h-10 w-full items-center justify-between rounded-pill px-3 py-2 text-sm placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-disabled [&>span]:line-clamp-1 transition-[background-color,border-color,box-shadow,color]", r.class) }), {
+			let { class: e, variant: t, size: n, ...i } = r;
+			return i;
+		})), s = a(() => r.variant === "ghost" ? "bg-transparent border-none shadow-none" : "glass-wash"), c = a(() => r.size === "sm" ? "h-9" : "h-10");
+		return (n, a) => (g(), o(v(k), p(v(i), { class: v(e)(s.value, c.value, "focus-ring flex w-full items-center justify-between rounded-pill px-3 py-2 text-sm placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-disabled [&>span]:line-clamp-1 transition-control", r.class) }), {
 			default: y(() => [_(n.$slots, "default"), u(v(x), { "as-child": "" }, {
-				default: y(() => [u(v(t), { class: "transition-transform duration-200 ease-[var(--ease-standard)] [&[data-state=open]]:rotate-180 h-4 w-4 shrink-0 opacity-50" })]),
+				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" })]),
 				_: 1
 			})]),
 			_: 3
@@ -130,7 +131,7 @@ var P = /* @__PURE__ */ d({
 			}), {
 				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]")) }, {
+					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")]),
 						_: 3
 					}, 8, ["class"]),

package/dist/TabsIndicator-DA0x9gPr.js

@@ -0,0 +1,97 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { computed as t, createBlock as n, defineComponent as r, guardReactiveProps as i, mergeProps as a, normalizeProps as o, openBlock as s, renderSlot as c, unref as l, withCtx as u } from "vue";
+import { TabsIndicator as d, TabsList as f, TabsRoot as p, TabsTrigger as m, useForwardProps as h, useForwardPropsEmits as g } from "reka-ui";
+//#endregion
+//#region src/components/ui/tabs/Tabs.vue
+var _ = /* @__PURE__ */ r({
+	__name: "Tabs",
+	props: {
+		defaultValue: {},
+		orientation: {},
+		dir: {},
+		activationMode: {},
+		modelValue: {},
+		unmountOnHide: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let r = g(e, t);
+		return (e, t) => (s(), n(l(p), o(i(l(r))), {
+			default: u(() => [c(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), v = /* @__PURE__ */ r({
+	__name: "TabsTrigger",
+	props: {
+		value: {},
+		disabled: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(r) {
+		let i = r, o = h(t(() => {
+			let { class: e, ...t } = i;
+			return t;
+		}));
+		return (t, r) => (s(), n(l(m), a(l(o), { class: l(e)("focus-ring inline-flex items-center justify-center whitespace-nowrap rounded-sm p-1 px-3 text-sm font-medium transition-control disabled:pointer-events-none disabled:opacity-disabled data-[state=active]:text-[var(--active-tab-color,var(--foreground))] hover:text-foreground/70", i.class) }), {
+			default: u(() => [c(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), y = /* @__PURE__ */ r({
+	__name: "TabsList",
+	props: {
+		loop: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(r) {
+		let i = r, o = t(() => {
+			let { class: e, ...t } = i;
+			return t;
+		});
+		return (t, r) => (s(), n(l(f), a(o.value, { class: l(e)("inline-flex h-10 items-center justify-center rounded-input p-1 text-muted-foreground", i.class) }), {
+			default: u(() => [c(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), b = /* @__PURE__ */ r({
+	__name: "TabsIndicator",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(r) {
+		let i = r, o = t(() => {
+			let { class: e, ...t } = i;
+			return t;
+		});
+		return (t, r) => (s(), n(l(d), a(o.value, { class: l(e)("absolute left-0 h-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position) rounded-pill bg-secondary/80 transition-[width,transform] duration-normal ease-spring-snappy", i.class) }), null, 16, ["class"]));
+	}
+});
+//#endregion
+export { _ as i, y as n, v as r, b as t };