@mkbabb/glass-ui 5.0.0 → 6.0.0

package/dist/DialogFooter-C0v4Hz2F.js

@@ -1,168 +0,0 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { n as t } from "./DialogContent-Bl4v10AC.js";
-import { computed as n, createBlock as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, guardReactiveProps as c, mergeProps as l, normalizeClass as u, normalizeProps as d, openBlock as f, renderSlot as p, unref as m, withCtx as h } from "vue";
-import { DialogClose as g, DialogContent as _, DialogDescription as v, DialogPortal as y, DialogTitle as b, DialogTrigger as x, useForwardProps as S, useForwardPropsEmits as C } from "reka-ui";
-import { X as w } from "@lucide/vue";
-//#endregion
-//#region src/components/dialog/DialogClose.vue
-var T = /* @__PURE__ */ s({
-	__name: "DialogClose",
-	props: {
-		asChild: { type: Boolean },
-		as: {}
-	},
-	setup(e) {
-		let t = e;
-		return (e, n) => (f(), r(m(g), d(c(t)), {
-			default: h(() => [p(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), E = /* @__PURE__ */ s({
-	__name: "DialogTrigger",
-	props: {
-		asChild: { type: Boolean },
-		as: {}
-	},
-	setup(e) {
-		let t = e;
-		return (e, n) => (f(), r(m(x), d(c(t)), {
-			default: h(() => [p(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), D = /* @__PURE__ */ s({
-	__name: "DialogHeader",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (f(), i("div", { class: u(m(e)("flex flex-col gap-y-1.5 text-center sm:text-left", n.class)) }, [p(t.$slots, "default")], 2));
-	}
-}), O = /* @__PURE__ */ s({
-	__name: "DialogTitle",
-	props: {
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let i = t, a = S(n(() => {
-			let { class: e, ...t } = i;
-			return t;
-		}));
-		return (t, n) => (f(), r(m(b), l(m(a), { class: m(e)("text-subheading leading-none tracking-tight", i.class) }), {
-			default: h(() => [p(t.$slots, "default")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), k = /* @__PURE__ */ s({
-	__name: "DialogDescription",
-	props: {
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let i = t, a = S(n(() => {
-			let { class: e, ...t } = i;
-			return t;
-		}));
-		return (t, n) => (f(), r(m(v), l(m(a), { class: m(e)("text-sm text-muted-foreground", i.class) }), {
-			default: h(() => [p(t.$slots, "default")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), A = /* @__PURE__ */ s({
-	__name: "DialogScrollContent",
-	props: {
-		forceMount: { type: Boolean },
-		disableOutsidePointerEvents: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		overlayClass: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	emits: [
-		"escapeKeyDown",
-		"pointerDownOutside",
-		"focusOutside",
-		"interactOutside",
-		"openAutoFocus",
-		"closeAutoFocus"
-	],
-	setup(i, { emit: s }) {
-		let c = i, d = s, v = C(n(() => {
-			let { class: e, overlayClass: t, ...n } = c;
-			return n;
-		}), d);
-		return (n, i) => (f(), r(m(y), null, {
-			default: h(() => [o(t, {
-				scrim: "clear",
-				animate: "fade",
-				layout: "scroll",
-				class: u(c.overlayClass)
-			}, {
-				default: h(() => [o(m(_), l({
-					"data-reveal": "overlay",
-					class: m(e)("popover-content relative z-overlay grid w-full max-w-lg my-8 gap-4 border border-border glass-floating [--overlay-pad-inline:--spacing(6)] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] px-(--overlay-pad-inline) py-(--overlay-pad-block) [box-shadow:var(--glass-shadow-floating)] glass-reveal sm:rounded-dialog md:w-full", c.class)
-				}, m(v), { onPointerDownOutside: i[0] ||= (e) => {
-					let t = e.detail.originalEvent, n = t.target;
-					(t.offsetX > n.clientWidth || t.offsetY > n.clientHeight) && e.preventDefault();
-				} }), {
-					default: h(() => [p(n.$slots, "default"), o(m(g), { class: "focus-ring absolute top-3 right-3 p-0.5 transition-colors rounded-pill hover:bg-secondary" }, {
-						default: h(() => [o(m(w), { class: "w-4 h-4" }), i[1] ||= a("span", { class: "sr-only" }, "Close", -1)]),
-						_: 1
-					})]),
-					_: 3
-				}, 16, ["class"])]),
-				_: 3
-			}, 8, ["class"])]),
-			_: 3
-		}));
-	}
-}), j = /* @__PURE__ */ s({
-	__name: "DialogFooter",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (f(), i("div", { class: u(m(e)("flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-x-2", n.class)) }, [p(t.$slots, "default")], 2));
-	}
-});
-//#endregion
-export { D as a, O as i, A as n, E as o, k as r, T as s, j as t };

package/dist/PaperBackdrop-BYwE8_kg.js

@@ -1,31 +0,0 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { computed as t, createElementBlock as n, defineComponent as r, normalizeClass as i, normalizeStyle as a, openBlock as o, unref as s } from "vue";
-//#endregion
-//#region src/components/paper-backdrop/PaperBackdrop.vue
-var c = /* @__PURE__ */ r({
-	__name: "PaperBackdrop",
-	props: {
-		opacity: {},
-		frequency: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(r) {
-		let c = r, l = t(() => {
-			let e = {};
-			return c.opacity !== void 0 && (e.opacity = String(c.opacity)), c.frequency === "aged" && (e.backgroundImage = "var(--paper-aged-texture)"), e;
-		});
-		return (t, r) => (o(), n("div", {
-			class: i(s(e)("paper-underpaint", c.class)),
-			style: a(l.value),
-			"aria-hidden": "true"
-		}, null, 6));
-	}
-});
-//#endregion
-export { c as t };

package/dist/Progress-uWLyXE7J.js

@@ -1,308 +0,0 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, mergeProps as l, normalizeClass as u, normalizeStyle as d, openBlock as f, toRef as p, unref as m, watchEffect as h, withCtx as g } from "vue";
-import { ProgressIndicator as _, ProgressRoot as v } from "reka-ui";
-//#endregion
-//#region src/components/progress/ProgressDefault.vue
-var y = /* @__PURE__ */ c({
-	__name: "ProgressDefault",
-	props: {
-		modelValue: {},
-		max: {},
-		getValueLabel: { type: Function },
-		getValueText: { type: Function },
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let i = t, a = n(() => {
-			let { class: e, ...t } = i;
-			return t;
-		});
-		return (t, n) => (f(), r(m(v), l({ "data-slot": "progress" }, a.value, { class: m(e)("relative h-4 w-full overflow-hidden rounded-pill bg-[var(--progress-track,var(--progress-track-on-glass))]", i.class) }), {
-			default: g(() => [s(m(_), {
-				class: "h-full w-full flex-1 rounded-pill [background:var(--progress-fill,var(--primary))] transition-transform",
-				style: d({ transform: `translateX(-${100 - (i.modelValue ?? 0)}%)` })
-			}, null, 8, ["style"])]),
-			_: 1
-		}, 16, ["class"]));
-	}
-}), b = /* @__PURE__ */ t(/* @__PURE__ */ c({
-	__name: "ProgressGradient",
-	props: {
-		modelValue: {},
-		max: {},
-		getValueLabel: { type: Function },
-		getValueText: { type: Function },
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		indeterminate: { type: Boolean }
-	},
-	setup(t) {
-		let i = t, a = n(() => {
-			let { class: e, indeterminate: t, ...n } = i;
-			return n;
-		}), o = n(() => {
-			if (i.indeterminate) return "idle";
-			let e = i.modelValue ?? 0;
-			return e <= 0 ? "idle" : e >= 100 ? "complete" : e < 5 ? "loading" : "progressing";
-		}), c = n(() => {
-			if (i.indeterminate) return;
-			let e = i.modelValue ?? 0;
-			if (e < 85) return { "--progress-crescendo": "0%" };
-			let t = (e - 85) / 15 * 100;
-			return { "--progress-crescendo": `${Math.min(100, Math.max(0, t))}%` };
-		});
-		return (n, u) => (f(), r(m(v), l({ "data-slot": "progress" }, a.value, {
-			class: m(e)("relative h-4 w-full overflow-hidden rounded-pill bg-[var(--progress-track,var(--progress-track-on-glass))] progress-gradient-rail", i.class),
-			"data-lifecycle": o.value,
-			"data-indeterminate": t.indeterminate || void 0
-		}), {
-			default: g(() => [s(m(_), {
-				class: "h-full w-full flex-1 rounded-pill [background:var(--progress-fill,var(--primary))] transition-transform",
-				style: d({
-					transform: `translateX(-${100 - (i.modelValue ?? 0)}%)`,
-					...c.value ?? {}
-				})
-			}, null, 8, ["style"])]),
-			_: 1
-		}, 16, [
-			"class",
-			"data-lifecycle",
-			"data-indeterminate"
-		]));
-	}
-}), [["__scopeId", "data-v-a9a4b031"]]), x = /* @__PURE__ */ t(/* @__PURE__ */ c({
-	__name: "ProgressLiquid",
-	props: {
-		modelValue: {},
-		max: {},
-		getValueLabel: { type: Function },
-		getValueText: { type: Function },
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let i = t, a = n(() => {
-			let { class: e, ...t } = i;
-			return t;
-		});
-		return (t, n) => (f(), r(m(v), l({ "data-slot": "progress" }, a.value, { class: m(e)("relative h-4 w-full overflow-hidden rounded-pill bg-[var(--progress-track,var(--progress-track-on-glass))]", i.class) }), {
-			default: g(() => [s(m(_), {
-				class: "glass-liquid-fill progress-liquid-fill h-full w-full flex-1 transition-transform",
-				style: d({ transform: `translateX(-${100 - (i.modelValue ?? 0)}%)` })
-			}, null, 8, ["style"])]),
-			_: 1
-		}, 16, ["class"]));
-	}
-}), [["__scopeId", "data-v-551fd9ce"]]);
-//#endregion
-//#region src/components/progress/useProgressGeometry.ts
-function S(e) {
-	let t = n(() => {
-		let t = e.segments.value;
-		if (t.length === 0) return [];
-		let n = t.map((e) => e.weight ?? 1), r = n.reduce((e, t) => e + t, 0) || 1, i = t.findIndex((t) => t.key === e.currentSegmentKey.value), a = 0;
-		return t.map((t, o) => {
-			let s = n[o] / r * 100, c = a, l = a + s;
-			a = l;
-			let u;
-			u = t.state ? t.state : i < 0 ? "pending" : o < i ? "completed" : o === i ? "active" : "pending";
-			let d = u === "completed" ? 1 : u === "active" ? Math.max(0, Math.min(1, e.activeProgress.value)) : 0;
-			return {
-				...t,
-				startPct: c,
-				endPct: l,
-				widthPct: s,
-				resolvedState: u,
-				fill: d
-			};
-		});
-	});
-	return {
-		cells: t,
-		aggregateValue: n(() => {
-			if (t.value.length === 0) return 0;
-			let e = 0;
-			for (let n of t.value) e += n.fill * n.widthPct;
-			return Math.max(0, Math.min(100, e));
-		})
-	};
-}
-//#endregion
-//#region src/components/progress/ProgressSectioned.vue?vue&type=script&setup=true&lang.ts
-var C = {
-	key: 0,
-	class: "progress-sectioned-sweep",
-	"aria-hidden": "true"
-}, w = 3.2, T = "14%", E = /* @__PURE__ */ t(/* @__PURE__ */ c({
-	__name: "ProgressSectioned",
-	props: {
-		max: {},
-		getValueLabel: {},
-		getValueText: {},
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		segments: { default: () => [] },
-		currentSegmentKey: { default: null },
-		activeProgress: { default: 0 }
-	},
-	setup(t) {
-		let c = t, u = n(() => {
-			let { class: e, segments: t, currentSegmentKey: n, activeProgress: r, ...i } = c;
-			return i;
-		}), { cells: h, aggregateValue: y } = S({
-			segments: p(c, "segments"),
-			currentSegmentKey: p(c, "currentSegmentKey"),
-			activeProgress: p(c, "activeProgress")
-		}), b = n(() => {
-			let e = 0;
-			for (let t of h.value) {
-				let n = t.startPct + t.widthPct * t.fill;
-				n > e && (e = n);
-			}
-			return Math.max(0, Math.min(100, e));
-		}), x = n(() => h.value.find((e) => e.resolvedState === "active") ?? null), E = n(() => {
-			let e = b.value;
-			if (e <= 0) return "none";
-			let t = [];
-			for (let n of h.value) {
-				let r = n.startPct + n.widthPct * n.fill;
-				if (r <= n.startPct) continue;
-				let i = n.startPct / e * 100, a = r / e * 100;
-				t.push({
-					from: Math.max(0, i),
-					to: Math.min(100, a),
-					color: n.color
-				});
-			}
-			if (t.length === 0) return "none";
-			let n = [];
-			return t.forEach((e, r) => {
-				let i = t[r - 1], a = t[r + 1], o = i ? e.from + w : e.from, s = a ? e.to - w : e.to;
-				n.push(`${e.color} ${o.toFixed(2)}%`), n.push(`${e.color} ${Math.max(o, s).toFixed(2)}%`);
-			}), `linear-gradient(90deg, ${n.join(", ")})`;
-		}), D = n(() => {
-			let e = [];
-			for (let t of h.value) {
-				if (t.resolvedState === "completed" || t.resolvedState === "active" && t.fill >= 1) continue;
-				let n = `color-mix(in srgb, ${t.color} ${T}, transparent)`;
-				e.push(`${n} ${t.startPct.toFixed(2)}%`), e.push(`${n} ${t.endPct.toFixed(2)}%`);
-			}
-			return e.length === 0 ? "none" : `linear-gradient(90deg, ${e.join(", ")})`;
-		});
-		return (t, n) => (f(), r(m(v), l({ "data-slot": "progress" }, u.value, {
-			"model-value": m(y),
-			class: m(e)("relative h-[var(--progress-sectioned-height,0.875rem)] w-full overflow-hidden rounded-pill progress-sectioned-rail", c.class),
-			style: { "--progress-track-ghost": D.value }
-		}), {
-			default: g(() => [s(m(_), { class: "absolute inset-0 pointer-events-none opacity-0" }), o("div", {
-				class: "progress-sectioned-flow",
-				style: d({
-					width: b.value + "%",
-					"--flow-gradient": E.value,
-					"--front-color": x.value ? x.value.color : "transparent"
-				})
-			}, [x.value ? (f(), a("span", C)) : i("", !0)], 4)]),
-			_: 1
-		}, 16, [
-			"model-value",
-			"class",
-			"style"
-		]));
-	}
-}), [["__scopeId", "data-v-9afb2d87"]]), D = /* @__PURE__ */ c({
-	__name: "Progress",
-	props: {
-		modelValue: { default: 0 },
-		max: {},
-		getValueLabel: {},
-		getValueText: {},
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		variant: { default: "default" },
-		segments: { default: () => [] },
-		currentSegmentKey: { default: null },
-		activeProgress: { default: 0 },
-		indeterminate: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	setup(e) {
-		let t = e;
-		function n(e) {
-			let t = `[glass-ui] Progress: ${e}`;
-			console.error(t);
-		}
-		return h(() => {
-			let e = t.variant === "sectioned";
-			!e && t.segments.length > 0 && n(`\`segments\` is only valid on variant="sectioned" (got variant="${t.variant}"). The default/gradient variants are driven by \`modelValue\`.`), e && (t.modelValue ?? 0) !== 0 && n("variant=\"sectioned\" ignores `modelValue` — its value derives from the per-cell state map (segments + currentSegmentKey + activeProgress). Drive the fill via `activeProgress`/`currentSegmentKey`, not `modelValue`."), e && t.indeterminate && n("`indeterminate` is not compatible with variant=\"sectioned\". The sectioned variant's living motion is the active-cell sweep.");
-		}), (e, n) => t.variant === "sectioned" ? (f(), r(E, {
-			key: 0,
-			segments: t.segments,
-			"current-segment-key": t.currentSegmentKey,
-			"active-progress": t.activeProgress,
-			class: u(t.class)
-		}, null, 8, [
-			"segments",
-			"current-segment-key",
-			"active-progress",
-			"class"
-		])) : t.variant === "gradient" ? (f(), r(b, {
-			key: 1,
-			"model-value": t.modelValue,
-			indeterminate: t.indeterminate,
-			class: u(t.class)
-		}, null, 8, [
-			"model-value",
-			"indeterminate",
-			"class"
-		])) : t.variant === "liquid" ? (f(), r(x, {
-			key: 2,
-			"model-value": t.modelValue,
-			class: u(t.class)
-		}, null, 8, ["model-value", "class"])) : (f(), r(y, {
-			key: 3,
-			"model-value": t.modelValue,
-			class: u(t.class)
-		}, null, 8, ["model-value", "class"]));
-	}
-});
-//#endregion
-export { b as a, x as i, E as n, y as o, S as r, D as t };

package/dist/SelectGroup-BuEptUsa.js

@@ -1,31 +0,0 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { computed as t, createBlock as n, defineComponent as r, mergeProps as i, openBlock as a, renderSlot as o, unref as s, withCtx as c } from "vue";
-import { SelectGroup as l } from "reka-ui";
-//#endregion
-//#region src/components/select/SelectGroup.vue
-var u = /* @__PURE__ */ r({
-	__name: "SelectGroup",
-	props: {
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(r) {
-		let u = r, d = t(() => {
-			let { class: e, ...t } = u;
-			return t;
-		});
-		return (t, r) => (a(), n(s(l), i({ class: s(e)("p-1 w-full", u.class) }, d.value), {
-			default: c(() => [o(t.$slots, "default")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-});
-//#endregion
-export { u as t };

package/dist/SelectSeparator-4QGephvr.js

@@ -1,49 +0,0 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { computed as t, createBlock as n, defineComponent as r, mergeProps as i, normalizeClass as a, openBlock as o, renderSlot as s, unref as c, withCtx as l } from "vue";
-import { SelectLabel as u, SelectSeparator as d } from "reka-ui";
-//#endregion
-//#region src/components/select/SelectLabel.vue
-var f = /* @__PURE__ */ r({
-	__name: "SelectLabel",
-	props: {
-		for: {},
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let r = t;
-		return (t, i) => (o(), n(c(u), { class: a(c(e)("py-1.5 pl-8 pr-2 text-dropdown-secondary font-semibold", r.class)) }, {
-			default: l(() => [s(t.$slots, "default")]),
-			_: 3
-		}, 8, ["class"]));
-	}
-}), p = /* @__PURE__ */ r({
-	__name: "SelectSeparator",
-	props: {
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(r) {
-		let a = r, s = t(() => {
-			let { class: e, ...t } = a;
-			return t;
-		});
-		return (t, r) => (o(), n(c(d), i(s.value, { class: c(e)("-mx-1 my-1 h-px bg-[color-mix(in_srgb,var(--foreground)_12%,transparent)]", a.class) }), null, 16, ["class"]));
-	}
-});
-//#endregion
-export { f as n, p as t };

package/dist/Separator-DqJ6PfOd.js

@@ -1,44 +0,0 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { computed as t, createBlock as n, createElementBlock as r, createElementVNode as i, defineComponent as a, mergeProps as o, normalizeClass as s, openBlock as c, toDisplayString as l, unref as u } from "vue";
-import { Separator as d } from "reka-ui";
-//#region src/components/separator/Separator.vue?vue&type=script&setup=true&lang.ts
-var f = ["aria-orientation", "aria-label"], p = { class: "text-mono-caption text-muted-foreground bg-background shrink-0 px-1.5 rounded-sm" }, m = /* @__PURE__ */ a({
-	__name: "Separator",
-	props: {
-		orientation: {},
-		decorative: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		label: {}
-	},
-	setup(a) {
-		let m = a, h = t(() => m.orientation === "vertical"), g = t(() => {
-			let { class: e, label: t, ...n } = m;
-			return n;
-		}), _ = t(() => e("shrink-0 bg-(--separator-ink)", h.value ? "w-px flex-1" : "h-px flex-1"));
-		return (t, a) => m.label ? (c(), r("div", {
-			key: 0,
-			"data-slot": "separator",
-			role: "separator",
-			"aria-orientation": h.value ? "vertical" : "horizontal",
-			"aria-label": m.label,
-			class: s(u(e)("flex items-center", h.value ? "flex-col w-px h-full gap-2" : "flex-row w-full gap-3", m.class))
-		}, [
-			i("span", { class: s(_.value) }, null, 2),
-			i("span", p, l(m.label), 1),
-			i("span", { class: s(_.value) }, null, 2)
-		], 10, f)) : (c(), n(u(d), o({
-			key: 1,
-			"data-slot": "separator"
-		}, g.value, { class: u(e)("shrink-0 bg-(--separator-ink)", h.value ? "w-px h-full" : "h-px w-full", m.class) }), null, 16, ["class"]));
-	}
-});
-//#endregion
-export { m as t };