@payloadcms/richtext-slate 3.0.0-beta.9 → 3.0.0-beta.91

package/dist/field/elements/h2/Heading2.d.ts

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

package/dist/field/elements/h2/Heading2.d.ts.map

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

package/dist/field/elements/h2/Heading2.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 Heading2 = ()=>{
+export const Heading2Element = ()=>{
     const { attributes, children } = useElement();
-    return /*#__PURE__*/ React.createElement("h2", attributes, children);
+    return /*#__PURE__*/ _jsx("h2", {
+        ...attributes,
+        children: children
+    });
 };
 
 //# sourceMappingURL=Heading2.js.map

package/dist/field/elements/h2/Heading2.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/h2/Heading2.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useElement } from '../../providers/ElementProvider.js'\n\nexport const Heading2 = () => {\n  const { attributes, children } = useElement()\n\n  return <h2 {...attributes}>{children}</h2>\n}\n"],"names":["React","useElement","Heading2","attributes","children","h2"],"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/h2/Heading2.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useElement } from '../../providers/ElementProvider.js'\n\nexport const Heading2Element = () => {\n  const { attributes, children } = useElement()\n\n  return <h2 {...attributes}>{children}</h2>\n}\n"],"names":["React","useElement","Heading2Element","attributes","children","h2"],"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/h2/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/h2/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/h2/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAI9D,eAAO,MAAM,EAAE,EAAE,qBAShB,CAAA"}

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

@@ -1,14 +1,13 @@
-import React from 'react';
-import { H2Icon } from '../../icons/headings/H2/index.js';
-import { ElementButton } from '../Button.js';
-import { Heading2 } from './Heading2.js';
 const name = 'h2';
 export const h2 = {
     name,
-    Button: ()=>/*#__PURE__*/ React.createElement(ElementButton, {
+    Button: {
+        clientProps: {
             format: name
-        }, /*#__PURE__*/ React.createElement(H2Icon, null)),
-    Element: Heading2
+        },
+        path: '@payloadcms/richtext-slate/client#H2ElementButton'
+    },
+    Element: '@payloadcms/richtext-slate/client#Heading2Element'
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/h2/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { RichTextCustomElement } from '../../../types.js'\n\nimport { H2Icon } from '../../icons/headings/H2/index.js'\nimport { ElementButton } from '../Button.js'\nimport { Heading2 } from './Heading2.js'\n\nconst name = 'h2'\n\nexport const h2: RichTextCustomElement = {\n  name,\n  Button: () => (\n    <ElementButton format={name}>\n      <H2Icon />\n    </ElementButton>\n  ),\n  Element: Heading2,\n}\n"],"names":["React","H2Icon","ElementButton","Heading2","name","h2","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/h2/index.tsx"],"sourcesContent":["import type { RichTextCustomElement } from '../../../types.js'\n\nconst name = 'h2'\n\nexport const h2: RichTextCustomElement = {\n  name,\n  Button: {\n    clientProps: {\n      format: name,\n    },\n    path: '@payloadcms/richtext-slate/client#H2ElementButton',\n  },\n  Element: '@payloadcms/richtext-slate/client#Heading2Element',\n}\n"],"names":["name","h2","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/h3/Button.d.ts

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

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

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

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":"AAOA,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'\nimport { Heading2Element } from '../h2/Heading2.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;AAG/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":"AAOA,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'\nimport { Heading2Element } from '../h2/Heading2.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;AAG/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":"AAOA,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'\nimport { Heading2Element } from '../h2/Heading2.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;AAG/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":"AAOA,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'\nimport { Heading2Element } from '../h2/Heading2.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;AAG/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