@haklex/rich-editor 0.1.0 → 0.2.0

package/dist/grid.css-CJCkLTZc.js

@@ -0,0 +1,44 @@
+import "./katex.css-CIOEOXyd.js";
+//#region src/styles/details.css.ts
+var detailsClassNames = {
+	details: "rich-details",
+	summary: "rich-details-summary",
+	summaryText: "rich-details-summary-text",
+	chevron: "rich-details-chevron",
+	content: "rich-details-content"
+};
+var detailsStyles = {
+	details: "_1o2d5g50",
+	summary: "_1o2d5g51",
+	summaryText: "_1o2d5g52",
+	chevron: "_1o2d5g53",
+	content: "_1o2d5g54"
+};
+//#endregion
+//#region src/styles/grid.css.ts
+var gridClassNames = {
+	container: "rich-grid-container",
+	toolbar: "rich-grid-toolbar",
+	toolbarIcon: "rich-grid-toolbar-icon",
+	colButton: "rich-grid-col-btn",
+	colButtonActive: "rich-grid-col-btn-active",
+	toolbarDivider: "rich-grid-toolbar-divider",
+	actionButton: "rich-grid-action-btn",
+	inner: "rich-grid-inner",
+	cell: "rich-grid-cell",
+	cellEditable: "rich-grid-cell-editable"
+};
+var gridStyles = {
+	container: "_17ihk870",
+	toolbar: "_17ihk871",
+	toolbarIcon: "_17ihk872",
+	colButton: "_17ihk873",
+	colButtonActive: "_17ihk874",
+	toolbarDivider: "_17ihk875",
+	actionButton: "_17ihk876",
+	inner: "_17ihk877",
+	cell: "_17ihk878",
+	cellEditable: "_17ihk879"
+};
+//#endregion
+export { detailsStyles as i, gridStyles as n, detailsClassNames as r, gridClassNames as t };

package/dist/index.mjs

