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

package/dist/field/icons/Upload/index.js

@@ -1,17 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
-export const UploadIcon = ()=>/*#__PURE__*/ React.createElement("svg", {
+export const UploadIcon = ()=>/*#__PURE__*/ _jsxs("svg", {
         className: "icon icon--upload",
         viewBox: "0 0 25 25",
-        xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/ React.createElement("path", {
-        className: "fill",
-        d: "M20.06,5.12h-15v15h15Zm-2,2v7L15.37,11l-3.27,4.1-2-1.58-3,3.74V7.12Z"
-    }), /*#__PURE__*/ React.createElement("circle", {
-        className: "fill",
-        cx: "9.69",
-        cy: "9.47",
-        r: "0.97"
-    }));
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                className: "fill",
+                d: "M20.06,5.12h-15v15h15Zm-2,2v7L15.37,11l-3.27,4.1-2-1.58-3,3.74V7.12Z"
+            }),
+            /*#__PURE__*/ _jsx("circle", {
+                className: "fill",
+                cx: "9.69",
+                cy: "9.47",
+                r: "0.97"
+            })
+        ]
+    });
 
 //# sourceMappingURL=index.js.map

package/dist/field/icons/Upload/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/icons/Upload/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const UploadIcon: React.FC = () => (\n  <svg className=\"icon icon--upload\" viewBox=\"0 0 25 25\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      className=\"fill\"\n      d=\"M20.06,5.12h-15v15h15Zm-2,2v7L15.37,11l-3.27,4.1-2-1.58-3,3.74V7.12Z\"\n    />\n    <circle className=\"fill\" cx=\"9.69\" cy=\"9.47\" r=\"0.97\" />\n  </svg>\n)\n"],"names":["React","UploadIcon","svg","className","viewBox","xmlns","path","d","circle","cx","cy","r"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,aAAuB,kBAClC,oBAACC;QAAIC,WAAU;QAAoBC,SAAQ;QAAYC,OAAM;qBAC3D,oBAACC;QACCH,WAAU;QACVI,GAAE;sBAEJ,oBAACC;QAAOL,WAAU;QAAOM,IAAG;QAAOC,IAAG;QAAOC,GAAE;QAElD"}
+{"version":3,"sources":["../../../../src/field/icons/Upload/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const UploadIcon: React.FC = () => (\n  <svg className=\"icon icon--upload\" viewBox=\"0 0 25 25\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      className=\"fill\"\n      d=\"M20.06,5.12h-15v15h15Zm-2,2v7L15.37,11l-3.27,4.1-2-1.58-3,3.74V7.12Z\"\n    />\n    <circle className=\"fill\" cx=\"9.69\" cy=\"9.47\" r=\"0.97\" />\n  </svg>\n)\n"],"names":["React","UploadIcon","svg","className","viewBox","xmlns","path","d","circle","cx","cy","r"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,aAAuB,kBAClC,MAACC;QAAIC,WAAU;QAAoBC,SAAQ;QAAYC,OAAM;;0BAC3D,KAACC;gBACCH,WAAU;gBACVI,GAAE;;0BAEJ,KAACC;gBAAOL,WAAU;gBAAOM,IAAG;gBAAOC,IAAG;gBAAOC,GAAE;;;OAElD"}

package/dist/field/icons/headings/H1/index.js

@@ -1,17 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-export const H1Icon = ()=>/*#__PURE__*/ React.createElement("svg", {
+export const H1Icon = ()=>/*#__PURE__*/ _jsxs("svg", {
         "aria-hidden": "true",
         className: "graphic h1-icon",
         fill: "currentColor",
         focusable: "false",
         viewBox: "0 0 24 24",
-        xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M0 0h24v24H0z",
-        fill: "none"
-    }), /*#__PURE__*/ React.createElement("path", {
-        className: "fill",
-        d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14h-2V9h-2V7h4v10z"
-    }));
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                d: "M0 0h24v24H0z",
+                fill: "none"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                className: "fill",
+                d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14h-2V9h-2V7h4v10z"
+            })
+        ]
+    });
 
 //# sourceMappingURL=index.js.map

package/dist/field/icons/headings/H1/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/field/icons/headings/H1/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const H1Icon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic h1-icon\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n    <path\n      className=\"fill\"\n      d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14h-2V9h-2V7h4v10z\"\n    />\n  </svg>\n)\n"],"names":["React","H1Icon","svg","aria-hidden","className","fill","focusable","viewBox","xmlns","path","d"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,SAAmB,kBAC9B,oBAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;qBAEN,oBAACC;QAAKC,GAAE;QAAgBL,MAAK;sBAC7B,oBAACI;QACCL,WAAU;QACVM,GAAE;QAGP"}
+{"version":3,"sources":["../../../../../src/field/icons/headings/H1/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const H1Icon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic h1-icon\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n    <path\n      className=\"fill\"\n      d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14h-2V9h-2V7h4v10z\"\n    />\n  </svg>\n)\n"],"names":["React","H1Icon","svg","aria-hidden","className","fill","focusable","viewBox","xmlns","path","d"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,SAAmB,kBAC9B,MAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;;0BAEN,KAACC;gBAAKC,GAAE;gBAAgBL,MAAK;;0BAC7B,KAACI;gBACCL,WAAU;gBACVM,GAAE;;;OAGP"}

package/dist/field/icons/headings/H2/index.js

@@ -1,17 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-export const H2Icon = ()=>/*#__PURE__*/ React.createElement("svg", {
+export const H2Icon = ()=>/*#__PURE__*/ _jsxs("svg", {
         "aria-hidden": "true",
         className: "graphic h2-icon",
         fill: "currentColor",
         focusable: "false",
         viewBox: "0 0 24 24",
-        xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M0 0h24v24H0z",
-        fill: "none"
-    }), /*#__PURE__*/ React.createElement("path", {
-        className: "fill",
-        d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 8a2 2 0 01-2 2h-2v2h4v2H9v-4a2 2 0 012-2h2V9H9V7h4a2 2 0 012 2v2z"
-    }));
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                d: "M0 0h24v24H0z",
+                fill: "none"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                className: "fill",
+                d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 8a2 2 0 01-2 2h-2v2h4v2H9v-4a2 2 0 012-2h2V9H9V7h4a2 2 0 012 2v2z"
+            })
+        ]
+    });
 
 //# sourceMappingURL=index.js.map

