@mkbabb/glass-ui 3.5.1 → 3.7.0

package/dist/CardFooter-C390imy7.js

@@ -1,129 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { createBlock as n, createElementBlock as r, defineComponent as i, normalizeClass as a, openBlock as o, renderSlot as s, unref as c, withCtx as l } from "vue";
-import { Primitive as u } from "reka-ui";
-var d = /* @__PURE__ */ i({
-	__name: "Card",
-	props: {
-		tier: { default: "resting" },
-		surface: { default: "glass" },
-		shadow: {
-			type: Boolean,
-			default: !0
-		},
-		grain: {
-			type: Boolean,
-			default: !0
-		},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		asChild: { type: Boolean },
-		as: { default: "div" }
-	},
-	setup(t) {
-		let r = t;
-		return (i, d) => (o(), n(c(u), {
-			"data-slot": "card",
-			"data-tier": t.tier,
-			"data-surface": t.surface,
-			"data-grain": t.grain,
-			as: t.as,
-			"as-child": t.asChild,
-			class: a(c(e)("rounded-card text-card-foreground scrollbar-hidden", `glass-${t.tier}`, t.surface === "glass" && "glass-specular-track", t.surface === "cartoon" && "cartoon-surface", t.shadow && t.surface === "glass" && "shadow-card", !t.grain && "[&::after]:hidden", r.class))
-		}, {
-			default: l(() => [s(i.$slots, "default")]),
-			_: 3
-		}, 8, [
-			"data-tier",
-			"data-surface",
-			"data-grain",
-			"as",
-			"as-child",
-			"class"
-		]));
-	}
-}), f = /* @__PURE__ */ t(/* @__PURE__ */ i({
-	__name: "CardHeader",
-	props: {
-		shrink: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t;
-		return (i, l) => (o(), r("div", {
-			"data-slot": "card-header",
-			class: a(c(e)("flex flex-col gap-y-1.5 p-6", t.shrink && "card-header--shrink", n.class))
-		}, [s(i.$slots, "default", {}, void 0, !0)], 2));
-	}
-}), [["__scopeId", "data-v-522d190a"]]), p = /* @__PURE__ */ i({
-	__name: "CardTitle",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, i) => (o(), r("h3", {
-			"data-slot": "card-title",
-			class: a(c(e)("text-heading leading-none tracking-tight", n.class))
-		}, [s(t.$slots, "default")], 2));
-	}
-}), m = /* @__PURE__ */ i({
-	__name: "CardDescription",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, i) => (o(), r("p", {
-			"data-slot": "card-description",
-			class: a(c(e)("text-sm text-muted-foreground-strong", n.class))
-		}, [s(t.$slots, "default")], 2));
-	}
-}), h = /* @__PURE__ */ i({
-	__name: "CardContent",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, i) => (o(), r("div", { class: a(c(e)("p-6", n.class)) }, [s(t.$slots, "default")], 2));
-	}
-}), g = /* @__PURE__ */ i({
-	__name: "CardFooter",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, i) => (o(), r("div", { class: a(c(e)("flex items-center p-6 pt-0", n.class)) }, [s(t.$slots, "default")], 2));
-	}
-});
-//#endregion
-export { f as a, p as i, h as n, d as o, m as r, g as t };

package/dist/CollapsibleContent-cauTbZEM.js

