@payloadcms/richtext-slate 3.0.0-beta.13 → 3.0.0-beta.131

package/dist/field/elements/h3/Button.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { H3Icon } from '../../icons/headings/H3/index.js';
+import { ElementButton } from '../Button.js';
+export const H3ElementButton = ({ format })=>/*#__PURE__*/ _jsx(ElementButton, {
+        format: format,
+        children: /*#__PURE__*/ _jsx(H3Icon, {})
+    });
+
+//# sourceMappingURL=Button.js.map

package/dist/field/elements/h3/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/elements/h3/Button.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { H3Icon } from '../../icons/headings/H3/index.js'\nimport { ElementButton } from '../Button.js'\n\nexport const H3ElementButton = ({ format }: { format: string }) => (\n  <ElementButton format={format}>\n    <H3Icon />\n  </ElementButton>\n)\n"],"names":["React","H3Icon","ElementButton","H3ElementButton","format"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,MAAM,QAAQ,mCAAkC;AACzD,SAASC,aAAa,QAAQ,eAAc;AAE5C,OAAO,MAAMC,kBAAkB,CAAC,EAAEC,MAAM,EAAsB,iBAC5D,KAACF;QAAcE,QAAQA;kBACrB,cAAA,KAACH;OAEJ"}

package/dist/field/elements/h3/Heading3.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-export declare const Heading3: () => React.JSX.Element;
+export declare const Heading3Element: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Heading3.d.ts.map

package/dist/field/elements/h3/Heading3.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading3.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/h3/Heading3.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,QAAQ,yBAIpB,CAAA"}
+{"version":3,"file":"Heading3.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/h3/Heading3.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,+CAI3B,CAAA"}

package/dist/field/elements/h3/Heading3.js

@@ -1,9 +1,13 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useElement } from '../../providers/ElementProvider.js';
-export const Heading3 = ()=>{
+export const Heading3Element = ()=>{
     const { attributes, children } = useElement();
-    return /*#__PURE__*/ React.createElement("h3", attributes, children);
+    return /*#__PURE__*/ _jsx("h3", {
+        ...attributes,
+        children: children
+    });
 };
 
 //# sourceMappingURL=Heading3.js.map

package/dist/field/elements/h3/Heading3.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/h3/Heading3.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useElement } from '../../providers/ElementProvider.js'\n\nexport const Heading3 = () => {\n  const { attributes, children } = useElement()\n\n  return <h3 {...attributes}>{children}</h3>\n}\n"],"names":["React","useElement","Heading3","attributes","children","h3"],"rangeMappings":";;;;;;","mappings":"AAAA;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,qCAAoC;AAE/D,OAAO,MAAMC,WAAW;IACtB,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IAEjC,qBAAO,oBAACI,MAAOF,YAAaC;AAC9B,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/h3/Heading3.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useElement } from '../../providers/ElementProvider.js'\n\nexport const Heading3Element = () => {\n  const { attributes, children } = useElement()\n\n  return <h3 {...attributes}>{children}</h3>\n}\n"],"names":["React","useElement","Heading3Element","attributes","children","h3"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,qCAAoC;AAE/D,OAAO,MAAMC,kBAAkB;IAC7B,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IAEjC,qBAAO,KAACI;QAAI,GAAGF,UAAU;kBAAGC;;AAC9B,EAAC"}

package/dist/field/elements/h3/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/h3/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAQ9D,eAAO,MAAM,EAAE,EAAE,qBAQhB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/h3/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAI9D,eAAO,MAAM,EAAE,EAAE,qBAShB,CAAA"}

package/dist/field/elements/h3/index.js

@@ -1,14 +1,13 @@
-import React from 'react';
-import { H3Icon } from '../../icons/headings/H3/index.js';
-import { ElementButton } from '../Button.js';
-import { Heading3 } from './Heading3.js';
 const name = 'h3';
 export const h3 = {
     name,
-    Button: ()=>/*#__PURE__*/ React.createElement(ElementButton, {
+    Button: {
+        clientProps: {
             format: name
-        }, /*#__PURE__*/ React.createElement(H3Icon, null)),
-    Element: Heading3
+        },
+        path: '@payloadcms/richtext-slate/client#H3ElementButton'
+    },
+    Element: '@payloadcms/richtext-slate/client#Heading3Element'
 };
 
 //# sourceMappingURL=index.js.map

package/dist/field/elements/h3/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/h3/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { RichTextCustomElement } from '../../../types.js'\n\nimport { H3Icon } from '../../icons/headings/H3/index.js'\nimport { ElementButton } from '../Button.js'\nimport { Heading3 } from './Heading3.js'\n\nconst name = 'h3'\n\nexport const h3: RichTextCustomElement = {\n  name,\n  Button: () => (\n    <ElementButton format={name}>\n      <H3Icon />\n    </ElementButton>\n  ),\n  Element: Heading3,\n}\n"],"names":["React","H3Icon","ElementButton","Heading3","name","h3","Button","format","Element"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,MAAM,QAAQ,mCAAkC;AACzD,SAASC,aAAa,QAAQ,eAAc;AAC5C,SAASC,QAAQ,QAAQ,gBAAe;AAExC,MAAMC,OAAO;AAEb,OAAO,MAAMC,KAA4B;IACvCD;IACAE,QAAQ,kBACN,oBAACJ;YAAcK,QAAQH;yBACrB,oBAACH;IAGLO,SAASL;AACX,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/h3/index.tsx"],"sourcesContent":["import type { RichTextCustomElement } from '../../../types.js'\n\nconst name = 'h3'\n\nexport const h3: RichTextCustomElement = {\n  name,\n  Button: {\n    clientProps: {\n      format: name,\n    },\n    path: '@payloadcms/richtext-slate/client#H3ElementButton',\n  },\n  Element: '@payloadcms/richtext-slate/client#Heading3Element',\n}\n"],"names":["name","h3","Button","clientProps","format","path","Element"],"mappings":"AAEA,MAAMA,OAAO;AAEb,OAAO,MAAMC,KAA4B;IACvCD;IACAE,QAAQ;QACNC,aAAa;YACXC,QAAQJ;QACV;QACAK,MAAM;IACR;IACAC,SAAS;AACX,EAAC"}

package/dist/field/elements/h4/Button.d.ts

