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:T136f,"use client"; import { Toggle } from "@base-ui/react/toggle"; import { Toolbar } from "@base-ui/react/toolbar"; import type { ReactNode } from "react"; import { Button } from "../button/button"; import { DemoFrame } from "../lib/demo-frame"; import { Tooltip, TooltipProvider } from "./tooltip"; type Tool = { label: string; keys: string[]; icon: ReactNode; toggle?: boolean; pressed?: boolean }; const MARKS: Tool[] = [ { label: "Bold", keys: ["⌘", "B"], icon: , toggle: true, pressed: true }, { label: "Italic", keys: ["⌘", "I"], icon: , toggle: true }, { label: "Strikethrough", keys: ["⇧", "⌘", "X"], icon: , toggle: true }, { label: "Inline code", keys: ["⌘", "E"], icon: , toggle: true }, ]; const BLOCKS: Tool[] = [ { label: "Add link", keys: ["⌘", "K"], icon: }, { label: "Bulleted list", keys: ["⇧", "⌘", "8"], icon: , toggle: true }, ]; export function TooltipDemo() { return ( {MARKS.map((t) => ( ))} {BLOCKS.map((t) => ( ))}

}} />

Eased 2.4: background sync

Offline edits now sync in the background. When two people change the same block, the{" "} newest edit wins and the other is kept in history instead of asking you to choose.

{line}

); } function Tool({ tool }: { tool: Tool }) { // Toolbar buttons sit side by side, so no extended hit area: it would cover the neighbours. const button =