pagiera 0.2.0-alpha.33

package/dist/internal/app/p/editor/library.js

@@ -0,0 +1,61 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconArrowLeft, IconBox, IconChevronRight, IconLayoutNavbar, IconLayoutRows, IconPhoto, IconPlus, IconSearch } from "@tabler/icons-react";
+import { AnimatePresence, motion } from "motion/react";
+import { useMemo, useState } from "react";
+import { COMPONENT_PRESETS } from "@/lib/editor/presets";
+import { resolveStyle } from "@/lib/editor/style";
+import { childrenOf, createElement, displayName, subtreeIds } from "@/lib/editor/tree";
+import { ELEMENT_TYPES } from "@/lib/editor/types";
+const CATEGORIES = [
+    { view: "Navigation", name: "Navbar", description: "Headers, menus and navigation", icon: IconLayoutNavbar },
+    { view: "Hero", name: "Hero", description: "Modern opening sections", icon: IconPhoto },
+    { view: "Footer", name: "Footer", description: "Links, legal and conversion", icon: IconLayoutRows },
+    { view: "Basic", name: "Basic components", description: "Buttons, text, grids and media", icon: IconBox },
+    { view: "Blocks", name: "Page blocks", description: "Sections reused from your pages", icon: IconLayoutRows },
+];
+export function LibraryPanel({ pages, currentPageId, onInsert }) {
+    const [view, setView] = useState("home");
+    const [direction, setDirection] = useState(1);
+    const [search, setSearch] = useState("");
+    const entries = useMemo(() => pages.flatMap((page) => childrenOf(page.elements, undefined).map((element) => ({ pageId: page.id, pageName: page.name, element, elements: page.elements, childCount: subtreeIds(page.elements, element.id).size - 1 }))), [pages]);
+    const open = (next) => { setDirection(1); setSearch(""); setView(next); };
+    const back = () => { setDirection(-1); setSearch(""); setView("home"); };
+    const insertPreset = (preset) => { const elements = preset.create(); onInsert({ elements, rootId: elements[0].id }); };
+    const insertBasic = (type) => { const element = createElement(type, { x: 0, y: 0, z: 0 }); onInsert({ elements: [element], rootId: element.id }); };
+    return _jsx("div", { className: "relative h-full overflow-hidden", children: _jsx(AnimatePresence, { initial: false, custom: direction, mode: "popLayout", children: _jsxs(motion.div, { custom: direction, variants: { enter: (value) => ({ x: value > 0 ? "100%" : "-28%", opacity: 0 }), center: { x: 0, opacity: 1 }, exit: (value) => ({ x: value > 0 ? "-28%" : "100%", opacity: 0 }) }, initial: "enter", animate: "center", exit: "exit", transition: { type: "spring", stiffness: 360, damping: 34, mass: 0.8 }, className: "absolute inset-0 overflow-y-auto", children: [view === "home" ? _jsx(LibraryHome, { onOpen: open }) : _jsx(DetailHeader, { view: view, search: search, onSearch: setSearch, onBack: back }), view === "Navigation" || view === "Hero" || view === "Footer" ? _jsx(PresetList, { category: view, query: search, onInsert: insertPreset }) : null, view === "Basic" ? _jsx(BasicList, { query: search, onInsert: insertBasic }) : null, view === "Blocks" ? _jsx(BlockList, { entries: entries, currentPageId: currentPageId, query: search, onInsert: onInsert }) : null] }, view) }) });
+}
+function LibraryHome({ onOpen }) {
+    return _jsxs("div", { className: "p-3", children: [_jsxs("div", { className: "pg-chrome-card relative mb-4 overflow-hidden rounded-3xl border border-ed-border bg-[radial-gradient(circle_at_90%_0%,rgba(109,124,255,.2),transparent_48%),linear-gradient(145deg,var(--ed-subtle),var(--ed-surface))] p-5", children: [_jsx("span", { className: "mb-4 flex size-9 items-center justify-center rounded-2xl bg-ed-accent text-white shadow-[0_10px_28px_rgba(109,124,255,.32)]", children: _jsx(IconBox, { size: 17 }) }), _jsx("p", { className: "text-[13px] font-semibold tracking-tight text-ed-text", children: "Component library" }), _jsx("p", { className: "mt-1.5 text-[10px] leading-relaxed text-ed-muted", children: "Choose a category, preview a component and add its complete editable structure." })] }), _jsx("div", { className: "flex flex-col gap-2.5", children: CATEGORIES.map(({ view, name, description, icon: Icon }, index) => _jsxs(motion.button, { whileHover: { y: -2 }, whileTap: { scale: .985 }, type: "button", onClick: () => onOpen(view), className: "pg-chrome-card group relative overflow-hidden rounded-2xl border border-ed-border bg-gradient-to-r from-ed-subtle to-ed-surface p-3.5 text-left transition-colors hover:border-ed-accent/40", children: [_jsx("span", { className: `absolute inset-y-0 right-0 w-24 opacity-20 ${index === 0 ? "bg-gradient-to-l from-indigo-500" : index === 1 ? "bg-gradient-to-l from-cyan-500" : index === 2 ? "bg-gradient-to-l from-violet-500" : "bg-gradient-to-l from-ed-accent"}` }), _jsxs("span", { className: "relative flex items-center gap-3", children: [_jsx("span", { className: "flex size-10 shrink-0 items-center justify-center rounded-2xl border border-white/[.04] bg-ed-field text-ed-accent transition-transform group-hover:scale-105", children: _jsx(Icon, { size: 17 }) }), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsx("span", { className: "block text-[11px] font-semibold text-ed-text", children: name }), _jsx("span", { className: "mt-0.5 block truncate text-[9px] text-ed-faint", children: description })] }), _jsx(IconChevronRight, { size: 14, className: "text-ed-faint transition-transform group-hover:translate-x-1 group-hover:text-ed-text" })] })] }, view)) })] });
+}
+function DetailHeader({ view, search, onSearch, onBack }) {
+    const title = CATEGORIES.find((item) => item.view === view)?.name ?? view;
+    return _jsxs("div", { className: "sticky top-0 z-10 border-b border-ed-border bg-ed-surface/95 p-3 backdrop-blur-md", children: [_jsxs("div", { className: "mb-3 flex items-center gap-2", children: [_jsx("button", { type: "button", onClick: onBack, className: "flex size-7 items-center justify-center rounded-lg bg-ed-field text-ed-muted hover:bg-ed-field-hover hover:text-ed-text", children: _jsx(IconArrowLeft, { size: 14 }) }), _jsxs("div", { children: [_jsx("p", { className: "text-[11px] font-semibold text-ed-text", children: title }), _jsx("p", { className: "text-[9px] text-ed-faint", children: "Choose a variant" })] })] }), _jsxs("div", { className: "flex h-8 items-center gap-2 rounded-lg border border-ed-border bg-ed-field px-2.5", children: [_jsx(IconSearch, { size: 12, className: "text-ed-faint" }), _jsx("input", { value: search, onChange: (event) => onSearch(event.target.value), placeholder: `Search ${title.toLowerCase()}…`, className: "min-w-0 flex-1 bg-transparent text-[10px] text-ed-text outline-none placeholder:text-ed-faint" })] })] });
+}
+function PresetList({ category, query, onInsert }) {
+    const presets = COMPONENT_PRESETS.filter((preset) => preset.category === category && `${preset.name} ${preset.description}`.toLowerCase().includes(query.toLowerCase()));
+    return _jsxs("div", { className: "space-y-3.5 p-3", children: [presets.map((preset) => _jsxs(motion.button, { whileHover: { y: -3 }, whileTap: { scale: .99 }, type: "button", onClick: () => onInsert(preset), className: "pg-chrome-card group block w-full overflow-hidden rounded-3xl border border-ed-border bg-ed-subtle text-left transition-colors hover:border-ed-accent/50", children: [_jsx(PresetPreview, { preset: preset }), _jsxs("span", { className: "flex items-center gap-3 p-3.5", children: [_jsxs("span", { className: "min-w-0 flex-1", children: [_jsx("span", { className: "block text-[11px] font-semibold text-ed-text", children: preset.name }), _jsx("span", { className: "mt-0.5 block text-[9px] text-ed-faint", children: preset.description })] }), _jsx("span", { className: "flex size-8 items-center justify-center rounded-xl bg-ed-field text-ed-faint transition-all group-hover:rotate-90 group-hover:bg-ed-accent group-hover:text-white", children: _jsx(IconPlus, { size: 13 }) })] })] }, preset.id)), presets.length === 0 && _jsx(Empty, {})] });
+}
+function BasicList({ query, onInsert }) {
+    const types = ELEMENT_TYPES.filter((type) => type.toLowerCase().includes(query.toLowerCase()));
+    return _jsx("div", { className: "grid grid-cols-2 gap-2 p-3", children: types.map((type) => _jsxs("button", { type: "button", onClick: () => onInsert(type), className: "overflow-hidden rounded-xl border border-ed-border bg-ed-subtle text-left hover:border-ed-accent/40 hover:bg-ed-field", children: [_jsx(BasicPreview, { type: type }), _jsxs("span", { className: "flex items-center justify-between px-2.5 py-2 text-[10px] font-medium text-ed-text", children: [type, _jsx(IconPlus, { size: 11, className: "text-ed-faint" })] })] }, type)) });
+}
+function BlockList({ entries, currentPageId, query, onInsert }) {
+    const visible = entries.filter((entry) => entry.pageId !== currentPageId && `${displayName(entry.element)} ${entry.pageName}`.toLowerCase().includes(query.toLowerCase()));
+    return _jsxs("div", { className: "space-y-2 p-3", children: [visible.map((entry) => { const style = resolveStyle(entry.element, "desktop"); return _jsxs("button", { type: "button", onClick: () => onInsert({ elements: entry.elements, rootId: entry.element.id }), className: "flex w-full items-center gap-3 rounded-xl border border-ed-border bg-ed-subtle p-2.5 text-left hover:border-ed-accent/40 hover:bg-ed-field", children: [_jsx("span", { className: "h-10 w-12 shrink-0 rounded-lg border border-ed-border", style: { background: style.gradient || style.bg || "var(--ed-field)" } }), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsx("span", { className: "block truncate text-[10px] font-medium text-ed-text", children: displayName(entry.element) }), _jsxs("span", { className: "block truncate text-[9px] text-ed-faint", children: [entry.pageName, " \u00B7 ", entry.childCount, " children"] })] }), _jsx(IconPlus, { size: 12, className: "text-ed-faint" })] }, `${entry.pageId}:${entry.element.id}`); }), visible.length === 0 && _jsx(Empty, {})] });
+}
+function PresetPreview({ preset }) {
+    const light = preset.id === "navbar-light";
+    const glass = preset.id === "navbar-glass";
+    if (preset.category === "Navigation")
+        return _jsx("span", { className: `flex h-24 items-start p-4 ${light ? "bg-[#e8edf4]" : glass ? "bg-gradient-to-br from-[#4338ca] to-[#0f172a]" : "bg-[#070b16]"}`, children: _jsxs("span", { className: `flex h-9 w-full items-center gap-2 rounded-lg px-3 ${glass ? "border border-white/15 bg-white/10 backdrop-blur" : light ? "bg-white shadow-md" : "bg-[#111827]"}`, children: [_jsx("span", { className: `h-2 w-10 rounded-full ${light ? "bg-slate-900" : "bg-white"}` }), _jsx("span", { className: "ml-auto h-1 w-7 rounded bg-slate-400/60" }), _jsx("span", { className: "h-1 w-7 rounded bg-slate-400/60" }), _jsx("span", { className: `ml-1 h-4 w-12 rounded-full ${glass ? "bg-white" : light ? "bg-slate-900" : "bg-[#8b7bff]"}` })] }) });
+    if (preset.category === "Hero")
+        return _jsxs("span", { className: "flex h-32 flex-col items-center justify-center gap-2 bg-[radial-gradient(circle_at_50%_0%,#4338ca,#0b1020_65%)] px-8", children: [_jsx("span", { className: "h-1 w-16 rounded bg-indigo-300/70" }), _jsx("span", { className: "h-3 w-4/5 rounded bg-white" }), _jsx("span", { className: "h-1.5 w-2/3 rounded bg-slate-300/60" }), _jsx("span", { className: "mt-2 h-5 w-16 rounded-full bg-[#8b7bff]" })] });
+    return _jsxs("span", { className: "flex h-28 flex-col justify-between bg-[#09090f] p-4", children: [_jsxs("span", { className: "flex justify-between", children: [_jsxs("span", { className: "space-y-2", children: [_jsx("span", { className: "block h-2 w-10 rounded bg-white" }), _jsx("span", { className: "block h-1 w-16 rounded bg-slate-600" })] }), _jsx("span", { className: "flex gap-5", children: [1, 2, 3].map((value) => _jsxs("span", { className: "space-y-2", children: [_jsx("span", { className: "block h-1.5 w-8 rounded bg-slate-300" }), _jsx("span", { className: "block h-1 w-6 rounded bg-slate-700" }), _jsx("span", { className: "block h-1 w-7 rounded bg-slate-700" })] }, value)) })] }), _jsx("span", { className: "h-px bg-slate-800" })] });
+}
+function BasicPreview({ type }) {
+    return _jsx("span", { className: "flex h-14 items-center justify-center border-b border-ed-border bg-ed-field/60 px-2", children: type === "Button" ? _jsx("span", { className: "rounded-full bg-[#8b7bff] px-3 py-1.5 text-[7px] font-semibold text-white", children: "Button" }) : type === "Heading" ? _jsx("span", { className: "text-xs font-bold text-ed-text", children: "Big heading" }) : type === "Text" ? _jsxs("span", { className: "space-y-1.5", children: [_jsx("span", { className: "block h-1 w-16 rounded bg-ed-muted/70" }), _jsx("span", { className: "block h-1 w-11 rounded bg-ed-faint/50" })] }) : type === "Image" || type === "Video" ? _jsx("span", { className: "h-9 w-16 rounded bg-gradient-to-br from-indigo-400/50 to-cyan-400/20" }) : type === "Request" ? _jsxs("span", { className: "flex h-9 w-16 items-center justify-center rounded border border-cyan-400/30 bg-cyan-400/10 font-mono text-[7px] text-cyan-300", children: ["GET ", "{}"] }) : type === "Grid" || type === "Repeat" ? _jsx("span", { className: "flex gap-1", children: [1, 2, 3].map((item) => _jsx("span", { className: "h-8 w-6 rounded border border-ed-border bg-ed-surface" }, item)) }) : _jsx("span", { className: "h-9 w-16 rounded border border-ed-border bg-ed-surface shadow-sm" }) });
+}
+function Empty() { return _jsx("p", { className: "p-6 text-center text-[10px] leading-relaxed text-ed-faint", children: "Nothing matches this category yet." }); }
+export { IconArrowLeft };
+//# sourceMappingURL=library.js.map

