@playfast/reform-better-hub-ui-primitives 0.2.2 → 0.4.0

package/dist/components/dropdown-menu.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { CheckIcon } from 'lucide-react';
+import { cn } from '../foundation/cn.js';
+function DropdownMenu({ ...props }) {
+    return _jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuTrigger({ ...props }) {
+    return (_jsx(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props, className: cn('rounded-sm', props.className) }));
+}
+function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
+    return (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, { "data-slot": "dropdown-menu-content", sideOffset: sideOffset, className: cn('bg-background text-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md', className), ...props }) }));
+}
+function DropdownMenuGroup({ ...props }) {
+    return _jsx(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
+}
+function DropdownMenuItem({ className, inset, ...props }) {
+    return (_jsx(DropdownMenuPrimitive.Item, { "data-slot": "dropdown-menu-item", "data-inset": inset, className: cn("focus:bg-accent [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props }));
+}
+function DropdownMenuCheckboxItem({ className, children, ...props }) {
+    return (_jsxs(DropdownMenuPrimitive.CheckboxItem, { "data-slot": "dropdown-menu-checkbox-item", className: cn("focus:bg-accent relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(CheckIcon, { className: "size-4" }) }) }), children] }));
+}
+function DropdownMenuLabel({ className, inset, ...props }) {
+    return (_jsx(DropdownMenuPrimitive.Label, { "data-slot": "dropdown-menu-label", "data-inset": inset, className: cn('px-2 py-1.5 text-sm font-medium data-[inset]:pl-8', className), ...props }));
+}
+function DropdownMenuSeparator({ className, ...props }) {
+    return (_jsx(DropdownMenuPrimitive.Separator, { "data-slot": "dropdown-menu-separator", className: cn('bg-border -mx-1 my-1 h-px', className), ...props }));
+}
+function DropdownMenuShortcut({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "dropdown-menu-shortcut", className: cn('text-muted-foreground ml-auto text-xs tracking-widest', className), ...props }));
+}
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuSeparator, DropdownMenuShortcut, };
+//# sourceMappingURL=dropdown-menu.js.map

package/dist/components/dropdown-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.js","sourceRoot":"","sources":["../../src/components/dropdown-menu.tsx"],"names":[],"mappings":"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"}

package/dist/components/github-background.d.ts

@@ -0,0 +1,3 @@
+import type * as React from 'react';
+export declare function GitHubBackground(): React.JSX.Element;
+//# sourceMappingURL=github-background.d.ts.map

package/dist/components/github-background.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"github-background.d.ts","sourceRoot":"","sources":["../../src/components/github-background.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AA+EnC,wBAAgB,gBAAgB,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CAmKpD"}

package/dist/components/github-background.js

@@ -0,0 +1,99 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+const RNG_MULTIPLIER = 16807;
+const RNG_MODULUS = 2147483647;
+const RNG_DIVISOR = 2147483646;
+const RNG_SEED = 42;
+const WEEKS = 52;
+const DAYS_PER_WEEK = 7;
+const CELL = 15;
+const CELL_RECT_SIZE = 12;
+const CELL_ANIM_WEEK_DELAY = 0.04;
+const CELL_ANIM_DAY_DELAY = 0.015;
+const LEVELS = [
+    'rgba(255,255,255,0.02)',
+    'rgba(255,255,255,0.10)',
+    'rgba(255,255,255,0.18)',
+    'rgba(255,255,255,0.28)',
+    'rgba(255,255,255,0.40)',
+];
+const LEVEL_THRESHOLDS = [0.3, 0.5, 0.7, 0.85];
+const COMMIT_GROUPS = [
+    {
+        prefix: 'm',
+        cx: 200,
+        radius: 4,
+        fill: 'rgba(255,255,255,0.25)',
+        ys: [80, 150, 230, 300, 400, 480, 550, 620, 690, 770, 850],
+        animBase: 0.5,
+        animStep: 0.15,
+    },
+    {
+        prefix: 'f1',
+        cx: 280,
+        radius: 3.5,
+        fill: 'rgba(255,255,255,0.20)',
+        ys: [230, 280, 330],
+        animBase: 1.0,
+        animStep: 0.2,
+    },
+    {
+        prefix: 'f2',
+        cx: 130,
+        radius: 3.5,
+        fill: 'rgba(255,255,255,0.18)',
+        ys: [360, 420, 470],
+        animBase: 1.5,
+        animStep: 0.2,
+    },
+    {
+        prefix: 'hf',
+        cx: 260,
+        radius: 3,
+        fill: 'rgba(255,255,255,0.15)',
+        ys: [600, 630, 660],
+        animBase: 2.0,
+        animStep: 0.2,
+    },
+    {
+        prefix: 'f3',
+        cx: 110,
+        radius: 3,
+        fill: 'rgba(255,255,255,0.12)',
+        ys: [680, 730, 780],
+        animBase: 2.4,
+        animStep: 0.2,
+    },
+];
+const nextSeed = (seed) => (seed * RNG_MULTIPLIER) % RNG_MODULUS;
+const seedToUnit = (seed) => (seed - 1) / RNG_DIVISOR;
+const levelForValue = (sample) => LEVEL_THRESHOLDS.filter((threshold) => sample >= threshold).length;
+export function GitHubBackground() {
+    const grid = useMemo(() => Array.from({ length: WEEKS * DAYS_PER_WEEK }).reduce((acc, _slot, flatIndex) => {
+        const seed = nextSeed(acc.seed);
+        const level = levelForValue(seedToUnit(seed));
+        const week = Math.floor(flatIndex / DAYS_PER_WEEK);
+        const day = flatIndex % DAYS_PER_WEEK;
+        return { seed, cells: [...acc.cells, { week, day, level }] };
+    }, { seed: RNG_SEED, cells: [] }).cells, []);
+    return (_jsxs("div", { className: "absolute inset-0 pointer-events-none overflow-hidden", style: { zIndex: 2 }, children: [_jsxs("div", { className: "absolute inset-0", style: {
+                    maskImage: 'radial-gradient(ellipse 85% 75% at 45% 35%, black 15%, transparent 60%)',
+                    WebkitMaskImage: 'radial-gradient(ellipse 85% 75% at 45% 35%, black 15%, transparent 60%)',
+                }, children: [_jsx("div", { className: "absolute", style: {
+                            top: '8%',
+                            left: '50%',
+                            transform: 'translate(-50%, 0) perspective(500px) rotateX(30deg) rotateZ(-2deg) scale(1.3)',
+                            transformOrigin: 'center top',
+                            opacity: 0.4,
+                        }, children: _jsx("svg", { width: WEEKS * CELL, height: DAYS_PER_WEEK * CELL, viewBox: `0 0 ${WEEKS * CELL} ${DAYS_PER_WEEK * CELL}`, children: grid.map((cell, index) => (_jsx("rect", { x: cell.week * CELL, y: cell.day * CELL, width: CELL_RECT_SIZE, height: CELL_RECT_SIZE, rx: 2, fill: LEVELS[cell.level], opacity: 0, children: _jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.5s", begin: `${cell.week * CELL_ANIM_WEEK_DELAY + cell.day * CELL_ANIM_DAY_DELAY}s`, fill: "freeze" }) }, index))) }) }), _jsxs("svg", { className: "absolute inset-0 w-full h-full", viewBox: "0 0 400 900", preserveAspectRatio: "xMidYMid slice", style: { opacity: 0.45 }, children: [_jsx("line", { x1: "200", y1: "0", x2: "200", y2: "900", stroke: "rgba(255,255,255,0.15)", strokeWidth: "2", pathLength: 1, className: "git-line-anim", style: { animationDelay: '0.3s' } }), _jsx("path", { d: "M 200 150 C 200 180, 280 200, 280 230 L 280 350 C 280 380, 200 395, 200 400", stroke: "rgba(255,255,255,0.12)", strokeWidth: "2", fill: "none", pathLength: 1, className: "git-line-anim", style: { animationDelay: '0.8s' } }), _jsx("path", { d: "M 200 300 C 200 325, 130 340, 130 360 L 130 500 C 130 525, 200 540, 200 550", stroke: "rgba(255,255,255,0.10)", strokeWidth: "2", fill: "none", pathLength: 1, className: "git-line-anim", style: { animationDelay: '1.3s' } }), _jsx("path", { d: "M 200 550 C 200 570, 260 580, 260 600 L 260 650 C 260 670, 200 680, 200 690", stroke: "rgba(255,255,255,0.08)", strokeWidth: "2", fill: "none", pathLength: 1, className: "git-line-anim", style: { animationDelay: '1.8s' } }), _jsx("path", { d: "M 200 620 C 200 640, 110 660, 110 680 L 110 800 C 110 820, 200 835, 200 850", stroke: "rgba(255,255,255,0.07)", strokeWidth: "2", fill: "none", pathLength: 1, className: "git-line-anim", style: { animationDelay: '2.2s' } }), COMMIT_GROUPS.map((group) => group.ys.map((nodeY, index) => (_jsx("circle", { cx: group.cx, cy: nodeY, r: group.radius, fill: group.fill, opacity: 0, children: _jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.3s", begin: `${group.animBase + index * group.animStep}s`, fill: "freeze" }) }, `${group.prefix}${index}`))))] })] }), _jsx("style", { children: `
+				.git-line-anim {
+					stroke-dasharray: 1;
+					stroke-dashoffset: 1;
+					animation: gitDraw 2.5s ease-out forwards;
+				}
+				@keyframes gitDraw {
+					to { stroke-dashoffset: 0; }
+				}
+			` })] }));
+}
+//# sourceMappingURL=github-background.js.map

package/dist/components/github-background.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"github-background.js","sourceRoot":"","sources":["../../src/components/github-background.tsx"],"names":[],"mappings":"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"}

package/dist/components/halftone-background.d.ts

@@ -0,0 +1,3 @@
+import type * as React from 'react';
+export declare function HalftoneBackground(): React.JSX.Element;
+//# sourceMappingURL=halftone-background.d.ts.map

package/dist/components/halftone-background.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"halftone-background.d.ts","sourceRoot":"","sources":["../../src/components/halftone-background.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AA8InC,wBAAgB,kBAAkB,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CAwJtD"}

package/dist/components/halftone-background.js

@@ -0,0 +1,247 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { CLICK_DECAY, FULLSCREEN_VERTEX_COUNT, MOUSE_LERP, MOUSE_LERP_IDLE, MS_PER_SECOND, RENDER_SCALE, VERTEX_SHADER, } from './halftone-config.js';
+const FRAGMENT_SHADER = `
+precision highp float;
+
+uniform float u_time;
+uniform vec2 u_resolution;
+uniform vec2 u_mouse;
+uniform float u_click;
+uniform vec2 u_clickPos;
+
+vec3 mod289(vec3 x) { return x - floor(x * (1.0/289.0)) * 289.0; }
+vec2 mod289(vec2 x) { return x - floor(x * (1.0/289.0)) * 289.0; }
+vec3 permute(vec3 x) { return mod289(((x*34.0)+1.0)*x); }
+
+float snoise(vec2 v) {
+  const vec4 C = vec4(
+    0.211324865405187,
+    0.366025403784439,
+   -0.577350269189626,
+    0.024390243902439
+  );
+  vec2 i = floor(v + dot(v, C.yy));
+  vec2 x0 = v - i + dot(i, C.xx);
+  vec2 i1 = (x0.x > x0.y) ? vec2(1.0, 0.0) : vec2(0.0, 1.0);
+  vec4 x12 = x0.xyxy + C.xxzz;
+  x12.xy -= i1;
+  i = mod289(i);
+  vec3 p = permute(permute(i.y + vec3(0.0, i1.y, 1.0)) + i.x + vec3(0.0, i1.x, 1.0));
+  vec3 m = max(0.5 - vec3(dot(x0,x0), dot(x12.xy,x12.xy), dot(x12.zw,x12.zw)), 0.0);
+  m = m*m;
+  m = m*m;
+  vec3 x = 2.0 * fract(p * C.www) - 1.0;
+  vec3 h = abs(x) - 0.5;
+  vec3 ox = floor(x + 0.5);
+  vec3 a0 = x - ox;
+  m *= 1.79284291400159 - 0.85373472095314 * (a0*a0 + h*h);
+  vec3 g;
+  g.x = a0.x * x0.x + h.x * x0.y;
+  g.yz = a0.yz * x12.xz + h.yz * x12.yw;
+  return 130.0 * dot(m, g);
+}
+
+float fbm(vec2 p) {
+  float value = 0.0;
+  float amp = 0.5;
+  float freq = 1.0;
+  for (int i = 0; i < 6; i++) {
+    value += amp * snoise(p * freq);
+    freq *= 2.0;
+    amp *= 0.5;
+  }
+  return value;
+}
+
+float hash21(vec2 p) {
+  p = fract(p * vec2(233.34, 851.73));
+  p += dot(p, p + 23.45);
+  return fract(p.x * p.y);
+}
+
+void main() {
+  vec2 uv = gl_FragCoord.xy / u_resolution.xy;
+  float aspect = u_resolution.x / u_resolution.y;
+  float time = u_time;
+  float t = time * 0.04;
+
+  vec2 ap = vec2(uv.x * aspect, uv.y);
+
+  vec2 scaledP = ap * 2.5;
+  vec2 mUV = u_mouse;
+  mUV.x *= aspect;
+  mUV *= 2.5;
+  vec2 mDiff = scaledP - mUV;
+  float mDist = length(mDiff);
+  vec2 warp = vec2(0.0);
+  if (u_mouse.x > 0.0 && mDist < 0.5) {
+    warp = normalize(mDiff) * smoothstep(0.5, 0.0, mDist) * 0.2;
+  }
+  if (u_click > 0.01) {
+    vec2 cUV = u_clickPos;
+    cUV.x *= aspect;
+    cUV *= 2.5;
+    vec2 cD = scaledP - cUV;
+    float cDist = length(cD);
+    warp += normalize(cD + 0.001) * sin(cDist * 12.0 - time * 8.0) * u_click * 0.4 * exp(-cDist * 2.0);
+  }
+
+  vec2 np = scaledP + warp;
+  vec2 q = vec2(fbm(np + t * 0.3), fbm(np + vec2(5.2, 1.3) + t * 0.2));
+  vec2 r = vec2(
+    fbm(np + 4.0 * q + vec2(1.7, 9.2) + t * 0.15),
+    fbm(np + 4.0 * q + vec2(8.3, 2.8) + t * 0.12)
+  );
+  float f = fbm(np + 4.0 * r);
+  float noise = clamp(f*f*f + 0.6*f*f + 0.5*f, 0.0, 1.0) * 0.15;
+
+  vec2 gp = ap;
+  gp += vec2(snoise(ap * 3.0 + t), snoise(ap * 3.0 + t + 50.0)) * 0.004;
+  gp += warp * 0.04;
+  gp += vec2(t * 0.2, t * 0.12);
+
+  float cellTotal = 0.025;
+  vec2 cellId = floor(gp / cellTotal);
+  vec2 cellUV = fract(gp / cellTotal);
+
+  float pad = 0.10;
+  float edge = 0.04;
+  float inX = smoothstep(pad - edge, pad + edge, cellUV.x)
+            * (1.0 - smoothstep(1.0 - pad - edge, 1.0 - pad + edge, cellUV.x));
+  float inY = smoothstep(pad - edge, pad + edge, cellUV.y)
+            * (1.0 - smoothstep(1.0 - pad - edge, 1.0 - pad + edge, cellUV.y));
+  float inSquare = inX * inY;
+
+  float hVal = hash21(cellId);
+  float level = hVal < 0.35 ? 0.0 : (hVal - 0.35) / 0.65;
+  level *= level;
+
+  vec2 fp = uv - vec2(0.45, 0.55);
+  float gFade = max(1.0 - smoothstep(0.15, 0.45, length(fp * vec2(1.3, 1.6))), 0.0);
+
+  float gridReveal = smoothstep(0.5, 3.0, time);
+  float grid = inSquare * level * gFade * gridReveal * 0.10;
+
+  vec2 vc = uv - 0.5;
+  float vignette = 1.0 - dot(vc, vc) * 0.3;
+
+  float col = noise * vignette + grid;
+  gl_FragColor = vec4(vec3(col), 1.0);
+}`;
+export function HalftoneBackground() {
+    const canvasRef = useRef(null);
+    const wrapperRef = useRef(null);
+    const frameRef = useRef(0);
+    const mouseRef = useRef({ x: -1, y: -1 });
+    const smoothMouseRef = useRef({ x: -1, y: -1 });
+    const clickRef = useRef({ strength: 0, x: 0, y: 0 });
+    useEffect(() => {
+        const canvas = canvasRef.current;
+        const wrapper = wrapperRef.current;
+        if (!canvas || !wrapper) {
+            return;
+        }
+        const glContext = canvas.getContext('webgl', {
+            alpha: false,
+            antialias: false,
+            preserveDrawingBuffer: false,
+        });
+        if (!glContext) {
+            return;
+        }
+        const createShader = ({ type, source }) => {
+            const shader = glContext.createShader(type);
+            glContext.shaderSource(shader, source);
+            glContext.compileShader(shader);
+            return shader;
+        };
+        const vertexShader = createShader({
+            type: glContext.VERTEX_SHADER,
+            source: VERTEX_SHADER,
+        });
+        const fragmentShader = createShader({
+            type: glContext.FRAGMENT_SHADER,
+            source: FRAGMENT_SHADER,
+        });
+        const program = glContext.createProgram();
+        glContext.attachShader(program, vertexShader);
+        glContext.attachShader(program, fragmentShader);
+        glContext.linkProgram(program);
+        glContext.useProgram(program);
+        const buffer = glContext.createBuffer();
+        glContext.bindBuffer(glContext.ARRAY_BUFFER, buffer);
+        glContext.bufferData(glContext.ARRAY_BUFFER, new Float32Array([-1, -1, 1, -1, -1, 1, -1, 1, 1, -1, 1, 1]), glContext.STATIC_DRAW);
+        const aPosition = glContext.getAttribLocation(program, 'a_position');
+        glContext.enableVertexAttribArray(aPosition);
+        glContext.vertexAttribPointer(aPosition, 2, glContext.FLOAT, false, 0, 0);
+        const uTime = glContext.getUniformLocation(program, 'u_time');
+        const uResolution = glContext.getUniformLocation(program, 'u_resolution');
+        const uMouse = glContext.getUniformLocation(program, 'u_mouse');
+        const uClick = glContext.getUniformLocation(program, 'u_click');
+        const uClickPos = glContext.getUniformLocation(program, 'u_clickPos');
+        const startTime = performance.now();
+        const resize = () => {
+            const dpr = Math.min(window.devicePixelRatio || 1, 2);
+            const scale = RENDER_SCALE * dpr;
+            canvas.width = canvas.offsetWidth * scale;
+            canvas.height = canvas.offsetHeight * scale;
+            glContext.viewport(0, 0, canvas.width, canvas.height);
+        };
+        resize();
+        window.addEventListener('resize', resize);
+        const onMouseMove = (event) => {
+            const rect = wrapper.getBoundingClientRect();
+            mouseRef.current.x = (event.clientX - rect.left) / rect.width;
+            mouseRef.current.y = 1.0 - (event.clientY - rect.top) / rect.height;
+        };
+        const onMouseLeave = () => {
+            mouseRef.current.x = -1;
+            mouseRef.current.y = -1;
+        };
+        const onClick = (event) => {
+            const rect = wrapper.getBoundingClientRect();
+            clickRef.current.x = (event.clientX - rect.left) / rect.width;
+            clickRef.current.y = 1.0 - (event.clientY - rect.top) / rect.height;
+            clickRef.current.strength = 1.0;
+        };
+        window.addEventListener('mousemove', onMouseMove, { passive: true });
+        wrapper.addEventListener('mouseleave', onMouseLeave);
+        wrapper.addEventListener('click', onClick);
+        const draw = () => {
+            const elapsed = (performance.now() - startTime) / MS_PER_SECOND;
+            const target = mouseRef.current;
+            const smooth = smoothMouseRef.current;
+            if (target.x < 0) {
+                smooth.x += (target.x - smooth.x) * MOUSE_LERP_IDLE;
+                smooth.y += (target.y - smooth.y) * MOUSE_LERP_IDLE;
+            }
+            else {
+                smooth.x += (target.x - smooth.x) * MOUSE_LERP;
+                smooth.y += (target.y - smooth.y) * MOUSE_LERP;
+            }
+            clickRef.current.strength *= CLICK_DECAY;
+            glContext.uniform1f(uTime, elapsed);
+            glContext.uniform2f(uResolution, canvas.width, canvas.height);
+            glContext.uniform2f(uMouse, smooth.x, smooth.y);
+            glContext.uniform1f(uClick, clickRef.current.strength);
+            glContext.uniform2f(uClickPos, clickRef.current.x, clickRef.current.y);
+            glContext.drawArrays(glContext.TRIANGLES, 0, FULLSCREEN_VERTEX_COUNT);
+            frameRef.current = requestAnimationFrame(draw);
+        };
+        frameRef.current = requestAnimationFrame(draw);
+        return () => {
+            cancelAnimationFrame(frameRef.current);
+            window.removeEventListener('resize', resize);
+            window.removeEventListener('mousemove', onMouseMove);
+            wrapper.removeEventListener('mouseleave', onMouseLeave);
+            wrapper.removeEventListener('click', onClick);
+            glContext.deleteProgram(program);
+            glContext.deleteShader(vertexShader);
+            glContext.deleteShader(fragmentShader);
+            glContext.deleteBuffer(buffer);
+        };
+    }, []);
+    return (_jsx("div", { ref: wrapperRef, className: "absolute inset-0 overflow-hidden", style: { background: 'var(--shader-bg)' }, "aria-hidden": "true", children: _jsx("canvas", { ref: canvasRef, className: "w-full h-full", style: { filter: 'var(--shader-filter)' } }) }));
+}
+//# sourceMappingURL=halftone-background.js.map

package/dist/components/halftone-background.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"halftone-background.js","sourceRoot":"","sources":["../../src/components/halftone-background.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EACL,WAAW,EACX,uBAAuB,EACvB,UAAU,EACV,eAAe,EACf,aAAa,EACb,YAAY,EAEZ,aAAa,GACd,MAAM,mBAAmB,CAAA;AAE1B,MAAM,eAAe,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+HtB,CAAA;AAEF,MAAM,UAAU,kBAAkB;IAChC,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IACjD,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC/C,MAAM,QAAQ,GAAG,MAAM,CAAS,CAAC,CAAC,CAAA;IAClC,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAA;IACzC,MAAM,cAAc,GAAG,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAA;IAC/C,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAA;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAA;QAChC,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAA;QAClC,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;YACxB,OAAM;QACR,CAAC;QAED,MAAM,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC,OAAO,EAAE;YAC3C,KAAK,EAAE,KAAK;YACZ,SAAS,EAAE,KAAK;YAChB,qBAAqB,EAAE,KAAK;SAC7B,CAAC,CAAA;QACF,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,OAAM;QACR,CAAC;QAED,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAc,EAAE,EAAE;YACpD,MAAM,MAAM,GAAG,SAAU,CAAC,YAAY,CAAC,IAAI,CAAE,CAAA;YAC7C,SAAU,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;YACvC,SAAU,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;YAChC,OAAO,MAAM,CAAA;QACf,CAAC,CAAA;QAED,MAAM,YAAY,GAAG,YAAY,CAAC;YAChC,IAAI,EAAE,SAAS,CAAC,aAAa;YAC7B,MAAM,EAAE,aAAa;SACtB,CAAC,CAAA;QACF,MAAM,cAAc,GAAG,YAAY,CAAC;YAClC,IAAI,EAAE,SAAS,CAAC,eAAe;YAC/B,MAAM,EAAE,eAAe;SACxB,CAAC,CAAA;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,EAAG,CAAA;QAC1C,SAAS,CAAC,YAAY,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;QAC7C,SAAS,CAAC,YAAY,CAAC,OAAO,EAAE,cAAc,CAAC,CAAA;QAC/C,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;QAC9B,SAAS,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;QAE7B,MAAM,MAAM,GAAG,SAAS,CAAC,YAAY,EAAE,CAAA;QACvC,SAAS,CAAC,UAAU,CAAC,SAAS,CAAC,YAAY,EAAE,MAAM,CAAC,CAAA;QACpD,SAAS,CAAC,UAAU,CAClB,SAAS,CAAC,YAAY,EACtB,IAAI,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAC5D,SAAS,CAAC,WAAW,CACtB,CAAA;QAED,MAAM,SAAS,GAAG,SAAS,CAAC,iBAAiB,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;QACpE,SAAS,CAAC,uBAAuB,CAAC,SAAS,CAAC,CAAA;QAC5C,SAAS,CAAC,mBAAmB,CAAC,SAAS,EAAE,CAAC,EAAE,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;QAEzE,MAAM,KAAK,GAAG,SAAS,CAAC,kBAAkB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAA;QAC7D,MAAM,WAAW,GAAG,SAAS,CAAC,kBAAkB,CAAC,OAAO,EAAE,cAAc,CAAC,CAAA;QACzE,MAAM,MAAM,GAAG,SAAS,CAAC,kBAAkB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;QAC/D,MAAM,MAAM,GAAG,SAAS,CAAC,kBAAkB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;QAC/D,MAAM,SAAS,GAAG,SAAS,CAAC,kBAAkB,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;QAErE,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE,CAAA;QAEnC,MAAM,MAAM,GAAG,GAAG,EAAE;YAClB,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,gBAAgB,IAAI,CAAC,EAAE,CAAC,CAAC,CAAA;YACrD,MAAM,KAAK,GAAG,YAAY,GAAG,GAAG,CAAA;YAChC,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,WAAW,GAAG,KAAK,CAAA;YACzC,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,YAAY,GAAG,KAAK,CAAA;YAC3C,SAAS,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,CAAA;QACvD,CAAC,CAAA;QAED,MAAM,EAAE,CAAA;QACR,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;QAEzC,MAAM,WAAW,GAAG,CAAC,KAAiB,EAAE,EAAE;YACxC,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAA;YAC5C,QAAQ,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAA;YAC7D,QAAQ,CAAC,OAAO,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,CAAA;QACrE,CAAC,CAAA;QAED,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,QAAQ,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;YACvB,QAAQ,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;QACzB,CAAC,CAAA;QAED,MAAM,OAAO,GAAG,CAAC,KAAiB,EAAE,EAAE;YACpC,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAA;YAC5C,QAAQ,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAA;YAC7D,QAAQ,CAAC,OAAO,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,CAAA;YACnE,QAAQ,CAAC,OAAO,CAAC,QAAQ,GAAG,GAAG,CAAA;QACjC,CAAC,CAAA;QAED,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QACpE,OAAO,CAAC,gBAAgB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA;QACpD,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;QAE1C,MAAM,IAAI,GAAG,GAAG,EAAE;YAChB,MAAM,OAAO,GAAG,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,SAAS,CAAC,GAAG,aAAa,CAAA;YAE/D,MAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAA;YAC/B,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,CAAA;YACrC,IAAI,MAAM,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;gBACjB,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,eAAe,CAAA;gBACnD,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,eAAe,CAAA;YACrD,CAAC;iBAAM,CAAC;gBACN,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,UAAU,CAAA;gBAC9C,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,UAAU,CAAA;YAChD,CAAC;YAED,QAAQ,CAAC,OAAO,CAAC,QAAQ,IAAI,WAAW,CAAA;YAExC,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,CAAA;YACnC,SAAS,CAAC,SAAS,CAAC,WAAW,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,CAAA;YAC7D,SAAS,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAA;YAC/C,SAAS,CAAC,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;YACtD,SAAS,CAAC,SAAS,CAAC,SAAS,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;YACtE,SAAS,CAAC,UAAU,CAAC,SAAS,CAAC,SAAS,EAAE,CAAC,EAAE,uBAAuB,CAAC,CAAA;YACrE,QAAQ,CAAC,OAAO,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAA;QAChD,CAAC,CAAA;QAED,QAAQ,CAAC,OAAO,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAA;QAE9C,OAAO,GAAG,EAAE;YACV,oBAAoB,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;YACtC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;YAC5C,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAA;YACpD,OAAO,CAAC,mBAAmB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA;YACvD,OAAO,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;YAC7C,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;YAChC,SAAS,CAAC,YAAY,CAAC,YAAY,CAAC,CAAA;YACpC,SAAS,CAAC,YAAY,CAAC,cAAc,CAAC,CAAA;YACtC,SAAS,CAAC,YAAY,CAAC,MAAM,CAAC,CAAA;QAChC,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,cACE,GAAG,EAAE,UAAU,EACf,SAAS,EAAC,kCAAkC,EAC5C,KAAK,EAAE,EAAE,UAAU,EAAE,kBAAkB,EAAE,iBAC7B,MAAM,YAElB,iBACE,GAAG,EAAE,SAAS,EACd,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE,EAAE,MAAM,EAAE,sBAAsB,EAAE,GACzC,GACE,CACP,CAAA;AACH,CAAC"}

package/dist/components/halftone-config.d.ts

@@ -0,0 +1,12 @@
+export declare const VERTEX_SHADER = "\nattribute vec2 a_position;\nvoid main() {\n  gl_Position = vec4(a_position, 0.0, 1.0);\n}";
+export declare const RENDER_SCALE = 0.5;
+export declare const MS_PER_SECOND = 1000;
+export declare const MOUSE_LERP = 0.08;
+export declare const MOUSE_LERP_IDLE = 0.02;
+export declare const CLICK_DECAY = 0.96;
+export declare const FULLSCREEN_VERTEX_COUNT = 6;
+export type ShaderSpec = {
+    readonly type: number;
+    readonly source: string;
+};
+//# sourceMappingURL=halftone-config.d.ts.map

package/dist/components/halftone-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"halftone-config.d.ts","sourceRoot":"","sources":["../../src/components/halftone-config.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,gGAIxB,CAAA;AAEF,eAAO,MAAM,YAAY,MAAM,CAAA;AAC/B,eAAO,MAAM,aAAa,OAAO,CAAA;AACjC,eAAO,MAAM,UAAU,OAAO,CAAA;AAC9B,eAAO,MAAM,eAAe,OAAO,CAAA;AACnC,eAAO,MAAM,WAAW,OAAO,CAAA;AAC/B,eAAO,MAAM,uBAAuB,IAAI,CAAA;AAExC,MAAM,MAAM,UAAU,GAAG;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAA"}

package/dist/components/halftone-config.js

@@ -0,0 +1,12 @@
+export const VERTEX_SHADER = `
+attribute vec2 a_position;
+void main() {
+  gl_Position = vec4(a_position, 0.0, 1.0);
+}`;
+export const RENDER_SCALE = 0.5;
+export const MS_PER_SECOND = 1000;
+export const MOUSE_LERP = 0.08;
+export const MOUSE_LERP_IDLE = 0.02;
+export const CLICK_DECAY = 0.96;
+export const FULLSCREEN_VERTEX_COUNT = 6;
+//# sourceMappingURL=halftone-config.js.map

package/dist/components/halftone-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"halftone-config.js","sourceRoot":"","sources":["../../src/components/halftone-config.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG;;;;EAI3B,CAAA;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;AAC/B,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAA;AACjC,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAA;AAC9B,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAA;AACnC,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAA;AAC/B,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,CAAA"}

package/dist/components/input-group.d.ts

@@ -0,0 +1,21 @@
+import type * as React from 'react';
+import type { ComponentProps } from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import type { ClassProp } from 'class-variance-authority/types';
+import { Button } from './button.js';
+declare function InputGroup({ className, ...props }: ComponentProps<'div'>): React.JSX.Element;
+type InputGroupAddonVariantsExternalApi = (props?: ({
+    align?: 'inline-start' | 'inline-end' | 'block-start' | 'block-end' | undefined;
+} & ClassProp) | undefined) => string;
+declare const inputGroupAddonVariants: InputGroupAddonVariantsExternalApi;
+declare function InputGroupAddon({ className, align, ...props }: ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>): React.JSX.Element;
+type InputGroupButtonVariantsExternalApi = (props?: ({
+    size?: 'xs' | 'sm' | 'icon-xs' | 'icon-sm' | undefined;
+} & ClassProp) | undefined) => string;
+declare const inputGroupButtonVariants: InputGroupButtonVariantsExternalApi;
+declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<ComponentProps<typeof Button>, 'size'> & VariantProps<typeof inputGroupButtonVariants>): React.JSX.Element;
+declare function InputGroupText({ className, ...props }: ComponentProps<'span'>): React.JSX.Element;
+declare function InputGroupInput({ className, ...props }: ComponentProps<'input'>): React.JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: ComponentProps<'textarea'>): React.JSX.Element;
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea, };
+//# sourceMappingURL=input-group.d.ts.map

