mizu-ui 0.1.0

package/dist/lab/Signal.js

@@ -0,0 +1,101 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { useReducedMotion } from "motion/react";
+export function Signal({ density = 14, speed = 1, className = "", style, label = "Interactive signal visualisation. Drag horizontally to scrub the phase of the waveform.", }) {
+    const canvasRef = useRef(null);
+    const reduce = useReducedMotion();
+    useEffect(() => {
+        const canvas = canvasRef.current;
+        if (!canvas)
+            return;
+        const ctx = canvas.getContext("2d");
+        if (!ctx)
+            return;
+        let raf = 0;
+        let running = true;
+        let visible = true;
+        const dpr = Math.min(window.devicePixelRatio || 1, 2);
+        let w = 0;
+        let h = 0;
+        let phase = 0;
+        let dragging = false;
+        let lastX = 0;
+        const mouseX = { v: -9999 };
+        const resize = () => {
+            const r = canvas.getBoundingClientRect();
+            w = r.width;
+            h = r.height;
+            canvas.width = Math.round(w * dpr);
+            canvas.height = Math.round(h * dpr);
+            ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+        };
+        const io = new IntersectionObserver(([e]) => {
+            if (e)
+                visible = e.isIntersecting;
+        });
+        io.observe(canvas);
+        const down = (e) => {
+            dragging = true;
+            lastX = e.clientX;
+            canvas.setPointerCapture(e.pointerId);
+        };
+        const move = (e) => {
+            const r = canvas.getBoundingClientRect();
+            mouseX.v = e.clientX - r.left;
+            if (dragging) {
+                phase += (e.clientX - lastX) * 0.012;
+                lastX = e.clientX;
+            }
+        };
+        const up = () => {
+            dragging = false;
+        };
+        const frame = () => {
+            raf = requestAnimationFrame(frame);
+            if (!running || !visible || document.hidden)
+                return;
+            if (!reduce && !dragging)
+                phase += 0.0035 * speed;
+            ctx.clearRect(0, 0, w, h);
+            const n = Math.max(24, Math.floor(w / density));
+            const bw = w / n;
+            const mid = h * 0.55;
+            ctx.strokeStyle = "rgba(244, 240, 232, 0.14)";
+            ctx.lineWidth = 1;
+            ctx.beginPath();
+            ctx.moveTo(0, mid);
+            ctx.lineTo(w, mid);
+            ctx.stroke();
+            for (let i = 0; i < n; i++) {
+                const x = i * bw + bw / 2;
+                const v = Math.sin(i * 0.22 + phase) * 0.6 + Math.sin(i * 0.07 - phase * 0.6) * 0.4;
+                const bh = Math.abs(v) * h * 0.32 + 2;
+                const y = v > 0 ? mid - bh : mid;
+                const near = mouseX.v > 0 ? Math.max(0, 1 - Math.abs(mouseX.v - x) / 90) : 0;
+                ctx.fillStyle =
+                    near > 0.04 ? `rgba(255,77,28,${0.35 + near * 0.65})` : "rgba(244, 240, 232, 0.3)";
+                ctx.fillRect(x - bw * 0.28, y, bw * 0.56, bh);
+            }
+        };
+        resize();
+        window.addEventListener("resize", resize);
+        canvas.addEventListener("pointerdown", down);
+        canvas.addEventListener("pointermove", move);
+        canvas.addEventListener("pointerup", up);
+        canvas.addEventListener("pointerleave", up);
+        raf = requestAnimationFrame(frame);
+        return () => {
+            running = false;
+            cancelAnimationFrame(raf);
+            io.disconnect();
+            window.removeEventListener("resize", resize);
+            canvas.removeEventListener("pointerdown", down);
+            canvas.removeEventListener("pointermove", move);
+            canvas.removeEventListener("pointerup", up);
+            canvas.removeEventListener("pointerleave", up);
+        };
+    }, [reduce, density, speed]);
+    return (_jsx("canvas", { ref: canvasRef, className: `mizu-canvas-drag ${className}`, style: style, role: "img", "aria-label": label }));
+}
+//# sourceMappingURL=Signal.js.map

package/dist/lab/Signal.js.map

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

package/dist/lab/useCanvas.d.ts

