@kywi-software/core 0.1.0

package/dist/admin/layout-editor/index.d.ts

@@ -0,0 +1,9 @@
+export { LayoutEditor } from './layout-editor.js';
+export type { EditorState, EditorAction } from './editor-state.js';
+export { ModeToggle } from './mode-toggle.js';
+export { PagePropertiesPanel } from './page-properties.js';
+export { buildConnectedModuleNode, detachModuleFromComponent, saveAsComponent, saveAsTemplate, cloneSection, cloneModule, copyToClipboard, pasteFromClipboard, type ComponentDefinitionInput, type SectionTemplateInput, type ClipboardPayload, } from './component-actions.js';
+export { OverlayShell } from './overlay-shell.js';
+export type { OverlayShellProps, SaveAction, ResponsivePreview } from './overlay-shell.js';
+export { TokenColorInput, TokenSpacingInput, TokenTypographyInput, TokenPropField } from './token-inputs.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/admin/layout-editor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/admin/layout-editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EACL,wBAAwB,EACxB,yBAAyB,EACzB,eAAe,EACf,cAAc,EACd,YAAY,EACZ,WAAW,EACX,eAAe,EACf,kBAAkB,EAClB,KAAK,wBAAwB,EAC7B,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,YAAY,EAAE,iBAAiB,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAC1F,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/admin/layout-editor/index.js

@@ -0,0 +1,7 @@
+export { LayoutEditor } from './layout-editor.js';
+export { ModeToggle } from './mode-toggle.js';
+export { PagePropertiesPanel } from './page-properties.js';
+export { buildConnectedModuleNode, detachModuleFromComponent, saveAsComponent, saveAsTemplate, cloneSection, cloneModule, copyToClipboard, pasteFromClipboard, } from './component-actions.js';
+export { OverlayShell } from './overlay-shell.js';
+export { TokenColorInput, TokenSpacingInput, TokenTypographyInput, TokenPropField } from './token-inputs.js';
+//# sourceMappingURL=index.js.map

