@mkbabb/glass-ui 5.0.0 → 6.0.0

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.js

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

package/dist/labeled-field.js

@@ -1,25 +1,24 @@
 import { t as e } from "./class-names-5jotTFzp.js";
 import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { a as n, i as r, o as i, r as a, s as o } from "./SelectScrollDownButton-CDtwaWkZ.js";
-import { t as s } from "./SelectGroup-BuEptUsa.js";
-import { n as c } from "./slider-Cxuj_W_H.js";
-import { t as l } from "./Switch-BPBfhMU3.js";
-import { t as u } from "./Input-DKf-XwUM.js";
-import { t as d } from "./IconTooltip-D9sbK-Mk.js";
-import { Fragment as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createSlots as _, createTextVNode as v, createVNode as y, defineComponent as b, normalizeClass as x, openBlock as S, renderList as C, renderSlot as w, toDisplayString as T, unref as E, useId as D, withCtx as O } from "vue";
+import { a as n, c as r, i, o as a, r as o, s } from "./select-BIv4R3Ir.js";
+import { n as c } from "./slider-Cc_qw6GA.js";
+import { t as l } from "./switch-Boj4Ucn5.js";
+import { t as u } from "./Input-B4WQ_CMc.js";
+import { t as d } from "./icon-tooltip-CO6rw0dZ.js";
+import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createSlots as v, createTextVNode as y, createVNode as b, defineComponent as x, mergeProps as S, normalizeClass as C, normalizeStyle as w, openBlock as T, renderList as E, renderSlot as D, toDisplayString as O, unref as k, useAttrs as A, useId as j, withCtx as M } from "vue";
 //#region src/components/labeled-field/LabeledField.vue?vue&type=script&setup=true&lang.ts
