@mkbabb/glass-ui 6.0.0 → 7.0.0

package/dist/handmark.js

@@ -1,5 +1,5 @@
-import { t as e } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { n as t } from "./prng-Dz2_9RJu.js";
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { n as t } from "./prng-2uS6J_A1.js";
 import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, onBeforeUnmount as l, onMounted as u, openBlock as d, ref as f, renderList as p, renderSlot as m, unref as h, useId as g, watch as _ } from "vue";
 import { catmullRomToBezier as v, ellipsePoints as y, perturbPoints as b, perturbPointsClosed as x, pointsToLinear as S, useLineBoil as C, wobbleLinePoints as w } from "@mkbabb/pencil-boil";
 //#region src/components/handmark/brush.ts
@@ -631,7 +631,7 @@ var Ce = [
 	"fill-opacity",
 	"stroke-linecap",
 	"filter"
-], De = /* @__PURE__ */ e(/* @__PURE__ */ o({
+], De = /*#__PURE__*/ e(/* @__PURE__ */ o({
 	__name: "HandMark",
 	props: {
 		brush: { default: "pen" },
@@ -763,6 +763,6 @@ var Ce = [
 			onTransitionend: R
 		}, null, 46, Ee))), 128))], 8, we))], 8, Ce));
 	}
-}), [["__scopeId", "data-v-1097f080"]]);
+}), [["__scopeId", "data-v-2d06258d"]]);
 //#endregion
 export { T as BRUSHES, De as HandMark, A as UNDERLINE_GAP, k as VB_H, O as VB_W, B as boilLines, le as getStroke, se as getStrokePoints, ue as getSvgPathFromStroke, de as grainFilter, $ as hasGrain, ye as ink, D as lerpBrush, R as naturalUnderlinePoints, xe as normalizeProps, E as resolveBrush, V as serialize, z as shapeGeom, Se as useHandMark };

package/dist/header-ribbon.js

@@ -1,74 +1,43 @@
-import { t as e } from "./_plugin-vue_export-helper-C1je1s0u.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";
+import { t as e } from "./class-names-Cpy5eaBk.js";
+import { t } from "./Surface-kFQeYrYv.js";
+import { t as n } from "./primitive-B2t2jdqM.js";
+import { computed as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, mergeProps as c, openBlock as l, renderSlot as u, unref as d, useAttrs as f, withCtx as p } from "vue";
 //#region src/components/header-ribbon/HeaderRibbon.vue?vue&type=script&setup=true&lang.ts
