@mkbabb/glass-ui 4.2.0 → 6.0.0

package/dist/ConfiguratorRow-YMXdINHx.js

@@ -1,143 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { r as t, x as n } from "./vendor-B2qOlYY3.js";
-import { t as r } from "./_plugin-vue_export-helper-gLzyemvl.js";
-import { t as i } from "./createContext-Cd23P9j0.js";
-import { t as a } from "./Label-B_HPqi_q.js";
-import { computed as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, mergeModels as p, normalizeClass as m, normalizeStyle as h, openBlock as g, renderSlot as _, toDisplayString as v, unref as y, useId as b, useModel as x, withCtx as S } from "vue";
-//#region src/components/custom/configurator/density.ts
-var C = i("configuratorDensity"), w = C.KEY;
-function T(e) {
-	C.provide(e);
-}
-var E = C.use, D = ["data-state"], O = [
-	"aria-expanded",
-	"aria-controls",
-	"data-state"
-], k = { class: "flex min-w-0 items-baseline gap-2" }, A = { class: "configurator-section-label truncate" }, j = {
-	key: 0,
-	class: "truncate text-micro font-mono text-muted-foreground/70"
-}, M = [
-	"id",
-	"aria-hidden",
-	"inert",
-	"data-state"
-], N = { class: "min-h-0 overflow-hidden" }, P = ["data-dividers"], F = /* @__PURE__ */ r(/* @__PURE__ */ f({
-	__name: "ConfiguratorLayer",
-	props: /* @__PURE__ */ p({
-		label: {},
-		sub: {},
-		id: {},
-		defaultOpen: {
-			type: Boolean,
-			default: !0
-		},
-		dividers: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		bodyClass: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	}, {
-		open: {
-			type: Boolean,
-			default: void 0
-		},
-		openModifiers: {}
-	}),
-	emits: ["update:open"],
-	setup(t) {
-		let r = t, i = x(t, "open");
-		i.value === void 0 && (i.value = r.defaultOpen);
-		let a = `configurator-layer-body-${b()}`, u = o(() => r.id ?? a);
-		function f() {
-			i.value = !i.value;
-		}
-		let p = o(() => i.value ? "open" : "closed");
-		return (a, o) => (g(), c("div", {
-			"data-slot": "configurator-layer",
-			class: m(y(e)("configurator-layer border-b last:border-b-0", r.class)),
-			"data-state": p.value
-		}, [l("button", {
-			type: "button",
-			"data-slot": "configurator-layer-trigger",
-			class: m(y(e)("configurator-layer-trigger", "group flex w-full items-center justify-between gap-2 px-3 py-2", "tap-squish transition-control text-left hover:bg-foreground/5 focus-ring")),
-			"aria-expanded": i.value,
-			"aria-controls": u.value,
-			"data-state": p.value,
-			onClick: f
-		}, [l("div", k, [l("span", A, v(t.label), 1), t.sub ? (g(), c("span", j, v(t.sub), 1)) : s("", !0)]), d(y(n), {
-			class: "configurator-layer-chevron h-4 w-4 shrink-0 text-muted-foreground group-data-[state=open]:rotate-180",
-			"aria-hidden": "true"
-		})], 10, O), l("div", {
-			id: u.value,
-			role: "region",
-			"aria-hidden": !i.value,
-			inert: !i.value || void 0,
-			"data-state": p.value,
-			class: "configurator-layer-region grid motion-reduce:transition-none",
-			style: h({ gridTemplateRows: i.value ? "1fr" : "0fr" })
-		}, [l("div", N, [l("div", {
-			"data-dividers": r.dividers || void 0,
-			class: m(y(e)("configurator-layer-body px-3 py-2 space-y-2", r.dividers && "[&>*+*]:border-t [&>*+*]:pt-2", r.bodyClass))
-		}, [_(a.$slots, "default", {}, void 0, !0)], 10, P)])], 12, M)], 10, D));
-	}
-}), [["__scopeId", "data-v-e887a77f"]]), I = ["data-density"], L = { class: "flex items-baseline justify-between gap-3" }, R = { class: "flex min-w-0 items-baseline gap-2" }, z = {
-	key: 0,
-	class: "truncate text-micro font-mono text-muted-foreground/70"
-}, B = ["aria-label"], V = { class: "flex w-full min-w-0 items-center [&>*]:min-w-0 [&>*]:w-full [&>*]:flex-1" }, H = {
-	key: 0,
-	class: "text-micro leading-snug text-muted-foreground/80"
-}, U = /* @__PURE__ */ r(/* @__PURE__ */ f({
-	__name: "ConfiguratorRow",
-	props: {
-		label: {},
-		name: {},
-		description: {},
-		canReset: { type: Boolean },
-		density: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	emits: ["reset"],
-	setup(n, { emit: r }) {
-		let i = n, f = r, p = E(), h = o(() => i.density ?? p?.value ?? void 0);
-		return (r, o) => (g(), c("div", {
-			"data-slot": "configurator-row",
-			class: m(y(e)("configurator-row flex flex-col gap-1.5 py-2", i.class)),
-			"data-density": h.value
-		}, [
-			l("div", L, [l("div", R, [d(y(a), { class: "truncate text-small font-medium text-foreground" }, {
-				default: S(() => [u(v(n.label), 1)]),
-				_: 1
-			}), n.name ? (g(), c("span", z, v(n.name), 1)) : s("", !0)]), n.canReset ? (g(), c("button", {
-				key: 0,
-				type: "button",
-				"data-slot": "configurator-reset",
-				class: "tap-squish transition-control focus-ring inline-flex h-6 w-6 items-center justify-center rounded-pill text-muted-foreground/60 hover:bg-foreground/5 hover:text-foreground",
-				"aria-label": `Reset ${n.label}`,
-				onClick: o[0] ||= (e) => f("reset")
-			}, [d(y(t), {
-				class: "h-3 w-3",
-				"aria-hidden": "true"
-			})], 8, B)) : s("", !0)]),
-			l("div", V, [_(r.$slots, "default", {}, void 0, !0)]),
-			n.description ? (g(), c("p", H, v(n.description), 1)) : s("", !0)
-		], 10, I));
-	}
-}), [["__scopeId", "data-v-7978cb8d"]]);
-//#endregion
-export { E as a, T as i, F as n, w as r, U as t };

package/dist/ContextMenuContent-CMWn6huB.js

@@ -1,90 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./useSurfaceAxis-Ci7Dnaw2.js";
-import { computed as n, createBlock as r, createVNode as i, defineComponent as a, guardReactiveProps as o, mergeProps as s, normalizeProps as c, openBlock as l, renderSlot as u, unref as d, withCtx as f } from "vue";
-import { ContextMenuContent as p, ContextMenuPortal as m, ContextMenuRoot as h, ContextMenuTrigger as g, useForwardProps as _, useForwardPropsEmits as v } from "reka-ui";
-//#endregion
-//#region src/components/ui/context-menu/ContextMenu.vue
-var y = /* @__PURE__ */ a({
-	__name: "ContextMenu",
-	props: {
-		pressOpenDelay: {},
-		dir: {},
-		modal: { type: Boolean }
-	},
-	emits: ["update:open"],
-	setup(e, { emit: t }) {
-		let n = v(e, t);
-		return (e, t) => (l(), r(d(h), s({ "data-slot": "context-menu" }, d(n)), {
-			default: f(() => [u(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), b = /* @__PURE__ */ a({
-	__name: "ContextMenuTrigger",
-	props: {
-		disabled: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {}
-	},
-	setup(e) {
-		let t = _(e);
-		return (e, n) => (l(), r(d(g), c(o(d(t))), {
-			default: f(() => [u(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), x = /* @__PURE__ */ a({
-	__name: "ContextMenuContent",
-	props: {
-		forceMount: { type: Boolean },
-		loop: { type: Boolean },
-		sideFlip: { type: Boolean },
-		alignOffset: {},
-		alignFlip: { type: Boolean },
-		avoidCollisions: { type: Boolean },
-		collisionBoundary: {},
-		collisionPadding: {},
-		hideShiftedArrow: { type: Boolean },
-		sticky: {},
-		hideWhenDetached: { type: Boolean },
-		positionStrategy: {},
-		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(a, { emit: o }) {
-		let c = a, h = o, g = v(n(() => {
-			let { class: e, surface: t, ...n } = c;
-			return n;
-		}), h);
-		return (n, a) => (l(), r(d(m), null, {
-			default: f(() => [i(d(p), s(d(g), {
-				"data-surface": c.surface,
-				class: d(e)("z-popover min-w-(--overlay-min-width) overflow-hidden rounded-panel border text-popover-foreground glass-reveal", d(t)(c.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)", c.class)
-			}), {
-				default: f(() => [u(n.$slots, "default")]),
-				_: 3
-			}, 16, ["data-surface", "class"])]),
-			_: 3
-		}));
-	}
-});
-//#endregion
-export { b as n, y as r, x as t };

package/dist/ContextMenuSubContent-DvwWCUc0.js

@@ -1,245 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { S as t, m as n, y as r } from "./vendor-B2qOlYY3.js";
-import { t as i } from "./menuItemVariants-DAXquKja.js";
-import { computed as a, createBlock as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, guardReactiveProps as d, mergeProps as f, normalizeClass as p, normalizeProps as m, openBlock as h, renderSlot as g, unref as _, withCtx as v } from "vue";
-import { ContextMenuCheckboxItem as y, ContextMenuItem as b, ContextMenuItemIndicator as x, ContextMenuLabel as S, ContextMenuRadioGroup as C, ContextMenuRadioItem as w, ContextMenuSeparator as T, ContextMenuSubContent as E, ContextMenuSubTrigger as D, useForwardProps as O, useForwardPropsEmits as k } from "reka-ui";
-//#endregion
-//#region src/components/ui/context-menu/ContextMenuRadioGroup.vue
-var A = /* @__PURE__ */ u({
-	__name: "ContextMenuRadioGroup",
-	props: {
-		modelValue: {},
-		asChild: { type: Boolean },
-		as: {}
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let n = k(e, t);
-		return (e, t) => (h(), o(_(C), m(d(_(n))), {
-			default: v(() => [g(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), j = /* @__PURE__ */ u({
-	__name: "ContextMenuItem",
-	props: {
-		disabled: { type: Boolean },
-		textValue: {},
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		inset: { type: Boolean }
-	},
-	emits: ["select"],
-	setup(t, { emit: n }) {
-		let r = t, s = n, c = k(a(() => {
-			let { class: e, ...t } = r;
-			return t;
-		}), s);
-		return (n, a) => (h(), o(_(b), f(_(c), { class: _(e)(_(i)({ indicator: t.inset ? "start-wide" : "none" }), r.class) }), {
-			default: v(() => [g(n.$slots, "default")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), M = { class: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, N = /* @__PURE__ */ u({
-	__name: "ContextMenuCheckboxItem",
-	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(n, { emit: r }) {
-		let s = n, u = r, d = k(a(() => {
-			let { class: e, ...t } = s;
-			return t;
-		}), u);
-		return (n, r) => (h(), o(_(y), f(_(d), { class: _(e)(_(i)({ indicator: "start-wide" }), s.class) }), {
-			default: v(() => [c("span", M, [l(_(x), null, {
-				default: v(() => [l(_(t), { class: "h-4 w-4" })]),
-				_: 1
-			})]), g(n.$slots, "default")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), P = { class: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, F = /* @__PURE__ */ u({
-	__name: "ContextMenuRadioItem",
-	props: {
-		value: {},
-		disabled: { type: Boolean },
-		textValue: {},
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	emits: ["select"],
-	setup(t, { emit: r }) {
-		let s = t, u = r, d = k(a(() => {
-			let { class: e, ...t } = s;
-			return t;
-		}), u);
-		return (t, r) => (h(), o(_(w), f(_(d), { class: _(e)(_(i)({ indicator: "start-wide" }), s.class) }), {
-			default: v(() => [c("span", P, [l(_(x), null, {
-				default: v(() => [l(_(n), { class: "h-2 w-2 fill-current" })]),
-				_: 1
-			})]), g(t.$slots, "default")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), I = /* @__PURE__ */ u({
-	__name: "ContextMenuShortcut",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (h(), s("span", { class: p(_(e)("ml-auto text-dropdown-secondary tracking-widest text-muted-foreground", n.class)) }, [g(t.$slots, "default")], 2));
-	}
-}), L = /* @__PURE__ */ u({
-	__name: "ContextMenuSeparator",
-	props: {
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t, r = a(() => {
-			let { class: e, ...t } = n;
-			return t;
-		});
-		return (t, i) => (h(), o(_(T), f(r.value, { class: _(e)("-mx-1 my-1 h-px bg-border", n.class) }), null, 16, ["class"]));
-	}
-}), R = /* @__PURE__ */ u({
-	__name: "ContextMenuLabel",
-	props: {
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		inset: { type: Boolean }
-	},
-	setup(t) {
-		let n = t, r = a(() => {
-			let { class: e, ...t } = n;
-			return t;
-		});
-		return (i, a) => (h(), o(_(S), f(r.value, { class: _(e)("px-2 py-1.5 text-dropdown-secondary font-semibold text-foreground", t.inset && "pl-8", n.class) }), {
-			default: v(() => [g(i.$slots, "default")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), z = /* @__PURE__ */ u({
-	__name: "ContextMenuSubTrigger",
-	props: {
-		disabled: { type: Boolean },
-		textValue: {},
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		inset: { type: Boolean }
-	},
-	setup(t) {
-		let n = t, s = O(a(() => {
-			let { class: e, ...t } = n;
-			return t;
-		}));
-		return (a, c) => (h(), o(_(D), f(_(s), { class: _(e)(_(i)({ indicator: t.inset ? "start-wide" : "none" }), n.class) }), {
-			default: v(() => [g(a.$slots, "default"), l(_(r), { class: "ml-auto h-4 w-4" })]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), B = /* @__PURE__ */ u({
-	__name: "ContextMenuSubContent",
-	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, s = k(a(() => {
-			let { class: e, ...t } = r;
-			return t;
-		}), i);
-		return (t, n) => (h(), o(_(E), f(_(s), { class: _(e)("z-popover min-w-32 overflow-hidden rounded-panel border glass-floating p-1 text-popover-foreground glass-reveal", r.class) }), {
-			default: v(() => [g(t.$slots, "default")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-});
-//#endregion
-export { I as a, j as c, L as i, A as l, z as n, F as o, R as r, N as s, B as t };