@makeswift/runtime 0.9.5 → 0.9.6

package/dist/slate.cjs.js

@@ -27,10 +27,10 @@ var reactPage = require("./react-page.cjs.js");
 require("./actions.cjs.js");
 var typography = require("./typography.cjs.js");
 var slate = require("slate");
-var next = require("./index.cjs.js");
 var jsxRuntime = require("react/jsx-runtime");
 var index$3 = require("./index.cjs3.js");
 var css = require("@emotion/css");
+var next = require("./index.cjs.js");
 require("./state/breakpoints.cjs.js");
 require("zod");
 require("is-hotkey");
@@ -40,6 +40,8 @@ require("redux-thunk");
 require("react");
 require("@emotion/serialize");
 require("@emotion/utils");
+require("scroll-into-view-if-needed");
+require("next/link");
 require("use-sync-external-store/shim/with-selector");
 require("next/dynamic");
 require("./combobox.cjs.js");
@@ -48,7 +50,6 @@ require("./types.cjs.js");
 require("./box-models.cjs.js");
 require("css-box-model");
 require("color");
-require("scroll-into-view-if-needed");
 require("react-dom");
 require("html-react-parser");
 require("next/head");
@@ -62,7 +63,15 @@ require("set-cookie-parser");
 require("./constants.cjs.js");
 require("uuid");
 require("corporate-ipsum");
-require("next/link");
+function getValue$2(editor) {
+  const matchingValues = Array.from(slate.Editor.nodes(editor, {
+    at: types.getSelection(editor),
+    match: types.ElementUtils.isRootBlock
+  })).map(([node]) => node["textAlign"]);
+  return matchingValues.length === 0 ? void 0 : matchingValues.reduce((a, b) => {
+    return index.responsiveShallowEqual(a, b);
+  });
+}
 const TEXT_ALIGN_KEY = "textAlign";
 const withTextAlign = (editor) => {
   const {
@@ -113,9 +122,7 @@ function TextAlignPlugin() {
         match: types.ElementUtils.isRootBlock,
         split: false
       }),
-      getValue: (editor) => index.getResponsiveValue(editor, TEXT_ALIGN_KEY, {
-        match: types.ElementUtils.isRootBlock
-      }),
+      getValue: (editor) => getValue$2(editor),
       getElementValue: (element) => {
         return types.ElementUtils.isRootBlock(element) ? element.textAlign : void 0;
       }
@@ -130,56 +137,6 @@ function TextAlignPlugin() {
     }
   });
 }