@@ -1,192 +1,133 @@
-import { h as TextSelectionStoreProvider, F as FootnotePlugin, O as OnChangePlugin, S as SubmitShortcutPlugin, E as EditorRefPlugin, a as AutoFocusPlugin, d as ImageUploadProvider, g as defaultImageUpload, C as CorePlugins, I as ImageUploadPlugin, L as LinkFaviconPlugin, c as BlockIdPlugin, T as TextSelectionPlugin } from "./SubmitShortcutPlugin-D9uKYHda.js";
-import { $, i, j, k, l, m, n, f, o, p, q, r, s, t, v, w, x, y } from "./SubmitShortcutPlugin-D9uKYHda.js";
-import { E as ExtraNodesProvider } from "./PresentDialogContext-DRroMIoK.js";
-import { L, P, u, a } from "./PresentDialogContext-DRroMIoK.js";
+import { A as ImageUploadProvider, C as useTextSelectionSnapshot, D as defaultImageUpload, E as ImageUploadPlugin, M as CorePlugins, O as BlockIdPlugin, S as createTextSelectionStore, T as LinkFaviconPlugin, _ as $getTextOffsetInBlock, a as AutoFocusPlugin, b as buildRangeAnchor, c as $captureTextSelectionFromRangeSelection, d as findDOMPointByTextOffset, f as getBlockElementById, g as $getRootBlock, h as TEXT_SELECTION_HIGHLIGHT_NAME, i as EditorRefPlugin, k as blockIdState, l as $restoreTextSelection, m as getTextOffsetFromDOMPoint, n as OnChangePlugin, o as TextSelectionPlugin, p as getDOMRectFromTextSelection, r as FootnotePlugin, s as $captureTextSelection, t as SubmitShortcutPlugin, u as createDOMRangeFromTextSelection, v as $resolveSelectionPoint, w as useTextSelectionStore, x as TextSelectionStoreProvider, y as buildBlockAnchor } from "./SubmitShortcutPlugin-D-7XrQfm.js";
+import { n as setResolvedEditNodes, r as allEditNodes } from "./node-registry-DOYK_WIp.js";
+import { F as useNestedContentRenderer, I as useOptionalNestedContentRenderer, P as NestedContentRendererProvider, t as editorTheme } from "./theme-B5B2EOWM.js";
+import { a as FootnoteDefinitionsProvider, c as useFootnoteDisplayNumber, d as RendererConfigProvider, f as useRendererConfig, m as useVariant, o as useFootnoteContent, p as useRendererMode, s as useFootnoteDefinitions } from "./KaTeXRenderer-CQQT3BMw.js";
+import { a as noteVariant, c as richContent, i as getVariantClass, l as semanticClassNames, n as katexStyles, o as commentVariant, r as clsx, s as articleVariant, t as katexClassNames, u as sharedStyles } from "./katex.css-CIOEOXyd.js";
+import { D as useColorScheme, E as ColorSchemeProvider } from "./config-CNiK9v2M.js";
+import { i as detailsStyles, n as gridStyles, r as detailsClassNames, t as gridClassNames } from "./grid.css-CJCkLTZc.js";
+import { a as LinkFavicon, i as useExtraNodes, n as usePresentDialog, r as ExtraNodesProvider, t as PresentDialogProvider } from "./PresentDialogContext-DKNicgia.js";
+import { a as KaTeXPlugin, c as AlertPlugin, n as MermaidPlugin, s as ImagePlugin } from "./MermaidPlugin-BrOr-wQi.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { s as setResolvedEditNodes, a as allEditNodes } from "./node-registry-CovhHUB6.js";
-import { I as ImagePlugin, K as KaTeXPlugin, A as AlertPlugin, M as MermaidPlugin } from "./MermaidPlugin-DKuGUcCG.js";
+import { ContentEditable } from "@lexical/react/LexicalContentEditable";
+import { LexicalErrorBoundary } from "@lexical/react/LexicalErrorBoundary";
+import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
 import { PortalThemeProvider } from "@haklex/rich-style-token";
 import { LexicalComposer } from "@lexical/react/LexicalComposer";
-import { LexicalErrorBoundary } from "@lexical/react/LexicalErrorBoundary";
 import { HistoryPlugin } from "@lexical/react/LexicalHistoryPlugin";
-import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
-import { n as ColorSchemeProvider } from "./config-Dl3ZkytB.js";
-import { u as u2 } from "./config-Dl3ZkytB.js";
-import { R as RendererConfigProvider } from "./KaTeXRenderer-CQyQzNTJ.js";
-import { F, u as u3, b, d, e, f as f2, g } from "./KaTeXRenderer-CQyQzNTJ.js";
-import { n as editorTheme } from "./theme-lEwScxEX.js";
-import { N, u as u4, p as p2 } from "./theme-lEwScxEX.js";
-import { ContentEditable as ContentEditable$1 } from "@lexical/react/LexicalContentEditable";
-import { e as clsx, g as getVariantClass } from "./katex.css-Csc-7N7u.js";
-import { a as a2, c, k as k2, b as b2, n as n2, r as r2, s as s2, d as d2 } from "./katex.css-Csc-7N7u.js";
-import { d as d3, a as a3, g as g2, b as b3 } from "./grid.css-Md5-Cfx_.js";
 import { articleTheme, commentTheme, noteTheme, vars } from "@haklex/rich-style-token/styles";
+//#region src/components/ContentEditable.css.ts
 var contentWrapper = "b94s950";
 var content = "b94s951";
 var placeholder = "b94s952";
