@elytracms/studio 0.0.1

package/dist/components/builder/layout-inspector.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CONTAINER_ALIGNMENTS, GRID_MAX_COLUMNS, SPACING_TOKEN_NAMES, STACK_COMPONENT_ID, STACK_ON_MOBILE_PROP, gridStacksOnMobile, isLayoutContainerNode, isSpacingTokenName, spacingTokenFromLegacyGap, staticProp, } from '@elytracms/project-graph';
+import { Field, InspectorSection, Select, Stack } from '@elytracms/studio/ui';
+import { useBuilder } from './builder-store';
+/**
+ * Contextual layout inspector (EC-162): when a `Stack`/`Grid` container is
+ * selected, the Settings tab shows its canonical layout values — direction,
+ * gap, alignment, columns — as plain-language controls bound to the EC-161
+ * token scale. Gesture creates, this refines: every change is one ordinary
+ * `setProp`/`removeProp` builder dispatch (one operations command, one undo
+ * step). No CSS vocabulary leaks into the labels.
+ */
+/** The props this section owns for a container (hidden from the generic Props list). */
+const LAYOUT_PROPS = ['direction', 'gap', 'align', 'columns', STACK_ON_MOBILE_PROP];
+export function layoutManagedPropNames(node) {
+    return isLayoutContainerNode(node) ? LAYOUT_PROPS : [];
+}
+/**
+ * Plain-language label per spacing token step (EC-161 scale) — no CSS lengths.
+ * Shared with the canvas gap handles (EC-163): the live drag label and this
+ * select speak the same vocabulary for the same token.
+ */
+export const GAP_LABELS = {
+    px: 'Hairline',
+    '1': 'Extra small',
+    '2': 'Small',
+    '3': 'Medium',
+    '4': 'Large',
+    '6': 'Extra large',
+    '8': 'Huge',
+};
+/** Plain-language label for the "no gap" step (gap prop absent). */
+export const GAP_NONE_LABEL = 'None';
+const GAP_NONE = 'none';
+const ALIGN_LABELS = {
+    start: 'Start',
+    center: 'Center',
+    end: 'End',
+    stretch: 'Stretch',
+};
+function staticValue(node, name) {
+    const prop = node.props?.[name];
+    return prop?.kind === 'static' ? prop.value : undefined;
+}
+/** The node's gap as a token step, or `'none'` when absent/off-scale (renders gapless/default). */
+function currentGapToken(node) {
+    const value = staticValue(node, 'gap');
+    if (typeof value === 'string' && isSpacingTokenName(value))
+        return value;
+    if (typeof value === 'number') {
+        const token = spacingTokenFromLegacyGap(value);
+        if (token)
+            return token;
+    }
+    return GAP_NONE;
+}
+function currentDirection(node) {
+    return staticValue(node, 'direction') === 'horizontal' ? 'horizontal' : 'vertical';
+}
+function currentAlignment(node) {
+    const value = staticValue(node, 'align');
+    return typeof value === 'string' && value in ALIGN_LABELS ? value : 'stretch';
+}
+/** The rendered column count: a valid static value, else 1 (the renderer's fallback). */
+function currentColumns(node) {
+    const value = staticValue(node, 'columns');
+    return typeof value === 'number' && Number.isInteger(value) && value >= 1 && value <= GRID_MAX_COLUMNS
+        ? value
+        : 1;
+}
+const COLUMN_OPTIONS = Array.from({ length: GRID_MAX_COLUMNS }, (_, i) => i + 1);
+/** The contextual layout section. Renders nothing for non-container nodes. */
+export function LayoutSection({ node }) {
+    const builder = useBuilder();
+    if (!isLayoutContainerNode(node))
+        return null;
+    const isStack = node.componentId === STACK_COMPONENT_ID;
+    const set = (name, value) => builder.dispatch({ type: 'setProp', id: node.id, name, value: staticProp(value) });
+    const clear = (name) => builder.dispatch({ type: 'removeProp', id: node.id, name });
+    return (_jsx(InspectorSection, { title: "Layout", children: _jsxs(Stack, { gap: "3", children: [isStack ? (_jsx(Field, { label: "Direction", htmlFor: `layout-${node.id}-direction`, children: _jsxs(Select, { id: `layout-${node.id}-direction`, value: currentDirection(node), onChange: (e) => set('direction', e.target.value), children: [_jsx("option", { value: "vertical", children: "Vertical" }), _jsx("option", { value: "horizontal", children: "Horizontal" })] }) })) : (_jsx(Field, { label: "Columns", htmlFor: `layout-${node.id}-columns`, children: _jsx(Select, { id: `layout-${node.id}-columns`, value: String(currentColumns(node)), onChange: (e) => set('columns', Number(e.target.value)), children: COLUMN_OPTIONS.map((n) => (_jsx("option", { value: String(n), children: n === 1 ? '1 column' : `${n} columns` }, n))) }) })), _jsx(Field, { label: "Gap", htmlFor: `layout-${node.id}-gap`, children: _jsxs(Select, { id: `layout-${node.id}-gap`, value: currentGapToken(node), onChange: (e) => (e.target.value === GAP_NONE ? clear('gap') : set('gap', e.target.value)), children: [_jsx("option", { value: GAP_NONE, children: GAP_NONE_LABEL }), SPACING_TOKEN_NAMES.map((name) => (_jsx("option", { value: name, children: GAP_LABELS[name] }, name)))] }) }), _jsx(Field, { label: "Alignment", htmlFor: `layout-${node.id}-align`, children: _jsx(Select, { id: `layout-${node.id}-align`, value: currentAlignment(node), onChange: (e) => set('align', e.target.value), children: CONTAINER_ALIGNMENTS.map((name) => (_jsx("option", { value: name, children: ALIGN_LABELS[name] }, name))) }) }), !isStack ? (_jsx(Field, { label: "On phones", htmlFor: `layout-${node.id}-mobile`, children: _jsxs(Select, { id: `layout-${node.id}-mobile`, value: gridStacksOnMobile(node) ? 'stack' : 'keep', onChange: (e) => e.target.value === 'keep'
+                            ? set(STACK_ON_MOBILE_PROP, false)
+                            : clear(STACK_ON_MOBILE_PROP), children: [_jsx("option", { value: "stack", children: "Stack" }), _jsx("option", { value: "keep", children: "Keep columns" })] }) })) : null] }) }));
+}
+//# sourceMappingURL=layout-inspector.js.map