package/dist/internal/app/p/editor/library.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"library.js","sourceRoot":"","sources":["../../../../../src/internal/app/p/editor/library.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,cAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAClJ,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAwB,MAAM,sBAAsB,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACvF,OAAO,EAAE,aAAa,EAAwC,MAAM,oBAAoB,CAAC;AAOzF,MAAM,UAAU,GAAmF;IAC/F,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,+BAA+B,EAAE,IAAI,EAAE,gBAAgB,EAAE;IAC5G,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,yBAAyB,EAAE,IAAI,EAAE,SAAS,EAAE;IACvF,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,6BAA6B,EAAE,IAAI,EAAE,cAAc,EAAE;IACpG,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,kBAAkB,EAAE,WAAW,EAAE,gCAAgC,EAAE,IAAI,EAAE,OAAO,EAAE;IACzG,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,iCAAiC,EAAE,IAAI,EAAE,cAAc,EAAE;CAChH,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAA0F;IACnJ,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAO,MAAM,CAAC,CAAC;IAC/C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC9C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACzC,MAAM,OAAO,GAAG,OAAO,CAAU,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,UAAU,EAAE,UAAU,CAAC,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1Q,MAAM,IAAI,GAAG,CAAC,IAAU,EAAE,EAAE,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IAChF,MAAM,IAAI,GAAG,GAAG,EAAE,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IACzE,MAAM,YAAY,GAAG,CAAC,MAAuB,EAAE,EAAE,GAAG,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACxI,MAAM,WAAW,GAAG,CAAC,IAAiB,EAAE,EAAE,GAAG,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAEjK,OAAO,cAAK,SAAS,EAAC,iCAAiC,YAAC,KAAC,eAAe,IAAC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAC,WAAW,YAAC,MAAC,MAAM,CAAC,GAAG,IAAY,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,EAAC,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,SAAS,EAAC,kCAAkC,aACtgB,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,MAAM,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,GAAI,EACjI,IAAI,KAAK,YAAY,IAAI,IAAI,KAAK,MAAM,IAAI,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAC,UAAU,IAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,GAAI,CAAC,CAAC,CAAC,IAAI,EAC5I,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,GAAI,CAAC,CAAC,CAAC,IAAI,EAC7E,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,IAAI,KAJc,IAAI,CAKrI,GAAkB,GAAM,CAAC;AAC1C,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,MAAM,EAAoC;IAC7D,OAAO,eAAK,SAAS,EAAC,KAAK,aAAC,eAAK,SAAS,EAAC,6NAA6N,aAAC,eAAM,SAAS,EAAC,6HAA6H,YAAC,KAAC,OAAO,IAAC,IAAI,EAAE,EAAE,GAAI,GAAO,EAAA,YAAG,SAAS,EAAC,uDAAuD,kCAAsB,EAAA,YAAG,SAAS,EAAC,kDAAkD,gGAAoF,IAAM,EAAA,cAAK,SAAS,EAAC,uBAAuB,YAAE,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,MAAC,MAAM,CAAC,MAAM,IAAC,UAAU,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAa,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,SAAS,EAAC,6LAA6L,aAAC,eAAM,SAAS,EAAE,8CAA8C,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,iCAAiC,EAAE,GAAI,EAAA,gBAAM,SAAS,EAAC,kCAAkC,aAAC,eAAM,SAAS,EAAC,+JAA+J,YAAC,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,GAAO,EAAA,gBAAM,SAAS,EAAC,gBAAgB,aAAC,eAAM,SAAS,EAAC,8CAA8C,YAAE,IAAI,GAAQ,EAAA,eAAM,SAAS,EAAC,gDAAgD,YAAE,WAAW,GAAQ,IAAO,EAAA,KAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,uFAAuF,GAAG,IAAO,KAAlkC,IAAI,CAA8kC,CAAC,GAAO,IAAM,CAAC;AAC57D,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAA0G;IAC5J,MAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,EAAE,IAAI,IAAI,IAAI,CAAC;IAC1E,OAAO,eAAK,SAAS,EAAC,mFAAmF,aAAC,eAAK,SAAS,EAAC,8BAA8B,aAAC,iBAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAC,yHAAyH,YAAC,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,GAAI,GAAS,EAAA,0BAAK,YAAG,SAAS,EAAC,wCAAwC,YAAE,KAAK,GAAK,EAAA,YAAG,SAAS,EAAC,0BAA0B,iCAAqB,IAAM,IAAM,EAAA,eAAK,SAAS,EAAC,mFAAmF,aAAC,KAAC,UAAU,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,eAAe,GAAG,EAAA,gBAAO,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,UAAU,KAAK,CAAC,WAAW,EAAE,GAAG,EAAE,SAAS,EAAC,+FAA+F,GAAG,IAAM,IAAM,CAAC;AAC/3B,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAyG;IACpJ,MAAM,OAAO,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,KAAK,QAAQ,IAAI,GAAG,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,WAAW,EAAE,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;IACzK,OAAO,eAAK,SAAS,EAAC,iBAAiB,aAAE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAC,MAAM,CAAC,MAAM,IAAC,UAAU,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EAAkB,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,EAAC,0JAA0J,aAAC,KAAC,aAAa,IAAC,MAAM,EAAE,MAAM,GAAI,EAAA,gBAAM,SAAS,EAAC,+BAA+B,aAAC,gBAAM,SAAS,EAAC,gBAAgB,aAAC,eAAM,SAAS,EAAC,8CAA8C,YAAE,MAAM,CAAC,IAAI,GAAQ,EAAA,eAAM,SAAS,EAAC,uCAAuC,YAAE,MAAM,CAAC,WAAW,GAAQ,IAAO,EAAA,eAAM,SAAS,EAAC,mKAAmK,YAAC,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,GAAI,GAAO,IAAO,KAAttB,MAAM,CAAC,EAAE,CAA6tB,CAAC,EAAE,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,KAAC,KAAK,KAAG,IAAO,CAAC;AAC55B,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAA4D;IAC5F,MAAM,KAAK,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;IAC/F,OAAO,cAAK,SAAS,EAAC,4BAA4B,YAAE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,kBAAmB,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,EAAC,uHAAuH,aAAC,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,GAAI,EAAA,gBAAM,SAAS,EAAC,oFAAoF,aAAE,IAAI,EAAC,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,eAAe,GAAG,IAAO,KAAnX,IAAI,CAAwX,CAAC,GAAO,CAAC;AAC9d,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAqG;IAC7J,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,KAAK,aAAa,IAAI,GAAG,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;IAC3K,OAAO,eAAK,SAAS,EAAC,eAAe,aAAE,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,kBAAoD,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,EAAE,SAAS,EAAC,4IAA4I,aAAC,eAAM,SAAS,EAAC,uDAAuD,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,EAAE,IAAI,iBAAiB,EAAE,GAAI,EAAA,gBAAM,SAAS,EAAC,gBAAgB,aAAC,eAAM,SAAS,EAAC,qDAAqD,YAAE,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,GAAQ,EAAA,gBAAM,SAAS,EAAC,yCAAyC,aAAE,KAAK,CAAC,QAAQ,cAAK,KAAK,CAAC,UAAU,iBAAiB,IAAO,EAAA,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,eAAe,GAAG,KAA/tB,GAAG,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,CAAmsB,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,KAAC,KAAK,KAAG,IAAO,CAAC;AACr6B,CAAC;AAED,SAAS,aAAa,CAAC,EAAE,MAAM,EAA+B;IAC1D,MAAM,KAAK,GAAG,MAAM,CAAC,EAAE,KAAK,cAAc,CAAC;IAAC,MAAM,KAAK,GAAG,MAAM,CAAC,EAAE,KAAK,cAAc,CAAC;IACvF,IAAI,MAAM,CAAC,QAAQ,KAAK,YAAY;QAAE,OAAO,eAAM,SAAS,EAAE,6BAA6B,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,+CAA+C,CAAC,CAAC,CAAC,cAAc,EAAE,YAAE,gBAAM,SAAS,EAAE,sDAAsD,KAAK,CAAC,CAAC,CAAC,kDAAkD,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,cAAc,EAAE,aAAE,eAAM,SAAS,EAAE,yBAAyB,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,EAAE,GAAI,EAAA,eAAM,SAAS,EAAC,yCAAyC,GAAG,EAAA,eAAM,SAAS,EAAC,iCAAiC,GAAG,EAAA,eAAM,SAAS,EAAE,8BAA8B,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,EAAE,GAAI,IAAO,GAAO,CAAC;IACxrB,IAAI,MAAM,CAAC,QAAQ,KAAK,MAAM;QAAE,OAAO,gBAAM,SAAS,EAAC,sHAAsH,aAAC,eAAM,SAAS,EAAC,mCAAmC,GAAG,EAAA,eAAM,SAAS,EAAC,4BAA4B,GAAG,EAAA,eAAM,SAAS,EAAC,qCAAqC,GAAG,EAAA,eAAM,SAAS,EAAC,yCAAyC,GAAG,IAAO,CAAC;IAC/Y,OAAO,gBAAM,SAAS,EAAC,qDAAqD,aAAC,gBAAM,SAAS,EAAC,sBAAsB,aAAC,gBAAM,SAAS,EAAC,WAAW,aAAC,eAAM,SAAS,EAAC,iCAAiC,GAAG,EAAA,eAAM,SAAS,EAAC,qCAAqC,GAAG,IAAO,EAAA,eAAM,SAAS,EAAC,YAAY,YAAE,CAAC,CAAC,EAAC,CAAC,EAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAkB,SAAS,EAAC,WAAW,aAAC,eAAM,SAAS,EAAC,sCAAsC,GAAG,EAAA,eAAM,SAAS,EAAC,oCAAoC,GAAG,EAAA,eAAM,SAAS,EAAC,oCAAoC,GAAG,KAApM,KAAK,CAAsM,CAAC,GAAQ,IAAO,EAAA,eAAM,SAAS,EAAC,mBAAmB,GAAG,IAAO,CAAC;AAChlB,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,IAAI,EAAyB;IACjD,OAAO,eAAM,SAAS,EAAC,qFAAqF,YAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,2EAA2E,uBAAc,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,gCAAgC,4BAAmB,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,gBAAM,SAAS,EAAC,aAAa,aAAC,eAAM,SAAS,EAAC,uCAAuC,GAAG,EAAA,eAAM,SAAS,EAAC,uCAAuC,GAAG,IAAO,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,sEAAsE,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,gBAAM,SAAS,EAAC,+HAA+H,qBAAM,IAAI,IAAQ,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,YAAY,YAAE,CAAC,CAAC,EAAC,CAAC,EAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,eAAiB,SAAS,EAAC,uDAAuD,IAAvE,IAAI,CAAsE,CAAC,GAAQ,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,kEAAkE,GAAG,GAAQ,CAAC;AACjlC,CAAC;AAED,SAAS,KAAK,KAAK,OAAO,YAAG,SAAS,EAAC,2DAA2D,mDAAuC,CAAC,CAAC,CAAC;AAE5I,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/internal/app/p/editor/parts.d.ts

@@ -0,0 +1,75 @@
+import type React from "react";
+import { type Breakpoint, type CanvasElement, type ElementStyle, type ElementType, type ResizeHandle } from "@/lib/editor/types";
+import type { SaveStatus } from "./use-editor";
+/** What an element shows on the canvas when it is not being text-edited. */
+export declare function ElementBody({ element }: {
+    element: CanvasElement;
+}): React.JSX.Element | null;
+/**
+ * Only the axes the element can actually be resized on get a handle: a `fill`
+ * or `auto` dimension is decided by the layout, not by dragging.
+ */
+export declare function ResizeHandles({ element, style, onMouseDown, }: {
+    element: CanvasElement;
+    style: ElementStyle;
+    onMouseDown: (event: React.MouseEvent, handle: ResizeHandle, element: CanvasElement) => void;
+}): React.JSX.Element | null;
+export declare function Breadcrumbs({ byId, selectedId, onSelect, }: {
+    byId: Map<string, CanvasElement>;
+    selectedId: string | null;
+    onSelect: (id: string) => void;
+}): React.JSX.Element;
+export declare function SaveIndicator({ status, error, }: {
+    status: SaveStatus;
+    error: string | null;
+}): React.JSX.Element;
+export declare function ElementsPanel({ search, onInsert, }: {
+    search: string;
+    onInsert: (type: ElementType) => void;
+}): React.JSX.Element;
+export declare function IconsPanel({ search, onInsert }: {
+    search: string;
+    onInsert: (iconName: CanvasElement["iconName"]) => void;
+}): React.JSX.Element;
+export declare function LayersPanel({ elements, breakpoint, search, selectedIds, onSelect, onToggleHidden, onToggleLocked, onReorder, onDelete, onReparent, }: {
+    elements: CanvasElement[];
+    breakpoint: Breakpoint;
+    search: string;
+    selectedIds: string[];
+    onSelect: (id: string, additive: boolean) => void;
+    onToggleHidden: (id: string) => void;
+    onToggleLocked: (id: string) => void;
+    onReorder: (id: string, direction: "up" | "down") => void;
+    onDelete: (id: string) => void;
+    onReparent: (id: string, parentId: string | undefined, beforeId?: string) => void;
+}): React.JSX.Element;
+export type PageEntry = {
+    id: string;
+    name: string;
+    slug: string;
+    published: boolean;
+};
+export declare function PagesPanel({ pages, currentId, busy, error, onCreate, onRename, onDuplicate, onDelete, onNavigate, publishedHref, }: {
+    pages: PageEntry[];
+    currentId: string;
+    busy: boolean;
+    error: string | null;
+    onCreate: (name: string) => void;
+    onRename: (id: string, name: string, slug: string) => void;
+    onDuplicate: (id: string, name: string) => void;
+    onDelete: (id: string) => void;
+    onNavigate: (id: string) => void;
+    publishedHref: (slug: string) => string;
+}): React.JSX.Element;
+export declare function ContextMenu({ x, y, onBringForward, onSendBackward, onDuplicate, onCopy, onWrap, onUnwrap, onDelete, }: {
+    x: number;
+    y: number;
+    onBringForward: () => void;
+    onSendBackward: () => void;
+    onDuplicate: () => void;
+    onCopy: () => void;
+    onWrap: () => void;
+    onUnwrap: () => void;
+    onDelete: () => void;
+}): React.JSX.Element;
+//# sourceMappingURL=parts.d.ts.map

package/dist/internal/app/p/editor/parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../../../../src/internal/app/p/editor/parts.tsx"],"names":[],"mappings":"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"}

package/dist/internal/app/p/editor/parts.js

@@ -0,0 +1,261 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { IconArrowDown, IconArrowUp, IconBox, IconChevronRight, IconCopy, IconCloudDownload, IconEye, IconEyeOff, IconFile, IconGridDots, IconHandClick, IconHeart, IconHeading, IconLock, IconLockOpen, IconLayoutRows, IconPencil, IconPhoto, IconPlayerPlay, IconPlus, IconRepeat, IconSection, IconSearch, IconSparkles, IconStar, IconArrowRight, IconCheck, IconMenu2, IconTrash, IconTypography, IconVideo, IconWorld, } from "@tabler/icons-react";
+import { useState } from "react";
+import { resolveStyle } from "@/lib/editor/style";
+import { IconGlyph } from "@/lib/editor/icon";
+import { childrenOf, displayName } from "@/lib/editor/tree";
+import { DRAG_MIME, isContainer, MOVE_MIME, } from "@/lib/editor/types";
+const TYPE_ICONS = {
+    Frame: IconBox,
+    Stack: IconLayoutRows,
+    Section: IconSection,
+    Container: IconBox,
+    Grid: IconGridDots,
+    Heading: IconHeading,
+    Text: IconTypography,
+    Image: IconPhoto,
+    Button: IconHandClick,
+    Video: IconVideo,
+    Icon: IconSparkles,
+    Request: IconCloudDownload,
+    Repeat: IconRepeat,
+};
+/* ------------------------------------------------------------------ canvas */
+/** What an element shows on the canvas when it is not being text-edited. */
+export function ElementBody({ element }) {
+    if (element.code)
+        return _jsx("iframe", { title: element.name ?? "Code component", srcDoc: element.code, sandbox: "", className: "pointer-events-none h-full w-full border-0 bg-transparent" });
+    if (element.type === "Image") {
+        if (element.src) {
+            return (
+            // biome-ignore lint/performance/noImgElement: the src is author-supplied at runtime and cannot be statically optimised
+            _jsx("img", { src: element.src, alt: element.alt ?? "", draggable: false, className: "pointer-events-none h-full w-full", style: { objectFit: element.objectFit ?? "cover", borderRadius: "inherit" } }));
+        }
+        return (_jsx("span", { className: "pointer-events-none flex h-full w-full items-center justify-center text-ed-muted", children: _jsx(IconPhoto, { size: 28, stroke: 1.5 }) }));
+    }
+    if (element.type === "Video") {
+        return (_jsxs("span", { className: "pointer-events-none flex h-full w-full flex-col items-center justify-center gap-1 text-ed-muted", children: [_jsx(IconPlayerPlay, { size: 28, stroke: 1.5 }), element.src && (_jsx("span", { className: "max-w-full truncate px-2 text-[9px]", children: element.src }))] }));
+    }
+    if (element.type === "Icon")
+        return _jsx("span", { className: "pointer-events-none block size-full", children: _jsx(IconGlyph, { element: element }) });
+    if (!element.content)
+        return null;
+    return (_jsx("span", { className: "pointer-events-none block w-full select-none whitespace-pre-wrap", children: element.content }));
+}
+const CORNER_HANDLES = [
+    { handle: "nw", className: "-top-[5px] -left-[5px] cursor-nwse-resize" },
+    { handle: "ne", className: "-top-[5px] -right-[5px] cursor-nesw-resize" },
+    { handle: "sw", className: "-bottom-[5px] -left-[5px] cursor-nesw-resize" },
+    { handle: "se", className: "-bottom-[5px] -right-[5px] cursor-nwse-resize" },
+];
+const EDGE_HANDLES = {
+    nw: "",
+    ne: "",
+    sw: "",
+    se: "",
+    n: "left-1/2 -top-[5px] -translate-x-1/2 cursor-ns-resize",
+    s: "left-1/2 -bottom-[5px] -translate-x-1/2 cursor-ns-resize",
+    w: "top-1/2 -left-[5px] -translate-y-1/2 cursor-ew-resize",
+    e: "top-1/2 -right-[5px] -translate-y-1/2 cursor-ew-resize",
+};
+/**
+ * Only the axes the element can actually be resized on get a handle: a `fill`
+ * or `auto` dimension is decided by the layout, not by dragging.
+ */
+export function ResizeHandles({ element, style, onMouseDown, }) {
+    const canWidth = style.widthMode === "fixed";
+    const canHeight = style.heightMode === "fixed";
+    if (!canWidth && !canHeight)
+        return null;
+    const handles = canWidth && canHeight
+        ? CORNER_HANDLES
+        : canWidth
+            ? ["w", "e"].map((h) => ({ handle: h, className: EDGE_HANDLES[h] }))
+            : ["n", "s"].map((h) => ({ handle: h, className: EDGE_HANDLES[h] }));
+    return (_jsx(_Fragment, { children: handles.map(({ handle, className }) => (_jsx("button", { type: "button", "aria-label": `Resize ${handle}`, onMouseDown: (event) => onMouseDown(event, handle, element), className: `absolute z-[60] h-[10px] w-[10px] rounded-full border-[1.5px] border-ed-accent bg-ed-surface shadow-sm ${className}` }, handle))) }));
+}
+export function Breadcrumbs({ byId, selectedId, onSelect, }) {
+    const trail = [];
+    let cursor = selectedId ? byId.get(selectedId) : undefined;
+    const guard = new Set();
+    while (cursor && !guard.has(cursor.id)) {
+        guard.add(cursor.id);
+        trail.unshift(cursor);
+        cursor = cursor.parentId ? byId.get(cursor.parentId) : undefined;
+    }
+    return (_jsxs("div", { className: "pointer-events-auto flex items-center gap-1", children: [_jsx("span", { className: "text-ed-faint", children: "Page" }), trail.map((el) => (_jsxs("span", { className: "flex items-center gap-1", children: [_jsx(IconChevronRight, { size: 11, className: "text-ed-faint" }), _jsx("button", { type: "button", onClick: () => onSelect(el.id), className: "text-ed-muted transition-colors hover:text-ed-text", children: displayName(el) })] }, el.id)))] }));
+}
+/* ------------------------------------------------------------------ header */
+const SAVE_LABELS = {
+    saved: { text: "Saved", dot: "bg-emerald-500" },
+    dirty: { text: "Unsaved changes", dot: "bg-amber-500" },
+    saving: { text: "Saving…", dot: "bg-blue-500 animate-pulse" },
+    error: { text: "Save failed", dot: "bg-red-500" },
+    conflict: { text: "Reloaded from server", dot: "bg-amber-500" },
+};
+export function SaveIndicator({ status, error, }) {
+    const { text, dot } = SAVE_LABELS[status];
+    return (_jsxs("span", { title: error ?? undefined, className: "flex items-center gap-1.5 whitespace-nowrap text-[11px] text-ed-muted", children: [_jsx("span", { className: `h-1.5 w-1.5 rounded-full ${dot}` }), text] }));
+}
+/* ------------------------------------------------------------- left panels */
+const ELEMENT_GROUPS = [
+    { title: "Layout", types: ["Frame", "Stack", "Grid", "Section", "Container"] },
+    { title: "Basic", types: ["Heading", "Text", "Image", "Button", "Video"] },
+    { title: "Data", types: ["Request", "Repeat"] },
+];
+export function ElementsPanel({ search, onInsert, }) {
+    const query = search.trim().toLowerCase();
+    const groups = ELEMENT_GROUPS.map((group) => ({
+        ...group,
+        types: group.types.filter((type) => type.toLowerCase().includes(query)),
+    })).filter((group) => group.types.length > 0);
+    if (groups.length === 0) {
+        return _jsxs("p", { className: "p-4 text-center text-ed-faint", children: ["No elements match \u201C", search, "\u201D"] });
+    }
+    return (_jsx("div", { className: "flex flex-col gap-6 p-3.5", children: groups.map((group) => (_jsxs("div", { children: [_jsx("h3", { className: "mb-3 px-1 text-[9px] font-bold uppercase tracking-[0.18em] text-ed-faint", children: group.title }), _jsx("div", { className: "grid grid-cols-2 gap-2", children: group.types.map((type) => {
+                        const Icon = TYPE_ICONS[type];
+                        return (_jsxs("button", { type: "button", draggable: true, onDragStart: (event) => {
+                                event.dataTransfer.setData(DRAG_MIME, type);
+                                event.dataTransfer.effectAllowed = "copy";
+                            }, onClick: () => onInsert(type), className: "pg-chrome-card group relative flex cursor-grab flex-col items-center justify-center gap-2 overflow-hidden rounded-2xl border border-ed-border bg-gradient-to-b from-ed-subtle to-ed-surface p-3.5 transition-all duration-200 hover:-translate-y-0.5 hover:border-ed-accent/40 hover:from-ed-field active:scale-[.97] active:cursor-grabbing", children: [_jsx("span", { className: "pointer-events-none flex size-8 items-center justify-center rounded-xl bg-ed-field text-ed-muted ring-1 ring-inset ring-white/[.03] transition-all group-hover:scale-105 group-hover:bg-ed-accent/15 group-hover:text-ed-accent", children: _jsx(Icon, { size: 20, stroke: 1.5 }) }), _jsx("span", { className: "pointer-events-none text-[10px] font-medium text-ed-muted group-hover:text-ed-text", children: type })] }, type));
+                    }) })] }, group.title))) }));
+}
+const ICON_CHOICES = [
+    { name: "Star", value: "star", icon: IconStar },
+    { name: "Heart", value: "heart", icon: IconHeart },
+    { name: "Arrow right", value: "arrow-right", icon: IconArrowRight },
+    { name: "Check", value: "check", icon: IconCheck },
+    { name: "Menu", value: "menu", icon: IconMenu2 },
+    { name: "Search", value: "search", icon: IconSearch },
+];
+export function IconsPanel({ search, onInsert }) {
+    const query = search.trim().toLowerCase();
+    const icons = ICON_CHOICES.filter((item) => item.name.toLowerCase().includes(query));
+    return _jsx("div", { className: "grid grid-cols-3 gap-2 p-3", children: icons.map(({ name, value, icon: Icon }) => _jsxs("button", { type: "button", title: name, onClick: () => onInsert(value), className: "group flex aspect-square flex-col items-center justify-center gap-2 rounded-2xl border border-ed-border bg-ed-subtle text-ed-muted transition-all hover:-translate-y-0.5 hover:border-ed-accent/50 hover:bg-ed-field hover:text-ed-accent active:scale-95", children: [_jsx(Icon, { size: 22, stroke: 1.7 }), _jsx("span", { className: "max-w-full truncate px-1 text-[8px] text-ed-faint group-hover:text-ed-muted", children: name })] }, value)) });
+}
+export function LayersPanel({ elements, breakpoint, search, selectedIds, onSelect, onToggleHidden, onToggleLocked, onReorder, onDelete, onReparent, }) {
+    const [dropTarget, setDropTarget] = useState(null);
+    if (elements.length === 0) {
+        return (_jsx("p", { className: "p-4 text-center text-ed-faint", children: "Nothing on the canvas yet. Drop an element from the Elements tab." }));
+    }
+    const query = search.trim().toLowerCase();
+    const matches = (el) => !query || displayName(el).toLowerCase().includes(query);
+    // Layers are listed top-most first, the reverse of paint order.
+    const rows = (parentId, depth) => childrenOf(elements, parentId)
+        .slice()
+        .reverse()
+        .flatMap((el) => {
+        const nested = rows(el.id, depth + 1);
+        // Keep a branch visible when a descendant matches the search.
+        if (!matches(el) && nested.length === 0)
+            return [];
+        return [
+            _jsx(LayerRow, { element: el, style: resolveStyle(el, breakpoint), depth: depth, isSelected: selectedIds.includes(el.id), isDropTarget: dropTarget === el.id, onSelect: onSelect, onToggleHidden: onToggleHidden, onToggleLocked: onToggleLocked, onReorder: onReorder, onDelete: onDelete, onDropTargetChange: setDropTarget, onReparent: onReparent }, el.id),
+            ...nested,
+        ];
+    });
+    const list = rows(undefined, 0);
+    if (list.length === 0) {
+        return _jsxs("p", { className: "p-4 text-center text-ed-faint", children: ["No layers match \u201C", search, "\u201D"] });
+    }
+    return (
+    // The panel body is a drop zone for moving a layer to the page root;
+    // the row buttons carry the keyboard-reachable actions.
+    // biome-ignore lint/a11y/noStaticElementInteractions: drag-and-drop surface
+    _jsx("div", { className: "min-h-full py-2", onDragOver: (event) => {
+            if (!event.dataTransfer.types.includes(MOVE_MIME))
+                return;
+            event.preventDefault();
+            setDropTarget(null);
+        }, onDrop: (event) => {
+            const id = event.dataTransfer.getData(MOVE_MIME);
+            if (!id)
+                return;
+            event.preventDefault();
+            // Dropping on empty panel space moves the layer to the page root.
+            onReparent(id, undefined);
+            setDropTarget(null);
+        }, children: list }));
+}
+function LayerRow({ element, style, depth, isSelected, isDropTarget, onSelect, onToggleHidden, onToggleLocked, onReorder, onDelete, onDropTargetChange, onReparent, }) {
+    const Icon = TYPE_ICONS[element.type];
+    const container = isContainer(element.type);
+    return (
+    // A container row accepts dropped layers; selection and every action
+    // live on the buttons inside it.
+    // biome-ignore lint/a11y/noStaticElementInteractions: drag-and-drop surface
+    _jsxs("div", { className: `group flex h-8 items-center gap-2 pr-2 text-[11px] transition-colors ${isDropTarget
+            ? "bg-emerald-500/20 text-ed-text"
+            : isSelected
+                ? "bg-[var(--ed-accent-soft)] text-ed-text"
+                : "text-ed-muted hover:bg-ed-field hover:text-ed-text"}`, style: { paddingLeft: 12 + depth * 14 }, onDragOver: container
+            ? (event) => {
+                if (!event.dataTransfer.types.includes(MOVE_MIME))
+                    return;
+                event.preventDefault();
+                event.stopPropagation();
+                event.dataTransfer.dropEffect = "move";
+                onDropTargetChange(element.id);
+            }
+            : undefined, onDragLeave: container ? () => onDropTargetChange(null) : undefined, onDrop: container
+            ? (event) => {
+                const id = event.dataTransfer.getData(MOVE_MIME);
+                if (!id)
+                    return;
+                event.preventDefault();
+                event.stopPropagation();
+                onReparent(id, element.id);
+                onDropTargetChange(null);
+            }
+            : undefined, children: [_jsxs("button", { type: "button", draggable: true, onDragStart: (event) => {
+                    event.dataTransfer.setData(MOVE_MIME, element.id);
+                    event.dataTransfer.effectAllowed = "move";
+                }, onClick: (event) => onSelect(element.id, event.shiftKey || event.metaKey), "aria-pressed": isSelected, className: "flex min-w-0 flex-1 cursor-grab items-center gap-2 text-left active:cursor-grabbing", children: [_jsx(Icon, { size: 13, stroke: 1.5 }), _jsx("span", { className: `flex-1 truncate ${style.hidden ? "text-ed-faint line-through" : ""}`, children: displayName(element) })] }), _jsxs("span", { className: "flex items-center gap-0.5 opacity-0 transition-opacity focus-within:opacity-100 group-hover:opacity-100", children: [_jsx(LayerAction, { label: "Move up", onClick: () => onReorder(element.id, "up"), icon: _jsx(IconArrowUp, { size: 12 }) }), _jsx(LayerAction, { label: "Move down", onClick: () => onReorder(element.id, "down"), icon: _jsx(IconArrowDown, { size: 12 }) }), _jsx(LayerAction, { label: element.locked ? "Unlock" : "Lock", onClick: () => onToggleLocked(element.id), icon: element.locked ? _jsx(IconLock, { size: 12 }) : _jsx(IconLockOpen, { size: 12 }) }), _jsx(LayerAction, { label: "Delete", onClick: () => onDelete(element.id), icon: _jsx(IconTrash, { size: 12 }) })] }), _jsx(LayerAction, { label: style.hidden ? "Show" : "Hide", onClick: () => onToggleHidden(element.id), icon: style.hidden ? _jsx(IconEyeOff, { size: 12 }) : _jsx(IconEye, { size: 12 }), className: style.hidden ? "" : "opacity-0 group-hover:opacity-100" })] }));
+}
+function LayerAction({ label, onClick, icon, className = "", }) {
+    return (_jsx("button", { type: "button", title: label, "aria-label": label, onClick: (event) => {
+            event.stopPropagation();
+            onClick();
+        }, className: `rounded p-1 text-ed-muted transition-colors hover:bg-ed-field-hover hover:text-ed-text ${className}`, children: icon }));
+}
+export function PagesPanel({ pages, currentId, busy, error, onCreate, onRename, onDuplicate, onDelete, onNavigate, publishedHref, }) {
+    const [newName, setNewName] = useState("");
+    const [editing, setEditing] = useState(null);
+    const [draft, setDraft] = useState({ name: "", slug: "" });
+    return (_jsxs("div", { className: "flex flex-col gap-3 p-3", children: [_jsxs("form", { className: "flex gap-1", onSubmit: (event) => {
+                    event.preventDefault();
+                    if (!newName.trim())
+                        return;
+                    onCreate(newName.trim());
+                    setNewName("");
+                }, children: [_jsx("input", { type: "text", value: newName, placeholder: "New page name", onChange: (event) => setNewName(event.target.value), className: "min-w-0 flex-1 rounded border border-ed-border bg-ed-surface px-2 py-1.5 text-xs text-ed-text outline-none placeholder:text-ed-faint focus:border-ed-accent/50 focus:ring-1 focus:ring-blue-500/20" }), _jsx("button", { type: "submit", disabled: busy || !newName.trim(), className: "rounded bg-ed-accent px-2 text-ed-text transition-colors hover:opacity-90 disabled:pointer-events-none disabled:opacity-40", children: _jsx(IconPlus, { size: 14 }) })] }), error && (_jsx("p", { className: "rounded border border-red-500/20 bg-red-500/10 px-2 py-1.5 text-[10px] text-red-300", children: error })), _jsx("div", { className: "flex flex-col gap-1", children: pages.map((page) => {
+                    const isCurrent = page.id === currentId;
+                    if (editing === page.id) {
+                        return (_jsxs("form", { className: "flex flex-col gap-1 rounded border border-ed-accent/40 bg-black/30 p-2", onSubmit: (event) => {
+                                event.preventDefault();
+                                onRename(page.id, draft.name, draft.slug);
+                                setEditing(null);
+                            }, children: [_jsx("input", { type: "text", value: draft.name, "aria-label": "Page name", onChange: (e) => setDraft((d) => ({ ...d, name: e.target.value })), className: "rounded bg-ed-surface px-2 py-1 text-xs text-ed-text outline-none" }), _jsxs("div", { className: "flex items-center gap-1 rounded bg-ed-surface px-2 py-1", children: [_jsx("span", { className: "max-w-24 truncate text-[10px] text-ed-faint", children: publishedHref("").replace(/\/$/, "") || "/" }), _jsx("input", { type: "text", value: draft.slug, "aria-label": "Page URL slug", onChange: (e) => setDraft((d) => ({ ...d, slug: e.target.value })), className: "min-w-0 flex-1 bg-transparent text-xs text-ed-text outline-none" })] }), _jsxs("div", { className: "flex gap-1", children: [_jsx("button", { type: "submit", className: "flex-1 rounded bg-ed-accent py-1 text-[10px] text-ed-text hover:opacity-90", children: "Save" }), _jsx("button", { type: "button", onClick: () => setEditing(null), className: "flex-1 rounded bg-ed-field py-1 text-[10px] text-ed-muted hover:text-ed-text", children: "Cancel" })] })] }, page.id));
+                    }
+                    return (_jsxs("div", { className: `group flex items-center gap-1.5 rounded px-2 py-1.5 transition-colors ${isCurrent
+                            ? "bg-[var(--ed-accent-soft)] text-ed-text"
+                            : "text-ed-muted hover:bg-ed-field"}`, children: [_jsxs("button", { type: "button", onClick: () => onNavigate(page.id), className: "flex min-w-0 flex-1 items-center gap-2", children: [_jsx(IconFile, { size: 13, stroke: 1.5 }), _jsx("span", { className: "min-w-0 flex-1 truncate text-[11px] text-left", children: page.name }), page.published && (_jsx(IconWorld, { size: 11, className: "shrink-0 text-emerald-500", title: "Published" }))] }), _jsxs("span", { className: "flex items-center gap-0.5 opacity-0 transition-opacity group-hover:opacity-100", children: [page.slug !== "home" && _jsx(LayerAction, { label: "Rename", onClick: () => {
+                                            setDraft({ name: page.name, slug: page.slug });
+                                            setEditing(page.id);
+                                        }, icon: _jsx(IconPencil, { size: 12 }) }), _jsx(LayerAction, { label: "Duplicate", onClick: () => onDuplicate(page.id, `${page.name} copy`), icon: _jsx(IconCopy, { size: 12 }) }), page.slug !== "home" && _jsx(LayerAction, { label: "Delete", onClick: () => onDelete(page.id), icon: _jsx(IconTrash, { size: 12 }) })] })] }, page.id));
+                }) })] }));
+}
+/* ------------------------------------------------------------ context menu */
+export function ContextMenu({ x, y, onBringForward, onSendBackward, onDuplicate, onCopy, onWrap, onUnwrap, onDelete, }) {
+    return (_jsxs("div", { className: "fixed z-[100] flex min-w-[210px] flex-col rounded-xl border border-ed-border bg-ed-surface/95 p-1.5 shadow-2xl backdrop-blur-md", style: { left: x, top: y }, children: [_jsx(MenuItem, { icon: _jsx(IconArrowUp, { size: 14, className: "text-ed-muted" }), label: "Bring forward", onClick: onBringForward }), _jsx(MenuItem, { icon: _jsx(IconArrowDown, { size: 14, className: "text-ed-muted" }), label: "Send backward", onClick: onSendBackward }), _jsx("div", { className: "mx-1 my-1 h-px bg-ed-field" }), _jsx(MenuItem, { icon: _jsx(IconBox, { size: 14, className: "text-ed-muted" }), label: "Wrap in container", onClick: onWrap }), _jsx(MenuItem, { icon: _jsx(IconBox, { size: 14, className: "text-ed-muted" }), label: "Move out of parent", onClick: onUnwrap }), _jsx("div", { className: "mx-1 my-1 h-px bg-ed-field" }), _jsx(MenuItem, { icon: _jsx(IconCopy, { size: 14, className: "text-ed-muted" }), label: "Duplicate", shortcut: "Ctrl D", onClick: onDuplicate }), _jsx(MenuItem, { icon: _jsx(IconCopy, { size: 14, className: "text-ed-muted" }), label: "Copy", shortcut: "Ctrl C", onClick: onCopy }), _jsx("div", { className: "mx-1 my-1 h-px bg-ed-field" }), _jsx(MenuItem, { icon: _jsx(IconTrash, { size: 14, className: "text-red-400/80" }), label: "Delete", shortcut: "Del", destructive: true, onClick: onDelete })] }));
+}
+function MenuItem({ icon, label, shortcut, destructive = false, onClick, }) {
+    return (_jsxs("button", { type: "button", onClick: (event) => {
+            event.stopPropagation();
+            onClick();
+        }, className: `flex items-center gap-2.5 rounded-md px-3 py-2 text-[11px] font-medium transition-colors ${destructive
+            ? "text-red-400 hover:bg-red-500/10 hover:text-red-300"
+            : "text-ed-text hover:bg-ed-field-hover hover:text-ed-text"}`, children: [icon, label, shortcut && _jsx("span", { className: "ml-auto text-[10px] text-ed-faint", children: shortcut })] }));
+}
+//# sourceMappingURL=parts.js.map

package/dist/internal/app/p/editor/parts.js.map

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

package/dist/internal/app/p/editor/templates-panel.d.ts

@@ -0,0 +1,6 @@
+import type { SiteTemplateId } from "@/lib/editor/site-templates";
+export declare function TemplatesPanel({ busy, onInstall }: {
+    busy: boolean;
+    onInstall: (id: SiteTemplateId) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=templates-panel.d.ts.map

package/dist/internal/app/p/editor/templates-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"templates-panel.d.ts","sourceRoot":"","sources":["../../../../../src/internal/app/p/editor/templates-panel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAQlE,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,CAAC,EAAE,EAAE,cAAc,KAAK,IAAI,CAAA;CAAE,+BAmB7G"}

package/dist/internal/app/p/editor/templates-panel.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconArrowRight, IconCheck, IconSparkles } from "@tabler/icons-react";
+const templates = [
+    { id: "editorial-blog", name: "Field Notes", kind: "Dynamic editorial blog", pages: ["Home", "Journal", "Article / :slug", "About"], count: "4 pages + API", accent: "#db4b2d", preview: "bg-[#f3efe6] text-[#171714]", title: "IDEAS FOR A MORE HUMAN WEB." },
+    { id: "orbit-saas", name: "Orbit OS", kind: "Product & SaaS launch", pages: ["Home", "Product", "Pricing"], count: "3 pages", accent: "#7357ff", preview: "bg-[#070914] text-[#f5f7ff]", title: "SHIP THE NEXT VERSION OF YOU." },
+    { id: "nocturne", name: "Nocturne Studio", kind: "Dark editorial portfolio", pages: ["Home", "Work", "Studio", "Contact"], count: "4 pages", accent: "#d7ff3f", preview: "bg-[#0b0b0a] text-[#f1f0ea]", title: "WE DESIGN THE UNEXPECTED." },
+];
+export function TemplatesPanel({ busy, onInstall }) {
+    return _jsxs("div", { className: "space-y-3 p-3", children: [_jsxs("div", { className: "mb-4 rounded-2xl border border-ed-border bg-ed-subtle p-4", children: [_jsx("p", { className: "text-xs font-semibold text-ed-text", children: "Site templates" }), _jsx("p", { className: "mt-1 text-[10px] leading-relaxed text-ed-muted", children: "Complete editable sites with pages, responsive layouts, motion, tokens and data requests." })] }), templates.map((template) => _jsxs("article", { className: "overflow-hidden rounded-2xl border border-white/10 bg-[#0b0c0e] shadow-xl", children: [_jsxs("div", { className: `relative h-32 overflow-hidden border-b border-white/10 p-4 ${template.preview}`, children: [_jsx("div", { className: "absolute -right-5 -top-6 size-28 rounded-full blur-3xl opacity-40", style: { background: template.accent } }), _jsx("span", { className: "relative font-mono text-[8px] font-bold tracking-[.2em]", style: { color: template.accent }, children: template.name.toUpperCase() }), _jsx("p", { className: "relative mt-8 max-w-[210px] text-[21px] font-semibold leading-[.9] tracking-[-.07em]", children: template.title })] }), _jsxs("div", { className: "p-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-[12px] font-semibold text-[#f1f0ea]", children: template.name }), _jsx("p", { className: "mt-1 text-[9px] text-[#96958f]", children: template.kind })] }), _jsx("span", { className: "rounded-full px-2 py-1 font-mono text-[8px]", style: { color: template.accent, background: `${template.accent}18` }, children: template.count })] }), _jsx("div", { className: "mt-4 grid grid-cols-2 gap-2 text-[9px] text-[#96958f]", children: template.pages.map((page) => _jsxs("span", { className: "flex items-center gap-1.5", children: [_jsx(IconCheck, { size: 10, style: { color: template.accent } }), page] }, page)) }), _jsxs("button", { type: "button", disabled: busy, onClick: () => onInstall(template.id), className: "mt-4 flex w-full items-center justify-between rounded-xl px-3 py-2.5 text-[10px] font-extrabold text-white transition hover:brightness-110 disabled:opacity-50", style: { background: template.accent }, children: [_jsxs("span", { className: "flex items-center gap-2", children: [_jsx(IconSparkles, { size: 13 }), busy ? "Installing…" : "Install complete site"] }), _jsx(IconArrowRight, { size: 13 })] })] })] }, template.id))] });
+}
+//# sourceMappingURL=templates-panel.js.map