package/dist/admin/layout-editor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/admin/layout-editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EACL,wBAAwB,EACxB,yBAAyB,EACzB,eAAe,EACf,cAAc,EACd,YAAY,EACZ,WAAW,EACX,eAAe,EACf,kBAAkB,GAInB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjD,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/admin/layout-editor/layout-editor.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import type { LayoutDocument } from '../../layout/types.js';
+import type { ModuleRegistry } from '../../layout/registry.js';
+import './editor.css';
+interface LayoutEditorProps {
+    initialLayout: LayoutDocument;
+    contentId: string;
+    contentType: string;
+    moduleRegistry: ModuleRegistry;
+    moduleComponents: Record<string, React.ComponentType<{
+        props: Record<string, unknown>;
+        style?: Record<string, string>;
+    }>>;
+    onSave?: (layout: LayoutDocument) => void;
+    onCancel?: () => void;
+    /** Audience catalogue for the toolbar's Add-Page-Variant picker and the
+     *  variantContainer arm picker in the props panel (F2a-J05-G1/G2). */
+    audiences?: Array<{
+        id: string;
+        name: string;
+    }>;
+    /**
+     * Fires on every layout mutation with the up-to-date document. Wiring this
+     * keeps the host form's value in lock-step with the editor so layout edits
+     * are never stranded behind the editor's own Save button (the two-step-save
+     * data-loss footgun — G-J04-03).
+     */
+    onChange?: (layout: LayoutDocument) => void;
+    /** Current user's role — gates admin-only modules in the palette. */
+    userRole?: string;
+}
+export declare function LayoutEditor({ initialLayout, moduleRegistry, moduleComponents, onSave, onCancel, audiences, onChange, userRole, }: LayoutEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=layout-editor.d.ts.map

package/dist/admin/layout-editor/layout-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-editor.d.ts","sourceRoot":"","sources":["../../../src/admin/layout-editor/layout-editor.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+D,MAAM,OAAO,CAAA;AAUnF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAQ9D,OAAO,cAAc,CAAA;AAIrB,UAAU,iBAAiB;IACzB,aAAa,EAAE,cAAc,CAAA;IAC7B,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,cAAc,CAAA;IAC9B,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAAC,CAAC,CAAA;IACzH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAA;IACzC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB;0EACsE;IACtE,SAAS,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAC/C;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAA;IAC3C,qEAAqE;IACrE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AA2BD,wBAAgB,YAAY,CAAC,EAC3B,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,MAAM,EACN,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,GACT,EAAE,iBAAiB,2CA8JnB"}

package/dist/admin/layout-editor/layout-editor.js

@@ -0,0 +1,129 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useReducer, useState, useCallback, useEffect, useRef } from 'react';
+import { DndContext, PointerSensor, KeyboardSensor, useSensors, useSensor, closestCenter, } from '@dnd-kit/core';
+import { isLayoutSection } from '../../layout/types.js';
+import { editorReducer, createInitialState } from './editor-state.js';
+import { EditorToolbar } from './editor-toolbar.js';
+import { ModulePalette } from './module-palette.js';
+import { EditorCanvas } from './editor-canvas.js';
+import { PropsPanel } from './props-panel.js';
+import { SectionTemplatePicker } from './section-template-picker.js';
+import './editor.css';
+// ── Helpers ───────────────────────────────────────────────────────────────────
+/**
+ * Walk regions > sections > columns > nodes to find a module by ID.
+ * Returns the ModuleNode or null.
+ */
+function findModuleById(layout, moduleId) {
+    for (const sections of Object.values(layout.regions)) {
+        for (const section of sections) {
+            if (!isLayoutSection(section))
+                continue;
+            for (const column of section.columns) {
+                for (const node of column.nodes) {
+                    if (node.id === moduleId)
+                        return node;
+                }
+            }
+        }
+    }
+    return null;
+}
+// ── Component ─────────────────────────────────────────────────────────────────
+export function LayoutEditor({ initialLayout, moduleRegistry, moduleComponents, onSave, onCancel, audiences, onChange, userRole, }) {
+    const [state, dispatch] = useReducer(editorReducer, initialLayout, createInitialState);
+    const [showTemplatePicker, setShowTemplatePicker] = useState(false);
+    const [templateRegion, setTemplateRegion] = useState(null);
+    // Keep the latest onChange in a ref so the sync effect below doesn't need it
+    // as a dependency. Callers routinely pass an inline arrow (a fresh identity
+    // every render — see content-form.tsx's Layout tab), and depending on it
+    // directly would re-fire the effect on every parent render, not just on
+    // layout mutations, which is the infinite dev-mode "Maximum update depth
+    // exceeded" loop this was rewritten to fix.
+    const onChangeRef = useRef(onChange);
+    useEffect(() => {
+        onChangeRef.current = onChange;
+    });
+    // Keep the host form in sync with every layout mutation. Skips the very
+    // first (mount) render so we don't spuriously mark a pristine form dirty;
+    // the initialLayout the parent already holds is authoritative until an
+    // edit lands. Compared against the initial state.layout reference (set
+    // once by useReducer's lazy init, stable across StrictMode's mount ->
+    // unmount -> remount double-invoke) rather than a boolean ref, since a
+    // boolean would already read `true` on the post-StrictMode-remount render
+    // and let the pristine layout spuriously fire onChange.
+    const initialLayoutRef = useRef(state.layout);
+    useEffect(() => {
+        if (state.layout === initialLayoutRef.current)
+            return;
+        onChangeRef.current?.(state.layout);
+    }, [state.layout]);
+    const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor));
+    const handleDragEnd = useCallback((event) => {
+        const { active, over } = event;
+        if (!over)
+            return;
+        const source = active.data.current?.source;
+        if (source === 'palette') {
+            const moduleType = active.data.current?.moduleType;
+            const columnId = over.data.current?.columnId;
+            const index = over.data.current?.index ?? 0;
+            if (moduleType && columnId) {
+                dispatch({ type: 'ADD_MODULE', columnId, index, moduleType });
+            }
+        }
+        else if (source === 'canvas') {
+            const fromColumnId = active.data.current?.columnId;
+            const fromIndex = active.data.current?.index;
+            const toColumnId = over.data.current?.columnId;
+            const toIndex = over.data.current?.index ?? 0;
+            if (fromColumnId && toColumnId) {
+                dispatch({
+                    type: 'MOVE_MODULE',
+                    fromColumnId,
+                    fromIndex,
+                    toColumnId,
+                    toIndex,
+                });
+            }
+        }
+    }, []);
+    const handleSave = useCallback(() => {
+        onSave?.(state.layout);
+    }, [onSave, state.layout]);
+    const handleCancel = useCallback(() => {
+        onCancel?.();
+    }, [onCancel]);
+    const handleInsertSection = useCallback((regionName) => {
+        setTemplateRegion(regionName);
+        setShowTemplatePicker(true);
+    }, []);
+    const handleTemplateSelect = useCallback((columns) => {
+        if (templateRegion) {
+            dispatch({ type: 'ADD_SECTION', regionName: templateRegion, columns });
+        }
+        setShowTemplatePicker(false);
+        setTemplateRegion(null);
+    }, [templateRegion]);
+    const selectedModule = state.selectedId
+        ? findModuleById(state.layout, state.selectedId)
+        : null;
+    const selectedConfig = selectedModule
+        ? moduleRegistry.get(selectedModule.type)
+        : null;
+    return (_jsxs(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd, children: [_jsxs("div", { className: "kywi-editor-root", children: [_jsx(EditorToolbar, { state: state, dispatch: dispatch, ...(audiences ? { audiences } : {}), onSave: handleSave, onCancel: handleCancel, onAddSection: () => {
+                            setTemplateRegion(Object.keys(state.layout.regions)[0] ?? 'main');
+                            setShowTemplatePicker(true);
+                        } }), _jsxs("div", { className: "kywi-editor-body", children: [_jsx(ModulePalette, { modules: moduleRegistry.list(), ...(userRole ? { userRole } : {}) }), _jsx("div", { className: "kywi-editor-canvas", children: _jsx(EditorCanvas, { state: state, dispatch: dispatch, moduleComponents: moduleComponents, onInsertSection: handleInsertSection }) }), _jsx(PropsPanel, { module: selectedModule, moduleConfig: selectedConfig, ...(audiences ? { audiences } : {}), onUpdateProps: (props) => dispatch({ type: 'UPDATE_PROPS', moduleId: state.selectedId, props }), onUpdateStyle: (style) => dispatch({ type: 'UPDATE_STYLE', moduleId: state.selectedId, style }), onDelete: () => dispatch({ type: 'REMOVE_MODULE', moduleId: state.selectedId }), onClose: () => dispatch({ type: 'DESELECT' }) })] })] }), showTemplatePicker && (_jsx(SectionTemplatePicker, { onSelect: (columns) => {
+                    if (templateRegion) {
+                        dispatch({ type: 'ADD_SECTION', regionName: templateRegion, columns });
+                    }
+                    setShowTemplatePicker(false);
+                    setTemplateRegion(null);
+                }, onClose: () => {
+                    setShowTemplatePicker(false);
+                    setTemplateRegion(null);
+                } }))] }));
+}
+//# sourceMappingURL=layout-editor.js.map

