@lumeweb/portal-framework-ui 0.0.1 → 0.1.0

package/dist/cjs/components/editor/ToolbarPlugin.cjs

@@ -0,0 +1,209 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_components_editor_ToolbarContext = require('./ToolbarContext.cjs');
+const require_components_editor_BlockTypeDropdown = require('./BlockTypeDropdown.cjs');
+let _lumeweb_portal_framework_ui_core = require("@lumeweb/portal-framework-ui-core");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _lexical_list = require("@lexical/list");
+let _lexical_rich_text = require("@lexical/rich-text");
+let lexical = require("lexical");
+let _lexical_react_LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
+let _lexical_utils = require("@lexical/utils");
+let _radix_ui_react_icons = require("@radix-ui/react-icons");
+
+//#region src/components/editor/ToolbarPlugin.tsx
+function ToolbarPlugin({ enablePreview = true, isPreview, setIsPreview, toolbarOptions = defaultToolbarOptions }) {
+	const [editor] = (0, _lexical_react_LexicalComposerContext.useLexicalComposerContext)();
+	const { toolbarState, updateToolbarState } = require_components_editor_ToolbarContext.useToolbarState();
+	const [canUndo, setCanUndo] = (0, react.useState)(false);
+	const [canRedo, setCanRedo] = (0, react.useState)(false);
+	const $updateToolbar = react.default.useCallback(() => {
+		const selection = (0, lexical.$getSelection)();
+		if ((0, lexical.$isRangeSelection)(selection)) {
+			updateToolbarState("isBold", selection.hasFormat("bold"));
+			updateToolbarState("isItalic", selection.hasFormat("italic"));
+			updateToolbarState("isStrikethrough", selection.hasFormat("strikethrough"));
+			updateToolbarState("isSubscript", selection.hasFormat("subscript"));
+			updateToolbarState("isSuperscript", selection.hasFormat("superscript"));
+			updateToolbarState("isUnderline", selection.hasFormat("underline"));
+			const anchorNode = selection.anchor.getNode();
+			let element = anchorNode.getKey() === "root" ? anchorNode : (0, _lexical_utils.$findMatchingParent)(anchorNode, (e) => {
+				const parent = e.getParent();
+				return parent !== null && (0, lexical.$isRootOrShadowRoot)(parent);
+			});
+			if (element === null) element = anchorNode.getTopLevelElementOrThrow();
+			const type = (0, _lexical_rich_text.$isHeadingNode)(element) ? element.getTag() : (0, _lexical_list.$isListNode)(element) ? element.getListType() : element.getType();
+			if (type in require_components_editor_ToolbarContext.blockTypeToBlockName) updateToolbarState("blockType", type);
+		}
+	}, [updateToolbarState]);
+	react.default.useEffect(() => {
+		return (0, _lexical_utils.mergeRegister)(editor.registerCommand(lexical.SELECTION_CHANGE_COMMAND, () => {
+			$updateToolbar();
+			return false;
+		}, lexical.COMMAND_PRIORITY_CRITICAL), editor.registerUpdateListener(({ editorState }) => {
+			editorState.read(() => {
+				$updateToolbar();
+			});
+		}));
+	}, [editor, $updateToolbar]);
+	(0, react.useEffect)(() => {
+		if (!enablePreview) setIsPreview(false);
+		if (enablePreview) editor.setEditable(!isPreview);
+	}, [
+		editor,
+		enablePreview,
+		isPreview,
+		setIsPreview
+	]);
+	(0, react.useEffect)(() => {
+		return (0, _lexical_utils.mergeRegister)(editor.registerCommand(lexical.CAN_UNDO_COMMAND, (payload) => {
+			setCanUndo(payload);
+			return false;
+		}, lexical.COMMAND_PRIORITY_CRITICAL), editor.registerCommand(lexical.CAN_REDO_COMMAND, (payload) => {
+			setCanRedo(payload);
+			return false;
+		}, lexical.COMMAND_PRIORITY_CRITICAL));
+	}, [editor]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "relative z-10 w-full border-b",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex justify-center space-x-2 p-1",
+			children: [
+				toolbarOptions.includes("clear") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolbarButton, {
+					command: lexical.FORMAT_TEXT_COMMAND,
+					disabled: isPreview,
+					payload: "clear",
+					title: "Clear Formatting",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_icons.ReloadIcon, { className: "text-muted-foreground" })
+				}),
+				toolbarOptions.includes("undo") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Button, {
+					className: "h-8 px-2",
+					disabled: !canUndo || isPreview,
+					onClick: () => editor.dispatchCommand(lexical.UNDO_COMMAND, void 0),
+					title: "Undo (Ctrl+Z)",
+					variant: "ghost",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_icons.ReloadIcon, { className: "-scale-x-100 transform" })
+				}),
+				toolbarOptions.includes("redo") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Button, {
+					className: "h-8 px-2",
+					disabled: !canRedo || isPreview,
+					onClick: () => editor.dispatchCommand(lexical.REDO_COMMAND, void 0),
+					title: "Redo (Ctrl+Y)",
+					variant: "ghost",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_icons.ReloadIcon, { className: "rotate-180" })
+				}),
+				enablePreview && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex items-center gap-1 pr-2",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Button, {
+						onClick: () => setIsPreview(false),
+						size: "sm",
+						type: "button",
+						variant: !isPreview ? "secondary" : "ghost",
+						children: "Write"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Button, {
+						onClick: () => setIsPreview(true),
+						size: "sm",
+						type: "button",
+						variant: isPreview ? "secondary" : "ghost",
+						children: "Preview"
+					})]
+				}),
+				toolbarOptions.includes("blockTypes") && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Separator, {
+					className: "my-1 h-auto",
+					orientation: "vertical"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_editor_BlockTypeDropdown.default, { blockType: toolbarState.blockType })] }),
+				toolbarOptions.includes("bold") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolbarButton, {
+					command: lexical.FORMAT_TEXT_COMMAND,
+					disabled: isPreview,
+					payload: "bold",
+					title: "Bold (Ctrl+B)",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_icons.FontBoldIcon, {})
+				}),
+				toolbarOptions.includes("italic") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolbarButton, {
+					command: lexical.FORMAT_TEXT_COMMAND,
+					disabled: isPreview,
+					payload: "italic",
+					title: "Italic (Ctrl+I)",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_icons.FontItalicIcon, {})
+				}),
+				toolbarOptions.includes("underline") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolbarButton, {
+					command: lexical.FORMAT_TEXT_COMMAND,
+					disabled: isPreview,
+					payload: "underline",
+					title: "Underline (Ctrl+U)",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_icons.UnderlineIcon, {})
+				})
+			]
+		})
+	});
+}
+var defaultToolbarOptions, formatToStateKey, ToolbarButton;
+var init_ToolbarPlugin = require_rolldown_runtime.__esmMin((() => {
+	require_components_editor_BlockTypeDropdown.init_BlockTypeDropdown();
+	require_components_editor_ToolbarContext.init_ToolbarContext();
+	defaultToolbarOptions = [
+		"bold",
+		"italic",
+		"underline",
+		"undo",
+		"redo",
+		"blockTypes"
+	];
+	formatToStateKey = {
+		bold: "isBold",
+		clear: "isClear",
+		italic: "isItalic",
+		strikethrough: "isStrikethrough",
+		subscript: "isSubscript",
+		superscript: "isSuperscript",
+		underline: "isUnderline"
+	};
+	ToolbarButton = ({ children, command, disabled, payload, title }) => {
+		const [editor] = (0, _lexical_react_LexicalComposerContext.useLexicalComposerContext)();
+		const { toolbarState, updateToolbarState } = require_components_editor_ToolbarContext.useToolbarState();
+		const isActive = command === lexical.FORMAT_TEXT_COMMAND ? toolbarState[formatToStateKey[payload]] : false;
+		const handleClick = () => {
+			editor.dispatchCommand(command, payload);
+		};
+		if (command === lexical.FORMAT_TEXT_COMMAND) {
+			const stateKey = formatToStateKey[payload];
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Toggle, {
+				"aria-label": title,
+				disabled,
+				onPressedChange: (pressed) => {
+					handleClick();
+					updateToolbarState(stateKey, pressed);
+					if (payload === "clear") setTimeout(() => {
+						updateToolbarState(stateKey, false);
+					}, 300);
+				},
+				pressed: toolbarState[stateKey],
+				size: "sm",
+				title,
+				children
+			});
+		}
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Button, {
+			className: isActive ? "bg-gray-200" : "",
+			disabled,
+			onClick: handleClick,
+			size: "icon",
+			title,
+			variant: "ghost",
+			children
+		});
+	};
+}));
+
+//#endregion
+init_ToolbarPlugin();
+exports.ToolbarPlugin = ToolbarPlugin;
+exports.defaultToolbarOptions = defaultToolbarOptions;
+Object.defineProperty(exports, 'init_ToolbarPlugin', {
+  enumerable: true,
+  get: function () {
+    return init_ToolbarPlugin;
+  }
+});
+//# sourceMappingURL=ToolbarPlugin.cjs.map

