@agent-native/toolkit 0.0.0-beta-20260819143124

package/dist/editor/BubbleToolbar.js

@@ -0,0 +1,171 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TextSelection } from "@tiptap/pm/state";
+import { useEffect, useState } from "react";
+import { cn } from "../utils.js";
+/**
+ * Builds the default selection-toolbar items (Plan's current set): bold,
+ * italic, strike, code, headings 1-3, and a link toggle. `toggleLink` is
+ * supplied by the toolbar so the link-editor input can be opened.
+ */
+export function buildDefaultBubbleItems(editor, toggleLink) {
+    return [
+        {
+            label: "B",
+            title: "Bold",
+            action: () => editor.chain().focus().toggleBold().run(),
+            isActive: () => editor.isActive("bold"),
+            style: { fontWeight: 700 },
+        },
+        {
+            label: "I",
+            title: "Italic",
+            action: () => editor.chain().focus().toggleItalic().run(),
+            isActive: () => editor.isActive("italic"),
+            style: { fontStyle: "italic" },
+        },
+        {
+            label: "S",
+            title: "Strikethrough",
+            action: () => editor.chain().focus().toggleStrike().run(),
+            isActive: () => editor.isActive("strike"),
+            style: { textDecoration: "line-through" },
+        },
+        {
+            label: "<>",
+            title: "Code",
+            action: () => editor.chain().focus().toggleCode().run(),
+            isActive: () => editor.isActive("code"),
+            style: { fontFamily: "monospace", fontSize: 11 },
+        },
+        { type: "divider" },
+        {
+            label: "H1",
+            title: "Heading 1",
+            action: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),
+            isActive: () => editor.isActive("heading", { level: 1 }),
+        },
+        {
+            label: "H2",
+            title: "Heading 2",
+            action: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
+            isActive: () => editor.isActive("heading", { level: 2 }),
+        },
+        {
+            label: "H3",
+            title: "Heading 3",
+            action: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),
+            isActive: () => editor.isActive("heading", { level: 3 }),
+        },
+        { type: "divider" },
+        {
+            label: "Link",
+            title: "Link",
+            action: toggleLink,
+            isActive: () => editor.isActive("link"),
+        },
+    ];
+}
+/**
+ * The shared floating selection toolbar. Tracks the current text selection and
+ * positions a fixed toolbar above it, with an inline link editor. Extracted
+ * from the inline plan toolbar so embedders share one implementation; apps swap
+ * the item set via `buildItems`.
+ */
+export function BubbleToolbar({ editor, buildItems = buildDefaultBubbleItems, }) {
+    const [visible, setVisible] = useState(false);
+    const [coords, setCoords] = useState({ top: 0, left: 0 });
+    const [showLinkInput, setShowLinkInput] = useState(false);
+    const [linkUrl, setLinkUrl] = useState("");
+    useEffect(() => {
+        const update = () => {
+            const selectionState = editor.state.selection;
+            const { from, to } = selectionState;
+            const selection = window.getSelection();
+            const selectionInsideEditor = !!selection?.anchorNode &&
+                !!selection.focusNode &&
+                editor.view.dom.contains(selection.anchorNode) &&
+                editor.view.dom.contains(selection.focusNode);
+            if (!(selectionState instanceof TextSelection) ||
+                from === to ||
+                !selectionInsideEditor) {
+                setVisible(false);
+                return;
+            }
+            if (!selection || selection.rangeCount === 0) {
+                setVisible(false);
+                return;
+            }
+            const rect = selection.getRangeAt(0).getBoundingClientRect();
+            if (rect.width === 0 && rect.height === 0) {
+                setVisible(false);
+                return;
+            }
+            setCoords({
+                top: rect.top - 8,
+                left: rect.left + rect.width / 2,
+            });
+            setVisible(true);
+        };
+        editor.on("selectionUpdate", update);
+        editor.on("transaction", update);
+        document.addEventListener("selectionchange", update);
+        const onBlur = () => {
+            setTimeout(() => {
+                if (!editor.isFocused)
+                    setVisible(false);
+            }, 140);
+        };
+        editor.on("blur", onBlur);
+        return () => {
+            editor.off("selectionUpdate", update);
+            editor.off("transaction", update);
+            document.removeEventListener("selectionchange", update);
+            editor.off("blur", onBlur);
+        };
+    }, [editor]);
+    const handleSetLink = () => {
+        if (linkUrl.trim()) {
+            editor
+                .chain()
+                .focus()
+                .extendMarkRange("link")
+                .setLink({ href: linkUrl.trim() })
+                .run();
+        }
+        else {
+            editor.chain().focus().extendMarkRange("link").unsetLink().run();
+        }
+        setShowLinkInput(false);
+        setLinkUrl("");
+    };
+    const toggleLink = () => {
+        if (editor.isActive("link")) {
+            editor.chain().focus().unsetLink().run();
+            return;
+        }
+        setLinkUrl(editor.getAttributes("link").href || "");
+        setShowLinkInput(true);
+    };
+    const items = buildItems(editor, toggleLink);
+    if (!visible)
+        return null;
+    return (_jsx("div", { className: "an-rich-md-bubble-toolbar", style: {
+            position: "fixed",
+            top: coords.top,
+            left: coords.left,
+            transform: "translate(-50%, -100%)",
+        }, onMouseDown: (event) => event.preventDefault(), "data-plan-interactive": true, children: showLinkInput ? (_jsxs("div", { className: "an-rich-md-link-editor", children: [_jsx("input", { autoFocus: true, type: "url", placeholder: "Paste link...", value: linkUrl, onChange: (event) => setLinkUrl(event.target.value), onKeyDown: (event) => {
+                        if (event.key === "Enter")
+                            handleSetLink();
+                        if (event.key === "Escape") {
+                            setShowLinkInput(false);
+                            setLinkUrl("");
+                        }
+                    } }), _jsx("button", { type: "button", onClick: handleSetLink, children: "Apply" })] })) : (_jsx("div", { className: "an-rich-md-bubble-items", children: items.map((item, index) => {
+                if ("type" in item) {
+                    return (_jsx("span", { className: "an-rich-md-bubble-divider" }, `divider-${index}`));
+                }
+                return (_jsx("button", { type: "button", title: item.title, className: cn("an-rich-md-bubble-button", item.isActive() && "an-rich-md-bubble-button--active"), style: item.style, onClick: item.action, children: item.label }, item.title));
+            }) })) }));
+}
+//# sourceMappingURL=BubbleToolbar.js.map