@@ -0,0 +1,4 @@
+export declare const H4ElementButton: ({ format }: {
+    format: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

package/dist/field/elements/h4/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/h4/Button.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,eAAgB;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,4CAI7D,CAAA"}

package/dist/field/elements/h4/Button.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { H4Icon } from '../../icons/headings/H4/index.js';
+import { ElementButton } from '../Button.js';
+export const H4ElementButton = ({ format })=>/*#__PURE__*/ _jsx(ElementButton, {
+        format: format,
+        children: /*#__PURE__*/ _jsx(H4Icon, {})
+    });
+
+//# sourceMappingURL=Button.js.map

package/dist/field/elements/h4/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/elements/h4/Button.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { H4Icon } from '../../icons/headings/H4/index.js'\nimport { ElementButton } from '../Button.js'\n\nexport const H4ElementButton = ({ format }: { format: string }) => (\n  <ElementButton format={format}>\n    <H4Icon />\n  </ElementButton>\n)\n"],"names":["React","H4Icon","ElementButton","H4ElementButton","format"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,MAAM,QAAQ,mCAAkC;AACzD,SAASC,aAAa,QAAQ,eAAc;AAE5C,OAAO,MAAMC,kBAAkB,CAAC,EAAEC,MAAM,EAAsB,iBAC5D,KAACF;QAAcE,QAAQA;kBACrB,cAAA,KAACH;OAEJ"}

package/dist/field/elements/h4/Heading4.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-export declare const Heading4: () => React.JSX.Element;
+export declare const Heading4Element: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Heading4.d.ts.map

package/dist/field/elements/h4/Heading4.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading4.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/h4/Heading4.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,QAAQ,yBAIpB,CAAA"}
+{"version":3,"file":"Heading4.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/h4/Heading4.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,+CAI3B,CAAA"}

package/dist/field/elements/h4/Heading4.js

@@ -1,9 +1,13 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useElement } from '../../providers/ElementProvider.js';
-export const Heading4 = ()=>{
+export const Heading4Element = ()=>{
     const { attributes, children } = useElement();
-    return /*#__PURE__*/ React.createElement("h4", attributes, children);
+    return /*#__PURE__*/ _jsx("h4", {
+        ...attributes,
+        children: children
+    });
 };
 
 //# sourceMappingURL=Heading4.js.map

package/dist/field/elements/h4/Heading4.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/h4/Heading4.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useElement } from '../../providers/ElementProvider.js'\n\nexport const Heading4 = () => {\n  const { attributes, children } = useElement()\n\n  return <h4 {...attributes}>{children}</h4>\n}\n"],"names":["React","useElement","Heading4","attributes","children","h4"],"rangeMappings":";;;;;;","mappings":"AAAA;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,qCAAoC;AAE/D,OAAO,MAAMC,WAAW;IACtB,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IAEjC,qBAAO,oBAACI,MAAOF,YAAaC;AAC9B,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/h4/Heading4.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useElement } from '../../providers/ElementProvider.js'\n\nexport const Heading4Element = () => {\n  const { attributes, children } = useElement()\n\n  return <h4 {...attributes}>{children}</h4>\n}\n"],"names":["React","useElement","Heading4Element","attributes","children","h4"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,qCAAoC;AAE/D,OAAO,MAAMC,kBAAkB;IAC7B,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IAEjC,qBAAO,KAACI;QAAI,GAAGF,UAAU;kBAAGC;;AAC9B,EAAC"}

package/dist/field/elements/h4/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/h4/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAQ9D,eAAO,MAAM,EAAE,EAAE,qBAQhB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/h4/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAI9D,eAAO,MAAM,EAAE,EAAE,qBAShB,CAAA"}

package/dist/field/elements/h4/index.js

@@ -1,14 +1,13 @@
-import React from 'react';
-import { H4Icon } from '../../icons/headings/H4/index.js';
-import { ElementButton } from '../Button.js';
-import { Heading4 } from './Heading4.js';
 const name = 'h4';
 export const h4 = {
     name,
-    Button: ()=>/*#__PURE__*/ React.createElement(ElementButton, {
+    Button: {
+        clientProps: {
             format: name
-        }, /*#__PURE__*/ React.createElement(H4Icon, null)),
-    Element: Heading4
+        },
+        path: '@payloadcms/richtext-slate/client#H4ElementButton'
+    },
+    Element: '@payloadcms/richtext-slate/client#Heading4Element'
 };
 
 //# sourceMappingURL=index.js.map

package/dist/field/elements/h4/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/h4/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { RichTextCustomElement } from '../../../types.js'\n\nimport { H4Icon } from '../../icons/headings/H4/index.js'\nimport { ElementButton } from '../Button.js'\nimport { Heading4 } from './Heading4.js'\n\nconst name = 'h4'\n\nexport const h4: RichTextCustomElement = {\n  name,\n  Button: () => (\n    <ElementButton format={name}>\n      <H4Icon />\n    </ElementButton>\n  ),\n  Element: Heading4,\n}\n"],"names":["React","H4Icon","ElementButton","Heading4","name","h4","Button","format","Element"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,MAAM,QAAQ,mCAAkC;AACzD,SAASC,aAAa,QAAQ,eAAc;AAC5C,SAASC,QAAQ,QAAQ,gBAAe;AAExC,MAAMC,OAAO;AAEb,OAAO,MAAMC,KAA4B;IACvCD;IACAE,QAAQ,kBACN,oBAACJ;YAAcK,QAAQH;yBACrB,oBAACH;IAGLO,SAASL;AACX,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/h4/index.tsx"],"sourcesContent":["import type { RichTextCustomElement } from '../../../types.js'\n\nconst name = 'h4'\n\nexport const h4: RichTextCustomElement = {\n  name,\n  Button: {\n    clientProps: {\n      format: name,\n    },\n    path: '@payloadcms/richtext-slate/client#H4ElementButton',\n  },\n  Element: '@payloadcms/richtext-slate/client#Heading4Element',\n}\n"],"names":["name","h4","Button","clientProps","format","path","Element"],"mappings":"AAEA,MAAMA,OAAO;AAEb,OAAO,MAAMC,KAA4B;IACvCD;IACAE,QAAQ;QACNC,aAAa;YACXC,QAAQJ;QACV;QACAK,MAAM;IACR;IACAC,SAAS;AACX,EAAC"}

package/dist/field/elements/h5/Button.d.ts

