mizu-ui 0.1.0

package/dist/feedback/CopyButton.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useState } from "react";
+import { Mark } from "../ui/Mark";
+async function copyText(text) {
+    try {
+        await navigator.clipboard.writeText(text);
+        return true;
+    }
+    catch {
+        try {
+            const ta = document.createElement("textarea");
+            ta.value = text;
+            ta.style.position = "fixed";
+            ta.style.opacity = "0";
+            document.body.appendChild(ta);
+            ta.select();
+            document.execCommand("copy");
+            document.body.removeChild(ta);
+            return true;
+        }
+        catch {
+            return false;
+        }
+    }
+}
+export const CopyButton = forwardRef(function CopyButton({ text, feedback = "Copied", className = "", children, ...props }, ref) {
+    const [copied, setCopied] = useState(false);
+    const onCopy = async () => {
+        const ok = await copyText(text);
+        setCopied(ok);
+        if (ok)
+            window.setTimeout(() => setCopied((c) => (c ? false : c)), 1400);
+    };
+    return (_jsxs("button", { ref: ref, onClick: onCopy, "aria-label": copied ? feedback : `Copy ${text}`, className: className, style: {
+            display: "inline-flex",
+            alignItems: "center",
+            gap: 8,
+            background: "transparent",
+            border: "none",
+            padding: 0,
+            fontFamily: "var(--mizu-font-mono)",
+            fontSize: 11,
+            letterSpacing: "0.12em",
+            color: copied ? "var(--mizu-accent)" : "var(--mizu-muted)",
+            cursor: "pointer",
+            transition: "color 250ms ease",
+        }, ...props, children: [copied ? (_jsx("svg", { width: "11", height: "11", viewBox: "0 0 12 12", fill: "none", "aria-hidden": true, children: _jsx("path", { d: "M2 6.5L4.8 9L10 3.5", stroke: "currentColor", strokeWidth: "1.5" }) })) : (_jsx(Mark, { size: 5, tone: copied ? "accent" : "line" })), copied ? feedback : children] }));
+});
+//# sourceMappingURL=CopyButton.js.map

package/dist/feedback/CopyButton.js.map

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

package/dist/feedback/CountUp.d.ts

