@mkbabb/glass-ui 4.1.0 → 5.0.0

package/dist/CollapsibleContent-DiHcB_HH.js

@@ -0,0 +1,63 @@
+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 { CollapsibleContent as l, CollapsibleRoot as u, CollapsibleTrigger as d, useForwardPropsEmits as f } from "reka-ui";
+//#endregion
+//#region src/components/collapsible/Collapsible.vue
+var p = /* @__PURE__ */ r({
+	__name: "Collapsible",
+	props: {
+		defaultOpen: { type: Boolean },
+		open: { type: Boolean },
+		disabled: { type: Boolean },
+		unmountOnHide: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	emits: ["update:open"],
+	setup(e, { emit: t }) {
+		let r = f(e, t);
+		return (e, t) => (a(), n(s(u), i({ "data-slot": "collapsible" }, s(r)), {
+			default: c(({ open: t }) => [o(e.$slots, "default", { open: t })]),
+			_: 3
+		}, 16));
+	}
+}), m = /* @__PURE__ */ r({
+	__name: "CollapsibleTrigger",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(r) {
+		let l = r, u = t(() => {
+			let { class: e, ...t } = l;
+			return t;
+		});
+		return (t, r) => (a(), n(s(d), i({ "data-slot": "collapsible-trigger" }, u.value, { class: s(e)("tap-squish focus-ring rounded-control transition-control disabled:pointer-events-none disabled:opacity-disabled", l.class) }), {
+			default: c(() => [o(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), h = /* @__PURE__ */ r({
+	__name: "CollapsibleContent",
+	props: {
+		forceMount: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let t = e;
+		return (e, r) => (a(), n(s(l), i(t, { class: "overflow-hidden transition-collapse data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down" }), {
+			default: c(() => [o(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+});
+//#endregion
+export { m as n, p as r, h as t };

package/dist/CommandShortcut-fmdbsEJL.js

@@ -0,0 +1,302 @@
+import { t as e } from "./class-names-5jotTFzp.js";
+import { t } from "./useSurfaceAxis-DudiZVOR.js";
+import { r as n, t as r } from "./DialogContent-Bl4v10AC.js";
+import { t as i } from "./menuItemVariants-DbO-Fr74.js";
+import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode 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, toDisplayString as y, unref as b, withCtx as x } from "vue";
+import { ComboboxContent as S, ComboboxEmpty as C, ComboboxGroup as w, ComboboxInput as T, ComboboxItem as E, ComboboxLabel as D, ComboboxRoot as O, ComboboxSeparator as k, useForwardProps as A, useForwardPropsEmits as j } from "reka-ui";
+import { Search as M } from "@lucide/vue";
+//#endregion
+//#region src/components/command/Command.vue
+var N = /* @__PURE__ */ f({
+	__name: "Command",
+	props: {
+		open: {
+			type: Boolean,
+			default: !0
+		},
+		defaultOpen: { type: Boolean },
+		resetSearchTermOnBlur: { type: Boolean },
+		resetSearchTermOnSelect: { type: Boolean },
+		openOnFocus: { type: Boolean },
+		openOnClick: { type: Boolean },
+		ignoreFilter: { type: Boolean },
+		resetModelValueOnClear: { type: Boolean },
+		modelValue: { default: "" },
+		defaultValue: {},
+		multiple: { type: Boolean },
+		dir: {},
+		disabled: { type: Boolean },
+		highlightOnHover: { type: Boolean },
+		by: {},
+		asChild: { type: Boolean },
+		as: {},
+		name: {},
+		required: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		surface: { default: "glass" }
+	},
+	emits: [
+		"update:modelValue",
+		"highlight",
+		"update:open"
+	],
+	setup(n, { emit: r }) {
+		let i = n, s = r, c = j(a(() => {
+			let { class: e, surface: t, ...n } = i;
+			return n;
+		}), s), l = a(() => t(i.surface));
+		return (t, n) => (_(), o(b(O), m({ "data-slot": "command" }, b(c), {
+			"data-surface": i.surface,
+			class: b(e)("glass-floating flex h-full w-full flex-col overflow-hidden rounded-panel text-popover-foreground", l.value, i.class)
+		}), {
+			default: x(() => [v(t.$slots, "default")]),
+			_: 3
+		}, 16, ["data-surface", "class"]));
+	}
+}), P = /* @__PURE__ */ f({
+	__name: "CommandDialog",
+	props: {
+		open: { type: Boolean },
+		defaultOpen: { type: Boolean },
+		modal: { type: Boolean },
+		surface: { default: "glass" }
+	},
+	emits: ["update:open"],
+	setup(e, { emit: t }) {
+		let i = e, s = t, c = j(a(() => {
+			let { surface: e, ...t } = i;
+			return t;
+		}), s);
+		return (e, t) => (_(), o(b(n), g(p(b(c))), {
+			default: x(() => [d(b(r), {
+				surface: i.surface,
+				class: "overflow-hidden p-0"
+			}, {
+				default: x(() => [d(N, { class: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[data-cmdk-input-wrapper]_svg]:h-5 [&_[data-cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5" }, {
+					default: x(() => [v(e.$slots, "default")]),
+					_: 3
+				})]),
+				_: 3
+			}, 8, ["surface"])]),
+			_: 3
+		}, 16));
+	}
+}), F = /* @__PURE__ */ f({
+	__name: "CommandEmpty",
+	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) => (_(), o(b(C), m(r.value, { class: b(e)("py-6 text-center text-dropdown", n.class) }), {
+			default: x(() => [v(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), I = /* @__PURE__ */ f({
+	__name: "CommandGroup",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		heading: {}
+	},
+	setup(t) {
+		let n = t, r = a(() => {
+			let { class: e, ...t } = n;
+			return t;
+		});
+		return (i, a) => (_(), o(b(w), m(r.value, { class: b(e)("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-dropdown-secondary [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", n.class) }), {
+			default: x(() => [t.heading ? (_(), o(b(D), {
+				key: 0,
+				class: "px-2 py-1.5 text-dropdown-secondary font-medium text-muted-foreground"
+			}, {
+				default: x(() => [u(y(t.heading), 1)]),
+				_: 1
+			})) : s("", !0), v(i.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), L = {
+	class: "flex items-center border-b px-3",
+	"data-cmdk-input-wrapper": ""
+}, R = /* @__PURE__ */ f({
+	inheritAttrs: !1,
+	__name: "CommandInput",
+	props: {
+		displayValue: { type: Function },
+		modelValue: {},
+		autoFocus: { type: Boolean },
+		disabled: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		placeholder: {}
+	},
+	setup(t) {
+		let n = t, r = A(a(() => {
+			let { class: e, ...t } = n;
+			return t;
+		}));
+		return (t, i) => (_(), c("div", L, [d(b(M), { class: "mr-2 h-4 w-4 shrink-0 opacity-50" }), d(b(T), m({
+			...b(r),
+			...t.$attrs
+		}, {
+			"auto-focus": "",
+			class: b(e)("flex h-(--dropdown-input-height) w-full rounded-input bg-transparent py-3 text-dropdown outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-disabled", n.class)
+		}), null, 16, ["class"])]));
+	}
+}), z = /* @__PURE__ */ f({
+	__name: "CommandItem",
+	props: {
+		textValue: {},
+		value: {},
+		disabled: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["select"],
+	setup(t, { emit: n }) {
+		let r = t, s = n, c = j(a(() => {
+			let { class: e, ...t } = r;
+			return t;
+		}), s);
+		return (t, n) => (_(), o(b(E), m(b(c), { class: b(e)(b(i)({ indicator: "none" }), r.class) }), {
+			default: x(() => [v(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), B = { role: "presentation" }, V = /* @__PURE__ */ f({
+	__name: "CommandList",
+	props: {
+		forceMount: { type: Boolean },
+		position: {},
+		bodyLock: { type: Boolean },
+		hideWhenEmpty: { type: Boolean },
+		side: {},
+		sideOffset: {},
+		sideFlip: { type: Boolean },
+		align: {},
+		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: {},
+		disableOutsidePointerEvents: {
+			type: Boolean,
+			default: !1
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		surface: { default: "glass" }
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside"
+	],
+	setup(t, { emit: n }) {
+		let r = t, i = n, s = j(a(() => {
+			let { class: e, surface: t, ...n } = r;
+			return n;
+		}), i);
+		return (t, n) => (_(), o(b(S), m(b(s), {
+			"data-surface": r.surface,
+			class: b(e)("max-h-(--overlay-max-block) overflow-y-auto overflow-x-hidden", "scroll-gutter-stable", "[--overlay-pad-inline:--spacing(1)] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] px-(--overlay-pad-inline) py-(--overlay-pad-block)", r.class)
+		}), {
+			default: x(() => [l("div", B, [v(t.$slots, "default")])]),
+			_: 3
+		}, 16, ["data-surface", "class"]));
+	}
+}), H = /* @__PURE__ */ f({
+	__name: "CommandSeparator",
+	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) => (_(), o(b(k), m(r.value, { class: b(e)("-mx-1 h-px bg-border", n.class) }), {
+			default: x(() => [v(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), U = /* @__PURE__ */ f({
+	__name: "CommandShortcut",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (_(), c("span", { class: h(b(e)("ml-auto text-dropdown-secondary tracking-widest text-muted-foreground", n.class)) }, [v(t.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { R as a, P as c, z as i, N as l, H as n, I as o, V as r, F as s, U as t };

package/dist/ConfiguratorRow-BV6zPjTM.js

@@ -0,0 +1,151 @@
+import { t as e } from "./class-names-5jotTFzp.js";
+import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { t as n } from "./createContext-BQ1Gy_LB.js";
+import { t as r } from "./Label-C84TaQiw.js";
+import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeModels as d, normalizeClass as f, normalizeStyle as p, openBlock as m, renderSlot as h, toDisplayString as g, unref as _, useId as v, useModel as y, withCtx as b } from "vue";
+import { ChevronDown as x, RotateCcw as S } from "@lucide/vue";
+//#region src/components/configurator/size.ts
+var C = n("configuratorSize"), 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__ */ t(/* @__PURE__ */ u({
+	__name: "ConfiguratorLayer",
+	props: /* @__PURE__ */ d({
+		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 n = t, r = y(t, "open");
+		r.value === void 0 && (r.value = n.defaultOpen);
+		let c = `configurator-layer-body-${v()}`, u = i(() => n.id ?? c);
+		function d() {
+			r.value = !r.value;
+		}
+		let b = i(() => r.value ? "open" : "closed");
+		return (i, c) => (m(), o("div", {
+			"data-slot": "configurator-layer",
+			class: f(_(e)("configurator-layer border", n.class)),
+			"data-state": b.value
+		}, [s("button", {
+			type: "button",
+			"data-slot": "configurator-layer-trigger",
+			class: f(_(e)("configurator-layer-trigger", "group flex w-full items-center justify-between gap-2 py-2", "tap-squish transition-control text-left hover:bg-foreground/5 focus-ring")),
+			"aria-expanded": r.value,
+			"aria-controls": u.value,
+			"data-state": b.value,
+			onClick: d
+		}, [s("div", k, [s("span", A, g(t.label), 1), t.sub ? (m(), o("span", j, g(t.sub), 1)) : a("", !0)]), l(_(x), {
+			class: "h-4 w-4 shrink-0 text-muted-foreground group-data-[state=open]:rotate-180 transition-disclosure",
+			"aria-hidden": "true"
+		})], 10, O), s("div", {
+			id: u.value,
+			role: "region",
+			"aria-hidden": !r.value,
+			inert: !r.value || void 0,
+			"data-state": b.value,
+			class: "configurator-layer-region grid motion-reduce:transition-none",
+			style: p({ gridTemplateRows: r.value ? "1fr" : "0fr" })
+		}, [s("div", N, [s("div", {
+			"data-dividers": n.dividers || void 0,
+			class: f(_(e)("configurator-layer-body py-2 space-y-2", n.dividers && "[&>*+*]:border-t [&>*+*]:pt-2", n.bodyClass))
+		}, [h(i.$slots, "default", {}, void 0, !0)], 10, P)])], 12, M)], 10, D));
+	}
+}), [["__scopeId", "data-v-733eddff"]]), I = ["data-size"], 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-small font-normal text-muted-foreground"
+}, B = {
+	key: 1,
+	class: "truncate text-micro font-mono text-muted-foreground/70"
+}, V = ["aria-label"], H = { class: "flex w-full min-w-0 items-center [&>*]:min-w-0 [&>*]:w-full [&>*]:flex-1" }, U = {
+	key: 0,
+	class: "text-micro leading-snug text-muted-foreground/80"
+}, W = /* @__PURE__ */ t(/* @__PURE__ */ u({
+	__name: "ConfiguratorRow",
+	props: {
+		label: {},
+		sub: {},
+		name: {},
+		description: {},
+		canReset: { type: Boolean },
+		size: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["reset"],
+	setup(t, { emit: n }) {
+		let u = t, d = n, p = E(), v = i(() => u.size ?? p?.value ?? void 0);
+		return (n, i) => (m(), o("div", {
+			"data-slot": "configurator-row",
+			class: f(_(e)("configurator-row flex flex-col gap-1.5 py-2", u.class)),
+			"data-size": v.value
+		}, [
+			s("div", L, [s("div", R, [
+				l(_(r), { class: "truncate text-small font-medium text-foreground" }, {
+					default: b(() => [c(g(t.label), 1)]),
+					_: 1
+				}),
+				t.sub ? (m(), o("span", z, g(t.sub), 1)) : a("", !0),
+				t.name ? (m(), o("span", B, g(t.name), 1)) : a("", !0)
+			]), t.canReset ? (m(), o("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 ${t.label}`,
+				onClick: i[0] ||= (e) => d("reset")
+			}, [l(_(S), {
+				class: "h-3 w-3",
+				"aria-hidden": "true"
+			})], 8, V)) : a("", !0)]),
+			s("div", H, [h(n.$slots, "default", {}, void 0, !0)]),
+			t.description ? (m(), o("p", U, g(t.description), 1)) : a("", !0)
+		], 10, I));
+	}
+}), [["__scopeId", "data-v-bae0716a"]]);
+//#endregion
+export { E as a, T as i, F as n, w as r, W as t };