@mkbabb/glass-ui 3.0.0 → 3.1.1

package/dist/glyph-face.js

@@ -1,3 +1,3 @@
-import { n as e, r as t, t as n } from "./keys-DVkcUktU.js";
-import { t as r } from "./GlyphFace-BnPMUZ16.js";
+import { n as e, r as t, t as n } from "./keys-CaTQS-vx.js";
+import { t as r } from "./GlyphFace-BRS8vUb7.js";
 export { n as GLYPH_FACE_SILHOUETTE_KEY, r as GlyphFace, e as provideGlyphFaceSilhouette, t as useOptionalGlyphFaceSilhouette };

package/dist/header-ribbon.js

@@ -1,4 +1,4 @@
-import { t as e } from "./_plugin-vue_export-helper-n-_DRHWS.js";
+import { t as e } from "./_plugin-vue_export-helper-Dq1MygBL.js";
 import { computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, onBeforeUnmount as s, openBlock as c, ref as l, renderSlot as u } from "vue";
 //#region src/components/custom/header-ribbon/HeaderRibbon.vue?vue&type=script&setup=true&lang.ts
 var d = {

package/dist/hover-card.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./HoverCardContent-4nN5-5bz.js";
+import { n as e, r as t, t as n } from "./HoverCardContent-DaGrgJBO.js";
 export { t as HoverCard, n as HoverCardContent, e as HoverCardTrigger };

package/dist/hover-popover.js

@@ -1,2 +1,2 @@
-import { t as e } from "./HoverPopover-Btv4RQfv.js";
+import { t as e } from "./HoverPopover-CWFCfLx3.js";
 export { e as HoverPopover };

package/dist/icon-tooltip.js

@@ -1,2 +1,2 @@
-import { t as e } from "./IconTooltip-GIeWdo64.js";
+import { t as e } from "./IconTooltip-BkaA7tZ2.js";
 export { e as IconTooltip };

package/dist/index.d.ts

@@ -46,4 +46,5 @@ export * from "./composables/reactive";
 export * from "./composables/dom";
 export * from "./composables/glass";
 export * from "./composables/sortable";
+export { startViewTransition, supportsViewTransitions, type ViewTransitionResult, } from "./composables/motion/useViewTransition";
 export * from "./utils";

package/dist/instrument-chassis.js

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

package/dist/instrument-rail.js

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

package/dist/keyboard.js

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

package/dist/label.js

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

package/dist/labeled-field.js

@@ -1,13 +1,21 @@
 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-BwTexKeY.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-GIeWdo64.js";
-import { t as u } from "./Input-CBvqW8kZ.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";
+import { a as t, i as n, o as r, r as i, s as a } from "./SelectScrollDownButton-Dth8-wXQ.js";
+import { t as o } from "./SelectGroup-DdR4tdDY.js";
+import { n as s } from "./slider-DJvHkTRe.js";
+import { t as c } from "./Switch-Cr1t_F_U.js";
+import { t as l } from "./IconTooltip-BkaA7tZ2.js";
+import { t as u } from "./Input-DDpFn568.js";
+import { Fragment as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as g, createTextVNode as _, createVNode as v, defineComponent as y, normalizeClass as b, openBlock as x, renderList as S, renderSlot as C, toDisplayString as w, unref as T, useId as E, withCtx as D } 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({
+var O = { class: "labeled-field" }, k = {
+	key: 0,
+	class: "text-destructive",
+	"aria-hidden": "true"
+}, A = {
+	key: 0,
+	class: "text-destructive",
+	"aria-hidden": "true"
+}, j = ["id"], M = /* @__PURE__ */ y({
 	__name: "LabeledField",
 	props: {
 		label: {},
@@ -18,21 +26,32 @@ var E = { class: "labeled-field" }, D = /* @__PURE__ */ v({
 			String,
 			Object,
 			Array
-		] }
+		] },
+		required: { type: Boolean }
 	},
 	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")]));
+		let n = E();
+		return (r, i) => (x(), m("div", O, [
+			t.tooltip ? (x(), f(T(l), {
+				key: 0,
+				text: t.tooltip
+			}, {
+				default: D(() => [h("label", { class: b(T(e)("labeled-field-label", t.labelClass)) }, [_(w(t.label), 1), t.required ? (x(), m("span", k, " *")) : p("", !0)], 2)]),
+				_: 1
+			}, 8, ["text"])) : (x(), m("label", {
+				key: 1,
+				class: b(T(e)("labeled-field-label", t.labelClass))
+			}, [_(w(t.label), 1), t.required ? (x(), m("span", A, " *")) : p("", !0)], 2)),
+			C(r.$slots, "default", { errorId: T(n) }),
+			r.$slots.error ? (x(), m("div", {
+				key: 2,
+				id: T(n),
+				class: "labeled-field-error",
+				"aria-live": "polite"
+			}, [C(r.$slots, "error")], 8, j)) : p("", !0)
+		]));
 	}
-}), O = /* @__PURE__ */ v({
+}), N = /* @__PURE__ */ y({
 	__name: "LabeledInput",
 	props: {
 		modelValue: {},
@@ -40,37 +59,48 @@ var E = { class: "labeled-field" }, D = /* @__PURE__ */ v({
 		tooltip: {},
 		labelClass: {},
 		inputClass: {},
-		type: {}
+		type: {},
+		required: { type: Boolean }
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (b(), f(D, {
+		return (t, r) => (x(), f(M, {
 			label: e.label,
 			tooltip: e.tooltip,
-			"label-class": e.labelClass
-		}, {
-			default: T(() => [_(w(u), {
+			"label-class": e.labelClass,
+			required: e.required
+		}, g({
+			default: D(({ errorId: i }) => [v(T(u), {
 				type: e.type ?? "string",
-				class: y(e.inputClass ?? "fira-code"),
+				class: b(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, [
 				"type",
 				"class",
-				"model-value"
+				"model-value",
+				"required",
+				"aria-errormessage"
 			])]),
-			_: 1
-		}, 8, [
+			_: 2
+		}, [t.$slots.error ? {
+			name: "error",
+			fn: D(() => [C(t.$slots, "error")]),
+			key: "0"
+		} : void 0]), 1032, [
 			"label",
 			"tooltip",
-			"label-class"
+			"label-class",
+			"required"
 		]));
 	}
-}), k = {
+}), P = {
 	key: 0,
 	class: "ml-auto pl-2 text-micro text-muted-foreground whitespace-nowrap"
-}, A = /* @__PURE__ */ v({
+}, F = /* @__PURE__ */ y({
 	__name: "LabeledSelect",
 	props: {
 		modelValue: {},
@@ -79,33 +109,35 @@ var E = { class: "labeled-field" }, D = /* @__PURE__ */ v({
 		descriptions: {},
 		label: {},
 		tooltip: {},
-		labelClass: {}
+		labelClass: {},
+		required: { type: Boolean }
 	},
 	emits: ["update:modelValue", "update:open"],
 	setup(e, { emit: s }) {
 		let c = s;
-		return (s, l) => (b(), f(D, {
+		return (s, l) => (x(), f(M, {
 			label: e.label,
 			tooltip: e.tooltip,
-			"label-class": e.labelClass
+			"label-class": e.labelClass,
+			required: e.required
 		}, {
-			default: T(() => [_(w(a), {
+			default: D(() => [v(T(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))]),
+				default: D(() => [v(T(t), { class: "fira-code" }, {
+					default: D(() => [v(T(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), {
+				}), v(T(n), null, {
+					default: D(() => [v(T(o), { class: "fira-code" }, {
+						default: D(() => [(x(!0), m(d, null, S(e.items, (t) => (x(), f(T(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)]),
+							description: D(() => [e.descriptions?.[t] ? (x(), m("span", P, w(e.descriptions[t]), 1)) : p("", !0)]),
+							default: D(() => [_(w(t) + " ", 1)]),
 							_: 2
 						}, 1032, ["value"]))), 128))]),
 						_: 1
@@ -118,10 +150,11 @@ var E = { class: "labeled-field" }, D = /* @__PURE__ */ v({
 		}, 8, [
 			"label",
 			"tooltip",
-			"label-class"
+			"label-class",
+			"required"
 		]));
 	}
-}), j = /* @__PURE__ */ v({
+}), I = /* @__PURE__ */ y({
 	__name: "LabeledSlider",
 	props: {
 		modelValue: {},
@@ -130,17 +163,19 @@ var E = { class: "labeled-field" }, D = /* @__PURE__ */ v({
 		labelClass: {},
 		min: {},
 		max: {},
-		step: {}
+		step: {},
+		required: { type: Boolean }
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (b(), f(D, {
+		return (t, r) => (x(), f(M, {
 			label: e.label,
 			tooltip: e.tooltip,
-			"label-class": e.labelClass
+			"label-class": e.labelClass,
+			required: e.required
 		}, {
-			default: T(() => [_(w(s), {
+			default: D(() => [v(T(s), {
 				class: "py-2",
 				min: e.min,
 				max: e.max,
@@ -159,26 +194,29 @@ var E = { class: "labeled-field" }, D = /* @__PURE__ */ v({
 		}, 8, [
 			"label",
 			"tooltip",
-			"label-class"
+			"label-class",
+			"required"
 		]));
 	}
-}), M = { class: "flex items-center" }, N = /* @__PURE__ */ v({
+}), L = { class: "flex items-center" }, R = /* @__PURE__ */ y({
 	__name: "LabeledSwitch",
 	props: {
 		checked: { type: Boolean },
 		label: {},
 		tooltip: {},
-		labelClass: {}
+		labelClass: {},
+		required: { type: Boolean }
 	},
 	emits: ["update:checked"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (b(), f(D, {
+		return (t, r) => (x(), f(M, {
 			label: e.label,
 			tooltip: e.tooltip,
-			"label-class": e.labelClass
+			"label-class": e.labelClass,
+			required: e.required
 		}, {
-			default: T(() => [h("div", M, [_(w(c), {
+			default: D(() => [h("div", L, [v(T(c), {
 				checked: e.checked,
 				"onUpdate:checked": r[0] ||= (e) => n("update:checked", e)
 			}, null, 8, ["checked"])])]),
@@ -186,9 +224,10 @@ var E = { class: "labeled-field" }, D = /* @__PURE__ */ v({
 		}, 8, [
 			"label",
 			"tooltip",
-			"label-class"
+			"label-class",
+			"required"
 		]));
 	}
 });
 //#endregion
-export { D as LabeledField, O as LabeledInput, A as LabeledSelect, j as LabeledSlider, N as LabeledSwitch };
+export { M as LabeledField, N as LabeledInput, F as LabeledSelect, I as LabeledSlider, R as LabeledSwitch };

package/dist/metric-badge.js

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

package/dist/metric-stack.js

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-n-_DRHWS.js";
+import { t } from "./_plugin-vue_export-helper-Dq1MygBL.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

package/dist/{minimize-2-C_oyKVwZ.js → minimize-2-LsCJ_eNt.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-rHu18UQW.js";
+import { t as e } from "./createLucideIcon-Bn9a1b70.js";
 var t = e("maximize-2", [
 	["path", {
 		d: "M15 3h6v6",