package/dist/field/icons/headings/H2/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/field/icons/headings/H2/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const H2Icon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic h2-icon\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n    <path\n      className=\"fill\"\n      d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 8a2 2 0 01-2 2h-2v2h4v2H9v-4a2 2 0 012-2h2V9H9V7h4a2 2 0 012 2v2z\"\n    />\n  </svg>\n)\n"],"names":["React","H2Icon","svg","aria-hidden","className","fill","focusable","viewBox","xmlns","path","d"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,SAAmB,kBAC9B,oBAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;qBAEN,oBAACC;QAAKC,GAAE;QAAgBL,MAAK;sBAC7B,oBAACI;QACCL,WAAU;QACVM,GAAE;QAGP"}
+{"version":3,"sources":["../../../../../src/field/icons/headings/H2/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const H2Icon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic h2-icon\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n    <path\n      className=\"fill\"\n      d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 8a2 2 0 01-2 2h-2v2h4v2H9v-4a2 2 0 012-2h2V9H9V7h4a2 2 0 012 2v2z\"\n    />\n  </svg>\n)\n"],"names":["React","H2Icon","svg","aria-hidden","className","fill","focusable","viewBox","xmlns","path","d"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,SAAmB,kBAC9B,MAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;;0BAEN,KAACC;gBAAKC,GAAE;gBAAgBL,MAAK;;0BAC7B,KAACI;gBACCL,WAAU;gBACVM,GAAE;;;OAGP"}

package/dist/field/icons/headings/H3/index.js

@@ -1,17 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-export const H3Icon = ()=>/*#__PURE__*/ React.createElement("svg", {
+export const H3Icon = ()=>/*#__PURE__*/ _jsxs("svg", {
         "aria-hidden": "true",
         className: "graphic h3-icon",
         fill: "currentColor",
         focusable: "false",
         viewBox: "0 0 24 24",
-        xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M.01 0h24v24h-24z",
-        fill: "none"
-    }), /*#__PURE__*/ React.createElement("path", {
-        className: "fill",
-        d: "M19.01 3h-14c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 7.5c0 .83-.67 1.5-1.5 1.5.83 0 1.5.67 1.5 1.5V15a2 2 0 01-2 2h-4v-2h4v-2h-2v-2h2V9h-4V7h4a2 2 0 012 2v1.5z"
-    }));
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                d: "M.01 0h24v24h-24z",
+                fill: "none"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                className: "fill",
+                d: "M19.01 3h-14c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 7.5c0 .83-.67 1.5-1.5 1.5.83 0 1.5.67 1.5 1.5V15a2 2 0 01-2 2h-4v-2h4v-2h-2v-2h2V9h-4V7h4a2 2 0 012 2v1.5z"
+            })
+        ]
+    });
 
 //# sourceMappingURL=index.js.map

package/dist/field/icons/headings/H3/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/field/icons/headings/H3/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const H3Icon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic h3-icon\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M.01 0h24v24h-24z\" fill=\"none\" />\n    <path\n      className=\"fill\"\n      d=\"M19.01 3h-14c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 7.5c0 .83-.67 1.5-1.5 1.5.83 0 1.5.67 1.5 1.5V15a2 2 0 01-2 2h-4v-2h4v-2h-2v-2h2V9h-4V7h4a2 2 0 012 2v1.5z\"\n    />\n  </svg>\n)\n"],"names":["React","H3Icon","svg","aria-hidden","className","fill","focusable","viewBox","xmlns","path","d"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,SAAmB,kBAC9B,oBAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;qBAEN,oBAACC;QAAKC,GAAE;QAAoBL,MAAK;sBACjC,oBAACI;QACCL,WAAU;QACVM,GAAE;QAGP"}
+{"version":3,"sources":["../../../../../src/field/icons/headings/H3/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const H3Icon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic h3-icon\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M.01 0h24v24h-24z\" fill=\"none\" />\n    <path\n      className=\"fill\"\n      d=\"M19.01 3h-14c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 7.5c0 .83-.67 1.5-1.5 1.5.83 0 1.5.67 1.5 1.5V15a2 2 0 01-2 2h-4v-2h4v-2h-2v-2h2V9h-4V7h4a2 2 0 012 2v1.5z\"\n    />\n  </svg>\n)\n"],"names":["React","H3Icon","svg","aria-hidden","className","fill","focusable","viewBox","xmlns","path","d"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,SAAmB,kBAC9B,MAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;;0BAEN,KAACC;gBAAKC,GAAE;gBAAoBL,MAAK;;0BACjC,KAACI;gBACCL,WAAU;gBACVM,GAAE;;;OAGP"}

package/dist/field/icons/headings/H4/index.js

@@ -1,17 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-export const H4Icon = ()=>/*#__PURE__*/ React.createElement("svg", {
+export const H4Icon = ()=>/*#__PURE__*/ _jsxs("svg", {
         "aria-hidden": "true",
         className: "graphic h4-icon",
         fill: "currentColor",
         focusable: "false",
         viewBox: "0 0 24 24",
-        xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M0 0h24v24H0z",
-        fill: "none"
-    }), /*#__PURE__*/ React.createElement("path", {
-        className: "fill",
-        d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 14h-2v-4H9V7h2v4h2V7h2v10z"
-    }));
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                d: "M0 0h24v24H0z",
+                fill: "none"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                className: "fill",
+                d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 14h-2v-4H9V7h2v4h2V7h2v10z"
+            })
+        ]
+    });
 
 //# sourceMappingURL=index.js.map

