@payloadcms/richtext-slate 3.0.0-beta.7 → 3.0.0-beta.71

package/dist/field/elements/Button.js

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

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

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

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

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

package/dist/field/elements/EnabledRelationshipsCondition.js

@@ -1,7 +1,5 @@
 'use client';
-import { useAuth } from '@payloadcms/ui/providers/Auth';
-import { useConfig } from '@payloadcms/ui/providers/Config';
-import { useEntityVisibility } from '@payloadcms/ui/providers/EntityVisibility';
+import { useAuth, useConfig, useEntityVisibility } from '@payloadcms/ui';
 import * as React from 'react';
 const filterRichTextCollections = (collections, options)=>{
     return collections.filter(({ slug, admin: { enableRichTextRelationship }, upload })=>{

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

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

package/dist/field/elements/ListButton.js

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Blockquote.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/blockquote/Blockquote.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,UAAU,yBAQtB,CAAA"}
+{"version":3,"file":"Blockquote.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/blockquote/Blockquote.tsx"],"names":[],"mappings":"AAKA,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,UAAU,+CAQtB,CAAA"}

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

@@ -1,13 +1,15 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useElement } from '../../providers/ElementProvider.js';
 import './index.scss';
 export const Blockquote = ()=>{
     const { attributes, children } = useElement();
-    return /*#__PURE__*/ React.createElement("blockquote", {
+    return /*#__PURE__*/ _jsx("blockquote", {
         className: "rich-text-blockquote",
-        ...attributes
-    }, children);
+        ...attributes,
+        children: children
+    });
 };
 
 //# sourceMappingURL=Blockquote.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/blockquote/Blockquote.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useElement } from '../../providers/ElementProvider.js'\nimport './index.scss'\n\nexport const Blockquote = () => {\n  const { attributes, children } = useElement()\n\n  return (\n    <blockquote className=\"rich-text-blockquote\" {...attributes}>\n      {children}\n    </blockquote>\n  )\n}\n"],"names":["React","useElement","Blockquote","attributes","children","blockquote","className"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,qCAAoC;AAC/D,OAAO,eAAc;AAErB,OAAO,MAAMC,aAAa;IACxB,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IAEjC,qBACE,oBAACI;QAAWC,WAAU;QAAwB,GAAGH,UAAU;OACxDC;AAGP,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/blockquote/Blockquote.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useElement } from '../../providers/ElementProvider.js'\nimport './index.scss'\n\nexport const Blockquote = () => {\n  const { attributes, children } = useElement()\n\n  return (\n    <blockquote className=\"rich-text-blockquote\" {...attributes}>\n      {children}\n    </blockquote>\n  )\n}\n"],"names":["React","useElement","Blockquote","attributes","children","blockquote","className"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,qCAAoC;AAC/D,OAAO,eAAc;AAErB,OAAO,MAAMC,aAAa;IACxB,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IAEjC,qBACE,KAACI;QAAWC,WAAU;QAAwB,GAAGH,UAAU;kBACxDC;;AAGP,EAAC"}

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { BlockquoteIcon } from '../../icons/Blockquote/index.js';
 import { ElementButton } from '../Button.js';
@@ -5,9 +6,10 @@ import { Blockquote } from './Blockquote.js';
 const name = 'blockquote';
 export const blockquote = {
     name,
-    Button: ()=>/*#__PURE__*/ React.createElement(ElementButton, {
-            format: name
-        }, /*#__PURE__*/ React.createElement(BlockquoteIcon, null)),
+    Button: ()=>/*#__PURE__*/ _jsx(ElementButton, {
+            format: name,
+            children: /*#__PURE__*/ _jsx(BlockquoteIcon, {})
+        }),
     Element: Blockquote
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/blockquote/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { RichTextCustomElement } from '../../../types.js'\n\nimport { BlockquoteIcon } from '../../icons/Blockquote/index.js'\nimport { ElementButton } from '../Button.js'\nimport { Blockquote } from './Blockquote.js'\n\nconst name = 'blockquote'\n\nexport const blockquote: RichTextCustomElement = {\n  name,\n  Button: () => (\n    <ElementButton format={name}>\n      <BlockquoteIcon />\n    </ElementButton>\n  ),\n  Element: Blockquote,\n}\n"],"names":["React","BlockquoteIcon","ElementButton","Blockquote","name","blockquote","Button","format","Element"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,cAAc,QAAQ,kCAAiC;AAChE,SAASC,aAAa,QAAQ,eAAc;AAC5C,SAASC,UAAU,QAAQ,kBAAiB;AAE5C,MAAMC,OAAO;AAEb,OAAO,MAAMC,aAAoC;IAC/CD;IACAE,QAAQ,kBACN,oBAACJ;YAAcK,QAAQH;yBACrB,oBAACH;IAGLO,SAASL;AACX,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/blockquote/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { RichTextCustomElement } from '../../../types.js'\n\nimport { BlockquoteIcon } from '../../icons/Blockquote/index.js'\nimport { ElementButton } from '../Button.js'\nimport { Blockquote } from './Blockquote.js'\n\nconst name = 'blockquote'\n\nexport const blockquote: RichTextCustomElement = {\n  name,\n  Button: () => (\n    <ElementButton format={name}>\n      <BlockquoteIcon />\n    </ElementButton>\n  ),\n  Element: Blockquote,\n}\n"],"names":["React","BlockquoteIcon","ElementButton","Blockquote","name","blockquote","Button","format","Element"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,cAAc,QAAQ,kCAAiC;AAChE,SAASC,aAAa,QAAQ,eAAc;AAC5C,SAASC,UAAU,QAAQ,kBAAiB;AAE5C,MAAMC,OAAO;AAEb,OAAO,MAAMC,aAAoC;IAC/CD;IACAE,QAAQ,kBACN,KAACJ;YAAcK,QAAQH;sBACrB,cAAA,KAACH;;IAGLO,SAASL;AACX,EAAC"}

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { H1Icon } from '../../icons/headings/H1/index.js';
 import { ElementButton } from '../Button.js';
@@ -5,9 +6,10 @@ import { Heading1 } from './Heading1.js';
 const name = 'h1';
 export const h1 = {
     name,
-    Button: ()=>/*#__PURE__*/ React.createElement(ElementButton, {
-            format: name
-        }, /*#__PURE__*/ React.createElement(H1Icon, null)),
+    Button: ()=>/*#__PURE__*/ _jsx(ElementButton, {
+            format: name,
+            children: /*#__PURE__*/ _jsx(H1Icon, {})
+        }),
     Element: Heading1
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/h1/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { RichTextCustomElement } from '../../../types.js'\n\nimport { H1Icon } from '../../icons/headings/H1/index.js'\nimport { ElementButton } from '../Button.js'\nimport { Heading1 } from './Heading1.js'\n\nconst name = 'h1'\n\nexport const h1: RichTextCustomElement = {\n  name,\n  Button: () => (\n    <ElementButton format={name}>\n      <H1Icon />\n    </ElementButton>\n  ),\n  Element: Heading1,\n}\n"],"names":["React","H1Icon","ElementButton","Heading1","name","h1","Button","format","Element"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,MAAM,QAAQ,mCAAkC;AACzD,SAASC,aAAa,QAAQ,eAAc;AAC5C,SAASC,QAAQ,QAAQ,gBAAe;AAExC,MAAMC,OAAO;AAEb,OAAO,MAAMC,KAA4B;IACvCD;IACAE,QAAQ,kBACN,oBAACJ;YAAcK,QAAQH;yBACrB,oBAACH;IAGLO,SAASL;AACX,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/h1/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { RichTextCustomElement } from '../../../types.js'\n\nimport { H1Icon } from '../../icons/headings/H1/index.js'\nimport { ElementButton } from '../Button.js'\nimport { Heading1 } from './Heading1.js'\n\nconst name = 'h1'\n\nexport const h1: RichTextCustomElement = {\n  name,\n  Button: () => (\n    <ElementButton format={name}>\n      <H1Icon />\n    </ElementButton>\n  ),\n  Element: Heading1,\n}\n"],"names":["React","H1Icon","ElementButton","Heading1","name","h1","Button","format","Element"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,MAAM,QAAQ,mCAAkC;AACzD,SAASC,aAAa,QAAQ,eAAc;AAC5C,SAASC,QAAQ,QAAQ,gBAAe;AAExC,MAAMC,OAAO;AAEb,OAAO,MAAMC,KAA4B;IACvCD;IACAE,QAAQ,kBACN,KAACJ;YAAcK,QAAQH;sBACrB,cAAA,KAACH;;IAGLO,SAASL;AACX,EAAC"}

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

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

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

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

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

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

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

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

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { H2Icon } from '../../icons/headings/H2/index.js';
 import { ElementButton } from '../Button.js';
@@ -5,9 +6,10 @@ import { Heading2 } from './Heading2.js';
 const name = 'h2';
 export const h2 = {
     name,
-    Button: ()=>/*#__PURE__*/ React.createElement(ElementButton, {
-            format: name
-        }, /*#__PURE__*/ React.createElement(H2Icon, null)),
+    Button: ()=>/*#__PURE__*/ _jsx(ElementButton, {
+            format: name,
+            children: /*#__PURE__*/ _jsx(H2Icon, {})
+        }),
     Element: Heading2
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/h2/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { RichTextCustomElement } from '../../../types.js'\n\nimport { H2Icon } from '../../icons/headings/H2/index.js'\nimport { ElementButton } from '../Button.js'\nimport { Heading2 } from './Heading2.js'\n\nconst name = 'h2'\n\nexport const h2: RichTextCustomElement = {\n  name,\n  Button: () => (\n    <ElementButton format={name}>\n      <H2Icon />\n    </ElementButton>\n  ),\n  Element: Heading2,\n}\n"],"names":["React","H2Icon","ElementButton","Heading2","name","h2","Button","format","Element"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,MAAM,QAAQ,mCAAkC;AACzD,SAASC,aAAa,QAAQ,eAAc;AAC5C,SAASC,QAAQ,QAAQ,gBAAe;AAExC,MAAMC,OAAO;AAEb,OAAO,MAAMC,KAA4B;IACvCD;IACAE,QAAQ,kBACN,oBAACJ;YAAcK,QAAQH;yBACrB,oBAACH;IAGLO,SAASL;AACX,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/h2/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { RichTextCustomElement } from '../../../types.js'\n\nimport { H2Icon } from '../../icons/headings/H2/index.js'\nimport { ElementButton } from '../Button.js'\nimport { Heading2 } from './Heading2.js'\n\nconst name = 'h2'\n\nexport const h2: RichTextCustomElement = {\n  name,\n  Button: () => (\n    <ElementButton format={name}>\n      <H2Icon />\n    </ElementButton>\n  ),\n  Element: Heading2,\n}\n"],"names":["React","H2Icon","ElementButton","Heading2","name","h2","Button","format","Element"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,MAAM,QAAQ,mCAAkC;AACzD,SAASC,aAAa,QAAQ,eAAc;AAC5C,SAASC,QAAQ,QAAQ,gBAAe;AAExC,MAAMC,OAAO;AAEb,OAAO,MAAMC,KAA4B;IACvCD;IACAE,QAAQ,kBACN,KAACJ;YAAcK,QAAQH;sBACrB,cAAA,KAACH;;IAGLO,SAASL;AACX,EAAC"}

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

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

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

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

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

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

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

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

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { H3Icon } from '../../icons/headings/H3/index.js';
 import { ElementButton } from '../Button.js';
@@ -5,9 +6,10 @@ import { Heading3 } from './Heading3.js';
 const name = 'h3';
 export const h3 = {
     name,
-    Button: ()=>/*#__PURE__*/ React.createElement(ElementButton, {
-            format: name
-        }, /*#__PURE__*/ React.createElement(H3Icon, null)),
+    Button: ()=>/*#__PURE__*/ _jsx(ElementButton, {
+            format: name,
+            children: /*#__PURE__*/ _jsx(H3Icon, {})
+        }),
     Element: Heading3
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/h3/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { RichTextCustomElement } from '../../../types.js'\n\nimport { H3Icon } from '../../icons/headings/H3/index.js'\nimport { ElementButton } from '../Button.js'\nimport { Heading3 } from './Heading3.js'\n\nconst name = 'h3'\n\nexport const h3: RichTextCustomElement = {\n  name,\n  Button: () => (\n    <ElementButton format={name}>\n      <H3Icon />\n    </ElementButton>\n  ),\n  Element: Heading3,\n}\n"],"names":["React","H3Icon","ElementButton","Heading3","name","h3","Button","format","Element"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,MAAM,QAAQ,mCAAkC;AACzD,SAASC,aAAa,QAAQ,eAAc;AAC5C,SAASC,QAAQ,QAAQ,gBAAe;AAExC,MAAMC,OAAO;AAEb,OAAO,MAAMC,KAA4B;IACvCD;IACAE,QAAQ,kBACN,oBAACJ;YAAcK,QAAQH;yBACrB,oBAACH;IAGLO,SAASL;AACX,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/h3/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { RichTextCustomElement } from '../../../types.js'\n\nimport { H3Icon } from '../../icons/headings/H3/index.js'\nimport { ElementButton } from '../Button.js'\nimport { Heading3 } from './Heading3.js'\n\nconst name = 'h3'\n\nexport const h3: RichTextCustomElement = {\n  name,\n  Button: () => (\n    <ElementButton format={name}>\n      <H3Icon />\n    </ElementButton>\n  ),\n  Element: Heading3,\n}\n"],"names":["React","H3Icon","ElementButton","Heading3","name","h3","Button","format","Element"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,MAAM,QAAQ,mCAAkC;AACzD,SAASC,aAAa,QAAQ,eAAc;AAC5C,SAASC,QAAQ,QAAQ,gBAAe;AAExC,MAAMC,OAAO;AAEb,OAAO,MAAMC,KAA4B;IACvCD;IACAE,QAAQ,kBACN,KAACJ;YAAcK,QAAQH;sBACrB,cAAA,KAACH;;IAGLO,SAASL;AACX,EAAC"}

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

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

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

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

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

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

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

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

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { H4Icon } from '../../icons/headings/H4/index.js';
 import { ElementButton } from '../Button.js';
@@ -5,9 +6,10 @@ import { Heading4 } from './Heading4.js';
 const name = 'h4';
 export const h4 = {
     name,
-    Button: ()=>/*#__PURE__*/ React.createElement(ElementButton, {
-            format: name
-        }, /*#__PURE__*/ React.createElement(H4Icon, null)),
+    Button: ()=>/*#__PURE__*/ _jsx(ElementButton, {
+            format: name,
+            children: /*#__PURE__*/ _jsx(H4Icon, {})
+        }),
     Element: Heading4
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/h4/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { RichTextCustomElement } from '../../../types.js'\n\nimport { H4Icon } from '../../icons/headings/H4/index.js'\nimport { ElementButton } from '../Button.js'\nimport { Heading4 } from './Heading4.js'\n\nconst name = 'h4'\n\nexport const h4: RichTextCustomElement = {\n  name,\n  Button: () => (\n    <ElementButton format={name}>\n      <H4Icon />\n    </ElementButton>\n  ),\n  Element: Heading4,\n}\n"],"names":["React","H4Icon","ElementButton","Heading4","name","h4","Button","format","Element"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,MAAM,QAAQ,mCAAkC;AACzD,SAASC,aAAa,QAAQ,eAAc;AAC5C,SAASC,QAAQ,QAAQ,gBAAe;AAExC,MAAMC,OAAO;AAEb,OAAO,MAAMC,KAA4B;IACvCD;IACAE,QAAQ,kBACN,oBAACJ;YAAcK,QAAQH;yBACrB,oBAACH;IAGLO,SAASL;AACX,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/h4/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { RichTextCustomElement } from '../../../types.js'\n\nimport { H4Icon } from '../../icons/headings/H4/index.js'\nimport { ElementButton } from '../Button.js'\nimport { Heading4 } from './Heading4.js'\n\nconst name = 'h4'\n\nexport const h4: RichTextCustomElement = {\n  name,\n  Button: () => (\n    <ElementButton format={name}>\n      <H4Icon />\n    </ElementButton>\n  ),\n  Element: Heading4,\n}\n"],"names":["React","H4Icon","ElementButton","Heading4","name","h4","Button","format","Element"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,MAAM,QAAQ,mCAAkC;AACzD,SAASC,aAAa,QAAQ,eAAc;AAC5C,SAASC,QAAQ,QAAQ,gBAAe;AAExC,MAAMC,OAAO;AAEb,OAAO,MAAMC,KAA4B;IACvCD;IACAE,QAAQ,kBACN,KAACJ;YAAcK,QAAQH;sBACrB,cAAA,KAACH;;IAGLO,SAASL;AACX,EAAC"}

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

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

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

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

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

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

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

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

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { H5Icon } from '../../icons/headings/H5/index.js';
 import { ElementButton } from '../Button.js';
@@ -5,9 +6,10 @@ import { Heading5 } from './Heading5.js';
 const name = 'h5';
 export const h5 = {
     name,
-    Button: ()=>/*#__PURE__*/ React.createElement(ElementButton, {
-            format: name
-        }, /*#__PURE__*/ React.createElement(H5Icon, null)),
+    Button: ()=>/*#__PURE__*/ _jsx(ElementButton, {
+            format: name,
+            children: /*#__PURE__*/ _jsx(H5Icon, {})
+        }),
     Element: Heading5
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/h5/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { RichTextCustomElement } from '../../../types.js'\n\nimport { H5Icon } from '../../icons/headings/H5/index.js'\nimport { ElementButton } from '../Button.js'\nimport { Heading5 } from './Heading5.js'\n\nconst name = 'h5'\n\nexport const h5: RichTextCustomElement = {\n  name,\n  Button: () => (\n    <ElementButton format={name}>\n      <H5Icon />\n    </ElementButton>\n  ),\n  Element: Heading5,\n}\n"],"names":["React","H5Icon","ElementButton","Heading5","name","h5","Button","format","Element"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,MAAM,QAAQ,mCAAkC;AACzD,SAASC,aAAa,QAAQ,eAAc;AAC5C,SAASC,QAAQ,QAAQ,gBAAe;AAExC,MAAMC,OAAO;AAEb,OAAO,MAAMC,KAA4B;IACvCD;IACAE,QAAQ,kBACN,oBAACJ;YAAcK,QAAQH;yBACrB,oBAACH;IAGLO,SAASL;AACX,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/h5/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { RichTextCustomElement } from '../../../types.js'\n\nimport { H5Icon } from '../../icons/headings/H5/index.js'\nimport { ElementButton } from '../Button.js'\nimport { Heading5 } from './Heading5.js'\n\nconst name = 'h5'\n\nexport const h5: RichTextCustomElement = {\n  name,\n  Button: () => (\n    <ElementButton format={name}>\n      <H5Icon />\n    </ElementButton>\n  ),\n  Element: Heading5,\n}\n"],"names":["React","H5Icon","ElementButton","Heading5","name","h5","Button","format","Element"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,MAAM,QAAQ,mCAAkC;AACzD,SAASC,aAAa,QAAQ,eAAc;AAC5C,SAASC,QAAQ,QAAQ,gBAAe;AAExC,MAAMC,OAAO;AAEb,OAAO,MAAMC,KAA4B;IACvCD;IACAE,QAAQ,kBACN,KAACJ;YAAcK,QAAQH;sBACrB,cAAA,KAACH;;IAGLO,SAASL;AACX,EAAC"}

package/dist/field/elements/h6/Heading6.d.ts

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

package/dist/field/elements/h6/Heading6.d.ts.map

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

package/dist/field/elements/h6/Heading6.js

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