@@ -0,0 +1,4 @@
+export declare const H5ElementButton: ({ format }: {
+    format: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

package/dist/field/elements/h5/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/h5/Button.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,eAAgB;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,4CAI7D,CAAA"}

package/dist/field/elements/h5/Button.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { H5Icon } from '../../icons/headings/H5/index.js';
+import { ElementButton } from '../Button.js';
+export const H5ElementButton = ({ format })=>/*#__PURE__*/ _jsx(ElementButton, {
+        format: format,
+        children: /*#__PURE__*/ _jsx(H5Icon, {})
+    });
+
+//# sourceMappingURL=Button.js.map

package/dist/field/elements/h5/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/elements/h5/Button.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { H5Icon } from '../../icons/headings/H5/index.js'\nimport { ElementButton } from '../Button.js'\n\nexport const H5ElementButton = ({ format }: { format: string }) => (\n  <ElementButton format={format}>\n    <H5Icon />\n  </ElementButton>\n)\n"],"names":["React","H5Icon","ElementButton","H5ElementButton","format"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,MAAM,QAAQ,mCAAkC;AACzD,SAASC,aAAa,QAAQ,eAAc;AAE5C,OAAO,MAAMC,kBAAkB,CAAC,EAAEC,MAAM,EAAsB,iBAC5D,KAACF;QAAcE,QAAQA;kBACrB,cAAA,KAACH;OAEJ"}

package/dist/field/elements/h5/Heading5.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-export declare const Heading5: () => React.JSX.Element;
+export declare const Heading5Element: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Heading5.d.ts.map

package/dist/field/elements/h5/Heading5.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading5.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/h5/Heading5.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,QAAQ,yBAIpB,CAAA"}
+{"version":3,"file":"Heading5.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/h5/Heading5.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,+CAI3B,CAAA"}

package/dist/field/elements/h5/Heading5.js

@@ -1,9 +1,13 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useElement } from '../../providers/ElementProvider.js';
-export const Heading5 = ()=>{
+export const Heading5Element = ()=>{
     const { attributes, children } = useElement();
-    return /*#__PURE__*/ React.createElement("h5", attributes, children);
+    return /*#__PURE__*/ _jsx("h5", {
+        ...attributes,
+        children: children
+    });
 };
 
 //# sourceMappingURL=Heading5.js.map

package/dist/field/elements/h5/Heading5.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/h5/Heading5.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useElement } from '../../providers/ElementProvider.js'\n\nexport const Heading5 = () => {\n  const { attributes, children } = useElement()\n\n  return <h5 {...attributes}>{children}</h5>\n}\n"],"names":["React","useElement","Heading5","attributes","children","h5"],"rangeMappings":";;;;;;","mappings":"AAAA;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,qCAAoC;AAE/D,OAAO,MAAMC,WAAW;IACtB,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IAEjC,qBAAO,oBAACI,MAAOF,YAAaC;AAC9B,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/h5/Heading5.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useElement } from '../../providers/ElementProvider.js'\n\nexport const Heading5Element = () => {\n  const { attributes, children } = useElement()\n\n  return <h5 {...attributes}>{children}</h5>\n}\n"],"names":["React","useElement","Heading5Element","attributes","children","h5"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,qCAAoC;AAE/D,OAAO,MAAMC,kBAAkB;IAC7B,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IAEjC,qBAAO,KAACI;QAAI,GAAGF,UAAU;kBAAGC;;AAC9B,EAAC"}

package/dist/field/elements/h5/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/h5/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAQ9D,eAAO,MAAM,EAAE,EAAE,qBAQhB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/h5/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAI9D,eAAO,MAAM,EAAE,EAAE,qBAShB,CAAA"}

package/dist/field/elements/h5/index.js

@@ -1,14 +1,13 @@
-import React from 'react';
-import { H5Icon } from '../../icons/headings/H5/index.js';
-import { ElementButton } from '../Button.js';
-import { Heading5 } from './Heading5.js';
 const name = 'h5';
 export const h5 = {
     name,
-    Button: ()=>/*#__PURE__*/ React.createElement(ElementButton, {
+    Button: {
+        clientProps: {
             format: name
-        }, /*#__PURE__*/ React.createElement(H5Icon, null)),
-    Element: Heading5
+        },
+        path: '@payloadcms/richtext-slate/client#H5ElementButton'
+    },
+    Element: '@payloadcms/richtext-slate/client#Heading5Element'
 };
 
 //# sourceMappingURL=index.js.map

package/dist/field/elements/h5/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/h5/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { RichTextCustomElement } from '../../../types.js'\n\nimport { H5Icon } from '../../icons/headings/H5/index.js'\nimport { ElementButton } from '../Button.js'\nimport { Heading5 } from './Heading5.js'\n\nconst name = 'h5'\n\nexport const h5: RichTextCustomElement = {\n  name,\n  Button: () => (\n    <ElementButton format={name}>\n      <H5Icon />\n    </ElementButton>\n  ),\n  Element: Heading5,\n}\n"],"names":["React","H5Icon","ElementButton","Heading5","name","h5","Button","format","Element"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,MAAM,QAAQ,mCAAkC;AACzD,SAASC,aAAa,QAAQ,eAAc;AAC5C,SAASC,QAAQ,QAAQ,gBAAe;AAExC,MAAMC,OAAO;AAEb,OAAO,MAAMC,KAA4B;IACvCD;IACAE,QAAQ,kBACN,oBAACJ;YAAcK,QAAQH;yBACrB,oBAACH;IAGLO,SAASL;AACX,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/h5/index.tsx"],"sourcesContent":["import type { RichTextCustomElement } from '../../../types.js'\n\nconst name = 'h5'\n\nexport const h5: RichTextCustomElement = {\n  name,\n  Button: {\n    clientProps: {\n      format: name,\n    },\n    path: '@payloadcms/richtext-slate/client#H5ElementButton',\n  },\n  Element: '@payloadcms/richtext-slate/client#Heading5Element',\n}\n"],"names":["name","h5","Button","clientProps","format","path","Element"],"mappings":"AAEA,MAAMA,OAAO;AAEb,OAAO,MAAMC,KAA4B;IACvCD;IACAE,QAAQ;QACNC,aAAa;YACXC,QAAQJ;QACV;QACAK,MAAM;IACR;IACAC,SAAS;AACX,EAAC"}

package/dist/field/elements/h6/Button.d.ts

