@mkbabb/glass-ui 7.0.0 → 8.0.0

package/dist/popover-DBMKTPkL.js

@@ -0,0 +1,181 @@
+import { t as e } from "./content-CWO-XL7o.js";
+import { t } from "./createContext-BhkE9mLH.js";
+import { t as n } from "./participation-B0hdsIRo.js";
+import { computed as r, createBlock as i, defineComponent as a, mergeProps as o, openBlock as s, ref as c, renderSlot as l, resolveDynamicComponent as u, unref as d, useAttrs as f, watch as p, withCtx as m } from "vue";
+import { HoverCardContent as h, HoverCardPortal as g, HoverCardRoot as _, HoverCardTrigger as v, PopoverContent as y, PopoverPortal as b, PopoverRoot as x, PopoverTrigger as S } from "reka-ui";
+//#region src/components/popover/popoverContext.ts
+var C = t("glass-ui:popover-union"), w = C.provide, T = C.use, E = /* @__PURE__ */ a({
+	name: "Popover",
+	inheritAttrs: !1,
+	__name: "Popover",
+	props: {
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: !1
+		},
+		trigger: { default: "click" },
+		openDelay: { default: 250 },
+		closeDelay: { default: 150 },
+		keepDockOpen: {
+			type: Boolean,
+			default: !1
+		},
+		modal: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:open"],
+	setup(e, { emit: t }) {
+		let a = e, o = t, u = c(a.open ?? a.defaultOpen);
+		p(() => a.open, (e) => {
+			e !== void 0 && (u.value = e);
+		});
+		let f = r(() => a.open ?? u.value);
+		function h(e) {
+			a.open === void 0 && (u.value = e), o("update:open", e);
+		}
+		let g = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(pointer: coarse)").matches, v = r(() => a.trigger === "hover" && !g);
+		return w({
+			usesHoverRoot: v,
+			modal: r(() => a.modal)
+		}), n({ hold: () => f.value && a.keepDockOpen }), (t, n) => v.value ? (s(), i(d(_), {
+			key: 0,
+			"data-slot": "popover",
+			open: f.value,
+			"open-delay": e.openDelay,
+			"close-delay": e.closeDelay,
+			"onUpdate:open": h
+		}, {
+			default: m(() => [l(t.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"open",
+			"open-delay",
+			"close-delay"
+		])) : (s(), i(d(x), {
+			key: 1,
+			"data-slot": "popover",
+			open: f.value,
+			modal: e.modal,
+			"onUpdate:open": h
+		}, {
+			default: m(() => [l(t.$slots, "default")]),
+			_: 3
+		}, 8, ["open", "modal"]));
+	}
+}), D = /* @__PURE__ */ a({
+	name: "PopoverTrigger",
+	inheritAttrs: !1,
+	__name: "PopoverTrigger",
+	props: {
+		asChild: {
+			type: Boolean,
+			default: !1
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(e) {
+		let t = e, n = f(), a = r(() => {
+			let { as: e, reference: r, ...i } = n;
+			return t.asChild ? i : {
+				...i,
+				type: "button"
+			};
+		}), c = T(), u = r(() => c?.usesHoverRoot.value ?? !1);
+		return (n, r) => u.value ? (s(), i(d(v), o({ key: 0 }, a.value, {
+			as: "button",
+			"as-child": e.asChild,
+			class: t.class
+		}), {
+			default: m(() => [l(n.$slots, "default")]),
+			_: 3
+		}, 16, ["as-child", "class"])) : (s(), i(d(S), o({ key: 1 }, a.value, {
+			as: "button",
+			"as-child": e.asChild,
+			class: t.class
+		}), {
+			default: m(() => [l(n.$slots, "default")]),
+			_: 3
+		}, 16, ["as-child", "class"]));
+	}
+}), O = /* @__PURE__ */ a({
+	name: "PopoverContent",
+	inheritAttrs: !1,
+	__name: "PopoverContent",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		portal: {
+			type: Boolean,
+			default: !0
+		},
+		ariaLabel: {},
+		side: { default: "bottom" },
+		sideOffset: { default: 4 },
+		align: { default: "center" },
+		alignOffset: { default: 0 }
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(t, { emit: a }) {
+		let c = t, p = a, _ = f(), v = r(() => ({
+			side: c.side,
+			sideOffset: c.sideOffset,
+			align: c.align,
+			alignOffset: c.alignOffset,
+			avoidCollisions: !0
+		})), x = (e, { slots: t }) => t.default?.(), S = T(), C = r(() => S?.usesHoverRoot.value ?? !1), w = r(() => c.portal ? C.value ? g : b : x), E = r(() => C.value ? h : y), D = r(() => (S?.modal.value ?? !1) && !C.value), O = r(() => ({
+			"aria-label": c.ariaLabel,
+			...C.value ? { role: "group" } : {},
+			...D.value ? { "aria-modal": "true" } : {}
+		})), k = n(), A = r(() => e({
+			role: "panel",
+			slot: "popover-content",
+			dock: k.portalAttrs.value,
+			class: ["z-popover", c.class]
+		}));
+		return (e, t) => (s(), i(u(w.value), null, {
+			default: m(() => [(s(), i(u(E.value), o({
+				...v.value,
+				...d(_),
+				...O.value,
+				...A.value
+			}, {
+				onEscapeKeyDown: t[0] ||= (e) => p("escapeKeyDown", e),
+				onPointerDownOutside: t[1] ||= (e) => p("pointerDownOutside", e),
+				onFocusOutside: t[2] ||= (e) => p("focusOutside", e),
+				onInteractOutside: t[3] ||= (e) => p("interactOutside", e),
+				onOpenAutoFocus: t[4] ||= (e) => p("openAutoFocus", e),
+				onCloseAutoFocus: t[5] ||= (e) => p("closeAutoFocus", e)
+			}), {
+				default: m(() => [l(e.$slots, "default")]),
+				_: 3
+			}, 16))]),
+			_: 3
+		}));
+	}
+});
+//#endregion
+export { D as n, E as r, O as t };

package/dist/popover.d.ts

@@ -1 +1 @@
-export * from "./components/popover";
+export * from "./components/popover/index.js";

package/dist/popover.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./popover-BQGYXZyO.js";
+import { n as e, r as t, t as n } from "./popover-DBMKTPkL.js";
 export { t as Popover, n as PopoverContent, e as PopoverTrigger };

package/dist/progress-DF8dWZIX.js

@@ -0,0 +1,74 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { n as t, t as n } from "./valueDomain-DXRzfc8l.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createVNode as c, defineComponent as l, mergeProps as u, normalizeClass as d, normalizeStyle as f, openBlock as p, renderList as m, unref as h, withCtx as g } from "vue";
+import { ProgressIndicator as _, ProgressRoot as v } from "reka-ui";
+//#region src/components/progress/Progress.vue?vue&type=script&setup=true&lang.ts
+var y = ["data-orientation"], b = ["data-consumed"], x = /*#__PURE__*/ e(/* @__PURE__ */ l({
+	__name: "Progress",
+	props: {
+		modelValue: { default: 0 },
+		max: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		variant: { default: "default" },
+		status: { default: "default" },
+		orientation: { default: "horizontal" },
+		size: { default: "md" },
+		marks: { default: () => [] },
+		valueText: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let l = e, x = i(() => {
+			let { class: e, modelValue: t, variant: n, status: r, orientation: i, size: a, valueText: o, marks: s, ...c } = l;
+			return c;
+		}), S = i(() => l.modelValue == null), C = i(() => l.max ?? 100), w = i(() => S.value ? 0 : n(l.modelValue, 0, C.value)), T = i(() => S.value ? [] : t(l.marks, 0, C.value)), E = i(() => l.modelValue == null ? null : Math.round(l.modelValue * 100) / 100), D = i(() => `${Math.round(w.value * 100)}%`), O = i(() => S.value ? l.valueText ?? "in progress" : l.status === "error" ? `failed at ${D.value}` : l.valueText ?? D.value), k = () => void 0, A = () => O.value, j = i(() => ({ "--progress-value-percent": `${w.value * 100}%` })), M = i(() => ({ "track-flow": S.value })), N = i(() => ({
+			"glass-liquid-fill": l.variant === "liquid",
+			"progress-liquid-fill": l.variant === "liquid"
+		}));
+		return (e, t) => (p(), a(h(v), u({ "data-slot": "progress" }, x.value, {
+			"model-value": E.value,
+			"get-value-text": A,
+			"get-value-label": k,
+			class: ["progress-rail track-well", [M.value, l.class]],
+			"data-variant": l.variant,
+			"data-status": l.status,
+			"data-size": l.size,
+			"data-orientation": l.orientation,
+			"data-indeterminate": S.value || void 0,
+			"aria-invalid": l.status === "error" || void 0,
+			style: j.value
+		}), {
+			default: g(() => [T.value.length ? (p(), s("span", {
+				key: 0,
+				class: "glass-value-marks",
+				"aria-hidden": "true",
+				"data-orientation": l.orientation === "vertical" ? "vertical" : void 0
+			}, [(p(!0), s(r, null, m(T.value, (e) => (p(), s("span", {
+				key: e.value,
+				class: "glass-value-mark",
+				"data-consumed": e.position <= w.value || void 0,
+				style: f({ "--value-mark-position": `${e.position * 100}%` })
+			}, null, 12, b))), 128))], 8, y)) : o("", !0), c(h(_), { class: d(["progress-value-fill", N.value]) }, null, 8, ["class"])]),
+			_: 1
+		}, 16, [
+			"model-value",
+			"class",
+			"data-variant",
+			"data-status",
+			"data-size",
+			"data-orientation",
+			"data-indeterminate",
+			"aria-invalid",
+			"style"
+		]));
+	}
+}), [["__scopeId", "data-v-e5601b24"]]);
+//#endregion
+export { x as t };

package/dist/progress.d.ts

@@ -1 +1 @@
-export * from "./components/progress";
+export * from "./components/progress/index.js";

package/dist/progress.js

@@ -1,2 +1,2 @@
-import { t as e } from "./progress-DClbhRAT.js";
+import { t as e } from "./progress-DF8dWZIX.js";
 export { e as Progress };

package/dist/radio-group-Ci8o-pDx.js

@@ -0,0 +1,85 @@
+import { t as e } from "./class-names-q-UGOkHH.js";
+import { n as t } from "./control-Da4XeT43.js";
+import { computed as n, createBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, mergeProps as s, openBlock as c, renderSlot as l, unref as u, withCtx as d } from "vue";
+import { RadioGroupIndicator as f, RadioGroupItem as p, RadioGroupRoot as m, useForwardProps as h } from "reka-ui";
+//#endregion
+//#region src/components/radio-group/RadioGroup.vue
+var g = /* @__PURE__ */ o({
+	__name: "RadioGroup",
+	props: {
+		modelValue: {},
+		defaultValue: {},
+		orientation: { default: "vertical" },
+		dir: {},
+		loop: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {},
+		name: {},
+		required: { type: Boolean },
+		invalid: { type: Boolean },
+		disabled: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(i, { emit: a }) {
+		let o = i, f = a, p = h(n(() => {
+			let { class: e, invalid: t, ...n } = o;
+			return n;
+		}));
+		function g(e) {
+			f("update:modelValue", e);
+		}
+		return (n, i) => (c(), r(u(m), s({ "data-slot": "radio-group" }, {
+			...u(p),
+			...u(t)(o.invalid)
+		}, {
+			class: u(e)("radio-group", o.class),
+			"onUpdate:modelValue": g
+		}), {
+			default: d(() => [l(n.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), _ = {
+	class: "control-bit__face",
+	"aria-hidden": "true"
+}, v = /* @__PURE__ */ o({
+	__name: "RadioGroupItem",
+	props: {
+		value: {},
+		id: {},
+		disabled: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(t) {
+		let o = t, l = h(n(() => {
+			let { class: e, ...t } = o;
+			return t;
+		}));
+		return (t, n) => (c(), r(u(p), s({ "data-slot": "radio-group-item" }, u(l), { class: u(e)("control-bit tap-squish", o.class) }), {
+			default: d(() => [i("span", _, [a(u(f), {
+				"force-mount": "",
+				"data-slot": "radio-group-indicator",
+				class: "control-bit__mark radio-group__dot",
+				"aria-hidden": "true"
+			})])]),
+			_: 1
+		}, 16, ["class"]));
+	}
+});
+//#endregion
+export { g as n, v as t };

package/dist/radio-group.d.ts

@@ -0,0 +1 @@
+export * from "./components/radio-group/index.js";

package/dist/radio-group.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "./radio-group-Ci8o-pDx.js";
+export { e as RadioGroup, t as RadioGroupItem };

package/dist/reactive.d.ts

@@ -1 +1 @@
-export * from "./composables/reactive";
+export * from "./composables/reactive/index.js";

package/dist/resolve-DdrNvBby.js

@@ -0,0 +1,6 @@
+//#region src/components/_shared/surface/resolve.ts
+function e(e, t = !1) {
+	return t ? `glass-${e} glass-deep` : `glass-${e}`;
+}
+//#endregion
+export { e as t };

package/dist/{resolveCanvasColor-DS_6DBxA.js → resolveCanvasColor-6MCrswTB.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createCanvasLifecycle-DbXRwjU_.js";
+import { t as e } from "./createCanvasLifecycle-hJHobVTn.js";
 import { getCurrentScope as t, onScopeDispose as n, toValue as r } from "vue";
 //#region src/composables/glass/canvas2d/useCanvas2D.ts
 var i = "200px";
@@ -67,10 +67,9 @@ function a(a) {
 		}
 	};
 }
-var o = a;
 //#endregion
 //#region src/composables/glass/canvas2d/resolveCanvasColor.ts
-function s(e, t) {
+function o(e, t) {
 	let n = e.trim(), r = n.startsWith("--") ? `var(${n})` : n;
 	if (typeof document > "u" || typeof window > "u" || !t || typeof t.appendChild != "function") return e;
 	let i = document.createElement("span"), a = i.style;
@@ -79,4 +78,4 @@ function s(e, t) {
 	return t.removeChild(i), o || e;
 }
 //#endregion
-export { a as n, o as r, s as t };
+export { a as n, o as t };

package/dist/rowClass-DYOXwxhO.js

@@ -0,0 +1,10 @@
+//#region src/components/_shared/menu/rowClass.ts
+var e = Object.freeze({
+	none: "interactive-item glass-menu-row relative flex w-full cursor-default select-none items-center py-1 px-2 text-dropdown data-[disabled]:cursor-not-allowed data-[disabled]:pointer-events-none data-[disabled]:opacity-disabled",
+	start: "interactive-item glass-menu-row relative flex w-full cursor-default select-none items-center py-1 ps-7 pe-2 text-dropdown data-[disabled]:cursor-not-allowed data-[disabled]:pointer-events-none data-[disabled]:opacity-disabled"
+});
+function t(t = "none") {
+	return e[t];
+}
+//#endregion
+export { t };

package/dist/scroll-progress-rim.d.ts

@@ -1 +1 @@
-export * from "./components/scroll-progress-rim";
+export * from "./components/scroll-progress-rim/index.js";

package/dist/scroll-progress-rim.js

@@ -1,61 +1,67 @@
-import { computed as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeStyle as i, openBlock as a } from "vue";
+import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeStyle as o, openBlock as s, renderList as c } from "vue";
 //#region src/components/scroll-progress-rim/ScrollProgressRim.vue?vue&type=script&setup=true&lang.ts
-var o = [
-	"data-coverage",
+var l = [
+	"data-orientation",
 	"aria-valuenow",
 	"aria-valuemax"
-], s = /* @__PURE__ */ r({
+], u = {
+	class: "scroll-progress-rim__track track-ground",
+	"aria-hidden": "true"
+}, d = ["data-orientation"], f = ["data-consumed"], p = /* @__PURE__ */ a({
 	name: "ScrollProgressRim",
 	__name: "ScrollProgressRim",
 	props: {
 		value: {},
 		max: { default: 1 },
 		segments: {},
-		coverage: { default: "full-ring" },
+		orientation: { default: "horizontal" },
 		stops: {}
 	},
-	setup(r) {
-		let s = [
-			"var(--section-color-0)",
-			"var(--section-color-5)",
-			"var(--section-color-4)",
-			"var(--section-color-3)",
-			"var(--section-color-2)",
-			"var(--section-color-7)"
-		], c = r, l = (e, t, n) => Number.isNaN(e) ? t : Math.min(n, Math.max(t, e)), u = e(() => Number.isFinite(c.max) && c.max > 0 ? c.max : 1), d = e(() => l(c.value, 0, u.value)), f = e(() => d.value / u.value), p = e(() => c.stops?.length ? c.stops : s), m = e(() => {
-			let e = p.value, t = (e) => `calc(var(--scroll-progress-rim-fill, 0%) * ${e.toFixed(4)})`;
-			return e.length === 1 ? `${e[0]} 0%, ${e[0]} ${t(1)}` : e.map((n, r) => `${n} ${t(r / (e.length - 1))}`).join(", ");
-		}), h = e(() => {
-			let e = c.segments;
-			if (!e?.length) return null;
-			let t = p.value, n = (e) => `${(e * 100).toFixed(3)}%`;
-			return e.flatMap((r, i) => {
-				let a = i / e.length, o = a + l(r, 0, 1) / e.length, c = (i + 1) / e.length, u = t[e.length === 1 ? 0 : Math.round(i / (e.length - 1) * (t.length - 1))] ?? s[0];
-				return [
-					`${u} ${n(a)}`,
-					`${u} ${n(o)}`,
-					`transparent ${n(o)}`,
-					`transparent ${n(c)}`
-				];
-			}).join(", ");
-		}), g = e(() => ({
-			"--scroll-progress-rim-fill": c.segments?.length ? "100%" : `${(f.value * 100).toFixed(3)}%`,
-			"--scroll-progress-rim-spectrum": h.value ?? m.value
+	setup(a) {
+		let p = [
+			"var(--rainbow-red)",
+			"var(--rainbow-orange)",
+			"var(--rainbow-yellow)",
+			"var(--rainbow-green)",
+			"var(--rainbow-blue)",
+			"var(--rainbow-indigo)",
+			"var(--rainbow-violet)"
+		], m = a, h = (e, t, n) => Number.isNaN(e) ? t : Math.min(n, Math.max(t, e)), g = t(() => Number.isFinite(m.max) && m.max > 0 ? m.max : 1), _ = t(() => h(m.value, 0, g.value)), v = t(() => _.value / g.value), y = t(() => m.stops?.length ? m.stops : p), b = t(() => {
+			let e = m.orientation === "vertical" ? "to top" : "to right", t = y.value;
+			return t.length === 1 ? `linear-gradient(${e}, ${t[0]}, ${t[0]})` : `linear-gradient(${e}, ${t.map((e, n) => `${e} ${(n / (t.length - 1) * 100).toFixed(2)}%`).join(", ")})`;
+		}), x = t(() => {
+			let e = m.segments;
+			return e?.length ? e.map((t, n) => {
+				let r = (n + .5) / e.length;
+				return {
+					position: r,
+					consumed: r <= v.value
+				};
+			}) : [];
+		}), S = t(() => ({
+			"--scroll-progress-rim-fill": `${(v.value * 100).toFixed(3)}%`,
+			"--scroll-progress-rim-spectrum": b.value
 		}));
-		return (e, s) => (a(), t("div", {
+		return (t, p) => (s(), r("div", {
 			class: "scroll-progress-rim",
-			"data-coverage": r.coverage,
-			style: i(g.value),
+			"data-orientation": a.orientation,
+			style: o(S.value),
 			role: "progressbar",
 			"aria-label": "Scroll progress",
 			"aria-valuemin": "0",
-			"aria-valuenow": d.value,
-			"aria-valuemax": u.value
-		}, [...s[0] ||= [n("span", {
-			class: "scroll-progress-rim__track",
-			"aria-hidden": "true"
-		}, null, -1)]], 12, o));
+			"aria-valuenow": _.value,
+			"aria-valuemax": g.value
+		}, [i("span", u, [p[0] ||= i("span", { class: "scroll-progress-rim__fill" }, null, -1), x.value.length ? (s(), r("span", {
+			key: 0,
+			class: "glass-value-marks",
+			"data-orientation": a.orientation === "vertical" ? "vertical" : void 0
+		}, [(s(!0), r(e, null, c(x.value, (e, t) => (s(), r("span", {
+			key: t,
+			class: "glass-value-mark",
+			"data-consumed": e.consumed || void 0,
+			style: o({ "--value-mark-position": `${(e.position * 100).toFixed(3)}%` })
+		}, null, 12, f))), 128))], 8, d)) : n("", !0)])], 12, l));
 	}
 });
 //#endregion
-export { s as ScrollProgressRim };
+export { p as ScrollProgressRim };

package/dist/search.d.ts

@@ -1 +1 @@
-export * from "./components/search";
+export * from "./components/search/index.js";