package/dist/cjs/components/editor/ToolbarPlugin.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarPlugin.cjs","names":["useToolbarState","React","blockTypeToBlockName","SELECTION_CHANGE_COMMAND","COMMAND_PRIORITY_CRITICAL","CAN_UNDO_COMMAND","CAN_REDO_COMMAND","FORMAT_TEXT_COMMAND","ReloadIcon","Button","UNDO_COMMAND","REDO_COMMAND","Separator","BlockTypeDropdown","FontBoldIcon","FontItalicIcon","UnderlineIcon","Toggle"],"sources":["../../../../src/components/editor/ToolbarPlugin.tsx"],"sourcesContent":["import { $isListNode } from \"@lexical/list\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport { $isHeadingNode } from \"@lexical/rich-text\";\nimport { $findMatchingParent, mergeRegister } from \"@lexical/utils\";\nimport { Button, Separator, Toggle } from \"@lumeweb/portal-framework-ui-core\";\nimport {\n  FontBoldIcon,\n  FontItalicIcon,\n  ReloadIcon,\n  UnderlineIcon,\n} from \"@radix-ui/react-icons\";\nimport {\n  $getSelection,\n  $isRangeSelection,\n  $isRootOrShadowRoot,\n  CAN_REDO_COMMAND,\n  CAN_UNDO_COMMAND,\n  COMMAND_PRIORITY_CRITICAL,\n  FORMAT_TEXT_COMMAND,\n  LexicalCommand,\n  REDO_COMMAND,\n  SELECTION_CHANGE_COMMAND,\n  UNDO_COMMAND,\n} from \"lexical\";\nimport React, { useEffect, useState } from \"react\";\n\nimport BlockTypeDropdown from \"./BlockTypeDropdown\";\nimport { ToolbarOption } from \"./Editor\";\nimport {\n  blockTypeToBlockName,\n  ToolbarState,\n  ToolbarStateKey,\n  ToolbarStateValue,\n  useToolbarState,\n} from \"./ToolbarContext\";\n\nexport const defaultToolbarOptions: ToolbarOption[] = [\n  \"bold\",\n  \"italic\",\n  \"underline\",\n  \"undo\",\n  \"redo\",\n  \"blockTypes\",\n];\n\nconst formatToStateKey = {\n  bold: \"isBold\",\n  clear: \"isClear\",\n  italic: \"isItalic\",\n  strikethrough: \"isStrikethrough\",\n  subscript: \"isSubscript\",\n  superscript: \"isSuperscript\",\n  underline: \"isUnderline\",\n} as const;\n\ntype FormatPayload = keyof typeof formatToStateKey;\n\ninterface ToolbarButtonProps {\n  children: React.ReactNode;\n  command: LexicalCommand<any>;\n  disabled?: boolean;\n  payload?: any;\n  title?: string;\n}\n\ninterface ToolbarPluginProps {\n  enablePreview?: boolean;\n  isPreview: boolean;\n  setIsPreview: React.Dispatch<React.SetStateAction<boolean>>;\n  toolbarOptions?: (\n    | \"blockTypes\"\n    | \"bold\"\n    | \"clear\"\n    | \"italic\"\n    | \"redo\"\n    | \"strikethrough\"\n    | \"subscript\"\n    | \"superscript\"\n    | \"underline\"\n    | \"undo\"\n  )[];\n}\n\nconst ToolbarButton = ({\n  children,\n  command,\n  disabled,\n  payload,\n  title,\n}: ToolbarButtonProps) => {\n  const [editor] = useLexicalComposerContext();\n  const {\n    toolbarState,\n    updateToolbarState,\n  }: {\n    toolbarState: ToolbarState;\n    updateToolbarState: <Key extends ToolbarStateKey>(\n      key: Key,\n      value: ToolbarStateValue<Key>,\n    ) => void;\n  } = useToolbarState();\n\n  const isActive =\n    command === FORMAT_TEXT_COMMAND\n      ? toolbarState[formatToStateKey[payload as FormatPayload]]\n      : false;\n\n  const handleClick = () => {\n    editor.dispatchCommand(command, payload);\n  };\n\n  if (command === FORMAT_TEXT_COMMAND) {\n    const stateKey = formatToStateKey[payload as FormatPayload];\n\n    return (\n      <Toggle\n        aria-label={title}\n        disabled={disabled}\n        onPressedChange={(pressed) => {\n          handleClick();\n          updateToolbarState(stateKey, pressed);\n          if (payload === \"clear\") {\n            setTimeout(() => {\n              updateToolbarState(stateKey, false);\n            }, 300);\n          }\n        }}\n        pressed={toolbarState[stateKey]}\n        size=\"sm\"\n        title={title}>\n        {children}\n      </Toggle>\n    );\n  }\n\n  return (\n    <Button\n      className={isActive ? \"bg-gray-200\" : \"\"}\n      disabled={disabled}\n      onClick={handleClick}\n      size=\"icon\"\n      title={title}\n      variant=\"ghost\">\n      {children}\n    </Button>\n  );\n};\n\nexport function ToolbarPlugin({\n  enablePreview = true,\n  isPreview,\n  setIsPreview,\n  toolbarOptions = defaultToolbarOptions,\n}: ToolbarPluginProps) {\n  const [editor] = useLexicalComposerContext();\n  const { toolbarState, updateToolbarState } = useToolbarState();\n\n  const [canUndo, setCanUndo] = useState(false);\n  const [canRedo, setCanRedo] = useState(false);\n\n  const $updateToolbar = React.useCallback(() => {\n    const selection = $getSelection();\n    if ($isRangeSelection(selection)) {\n      updateToolbarState(\"isBold\", selection.hasFormat(\"bold\"));\n      updateToolbarState(\"isItalic\", selection.hasFormat(\"italic\"));\n      updateToolbarState(\n        \"isStrikethrough\",\n        selection.hasFormat(\"strikethrough\"),\n      );\n      updateToolbarState(\"isSubscript\", selection.hasFormat(\"subscript\"));\n      updateToolbarState(\"isSuperscript\", selection.hasFormat(\"superscript\"));\n      updateToolbarState(\"isUnderline\", selection.hasFormat(\"underline\"));\n\n      const anchorNode = selection.anchor.getNode();\n\n      let element =\n        anchorNode.getKey() === \"root\"\n          ? anchorNode\n          : $findMatchingParent(anchorNode, (e) => {\n              const parent = e.getParent();\n              return parent !== null && $isRootOrShadowRoot(parent);\n            });\n\n      if (element === null) {\n        element = anchorNode.getTopLevelElementOrThrow();\n      }\n\n      const type = $isHeadingNode(element)\n        ? element.getTag()\n        : $isListNode(element)\n          ? element.getListType()\n          : element.getType();\n\n      if (type in blockTypeToBlockName) {\n        updateToolbarState(\n          \"blockType\",\n          type as keyof typeof blockTypeToBlockName,\n        );\n      }\n    }\n  }, [updateToolbarState]);\n\n  React.useEffect(() => {\n    return mergeRegister(\n      editor.registerCommand(\n        SELECTION_CHANGE_COMMAND,\n        () => {\n          $updateToolbar();\n          return false;\n        },\n        COMMAND_PRIORITY_CRITICAL,\n      ),\n      editor.registerUpdateListener(({ editorState }) => {\n        editorState.read(() => {\n          $updateToolbar();\n        });\n      }),\n    );\n  }, [editor, $updateToolbar]);\n\n  useEffect(() => {\n    if (!enablePreview) {\n      setIsPreview(false);\n    }\n\n    if (enablePreview) {\n      editor.setEditable(!isPreview);\n    }\n  }, [editor, enablePreview, isPreview, setIsPreview]);\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerCommand(\n        CAN_UNDO_COMMAND,\n        (payload) => {\n          setCanUndo(payload);\n          return false;\n        },\n        COMMAND_PRIORITY_CRITICAL,\n      ),\n      editor.registerCommand(\n        CAN_REDO_COMMAND,\n        (payload) => {\n          setCanRedo(payload);\n          return false;\n        },\n        COMMAND_PRIORITY_CRITICAL,\n      ),\n    );\n  }, [editor]);\n\n  return (\n    <div className=\"relative z-10 w-full border-b\">\n      <div className=\"flex justify-center space-x-2 p-1\">\n        {toolbarOptions.includes(\"clear\") && (\n          <ToolbarButton\n            command={FORMAT_TEXT_COMMAND}\n            disabled={isPreview}\n            payload=\"clear\"\n            title=\"Clear Formatting\">\n            <ReloadIcon className=\"text-muted-foreground\" />\n          </ToolbarButton>\n        )}\n\n        {toolbarOptions.includes(\"undo\") && (\n          <Button\n            className=\"h-8 px-2\"\n            disabled={!canUndo || isPreview}\n            onClick={() => editor.dispatchCommand(UNDO_COMMAND, undefined)}\n            title=\"Undo (Ctrl+Z)\"\n            variant=\"ghost\">\n            <ReloadIcon className=\"-scale-x-100 transform\" />\n          </Button>\n        )}\n\n        {toolbarOptions.includes(\"redo\") && (\n          <Button\n            className=\"h-8 px-2\"\n            disabled={!canRedo || isPreview}\n            onClick={() => editor.dispatchCommand(REDO_COMMAND, undefined)}\n            title=\"Redo (Ctrl+Y)\"\n            variant=\"ghost\">\n            <ReloadIcon className=\"rotate-180\" />\n          </Button>\n        )}\n\n        {enablePreview && (\n          <div className=\"flex items-center gap-1 pr-2\">\n            <Button\n              onClick={() => setIsPreview(false)}\n              size=\"sm\"\n              type=\"button\"\n              variant={!isPreview ? \"secondary\" : \"ghost\"}>\n              Write\n            </Button>\n            <Button\n              onClick={() => setIsPreview(true)}\n              size=\"sm\"\n              type=\"button\"\n              variant={isPreview ? \"secondary\" : \"ghost\"}>\n              Preview\n            </Button>\n          </div>\n        )}\n\n        {toolbarOptions.includes(\"blockTypes\") && (\n          <>\n            <Separator className=\"my-1 h-auto\" orientation=\"vertical\" />\n            <BlockTypeDropdown blockType={toolbarState.blockType} />\n          </>\n        )}\n\n        {toolbarOptions.includes(\"bold\") && (\n          <ToolbarButton\n            command={FORMAT_TEXT_COMMAND}\n            disabled={isPreview}\n            payload=\"bold\"\n            title=\"Bold (Ctrl+B)\">\n            <FontBoldIcon />\n          </ToolbarButton>\n        )}\n\n        {toolbarOptions.includes(\"italic\") && (\n          <ToolbarButton\n            command={FORMAT_TEXT_COMMAND}\n            disabled={isPreview}\n            payload=\"italic\"\n            title=\"Italic (Ctrl+I)\">\n            <FontItalicIcon />\n          </ToolbarButton>\n        )}\n\n        {toolbarOptions.includes(\"underline\") && (\n          <ToolbarButton\n            command={FORMAT_TEXT_COMMAND}\n            disabled={isPreview}\n            payload=\"underline\"\n            title=\"Underline (Ctrl+U)\">\n            <UnderlineIcon />\n          </ToolbarButton>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/cjs/components/editor/ToolbarPlugin.d.cts

