@bergetai/ui 0.14.2 → 0.16.0

package/dist/components/fog-illustration/FogIllustration.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FogIllustration.d.cts","names":[],"sources":["../../../src/components/fog-illustration/FogIllustration.tsx"],"mappings":";;;;;;;;;;;;;;YAmBY;;EAEV;;EAEA;;EAEA;;;qBAIW,mBAAmB;iBAMf;;EAEf,UAAU,QAAQ;;EAElB;;EAEA;;qBAmNW,oBAAmB,SAAA,OAAA,aAAmC,qDAAoB,IAAA"}

package/dist/components/fog-illustration/FogIllustration.d.mts

@@ -0,0 +1,35 @@
+//#region src/components/fog-illustration/FogIllustration.d.ts
+/**
+ * FogIllustration — a volumetric fog raymarcher rendered as chunky
+ * 1-bit dither in a given palette.
+ *
+ * Two GPU passes: the scene is raymarched at low internal resolution
+ * (ridged fbm ground, drifting fog volumes, air haze — the fog hides
+ * the low resolution), then a full-resolution pass thresholds the
+ * scene against a Bayer matrix with hash jitter: ink dots on milk,
+ * with moss-tinted dots where fog dominates.
+ *
+ * The canvas fills its parent element; give the parent a size.
+ * Pauses under prefers-reduced-motion after one frame.
+ */
+export type FogPalette = {
+  /** Dark terrain and dither ink. */
+  ink: string;
+  /** Background the dots sit on. */
+  milk: string;
+  /** Tint for dots where fog dominates. */
+  moss: string;
+};
+/** The Berget brand palette, as rendered sRGB. */
+export declare const FOG_BRAND_PALETTE: FogPalette;
+export interface FogIllustrationProps {
+  /** Colors as hex strings. Unset keys fall back to the brand palette. */
+  palette?: Partial<FogPalette>;
+  /** Flight speed multiplier @default 1 */
+  speed?: number;
+  /** Additional CSS classes for the canvas element */
+  className?: string;
+}
+export declare const FogIllustration: ({ palette, speed, className }: FogIllustrationProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=FogIllustration.d.mts.map

package/dist/components/fog-illustration/FogIllustration.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FogIllustration.d.mts","names":[],"sources":["../../../src/components/fog-illustration/FogIllustration.tsx"],"mappings":";;;;;;;;;;;;;;YAmBY;;EAEV;;EAEA;;EAEA;;;qBAIW,mBAAmB;iBAMf;;EAEf,UAAU,QAAQ;;EAElB;;EAEA;;qBAmNW,oBAAmB,SAAA,OAAA,aAAmC,qDAAoB,IAAA"}

package/dist/components/fog-illustration/FogIllustration.mjs

@@ -0,0 +1,341 @@
+"use client";
+import { cn } from "../../lib/utils.mjs";
+import { useEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/fog-illustration/FogIllustration.tsx
+/** The Berget brand palette, as rendered sRGB. */
+const FOG_BRAND_PALETTE = {
+	ink: "#171a1a",
+	milk: "#f7f5ed",
+	moss: "#598c6b"
+};
+const hexToRgb = (hex) => {
+	let h = hex.replace("#", "");
+	if (h.length === 3) h = h.split("").map((c) => c + c).join("");
+	const n = Number.parseInt(h, 16);
+	return [
+		(n >> 16 & 255) / 255,
+		(n >> 8 & 255) / 255,
+		(n & 255) / 255
+	];
+};
+const hexToRgbAll = (p) => ({
+	ink: hexToRgb(p.ink),
+	milk: hexToRgb(p.milk),
+	moss: hexToRgb(p.moss)
+});
+const VERT = `#version 300 es
+void main() {
+  vec2 p = vec2(float((gl_VertexID << 1) & 2), float(gl_VertexID & 2));
+  gl_Position = vec4(p * 2.0 - 1.0, 0.0, 1.0);
+}`;
+/** Pass A — raymarch the foggy terrain at low resolution. */
+const SCENE_FRAG = `#version 300 es
+precision highp float;
+out vec4 outColor;
+uniform vec2 uRes;
+uniform float uTime;
+uniform sampler2D uNoise;
+
+float noise(vec3 x) {
+  // 3D value noise from the 2D random texture — iq's two-slice trick:
+  // z slices are tiled into the u axis, two neighbours mixed by fract(z).
+  vec3 p = floor(x), f = fract(x);
+  f = f * f * (3.0 - 2.0 * f);
+  vec2 uv = (p.xy + vec2(37.0, 239.0) * p.z) + f.xy;
+  vec2 rg = texture(uNoise, (uv + 0.5) / 256.0).xy;
+  return mix(rg.x, rg.y, f.z) * 2.0 - 1.0;
+}
+
+float ground(vec3 pos, int oct) {
+  float f = 0.0;
+  float s = 1.4;
+  vec3 p = pos * s * 0.1;
+  for (int i = 0; i < 6; i++) {
+    if (i >= oct) break;
+    f += abs(noise(p)) * s;
+    p = vec3(p.z * 5.0, p.xy * 3.0 + p.yx * 4.0 * vec2(1, -1)) * 2.0 / 5.0;
+    s /= 2.0;
+  }
+  return (pos.y + f) * 0.8;
+}
+
+float fogD(vec3 pos, int oct) {
+  float f = 0.0;
+  float s = 1.0;
+  vec3 p = pos * 0.7;
+  p += uTime * vec3(0.0, -0.02, 0.02);
+  for (int i = 0; i < 6; i++) {
+    if (i >= oct) break;
+    f += noise(p) * s;
+    p = vec3(p.z * 5.0, p.xy * 3.0 + p.yx * 4.0 * vec2(1, -1)) * 2.0 / 5.0;
+    s /= 1.7;
+  }
+  f += smoothstep(0.2, 0.0, abs(pos.y + 1.0)) * 0.4;
+  f += smoothstep(0.35, 0.15, abs(pos.y - 0.02)) * 0.7;
+  f *= 1.0 - smoothstep(-0.1, 0.55, pos.y);
+  f = smoothstep(0.45, 1.7, f);
+  float g = ground(pos, 2);
+  f *= 1.0 - g / (abs(g) + 0.04);
+  return f;
+}
+
+float airD(vec3 pos) { return exp2(-pos.y / 5.0 - 3.0); }
+
+void main() {
+  float time = uTime * 0.2;
+  vec3 velocity = vec3(1.0, 0.0, 0.0);
+  vec3 camPos = vec3(sin(time * 0.618) * 0.4, 0.62 + 0.08 * sin(time), 0.0) + time * velocity;
+  vec3 camLook = vec3(-1.0, -0.3, 4.0) + (time - sin(time)) * velocity;
+
+  vec2 fc = gl_FragCoord.xy;
+  vec3 ray = vec3((fc - uRes * 0.5) / uRes.x, 1.0);
+  vec3 camDir = normalize(camLook - camPos);
+  vec3 camRight = normalize(cross(vec3(0.0, 1.0, 0.0), camDir));
+  vec3 camUp = cross(camDir, camRight);
+  ray = normalize(ray.x * camRight + ray.y * camUp + ray.z * camDir);
+
+  vec3 sunDir = normalize(vec3(-3.0, 2.0, 1.0));
+
+  vec3 pos = camPos;
+  float absorption = 1.0;
+  float emission = 0.0;
+  float fogFactor = 0.0;
+  float lastStride = 0.0;
+  float lastFog = 0.0;
+  float lastAir = 0.0;
+
+  for (int i = 0; i < 80; i++) {
+    float h = ground(pos, 4);
+    float fog = fogD(pos, 3);
+    float fogIntegral = lastStride * mix(fog, lastFog, 0.5);
+    float air = airD(pos);
+    float airIntegral = lastStride * mix(air, lastAir, 0.5);
+
+    float fogAbsDelta = pow(0.1, fogIntegral);
+    float fogEmiDelta = 1.0 - fogAbsDelta;
+    float shadowStep = 0.07;
+    float shadow = (fog - fogD(pos + sunDir * shadowStep, 2)) / shadowStep;
+    fogEmiDelta *= mix(0.2, 0.85, smoothstep(-1.0, 1.0, shadow));
+
+    float airAbsDelta = pow(0.55, airIntegral);
+    float airEmiDelta = (1.0 - pow(0.55, airIntegral)) * 0.5;
+
+    float absDelta = fogAbsDelta * airAbsDelta;
+    emission += absorption * sqrt(absDelta) * (fogEmiDelta + airEmiDelta);
+    absorption *= absDelta;
+
+    fogFactor = max(fogFactor, (1.0 - absorption) * step(0.05, fog));
+
+    lastFog = fog;
+    lastAir = air;
+    h = min(h, 0.1);
+    lastStride = h;
+    pos += h * ray;
+    if (h < 0.001) break;
+  }
+
+  float brightness;
+  if (absorption > 0.02) {
+    // terrain visible — light it
+    vec2 d = vec2(-1.0, 1.0) * 0.02;
+    vec3 normal = normalize(
+      ground(pos + d.xxx, 5) * d.xxx +
+      ground(pos + d.xyy, 5) * d.xyy +
+      ground(pos + d.yxy, 5) * d.yxy +
+      ground(pos + d.yyx, 5) * d.yyx
+    );
+    float ao = smoothstep(-0.2, 1.5, ground(pos + normal * 0.3, 5) / 0.3);
+    float shade = (0.5 * ao + 0.5 * max(dot(normal, sunDir), 0.0)) * 0.65;
+    brightness = shade * absorption + emission;
+  } else {
+    brightness = emission;
+  }
+
+  // Clear sky — rays that escape upward land on milk, whatever the
+  // haze did. The poster look: light sky, dark ridges, fog between.
+  float sky = smoothstep(-0.15, 0.35, ray.y) * 0.92;
+  brightness = max(brightness, sky * absorption);
+
+  outColor = vec4(clamp(brightness, 0.0, 1.0), clamp(fogFactor, 0.0, 1.0), 0.0, 1.0);
+}`;
+/** Pass B — full-resolution 1-bit dither of the scene. */
+const DITHER_FRAG = `#version 300 es
+precision highp float;
+out vec4 outColor;
+uniform vec2 uRes;
+uniform float uDot;
+uniform sampler2D uScene;
+uniform vec3 uInk;
+uniform vec3 uMilk;
+uniform vec3 uMoss;
+
+float bayer2(vec2 a) { a = floor(a); return fract(a.x / 2.0 + a.y * a.y * 0.75); }
+float bayer4(vec2 a) { return bayer2(0.5 * a) * 0.25 + bayer2(a); }
+float hash12(vec2 p) {
+  vec3 p3 = fract(vec3(p.xyx) * 0.1031);
+  p3 += dot(p3, p3.yzx + 33.33);
+  return fract((p3.x + p3.y) * p3.z);
+}
+
+void main() {
+  // Chunky cells: one dot decision per uDot×uDot block — the dither
+  // reads as visible pixels, not 1px noise.
+  vec2 cell = floor(gl_FragCoord.xy / uDot);
+  vec4 scene = texture(uScene, (cell * uDot + uDot * 0.5) / uRes);
+  float darkness = 1.0 - scene.r;
+  float jitter = (hash12(cell) - 0.5) * 0.3;
+  float on = step(darkness, bayer4(cell) + jitter);
+  vec3 col = scene.g > 0.5 ? uMoss : uInk;
+  outColor = vec4(mix(col, uMilk, on), 1.0);
+}`;
+const compile = (gl, type, src) => {
+	const sh = gl.createShader(type);
+	if (!sh) throw new Error("shader creation failed");
+	gl.shaderSource(sh, src);
+	gl.compileShader(sh);
+	if (!gl.getShaderParameter(sh, gl.COMPILE_STATUS)) throw new Error(gl.getShaderInfoLog(sh) || "shader compile failed");
+	return sh;
+};
+const program = (gl, frag) => {
+	const p = gl.createProgram();
+	if (!p) throw new Error("program creation failed");
+	gl.attachShader(p, compile(gl, gl.VERTEX_SHADER, VERT));
+	gl.attachShader(p, compile(gl, gl.FRAGMENT_SHADER, frag));
+	gl.linkProgram(p);
+	if (!gl.getProgramParameter(p, gl.LINK_STATUS)) throw new Error(gl.getProgramInfoLog(p) || "program link failed");
+	return p;
+};
+const FogIllustration = ({ palette, speed = 1, className }) => {
+	const ref = useRef(null);
+	const live = useRef({
+		palette: {
+			...FOG_BRAND_PALETTE,
+			...palette
+		},
+		speed
+	});
+	live.current = {
+		palette: {
+			...FOG_BRAND_PALETTE,
+			...palette
+		},
+		speed
+	};
+	useEffect(() => {
+		const canvas = ref.current;
+		const parent = canvas?.parentElement;
+		if (!canvas || !parent) return;
+		const gl = canvas.getContext("webgl2", {
+			antialias: false,
+			alpha: false,
+			preserveDrawingBuffer: true
+		});
+		if (!gl) return;
+		let sceneProg;
+		let ditherProg;
+		try {
+			sceneProg = program(gl, SCENE_FRAG);
+			ditherProg = program(gl, DITHER_FRAG);
+		} catch (err) {
+			console.error("fog shader failed:", err);
+			return;
+		}
+		const noiseTex = gl.createTexture();
+		gl.bindTexture(gl.TEXTURE_2D, noiseTex);
+		const N = 256;
+		const data = new Uint8Array(N * N * 4);
+		for (let i = 0; i < data.length; i += 4) {
+			data[i] = Math.random() * 256;
+			data[i + 1] = Math.random() * 256;
+			data[i + 2] = Math.random() * 256;
+			data[i + 3] = 255;
+		}
+		gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, N, N, 0, gl.RGBA, gl.UNSIGNED_BYTE, data);
+		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
+		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
+		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
+		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
+		const sceneTex = gl.createTexture();
+		gl.bindTexture(gl.TEXTURE_2D, sceneTex);
+		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
+		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
+		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+		const fbo = gl.createFramebuffer();
+		const SCALE = .3;
+		const reduced = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+		const start = performance.now();
+		let raf = 0;
+		let last = 0;
+		const render = (elapsed) => {
+			const w = parent.clientWidth;
+			const h = parent.clientHeight;
+			if (w === 0 || h === 0) return;
+			const dpr = Math.min(window.devicePixelRatio || 1, 2);
+			if (canvas.width !== Math.round(w * dpr) || canvas.height !== Math.round(h * dpr)) {
+				canvas.width = Math.round(w * dpr);
+				canvas.height = Math.round(h * dpr);
+			}
+			const sceneW = Math.max(64, Math.round(w * SCALE));
+			const sceneH = Math.max(64, Math.round(h * SCALE));
+			gl.bindTexture(gl.TEXTURE_2D, sceneTex);
+			gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, sceneW, sceneH, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
+			const t = elapsed * live.current.speed;
+			gl.bindFramebuffer(gl.FRAMEBUFFER, fbo);
+			gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, sceneTex, 0);
+			gl.viewport(0, 0, sceneW, sceneH);
+			gl.useProgram(sceneProg);
+			gl.activeTexture(gl.TEXTURE0);
+			gl.bindTexture(gl.TEXTURE_2D, noiseTex);
+			gl.uniform1i(gl.getUniformLocation(sceneProg, "uNoise"), 0);
+			gl.uniform2f(gl.getUniformLocation(sceneProg, "uRes"), sceneW, sceneH);
+			gl.uniform1f(gl.getUniformLocation(sceneProg, "uTime"), t);
+			gl.drawArrays(gl.TRIANGLES, 0, 3);
+			const { ink, milk, moss } = hexToRgbAll(live.current.palette);
+			gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+			gl.viewport(0, 0, canvas.width, canvas.height);
+			gl.useProgram(ditherProg);
+			gl.activeTexture(gl.TEXTURE0);
+			gl.bindTexture(gl.TEXTURE_2D, sceneTex);
+			gl.uniform1i(gl.getUniformLocation(ditherProg, "uScene"), 0);
+			gl.uniform2f(gl.getUniformLocation(ditherProg, "uRes"), canvas.width, canvas.height);
+			gl.uniform1f(gl.getUniformLocation(ditherProg, "uDot"), Math.max(3, Math.round(dpr * 2)));
+			gl.uniform3f(gl.getUniformLocation(ditherProg, "uInk"), ...ink);
+			gl.uniform3f(gl.getUniformLocation(ditherProg, "uMilk"), ...milk);
+			gl.uniform3f(gl.getUniformLocation(ditherProg, "uMoss"), ...moss);
+			gl.drawArrays(gl.TRIANGLES, 0, 3);
+		};
+		render(0);
+		if (!reduced) {
+			const frame = (now) => {
+				if (now - last >= 1e3 / 30) {
+					last = now;
+					render((now - start) / 1e3);
+				}
+				raf = requestAnimationFrame(frame);
+			};
+			raf = requestAnimationFrame(frame);
+		}
+		const observer = new ResizeObserver(() => render((performance.now() - start) / 1e3));
+		observer.observe(parent);
+		return () => {
+			cancelAnimationFrame(raf);
+			observer.disconnect();
+			gl.deleteProgram(sceneProg);
+			gl.deleteProgram(ditherProg);
+			gl.deleteTexture(noiseTex);
+			gl.deleteTexture(sceneTex);
+			gl.deleteFramebuffer(fbo);
+		};
+	}, []);
+	return /* @__PURE__ */ jsx("canvas", {
+		ref,
+		"aria-hidden": "true",
+		className: cn("size-full", className)
+	});
+};
+//#endregion
+export { FOG_BRAND_PALETTE, FogIllustration };
+
+//# sourceMappingURL=FogIllustration.mjs.map

