@haklex/rich-editor 0.0.14 → 0.0.15

package/dist/{RichEditor-DeAuc6CQ.js → RichEditor-CfssqZyj.js}

@@ -9,7 +9,7 @@ import { ListPlugin } from "@lexical/react/LexicalListPlugin";
 import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
 import { TabIndentationPlugin } from "@lexical/react/LexicalTabIndentationPlugin";
 import { TablePlugin } from "@lexical/react/LexicalTablePlugin";
-import { V as $isAlertQuoteNode, W as RendererWrapper, X as AlertRenderer, Y as AlertQuoteNode, Z as $isBannerNode, _ as BannerRenderer, a0 as BannerNode, a1 as normalizeBannerType, a2 as $isCodeBlockNode, a3 as CodeBlockRenderer, a4 as CodeBlockNode, Q as useFootnoteDefinitions, s as FootnoteSectionNode, k as $isGridContainerNode, G as GridContainerNode, e as editorTheme, N as NESTED_EDITOR_NODES, b as builtinNodes, a5 as SpoilerNode, a6 as MentionNode, t as KaTeXInlineNode, K as KaTeXBlockNode, a7 as ImageNode, a8 as FootnoteNode, a9 as VideoNode, L as LinkCardNode, aa as DetailsNode, M as MermaidNode, ab as $createAlertQuoteNode, ac as $createImageNode, ad as $createKaTeXInlineNode, ae as $createKaTeXBlockNode, af as $createBannerNode, ag as $createDetailsNode, ah as $createFootnoteNode, j as $isFootnoteSectionNode, $ as $createFootnoteSectionNode, ai as $createMentionNode, aj as $createSpoilerNode, i as $createMermaidNode, d as clsx, C as ColorSchemeProvider, R as RendererConfigProvider, F as FootnotePlugin, g as getVariantClass } from "./utils-DvP2uSr7.js";
+import { W as $isAlertQuoteNode, X as RendererWrapper, Y as AlertRenderer, Z as AlertQuoteNode, _ as $isBannerNode, a0 as BannerRenderer, a1 as BannerNode, a2 as normalizeBannerType, a3 as $isCodeBlockNode, a4 as CodeBlockRenderer, a5 as CodeBlockNode, Q as useFootnoteDefinitions, s as FootnoteSectionNode, k as $isGridContainerNode, G as GridContainerNode, e as editorTheme, N as NESTED_EDITOR_NODES, b as builtinNodes, a6 as SpoilerNode, a7 as MentionNode, t as KaTeXInlineNode, K as KaTeXBlockNode, a8 as ImageNode, a9 as FootnoteNode, aa as VideoNode, L as LinkCardNode, ab as DetailsNode, M as MermaidNode, ac as $createAlertQuoteNode, ad as $createImageNode, ae as $createKaTeXInlineNode, af as $createKaTeXBlockNode, ag as $createBannerNode, ah as $createDetailsNode, ai as $createFootnoteNode, j as $isFootnoteSectionNode, $ as $createFootnoteSectionNode, aj as $createMentionNode, ak as $createSpoilerNode, i as $createMermaidNode, d as clsx, C as ColorSchemeProvider, R as RendererConfigProvider, F as FootnotePlugin, g as getVariantClass } from "./utils-C0yvhBcx.js";
 import { useCallback, createElement, useState, useEffect, useRef } from "react";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 import { ContentEditable as ContentEditable$1 } from "@lexical/react/LexicalContentEditable";
