@mkbabb/glass-ui 4.2.0 → 6.0.0

package/dist/icon-chip-BWuxz1-u.js

@@ -0,0 +1,57 @@
+import { t as e } from "./class-names-5jotTFzp.js";
+import { t } from "./vReveal-DZfWl9XI.js";
+import { computed as n, createBlock as r, createElementBlock as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, resolveDynamicComponent as l, unref as u, withDirectives as d } from "vue";
+//#region src/components/icon-chip/IconChip.vue?vue&type=script&setup=true&lang.ts
+var f = ["data-duotone", "data-surface"], p = 48, m = 22, h = /* @__PURE__ */ a({
+	name: "IconChip",
+	__name: "IconChip",
+	props: {
+		icon: { type: [Function, Object] },
+		section: {},
+		tone: {},
+		size: {},
+		glyphSize: {},
+		strokeWidth: {},
+		bare: { type: Boolean },
+		duotone: { type: Boolean },
+		bloom: { type: Boolean },
+		saturated: { type: Boolean },
+		glass: { type: Boolean },
+		reveal: { type: [Boolean, Number] },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(a) {
+		let h = a, g = n(() => h.tone == null ? h.section == null ? "var(--muted-foreground)" : `var(--section-color-${h.section}, var(--muted-foreground))` : h.tone), _ = n(() => h.tone == null ? h.section == null ? "var(--muted)" : `var(--section-color-${h.section}, var(--muted))` : h.tone), v = n(() => void 0), y = n(() => h.reveal != null && h.reveal !== !1), b = n(() => h.reveal === !0 ? 0 : typeof h.reveal == "number" ? h.reveal : 0), x = n(() => {
+			let e = h.glyphSize ?? m, t = {
+				"--icon-chip-event-color": g.value,
+				"--icon-chip-plate-color": _.value,
+				"--icon-chip-glyph-size": `${e}px`,
+				"--icon-chip-size": `${h.size ?? p}px`
+			};
+			return h.glass && (t["--glass-fill-tint"] = g.value, t["--glass-fill-strength"] = "var(--icon-chip-glass-strength, 14%)"), t;
+		});
+		return (n, a) => d((c(), i("span", {
+			class: o(["icon-chip", u(e)(h.bare && "icon-chip--bare", h.duotone && "icon-chip--duotone", h.bloom && "icon-chip--bloom", h.saturated && "icon-chip--saturated", h.glass && "icon-chip--glass glass-capsule glass-atom", y.value && "icon-chip--reveal", h.class)]),
+			"data-duotone": h.duotone ? "" : void 0,
+			"data-surface": h.glass ? "glass" : void 0,
+			style: s(x.value)
+		}, [(c(), r(l(h.icon), {
+			class: "icon-chip__glyph",
+			size: h.glyphSize ?? 22,
+			"stroke-width": h.strokeWidth ?? 1.75,
+			"aria-hidden": "true"
+		}, null, 8, ["size", "stroke-width"]))], 14, f)), [[
+			u(t),
+			b.value,
+			v.value
+		]]);
+	}
+});
+//#endregion
+export { h as t };

package/dist/icon-chip.d.ts

@@ -1 +1 @@
-export * from "./components/custom/icon-chip";
+export * from "./components/icon-chip";

package/dist/icon-chip.js

@@ -1,2 +1,2 @@
-import { t as e } from "./IconChip-CQa7XZYc.js";
+import { t as e } from "./icon-chip-BWuxz1-u.js";
 export { e as IconChip };

package/dist/icon-tooltip-CO6rw0dZ.js

@@ -0,0 +1,25 @@
+import { i as e, n as t, r as n, t as r } from "./tooltip-BmOQJzh0.js";
+import { createBlock as i, createTextVNode as a, createVNode as o, defineComponent as s, openBlock as c, renderSlot as l, toDisplayString as u, unref as d, withCtx as f } from "vue";
+//#endregion
+//#region src/components/icon-tooltip/IconTooltip.vue
+var p = /* @__PURE__ */ s({
+	__name: "IconTooltip",
+	props: { text: {} },
+	setup(s) {
+		return (p, m) => (c(), i(d(r), { "delay-duration": 250 }, {
+			default: f(() => [o(d(e), null, {
+				default: f(() => [o(d(t), { "as-child": "" }, {
+					default: f(() => [l(p.$slots, "default")]),
+					_: 3
+				}), o(d(n), { class: "font-display text-base" }, {
+					default: f(() => [a(u(s.text), 1)]),
+					_: 1
+				})]),
+				_: 3
+			})]),
+			_: 3
+		}));
+	}
+});
+//#endregion
+export { p as t };

package/dist/icon-tooltip.d.ts

@@ -1 +1 @@
-export * from "./components/custom/icon-tooltip";
+export * from "./components/icon-tooltip";

package/dist/icon-tooltip.js

@@ -1,2 +1,2 @@
-import { t as e } from "./IconTooltip-_df8M3xm.js";
+import { t as e } from "./icon-tooltip-CO6rw0dZ.js";
 export { e as IconTooltip };

package/dist/index.d.ts

@@ -1,55 +1,51 @@
-export * from "./components/ui/accordion";
-export * from "./components/ui/alert";
-export * from "./components/ui/avatar";
-export * from "./components/ui/badge";
-export * from "./components/ui/button";
-export * from "./components/ui/card";
-export * from "./components/ui/checkbox";
-export * from "./components/ui/collapsible";
-export * from "./components/ui/command";
-export * from "./components/ui/context-menu";
-export * from "./components/ui/data-table";
-export * from "./components/ui/dialog";
-export * from "./components/ui/dropdown-menu";
-export * from "./components/ui/hover-card";
-export * from "./components/ui/label";
-export * from "./components/ui/metric-pill";
-export * from "./components/ui/multi-select";
-export * from "./components/ui/notification";
-export * from "./components/ui/number-field";
-export * from "./components/ui/popover";
-export * from "./components/ui/progress";
-export * from "./components/ui/radio-group";
-export * from "./components/ui/section";
-export * from "./components/ui/select";
-export * from "./components/ui/separator";
-export * from "./components/ui/sheet";
-export * from "./components/ui/skeleton";
-export * from "./components/ui/slider";
-export * from "./components/ui/switch";
-export * from "./components/ui/table";
-export * from "./components/ui/tags-input";
-export * from "./components/ui/toast";
-export * from "./components/ui/toggle";
-export * from "./components/ui/toggle-group";
-export * from "./components/ui/tooltip";
-export * from "./components/custom/instrument-chassis";
-export * from "./components/custom/hover-popover";
-export * from "./components/custom/configurator";
-export * from "./components/custom/scrolling-text";
-export * from "./components/custom/icon-chip";
-export * from "./components/custom/split-chars";
+export * from "./components/accordion";
+export * from "./components/alert";
+export * from "./components/avatar";
+export * from "./components/badge";
+export * from "./components/button";
+export * from "./components/card";
+export * from "./components/checkbox";
+export * from "./components/collapsible";
+export * from "./components/command";
+export * from "./components/data-table";
+export * from "./components/dialog";
+export * from "./components/dropdown-menu";
+export * from "./components/label";
+export * from "./components/notification";
+export * from "./components/number-field";
+export * from "./components/popover";
+export * from "./components/progress";
+export * from "./components/radio-group";
+export * from "./components/select";
+export * from "./components/separator";
+export * from "./components/skeleton";
+export * from "./components/slider";
+export * from "./components/switch";
+export * from "./components/table";
+export * from "./components/tags-input";
+export * from "./components/toast";
+export * from "./components/toggle";
+export * from "./components/toggle-group";
+export * from "./components/tooltip";
+export * from "./components/instrument-chassis";
+export * from "./components/configurator";
+export * from "./components/icon-chip";
+export * from "./components/split-chars";
 export * from "./composables/reactive";
 export * from "./composables/dom";
 export * from "./composables/glass";
-export * from "./composables/sortable";
 export { startViewTransition, supportsViewTransitions, navigate, supportsRouteTransitions, type ViewTransitionResult, type NavigateOptions, } from "./composables/motion/useViewTransition";
 export { vReveal } from "./composables/motion/vReveal";
 export { useTextHighlight, type HighlightMatcher, type UseTextHighlightControls, } from "./composables/motion/useTextHighlight";
 export { useLiquidFlex, type LiquidFlexAxis, type UseLiquidFlexParams, type UseLiquidFlexReturn, } from "./composables/motion/useLiquidFlex";
+export { useLeadTrail, type LeadTrailEdges, type UseLeadTrail, type UseLeadTrailOptions, } from "./composables/motion/useLeadTrail";
 export { useGooMorph, type GooBarbellRefs, type UseGooMorphParams, type UseGooMorphReturn, } from "./composables/motion/useGooMorph";
-export { useMorphField, MORPH_SIGNATURES, type MorphSignature, type MorphSignatureName, type MorphVector, type MorphTier, type MorphSilhouette, type MorphFieldRect, type BodySpec, type MorphFieldOptions, type MorphFieldHandle, } from "./composables/motion/useMorphField";
+export { MORPH_SIGNATURES, type MorphSignature, type MorphSignatureName, type MorphVector, } from "./composables/motion/morphSignatures";
 export { usePointerVelocityField, type PointerVec2, type UsePointerVelocityField, type UsePointerVelocityFieldOptions, } from "./composables/motion/usePointerVelocityField";
+export { useRoutePointer, type RoutePointerContext, type UseRoutePointerOptions, } from "./composables/motion/useRoutePointer";
+export { fourierLeanMapping, blobPullMapping, auroraCursorMapping, constellationWellMapping, snapshotField, FOURIER_BIAS_GAIN, FOURIER_FOLLOW_LEAN, BLOB_LEAD_K, BLOB_STRETCH_GAIN, BLOB_STRETCH_MAX, AURORA_CURSOR_RADIUS, type PointerFieldSnapshot, type FourierLeanGeometry, type FourierLeanOptions, type FourierLeanResult, type BlobPullOptions, type BlobPullResult, type AuroraCursorOptions, type AuroraCursorResult, type ConstellationWellResult, } from "./composables/motion/pointerFieldMappings";
 export { useCharStagger, type UseCharStaggerOptions, type UseCharStaggerReturn, } from "./composables/motion/useCharStagger";
-export { useHaptic, type HapticPattern, type UseHapticOptions, type UseHapticReturn, } from "./composables/motion/core/useHaptic";
-export * from "./utils";
+export type { Size, Orientation, Motion, Surface, SurfaceTier, } from "./components/_shared/axes";
+export { cn } from "./components/_shared/class-names";
+export { coalesceMetric, METRIC_PLACEHOLDER, type MetricValue, type MetricValueProps, } from "./components/metric/coalesce-metric";
+export { supportsScrollTimeline, supportsViewTimeline, } from "./composables/motion/supportsCssTimeline";

package/dist/infinite-scroll.d.ts

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

package/dist/infinite-scroll.js

@@ -1,37 +1,39 @@
 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
+//#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() {
+	let { threshold: t = 200, hasMore: n, isLoading: r, onLoadMore: a } = e, s = o(null), c = null, d = 0;
+	function f() {
 		return l(n) && !l(r);
 	}
-	function f(e) {
-		for (let t of e) t.isIntersecting && d() && a();
+	function p(e) {
+		for (let t of e) t.isIntersecting && f() && a();
 	}
-	function p(n) {
-		m(), c = new IntersectionObserver(f, {
+	function m(n) {
+		h(), c = new IntersectionObserver(p, {
 			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();
+		c &&= (c.disconnect(), null), d &&= (cancelAnimationFrame(d), 0);
+	}
+	function g() {
+		s.value && f() && a();
 	}
 	return u(s, (e) => {
-		e ? p(e) : m();
+		e ? m(e) : h();
 	}), u(() => l(r), (e) => {
-		!e && s.value && requestAnimationFrame(h);
-	}), i(m), {
+		!e && s.value && (d && cancelAnimationFrame(d), d = requestAnimationFrame(() => {
+			d = 0, g();
+		}));
+	}), i(h), {
 		sentinelRef: s,
-		check: h,
-		stop: m
+		check: g,
+		stop: h
 	};
 }
 //#endregion
-//#region src/components/custom/infinite-scroll/InfiniteScroll.vue?vue&type=script&setup=true&lang.ts
+//#region src/components/infinite-scroll/InfiniteScroll.vue?vue&type=script&setup=true&lang.ts
 var f = {
 	key: 0,
 	class: "flex justify-center py-4"

package/dist/instrument-chassis-Cvstg4_U.js

@@ -0,0 +1,65 @@
+import { t as e } from "./class-names-5jotTFzp.js";
+import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, renderSlot as l } from "vue";
+//#region src/components/instrument-chassis/ChassisDivider.vue?vue&type=script&setup=true&lang.ts
+var u = ["data-orientation"], d = /* @__PURE__ */ o({
+	__name: "ChassisDivider",
+	props: {
+		orientation: { default: "horizontal" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(n) {
+		let r = n, o = t(() => e("chassis-divider", `chassis-divider--${r.orientation}`, r.class));
+		return (e, t) => (c(), i("div", {
+			class: s(o.value),
+			"data-orientation": n.orientation,
+			"aria-hidden": "true"
+		}, [...t[0] ||= [a("span", { class: "bezel-line top" }, null, -1), a("span", { class: "bezel-line bottom" }, null, -1)]], 10, u));
+	}
+}), f = ["data-phase", "data-variant"], p = {
+	key: 0,
+	class: "instrument-strip"
+}, m = { class: "instrument-dial" }, h = {
+	key: 3,
+	class: "instrument-control"
+}, g = /* @__PURE__ */ o({
+	__name: "InstrumentChassis",
+	props: {
+		phase: {},
+		variant: { default: "glass" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(o) {
+		let u = o, g = t(() => e("instrument-chassis", u.class));
+		return (e, t) => (c(), i("section", {
+			class: s(g.value),
+			"data-phase": o.phase ?? "ready",
+			"data-variant": o.variant
+		}, [
+			e.$slots.strip ? (c(), i("header", p, [l(e.$slots, "strip")])) : r("", !0),
+			e.$slots.strip ? (c(), n(d, {
+				key: 1,
+				orientation: "horizontal"
+			})) : r("", !0),
+			a("main", m, [l(e.$slots, "dial")]),
+			e.$slots.control ? (c(), n(d, {
+				key: 2,
+				orientation: "horizontal"
+			})) : r("", !0),
+			e.$slots.control ? (c(), i("footer", h, [l(e.$slots, "control")])) : r("", !0)
+		], 10, f));
+	}
+});
+//#endregion
+export { d as n, g as t };

package/dist/instrument-chassis.d.ts

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

package/dist/instrument-chassis.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./InstrumentChassis-UUJX0-mW.js";
+import { n as e, t } from "./instrument-chassis-Cvstg4_U.js";
 export { e as ChassisDivider, t as InstrumentChassis };

package/dist/keyboard.js

@@ -1,2 +1,104 @@
-import { a as e, i as t, n, r, t as i } from "./useKeyboardShortcuts-BEut54Tk.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-Cj38tJKG.js

@@ -0,0 +1,36 @@
+import { t as e } from "./class-names-5jotTFzp.js";
+import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, defineComponent as a, mergeProps as o, openBlock as s, renderSlot as c, unref as l, withCtx as u } from "vue";
+import { Label as d } from "reka-ui";
+//#region src/components/label/Label.vue?vue&type=script&setup=true&lang.ts
+var f = {
+	key: 0,
+	class: "text-destructive",
+	"aria-hidden": "true"
+}, p = /* @__PURE__ */ a({
+	__name: "Label",
+	props: {
+		for: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		required: { type: Boolean }
+	},
+	setup(a) {
+		let p = a, m = t(() => {
+			let { class: e, required: t, ...n } = p;
+			return n;
+		});
+		return (t, h) => (s(), n(l(d), o({ "data-slot": "label" }, m.value, { class: l(e)("text-small font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", p.class) }), {
+			default: u(() => [c(t.$slots, "default"), a.required ? (s(), i("span", f, " *")) : r("", !0)]),
+			_: 3
+		}, 16, ["class"]));
+	}
+});
+//#endregion
+export { p as t };

package/dist/label.d.ts

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

package/dist/label.js

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

package/dist/labeled-field.d.ts

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