@@ -0,0 +1,10 @@
+export declare function CountUp({ value, duration, delay, decimals, prefix, suffix, className, }: {
+    value: number;
+    duration?: number;
+    delay?: number;
+    decimals?: number;
+    prefix?: string;
+    suffix?: string;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=CountUp.d.ts.map

package/dist/feedback/CountUp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountUp.d.ts","sourceRoot":"","sources":["../../src/feedback/CountUp.tsx"],"names":[],"mappings":"AAKA,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,QAAc,EACd,KAAS,EACT,QAAY,EACZ,MAAW,EACX,MAAW,EACX,SAAc,GACf,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAoCA"}

package/dist/feedback/CountUp.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { useReducedMotion } from "motion/react";
+export function CountUp({ value, duration = 1.2, delay = 0, decimals = 0, prefix = "", suffix = "", className = "", }) {
+    const reduce = useReducedMotion();
+    const [display, setDisplay] = useState(0);
+    const prev = useRef(0);
+    useEffect(() => {
+        if (reduce)
+            return;
+        const from = prev.current;
+        prev.current = value;
+        if (from === value)
+            return;
+        let raf = 0;
+        const start = performance.now() + delay * 1000;
+        const tick = (now) => {
+            const t = Math.min(1, Math.max(0, (now - start) / (duration * 1000)));
+            const e = 1 - Math.pow(1 - t, 4);
+            setDisplay(from + (value - from) * e);
+            if (t < 1)
+                raf = requestAnimationFrame(tick);
+        };
+        raf = requestAnimationFrame(tick);
+        return () => cancelAnimationFrame(raf);
+    }, [value, duration, delay, reduce]);
+    const shown = reduce ? value : display;
+    const formatted = shown.toLocaleString("en-US", {
+        minimumFractionDigits: decimals,
+        maximumFractionDigits: decimals,
+    });
+    return (_jsxs("span", { className: className, style: { fontVariantNumeric: "tabular-nums" }, children: [prefix, formatted, suffix] }));
+}
+//# sourceMappingURL=CountUp.js.map

package/dist/feedback/CountUp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountUp.js","sourceRoot":"","sources":["../../src/feedback/CountUp.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,MAAM,UAAU,OAAO,CAAC,EACtB,KAAK,EACL,QAAQ,GAAG,GAAG,EACd,KAAK,GAAG,CAAC,EACT,QAAQ,GAAG,CAAC,EACZ,MAAM,GAAG,EAAE,EACX,MAAM,GAAG,EAAE,EACX,SAAS,GAAG,EAAE,GASf;IACC,MAAM,MAAM,GAAG,gBAAgB,EAAE,CAAC;IAClC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC1C,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAEvB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM;YAAE,OAAO;QACnB,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC;QAC1B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,IAAI,KAAK,KAAK;YAAE,OAAO;QAC3B,IAAI,GAAG,GAAG,CAAC,CAAC;QACZ,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,GAAG,KAAK,GAAG,IAAI,CAAC;QAC/C,MAAM,IAAI,GAAG,CAAC,GAAW,EAAE,EAAE;YAC3B,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;YACtE,MAAM,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;YACjC,UAAU,CAAC,IAAI,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;YACtC,IAAI,CAAC,GAAG,CAAC;gBAAE,GAAG,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;QAC/C,CAAC,CAAC;QACF,GAAG,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;QAClC,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAErC,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC;IAEvC,MAAM,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE;QAC9C,qBAAqB,EAAE,QAAQ;QAC/B,qBAAqB,EAAE,QAAQ;KAChC,CAAC,CAAC;IAEH,OAAO,CACL,gBAAM,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,kBAAkB,EAAE,cAAc,EAAE,aACtE,MAAM,EACN,SAAS,EACT,MAAM,IACF,CACR,CAAC;AACJ,CAAC"}

package/dist/feedback/Toast.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode } from "react";
+export type ToastTone = "default" | "success" | "error";
+type ToastContextValue = {
+    toast: (message: string, options?: {
+        tone?: ToastTone;
+        duration?: number;
+    }) => void;
+};
+export declare function useToast(): ToastContextValue;
+export declare function ToastProvider({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Toast.d.ts.map

package/dist/feedback/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../src/feedback/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAQxD,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,SAAS,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACrF,CAAC;AAIF,wBAAgB,QAAQ,IAAI,iBAAiB,CAI5C;AAQD,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAqFlE"}

package/dist/feedback/Toast.js

@@ -0,0 +1,61 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useRef, useState, } from "react";
+import { AnimatePresence, motion } from "motion/react";
+import { EASE_EXPO } from "../motion/easings";
+import { Mark } from "../ui/Mark";
+const ToastContext = createContext(null);
+export function useToast() {
+    const ctx = useContext(ToastContext);
+    if (!ctx)
+        throw new Error("useToast must be used within <ToastProvider>");
+    return ctx;
+}
+const TONE_MARK = {
+    default: "paper",
+    success: "accent",
+    error: "accent",
+};
+export function ToastProvider({ children }) {
+    const [toasts, setToasts] = useState([]);
+    const idRef = useRef(0);
+    const dismiss = useCallback((id) => {
+        setToasts((ts) => ts.filter((t) => t.id !== id));
+    }, []);
+    const toast = useCallback((message, options) => {
+        const id = ++idRef.current;
+        const item = { id, message, tone: options?.tone ?? "default" };
+        setToasts((ts) => [...ts.slice(-3), item]);
+        const duration = options?.duration ?? 3500;
+        window.setTimeout(() => dismiss(id), duration);
+    }, [dismiss]);
+    return (_jsxs(ToastContext.Provider, { value: { toast }, children: [children, _jsx("div", { "aria-live": "polite", style: {
+                    position: "fixed",
+                    bottom: 24,
+                    left: "50%",
+                    transform: "translateX(-50%)",
+                    zIndex: "var(--mizu-z-overlay)",
+                    display: "flex",
+                    flexDirection: "column",
+                    alignItems: "center",
+                    gap: 10,
+                    pointerEvents: "none",
+                    width: "min(92vw, 420px)",
+                }, children: _jsx(AnimatePresence, { children: toasts.map((t) => (_jsxs(motion.div, { initial: { opacity: 0, y: 24, scale: 0.96 }, animate: { opacity: 1, y: 0, scale: 1 }, exit: { opacity: 0, y: 12, scale: 0.97 }, transition: { duration: 0.4, ease: EASE_EXPO }, style: {
+                            display: "flex",
+                            alignItems: "center",
+                            gap: 12,
+                            width: "100%",
+                            padding: "14px 18px",
+                            background: "var(--mizu-ink-2)",
+                            border: "1px solid var(--mizu-line-bright)",
+                            pointerEvents: "auto",
+                        }, children: [_jsx(Mark, { size: 5, tone: TONE_MARK[t.tone] }), _jsx("span", { style: {
+                                    flex: 1,
+                                    fontFamily: "var(--mizu-font-mono)",
+                                    fontSize: 11,
+                                    letterSpacing: "0.08em",
+                                    color: "var(--mizu-paper)",
+                                }, children: t.message }), t.tone === "success" && (_jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": true, children: _jsx("path", { d: "M2 6.5L4.8 9L10 3.5", stroke: "var(--mizu-accent)", strokeWidth: "1.5" }) })), t.tone === "error" && (_jsx("svg", { width: "11", height: "11", viewBox: "0 0 12 12", fill: "none", "aria-hidden": true, children: _jsx("path", { d: "M2 2L10 10M10 2L2 10", stroke: "var(--mizu-accent)", strokeWidth: "1.5" }) }))] }, t.id))) }) })] }));
+}
+//# sourceMappingURL=Toast.js.map

package/dist/feedback/Toast.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,31 @@
+export { Mark, type MarkTone } from "./ui/Mark";
+export { SectionTag, type SectionTagTone } from "./ui/SectionTag";
+export { Rule } from "./ui/Rule";
+export { Badge, type BadgeTone } from "./ui/Badge";
+export { Spinner } from "./ui/Spinner";
+export { Frame } from "./ui/Frame";
+export { Slider } from "./ui/Slider";
+export { Tooltip } from "./ui/Tooltip";
+export { Button, ButtonLink, type ButtonProps, type ButtonLinkProps, type ButtonVariant, type ButtonSize } from "./ui/Button";
+export { Accordion, AccordionItem } from "./composite/Accordion";
+export { Tabs, TabsList, TabsTrigger, TabsPanel } from "./composite/Tabs";
+export { Dialog, DialogTitle, DialogBody, DialogFooter, DialogClose } from "./composite/Dialog";
+export { Nav, type NavLink } from "./composite/Nav";
+export { CountUp } from "./feedback/CountUp";
+export { CopyButton } from "./feedback/CopyButton";
+export { ToastProvider, useToast } from "./feedback/Toast";
+export { Specimen } from "./type/Specimen";
+export { SoftType } from "./type/SoftType";
+export { WaveText } from "./type/WaveText";
+export { GhostWord } from "./type/GhostWord";
+export { useCanvasLoop } from "./lab/useCanvas";
+export { Pinfield } from "./lab/Pinfield";
+export { Signal } from "./lab/Signal";
+export { RippleSurface } from "./lab/RippleSurface";
+export { EASE_EXPO, EASE_WIPE, EASE_SPRING } from "./motion/easings";
+export { MaskLine } from "./motion/MaskLine";
+export { Reveal } from "./motion/Reveal";
+export { Magnetic } from "./motion/Magnetic";
+export { Marquee } from "./motion/Marquee";
+export { PageWipeProvider, usePageWipe } from "./motion/PageWipe";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAE,KAAK,aAAa,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9H,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAChG,OAAO,EAAE,GAAG,EAAE,KAAK,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/index.js

@@ -0,0 +1,31 @@
+export { Mark } from "./ui/Mark";
+export { SectionTag } from "./ui/SectionTag";
+export { Rule } from "./ui/Rule";
+export { Badge } from "./ui/Badge";
+export { Spinner } from "./ui/Spinner";
+export { Frame } from "./ui/Frame";
+export { Slider } from "./ui/Slider";
+export { Tooltip } from "./ui/Tooltip";
+export { Button, ButtonLink } from "./ui/Button";
+export { Accordion, AccordionItem } from "./composite/Accordion";
+export { Tabs, TabsList, TabsTrigger, TabsPanel } from "./composite/Tabs";
+export { Dialog, DialogTitle, DialogBody, DialogFooter, DialogClose } from "./composite/Dialog";
+export { Nav } from "./composite/Nav";
+export { CountUp } from "./feedback/CountUp";
+export { CopyButton } from "./feedback/CopyButton";
+export { ToastProvider, useToast } from "./feedback/Toast";
+export { Specimen } from "./type/Specimen";
+export { SoftType } from "./type/SoftType";
+export { WaveText } from "./type/WaveText";
+export { GhostWord } from "./type/GhostWord";
+export { useCanvasLoop } from "./lab/useCanvas";
+export { Pinfield } from "./lab/Pinfield";
+export { Signal } from "./lab/Signal";
+export { RippleSurface } from "./lab/RippleSurface";
+export { EASE_EXPO, EASE_WIPE, EASE_SPRING } from "./motion/easings";
+export { MaskLine } from "./motion/MaskLine";
+export { Reveal } from "./motion/Reveal";
+export { Magnetic } from "./motion/Magnetic";
+export { Marquee } from "./motion/Marquee";
+export { PageWipeProvider, usePageWipe } from "./motion/PageWipe";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAiB,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,UAAU,EAAuB,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,KAAK,EAAkB,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,UAAU,EAA+E,MAAM,aAAa,CAAC;AAC9H,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAChG,OAAO,EAAE,GAAG,EAAgB,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/lab/Pinfield.d.ts

@@ -0,0 +1,9 @@
+export declare function Pinfield({ gap, speed, autoPulse, className, style, label, }: {
+    gap?: number;
+    speed?: number;
+    autoPulse?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    label?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=Pinfield.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pinfield.d.ts","sourceRoot":"","sources":["../../src/lab/Pinfield.tsx"],"names":[],"mappings":"AAOA,wBAAgB,QAAQ,CAAC,EACvB,GAAQ,EACR,KAAW,EACX,SAAgB,EAChB,SAAc,EACd,KAAK,EACL,KAA+E,GAChF,EAAE;IACD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,+BA6GA"}

package/dist/lab/Pinfield.js

@@ -0,0 +1,100 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { useReducedMotion } from "motion/react";
+export function Pinfield({ gap = 26, speed = 3.4, autoPulse = true, className = "", style, label = "Interactive pinfield. Click to send a pulse through the grid of dots.", }) {
+    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;
+        const pulses = [];
+        let lastAuto = 0;
+        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 onDown = (e) => {
+            const r = canvas.getBoundingClientRect();
+            pulses.push({ x: e.clientX - r.left, y: e.clientY - r.top, age: 0 });
+            if (pulses.length > 10)
+                pulses.shift();
+        };
+        const frame = (now) => {
+            raf = requestAnimationFrame(frame);
+            if (!running || !visible || document.hidden)
+                return;
+            if (!reduce && autoPulse && now - lastAuto > 3000) {
+                lastAuto = now;
+                pulses.push({ x: Math.random() * w, y: Math.random() * h, age: 0 });
+            }
+            ctx.clearRect(0, 0, w, h);
+            for (let i = pulses.length - 1; i >= 0; i--) {
+                pulses[i].age += 1;
+                if (pulses[i].age > 80)
+                    pulses.splice(i, 1);
+            }
+            const cols = Math.floor(w / gap);
+            const rows = Math.floor(h / gap);
+            const ox = (w - cols * gap) / 2 + gap / 2;
+            const oy = (h - rows * gap) / 2 + gap / 2;
+            for (let r = 0; r <= rows; r++) {
+                for (let c = 0; c <= cols; c++) {
+                    const x = ox + c * gap;
+                    const y = oy + r * gap;
+                    let intensity = 0;
+                    for (const p of pulses) {
+                        const d = Math.hypot(x - p.x, y - p.y);
+                        const wave = 1 - Math.abs(d - p.age * speed) / 90;
+                        const fade = 1 - p.age / 80;
+                        intensity = Math.max(intensity, wave * fade);
+                    }
+                    if (intensity > 0.03) {
+                        ctx.fillStyle = `rgba(255,77,28,${Math.min(1, intensity)})`;
+                        ctx.beginPath();
+                        ctx.arc(x, y, 1.4 + intensity * 2.2, 0, Math.PI * 2);
+                        ctx.fill();
+                    }
+                    else {
+                        ctx.fillStyle = "rgba(244, 240, 232, 0.16)";
+                        ctx.beginPath();
+                        ctx.arc(x, y, 1.4, 0, Math.PI * 2);
+                        ctx.fill();
+                    }
+                }
+            }
+        };
+        resize();
+        window.addEventListener("resize", resize);
+        canvas.addEventListener("pointerdown", onDown);
+        raf = requestAnimationFrame(frame);
+        return () => {
+            running = false;
+            cancelAnimationFrame(raf);
+            io.disconnect();
+            window.removeEventListener("resize", resize);
+            canvas.removeEventListener("pointerdown", onDown);
+        };
+    }, [reduce, gap, speed, autoPulse]);
+    return (_jsx("canvas", { ref: canvasRef, className: `mizu-canvas-pointer ${className}`, style: style, role: "img", "aria-label": label, tabIndex: 0 }));
+}
+//# sourceMappingURL=Pinfield.js.map

package/dist/lab/Pinfield.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pinfield.js","sourceRoot":"","sources":["../../src/lab/Pinfield.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAIhD,MAAM,UAAU,QAAQ,CAAC,EACvB,GAAG,GAAG,EAAE,EACR,KAAK,GAAG,GAAG,EACX,SAAS,GAAG,IAAI,EAChB,SAAS,GAAG,EAAE,EACd,KAAK,EACL,KAAK,GAAG,uEAAuE,GAQhF;IACC,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,MAAM,GAAG,gBAAgB,EAAE,CAAC;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACpC,IAAI,CAAC,GAAG;YAAE,OAAO;QAEjB,IAAI,GAAG,GAAG,CAAC,CAAC;QACZ,IAAI,OAAO,GAAG,IAAI,CAAC;QACnB,IAAI,OAAO,GAAG,IAAI,CAAC;QACnB,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,gBAAgB,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;QACtD,IAAI,CAAC,GAAG,CAAC,CAAC;QACV,IAAI,CAAC,GAAG,CAAC,CAAC;QACV,MAAM,MAAM,GAAY,EAAE,CAAC;QAC3B,IAAI,QAAQ,GAAG,CAAC,CAAC;QAEjB,MAAM,MAAM,GAAG,GAAG,EAAE;YAClB,MAAM,CAAC,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC;YACzC,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC;YACZ,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC;YACb,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;YACnC,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;YACpC,GAAG,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QACzC,CAAC,CAAC;QAEF,MAAM,EAAE,GAAG,IAAI,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;YAC1C,IAAI,CAAC;gBAAE,OAAO,GAAG,CAAC,CAAC,cAAc,CAAC;QACpC,CAAC,CAAC,CAAC;QACH,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAEnB,MAAM,MAAM,GAAG,CAAC,CAAe,EAAE,EAAE;YACjC,MAAM,CAAC,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC;YACzC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;YACrE,IAAI,MAAM,CAAC,MAAM,GAAG,EAAE;gBAAE,MAAM,CAAC,KAAK,EAAE,CAAC;QACzC,CAAC,CAAC;QAEF,MAAM,KAAK,GAAG,CAAC,GAAW,EAAE,EAAE;YAC5B,GAAG,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;YACnC,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,IAAI,QAAQ,CAAC,MAAM;gBAAE,OAAO;YACpD,IAAI,CAAC,MAAM,IAAI,SAAS,IAAI,GAAG,GAAG,QAAQ,GAAG,IAAI,EAAE,CAAC;gBAClD,QAAQ,GAAG,GAAG,CAAC;gBACf,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;YACtE,CAAC;YAED,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;YAE1B,KAAK,IAAI,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;gBAC5C,MAAM,CAAC,CAAC,CAAE,CAAC,GAAG,IAAI,CAAC,CAAC;gBACpB,IAAI,MAAM,CAAC,CAAC,CAAE,CAAC,GAAG,GAAG,EAAE;oBAAE,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YAC/C,CAAC;YAED,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;YACjC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;YACjC,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;YAC1C,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;YAE1C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC;gBAC/B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC;oBAC/B,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,GAAG,CAAC;oBACvB,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,GAAG,CAAC;oBACvB,IAAI,SAAS,GAAG,CAAC,CAAC;oBAClB,KAAK,MAAM,CAAC,IAAI,MAAM,EAAE,CAAC;wBACvB,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;wBACvC,MAAM,IAAI,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;wBAClD,MAAM,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC;wBAC5B,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;oBAC/C,CAAC;oBACD,IAAI,SAAS,GAAG,IAAI,EAAE,CAAC;wBACrB,GAAG,CAAC,SAAS,GAAG,kBAAkB,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC;wBAC5D,GAAG,CAAC,SAAS,EAAE,CAAC;wBAChB,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,SAAS,GAAG,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;wBACrD,GAAG,CAAC,IAAI,EAAE,CAAC;oBACb,CAAC;yBAAM,CAAC;wBACN,GAAG,CAAC,SAAS,GAAG,2BAA2B,CAAC;wBAC5C,GAAG,CAAC,SAAS,EAAE,CAAC;wBAChB,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;wBACnC,GAAG,CAAC,IAAI,EAAE,CAAC;oBACb,CAAC;gBACH,CAAC;YACH,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,EAAE,CAAC;QACT,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC1C,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;QAC/C,GAAG,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;QAEnC,OAAO,GAAG,EAAE;YACV,OAAO,GAAG,KAAK,CAAC;YAChB,oBAAoB,CAAC,GAAG,CAAC,CAAC;YAC1B,EAAE,CAAC,UAAU,EAAE,CAAC;YAChB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;YAC7C,MAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;QACpD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,iBACE,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,uBAAuB,SAAS,EAAE,EAC7C,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,KAAK,gBACE,KAAK,EACjB,QAAQ,EAAE,CAAC,GACX,CACH,CAAC;AACJ,CAAC"}

package/dist/lab/RippleSurface.d.ts

@@ -0,0 +1,6 @@
+export declare function RippleSurface({ auto, className, style, }: {
+    auto?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}): import("react").JSX.Element;
+//# sourceMappingURL=RippleSurface.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RippleSurface.d.ts","sourceRoot":"","sources":["../../src/lab/RippleSurface.tsx"],"names":[],"mappings":"AAOA,wBAAgB,aAAa,CAAC,EAC5B,IAAW,EACX,SAAc,EACd,KAAK,GACN,EAAE;IACD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,+BAuGA"}

package/dist/lab/RippleSurface.js

@@ -0,0 +1,102 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { useReducedMotion } from "motion/react";
+export function RippleSurface({ auto = true, className = "", style, }) {
+    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;
+        const ripples = [];
+        const mouse = { x: -9999 };
+        let lastAuto = 0;
+        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 drop = (x, y) => {
+            ripples.push({ x, y, r: 4, a: 0.9 });
+            if (ripples.length > 24)
+                ripples.shift();
+        };
+        const onPointer = (e) => {
+            const r = canvas.getBoundingClientRect();
+            const x = e.clientX - r.left;
+            const y = e.clientY - r.top;
+            mouse.x = x;
+            if (e.type === "pointerdown")
+                drop(x, y);
+        };
+        const frame = (now) => {
+            raf = requestAnimationFrame(frame);
+            if (!running || !visible || document.hidden)
+                return;
+            if (!reduce && auto && now - lastAuto > 2600) {
+                lastAuto = now;
+                drop(Math.random() * w, Math.random() * h);
+            }
+            ctx.clearRect(0, 0, w, h);
+            if (mouse.x > 0) {
+                const grad = ctx.createLinearGradient(mouse.x - 70, 0, mouse.x + 70, 0);
+                grad.addColorStop(0, "rgba(244, 240, 232, 0)");
+                grad.addColorStop(0.5, "rgba(244, 240, 232, 0.05)");
+                grad.addColorStop(1, "rgba(244, 240, 232, 0)");
+                ctx.fillStyle = grad;
+                ctx.fillRect(mouse.x - 70, 0, 140, h);
+            }
+            for (let i = ripples.length - 1; i >= 0; i--) {
+                const rp = ripples[i];
+                rp.r += 2.4;
+                rp.a -= 0.0075;
+                if (rp.a <= 0) {
+                    ripples.splice(i, 1);
+                    continue;
+                }
+                ctx.strokeStyle = `rgba(255,77,28,${rp.a})`;
+                ctx.lineWidth = 1;
+                ctx.beginPath();
+                ctx.arc(rp.x, rp.y, rp.r, 0, Math.PI * 2);
+                ctx.stroke();
+                ctx.strokeStyle = `rgba(255,77,28,${rp.a * 0.35})`;
+                ctx.beginPath();
+                ctx.arc(rp.x, rp.y, rp.r * 0.6, 0, Math.PI * 2);
+                ctx.stroke();
+            }
+        };
+        resize();
+        window.addEventListener("resize", resize);
+        canvas.addEventListener("pointermove", onPointer);
+        canvas.addEventListener("pointerdown", onPointer);
+        raf = requestAnimationFrame(frame);
+        return () => {
+            running = false;
+            cancelAnimationFrame(raf);
+            io.disconnect();
+            window.removeEventListener("resize", resize);
+            canvas.removeEventListener("pointermove", onPointer);
+            canvas.removeEventListener("pointerdown", onPointer);
+        };
+    }, [reduce, auto]);
+    return _jsx("canvas", { ref: canvasRef, className: className, style: style, "aria-hidden": "true" });
+}
+//# sourceMappingURL=RippleSurface.js.map

package/dist/lab/RippleSurface.js.map

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

package/dist/lab/Signal.d.ts

@@ -0,0 +1,8 @@
+export declare function Signal({ density, speed, className, style, label, }: {
+    density?: number;
+    speed?: number;
+    className?: string;
+    style?: React.CSSProperties;
+    label?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=Signal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Signal.d.ts","sourceRoot":"","sources":["../../src/lab/Signal.tsx"],"names":[],"mappings":"AAKA,wBAAgB,MAAM,CAAC,EACrB,OAAY,EACZ,KAAS,EACT,SAAc,EACd,KAAK,EACL,KAAiG,GAClG,EAAE;IACD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,+BA8GA"}