@payloadcms/richtext-slate 3.0.0-beta.78 → 3.0.0-beta.80

package/dist/field/elements/upload/Element/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/field/elements/upload/Element/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormFieldBase } from 'payload'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  DrawerToggler,\n  File,\n  useConfig,\n  useDocumentDrawer,\n  useDrawerSlug,\n  useListDrawer,\n  usePayloadAPI,\n  useTranslation,\n} from '@payloadcms/ui'\nimport React, { useCallback, useReducer, useState } from 'react'\nimport { Transforms } from 'slate'\nimport { ReactEditor, useFocused, useSelected, useSlateStatic } from 'slate-react'\n\nimport type { UploadElementType } from '../types.js'\n\nimport { useElement } from '../../../providers/ElementProvider.js'\nimport { EnabledRelationshipsCondition } from '../../EnabledRelationshipsCondition.js'\nimport { uploadFieldsSchemaPath, uploadName } from '../shared.js'\nimport { UploadDrawer } from './UploadDrawer/index.js'\nimport './index.scss'\n\nconst baseClass = 'rich-text-upload'\n\nconst initialParams = {\n  depth: 0,\n}\n\ntype Props = {\n  name: string\n  richTextComponentMap: Map<string, React.ReactNode>\n} & FormFieldBase\n\nconst UploadElement: React.FC<{ enabledCollectionSlugs?: string[] } & Props> = ({\n  enabledCollectionSlugs,\n}) => {\n  const {\n    attributes,\n    children,\n    element: { relationTo, value },\n    element,\n    fieldProps,\n    schemaPath,\n  } = useElement<UploadElementType>()\n\n  const {\n    collections,\n    routes: { api },\n    serverURL,\n  } = useConfig()\n  const { i18n, t } = useTranslation()\n  const [cacheBust, dispatchCacheBust] = useReducer((state) => state + 1, 0)\n  const [relatedCollection, setRelatedCollection] = useState<ClientCollectionConfig>(() =>\n    collections.find((coll) => coll.slug === relationTo),\n  )\n\n  const drawerSlug = useDrawerSlug('upload-drawer')\n\n  const [ListDrawer, ListDrawerToggler, { closeDrawer: closeListDrawer }] = useListDrawer({\n    collectionSlugs: enabledCollectionSlugs,\n    selectedCollection: relatedCollection.slug,\n  })\n\n  const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer }] = useDocumentDrawer({\n    id: value?.id,\n    collectionSlug: relatedCollection.slug,\n  })\n\n  const editor = useSlateStatic()\n  const selected = useSelected()\n  const focused = useFocused()\n\n  // Get the referenced document\n  const [{ data }, { setParams }] = usePayloadAPI(\n    `${serverURL}${api}/${relatedCollection.slug}/${value?.id}`,\n    { initialParams },\n  )\n\n  const thumbnailSRC = data?.thumbnailURL || data?.url\n\n  const removeUpload = useCallback(() => {\n    const elementPath = ReactEditor.findPath(editor, element)\n\n    Transforms.removeNodes(editor, { at: elementPath })\n  }, [editor, element])\n\n  const updateUpload = useCallback(\n    (json) => {\n      const { doc } = json\n\n      const newNode = {\n        fields: doc,\n      }\n\n      const elementPath = ReactEditor.findPath(editor, element)\n\n      Transforms.setNodes(editor, newNode, { at: elementPath })\n\n      setParams({\n        ...initialParams,\n        cacheBust, // do this to get the usePayloadAPI to re-fetch the data even though the URL string hasn't changed\n      })\n\n      dispatchCacheBust()\n      closeDrawer()\n    },\n    [editor, element, setParams, cacheBust, closeDrawer],\n  )\n\n  const swapUpload = React.useCallback(\n    ({ collectionSlug, docID }) => {\n      const newNode = {\n        type: uploadName,\n        children: [{ text: ' ' }],\n        relationTo: collectionSlug,\n        value: { id: docID },\n      }\n\n      const elementPath = ReactEditor.findPath(editor, element)\n\n      setRelatedCollection(collections.find((coll) => coll.slug === collectionSlug))\n\n      Transforms.setNodes(editor, newNode, { at: elementPath })\n\n      dispatchCacheBust()\n      closeListDrawer()\n    },\n    [closeListDrawer, editor, element, collections],\n  )\n\n  const relatedFieldSchemaPath = `${uploadFieldsSchemaPath}.${relatedCollection.slug}`\n  const customFieldsMap = fieldProps.richTextComponentMap.get(relatedFieldSchemaPath)\n\n  return (\n    <div\n      className={[baseClass, selected && focused && `${baseClass}--selected`]\n        .filter(Boolean)\n        .join(' ')}\n      contentEditable={false}\n      {...attributes}\n    >\n      <div className={`${baseClass}__card`}>\n        <div className={`${baseClass}__topRow`}>\n          {/* TODO: migrate to use Thumbnail component */}\n          <div className={`${baseClass}__thumbnail`}>\n            {thumbnailSRC ? <img alt={data?.filename} src={thumbnailSRC} /> : <File />}\n          </div>\n          <div className={`${baseClass}__topRowRightPanel`}>\n            <div className={`${baseClass}__collectionLabel`}>\n              {getTranslation(relatedCollection.labels.singular, i18n)}\n            </div>\n            <div className={`${baseClass}__actions`}>\n              {Boolean(customFieldsMap) && (\n                <DrawerToggler\n                  className={`${baseClass}__upload-drawer-toggler`}\n                  disabled={fieldProps?.readOnly}\n                  slug={drawerSlug}\n                >\n                  <Button\n                    buttonStyle=\"icon-label\"\n                    el=\"div\"\n                    icon=\"edit\"\n                    onClick={(e) => {\n                      e.preventDefault()\n                    }}\n                    round\n                    tooltip={t('fields:editRelationship')}\n                  />\n                </DrawerToggler>\n              )}\n              <ListDrawerToggler\n                className={`${baseClass}__list-drawer-toggler`}\n                disabled={fieldProps?.readOnly}\n              >\n                <Button\n                  buttonStyle=\"icon-label\"\n                  disabled={fieldProps?.readOnly}\n                  el=\"div\"\n                  icon=\"swap\"\n                  onClick={() => {\n                    // do nothing\n                  }}\n                  round\n                  tooltip={t('fields:swapUpload')}\n                />\n              </ListDrawerToggler>\n              <Button\n                buttonStyle=\"icon-label\"\n                className={`${baseClass}__removeButton`}\n                disabled={fieldProps?.readOnly}\n                icon=\"x\"\n                onClick={(e) => {\n                  e.preventDefault()\n                  removeUpload()\n                }}\n                round\n                tooltip={t('fields:removeUpload')}\n              />\n            </div>\n          </div>\n        </div>\n        <div className={`${baseClass}__bottomRow`}>\n          <DocumentDrawerToggler className={`${baseClass}__doc-drawer-toggler`}>\n            <strong>{data?.filename}</strong>\n          </DocumentDrawerToggler>\n        </div>\n      </div>\n      {children}\n      {value?.id && <DocumentDrawer onSave={updateUpload} />}\n      <ListDrawer onSelect={swapUpload} />\n      <UploadDrawer {...{ drawerSlug, element, fieldProps, relatedCollection, schemaPath }} />\n    </div>\n  )\n}\n\nexport const Element = (props: Props): React.ReactNode => {\n  return (\n    <EnabledRelationshipsCondition {...props} uploads>\n      <UploadElement {...props} />\n    </EnabledRelationshipsCondition>\n  )\n}\n"],"names":["getTranslation","Button","DrawerToggler","File","useConfig","useDocumentDrawer","useDrawerSlug","useListDrawer","usePayloadAPI","useTranslation","React","useCallback","useReducer","useState","Transforms","ReactEditor","useFocused","useSelected","useSlateStatic","useElement","EnabledRelationshipsCondition","uploadFieldsSchemaPath","uploadName","UploadDrawer","baseClass","initialParams","depth","UploadElement","enabledCollectionSlugs","attributes","children","element","relationTo","value","fieldProps","schemaPath","collections","routes","api","serverURL","i18n","t","cacheBust","dispatchCacheBust","state","relatedCollection","setRelatedCollection","find","coll","slug","drawerSlug","ListDrawer","ListDrawerToggler","closeDrawer","closeListDrawer","collectionSlugs","selectedCollection","DocumentDrawer","DocumentDrawerToggler","id","collectionSlug","editor","selected","focused","data","setParams","thumbnailSRC","thumbnailURL","url","removeUpload","elementPath","findPath","removeNodes","at","updateUpload","json","doc","newNode","fields","setNodes","swapUpload","docID","type","text","relatedFieldSchemaPath","customFieldsMap","richTextComponentMap","get","div","className","filter","Boolean","join","contentEditable","img","alt","filename","src","labels","singular","disabled","readOnly","buttonStyle","el","icon","onClick","e","preventDefault","round","tooltip","strong","onSave","onSelect","Element","props","uploads"],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/field/elements/upload/Element/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, FormFieldBase } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  DrawerToggler,\n  File,\n  useConfig,\n  useDocumentDrawer,\n  useDrawerSlug,\n  useListDrawer,\n  usePayloadAPI,\n  useTranslation,\n} from '@payloadcms/ui'\nimport React, { useCallback, useReducer, useState } from 'react'\nimport { Transforms } from 'slate'\nimport { ReactEditor, useFocused, useSelected, useSlateStatic } from 'slate-react'\n\nimport type { UploadElementType } from '../types.js'\n\nimport { useElement } from '../../../providers/ElementProvider.js'\nimport { EnabledRelationshipsCondition } from '../../EnabledRelationshipsCondition.js'\nimport { uploadFieldsSchemaPath, uploadName } from '../shared.js'\nimport { UploadDrawer } from './UploadDrawer/index.js'\nimport './index.scss'\n\nconst baseClass = 'rich-text-upload'\n\nconst initialParams = {\n  depth: 0,\n}\n\ntype Props = {\n  name: string\n  richTextComponentMap: Map<string, React.ReactNode>\n} & FormFieldBase\n\nconst UploadElementComponent: React.FC<{ enabledCollectionSlugs?: string[] } & Props> = ({\n  enabledCollectionSlugs,\n}) => {\n  const {\n    attributes,\n    children,\n    element: { relationTo, value },\n    element,\n    fieldProps,\n    schemaPath,\n  } = useElement<UploadElementType>()\n\n  const {\n    config: {\n      collections,\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n  const { i18n, t } = useTranslation()\n  const [cacheBust, dispatchCacheBust] = useReducer((state) => state + 1, 0)\n  const [relatedCollection, setRelatedCollection] = useState<ClientCollectionConfig>(() =>\n    collections.find((coll) => coll.slug === relationTo),\n  )\n\n  const drawerSlug = useDrawerSlug('upload-drawer')\n\n  const [ListDrawer, ListDrawerToggler, { closeDrawer: closeListDrawer }] = useListDrawer({\n    collectionSlugs: enabledCollectionSlugs,\n    selectedCollection: relatedCollection.slug,\n  })\n\n  const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer }] = useDocumentDrawer({\n    id: value?.id,\n    collectionSlug: relatedCollection.slug,\n  })\n\n  const editor = useSlateStatic()\n  const selected = useSelected()\n  const focused = useFocused()\n\n  // Get the referenced document\n  const [{ data }, { setParams }] = usePayloadAPI(\n    `${serverURL}${api}/${relatedCollection.slug}/${value?.id}`,\n    { initialParams },\n  )\n\n  const thumbnailSRC = data?.thumbnailURL || data?.url\n\n  const removeUpload = useCallback(() => {\n    const elementPath = ReactEditor.findPath(editor, element)\n\n    Transforms.removeNodes(editor, { at: elementPath })\n  }, [editor, element])\n\n  const updateUpload = useCallback(\n    (json) => {\n      const { doc } = json\n\n      const newNode = {\n        fields: doc,\n      }\n\n      const elementPath = ReactEditor.findPath(editor, element)\n\n      Transforms.setNodes(editor, newNode, { at: elementPath })\n\n      setParams({\n        ...initialParams,\n        cacheBust, // do this to get the usePayloadAPI to re-fetch the data even though the URL string hasn't changed\n      })\n\n      dispatchCacheBust()\n      closeDrawer()\n    },\n    [editor, element, setParams, cacheBust, closeDrawer],\n  )\n\n  const swapUpload = React.useCallback(\n    ({ collectionSlug, docID }) => {\n      const newNode = {\n        type: uploadName,\n        children: [{ text: ' ' }],\n        relationTo: collectionSlug,\n        value: { id: docID },\n      }\n\n      const elementPath = ReactEditor.findPath(editor, element)\n\n      setRelatedCollection(collections.find((coll) => coll.slug === collectionSlug))\n\n      Transforms.setNodes(editor, newNode, { at: elementPath })\n\n      dispatchCacheBust()\n      closeListDrawer()\n    },\n    [closeListDrawer, editor, element, collections],\n  )\n\n  const relatedFieldSchemaPath = `${uploadFieldsSchemaPath}.${relatedCollection.slug}`\n  const customFieldsMap = fieldProps.field.richTextComponentMap.get(relatedFieldSchemaPath)\n\n  return (\n    <div\n      className={[baseClass, selected && focused && `${baseClass}--selected`]\n        .filter(Boolean)\n        .join(' ')}\n      contentEditable={false}\n      {...attributes}\n    >\n      <div className={`${baseClass}__card`}>\n        <div className={`${baseClass}__topRow`}>\n          {/* TODO: migrate to use Thumbnail component */}\n          <div className={`${baseClass}__thumbnail`}>\n            {thumbnailSRC ? <img alt={data?.filename} src={thumbnailSRC} /> : <File />}\n          </div>\n          <div className={`${baseClass}__topRowRightPanel`}>\n            <div className={`${baseClass}__collectionLabel`}>\n              {getTranslation(relatedCollection.labels.singular, i18n)}\n            </div>\n            <div className={`${baseClass}__actions`}>\n              {Boolean(customFieldsMap) && (\n                <DrawerToggler\n                  className={`${baseClass}__upload-drawer-toggler`}\n                  disabled={fieldProps?.field?.admin?.readOnly}\n                  slug={drawerSlug}\n                >\n                  <Button\n                    buttonStyle=\"icon-label\"\n                    el=\"div\"\n                    icon=\"edit\"\n                    onClick={(e) => {\n                      e.preventDefault()\n                    }}\n                    round\n                    tooltip={t('fields:editRelationship')}\n                  />\n                </DrawerToggler>\n              )}\n              <ListDrawerToggler\n                className={`${baseClass}__list-drawer-toggler`}\n                disabled={fieldProps?.field?.admin?.readOnly}\n              >\n                <Button\n                  buttonStyle=\"icon-label\"\n                  disabled={fieldProps?.field?.admin?.readOnly}\n                  el=\"div\"\n                  icon=\"swap\"\n                  onClick={() => {\n                    // do nothing\n                  }}\n                  round\n                  tooltip={t('fields:swapUpload')}\n                />\n              </ListDrawerToggler>\n              <Button\n                buttonStyle=\"icon-label\"\n                className={`${baseClass}__removeButton`}\n                disabled={fieldProps?.field?.admin?.readOnly}\n                icon=\"x\"\n                onClick={(e) => {\n                  e.preventDefault()\n                  removeUpload()\n                }}\n                round\n                tooltip={t('fields:removeUpload')}\n              />\n            </div>\n          </div>\n        </div>\n        <div className={`${baseClass}__bottomRow`}>\n          <DocumentDrawerToggler className={`${baseClass}__doc-drawer-toggler`}>\n            <strong>{data?.filename}</strong>\n          </DocumentDrawerToggler>\n        </div>\n      </div>\n      {children}\n      {value?.id && <DocumentDrawer onSave={updateUpload} />}\n      <ListDrawer onSelect={swapUpload} />\n      <UploadDrawer {...{ drawerSlug, element, fieldProps, relatedCollection, schemaPath }} />\n    </div>\n  )\n}\n\nexport const UploadElement = (props: Props): React.ReactNode => {\n  return (\n    <EnabledRelationshipsCondition {...props} uploads>\n      <UploadElementComponent {...props} />\n    </EnabledRelationshipsCondition>\n  )\n}\n"],"names":["getTranslation","Button","DrawerToggler","File","useConfig","useDocumentDrawer","useDrawerSlug","useListDrawer","usePayloadAPI","useTranslation","React","useCallback","useReducer","useState","Transforms","ReactEditor","useFocused","useSelected","useSlateStatic","useElement","EnabledRelationshipsCondition","uploadFieldsSchemaPath","uploadName","UploadDrawer","baseClass","initialParams","depth","UploadElementComponent","enabledCollectionSlugs","attributes","children","element","relationTo","value","fieldProps","schemaPath","config","collections","routes","api","serverURL","i18n","t","cacheBust","dispatchCacheBust","state","relatedCollection","setRelatedCollection","find","coll","slug","drawerSlug","ListDrawer","ListDrawerToggler","closeDrawer","closeListDrawer","collectionSlugs","selectedCollection","DocumentDrawer","DocumentDrawerToggler","id","collectionSlug","editor","selected","focused","data","setParams","thumbnailSRC","thumbnailURL","url","removeUpload","elementPath","findPath","removeNodes","at","updateUpload","json","doc","newNode","fields","setNodes","swapUpload","docID","type","text","relatedFieldSchemaPath","customFieldsMap","field","richTextComponentMap","get","div","className","filter","Boolean","join","contentEditable","img","alt","filename","src","labels","singular","disabled","admin","readOnly","buttonStyle","el","icon","onClick","e","preventDefault","round","tooltip","strong","onSave","onSelect","UploadElement","props","uploads"],"mappings":"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"}

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

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

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