-const COLOR_KEY = "color";
-function ColorPlugin() {
-  return reactPage.createRichTextV2Plugin({
-    control: {
-      definition: reactPage.unstable_StyleV2({
-        type: reactPage.Color({
-          label: "Color"
-        }),
-        getStyle(color) {
-          return {
-            color
-          };
-        }
-      }),
-      onChange: (editor, value) => {
-        index.setResponsiveValue(editor, COLOR_KEY, value, {
-          match: slate.Text.isText,
-          split: true
-        });
-      },
-      getValue: (editor) => index.getResponsiveValue(editor, COLOR_KEY, {
-        match: slate.Text.isText
-      }),
-      getLeafValue: (text) => {
-        return slate.Text.isText(text) ? text == null ? void 0 : text.color : void 0;
-      }
-    },
-    withPlugin: (editor) => {
-      const {
-        normalizeNode
-      } = editor;
-      editor.normalizeNode = (entry) => {
-        if (index.normalizeResponsiveValue(editor, COLOR_KEY, {
-          match: slate.Text.isText
-        })(entry)) {
-          return;
-        }
-        normalizeNode(entry);
-      };
-      return editor;
-    },
-    renderLeaf: (renderLeaf, className) => (props) => {
-      return renderLeaf(__spreadProps(__spreadValues({}, props), {
-        leaf: __spreadProps(__spreadValues({}, props.leaf), {
-          className: `${props.leaf.className} ${className}`
-        })
-      }));
-    }
-  });
-}
 function getSupportedInlinesAndTextInSelection(editor) {
   return Array.from(slate.Editor.nodes(editor, {
     at: types.getSelection(editor),
@@ -193,7 +150,8 @@ const getValue$1 = (editor) => {
   if (!areAllRootsSupportedInlineTypesOrText)
     return void 0;
   const matchingValues = roots.filter(types.isSupportedInlineEntry).map(([node]) => node);
-  return (_a = matchingValues.reduce((a, b) => next.deepEqual(a, b) ? b : void 0, matchingValues.at(0))) == null ? void 0 : _a.type;
+  const match = matchingValues.reduce((a, b) => (a == null ? void 0 : a.type) === (b == null ? void 0 : b.type) ? b : null, (_a = matchingValues.at(0)) != null ? _a : void 0);
+  return match == null ? match : match.type;
 };
 const onChange$1 = (editor, value) => {
   function unwrapAllSupportedTypes() {
@@ -296,7 +254,8 @@ const getValue = (editor) => {
   if (!areAllRootsLinks)
     return void 0;
   const matchingValues = roots.map(([node]) => node).filter(isLinkElement);
-  return (_a = matchingValues.reduce((a, b) => next.deepEqual(a, b) ? b : void 0, matchingValues.at(0))) == null ? void 0 : _a.link;
+  const match = matchingValues.reduce((a, b) => next.deepEqual(a == null ? void 0 : a.link, b == null ? void 0 : b.link) ? b : null, (_a = matchingValues.at(0)) != null ? _a : void 0);
+  return match == null ? match : match.link;
 };
 const onChange = (editor, value) => {
   if (value == null)
@@ -327,13 +286,14 @@ function InlinePluginComponent({
   children,
   renderElement
 }) {
+  var _a;
   const linkStyle = reactPage.useStyle({
     textDecoration: "none"
   });
   switch (element.type) {
     case reactPage.InlineType.Link:
       return /* @__PURE__ */ jsxRuntime.jsx(index$3.Link, __spreadProps(__spreadValues({}, attributes), {
-        link: element.link,
+        link: (_a = element.link) != null ? _a : void 0,
         className: css.cx(linkStyle, element.className),
         children
       }));
@@ -381,8 +341,6 @@ exports.BlockTextAlignment = reactPage.BlockTextAlignment;
 exports.BlockType = reactPage.BlockType;
 exports.InlineType = reactPage.InlineType;
 exports.RootBlockType = reactPage.RootBlockType;
-exports.COLOR_KEY = COLOR_KEY;
-exports.ColorPlugin = ColorPlugin;
 exports.InlinePlugin = InlinePlugin;
 exports.LinkPlugin = LinkPlugin;
 exports.TextAlignPlugin = TextAlignPlugin;

package/dist/slate.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"slate.cjs.js","sources":["../src/slate/TextAlignPlugin/index.tsx","../src/slate/ColorPlugin/index.tsx","../src/slate/InlinePlugin/getValue.ts","../src/slate/InlinePlugin/onChange.ts","../src/slate/InlinePlugin/index.tsx","../src/slate/LinkPlugin/types.ts","../src/slate/LinkPlugin/getValue.ts","../src/slate/LinkPlugin/onChange.ts","../src/slate/LinkPlugin/index.tsx"],"sourcesContent":["import { Editor, Element } from 'slate'\nimport {\n  createRichTextV2Plugin,\n  unstable_IconRadioGroup,\n  unstable_IconRadioGroupIcon,\n  unstable_StyleV2,\n} from '../../controls'\nimport { ElementUtils } from '../utils/element'\nimport { TextAlignProperty } from 'csstype'\nimport {\n  getResponsiveValue,\n  normalizeResponsiveValue,\n  setResponsiveValue,\n} from '../utils/responsive'\n\nconst TEXT_ALIGN_KEY = 'textAlign'\n\nexport const withTextAlign = (editor: Editor) => {\n  const { normalizeNode } = editor\n  editor.normalizeNode = entry => {\n    if (\n      normalizeResponsiveValue(editor, TEXT_ALIGN_KEY, { match: ElementUtils.isRootBlock })(entry)\n    ) {\n      return\n    }\n    normalizeNode(entry)\n  }\n\n  return editor\n}\n\nexport function TextAlignPlugin() {\n  return createRichTextV2Plugin({\n    control: {\n      definition: unstable_StyleV2({\n        type: unstable_IconRadioGroup({\n          label: 'Alignment',\n          options: [\n            {\n              icon: unstable_IconRadioGroupIcon.TextAlignLeft,\n              label: 'Left Align',\n              value: 'left',\n            },\n            {\n              icon: unstable_IconRadioGroupIcon.TextAlignCenter,\n              label: 'Center Align',\n              value: 'center',\n            },\n            {\n              icon: unstable_IconRadioGroupIcon.TextAlignRight,\n              label: 'Right Align',\n              value: 'right',\n            },\n            {\n              icon: unstable_IconRadioGroupIcon.TextAlignJustify,\n              label: 'Justify',\n              value: 'justify',\n            },\n          ],\n          defaultValue: 'left',\n        }),\n        getStyle(textAlign: TextAlignProperty) {\n          return { textAlign }\n        },\n      }),\n      onChange: (editor, value) =>\n        setResponsiveValue(editor, TEXT_ALIGN_KEY, value, {\n          match: ElementUtils.isRootBlock,\n          split: false,\n        }),\n      getValue: editor =>\n        getResponsiveValue(editor, TEXT_ALIGN_KEY, { match: ElementUtils.isRootBlock }),\n      getElementValue: (element: Element) => {\n        return ElementUtils.isRootBlock(element) ? element.textAlign : undefined\n      },\n    },\n    withPlugin: withTextAlign,\n    renderElement: (renderElement, className) => props => {\n      return renderElement({\n        ...props,\n        element: {\n          ...props.element,\n          className,\n        },\n      })\n    },\n  })\n}\n","import { Editor, Text } from 'slate'\nimport {\n  Color,\n  createRichTextV2Plugin,\n  unstable_StyleV2,\n  ColorControlDefinition,\n} from '../../controls'\nimport { ControlDefinitionValue } from '../../runtimes/react/controls/control'\nimport {\n  getResponsiveValue,\n  normalizeResponsiveValue,\n  setResponsiveValue,\n} from '../utils/responsive'\n\nexport const COLOR_KEY = 'color'\n\nexport function ColorPlugin() {\n  return createRichTextV2Plugin({\n    control: {\n      definition: unstable_StyleV2({\n        type: Color({\n          label: 'Color',\n        }),\n        getStyle(color: ControlDefinitionValue<ColorControlDefinition>) {\n          return { color }\n        },\n      }),\n      onChange: (editor, value) => {\n        setResponsiveValue(editor, COLOR_KEY, value, {\n          match: Text.isText,\n          split: true,\n        })\n      },\n      getValue: editor => getResponsiveValue(editor, COLOR_KEY, { match: Text.isText }),\n      getLeafValue: (text: Text) => {\n        return Text.isText(text) ? text?.color : undefined\n      },\n    },\n    withPlugin: (editor: Editor) => {\n      const { normalizeNode } = editor\n      editor.normalizeNode = entry => {\n        if (normalizeResponsiveValue(editor, COLOR_KEY, { match: Text.isText })(entry)) {\n          return\n        }\n\n        normalizeNode(entry)\n      }\n\n      return editor\n    },\n    renderLeaf: (renderLeaf, className) => props => {\n      return renderLeaf({\n        ...props,\n        leaf: {\n          ...props.leaf,\n          className: `${props.leaf.className} ${className}`,\n        },\n      })\n    },\n  })\n}\n","import { Editor, NodeEntry, Text } from 'slate'\nimport { ElementUtils } from '../utils/element'\nimport { getSelection } from '../selectors'\nimport { filterForSubtreeRoots } from '../BlockPlugin/utils/filterForSubtreeRoots'\nimport deepEqual from '../../utils/deepEqual'\nimport { SupportedInline, isSupportedInlineType, isSupportedInlineEntry } from './types'\n\nexport function getSupportedInlinesAndTextInSelection(\n  editor: Editor,\n): NodeEntry<SupportedInline | Text>[] {\n  return Array.from(\n    Editor.nodes(editor, {\n      at: getSelection(editor),\n      match: node =>\n        (ElementUtils.isInline(node) && isSupportedInlineType(node.type)) || Text.isText(node),\n    }),\n  ) as NodeEntry<Text | SupportedInline>[]\n}\n\nexport const getValue = (editor: Editor) => {\n  const roots = filterForSubtreeRoots(getSupportedInlinesAndTextInSelection(editor))\n\n  const areAllRootsSupportedInlineTypesOrText = roots.every(\n    entry => isSupportedInlineEntry(entry) || Text.isText(entry[0]),\n  )\n\n  if (!areAllRootsSupportedInlineTypesOrText) return undefined\n\n  const matchingValues = roots.filter(isSupportedInlineEntry).map(([node]) => node)\n\n  return matchingValues.reduce((a, b) => (deepEqual(a, b) ? b : undefined), matchingValues.at(0))\n    ?.type\n}\n","import { getSupportedInlinesAndTextInSelection } from './getValue'\nimport { Editor, Transforms } from 'slate'\nimport { ElementUtils } from '../utils/element'\nimport { unwrapInline } from '../BlockPlugin/unwrapInline'\nimport { wrapInline } from '../BlockPlugin/wrapInline'\nimport { getSelection } from '../selectors'\nimport { filterForSubtreeRoots } from '../BlockPlugin/utils/filterForSubtreeRoots'\nimport {\n  SupportedInlineType,\n  isSupportedInlineEntry,\n  isSupportedInlineType,\n  supportedInlineOptions,\n} from './types'\n\nexport const onChange = (editor: Editor, value: SupportedInlineType) => {\n  function unwrapAllSupportedTypes() {\n    supportedInlineOptions.forEach(({ value: optionValue }) => unwrapInline(editor, optionValue))\n  }\n\n  function unwrapAllInlines() {\n    Transforms.unwrapNodes(editor, {\n      match: node => ElementUtils.isInline(node),\n      at: getSelection(editor),\n    })\n  }\n\n  if (value == null) return unwrapAllSupportedTypes()\n\n  if (!isSupportedInlineType(value)) return\n\n  const roots = filterForSubtreeRoots(getSupportedInlinesAndTextInSelection(editor))\n  const root = roots.at(0)\n\n  if (\n    roots.length === 1 &&\n    root != null &&\n    isSupportedInlineEntry(root) &&\n    root[0].type === value\n  ) {\n    unwrapInline(editor, value)\n  } else {\n    unwrapAllInlines()\n    wrapInline(editor, { type: value, children: [] })\n  }\n}\n","import { Editor, Element } from 'slate'\nimport { RenderElement, createRichTextV2Plugin, unstable_IconRadioGroup } from '../../controls'\nimport { ElementUtils } from '../utils/element'\nimport { InlineType } from '../types'\nimport { RenderElementProps } from 'slate-react'\nimport { supportedInlineOptions } from './types'\nimport { onChange } from './onChange'\nimport { getValue } from './getValue'\n\nexport const withInline = (editor: Editor) => {\n  const { isInline } = editor\n\n  editor.isInline = entry => {\n    return ElementUtils.isInline(entry) && isInline(entry)\n  }\n\n  return editor\n}\n\nexport function InlinePlugin() {\n  return createRichTextV2Plugin({\n    control: {\n      definition: unstable_IconRadioGroup({\n        label: 'Inline',\n        options: supportedInlineOptions,\n      }),\n      onChange,\n      getValue,\n      getElementValue: (element: Element) => {\n        return ElementUtils.isInline(element) ? element.type : undefined\n      },\n    },\n    withPlugin: withInline,\n    renderElement: renderElement => props => {\n      return <InlinePluginComponent {...props} renderElement={renderElement} />\n    },\n  })\n}\n\nfunction InlinePluginComponent({\n  element,\n  attributes,\n  children,\n  renderElement,\n}: RenderElementProps & { renderElement: RenderElement }) {\n  switch (element.type) {\n    case InlineType.Code:\n      return <code {...attributes}>{children}</code>\n    case InlineType.SuperScript:\n      return <sup {...attributes}>{children}</sup>\n    case InlineType.SubScript:\n      return <sub {...attributes}>{children}</sub>\n\n    default:\n      return (\n        <>\n          {renderElement({\n            element,\n            attributes,\n            children,\n          })}\n        </>\n      )\n  }\n}\n","import { Node, NodeEntry } from 'slate'\nimport { ElementUtils } from '../utils/element'\nimport { InlineType, LinkElement } from '../types'\n\nexport function isLinkElement(node: Node): node is LinkElement {\n  return ElementUtils.isInline(node) && node.type === InlineType.Link\n}\n\nexport function isLinkEntry(inline: NodeEntry<Node>): inline is NodeEntry<LinkElement> {\n  return ElementUtils.isInline(inline[0]) && inline[0].type === InlineType.Link\n}\n","import { Editor, NodeEntry, Text } from 'slate'\nimport { ElementUtils } from '../utils/element'\nimport { LinkElement } from '../types'\nimport deepEqual from '../../utils/deepEqual'\nimport { getSelection } from '../selectors'\nimport { filterForSubtreeRoots } from '../BlockPlugin/utils/filterForSubtreeRoots'\nimport { isLinkElement } from './types'\n\nexport function getLinksAndTextInSelection(editor: Editor): NodeEntry<LinkElement | Text>[] {\n  return Array.from(\n    Editor.nodes(editor, {\n      at: getSelection(editor),\n      match: node => (ElementUtils.isInline(node) && isLinkElement(node)) || Text.isText(node),\n    }),\n  ) as NodeEntry<Text | LinkElement>[]\n}\n\nexport const getValue = (editor: Editor) => {\n  const roots = filterForSubtreeRoots(getLinksAndTextInSelection(editor))\n\n  const areAllRootsLinks = roots.every(([root]) => isLinkElement(root) || Text.isText(root))\n\n  if (!areAllRootsLinks) return undefined\n\n  const matchingValues = roots.map(([node]) => node).filter(isLinkElement)\n\n  return matchingValues.reduce((a, b) => (deepEqual(a, b) ? b : undefined), matchingValues.at(0))\n    ?.link\n}\n","import { Editor, Transforms } from 'slate'\nimport { LinkControlData } from '../../controls'\nimport { unwrapInline } from '../BlockPlugin/unwrapInline'\nimport { wrapInline } from '../BlockPlugin/wrapInline'\nimport { InlineType } from '../types'\nimport { filterForSubtreeRoots } from '../BlockPlugin/utils/filterForSubtreeRoots'\nimport { isLinkEntry } from './types'\nimport { getLinksAndTextInSelection } from './getValue'\n\nexport const onChange = (editor: Editor, value: LinkControlData) => {\n  if (value == null) return unwrapInline(editor, InlineType.Link)\n\n  const roots = filterForSubtreeRoots(getLinksAndTextInSelection(editor))\n  const root = roots.at(0)\n\n  // If the root of our selection is a link we just want to modify it\n  if (roots.length === 1 && root != null && isLinkEntry(root)) {\n    Transforms.setNodes(\n      editor,\n      {\n        link: value,\n      },\n      { at: root[1] },\n    )\n  }\n  // In all other cases we want to remove all existing links and wrap the current selection in a new link\n  else {\n    unwrapInline(editor, InlineType.Link)\n    wrapInline(editor, { type: InlineType.Link, link: value, children: [] })\n  }\n}\n","import { Editor, Element } from 'slate'\nimport { Link, RenderElement, createRichTextV2Plugin } from '../../controls'\nimport { ElementUtils } from '../utils/element'\nimport { InlineType } from '../types'\nimport { RenderElementProps } from 'slate-react'\nimport { useStyle } from '../../runtimes/react/use-style'\nimport { Link as LinkComponent } from '../../components/shared/Link'\nimport { cx } from '@emotion/css'\nimport { isLinkElement } from './types'\nimport { onChange } from './onChange'\nimport { getValue } from './getValue'\n\nexport const withLink = (editor: Editor) => {\n  const { isInline } = editor\n\n  editor.isInline = entry => {\n    return ElementUtils.isInline(entry) && isInline(entry)\n  }\n\n  return editor\n}\n\nfunction InlinePluginComponent({\n  element,\n  attributes,\n  children,\n  renderElement,\n}: RenderElementProps & { renderElement: RenderElement }) {\n  const linkStyle = useStyle({ textDecoration: 'none' })\n  switch (element.type) {\n    case InlineType.Link:\n      return (\n        <LinkComponent\n          {...attributes}\n          link={element.link}\n          className={cx(linkStyle, element.className)}\n        >\n          {children}\n        </LinkComponent>\n      )\n\n    default:\n      return renderElement({\n        element,\n        attributes,\n        children,\n      })\n  }\n}\n\nexport function LinkPlugin() {\n  return createRichTextV2Plugin({\n    control: {\n      definition: Link({\n        label: 'On Click',\n      }),\n      onChange,\n      getValue,\n      getElementValue: (element: Element) => {\n        return ElementUtils.isInline(element) && isLinkElement(element) ? element.link : undefined\n      },\n    },\n    withPlugin: withLink,\n    renderElement: renderElement => props => {\n      return <InlinePluginComponent {...props} renderElement={renderElement} />\n    },\n  })\n}\n"],"names":["TEXT_ALIGN_KEY","withTextAlign","editor","normalizeNode","entry","normalizeResponsiveValue","match","ElementUtils","isRootBlock","createRichTextV2Plugin","control","definition","unstable_StyleV2","type","unstable_IconRadioGroup","label","options","icon","unstable_IconRadioGroupIcon","TextAlignLeft","value","TextAlignCenter","TextAlignRight","TextAlignJustify","defaultValue","getStyle","textAlign","onChange","setResponsiveValue","split","getValue","getResponsiveValue","getElementValue","element","undefined","withPlugin","renderElement","className","props","COLOR_KEY","Color","color","Text","isText","getLeafValue","text","renderLeaf","leaf","Editor","getSelection","isSupportedInlineType","filterForSubtreeRoots","isSupportedInlineEntry","deepEqual","supportedInlineOptions","unwrapInline","Transforms","wrapInline","withInline","isInline","InlinePluginComponent","attributes","children","InlineType","Code","SuperScript","SubScript","_Fragment","withLink","linkStyle","useStyle","textDecoration","Link","LinkComponent","link","cx","isLinkElement"],"mappings":"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"}
+{"version":3,"file":"slate.cjs.js","sources":["../src/slate/TextAlignPlugin/getValue.ts","../src/slate/TextAlignPlugin/index.tsx","../src/slate/InlinePlugin/getValue.ts","../src/slate/InlinePlugin/onChange.ts","../src/slate/InlinePlugin/index.tsx","../src/slate/LinkPlugin/types.ts","../src/slate/LinkPlugin/getValue.ts","../src/slate/LinkPlugin/onChange.ts","../src/slate/LinkPlugin/index.tsx"],"sourcesContent":["import { Editor } from 'slate'\nimport { ElementUtils } from '../utils/element'\nimport { ResponsiveBlockTextAlignment } from '../types'\nimport { getSelection } from '../selectors'\nimport { responsiveShallowEqual } from '../utils/responsive'\n\nexport function getValue(editor: Editor): ResponsiveBlockTextAlignment | undefined {\n  const matchingValues = Array.from(\n    Editor.nodes(editor, {\n      at: getSelection(editor),\n      match: ElementUtils.isRootBlock,\n    }),\n  ).map(([node]) => node['textAlign']) as (ResponsiveBlockTextAlignment | undefined)[]\n\n  return matchingValues.length === 0\n    ? undefined\n    : matchingValues.reduce((a, b) => {\n        return responsiveShallowEqual(a, b)\n      })\n}\n","import { Editor, Element } from 'slate'\nimport {\n  createRichTextV2Plugin,\n  unstable_IconRadioGroup,\n  unstable_IconRadioGroupIcon,\n  unstable_StyleV2,\n} from '../../controls'\nimport { ElementUtils } from '../utils/element'\nimport { TextAlignProperty } from 'csstype'\nimport { normalizeResponsiveValue, setResponsiveValue } from '../utils/responsive'\nimport { getValue } from './getValue'\n\nconst TEXT_ALIGN_KEY = 'textAlign'\n\nexport const withTextAlign = (editor: Editor) => {\n  const { normalizeNode } = editor\n  editor.normalizeNode = entry => {\n    if (\n      normalizeResponsiveValue(editor, TEXT_ALIGN_KEY, { match: ElementUtils.isRootBlock })(entry)\n    ) {\n      return\n    }\n    normalizeNode(entry)\n  }\n\n  return editor\n}\n\nexport function TextAlignPlugin() {\n  return createRichTextV2Plugin({\n    control: {\n      definition: unstable_StyleV2({\n        type: unstable_IconRadioGroup({\n          label: 'Alignment',\n          options: [\n            {\n              icon: unstable_IconRadioGroupIcon.TextAlignLeft,\n              label: 'Left Align',\n              value: 'left',\n            },\n            {\n              icon: unstable_IconRadioGroupIcon.TextAlignCenter,\n              label: 'Center Align',\n              value: 'center',\n            },\n            {\n              icon: unstable_IconRadioGroupIcon.TextAlignRight,\n              label: 'Right Align',\n              value: 'right',\n            },\n            {\n              icon: unstable_IconRadioGroupIcon.TextAlignJustify,\n              label: 'Justify',\n              value: 'justify',\n            },\n          ],\n          defaultValue: 'left',\n        }),\n        getStyle(textAlign: TextAlignProperty) {\n          return { textAlign }\n        },\n      }),\n      onChange: (editor, value) =>\n        setResponsiveValue(editor, TEXT_ALIGN_KEY, value, {\n          match: ElementUtils.isRootBlock,\n          split: false,\n        }),\n      getValue: editor => getValue(editor),\n      getElementValue: (element: Element) => {\n        return ElementUtils.isRootBlock(element) ? element.textAlign : undefined\n      },\n    },\n    withPlugin: withTextAlign,\n    renderElement: (renderElement, className) => props => {\n      return renderElement({\n        ...props,\n        element: {\n          ...props.element,\n          className,\n        },\n      })\n    },\n  })\n}\n","import { Editor, NodeEntry, Text } from 'slate'\nimport { ElementUtils } from '../utils/element'\nimport { getSelection } from '../selectors'\nimport { filterForSubtreeRoots } from '../BlockPlugin/utils/filterForSubtreeRoots'\nimport { SupportedInline, isSupportedInlineType, isSupportedInlineEntry } from './types'\n\nexport function getSupportedInlinesAndTextInSelection(\n  editor: Editor,\n): NodeEntry<SupportedInline | Text>[] {\n  return Array.from(\n    Editor.nodes(editor, {\n      at: getSelection(editor),\n      match: node =>\n        (ElementUtils.isInline(node) && isSupportedInlineType(node.type)) || Text.isText(node),\n    }),\n  ) as NodeEntry<Text | SupportedInline>[]\n}\n\nexport const getValue = (editor: Editor) => {\n  const roots = filterForSubtreeRoots(getSupportedInlinesAndTextInSelection(editor))\n\n  const areAllRootsSupportedInlineTypesOrText = roots.every(\n    entry => isSupportedInlineEntry(entry) || Text.isText(entry[0]),\n  )\n\n  if (!areAllRootsSupportedInlineTypesOrText) return undefined\n\n  const matchingValues = roots.filter(isSupportedInlineEntry).map(([node]) => node) as (\n    | SupportedInline\n    | null\n    | undefined\n  )[]\n\n  const match = matchingValues.reduce(\n    (a, b) => (a?.type === b?.type ? b : null),\n    matchingValues.at(0) ?? undefined,\n  )\n\n  return match == null ? match : match.type\n}\n","import { getSupportedInlinesAndTextInSelection } from './getValue'\nimport { Editor, Transforms } from 'slate'\nimport { ElementUtils } from '../utils/element'\nimport { unwrapInline } from '../BlockPlugin/unwrapInline'\nimport { wrapInline } from '../BlockPlugin/wrapInline'\nimport { getSelection } from '../selectors'\nimport { filterForSubtreeRoots } from '../BlockPlugin/utils/filterForSubtreeRoots'\nimport {\n  SupportedInlineType,\n  isSupportedInlineEntry,\n  isSupportedInlineType,\n  supportedInlineOptions,\n} from './types'\n\nexport const onChange = (editor: Editor, value: SupportedInlineType) => {\n  function unwrapAllSupportedTypes() {\n    supportedInlineOptions.forEach(({ value: optionValue }) => unwrapInline(editor, optionValue))\n  }\n\n  function unwrapAllInlines() {\n    Transforms.unwrapNodes(editor, {\n      match: node => ElementUtils.isInline(node),\n      at: getSelection(editor),\n    })\n  }\n\n  if (value == null) return unwrapAllSupportedTypes()\n\n  if (!isSupportedInlineType(value)) return\n\n  const roots = filterForSubtreeRoots(getSupportedInlinesAndTextInSelection(editor))\n  const root = roots.at(0)\n\n  if (\n    roots.length === 1 &&\n    root != null &&\n    isSupportedInlineEntry(root) &&\n    root[0].type === value\n  ) {\n    unwrapInline(editor, value)\n  } else {\n    unwrapAllInlines()\n    wrapInline(editor, { type: value, children: [] })\n  }\n}\n","import { Editor, Element } from 'slate'\nimport { RenderElement, createRichTextV2Plugin, unstable_IconRadioGroup } from '../../controls'\nimport { ElementUtils } from '../utils/element'\nimport { InlineType } from '../types'\nimport { RenderElementProps } from 'slate-react'\nimport { supportedInlineOptions } from './types'\nimport { onChange } from './onChange'\nimport { getValue } from './getValue'\n\nexport const withInline = (editor: Editor) => {\n  const { isInline } = editor\n\n  editor.isInline = entry => {\n    return ElementUtils.isInline(entry) && isInline(entry)\n  }\n\n  return editor\n}\n\nexport function InlinePlugin() {\n  return createRichTextV2Plugin({\n    control: {\n      definition: unstable_IconRadioGroup({\n        label: 'Inline',\n        options: supportedInlineOptions,\n      }),\n      onChange,\n      getValue,\n      getElementValue: (element: Element) => {\n        return ElementUtils.isInline(element) ? element.type : undefined\n      },\n    },\n    withPlugin: withInline,\n    renderElement: renderElement => props => {\n      return <InlinePluginComponent {...props} renderElement={renderElement} />\n    },\n  })\n}\n\nfunction InlinePluginComponent({\n  element,\n  attributes,\n  children,\n  renderElement,\n}: RenderElementProps & { renderElement: RenderElement }) {\n  switch (element.type) {\n    case InlineType.Code:\n      return <code {...attributes}>{children}</code>\n    case InlineType.SuperScript:\n      return <sup {...attributes}>{children}</sup>\n    case InlineType.SubScript:\n      return <sub {...attributes}>{children}</sub>\n\n    default:\n      return (\n        <>\n          {renderElement({\n            element,\n            attributes,\n            children,\n          })}\n        </>\n      )\n  }\n}\n","import { Node, NodeEntry } from 'slate'\nimport { ElementUtils } from '../utils/element'\nimport { InlineType, LinkElement } from '../types'\n\nexport function isLinkElement(node: Node): node is LinkElement {\n  return ElementUtils.isInline(node) && node.type === InlineType.Link\n}\n\nexport function isLinkEntry(inline: NodeEntry<Node>): inline is NodeEntry<LinkElement> {\n  return ElementUtils.isInline(inline[0]) && inline[0].type === InlineType.Link\n}\n","import { Editor, NodeEntry, Text } from 'slate'\nimport { ElementUtils } from '../utils/element'\nimport { LinkElement } from '../types'\nimport { getSelection } from '../selectors'\nimport { filterForSubtreeRoots } from '../BlockPlugin/utils/filterForSubtreeRoots'\nimport { isLinkElement } from './types'\nimport deepEqual from '../../utils/deepEqual'\n\nexport function getLinksAndTextInSelection(editor: Editor): NodeEntry<LinkElement | Text>[] {\n  return Array.from(\n    Editor.nodes(editor, {\n      at: getSelection(editor),\n      match: node => (ElementUtils.isInline(node) && isLinkElement(node)) || Text.isText(node),\n    }),\n  ) as NodeEntry<Text | LinkElement>[]\n}\n\nexport const getValue = (editor: Editor) => {\n  const roots = filterForSubtreeRoots(getLinksAndTextInSelection(editor))\n\n  const areAllRootsLinks = roots.every(([root]) => isLinkElement(root) || Text.isText(root))\n\n  if (!areAllRootsLinks) return undefined\n\n  const matchingValues = roots.map(([node]) => node).filter(isLinkElement) as (\n    | LinkElement\n    | null\n    | undefined\n  )[]\n\n  const match = matchingValues.reduce(\n    (a, b) => (deepEqual(a?.link, b?.link) ? b : null),\n    matchingValues.at(0) ?? undefined,\n  )\n\n  return match == null ? match : match.link\n}\n","import { Editor, Transforms } from 'slate'\nimport { LinkControlData } from '../../controls'\nimport { unwrapInline } from '../BlockPlugin/unwrapInline'\nimport { wrapInline } from '../BlockPlugin/wrapInline'\nimport { InlineType } from '../types'\nimport { filterForSubtreeRoots } from '../BlockPlugin/utils/filterForSubtreeRoots'\nimport { isLinkEntry } from './types'\nimport { getLinksAndTextInSelection } from './getValue'\n\nexport const onChange = (editor: Editor, value: LinkControlData) => {\n  if (value == null) return unwrapInline(editor, InlineType.Link)\n\n  const roots = filterForSubtreeRoots(getLinksAndTextInSelection(editor))\n  const root = roots.at(0)\n\n  // If the root of our selection is a link we just want to modify it\n  if (roots.length === 1 && root != null && isLinkEntry(root)) {\n    Transforms.setNodes(\n      editor,\n      {\n        link: value,\n      },\n      { at: root[1] },\n    )\n  }\n  // In all other cases we want to remove all existing links and wrap the current selection in a new link\n  else {\n    unwrapInline(editor, InlineType.Link)\n    wrapInline(editor, { type: InlineType.Link, link: value, children: [] })\n  }\n}\n","import { Editor, Element } from 'slate'\nimport { Link, RenderElement, createRichTextV2Plugin } from '../../controls'\nimport { ElementUtils } from '../utils/element'\nimport { InlineType } from '../types'\nimport { RenderElementProps } from 'slate-react'\nimport { useStyle } from '../../runtimes/react/use-style'\nimport { Link as LinkComponent } from '../../components/shared/Link'\nimport { cx } from '@emotion/css'\nimport { isLinkElement } from './types'\nimport { onChange } from './onChange'\nimport { getValue } from './getValue'\n\nexport const withLink = (editor: Editor) => {\n  const { isInline } = editor\n\n  editor.isInline = entry => {\n    return ElementUtils.isInline(entry) && isInline(entry)\n  }\n\n  return editor\n}\n\nfunction InlinePluginComponent({\n  element,\n  attributes,\n  children,\n  renderElement,\n}: RenderElementProps & { renderElement: RenderElement }) {\n  const linkStyle = useStyle({ textDecoration: 'none' })\n  switch (element.type) {\n    case InlineType.Link:\n      return (\n        <LinkComponent\n          {...attributes}\n          link={element.link ?? undefined}\n          className={cx(linkStyle, element.className)}\n        >\n          {children}\n        </LinkComponent>\n      )\n\n    default:\n      return renderElement({\n        element,\n        attributes,\n        children,\n      })\n  }\n}\n\nexport function LinkPlugin() {\n  return createRichTextV2Plugin({\n    control: {\n      definition: Link({\n        label: 'On Click',\n      }),\n      onChange,\n      getValue,\n      getElementValue: (element: Element) => {\n        return ElementUtils.isInline(element) && isLinkElement(element) ? element.link : undefined\n      },\n    },\n    withPlugin: withLink,\n    renderElement: renderElement => props => {\n      return <InlinePluginComponent {...props} renderElement={renderElement} />\n    },\n  })\n}\n"],"names":["Editor","getSelection","ElementUtils","responsiveShallowEqual","TEXT_ALIGN_KEY","withTextAlign","editor","normalizeNode","entry","normalizeResponsiveValue","match","isRootBlock","createRichTextV2Plugin","control","definition","unstable_StyleV2","type","unstable_IconRadioGroup","label","options","icon","unstable_IconRadioGroupIcon","TextAlignLeft","value","TextAlignCenter","TextAlignRight","TextAlignJustify","defaultValue","getStyle","textAlign","onChange","setResponsiveValue","split","getValue","getElementValue","element","undefined","withPlugin","renderElement","className","props","isSupportedInlineType","Text","filterForSubtreeRoots","isSupportedInlineEntry","supportedInlineOptions","unwrapInline","Transforms","wrapInline","withInline","isInline","InlinePluginComponent","attributes","children","InlineType","Code","SuperScript","SubScript","_Fragment","deepEqual","withLink","linkStyle","useStyle","textDecoration","Link","LinkComponent","link","cx","isLinkElement"],"mappings":"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"}

package/dist/slate.es.js

@@ -17,21 +17,21 @@ var __spreadValues = (a2, b3) => {
   return a2;
 };
 var __spreadProps = (a2, b3) => __defProps(a2, __getOwnPropDescs(b3));
-import { n as normalizeResponsiveValue, s as setResponsiveValue, g as getResponsiveValue } from "./index.es5.js";
+import { r as responsiveShallowEqual, n as normalizeResponsiveValue, s as setResponsiveValue } from "./index.es5.js";
 export { a as TYPOGRAPHY_KEY, T as TypographyActions, b as TypographyPlugin, w as withTypography } from "./index.es5.js";
-import { E as ElementUtils, f as filterForSubtreeRoots, g as getSelection, i as isSupportedInlineType, a as isSupportedInlineEntry, u as unwrapInline, w as wrapInline, s as supportedInlineOptions } from "./types.es2.js";
+import { g as getSelection, E as ElementUtils, f as filterForSubtreeRoots, i as isSupportedInlineType, a as isSupportedInlineEntry, u as unwrapInline, w as wrapInline, s as supportedInlineOptions } from "./types.es2.js";
 export { B as BlockActions, c as BlockPlugin, L as ListActions, o as onKeyDown, b as withBlock } from "./types.es2.js";
 export { I as InlineModePlugin, w as withInlineMode } from "./index.es6.js";
 export { w as withBuilder } from "./index.es7.js";
-import { b9 as createRichTextV2Plugin, aZ as unstable_StyleV2, ax as Color, bd as InlineType, aD as Link, U as useStyle } from "./react-page.es.js";
+import { b9 as createRichTextV2Plugin, aZ as unstable_StyleV2, bd as InlineType, aD as Link, U as useStyle } from "./react-page.es.js";
 export { bg as BlockTextAlignment, bf as BlockType, bd as InlineType, be as RootBlockType } from "./react-page.es.js";
 import "./actions.es.js";
 import { d as unstable_IconRadioGroup, u as unstable_IconRadioGroupIcon } from "./typography.es.js";
-import { Text, Editor, Transforms } from "slate";
-import { K as deepEqual } from "./index.es.js";
+import { Editor, Text, Transforms } from "slate";
 import { jsx, Fragment } from "react/jsx-runtime";
 import { L as Link$1 } from "./index.es3.js";
 import { cx } from "@emotion/css";
+import { K as deepEqual } from "./index.es.js";
 import "./state/breakpoints.es.js";
 import "zod";
 import "is-hotkey";
@@ -41,6 +41,8 @@ import "redux-thunk";
 import "react";
 import "@emotion/serialize";
 import "@emotion/utils";
+import "scroll-into-view-if-needed";
+import "next/link";
 import "use-sync-external-store/shim/with-selector";
 import "next/dynamic";
 import "./combobox.es.js";
@@ -49,7 +51,6 @@ import "./types.es.js";
 import "./box-models.es.js";
 import "css-box-model";
 import "color";
-import "scroll-into-view-if-needed";
 import "react-dom";
 import "html-react-parser";
 import "next/head";
@@ -63,7 +64,15 @@ import "set-cookie-parser";
 import "./constants.es.js";
 import "uuid";
 import "corporate-ipsum";
-import "next/link";
+function getValue$2(editor) {
+  const matchingValues = Array.from(Editor.nodes(editor, {
+    at: getSelection(editor),
+    match: ElementUtils.isRootBlock
+  })).map(([node]) => node["textAlign"]);
+  return matchingValues.length === 0 ? void 0 : matchingValues.reduce((a2, b3) => {
+    return responsiveShallowEqual(a2, b3);
+  });
+}
 const TEXT_ALIGN_KEY = "textAlign";
 const withTextAlign = (editor) => {
   const {
@@ -114,9 +123,7 @@ function TextAlignPlugin() {
         match: ElementUtils.isRootBlock,
         split: false
       }),
-      getValue: (editor) => getResponsiveValue(editor, TEXT_ALIGN_KEY, {
-        match: ElementUtils.isRootBlock
-      }),
+      getValue: (editor) => getValue$2(editor),
       getElementValue: (element) => {
         return ElementUtils.isRootBlock(element) ? element.textAlign : void 0;
       }
@@ -131,56 +138,6 @@ function TextAlignPlugin() {
     }
   });
 }
-const COLOR_KEY = "color";
-function ColorPlugin() {
-  return createRichTextV2Plugin({
-    control: {
-      definition: unstable_StyleV2({
-        type: Color({
-          label: "Color"
-        }),
-        getStyle(color) {
-          return {
-            color
-          };
-        }
-      }),
-      onChange: (editor, value) => {
-        setResponsiveValue(editor, COLOR_KEY, value, {
-          match: Text.isText,
-          split: true
-        });
-      },
-      getValue: (editor) => getResponsiveValue(editor, COLOR_KEY, {
-        match: Text.isText
-      }),
-      getLeafValue: (text) => {
-        return Text.isText(text) ? text == null ? void 0 : text.color : void 0;
-      }
-    },
-    withPlugin: (editor) => {
-      const {
-        normalizeNode
-      } = editor;
-      editor.normalizeNode = (entry) => {
-        if (normalizeResponsiveValue(editor, COLOR_KEY, {
-          match: Text.isText
-        })(entry)) {
-          return;
-        }
-        normalizeNode(entry);
-      };
-      return editor;
-    },
-    renderLeaf: (renderLeaf, className) => (props) => {
-      return renderLeaf(__spreadProps(__spreadValues({}, props), {
-        leaf: __spreadProps(__spreadValues({}, props.leaf), {
-          className: `${props.leaf.className} ${className}`
-        })
-      }));
-    }
-  });
-}
 function getSupportedInlinesAndTextInSelection(editor) {
   return Array.from(Editor.nodes(editor, {
     at: getSelection(editor),
@@ -194,7 +151,8 @@ const getValue$1 = (editor) => {
   if (!areAllRootsSupportedInlineTypesOrText)
     return void 0;
   const matchingValues = roots.filter(isSupportedInlineEntry).map(([node]) => node);
-  return (_a = matchingValues.reduce((a2, b3) => deepEqual(a2, b3) ? b3 : void 0, matchingValues.at(0))) == null ? void 0 : _a.type;
+  const match = matchingValues.reduce((a2, b3) => (a2 == null ? void 0 : a2.type) === (b3 == null ? void 0 : b3.type) ? b3 : null, (_a = matchingValues.at(0)) != null ? _a : void 0);
+  return match == null ? match : match.type;
 };
 const onChange$1 = (editor, value) => {
   function unwrapAllSupportedTypes() {
@@ -297,7 +255,8 @@ const getValue = (editor) => {
   if (!areAllRootsLinks)
     return void 0;
   const matchingValues = roots.map(([node]) => node).filter(isLinkElement);
-  return (_a = matchingValues.reduce((a2, b3) => deepEqual(a2, b3) ? b3 : void 0, matchingValues.at(0))) == null ? void 0 : _a.link;
+  const match = matchingValues.reduce((a2, b3) => deepEqual(a2 == null ? void 0 : a2.link, b3 == null ? void 0 : b3.link) ? b3 : null, (_a = matchingValues.at(0)) != null ? _a : void 0);
+  return match == null ? match : match.link;
 };
 const onChange = (editor, value) => {
   if (value == null)
@@ -328,13 +287,14 @@ function InlinePluginComponent({
   children,
   renderElement
 }) {
+  var _a;
   const linkStyle = useStyle({
     textDecoration: "none"
   });
   switch (element.type) {
     case InlineType.Link:
       return /* @__PURE__ */ jsx(Link$1, __spreadProps(__spreadValues({}, attributes), {
-        link: element.link,
+        link: (_a = element.link) != null ? _a : void 0,
         className: cx(linkStyle, element.className),
         children
       }));
@@ -366,5 +326,5 @@ function LinkPlugin() {
     }
   });
 }
-export { COLOR_KEY, ColorPlugin, InlinePlugin, LinkPlugin, TextAlignPlugin, withInline, withLink, withTextAlign };
+export { InlinePlugin, LinkPlugin, TextAlignPlugin, withInline, withLink, withTextAlign };
 //# sourceMappingURL=slate.es.js.map

package/dist/slate.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"slate.es.js","sources":["../src/slate/TextAlignPlugin/index.tsx","../src/slate/ColorPlugin/index.tsx","../src/slate/InlinePlugin/getValue.ts","../src/slate/InlinePlugin/onChange.ts","../src/slate/InlinePlugin/index.tsx","../src/slate/LinkPlugin/types.ts","../src/slate/LinkPlugin/getValue.ts","../src/slate/LinkPlugin/onChange.ts","../src/slate/LinkPlugin/index.tsx"],"sourcesContent":["import { Editor, Element } from 'slate'\nimport {\n  createRichTextV2Plugin,\n  unstable_IconRadioGroup,\n  unstable_IconRadioGroupIcon,\n  unstable_StyleV2,\n} from '../../controls'\nimport { ElementUtils } from '../utils/element'\nimport { TextAlignProperty } from 'csstype'\nimport {\n  getResponsiveValue,\n  normalizeResponsiveValue,\n  setResponsiveValue,\n} from '../utils/responsive'\n\nconst TEXT_ALIGN_KEY = 'textAlign'\n\nexport const withTextAlign = (editor: Editor) => {\n  const { normalizeNode } = editor\n  editor.normalizeNode = entry => {\n    if (\n      normalizeResponsiveValue(editor, TEXT_ALIGN_KEY, { match: ElementUtils.isRootBlock })(entry)\n    ) {\n      return\n    }\n    normalizeNode(entry)\n  }\n\n  return editor\n}\n\nexport function TextAlignPlugin() {\n  return createRichTextV2Plugin({\n    control: {\n      definition: unstable_StyleV2({\n        type: unstable_IconRadioGroup({\n          label: 'Alignment',\n          options: [\n            {\n              icon: unstable_IconRadioGroupIcon.TextAlignLeft,\n              label: 'Left Align',\n              value: 'left',\n            },\n            {\n              icon: unstable_IconRadioGroupIcon.TextAlignCenter,\n              label: 'Center Align',\n              value: 'center',\n            },\n            {\n              icon: unstable_IconRadioGroupIcon.TextAlignRight,\n              label: 'Right Align',\n              value: 'right',\n            },\n            {\n              icon: unstable_IconRadioGroupIcon.TextAlignJustify,\n              label: 'Justify',\n              value: 'justify',\n            },\n          ],\n          defaultValue: 'left',\n        }),\n        getStyle(textAlign: TextAlignProperty) {\n          return { textAlign }\n        },\n      }),\n      onChange: (editor, value) =>\n        setResponsiveValue(editor, TEXT_ALIGN_KEY, value, {\n          match: ElementUtils.isRootBlock,\n          split: false,\n        }),\n      getValue: editor =>\n        getResponsiveValue(editor, TEXT_ALIGN_KEY, { match: ElementUtils.isRootBlock }),\n      getElementValue: (element: Element) => {\n        return ElementUtils.isRootBlock(element) ? element.textAlign : undefined\n      },\n    },\n    withPlugin: withTextAlign,\n    renderElement: (renderElement, className) => props => {\n      return renderElement({\n        ...props,\n        element: {\n          ...props.element,\n          className,\n        },\n      })\n    },\n  })\n}\n","import { Editor, Text } from 'slate'\nimport {\n  Color,\n  createRichTextV2Plugin,\n  unstable_StyleV2,\n  ColorControlDefinition,\n} from '../../controls'\nimport { ControlDefinitionValue } from '../../runtimes/react/controls/control'\nimport {\n  getResponsiveValue,\n  normalizeResponsiveValue,\n  setResponsiveValue,\n} from '../utils/responsive'\n\nexport const COLOR_KEY = 'color'\n\nexport function ColorPlugin() {\n  return createRichTextV2Plugin({\n    control: {\n      definition: unstable_StyleV2({\n        type: Color({\n          label: 'Color',\n        }),\n        getStyle(color: ControlDefinitionValue<ColorControlDefinition>) {\n          return { color }\n        },\n      }),\n      onChange: (editor, value) => {\n        setResponsiveValue(editor, COLOR_KEY, value, {\n          match: Text.isText,\n          split: true,\n        })\n      },\n      getValue: editor => getResponsiveValue(editor, COLOR_KEY, { match: Text.isText }),\n      getLeafValue: (text: Text) => {\n        return Text.isText(text) ? text?.color : undefined\n      },\n    },\n    withPlugin: (editor: Editor) => {\n      const { normalizeNode } = editor\n      editor.normalizeNode = entry => {\n        if (normalizeResponsiveValue(editor, COLOR_KEY, { match: Text.isText })(entry)) {\n          return\n        }\n\n        normalizeNode(entry)\n      }\n\n      return editor\n    },\n    renderLeaf: (renderLeaf, className) => props => {\n      return renderLeaf({\n        ...props,\n        leaf: {\n          ...props.leaf,\n          className: `${props.leaf.className} ${className}`,\n        },\n      })\n    },\n  })\n}\n","import { Editor, NodeEntry, Text } from 'slate'\nimport { ElementUtils } from '../utils/element'\nimport { getSelection } from '../selectors'\nimport { filterForSubtreeRoots } from '../BlockPlugin/utils/filterForSubtreeRoots'\nimport deepEqual from '../../utils/deepEqual'\nimport { SupportedInline, isSupportedInlineType, isSupportedInlineEntry } from './types'\n\nexport function getSupportedInlinesAndTextInSelection(\n  editor: Editor,\n): NodeEntry<SupportedInline | Text>[] {\n  return Array.from(\n    Editor.nodes(editor, {\n      at: getSelection(editor),\n      match: node =>\n        (ElementUtils.isInline(node) && isSupportedInlineType(node.type)) || Text.isText(node),\n    }),\n  ) as NodeEntry<Text | SupportedInline>[]\n}\n\nexport const getValue = (editor: Editor) => {\n  const roots = filterForSubtreeRoots(getSupportedInlinesAndTextInSelection(editor))\n\n  const areAllRootsSupportedInlineTypesOrText = roots.every(\n    entry => isSupportedInlineEntry(entry) || Text.isText(entry[0]),\n  )\n\n  if (!areAllRootsSupportedInlineTypesOrText) return undefined\n\n  const matchingValues = roots.filter(isSupportedInlineEntry).map(([node]) => node)\n\n  return matchingValues.reduce((a, b) => (deepEqual(a, b) ? b : undefined), matchingValues.at(0))\n    ?.type\n}\n","import { getSupportedInlinesAndTextInSelection } from './getValue'\nimport { Editor, Transforms } from 'slate'\nimport { ElementUtils } from '../utils/element'\nimport { unwrapInline } from '../BlockPlugin/unwrapInline'\nimport { wrapInline } from '../BlockPlugin/wrapInline'\nimport { getSelection } from '../selectors'\nimport { filterForSubtreeRoots } from '../BlockPlugin/utils/filterForSubtreeRoots'\nimport {\n  SupportedInlineType,\n  isSupportedInlineEntry,\n  isSupportedInlineType,\n  supportedInlineOptions,\n} from './types'\n\nexport const onChange = (editor: Editor, value: SupportedInlineType) => {\n  function unwrapAllSupportedTypes() {\n    supportedInlineOptions.forEach(({ value: optionValue }) => unwrapInline(editor, optionValue))\n  }\n\n  function unwrapAllInlines() {\n    Transforms.unwrapNodes(editor, {\n      match: node => ElementUtils.isInline(node),\n      at: getSelection(editor),\n    })\n  }\n\n  if (value == null) return unwrapAllSupportedTypes()\n\n  if (!isSupportedInlineType(value)) return\n\n  const roots = filterForSubtreeRoots(getSupportedInlinesAndTextInSelection(editor))\n  const root = roots.at(0)\n\n  if (\n    roots.length === 1 &&\n    root != null &&\n    isSupportedInlineEntry(root) &&\n    root[0].type === value\n  ) {\n    unwrapInline(editor, value)\n  } else {\n    unwrapAllInlines()\n    wrapInline(editor, { type: value, children: [] })\n  }\n}\n","import { Editor, Element } from 'slate'\nimport { RenderElement, createRichTextV2Plugin, unstable_IconRadioGroup } from '../../controls'\nimport { ElementUtils } from '../utils/element'\nimport { InlineType } from '../types'\nimport { RenderElementProps } from 'slate-react'\nimport { supportedInlineOptions } from './types'\nimport { onChange } from './onChange'\nimport { getValue } from './getValue'\n\nexport const withInline = (editor: Editor) => {\n  const { isInline } = editor\n\n  editor.isInline = entry => {\n    return ElementUtils.isInline(entry) && isInline(entry)\n  }\n\n  return editor\n}\n\nexport function InlinePlugin() {\n  return createRichTextV2Plugin({\n    control: {\n      definition: unstable_IconRadioGroup({\n        label: 'Inline',\n        options: supportedInlineOptions,\n      }),\n      onChange,\n      getValue,\n      getElementValue: (element: Element) => {\n        return ElementUtils.isInline(element) ? element.type : undefined\n      },\n    },\n    withPlugin: withInline,\n    renderElement: renderElement => props => {\n      return <InlinePluginComponent {...props} renderElement={renderElement} />\n    },\n  })\n}\n\nfunction InlinePluginComponent({\n  element,\n  attributes,\n  children,\n  renderElement,\n}: RenderElementProps & { renderElement: RenderElement }) {\n  switch (element.type) {\n    case InlineType.Code:\n      return <code {...attributes}>{children}</code>\n    case InlineType.SuperScript:\n      return <sup {...attributes}>{children}</sup>\n    case InlineType.SubScript:\n      return <sub {...attributes}>{children}</sub>\n\n    default:\n      return (\n        <>\n          {renderElement({\n            element,\n            attributes,\n            children,\n          })}\n        </>\n      )\n  }\n}\n","import { Node, NodeEntry } from 'slate'\nimport { ElementUtils } from '../utils/element'\nimport { InlineType, LinkElement } from '../types'\n\nexport function isLinkElement(node: Node): node is LinkElement {\n  return ElementUtils.isInline(node) && node.type === InlineType.Link\n}\n\nexport function isLinkEntry(inline: NodeEntry<Node>): inline is NodeEntry<LinkElement> {\n  return ElementUtils.isInline(inline[0]) && inline[0].type === InlineType.Link\n}\n","import { Editor, NodeEntry, Text } from 'slate'\nimport { ElementUtils } from '../utils/element'\nimport { LinkElement } from '../types'\nimport deepEqual from '../../utils/deepEqual'\nimport { getSelection } from '../selectors'\nimport { filterForSubtreeRoots } from '../BlockPlugin/utils/filterForSubtreeRoots'\nimport { isLinkElement } from './types'\n\nexport function getLinksAndTextInSelection(editor: Editor): NodeEntry<LinkElement | Text>[] {\n  return Array.from(\n    Editor.nodes(editor, {\n      at: getSelection(editor),\n      match: node => (ElementUtils.isInline(node) && isLinkElement(node)) || Text.isText(node),\n    }),\n  ) as NodeEntry<Text | LinkElement>[]\n}\n\nexport const getValue = (editor: Editor) => {\n  const roots = filterForSubtreeRoots(getLinksAndTextInSelection(editor))\n\n  const areAllRootsLinks = roots.every(([root]) => isLinkElement(root) || Text.isText(root))\n\n  if (!areAllRootsLinks) return undefined\n\n  const matchingValues = roots.map(([node]) => node).filter(isLinkElement)\n\n  return matchingValues.reduce((a, b) => (deepEqual(a, b) ? b : undefined), matchingValues.at(0))\n    ?.link\n}\n","import { Editor, Transforms } from 'slate'\nimport { LinkControlData } from '../../controls'\nimport { unwrapInline } from '../BlockPlugin/unwrapInline'\nimport { wrapInline } from '../BlockPlugin/wrapInline'\nimport { InlineType } from '../types'\nimport { filterForSubtreeRoots } from '../BlockPlugin/utils/filterForSubtreeRoots'\nimport { isLinkEntry } from './types'\nimport { getLinksAndTextInSelection } from './getValue'\n\nexport const onChange = (editor: Editor, value: LinkControlData) => {\n  if (value == null) return unwrapInline(editor, InlineType.Link)\n\n  const roots = filterForSubtreeRoots(getLinksAndTextInSelection(editor))\n  const root = roots.at(0)\n\n  // If the root of our selection is a link we just want to modify it\n  if (roots.length === 1 && root != null && isLinkEntry(root)) {\n    Transforms.setNodes(\n      editor,\n      {\n        link: value,\n      },\n      { at: root[1] },\n    )\n  }\n  // In all other cases we want to remove all existing links and wrap the current selection in a new link\n  else {\n    unwrapInline(editor, InlineType.Link)\n    wrapInline(editor, { type: InlineType.Link, link: value, children: [] })\n  }\n}\n","import { Editor, Element } from 'slate'\nimport { Link, RenderElement, createRichTextV2Plugin } from '../../controls'\nimport { ElementUtils } from '../utils/element'\nimport { InlineType } from '../types'\nimport { RenderElementProps } from 'slate-react'\nimport { useStyle } from '../../runtimes/react/use-style'\nimport { Link as LinkComponent } from '../../components/shared/Link'\nimport { cx } from '@emotion/css'\nimport { isLinkElement } from './types'\nimport { onChange } from './onChange'\nimport { getValue } from './getValue'\n\nexport const withLink = (editor: Editor) => {\n  const { isInline } = editor\n\n  editor.isInline = entry => {\n    return ElementUtils.isInline(entry) && isInline(entry)\n  }\n\n  return editor\n}\n\nfunction InlinePluginComponent({\n  element,\n  attributes,\n  children,\n  renderElement,\n}: RenderElementProps & { renderElement: RenderElement }) {\n  const linkStyle = useStyle({ textDecoration: 'none' })\n  switch (element.type) {\n    case InlineType.Link:\n      return (\n        <LinkComponent\n          {...attributes}\n          link={element.link}\n          className={cx(linkStyle, element.className)}\n        >\n          {children}\n        </LinkComponent>\n      )\n\n    default:\n      return renderElement({\n        element,\n        attributes,\n        children,\n      })\n  }\n}\n\nexport function LinkPlugin() {\n  return createRichTextV2Plugin({\n    control: {\n      definition: Link({\n        label: 'On Click',\n      }),\n      onChange,\n      getValue,\n      getElementValue: (element: Element) => {\n        return ElementUtils.isInline(element) && isLinkElement(element) ? element.link : undefined\n      },\n    },\n    withPlugin: withLink,\n    renderElement: renderElement => props => {\n      return <InlinePluginComponent {...props} renderElement={renderElement} />\n    },\n  })\n}\n"],"names":["TEXT_ALIGN_KEY","withTextAlign","editor","normalizeNode","entry","normalizeResponsiveValue","match","ElementUtils","isRootBlock","createRichTextV2Plugin","control","definition","unstable_StyleV2","type","unstable_IconRadioGroup","label","options","icon","unstable_IconRadioGroupIcon","TextAlignLeft","value","TextAlignCenter","TextAlignRight","TextAlignJustify","defaultValue","getStyle","textAlign","onChange","setResponsiveValue","split","getValue","getResponsiveValue","getElementValue","element","undefined","withPlugin","renderElement","className","props","COLOR_KEY","Color","color","Text","isText","getLeafValue","text","renderLeaf","leaf","withInline","isInline","supportedInlineOptions","InlinePluginComponent","attributes","children","InlineType","Code","SuperScript","SubScript","_Fragment","withLink","linkStyle","useStyle","textDecoration","Link","LinkComponent","link","cx","isLinkElement"],"mappings":"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"}
+{"version":3,"file":"slate.es.js","sources":["../src/slate/TextAlignPlugin/getValue.ts","../src/slate/TextAlignPlugin/index.tsx","../src/slate/InlinePlugin/getValue.ts","../src/slate/InlinePlugin/onChange.ts","../src/slate/InlinePlugin/index.tsx","../src/slate/LinkPlugin/types.ts","../src/slate/LinkPlugin/getValue.ts","../src/slate/LinkPlugin/onChange.ts","../src/slate/LinkPlugin/index.tsx"],"sourcesContent":["import { Editor } from 'slate'\nimport { ElementUtils } from '../utils/element'\nimport { ResponsiveBlockTextAlignment } from '../types'\nimport { getSelection } from '../selectors'\nimport { responsiveShallowEqual } from '../utils/responsive'\n\nexport function getValue(editor: Editor): ResponsiveBlockTextAlignment | undefined {\n  const matchingValues = Array.from(\n    Editor.nodes(editor, {\n      at: getSelection(editor),\n      match: ElementUtils.isRootBlock,\n    }),\n  ).map(([node]) => node['textAlign']) as (ResponsiveBlockTextAlignment | undefined)[]\n\n  return matchingValues.length === 0\n    ? undefined\n    : matchingValues.reduce((a, b) => {\n        return responsiveShallowEqual(a, b)\n      })\n}\n","import { Editor, Element } from 'slate'\nimport {\n  createRichTextV2Plugin,\n  unstable_IconRadioGroup,\n  unstable_IconRadioGroupIcon,\n  unstable_StyleV2,\n} from '../../controls'\nimport { ElementUtils } from '../utils/element'\nimport { TextAlignProperty } from 'csstype'\nimport { normalizeResponsiveValue, setResponsiveValue } from '../utils/responsive'\nimport { getValue } from './getValue'\n\nconst TEXT_ALIGN_KEY = 'textAlign'\n\nexport const withTextAlign = (editor: Editor) => {\n  const { normalizeNode } = editor\n  editor.normalizeNode = entry => {\n    if (\n      normalizeResponsiveValue(editor, TEXT_ALIGN_KEY, { match: ElementUtils.isRootBlock })(entry)\n    ) {\n      return\n    }\n    normalizeNode(entry)\n  }\n\n  return editor\n}\n\nexport function TextAlignPlugin() {\n  return createRichTextV2Plugin({\n    control: {\n      definition: unstable_StyleV2({\n        type: unstable_IconRadioGroup({\n          label: 'Alignment',\n          options: [\n            {\n              icon: unstable_IconRadioGroupIcon.TextAlignLeft,\n              label: 'Left Align',\n              value: 'left',\n            },\n            {\n              icon: unstable_IconRadioGroupIcon.TextAlignCenter,\n              label: 'Center Align',\n              value: 'center',\n            },\n            {\n              icon: unstable_IconRadioGroupIcon.TextAlignRight,\n              label: 'Right Align',\n              value: 'right',\n            },\n            {\n              icon: unstable_IconRadioGroupIcon.TextAlignJustify,\n              label: 'Justify',\n              value: 'justify',\n            },\n          ],\n          defaultValue: 'left',\n        }),\n        getStyle(textAlign: TextAlignProperty) {\n          return { textAlign }\n        },\n      }),\n      onChange: (editor, value) =>\n        setResponsiveValue(editor, TEXT_ALIGN_KEY, value, {\n          match: ElementUtils.isRootBlock,\n          split: false,\n        }),\n      getValue: editor => getValue(editor),\n      getElementValue: (element: Element) => {\n        return ElementUtils.isRootBlock(element) ? element.textAlign : undefined\n      },\n    },\n    withPlugin: withTextAlign,\n    renderElement: (renderElement, className) => props => {\n      return renderElement({\n        ...props,\n        element: {\n          ...props.element,\n          className,\n        },\n      })\n    },\n  })\n}\n","import { Editor, NodeEntry, Text } from 'slate'\nimport { ElementUtils } from '../utils/element'\nimport { getSelection } from '../selectors'\nimport { filterForSubtreeRoots } from '../BlockPlugin/utils/filterForSubtreeRoots'\nimport { SupportedInline, isSupportedInlineType, isSupportedInlineEntry } from './types'\n\nexport function getSupportedInlinesAndTextInSelection(\n  editor: Editor,\n): NodeEntry<SupportedInline | Text>[] {\n  return Array.from(\n    Editor.nodes(editor, {\n      at: getSelection(editor),\n      match: node =>\n        (ElementUtils.isInline(node) && isSupportedInlineType(node.type)) || Text.isText(node),\n    }),\n  ) as NodeEntry<Text | SupportedInline>[]\n}\n\nexport const getValue = (editor: Editor) => {\n  const roots = filterForSubtreeRoots(getSupportedInlinesAndTextInSelection(editor))\n\n  const areAllRootsSupportedInlineTypesOrText = roots.every(\n    entry => isSupportedInlineEntry(entry) || Text.isText(entry[0]),\n  )\n\n  if (!areAllRootsSupportedInlineTypesOrText) return undefined\n\n  const matchingValues = roots.filter(isSupportedInlineEntry).map(([node]) => node) as (\n    | SupportedInline\n    | null\n    | undefined\n  )[]\n\n  const match = matchingValues.reduce(\n    (a, b) => (a?.type === b?.type ? b : null),\n    matchingValues.at(0) ?? undefined,\n  )\n\n  return match == null ? match : match.type\n}\n","import { getSupportedInlinesAndTextInSelection } from './getValue'\nimport { Editor, Transforms } from 'slate'\nimport { ElementUtils } from '../utils/element'\nimport { unwrapInline } from '../BlockPlugin/unwrapInline'\nimport { wrapInline } from '../BlockPlugin/wrapInline'\nimport { getSelection } from '../selectors'\nimport { filterForSubtreeRoots } from '../BlockPlugin/utils/filterForSubtreeRoots'\nimport {\n  SupportedInlineType,\n  isSupportedInlineEntry,\n  isSupportedInlineType,\n  supportedInlineOptions,\n} from './types'\n\nexport const onChange = (editor: Editor, value: SupportedInlineType) => {\n  function unwrapAllSupportedTypes() {\n    supportedInlineOptions.forEach(({ value: optionValue }) => unwrapInline(editor, optionValue))\n  }\n\n  function unwrapAllInlines() {\n    Transforms.unwrapNodes(editor, {\n      match: node => ElementUtils.isInline(node),\n      at: getSelection(editor),\n    })\n  }\n\n  if (value == null) return unwrapAllSupportedTypes()\n\n  if (!isSupportedInlineType(value)) return\n\n  const roots = filterForSubtreeRoots(getSupportedInlinesAndTextInSelection(editor))\n  const root = roots.at(0)\n\n  if (\n    roots.length === 1 &&\n    root != null &&\n    isSupportedInlineEntry(root) &&\n    root[0].type === value\n  ) {\n    unwrapInline(editor, value)\n  } else {\n    unwrapAllInlines()\n    wrapInline(editor, { type: value, children: [] })\n  }\n}\n","import { Editor, Element } from 'slate'\nimport { RenderElement, createRichTextV2Plugin, unstable_IconRadioGroup } from '../../controls'\nimport { ElementUtils } from '../utils/element'\nimport { InlineType } from '../types'\nimport { RenderElementProps } from 'slate-react'\nimport { supportedInlineOptions } from './types'\nimport { onChange } from './onChange'\nimport { getValue } from './getValue'\n\nexport const withInline = (editor: Editor) => {\n  const { isInline } = editor\n\n  editor.isInline = entry => {\n    return ElementUtils.isInline(entry) && isInline(entry)\n  }\n\n  return editor\n}\n\nexport function InlinePlugin() {\n  return createRichTextV2Plugin({\n    control: {\n      definition: unstable_IconRadioGroup({\n        label: 'Inline',\n        options: supportedInlineOptions,\n      }),\n      onChange,\n      getValue,\n      getElementValue: (element: Element) => {\n        return ElementUtils.isInline(element) ? element.type : undefined\n      },\n    },\n    withPlugin: withInline,\n    renderElement: renderElement => props => {\n      return <InlinePluginComponent {...props} renderElement={renderElement} />\n    },\n  })\n}\n\nfunction InlinePluginComponent({\n  element,\n  attributes,\n  children,\n  renderElement,\n}: RenderElementProps & { renderElement: RenderElement }) {\n  switch (element.type) {\n    case InlineType.Code:\n      return <code {...attributes}>{children}</code>\n    case InlineType.SuperScript:\n      return <sup {...attributes}>{children}</sup>\n    case InlineType.SubScript:\n      return <sub {...attributes}>{children}</sub>\n\n    default:\n      return (\n        <>\n          {renderElement({\n            element,\n            attributes,\n            children,\n          })}\n        </>\n      )\n  }\n}\n","import { Node, NodeEntry } from 'slate'\nimport { ElementUtils } from '../utils/element'\nimport { InlineType, LinkElement } from '../types'\n\nexport function isLinkElement(node: Node): node is LinkElement {\n  return ElementUtils.isInline(node) && node.type === InlineType.Link\n}\n\nexport function isLinkEntry(inline: NodeEntry<Node>): inline is NodeEntry<LinkElement> {\n  return ElementUtils.isInline(inline[0]) && inline[0].type === InlineType.Link\n}\n","import { Editor, NodeEntry, Text } from 'slate'\nimport { ElementUtils } from '../utils/element'\nimport { LinkElement } from '../types'\nimport { getSelection } from '../selectors'\nimport { filterForSubtreeRoots } from '../BlockPlugin/utils/filterForSubtreeRoots'\nimport { isLinkElement } from './types'\nimport deepEqual from '../../utils/deepEqual'\n\nexport function getLinksAndTextInSelection(editor: Editor): NodeEntry<LinkElement | Text>[] {\n  return Array.from(\n    Editor.nodes(editor, {\n      at: getSelection(editor),\n      match: node => (ElementUtils.isInline(node) && isLinkElement(node)) || Text.isText(node),\n    }),\n  ) as NodeEntry<Text | LinkElement>[]\n}\n\nexport const getValue = (editor: Editor) => {\n  const roots = filterForSubtreeRoots(getLinksAndTextInSelection(editor))\n\n  const areAllRootsLinks = roots.every(([root]) => isLinkElement(root) || Text.isText(root))\n\n  if (!areAllRootsLinks) return undefined\n\n  const matchingValues = roots.map(([node]) => node).filter(isLinkElement) as (\n    | LinkElement\n    | null\n    | undefined\n  )[]\n\n  const match = matchingValues.reduce(\n    (a, b) => (deepEqual(a?.link, b?.link) ? b : null),\n    matchingValues.at(0) ?? undefined,\n  )\n\n  return match == null ? match : match.link\n}\n","import { Editor, Transforms } from 'slate'\nimport { LinkControlData } from '../../controls'\nimport { unwrapInline } from '../BlockPlugin/unwrapInline'\nimport { wrapInline } from '../BlockPlugin/wrapInline'\nimport { InlineType } from '../types'\nimport { filterForSubtreeRoots } from '../BlockPlugin/utils/filterForSubtreeRoots'\nimport { isLinkEntry } from './types'\nimport { getLinksAndTextInSelection } from './getValue'\n\nexport const onChange = (editor: Editor, value: LinkControlData) => {\n  if (value == null) return unwrapInline(editor, InlineType.Link)\n\n  const roots = filterForSubtreeRoots(getLinksAndTextInSelection(editor))\n  const root = roots.at(0)\n\n  // If the root of our selection is a link we just want to modify it\n  if (roots.length === 1 && root != null && isLinkEntry(root)) {\n    Transforms.setNodes(\n      editor,\n      {\n        link: value,\n      },\n      { at: root[1] },\n    )\n  }\n  // In all other cases we want to remove all existing links and wrap the current selection in a new link\n  else {\n    unwrapInline(editor, InlineType.Link)\n    wrapInline(editor, { type: InlineType.Link, link: value, children: [] })\n  }\n}\n","import { Editor, Element } from 'slate'\nimport { Link, RenderElement, createRichTextV2Plugin } from '../../controls'\nimport { ElementUtils } from '../utils/element'\nimport { InlineType } from '../types'\nimport { RenderElementProps } from 'slate-react'\nimport { useStyle } from '../../runtimes/react/use-style'\nimport { Link as LinkComponent } from '../../components/shared/Link'\nimport { cx } from '@emotion/css'\nimport { isLinkElement } from './types'\nimport { onChange } from './onChange'\nimport { getValue } from './getValue'\n\nexport const withLink = (editor: Editor) => {\n  const { isInline } = editor\n\n  editor.isInline = entry => {\n    return ElementUtils.isInline(entry) && isInline(entry)\n  }\n\n  return editor\n}\n\nfunction InlinePluginComponent({\n  element,\n  attributes,\n  children,\n  renderElement,\n}: RenderElementProps & { renderElement: RenderElement }) {\n  const linkStyle = useStyle({ textDecoration: 'none' })\n  switch (element.type) {\n    case InlineType.Link:\n      return (\n        <LinkComponent\n          {...attributes}\n          link={element.link ?? undefined}\n          className={cx(linkStyle, element.className)}\n        >\n          {children}\n        </LinkComponent>\n      )\n\n    default:\n      return renderElement({\n        element,\n        attributes,\n        children,\n      })\n  }\n}\n\nexport function LinkPlugin() {\n  return createRichTextV2Plugin({\n    control: {\n      definition: Link({\n        label: 'On Click',\n      }),\n      onChange,\n      getValue,\n      getElementValue: (element: Element) => {\n        return ElementUtils.isInline(element) && isLinkElement(element) ? element.link : undefined\n      },\n    },\n    withPlugin: withLink,\n    renderElement: renderElement => props => {\n      return <InlinePluginComponent {...props} renderElement={renderElement} />\n    },\n  })\n}\n"],"names":["TEXT_ALIGN_KEY","withTextAlign","editor","normalizeNode","entry","normalizeResponsiveValue","match","ElementUtils","isRootBlock","createRichTextV2Plugin","control","definition","unstable_StyleV2","type","unstable_IconRadioGroup","label","options","icon","unstable_IconRadioGroupIcon","TextAlignLeft","value","TextAlignCenter","TextAlignRight","TextAlignJustify","defaultValue","getStyle","textAlign","onChange","setResponsiveValue","split","getValue","getElementValue","element","undefined","withPlugin","renderElement","className","props","withInline","isInline","supportedInlineOptions","InlinePluginComponent","attributes","children","InlineType","Code","SuperScript","SubScript","_Fragment","withLink","linkStyle","useStyle","textDecoration","Link","LinkComponent","link","cx","isLinkElement"],"mappings":"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"}

package/dist/state/breakpoints.cjs.js

@@ -151,6 +151,18 @@ function shallowMergeFallbacks(value, fallbacks) {
     value: shallowMerge(a.value, b.value)
   }));
 }
+function mergeOrCoalesce(a, b) {
+  if (typeof a === "object" && a !== null && !Array.isArray(a) && typeof b === "object" && b !== null && !Array.isArray(b)) {
+    return shallowMerge(a, b);
+  }
+  return coalesce(a, b);
+}
+function mergeOrCoalesceFallbacks(value, fallbacks) {
+  return [value, ...fallbacks].filter((override) => Boolean(override)).reduce((a, b) => ({
+    deviceId: a.deviceId || b.deviceId,
+    value: mergeOrCoalesce(a.value, b.value)
+  }));
+}
 function join(breakpoints, responsiveValues, joinFn, strategy) {
   return breakpoints.map(({ id }) => id).map((deviceId) => {
     const value = joinFn(responsiveValues.map((responsiveValue) => {
@@ -203,6 +215,7 @@ exports.getBreakpointMediaQuery = getBreakpointMediaQuery;
 exports.getInitialState = getInitialState;
 exports.getViewportStyle = getViewportStyle;
 exports.join = join;
+exports.mergeOrCoalesceFallbacks = mergeOrCoalesceFallbacks;
 exports.mergeResponsiveValues = mergeResponsiveValues;
 exports.parseBreakpointsInput = parseBreakpointsInput;
 exports.reducer = reducer;