package/dist/components/fog-illustration/FogIllustration.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FogIllustration.mjs","names":[],"sources":["../../../src/components/fog-illustration/FogIllustration.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef } from 'react';\nimport { cn } from '../../lib/utils';\n\n/**\n * FogIllustration — a volumetric fog raymarcher rendered as chunky\n * 1-bit dither in a given palette.\n *\n * Two GPU passes: the scene is raymarched at low internal resolution\n * (ridged fbm ground, drifting fog volumes, air haze — the fog hides\n * the low resolution), then a full-resolution pass thresholds the\n * scene against a Bayer matrix with hash jitter: ink dots on milk,\n * with moss-tinted dots where fog dominates.\n *\n * The canvas fills its parent element; give the parent a size.\n * Pauses under prefers-reduced-motion after one frame.\n */\n\nexport type FogPalette = {\n  /** Dark terrain and dither ink. */\n  ink: string;\n  /** Background the dots sit on. */\n  milk: string;\n  /** Tint for dots where fog dominates. */\n  moss: string;\n};\n\n/** The Berget brand palette, as rendered sRGB. */\nexport const FOG_BRAND_PALETTE: FogPalette = {\n  ink: '#171a1a',\n  milk: '#f7f5ed',\n  moss: '#598c6b',\n};\n\nexport interface FogIllustrationProps {\n  /** Colors as hex strings. Unset keys fall back to the brand palette. */\n  palette?: Partial<FogPalette>;\n  /** Flight speed multiplier @default 1 */\n  speed?: number;\n  /** Additional CSS classes for the canvas element */\n  className?: string;\n}\n\nconst hexToRgb = (hex: string): [number, number, number] => {\n  let h = hex.replace('#', '');\n  if (h.length === 3)\n    h = h\n      .split('')\n      .map((c) => c + c)\n      .join('');\n  const n = Number.parseInt(h, 16);\n  return [((n >> 16) & 255) / 255, ((n >> 8) & 255) / 255, (n & 255) / 255];\n};\n\nconst hexToRgbAll = (p: FogPalette) => ({\n  ink: hexToRgb(p.ink),\n  milk: hexToRgb(p.milk),\n  moss: hexToRgb(p.moss),\n});\n\nconst VERT = `#version 300 es\nvoid main() {\n  vec2 p = vec2(float((gl_VertexID << 1) & 2), float(gl_VertexID & 2));\n  gl_Position = vec4(p * 2.0 - 1.0, 0.0, 1.0);\n}`;\n\n/** Pass A — raymarch the foggy terrain at low resolution. */\nconst SCENE_FRAG = `#version 300 es\nprecision highp float;\nout vec4 outColor;\nuniform vec2 uRes;\nuniform float uTime;\nuniform sampler2D uNoise;\n\nfloat noise(vec3 x) {\n  // 3D value noise from the 2D random texture — iq's two-slice trick:\n  // z slices are tiled into the u axis, two neighbours mixed by fract(z).\n  vec3 p = floor(x), f = fract(x);\n  f = f * f * (3.0 - 2.0 * f);\n  vec2 uv = (p.xy + vec2(37.0, 239.0) * p.z) + f.xy;\n  vec2 rg = texture(uNoise, (uv + 0.5) / 256.0).xy;\n  return mix(rg.x, rg.y, f.z) * 2.0 - 1.0;\n}\n\nfloat ground(vec3 pos, int oct) {\n  float f = 0.0;\n  float s = 1.4;\n  vec3 p = pos * s * 0.1;\n  for (int i = 0; i < 6; i++) {\n    if (i >= oct) break;\n    f += abs(noise(p)) * s;\n    p = vec3(p.z * 5.0, p.xy * 3.0 + p.yx * 4.0 * vec2(1, -1)) * 2.0 / 5.0;\n    s /= 2.0;\n  }\n  return (pos.y + f) * 0.8;\n}\n\nfloat fogD(vec3 pos, int oct) {\n  float f = 0.0;\n  float s = 1.0;\n  vec3 p = pos * 0.7;\n  p += uTime * vec3(0.0, -0.02, 0.02);\n  for (int i = 0; i < 6; i++) {\n    if (i >= oct) break;\n    f += noise(p) * s;\n    p = vec3(p.z * 5.0, p.xy * 3.0 + p.yx * 4.0 * vec2(1, -1)) * 2.0 / 5.0;\n    s /= 1.7;\n  }\n  f += smoothstep(0.2, 0.0, abs(pos.y + 1.0)) * 0.4;\n  f += smoothstep(0.35, 0.15, abs(pos.y - 0.02)) * 0.7;\n  f *= 1.0 - smoothstep(-0.1, 0.55, pos.y);\n  f = smoothstep(0.45, 1.7, f);\n  float g = ground(pos, 2);\n  f *= 1.0 - g / (abs(g) + 0.04);\n  return f;\n}\n\nfloat airD(vec3 pos) { return exp2(-pos.y / 5.0 - 3.0); }\n\nvoid main() {\n  float time = uTime * 0.2;\n  vec3 velocity = vec3(1.0, 0.0, 0.0);\n  vec3 camPos = vec3(sin(time * 0.618) * 0.4, 0.62 + 0.08 * sin(time), 0.0) + time * velocity;\n  vec3 camLook = vec3(-1.0, -0.3, 4.0) + (time - sin(time)) * velocity;\n\n  vec2 fc = gl_FragCoord.xy;\n  vec3 ray = vec3((fc - uRes * 0.5) / uRes.x, 1.0);\n  vec3 camDir = normalize(camLook - camPos);\n  vec3 camRight = normalize(cross(vec3(0.0, 1.0, 0.0), camDir));\n  vec3 camUp = cross(camDir, camRight);\n  ray = normalize(ray.x * camRight + ray.y * camUp + ray.z * camDir);\n\n  vec3 sunDir = normalize(vec3(-3.0, 2.0, 1.0));\n\n  vec3 pos = camPos;\n  float absorption = 1.0;\n  float emission = 0.0;\n  float fogFactor = 0.0;\n  float lastStride = 0.0;\n  float lastFog = 0.0;\n  float lastAir = 0.0;\n\n  for (int i = 0; i < 80; i++) {\n    float h = ground(pos, 4);\n    float fog = fogD(pos, 3);\n    float fogIntegral = lastStride * mix(fog, lastFog, 0.5);\n    float air = airD(pos);\n    float airIntegral = lastStride * mix(air, lastAir, 0.5);\n\n    float fogAbsDelta = pow(0.1, fogIntegral);\n    float fogEmiDelta = 1.0 - fogAbsDelta;\n    float shadowStep = 0.07;\n    float shadow = (fog - fogD(pos + sunDir * shadowStep, 2)) / shadowStep;\n    fogEmiDelta *= mix(0.2, 0.85, smoothstep(-1.0, 1.0, shadow));\n\n    float airAbsDelta = pow(0.55, airIntegral);\n    float airEmiDelta = (1.0 - pow(0.55, airIntegral)) * 0.5;\n\n    float absDelta = fogAbsDelta * airAbsDelta;\n    emission += absorption * sqrt(absDelta) * (fogEmiDelta + airEmiDelta);\n    absorption *= absDelta;\n\n    fogFactor = max(fogFactor, (1.0 - absorption) * step(0.05, fog));\n\n    lastFog = fog;\n    lastAir = air;\n    h = min(h, 0.1);\n    lastStride = h;\n    pos += h * ray;\n    if (h < 0.001) break;\n  }\n\n  float brightness;\n  if (absorption > 0.02) {\n    // terrain visible — light it\n    vec2 d = vec2(-1.0, 1.0) * 0.02;\n    vec3 normal = normalize(\n      ground(pos + d.xxx, 5) * d.xxx +\n      ground(pos + d.xyy, 5) * d.xyy +\n      ground(pos + d.yxy, 5) * d.yxy +\n      ground(pos + d.yyx, 5) * d.yyx\n    );\n    float ao = smoothstep(-0.2, 1.5, ground(pos + normal * 0.3, 5) / 0.3);\n    float shade = (0.5 * ao + 0.5 * max(dot(normal, sunDir), 0.0)) * 0.65;\n    brightness = shade * absorption + emission;\n  } else {\n    brightness = emission;\n  }\n\n  // Clear sky — rays that escape upward land on milk, whatever the\n  // haze did. The poster look: light sky, dark ridges, fog between.\n  float sky = smoothstep(-0.15, 0.35, ray.y) * 0.92;\n  brightness = max(brightness, sky * absorption);\n\n  outColor = vec4(clamp(brightness, 0.0, 1.0), clamp(fogFactor, 0.0, 1.0), 0.0, 1.0);\n}`;\n\n/** Pass B — full-resolution 1-bit dither of the scene. */\nconst DITHER_FRAG = `#version 300 es\nprecision highp float;\nout vec4 outColor;\nuniform vec2 uRes;\nuniform float uDot;\nuniform sampler2D uScene;\nuniform vec3 uInk;\nuniform vec3 uMilk;\nuniform vec3 uMoss;\n\nfloat bayer2(vec2 a) { a = floor(a); return fract(a.x / 2.0 + a.y * a.y * 0.75); }\nfloat bayer4(vec2 a) { return bayer2(0.5 * a) * 0.25 + bayer2(a); }\nfloat hash12(vec2 p) {\n  vec3 p3 = fract(vec3(p.xyx) * 0.1031);\n  p3 += dot(p3, p3.yzx + 33.33);\n  return fract((p3.x + p3.y) * p3.z);\n}\n\nvoid main() {\n  // Chunky cells: one dot decision per uDot×uDot block — the dither\n  // reads as visible pixels, not 1px noise.\n  vec2 cell = floor(gl_FragCoord.xy / uDot);\n  vec4 scene = texture(uScene, (cell * uDot + uDot * 0.5) / uRes);\n  float darkness = 1.0 - scene.r;\n  float jitter = (hash12(cell) - 0.5) * 0.3;\n  float on = step(darkness, bayer4(cell) + jitter);\n  vec3 col = scene.g > 0.5 ? uMoss : uInk;\n  outColor = vec4(mix(col, uMilk, on), 1.0);\n}`;\n\nconst compile = (gl: WebGL2RenderingContext, type: number, src: string): WebGLShader => {\n  const sh = gl.createShader(type);\n  if (!sh) throw new Error('shader creation failed');\n  gl.shaderSource(sh, src);\n  gl.compileShader(sh);\n  if (!gl.getShaderParameter(sh, gl.COMPILE_STATUS)) {\n    throw new Error(gl.getShaderInfoLog(sh) || 'shader compile failed');\n  }\n  return sh;\n};\n\nconst program = (gl: WebGL2RenderingContext, frag: string): WebGLProgram => {\n  const p = gl.createProgram();\n  if (!p) throw new Error('program creation failed');\n  gl.attachShader(p, compile(gl, gl.VERTEX_SHADER, VERT));\n  gl.attachShader(p, compile(gl, gl.FRAGMENT_SHADER, frag));\n  gl.linkProgram(p);\n  if (!gl.getProgramParameter(p, gl.LINK_STATUS)) {\n    throw new Error(gl.getProgramInfoLog(p) || 'program link failed');\n  }\n  return p;\n};\n\nexport const FogIllustration = ({ palette, speed = 1, className }: FogIllustrationProps) => {\n  const ref = useRef<HTMLCanvasElement>(null);\n  // Live props — the GL setup runs once; palette and speed changes\n  // apply on the next frame without rebuilding the context.\n  const live = useRef({ palette: { ...FOG_BRAND_PALETTE, ...palette }, speed });\n  live.current = { palette: { ...FOG_BRAND_PALETTE, ...palette }, speed };\n\n  useEffect(() => {\n    const canvas = ref.current;\n    const parent = canvas?.parentElement;\n    if (!canvas || !parent) return;\n\n    // preserveDrawingBuffer keeps the frame readable for screenshots —\n    // the cost is negligible for a decorative illustration.\n    const gl = canvas.getContext('webgl2', {\n      antialias: false,\n      alpha: false,\n      preserveDrawingBuffer: true,\n    });\n    if (!gl) return;\n\n    let sceneProg: WebGLProgram;\n    let ditherProg: WebGLProgram;\n    try {\n      sceneProg = program(gl, SCENE_FRAG);\n      ditherProg = program(gl, DITHER_FRAG);\n    } catch (err) {\n      console.error('fog shader failed:', err);\n      return; // shader failed — leave the panel empty rather than broken\n    }\n\n    // Noise texture — the Shadertoy iChannel1 stand-in.\n    const noiseTex = gl.createTexture();\n    gl.bindTexture(gl.TEXTURE_2D, noiseTex);\n    const N = 256;\n    const data = new Uint8Array(N * N * 4);\n    for (let i = 0; i < data.length; i += 4) {\n      data[i] = Math.random() * 256;\n      data[i + 1] = Math.random() * 256;\n      data[i + 2] = Math.random() * 256;\n      data[i + 3] = 255;\n    }\n    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, N, N, 0, gl.RGBA, gl.UNSIGNED_BYTE, data);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);\n\n    // Low-res scene target.\n    const sceneTex = gl.createTexture();\n    gl.bindTexture(gl.TEXTURE_2D, sceneTex);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\n    const fbo = gl.createFramebuffer();\n\n    const SCALE = 0.3; // internal raymarch resolution\n    const reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n    const start = performance.now();\n    let raf = 0;\n    let last = 0;\n\n    const render = (elapsed: number) => {\n      const w = parent.clientWidth;\n      const h = parent.clientHeight;\n      if (w === 0 || h === 0) return;\n      const dpr = Math.min(window.devicePixelRatio || 1, 2);\n      if (canvas.width !== Math.round(w * dpr) || canvas.height !== Math.round(h * dpr)) {\n        canvas.width = Math.round(w * dpr);\n        canvas.height = Math.round(h * dpr);\n      }\n      const sceneW = Math.max(64, Math.round(w * SCALE));\n      const sceneH = Math.max(64, Math.round(h * SCALE));\n      gl.bindTexture(gl.TEXTURE_2D, sceneTex);\n      gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, sceneW, sceneH, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);\n\n      const t = elapsed * live.current.speed;\n\n      // Pass A — scene at low resolution.\n      gl.bindFramebuffer(gl.FRAMEBUFFER, fbo);\n      gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, sceneTex, 0);\n      gl.viewport(0, 0, sceneW, sceneH);\n      gl.useProgram(sceneProg);\n      gl.activeTexture(gl.TEXTURE0);\n      gl.bindTexture(gl.TEXTURE_2D, noiseTex);\n      gl.uniform1i(gl.getUniformLocation(sceneProg, 'uNoise'), 0);\n      gl.uniform2f(gl.getUniformLocation(sceneProg, 'uRes'), sceneW, sceneH);\n      gl.uniform1f(gl.getUniformLocation(sceneProg, 'uTime'), t);\n      gl.drawArrays(gl.TRIANGLES, 0, 3);\n\n      // Pass B — dither at full resolution.\n      const { ink, milk, moss } = hexToRgbAll(live.current.palette);\n      gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n      gl.viewport(0, 0, canvas.width, canvas.height);\n      gl.useProgram(ditherProg);\n      gl.activeTexture(gl.TEXTURE0);\n      gl.bindTexture(gl.TEXTURE_2D, sceneTex);\n      gl.uniform1i(gl.getUniformLocation(ditherProg, 'uScene'), 0);\n      gl.uniform2f(gl.getUniformLocation(ditherProg, 'uRes'), canvas.width, canvas.height);\n      gl.uniform1f(gl.getUniformLocation(ditherProg, 'uDot'), Math.max(3, Math.round(dpr * 2)));\n      gl.uniform3f(gl.getUniformLocation(ditherProg, 'uInk'), ...ink);\n      gl.uniform3f(gl.getUniformLocation(ditherProg, 'uMilk'), ...milk);\n      gl.uniform3f(gl.getUniformLocation(ditherProg, 'uMoss'), ...moss);\n      gl.drawArrays(gl.TRIANGLES, 0, 3);\n    };\n\n    render(0);\n    if (!reduced) {\n      const frame = (now: number) => {\n        if (now - last >= 1000 / 30) {\n          last = now;\n          render((now - start) / 1000);\n        }\n        raf = requestAnimationFrame(frame);\n      };\n      raf = requestAnimationFrame(frame);\n    }\n    const observer = new ResizeObserver(() => render((performance.now() - start) / 1000));\n    observer.observe(parent);\n\n    return () => {\n      cancelAnimationFrame(raf);\n      observer.disconnect();\n      gl.deleteProgram(sceneProg);\n      gl.deleteProgram(ditherProg);\n      gl.deleteTexture(noiseTex);\n      gl.deleteTexture(sceneTex);\n      gl.deleteFramebuffer(fbo);\n    };\n  }, []);\n\n  return <canvas ref={ref} aria-hidden=\"true\" className={cn('size-full', className)} />;\n};\n"],"mappings":"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"}

package/dist/components/grid/Grid.cjs

@@ -0,0 +1,51 @@
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils = require("../../lib/utils.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let class_variance_authority = require("class-variance-authority");
+let _base_ui_react_merge_props = require("@base-ui/react/merge-props");
+let _base_ui_react_use_render = require("@base-ui/react/use-render");
+//#region src/components/grid/Grid.tsx
+const gridVariants = (0, class_variance_authority.cva)("grid", {
+	variants: {
+		align: {
+			start: "items-start",
+			center: "items-center",
+			end: "items-end",
+			stretch: "items-stretch"
+		},
+		justify: {
+			start: "justify-start",
+			center: "justify-center",
+			end: "justify-end",
+			between: "justify-between",
+			around: "justify-around",
+			evenly: "justify-evenly"
+		}
+	},
+	defaultVariants: {
+		align: "stretch",
+		justify: "start"
+	}
+});
+const Grid = react.forwardRef(({ className, align, justify, cols, rows, gap, gapX, gapY, asChild = false, children, ...props }, ref) => {
+	return (0, _base_ui_react_use_render.useRender)({
+		ref,
+		defaultTagName: "div",
+		render: asChild ? children : void 0,
+		props: (0, _base_ui_react_merge_props.mergeProps)({
+			className: require_utils.cn(gridVariants({
+				align,
+				justify
+			}), cols !== void 0 && `grid-cols-${cols}`, rows !== void 0 && `grid-rows-${rows}`, gap !== void 0 && `gap-${gap}`, gapX !== void 0 && `gap-x-${gapX}`, gapY !== void 0 && `gap-y-${gapY}`, className),
+			children: asChild ? void 0 : children
+		}, props)
+	});
+});
+Grid.displayName = "Grid";
+//#endregion
+exports.Grid = Grid;
+exports.gridVariants = gridVariants;
+
+//# sourceMappingURL=Grid.cjs.map

package/dist/components/grid/Grid.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.cjs","names":["cva","React","useRender","mergeProps","cn"],"sources":["../../../src/components/grid/Grid.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { useRender } from '@base-ui/react/use-render';\nimport { cn } from '../../lib/utils';\n\nconst gridVariants = cva('grid', {\n  variants: {\n    align: {\n      start: 'items-start',\n      center: 'items-center',\n      end: 'items-end',\n      stretch: 'items-stretch',\n    },\n    justify: {\n      start: 'justify-start',\n      center: 'justify-center',\n      end: 'justify-end',\n      between: 'justify-between',\n      around: 'justify-around',\n      evenly: 'justify-evenly',\n    },\n  },\n  defaultVariants: {\n    align: 'stretch',\n    justify: 'start',\n  },\n});\n\nexport type SpacingScale =\n  | 0\n  | 1\n  | 2\n  | 3\n  | 4\n  | 5\n  | 6\n  | 8\n  | 10\n  | 12\n  | 16\n  | 20\n  | 24\n  | 32\n  | 40\n  | 48\n  | 56\n  | 64\n  | 72\n  | 80\n  | 96;\n\nexport type GridColsScale = 1 | 2 | 3 | 4 | 6 | 12;\n\nexport type GridRowsScale = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport interface GridProps\n  extends useRender.ComponentProps<'div'>, VariantProps<typeof gridVariants> {\n  children?: React.ReactNode;\n  cols?: GridColsScale;\n  rows?: GridRowsScale;\n  gap?: SpacingScale;\n  gapX?: SpacingScale;\n  gapY?: SpacingScale;\n  /** Render as a different element/component. Replaces the Radix `asChild` prop. */\n  asChild?: boolean;\n}\n\nconst Grid = React.forwardRef<HTMLElement, GridProps>(\n  (\n    { className, align, justify, cols, rows, gap, gapX, gapY, asChild = false, children, ...props },\n    ref,\n  ) => {\n    return useRender({\n      ref,\n      defaultTagName: 'div',\n      render: asChild ? (children as React.ReactElement) : undefined,\n      props: mergeProps<'div'>(\n        {\n          className: cn(\n            gridVariants({ align, justify }),\n            cols !== undefined && `grid-cols-${cols}`,\n            rows !== undefined && `grid-rows-${rows}`,\n            gap !== undefined && `gap-${gap}`,\n            gapX !== undefined && `gap-x-${gapX}`,\n            gapY !== undefined && `gap-y-${gapY}`,\n            className,\n          ),\n          children: asChild ? undefined : children,\n        } as React.ComponentProps<'div'>,\n        props,\n      ),\n    });\n  },\n);\nGrid.displayName = 'Grid';\n\nexport { Grid, gridVariants };\n"],"mappings":";;;;;;;;;AAQA,MAAM,gBAAA,GAAeA,yBAAAA,IAAAA,CAAI,QAAQ;CAC/B,UAAU;EACR,OAAO;GACL,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;EACX;EACA,SAAS;GACP,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;EACV;CACF;CACA,iBAAiB;EACf,OAAO;EACP,SAAS;CACX;AACF,CAAC;AAyCD,MAAM,OAAOC,MAAM,YAEf,EAAE,WAAW,OAAO,SAAS,MAAM,MAAM,KAAK,MAAM,MAAM,UAAU,OAAO,UAAU,GAAG,SACxF,QACG;CACH,QAAA,GAAOC,0BAAAA,UAAAA,CAAU;EACf;EACA,gBAAgB;EAChB,QAAQ,UAAW,WAAkC,KAAA;EACrD,QAAA,GAAOC,2BAAAA,WAAAA,CACL;GACE,WAAWC,cAAAA,GACT,aAAa;IAAE;IAAO;GAAQ,CAAC,GAC/B,SAAS,KAAA,KAAa,aAAa,QACnC,SAAS,KAAA,KAAa,aAAa,QACnC,QAAQ,KAAA,KAAa,OAAO,OAC5B,SAAS,KAAA,KAAa,SAAS,QAC/B,SAAS,KAAA,KAAa,SAAS,QAC/B,SACF;GACA,UAAU,UAAU,KAAA,IAAY;EAClC,GACA,KACF;CACF,CAAC;AACH,CACF;AACA,KAAK,cAAc"}

package/dist/components/grid/Grid.d.cts

@@ -0,0 +1,25 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/grid/Grid.d.ts
+declare const gridVariants: (props?: ({
+  align?: "center" | "start" | "end" | "stretch" | null | undefined;
+  justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type SpacingScale = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | 96;
+export type GridColsScale = 1 | 2 | 3 | 4 | 6 | 12;
+export type GridRowsScale = 1 | 2 | 3 | 4 | 5 | 6;
+export interface GridProps extends useRender.ComponentProps<'div'>, VariantProps<typeof gridVariants> {
+  children?: React.ReactNode;
+  cols?: GridColsScale;
+  rows?: GridRowsScale;
+  gap?: SpacingScale;
+  gapX?: SpacingScale;
+  gapY?: SpacingScale;
+  /** Render as a different element/component. Replaces the Radix `asChild` prop. */
+  asChild?: boolean;
+}
+declare const Grid: React.ForwardRefExoticComponent<Omit<GridProps, "ref"> & React.RefAttributes<HTMLElement>>;
+//#endregion
+export { Grid, gridVariants };
+//# sourceMappingURL=Grid.d.cts.map

package/dist/components/grid/Grid.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.cts","names":[],"sources":["../../../src/components/grid/Grid.tsx"],"mappings":";;;;cAQM,eAAY;;;6CAqBhB;YAEU;YAuBA;YAEA;iBAEK,kBACP,UAAU,uBAAuB,oBAAoB;EAC7D,WAAW,MAAM;EACjB,OAAO;EACP,OAAO;EACP,MAAM;EACN,OAAO;EACP,OAAO;;EAEP;;cAGI,MAAI,MAAA,0BAAA,KAAA,oBAAA,MAAA,cAAA"}

package/dist/components/grid/Grid.d.mts

@@ -0,0 +1,25 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/grid/Grid.d.ts
+declare const gridVariants: (props?: ({
+  align?: "center" | "start" | "end" | "stretch" | null | undefined;
+  justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type SpacingScale = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | 96;
+export type GridColsScale = 1 | 2 | 3 | 4 | 6 | 12;
+export type GridRowsScale = 1 | 2 | 3 | 4 | 5 | 6;
+export interface GridProps extends useRender.ComponentProps<'div'>, VariantProps<typeof gridVariants> {
+  children?: React.ReactNode;
+  cols?: GridColsScale;
+  rows?: GridRowsScale;
+  gap?: SpacingScale;
+  gapX?: SpacingScale;
+  gapY?: SpacingScale;
+  /** Render as a different element/component. Replaces the Radix `asChild` prop. */
+  asChild?: boolean;
+}
+declare const Grid: React.ForwardRefExoticComponent<Omit<GridProps, "ref"> & React.RefAttributes<HTMLElement>>;
+//#endregion
+export { Grid, gridVariants };
+//# sourceMappingURL=Grid.d.mts.map

package/dist/components/grid/Grid.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.mts","names":[],"sources":["../../../src/components/grid/Grid.tsx"],"mappings":";;;;cAQM,eAAY;;;6CAqBhB;YAEU;YAuBA;YAEA;iBAEK,kBACP,UAAU,uBAAuB,oBAAoB;EAC7D,WAAW,MAAM;EACjB,OAAO;EACP,OAAO;EACP,MAAM;EACN,OAAO;EACP,OAAO;;EAEP;;cAGI,MAAI,MAAA,0BAAA,KAAA,oBAAA,MAAA,cAAA"}

package/dist/components/grid/Grid.mjs

@@ -0,0 +1,48 @@
+"use client";
+import { cn } from "../../lib/utils.mjs";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/grid/Grid.tsx
+const gridVariants = cva("grid", {
+	variants: {
+		align: {
+			start: "items-start",
+			center: "items-center",
+			end: "items-end",
+			stretch: "items-stretch"
+		},
+		justify: {
+			start: "justify-start",
+			center: "justify-center",
+			end: "justify-end",
+			between: "justify-between",
+			around: "justify-around",
+			evenly: "justify-evenly"
+		}
+	},
+	defaultVariants: {
+		align: "stretch",
+		justify: "start"
+	}
+});
+const Grid = React.forwardRef(({ className, align, justify, cols, rows, gap, gapX, gapY, asChild = false, children, ...props }, ref) => {
+	return useRender({
+		ref,
+		defaultTagName: "div",
+		render: asChild ? children : void 0,
+		props: mergeProps({
+			className: cn(gridVariants({
+				align,
+				justify
+			}), cols !== void 0 && `grid-cols-${cols}`, rows !== void 0 && `grid-rows-${rows}`, gap !== void 0 && `gap-${gap}`, gapX !== void 0 && `gap-x-${gapX}`, gapY !== void 0 && `gap-y-${gapY}`, className),
+			children: asChild ? void 0 : children
+		}, props)
+	});
+});
+Grid.displayName = "Grid";
+//#endregion
+export { Grid, gridVariants };
+
+//# sourceMappingURL=Grid.mjs.map

package/dist/components/grid/Grid.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.mjs","names":[],"sources":["../../../src/components/grid/Grid.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { useRender } from '@base-ui/react/use-render';\nimport { cn } from '../../lib/utils';\n\nconst gridVariants = cva('grid', {\n  variants: {\n    align: {\n      start: 'items-start',\n      center: 'items-center',\n      end: 'items-end',\n      stretch: 'items-stretch',\n    },\n    justify: {\n      start: 'justify-start',\n      center: 'justify-center',\n      end: 'justify-end',\n      between: 'justify-between',\n      around: 'justify-around',\n      evenly: 'justify-evenly',\n    },\n  },\n  defaultVariants: {\n    align: 'stretch',\n    justify: 'start',\n  },\n});\n\nexport type SpacingScale =\n  | 0\n  | 1\n  | 2\n  | 3\n  | 4\n  | 5\n  | 6\n  | 8\n  | 10\n  | 12\n  | 16\n  | 20\n  | 24\n  | 32\n  | 40\n  | 48\n  | 56\n  | 64\n  | 72\n  | 80\n  | 96;\n\nexport type GridColsScale = 1 | 2 | 3 | 4 | 6 | 12;\n\nexport type GridRowsScale = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport interface GridProps\n  extends useRender.ComponentProps<'div'>, VariantProps<typeof gridVariants> {\n  children?: React.ReactNode;\n  cols?: GridColsScale;\n  rows?: GridRowsScale;\n  gap?: SpacingScale;\n  gapX?: SpacingScale;\n  gapY?: SpacingScale;\n  /** Render as a different element/component. Replaces the Radix `asChild` prop. */\n  asChild?: boolean;\n}\n\nconst Grid = React.forwardRef<HTMLElement, GridProps>(\n  (\n    { className, align, justify, cols, rows, gap, gapX, gapY, asChild = false, children, ...props },\n    ref,\n  ) => {\n    return useRender({\n      ref,\n      defaultTagName: 'div',\n      render: asChild ? (children as React.ReactElement) : undefined,\n      props: mergeProps<'div'>(\n        {\n          className: cn(\n            gridVariants({ align, justify }),\n            cols !== undefined && `grid-cols-${cols}`,\n            rows !== undefined && `grid-rows-${rows}`,\n            gap !== undefined && `gap-${gap}`,\n            gapX !== undefined && `gap-x-${gapX}`,\n            gapY !== undefined && `gap-y-${gapY}`,\n            className,\n          ),\n          children: asChild ? undefined : children,\n        } as React.ComponentProps<'div'>,\n        props,\n      ),\n    });\n  },\n);\nGrid.displayName = 'Grid';\n\nexport { Grid, gridVariants };\n"],"mappings":";;;;;;;AAQA,MAAM,eAAe,IAAI,QAAQ;CAC/B,UAAU;EACR,OAAO;GACL,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;EACX;EACA,SAAS;GACP,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;EACV;CACF;CACA,iBAAiB;EACf,OAAO;EACP,SAAS;CACX;AACF,CAAC;AAyCD,MAAM,OAAO,MAAM,YAEf,EAAE,WAAW,OAAO,SAAS,MAAM,MAAM,KAAK,MAAM,MAAM,UAAU,OAAO,UAAU,GAAG,SACxF,QACG;CACH,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,QAAQ,UAAW,WAAkC,KAAA;EACrD,OAAO,WACL;GACE,WAAW,GACT,aAAa;IAAE;IAAO;GAAQ,CAAC,GAC/B,SAAS,KAAA,KAAa,aAAa,QACnC,SAAS,KAAA,KAAa,aAAa,QACnC,QAAQ,KAAA,KAAa,OAAO,OAC5B,SAAS,KAAA,KAAa,SAAS,QAC/B,SAAS,KAAA,KAAa,SAAS,QAC/B,SACF;GACA,UAAU,UAAU,KAAA,IAAY;EAClC,GACA,KACF;CACF,CAAC;AACH,CACF;AACA,KAAK,cAAc"}

package/dist/components/grid/index.d.cts

@@ -0,0 +1,2 @@
+import { Grid, GridColsScale, GridProps, GridRowsScale, SpacingScale, gridVariants } from "./Grid.cjs";
+export { Grid, type GridColsScale, type GridProps, type GridRowsScale, type SpacingScale, gridVariants };

package/dist/components/grid/index.d.mts

@@ -0,0 +1,2 @@
+import { Grid, GridColsScale, GridProps, GridRowsScale, SpacingScale, gridVariants } from "./Grid.mjs";
+export { Grid, type GridColsScale, type GridProps, type GridRowsScale, type SpacingScale, gridVariants };

package/dist/components/icon/Icon.cjs

@@ -0,0 +1,30 @@
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils = require("../../lib/utils.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/icon/Icon.tsx
+const iconStrokeMap = {
+	12: 1.4,
+	16: 1.4,
+	24: 1.6,
+	32: 1.8
+};
+const Icon = react.forwardRef(({ icon: IconComponent, size, className, "aria-label": ariaLabel, "aria-hidden": ariaHidden = true, ...props }, ref) => {
+	const strokeWidth = iconStrokeMap[size];
+	const sizeClass = size === 12 ? "w-3 h-3" : size === 16 ? "w-4 h-4" : size === 24 ? "w-6 h-6" : "w-8 h-8";
+	const ariaAttributes = ariaLabel ? { "aria-label": ariaLabel } : { "aria-hidden": ariaHidden };
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconComponent, {
+		ref,
+		className: require_utils.cn(sizeClass, className),
+		strokeWidth,
+		...ariaAttributes,
+		...props
+	});
+});
+Icon.displayName = "Icon";
+//#endregion
+exports.Icon = Icon;
+
+//# sourceMappingURL=Icon.cjs.map

package/dist/components/icon/Icon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.cjs","names":["React","cn"],"sources":["../../../src/components/icon/Icon.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { LucideIcon, LucideProps } from 'lucide-react';\nimport { cn } from '../../lib/utils';\n\nexport interface IconProps extends Omit<LucideProps, 'size'> {\n  icon: LucideIcon;\n  size: 12 | 16 | 24 | 32;\n  className?: string;\n  'aria-label'?: string;\n  'aria-hidden'?: boolean;\n}\n\nconst iconStrokeMap: Record<IconProps['size'], number> = {\n  12: 1.4,\n  16: 1.4,\n  24: 1.6,\n  32: 1.8,\n};\n\nconst Icon = React.forwardRef<SVGSVGElement, IconProps>(\n  (\n    {\n      icon: IconComponent,\n      size,\n      className,\n      'aria-label': ariaLabel,\n      'aria-hidden': ariaHidden = true,\n      ...props\n    },\n    ref,\n  ) => {\n    const strokeWidth = iconStrokeMap[size];\n    const sizeClass =\n      size === 12 ? 'w-3 h-3' : size === 16 ? 'w-4 h-4' : size === 24 ? 'w-6 h-6' : 'w-8 h-8';\n\n    const ariaAttributes = ariaLabel ? { 'aria-label': ariaLabel } : { 'aria-hidden': ariaHidden };\n\n    return (\n      <IconComponent\n        ref={ref}\n        className={cn(sizeClass, className)}\n        strokeWidth={strokeWidth}\n        {...ariaAttributes}\n        {...props}\n      />\n    );\n  },\n);\n\nIcon.displayName = 'Icon';\n\nexport { Icon };\n"],"mappings":";;;;;;;AAcA,MAAM,gBAAmD;CACvD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,MAAM,OAAOA,MAAM,YAEf,EACE,MAAM,eACN,MACA,WACA,cAAc,WACd,eAAe,aAAa,MAC5B,GAAG,SAEL,QACG;CACH,MAAM,cAAc,cAAc;CAClC,MAAM,YACJ,SAAS,KAAK,YAAY,SAAS,KAAK,YAAY,SAAS,KAAK,YAAY;CAEhF,MAAM,iBAAiB,YAAY,EAAE,cAAc,UAAU,IAAI,EAAE,eAAe,WAAW;CAE7F,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD;EACO;EACL,WAAWC,cAAAA,GAAG,WAAW,SAAS;EACrB;EACb,GAAI;EACJ,GAAI;CACL,CAAA;AAEL,CACF;AAEA,KAAK,cAAc"}