@haklex/rich-ext-nested-doc 0.0.62

package/LICENSE

@@ -0,0 +1,28 @@
+MIT License
+
+Copyright (c) 2024 Innei
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+
+Additional Terms and Conditions
+
+----------------
+
+Use of this software is governed by the terms of MIT and, in addition, by the terms and conditions described in the additional file (ADDITIONAL_TERMS.md). By using this software, you agree to abide by these additional terms and conditions.

package/dist/NestedDocDialogEditorContext.d.ts

@@ -0,0 +1,10 @@
+import { LexicalEditor, SerializedEditorState } from 'lexical';
+import { ComponentType } from 'react';
+export interface NestedDocDialogEditorProps {
+    initialValue: SerializedEditorState;
+    onEditorReady: (editor: LexicalEditor | null) => void;
+}
+export type NestedDocDialogEditorComponent = ComponentType<NestedDocDialogEditorProps>;
+export declare const NestedDocDialogEditorProvider: import('react').Provider<NestedDocDialogEditorComponent | null>;
+export declare function useNestedDocDialogEditor(): NestedDocDialogEditorComponent | null;
+//# sourceMappingURL=NestedDocDialogEditorContext.d.ts.map

package/dist/NestedDocDialogEditorContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedDocDialogEditorContext.d.ts","sourceRoot":"","sources":["../src/NestedDocDialogEditorContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AACnE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAG1C,MAAM,WAAW,0BAA0B;IACzC,YAAY,EAAE,qBAAqB,CAAA;IACnC,aAAa,EAAE,CAAC,MAAM,EAAE,aAAa,GAAG,IAAI,KAAK,IAAI,CAAA;CACtD;AAED,MAAM,MAAM,8BAA8B,GACxC,aAAa,CAAC,0BAA0B,CAAC,CAAA;AAK3C,eAAO,MAAM,6BAA6B,iEACH,CAAA;AAEvC,wBAAgB,wBAAwB,IAAI,8BAA8B,GAAG,IAAI,CAEhF"}

package/dist/NestedDocEditDecorator.d.ts

