@mkbabb/glass-ui 4.1.0 → 5.0.0

package/dist/CardAction-8whJrLWt.js

@@ -1,268 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./vSpecular-EX7loENl.js";
-import { t as n } from "./useLiquidPress-BooG97RY.js";
-import { t as r } from "./useSurfaceAxis-g0NloYEF.js";
-import { t as i } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { computed as a, createBlock as o, createElementBlock as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, openBlock as d, renderSlot as f, unref as p, withCtx as m, withDirectives as h } from "vue";
-import { Primitive as g } from "reka-ui";
-var _ = /* @__PURE__ */ c({
-	__name: "Card",
-	props: {
-		tier: { default: "resting" },
-		surface: { default: "glass" },
-		shadow: {
-			type: Boolean,
-			default: !0
-		},
-		grain: {
-			type: Boolean,
-			default: !0
-		},
-		grid: {
-			type: Boolean,
-			default: !1
-		},
-		specular: { default: "off" },
-		pressable: {
-			type: Boolean,
-			default: !1
-		},
-		variant: {},
-		selected: { type: Boolean },
-		metal: { default: "gold" },
-		dataHue: {},
-		dataHueStrength: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		asChild: { type: Boolean },
-		as: { default: "div" }
-	},
-	setup(i) {
-		let s = i, c = a(() => s.surface === "glass" && s.specular !== "off"), _ = a(() => s.specular === "full" ? {
-			"--glass-specular-intensity-rest": "0.04",
-			"--glass-specular-intensity-hover": "0.18",
-			"--glass-specular-intensity-active": "0.26"
-		} : {}), v = n({
-			response: .28,
-			dampingFraction: .78,
-			pressVar: "--card-press-t",
-			shrinkDepth: .02,
-			maxStretch: 1.03
-		}), y = a(() => s.variant !== "selection" || s.dataHue == null ? {} : {
-			"--glass-accent": s.dataHue,
-			...s.dataHueStrength == null ? {} : { "--glass-accent-strength": s.dataHueStrength }
-		}), b = a(() => s.variant === "selection" && s.selected ? `metal-${s.metal}-border` : !1), x = a(() => {
-			let e = c.value ? _.value : void 0, t = y.value, n = e || Object.keys(t).length ? {
-				...e ?? {},
-				...t
-			} : void 0;
-			return s.pressable ? {
-				...n ?? {},
-				...v.pressStyle.value
-			} : n;
-		});
-		return (n, a) => h((d(), o(p(g), {
-			"data-slot": "card",
-			"data-tier": i.tier,
-			"data-surface": i.surface,
-			"data-grain": i.grain,
-			"data-grid": i.grid,
-			"data-pressable": i.pressable || void 0,
-			"data-variant": i.variant || void 0,
-			"data-selected": i.variant === "selection" && i.selected ? "true" : void 0,
-			as: i.as,
-			"as-child": i.asChild,
-			style: u(x.value),
-			onPointerdown: a[0] ||= (e) => i.pressable ? p(v).press() : void 0,
-			onPointerup: a[1] ||= (e) => i.pressable ? p(v).release() : void 0,
-			onPointercancel: a[2] ||= (e) => i.pressable ? p(v).release() : void 0,
-			onPointerleave: a[3] ||= (e) => i.pressable ? p(v).release() : void 0,
-			class: l(p(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)]", i.tier === "opaque" ? "glass-resting glass-opaque" : i.tier === "deep" ? "glass-floating glass-deep" : `glass-${i.tier}`, c.value && "glass-specular-track", i.surface === "cartoon" && "cartoon-surface", i.surface === "veil" && p(r)("veil").replace(/^glass-\w+\s+/, ""), i.shadow && i.surface === "glass" && "shadow-card", !i.grain && "[&::after]:hidden", i.grid && "paper-grid", i.pressable && "glass-press tap-squish", b.value, s.class))
-		}, {
-			default: m(() => [f(n.$slots, "default")]),
-			_: 3
-		}, 8, [
-			"data-tier",
-			"data-surface",
-			"data-grain",
-			"data-grid",
-			"data-pressable",
-			"data-variant",
-			"data-selected",
-			"as",
-			"as-child",
-			"style",
-			"class"
-		])), [[p(t), c.value]]);
-	}
-}), v = /* @__PURE__ */ i(/* @__PURE__ */ c({
-	__name: "CardHeader",
-	props: {
-		shrink: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t;
-		return (r, i) => (d(), s("div", {
-			"data-slot": "card-header",
-			class: l(p(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))
-		}, [f(r.$slots, "default")], 2));
-	}
-}), [["__scopeId", "data-v-59bd3f49"]]), y = /* @__PURE__ */ i(/* @__PURE__ */ c({
-	__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 = a(() => ({ "--scroll-card-max-height": t.maxHeight }));
-		return (r, i) => (d(), o(_, {
-			tier: e.tier,
-			surface: e.surface,
-			shadow: e.shadow,
-			specular: e.specular,
-			grain: !1,
-			tabindex: "0",
-			"data-slot": "scroll-card",
-			style: u(n.value),
-			class: l([
-				"scroll-card",
-				"card-scroll-host",
-				t.class
-			])
-		}, {
-			default: m(() => [f(r.$slots, "default", {}, void 0, !0)]),
-			_: 3
-		}, 8, [
-			"tier",
-			"surface",
-			"shadow",
-			"specular",
-			"style",
-			"class"
-		]));
-	}
-}), [["__scopeId", "data-v-2b254340"]]), b = /* @__PURE__ */ i(/* @__PURE__ */ c({
-	__name: "ScrollCardHeader",
-	props: {
-		sticky: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t;
-		return (t, r) => (d(), o(v, {
-			shrink: "",
-			"data-slot": "scroll-card-header",
-			class: l(p(e)("scroll-card-header", n.sticky !== !1 && "sticky top-0 z-10", n.class))
-		}, {
-			default: m(() => [f(t.$slots, "default")]),
-			_: 3
-		}, 8, ["class"]));
-	}
-}), [["__scopeId", "data-v-ee1e969c"]]), x = /* @__PURE__ */ c({
-	__name: "CardTitle",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (d(), s("h3", {
-			"data-slot": "card-title",
-			class: l(p(e)("text-heading leading-none tracking-tight", n.class))
-		}, [f(t.$slots, "default")], 2));
-	}
-}), S = /* @__PURE__ */ c({
-	__name: "CardDescription",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (d(), s("p", {
-			"data-slot": "card-description",
-			class: l(p(e)("text-sm text-muted-foreground-strong", n.class))
-		}, [f(t.$slots, "default")], 2));
-	}
-}), C = /* @__PURE__ */ c({
-	__name: "CardContent",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (d(), s("div", { class: l(p(e)("px-(--card-pad-inline) pt-(--card-pad-section-gap) pb-(--card-pad-block)", n.class)) }, [f(t.$slots, "default")], 2));
-	}
-}), w = /* @__PURE__ */ c({
-	__name: "CardFooter",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (d(), s("div", { class: l(p(e)("flex items-center px-(--card-pad-inline) pt-(--card-pad-footer) pb-(--card-pad-block)", n.class)) }, [f(t.$slots, "default")], 2));
-	}
-}), T = /* @__PURE__ */ c({
-	__name: "CardAction",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (d(), s("div", {
-			"data-slot": "card-action",
-			class: l(p(e)("col-start-2 row-span-2 row-start-1 self-start justify-self-end", n.class))
-		}, [f(t.$slots, "default")], 2));
-	}
-});
-//#endregion
-export { x as a, v as c, S as i, _ as l, w as n, b as o, C as r, y as s, T as t };

