@mkbabb/glass-ui 6.0.0 → 7.0.0

package/dist/card-16xmzIr3.js

@@ -1,303 +0,0 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { t } from "./useLiquidPress-BYcwwGQV.js";
-import { t as n } from "./vSpecular-CQFmLNzA.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 = t({
-			disabled: () => !T.value,
-			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 (t, i) => v((p(), s(r, {
-			"data-slot": "card",
-			"data-material": "elevated-content",
-			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-press-armed": T.value && h(O).armed ? "" : 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: h(O).handlers.onPointerdown,
-			onPointerup: h(O).handlers.onPointerup,
-			onPointercancel: h(O).handlers.onPointercancel,
-			onPointerleave: h(O).handlers.onPointerleave,
-			onPointerenter: h(O).handlers.onPointerenter,
-			onKeydown: h(O).handlers.onKeydown,
-			onKeyup: h(O).handlers.onKeyup,
-			onBlur: h(O).handlers.onBlur,
-			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(t.$slots, "default")]),
-			_: 3
-		}, 8, [
-			"tier",
-			"surface",
-			"deep",
-			"shadow",
-			"grain",
-			"data-surface",
-			"data-grid",
-			"data-pressable",
-			"data-press-armed",
-			"data-motion",
-			"data-variant",
-			"data-selected",
-			"as",
-			"as-child",
-			"style",
-			"onPointerdown",
-			"onPointerup",
-			"onPointercancel",
-			"onPointerleave",
-			"onPointerenter",
-			"onKeydown",
-			"onKeyup",
-			"onBlur",
-			"class"
-		])), [[h(n), 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",
-			role: "region",
-			"aria-label": "Scrollable content",
-			"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-5cdd2e43"]]), 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/coalesce-metric-znAcLzkB.js

@@ -1,13 +0,0 @@
-//#region src/components/metric/coalesce-metric.ts
-var e = "—";
-function t(e, t = "—") {
-	return e == null || e === "" ? {
-		display: t,
-		isEmpty: !0
-	} : {
-		display: String(e),
-		isEmpty: !1
-	};
-}
-//#endregion
-export { t as n, e as t };

package/dist/collapsible-bPzS1aQk.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/color-swatch.d.ts

@@ -1 +0,0 @@
-export * from "./components/color-swatch";

package/dist/color-swatch.js

@@ -1,48 +0,0 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, mergeModels as o, mergeProps as s, normalizeClass as c, normalizeStyle as l, openBlock as u, toDisplayString as d, unref as f, useModel as p } from "vue";
-//#region src/components/color-swatch/ColorSwatch.vue?vue&type=script&setup=true&lang.ts
-var m = ["value"], h = {
-	key: 0,
-	class: "color-swatch__hex text-mono-caption tabular-nums uppercase text-muted-foreground"
-}, g = /* @__PURE__ */ a({
-	name: "ColorSwatch",
-	inheritAttrs: !1,
-	__name: "ColorSwatch",
-	props: /* @__PURE__ */ o({
-		size: { default: "md" },
-		showHex: {
-			type: Boolean,
-			default: !1
-		},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	}, {
-		modelValue: { default: "#000000" },
-		modelModifiers: {}
-	}),
-	emits: ["update:modelValue"],
-	setup(a) {
-		let o = a, g = p(a, "modelValue"), _ = t(() => o.size === "sm" ? "h-7 w-7" : "h-8 w-8"), v = t(() => g.value.toUpperCase());
-		function y(e) {
-			g.value = e.target.value;
-		}
-		return (t, p) => (u(), r("span", { class: c(f(e)("color-swatch inline-flex items-center gap-2 align-middle", o.class)) }, [i("span", {
-			class: c(["color-swatch__chip relative inline-flex shrink-0 cursor-pointer overflow-hidden rounded-control border border-(--configurator-divider-section)", _.value]),
-			style: l({ backgroundColor: g.value })
-		}, [i("input", s({
-			type: "color",
-			"aria-label": "Choose color",
-			value: g.value
-		}, t.$attrs, {
-			class: "color-swatch__input absolute inset-0 h-full w-full cursor-pointer appearance-none border-0 bg-transparent p-0 opacity-0",
-			onInput: y
-		}), null, 16, m)], 6), a.showHex ? (u(), r("code", h, d(v.value), 1)) : n("", !0)], 2));
-	}
-});
-//#endregion
-export { g as ColorSwatch };