@@ -0,0 +1,20 @@
+import { ToolbarOption } from "./Editor.cjs";
+import React from "react";
+
+//#region src/components/editor/ToolbarPlugin.d.ts
+declare const defaultToolbarOptions: ToolbarOption[];
+interface ToolbarPluginProps {
+  enablePreview?: boolean;
+  isPreview: boolean;
+  setIsPreview: React.Dispatch<React.SetStateAction<boolean>>;
+  toolbarOptions?: ("blockTypes" | "bold" | "clear" | "italic" | "redo" | "strikethrough" | "subscript" | "superscript" | "underline" | "undo")[];
+}
+declare function ToolbarPlugin({
+  enablePreview,
+  isPreview,
+  setIsPreview,
+  toolbarOptions
+}: ToolbarPluginProps): any;
+//#endregion
+export { ToolbarPlugin, defaultToolbarOptions };
+//# sourceMappingURL=ToolbarPlugin.d.cts.map

package/dist/cjs/components/editor/formatting.cjs

@@ -0,0 +1,135 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let _lexical_code = require("@lexical/code");
+let _lexical_list = require("@lexical/list");
+let _lexical_rich_text = require("@lexical/rich-text");
+let lexical = require("lexical");
+let _lexical_utils = require("@lexical/utils");
+let _lexical_selection = require("@lexical/selection");
+
+//#region src/components/editor/formatting.ts
+function clearFormatting(editor, updateToolbarState) {
+	editor.update(() => {
+		const selection = (0, lexical.$getSelection)();
+		if ((0, lexical.$isRangeSelection)(selection)) {
+			const anchorNode = selection.anchor.getNode();
+			const element = anchorNode.getKey() === "root" ? anchorNode : (0, _lexical_utils.$findMatchingParent)(anchorNode, (e) => {
+				const parent = e.getParent();
+				return parent !== null && (0, lexical.$isRootOrShadowRoot)(parent);
+			});
+			if (element === null) return;
+			if (((0, _lexical_rich_text.$isHeadingNode)(element) ? element.getTag() : (0, _lexical_list.$isListNode)(element) ? element.getListType() : element.getType()) === "paragraph") {
+				const textContent = selection.getTextContent();
+				const paragraphNode = (0, lexical.$createParagraphNode)();
+				selection.insertNodes([paragraphNode]);
+				const newSelection = (0, lexical.$getSelection)();
+				if ((0, lexical.$isRangeSelection)(newSelection)) newSelection.insertRawText(textContent);
+			} else (0, _lexical_selection.$setBlocksType)(selection, () => (0, lexical.$createParagraphNode)());
+			updateToolbarState("isBold", false);
+			updateToolbarState("isItalic", false);
+			updateToolbarState("isUnderline", false);
+			updateToolbarState("isStrikethrough", false);
+			updateToolbarState("isSubscript", false);
+			updateToolbarState("isSuperscript", false);
+			updateToolbarState("isClear", true);
+			updateToolbarState("blockType", "paragraph");
+			updateToolbarState("isBold", false);
+			updateToolbarState("isItalic", false);
+			updateToolbarState("isUnderline", false);
+			updateToolbarState("isStrikethrough", false);
+			updateToolbarState("isSubscript", false);
+			updateToolbarState("isSuperscript", false);
+			updateToolbarState("isClear", true);
+		}
+	});
+}
+function formatCheckList(editor, currentBlockType, updateToolbarState) {
+	if (currentBlockType !== "check") {
+		editor.dispatchCommand(_lexical_list.INSERT_CHECK_LIST_COMMAND, void 0);
+		updateToolbarState("blockType", "check");
+	} else formatParagraph(editor, updateToolbarState);
+}
+function formatParagraph(editor, updateToolbarState) {
+	editor.update(() => {
+		(0, _lexical_selection.$setBlocksType)((0, lexical.$getSelection)(), () => (0, lexical.$createParagraphNode)());
+		updateToolbarState("blockType", "paragraph");
+	});
+}
+var formatCode, formatHeading, formatQuote, formatBulletList, formatOrderedList;
+var init_formatting = require_rolldown_runtime.__esmMin((() => {
+	formatCode = (editor, blockType, updateToolbarState) => {
+		if (blockType !== "code") {
+			editor.update(() => {
+				let selection = (0, lexical.$getSelection)();
+				if (!selection) return;
+				if (!(0, lexical.$isRangeSelection)(selection) || selection.isCollapsed()) (0, _lexical_selection.$setBlocksType)(selection, () => (0, _lexical_code.$createCodeNode)());
+				else {
+					const textContent = selection.getTextContent();
+					const codeNode = (0, _lexical_code.$createCodeNode)();
+					selection.insertNodes([codeNode]);
+					selection = (0, lexical.$getSelection)();
+					if ((0, lexical.$isRangeSelection)(selection)) selection.insertRawText(textContent);
+				}
+			});
+			updateToolbarState("blockType", "code");
+		}
+	};
+	formatHeading = (editor, blockType, headingSize, updateToolbarState) => {
+		if (blockType !== headingSize) editor.update(() => {
+			const selection = (0, lexical.$getSelection)();
+			if ((0, lexical.$isRangeSelection)(selection)) {
+				const anchorNode = selection.anchor.getNode();
+				let element = anchorNode.getKey() === "root" ? anchorNode : (0, _lexical_utils.$findMatchingParent)(anchorNode, (e) => {
+					const parent = e.getParent();
+					return parent !== null && (0, lexical.$isRootOrShadowRoot)(parent);
+				});
+				if (element === null) element = anchorNode.getTopLevelElementOrThrow();
+				if (((0, _lexical_rich_text.$isHeadingNode)(element) ? element.getTag() : (0, _lexical_list.$isListNode)(element) ? element.getListType() : element.getType()) === headingSize) {
+					(0, _lexical_selection.$setBlocksType)(selection, () => (0, lexical.$createParagraphNode)());
+					updateToolbarState("blockType", "paragraph");
+				} else {
+					(0, _lexical_selection.$setBlocksType)(selection, () => (0, _lexical_rich_text.$createHeadingNode)(headingSize));
+					updateToolbarState("blockType", headingSize);
+				}
+			}
+		});
+	};
+	formatQuote = (editor, blockType, updateToolbarState) => {
+		if (blockType !== "quote") editor.update(() => {
+			(0, _lexical_selection.$setBlocksType)((0, lexical.$getSelection)(), () => (0, _lexical_rich_text.$createQuoteNode)());
+			updateToolbarState("blockType", "paragraph");
+		});
+	};
+	formatBulletList = (editor, blockType, updateToolbarState) => {
+		if (blockType !== "bullet") {
+			editor.dispatchCommand(_lexical_list.INSERT_UNORDERED_LIST_COMMAND, void 0);
+			updateToolbarState("blockType", "bullet");
+		} else formatParagraph(editor, updateToolbarState);
+	};
+	formatOrderedList = (editor, blockType, updateToolbarState) => {
+		if (blockType !== "number") {
+			editor.dispatchCommand(_lexical_list.INSERT_ORDERED_LIST_COMMAND, void 0);
+			updateToolbarState("blockType", "number");
+		} else {
+			editor.dispatchCommand(_lexical_list.REMOVE_LIST_COMMAND, void 0);
+			updateToolbarState("blockType", "paragraph");
+		}
+	};
+}));
+
+//#endregion
+init_formatting();
+exports.clearFormatting = clearFormatting;
+exports.formatBulletList = formatBulletList;
+exports.formatCheckList = formatCheckList;
+exports.formatCode = formatCode;
+exports.formatHeading = formatHeading;
+exports.formatOrderedList = formatOrderedList;
+exports.formatParagraph = formatParagraph;
+exports.formatQuote = formatQuote;
+Object.defineProperty(exports, 'init_formatting', {
+  enumerable: true,
+  get: function () {
+    return init_formatting;
+  }
+});
+//# sourceMappingURL=formatting.cjs.map