package/dist/editor/BubbleToolbar.js.map

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

package/dist/editor/CodeBlockNode.d.ts

@@ -0,0 +1,49 @@
+import type { Node as TiptapNode } from "@tiptap/core";
+import type { createLowlight } from "lowlight";
+/**
+ * A selectable language for the code-block picker. `value === null` is the
+ * "Auto" sentinel: the block stores no language and the lowlight plugin
+ * auto-detects (biased toward the editor's registered, web-leaning grammar
+ * set). Keeping it first makes Auto the default, matching how plans skew toward
+ * JS/TS/JSON without the author having to choose.
+ */
+export interface CodeLanguageOption {
+    value: string | null;
+    label: string;
+}
+/** Default picker list — Auto first, then the web-leaning grammars plans use. */
+export declare const DEFAULT_CODE_LANGUAGES: CodeLanguageOption[];
+/** Class hooks so each app themes the shared node with its own palette. */
+export interface CodeBlockClassNames {
+    wrapper: string;
+    header: string;
+    langButton: string;
+    langButtonReadonly: string;
+    picker: string;
+    search: string;
+    list: string;
+    option: string;
+    optionActive: string;
+}
+export interface CreateCodeBlockNodeOptions {
+    /** Lowlight instance backing syntax highlighting (same one the app registers). */
+    lowlight: ReturnType<typeof createLowlight>;
+    /** Picker languages. Defaults to {@link DEFAULT_CODE_LANGUAGES} (Auto first). */
+    languages?: CodeLanguageOption[];
+    /** Class hooks for per-app theming. Defaults to the shared `an-code-block__*`. */
+    classNames?: Partial<CodeBlockClassNames>;
+}
+/**
+ * The shared Notion-style code block: {@link CodeBlockLowlight} (so fenced
+ * markdown round-trips byte-identically — the node name and `language` attr are
+ * unchanged) plus a React node view that adds a language picker header instead
+ * of a bare highlighted `<pre>`. "Auto" stores no language and the lowlight
+ * plugin auto-detects.
+ *
+ * Lifted from the Content editor's bespoke code block so Plans (and any app
+ * opting into `features.codeBlock`) share one implementation. Theming is fully
+ * class-driven via {@link CreateCodeBlockNodeOptions.classNames}, so each app
+ * maps the hooks onto its own palette.
+ */
+export declare function createCodeBlockNode({ lowlight, languages, classNames, }: CreateCodeBlockNodeOptions): TiptapNode;
+//# sourceMappingURL=CodeBlockNode.d.ts.map

