@voriel_salut/ds 0.1.0

package/dist/index.js

@@ -0,0 +1,1066 @@
+"use client";
+import { cn as e, cn as t } from "cn";
+import * as n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { cva as a } from "class-variance-authority";
+import { Dialog as o, Label as s, Slot as c, Tabs as l, Tooltip as u } from "radix-ui";
+import { XIcon as d } from "lucide-react";
+//#region src/components/air-style/air-style.tsx
+function f({ label: e, src: n, sources: a = [], className: o, ...s }) {
+	return /* @__PURE__ */ i("span", {
+		"data-slot": "air-style",
+		className: t("flex min-w-0 flex-col gap-2 text-foreground", o),
+		...s,
+		children: [/* @__PURE__ */ r("span", {
+			"data-slot": "air-style-media",
+			className: "block w-full rounded-2xl border-2 border-border bg-muted p-4 shadow-sm md:p-6",
+			children: /* @__PURE__ */ i("picture", {
+				className: "block aspect-square w-32 max-w-full",
+				children: [a.map((e) => /* @__PURE__ */ r("source", {
+					srcSet: e.srcSet,
+					media: e.media,
+					sizes: e.sizes
+				}, e.srcSet)), /* @__PURE__ */ r("img", {
+					src: n,
+					alt: "",
+					"aria-hidden": "true",
+					className: "size-full object-cover object-center"
+				})]
+			})
+		}), /* @__PURE__ */ r("span", {
+			"data-slot": "air-style-label",
+			className: "line-clamp-2 overflow-clip px-1 text-xs leading-4 font-medium text-pretty md:text-[0.8125rem]",
+			children: e
+		})]
+	});
+}
+//#endregion
+//#region src/components/ui/badge.tsx
+var p = a("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border-2 border-border px-2 py-0.5 text-xs font-semibold whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!", {
+	variants: { variant: {
+		default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+		secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+		accent: "bg-accent text-accent-foreground [a]:hover:bg-accent/80",
+		destructive: "bg-destructive text-destructive-foreground focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/80",
+		outline: "bg-background text-foreground [a]:hover:bg-accent [a]:hover:text-accent-foreground",
+		ghost: "border-transparent hover:bg-accent hover:text-accent-foreground",
+		link: "border-transparent text-primary underline-offset-4 hover:underline"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function m({ className: e, variant: n = "default", asChild: i = !1, ...a }) {
+	let o = i ? c.Root : "span";
+	return /* @__PURE__ */ r(o, {
+		"data-slot": "badge",
+		"data-variant": n,
+		className: t(p({ variant: n }), e),
+		...a
+	});
+}
+//#endregion
+//#region src/components/ui/button.tsx
+var h = "border-border shadow-sm active:not-aria-[haspopup]:translate-x-1 active:not-aria-[haspopup]:translate-y-1 active:not-aria-[haspopup]:shadow-none", g = a("group/button inline-flex shrink-0 items-center justify-center rounded-lg border-2 border-transparent bg-clip-padding text-sm font-semibold whitespace-nowrap transition-all outline-none select-none focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+	variants: {
+		variant: {
+			default: t(h, "bg-primary text-primary-foreground hover:bg-primary/90"),
+			secondary: t(h, "bg-secondary text-secondary-foreground hover:bg-secondary/90"),
+			accent: t(h, "bg-accent text-accent-foreground hover:bg-accent/90"),
+			outline: t(h, "bg-background hover:bg-accent hover:text-accent-foreground aria-expanded:bg-accent aria-expanded:text-accent-foreground"),
+			ghost: "hover:bg-accent hover:text-accent-foreground aria-expanded:bg-accent aria-expanded:text-accent-foreground",
+			destructive: t(h, "bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-destructive/40"),
+			link: "text-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+			xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+			sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+			lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+			icon: "size-8",
+			"icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+			"icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+			"icon-lg": "size-9"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function _({ className: e, variant: n = "default", size: i = "default", asChild: a = !1, ...o }) {
+	let s = a ? c.Root : "button";
+	return /* @__PURE__ */ r(s, {
+		"data-slot": "button",
+		"data-variant": n,
+		"data-size": i,
+		className: t(g({
+			variant: n,
+			size: i,
+			className: e
+		})),
+		...o
+	});
+}
+//#endregion
+//#region src/components/ui/card.tsx
+function v({ className: e, size: n = "default", ...i }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "card",
+		"data-size": n,
+		className: t("group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl bg-card py-(--card-spacing) text-sm text-card-foreground border-2 border-border shadow-md [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", e),
+		...i
+	});
+}
+function y({ className: e, ...n }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "card-header",
+		className: t("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)", e),
+		...n
+	});
+}
+function ee({ className: e, ...n }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "card-title",
+		className: t("font-heading text-base leading-snug font-bold group-data-[size=sm]/card:text-sm", e),
+		...n
+	});
+}
+function b({ className: e, ...n }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "card-description",
+		className: t("text-sm text-muted-foreground", e),
+		...n
+	});
+}
+function x({ className: e, ...n }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "card-action",
+		className: t("col-start-2 row-span-2 row-start-1 self-start justify-self-end", e),
+		...n
+	});
+}
+function S({ className: e, ...n }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "card-content",
+		className: t("px-(--card-spacing)", e),
+		...n
+	});
+}
+function C({ className: e, ...n }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "card-footer",
+		className: t("flex items-center rounded-b-xl border-t-2 bg-muted/50 p-(--card-spacing)", e),
+		...n
+	});
+}
+//#endregion
+//#region src/components/ui/dialog.tsx
+function w({ ...e }) {
+	return /* @__PURE__ */ r(o.Root, {
+		"data-slot": "dialog",
+		...e
+	});
+}
+function T({ ...e }) {
+	return /* @__PURE__ */ r(o.Trigger, {
+		"data-slot": "dialog-trigger",
+		...e
+	});
+}
+function E({ ...e }) {
+	return /* @__PURE__ */ r(o.Portal, {
+		"data-slot": "dialog-portal",
+		...e
+	});
+}
+function te({ ...e }) {
+	return /* @__PURE__ */ r(o.Close, {
+		"data-slot": "dialog-close",
+		...e
+	});
+}
+function D({ className: e, ...n }) {
+	return /* @__PURE__ */ r(o.Overlay, {
+		"data-slot": "dialog-overlay",
+		className: t("fixed inset-0 isolate z-50 bg-black/40 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", e),
+		...n
+	});
+}
+function O({ className: e, children: n, showCloseButton: a = !0, ...s }) {
+	return /* @__PURE__ */ i(E, { children: [/* @__PURE__ */ r(D, {}), /* @__PURE__ */ i(o.Content, {
+		"data-slot": "dialog-content",
+		className: t("fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-sm text-popover-foreground border-2 border-border shadow-lg duration-100 outline-none sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", e),
+		...s,
+		children: [n, a && /* @__PURE__ */ r(o.Close, {
+			"data-slot": "dialog-close",
+			asChild: !0,
+			children: /* @__PURE__ */ i(_, {
+				variant: "ghost",
+				className: "absolute top-2 right-2",
+				size: "icon-sm",
+				children: [/* @__PURE__ */ r(d, {}), /* @__PURE__ */ r("span", {
+					className: "sr-only",
+					children: "Close"
+				})]
+			})
+		})]
+	})] });
+}
+function k({ className: e, ...n }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "dialog-header",
+		className: t("flex flex-col gap-2", e),
+		...n
+	});
+}
+function A({ className: e, showCloseButton: n = !1, children: a, ...s }) {
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "dialog-footer",
+		className: t("-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t-2 bg-muted/50 p-4 sm:flex-row sm:justify-end", e),
+		...s,
+		children: [a, n && /* @__PURE__ */ r(o.Close, {
+			asChild: !0,
+			children: /* @__PURE__ */ r(_, {
+				variant: "outline",
+				children: "Close"
+			})
+		})]
+	});
+}
+function j({ className: e, ...n }) {
+	return /* @__PURE__ */ r(o.Title, {
+		"data-slot": "dialog-title",
+		className: t("font-heading text-base leading-none font-bold", e),
+		...n
+	});
+}
+function ne({ className: e, ...n }) {
+	return /* @__PURE__ */ r(o.Description, {
+		"data-slot": "dialog-description",
+		className: t("text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", e),
+		...n
+	});
+}
+//#endregion
+//#region src/lib/css-color.ts
+var M = null;
+function re(e, t) {
+	M ??= document.createElement("canvas").getContext("2d", { willReadFrequently: !0 });
+	let n = e.style.color;
+	e.style.color = t;
+	let r = getComputedStyle(e).color;
+	e.style.color = n, M.clearRect(0, 0, 1, 1), M.fillStyle = "#000", M.fillStyle = r, M.fillRect(0, 0, 1, 1);
+	let [i, a, o] = M.getImageData(0, 0, 1, 1).data;
+	return [
+		i / 255,
+		a / 255,
+		o / 255
+	];
+}
+//#endregion
+//#region src/components/shader-background/mesh-drift.frag?raw
+var N = "// \"Mesh drift\" — made with the 21st.dev Shader Builder\n// From \"Shader R\" by Leandro Araujo, MIT License\n// (https://21st.dev/@ola.leandroaraujo/components/shader-r). See THIRD_PARTY_NOTICES.md.\n// Packed WebGL1 uniforms (the shader exposes readable u_* aliases as macros):\n//   u_colors[8] (first 4 used)\n//   vec3(0.012, 0.071, 0.055)\n//   vec3(0.055, 0.486, 0.353)\n//   vec3(0.486, 0.898, 0.467)\n//   vec3(0.957, 1.000, 0.780)\n//   u_scene = vec4(canvas width, canvas height, seconds * 0.73, 4.0)\n//   u_shape = vec4(1.16, 0.34, 0.50, 0.00)\n//   u_surface = vec4(2.40, 1.16, 0.00, 1.00)\n//   u_finish = vec4(0.00, 0.00, 0.000, 0.09)\n//   u_transform = vec4(1453.0, 0.00, 0.00, 0.0)\n//   u_space = vec4(0.00, 0.00, pointer x, pointer y)\n//   u_cursor = vec4(presence, 2.0, 0.65, 0.46)\n\n#ifdef GL_FRAGMENT_PRECISION_HIGH\nprecision highp float;\n#else\nprecision mediump float;\n#endif\n\nuniform vec3 u_colors[8];\n// Seven packed vectors + eight colour vectors = 15 fragment uniform vectors,\n// one below WebGL1's guaranteed minimum. Macros preserve the public u_* API.\nuniform vec4 u_scene;      // resolution.xy, time, colour count\nuniform vec4 u_shape;      // scale, intensity, paramA, warp\nuniform vec4 u_surface;    // detail, contrast, brightness, saturation\nuniform vec4 u_finish;     // hue, vignette, blur, grain\nuniform vec4 u_transform;  // seed, rotation, drift, OKLab toggle\nuniform vec4 u_space;      // offset.xy, pointer.xy\nuniform vec4 u_cursor;\n\n#define u_resolution u_scene.xy\n#define u_time u_scene.z\n#define u_colorCount u_scene.w\n#define u_scale u_shape.x\n#define u_intensity u_shape.y\n#define u_paramA u_shape.z\n#define u_warp u_shape.w\n#define u_detail u_surface.x\n#define u_contrast u_surface.y\n#define u_brightness u_surface.z\n#define u_saturation u_surface.w\n#define u_hue u_finish.x\n#define u_vignette u_finish.y\n#define u_blur u_finish.z\n#define u_grain u_finish.w\n#ifdef GL_FRAGMENT_PRECISION_HIGH\n#define u_seed u_transform.x\n#else\n// Keep hash inputs inside mediump's guaranteed ±2^14 range.\n#define u_seed mod(u_transform.x, 31.0)\n#endif\n#define u_rotate u_transform.y\n#define u_drift u_transform.z\n#define u_oklab u_transform.w\n#define u_offset u_space.xy\n#define u_mouse u_space.zw\n#define u_cursorPresence u_cursor.x\n#define u_cursorEffect u_cursor.y\n#define u_cursorStrength u_cursor.z\n#define u_cursorRadius u_cursor.w\n\nfloat hash21(vec2 p) {\n#ifndef GL_FRAGMENT_PRECISION_HIGH\n  p = mod(p, 31.0);\n#endif\n  p = fract(p * vec2(234.34, 435.345));\n  p += dot(p, p + 34.23);\n  return fract(p.x * p.y);\n}\n\n// Even, un-structured white noise for film grain (Dave Hoskins hash12). The\n// multiply hash above is fine for value noise but shows a faint axis-aligned\n// mesh at integer fragment coords, which reads as a net over flat areas.\nfloat grainHash(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\nvec2 hash22(vec2 p) {\n#ifndef GL_FRAGMENT_PRECISION_HIGH\n  p = mod(p, 31.0);\n#endif\n  float n = sin(dot(p, vec2(41.0, 289.0)));\n  return fract(vec2(15731.743, 7892.321) * n);\n}\n\nfloat noise(vec2 p) {\n  vec2 i = floor(p);\n  vec2 f = fract(p);\n  vec2 u = f * f * (3.0 - 2.0 * f);\n  return mix(\n    mix(hash21(i), hash21(i + vec2(1.0, 0.0)), u.x),\n    mix(hash21(i + vec2(0.0, 1.0)), hash21(i + vec2(1.0, 1.0)), u.x),\n    u.y);\n}\n\nfloat fbm(vec2 p) {\n  float v = 0.0;\n  float a = 0.5;\n  for (int i = 0; i < 5; i++) {\n    v += a * noise(p);\n    p = p * 2.03 + vec2(17.0, 9.2);\n    a *= 0.5;\n  }\n  return v;\n}\n\n// --- OKLab colour mixing (perceptual), gated by u_oklab -----------------------\nvec3 srgbToLinear(vec3 c) {\n  return mix(c / 12.92, pow((c + 0.055) / 1.055, vec3(2.4)),\n    step(0.04045, c));\n}\nvec3 linearToSrgb(vec3 c) {\n  // max() guards the sRGB branch: out-of-gamut OKLab interpolations can send a\n  // channel negative, and pow(negative, …) is NaN which mix()/step() would\n  // then propagate. The linear branch clips such channels to 0 downstream.\n  return mix(c * 12.92, 1.055 * pow(max(c, vec3(0.0)), vec3(1.0 / 2.4)) - 0.055,\n    step(0.0031308, c));\n}\nvec3 linToOklab(vec3 c) {\n  float l = 0.4122214708 * c.r + 0.5363325363 * c.g + 0.0514459929 * c.b;\n  float m = 0.2119034982 * c.r + 0.6806995451 * c.g + 0.1073969566 * c.b;\n  float s = 0.0883024619 * c.r + 0.2817188376 * c.g + 0.6299787005 * c.b;\n  l = pow(max(l, 0.0), 1.0 / 3.0);\n  m = pow(max(m, 0.0), 1.0 / 3.0);\n  s = pow(max(s, 0.0), 1.0 / 3.0);\n  return vec3(\n    0.2104542553 * l + 0.7936177850 * m - 0.0040720468 * s,\n    1.9779984951 * l - 2.4285922050 * m + 0.4505937099 * s,\n    0.0259040371 * l + 0.7827717662 * m - 0.8086757660 * s);\n}\nvec3 oklabToLin(vec3 c) {\n  float l = c.x + 0.3963377774 * c.y + 0.2158037573 * c.z;\n  float m = c.x - 0.1055613458 * c.y - 0.0638541728 * c.z;\n  float s = c.x - 0.0894841775 * c.y - 1.2914855480 * c.z;\n  l = l * l * l; m = m * m * m; s = s * s * s;\n  return vec3(\n    4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s,\n    -1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s,\n    -0.0041960863 * l - 0.7034186147 * m + 1.7076147010 * s);\n}\nvec3 mixColour(vec3 a, vec3 b, float t) {\n  if (u_oklab > 0.5) {\n    vec3 la = linToOklab(srgbToLinear(a));\n    vec3 lb = linToOklab(srgbToLinear(b));\n    return clamp(linearToSrgb(oklabToLin(mix(la, lb, t))), 0.0, 1.0);\n  }\n  return mix(a, b, t);\n}\n\n// Mix through the recipe colours; x is clamped to 0..1. WebGL1 forbids\n// dynamic uniform indexing in fragment shaders, hence the constant loop.\nvec3 palette(float x) {\n  float n = max(u_colorCount - 1.0, 1.0);\n  float f = clamp(x, 0.0, 1.0) * n;\n  vec3 col = u_colors[0];\n  for (int i = 0; i < 7; i++) {\n    if (float(i) < n)\n      col = mixColour(col, u_colors[i + 1],\n        smoothstep(0.0, 1.0, clamp(f - float(i), 0.0, 1.0)));\n  }\n  return col;\n}\n\nvec3 hueRotate(vec3 col, float a) {\n  const mat3 toYIQ = mat3(0.299, 0.596, 0.211,\n                          0.587, -0.274, -0.523,\n                          0.114, -0.322, 0.312);\n  const mat3 toRGB = mat3(1.0, 1.0, 1.0,\n                          0.956, -0.272, -1.106,\n                          0.621, -0.647, 1.703);\n  vec3 yiq = toYIQ * col;\n  float ca = cos(a), sa = sin(a);\n  yiq = vec3(yiq.x, yiq.y * ca - yiq.z * sa, yiq.y * sa + yiq.z * ca);\n  return toRGB * yiq;\n}\n\nvec3 shade(vec2 uv, vec2 p, float t) {\n  vec3 acc = u_colors[0] * 0.15;\n  float total = 0.15;\n  for (int i = 0; i < 8; i++) {\n    if (float(i) >= u_colorCount) break;\n    float fi = float(i);\n    vec2 c = vec2(\n      sin(t * (0.21 + fi * 0.071) + fi * 2.4 + u_seed),\n      cos(t * (0.17 + fi * 0.093) + fi * 1.7)) * (0.45 + u_intensity * 0.35);\n    float w = exp(-dot(p - c, p - c) * 6.0);\n    acc += u_colors[i] * w;\n    total += w;\n  }\n  return acc / total;\n}\n\nvoid main() {\n  vec2 uv = gl_FragCoord.xy / u_resolution.xy;\n  vec2 screenUv = uv;\n  vec2 p = (gl_FragCoord.xy - 0.5 * u_resolution.xy)\n    / min(u_resolution.x, u_resolution.y);\n  float cursorMask = 0.0;\n\n  // Cursor modes 1–3 are local distortions. Push shifts the same screen-space\n  // coordinates before field transforms, so Zoom/Rotate don't change its feel.\n  if (u_cursorPresence > 0.001) {\n    // u_mouse is normalized to -1..1 in canvas space. Convert it to the same\n    // aspect-corrected screen space as p so effects stay under the cursor.\n    vec2 cursor = (0.5 * u_mouse * u_resolution.xy)\n      / min(u_resolution.x, u_resolution.y);\n    vec2 cursorDelta = p - cursor;\n    if (u_cursorEffect < 0.5) {\n      p += cursor * u_cursorPresence * u_cursorStrength * 0.55;\n    } else {\n      float cursorDistance = length(cursorDelta);\n      vec2 cursorDirection = cursorDelta / max(cursorDistance, 0.0001);\n      cursorMask = u_cursorPresence\n        * (1.0 - smoothstep(0.0, u_cursorRadius, cursorDistance));\n      if (u_cursorEffect < 1.5) {\n        p -= cursorDirection * cursorMask * u_cursorStrength * 0.24;\n      } else if (u_cursorEffect < 2.5) {\n        float cursorAngle = cursorMask * u_cursorStrength * 2.2;\n        float cc = cos(cursorAngle), cs = sin(cursorAngle);\n        p = cursor + mat2(cc, -cs, cs, cc) * cursorDelta;\n      } else if (u_cursorEffect < 3.5) {\n        float ripple = sin(\n          cursorDistance / max(u_cursorRadius, 0.001) * 18.0 - u_time * 5.0);\n        p -= cursorDirection * ripple * cursorMask * u_cursorStrength * 0.07;\n      }\n    }\n  }\n\n  // Keep presets that read uv (rather than p) in the same warped space.\n  uv = p * min(u_resolution.x, u_resolution.y) / u_resolution.xy + 0.5;\n  p *= u_scale;\n  // Field transform: rotate, pan, pointer push, slow drift.\n  if (abs(u_rotate) > 0.0001) {\n    float cr = cos(u_rotate), sr = sin(u_rotate);\n    p = mat2(cr, -sr, sr, cr) * p;\n  }\n  p += u_offset;\n  if (u_drift > 0.0001)\n    p += u_drift * vec2(sin(u_time * 0.31), cos(u_time * 0.23));\n  // Organic domain warp.\n  if (u_warp > 0.0) {\n    p += u_warp * (vec2(\n      fbm(p * u_detail + u_seed),\n      fbm(p * u_detail + vec2(5.2, 1.3))) - 0.5);\n  }\n  // Shade, with an optional soft 5-tap blur.\n  vec3 col;\n  if (u_blur > 0.0) {\n    float e = u_blur;\n    float pe = e * u_scale;\n    vec2 uvE = vec2(e) * min(u_resolution.x, u_resolution.y) / u_resolution.xy;\n    col  = shade(uv, p, u_time) * 0.36;\n    col += shade(uv + vec2(uvE.x, 0.0), p + vec2(pe, 0.0), u_time) * 0.16;\n    col += shade(uv - vec2(uvE.x, 0.0), p - vec2(pe, 0.0), u_time) * 0.16;\n    col += shade(uv + vec2(0.0, uvE.y), p + vec2(0.0, pe), u_time) * 0.16;\n    col += shade(uv - vec2(0.0, uvE.y), p - vec2(0.0, pe), u_time) * 0.16;\n  } else {\n    col = shade(uv, p, u_time);\n  }\n  // Post: contrast, saturation, hue, brightness, vignette, grain.\n  if (abs(u_contrast - 1.0) > 0.0001)\n    col = (col - 0.5) * u_contrast + 0.5;\n  if (abs(u_saturation - 1.0) > 0.0001) {\n    float luma = dot(col, vec3(0.299, 0.587, 0.114));\n    col = mix(vec3(luma), col, u_saturation);\n  }\n  if (abs(u_hue) > 0.0001)\n    col = hueRotate(col, u_hue);\n  if (abs(u_brightness) > 0.0001)\n    col += u_brightness;\n  if (u_vignette > 0.0001) {\n    float vd = length(screenUv - 0.5) * 1.41421356;\n    col *= 1.0 - u_vignette * smoothstep(0.35, 1.0, vd);\n  }\n  if (u_cursorPresence > 0.001 && u_cursorEffect > 3.5)\n    col += (vec3(0.18) + col * 0.12) * cursorMask * u_cursorStrength;\n  if (u_grain > 0.0001)\n    col += (grainHash(\n      gl_FragCoord.xy + vec2(u_seed * 17.0, u_seed * 31.0)) - 0.5) * u_grain;\n  gl_FragColor = vec4(clamp(col, 0.0, 1.0), 1.0);\n}\n", P = [
+	"--shader-1",
+	"--shader-2",
+	"--shader-3",
+	"--shader-4"
+], F = "\nattribute vec2 a_position;\nvoid main() { gl_Position = vec4(a_position, 0.0, 1.0); }\n", I = {
+	u_shape: [
+		1.16,
+		.34,
+		.5,
+		0
+	],
+	u_surface: [
+		2.4,
+		1.16,
+		0,
+		1
+	],
+	u_finish: [
+		0,
+		0,
+		0,
+		.09
+	],
+	u_transform: [
+		1453,
+		0,
+		0,
+		0
+	],
+	u_space: [
+		0,
+		0,
+		0,
+		0
+	],
+	u_cursor: [
+		0,
+		2,
+		.65,
+		.46
+	]
+};
+function L(e, t, n) {
+	let r = e.createShader(t);
+	return r ? (e.shaderSource(r, n), e.compileShader(r), e.getShaderParameter(r, e.COMPILE_STATUS) ? r : (console.error("shader-background:", e.getShaderInfoLog(r)), null)) : null;
+}
+function R({ className: e, ...i }) {
+	let a = n.useRef(null);
+	return n.useEffect(() => {
+		let e = a.current, t = e.getContext("webgl", {
+			antialias: !1,
+			premultipliedAlpha: !1
+		});
+		if (!t) return;
+		let n = L(t, t.VERTEX_SHADER, F), r = L(t, t.FRAGMENT_SHADER, N), i = n && r ? t.createProgram() : null;
+		if (!i || !n || !r || (t.attachShader(i, n), t.attachShader(i, r), t.linkProgram(i), !t.getProgramParameter(i, t.LINK_STATUS))) return;
+		t.useProgram(i), t.bindBuffer(t.ARRAY_BUFFER, t.createBuffer()), t.bufferData(t.ARRAY_BUFFER, new Float32Array([
+			-1,
+			-1,
+			3,
+			-1,
+			-1,
+			3
+		]), t.STATIC_DRAW);
+		let o = t.getAttribLocation(i, "a_position");
+		t.enableVertexAttribArray(o), t.vertexAttribPointer(o, 2, t.FLOAT, !1, 0, 0);
+		for (let [e, n] of Object.entries(I)) t.uniform4fv(t.getUniformLocation(i, e), n);
+		let s = t.getUniformLocation(i, "u_scene"), c = t.getUniformLocation(i, "u_colors"), l = () => {
+			let n = /* @__PURE__ */ new Float32Array(24);
+			P.forEach((t, r) => {
+				n.set(re(e, `var(${t})`), r * 3);
+			}), t.uniform3fv(c, n);
+		};
+		l();
+		let u = () => {
+			let n = Math.min(window.devicePixelRatio || 1, 2);
+			e.width = Math.max(1, Math.round(e.clientWidth * n)), e.height = Math.max(1, Math.round(e.clientHeight * n)), t.viewport(0, 0, e.width, e.height);
+		};
+		u();
+		let d = window.matchMedia("(prefers-reduced-motion: reduce)"), f = performance.now(), p = 0, m = (n) => {
+			let r = d.matches ? 0 : (n - f) / 1e3;
+			t.uniform4f(s, e.width, e.height, r * .73, P.length), t.drawArrays(t.TRIANGLES, 0, 3);
+		}, h = (e) => {
+			m(e), p = document.hidden || d.matches ? 0 : requestAnimationFrame(h);
+		}, g = () => {
+			cancelAnimationFrame(p), p = requestAnimationFrame(h);
+		};
+		g();
+		let _ = new ResizeObserver(() => {
+			u(), g();
+		});
+		_.observe(e);
+		let v = new MutationObserver(() => {
+			l(), g();
+		});
+		return v.observe(document.documentElement, {
+			attributes: !0,
+			attributeFilter: ["class"]
+		}), document.addEventListener("visibilitychange", g), d.addEventListener("change", g), () => {
+			cancelAnimationFrame(p), _.disconnect(), v.disconnect(), document.removeEventListener("visibilitychange", g), d.removeEventListener("change", g), t.getExtension("WEBGL_lose_context")?.loseContext();
+		};
+	}, []), /* @__PURE__ */ r("div", {
+		"data-slot": "shader-background",
+		"aria-hidden": "true",
+		className: t("pointer-events-none absolute inset-0 -z-10 bg-(--shader-1)", e),
+		...i,
+		children: /* @__PURE__ */ r("canvas", {
+			ref: a,
+			className: "block size-full"
+		})
+	});
+}
+//#endregion
+//#region src/components/ui/halftone-nebula.tsx
+var z = {
+	pixel: 6,
+	dotMin: .12,
+	dotMax: .56,
+	levels: 7,
+	scale: 1.7,
+	warp: 1.5,
+	drift: .035,
+	density: .5,
+	threshold: .54,
+	softness: .5,
+	band: .5,
+	bandAngle: 1.05,
+	bandOffset: .42,
+	bandWidth: .34,
+	haze: .8,
+	stars: 1,
+	twinkle: 1.4,
+	starDrift: 1.2,
+	sparkles: 9,
+	seed: 11,
+	spikeWidth: 1,
+	planet: !0,
+	planetX: .26,
+	planetY: .36,
+	planetRadius: .075,
+	parallax: 1,
+	lens: .55,
+	lensRadius: 170,
+	lensPush: .3,
+	rippleSpeed: 420,
+	speed: 1,
+	vignette: .5,
+	grain: .035,
+	voidColor: "var(--shader-1)",
+	hazeColor: "var(--background)",
+	duskColor: "var(--muted)",
+	wineColor: "var(--shader-2)",
+	crimsonColor: "color-mix(in oklch, var(--shader-2), var(--shader-3))",
+	hotColor: "var(--shader-3)",
+	starColor: "var(--shader-4)"
+}, B = {
+	brand: {},
+	crimson: {
+		voidColor: "#050309",
+		hazeColor: "#161a38",
+		duskColor: "#3b1646",
+		wineColor: "#5c0d31",
+		crimsonColor: "#c01245",
+		hotColor: "#ff1f5a",
+		starColor: "#f6e2e8"
+	},
+	ultraviolet: {
+		voidColor: "#050309",
+		hazeColor: "#10183f",
+		duskColor: "#2a1a5e",
+		wineColor: "#3d1478",
+		crimsonColor: "#7b2cf0",
+		hotColor: "#c77dff",
+		starColor: "#eef0ff",
+		bandAngle: 2.2,
+		bandOffset: .3,
+		planetX: .74,
+		planetY: .3,
+		seed: 4
+	},
+	abyssal: {
+		voidColor: "#02060a",
+		hazeColor: "#0a1f2e",
+		duskColor: "#0d2f3f",
+		wineColor: "#0a4453",
+		crimsonColor: "#0f8f9f",
+		hotColor: "#3ff2e0",
+		starColor: "#e4fffb",
+		band: .5,
+		bandAngle: -.4,
+		bandOffset: -.2,
+		planetX: .7,
+		planetY: .66,
+		seed: 23
+	},
+	solar: {
+		voidColor: "#070403",
+		hazeColor: "#231208",
+		duskColor: "#3d1a07",
+		wineColor: "#6e2406",
+		crimsonColor: "#d8520c",
+		hotColor: "#ffb020",
+		starColor: "#fff3d6",
+		warp: 1.9,
+		band: .72,
+		bandAngle: .4,
+		planetRadius: .1,
+		seed: 5
+	},
+	phosphor: {
+		voidColor: "#020502",
+		hazeColor: "#08170c",
+		duskColor: "#0c2412",
+		wineColor: "#0e3d18",
+		crimsonColor: "#1f9d3a",
+		hotColor: "#6dff7a",
+		starColor: "#e6ffe8",
+		pixel: 5,
+		levels: 5,
+		planet: !1,
+		sparkles: 6,
+		seed: 31
+	}
+}, V = 16, H = 4, ie = [
+	["pixel", "f"],
+	["dotMin", "f"],
+	["dotMax", "f"],
+	["levels", "f"],
+	["scale", "f"],
+	["warp", "f"],
+	["drift", "f"],
+	["density", "f"],
+	["threshold", "f"],
+	["softness", "f"],
+	["band", "f"],
+	["bandAngle", "f"],
+	["bandOffset", "f"],
+	["bandWidth", "f"],
+	["haze", "f"],
+	["stars", "f"],
+	["twinkle", "f"],
+	["starDrift", "f"],
+	["spikeWidth", "f"],
+	["parallax", "f"],
+	["lens", "f"],
+	["lensRadius", "f"],
+	["lensPush", "f"],
+	["rippleSpeed", "f"],
+	["vignette", "f"],
+	["grain", "f"],
+	["voidColor", "c"],
+	["hazeColor", "c"],
+	["duskColor", "c"],
+	["wineColor", "c"],
+	["crimsonColor", "c"],
+	["hotColor", "c"],
+	["starColor", "c"]
+], ae = (e) => "u" + e[0].toUpperCase() + e.slice(1), U = (e) => e === "c" ? "vec3" : e === "i" || e === "b" ? "int" : "float", W = (e) => e.map(([e, t]) => "uniform " + U(t) + " " + ae(e) + ";").join("\n"), oe = "#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}", se = `#version 300 es
+precision highp float;
+uniform vec2 uRes;
+uniform float uDpr;
+uniform float uTime;
+uniform vec2 uPointer;
+uniform float uPointerOn;
+uniform vec2 uLook;
+uniform int uSparkCount;
+uniform vec4 uSpark[${V}];
+uniform vec4 uSparkB[${V}];
+uniform vec4 uRipple[${H}];
+uniform vec4 uPlanet;
+${W(ie)}
+out vec4 frag;
+
+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);
+}
+float vnoise(vec2 p){
+  vec2 i = floor(p), f = fract(p);
+  f = f * f * (3.0 - 2.0 * f);
+  float a = hash12(i), b = hash12(i + vec2(1.0, 0.0));
+  float c = hash12(i + vec2(0.0, 1.0)), d = hash12(i + vec2(1.0, 1.0));
+  return mix(mix(a, b, f.x), mix(c, d, f.x), f.y);
+}
+float fbm(vec2 p){
+  float s = 0.0, a = 0.5;
+  mat2 r = mat2(0.8, -0.6, 0.6, 0.8);
+  for (int i = 0; i < 5; i++) { s += a * vnoise(p); p = r * p * 2.03 + 17.1; a *= 0.5; }
+  return s / 0.96875;
+}
+float bayer4(vec2 c){
+  vec2 m = mod(c, 4.0);
+  int i = int(m.x) + int(m.y) * 4;
+  int b[16] = int[16](0, 8, 2, 10, 12, 4, 14, 6, 3, 11, 1, 9, 15, 7, 13, 5);
+  return (float(b[i]) + 0.5) / 16.0;
+}
+vec3 ramp(float d, vec3 haze){
+  vec3 c = mix(uVoidColor, haze, smoothstep(0.0, 0.22, d));
+  c = mix(c, uWineColor, smoothstep(0.18, 0.44, d));
+  c = mix(c, uCrimsonColor, smoothstep(0.42, 0.72, d));
+  return mix(c, uHotColor, smoothstep(0.7, 0.96, d));
+}
+vec2 shift(float depth){
+  return floor(uLook * uParallax * depth * 28.0);
+}
+
+// Density of the gas at a CSS-pixel position: x = density, y = haze, z = tone.
+vec3 field(vec2 pos, vec2 resCss){
+  float minSide = min(resCss.x, resCss.y);
+  vec2 uv = (pos - 0.5 * resCss) / minSide;
+  vec2 p = uv * uScale + uLook * uParallax * 0.05;
+
+  vec2 toP = pos - uPointer;
+  float lamp = exp(-dot(toP, toP) / (uLensRadius * uLensRadius)) * uPointerOn;
+  p += toP / minSide * lamp * uLensPush * uScale;
+
+  float ring = 0.0;
+  for (int i = 0; i < ${H}; i++) {
+    vec4 r = uRipple[i];
+    float age = uTime - r.z;
+    if (r.w <= 0.0 || age < 0.0 || age > 2.4) continue;
+    vec2 dv = pos - r.xy;
+    float dist = length(dv);
+    float w = 14.0 + age * 26.0;
+    float k = exp(-pow((dist - age * uRippleSpeed) / w, 2.0)) * (1.0 - age / 2.4) * r.w;
+    ring += k;
+    p += dv / max(dist, 1.0) * k * 0.12;
+  }
+
+  float t = uTime * uDrift;
+  vec2 q = vec2(fbm(p + vec2(0.0, t * 0.7)), fbm(p + vec2(5.2, 1.3) - t * 0.5));
+  float n = fbm(p + uWarp * q + vec2(t * 0.4, -t * 0.25));
+
+  vec2 dir = vec2(cos(uBandAngle), sin(uBandAngle));
+  float along = dot(uv, dir);
+  float across = dot(uv, vec2(-dir.y, dir.x)) - uBandOffset - 0.22 * sin(along * 2.3 + t * 3.0) - (q.x - 0.5) * 0.35;
+  float river = exp(-across * across / (uBandWidth * uBandWidth));
+
+  float raw = n + river * uBand * 0.5 + (uDensity - 0.5) * 0.5;
+  float d = smoothstep(uThreshold, uThreshold + uSoftness, raw);
+  d = clamp(d + lamp * uLens * 0.45 + ring * 0.55, 0.0, 1.0);
+
+  for (int i = 0; i < ${V}; i++) {
+    if (i >= uSparkCount) break;
+    vec4 s = uSpark[i];
+    vec4 b = uSparkB[i];
+    float grow = smoothstep(0.0, 0.6, uTime - s.w);
+    float dist = length(pos - s.xy - shift(1.2));
+    d += exp(-dist / max(b.w * 2.2 * (1.0 + b.z * 0.6), 1.0)) * 0.55 * grow;
+  }
+
+  float hz = smoothstep(0.25, 0.75, n + river * 0.25) * uHaze;
+  float tone = fbm(p * 0.45 + vec2(11.0, -3.0) + t * 0.2);
+  return vec3(clamp(d, 0.0, 1.0), hz, tone);
+}
+
+void main(){
+  vec2 resCss = uRes / uDpr;
+  vec2 css = gl_FragCoord.xy / uDpr;
+  float px = max(uPixel, 1.0);
+  vec2 cell = floor(css / px);
+  vec2 cellC = (cell + 0.5) * px;
+  vec2 f = fract(css / px) - 0.5;
+  float L = max(uLevels, 2.0);
+  float dith = bayer4(cell);
+
+  // ---- the gas, printed as a halftone ---------------------------------------
+  vec3 g = field(cellC, resCss);
+  vec3 hazeCol = mix(uHazeColor, uDuskColor, smoothstep(0.38, 0.62, g.z));
+  float dq = clamp(floor(g.x * L + dith) / L, 0.0, 1.0);
+  float hq = floor(g.y * 3.0 + dith) / 3.0;
+  vec3 bg = mix(uVoidColor, hazeCol, hq * 0.7);
+  bg = mix(bg, ramp(dq * 0.7, hazeCol) * 0.42, smoothstep(0.0, 0.3, dq));
+  float r = mix(uDotMin, uDotMax, sqrt(dq));
+  float dotMask = step(length(f), r);
+  vec3 dotCol = dq < 0.01 ? mix(uVoidColor, hazeCol, 0.35 + hq * 0.5) : ramp(min(dq + 0.1, 1.0), hazeCol);
+  vec3 col = mix(bg, dotCol, dotMask);
+
+  // ---- pixel stars, three parallax depths ------------------------------------
+  vec3 starAcc = vec3(0.0);
+  float starA = 0.0;
+  for (int l = 0; l < 3; l++) {
+    float fl = float(l);
+    float depth = 0.3 + fl * 0.4;
+    float gpx = px * (l == 2 ? 2.0 : 1.0);
+    vec2 sp = css + shift(depth) + vec2(0.0, floor(uTime * uStarDrift * depth));
+    vec2 id = floor(sp / gpx);
+    vec2 fr = fract(sp / gpx) - 0.5;
+    float prob = uStars * (l == 0 ? 0.009 : l == 1 ? 0.014 : 0.01);
+    float h = hash12(id + fl * 71.3);
+    if (h > 1.0 - prob) {
+      float h2 = hash12(id * 1.7 + 3.1 + fl);
+      float tw = 0.45 + 0.55 * (0.5 + 0.5 * sin(uTime * uTwinkle * (0.6 + h2 * 2.5) + h2 * 40.0));
+      float rad = l == 2 ? 0.42 : 0.26 + h2 * 0.22;
+      float m = step(length(fr), rad);
+      vec3 c = (l == 0 || h2 > 0.82) ? uStarColor : uHotColor;
+      starAcc = max(starAcc, c * m * tw);
+      starA = max(starA, m * tw);
+    }
+  }
+  col = mix(col, starAcc / max(starA, 1e-3), starA * (1.0 - g.x * 0.55));
+
+  // ---- the planet, same halftone, lit from the upper left --------------------
+  if (uPlanet.w > 0.5) {
+    vec2 pc = uPlanet.xy + shift(0.8);
+    float R = uPlanet.z;
+    vec2 dc = cellC - pc;
+    if (length(dc) < R) {
+      vec2 n2 = dc / R;
+      float z = sqrt(max(1.0 - dot(n2, n2), 0.0));
+      float lit = clamp(dot(vec3(n2, z), normalize(vec3(-0.45, 0.55, 0.7))), 0.0, 1.0);
+      float surf = fbm(vec2(n2.x * 1.4 + uTime * 0.015, n2.y * 4.2) * 1.6 + 9.0);
+      float pd = clamp(lit * 1.05 - smoothstep(0.55, 0.75, surf) * 0.45 * (1.0 - lit * 0.5) + 0.05, 0.0, 1.0);
+      float pq = floor(pd * L + dith) / L;
+      vec3 pbg = mix(mix(uVoidColor, uWineColor, 0.35), uWineColor, pq);
+      float pr = mix(0.2, 0.62, sqrt(pq));
+      vec3 pdot = ramp(min(pq * 0.85 + 0.25, 1.0), hazeCol);
+      col = mix(pbg, pdot, step(length(f), pr));
+    }
+  }
+
+  // ---- sparkle stars: chunky core, needle spikes -----------------------------
+  vec2 sh = shift(1.2);
+  for (int i = 0; i < ${V}; i++) {
+    if (i >= uSparkCount) break;
+    vec4 s = uSpark[i];
+    vec4 b = uSparkB[i];
+    float age = uTime - s.w;
+    if (age < 0.0) continue;
+    float grow = smoothstep(0.0, 0.55, age) * (1.0 + 0.3 * exp(-age * 3.0) * sin(age * 13.0));
+    float tw = 0.84 + 0.16 * sin(uTime * uTwinkle * 1.7 + b.y);
+    float flare = 1.0 + b.z * 0.6;
+    float reach = s.z * grow * tw * flare;
+    float core = b.w * grow * flare;
+    vec3 tint = mix(uHotColor, uStarColor, b.x);
+    vec2 c = s.xy + sh;
+    vec2 d = css - c;
+    float th = uSpikeWidth * 0.5 + 0.25;
+    float hx = step(abs(d.y), th) * pow(max(1.0 - abs(d.x) / max(reach, 1.0), 0.0), 1.1);
+    float vy = step(abs(d.x), th) * pow(max(1.0 - abs(d.y) / max(reach, 1.0), 0.0), 1.1);
+    // A short second pair of spikes, turned 45deg, only on the big ones.
+    vec2 rd = vec2(d.x + d.y, d.x - d.y) * 0.7071;
+    float diag = step(0.5, core / px - 1.5) * 0.45 * max(
+      step(abs(rd.y), th) * pow(max(1.0 - abs(rd.x) / max(reach * 0.22, 1.0), 0.0), 2.0),
+      step(abs(rd.x), th) * pow(max(1.0 - abs(rd.y) / max(reach * 0.22, 1.0), 0.0), 2.0));
+    col = mix(col, tint, clamp(max(max(hx, vy), diag), 0.0, 1.0));
+    // The core snaps to the cell grid, so it reads as a pixel-art disc.
+    float hp = px * 0.5;
+    vec2 dcell = (floor(css / hp) + 0.5) * hp - (floor(c / hp) + 0.5) * hp;
+    float disc = step(length(dcell), core);
+    float glow = exp(-length(d) / max(core * 1.4, 1.0)) * (1.0 - disc);
+    col += tint * glow * 0.35;
+    col = mix(col, tint, disc);
+    float cross = max(step(abs(d.y), th) * step(abs(d.x), core * 0.85),
+                      step(abs(d.x), th) * step(abs(d.y), core * 0.85));
+    col = mix(col, uStarColor, cross * disc * 0.9);
+  }
+
+  // ---- post -----------------------------------------------------------------
+  vec2 vu = gl_FragCoord.xy / uRes - 0.5;
+  col *= 1.0 - uVignette * smoothstep(0.35, 0.95, length(vu * vec2(uRes.x / uRes.y, 1.0) * 1.1));
+  col += (hash12(floor(css) + fract(uTime) * 91.0) - 0.5) * uGrain;
+  frag = vec4(max(col, vec3(0.0)), 1.0);
+}`;
+function G(e) {
+	let t = e >>> 0;
+	return () => {
+		t = t + 1831565813 >>> 0;
+		let e = t;
+		return e = Math.imul(e ^ e >>> 15, e | 1), e ^= e + Math.imul(e ^ e >>> 7, e | 61), ((e ^ e >>> 14) >>> 0) / 4294967296;
+	};
+}
+function ce(e, t) {
+	let n = G(e), r = [], i = Math.max(0, Math.min(Math.floor(t), V));
+	for (let e = 0; e < i; e++) {
+		let t = e === 0, i = e === 1, a = .5, o = .5;
+		for (let e = 0; e < 40 && (a = .08 + .84 * n(), o = t ? .58 + .28 * n() : .08 + .84 * n(), !r.every((e) => Math.hypot(e.x - a, e.y - o) > (t ? .2 : .13))); e++);
+		r.push({
+			x: a,
+			y: o,
+			reach: t ? .2 + .05 * n() : i ? .08 + .03 * n() : .025 + .055 * n(),
+			core: t ? .024 : i ? .011 : .004 + .006 * n(),
+			tint: +!!i,
+			phase: n() * 6.283,
+			born: -10,
+			user: !1
+		});
+	}
+	return r;
+}
+function le(e, t, n = V) {
+	if (e.length < n) return [...e, t];
+	let r = e.findIndex((e) => e.user);
+	return r === -1 ? e : [
+		...e.slice(0, r),
+		...e.slice(r + 1),
+		t
+	];
+}
+function ue(e) {
+	let t = .5 + .32 * Math.sin(e * .21) + .1 * Math.sin(e * .077 + 1.3), n = .5 + .26 * Math.cos(e * .17) + .12 * Math.cos(e * .053 + 4.2);
+	return [Math.min(Math.max(t, .05), .95), Math.min(Math.max(n, .05), .95)];
+}
+function K({ height: e, preset: a = "brand", params: o, interactive: s = !0, touch: c = "scroll", maxDpr: l = 2, children: u, className: d, style: f, ...p }) {
+	let m = n.useRef(null), h = n.useRef(null), g = n.useRef(null), [_, v] = n.useState(!1), [y, ee] = n.useState(0), [b, x] = n.useState(!1);
+	n.useEffect(() => {
+		let e = window.matchMedia("(prefers-reduced-motion: reduce)"), t = () => x(e.matches);
+		return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, []);
+	let S = n.useMemo(() => ({
+		...z,
+		...B[a] ?? {},
+		...o ?? {}
+	}), [a, o]), C = n.useRef(S);
+	return n.useLayoutEffect(() => {
+		C.current = S;
+	}, [S]), n.useEffect(() => {
+		let e = m.current, t = h.current, n = g.current;
+		if (!e || !t || !n) return;
+		let r = t.getContext("webgl2", {
+			antialias: !1,
+			alpha: !1,
+			depth: !1,
+			powerPreference: "high-performance"
+		});
+		if (!r) {
+			v(!0);
+			return;
+		}
+		let i = (e, t) => {
+			let n = r.createShader(e);
+			return n ? (r.shaderSource(n, t), r.compileShader(n), r.getShaderParameter(n, r.COMPILE_STATUS) ? n : (console.error("halftone-nebula:", r.getShaderInfoLog(n)), r.deleteShader(n), null)) : null;
+		}, a = i(r.VERTEX_SHADER, oe), o = i(r.FRAGMENT_SHADER, se), c = a && o ? r.createProgram() : null;
+		if (!c || !a || !o) {
+			v(!0);
+			return;
+		}
+		if (r.attachShader(c, a), r.attachShader(c, o), r.linkProgram(c), r.deleteShader(a), r.deleteShader(o), !r.getProgramParameter(c, r.LINK_STATUS)) {
+			console.error("halftone-nebula:", r.getProgramInfoLog(c)), r.deleteProgram(c), v(!0);
+			return;
+		}
+		let u = /* @__PURE__ */ new Map(), d = (e) => {
+			let t = u.get(e);
+			return t || (t = re(n, e), u.set(e, t)), t;
+		}, f = (e) => r.getUniformLocation(c, e), p = ie.map(([e, t]) => [
+			f(ae(e)),
+			e,
+			t
+		]), _ = {
+			res: f("uRes"),
+			dpr: f("uDpr"),
+			time: f("uTime"),
+			pointer: f("uPointer"),
+			pointerOn: f("uPointerOn"),
+			look: f("uLook"),
+			sparkCount: f("uSparkCount"),
+			spark: f("uSpark"),
+			sparkB: f("uSparkB"),
+			ripple: f("uRipple"),
+			planet: f("uPlanet")
+		}, y = r.createVertexArray(), x = 1, S = 1, w = 1, T = () => {
+			w = Math.min(window.devicePixelRatio || 1, Math.max(l, .5)), x = Math.max(t.clientWidth, 1), S = Math.max(t.clientHeight, 1);
+			let e = Math.floor(x * w), n = Math.floor(S * w);
+			(t.width !== e || t.height !== n) && (t.width = e, t.height = n), b && X();
+		}, E = ce(C.current.seed, C.current.sparkles), te = C.current.seed + ":" + C.current.sparkles, D = new Float32Array(V), O = /* @__PURE__ */ new Float32Array(64), k = /* @__PURE__ */ new Float32Array(64), A = /* @__PURE__ */ new Float32Array(16), j = 0, ne = performance.now(), M = () => b ? 14 : (performance.now() - ne) / 1e3 * C.current.speed, N = 0, P = .5, F = .5, I = .5, L = .5, R = 0, z = 0, B = 0, U = !1, W = -1e9, G = (e) => {
+			let n = t.getBoundingClientRect();
+			return [Math.min(Math.max((e.clientX - n.left) / Math.max(n.width, 1), 0), 1), Math.min(Math.max(1 - (e.clientY - n.top) / Math.max(n.height, 1), 0), 1)];
+		}, K = (e) => {
+			s && ([P, F] = G(e), U = !0, W = performance.now() / 1e3);
+		}, q = () => {
+			U = !1;
+		}, J = (e) => {
+			if (!s || e.button > 0 || e.target?.closest("a,button,input,textarea,select,label,[role=button]")) return;
+			let [t, n] = G(e);
+			P = t, F = n, U = !0, W = performance.now() / 1e3;
+			let r = M(), i = Math.random();
+			E = le(E, {
+				x: t,
+				y: n,
+				reach: .045 + .08 * i,
+				core: .006 + .008 * i,
+				tint: +(Math.random() < .2),
+				phase: Math.random() * 6.283,
+				born: b ? r - 10 : r,
+				user: !0
+			}), A.set([
+				t * x,
+				n * S,
+				r,
+				+!b
+			], j * 4), j = (j + 1) % H, b && X();
+		};
+		e.addEventListener("pointermove", K), e.addEventListener("pointerdown", J), e.addEventListener("pointerleave", q), e.addEventListener("pointercancel", q);
+		let Y = (e) => {
+			e.preventDefault(), cancelAnimationFrame(Z), Z = 0;
+		}, de = () => ee((e) => e + 1);
+		t.addEventListener("webglcontextlost", Y), t.addEventListener("webglcontextrestored", de);
+		let X = () => {
+			let e = C.current, n = e.seed + ":" + e.sparkles;
+			n !== te && (E = [...ce(e.seed, e.sparkles), ...E.filter((e) => e.user)].slice(0, V), te = n);
+			let i = M(), a = Math.min(Math.max(i - N, 0), .1);
+			N = i;
+			let o = !U || performance.now() / 1e3 - W > 6, [l, u] = ue(i * .6), f = o ? l : P, m = o ? u : F, h = b ? 1 : 1 - Math.exp(-a * (o ? 1.5 : 7));
+			I += (f - I) * h, L += (m - L) * h, R += ((f - .5) * 2 - R) * h, z += ((m - .5) * 2 - z) * h, B += ((s && !b ? o ? .55 : 1 : 0) - B) * (b ? 1 : 1 - Math.exp(-a * 3));
+			let g = Math.min(x, S), v = Math.min(E.length, V);
+			for (let e = 0; e < v; e++) {
+				let t = E[e], n = t.reach * g, r = Math.hypot(t.x * x - I * x, t.y * S - L * S), i = s && !b ? Math.exp(-(r * r) / Math.max(n * n * .6, 400)) : 0;
+				D[e] += (i - D[e]) * (b ? 1 : 1 - Math.exp(-a * 6)), O.set([
+					t.x * x,
+					t.y * S,
+					n,
+					t.born
+				], e * 4), k.set([
+					t.tint,
+					t.phase,
+					D[e],
+					Math.max(t.core * g, 1.5)
+				], e * 4);
+			}
+			r.useProgram(c), r.bindVertexArray(y), r.bindFramebuffer(r.FRAMEBUFFER, null), r.viewport(0, 0, t.width, t.height);
+			for (let [t, n, i] of p) {
+				let a = e[n];
+				i === "c" ? r.uniform3fv(t, d(a)) : i === "i" || i === "b" ? r.uniform1i(t, Number(a) | 0) : r.uniform1f(t, a);
+			}
+			r.uniform2f(_.res, t.width, t.height), r.uniform1f(_.dpr, t.width / x), r.uniform1f(_.time, i), r.uniform2f(_.pointer, I * x, L * S), r.uniform1f(_.pointerOn, B), r.uniform2f(_.look, R, z), r.uniform1i(_.sparkCount, v), r.uniform4fv(_.spark, O), r.uniform4fv(_.sparkB, k), r.uniform4fv(_.ripple, A), r.uniform4f(_.planet, e.planetX * x, e.planetY * S, e.planetRadius * g, +!!e.planet), r.drawArrays(r.TRIANGLES, 0, 3);
+		}, Z = 0, Q = !0, fe = () => {
+			Z = 0, X(), Q && !document.hidden && (Z = requestAnimationFrame(fe));
+		}, $ = () => {
+			!b && !Z && Q && !document.hidden && (Z = requestAnimationFrame(fe));
+		}, pe = new IntersectionObserver((e) => {
+			Q = e.some((e) => e.isIntersecting), $();
+		});
+		pe.observe(e), document.addEventListener("visibilitychange", $), T();
+		let me = new ResizeObserver(T);
+		return me.observe(t), X(), b || $(), () => {
+			cancelAnimationFrame(Z), me.disconnect(), pe.disconnect(), document.removeEventListener("visibilitychange", $), e.removeEventListener("pointermove", K), e.removeEventListener("pointerdown", J), e.removeEventListener("pointerleave", q), e.removeEventListener("pointercancel", q), t.removeEventListener("webglcontextlost", Y), t.removeEventListener("webglcontextrestored", de), r.deleteVertexArray(y), r.deleteProgram(c);
+		};
+	}, [
+		s,
+		b,
+		y,
+		l
+	]), /* @__PURE__ */ i("section", {
+		ref: m,
+		"data-slot": "halftone-nebula",
+		className: t("relative w-full overflow-hidden", s && "cursor-crosshair", c === "draw" ? "touch-none" : "touch-pan-y", d),
+		style: {
+			height: e,
+			background: S.voidColor,
+			...f
+		},
+		...p,
+		children: [
+			/* @__PURE__ */ r("span", {
+				ref: g,
+				className: "dark",
+				hidden: !0
+			}),
+			_ ? /* @__PURE__ */ r("div", {
+				className: "dark absolute inset-0",
+				style: { background: `radial-gradient(60% 45% at 12% 88%, ${S.hotColor} 0%, ${S.crimsonColor} 22%, ${S.wineColor} 50%, transparent 75%),radial-gradient(45% 30% at 22% 22%, ${S.wineColor} 0%, transparent 70%),radial-gradient(40% 30% at 80% 30%, ${S.duskColor} 0%, transparent 70%),` + S.voidColor }
+			}) : /* @__PURE__ */ r("canvas", {
+				ref: h,
+				"aria-hidden": "true",
+				className: "absolute inset-0 block h-full w-full"
+			}),
+			u ? /* @__PURE__ */ r("div", {
+				className: "pointer-events-none relative z-10 flex h-full w-full flex-col",
+				children: u
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region src/components/hero/hero.tsx
+var q = {
+	planetX: .8,
+	planetY: .72
+};
+function J({ title: e, description: n, eyebrow: a, background: o = "mesh", children: s, className: c, ...l }) {
+	let u = t("dark relative isolate overflow-hidden border-2 border-border text-foreground", c), d = /* @__PURE__ */ i("div", {
+		className: "flex min-h-[28rem] flex-col items-start justify-center gap-6 px-6 py-16 md:px-12 md:py-24",
+		children: [
+			a,
+			/* @__PURE__ */ r("h1", {
+				className: "max-w-3xl font-heading text-4xl font-bold tracking-tight md:text-6xl",
+				children: e
+			}),
+			n && /* @__PURE__ */ r("p", {
+				className: "max-w-xl text-base text-foreground/85 md:text-lg",
+				children: n
+			}),
+			s && /* @__PURE__ */ r("div", {
+				className: "pointer-events-auto flex flex-wrap gap-3",
+				children: s
+			})
+		]
+	});
+	return o === "nebula" ? /* @__PURE__ */ i(K, {
+		"data-slot": "hero",
+		params: q,
+		className: u,
+		...l,
+		children: [/* @__PURE__ */ r("div", { className: "absolute inset-0 bg-linear-to-r from-(--shader-1)/90 via-(--shader-1)/50 to-transparent" }), /* @__PURE__ */ r("div", {
+			className: "relative",
+			children: d
+		})]
+	}) : /* @__PURE__ */ i("section", {
+		"data-slot": "hero",
+		className: u,
+		...l,
+		children: [/* @__PURE__ */ r(R, {}), d]
+	});
+}
+//#endregion
+//#region src/components/ui/input.tsx
+function Y({ className: e, type: n, ...i }) {
+	return /* @__PURE__ */ r("input", {
+		type: n,
+		"data-slot": "input",
+		className: t("h-8 w-full min-w-0 rounded-lg border-2 border-border bg-input shadow-xs px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", e),
+		...i
+	});
+}
+//#endregion
+//#region src/components/ui/label.tsx
+function de({ className: e, ...n }) {
+	return /* @__PURE__ */ r(s.Root, {
+		"data-slot": "label",
+		className: t("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", e),
+		...n
+	});
+}
+//#endregion
+//#region src/components/ui/tabs.tsx
+function X({ className: e, orientation: n = "horizontal", ...i }) {
+	return /* @__PURE__ */ r(l.Root, {
+		"data-slot": "tabs",
+		"data-orientation": n,
+		className: t("group/tabs flex gap-2 data-horizontal:flex-col", e),
+		...i
+	});
+}
+var Z = a("group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-9 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none", {
+	variants: { variant: {
+		default: "border-2 border-border bg-muted",
+		line: "gap-1 bg-transparent"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Q({ className: e, variant: n = "default", ...i }) {
+	return /* @__PURE__ */ r(l.List, {
+		"data-slot": "tabs-list",
+		"data-variant": n,
+		className: t(Z({ variant: n }), e),
+		...i
+	});
+}
+function fe({ className: e, ...n }) {
+	return /* @__PURE__ */ r(l.Trigger, {
+		"data-slot": "tabs-trigger",
+		className: t("relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-semibold whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent", "group-data-[variant=default]/tabs-list:data-active:bg-primary group-data-[variant=default]/tabs-list:data-active:text-primary-foreground data-active:text-foreground", "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100", e),
+		...n
+	});
+}
+function $({ className: e, ...n }) {
+	return /* @__PURE__ */ r(l.Content, {
+		"data-slot": "tabs-content",
+		className: t("flex-1 text-sm outline-none", e),
+		...n
+	});
+}
+//#endregion
+//#region src/components/ui/tooltip.tsx
+function pe({ delayDuration: e = 0, ...t }) {
+	return /* @__PURE__ */ r(u.Provider, {
+		"data-slot": "tooltip-provider",
+		delayDuration: e,
+		...t
+	});
+}
+function me({ ...e }) {
+	return /* @__PURE__ */ r(u.Root, {
+		"data-slot": "tooltip",
+		...e
+	});
+}
+function he({ ...e }) {
+	return /* @__PURE__ */ r(u.Trigger, {
+		"data-slot": "tooltip-trigger",
+		...e
+	});
+}
+function ge({ className: e, sideOffset: n = 0, children: a, ...o }) {
+	return /* @__PURE__ */ r(u.Portal, { children: /* @__PURE__ */ i(u.Content, {
+		"data-slot": "tooltip-content",
+		sideOffset: n,
+		className: t("z-50 inline-flex w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs font-medium text-background shadow-xs has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", e),
+		...o,
+		children: [a, /* @__PURE__ */ r(u.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" })]
+	}) });
+}
+//#endregion
+export { f as AirStyle, m as Badge, _ as Button, v as Card, x as CardAction, S as CardContent, b as CardDescription, C as CardFooter, y as CardHeader, ee as CardTitle, w as Dialog, te as DialogClose, O as DialogContent, ne as DialogDescription, A as DialogFooter, k as DialogHeader, D as DialogOverlay, E as DialogPortal, j as DialogTitle, T as DialogTrigger, K as HalftoneNebula, J as Hero, Y as Input, de as Label, z as NEBULA_DEFAULTS, B as NEBULA_PRESETS, R as ShaderBackground, X as Tabs, $ as TabsContent, Q as TabsList, fe as TabsTrigger, me as Tooltip, ge as TooltipContent, pe as TooltipProvider, he as TooltipTrigger, p as badgeVariants, g as buttonVariants, e as cn, Z as tabsListVariants };