package/dist/cjs/components/editor/formatting.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatting.cjs","names":["INSERT_CHECK_LIST_COMMAND","INSERT_UNORDERED_LIST_COMMAND","INSERT_ORDERED_LIST_COMMAND","REMOVE_LIST_COMMAND"],"sources":["../../../../src/components/editor/formatting.ts"],"sourcesContent":["import { $createCodeNode } from \"@lexical/code\";\nimport {\n  $isListNode,\n  INSERT_CHECK_LIST_COMMAND,\n  INSERT_ORDERED_LIST_COMMAND,\n  INSERT_UNORDERED_LIST_COMMAND,\n  REMOVE_LIST_COMMAND,\n} from \"@lexical/list\";\nimport {\n  $createHeadingNode,\n  $createQuoteNode,\n  $isHeadingNode,\n  HeadingTagType,\n} from \"@lexical/rich-text\";\nimport { $setBlocksType } from \"@lexical/selection\";\nimport { $findMatchingParent } from \"@lexical/utils\";\nimport {\n  $createParagraphNode,\n  $getSelection,\n  $isRangeSelection,\n  $isRootOrShadowRoot,\n  LexicalEditor,\n} from \"lexical\";\n\nimport { blockTypeToBlockName } from \"./ToolbarContext\";\n\nexport function clearFormatting(\n  editor: any,\n  updateToolbarState: (key: string, value: any) => void,\n) {\n  editor.update(() => {\n    const selection = $getSelection();\n    if ($isRangeSelection(selection)) {\n      const anchorNode = selection.anchor.getNode();\n      const element =\n        anchorNode.getKey() === \"root\"\n          ? anchorNode\n          : $findMatchingParent(anchorNode, (e) => {\n              const parent = e.getParent();\n              return parent !== null && $isRootOrShadowRoot(parent);\n            });\n\n      if (element === null) return;\n\n      const currentBlockType = $isHeadingNode(element)\n        ? element.getTag()\n        : $isListNode(element)\n          ? element.getListType()\n          : element.getType();\n\n      if (currentBlockType === \"paragraph\") {\n        const textContent = selection.getTextContent();\n        const paragraphNode = $createParagraphNode();\n        selection.insertNodes([paragraphNode]);\n        const newSelection = $getSelection();\n        if ($isRangeSelection(newSelection)) {\n          newSelection.insertRawText(textContent);\n        }\n      } else {\n        $setBlocksType(selection, () => $createParagraphNode());\n      }\n\n      updateToolbarState(\"isBold\", false);\n      updateToolbarState(\"isItalic\", false);\n      updateToolbarState(\"isUnderline\", false);\n      updateToolbarState(\"isStrikethrough\", false);\n      updateToolbarState(\"isSubscript\", false);\n      updateToolbarState(\"isSuperscript\", false);\n      updateToolbarState(\"isClear\", true);\n\n      updateToolbarState(\"blockType\", \"paragraph\");\n      updateToolbarState(\"isBold\", false);\n      updateToolbarState(\"isItalic\", false);\n      updateToolbarState(\"isUnderline\", false);\n      updateToolbarState(\"isStrikethrough\", false);\n      updateToolbarState(\"isSubscript\", false);\n      updateToolbarState(\"isSuperscript\", false);\n      updateToolbarState(\"isClear\", true);\n    }\n  });\n}\n\nexport function formatCheckList(\n  editor: any,\n  currentBlockType: string,\n  updateToolbarState: (key: string, value: any) => void,\n) {\n  if (currentBlockType !== \"check\") {\n    editor.dispatchCommand(INSERT_CHECK_LIST_COMMAND, undefined);\n    updateToolbarState(\"blockType\", \"check\");\n  } else {\n    formatParagraph(editor, updateToolbarState);\n  }\n}\n\nexport const formatCode = (\n  editor: LexicalEditor,\n  blockType: string,\n  updateToolbarState: (key: string, value: any) => void,\n) => {\n  if (blockType !== \"code\") {\n    editor.update(() => {\n      let selection = $getSelection();\n      if (!selection) {\n        return;\n      }\n      if (!$isRangeSelection(selection) || selection.isCollapsed()) {\n        $setBlocksType(selection, () => $createCodeNode());\n      } else {\n        const textContent = selection.getTextContent();\n        const codeNode = $createCodeNode();\n        selection.insertNodes([codeNode]);\n        selection = $getSelection();\n        if ($isRangeSelection(selection)) {\n          selection.insertRawText(textContent);\n        }\n      }\n    });\n    updateToolbarState(\"blockType\", \"code\");\n  }\n};\n\nexport function formatParagraph(\n  editor: LexicalEditor,\n  updateToolbarState: (key: string, value: any) => void,\n) {\n  editor.update(() => {\n    const selection = $getSelection();\n    $setBlocksType(selection, () => $createParagraphNode());\n    updateToolbarState(\"blockType\", \"paragraph\");\n  });\n}\n\nexport const formatHeading = (\n  editor: LexicalEditor,\n  blockType: string,\n  headingSize: HeadingTagType,\n  updateToolbarState: (key: string, value: any) => void,\n) => {\n  if (blockType !== headingSize) {\n    editor.update(() => {\n      const selection = $getSelection();\n      if ($isRangeSelection(selection)) {\n        const anchorNode = selection.anchor.getNode();\n        let element =\n          anchorNode.getKey() === \"root\"\n            ? anchorNode\n            : $findMatchingParent(anchorNode, (e) => {\n                const parent = e.getParent();\n                return parent !== null && $isRootOrShadowRoot(parent);\n              });\n\n        if (element === null) {\n          element = anchorNode.getTopLevelElementOrThrow();\n        }\n\n        const currentBlockType = $isHeadingNode(element)\n          ? element.getTag()\n          : $isListNode(element)\n            ? element.getListType()\n            : element.getType();\n\n        if (currentBlockType === headingSize) {\n          $setBlocksType(selection, () => $createParagraphNode());\n          updateToolbarState(\"blockType\", \"paragraph\");\n        } else {\n          $setBlocksType(selection, () => $createHeadingNode(headingSize));\n          updateToolbarState(\n            \"blockType\",\n            headingSize as keyof typeof blockTypeToBlockName,\n          );\n        }\n      }\n    });\n  }\n};\n\nexport const formatQuote = (\n  editor: LexicalEditor,\n  blockType: string,\n  updateToolbarState: (key: string, value: any) => void,\n) => {\n  if (blockType !== \"quote\") {\n    editor.update(() => {\n      const selection = $getSelection();\n      $setBlocksType(selection, () => $createQuoteNode());\n      updateToolbarState(\"blockType\", \"paragraph\");\n    });\n  }\n};\n\nexport const formatBulletList = (\n  editor: LexicalEditor,\n  blockType: string,\n  updateToolbarState: (key: string, value: any) => void,\n) => {\n  if (blockType !== \"bullet\") {\n    editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, undefined);\n    updateToolbarState(\"blockType\", \"bullet\");\n  } else {\n    formatParagraph(editor, updateToolbarState);\n  }\n};\n\nexport const formatOrderedList = (\n  editor: LexicalEditor,\n  blockType: string,\n  updateToolbarState: (key: string, value: any) => void,\n) => {\n  if (blockType !== \"number\") {\n    editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, undefined);\n    updateToolbarState(\"blockType\", \"number\");\n  } else {\n    editor.dispatchCommand(REMOVE_LIST_COMMAND, undefined);\n    updateToolbarState(\"blockType\", \"paragraph\");\n  }\n};\n"],"mappings":"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"}

