@mkbabb/glass-ui 0.3.0 → 2.1.0

package/dist/infinite-scroll.d.ts

@@ -0,0 +1,2 @@
+export * from "./components/custom/infinite-scroll";
+export * from "./components/custom/infinite-scroll/composables";

package/dist/infinite-scroll.js

@@ -0,0 +1,73 @@
+import { createCommentVNode as e, createElementBlock as t, createElementVNode as n, defineComponent as r, onScopeDispose as i, openBlock as a, ref as o, renderSlot as s, toRef as c, toValue as l, watch as u } from "vue";
+//#region src/components/custom/infinite-scroll/composables/useInfiniteScroll.ts
+function d(e) {
+	let { threshold: t = 200, hasMore: n, isLoading: r, onLoadMore: a } = e, s = o(null), c = null;
+	function d() {
+		return l(n) && !l(r);
+	}
+	function f(e) {
+		for (let t of e) t.isIntersecting && d() && a();
+	}
+	function p(n) {
+		m(), c = new IntersectionObserver(f, {
+			root: e.scrollContainer?.value ?? null,
+			rootMargin: `0px 0px ${t}px 0px`
+		}), c.observe(n);
+	}
+	function m() {
+		c &&= (c.disconnect(), null);
+	}
+	function h() {
+		s.value && d() && a();
+	}
+	return u(s, (e) => {
+		e ? p(e) : m();
+	}), u(() => l(r), (e) => {
+		!e && s.value && requestAnimationFrame(h);
+	}), i(m), {
+		sentinelRef: s,
+		check: h,
+		stop: m
+	};
+}
+//#endregion
+//#region src/components/custom/infinite-scroll/InfiniteScroll.vue?vue&type=script&setup=true&lang.ts
+var f = {
+	key: 0,
+	class: "flex justify-center py-4"
+}, p = {
+	key: 1,
+	class: "py-4 text-center text-sm text-muted-foreground"
+}, m = /* @__PURE__ */ r({
+	__name: "InfiniteScroll",
+	props: {
+		hasMore: { type: Boolean },
+		isLoading: { type: Boolean },
+		threshold: { default: 200 }
+	},
+	emits: ["load-more"],
+	setup(r, { expose: i, emit: l }) {
+		let u = r, m = l, h = o(null), { sentinelRef: g } = d({
+			scrollContainer: h,
+			threshold: u.threshold,
+			hasMore: c(() => u.hasMore),
+			isLoading: c(() => u.isLoading),
+			onLoadMore: () => m("load-more")
+		});
+		return i({ sentinelRef: g }), (i, o) => (a(), t("div", {
+			ref_key: "scrollContainer",
+			ref: h
+		}, [
+			s(i.$slots, "default"),
+			n("div", {
+				ref_key: "sentinelRef",
+				ref: g,
+				class: "h-px w-full",
+				"aria-hidden": "true"
+			}, null, 512),
+			r.isLoading ? (a(), t("div", f, [s(i.$slots, "loading", {}, () => [o[0] ||= n("div", { class: "h-5 w-5 animate-spin rounded-pill border-2 border-muted-foreground border-t-transparent" }, null, -1)])])) : r.hasMore ? e("", !0) : (a(), t("div", p, [s(i.$slots, "end")]))
+		], 512));
+	}
+});
+//#endregion
+export { m as InfiniteScroll, d as useInfiniteScroll };

package/dist/instrument-chassis.d.ts

@@ -0,0 +1 @@
+export * from "./components/custom/instrument-chassis";

package/dist/instrument-chassis.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "./InstrumentChassis-DOaVYyWq.js";
+export { e as ChassisDivider, t as InstrumentChassis };

package/dist/instrument-rail.d.ts

@@ -0,0 +1 @@
+export * from "./components/custom/instrument-rail";

package/dist/instrument-rail.js

@@ -0,0 +1,2 @@
+import { t as e } from "./InstrumentRail-jHDqXj70.js";
+export { e as InstrumentRail };

package/dist/keyboard.d.ts

@@ -0,0 +1 @@
+export * from "./composables/keyboard";

