@mkbabb/glass-ui 5.0.0 → 6.0.0

package/dist/dropdown-menu-DORIA52F.js

@@ -0,0 +1,378 @@
+import { t as e } from "./class-names-5jotTFzp.js";
+import { n as t } from "./useSurfaceAxis-DudiZVOR.js";
+import { t as n } from "./menuItemVariants-D6AOzzND.js";
+import { i as r, n as i, r as a } from "./DropdownMenuTrigger-BzQtd9lt.js";
+import { i as o } from "./dockContext-4S9qP0Z4.js";
+import { computed as s, createBlock as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, mergeProps as m, normalizeClass as h, normalizeProps as g, openBlock as _, renderSlot as v, resolveDynamicComponent as y, unref as b, withCtx as x } from "vue";
+import { useForwardProps as S, useForwardPropsEmits as C } from "reka-ui";
+import { Check as w, ChevronRight as T } from "@lucide/vue";
+//#endregion
+//#region src/components/dropdown-menu/DropdownMenu.vue
+var E = /* @__PURE__ */ f({
+	__name: "DropdownMenu",
+	props: {
+		defaultOpen: { type: Boolean },
+		open: { type: Boolean },
+		dir: {},
+		modal: { type: Boolean },
+		trigger: { default: "click" }
+	},
+	emits: ["update:open"],
+	setup(e, { emit: t }) {
+		let n = e, r = t;
+		i(s(() => n.trigger));
+		let o = a("Root"), l = s(() => n.trigger === "context" ? {
+			dir: n.dir,
+			modal: n.modal
+		} : {
+			open: n.open,
+			defaultOpen: n.defaultOpen,
+			dir: n.dir,
+			modal: n.modal
+		});
+		return (t, n) => (_(), c(y(b(o)), m({
+			"data-slot": "dropdown-menu",
+			"data-menu-trigger": e.trigger
+		}, l.value, { "onUpdate:open": n[0] ||= (e) => r("update:open", e) }), {
+			default: x(() => [v(t.$slots, "default")]),
+			_: 3
+		}, 16, ["data-menu-trigger"]));
+	}
+}), D = /* @__PURE__ */ f({
+	__name: "DropdownMenuContent",
+	props: {
+		forceMount: { type: Boolean },
+		loop: { type: Boolean },
+		side: {},
+		sideOffset: { default: 4 },
+		sideFlip: { type: Boolean },
+		align: { default: "start" },
+		alignOffset: {},
+		alignFlip: { type: Boolean },
+		avoidCollisions: { type: Boolean },
+		collisionBoundary: {},
+		collisionPadding: {},
+		arrowPadding: {},
+		hideShiftedArrow: { type: Boolean },
+		sticky: {},
+		hideWhenDetached: { type: Boolean },
+		positionStrategy: {},
+		updatePositionStrategy: {},
+		disableUpdateOnLayoutShift: { type: Boolean },
+		prioritizePosition: { type: Boolean },
+		reference: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		surface: { default: "glass" }
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"closeAutoFocus"
+	],
+	setup(n, { emit: i }) {
+		let l = n, u = i, d = r(), f = a("Content"), p = a("Portal"), h = C(s(() => {
+			let { class: e, surface: t, ...n } = l;
+			if (d.value === "context") {
+				let { side: e, sideOffset: t, align: r, arrowPadding: i, updatePositionStrategy: a, ...o } = n;
+				return o;
+			}
+			return n;
+		}), u), g = o();
+		return (n, r) => (_(), c(y(b(p)), null, {
+			default: x(() => [(_(), c(y(b(f)), m(b(h), {
+				"data-glass-dock-portal": b(g)?.id ? "" : void 0,
+				"data-glass-dock-owner": b(g)?.id,
+				"data-surface": l.surface,
+				"data-reveal": "menu",
+				class: b(e)("dropdown-menu-content z-popover min-w-(--overlay-min-width) max-h-(--overlay-max-block) overflow-y-auto rounded-panel border text-popover-foreground glass-reveal", b(t)(l.surface, "floating"), "[--overlay-pad-inline:--spacing(1)] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] px-(--overlay-pad-inline) py-(--overlay-pad-block)", l.class)
+			}), {
+				default: x(() => [v(n.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"data-glass-dock-portal",
+				"data-glass-dock-owner",
+				"data-surface",
+				"class"
+			]))]),
+			_: 3
+		}));
+	}
+}), O = /* @__PURE__ */ f({
+	__name: "DropdownMenuGroup",
+	props: {
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let t = e, n = a("Group");
+		return (e, r) => (_(), c(y(b(n)), g(p(t)), {
+			default: x(() => [v(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), k = /* @__PURE__ */ f({
+	__name: "DropdownMenuRadioGroup",
+	props: {
+		modelValue: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = C(e, t), r = a("RadioGroup");
+		return (e, t) => (_(), c(y(b(r)), g(p(b(n))), {
+			default: x(() => [v(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), A = /* @__PURE__ */ f({
+	__name: "DropdownMenuItem",
+	props: {
+		disabled: { type: Boolean },
+		textValue: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		inset: { type: Boolean }
+	},
+	setup(t) {
+		let r = t, i = S(s(() => {
+			let { class: e, ...t } = r;
+			return t;
+		})), o = a("Item");
+		return (a, s) => (_(), c(y(b(o)), m(b(i), { class: b(e)(b(n)({ indicator: t.inset ? "start-wide" : "none" }), r.class) }), {
+			default: x(() => [v(a.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), j = { class: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, M = /* @__PURE__ */ f({
+	__name: "DropdownMenuCheckboxItem",
+	props: {
+		modelValue: { type: [Boolean, String] },
+		disabled: { type: Boolean },
+		textValue: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["select", "update:modelValue"],
+	setup(t, { emit: r }) {
+		let i = t, o = r, l = C(s(() => {
+			let { class: e, ...t } = i;
+			return t;
+		}), o), f = a("CheckboxItem"), p = a("ItemIndicator");
+		return (t, r) => (_(), c(y(b(f)), m(b(l), { class: b(e)(b(n)({ indicator: "start-wide" }), i.class) }), {
+			default: x(() => [u("span", j, [(_(), c(y(b(p)), null, {
+				default: x(() => [d(b(w), { class: "w-4 h-4" })]),
+				_: 1
+			}))]), v(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), N = { class: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, P = /* @__PURE__ */ f({
+	__name: "DropdownMenuRadioItem",
+	props: {
+		value: {},
+		disabled: { type: Boolean },
+		textValue: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["select"],
+	setup(t, { emit: r }) {
+		let i = t, o = r, l = C(s(() => {
+			let { class: e, ...t } = i;
+			return t;
+		}), o), d = a("RadioItem"), f = a("ItemIndicator");
+		return (t, r) => (_(), c(y(b(d)), m(b(l), { class: b(e)(b(n)({ indicator: "start" }), i.class) }), {
+			default: x(() => [u("span", N, [(_(), c(y(b(f)), null, {
+				default: x(() => [...r[0] ||= [u("span", { class: "inline-block w-2 h-2 rounded-pill bg-current" }, null, -1)]]),
+				_: 1
+			}))]), v(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), F = /* @__PURE__ */ f({
+	__name: "DropdownMenuShortcut",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (_(), l("span", { class: h(b(e)("ml-auto text-dropdown-secondary tracking-widest opacity-60", n.class)) }, [v(t.$slots, "default")], 2));
+	}
+}), I = /* @__PURE__ */ f({
+	__name: "DropdownMenuSeparator",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let n = t, r = s(() => {
+			let { class: e, ...t } = n;
+			return t;
+		}), i = a("Separator");
+		return (t, a) => (_(), c(y(b(i)), m(r.value, { class: b(e)("-mx-1 my-1 h-px bg-border/70", n.class) }), null, 16, ["class"]));
+	}
+}), L = /* @__PURE__ */ f({
+	__name: "DropdownMenuLabel",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		inset: { type: Boolean }
+	},
+	setup(t) {
+		let n = t, r = S(s(() => {
+			let { class: e, ...t } = n;
+			return t;
+		})), i = a("Label");
+		return (a, o) => (_(), c(y(b(i)), m(b(r), { class: b(e)("px-2 py-1.5 text-dropdown-secondary font-semibold", t.inset && "pl-8", n.class) }), {
+			default: x(() => [v(a.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), R = /* @__PURE__ */ f({
+	__name: "DropdownMenuSub",
+	props: {
+		defaultOpen: { type: Boolean },
+		open: { type: Boolean }
+	},
+	emits: ["update:open"],
+	setup(e, { emit: t }) {
+		let n = C(e, t), r = a("Sub");
+		return (e, t) => (_(), c(y(b(r)), g(p(b(n))), {
+			default: x(() => [v(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), z = /* @__PURE__ */ f({
+	__name: "DropdownMenuSubTrigger",
+	props: {
+		disabled: { type: Boolean },
+		textValue: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let r = t, i = S(s(() => {
+			let { class: e, ...t } = r;
+			return t;
+		})), o = a("SubTrigger");
+		return (t, a) => (_(), c(y(b(o)), m(b(i), { class: b(e)(b(n)({ indicator: "none" }), r.class) }), {
+			default: x(() => [v(t.$slots, "default"), d(b(T), { class: "ml-auto h-4 w-4" })]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), B = /* @__PURE__ */ f({
+	__name: "DropdownMenuSubContent",
+	props: {
+		forceMount: { type: Boolean },
+		loop: { type: Boolean },
+		sideOffset: {},
+		sideFlip: { type: Boolean },
+		alignOffset: {},
+		alignFlip: { type: Boolean },
+		avoidCollisions: { type: Boolean },
+		collisionBoundary: {},
+		collisionPadding: {},
+		arrowPadding: {},
+		hideShiftedArrow: { type: Boolean },
+		sticky: {},
+		hideWhenDetached: { type: Boolean },
+		positionStrategy: {},
+		updatePositionStrategy: {},
+		disableUpdateOnLayoutShift: { type: Boolean },
+		prioritizePosition: { type: Boolean },
+		reference: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"entryFocus",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(t, { emit: n }) {
+		let r = t, i = n, o = C(s(() => {
+			let { class: e, ...t } = r;
+			return t;
+		}), i), l = a("SubContent"), u = a("Portal");
+		return (t, n) => (_(), c(y(b(u)), null, {
+			default: x(() => [(_(), c(y(b(l)), m(b(o), {
+				"data-reveal": "menu",
+				class: b(e)("dropdown-sub-content z-popover min-w-32 overflow-hidden rounded-panel border glass-floating text-popover-foreground glass-reveal", r.class)
+			}), {
+				default: x(() => [v(t.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]))]),
+			_: 3
+		}));
+	}
+});
+//#endregion
+export { I as a, M as c, O as d, D as f, L as i, A as l, z as n, F as o, E as p, R as r, P as s, B as t, k as u };

package/dist/dropdown-menu.js

@@ -1,2 +1,3 @@
-import { a as e, c as t, d as n, f as r, h as i, i as a, l as o, m as s, n as c, o as l, p as u, r as d, s as f, t as p, u as m } from "./dropdown-menu-DaGlVdp9.js";
-export { i as DropdownMenu, o as DropdownMenuCheckboxItem, u as DropdownMenuContent, r as DropdownMenuGroup, m as DropdownMenuItem, e as DropdownMenuLabel, p as DropdownMenuPortal, n as DropdownMenuRadioGroup, t as DropdownMenuRadioItem, l as DropdownMenuSeparator, f as DropdownMenuShortcut, a as DropdownMenuSub, c as DropdownMenuSubContent, d as DropdownMenuSubTrigger, s as DropdownMenuTrigger };
+import { t as e } from "./DropdownMenuTrigger-BzQtd9lt.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-DORIA52F.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/easing.d.ts

@@ -1,10 +1 @@
-// @mkbabb/glass-ui/easing — the published <EasingPicker>/<EasingConfigurator>
-// curve-authoring family (BB.W-EASING-PRIMITIVE).
-//
-// The value.js-BEARING leaf of the motion system — it composes the value.js easing
-// callables (CSSCubicBezier / steppedEase / bezierPresets / jumpTerms), so it ships
-// as its OWN subpath leaf and is NOT on the value.js-FREE root barrel (the SCC-trap
-// discipline; the /motion-curves precedent — a value.js-bearing curve leaf carves
-// OFF the value.js-free /motion). A consumer that wants the curve editor imports
-// here; the value.js-free motion suite stays on /motion.
 export * from "./components/easing";