@mkbabb/glass-ui 8.0.0 → 10.0.0

package/dist/index.d.ts

@@ -29,13 +29,13 @@ export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type TooltipC
 export { CONFIGURATOR_SIZE_KEY, Configurator, ConfiguratorLayer, ConfiguratorRow, provideConfiguratorSize, useConfiguratorState, useOptionalConfiguratorSize, type ConfiguratorAsideSide, type ConfiguratorCloneMode, type ConfiguratorGalleryPlacement, type ConfiguratorPreset, type ConfiguratorScrollMode, type ConfiguratorSize, type ConfiguratorState, type ConfiguratorStateOptions, } from "./components/configurator/index.js";
 export { useInterval, useTimer, type UseIntervalControls, type UseIntervalOptions, type UseTimerControls, type UseTimerOptions, } from "./composables/reactive/index.js";
 export { createTokenColorCache, resolveTokenColor, useBreakpoint, useClipboard, useDragVelocity, useIdleReady, useResizeObserver, useTokenColor, useTouchGate, useUserInvalidAria, useViewportReady, writeClipboard, type ClipboardStatus, type CopyFailureReason, type CopyResult, type ResolveTokenColorCache, type TokenColorResolver, type TouchGateReturn, type UseBreakpointControls, type UseClipboardOptions, type UseClipboardReturn, type UseDragVelocityParams, type UseDragVelocityReturn, type UseIdleReadyControls, type UseIdleReadyOptions, type UseResizeObserverControls, type UseResizeObserverOptions, type UseTokenColorControls, type UseTokenColorOptions, type UseUserInvalidAriaOptions, type UseUserInvalidAriaReturn, type UseViewportReadyControls, type UseViewportReadyOptions, } from "./composables/dom/index.js";
-export { createSpecularWriter, resolveCanvasColor, useCanvas2D, useSpecularTracking, vSpecular, type Canvas2DFrame, type Canvas2DHandle, type Canvas2DOptions, type Canvas2DSuspendReason, type SpecularWriter, type UseSpecularTracking, } from "./composables/glass/index.js";
+export { createSpecularWriter, resolveCanvasColor, useCanvas2D, useSpecularTracking, vSpecular, type Canvas2DFrame, type Canvas2DHandle, type Canvas2DOptions, type Canvas2DSuspendReason, type GpuBackend, type RendererStatus, type SpecularWriter, type UseSpecularTracking, } from "./composables/glass/index.js";
 export { startViewTransition, supportsViewTransitions, type ViewTransitionResult, } from "./composables/motion/core/useViewTransition.js";
 export { vReveal } from "./composables/motion/reveal/vReveal.js";
 export { useLiquidFlex, type LiquidFlexAxis, type UseLiquidFlexParams, type UseLiquidFlexReturn, } from "./composables/motion/spring/useLiquidFlex.js";
 export { usePointerVelocityField, type PointerVec2, type UsePointerVelocityField, type UsePointerVelocityFieldOptions, } from "./composables/motion/pointer/usePointerVelocityField.js";
 export { useRoutePointer, type RoutePointerContext, type UseRoutePointerOptions, } from "./composables/motion/pointer/useRoutePointer.js";
-export { fourierLeanMapping, blobPullMapping, auroraCursorMapping, constellationWellMapping, snapshotField, type PointerFieldSnapshot, type FourierLeanGeometry, type FourierLeanOptions, type FourierLeanResult, type BlobPullOptions, type BlobPullResult, type AuroraCursorOptions, type AuroraCursorResult, type ConstellationWellResult, } from "./composables/motion/pointer/pointerFieldMappings.js";
+export { blobPullMapping, auroraCursorMapping, constellationWellMapping, snapshotField, type PointerFieldSnapshot, type BlobPullOptions, type BlobPullResult, type AuroraCursorOptions, type AuroraCursorResult, type ConstellationWellResult, } from "./composables/motion/pointer/pointerFieldMappings.js";
 export type { Size, Orientation, Motion, Surface, SurfaceTier, } from "./components/_shared/axes.js";
 export { cn } from "./components/_shared/class-names.js";
 export { supportsScrollTimeline, supportsViewTimeline, } from "./composables/motion/scroll/supportsCssTimeline.js";

package/dist/infinite-scroll.js

