@payloadcms/richtext-slate 3.0.0-canary.95fcd13 → 3.0.0-canary.96477cf

package/dist/field/createFeatureMap.js

@@ -14,8 +14,12 @@ export const createFeatureMap = (richTextComponentMap)=>{
                     Leaf: null
                 };
             }
-            if (key.startsWith('leaf.button.')) features.leaves[leafName].Button = value;
-            if (key.startsWith('leaf.component.')) features.leaves[leafName].Leaf = value;
+            if (key.startsWith('leaf.button.')) {
+                features.leaves[leafName].Button = value;
+            }
+            if (key.startsWith('leaf.component.')) {
+                features.leaves[leafName].Leaf = value;
+            }
         }
         if (key.startsWith('element.button.') || key.startsWith('element.component.')) {
             const elementName = key.replace('element.button.', '').replace('element.component.', '');
@@ -26,8 +30,12 @@ export const createFeatureMap = (richTextComponentMap)=>{
                     Element: null
                 };
             }
-            if (key.startsWith('element.button.')) features.elements[elementName].Button = value;
-            if (key.startsWith('element.component.')) features.elements[elementName].Element = value;
+            if (key.startsWith('element.button.')) {
+                features.elements[elementName].Button = value;
+            }
+            if (key.startsWith('element.component.')) {
+                features.elements[elementName].Element = value;
+            }
         }
         if (key.startsWith('leaf.plugin.') || key.startsWith('element.plugin.')) {
             features.plugins.push(value);

package/dist/field/createFeatureMap.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/field/createFeatureMap.ts"],"sourcesContent":["import type { EnabledFeatures } from './types.js'\n\nexport const createFeatureMap = (\n  richTextComponentMap: Map<string, React.ReactNode>,\n): EnabledFeatures => {\n  const features: EnabledFeatures = {\n    elements: {},\n    leaves: {},\n    plugins: [],\n  }\n\n  for (const [key, value] of richTextComponentMap) {\n    if (key.startsWith('leaf.button') || key.startsWith('leaf.component.')) {\n      const leafName = key.replace('leaf.button.', '').replace('leaf.component.', '')\n\n      if (!features.leaves[leafName]) {\n        features.leaves[leafName] = {\n          name: leafName,\n          Button: null,\n          Leaf: null,\n        }\n      }\n\n      if (key.startsWith('leaf.button.')) features.leaves[leafName].Button = value\n      if (key.startsWith('leaf.component.')) features.leaves[leafName].Leaf = value\n    }\n\n    if (key.startsWith('element.button.') || key.startsWith('element.component.')) {\n      const elementName = key.replace('element.button.', '').replace('element.component.', '')\n\n      if (!features.elements[elementName]) {\n        features.elements[elementName] = {\n          name: elementName,\n          Button: null,\n          Element: null,\n        }\n      }\n\n      if (key.startsWith('element.button.')) features.elements[elementName].Button = value\n      if (key.startsWith('element.component.')) features.elements[elementName].Element = value\n    }\n\n    if (key.startsWith('leaf.plugin.') || key.startsWith('element.plugin.')) {\n      features.plugins.push(value)\n    }\n  }\n\n  return features\n}\n"],"names":["createFeatureMap","richTextComponentMap","features","elements","leaves","plugins","key","value","startsWith","leafName","replace","name","Button","Leaf","elementName","Element","push"],"mappings":"AAEA,OAAO,MAAMA,mBAAmB,CAC9BC;IAEA,MAAMC,WAA4B;QAChCC,UAAU,CAAC;QACXC,QAAQ,CAAC;QACTC,SAAS,EAAE;IACb;IAEA,KAAK,MAAM,CAACC,KAAKC,MAAM,IAAIN,qBAAsB;QAC/C,IAAIK,IAAIE,UAAU,CAAC,kBAAkBF,IAAIE,UAAU,CAAC,oBAAoB;YACtE,MAAMC,WAAWH,IAAII,OAAO,CAAC,gBAAgB,IAAIA,OAAO,CAAC,mBAAmB;YAE5E,IAAI,CAACR,SAASE,MAAM,CAACK,SAAS,EAAE;gBAC9BP,SAASE,MAAM,CAACK,SAAS,GAAG;oBAC1BE,MAAMF;oBACNG,QAAQ;oBACRC,MAAM;gBACR;YACF;YAEA,IAAIP,IAAIE,UAAU,CAAC,iBAAiBN,SAASE,MAAM,CAACK,SAAS,CAACG,MAAM,GAAGL;YACvE,IAAID,IAAIE,UAAU,CAAC,oBAAoBN,SAASE,MAAM,CAACK,SAAS,CAACI,IAAI,GAAGN;QAC1E;QAEA,IAAID,IAAIE,UAAU,CAAC,sBAAsBF,IAAIE,UAAU,CAAC,uBAAuB;YAC7E,MAAMM,cAAcR,IAAII,OAAO,CAAC,mBAAmB,IAAIA,OAAO,CAAC,sBAAsB;YAErF,IAAI,CAACR,SAASC,QAAQ,CAACW,YAAY,EAAE;gBACnCZ,SAASC,QAAQ,CAACW,YAAY,GAAG;oBAC/BH,MAAMG;oBACNF,QAAQ;oBACRG,SAAS;gBACX;YACF;YAEA,IAAIT,IAAIE,UAAU,CAAC,oBAAoBN,SAASC,QAAQ,CAACW,YAAY,CAACF,MAAM,GAAGL;YAC/E,IAAID,IAAIE,UAAU,CAAC,uBAAuBN,SAASC,QAAQ,CAACW,YAAY,CAACC,OAAO,GAAGR;QACrF;QAEA,IAAID,IAAIE,UAAU,CAAC,mBAAmBF,IAAIE,UAAU,CAAC,oBAAoB;YACvEN,SAASG,OAAO,CAACW,IAAI,CAACT;QACxB;IACF;IAEA,OAAOL;AACT,EAAC"}
+{"version":3,"sources":["../../src/field/createFeatureMap.ts"],"sourcesContent":["import type { MappedComponent } from 'payload'\n\nimport type { EnabledFeatures } from './types.js'\n\nexport const createFeatureMap = (\n  richTextComponentMap: Map<string, MappedComponent>,\n): EnabledFeatures => {\n  const features: EnabledFeatures = {\n    elements: {},\n    leaves: {},\n    plugins: [],\n  }\n\n  for (const [key, value] of richTextComponentMap) {\n    if (key.startsWith('leaf.button') || key.startsWith('leaf.component.')) {\n      const leafName = key.replace('leaf.button.', '').replace('leaf.component.', '')\n\n      if (!features.leaves[leafName]) {\n        features.leaves[leafName] = {\n          name: leafName,\n          Button: null,\n          Leaf: null,\n        }\n      }\n\n      if (key.startsWith('leaf.button.')) {\n        features.leaves[leafName].Button = value\n      }\n      if (key.startsWith('leaf.component.')) {\n        features.leaves[leafName].Leaf = value\n      }\n    }\n\n    if (key.startsWith('element.button.') || key.startsWith('element.component.')) {\n      const elementName = key.replace('element.button.', '').replace('element.component.', '')\n\n      if (!features.elements[elementName]) {\n        features.elements[elementName] = {\n          name: elementName,\n          Button: null,\n          Element: null,\n        }\n      }\n\n      if (key.startsWith('element.button.')) {\n        features.elements[elementName].Button = value\n      }\n      if (key.startsWith('element.component.')) {\n        features.elements[elementName].Element = value\n      }\n    }\n\n    if (key.startsWith('leaf.plugin.') || key.startsWith('element.plugin.')) {\n      features.plugins.push(value)\n    }\n  }\n\n  return features\n}\n"],"names":["createFeatureMap","richTextComponentMap","features","elements","leaves","plugins","key","value","startsWith","leafName","replace","name","Button","Leaf","elementName","Element","push"],"mappings":"AAIA,OAAO,MAAMA,mBAAmB,CAC9BC;IAEA,MAAMC,WAA4B;QAChCC,UAAU,CAAC;QACXC,QAAQ,CAAC;QACTC,SAAS,EAAE;IACb;IAEA,KAAK,MAAM,CAACC,KAAKC,MAAM,IAAIN,qBAAsB;QAC/C,IAAIK,IAAIE,UAAU,CAAC,kBAAkBF,IAAIE,UAAU,CAAC,oBAAoB;YACtE,MAAMC,WAAWH,IAAII,OAAO,CAAC,gBAAgB,IAAIA,OAAO,CAAC,mBAAmB;YAE5E,IAAI,CAACR,SAASE,MAAM,CAACK,SAAS,EAAE;gBAC9BP,SAASE,MAAM,CAACK,SAAS,GAAG;oBAC1BE,MAAMF;oBACNG,QAAQ;oBACRC,MAAM;gBACR;YACF;YAEA,IAAIP,IAAIE,UAAU,CAAC,iBAAiB;gBAClCN,SAASE,MAAM,CAACK,SAAS,CAACG,MAAM,GAAGL;YACrC;YACA,IAAID,IAAIE,UAAU,CAAC,oBAAoB;gBACrCN,SAASE,MAAM,CAACK,SAAS,CAACI,IAAI,GAAGN;YACnC;QACF;QAEA,IAAID,IAAIE,UAAU,CAAC,sBAAsBF,IAAIE,UAAU,CAAC,uBAAuB;YAC7E,MAAMM,cAAcR,IAAII,OAAO,CAAC,mBAAmB,IAAIA,OAAO,CAAC,sBAAsB;YAErF,IAAI,CAACR,SAASC,QAAQ,CAACW,YAAY,EAAE;gBACnCZ,SAASC,QAAQ,CAACW,YAAY,GAAG;oBAC/BH,MAAMG;oBACNF,QAAQ;oBACRG,SAAS;gBACX;YACF;YAEA,IAAIT,IAAIE,UAAU,CAAC,oBAAoB;gBACrCN,SAASC,QAAQ,CAACW,YAAY,CAACF,MAAM,GAAGL;YAC1C;YACA,IAAID,IAAIE,UAAU,CAAC,uBAAuB;gBACxCN,SAASC,QAAQ,CAACW,YAAY,CAACC,OAAO,GAAGR;YAC3C;QACF;QAEA,IAAID,IAAIE,UAAU,CAAC,mBAAmBF,IAAIE,UAAU,CAAC,oBAAoB;YACvEN,SAASG,OAAO,CAACW,IAAI,CAACT;QACxB;IACF;IAEA,OAAOL;AACT,EAAC"}

package/dist/field/elements/EnabledRelationshipsCondition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnabledRelationshipsCondition.d.ts","sourceRoot":"","sources":["../../../src/field/elements/EnabledRelationshipsCondition.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA2B9B,eAAO,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAiBvD,CAAA"}
+{"version":3,"file":"EnabledRelationshipsCondition.d.ts","sourceRoot":"","sources":["../../../src/field/elements/EnabledRelationshipsCondition.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA2B9B,eAAO,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAmBvD,CAAA"}

package/dist/field/elements/EnabledRelationshipsCondition.js

@@ -14,7 +14,7 @@ const filterRichTextCollections = (collections, options)=>{
 };
 export const EnabledRelationshipsCondition = (props)=>{
     const { children, uploads = false, ...rest } = props;
-    const { collections } = useConfig();
+    const { config: { collections } } = useConfig();
     const { user } = useAuth();
     const { visibleEntities } = useEntityVisibility();
     const [enabledCollectionSlugs] = React.useState(()=>filterRichTextCollections(collections, {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/field/elements/EnabledRelationshipsCondition.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, ClientUser, VisibleEntities } from 'payload'\n\nimport { useAuth, useConfig, useEntityVisibility } from '@payloadcms/ui'\nimport * as React from 'react'\n\ntype Options = {\n  uploads: boolean\n  user: ClientUser\n  visibleEntities: VisibleEntities\n}\n\ntype FilteredCollectionsT = (\n  collections: ClientCollectionConfig[],\n  options?: Options,\n) => ClientCollectionConfig[]\n\nconst filterRichTextCollections: FilteredCollectionsT = (collections, options) => {\n  return collections.filter(({ slug, admin: { enableRichTextRelationship }, upload }) => {\n    if (!options.visibleEntities.collections.includes(slug)) {\n      return false\n    }\n\n    if (options?.uploads) {\n      return enableRichTextRelationship && Boolean(upload) === true\n    }\n\n    return upload ? false : enableRichTextRelationship\n  })\n}\n\nexport const EnabledRelationshipsCondition: React.FC<any> = (props) => {\n  const { children, uploads = false, ...rest } = props\n  const { collections } = useConfig()\n  const { user } = useAuth()\n  const { visibleEntities } = useEntityVisibility()\n\n  const [enabledCollectionSlugs] = React.useState(() =>\n    filterRichTextCollections(collections, { uploads, user, visibleEntities }).map(\n      ({ slug }) => slug,\n    ),\n  )\n\n  if (!enabledCollectionSlugs.length) {\n    return null\n  }\n\n  return React.cloneElement(children, { ...rest, enabledCollectionSlugs })\n}\n"],"names":["useAuth","useConfig","useEntityVisibility","React","filterRichTextCollections","collections","options","filter","slug","admin","enableRichTextRelationship","upload","visibleEntities","includes","uploads","Boolean","EnabledRelationshipsCondition","props","children","rest","user","enabledCollectionSlugs","useState","map","length","cloneElement"],"mappings":"AAAA;AAIA,SAASA,OAAO,EAAEC,SAAS,EAAEC,mBAAmB,QAAQ,iBAAgB;AACxE,YAAYC,WAAW,QAAO;AAa9B,MAAMC,4BAAkD,CAACC,aAAaC;IACpE,OAAOD,YAAYE,MAAM,CAAC,CAAC,EAAEC,IAAI,EAAEC,OAAO,EAAEC,0BAA0B,EAAE,EAAEC,MAAM,EAAE;QAChF,IAAI,CAACL,QAAQM,eAAe,CAACP,WAAW,CAACQ,QAAQ,CAACL,OAAO;YACvD,OAAO;QACT;QAEA,IAAIF,SAASQ,SAAS;YACpB,OAAOJ,8BAA8BK,QAAQJ,YAAY;QAC3D;QAEA,OAAOA,SAAS,QAAQD;IAC1B;AACF;AAEA,OAAO,MAAMM,gCAA+C,CAACC;IAC3D,MAAM,EAAEC,QAAQ,EAAEJ,UAAU,KAAK,EAAE,GAAGK,MAAM,GAAGF;IAC/C,MAAM,EAAEZ,WAAW,EAAE,GAAGJ;IACxB,MAAM,EAAEmB,IAAI,EAAE,GAAGpB;IACjB,MAAM,EAAEY,eAAe,EAAE,GAAGV;IAE5B,MAAM,CAACmB,uBAAuB,GAAGlB,MAAMmB,QAAQ,CAAC,IAC9ClB,0BAA0BC,aAAa;YAAES;YAASM;YAAMR;QAAgB,GAAGW,GAAG,CAC5E,CAAC,EAAEf,IAAI,EAAE,GAAKA;IAIlB,IAAI,CAACa,uBAAuBG,MAAM,EAAE;QAClC,OAAO;IACT;IAEA,qBAAOrB,MAAMsB,YAAY,CAACP,UAAU;QAAE,GAAGC,IAAI;QAAEE;IAAuB;AACxE,EAAC"}
+{"version":3,"sources":["../../../src/field/elements/EnabledRelationshipsCondition.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, ClientUser, VisibleEntities } from 'payload'\n\nimport { useAuth, useConfig, useEntityVisibility } from '@payloadcms/ui'\nimport * as React from 'react'\n\ntype Options = {\n  uploads: boolean\n  user: ClientUser\n  visibleEntities: VisibleEntities\n}\n\ntype FilteredCollectionsT = (\n  collections: ClientCollectionConfig[],\n  options?: Options,\n) => ClientCollectionConfig[]\n\nconst filterRichTextCollections: FilteredCollectionsT = (collections, options) => {\n  return collections.filter(({ slug, admin: { enableRichTextRelationship }, upload }) => {\n    if (!options.visibleEntities.collections.includes(slug)) {\n      return false\n    }\n\n    if (options?.uploads) {\n      return enableRichTextRelationship && Boolean(upload) === true\n    }\n\n    return upload ? false : enableRichTextRelationship\n  })\n}\n\nexport const EnabledRelationshipsCondition: React.FC<any> = (props) => {\n  const { children, uploads = false, ...rest } = props\n  const {\n    config: { collections },\n  } = useConfig()\n  const { user } = useAuth()\n  const { visibleEntities } = useEntityVisibility()\n\n  const [enabledCollectionSlugs] = React.useState(() =>\n    filterRichTextCollections(collections, { uploads, user, visibleEntities }).map(\n      ({ slug }) => slug,\n    ),\n  )\n\n  if (!enabledCollectionSlugs.length) {\n    return null\n  }\n\n  return React.cloneElement(children, { ...rest, enabledCollectionSlugs })\n}\n"],"names":["useAuth","useConfig","useEntityVisibility","React","filterRichTextCollections","collections","options","filter","slug","admin","enableRichTextRelationship","upload","visibleEntities","includes","uploads","Boolean","EnabledRelationshipsCondition","props","children","rest","config","user","enabledCollectionSlugs","useState","map","length","cloneElement"],"mappings":"AAAA;AAIA,SAASA,OAAO,EAAEC,SAAS,EAAEC,mBAAmB,QAAQ,iBAAgB;AACxE,YAAYC,WAAW,QAAO;AAa9B,MAAMC,4BAAkD,CAACC,aAAaC;IACpE,OAAOD,YAAYE,MAAM,CAAC,CAAC,EAAEC,IAAI,EAAEC,OAAO,EAAEC,0BAA0B,EAAE,EAAEC,MAAM,EAAE;QAChF,IAAI,CAACL,QAAQM,eAAe,CAACP,WAAW,CAACQ,QAAQ,CAACL,OAAO;YACvD,OAAO;QACT;QAEA,IAAIF,SAASQ,SAAS;YACpB,OAAOJ,8BAA8BK,QAAQJ,YAAY;QAC3D;QAEA,OAAOA,SAAS,QAAQD;IAC1B;AACF;AAEA,OAAO,MAAMM,gCAA+C,CAACC;IAC3D,MAAM,EAAEC,QAAQ,EAAEJ,UAAU,KAAK,EAAE,GAAGK,MAAM,GAAGF;IAC/C,MAAM,EACJG,QAAQ,EAAEf,WAAW,EAAE,EACxB,GAAGJ;IACJ,MAAM,EAAEoB,IAAI,EAAE,GAAGrB;IACjB,MAAM,EAAEY,eAAe,EAAE,GAAGV;IAE5B,MAAM,CAACoB,uBAAuB,GAAGnB,MAAMoB,QAAQ,CAAC,IAC9CnB,0BAA0BC,aAAa;YAAES;YAASO;YAAMT;QAAgB,GAAGY,GAAG,CAC5E,CAAC,EAAEhB,IAAI,EAAE,GAAKA;IAIlB,IAAI,CAACc,uBAAuBG,MAAM,EAAE;QAClC,OAAO;IACT;IAEA,qBAAOtB,MAAMuB,YAAY,CAACR,UAAU;QAAE,GAAGC,IAAI;QAAEG;IAAuB;AACxE,EAAC"}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Element.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/blockquote/Element.tsx"],"names":[],"mappings":"AAKA,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,iBAAiB,+CAQ7B,CAAA"}

package/dist/field/elements/blockquote/{Blockquote.js → Element.js}

@@ -3,7 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useElement } from '../../providers/ElementProvider.js';
 import './index.scss';
-export const Blockquote = ()=>{
+export const BlockquoteElement = ()=>{
     const { attributes, children } = useElement();
     return /*#__PURE__*/ _jsx("blockquote", {
         className: "rich-text-blockquote",
@@ -12,4 +12,4 @@ export const Blockquote = ()=>{
     });
 };
 
-//# sourceMappingURL=Blockquote.js.map
+//# sourceMappingURL=Element.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/elements/blockquote/Element.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useElement } from '../../providers/ElementProvider.js'\nimport './index.scss'\n\nexport const BlockquoteElement = () => {\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","BlockquoteElement","attributes","children","blockquote","className"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,qCAAoC;AAC/D,OAAO,eAAc;AAErB,OAAO,MAAMC,oBAAoB;IAC/B,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IAEjC,qBACE,KAACI;QAAWC,WAAU;QAAwB,GAAGH,UAAU;kBACxDC;;AAGP,EAAC"}

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

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

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

@@ -1,16 +1,13 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { BlockquoteIcon } from '../../icons/Blockquote/index.js';
-import { ElementButton } from '../Button.js';
-import { Blockquote } from './Blockquote.js';
 const name = 'blockquote';
 export const blockquote = {
     name,
-    Button: ()=>/*#__PURE__*/ _jsx(ElementButton, {
-            format: name,
-            children: /*#__PURE__*/ _jsx(BlockquoteIcon, {})
-        }),
-    Element: Blockquote
+    Button: {
+        clientProps: {
+            format: name
+        },
+        path: '@payloadcms/richtext-slate/client#BlockquoteElementButton'
+    },
+    Element: '@payloadcms/richtext-slate/client#BlockquoteElement'
 };
 
 //# sourceMappingURL=index.js.map

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"],"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"}
+{"version":3,"sources":["../../../../src/field/elements/blockquote/index.tsx"],"sourcesContent":["import type { RichTextCustomElement } from '../../../types.js'\n\nconst name = 'blockquote'\n\nexport const blockquote: RichTextCustomElement = {\n  name,\n  Button: {\n    clientProps: {\n      format: name,\n    },\n    path: '@payloadcms/richtext-slate/client#BlockquoteElementButton',\n  },\n  Element: '@payloadcms/richtext-slate/client#BlockquoteElement',\n}\n"],"names":["name","blockquote","Button","clientProps","format","path","Element"],"mappings":"AAEA,MAAMA,OAAO;AAEb,OAAO,MAAMC,aAAoC;IAC/CD;IACAE,QAAQ;QACNC,aAAa;YACXC,QAAQJ;QACV;QACAK,MAAM;IACR;IACAC,SAAS;AACX,EAAC"}

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

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

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

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

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

@@ -0,0 +1,11 @@
+'use client';
+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';
+export const H1ElementButton = ({ format })=>/*#__PURE__*/ _jsx(ElementButton, {
+        format: format,
+        children: /*#__PURE__*/ _jsx(H1Icon, {})
+    });
+
+//# sourceMappingURL=Button.js.map

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

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

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

@@ -1,2 +1,2 @@
-export declare const Heading1: () => import("react/jsx-runtime").JSX.Element;
+export declare const Heading1Element: () => 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":"AAMA,eAAO,MAAM,QAAQ,+CAIpB,CAAA"}
+{"version":3,"file":"Heading1.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/h1/Heading1.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,+CAI3B,CAAA"}

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

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useElement } from '../../providers/ElementProvider.js';
-export const Heading1 = ()=>{
+export const Heading1Element = ()=>{
     const { attributes, children } = useElement();
     return /*#__PURE__*/ _jsx("h1", {
         ...attributes,

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"],"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"}
+{"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 Heading1Element = () => {\n  const { attributes, children } = useElement()\n\n  return <h1 {...attributes}>{children}</h1>\n}\n"],"names":["React","useElement","Heading1Element","attributes","children","h1"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,qCAAoC;AAE/D,OAAO,MAAMC,kBAAkB;IAC7B,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IAEjC,qBAAO,KAACI;QAAI,GAAGF,UAAU;kBAAGC;;AAC9B,EAAC"}

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

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

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

@@ -1,16 +1,13 @@
-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';
-import { Heading1 } from './Heading1.js';
 const name = 'h1';
 export const h1 = {
     name,
-    Button: ()=>/*#__PURE__*/ _jsx(ElementButton, {
-            format: name,
-            children: /*#__PURE__*/ _jsx(H1Icon, {})
-        }),
-    Element: Heading1
+    Button: {
+        clientProps: {
+            format: name
+        },
+        path: '@payloadcms/richtext-slate/client#H1ElementButton'
+    },
+    Element: '@payloadcms/richtext-slate/client#Heading1Element'
 };
 
 //# sourceMappingURL=index.js.map

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"],"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"}
+{"version":3,"sources":["../../../../src/field/elements/h1/index.tsx"],"sourcesContent":["import type { RichTextCustomElement } from '../../../types.js'\n\nconst name = 'h1'\n\nexport const h1: RichTextCustomElement = {\n  name,\n  Button: {\n    clientProps: {\n      format: name,\n    },\n    path: '@payloadcms/richtext-slate/client#H1ElementButton',\n  },\n  Element: '@payloadcms/richtext-slate/client#Heading1Element',\n}\n"],"names":["name","h1","Button","clientProps","format","path","Element"],"mappings":"AAEA,MAAMA,OAAO;AAEb,OAAO,MAAMC,KAA4B;IACvCD;IACAE,QAAQ;QACNC,aAAa;YACXC,QAAQJ;QACV;QACAK,MAAM;IACR;IACAC,SAAS;AACX,EAAC"}

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

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

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

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

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

@@ -0,0 +1,11 @@
+'use client';
+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';
+export const H2ElementButton = ({ format })=>/*#__PURE__*/ _jsx(ElementButton, {
+        format: format,
+        children: /*#__PURE__*/ _jsx(H2Icon, {})
+    });
+
+//# sourceMappingURL=Button.js.map

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

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

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

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

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

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

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

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useElement } from '../../providers/ElementProvider.js';
-export const Heading2 = ()=>{
+export const Heading2Element = ()=>{
     const { attributes, children } = useElement();
     return /*#__PURE__*/ _jsx("h2", {
         ...attributes,

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

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

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

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

@@ -1,16 +1,13 @@
-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';
-import { Heading2 } from './Heading2.js';
 const name = 'h2';
 export const h2 = {
     name,
-    Button: ()=>/*#__PURE__*/ _jsx(ElementButton, {
-            format: name,
-            children: /*#__PURE__*/ _jsx(H2Icon, {})
-        }),
-    Element: Heading2
+    Button: {
+        clientProps: {
+            format: name
+        },
+        path: '@payloadcms/richtext-slate/client#H2ElementButton'
+    },
+    Element: '@payloadcms/richtext-slate/client#Heading2Element'
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/h2/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { RichTextCustomElement } from '../../../types.js'\n\nimport { H2Icon } from '../../icons/headings/H2/index.js'\nimport { ElementButton } from '../Button.js'\nimport { Heading2 } from './Heading2.js'\n\nconst name = 'h2'\n\nexport const h2: RichTextCustomElement = {\n  name,\n  Button: () => (\n    <ElementButton format={name}>\n      <H2Icon />\n    </ElementButton>\n  ),\n  Element: Heading2,\n}\n"],"names":["React","H2Icon","ElementButton","Heading2","name","h2","Button","format","Element"],"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"}
+{"version":3,"sources":["../../../../src/field/elements/h2/index.tsx"],"sourcesContent":["import type { RichTextCustomElement } from '../../../types.js'\n\nconst name = 'h2'\n\nexport const h2: RichTextCustomElement = {\n  name,\n  Button: {\n    clientProps: {\n      format: name,\n    },\n    path: '@payloadcms/richtext-slate/client#H2ElementButton',\n  },\n  Element: '@payloadcms/richtext-slate/client#Heading2Element',\n}\n"],"names":["name","h2","Button","clientProps","format","path","Element"],"mappings":"AAEA,MAAMA,OAAO;AAEb,OAAO,MAAMC,KAA4B;IACvCD;IACAE,QAAQ;QACNC,aAAa;YACXC,QAAQJ;QACV;QACAK,MAAM;IACR;IACAC,SAAS;AACX,EAAC"}

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useElement } from '../../providers/ElementProvider.js';
-export const Heading3 = ()=>{
+export const Heading3Element = ()=>{
     const { attributes, children } = useElement();
     return /*#__PURE__*/ _jsx("h3", {
         ...attributes,

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

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

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

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

@@ -1,16 +1,13 @@
-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';
-import { Heading3 } from './Heading3.js';
 const name = 'h3';
 export const h3 = {
     name,
-    Button: ()=>/*#__PURE__*/ _jsx(ElementButton, {
-            format: name,
-            children: /*#__PURE__*/ _jsx(H3Icon, {})
-        }),
-    Element: Heading3
+    Button: {
+        clientProps: {
+            format: name
+        },
+        path: '@payloadcms/richtext-slate/client#H3ElementButton'
+    },
+    Element: '@payloadcms/richtext-slate/client#Heading3Element'
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/h3/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { RichTextCustomElement } from '../../../types.js'\n\nimport { H3Icon } from '../../icons/headings/H3/index.js'\nimport { ElementButton } from '../Button.js'\nimport { Heading3 } from './Heading3.js'\n\nconst name = 'h3'\n\nexport const h3: RichTextCustomElement = {\n  name,\n  Button: () => (\n    <ElementButton format={name}>\n      <H3Icon />\n    </ElementButton>\n  ),\n  Element: Heading3,\n}\n"],"names":["React","H3Icon","ElementButton","Heading3","name","h3","Button","format","Element"],"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"}
+{"version":3,"sources":["../../../../src/field/elements/h3/index.tsx"],"sourcesContent":["import type { RichTextCustomElement } from '../../../types.js'\n\nconst name = 'h3'\n\nexport const h3: RichTextCustomElement = {\n  name,\n  Button: {\n    clientProps: {\n      format: name,\n    },\n    path: '@payloadcms/richtext-slate/client#H3ElementButton',\n  },\n  Element: '@payloadcms/richtext-slate/client#Heading3Element',\n}\n"],"names":["name","h3","Button","clientProps","format","path","Element"],"mappings":"AAEA,MAAMA,OAAO;AAEb,OAAO,MAAMC,KAA4B;IACvCD;IACAE,QAAQ;QACNC,aAAa;YACXC,QAAQJ;QACV;QACAK,MAAM;IACR;IACAC,SAAS;AACX,EAAC"}

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useElement } from '../../providers/ElementProvider.js';
-export const Heading4 = ()=>{
+export const Heading4Element = ()=>{
     const { attributes, children } = useElement();
     return /*#__PURE__*/ _jsx("h4", {
         ...attributes,

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

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

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

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

@@ -1,16 +1,13 @@
-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';
-import { Heading4 } from './Heading4.js';
 const name = 'h4';
 export const h4 = {
     name,
-    Button: ()=>/*#__PURE__*/ _jsx(ElementButton, {
-            format: name,
-            children: /*#__PURE__*/ _jsx(H4Icon, {})
-        }),
-    Element: Heading4
+    Button: {
+        clientProps: {
+            format: name
+        },
+        path: '@payloadcms/richtext-slate/client#H4ElementButton'
+    },
+    Element: '@payloadcms/richtext-slate/client#Heading4Element'
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/h4/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { RichTextCustomElement } from '../../../types.js'\n\nimport { H4Icon } from '../../icons/headings/H4/index.js'\nimport { ElementButton } from '../Button.js'\nimport { Heading4 } from './Heading4.js'\n\nconst name = 'h4'\n\nexport const h4: RichTextCustomElement = {\n  name,\n  Button: () => (\n    <ElementButton format={name}>\n      <H4Icon />\n    </ElementButton>\n  ),\n  Element: Heading4,\n}\n"],"names":["React","H4Icon","ElementButton","Heading4","name","h4","Button","format","Element"],"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"}
+{"version":3,"sources":["../../../../src/field/elements/h4/index.tsx"],"sourcesContent":["import type { RichTextCustomElement } from '../../../types.js'\n\nconst name = 'h4'\n\nexport const h4: RichTextCustomElement = {\n  name,\n  Button: {\n    clientProps: {\n      format: name,\n    },\n    path: '@payloadcms/richtext-slate/client#H4ElementButton',\n  },\n  Element: '@payloadcms/richtext-slate/client#Heading4Element',\n}\n"],"names":["name","h4","Button","clientProps","format","path","Element"],"mappings":"AAEA,MAAMA,OAAO;AAEb,OAAO,MAAMC,KAA4B;IACvCD;IACAE,QAAQ;QACNC,aAAa;YACXC,QAAQJ;QACV;QACAK,MAAM;IACR;IACAC,SAAS;AACX,EAAC"}

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

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

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

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

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

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

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

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