4e:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 4f:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 50:T170f,"use client"; import { useEffect, useId, useRef, useState, type FormEvent } from "react"; import { Avatar } from "../avatar/avatar"; import { Button } from "../button/button"; import { Input } from "../input/input"; import { DemoFrame } from "../lib/demo-frame"; import { rowGrid, rowGridRow } from "../lib/layout"; import { TextSwap } from "../text-swap/text-swap"; import { Popover, PopoverClose, PopoverContent, PopoverDescription, PopoverFooter, PopoverTitle, PopoverTrigger } from "./popover"; type Person = { name: string; email: string; role: "Owner" | "Can edit" | "Can view" }; const PEOPLE: Person[] = [ { name: "Mara Lindqvist", email: "mara@northwind.io", role: "Owner" }, { name: "Devon Okafor", email: "devon@northwind.io", role: "Can edit" }, ]; export function PopoverDemo() { const [people, setPeople] = useState(PEOPLE); return ( Share {/* --col is the Invite button's width and the role column's, so the roles start under it. */} setPeople((list) => [...list, p])} /> } >

Goals

Ship offline sync to every workspace, cut first-load time under 1.2s and open the API to the waitlist.

{[ ["Offline sync GA", "Aug 14"], ["Perf budget in CI", "Aug 28"], ["Public API beta", "Sep 18"], ].map(([label, date]) => (

{label} {date}

))}

); } function SharePanel({ people, onInvite }: { people: Person[]; onInvite: (p: Person) => void }) { const id = useId(); const [email, setEmail] = useState(""); const [copied, setCopied] = useState(false); const timer = useRef(0); useEffect(() => () => window.clearTimeout(timer.current), []); const valid = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email.trim()); const invite = (e: FormEvent) => { e.preventDefault(); if (!valid) return; const address = email.trim().toLowerCase(); const name = address.split("@")[0].replace(/[._-]+/g, " ").replace(/\b\w/g, (c) => c.toUpperCase()); onInvite({ name, email: address, role: "Can view" }); setEmail(""); }; const copy = () => { void navigator.clipboard?.writeText("https://northwind.io/d/q3-launch").catch(() => {}); setCopied(true); window.clearTimeout(timer.current); timer.current = window.setTimeout(() => setCopied(false), 1600); }; return ( <> Share “Q3 launch plan” People you invite can view and comment.

{p.name} {p.email} {p.role}

}>Done ); } function ShareIcon() { return ( ); } function LinkIcon() { return ( ); } 4d:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L4e",null,{"namespace":"@eased","registryDependencies":["https://eased.dev/r/popover.json","https://eased.dev/r/eased-demo-frame.json","https://eased.dev/r/avatar.json","https://eased.dev/r/button.json","https://eased.dev/r/input.json","https://eased.dev/r/text-swap.json","https://eased.dev/r/eased-layout.json"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"src/registry/eased/popover/popover-demo.tsx","content":"$50","type":"registry:example","target":"@components/eased/popover/popover-demo.tsx"}],"className":"h-[70svh] min-h-80"}]]}]