package/dist/admin/layout-editor/layout-editor.js.map

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

package/dist/admin/layout-editor/mode-toggle.d.ts

@@ -0,0 +1,7 @@
+interface ModeToggleProps {
+    mode: 'browse' | 'edit';
+    onToggle: (mode: 'browse' | 'edit') => void;
+}
+export declare function ModeToggle({ mode, onToggle }: ModeToggleProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=mode-toggle.d.ts.map

package/dist/admin/layout-editor/mode-toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mode-toggle.d.ts","sourceRoot":"","sources":["../../../src/admin/layout-editor/mode-toggle.tsx"],"names":[],"mappings":"AAGA,UAAU,eAAe;IACvB,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAA;IACvB,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,KAAK,IAAI,CAAA;CAC5C;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,eAAe,2CAa7D"}

package/dist/admin/layout-editor/mode-toggle.js

@@ -0,0 +1,6 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function ModeToggle({ mode, onToggle }) {
+    return (_jsxs("div", { className: "kywi-editor-mode-toggle", children: [_jsx("button", { className: `kywi-editor-mode-btn ${mode === 'browse' ? 'kywi-editor-mode-btn--active' : ''}`, onClick: () => onToggle('browse'), children: "Browse" }), _jsx("button", { className: `kywi-editor-mode-btn ${mode === 'edit' ? 'kywi-editor-mode-btn--active' : ''}`, onClick: () => onToggle('edit'), children: "Edit" })] }));
+}
+//# sourceMappingURL=mode-toggle.js.map

package/dist/admin/layout-editor/mode-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mode-toggle.js","sourceRoot":"","sources":["../../../src/admin/layout-editor/mode-toggle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAQZ,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAmB;IAC5D,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,aACtC,iBACE,SAAS,EAAE,wBAAwB,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,EAAE,EAAE,EAC5F,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,uBACnB,EAChB,iBACE,SAAS,EAAE,wBAAwB,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,EAAE,EAAE,EAC1F,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,qBACnB,IACV,CACP,CAAA;AACH,CAAC"}

package/dist/admin/layout-editor/module-overlay.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { OverlayAction } from './section-overlay.js';
+interface ModuleOverlayProps {
+    moduleId: string;
+    instanceId: string;
+    isSelected: boolean;
+    onSelect: () => void;
+    actions?: OverlayAction[];
+    /** Human-readable module type shown in the corner chip on hover/selection. */
+    typeLabel?: string;
+    children: React.ReactNode;
+}
+export declare function ModuleOverlay({ moduleId, instanceId, isSelected, onSelect, actions, typeLabel, children, }: ModuleOverlayProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=module-overlay.d.ts.map

package/dist/admin/layout-editor/module-overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"module-overlay.d.ts","sourceRoot":"","sources":["../../../src/admin/layout-editor/module-overlay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAGzD,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,aAAa,EAAE,CAAA;IACzB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,UAAU,EACV,UAAU,EACV,QAAQ,EACR,OAAO,EACP,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,2CAkDpB"}

package/dist/admin/layout-editor/module-overlay.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useSortable } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+import { EditorIcon } from './editor-icons.js';
+export function ModuleOverlay({ moduleId, instanceId, isSelected, onSelect, actions, typeLabel, children, }) {
+    const { attributes, listeners, setNodeRef, transform, transition } = useSortable({
+        id: moduleId,
+        data: { source: 'canvas', moduleId, instanceId },
+    });
+    const style = {
+        transform: CSS.Transform.toString(transform),
+        transition,
+    };
+    return (_jsxs("div", { ref: setNodeRef, className: `kywi-editor-module${isSelected ? ' kywi-editor-module--selected' : ''}`, style: style, onClick: (e) => {
+            e.stopPropagation();
+            onSelect();
+        }, "data-module-id": moduleId, ...attributes, children: [typeLabel && _jsx("span", { className: "kywi-editor-module-type-chip", children: typeLabel }), _jsxs("div", { className: "kywi-editor-module-actions", children: [_jsx("button", { className: "kywi-editor-module-action-btn kywi-editor-module-drag-handle", "aria-label": "Drag to reorder", title: "Drag to reorder", ...listeners, children: _jsx(EditorIcon, { name: "grip", size: 14 }) }), actions?.map((action, i) => (_jsx("button", { className: "kywi-editor-module-action-btn", onClick: (e) => {
+                            e.stopPropagation();
+                            action.onClick();
+                        }, title: action.label, children: action.icon }, i)))] }), children] }));
+}
+//# sourceMappingURL=module-overlay.js.map

package/dist/admin/layout-editor/module-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"module-overlay.js","sourceRoot":"","sources":["../../../src/admin/layout-editor/module-overlay.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAA;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAa9C,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,UAAU,EACV,UAAU,EACV,QAAQ,EACR,OAAO,EACP,SAAS,EACT,QAAQ,GACW;IACnB,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,WAAW,CAAC;QAC/E,EAAE,EAAE,QAAQ;QACZ,IAAI,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE;KACjD,CAAC,CAAA;IAEF,MAAM,KAAK,GAAG;QACZ,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;QAC5C,UAAU;KACX,CAAA;IAED,OAAO,CACL,eACE,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,qBAAqB,UAAU,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,EAAE,EAAE,EACnF,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,CAAC,CAAC,eAAe,EAAE,CAAA;YACnB,QAAQ,EAAE,CAAA;QACZ,CAAC,oBACe,QAAQ,KACpB,UAAU,aAEb,SAAS,IAAI,eAAM,SAAS,EAAC,8BAA8B,YAAE,SAAS,GAAQ,EAC/E,eAAK,SAAS,EAAC,4BAA4B,aACzC,iBACE,SAAS,EAAC,8DAA8D,gBAC7D,iBAAiB,EAC5B,KAAK,EAAC,iBAAiB,KACnB,SAAS,YAEb,KAAC,UAAU,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,EAAE,GAAI,GAC7B,EACR,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAC3B,iBAEE,SAAS,EAAC,+BAA+B,EACzC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4BACb,CAAC,CAAC,eAAe,EAAE,CAAA;4BACnB,MAAM,CAAC,OAAO,EAAE,CAAA;wBAClB,CAAC,EACD,KAAK,EAAE,MAAM,CAAC,KAAK,YAElB,MAAM,CAAC,IAAI,IARP,CAAC,CASC,CACV,CAAC,IACE,EACL,QAAQ,IACL,CACP,CAAA;AACH,CAAC"}

package/dist/admin/layout-editor/module-palette.d.ts

@@ -0,0 +1,27 @@
+export interface ModulePaletteProps {
+    modules: Array<{
+        name: string;
+        label: string;
+        isBuiltIn: boolean;
+        category?: string;
+    }>;
+    /** Optional pre-grouped categories from the registry. When provided, used for category ordering. */
+    categoryOrder?: string[];
+    /**
+     * The current user's role (e.g. 'editor', 'siteAdmin'). Admin-only modules
+     * (see {@link ADMIN_ONLY_MODULES}) are hidden from the palette unless the role
+     * meets the site-admin threshold. Absent/unknown roles are treated as
+     * non-admin.
+     */
+    userRole?: string;
+}
+/**
+ * Modules that expose privileged capabilities (raw HTML injection) and must be
+ * withheld from regular editors — present only for siteAdmin and above.
+ *
+ * Re-exported from the shared {@link ADMIN_ONLY_MODULE_TYPES} constant so the
+ * palette gate and the server-side layout-save gate use one source of truth.
+ */
+export declare const ADMIN_ONLY_MODULES: ReadonlySet<string>;
+export declare function ModulePalette({ modules, userRole }: ModulePaletteProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=module-palette.d.ts.map

package/dist/admin/layout-editor/module-palette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"module-palette.d.ts","sourceRoot":"","sources":["../../../src/admin/layout-editor/module-palette.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACtF,oGAAoG;IACpG,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAOD;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,qBAA0B,CAAA;AA4BzD,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CA2CtE"}

package/dist/admin/layout-editor/module-palette.js

@@ -0,0 +1,48 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useDraggable } from '@dnd-kit/core';
+import { hasMinRole } from '../../auth/roles.js';
+import { ADMIN_ONLY_MODULE_TYPES } from '../../layout/module-permissions.js';
+import { EditorIcon, moduleIconName } from './editor-icons.js';
+// `section` is authored via the toolbar's "+ Section" control, not the palette.
+// variantContainer + personalizationBadge ARE draggable (F2a-J05-G1): they render
+// as client-swappable modules and configure via the props panel.
+const EXCLUDED_MODULES = new Set(['section']);
+/**
+ * Modules that expose privileged capabilities (raw HTML injection) and must be
+ * withheld from regular editors — present only for siteAdmin and above.
+ *
+ * Re-exported from the shared {@link ADMIN_ONLY_MODULE_TYPES} constant so the
+ * palette gate and the server-side layout-save gate use one source of truth.
+ */
+export const ADMIN_ONLY_MODULES = ADMIN_ONLY_MODULE_TYPES;
+function PaletteItem({ module }) {
+    const { attributes, listeners, setNodeRef, isDragging } = useDraggable({
+        id: `palette-${module.name}`,
+        data: { source: 'palette', moduleType: module.name },
+    });
+    return (_jsxs("div", { ref: setNodeRef, className: "kywi-editor-palette-item", style: { opacity: isDragging ? 0.4 : 1 }, title: `Drag "${module.label}" onto the canvas`, ...listeners, ...attributes, children: [_jsx("span", { className: "kywi-editor-palette-item-icon", children: _jsx(EditorIcon, { name: moduleIconName(module.name), size: 16 }) }), _jsx("span", { className: "kywi-editor-palette-item-label", children: module.label }), _jsx("span", { className: "kywi-editor-palette-item-grip", children: _jsx(EditorIcon, { name: "grip", size: 14 }) })] }));
+}
+export function ModulePalette({ modules, userRole }) {
+    const [search, setSearch] = useState('');
+    const isAdmin = hasMinRole(userRole ?? '', 'siteAdmin');
+    const filtered = modules.filter((mod) => {
+        if (EXCLUDED_MODULES.has(mod.name))
+            return false;
+        if (ADMIN_ONLY_MODULES.has(mod.name) && !isAdmin)
+            return false;
+        if (search.trim() === '')
+            return true;
+        return mod.label.toLowerCase().includes(search.toLowerCase());
+    });
+    const grouped = new Map();
+    for (const mod of filtered) {
+        const cat = mod.category ?? 'Other';
+        const list = grouped.get(cat) ?? [];
+        list.push(mod);
+        grouped.set(cat, list);
+    }
+    return (_jsxs("div", { className: "kywi-editor-palette", children: [_jsx("div", { className: "kywi-editor-palette-heading", children: "MODULES" }), _jsx("div", { className: "kywi-editor-palette-search", children: _jsx("input", { type: "text", placeholder: "Search\u2026", value: search, onChange: (e) => setSearch(e.target.value) }) }), _jsx("div", { className: "kywi-editor-palette-list", children: Array.from(grouped.entries()).map(([category, mods]) => (_jsxs("div", { className: "kywi-editor-palette-group", children: [_jsx("div", { className: "kywi-editor-palette-category", children: category }), mods.map((mod) => (_jsx(PaletteItem, { module: mod }, mod.name)))] }, category))) })] }));
+}
+//# sourceMappingURL=module-palette.js.map

package/dist/admin/layout-editor/module-palette.js.map

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

package/dist/admin/layout-editor/overlay-shell.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { LayoutDocument } from '../../layout/types.js';
+import type { ModuleRegistry } from '../../layout/registry.js';
+import type { ThemeRegistry } from '../../layout/theme-registry.js';
+import type { KywiEditModeState } from '../../scope/edit-mode-hooks.js';
+import './editor.css';
+export type SaveAction = 'save' | 'publish' | 'schedule' | 'draft';
+export type ResponsivePreview = 'desktop' | 'tablet' | 'mobile';
+export interface OverlayShellProps {
+    editMode: KywiEditModeState;
+    initialLayout: LayoutDocument;
+    contentId: string;
+    contentType: string;
+    pageTitle: string;
+    themeName: string;
+    themeRegistry: ThemeRegistry;
+    moduleRegistry: ModuleRegistry;
+    moduleComponents: Record<string, React.ComponentType<{
+        props: Record<string, unknown>;
+        style?: Record<string, string>;
+    }>>;
+    onSave: (layout: LayoutDocument, action: SaveAction) => void;
+    onPublish: (layout: LayoutDocument, action: SaveAction) => void;
+    onSchedule?: (layout: LayoutDocument, scheduledAt: string) => void;
+    /** Current user's role — gates admin-only modules in the palette. */
+    userRole?: string;
+}
+export declare function OverlayShell({ editMode, initialLayout, contentId, contentType, pageTitle, themeName, themeRegistry, moduleRegistry, moduleComponents, onSave, onPublish, onSchedule, userRole, }: OverlayShellProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=overlay-shell.d.ts.map

package/dist/admin/layout-editor/overlay-shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay-shell.d.ts","sourceRoot":"","sources":["../../../src/admin/layout-editor/overlay-shell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuD,MAAM,OAAO,CAAA;AAU3E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AACnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAOvE,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAA;AAClE,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAE/D,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,aAAa,EAAE,cAAc,CAAA;IAC7B,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,aAAa,CAAA;IAC5B,cAAc,EAAE,cAAc,CAAA;IAC9B,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAAC,CAAC,CAAA;IACzH,MAAM,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;IAC5D,SAAS,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;IAC/D,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;IAClE,qEAAqE;IACrE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAoBD,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,aAAa,EACb,SAAS,EACT,WAAW,EACX,SAAS,EACT,SAAS,EACT,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,MAAM,EACN,SAAS,EACT,UAAU,EACV,QAAQ,GACT,EAAE,iBAAiB,kDAkQnB"}

package/dist/admin/layout-editor/overlay-shell.js

@@ -0,0 +1,118 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useReducer, useState, useCallback, useEffect } from 'react';
+import { DndContext, PointerSensor, KeyboardSensor, useSensors, useSensor, closestCenter, } from '@dnd-kit/core';
+import { isLayoutSection } from '../../layout/types.js';
+import { editorReducer, createInitialState } from './editor-state.js';
+import { EditorCanvas } from './editor-canvas.js';
+import { ModulePalette } from './module-palette.js';
+import { PropsPanel } from './props-panel.js';
+import { SectionTemplatePicker } from './section-template-picker.js';
+import { EditorIcon } from './editor-icons.js';
+import './editor.css';
+// ── Helpers ──────────────────────────────────────────────────────────────────
+function findModuleById(layout, moduleId) {
+    for (const sections of Object.values(layout.regions)) {
+        for (const section of sections) {
+            if (!isLayoutSection(section))
+                continue;
+            for (const column of section.columns) {
+                for (const node of column.nodes) {
+                    if (node.id === moduleId)
+                        return node;
+                }
+            }
+        }
+    }
+    return null;
+}
+// ── Component ────────────────────────────────────────────────────────────────
+export function OverlayShell({ editMode, initialLayout, contentId, contentType, pageTitle, themeName, themeRegistry, moduleRegistry, moduleComponents, onSave, onPublish, onSchedule, userRole, }) {
+    const [state, dispatch] = useReducer(editorReducer, initialLayout, createInitialState);
+    const [showTemplatePicker, setShowTemplatePicker] = useState(false);
+    const [templateRegion, setTemplateRegion] = useState(null);
+    const [previewMode, setPreviewMode] = useState('desktop');
+    const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor));
+    // ── Unsaved changes prompt ─────────────────────────────────────────────────
+    useEffect(() => {
+        function handleBeforeUnload(e) {
+            if (state.isDirty) {
+                e.preventDefault();
+            }
+        }
+        window.addEventListener('beforeunload', handleBeforeUnload);
+        return () => window.removeEventListener('beforeunload', handleBeforeUnload);
+    }, [state.isDirty]);
+    // ── Handlers ───────────────────────────────────────────────────────────────
+    const handleDragEnd = useCallback((event) => {
+        const { active, over } = event;
+        if (!over)
+            return;
+        const source = active.data.current?.source;
+        if (source === 'palette') {
+            const moduleType = active.data.current?.moduleType;
+            const columnId = over.data.current?.columnId;
+            const index = over.data.current?.index ?? 0;
+            if (moduleType && columnId) {
+                dispatch({ type: 'ADD_MODULE', columnId, index, moduleType });
+            }
+        }
+        else if (source === 'canvas') {
+            const fromColumnId = active.data.current?.columnId;
+            const fromIndex = active.data.current?.index;
+            const toColumnId = over.data.current?.columnId;
+            const toIndex = over.data.current?.index ?? 0;
+            if (fromColumnId && toColumnId) {
+                dispatch({
+                    type: 'MOVE_MODULE',
+                    fromColumnId,
+                    fromIndex,
+                    toColumnId,
+                    toIndex,
+                });
+            }
+        }
+    }, []);
+    const handleSave = useCallback(() => {
+        onSave(state.layout, 'save');
+    }, [onSave, state.layout]);
+    const handlePublish = useCallback(() => {
+        onPublish(state.layout, 'publish');
+    }, [onPublish, state.layout]);
+    const handleSchedule = useCallback(() => {
+        onSchedule?.(state.layout, new Date().toISOString());
+    }, [onSchedule, state.layout]);
+    const handleDraft = useCallback(() => {
+        onSave(state.layout, 'draft');
+    }, [onSave, state.layout]);
+    const handleInsertSection = useCallback((regionName) => {
+        setTemplateRegion(regionName);
+        setShowTemplatePicker(true);
+    }, []);
+    // ── Permission gate ────────────────────────────────────────────────────────
+    if (!editMode.isEditMode || !editMode.canEdit) {
+        return null;
+    }
+    // ── Selected module resolution ─────────────────────────────────────────────
+    const selectedModule = state.selectedId
+        ? findModuleById(state.layout, state.selectedId)
+        : null;
+    const selectedConfig = selectedModule
+        ? moduleRegistry.get(selectedModule.type)
+        : null;
+    // ── Responsive preview width ───────────────────────────────────────────────
+    const previewWidth = previewMode === 'tablet' ? '768px' :
+        previewMode === 'mobile' ? '375px' :
+            '100%';
+    return (_jsx(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd, children: _jsxs("div", { className: "kywi-overlay-shell", "data-content-id": contentId, "data-content-type": contentType, children: [_jsxs("div", { className: "kywi-overlay-toolbar", children: [_jsxs("span", { className: "kywi-editor-mode-badge", children: [_jsx(EditorIcon, { name: "edit", size: 13 }), "EDIT MODE"] }), _jsx("span", { className: "kywi-overlay-page-title", children: pageTitle }), _jsx("span", { className: "kywi-editor-toolbar-divider" }), _jsx("button", { type: "button", className: "kywi-editor-iconbtn", onClick: () => dispatch({ type: 'UNDO' }), disabled: state.historyIndex <= 0, "aria-label": "Undo", title: "Undo", children: _jsx(EditorIcon, { name: "undo", size: 16 }) }), _jsx("button", { type: "button", className: "kywi-editor-iconbtn", onClick: () => dispatch({ type: 'REDO' }), disabled: state.historyIndex >= state.history.length - 1, "aria-label": "Redo", title: "Redo", children: _jsx(EditorIcon, { name: "redo", size: 16 }) }), _jsx("span", { className: "kywi-editor-toolbar-divider" }), _jsx("div", { className: "kywi-overlay-preview-toggle", children: ['desktop', 'tablet', 'mobile'].map((mode) => (_jsx("button", { type: "button", className: `kywi-overlay-preview-btn${previewMode === mode ? ' kywi-overlay-preview-btn--active' : ''}`, onClick: () => setPreviewMode(mode), "aria-label": `Preview ${mode}`, children: mode.charAt(0).toUpperCase() + mode.slice(1) }, mode))) }), _jsx("div", { className: "kywi-overlay-toolbar-spacer" }), _jsxs("button", { type: "button", className: "kywi-overlay-toolbar-btn", "data-action": "draft", onClick: handleDraft, children: [_jsx(EditorIcon, { name: "draft", size: 15 }), "Save Draft"] }), _jsxs("button", { type: "button", className: "kywi-overlay-toolbar-btn kywi-overlay-toolbar-save", "data-action": "save", onClick: handleSave, disabled: !state.isDirty, children: [_jsx(EditorIcon, { name: "save", size: 15 }), "Save"] }), editMode.canPublish && (_jsxs(_Fragment, { children: [_jsxs("button", { type: "button", className: "kywi-overlay-toolbar-btn", "data-action": "schedule", onClick: handleSchedule, children: [_jsx(EditorIcon, { name: "schedule", size: 15 }), "Schedule"] }), _jsxs("button", { type: "button", className: "kywi-overlay-toolbar-btn kywi-overlay-toolbar-publish", "data-action": "publish", onClick: handlePublish, children: [_jsx(EditorIcon, { name: "publish", size: 15 }), "Publish"] })] }))] }), _jsxs("div", { className: "kywi-overlay-body", children: [_jsx("div", { className: "kywi-overlay-left-panel", children: _jsx(ModulePalette, { modules: moduleRegistry.list(), ...(userRole ? { userRole } : {}) }) }), _jsx("div", { className: "kywi-overlay-canvas", style: { maxWidth: previewWidth }, children: _jsx(EditorCanvas, { state: state, dispatch: dispatch, moduleComponents: moduleComponents, onInsertSection: handleInsertSection }) }), _jsx("div", { className: "kywi-overlay-right-panel", children: _jsx(PropsPanel, { module: selectedModule, moduleConfig: selectedConfig, onUpdateProps: (props) => dispatch({ type: 'UPDATE_PROPS', moduleId: state.selectedId, props }), onUpdateStyle: (style) => dispatch({ type: 'UPDATE_STYLE', moduleId: state.selectedId, style }), onDelete: () => dispatch({ type: 'REMOVE_MODULE', moduleId: state.selectedId }), onClose: () => dispatch({ type: 'DESELECT' }) }) })] }), showTemplatePicker && (_jsx(SectionTemplatePicker, { onSelect: (columns) => {
+                        if (templateRegion) {
+                            dispatch({ type: 'ADD_SECTION', regionName: templateRegion, columns });
+                        }
+                        setShowTemplatePicker(false);
+                        setTemplateRegion(null);
+                    }, onClose: () => {
+                        setShowTemplatePicker(false);
+                        setTemplateRegion(null);
+                    } }))] }) }));
+}
+//# sourceMappingURL=overlay-shell.js.map

