@payloadcms/richtext-lexical 3.0.0-beta.6 → 3.0.0-beta.60

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

@@ -0,0 +1,33 @@
+'use client';
+import { $isRangeSelection, FORMAT_TEXT_COMMAND } from 'lexical';
+import { UnderlineIcon } from '../../../lexical/ui/icons/Underline/index.js';
+import { createClientFeature } from '../../../utilities/createClientFeature.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
+        }
+    ])
+];
+export const UnderlineFeatureClient = createClientFeature({
+    toolbarFixed: {
+        groups: toolbarGroups
+    },
+    toolbarInline: {
+        groups: toolbarGroups
+    }
+});
+
+//# sourceMappingURL=feature.client.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/features/format/underline/feature.client.tsx"],"sourcesContent":["'use client'\n\nimport { $isRangeSelection, FORMAT_TEXT_COMMAND } from 'lexical'\n\nimport type { ToolbarGroup } from '../../toolbars/types.js'\n\nimport { UnderlineIcon } from '../../../lexical/ui/icons/Underline/index.js'\nimport { createClientFeature } from '../../../utilities/createClientFeature.js'\nimport { toolbarFormatGroupWithItems } from '../shared/toolbarFormatGroup.js'\n\nconst toolbarGroups: ToolbarGroup[] = [\n  toolbarFormatGroupWithItems([\n    {\n      ChildComponent: UnderlineIcon,\n      isActive: ({ selection }) => {\n        if ($isRangeSelection(selection)) {\n          return selection.hasFormat('underline')\n        }\n        return false\n      },\n      key: 'underline',\n      onSelect: ({ editor }) => {\n        editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'underline')\n      },\n      order: 3,\n    },\n  ]),\n]\n\nexport const UnderlineFeatureClient = createClientFeature({\n  toolbarFixed: {\n    groups: toolbarGroups,\n  },\n  toolbarInline: {\n    groups: toolbarGroups,\n  },\n})\n"],"names":["$isRangeSelection","FORMAT_TEXT_COMMAND","UnderlineIcon","createClientFeature","toolbarFormatGroupWithItems","toolbarGroups","ChildComponent","isActive","selection","hasFormat","key","onSelect","editor","dispatchCommand","order","UnderlineFeatureClient","toolbarFixed","groups","toolbarInline"],"mappings":"AAAA;AAEA,SAASA,iBAAiB,EAAEC,mBAAmB,QAAQ,UAAS;AAIhE,SAASC,aAAa,QAAQ,+CAA8C;AAC5E,SAASC,mBAAmB,QAAQ,4CAA2C;AAC/E,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,OAAO,MAAMC,yBAAyBZ,oBAAoB;IACxDa,cAAc;QACZC,QAAQZ;IACV;IACAa,eAAe;QACbD,QAAQZ;IACV;AACF,GAAE"}

package/dist/features/format/underline/feature.server.d.ts

@@ -0,0 +1,2 @@
+export declare const UnderlineFeature: import("../../typesServer.js").FeatureProviderProviderServer<undefined, undefined, undefined>;
+//# sourceMappingURL=feature.server.d.ts.map

package/dist/features/format/underline/feature.server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature.server.d.ts","sourceRoot":"","sources":["../../../../src/features/format/underline/feature.server.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB,+FAK3B,CAAA"}

package/dist/features/format/underline/feature.server.js

@@ -0,0 +1,11 @@
+// eslint-disable-next-line payload/no-imports-from-exports-dir
+import { UnderlineFeatureClient } from '../../../exports/client/index.js';
+import { createServerFeature } from '../../../utilities/createServerFeature.js';
+export const UnderlineFeature = createServerFeature({
+    feature: {
+        ClientFeature: UnderlineFeatureClient
+    },
+    key: 'underline'
+});
+
+//# sourceMappingURL=feature.server.js.map

package/dist/features/format/underline/feature.server.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/features/format/underline/feature.server.ts"],"sourcesContent":["// eslint-disable-next-line payload/no-imports-from-exports-dir\nimport { UnderlineFeatureClient } from '../../../exports/client/index.js'\nimport { createServerFeature } from '../../../utilities/createServerFeature.js'\n\nexport const UnderlineFeature = createServerFeature({\n  feature: {\n    ClientFeature: UnderlineFeatureClient,\n  },\n  key: 'underline',\n})\n"],"names":["UnderlineFeatureClient","createServerFeature","UnderlineFeature","feature","ClientFeature","key"],"mappings":"AAAA,+DAA+D;AAC/D,SAASA,sBAAsB,QAAQ,mCAAkC;AACzE,SAASC,mBAAmB,QAAQ,4CAA2C;AAE/E,OAAO,MAAMC,mBAAmBD,oBAAoB;IAClDE,SAAS;QACPC,eAAeJ;IACjB;IACAK,KAAK;AACP,GAAE"}

package/dist/features/heading/feature.client.d.ts

@@ -0,0 +1,6 @@
+import type { HeadingFeatureProps } from './feature.server.js';
+export declare const HeadingFeatureClient: import("react").FC<{
+    featureKey: string;
+    order: number;
+} & HeadingFeatureProps>;
+//# sourceMappingURL=feature.client.d.ts.map

package/dist/features/heading/feature.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../src/features/heading/feature.client.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AA2B9D,eAAO,MAAM,oBAAoB;;;wBA6E/B,CAAA"}

package/dist/features/heading/feature.client.js

