@mkbabb/glass-ui 5.0.0 → 7.0.0

package/dist/infinite-scroll.js

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

package/dist/instrument-chassis.js

@@ -1,2 +1,54 @@
-import { n as e, t } from "./InstrumentChassis-Dss5Tjcm.js";
-export { e as ChassisDivider, t as InstrumentChassis };
+import { t as e } from "./class-names-Cpy5eaBk.js";
+import { computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, mergeProps as o, openBlock as s, renderSlot as c, unref as l, useAttrs as u } from "vue";
+//#region src/components/instrument-chassis/InstrumentChassis.vue?vue&type=script&setup=true&lang.ts
+var d = [
+	"data-state",
+	"data-proportion",
+	"data-reserve",
+	"aria-busy"
+], f = ["data-has-inspector", "data-boundary"], p = { class: "instrument-stage" }, m = {
+	key: 0,
+	class: "instrument-inspector"
+}, h = ["data-boundary"], g = /* @__PURE__ */ a({
+	name: "InstrumentChassis",
+	inheritAttrs: !1,
+	__name: "InstrumentChassis",
+	props: {
+		state: { default: "ready" },
+		tone: {},
+		proportion: { default: "golden" },
+		boundaries: { default: () => [] },
+		reserve: { default: "none" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(a) {
+		let g = a, _ = u(), v = t(() => [_.style, g.tone ? { "--instrument-tone": g.tone } : void 0]);
+		function y(e) {
+			return g.boundaries.includes(e);
+		}
+		return (t, u) => (s(), r("div", o(t.$attrs, {
+			class: l(e)("instrument-chassis", t.$props.class),
+			style: v.value,
+			"data-state": a.state,
+			"data-proportion": a.proportion,
+			"data-reserve": a.reserve,
+			"aria-busy": a.state === "loading" || void 0
+		}), [i("div", {
+			class: "instrument-composition",
+			"data-has-inspector": t.$slots.inspector ? "" : void 0,
+			"data-boundary": y("stage-inspector") && t.$slots.inspector ? "" : void 0
+		}, [i("div", p, [c(t.$slots, "stage")]), t.$slots.inspector ? (s(), r("div", m, [c(t.$slots, "inspector")])) : n("", !0)], 8, f), t.$slots.action ? (s(), r("div", {
+			key: 0,
+			class: "instrument-action",
+			"data-boundary": y("inspector-action") && t.$slots.inspector ? "" : void 0
+		}, [c(t.$slots, "action")], 8, h)) : n("", !0)], 16, d));
+	}
+});
+//#endregion
+export { g as InstrumentChassis };

package/dist/keyboard.js

@@ -1,2 +1,104 @@
-import { a as e, i as t, n, r, t as i } from "./useKeyboardShortcuts-ynVmNFo3.js";
-export { i as formatCombo, n as formatComboParts, r as isMac, t as registerShortcut, e as useRegisteredShortcuts };
+import { computed as e, getCurrentScope as t, onScopeDispose as n, ref as r } from "vue";
+import { createGlobalState as i, useEventListener as a } from "@vueuse/core";
+//#region src/composables/keyboard/useKeyboardShortcuts.ts
+var o = typeof navigator < "u" && /Mac|iPhone|iPad|iPod/.test(navigator.platform), s = {
+	alt: "Alt",
+	option: "Alt",
+	ctrl: "Control",
+	control: "Control",
+	meta: "Meta",
+	cmd: "Meta",
+	command: "Meta",
+	shift: "Shift"
+};
+function c(e) {
+	let t = e.split("+").map((e) => e.trim()), n = {
+		key: "",
+		ctrl: !1,
+		meta: !1,
+		shift: !1,
+		alt: !1,
+		mod: !1
+	};
+	for (let [e, r] of t.entries()) {
+		let i = r.toLowerCase(), a = t.length === 1 && e === 0;
+		i === "mod" ? a ? n.key = o ? "Meta" : "Control" : n.mod = !0 : i === "ctrl" || i === "control" ? a ? n.key = "Control" : n.ctrl = !0 : i === "meta" || i === "cmd" || i === "command" ? a ? n.key = "Meta" : n.meta = !0 : i === "shift" ? a ? n.key = "Shift" : n.shift = !0 : i === "alt" || i === "option" ? a ? n.key = "Alt" : n.alt = !0 : n.key = r, a && s[i] && (n.key = s[i]);
+	}
+	return n;
+}
+var l = {
+	space: [" "],
+	delete: ["backspace", "delete"],
+	enter: ["enter", "return"],
+	escape: ["escape", "esc"]
+};
+function u(e, t) {
+	return e.key.toLowerCase() === t.toLowerCase();
+}
+function d(e, t) {
+	let n = t.ctrl || t.mod && !o, r = t.meta || t.mod && o;
+	if (!u(t, "Control") && e.ctrlKey !== n || !u(t, "Meta") && e.metaKey !== r || !u(t, "Alt") && e.altKey !== t.alt) return !1;
+	let i = e.key.length === 1 && e.shiftKey && !t.shift;
+	if (!u(t, "Shift") && !i && e.shiftKey !== t.shift) return !1;
+	let a = t.key.toLowerCase(), s = e.key.toLowerCase();
+	if (s === a) return !0;
+	let c = l[a];
+	return !!(c && c.some((e) => e.toLowerCase() === s) || e.code.toLowerCase() === a);
+}
+function f(e) {
+	if (!(e instanceof Element)) return !1;
+	let t = e.tagName;
+	return !!(t === "INPUT" || t === "TEXTAREA" || t === "SELECT" || e.isContentEditable || e.closest(".monaco-editor"));
+}
+function p(e) {
+	let t = e.trim().toLowerCase();
+	return t === "mod" ? o ? "⌘" : "Ctrl" : t === "shift" ? o ? "⇧" : "Shift" : t === "alt" || t === "option" ? o ? "⌥" : "Alt" : t === "ctrl" || t === "control" ? o ? "⌃" : "Ctrl" : t === "meta" || t === "cmd" || t === "command" ? "⌘" : t === "space" ? o ? "␣" : "Space" : t === "arrowleft" ? "←" : t === "arrowright" ? "→" : t === "arrowup" ? "↑" : t === "arrowdown" ? "↓" : t === "delete" ? o ? "⌫" : "Del" : t === "escape" ? "Esc" : t === "enter" ? "↵" : t === "home" ? "Home" : t === "end" ? "End" : e.trim();
+}
+function m(e) {
+	return e.split("+").map(p);
+}
+function h(e) {
+	return m(e).join(o ? "" : "+");
+}
+function g(e) {
+	let t = e.key.toLowerCase();
+	return t === "escape" || t === "esc";
+}
+function _(e, t, n) {
+	let r = g(n) ? [...e].reverse() : e;
+	for (let e of r) if ((e.options.event ?? "keydown") === t && d(n, e.combo) && !(!e.options.allowInInput && f(n.target))) {
+		e.options.preventDefault && n.preventDefault(), e.handler(n);
+		return;
+	}
+}
+var v = i(() => {
+	let t = /* @__PURE__ */ new Set(), n = r(0);
+	return a(window, "keydown", (e) => {
+		_(t, "keydown", e);
+	}), a(window, "keyup", (e) => {
+		_(t, "keyup", e);
+	}), {
+		shortcuts: t,
+		version: n,
+		labeled: e(() => (n.value, [...t].filter((e) => e.options.label)))
+	};
+});
+function y(e, r, i = {}) {
+	let { shortcuts: a, version: o } = v(), s = {
+		combo: c(e),
+		raw: e,
+		handler: r,
+		options: i
+	};
+	a.add(s), o.value++;
+	let l = () => {
+		a.delete(s) && o.value++;
+	};
+	return t() && n(l), l;
+}
+function b() {
+	let { labeled: e } = v();
+	return e;
+}
+//#endregion
+export { h as formatCombo, m as formatComboParts, o as isMac, y as registerShortcut, b as useRegisteredShortcuts };

package/dist/label-DnMqH7jr.js

@@ -0,0 +1,55 @@
+import { t as e } from "./class-names-Cpy5eaBk.js";
+import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, defineComponent as o, mergeProps as s, openBlock as c, renderSlot as l, toDisplayString as u, unref as d, useAttrs as f, withCtx as p } from "vue";
+import { Label as m } from "reka-ui";
+//#region src/components/label/Label.vue?vue&type=script&setup=true&lang.ts
+var h = {
+	key: 0,
+	class: "label-requirement",
+	"aria-hidden": "true"
+}, g = /*#__PURE__*/ t(/* @__PURE__ */ o({
+	inheritAttrs: !1,
+	__name: "Label",
+	props: {
+		for: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		requirement: {},
+		disabled: { type: Boolean }
+	},
+	setup(t) {
+		let o = t, g = f(), _ = n(() => {
+			let { as: e, asChild: t, "as-child": n, ...r } = g;
+			return r;
+		}), v = n(() => {
+			let { class: e, requirement: t, disabled: n, ...r } = o;
+			return r;
+		}), y = n(() => {
+			if (o.requirement === "required") return "*";
+			if (o.requirement === "optional") return "optional";
+		});
+		return (n, f) => (c(), r(d(m), s({
+			..._.value,
+			...v.value
+		}, {
+			"data-slot": "label",
+			"data-requirement": t.requirement,
+			"data-disabled": t.disabled || void 0,
+			class: d(e)("glass-label", o.class)
+		}), {
+			default: p(() => [l(n.$slots, "default", {}, void 0, !0), y.value ? (c(), a("span", h, u(y.value), 1)) : i("", !0)]),
+			_: 3
+		}, 16, [
+			"data-requirement",
+			"data-disabled",
+			"class"
+		]));
+	}
+}), [["__scopeId", "data-v-defd849d"]]);
+//#endregion
+export { g as t };

package/dist/label.js

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