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

package/dist/field/createFeatureMap.d.ts

@@ -1,3 +1,4 @@
+import type { ClientField } from 'payload';
 import type { EnabledFeatures } from './types.js';
-export declare const createFeatureMap: (richTextComponentMap: Map<string, React.ReactNode>) => EnabledFeatures;
+export declare const createFeatureMap: (richTextComponentMap: Map<string, ClientField[] | React.ReactNode>) => EnabledFeatures;
 //# sourceMappingURL=createFeatureMap.d.ts.map

package/dist/field/createFeatureMap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createFeatureMap.d.ts","sourceRoot":"","sources":["../../src/field/createFeatureMap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAEjD,eAAO,MAAM,gBAAgB,yBACL,IAAI,MAAM,EAAE,MAAM,SAAS,CAAC,KACjD,eA4CF,CAAA"}
+{"version":3,"file":"createFeatureMap.d.ts","sourceRoot":"","sources":["../../src/field/createFeatureMap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAEjD,eAAO,MAAM,gBAAgB,yBACL,GAAG,CAAC,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,KACjE,eAuDF,CAAA"}

package/dist/field/createFeatureMap.js

@@ -5,6 +5,9 @@ export const createFeatureMap = (richTextComponentMap)=>{
         plugins: []
     };
     for (const [key, value] of richTextComponentMap){
+        if (Array.isArray(value)) {
+            continue; // We only wanna process react nodes here
+        }
         if (key.startsWith('leaf.button') || key.startsWith('leaf.component.')) {
             const leafName = key.replace('leaf.button.', '').replace('leaf.component.', '');
             if (!features.leaves[leafName]) {
@@ -14,8 +17,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 +33,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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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 { ClientField } from 'payload'\n\nimport type { EnabledFeatures } from './types.js'\n\nexport const createFeatureMap = (\n  richTextComponentMap: Map<string, ClientField[] | 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 (Array.isArray(value)) {\n      continue // We only wanna process react nodes here\n    }\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","Array","isArray","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,IAAIO,MAAMC,OAAO,CAACF,QAAQ;YACxB,UAAS,yCAAyC;QACpD;QACA,IAAID,IAAII,UAAU,CAAC,kBAAkBJ,IAAII,UAAU,CAAC,oBAAoB;YACtE,MAAMC,WAAWL,IAAIM,OAAO,CAAC,gBAAgB,IAAIA,OAAO,CAAC,mBAAmB;YAE5E,IAAI,CAACV,SAASE,MAAM,CAACO,SAAS,EAAE;gBAC9BT,SAASE,MAAM,CAACO,SAAS,GAAG;oBAC1BE,MAAMF;oBACNG,QAAQ;oBACRC,MAAM;gBACR;YACF;YAEA,IAAIT,IAAII,UAAU,CAAC,iBAAiB;gBAClCR,SAASE,MAAM,CAACO,SAAS,CAACG,MAAM,GAAGP;YACrC;YACA,IAAID,IAAII,UAAU,CAAC,oBAAoB;gBACrCR,SAASE,MAAM,CAACO,SAAS,CAACI,IAAI,GAAGR;YACnC;QACF;QAEA,IAAID,IAAII,UAAU,CAAC,sBAAsBJ,IAAII,UAAU,CAAC,uBAAuB;YAC7E,MAAMM,cAAcV,IAAIM,OAAO,CAAC,mBAAmB,IAAIA,OAAO,CAAC,sBAAsB;YAErF,IAAI,CAACV,SAASC,QAAQ,CAACa,YAAY,EAAE;gBACnCd,SAASC,QAAQ,CAACa,YAAY,GAAG;oBAC/BH,MAAMG;oBACNF,QAAQ;oBACRG,SAAS;gBACX;YACF;YAEA,IAAIX,IAAII,UAAU,CAAC,oBAAoB;gBACrCR,SAASC,QAAQ,CAACa,YAAY,CAACF,MAAM,GAAGP;YAC1C;YACA,IAAID,IAAII,UAAU,CAAC,uBAAuB;gBACxCR,SAASC,QAAQ,CAACa,YAAY,CAACC,OAAO,GAAGV;YAC3C;QACF;QAEA,IAAID,IAAII,UAAU,CAAC,mBAAmBJ,IAAII,UAAU,CAAC,oBAAoB;YACvER,SAASG,OAAO,CAACa,IAAI,CAACX;QACxB;IACF;IAEA,OAAOL;AACT,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/field/elements/Button.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAGpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAE7C,OAAO,iBAAiB,CAAA;AAIxB,eAAO,MAAM,SAAS,sBAAsB,CAAA;AAE5C,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAmC/C,CAAA"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/field/elements/Button.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAGpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAE7C,OAAO,iBAAiB,CAAA;AAKxB,eAAO,MAAM,SAAS,sBAAsB,CAAA;AAE5C,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA+C/C,CAAA"}

package/dist/field/elements/Button.js

@@ -1,14 +1,17 @@
 'use client';
-import { Tooltip } from '@payloadcms/ui/elements/Tooltip';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tooltip } from '@payloadcms/ui';
 import React, { useCallback, useState } from 'react';
 import { useSlate } from 'slate-react';
 import '../buttons.scss';
+import { useElementButton } from '../providers/ElementButtonProvider.js';
 import { isElementActive } from './isActive.js';
 import { toggleElement } from './toggle.js';
 export const baseClass = 'rich-text__button';
 export const ElementButton = (props)=>{
-    const { type = 'type', children, className, el = 'button', format, onClick, tooltip } = props;
+    const { type = 'type', children, className, disabled: disabledFromProps, el = 'button', format, onClick, tooltip } = props;
     const editor = useSlate();
+    const { disabled: disabledFromContext } = useElementButton();
     const [showTooltip, setShowTooltip] = useState(false);
     const defaultOnClick = useCallback((event)=>{
         event.preventDefault();
@@ -20,9 +23,11 @@ export const ElementButton = (props)=>{
         type
     ]);
     const Tag = el;
-    return /*#__PURE__*/ React.createElement(Tag, {
+    const disabled = disabledFromProps || disabledFromContext;
+    return /*#__PURE__*/ _jsxs(Tag, {
         ...el === 'button' && {
-            type: 'button'
+            type: 'button',
+            disabled
         },
         className: [
             baseClass,
@@ -30,11 +35,16 @@ export const ElementButton = (props)=>{
             isElementActive(editor, format, type) && `${baseClass}__button--active`
         ].filter(Boolean).join(' '),
         onClick: onClick || defaultOnClick,
-        onMouseEnter: ()=>setShowTooltip(true),
-        onMouseLeave: ()=>setShowTooltip(false)
-    }, tooltip && /*#__PURE__*/ React.createElement(Tooltip, {
-        show: showTooltip
-    }, tooltip), children);
+        onPointerEnter: ()=>setShowTooltip(true),
+        onPointerLeave: ()=>setShowTooltip(false),
+        children: [
+            tooltip && /*#__PURE__*/ _jsx(Tooltip, {
+                show: showTooltip,
+                children: tooltip
+            }),
+            children
+        ]
+    });
 };
 
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/field/elements/Button.tsx"],"sourcesContent":["'use client'\nimport type { ElementType } from 'react'\n\nimport { Tooltip } from '@payloadcms/ui/elements/Tooltip'\nimport React, { useCallback, useState } from 'react'\nimport { useSlate } from 'slate-react'\n\nimport type { ButtonProps } from './types.js'\n\nimport '../buttons.scss'\nimport { isElementActive } from './isActive.js'\nimport { toggleElement } from './toggle.js'\n\nexport const baseClass = 'rich-text__button'\n\nexport const ElementButton: React.FC<ButtonProps> = (props) => {\n  const { type = 'type', children, className, el = 'button', format, onClick, tooltip } = props\n\n  const editor = useSlate()\n  const [showTooltip, setShowTooltip] = useState(false)\n\n  const defaultOnClick = useCallback(\n    (event) => {\n      event.preventDefault()\n      setShowTooltip(false)\n      toggleElement(editor, format, type)\n    },\n    [editor, format, type],\n  )\n\n  const Tag: ElementType = el\n\n  return (\n    <Tag\n      {...(el === 'button' && { type: 'button' })}\n      className={[\n        baseClass,\n        className,\n        isElementActive(editor, format, type) && `${baseClass}__button--active`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      onClick={onClick || defaultOnClick}\n      onMouseEnter={() => setShowTooltip(true)}\n      onMouseLeave={() => setShowTooltip(false)}\n    >\n      {tooltip && <Tooltip show={showTooltip}>{tooltip}</Tooltip>}\n      {children}\n    </Tag>\n  )\n}\n"],"names":["Tooltip","React","useCallback","useState","useSlate","isElementActive","toggleElement","baseClass","ElementButton","props","type","children","className","el","format","onClick","tooltip","editor","showTooltip","setShowTooltip","defaultOnClick","event","preventDefault","Tag","filter","Boolean","join","onMouseEnter","onMouseLeave","show"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAGA,SAASA,OAAO,QAAQ,kCAAiC;AACzD,OAAOC,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAO;AACpD,SAASC,QAAQ,QAAQ,cAAa;AAItC,OAAO,kBAAiB;AACxB,SAASC,eAAe,QAAQ,gBAAe;AAC/C,SAASC,aAAa,QAAQ,cAAa;AAE3C,OAAO,MAAMC,YAAY,oBAAmB;AAE5C,OAAO,MAAMC,gBAAuC,CAACC;IACnD,MAAM,EAAEC,OAAO,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,KAAK,QAAQ,EAAEC,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGP;IAExF,MAAMQ,SAASb;IACf,MAAM,CAACc,aAAaC,eAAe,GAAGhB,SAAS;IAE/C,MAAMiB,iBAAiBlB,YACrB,CAACmB;QACCA,MAAMC,cAAc;QACpBH,eAAe;QACfb,cAAcW,QAAQH,QAAQJ;IAChC,GACA;QAACO;QAAQH;QAAQJ;KAAK;IAGxB,MAAMa,MAAmBV;IAEzB,qBACE,oBAACU;QACE,GAAIV,OAAO,YAAY;YAAEH,MAAM;QAAS,CAAC;QAC1CE,WAAW;YACTL;YACAK;YACAP,gBAAgBY,QAAQH,QAAQJ,SAAS,CAAC,EAAEH,UAAU,gBAAgB,CAAC;SACxE,CACEiB,MAAM,CAACC,SACPC,IAAI,CAAC;QACRX,SAASA,WAAWK;QACpBO,cAAc,IAAMR,eAAe;QACnCS,cAAc,IAAMT,eAAe;OAElCH,yBAAW,oBAAChB;QAAQ6B,MAAMX;OAAcF,UACxCL;AAGP,EAAC"}
+{"version":3,"sources":["../../../src/field/elements/Button.tsx"],"sourcesContent":["'use client'\nimport type { ElementType } from 'react'\n\nimport { Tooltip } from '@payloadcms/ui'\nimport React, { useCallback, useState } from 'react'\nimport { useSlate } from 'slate-react'\n\nimport type { ButtonProps } from './types.js'\n\nimport '../buttons.scss'\nimport { useElementButton } from '../providers/ElementButtonProvider.js'\nimport { isElementActive } from './isActive.js'\nimport { toggleElement } from './toggle.js'\n\nexport const baseClass = 'rich-text__button'\n\nexport const ElementButton: React.FC<ButtonProps> = (props) => {\n  const {\n    type = 'type',\n    children,\n    className,\n    disabled: disabledFromProps,\n    el = 'button',\n    format,\n    onClick,\n    tooltip,\n  } = props\n\n  const editor = useSlate()\n  const { disabled: disabledFromContext } = useElementButton()\n  const [showTooltip, setShowTooltip] = useState(false)\n\n  const defaultOnClick = useCallback(\n    (event) => {\n      event.preventDefault()\n      setShowTooltip(false)\n      toggleElement(editor, format, type)\n    },\n    [editor, format, type],\n  )\n\n  const Tag: ElementType = el\n\n  const disabled = disabledFromProps || disabledFromContext\n\n  return (\n    <Tag\n      {...(el === 'button' && { type: 'button', disabled })}\n      className={[\n        baseClass,\n        className,\n        isElementActive(editor, format, type) && `${baseClass}__button--active`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      onClick={onClick || defaultOnClick}\n      onPointerEnter={() => setShowTooltip(true)}\n      onPointerLeave={() => setShowTooltip(false)}\n    >\n      {tooltip && <Tooltip show={showTooltip}>{tooltip}</Tooltip>}\n      {children}\n    </Tag>\n  )\n}\n"],"names":["Tooltip","React","useCallback","useState","useSlate","useElementButton","isElementActive","toggleElement","baseClass","ElementButton","props","type","children","className","disabled","disabledFromProps","el","format","onClick","tooltip","editor","disabledFromContext","showTooltip","setShowTooltip","defaultOnClick","event","preventDefault","Tag","filter","Boolean","join","onPointerEnter","onPointerLeave","show"],"mappings":"AAAA;;AAGA,SAASA,OAAO,QAAQ,iBAAgB;AACxC,OAAOC,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAO;AACpD,SAASC,QAAQ,QAAQ,cAAa;AAItC,OAAO,kBAAiB;AACxB,SAASC,gBAAgB,QAAQ,wCAAuC;AACxE,SAASC,eAAe,QAAQ,gBAAe;AAC/C,SAASC,aAAa,QAAQ,cAAa;AAE3C,OAAO,MAAMC,YAAY,oBAAmB;AAE5C,OAAO,MAAMC,gBAAuC,CAACC;IACnD,MAAM,EACJC,OAAO,MAAM,EACbC,QAAQ,EACRC,SAAS,EACTC,UAAUC,iBAAiB,EAC3BC,KAAK,QAAQ,EACbC,MAAM,EACNC,OAAO,EACPC,OAAO,EACR,GAAGT;IAEJ,MAAMU,SAAShB;IACf,MAAM,EAAEU,UAAUO,mBAAmB,EAAE,GAAGhB;IAC1C,MAAM,CAACiB,aAAaC,eAAe,GAAGpB,SAAS;IAE/C,MAAMqB,iBAAiBtB,YACrB,CAACuB;QACCA,MAAMC,cAAc;QACpBH,eAAe;QACfhB,cAAca,QAAQH,QAAQN;IAChC,GACA;QAACS;QAAQH;QAAQN;KAAK;IAGxB,MAAMgB,MAAmBX;IAEzB,MAAMF,WAAWC,qBAAqBM;IAEtC,qBACE,MAACM;QACE,GAAIX,OAAO,YAAY;YAAEL,MAAM;YAAUG;QAAS,CAAC;QACpDD,WAAW;YACTL;YACAK;YACAP,gBAAgBc,QAAQH,QAAQN,SAAS,CAAC,EAAEH,UAAU,gBAAgB,CAAC;SACxE,CACEoB,MAAM,CAACC,SACPC,IAAI,CAAC;QACRZ,SAASA,WAAWM;QACpBO,gBAAgB,IAAMR,eAAe;QACrCS,gBAAgB,IAAMT,eAAe;;YAEpCJ,yBAAW,KAACnB;gBAAQiC,MAAMX;0BAAcH;;YACxCP;;;AAGP,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":"AAQA,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

@@ -1,7 +1,5 @@
 'use client';
-import { useAuth } from '@payloadcms/ui/providers/Auth';
-import { useConfig } from '@payloadcms/ui/providers/Config';
-import { useEntityVisibility } from '@payloadcms/ui/providers/EntityVisibility';
+import { useAuth, useConfig, useEntityVisibility } from '@payloadcms/ui';
 import * as React from 'react';
 const filterRichTextCollections = (collections, options)=>{
     return collections.filter(({ slug, admin: { enableRichTextRelationship }, upload })=>{
@@ -16,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 { ClientUser } from 'payload/auth'\nimport type { ClientCollectionConfig, VisibleEntities } from 'payload/types'\n\nimport { useAuth } from '@payloadcms/ui/providers/Auth'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useEntityVisibility } from '@payloadcms/ui/providers/EntityVisibility'\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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAKA,SAASA,OAAO,QAAQ,gCAA+B;AACvD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,mBAAmB,QAAQ,4CAA2C;AAC/E,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/ListButton.js

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

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/field/elements/areAllChildrenElements.ts"],"sourcesContent":["import type { Node } from 'slate'\n\nimport { Element } from 'slate'\n\nexport const areAllChildrenElements = (node: Node): boolean => {\n  return Array.isArray(node.children) && node.children.every((child) => Element.isElement(child))\n}\n"],"names":["Element","areAllChildrenElements","node","Array","isArray","children","every","child","isElement"],"rangeMappings":";;;","mappings":"AAEA,SAASA,OAAO,QAAQ,QAAO;AAE/B,OAAO,MAAMC,yBAAyB,CAACC;IACrC,OAAOC,MAAMC,OAAO,CAACF,KAAKG,QAAQ,KAAKH,KAAKG,QAAQ,CAACC,KAAK,CAAC,CAACC,QAAUP,QAAQQ,SAAS,CAACD;AAC1F,EAAC"}
+{"version":3,"sources":["../../../src/field/elements/areAllChildrenElements.ts"],"sourcesContent":["import type { Node } from 'slate'\n\nimport { Element } from 'slate'\n\nexport const areAllChildrenElements = (node: Node): boolean => {\n  return Array.isArray(node.children) && node.children.every((child) => Element.isElement(child))\n}\n"],"names":["Element","areAllChildrenElements","node","Array","isArray","children","every","child","isElement"],"mappings":"AAEA,SAASA,OAAO,QAAQ,QAAO;AAE/B,OAAO,MAAMC,yBAAyB,CAACC;IACrC,OAAOC,MAAMC,OAAO,CAACF,KAAKG,QAAQ,KAAKH,KAAKG,QAAQ,CAACC,KAAK,CAAC,CAACC,QAAUP,QAAQQ,SAAS,CAACD;AAC1F,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}

@@ -1,13 +1,15 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useElement } from '../../providers/ElementProvider.js';
 import './index.scss';
-export const Blockquote = ()=>{
+export const BlockquoteElement = ()=>{
     const { attributes, children } = useElement();
-    return /*#__PURE__*/ React.createElement("blockquote", {
+    return /*#__PURE__*/ _jsx("blockquote", {
         className: "rich-text-blockquote",
-        ...attributes
-    }, children);
+        ...attributes,
+        children: children
+    });
 };
 
-//# sourceMappingURL=Blockquote.js.map
+//# 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,14 +1,13 @@
-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__*/ React.createElement(ElementButton, {
+    Button: {
+        clientProps: {
             format: name
-        }, /*#__PURE__*/ React.createElement(BlockquoteIcon, null)),
-    Element: Blockquote
+        },
+        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"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,cAAc,QAAQ,kCAAiC;AAChE,SAASC,aAAa,QAAQ,eAAc;AAC5C,SAASC,UAAU,QAAQ,kBAAiB;AAE5C,MAAMC,OAAO;AAEb,OAAO,MAAMC,aAAoC;IAC/CD;IACAE,QAAQ,kBACN,oBAACJ;YAAcK,QAAQH;yBACrB,oBAACH;IAGLO,SAASL;AACX,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/blockquote/index.tsx"],"sourcesContent":["import 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/blockquote/index.scss

@@ -1,9 +1,11 @@
 @import '../../../scss/styles.scss';
 
-.rich-text-blockquote {
-  &[data-slate-node='element'] {
-    margin: base(0.625) 0;
-    padding-left: base(0.625);
-    border-left: 1px solid var(--theme-elevation-200);
+@layer payload-default {
+  .rich-text-blockquote {
+    &[data-slate-node='element'] {
+      margin: base(0.625) 0;
+      padding-left: base(0.625);
+      border-left: 1px solid var(--theme-elevation-200);
+    }
   }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"getCommonBlock.d.ts","sourceRoot":"","sources":["../../../src/field/elements/getCommonBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAMpC,eAAO,MAAM,cAAc,WAAY,MAAM,UAAU,UAAU,IAAI,CAAC,oBAarE,CAAA"}
+{"version":3,"file":"getCommonBlock.d.ts","sourceRoot":"","sources":["../../../src/field/elements/getCommonBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAMpC,eAAO,MAAM,cAAc,WAAY,MAAM,UAAU,SAAS,CAAC,IAAI,CAAC,KAAG,SAAS,CAAC,IAAI,CAatF,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/field/elements/getCommonBlock.tsx"],"sourcesContent":["import type { NodeEntry, NodeMatch } from 'slate'\n\nimport { Editor, Node } from 'slate'\n\nimport type { ElementNode } from '../../types.js'\n\nimport { isBlockElement } from './isBlockElement.js'\n\nexport const getCommonBlock = (editor: Editor, match?: NodeMatch<Node>): NodeEntry<Node> => {\n  const range = Editor.unhangRange(editor, editor.selection, { voids: true })\n\n  const [common, path] = Node.common(editor, range.anchor.path, range.focus.path)\n\n  if (isBlockElement(editor, common) || Editor.isEditor(common)) {\n    return [common, path]\n  }\n\n  return Editor.above(editor, {\n    at: path,\n    match: match || ((n: ElementNode) => isBlockElement(editor, n) || Editor.isEditor(n)),\n  })\n}\n"],"names":["Editor","Node","isBlockElement","getCommonBlock","editor","match","range","unhangRange","selection","voids","common","path","anchor","focus","isEditor","above","at","n"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":"AAEA,SAASA,MAAM,EAAEC,IAAI,QAAQ,QAAO;AAIpC,SAASC,cAAc,QAAQ,sBAAqB;AAEpD,OAAO,MAAMC,iBAAiB,CAACC,QAAgBC;IAC7C,MAAMC,QAAQN,OAAOO,WAAW,CAACH,QAAQA,OAAOI,SAAS,EAAE;QAAEC,OAAO;IAAK;IAEzE,MAAM,CAACC,QAAQC,KAAK,GAAGV,KAAKS,MAAM,CAACN,QAAQE,MAAMM,MAAM,CAACD,IAAI,EAAEL,MAAMO,KAAK,CAACF,IAAI;IAE9E,IAAIT,eAAeE,QAAQM,WAAWV,OAAOc,QAAQ,CAACJ,SAAS;QAC7D,OAAO;YAACA;YAAQC;SAAK;IACvB;IAEA,OAAOX,OAAOe,KAAK,CAACX,QAAQ;QAC1BY,IAAIL;QACJN,OAAOA,SAAU,CAAA,CAACY,IAAmBf,eAAeE,QAAQa,MAAMjB,OAAOc,QAAQ,CAACG,EAAC;IACrF;AACF,EAAC"}
+{"version":3,"sources":["../../../src/field/elements/getCommonBlock.tsx"],"sourcesContent":["import type { NodeEntry, NodeMatch } from 'slate'\n\nimport { Editor, Node } from 'slate'\n\nimport type { ElementNode } from '../../types.js'\n\nimport { isBlockElement } from './isBlockElement.js'\n\nexport const getCommonBlock = (editor: Editor, match?: NodeMatch<Node>): NodeEntry<Node> => {\n  const range = Editor.unhangRange(editor, editor.selection, { voids: true })\n\n  const [common, path] = Node.common(editor, range.anchor.path, range.focus.path)\n\n  if (isBlockElement(editor, common) || Editor.isEditor(common)) {\n    return [common, path]\n  }\n\n  return Editor.above(editor, {\n    at: path,\n    match: match || ((n: ElementNode) => isBlockElement(editor, n) || Editor.isEditor(n)),\n  })\n}\n"],"names":["Editor","Node","isBlockElement","getCommonBlock","editor","match","range","unhangRange","selection","voids","common","path","anchor","focus","isEditor","above","at","n"],"mappings":"AAEA,SAASA,MAAM,EAAEC,IAAI,QAAQ,QAAO;AAIpC,SAASC,cAAc,QAAQ,sBAAqB;AAEpD,OAAO,MAAMC,iBAAiB,CAACC,QAAgBC;IAC7C,MAAMC,QAAQN,OAAOO,WAAW,CAACH,QAAQA,OAAOI,SAAS,EAAE;QAAEC,OAAO;IAAK;IAEzE,MAAM,CAACC,QAAQC,KAAK,GAAGV,KAAKS,MAAM,CAACN,QAAQE,MAAMM,MAAM,CAACD,IAAI,EAAEL,MAAMO,KAAK,CAACF,IAAI;IAE9E,IAAIT,eAAeE,QAAQM,WAAWV,OAAOc,QAAQ,CAACJ,SAAS;QAC7D,OAAO;YAACA;YAAQC;SAAK;IACvB;IAEA,OAAOX,OAAOe,KAAK,CAACX,QAAQ;QAC1BY,IAAIL;QACJN,OAAOA,SAAU,CAAA,CAACY,IAAmBf,eAAeE,QAAQa,MAAMjB,OAAOc,QAAQ,CAACG,EAAC;IACrF;AACF,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,3 +1,2 @@
-import React from 'react';
-export declare const Heading1: () => React.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":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,QAAQ,yBAIpB,CAAA"}
+{"version":3,"file":"Heading1.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/h1/Heading1.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,+CAI3B,CAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/h1/Heading1.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useElement } from '../../providers/ElementProvider.js'\n\nexport const Heading1 = () => {\n  const { attributes, children } = useElement()\n\n  return <h1 {...attributes}>{children}</h1>\n}\n"],"names":["React","useElement","Heading1","attributes","children","h1"],"rangeMappings":";;;;;;","mappings":"AAAA;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,qCAAoC;AAE/D,OAAO,MAAMC,WAAW;IACtB,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IAEjC,qBAAO,oBAACI,MAAOF,YAAaC;AAC9B,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/h1/Heading1.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useElement } from '../../providers/ElementProvider.js'\n\nexport const 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,14 +1,13 @@
-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__*/ React.createElement(ElementButton, {
+    Button: {
+        clientProps: {
             format: name
-        }, /*#__PURE__*/ React.createElement(H1Icon, null)),
-    Element: Heading1
+        },
+        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"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,MAAM,QAAQ,mCAAkC;AACzD,SAASC,aAAa,QAAQ,eAAc;AAC5C,SAASC,QAAQ,QAAQ,gBAAe;AAExC,MAAMC,OAAO;AAEb,OAAO,MAAMC,KAA4B;IACvCD;IACAE,QAAQ,kBACN,oBAACJ;YAAcK,QAAQH;yBACrB,oBAACH;IAGLO,SAASL;AACX,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/h1/index.tsx"],"sourcesContent":["import 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,3 +1,2 @@
-import React from 'react';
-export declare const Heading2: () => React.JSX.Element;
+export declare const Heading2Element: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Heading2.d.ts.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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