@ix_waterford/lib 1.0.3 → 1.0.4

package/dist/static/js/index.js

@@ -1,6 +1,34 @@
 (() => {
 "use strict";
 var __webpack_modules__ = ({
+"./src/components/textEditor/lexicalStyles.css": (function (module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.r(__webpack_exports__);
+// extracted by css-extract-rspack-plugin
+
+    if(true) {
+      (function() {
+        var localsJsonString = undefined;
+        // 1763531454524
+        var cssReload = (__webpack_require__("./node_modules/@rspack/core/dist/cssExtractHmr.js")/* .cssReload */.cssReload)(module.id, {});
+        // only invalidate when locals change
+        if (
+          module.hot.data &&
+          module.hot.data.value &&
+          module.hot.data.value !== localsJsonString
+        ) {
+          module.hot.invalidate();
+        } else {
+          module.hot.accept();
+        }
+        module.hot.dispose(function(data) {
+          data.value = localsJsonString;
+          cssReload();
+        });
+      })();
+    }
+  
+
+}),
 "./src/assets/editIcon.tsx": (function (module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
@@ -2305,6 +2333,1846 @@ function $RefreshReg$(type, id) { $ReactRefreshRuntime$.register(type, module.id
 Promise.resolve().then(() => { $ReactRefreshRuntime$.refresh(module.id, module.hot) });
 
 
+}),
+"./src/components/textEditor/config.ts": (function (module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+  editorConfig: () => (editorConfig)
+});
+/* import */var _lexical_link__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./node_modules/@lexical/link/LexicalLink.dev.mjs");
+/* import */var _lexical_list__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./node_modules/@lexical/list/LexicalList.dev.mjs");
+/* import */var _lexical_rich_text__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./node_modules/@lexical/rich-text/LexicalRichText.dev.mjs");
+/* import */var _theme__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./src/components/textEditor/theme.ts");
+/* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
+
+
+
+
+const editorConfig = {
+    namespace: 'MyLexicalEditor',
+    theme: _theme__WEBPACK_IMPORTED_MODULE_0__.theme,
+    onError (error, _editor) {
+        // eslint-disable-next-line no-console
+        console.error(error);
+    },
+    nodes: [
+        _lexical_rich_text__WEBPACK_IMPORTED_MODULE_1__.HeadingNode,
+        _lexical_rich_text__WEBPACK_IMPORTED_MODULE_1__.QuoteNode,
+        _lexical_list__WEBPACK_IMPORTED_MODULE_2__.ListNode,
+        _lexical_list__WEBPACK_IMPORTED_MODULE_2__.ListItemNode,
+        _lexical_link__WEBPACK_IMPORTED_MODULE_3__.LinkNode,
+        _lexical_link__WEBPACK_IMPORTED_MODULE_3__.AutoLinkNode
+    ]
+};
+
+function $RefreshSig$() { return $ReactRefreshRuntime$.createSignatureFunctionForTransform() }
+function $RefreshReg$(type, id) { $ReactRefreshRuntime$.register(type, module.id + "_" + id) }
+Promise.resolve().then(() => { $ReactRefreshRuntime$.refresh(module.id, module.hot) });
+
+
+}),
+"./src/components/textEditor/plugins/alignmentDropdown.tsx": (function (module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+  AlignmentDropdown: () => (AlignmentDropdown)
+});
+/* import */var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./node_modules/react/jsx-dev-runtime.js");
+/* import */var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./node_modules/react/index.js");
+/* import */var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* import */var _lexical_react_LexicalComposerContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./node_modules/@lexical/react/LexicalComposerContext.dev.mjs");
+/* import */var lexical__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./node_modules/lexical/Lexical.dev.mjs");
+/* import */var _mui_material__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./node_modules/@mui/material/esm/Box/Box.js");
+/* import */var _button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("./src/components/button/button.tsx");
+/* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
+
+var _s = $RefreshSig$();
+
+
+
+
+
+const alignmentOptions = [
+    {
+        value: 'left',
+        label: 'Align Left',
+        icon: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)("svg", {
+            width: "16",
+            height: "16",
+            viewBox: "0 0 16 16",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)("path", {
+                d: "M2 4h12M2 8h8M2 12h12",
+                stroke: "currentColor",
+                strokeWidth: "1.5",
+                strokeLinecap: "round"
+            }, void 0, false, {
+                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/alignmentDropdown.tsx",
+                lineNumber: 25,
+                columnNumber: 17
+            }, undefined)
+        }, void 0, false, {
+            fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/alignmentDropdown.tsx",
+            lineNumber: 24,
+            columnNumber: 13
+        }, undefined)
+    },
+    {
+        value: 'center',
+        label: 'Align Center',
+        icon: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)("svg", {
+            width: "16",
+            height: "16",
+            viewBox: "0 0 16 16",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)("path", {
+                d: "M4 4h8M2 8h12M4 12h8",
+                stroke: "currentColor",
+                strokeWidth: "1.5",
+                strokeLinecap: "round"
+            }, void 0, false, {
+                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/alignmentDropdown.tsx",
+                lineNumber: 34,
+                columnNumber: 17
+            }, undefined)
+        }, void 0, false, {
+            fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/alignmentDropdown.tsx",
+            lineNumber: 33,
+            columnNumber: 13
+        }, undefined)
+    },
+    {
+        value: 'right',
+        label: 'Align Right',
+        icon: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)("svg", {
+            width: "16",
+            height: "16",
+            viewBox: "0 0 16 16",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)("path", {
+                d: "M2 4h12M6 8h10M2 12h12",
+                stroke: "currentColor",
+                strokeWidth: "1.5",
+                strokeLinecap: "round"
+            }, void 0, false, {
+                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/alignmentDropdown.tsx",
+                lineNumber: 43,
+                columnNumber: 17
+            }, undefined)
+        }, void 0, false, {
+            fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/alignmentDropdown.tsx",
+            lineNumber: 42,
+            columnNumber: 13
+        }, undefined)
+    },
+    {
+        value: 'justify',
+        label: 'Justify',
+        icon: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)("svg", {
+            width: "16",
+            height: "16",
+            viewBox: "0 0 16 16",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)("path", {
+                d: "M2 4h12M2 8h12M2 12h12",
+                stroke: "currentColor",
+                strokeWidth: "1.5",
+                strokeLinecap: "round"
+            }, void 0, false, {
+                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/alignmentDropdown.tsx",
+                lineNumber: 52,
+                columnNumber: 17
+            }, undefined)
+        }, void 0, false, {
+            fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/alignmentDropdown.tsx",
+            lineNumber: 51,
+            columnNumber: 13
+        }, undefined)
+    }
+];
+const AlignmentDropdown = /*#__PURE__*/ _s((0,react__WEBPACK_IMPORTED_MODULE_1__.memo)(_c = _s((param)=>{
+    let { currentAlignment, className = '' } = param;
+    _s();
+    const [editor] = (0,_lexical_react_LexicalComposerContext__WEBPACK_IMPORTED_MODULE_2__.useLexicalComposerContext)();
+    const [isOpen, setIsOpen] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
+    const dropdownRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
+    const currentAlignmentOption = alignmentOptions.find((option)=>option.value === currentAlignment) || alignmentOptions[0];
+    const handleAlignmentChange = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((alignment)=>{
+        editor.dispatchCommand(lexical__WEBPACK_IMPORTED_MODULE_3__.FORMAT_ELEMENT_COMMAND, alignment);
+        setIsOpen(false);
+    }, [
+        editor
+    ]);
+    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{
+        const handleClickOutside = (event)=>{
+            if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+                setIsOpen(false);
+            }
+        };
+        if (isOpen) {
+            document.addEventListener('mousedown', handleClickOutside);
+        }
+        return ()=>{
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [
+        isOpen
+    ]);
+    return /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_mui_material__WEBPACK_IMPORTED_MODULE_4__["default"], {
+        className: `alignment-dropdown ${className}`.trim(),
+        ref: dropdownRef,
+        children: [
+            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_button__WEBPACK_IMPORTED_MODULE_5__["default"], {
+                variant: "text",
+                color: "inherit",
+                className: "alignment-button",
+                onClick: ()=>setIsOpen(!isOpen),
+                children: [
+                    /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)("span", {
+                        className: "alignment-icon",
+                        children: currentAlignmentOption.icon
+                    }, void 0, false, {
+                        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/alignmentDropdown.tsx",
+                        lineNumber: 99,
+                        columnNumber: 17
+                    }, undefined),
+                    /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)("span", {
+                        className: "alignment-arrow",
+                        children: "▼"
+                    }, void 0, false, {
+                        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/alignmentDropdown.tsx",
+                        lineNumber: 100,
+                        columnNumber: 17
+                    }, undefined)
+                ]
+            }, void 0, true, {
+                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/alignmentDropdown.tsx",
+                lineNumber: 93,
+                columnNumber: 13
+            }, undefined),
+            isOpen && /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_mui_material__WEBPACK_IMPORTED_MODULE_4__["default"], {
+                className: "alignment-menu",
+                children: alignmentOptions.map((option)=>/*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_button__WEBPACK_IMPORTED_MODULE_5__["default"], {
+                        variant: "text",
+                        color: "inherit",
+                        className: `alignment-option ${currentAlignment === option.value ? 'active' : ''}`.trim(),
+                        onClick: ()=>handleAlignmentChange(option.value),
+                        children: [
+                            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)("span", {
+                                className: "alignment-option-icon",
+                                children: option.icon
+                            }, void 0, false, {
+                                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/alignmentDropdown.tsx",
+                                lineNumber: 112,
+                                columnNumber: 29
+                            }, undefined),
+                            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)("span", {
+                                className: "alignment-option-label",
+                                children: option.label
+                            }, void 0, false, {
+                                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/alignmentDropdown.tsx",
+                                lineNumber: 113,
+                                columnNumber: 29
+                            }, undefined)
+                        ]
+                    }, option.value, true, {
+                        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/alignmentDropdown.tsx",
+                        lineNumber: 105,
+                        columnNumber: 25
+                    }, undefined))
+            }, void 0, false, {
+                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/alignmentDropdown.tsx",
+                lineNumber: 103,
+                columnNumber: 17
+            }, undefined)
+        ]
+    }, void 0, true, {
+        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/alignmentDropdown.tsx",
+        lineNumber: 92,
+        columnNumber: 9
+    }, undefined);
+}, "mIi0qohUJbNVEa8wQWTbuzv50/c=", false, function() {
+    return [
+        _lexical_react_LexicalComposerContext__WEBPACK_IMPORTED_MODULE_2__.useLexicalComposerContext
+    ];
+})), "mIi0qohUJbNVEa8wQWTbuzv50/c=", false, function() {
+    return [
+        _lexical_react_LexicalComposerContext__WEBPACK_IMPORTED_MODULE_2__.useLexicalComposerContext
+    ];
+});
+_c1 = AlignmentDropdown;
+AlignmentDropdown.displayName = 'AlignmentDropdown';
+var _c, _c1;
+$RefreshReg$(_c, "AlignmentDropdown$memo");
+$RefreshReg$(_c1, "AlignmentDropdown");
+
+function $RefreshSig$() { return $ReactRefreshRuntime$.createSignatureFunctionForTransform() }
+function $RefreshReg$(type, id) { $ReactRefreshRuntime$.register(type, module.id + "_" + id) }
+Promise.resolve().then(() => { $ReactRefreshRuntime$.refresh(module.id, module.hot) });
+
+
+}),
+"./src/components/textEditor/plugins/blockquoteButton.tsx": (function (module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+  BlockquoteButton: () => (BlockquoteButton)
+});
+/* import */var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./node_modules/react/jsx-dev-runtime.js");
+/* import */var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./node_modules/react/index.js");
+/* import */var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* import */var _lexical_react_LexicalComposerContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./node_modules/@lexical/react/LexicalComposerContext.dev.mjs");
+/* import */var _lexical_rich_text__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./node_modules/@lexical/rich-text/LexicalRichText.dev.mjs");
+/* import */var _lexical_selection__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("./node_modules/@lexical/selection/LexicalSelection.dev.mjs");
+/* import */var lexical__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./node_modules/lexical/Lexical.dev.mjs");
+/* import */var _button__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("./src/components/button/button.tsx");
+/* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
+
+var _s = $RefreshSig$();
+
+
+
+
+
+
+const BlockquoteButton = /*#__PURE__*/ _s((0,react__WEBPACK_IMPORTED_MODULE_1__.memo)(_c = _s((param)=>{
+    let { isActive, children, className = '' } = param;
+    _s();
+    const [editor] = (0,_lexical_react_LexicalComposerContext__WEBPACK_IMPORTED_MODULE_2__.useLexicalComposerContext)();
+    const handleClick = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(()=>{
+        editor.update(()=>{
+            const selection = (0,lexical__WEBPACK_IMPORTED_MODULE_3__.$getSelection)();
+            if ((0,lexical__WEBPACK_IMPORTED_MODULE_3__.$isRangeSelection)(selection)) {
+                const anchorNode = selection.anchor.getNode();
+                const topLevelElement = anchorNode.getTopLevelElement();
+                if (topLevelElement && (0,_lexical_rich_text__WEBPACK_IMPORTED_MODULE_4__.$isQuoteNode)(topLevelElement)) {
+                    (0,_lexical_selection__WEBPACK_IMPORTED_MODULE_5__.$setBlocksType)(selection, ()=>(0,lexical__WEBPACK_IMPORTED_MODULE_3__.$createParagraphNode)());
+                } else if (topLevelElement) {
+                    (0,_lexical_selection__WEBPACK_IMPORTED_MODULE_5__.$setBlocksType)(selection, ()=>(0,_lexical_rich_text__WEBPACK_IMPORTED_MODULE_4__.$createQuoteNode)());
+                }
+            }
+        });
+    }, [
+        editor
+    ]);
+    return /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_button__WEBPACK_IMPORTED_MODULE_6__["default"], {
+        variant: "text",
+        color: "inherit",
+        className: `${isActive ? 'active' : ''} ${className}`.trim(),
+        onClick: handleClick,
+        children: children
+    }, void 0, false, {
+        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/blockquoteButton.tsx",
+        lineNumber: 36,
+        columnNumber: 9
+    }, undefined);
+}, "mndT0WSzb2SRjd8pJ55TYBOWaNg=", false, function() {
+    return [
+        _lexical_react_LexicalComposerContext__WEBPACK_IMPORTED_MODULE_2__.useLexicalComposerContext
+    ];
+})), "mndT0WSzb2SRjd8pJ55TYBOWaNg=", false, function() {
+    return [
+        _lexical_react_LexicalComposerContext__WEBPACK_IMPORTED_MODULE_2__.useLexicalComposerContext
+    ];
+});
+_c1 = BlockquoteButton;
+BlockquoteButton.displayName = 'BlockquoteButton';
+var _c, _c1;
+$RefreshReg$(_c, "BlockquoteButton$memo");
+$RefreshReg$(_c1, "BlockquoteButton");
+
+function $RefreshSig$() { return $ReactRefreshRuntime$.createSignatureFunctionForTransform() }
+function $RefreshReg$(type, id) { $ReactRefreshRuntime$.register(type, module.id + "_" + id) }
+Promise.resolve().then(() => { $ReactRefreshRuntime$.refresh(module.id, module.hot) });
+
+
+}),
+"./src/components/textEditor/plugins/colorPicker.tsx": (function (module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+  ColorPicker: () => (ColorPicker)
+});
+/* import */var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./node_modules/react/jsx-dev-runtime.js");
+/* import */var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./node_modules/react/index.js");
+/* import */var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* import */var _lexical_react_LexicalComposerContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./node_modules/@lexical/react/LexicalComposerContext.dev.mjs");
+/* import */var _lexical_selection__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./node_modules/@lexical/selection/LexicalSelection.dev.mjs");
+/* import */var lexical__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./node_modules/lexical/Lexical.dev.mjs");
+/* import */var _mui_material__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("./node_modules/@mui/material/esm/Box/Box.js");
+/* import */var _button__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("./src/components/button/button.tsx");
+/* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
+
+var _s = $RefreshSig$();
+
+
+
+
+
+
+// 36 colors arranged in 6x6 grid matching the image
+const colorOptions = [
+    // Row 1: Primary/Secondary colors
+    {
+        value: '#000000',
+        label: 'Black'
+    },
+    {
+        value: '#FF0000',
+        label: 'Red'
+    },
+    {
+        value: '#FF8C00',
+        label: 'Orange'
+    },
+    {
+        value: '#FFD700',
+        label: 'Yellow'
+    },
+    {
+        value: '#008000',
+        label: 'Dark Green'
+    },
+    {
+        value: '#0000FF',
+        label: 'Blue'
+    },
+    // Row 2: Pastel colors
+    {
+        value: '#FFB6C1',
+        label: 'Light Pink'
+    },
+    {
+        value: '#F5DEB3',
+        label: 'Cream'
+    },
+    {
+        value: '#FFFFE0',
+        label: 'Pale Yellow'
+    },
+    {
+        value: '#98FB98',
+        label: 'Light Sage Green'
+    },
+    {
+        value: '#87CEEB',
+        label: 'Light Sky Blue'
+    },
+    {
+        value: '#E6E6FA',
+        label: 'Lavender'
+    },
+    // Row 3: Muted tones
+    {
+        value: '#808080',
+        label: 'Grey'
+    },
+    {
+        value: '#FA8072',
+        label: 'Coral'
+    },
+    {
+        value: '#D2B48C',
+        label: 'Tan'
+    },
+    {
+        value: '#FFFF99',
+        label: 'Pale Yellow 2'
+    },
+    {
+        value: '#90EE90',
+        label: 'Muted Green'
+    },
+    {
+        value: '#4169E1',
+        label: 'Medium Blue'
+    },
+    // Row 4: Darker tones
+    {
+        value: '#696969',
+        label: 'Dark Grey'
+    },
+    {
+        value: '#8B0000',
+        label: 'Dark Red'
+    },
+    {
+        value: '#A52A2A',
+        label: 'Brown'
+    },
+    {
+        value: '#6B8E23',
+        label: 'Olive Green'
+    },
+    {
+        value: '#228B22',
+        label: 'Forest Green'
+    },
+    {
+        value: '#00008B',
+        label: 'Dark Royal Blue'
+    },
+    // Row 5: Very dark tones
+    {
+        value: '#2F2F2F',
+        label: 'Very Dark Grey'
+    },
+    {
+        value: '#654321',
+        label: 'Darker Brown'
+    },
+    {
+        value: '#556B2F',
+        label: 'Darker Olive Green'
+    },
+    {
+        value: '#006400',
+        label: 'Darker Forest Green'
+    },
+    {
+        value: '#000080',
+        label: 'Darker Blue'
+    },
+    {
+        value: '#191970',
+        label: 'Darker Indigo'
+    },
+    // Row 6: Deep dark tones
+    {
+        value: '#1C1C1C',
+        label: 'Deep Dark Grey'
+    },
+    {
+        value: '#4B0000',
+        label: 'Deep Dark Red'
+    },
+    {
+        value: '#3D2817',
+        label: 'Deep Brown'
+    },
+    {
+        value: '#2F4F2F',
+        label: 'Deep Olive'
+    },
+    {
+        value: '#003300',
+        label: 'Deep Forest Green'
+    },
+    {
+        value: '#000033',
+        label: 'Deep Indigo'
+    }
+];
+const ColorPicker = /*#__PURE__*/ _s((0,react__WEBPACK_IMPORTED_MODULE_1__.memo)(_c = _s((param)=>{
+    let { currentColor, className = '' } = param;
+    _s();
+    const [editor] = (0,_lexical_react_LexicalComposerContext__WEBPACK_IMPORTED_MODULE_2__.useLexicalComposerContext)();
+    const [isOpen, setIsOpen] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
+    const dropdownRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
+    const handleColorChange = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((color)=>{
+        editor.update(()=>{
+            const selection = (0,lexical__WEBPACK_IMPORTED_MODULE_3__.$getSelection)();
+            if ((0,lexical__WEBPACK_IMPORTED_MODULE_3__.$isRangeSelection)(selection)) {
+                (0,_lexical_selection__WEBPACK_IMPORTED_MODULE_4__.$patchStyleText)(selection, {
+                    color
+                });
+            }
+        });
+        setIsOpen(false);
+    }, [
+        editor
+    ]);
+    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{
+        const handleClickOutside = (event)=>{
+            if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+                setIsOpen(false);
+            }
+        };
+        if (isOpen) {
+            document.addEventListener('mousedown', handleClickOutside);
+        }
+        return ()=>{
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [
+        isOpen
+    ]);
+    const displayColor = currentColor || '#000000';
+    return /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_mui_material__WEBPACK_IMPORTED_MODULE_5__["default"], {
+        className: `color-picker ${className}`.trim(),
+        ref: dropdownRef,
+        children: [
+            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_button__WEBPACK_IMPORTED_MODULE_6__["default"], {
+                variant: "text",
+                color: "inherit",
+                className: `color-picker-button ${isOpen ? 'active' : ''}`,
+                onClick: ()=>setIsOpen(!isOpen),
+                children: [
+                    /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)("span", {
+                        className: "color-picker-icon",
+                        children: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)("svg", {
+                            width: "16",
+                            height: "16",
+                            viewBox: "0 0 16 16",
+                            fill: "none",
+                            xmlns: "http://www.w3.org/2000/svg",
+                            children: [
+                                /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)("path", {
+                                    d: "M8 2C8 2 6 4 6 6C6 7.10457 6.89543 8 8 8C9.10457 8 10 7.10457 10 6C10 4 8 2 8 2Z",
+                                    fill: displayColor,
+                                    stroke: displayColor,
+                                    strokeWidth: "1"
+                                }, void 0, false, {
+                                    fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/colorPicker.tsx",
+                                    lineNumber: 111,
+                                    columnNumber: 25
+                                }, undefined),
+                                /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)("path", {
+                                    d: "M3 12H13",
+                                    stroke: displayColor,
+                                    strokeWidth: "1.5",
+                                    strokeLinecap: "round"
+                                }, void 0, false, {
+                                    fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/colorPicker.tsx",
+                                    lineNumber: 117,
+                                    columnNumber: 25
+                                }, undefined)
+                            ]
+                        }, void 0, true, {
+                            fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/colorPicker.tsx",
+                            lineNumber: 110,
+                            columnNumber: 21
+                        }, undefined)
+                    }, void 0, false, {
+                        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/colorPicker.tsx",
+                        lineNumber: 109,
+                        columnNumber: 17
+                    }, undefined),
+                    /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)("span", {
+                        className: "color-picker-arrow",
+                        children: "▼"
+                    }, void 0, false, {
+                        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/colorPicker.tsx",
+                        lineNumber: 120,
+                        columnNumber: 17
+                    }, undefined)
+                ]
+            }, void 0, true, {
+                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/colorPicker.tsx",
+                lineNumber: 103,
+                columnNumber: 13
+            }, undefined),
+            isOpen && /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_mui_material__WEBPACK_IMPORTED_MODULE_5__["default"], {
+                className: "color-picker-menu",
+                children: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_mui_material__WEBPACK_IMPORTED_MODULE_5__["default"], {
+                    className: "color-picker-grid",
+                    children: colorOptions.map((color)=>/*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_button__WEBPACK_IMPORTED_MODULE_6__["default"], {
+                            variant: "text",
+                            color: "inherit",
+                            className: `color-swatch ${currentColor === color.value ? 'active' : ''}`,
+                            onClick: ()=>handleColorChange(color.value),
+                            style: {
+                                backgroundColor: color.value
+                            },
+                            title: color.label,
+                            children: currentColor === color.value && /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)("span", {
+                                className: "color-swatch-check",
+                                children: "✓"
+                            }, void 0, false, {
+                                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/colorPicker.tsx",
+                                lineNumber: 136,
+                                columnNumber: 37
+                            }, undefined)
+                        }, color.value, false, {
+                            fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/colorPicker.tsx",
+                            lineNumber: 126,
+                            columnNumber: 29
+                        }, undefined))
+                }, void 0, false, {
+                    fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/colorPicker.tsx",
+                    lineNumber: 124,
+                    columnNumber: 21
+                }, undefined)
+            }, void 0, false, {
+                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/colorPicker.tsx",
+                lineNumber: 123,
+                columnNumber: 17
+            }, undefined)
+        ]
+    }, void 0, true, {
+        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/colorPicker.tsx",
+        lineNumber: 102,
+        columnNumber: 9
+    }, undefined);
+}, "D/oGscuBocF/EWIHaEuNeAZoFiQ=", false, function() {
+    return [
+        _lexical_react_LexicalComposerContext__WEBPACK_IMPORTED_MODULE_2__.useLexicalComposerContext
+    ];
+})), "D/oGscuBocF/EWIHaEuNeAZoFiQ=", false, function() {
+    return [
+        _lexical_react_LexicalComposerContext__WEBPACK_IMPORTED_MODULE_2__.useLexicalComposerContext
+    ];
+});
+_c1 = ColorPicker;
+ColorPicker.displayName = 'ColorPicker';
+var _c, _c1;
+$RefreshReg$(_c, "ColorPicker$memo");
+$RefreshReg$(_c1, "ColorPicker");
+
+function $RefreshSig$() { return $ReactRefreshRuntime$.createSignatureFunctionForTransform() }
+function $RefreshReg$(type, id) { $ReactRefreshRuntime$.register(type, module.id + "_" + id) }
+Promise.resolve().then(() => { $ReactRefreshRuntime$.refresh(module.id, module.hot) });
+
+
+}),
+"./src/components/textEditor/plugins/formatButton.tsx": (function (module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+  FormatButton: () => (FormatButton)
+});
+/* import */var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./node_modules/react/jsx-dev-runtime.js");
+/* import */var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./node_modules/react/index.js");
+/* import */var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* import */var _lexical_react_LexicalComposerContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./node_modules/@lexical/react/LexicalComposerContext.dev.mjs");
+/* import */var lexical__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./node_modules/lexical/Lexical.dev.mjs");
+/* import */var _button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./src/components/button/button.tsx");
+/* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
+
+var _s = $RefreshSig$();
+
+
+
+
+const FormatButton = /*#__PURE__*/ _s((0,react__WEBPACK_IMPORTED_MODULE_1__.memo)(_c = _s((param)=>{
+    let { format, isActive, children, className = '' } = param;
+    _s();
+    const [editor] = (0,_lexical_react_LexicalComposerContext__WEBPACK_IMPORTED_MODULE_2__.useLexicalComposerContext)();
+    const handleClick = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(()=>{
+        editor.dispatchCommand(lexical__WEBPACK_IMPORTED_MODULE_3__.FORMAT_TEXT_COMMAND, format);
+    }, [
+        editor,
+        format
+    ]);
+    return /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_button__WEBPACK_IMPORTED_MODULE_4__["default"], {
+        variant: "text",
+        color: "inherit",
+        className: `${isActive ? 'active' : ''} ${className}`.trim(),
+        onClick: handleClick,
+        children: children
+    }, void 0, false, {
+        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/formatButton.tsx",
+        lineNumber: 24,
+        columnNumber: 9
+    }, undefined);
+}, "mndT0WSzb2SRjd8pJ55TYBOWaNg=", false, function() {
+    return [
+        _lexical_react_LexicalComposerContext__WEBPACK_IMPORTED_MODULE_2__.useLexicalComposerContext
+    ];
+})), "mndT0WSzb2SRjd8pJ55TYBOWaNg=", false, function() {
+    return [
+        _lexical_react_LexicalComposerContext__WEBPACK_IMPORTED_MODULE_2__.useLexicalComposerContext
+    ];
+});
+_c1 = FormatButton;
+FormatButton.displayName = 'FormatButton';
+var _c, _c1;
+$RefreshReg$(_c, "FormatButton$memo");
+$RefreshReg$(_c1, "FormatButton");
+
+function $RefreshSig$() { return $ReactRefreshRuntime$.createSignatureFunctionForTransform() }
+function $RefreshReg$(type, id) { $ReactRefreshRuntime$.register(type, module.id + "_" + id) }
+Promise.resolve().then(() => { $ReactRefreshRuntime$.refresh(module.id, module.hot) });
+
+
+}),
+"./src/components/textEditor/plugins/listButton.tsx": (function (module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+  ListButton: () => (ListButton)
+});
+/* import */var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./node_modules/react/jsx-dev-runtime.js");
+/* import */var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./node_modules/react/index.js");
+/* import */var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* import */var _lexical_list__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./node_modules/@lexical/list/LexicalList.dev.mjs");
+/* import */var _lexical_react_LexicalComposerContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./node_modules/@lexical/react/LexicalComposerContext.dev.mjs");
+/* import */var lexical__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./node_modules/lexical/Lexical.dev.mjs");
+/* import */var _button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("./src/components/button/button.tsx");
+/* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
+
+var _s = $RefreshSig$();
+
+
+
+
+
+const ListButton = /*#__PURE__*/ _s((0,react__WEBPACK_IMPORTED_MODULE_1__.memo)(_c = _s((param)=>{
+    let { listType, isActive, children, className = '' } = param;
+    _s();
+    const [editor] = (0,_lexical_react_LexicalComposerContext__WEBPACK_IMPORTED_MODULE_2__.useLexicalComposerContext)();
+    const handleClick = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(()=>{
+        editor.update(()=>{
+            const selection = (0,lexical__WEBPACK_IMPORTED_MODULE_3__.$getSelection)();
+            if ((0,lexical__WEBPACK_IMPORTED_MODULE_3__.$isRangeSelection)(selection)) {
+                const anchorNode = selection.anchor.getNode();
+                const topLevelElement = anchorNode.getTopLevelElement();
+                if (topLevelElement && (0,_lexical_list__WEBPACK_IMPORTED_MODULE_4__.$isListNode)(topLevelElement)) {
+                    const currentListTag = topLevelElement.getTag();
+                    const targetListTag = listType === 'bullet' ? 'ul' : 'ol';
+                    // If clicking the same list type, remove the list
+                    if (currentListTag === targetListTag) {
+                        (0,_lexical_list__WEBPACK_IMPORTED_MODULE_4__.$removeList)();
+                    } else {
+                        // If clicking different list type, convert to that type
+                        if (listType === 'bullet') {
+                            editor.dispatchCommand(_lexical_list__WEBPACK_IMPORTED_MODULE_4__.INSERT_UNORDERED_LIST_COMMAND, undefined);
+                        } else {
+                            editor.dispatchCommand(_lexical_list__WEBPACK_IMPORTED_MODULE_4__.INSERT_ORDERED_LIST_COMMAND, undefined);
+                        }
+                    }
+                } else {
+                    // Not in a list, insert new list
+                    if (listType === 'bullet') {
+                        editor.dispatchCommand(_lexical_list__WEBPACK_IMPORTED_MODULE_4__.INSERT_UNORDERED_LIST_COMMAND, undefined);
+                    } else {
+                        editor.dispatchCommand(_lexical_list__WEBPACK_IMPORTED_MODULE_4__.INSERT_ORDERED_LIST_COMMAND, undefined);
+                    }
+                }
+            }
+        });
+    }, [
+        editor,
+        listType
+    ]);
+    return /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_button__WEBPACK_IMPORTED_MODULE_5__["default"], {
+        variant: "text",
+        color: "inherit",
+        className: `${isActive ? 'active' : ''} ${className}`.trim(),
+        onClick: handleClick,
+        children: children
+    }, void 0, false, {
+        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/listButton.tsx",
+        lineNumber: 56,
+        columnNumber: 9
+    }, undefined);
+}, "mndT0WSzb2SRjd8pJ55TYBOWaNg=", false, function() {
+    return [
+        _lexical_react_LexicalComposerContext__WEBPACK_IMPORTED_MODULE_2__.useLexicalComposerContext
+    ];
+})), "mndT0WSzb2SRjd8pJ55TYBOWaNg=", false, function() {
+    return [
+        _lexical_react_LexicalComposerContext__WEBPACK_IMPORTED_MODULE_2__.useLexicalComposerContext
+    ];
+});
+_c1 = ListButton;
+ListButton.displayName = 'ListButton';
+var _c, _c1;
+$RefreshReg$(_c, "ListButton$memo");
+$RefreshReg$(_c1, "ListButton");
+
+function $RefreshSig$() { return $ReactRefreshRuntime$.createSignatureFunctionForTransform() }
+function $RefreshReg$(type, id) { $ReactRefreshRuntime$.register(type, module.id + "_" + id) }
+Promise.resolve().then(() => { $ReactRefreshRuntime$.refresh(module.id, module.hot) });
+
+
+}),
+"./src/components/textEditor/plugins/textStyleDropdown.tsx": (function (module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+  TextStyleDropdown: () => (TextStyleDropdown)
+});
+/* import */var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./node_modules/react/jsx-dev-runtime.js");
+/* import */var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./node_modules/react/index.js");
+/* import */var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* import */var _lexical_react_LexicalComposerContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./node_modules/@lexical/react/LexicalComposerContext.dev.mjs");
+/* import */var _lexical_rich_text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("./node_modules/@lexical/rich-text/LexicalRichText.dev.mjs");
+/* import */var _lexical_selection__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./node_modules/@lexical/selection/LexicalSelection.dev.mjs");
+/* import */var lexical__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./node_modules/lexical/Lexical.dev.mjs");
+/* import */var _mui_material__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("./node_modules/@mui/material/esm/Box/Box.js");
+/* import */var _button__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("./src/components/button/button.tsx");
+/* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
+
+var _s = $RefreshSig$();
+
+
+
+
+
+
+
+const textStyles = [
+    {
+        value: 'h1',
+        label: 'Heading 1',
+        fontSize: '2em',
+        fontWeight: 'bold'
+    },
+    {
+        value: 'h2',
+        label: 'Heading 2',
+        fontSize: '1.75em',
+        fontWeight: 'bold'
+    },
+    {
+        value: 'h3',
+        label: 'Heading 3',
+        fontSize: '1.5em',
+        fontWeight: 'bold'
+    },
+    {
+        value: 'h4',
+        label: 'Heading 4',
+        fontSize: '1.25em',
+        fontWeight: 'bold'
+    },
+    {
+        value: 'h5',
+        label: 'Heading 5',
+        fontSize: '1.1em',
+        fontWeight: 'bold'
+    },
+    {
+        value: 'h6',
+        label: 'Heading 6',
+        fontSize: '1em',
+        fontWeight: 'bold'
+    },
+    {
+        value: 'paragraph',
+        label: 'Normal',
+        fontSize: '1em',
+        fontWeight: 'normal'
+    }
+];
+const TextStyleDropdown = /*#__PURE__*/ _s((0,react__WEBPACK_IMPORTED_MODULE_1__.memo)(_c = _s((param)=>{
+    let { currentStyle, className = '' } = param;
+    _s();
+    const [editor] = (0,_lexical_react_LexicalComposerContext__WEBPACK_IMPORTED_MODULE_2__.useLexicalComposerContext)();
+    const [isOpen, setIsOpen] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
+    const dropdownRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
+    const currentStyleOption = textStyles.find((style)=>style.value === currentStyle) || textStyles[textStyles.length - 1];
+    const handleStyleChange = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((styleType)=>{
+        editor.update(()=>{
+            const selection = (0,lexical__WEBPACK_IMPORTED_MODULE_3__.$getSelection)();
+            if ((0,lexical__WEBPACK_IMPORTED_MODULE_3__.$isRangeSelection)(selection)) {
+                if (styleType === 'paragraph') {
+                    (0,_lexical_selection__WEBPACK_IMPORTED_MODULE_4__.$setBlocksType)(selection, ()=>(0,lexical__WEBPACK_IMPORTED_MODULE_3__.$createParagraphNode)());
+                } else {
+                    (0,_lexical_selection__WEBPACK_IMPORTED_MODULE_4__.$setBlocksType)(selection, ()=>(0,_lexical_rich_text__WEBPACK_IMPORTED_MODULE_5__.$createHeadingNode)(styleType));
+                }
+            }
+        });
+        setIsOpen(false);
+    }, [
+        editor
+    ]);
+    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{
+        const handleClickOutside = (event)=>{
+            if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+                setIsOpen(false);
+            }
+        };
+        if (isOpen) {
+            document.addEventListener('mousedown', handleClickOutside);
+        }
+        return ()=>{
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [
+        isOpen
+    ]);
+    return /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_mui_material__WEBPACK_IMPORTED_MODULE_6__["default"], {
+        className: `text-style-dropdown ${className}`.trim(),
+        ref: dropdownRef,
+        children: [
+            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_button__WEBPACK_IMPORTED_MODULE_7__["default"], {
+                variant: "text",
+                color: "inherit",
+                className: "text-style-button",
+                onClick: ()=>setIsOpen(!isOpen),
+                children: [
+                    /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)("span", {
+                        className: "text-style-label",
+                        style: {
+                            fontSize: currentStyleOption.fontSize,
+                            fontWeight: currentStyleOption.fontWeight
+                        },
+                        children: currentStyleOption.label
+                    }, void 0, false, {
+                        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/textStyleDropdown.tsx",
+                        lineNumber: 83,
+                        columnNumber: 17
+                    }, undefined),
+                    /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)("span", {
+                        className: "text-style-arrow",
+                        children: "▼"
+                    }, void 0, false, {
+                        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/textStyleDropdown.tsx",
+                        lineNumber: 92,
+                        columnNumber: 17
+                    }, undefined)
+                ]
+            }, void 0, true, {
+                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/textStyleDropdown.tsx",
+                lineNumber: 77,
+                columnNumber: 13
+            }, undefined),
+            isOpen && /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_mui_material__WEBPACK_IMPORTED_MODULE_6__["default"], {
+                className: "text-style-menu",
+                children: textStyles.map((style)=>/*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_button__WEBPACK_IMPORTED_MODULE_7__["default"], {
+                        variant: "text",
+                        color: "inherit",
+                        className: `text-style-option ${currentStyle === style.value ? 'active' : ''}`.trim(),
+                        onClick: ()=>handleStyleChange(style.value),
+                        children: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)("span", {
+                            className: "text-style-option-label",
+                            style: {
+                                fontSize: style.fontSize,
+                                fontWeight: style.fontWeight
+                            },
+                            children: style.label
+                        }, void 0, false, {
+                            fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/textStyleDropdown.tsx",
+                            lineNumber: 104,
+                            columnNumber: 29
+                        }, undefined)
+                    }, style.value, false, {
+                        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/textStyleDropdown.tsx",
+                        lineNumber: 97,
+                        columnNumber: 25
+                    }, undefined))
+            }, void 0, false, {
+                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/textStyleDropdown.tsx",
+                lineNumber: 95,
+                columnNumber: 17
+            }, undefined)
+        ]
+    }, void 0, true, {
+        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/textStyleDropdown.tsx",
+        lineNumber: 76,
+        columnNumber: 9
+    }, undefined);
+}, "tczFy9mRd1uRi+Ql8pw9ljZoVWI=", false, function() {
+    return [
+        _lexical_react_LexicalComposerContext__WEBPACK_IMPORTED_MODULE_2__.useLexicalComposerContext
+    ];
+})), "tczFy9mRd1uRi+Ql8pw9ljZoVWI=", false, function() {
+    return [
+        _lexical_react_LexicalComposerContext__WEBPACK_IMPORTED_MODULE_2__.useLexicalComposerContext
+    ];
+});
+_c1 = TextStyleDropdown;
+TextStyleDropdown.displayName = 'TextStyleDropdown';
+var _c, _c1;
+$RefreshReg$(_c, "TextStyleDropdown$memo");
+$RefreshReg$(_c1, "TextStyleDropdown");
+
+function $RefreshSig$() { return $ReactRefreshRuntime$.createSignatureFunctionForTransform() }
+function $RefreshReg$(type, id) { $ReactRefreshRuntime$.register(type, module.id + "_" + id) }
+Promise.resolve().then(() => { $ReactRefreshRuntime$.refresh(module.id, module.hot) });
+
+
+}),
+"./src/components/textEditor/plugins/toolbar.tsx": (function (module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+  Toolbar: () => (Toolbar)
+});
+/* import */var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./node_modules/react/jsx-dev-runtime.js");
+/* import */var _mui_material__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./node_modules/@mui/material/esm/Box/Box.js");
+/* import */var _alignmentDropdown__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("./src/components/textEditor/plugins/alignmentDropdown.tsx");
+/* import */var _blockquoteButton__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("./src/components/textEditor/plugins/blockquoteButton.tsx");
+/* import */var _colorPicker__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("./src/components/textEditor/plugins/colorPicker.tsx");
+/* import */var _formatButton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./src/components/textEditor/plugins/formatButton.tsx");
+/* import */var _listButton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./src/components/textEditor/plugins/listButton.tsx");
+/* import */var _textStyleDropdown__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("./src/components/textEditor/plugins/textStyleDropdown.tsx");
+/* import */var _undoButton__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("./src/components/textEditor/plugins/undoButton.tsx");
+/* import */var _useToolbarState__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./src/components/textEditor/plugins/useToolbarState.ts");
+/* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
+
+var _s = $RefreshSig$();
+
+
+
+
+
+
+
+
+
+const Toolbar = ()=>{
+    _s();
+    const state = (0,_useToolbarState__WEBPACK_IMPORTED_MODULE_1__.useToolbarState)();
+    return /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_mui_material__WEBPACK_IMPORTED_MODULE_2__["default"], {
+        className: "toolbar",
+        children: [
+            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_formatButton__WEBPACK_IMPORTED_MODULE_3__.FormatButton, {
+                format: "bold",
+                isActive: state.bold,
+                children: "B"
+            }, void 0, false, {
+                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/toolbar.tsx",
+                lineNumber: 19,
+                columnNumber: 13
+            }, undefined),
+            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_formatButton__WEBPACK_IMPORTED_MODULE_3__.FormatButton, {
+                format: "italic",
+                isActive: state.italic,
+                children: "I"
+            }, void 0, false, {
+                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/toolbar.tsx",
+                lineNumber: 22,
+                columnNumber: 13
+            }, undefined),
+            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_formatButton__WEBPACK_IMPORTED_MODULE_3__.FormatButton, {
+                format: "underline",
+                isActive: state.underline,
+                children: "U"
+            }, void 0, false, {
+                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/toolbar.tsx",
+                lineNumber: 25,
+                columnNumber: 13
+            }, undefined),
+            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_formatButton__WEBPACK_IMPORTED_MODULE_3__.FormatButton, {
+                format: "strikethrough",
+                isActive: state.strikethrough,
+                children: "S"
+            }, void 0, false, {
+                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/toolbar.tsx",
+                lineNumber: 28,
+                columnNumber: 13
+            }, undefined),
+            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_formatButton__WEBPACK_IMPORTED_MODULE_3__.FormatButton, {
+                format: "subscript",
+                isActive: state.subscript,
+                children: "x₂"
+            }, void 0, false, {
+                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/toolbar.tsx",
+                lineNumber: 31,
+                columnNumber: 13
+            }, undefined),
+            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_formatButton__WEBPACK_IMPORTED_MODULE_3__.FormatButton, {
+                format: "superscript",
+                isActive: state.superscript,
+                children: "x\xb2"
+            }, void 0, false, {
+                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/toolbar.tsx",
+                lineNumber: 34,
+                columnNumber: 13
+            }, undefined),
+            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_listButton__WEBPACK_IMPORTED_MODULE_4__.ListButton, {
+                listType: "bullet",
+                isActive: state.bulletList,
+                children: "•"
+            }, void 0, false, {
+                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/toolbar.tsx",
+                lineNumber: 37,
+                columnNumber: 13
+            }, undefined),
+            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_listButton__WEBPACK_IMPORTED_MODULE_4__.ListButton, {
+                listType: "number",
+                isActive: state.numberList,
+                children: "123"
+            }, void 0, false, {
+                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/toolbar.tsx",
+                lineNumber: 40,
+                columnNumber: 13
+            }, undefined),
+            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_blockquoteButton__WEBPACK_IMPORTED_MODULE_5__.BlockquoteButton, {
+                isActive: state.blockquote,
+                children: "Quote"
+            }, void 0, false, {
+                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/toolbar.tsx",
+                lineNumber: 43,
+                columnNumber: 13
+            }, undefined),
+            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_colorPicker__WEBPACK_IMPORTED_MODULE_6__.ColorPicker, {
+                currentColor: state.textColor
+            }, void 0, false, {
+                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/toolbar.tsx",
+                lineNumber: 46,
+                columnNumber: 13
+            }, undefined),
+            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_alignmentDropdown__WEBPACK_IMPORTED_MODULE_7__.AlignmentDropdown, {
+                currentAlignment: state.alignment
+            }, void 0, false, {
+                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/toolbar.tsx",
+                lineNumber: 47,
+                columnNumber: 13
+            }, undefined),
+            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_textStyleDropdown__WEBPACK_IMPORTED_MODULE_8__.TextStyleDropdown, {
+                currentStyle: state.textStyle
+            }, void 0, false, {
+                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/toolbar.tsx",
+                lineNumber: 48,
+                columnNumber: 13
+            }, undefined),
+            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_undoButton__WEBPACK_IMPORTED_MODULE_9__.UndoButton, {}, void 0, false, {
+                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/toolbar.tsx",
+                lineNumber: 49,
+                columnNumber: 13
+            }, undefined)
+        ]
+    }, void 0, true, {
+        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/toolbar.tsx",
+        lineNumber: 18,
+        columnNumber: 9
+    }, undefined);
+};
+_s(Toolbar, "mYFm8ZBeYmkdXuQazQH+ChVrg34=", false, function() {
+    return [
+        _useToolbarState__WEBPACK_IMPORTED_MODULE_1__.useToolbarState
+    ];
+});
+_c = Toolbar;
+Toolbar.displayName = 'Toolbar';
+var _c;
+$RefreshReg$(_c, "Toolbar");
+
+function $RefreshSig$() { return $ReactRefreshRuntime$.createSignatureFunctionForTransform() }
+function $RefreshReg$(type, id) { $ReactRefreshRuntime$.register(type, module.id + "_" + id) }
+Promise.resolve().then(() => { $ReactRefreshRuntime$.refresh(module.id, module.hot) });
+
+
+}),
+"./src/components/textEditor/plugins/undoButton.tsx": (function (module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+  UndoButton: () => (UndoButton)
+});
+/* import */var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./node_modules/react/jsx-dev-runtime.js");
+/* import */var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./node_modules/react/index.js");
+/* import */var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* import */var _lexical_react_LexicalComposerContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./node_modules/@lexical/react/LexicalComposerContext.dev.mjs");
+/* import */var lexical__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./node_modules/lexical/Lexical.dev.mjs");
+/* import */var _button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./src/components/button/button.tsx");
+/* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
+
+var _s = $RefreshSig$();
+
+
+
+
+const UndoButton = /*#__PURE__*/ _s((0,react__WEBPACK_IMPORTED_MODULE_1__.memo)(_c = _s((param)=>{
+    let { className = '' } = param;
+    _s();
+    const [editor] = (0,_lexical_react_LexicalComposerContext__WEBPACK_IMPORTED_MODULE_2__.useLexicalComposerContext)();
+    const handleClick = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(()=>{
+        editor.dispatchCommand(lexical__WEBPACK_IMPORTED_MODULE_3__.UNDO_COMMAND, undefined);
+    }, [
+        editor
+    ]);
+    return /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_button__WEBPACK_IMPORTED_MODULE_4__["default"], {
+        variant: "text",
+        className: `undo-button ${className}`.trim(),
+        onClick: handleClick,
+        color: "inherit",
+        title: "Undo",
+        children: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)("svg", {
+            width: "16",
+            height: "16",
+            viewBox: "0 0 16 16",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: [
+                /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)("path", {
+                    d: "M3 8C3 5.23858 5.23858 3 8 3C10.7614 3 13 5.23858 13 8C13 10.7614 10.7614 13 8 13",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                }, void 0, false, {
+                    fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/undoButton.tsx",
+                    lineNumber: 30,
+                    columnNumber: 17
+                }, undefined),
+                /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)("path", {
+                    d: "M5 5L3 3L5 1",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                }, void 0, false, {
+                    fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/undoButton.tsx",
+                    lineNumber: 37,
+                    columnNumber: 17
+                }, undefined)
+            ]
+        }, void 0, true, {
+            fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/undoButton.tsx",
+            lineNumber: 29,
+            columnNumber: 13
+        }, undefined)
+    }, void 0, false, {
+        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/plugins/undoButton.tsx",
+        lineNumber: 22,
+        columnNumber: 9
+    }, undefined);
+}, "mndT0WSzb2SRjd8pJ55TYBOWaNg=", false, function() {
+    return [
+        _lexical_react_LexicalComposerContext__WEBPACK_IMPORTED_MODULE_2__.useLexicalComposerContext
+    ];
+})), "mndT0WSzb2SRjd8pJ55TYBOWaNg=", false, function() {
+    return [
+        _lexical_react_LexicalComposerContext__WEBPACK_IMPORTED_MODULE_2__.useLexicalComposerContext
+    ];
+});
+_c1 = UndoButton;
+UndoButton.displayName = 'UndoButton';
+var _c, _c1;
+$RefreshReg$(_c, "UndoButton$memo");
+$RefreshReg$(_c1, "UndoButton");
+
+function $RefreshSig$() { return $ReactRefreshRuntime$.createSignatureFunctionForTransform() }
+function $RefreshReg$(type, id) { $ReactRefreshRuntime$.register(type, module.id + "_" + id) }
+Promise.resolve().then(() => { $ReactRefreshRuntime$.refresh(module.id, module.hot) });
+
+
+}),
+"./src/components/textEditor/plugins/useToolbarState.ts": (function (module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+  useToolbarState: () => (useToolbarState)
+});
+/* import */var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./node_modules/react/index.js");
+/* import */var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* import */var _lexical_list__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("./node_modules/@lexical/list/LexicalList.dev.mjs");
+/* import */var _lexical_react_LexicalComposerContext__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("./node_modules/@lexical/react/LexicalComposerContext.dev.mjs");
+/* import */var _lexical_rich_text__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./node_modules/@lexical/rich-text/LexicalRichText.dev.mjs");
+/* import */var _lexical_selection__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./node_modules/@lexical/selection/LexicalSelection.dev.mjs");
+/* import */var _lexical_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./node_modules/@lexical/utils/LexicalUtils.dev.mjs");
+/* import */var lexical__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./node_modules/lexical/Lexical.dev.mjs");
+/* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
+
+
+
+
+
+
+
+const getToolbarState = (editor)=>{
+    const state = {
+        bold: false,
+        italic: false,
+        underline: false,
+        strikethrough: false,
+        subscript: false,
+        superscript: false,
+        blockquote: false,
+        bulletList: false,
+        numberList: false,
+        textStyle: 'paragraph',
+        alignment: 'left',
+        textColor: null
+    };
+    editor.getEditorState().read(()=>{
+        const selection = (0,lexical__WEBPACK_IMPORTED_MODULE_1__.$getSelection)();
+        if ((0,lexical__WEBPACK_IMPORTED_MODULE_1__.$isRangeSelection)(selection)) {
+            state.bold = selection.hasFormat('bold');
+            state.italic = selection.hasFormat('italic');
+            state.underline = selection.hasFormat('underline');
+            state.strikethrough = selection.hasFormat('strikethrough');
+            state.subscript = selection.hasFormat('subscript');
+            state.superscript = selection.hasFormat('superscript');
+            const textColor = (0,_lexical_selection__WEBPACK_IMPORTED_MODULE_2__.$getSelectionStyleValueForProperty)(selection, 'color', '');
+            state.textColor = textColor || null;
+            const anchorNode = selection.anchor.getNode();
+            const topLevelElement = anchorNode.getTopLevelElement();
+            try {
+                const blockElement = (0,_lexical_utils__WEBPACK_IMPORTED_MODULE_3__.$getNearestBlockElementAncestorOrThrow)(anchorNode);
+                if (typeof blockElement.getFormatType === 'function') {
+                    const formatType = blockElement.getFormatType();
+                    if (formatType === 'left' || formatType === 'center' || formatType === 'right' || formatType === 'justify') {
+                        state.alignment = formatType;
+                    }
+                }
+            } catch  {
+                state.alignment = 'left';
+            }
+            if (topLevelElement) {
+                if ((0,_lexical_rich_text__WEBPACK_IMPORTED_MODULE_4__.$isQuoteNode)(topLevelElement)) {
+                    state.blockquote = true;
+                } else if ((0,_lexical_rich_text__WEBPACK_IMPORTED_MODULE_4__.$isHeadingNode)(topLevelElement)) {
+                    state.textStyle = topLevelElement.getTag();
+                } else if ((0,_lexical_list__WEBPACK_IMPORTED_MODULE_5__.$isListNode)(topLevelElement)) {
+                    const listTag = topLevelElement.getTag();
+                    state.bulletList = listTag === 'ul';
+                    state.numberList = listTag === 'ol';
+                } else {
+                    state.textStyle = 'paragraph';
+                }
+            }
+        }
+    });
+    return state;
+};
+const useToolbarState = ()=>{
+    const [editor] = (0,_lexical_react_LexicalComposerContext__WEBPACK_IMPORTED_MODULE_6__.useLexicalComposerContext)();
+    const [state, setState] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(()=>getToolbarState(editor));
+    const editorRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(editor);
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{
+        editorRef.current = editor;
+    }, [
+        editor
+    ]);
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{
+        const updateState = ()=>{
+            setState(getToolbarState(editorRef.current));
+        };
+        const updateListener = editor.registerUpdateListener(()=>{
+            updateState();
+        });
+        const formatTextListener = editor.registerCommand(lexical__WEBPACK_IMPORTED_MODULE_1__.FORMAT_TEXT_COMMAND, ()=>{
+            updateState();
+            return false;
+        }, 1);
+        const formatElementListener = editor.registerCommand(lexical__WEBPACK_IMPORTED_MODULE_1__.FORMAT_ELEMENT_COMMAND, ()=>{
+            updateState();
+            return false;
+        }, 1);
+        return ()=>{
+            updateListener();
+            formatTextListener();
+            formatElementListener();
+        };
+    }, [
+        editor
+    ]);
+    return state;
+};
+
+function $RefreshSig$() { return $ReactRefreshRuntime$.createSignatureFunctionForTransform() }
+function $RefreshReg$(type, id) { $ReactRefreshRuntime$.register(type, module.id + "_" + id) }
+Promise.resolve().then(() => { $ReactRefreshRuntime$.refresh(module.id, module.hot) });
+
+
+}),
+"./src/components/textEditor/style.tsx": (function (module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+  Style: () => (Style)
+});
+/* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
+const Style = (param)=>{
+    let { theme } = param;
+    return {
+        '& .text-editor-wrapper': {
+            width: '100%'
+        },
+        '& .editor-container': {
+            width: '100%',
+            border: `1px solid ${theme.palette.divider}`,
+            borderRadius: theme.shape.borderRadius,
+            maxWidth: '800px',
+            margin: '40px auto',
+            padding: theme.spacing(1.25),
+            backgroundColor: theme.palette.background.paper
+        },
+        '& .toolbar': {
+            display: 'flex',
+            gap: theme.spacing(1),
+            padding: theme.spacing(0.75),
+            borderBottom: `1px solid ${theme.palette.divider}`
+        },
+        '& .toolbar button': {
+            borderRadius: theme.shape.borderRadius,
+            cursor: 'pointer',
+            fontWeight: 'bold',
+            minWidth: '35px',
+            color: '#9fa5d3',
+            background: '#0000'
+        },
+        '& .text-style-dropdown': {
+            position: 'relative',
+            display: 'inline-block'
+        },
+        '& .text-style-button': {
+            padding: `${theme.spacing(0.5)} ${theme.spacing(1)}`,
+            border: 'none',
+            background: theme.palette.action.hover,
+            borderRadius: theme.shape.borderRadius,
+            cursor: 'pointer',
+            display: 'flex',
+            alignItems: 'center',
+            gap: theme.spacing(0.75),
+            minWidth: '100px',
+            justifyContent: 'space-between'
+        },
+        '& .text-style-button:hover': {
+            background: theme.palette.action.selected
+        },
+        '& .text-style-label': {
+            color: theme.palette.primary.main,
+            flex: 1,
+            textAlign: 'left'
+        },
+        '& .text-style-arrow': {
+            fontSize: '10px',
+            color: theme.palette.text.secondary
+        },
+        '& .text-style-menu': {
+            position: 'absolute',
+            top: '100%',
+            left: 0,
+            marginTop: theme.spacing(0.5),
+            background: theme.palette.background.paper,
+            border: `1px solid ${theme.palette.divider}`,
+            borderRadius: theme.shape.borderRadius,
+            boxShadow: theme.shadows[2],
+            zIndex: 1000,
+            minWidth: '200px',
+            padding: `${theme.spacing(0.5)} 0`
+        },
+        '& .text-style-option': {
+            width: '100%',
+            padding: `${theme.spacing(1)} ${theme.spacing(2)}`,
+            border: 'none',
+            background: 'transparent',
+            cursor: 'pointer',
+            textAlign: 'left',
+            display: 'flex',
+            alignItems: 'center',
+            transition: 'background-color 0.15s ease'
+        },
+        '& .text-style-option:hover': {
+            background: theme.palette.action.hover
+        },
+        '& .text-style-option.active': {
+            background: theme.palette.action.selected
+        },
+        '& .text-style-option-label': {
+            color: theme.palette.text.primary,
+            lineHeight: 1.5
+        },
+        '& .text-style-option.active .text-style-option-label': {
+            color: theme.palette.primary.main
+        },
+        '& .alignment-dropdown': {
+            position: 'relative',
+            display: 'inline-block'
+        },
+        '& .alignment-button': {
+            padding: `${theme.spacing(0.5)} ${theme.spacing(1)}`,
+            border: 'none',
+            background: theme.palette.action.hover,
+            borderRadius: theme.shape.borderRadius,
+            cursor: 'pointer',
+            display: 'flex',
+            alignItems: 'center',
+            gap: theme.spacing(0.75),
+            minWidth: '40px',
+            justifyContent: 'space-between'
+        },
+        '& .alignment-button:hover': {
+            background: theme.palette.action.selected
+        },
+        '& .alignment-icon': {
+            display: 'flex',
+            alignItems: 'center',
+            color: theme.palette.primary.main
+        },
+        '& .alignment-arrow': {
+            fontSize: '10px',
+            color: theme.palette.text.secondary
+        },
+        '& .alignment-menu': {
+            position: 'absolute',
+            top: '100%',
+            left: 0,
+            marginTop: theme.spacing(0.5),
+            background: theme.palette.background.paper,
+            border: `1px solid ${theme.palette.divider}`,
+            borderRadius: theme.shape.borderRadius,
+            boxShadow: theme.shadows[2],
+            zIndex: 1000,
+            minWidth: '150px',
+            padding: `${theme.spacing(0.5)} 0`
+        },
+        '& .alignment-option': {
+            width: '100%',
+            padding: `${theme.spacing(1)} ${theme.spacing(2)}`,
+            border: 'none',
+            background: 'transparent',
+            cursor: 'pointer',
+            textAlign: 'left',
+            display: 'flex',
+            alignItems: 'center',
+            gap: theme.spacing(1.5),
+            transition: 'background-color 0.15s ease'
+        },
+        '& .alignment-option:hover': {
+            background: theme.palette.action.hover
+        },
+        '& .alignment-option.active': {
+            background: theme.palette.action.selected
+        },
+        '& .alignment-option-icon': {
+            display: 'flex',
+            alignItems: 'center',
+            color: theme.palette.text.secondary,
+            minWidth: '20px'
+        },
+        '& .alignment-option.active .alignment-option-icon': {
+            color: theme.palette.primary.main
+        },
+        '& .alignment-option-label': {
+            color: theme.palette.text.primary,
+            lineHeight: 1.5
+        },
+        '& .alignment-option.active .alignment-option-label': {
+            color: theme.palette.primary.main
+        },
+        '& .color-picker': {
+            position: 'relative',
+            display: 'inline-block'
+        },
+        '& .color-picker-button': {
+            padding: `${theme.spacing(0.5)} ${theme.spacing(1)}`,
+            border: 'none',
+            background: theme.palette.action.hover,
+            borderRadius: theme.shape.borderRadius,
+            cursor: 'pointer',
+            display: 'flex',
+            alignItems: 'center',
+            gap: theme.spacing(0.75),
+            minWidth: '40px',
+            justifyContent: 'space-between',
+            transition: 'all 0.2s ease'
+        },
+        '& .color-picker-button:hover': {
+            background: theme.palette.action.selected
+        },
+        '& .color-picker-button.active': {
+            background: theme.palette.action.selected,
+            border: `2px solid ${theme.palette.primary.main}`
+        },
+        '& .color-picker-icon': {
+            display: 'flex',
+            alignItems: 'center'
+        },
+        '& .color-picker-arrow': {
+            fontSize: '10px',
+            color: theme.palette.text.secondary
+        },
+        '& .color-picker-menu': {
+            position: 'absolute',
+            top: '100%',
+            left: 0,
+            marginTop: theme.spacing(0.5),
+            background: theme.palette.background.paper,
+            border: `1px solid ${theme.palette.divider}`,
+            borderRadius: theme.shape.borderRadius,
+            boxShadow: theme.shadows[2],
+            zIndex: 1000,
+            padding: theme.spacing(1)
+        },
+        '& .color-picker-grid': {
+            display: 'grid',
+            gridTemplateColumns: 'repeat(6, 1fr)',
+            gap: theme.spacing(0.5),
+            width: '180px'
+        },
+        '& .color-swatch': {
+            width: '24px',
+            height: '24px',
+            border: `1px solid ${theme.palette.divider}`,
+            borderRadius: theme.shape.borderRadius,
+            cursor: 'pointer',
+            position: 'relative',
+            padding: 0,
+            transition: 'transform 0.1s ease, box-shadow 0.1s ease'
+        },
+        '& .color-swatch:hover': {
+            transform: 'scale(1.1)',
+            boxShadow: theme.shadows[2],
+            zIndex: 1
+        },
+        '& .color-swatch.active': {
+            border: `2px solid ${theme.palette.primary.main}`,
+            boxShadow: `0 0 0 1px ${theme.palette.background.paper}, 0 0 0 3px ${theme.palette.primary.main}`
+        },
+        '& .color-swatch-check': {
+            position: 'absolute',
+            top: '50%',
+            left: '50%',
+            transform: 'translate(-50%, -50%)',
+            color: theme.palette.common.white,
+            fontSize: '12px',
+            fontWeight: 'bold',
+            textShadow: '0 0 2px rgba(0, 0, 0, 0.5)'
+        }
+    };
+};
+_c = Style;
+var _c;
+$RefreshReg$(_c, "Style");
+
+function $RefreshSig$() { return $ReactRefreshRuntime$.createSignatureFunctionForTransform() }
+function $RefreshReg$(type, id) { $ReactRefreshRuntime$.register(type, module.id + "_" + id) }
+Promise.resolve().then(() => { $ReactRefreshRuntime$.refresh(module.id, module.hot) });
+
+
+}),
+"./src/components/textEditor/textEditor.tsx": (function (module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+});
+/* import */var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./node_modules/react/jsx-dev-runtime.js");
+/* import */var _lexical_html__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./node_modules/@lexical/html/LexicalHtml.dev.mjs");
+/* import */var _lexical_react_LexicalComposer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./node_modules/@lexical/react/LexicalComposer.dev.mjs");
+/* import */var _lexical_react_LexicalContentEditable__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("./node_modules/@lexical/react/LexicalContentEditable.dev.mjs");
+/* import */var _lexical_react_LexicalErrorBoundary__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("./node_modules/@lexical/react/LexicalErrorBoundary.dev.mjs");
+/* import */var _lexical_react_LexicalHistoryPlugin__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("./node_modules/@lexical/react/LexicalHistoryPlugin.dev.mjs");
+/* import */var _lexical_react_LexicalListPlugin__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("./node_modules/@lexical/react/LexicalListPlugin.dev.mjs");
+/* import */var _lexical_react_LexicalOnChangePlugin__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("./node_modules/@lexical/react/LexicalOnChangePlugin.dev.mjs");
+/* import */var _lexical_react_LexicalRichTextPlugin__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("./node_modules/@lexical/react/LexicalRichTextPlugin.dev.mjs");
+/* import */var _mui_material__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./node_modules/@mui/material/esm/Box/Box.js");
+/* import */var _mui_material__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__("./node_modules/@mui/material/esm/styles/styled.js");
+/* import */var _lexicalStyles_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./src/components/textEditor/lexicalStyles.css");
+/* import */var _config__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("./src/components/textEditor/config.ts");
+/* import */var _plugins_toolbar__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("./src/components/textEditor/plugins/toolbar.tsx");
+/* import */var _style__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__("./src/components/textEditor/style.tsx");
+/* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const TextEditor = (param)=>{
+    let { onChange = ()=>{}, placeholder = 'Start typing...', className = '' } = param;
+    const handleChange = (editorState, editor)=>{
+        editorState.read(()=>{
+            const htmlString = (0,_lexical_html__WEBPACK_IMPORTED_MODULE_2__.$generateHtmlFromNodes)(editor, null);
+            onChange(htmlString);
+        });
+    };
+    return /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_mui_material__WEBPACK_IMPORTED_MODULE_3__["default"], {
+        className: `text-editor-wrapper ${className}`,
+        children: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_mui_material__WEBPACK_IMPORTED_MODULE_3__["default"], {
+            className: "editor-container",
+            children: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_lexical_react_LexicalComposer__WEBPACK_IMPORTED_MODULE_4__.LexicalComposer, {
+                initialConfig: _config__WEBPACK_IMPORTED_MODULE_5__.editorConfig,
+                children: [
+                    /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_plugins_toolbar__WEBPACK_IMPORTED_MODULE_6__.Toolbar, {}, void 0, false, {
+                        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/textEditor.tsx",
+                        lineNumber: 48,
+                        columnNumber: 21
+                    }, undefined),
+                    /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_lexical_react_LexicalRichTextPlugin__WEBPACK_IMPORTED_MODULE_7__.RichTextPlugin, {
+                        contentEditable: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_lexical_react_LexicalContentEditable__WEBPACK_IMPORTED_MODULE_8__.ContentEditable, {
+                            className: "editor-input"
+                        }, void 0, false, {
+                            fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/textEditor.tsx",
+                            lineNumber: 50,
+                            columnNumber: 42
+                        }, void 0),
+                        placeholder: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_mui_material__WEBPACK_IMPORTED_MODULE_3__["default"], {
+                            className: "editor-placeholder",
+                            children: placeholder
+                        }, void 0, false, {
+                            fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/textEditor.tsx",
+                            lineNumber: 51,
+                            columnNumber: 38
+                        }, void 0),
+                        ErrorBoundary: _lexical_react_LexicalErrorBoundary__WEBPACK_IMPORTED_MODULE_9__.LexicalErrorBoundary
+                    }, void 0, false, {
+                        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/textEditor.tsx",
+                        lineNumber: 49,
+                        columnNumber: 21
+                    }, undefined),
+                    /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_lexical_react_LexicalListPlugin__WEBPACK_IMPORTED_MODULE_10__.ListPlugin, {}, void 0, false, {
+                        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/textEditor.tsx",
+                        lineNumber: 54,
+                        columnNumber: 21
+                    }, undefined),
+                    /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_lexical_react_LexicalHistoryPlugin__WEBPACK_IMPORTED_MODULE_11__.HistoryPlugin, {}, void 0, false, {
+                        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/textEditor.tsx",
+                        lineNumber: 55,
+                        columnNumber: 21
+                    }, undefined),
+                    /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(_lexical_react_LexicalOnChangePlugin__WEBPACK_IMPORTED_MODULE_12__.OnChangePlugin, {
+                        onChange: handleChange
+                    }, void 0, false, {
+                        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/textEditor.tsx",
+                        lineNumber: 56,
+                        columnNumber: 21
+                    }, undefined)
+                ]
+            }, void 0, true, {
+                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/textEditor.tsx",
+                lineNumber: 47,
+                columnNumber: 17
+            }, undefined)
+        }, void 0, false, {
+            fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/textEditor.tsx",
+            lineNumber: 46,
+            columnNumber: 13
+        }, undefined)
+    }, void 0, false, {
+        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/textEditor/textEditor.tsx",
+        lineNumber: 45,
+        columnNumber: 9
+    }, undefined);
+};
+_c = TextEditor;
+TextEditor.displayName = 'TextEditor';
+/* export default */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_mui_material__WEBPACK_IMPORTED_MODULE_13__["default"])(TextEditor)(_style__WEBPACK_IMPORTED_MODULE_14__.Style));
+var _c;
+$RefreshReg$(_c, "TextEditor");
+
+function $RefreshSig$() { return $ReactRefreshRuntime$.createSignatureFunctionForTransform() }
+function $RefreshReg$(type, id) { $ReactRefreshRuntime$.register(type, module.id + "_" + id) }
+Promise.resolve().then(() => { $ReactRefreshRuntime$.refresh(module.id, module.hot) });
+
+
+}),
+"./src/components/textEditor/theme.ts": (function (module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+  theme: () => (theme)
+});
+/* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
+const theme = {
+    paragraph: 'editor-paragraph',
+    text: {
+        bold: 'editor-textBold',
+        italic: 'editor-textItalic',
+        underline: 'editor-textUnderline',
+        strikethrough: 'editor-textStrikethrough',
+        subscript: 'editor-textSubscript',
+        superscript: 'editor-textSuperscript'
+    },
+    heading: {
+        h1: 'editor-heading-h1',
+        h2: 'editor-heading-h2',
+        h3: 'editor-heading-h3',
+        h4: 'editor-heading-h4',
+        h5: 'editor-heading-h5',
+        h6: 'editor-heading-h6'
+    },
+    list: {
+        ol: 'editor-list-ol',
+        ul: 'editor-list-ul',
+        listitem: 'editor-list-item'
+    },
+    quote: 'editor-quote'
+};
+
+function $RefreshSig$() { return $ReactRefreshRuntime$.createSignatureFunctionForTransform() }
+function $RefreshReg$(type, id) { $ReactRefreshRuntime$.register(type, module.id + "_" + id) }
+Promise.resolve().then(() => { $ReactRefreshRuntime$.refresh(module.id, module.hot) });
+
+
 }),
 "./src/components/textField/style.tsx": (function (module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
@@ -2720,26 +4588,26 @@ __webpack_require__.d(__webpack_exports__, {
   Checkbox: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_18__["default"]),
   Chip: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_24__["default"]),
   CircularLoader: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_16__["default"]),
-  CloseIcon: () => (/* reexport safe */ _assets__WEBPACK_IMPORTED_MODULE_42__.CloseIcon),
+  CloseIcon: () => (/* reexport safe */ _assets__WEBPACK_IMPORTED_MODULE_43__.CloseIcon),
   ColorPicker: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__["default"]),
   DatePicker: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_11__["default"]),
   Dialog: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_13__["default"]),