package/dist/keyboard.js

@@ -0,0 +1,2 @@
+import { a as e, i as t, n, r, t as i } from "./useKeyboardShortcuts-B1ev1YEC.js";
+export { i as formatCombo, n as formatComboParts, r as isMac, t as registerShortcut, e as useRegisteredShortcuts };

package/dist/keys-DVkcUktU.js

@@ -0,0 +1,11 @@
+import { inject as e, provide as t } from "vue";
+//#region src/components/custom/glyph-face/keys.ts
+var n = Symbol("glass-ui:glyph-face-silhouette");
+function r(e) {
+	t(n, e);
+}
+function i() {
+	return e(n, null);
+}
+//#endregion
+export { r as n, i as r, n as t };

package/dist/label.d.ts

@@ -0,0 +1 @@
+export * from "./components/ui/label";

package/dist/label.js

@@ -0,0 +1,2 @@
+import { t as e } from "./Label-C8QMJSsf.js";
+export { e as Label };

package/dist/labeled-field.d.ts

@@ -0,0 +1 @@
+export * from "./components/custom/labeled-field";

package/dist/labeled-field.js

@@ -0,0 +1,194 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { a as t, i as n, o as r, r as i, s as a } from "./SelectScrollDownButton-yu8EYUnu.js";
+import { t as o } from "./SelectGroup-O69GTQ77.js";
+import { n as s } from "./slider-BQaLYFLh.js";
+import { t as c } from "./Switch-CL0uxu8F.js";
+import { t as l } from "./IconTooltip-ge_mBSWR.js";
+import { t as u } from "./Input-CbakTe3B.js";
+import { Fragment as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, defineComponent as v, normalizeClass as y, openBlock as b, renderList as x, renderSlot as S, toDisplayString as C, unref as w, withCtx as T } from "vue";
+//#region src/components/custom/labeled-field/LabeledField.vue?vue&type=script&setup=true&lang.ts
+var E = { class: "labeled-field" }, D = /* @__PURE__ */ v({
+	__name: "LabeledField",
+	props: {
+		label: {},
+		tooltip: {},
+		labelClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		return (n, r) => (b(), m("div", E, [t.tooltip ? (b(), f(w(l), {
+			key: 0,
+			text: t.tooltip
+		}, {
+			default: T(() => [h("label", { class: y(w(e)("labeled-field-label", t.labelClass)) }, C(t.label), 3)]),
+			_: 1
+		}, 8, ["text"])) : (b(), m("label", {
+			key: 1,
+			class: y(w(e)("labeled-field-label", t.labelClass))
+		}, C(t.label), 3)), S(n.$slots, "default")]));
+	}
+}), O = /* @__PURE__ */ v({
+	__name: "LabeledInput",
+	props: {
+		modelValue: {},
+		label: {},
+		tooltip: {},
+		labelClass: {},
+		inputClass: {},
+		type: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = t;
+		return (t, r) => (b(), f(D, {
+			label: e.label,
+			tooltip: e.tooltip,
+			"label-class": e.labelClass
+		}, {
+			default: T(() => [_(w(u), {
+				type: e.type ?? "string",
+				class: y(e.inputClass ?? "fira-code"),
+				"model-value": e.modelValue,
+				onChange: r[0] ||= (e) => n("update:modelValue", e.target.value)
+			}, null, 8, [
+				"type",
+				"class",
+				"model-value"
+			])]),
+			_: 1
+		}, 8, [
+			"label",
+			"tooltip",
+			"label-class"
+		]));
+	}
+}), k = {
+	key: 0,
+	class: "ml-auto pl-2 text-micro text-muted-foreground whitespace-nowrap"
+}, A = /* @__PURE__ */ v({
+	__name: "LabeledSelect",
+	props: {
+		modelValue: {},
+		isOpen: { type: Boolean },
+		items: {},
+		descriptions: {},
+		label: {},
+		tooltip: {},
+		labelClass: {}
+	},
+	emits: ["update:modelValue", "update:open"],
+	setup(e, { emit: s }) {
+		let c = s;
+		return (s, l) => (b(), f(D, {
+			label: e.label,
+			tooltip: e.tooltip,
+			"label-class": e.labelClass
+		}, {
+			default: T(() => [_(w(a), {
+				"model-value": e.modelValue,
+				open: e.isOpen,
+				"onUpdate:open": l[0] ||= (e) => c("update:open", e),
+				"onUpdate:modelValue": l[1] ||= (e) => c("update:modelValue", e)
+			}, {
+				default: T(() => [_(w(t), { class: "fira-code" }, {
+					default: T(() => [_(w(r))]),
+					_: 1
+				}), _(w(n), null, {
+					default: T(() => [_(w(o), { class: "fira-code" }, {
+						default: T(() => [(b(!0), m(d, null, x(e.items, (t) => (b(), f(w(i), {
+							key: t,
+							value: t
+						}, {
+							description: T(() => [e.descriptions?.[t] ? (b(), m("span", k, C(e.descriptions[t]), 1)) : p("", !0)]),
+							default: T(() => [g(C(t) + " ", 1)]),
+							_: 2
+						}, 1032, ["value"]))), 128))]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["model-value", "open"])]),
+			_: 1
+		}, 8, [
+			"label",
+			"tooltip",
+			"label-class"
+		]));
+	}
+}), j = /* @__PURE__ */ v({
+	__name: "LabeledSlider",
+	props: {
+		modelValue: {},
+		label: {},
+		tooltip: {},
+		labelClass: {},
+		min: {},
+		max: {},
+		step: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = t;
+		return (t, r) => (b(), f(D, {
+			label: e.label,
+			tooltip: e.tooltip,
+			"label-class": e.labelClass
+		}, {
+			default: T(() => [_(w(s), {
+				class: "py-2",
+				min: e.min,
+				max: e.max,
+				step: e.step,
+				"model-value": [e.modelValue],
+				"onUpdate:modelValue": r[0] ||= (e) => {
+					e && n("update:modelValue", e[0]);
+				}
+			}, null, 8, [
+				"min",
+				"max",
+				"step",
+				"model-value"
+			])]),
+			_: 1
+		}, 8, [
+			"label",
+			"tooltip",
+			"label-class"
+		]));
+	}
+}), M = { class: "flex items-center" }, N = /* @__PURE__ */ v({
+	__name: "LabeledSwitch",
+	props: {
+		checked: { type: Boolean },
+		label: {},
+		tooltip: {},
+		labelClass: {}
+	},
+	emits: ["update:checked"],
+	setup(e, { emit: t }) {
+		let n = t;
+		return (t, r) => (b(), f(D, {
+			label: e.label,
+			tooltip: e.tooltip,
+			"label-class": e.labelClass
+		}, {
+			default: T(() => [h("div", M, [_(w(c), {
+				checked: e.checked,
+				"onUpdate:checked": r[0] ||= (e) => n("update:checked", e)
+			}, null, 8, ["checked"])])]),
+			_: 1
+		}, 8, [
+			"label",
+			"tooltip",
+			"label-class"
+		]));
+	}
+});
+//#endregion
+export { D as LabeledField, O as LabeledInput, A as LabeledSelect, j as LabeledSlider, N as LabeledSwitch };

package/dist/menuItemVariants-B2nDL7zH.js

@@ -0,0 +1,30 @@
+import { cva as e } from "class-variance-authority";
+//#region src/components/ui/_shared/menuItemVariants.ts
+var t = e([
+	"interactive-item",
+	"relative flex w-full cursor-default select-none items-center",
+	"text-sm outline-none",
+	"hover:bg-accent hover:text-accent-foreground",
+	"focus:bg-accent focus:text-accent-foreground",
+	"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground",
+	"data-[state=open]:bg-accent",
+	"data-[disabled]:cursor-not-allowed data-[disabled]:pointer-events-none data-[disabled]:opacity-disabled"
+].join(" "), {
+	variants: {
+		indicator: {
+			none: "px-2",
+			start: "pl-7 pr-2",
+			"start-wide": "pl-8 pr-2"
+		},
+		density: {
+			comfortable: "py-1.5",
+			audacious: "py-2.5"
+		}
+	},
+	defaultVariants: {
+		indicator: "none",
+		density: "comfortable"
+	}
+});
+//#endregion
+export { t };

package/dist/metric-badge.d.ts

@@ -0,0 +1 @@
+export * from "./components/custom/metric-badge";

package/dist/metric-badge.js

@@ -0,0 +1,2 @@
+import { t as e } from "./MetricBadge-DRBB18Xq.js";
+export { e as MetricBadge };

package/dist/metric-cell.d.ts

@@ -0,0 +1 @@
+export * from "./components/custom/metric-cell";

package/dist/metric-cell.js

@@ -0,0 +1,54 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderSlot as u, resolveDynamicComponent as d, toDisplayString as f, unref as p } from "vue";
+//#region src/components/custom/metric-cell/MetricCell.vue?vue&type=script&setup=true&lang.ts
+var m = ["data-appearance"], h = { class: "metric-cell__label text-micro text-muted-foreground flex items-center gap-1.5" }, g = {
+	key: 0,
+	class: "metric-cell__unit"
+}, _ = /* @__PURE__ */ s({
+	__name: "MetricCell",
+	props: {
+		icon: {},
+		iconStrokeWidth: { default: 2 },
+		iconSize: { default: 14 },
+		label: {},
+		value: {},
+		unit: {},
+		placeholder: { default: "—" },
+		appearance: { default: "dashboard" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(s) {
+		let _ = s, v = t(() => {
+			switch (_.appearance) {
+				case "compact": return "glass-wash rounded-lg p-2";
+				case "bare": return "";
+				default: return "glass-wash rounded-lg p-3";
+			}
+		}), y = t(() => {
+			switch (_.appearance) {
+				case "compact": return "text-mono-small font-semibold tabular-nums";
+				default: return "text-mono-prose font-semibold tabular-nums";
+			}
+		}), b = t(() => {
+			let e = _.value;
+			return e == null || e === "" ? _.placeholder : String(e);
+		});
+		return (t, _) => (l(), i("div", {
+			class: c(p(e)("metric-cell", v.value, t.$props.class)),
+			"data-appearance": s.appearance
+		}, [a("div", h, [u(t.$slots, "icon", {}, () => [s.icon ? (l(), n(d(s.icon), {
+			key: 0,
+			size: s.iconSize,
+			"stroke-width": s.iconStrokeWidth,
+			"aria-hidden": "true"
+		}, null, 8, ["size", "stroke-width"])) : r("", !0)]), u(t.$slots, "label", {}, () => [a("span", null, f(s.label), 1)])]), a("div", { class: c(["metric-cell__value", y.value]) }, [u(t.$slots, "value", {}, () => [o(f(b.value), 1)]), s.unit ? (l(), i("span", g, f(s.unit), 1)) : r("", !0)], 2)], 10, m));
+	}
+});
+//#endregion
+export { _ as MetricCell };

package/dist/metric-stack.d.ts

@@ -0,0 +1 @@
+export * from "./components/custom/metric-stack";

package/dist/metric-stack.js

@@ -0,0 +1,107 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./_plugin-vue_export-helper-n-_DRHWS.js";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, openBlock as d, renderSlot as f, resolveDynamicComponent as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
+//#endregion
+//#region src/components/custom/metric-stack/MetricStack.vue
+var _ = /* @__PURE__ */ t(/* @__PURE__ */ c({
+	__name: "MetricStack",
+	props: {
+		containerName: { default: "metric-stack" },
+		variant: {},
+		register: { default: "audacious" },
+		rows: { default: 4 },
+		as: { default: "div" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let i = t, a = n(() => e("metric-stack", "results-stack", i.class));
+		return (e, n) => (d(), r(p(t.as), {
+			class: l(a.value),
+			"data-variant": t.variant,
+			"data-register": t.register,
+			style: u({
+				"--metric-stack-rows": String(t.rows),
+				containerName: t.containerName
+			})
+		}, {
+			default: g(() => [f(e.$slots, "default", {}, void 0, !0)]),
+			_: 3
+		}, 8, [
+			"class",
+			"data-variant",
+			"data-register",
+			"style"
+		]));
+	}
+}), [["__scopeId", "data-v-ab48e590"]]), v = ["data-color-tinted", "data-row-active"], y = { class: "metric-row__label result-label" }, b = { class: "metric-row__value result-value tabular-nums" }, x = { class: "metric-row__value-text relative" }, S = {
+	key: 0,
+	class: "metric-row__unit result-unit font-mono italic text-muted-foreground"
+}, C = /* @__PURE__ */ t(/* @__PURE__ */ c({
+	__name: "MetricRow",
+	props: {
+		icon: {},
+		iconStrokeWidth: { default: 2 },
+		iconSize: { default: 16 },
+		label: {},
+		value: {},
+		unit: {},
+		placeholder: { default: "—" },
+		phaseColor: {},
+		digitCount: { default: 3 },
+		colorTinted: {
+			type: Boolean,
+			default: !1
+		},
+		active: {
+			type: Boolean,
+			default: !1
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let c = t, g = n(() => ({
+			...c.phaseColor ? { "--phase-color": c.phaseColor } : {},
+			"--digit-count": String(c.digitCount)
+		}));
+		return (n, c) => (d(), a("div", {
+			class: l(h(e)("metric-row", "result-row", n.$props.class)),
+			"data-color-tinted": t.colorTinted ? "true" : "false",
+			"data-row-active": t.active ? "true" : "false",
+			style: u(g.value)
+		}, [
+			f(n.$slots, "icon", {}, () => [t.icon ? (d(), r(p(t.icon), {
+				key: 0,
+				class: "metric-row__icon result-icon",
+				size: t.iconSize,
+				"stroke-width": t.iconStrokeWidth,
+				style: u(t.phaseColor ? { color: t.phaseColor } : void 0),
+				"aria-hidden": "true"
+			}, null, 8, [
+				"size",
+				"stroke-width",
+				"style"
+			])) : i("", !0)]),
+			f(n.$slots, "label", {}, () => [o("span", y, m(t.label), 1)]),
+			o("span", b, [
+				f(n.$slots, "aura"),
+				o("span", x, [f(n.$slots, "value", {}, () => [s(m(t.value === null || t.value === void 0 || t.value === "" ? t.placeholder : t.value), 1)])]),
+				f(n.$slots, "unit", {}, () => [t.unit ? (d(), a("span", S, m(t.unit), 1)) : i("", !0)])
+			]),
+			f(n.$slots, "description")
+		], 14, v));
+	}
+}), [["__scopeId", "data-v-628730c2"]]);
+//#endregion
+export { C as MetricRow, _ as MetricStack };

package/dist/minimize-2-LsCJ_eNt.js

@@ -0,0 +1,38 @@
+import { t as e } from "./createLucideIcon-Bn9a1b70.js";
+var t = e("maximize-2", [
+	["path", {
+		d: "M15 3h6v6",
+		key: "1q9fwt"
+	}],
+	["path", {
+		d: "m21 3-7 7",
+		key: "1l2asr"
+	}],
+	["path", {
+		d: "m3 21 7-7",
+		key: "tjx5ai"
+	}],
+	["path", {
+		d: "M9 21H3v-6",
+		key: "wtvkvv"
+	}]
+]), n = e("minimize-2", [
+	["path", {
+		d: "m14 10 7-7",
+		key: "oa77jy"
+	}],
+	["path", {
+		d: "M20 10h-6V4",
+		key: "mjg0md"
+	}],
+	["path", {
+		d: "m3 21 7-7",
+		key: "tjx5ai"
+	}],
+	["path", {
+		d: "M4 14h6v6",
+		key: "rmj7iw"
+	}]
+]);
+//#endregion
+export { t as n, n as t };

package/dist/motion.d.ts

@@ -0,0 +1 @@
+export * from "./composables/motion";