@@ -0,0 +1,3 @@
+import { type RefObject } from "react";
+export declare function useCanvasLoop(draw: (ctx: CanvasRenderingContext2D, w: number, h: number, t: number) => void): RefObject<HTMLCanvasElement | null>;
+//# sourceMappingURL=useCanvas.d.ts.map

package/dist/lab/useCanvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCanvas.d.ts","sourceRoot":"","sources":["../../src/lab/useCanvas.ts"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1D,wBAAgB,aAAa,CAC3B,IAAI,EAAE,CAAC,GAAG,EAAE,wBAAwB,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,GAC7E,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAgErC"}

package/dist/lab/useCanvas.js

@@ -0,0 +1,63 @@
+"use client";
+import { useEffect, useRef } from "react";
+import { useReducedMotion } from "motion/react";
+export function useCanvasLoop(draw) {
+    const ref = useRef(null);
+    const drawRef = useRef(draw);
+    const reduce = useReducedMotion();
+    useEffect(() => {
+        drawRef.current = draw;
+    });
+    useEffect(() => {
+        const canvas = ref.current;
+        if (!canvas)
+            return;
+        const ctx = canvas.getContext("2d");
+        if (!ctx)
+            return;
+        let raf = 0;
+        let running = true;
+        let visible = true;
+        const dpr = Math.min(window.devicePixelRatio || 1, 2);
+        const resize = () => {
+            const r = canvas.getBoundingClientRect();
+            canvas.width = Math.max(1, Math.round(r.width * dpr));
+            canvas.height = Math.max(1, Math.round(r.height * dpr));
+            ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+        };
+        const io = new IntersectionObserver(([e]) => {
+            if (e)
+                visible = e.isIntersecting;
+        });
+        io.observe(canvas);
+        resize();
+        window.addEventListener("resize", resize);
+        if (reduce) {
+            const r = canvas.getBoundingClientRect();
+            ctx.clearRect(0, 0, r.width, r.height);
+            drawRef.current(ctx, r.width, r.height, 1400);
+            return () => {
+                io.disconnect();
+                window.removeEventListener("resize", resize);
+            };
+        }
+        const start = performance.now();
+        const frame = (now) => {
+            raf = requestAnimationFrame(frame);
+            if (!running || !visible || document.hidden)
+                return;
+            const r = canvas.getBoundingClientRect();
+            ctx.clearRect(0, 0, r.width, r.height);
+            drawRef.current(ctx, r.width, r.height, now - start);
+        };
+        raf = requestAnimationFrame(frame);
+        return () => {
+            running = false;
+            cancelAnimationFrame(raf);
+            io.disconnect();
+            window.removeEventListener("resize", resize);
+        };
+    }, [reduce]);
+    return ref;
+}
+//# sourceMappingURL=useCanvas.js.map

package/dist/lab/useCanvas.js.map

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

package/dist/motion/Magnetic.d.ts

@@ -0,0 +1,8 @@
+import { type ReactNode } from "react";
+export declare function Magnetic({ children, strength, className, style, }: {
+    children: ReactNode;
+    strength?: number;
+    className?: string;
+    style?: React.CSSProperties;
+}): import("react").JSX.Element;
+//# sourceMappingURL=Magnetic.d.ts.map

package/dist/motion/Magnetic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Magnetic.d.ts","sourceRoot":"","sources":["../../src/motion/Magnetic.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG/C,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,QAAe,EACf,SAAc,EACd,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,+BA0BA"}

package/dist/motion/Magnetic.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from "react";
+import { motion, useMotionValue, useSpring } from "motion/react";
+export function Magnetic({ children, strength = 0.32, className = "", style, }) {
+    const ref = useRef(null);
+    const x = useMotionValue(0);
+    const y = useMotionValue(0);
+    const sx = useSpring(x, { stiffness: 160, damping: 14, mass: 0.4 });
+    const sy = useSpring(y, { stiffness: 160, damping: 14, mass: 0.4 });
+    return (_jsx(motion.div, { ref: ref, className: className, style: { ...style, x: sx, y: sy, display: "inline-block" }, onMouseMove: (e) => {
+            const r = ref.current?.getBoundingClientRect();
+            if (!r)
+                return;
+            x.set((e.clientX - (r.left + r.width / 2)) * strength);
+            y.set((e.clientY - (r.top + r.height / 2)) * strength);
+        }, onMouseLeave: () => {
+            x.set(0);
+            y.set(0);
+        }, children: children }));
+}
+//# sourceMappingURL=Magnetic.js.map