@@ -0,0 +1,4 @@
+export declare const H6ElementButton: ({ format }: {
+    format: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

package/dist/field/elements/h6/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/h6/Button.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,eAAgB;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,4CAI7D,CAAA"}

package/dist/field/elements/h6/Button.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { H6Icon } from '../../icons/headings/H6/index.js';
+import { ElementButton } from '../Button.js';
+export const H6ElementButton = ({ format })=>/*#__PURE__*/ _jsx(ElementButton, {
+        format: format,
+        children: /*#__PURE__*/ _jsx(H6Icon, {})
+    });
+
+//# sourceMappingURL=Button.js.map

package/dist/field/elements/h6/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/elements/h6/Button.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { H6Icon } from '../../icons/headings/H6/index.js'\nimport { ElementButton } from '../Button.js'\n\nexport const H6ElementButton = ({ format }: { format: string }) => (\n  <ElementButton format={format}>\n    <H6Icon />\n  </ElementButton>\n)\n"],"names":["React","H6Icon","ElementButton","H6ElementButton","format"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,MAAM,QAAQ,mCAAkC;AACzD,SAASC,aAAa,QAAQ,eAAc;AAE5C,OAAO,MAAMC,kBAAkB,CAAC,EAAEC,MAAM,EAAsB,iBAC5D,KAACF;QAAcE,QAAQA;kBACrB,cAAA,KAACH;OAEJ"}

package/dist/field/elements/h6/Heading6.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-export declare const Heading6: () => React.JSX.Element;
+export declare const Heading6Element: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Heading6.d.ts.map

package/dist/field/elements/h6/Heading6.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading6.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/h6/Heading6.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,QAAQ,yBAIpB,CAAA"}
+{"version":3,"file":"Heading6.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/h6/Heading6.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,+CAI3B,CAAA"}

package/dist/field/elements/h6/Heading6.js

@@ -1,9 +1,13 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useElement } from '../../providers/ElementProvider.js';
-export const Heading6 = ()=>{
+export const Heading6Element = ()=>{
     const { attributes, children } = useElement();
-    return /*#__PURE__*/ React.createElement("h6", attributes, children);
+    return /*#__PURE__*/ _jsx("h6", {
+        ...attributes,
+        children: children
+    });
 };
 
 //# sourceMappingURL=Heading6.js.map

package/dist/field/elements/h6/Heading6.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/h6/Heading6.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useElement } from '../../providers/ElementProvider.js'\n\nexport const Heading6 = () => {\n  const { attributes, children } = useElement()\n\n  return <h6 {...attributes}>{children}</h6>\n}\n"],"names":["React","useElement","Heading6","attributes","children","h6"],"rangeMappings":";;;;;;","mappings":"AAAA;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,qCAAoC;AAE/D,OAAO,MAAMC,WAAW;IACtB,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IAEjC,qBAAO,oBAACI,MAAOF,YAAaC;AAC9B,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/h6/Heading6.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useElement } from '../../providers/ElementProvider.js'\n\nexport const Heading6Element = () => {\n  const { attributes, children } = useElement()\n\n  return <h6 {...attributes}>{children}</h6>\n}\n"],"names":["React","useElement","Heading6Element","attributes","children","h6"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,qCAAoC;AAE/D,OAAO,MAAMC,kBAAkB;IAC7B,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IAEjC,qBAAO,KAACI;QAAI,GAAGF,UAAU;kBAAGC;;AAC9B,EAAC"}

package/dist/field/elements/h6/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/h6/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAQ9D,eAAO,MAAM,EAAE,EAAE,qBAQhB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/h6/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAI9D,eAAO,MAAM,EAAE,EAAE,qBAShB,CAAA"}

package/dist/field/elements/h6/index.js

@@ -1,14 +1,13 @@
-import React from 'react';
-import { H6Icon } from '../../icons/headings/H6/index.js';
-import { ElementButton } from '../Button.js';
-import { Heading6 } from './Heading6.js';
 const name = 'h6';
 export const h6 = {
     name,
-    Button: ()=>/*#__PURE__*/ React.createElement(ElementButton, {
+    Button: {
+        clientProps: {
             format: name
-        }, /*#__PURE__*/ React.createElement(H6Icon, null)),
-    Element: Heading6
+        },
+        path: '@payloadcms/richtext-slate/client#H6ElementButton'
+    },
+    Element: '@payloadcms/richtext-slate/client#Heading6Element'
 };
 
 //# sourceMappingURL=index.js.map

package/dist/field/elements/h6/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/h6/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { RichTextCustomElement } from '../../../types.js'\n\nimport { H6Icon } from '../../icons/headings/H6/index.js'\nimport { ElementButton } from '../Button.js'\nimport { Heading6 } from './Heading6.js'\n\nconst name = 'h6'\n\nexport const h6: RichTextCustomElement = {\n  name,\n  Button: () => (\n    <ElementButton format={name}>\n      <H6Icon />\n    </ElementButton>\n  ),\n  Element: Heading6,\n}\n"],"names":["React","H6Icon","ElementButton","Heading6","name","h6","Button","format","Element"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,MAAM,QAAQ,mCAAkC;AACzD,SAASC,aAAa,QAAQ,eAAc;AAC5C,SAASC,QAAQ,QAAQ,gBAAe;AAExC,MAAMC,OAAO;AAEb,OAAO,MAAMC,KAA4B;IACvCD;IACAE,QAAQ,kBACN,oBAACJ;YAAcK,QAAQH;yBACrB,oBAACH;IAGLO,SAASL;AACX,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/h6/index.tsx"],"sourcesContent":["import type { RichTextCustomElement } from '../../../types.js'\n\nconst name = 'h6'\n\nexport const h6: RichTextCustomElement = {\n  name,\n  Button: {\n    clientProps: {\n      format: name,\n    },\n    path: '@payloadcms/richtext-slate/client#H6ElementButton',\n  },\n  Element: '@payloadcms/richtext-slate/client#Heading6Element',\n}\n"],"names":["name","h6","Button","clientProps","format","path","Element"],"mappings":"AAEA,MAAMA,OAAO;AAEb,OAAO,MAAMC,KAA4B;IACvCD;IACAE,QAAQ;QACNC,aAAa;YACXC,QAAQJ;QACV;QACAK,MAAM;IACR;IACAC,SAAS;AACX,EAAC"}

package/dist/field/elements/indent/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/indent/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAiBzB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAmMhC,CAAA"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/indent/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAgB1C,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAmMhC,CAAA"}

package/dist/field/elements/indent/Button.js

@@ -1,6 +1,6 @@
 'use client';
-import React from 'react';
-import { useCallback } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback } from 'react';
 import { Editor, Element, Text, Transforms } from 'slate';
 import { ReactEditor, useSlate } from 'slate-react';
 import { IndentLeft } from '../../icons/IndentLeft/index.js';
