@mkbabb/glass-ui 7.0.0 → 8.0.0

package/dist/menu-wLu1XGKn.js

@@ -0,0 +1,501 @@
+import { t as e } from "./class-names-q-UGOkHH.js";
+import { t } from "./primitive-B2t2jdqM.js";
+import { t as n } from "./selection-DqIULxRG.js";
+import { t as r } from "./content-CWO-XL7o.js";
+import { t as i } from "./participation-B0hdsIRo.js";
+import { i as a, n as o, r as s } from "./DropdownMenuTrigger-8UZsBtZ8.js";
+import { computed as c, createBlock as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, guardReactiveProps as m, mergeProps as h, normalizeProps as g, openBlock as _, renderSlot as v, resolveDynamicComponent as y, unref as b, useAttrs as x, withCtx as S } from "vue";
+import { ContextMenuRoot as C, DropdownMenuRoot as w, useForwardPropsEmits as T } from "reka-ui";
+import { Check as E, ChevronRight as D } from "@lucide/vue";
+//#endregion
+//#region src/components/menu/DropdownMenu.vue
+var O = /* @__PURE__ */ p({
+	name: "DropdownMenu",
+	inheritAttrs: !1,
+	__name: "DropdownMenu",
+	props: {
+		trigger: { default: "click" },
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: void 0
+		},
+		dir: {},
+		modal: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["update:open"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = c(() => {
+			if (n.trigger === "context" && (n.open !== void 0 || n.defaultOpen !== void 0)) throw TypeError("[glass-ui] Context menus open from an invocation anchor, not open/defaultOpen props.");
+			return n.trigger;
+		});
+		return o(i), (t, n) => i.value === "context" ? (_(), l(b(C), {
+			key: 0,
+			"data-slot": "menu",
+			"data-menu-trigger": "context",
+			dir: e.dir,
+			modal: e.modal,
+			"onUpdate:open": n[0] ||= (e) => r("update:open", e)
+		}, {
+			default: S(() => [v(t.$slots, "default")]),
+			_: 3
+		}, 8, ["dir", "modal"])) : (_(), l(b(w), {
+			key: 1,
+			"data-slot": "menu",
+			"data-menu-trigger": "click",
+			open: e.open,
+			"default-open": e.defaultOpen ?? !1,
+			dir: e.dir,
+			modal: e.modal,
+			"onUpdate:open": n[1] ||= (e) => r("update:open", e)
+		}, {
+			default: S(() => [v(t.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"open",
+			"default-open",
+			"dir",
+			"modal"
+		]));
+	}
+}), k = /* @__PURE__ */ p({
+	name: "DropdownMenuContent",
+	inheritAttrs: !1,
+	__name: "DropdownMenuContent",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		side: { default: "bottom" },
+		sideOffset: { default: 4 },
+		align: { default: "start" },
+		alignOffset: { default: 0 }
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"closeAutoFocus"
+	],
+	setup(e, { emit: t }) {
+		let n = e, o = t, u = x(), d = c(() => {
+			let { loop: e, ...t } = u;
+			return t;
+		}), f = a(), p = s("Content"), m = s("Portal"), g = c(() => f.value === "context" ? {
+			alignOffset: n.alignOffset,
+			avoidCollisions: !0
+		} : {
+			side: n.side,
+			sideOffset: n.sideOffset,
+			align: n.align,
+			alignOffset: n.alignOffset,
+			avoidCollisions: !0
+		}), C = i(), w = c(() => r({
+			role: "menu",
+			slot: "menu-content",
+			dock: C.portalAttrs.value,
+			class: n.class
+		}));
+		return (e, t) => (_(), l(y(b(m)), null, {
+			default: S(() => [(_(), l(y(b(p)), h({
+				...g.value,
+				...d.value,
+				...w.value
+			}, {
+				onEscapeKeyDown: t[0] ||= (e) => o("escapeKeyDown", e),
+				onPointerDownOutside: t[1] ||= (e) => o("pointerDownOutside", e),
+				onFocusOutside: t[2] ||= (e) => o("focusOutside", e),
+				onInteractOutside: t[3] ||= (e) => o("interactOutside", e),
+				onCloseAutoFocus: t[4] ||= (e) => o("closeAutoFocus", e)
+			}), {
+				default: S(() => [v(e.$slots, "default")]),
+				_: 3
+			}, 16))]),
+			_: 3
+		}));
+	}
+}), A = /* @__PURE__ */ p({
+	name: "DropdownMenuGroup",
+	inheritAttrs: !1,
+	__name: "DropdownMenuGroup",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(n) {
+		let r = n, i = x(), a = c(() => t(i)), o = s("Group");
+		return (t, n) => (_(), l(y(b(o)), h(a.value, {
+			as: "div",
+			"data-slot": "menu-group",
+			class: b(e)(r.class)
+		}), {
+			default: S(() => [v(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), j = /* @__PURE__ */ p({
+	name: "DropdownMenuRadioGroup",
+	inheritAttrs: !1,
+	__name: "DropdownMenuRadioGroup",
+	props: {
+		modelValue: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["update:modelValue"],
+	setup(r, { emit: i }) {
+		let a = r, o = i, u = x(), d = c(() => t(u)), f = s("RadioGroup");
+		function p(e) {
+			if (!n(e)) throw TypeError("[glass-ui] DropdownMenuRadioGroup received a non-scalar value.");
+			o("update:modelValue", e);
+		}
+		return (t, n) => (_(), l(y(b(f)), h(d.value, {
+			as: "div",
+			"model-value": r.modelValue,
+			"data-slot": "menu-radio-group",
+			class: b(e)(a.class),
+			"onUpdate:modelValue": p
+		}), {
+			default: S(() => [v(t.$slots, "default")]),
+			_: 3
+		}, 16, ["model-value", "class"]));
+	}
+}), M = /* @__PURE__ */ p({
+	name: "DropdownMenuItem",
+	inheritAttrs: !1,
+	__name: "DropdownMenuItem",
+	props: {
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		textValue: {},
+		inset: {
+			type: Boolean,
+			default: !1
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["select"],
+	setup(n, { emit: r }) {
+		let i = n, a = r, o = x(), u = c(() => t(o)), d = s("Item");
+		return (t, r) => (_(), l(y(b(d)), h(u.value, {
+			as: "div",
+			disabled: n.disabled,
+			"text-value": n.textValue,
+			"data-slot": "menu-item",
+			"data-inset": n.inset ? "" : void 0,
+			class: b(e)("menu__item interactive-item glass-menu-row", i.class),
+			onSelect: r[0] ||= (e) => a("select", e)
+		}), {
+			default: S(() => [v(t.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"disabled",
+			"text-value",
+			"data-inset",
+			"class"
+		]));
+	}
+}), N = { class: "menu__indicator" }, P = /* @__PURE__ */ p({
+	name: "DropdownMenuCheckboxItem",
+	inheritAttrs: !1,
+	__name: "DropdownMenuCheckboxItem",
+	props: {
+		modelValue: {
+			type: [Boolean, String],
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		textValue: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["select", "update:modelValue"],
+	setup(n, { emit: r }) {
+		let i = n, a = r, o = x(), u = c(() => t(o)), p = s("CheckboxItem"), m = s("ItemIndicator");
+		return (t, r) => (_(), l(y(b(p)), h(u.value, {
+			as: "div",
+			"model-value": n.modelValue,
+			disabled: n.disabled,
+			"text-value": n.textValue,
+			"data-slot": "menu-checkbox-item",
+			"data-indicator": "wide",
+			class: b(e)("menu__item interactive-item glass-menu-row", i.class),
+			onSelect: r[0] ||= (e) => a("select", e),
+			"onUpdate:modelValue": r[1] ||= (e) => a("update:modelValue", e)
+		}), {
+			default: S(() => [d("span", N, [(_(), l(y(b(m)), null, {
+				default: S(() => [f(b(E), { "aria-hidden": "true" })]),
+				_: 1
+			}))]), v(t.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"model-value",
+			"disabled",
+			"text-value",
+			"class"
+		]));
+	}
+}), F = { class: "menu__indicator" }, I = /* @__PURE__ */ p({
+	name: "DropdownMenuRadioItem",
+	inheritAttrs: !1,
+	__name: "DropdownMenuRadioItem",
+	props: {
+		value: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		textValue: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["select"],
+	setup(n, { emit: r }) {
+		let i = n, a = r, o = x(), u = c(() => t(o)), f = s("RadioItem"), p = s("ItemIndicator");
+		return (t, r) => (_(), l(y(b(f)), h(u.value, {
+			as: "div",
+			value: n.value,
+			disabled: n.disabled,
+			"text-value": n.textValue,
+			"data-slot": "menu-radio-item",
+			"data-indicator": "start",
+			class: b(e)("menu__item interactive-item glass-menu-row", i.class),
+			onSelect: r[0] ||= (e) => a("select", e)
+		}), {
+			default: S(() => [d("span", F, [(_(), l(y(b(p)), null, {
+				default: S(() => [...r[1] ||= [d("span", { class: "menu__radio-dot" }, null, -1)]]),
+				_: 1
+			}))]), v(t.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"value",
+			"disabled",
+			"text-value",
+			"class"
+		]));
+	}
+}), L = /* @__PURE__ */ p({
+	name: "DropdownMenuShortcut",
+	inheritAttrs: !1,
+	__name: "DropdownMenuShortcut",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(n) {
+		let r = n, i = x(), a = c(() => t(i));
+		return (t, n) => (_(), u("span", h(a.value, {
+			"data-slot": "menu-shortcut",
+			class: b(e)("menu__shortcut", r.class)
+		}), [v(t.$slots, "default")], 16));
+	}
+}), R = /* @__PURE__ */ p({
+	name: "DropdownMenuSeparator",
+	inheritAttrs: !1,
+	__name: "DropdownMenuSeparator",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(n) {
+		let r = n, i = x(), a = c(() => t(i)), o = s("Separator");
+		return (t, n) => (_(), l(y(b(o)), h(a.value, {
+			as: "div",
+			"data-slot": "menu-separator",
+			class: b(e)("glass-menu-divider -mx-1 my-1", r.class)
+		}), null, 16, ["class"]));
+	}
+}), z = /* @__PURE__ */ p({
+	name: "DropdownMenuLabel",
+	inheritAttrs: !1,
+	__name: "DropdownMenuLabel",
+	props: {
+		inset: {
+			type: Boolean,
+			default: !1
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(n) {
+		let r = n, i = x(), a = c(() => t(i)), o = s("Label");
+		return (t, i) => (_(), l(y(b(o)), h(a.value, {
+			as: "div",
+			"data-slot": "menu-label",
+			"data-inset": n.inset ? "" : void 0,
+			class: b(e)("menu__label", r.class)
+		}), {
+			default: S(() => [v(t.$slots, "default")]),
+			_: 3
+		}, 16, ["data-inset", "class"]));
+	}
+}), B = /* @__PURE__ */ p({
+	name: "DropdownMenuSub",
+	inheritAttrs: !1,
+	__name: "DropdownMenuSub",
+	props: {
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:open"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = s("Sub"), a = T(n, r);
+		return (e, t) => (_(), l(y(b(i)), g(m(b(a))), {
+			default: S(() => [v(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), V = /* @__PURE__ */ p({
+	name: "DropdownMenuSubTrigger",
+	inheritAttrs: !1,
+	__name: "DropdownMenuSubTrigger",
+	props: {
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		textValue: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(n) {
+		let r = n, i = x(), a = c(() => t(i)), o = s("SubTrigger");
+		return (t, i) => (_(), l(y(b(o)), h(a.value, {
+			as: "div",
+			disabled: n.disabled,
+			"text-value": n.textValue,
+			"data-slot": "menu-sub-trigger",
+			class: b(e)("menu__sub-trigger interactive-item glass-menu-row", r.class)
+		}), {
+			default: S(() => [v(t.$slots, "default"), f(b(D), {
+				class: "menu__sub-chevron",
+				"aria-hidden": "true"
+			})]),
+			_: 3
+		}, 16, [
+			"disabled",
+			"text-value",
+			"class"
+		]));
+	}
+}), H = /* @__PURE__ */ p({
+	name: "DropdownMenuSubContent",
+	inheritAttrs: !1,
+	__name: "DropdownMenuSubContent",
+	props: {
+		sideOffset: { default: 0 },
+		alignOffset: { default: 0 },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: [
+		"entryFocus",
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(e, { emit: t }) {
+		let n = e, a = t, o = x(), u = c(() => {
+			let { side: e, align: t, loop: n, ...r } = o;
+			return r;
+		}), d = s("SubContent"), f = s("Portal"), p = i(), m = c(() => r({
+			role: "menu",
+			slot: "menu-sub-content",
+			dock: p.portalAttrs.value,
+			class: n.class
+		}));
+		return (t, n) => (_(), l(y(b(f)), null, {
+			default: S(() => [(_(), l(y(b(d)), h({
+				...u.value,
+				...m.value
+			}, {
+				"side-offset": e.sideOffset,
+				"align-offset": e.alignOffset,
+				"avoid-collisions": !0,
+				onEscapeKeyDown: n[0] ||= (e) => a("escapeKeyDown", e),
+				onPointerDownOutside: n[1] ||= (e) => a("pointerDownOutside", e),
+				onFocusOutside: n[2] ||= (e) => a("focusOutside", e),
+				onInteractOutside: n[3] ||= (e) => a("interactOutside", e),
+				onOpenAutoFocus: n[4] ||= (e) => a("openAutoFocus", e),
+				onCloseAutoFocus: n[5] ||= (e) => a("closeAutoFocus", e),
+				onEntryFocus: n[6] ||= (e) => a("entryFocus", e)
+			}), {
+				default: S(() => [v(t.$slots, "default")]),
+				_: 3
+			}, 16, ["side-offset", "align-offset"]))]),
+			_: 3
+		}));
+	}
+});
+//#endregion
+export { R as a, P as c, A as d, k as f, z as i, M as l, V as n, L as o, O as p, B as r, I as s, H as t, j as u };

package/dist/menu.d.ts

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

package/dist/{dropdown-menu.js → menu.js}

@@ -1,3 +1,3 @@
-import { t as e } from "./DropdownMenuTrigger-ClIq8RJE.js";
-import { a as t, c as n, d as r, f as i, i as a, l as o, n as s, o as c, p as l, r as u, s as d, t as f, u as p } from "./dropdown-menu-BlbnvMaZ.js";
+import { t as e } from "./DropdownMenuTrigger-8UZsBtZ8.js";
+import { a as t, c as n, d as r, f as i, i as a, l as o, n as s, o as c, p as l, r as u, s as d, t as f, u as p } from "./menu-wLu1XGKn.js";
 export { l as DropdownMenu, n as DropdownMenuCheckboxItem, i as DropdownMenuContent, r as DropdownMenuGroup, o as DropdownMenuItem, a as DropdownMenuLabel, p as DropdownMenuRadioGroup, d as DropdownMenuRadioItem, t as DropdownMenuSeparator, c as DropdownMenuShortcut, u as DropdownMenuSub, f as DropdownMenuSubContent, s as DropdownMenuSubTrigger, e as DropdownMenuTrigger };

package/dist/metric.d.ts

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