-  DoubleArrow: () => (/* reexport safe */ _assets__WEBPACK_IMPORTED_MODULE_43__.DoubleArrow),
+  DoubleArrow: () => (/* reexport safe */ _assets__WEBPACK_IMPORTED_MODULE_44__.DoubleArrow),
   Drawer: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_4__["default"]),
-  EditIcon: () => (/* reexport safe */ _assets__WEBPACK_IMPORTED_MODULE_40__.EditIcon),
-  ExpandMoreIcon: () => (/* reexport safe */ _assets__WEBPACK_IMPORTED_MODULE_44__.ExpandMoreIcon),
+  EditIcon: () => (/* reexport safe */ _assets__WEBPACK_IMPORTED_MODULE_41__.EditIcon),
+  ExpandMoreIcon: () => (/* reexport safe */ _assets__WEBPACK_IMPORTED_MODULE_45__.ExpandMoreIcon),
   IconButton: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_12__["default"]),
   LinearLoader: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_15__["default"]),
   Link: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_7__["default"]),
   MediaPlayer: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_17__["default"]),
   Menu: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_23__["default"]),
   Modal: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_6__["default"]),
-  MoreIcon: () => (/* reexport safe */ _assets__WEBPACK_IMPORTED_MODULE_45__.MoreIcon),
+  MoreIcon: () => (/* reexport safe */ _assets__WEBPACK_IMPORTED_MODULE_46__.MoreIcon),
   MultiSelect: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_26__["default"]),
   Popover: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_9__["default"]),
   Radio: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_19__["default"]),
   SearchBar: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_27__["default"]),