package/dist/CollapsibleContent-68dEXIAl.js

@@ -1,63 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.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/ui/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-D3yxgHNn.js

@@ -1,302 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { n as t } from "./vendor-B2qOlYY3.js";
-import { t as n } from "./useSurfaceAxis-g0NloYEF.js";
-import { n as r, t as i } from "./DialogContent-6JtTB5x2.js";
-import { t as a } from "./menuItemVariants-D8VNHq22.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 N = /* @__PURE__ */ p({
-	__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(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, ["data-surface", "class"]));
-	}
-}), P = /* @__PURE__ */ p({
-	__name: "CommandDialog",
-	props: {
-		open: { type: Boolean },
-		defaultOpen: { type: Boolean },
-		modal: { type: Boolean },
-		surface: { default: "glass" }
-	},
-	emits: ["update:open"],
-	setup(e, { emit: t }) {
-		let n = e, a = t, c = M(o(() => {
-			let { surface: e, ...t } = n;
-			return t;
-		}), a);
-		return (e, t) => (v(), s(x(r), _(m(x(c))), {
-			default: S(() => [f(x(i), {
-				surface: n.surface,
-				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
-			}, 8, ["surface"])]),
-			_: 3
-		}, 16));
-	}
-}), F = /* @__PURE__ */ p({
-	__name: "CommandEmpty",
-	props: {
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t, r = o(() => {
-			let { class: e, ...t } = n;
-			return t;
-		});
-		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"]));
-	}
-}), I = /* @__PURE__ */ p({
-	__name: "CommandGroup",
-	props: {
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		heading: {}
-	},
-	setup(t) {
-		let n = t, r = o(() => {
-			let { class: e, ...t } = n;
-			return t;
-		});
-		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: S(() => [d(b(t.heading), 1)]),
-				_: 1
-			})) : c("", !0), y(i.$slots, "default")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), L = {
-	class: "flex items-center border-b px-3",
-	"data-cmdk-input-wrapper": ""
-}, R = /* @__PURE__ */ p({
-	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(n) {
-		let r = n, i = j(o(() => {
-			let { class: e, ...t } = r;
-			return t;
-		}));
-		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: 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"])]));
-	}
-}), z = /* @__PURE__ */ p({
-	__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, i = n, c = M(o(() => {
-			let { class: e, ...t } = r;
-			return t;
-		}), 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"]));
-	}
-}), B = { role: "presentation" }, V = /* @__PURE__ */ p({
-	__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, a = M(o(() => {
-			let { class: e, surface: t, ...n } = r;
-			return n;
-		}), i);
-		return (t, n) => (v(), s(x(C), h(x(a), {
-			"data-surface": r.surface,
-			class: x(e)("max-h-(--overlay-max-block) overflow-y-auto overflow-x-hidden", "[--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: S(() => [u("div", B, [y(t.$slots, "default")])]),
-			_: 3
-		}, 16, ["data-surface", "class"]));
-	}
-}), H = /* @__PURE__ */ p({
-	__name: "CommandSeparator",
-	props: {
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t, r = o(() => {
-			let { class: e, ...t } = n;
-			return t;
-		});
-		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"]));
-	}
-}), U = /* @__PURE__ */ p({
-	__name: "CommandShortcut",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		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 { 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 };