package/dist/cjs/components/editor/formatting.d.cts

@@ -0,0 +1,15 @@
+import { HeadingTagType } from "@lexical/rich-text";
+import { LexicalEditor } from "lexical";
+
+//#region src/components/editor/formatting.d.ts
+declare function clearFormatting(editor: any, updateToolbarState: (key: string, value: any) => void): void;
+declare function formatCheckList(editor: any, currentBlockType: string, updateToolbarState: (key: string, value: any) => void): void;
+declare const formatCode: (editor: LexicalEditor, blockType: string, updateToolbarState: (key: string, value: any) => void) => void;
+declare function formatParagraph(editor: LexicalEditor, updateToolbarState: (key: string, value: any) => void): void;
+declare const formatHeading: (editor: LexicalEditor, blockType: string, headingSize: HeadingTagType, updateToolbarState: (key: string, value: any) => void) => void;
+declare const formatQuote: (editor: LexicalEditor, blockType: string, updateToolbarState: (key: string, value: any) => void) => void;
+declare const formatBulletList: (editor: LexicalEditor, blockType: string, updateToolbarState: (key: string, value: any) => void) => void;
+declare const formatOrderedList: (editor: LexicalEditor, blockType: string, updateToolbarState: (key: string, value: any) => void) => void;
+//#endregion
+export { clearFormatting, formatBulletList, formatCheckList, formatCode, formatHeading, formatOrderedList, formatParagraph, formatQuote };
+//# sourceMappingURL=formatting.d.cts.map