@@ -0,0 +1,9 @@
+import { LexicalEditor, SerializedEditorState } from 'lexical';
+interface NestedDocEditDecoratorProps {
+    nodeKey: string;
+    contentEditor: LexicalEditor;
+    contentState: SerializedEditorState;
+}
+export declare function NestedDocEditDecorator({ nodeKey, contentEditor, contentState, }: NestedDocEditDecoratorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=NestedDocEditDecorator.d.ts.map

package/dist/NestedDocEditDecorator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedDocEditDecorator.d.ts","sourceRoot":"","sources":["../src/NestedDocEditDecorator.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAmCnE,UAAU,2BAA2B;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,aAAa,EAAE,aAAa,CAAA;IAC5B,YAAY,EAAE,qBAAqB,CAAA;CACpC;AAED,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,aAAa,EACb,YAAY,GACb,EAAE,2BAA2B,2CAyE7B"}

package/dist/NestedDocEditNode.d.ts

@@ -0,0 +1,17 @@
+import { CommandItemConfig } from '@haklex/rich-editor';
+import { EditorConfig, LexicalEditor, SerializedEditorState } from 'lexical';
+import { ReactElement } from 'react';
+import { NestedDocNode, SerializedNestedDocNode } from './NestedDocNode';
+export declare class NestedDocEditNode extends NestedDocNode {
+    __contentEditor: LexicalEditor;
+    static commandItems: CommandItemConfig[];
+    static clone(node: NestedDocEditNode): NestedDocEditNode;
+    constructor(contentState?: SerializedEditorState, key?: string);
+    getContentEditor(): LexicalEditor;
+    static importJSON(serializedNode: SerializedNestedDocNode): NestedDocEditNode;
+    exportJSON(): SerializedNestedDocNode;
+    decorate(_editor: LexicalEditor, _config: EditorConfig): ReactElement;
+}
+export declare function $createNestedDocEditNode(contentState?: SerializedEditorState): NestedDocEditNode;
+export declare function $isNestedDocEditNode(node: unknown): node is NestedDocEditNode;
+//# sourceMappingURL=NestedDocEditNode.d.ts.map

package/dist/NestedDocEditNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedDocEditNode.d.ts","sourceRoot":"","sources":["../src/NestedDocEditNode.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,iBAAiB,EAGvB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAK,EACV,YAAY,EACZ,aAAa,EACb,qBAAqB,EACtB,MAAM,SAAS,CAAA;AAGhB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAIzC,OAAO,EAAE,aAAa,EAAE,KAAK,uBAAuB,EAAE,MAAM,iBAAiB,CAAA;AAa7E,qBAAa,iBAAkB,SAAQ,aAAa;IAClD,eAAe,EAAE,aAAa,CAAA;IAE9B,MAAM,CAAC,YAAY,EAAE,iBAAiB,EAAE,CAevC;IAED,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,iBAAiB,GAAG,iBAAiB;gBAM5C,YAAY,CAAC,EAAE,qBAAqB,EAAE,GAAG,CAAC,EAAE,MAAM;IAS9D,gBAAgB,IAAI,aAAa;IAIjC,MAAM,CAAC,UAAU,CACf,cAAc,EAAE,uBAAuB,GACtC,iBAAiB;IAIpB,UAAU,IAAI,uBAAuB;IASrC,QAAQ,CAAC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,YAAY,GAAG,YAAY;CAOtE;AAED,wBAAgB,wBAAwB,CACtC,YAAY,CAAC,EAAE,qBAAqB,GACnC,iBAAiB,CAEnB;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,IAAI,iBAAiB,CAE7E"}

package/dist/NestedDocNode.d.ts

@@ -0,0 +1,23 @@
+import { EditorConfig, LexicalEditor, LexicalNode, NodeKey, SerializedEditorState, SerializedLexicalNode, Spread, DecoratorNode } from 'lexical';
+import { ReactElement } from 'react';
+export type SerializedNestedDocNode = Spread<{
+    content: SerializedEditorState;
+}, SerializedLexicalNode>;
+export declare class NestedDocNode extends DecoratorNode<ReactElement> {
+    __contentState: SerializedEditorState;
+    static getType(): string;
+    static clone(node: NestedDocNode): NestedDocNode;
+    constructor(contentState?: SerializedEditorState, key?: NodeKey);
+    createDOM(_config: EditorConfig): HTMLElement;
+    updateDOM(): boolean;
+    isInline(): boolean;
+    getContentState(): SerializedEditorState;
+    setContentState(state: SerializedEditorState): void;
+    getTextContent(): string;
+    static importJSON(serializedNode: SerializedNestedDocNode): NestedDocNode;
+    exportJSON(): SerializedNestedDocNode;
+    decorate(_editor: LexicalEditor, _config: EditorConfig): ReactElement;
+}
+export declare function $createNestedDocNode(contentState?: SerializedEditorState): NestedDocNode;
+export declare function $isNestedDocNode(node: LexicalNode | null | undefined): node is NestedDocNode;
+//# sourceMappingURL=NestedDocNode.d.ts.map

package/dist/NestedDocNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedDocNode.d.ts","sourceRoot":"","sources":["../src/NestedDocNode.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,YAAY,EACZ,aAAa,EACb,WAAW,EACX,OAAO,EACP,qBAAqB,EACrB,qBAAqB,EACrB,MAAM,EACP,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAKzC,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAC1C;IACE,OAAO,EAAE,qBAAqB,CAAA;CAC/B,EACD,qBAAqB,CACtB,CAAA;AAED,qBAAa,aAAc,SAAQ,aAAa,CAAC,YAAY,CAAC;IAC5D,cAAc,EAAE,qBAAqB,CAAA;IAErC,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,aAAa,GAAG,aAAa;gBAIpC,YAAY,CAAC,EAAE,qBAAqB,EAAE,GAAG,CAAC,EAAE,OAAO;IA2B/D,SAAS,CAAC,OAAO,EAAE,YAAY,GAAG,WAAW;IAM7C,SAAS,IAAI,OAAO;IAIpB,QAAQ,IAAI,OAAO;IAInB,eAAe,IAAI,qBAAqB;IAIxC,eAAe,CAAC,KAAK,EAAE,qBAAqB,GAAG,IAAI;IAKnD,cAAc,IAAI,MAAM;IAIxB,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,uBAAuB,GAAG,aAAa;IAIzE,UAAU,IAAI,uBAAuB;IASrC,QAAQ,CAAC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,YAAY,GAAG,YAAY;CAKtE;AAED,wBAAgB,oBAAoB,CAClC,YAAY,CAAC,EAAE,qBAAqB,GACnC,aAAa,CAEf;AAED,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GACnC,IAAI,IAAI,aAAa,CAEvB"}

package/dist/NestedDocPlugin.d.ts

@@ -0,0 +1,4 @@
+import { SerializedEditorState } from 'lexical';
+export declare const INSERT_NESTED_DOC_COMMAND: import('lexical').LexicalCommand<void | SerializedEditorState<import('lexical').SerializedLexicalNode>>;
+export declare function NestedDocPlugin(): null;
+//# sourceMappingURL=NestedDocPlugin.d.ts.map

package/dist/NestedDocPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedDocPlugin.d.ts","sourceRoot":"","sources":["../src/NestedDocPlugin.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAMpD,eAAO,MAAM,yBAAyB,yGAC4B,CAAA;AAElE,wBAAgB,eAAe,SAe9B"}

package/dist/NestedDocRenderer.d.ts

@@ -0,0 +1,5 @@
+import { SerializedEditorState } from 'lexical';
+export declare function NestedDocRenderer({ value }: {
+    value: SerializedEditorState;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NestedDocRenderer.d.ts.map

package/dist/NestedDocRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedDocRenderer.d.ts","sourceRoot":"","sources":["../src/NestedDocRenderer.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAEpD,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,qBAAqB,CAAA;CAAE,2CAU5E"}

package/dist/NestedDocStaticDecorator.d.ts

@@ -0,0 +1,7 @@
+import { SerializedEditorState } from 'lexical';
+interface NestedDocStaticDecoratorProps {
+    contentState: SerializedEditorState;
+}
+export declare function NestedDocStaticDecorator({ contentState, }: NestedDocStaticDecoratorProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=NestedDocStaticDecorator.d.ts.map

package/dist/NestedDocStaticDecorator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedDocStaticDecorator.d.ts","sourceRoot":"","sources":["../src/NestedDocStaticDecorator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAUpD,UAAU,6BAA6B;IACrC,YAAY,EAAE,qBAAqB,CAAA;CACpC;AAED,wBAAgB,wBAAwB,CAAC,EACvC,YAAY,GACb,EAAE,6BAA6B,kDA2D/B"}

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+import { Klass, LexicalNode } from 'lexical';
+export type { NestedDocDialogEditorComponent, NestedDocDialogEditorProps, } from './NestedDocDialogEditorContext';
+export { NestedDocDialogEditorProvider, useNestedDocDialogEditor, } from './NestedDocDialogEditorContext';
+export { NestedDocEditDecorator } from './NestedDocEditDecorator';
+export { $createNestedDocEditNode, $isNestedDocEditNode, NestedDocEditNode, } from './NestedDocEditNode';
+export type { SerializedNestedDocNode } from './NestedDocNode';
+export { $createNestedDocNode, $isNestedDocNode, NestedDocNode, } from './NestedDocNode';
+export { INSERT_NESTED_DOC_COMMAND, NestedDocPlugin } from './NestedDocPlugin';
+export { NestedDocRenderer } from './NestedDocRenderer';
+export { NestedDocStaticDecorator } from './NestedDocStaticDecorator';
+export { NESTED_DOC_BLOCK_TRANSFORMER } from './transformer';
+export declare const nestedDocNodes: Array<Klass<LexicalNode>>;
+export declare const nestedDocEditNodes: Array<Klass<LexicalNode>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,CAAA;AAExB,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAKjD,YAAY,EACV,8BAA8B,EAC9B,0BAA0B,GAC3B,MAAM,gCAAgC,CAAA;AACvC,OAAO,EACL,6BAA6B,EAC7B,wBAAwB,GACzB,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EACL,wBAAwB,EACxB,oBAAoB,EACpB,iBAAiB,GAClB,MAAM,qBAAqB,CAAA;AAC5B,YAAY,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAA;AAC9D,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EAChB,aAAa,GACd,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,yBAAyB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,4BAA4B,EAAE,MAAM,eAAe,CAAA;AAE5D,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAmB,CAAA;AACxE,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAuB,CAAA"}

package/dist/index.mjs

@@ -0,0 +1,287 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { t as truncateEditorState, h as hasRenderableEditorState, d as dialogPopup, e as editOverlayRoot, p as previewSurface, N as NestedDocRenderer, a as previewEmpty, b as editOverlay, $ as $isNestedDocNode, c as dialogShell, f as dialogHeader, g as dialogHeaderMain, i as dialogHeaderIcon, j as dialogHeaderText, k as dialogTitle, l as editorArea, m as dialogFooter, n as dialogActions, s as secondaryButton, o as primaryButton, q as NestedDocNode } from "./transformer-CqZLVEDu.js";
+import { r, u, v } from "./transformer-CqZLVEDu.js";
+import { useColorScheme, editorTheme, getResolvedEditNodes } from "@haklex/rich-editor";
+import { $getNodeByKey, $insertNodes, createEditor, createCommand, COMMAND_PRIORITY_EDITOR } from "lexical";
+import { Pencil, FileText, X, Save } from "lucide-react";
+import { createContext, use, useMemo, useCallback, useRef, createElement, useEffect } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { usePortalTheme } from "@haklex/rich-style-token";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+const NestedDocDialogEditorContext = createContext(null);
+const NestedDocDialogEditorProvider = NestedDocDialogEditorContext.Provider;
+function useNestedDocDialogEditor() {
+  return use(NestedDocDialogEditorContext);
+}
+const PREVIEW_NODE_LIMIT = 6;
+const EMPTY_EDITOR_STATE = {
+  root: {
+    children: [
+      {
+        children: [],
+        direction: "ltr",
+        format: "",
+        indent: 0,
+        type: "paragraph",
+        version: 1,
+        textFormat: 0,
+        textStyle: ""
+      }
+    ],
+    direction: "ltr",
+    format: "",
+    indent: 0,
+    type: "root",
+    version: 1
+  }
+};
+function NestedDocEditDecorator({
+  nodeKey,
+  contentEditor,
+  contentState
+}) {
+  const [editor] = useLexicalComposerContext();
+  const colorScheme = useColorScheme();
+  const { className: portalClassName } = usePortalTheme();
+  const DialogEditor = useNestedDocDialogEditor();
+  const previewState = useMemo(
+    () => truncateEditorState(contentState, PREVIEW_NODE_LIMIT),
+    [contentState]
+  );
+  const hasPreview = hasRenderableEditorState(previewState);
+  const handleOpenDialog = useCallback(async () => {
+    if (!DialogEditor) return;
+    const { presentDialog } = await import("@haklex/rich-editor-ui");
+    presentDialog({
+      content: ({ dismiss }) => /* @__PURE__ */ jsx(
+        NestedDocDialogContent,
+        {
+          initialState: contentEditor.getEditorState().toJSON(),
+          parentEditor: editor,
+          nodeKey,
+          contentEditor,
+          onDismiss: dismiss,
+          DialogEditor
+        }
+      ),
+      className: dialogPopup,
+      portalClassName,
+      theme: colorScheme,
+      showCloseButton: true,
+      clickOutsideToDismiss: false
+    });
+  }, [
+    DialogEditor,
+    colorScheme,
+    contentEditor,
+    editor,
+    nodeKey,
+    portalClassName
+  ]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: editOverlayRoot,
+      onClick: handleOpenDialog,
+      role: "button",
+      tabIndex: 0,
+      "aria-label": "Open nested document editor",
+      onKeyDown: (event) => {
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          handleOpenDialog();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "rich-nested-doc-content", children: hasPreview ? /* @__PURE__ */ jsx("div", { className: previewSurface, children: /* @__PURE__ */ jsx(NestedDocRenderer, { value: previewState }) }) : /* @__PURE__ */ jsx("p", { className: previewEmpty, children: "Empty nested document. Click to edit." }) }),
+        /* @__PURE__ */ jsx("div", { className: editOverlay, "aria-hidden": true, children: /* @__PURE__ */ jsx(Pencil, { size: 24 }) })
+      ]
+    }
+  );
+}
+function NestedDocDialogContent({
+  initialState,
+  parentEditor,
+  nodeKey,
+  contentEditor,
+  onDismiss,
+  DialogEditor
+}) {
+  const dialogEditorRef = useRef(null);
+  const safeInitialState = initialState?.root?.children?.length > 0 ? initialState : EMPTY_EDITOR_STATE;
+  const handleDone = useCallback(() => {
+    const dialogEditor = dialogEditorRef.current;
+    if (dialogEditor) {
+      const newState = dialogEditor.getEditorState().toJSON();
+      const parsed = contentEditor.parseEditorState(newState);
+      contentEditor.setEditorState(parsed);
+      parentEditor.update(() => {
+        const node = $getNodeByKey(nodeKey);
+        if ($isNestedDocNode(node)) {
+          node.setContentState(newState);
+        }
+      });
+    }
+    onDismiss();
+  }, [contentEditor, nodeKey, onDismiss, parentEditor]);
+  const handleKeyDownCapture = useCallback(
+    (event) => {
+      const isModifier = event.metaKey || event.ctrlKey;
+      if (!isModifier) return;
+      if (event.key === "Enter" || event.key.toLowerCase() === "s") {
+        event.preventDefault();
+        handleDone();
+      }
+    },
+    [handleDone]
+  );
+  const handleEditorReady = useCallback((editor) => {
+    dialogEditorRef.current = editor;
+  }, []);
+  return /* @__PURE__ */ jsxs("div", { className: dialogShell, onKeyDownCapture: handleKeyDownCapture, children: [
+    /* @__PURE__ */ jsx("div", { className: dialogHeader, children: /* @__PURE__ */ jsxs("div", { className: dialogHeaderMain, children: [
+      /* @__PURE__ */ jsx("span", { className: dialogHeaderIcon, children: /* @__PURE__ */ jsx(FileText, { size: 18 }) }),
+      /* @__PURE__ */ jsx("div", { className: dialogHeaderText, children: /* @__PURE__ */ jsx("h3", { className: dialogTitle, children: "Nested document" }) })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: editorArea, children: /* @__PURE__ */ jsx(
+      DialogEditor,
+      {
+        initialValue: safeInitialState,
+        onEditorReady: handleEditorReady
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: dialogFooter, children: /* @__PURE__ */ jsxs("div", { className: dialogActions, children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: secondaryButton,
+          onClick: onDismiss,
+          children: [
+            /* @__PURE__ */ jsx(X, { size: 15 }),
+            "Cancel"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: primaryButton,
+          onClick: handleDone,
+          children: [
+            /* @__PURE__ */ jsx(Save, { size: 15 }),
+            "Save"
+          ]
+        }
+      )
+    ] }) })
+  ] });
+}
+function createContentEditor() {
+  return createEditor({
+    namespace: "NestedDocContent",
+    nodes: getResolvedEditNodes(),
+    theme: editorTheme,
+    onError: (error) => {
+      console.error("[NestedDocContent]", error);
+    }
+  });
+}
+const _NestedDocEditNode = class _NestedDocEditNode extends NestedDocNode {
+  constructor(contentState, key) {
+    super(contentState, key);
+    __publicField(this, "__contentEditor");
+    this.__contentEditor = createContentEditor();
+    if (contentState) {
+      const editorState = this.__contentEditor.parseEditorState(contentState);
+      this.__contentEditor.setEditorState(editorState);
+    }
+  }
+  static clone(node) {
+    const cloned = new _NestedDocEditNode(node.__contentState, node.__key);
+    cloned.__contentEditor = node.__contentEditor;
+    return cloned;
+  }
+  getContentEditor() {
+    return this.__contentEditor;
+  }
+  static importJSON(serializedNode) {
+    return new _NestedDocEditNode(serializedNode.content);
+  }
+  exportJSON() {
+    return {
+      ...super.exportJSON(),
+      type: "nested-doc",
+      content: this.__contentEditor.getEditorState().toJSON(),
+      version: 1
+    };
+  }
+  decorate(_editor, _config) {
+    return createElement(NestedDocEditDecorator, {
+      nodeKey: this.__key,
+      contentEditor: this.__contentEditor,
+      contentState: this.__contentState
+    });
+  }
+};
+__publicField(_NestedDocEditNode, "commandItems", [
+  {
+    title: "Nested Document",
+    icon: createElement(FileText, { size: 20 }),
+    description: "Embed a collapsible nested document",
+    keywords: ["nested", "document", "nested-doc", "embed"],
+    section: "ADVANCED",
+    placement: ["slash", "toolbar"],
+    group: "insert",
+    onSelect: (editor) => {
+      editor.update(() => {
+        $insertNodes([$createNestedDocEditNode()]);
+      });
+    }
+  }
+]);
+let NestedDocEditNode = _NestedDocEditNode;
+function $createNestedDocEditNode(contentState) {
+  return new NestedDocEditNode(contentState);
+}
+function $isNestedDocEditNode(node) {
+  return node instanceof NestedDocEditNode;
+}
+const INSERT_NESTED_DOC_COMMAND = createCommand("INSERT_NESTED_DOC");
+function NestedDocPlugin() {
+  const [editor] = useLexicalComposerContext();
+  useEffect(() => {
+    return editor.registerCommand(
+      INSERT_NESTED_DOC_COMMAND,
+      (contentState) => {
+        $insertNodes([$createNestedDocEditNode(contentState || void 0)]);
+        return true;
+      },
+      COMMAND_PRIORITY_EDITOR
+    );
+  }, [editor]);
+  return null;
+}
+const nestedDocNodes = [NestedDocNode];
+const nestedDocEditNodes = [NestedDocEditNode];
+export {
+  $createNestedDocEditNode,
+  r as $createNestedDocNode,
+  $isNestedDocEditNode,
+  $isNestedDocNode,
+  INSERT_NESTED_DOC_COMMAND,
+  u as NESTED_DOC_BLOCK_TRANSFORMER,
+  NestedDocDialogEditorProvider,
+  NestedDocEditDecorator,
+  NestedDocEditNode,
+  NestedDocNode,
+  NestedDocPlugin,
+  NestedDocRenderer,
+  v as NestedDocStaticDecorator,
+  nestedDocEditNodes,
+  nestedDocNodes,
+  useNestedDocDialogEditor
+};

package/dist/rich-ext-nested-doc.css

@@ -0,0 +1 @@
+:root{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-fill: #e8e8ec;--rc-fill-secondary: #eeeeef;--rc-fill-tertiary: #f4f4f6;--rc-fill-quaternary: #f9f9fa;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}:root.dark{--rc-text: #fafafa;--rc-text-secondary: #a1a1aa;--rc-text-tertiary: #71717a;--rc-text-quaternary: #52525b;--rc-bg: #09090b;--rc-bg-secondary: #18181b;--rc-bg-tertiary: #27272a;--rc-fill: #2a2a2f;--rc-fill-secondary: #222226;--rc-fill-tertiary: #1b1b1f;--rc-fill-quaternary: #131316;--rc-border: #27272a;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #e4e4e7;--rc-code-bg: #27272a;--rc-hr-border: #27272a;--rc-quote-border: #60a5fa;--rc-quote-bg: #1e3a5f;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -4px rgba(0,0,0,.35);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.25), 0 4px 16px rgba(0,0,0,.4);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}._1kl9cd60{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-fill: #e8e8ec;--rc-fill-secondary: #eeeeef;--rc-fill-tertiary: #f4f4f6;--rc-fill-quaternary: #f9f9fa;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}._1kl9cd61{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-fill: #e8e8ec;--rc-fill-secondary: #eeeeef;--rc-fill-tertiary: #f4f4f6;--rc-fill-quaternary: #f9f9fa;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.8;--rc-line-height-tight: 1.4;--rc-font-family: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}._1kl9cd62{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-fill: #e8e8ec;--rc-fill-secondary: #eeeeef;--rc-fill-tertiary: #f4f4f6;--rc-fill-quaternary: #f9f9fa;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #a1a1aa;--rc-quote-bg: #fafafa;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: none;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 2px;--rc-space-sm: 4px;--rc-space-md: 10px;--rc-space-lg: 16px;--rc-space-xl: 20px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 14px;--rc-font-size-small: 12px;--rc-line-height: 1.5;--rc-line-height-tight: 1.3;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 3px;--rc-radius-md: 6px;--rc-radius-lg: 8px}.dark ._1kl9cd60,[data-theme=dark] ._1kl9cd60,.dark._1kl9cd60,[data-theme=dark]._1kl9cd60,.dark ._1kl9cd61,[data-theme=dark] ._1kl9cd61,.dark._1kl9cd61,[data-theme=dark]._1kl9cd61,.dark ._1kl9cd62,[data-theme=dark] ._1kl9cd62,.dark._1kl9cd62,[data-theme=dark]._1kl9cd62{--rc-text: #fafafa;--rc-text-secondary: #a1a1aa;--rc-text-tertiary: #71717a;--rc-text-quaternary: #52525b;--rc-bg: #09090b;--rc-bg-secondary: #18181b;--rc-bg-tertiary: #27272a;--rc-fill: #2a2a2f;--rc-fill-secondary: #222226;--rc-fill-tertiary: #1b1b1f;--rc-fill-quaternary: #131316;--rc-border: #27272a;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #e4e4e7;--rc-code-bg: #27272a;--rc-hr-border: #27272a;--rc-quote-border: #60a5fa;--rc-quote-bg: #1e3a5f;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -4px rgba(0,0,0,.35);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.25), 0 4px 16px rgba(0,0,0,.4)}@keyframes ds1tv41{to{--rc-hl-highlighted: 1}}@keyframes ds1tv42{0%{background-color:#ef44443d}to{background-color:transparent}}.ds1tv40{font-family:var(--rc-font-family);font-size:var(--rc-font-size-base);line-height:var(--rc-line-height);color:var(--rc-text);word-wrap:break-word;overflow-wrap:break-word}.ds1tv40 .rich-paragraph{margin:0 0 1em;line-height:var(--rc-line-height)}.ds1tv40 .rich-text-bold{font-weight:700}.ds1tv40 .rich-text-italic{font-style:italic}.ds1tv40 .rich-text-underline{text-decoration:underline}.ds1tv40 .rich-text-strikethrough{text-decoration:line-through}.ds1tv40 .rich-text-superscript{vertical-align:super;font-size:.8em}.ds1tv40 .rich-text-subscript{vertical-align:sub;font-size:.8em}.ds1tv40 .rich-text-code{font-family:var(--rc-font-mono);font-size:.9em;background-color:var(--rc-code-bg);color:var(--rc-code-text);padding:2px 6px;border-radius:var(--rc-radius-sm);border:1px solid var(--rc-border)}.ds1tv40 mark{background:transparent}.ds1tv40 .rich-text-highlight{--rc-hl-lightness: .3;--rc-hl-highlighted: 1;--rc-hl-color: oklch(from var(--rc-accent) l c h / var(--rc-hl-lightness));background:linear-gradient(120deg,var(--rc-hl-color, lightblue) 50%,transparent 50%) 110% 0 / 200% 100% no-repeat;background-position:calc((1 - var(--rc-hl-highlighted)) * 110%) 0;color:var(--rc-text);transition:background-position 1s}[contenteditable=true] .rich-text-highlight{--rc-hl-highlighted: 1;animation:none}[data-theme=dark] .ds1tv40 .rich-text-highlight{--rc-hl-lightness: .35}.ds1tv40 :is(.rich-heading-h1,.rich-heading-h2,.rich-heading-h3,.rich-heading-h4,.rich-heading-h5,.rich-heading-h6){position:relative}.ds1tv40 .rich-heading-anchor{position:absolute;left:-1.25rem;top:0;bottom:0;display:flex;align-items:center;text-decoration:none;color:var(--rc-text-secondary);opacity:0;transition:opacity .15s ease;font-size:.8rem}.ds1tv40 .rich-heading-anchor svg{flex-shrink:0}.ds1tv40 :is(.rich-heading-h1,.rich-heading-h2,.rich-heading-h3,.rich-heading-h4,.rich-heading-h5,.rich-heading-h6):hover .rich-heading-anchor{opacity:.5}.ds1tv40 :is(.rich-heading-h1,.rich-heading-h2,.rich-heading-h3,.rich-heading-h4,.rich-heading-h5,.rich-heading-h6):hover .rich-heading-anchor:hover{opacity:1}[contenteditable=true] .rich-heading-h1:before,[contenteditable=true] .rich-heading-h2:before,[contenteditable=true] .rich-heading-h3:before,[contenteditable=true] .rich-heading-h4:before,[contenteditable=true] .rich-heading-h5:before,[contenteditable=true] .rich-heading-h6:before{position:absolute;left:-1.5rem;bottom:.5rem;display:flex;font-size:.5rem;font-weight:600;color:var(--rc-text-secondary);opacity:.6;pointer-events:none;font-family:var(--rc-font-mono)}[contenteditable=true] .rich-heading-h1:before{content:"H1"}[contenteditable=true] .rich-heading-h2:before{content:"H2"}[contenteditable=true] .rich-heading-h3:before{content:"H3"}[contenteditable=true] .rich-heading-h4:before{content:"H4"}[contenteditable=true] .rich-heading-h5:before{content:"H5"}[contenteditable=true] .rich-heading-h6:before{content:"H6"}.ds1tv40 .rich-heading-h1{font-size:2em;font-weight:700;line-height:var(--rc-line-height-tight);margin-top:1.5em;margin-bottom:.5em}.ds1tv40 .rich-heading-h2{font-size:1.5em;font-weight:700;line-height:var(--rc-line-height-tight);margin-top:1.4em;margin-bottom:.45em}.ds1tv40 .rich-heading-h3{font-size:1.25em;font-weight:600;line-height:var(--rc-line-height-tight);margin-top:1.3em;margin-bottom:.4em}.ds1tv40 .rich-heading-h4{font-size:1.125em;font-weight:600;line-height:var(--rc-line-height-tight);margin-top:1.2em;margin-bottom:.35em}.ds1tv40 .rich-heading-h5{font-size:1em;font-weight:600;line-height:var(--rc-line-height-tight);margin-top:1.1em;margin-bottom:.3em}.ds1tv40 .rich-heading-h6{font-size:.875em;font-weight:600;line-height:var(--rc-line-height-tight);margin-top:1em;margin-bottom:.25em;color:var(--rc-text)}.ds1tv40 .rich-link{color:var(--rc-link);text-decoration:none;transition:color .2s ease}.ds1tv40 .rich-link:hover{text-decoration:underline}.ds1tv40 .rich-link[data-favicon=loaded]:before{content:"";display:inline-block;width:1em;height:1em;margin-right:.2em;vertical-align:-.125em;background-image:var(--rc-link-favicon);background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:2px}.ds1tv40 .rich-link-favicon{display:inline-flex;align-items:center;margin-right:.15em;vertical-align:-.125em}.ds1tv40 .rich-link-favicon img{width:1em;height:1em;border-radius:2px;object-fit:contain}.ds1tv40 .rich-link-favicon svg{width:.9em;height:.9em}.ds1tv40 .rich-list-ol{list-style-type:decimal;padding-left:var(--rc-space-lg);margin-bottom:1em}.ds1tv40 .rich-list-ul{list-style-type:disc;padding-left:var(--rc-space-lg);margin-bottom:1em}.ds1tv40 .rich-list-item{margin-bottom:.25em}.ds1tv40 .rich-list-nested-item{list-style-type:none}.ds1tv40 .rich-list-nested-item .rich-list-ol{list-style-type:lower-alpha}.ds1tv40 .rich-list-nested-item .rich-list-ul{list-style-type:circle}.ds1tv40 .rich-checklist{list-style-type:none;padding-left:0}.ds1tv40 .rich-list-item.rich-list-item-checked,.ds1tv40 .rich-list-item.rich-list-item-unchecked{--rc-cb-size: 1.125rem;position:relative;padding-left:2em;list-style-type:none;outline:none}.ds1tv40 .rich-list-item.rich-list-item-unchecked:before,.ds1tv40 .rich-list-item.rich-list-item-checked:before{content:"";position:absolute;left:0;top:calc((1lh - var(--rc-cb-size)) / 2);width:var(--rc-cb-size);height:var(--rc-cb-size);border:2px solid color-mix(in oklab,var(--rc-text-secondary) 60%,transparent);border-radius:var(--rc-radius-sm);box-sizing:border-box;cursor:pointer;vertical-align:middle;color:var(--rc-text);background-color:transparent;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}[contenteditable=true] .ds1tv40 .rich-list-item.rich-list-item-unchecked:hover:before{border-color:color-mix(in oklab,var(--rc-text-secondary) 80%,transparent)}.ds1tv40 .rich-list-item.rich-list-item-unchecked:after,.ds1tv40 .rich-list-item.rich-list-item-checked:after{content:"";position:absolute;left:0;top:calc((1lh - var(--rc-cb-size)) / 2);width:var(--rc-cb-size);height:var(--rc-cb-size);opacity:0;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:#fff;box-sizing:border-box;display:block;pointer-events:none;transform:rotate(45deg);transform-origin:center;transition:clip-path .25s cubic-bezier(.34,1.56,.64,1),opacity .15s}.ds1tv40 .rich-list-item.rich-list-item-checked:before{background-color:var(--rc-accent);border-color:var(--rc-accent);box-shadow:0 0 0 1px var(--rc-accent)}.ds1tv40 .rich-list-item.rich-list-item-checked:after{clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%);opacity:1;transform:rotate(45deg) scale(.7)}.ds1tv40 .rich-list-item-checked{text-decoration:line-through;color:var(--rc-text-secondary)}.ds1tv40 .rich-quote{border-left:4px solid var(--rc-quote-border);background-color:var(--rc-quote-bg);margin:var(--rc-space-md) 0;padding:var(--rc-space-sm) var(--rc-space-md);font-style:italic;color:var(--rc-text-secondary);border-radius:0 var(--rc-radius-sm) var(--rc-radius-sm) 0}.ds1tv40 .rich-quote>.rich-paragraph:first-child{margin-top:0}.ds1tv40 .rich-quote>.rich-paragraph:last-child{margin-bottom:0}.ds1tv40 .rich-hr{border:none;border-top:1px solid var(--rc-hr-border);margin:var(--rc-space-lg) auto;width:60px}.ds1tv40 .rich-table-scrollable-wrapper{overflow-x:auto}.ds1tv40 .rich-table{width:100%;border-collapse:separate;border-spacing:0;margin:var(--rc-space-lg) 0;font-size:var(--rc-font-size-small);border:1px solid var(--rc-border);border-radius:var(--rc-radius-md);overflow:hidden}.ds1tv40 .rich-table-cell{border:none;border-bottom:1px solid var(--rc-border);border-right:1px solid var(--rc-border);padding:1.25em var(--rc-space-lg);text-align:left;vertical-align:middle;line-height:1.5}.ds1tv40 .rich-table-cell:last-child{border-right:none}.ds1tv40 .rich-table tbody tr:last-child .rich-table-cell{border-bottom:none}.ds1tv40 .rich-table-cell .rich-paragraph{margin:0;padding:0;line-height:inherit}.ds1tv40 .rich-table-cell>:first-child{margin-top:0}.ds1tv40 .rich-table-cell>:last-child{margin-bottom:0}.ds1tv40 .rich-table-cell-header{border:none;border-bottom:1px solid var(--rc-border);border-right:1px solid var(--rc-border);padding:var(--rc-space-md) var(--rc-space-lg);text-align:left;font-weight:600;font-size:.75em;text-transform:uppercase;letter-spacing:.05em;color:var(--rc-text-secondary);background-color:var(--rc-bg-secondary);vertical-align:middle;line-height:1.5;position:sticky;top:0;z-index:1}.ds1tv40 .rich-table-cell-header:last-child{border-right:none}.ds1tv40 .rich-table-cell-header .rich-paragraph{margin:0;padding:0;line-height:inherit}.ds1tv40 .rich-table-cell-header>:first-child{margin-top:0}.ds1tv40 .rich-table-cell-header>:last-child{margin-bottom:0}.ds1tv40 img{max-width:100%;height:auto;border-radius:var(--rc-radius-md)}.ds1tv40 .rich-spoiler{background-color:var(--rc-text);color:transparent;border-radius:var(--rc-radius-sm);padding-inline:4px;cursor:pointer;transition:background-color .3s ease,color .3s ease;user-select:none}[contenteditable=true] .rich-spoiler{background-color:color-mix(in srgb,var(--rc-text) 30%,transparent);color:inherit;user-select:auto;cursor:text}.ds1tv40 .rich-spoiler:hover,.ds1tv40 .rich-spoiler-revealed{background-color:transparent;color:inherit;user-select:auto}.ds1tv40 .rich-ruby{ruby-position:over;ruby-align:center}.ds1tv40 .rich-ruby-rt{font-size:.58em;line-height:1;color:var(--rc-text-secondary);user-select:none}[contenteditable=true] .rich-ruby[data-ruby]{position:relative;display:inline-block;padding-top:.72em;line-height:1.2}[contenteditable=true] .rich-ruby[data-ruby]:before{content:attr(data-ruby);position:absolute;left:0;right:0;top:0;transform:translateY(-.68em);font-size:.58em;line-height:1;text-align:center;color:var(--rc-text-secondary);pointer-events:none;white-space:nowrap}.ds1tv40 .rich-footnote{vertical-align:super;font-size:.8em}.ds1tv40 .rich-footnote-ref{display:inline-flex;align-items:center;justify-content:center;min-width:1.5em;text-decoration:none;color:var(--rc-accent);background-color:var(--rc-accent-light);border-radius:999px;padding:0 .35em;line-height:1.45;font-weight:600;font-size:.82em;transition:filter .15s ease}.ds1tv40 .rich-footnote-ref:hover{filter:brightness(.96)}.ds1tv40 .rich-footnote-highlight{animation:ds1tv42 1.2s ease-out}.ds1tv40 .rich-footnote-ref-wrapper{position:relative;display:inline}.ds1tv40 .rich-footnote-section{margin-top:var(--rc-space-lg)}.ds1tv40 .rich-footnote-section-divider{border:none;border-top:1px solid var(--rc-border);margin:var(--rc-space-lg) 0 var(--rc-space-md)}.ds1tv40 .rich-footnote-section-list{list-style-type:decimal;padding-left:var(--rc-space-lg);font-size:var(--rc-font-size-small);color:var(--rc-text-secondary);line-height:1.6}.ds1tv40 .rich-footnote-section-item{margin-bottom:var(--rc-space-sm);padding-left:var(--rc-space-xs)}.ds1tv40 .rich-footnote-back-ref{display:inline-flex;align-items:center;margin-left:var(--rc-space-xs);color:var(--rc-accent);text-decoration:none;font-size:.85em;transition:opacity .15s ease;font-family:var(--rc-font-mono)}.ds1tv40 .rich-footnote-back-ref:hover{opacity:.7}.ds1tv40 .rich-footnote-section-item-edit{display:flex;align-items:center;gap:var(--rc-space-sm);list-style-type:none}.ds1tv40 .rich-footnote-section-item-num{flex-shrink:0;color:var(--rc-text-secondary);font-size:var(--rc-font-size-small);font-weight:600;min-width:1.5em}.ds1tv40 .rich-footnote-section-item-input{flex:1;border:1px solid var(--rc-border);border-radius:var(--rc-radius-sm);padding:var(--rc-space-xs) var(--rc-space-sm);font-size:var(--rc-font-size-small);color:var(--rc-text);background-color:transparent;outline:none;transition:border-color .15s ease}.ds1tv40 .rich-footnote-section-item-input:focus{border-color:var(--rc-accent)}.ds1tv40 .rich-footnote-section-item-remove{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:none;color:var(--rc-text-secondary);cursor:pointer;border-radius:var(--rc-radius-sm);font-size:14px;transition:color .15s ease,background-color .15s ease}.ds1tv40 .rich-footnote-section-item-remove:hover{color:#ef4444;background-color:#ef44441a}.rich-drag-handle{position:absolute;display:flex;align-items:center;justify-content:center;width:20px;height:20px;cursor:grab;border-radius:var(--rc-radius-sm);color:var(--rc-text-secondary);opacity:.4;transition:opacity .15s ease,background-color .15s ease;z-index:10}.rich-drag-handle:hover{opacity:1;background-color:var(--rc-fill-secondary)}.rich-drag-handle:active{cursor:grabbing}.rich-drop-indicator{position:absolute;height:2px;background-color:var(--rc-accent);border-radius:1px;pointer-events:none;z-index:10}.ds1tv40 .rich-alert{margin:2em 0;padding:0 1em;background-color:transparent;border:none;border-radius:0}.ds1tv40>*:first-child,.ds1tv40 .rich-editor__content>*:first-child{margin-top:0}.ds1tv40>*:last-child,.ds1tv40 .rich-editor__content>*:last-child{margin-bottom:0}@supports (animation-timeline: view()){.ds1tv40 .rich-text-highlight{--rc-hl-highlighted: 0;animation:ds1tv41 steps(1) both;animation-timeline:view();animation-range:entry 100% cover 10%}}._1pke0ca0{max-width:var(--rc-max-width);font-size:var(--rc-font-size-base);line-height:1.75;color:var(--rc-text)}._1pke0ca0 .rich-paragraph{margin-top:1.5em;margin-bottom:1.5em}._1pke0ca0 .rich-heading-h1{color:var(--rc-text);font-weight:800;font-size:3em;margin-top:0;margin-bottom:.8333333333333334em;line-height:1}._1pke0ca0 .rich-heading-h2{color:var(--rc-text);font-weight:700;font-size:1.875em;margin-top:1.8666666666666667em;margin-bottom:1.0666666666666667em;line-height:1.3333333}._1pke0ca0 .rich-heading-h3{color:var(--rc-text);font-weight:600;font-size:1.5em;margin-top:1.6666666666666667em;margin-bottom:.6666666666666666em;line-height:1.5}._1pke0ca0 .rich-heading-h4{color:var(--rc-text);font-weight:600;margin-top:2em;margin-bottom:.5em;line-height:1.5625}._1pke0ca0 .rich-heading-h2+*,._1pke0ca0 .rich-heading-h3+*,._1pke0ca0 .rich-heading-h4+*{margin-top:0}._1pke0ca0 .rich-quote{font-weight:500;font-style:italic;color:var(--rc-text);border-left-width:.25rem;border-left-style:solid;border-left-color:var(--rc-quote-border);margin-top:2.5em;margin-bottom:2.5em;padding-left:1.5em;background-color:transparent;border-radius:0;quotes:"“""”""‘""’"}._1pke0ca0 .rich-quote .rich-paragraph:first-of-type:before{content:open-quote}._1pke0ca0 .rich-quote .rich-paragraph:last-of-type:after{content:close-quote}._1pke0ca0 .rich-quote .rich-paragraph:first-child{margin-top:0}._1pke0ca0 .rich-quote .rich-paragraph:last-child{margin-bottom:0}._1pke0ca0 .rich-text-code{color:var(--rc-text);font-weight:600;font-size:.875em;background-color:var(--rc-code-bg);padding:.2em .4em;border-radius:var(--rc-radius-sm);font-family:var(--rc-font-mono)}._1pke0ca0 .rich-text-code:before,._1pke0ca0 .rich-text-code:after{content:"`";color:var(--rc-text-secondary);opacity:.5}._1pke0ca0 .rich-code-block{color:var(--rc-text);background-color:var(--rc-code-bg);border-radius:.375rem;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.75}._1pke0ca0 .rich-code-block pre{padding:1em 1.5em;margin:0}._1pke0ca0 .rich-list-ul,._1pke0ca0 .rich-list-ol{margin-top:1.5em;margin-bottom:1.5em;padding-left:1.75em}._1pke0ca0 .rich-list-item{margin-top:.75em;margin-bottom:.75em;padding-left:.5em}._1pke0ca0 .rich-list-item .rich-paragraph{margin-top:1em;margin-bottom:1em}._1pke0ca0 .rich-list-item>.rich-paragraph:first-child{margin-top:1.5em}._1pke0ca0 .rich-list-item>.rich-paragraph:last-child{margin-bottom:1.5em}._1pke0ca0 .rich-list-ul .rich-list-ul,._1pke0ca0 .rich-list-ul .rich-list-ol,._1pke0ca0 .rich-list-ol .rich-list-ul,._1pke0ca0 .rich-list-ol .rich-list-ol{margin-top:1em;margin-bottom:1em}._1pke0ca0 .rich-table{margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.5}._1pke0ca0 .rich-table .rich-paragraph{margin:0;padding:0;line-height:inherit}._1pke0ca0 .rich-image{margin-top:2em;margin-bottom:2em}._1pke0ca0 .rich-image>*{margin-top:0;margin-bottom:0}._1pke0ca0 .rich-image figcaption{color:var(--rc-text-secondary);font-size:.875em;line-height:1.5;margin-top:1em}._1pke0ca0 .rich-hr{border-color:var(--rc-hr-border);border-top-width:1px;width:60px;margin:3.5em auto}._1pke0ca0 .rich-hr+*{margin-top:0}._1pke0ca0 .rich-link{font-weight:500;text-decoration:underline}._1pke0ca0 .rich-banner,._1pke0ca0 .rich-code-snippet,._1pke0ca0 .rich-details{margin:2em 0}._1pke0ca0>*:first-child{margin-top:0}._1pke0ca0>*:last-child{margin-bottom:0}._1iyoz3l0{font-size:var(--rc-font-size-base);line-height:var(--rc-line-height)}._1iyoz3l0 .rich-paragraph{margin-bottom:.6em}._1iyoz3l0 .rich-heading-h1{font-size:1.35em;font-weight:700;margin-top:.8em;margin-bottom:.3em}._1iyoz3l0 .rich-heading-h2{font-size:1.2em;font-weight:700;margin-top:.7em;margin-bottom:.25em}._1iyoz3l0 .rich-heading-h3{font-size:1.1em;font-weight:600;margin-top:.6em;margin-bottom:.2em}._1iyoz3l0 .rich-heading-h4{font-size:1em;font-weight:600;margin-top:.5em;margin-bottom:.15em}._1iyoz3l0 .rich-heading-h5{font-size:.9em;font-weight:600;margin-top:.45em;margin-bottom:.1em}._1iyoz3l0 .rich-heading-h6{font-size:.85em;font-weight:600;margin-top:.4em;margin-bottom:.1em}._1iyoz3l0 .rich-quote{border-left-width:3px;padding:var(--rc-space-sm) var(--rc-space-md);margin:var(--rc-space-sm) 0;font-size:.95em}._1iyoz3l0 .rich-list-ol,._1iyoz3l0 .rich-list-ul{margin-bottom:.6em;padding-left:var(--rc-space-md)}._1iyoz3l0 .rich-list-item{margin-bottom:.1em}._1iyoz3l0 .rich-code-block{margin:var(--rc-space-sm) 0;border-radius:var(--rc-radius-sm);font-size:var(--rc-font-size-small)}._1iyoz3l0 .rich-code-block pre{padding:var(--rc-space-sm)}._1iyoz3l0 .line:before{display:none!important}._1iyoz3l0 .rich-table{margin:var(--rc-space-sm) 0;font-size:var(--rc-font-size-small)}._1iyoz3l0 .rich-table-cell,._1iyoz3l0 .rich-table-cell-header{padding:var(--rc-space-xs) var(--rc-space-sm)}._1iyoz3l0 .rich-image{margin:var(--rc-space-sm) 0}._1iyoz3l0 .rich-image figcaption{font-size:var(--rc-font-size-small)}._1iyoz3l0 .rich-hr{border:none;border-top:1px solid var(--rc-hr-border);margin:var(--rc-space-lg) auto;width:60px}._1iyoz3l0 .rich-alert{padding:var(--rc-space-sm) var(--rc-space-md);padding-left:var(--rc-space-lg);margin:var(--rc-space-sm) 0}._1iyoz3l0 .rich-katex-block{padding:var(--rc-space-sm) 0;margin:var(--rc-space-sm) 0}.g7jfj60{max-width:var(--rc-max-width);font-size:var(--rc-font-size-base);line-height:1.8;color:var(--rc-text)}.g7jfj60>.rich-paragraph,.g7jfj60 .rich-editor__content>.rich-paragraph,.g7jfj60 .rich-content__body>.rich-paragraph{margin-top:1.25em;margin-bottom:1.25em;line-height:1.8}.g7jfj60>.rich-paragraph:first-of-type,.g7jfj60 .rich-editor__content>.rich-paragraph:first-of-type,.g7jfj60 .rich-content__body>.rich-paragraph:first-of-type{margin-top:0;margin-bottom:2rem}.g7jfj60>.rich-paragraph:not(:first-of-type)>[data-lexical-text]:first-child,.g7jfj60 .rich-editor__content>.rich-paragraph:not(:first-of-type)>[data-lexical-text]:first-child,.g7jfj60 .rich-content__body>.rich-paragraph:not(:first-of-type)>[data-lexical-text]:first-child{margin-inline-start:2rem}.g7jfj60>.rich-paragraph:first-of-type:first-letter,.g7jfj60 .rich-content__body>.rich-paragraph:first-of-type:first-letter{float:left;font-size:2.4em;margin-right:.2em;line-height:1}.g7jfj60 .rich-editor__content>.rich-paragraph:first-of-type:first-letter{font-size:1.5em;font-weight:700;color:var(--rc-accent)}.g7jfj60>.rich-paragraph:last-child,.g7jfj60 .rich-editor__content>.rich-paragraph:last-child,.g7jfj60 .rich-content__body>.rich-paragraph:last-child{margin-bottom:0}.g7jfj60 .rich-text-bold{font-family:var(--rc-font-family);font-weight:600;color:var(--rc-text)}.g7jfj60 .rich-heading-h1{font-size:2.25em;font-weight:800;line-height:1.1111111;margin-top:0;margin-bottom:.8888889em;letter-spacing:-.025em;color:var(--rc-text)}.g7jfj60 .rich-heading-h2{font-size:1.5em;font-weight:700;line-height:1.3333333;margin-top:2em;margin-bottom:1em;letter-spacing:-.025em;color:var(--rc-text)}.g7jfj60 .rich-heading-h2+*{margin-top:0}.g7jfj60 .rich-heading-h3{font-size:1.25em;font-weight:600;line-height:1.6;margin-top:1.6em;margin-bottom:.6em;letter-spacing:-.025em;color:var(--rc-text)}.g7jfj60 .rich-heading-h3+*{margin-top:0}.g7jfj60 .rich-heading-h4{font-size:1.125em;font-weight:600;line-height:1.5;margin-top:1.5em;margin-bottom:.5em;color:var(--rc-text)}.g7jfj60 .rich-heading-h4+*{margin-top:0}.g7jfj60 .rich-heading-h5{font-size:1em;font-weight:600;line-height:1.5;margin-top:1.5em;margin-bottom:.5em;color:var(--rc-text)}.g7jfj60 .rich-heading-h5+*{margin-top:0}.g7jfj60 .rich-heading-h6{font-size:.875em;font-weight:600;line-height:1.5;margin-top:1.5em;margin-bottom:.5em;color:var(--rc-text);text-transform:uppercase}.g7jfj60 .rich-heading-h6+*{margin-top:0}.g7jfj60 .rich-quote{font-style:normal;line-height:1.8;color:inherit;border-left:none;background-color:color-mix(in srgb,var(--rc-accent) 10%,transparent);margin-top:1.6em;margin-bottom:1.6em;margin-left:-1rem;margin-right:-1rem;padding:1em 2em;border-radius:0}.g7jfj60 .rich-quote .rich-paragraph:first-child:first-letter{float:none;font-size:inherit;margin-right:0}.g7jfj60 .rich-link{font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color .15s ease}.g7jfj60 .rich-link:hover{text-decoration-thickness:2px}.g7jfj60 .rich-text-code{font-size:.875em;font-family:var(--rc-font-mono);font-weight:500;padding:.2em .4em;border-radius:var(--rc-radius-sm);background-color:var(--rc-code-bg)}.g7jfj60 .rich-list-ol,.g7jfj60 .rich-list-ul{margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.g7jfj60 .rich-list-ol{list-style-type:decimal}.g7jfj60 .rich-list-ul{list-style-type:disc}.g7jfj60 .rich-list-item{margin-top:.5em;margin-bottom:.5em;padding-left:.375em}.g7jfj60 .rich-list-item::marker{color:var(--rc-text-secondary)}.g7jfj60 .rich-code-block{font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:var(--rc-radius-md);overflow-x:auto}.g7jfj60 .rich-code-block pre{padding:.8571429em 1.1428571em;margin:0}.g7jfj60 .rich-table{margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.g7jfj60 .rich-table .rich-paragraph{margin:0;padding:0;line-height:inherit}.g7jfj60 .rich-table .rich-paragraph:first-child:first-letter{float:none;font-size:inherit;margin-right:0}.g7jfj60 .rich-image{margin-top:2em;margin-bottom:2em}.g7jfj60 .rich-image img{border-radius:var(--rc-radius-md)}.g7jfj60 .rich-image figcaption{font-size:.875em;line-height:1.4285714;margin-top:.8571429em;color:var(--rc-text-secondary);text-align:center}.g7jfj60 .rich-hr{border:none;border-top:1px solid var(--rc-hr-border);opacity:.2;margin-top:.5rem;margin-bottom:.5rem;width:60px;margin-left:auto;margin-right:auto}.g7jfj60 .rich-katex-block{margin-top:1.6em;margin-bottom:1.6em;overflow-x:auto;padding:1em 0}.g7jfj60 .rich-spoiler{border-radius:var(--rc-radius-sm);padding-inline:.25em}.g7jfj60>*:first-child{margin-top:0}.g7jfj60>*:last-child{margin-bottom:0}._1an6v8d0{position:relative;display:block;cursor:pointer;margin:var(--rc-space-md) 0;border-radius:var(--rc-radius-md);border:1px solid var(--rc-border);overflow:clip}._1an6v8d1{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000059;color:#fff;opacity:0;pointer-events:none;transition:opacity .2s,background .2s}._1an6v8d0:hover ._1an6v8d1{opacity:1;background:#00000080}.ds1tv40 .rich-nested-doc-content{padding:var(--rc-space-md);max-height:400px;overflow:clip}._1an6v8d2._1an6v8d2{padding:0;gap:0;width:700px;max-width:90vw;max-height:min(900px,calc(100vh - 1rem));overflow:hidden}._1an6v8d3{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:min(800px,calc(100vh - 1rem));background:var(--rc-bg)}._1an6v8d4{display:grid;gap:0;padding:.75rem 3rem .75rem .875rem;border-bottom:1px solid var(--rc-border);background:linear-gradient(180deg,color-mix(in srgb,var(--rc-text) 3%,transparent),transparent)}._1an6v8d5{display:flex;align-items:center;gap:.75rem}._1an6v8d6{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--rc-radius-sm);background:color-mix(in srgb,var(--rc-accent) 14%,transparent);color:var(--rc-text);flex-shrink:0}._1an6v8d7{min-width:0}._1an6v8d8{margin:0;font-size:1.125rem;font-weight:700;line-height:1.1;color:var(--rc-text)}._1an6v8d9{padding:0 .75rem .5rem;border-bottom:1px solid var(--rc-border);background:var(--rc-bg)}._1an6v8da{margin:0;max-width:none;border-radius:0;position:sticky;top:0}._1an6v8da{border:none;box-shadow:none;background-color:transparent;backdrop-filter:none}._1an6v8da>div{padding-inline:0}._1an6v8db{min-height:0;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--rc-text) 2%,transparent),transparent)}._1an6v8db .rich-editor{display:flex;flex-direction:column;height:100%}._1an6v8db .ds1tv40>*:first-child{border-top:none;border-left:none;border-right:none;box-shadow:none;border-radius:0;margin:0;max-width:none;backdrop-filter:none;background-color:transparent}._1an6v8dc{height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable both-edges}._1an6v8dd{display:flex;min-height:100%;background:var(--rc-bg);overflow:hidden}._1an6v8de{flex:1;min-height:460px;padding:1.25rem 1.5rem 1.75rem;outline:none;overflow:visible}._1an6v8df{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:.875rem 1.25rem 1rem;border-top:1px solid var(--rc-border);background:color-mix(in srgb,var(--rc-text) 2%,transparent)}._1an6v8dg{display:flex;align-items:center;gap:.625rem;flex-shrink:0}._1an6v8dh{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;height:36px;padding:0 .875rem;border-radius:var(--rc-radius-sm);border:1px solid transparent;font-size:var(--rc-font-size-xs);font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}._1an6v8di{border-color:var(--rc-border);background:var(--rc-bg);color:var(--rc-text-secondary)}._1an6v8di:hover{background:var(--rc-fill-secondary);color:var(--rc-text)}._1an6v8dj{background:var(--rc-text);color:var(--rc-bg)}._1an6v8dj:hover{background:color-mix(in srgb,var(--rc-text) 86%,transparent)}._1an6v8dk{position:relative;display:block;cursor:pointer;margin:var(--rc-space-md) 0;border-radius:var(--rc-radius-md);border:1px solid var(--rc-border);overflow:clip}._1an6v8dl{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000040;color:#fff;opacity:0;pointer-events:none;transition:opacity .2s;z-index:1}._1an6v8dk:hover ._1an6v8dl{opacity:1}._1an6v8dm{position:absolute;bottom:0;left:0;right:0;height:4rem;background:linear-gradient(to bottom,transparent,var(--rc-bg));pointer-events:none}._1an6v8dn._1an6v8dn{display:flex;flex-direction:column;width:700px;max-width:90vw;height:min(800px,calc(100vh - 2rem));max-height:min(800px,calc(100vh - 2rem));overflow:hidden}._1an6v8do{flex:1;min-height:0;margin:-1.5rem;padding:1.5rem;overflow-y:auto;overflow-x:hidden}._1an6v8dp{pointer-events:none}._1an6v8dq{margin:0;color:var(--rc-text-secondary);font-size:var(--rc-font-size-md);opacity:.72}._1an6v8de .rich-paragraph:first-child,._1an6v8dp .rich-paragraph:first-child{margin-top:0}._1an6v8dp .rich-paragraph:last-child{margin-bottom:0}

package/dist/static.d.ts

@@ -0,0 +1,8 @@
+import { Klass, LexicalNode } from 'lexical';
+export type { SerializedNestedDocNode } from './NestedDocNode';
+export { $createNestedDocNode, $isNestedDocNode, NestedDocNode, } from './NestedDocNode';
+export { NestedDocRenderer } from './NestedDocRenderer';
+export { NestedDocStaticDecorator } from './NestedDocStaticDecorator';
+export { NESTED_DOC_BLOCK_TRANSFORMER } from './transformer';
+export declare const nestedDocNodes: Array<Klass<LexicalNode>>;
+//# sourceMappingURL=static.d.ts.map

package/dist/static.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"static.d.ts","sourceRoot":"","sources":["../src/static.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,CAAA;AAExB,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAIjD,YAAY,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAA;AAC9D,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EAChB,aAAa,GACd,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,4BAA4B,EAAE,MAAM,eAAe,CAAA;AAE5D,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAmB,CAAA"}

package/dist/static.mjs

@@ -0,0 +1,12 @@
+import { q as NestedDocNode } from "./transformer-CqZLVEDu.js";
+import { r, $, u, N, v } from "./transformer-CqZLVEDu.js";
+const nestedDocNodes = [NestedDocNode];
+export {
+  r as $createNestedDocNode,
+  $ as $isNestedDocNode,
+  u as NESTED_DOC_BLOCK_TRANSFORMER,
+  NestedDocNode,
+  N as NestedDocRenderer,
+  v as NestedDocStaticDecorator,
+  nestedDocNodes
+};

package/dist/styles.css.d.ts

@@ -0,0 +1,27 @@
+export declare const editOverlayRoot: string;
+export declare const editOverlay: string;
+export declare const dialogPopup: string;
+export declare const dialogShell: string;
+export declare const dialogHeader: string;
+export declare const dialogHeaderMain: string;
+export declare const dialogHeaderIcon: string;
+export declare const dialogHeaderText: string;
+export declare const dialogTitle: string;
+export declare const dialogToolbarSection: string;
+export declare const dialogToolbar: string;
+export declare const editorArea: string;
+export declare const editorScrollContainer: string;
+export declare const editorCard: string;
+export declare const editorEditable: string;
+export declare const dialogFooter: string;
+export declare const dialogActions: string;
+export declare const secondaryButton: string;
+export declare const primaryButton: string;
+export declare const staticOverlayRoot: string;
+export declare const staticOverlay: string;
+export declare const staticGradientMask: string;
+export declare const staticDialogPopup: string;
+export declare const staticDialogBody: string;
+export declare const previewSurface: string;
+export declare const previewEmpty: string;
+//# sourceMappingURL=styles.css.d.ts.map

package/dist/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../src/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,QAQ1B,CAAA;AAEF,eAAO,MAAM,WAAW,QAiBtB,CAAA;AAQF,eAAO,MAAM,WAAW,QAAY,CAAA;AAWpC,eAAO,MAAM,WAAW,QAKtB,CAAA;AAEF,eAAO,MAAM,YAAY,QAMvB,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAI3B,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAU3B,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAE3B,CAAA;AAEF,eAAO,MAAM,WAAW,QAMtB,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAI/B,CAAA;AAEF,eAAO,MAAM,aAAa,QAMxB,CAAA;AAaF,eAAO,MAAM,UAAU,QAKrB,CAAA;AAoBF,eAAO,MAAM,qBAAqB,QAKhC,CAAA;AAEF,eAAO,MAAM,UAAU,QAKrB,CAAA;AAEF,eAAO,MAAM,cAAc,QAMzB,CAAA;AAEF,eAAO,MAAM,YAAY,QAQvB,CAAA;AAEF,eAAO,MAAM,aAAa,QAKxB,CAAA;AAkBF,eAAO,MAAM,eAAe,QAa1B,CAAA;AAEF,eAAO,MAAM,aAAa,QAWxB,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAQ5B,CAAA;AAEF,eAAO,MAAM,aAAa,QAiBxB,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAQ7B,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAAY,CAAA;AAY1C,eAAO,MAAM,gBAAgB,QAO3B,CAAA;AAEF,eAAO,MAAM,cAAc,QAEzB,CAAA;AAEF,eAAO,MAAM,YAAY,QAKvB,CAAA"}

package/dist/transformer-CqZLVEDu.js

@@ -0,0 +1,228 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { extractTextContent as extractTextContent$1 } from "@haklex/rich-editor";
+import { useOptionalNestedContentRenderer, useVariant, useColorScheme, extractTextContent } from "@haklex/rich-editor/static";
+import { DecoratorNode } from "lexical";
+import { useMemo, useCallback, createElement } from "react";
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { usePortalTheme } from "@haklex/rich-style-token";
+import { Maximize2 } from "lucide-react";
+import { RichRenderer } from "@haklex/rich-static-renderer";
+var editOverlayRoot = "_1an6v8d0";
+var editOverlay = "_1an6v8d1";
+var dialogPopup = "_1an6v8d2";
+var dialogShell = "_1an6v8d3";
+var dialogHeader = "_1an6v8d4";
+var dialogHeaderMain = "_1an6v8d5";
+var dialogHeaderIcon = "_1an6v8d6";
+var dialogHeaderText = "_1an6v8d7";
+var dialogTitle = "_1an6v8d8";
+var editorArea = "_1an6v8db";
+var dialogFooter = "_1an6v8df";
+var dialogActions = "_1an6v8dg";
+var secondaryButton = "_1an6v8di _1an6v8dh";
+var primaryButton = "_1an6v8dj _1an6v8dh";
+var staticOverlayRoot = "_1an6v8dk";
+var staticOverlay = "_1an6v8dl";
+var staticGradientMask = "_1an6v8dm";
+var staticDialogPopup = "_1an6v8dn";
+var staticDialogBody = "_1an6v8do";
+var previewSurface = "_1an6v8dp";
+var previewEmpty = "_1an6v8dq";
+function NestedDocRenderer({ value }) {
+  const renderNestedContent = useOptionalNestedContentRenderer();
+  const variant = useVariant();
+  const theme = useColorScheme();
+  if (renderNestedContent) {
+    return /* @__PURE__ */ jsx(Fragment, { children: renderNestedContent(value) });
+  }
+  return /* @__PURE__ */ jsx(RichRenderer, { value, variant, theme });
+}
+function truncateEditorState(state, maxNodes) {
+  const root = state.root;
+  if (!root?.children || root.children.length <= maxNodes) return state;
+  return {
+    ...state,
+    root: {
+      ...root,
+      children: root.children.slice(0, maxNodes)
+    }
+  };
+}
+function hasRenderableEditorState(state) {
+  const children = state.root?.children ?? [];
+  if (children.length === 0) return false;
+  if (children.length > 1) return true;
+  const first = children[0];
+  if (!first) return false;
+  if (first.type !== "paragraph") return true;
+  return first.children?.some((child) => {
+    if (child.type !== "text") return true;
+    return Boolean(child.text?.trim());
+  }) ?? false;
+}
+const PREVIEW_NODE_LIMIT = 6;
+function NestedDocStaticDecorator({
+  contentState
+}) {
+  const colorScheme = useColorScheme();
+  const { className: portalClassName } = usePortalTheme();
+  const children = contentState.root?.children ?? [];
+  const needsTruncation = children.length > PREVIEW_NODE_LIMIT;
+  const previewState = useMemo(
+    () => truncateEditorState(contentState, PREVIEW_NODE_LIMIT),
+    [contentState]
+  );
+  const hasPreview = hasRenderableEditorState(contentState);
+  const handleOpen = useCallback(async () => {
+    const { presentDialog } = await import("@haklex/rich-editor-ui");
+    presentDialog({
+      content: () => /* @__PURE__ */ jsx("div", { className: staticDialogBody, children: /* @__PURE__ */ jsx(NestedDocRenderer, { value: contentState }) }),
+      className: staticDialogPopup,
+      portalClassName,
+      theme: colorScheme,
+      showCloseButton: true,
+      clickOutsideToDismiss: true
+    });
+  }, [colorScheme, contentState, portalClassName]);
+  if (!hasPreview) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: staticOverlayRoot,
+      onClick: handleOpen,
+      role: "button",
+      tabIndex: 0,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          handleOpen();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "rich-nested-doc-content", children: /* @__PURE__ */ jsx("div", { className: previewSurface, children: /* @__PURE__ */ jsx(NestedDocRenderer, { value: previewState }) }) }),
+        needsTruncation && /* @__PURE__ */ jsx("div", { className: staticGradientMask, "aria-hidden": true }),
+        /* @__PURE__ */ jsx("div", { className: staticOverlay, "aria-hidden": true, children: /* @__PURE__ */ jsx(Maximize2, { size: 24 }) })
+      ]
+    }
+  );
+}
+class NestedDocNode extends DecoratorNode {
+  constructor(contentState, key) {
+    super(key);
+    __publicField(this, "__contentState");
+    this.__contentState = contentState || {
+      root: {
+        children: [
+          {
+            type: "paragraph",
+            children: [],
+            direction: null,
+            format: "",
+            indent: 0,
+            textFormat: 0,
+            textStyle: "",
+            version: 1
+          }
+        ],
+        direction: null,
+        format: "",
+        indent: 0,
+        type: "root",
+        version: 1
+      }
+    };
+  }
+  static getType() {
+    return "nested-doc";
+  }
+  static clone(node) {
+    return new NestedDocNode(node.__contentState, node.__key);
+  }
+  createDOM(_config) {
+    const div = document.createElement("div");
+    div.className = "rich-nested-doc";
+    return div;
+  }
+  updateDOM() {
+    return false;
+  }
+  isInline() {
+    return false;
+  }
+  getContentState() {
+    return this.getLatest().__contentState;
+  }
+  setContentState(state) {
+    const writable = this.getWritable();
+    writable.__contentState = state;
+  }
+  getTextContent() {
+    return extractTextContent(this.__contentState);
+  }
+  static importJSON(serializedNode) {
+    return new NestedDocNode(serializedNode.content);
+  }
+  exportJSON() {
+    return {
+      ...super.exportJSON(),
+      type: "nested-doc",
+      content: this.__contentState,
+      version: 1
+    };
+  }
+  decorate(_editor, _config) {
+    return createElement(NestedDocStaticDecorator, {
+      contentState: this.__contentState
+    });
+  }
+}
+function $createNestedDocNode(contentState) {
+  return new NestedDocNode(contentState);
+}
+function $isNestedDocNode(node) {
+  return node instanceof NestedDocNode;
+}
+const NESTED_DOC_BLOCK_TRANSFORMER = {
+  dependencies: [],
+  export: (node) => {
+    if (!$isNestedDocNode(node)) return null;
+    const text = extractTextContent$1(node.getContentState());
+    return `<nested-doc>
+${text}
+</nested-doc>`;
+  },
+  regExp: /a^/,
+  replace: () => {
+  },
+  type: "element"
+};
+export {
+  $isNestedDocNode as $,
+  NestedDocRenderer as N,
+  previewEmpty as a,
+  editOverlay as b,
+  dialogShell as c,
+  dialogPopup as d,
+  editOverlayRoot as e,
+  dialogHeader as f,
+  dialogHeaderMain as g,
+  hasRenderableEditorState as h,
+  dialogHeaderIcon as i,
+  dialogHeaderText as j,
+  dialogTitle as k,
+  editorArea as l,
+  dialogFooter as m,
+  dialogActions as n,
+  primaryButton as o,
+  previewSurface as p,
+  NestedDocNode as q,
+  $createNestedDocNode as r,
+  secondaryButton as s,
+  truncateEditorState as t,
+  NESTED_DOC_BLOCK_TRANSFORMER as u,
+  NestedDocStaticDecorator as v
+};