-  SearchIcon: () => (/* reexport safe */ _assets__WEBPACK_IMPORTED_MODULE_41__.SearchIcon),
+  SearchIcon: () => (/* reexport safe */ _assets__WEBPACK_IMPORTED_MODULE_42__.SearchIcon),
   Select: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_25__["default"]),
   Slider: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_21__["default"]),
   SnackBar: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_5__["default"]),
@@ -2747,19 +4615,20 @@ __webpack_require__.d(__webpack_exports__, {
   TabContext: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_32__["default"]),
   TabPanel: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_31__["default"]),
   Tabs: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_30__["default"]),
+  TextEditor: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_36__["default"]),
   TextField: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_29__["default"]),
   ThemeProvider: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_35__["default"]),
   TimePicker: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_10__["default"]),
   Timeline: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_14__["default"]),
   Tooltip: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_8__["default"]),
   Typography: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_28__["default"]),
-  formatDate: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_37__.formatDate),
-  isEmpty: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_39__.isEmpty),
-  isEmptyArray: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_39__.isEmptyArray),
-  isEmptyObject: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_39__.isEmptyObject),
-  isEmptyString: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_39__.isEmptyString),
-  isValidEmail: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_38__.isValidEmail),
-  useDebounce: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_36__.useDebounce)
+  formatDate: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_38__.formatDate),
+  isEmpty: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_40__.isEmpty),
+  isEmptyArray: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_40__.isEmptyArray),
+  isEmptyObject: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_40__.isEmptyObject),
+  isEmptyString: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_40__.isEmptyString),
+  isValidEmail: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_39__.isValidEmail),
+  useDebounce: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_37__.useDebounce)
 });
 /* import */var _components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./src/components/button/button.tsx");
 /* import */var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./src/components/badge/badge.tsx");