@@ -160,18 +160,25 @@ export const IndentButton = ()=>{
         editor
     ]);
     const canDeIndent = isElementActive(editor, 'li') || isElementActive(editor, indentType);
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("button", {
-        className: [
-            baseClass,
-            !canDeIndent && `${baseClass}--disabled`
-        ].filter(Boolean).join(' '),
-        onClick: canDeIndent ? (e)=>handleIndent(e, 'left') : undefined,
-        type: "button"
-    }, /*#__PURE__*/ React.createElement(IndentLeft, null)), /*#__PURE__*/ React.createElement("button", {
-        className: baseClass,
-        onClick: (e)=>handleIndent(e, 'right'),
-        type: "button"
-    }, /*#__PURE__*/ React.createElement(IndentRight, null)));
+    return /*#__PURE__*/ _jsxs(React.Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx("button", {
+                className: [
+                    baseClass,
+                    !canDeIndent && `${baseClass}--disabled`
+                ].filter(Boolean).join(' '),
+                onClick: canDeIndent ? (e)=>handleIndent(e, 'left') : undefined,
+                type: "button",
+                children: /*#__PURE__*/ _jsx(IndentLeft, {})
+            }),
+            /*#__PURE__*/ _jsx("button", {
+                className: baseClass,
+                onClick: (e)=>handleIndent(e, 'right'),
+                type: "button",
+                children: /*#__PURE__*/ _jsx(IndentRight, {})
+            })
+        ]
+    });
 };
 
 //# sourceMappingURL=Button.js.map