@@ -1,52 +0,0 @@
-import { createBlock as e, defineComponent as t, guardReactiveProps as n, mergeProps as r, normalizeProps 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__ */ t({
-	__name: "Collapsible",
-	props: {
-		defaultOpen: { type: Boolean },
-		open: { type: Boolean },
-		disabled: { type: Boolean },
-		unmountOnHide: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {}
-	},
-	emits: ["update:open"],
-	setup(t, { emit: r }) {
-		let l = f(t, r);
-		return (t, r) => (a(), e(s(u), i(n(s(l))), {
-			default: c(({ open: e }) => [o(t.$slots, "default", { open: e })]),
-			_: 3
-		}, 16));
-	}
-}), m = /* @__PURE__ */ t({
-	__name: "CollapsibleTrigger",
-	props: {
-		asChild: { type: Boolean },
-		as: {}
-	},
-	setup(t) {
-		let r = t;
-		return (t, l) => (a(), e(s(d), i(n(r)), {
-			default: c(() => [o(t.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), h = /* @__PURE__ */ t({
-	__name: "CollapsibleContent",
-	props: {
-		forceMount: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {}
-	},
-	setup(t) {
-		let n = t;
-		return (t, i) => (a(), e(s(l), r(n, { class: "overflow-hidden transition-collapse data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down" }), {
-			default: c(() => [o(t.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-});
-//#endregion
-export { m as n, p as r, h as t };

package/dist/TabsIndicator-DA0x9gPr.js

@@ -1,97 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { computed as t, createBlock as n, defineComponent as r, guardReactiveProps as i, mergeProps as a, normalizeProps as o, openBlock as s, renderSlot as c, unref as l, withCtx as u } from "vue";
-import { TabsIndicator as d, TabsList as f, TabsRoot as p, TabsTrigger as m, useForwardProps as h, useForwardPropsEmits as g } from "reka-ui";
-//#endregion
-//#region src/components/ui/tabs/Tabs.vue
-var _ = /* @__PURE__ */ r({
-	__name: "Tabs",
-	props: {
-		defaultValue: {},
-		orientation: {},
-		dir: {},
-		activationMode: {},
-		modelValue: {},
-		unmountOnHide: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {}
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let r = g(e, t);
-		return (e, t) => (s(), n(l(p), o(i(l(r))), {
-			default: u(() => [c(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), v = /* @__PURE__ */ r({
-	__name: "TabsTrigger",
-	props: {
-		value: {},
-		disabled: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(r) {
-		let i = r, o = h(t(() => {
-			let { class: e, ...t } = i;
-			return t;
-		}));
-		return (t, r) => (s(), n(l(m), a(l(o), { class: l(e)("focus-ring inline-flex items-center justify-center whitespace-nowrap rounded-sm p-1 px-3 text-sm font-medium transition-control disabled:pointer-events-none disabled:opacity-disabled data-[state=active]:text-[var(--active-tab-color,var(--foreground))] hover:text-foreground/70", i.class) }), {
-			default: u(() => [c(t.$slots, "default")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), y = /* @__PURE__ */ r({
-	__name: "TabsList",
-	props: {
-		loop: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(r) {
-		let i = r, o = t(() => {
-			let { class: e, ...t } = i;
-			return t;
-		});
-		return (t, r) => (s(), n(l(f), a(o.value, { class: l(e)("inline-flex h-10 items-center justify-center rounded-input p-1 text-muted-foreground", i.class) }), {
-			default: u(() => [c(t.$slots, "default")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), b = /* @__PURE__ */ r({
-	__name: "TabsIndicator",
-	props: {
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(r) {
-		let i = r, o = t(() => {
-			let { class: e, ...t } = i;
-			return t;
-		});
-		return (t, r) => (s(), n(l(d), a(o.value, { class: l(e)("absolute left-0 h-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position) rounded-pill bg-secondary/80 transition-[width,transform] duration-normal ease-spring-snappy", i.class) }), null, 16, ["class"]));
-	}
-});
-//#endregion
-export { _ as i, y as n, v as r, b as t };

package/dist/color-rkK4RMx2.js

@@ -1,33 +0,0 @@
-import { colorUnit2 as e, oklabToLinearSRGB as t, oklabToRgb255 as n, parseCSSColor as r, rawOklabToOklch as i, rawOklchToOklab as a, srgbToOKLab as o } from "@mkbabb/value.js";
-//#region src/composables/color/index.ts
-function s(e) {
-	let [n, r, i] = a(e.L, e.C, e.h), [o, s, c] = t(n, r, i);
-	return [
-		Math.max(0, o),
-		Math.max(0, s),
-		Math.max(0, c)
-	];
-}
-function c(e) {
-	let [t, r, i] = a(e.L, e.C, e.h), [o, s, c] = n(t, r, i), l = (e) => Math.min(1, Math.max(0, e / 255));
-	return [
-		l(o),
-		l(s),
-		l(c)
-	];
-}
-function l(t) {
-	let n = e(r(t), "rgb").value, [a, s, c] = o(Number(n.r), Number(n.g), Number(n.b)), [l, u, d] = i(a, s, c);
-	return {
-		L: l,
-		C: u,
-		h: d
-	};
-}
-function u(e) {
-	let [t, r, i] = a(e.L, e.C, e.h), [o, s, c] = n(t, r, i), l = (e) => Math.round(e).toString(16).padStart(2, "0");
-	return `#${l(o)}${l(s)}${l(c)}`;
-}
-var d = (e) => c(l(e));
-//#endregion
-export { s as a, c as i, d as n, u as r, l as t };

package/dist/compile-DVgAxagk.js

@@ -1,106 +0,0 @@
-//#region src/composables/glass/webgl/shaders/procedural-color.glsl.ts
-var e = "\nfloat srgbToLinearCh(float c) {\n    return c <= 0.04045 ? c / 12.92 : pow((c + 0.055) / 1.055, 2.4);\n}\nvec3 srgbToLinear(vec3 c) {\n    return vec3(srgbToLinearCh(c.r), srgbToLinearCh(c.g), srgbToLinearCh(c.b));\n}\n\nfloat linearToSrgbCh(float c) {\n    return c <= 0.0031308 ? c * 12.92 : 1.055 * pow(c, 1.0 / 2.4) - 0.055;\n}\nvec3 linearToSrgb(vec3 c) {\n    return vec3(linearToSrgbCh(c.r), linearToSrgbCh(c.g), linearToSrgbCh(c.b));\n}", t = "const mat2 FBM_ROT = mat2(0.8, 0.6, -0.6, 0.8);", n = "\n// value.js LINEAR_SRGB_TO_LMS (constants.ts), row-major; written here as GLSL\n// columns (= the transpose) so mat3 * vec3 evaluates the row-major M·v.\nconst mat3 LINEAR_SRGB_TO_LMS = mat3(\n    0.4122214708, 0.2119034982, 0.0883024619,\n    0.5363325363, 0.6806995451, 0.2817188376,\n    0.0514459929, 0.1073969566, 0.6299787005\n);\n\n// value.js srgbToOKLab's INLINE LMS→OKLab coefficients (gamut.ts lines 295-297 —\n// these differ at the ~1e-9 digit from LMS_TO_OKLAB_MATRIX; use the inline ones to\n// mirror the exact value.js path), row-major → GLSL columns.\nconst mat3 LMS_TO_OKLAB = mat3(\n    0.2104542553, 1.9779984951, 0.0259040371,\n    0.7936177850, -2.4285922050, 0.7827717662,\n    -0.0040720468, 0.4505937099, -0.8086757660\n);\n\n// value.js OKLAB_TO_LMS_COEFF (constants.ts), row-major → GLSL columns. Rows:\n// l = [1, 0.3963377774, 0.2158037573], m = [1, -0.1055613458, -0.0638541728],\n// s = [1, -0.0894841775, -1.2914855480].\nconst mat3 OKLAB_TO_LMS = mat3(\n    1.0, 1.0, 1.0,\n    0.3963377774, -0.1055613458, -0.0894841775,\n    0.2158037573, -0.0638541728, -1.2914855480\n);\n\n// value.js LMS_TO_LINEAR_SRGB (constants.ts), row-major → GLSL columns.\nconst mat3 LMS_TO_LINEAR_SRGB = mat3(\n    4.0767416621, -1.2684380046, -0.0041960863,\n    -3.3077115913, 2.6097574011, -0.7034186147,\n    0.2309699292, -0.3413193965, 1.7076147010\n);\n\n// Gamma sRGB → raw OKLab (L, a, b). Mirrors value.js srgbToOKLab.\nvec3 srgbToOklab(vec3 c) {\n    vec3 lin = srgbToLinear(c);\n    vec3 lms = LINEAR_SRGB_TO_LMS * lin;\n    vec3 lmsCbrt = sign(lms) * pow(abs(lms), vec3(1.0 / 3.0));\n    return LMS_TO_OKLAB * lmsCbrt;\n}\n\n// Raw OKLab (L, a, b) → linear sRGB. Mirrors value.js oklabToLinearSRGB.\nvec3 oklabToLinearSrgb(vec3 lab) {\n    vec3 lms_ = OKLAB_TO_LMS * lab;\n    vec3 lms = lms_ * lms_ * lms_;\n    return LMS_TO_LINEAR_SRGB * lms;\n}\n\n// OKLab → OKLCh: H in RADIANS. Mirrors value.js rawOklabToOklch (which returns\n// degrees; we stay in radians and only fold to [0, 2pi)).\nvec3 oklabToOklch(vec3 lab) {\n    float C = length(lab.yz);\n    float H = atan(lab.z, lab.y);\n    if (H < 0.0) H += 2.0 * PI;\n    return vec3(lab.x, C, H);\n}\n\n// OKLCh (H radians) → OKLab. Mirrors value.js rawOklchToOklab.\nvec3 oklchToOklab(vec3 lch) {\n    return vec3(lch.x, lch.y * cos(lch.z), lch.y * sin(lch.z));\n}";
-function r() {
-	let e = typeof window < "u" && window.devicePixelRatio || 1;
-	return Math.min(e, 2);
-}
-//#endregion
-//#region src/composables/glass/webgl/useWebGLCanvas.ts
-function i(e, t) {
-	let { setup: n, contextAttrs: r } = t, i = t.respectReducedMotion ?? t.mode !== "capture", a = /* @__PURE__ */ new Set();
-	t.mode === "capture" && a.add("manual");
-	let o = () => a.size === 0, s = 0, c = typeof performance < "u" ? performance.now() : 0, l = null, u = null, d = !1, f = !1, p = i && typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)") : null, m = p?.matches ?? !1;
-	function h() {
-		if (!o() || !u) return;
-		let e = (performance.now() - c) / 1e3, t = u.time ? u.time(e) : e;
-		u.frame(t), s = !m && u.shouldContinue() ? requestAnimationFrame(h) : 0;
-	}
-	function g() {
-		d && o() && !s && u && (s = requestAnimationFrame(h));
-	}
-	function _() {
-		let e = p?.matches ?? !1;
-		e !== m && (m = e, e || (c = performance.now()), g());
-	}
-	p?.addEventListener("change", _);
-	function v(e = "manual") {
-		let t = o();
-		a.add(e), t && !o() && (cancelAnimationFrame(s), s = 0);
-	}
-	function y(e = "manual") {
-		let t = !o();
-		a.delete(e), t && o() && d && u && (c = performance.now() - 1e3, h());
-	}
-	let b = typeof document < "u";
-	function x() {
-		document.hidden ? v("tab-hidden") : y("tab-hidden");
-	}
-	b && document.addEventListener("visibilitychange", x), b && document.hidden && a.add("tab-hidden");
-	let S = null;
-	function C(e) {
-		e.skipped ? v("off-screen") : y("off-screen");
-	}
-	function w() {
-		if (S) return;
-		let t = e.parentElement;
-		t && (S = t, t.addEventListener("contentvisibilityautostatechange", C));
-	}
-	function T() {
-		S?.removeEventListener("contentvisibilityautostatechange", C), S = null;
-	}
-	let E = null;
-	function D(e) {
-		e.preventDefault(), cancelAnimationFrame(s), s = 0, u = null, l = null;
-	}
-	function O() {
-		f || (k(), o() && g());
-	}
-	function k() {
-		let t = e.getContext("webgl2", r ?? void 0);
-		if (!t) throw Error("[useWebGLCanvas] WebGL2 unavailable");
-		l = t, u = n(l), u.resize(), E || (E = new ResizeObserver(() => u?.resize()), E.observe(e));
-	}
-	function A() {
-		d || f || (e.addEventListener("webglcontextlost", D, !1), e.addEventListener("webglcontextrestored", O, !1), k(), w(), d = !0, c = performance.now(), o() && (s = requestAnimationFrame(h)));
-	}
-	function j(e) {
-		d || A(), u?.frame(e);
-	}
-	function M() {
-		f = !0, cancelAnimationFrame(s), s = 0, b && document.removeEventListener("visibilitychange", x), p?.removeEventListener("change", _), T(), e.removeEventListener("webglcontextlost", D, !1), e.removeEventListener("webglcontextrestored", O, !1), E?.disconnect(), E = null, u?.teardown?.(), u = null, l?.getExtension("WEBGL_lose_context")?.loseContext(), l = null, a.clear();
-	}
-	return t.mode === "capture" && A(), {
-		arm: A,
-		suspend: v,
-		resume: y,
-		wake: g,
-		renderAt: j,
-		dispose: M,
-		get gl() {
-			return l;
-		},
-		get reducedMotion() {
-			return m;
-		}
-	};
-}
-//#endregion
-//#region src/composables/glass/webgl/compile.ts
-function a(e, t, n, r = "[glass-ui:webgl]") {
-	let i = e.createShader(t);
-	if (e.shaderSource(i, n), e.compileShader(i), !e.getShaderParameter(i, e.COMPILE_STATUS)) {
-		let t = e.getShaderInfoLog(i) ?? "unknown";
-		throw e.deleteShader(i), Error(`${r} shader compile failed:\n${t}`);
-	}
-	return i;
-}
-function o(e, t, n, r = "[glass-ui:webgl]") {
-	let i = e.createProgram();
-	if (e.attachShader(i, t), e.attachShader(i, n), e.linkProgram(i), !e.getProgramParameter(i, e.LINK_STATUS)) {
-		let t = e.getProgramInfoLog(i) ?? "unknown";
-		throw e.deleteProgram(i), Error(`${r} program link failed:\n${t}`);
-	}
-	return i;
-}
-//#endregion
-export { t as a, r as i, o as n, e as o, i as r, n as s, a as t };