@payloadcms/richtext-lexical 3.0.0-alpha.66 → 3.0.0-alpha.68

package/dist/field/lexical/plugins/{FloatingSelectToolbar → toolbars/inline}/ToolbarButton/index.js

@@ -4,8 +4,8 @@ import { mergeRegister } from '@lexical/utils';
 import { $getSelection } from 'lexical';
 import React, { useCallback, useEffect, useState } from 'react';
 import './index.scss';
-const baseClass = 'floating-select-toolbar-popup__button';
-export const ToolbarButton = ({ children, entry })=>{
+const baseClass = 'inline-toolbar-popup__button';
+export const ToolbarButton = ({ children, item })=>{
     const [editor] = useLexicalComposerContext();
     const [enabled, setEnabled] = useState(true);
     const [active, setActive] = useState(false);
@@ -13,8 +13,8 @@ export const ToolbarButton = ({ children, entry })=>{
     const updateStates = useCallback(()=>{
         editor.getEditorState().read(()=>{
             const selection = $getSelection();
-            if (entry.isActive) {
-                const isActive = entry.isActive({
+            if (item.isActive) {
+                const isActive = item.isActive({
                     editor,
                     selection
                 });
@@ -22,8 +22,8 @@ export const ToolbarButton = ({ children, entry })=>{
                     setActive(isActive);
                 }
             }
-            if (entry.isEnabled) {
-                const isEnabled = entry.isEnabled({
+            if (item.isEnabled) {
+                const isEnabled = item.isEnabled({
                     editor,
                     selection
                 });
@@ -36,7 +36,7 @@ export const ToolbarButton = ({ children, entry })=>{
         active,
         editor,
         enabled,
-        entry
+        item
     ]);
     useEffect(()=>{
         updateStates();
@@ -64,7 +64,7 @@ export const ToolbarButton = ({ children, entry })=>{
             baseClass,
             enabled === false ? 'disabled' : '',
             active ? 'active' : '',
-            entry?.key ? `${baseClass}-` + entry.key : ''
+            item?.key ? `${baseClass}-` + item.key : ''
         ].filter(Boolean).join(' '));
     }, [
         enabled,
@@ -75,7 +75,7 @@ export const ToolbarButton = ({ children, entry })=>{
         className: className,
         onClick: ()=>{
             if (enabled !== false) {
-                entry.onClick({
+                item.onSelect({
                     editor,
                     isActive: active
                 });

package/dist/field/lexical/plugins/toolbars/inline/ToolbarButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/field/lexical/plugins/toolbars/inline/ToolbarButton/index.tsx"],"sourcesContent":["'use client'\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { mergeRegister } from '@lexical/utils'\nimport { $getSelection } from 'lexical'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { InlineToolbarGroupItem } from '../types.js'\n\nimport './index.scss'\n\nconst baseClass = 'inline-toolbar-popup__button'\n\nexport const ToolbarButton = ({\n  children,\n  item,\n}: {\n  children: React.JSX.Element\n  item: InlineToolbarGroupItem\n}) => {\n  const [editor] = useLexicalComposerContext()\n  const [enabled, setEnabled] = useState<boolean>(true)\n  const [active, setActive] = useState<boolean>(false)\n  const [className, setClassName] = useState<string>(baseClass)\n\n  const updateStates = useCallback(() => {\n    editor.getEditorState().read(() => {\n      const selection = $getSelection()\n      if (item.isActive) {\n        const isActive = item.isActive({ editor, selection })\n        if (active !== isActive) {\n          setActive(isActive)\n        }\n      }\n      if (item.isEnabled) {\n        const isEnabled = item.isEnabled({ editor, selection })\n        if (enabled !== isEnabled) {\n          setEnabled(isEnabled)\n        }\n      }\n    })\n  }, [active, editor, enabled, item])\n\n  useEffect(() => {\n    updateStates()\n  }, [updateStates])\n\n  useEffect(() => {\n    document.addEventListener('mouseup', updateStates)\n    return () => {\n      document.removeEventListener('mouseup', updateStates)\n    }\n  }, [updateStates])\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerUpdateListener(() => {\n        updateStates()\n      }),\n    )\n  }, [editor, updateStates])\n\n  useEffect(() => {\n    setClassName(\n      [\n        baseClass,\n        enabled === false ? 'disabled' : '',\n        active ? 'active' : '',\n        item?.key ? `${baseClass}-` + item.key : '',\n      ]\n        .filter(Boolean)\n        .join(' '),\n    )\n  }, [enabled, active, className])\n\n  return (\n    <button\n      className={className}\n      onClick={() => {\n        if (enabled !== false) {\n          item.onSelect({\n            editor,\n            isActive: active,\n          })\n        }\n      }}\n      onMouseDown={(e) => {\n        // This fixes a bug where you are unable to click the button if you are in a NESTED editor (editor in blocks field in editor).\n        // Thus only happens if you click on the SVG of the button. Clicking on the outside works. Related issue: https://github.com/payloadcms/payload/issues/4025\n        // TODO: Find out why exactly it happens and why e.preventDefault() on the mouseDown fixes it. Write that down here, or potentially fix a root cause, if there is any.\n        e.preventDefault()\n      }}\n      type=\"button\"\n    >\n      {children}\n    </button>\n  )\n}\n"],"names":["useLexicalComposerContext","mergeRegister","$getSelection","React","useCallback","useEffect","useState","baseClass","ToolbarButton","children","item","editor","enabled","setEnabled","active","setActive","className","setClassName","updateStates","getEditorState","read","selection","isActive","isEnabled","document","addEventListener","removeEventListener","registerUpdateListener","key","filter","Boolean","join","button","onClick","onSelect","onMouseDown","e","preventDefault","type"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,SAASA,yBAAyB,QAAQ,2CAA0C;AACpF,SAASC,aAAa,QAAQ,iBAAgB;AAC9C,SAASC,aAAa,QAAQ,UAAS;AACvC,OAAOC,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAI/D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,gBAAgB,CAAC,EAC5BC,QAAQ,EACRC,IAAI,EAIL;IACC,MAAM,CAACC,OAAO,GAAGX;IACjB,MAAM,CAACY,SAASC,WAAW,GAAGP,SAAkB;IAChD,MAAM,CAACQ,QAAQC,UAAU,GAAGT,SAAkB;IAC9C,MAAM,CAACU,WAAWC,aAAa,GAAGX,SAAiBC;IAEnD,MAAMW,eAAed,YAAY;QAC/BO,OAAOQ,cAAc,GAAGC,IAAI,CAAC;YAC3B,MAAMC,YAAYnB;YAClB,IAAIQ,KAAKY,QAAQ,EAAE;gBACjB,MAAMA,WAAWZ,KAAKY,QAAQ,CAAC;oBAAEX;oBAAQU;gBAAU;gBACnD,IAAIP,WAAWQ,UAAU;oBACvBP,UAAUO;gBACZ;YACF;YACA,IAAIZ,KAAKa,SAAS,EAAE;gBAClB,MAAMA,YAAYb,KAAKa,SAAS,CAAC;oBAAEZ;oBAAQU;gBAAU;gBACrD,IAAIT,YAAYW,WAAW;oBACzBV,WAAWU;gBACb;YACF;QACF;IACF,GAAG;QAACT;QAAQH;QAAQC;QAASF;KAAK;IAElCL,UAAU;QACRa;IACF,GAAG;QAACA;KAAa;IAEjBb,UAAU;QACRmB,SAASC,gBAAgB,CAAC,WAAWP;QACrC,OAAO;YACLM,SAASE,mBAAmB,CAAC,WAAWR;QAC1C;IACF,GAAG;QAACA;KAAa;IAEjBb,UAAU;QACR,OAAOJ,cACLU,OAAOgB,sBAAsB,CAAC;YAC5BT;QACF;IAEJ,GAAG;QAACP;QAAQO;KAAa;IAEzBb,UAAU;QACRY,aACE;YACEV;YACAK,YAAY,QAAQ,aAAa;YACjCE,SAAS,WAAW;YACpBJ,MAAMkB,MAAM,CAAC,EAAErB,UAAU,CAAC,CAAC,GAAGG,KAAKkB,GAAG,GAAG;SAC1C,CACEC,MAAM,CAACC,SACPC,IAAI,CAAC;IAEZ,GAAG;QAACnB;QAASE;QAAQE;KAAU;IAE/B,qBACE,oBAACgB;QACChB,WAAWA;QACXiB,SAAS;YACP,IAAIrB,YAAY,OAAO;gBACrBF,KAAKwB,QAAQ,CAAC;oBACZvB;oBACAW,UAAUR;gBACZ;YACF;QACF;QACAqB,aAAa,CAACC;YACZ,8HAA8H;YAC9H,2JAA2J;YAC3J,sKAAsK;YACtKA,EAAEC,cAAc;QAClB;QACAC,MAAK;OAEJ7B;AAGP,EAAC"}

package/dist/field/lexical/plugins/{FloatingSelectToolbar → toolbars/inline}/ToolbarButton/index.scss

@@ -1,4 +1,4 @@
-.floating-select-toolbar-popup__button {
+.inline-toolbar-popup__button {
   display: flex;
   align-items: center;
   vertical-align: middle;

package/dist/field/lexical/plugins/{FloatingSelectToolbar → toolbars/inline}/ToolbarDropdown/DropDown.d.ts

@@ -1,9 +1,9 @@
 import { type ReactNode } from 'react';
 import React from 'react';
-import type { FloatingToolbarSectionEntry } from '../types.js';
-export declare function DropDownItem({ children, entry, title, }: {
+import type { InlineToolbarGroupItem } from '../types.js';
+export declare function DropDownItem({ children, item, title, }: {
     children: React.ReactNode;
-    entry: FloatingToolbarSectionEntry;
+    item: InlineToolbarGroupItem;
     title?: string;
 }): React.ReactNode;
 export declare function DropDown({ Icon, buttonAriaLabel, buttonClassName, children, disabled, stopCloseOnClickSelf, }: {

package/dist/field/lexical/plugins/toolbars/inline/ToolbarDropdown/DropDown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropDown.d.ts","sourceRoot":"","sources":["../../../../../../../src/field/lexical/plugins/toolbars/inline/ToolbarDropdown/DropDown.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAqD,MAAM,OAAO,CAAA;AACzF,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAA;AAUzD,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,IAAI,EACJ,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,IAAI,EAAE,sBAAsB,CAAA;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,KAAK,CAAC,SAAS,CA+FlB;AA4ED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,eAAe,EACf,eAAe,EACf,QAAQ,EACR,QAAgB,EAChB,oBAAoB,GACrB,EAAE;IACD,IAAI,CAAC,EAAE,KAAK,CAAC,EAAE,CAAA;IACf,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,EAAE,MAAM,CAAA;IACvB,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B,GAAG,KAAK,CAAC,SAAS,CAgFlB"}

package/dist/field/lexical/plugins/{FloatingSelectToolbar → toolbars/inline}/ToolbarDropdown/DropDown.js

@@ -5,9 +5,9 @@ import { $getSelection } from 'lexical';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import React from 'react';
 import { createPortal } from 'react-dom';
-const baseClass = 'floating-select-toolbar-popup__dropdown-item';
+const baseClass = 'inline-toolbar-popup__dropdown-item';
 const DropDownContext = /*#__PURE__*/ React.createContext(null);
-export function DropDownItem({ children, entry, title }) {
+export function DropDownItem({ children, item, title }) {
     const [editor] = useLexicalComposerContext();
     const [enabled, setEnabled] = useState(true);
     const [active, setActive] = useState(false);
@@ -15,8 +15,8 @@ export function DropDownItem({ children, entry, title }) {
     const updateStates = useCallback(()=>{
         editor.getEditorState().read(()=>{
             const selection = $getSelection();
-            if (entry.isActive) {
-                const isActive = entry.isActive({
+            if (item.isActive) {
+                const isActive = item.isActive({
                     editor,
                     selection
                 });
@@ -24,8 +24,8 @@ export function DropDownItem({ children, entry, title }) {
                     setActive(isActive);
                 }
             }
-            if (entry.isEnabled) {
-                const isEnabled = entry.isEnabled({
+            if (item.isEnabled) {
+                const isEnabled = item.isEnabled({
                     editor,
                     selection
                 });
@@ -38,7 +38,7 @@ export function DropDownItem({ children, entry, title }) {
         active,
         editor,
         enabled,
-        entry
+        item
     ]);
     useEffect(()=>{
         updateStates();
@@ -66,13 +66,13 @@ export function DropDownItem({ children, entry, title }) {
             baseClass,
             enabled === false ? 'disabled' : '',
             active ? 'active' : '',
-            entry?.key ? `${baseClass}-${entry.key}` : ''
+            item?.key ? `${baseClass}-${item.key}` : ''
         ].filter(Boolean).join(' '));
     }, [
         enabled,
         active,
         className,
-        entry.key
+        item.key
     ]);
     const ref = useRef(null);
     const dropDownContext = React.useContext(DropDownContext);
@@ -92,7 +92,7 @@ export function DropDownItem({ children, entry, title }) {
         className: className,
         onClick: ()=>{
             if (enabled !== false) {
-                entry.onClick({
+                item.onSelect({
                     editor,
                     isActive: active
                 });
@@ -166,7 +166,7 @@ function DropDownItems({ children, dropDownRef, onClose }) {
     return /*#__PURE__*/ React.createElement(DropDownContext.Provider, {
         value: contextValue
     }, /*#__PURE__*/ React.createElement("div", {
-        className: "floating-select-toolbar-popup__dropdown-items",
+        className: "inline-toolbar-popup__dropdown-items",
         onKeyDown: handleKeyDown,
         ref: dropDownRef
     }, children));
@@ -238,7 +238,7 @@ export function DropDown({ Icon, buttonAriaLabel, buttonClassName, children, dis
         ref: buttonRef,
         type: "button"
     }, /*#__PURE__*/ React.createElement(Icon, null), /*#__PURE__*/ React.createElement("i", {
-        className: "floating-select-toolbar-popup__dropdown-caret"
+        className: "inline-toolbar-popup__dropdown-caret"
     })), showDropDown && /*#__PURE__*/ createPortal(/*#__PURE__*/ React.createElement(DropDownItems, {
         dropDownRef: dropDownRef,
         onClose: handleClose

package/dist/field/lexical/plugins/toolbars/inline/ToolbarDropdown/DropDown.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/field/lexical/plugins/toolbars/inline/ToolbarDropdown/DropDown.tsx"],"sourcesContent":["'use client'\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { mergeRegister } from '@lexical/utils'\nimport { $getSelection } from 'lexical'\nimport { type ReactNode, useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport React from 'react'\nimport { createPortal } from 'react-dom'\n\nimport type { InlineToolbarGroupItem } from '../types.js'\n\nconst baseClass = 'inline-toolbar-popup__dropdown-item'\n\ninterface DropDownContextType {\n  registerItem: (ref: React.RefObject<HTMLButtonElement>) => void\n}\n\nconst DropDownContext = React.createContext<DropDownContextType | null>(null)\n\nexport function DropDownItem({\n  children,\n  item,\n  title,\n}: {\n  children: React.ReactNode\n  item: InlineToolbarGroupItem\n  title?: string\n}): React.ReactNode {\n  const [editor] = useLexicalComposerContext()\n  const [enabled, setEnabled] = useState<boolean>(true)\n  const [active, setActive] = useState<boolean>(false)\n  const [className, setClassName] = useState<string>(baseClass)\n\n  const updateStates = useCallback(() => {\n    editor.getEditorState().read(() => {\n      const selection = $getSelection()\n      if (item.isActive) {\n        const isActive = item.isActive({ editor, selection })\n        if (active !== isActive) {\n          setActive(isActive)\n        }\n      }\n      if (item.isEnabled) {\n        const isEnabled = item.isEnabled({ editor, selection })\n        if (enabled !== isEnabled) {\n          setEnabled(isEnabled)\n        }\n      }\n    })\n  }, [active, editor, enabled, item])\n\n  useEffect(() => {\n    updateStates()\n  }, [updateStates])\n\n  useEffect(() => {\n    document.addEventListener('mouseup', updateStates)\n    return () => {\n      document.removeEventListener('mouseup', updateStates)\n    }\n  }, [updateStates])\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerUpdateListener(() => {\n        updateStates()\n      }),\n    )\n  }, [editor, updateStates])\n\n  useEffect(() => {\n    setClassName(\n      [\n        baseClass,\n        enabled === false ? 'disabled' : '',\n        active ? 'active' : '',\n        item?.key ? `${baseClass}-${item.key}` : '',\n      ]\n        .filter(Boolean)\n        .join(' '),\n    )\n  }, [enabled, active, className, item.key])\n\n  const ref = useRef<HTMLButtonElement>(null)\n\n  const dropDownContext = React.useContext(DropDownContext)\n\n  if (dropDownContext === null) {\n    throw new Error('DropDownItem must be used within a DropDown')\n  }\n\n  const { registerItem } = dropDownContext\n\n  useEffect(() => {\n    if (ref?.current != null) {\n      registerItem(ref)\n    }\n  }, [ref, registerItem])\n\n  return (\n    <button\n      className={className}\n      onClick={() => {\n        if (enabled !== false) {\n          item.onSelect({\n            editor,\n            isActive: active,\n          })\n        }\n      }}\n      onMouseDown={(e) => {\n        // This is required for Firefox compatibility. Without it, the dropdown will disappear without the onClick being called.\n        // This only happens in Firefox. Must be something about how Firefox handles focus events differently.\n        e.preventDefault()\n      }}\n      ref={ref}\n      title={title}\n      type=\"button\"\n    >\n      {children}\n    </button>\n  )\n}\n\nfunction DropDownItems({\n  children,\n  dropDownRef,\n  onClose,\n}: {\n  children: React.ReactNode\n  dropDownRef: React.Ref<HTMLDivElement>\n  onClose: () => void\n}): JSX.Element {\n  const [items, setItems] = useState<Array<React.RefObject<HTMLButtonElement>>>()\n  const [highlightedItem, setHighlightedItem] = useState<React.RefObject<HTMLButtonElement>>()\n\n  const registerItem = useCallback(\n    (itemRef: React.RefObject<HTMLButtonElement>) => {\n      setItems((prev) => (prev != null ? [...prev, itemRef] : [itemRef]))\n    },\n    [setItems],\n  )\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n    if (items == null) return\n\n    const { key } = event\n\n    if (['ArrowDown', 'ArrowUp', 'Escape', 'Tab'].includes(key)) {\n      event.preventDefault()\n    }\n\n    if (key === 'Escape' || key === 'Tab') {\n      onClose()\n    } else if (key === 'ArrowUp') {\n      setHighlightedItem((prev) => {\n        if (prev == null) return items[0]\n        const index = items.indexOf(prev) - 1\n        return items[index === -1 ? items.length - 1 : index]\n      })\n    } else if (key === 'ArrowDown') {\n      setHighlightedItem((prev) => {\n        if (prev == null) return items[0]\n        return items[items.indexOf(prev) + 1]\n      })\n    }\n  }\n\n  const contextValue = useMemo(\n    () => ({\n      registerItem,\n    }),\n    [registerItem],\n  )\n\n  useEffect(() => {\n    if (items != null && highlightedItem == null) {\n      setHighlightedItem(items[0])\n    }\n\n    if (highlightedItem?.current != null) {\n      highlightedItem.current.focus()\n    }\n  }, [items, highlightedItem])\n\n  return (\n    <DropDownContext.Provider value={contextValue}>\n      <div\n        className=\"inline-toolbar-popup__dropdown-items\"\n        onKeyDown={handleKeyDown}\n        ref={dropDownRef}\n      >\n        {children}\n      </div>\n    </DropDownContext.Provider>\n  )\n}\n\nexport function DropDown({\n  Icon,\n  buttonAriaLabel,\n  buttonClassName,\n  children,\n  disabled = false,\n  stopCloseOnClickSelf,\n}: {\n  Icon?: React.FC\n  buttonAriaLabel?: string\n  buttonClassName: string\n  children: ReactNode\n  disabled?: boolean\n  stopCloseOnClickSelf?: boolean\n}): React.ReactNode {\n  const dropDownRef = useRef<HTMLDivElement>(null)\n  const buttonRef = useRef<HTMLButtonElement>(null)\n  const [showDropDown, setShowDropDown] = useState(false)\n\n  const handleClose = (): void => {\n    setShowDropDown(false)\n    if (buttonRef?.current != null) {\n      buttonRef.current.focus()\n    }\n  }\n\n  useEffect(() => {\n    const button = buttonRef.current\n    const dropDown = dropDownRef.current\n\n    if (showDropDown && button !== null && dropDown !== null) {\n      const { left, top } = button.getBoundingClientRect()\n      const scrollTopOffset = window.pageYOffset || document.documentElement.scrollTop\n      dropDown.style.top = `${top + scrollTopOffset + button.offsetHeight + 5}px`\n      dropDown.style.left = `${Math.min(left - 5, window.innerWidth - dropDown.offsetWidth - 20)}px`\n    }\n  }, [dropDownRef, buttonRef, showDropDown])\n\n  useEffect(() => {\n    const button = buttonRef.current\n\n    if (button !== null && showDropDown) {\n      const handle = (event: MouseEvent): void => {\n        const { target } = event\n        if (stopCloseOnClickSelf != null) {\n          // eslint-disable-next-line @typescript-eslint/prefer-optional-chain\n          if (dropDownRef.current != null && dropDownRef.current.contains(target as Node)) {\n            return\n          }\n        }\n        if (!button.contains(target as Node)) {\n          setShowDropDown(false)\n        }\n      }\n      document.addEventListener('click', handle)\n\n      return () => {\n        document.removeEventListener('click', handle)\n      }\n    }\n  }, [dropDownRef, buttonRef, showDropDown, stopCloseOnClickSelf])\n\n  return (\n    <React.Fragment>\n      <button\n        aria-label={buttonAriaLabel}\n        className={buttonClassName + (showDropDown ? ' active' : '')}\n        disabled={disabled}\n        onClick={(event) => {\n          event.preventDefault()\n          setShowDropDown(!showDropDown)\n        }}\n        onMouseDown={(e) => {\n          // This fixes a bug where you are unable to click the button if you are in a NESTED editor (editor in blocks field in editor).\n          // Thus only happens if you click on the SVG of the button. Clicking on the outside works. Related issue: https://github.com/payloadcms/payload/issues/4025\n          // TODO: Find out why exactly it happens and why e.preventDefault() on the mouseDown fixes it. Write that down here, or potentially fix a root cause, if there is any.\n          e.preventDefault()\n        }}\n        ref={buttonRef}\n        type=\"button\"\n      >\n        <Icon />\n        <i className=\"inline-toolbar-popup__dropdown-caret\" />\n      </button>\n\n      {showDropDown &&\n        createPortal(\n          <DropDownItems dropDownRef={dropDownRef} onClose={handleClose}>\n            {children}\n          </DropDownItems>,\n          document.body,\n        )}\n    </React.Fragment>\n  )\n}\n"],"names":["useLexicalComposerContext","mergeRegister","$getSelection","useCallback","useEffect","useMemo","useRef","useState","React","createPortal","baseClass","DropDownContext","createContext","DropDownItem","children","item","title","editor","enabled","setEnabled","active","setActive","className","setClassName","updateStates","getEditorState","read","selection","isActive","isEnabled","document","addEventListener","removeEventListener","registerUpdateListener","key","filter","Boolean","join","ref","dropDownContext","useContext","Error","registerItem","current","button","onClick","onSelect","onMouseDown","e","preventDefault","type","DropDownItems","dropDownRef","onClose","items","setItems","highlightedItem","setHighlightedItem","itemRef","prev","handleKeyDown","event","includes","index","indexOf","length","contextValue","focus","Provider","value","div","onKeyDown","DropDown","Icon","buttonAriaLabel","buttonClassName","disabled","stopCloseOnClickSelf","buttonRef","showDropDown","setShowDropDown","handleClose","dropDown","left","top","getBoundingClientRect","scrollTopOffset","window","pageYOffset","documentElement","scrollTop","style","offsetHeight","Math","min","innerWidth","offsetWidth","handle","target","contains","Fragment","aria-label","i","body"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/field/lexical/plugins/{FloatingSelectToolbar → toolbars/inline}/ToolbarDropdown/index.d.ts

@@ -1,18 +1,18 @@
 import React from 'react';
 import type { LexicalEditor } from 'lexical';
-import type { FloatingToolbarSectionEntry } from '../types.js';
+import type { InlineToolbarGroupItem } from '../types.js';
 import './index.scss';
-export declare const ToolbarEntry: ({ anchorElem, editor, entry, }: {
+export declare const ToolbarItem: ({ anchorElem, editor, item, }: {
     anchorElem: HTMLElement;
     editor: LexicalEditor;
-    entry: FloatingToolbarSectionEntry;
+    item: InlineToolbarGroupItem;
 }) => React.JSX.Element;
-export declare const ToolbarDropdown: ({ Icon, anchorElem, classNames, editor, entries, sectionKey, }: {
+export declare const ToolbarDropdown: ({ Icon, anchorElem, classNames, editor, groupKey, items, }: {
     Icon?: React.FC;
     anchorElem: HTMLElement;
     classNames?: string[];
     editor: LexicalEditor;
-    entries: FloatingToolbarSectionEntry[];
-    sectionKey: string;
+    groupKey: string;
+    items: InlineToolbarGroupItem[];
 }) => React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/field/lexical/plugins/toolbars/inline/ToolbarDropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/field/lexical/plugins/toolbars/inline/ToolbarDropdown/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAA;AAGzD,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,WAAW,kCAIrB;IACD,UAAU,EAAE,WAAW,CAAA;IACvB,MAAM,EAAE,aAAa,CAAA;IACrB,IAAI,EAAE,sBAAsB,CAAA;CAC7B,sBAeA,CAAA;AAED,eAAO,MAAM,eAAe,+DAOzB;IACD,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;IACf,UAAU,EAAE,WAAW,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,MAAM,EAAE,aAAa,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,sBAAsB,EAAE,CAAA;CAChC,sBAgBA,CAAA"}

package/dist/field/lexical/plugins/toolbars/inline/ToolbarDropdown/index.js

@@ -0,0 +1,42 @@
+'use client';
+import React from 'react';
+const baseClass = 'inline-toolbar-popup__dropdown';
+import { DropDown, DropDownItem } from './DropDown.js';
+import './index.scss';
+export const ToolbarItem = ({ anchorElem, editor, item })=>{
+    if (item.Component) {
+        return item?.Component && /*#__PURE__*/ React.createElement(item.Component, {
+            anchorElem: anchorElem,
+            editor: editor,
+            item: item,
+            key: item.key
+        });
+    }
+    return /*#__PURE__*/ React.createElement(DropDownItem, {
+        item: item,
+        key: item.key
+    }, item?.ChildComponent && /*#__PURE__*/ React.createElement(item.ChildComponent, null), /*#__PURE__*/ React.createElement("span", {
+        className: "text"
+    }, item.label));
+};
+export const ToolbarDropdown = ({ Icon, anchorElem, classNames, editor, groupKey, items })=>{
+    return /*#__PURE__*/ React.createElement(DropDown, {
+        Icon: Icon,
+        buttonAriaLabel: `${groupKey} dropdown`,
+        buttonClassName: [
+            baseClass,
+            `${baseClass}-${groupKey}`,
+            ...classNames || []
+        ].filter(Boolean).join(' '),
+        key: groupKey
+    }, items.length && items.map((item)=>{
+        return /*#__PURE__*/ React.createElement(ToolbarItem, {
+            anchorElem: anchorElem,
+            editor: editor,
+            item: item,
+            key: item.key
+        });
+    }));
+};
+
+//# sourceMappingURL=index.js.map

package/dist/field/lexical/plugins/toolbars/inline/ToolbarDropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/field/lexical/plugins/toolbars/inline/ToolbarDropdown/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nconst baseClass = 'inline-toolbar-popup__dropdown'\n\nimport type { LexicalEditor } from 'lexical'\n\nimport type { InlineToolbarGroupItem } from '../types.js'\n\nimport { DropDown, DropDownItem } from './DropDown.js'\nimport './index.scss'\n\nexport const ToolbarItem = ({\n  anchorElem,\n  editor,\n  item,\n}: {\n  anchorElem: HTMLElement\n  editor: LexicalEditor\n  item: InlineToolbarGroupItem\n}) => {\n  if (item.Component) {\n    return (\n      item?.Component && (\n        <item.Component anchorElem={anchorElem} editor={editor} item={item} key={item.key} />\n      )\n    )\n  }\n\n  return (\n    <DropDownItem item={item} key={item.key}>\n      {item?.ChildComponent && <item.ChildComponent />}\n      <span className=\"text\">{item.label}</span>\n    </DropDownItem>\n  )\n}\n\nexport const ToolbarDropdown = ({\n  Icon,\n  anchorElem,\n  classNames,\n  editor,\n  groupKey,\n  items,\n}: {\n  Icon?: React.FC\n  anchorElem: HTMLElement\n  classNames?: string[]\n  editor: LexicalEditor\n  groupKey: string\n  items: InlineToolbarGroupItem[]\n}) => {\n  return (\n    <DropDown\n      Icon={Icon}\n      buttonAriaLabel={`${groupKey} dropdown`}\n      buttonClassName={[baseClass, `${baseClass}-${groupKey}`, ...(classNames || [])]\n        .filter(Boolean)\n        .join(' ')}\n      key={groupKey}\n    >\n      {items.length &&\n        items.map((item) => {\n          return <ToolbarItem anchorElem={anchorElem} editor={editor} item={item} key={item.key} />\n        })}\n    </DropDown>\n  )\n}\n"],"names":["React","baseClass","DropDown","DropDownItem","ToolbarItem","anchorElem","editor","item","Component","key","ChildComponent","span","className","label","ToolbarDropdown","Icon","classNames","groupKey","items","buttonAriaLabel","buttonClassName","filter","Boolean","join","length","map"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,WAAW,QAAO;AAEzB,MAAMC,YAAY;AAMlB,SAASC,QAAQ,EAAEC,YAAY,QAAQ,gBAAe;AACtD,OAAO,eAAc;AAErB,OAAO,MAAMC,cAAc,CAAC,EAC1BC,UAAU,EACVC,MAAM,EACNC,IAAI,EAKL;IACC,IAAIA,KAAKC,SAAS,EAAE;QAClB,OACED,MAAMC,2BACJ,oBAACD,KAAKC,SAAS;YAACH,YAAYA;YAAYC,QAAQA;YAAQC,MAAMA;YAAME,KAAKF,KAAKE,GAAG;;IAGvF;IAEA,qBACE,oBAACN;QAAaI,MAAMA;QAAME,KAAKF,KAAKE,GAAG;OACpCF,MAAMG,gCAAkB,oBAACH,KAAKG,cAAc,uBAC7C,oBAACC;QAAKC,WAAU;OAAQL,KAAKM,KAAK;AAGxC,EAAC;AAED,OAAO,MAAMC,kBAAkB,CAAC,EAC9BC,IAAI,EACJV,UAAU,EACVW,UAAU,EACVV,MAAM,EACNW,QAAQ,EACRC,KAAK,EAQN;IACC,qBACE,oBAAChB;QACCa,MAAMA;QACNI,iBAAiB,CAAC,EAAEF,SAAS,SAAS,CAAC;QACvCG,iBAAiB;YAACnB;YAAW,CAAC,EAAEA,UAAU,CAAC,EAAEgB,SAAS,CAAC;eAAMD,cAAc,EAAE;SAAE,CAC5EK,MAAM,CAACC,SACPC,IAAI,CAAC;QACRd,KAAKQ;OAEJC,MAAMM,MAAM,IACXN,MAAMO,GAAG,CAAC,CAAClB;QACT,qBAAO,oBAACH;YAAYC,YAAYA;YAAYC,QAAQA;YAAQC,MAAMA;YAAME,KAAKF,KAAKE,GAAG;;IACvF;AAGR,EAAC"}

package/dist/field/lexical/plugins/{FloatingSelectToolbar → toolbars/inline}/ToolbarDropdown/index.scss

@@ -1,6 +1,6 @@
-@import '../../../../../scss/styles.scss';
+@import '../../../../../../scss/styles';
 
-.floating-select-toolbar-popup__dropdown {
+.inline-toolbar-popup__dropdown {
   display: flex;
   align-items: center;
   vertical-align: middle;
@@ -29,7 +29,7 @@
   &.active {
     background-color: var(--color-base-100);
 
-    .floating-select-toolbar-popup__dropdown-caret {
+    .inline-toolbar-popup__dropdown-caret {
       &:after {
         transform: rotate(0deg);
       }
@@ -50,7 +50,7 @@
       height: 4px;
 
       opacity: 0.3;
-      background-image: url(../../../ui/icons/Caret/index.svg);
+      background-image: url(../../../../ui/icons/Caret/index.svg);
       background-position-y: 0px;
       background-position-x: 0px;
     }
@@ -63,7 +63,7 @@
     width: 132.5px;
     z-index: 100;
 
-    .floating-select-toolbar-popup__dropdown-item {
+    .inline-toolbar-popup__dropdown-item {
       all: unset; // reset all default button styles
       cursor: pointer;
       color: var(--color-base-900);
@@ -91,7 +91,7 @@
 }
 
 html[data-theme='light'] {
-  .floating-select-toolbar-popup__dropdown {
+  .inline-toolbar-popup__dropdown {
     &-items {
       position: absolute;
       @include shadow-m;

package/dist/field/lexical/plugins/toolbars/inline/types.d.ts

@@ -0,0 +1,40 @@
+import type { BaseSelection, LexicalEditor } from 'lexical';
+import type React from 'react';
+export type InlineToolbarGroup = {
+    ChildComponent?: React.FC;
+    items: Array<InlineToolbarGroupItem>;
+    key: string;
+    order?: number;
+    type: 'dropdown';
+} | {
+    items: Array<InlineToolbarGroupItem>;
+    key: string;
+    order?: number;
+    type: 'buttons';
+};
+export type InlineToolbarGroupItem = {
+    ChildComponent?: React.FC;
+    /** Use component to ignore the children and onClick properties. It does not use the default, pre-defined format Button component */
+    Component?: React.FC<{
+        anchorElem: HTMLElement;
+        editor: LexicalEditor;
+        item: InlineToolbarGroupItem;
+    }>;
+    isActive?: ({ editor, selection }: {
+        editor: LexicalEditor;
+        selection: BaseSelection;
+    }) => boolean;
+    isEnabled?: ({ editor, selection, }: {
+        editor: LexicalEditor;
+        selection: BaseSelection;
+    }) => boolean;
+    key: string;
+    /** The label is displayed as text if the item is part of a dropdown group */
+    label?: string;
+    onSelect?: ({ editor, isActive }: {
+        editor: LexicalEditor;
+        isActive: boolean;
+    }) => void;
+    order?: number;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/field/lexical/plugins/toolbars/inline/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/field/lexical/plugins/toolbars/inline/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,MAAM,kBAAkB,GAC1B;IACE,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,CAAA;IACzB,KAAK,EAAE,KAAK,CAAC,sBAAsB,CAAC,CAAA;IACpC,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,UAAU,CAAA;CACjB,GACD;IACE,KAAK,EAAE,KAAK,CAAC,sBAAsB,CAAC,CAAA;IACpC,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,SAAS,CAAA;CAChB,CAAA;AAEL,MAAM,MAAM,sBAAsB,GAAG;IACnC,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,CAAA;IACzB,oIAAoI;IACpI,SAAS,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QACnB,UAAU,EAAE,WAAW,CAAA;QACvB,MAAM,EAAE,aAAa,CAAA;QACrB,IAAI,EAAE,sBAAsB,CAAA;KAC7B,CAAC,CAAA;IACF,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE;QAAE,MAAM,EAAE,aAAa,CAAC;QAAC,SAAS,EAAE,aAAa,CAAA;KAAE,KAAK,OAAO,CAAA;IAClG,SAAS,CAAC,EAAE,CAAC,EACX,MAAM,EACN,SAAS,GACV,EAAE;QACD,MAAM,EAAE,aAAa,CAAA;QACrB,SAAS,EAAE,aAAa,CAAA;KACzB,KAAK,OAAO,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE;QAAE,MAAM,EAAE,aAAa,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IACvF,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA"}

package/dist/field/lexical/plugins/toolbars/inline/types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map

package/dist/field/lexical/plugins/toolbars/inline/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/field/lexical/plugins/toolbars/inline/types.ts"],"sourcesContent":["import type { BaseSelection, LexicalEditor } from 'lexical'\nimport type React from 'react'\n\nexport type InlineToolbarGroup =\n  | {\n      ChildComponent?: React.FC\n      items: Array<InlineToolbarGroupItem>\n      key: string\n      order?: number\n      type: 'dropdown'\n    }\n  | {\n      items: Array<InlineToolbarGroupItem>\n      key: string\n      order?: number\n      type: 'buttons'\n    }\n\nexport type InlineToolbarGroupItem = {\n  ChildComponent?: React.FC\n  /** Use component to ignore the children and onClick properties. It does not use the default, pre-defined format Button component */\n  Component?: React.FC<{\n    anchorElem: HTMLElement\n    editor: LexicalEditor\n    item: InlineToolbarGroupItem\n  }>\n  isActive?: ({ editor, selection }: { editor: LexicalEditor; selection: BaseSelection }) => boolean\n  isEnabled?: ({\n    editor,\n    selection,\n  }: {\n    editor: LexicalEditor\n    selection: BaseSelection\n  }) => boolean\n  key: string\n  /** The label is displayed as text if the item is part of a dropdown group */\n  label?: string\n  onSelect?: ({ editor, isActive }: { editor: LexicalEditor; isActive: boolean }) => void\n  order?: number\n}\n"],"names":[],"rangeMappings":"","mappings":"AAkBA,WAqBC"}

package/dist/field/lexical/theme/EditorTheme.scss

@@ -16,9 +16,7 @@
   }
 
   &__quote {
-    margin: 0;
-    margin-left: 20px;
-    margin-bottom: 10px;
+    margin: 0 0 10px 20px;
     font-size: 15px;
     color: rgb(101, 103, 107);
     border-left-color: rgb(206, 208, 212);
@@ -115,9 +113,7 @@
     padding: 8px 8px 8px 52px;
     line-height: 1.53;
     font-size: 13px;
-    margin: 0;
-    margin-top: 8px;
-    margin-bottom: 8px;
+    margin: 8px 0;
     tab-size: 2;
     /* white-space: pre; */
     overflow-x: auto;

package/dist/index.d.ts

@@ -4,7 +4,6 @@ export { AlignFeature } from './field/features/align/feature.server.js';
 export { BlockQuoteFeature } from './field/features/blockquote/feature.server.js';
 export { BlocksFeature, type BlocksFeatureProps, type LexicalBlock, } from './field/features/blocks/feature.server.js';
 export { $createBlockNode, $isBlockNode, type BlockFields, BlockNode, type SerializedBlockNode, } from './field/features/blocks/nodes/BlocksNode.js';
-export { TextDropdownSectionWithEntries } from './field/features/common/floatingSelectToolbarTextDropdownSection/index.js';
 export { LinebreakHTMLConverter } from './field/features/converters/html/converter/converters/linebreak.js';
 export { ParagraphHTMLConverter } from './field/features/converters/html/converter/converters/paragraph.js';
 export { TextHTMLConverter } from './field/features/converters/html/converter/converters/text.js';
@@ -14,26 +13,26 @@ export type { HTMLConverter } from './field/features/converters/html/converter/t
 export { HTMLConverterFeature, type HTMLConverterFeatureProps, } from './field/features/converters/html/feature.server.js';
 export { consolidateHTMLConverters, lexicalHTML, } from './field/features/converters/html/field/index.js';
 export { createClientComponent } from './field/features/createClientComponent.js';
-export { TestRecorderFeature } from './field/features/debug/testrecorder/feature.server.js';
-export { TreeViewFeature } from './field/features/debug/treeview/feature.server.js';
+export { TestRecorderFeature } from './field/features/debug/testRecorder/feature.server.js';
+export { TreeViewFeature } from './field/features/debug/treeView/feature.server.js';
 export { BoldFeature } from './field/features/format/bold/feature.server.js';
-export { SectionWithEntries as FormatSectionWithEntries } from './field/features/format/common/floatingSelectToolbarSection.js';
-export { InlineCodeFeature } from './field/features/format/inlinecode/feature.server.js';
+export { InlineCodeFeature } from './field/features/format/inlineCode/feature.server.js';
 export { ItalicFeature } from './field/features/format/italic/feature.server.js';
+export { inlineToolbarFormatGroupWithItems } from './field/features/format/shared/inlineToolbarFormatGroup.js';
 export { StrikethroughFeature } from './field/features/format/strikethrough/feature.server.js';
 export { SubscriptFeature } from './field/features/format/subscript/feature.server.js';
 export { SuperscriptFeature } from './field/features/format/superscript/feature.server.js';
 export { UnderlineFeature } from './field/features/format/underline/feature.server.js';
-export { HeadingFeature } from './field/features/heading/feature.server.js';
-export { HorizontalRuleFeature } from './field/features/horizontalrule/feature.server.js';
+export { HeadingFeature, type HeadingFeatureProps, } from './field/features/heading/feature.server.js';
+export { HorizontalRuleFeature } from './field/features/horizontalRule/feature.server.js';
 export { IndentFeature } from './field/features/indent/feature.server.js';
 export { LinkFeature, type LinkFeatureServerProps } from './field/features/link/feature.server.js';
 export { $createAutoLinkNode, $isAutoLinkNode, AutoLinkNode, } from './field/features/link/nodes/AutoLinkNode.js';
 export { $createLinkNode, $isLinkNode, LinkNode, TOGGLE_LINK_COMMAND, } from './field/features/link/nodes/LinkNode.js';
 export type { LinkFields, SerializedAutoLinkNode, SerializedLinkNode, } from './field/features/link/nodes/types.js';
-export { CheckListFeature } from './field/features/lists/checklist/feature.server.js';
-export { OrderedListFeature } from './field/features/lists/orderedlist/feature.server.js';
-export { UnorderedListFeature } from './field/features/lists/unorderedlist/feature.server.js';
+export { ChecklistFeature } from './field/features/lists/checklist/feature.server.js';
+export { OrderedListFeature } from './field/features/lists/orderedList/feature.server.js';
+export { UnorderedListFeature } from './field/features/lists/unorderedList/feature.server.js';
 export { LexicalPluginToLexicalFeature } from './field/features/migrations/lexicalPluginToLexical/feature.server.js';
 export { SlateBlockquoteConverter } from './field/features/migrations/slateToLexical/converter/converters/blockquote/index.js';
 export { SlateHeadingConverter } from './field/features/migrations/slateToLexical/converter/converters/heading/index.js';
@@ -50,8 +49,10 @@ export { convertSlateNodesToLexical, convertSlateToLexical, } from './field/feat
 export type { SlateNode, SlateNodeConverter, } from './field/features/migrations/slateToLexical/converter/types.js';
 export { SlateToLexicalFeature } from './field/features/migrations/slateToLexical/feature.server.js';
 export { ParagraphFeature } from './field/features/paragraph/feature.server.js';
-export { RelationshipFeature } from './field/features/relationship/feature.server.js';
+export { RelationshipFeature, type RelationshipFeatureProps, } from './field/features/relationship/feature.server.js';
 export { $createRelationshipNode, $isRelationshipNode, type RelationshipData, RelationshipNode, type SerializedRelationshipNode, } from './field/features/relationship/nodes/RelationshipNode.js';
+export { inlineToolbarFeatureButtonsGroupWithItems } from './field/features/shared/inlineToolbar/featureButtonsGroup.js';
+export { inlineToolbarTextDropdownGroupWithItems } from './field/features/shared/inlineToolbar/textDropdownGroup.js';
 export { createNode } from './field/features/typeUtilities.js';
 export type { ClientComponentProps, ClientFeature, ClientFeatureProviderMap, FeatureProviderClient, FeatureProviderProviderClient, FeatureProviderProviderServer, FeatureProviderServer, FieldNodeHook, FieldNodeHookArgs, NodeValidation, NodeWithHooks, PopulationPromise, ResolvedClientFeature, ResolvedClientFeatureMap, ResolvedServerFeature, ResolvedServerFeatureMap, SanitizedClientFeatures, SanitizedPlugin, SanitizedServerFeatures, ServerFeature, ServerFeatureProviderMap, } from './field/features/types.js';
 export { UploadFeature } from './field/features/upload/feature.server.js';
@@ -64,10 +65,10 @@ export { loadFeatures, sortFeaturesForOptimalLoading, } from './field/lexical/co
 export { sanitizeServerEditorConfig, sanitizeServerFeatures, } from './field/lexical/config/server/sanitize.js';
 export type { ClientEditorConfig, SanitizedClientEditorConfig, SanitizedServerEditorConfig, ServerEditorConfig, } from './field/lexical/config/types.js';
 export { getEnabledNodes } from './field/lexical/nodes/index.js';
-export { type FloatingToolbarSection, type FloatingToolbarSectionEntry, } from './field/lexical/plugins/FloatingSelectToolbar/types.js';
 export { ENABLE_SLASH_MENU_COMMAND } from './field/lexical/plugins/SlashMenu/LexicalTypeaheadMenuPlugin/index.js';
+export type { SlashMenuGroup, SlashMenuItem, } from './field/lexical/plugins/SlashMenu/LexicalTypeaheadMenuPlugin/types.js';
 export type { AdapterProps };
-export { SlashMenuGroup, SlashMenuOption, } from './field/lexical/plugins/SlashMenu/LexicalTypeaheadMenuPlugin/types.js';
+export type { InlineToolbarGroup, InlineToolbarGroupItem, } from './field/lexical/plugins/toolbars/inline/types.js';
 export { CAN_USE_DOM } from './field/lexical/utils/canUseDOM.js';
 export { cloneDeep } from './field/lexical/utils/cloneDeep.js';
 export { getDOMRangeRect } from './field/lexical/utils/getDOMRangeRect.js';

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -13,7 +13,7 @@ import { richTextValidateHOC } from './validate/index.js';
 let defaultSanitizedServerEditorConfig = null;
 export function lexicalEditor(props) {
     return async ({ config })=>{
-        let resolvedFeatureMap = null;
+        let resolvedFeatureMap;
         let finalSanitizedEditorConfig// For server only
         ;
         if (!props || !props.features && !props.lexical) {
@@ -281,7 +281,6 @@ export { AlignFeature } from './field/features/align/feature.server.js';
 export { BlockQuoteFeature } from './field/features/blockquote/feature.server.js';
 export { BlocksFeature } from './field/features/blocks/feature.server.js';
 export { $createBlockNode, $isBlockNode, BlockNode } from './field/features/blocks/nodes/BlocksNode.js';
-export { TextDropdownSectionWithEntries } from './field/features/common/floatingSelectToolbarTextDropdownSection/index.js';
 export { LinebreakHTMLConverter } from './field/features/converters/html/converter/converters/linebreak.js';
 export { ParagraphHTMLConverter } from './field/features/converters/html/converter/converters/paragraph.js';
 export { TextHTMLConverter } from './field/features/converters/html/converter/converters/text.js';
@@ -290,25 +289,25 @@ export { convertLexicalNodesToHTML, convertLexicalToHTML } from './field/feature
 export { HTMLConverterFeature } from './field/features/converters/html/feature.server.js';
 export { consolidateHTMLConverters, lexicalHTML } from './field/features/converters/html/field/index.js';
 export { createClientComponent } from './field/features/createClientComponent.js';
-export { TestRecorderFeature } from './field/features/debug/testrecorder/feature.server.js';
-export { TreeViewFeature } from './field/features/debug/treeview/feature.server.js';
+export { TestRecorderFeature } from './field/features/debug/testRecorder/feature.server.js';
+export { TreeViewFeature } from './field/features/debug/treeView/feature.server.js';
 export { BoldFeature } from './field/features/format/bold/feature.server.js';
-export { SectionWithEntries as FormatSectionWithEntries } from './field/features/format/common/floatingSelectToolbarSection.js';
-export { InlineCodeFeature } from './field/features/format/inlinecode/feature.server.js';
+export { InlineCodeFeature } from './field/features/format/inlineCode/feature.server.js';
 export { ItalicFeature } from './field/features/format/italic/feature.server.js';
+export { inlineToolbarFormatGroupWithItems } from './field/features/format/shared/inlineToolbarFormatGroup.js';
 export { StrikethroughFeature } from './field/features/format/strikethrough/feature.server.js';
 export { SubscriptFeature } from './field/features/format/subscript/feature.server.js';
 export { SuperscriptFeature } from './field/features/format/superscript/feature.server.js';
 export { UnderlineFeature } from './field/features/format/underline/feature.server.js';
 export { HeadingFeature } from './field/features/heading/feature.server.js';
-export { HorizontalRuleFeature } from './field/features/horizontalrule/feature.server.js';
+export { HorizontalRuleFeature } from './field/features/horizontalRule/feature.server.js';
 export { IndentFeature } from './field/features/indent/feature.server.js';
 export { LinkFeature } from './field/features/link/feature.server.js';
 export { $createAutoLinkNode, $isAutoLinkNode, AutoLinkNode } from './field/features/link/nodes/AutoLinkNode.js';
 export { $createLinkNode, $isLinkNode, LinkNode, TOGGLE_LINK_COMMAND } from './field/features/link/nodes/LinkNode.js';
-export { CheckListFeature } from './field/features/lists/checklist/feature.server.js';
-export { OrderedListFeature } from './field/features/lists/orderedlist/feature.server.js';
-export { UnorderedListFeature } from './field/features/lists/unorderedlist/feature.server.js';
+export { ChecklistFeature } from './field/features/lists/checklist/feature.server.js';
+export { OrderedListFeature } from './field/features/lists/orderedList/feature.server.js';
+export { UnorderedListFeature } from './field/features/lists/unorderedList/feature.server.js';
 export { LexicalPluginToLexicalFeature } from './field/features/migrations/lexicalPluginToLexical/feature.server.js';
 export { SlateBlockquoteConverter } from './field/features/migrations/slateToLexical/converter/converters/blockquote/index.js';
 export { SlateHeadingConverter } from './field/features/migrations/slateToLexical/converter/converters/heading/index.js';
@@ -326,6 +325,8 @@ export { SlateToLexicalFeature } from './field/features/migrations/slateToLexica
 export { ParagraphFeature } from './field/features/paragraph/feature.server.js';
 export { RelationshipFeature } from './field/features/relationship/feature.server.js';
 export { $createRelationshipNode, $isRelationshipNode, RelationshipNode } from './field/features/relationship/nodes/RelationshipNode.js';
+export { inlineToolbarFeatureButtonsGroupWithItems } from './field/features/shared/inlineToolbar/featureButtonsGroup.js';
+export { inlineToolbarTextDropdownGroupWithItems } from './field/features/shared/inlineToolbar/textDropdownGroup.js';
 export { createNode } from './field/features/typeUtilities.js';
 export { UploadFeature } from './field/features/upload/feature.server.js';
 export { $createUploadNode, $isUploadNode, UploadNode } from './field/features/upload/nodes/UploadNode.js';
@@ -336,7 +337,6 @@ export { loadFeatures, sortFeaturesForOptimalLoading } from './field/lexical/con
 export { sanitizeServerEditorConfig, sanitizeServerFeatures } from './field/lexical/config/server/sanitize.js';
 export { getEnabledNodes } from './field/lexical/nodes/index.js';
 export { ENABLE_SLASH_MENU_COMMAND } from './field/lexical/plugins/SlashMenu/LexicalTypeaheadMenuPlugin/index.js';
-export { SlashMenuGroup, SlashMenuOption } from './field/lexical/plugins/SlashMenu/LexicalTypeaheadMenuPlugin/types.js';
 export { CAN_USE_DOM } from './field/lexical/utils/canUseDOM.js';
 export { cloneDeep } from './field/lexical/utils/cloneDeep.js';
 export { getDOMRangeRect } from './field/lexical/utils/getDOMRangeRect.js';