package/dist/editor/CodeBlockNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockNode.d.ts","sourceRoot":"","sources":["../../src/editor/CodeBlockNode.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAQvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAM/C;;;;;;GAMG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,iFAAiF;AACjF,eAAO,MAAM,sBAAsB,EAAE,kBAAkB,EAkBtD,CAAC;AAEF,2EAA2E;AAC3E,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;CACtB;AAcD,MAAM,WAAW,0BAA0B;IACzC,kFAAkF;IAClF,QAAQ,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;IAC5C,iFAAiF;IACjF,SAAS,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACjC,kFAAkF;IAClF,UAAU,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;CAC3C;AA2HD;;;;;;;;;;;GAWG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,SAAkC,EAClC,UAAU,GACX,EAAE,0BAA0B,GAAG,UAAU,CAkCzC"}

package/dist/editor/CodeBlockNode.js

@@ -0,0 +1,127 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconCheck, IconChevronDown } from "@tabler/icons-react";
+import { CodeBlockLowlight } from "@tiptap/extension-code-block-lowlight";
+import { NodeViewContent, NodeViewWrapper, ReactNodeViewRenderer, } from "@tiptap/react";
+import { useMemo, useState } from "react";
+import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover.js";
+import { cn } from "../utils.js";
+/** Default picker list — Auto first, then the web-leaning grammars plans use. */
+export const DEFAULT_CODE_LANGUAGES = [
+    { value: null, label: "Auto" },
+    { value: "typescript", label: "TypeScript" },
+    { value: "javascript", label: "JavaScript" },
+    { value: "tsx", label: "TSX" },
+    { value: "jsx", label: "JSX" },
+    { value: "json", label: "JSON" },
+    { value: "html", label: "HTML" },
+    { value: "css", label: "CSS" },
+    { value: "bash", label: "Bash" },
+    { value: "python", label: "Python" },
+    { value: "sql", label: "SQL" },
+    { value: "yaml", label: "YAML" },
+    { value: "markdown", label: "Markdown" },
+    { value: "graphql", label: "GraphQL" },
+    { value: "go", label: "Go" },
+    { value: "rust", label: "Rust" },
+    { value: "diff", label: "Diff" },
+];
+const DEFAULT_CLASS_NAMES = {
+    wrapper: "an-code-block",
+    header: "an-code-block__header",
+    langButton: "an-code-block__lang",
+    langButtonReadonly: "an-code-block__lang--readonly",
+    picker: "an-code-block__picker",
+    search: "an-code-block__search",
+    list: "an-code-block__list",
+    option: "an-code-block__option",
+    optionActive: "is-active",
+};
+function optionLabel(language, languages) {
+    if (!language)
+        return languages[0]?.label ?? "Auto";
+    const match = languages.find((option) => option.value === language);
+    return match?.label ?? language;
+}
+function CodeBlockView({ node, updateAttributes, editor, extension, }) {
+    const options = extension.options;
+    const languages = options.languagePickerOptions;
+    const classNames = options.codeBlockClassNames;
+    const [open, setOpen] = useState(false);
+    const [filter, setFilter] = useState("");
+    const isEditable = editor.isEditable;
+    const current = node.attrs.language || null;
+    const label = optionLabel(current, languages);
+    const filtered = useMemo(() => {
+        const query = filter.trim().toLowerCase();
+        if (!query)
+            return languages;
+        return languages.filter((option) => option.label.toLowerCase().includes(query));
+    }, [filter, languages]);
+    const select = (value) => {
+        // Store `""` for Auto so tiptap-markdown emits a bare fence (no language),
+        // matching the auto-detect read path.
+        updateAttributes({ language: value ?? "" });
+        setFilter("");
+        setOpen(false);
+    };
+    return (_jsxs(NodeViewWrapper, { className: classNames.wrapper, children: [_jsx("div", { className: classNames.header, contentEditable: false, children: isEditable ? (_jsxs(Popover, { open: open, onOpenChange: (next) => {
+                        setOpen(next);
+                        if (!next)
+                            setFilter("");
+                    }, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: classNames.langButton, children: [label, _jsx(IconChevronDown, { className: "size-3" })] }) }), _jsxs(PopoverContent, { align: "start", side: "bottom", className: "w-52 p-0", children: [_jsx("input", { autoFocus: true, type: "text", value: filter, onChange: (event) => setFilter(event.target.value), onKeyDown: (event) => {
+                                        if (event.key === "Enter" && filtered.length > 0) {
+                                            event.preventDefault();
+                                            select(filtered[0].value);
+                                        }
+                                    }, placeholder: "Search languages\u2026", className: classNames.search }), _jsx("div", { className: classNames.list, children: filtered.map((option) => {
+                                        const active = option.value === current || (!option.value && !current);
+                                        return (_jsxs("button", { type: "button", className: cn(classNames.option, active && classNames.optionActive), onClick: () => select(option.value), children: [option.label, active && _jsx(IconCheck, { className: "size-3.5" })] }, option.value ?? "auto"));
+                                    }) })] })] })) : (label && (_jsx("span", { className: cn(classNames.langButton, classNames.langButtonReadonly), children: label }))) }), _jsx("pre", { children: _jsx(NodeViewContent, { as: "code" }) })] }));
+}
+/**
+ * The shared Notion-style code block: {@link CodeBlockLowlight} (so fenced
+ * markdown round-trips byte-identically — the node name and `language` attr are
+ * unchanged) plus a React node view that adds a language picker header instead
+ * of a bare highlighted `<pre>`. "Auto" stores no language and the lowlight
+ * plugin auto-detects.
+ *
+ * Lifted from the Content editor's bespoke code block so Plans (and any app
+ * opting into `features.codeBlock`) share one implementation. Theming is fully
+ * class-driven via {@link CreateCodeBlockNodeOptions.classNames}, so each app
+ * maps the hooks onto its own palette.
+ */
+export function createCodeBlockNode({ lowlight, languages = DEFAULT_CODE_LANGUAGES, classNames, }) {
+    const resolvedClassNames = {
+        ...DEFAULT_CLASS_NAMES,
+        ...(classNames ?? {}),
+    };
+    return CodeBlockLowlight.extend({
+        addOptions() {
+            return {
+                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+                ...this.parent(),
+                languagePickerOptions: languages,
+                codeBlockClassNames: resolvedClassNames,
+            };
+        },
+        addNodeView() {
+            return ReactNodeViewRenderer(CodeBlockView);
+        },
+        addKeyboardShortcuts() {
+            return {
+                ...this.parent?.(),
+                Tab: ({ editor }) => {
+                    if (editor.isActive(this.name)) {
+                        editor.commands.insertContent("\t");
+                        return true;
+                    }
+                    return false;
+                },
+            };
+        },
+    }).configure({
+        lowlight,
+        defaultLanguage: null,
+    });
+}
+//# sourceMappingURL=CodeBlockNode.js.map