@@ -0,0 +1,112 @@
+'use client';
+import { $createHeadingNode, $isHeadingNode, HeadingNode } from '@lexical/rich-text';
+import { $setBlocksType } from '@lexical/selection';
+import { $getSelection, $isRangeSelection } from 'lexical';
+import { H1Icon } from '../../lexical/ui/icons/H1/index.js';
+import { H2Icon } from '../../lexical/ui/icons/H2/index.js';
+import { H3Icon } from '../../lexical/ui/icons/H3/index.js';
+import { H4Icon } from '../../lexical/ui/icons/H4/index.js';
+import { H5Icon } from '../../lexical/ui/icons/H5/index.js';
+import { H6Icon } from '../../lexical/ui/icons/H6/index.js';
+import { createClientFeature } from '../../utilities/createClientFeature.js';
+import { slashMenuBasicGroupWithItems } from '../shared/slashMenu/basicGroup.js';
+import { toolbarTextDropdownGroupWithItems } from '../shared/toolbar/textDropdownGroup.js';
+import { MarkdownTransformer } from './markdownTransformer.js';
+const $setHeading = (headingSize)=>{
+    const selection = $getSelection();
+    $setBlocksType(selection, ()=>$createHeadingNode(headingSize));
+};
+const iconImports = {
+    h1: H1Icon,
+    h2: H2Icon,
+    h3: H3Icon,
+    h4: H4Icon,
+    h5: H5Icon,
+    h6: H6Icon
+};
+export const HeadingFeatureClient = createClientFeature(({ props })=>{
+    const { enabledHeadingSizes = [
+        'h1',
+        'h2',
+        'h3',
+        'h4',
+        'h5',
+        'h6'
+    ] } = props;
+    const toolbarGroups = [
+        toolbarTextDropdownGroupWithItems(enabledHeadingSizes.map((headingSize, i)=>{
+            return {
+                ChildComponent: iconImports[headingSize],
+                isActive: ({ selection })=>{
+                    if (!$isRangeSelection(selection)) {
+                        return false;
+                    }
+                    for (const node of selection.getNodes()){
+                        if ($isHeadingNode(node) && node.getTag() === headingSize) {
+                            continue;
+                        }
+                        const parent = node.getParent();
+                        if ($isHeadingNode(parent) && parent.getTag() === headingSize) {
+                            continue;
+                        }
+                        return false;
+                    }
+                    return true;
+                },
+                key: headingSize,
+                label: ({ i18n })=>{
+                    return i18n.t('lexical:heading:label', {
+                        headingLevel: headingSize.charAt(1)
+                    });
+                },
+                onSelect: ({ editor })=>{
+                    editor.update(()=>{
+                        $setHeading(headingSize);
+                    });
+                },
+                order: i + 2
+            };
+        }))
+    ];
+    return {
+        markdownTransformers: [
+            MarkdownTransformer(enabledHeadingSizes)
+        ],
+        nodes: [
+            HeadingNode
+        ],
+        sanitizedClientFeatureProps: props,
+        slashMenu: {
+            groups: enabledHeadingSizes?.length ? [
+                slashMenuBasicGroupWithItems(enabledHeadingSizes.map((headingSize)=>{
+                    return {
+                        Icon: iconImports[headingSize],
+                        key: `heading-${headingSize.charAt(1)}`,
+                        keywords: [
+                            'heading',
+                            headingSize
+                        ],
+                        label: ({ i18n })=>{
+                            return i18n.t('lexical:heading:label', {
+                                headingLevel: headingSize.charAt(1)
+                            });
+                        },
+                        onSelect: ({ editor })=>{
+                            editor.update(()=>{
+                                $setHeading(headingSize);
+                            });
+                        }
+                    };
+                }))
+            ] : []
+        },
+        toolbarFixed: {
+            groups: enabledHeadingSizes?.length ? toolbarGroups : []
+        },
+        toolbarInline: {
+            groups: enabledHeadingSizes?.length ? toolbarGroups : []
+        }
+    };
+});
+
+//# sourceMappingURL=feature.client.js.map