package/dist/cjs/components/editor/index.cjs

@@ -0,0 +1,18 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_components_editor_Editor = require('./Editor.cjs');
+
+//#region src/components/editor/index.ts
+var init_editor = require_rolldown_runtime.__esmMin((() => {
+	init_Editor();
+}));
+
+//#endregion
+init_editor();
+exports.Editor = require_components_editor_Editor.Editor;
+Object.defineProperty(exports, 'init_editor', {
+  enumerable: true,
+  get: function () {
+    return init_editor;
+  }
+});
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/components/editor/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/components/editor/index.ts"],"sourcesContent":["export * from \"./Editor\";\n"],"mappings":""}

package/dist/cjs/components/editor/index.d.cts

@@ -0,0 +1,2 @@
+import { Editor, EditorProps, ToolbarOption } from "./Editor.cjs";
+export { Editor, EditorProps, ToolbarOption };

package/dist/cjs/components/form/FormGroup.cjs

@@ -0,0 +1,40 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let _lumeweb_portal_framework_ui_core = require("@lumeweb/portal-framework-ui-core");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/form/FormGroup.tsx
+var FormGroup;
+var init_FormGroup = require_rolldown_runtime.__esmMin((() => {
+	FormGroup = ({ children, className, description, title }) => {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: (0, _lumeweb_portal_framework_ui_core.cn)(className),
+			children: title || description ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+					className: "text-lg font-medium",
+					children: title
+				}),
+				description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "text-muted-foreground text-sm",
+					children: description
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "space-y-4",
+					children
+				})
+			] }) : children
+		});
+	};
+}));
+
+//#endregion
+init_FormGroup();
+exports.FormGroup = FormGroup;
+Object.defineProperty(exports, 'init_FormGroup', {
+  enumerable: true,
+  get: function () {
+    return init_FormGroup;
+  }
+});
+//# sourceMappingURL=FormGroup.cjs.map