package/dist/internal/app/p/editor/templates-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"templates-panel.js","sourceRoot":"","sources":["../../../../../src/internal/app/p/editor/templates-panel.tsx"],"names":[],"mappings":"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"}

package/dist/internal/app/p/editor/use-canvas-view.d.ts

@@ -0,0 +1,24 @@
+export declare const MIN_ZOOM = 10;
+export declare const MAX_ZOOM = 400;
+/**
+ * Photoshop-style canvas navigation: Ctrl/⌘ + wheel zooms toward the pointer,
+ * space-drag and middle-drag pan, plain wheel scrolls.
+ *
+ * Zooming has to keep the point under the cursor fixed, which means adjusting
+ * the scroll offset in the same frame the scale changes — hence the anchor
+ * captured before the state update and applied in a layout effect.
+ */
+export declare function useCanvasView(contentWidth: number): {
+    viewportRef: import("react").RefObject<HTMLDivElement | null>;
+    frameRef: import("react").RefObject<HTMLDivElement | null>;
+    zoom: number;
+    scale: number;
+    zoomTo: (next: number) => void;
+    stepZoom: (direction: 1 | -1) => void;
+    zoomToFit: (width?: number, padding?: number) => void;
+    spaceHeld: boolean;
+    isPanning: boolean;
+    tryBeginPan: (event: React.MouseEvent) => boolean;
+    recenter: () => void;
+};
+//# sourceMappingURL=use-canvas-view.d.ts.map

package/dist/internal/app/p/editor/use-canvas-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-canvas-view.d.ts","sourceRoot":"","sources":["../../../../../src/internal/app/p/editor/use-canvas-view.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,QAAQ,KAAK,CAAC;AAC3B,eAAO,MAAM,QAAQ,MAAM,CAAC;AAO5B;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,YAAY,EAAE,MAAM;;;;;mBA8DnC,MAAM;0BAcD,CAAC,GAAG,CAAC,CAAC;wBAwBV,MAAM;;;yBAkHsB,KAAK,CAAC,UAAU;;EAwD3D"}