@@ -2797,16 +4666,17 @@ __webpack_require__.d(__webpack_exports__, {
 /* import */var _components__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__("./src/components/avatar/avatar.tsx");
 /* import */var _components__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__("./src/components/avatar/avatarGroup.tsx");
 /* import */var _components__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__("./src/components/theme/ThemeProvider.tsx");
-/* import */var _hooks__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__("./src/hooks/debounce.ts");
-/* import */var _utils__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__("./src/utils/date.ts");
-/* import */var _utils__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__("./src/utils/email.ts");
-/* import */var _utils__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__("./src/utils/global.ts");
-/* import */var _assets__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__("./src/assets/editIcon.tsx");
-/* import */var _assets__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__("./src/assets/searchIcon.tsx");
-/* import */var _assets__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__("./src/assets/svg/closeIcon.tsx");
-/* import */var _assets__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__("./src/assets/svg/doubleArrow.tsx");
-/* import */var _assets__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__("./src/assets/svg/expandMoreIcon.tsx");
-/* import */var _assets__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__("./src/assets/svg/moreIcon.tsx");
+/* import */var _components__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__("./src/components/textEditor/textEditor.tsx");
+/* import */var _hooks__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__("./src/hooks/debounce.ts");
+/* import */var _utils__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__("./src/utils/date.ts");
+/* import */var _utils__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__("./src/utils/email.ts");
+/* import */var _utils__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__("./src/utils/global.ts");
+/* import */var _assets__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__("./src/assets/editIcon.tsx");
+/* import */var _assets__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__("./src/assets/searchIcon.tsx");
+/* import */var _assets__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__("./src/assets/svg/closeIcon.tsx");
+/* import */var _assets__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__("./src/assets/svg/doubleArrow.tsx");
+/* import */var _assets__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__("./src/assets/svg/expandMoreIcon.tsx");
+/* import */var _assets__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__("./src/assets/svg/moreIcon.tsx");
 /* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
 // Components
 
@@ -3151,7 +5021,7 @@ __webpack_require__.miniCssF = (chunkId) => {
   // return url for filenames not based on template
   
   // return url for filenames based on template
-  return "" + chunkId + ".css"
+  return "static/css/" + chunkId + ".css"
 }
 })();
 // webpack/runtime/get_chunk_update_filename
@@ -3160,7 +5030,7 @@ __webpack_require__.hu = (chunkId) => ('' + chunkId + '.' + __webpack_require__.
 })();
 // webpack/runtime/get_full_hash
 (() => {
-__webpack_require__.h = () => ("5a26cdf5e6589307")
+__webpack_require__.h = () => ("41f43f6ef36d0ff8")
 })();
 // webpack/runtime/get_main_filename/update manifest
 (() => {
@@ -4382,8 +6252,8 @@ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.pus
 // module cache are used so entry inlining is disabled
 // startup
 // Load entry module and return exports
-__webpack_require__.O(undefined, ["lib-react", "vendors-node_modules_dayjs_plugin_utc_js-node_modules_react-color_es_index_js-node_modules_mu-c151eb"], () => __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefreshEntry.js"));
-var __webpack_exports__ = __webpack_require__.O(undefined, ["lib-react", "vendors-node_modules_dayjs_plugin_utc_js-node_modules_react-color_es_index_js-node_modules_mu-c151eb"], () => __webpack_require__("./src/index.ts"));
+__webpack_require__.O(undefined, ["lib-react", "vendors-node_modules_rspack_core_dist_cssExtractHmr_js-node_modules_dayjs_plugin_utc_js-node_-8ea93d"], () => __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefreshEntry.js"));
+var __webpack_exports__ = __webpack_require__.O(undefined, ["lib-react", "vendors-node_modules_rspack_core_dist_cssExtractHmr_js-node_modules_dayjs_plugin_utc_js-node_-8ea93d"], () => __webpack_require__("./src/index.ts"));
 __webpack_exports__ = __webpack_require__.O(__webpack_exports__);
 })()
 ;