package/dist/motion/Magnetic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Magnetic.js","sourceRoot":"","sources":["../../src/motion/Magnetic.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,EAAkB,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEjE,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,KAAK,GAMN;IACC,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;IAC5B,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;IAC5B,MAAM,EAAE,GAAG,SAAS,CAAC,CAAC,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;IACpE,MAAM,EAAE,GAAG,SAAS,CAAC,CAAC,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;IAEpE,OAAO,CACL,KAAC,MAAM,CAAC,GAAG,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,EAC1D,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;YACjB,MAAM,CAAC,GAAG,GAAG,CAAC,OAAO,EAAE,qBAAqB,EAAE,CAAC;YAC/C,IAAI,CAAC,CAAC;gBAAE,OAAO;YACf,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC;YACvD,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC;QACzD,CAAC,EACD,YAAY,EAAE,GAAG,EAAE;YACjB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YACT,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QACX,CAAC,YAEA,QAAQ,GACE,CACd,CAAC;AACJ,CAAC"}

package/dist/motion/Marquee.d.ts

@@ -0,0 +1,11 @@
+import { type ReactNode } from "react";
+export declare function Marquee({ children, duration, pauseOnHover, separator, label, className, style, }: {
+    children: ReactNode;
+    duration?: number;
+    pauseOnHover?: boolean;
+    separator?: boolean;
+    label?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}): import("react").JSX.Element;
+//# sourceMappingURL=Marquee.d.ts.map

package/dist/motion/Marquee.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Marquee.d.ts","sourceRoot":"","sources":["../../src/motion/Marquee.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIjD,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,QAAa,EACb,YAAmB,EACnB,SAAgB,EAChB,KAAK,EACL,SAAc,EACd,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,+BAsCA"}

package/dist/motion/Marquee.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { motion, useReducedMotion } from "motion/react";
+import { Mark } from "../ui/Mark";
+export function Marquee({ children, duration = 42, pauseOnHover = true, separator = true, label, className = "", style, }) {
+    const reduce = useReducedMotion();
+    const [hover, setHover] = useState(false);
+    const row = (hidden) => (_jsxs("div", { "aria-hidden": hidden, style: { display: "flex", flexShrink: 0, alignItems: "center" }, children: [children, separator && (_jsx("span", { style: { display: "inline-flex", padding: "0 28px" }, children: _jsx(Mark, { size: 6 }) }))] }));
+    return (_jsx("div", { className: className, role: "marquee", "aria-label": label, style: { ...style, overflow: "hidden", display: "flex" }, onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), children: _jsxs(motion.div, { style: { display: "flex", width: "max-content", willChange: "transform" }, animate: reduce
+                ? { x: "0%" }
+                : { x: ["0%", "-50%"], animationPlayState: pauseOnHover && hover ? "paused" : "running" }, transition: reduce ? { duration: 0 } : { duration, repeat: Infinity, ease: "linear" }, children: [row(false), row(true)] }) }));
+}
+//# sourceMappingURL=Marquee.js.map

package/dist/motion/Marquee.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Marquee.js","sourceRoot":"","sources":["../../src/motion/Marquee.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAElC,MAAM,UAAU,OAAO,CAAC,EACtB,QAAQ,EACR,QAAQ,GAAG,EAAE,EACb,YAAY,GAAG,IAAI,EACnB,SAAS,GAAG,IAAI,EAChB,KAAK,EACL,SAAS,GAAG,EAAE,EACd,KAAK,GASN;IACC,MAAM,MAAM,GAAG,gBAAgB,EAAE,CAAC;IAClC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1C,MAAM,GAAG,GAAG,CAAC,MAAe,EAAE,EAAE,CAAC,CAC/B,8BAAkB,MAAM,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,aACtF,QAAQ,EACR,SAAS,IAAI,CACZ,eAAM,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,EAAE,YACxD,KAAC,IAAI,IAAC,IAAI,EAAE,CAAC,GAAI,GACZ,CACR,IACG,CACP,CAAC;IAEF,OAAO,CACL,cACE,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,SAAS,gBACF,KAAK,EACjB,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,EACxD,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAClC,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,YAEnC,MAAC,MAAM,CAAC,GAAG,IACT,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,WAAW,EAAE,EACzE,OAAO,EACL,MAAM;gBACJ,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE;gBACb,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,kBAAkB,EAAE,YAAY,IAAI,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,EAE7F,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,aAEpF,GAAG,CAAC,KAAK,CAAC,EACV,GAAG,CAAC,IAAI,CAAC,IACC,GACT,CACP,CAAC;AACJ,CAAC"}