package/dist/components/builder/layout-inspector.js.map

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

package/dist/components/builder/node-factory.d.ts

@@ -0,0 +1,17 @@
+import type { ComponentNode } from '@elytracms/project-graph';
+import type { ComponentManifest } from '@elytracms/component-registry';
+/**
+ * Build a fresh node for a component from its manifest defaults (brief §8.2,
+ * EC-066). The placeholder id is reassigned by the Builder store on insert.
+ * Required slots are left empty so the renderer shows a missing-slot placeholder
+ * (EC-063) prompting the author to fill them.
+ */
+export declare function nodeFromManifest(manifest: ComponentManifest): ComponentNode;
+/** Layout helper presets (brief §8.2, EC-067) — grid / flex / stack / repeater / switch. */
+export interface LayoutPreset {
+    key: string;
+    label: string;
+    description: string;
+    build: () => ComponentNode;
+}
+export declare const LAYOUT_PRESETS: readonly LayoutPreset[];

package/dist/components/builder/node-factory.js

@@ -0,0 +1,90 @@
+import { staticProp } from '@elytracms/project-graph';
+/**
+ * Build a fresh node for a component from its manifest defaults (brief §8.2,
+ * EC-066). The placeholder id is reassigned by the Builder store on insert.
+ * Required slots are left empty so the renderer shows a missing-slot placeholder
+ * (EC-063) prompting the author to fill them.
+ */
+export function nodeFromManifest(manifest) {
+    const props = {};
+    for (const [name, spec] of Object.entries(manifest.props)) {
+        if (spec.default !== undefined)
+            props[name] = staticProp(spec.default);
+    }
+    return { id: 'tmp', componentId: manifest.id, props };
+}
+function text(value) {
+    return { id: 'tmp', componentId: 'base.primitives.Text', props: { value: staticProp(value) } };
+}
+export const LAYOUT_PRESETS = [
+    {
+        key: 'stack',
+        label: 'Stack',
+        description: 'Vertical flex layout',
+        build: () => ({
+            id: 'tmp',
+            componentId: 'base.primitives.Stack',
+            props: { gap: staticProp(4) },
+            slots: { children: [text('First item'), text('Second item')] },
+        }),
+    },
+    {
+        key: 'grid',
+        label: 'Grid',
+        description: 'Multi-column grid',
+        build: () => ({
+            id: 'tmp',
+            componentId: 'base.primitives.Grid',
+            props: { columns: staticProp(2), gap: staticProp(4) },
+            slots: { children: [text('Cell one'), text('Cell two')] },
+        }),
+    },
+    {
+        key: 'container',
+        label: 'Container',
+        description: 'Generic block wrapper',
+        build: () => ({
+            id: 'tmp',
+            componentId: 'base.primitives.Container',
+            slots: { children: [text('Container content')] },
+        }),
+    },
+    {
+        key: 'repeater',
+        label: 'Repeater',
+        description: 'Repeat a template over a bound list',
+        build: () => ({
+            id: 'tmp',
+            componentId: 'base.primitives.Repeater',
+            // Inserts with an empty list and an unbound template — the studio never
+            // fabricates data (Oli, 2026-06-19). The author binds `items` to a real list
+            // source in the inspector; until then it renders nothing. (Repeater's binding
+            // story is parked anyway — see RepeaterManifest "slice 5 decides its fate".)
+            props: { items: staticProp([]) },
+            slots: {
+                item: [
+                    {
+                        id: 'tmp',
+                        componentId: 'base.primitives.Stack',
+                        props: { gap: staticProp(1) },
+                        slots: { children: [text('Item title'), text('Item body')] },
+                    },
+                ],
+            },
+        }),
+    },
+    {
+        key: 'switch',
+        label: 'Switch',
+        description: 'Render one case by its key',
+        build: () => ({
+            id: 'tmp',
+            componentId: 'base.primitives.Switch',
+            // Start with the declared `fallback` slot (renders until a `case` matches).
+            // `case` + `case:<key>` slots are authored via the inspector. Keeping only
+            // declared slots here means the inserted node validates cleanly.
+            slots: { fallback: [text('Fallback')] },
+        }),
+    },
+];
+//# sourceMappingURL=node-factory.js.map