@@ -13,9 +13,12 @@ function v(e) {
 		}
 	}
 	function f(n) {
-		p(), o = new IntersectionObserver(u, {
+		p();
+		let r = `0px 0px ${t}px 0px`;
+		o = new IntersectionObserver(u, {
 			root: e.scrollContainer?.value ?? null,
-			rootMargin: `0px 0px ${t}px 0px`
+			rootMargin: r,
+			scrollMargin: r
 		}), o.observe(n);
 	}
 	function p() {
@@ -58,23 +61,19 @@ var y = {
 	},
 	emits: ["load-more"],
 	setup(s, { expose: c, emit: l }) {
-		let h = s, g = l, S = d(null), { sentinelRef: C } = v({
-			scrollContainer: S,
-			threshold: h.threshold,
-			hasMore: m(() => h.hasMore),
-			isLoading: m(() => h.isLoading),
-			onLoadMore: () => g("load-more")
+		let d = s, h = l, { sentinelRef: g } = v({
+			threshold: d.threshold,
+			hasMore: m(() => d.hasMore),
+			isLoading: m(() => d.isLoading),
+			onLoadMore: () => h("load-more")
 		});
-		c({ sentinelRef: C });
-		let w = n(() => h.isLoading ? "Loading more items" : h.hasMore ? "" : "All items loaded");
-		return (n, c) => (u(), i("div", {
-			ref_key: "scrollContainer",
-			ref: S
-		}, [
+		c({ sentinelRef: g });
+		let S = n(() => d.isLoading ? "Loading more items" : d.hasMore ? "" : "All items loaded");
+		return (n, c) => (u(), i("div", null, [
 			f(n.$slots, "default"),
 			a("div", {
 				ref_key: "sentinelRef",
-				ref: C,
+				ref: g,
 				class: "h-px w-full",
 				"aria-hidden": "true"
 			}, null, 512),
@@ -83,8 +82,8 @@ var y = {
 				_: 3
 			}),
 			!s.isLoading && !s.hasMore ? (u(), i("div", b, [f(n.$slots, "end")])) : r("", !0),
-			a("span", x, p(w.value), 1)
-		], 512));
+			a("span", x, p(S.value), 1)
+		]));
 	}
 });
 //#endregion

package/dist/{input-Bls2A4Tt.js → input-eLZ_AU7l.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./class-names-q-UGOkHH.js";
+import { t as e } from "./class-names-FlXcvRRT.js";
 import { n as t } from "./control.css_vue_type_style_index_0_src_true_lang-BIdufaDG.js";
 import { createElementBlock as n, defineComponent as r, mergeModels as i, mergeProps as a, openBlock as o, unref as s, useAttrs as c, useModel as l, vModelDynamic as u, withDirectives as d } from "vue";
 //#region src/components/input/Input.vue?vue&type=script&setup=true&lang.ts

package/dist/input.js

@@ -1,2 +1,2 @@
-import { t as e } from "./input-Bls2A4Tt.js";
+import { t as e } from "./input-eLZ_AU7l.js";
 export { e as Input };

package/dist/keyboard.js

@@ -60,45 +60,88 @@ function m(e) {
 function h(e) {
 	return m(e).join(o ? "" : "+");
 }
-function g(e) {
+var g = {
+	mod: o ? "Command" : "Control",
+	ctrl: "Control",
+	control: "Control",
+	meta: "Command",
+	cmd: "Command",
+	command: "Command",
+	shift: "Shift",
+	alt: o ? "Option" : "Alt",
+	option: o ? "Option" : "Alt"
+}, _ = {
+	arrowleft: "Left Arrow",
+	arrowright: "Right Arrow",
+	arrowup: "Up Arrow",
+	arrowdown: "Down Arrow"
+};
+function v(e) {
+	return e.charAt(0).toUpperCase() + e.slice(1);
+}
+function y(e) {
+	let t = e.trim(), n = t.toLowerCase();
+	if (g[n]) return g[n];
+	if (_[n]) return _[n];
+	let r = l[n];
+	return r ? [n, ...r.filter((e) => {
+		let t = e.trim().toLowerCase();
+		return !n.startsWith(t);
+	})].map(v).join(" or ") : v(t);
+}
+function b(e) {
+	return e.split("+").map(y).join(" ");
+}
+function x(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);
+function S(e, t, n, r) {
+	if (r.defaultPrevented) return;
+	let i = !x(r) && t.length > 0 ? t[t.length - 1].seq : -1, a = x(r) ? [...e].reverse() : e;
+	for (let e of a) if (!(e.seq <= i) && (e.options.event ?? "keydown") === n && d(r, e.combo) && !(!e.options.allowInInput && f(r.target))) {
+		e.options.preventDefault && r.preventDefault(), e.handler(r);
 		return;
 	}
 }
-var v = i(() => {
-	let t = /* @__PURE__ */ new Set(), n = r(0);
+var C = i(() => {
+	let t = /* @__PURE__ */ new Set(), n = [], i = { seq: 0 }, o = r(0);
 	return a(window, "keydown", (e) => {
-		_(t, "keydown", e);
+		S(t, n, "keydown", e);
 	}), a(window, "keyup", (e) => {
-		_(t, "keyup", e);
+		S(t, n, "keyup", e);
 	}), {
 		shortcuts: t,
-		version: n,
-		labeled: e(() => (n.value, [...t].filter((e) => e.options.label)))
+		barriers: n,
+		counter: i,
+		version: o,
+		labeled: e(() => (o.value, [...t].filter((e) => !!e.options.label)))
 	};
 });
-function y(e, r, i = {}) {
-	let { shortcuts: a, version: o } = v(), s = {
+function w(e, r, i = {}) {
+	let { shortcuts: a, counter: o, version: s } = C(), l = {
 		combo: c(e),
 		raw: e,
 		handler: r,
-		options: i
+		options: i,
+		seq: ++o.seq
 	};
-	a.add(s), o.value++;
-	let l = () => {
-		a.delete(s) && o.value++;
+	a.add(l), s.value++;
+	let u = () => {
+		a.delete(l) && s.value++;
+	};
+	return t() && n(u), u;
+}
+function T() {
+	let { barriers: e, counter: t } = C(), n = { seq: t.seq };
+	return e.push(n), () => {
+		let t = e.indexOf(n);
+		t !== -1 && e.splice(t, 1);
 	};
-	return t() && n(l), l;
 }
-function b() {
-	let { labeled: e } = v();
+function E() {
+	let { labeled: e } = C();
 	return e;
 }
 //#endregion
-export { h as formatCombo, m as formatComboParts, o as isMac, y as registerShortcut, b as useRegisteredShortcuts };
+export { h as formatCombo, b as formatComboLabel, m as formatComboParts, o as isMac, w as registerShortcut, T as suspendShortcuts, E as useRegisteredShortcuts };

package/dist/{label-BQEZhnK_.js → label-CE03H1KL.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./class-names-q-UGOkHH.js";
+import { t as e } from "./class-names-FlXcvRRT.js";
 import { t } from "./primitive-B2t2jdqM.js";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, defineComponent as s, mergeProps as c, openBlock as l, renderSlot as u, toDisplayString as d, unref as f, useAttrs as p, withCtx as m } from "vue";
@@ -48,6 +48,6 @@ var g = ["aria-hidden"], _ = /*#__PURE__*/ n(/* @__PURE__ */ s({
 			"class"
 		]));
 	}
-}), [["__scopeId", "data-v-4f17b386"]]);
+}), [["__scopeId", "data-v-fa2ffe4d"]]);
 //#endregion
 export { _ as t };

package/dist/label.js

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

package/dist/labeled-field.js

@@ -1,8 +1,8 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t } from "./label-BQEZhnK_.js";
-import { t as n } from "./slider-gsc8jDIo.js";
-import { t as r } from "./switch-DxZzDrmV.js";
-import { t as i } from "./input-Bls2A4Tt.js";
+import { t } from "./label-CE03H1KL.js";
+import { t as n } from "./slider-5ChjjWSR.js";
+import { t as r } from "./switch-BYUZ6g9G.js";
+import { t as i } from "./input-eLZ_AU7l.js";
 import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createSlots as u, createTextVNode as d, createVNode as f, defineComponent as p, mergeProps as m, openBlock as h, renderSlot as g, toDisplayString as _, unref as v, useId as y, useSlots as b, withCtx as x } from "vue";
 //#region src/components/labeled-field/LabeledField.vue?vue&type=script&setup=true&lang.ts
 var S = [
@@ -70,7 +70,7 @@ var S = [
 			"aria-live": e.errorLive === "off" ? void 0 : e.errorLive
 		}, [g(n.$slots, "error", {}, void 0, !0)], 8, T)) : s("", !0)])], 8, S));
 	}
-}), [["__scopeId", "data-v-4fcb4aaa"]]), D = /* @__PURE__ */ p({
+}), [["__scopeId", "data-v-ea78fd3a"]]), D = /* @__PURE__ */ p({
 	name: "LabeledInput",
 	__name: "LabeledInput",
 	props: {
@@ -235,7 +235,10 @@ var S = [
 		requirement: {},
 		layout: {},
 		errorLive: {},
-		modelValue: { type: Boolean }
+		modelValue: {
+			type: Boolean,
+			default: void 0
+		}
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {