@payloadcms/richtext-slate 3.0.0-beta.4 → 3.0.0-beta.40

package/dist/field/elements/ListButton.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useCallback } from 'react';
 import { useSlate } from 'slate-react';
 import '../buttons.scss';
@@ -14,15 +15,16 @@ export const ListButton = ({ children, className, format, onClick })=>{
         editor,
         format
     ]);
-    return /*#__PURE__*/ React.createElement("button", {
+    return /*#__PURE__*/ _jsx("button", {
         className: [
             baseClass,
             className,
             isListActive(editor, format) && `${baseClass}__button--active`
         ].filter(Boolean).join(' '),
         onClick: onClick || defaultOnClick,
-        type: "button"
-    }, children);
+        type: "button",
+        children: children
+    });
 };
 
 //# sourceMappingURL=ListButton.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/field/elements/ListButton.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback } from 'react'\nimport { useSlate } from 'slate-react'\n\nimport type { ButtonProps } from './types.js'\n\nimport '../buttons.scss'\nimport { isListActive } from './isListActive.js'\nimport { toggleList } from './toggleList.js'\n\nexport const baseClass = 'rich-text__button'\n\nexport const ListButton: React.FC<ButtonProps> = ({ children, className, format, onClick }) => {\n  const editor = useSlate()\n\n  const defaultOnClick = useCallback(\n    (event) => {\n      event.preventDefault()\n      toggleList(editor, format)\n    },\n    [editor, format],\n  )\n\n  return (\n    <button\n      className={[\n        baseClass,\n        className,\n        isListActive(editor, format) && `${baseClass}__button--active`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      onClick={onClick || defaultOnClick}\n      type=\"button\"\n    >\n      {children}\n    </button>\n  )\n}\n"],"names":["React","useCallback","useSlate","isListActive","toggleList","baseClass","ListButton","children","className","format","onClick","editor","defaultOnClick","event","preventDefault","button","filter","Boolean","join","type"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,OAAOA,SAASC,WAAW,QAAQ,QAAO;AAC1C,SAASC,QAAQ,QAAQ,cAAa;AAItC,OAAO,kBAAiB;AACxB,SAASC,YAAY,QAAQ,oBAAmB;AAChD,SAASC,UAAU,QAAQ,kBAAiB;AAE5C,OAAO,MAAMC,YAAY,oBAAmB;AAE5C,OAAO,MAAMC,aAAoC,CAAC,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,MAAM,EAAEC,OAAO,EAAE;IACxF,MAAMC,SAAST;IAEf,MAAMU,iBAAiBX,YACrB,CAACY;QACCA,MAAMC,cAAc;QACpBV,WAAWO,QAAQF;IACrB,GACA;QAACE;QAAQF;KAAO;IAGlB,qBACE,oBAACM;QACCP,WAAW;YACTH;YACAG;YACAL,aAAaQ,QAAQF,WAAW,CAAC,EAAEJ,UAAU,gBAAgB,CAAC;SAC/D,CACEW,MAAM,CAACC,SACPC,IAAI,CAAC;QACRR,SAASA,WAAWE;QACpBO,MAAK;OAEJZ;AAGP,EAAC"}
+{"version":3,"sources":["../../../src/field/elements/ListButton.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback } from 'react'\nimport { useSlate } from 'slate-react'\n\nimport type { ButtonProps } from './types.js'\n\nimport '../buttons.scss'\nimport { isListActive } from './isListActive.js'\nimport { toggleList } from './toggleList.js'\n\nexport const baseClass = 'rich-text__button'\n\nexport const ListButton: React.FC<ButtonProps> = ({ children, className, format, onClick }) => {\n  const editor = useSlate()\n\n  const defaultOnClick = useCallback(\n    (event) => {\n      event.preventDefault()\n      toggleList(editor, format)\n    },\n    [editor, format],\n  )\n\n  return (\n    <button\n      className={[\n        baseClass,\n        className,\n        isListActive(editor, format) && `${baseClass}__button--active`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      onClick={onClick || defaultOnClick}\n      type=\"button\"\n    >\n      {children}\n    </button>\n  )\n}\n"],"names":["React","useCallback","useSlate","isListActive","toggleList","baseClass","ListButton","children","className","format","onClick","editor","defaultOnClick","event","preventDefault","button","filter","Boolean","join","type"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAEA,OAAOA,SAASC,WAAW,QAAQ,QAAO;AAC1C,SAASC,QAAQ,QAAQ,cAAa;AAItC,OAAO,kBAAiB;AACxB,SAASC,YAAY,QAAQ,oBAAmB;AAChD,SAASC,UAAU,QAAQ,kBAAiB;AAE5C,OAAO,MAAMC,YAAY,oBAAmB;AAE5C,OAAO,MAAMC,aAAoC,CAAC,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,MAAM,EAAEC,OAAO,EAAE;IACxF,MAAMC,SAAST;IAEf,MAAMU,iBAAiBX,YACrB,CAACY;QACCA,MAAMC,cAAc;QACpBV,WAAWO,QAAQF;IACrB,GACA;QAACE;QAAQF;KAAO;IAGlB,qBACE,KAACM;QACCP,WAAW;YACTH;YACAG;YACAL,aAAaQ,QAAQF,WAAW,CAAC,EAAEJ,UAAU,gBAAgB,CAAC;SAC/D,CACEW,MAAM,CAACC,SACPC,IAAI,CAAC;QACRR,SAASA,WAAWE;QACpBO,MAAK;kBAEJZ;;AAGP,EAAC"}

package/dist/field/elements/blockquote/Blockquote.d.ts

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

package/dist/field/elements/blockquote/Blockquote.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Blockquote.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/blockquote/Blockquote.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,UAAU,yBAQtB,CAAA"}
+{"version":3,"file":"Blockquote.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/blockquote/Blockquote.tsx"],"names":[],"mappings":"AAKA,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,UAAU,+CAQtB,CAAA"}

package/dist/field/elements/blockquote/Blockquote.js

@@ -1,13 +1,15 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useElement } from '../../providers/ElementProvider.js';
 import './index.scss';
 export const Blockquote = ()=>{
     const { attributes, children } = useElement();
-    return /*#__PURE__*/ React.createElement("blockquote", {
+    return /*#__PURE__*/ _jsx("blockquote", {
         className: "rich-text-blockquote",
-        ...attributes
-    }, children);
+        ...attributes,
+        children: children
+    });
 };
 
 //# sourceMappingURL=Blockquote.js.map

package/dist/field/elements/blockquote/Blockquote.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/blockquote/Blockquote.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useElement } from '../../providers/ElementProvider.js'\nimport './index.scss'\n\nexport const Blockquote = () => {\n  const { attributes, children } = useElement()\n\n  return (\n    <blockquote className=\"rich-text-blockquote\" {...attributes}>\n      {children}\n    </blockquote>\n  )\n}\n"],"names":["React","useElement","Blockquote","attributes","children","blockquote","className"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,qCAAoC;AAC/D,OAAO,eAAc;AAErB,OAAO,MAAMC,aAAa;IACxB,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IAEjC,qBACE,oBAACI;QAAWC,WAAU;QAAwB,GAAGH,UAAU;OACxDC;AAGP,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/blockquote/Blockquote.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useElement } from '../../providers/ElementProvider.js'\nimport './index.scss'\n\nexport const Blockquote = () => {\n  const { attributes, children } = useElement()\n\n  return (\n    <blockquote className=\"rich-text-blockquote\" {...attributes}>\n      {children}\n    </blockquote>\n  )\n}\n"],"names":["React","useElement","Blockquote","attributes","children","blockquote","className"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,qCAAoC;AAC/D,OAAO,eAAc;AAErB,OAAO,MAAMC,aAAa;IACxB,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IAEjC,qBACE,KAACI;QAAWC,WAAU;QAAwB,GAAGH,UAAU;kBACxDC;;AAGP,EAAC"}

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { BlockquoteIcon } from '../../icons/Blockquote/index.js';
 import { ElementButton } from '../Button.js';
@@ -5,9 +6,10 @@ import { Blockquote } from './Blockquote.js';
 const name = 'blockquote';
 export const blockquote = {
     name,
-    Button: ()=>/*#__PURE__*/ React.createElement(ElementButton, {
-            format: name
-        }, /*#__PURE__*/ React.createElement(BlockquoteIcon, null)),
+    Button: ()=>/*#__PURE__*/ _jsx(ElementButton, {
+            format: name,
+            children: /*#__PURE__*/ _jsx(BlockquoteIcon, {})
+        }),
     Element: Blockquote
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/blockquote/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { RichTextCustomElement } from '../../../types.js'\n\nimport { BlockquoteIcon } from '../../icons/Blockquote/index.js'\nimport { ElementButton } from '../Button.js'\nimport { Blockquote } from './Blockquote.js'\n\nconst name = 'blockquote'\n\nexport const blockquote: RichTextCustomElement = {\n  name,\n  Button: () => (\n    <ElementButton format={name}>\n      <BlockquoteIcon />\n    </ElementButton>\n  ),\n  Element: Blockquote,\n}\n"],"names":["React","BlockquoteIcon","ElementButton","Blockquote","name","blockquote","Button","format","Element"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,cAAc,QAAQ,kCAAiC;AAChE,SAASC,aAAa,QAAQ,eAAc;AAC5C,SAASC,UAAU,QAAQ,kBAAiB;AAE5C,MAAMC,OAAO;AAEb,OAAO,MAAMC,aAAoC;IAC/CD;IACAE,QAAQ,kBACN,oBAACJ;YAAcK,QAAQH;yBACrB,oBAACH;IAGLO,SAASL;AACX,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/blockquote/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { RichTextCustomElement } from '../../../types.js'\n\nimport { BlockquoteIcon } from '../../icons/Blockquote/index.js'\nimport { ElementButton } from '../Button.js'\nimport { Blockquote } from './Blockquote.js'\n\nconst name = 'blockquote'\n\nexport const blockquote: RichTextCustomElement = {\n  name,\n  Button: () => (\n    <ElementButton format={name}>\n      <BlockquoteIcon />\n    </ElementButton>\n  ),\n  Element: Blockquote,\n}\n"],"names":["React","BlockquoteIcon","ElementButton","Blockquote","name","blockquote","Button","format","Element"],"rangeMappings":";;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,cAAc,QAAQ,kCAAiC;AAChE,SAASC,aAAa,QAAQ,eAAc;AAC5C,SAASC,UAAU,QAAQ,kBAAiB;AAE5C,MAAMC,OAAO;AAEb,OAAO,MAAMC,aAAoC;IAC/CD;IACAE,QAAQ,kBACN,KAACJ;YAAcK,QAAQH;sBACrB,cAAA,KAACH;;IAGLO,SAASL;AACX,EAAC"}

package/dist/field/elements/h1/Heading1.d.ts

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

package/dist/field/elements/h1/Heading1.d.ts.map

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

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

package/dist/field/elements/h1/Heading1.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/h1/Heading1.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useElement } from '../../providers/ElementProvider.js'\n\nexport const Heading1 = () => {\n  const { attributes, children } = useElement()\n\n  return <h1 {...attributes}>{children}</h1>\n}\n"],"names":["React","useElement","Heading1","attributes","children","h1"],"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/h1/Heading1.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useElement } from '../../providers/ElementProvider.js'\n\nexport const Heading1 = () => {\n  const { attributes, children } = useElement()\n\n  return <h1 {...attributes}>{children}</h1>\n}\n"],"names":["React","useElement","Heading1","attributes","children","h1"],"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,KAACI;QAAI,GAAGF,UAAU;kBAAGC;;AAC9B,EAAC"}

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { H1Icon } from '../../icons/headings/H1/index.js';
 import { ElementButton } from '../Button.js';