-var k = ["id", "for"], A = {
+var N = ["id", "for"], P = {
 	key: 0,
 	class: "text-destructive",
 	"aria-hidden": "true"
-}, j = ["id", "for"], M = {
+}, F = ["id", "for"], I = {
 	key: 0,
 	class: "text-destructive",
 	"aria-hidden": "true"
-}, N = {
+}, L = {
 	key: 2,
 	class: "labeled-field-row"
-}, P = { class: "labeled-field-action" }, F = ["id"], I = /* @__PURE__ */ t(/* @__PURE__ */ b({
+}, R = { class: "labeled-field-action" }, z = ["id", "aria-live"], B = /* @__PURE__ */ t(/* @__PURE__ */ x({
 	__name: "LabeledField",
 	props: {
 		label: {},
@@ -32,47 +31,49 @@ var k = ["id", "for"], A = {
 			Array
 		] },
 		required: { type: Boolean },
+		errorLive: { default: "polite" },
 		hideLabel: { type: Boolean },
 		horizontal: { type: Boolean }
 	},
 	setup(t) {
-		let n = D(), r = D(), i = D();
-		return (a, o) => (S(), h("div", { class: x(E(e)("labeled-field", t.horizontal && "labeled-field--horizontal")) }, [
-			t.tooltip && !t.hideLabel ? (S(), p(E(d), {
+		let n = j(), r = j(), i = j();
+		return (a, o) => (T(), g("div", { class: C(k(e)("labeled-field", t.horizontal && "labeled-field--horizontal")) }, [
+			t.tooltip && !t.hideLabel ? (T(), m(k(d), {
 				key: 0,
 				text: t.tooltip
 			}, {
-				default: O(() => [g("label", {
-					id: E(i),
-					for: E(r),
-					class: x(E(e)("labeled-field-label", t.labelClass))
-				}, [v(T(t.label), 1), t.required ? (S(), h("span", A, " *")) : m("", !0)], 10, k)]),
+				default: M(() => [_("label", {
+					id: k(i),
+					for: k(r),
+					class: C(k(e)("labeled-field-label", t.labelClass))
+				}, [y(O(t.label), 1), t.required ? (T(), g("span", P, " *")) : h("", !0)], 10, N)]),
 				_: 1
-			}, 8, ["text"])) : (S(), h("label", {
+			}, 8, ["text"])) : (T(), g("label", {
 				key: 1,
-				id: E(i),
-				for: E(r),
-				class: x(E(e)(t.hideLabel ? "sr-only" : "labeled-field-label", t.labelClass))
-			}, [v(T(t.label), 1), t.required ? (S(), h("span", M, " *")) : m("", !0)], 10, j)),
-			a.$slots.action ? (S(), h("div", N, [w(a.$slots, "default", {
-				errorId: E(n),
-				controlId: E(r),
-				labelledBy: E(i)
-			}, void 0, !0), g("div", P, [w(a.$slots, "action", { controlId: E(r) }, void 0, !0)])])) : w(a.$slots, "default", {
+				id: k(i),
+				for: k(r),
+				class: C(k(e)(t.hideLabel ? "sr-only" : "labeled-field-label", t.labelClass))
+			}, [y(O(t.label), 1), t.required ? (T(), g("span", I, " *")) : h("", !0)], 10, F)),
+			a.$slots.action ? (T(), g("div", L, [D(a.$slots, "default", {
+				errorId: k(n),
+				controlId: k(r),
+				labelledBy: k(i)
+			}, void 0, !0), _("div", R, [D(a.$slots, "action", { controlId: k(r) }, void 0, !0)])])) : D(a.$slots, "default", {
 				key: 3,
-				errorId: E(n),
-				controlId: E(r),
-				labelledBy: E(i)
+				errorId: k(n),
+				controlId: k(r),
+				labelledBy: k(i)
 			}, void 0, !0),
-			a.$slots.error ? (S(), h("div", {
+			a.$slots.error ? (T(), g("div", {
 				key: 4,
-				id: E(n),
+				id: k(n),
 				class: "labeled-field-error",
-				"aria-live": "polite"
-			}, [w(a.$slots, "error", {}, void 0, !0)], 8, F)) : m("", !0)
+				"aria-live": t.errorLive === "off" ? void 0 : t.errorLive
+			}, [D(a.$slots, "error", {}, void 0, !0)], 8, z)) : h("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-bf591cf0"]]), L = /* @__PURE__ */ b({
+}), [["__scopeId", "data-v-75b9b63c"]]), V = /* @__PURE__ */ x({
+	inheritAttrs: !1,
 	__name: "LabeledInput",
 	props: {
 		modelValue: {},
@@ -81,28 +82,50 @@ var k = ["id", "for"], A = {
 		labelClass: {},
 		inputClass: {},
 		type: {},
-		required: { type: Boolean }
+		autocomplete: {},
+		inputmode: {},
+		enterkeyhint: {},
+		pattern: {},
+		placeholder: {},
+		required: { type: Boolean },
+		errorLive: {}
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = t;
-		return (t, r) => (S(), p(I, {
+		let n = A(), r = p(() => {
+			let { class: e, style: t, ...r } = n;
+			return r;
+		}), i = t;
+		return (t, n) => (T(), m(B, {
+			class: C(t.$attrs.class),
+			style: w(t.$attrs.style),
 			label: e.label,
 			tooltip: e.tooltip,
 			"label-class": e.labelClass,
-			required: e.required
-		}, _({
-			default: O(({ errorId: i, controlId: a }) => [y(E(u), {
-				id: a,
-				type: e.type ?? "string",
-				class: x(e.inputClass ?? "fira-code"),
+			required: e.required,
+			"error-live": e.errorLive
+		}, v({
+			default: M(({ errorId: a, controlId: o }) => [b(k(u), S(r.value, {
+				id: o,
+				type: e.type ?? "text",
+				autocomplete: e.autocomplete,
+				inputmode: e.inputmode,
+				enterkeyhint: e.enterkeyhint,
+				pattern: e.pattern,
+				placeholder: e.placeholder,
+				class: e.inputClass ?? "fira-code",
 				"model-value": e.modelValue,
 				required: e.required,
-				"aria-errormessage": t.$slots.error ? i : void 0,
-				onChange: r[0] ||= (e) => n("update:modelValue", e.target.value)
-			}, null, 8, [
+				"aria-errormessage": t.$slots.error ? a : void 0,
+				"onUpdate:modelValue": n[0] ||= (e) => i("update:modelValue", e)
+			}), null, 16, [
 				"id",
 				"type",
+				"autocomplete",
+				"inputmode",
+				"enterkeyhint",
+				"pattern",
+				"placeholder",
 				"class",
 				"model-value",
 				"required",
@@ -111,19 +134,22 @@ var k = ["id", "for"], A = {
 			_: 2
 		}, [t.$slots.error ? {
 			name: "error",
-			fn: O(() => [w(t.$slots, "error")]),
+			fn: M(() => [D(t.$slots, "error")]),
 			key: "0"
 		} : void 0]), 1032, [
+			"class",
+			"style",
 			"label",
 			"tooltip",
 			"label-class",
-			"required"
+			"required",
+			"error-live"
 		]));
 	}
-}), R = {
+}), H = {
 	key: 0,
 	class: "ml-auto pl-2 text-micro text-muted-foreground whitespace-nowrap"
-}, z = /* @__PURE__ */ b({
+}, U = /* @__PURE__ */ x({
 	__name: "LabeledSelect",
 	props: {
 		modelValue: {},
@@ -139,33 +165,33 @@ var k = ["id", "for"], A = {
 	emits: ["update:modelValue", "update:open"],
 	setup(e, { emit: t }) {
 		let c = t;
-		return (t, l) => (S(), p(I, {
+		return (t, l) => (T(), m(B, {
 			label: e.label,
 			tooltip: e.tooltip,
 			"label-class": e.labelClass,
 			required: e.required,
 			"hide-label": e.hideLabel
 		}, {
-			default: O(({ controlId: t }) => [y(E(o), {
+			default: M(({ controlId: t }) => [b(k(r), {
 				"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: O(() => [y(E(n), {
+				default: M(() => [b(k(a), {
 					id: t,
 					class: "fira-code"
 				}, {
-					default: O(() => [y(E(i))]),
+					default: M(() => [b(k(s))]),
 					_: 1
-				}, 8, ["id"]), y(E(r), null, {
-					default: O(() => [y(E(s), { class: "fira-code" }, {
-						default: O(() => [(S(!0), h(f, null, C(e.items, (t) => (S(), p(E(a), {
+				}, 8, ["id"]), b(k(n), null, {
+					default: M(() => [b(k(i), { class: "fira-code" }, {
+						default: M(() => [(T(!0), g(f, null, E(e.items, (t) => (T(), m(k(o), {
 							key: t,
 							value: t
 						}, {
-							description: O(() => [e.descriptions?.[t] ? (S(), h("span", R, T(e.descriptions[t]), 1)) : m("", !0)]),
-							default: O(() => [v(T(t) + " ", 1)]),
+							description: M(() => [e.descriptions?.[t] ? (T(), g("span", H, O(e.descriptions[t]), 1)) : h("", !0)]),
+							default: M(() => [y(O(t) + " ", 1)]),
 							_: 2
 						}, 1032, ["value"]))), 128))]),
 						_: 1
@@ -183,7 +209,7 @@ var k = ["id", "for"], A = {
 			"hide-label"
 		]));
 	}
-}), B = /* @__PURE__ */ b({
+}), W = /* @__PURE__ */ x({
 	__name: "LabeledSlider",
 	props: {
 		modelValue: {},
@@ -199,14 +225,14 @@ var k = ["id", "for"], A = {
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (S(), p(I, {
+		return (t, r) => (T(), m(B, {
 			label: e.label,
 			tooltip: e.tooltip,
 			"label-class": e.labelClass,
 			required: e.required,
 			"hide-label": e.hideLabel
 		}, {
-			default: O(() => [y(E(c), {
+			default: M(() => [b(k(c), {
 				"aria-label": e.label,
 				class: "py-2",
 				min: e.min,
@@ -232,7 +258,7 @@ var k = ["id", "for"], A = {
 			"hide-label"
 		]));
 	}
-}), V = { class: "flex items-center" }, H = /* @__PURE__ */ b({
+}), G = { class: "flex items-center" }, K = /* @__PURE__ */ x({
 	__name: "LabeledSwitch",
 	props: {
 		checked: { type: Boolean },
@@ -245,14 +271,14 @@ var k = ["id", "for"], A = {
 	emits: ["update:checked"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (S(), p(I, {
+		return (t, r) => (T(), m(B, {
 			label: e.label,
 			tooltip: e.tooltip,
 			"label-class": e.labelClass,
 			required: e.required,
 			"hide-label": e.hideLabel
 		}, {
-			default: O(({ controlId: t }) => [g("div", V, [y(E(l), {
+			default: M(({ controlId: t }) => [_("div", G, [b(k(l), {
 				id: t,
 				"model-value": e.checked,
 				"onUpdate:modelValue": r[0] ||= (e) => n("update:checked", e)
@@ -268,4 +294,4 @@ var k = ["id", "for"], A = {
 	}
 });
 //#endregion
-export { I as LabeledField, L as LabeledInput, z as LabeledSelect, B as LabeledSlider, H as LabeledSwitch };
+export { B as LabeledField, V as LabeledInput, U as LabeledSelect, W as LabeledSlider, K as LabeledSwitch };