package/dist/editor/CodeBlockNode.js.map

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

package/dist/editor/DragHandle.d.ts

@@ -0,0 +1,103 @@
+import { Extension } from "@tiptap/core";
+import type { Node as ProseMirrorNode } from "@tiptap/pm/model";
+import { type EditorView } from "@tiptap/pm/view";
+/**
+ * Default editor-wrapper CSS selector the drag handle scopes itself to.
+ *
+ * The handle, the drop indicator, and the `position: relative` anchor are all
+ * appended to / measured against the closest ancestor matching this selector.
+ * Content's editor wraps its ProseMirror DOM in a `.visual-editor-wrapper`
+ * element, so that is the historical default. Other apps (e.g. the plan editor)
+ * pass their own wrapper selector via {@link DragHandleOptions.wrapperSelector}.
+ */
+export declare const DEFAULT_DRAG_HANDLE_WRAPPER_SELECTOR = ".visual-editor-wrapper";
+export interface DragHandleOptions {
+    /**
+     * CSS selector for the editor wrapper element the handle is anchored to.
+     *
+     * Must match an ancestor of the ProseMirror editor DOM. The wrapper gets
+     * `position: relative` so the absolutely-positioned grip and drop indicator
+     * can be placed relative to it. Defaults to
+     * {@link DEFAULT_DRAG_HANDLE_WRAPPER_SELECTOR} so Content keeps working
+     * unchanged.
+     */
+    wrapperSelector: string;
+    /**
+     * Optional source-side payload for a cross-editor block move. The editor doc
+     * carries ProseMirror node content, but app-owned side-map data (for example a
+     * plan `diagram` block's HTML/CSS) can live outside the doc; this lets the
+     * host carry that data to the receiving editor before the node is inserted.
+     */
+    getDragTransferData?: (context: {
+        view: EditorView;
+        node: ProseMirrorNode;
+        pos: number;
+    }) => unknown;
+    /**
+     * Optional target-side receiver for cross-editor transfer data. Called before
+     * the node is inserted into the target editor so the target's serializer can
+     * resolve app-owned data during the synchronous ProseMirror update.
+     */
+    receiveDragTransferData?: (data: unknown, context: {
+        view: EditorView;
+        node: ProseMirrorNode;
+        pos: number;
+        sourceView: EditorView;
+    }) => void;
+    /**
+     * Optional host-level drop handler for document-specific structure changes.
+     * Returning true tells the shared drag handle that the host fully handled the
+     * move and no ProseMirror insert/delete should run. This is used for
+     * Notion-style side drops where dropping a block to the left/right creates or
+     * inserts into a column layout rather than inserting into the target editor.
+     */
+    handleDrop?: (data: unknown, context: DragHandleDropContext) => boolean;
+}
+export type DragHandleDropPlacement = "before" | "after" | "left" | "right";
+export type DragHandleDropContext = {
+    view: EditorView;
+    sourceView: EditorView;
+    sourceNode: ProseMirrorNode;
+    sourcePos: number;
+    sourceNodeSize: number;
+    targetNode: ProseMirrorNode;
+    targetPos: number;
+    targetNodeSize: number;
+    insertPos: number;
+    placement: DragHandleDropPlacement;
+};
+export declare const dragPreviewTransform: ({ clientX, clientY, pointerOffsetX, pointerOffsetY, }: {
+    clientX: number;
+    clientY: number;
+    pointerOffsetX: number;
+    pointerOffsetY: number;
+}) => string;
+/**
+ * App-agnostic Tiptap extension providing a Notion-style left-margin drag grip
+ * (the `::` handle), block selection, and drag-to-reorder over top-level block
+ * nodes.
+ *
+ * Behavior:
+ * - On hover over any top-level block, a `.drag-handle` grip appears in the left
+ *   margin (forgiving hit zone extends {@link HOVER_SIDE_OUTSET_REM}rem to the
+ *   sides and into the gap above/between blocks).
+ * - Single-clicking the grip selects the block and opens a block action menu.
+ *   Dragging past a small threshold starts a reorder, showing a floating clone
+ *   preview (`.notion-drag-preview`) and a `.notion-drop-indicator` line.
+ *   `Escape` cancels.
+ * - While dragging, the source block carries `.notion-block--dragging` and the
+ *   document element carries `.notion-editor-is-dragging` so apps can style the
+ *   in-flight state. Apps own all of these CSS class names.
+ * - Works for ANY top-level node ProseMirror renders as a direct child of the
+ *   editor — including `group: "block"`, `draggable: true` atoms such as the
+ *   plan editor's `planBlock`.
+ *
+ * The only app-specific coupling — the editor wrapper element the handle and
+ * drop indicator are anchored to — is configurable via
+ * {@link DragHandleOptions.wrapperSelector}, defaulting to
+ * {@link DEFAULT_DRAG_HANDLE_WRAPPER_SELECTOR} (`.visual-editor-wrapper`) so the
+ * Content editor keeps working byte-identically. The plan editor passes its own
+ * wrapper selector via `DragHandle.configure({ wrapperSelector })`.
+ */
+export declare const DragHandle: Extension<DragHandleOptions, any>;
+//# sourceMappingURL=DragHandle.d.ts.map