@@ -5,9 +6,10 @@ import { Heading1 } from './Heading1.js';
 const name = 'h1';
 export const h1 = {
     name,
-    Button: ()=>/*#__PURE__*/ React.createElement(ElementButton, {
-            format: name
-        }, /*#__PURE__*/ React.createElement(H1Icon, null)),
+    Button: ()=>/*#__PURE__*/ _jsx(ElementButton, {
+            format: name,
+            children: /*#__PURE__*/ _jsx(H1Icon, {})
+        }),
     Element: Heading1
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/h1/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { RichTextCustomElement } from '../../../types.js'\n\nimport { H1Icon } from '../../icons/headings/H1/index.js'\nimport { ElementButton } from '../Button.js'\nimport { Heading1 } from './Heading1.js'\n\nconst name = 'h1'\n\nexport const h1: RichTextCustomElement = {\n  name,\n  Button: () => (\n    <ElementButton format={name}>\n      <H1Icon />\n    </ElementButton>\n  ),\n  Element: Heading1,\n}\n"],"names":["React","H1Icon","ElementButton","Heading1","name","h1","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/h1/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { RichTextCustomElement } from '../../../types.js'\n\nimport { H1Icon } from '../../icons/headings/H1/index.js'\nimport { ElementButton } from '../Button.js'\nimport { Heading1 } from './Heading1.js'\n\nconst name = 'h1'\n\nexport const h1: RichTextCustomElement = {\n  name,\n  Button: () => (\n    <ElementButton format={name}>\n      <H1Icon />\n    </ElementButton>\n  ),\n  Element: Heading1,\n}\n"],"names":["React","H1Icon","ElementButton","Heading1","name","h1","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,KAACJ;YAAcK,QAAQH;sBACrB,cAAA,KAACH;;IAGLO,SAASL;AACX,EAAC"}

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 Heading2: () => 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,QAAQ,+CAIpB,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 = ()=>{
     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 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,KAACI;QAAI,GAAGF,UAAU;kBAAGC;;AAC9B,EAAC"}

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { H2Icon } from '../../icons/headings/H2/index.js';
 import { ElementButton } from '../Button.js';
@@ -5,9 +6,10 @@ import { Heading2 } from './Heading2.js';
 const name = 'h2';
 export const h2 = {
     name,
-    Button: ()=>/*#__PURE__*/ React.createElement(ElementButton, {
-            format: name
-        }, /*#__PURE__*/ React.createElement(H2Icon, null)),
+    Button: ()=>/*#__PURE__*/ _jsx(ElementButton, {
+            format: name,
+            children: /*#__PURE__*/ _jsx(H2Icon, {})
+        }),
     Element: Heading2
 };
 

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 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,KAACJ;YAAcK,QAAQH;sBACrB,cAAA,KAACH;;IAGLO,SAASL;AACX,EAAC"}

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 Heading3: () => 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,QAAQ,+CAIpB,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 = ()=>{
     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 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,KAACI;QAAI,GAAGF,UAAU;kBAAGC;;AAC9B,EAAC"}

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

@@ -1,3 +1,4 @@
+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';
@@ -5,9 +6,10 @@ import { Heading3 } from './Heading3.js';
 const name = 'h3';
 export const h3 = {
     name,
-    Button: ()=>/*#__PURE__*/ React.createElement(ElementButton, {
-            format: name
-        }, /*#__PURE__*/ React.createElement(H3Icon, null)),
+    Button: ()=>/*#__PURE__*/ _jsx(ElementButton, {
+            format: name,
+            children: /*#__PURE__*/ _jsx(H3Icon, {})
+        }),
     Element: Heading3
 };
 

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 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,KAACJ;YAAcK,QAAQH;sBACrB,cAAA,KAACH;;IAGLO,SAASL;AACX,EAAC"}

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 Heading4: () => 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,QAAQ,+CAIpB,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 = ()=>{
     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 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,KAACI;QAAI,GAAGF,UAAU;kBAAGC;;AAC9B,EAAC"}

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

@@ -1,3 +1,4 @@
+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';
@@ -5,9 +6,10 @@ import { Heading4 } from './Heading4.js';
 const name = 'h4';
 export const h4 = {
     name,
-    Button: ()=>/*#__PURE__*/ React.createElement(ElementButton, {
-            format: name
-        }, /*#__PURE__*/ React.createElement(H4Icon, null)),
+    Button: ()=>/*#__PURE__*/ _jsx(ElementButton, {
+            format: name,
+            children: /*#__PURE__*/ _jsx(H4Icon, {})
+        }),
     Element: Heading4
 };
 

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 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,KAACJ;YAAcK,QAAQH;sBACrB,cAAA,KAACH;;IAGLO,SAASL;AACX,EAAC"}

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 Heading5: () => 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,QAAQ,+CAIpB,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 = ()=>{
     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 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,KAACI;QAAI,GAAGF,UAAU;kBAAGC;;AAC9B,EAAC"}

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

@@ -1,3 +1,4 @@
+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';
@@ -5,9 +6,10 @@ import { Heading5 } from './Heading5.js';
 const name = 'h5';
 export const h5 = {
     name,
-    Button: ()=>/*#__PURE__*/ React.createElement(ElementButton, {
-            format: name
-        }, /*#__PURE__*/ React.createElement(H5Icon, null)),
+    Button: ()=>/*#__PURE__*/ _jsx(ElementButton, {
+            format: name,
+            children: /*#__PURE__*/ _jsx(H5Icon, {})
+        }),
     Element: Heading5
 };
 

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 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,KAACJ;YAAcK,QAAQH;sBACrB,cAAA,KAACH;;IAGLO,SAASL;AACX,EAAC"}

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 Heading6: () => 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,QAAQ,+CAIpB,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 = ()=>{
     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 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,KAACI;QAAI,GAAGF,UAAU;kBAAGC;;AAC9B,EAAC"}

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

@@ -1,3 +1,4 @@
+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';
@@ -5,9 +6,10 @@ import { Heading6 } from './Heading6.js';
 const name = 'h6';
 export const h6 = {
     name,
-    Button: ()=>/*#__PURE__*/ React.createElement(ElementButton, {
-            format: name
-        }, /*#__PURE__*/ React.createElement(H6Icon, null)),
+    Button: ()=>/*#__PURE__*/ _jsx(ElementButton, {
+            format: name,
+            children: /*#__PURE__*/ _jsx(H6Icon, {})
+        }),
     Element: Heading6
 };
 

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 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,KAACJ;YAAcK,QAAQH;sBACrB,cAAA,KAACH;;IAGLO,SAASL;AACX,EAAC"}

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

@@ -1,4 +1,5 @@
 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { useCallback } from 'react';
 import { Editor, Element, Text, Transforms } from 'slate';
@@ -160,18 +161,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