package/dist/field/icons/headings/H4/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/field/icons/headings/H4/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const H4Icon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic h4-icon\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n    <path\n      className=\"fill\"\n      d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 14h-2v-4H9V7h2v4h2V7h2v10z\"\n    />\n  </svg>\n)\n"],"names":["React","H4Icon","svg","aria-hidden","className","fill","focusable","viewBox","xmlns","path","d"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,SAAmB,kBAC9B,oBAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;qBAEN,oBAACC;QAAKC,GAAE;QAAgBL,MAAK;sBAC7B,oBAACI;QACCL,WAAU;QACVM,GAAE;QAGP"}
+{"version":3,"sources":["../../../../../src/field/icons/headings/H4/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const H4Icon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic h4-icon\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n    <path\n      className=\"fill\"\n      d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 14h-2v-4H9V7h2v4h2V7h2v10z\"\n    />\n  </svg>\n)\n"],"names":["React","H4Icon","svg","aria-hidden","className","fill","focusable","viewBox","xmlns","path","d"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,SAAmB,kBAC9B,MAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;;0BAEN,KAACC;gBAAKC,GAAE;gBAAgBL,MAAK;;0BAC7B,KAACI;gBACCL,WAAU;gBACVM,GAAE;;;OAGP"}

package/dist/field/icons/headings/H5/index.js

@@ -1,17 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-export const H5Icon = ()=>/*#__PURE__*/ React.createElement("svg", {
+export const H5Icon = ()=>/*#__PURE__*/ _jsxs("svg", {
         "aria-hidden": "true",
         className: "graphic h5-icon",
         fill: "currentColor",
         focusable: "false",
         viewBox: "0 0 24 24",
-        xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M0 0h24v24H0z",
-        fill: "none"
-    }), /*#__PURE__*/ React.createElement("path", {
-        className: "fill",
-        d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 6h-4v2h2a2 2 0 012 2v2a2 2 0 01-2 2H9v-2h4v-2H9V7h6v2z"
-    }));
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                d: "M0 0h24v24H0z",
+                fill: "none"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                className: "fill",
+                d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 6h-4v2h2a2 2 0 012 2v2a2 2 0 01-2 2H9v-2h4v-2H9V7h6v2z"
+            })
+        ]
+    });
 
 //# sourceMappingURL=index.js.map

package/dist/field/icons/headings/H5/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/field/icons/headings/H5/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const H5Icon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic h5-icon\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n    <path\n      className=\"fill\"\n      d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 6h-4v2h2a2 2 0 012 2v2a2 2 0 01-2 2H9v-2h4v-2H9V7h6v2z\"\n    />\n  </svg>\n)\n"],"names":["React","H5Icon","svg","aria-hidden","className","fill","focusable","viewBox","xmlns","path","d"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,SAAmB,kBAC9B,oBAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;qBAEN,oBAACC;QAAKC,GAAE;QAAgBL,MAAK;sBAC7B,oBAACI;QACCL,WAAU;QACVM,GAAE;QAGP"}
+{"version":3,"sources":["../../../../../src/field/icons/headings/H5/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const H5Icon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic h5-icon\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n    <path\n      className=\"fill\"\n      d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 6h-4v2h2a2 2 0 012 2v2a2 2 0 01-2 2H9v-2h4v-2H9V7h6v2z\"\n    />\n  </svg>\n)\n"],"names":["React","H5Icon","svg","aria-hidden","className","fill","focusable","viewBox","xmlns","path","d"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,SAAmB,kBAC9B,MAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;;0BAEN,KAACC;gBAAKC,GAAE;gBAAgBL,MAAK;;0BAC7B,KAACI;gBACCL,WAAU;gBACVM,GAAE;;;OAGP"}

package/dist/field/icons/headings/H6/index.js

@@ -1,17 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-export const H6Icon = ()=>/*#__PURE__*/ React.createElement("svg", {
+export const H6Icon = ()=>/*#__PURE__*/ _jsxs("svg", {
         "aria-hidden": "true",
         className: "graphic h6-icon",
         fill: "currentColor",
         focusable: "false",
         viewBox: "0 0 24 24",
-        xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M0 0h24v24H0z",
-        fill: "none"
-    }), /*#__PURE__*/ React.createElement("path", {
-        className: "fill",
-        d: "M11 15h2v-2h-2v2zm8-12H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 6h-4v2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V9a2 2 0 012-2h4v2z"
-    }));
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                d: "M0 0h24v24H0z",
+                fill: "none"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                className: "fill",
+                d: "M11 15h2v-2h-2v2zm8-12H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 6h-4v2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V9a2 2 0 012-2h4v2z"
+            })
+        ]
+    });
 
 //# sourceMappingURL=index.js.map