package/dist/editor/DragHandle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragHandle.d.ts","sourceRoot":"","sources":["../../src/editor/DragHandle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,IAAI,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAQhE,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD;;;;;;;;GAQG;AACH,eAAO,MAAM,oCAAoC,2BAA2B,CAAC;AAE7E,MAAM,WAAW,iBAAiB;IAChC;;;;;;;;OAQG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,CAAC,OAAO,EAAE;QAC9B,IAAI,EAAE,UAAU,CAAC;QACjB,IAAI,EAAE,eAAe,CAAC;QACtB,GAAG,EAAE,MAAM,CAAC;KACb,KAAK,OAAO,CAAC;IACd;;;;OAIG;IACH,uBAAuB,CAAC,EAAE,CACxB,IAAI,EAAE,OAAO,EACb,OAAO,EAAE;QACP,IAAI,EAAE,UAAU,CAAC;QACjB,IAAI,EAAE,eAAe,CAAC;QACtB,GAAG,EAAE,MAAM,CAAC;QACZ,UAAU,EAAE,UAAU,CAAC;KACxB,KACE,IAAI,CAAC;IACV;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,qBAAqB,KAAK,OAAO,CAAC;CACzE;AA8DD,MAAM,MAAM,uBAAuB,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AAE5E,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,UAAU,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,eAAe,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,eAAe,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,uBAAuB,CAAC;CACpC,CAAC;AAyDF,eAAO,MAAM,oBAAoB,0DAK9B;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;CACxB,WAC+E,CAAC;AA8QjF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,UAAU,mCAw9BrB,CAAC"}