@payloadcms/richtext-slate 3.0.0-beta.34 → 3.0.0-beta.36

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

@@ -1,4 +1,5 @@
 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { Button } from '@payloadcms/ui/elements/Button';
 import { useDocumentDrawer } from '@payloadcms/ui/elements/DocumentDrawer';
@@ -102,86 +103,121 @@ const UploadElement = ({ enabledCollectionSlugs })=>{
     ]);
     const relatedFieldSchemaPath = `${uploadFieldsSchemaPath}.${relatedCollection.slug}`;
     const customFieldsMap = fieldProps.richTextComponentMap.get(relatedFieldSchemaPath);
-    return /*#__PURE__*/ React.createElement("div", {
+    return /*#__PURE__*/ _jsxs("div", {
         className: [
             baseClass,
             selected && focused && `${baseClass}--selected`
         ].filter(Boolean).join(' '),
         contentEditable: false,
-        ...attributes
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__card`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__topRow`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__thumbnail`
-    }, thumbnailSRC ? /*#__PURE__*/ React.createElement("img", {
-        alt: data?.filename,
-        src: thumbnailSRC
-    }) : /*#__PURE__*/ React.createElement(File, null)), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__topRowRightPanel`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__collectionLabel`
-    }, getTranslation(relatedCollection.labels.singular, i18n)), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__actions`
-    }, Boolean(customFieldsMap) && /*#__PURE__*/ React.createElement(DrawerToggler, {
-        className: `${baseClass}__upload-drawer-toggler`,
-        disabled: fieldProps?.readOnly,
-        slug: drawerSlug
-    }, /*#__PURE__*/ React.createElement(Button, {
-        buttonStyle: "icon-label",
-        el: "div",
-        icon: "edit",
-        onClick: (e)=>{
-            e.preventDefault();
-        },
-        round: true,
-        tooltip: t('fields:editRelationship')
-    })), /*#__PURE__*/ React.createElement(ListDrawerToggler, {
-        className: `${baseClass}__list-drawer-toggler`,
-        disabled: fieldProps?.readOnly
-    }, /*#__PURE__*/ React.createElement(Button, {
-        buttonStyle: "icon-label",
-        disabled: fieldProps?.readOnly,
-        el: "div",
-        icon: "swap",
-        onClick: ()=>{
-        // do nothing
-        },
-        round: true,
-        tooltip: t('fields:swapUpload')
-    })), /*#__PURE__*/ React.createElement(Button, {
-        buttonStyle: "icon-label",
-        className: `${baseClass}__removeButton`,
-        disabled: fieldProps?.readOnly,
-        icon: "x",
-        onClick: (e)=>{
-            e.preventDefault();
-            removeUpload();
-        },
-        round: true,
-        tooltip: t('fields:removeUpload')
-    })))), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__bottomRow`
-    }, /*#__PURE__*/ React.createElement(DocumentDrawerToggler, {
-        className: `${baseClass}__doc-drawer-toggler`
-    }, /*#__PURE__*/ React.createElement("strong", null, data?.filename)))), children, value?.id && /*#__PURE__*/ React.createElement(DocumentDrawer, {
-        onSave: updateUpload
-    }), /*#__PURE__*/ React.createElement(ListDrawer, {
-        onSelect: swapUpload
-    }), /*#__PURE__*/ React.createElement(UploadDrawer, {
-        drawerSlug,
-        element,
-        fieldProps,
-        relatedCollection,
-        schemaPath
-    }));
+        ...attributes,
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: `${baseClass}__card`,
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: `${baseClass}__topRow`,
+                        children: [
+                            /*#__PURE__*/ _jsx("div", {
+                                className: `${baseClass}__thumbnail`,
+                                children: thumbnailSRC ? /*#__PURE__*/ _jsx("img", {
+                                    alt: data?.filename,
+                                    src: thumbnailSRC
+                                }) : /*#__PURE__*/ _jsx(File, {})
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: `${baseClass}__topRowRightPanel`,
+                                children: [
+                                    /*#__PURE__*/ _jsx("div", {
+                                        className: `${baseClass}__collectionLabel`,
+                                        children: getTranslation(relatedCollection.labels.singular, i18n)
+                                    }),
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: `${baseClass}__actions`,
+                                        children: [
+                                            Boolean(customFieldsMap) && /*#__PURE__*/ _jsx(DrawerToggler, {
+                                                className: `${baseClass}__upload-drawer-toggler`,
+                                                disabled: fieldProps?.readOnly,
+                                                slug: drawerSlug,
+                                                children: /*#__PURE__*/ _jsx(Button, {
+                                                    buttonStyle: "icon-label",
+                                                    el: "div",
+                                                    icon: "edit",
+                                                    onClick: (e)=>{
+                                                        e.preventDefault();
+                                                    },
+                                                    round: true,
+                                                    tooltip: t('fields:editRelationship')
+                                                })
+                                            }),
+                                            /*#__PURE__*/ _jsx(ListDrawerToggler, {
+                                                className: `${baseClass}__list-drawer-toggler`,
+                                                disabled: fieldProps?.readOnly,
+                                                children: /*#__PURE__*/ _jsx(Button, {
+                                                    buttonStyle: "icon-label",
+                                                    disabled: fieldProps?.readOnly,
+                                                    el: "div",
+                                                    icon: "swap",
+                                                    onClick: ()=>{
+                                                    // do nothing
+                                                    },
+                                                    round: true,
+                                                    tooltip: t('fields:swapUpload')
+                                                })
+                                            }),
+                                            /*#__PURE__*/ _jsx(Button, {
+                                                buttonStyle: "icon-label",
+                                                className: `${baseClass}__removeButton`,
+                                                disabled: fieldProps?.readOnly,
+                                                icon: "x",
+                                                onClick: (e)=>{
+                                                    e.preventDefault();
+                                                    removeUpload();
+                                                },
+                                                round: true,
+                                                tooltip: t('fields:removeUpload')
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        className: `${baseClass}__bottomRow`,
+                        children: /*#__PURE__*/ _jsx(DocumentDrawerToggler, {
+                            className: `${baseClass}__doc-drawer-toggler`,
+                            children: /*#__PURE__*/ _jsx("strong", {
+                                children: data?.filename
+                            })
+                        })
+                    })
+                ]
+            }),
+            children,
+            value?.id && /*#__PURE__*/ _jsx(DocumentDrawer, {
+                onSave: updateUpload
+            }),
+            /*#__PURE__*/ _jsx(ListDrawer, {
+                onSelect: swapUpload
+            }),
+            /*#__PURE__*/ _jsx(UploadDrawer, {
+                drawerSlug,
+                element,
+                fieldProps,
+                relatedCollection,
+                schemaPath
+            })
+        ]
+    });
 };
 export const Element = (props)=>{
-    return /*#__PURE__*/ React.createElement(EnabledRelationshipsCondition, {
+    return /*#__PURE__*/ _jsx(EnabledRelationshipsCondition, {
         ...props,
-        uploads: true
-    }, /*#__PURE__*/ React.createElement(UploadElement, props));
+        uploads: true,
+        children: /*#__PURE__*/ _jsx(UploadElement, {
+            ...props
+        })
+    });
 };
 
 //# sourceMappingURL=index.js.map

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 '@payloadcms/ui/fields/shared'\nimport type { ClientCollectionConfig } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { Button } from '@payloadcms/ui/elements/Button'\nimport { useDocumentDrawer } from '@payloadcms/ui/elements/DocumentDrawer'\nimport { DrawerToggler, useDrawerSlug } from '@payloadcms/ui/elements/Drawer'\nimport { useListDrawer } from '@payloadcms/ui/elements/ListDrawer'\nimport { File } from '@payloadcms/ui/graphics/File'\nimport usePayloadAPI from '@payloadcms/ui/hooks/usePayloadAPI'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\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 = FormFieldBase & {\n  name: string\n  richTextComponentMap: Map<string, React.ReactNode>\n}\n\nconst UploadElement: React.FC<Props & { enabledCollectionSlugs?: string[] }> = ({\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","useDocumentDrawer","DrawerToggler","useDrawerSlug","useListDrawer","File","usePayloadAPI","useConfig","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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../../src/field/elements/upload/Element/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormFieldBase } from '@payloadcms/ui/fields/shared'\nimport type { ClientCollectionConfig } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { Button } from '@payloadcms/ui/elements/Button'\nimport { useDocumentDrawer } from '@payloadcms/ui/elements/DocumentDrawer'\nimport { DrawerToggler, useDrawerSlug } from '@payloadcms/ui/elements/Drawer'\nimport { useListDrawer } from '@payloadcms/ui/elements/ListDrawer'\nimport { File } from '@payloadcms/ui/graphics/File'\nimport usePayloadAPI from '@payloadcms/ui/hooks/usePayloadAPI'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\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 = FormFieldBase & {\n  name: string\n  richTextComponentMap: Map<string, React.ReactNode>\n}\n\nconst UploadElement: React.FC<Props & { enabledCollectionSlugs?: string[] }> = ({\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","useDocumentDrawer","DrawerToggler","useDrawerSlug","useListDrawer","File","usePayloadAPI","useConfig","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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAKA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,MAAM,QAAQ,iCAAgC;AACvD,SAASC,iBAAiB,QAAQ,yCAAwC;AAC1E,SAASC,aAAa,EAAEC,aAAa,QAAQ,iCAAgC;AAC7E,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,IAAI,QAAQ,+BAA8B;AACnD,OAAOC,mBAAmB,qCAAoC;AAC9D,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAOC,SAASC,WAAW,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,QAAO;AAChE,SAASC,UAAU,QAAQ,QAAO;AAClC,SAASC,WAAW,EAAEC,UAAU,EAAEC,WAAW,EAAEC,cAAc,QAAQ,cAAa;AAIlF,SAASC,UAAU,QAAQ,wCAAuC;AAClE,SAASC,6BAA6B,QAAQ,yCAAwC;AACtF,SAASC,sBAAsB,EAAEC,UAAU,QAAQ,eAAc;AACjE,SAASC,YAAY,QAAQ,0BAAyB;AACtD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,gBAAgB;IACpBC,OAAO;AACT;AAOA,MAAMC,gBAAyE,CAAC,EAC9EC,sBAAsB,EACvB;IACC,MAAM,EACJC,UAAU,EACVC,QAAQ,EACRC,SAAS,EAAEC,UAAU,EAAEC,KAAK,EAAE,EAC9BF,OAAO,EACPG,UAAU,EACVC,UAAU,EACX,GAAGhB;IAEJ,MAAM,EACJiB,WAAW,EACXC,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,GAAG/B;IACJ,MAAM,EAAEgC,IAAI,EAAEC,CAAC,EAAE,GAAGhC;IACpB,MAAM,CAACiC,WAAWC,kBAAkB,GAAG/B,WAAW,CAACgC,QAAUA,QAAQ,GAAG;IACxE,MAAM,CAACC,mBAAmBC,qBAAqB,GAAGjC,SAAiC,IACjFuB,YAAYW,IAAI,CAAC,CAACC,OAASA,KAAKC,IAAI,KAAKjB;IAG3C,MAAMkB,aAAa9C,cAAc;IAEjC,MAAM,CAAC+C,YAAYC,mBAAmB,EAAEC,aAAaC,eAAe,EAAE,CAAC,GAAGjD,cAAc;QACtFkD,iBAAiB3B;QACjB4B,oBAAoBX,kBAAkBI,IAAI;IAC5C;IAEA,MAAM,CAACQ,gBAAgBC,uBAAuB,EAAEL,WAAW,EAAE,CAAC,GAAGnD,kBAAkB;QACjFyD,IAAI1B,OAAO0B;QACXC,gBAAgBf,kBAAkBI,IAAI;IACxC;IAEA,MAAMY,SAAS3C;IACf,MAAM4C,WAAW7C;IACjB,MAAM8C,UAAU/C;IAEhB,8BAA8B;IAC9B,MAAM,CAAC,EAAEgD,IAAI,EAAE,EAAE,EAAEC,SAAS,EAAE,CAAC,GAAG1D,cAChC,CAAC,EAAEgC,UAAU,EAAED,IAAI,CAAC,EAAEO,kBAAkBI,IAAI,CAAC,CAAC,EAAEhB,OAAO0B,GAAG,CAAC,EAC3D;QAAElC;IAAc;IAGlB,MAAMyC,eAAeF,MAAMG,gBAAgBH,MAAMI;IAEjD,MAAMC,eAAe1D,YAAY;QAC/B,MAAM2D,cAAcvD,YAAYwD,QAAQ,CAACV,QAAQ9B;QAEjDjB,WAAW0D,WAAW,CAACX,QAAQ;YAAEY,IAAIH;QAAY;IACnD,GAAG;QAACT;QAAQ9B;KAAQ;IAEpB,MAAM2C,eAAe/D,YACnB,CAACgE;QACC,MAAM,EAAEC,GAAG,EAAE,GAAGD;QAEhB,MAAME,UAAU;YACdC,QAAQF;QACV;QAEA,MAAMN,cAAcvD,YAAYwD,QAAQ,CAACV,QAAQ9B;QAEjDjB,WAAWiE,QAAQ,CAAClB,QAAQgB,SAAS;YAAEJ,IAAIH;QAAY;QAEvDL,UAAU;YACR,GAAGxC,aAAa;YAChBiB;QACF;QAEAC;QACAU;IACF,GACA;QAACQ;QAAQ9B;QAASkC;QAAWvB;QAAWW;KAAY;IAGtD,MAAM2B,aAAatE,MAAMC,WAAW,CAClC,CAAC,EAAEiD,cAAc,EAAEqB,KAAK,EAAE;QACxB,MAAMJ,UAAU;YACdK,MAAM5D;YACNQ,UAAU;gBAAC;oBAAEqD,MAAM;gBAAI;aAAE;YACzBnD,YAAY4B;YACZ3B,OAAO;gBAAE0B,IAAIsB;YAAM;QACrB;QAEA,MAAMX,cAAcvD,YAAYwD,QAAQ,CAACV,QAAQ9B;QAEjDe,qBAAqBV,YAAYW,IAAI,CAAC,CAACC,OAASA,KAAKC,IAAI,KAAKW;QAE9D9C,WAAWiE,QAAQ,CAAClB,QAAQgB,SAAS;YAAEJ,IAAIH;QAAY;QAEvD3B;QACAW;IACF,GACA;QAACA;QAAiBO;QAAQ9B;QAASK;KAAY;IAGjD,MAAMgD,yBAAyB,CAAC,EAAE/D,uBAAuB,CAAC,EAAEwB,kBAAkBI,IAAI,CAAC,CAAC;IACpF,MAAMoC,kBAAkBnD,WAAWoD,oBAAoB,CAACC,GAAG,CAACH;IAE5D,qBACE,MAACI;QACCC,WAAW;YAACjE;YAAWsC,YAAYC,WAAW,CAAC,EAAEvC,UAAU,UAAU,CAAC;SAAC,CACpEkE,MAAM,CAACC,SACPC,IAAI,CAAC;QACRC,iBAAiB;QAChB,GAAGhE,UAAU;;0BAEd,MAAC2D;gBAAIC,WAAW,CAAC,EAAEjE,UAAU,MAAM,CAAC;;kCAClC,MAACgE;wBAAIC,WAAW,CAAC,EAAEjE,UAAU,QAAQ,CAAC;;0CAEpC,KAACgE;gCAAIC,WAAW,CAAC,EAAEjE,UAAU,WAAW,CAAC;0CACtC0C,6BAAe,KAAC4B;oCAAIC,KAAK/B,MAAMgC;oCAAUC,KAAK/B;mDAAmB,KAAC5D;;0CAErE,MAACkF;gCAAIC,WAAW,CAAC,EAAEjE,UAAU,kBAAkB,CAAC;;kDAC9C,KAACgE;wCAAIC,WAAW,CAAC,EAAEjE,UAAU,iBAAiB,CAAC;kDAC5CxB,eAAe6C,kBAAkBqD,MAAM,CAACC,QAAQ,EAAE3D;;kDAErD,MAACgD;wCAAIC,WAAW,CAAC,EAAEjE,UAAU,SAAS,CAAC;;4CACpCmE,QAAQN,kCACP,KAAClF;gDACCsF,WAAW,CAAC,EAAEjE,UAAU,uBAAuB,CAAC;gDAChD4E,UAAUlE,YAAYmE;gDACtBpD,MAAMC;0DAEN,cAAA,KAACjD;oDACCqG,aAAY;oDACZC,IAAG;oDACHC,MAAK;oDACLC,SAAS,CAACC;wDACRA,EAAEC,cAAc;oDAClB;oDACAC,KAAK;oDACLC,SAASpE,EAAE;;;0DAIjB,KAACW;gDACCqC,WAAW,CAAC,EAAEjE,UAAU,qBAAqB,CAAC;gDAC9C4E,UAAUlE,YAAYmE;0DAEtB,cAAA,KAACpG;oDACCqG,aAAY;oDACZF,UAAUlE,YAAYmE;oDACtBE,IAAG;oDACHC,MAAK;oDACLC,SAAS;oDACP,aAAa;oDACf;oDACAG,KAAK;oDACLC,SAASpE,EAAE;;;0DAGf,KAACxC;gDACCqG,aAAY;gDACZb,WAAW,CAAC,EAAEjE,UAAU,cAAc,CAAC;gDACvC4E,UAAUlE,YAAYmE;gDACtBG,MAAK;gDACLC,SAAS,CAACC;oDACRA,EAAEC,cAAc;oDAChBtC;gDACF;gDACAuC,KAAK;gDACLC,SAASpE,EAAE;;;;;;;;kCAKnB,KAAC+C;wBAAIC,WAAW,CAAC,EAAEjE,UAAU,WAAW,CAAC;kCACvC,cAAA,KAACkC;4BAAsB+B,WAAW,CAAC,EAAEjE,UAAU,oBAAoB,CAAC;sCAClE,cAAA,KAACsF;0CAAQ9C,MAAMgC;;;;;;YAIpBlE;YACAG,OAAO0B,oBAAM,KAACF;gBAAesD,QAAQrC;;0BACtC,KAACvB;gBAAW6D,UAAUhC;;0BACtB,KAACzD;gBAAmB2B;gBAAYnB;gBAASG;gBAAYW;gBAAmBV;;;;AAG9E;AAEA,OAAO,MAAM8E,UAAU,CAACC;IACtB,qBACE,KAAC9F;QAA+B,GAAG8F,KAAK;QAAEC,OAAO;kBAC/C,cAAA,KAACxF;YAAe,GAAGuF,KAAK;;;AAG9B,EAAC"}

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

@@ -1,11 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-export const AlignCenterIcon = ()=>/*#__PURE__*/ React.createElement("svg", {
+export const AlignCenterIcon = ()=>/*#__PURE__*/ _jsx("svg", {
         fill: "currentColor",
         height: "1em",
         viewBox: "0 0 1024 1024",
-        width: "1em"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M264 230h496c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H264c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm496 424c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H264c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496zm144 140H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0-424H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z"
-    }));
+        width: "1em",
+        children: /*#__PURE__*/ _jsx("path", {
+            d: "M264 230h496c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H264c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm496 424c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H264c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496zm144 140H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0-424H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z"
+        })
+    });
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/icons/AlignCenter/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const AlignCenterIcon: React.FC = () => (\n  <svg fill=\"currentColor\" height=\"1em\" viewBox=\"0 0 1024 1024\" width=\"1em\">\n    <path d=\"M264 230h496c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H264c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm496 424c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H264c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496zm144 140H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0-424H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z\" />\n  </svg>\n)\n"],"names":["React","AlignCenterIcon","svg","fill","height","viewBox","width","path","d"],"rangeMappings":";;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,kBAA4B,kBACvC,oBAACC;QAAIC,MAAK;QAAeC,QAAO;QAAMC,SAAQ;QAAgBC,OAAM;qBAClE,oBAACC;QAAKC,GAAE;QAEX"}
+{"version":3,"sources":["../../../../src/field/icons/AlignCenter/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const AlignCenterIcon: React.FC = () => (\n  <svg fill=\"currentColor\" height=\"1em\" viewBox=\"0 0 1024 1024\" width=\"1em\">\n    <path d=\"M264 230h496c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H264c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm496 424c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H264c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496zm144 140H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0-424H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z\" />\n  </svg>\n)\n"],"names":["React","AlignCenterIcon","svg","fill","height","viewBox","width","path","d"],"rangeMappings":";;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,kBAA4B,kBACvC,KAACC;QAAIC,MAAK;QAAeC,QAAO;QAAMC,SAAQ;QAAgBC,OAAM;kBAClE,cAAA,KAACC;YAAKC,GAAE;;OAEX"}

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

@@ -1,11 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-export const AlignLeftIcon = ()=>/*#__PURE__*/ React.createElement("svg", {
+export const AlignLeftIcon = ()=>/*#__PURE__*/ _jsx("svg", {
         fill: "currentColor",
         height: "1em",
         viewBox: "0 0 1024 1024",
-        width: "1em"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M120 230h496c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm0 424h496c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm784 140H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0-424H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z"
-    }));
+        width: "1em",
+        children: /*#__PURE__*/ _jsx("path", {
+            d: "M120 230h496c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm0 424h496c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm784 140H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0-424H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z"
+        })
+    });
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/icons/AlignLeft/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const AlignLeftIcon: React.FC = () => (\n  <svg fill=\"currentColor\" height=\"1em\" viewBox=\"0 0 1024 1024\" width=\"1em\">\n    <path d=\"M120 230h496c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm0 424h496c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm784 140H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0-424H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z\" />\n  </svg>\n)\n"],"names":["React","AlignLeftIcon","svg","fill","height","viewBox","width","path","d"],"rangeMappings":";;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,gBAA0B,kBACrC,oBAACC;QAAIC,MAAK;QAAeC,QAAO;QAAMC,SAAQ;QAAgBC,OAAM;qBAClE,oBAACC;QAAKC,GAAE;QAEX"}
+{"version":3,"sources":["../../../../src/field/icons/AlignLeft/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const AlignLeftIcon: React.FC = () => (\n  <svg fill=\"currentColor\" height=\"1em\" viewBox=\"0 0 1024 1024\" width=\"1em\">\n    <path d=\"M120 230h496c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm0 424h496c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm784 140H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0-424H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z\" />\n  </svg>\n)\n"],"names":["React","AlignLeftIcon","svg","fill","height","viewBox","width","path","d"],"rangeMappings":";;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,gBAA0B,kBACrC,KAACC;QAAIC,MAAK;QAAeC,QAAO;QAAMC,SAAQ;QAAgBC,OAAM;kBAClE,cAAA,KAACC;YAAKC,GAAE;;OAEX"}

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

@@ -1,11 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-export const AlignRightIcon = ()=>/*#__PURE__*/ React.createElement("svg", {
+export const AlignRightIcon = ()=>/*#__PURE__*/ _jsx("svg", {
         fill: "currentColor",
         height: "1em",
         viewBox: "0 0 1024 1024",
-        width: "1em"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M904 158H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 424H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 212H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0-424H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z"
-    }));
+        width: "1em",
+        children: /*#__PURE__*/ _jsx("path", {
+            d: "M904 158H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 424H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 212H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0-424H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z"
+        })
+    });
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/icons/AlignRight/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const AlignRightIcon: React.FC = () => (\n  <svg fill=\"currentColor\" height=\"1em\" viewBox=\"0 0 1024 1024\" width=\"1em\">\n    <path d=\"M904 158H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 424H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 212H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0-424H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z\" />\n  </svg>\n)\n"],"names":["React","AlignRightIcon","svg","fill","height","viewBox","width","path","d"],"rangeMappings":";;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,iBAA2B,kBACtC,oBAACC;QAAIC,MAAK;QAAeC,QAAO;QAAMC,SAAQ;QAAgBC,OAAM;qBAClE,oBAACC;QAAKC,GAAE;QAEX"}
+{"version":3,"sources":["../../../../src/field/icons/AlignRight/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const AlignRightIcon: React.FC = () => (\n  <svg fill=\"currentColor\" height=\"1em\" viewBox=\"0 0 1024 1024\" width=\"1em\">\n    <path d=\"M904 158H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 424H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 212H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0-424H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z\" />\n  </svg>\n)\n"],"names":["React","AlignRightIcon","svg","fill","height","viewBox","width","path","d"],"rangeMappings":";;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,iBAA2B,kBACtC,KAACC;QAAIC,MAAK;QAAeC,QAAO;QAAMC,SAAQ;QAAgBC,OAAM;kBAClE,cAAA,KAACC;YAAKC,GAAE;;OAEX"}

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

@@ -1,17 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-export const BlockquoteIcon = ()=>/*#__PURE__*/ React.createElement("svg", {
+export const BlockquoteIcon = ()=>/*#__PURE__*/ _jsxs("svg", {
         "aria-hidden": "true",
         className: "graphic blockquote-icon",
         fill: "currentColor",
         focusable: "false",
         viewBox: "0 0 24 24",
-        xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/ React.createElement("path", {
-        className: "fill",
-        d: "M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z"
-    }), /*#__PURE__*/ React.createElement("path", {
-        d: "M0 0h24v24H0z",
-        fill: "none"
-    }));
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                className: "fill",
+                d: "M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                d: "M0 0h24v24H0z",
+                fill: "none"
+            })
+        ]
+    });
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/icons/Blockquote/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const BlockquoteIcon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic blockquote-icon\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path className=\"fill\" d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\" />\n    <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n  </svg>\n)\n"],"names":["React","BlockquoteIcon","svg","aria-hidden","className","fill","focusable","viewBox","xmlns","path","d"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,iBAA2B,kBACtC,oBAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;qBAEN,oBAACC;QAAKL,WAAU;QAAOM,GAAE;sBACzB,oBAACD;QAAKC,GAAE;QAAgBL,MAAK;QAEhC"}
+{"version":3,"sources":["../../../../src/field/icons/Blockquote/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const BlockquoteIcon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic blockquote-icon\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path className=\"fill\" d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\" />\n    <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n  </svg>\n)\n"],"names":["React","BlockquoteIcon","svg","aria-hidden","className","fill","focusable","viewBox","xmlns","path","d"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,iBAA2B,kBACtC,MAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;;0BAEN,KAACC;gBAAKL,WAAU;gBAAOM,GAAE;;0BACzB,KAACD;gBAAKC,GAAE;gBAAgBL,MAAK;;;OAEhC"}

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

@@ -1,17 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-export const BoldIcon = ()=>/*#__PURE__*/ React.createElement("svg", {
+export const BoldIcon = ()=>/*#__PURE__*/ _jsxs("svg", {
         "aria-hidden": "true",
         className: "graphic bold-icon",
         fill: "currentColor",
         focusable: "false",
         viewBox: "0 0 24 24",
-        xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/ React.createElement("path", {
-        className: "fill",
-        d: "M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42zM10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3v-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5z"
-    }), /*#__PURE__*/ React.createElement("path", {
-        d: "M0 0h24v24H0z",
-        fill: "none"
-    }));
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                className: "fill",
+                d: "M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42zM10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3v-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5z"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                d: "M0 0h24v24H0z",
+                fill: "none"
+            })
+        ]
+    });
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/icons/Bold/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const BoldIcon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic bold-icon\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      className=\"fill\"\n      d=\"M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42zM10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3v-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5z\"\n    />\n    <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n  </svg>\n)\n"],"names":["React","BoldIcon","svg","aria-hidden","className","fill","focusable","viewBox","xmlns","path","d"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,WAAqB,kBAChC,oBAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;qBAEN,oBAACC;QACCL,WAAU;QACVM,GAAE;sBAEJ,oBAACD;QAAKC,GAAE;QAAgBL,MAAK;QAEhC"}
+{"version":3,"sources":["../../../../src/field/icons/Bold/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const BoldIcon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic bold-icon\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      className=\"fill\"\n      d=\"M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42zM10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3v-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5z\"\n    />\n    <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n  </svg>\n)\n"],"names":["React","BoldIcon","svg","aria-hidden","className","fill","focusable","viewBox","xmlns","path","d"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,WAAqB,kBAChC,MAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;;0BAEN,KAACC;gBACCL,WAAU;gBACVM,GAAE;;0BAEJ,KAACD;gBAAKC,GAAE;gBAAgBL,MAAK;;;OAEhC"}

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

@@ -1,14 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-export const CodeIcon = ()=>/*#__PURE__*/ React.createElement("svg", {
+export const CodeIcon = ()=>/*#__PURE__*/ _jsx("svg", {
         "aria-hidden": "true",
         className: "graphic inline-code-icon",
         fill: "currentColor",
         focusable: "false",
         viewBox: "0 0 24 24",
-        xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/ React.createElement("path", {
-        className: "fill",
-        d: "M7.375 16.781l1.25-1.562L4.601 12l4.024-3.219-1.25-1.562-5 4a1 1 0 000 1.562l5 4zm9.25-9.562l-1.25 1.562L19.399 12l-4.024 3.219 1.25 1.562 5-4a1 1 0 000-1.562l-5-4zM14.976 3.216l-4 18-1.953-.434 4-18z"
-    }));
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ _jsx("path", {
+            className: "fill",
+            d: "M7.375 16.781l1.25-1.562L4.601 12l4.024-3.219-1.25-1.562-5 4a1 1 0 000 1.562l5 4zm9.25-9.562l-1.25 1.562L19.399 12l-4.024 3.219 1.25 1.562 5-4a1 1 0 000-1.562l-5-4zM14.976 3.216l-4 18-1.953-.434 4-18z"
+        })
+    });
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/icons/Code/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const CodeIcon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic inline-code-icon\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      className=\"fill\"\n      d=\"M7.375 16.781l1.25-1.562L4.601 12l4.024-3.219-1.25-1.562-5 4a1 1 0 000 1.562l5 4zm9.25-9.562l-1.25 1.562L19.399 12l-4.024 3.219 1.25 1.562 5-4a1 1 0 000-1.562l-5-4zM14.976 3.216l-4 18-1.953-.434 4-18z\"\n    />\n  </svg>\n)\n"],"names":["React","CodeIcon","svg","aria-hidden","className","fill","focusable","viewBox","xmlns","path","d"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,WAAqB,kBAChC,oBAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;qBAEN,oBAACC;QACCL,WAAU;QACVM,GAAE;QAGP"}
+{"version":3,"sources":["../../../../src/field/icons/Code/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const CodeIcon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic inline-code-icon\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      className=\"fill\"\n      d=\"M7.375 16.781l1.25-1.562L4.601 12l4.024-3.219-1.25-1.562-5 4a1 1 0 000 1.562l5 4zm9.25-9.562l-1.25 1.562L19.399 12l-4.024 3.219 1.25 1.562 5-4a1 1 0 000-1.562l-5-4zM14.976 3.216l-4 18-1.953-.434 4-18z\"\n    />\n  </svg>\n)\n"],"names":["React","CodeIcon","svg","aria-hidden","className","fill","focusable","viewBox","xmlns","path","d"],"rangeMappings":";;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,WAAqB,kBAChC,KAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;kBAEN,cAAA,KAACC;YACCL,WAAU;YACVM,GAAE;;OAGP"}

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

@@ -1,30 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
-export const IndentLeft = ()=>/*#__PURE__*/ React.createElement("svg", {
+export const IndentLeft = ()=>/*#__PURE__*/ _jsxs("svg", {
         className: "icon icon--indent-left",
         viewBox: "0 0 25 25",
-        xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/ React.createElement("path", {
-        className: "fill",
-        d: "M16.005 9.61502L21.005 13.1864L21.005 6.04361L16.005 9.61502Z"
-    }), /*#__PURE__*/ React.createElement("rect", {
-        className: "fill",
-        height: "2.15625",
-        width: "9.0675",
-        x: "5",
-        y: "5.68199"
-    }), /*#__PURE__*/ React.createElement("rect", {
-        className: "fill",
-        height: "2.15625",
-        width: "9.0675",
-        x: "5",
-        y: "11.4738"
-    }), /*#__PURE__*/ React.createElement("rect", {
-        className: "fill",
-        height: "2.15625",
-        width: "16.005",
-        x: "5",
-        y: "17.2656"
-    }));
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                className: "fill",
+                d: "M16.005 9.61502L21.005 13.1864L21.005 6.04361L16.005 9.61502Z"
+            }),
+            /*#__PURE__*/ _jsx("rect", {
+                className: "fill",
+                height: "2.15625",
+                width: "9.0675",
+                x: "5",
+                y: "5.68199"
+            }),
+            /*#__PURE__*/ _jsx("rect", {
+                className: "fill",
+                height: "2.15625",
+                width: "9.0675",
+                x: "5",
+                y: "11.4738"
+            }),
+            /*#__PURE__*/ _jsx("rect", {
+                className: "fill",
+                height: "2.15625",
+                width: "16.005",
+                x: "5",
+                y: "17.2656"
+            })
+        ]
+    });
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/icons/IndentLeft/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const IndentLeft: React.FC = () => (\n  <svg className=\"icon icon--indent-left\" viewBox=\"0 0 25 25\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path className=\"fill\" d=\"M16.005 9.61502L21.005 13.1864L21.005 6.04361L16.005 9.61502Z\" />\n    <rect className=\"fill\" height=\"2.15625\" width=\"9.0675\" x=\"5\" y=\"5.68199\" />\n    <rect className=\"fill\" height=\"2.15625\" width=\"9.0675\" x=\"5\" y=\"11.4738\" />\n    <rect className=\"fill\" height=\"2.15625\" width=\"16.005\" x=\"5\" y=\"17.2656\" />\n  </svg>\n)\n"],"names":["React","IndentLeft","svg","className","viewBox","xmlns","path","d","rect","height","width","x","y"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,aAAuB,kBAClC,oBAACC;QAAIC,WAAU;QAAyBC,SAAQ;QAAYC,OAAM;qBAChE,oBAACC;QAAKH,WAAU;QAAOI,GAAE;sBACzB,oBAACC;QAAKL,WAAU;QAAOM,QAAO;QAAUC,OAAM;QAASC,GAAE;QAAIC,GAAE;sBAC/D,oBAACJ;QAAKL,WAAU;QAAOM,QAAO;QAAUC,OAAM;QAASC,GAAE;QAAIC,GAAE;sBAC/D,oBAACJ;QAAKL,WAAU;QAAOM,QAAO;QAAUC,OAAM;QAASC,GAAE;QAAIC,GAAE;QAElE"}
+{"version":3,"sources":["../../../../src/field/icons/IndentLeft/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const IndentLeft: React.FC = () => (\n  <svg className=\"icon icon--indent-left\" viewBox=\"0 0 25 25\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path className=\"fill\" d=\"M16.005 9.61502L21.005 13.1864L21.005 6.04361L16.005 9.61502Z\" />\n    <rect className=\"fill\" height=\"2.15625\" width=\"9.0675\" x=\"5\" y=\"5.68199\" />\n    <rect className=\"fill\" height=\"2.15625\" width=\"9.0675\" x=\"5\" y=\"11.4738\" />\n    <rect className=\"fill\" height=\"2.15625\" width=\"16.005\" x=\"5\" y=\"17.2656\" />\n  </svg>\n)\n"],"names":["React","IndentLeft","svg","className","viewBox","xmlns","path","d","rect","height","width","x","y"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,aAAuB,kBAClC,MAACC;QAAIC,WAAU;QAAyBC,SAAQ;QAAYC,OAAM;;0BAChE,KAACC;gBAAKH,WAAU;gBAAOI,GAAE;;0BACzB,KAACC;gBAAKL,WAAU;gBAAOM,QAAO;gBAAUC,OAAM;gBAASC,GAAE;gBAAIC,GAAE;;0BAC/D,KAACJ;gBAAKL,WAAU;gBAAOM,QAAO;gBAAUC,OAAM;gBAASC,GAAE;gBAAIC,GAAE;;0BAC/D,KAACJ;gBAAKL,WAAU;gBAAOM,QAAO;gBAAUC,OAAM;gBAASC,GAAE;gBAAIC,GAAE;;;OAElE"}