-function ContentEditable({ className, placeholder: placeholder$1, hasHeader }) {
-  const paddingTop = hasHeader ? 40 : 12;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: clsx("rich-editor__content-wrapper", contentWrapper),
-      style: { "--ce-padding-top": `${paddingTop}px` },
-      children: /* @__PURE__ */ jsx(
-        ContentEditable$1,
-        {
-          "aria-placeholder": placeholder$1 ?? "",
-          className: clsx("rich-editor__content", content, className),
-          placeholder: /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: clsx("rich-editor__placeholder", placeholder),
-              style: { display: placeholder$1 ? void 0 : "none" },
-              children: placeholder$1
-            }
-          )
-        }
-      )
-    }
-  );
+//#endregion
+//#region src/components/ContentEditable.tsx
+function ContentEditable$1({ className, placeholder: placeholder$1, hasHeader }) {
+	const paddingTop = hasHeader ? 40 : 12;
+	return /* @__PURE__ */ jsx("div", {
+		className: clsx("rich-editor__content-wrapper", contentWrapper),
+		style: { "--ce-padding-top": `${paddingTop}px` },
+		children: /* @__PURE__ */ jsx(ContentEditable, {
+			"aria-placeholder": placeholder$1 ?? "",
+			className: clsx("rich-editor__content", content, className),
+			placeholder: /* @__PURE__ */ jsx("div", {
+				className: clsx("rich-editor__placeholder", placeholder),
+				style: { display: placeholder$1 ? void 0 : "none" },
+				children: placeholder$1
+			})
+		})
+	});
 }