-var d = {
-	key: 0,
-	class: "pointer-events-auto shrink-0 mr-2"
-}, f = ["inert"], p = ["inert"], m = /* @__PURE__ */ e(/* @__PURE__ */ a({
+var m = ["data-placement", "aria-label"], h = {
+	class: "header-ribbon__actions",
+	"data-slot": "header-ribbon-actions"
+}, g = /* @__PURE__ */ s({
+	inheritAttrs: !1,
 	__name: "HeaderRibbon",
 	props: {
-		placement: { default: "left" },
-		hideTimeoutMs: { default: 2e3 }
+		placement: {},
+		ariaLabel: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
 	},
-	setup(e, { expose: a }) {
-		let m = e, h = l(!1), g = l(!1), _ = l(!1), v = l(!1), y = l(!1), b, x = t(() => h.value || g.value);
-		function S() {
-			b != null && (clearTimeout(b), b = void 0);
-		}
-		function C() {
-			v.value || y.value || (S(), b = setTimeout(() => {
-				h.value = !1;
-			}, m.hideTimeoutMs));
-		}
-		function w() {
-			v.value = !0, S(), h.value = !0;
-		}
-		function T() {
-			v.value = !1, g.value || C();
-		}
-		function E() {
-			y.value = !0, S(), h.value = !0;
-		}
-		function D(e) {
-			let t = e.currentTarget;
-			e.relatedTarget instanceof Node && t.contains(e.relatedTarget) || (y.value = !1, g.value || C());
-		}
-		function O() {
-			g.value ? (g.value = !1, _.value = !1, C()) : (g.value = !0, h.value = !0, _.value = !0, S());
-		}
-		return s(S), a({
-			isPinned: g,
-			isExpanded: h,
-			isVisible: x,
-			isToggled: _
-		}), (t, a) => (c(), r("div", {
-			class: o(["fixed z-dock pointer-events-none w-fit flex items-center px-4 pt-4 pb-2", e.placement === "left" ? "top-0 left-0" : "top-0 right-0"]),
-			onMouseleave: T,
-			onFocusin: E,
-			onFocusout: D
-		}, [t.$slots.left ? (c(), r("div", d, [u(t.$slots, "left", {}, void 0, !0)])) : n("", !0), i("div", {
-			class: "pointer-events-auto flex items-center h-6",
-			onMouseenter: w
-		}, [
-			e.placement === "right" ? (c(), r("div", {
-				key: 0,
-				class: o(["header-items-wrapper header-items-right flex items-center gap-3", x.value ? "" : "header-collapsed-right"]),
-				inert: !x.value || void 0
-			}, [u(t.$slots, "items", {}, void 0, !0)], 10, f)) : n("", !0),
-			i("div", {
-				class: "shrink-0",
-				onClick: O
-			}, [u(t.$slots, "anchor", {
-				pinned: g.value,
-				toggled: _.value
-			}, void 0, !0)]),
-			e.placement === "left" ? (c(), r("div", {
-				key: 1,
-				class: o(["header-items-wrapper header-items-left flex items-center gap-3", x.value ? "" : "header-collapsed-left"]),
-				inert: !x.value || void 0
-			}, [u(t.$slots, "items", {}, void 0, !0)], 10, p)) : n("", !0)
-		], 32)], 34));
+	setup(s) {
+		let g = s, _ = f(), v = r(() => n(_)), y = r(() => g.placement ?? "left"), b = r(() => g.ariaLabel?.trim() || "Header actions");
+		return (n, r) => (l(), i("div", c(v.value, {
+			class: d(e)("header-ribbon", g.class),
+			"data-placement": y.value,
+			"data-slot": "header-ribbon",
+			role: "toolbar",
+			"aria-label": b.value
+		}), [o(d(t), {
+			class: "header-ribbon__band",
+			material: "functional",
+			surface: "glass",
+			specular: "subtle"
+		}, {
+			default: p(() => [a("div", h, [u(n.$slots, "items")])]),
+			_: 3
+		})], 16, m));
 	}
-}), [["__scopeId", "data-v-711f1018"]]);
+});
 //#endregion
-export { m as HeaderRibbon };
+export { g as HeaderRibbon };

package/dist/index.d.ts

@@ -11,7 +11,6 @@ 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";
@@ -24,28 +23,20 @@ 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 { 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 { 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 { startViewTransition, supportsViewTransitions, type ViewTransitionResult, } from "./composables/motion/core/useViewTransition";
+export { vReveal } from "./composables/motion/reveal/vReveal";
+export { useTextHighlight, type HighlightMatcher, type UseTextHighlightControls, } from "./composables/motion/reveal/useTextHighlight";
+export { useLiquidFlex, type LiquidFlexAxis, type UseLiquidFlexParams, type UseLiquidFlexReturn, } from "./composables/motion/spring/useLiquidFlex";
+export { useLeadTrail, type LeadTrailEdges, type UseLeadTrail, type UseLeadTrailOptions, } from "./composables/motion/morph/useLeadTrail";
+export { usePointerVelocityField, type PointerVec2, type UsePointerVelocityField, type UsePointerVelocityFieldOptions, } from "./composables/motion/pointer/usePointerVelocityField";
+export { useRoutePointer, type RoutePointerContext, type UseRoutePointerOptions, } from "./composables/motion/pointer/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/pointer/pointerFieldMappings";
 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";
+export { supportsScrollTimeline, supportsViewTimeline, } from "./composables/motion/scroll/supportsCssTimeline";

package/dist/infinite-scroll.js

@@ -1,46 +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, d = 0;
+function f(e) {
+	let { threshold: t = 200, hasMore: n, isLoading: r, onLoadMore: o } = e, c = s(null), l = null;
 	function f() {
-		return l(n) && !l(r);
+		return u(n) && !u(r);
 	}
 	function p(e) {
-		for (let t of e) t.isIntersecting && f() && a();
+		for (let t of e) if (t.isIntersecting && f()) {
+			l?.unobserve(t.target), o();
+			break;
+		}
 	}
 	function m(n) {
-		h(), c = new IntersectionObserver(p, {
+		h(), l = new IntersectionObserver(p, {
 			root: e.scrollContainer?.value ?? null,
 			rootMargin: `0px 0px ${t}px 0px`
-		}), c.observe(n);
+		}), l.observe(n);
 	}
 	function h() {
-		c &&= (c.disconnect(), null), d &&= (cancelAnimationFrame(d), 0);
+		l &&= (l.disconnect(), null);
 	}
 	function g() {
-		s.value && f() && a();
+		c.value && m(c.value);
 	}
-	return u(s, (e) => {
+	return d(c, (e) => {
 		e ? m(e) : h();
-	}), u(() => l(r), (e) => {
-		!e && s.value && (d && cancelAnimationFrame(d), d = requestAnimationFrame(() => {
-			d = 0, g();
-		}));
-	}), i(h), {
-		sentinelRef: s,
+	}), 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 },
@@ -48,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 "./instrument-chassis-Cvstg4_U.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/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-Cj38tJKG.js";
+import { t as e } from "./label-DnMqH7jr.js";
 export { e as Label };