package/dist/features/heading/feature.client.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/features/heading/feature.client.tsx"],"sourcesContent":["'use client'\n\nimport type { HeadingTagType } from '@lexical/rich-text'\n\nimport { $createHeadingNode, $isHeadingNode, HeadingNode } from '@lexical/rich-text'\nimport { $setBlocksType } from '@lexical/selection'\nimport { $getSelection, $isRangeSelection } from 'lexical'\n\nimport type { ToolbarGroup } from '../toolbars/types.js'\nimport type { HeadingFeatureProps } from './feature.server.js'\n\nimport { H1Icon } from '../../lexical/ui/icons/H1/index.js'\nimport { H2Icon } from '../../lexical/ui/icons/H2/index.js'\nimport { H3Icon } from '../../lexical/ui/icons/H3/index.js'\nimport { H4Icon } from '../../lexical/ui/icons/H4/index.js'\nimport { H5Icon } from '../../lexical/ui/icons/H5/index.js'\nimport { H6Icon } from '../../lexical/ui/icons/H6/index.js'\nimport { createClientFeature } from '../../utilities/createClientFeature.js'\nimport { slashMenuBasicGroupWithItems } from '../shared/slashMenu/basicGroup.js'\nimport { toolbarTextDropdownGroupWithItems } from '../shared/toolbar/textDropdownGroup.js'\nimport { MarkdownTransformer } from './markdownTransformer.js'\n\nconst $setHeading = (headingSize: HeadingTagType) => {\n  const selection = $getSelection()\n  $setBlocksType(selection, () => $createHeadingNode(headingSize))\n}\n\nconst iconImports = {\n  h1: H1Icon,\n  h2: H2Icon,\n  h3: H3Icon,\n  h4: H4Icon,\n  h5: H5Icon,\n  h6: H6Icon,\n}\n\nexport const HeadingFeatureClient = createClientFeature<HeadingFeatureProps>(({ props }) => {\n  const { enabledHeadingSizes = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'] } = props\n\n  const toolbarGroups: ToolbarGroup[] = [\n    toolbarTextDropdownGroupWithItems(\n      enabledHeadingSizes.map((headingSize, i) => {\n        return {\n          ChildComponent: iconImports[headingSize],\n          isActive: ({ selection }) => {\n            if (!$isRangeSelection(selection)) {\n              return false\n            }\n            for (const node of selection.getNodes()) {\n              if ($isHeadingNode(node) && node.getTag() === headingSize) {\n                continue\n              }\n\n              const parent = node.getParent()\n              if ($isHeadingNode(parent) && parent.getTag() === headingSize) {\n                continue\n              }\n\n              return false\n            }\n            return true\n          },\n          key: headingSize,\n          label: ({ i18n }) => {\n            return i18n.t('lexical:heading:label', { headingLevel: headingSize.charAt(1) })\n          },\n          onSelect: ({ editor }) => {\n            editor.update(() => {\n              $setHeading(headingSize)\n            })\n          },\n          order: i + 2,\n        }\n      }),\n    ),\n  ]\n\n  return {\n    markdownTransformers: [MarkdownTransformer(enabledHeadingSizes)],\n    nodes: [HeadingNode],\n    sanitizedClientFeatureProps: props,\n    slashMenu: {\n      groups: enabledHeadingSizes?.length\n        ? [\n            slashMenuBasicGroupWithItems(\n              enabledHeadingSizes.map((headingSize) => {\n                return {\n                  Icon: iconImports[headingSize],\n                  key: `heading-${headingSize.charAt(1)}`,\n                  keywords: ['heading', headingSize],\n                  label: ({ i18n }) => {\n                    return i18n.t('lexical:heading:label', {\n                      headingLevel: headingSize.charAt(1),\n                    })\n                  },\n                  onSelect: ({ editor }) => {\n                    editor.update(() => {\n                      $setHeading(headingSize)\n                    })\n                  },\n                }\n              }),\n            ),\n          ]\n        : [],\n    },\n    toolbarFixed: {\n      groups: enabledHeadingSizes?.length ? toolbarGroups : [],\n    },\n    toolbarInline: {\n      groups: enabledHeadingSizes?.length ? toolbarGroups : [],\n    },\n  }\n})\n"],"names":["$createHeadingNode","$isHeadingNode","HeadingNode","$setBlocksType","$getSelection","$isRangeSelection","H1Icon","H2Icon","H3Icon","H4Icon","H5Icon","H6Icon","createClientFeature","slashMenuBasicGroupWithItems","toolbarTextDropdownGroupWithItems","MarkdownTransformer","$setHeading","headingSize","selection","iconImports","h1","h2","h3","h4","h5","h6","HeadingFeatureClient","props","enabledHeadingSizes","toolbarGroups","map","i","ChildComponent","isActive","node","getNodes","getTag","parent","getParent","key","label","i18n","t","headingLevel","charAt","onSelect","editor","update","order","markdownTransformers","nodes","sanitizedClientFeatureProps","slashMenu","groups","length","Icon","keywords","toolbarFixed","toolbarInline"],"mappings":"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"}

package/dist/features/heading/feature.server.d.ts

@@ -0,0 +1,10 @@
+import type { SerializedHeadingNode as _SerializedHeadingNode, HeadingTagType } from '@lexical/rich-text';
+import type { Spread } from 'lexical';
+export type SerializedHeadingNode = Spread<{
+    type: 'heading';
+}, _SerializedHeadingNode>;
+export type HeadingFeatureProps = {
+    enabledHeadingSizes?: HeadingTagType[];
+};
+export declare const HeadingFeature: import("../typesServer.js").FeatureProviderProviderServer<HeadingFeatureProps, HeadingFeatureProps, HeadingFeatureProps>;
+//# sourceMappingURL=feature.server.d.ts.map

package/dist/features/heading/feature.server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature.server.d.ts","sourceRoot":"","sources":["../../../src/features/heading/feature.server.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,IAAI,sBAAsB,EAC/C,cAAc,EACf,MAAM,oBAAoB,CAAA;AAC3B,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAYrC,MAAM,MAAM,qBAAqB,GAAG,MAAM,CACxC;IACE,IAAI,EAAE,SAAS,CAAA;CAChB,EACD,sBAAsB,CACvB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,mBAAmB,CAAC,EAAE,cAAc,EAAE,CAAA;CACvC,CAAA;AAED,eAAO,MAAM,cAAc,0HA4CzB,CAAA"}

package/dist/features/heading/feature.server.js

@@ -0,0 +1,59 @@
+import { HeadingNode } from '@lexical/rich-text';
+// eslint-disable-next-line payload/no-imports-from-exports-dir
+import { HeadingFeatureClient } from '../../exports/client/index.js';
+import { createServerFeature } from '../../utilities/createServerFeature.js';
+import { convertLexicalNodesToHTML } from '../converters/html/converter/index.js';
+import { createNode } from '../typeUtilities.js';
+import { i18n } from './i18n.js';
+import { MarkdownTransformer } from './markdownTransformer.js';
+export const HeadingFeature = createServerFeature({
+    feature: ({ props })=>{
+        if (!props) {
+            props = {};
+        }
+        const { enabledHeadingSizes = [
+            'h1',
+            'h2',
+            'h3',
+            'h4',
+            'h5',
+            'h6'
+        ] } = props;
+        return {
+            ClientFeature: HeadingFeatureClient,
+            clientFeatureProps: props,
+            i18n,
+            markdownTransformers: [
+                MarkdownTransformer(enabledHeadingSizes)
+            ],
+            nodes: [
+                createNode({
+                    converters: {
+                        html: {
+                            converter: async ({ converters, node, parent, req })=>{
+                                const childrenText = await convertLexicalNodesToHTML({
+                                    converters,
+                                    lexicalNodes: node.children,
+                                    parent: {
+                                        ...node,
+                                        parent
+                                    },
+                                    req
+                                });
+                                return '<' + node?.tag + '>' + childrenText + '</' + node?.tag + '>';
+                            },
+                            nodeTypes: [
+                                HeadingNode.getType()
+                            ]
+                        }
+                    },
+                    node: HeadingNode
+                })
+            ],
+            sanitizedServerFeatureProps: props
+        };
+    },
+    key: 'heading'
+});
+
+//# sourceMappingURL=feature.server.js.map

package/dist/features/heading/feature.server.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/features/heading/feature.server.ts"],"sourcesContent":["import type {\n  SerializedHeadingNode as _SerializedHeadingNode,\n  HeadingTagType,\n} from '@lexical/rich-text'\nimport type { Spread } from 'lexical'\n\nimport { HeadingNode } from '@lexical/rich-text'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir\nimport { HeadingFeatureClient } from '../../exports/client/index.js'\nimport { createServerFeature } from '../../utilities/createServerFeature.js'\nimport { convertLexicalNodesToHTML } from '../converters/html/converter/index.js'\nimport { createNode } from '../typeUtilities.js'\nimport { i18n } from './i18n.js'\nimport { MarkdownTransformer } from './markdownTransformer.js'\n\nexport type SerializedHeadingNode = Spread<\n  {\n    type: 'heading'\n  },\n  _SerializedHeadingNode\n>\n\nexport type HeadingFeatureProps = {\n  enabledHeadingSizes?: HeadingTagType[]\n}\n\nexport const HeadingFeature = createServerFeature<\n  HeadingFeatureProps,\n  HeadingFeatureProps,\n  HeadingFeatureProps\n>({\n  feature: ({ props }) => {\n    if (!props) {\n      props = {}\n    }\n\n    const { enabledHeadingSizes = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'] } = props\n\n    return {\n      ClientFeature: HeadingFeatureClient,\n      clientFeatureProps: props,\n      i18n,\n      markdownTransformers: [MarkdownTransformer(enabledHeadingSizes)],\n      nodes: [\n        createNode({\n          converters: {\n            html: {\n              converter: async ({ converters, node, parent, req }) => {\n                const childrenText = await convertLexicalNodesToHTML({\n                  converters,\n                  lexicalNodes: node.children,\n                  parent: {\n                    ...node,\n                    parent,\n                  },\n                  req,\n                })\n\n                return '<' + node?.tag + '>' + childrenText + '</' + node?.tag + '>'\n              },\n              nodeTypes: [HeadingNode.getType()],\n            },\n          },\n          node: HeadingNode,\n        }),\n      ],\n      sanitizedServerFeatureProps: props,\n    }\n  },\n  key: 'heading',\n})\n"],"names":["HeadingNode","HeadingFeatureClient","createServerFeature","convertLexicalNodesToHTML","createNode","i18n","MarkdownTransformer","HeadingFeature","feature","props","enabledHeadingSizes","ClientFeature","clientFeatureProps","markdownTransformers","nodes","converters","html","converter","node","parent","req","childrenText","lexicalNodes","children","tag","nodeTypes","getType","sanitizedServerFeatureProps","key"],"mappings":"AAMA,SAASA,WAAW,QAAQ,qBAAoB;AAEhD,+DAA+D;AAC/D,SAASC,oBAAoB,QAAQ,gCAA+B;AACpE,SAASC,mBAAmB,QAAQ,yCAAwC;AAC5E,SAASC,yBAAyB,QAAQ,wCAAuC;AACjF,SAASC,UAAU,QAAQ,sBAAqB;AAChD,SAASC,IAAI,QAAQ,YAAW;AAChC,SAASC,mBAAmB,QAAQ,2BAA0B;AAa9D,OAAO,MAAMC,iBAAiBL,oBAI5B;IACAM,SAAS,CAAC,EAAEC,KAAK,EAAE;QACjB,IAAI,CAACA,OAAO;YACVA,QAAQ,CAAC;QACX;QAEA,MAAM,EAAEC,sBAAsB;YAAC;YAAM;YAAM;YAAM;YAAM;YAAM;SAAK,EAAE,GAAGD;QAEvE,OAAO;YACLE,eAAeV;YACfW,oBAAoBH;YACpBJ;YACAQ,sBAAsB;gBAACP,oBAAoBI;aAAqB;YAChEI,OAAO;gBACLV,WAAW;oBACTW,YAAY;wBACVC,MAAM;4BACJC,WAAW,OAAO,EAAEF,UAAU,EAAEG,IAAI,EAAEC,MAAM,EAAEC,GAAG,EAAE;gCACjD,MAAMC,eAAe,MAAMlB,0BAA0B;oCACnDY;oCACAO,cAAcJ,KAAKK,QAAQ;oCAC3BJ,QAAQ;wCACN,GAAGD,IAAI;wCACPC;oCACF;oCACAC;gCACF;gCAEA,OAAO,MAAMF,MAAMM,MAAM,MAAMH,eAAe,OAAOH,MAAMM,MAAM;4BACnE;4BACAC,WAAW;gCAACzB,YAAY0B,OAAO;6BAAG;wBACpC;oBACF;oBACAR,MAAMlB;gBACR;aACD;YACD2B,6BAA6BlB;QAC/B;IACF;IACAmB,KAAK;AACP,GAAE"}

package/dist/features/heading/i18n.d.ts

@@ -0,0 +1,3 @@
+import type { GenericLanguages } from '@payloadcms/translations';
+export declare const i18n: Partial<GenericLanguages>;
+//# sourceMappingURL=i18n.d.ts.map

package/dist/features/heading/i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../src/features/heading/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAEhE,eAAO,MAAM,IAAI,EAAE,OAAO,CAAC,gBAAgB,CAiG1C,CAAA"}

package/dist/features/heading/i18n.js

@@ -0,0 +1,100 @@
+export const i18n = {
+    ar: {
+        label: 'العنوان {{headingLevel}}'
+    },
+    az: {
+        label: 'Başlıq {{headingLevel}}'
+    },
+    bg: {
+        label: 'Заглавие {{headingLevel}}'
+    },
+    cs: {
+        label: 'Nadpis {{headingLevel}}'
+    },
+    de: {
+        label: 'Überschrift {{headingLevel}}'
+    },
+    en: {
+        label: 'Heading {{headingLevel}}'
+    },
+    es: {
+        label: 'Encabezado {{headingLevel}}'
+    },
+    fa: {
+        label: '[SKIPPED]'
+    },
+    fr: {
+        label: 'En-tête {{headingLevel}}'
+    },
+    he: {
+        label: 'כותרת {{רמת כותרת}}'
+    },
+    hr: {
+        label: 'Naslov {{headingLevel}}'
+    },
+    hu: {
+        label: 'Címsor {{headingLevel}}'
+    },
+    it: {
+        label: 'Intestazione {{headingLevel}}'
+    },
+    ja: {
+        label: '見出し{{headingLevel}}'
+    },
+    ko: {
+        label: '제목 {{headingLevel}}'
+    },
+    my: {
+        label: '[SURAT]\n\nKepala {{headingLevel}}'
+    },
+    nb: {
+        label: 'Overskrift {{headingLevel}}'
+    },
+    nl: {
+        label: 'Kop {{headingLevel}}'
+    },
+    pl: {
+        label: 'Nagłówek {{headingLevel}}'
+    },
+    pt: {
+        label: 'Cabeçalho {{headingLevel}}'
+    },
+    ro: {
+        label: 'Titlu {{headingLevel}}'
+    },
+    rs: {
+        label: 'Naslov {{headingLevel}}'
+    },
+    'rs-latin': {
+        label: 'Naslov {{headingLevel}}'
+    },
+    ru: {
+        label: 'Заголовок {{headingLevel}}'
+    },
+    sk: {
+        label: 'Nadpis {{headingLevel}}'
+    },
+    sv: {
+        label: 'Rubrik {{headingLevel}}'
+    },
+    th: {
+        label: 'หัวข้อ {{headingLevel}}'
+    },
+    tr: {
+        label: 'Başlık {{headingLevel}}'
+    },
+    uk: {
+        label: 'Заголовок {{headingLevel}}'
+    },
+    vi: {
+        label: 'Tiêu đề {{headingLevel}}'
+    },
+    zh: {
+        label: '标题 {{headingLevel}}'
+    },
+    'zh-TW': {
+        label: '標題 {{headingLevel}}'
+    }
+};
+
+//# sourceMappingURL=i18n.js.map

package/dist/features/heading/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/features/heading/i18n.ts"],"sourcesContent":["import type { GenericLanguages } from '@payloadcms/translations'\n\nexport const i18n: Partial<GenericLanguages> = {\n  ar: {\n    label: 'العنوان {{headingLevel}}',\n  },\n  az: {\n    label: 'Başlıq {{headingLevel}}',\n  },\n  bg: {\n    label: 'Заглавие {{headingLevel}}',\n  },\n  cs: {\n    label: 'Nadpis {{headingLevel}}',\n  },\n  de: {\n    label: 'Überschrift {{headingLevel}}',\n  },\n  en: {\n    label: 'Heading {{headingLevel}}',\n  },\n  es: {\n    label: 'Encabezado {{headingLevel}}',\n  },\n  fa: {\n    label: '[SKIPPED]',\n  },\n  fr: {\n    label: 'En-tête {{headingLevel}}',\n  },\n  he: {\n    label: 'כותרת {{רמת כותרת}}',\n  },\n  hr: {\n    label: 'Naslov {{headingLevel}}',\n  },\n  hu: {\n    label: 'Címsor {{headingLevel}}',\n  },\n  it: {\n    label: 'Intestazione {{headingLevel}}',\n  },\n  ja: {\n    label: '見出し{{headingLevel}}',\n  },\n  ko: {\n    label: '제목 {{headingLevel}}',\n  },\n  my: {\n    label: '[SURAT]\\n\\nKepala {{headingLevel}}',\n  },\n  nb: {\n    label: 'Overskrift {{headingLevel}}',\n  },\n  nl: {\n    label: 'Kop {{headingLevel}}',\n  },\n  pl: {\n    label: 'Nagłówek {{headingLevel}}',\n  },\n  pt: {\n    label: 'Cabeçalho {{headingLevel}}',\n  },\n  ro: {\n    label: 'Titlu {{headingLevel}}',\n  },\n  rs: {\n    label: 'Naslov {{headingLevel}}',\n  },\n  'rs-latin': {\n    label: 'Naslov {{headingLevel}}',\n  },\n  ru: {\n    label: 'Заголовок {{headingLevel}}',\n  },\n  sk: {\n    label: 'Nadpis {{headingLevel}}',\n  },\n  sv: {\n    label: 'Rubrik {{headingLevel}}',\n  },\n  th: {\n    label: 'หัวข้อ {{headingLevel}}',\n  },\n  tr: {\n    label: 'Başlık {{headingLevel}}',\n  },\n  uk: {\n    label: 'Заголовок {{headingLevel}}',\n  },\n  vi: {\n    label: 'Tiêu đề {{headingLevel}}',\n  },\n  zh: {\n    label: '标题 {{headingLevel}}',\n  },\n  'zh-TW': {\n    label: '標題 {{headingLevel}}',\n  },\n}\n"],"names":["i18n","ar","label","az","bg","cs","de","en","es","fa","fr","he","hr","hu","it","ja","ko","my","nb","nl","pl","pt","ro","rs","ru","sk","sv","th","tr","uk","vi","zh"],"mappings":"AAEA,OAAO,MAAMA,OAAkC;IAC7CC,IAAI;QACFC,OAAO;IACT;IACAC,IAAI;QACFD,OAAO;IACT;IACAE,IAAI;QACFF,OAAO;IACT;IACAG,IAAI;QACFH,OAAO;IACT;IACAI,IAAI;QACFJ,OAAO;IACT;IACAK,IAAI;QACFL,OAAO;IACT;IACAM,IAAI;QACFN,OAAO;IACT;IACAO,IAAI;QACFP,OAAO;IACT;IACAQ,IAAI;QACFR,OAAO;IACT;IACAS,IAAI;QACFT,OAAO;IACT;IACAU,IAAI;QACFV,OAAO;IACT;IACAW,IAAI;QACFX,OAAO;IACT;IACAY,IAAI;QACFZ,OAAO;IACT;IACAa,IAAI;QACFb,OAAO;IACT;IACAc,IAAI;QACFd,OAAO;IACT;IACAe,IAAI;QACFf,OAAO;IACT;IACAgB,IAAI;QACFhB,OAAO;IACT;IACAiB,IAAI;QACFjB,OAAO;IACT;IACAkB,IAAI;QACFlB,OAAO;IACT;IACAmB,IAAI;QACFnB,OAAO;IACT;IACAoB,IAAI;QACFpB,OAAO;IACT;IACAqB,IAAI;QACFrB,OAAO;IACT;IACA,YAAY;QACVA,OAAO;IACT;IACAsB,IAAI;QACFtB,OAAO;IACT;IACAuB,IAAI;QACFvB,OAAO;IACT;IACAwB,IAAI;QACFxB,OAAO;IACT;IACAyB,IAAI;QACFzB,OAAO;IACT;IACA0B,IAAI;QACF1B,OAAO;IACT;IACA2B,IAAI;QACF3B,OAAO;IACT;IACA4B,IAAI;QACF5B,OAAO;IACT;IACA6B,IAAI;QACF7B,OAAO;IACT;IACA,SAAS;QACPA,OAAO;IACT;AACF,EAAC"}

package/dist/features/heading/markdownTransformer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdownTransformer.d.ts","sourceRoot":"","sources":["../../../src/features/heading/markdownTransformer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAMxD,eAAO,MAAM,mBAAmB,EAAE,CAAC,mBAAmB,EAAE,cAAc,EAAE,KAAK,kBA0B5E,CAAA"}

package/dist/features/heading/markdownTransformer.js

@@ -0,0 +1,29 @@
+import { $createHeadingNode, $isHeadingNode, HeadingNode } from '@lexical/rich-text';
+import { createBlockNode } from '../../lexical/utils/markdown/createBlockNode.js';
+export const MarkdownTransformer = (enabledHeadingSizes)=>{
+    // Convert enabledHeadingSizes to a list of numbers (1 for h1, 2 for h2, etc.)
+    const enabledSizes = enabledHeadingSizes.map((tag)=>Number(tag.slice(1)));
+    // Create a regex pattern that matches any of the enabled sizes
+    const pattern = `^(${enabledSizes.map((size)=>`#{${size}}`).join('|')})\\s`;
+    const regExp = new RegExp(pattern);
+    return {
+        type: 'element',
+        dependencies: [
+            HeadingNode
+        ],
+        export: (node, exportChildren)=>{
+            if (!$isHeadingNode(node)) {
+                return null;
+            }
+            const level = Number(node.getTag().slice(1));
+            return '#'.repeat(level) + ' ' + exportChildren(node);
+        },
+        regExp,
+        replace: createBlockNode((match)=>{
+            const tag = 'h' + match[1].length;
+            return $createHeadingNode(tag);
+        })
+    };
+};
+
+//# sourceMappingURL=markdownTransformer.js.map

package/dist/features/heading/markdownTransformer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/features/heading/markdownTransformer.ts"],"sourcesContent":["import type { ElementTransformer } from '@lexical/markdown'\nimport type { HeadingTagType } from '@lexical/rich-text'\n\nimport { $createHeadingNode, $isHeadingNode, HeadingNode } from '@lexical/rich-text'\n\nimport { createBlockNode } from '../../lexical/utils/markdown/createBlockNode.js'\n\nexport const MarkdownTransformer: (enabledHeadingSizes: HeadingTagType[]) => ElementTransformer = (\n  enabledHeadingSizes,\n) => {\n  // Convert enabledHeadingSizes to a list of numbers (1 for h1, 2 for h2, etc.)\n  const enabledSizes = enabledHeadingSizes.map((tag) => Number(tag.slice(1)))\n\n  // Create a regex pattern that matches any of the enabled sizes\n  const pattern = `^(${enabledSizes.map((size) => `#{${size}}`).join('|')})\\\\s`\n  const regExp = new RegExp(pattern)\n\n  return {\n    type: 'element',\n    dependencies: [HeadingNode],\n    export: (node, exportChildren) => {\n      if (!$isHeadingNode(node)) {\n        return null\n      }\n      const level = Number(node.getTag().slice(1))\n      return '#'.repeat(level) + ' ' + exportChildren(node)\n    },\n    regExp,\n    replace: createBlockNode((match) => {\n      const tag = ('h' + match[1].length) as HeadingTagType\n      return $createHeadingNode(tag)\n    }),\n  }\n}\n"],"names":["$createHeadingNode","$isHeadingNode","HeadingNode","createBlockNode","MarkdownTransformer","enabledHeadingSizes","enabledSizes","map","tag","Number","slice","pattern","size","join","regExp","RegExp","type","dependencies","export","node","exportChildren","level","getTag","repeat","replace","match","length"],"mappings":"AAGA,SAASA,kBAAkB,EAAEC,cAAc,EAAEC,WAAW,QAAQ,qBAAoB;AAEpF,SAASC,eAAe,QAAQ,kDAAiD;AAEjF,OAAO,MAAMC,sBAAqF,CAChGC;IAEA,8EAA8E;IAC9E,MAAMC,eAAeD,oBAAoBE,GAAG,CAAC,CAACC,MAAQC,OAAOD,IAAIE,KAAK,CAAC;IAEvE,+DAA+D;IAC/D,MAAMC,UAAU,CAAC,EAAE,EAAEL,aAAaC,GAAG,CAAC,CAACK,OAAS,CAAC,EAAE,EAAEA,KAAK,CAAC,CAAC,EAAEC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC7E,MAAMC,SAAS,IAAIC,OAAOJ;IAE1B,OAAO;QACLK,MAAM;QACNC,cAAc;YAACf;SAAY;QAC3BgB,QAAQ,CAACC,MAAMC;YACb,IAAI,CAACnB,eAAekB,OAAO;gBACzB,OAAO;YACT;YACA,MAAME,QAAQZ,OAAOU,KAAKG,MAAM,GAAGZ,KAAK,CAAC;YACzC,OAAO,IAAIa,MAAM,CAACF,SAAS,MAAMD,eAAeD;QAClD;QACAL;QACAU,SAASrB,gBAAgB,CAACsB;YACxB,MAAMjB,MAAO,MAAMiB,KAAK,CAAC,EAAE,CAACC,MAAM;YAClC,OAAO1B,mBAAmBQ;QAC5B;IACF;AACF,EAAC"}

package/dist/features/horizontalRule/component/index.d.ts

@@ -0,0 +1,10 @@
+import type { NodeKey } from 'lexical';
+/**
+ * React component rendered in the lexical editor, WITHIN the hr element created by createDOM of the HorizontalRuleNode.
+ *
+ * @param nodeKey every node has a unique key (this key is not saved to the database and thus may differ between sessions). It's useful for working with the CURRENT lexical editor state
+ */
+export declare function HorizontalRuleComponent({ nodeKey }: {
+    nodeKey: NodeKey;
+}): any;
+//# sourceMappingURL=index.d.ts.map

package/dist/features/horizontalRule/component/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/features/horizontalRule/component/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAoBtC;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,OAuDxE"}

package/dist/features/horizontalRule/component/index.js

@@ -0,0 +1,67 @@
+'use client';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js';
+import { useLexicalNodeSelection } from '@lexical/react/useLexicalNodeSelection.js';
+import { addClassNamesToElement, mergeRegister, removeClassNamesFromElement } from '@lexical/utils';
+import { $getNodeByKey, $getSelection, $isNodeSelection, CLICK_COMMAND, COMMAND_PRIORITY_LOW, KEY_BACKSPACE_COMMAND, KEY_DELETE_COMMAND } from 'lexical';
+import { useCallback, useEffect } from 'react';
+import { $isHorizontalRuleNode } from '../nodes/HorizontalRuleNode.js';
+const isSelectedClassName = 'selected';
+/**
+ * React component rendered in the lexical editor, WITHIN the hr element created by createDOM of the HorizontalRuleNode.
+ *
+ * @param nodeKey every node has a unique key (this key is not saved to the database and thus may differ between sessions). It's useful for working with the CURRENT lexical editor state
+ */ export function HorizontalRuleComponent({ nodeKey }) {
+    const [editor] = useLexicalComposerContext();
+    const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection(nodeKey);
+    const $onDelete = useCallback((event)=>{
+        if (isSelected && $isNodeSelection($getSelection())) {
+            event.preventDefault();
+            const node = $getNodeByKey(nodeKey);
+            if ($isHorizontalRuleNode(node)) {
+                node.remove();
+                return true;
+            }
+        }
+        return false;
+    }, [
+        isSelected,
+        nodeKey
+    ]);
+    useEffect(()=>{
+        return mergeRegister(editor.registerCommand(CLICK_COMMAND, (event)=>{
+            const hrElem = editor.getElementByKey(nodeKey);
+            if (event.target === hrElem) {
+                if (!event.shiftKey) {
+                    clearSelection();
+                }
+                setSelected(!isSelected);
+                return true;
+            }
+            return false;
+        }, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_DELETE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_BACKSPACE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW));
+    }, [
+        clearSelection,
+        editor,
+        isSelected,
+        nodeKey,
+        $onDelete,
+        setSelected
+    ]);
+    useEffect(()=>{
+        const hrElem = editor.getElementByKey(nodeKey);
+        if (hrElem !== null) {
+            if (isSelected) {
+                addClassNamesToElement(hrElem, isSelectedClassName);
+            } else {
+                removeClassNamesFromElement(hrElem, isSelectedClassName);
+            }
+        }
+    }, [
+        editor,
+        isSelected,
+        nodeKey
+    ]);
+    return null;
+}
+
+//# sourceMappingURL=index.js.map

package/dist/features/horizontalRule/component/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/features/horizontalRule/component/index.tsx"],"sourcesContent":["'use client'\n\nimport type { NodeKey } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { useLexicalNodeSelection } from '@lexical/react/useLexicalNodeSelection.js'\nimport { addClassNamesToElement, mergeRegister, removeClassNamesFromElement } from '@lexical/utils'\nimport {\n  $getNodeByKey,\n  $getSelection,\n  $isNodeSelection,\n  CLICK_COMMAND,\n  COMMAND_PRIORITY_LOW,\n  KEY_BACKSPACE_COMMAND,\n  KEY_DELETE_COMMAND,\n} from 'lexical'\nimport { useCallback, useEffect } from 'react'\n\nimport { $isHorizontalRuleNode } from '../nodes/HorizontalRuleNode.js'\n\nconst isSelectedClassName = 'selected'\n\n/**\n * React component rendered in the lexical editor, WITHIN the hr element created by createDOM of the HorizontalRuleNode.\n *\n * @param nodeKey every node has a unique key (this key is not saved to the database and thus may differ between sessions). It's useful for working with the CURRENT lexical editor state\n */\nexport function HorizontalRuleComponent({ nodeKey }: { nodeKey: NodeKey }) {\n  const [editor] = useLexicalComposerContext()\n  const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection(nodeKey)\n\n  const $onDelete = useCallback(\n    (event: KeyboardEvent) => {\n      if (isSelected && $isNodeSelection($getSelection())) {\n        event.preventDefault()\n        const node = $getNodeByKey(nodeKey)\n        if ($isHorizontalRuleNode(node)) {\n          node.remove()\n          return true\n        }\n      }\n      return false\n    },\n    [isSelected, nodeKey],\n  )\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerCommand(\n        CLICK_COMMAND,\n        (event: MouseEvent) => {\n          const hrElem = editor.getElementByKey(nodeKey)\n\n          if (event.target === hrElem) {\n            if (!event.shiftKey) {\n              clearSelection()\n            }\n            setSelected(!isSelected)\n            return true\n          }\n\n          return false\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n      editor.registerCommand(KEY_DELETE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW),\n      editor.registerCommand(KEY_BACKSPACE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW),\n    )\n  }, [clearSelection, editor, isSelected, nodeKey, $onDelete, setSelected])\n\n  useEffect(() => {\n    const hrElem = editor.getElementByKey(nodeKey)\n    if (hrElem !== null) {\n      if (isSelected) {\n        addClassNamesToElement(hrElem, isSelectedClassName)\n      } else {\n        removeClassNamesFromElement(hrElem, isSelectedClassName)\n      }\n    }\n  }, [editor, isSelected, nodeKey])\n\n  return null\n}\n"],"names":["useLexicalComposerContext","useLexicalNodeSelection","addClassNamesToElement","mergeRegister","removeClassNamesFromElement","$getNodeByKey","$getSelection","$isNodeSelection","CLICK_COMMAND","COMMAND_PRIORITY_LOW","KEY_BACKSPACE_COMMAND","KEY_DELETE_COMMAND","useCallback","useEffect","$isHorizontalRuleNode","isSelectedClassName","HorizontalRuleComponent","nodeKey","editor","isSelected","setSelected","clearSelection","$onDelete","event","preventDefault","node","remove","registerCommand","hrElem","getElementByKey","target","shiftKey"],"mappings":"AAAA;AAIA,SAASA,yBAAyB,QAAQ,2CAA0C;AACpF,SAASC,uBAAuB,QAAQ,4CAA2C;AACnF,SAASC,sBAAsB,EAAEC,aAAa,EAAEC,2BAA2B,QAAQ,iBAAgB;AACnG,SACEC,aAAa,EACbC,aAAa,EACbC,gBAAgB,EAChBC,aAAa,EACbC,oBAAoB,EACpBC,qBAAqB,EACrBC,kBAAkB,QACb,UAAS;AAChB,SAASC,WAAW,EAAEC,SAAS,QAAQ,QAAO;AAE9C,SAASC,qBAAqB,QAAQ,iCAAgC;AAEtE,MAAMC,sBAAsB;AAE5B;;;;CAIC,GACD,OAAO,SAASC,wBAAwB,EAAEC,OAAO,EAAwB;IACvE,MAAM,CAACC,OAAO,GAAGlB;IACjB,MAAM,CAACmB,YAAYC,aAAaC,eAAe,GAAGpB,wBAAwBgB;IAE1E,MAAMK,YAAYV,YAChB,CAACW;QACC,IAAIJ,cAAcZ,iBAAiBD,kBAAkB;YACnDiB,MAAMC,cAAc;YACpB,MAAMC,OAAOpB,cAAcY;YAC3B,IAAIH,sBAAsBW,OAAO;gBAC/BA,KAAKC,MAAM;gBACX,OAAO;YACT;QACF;QACA,OAAO;IACT,GACA;QAACP;QAAYF;KAAQ;IAGvBJ,UAAU;QACR,OAAOV,cACLe,OAAOS,eAAe,CACpBnB,eACA,CAACe;YACC,MAAMK,SAASV,OAAOW,eAAe,CAACZ;YAEtC,IAAIM,MAAMO,MAAM,KAAKF,QAAQ;gBAC3B,IAAI,CAACL,MAAMQ,QAAQ,EAAE;oBACnBV;gBACF;gBACAD,YAAY,CAACD;gBACb,OAAO;YACT;YAEA,OAAO;QACT,GACAV,uBAEFS,OAAOS,eAAe,CAAChB,oBAAoBW,WAAWb,uBACtDS,OAAOS,eAAe,CAACjB,uBAAuBY,WAAWb;IAE7D,GAAG;QAACY;QAAgBH;QAAQC;QAAYF;QAASK;QAAWF;KAAY;IAExEP,UAAU;QACR,MAAMe,SAASV,OAAOW,eAAe,CAACZ;QACtC,IAAIW,WAAW,MAAM;YACnB,IAAIT,YAAY;gBACdjB,uBAAuB0B,QAAQb;YACjC,OAAO;gBACLX,4BAA4BwB,QAAQb;YACtC;QACF;IACF,GAAG;QAACG;QAAQC;QAAYF;KAAQ;IAEhC,OAAO;AACT"}

package/dist/features/horizontalRule/feature.client.d.ts

@@ -0,0 +1,5 @@
+export declare const HorizontalRuleFeatureClient: import("react").FC<{
+    featureKey: string;
+    order: number;
+}>;
+//# sourceMappingURL=feature.client.d.ts.map

package/dist/features/horizontalRule/feature.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../src/features/horizontalRule/feature.client.tsx"],"names":[],"mappings":"AAgBA,eAAO,MAAM,2BAA2B;;;EAmDtC,CAAA"}

package/dist/features/horizontalRule/feature.client.js

@@ -0,0 +1,70 @@
+'use client';
+import { $isNodeSelection } from 'lexical';
+import { HorizontalRuleIcon } from '../../lexical/ui/icons/HorizontalRule/index.js';
+import { createClientFeature } from '../../utilities/createClientFeature.js';
+import { slashMenuBasicGroupWithItems } from '../shared/slashMenu/basicGroup.js';
+import { toolbarAddDropdownGroupWithItems } from '../shared/toolbar/addDropdownGroup.js';
+import { MarkdownTransformer } from './markdownTransformer.js';
+import { $isHorizontalRuleNode, HorizontalRuleNode, INSERT_HORIZONTAL_RULE_COMMAND } from './nodes/HorizontalRuleNode.js';
+import { HorizontalRulePlugin } from './plugin/index.js';
+export const HorizontalRuleFeatureClient = createClientFeature({
+    markdownTransformers: [
+        MarkdownTransformer
+    ],
+    nodes: [
+        HorizontalRuleNode
+    ],
+    plugins: [
+        {
+            Component: HorizontalRulePlugin,
+            position: 'normal'
+        }
+    ],
+    slashMenu: {
+        groups: [
+            slashMenuBasicGroupWithItems([
+                {
+                    Icon: HorizontalRuleIcon,
+                    key: 'horizontalRule',
+                    keywords: [
+                        'hr',
+                        'horizontal rule',
+                        'line',
+                        'separator'
+                    ],
+                    label: ({ i18n })=>{
+                        return i18n.t('lexical:horizontalRule:label');
+                    },
+                    onSelect: ({ editor })=>{
+                        editor.dispatchCommand(INSERT_HORIZONTAL_RULE_COMMAND, undefined);
+                    }
+                }
+            ])
+        ]
+    },
+    toolbarFixed: {
+        groups: [
+            toolbarAddDropdownGroupWithItems([
+                {
+                    ChildComponent: HorizontalRuleIcon,
+                    isActive: ({ selection })=>{
+                        if (!$isNodeSelection(selection) || !selection.getNodes().length) {
+                            return false;
+                        }
+                        const firstNode = selection.getNodes()[0];
+                        return $isHorizontalRuleNode(firstNode);
+                    },
+                    key: 'horizontalRule',
+                    label: ({ i18n })=>{
+                        return i18n.t('lexical:horizontalRule:label');
+                    },
+                    onSelect: ({ editor })=>{
+                        editor.dispatchCommand(INSERT_HORIZONTAL_RULE_COMMAND, undefined);
+                    }
+                }
+            ])
+        ]
+    }
+});
+
+//# sourceMappingURL=feature.client.js.map