@mkbabb/glass-ui 7.0.0 → 8.0.0

package/dist/menuRowClass-Nh7CtMON.js

@@ -1,12 +0,0 @@
-//#region src/components/_shared/menuRowClass.ts
-var e = [
-	"interactive-item glass-menu-row",
-	"relative flex w-full cursor-default select-none items-center py-1.5",
-	"text-dropdown outline-none",
-	"data-[disabled]:cursor-not-allowed data-[disabled]:pointer-events-none data-[disabled]:opacity-disabled"
-].join(" ");
-function t(t = "none") {
-	return `${e} ${t === "start" ? "pl-7 pr-2" : "px-2"}`;
-}
-//#endregion
-export { t };

package/dist/number-field-Boe09SvX.js

@@ -1,154 +0,0 @@
-import { t as e } from "./class-names-Cpy5eaBk.js";
-import { t } from "./button-Bu9F4uU6.js";
-import { n, t as r } from "./field-control.css_vue_type_style_index_0_src_true_lang-CeLay9Tk.js";
-import { computed as i, createBlock as a, createElementBlock as o, createVNode as s, defineComponent as c, inject as l, mergeProps as u, normalizeClass as d, openBlock as f, provide as p, renderSlot as m, unref as h, useAttrs as g, withCtx as _ } from "vue";
-import { NumberFieldDecrement as v, NumberFieldIncrement as y, NumberFieldInput as b, NumberFieldRoot as x, injectNumberFieldRootContext as S, useForwardPropsEmits as C } from "reka-ui";
-import { Minus as w, Plus as T } from "@lucide/vue";
-//#region src/components/number-field/context.ts
-var E = Symbol("glass-ui-number-field"), D = /* @__PURE__ */ c({
-	inheritAttrs: !1,
-	__name: "NumberField",
-	props: {
-		modelValue: {},
-		defaultValue: {},
-		min: {},
-		max: {},
-		step: {},
-		formatOptions: {},
-		locale: {},
-		disabled: { type: Boolean },
-		readonly: { type: Boolean },
-		id: {},
-		invalid: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		asChild: { type: Boolean },
-		as: {},
-		name: {},
-		required: { type: Boolean }
-	},
-	emits: ["update:modelValue"],
-	setup(t, { emit: r }) {
-		let o = t, s = r, c = g(), l = i(() => {
-			let { class: e, invalid: t, ...n } = o;
-			return n;
-		}), { ariaInvalid: d, forwardedAttrs: v } = n(o, c), y = i(() => o.required === !0), b = i(() => ({
-			...v.value,
-			"aria-invalid": d.value,
-			"aria-required": y.value || void 0
-		}));
-		p(E, {
-			ariaInvalid: d,
-			required: y
-		});
-		let S = C(l, s), w = i(() => ({
-			...S.value,
-			...b.value
-		}));
-		return (t, n) => (f(), a(h(x), u({ "data-slot": "number-field" }, w.value, { class: h(e)("number-field", o.class) }), {
-			default: _(() => [m(t.$slots, "default")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), O = /* @__PURE__ */ c({
-	inheritAttrs: !1,
-	__name: "NumberFieldInput",
-	setup(t) {
-		let n = l(E), o = S(), s = i(() => o.disabled.value ? "disabled" : o.readonly.value ? "readonly" : r(n?.ariaInvalid.value) ? "invalid" : "default");
-		return (t, r) => (f(), a(h(b), u(t.$attrs, {
-			"data-slot": "input",
-			"data-kind": "input",
-			"data-state": s.value,
-			"aria-invalid": h(n)?.ariaInvalid.value,
-			"aria-required": h(n)?.required.value || void 0,
-			class: h(e)("number-field__input field-control glass-defined")
-		}), null, 16, [
-			"data-state",
-			"aria-invalid",
-			"aria-required",
-			"class"
-		]));
-	}
-}), k = /* @__PURE__ */ c({
-	__name: "NumberFieldIncrement",
-	props: {
-		disabled: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(n) {
-		let r = n;
-		return (n, i) => (f(), a(h(y), {
-			"data-slot": "increment",
-			disabled: r.disabled,
-			"as-child": ""
-		}, {
-			default: _(() => [s(h(t), {
-				emphasis: "quiet",
-				size: "lg",
-				iconOnly: "",
-				class: d(h(e)("number-field__step number-field__step--increment", r.class))
-			}, {
-				default: _(() => [m(n.$slots, "default", {}, () => [s(h(T))])]),
-				_: 3
-			}, 8, ["class"])]),
-			_: 3
-		}, 8, ["disabled"]));
-	}
-}), A = /* @__PURE__ */ c({
-	__name: "NumberFieldDecrement",
-	props: {
-		disabled: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(n) {
-		let r = n;
-		return (n, i) => (f(), a(h(v), {
-			"data-slot": "decrement",
-			disabled: r.disabled,
-			"as-child": ""
-		}, {
-			default: _(() => [s(h(t), {
-				emphasis: "quiet",
-				size: "lg",
-				iconOnly: "",
-				class: d(h(e)("number-field__step number-field__step--decrement", r.class))
-			}, {
-				default: _(() => [m(n.$slots, "default", {}, () => [s(h(w))])]),
-				_: 3
-			}, 8, ["class"])]),
-			_: 3
-		}, 8, ["disabled"]));
-	}
-}), j = /* @__PURE__ */ c({
-	__name: "NumberFieldContent",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (f(), o("div", { class: d(h(e)("number-field__content", n.class)) }, [m(t.$slots, "default")], 2));
-	}
-});
-//#endregion
-export { D as a, O as i, A as n, k as r, j as t };

package/dist/paper-backdrop.d.ts

@@ -1 +0,0 @@
-export * from "./components/paper-backdrop";

package/dist/paper-backdrop.js

@@ -1,23 +0,0 @@
-import { createElementBlock as e, defineComponent as t, normalizeClass as n, openBlock as r } from "vue";
-//#endregion
-//#region src/components/paper-backdrop/PaperBackdrop.vue
-var i = /* @__PURE__ */ t({
-	__name: "PaperBackdrop",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let i = t;
-		return (t, a) => (r(), e("div", {
-			class: n(["paper-underpaint", i.class]),
-			"data-slot": "paper-backdrop",
-			"aria-hidden": "true"
-		}, null, 2));
-	}
-});
-//#endregion
-export { i as PaperBackdrop };

package/dist/popover-BQGYXZyO.js

@@ -1,244 +0,0 @@
-import { t as e } from "./class-names-Cpy5eaBk.js";
-import { t } from "./createContext-BhkE9mLH.js";
-import { t as n } from "./floating-dB5TD88k.js";
-import { i as r } from "./dockContext-BUTlGRNJ.js";
-import { computed as i, createBlock as a, createVNode as o, defineComponent as s, mergeProps as c, onScopeDispose as l, openBlock as u, ref as d, renderSlot as f, unref as p, useAttrs as m, watch as h, withCtx as g } from "vue";
-import { HoverCardContent as _, HoverCardPortal as v, HoverCardRoot as y, HoverCardTrigger as b, PopoverContent as x, PopoverPortal as S, PopoverRoot as C, PopoverTrigger as w } from "reka-ui";
-//#region src/components/popover/popoverContext.ts
-var T = t("glass-ui:popover-union"), E = T.provide, D = T.use, O = /* @__PURE__ */ s({
-	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
-		}
-	},
-	emits: ["update:open"],
-	setup(e, { emit: t }) {
-		let n = e, o = t, s = d(n.open ?? n.defaultOpen);
-		h(() => n.open, (e) => {
-			e !== void 0 && (s.value = e);
-		});
-		let c = i(() => n.open ?? s.value);
-		function m(e) {
-			n.open === void 0 && (s.value = e), o("update:open", e);
-		}
-		let _ = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(pointer: coarse)").matches, v = i(() => n.trigger === "hover" && !_);
-		E({ usesHoverRoot: v });
-		let b = r(), x = !1;
-		function S() {
-			x &&= (b?.release(), !1);
-		}
-		return h([c, () => n.keepDockOpen], ([e, t]) => {
-			e && t && b && !x ? (b.keepOpen(), x = !0) : (!e || !t) && S();
-		}, { immediate: !0 }), l(S), (t, n) => v.value ? (u(), a(p(y), {
-			key: 0,
-			"data-slot": "popover",
-			open: c.value,
-			"open-delay": e.openDelay,
-			"close-delay": e.closeDelay,
-			"onUpdate:open": m
-		}, {
-			default: g(() => [f(t.$slots, "default")]),
-			_: 3
-		}, 8, [
-			"open",
-			"open-delay",
-			"close-delay"
-		])) : (u(), a(p(C), {
-			key: 1,
-			"data-slot": "popover",
-			open: c.value,
-			"onUpdate:open": m
-		}, {
-			default: g(() => [f(t.$slots, "default")]),
-			_: 3
-		}, 8, ["open"]));
-	}
-}), k = /* @__PURE__ */ s({
-	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 = m(), r = i(() => {
-			let { as: e, reference: r, ...i } = n;
-			return t.asChild ? i : {
-				...i,
-				type: "button"
-			};
-		}), o = D(), s = i(() => o?.usesHoverRoot.value ?? !1);
-		return (n, i) => s.value ? (u(), a(p(b), c({ key: 0 }, r.value, {
-			as: "button",
-			"as-child": e.asChild,
-			class: t.class
-		}), {
-			default: g(() => [f(n.$slots, "default")]),
-			_: 3
-		}, 16, ["as-child", "class"])) : (u(), a(p(w), c({ key: 1 }, r.value, {
-			as: "button",
-			"as-child": e.asChild,
-			class: t.class
-		}), {
-			default: g(() => [f(n.$slots, "default")]),
-			_: 3
-		}, 16, ["as-child", "class"]));
-	}
-}), A = /* @__PURE__ */ s({
-	name: "PopoverContent",
-	inheritAttrs: !1,
-	__name: "PopoverContent",
-	props: {
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		portal: {
-			type: Boolean,
-			default: !0
-		},
-		surface: { default: "glass" },
-		ariaLabel: {},
-		side: { default: "bottom" },
-		sideOffset: { default: 4 },
-		align: { default: "center" },
-		alignOffset: { default: 0 }
-	},
-	emits: [
-		"escapeKeyDown",
-		"pointerDownOutside",
-		"focusOutside",
-		"interactOutside",
-		"openAutoFocus",
-		"closeAutoFocus"
-	],
-	setup(t, { emit: s }) {
-		let l = t, d = s, h = m(), y = i(() => {
-			let { role: e, "aria-modal": t, ...r } = n(h);
-			return r;
-		}), b = i(() => ({
-			side: l.side,
-			sideOffset: l.sideOffset,
-			align: l.align,
-			alignOffset: l.alignOffset,
-			avoidCollisions: !0
-		})), C = D(), w = i(() => C?.usesHoverRoot.value ?? !1), T = r(), E = i(() => T?.id ? "" : void 0), O = i(() => e("popover-content z-popover w-72 glass-floating [--overlay-pad-inline:1rem] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] px-(--overlay-pad-inline) py-(--overlay-pad-block) glass-reveal", l.class));
-		return (e, n) => w.value ? (u(), a(p(v), {
-			key: 0,
-			disabled: !t.portal
-		}, {
-			default: g(() => [o(p(_), c({
-				...b.value,
-				...y.value
-			}, {
-				"data-glass-dock-portal": E.value,
-				"data-glass-dock-owner": p(T)?.id,
-				"data-surface": t.surface,
-				"data-material": "overlay",
-				"data-reveal": "menu",
-				role: "group",
-				"aria-label": t.ariaLabel,
-				class: O.value,
-				onEscapeKeyDown: n[0] ||= (e) => d("escapeKeyDown", e),
-				onPointerDownOutside: n[1] ||= (e) => d("pointerDownOutside", e),
-				onFocusOutside: n[2] ||= (e) => d("focusOutside", e),
-				onInteractOutside: n[3] ||= (e) => d("interactOutside", e)
-			}), {
-				default: g(() => [f(e.$slots, "default")]),
-				_: 3
-			}, 16, [
-				"data-glass-dock-portal",
-				"data-glass-dock-owner",
-				"data-surface",
-				"aria-label",
-				"class"
-			])]),
-			_: 3
-		}, 8, ["disabled"])) : t.portal ? (u(), a(p(S), { key: 1 }, {
-			default: g(() => [o(p(x), c({
-				...b.value,
-				...y.value
-			}, {
-				"data-glass-dock-portal": E.value,
-				"data-glass-dock-owner": p(T)?.id,
-				"data-surface": t.surface,
-				"data-material": "overlay",
-				"data-reveal": "menu",
-				"aria-label": t.ariaLabel,
-				class: O.value,
-				onEscapeKeyDown: n[4] ||= (e) => d("escapeKeyDown", e),
-				onPointerDownOutside: n[5] ||= (e) => d("pointerDownOutside", e),
-				onFocusOutside: n[6] ||= (e) => d("focusOutside", e),
-				onInteractOutside: n[7] ||= (e) => d("interactOutside", e),
-				onOpenAutoFocus: n[8] ||= (e) => d("openAutoFocus", e),
-				onCloseAutoFocus: n[9] ||= (e) => d("closeAutoFocus", e)
-			}), {
-				default: g(() => [f(e.$slots, "default")]),
-				_: 3
-			}, 16, [
-				"data-glass-dock-portal",
-				"data-glass-dock-owner",
-				"data-surface",
-				"aria-label",
-				"class"
-			])]),
-			_: 3
-		})) : (u(), a(p(x), c({ key: 2 }, {
-			...b.value,
-			...y.value
-		}, {
-			"data-glass-dock-portal": E.value,
-			"data-glass-dock-owner": p(T)?.id,
-			"data-surface": t.surface,
-			"data-material": "overlay",
-			"data-reveal": "menu",
-			"aria-label": t.ariaLabel,
-			class: O.value,
-			onEscapeKeyDown: n[10] ||= (e) => d("escapeKeyDown", e),
-			onPointerDownOutside: n[11] ||= (e) => d("pointerDownOutside", e),
-			onFocusOutside: n[12] ||= (e) => d("focusOutside", e),
-			onInteractOutside: n[13] ||= (e) => d("interactOutside", e),
-			onOpenAutoFocus: n[14] ||= (e) => d("openAutoFocus", e),
-			onCloseAutoFocus: n[15] ||= (e) => d("closeAutoFocus", e)
-		}), {
-			default: g(() => [f(e.$slots, "default")]),
-			_: 3
-		}, 16, [
-			"data-glass-dock-portal",
-			"data-glass-dock-owner",
-			"data-surface",
-			"aria-label",
-			"class"
-		]));
-	}
-});
-//#endregion
-export { k as n, O as r, A as t };

package/dist/progress-DClbhRAT.js

@@ -1,88 +0,0 @@
-import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as t, t as n } from "./valueDomain-SbVzoHMH.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, watchEffect as g, withCtx as _ } from "vue";
-import { ProgressIndicator as v, ProgressRoot as y } from "reka-ui";
-//#region src/components/progress/Progress.vue?vue&type=script&setup=true&lang.ts
-var b = {
-	key: 0,
-	class: "progress-value-marks",
-	"aria-hidden": "true"
-}, x = /*#__PURE__*/ e(/* @__PURE__ */ l({
-	__name: "Progress",
-	props: {
-		modelValue: { default: 0 },
-		max: {},
-		getValueLabel: {},
-		getValueText: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		variant: { default: "default" },
-		status: { default: "default" },
-		orientation: { default: "horizontal" },
-		marks: { default: () => [] },
-		indeterminate: {
-			type: Boolean,
-			default: !1
-		},
-		asChild: { type: Boolean },
-		as: {}
-	},
-	setup(e) {
-		let l = e, x = i(() => {
-			let { class: e, variant: t, status: n, orientation: r, marks: i, indeterminate: a, ...o } = l;
-			return o;
-		}), S = i(() => l.indeterminate || l.modelValue == null), C = i(() => l.max ?? 100), w = i(() => n(l.modelValue, 0, C.value)), T = i(() => S.value ? [] : t(l.marks, 0, C.value));
-		g(() => {
-			!S.value || !l.marks.length || console.error("[glass-ui] Progress: `marks` require determinate progress.");
-		});
-		let E = i(() => {
-			if (l.variant === "gradient") return S.value || w.value <= 0 ? "idle" : w.value >= 1 ? "complete" : w.value < .05 ? "loading" : "progressing";
-		}), D = i(() => {
-			let e = Math.min(1, Math.max(0, (w.value - .85) / .15));
-			return {
-				"--progress-value-percent": `${w.value * 100}%`,
-				...l.variant === "gradient" && { "--progress-crescendo": `${S.value ? 0 : e * 100}%` }
-			};
-		}), O = i(() => ({
-			"glass-liquid-fill": l.variant === "liquid",
-			"progress-liquid-fill": l.variant === "liquid"
-		}));
-		return (e, t) => (p(), a(h(y), u({ "data-slot": "progress" }, x.value, {
-			"model-value": S.value ? null : l.modelValue,
-			class: ["progress-rail", l.class],
-			"data-variant": l.variant,
-			"data-status": l.status,
-			"data-orientation": l.orientation,
-			"data-lifecycle": E.value,
-			"data-indeterminate": S.value || void 0,
-			"aria-invalid": l.status === "error" || void 0,
-			"aria-orientation": l.orientation,
-			style: D.value
-		}), {
-			default: _(() => [T.value.length ? (p(), s("span", b, [(p(!0), s(r, null, m(T.value, (e) => (p(), s("span", {
-				key: e.value,
-				class: "progress-value-mark",
-				style: f({ "--value-mark-position": `${e.position * 100}%` })
-			}, null, 4))), 128))])) : o("", !0), c(h(v), { class: d(["progress-value-fill", O.value]) }, null, 8, ["class"])]),
-			_: 1
-		}, 16, [
-			"model-value",
-			"class",
-			"data-variant",
-			"data-status",
-			"data-orientation",
-			"data-lifecycle",
-			"data-indeterminate",
-			"aria-invalid",
-			"aria-orientation",
-			"style"
-		]));
-	}
-}), [["__scopeId", "data-v-36bf5146"]]);
-//#endregion
-export { x as t };

package/dist/pulse.d.ts

@@ -1 +0,0 @@
-export * from "./components/pulse";

package/dist/pulse.js

@@ -1,42 +0,0 @@
-import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t } from "./FeedbackMark-DZq5001h.js";
-import { createElementBlock as n, createVNode as r, defineComponent as i, mergeProps as a, openBlock as o } from "vue";
-//#region src/components/pulse/Pulse.vue?vue&type=script&setup=true&lang.ts
-var s = [
-	"data-state",
-	"data-identity",
-	"role",
-	"aria-label",
-	"aria-hidden"
-], c = /*#__PURE__*/ e(/* @__PURE__ */ i({
-	name: "Pulse",
-	inheritAttrs: !1,
-	__name: "Pulse",
-	props: {
-		state: { default: "active" },
-		label: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(e) {
-		let i = e;
-		return (c, l) => (o(), n("span", a(c.$attrs, {
-			class: ["pulse", i.class],
-			"data-state": e.state,
-			"data-identity": e.label ? "labelled" : "decorative",
-			role: e.label ? "img" : void 0,
-			"aria-label": e.label,
-			"aria-hidden": e.label ? void 0 : "true"
-		}), [r(t, {
-			state: e.state,
-			motion: ""
-		}, null, 8, ["state"])], 16, s));
-	}
-}), [["__scopeId", "data-v-2da16dfa"]]);
-//#endregion
-export { c as Pulse };

package/dist/resolveSurfaceClass-DCZ4PZcy.js

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