@batterai/editor-shell 0.1.0

package/dist/components/EditableDate.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { formatRelativeDate } from "../formatDate.js";
+/**
+ * Same philosophy as EditableText, for the date type: the value renders as
+ * plain text with no chrome. With direct editing on, clicking it opens the
+ * native calendar picker only — the text is never swapped for a segmented,
+ * keyboard-editable date field. A transparent <input type="date"> is overlaid
+ * purely to host showPicker() and receive the chosen date; the visible text
+ * stays a plain <time>. Dates are not per-locale content, so editing is limited
+ * to the base locale; commits flow through the same runtime channel as text.
+ */
+export function EditableDate({ runtime, blockId, field, value, as, className }) {
+    const Tag = as ?? "time";
+    const inputRef = useRef(null);
+    const canEdit = runtime.editMode && runtime.isBaseLocale;
+    if (!canEdit) {
+        return (_jsx(Tag, { className: className, title: value, children: formatRelativeDate(value) }));
+    }
+    // Open the calendar on click. showPicker needs a user gesture and browser
+    // support (Safari < 16.4 lacks it); if unavailable the overlay simply does
+    // nothing rather than exposing the raw segmented editor.
+    const openPicker = (event) => {
+        event.stopPropagation();
+        const input = event.currentTarget;
+        if ("showPicker" in input) {
+            try {
+                input.showPicker();
+            }
+            catch {
+                /* no picker available; leave the text untouched */
+            }
+        }
+    };
+    return (_jsxs(Tag, { className: [className, "is-editable-date"].filter(Boolean).join(" "), title: value, children: [formatRelativeDate(value), _jsx("input", { ref: inputRef, className: "editable-date-input", type: "date", value: value, onClick: openPicker, onChange: (event) => {
+                    // Native date inputs only fire change with a complete, valid date.
+                    if (event.target.value)
+                        runtime.onEditText(blockId, field, event.target.value);
+                } })] }));
+}
+//# sourceMappingURL=EditableDate.js.map

package/dist/components/EditableDate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableDate.js","sourceRoot":"","sources":["../../src/components/EditableDate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAcnD;;;;;;;;GAQG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,EAAqB;IAC/F,MAAM,GAAG,GAAG,EAAE,IAAI,MAAM,CAAC;IACzB,MAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,IAAI,OAAO,CAAC,YAAY,CAAC;IAEzD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,CACL,KAAC,GAAG,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,YACpC,kBAAkB,CAAC,KAAK,CAAC,GACtB,CACP,CAAC;IACJ,CAAC;IAED,0EAA0E;IAC1E,2EAA2E;IAC3E,yDAAyD;IACzD,MAAM,UAAU,GAAG,CAAC,KAAyC,EAAE,EAAE;QAC/D,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,MAAM,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC;QAClC,IAAI,YAAY,IAAI,KAAK,EAAE,CAAC;YAC1B,IAAI,CAAC;gBACH,KAAK,CAAC,UAAU,EAAE,CAAC;YACrB,CAAC;YAAC,MAAM,CAAC;gBACP,mDAAmD;YACrD,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,GAAG,IACF,SAAS,EAAE,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EACpE,KAAK,EAAE,KAAK,aAEX,kBAAkB,CAAC,KAAK,CAAC,EAC1B,gBACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,qBAAqB,EAC/B,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,mEAAmE;oBACnE,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK;wBAAE,OAAO,CAAC,UAAU,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBACjF,CAAC,GACD,IACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/EditableText.d.ts