package/dist/components/builder/node-factory.js.map

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

package/dist/components/builder/page-tree.d.ts

@@ -0,0 +1,3 @@
+export declare function PageTree({ onAddChild }: {
+    onAddChild: (parentId: string) => void;
+}): import("react").JSX.Element;

package/dist/components/builder/page-tree.js

@@ -0,0 +1,207 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ChevronUp, ChevronDown, ClipboardCopy, ClipboardPaste, ClipboardX, Copy, EyeOff, Filter, MoreHorizontal, Plus, Trash2, } from 'lucide-react';
+import { useEffect, useRef, useState } from 'react';
+import { getParentInfo } from '@elytracms/project-graph';
+import { canNestInto, containerFlowAxis, dropIndicatorFor, dropPositionForPointer, resolveDrop, } from '@elytracms/studio/lib/dnd/drop-rules';
+import { getStudioRegistry } from '@elytracms/studio/lib/registry';
+import { useData } from '@elytracms/studio/lib/data';
+import { Button, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, Row, Spacer, Text, } from '@elytracms/studio/ui';
+import { cn } from '@elytracms/studio/lib/utils';
+import { useCollab } from '../collab/collab-context';
+import { useBuilder } from './builder-store';
+import { attachClipboardListeners, useStudioClipboard } from './clipboard-actions';
+import { activeDrag, beginDrag, endDrag, onDragSessionEnd } from './drag-session';
+function flatten(node, depth, rows, meta) {
+    rows.push({ id: node.id, componentId: node.componentId, depth, ...meta, condition: node.condition });
+    for (const children of Object.values(node.slots ?? {})) {
+        children.forEach((child, i) => flatten(child, depth + 1, rows, {
+            isFirst: i === 0,
+            isLast: i === children.length - 1,
+            isRoot: false,
+        }));
+    }
+}
+function shortId(componentId) {
+    return componentId.replace('base.primitives.', '').replace('project.', '');
+}
+/** Tailwind classes per drop indicator state (EC-160/EC-162) — rejection is visible. */
+const ROW_DROP_CLASSES = {
+    into: 'ring-1 ring-inset ring-emerald-400 bg-emerald-400/10',
+    before: 'shadow-[inset_0_2px_0_0_#38bdf8]',
+    after: 'shadow-[inset_0_-2px_0_0_#38bdf8]',
+    // Wrap-into-columns gesture (EC-162): the tree can execute wrap plans, the
+    // bands themselves are a canvas gesture (rows have no spatial "beside").
+    left: 'shadow-[inset_2px_0_0_0_#a78bfa] bg-violet-400/10',
+    right: 'shadow-[inset_-2px_0_0_0_#a78bfa] bg-violet-400/10',
+    blocked: 'ring-1 ring-inset ring-red-500/80 bg-red-500/10 cursor-not-allowed',
+};
+export function PageTree({ onAddChild }) {
+    const builder = useBuilder();
+    const studio = getStudioRegistry();
+    const data = useData();
+    const collab = useCollab();
+    const page = builder.present.pages.find((p) => p.id === builder.pageId);
+    const rows = [];
+    flatten(page.root, 0, rows, { isFirst: true, isLast: true, isRoot: true });
+    // Copy/cut/paste (EC-175): keyboard shortcuts for the whole studio window
+    // (the canvas iframe wires its own document) plus per-row affordances. The
+    // shared listener keeps shortcuts inert in form fields/inline editors, and
+    // the published preview is read-only.
+    const clipboard = useStudioClipboard();
+    const readOnly = collab.previewMode === 'published';
+    const selectedIdRef = useRef(builder.selectedId);
+    selectedIdRef.current = builder.selectedId;
+    useEffect(() => {
+        if (readOnly)
+            return;
+        return attachClipboardListeners(window, {
+            clipboard,
+            getSelectedId: () => selectedIdRef.current,
+            getSelection: () => window.getSelection(),
+        });
+    }, [clipboard, readOnly]);
+    // Drag & drop (EC-160): eligibility comes from the same pure rule set the
+    // canvas uses (`lib/dnd/drop-rules`); the tree only renders the resolution.
+    // One eligible drop dispatches exactly one move/insert action.
+    // The current plan lives in a ref: `drop` fires synchronously after the
+    // last `dragover`, before React flushes indicator state.
+    const dropPlanRef = useRef(null);
+    const [drop, setDrop] = useState(null);
+    const clearDrop = () => {
+        dropPlanRef.current = null;
+        setDrop(null);
+    };
+    useEffect(() => onDragSessionEnd(() => clearDrop()), []);
+    const getManifest = (id) => studio.registry.getManifest(id);
+    function handleRowDragStart(row, e) {
+        if (row.isRoot) {
+            e.preventDefault();
+            return;
+        }
+        beginDrag({
+            subject: { kind: 'node', nodeId: row.id, componentId: row.componentId },
+            source: 'tree',
+            label: shortId(row.componentId),
+        }, e.dataTransfer);
+    }
+    function handleRowDragOver(row, e) {
+        const drag = activeDrag();
+        if (!drag)
+            return;
+        let position = 'into';
+        if (!row.isRoot) {
+            const rect = e.currentTarget.getBoundingClientRect();
+            // The hit-band axis follows the parent container's flow (EC-162):
+            // children of horizontal Stacks/Grids reorder along the row's x axis.
+            const flow = containerFlowAxis(getParentInfo(page.root, row.id)?.parent);
+            const ratio = flow === 'horizontal'
+                ? rect.width > 0
+                    ? (e.clientX - rect.left) / rect.width
+                    : 0.5
+                : rect.height > 0
+                    ? (e.clientY - rect.top) / rect.height
+                    : 0.5;
+            position = dropPositionForPointer({
+                ratio,
+                nestable: canNestInto(getManifest, row.componentId),
+                edges: true,
+            });
+        }
+        const resolution = resolveDrop({
+            root: page.root,
+            getManifest,
+            subject: drag.subject,
+            location: { nodeId: row.id, position },
+        });
+        const indicator = dropIndicatorFor(resolution, position);
+        dropPlanRef.current = resolution.eligible ? resolution : null;
+        setDrop({ rowId: row.id, indicator });
+        if (resolution.eligible) {
+            e.preventDefault();
+            e.dataTransfer.dropEffect = drag.subject.kind === 'node' ? 'move' : 'copy';
+        }
+    }
+    function handleRowDrop(e) {
+        const drag = activeDrag();
+        if (!drag)
+            return;
+        const plan = dropPlanRef.current;
+        clearDrop();
+        if (!plan)
+            return;
+        e.preventDefault();
+        // Exactly one dispatch per completed drop (one undo step, one command).
+        if (plan.kind === 'move') {
+            builder.dispatch({ type: 'move', id: plan.nodeId, target: plan.target });
+        }
+        else if (plan.kind === 'wrap') {
+            // EC-162: shared plan vocabulary — the tree executes wrap plans too.
+            const subject = plan.nodeId !== undefined
+                ? { kind: 'node', nodeId: plan.nodeId }
+                : drag.buildNode
+                    ? { kind: 'component', node: drag.buildNode() }
+                    : null;
+            if (!subject) {
+                endDrag('cancelled');
+                return;
+            }
+            builder.dispatch({ type: 'wrap', referenceId: plan.referenceId, side: plan.side, subject });
+        }
+        else if (drag.buildNode) {
+            builder.dispatch({ type: 'insert', target: plan.target, node: drag.buildNode() });
+        }
+        else {
+            endDrag('cancelled');
+            return;
+        }
+        endDrag('dropped');
+    }
+    function handleRowDragEnd() {
+        clearDrop();
+        endDrag('cancelled');
+    }
+    return (_jsxs("div", { className: "flex h-full min-h-0 flex-col", children: [_jsxs(Row, { gap: "2", className: "h-10 shrink-0 border-b border-border px-3", children: [_jsx(Text, { size: "sm", weight: "semibold", children: "Page tree" }), _jsx(Spacer, {}), _jsx(Text, { size: "xs", tone: "subtle", mono: true, children: rows.length })] }), _jsx("div", { className: "min-h-0 flex-1 overflow-auto p-1.5", onMouseLeave: () => builder.dispatch({ type: 'hover', id: null }), onDragLeave: (e) => {
+                    // Clear the indicator when the drag exits the tree panel.
+                    if (!e.currentTarget.contains(e.relatedTarget))
+                        clearDrop();
+                }, children: rows.map((row) => {
+                    const manifest = studio.registry.getManifest(row.componentId);
+                    const selected = row.id === builder.selectedId;
+                    const hovered = row.id === builder.hoveredId;
+                    // EC-088: indicate condition-gated nodes; flag the currently-hidden ones.
+                    let condState = 'none';
+                    if (row.condition) {
+                        const r = data.resolveCondition(row.condition);
+                        condState = r.kind === 'condition' && r.pass ? 'visible' : 'hidden';
+                    }
+                    return (_jsxs("div", { onMouseEnter: () => builder.dispatch({ type: 'hover', id: row.id }), draggable: !row.isRoot, onDragStart: (e) => handleRowDragStart(row, e), onDragOver: (e) => handleRowDragOver(row, e), onDrop: handleRowDrop, onDragEnd: handleRowDragEnd, "data-tree-row": row.id, "data-tree-drop": drop?.rowId === row.id ? (drop.indicator ?? undefined) : undefined, className: cn('group flex items-center rounded-md pr-1 text-left text-xs transition-colors', selected
+                            ? 'bg-accent text-accent-foreground'
+                            : hovered
+                                ? 'bg-muted text-foreground'
+                                : 'text-muted-foreground', drop?.rowId === row.id && drop.indicator
+                            ? ROW_DROP_CLASSES[drop.indicator]
+                            : undefined), children: [_jsxs("button", { type: "button", onClick: () => builder.dispatch({ type: 'select', id: row.id }), className: "flex min-w-0 flex-1 items-center gap-1.5 py-1", style: { paddingLeft: `${6 + row.depth * 14}px` }, children: [_jsx("span", { className: cn('truncate font-mono', condState === 'hidden' && 'line-through opacity-70'), children: shortId(row.componentId) }), manifest?.title ? (_jsx("span", { className: "truncate text-muted-foreground/70", children: manifest.title })) : null, condState === 'hidden' ? (_jsx(EyeOff, { className: "size-3 shrink-0 text-warning", "aria-label": "Hidden by condition" })) : condState === 'visible' ? (_jsx(Filter, { className: "size-3 shrink-0 text-muted-foreground/60", "aria-label": "Conditional" })) : null] }), _jsxs("div", { className: cn('flex shrink-0 items-center gap-0.5', selected
+                                    ? 'opacity-100'
+                                    : 'opacity-0 group-hover:opacity-100 group-focus-within:opacity-100'), children: [_jsx(IconAction, { label: "Add child", onClick: () => onAddChild(row.id), children: _jsx(Plus, {}) }), _jsx(RowActionsMenu, { row: row, builder: builder, clipboard: clipboard })] })] }, row.id));
+                }) })] }));
+}
+/** Right-aligned keyboard-shortcut hint in a menu item — informational only; the
+ * shortcut fires globally via the clipboard listeners regardless of the menu. */
+function MenuShortcut({ children }) {
+    return _jsx("span", { className: "ml-auto pl-6 text-xs tracking-widest text-muted-foreground", children: children });
+}
+/**
+ * The per-row "•••" action menu (EC-211). Copy/Paste on every row; Cut, Move,
+ * Duplicate, Delete for non-root rows. Collapsing the old inline icon cluster
+ * (up to 8 buttons, cropping on the 200–240px panel) into a menu changes no
+ * behavior — same clipboard fragment + dispatch paths, same Cmd/Ctrl shortcuts.
+ * Delete stays a one-click (undoable) destructive item, consistent with the rest
+ * of the studio.
+ */
+function RowActionsMenu({ row, builder, clipboard, }) {
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { size: "icon-sm", variant: "ghost", "aria-label": "More actions", title: "More actions", className: "size-6", children: _jsx(MoreHorizontal, {}) }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsxs(DropdownMenuItem, { onClick: () => clipboard.copyNode(row.id), children: [_jsx(ClipboardCopy, {}), " Copy ", _jsx(MenuShortcut, { children: "\u2318C" })] }), _jsxs(DropdownMenuItem, { onClick: () => void clipboard.pasteFromClipboard(row.id), children: [_jsx(ClipboardPaste, {}), " Paste ", _jsx(MenuShortcut, { children: "\u2318V" })] }), !row.isRoot ? (_jsxs(_Fragment, { children: [_jsxs(DropdownMenuItem, { onClick: () => clipboard.cutNode(row.id), children: [_jsx(ClipboardX, {}), " Cut ", _jsx(MenuShortcut, { children: "\u2318X" })] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { disabled: row.isFirst, onClick: () => builder.dispatch({ type: 'reorder', id: row.id, delta: -1 }), children: [_jsx(ChevronUp, {}), " Move up"] }), _jsxs(DropdownMenuItem, { disabled: row.isLast, onClick: () => builder.dispatch({ type: 'reorder', id: row.id, delta: 1 }), children: [_jsx(ChevronDown, {}), " Move down"] }), _jsxs(DropdownMenuItem, { onClick: () => builder.dispatch({ type: 'duplicate', id: row.id }), children: [_jsx(Copy, {}), " Duplicate"] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { variant: "destructive", onClick: () => builder.dispatch({ type: 'remove', id: row.id }), children: [_jsx(Trash2, {}), " Delete"] })] })) : null] })] }));
+}
+function IconAction({ label, onClick, disabled, destructive, children, }) {
+    return (_jsx(Button, { size: "icon-sm", variant: "ghost", "aria-label": label, title: label, disabled: disabled, onClick: onClick, className: cn('size-6', destructive && 'hover:text-destructive'), children: children }));
+}
+//# sourceMappingURL=page-tree.js.map

package/dist/components/builder/page-tree.js.map

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

package/dist/components/builder/property-inspector.d.ts

@@ -0,0 +1 @@
+export declare function PropertyInspector(): import("react").JSX.Element;