-function RichEditorShell({
-  nodes,
-  initialValue,
-  onChange,
-  variant = "article",
-  theme = "light",
-  placeholder: placeholder2 = "Write something...",
-  onSubmit,
-  autoFocus = false,
-  className,
-  contentClassName,
-  style,
-  actions,
-  header,
-  onEditorReady,
-  rendererConfig,
-  debounceMs,
-  children
-}) {
-  setResolvedEditNodes(nodes);
-  const initialConfig = {
-    namespace: "RichEditor",
-    theme: editorTheme,
-    nodes,
-    editable: true,
-    onError: (error) => {
-      console.error("[RichEditor]", error);
-    },
-    ...initialValue ? { editorState: JSON.stringify(initialValue) } : {}
-  };
-  const variantClass = getVariantClass(variant);
-  return /* @__PURE__ */ jsx(PortalThemeProvider, { className: variantClass, theme, children: /* @__PURE__ */ jsx(ColorSchemeProvider, { colorScheme: theme, children: /* @__PURE__ */ jsx(RendererConfigProvider, { config: rendererConfig, mode: "editor", variant, children: /* @__PURE__ */ jsx(LexicalComposer, { initialConfig, children: /* @__PURE__ */ jsx(TextSelectionStoreProvider, { children: /* @__PURE__ */ jsx(FootnotePlugin, { children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      suppressHydrationWarning: true,
-      className: clsx("rich-editor", variantClass, className),
-      "data-theme": theme,
-      style: { ...style, maxWidth: "none" },
-      children: [
-        header,
-        /* @__PURE__ */ jsx(
-          RichTextPlugin,
-          {
-            ErrorBoundary: LexicalErrorBoundary,
-            contentEditable: /* @__PURE__ */ jsx(
-              ContentEditable,
-              {
-                className: contentClassName,
-                hasHeader: !!header,
-                placeholder: placeholder2
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx(HistoryPlugin, {}),
-        /* @__PURE__ */ jsx(OnChangePlugin, { debounceMs, onChange }),
-        /* @__PURE__ */ jsx(SubmitShortcutPlugin, { onSubmit }),
-        /* @__PURE__ */ jsx(EditorRefPlugin, { onEditorReady }),
-        autoFocus && /* @__PURE__ */ jsx(AutoFocusPlugin, {}),
-        children,
-        actions && /* @__PURE__ */ jsx("div", { className: "rich-editor__actions", children: actions })
-      ]
-    }
-  ) }) }) }) }) }) });
+//#endregion
+//#region src/components/RichEditorShell.tsx
+function RichEditorShell({ nodes, initialValue, onChange, variant = "article", theme = "light", placeholder = "Write something...", onSubmit, autoFocus = false, className, contentClassName, style, actions, header, onEditorReady, rendererConfig, debounceMs, children }) {
+	setResolvedEditNodes(nodes);
+	const initialConfig = {
+		namespace: "RichEditor",
+		theme: editorTheme,
+		nodes,
+		editable: true,
+		onError: (error) => {
+			console.error("[RichEditor]", error);
+		},
+		...initialValue ? { editorState: JSON.stringify(initialValue) } : {}
+	};
+	const variantClass = getVariantClass(variant);
+	return /* @__PURE__ */ jsx(PortalThemeProvider, {
+		className: variantClass,
+		theme,
+		children: /* @__PURE__ */ jsx(ColorSchemeProvider, {
+			colorScheme: theme,
+			children: /* @__PURE__ */ jsx(RendererConfigProvider, {
+				config: rendererConfig,
+				mode: "editor",
+				variant,
+				children: /* @__PURE__ */ jsx(LexicalComposer, {
+					initialConfig,
+					children: /* @__PURE__ */ jsx(TextSelectionStoreProvider, { children: /* @__PURE__ */ jsx(FootnotePlugin, { children: /* @__PURE__ */ jsxs("div", {
+						suppressHydrationWarning: true,
+						className: clsx("rich-editor", variantClass, className),
+						"data-theme": theme,
+						style: {
+							...style,
+							maxWidth: "none"
+						},
+						children: [
+							header,
+							/* @__PURE__ */ jsx(RichTextPlugin, {
+								ErrorBoundary: LexicalErrorBoundary,
+								contentEditable: /* @__PURE__ */ jsx(ContentEditable$1, {
+									className: contentClassName,
+									hasHeader: !!header,
+									placeholder
+								})
+							}),
+							/* @__PURE__ */ jsx(HistoryPlugin, {}),
+							/* @__PURE__ */ jsx(OnChangePlugin, {
+								debounceMs,
+								onChange
+							}),
+							/* @__PURE__ */ jsx(SubmitShortcutPlugin, { onSubmit }),
+							/* @__PURE__ */ jsx(EditorRefPlugin, { onEditorReady }),
+							autoFocus && /* @__PURE__ */ jsx(AutoFocusPlugin, {}),
+							children,
+							actions && /* @__PURE__ */ jsx("div", {
+								className: "rich-editor__actions",
+								children: actions
+							})
+						]
+					}) }) })
+				})
+			})
+		})
+	});
 }
+//#endregion
+//#region src/components/RichEditor.tsx
 function RichEditor({ extraNodes, imageUpload, children, ...shellProps }) {
-  const nodes = extraNodes ? [...allEditNodes, ...extraNodes] : allEditNodes;
-  const resolvedImageUpload = imageUpload ?? defaultImageUpload;
-  return /* @__PURE__ */ jsx(ImageUploadProvider, { upload: resolvedImageUpload, children: /* @__PURE__ */ jsx(ExtraNodesProvider, { extraNodes, children: /* @__PURE__ */ jsxs(RichEditorShell, { nodes, ...shellProps, children: [
-    /* @__PURE__ */ jsx(CorePlugins, {}),
-    /* @__PURE__ */ jsx(ImagePlugin, {}),
-    /* @__PURE__ */ jsx(ImageUploadPlugin, { onUpload: resolvedImageUpload }),
-    /* @__PURE__ */ jsx(KaTeXPlugin, {}),
-    /* @__PURE__ */ jsx(AlertPlugin, {}),
-    /* @__PURE__ */ jsx(MermaidPlugin, {}),
-    /* @__PURE__ */ jsx(LinkFaviconPlugin, {}),
-    /* @__PURE__ */ jsx(BlockIdPlugin, {}),
-    /* @__PURE__ */ jsx(TextSelectionPlugin, {}),
-    children
-  ] }) }) });
+	const nodes = extraNodes ? [...allEditNodes, ...extraNodes] : allEditNodes;
+	const resolvedImageUpload = imageUpload ?? defaultImageUpload;
+	return /* @__PURE__ */ jsx(ImageUploadProvider, {
+		upload: resolvedImageUpload,
+		children: /* @__PURE__ */ jsx(ExtraNodesProvider, {
+			extraNodes,
+			children: /* @__PURE__ */ jsxs(RichEditorShell, {
+				nodes,
+				...shellProps,
+				children: [
+					/* @__PURE__ */ jsx(CorePlugins, {}),
+					/* @__PURE__ */ jsx(ImagePlugin, {}),
+					/* @__PURE__ */ jsx(ImageUploadPlugin, { onUpload: resolvedImageUpload }),
+					/* @__PURE__ */ jsx(KaTeXPlugin, {}),
+					/* @__PURE__ */ jsx(AlertPlugin, {}),
+					/* @__PURE__ */ jsx(MermaidPlugin, {}),
+					/* @__PURE__ */ jsx(LinkFaviconPlugin, {}),
+					/* @__PURE__ */ jsx(BlockIdPlugin, {}),
+					/* @__PURE__ */ jsx(TextSelectionPlugin, {}),
+					children
+				]
+			})
+		})
+	});
 }
-export {
-  $ as $captureTextSelection,
-  i as $captureTextSelectionFromRangeSelection,
-  j as $getRootBlock,
-  k as $getTextOffsetInBlock,
-  l as $resolveSelectionPoint,
-  m as $restoreTextSelection,
-  ColorSchemeProvider,
-  CorePlugins,
-  ExtraNodesProvider,
-  F as FootnoteDefinitionsProvider,
-  L as LinkFavicon,
-  N as NestedContentRendererProvider,
-  P as PresentDialogProvider,
-  RendererConfigProvider,
-  RichEditor,
-  RichEditorShell,
-  n as TEXT_SELECTION_HIGHLIGHT_NAME,
-  TextSelectionStoreProvider,
-  articleTheme,
-  a2 as articleVariant,
-  f as blockIdState,
-  o as buildBlockAnchor,
-  p as buildRangeAnchor,
-  commentTheme,
-  c as commentVariant,
-  q as createDOMRangeFromTextSelection,
-  r as createTextSelectionStore,
-  d3 as detailsClassNames,
-  a3 as detailsStyles,
-  editorTheme,
-  s as findDOMPointByTextOffset,
-  t as getBlockElementById,
-  v as getDOMRectFromTextSelection,
-  w as getTextOffsetFromDOMPoint,
-  getVariantClass,
-  g2 as gridClassNames,
-  b3 as gridStyles,
-  k2 as katexClassNames,
-  b2 as katexStyles,
-  noteTheme,
-  n2 as noteVariant,
-  r2 as richContent,
-  s2 as semanticClassNames,
-  d2 as sharedStyles,
-  u2 as useColorScheme,
-  u as useExtraNodes,
-  u3 as useFootnoteContent,
-  b as useFootnoteDefinitions,
-  d as useFootnoteDisplayNumber,
-  u4 as useNestedContentRenderer,
-  p2 as useOptionalNestedContentRenderer,
-  a as usePresentDialog,
-  e as useRendererConfig,
-  f2 as useRendererMode,
-  x as useTextSelectionSnapshot,
-  y as useTextSelectionStore,
-  g as useVariant,
-  vars
-};
+//#endregion
+export { $captureTextSelection, $captureTextSelectionFromRangeSelection, $getRootBlock, $getTextOffsetInBlock, $resolveSelectionPoint, $restoreTextSelection, ColorSchemeProvider, CorePlugins, ExtraNodesProvider, FootnoteDefinitionsProvider, LinkFavicon, NestedContentRendererProvider, PresentDialogProvider, RendererConfigProvider, RichEditor, RichEditorShell, TEXT_SELECTION_HIGHLIGHT_NAME, TextSelectionStoreProvider, articleTheme, articleVariant, blockIdState, buildBlockAnchor, buildRangeAnchor, commentTheme, commentVariant, createDOMRangeFromTextSelection, createTextSelectionStore, detailsClassNames, detailsStyles, editorTheme, findDOMPointByTextOffset, getBlockElementById, getDOMRectFromTextSelection, getTextOffsetFromDOMPoint, getVariantClass, gridClassNames, gridStyles, katexClassNames, katexStyles, noteTheme, noteVariant, richContent, semanticClassNames, sharedStyles, useColorScheme, useExtraNodes, useFootnoteContent, useFootnoteDefinitions, useFootnoteDisplayNumber, useNestedContentRenderer, useOptionalNestedContentRenderer, usePresentDialog, useRendererConfig, useRendererMode, useTextSelectionSnapshot, useTextSelectionStore, useVariant, vars };

package/dist/katex.css-CIOEOXyd.js

@@ -0,0 +1,145 @@
+//#region src/styles/shared.css.ts
+var semanticClassNames = {
+	paragraph: "rich-paragraph",
+	textBold: "rich-text-bold",
+	textItalic: "rich-text-italic",
+	textUnderline: "rich-text-underline",
+	textStrikethrough: "rich-text-strikethrough",
+	textSuperscript: "rich-text-superscript",
+	textSubscript: "rich-text-subscript",
+	textCode: "rich-text-code",
+	textHighlight: "rich-text-highlight",
+	headingAnchor: "rich-heading-anchor",
+	headingH1: "rich-heading-h1",
+	headingH2: "rich-heading-h2",
+	headingH3: "rich-heading-h3",
+	headingH4: "rich-heading-h4",
+	headingH5: "rich-heading-h5",
+	headingH6: "rich-heading-h6",
+	link: "rich-link",
+	linkFavicon: "rich-link-favicon",
+	listOl: "rich-list-ol",
+	listUl: "rich-list-ul",
+	listItem: "rich-list-item",
+	listNestedItem: "rich-list-nested-item",
+	checklist: "rich-checklist",
+	listItemChecked: "rich-list-item-checked",
+	listItemUnchecked: "rich-list-item-unchecked",
+	quote: "rich-quote",
+	hr: "rich-hr",
+	tableScrollableWrapper: "rich-table-scrollable-wrapper",
+	table: "rich-table",
+	tableCell: "rich-table-cell",
+	tableCellHeader: "rich-table-cell-header",
+	spoiler: "rich-spoiler",
+	spoilerRevealed: "rich-spoiler-revealed",
+	tag: "rich-tag",
+	comment: "rich-comment",
+	ruby: "rich-ruby",
+	rubyRt: "rich-ruby-rt",
+	footnote: "rich-footnote",
+	footnoteRef: "rich-footnote-ref",
+	footnoteHighlight: "rich-footnote-highlight",
+	footnoteRefWrapper: "rich-footnote-ref-wrapper",
+	footnoteSection: "rich-footnote-section",
+	footnoteSectionDivider: "rich-footnote-section-divider",
+	footnoteSectionList: "rich-footnote-section-list",
+	footnoteSectionItem: "rich-footnote-section-item",
+	footnoteBackRef: "rich-footnote-back-ref",
+	footnoteSectionItemEdit: "rich-footnote-section-item-edit",
+	footnoteSectionItemNum: "rich-footnote-section-item-num",
+	footnoteSectionItemInput: "rich-footnote-section-item-input",
+	footnoteSectionItemRemove: "rich-footnote-section-item-remove",
+	dragHandle: "rich-drag-handle",
+	dropIndicator: "rich-drop-indicator",
+	alert: "rich-alert"
+};
+var richContent = "r8uj4t2";
+var sharedStyles = {
+	paragraph: "r8uj4t3",
+	textBold: "r8uj4t4",
+	textItalic: "r8uj4t5",
+	textUnderline: "r8uj4t6",
+	textStrikethrough: "r8uj4t7",
+	textSuperscript: "r8uj4t8",
+	textSubscript: "r8uj4t9",
+	textCode: "r8uj4ta",
+	textHighlight: "r8uj4tb",
+	headingAnchor: "r8uj4tc",
+	headingH1: "r8uj4td",
+	headingH2: "r8uj4te",
+	headingH3: "r8uj4tf",
+	headingH4: "r8uj4tg",
+	headingH5: "r8uj4th",
+	headingH6: "r8uj4ti",
+	link: "r8uj4tj",
+	linkFavicon: "r8uj4tk",
+	listOl: "r8uj4tl",
+	listUl: "r8uj4tm",
+	listItem: "r8uj4tn",
+	listNestedItem: "r8uj4to",
+	checklist: "r8uj4tp",
+	listItemChecked: "r8uj4tr",
+	listItemUnchecked: "r8uj4tq",
+	quote: "r8uj4ts",
+	hr: "r8uj4tt",
+	tableScrollableWrapper: "r8uj4tu",
+	table: "r8uj4tx",
+	tableCell: "r8uj4tv",
+	tableCellHeader: "r8uj4tw",
+	spoiler: "r8uj4ty",
+	spoilerRevealed: "r8uj4tz",
+	tag: "r8uj4t10",
+	comment: "r8uj4t11",
+	ruby: "r8uj4t12",
+	rubyRt: "r8uj4t13",
+	footnote: "r8uj4t14",
+	footnoteRef: "r8uj4t15",
+	footnoteHighlight: "r8uj4t16",
+	footnoteRefWrapper: "r8uj4t17",
+	footnoteSection: "r8uj4t18",
+	footnoteSectionDivider: "r8uj4t19",
+	footnoteSectionList: "r8uj4t1a",
+	footnoteSectionItem: "r8uj4t1b",
+	footnoteBackRef: "r8uj4t1c",
+	footnoteSectionItemEdit: "r8uj4t1d",
+	footnoteSectionItemNum: "r8uj4t1e",
+	footnoteSectionItemInput: "r8uj4t1f",
+	footnoteSectionItemRemove: "r8uj4t1g",
+	dragHandle: "r8uj4t1h",
+	dropIndicator: "r8uj4t1i",
+	alert: "r8uj4t1j"
+};
+//#endregion
+//#region src/styles/article.css.ts
+var articleVariant = "v10dui1 r8uj4t2 _13h71jk0 v10dui0";
+//#endregion
+//#region src/styles/comment.css.ts
+var commentVariant = "_14ko36c1 r8uj4t2 _13h71jk2 _14ko36c0";
+//#endregion
+//#region src/styles/note.css.ts
+var noteVariant = "ys4fw91 r8uj4t2 _13h71jk1 ys4fw90";
+//#endregion
+//#region src/components/utils.ts
+function clsx(...args) {
+	return args.filter(Boolean).join(" ");
+}
+function getVariantClass(variant) {
+	if (variant === "comment") return commentVariant;
+	if (variant === "note") return noteVariant;
+	return articleVariant;
+}
+//#endregion
+//#region src/styles/katex.css.ts
+var katexClassNames = {
+	inline: "rich-katex-inline",
+	block: "rich-katex-block",
+	fallback: "rich-katex-fallback"
+};
+var katexStyles = {
+	inline: "egstxq0",
+	block: "egstxq1",
+	fallback: "egstxq2"
+};
+//#endregion
+export { noteVariant as a, richContent as c, getVariantClass as i, semanticClassNames as l, katexStyles as n, commentVariant as o, clsx as r, articleVariant as s, katexClassNames as t, sharedStyles as u };