package/dist/motion/MaskLine.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+export declare function MaskLine({ children, delay, y, className, style, }: {
+    children: ReactNode;
+    delay?: number;
+    y?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}): import("react").JSX.Element;
+//# sourceMappingURL=MaskLine.d.ts.map

package/dist/motion/MaskLine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaskLine.d.ts","sourceRoot":"","sources":["../../src/motion/MaskLine.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,KAAS,EACT,CAAU,EACV,SAAc,EACd,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,+BAgBA"}

package/dist/motion/MaskLine.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { motion } from "motion/react";
+import { EASE_EXPO } from "./easings";
+export function MaskLine({ children, delay = 0, y = "112%", className = "", style, }) {
+    return (_jsx("span", { className: `mizu-maskline ${className}`, style: { ...style, display: "block", overflow: "hidden" }, children: _jsx(motion.span, { style: { display: "block", willChange: "transform" }, initial: { y }, animate: { y: "0%" }, transition: { duration: 1.15, delay, ease: EASE_EXPO }, children: children }) }));
+}
+//# sourceMappingURL=MaskLine.js.map

package/dist/motion/MaskLine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaskLine.js","sourceRoot":"","sources":["../../src/motion/MaskLine.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,KAAK,GAAG,CAAC,EACT,CAAC,GAAG,MAAM,EACV,SAAS,GAAG,EAAE,EACd,KAAK,GAON;IACC,OAAO,CACL,eACE,SAAS,EAAE,iBAAiB,SAAS,EAAE,EACvC,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAEzD,KAAC,MAAM,CAAC,IAAI,IACV,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,EACpD,OAAO,EAAE,EAAE,CAAC,EAAE,EACd,OAAO,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,EACpB,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,YAErD,QAAQ,GACG,GACT,CACR,CAAC;AACJ,CAAC"}