@@ -0,0 +1,23 @@
+import type { ElementType } from "react";
+import type { EditorRuntime } from "../translation";
+type EditableTextProps = {
+    runtime: EditorRuntime;
+    blockId: string;
+    field: string;
+    value: unknown;
+    fallback?: string;
+    as?: ElementType;
+    className?: string;
+    /** Multi-line copy (paragraphs): Enter inserts a line break instead of
+     * committing the edit. */
+    multiline?: boolean;
+    /** Text with no base-locale field to write to (e.g. a shared CMS route
+     * label rendered by this block) — editable only once translating. */
+    translatableOnly?: boolean;
+    /** For transient UI states such as validation messages: persist edits as
+     * input happens, because the element may disappear before a normal blur. */
+    commitOnInput?: boolean;
+};
+export declare function EditableText({ runtime, blockId, field, value, fallback, as, className, multiline, translatableOnly, commitOnInput, }: EditableTextProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=EditableText.d.ts.map

package/dist/components/EditableText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableText.d.ts","sourceRoot":"","sources":["../../src/components/EditableText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAQpD,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,aAAa,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;8BAC0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;yEACqE;IACrE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;gFAC4E;IAC5E,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAMF,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAa,EACb,EAAE,EACF,SAAS,EACT,SAAiB,EACjB,gBAAwB,EACxB,aAAqB,GACtB,EAAE,iBAAiB,+BA+HnB"}

package/dist/components/EditableText.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { BindingInlineEditor } from "./editable-text/BindingInlineEditor.js";
+import { BindingPicker } from "./editable-text/BindingPicker.js";
+import { RichTextToolbar } from "./editable-text/RichTextToolbar.js";
+import { renderBindingHtml } from "./editable-text/bindingHtml.js";
+import { hasBindingChip, looksLikeHtml } from "./editable-text/richHtml.js";
+import { useEditableText } from "./editable-text/useEditableText.js";
+function asString(value, fallback = "") {
+    return typeof value === "string" ? value : fallback;
+}
+export function EditableText({ runtime, blockId, field, value, fallback = "", as, className, multiline = false, translatableOnly = false, commitOnInput = false, }) {
+    const Tag = as ?? "span";
+    const baseValue = asString(value, fallback);
+    const text = runtime.getText(blockId, field, baseValue);
+    const canEdit = runtime.editMode && !(translatableOnly && runtime.isBaseLocale);
+    const textMarkerProps = {
+        "data-editable-text-block-id": blockId,
+        "data-editable-text-field": field,
+    };
+    const { textRef, bindingEditorInputRef, richTools, bindingPicker, bindingEditor, commit, handleFocus, handleInput, handleClick, handleMouseDown, handleKeyDown, insertBinding, commitBindingEditor, cancelBindingEditor, changeBindingEditorValue, applyRichCommand, onLinkCommand, } = useEditableText({ runtime, blockId, field, text, canEdit, multiline, commitOnInput });
+    const hasContentItemContext = runtime.contentBindingMode && runtime.bindingEntriesFor(blockId).length > 0;
+    if (!canEdit) {
+        const textTargetClassName = [
+            className,
+            "is-editable-text-target",
+            hasContentItemContext ? "is-content-bound" : "",
+        ]
+            .filter(Boolean)
+            .join(" ");
+        if (looksLikeHtml(text) || hasBindingChip(text)) {
+            return (_jsx(Tag, { className: textTargetClassName, ...textMarkerProps, dangerouslySetInnerHTML: { __html: renderBindingHtml(text, runtime, blockId, "display") } }));
+        }
+        return (_jsx(Tag, { className: textTargetClassName, ...textMarkerProps, children: text }));
+    }
+    const untranslated = !runtime.isBaseLocale && !runtime.isOverridden(blockId, field);
+    const editableClassName = [
+        className,
+        "is-editable-text",
+        hasContentItemContext ? "is-content-bound" : "",
+        untranslated ? "is-untranslated" : "",
+    ]
+        .filter(Boolean)
+        .join(" ");
+    const floatingRoot = textRef.current?.closest("[data-battery-editor-root]") ?? null;
+    const bindingPickerNode = (_jsx(BindingPicker, { bindingPicker: bindingPicker, onInsert: insertBinding, portalRoot: floatingRoot }));
+    const bindingEditorNode = (_jsx(BindingInlineEditor, { bindingEditor: bindingEditor, inputRef: bindingEditorInputRef, onCommit: commitBindingEditor, onChangeValue: changeBindingEditorValue, onCancel: cancelBindingEditor, portalRoot: floatingRoot }));
+    const editable = (_jsx(Tag, { ref: textRef, className: editableClassName, ...textMarkerProps, contentEditable: true, suppressContentEditableWarning: true, onBlur: commit, onClickCapture: handleClick, onFocus: handleFocus, onInput: handleInput, onClick: handleClick, onKeyDown: handleKeyDown, onMouseDownCapture: handleMouseDown, onMouseDown: handleMouseDown }));
+    if (!multiline) {
+        return (_jsxs(_Fragment, { children: [editable, bindingPickerNode, bindingEditorNode] }));
+    }
+    return (_jsxs("span", { className: "rich-text-shell", children: [_jsx(RichTextToolbar, { richTools: richTools, portalRoot: floatingRoot, onBold: () => applyRichCommand("bold"), onItalic: () => applyRichCommand("italic"), onLink: onLinkCommand, onCommand: applyRichCommand, onRemoveFormat: () => applyRichCommand("removeFormat") }), editable, bindingPickerNode, bindingEditorNode] }));
+}
+//# sourceMappingURL=EditableText.js.map

package/dist/components/EditableText.js.map

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

package/dist/components/FieldControl.d.ts

@@ -0,0 +1,15 @@
+import type { EditorMediaHostServices } from "../host-services";
+import type { EditorShellContentModel } from "../contentModel";
+import type { BlockField, CmsContent, MediaAsset } from "../types";
+type FieldControlProps = {
+    collectionOptions?: Pick<EditorShellContentModel, "collectionLabel" | "editableCollections">;
+    content: CmsContent;
+    field: BlockField;
+    value: unknown;
+    mediaServices: EditorMediaHostServices<MediaAsset>;
+    onChange: (value: unknown) => void;
+    onUploadMediaAsset?: (asset: MediaAsset) => void;
+};
+export declare function FieldControl({ collectionOptions, content, field, mediaServices, value, onChange, onUploadMediaAsset, }: FieldControlProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=FieldControl.d.ts.map

package/dist/components/FieldControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldControl.d.ts","sourceRoot":"","sources":["../../src/components/FieldControl.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAI/D,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAInE,KAAK,iBAAiB,GAAG;IACvB,iBAAiB,CAAC,EAAE,IAAI,CAAC,uBAAuB,EAAE,iBAAiB,GAAG,qBAAqB,CAAC,CAAC;IAC7F,OAAO,EAAE,UAAU,CAAC;IACpB,KAAK,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,OAAO,CAAC;IACf,aAAa,EAAE,uBAAuB,CAAC,UAAU,CAAC,CAAC;IACnD,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,iBAAiB,EACjB,OAAO,EACP,KAAK,EACL,aAAa,EACb,KAAK,EACL,QAAQ,EACR,kBAAkB,GACnB,EAAE,iBAAiB,+BA6BnB"}

package/dist/components/FieldControl.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * FieldControl — now a thin delegate to field-core (plan §8 Phase 3). The old
+ * closed `if (field.type === …)` switch is RETIRED; rendering goes through the
+ * three-tier FieldTypeRegistry. Raw values in, raw values out (the bridge
+ * preserves draft-JSON shapes byte-for-byte).
+ */
+import { useMemo } from "react";
+import { blockFieldToField, createEditorShellFieldRegistry, EDITOR_LOCALE, registry, unwrapLiteral } from "../fields-bridge.js";
+const MAX_EDITOR_UPLOAD_BYTES = 2 * 1024 * 1024;
+export function FieldControl({ collectionOptions, content, field, mediaServices, value, onChange, onUploadMediaAsset, }) {
+    const explicitCollectionOptions = collectionOptions?.editableCollections.length
+        ? collectionOptions.editableCollections.map((value) => ({
+            value,
+            label: collectionOptions.collectionLabel(value),
+        }))
+        : undefined;
+    const genericField = blockFieldToField(field, content, explicitCollectionOptions);
+    const localRegistry = useMemo(() => field.type === "media"
+        ? createEditorShellFieldRegistry(createMediaHost(mediaServices, onUploadMediaAsset))
+        : registry, [field.type, mediaServices, onUploadMediaAsset]);
+    const Edit = localRegistry.resolveEdit(genericField);
+    const wrapped = { kind: "literal", value: value ?? null };
+    return (_jsx(Edit, { field: genericField, value: wrapped, locale: EDITOR_LOCALE, onChange: (next) => onChange(unwrapLiteral(next)) }));
+}
+function mediaToPickerAsset(asset) {
+    return {
+        id: asset.id,
+        title: asset.title,
+        alt: asset.alt,
+        thumbUrl: asset.url,
+    };
+}
+function createMediaHost(mediaServices, onUploadMediaAsset) {
+    return {
+        async list({ cursor, pageSize, selectedIds, allowedMimeTypes }) {
+            const page = await mediaServices.listMediaAssets({
+                cursor,
+                pageSize,
+                allowedMimeTypes,
+                selectedIds,
+            });
+            return {
+                items: page.items.map(mediaToPickerAsset),
+                nextCursor: page.nextCursor,
+            };
+        },
+        async upload({ field, file, alt }) {
+            if (!onUploadMediaAsset)
+                throw new Error("Media upload is not available here.");
+            const allowed = field.constraints?.media?.allowedMimeTypes;
+            if (allowed && file.type && !allowed.includes(file.type)) {
+                throw new Error(`File type ${file.type} is not allowed.`);
+            }
+            if (file.size > MAX_EDITOR_UPLOAD_BYTES) {
+                throw new Error("File is too large for upload.");
+            }
+            const { asset } = await mediaServices.uploadMediaAsset({ file, alt, allowedMimeTypes: allowed });
+            onUploadMediaAsset(asset);
+            return mediaToPickerAsset(asset);
+        },
+    };
+}
+//# sourceMappingURL=FieldControl.js.map

package/dist/components/FieldControl.js.map

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

package/dist/components/IconFieldEditor.d.ts

@@ -0,0 +1,9 @@
+import type { BlockField } from "../types";
+type IconFieldEditorProps = {
+    field: BlockField;
+    value: unknown;
+    onChange: (value: string) => void;
+};
+export declare function IconFieldEditor({ field, value, onChange }: IconFieldEditorProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=IconFieldEditor.d.ts.map

package/dist/components/IconFieldEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconFieldEditor.d.ts","sourceRoot":"","sources":["../../src/components/IconFieldEditor.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,oBAAoB,+BA0C/E"}

package/dist/components/IconFieldEditor.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Search } from "lucide-react";
+import { useMemo, useState } from "react";
+import { IconGlyph, iconLabel, iconOptions } from "../iconCatalog.js";
+export function IconFieldEditor({ field, value, onChange }) {
+    const [query, setQuery] = useState("");
+    const allowed = field.options?.map((option) => option.value);
+    const options = useMemo(() => {
+        const q = query.trim().toLowerCase();
+        return iconOptions(allowed).filter((option) => !q || option.label.toLowerCase().includes(q) || option.id.includes(q));
+    }, [allowed, query]);
+    const current = typeof value === "string" ? value : "";
+    return (_jsxs("div", { className: "icon-field-editor", "data-icon-picker-field": field.name, children: [_jsxs("div", { className: "icon-field-current", children: [_jsx(IconGlyph, { id: current, size: 18 }), _jsx("span", { children: iconLabel(current) })] }), _jsxs("label", { className: "icon-field-search", children: [_jsx(Search, { size: 14 }), _jsx("input", { type: "search", "aria-label": "Search icons", placeholder: "Search", value: query, onChange: (event) => setQuery(event.target.value) })] }), _jsx("div", { className: "icon-field-grid", role: "listbox", "aria-label": field.label, children: options.map((option) => (_jsxs("button", { type: "button", role: "option", "aria-selected": current === option.id, className: current === option.id ? "is-selected" : "", onClick: () => onChange(option.id), children: [_jsx(IconGlyph, { id: option.id, size: 18 }), _jsx("span", { children: option.label })] }, option.id))) })] }));
+}
+//# sourceMappingURL=IconFieldEditor.js.map

package/dist/components/IconFieldEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconFieldEditor.js","sourceRoot":"","sources":["../../src/components/IconFieldEditor.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AASnE,MAAM,UAAU,eAAe,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAwB;IAC9E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC7D,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,MAAM,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;QACrC,OAAO,WAAW,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IACxH,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IACrB,MAAM,OAAO,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAEvD,OAAO,CACL,eAAK,SAAS,EAAC,mBAAmB,4BAAyB,KAAK,CAAC,IAAI,aACnE,eAAK,SAAS,EAAC,oBAAoB,aACjC,KAAC,SAAS,IAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,GAAI,EACpC,yBAAO,SAAS,CAAC,OAAO,CAAC,GAAQ,IAC7B,EACN,iBAAO,SAAS,EAAC,mBAAmB,aAClC,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,GAAI,EACpB,gBACE,IAAI,EAAC,QAAQ,gBACF,cAAc,EACzB,WAAW,EAAC,QAAQ,EACpB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GACjD,IACI,EACR,cAAK,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,SAAS,gBAAa,KAAK,CAAC,KAAK,YACpE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,kBACE,IAAI,EAAC,QAAQ,EAEb,IAAI,EAAC,QAAQ,mBACE,OAAO,KAAK,MAAM,CAAC,EAAE,EACpC,SAAS,EAAE,OAAO,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EACrD,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,aAElC,KAAC,SAAS,IAAC,EAAE,EAAE,MAAM,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,GAAI,EACtC,yBAAO,MAAM,CAAC,KAAK,GAAQ,KAPtB,MAAM,CAAC,EAAE,CAQP,CACV,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/ImageFieldEditor.d.ts

@@ -0,0 +1,15 @@
+import type { BlockNode } from "@batterai/bind-core";
+import type { EditorMediaHostServices } from "../host-services";
+import type { BlockField, CmsContent, MediaAsset } from "../types";
+type ImageFieldEditorProps = {
+    block: BlockNode;
+    content: CmsContent;
+    field: BlockField;
+    mediaServices: EditorMediaHostServices<MediaAsset>;
+    onSave: (patch: Record<string, unknown>) => void;
+    onUploadMediaAsset: (asset: MediaAsset) => void;
+    value: unknown;
+};
+export declare function ImageFieldEditor({ block, content, field, mediaServices, onSave, onUploadMediaAsset, value, }: ImageFieldEditorProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ImageFieldEditor.d.ts.map

package/dist/components/ImageFieldEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageFieldEditor.d.ts","sourceRoot":"","sources":["../../src/components/ImageFieldEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAKnE,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,UAAU,CAAC;IACpB,KAAK,EAAE,UAAU,CAAC;IAClB,aAAa,EAAE,uBAAuB,CAAC,UAAU,CAAC,CAAC;IACnD,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACjD,kBAAkB,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAChD,KAAK,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,OAAO,EACP,KAAK,EACL,aAAa,EACb,MAAM,EACN,kBAAkB,EAClB,KAAK,GACN,EAAE,qBAAqB,+BAqEvB"}

package/dist/components/ImageFieldEditor.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { ImageIcon } from "lucide-react";
+import { ImageEditorDialog } from "./image-editor/ImageEditorDialog.js";
+import { maxCountForField, patchFromStage, primaryUsage, stageFromBlock } from "./image-editor/stage.js";
+export function ImageFieldEditor({ block, content, field, mediaServices, onSave, onUploadMediaAsset, value, }) {
+    const [open, setOpen] = useState(false);
+    const [stage, setStage] = useState(() => stageFromBlock(block, field.name, value));
+    const usage = primaryUsage(stage);
+    const selected = content.media.find((asset) => asset.id === usage.asset) ?? null;
+    const firstAssetId = stage.usages.find((candidate) => candidate.asset)?.asset;
+    const stored = content.media.find((asset) => asset.id === firstAssetId || asset.id === value) ?? null;
+    const storedValue = block.props[field.name];
+    const bound = Boolean(storedValue
+        && typeof storedValue === "object"
+        && "kind" in storedValue
+        && storedValue.kind === "binding");
+    const multi = maxCountForField(field) > 1;
+    const selectedCount = stage.usages.filter((candidate) => candidate.asset).length;
+    useEffect(() => {
+        if (!open)
+            setStage(stageFromBlock(block, field.name, value));
+    }, [block, field.name, open, value]);
+    return (_jsxs("div", { className: "image-field-editor", "data-image-editor-field": field.name, children: [_jsxs("div", { className: "image-field-editor__summary", children: [stored ? (_jsx("img", { src: stored.url, alt: stored.alt })) : (_jsx("span", { className: "image-field-editor__empty", children: _jsx(ImageIcon, { size: 18 }) })), _jsxs("div", { children: [_jsx("strong", { children: bound
+                                    ? "Bound image"
+                                    : multi && selectedCount > 1
+                                        ? `${selectedCount} images`
+                                        : (stored?.title ?? "No image selected") }), _jsx("small", { children: bound ? "Comes from a binding" : stored?.alt ?? "Choose media and edit usage text." })] })] }), _jsxs("button", { type: "button", onClick: () => setOpen(true), children: [_jsx(ImageIcon, { size: 14 }), "Edit image"] }), open ? (_jsx(ImageEditorDialog, { bound: bound, content: content, field: field, mediaServices: mediaServices, onCancel: () => {
+                    setStage(stageFromBlock(block, field.name, value));
+                    setOpen(false);
+                }, onSave: () => {
+                    const patch = patchFromStage(field.name, stage, block);
+                    onSave(patch);
+                    setOpen(false);
+                }, onStage: setStage, onUploadMediaAsset: onUploadMediaAsset, selected: selected, stage: stage })) : null] }));
+}
+//# sourceMappingURL=ImageFieldEditor.js.map

package/dist/components/ImageFieldEditor.js.map

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

package/dist/components/Inspector.d.ts

@@ -0,0 +1,55 @@
+import { type EditorClipboardPayload } from "../editorClipboard";
+import type { BlockNode } from "@batterai/bind-core";
+import type { EditorMediaHostServices } from "../host-services";
+import type { EditorShellContentModel } from "../contentModel";
+import type { EditorRuntime } from "../translation";
+import type { BlockDefinition, BlockDesignSettings, CmsContent, CollectionItem, MediaAsset, SharedBlock, ValidationIssue } from "../types";
+type InspectorProps = {
+    block: BlockNode | null;
+    /** The previewed CMS collection item when a collection-detail block is
+     * selected — its own properties are editable alongside the block's. */
+    collectionItem: CollectionItem | null;
+    detailCollection: string | null;
+    collectionLabel: string | null;
+    content: CmsContent;
+    contentModel: Pick<EditorShellContentModel, "collectionItems" | "collectionLabel" | "editableCollections">;
+    definition: BlockDefinition | null;
+    mediaServices: EditorMediaHostServices<MediaAsset>;
+    issues: ValidationIssue[];
+    runtime: EditorRuntime;
+    selectedCount: number;
+    clipboard: EditorClipboardPayload | null;
+    /** When the selected block is a shared.ref: the referenced shared block,
+     * its inner definition, and how many pages use it. */
+    sharedBlock: SharedBlock | null;
+    sharedBlockDefinition: BlockDefinition | null;
+    sharedBlockUsage: number;
+    /** Whether the selected block can be promoted into a shared/connected block
+     * (single, top-level, not already a shared.ref). */
+    canMakeShared: boolean;
+    onMakeShared: () => void;
+    /** Viewport-pinning: current value plus which directions are allowed (only
+     * the first block can pin to top, only the last to bottom). */
+    pinValue: "none" | "top" | "bottom";
+    pinCanTop: boolean;
+    pinCanBottom: boolean;
+    onSetPinned: (value: "none" | "top" | "bottom") => void;
+    onChange: (fieldName: string, value: unknown) => void;
+    onChangeProps: (patch: Record<string, unknown>) => void;
+    onChangeSharedBlock: (fieldName: string, value: unknown) => void;
+    onUploadMediaAsset: (asset: MediaAsset) => void;
+    onDetachSharedBlock: () => void;
+    onCopyDesign: () => void;
+    onCopySettings: () => void;
+    onDesignChange: (settings: BlockDesignSettings) => void;
+    onPasteClipboard: () => void;
+    onRequestSaveSelection: () => void;
+    onResetDesign: () => void;
+    designClipboard: BlockDesignSettings | null;
+    /** Close the inspector pane (it is closed by default; the block's corner
+     * gear reopens it). */
+    onClose: () => void;
+};
+export declare function Inspector({ block, clipboard, collectionItem, detailCollection, collectionLabel, content, contentModel, designClipboard, definition, mediaServices, issues, runtime, selectedCount, sharedBlock, sharedBlockDefinition, sharedBlockUsage, canMakeShared, onMakeShared, pinValue, pinCanTop, pinCanBottom, onSetPinned, onChange, onChangeProps, onChangeSharedBlock, onUploadMediaAsset, onDetachSharedBlock, onCopyDesign, onCopySettings, onDesignChange, onPasteClipboard, onRequestSaveSelection, onResetDesign, onClose, }: InspectorProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Inspector.d.ts.map

package/dist/components/Inspector.d.ts.map

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

package/dist/components/Inspector.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { ClipboardPaste, Copy, Link2, RotateCcw, Save, SlidersHorizontal, Unlink, X, } from "lucide-react";
+import { DesignSettingsPanel } from "./DesignSettingsPanel.js";
+import { FieldControl } from "./FieldControl.js";
+import { IconFieldEditor } from "./IconFieldEditor.js";
+import { ImageFieldEditor } from "./ImageFieldEditor.js";
+import { ContentBindingControl } from "./inspector/ContentBindingControl.js";
+import { PinControl } from "./inspector/PinControl.js";
+import { TRANSLATABLE_FIELD_TYPES } from "./inspector/constants.js";
+import { readProp } from "../model/bind-map.js";
+import { hasCustomDesign } from "../designSettings.js";
+import { isSettingsPasteCompatible } from "../editorClipboard.js";
+export function Inspector({ block, clipboard, collectionItem, detailCollection, collectionLabel, content, contentModel, designClipboard, definition, mediaServices, issues, runtime, selectedCount, sharedBlock, sharedBlockDefinition, sharedBlockUsage, canMakeShared, onMakeShared, pinValue, pinCanTop, pinCanBottom, onSetPinned, onChange, onChangeProps, onChangeSharedBlock, onUploadMediaAsset, onDetachSharedBlock, onCopyDesign, onCopySettings, onDesignChange, onPasteClipboard, onRequestSaveSelection, onResetDesign, onClose, }) {
+    const [activeTab, setActiveTab] = useState("settings");
+    const designDefinition = sharedBlockDefinition ?? definition;
+    const settingsFields = definition?.fields.filter((field) => !TRANSLATABLE_FIELD_TYPES.has(field.type)) ?? [];
+    const settingsPasteCompatible = isSettingsPasteCompatible(clipboard, block);
+    const designCustom = hasCustomDesign(block, designDefinition);
+    // Does the settings tab have real content? "Create shared block" is a block
+    // ACTION, not a setting (and is available on nearly every top-level block),
+    // so it deliberately does not count — a block with only that still shows
+    // just the design panel, per the request. When there are no settings, the
+    // single remaining panel is a plain title, not a tab.
+    const hasSettings = Boolean(settingsFields.length > 0 ||
+        collectionItem ||
+        sharedBlock ||
+        Boolean(block && block.blockType !== "shared.ref") ||
+        pinCanTop ||
+        pinCanBottom);
+    const effectiveTab = hasSettings ? activeTab : "design";
+    return (_jsxs("aside", { className: "inspector", children: [_jsxs("div", { className: "inspector-scroll", children: [_jsxs("section", { className: "inspector-section", children: [_jsxs("div", { className: "panel-heading", children: [_jsx(SlidersHorizontal, { size: 17 }), _jsxs("div", { children: [_jsx("strong", { children: "Properties" }), _jsx("span", { children: block ? (designDefinition?.label ?? block.blockType) : "Select a block" })] }), _jsx("button", { type: "button", className: "inspector-close", "aria-label": "Close inspector", title: "Close", onClick: onClose, children: _jsx(X, { size: 16 }) })] }), selectedCount > 1 ? (_jsxs("button", { type: "button", className: "selection-save-button", onClick: onRequestSaveSelection, children: [_jsx(Save, { size: 14 }), "Save selection as preset"] })) : null, block && designDefinition ? (_jsxs(_Fragment, { children: [hasSettings ? (_jsxs("div", { className: "inspector-tabs", role: "tablist", "aria-label": "Block settings", children: [_jsx("button", { type: "button", role: "tab", "aria-selected": activeTab === "settings", className: activeTab === "settings" ? "is-active" : "", onClick: () => setActiveTab("settings"), children: "Settings" }), _jsx("button", { type: "button", role: "tab", "aria-selected": activeTab === "design", className: activeTab === "design" ? "is-active" : "", onClick: () => setActiveTab("design"), children: "Design" })] })) : (
+                                    // No settings for this block: a single panel, so the design
+                                    // heading is a plain title rather than a (pointless) lone tab.
+                                    _jsx("div", { className: "inspector-tab-title", children: "Design" })), effectiveTab === "settings" ? (_jsxs("div", { className: "field-stack", children: [pinCanTop || pinCanBottom ? (_jsx(PinControl, { value: pinValue, canTop: pinCanTop, canBottom: pinCanBottom, onChange: onSetPinned })) : null, sharedBlock ? (_jsxs(_Fragment, { children: [_jsxs("p", { className: "locale-note", children: ["Shared content - changes appear on all ", sharedBlockUsage, " page", sharedBlockUsage === 1 ? "" : "s", " that use it."] }), (sharedBlockDefinition?.fields ?? [])
+                                                        .filter((field) => !TRANSLATABLE_FIELD_TYPES.has(field.type))
+                                                        .map((field) => (_jsxs("label", { className: "field-control", children: [_jsx("span", { children: field.label }), _jsx(FieldControl, { collectionOptions: contentModel, content: content, field: field, mediaServices: mediaServices, value: readProp(sharedBlock.block, field.name), onChange: (next) => onChangeSharedBlock(field.name, next), onUploadMediaAsset: onUploadMediaAsset }), field.help ? _jsx("small", { children: field.help }) : null] }, field.name)))] })) : null, block.blockType !== "shared.ref" ? (_jsx(ContentBindingControl, { block: block, content: content, contentModel: contentModel, locale: String(readProp(block, "locale") ?? runtime.activeLocale), inheritedLabel: detailCollection && collectionItem
+                                                    ? `${collectionLabel ?? contentModel.collectionLabel(detailCollection)}: ${collectionItem.title ?? collectionItem.slug ?? collectionItem.id}`
+                                                    : null, onChange: onChangeProps })) : null, settingsFields.map((field) => {
+                                                const value = readProp(block, field.name);
+                                                return (_jsxs("div", { className: "field-control", children: [_jsx("span", { children: field.label }), field.type === "media" ? (_jsx(ImageFieldEditor, { block: block, content: content, field: field, mediaServices: mediaServices, value: value, onSave: onChangeProps, onUploadMediaAsset: onUploadMediaAsset })) : field.name === "icon" ? (_jsx(IconFieldEditor, { field: field, value: value, onChange: (next) => onChange(field.name, next) })) : (_jsx(FieldControl, { collectionOptions: contentModel, content: content, field: field, mediaServices: mediaServices, value: value, onChange: (next) => onChange(field.name, next), onUploadMediaAsset: onUploadMediaAsset })), field.help ? _jsx("small", { children: field.help }) : null] }, field.name));
+                                            })] })) : null, effectiveTab === "design" && designDefinition ? (_jsx(DesignSettingsPanel, { block: block, definition: designDefinition, onChange: onDesignChange })) : null, canMakeShared ? (_jsxs("div", { className: "make-shared", children: [_jsxs("button", { type: "button", className: "selection-save-button", onClick: onMakeShared, children: [_jsx(Link2, { size: 14 }), "Create shared block"] }), _jsx("small", { children: "Use this block on multiple pages; later changes stay synced. You can detach it later." })] })) : null] })) : (_jsx("p", { className: "empty-state", children: "Select a block in the preview to edit fields." }))] }), issues.length > 0 ? (_jsx("section", { className: "inspector-section", children: _jsx("ul", { className: "issue-list", children: issues.map((issue, index) => (_jsxs("li", { className: `is-${issue.severity}`, children: [issue.blockId ? _jsx("code", { children: issue.blockId }) : null, _jsx("span", { children: issue.message })] }, `${issue.message}-${index}`))) }) })) : null] }), block && designDefinition && effectiveTab === "settings" ? (_jsxs("div", { className: "inspector-footer", children: [sharedBlock ? (_jsxs("button", { type: "button", className: "detach-shared-button", title: "Make local on this page", onClick: onDetachSharedBlock, children: [_jsx(Unlink, { size: 14 }), "Detach"] })) : null, _jsx("button", { type: "button", "aria-label": "Copy settings", title: "Copy settings", disabled: settingsFields.length === 0, onClick: onCopySettings, children: _jsx(Copy, { size: 14 }) }), settingsPasteCompatible ? (_jsx("button", { type: "button", "aria-label": "Paste settings", title: "Paste settings", onClick: onPasteClipboard, children: _jsx(ClipboardPaste, { size: 14 }) })) : null] })) : null, block && designDefinition && effectiveTab === "design" ? (_jsxs("div", { className: "inspector-footer", children: [_jsx("button", { type: "button", "aria-label": "Copy design", title: "Copy design", onClick: onCopyDesign, children: _jsx(Copy, { size: 14 }) }), designClipboard ? (_jsx("button", { type: "button", "aria-label": "Paste design", title: "Paste design", onClick: onPasteClipboard, children: _jsx(ClipboardPaste, { size: 14 }) })) : null, _jsx("button", { type: "button", "aria-label": "Reset design", title: "Reset design", disabled: !designCustom, onClick: onResetDesign, children: _jsx(RotateCcw, { size: 14 }) })] })) : null] }));
+}
+//# sourceMappingURL=Inspector.js.map

package/dist/components/Inspector.js.map

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

package/dist/components/LayoutBlockEditor.d.ts

@@ -0,0 +1,32 @@
+import type { BlockNode, PageNode } from "@batterai/bind-core";
+import type { LayoutColumnView } from "../model/layout-columns";
+import type { RendererActions } from "../renderActions";
+import type { EditorRuntime } from "../translation";
+import type { EditorShellContentModel } from "../contentModel";
+import type { BlockDefinition, BlockLibrary, CmsContent } from "../types";
+type LayoutBlockEditorProps = {
+    block: BlockNode;
+    definition: BlockDefinition | null;
+    content: CmsContent;
+    contentModel: EditorShellContentModel;
+    isSelected: boolean;
+    showColumnControl: boolean;
+    isTextEditing: boolean;
+    library: BlockLibrary;
+    movingBlockId: string | null;
+    rendererActions?: RendererActions;
+    runtime: EditorRuntime;
+    selectedIds: string[];
+    onSelect: (blockId: string, extend?: boolean) => void;
+    onUpdateItems: (items: LayoutColumnView[]) => void;
+    onAddToColumn: (columnId: string, children: PageNode[]) => void;
+    onDraggingChange: (dragging: boolean) => void;
+    onInsertInColumn: (columnId: string, index: number, children: PageNode[]) => void;
+    onMoveToColumn: (blockId: string, columnId: string, index: number) => void;
+    onMoveModeChange: (blockId: string | null) => void;
+    onBlockDropOnBlock: (sourceId: string, targetId: string, x: number, y: number) => void;
+    onOpenInspector: () => void;
+};
+export declare function LayoutBlockEditor({ block, definition, content, contentModel, isSelected, showColumnControl, isTextEditing, library, movingBlockId, rendererActions, runtime, selectedIds, onSelect, onUpdateItems, onAddToColumn, onDraggingChange, onInsertInColumn, onMoveToColumn, onMoveModeChange, onBlockDropOnBlock, onOpenInspector, }: LayoutBlockEditorProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=LayoutBlockEditor.d.ts.map

package/dist/components/LayoutBlockEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutBlockEditor.d.ts","sourceRoot":"","sources":["../../src/components/LayoutBlockEditor.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAG/D,OAAO,KAAK,EACV,eAAe,EACf,YAAY,EACZ,UAAU,EAEX,MAAM,UAAU,CAAC;AAIlB,KAAK,sBAAsB,GAAG;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,eAAe,GAAG,IAAI,CAAC;IACnC,OAAO,EAAE,UAAU,CAAC;IACpB,YAAY,EAAE,uBAAuB,CAAC;IACtC,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,EAAE,YAAY,CAAC;IACtB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACtD,aAAa,EAAE,CAAC,KAAK,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;IACnD,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;IAChE,gBAAgB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,gBAAgB,EAAE,CAChB,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,QAAQ,EAAE,KACjB,IAAI,CAAC;IACV,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3E,gBAAgB,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,kBAAkB,EAAE,CAClB,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,KACN,IAAI,CAAC;IACV,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AA6BF,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,UAAU,EACV,OAAO,EACP,YAAY,EACZ,UAAU,EACV,iBAAiB,EACjB,aAAa,EACb,OAAO,EACP,aAAa,EACb,eAAe,EACf,OAAO,EACP,WAAgB,EAChB,QAAQ,EACR,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,GAChB,EAAE,sBAAsB,+BAkZxB"}