package/dist/admin/layout-editor/overlay-shell.js.map

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

package/dist/admin/layout-editor/page-properties.d.ts

@@ -0,0 +1,9 @@
+interface PagePropertiesProps {
+    cascadeRule: string;
+    onCascadeRuleChange: (rule: string) => void;
+    pageTitle: string;
+    regions: string[];
+}
+export declare function PagePropertiesPanel({ cascadeRule, onCascadeRuleChange, pageTitle, regions }: PagePropertiesProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=page-properties.d.ts.map

package/dist/admin/layout-editor/page-properties.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-properties.d.ts","sourceRoot":"","sources":["../../../src/admin/layout-editor/page-properties.tsx"],"names":[],"mappings":"AAGA,UAAU,mBAAmB;IAC3B,WAAW,EAAE,MAAM,CAAA;IACnB,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,WAAW,EAAE,mBAAmB,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,mBAAmB,2CAwBhH"}

package/dist/admin/layout-editor/page-properties.js

@@ -0,0 +1,6 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function PagePropertiesPanel({ cascadeRule, onCascadeRuleChange, pageTitle, regions }) {
+    return (_jsxs("div", { className: "kywi-editor-page-properties", children: [_jsx("h3", { className: "kywi-editor-page-properties-title", children: "Page Properties" }), _jsxs("div", { className: "kywi-editor-prop-group", children: [_jsx("label", { className: "kywi-editor-prop-label", children: "Page" }), _jsx("div", { className: "kywi-editor-prop-value", children: pageTitle })] }), _jsxs("div", { className: "kywi-editor-prop-group", children: [_jsx("label", { className: "kywi-editor-prop-label", children: "Cascade Rule" }), _jsxs("select", { className: "kywi-editor-prop-input", value: cascadeRule, onChange: e => onCascadeRuleChange(e.target.value), children: [_jsx("option", { value: "inherit", children: "Inherit" }), _jsx("option", { value: "startNewCascade", children: "Start New Cascade" }), _jsx("option", { value: "doNotInherit", children: "Do Not Inherit" })] })] }), _jsxs("div", { className: "kywi-editor-prop-group", children: [_jsx("label", { className: "kywi-editor-prop-label", children: "Regions" }), _jsx("ul", { className: "kywi-editor-region-list", children: regions.map(r => _jsx("li", { children: r }, r)) })] })] }));
+}
+//# sourceMappingURL=page-properties.js.map

package/dist/admin/layout-editor/page-properties.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-properties.js","sourceRoot":"","sources":["../../../src/admin/layout-editor/page-properties.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAUZ,MAAM,UAAU,mBAAmB,CAAC,EAAE,WAAW,EAAE,mBAAmB,EAAE,SAAS,EAAE,OAAO,EAAuB;IAC/G,OAAO,CACL,eAAK,SAAS,EAAC,6BAA6B,aAC1C,aAAI,SAAS,EAAC,mCAAmC,gCAAqB,EACtE,eAAK,SAAS,EAAC,wBAAwB,aACrC,gBAAO,SAAS,EAAC,wBAAwB,qBAAa,EACtD,cAAK,SAAS,EAAC,wBAAwB,YAAE,SAAS,GAAO,IACrD,EACN,eAAK,SAAS,EAAC,wBAAwB,aACrC,gBAAO,SAAS,EAAC,wBAAwB,6BAAqB,EAC9D,kBAAQ,SAAS,EAAC,wBAAwB,EAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,aAC/G,iBAAQ,KAAK,EAAC,SAAS,wBAAiB,EACxC,iBAAQ,KAAK,EAAC,iBAAiB,kCAA2B,EAC1D,iBAAQ,KAAK,EAAC,cAAc,+BAAwB,IAC7C,IACL,EACN,eAAK,SAAS,EAAC,wBAAwB,aACrC,gBAAO,SAAS,EAAC,wBAAwB,wBAAgB,EACzD,aAAI,SAAS,EAAC,yBAAyB,YACpC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,uBAAa,CAAC,IAAL,CAAC,CAAU,CAAC,GACpC,IACD,IACF,CACP,CAAA;AACH,CAAC"}

package/dist/admin/layout-editor/prop-field.d.ts

@@ -0,0 +1,10 @@
+import type { ModulePropDefinition } from '../../config/types.js';
+interface PropFieldProps {
+    name: string;
+    definition: ModulePropDefinition;
+    value: unknown;
+    onChange: (value: unknown) => void;
+}
+export declare function PropField({ name, definition, value, onChange }: PropFieldProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=prop-field.d.ts.map

package/dist/admin/layout-editor/prop-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prop-field.d.ts","sourceRoot":"","sources":["../../../src/admin/layout-editor/prop-field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AAGjE,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,oBAAoB,CAAA;IAChC,KAAK,EAAE,OAAO,CAAA;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;CACnC;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,cAAc,2CAqJ9E"}