@mkbabb/glass-ui 3.13.0 → 4.0.0

package/dist/CardAction-XH4YBVEK.js

@@ -0,0 +1,158 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./useSpecularTracking-Bo5su68i.js";
+import { t as n } from "./useSurfaceAxis-CMnF2zHb.js";
+import { t as r } from "./_plugin-vue_export-helper-CBt_VvXa.js";
+import { computed as i, createBlock as a, createElementBlock as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, openBlock as u, renderSlot as d, unref as f, withCtx as p } from "vue";
+import { Primitive as m } from "reka-ui";
+var h = /* @__PURE__ */ s({
+	__name: "Card",
+	props: {
+		tier: { default: "resting" },
+		surface: { default: "glass" },
+		shadow: {
+			type: Boolean,
+			default: !0
+		},
+		grain: {
+			type: Boolean,
+			default: !0
+		},
+		specular: { default: "off" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: { default: "div" }
+	},
+	setup(r) {
+		let o = r, { specularStyle: s, onPointerMove: h } = t(), g = i(() => o.surface === "glass" && o.specular !== "off"), _ = i(() => o.specular === "full" ? {
+			"--glass-specular-intensity-rest": "0.04",
+			"--glass-specular-intensity-hover": "0.18",
+			"--glass-specular-intensity-active": "0.26"
+		} : {}), v = i(() => g.value ? {
+			..._.value,
+			...s.value
+		} : void 0);
+		return (t, i) => (u(), a(f(m), {
+			"data-slot": "card",
+			"data-tier": r.tier,
+			"data-surface": r.surface,
+			"data-grain": r.grain,
+			as: r.as,
+			"as-child": r.asChild,
+			style: l(v.value),
+			onPointermove: i[0] ||= (e) => g.value && f(h)(e),
+			class: c(f(e)("rounded-card text-card-foreground scrollbar-hidden", "[--card-spacing:--spacing(6)] data-[size=sm]:[--card-spacing:--spacing(4)]", r.tier === "opaque" ? "glass-resting glass-opaque" : `glass-${r.tier}`, g.value && "glass-specular-track", r.surface === "cartoon" && "cartoon-surface", r.surface === "veil" && f(n)("veil").replace(/^glass-\w+\s+/, ""), r.shadow && r.surface === "glass" && "shadow-card", !r.grain && "[&::after]:hidden", o.class))
+		}, {
+			default: p(() => [d(t.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"data-tier",
+			"data-surface",
+			"data-grain",
+			"as",
+			"as-child",
+			"style",
+			"class"
+		]));
+	}
+}), g = /* @__PURE__ */ r(/* @__PURE__ */ s({
+	__name: "CardHeader",
+	props: {
+		shrink: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let n = t;
+		return (r, i) => (u(), o("div", {
+			"data-slot": "card-header",
+			class: c(f(e)("@container/card-header flex flex-col gap-y-1.5 p-(--card-spacing)", "has-data-[slot=card-action]:grid has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-action]:items-start", t.shrink && "card-header--shrink", n.class))
+		}, [d(r.$slots, "default", {}, void 0, !0)], 2));
+	}
+}), [["__scopeId", "data-v-835e5cc0"]]), _ = /* @__PURE__ */ s({
+	__name: "CardTitle",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (u(), o("h3", {
+			"data-slot": "card-title",
+			class: c(f(e)("text-heading leading-none tracking-tight", n.class))
+		}, [d(t.$slots, "default")], 2));
+	}
+}), v = /* @__PURE__ */ s({
+	__name: "CardDescription",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (u(), o("p", {
+			"data-slot": "card-description",
+			class: c(f(e)("text-sm text-muted-foreground-strong", n.class))
+		}, [d(t.$slots, "default")], 2));
+	}
+}), y = /* @__PURE__ */ s({
+	__name: "CardContent",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (u(), o("div", { class: c(f(e)("p-(--card-spacing)", n.class)) }, [d(t.$slots, "default")], 2));
+	}
+}), b = /* @__PURE__ */ s({
+	__name: "CardFooter",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (u(), o("div", { class: c(f(e)("flex items-center p-(--card-spacing) pt-0", n.class)) }, [d(t.$slots, "default")], 2));
+	}
+}), x = /* @__PURE__ */ s({
+	__name: "CardAction",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (u(), o("div", {
+			"data-slot": "card-action",
+			class: c(f(e)("col-start-2 row-span-2 row-start-1 self-start justify-self-end", n.class))
+		}, [d(t.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { _ as a, v as i, b as n, g as o, y as r, h as s, x as t };

package/dist/{CommandShortcut-RowNEO6i.js → CommandShortcut-DdtWXxOK.js}

@@ -1,12 +1,13 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { t } from "./search-BSGrf2Sk.js";
-import { n, t as r } from "./DialogContent-Dl9WkAoS.js";
-import { t as i } from "./menuItemVariants-DPiEarb0.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 { t as n } from "./useSurfaceAxis-CMnF2zHb.js";
+import { n as r, t as i } from "./DialogContent-DDE6pQBU.js";
+import { t as a } from "./menuItemVariants-DWRQXBxJ.js";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, guardReactiveProps as m, mergeProps as h, normalizeClass as g, normalizeProps as _, openBlock as v, renderSlot as y, toDisplayString as b, unref as x, withCtx as S } from "vue";
+import { ComboboxContent as C, ComboboxEmpty as w, ComboboxGroup as T, ComboboxInput as E, ComboboxItem as D, ComboboxLabel as O, ComboboxRoot as k, ComboboxSeparator as A, useForwardProps as j, useForwardPropsEmits as M } from "reka-ui";
 //#endregion
 //#region src/components/ui/command/Command.vue
-var M = /* @__PURE__ */ f({
+var N = /* @__PURE__ */ p({
 	__name: "Command",
 	props: {
 		open: {
@@ -37,24 +38,28 @@ var M = /* @__PURE__ */ f({
 			String,
 			Object,
 			Array
-		] }
+		] },
+		surface: { default: "glass" }
 	},
 	emits: [
 		"update:modelValue",
 		"highlight",
 		"update:open"
 	],
-	setup(t, { emit: n }) {
-		let r = t, i = n, s = j(a(() => {
-			let { class: e, ...t } = r;
-			return t;
-		}), i);
-		return (t, n) => (_(), o(b(O), m({ "data-slot": "command" }, b(s), { class: b(e)("glass-floating flex h-full w-full flex-col overflow-hidden rounded-panel text-popover-foreground", r.class) }), {
-			default: x(() => [v(t.$slots, "default")]),
+	setup(t, { emit: r }) {
+		let i = t, a = r, c = M(o(() => {
+			let { class: e, surface: t, ...n } = i;
+			return n;
+		}), a), l = o(() => n(i.surface).replace(/^glass-\w+\s*/, ""));
+		return (t, n) => (v(), s(x(k), h({ "data-slot": "command" }, x(c), {
+			"data-surface": i.surface,
+			class: x(e)("glass-floating flex h-full w-full flex-col overflow-hidden rounded-panel text-popover-foreground", l.value, i.class)
+		}), {
+			default: S(() => [y(t.$slots, "default")]),
 			_: 3
-		}, 16, ["class"]));
+		}, 16, ["data-surface", "class"]));
 	}
-}), N = /* @__PURE__ */ f({
+}), P = /* @__PURE__ */ p({
 	__name: "CommandDialog",
 	props: {
 		open: { type: Boolean },
@@ -63,11 +68,11 @@ var M = /* @__PURE__ */ f({
 	},
 	emits: ["update:open"],
 	setup(e, { emit: t }) {
-		let i = j(e, t);
-		return (e, t) => (_(), o(b(n), g(p(b(i))), {
-			default: x(() => [d(b(r), { class: "overflow-hidden p-0" }, {
-				default: x(() => [d(M, { 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")]),
+		let n = M(e, t);
+		return (e, t) => (v(), s(x(r), _(m(x(n))), {
+			default: S(() => [f(x(i), { class: "overflow-hidden p-0" }, {
+				default: S(() => [f(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: S(() => [y(e.$slots, "default")]),
 					_: 3
 				})]),
 				_: 3
@@ -75,7 +80,7 @@ var M = /* @__PURE__ */ f({
 			_: 3
 		}, 16));
 	}
-}), P = /* @__PURE__ */ f({
+}), F = /* @__PURE__ */ p({
 	__name: "CommandEmpty",
 	props: {
 		asChild: { type: Boolean },
@@ -89,16 +94,16 @@ var M = /* @__PURE__ */ f({
 		] }
 	},
 	setup(t) {
-		let n = t, r = a(() => {
+		let n = t, r = o(() => {
 			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")]),
+		return (t, i) => (v(), s(x(w), h(r.value, { class: x(e)("py-6 text-center text-dropdown", n.class) }), {
+			default: S(() => [y(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), F = /* @__PURE__ */ f({
+}), I = /* @__PURE__ */ p({
 	__name: "CommandGroup",
 	props: {
 		asChild: { type: Boolean },
@@ -113,25 +118,25 @@ var M = /* @__PURE__ */ f({
 		heading: {}
 	},
 	setup(t) {
-		let n = t, r = a(() => {
+		let n = t, r = o(() => {
 			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), {
+		return (i, a) => (v(), s(x(T), h(r.value, { class: x(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: S(() => [t.heading ? (v(), s(x(O), {
 				key: 0,
 				class: "px-2 py-1.5 text-dropdown-secondary font-medium text-muted-foreground"
 			}, {
-				default: x(() => [u(y(t.heading), 1)]),
+				default: S(() => [d(b(t.heading), 1)]),
 				_: 1
-			})) : s("", !0), v(i.$slots, "default")]),
+			})) : c("", !0), y(i.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), I = {
+}), L = {
 	class: "flex items-center border-b px-3",
 	"data-cmdk-input-wrapper": ""
-}, L = /* @__PURE__ */ f({
+}, R = /* @__PURE__ */ p({
 	inheritAttrs: !1,
 	__name: "CommandInput",
 	props: {
@@ -151,19 +156,19 @@ var M = /* @__PURE__ */ f({
 		placeholder: {}
 	},
 	setup(n) {
-		let r = n, i = A(a(() => {
+		let r = n, i = j(o(() => {
 			let { class: e, ...t } = r;
 			return t;
 		}));
-		return (n, a) => (_(), c("div", I, [d(b(t), { class: "mr-2 h-4 w-4 shrink-0 opacity-50" }), d(b(T), m({
-			...b(i),
+		return (n, a) => (v(), l("div", L, [f(x(t), { class: "mr-2 h-4 w-4 shrink-0 opacity-50" }), f(x(E), h({
+			...x(i),
 			...n.$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", r.class)
+			class: x(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", r.class)
 		}), null, 16, ["class"])]));
 	}
-}), R = /* @__PURE__ */ f({
+}), z = /* @__PURE__ */ p({
 	__name: "CommandItem",
 	props: {
 		textValue: {},
@@ -181,16 +186,16 @@ var M = /* @__PURE__ */ f({
 	},
 	emits: ["select"],
 	setup(t, { emit: n }) {
-		let r = t, s = n, c = j(a(() => {
+		let r = t, i = n, c = M(o(() => {
 			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")]),
+		}), i);
+		return (t, n) => (v(), s(x(D), h(x(c), { class: x(e)(x(a)({ indicator: "none" }), r.class) }), {
+			default: S(() => [y(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), z = { role: "presentation" }, B = /* @__PURE__ */ f({
+}), B = { role: "presentation" }, V = /* @__PURE__ */ p({
 	__name: "CommandList",
 	props: {
 		forceMount: { type: Boolean },
@@ -236,16 +241,16 @@ var M = /* @__PURE__ */ f({
 		"interactOutside"
 	],
 	setup(t, { emit: n }) {
-		let r = t, i = n, s = j(a(() => {
+		let r = t, i = n, a = M(o(() => {
 			let { class: e, ...t } = r;
 			return t;
 		}), i);
-		return (t, n) => (_(), o(b(S), m(b(s), { class: b(e)("max-h-[300px] overflow-y-auto overflow-x-hidden", r.class) }), {
-			default: x(() => [l("div", z, [v(t.$slots, "default")])]),
+		return (t, n) => (v(), s(x(C), h(x(a), { class: x(e)("max-h-[300px] overflow-y-auto overflow-x-hidden", r.class) }), {
+			default: S(() => [u("div", B, [y(t.$slots, "default")])]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), V = /* @__PURE__ */ f({
+}), H = /* @__PURE__ */ p({
 	__name: "CommandSeparator",
 	props: {
 		asChild: { type: Boolean },
@@ -259,16 +264,16 @@ var M = /* @__PURE__ */ f({
 		] }
 	},
 	setup(t) {
-		let n = t, r = a(() => {
+		let n = t, r = o(() => {
 			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")]),
+		return (t, i) => (v(), s(x(A), h(r.value, { class: x(e)("-mx-1 h-px bg-border", n.class) }), {
+			default: S(() => [y(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), H = /* @__PURE__ */ f({
+}), U = /* @__PURE__ */ p({
 	__name: "CommandShortcut",
 	props: { class: { type: [
 		Boolean,
@@ -279,8 +284,8 @@ var M = /* @__PURE__ */ f({
 	] } },
 	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));
+		return (t, r) => (v(), l("span", { class: g(x(e)("ml-auto text-dropdown-secondary tracking-widest text-muted-foreground", n.class)) }, [y(t.$slots, "default")], 2));
 	}
 });
 //#endregion
-export { L as a, N as c, R as i, M as l, V as n, F as o, B as r, P as s, H as t };
+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/{ContextMenuSubContent-BQmxTAdw.js → ContextMenuSubContent-B0Vs6atR.js}

@@ -2,7 +2,7 @@ import { t as e } from "./cn-DJXf4yaB.js";
 import { t } from "./createLucideIcon-DydS2qgk.js";
 import { t as n } from "./check-njhk-vfu.js";
 import { t as r } from "./chevron-right-CPXbqQQz.js";
-import { t as i } from "./menuItemVariants-DPiEarb0.js";
+import { t as i } from "./menuItemVariants-DWRQXBxJ.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";
 var A = t("circle", [["circle", {