package/dist/transformer.d.ts

@@ -0,0 +1,3 @@
+import { ElementTransformer } from '@lexical/markdown';
+export declare const NESTED_DOC_BLOCK_TRANSFORMER: ElementTransformer;
+//# sourceMappingURL=transformer.d.ts.map

package/dist/transformer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformer.d.ts","sourceRoot":"","sources":["../src/transformer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAK3D,eAAO,MAAM,4BAA4B,EAAE,kBAU1C,CAAA"}

package/dist/utils.d.ts

@@ -0,0 +1,4 @@
+import { SerializedEditorState } from 'lexical';
+export declare function truncateEditorState(state: SerializedEditorState, maxNodes: number): SerializedEditorState;
+export declare function hasRenderableEditorState(state: SerializedEditorState): boolean;
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAEpD,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,qBAAqB,EAC5B,QAAQ,EAAE,MAAM,GACf,qBAAqB,CAWvB;AAED,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,qBAAqB,GAC3B,OAAO,CAwBT"}

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@haklex/rich-ext-nested-doc",
+  "type": "module",
+  "version": "0.0.62",
+  "description": "Nested document extension for haklex rich editor",
+  "license": "MIT",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./static": {
+      "import": "./dist/static.mjs",
+      "types": "./dist/static.d.ts"
+    },
+    "./style.css": "./dist/rich-ext-nested-doc.css"
+  },
+  "main": "./dist/index.mjs",
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "@lexical/react": "^0.41.0",
+    "lexical": "^0.41.0",
+    "lucide-react": "^0.574.0",
+    "react": ">=19",
+    "react-dom": ">=19"
+  },
+  "dependencies": {
+    "@haklex/rich-editor-ui": "0.0.62",
+    "@haklex/rich-style-token": "0.0.62",
+    "@haklex/rich-editor": "0.0.62",
+    "@haklex/rich-static-renderer": "0.0.62"
+  },
+  "devDependencies": {
+    "@lexical/react": "^0.41.0",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vanilla-extract/css": "^1.18.0",
+    "@vanilla-extract/vite-plugin": "^5.1.4",
+    "lexical": "^0.41.0",
+    "lucide-react": "^0.577.0",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build",
+    "dev:build": "vite build --watch"
+  },
+  "types": "./dist/index.d.ts"
+}