package/dist/field/icons/headings/H6/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/field/icons/headings/H6/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const H6Icon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic h6-icon\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n    <path\n      className=\"fill\"\n      d=\"M11 15h2v-2h-2v2zm8-12H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 6h-4v2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V9a2 2 0 012-2h4v2z\"\n    />\n  </svg>\n)\n"],"names":["React","H6Icon","svg","aria-hidden","className","fill","focusable","viewBox","xmlns","path","d"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,SAAmB,kBAC9B,oBAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;qBAEN,oBAACC;QAAKC,GAAE;QAAgBL,MAAK;sBAC7B,oBAACI;QACCL,WAAU;QACVM,GAAE;QAGP"}
+{"version":3,"sources":["../../../../../src/field/icons/headings/H6/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const H6Icon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic h6-icon\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n    <path\n      className=\"fill\"\n      d=\"M11 15h2v-2h-2v2zm8-12H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 6h-4v2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V9a2 2 0 012-2h4v2z\"\n    />\n  </svg>\n)\n"],"names":["React","H6Icon","svg","aria-hidden","className","fill","focusable","viewBox","xmlns","path","d"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,SAAmB,kBAC9B,MAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;;0BAEN,KAACC;gBAAKC,GAAE;gBAAgBL,MAAK;;0BAC7B,KAACI;gBACCL,WAAU;gBACVM,GAAE;;;OAGP"}

package/dist/field/index.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { ShimmerEffect } from '@payloadcms/ui/elements/ShimmerEffect';
 import { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider';
 import { useClientFunctions } from '@payloadcms/ui/providers/ClientFunction';
@@ -36,22 +37,25 @@ export const RichTextField = (props)=>{
         features.plugins.length
     ]);
     if (!hasLoadedPlugins) {
-        return /*#__PURE__*/ React.createElement(React.Fragment, null, Array.isArray(features.plugins) && features.plugins.map((Plugin, i)=>{
-            return /*#__PURE__*/ React.createElement(React.Fragment, {
-                key: i
-            }, Plugin);
-        }));
+        return /*#__PURE__*/ _jsx(React.Fragment, {
+            children: Array.isArray(features.plugins) && features.plugins.map((Plugin, i)=>{
+                return /*#__PURE__*/ _jsx(React.Fragment, {
+                    children: Plugin
+                }, i);
+            })
+        });
     }
-    return /*#__PURE__*/ React.createElement(Suspense, {
-        fallback: /*#__PURE__*/ React.createElement(ShimmerEffect, {
+    return /*#__PURE__*/ _jsx(Suspense, {
+        fallback: /*#__PURE__*/ _jsx(ShimmerEffect, {
             height: "35vh"
+        }),
+        children: /*#__PURE__*/ _jsx(RichTextEditor, {
+            ...props,
+            elements: features.elements,
+            leaves: features.leaves,
+            plugins: plugins
         })
-    }, /*#__PURE__*/ React.createElement(RichTextEditor, {
-        ...props,
-        elements: features.elements,
-        leaves: features.leaves,
-        plugins: plugins
-    }));
+    });
 };
 
 //# sourceMappingURL=index.js.map

package/dist/field/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/field/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormFieldBase } from '@payloadcms/ui/fields/shared'\n\nimport { ShimmerEffect } from '@payloadcms/ui/elements/ShimmerEffect'\nimport { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider'\nimport { useClientFunctions } from '@payloadcms/ui/providers/ClientFunction'\nimport React, { Suspense, lazy, useEffect, useState } from 'react'\n\nimport type { RichTextPlugin } from '../types.js'\nimport type { EnabledFeatures } from './types.js'\n\nimport { createFeatureMap } from './createFeatureMap.js'\n\nconst RichTextEditor = lazy(() =>\n  import('./RichText.js').then((module) => ({\n    default: module.RichText,\n  })),\n)\n\nexport const RichTextField: React.FC<\n  FormFieldBase & {\n    name: string\n    richTextComponentMap: Map<string, React.ReactNode>\n  }\n> = (props) => {\n  const { richTextComponentMap } = props\n\n  const { schemaPath } = useFieldProps()\n  const clientFunctions = useClientFunctions()\n  const [hasLoadedPlugins, setHasLoadedPlugins] = useState(false)\n\n  const [features] = useState<EnabledFeatures>(() => {\n    return createFeatureMap(richTextComponentMap)\n  })\n\n  const [plugins, setPlugins] = useState<RichTextPlugin[]>([])\n\n  useEffect(() => {\n    if (!hasLoadedPlugins) {\n      const plugins: RichTextPlugin[] = []\n\n      Object.entries(clientFunctions).forEach(([key, plugin]) => {\n        if (key.startsWith(`slatePlugin.${schemaPath}.`)) {\n          plugins.push(plugin)\n        }\n      })\n\n      if (plugins.length === features.plugins.length) {\n        setPlugins(plugins)\n        setHasLoadedPlugins(true)\n      }\n    }\n  }, [hasLoadedPlugins, clientFunctions, schemaPath, features.plugins.length])\n\n  if (!hasLoadedPlugins) {\n    return (\n      <React.Fragment>\n        {Array.isArray(features.plugins) &&\n          features.plugins.map((Plugin, i) => {\n            return <React.Fragment key={i}>{Plugin}</React.Fragment>\n          })}\n      </React.Fragment>\n    )\n  }\n\n  return (\n    <Suspense fallback={<ShimmerEffect height=\"35vh\" />}>\n      <RichTextEditor\n        {...props}\n        elements={features.elements}\n        leaves={features.leaves}\n        plugins={plugins}\n      />\n    </Suspense>\n  )\n}\n"],"names":["ShimmerEffect","useFieldProps","useClientFunctions","React","Suspense","lazy","useEffect","useState","createFeatureMap","RichTextEditor","then","module","default","RichText","RichTextField","props","richTextComponentMap","schemaPath","clientFunctions","hasLoadedPlugins","setHasLoadedPlugins","features","plugins","setPlugins","Object","entries","forEach","key","plugin","startsWith","push","length","Fragment","Array","isArray","map","Plugin","i","fallback","height","elements","leaves"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAIA,SAASA,aAAa,QAAQ,wCAAuC;AACrE,SAASC,aAAa,QAAQ,0CAAyC;AACvE,SAASC,kBAAkB,QAAQ,0CAAyC;AAC5E,OAAOC,SAASC,QAAQ,EAAEC,IAAI,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAKlE,SAASC,gBAAgB,QAAQ,wBAAuB;AAExD,MAAMC,+BAAiBJ,KAAK,IAC1B,MAAM,CAAC,iBAAiBK,IAAI,CAAC,CAACC,SAAY,CAAA;YACxCC,SAASD,OAAOE,QAAQ;QAC1B,CAAA;AAGF,OAAO,MAAMC,gBAKT,CAACC;IACH,MAAM,EAAEC,oBAAoB,EAAE,GAAGD;IAEjC,MAAM,EAAEE,UAAU,EAAE,GAAGhB;IACvB,MAAMiB,kBAAkBhB;IACxB,MAAM,CAACiB,kBAAkBC,oBAAoB,GAAGb,SAAS;IAEzD,MAAM,CAACc,SAAS,GAAGd,SAA0B;QAC3C,OAAOC,iBAAiBQ;IAC1B;IAEA,MAAM,CAACM,SAASC,WAAW,GAAGhB,SAA2B,EAAE;IAE3DD,UAAU;QACR,IAAI,CAACa,kBAAkB;YACrB,MAAMG,UAA4B,EAAE;YAEpCE,OAAOC,OAAO,CAACP,iBAAiBQ,OAAO,CAAC,CAAC,CAACC,KAAKC,OAAO;gBACpD,IAAID,IAAIE,UAAU,CAAC,CAAC,YAAY,EAAEZ,WAAW,CAAC,CAAC,GAAG;oBAChDK,QAAQQ,IAAI,CAACF;gBACf;YACF;YAEA,IAAIN,QAAQS,MAAM,KAAKV,SAASC,OAAO,CAACS,MAAM,EAAE;gBAC9CR,WAAWD;gBACXF,oBAAoB;YACtB;QACF;IACF,GAAG;QAACD;QAAkBD;QAAiBD;QAAYI,SAASC,OAAO,CAACS,MAAM;KAAC;IAE3E,IAAI,CAACZ,kBAAkB;QACrB,qBACE,oBAAChB,MAAM6B,QAAQ,QACZC,MAAMC,OAAO,CAACb,SAASC,OAAO,KAC7BD,SAASC,OAAO,CAACa,GAAG,CAAC,CAACC,QAAQC;YAC5B,qBAAO,oBAAClC,MAAM6B,QAAQ;gBAACL,KAAKU;eAAID;QAClC;IAGR;IAEA,qBACE,oBAAChC;QAASkC,wBAAU,oBAACtC;YAAcuC,QAAO;;qBACxC,oBAAC9B;QACE,GAAGM,KAAK;QACTyB,UAAUnB,SAASmB,QAAQ;QAC3BC,QAAQpB,SAASoB,MAAM;QACvBnB,SAASA;;AAIjB,EAAC"}
+{"version":3,"sources":["../../src/field/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormFieldBase } from '@payloadcms/ui/fields/shared'\n\nimport { ShimmerEffect } from '@payloadcms/ui/elements/ShimmerEffect'\nimport { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider'\nimport { useClientFunctions } from '@payloadcms/ui/providers/ClientFunction'\nimport React, { Suspense, lazy, useEffect, useState } from 'react'\n\nimport type { RichTextPlugin } from '../types.js'\nimport type { EnabledFeatures } from './types.js'\n\nimport { createFeatureMap } from './createFeatureMap.js'\n\nconst RichTextEditor = lazy(() =>\n  import('./RichText.js').then((module) => ({\n    default: module.RichText,\n  })),\n)\n\nexport const RichTextField: React.FC<\n  FormFieldBase & {\n    name: string\n    richTextComponentMap: Map<string, React.ReactNode>\n  }\n> = (props) => {\n  const { richTextComponentMap } = props\n\n  const { schemaPath } = useFieldProps()\n  const clientFunctions = useClientFunctions()\n  const [hasLoadedPlugins, setHasLoadedPlugins] = useState(false)\n\n  const [features] = useState<EnabledFeatures>(() => {\n    return createFeatureMap(richTextComponentMap)\n  })\n\n  const [plugins, setPlugins] = useState<RichTextPlugin[]>([])\n\n  useEffect(() => {\n    if (!hasLoadedPlugins) {\n      const plugins: RichTextPlugin[] = []\n\n      Object.entries(clientFunctions).forEach(([key, plugin]) => {\n        if (key.startsWith(`slatePlugin.${schemaPath}.`)) {\n          plugins.push(plugin)\n        }\n      })\n\n      if (plugins.length === features.plugins.length) {\n        setPlugins(plugins)\n        setHasLoadedPlugins(true)\n      }\n    }\n  }, [hasLoadedPlugins, clientFunctions, schemaPath, features.plugins.length])\n\n  if (!hasLoadedPlugins) {\n    return (\n      <React.Fragment>\n        {Array.isArray(features.plugins) &&\n          features.plugins.map((Plugin, i) => {\n            return <React.Fragment key={i}>{Plugin}</React.Fragment>\n          })}\n      </React.Fragment>\n    )\n  }\n\n  return (\n    <Suspense fallback={<ShimmerEffect height=\"35vh\" />}>\n      <RichTextEditor\n        {...props}\n        elements={features.elements}\n        leaves={features.leaves}\n        plugins={plugins}\n      />\n    </Suspense>\n  )\n}\n"],"names":["ShimmerEffect","useFieldProps","useClientFunctions","React","Suspense","lazy","useEffect","useState","createFeatureMap","RichTextEditor","then","module","default","RichText","RichTextField","props","richTextComponentMap","schemaPath","clientFunctions","hasLoadedPlugins","setHasLoadedPlugins","features","plugins","setPlugins","Object","entries","forEach","key","plugin","startsWith","push","length","Fragment","Array","isArray","map","Plugin","i","fallback","height","elements","leaves"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAIA,SAASA,aAAa,QAAQ,wCAAuC;AACrE,SAASC,aAAa,QAAQ,0CAAyC;AACvE,SAASC,kBAAkB,QAAQ,0CAAyC;AAC5E,OAAOC,SAASC,QAAQ,EAAEC,IAAI,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAKlE,SAASC,gBAAgB,QAAQ,wBAAuB;AAExD,MAAMC,+BAAiBJ,KAAK,IAC1B,MAAM,CAAC,iBAAiBK,IAAI,CAAC,CAACC,SAAY,CAAA;YACxCC,SAASD,OAAOE,QAAQ;QAC1B,CAAA;AAGF,OAAO,MAAMC,gBAKT,CAACC;IACH,MAAM,EAAEC,oBAAoB,EAAE,GAAGD;IAEjC,MAAM,EAAEE,UAAU,EAAE,GAAGhB;IACvB,MAAMiB,kBAAkBhB;IACxB,MAAM,CAACiB,kBAAkBC,oBAAoB,GAAGb,SAAS;IAEzD,MAAM,CAACc,SAAS,GAAGd,SAA0B;QAC3C,OAAOC,iBAAiBQ;IAC1B;IAEA,MAAM,CAACM,SAASC,WAAW,GAAGhB,SAA2B,EAAE;IAE3DD,UAAU;QACR,IAAI,CAACa,kBAAkB;YACrB,MAAMG,UAA4B,EAAE;YAEpCE,OAAOC,OAAO,CAACP,iBAAiBQ,OAAO,CAAC,CAAC,CAACC,KAAKC,OAAO;gBACpD,IAAID,IAAIE,UAAU,CAAC,CAAC,YAAY,EAAEZ,WAAW,CAAC,CAAC,GAAG;oBAChDK,QAAQQ,IAAI,CAACF;gBACf;YACF;YAEA,IAAIN,QAAQS,MAAM,KAAKV,SAASC,OAAO,CAACS,MAAM,EAAE;gBAC9CR,WAAWD;gBACXF,oBAAoB;YACtB;QACF;IACF,GAAG;QAACD;QAAkBD;QAAiBD;QAAYI,SAASC,OAAO,CAACS,MAAM;KAAC;IAE3E,IAAI,CAACZ,kBAAkB;QACrB,qBACE,KAAChB,MAAM6B,QAAQ;sBACZC,MAAMC,OAAO,CAACb,SAASC,OAAO,KAC7BD,SAASC,OAAO,CAACa,GAAG,CAAC,CAACC,QAAQC;gBAC5B,qBAAO,KAAClC,MAAM6B,QAAQ;8BAAUI;mBAAJC;YAC9B;;IAGR;IAEA,qBACE,KAACjC;QAASkC,wBAAU,KAACtC;YAAcuC,QAAO;;kBACxC,cAAA,KAAC9B;YACE,GAAGM,KAAK;YACTyB,UAAUnB,SAASmB,QAAQ;YAC3BC,QAAQpB,SAASoB,MAAM;YACvBnB,SAASA;;;AAIjB,EAAC"}

package/dist/field/index.scss

@@ -3,6 +3,7 @@
 .rich-text {
   margin-bottom: base(2);
   display: flex;
+  flex-direction: column;
   isolation: isolate;
 
   &__toolbar {

package/dist/field/leaves/Button.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import '../buttons.scss';
 export declare const LeafButton: ({ children, format }: {
     children: any;
     format: any;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Button.d.ts.map

package/dist/field/leaves/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/field/leaves/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,iBAAiB,CAAA;AAMxB,eAAO,MAAM,UAAU;;;uBAiBtB,CAAA"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/field/leaves/Button.tsx"],"names":[],"mappings":"AAIA,OAAO,iBAAiB,CAAA;AAMxB,eAAO,MAAM,UAAU;;;6CAiBtB,CAAA"}

package/dist/field/leaves/Button.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useSlate } from 'slate-react';
 import '../buttons.scss';
@@ -7,7 +8,7 @@ import { toggleLeaf } from './toggle.js';
 const baseClass = 'rich-text__button';
 export const LeafButton = ({ children, format })=>{
     const editor = useSlate();
-    return /*#__PURE__*/ React.createElement("button", {
+    return /*#__PURE__*/ _jsx("button", {
         className: [
             baseClass,
             isLeafActive(editor, format) && `${baseClass}__button--active`
@@ -16,8 +17,9 @@ export const LeafButton = ({ children, format })=>{
             event.preventDefault();
             toggleLeaf(editor, format);
         },
-        type: "button"
-    }, children);
+        type: "button",
+        children: children
+    });
 };
 
 //# sourceMappingURL=Button.js.map

package/dist/field/leaves/Button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/field/leaves/Button.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\nimport { useSlate } from 'slate-react'\n\nimport '../buttons.scss'\nimport { isLeafActive } from './isActive.js'\nimport { toggleLeaf } from './toggle.js'\n\nconst baseClass = 'rich-text__button'\n\nexport const LeafButton = ({ children, format }) => {\n  const editor = useSlate()\n\n  return (\n    <button\n      className={[baseClass, isLeafActive(editor, format) && `${baseClass}__button--active`]\n        .filter(Boolean)\n        .join(' ')}\n      onMouseDown={(event) => {\n        event.preventDefault()\n        toggleLeaf(editor, format)\n      }}\n      type=\"button\"\n    >\n      {children}\n    </button>\n  )\n}\n"],"names":["React","useSlate","isLeafActive","toggleLeaf","baseClass","LeafButton","children","format","editor","button","className","filter","Boolean","join","onMouseDown","event","preventDefault","type"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,WAAW,QAAO;AACzB,SAASC,QAAQ,QAAQ,cAAa;AAEtC,OAAO,kBAAiB;AACxB,SAASC,YAAY,QAAQ,gBAAe;AAC5C,SAASC,UAAU,QAAQ,cAAa;AAExC,MAAMC,YAAY;AAElB,OAAO,MAAMC,aAAa,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAE;IAC7C,MAAMC,SAASP;IAEf,qBACE,oBAACQ;QACCC,WAAW;YAACN;YAAWF,aAAaM,QAAQD,WAAW,CAAC,EAAEH,UAAU,gBAAgB,CAAC;SAAC,CACnFO,MAAM,CAACC,SACPC,IAAI,CAAC;QACRC,aAAa,CAACC;YACZA,MAAMC,cAAc;YACpBb,WAAWK,QAAQD;QACrB;QACAU,MAAK;OAEJX;AAGP,EAAC"}
+{"version":3,"sources":["../../../src/field/leaves/Button.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\nimport { useSlate } from 'slate-react'\n\nimport '../buttons.scss'\nimport { isLeafActive } from './isActive.js'\nimport { toggleLeaf } from './toggle.js'\n\nconst baseClass = 'rich-text__button'\n\nexport const LeafButton = ({ children, format }) => {\n  const editor = useSlate()\n\n  return (\n    <button\n      className={[baseClass, isLeafActive(editor, format) && `${baseClass}__button--active`]\n        .filter(Boolean)\n        .join(' ')}\n      onMouseDown={(event) => {\n        event.preventDefault()\n        toggleLeaf(editor, format)\n      }}\n      type=\"button\"\n    >\n      {children}\n    </button>\n  )\n}\n"],"names":["React","useSlate","isLeafActive","toggleLeaf","baseClass","LeafButton","children","format","editor","button","className","filter","Boolean","join","onMouseDown","event","preventDefault","type"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AACzB,SAASC,QAAQ,QAAQ,cAAa;AAEtC,OAAO,kBAAiB;AACxB,SAASC,YAAY,QAAQ,gBAAe;AAC5C,SAASC,UAAU,QAAQ,cAAa;AAExC,MAAMC,YAAY;AAElB,OAAO,MAAMC,aAAa,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAE;IAC7C,MAAMC,SAASP;IAEf,qBACE,KAACQ;QACCC,WAAW;YAACN;YAAWF,aAAaM,QAAQD,WAAW,CAAC,EAAEH,UAAU,gBAAgB,CAAC;SAAC,CACnFO,MAAM,CAACC,SACPC,IAAI,CAAC;QACRC,aAAa,CAACC;YACZA,MAAMC,cAAc;YACpBb,WAAWK,QAAQD;QACrB;QACAU,MAAK;kBAEJX;;AAGP,EAAC"}

package/dist/field/leaves/bold/Bold/index.d.ts

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

package/dist/field/leaves/bold/Bold/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/leaves/bold/Bold/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,IAAI,yBAGhB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/leaves/bold/Bold/index.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,+CAGhB,CAAA"}

package/dist/field/leaves/bold/Bold/index.js

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

package/dist/field/leaves/bold/Bold/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/field/leaves/bold/Bold/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useLeaf } from '../../../providers/LeafProvider.js'\n\nexport const Bold = () => {\n  const { attributes, children } = useLeaf()\n  return <strong {...attributes}>{children}</strong>\n}\n"],"names":["React","useLeaf","Bold","attributes","children","strong"],"rangeMappings":";;;;;;","mappings":"AAAA;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,qCAAoC;AAE5D,OAAO,MAAMC,OAAO;IAClB,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IACjC,qBAAO,oBAACI,UAAWF,YAAaC;AAClC,EAAC"}
+{"version":3,"sources":["../../../../../src/field/leaves/bold/Bold/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useLeaf } from '../../../providers/LeafProvider.js'\n\nexport const Bold = () => {\n  const { attributes, children } = useLeaf()\n  return <strong {...attributes}>{children}</strong>\n}\n"],"names":["React","useLeaf","Bold","attributes","children","strong"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,qCAAoC;AAE5D,OAAO,MAAMC,OAAO;IAClB,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IACjC,qBAAO,KAACI;QAAQ,GAAGF,UAAU;kBAAGC;;AAClC,EAAC"}

package/dist/field/leaves/bold/index.js

@@ -1,12 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { BoldIcon } from '../../icons/Bold/index.js';
 import { LeafButton } from '../Button.js';
 import { Bold } from './Bold/index.js';
 export const bold = {
     name: 'bold',
-    Button: ()=>/*#__PURE__*/ React.createElement(LeafButton, {
-            format: "bold"
-        }, /*#__PURE__*/ React.createElement(BoldIcon, null)),
+    Button: ()=>/*#__PURE__*/ _jsx(LeafButton, {
+            format: "bold",
+            children: /*#__PURE__*/ _jsx(BoldIcon, {})
+        }),
     Leaf: Bold
 };
 

package/dist/field/leaves/bold/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/leaves/bold/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { RichTextCustomLeaf } from '../../../types.js'\n\nimport { BoldIcon } from '../../icons/Bold/index.js'\nimport { LeafButton } from '../Button.js'\nimport { Bold } from './Bold/index.js'\n\nexport const bold: RichTextCustomLeaf = {\n  name: 'bold',\n  Button: () => (\n    <LeafButton format=\"bold\">\n      <BoldIcon />\n    </LeafButton>\n  ),\n  Leaf: Bold,\n}\n"],"names":["React","BoldIcon","LeafButton","Bold","bold","name","Button","format","Leaf"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,UAAU,QAAQ,eAAc;AACzC,SAASC,IAAI,QAAQ,kBAAiB;AAEtC,OAAO,MAAMC,OAA2B;IACtCC,MAAM;IACNC,QAAQ,kBACN,oBAACJ;YAAWK,QAAO;yBACjB,oBAACN;IAGLO,MAAML;AACR,EAAC"}
+{"version":3,"sources":["../../../../src/field/leaves/bold/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { RichTextCustomLeaf } from '../../../types.js'\n\nimport { BoldIcon } from '../../icons/Bold/index.js'\nimport { LeafButton } from '../Button.js'\nimport { Bold } from './Bold/index.js'\n\nexport const bold: RichTextCustomLeaf = {\n  name: 'bold',\n  Button: () => (\n    <LeafButton format=\"bold\">\n      <BoldIcon />\n    </LeafButton>\n  ),\n  Leaf: Bold,\n}\n"],"names":["React","BoldIcon","LeafButton","Bold","bold","name","Button","format","Leaf"],"rangeMappings":";;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,UAAU,QAAQ,eAAc;AACzC,SAASC,IAAI,QAAQ,kBAAiB;AAEtC,OAAO,MAAMC,OAA2B;IACtCC,MAAM;IACNC,QAAQ,kBACN,KAACJ;YAAWK,QAAO;sBACjB,cAAA,KAACN;;IAGLO,MAAML;AACR,EAAC"}

package/dist/field/leaves/code/Code/index.d.ts

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

package/dist/field/leaves/code/Code/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/leaves/code/Code/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,IAAI,yBAGhB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/leaves/code/Code/index.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,+CAGhB,CAAA"}

package/dist/field/leaves/code/Code/index.js

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

package/dist/field/leaves/code/Code/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/field/leaves/code/Code/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useLeaf } from '../../../providers/LeafProvider.js'\n\nexport const Code = () => {\n  const { attributes, children } = useLeaf()\n  return <code {...attributes}>{children}</code>\n}\n"],"names":["React","useLeaf","Code","attributes","children","code"],"rangeMappings":";;;;;;","mappings":"AAAA;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,qCAAoC;AAE5D,OAAO,MAAMC,OAAO;IAClB,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IACjC,qBAAO,oBAACI,QAASF,YAAaC;AAChC,EAAC"}
+{"version":3,"sources":["../../../../../src/field/leaves/code/Code/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useLeaf } from '../../../providers/LeafProvider.js'\n\nexport const Code = () => {\n  const { attributes, children } = useLeaf()\n  return <code {...attributes}>{children}</code>\n}\n"],"names":["React","useLeaf","Code","attributes","children","code"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,qCAAoC;AAE5D,OAAO,MAAMC,OAAO;IAClB,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IACjC,qBAAO,KAACI;QAAM,GAAGF,UAAU;kBAAGC;;AAChC,EAAC"}

package/dist/field/leaves/code/index.js

@@ -1,12 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { CodeIcon } from '../../icons/Code/index.js';
 import { LeafButton } from '../Button.js';
 import { Code } from './Code/index.js';
 export const code = {
     name: 'code',
-    Button: ()=>/*#__PURE__*/ React.createElement(LeafButton, {
-            format: "code"
-        }, /*#__PURE__*/ React.createElement(CodeIcon, null)),
+    Button: ()=>/*#__PURE__*/ _jsx(LeafButton, {
+            format: "code",
+            children: /*#__PURE__*/ _jsx(CodeIcon, {})
+        }),
     Leaf: Code
 };
 

package/dist/field/leaves/code/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/leaves/code/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { RichTextCustomLeaf } from '../../../types.js'\n\nimport { CodeIcon } from '../../icons/Code/index.js'\nimport { LeafButton } from '../Button.js'\nimport { Code } from './Code/index.js'\n\nexport const code: RichTextCustomLeaf = {\n  name: 'code',\n  Button: () => (\n    <LeafButton format=\"code\">\n      <CodeIcon />\n    </LeafButton>\n  ),\n  Leaf: Code,\n}\n"],"names":["React","CodeIcon","LeafButton","Code","code","name","Button","format","Leaf"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,UAAU,QAAQ,eAAc;AACzC,SAASC,IAAI,QAAQ,kBAAiB;AAEtC,OAAO,MAAMC,OAA2B;IACtCC,MAAM;IACNC,QAAQ,kBACN,oBAACJ;YAAWK,QAAO;yBACjB,oBAACN;IAGLO,MAAML;AACR,EAAC"}
+{"version":3,"sources":["../../../../src/field/leaves/code/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { RichTextCustomLeaf } from '../../../types.js'\n\nimport { CodeIcon } from '../../icons/Code/index.js'\nimport { LeafButton } from '../Button.js'\nimport { Code } from './Code/index.js'\n\nexport const code: RichTextCustomLeaf = {\n  name: 'code',\n  Button: () => (\n    <LeafButton format=\"code\">\n      <CodeIcon />\n    </LeafButton>\n  ),\n  Leaf: Code,\n}\n"],"names":["React","CodeIcon","LeafButton","Code","code","name","Button","format","Leaf"],"rangeMappings":";;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,UAAU,QAAQ,eAAc;AACzC,SAASC,IAAI,QAAQ,kBAAiB;AAEtC,OAAO,MAAMC,OAA2B;IACtCC,MAAM;IACNC,QAAQ,kBACN,KAACJ;YAAWK,QAAO;sBACjB,cAAA,KAACN;;IAGLO,MAAML;AACR,EAAC"}

package/dist/field/leaves/italic/Italic/index.d.ts

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

package/dist/field/leaves/italic/Italic/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/leaves/italic/Italic/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,MAAM,yBAGlB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/leaves/italic/Italic/index.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,MAAM,+CAGlB,CAAA"}

package/dist/field/leaves/italic/Italic/index.js

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

package/dist/field/leaves/italic/Italic/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/field/leaves/italic/Italic/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useLeaf } from '../../../providers/LeafProvider.js'\n\nexport const Italic = () => {\n  const { attributes, children } = useLeaf()\n  return <em {...attributes}>{children}</em>\n}\n"],"names":["React","useLeaf","Italic","attributes","children","em"],"rangeMappings":";;;;;;","mappings":"AAAA;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,qCAAoC;AAE5D,OAAO,MAAMC,SAAS;IACpB,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IACjC,qBAAO,oBAACI,MAAOF,YAAaC;AAC9B,EAAC"}
+{"version":3,"sources":["../../../../../src/field/leaves/italic/Italic/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useLeaf } from '../../../providers/LeafProvider.js'\n\nexport const Italic = () => {\n  const { attributes, children } = useLeaf()\n  return <em {...attributes}>{children}</em>\n}\n"],"names":["React","useLeaf","Italic","attributes","children","em"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,qCAAoC;AAE5D,OAAO,MAAMC,SAAS;IACpB,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IACjC,qBAAO,KAACI;QAAI,GAAGF,UAAU;kBAAGC;;AAC9B,EAAC"}