@mkbabb/glass-ui 4.1.0 → 5.0.0

package/dist/DialogScrollContent-TTuovQst.js

@@ -1,93 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./vendor-B2qOlYY3.js";
-import { t as n } from "./ModalOverlay-D1VrWyoi.js";
-import { computed as r, createBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, guardReactiveProps as c, mergeProps as l, normalizeClass as u, normalizeProps as d, openBlock as f, renderSlot as p, unref as m, withCtx as h } from "vue";
-import { DialogClose as g, DialogContent as _, DialogPortal as v, DialogTrigger as y, useForwardPropsEmits as b } from "reka-ui";
-//#endregion
-//#region src/components/ui/dialog/DialogClose.vue
-var x = /* @__PURE__ */ s({
-	__name: "DialogClose",
-	props: {
-		asChild: { type: Boolean },
-		as: {}
-	},
-	setup(e) {
-		let t = e;
-		return (e, n) => (f(), i(m(g), d(c(t)), {
-			default: h(() => [p(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), S = /* @__PURE__ */ s({
-	__name: "DialogTrigger",
-	props: {
-		asChild: { type: Boolean },
-		as: {}
-	},
-	setup(e) {
-		let t = e;
-		return (e, n) => (f(), i(m(y), d(c(t)), {
-			default: h(() => [p(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), C = /* @__PURE__ */ s({
-	__name: "DialogScrollContent",
-	props: {
-		forceMount: { type: Boolean },
-		disableOutsidePointerEvents: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		overlayClass: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	emits: [
-		"escapeKeyDown",
-		"pointerDownOutside",
-		"focusOutside",
-		"interactOutside",
-		"openAutoFocus",
-		"closeAutoFocus"
-	],
-	setup(s, { emit: c }) {
-		let d = s, y = c, x = b(r(() => {
-			let { class: e, overlayClass: t, ...n } = d;
-			return n;
-		}), y);
-		return (r, s) => (f(), i(m(v), null, {
-			default: h(() => [o(n, {
-				scrim: "clear",
-				animate: "fade",
-				layout: "scroll",
-				class: u(d.overlayClass)
-			}, {
-				default: h(() => [o(m(_), l({ class: m(e)("popover-content relative z-overlay grid w-full max-w-lg my-8 gap-4 border border-border glass-floating [--overlay-pad-inline:--spacing(6)] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] px-(--overlay-pad-inline) py-(--overlay-pad-block) [box-shadow:var(--glass-shadow-floating)] duration-200 sm:rounded-dialog md:w-full", d.class) }, m(x), { onPointerDownOutside: s[0] ||= (e) => {
-					let t = e.detail.originalEvent, n = t.target;
-					(t.offsetX > n.clientWidth || t.offsetY > n.clientHeight) && e.preventDefault();
-				} }), {
-					default: h(() => [p(r.$slots, "default"), o(m(g), { class: "focus-ring absolute top-3 right-3 p-0.5 transition-colors rounded-pill hover:bg-secondary" }, {
-						default: h(() => [o(m(t), { class: "w-4 h-4" }), s[1] ||= a("span", { class: "sr-only" }, "Close", -1)]),
-						_: 1
-					})]),
-					_: 3
-				}, 16, ["class"])]),
-				_: 3
-			}, 8, ["class"])]),
-			_: 3
-		}));
-	}
-});
-//#endregion
-export { S as n, x as r, C as t };

package/dist/FadingScroll-DLRbH5Xr.js

@@ -1,76 +0,0 @@
-import { t as e } from "./supportsCssTimeline-BWenxvHU.js";
-import { t } from "./useResizeObserver-Bpoi7tRE.js";
-import { createElementBlock as n, defineComponent as r, normalizeClass as i, onBeforeUnmount as a, onMounted as o, openBlock as s, ref as c, renderSlot as l, unref as u } from "vue";
-//#region src/components/custom/fading-scroll/constants.ts
-var d = e();
-//#endregion
-//#region src/components/custom/fading-scroll/composables/useFadingScroll.ts
-function f(e, n = {}) {
-	let { axis: r = "x", fadeStart: i = !0, fadeEnd: s = !0 } = n, l = c(!d), f = 0, p = null;
-	function m(t, n) {
-		let r = u(e);
-		r && (r.style.setProperty("--fade-start", t ? "var(--fade-scroll-width)" : "0px"), r.style.setProperty("--fade-end", n ? "var(--fade-scroll-width)" : "0px"));
-	}
-	function h() {
-		let t = u(e);
-		if (!t) return;
-		let n = r === "x" ? t.scrollLeft : t.scrollTop, a = r === "x" ? t.scrollWidth - t.clientWidth : t.scrollHeight - t.clientHeight, o = n <= 12, c = n >= a - 12;
-		m(i && !o, s && !c);
-	}
-	function g() {
-		f ||= requestAnimationFrame(() => {
-			f = 0, h();
-		});
-	}
-	function _() {
-		let n = u(e);
-		n && (n.addEventListener("scroll", g, { passive: !0 }), p = t(e, h).stop, h());
-	}
-	function v() {
-		u(e)?.removeEventListener("scroll", g), p?.(), p = null, f &&= (cancelAnimationFrame(f), 0);
-	}
-	return o(() => {
-		l.value && _();
-	}), a(v), {
-		active: l,
-		measure: h,
-		stop: v
-	};
-}
-//#endregion
-//#region src/components/custom/fading-scroll/FadingScroll.vue?vue&type=script&setup=true&lang.ts
-var p = [
-	"data-fade-axis",
-	"data-fade-start",
-	"data-fade-end"
-], m = /* @__PURE__ */ r({
-	__name: "FadingScroll",
-	props: {
-		axis: { default: "x" },
-		fadeStart: {
-			type: Boolean,
-			default: !0
-		},
-		fadeEnd: {
-			type: Boolean,
-			default: !0
-		}
-	},
-	setup(e) {
-		let t = e, r = c(null);
-		return f(r, {
-			axis: t.axis,
-			fadeStart: t.fadeStart,
-			fadeEnd: t.fadeEnd
-		}), (t, a) => (s(), n("div", {
-			ref_key: "rootRef",
-			ref: r,
-			class: i(["fading-scroll", e.axis === "y" ? "fading-scroll--y" : "fading-scroll--x"]),
-			"data-fade-axis": e.axis,
-			"data-fade-start": e.fadeStart ? "" : void 0,
-			"data-fade-end": e.fadeEnd ? "" : void 0
-		}, [l(t.$slots, "default")], 10, p));
-	}
-});
-//#endregion
-export { f as n, m as t };

package/dist/HoverCardContent-Bel1gdLZ.js

@@ -1,88 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./useSurfaceAxis-g0NloYEF.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 { HoverCardContent as p, HoverCardPortal as m, HoverCardRoot as h, HoverCardTrigger as g, useForwardProps as _, useForwardPropsEmits as v } from "reka-ui";
-//#endregion
-//#region src/components/ui/hover-card/HoverCard.vue
-var y = /* @__PURE__ */ a({
-	__name: "HoverCard",
-	props: {
-		defaultOpen: { type: Boolean },
-		open: { type: Boolean },
-		openDelay: {},
-		closeDelay: {}
-	},
-	emits: ["update:open"],
-	setup(e, { emit: t }) {
-		let n = v(e, t);
-		return (e, t) => (l(), r(d(h), s({ "data-slot": "hover-card" }, d(n)), {
-			default: f(() => [u(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), b = /* @__PURE__ */ a({
-	__name: "HoverCardTrigger",
-	props: {
-		reference: {},
-		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));
-	}
-}), x = /* @__PURE__ */ a({
-	__name: "HoverCardContent",
-	props: {
-		forceMount: { type: Boolean },
-		side: {},
-		sideOffset: { default: 4 },
-		sideFlip: { type: Boolean },
-		align: {},
-		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: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		surface: { default: "glass" }
-	},
-	setup(a) {
-		let o = a, c = _(n(() => {
-			let { class: e, surface: t, ...n } = o;
-			return n;
-		}));
-		return (n, a) => (l(), r(d(m), null, {
-			default: f(() => [i(d(p), s(d(c), {
-				"data-surface": o.surface,
-				class: d(e)("z-hovercard w-64 rounded-panel border [--overlay-pad-inline:1rem] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] px-(--overlay-pad-inline) py-(--overlay-pad-block) text-popover-foreground outline-none glass-reveal", d(t)(o.surface, "floating"), o.class)
-			}), {
-				default: f(() => [u(n.$slots, "default")]),
-				_: 3
-			}, 16, ["data-surface", "class"])]),
-			_: 3
-		}));
-	}
-});
-//#endregion
-export { b as n, y as r, x as t };

package/dist/HoverPopover-BcIxvyqZ.js

@@ -1,96 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { i as t } from "./dockContext-BNfyPLe9.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 glass-reveal", 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/IconChip-DhbdGdFQ.js

@@ -1,55 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./vReveal-D9k0jADx.js";
-import { computed as n, createBlock as r, createElementBlock as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, resolveDynamicComponent as l, unref as u, withDirectives as d } from "vue";
-//#region src/components/custom/icon-chip/IconChip.vue?vue&type=script&setup=true&lang.ts
-var f = ["data-duotone"], p = 48, m = 22, h = /* @__PURE__ */ a({
-	name: "IconChip",
-	__name: "IconChip",
-	props: {
-		icon: { type: [Function, Object] },
-		section: {},
-		tone: {},
-		size: {},
-		glyphSize: {},
-		strokeWidth: {},
-		bare: { type: Boolean },
-		duotone: { type: Boolean },
-		bloom: { type: Boolean },
-		saturated: { type: Boolean },
-		reveal: { type: [Boolean, Number] },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(a) {
-		let h = a, g = n(() => h.tone == null ? h.section == null ? "var(--muted-foreground)" : `var(--section-color-${h.section}, var(--muted-foreground))` : h.tone), _ = n(() => h.tone == null ? h.section == null ? "var(--muted)" : `var(--section-color-${h.section}, var(--muted))` : h.tone), v = n(() => void 0), y = n(() => h.reveal != null && h.reveal !== !1), b = n(() => h.reveal === !0 ? 0 : typeof h.reveal == "number" ? h.reveal : 0), x = n(() => {
-			let e = h.glyphSize ?? m;
-			return {
-				"--icon-chip-event-color": g.value,
-				"--icon-chip-plate-color": _.value,
-				"--icon-chip-glyph-size": `${e}px`,
-				"--icon-chip-size": `${h.size ?? p}px`
-			};
-		});
-		return (n, a) => d((c(), i("span", {
-			class: o(["icon-chip", u(e)(h.bare && "icon-chip--bare", h.duotone && "icon-chip--duotone", h.bloom && "icon-chip--bloom", h.saturated && "icon-chip--saturated", y.value && "icon-chip--reveal", h.class)]),
-			"data-duotone": h.duotone ? "" : void 0,
-			style: s(x.value)
-		}, [(c(), r(l(h.icon), {
-			class: "icon-chip__glyph",
-			size: h.glyphSize ?? 22,
-			"stroke-width": h.strokeWidth ?? 1.75,
-			"aria-hidden": "true"
-		}, null, 8, ["size", "stroke-width"]))], 14, f)), [[
-			u(t),
-			b.value,
-			v.value
-		]]);
-	}
-});
-//#endregion
-export { h as t };

package/dist/IconTooltip-B0zimd2H.js

@@ -1,25 +0,0 @@
-import { i as e, n as t, r as n, t as r } from "./TooltipProvider-BJ_Y5EGX.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
-var p = /* @__PURE__ */ s({
-	__name: "IconTooltip",
-	props: { text: {} },
-	setup(s) {
-		return (p, m) => (c(), i(d(r), { "delay-duration": 250 }, {
-			default: f(() => [o(d(e), null, {
-				default: f(() => [o(d(t), { "as-child": "" }, {
-					default: f(() => [l(p.$slots, "default")]),
-					_: 3
-				}), o(d(n), { class: "font-display text-base" }, {
-					default: f(() => [a(u(s.text), 1)]),
-					_: 1
-				})]),
-				_: 3
-			})]),
-			_: 3
-		}));
-	}
-});
-//#endregion
-export { p as t };

package/dist/Input-Cg9DF62r.js

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

package/dist/InstrumentChassis-CxsHSyMj.js

@@ -1,65 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, renderSlot as l } from "vue";
-//#region src/components/custom/instrument-chassis/ChassisDivider.vue?vue&type=script&setup=true&lang.ts
-var u = ["data-orientation"], d = /* @__PURE__ */ o({
-	__name: "ChassisDivider",
-	props: {
-		orientation: { default: "horizontal" },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(n) {
-		let r = n, o = t(() => e("chassis-divider", `chassis-divider--${r.orientation}`, r.class));
-		return (e, t) => (c(), i("div", {
-			class: s(o.value),
-			"data-orientation": n.orientation,
-			"aria-hidden": "true"
-		}, [...t[0] ||= [a("span", { class: "bezel-line top" }, null, -1), a("span", { class: "bezel-line bottom" }, null, -1)]], 10, u));
-	}
-}), f = ["data-phase", "data-variant"], p = {
-	key: 0,
-	class: "instrument-strip"
-}, m = { class: "instrument-dial" }, h = {
-	key: 3,
-	class: "instrument-control"
-}, g = /* @__PURE__ */ o({
-	__name: "InstrumentChassis",
-	props: {
-		phase: {},
-		variant: { default: "glass" },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(o) {
-		let u = o, g = t(() => e("instrument-chassis", u.class));
-		return (e, t) => (c(), i("section", {
-			class: s(g.value),
-			"data-phase": o.phase ?? "ready",
-			"data-variant": o.variant
-		}, [
-			e.$slots.strip ? (c(), i("header", p, [l(e.$slots, "strip")])) : r("", !0),
-			e.$slots.strip ? (c(), n(d, {
-				key: 1,
-				orientation: "horizontal"
-			})) : r("", !0),
-			a("main", m, [l(e.$slots, "dial")]),
-			e.$slots.control ? (c(), n(d, {
-				key: 2,
-				orientation: "horizontal"
-			})) : r("", !0),
-			e.$slots.control ? (c(), i("footer", h, [l(e.$slots, "control")])) : r("", !0)
-		], 10, f));
-	}
-});
-//#endregion
-export { d as n, g as t };

package/dist/Label-C2ejNWeC.js

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

package/dist/MetricBadge-RHdBP72w.js

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