package/dist/motion/PageWipe.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from "react";
+type WipeContextValue = {
+    wipe: (label?: string) => Promise<void>;
+};
+export declare function usePageWipe(): WipeContextValue;
+export declare function PageWipeProvider({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=PageWipe.d.ts.map

package/dist/motion/PageWipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageWipe.d.ts","sourceRoot":"","sources":["../../src/motion/PageWipe.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAOf,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACzC,CAAC;AAIF,wBAAgB,WAAW,IAAI,gBAAgB,CAI9C;AAED,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BA8ErE"}

package/dist/motion/PageWipe.js

@@ -0,0 +1,60 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useRef, useState, } from "react";
+import { AnimatePresence, motion, useReducedMotion } from "motion/react";
+import { EASE_WIPE } from "./easings";
+const WIPE_MS = 1050;
+const MIDPOINT_MS = 500;
+const PageWipeContext = createContext(null);
+export function usePageWipe() {
+    const ctx = useContext(PageWipeContext);
+    if (!ctx)
+        throw new Error("usePageWipe must be used within <PageWipeProvider>");
+    return ctx;
+}
+export function PageWipeProvider({ children }) {
+    const reduce = useReducedMotion();
+    const [active, setActive] = useState(null);
+    const resolver = useRef(null);
+    const busy = useRef(false);
+    const wipe = useCallback((label = "") => {
+        if (reduce)
+            return Promise.resolve();
+        if (busy.current)
+            return new Promise(() => { });
+        busy.current = true;
+        return new Promise((resolve) => {
+            resolver.current = () => {
+                resolve();
+                resolver.current = null;
+            };
+            setActive({ label, id: Date.now() });
+            window.setTimeout(() => resolver.current?.(), MIDPOINT_MS);
+        });
+    }, [reduce]);
+    const finish = useCallback(() => {
+        window.setTimeout(() => {
+            setActive(null);
+            busy.current = false;
+        }, 60);
+    }, []);
+    return (_jsxs(PageWipeContext.Provider, { value: { wipe }, children: [children, _jsx(AnimatePresence, { children: active && (_jsx(motion.div, { "aria-hidden": true, className: "mizu-wipe", style: {
+                        position: "fixed",
+                        inset: 0,
+                        zIndex: "var(--mizu-z-wipe)",
+                        background: "var(--mizu-ink-2)",
+                        borderRight: "2px solid var(--mizu-accent)",
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        pointerEvents: "none",
+                    }, initial: { x: "-101%" }, animate: { x: "101%" }, exit: { opacity: 0 }, transition: { duration: WIPE_MS / 1000, ease: EASE_WIPE }, onAnimationComplete: finish, children: active.label && (_jsx(motion.span, { style: {
+                            fontFamily: "var(--mizu-font-mono)",
+                            fontSize: 12,
+                            letterSpacing: "0.45em",
+                            textTransform: "uppercase",
+                            color: "var(--mizu-paper)",
+                            opacity: 0.7,
+                        }, initial: { opacity: 0, y: 14 }, animate: { opacity: [0, 1, 1, 0], y: 0 }, transition: { duration: WIPE_MS / 1000, times: [0, 0.22, 0.72, 1], ease: "linear" }, children: active.label })) }, active.id)) })] }));
+}
+//# sourceMappingURL=PageWipe.js.map

package/dist/motion/PageWipe.js.map

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

package/dist/motion/Reveal.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from "react";
+export declare function Reveal({ children, delay, y, x, duration, once, className, style, }: {
+    children: ReactNode;
+    delay?: number;
+    y?: number;
+    x?: number;
+    duration?: number;
+    once?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}): import("react").JSX.Element;
+//# sourceMappingURL=Reveal.d.ts.map

package/dist/motion/Reveal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Reveal.d.ts","sourceRoot":"","sources":["../../src/motion/Reveal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,KAAS,EACT,CAAM,EACN,CAAK,EACL,QAAe,EACf,IAAW,EACX,SAAc,EACd,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,+BAaA"}

package/dist/motion/Reveal.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { motion } from "motion/react";
+import { EASE_EXPO } from "./easings";
+export function Reveal({ children, delay = 0, y = 32, x = 0, duration = 0.95, once = true, className = "", style, }) {
+    return (_jsx(motion.div, { className: className, style: style, initial: { opacity: 0, y, x }, whileInView: { opacity: 1, y: 0, x: 0 }, viewport: { once, margin: "-70px" }, transition: { duration, delay, ease: EASE_EXPO }, children: children }));
+}
+//# sourceMappingURL=Reveal.js.map

package/dist/motion/Reveal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Reveal.js","sourceRoot":"","sources":["../../src/motion/Reveal.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC,MAAM,UAAU,MAAM,CAAC,EACrB,QAAQ,EACR,KAAK,GAAG,CAAC,EACT,CAAC,GAAG,EAAE,EACN,CAAC,GAAG,CAAC,EACL,QAAQ,GAAG,IAAI,EACf,IAAI,GAAG,IAAI,EACX,SAAS,GAAG,EAAE,EACd,KAAK,GAUN;IACC,OAAO,CACL,KAAC,MAAM,CAAC,GAAG,IACT,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,WAAW,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EACvC,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EACnC,UAAU,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,YAE/C,QAAQ,GACE,CACd,CAAC;AACJ,CAAC"}

package/dist/motion/easings.d.ts

@@ -0,0 +1,4 @@
+export declare const EASE_EXPO: [number, number, number, number];
+export declare const EASE_WIPE: [number, number, number, number];
+export declare const EASE_SPRING: [number, number, number, number];
+//# sourceMappingURL=easings.d.ts.map

package/dist/motion/easings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"easings.d.ts","sourceRoot":"","sources":["../../src/motion/easings.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAqB,CAAC;AAC7E,eAAO,MAAM,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAsB,CAAC;AAC9E,eAAO,MAAM,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAyB,CAAC"}

package/dist/motion/easings.js

@@ -0,0 +1,4 @@
+export const EASE_EXPO = [0.16, 1, 0.3, 1];
+export const EASE_WIPE = [0.76, 0, 0.24, 1];
+export const EASE_SPRING = [0.34, 1.56, 0.64, 1];
+//# sourceMappingURL=easings.js.map

package/dist/motion/easings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"easings.js","sourceRoot":"","sources":["../../src/motion/easings.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAqC,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;AAC7E,MAAM,CAAC,MAAM,SAAS,GAAqC,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;AAC9E,MAAM,CAAC,MAAM,WAAW,GAAqC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC"}

package/dist/type/GhostWord.d.ts

@@ -0,0 +1,7 @@
+export declare function GhostWord({ text, fill, className, style, }: {
+    text: string;
+    fill?: "accent" | "paper";
+    className?: string;
+    style?: React.CSSProperties;
+}): import("react").JSX.Element;
+//# sourceMappingURL=GhostWord.d.ts.map

package/dist/type/GhostWord.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GhostWord.d.ts","sourceRoot":"","sources":["../../src/type/GhostWord.tsx"],"names":[],"mappings":"AAAA,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,IAAe,EACf,SAAc,EACd,KAAK,GACN,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,+BAMA"}

package/dist/type/GhostWord.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function GhostWord({ text, fill = "accent", className = "", style, }) {
+    return (_jsx("span", { "aria-hidden": true, className: `mizu-ghost mizu-ghost--${fill} ${className}`, style: style, children: text }));
+}
+//# sourceMappingURL=GhostWord.js.map

package/dist/type/GhostWord.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GhostWord.js","sourceRoot":"","sources":["../../src/type/GhostWord.tsx"],"names":[],"mappings":";AAAA,MAAM,UAAU,SAAS,CAAC,EACxB,IAAI,EACJ,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,EAAE,EACd,KAAK,GAMN;IACC,OAAO,CACL,oCAAkB,SAAS,EAAE,0BAA0B,IAAI,IAAI,SAAS,EAAE,EAAE,KAAK,EAAE,KAAK,YACrF,IAAI,GACA,CACR,CAAC;AACJ,CAAC"}

package/dist/type/SoftType.d.ts

@@ -0,0 +1,11 @@
+export declare function SoftType({ text, mode, speed, min, max, className, style, label, }: {
+    text?: string;
+    mode?: "weight" | "width" | "both";
+    speed?: number;
+    min?: number;
+    max?: number;
+    className?: string;
+    style?: React.CSSProperties;
+    label?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=SoftType.d.ts.map

package/dist/type/SoftType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SoftType.d.ts","sourceRoot":"","sources":["../../src/type/SoftType.tsx"],"names":[],"mappings":"AAKA,wBAAgB,QAAQ,CAAC,EACvB,IAAW,EACX,IAAe,EACf,KAAS,EACT,GAAS,EACT,GAAS,EACT,SAAc,EACd,KAAK,EACL,KAAK,GACN,EAAE;IACD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,+BAmCA"}

package/dist/type/SoftType.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { useCanvasLoop } from "../lab/useCanvas";
+export function SoftType({ text = "Aa", mode = "weight", speed = 1, min = 100, max = 900, className = "", style, label, }) {
+    const draw = useCallback((ctx, w, h, t) => {
+        const osc = 0.5 + 0.5 * Math.sin(t * 0.0009 * speed);
+        const wght = Math.round(min + (max - min) * osc);
+        const wdth = Math.round(62 + (125 - 62) * (0.5 + 0.5 * Math.sin(t * 0.0006 * speed)));
+        const wghtV = mode === "width" ? 500 : wght;
+        const wdthV = mode === "weight" ? 100 : wdth;
+        const c = ctx;
+        c.fontVariationSettings = `"wght" ${wghtV}, "wdth" ${wdthV}`;
+        ctx.font = `500 ${Math.round(h * 0.52)}px "Archivo Variable", sans-serif`;
+        ctx.textAlign = "center";
+        ctx.textBaseline = "middle";
+        ctx.fillStyle = "rgba(244, 240, 232, 0.92)";
+        ctx.fillText(text, w / 2 + Math.sin(t * 0.0006 * speed) * 4, h / 2);
+        c.fontVariationSettings = "normal";
+        ctx.font = `500 ${Math.round(h * 0.07)}px "JetBrains Mono", monospace`;
+        ctx.fillStyle = "rgba(255, 77, 28, 0.9)";
+        ctx.fillText(`wght ${wghtV}`, w / 2, h * 0.86);
+    }, [text, mode, speed, min, max]);
+    const ref = useCanvasLoop(draw);
+    return (_jsx("canvas", { ref: ref, className: className, style: style, role: "img", "aria-label": label ?? `Variable type specimen displaying "${text}"` }));
+}
+//# sourceMappingURL=SoftType.js.map

package/dist/type/SoftType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SoftType.js","sourceRoot":"","sources":["../../src/type/SoftType.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,UAAU,QAAQ,CAAC,EACvB,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,QAAQ,EACf,KAAK,GAAG,CAAC,EACT,GAAG,GAAG,GAAG,EACT,GAAG,GAAG,GAAG,EACT,SAAS,GAAG,EAAE,EACd,KAAK,EACL,KAAK,GAUN;IACC,MAAM,IAAI,GAAG,WAAW,CACtB,CAAC,GAA6B,EAAE,CAAS,EAAE,CAAS,EAAE,CAAS,EAAE,EAAE;QACjE,MAAM,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,GAAG,KAAK,CAAC,CAAC;QACrD,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC;QACjD,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QACtF,MAAM,KAAK,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;QAC5C,MAAM,KAAK,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;QAE7C,MAAM,CAAC,GAAG,GAAmE,CAAC;QAC9E,CAAC,CAAC,qBAAqB,GAAG,UAAU,KAAK,YAAY,KAAK,EAAE,CAAC;QAC7D,GAAG,CAAC,IAAI,GAAG,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,mCAAmC,CAAC;QAC1E,GAAG,CAAC,SAAS,GAAG,QAAQ,CAAC;QACzB,GAAG,CAAC,YAAY,GAAG,QAAQ,CAAC;QAC5B,GAAG,CAAC,SAAS,GAAG,2BAA2B,CAAC;QAC5C,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;QACpE,CAAC,CAAC,qBAAqB,GAAG,QAAQ,CAAC;QACnC,GAAG,CAAC,IAAI,GAAG,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,gCAAgC,CAAC;QACvE,GAAG,CAAC,SAAS,GAAG,wBAAwB,CAAC;QACzC,GAAG,CAAC,QAAQ,CAAC,QAAQ,KAAK,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC;IACjD,CAAC,EACD,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,CAC9B,CAAC;IAEF,MAAM,GAAG,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEhC,OAAO,CACL,iBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,KAAK,gBACE,KAAK,IAAI,sCAAsC,IAAI,GAAG,GAClE,CACH,CAAC;AACJ,CAAC"}

package/dist/type/Specimen.d.ts

@@ -0,0 +1,13 @@
+export declare function Specimen({ text, onTextChange, size, onSizeChange, weight, onWeightChange, tracking, onTrackingChange, serif, onSerifChange, }: {
+    text?: string;
+    onTextChange?: (v: string) => void;
+    size?: number;
+    onSizeChange?: (v: number) => void;
+    weight?: number;
+    onWeightChange?: (v: number) => void;
+    tracking?: number;
+    onTrackingChange?: (v: number) => void;
+    serif?: boolean;
+    onSerifChange?: (v: boolean) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=Specimen.d.ts.map

package/dist/type/Specimen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Specimen.d.ts","sourceRoot":"","sources":["../../src/type/Specimen.tsx"],"names":[],"mappings":"AAKA,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,YAAY,EACZ,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,cAAc,EACd,QAAQ,EACR,gBAAgB,EAChB,KAAK,EACL,aAAa,GACd,EAAE;IACD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC,+BAyJA"}

package/dist/type/Specimen.js

@@ -0,0 +1,82 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Slider } from "../ui/Slider";
+export function Specimen({ text, onTextChange, size, onSizeChange, weight, onWeightChange, tracking, onTrackingChange, serif, onSerifChange, }) {
+    const [t, setT] = useState("Mizu");
+    const [s, setS] = useState(84);
+    const [w, setW] = useState(800);
+    const [tr, setTr] = useState(-2);
+    const [se, setSe] = useState(false);
+    const textV = text ?? t;
+    const sizeV = size ?? s;
+    const weightV = weight ?? w;
+    const trackingV = tracking ?? tr;
+    const serifV = serif ?? se;
+    const shown = textV.trim() === "" ? "Type" : textV;
+    return (_jsxs("div", { children: [_jsx("div", { style: {
+                    display: "flex",
+                    minHeight: 220,
+                    alignItems: "center",
+                    justifyContent: "center",
+                    overflow: "hidden",
+                    border: "1px solid var(--mizu-line)",
+                    background: "var(--mizu-ink-2)",
+                    padding: "40px 24px",
+                }, className: "mizu-specimen-stage", children: _jsx("p", { style: {
+                        maxWidth: "100%",
+                        margin: 0,
+                        textAlign: "center",
+                        overflowWrap: "break-word",
+                        lineHeight: 0.95,
+                        transition: "font-size 150ms ease, letter-spacing 150ms ease",
+                        fontFamily: serifV ? "var(--mizu-font-serif)" : "var(--mizu-font-display)",
+                        fontStyle: serifV ? "italic" : "normal",
+                        fontSize: sizeV,
+                        fontWeight: serifV ? 400 : weightV,
+                        letterSpacing: trackingV,
+                        fontStretch: serifV ? "normal" : "100%",
+                    }, children: shown }) }), _jsxs("div", { style: { display: "grid", gap: 20, marginTop: 28 }, children: [_jsxs("label", { style: {
+                            display: "grid",
+                            gridTemplateColumns: "104px 1fr 52px",
+                            alignItems: "center",
+                            gap: 16,
+                            fontFamily: "var(--mizu-font-mono)",
+                            fontSize: 10,
+                            letterSpacing: "0.2em",
+                            textTransform: "uppercase",
+                            color: "var(--mizu-faint)",
+                        }, children: ["Text", _jsx("input", { value: textV, onChange: (e) => onTextChange ? onTextChange(e.target.value) : setT(e.target.value), maxLength: 14, placeholder: "Type something", "aria-label": "Specimen text", style: {
+                                    width: "100%",
+                                    border: "1px solid var(--mizu-line)",
+                                    background: "var(--mizu-ink-2)",
+                                    padding: "10px 12px",
+                                    fontFamily: "var(--mizu-font-mono)",
+                                    fontSize: 12,
+                                    letterSpacing: "normal",
+                                    textTransform: "none",
+                                    color: "var(--mizu-paper)",
+                                    outline: "none",
+                                }, className: "mizu-specimen-input" }), _jsx("span", {})] }), _jsx(Slider, { label: "Size", value: sizeV, min: 24, max: 140, onChange: (v) => onSizeChange ? onSizeChange(v) : setS(v) }), _jsx(Slider, { label: "Weight", value: weightV, min: 100, max: 900, step: 25, disabled: serifV, onChange: (v) => onWeightChange ? onWeightChange(v) : setW(v) }), _jsx(Slider, { label: "Tracking", value: trackingV, min: -8, max: 24, onChange: (v) => onTrackingChange ? onTrackingChange(v) : setTr(v) }), _jsxs("button", { type: "button", onClick: () => onSerifChange ? onSerifChange(!serifV) : setSe(!serifV), "aria-pressed": serifV, style: {
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "space-between",
+                            border: "1px solid var(--mizu-line)",
+                            padding: "12px 16px",
+                            background: "transparent",
+                            fontFamily: "var(--mizu-font-mono)",
+                            fontSize: 10,
+                            letterSpacing: "0.2em",
+                            textTransform: "uppercase",
+                            color: "var(--mizu-muted)",
+                            cursor: "pointer",
+                        }, className: "mizu-specimen-toggle", children: ["Serif italic", _jsx("span", { style: { color: serifV ? "var(--mizu-accent)" : "var(--mizu-faint)" }, children: serifV ? "On" : "Off" })] })] }), _jsxs("p", { style: {
+                    marginTop: 24,
+                    fontFamily: "var(--mizu-font-mono)",
+                    fontSize: 10,
+                    lineHeight: 1.6,
+                    letterSpacing: "0.08em",
+                    color: "var(--mizu-faint)",
+                }, children: ["font: ", serifV ? "italic 400" : `${weightV} ${sizeV}px/0.95`, " ", serifV ? "Instrument Serif" : "Archivo Variable", "; \u00B7 letter-spacing: ", trackingV, "px; \u00B7 stretch:", " ", serifV ? "normal" : "100%"] })] }));
+}
+//# sourceMappingURL=Specimen.js.map