package/dist/field/elements/indent/Button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/indent/Button.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\nimport { useCallback } from 'react'\nimport { Editor, Element, Text, Transforms } from 'slate'\nimport { ReactEditor, useSlate } from 'slate-react'\n\nimport type { ElementNode } from '../../../types.js'\n\nimport { IndentLeft } from '../../icons/IndentLeft/index.js'\nimport { IndentRight } from '../../icons/IndentRight/index.js'\nimport { baseClass } from '../Button.js'\nimport { getCommonBlock } from '../getCommonBlock.js'\nimport { isElementActive } from '../isActive.js'\nimport { isBlockElement } from '../isBlockElement.js'\nimport { listTypes } from '../listTypes.js'\nimport { unwrapList } from '../unwrapList.js'\nimport { indentType } from './shared.js'\n\nexport const IndentButton: React.FC = () => {\n  const editor = useSlate()\n  const handleIndent = useCallback(\n    (e, dir) => {\n      e.preventDefault()\n\n      if (dir === 'left') {\n        if (isElementActive(editor, 'li')) {\n          const [, listPath] = getCommonBlock(\n            editor,\n            (n) => Element.isElement(n) && listTypes.includes(n.type),\n          )\n\n          const matchedParentList = Editor.above(editor, {\n            at: listPath,\n            match: (n: ElementNode) => !Editor.isEditor(n) && isBlockElement(editor, n),\n          })\n\n          if (matchedParentList) {\n            const [parentListItem, parentListItemPath] = matchedParentList\n\n            if (parentListItem.children.length > 1) {\n              // Remove nested list\n              Transforms.unwrapNodes(editor, {\n                at: parentListItemPath,\n                match: (node, path) => {\n                  const matches =\n                    !Editor.isEditor(node) &&\n                    Element.isElement(node) &&\n                    listTypes.includes(node.type) &&\n                    path.length === parentListItemPath.length + 1\n\n                  return matches\n                },\n              })\n\n              // Set li type on any children that don't have a type\n              Transforms.setNodes(\n                editor,\n                { type: 'li' },\n                {\n                  at: parentListItemPath,\n                  match: (node, path) => {\n                    const matches =\n                      !Editor.isEditor(node) &&\n                      Element.isElement(node) &&\n                      node.type !== 'li' &&\n                      path.length === parentListItemPath.length + 1\n\n                    return matches\n                  },\n                },\n              )\n\n              // Parent list item path has changed at this point\n              // so we need to re-fetch the parent node\n              const [newParentNode] = Editor.node(editor, parentListItemPath)\n\n              // If the parent node is an li,\n              // lift all li nodes within\n              if (Element.isElement(newParentNode) && newParentNode.type === 'li') {\n                // Lift the nested lis\n                Transforms.liftNodes(editor, {\n                  at: parentListItemPath,\n                  match: (node, path) => {\n                    const matches =\n                      !Editor.isEditor(node) &&\n                      Element.isElement(node) &&\n                      path.length === parentListItemPath.length + 1 &&\n                      node.type === 'li'\n\n                    return matches\n                  },\n                })\n              }\n            } else {\n              Transforms.unwrapNodes(editor, {\n                at: parentListItemPath,\n                match: (node, path) => {\n                  return (\n                    Element.isElement(node) &&\n                    node.type === 'li' &&\n                    path.length === parentListItemPath.length\n                  )\n                },\n              })\n\n              Transforms.unwrapNodes(editor, {\n                match: (n) => Element.isElement(n) && listTypes.includes(n.type),\n              })\n            }\n          } else {\n            unwrapList(editor, listPath)\n          }\n        } else {\n          Transforms.unwrapNodes(editor, {\n            match: (n) => Element.isElement(n) && n.type === indentType,\n            mode: 'lowest',\n            split: true,\n          })\n        }\n      }\n\n      if (dir === 'right') {\n        const isCurrentlyOL = isElementActive(editor, 'ol')\n        const isCurrentlyUL = isElementActive(editor, 'ul')\n\n        if (isCurrentlyOL || isCurrentlyUL) {\n          // Get the path of the first selected li -\n          // Multiple lis could be selected\n          // and the selection may start in the middle of the first li\n          const [[, firstSelectedLIPath]] = Array.from(\n            Editor.nodes(editor, {\n              match: (node) => Element.isElement(node) && node.type === 'li',\n              mode: 'lowest',\n            }),\n          )\n\n          // Is the first selected li the first in its list?\n          const hasPrecedingLI = firstSelectedLIPath[firstSelectedLIPath.length - 1] > 0\n\n          // If the first selected li is NOT the first in its list,\n          // we need to inject it into the prior li\n          if (hasPrecedingLI) {\n            const [, precedingLIPath] = Editor.previous(editor, {\n              at: firstSelectedLIPath,\n            })\n\n            const [precedingLIChildren] = Editor.node(editor, [...precedingLIPath, 0])\n            const precedingLIChildrenIsText = Text.isText(precedingLIChildren)\n\n            if (precedingLIChildrenIsText) {\n              // Wrap the prior li text content so that it can be nested next to a list\n              Transforms.wrapNodes(editor, { children: [] }, { at: [...precedingLIPath, 0] })\n            }\n\n            // Move the selected lis after the prior li contents\n            Transforms.moveNodes(editor, {\n              match: (node) => Element.isElement(node) && node.type === 'li',\n              mode: 'lowest',\n              to: [...precedingLIPath, 1],\n            })\n\n            // Wrap the selected lis in a new list\n            Transforms.wrapNodes(\n              editor,\n              {\n                type: isCurrentlyOL ? 'ol' : 'ul',\n                children: [],\n              },\n              {\n                match: (node) => Element.isElement(node) && node.type === 'li',\n                mode: 'lowest',\n              },\n            )\n          } else {\n            // Otherwise, just wrap the node in a list / li\n            Transforms.wrapNodes(\n              editor,\n              {\n                type: isCurrentlyOL ? 'ol' : 'ul',\n                children: [{ type: 'li', children: [] }],\n              },\n              {\n                match: (node) => Element.isElement(node) && node.type === 'li',\n                mode: 'lowest',\n              },\n            )\n          }\n        } else {\n          Transforms.wrapNodes(editor, { type: indentType, children: [] })\n        }\n      }\n\n      ReactEditor.focus(editor)\n    },\n    [editor],\n  )\n\n  const canDeIndent = isElementActive(editor, 'li') || isElementActive(editor, indentType)\n\n  return (\n    <React.Fragment>\n      <button\n        className={[baseClass, !canDeIndent && `${baseClass}--disabled`].filter(Boolean).join(' ')}\n        onClick={canDeIndent ? (e) => handleIndent(e, 'left') : undefined}\n        type=\"button\"\n      >\n        <IndentLeft />\n      </button>\n      <button className={baseClass} onClick={(e) => handleIndent(e, 'right')} type=\"button\">\n        <IndentRight />\n      </button>\n    </React.Fragment>\n  )\n}\n"],"names":["React","useCallback","Editor","Element","Text","Transforms","ReactEditor","useSlate","IndentLeft","IndentRight","baseClass","getCommonBlock","isElementActive","isBlockElement","listTypes","unwrapList","indentType","IndentButton","editor","handleIndent","e","dir","preventDefault","listPath","n","isElement","includes","type","matchedParentList","above","at","match","isEditor","parentListItem","parentListItemPath","children","length","unwrapNodes","node","path","matches","setNodes","newParentNode","liftNodes","mode","split","isCurrentlyOL","isCurrentlyUL","firstSelectedLIPath","Array","from","nodes","hasPrecedingLI","precedingLIPath","previous","precedingLIChildren","precedingLIChildrenIsText","isText","wrapNodes","moveNodes","to","focus","canDeIndent","Fragment","button","className","filter","Boolean","join","onClick","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../src/field/elements/indent/Button.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback } from 'react'\nimport { Editor, Element, Text, Transforms } from 'slate'\nimport { ReactEditor, useSlate } from 'slate-react'\n\nimport type { ElementNode } from '../../../types.js'\n\nimport { IndentLeft } from '../../icons/IndentLeft/index.js'\nimport { IndentRight } from '../../icons/IndentRight/index.js'\nimport { baseClass } from '../Button.js'\nimport { getCommonBlock } from '../getCommonBlock.js'\nimport { isElementActive } from '../isActive.js'\nimport { isBlockElement } from '../isBlockElement.js'\nimport { listTypes } from '../listTypes.js'\nimport { unwrapList } from '../unwrapList.js'\nimport { indentType } from './shared.js'\n\nexport const IndentButton: React.FC = () => {\n  const editor = useSlate()\n  const handleIndent = useCallback(\n    (e, dir) => {\n      e.preventDefault()\n\n      if (dir === 'left') {\n        if (isElementActive(editor, 'li')) {\n          const [, listPath] = getCommonBlock(\n            editor,\n            (n) => Element.isElement(n) && listTypes.includes(n.type),\n          )\n\n          const matchedParentList = Editor.above(editor, {\n            at: listPath,\n            match: (n: ElementNode) => !Editor.isEditor(n) && isBlockElement(editor, n),\n          })\n\n          if (matchedParentList) {\n            const [parentListItem, parentListItemPath] = matchedParentList\n\n            if (parentListItem.children.length > 1) {\n              // Remove nested list\n              Transforms.unwrapNodes(editor, {\n                at: parentListItemPath,\n                match: (node, path) => {\n                  const matches =\n                    !Editor.isEditor(node) &&\n                    Element.isElement(node) &&\n                    listTypes.includes(node.type) &&\n                    path.length === parentListItemPath.length + 1\n\n                  return matches\n                },\n              })\n\n              // Set li type on any children that don't have a type\n              Transforms.setNodes(\n                editor,\n                { type: 'li' },\n                {\n                  at: parentListItemPath,\n                  match: (node, path) => {\n                    const matches =\n                      !Editor.isEditor(node) &&\n                      Element.isElement(node) &&\n                      node.type !== 'li' &&\n                      path.length === parentListItemPath.length + 1\n\n                    return matches\n                  },\n                },\n              )\n\n              // Parent list item path has changed at this point\n              // so we need to re-fetch the parent node\n              const [newParentNode] = Editor.node(editor, parentListItemPath)\n\n              // If the parent node is an li,\n              // lift all li nodes within\n              if (Element.isElement(newParentNode) && newParentNode.type === 'li') {\n                // Lift the nested lis\n                Transforms.liftNodes(editor, {\n                  at: parentListItemPath,\n                  match: (node, path) => {\n                    const matches =\n                      !Editor.isEditor(node) &&\n                      Element.isElement(node) &&\n                      path.length === parentListItemPath.length + 1 &&\n                      node.type === 'li'\n\n                    return matches\n                  },\n                })\n              }\n            } else {\n              Transforms.unwrapNodes(editor, {\n                at: parentListItemPath,\n                match: (node, path) => {\n                  return (\n                    Element.isElement(node) &&\n                    node.type === 'li' &&\n                    path.length === parentListItemPath.length\n                  )\n                },\n              })\n\n              Transforms.unwrapNodes(editor, {\n                match: (n) => Element.isElement(n) && listTypes.includes(n.type),\n              })\n            }\n          } else {\n            unwrapList(editor, listPath)\n          }\n        } else {\n          Transforms.unwrapNodes(editor, {\n            match: (n) => Element.isElement(n) && n.type === indentType,\n            mode: 'lowest',\n            split: true,\n          })\n        }\n      }\n\n      if (dir === 'right') {\n        const isCurrentlyOL = isElementActive(editor, 'ol')\n        const isCurrentlyUL = isElementActive(editor, 'ul')\n\n        if (isCurrentlyOL || isCurrentlyUL) {\n          // Get the path of the first selected li -\n          // Multiple lis could be selected\n          // and the selection may start in the middle of the first li\n          const [[, firstSelectedLIPath]] = Array.from(\n            Editor.nodes(editor, {\n              match: (node) => Element.isElement(node) && node.type === 'li',\n              mode: 'lowest',\n            }),\n          )\n\n          // Is the first selected li the first in its list?\n          const hasPrecedingLI = firstSelectedLIPath[firstSelectedLIPath.length - 1] > 0\n\n          // If the first selected li is NOT the first in its list,\n          // we need to inject it into the prior li\n          if (hasPrecedingLI) {\n            const [, precedingLIPath] = Editor.previous(editor, {\n              at: firstSelectedLIPath,\n            })\n\n            const [precedingLIChildren] = Editor.node(editor, [...precedingLIPath, 0])\n            const precedingLIChildrenIsText = Text.isText(precedingLIChildren)\n\n            if (precedingLIChildrenIsText) {\n              // Wrap the prior li text content so that it can be nested next to a list\n              Transforms.wrapNodes(editor, { children: [] }, { at: [...precedingLIPath, 0] })\n            }\n\n            // Move the selected lis after the prior li contents\n            Transforms.moveNodes(editor, {\n              match: (node) => Element.isElement(node) && node.type === 'li',\n              mode: 'lowest',\n              to: [...precedingLIPath, 1],\n            })\n\n            // Wrap the selected lis in a new list\n            Transforms.wrapNodes(\n              editor,\n              {\n                type: isCurrentlyOL ? 'ol' : 'ul',\n                children: [],\n              },\n              {\n                match: (node) => Element.isElement(node) && node.type === 'li',\n                mode: 'lowest',\n              },\n            )\n          } else {\n            // Otherwise, just wrap the node in a list / li\n            Transforms.wrapNodes(\n              editor,\n              {\n                type: isCurrentlyOL ? 'ol' : 'ul',\n                children: [{ type: 'li', children: [] }],\n              },\n              {\n                match: (node) => Element.isElement(node) && node.type === 'li',\n                mode: 'lowest',\n              },\n            )\n          }\n        } else {\n          Transforms.wrapNodes(editor, { type: indentType, children: [] })\n        }\n      }\n\n      ReactEditor.focus(editor)\n    },\n    [editor],\n  )\n\n  const canDeIndent = isElementActive(editor, 'li') || isElementActive(editor, indentType)\n\n  return (\n    <React.Fragment>\n      <button\n        className={[baseClass, !canDeIndent && `${baseClass}--disabled`].filter(Boolean).join(' ')}\n        onClick={canDeIndent ? (e) => handleIndent(e, 'left') : undefined}\n        type=\"button\"\n      >\n        <IndentLeft />\n      </button>\n      <button className={baseClass} onClick={(e) => handleIndent(e, 'right')} type=\"button\">\n        <IndentRight />\n      </button>\n    </React.Fragment>\n  )\n}\n"],"names":["React","useCallback","Editor","Element","Text","Transforms","ReactEditor","useSlate","IndentLeft","IndentRight","baseClass","getCommonBlock","isElementActive","isBlockElement","listTypes","unwrapList","indentType","IndentButton","editor","handleIndent","e","dir","preventDefault","listPath","n","isElement","includes","type","matchedParentList","above","at","match","isEditor","parentListItem","parentListItemPath","children","length","unwrapNodes","node","path","matches","setNodes","newParentNode","liftNodes","mode","split","isCurrentlyOL","isCurrentlyUL","firstSelectedLIPath","Array","from","nodes","hasPrecedingLI","precedingLIPath","previous","precedingLIChildren","precedingLIChildrenIsText","isText","wrapNodes","moveNodes","to","focus","canDeIndent","Fragment","button","className","filter","Boolean","join","onClick","undefined"],"mappings":"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"}

package/dist/field/elements/indent/Element.js

@@ -1,14 +1,16 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useElement } from '../../providers/ElementProvider.js';
 export const IndentElement = ()=>{
     const { attributes, children } = useElement();
-    return /*#__PURE__*/ React.createElement("div", {
+    return /*#__PURE__*/ _jsx("div", {
         style: {
             paddingLeft: 25
         },
-        ...attributes
-    }, children);
+        ...attributes,
+        children: children
+    });
 };
 
 //# sourceMappingURL=Element.js.map

package/dist/field/elements/indent/Element.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/indent/Element.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useElement } from '../../providers/ElementProvider.js'\n\nexport const IndentElement: React.FC = () => {\n  const { attributes, children } = useElement()\n\n  return (\n    <div style={{ paddingLeft: 25 }} {...attributes}>\n      {children}\n    </div>\n  )\n}\n"],"names":["React","useElement","IndentElement","attributes","children","div","style","paddingLeft"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,qCAAoC;AAE/D,OAAO,MAAMC,gBAA0B;IACrC,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IAEjC,qBACE,oBAACI;QAAIC,OAAO;YAAEC,aAAa;QAAG;QAAI,GAAGJ,UAAU;OAC5CC;AAGP,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/indent/Element.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useElement } from '../../providers/ElementProvider.js'\n\nexport const IndentElement: React.FC = () => {\n  const { attributes, children } = useElement()\n\n  return (\n    <div style={{ paddingLeft: 25 }} {...attributes}>\n      {children}\n    </div>\n  )\n}\n"],"names":["React","useElement","IndentElement","attributes","children","div","style","paddingLeft"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,qCAAoC;AAE/D,OAAO,MAAMC,gBAA0B;IACrC,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IAEjC,qBACE,KAACI;QAAIC,OAAO;YAAEC,aAAa;QAAG;QAAI,GAAGJ,UAAU;kBAC5CC;;AAGP,EAAC"}

package/dist/field/elements/indent/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/indent/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAM9D,eAAO,MAAM,MAAM,EAAE,qBAIpB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/indent/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAI9D,eAAO,MAAM,MAAM,EAAE,qBAIpB,CAAA"}

package/dist/field/elements/indent/index.js

@@ -1,10 +1,8 @@
-import { IndentButton } from './Button.js';
-import { IndentElement } from './Element.js';
 import { indentType } from './shared.js';
 export const indent = {
     name: indentType,
-    Button: IndentButton,
-    Element: IndentElement
+    Button: '@payloadcms/richtext-slate/client#IndentButton',
+    Element: '@payloadcms/richtext-slate/client#IndentElement'
 };
 
 //# sourceMappingURL=index.js.map

package/dist/field/elements/indent/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/indent/index.ts"],"sourcesContent":["import type { RichTextCustomElement } from '../../../types.js'\n\nimport { IndentButton } from './Button.js'\nimport { IndentElement } from './Element.js'\nimport { indentType } from './shared.js'\n\nexport const indent: RichTextCustomElement = {\n  name: indentType,\n  Button: IndentButton,\n  Element: IndentElement,\n}\n"],"names":["IndentButton","IndentElement","indentType","indent","name","Button","Element"],"rangeMappings":";;;;;;;","mappings":"AAEA,SAASA,YAAY,QAAQ,cAAa;AAC1C,SAASC,aAAa,QAAQ,eAAc;AAC5C,SAASC,UAAU,QAAQ,cAAa;AAExC,OAAO,MAAMC,SAAgC;IAC3CC,MAAMF;IACNG,QAAQL;IACRM,SAASL;AACX,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/indent/index.ts"],"sourcesContent":["import type { RichTextCustomElement } from '../../../types.js'\n\nimport { indentType } from './shared.js'\n\nexport const indent: RichTextCustomElement = {\n  name: indentType,\n  Button: '@payloadcms/richtext-slate/client#IndentButton',\n  Element: '@payloadcms/richtext-slate/client#IndentElement',\n}\n"],"names":["indentType","indent","name","Button","Element"],"mappings":"AAEA,SAASA,UAAU,QAAQ,cAAa;AAExC,OAAO,MAAMC,SAAgC;IAC3CC,MAAMF;IACNG,QAAQ;IACRC,SAAS;AACX,EAAC"}

package/dist/field/elements/indent/shared.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/indent/shared.ts"],"sourcesContent":["export const indentType = 'indent'\n"],"names":["indentType"],"rangeMappings":"","mappings":"AAAA,OAAO,MAAMA,aAAa,SAAQ"}
+{"version":3,"sources":["../../../../src/field/elements/indent/shared.ts"],"sourcesContent":["export const indentType = 'indent'\n"],"names":["indentType"],"mappings":"AAAA,OAAO,MAAMA,aAAa,SAAQ"}

package/dist/field/elements/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/field/elements/index.tsx"],"sourcesContent":["import type { RichTextCustomElement } from '../../types.js'\n\nimport { blockquote } from './blockquote/index.js'\nimport { h1 } from './h1/index.js'\nimport { h2 } from './h2/index.js'\nimport { h3 } from './h3/index.js'\nimport { h4 } from './h4/index.js'\nimport { h5 } from './h5/index.js'\nimport { h6 } from './h6/index.js'\nimport { indent } from './indent/index.js'\nimport { li } from './li/index.js'\nimport { link } from './link/index.js'\nimport { ol } from './ol/index.js'\nimport { relationship } from './relationship/index.js'\nimport { textAlign } from './textAlign/index.js'\nimport { ul } from './ul/index.js'\nimport { upload } from './upload/index.js'\n\nexport const elements: Record<string, RichTextCustomElement> = {\n  blockquote,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  indent,\n  li,\n  link,\n  ol,\n  relationship,\n  textAlign,\n  ul,\n  upload,\n}\n"],"names":["blockquote","h1","h2","h3","h4","h5","h6","indent","li","link","ol","relationship","textAlign","ul","upload","elements"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,SAASA,UAAU,QAAQ,wBAAuB;AAClD,SAASC,EAAE,QAAQ,gBAAe;AAClC,SAASC,EAAE,QAAQ,gBAAe;AAClC,SAASC,EAAE,QAAQ,gBAAe;AAClC,SAASC,EAAE,QAAQ,gBAAe;AAClC,SAASC,EAAE,QAAQ,gBAAe;AAClC,SAASC,EAAE,QAAQ,gBAAe;AAClC,SAASC,MAAM,QAAQ,oBAAmB;AAC1C,SAASC,EAAE,QAAQ,gBAAe;AAClC,SAASC,IAAI,QAAQ,kBAAiB;AACtC,SAASC,EAAE,QAAQ,gBAAe;AAClC,SAASC,YAAY,QAAQ,0BAAyB;AACtD,SAASC,SAAS,QAAQ,uBAAsB;AAChD,SAASC,EAAE,QAAQ,gBAAe;AAClC,SAASC,MAAM,QAAQ,oBAAmB;AAE1C,OAAO,MAAMC,WAAkD;IAC7Df;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;AACF,EAAC"}
+{"version":3,"sources":["../../../src/field/elements/index.tsx"],"sourcesContent":["import type { RichTextCustomElement } from '../../types.js'\n\nimport { blockquote } from './blockquote/index.js'\nimport { h1 } from './h1/index.js'\nimport { h2 } from './h2/index.js'\nimport { h3 } from './h3/index.js'\nimport { h4 } from './h4/index.js'\nimport { h5 } from './h5/index.js'\nimport { h6 } from './h6/index.js'\nimport { indent } from './indent/index.js'\nimport { li } from './li/index.js'\nimport { link } from './link/index.js'\nimport { ol } from './ol/index.js'\nimport { relationship } from './relationship/index.js'\nimport { textAlign } from './textAlign/index.js'\nimport { ul } from './ul/index.js'\nimport { upload } from './upload/index.js'\n\nexport const elements: Record<string, RichTextCustomElement> = {\n  blockquote,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  indent,\n  li,\n  link,\n  ol,\n  relationship,\n  textAlign,\n  ul,\n  upload,\n}\n"],"names":["blockquote","h1","h2","h3","h4","h5","h6","indent","li","link","ol","relationship","textAlign","ul","upload","elements"],"mappings":"AAEA,SAASA,UAAU,QAAQ,wBAAuB;AAClD,SAASC,EAAE,QAAQ,gBAAe;AAClC,SAASC,EAAE,QAAQ,gBAAe;AAClC,SAASC,EAAE,QAAQ,gBAAe;AAClC,SAASC,EAAE,QAAQ,gBAAe;AAClC,SAASC,EAAE,QAAQ,gBAAe;AAClC,SAASC,EAAE,QAAQ,gBAAe;AAClC,SAASC,MAAM,QAAQ,oBAAmB;AAC1C,SAASC,EAAE,QAAQ,gBAAe;AAClC,SAASC,IAAI,QAAQ,kBAAiB;AACtC,SAASC,EAAE,QAAQ,gBAAe;AAClC,SAASC,YAAY,QAAQ,0BAAyB;AACtD,SAASC,SAAS,QAAQ,uBAAsB;AAChD,SAASC,EAAE,QAAQ,gBAAe;AAClC,SAASC,MAAM,QAAQ,oBAAmB;AAE1C,OAAO,MAAMC,WAAkD;IAC7Df;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;AACF,EAAC"}