@@ -1,13 +1,10 @@
-import { Button } from './Button/index.js';
-import { Element } from './Element/index.js';
-import { WithUpload } from './plugin.js';
 import { uploadName } from './shared.js';
 export const upload = {
     name: uploadName,
-    Button,
-    Element,
+    Button: '@payloadcms/richtext-slate/client#UploadElementButton',
+    Element: '@payloadcms/richtext-slate/client#UploadElement',
     plugins: [
-        WithUpload
+        '@payloadcms/richtext-slate/client#WithUpload'
     ]
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/upload/index.ts"],"sourcesContent":["import type { RichTextCustomElement } from '../../../types.js'\n\nimport { Button } from './Button/index.js'\nimport { Element } from './Element/index.js'\nimport { WithUpload } from './plugin.js'\nimport { uploadName } from './shared.js'\n\nexport const upload: RichTextCustomElement = {\n  name: uploadName,\n  Button,\n  Element,\n  plugins: [WithUpload],\n}\n"],"names":["Button","Element","WithUpload","uploadName","upload","name","plugins"],"mappings":"AAEA,SAASA,MAAM,QAAQ,oBAAmB;AAC1C,SAASC,OAAO,QAAQ,qBAAoB;AAC5C,SAASC,UAAU,QAAQ,cAAa;AACxC,SAASC,UAAU,QAAQ,cAAa;AAExC,OAAO,MAAMC,SAAgC;IAC3CC,MAAMF;IACNH;IACAC;IACAK,SAAS;QAACJ;KAAW;AACvB,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/upload/index.ts"],"sourcesContent":["import type { RichTextCustomElement } from '../../../types.js'\n\nimport { uploadName } from './shared.js'\n\nexport const upload: RichTextCustomElement = {\n  name: uploadName,\n  Button: '@payloadcms/richtext-slate/client#UploadElementButton',\n  Element: '@payloadcms/richtext-slate/client#UploadElement',\n  plugins: ['@payloadcms/richtext-slate/client#WithUpload'],\n}\n"],"names":["uploadName","upload","name","Button","Element","plugins"],"mappings":"AAEA,SAASA,UAAU,QAAQ,cAAa;AAExC,OAAO,MAAMC,SAAgC;IAC3CC,MAAMF;IACNG,QAAQ;IACRC,SAAS;IACTC,SAAS;QAAC;KAA+C;AAC3D,EAAC"}

package/dist/field/index.d.ts

@@ -1,7 +1,4 @@
-import type { FormFieldBase } from 'payload';
 import React from 'react';
-export declare const RichTextField: React.FC<{
-    name: string;
-    richTextComponentMap: Map<string, React.ReactNode>;
-} & FormFieldBase>;
+import type { SlateFieldProps } from '../types.js';
+export declare const RichTextField: React.FC<SlateFieldProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/field/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAG5C,OAAO,KAA8C,MAAM,OAAO,CAAA;AAalE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAClC;IACE,IAAI,EAAE,MAAM,CAAA;IACZ,oBAAoB,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;CACnD,GAAG,aAAa,CAoDlB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/field/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8C,MAAM,OAAO,CAAA;AAElE,OAAO,KAAK,EAAkB,eAAe,EAAE,MAAM,aAAa,CAAA;AAWlE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyDnD,CAAA"}

package/dist/field/index.js

@@ -1,13 +1,13 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ShimmerEffect, useClientFunctions, useFieldProps } from '@payloadcms/ui';
+import { RenderComponent, ShimmerEffect, useClientFunctions, useFieldProps } from '@payloadcms/ui';
 import React, { Suspense, lazy, useEffect, useState } from 'react';
 import { createFeatureMap } from './createFeatureMap.js';
 const RichTextEditor = /*#__PURE__*/ lazy(()=>import('./RichText.js').then((module)=>({
             default: module.RichText
         })));
 export const RichTextField = (props)=>{
-    const { richTextComponentMap } = props;
+    const { field: { richTextComponentMap } } = props;
     const { schemaPath } = useFieldProps();
     const clientFunctions = useClientFunctions();
     const [hasLoadedPlugins, setHasLoadedPlugins] = useState(false);
@@ -38,7 +38,9 @@ export const RichTextField = (props)=>{
         return /*#__PURE__*/ _jsx(React.Fragment, {
             children: Array.isArray(features.plugins) && features.plugins.map((Plugin, i)=>{
                 return /*#__PURE__*/ _jsx(React.Fragment, {
-                    children: Plugin
+                    children: /*#__PURE__*/ _jsx(RenderComponent, {
+                        mappedComponent: Plugin
+                    })
                 }, i);
             })
         });

package/dist/field/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/field/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormFieldBase } from 'payload'\n\nimport { ShimmerEffect, useClientFunctions, useFieldProps } from '@payloadcms/ui'\nimport React, { Suspense, lazy, useEffect, useState } from 'react'\n\nimport type { RichTextPlugin } from '../types.js'\nimport type { EnabledFeatures } from './types.js'\n\nimport { createFeatureMap } from './createFeatureMap.js'\n\nconst RichTextEditor = lazy(() =>\n  import('./RichText.js').then((module) => ({\n    default: module.RichText,\n  })),\n)\n\nexport const RichTextField: React.FC<\n  {\n    name: string\n    richTextComponentMap: Map<string, React.ReactNode>\n  } & FormFieldBase\n> = (props) => {\n  const { richTextComponentMap } = props\n\n  const { schemaPath } = useFieldProps()\n  const clientFunctions = useClientFunctions()\n  const [hasLoadedPlugins, setHasLoadedPlugins] = useState(false)\n\n  const [features] = useState<EnabledFeatures>(() => {\n    return createFeatureMap(richTextComponentMap)\n  })\n\n  const [plugins, setPlugins] = useState<RichTextPlugin[]>([])\n\n  useEffect(() => {\n    if (!hasLoadedPlugins) {\n      const plugins: RichTextPlugin[] = []\n\n      Object.entries(clientFunctions).forEach(([key, plugin]) => {\n        if (key.startsWith(`slatePlugin.${schemaPath}.`)) {\n          plugins.push(plugin)\n        }\n      })\n\n      if (plugins.length === features.plugins.length) {\n        setPlugins(plugins)\n        setHasLoadedPlugins(true)\n      }\n    }\n  }, [hasLoadedPlugins, clientFunctions, schemaPath, features.plugins.length])\n\n  if (!hasLoadedPlugins) {\n    return (\n      <React.Fragment>\n        {Array.isArray(features.plugins) &&\n          features.plugins.map((Plugin, i) => {\n            return <React.Fragment key={i}>{Plugin}</React.Fragment>\n          })}\n      </React.Fragment>\n    )\n  }\n\n  return (\n    <Suspense fallback={<ShimmerEffect height=\"35vh\" />}>\n      <RichTextEditor\n        {...props}\n        elements={features.elements}\n        leaves={features.leaves}\n        plugins={plugins}\n      />\n    </Suspense>\n  )\n}\n"],"names":["ShimmerEffect","useClientFunctions","useFieldProps","React","Suspense","lazy","useEffect","useState","createFeatureMap","RichTextEditor","then","module","default","RichText","RichTextField","props","richTextComponentMap","schemaPath","clientFunctions","hasLoadedPlugins","setHasLoadedPlugins","features","plugins","setPlugins","Object","entries","forEach","key","plugin","startsWith","push","length","Fragment","Array","isArray","map","Plugin","i","fallback","height","elements","leaves"],"mappings":"AAAA;;AAIA,SAASA,aAAa,EAAEC,kBAAkB,EAAEC,aAAa,QAAQ,iBAAgB;AACjF,OAAOC,SAASC,QAAQ,EAAEC,IAAI,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAKlE,SAASC,gBAAgB,QAAQ,wBAAuB;AAExD,MAAMC,+BAAiBJ,KAAK,IAC1B,MAAM,CAAC,iBAAiBK,IAAI,CAAC,CAACC,SAAY,CAAA;YACxCC,SAASD,OAAOE,QAAQ;QAC1B,CAAA;AAGF,OAAO,MAAMC,gBAKT,CAACC;IACH,MAAM,EAAEC,oBAAoB,EAAE,GAAGD;IAEjC,MAAM,EAAEE,UAAU,EAAE,GAAGf;IACvB,MAAMgB,kBAAkBjB;IACxB,MAAM,CAACkB,kBAAkBC,oBAAoB,GAAGb,SAAS;IAEzD,MAAM,CAACc,SAAS,GAAGd,SAA0B;QAC3C,OAAOC,iBAAiBQ;IAC1B;IAEA,MAAM,CAACM,SAASC,WAAW,GAAGhB,SAA2B,EAAE;IAE3DD,UAAU;QACR,IAAI,CAACa,kBAAkB;YACrB,MAAMG,UAA4B,EAAE;YAEpCE,OAAOC,OAAO,CAACP,iBAAiBQ,OAAO,CAAC,CAAC,CAACC,KAAKC,OAAO;gBACpD,IAAID,IAAIE,UAAU,CAAC,CAAC,YAAY,EAAEZ,WAAW,CAAC,CAAC,GAAG;oBAChDK,QAAQQ,IAAI,CAACF;gBACf;YACF;YAEA,IAAIN,QAAQS,MAAM,KAAKV,SAASC,OAAO,CAACS,MAAM,EAAE;gBAC9CR,WAAWD;gBACXF,oBAAoB;YACtB;QACF;IACF,GAAG;QAACD;QAAkBD;QAAiBD;QAAYI,SAASC,OAAO,CAACS,MAAM;KAAC;IAE3E,IAAI,CAACZ,kBAAkB;QACrB,qBACE,KAAChB,MAAM6B,QAAQ;sBACZC,MAAMC,OAAO,CAACb,SAASC,OAAO,KAC7BD,SAASC,OAAO,CAACa,GAAG,CAAC,CAACC,QAAQC;gBAC5B,qBAAO,KAAClC,MAAM6B,QAAQ;8BAAUI;mBAAJC;YAC9B;;IAGR;IAEA,qBACE,KAACjC;QAASkC,wBAAU,KAACtC;YAAcuC,QAAO;;kBACxC,cAAA,KAAC9B;YACE,GAAGM,KAAK;YACTyB,UAAUnB,SAASmB,QAAQ;YAC3BC,QAAQpB,SAASoB,MAAM;YACvBnB,SAASA;;;AAIjB,EAAC"}
+{"version":3,"sources":["../../src/field/index.tsx"],"sourcesContent":["'use client'\n\nimport { RenderComponent, ShimmerEffect, useClientFunctions, useFieldProps } from '@payloadcms/ui'\nimport React, { Suspense, lazy, useEffect, useState } from 'react'\n\nimport type { RichTextPlugin, SlateFieldProps } from '../types.js'\nimport type { EnabledFeatures } from './types.js'\n\nimport { createFeatureMap } from './createFeatureMap.js'\n\nconst RichTextEditor = lazy(() =>\n  import('./RichText.js').then((module) => ({\n    default: module.RichText,\n  })),\n)\n\nexport const RichTextField: React.FC<SlateFieldProps> = (props) => {\n  const {\n    field: { richTextComponentMap },\n  } = props\n\n  const { schemaPath } = useFieldProps()\n  const clientFunctions = useClientFunctions()\n  const [hasLoadedPlugins, setHasLoadedPlugins] = useState(false)\n\n  const [features] = useState<EnabledFeatures>(() => {\n    return createFeatureMap(richTextComponentMap as any)\n  })\n\n  const [plugins, setPlugins] = useState<RichTextPlugin[]>([])\n\n  useEffect(() => {\n    if (!hasLoadedPlugins) {\n      const plugins: RichTextPlugin[] = []\n\n      Object.entries(clientFunctions).forEach(([key, plugin]) => {\n        if (key.startsWith(`slatePlugin.${schemaPath}.`)) {\n          plugins.push(plugin)\n        }\n      })\n\n      if (plugins.length === features.plugins.length) {\n        setPlugins(plugins)\n        setHasLoadedPlugins(true)\n      }\n    }\n  }, [hasLoadedPlugins, clientFunctions, schemaPath, features.plugins.length])\n\n  if (!hasLoadedPlugins) {\n    return (\n      <React.Fragment>\n        {Array.isArray(features.plugins) &&\n          features.plugins.map((Plugin, i) => {\n            return (\n              <React.Fragment key={i}>\n                <RenderComponent mappedComponent={Plugin} />\n              </React.Fragment>\n            )\n          })}\n      </React.Fragment>\n    )\n  }\n\n  return (\n    <Suspense fallback={<ShimmerEffect height=\"35vh\" />}>\n      <RichTextEditor\n        {...props}\n        elements={features.elements}\n        leaves={features.leaves}\n        plugins={plugins}\n      />\n    </Suspense>\n  )\n}\n"],"names":["RenderComponent","ShimmerEffect","useClientFunctions","useFieldProps","React","Suspense","lazy","useEffect","useState","createFeatureMap","RichTextEditor","then","module","default","RichText","RichTextField","props","field","richTextComponentMap","schemaPath","clientFunctions","hasLoadedPlugins","setHasLoadedPlugins","features","plugins","setPlugins","Object","entries","forEach","key","plugin","startsWith","push","length","Fragment","Array","isArray","map","Plugin","i","mappedComponent","fallback","height","elements","leaves"],"mappings":"AAAA;;AAEA,SAASA,eAAe,EAAEC,aAAa,EAAEC,kBAAkB,EAAEC,aAAa,QAAQ,iBAAgB;AAClG,OAAOC,SAASC,QAAQ,EAAEC,IAAI,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAKlE,SAASC,gBAAgB,QAAQ,wBAAuB;AAExD,MAAMC,+BAAiBJ,KAAK,IAC1B,MAAM,CAAC,iBAAiBK,IAAI,CAAC,CAACC,SAAY,CAAA;YACxCC,SAASD,OAAOE,QAAQ;QAC1B,CAAA;AAGF,OAAO,MAAMC,gBAA2C,CAACC;IACvD,MAAM,EACJC,OAAO,EAAEC,oBAAoB,EAAE,EAChC,GAAGF;IAEJ,MAAM,EAAEG,UAAU,EAAE,GAAGhB;IACvB,MAAMiB,kBAAkBlB;IACxB,MAAM,CAACmB,kBAAkBC,oBAAoB,GAAGd,SAAS;IAEzD,MAAM,CAACe,SAAS,GAAGf,SAA0B;QAC3C,OAAOC,iBAAiBS;IAC1B;IAEA,MAAM,CAACM,SAASC,WAAW,GAAGjB,SAA2B,EAAE;IAE3DD,UAAU;QACR,IAAI,CAACc,kBAAkB;YACrB,MAAMG,UAA4B,EAAE;YAEpCE,OAAOC,OAAO,CAACP,iBAAiBQ,OAAO,CAAC,CAAC,CAACC,KAAKC,OAAO;gBACpD,IAAID,IAAIE,UAAU,CAAC,CAAC,YAAY,EAAEZ,WAAW,CAAC,CAAC,GAAG;oBAChDK,QAAQQ,IAAI,CAACF;gBACf;YACF;YAEA,IAAIN,QAAQS,MAAM,KAAKV,SAASC,OAAO,CAACS,MAAM,EAAE;gBAC9CR,WAAWD;gBACXF,oBAAoB;YACtB;QACF;IACF,GAAG;QAACD;QAAkBD;QAAiBD;QAAYI,SAASC,OAAO,CAACS,MAAM;KAAC;IAE3E,IAAI,CAACZ,kBAAkB;QACrB,qBACE,KAACjB,MAAM8B,QAAQ;sBACZC,MAAMC,OAAO,CAACb,SAASC,OAAO,KAC7BD,SAASC,OAAO,CAACa,GAAG,CAAC,CAACC,QAAQC;gBAC5B,qBACE,KAACnC,MAAM8B,QAAQ;8BACb,cAAA,KAAClC;wBAAgBwC,iBAAiBF;;mBADfC;YAIzB;;IAGR;IAEA,qBACE,KAAClC;QAASoC,wBAAU,KAACxC;YAAcyC,QAAO;;kBACxC,cAAA,KAAChC;YACE,GAAGM,KAAK;YACT2B,UAAUpB,SAASoB,QAAQ;YAC3BC,QAAQrB,SAASqB,MAAM;YACvBpB,SAASA;;;AAIjB,EAAC"}

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

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

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

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

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

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useLeaf } from '../../../providers/LeafProvider.js';
-export const Bold = ()=>{
+export const BoldLeaf = ()=>{
     const { attributes, children } = useLeaf();
     return /*#__PURE__*/ _jsx("strong", {
         ...attributes,

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

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

package/dist/field/leaves/bold/LeafButton.d.ts

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

package/dist/field/leaves/bold/LeafButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeafButton.d.ts","sourceRoot":"","sources":["../../../../src/field/leaves/bold/LeafButton.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,+CAI1B,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/leaves/bold/LeafButton.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { BoldIcon } from '../../icons/Bold/index.js'\nimport { LeafButton } from '../Button.js'\n\nexport const BoldLeafButton = () => (\n  <LeafButton format=\"bold\">\n    <BoldIcon />\n  </LeafButton>\n)\n"],"names":["React","BoldIcon","LeafButton","BoldLeafButton","format"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,UAAU,QAAQ,eAAc;AAEzC,OAAO,MAAMC,iBAAiB,kBAC5B,KAACD;QAAWE,QAAO;kBACjB,cAAA,KAACH;OAEJ"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/leaves/bold/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAM3D,eAAO,MAAM,IAAI,EAAE,kBAQlB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/leaves/bold/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAE3D,eAAO,MAAM,IAAI,EAAE,kBAIlB,CAAA"}

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

@@ -1,15 +1,7 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { BoldIcon } from '../../icons/Bold/index.js';
-import { LeafButton } from '../Button.js';
-import { Bold } from './Bold/index.js';
 export const bold = {
     name: 'bold',
-    Button: ()=>/*#__PURE__*/ _jsx(LeafButton, {
-            format: "bold",
-            children: /*#__PURE__*/ _jsx(BoldIcon, {})
-        }),
-    Leaf: Bold
+    Button: '@payloadcms/richtext-slate/client#BoldLeafButton',
+    Leaf: '@payloadcms/richtext-slate/client#BoldLeaf'
 };
 
 //# sourceMappingURL=index.js.map

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

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

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

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

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

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

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

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useLeaf } from '../../../providers/LeafProvider.js';
-export const Code = ()=>{
+export const CodeLeaf = ()=>{
     const { attributes, children } = useLeaf();
     return /*#__PURE__*/ _jsx("code", {
         ...attributes,

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

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

package/dist/field/leaves/code/LeafButton.d.ts

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

package/dist/field/leaves/code/LeafButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeafButton.d.ts","sourceRoot":"","sources":["../../../../src/field/leaves/code/LeafButton.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,+CAI1B,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/leaves/code/LeafButton.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { CodeIcon } from '../../icons/Code/index.js'\nimport { LeafButton } from '../Button.js'\n\nexport const CodeLeafButton = () => (\n  <LeafButton format=\"code\">\n    <CodeIcon />\n  </LeafButton>\n)\n"],"names":["React","CodeIcon","LeafButton","CodeLeafButton","format"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,UAAU,QAAQ,eAAc;AAEzC,OAAO,MAAMC,iBAAiB,kBAC5B,KAACD;QAAWE,QAAO;kBACjB,cAAA,KAACH;OAEJ"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/leaves/code/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAM3D,eAAO,MAAM,IAAI,EAAE,kBAQlB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/leaves/code/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAE3D,eAAO,MAAM,IAAI,EAAE,kBAIlB,CAAA"}

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

@@ -1,15 +1,7 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { CodeIcon } from '../../icons/Code/index.js';
-import { LeafButton } from '../Button.js';
-import { Code } from './Code/index.js';
 export const code = {
     name: 'code',
-    Button: ()=>/*#__PURE__*/ _jsx(LeafButton, {
-            format: "code",
-            children: /*#__PURE__*/ _jsx(CodeIcon, {})
-        }),
-    Leaf: Code
+    Button: '@payloadcms/richtext-slate/client#CodeLeafButton',
+    Leaf: '@payloadcms/richtext-slate/client#CodeLeaf'
 };
 
 //# sourceMappingURL=index.js.map

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

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

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

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

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

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

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

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useLeaf } from '../../../providers/LeafProvider.js';
-export const Italic = ()=>{
+export const ItalicLeaf = ()=>{
     const { attributes, children } = useLeaf();
     return /*#__PURE__*/ _jsx("em", {
         ...attributes,

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

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

package/dist/field/leaves/italic/LeafButton.d.ts

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

package/dist/field/leaves/italic/LeafButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeafButton.d.ts","sourceRoot":"","sources":["../../../../src/field/leaves/italic/LeafButton.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,gBAAgB,+CAI5B,CAAA"}

package/dist/field/leaves/italic/LeafButton.js

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

package/dist/field/leaves/italic/LeafButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/leaves/italic/LeafButton.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ItalicIcon } from '../../icons/Italic/index.js'\nimport { LeafButton } from '../Button.js'\n\nexport const ItalicLeafButton = () => (\n  <LeafButton format=\"italic\">\n    <ItalicIcon />\n  </LeafButton>\n)\n"],"names":["React","ItalicIcon","LeafButton","ItalicLeafButton","format"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,UAAU,QAAQ,eAAc;AAEzC,OAAO,MAAMC,mBAAmB,kBAC9B,KAACD;QAAWE,QAAO;kBACjB,cAAA,KAACH;OAEJ"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/leaves/italic/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAM3D,eAAO,MAAM,MAAM,EAAE,kBAQpB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/leaves/italic/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAE3D,eAAO,MAAM,MAAM,EAAE,kBAIpB,CAAA"}

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

@@ -1,15 +1,7 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { ItalicIcon } from '../../icons/Italic/index.js';
-import { LeafButton } from '../Button.js';
-import { Italic } from './Italic/index.js';
 export const italic = {
     name: 'italic',
-    Button: ()=>/*#__PURE__*/ _jsx(LeafButton, {
-            format: "italic",
-            children: /*#__PURE__*/ _jsx(ItalicIcon, {})
-        }),
-    Leaf: Italic
+    Button: '@payloadcms/richtext-slate/client#ItalicLeafButton',
+    Leaf: '@payloadcms/richtext-slate/client#ItalicLeaf'
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/leaves/italic/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { RichTextCustomLeaf } from '../../../types.js'\n\nimport { ItalicIcon } from '../../icons/Italic/index.js'\nimport { LeafButton } from '../Button.js'\nimport { Italic } from './Italic/index.js'\n\nexport const italic: RichTextCustomLeaf = {\n  name: 'italic',\n  Button: () => (\n    <LeafButton format=\"italic\">\n      <ItalicIcon />\n    </LeafButton>\n  ),\n  Leaf: Italic,\n}\n"],"names":["React","ItalicIcon","LeafButton","Italic","italic","name","Button","format","Leaf"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,UAAU,QAAQ,eAAc;AACzC,SAASC,MAAM,QAAQ,oBAAmB;AAE1C,OAAO,MAAMC,SAA6B;IACxCC,MAAM;IACNC,QAAQ,kBACN,KAACJ;YAAWK,QAAO;sBACjB,cAAA,KAACN;;IAGLO,MAAML;AACR,EAAC"}
+{"version":3,"sources":["../../../../src/field/leaves/italic/index.tsx"],"sourcesContent":["import type { RichTextCustomLeaf } from '../../../types.js'\n\nexport const italic: RichTextCustomLeaf = {\n  name: 'italic',\n  Button: '@payloadcms/richtext-slate/client#ItalicLeafButton',\n  Leaf: '@payloadcms/richtext-slate/client#ItalicLeaf',\n}\n"],"names":["italic","name","Button","Leaf"],"mappings":"AAEA,OAAO,MAAMA,SAA6B;IACxCC,MAAM;IACNC,QAAQ;IACRC,MAAM;AACR,EAAC"}

package/dist/field/leaves/strikethrough/LeafButton.d.ts

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

package/dist/field/leaves/strikethrough/LeafButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeafButton.d.ts","sourceRoot":"","sources":["../../../../src/field/leaves/strikethrough/LeafButton.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,uBAAuB,+CAInC,CAAA"}

package/dist/field/leaves/strikethrough/LeafButton.js

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

package/dist/field/leaves/strikethrough/LeafButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/leaves/strikethrough/LeafButton.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { StrikethroughIcon } from '../../icons/Strikethrough/index.js'\nimport { LeafButton } from '../Button.js'\n\nexport const StrikethroughLeafButton = () => (\n  <LeafButton format=\"strikethrough\">\n    <StrikethroughIcon />\n  </LeafButton>\n)\n"],"names":["React","StrikethroughIcon","LeafButton","StrikethroughLeafButton","format"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,iBAAiB,QAAQ,qCAAoC;AACtE,SAASC,UAAU,QAAQ,eAAc;AAEzC,OAAO,MAAMC,0BAA0B,kBACrC,KAACD;QAAWE,QAAO;kBACjB,cAAA,KAACH;OAEJ"}

package/dist/field/leaves/strikethrough/Strikethrough/index.d.ts

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

package/dist/field/leaves/strikethrough/Strikethrough/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/leaves/strikethrough/Strikethrough/index.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,aAAa,+CAGzB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/leaves/strikethrough/Strikethrough/index.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,iBAAiB,+CAG7B,CAAA"}

package/dist/field/leaves/strikethrough/Strikethrough/index.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useLeaf } from '../../../providers/LeafProvider.js';
-export const Strikethrough = ()=>{
+export const StrikethroughLeaf = ()=>{
     const { attributes, children } = useLeaf();
     return /*#__PURE__*/ _jsx("del", {
         ...attributes,

package/dist/field/leaves/strikethrough/Strikethrough/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/field/leaves/strikethrough/Strikethrough/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useLeaf } from '../../../providers/LeafProvider.js'\n\nexport const Strikethrough = () => {\n  const { attributes, children } = useLeaf()\n  return <del {...attributes}>{children}</del>\n}\n"],"names":["React","useLeaf","Strikethrough","attributes","children","del"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,qCAAoC;AAE5D,OAAO,MAAMC,gBAAgB;IAC3B,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IACjC,qBAAO,KAACI;QAAK,GAAGF,UAAU;kBAAGC;;AAC/B,EAAC"}
+{"version":3,"sources":["../../../../../src/field/leaves/strikethrough/Strikethrough/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useLeaf } from '../../../providers/LeafProvider.js'\n\nexport const StrikethroughLeaf = () => {\n  const { attributes, children } = useLeaf()\n  return <del {...attributes}>{children}</del>\n}\n"],"names":["React","useLeaf","StrikethroughLeaf","attributes","children","del"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,qCAAoC;AAE5D,OAAO,MAAMC,oBAAoB;IAC/B,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IACjC,qBAAO,KAACI;QAAK,GAAGF,UAAU;kBAAGC;;AAC/B,EAAC"}

package/dist/field/leaves/strikethrough/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/leaves/strikethrough/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAM3D,eAAO,MAAM,aAAa,EAAE,kBAQ3B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/leaves/strikethrough/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAE3D,eAAO,MAAM,aAAa,EAAE,kBAI3B,CAAA"}

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

@@ -1,15 +1,7 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { StrikethroughIcon } from '../../icons/Strikethrough/index.js';
-import { LeafButton } from '../Button.js';
-import { Strikethrough } from './Strikethrough/index.js';
 export const strikethrough = {
     name: 'strikethrough',
-    Button: ()=>/*#__PURE__*/ _jsx(LeafButton, {
-            format: "strikethrough",
-            children: /*#__PURE__*/ _jsx(StrikethroughIcon, {})
-        }),
-    Leaf: Strikethrough
+    Button: '@payloadcms/richtext-slate/client#StrikethroughLeafButton',
+    Leaf: '@payloadcms/richtext-slate/client#StrikethroughLeaf'
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/leaves/strikethrough/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { RichTextCustomLeaf } from '../../../types.js'\n\nimport { StrikethroughIcon } from '../../icons/Strikethrough/index.js'\nimport { LeafButton } from '../Button.js'\nimport { Strikethrough } from './Strikethrough/index.js'\n\nexport const strikethrough: RichTextCustomLeaf = {\n  name: 'strikethrough',\n  Button: () => (\n    <LeafButton format=\"strikethrough\">\n      <StrikethroughIcon />\n    </LeafButton>\n  ),\n  Leaf: Strikethrough,\n}\n"],"names":["React","StrikethroughIcon","LeafButton","Strikethrough","strikethrough","name","Button","format","Leaf"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,iBAAiB,QAAQ,qCAAoC;AACtE,SAASC,UAAU,QAAQ,eAAc;AACzC,SAASC,aAAa,QAAQ,2BAA0B;AAExD,OAAO,MAAMC,gBAAoC;IAC/CC,MAAM;IACNC,QAAQ,kBACN,KAACJ;YAAWK,QAAO;sBACjB,cAAA,KAACN;;IAGLO,MAAML;AACR,EAAC"}
+{"version":3,"sources":["../../../../src/field/leaves/strikethrough/index.tsx"],"sourcesContent":["import type { RichTextCustomLeaf } from '../../../types.js'\n\nexport const strikethrough: RichTextCustomLeaf = {\n  name: 'strikethrough',\n  Button: '@payloadcms/richtext-slate/client#StrikethroughLeafButton',\n  Leaf: '@payloadcms/richtext-slate/client#StrikethroughLeaf',\n}\n"],"names":["strikethrough","name","Button","Leaf"],"mappings":"AAEA,OAAO,MAAMA,gBAAoC;IAC/CC,MAAM;IACNC,QAAQ;IACRC,MAAM;AACR,EAAC"}

package/dist/field/leaves/underline/LeafButton.d.ts

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

package/dist/field/leaves/underline/LeafButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeafButton.d.ts","sourceRoot":"","sources":["../../../../src/field/leaves/underline/LeafButton.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,mBAAmB,+CAI/B,CAAA"}

package/dist/field/leaves/underline/LeafButton.js

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

package/dist/field/leaves/underline/LeafButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/leaves/underline/LeafButton.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { UnderlineIcon } from '../../icons/Underline/index.js'\nimport { LeafButton } from '../Button.js'\n\nexport const UnderlineLeafButton = () => (\n  <LeafButton format=\"underline\">\n    <UnderlineIcon />\n  </LeafButton>\n)\n"],"names":["React","UnderlineIcon","LeafButton","UnderlineLeafButton","format"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,UAAU,QAAQ,eAAc;AAEzC,OAAO,MAAMC,sBAAsB,kBACjC,KAACD;QAAWE,QAAO;kBACjB,cAAA,KAACH;OAEJ"}

package/dist/field/leaves/underline/Underline/index.d.ts

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

package/dist/field/leaves/underline/Underline/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/leaves/underline/Underline/index.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,SAAS,+CAGrB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/leaves/underline/Underline/index.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,aAAa,+CAGzB,CAAA"}

package/dist/field/leaves/underline/Underline/index.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useLeaf } from '../../../providers/LeafProvider.js';
-export const Underline = ()=>{
+export const UnderlineLeaf = ()=>{
     const { attributes, children } = useLeaf();
     return /*#__PURE__*/ _jsx("u", {
         ...attributes,

package/dist/field/leaves/underline/Underline/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/field/leaves/underline/Underline/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useLeaf } from '../../../providers/LeafProvider.js'\n\nexport const Underline = () => {\n  const { attributes, children } = useLeaf()\n  return <u {...attributes}>{children}</u>\n}\n"],"names":["React","useLeaf","Underline","attributes","children","u"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,qCAAoC;AAE5D,OAAO,MAAMC,YAAY;IACvB,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IACjC,qBAAO,KAACI;QAAG,GAAGF,UAAU;kBAAGC;;AAC7B,EAAC"}
+{"version":3,"sources":["../../../../../src/field/leaves/underline/Underline/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useLeaf } from '../../../providers/LeafProvider.js'\n\nexport const UnderlineLeaf = () => {\n  const { attributes, children } = useLeaf()\n  return <u {...attributes}>{children}</u>\n}\n"],"names":["React","useLeaf","UnderlineLeaf","attributes","children","u"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,qCAAoC;AAE5D,OAAO,MAAMC,gBAAgB;IAC3B,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IACjC,qBAAO,KAACI;QAAG,GAAGF,UAAU;kBAAGC;;AAC7B,EAAC"}

package/dist/field/leaves/underline/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/leaves/underline/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAM3D,eAAO,MAAM,SAAS,EAAE,kBAQvB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/leaves/underline/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAE3D,eAAO,MAAM,SAAS,EAAE,kBAIvB,CAAA"}