@@ -1037,47 +1037,55 @@ function RichEditor({
     ...initialValue ? { editorState: JSON.stringify(initialValue) } : {}
   };
   const variantClass = getVariantClass(variant, theme);
-  return /* @__PURE__ */ jsx(PortalThemeProvider, { className: variantClass, children: /* @__PURE__ */ jsx(ColorSchemeProvider, { colorScheme: theme, children: /* @__PURE__ */ jsx(RendererConfigProvider, { config: rendererConfig, mode: "editor", children: /* @__PURE__ */ jsx(LexicalComposer, { initialConfig, children: /* @__PURE__ */ jsx(FootnotePlugin, { children: /* @__PURE__ */ jsxs(
-    "div",
+  return /* @__PURE__ */ jsx(PortalThemeProvider, { className: variantClass, children: /* @__PURE__ */ jsx(ColorSchemeProvider, { colorScheme: theme, children: /* @__PURE__ */ jsx(
+    RendererConfigProvider,
     {
-      className: clsx("rich-editor", variantClass, className),
-      style,
-      children: [
-        /* @__PURE__ */ jsx(
-          RichTextPlugin,
-          {
-            contentEditable: /* @__PURE__ */ jsx(
-              ContentEditable,
+      config: rendererConfig,
+      mode: "editor",
+      variant,
+      children: /* @__PURE__ */ jsx(LexicalComposer, { initialConfig, children: /* @__PURE__ */ jsx(FootnotePlugin, { children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: clsx("rich-editor", variantClass, className),
+          style,
+          children: [
+            /* @__PURE__ */ jsx(
+              RichTextPlugin,
               {
-                className: contentClassName,
-                placeholder
+                contentEditable: /* @__PURE__ */ jsx(
+                  ContentEditable,
+                  {
+                    className: contentClassName,
+                    placeholder
+                  }
+                ),
+                ErrorBoundary: LexicalErrorBoundary
               }
             ),
-            ErrorBoundary: LexicalErrorBoundary
-          }
-        ),
-        /* @__PURE__ */ jsx(HistoryPlugin, {}),
-        /* @__PURE__ */ jsx(ListPlugin, {}),
-        /* @__PURE__ */ jsx(LinkPlugin, {}),
-        /* @__PURE__ */ jsx(TabIndentationPlugin, {}),
-        /* @__PURE__ */ jsx(TablePlugin, {}),
-        /* @__PURE__ */ jsx(MarkdownShortcutsPlugin, {}),
-        /* @__PURE__ */ jsx(OnChangePlugin, { onChange, debounceMs }),
-        /* @__PURE__ */ jsx(SubmitShortcutPlugin, { onSubmit }),
-        /* @__PURE__ */ jsx(ImagePlugin, {}),
-        /* @__PURE__ */ jsx(KaTeXPlugin, {}),
-        /* @__PURE__ */ jsx(AlertPlugin, {}),
-        /* @__PURE__ */ jsx(MermaidPlugin, {}),
-        /* @__PURE__ */ jsx(HorizontalRulePlugin, {}),
-        /* @__PURE__ */ jsx(CheckListPlugin, {}),
-        /* @__PURE__ */ jsx(AutoLinkPlugin, {}),
-        /* @__PURE__ */ jsx(EditorRefPlugin, { onEditorReady }),
-        autoFocus && /* @__PURE__ */ jsx(AutoFocusPlugin, {}),
-        children,
-        actions && /* @__PURE__ */ jsx("div", { className: "rich-editor__actions", children: actions })
-      ]
+            /* @__PURE__ */ jsx(HistoryPlugin, {}),
+            /* @__PURE__ */ jsx(ListPlugin, {}),
+            /* @__PURE__ */ jsx(LinkPlugin, {}),
+            /* @__PURE__ */ jsx(TabIndentationPlugin, {}),
+            /* @__PURE__ */ jsx(TablePlugin, {}),
+            /* @__PURE__ */ jsx(MarkdownShortcutsPlugin, {}),
+            /* @__PURE__ */ jsx(OnChangePlugin, { onChange, debounceMs }),
+            /* @__PURE__ */ jsx(SubmitShortcutPlugin, { onSubmit }),
+            /* @__PURE__ */ jsx(ImagePlugin, {}),
+            /* @__PURE__ */ jsx(KaTeXPlugin, {}),
+            /* @__PURE__ */ jsx(AlertPlugin, {}),
+            /* @__PURE__ */ jsx(MermaidPlugin, {}),
+            /* @__PURE__ */ jsx(HorizontalRulePlugin, {}),
+            /* @__PURE__ */ jsx(CheckListPlugin, {}),
+            /* @__PURE__ */ jsx(AutoLinkPlugin, {}),
+            /* @__PURE__ */ jsx(EditorRefPlugin, { onEditorReady }),
+            autoFocus && /* @__PURE__ */ jsx(AutoFocusPlugin, {}),
+            children,
+            actions && /* @__PURE__ */ jsx("div", { className: "rich-editor__actions", children: actions })
+          ]
+        }
+      ) }) })
     }
-  ) }) }) }) }) });
+  ) }) });
 }
 export {
   ALL_TRANSFORMERS as A,

package/dist/{RichRenderer-CtBjK31O.js → RichRenderer-CCmxHoGP.js}

@@ -4,7 +4,7 @@ import { LexicalComposer } from "@lexical/react/LexicalComposer";
 import { ContentEditable } from "@lexical/react/LexicalContentEditable";
 import { LexicalErrorBoundary } from "@lexical/react/LexicalErrorBoundary";
 import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
-import { a as allNodes, C as ColorSchemeProvider, R as RendererConfigProvider, e as editorTheme, F as FootnotePlugin, d as clsx, g as getVariantClass } from "./utils-DvP2uSr7.js";
+import { a as allNodes, C as ColorSchemeProvider, R as RendererConfigProvider, e as editorTheme, F as FootnotePlugin, d as clsx, g as getVariantClass } from "./utils-C0yvhBcx.js";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 import { HeadingNode } from "@lexical/rich-text";
 import { useEffect } from "react";
@@ -73,31 +73,39 @@ function RichRenderer({
       console.error("[RichRenderer]", error);
     }
   };
-  return /* @__PURE__ */ jsx(PortalThemeProvider, { className: variantClass, children: /* @__PURE__ */ jsx(ColorSchemeProvider, { colorScheme: theme, children: /* @__PURE__ */ jsx(RendererConfigProvider, { config: rendererConfig, mode: "renderer", children: /* @__PURE__ */ jsx(
-    Component,
+  return /* @__PURE__ */ jsx(PortalThemeProvider, { className: variantClass, children: /* @__PURE__ */ jsx(ColorSchemeProvider, { colorScheme: theme, children: /* @__PURE__ */ jsx(
+    RendererConfigProvider,
     {
-      className: clsx("rich-content", variantClass, className),
-      style,
-      children: /* @__PURE__ */ jsx(LexicalComposer, { initialConfig, children: /* @__PURE__ */ jsxs(FootnotePlugin, { children: [
-        /* @__PURE__ */ jsx(
-          RichTextPlugin,
-          {
-            contentEditable: /* @__PURE__ */ jsx(
-              ContentEditable,
+      config: rendererConfig,
+      mode: "renderer",
+      variant,
+      children: /* @__PURE__ */ jsx(
+        Component,
+        {
+          className: clsx("rich-content", variantClass, className),
+          style,
+          children: /* @__PURE__ */ jsx(LexicalComposer, { initialConfig, children: /* @__PURE__ */ jsxs(FootnotePlugin, { children: [
+            /* @__PURE__ */ jsx(
+              RichTextPlugin,
               {
-                className: "rich-content__body",
-                style: { outline: "none" },
-                "aria-placeholder": "",
-                placeholder: /* @__PURE__ */ jsx("span", { style: { display: "none" } })
+                contentEditable: /* @__PURE__ */ jsx(
+                  ContentEditable,
+                  {
+                    className: "rich-content__body",
+                    style: { outline: "none" },
+                    "aria-placeholder": "",
+                    placeholder: /* @__PURE__ */ jsx("span", { style: { display: "none" } })
+                  }
+                ),
+                ErrorBoundary: LexicalErrorBoundary
               }
             ),
-            ErrorBoundary: LexicalErrorBoundary
-          }
-        ),
-        /* @__PURE__ */ jsx(HeadingAnchorPlugin, {})
-      ] }) })
+            /* @__PURE__ */ jsx(HeadingAnchorPlugin, {})
+          ] }) })
+        }
+      )
     }
-  ) }) }) });
+  ) }) });
 }
 export {
   RichRenderer as R

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

@@ -1 +1 @@
-{"version":3,"file":"RichEditor.d.ts","sourceRoot":"","sources":["../../src/components/RichEditor.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAI/C,wBAAgB,UAAU,CAAC,EACzB,YAAY,EACZ,QAAQ,EACR,OAAmB,EACnB,KAAe,EACf,WAAkC,EAClC,QAAQ,EACR,SAAiB,EACjB,SAAS,EACT,gBAAgB,EAChB,KAAK,EACL,OAAO,EACP,aAAa,EACb,UAAU,EACV,cAAc,EACd,UAAU,EACV,QAAQ,GACT,EAAE,eAAe,+BA+DjB"}
+{"version":3,"file":"RichEditor.d.ts","sourceRoot":"","sources":["../../src/components/RichEditor.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAI/C,wBAAgB,UAAU,CAAC,EACzB,YAAY,EACZ,QAAQ,EACR,OAAmB,EACnB,KAAe,EACf,WAAkC,EAClC,QAAQ,EACR,SAAiB,EACjB,SAAS,EACT,gBAAgB,EAChB,KAAK,EACL,OAAO,EACP,aAAa,EACb,UAAU,EACV,cAAc,EACd,UAAU,EACV,QAAQ,GACT,EAAE,eAAe,+BAmEjB"}

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

@@ -1 +1 @@
-{"version":3,"file":"RichRenderer.d.ts","sourceRoot":"","sources":["../../src/components/RichRenderer.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAGjD,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,OAAmB,EACnB,KAAe,EACf,SAAS,EACT,KAAK,EACL,EAAE,EAAE,SAAiB,EACrB,cAAc,EACd,UAAU,GACX,EAAE,iBAAiB,+BA6CnB"}
+{"version":3,"file":"RichRenderer.d.ts","sourceRoot":"","sources":["../../src/components/RichRenderer.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAGjD,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,OAAmB,EACnB,KAAe,EACf,SAAS,EACT,KAAK,EACL,EAAE,EAAE,SAAiB,EACrB,cAAc,EACd,UAAU,GACX,EAAE,iBAAiB,+BAiDnB"}

package/dist/components/renderers/CodeBlockRenderer.d.ts

@@ -5,5 +5,5 @@ export interface CodeBlockRendererProps {
     editable?: boolean;
     onCodeChange?: (code: string) => void;
 }
-export declare function CodeBlockRenderer({ code, language, showLineNumbers, }: CodeBlockRendererProps): import("react").JSX.Element;
+export declare function CodeBlockRenderer({ code, language, showLineNumbers: showLineNumbersProp, }: CodeBlockRendererProps): import("react").JSX.Element;
 //# sourceMappingURL=CodeBlockRenderer.d.ts.map

package/dist/components/renderers/CodeBlockRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlockRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/renderers/CodeBlockRenderer.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACtC;AAED,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,QAAQ,EACR,eAAe,GAChB,EAAE,sBAAsB,+BA4FxB"}
+{"version":3,"file":"CodeBlockRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/renderers/CodeBlockRenderer.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACtC;AAED,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,QAAQ,EACR,eAAe,EAAE,mBAAmB,GACrC,EAAE,sBAAsB,+BA8FxB"}

package/dist/context/RendererConfigContext.d.ts

@@ -1,12 +1,15 @@
 import { ReactNode } from 'react';
+import { RichEditorVariant } from '../types';
 import { RendererConfig } from '../types/renderer-config';
 export type RendererMode = 'editor' | 'renderer';
 export interface RendererConfigProviderProps {
     config?: RendererConfig;
     mode: RendererMode;
+    variant: RichEditorVariant;
     children: ReactNode;
 }
-export declare function RendererConfigProvider({ config, mode, children, }: RendererConfigProviderProps): import("react").JSX.Element;
+export declare function RendererConfigProvider({ config, mode, variant, children, }: RendererConfigProviderProps): import("react").JSX.Element;
 export declare function useRendererConfig(): RendererConfig | undefined;
 export declare function useRendererMode(): RendererMode;
+export declare function useVariant(): RichEditorVariant;
 //# sourceMappingURL=RendererConfigContext.d.ts.map

package/dist/context/RendererConfigContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RendererConfigContext.d.ts","sourceRoot":"","sources":["../../src/context/RendererConfigContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAE9D,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,UAAU,CAAA;AAYhD,MAAM,WAAW,2BAA2B;IAC1C,MAAM,CAAC,EAAE,cAAc,CAAA;IACvB,IAAI,EAAE,YAAY,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,IAAI,EACJ,QAAQ,GACT,EAAE,2BAA2B,+BAO7B;AAED,wBAAgB,iBAAiB,IAAI,cAAc,GAAG,SAAS,CAE9D;AAED,wBAAgB,eAAe,IAAI,YAAY,CAE9C"}
+{"version":3,"file":"RendererConfigContext.d.ts","sourceRoot":"","sources":["../../src/context/RendererConfigContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAE9D,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,UAAU,CAAA;AAchD,MAAM,WAAW,2BAA2B;IAC1C,MAAM,CAAC,EAAE,cAAc,CAAA;IACvB,IAAI,EAAE,YAAY,CAAA;IAClB,OAAO,EAAE,iBAAiB,CAAA;IAC1B,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,IAAI,EACJ,OAAO,EACP,QAAQ,GACT,EAAE,2BAA2B,+BAU7B;AAED,wBAAgB,iBAAiB,IAAI,cAAc,GAAG,SAAS,CAE9D;AAED,wBAAgB,eAAe,IAAI,YAAY,CAE9C;AAED,wBAAgB,UAAU,IAAI,iBAAiB,CAE9C"}

package/dist/editor.mjs

@@ -1,5 +1,5 @@
-import { R, a, c, g, s } from "./RichEditor-DeAuc6CQ.js";
-import { a as a2, b, c as c2 } from "./utils-DvP2uSr7.js";
+import { R, a, c, g, s } from "./RichEditor-CfssqZyj.js";
+import { a as a2, b, c as c2 } from "./utils-C0yvhBcx.js";
 export {
   R as RichEditor,
   a as allEditNodes,

package/dist/index.d.ts

@@ -7,7 +7,7 @@ export { ColorSchemeProvider, useColorScheme, } from './context/ColorSchemeConte
 export type { FootnoteDefinitionsContextValue } from './context/FootnoteDefinitionsContext';
 export { FootnoteDefinitionsProvider, useFootnoteContent, useFootnoteDefinitions, useFootnoteDisplayNumber, } from './context/FootnoteDefinitionsContext';
 export type { RendererMode } from './context/RendererConfigContext';
-export { useRendererMode } from './context/RendererConfigContext';
+export { useRendererMode, useVariant } from './context/RendererConfigContext';
 export * from './styles';
 export { ALL_TRANSFORMERS } from './transformers';
 export type { RichEditorProps, RichEditorVariant, RichRendererProps, } from './types';

package/dist/index.d.ts.map

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

package/dist/index.mjs

@@ -1,6 +1,6 @@
-import { A, F, I, b, d, e, f, R, a, c, g, s } from "./RichEditor-DeAuc6CQ.js";
-import { R as R2 } from "./RichRenderer-CtBjK31O.js";
-import { $, f as f2, h, i, j, k, l, m, n, o, A as A2, p, B, q, C, r, F as F2, s as s2, G, K, t, u, L, v, M, N, a as a2, w, b as b2, x, y, z, c as c2, D, E, H, I as I2, e as e2, g as g2, J, O, P, Q, S, T, U } from "./utils-DvP2uSr7.js";
+import { A, F, I, b, d, e, f, R, a, c, g, s } from "./RichEditor-CfssqZyj.js";
+import { R as R2 } from "./RichRenderer-CCmxHoGP.js";
+import { $, f as f2, h, i, j, k, l, m, n, o, A as A2, p, B, q, C, r, F as F2, s as s2, G, K, t, u, L, v, M, N, a as a2, w, b as b2, x, y, z, c as c2, D, E, H, I as I2, e as e2, g as g2, J, O, P, Q, S, T, U, V } from "./utils-C0yvhBcx.js";
 var richContent = "r8uj4t0";
 var articleTheme = "_17pm0gw0";
 var commentTheme = "_17pm0gw1";
@@ -8,7 +8,7 @@ var darkArticleTheme = "_17pm0gw2";
 var darkCommentTheme = "_17pm0gw3";
 var noteTheme = "_17pm0gw4";
 var darkNoteTheme = "_17pm0gw5";
-var vars = { color: { text: "var(--rc-text)", textSecondary: "var(--rc-text-secondary)", bg: "var(--rc-bg)", bgSecondary: "var(--rc-bg-secondary)", border: "var(--rc-border)", accent: "var(--rc-accent)", accentLight: "var(--rc-accent-light)", link: "var(--rc-link)", codeText: "var(--rc-code-text)", codeBg: "var(--rc-code-bg)", quoteBorder: "var(--rc-quote-border)", quoteBg: "var(--rc-quote-bg)", alertInfo: "var(--rc-alert-info)", alertWarning: "var(--rc-alert-warning)", alertTip: "var(--rc-alert-tip)", alertCaution: "var(--rc-alert-caution)", alertImportant: "var(--rc-alert-important)" }, spacing: { xs: "var(--rc-space-xs)", sm: "var(--rc-space-sm)", md: "var(--rc-space-md)", lg: "var(--rc-space-lg)", xl: "var(--rc-space-xl)" }, typography: { fontFamily: "var(--rc-font-family)", fontMono: "var(--rc-font-mono)", fontSizeBase: "var(--rc-font-size-base)", fontSizeSmall: "var(--rc-font-size-small)", fontSizeLarge: "var(--rc-font-size-large)", lineHeight: "var(--rc-line-height)", lineHeightTight: "var(--rc-line-height-tight)" }, borderRadius: { sm: "var(--rc-radius-sm)", md: "var(--rc-radius-md)", lg: "var(--rc-radius-lg)" }, layout: { maxWidth: "var(--rc-max-width)" } };
+var vars = { color: { text: "var(--rc-text)", textSecondary: "var(--rc-text-secondary)", bg: "var(--rc-bg)", bgSecondary: "var(--rc-bg-secondary)", border: "var(--rc-border)", accent: "var(--rc-accent)", accentLight: "var(--rc-accent-light)", link: "var(--rc-link)", codeText: "var(--rc-code-text)", codeBg: "var(--rc-code-bg)", quoteBorder: "var(--rc-quote-border)", quoteBg: "var(--rc-quote-bg)", alertInfo: "var(--rc-alert-info)", alertWarning: "var(--rc-alert-warning)", alertTip: "var(--rc-alert-tip)", alertCaution: "var(--rc-alert-caution)", alertImportant: "var(--rc-alert-important)" }, spacing: { xs: "var(--rc-space-xs)", sm: "var(--rc-space-sm)", md: "var(--rc-space-md)", lg: "var(--rc-space-lg)", xl: "var(--rc-space-xl)" }, typography: { fontFamily: "var(--rc-font-family)", fontMono: "var(--rc-font-mono)", fontSizeBase: "var(--rc-font-size-base)", fontSizeSmall: "var(--rc-font-size-small)", lineHeight: "var(--rc-line-height)", lineHeightTight: "var(--rc-line-height-tight)" }, borderRadius: { sm: "var(--rc-radius-sm)", md: "var(--rc-radius-md)", lg: "var(--rc-radius-lg)" }, layout: { maxWidth: "var(--rc-max-width)" } };
 export {
   $ as $createFootnoteSectionNode,
   f2 as $createGridContainerNode,
@@ -76,5 +76,6 @@ export {
   S as useFootnoteDisplayNumber,
   T as useRendererConfig,
   U as useRendererMode,
+  V as useVariant,
   vars
 };

package/dist/nodes/DetailsNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsNode.d.ts","sourceRoot":"","sources":["../../src/nodes/DetailsNode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EACZ,WAAW,EACX,OAAO,EACP,qBAAqB,EACrB,MAAM,EACP,MAAM,SAAS,CAAA;AAChB,OAAO,EAAgB,WAAW,EAAE,MAAM,SAAS,CAAA;AAInD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAY9D,MAAM,MAAM,qBAAqB,GAAG,MAAM,CACxC;IACE,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,OAAO,CAAA;CACd,EACD,qBAAqB,CACtB,CAAA;AAED,qBAAa,WAAY,SAAQ,WAAW;IAC1C,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,OAAO,CAAA;IAEf,MAAM,CAAC,cAAc,EAAE,mBAAmB,EAAE,CAa3C;IAED,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,GAAG,WAAW;gBAIhC,OAAO,EAAE,MAAM,EAAE,IAAI,UAAQ,EAAE,GAAG,CAAC,EAAE,OAAO;IAMxD,SAAS,CAAC,OAAO,EAAE,YAAY,GAAG,WAAW;IA6B7C,SAAS,CAAC,QAAQ,EAAE,WAAW,EAAE,GAAG,EAAE,WAAW,GAAG,OAAO;IAc3D,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,qBAAqB,GAAG,WAAW;IAIrE,UAAU,IAAI,qBAAqB;IAUnC,UAAU,IAAI,MAAM;IAIpB,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAKjC,OAAO,IAAI,OAAO;IAIlB,OAAO,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAK5B,UAAU,IAAI,IAAI;IAIlB,UAAU,CAAC,OAAO,EAAE,WAAW;IAO/B,QAAQ,IAAI,OAAO;CAGpB;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,UAAQ,GAAG,WAAW,CAE7E;AAED,wBAAgB,cAAc,CAC5B,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GACnC,IAAI,IAAI,WAAW,CAErB"}
+{"version":3,"file":"DetailsNode.d.ts","sourceRoot":"","sources":["../../src/nodes/DetailsNode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EACZ,WAAW,EACX,OAAO,EACP,qBAAqB,EACrB,MAAM,EACP,MAAM,SAAS,CAAA;AAChB,OAAO,EAAgB,WAAW,EAAE,MAAM,SAAS,CAAA;AAInD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAO9D,MAAM,MAAM,qBAAqB,GAAG,MAAM,CACxC;IACE,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,OAAO,CAAA;CACd,EACD,qBAAqB,CACtB,CAAA;AAED,qBAAa,WAAY,SAAQ,WAAW;IAC1C,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,OAAO,CAAA;IAEf,MAAM,CAAC,cAAc,EAAE,mBAAmB,EAAE,CAa3C;IAED,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,GAAG,WAAW;gBAIhC,OAAO,EAAE,MAAM,EAAE,IAAI,UAAQ,EAAE,GAAG,CAAC,EAAE,OAAO;IAMxD,SAAS,CAAC,OAAO,EAAE,YAAY,GAAG,WAAW;IAkC7C,SAAS,CAAC,QAAQ,EAAE,WAAW,EAAE,GAAG,EAAE,WAAW,GAAG,OAAO;IAc3D,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,qBAAqB,GAAG,WAAW;IAIrE,UAAU,IAAI,qBAAqB;IAUnC,UAAU,IAAI,MAAM;IAIpB,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAKjC,OAAO,IAAI,OAAO;IAIlB,OAAO,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAK5B,UAAU,IAAI,IAAI;IAIlB,UAAU,CAAC,OAAO,EAAE,WAAW;IAO/B,QAAQ,IAAI,OAAO;CAGpB;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,UAAQ,GAAG,WAAW,CAE7E;AAED,wBAAgB,cAAc,CAC5B,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GACnC,IAAI,IAAI,WAAW,CAErB"}

package/dist/renderer.mjs

@@ -1,4 +1,4 @@
-import { R } from "./RichRenderer-CtBjK31O.js";
+import { R } from "./RichRenderer-CCmxHoGP.js";
 export {
   R as RichRenderer
 };

package/dist/rich-editor.css

@@ -16,7 +16,7 @@
   --rc-alert-tip: #22c55e;
   --rc-alert-caution: #ef4444;
   --rc-alert-important: #a855f7;
-  --rc-max-width: 65ch;
+  --rc-max-width: 700px;
   --rc-space-xs: 4px;
   --rc-space-sm: 8px;
   --rc-space-md: 16px;
@@ -26,7 +26,6 @@
   --rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
   --rc-font-size-base: 16px;
   --rc-font-size-small: 14px;
-  --rc-font-size-large: 18px;
   --rc-line-height: 1.7;
   --rc-line-height-tight: 1.4;
   --rc-radius-sm: 4px;
@@ -51,7 +50,7 @@
   --rc-alert-tip: #22c55e;
   --rc-alert-caution: #ef4444;
   --rc-alert-important: #a855f7;
-  --rc-max-width: 65ch;
+  --rc-max-width: 700px;
   --rc-space-xs: 4px;
   --rc-space-sm: 8px;
   --rc-space-md: 16px;
@@ -61,7 +60,6 @@
   --rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
   --rc-font-size-base: 16px;
   --rc-font-size-small: 14px;
-  --rc-font-size-large: 18px;
   --rc-line-height: 1.7;
   --rc-line-height-tight: 1.4;
   --rc-radius-sm: 4px;
@@ -96,7 +94,6 @@
   --rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
   --rc-font-size-base: 14px;
   --rc-font-size-small: 12px;
-  --rc-font-size-large: 15px;
   --rc-line-height: 1.5;
   --rc-line-height-tight: 1.3;
   --rc-radius-sm: 3px;
@@ -121,7 +118,7 @@
   --rc-alert-tip: #4ade80;
   --rc-alert-caution: #f87171;
   --rc-alert-important: #c084fc;
-  --rc-max-width: 65ch;
+  --rc-max-width: 700px;
   --rc-space-xs: 4px;
   --rc-space-sm: 8px;
   --rc-space-md: 16px;
@@ -131,7 +128,6 @@
   --rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
   --rc-font-size-base: 16px;
   --rc-font-size-small: 14px;
-  --rc-font-size-large: 18px;
   --rc-line-height: 1.7;
   --rc-line-height-tight: 1.4;
   --rc-radius-sm: 4px;
@@ -166,7 +162,6 @@
   --rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
   --rc-font-size-base: 14px;
   --rc-font-size-small: 12px;
-  --rc-font-size-large: 15px;
   --rc-line-height: 1.5;
   --rc-line-height-tight: 1.3;
   --rc-radius-sm: 3px;
@@ -191,7 +186,7 @@
   --rc-alert-tip: #22c55e;
   --rc-alert-caution: #ef4444;
   --rc-alert-important: #a855f7;
-  --rc-max-width: 65ch;
+  --rc-max-width: 700px;
   --rc-space-xs: 4px;
   --rc-space-sm: 8px;
   --rc-space-md: 16px;
@@ -201,7 +196,6 @@
   --rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
   --rc-font-size-base: 16px;
   --rc-font-size-small: 14px;
-  --rc-font-size-large: 18px;
   --rc-line-height: 1.8;
   --rc-line-height-tight: 1.4;
   --rc-radius-sm: 4px;
@@ -226,7 +220,7 @@
   --rc-alert-tip: #4ade80;
   --rc-alert-caution: #f87171;
   --rc-alert-important: #c084fc;
-  --rc-max-width: 65ch;
+  --rc-max-width: 700px;
   --rc-space-xs: 4px;
   --rc-space-sm: 8px;
   --rc-space-md: 16px;
@@ -236,7 +230,6 @@
   --rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
   --rc-font-size-base: 16px;
   --rc-font-size-small: 14px;
-  --rc-font-size-large: 18px;
   --rc-line-height: 1.8;
   --rc-line-height-tight: 1.4;
   --rc-radius-sm: 4px;
@@ -685,25 +678,32 @@
   pointer-events: none;
   z-index: 10;
 }
+.r8uj4t0 .rich-alert {
+  margin: 2em 0;
+  padding: 0 1em;
+  background-color: transparent;
+  border: none;
+  border-radius: 0;
+}
 .r8uj4t0 > *:first-child, .r8uj4t0 .rich-editor__content > *:first-child {
   margin-top: 0;
 }
 .r8uj4t0 > *:last-child, .r8uj4t0 .rich-editor__content > *:last-child {
   margin-bottom: 0;
 }.v10dui0 {
-  max-width: var(--rc-max-width);
-  font-size: var(--rc-font-size-large);
-  line-height: 1.7777778;
+  max-width: 700px;
+  font-size: var(--rc-font-size-base);
+  line-height: 1.75;
   color: var(--rc-text);
 }
 .v10dui0 .rich-paragraph {
-  margin-top: 1.3333333333333333em;
-  margin-bottom: 1.3333333333333333em;
+  margin-top: 1.5em;
+  margin-bottom: 1.5em;
 }
 .v10dui0 .rich-heading-h1 {
   color: var(--rc-text);
   font-weight: 800;
-  font-size: 2.6666666666666665em;
+  font-size: 3em;
   margin-top: 0;
   margin-bottom: 0.8333333333333334em;
   line-height: 1;
@@ -711,7 +711,7 @@
 .v10dui0 .rich-heading-h2 {
   color: var(--rc-text);
   font-weight: 700;
-  font-size: 1.6666666666666667em;
+  font-size: 1.875em;
   margin-top: 1.8666666666666667em;
   margin-bottom: 1.0666666666666667em;
   line-height: 1.3333333;
@@ -719,7 +719,7 @@
 .v10dui0 .rich-heading-h3 {
   color: var(--rc-text);
   font-weight: 600;
-  font-size: 1.3333333333333333em;
+  font-size: 1.5em;
   margin-top: 1.6666666666666667em;
   margin-bottom: 0.6666666666666666em;
   line-height: 1.5;
@@ -727,9 +727,9 @@
 .v10dui0 .rich-heading-h4 {
   color: var(--rc-text);
   font-weight: 600;
-  margin-top: 1.7777777777777777em;
-  margin-bottom: 0.4444444444444444em;
-  line-height: 1.5555556;
+  margin-top: 2em;
+  margin-bottom: 0.5em;
+  line-height: 1.5625;
 }
 .v10dui0 .rich-heading-h2 + *, .v10dui0 .rich-heading-h3 + *, .v10dui0 .rich-heading-h4 + * {
   margin-top: 0;
@@ -741,9 +741,9 @@
   border-left-width: 0.25rem;
   border-left-style: solid;
   border-left-color: var(--rc-quote-border);
-  margin-top: 2.2222222222222223em;
-  margin-bottom: 2.2222222222222223em;
-  padding-left: 1.3333333333333333em;
+  margin-top: 2.5em;
+  margin-bottom: 2.5em;
+  padding-left: 1.5em;
   background-color: transparent;
   border-radius: 0;
   quotes: "\201C""\201D""\2018""\2019";
@@ -763,7 +763,7 @@
 .v10dui0 .rich-text-code {
   color: var(--rc-text);
   font-weight: 600;
-  font-size: 0.8888888888888888em;
+  font-size: 0.875em;
   background-color: var(--rc-code-bg);
   padding: 0.2em 0.4em;
   border-radius: var(--rc-radius-sm);
@@ -780,7 +780,7 @@
   border-radius: 0.375rem;
   margin-top: 2em;
   margin-bottom: 2em;
-  font-size: 0.8888888888888888em;
+  font-size: 0.875em;
   line-height: 1.75;
 }
 .v10dui0 .rich-code-block pre {
@@ -791,33 +791,33 @@
   margin: 0;
 }
 .v10dui0 .rich-list-ul, .v10dui0 .rich-list-ol {
-  margin-top: 1.3333333333333333em;
-  margin-bottom: 1.3333333333333333em;
-  padding-left: 1.5555555555555556em;
+  margin-top: 1.5em;
+  margin-bottom: 1.5em;
+  padding-left: 1.75em;
 }
 .v10dui0 .rich-list-item {
-  margin-top: 0.6666666666666666em;
-  margin-bottom: 0.6666666666666666em;
-  padding-left: 0.4444444444444444em;
+  margin-top: 0.75em;
+  margin-bottom: 0.75em;
+  padding-left: 0.5em;
 }
 .v10dui0 .rich-list-item .rich-paragraph {
-  margin-top: 0.8888888888888888em;
-  margin-bottom: 0.8888888888888888em;
+  margin-top: 1em;
+  margin-bottom: 1em;
 }
 .v10dui0 .rich-list-item > .rich-paragraph:first-child {
-  margin-top: 1.3333333333333333em;
+  margin-top: 1.5em;
 }
 .v10dui0 .rich-list-item > .rich-paragraph:last-child {
-  margin-bottom: 1.3333333333333333em;
+  margin-bottom: 1.5em;
 }
 .v10dui0 .rich-list-ul .rich-list-ul, .v10dui0 .rich-list-ul .rich-list-ol, .v10dui0 .rich-list-ol .rich-list-ul, .v10dui0 .rich-list-ol .rich-list-ol {
-  margin-top: 0.8888888888888888em;
-  margin-bottom: 0.8888888888888888em;
+  margin-top: 1em;
+  margin-bottom: 1em;
 }
 .v10dui0 .rich-table {
-  margin-top: 1.7777777777777777em;
-  margin-bottom: 1.7777777777777777em;
-  font-size: 0.8888888888888888em;
+  margin-top: 2em;
+  margin-bottom: 2em;
+  font-size: 0.875em;
   line-height: 1.5;
 }
 .v10dui0 .rich-table .rich-paragraph {
@@ -826,8 +826,8 @@
   line-height: inherit;
 }
 .v10dui0 .rich-image {
-  margin-top: 1.7777777777777777em;
-  margin-bottom: 1.7777777777777777em;
+  margin-top: 2em;
+  margin-bottom: 2em;
 }
 .v10dui0 .rich-image > * {
   margin-top: 0;
@@ -835,15 +835,15 @@
 }
 .v10dui0 .rich-image figcaption {
   color: var(--rc-text-secondary);
-  font-size: 0.8888888888888888em;
+  font-size: 0.875em;
   line-height: 1.5;
   margin-top: 1em;
 }
 .v10dui0 .rich-hr {
   border-color: var(--rc-border);
   border-top-width: 1px;
-  margin-top: 3.111111111111111em;
-  margin-bottom: 3.111111111111111em;
+  margin-top: 3.5em;
+  margin-bottom: 3.5em;
   width: 60px;
   margin-left: auto;
   margin-right: auto;
@@ -856,20 +856,13 @@
   text-decoration: underline;
 }
 .v10dui0 .rich-banner {
-  margin: 1.7777777777777777em 0;
-}
-.v10dui0 .rich-alert {
-  margin: 1.7777777777777777em 0;
-  padding: 0 0.8888888888888888em;
-  background-color: transparent;
-  border-left-width: 0.25rem;
-  border-radius: 0;
+  margin: 2em 0;
 }
 .v10dui0 .rich-code-snippet {
-  margin: 1.7777777777777777em 0;
+  margin: 2em 0;
 }
 .v10dui0 .rich-details {
-  margin: 1.7777777777777777em 0;
+  margin: 2em 0;
 }
 .v10dui0 > *:first-child {
   margin-top: 0;
@@ -940,6 +933,9 @@
 ._14ko36c0 .rich-code-block pre {
   padding: var(--rc-space-sm);
 }
+._14ko36c0 .line::before {
+  display: none !important;
+}
 ._14ko36c0 .rich-table {
   margin: var(--rc-space-sm) 0;
   font-size: var(--rc-font-size-small);
@@ -961,37 +957,42 @@
 }
 ._14ko36c0 .rich-alert {
   padding: var(--rc-space-sm) var(--rc-space-md);
+  padding-left: var(--rc-space-lg);
   margin: var(--rc-space-sm) 0;
-  border-left-width: 3px;
 }
 ._14ko36c0 .rich-katex-block {
   padding: var(--rc-space-sm) 0;
   margin: var(--rc-space-sm) 0;
 }.ys4fw90 {
   max-width: var(--rc-max-width);
-  font-size: var(--rc-font-size-large);
+  font-size: var(--rc-font-size-base);
   line-height: 1.8;
   color: var(--rc-text);
 }
-.ys4fw90 .rich-paragraph {
+.ys4fw90 > .rich-paragraph, .ys4fw90 .rich-editor__content > .rich-paragraph, .ys4fw90 .rich-content__body > .rich-paragraph {
   margin-top: 1.25em;
   margin-bottom: 1.25em;
   line-height: 1.8;
 }
-.ys4fw90 .rich-paragraph:first-child {
+.ys4fw90 > .rich-paragraph:first-of-type, .ys4fw90 .rich-editor__content > .rich-paragraph:first-of-type, .ys4fw90 .rich-content__body > .rich-paragraph:first-of-type {
   margin-top: 0;
   margin-bottom: 2rem;
 }
-.ys4fw90 .rich-paragraph:not(:first-child) {
-  text-indent: 2rem;
+.ys4fw90 > .rich-paragraph:not(:first-of-type) > [data-lexical-text]:first-child, .ys4fw90 .rich-editor__content > .rich-paragraph:not(:first-of-type) > [data-lexical-text]:first-child, .ys4fw90 .rich-content__body > .rich-paragraph:not(:first-of-type) > [data-lexical-text]:first-child {
+  margin-inline-start: 2rem;
 }
-.ys4fw90 .rich-paragraph:first-child::first-letter {
+.ys4fw90 > .rich-paragraph:first-of-type::first-letter, .ys4fw90 .rich-content__body > .rich-paragraph:first-of-type::first-letter {
   float: left;
   font-size: 2.4em;
   margin-right: 0.2em;
   line-height: 1;
 }
-.ys4fw90 .rich-paragraph:last-child {
+.ys4fw90 .rich-editor__content > .rich-paragraph:first-of-type::first-letter {
+  font-size: 1.5em;
+  font-weight: 700;
+  color: var(--rc-accent);
+}
+.ys4fw90 > .rich-paragraph:last-child, .ys4fw90 .rich-editor__content > .rich-paragraph:last-child, .ys4fw90 .rich-content__body > .rich-paragraph:last-child {
   margin-bottom: 0;
 }
 .ys4fw90 .rich-text-bold {
@@ -1082,12 +1083,6 @@
   padding-right: 2em;
   border-radius: 0;
 }
-.ys4fw90 .rich-quote p:first-of-type {
-  text-indent: 0;
-}
-.ys4fw90 .rich-quote .rich-paragraph {
-  text-indent: 0;
-}
 .ys4fw90 .rich-quote .rich-paragraph:first-child::first-letter {
   float: none;
   font-size: inherit;
@@ -1182,24 +1177,6 @@
   margin-left: auto;
   margin-right: auto;
 }
-.ys4fw90 .rich-alert {
-  padding: 1em 1.5em;
-  margin-top: 1.6em;
-  margin-bottom: 1.6em;
-  border-left-width: 0.25rem;
-  border-left-style: solid;
-  border-radius: 0 var(--rc-radius-sm) var(--rc-radius-sm) 0;
-  background-color: var(--rc-bg-secondary);
-}
-.ys4fw90 .rich-alert .rich-paragraph:first-child::first-letter {
-  float: none;
-  font-size: inherit;
-  margin-right: 0;
-}
-.ys4fw90 .rich-alert-header {
-  margin-bottom: 0.75em;
-  font-size: 0.875em;
-}
 .ys4fw90 .rich-katex-block {
   margin-top: 1.6em;
   margin-bottom: 1.6em;
@@ -1237,17 +1214,25 @@
 }.r8uj4t0 .rich-details {
   margin: var(--rc-space-md) 0;
   border: none;
+  interpolate-size: allow-keywords;
 }
 .r8uj4t0 .rich-details-summary {
   display: flex;
-  width: 100%;
-  cursor: pointer;
   align-items: center;
   justify-content: space-between;
-  list-style: none;
+  gap: 1rem;
+  cursor: pointer;
   user-select: none;
-  font-weight: 600;
-  padding: var(--rc-space-sm) 0;
+  font-weight: 500;
+  font-size: 0.9375rem;
+  line-height: 1.5;
+  padding: 0.75rem 0;
+  color: var(--rc-text);
+  list-style: none;
+  transition: color 0.2s ease;
+}
+.r8uj4t0 .rich-details-summary:hover {
+  opacity: 0.8;
 }
 .r8uj4t0 .rich-details-summary::-webkit-details-marker {
   display: none;
@@ -1257,23 +1242,39 @@
   display: none;
 }
 .r8uj4t0 .rich-details-summary-text {
-  flex: 1 1 0;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+  flex: 1;
 }
 .r8uj4t0 .rich-details-chevron {
   display: inline-flex;
   flex-shrink: 0;
   color: var(--rc-text-secondary);
-  transition: transform 0.2s ease;
+  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
 }
 .r8uj4t0 .rich-details[open] .rich-details-chevron {
   transform: rotate(180deg);
 }
+.r8uj4t0 .rich-details::details-content {
+  display: block;
+  height: 0;
+  overflow: hidden;
+  opacity: 0;
+  content-visibility: hidden;
+  transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), content-visibility 0.4s cubic-bezier(0.4, 0, 0.2, 1) allow-discrete;
+}
+.r8uj4t0 .rich-details[open]::details-content {
+  height: auto;
+  opacity: 1;
+  content-visibility: visible;
+}
 .r8uj4t0 .rich-details-content {
-  padding: var(--rc-space-sm) 0;
+  padding: 0 0 0.75rem;
+  color: var(--rc-text-secondary);
+}
+[contenteditable="true"] .rich-details-content {
+  background-color: var(--rc-bg-secondary);
+  border-radius: var(--rc-radius-sm);
+  padding: var(--rc-space-sm) var(--rc-space-md);
+  margin-top: var(--rc-space-xs);
 }
 .r8uj4t0 .rich-details-content > .rich-paragraph:first-child {
   margin-top: 0;

package/dist/{utils-DvP2uSr7.js → utils-C0yvhBcx.js}

@@ -8,7 +8,7 @@ import { ListNode, ListItemNode } from "@lexical/list";
 import { HeadingNode, QuoteNode } from "@lexical/rich-text";
 import { TableNode, TableCellNode, TableRowNode } from "@lexical/table";
 import { DecoratorNode, ElementNode, $insertNodes, $getRoot, createEditor, $getNodeByKey, $nodesOfType } from "lexical";
-import { OctagonAlert, TriangleAlert, MessageSquareWarning, Lightbulb, Info, Flag, Code, ChevronDown, ChevronRight, LayoutGrid, ImageIcon, Sigma, Link, Workflow, Video } from "lucide-react";
+import { OctagonAlert, TriangleAlert, MessageSquareWarning, Lightbulb, Info, Flag, Code, ChevronRight, LayoutGrid, ImageIcon, Sigma, Link, Workflow, Video } from "lucide-react";
 import { createContext, use, useMemo, createElement, useCallback, useState, useEffect, useRef } from "react";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { ContentEditable } from "@lexical/react/LexicalContentEditable";
@@ -21,14 +21,19 @@ import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext
 import { TooltipRoot, TooltipTrigger, TooltipContent } from "@haklex/rich-editor-ui";
 const RendererConfigContext = createContext({
   config: void 0,
-  mode: "renderer"
+  mode: "renderer",
+  variant: "article"
 });
 function RendererConfigProvider({
   config,
   mode,
+  variant,
   children
 }) {
-  const value = useMemo(() => ({ config, mode }), [config, mode]);
+  const value = useMemo(
+    () => ({ config, mode, variant }),
+    [config, mode, variant]
+  );
   return /* @__PURE__ */ jsx(RendererConfigContext.Provider, { value, children });
 }
 function useRendererConfig() {
@@ -37,6 +42,9 @@ function useRendererConfig() {
 function useRendererMode() {
   return use(RendererConfigContext).mode;
 }
+function useVariant() {
+  return use(RendererConfigContext).variant;
+}
 function RendererWrapper({
   rendererKey,
   defaultRenderer: DefaultRenderer,
@@ -855,8 +863,10 @@ function loadCodeToHtml() {
 function CodeBlockRenderer({
   code,
   language,
-  showLineNumbers
+  showLineNumbers: showLineNumbersProp
 }) {
+  const variant = useVariant();
+  const showLineNumbers = showLineNumbersProp ?? variant !== "comment";
   const colorScheme = useColorScheme();
   const shikiTheme = colorScheme === "dark" ? "github-dark" : "github-light";
   const [highlightedHtml, setHighlightedHtml] = useState(null);
@@ -1030,7 +1040,7 @@ function createLucideSvg(iconNode, attrs = {}) {
   }
   return svg;
 }
-const ChevronDownIconNode = ChevronDown.iconNode ?? ChevronDown.__iconNode ?? [];
+const ChevronDownIconNode = [["path", { d: "M6 8L10 12L14 8" }]];
 const _DetailsNode = class _DetailsNode extends ElementNode {
   constructor(summary, open = false, key) {
     super(key);
@@ -1060,7 +1070,12 @@ const _DetailsNode = class _DetailsNode extends ElementNode {
     const chevron = document.createElement("span");
     chevron.className = "rich-details-chevron";
     chevron.append(
-      createLucideSvg(ChevronDownIconNode, { width: "1em", height: "1em" })
+      createLucideSvg(ChevronDownIconNode, {
+        width: "20",
+        height: "20",
+        viewBox: "0 0 20 20",
+        "stroke-width": "1.5"
+      })
     );
     summary.append(chevron);
     const content = document.createElement("div");
@@ -2281,33 +2296,34 @@ export {
   useFootnoteDisplayNumber as S,
   useRendererConfig as T,
   useRendererMode as U,
-  $isAlertQuoteNode as V,
-  RendererWrapper as W,
-  AlertRenderer as X,
-  AlertQuoteNode as Y,
-  $isBannerNode as Z,
-  BannerRenderer as _,
+  useVariant as V,
+  $isAlertQuoteNode as W,
+  RendererWrapper as X,
+  AlertRenderer as Y,
+  AlertQuoteNode as Z,
+  $isBannerNode as _,
   allNodes as a,
-  BannerNode as a0,
-  normalizeBannerType as a1,
-  $isCodeBlockNode as a2,
-  CodeBlockRenderer as a3,
-  CodeBlockNode as a4,
-  SpoilerNode as a5,
-  MentionNode as a6,
-  ImageNode as a7,
-  FootnoteNode as a8,
-  VideoNode as a9,
-  DetailsNode as aa,
-  $createAlertQuoteNode as ab,
-  $createImageNode as ac,
-  $createKaTeXInlineNode as ad,
-  $createKaTeXBlockNode as ae,
-  $createBannerNode as af,
-  $createDetailsNode as ag,
-  $createFootnoteNode as ah,
-  $createMentionNode as ai,
-  $createSpoilerNode as aj,
+  BannerRenderer as a0,
+  BannerNode as a1,
+  normalizeBannerType as a2,
+  $isCodeBlockNode as a3,
+  CodeBlockRenderer as a4,
+  CodeBlockNode as a5,
+  SpoilerNode as a6,
+  MentionNode as a7,
+  ImageNode as a8,
+  FootnoteNode as a9,
+  VideoNode as aa,
+  DetailsNode as ab,
+  $createAlertQuoteNode as ac,
+  $createImageNode as ad,
+  $createKaTeXInlineNode as ae,
+  $createKaTeXBlockNode as af,
+  $createBannerNode as ag,
+  $createDetailsNode as ah,
+  $createFootnoteNode as ai,
+  $createMentionNode as aj,
+  $createSpoilerNode as ak,
   builtinNodes as b,
   customNodes as c,
   clsx as d,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-editor",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "description": "Core rich text editor based on Lexical",
   "license": "MIT",
   "type": "module",
@@ -25,9 +25,9 @@
   ],
   "dependencies": {
     "thumbhash": "^0.1.1",
-    "@haklex/rich-editor-ui": "0.0.14",
-    "@haklex/rich-headless": "0.0.14",
-    "@haklex/rich-style-token": "0.0.14"
+    "@haklex/rich-editor-ui": "0.0.15",
+    "@haklex/rich-headless": "0.0.15",
+    "@haklex/rich-style-token": "0.0.15"
   },
   "devDependencies": {
     "@base-ui/react": "^1.1.0",