@mkbabb/glass-ui 5.0.0 → 7.0.0

package/dist/CardAction-2uUvjMQK.js

@@ -1,285 +0,0 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { t } from "./vSpecular-DlYN0UZy.js";
-import { t as n } from "./useLiquidPress-BXNHydZh.js";
-import { t as r } from "./Surface-BWRfwyn8.js";
-import { t as i } from "./useMotionAxis-DCCXMC-i.js";
-import { t as a } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, defineComponent as u, normalizeClass as d, normalizeStyle as f, openBlock as p, renderSlot as m, unref as h, useAttrs as g, withCtx as _, withDirectives as v } from "vue";
-var y = {
-	key: 0,
-	class: "cartoon-cast",
-	"aria-hidden": "true"
-}, b = /* @__PURE__ */ u({
-	__name: "Card",
-	props: {
-		tier: { default: "resting" },
-		surface: { default: "glass" },
-		deep: {
-			type: Boolean,
-			default: !1
-		},
-		shadow: {
-			type: Boolean,
-			default: !0
-		},
-		grain: {
-			type: Boolean,
-			default: !0
-		},
-		grid: {
-			type: Boolean,
-			default: !1
-		},
-		specular: { default: "off" },
-		motion: {},
-		variant: {},
-		selected: { type: Boolean },
-		metal: { default: "gold" },
-		dataHue: {},
-		dataHueStrength: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		asChild: { type: Boolean },
-		as: { default: "div" }
-	},
-	setup(a) {
-		let u = a, b = o(() => u.surface === "cartoon" ? "glass" : u.surface), x = o(() => u.shadow && u.surface !== "cartoon"), S = i(() => u.motion), C = g(), w = o(() => {
-			let e = u.as;
-			if (e === "button" || e === "a" || C.href != null) return !0;
-			let t = C.role;
-			return t === "button" || t === "link";
-		}), T = o(() => w.value && S.resolved.value !== "off"), E = o(() => u.surface === "glass" && u.specular !== "off"), D = o(() => u.specular === "full" ? {
-			"--glass-specular-intensity-rest": "0.04",
-			"--glass-specular-intensity-hover": "0.18",
-			"--glass-specular-intensity-active": "0.26"
-		} : {}), O = n({
-			pressVar: "--card-press-t",
-			shrinkDepth: .02,
-			maxStretch: 1.03
-		}), k = o(() => u.variant !== "selection" || u.dataHue == null ? {} : {
-			"--glass-accent": u.dataHue,
-			...u.dataHueStrength == null ? {} : { "--glass-accent-strength": u.dataHueStrength }
-		}), A = o(() => u.variant === "selection" && u.selected ? `metal-${u.metal}-border` : !1), j = o(() => {
-			let e = E.value ? D.value : void 0, t = k.value, n = S.hostStyle.value, r = e || Object.keys(t).length || n ? {
-				...e ?? {},
-				...t,
-				...n ?? {}
-			} : void 0;
-			return T.value ? {
-				...r ?? {},
-				...O.pressStyle.value
-			} : r;
-		});
-		return (n, i) => v((p(), s(r, {
-			"data-slot": "card",
-			tier: a.tier,
-			surface: b.value,
-			deep: a.deep,
-			shadow: x.value,
-			grain: a.grain,
-			"data-surface": a.surface,
-			"data-grid": a.grid,
-			"data-pressable": T.value || void 0,
-			"data-motion": h(S).dataMotion.value,
-			"data-variant": a.variant || void 0,
-			"data-selected": a.variant === "selection" && a.selected ? "true" : void 0,
-			as: a.as,
-			"as-child": a.asChild,
-			style: f(j.value),
-			onPointerdown: i[0] ||= (e) => T.value ? h(O).press() : void 0,
-			onPointerup: i[1] ||= (e) => T.value ? h(O).release() : void 0,
-			onPointercancel: i[2] ||= (e) => T.value ? h(O).release() : void 0,
-			onPointerleave: i[3] ||= (e) => T.value ? h(O).release() : void 0,
-			class: d(h(e)("rounded-card text-card-foreground scrollbar-hidden", "[--card-pad-inline:--spacing(6)] [--card-pad-block:calc(var(--card-pad-inline)*1.272)] [--card-pad-section-gap:var(--card-pad-block)] [--card-pad-footer:calc(var(--card-pad-block)/1.618)] [--card-pad-title-gap:calc(var(--card-pad-inline)/2.618)] data-[size=sm]:[--card-pad-inline:--spacing(4)]", E.value && "glass-specular-track", a.surface === "cartoon" && "cartoon-surface", a.grid && "paper-grid", T.value && "glass-press tap-squish", A.value, u.class))
-		}, {
-			default: _(() => [a.surface === "cartoon" ? (p(), l("span", y)) : c("", !0), m(n.$slots, "default")]),
-			_: 3
-		}, 8, [
-			"tier",
-			"surface",
-			"deep",
-			"shadow",
-			"grain",
-			"data-surface",
-			"data-grid",
-			"data-pressable",
-			"data-motion",
-			"data-variant",
-			"data-selected",
-			"as",
-			"as-child",
-			"style",
-			"class"
-		])), [[h(t), E.value]]);
-	}
-}), x = /* @__PURE__ */ u({
-	__name: "CardHeader",
-	props: {
-		shrink: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t;
-		return (r, i) => (p(), l("div", {
-			"data-slot": "card-header",
-			class: d(h(e)("@container/card-header flex flex-col gap-y-(--card-pad-title-gap) px-(--card-pad-inline) pt-(--card-pad-block) pb-0", "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))
-		}, [m(r.$slots, "default")], 2));
-	}
-}), S = /* @__PURE__ */ a(/* @__PURE__ */ u({
-	__name: "ScrollCard",
-	props: {
-		tier: { default: "resting" },
-		surface: { default: "glass" },
-		shadow: {
-			type: Boolean,
-			default: !0
-		},
-		specular: { default: "off" },
-		maxHeight: { default: "18rem" },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(e) {
-		let t = e, n = o(() => ({ "--scroll-card-max-height": t.maxHeight }));
-		return (r, i) => (p(), s(b, {
-			tier: e.tier,
-			surface: e.surface,
-			shadow: e.shadow,
-			specular: e.specular,
-			grain: !1,
-			tabindex: "0",
-			"data-slot": "scroll-card",
-			style: f(n.value),
-			class: d([
-				"scroll-card",
-				"card-scroll-host",
-				t.class
-			])
-		}, {
-			default: _(() => [m(r.$slots, "default", {}, void 0, !0)]),
-			_: 3
-		}, 8, [
-			"tier",
-			"surface",
-			"shadow",
-			"specular",
-			"style",
-			"class"
-		]));
-	}
-}), [["__scopeId", "data-v-e57c5b1a"]]), C = /* @__PURE__ */ a(/* @__PURE__ */ u({
-	__name: "ScrollCardHeader",
-	props: {
-		sticky: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t;
-		return (t, r) => (p(), s(x, {
-			shrink: "",
-			"data-slot": "scroll-card-header",
-			class: d(h(e)("scroll-card-header", n.sticky !== !1 && "sticky top-0 z-10", n.class))
-		}, {
-			default: _(() => [m(t.$slots, "default")]),
-			_: 3
-		}, 8, ["class"]));
-	}
-}), [["__scopeId", "data-v-febb34fa"]]), w = /* @__PURE__ */ u({
-	__name: "CardTitle",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (p(), l("h3", {
-			"data-slot": "card-title",
-			class: d(h(e)("text-heading leading-none tracking-tight", n.class))
-		}, [m(t.$slots, "default")], 2));
-	}
-}), T = /* @__PURE__ */ u({
-	__name: "CardDescription",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (p(), l("p", {
-			"data-slot": "card-description",
-			class: d(h(e)("text-sm text-muted-foreground-strong", n.class))
-		}, [m(t.$slots, "default")], 2));
-	}
-}), E = /* @__PURE__ */ u({
-	__name: "CardContent",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (p(), l("div", { class: d(h(e)("px-(--card-pad-inline) pt-(--card-pad-section-gap) pb-(--card-pad-block)", n.class)) }, [m(t.$slots, "default")], 2));
-	}
-}), D = /* @__PURE__ */ u({
-	__name: "CardFooter",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (p(), l("div", { class: d(h(e)("flex items-center px-(--card-pad-inline) pt-(--card-pad-footer) pb-(--card-pad-block)", n.class)) }, [m(t.$slots, "default")], 2));
-	}
-}), O = /* @__PURE__ */ u({
-	__name: "CardAction",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (p(), l("div", {
-			"data-slot": "card-action",
-			class: d(h(e)("col-start-2 row-span-2 row-start-1 self-start justify-self-end", n.class))
-		}, [m(t.$slots, "default")], 2));
-	}
-});
-//#endregion
-export { w as a, x as c, T as i, b as l, D as n, C as o, E as r, S as s, O as t };

package/dist/CollapsibleContent-DiHcB_HH.js

@@ -1,63 +0,0 @@
-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

@@ -1,302 +0,0 @@
-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 };