@payloadcms/richtext-lexical 3.0.0-beta.24 → 3.0.0-beta.25

package/dist/field/features/blocks/populationPromise.js

@@ -1,6 +1,6 @@
 import { recurseNestedFields } from '../../../populate/recurseNestedFields.js';
 export const blockPopulationPromiseHOC = (props)=>{
-    const blockPopulationPromise = ({ context, currentDepth, depth, editorPopulationPromises, fieldPromises, findMany, flattenLocales, node, overrideAccess, populationPromises, req, showHiddenFields, siblingDoc })=>{
+    const blockPopulationPromise = ({ context, currentDepth, depth, draft, editorPopulationPromises, fieldPromises, findMany, flattenLocales, node, overrideAccess, populationPromises, req, showHiddenFields, siblingDoc })=>{
         const blockFieldData = node.fields;
         // find block used in this node
         const block = props.blocks.find((block)=>block.slug === blockFieldData.blockType);
@@ -22,6 +22,7 @@ export const blockPopulationPromiseHOC = (props)=>{
             req,
             showHiddenFields,
             // The afterReadPromise gets its data from looking for field.name inside the siblingDoc. Thus, here we cannot pass the whole document's siblingDoc, but only the siblingDoc (sibling fields) of the current field.
+            draft,
             siblingDoc: blockFieldData
         });
     };

package/dist/field/features/blocks/populationPromise.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/features/blocks/populationPromise.ts"],"sourcesContent":["import type { PopulationPromise } from '../types.js'\nimport type { BlocksFeatureProps } from './feature.server.js'\nimport type { SerializedBlockNode } from './nodes/BlocksNode.js'\n\nimport { recurseNestedFields } from '../../../populate/recurseNestedFields.js'\n\nexport const blockPopulationPromiseHOC = (\n  props: BlocksFeatureProps,\n): PopulationPromise<SerializedBlockNode> => {\n  const blockPopulationPromise: PopulationPromise<SerializedBlockNode> = ({\n    context,\n    currentDepth,\n    depth,\n    editorPopulationPromises,\n    fieldPromises,\n    findMany,\n    flattenLocales,\n    node,\n    overrideAccess,\n    populationPromises,\n    req,\n    showHiddenFields,\n    siblingDoc,\n  }) => {\n    const blockFieldData = node.fields\n\n    // find block used in this node\n    const block = props.blocks.find((block) => block.slug === blockFieldData.blockType)\n    if (!block || !block?.fields?.length || !blockFieldData) {\n      return\n    }\n\n    recurseNestedFields({\n      context,\n      currentDepth,\n      data: blockFieldData,\n      depth,\n      editorPopulationPromises,\n      fieldPromises,\n      fields: block.fields,\n      findMany,\n      flattenLocales,\n      overrideAccess,\n      populationPromises,\n      req,\n      showHiddenFields,\n      // The afterReadPromise gets its data from looking for field.name inside the siblingDoc. Thus, here we cannot pass the whole document's siblingDoc, but only the siblingDoc (sibling fields) of the current field.\n      siblingDoc: blockFieldData,\n    })\n  }\n\n  return blockPopulationPromise\n}\n"],"names":["recurseNestedFields","blockPopulationPromiseHOC","props","blockPopulationPromise","context","currentDepth","depth","editorPopulationPromises","fieldPromises","findMany","flattenLocales","node","overrideAccess","populationPromises","req","showHiddenFields","siblingDoc","blockFieldData","fields","block","blocks","find","slug","blockType","length","data"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAIA,SAASA,mBAAmB,QAAQ,2CAA0C;AAE9E,OAAO,MAAMC,4BAA4B,CACvCC;IAEA,MAAMC,yBAAiE,CAAC,EACtEC,OAAO,EACPC,YAAY,EACZC,KAAK,EACLC,wBAAwB,EACxBC,aAAa,EACbC,QAAQ,EACRC,cAAc,EACdC,IAAI,EACJC,cAAc,EACdC,kBAAkB,EAClBC,GAAG,EACHC,gBAAgB,EAChBC,UAAU,EACX;QACC,MAAMC,iBAAiBN,KAAKO,MAAM;QAElC,+BAA+B;QAC/B,MAAMC,QAAQjB,MAAMkB,MAAM,CAACC,IAAI,CAAC,CAACF,QAAUA,MAAMG,IAAI,KAAKL,eAAeM,SAAS;QAClF,IAAI,CAACJ,SAAS,CAACA,OAAOD,QAAQM,UAAU,CAACP,gBAAgB;YACvD;QACF;QAEAjB,oBAAoB;YAClBI;YACAC;YACAoB,MAAMR;YACNX;YACAC;YACAC;YACAU,QAAQC,MAAMD,MAAM;YACpBT;YACAC;YACAE;YACAC;YACAC;YACAC;YACA,kNAAkN;YAClNC,YAAYC;QACd;IACF;IAEA,OAAOd;AACT,EAAC"}
+{"version":3,"sources":["../../../../src/field/features/blocks/populationPromise.ts"],"sourcesContent":["import type { PopulationPromise } from '../types.js'\nimport type { BlocksFeatureProps } from './feature.server.js'\nimport type { SerializedBlockNode } from './nodes/BlocksNode.js'\n\nimport { recurseNestedFields } from '../../../populate/recurseNestedFields.js'\n\nexport const blockPopulationPromiseHOC = (\n  props: BlocksFeatureProps,\n): PopulationPromise<SerializedBlockNode> => {\n  const blockPopulationPromise: PopulationPromise<SerializedBlockNode> = ({\n    context,\n    currentDepth,\n    depth,\n    draft,\n    editorPopulationPromises,\n    fieldPromises,\n    findMany,\n    flattenLocales,\n    node,\n    overrideAccess,\n    populationPromises,\n    req,\n    showHiddenFields,\n    siblingDoc,\n  }) => {\n    const blockFieldData = node.fields\n\n    // find block used in this node\n    const block = props.blocks.find((block) => block.slug === blockFieldData.blockType)\n    if (!block || !block?.fields?.length || !blockFieldData) {\n      return\n    }\n\n    recurseNestedFields({\n      context,\n      currentDepth,\n      data: blockFieldData,\n      depth,\n      editorPopulationPromises,\n      fieldPromises,\n      fields: block.fields,\n      findMany,\n      flattenLocales,\n      overrideAccess,\n      populationPromises,\n      req,\n      showHiddenFields,\n      // The afterReadPromise gets its data from looking for field.name inside the siblingDoc. Thus, here we cannot pass the whole document's siblingDoc, but only the siblingDoc (sibling fields) of the current field.\n      draft,\n      siblingDoc: blockFieldData,\n    })\n  }\n\n  return blockPopulationPromise\n}\n"],"names":["recurseNestedFields","blockPopulationPromiseHOC","props","blockPopulationPromise","context","currentDepth","depth","draft","editorPopulationPromises","fieldPromises","findMany","flattenLocales","node","overrideAccess","populationPromises","req","showHiddenFields","siblingDoc","blockFieldData","fields","block","blocks","find","slug","blockType","length","data"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAIA,SAASA,mBAAmB,QAAQ,2CAA0C;AAE9E,OAAO,MAAMC,4BAA4B,CACvCC;IAEA,MAAMC,yBAAiE,CAAC,EACtEC,OAAO,EACPC,YAAY,EACZC,KAAK,EACLC,KAAK,EACLC,wBAAwB,EACxBC,aAAa,EACbC,QAAQ,EACRC,cAAc,EACdC,IAAI,EACJC,cAAc,EACdC,kBAAkB,EAClBC,GAAG,EACHC,gBAAgB,EAChBC,UAAU,EACX;QACC,MAAMC,iBAAiBN,KAAKO,MAAM;QAElC,+BAA+B;QAC/B,MAAMC,QAAQlB,MAAMmB,MAAM,CAACC,IAAI,CAAC,CAACF,QAAUA,MAAMG,IAAI,KAAKL,eAAeM,SAAS;QAClF,IAAI,CAACJ,SAAS,CAACA,OAAOD,QAAQM,UAAU,CAACP,gBAAgB;YACvD;QACF;QAEAlB,oBAAoB;YAClBI;YACAC;YACAqB,MAAMR;YACNZ;YACAE;YACAC;YACAU,QAAQC,MAAMD,MAAM;YACpBT;YACAC;YACAE;YACAC;YACAC;YACAC;YACA,kNAAkN;YAClNT;YACAU,YAAYC;QACd;IACF;IAEA,OAAOf;AACT,EAAC"}

package/dist/field/features/format/bold/feature.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/format/bold/feature.client.tsx"],"names":[],"mappings":";AAoDA,eAAO,MAAM,0BAA0B,+BAA2C,CAAA"}
+{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/format/bold/feature.client.tsx"],"names":[],"mappings":";AA0DA,eAAO,MAAM,0BAA0B,+BAA2C,CAAA"}

package/dist/field/features/format/bold/feature.client.js

@@ -2,8 +2,26 @@
 import { $isRangeSelection, FORMAT_TEXT_COMMAND } from 'lexical';
 import { BoldIcon } from '../../../lexical/ui/icons/Bold/index.js';
 import { createClientComponent } from '../../createClientComponent.js';
-import { inlineToolbarFormatGroupWithItems } from '../shared/inlineToolbarFormatGroup.js';
+import { toolbarFormatGroupWithItems } from '../shared/toolbarFormatGroup.js';
 import { BOLD_ITALIC_STAR, BOLD_ITALIC_UNDERSCORE, BOLD_STAR, BOLD_UNDERSCORE } from './markdownTransformers.js';
+const toolbarGroups = [
+    toolbarFormatGroupWithItems([
+        {
+            ChildComponent: BoldIcon,
+            isActive: ({ selection })=>{
+                if ($isRangeSelection(selection)) {
+                    return selection.hasFormat('bold');
+                }
+                return false;
+            },
+            key: 'bold',
+            onSelect: ({ editor })=>{
+                editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'bold');
+            },
+            order: 1
+        }
+    ])
+];
 const BoldFeatureClient = (props)=>{
     return {
         clientFeatureProps: props,
@@ -18,25 +36,11 @@ const BoldFeatureClient = (props)=>{
             return {
                 clientFeatureProps: props,
                 markdownTransformers,
+                toolbarFixed: {
+                    groups: toolbarGroups
+                },
                 toolbarInline: {
-                    groups: [
-                        inlineToolbarFormatGroupWithItems([
-                            {
-                                ChildComponent: BoldIcon,
-                                isActive: ({ selection })=>{
-                                    if ($isRangeSelection(selection)) {
-                                        return selection.hasFormat('bold');
-                                    }
-                                    return false;
-                                },
-                                key: 'bold',
-                                onSelect: ({ editor })=>{
-                                    editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'bold');
-                                },
-                                order: 1
-                            }
-                        ])
-                    ]
+                    groups: toolbarGroups
                 }
             };
         }

package/dist/field/features/format/bold/feature.client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/field/features/format/bold/feature.client.tsx"],"sourcesContent":["'use client'\nimport { $isRangeSelection, FORMAT_TEXT_COMMAND } from 'lexical'\n\nimport type { FeatureProviderProviderClient } from '../../types.js'\n\nimport { BoldIcon } from '../../../lexical/ui/icons/Bold/index.js'\nimport { createClientComponent } from '../../createClientComponent.js'\nimport { inlineToolbarFormatGroupWithItems } from '../shared/inlineToolbarFormatGroup.js'\nimport {\n  BOLD_ITALIC_STAR,\n  BOLD_ITALIC_UNDERSCORE,\n  BOLD_STAR,\n  BOLD_UNDERSCORE,\n} from './markdownTransformers.js'\n\nconst BoldFeatureClient: FeatureProviderProviderClient<undefined> = (props) => {\n  return {\n    clientFeatureProps: props,\n    feature: ({ featureProviderMap }) => {\n      const markdownTransformers = [BOLD_STAR, BOLD_UNDERSCORE]\n      if (featureProviderMap.get('italic')) {\n        markdownTransformers.push(BOLD_ITALIC_UNDERSCORE, BOLD_ITALIC_STAR)\n      }\n\n      return {\n        clientFeatureProps: props,\n        markdownTransformers,\n        toolbarInline: {\n          groups: [\n            inlineToolbarFormatGroupWithItems([\n              {\n                ChildComponent: BoldIcon,\n                isActive: ({ selection }) => {\n                  if ($isRangeSelection(selection)) {\n                    return selection.hasFormat('bold')\n                  }\n                  return false\n                },\n                key: 'bold',\n                onSelect: ({ editor }) => {\n                  editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'bold')\n                },\n                order: 1,\n              },\n            ]),\n          ],\n        },\n      }\n    },\n  }\n}\n\nexport const BoldFeatureClientComponent = createClientComponent(BoldFeatureClient)\n"],"names":["$isRangeSelection","FORMAT_TEXT_COMMAND","BoldIcon","createClientComponent","inlineToolbarFormatGroupWithItems","BOLD_ITALIC_STAR","BOLD_ITALIC_UNDERSCORE","BOLD_STAR","BOLD_UNDERSCORE","BoldFeatureClient","props","clientFeatureProps","feature","featureProviderMap","markdownTransformers","get","push","toolbarInline","groups","ChildComponent","isActive","selection","hasFormat","key","onSelect","editor","dispatchCommand","order","BoldFeatureClientComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,SAASA,iBAAiB,EAAEC,mBAAmB,QAAQ,UAAS;AAIhE,SAASC,QAAQ,QAAQ,0CAAyC;AAClE,SAASC,qBAAqB,QAAQ,iCAAgC;AACtE,SAASC,iCAAiC,QAAQ,wCAAuC;AACzF,SACEC,gBAAgB,EAChBC,sBAAsB,EACtBC,SAAS,EACTC,eAAe,QACV,4BAA2B;AAElC,MAAMC,oBAA8D,CAACC;IACnE,OAAO;QACLC,oBAAoBD;QACpBE,SAAS,CAAC,EAAEC,kBAAkB,EAAE;YAC9B,MAAMC,uBAAuB;gBAACP;gBAAWC;aAAgB;YACzD,IAAIK,mBAAmBE,GAAG,CAAC,WAAW;gBACpCD,qBAAqBE,IAAI,CAACV,wBAAwBD;YACpD;YAEA,OAAO;gBACLM,oBAAoBD;gBACpBI;gBACAG,eAAe;oBACbC,QAAQ;wBACNd,kCAAkC;4BAChC;gCACEe,gBAAgBjB;gCAChBkB,UAAU,CAAC,EAAEC,SAAS,EAAE;oCACtB,IAAIrB,kBAAkBqB,YAAY;wCAChC,OAAOA,UAAUC,SAAS,CAAC;oCAC7B;oCACA,OAAO;gCACT;gCACAC,KAAK;gCACLC,UAAU,CAAC,EAAEC,MAAM,EAAE;oCACnBA,OAAOC,eAAe,CAACzB,qBAAqB;gCAC9C;gCACA0B,OAAO;4BACT;yBACD;qBACF;gBACH;YACF;QACF;IACF;AACF;AAEA,OAAO,MAAMC,6BAA6BzB,sBAAsBM,mBAAkB"}
+{"version":3,"sources":["../../../../../src/field/features/format/bold/feature.client.tsx"],"sourcesContent":["'use client'\nimport { $isRangeSelection, FORMAT_TEXT_COMMAND } from 'lexical'\n\nimport type { ToolbarGroup } from '../../toolbars/types.js'\nimport type { FeatureProviderProviderClient } from '../../types.js'\n\nimport { BoldIcon } from '../../../lexical/ui/icons/Bold/index.js'\nimport { createClientComponent } from '../../createClientComponent.js'\nimport { toolbarFormatGroupWithItems } from '../shared/toolbarFormatGroup.js'\nimport {\n  BOLD_ITALIC_STAR,\n  BOLD_ITALIC_UNDERSCORE,\n  BOLD_STAR,\n  BOLD_UNDERSCORE,\n} from './markdownTransformers.js'\n\nconst toolbarGroups: ToolbarGroup[] = [\n  toolbarFormatGroupWithItems([\n    {\n      ChildComponent: BoldIcon,\n      isActive: ({ selection }) => {\n        if ($isRangeSelection(selection)) {\n          return selection.hasFormat('bold')\n        }\n        return false\n      },\n      key: 'bold',\n      onSelect: ({ editor }) => {\n        editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'bold')\n      },\n      order: 1,\n    },\n  ]),\n]\n\nconst BoldFeatureClient: FeatureProviderProviderClient<undefined> = (props) => {\n  return {\n    clientFeatureProps: props,\n    feature: ({ featureProviderMap }) => {\n      const markdownTransformers = [BOLD_STAR, BOLD_UNDERSCORE]\n      if (featureProviderMap.get('italic')) {\n        markdownTransformers.push(BOLD_ITALIC_UNDERSCORE, BOLD_ITALIC_STAR)\n      }\n\n      return {\n        clientFeatureProps: props,\n        markdownTransformers,\n        toolbarFixed: {\n          groups: toolbarGroups,\n        },\n        toolbarInline: {\n          groups: toolbarGroups,\n        },\n      }\n    },\n  }\n}\n\nexport const BoldFeatureClientComponent = createClientComponent(BoldFeatureClient)\n"],"names":["$isRangeSelection","FORMAT_TEXT_COMMAND","BoldIcon","createClientComponent","toolbarFormatGroupWithItems","BOLD_ITALIC_STAR","BOLD_ITALIC_UNDERSCORE","BOLD_STAR","BOLD_UNDERSCORE","toolbarGroups","ChildComponent","isActive","selection","hasFormat","key","onSelect","editor","dispatchCommand","order","BoldFeatureClient","props","clientFeatureProps","feature","featureProviderMap","markdownTransformers","get","push","toolbarFixed","groups","toolbarInline","BoldFeatureClientComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,SAASA,iBAAiB,EAAEC,mBAAmB,QAAQ,UAAS;AAKhE,SAASC,QAAQ,QAAQ,0CAAyC;AAClE,SAASC,qBAAqB,QAAQ,iCAAgC;AACtE,SAASC,2BAA2B,QAAQ,kCAAiC;AAC7E,SACEC,gBAAgB,EAChBC,sBAAsB,EACtBC,SAAS,EACTC,eAAe,QACV,4BAA2B;AAElC,MAAMC,gBAAgC;IACpCL,4BAA4B;QAC1B;YACEM,gBAAgBR;YAChBS,UAAU,CAAC,EAAEC,SAAS,EAAE;gBACtB,IAAIZ,kBAAkBY,YAAY;oBAChC,OAAOA,UAAUC,SAAS,CAAC;gBAC7B;gBACA,OAAO;YACT;YACAC,KAAK;YACLC,UAAU,CAAC,EAAEC,MAAM,EAAE;gBACnBA,OAAOC,eAAe,CAAChB,qBAAqB;YAC9C;YACAiB,OAAO;QACT;KACD;CACF;AAED,MAAMC,oBAA8D,CAACC;IACnE,OAAO;QACLC,oBAAoBD;QACpBE,SAAS,CAAC,EAAEC,kBAAkB,EAAE;YAC9B,MAAMC,uBAAuB;gBAACjB;gBAAWC;aAAgB;YACzD,IAAIe,mBAAmBE,GAAG,CAAC,WAAW;gBACpCD,qBAAqBE,IAAI,CAACpB,wBAAwBD;YACpD;YAEA,OAAO;gBACLgB,oBAAoBD;gBACpBI;gBACAG,cAAc;oBACZC,QAAQnB;gBACV;gBACAoB,eAAe;oBACbD,QAAQnB;gBACV;YACF;QACF;IACF;AACF;AAEA,OAAO,MAAMqB,6BAA6B3B,sBAAsBgB,mBAAkB"}

package/dist/field/features/format/inlineCode/feature.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/format/inlineCode/feature.client.tsx"],"names":[],"mappings":";AA4CA,eAAO,MAAM,gCAAgC,+BAAiD,CAAA"}
+{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/format/inlineCode/feature.client.tsx"],"names":[],"mappings":";AAkDA,eAAO,MAAM,gCAAgC,+BAAiD,CAAA"}

package/dist/field/features/format/inlineCode/feature.client.js

@@ -2,8 +2,26 @@
 import { $isRangeSelection, FORMAT_TEXT_COMMAND } from 'lexical';
 import { CodeIcon } from '../../../lexical/ui/icons/Code/index.js';
 import { createClientComponent } from '../../createClientComponent.js';
-import { inlineToolbarFormatGroupWithItems } from '../shared/inlineToolbarFormatGroup.js';
+import { toolbarFormatGroupWithItems } from '../shared/toolbarFormatGroup.js';
 import { INLINE_CODE } from './markdownTransformers.js';
+const toolbarGroups = [
+    toolbarFormatGroupWithItems([
+        {
+            ChildComponent: CodeIcon,
+            isActive: ({ selection })=>{
+                if ($isRangeSelection(selection)) {
+                    return selection.hasFormat('code');
+                }
+                return false;
+            },
+            key: 'inlineCode',
+            onSelect: ({ editor })=>{
+                editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'code');
+            },
+            order: 7
+        }
+    ])
+];
 const InlineCodeFeatureClient = (props)=>{
     return {
         clientFeatureProps: props,
@@ -13,25 +31,11 @@ const InlineCodeFeatureClient = (props)=>{
                 markdownTransformers: [
                     INLINE_CODE
                 ],
+                toolbarFixed: {
+                    groups: toolbarGroups
+                },
                 toolbarInline: {
-                    groups: [
-                        inlineToolbarFormatGroupWithItems([
-                            {
-                                ChildComponent: CodeIcon,
-                                isActive: ({ selection })=>{
-                                    if ($isRangeSelection(selection)) {
-                                        return selection.hasFormat('code');
-                                    }
-                                    return false;
-                                },
-                                key: 'inlineCode',
-                                onSelect: ({ editor })=>{
-                                    editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'code');
-                                },
-                                order: 7
-                            }
-                        ])
-                    ]
+                    groups: toolbarGroups
                 }
             };
         }

package/dist/field/features/format/inlineCode/feature.client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/field/features/format/inlineCode/feature.client.tsx"],"sourcesContent":["'use client'\n\nimport { $isRangeSelection, FORMAT_TEXT_COMMAND } from 'lexical'\n\nimport type { FeatureProviderProviderClient } from '../../types.js'\n\nimport { CodeIcon } from '../../../lexical/ui/icons/Code/index.js'\nimport { createClientComponent } from '../../createClientComponent.js'\nimport { inlineToolbarFormatGroupWithItems } from '../shared/inlineToolbarFormatGroup.js'\nimport { INLINE_CODE } from './markdownTransformers.js'\n\nconst InlineCodeFeatureClient: FeatureProviderProviderClient<undefined> = (props) => {\n  return {\n    clientFeatureProps: props,\n    feature: () => {\n      return {\n        clientFeatureProps: props,\n        markdownTransformers: [INLINE_CODE],\n\n        toolbarInline: {\n          groups: [\n            inlineToolbarFormatGroupWithItems([\n              {\n                ChildComponent: CodeIcon,\n                isActive: ({ selection }) => {\n                  if ($isRangeSelection(selection)) {\n                    return selection.hasFormat('code')\n                  }\n                  return false\n                },\n                key: 'inlineCode',\n                onSelect: ({ editor }) => {\n                  editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'code')\n                },\n                order: 7,\n              },\n            ]),\n          ],\n        },\n      }\n    },\n  }\n}\n\nexport const InlineCodeFeatureClientComponent = createClientComponent(InlineCodeFeatureClient)\n"],"names":["$isRangeSelection","FORMAT_TEXT_COMMAND","CodeIcon","createClientComponent","inlineToolbarFormatGroupWithItems","INLINE_CODE","InlineCodeFeatureClient","props","clientFeatureProps","feature","markdownTransformers","toolbarInline","groups","ChildComponent","isActive","selection","hasFormat","key","onSelect","editor","dispatchCommand","order","InlineCodeFeatureClientComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,SAASA,iBAAiB,EAAEC,mBAAmB,QAAQ,UAAS;AAIhE,SAASC,QAAQ,QAAQ,0CAAyC;AAClE,SAASC,qBAAqB,QAAQ,iCAAgC;AACtE,SAASC,iCAAiC,QAAQ,wCAAuC;AACzF,SAASC,WAAW,QAAQ,4BAA2B;AAEvD,MAAMC,0BAAoE,CAACC;IACzE,OAAO;QACLC,oBAAoBD;QACpBE,SAAS;YACP,OAAO;gBACLD,oBAAoBD;gBACpBG,sBAAsB;oBAACL;iBAAY;gBAEnCM,eAAe;oBACbC,QAAQ;wBACNR,kCAAkC;4BAChC;gCACES,gBAAgBX;gCAChBY,UAAU,CAAC,EAAEC,SAAS,EAAE;oCACtB,IAAIf,kBAAkBe,YAAY;wCAChC,OAAOA,UAAUC,SAAS,CAAC;oCAC7B;oCACA,OAAO;gCACT;gCACAC,KAAK;gCACLC,UAAU,CAAC,EAAEC,MAAM,EAAE;oCACnBA,OAAOC,eAAe,CAACnB,qBAAqB;gCAC9C;gCACAoB,OAAO;4BACT;yBACD;qBACF;gBACH;YACF;QACF;IACF;AACF;AAEA,OAAO,MAAMC,mCAAmCnB,sBAAsBG,yBAAwB"}
+{"version":3,"sources":["../../../../../src/field/features/format/inlineCode/feature.client.tsx"],"sourcesContent":["'use client'\n\nimport { $isRangeSelection, FORMAT_TEXT_COMMAND } from 'lexical'\n\nimport type { ToolbarGroup } from '../../toolbars/types.js'\nimport type { FeatureProviderProviderClient } from '../../types.js'\n\nimport { CodeIcon } from '../../../lexical/ui/icons/Code/index.js'\nimport { createClientComponent } from '../../createClientComponent.js'\nimport { toolbarFormatGroupWithItems } from '../shared/toolbarFormatGroup.js'\nimport { INLINE_CODE } from './markdownTransformers.js'\n\nconst toolbarGroups: ToolbarGroup[] = [\n  toolbarFormatGroupWithItems([\n    {\n      ChildComponent: CodeIcon,\n      isActive: ({ selection }) => {\n        if ($isRangeSelection(selection)) {\n          return selection.hasFormat('code')\n        }\n        return false\n      },\n      key: 'inlineCode',\n      onSelect: ({ editor }) => {\n        editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'code')\n      },\n      order: 7,\n    },\n  ]),\n]\n\nconst InlineCodeFeatureClient: FeatureProviderProviderClient<undefined> = (props) => {\n  return {\n    clientFeatureProps: props,\n    feature: () => {\n      return {\n        clientFeatureProps: props,\n        markdownTransformers: [INLINE_CODE],\n\n        toolbarFixed: {\n          groups: toolbarGroups,\n        },\n        toolbarInline: {\n          groups: toolbarGroups,\n        },\n      }\n    },\n  }\n}\n\nexport const InlineCodeFeatureClientComponent = createClientComponent(InlineCodeFeatureClient)\n"],"names":["$isRangeSelection","FORMAT_TEXT_COMMAND","CodeIcon","createClientComponent","toolbarFormatGroupWithItems","INLINE_CODE","toolbarGroups","ChildComponent","isActive","selection","hasFormat","key","onSelect","editor","dispatchCommand","order","InlineCodeFeatureClient","props","clientFeatureProps","feature","markdownTransformers","toolbarFixed","groups","toolbarInline","InlineCodeFeatureClientComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,SAASA,iBAAiB,EAAEC,mBAAmB,QAAQ,UAAS;AAKhE,SAASC,QAAQ,QAAQ,0CAAyC;AAClE,SAASC,qBAAqB,QAAQ,iCAAgC;AACtE,SAASC,2BAA2B,QAAQ,kCAAiC;AAC7E,SAASC,WAAW,QAAQ,4BAA2B;AAEvD,MAAMC,gBAAgC;IACpCF,4BAA4B;QAC1B;YACEG,gBAAgBL;YAChBM,UAAU,CAAC,EAAEC,SAAS,EAAE;gBACtB,IAAIT,kBAAkBS,YAAY;oBAChC,OAAOA,UAAUC,SAAS,CAAC;gBAC7B;gBACA,OAAO;YACT;YACAC,KAAK;YACLC,UAAU,CAAC,EAAEC,MAAM,EAAE;gBACnBA,OAAOC,eAAe,CAACb,qBAAqB;YAC9C;YACAc,OAAO;QACT;KACD;CACF;AAED,MAAMC,0BAAoE,CAACC;IACzE,OAAO;QACLC,oBAAoBD;QACpBE,SAAS;YACP,OAAO;gBACLD,oBAAoBD;gBACpBG,sBAAsB;oBAACf;iBAAY;gBAEnCgB,cAAc;oBACZC,QAAQhB;gBACV;gBACAiB,eAAe;oBACbD,QAAQhB;gBACV;YACF;QACF;IACF;AACF;AAEA,OAAO,MAAMkB,mCAAmCrB,sBAAsBa,yBAAwB"}

package/dist/field/features/format/italic/feature.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/format/italic/feature.client.tsx"],"names":[],"mappings":";AA4CA,eAAO,MAAM,4BAA4B,+BAA6C,CAAA"}
+{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/format/italic/feature.client.tsx"],"names":[],"mappings":";AAkDA,eAAO,MAAM,4BAA4B,+BAA6C,CAAA"}

package/dist/field/features/format/italic/feature.client.js

@@ -2,8 +2,26 @@
 import { $isRangeSelection, FORMAT_TEXT_COMMAND } from 'lexical';
 import { ItalicIcon } from '../../../lexical/ui/icons/Italic/index.js';
 import { createClientComponent } from '../../createClientComponent.js';
-import { inlineToolbarFormatGroupWithItems } from '../shared/inlineToolbarFormatGroup.js';
+import { toolbarFormatGroupWithItems } from '../shared/toolbarFormatGroup.js';
 import { ITALIC_STAR, ITALIC_UNDERSCORE } from './markdownTransformers.js';
+const toolbarGroups = [
+    toolbarFormatGroupWithItems([
+        {
+            ChildComponent: ItalicIcon,
+            isActive: ({ selection })=>{
+                if ($isRangeSelection(selection)) {
+                    return selection.hasFormat('italic');
+                }
+                return false;
+            },
+            key: 'italic',
+            onSelect: ({ editor })=>{
+                editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'italic');
+            },
+            order: 2
+        }
+    ])
+];
 const ItalicFeatureClient = (props)=>{
     return {
         clientFeatureProps: props,
@@ -14,25 +32,11 @@ const ItalicFeatureClient = (props)=>{
                     ITALIC_STAR,
                     ITALIC_UNDERSCORE
                 ],
+                toolbarFixed: {
+                    groups: toolbarGroups
+                },
                 toolbarInline: {
-                    groups: [
-                        inlineToolbarFormatGroupWithItems([
-                            {
-                                ChildComponent: ItalicIcon,
-                                isActive: ({ selection })=>{
-                                    if ($isRangeSelection(selection)) {
-                                        return selection.hasFormat('italic');
-                                    }
-                                    return false;
-                                },
-                                key: 'italic',
-                                onSelect: ({ editor })=>{
-                                    editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'italic');
-                                },
-                                order: 2
-                            }
-                        ])
-                    ]
+                    groups: toolbarGroups
                 }
             };
         }

package/dist/field/features/format/italic/feature.client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/field/features/format/italic/feature.client.tsx"],"sourcesContent":["'use client'\n\nimport { $isRangeSelection, FORMAT_TEXT_COMMAND } from 'lexical'\n\nimport type { FeatureProviderProviderClient } from '../../types.js'\n\nimport { ItalicIcon } from '../../../lexical/ui/icons/Italic/index.js'\nimport { createClientComponent } from '../../createClientComponent.js'\nimport { inlineToolbarFormatGroupWithItems } from '../shared/inlineToolbarFormatGroup.js'\nimport { ITALIC_STAR, ITALIC_UNDERSCORE } from './markdownTransformers.js'\n\nconst ItalicFeatureClient: FeatureProviderProviderClient<undefined> = (props) => {\n  return {\n    clientFeatureProps: props,\n    feature: () => {\n      return {\n        clientFeatureProps: props,\n\n        markdownTransformers: [ITALIC_STAR, ITALIC_UNDERSCORE],\n        toolbarInline: {\n          groups: [\n            inlineToolbarFormatGroupWithItems([\n              {\n                ChildComponent: ItalicIcon,\n                isActive: ({ selection }) => {\n                  if ($isRangeSelection(selection)) {\n                    return selection.hasFormat('italic')\n                  }\n                  return false\n                },\n                key: 'italic',\n                onSelect: ({ editor }) => {\n                  editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'italic')\n                },\n                order: 2,\n              },\n            ]),\n          ],\n        },\n      }\n    },\n  }\n}\n\nexport const ItalicFeatureClientComponent = createClientComponent(ItalicFeatureClient)\n"],"names":["$isRangeSelection","FORMAT_TEXT_COMMAND","ItalicIcon","createClientComponent","inlineToolbarFormatGroupWithItems","ITALIC_STAR","ITALIC_UNDERSCORE","ItalicFeatureClient","props","clientFeatureProps","feature","markdownTransformers","toolbarInline","groups","ChildComponent","isActive","selection","hasFormat","key","onSelect","editor","dispatchCommand","order","ItalicFeatureClientComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,SAASA,iBAAiB,EAAEC,mBAAmB,QAAQ,UAAS;AAIhE,SAASC,UAAU,QAAQ,4CAA2C;AACtE,SAASC,qBAAqB,QAAQ,iCAAgC;AACtE,SAASC,iCAAiC,QAAQ,wCAAuC;AACzF,SAASC,WAAW,EAAEC,iBAAiB,QAAQ,4BAA2B;AAE1E,MAAMC,sBAAgE,CAACC;IACrE,OAAO;QACLC,oBAAoBD;QACpBE,SAAS;YACP,OAAO;gBACLD,oBAAoBD;gBAEpBG,sBAAsB;oBAACN;oBAAaC;iBAAkB;gBACtDM,eAAe;oBACbC,QAAQ;wBACNT,kCAAkC;4BAChC;gCACEU,gBAAgBZ;gCAChBa,UAAU,CAAC,EAAEC,SAAS,EAAE;oCACtB,IAAIhB,kBAAkBgB,YAAY;wCAChC,OAAOA,UAAUC,SAAS,CAAC;oCAC7B;oCACA,OAAO;gCACT;gCACAC,KAAK;gCACLC,UAAU,CAAC,EAAEC,MAAM,EAAE;oCACnBA,OAAOC,eAAe,CAACpB,qBAAqB;gCAC9C;gCACAqB,OAAO;4BACT;yBACD;qBACF;gBACH;YACF;QACF;IACF;AACF;AAEA,OAAO,MAAMC,+BAA+BpB,sBAAsBI,qBAAoB"}
+{"version":3,"sources":["../../../../../src/field/features/format/italic/feature.client.tsx"],"sourcesContent":["'use client'\n\nimport { $isRangeSelection, FORMAT_TEXT_COMMAND } from 'lexical'\n\nimport type { ToolbarGroup } from '../../toolbars/types.js'\nimport type { FeatureProviderProviderClient } from '../../types.js'\n\nimport { ItalicIcon } from '../../../lexical/ui/icons/Italic/index.js'\nimport { createClientComponent } from '../../createClientComponent.js'\nimport { toolbarFormatGroupWithItems } from '../shared/toolbarFormatGroup.js'\nimport { ITALIC_STAR, ITALIC_UNDERSCORE } from './markdownTransformers.js'\n\nconst toolbarGroups: ToolbarGroup[] = [\n  toolbarFormatGroupWithItems([\n    {\n      ChildComponent: ItalicIcon,\n      isActive: ({ selection }) => {\n        if ($isRangeSelection(selection)) {\n          return selection.hasFormat('italic')\n        }\n        return false\n      },\n      key: 'italic',\n      onSelect: ({ editor }) => {\n        editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'italic')\n      },\n      order: 2,\n    },\n  ]),\n]\n\nconst ItalicFeatureClient: FeatureProviderProviderClient<undefined> = (props) => {\n  return {\n    clientFeatureProps: props,\n    feature: () => {\n      return {\n        clientFeatureProps: props,\n\n        markdownTransformers: [ITALIC_STAR, ITALIC_UNDERSCORE],\n        toolbarFixed: {\n          groups: toolbarGroups,\n        },\n        toolbarInline: {\n          groups: toolbarGroups,\n        },\n      }\n    },\n  }\n}\n\nexport const ItalicFeatureClientComponent = createClientComponent(ItalicFeatureClient)\n"],"names":["$isRangeSelection","FORMAT_TEXT_COMMAND","ItalicIcon","createClientComponent","toolbarFormatGroupWithItems","ITALIC_STAR","ITALIC_UNDERSCORE","toolbarGroups","ChildComponent","isActive","selection","hasFormat","key","onSelect","editor","dispatchCommand","order","ItalicFeatureClient","props","clientFeatureProps","feature","markdownTransformers","toolbarFixed","groups","toolbarInline","ItalicFeatureClientComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,SAASA,iBAAiB,EAAEC,mBAAmB,QAAQ,UAAS;AAKhE,SAASC,UAAU,QAAQ,4CAA2C;AACtE,SAASC,qBAAqB,QAAQ,iCAAgC;AACtE,SAASC,2BAA2B,QAAQ,kCAAiC;AAC7E,SAASC,WAAW,EAAEC,iBAAiB,QAAQ,4BAA2B;AAE1E,MAAMC,gBAAgC;IACpCH,4BAA4B;QAC1B;YACEI,gBAAgBN;YAChBO,UAAU,CAAC,EAAEC,SAAS,EAAE;gBACtB,IAAIV,kBAAkBU,YAAY;oBAChC,OAAOA,UAAUC,SAAS,CAAC;gBAC7B;gBACA,OAAO;YACT;YACAC,KAAK;YACLC,UAAU,CAAC,EAAEC,MAAM,EAAE;gBACnBA,OAAOC,eAAe,CAACd,qBAAqB;YAC9C;YACAe,OAAO;QACT;KACD;CACF;AAED,MAAMC,sBAAgE,CAACC;IACrE,OAAO;QACLC,oBAAoBD;QACpBE,SAAS;YACP,OAAO;gBACLD,oBAAoBD;gBAEpBG,sBAAsB;oBAAChB;oBAAaC;iBAAkB;gBACtDgB,cAAc;oBACZC,QAAQhB;gBACV;gBACAiB,eAAe;oBACbD,QAAQhB;gBACV;YACF;QACF;IACF;AACF;AAEA,OAAO,MAAMkB,+BAA+BtB,sBAAsBc,qBAAoB"}

package/dist/field/features/format/shared/toolbarFormatGroup.d.ts

@@ -0,0 +1,3 @@
+import type { ToolbarGroup, ToolbarGroupItem } from '../../toolbars/types.js';
+export declare const toolbarFormatGroupWithItems: (items: ToolbarGroupItem[]) => ToolbarGroup;
+//# sourceMappingURL=toolbarFormatGroup.d.ts.map

package/dist/field/features/format/shared/toolbarFormatGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbarFormatGroup.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/format/shared/toolbarFormatGroup.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAE7E,eAAO,MAAM,2BAA2B,UAAW,gBAAgB,EAAE,KAAG,YAOvE,CAAA"}

package/dist/field/features/format/shared/toolbarFormatGroup.js

@@ -0,0 +1,10 @@
+export const toolbarFormatGroupWithItems = (items)=>{
+    return {
+        type: 'buttons',
+        items,
+        key: 'format',
+        order: 40
+    };
+};
+
+//# sourceMappingURL=toolbarFormatGroup.js.map

package/dist/field/features/format/shared/toolbarFormatGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/field/features/format/shared/toolbarFormatGroup.ts"],"sourcesContent":["import type { ToolbarGroup, ToolbarGroupItem } from '../../toolbars/types.js'\n\nexport const toolbarFormatGroupWithItems = (items: ToolbarGroupItem[]): ToolbarGroup => {\n  return {\n    type: 'buttons',\n    items,\n    key: 'format',\n    order: 40,\n  }\n}\n"],"names":["toolbarFormatGroupWithItems","items","type","key","order"],"rangeMappings":";;;;;;;","mappings":"AAEA,OAAO,MAAMA,8BAA8B,CAACC;IAC1C,OAAO;QACLC,MAAM;QACND;QACAE,KAAK;QACLC,OAAO;IACT;AACF,EAAC"}

package/dist/field/features/format/strikethrough/feature.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/format/strikethrough/feature.client.tsx"],"names":[],"mappings":";AA4CA,eAAO,MAAM,mCAAmC,+BAAoD,CAAA"}
+{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/format/strikethrough/feature.client.tsx"],"names":[],"mappings":";AAiDA,eAAO,MAAM,mCAAmC,+BAAoD,CAAA"}

package/dist/field/features/format/strikethrough/feature.client.js

@@ -2,8 +2,26 @@
 import { $isRangeSelection, FORMAT_TEXT_COMMAND } from 'lexical';
 import { StrikethroughIcon } from '../../../lexical/ui/icons/Strikethrough/index.js';
 import { createClientComponent } from '../../createClientComponent.js';
-import { inlineToolbarFormatGroupWithItems } from '../shared/inlineToolbarFormatGroup.js';
+import { toolbarFormatGroupWithItems } from '../shared/toolbarFormatGroup.js';
 import { STRIKETHROUGH } from './markdownTransformers.js';
+const toolbarGroups = [
+    toolbarFormatGroupWithItems([
+        {
+            ChildComponent: StrikethroughIcon,
+            isActive: ({ selection })=>{
+                if ($isRangeSelection(selection)) {
+                    return selection.hasFormat('strikethrough');
+                }
+                return false;
+            },
+            key: 'strikethrough',
+            onSelect: ({ editor })=>{
+                editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'strikethrough');
+            },
+            order: 4
+        }
+    ])
+];
 const StrikethroughFeatureClient = (props)=>{
     return {
         clientFeatureProps: props,
@@ -13,25 +31,11 @@ const StrikethroughFeatureClient = (props)=>{
                 markdownTransformers: [
                     STRIKETHROUGH
                 ],
+                toolbarFixed: {
+                    groups: toolbarGroups
+                },
                 toolbarInline: {
-                    groups: [
-                        inlineToolbarFormatGroupWithItems([
-                            {
-                                ChildComponent: StrikethroughIcon,
-                                isActive: ({ selection })=>{
-                                    if ($isRangeSelection(selection)) {
-                                        return selection.hasFormat('strikethrough');
-                                    }
-                                    return false;
-                                },
-                                key: 'strikethrough',
-                                onSelect: ({ editor })=>{
-                                    editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'strikethrough');
-                                },
-                                order: 4
-                            }
-                        ])
-                    ]
+                    groups: toolbarGroups
                 }
             };
         }

package/dist/field/features/format/strikethrough/feature.client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/field/features/format/strikethrough/feature.client.tsx"],"sourcesContent":["'use client'\n\nimport { $isRangeSelection, FORMAT_TEXT_COMMAND } from 'lexical'\n\nimport type { FeatureProviderProviderClient } from '../../types.js'\n\nimport { StrikethroughIcon } from '../../../lexical/ui/icons/Strikethrough/index.js'\nimport { createClientComponent } from '../../createClientComponent.js'\nimport { inlineToolbarFormatGroupWithItems } from '../shared/inlineToolbarFormatGroup.js'\nimport { STRIKETHROUGH } from './markdownTransformers.js'\n\nconst StrikethroughFeatureClient: FeatureProviderProviderClient<undefined> = (props) => {\n  return {\n    clientFeatureProps: props,\n    feature: () => {\n      return {\n        clientFeatureProps: props,\n\n        markdownTransformers: [STRIKETHROUGH],\n        toolbarInline: {\n          groups: [\n            inlineToolbarFormatGroupWithItems([\n              {\n                ChildComponent: StrikethroughIcon,\n                isActive: ({ selection }) => {\n                  if ($isRangeSelection(selection)) {\n                    return selection.hasFormat('strikethrough')\n                  }\n                  return false\n                },\n                key: 'strikethrough',\n                onSelect: ({ editor }) => {\n                  editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'strikethrough')\n                },\n                order: 4,\n              },\n            ]),\n          ],\n        },\n      }\n    },\n  }\n}\n\nexport const StrikethroughFeatureClientComponent = createClientComponent(StrikethroughFeatureClient)\n"],"names":["$isRangeSelection","FORMAT_TEXT_COMMAND","StrikethroughIcon","createClientComponent","inlineToolbarFormatGroupWithItems","STRIKETHROUGH","StrikethroughFeatureClient","props","clientFeatureProps","feature","markdownTransformers","toolbarInline","groups","ChildComponent","isActive","selection","hasFormat","key","onSelect","editor","dispatchCommand","order","StrikethroughFeatureClientComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,SAASA,iBAAiB,EAAEC,mBAAmB,QAAQ,UAAS;AAIhE,SAASC,iBAAiB,QAAQ,mDAAkD;AACpF,SAASC,qBAAqB,QAAQ,iCAAgC;AACtE,SAASC,iCAAiC,QAAQ,wCAAuC;AACzF,SAASC,aAAa,QAAQ,4BAA2B;AAEzD,MAAMC,6BAAuE,CAACC;IAC5E,OAAO;QACLC,oBAAoBD;QACpBE,SAAS;YACP,OAAO;gBACLD,oBAAoBD;gBAEpBG,sBAAsB;oBAACL;iBAAc;gBACrCM,eAAe;oBACbC,QAAQ;wBACNR,kCAAkC;4BAChC;gCACES,gBAAgBX;gCAChBY,UAAU,CAAC,EAAEC,SAAS,EAAE;oCACtB,IAAIf,kBAAkBe,YAAY;wCAChC,OAAOA,UAAUC,SAAS,CAAC;oCAC7B;oCACA,OAAO;gCACT;gCACAC,KAAK;gCACLC,UAAU,CAAC,EAAEC,MAAM,EAAE;oCACnBA,OAAOC,eAAe,CAACnB,qBAAqB;gCAC9C;gCACAoB,OAAO;4BACT;yBACD;qBACF;gBACH;YACF;QACF;IACF;AACF;AAEA,OAAO,MAAMC,sCAAsCnB,sBAAsBG,4BAA2B"}
+{"version":3,"sources":["../../../../../src/field/features/format/strikethrough/feature.client.tsx"],"sourcesContent":["'use client'\n\nimport { $isRangeSelection, FORMAT_TEXT_COMMAND } from 'lexical'\n\nimport type { FeatureProviderProviderClient } from '../../types.js'\n\nimport { StrikethroughIcon } from '../../../lexical/ui/icons/Strikethrough/index.js'\nimport { createClientComponent } from '../../createClientComponent.js'\nimport { toolbarFormatGroupWithItems } from '../shared/toolbarFormatGroup.js'\nimport { STRIKETHROUGH } from './markdownTransformers.js'\n\nconst toolbarGroups = [\n  toolbarFormatGroupWithItems([\n    {\n      ChildComponent: StrikethroughIcon,\n      isActive: ({ selection }) => {\n        if ($isRangeSelection(selection)) {\n          return selection.hasFormat('strikethrough')\n        }\n        return false\n      },\n      key: 'strikethrough',\n      onSelect: ({ editor }) => {\n        editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'strikethrough')\n      },\n      order: 4,\n    },\n  ]),\n]\n\nconst StrikethroughFeatureClient: FeatureProviderProviderClient<undefined> = (props) => {\n  return {\n    clientFeatureProps: props,\n    feature: () => {\n      return {\n        clientFeatureProps: props,\n\n        markdownTransformers: [STRIKETHROUGH],\n        toolbarFixed: {\n          groups: toolbarGroups,\n        },\n        toolbarInline: {\n          groups: toolbarGroups,\n        },\n      }\n    },\n  }\n}\n\nexport const StrikethroughFeatureClientComponent = createClientComponent(StrikethroughFeatureClient)\n"],"names":["$isRangeSelection","FORMAT_TEXT_COMMAND","StrikethroughIcon","createClientComponent","toolbarFormatGroupWithItems","STRIKETHROUGH","toolbarGroups","ChildComponent","isActive","selection","hasFormat","key","onSelect","editor","dispatchCommand","order","StrikethroughFeatureClient","props","clientFeatureProps","feature","markdownTransformers","toolbarFixed","groups","toolbarInline","StrikethroughFeatureClientComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,SAASA,iBAAiB,EAAEC,mBAAmB,QAAQ,UAAS;AAIhE,SAASC,iBAAiB,QAAQ,mDAAkD;AACpF,SAASC,qBAAqB,QAAQ,iCAAgC;AACtE,SAASC,2BAA2B,QAAQ,kCAAiC;AAC7E,SAASC,aAAa,QAAQ,4BAA2B;AAEzD,MAAMC,gBAAgB;IACpBF,4BAA4B;QAC1B;YACEG,gBAAgBL;YAChBM,UAAU,CAAC,EAAEC,SAAS,EAAE;gBACtB,IAAIT,kBAAkBS,YAAY;oBAChC,OAAOA,UAAUC,SAAS,CAAC;gBAC7B;gBACA,OAAO;YACT;YACAC,KAAK;YACLC,UAAU,CAAC,EAAEC,MAAM,EAAE;gBACnBA,OAAOC,eAAe,CAACb,qBAAqB;YAC9C;YACAc,OAAO;QACT;KACD;CACF;AAED,MAAMC,6BAAuE,CAACC;IAC5E,OAAO;QACLC,oBAAoBD;QACpBE,SAAS;YACP,OAAO;gBACLD,oBAAoBD;gBAEpBG,sBAAsB;oBAACf;iBAAc;gBACrCgB,cAAc;oBACZC,QAAQhB;gBACV;gBACAiB,eAAe;oBACbD,QAAQhB;gBACV;YACF;QACF;IACF;AACF;AAEA,OAAO,MAAMkB,sCAAsCrB,sBAAsBa,4BAA2B"}

package/dist/field/features/format/subscript/feature.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/format/subscript/feature.client.tsx"],"names":[],"mappings":";AAyCA,eAAO,MAAM,+BAA+B,+BAAgD,CAAA"}
+{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/format/subscript/feature.client.tsx"],"names":[],"mappings":";AA+CA,eAAO,MAAM,+BAA+B,+BAAgD,CAAA"}

package/dist/field/features/format/subscript/feature.client.js

@@ -2,32 +2,36 @@
 import { $isRangeSelection, FORMAT_TEXT_COMMAND } from 'lexical';
 import { SubscriptIcon } from '../../../lexical/ui/icons/Subscript/index.js';
 import { createClientComponent } from '../../createClientComponent.js';
-import { inlineToolbarFormatGroupWithItems } from '../shared/inlineToolbarFormatGroup.js';
+import { toolbarFormatGroupWithItems } from '../shared/toolbarFormatGroup.js';
+const toolbarGroups = [
+    toolbarFormatGroupWithItems([
+        {
+            ChildComponent: SubscriptIcon,
+            isActive: ({ selection })=>{
+                if ($isRangeSelection(selection)) {
+                    return selection.hasFormat('subscript');
+                }
+                return false;
+            },
+            key: 'subscript',
+            onSelect: ({ editor })=>{
+                editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'subscript');
+            },
+            order: 5
+        }
+    ])
+];
 const SubscriptFeatureClient = (props)=>{
     return {
         clientFeatureProps: props,
         feature: ()=>{
             return {
                 clientFeatureProps: props,
+                toolbarFixed: {
+                    groups: toolbarGroups
+                },
                 toolbarInline: {
-                    groups: [
-                        inlineToolbarFormatGroupWithItems([
-                            {
-                                ChildComponent: SubscriptIcon,
-                                isActive: ({ selection })=>{
-                                    if ($isRangeSelection(selection)) {
-                                        return selection.hasFormat('subscript');
-                                    }
-                                    return false;
-                                },
-                                key: 'subscript',
-                                onSelect: ({ editor })=>{
-                                    editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'subscript');
-                                },
-                                order: 5
-                            }
-                        ])
-                    ]
+                    groups: toolbarGroups
                 }
             };
         }

package/dist/field/features/format/subscript/feature.client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/field/features/format/subscript/feature.client.tsx"],"sourcesContent":["'use client'\n\nimport { $isRangeSelection, FORMAT_TEXT_COMMAND } from 'lexical'\n\nimport type { FeatureProviderProviderClient } from '../../types.js'\n\nimport { SubscriptIcon } from '../../../lexical/ui/icons/Subscript/index.js'\nimport { createClientComponent } from '../../createClientComponent.js'\nimport { inlineToolbarFormatGroupWithItems } from '../shared/inlineToolbarFormatGroup.js'\n\nconst SubscriptFeatureClient: FeatureProviderProviderClient<undefined> = (props) => {\n  return {\n    clientFeatureProps: props,\n    feature: () => {\n      return {\n        clientFeatureProps: props,\n        toolbarInline: {\n          groups: [\n            inlineToolbarFormatGroupWithItems([\n              {\n                ChildComponent: SubscriptIcon,\n                isActive: ({ selection }) => {\n                  if ($isRangeSelection(selection)) {\n                    return selection.hasFormat('subscript')\n                  }\n                  return false\n                },\n                key: 'subscript',\n                onSelect: ({ editor }) => {\n                  editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'subscript')\n                },\n                order: 5,\n              },\n            ]),\n          ],\n        },\n      }\n    },\n  }\n}\n\nexport const SubscriptFeatureClientComponent = createClientComponent(SubscriptFeatureClient)\n"],"names":["$isRangeSelection","FORMAT_TEXT_COMMAND","SubscriptIcon","createClientComponent","inlineToolbarFormatGroupWithItems","SubscriptFeatureClient","props","clientFeatureProps","feature","toolbarInline","groups","ChildComponent","isActive","selection","hasFormat","key","onSelect","editor","dispatchCommand","order","SubscriptFeatureClientComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,SAASA,iBAAiB,EAAEC,mBAAmB,QAAQ,UAAS;AAIhE,SAASC,aAAa,QAAQ,+CAA8C;AAC5E,SAASC,qBAAqB,QAAQ,iCAAgC;AACtE,SAASC,iCAAiC,QAAQ,wCAAuC;AAEzF,MAAMC,yBAAmE,CAACC;IACxE,OAAO;QACLC,oBAAoBD;QACpBE,SAAS;YACP,OAAO;gBACLD,oBAAoBD;gBACpBG,eAAe;oBACbC,QAAQ;wBACNN,kCAAkC;4BAChC;gCACEO,gBAAgBT;gCAChBU,UAAU,CAAC,EAAEC,SAAS,EAAE;oCACtB,IAAIb,kBAAkBa,YAAY;wCAChC,OAAOA,UAAUC,SAAS,CAAC;oCAC7B;oCACA,OAAO;gCACT;gCACAC,KAAK;gCACLC,UAAU,CAAC,EAAEC,MAAM,EAAE;oCACnBA,OAAOC,eAAe,CAACjB,qBAAqB;gCAC9C;gCACAkB,OAAO;4BACT;yBACD;qBACF;gBACH;YACF;QACF;IACF;AACF;AAEA,OAAO,MAAMC,kCAAkCjB,sBAAsBE,wBAAuB"}
+{"version":3,"sources":["../../../../../src/field/features/format/subscript/feature.client.tsx"],"sourcesContent":["'use client'\n\nimport { $isRangeSelection, FORMAT_TEXT_COMMAND } from 'lexical'\n\nimport type { ToolbarGroup } from '../../toolbars/types.js'\nimport type { FeatureProviderProviderClient } from '../../types.js'\n\nimport { SubscriptIcon } from '../../../lexical/ui/icons/Subscript/index.js'\nimport { createClientComponent } from '../../createClientComponent.js'\nimport { toolbarFormatGroupWithItems } from '../shared/toolbarFormatGroup.js'\n\nconst toolbarGroups: ToolbarGroup[] = [\n  toolbarFormatGroupWithItems([\n    {\n      ChildComponent: SubscriptIcon,\n      isActive: ({ selection }) => {\n        if ($isRangeSelection(selection)) {\n          return selection.hasFormat('subscript')\n        }\n        return false\n      },\n      key: 'subscript',\n      onSelect: ({ editor }) => {\n        editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'subscript')\n      },\n      order: 5,\n    },\n  ]),\n]\n\nconst SubscriptFeatureClient: FeatureProviderProviderClient<undefined> = (props) => {\n  return {\n    clientFeatureProps: props,\n    feature: () => {\n      return {\n        clientFeatureProps: props,\n        toolbarFixed: {\n          groups: toolbarGroups,\n        },\n        toolbarInline: {\n          groups: toolbarGroups,\n        },\n      }\n    },\n  }\n}\n\nexport const SubscriptFeatureClientComponent = createClientComponent(SubscriptFeatureClient)\n"],"names":["$isRangeSelection","FORMAT_TEXT_COMMAND","SubscriptIcon","createClientComponent","toolbarFormatGroupWithItems","toolbarGroups","ChildComponent","isActive","selection","hasFormat","key","onSelect","editor","dispatchCommand","order","SubscriptFeatureClient","props","clientFeatureProps","feature","toolbarFixed","groups","toolbarInline","SubscriptFeatureClientComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,SAASA,iBAAiB,EAAEC,mBAAmB,QAAQ,UAAS;AAKhE,SAASC,aAAa,QAAQ,+CAA8C;AAC5E,SAASC,qBAAqB,QAAQ,iCAAgC;AACtE,SAASC,2BAA2B,QAAQ,kCAAiC;AAE7E,MAAMC,gBAAgC;IACpCD,4BAA4B;QAC1B;YACEE,gBAAgBJ;YAChBK,UAAU,CAAC,EAAEC,SAAS,EAAE;gBACtB,IAAIR,kBAAkBQ,YAAY;oBAChC,OAAOA,UAAUC,SAAS,CAAC;gBAC7B;gBACA,OAAO;YACT;YACAC,KAAK;YACLC,UAAU,CAAC,EAAEC,MAAM,EAAE;gBACnBA,OAAOC,eAAe,CAACZ,qBAAqB;YAC9C;YACAa,OAAO;QACT;KACD;CACF;AAED,MAAMC,yBAAmE,CAACC;IACxE,OAAO;QACLC,oBAAoBD;QACpBE,SAAS;YACP,OAAO;gBACLD,oBAAoBD;gBACpBG,cAAc;oBACZC,QAAQf;gBACV;gBACAgB,eAAe;oBACbD,QAAQf;gBACV;YACF;QACF;IACF;AACF;AAEA,OAAO,MAAMiB,kCAAkCnB,sBAAsBY,wBAAuB"}

package/dist/field/features/format/superscript/feature.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/format/superscript/feature.client.tsx"],"names":[],"mappings":";AAyCA,eAAO,MAAM,iCAAiC,+BAAkD,CAAA"}
+{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/format/superscript/feature.client.tsx"],"names":[],"mappings":";AA+CA,eAAO,MAAM,iCAAiC,+BAAkD,CAAA"}

package/dist/field/features/format/superscript/feature.client.js

@@ -2,32 +2,36 @@
 import { $isRangeSelection, FORMAT_TEXT_COMMAND } from 'lexical';
 import { SuperscriptIcon } from '../../../lexical/ui/icons/Superscript/index.js';
 import { createClientComponent } from '../../createClientComponent.js';
-import { inlineToolbarFormatGroupWithItems } from '../shared/inlineToolbarFormatGroup.js';
+import { toolbarFormatGroupWithItems } from '../shared/toolbarFormatGroup.js';
+const toolbarGroups = [
+    toolbarFormatGroupWithItems([
+        {
+            ChildComponent: SuperscriptIcon,
+            isActive: ({ selection })=>{
+                if ($isRangeSelection(selection)) {
+                    return selection.hasFormat('superscript');
+                }
+                return false;
+            },
+            key: 'superscript',
+            onSelect: ({ editor })=>{
+                editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'superscript');
+            },
+            order: 6
+        }
+    ])
+];
 const SuperscriptFeatureClient = (props)=>{
     return {
         clientFeatureProps: props,
         feature: ()=>{
             return {
                 clientFeatureProps: props,
+                toolbarFixed: {
+                    groups: toolbarGroups
+                },
                 toolbarInline: {
-                    groups: [
-                        inlineToolbarFormatGroupWithItems([
-                            {
-                                ChildComponent: SuperscriptIcon,
-                                isActive: ({ selection })=>{
-                                    if ($isRangeSelection(selection)) {
-                                        return selection.hasFormat('superscript');
-                                    }
-                                    return false;
-                                },
-                                key: 'superscript',
-                                onSelect: ({ editor })=>{
-                                    editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'superscript');
-                                },
-                                order: 6
-                            }
-                        ])
-                    ]
+                    groups: toolbarGroups
                 }
             };
         }

package/dist/field/features/format/superscript/feature.client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/field/features/format/superscript/feature.client.tsx"],"sourcesContent":["'use client'\n\nimport { $isRangeSelection, FORMAT_TEXT_COMMAND } from 'lexical'\n\nimport type { FeatureProviderProviderClient } from '../../types.js'\n\nimport { SuperscriptIcon } from '../../../lexical/ui/icons/Superscript/index.js'\nimport { createClientComponent } from '../../createClientComponent.js'\nimport { inlineToolbarFormatGroupWithItems } from '../shared/inlineToolbarFormatGroup.js'\n\nconst SuperscriptFeatureClient: FeatureProviderProviderClient<undefined> = (props) => {\n  return {\n    clientFeatureProps: props,\n    feature: () => {\n      return {\n        clientFeatureProps: props,\n        toolbarInline: {\n          groups: [\n            inlineToolbarFormatGroupWithItems([\n              {\n                ChildComponent: SuperscriptIcon,\n                isActive: ({ selection }) => {\n                  if ($isRangeSelection(selection)) {\n                    return selection.hasFormat('superscript')\n                  }\n                  return false\n                },\n                key: 'superscript',\n                onSelect: ({ editor }) => {\n                  editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'superscript')\n                },\n                order: 6,\n              },\n            ]),\n          ],\n        },\n      }\n    },\n  }\n}\n\nexport const SuperscriptFeatureClientComponent = createClientComponent(SuperscriptFeatureClient)\n"],"names":["$isRangeSelection","FORMAT_TEXT_COMMAND","SuperscriptIcon","createClientComponent","inlineToolbarFormatGroupWithItems","SuperscriptFeatureClient","props","clientFeatureProps","feature","toolbarInline","groups","ChildComponent","isActive","selection","hasFormat","key","onSelect","editor","dispatchCommand","order","SuperscriptFeatureClientComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,SAASA,iBAAiB,EAAEC,mBAAmB,QAAQ,UAAS;AAIhE,SAASC,eAAe,QAAQ,iDAAgD;AAChF,SAASC,qBAAqB,QAAQ,iCAAgC;AACtE,SAASC,iCAAiC,QAAQ,wCAAuC;AAEzF,MAAMC,2BAAqE,CAACC;IAC1E,OAAO;QACLC,oBAAoBD;QACpBE,SAAS;YACP,OAAO;gBACLD,oBAAoBD;gBACpBG,eAAe;oBACbC,QAAQ;wBACNN,kCAAkC;4BAChC;gCACEO,gBAAgBT;gCAChBU,UAAU,CAAC,EAAEC,SAAS,EAAE;oCACtB,IAAIb,kBAAkBa,YAAY;wCAChC,OAAOA,UAAUC,SAAS,CAAC;oCAC7B;oCACA,OAAO;gCACT;gCACAC,KAAK;gCACLC,UAAU,CAAC,EAAEC,MAAM,EAAE;oCACnBA,OAAOC,eAAe,CAACjB,qBAAqB;gCAC9C;gCACAkB,OAAO;4BACT;yBACD;qBACF;gBACH;YACF;QACF;IACF;AACF;AAEA,OAAO,MAAMC,oCAAoCjB,sBAAsBE,0BAAyB"}
+{"version":3,"sources":["../../../../../src/field/features/format/superscript/feature.client.tsx"],"sourcesContent":["'use client'\n\nimport { $isRangeSelection, FORMAT_TEXT_COMMAND } from 'lexical'\n\nimport type { ToolbarGroup } from '../../toolbars/types.js'\nimport type { FeatureProviderProviderClient } from '../../types.js'\n\nimport { SuperscriptIcon } from '../../../lexical/ui/icons/Superscript/index.js'\nimport { createClientComponent } from '../../createClientComponent.js'\nimport { toolbarFormatGroupWithItems } from '../shared/toolbarFormatGroup.js'\n\nconst toolbarGroups: ToolbarGroup[] = [\n  toolbarFormatGroupWithItems([\n    {\n      ChildComponent: SuperscriptIcon,\n      isActive: ({ selection }) => {\n        if ($isRangeSelection(selection)) {\n          return selection.hasFormat('superscript')\n        }\n        return false\n      },\n      key: 'superscript',\n      onSelect: ({ editor }) => {\n        editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'superscript')\n      },\n      order: 6,\n    },\n  ]),\n]\n\nconst SuperscriptFeatureClient: FeatureProviderProviderClient<undefined> = (props) => {\n  return {\n    clientFeatureProps: props,\n    feature: () => {\n      return {\n        clientFeatureProps: props,\n        toolbarFixed: {\n          groups: toolbarGroups,\n        },\n        toolbarInline: {\n          groups: toolbarGroups,\n        },\n      }\n    },\n  }\n}\n\nexport const SuperscriptFeatureClientComponent = createClientComponent(SuperscriptFeatureClient)\n"],"names":["$isRangeSelection","FORMAT_TEXT_COMMAND","SuperscriptIcon","createClientComponent","toolbarFormatGroupWithItems","toolbarGroups","ChildComponent","isActive","selection","hasFormat","key","onSelect","editor","dispatchCommand","order","SuperscriptFeatureClient","props","clientFeatureProps","feature","toolbarFixed","groups","toolbarInline","SuperscriptFeatureClientComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,SAASA,iBAAiB,EAAEC,mBAAmB,QAAQ,UAAS;AAKhE,SAASC,eAAe,QAAQ,iDAAgD;AAChF,SAASC,qBAAqB,QAAQ,iCAAgC;AACtE,SAASC,2BAA2B,QAAQ,kCAAiC;AAE7E,MAAMC,gBAAgC;IACpCD,4BAA4B;QAC1B;YACEE,gBAAgBJ;YAChBK,UAAU,CAAC,EAAEC,SAAS,EAAE;gBACtB,IAAIR,kBAAkBQ,YAAY;oBAChC,OAAOA,UAAUC,SAAS,CAAC;gBAC7B;gBACA,OAAO;YACT;YACAC,KAAK;YACLC,UAAU,CAAC,EAAEC,MAAM,EAAE;gBACnBA,OAAOC,eAAe,CAACZ,qBAAqB;YAC9C;YACAa,OAAO;QACT;KACD;CACF;AAED,MAAMC,2BAAqE,CAACC;IAC1E,OAAO;QACLC,oBAAoBD;QACpBE,SAAS;YACP,OAAO;gBACLD,oBAAoBD;gBACpBG,cAAc;oBACZC,QAAQf;gBACV;gBACAgB,eAAe;oBACbD,QAAQf;gBACV;YACF;QACF;IACF;AACF;AAEA,OAAO,MAAMiB,oCAAoCnB,sBAAsBY,0BAAyB"}

package/dist/field/features/format/underline/feature.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/format/underline/feature.client.tsx"],"names":[],"mappings":";AAyCA,eAAO,MAAM,+BAA+B,+BAAgD,CAAA"}
+{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/format/underline/feature.client.tsx"],"names":[],"mappings":";AA+CA,eAAO,MAAM,+BAA+B,+BAAgD,CAAA"}

package/dist/field/features/format/underline/feature.client.js

@@ -2,32 +2,36 @@
 import { $isRangeSelection, FORMAT_TEXT_COMMAND } from 'lexical';
 import { UnderlineIcon } from '../../../lexical/ui/icons/Underline/index.js';
 import { createClientComponent } from '../../createClientComponent.js';
-import { inlineToolbarFormatGroupWithItems } from '../shared/inlineToolbarFormatGroup.js';
+import { toolbarFormatGroupWithItems } from '../shared/toolbarFormatGroup.js';
+const toolbarGroups = [
+    toolbarFormatGroupWithItems([
+        {
+            ChildComponent: UnderlineIcon,
+            isActive: ({ selection })=>{
+                if ($isRangeSelection(selection)) {
+                    return selection.hasFormat('underline');
+                }
+                return false;
+            },
+            key: 'underline',
+            onSelect: ({ editor })=>{
+                editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'underline');
+            },
+            order: 3
+        }
+    ])
+];
 const UnderlineFeatureClient = (props)=>{
     return {
         clientFeatureProps: props,
         feature: ()=>{
             return {
                 clientFeatureProps: props,
+                toolbarFixed: {
+                    groups: toolbarGroups
+                },
                 toolbarInline: {
-                    groups: [
-                        inlineToolbarFormatGroupWithItems([
-                            {
-                                ChildComponent: UnderlineIcon,
-                                isActive: ({ selection })=>{
-                                    if ($isRangeSelection(selection)) {
-                                        return selection.hasFormat('underline');
-                                    }
-                                    return false;
-                                },
-                                key: 'underline',
-                                onSelect: ({ editor })=>{
-                                    editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'underline');
-                                },
-                                order: 3
-                            }
-                        ])
-                    ]
+                    groups: toolbarGroups
                 }
             };
         }