@mkbabb/glass-ui 5.0.0 → 7.0.0

package/dist/chip.js

@@ -1,81 +1,2 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { t } from "./useAccentTone-D25DxviG.js";
-import { computed as n, createBlock as r, defineComponent as i, mergeProps as a, openBlock as o, renderSlot as s, unref as c, withCtx as l } from "vue";
-import { Toggle as u, useForwardPropsEmits as d } from "reka-ui";
-import { cva as f } from "class-variance-authority";
-//#region src/components/chip/chipVariants.ts
-var p = f([
-	"glass-chip glass-capsule glass-capsule-hover accent-tone",
-	"focus-ring select-none cursor-pointer outline-none font-sans",
-	"text-muted-foreground",
-	"disabled:opacity-disabled disabled:pointer-events-none disabled:cursor-not-allowed"
-].join(" "), {
-	variants: {
-		size: {
-			sm: "inline-flex items-center justify-center gap-1 px-2.5 py-1 text-caption",
-			md: "inline-flex items-center justify-center gap-1.5 px-3.5 py-1.5 text-small",
-			lg: "inline-flex items-center justify-center gap-2 px-5 py-2 text-base"
-		},
-		shape: {
-			pill: "",
-			cell: "glass-chip--cell flex flex-col items-center justify-center gap-1.5 px-2 py-2.5 text-micro"
-		}
-	},
-	defaultVariants: {
-		size: "md",
-		shape: "pill"
-	}
-}), m = /* @__PURE__ */ i({
-	name: "Chip",
-	__name: "Chip",
-	props: {
-		defaultValue: { type: Boolean },
-		modelValue: { type: [Boolean, null] },
-		disabled: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
-		name: {},
-		required: { type: Boolean },
-		shape: {},
-		size: {},
-		tone: {},
-		surface: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	emits: ["update:modelValue"],
-	setup(i, { emit: f }) {
-		let m = i, h = f, { toneStyle: g } = t(() => m.tone ?? "var(--primary)"), _ = d(() => {
-			let { class: e, tone: t, size: n, shape: r, surface: i, ...a } = m;
-			return a;
-		}, h), v = n(() => e(p({
-			size: m.size,
-			shape: m.shape
-		}), m.class)), y = n(() => {
-			if (m.tone !== void 0) return {
-				...g.value,
-				"--glass-fill-tint": m.tone,
-				"--glass-fill-strength": "var(--chip-glass-strength, 12%)"
-			};
-		});
-		return (e, t) => (o(), r(c(u), a(c(_), {
-			class: v.value,
-			style: y.value,
-			"data-surface": m.surface
-		}), {
-			default: l(() => [s(e.$slots, "default")]),
-			_: 3
-		}, 16, [
-			"class",
-			"style",
-			"data-surface"
-		]));
-	}
-});
-//#endregion
-export { m as Chip, p as chipVariants };
+import { n as e, t } from "./chip-DFZQr6rV.js";
+export { t as Chip, e as chipVariants };

package/dist/{class-names-5jotTFzp.js → class-names-Cpy5eaBk.js}

@@ -1,7 +1,14 @@
-import { clsx as e } from "clsx";
 //#region src/components/_shared/class-names.ts
-function t(...t) {
-	return a(e(t));
+function e(...e) {
+	return a(t(...e));
+}
+function t(...e) {
+	let t = [], n = (e) => {
+		if (e) if (typeof e == "string" || typeof e == "number") t.push(String(e));
+		else if (Array.isArray(e)) e.forEach(n);
+		else for (let [n, r] of Object.entries(e)) r && t.push(n);
+	};
+	return e.forEach(n), t.join(" ");
 }
 var n = [
 	["font-size", /^text-(xs|sm|base|lg|xl|2xl|3xl|4xl|5xl|6xl|7xl|8xl|9xl)$/],
@@ -94,4 +101,4 @@ function a(e) {
 	return o.join(" ");
 }
 //#endregion
-export { t };
+export { t as n, e as t };

package/dist/collapsible-BAP95XTt.js

@@ -0,0 +1,154 @@
+import { t as e } from "./class-names-Cpy5eaBk.js";
+import { computed as t, createBlock as n, defineComponent as r, inject as i, mergeProps as a, openBlock as o, provide as s, renderSlot as c, unref as l, useAttrs as u, useId as d, withCtx as f } from "vue";
+import { CollapsibleContent as p, CollapsibleRoot as m, CollapsibleTrigger as h, injectCollapsibleRootContext as g } from "reka-ui";
+//#region src/components/_shared/disclosure-context.ts
+var _ = Symbol("glass-disclosure-ids");
+function v() {
+	let e = d(), t = {
+		content: `glass-disclosure-content-${e}`,
+		trigger: `glass-disclosure-trigger-${e}`
+	};
+	return s(_, t), t;
+}
+function y() {
+	let e = i(_);
+	if (!e) throw Error("Disclosure trigger and content must be nested in their root or item");
+	return e;
+}
+//#endregion
+//#region src/components/collapsible/Collapsible.vue
+var b = /* @__PURE__ */ r({
+	name: "Collapsible",
+	inheritAttrs: !1,
+	__name: "Collapsible",
+	props: {
+		open: { type: Boolean },
+		defaultOpen: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["update:open"],
+	setup(r, { emit: i }) {
+		let s = r, d = i;
+		v();
+		let p = u(), h = t(() => {
+			let { as: e, asChild: t, "as-child": n, unmountOnHide: r, "unmount-on-hide": i, ...a } = p;
+			return a;
+		});
+		return (t, i) => (o(), n(l(m), a(h.value, {
+			as: "div",
+			"data-slot": "collapsible",
+			"data-disclosure": "collapsible",
+			open: r.open,
+			"default-open": r.defaultOpen,
+			disabled: r.disabled,
+			class: l(e)("disclosure", s.class),
+			"onUpdate:open": i[0] ||= (e) => d("update:open", e)
+		}), {
+			default: f(({ open: e }) => [c(t.$slots, "default", { open: e })]),
+			_: 3
+		}, 16, [
+			"open",
+			"default-open",
+			"disabled",
+			"class"
+		]));
+	}
+}), x = /* @__PURE__ */ r({
+	name: "CollapsibleTrigger",
+	inheritAttrs: !1,
+	__name: "CollapsibleTrigger",
+	props: {
+		asChild: {
+			type: Boolean,
+			default: !1
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(r) {
+		let i = r, s = y(), d = u(), p = t(() => {
+			let { as: e, ...t } = d;
+			return t;
+		});
+		return (t, u) => (o(), n(l(h), a(p.value, {
+			as: "button",
+			"as-child": r.asChild,
+			"data-slot": "collapsible-trigger",
+			"data-disclosure": "collapsible",
+			id: l(s).trigger,
+			"aria-controls": l(s).content,
+			class: l(e)("disclosure-trigger", i.class)
+		}), {
+			default: f(() => [c(t.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"as-child",
+			"id",
+			"aria-controls",
+			"class"
+		]));
+	}
+}), S = /* @__PURE__ */ r({
+	name: "CollapsibleContent",
+	inheritAttrs: !1,
+	__name: "CollapsibleContent",
+	props: {
+		forceMount: {
+			type: Boolean,
+			default: !1
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(r) {
+		let i = r, s = y(), d = g();
+		d.contentId = s.content;
+		let m = u(), h = t(() => {
+			let { as: e, asChild: t, "as-child": n, ...r } = m;
+			return r;
+		});
+		return (t, u) => (o(), n(l(p), a(h.value, {
+			as: "div",
+			"data-slot": "collapsible-content",
+			"data-disclosure": "collapsible",
+			"force-mount": r.forceMount,
+			id: l(s).content,
+			role: "region",
+			"aria-labelledby": l(s).trigger,
+			class: l(e)("disclosure-content", i.class)
+		}), {
+			default: f(() => [c(t.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"force-mount",
+			"id",
+			"aria-labelledby",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { y as a, v as i, x as n, b as r, S as t };

package/dist/collapsible.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./CollapsibleContent-DiHcB_HH.js";
+import { n as e, r as t, t as n } from "./collapsible-BAP95XTt.js";
 export { t as Collapsible, n as CollapsibleContent, e as CollapsibleTrigger };

package/dist/color.js

@@ -1,3 +1,83 @@
-import { t as e } from "./useAccentTone-D25DxviG.js";
-import { a as t, c as n, i as r, l as i, n as a, o, r as s, s as c, t as l } from "./color-Bp5jmv4Z.js";
-export { l as cssToOklch, a as defaultBlobColorResolver, s as deriveBlobPalette, r as deriveHue, t as gamutMapStop, o as oklchStopToHex, c as oklchToGammaRgb, n as oklchToLinear, e as useAccentTone, i as warmCatchLight };
+import { t as e } from "./useAccentTone-DyInfHXE.js";
+import { i as t, n, r, t as i } from "./value-DMhh2R94.js";
+import { convertColor as a, interpolateHue as o, mapColorToGamut as s, toRgba8 as c } from "@mkbabb/value.js/color";
+//#region src/composables/color/index.ts
+function l(e) {
+	let [t, o, s] = i("oklchToLinear", a(r(e), "srgb-linear")).channels, c = n(t, "oklchToLinear"), l = n(o, "oklchToLinear"), u = n(s, "oklchToLinear");
+	return [
+		Math.max(0, c),
+		Math.max(0, l),
+		Math.max(0, u)
+	];
+}
+function u(e, t, n) {
+	if (!Number.isFinite(e) || !Number.isFinite(t) || !Number.isFinite(n)) throw Error(`warmCatchLight: non-finite OKLCh anchor (L=${e}, C=${t}, h=${n})`);
+	return l({
+		L: e,
+		C: t,
+		h: n
+	});
+}
+function d(e) {
+	let [t, n, a] = i("oklchToGammaRgb", c(r(e), { gamut: "clip" }));
+	return [
+		t / 255,
+		n / 255,
+		a / 255
+	];
+}
+function f(e) {
+	let [r, o, s] = i("cssToOklch", a(t(e, "cssToOklch"), "oklch")).channels, c = n(o, "cssToOklch");
+	return {
+		L: n(r, "cssToOklch"),
+		C: c,
+		h: s === "none" && Math.abs(c) <= 1e-12 ? 0 : n(s, "cssToOklch")
+	};
+}
+function p(e) {
+	let [t, n, a] = i("oklchStopToHex", c(r(e), { gamut: "clip" })), o = (e) => e.toString(16).padStart(2, "0");
+	return `#${o(t)}${o(n)}${o(a)}`;
+}
+var m = (e) => d(f(e)), h = {
+	complementary: "longer",
+	"split-complementary": "longer",
+	analogous: "shorter",
+	monochrome: "shorter",
+	triad: "increasing",
+	tetradic: "increasing"
+}, g = (e) => (e % 360 + 360) % 360;
+function _(e, t, n, r) {
+	let a = h[t], s = (e, t) => g(i("deriveHue", o(g(e), g(t), r, a)));
+	switch (t) {
+		case "monochrome": return g(e);
+		case "complementary": return s(e, e + 180);
+		case "split-complementary": return s(e + 150, e + 210);
+		case "triad": return s(e, e + 240);
+		case "tetradic": return s(e, e + 270);
+		default: return s(e - n, e + n);
+	}
+}
+function v(e) {
+	let [t, a, o] = i("gamutMapStop", s(r(e), "srgb")).channels;
+	return {
+		L: n(t, "gamutMapStop"),
+		C: n(a, "gamutMapStop"),
+		h: n(o, "gamutMapStop")
+	};
+}
+function y(e, t = {}) {
+	let n = typeof e == "string" ? f(e) : e, { stopCount: r = 3, harmony: i = "analogous", lightnessSpread: a = .18, hueSpread: o = 24, chromaBump: s = .03, chromaCeiling: c, bodyLightness: l, lightnessFloor: u } = t, d = l === void 0 ? n.L - a / 2 : l, p = u === void 0 ? .05 : u, m = Math.max(2, Math.min(4, Math.round(r))), h = [];
+	for (let e = 0; e < m; e++) {
+		let t = m === 1 ? 0 : e / (m - 1), r = d + a * t, l = Math.max(0, n.C + s * Math.sin(Math.PI * t));
+		c !== void 0 && (l = Math.min(l, c));
+		let u = _(n.h, i, o, t);
+		h.push(v({
+			L: Math.min(.98, Math.max(p, r)),
+			C: l,
+			h: u
+		}));
+	}
+	return h;
+}
+//#endregion
+export { f as cssToOklch, m as defaultBlobColorResolver, y as deriveBlobPalette, _ as deriveHue, v as gamutMapStop, p as oklchStopToHex, d as oklchToGammaRgb, l as oklchToLinear, e as useAccentTone, u as warmCatchLight };