package/dist/cjs/components/form/FormGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormGroup.cjs","names":[],"sources":["../../../../src/components/form/FormGroup.tsx"],"sourcesContent":["import { cn } from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\n\ninterface FormGroupProps {\n  children: React.ReactNode;\n  className?: string;\n  description?: string;\n  title?: string;\n}\n\nexport const FormGroup = ({\n  children,\n  className,\n  description,\n  title,\n}: FormGroupProps) => {\n  return (\n    <div className={cn(className)}>\n      {title || description ? (\n        <>\n          {title && <h3 className=\"text-lg font-medium\">{title}</h3>}\n          {description && (\n            <p className=\"text-muted-foreground text-sm\">{description}</p>\n          )}\n          <div className=\"space-y-4\">{children}</div>\n        </>\n      ) : (\n        children\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;CAUa,aAAa,EACxB,UACA,WACA,aACA,YACoB;AACpB,SACE,2CAAC;GAAI,qDAAc,UAAU;aAC1B,SAAS,cACR;IACG,SAAS,2CAAC;KAAG,WAAU;eAAuB;MAAW;IACzD,eACC,2CAAC;KAAE,WAAU;eAAiC;MAAgB;IAEhE,2CAAC;KAAI,WAAU;KAAa;MAAe;OAC1C,GAEH;IAEE"}

package/dist/cjs/components/form/FormGroup.d.cts

@@ -0,0 +1,18 @@
+import React from "react";
+
+//#region src/components/form/FormGroup.d.ts
+interface FormGroupProps {
+  children: React.ReactNode;
+  className?: string;
+  description?: string;
+  title?: string;
+}
+declare const FormGroup: ({
+  children,
+  className,
+  description,
+  title
+}: FormGroupProps) => any;
+//#endregion
+export { FormGroup };
+//# sourceMappingURL=FormGroup.d.cts.map