package/dist/components/input-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../src/components/input-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AACnC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAA;AAG/D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAIjC,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAoBrF;AAED,KAAK,kCAAkC,GAAG,CACxC,KAAK,CAAC,EACF,CAAC;IACC,KAAK,CAAC,EAAE,cAAc,GAAG,YAAY,GAAG,aAAa,GAAG,WAAW,GAAG,SAAS,CAAA;CAChF,GAAG,SAAS,CAAC,GACd,SAAS,KACV,MAAM,CAAA;AAEX,QAAA,MAAM,uBAAuB,EAAE,kCAiB9B,CAAA;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAsB,EACtB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiB1F;AAED,KAAK,mCAAmC,GAAG,CACzC,KAAK,CAAC,EACF,CAAC;IACC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAA;CACvD,GAAG,SAAS,CAAC,GACd,SAAS,KACV,MAAM,CAAA;AAEX,QAAA,MAAM,wBAAwB,EAAE,mCAe/B,CAAA;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,IAAe,EACf,OAAiB,EACjB,IAAW,EACX,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,CAAC,GAC5C,YAAY,CAAC,OAAO,wBAAwB,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAUlE;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAU1F;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAW5F;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAWhD;AAED,OAAO,EACL,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAAkB,GACnB,CAAA"}

package/dist/components/input-group.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { cn } from '../foundation/cn.js';
+import { Button } from './button.js';
+import { Input } from './input.js';
+import { Textarea } from './textarea.js';
+function InputGroup({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "input-group", role: "group", className: cn('group/input-group relative flex w-full items-center rounded-md border border-input shadow-xs transition-[color,box-shadow] outline-none dark:bg-input/30', 'h-9 min-w-0 has-[>textarea]:h-auto', 'has-[>[data-align=inline-start]]:[&>input]:pl-2', 'has-[>[data-align=inline-end]]:[&>input]:pr-2', 'has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3', 'has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3', 'has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50', 'has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-destructive/20 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40', className), ...props }));
+}
+const inputGroupAddonVariants = cva("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4", {
+    variants: {
+        align: {
+            'inline-start': 'order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]',
+            'inline-end': 'order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]',
+            'block-start': 'order-first w-full justify-start px-3 pt-3 group-has-[>input]/input-group:pt-2.5 [.border-b]:pb-3',
+            'block-end': 'order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-2.5 [.border-t]:pt-3',
+        },
+    },
+    defaultVariants: {
+        align: 'inline-start',
+    },
+});
+function InputGroupAddon({ className, align = 'inline-start', ...props }) {
+    return (_jsx("div", { role: "group", "data-slot": "input-group-addon", "data-align": align, className: cn(inputGroupAddonVariants({ align }), className), onClick: (event) => {
+            const target = event.target;
+            if (target instanceof HTMLElement && target.closest('button')) {
+                return;
+            }
+            event.currentTarget.parentElement?.querySelector('input')?.focus();
+        }, ...props }));
+}
+const inputGroupButtonVariants = cva('flex items-center gap-2 text-sm shadow-none', {
+    variants: {
+        size: {
+            xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2 [&>svg:not([class*='size-'])]:size-3.5",
+            sm: 'h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5',
+            'icon-xs': 'size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0',
+            'icon-sm': 'size-8 p-0 has-[>svg]:p-0',
+        },
+    },
+    defaultVariants: {
+        size: 'xs',
+    },
+});
+function InputGroupButton({ className, type = 'button', variant = 'ghost', size = 'xs', ...props }) {
+    return (_jsx(Button, { type: type, "data-size": size, variant: variant, className: cn(inputGroupButtonVariants({ size }), className), ...props }));
+}
+function InputGroupText({ className, ...props }) {
+    return (_jsx("span", { className: cn("flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className), ...props }));
+}
+function InputGroupInput({ className, ...props }) {
+    return (_jsx(Input, { "data-slot": "input-group-control", className: cn('flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent', className), ...props }));
+}
+function InputGroupTextarea({ className, ...props }) {
+    return (_jsx(Textarea, { "data-slot": "input-group-control", className: cn('flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent', className), ...props }));
+}
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea, };
+//# sourceMappingURL=input-group.js.map

package/dist/components/input-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.js","sourceRoot":"","sources":["../../src/components/input-group.tsx"],"names":[],"mappings":"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"}

package/dist/components/input.d.ts

@@ -0,0 +1,5 @@
+import type * as React from 'react';
+import type { ComponentProps } from 'react';
+declare function Input({ className, type, ...props }: ComponentProps<'input'>): React.JSX.Element;
+export { Input };
+//# sourceMappingURL=input.d.ts.map

package/dist/components/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AACnC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAcxF;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/components/input.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../foundation/cn.js';
+function Input({ className, type, ...props }) {
+    return (_jsx("input", { type: type, "data-slot": "input", className: cn('h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30', 'focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50', 'aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40', className), ...props }));
+}
+export { Input };
+//# sourceMappingURL=input.js.map

package/dist/components/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AAErC,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAA2B;IACnE,OAAO,CACL,gBACE,IAAI,EAAE,IAAI,eACA,OAAO,EACjB,SAAS,EAAE,EAAE,CACX,4bAA4b,EAC5b,+EAA+E,EAC/E,wGAAwG,EACxG,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/components/live-duration.d.ts

@@ -0,0 +1,9 @@
+import type * as React from 'react';
+interface LiveDurationPropsExternalApi {
+    startedAt: string | null;
+    completedAt?: string | null;
+    className?: string;
+}
+export declare function LiveDuration({ startedAt, completedAt, className, }: LiveDurationPropsExternalApi): React.ReactNode;
+export {};
+//# sourceMappingURL=live-duration.d.ts.map

package/dist/components/live-duration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"live-duration.d.ts","sourceRoot":"","sources":["../../src/components/live-duration.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AA0DnC,UAAU,4BAA4B;IACpC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,WAAW,EACX,SAAS,GACV,EAAE,4BAA4B,GAAG,KAAK,CAAC,SAAS,CAsBhD"}