@makeswift/runtime 0.9.12 → 0.10.1

package/dist/react-page.es.js

@@ -17,6 +17,18 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
@@ -26,12 +38,14 @@ var _a;
 import { combineReducers, createStore, applyMiddleware } from "redux";
 import thunk from "redux-thunk";
 import { A as ActionTypes, n as localeStringSchema } from "./actions.es.js";
-import { reducer as reducer$a, getInitialState as getInitialState$9 } from "./state/breakpoints.es.js";
+import { findBreakpointOverride, reducer as reducer$a, getInitialState as getInitialState$9 } from "./state/breakpoints.es.js";
 import React__default from "react";
-import { cache } from "@emotion/css";
+import { cache, cx } from "@emotion/css";
 import { serializeStyles } from "@emotion/serialize";
 import { registerStyles, insertStyles } from "@emotion/utils";
-import { Element, Text } from "slate";
+import { Element, Range, Editor, Text, Path, Transforms, Node, Point } from "slate";
+import { jsx, Fragment } from "react/jsx-runtime";
+import isHotkey from "is-hotkey";
 const ComponentIcon = {
   Billing: "billing",
   Bolt: "bolt",
@@ -285,6 +299,12 @@ function reducer$1(state = getInitialState(), action) {
   }
 }
 function parseLocalesInput(input) {
+  if (input.locales == null) {
+    throw new Error(`Locales cannot be null or undefined. Please provide the locales array.`);
+  }
+  if (input.locales.includes(input.defaultLocale) === false) {
+    throw new Error(`Default locale "${input.defaultLocale}" is not included in locales: ${input.locales}. Please add the default locale to the locales array.`);
+  }
   return {
     locales: input.locales.map((locale) => localeStringSchema.parse(locale)),
     defaultLocale: localeStringSchema.parse(input.defaultLocale),
@@ -671,7 +691,7 @@ function Shape$1(options) {
 function introspectShapePropControllerData(descriptor, value, func) {
   if (value == null)
     return [];
-  return Object.entries(descriptor.options.type).flatMap(([key, definition]) => func(definition, value[key]));
+  return Object.entries(descriptor.options.type).flatMap(([key, definition2]) => func(definition2, value[key]));
 }
 function getShapePropControllerElementChildren(descriptor, value) {
   return introspectShapePropControllerData(descriptor, value, getElementChildren);
@@ -1037,32 +1057,32 @@ class ListControl extends PropController {
     this.controls = /* @__PURE__ */ new Map();
   }
 }
-function copyListData(definition, value, context) {
+function copyListData(definition2, value, context) {
   if (value == null)
     return value;
   return value && value.map((item) => __spreadProps(__spreadValues({}, item), {
-    value: copy(definition.config.type, item.value, context)
+    value: copy(definition2.config.type, item.value, context)
   }));
 }
-function introspectListData(definition, value, func) {
+function introspectListData(definition2, value, func) {
   if (value == null)
     return [];
-  return value.flatMap((item) => func(definition.config.type, item.value));
+  return value.flatMap((item) => func(definition2.config.type, item.value));
 }
-function getListElementChildren(definition, value) {
-  return introspectListData(definition, value, getElementChildren);
+function getListElementChildren(definition2, value) {
+  return introspectListData(definition2, value, getElementChildren);
 }
-function getListSwatchIds(definition, value) {
-  return introspectListData(definition, value, getSwatchIds);
+function getListSwatchIds(definition2, value) {
+  return introspectListData(definition2, value, getSwatchIds);
 }
-function getListFileIds(definition, value) {
-  return introspectListData(definition, value, getFileIds);
+function getListFileIds(definition2, value) {
+  return introspectListData(definition2, value, getFileIds);
 }
-function getListTypographyIds(definition, value) {
-  return introspectListData(definition, value, getTypographyIds);
+function getListTypographyIds(definition2, value) {
+  return introspectListData(definition2, value, getTypographyIds);
 }
-function getListPageIds(definition, value) {
-  return introspectListData(definition, value, getPageIds);
+function getListPageIds(definition2, value) {
+  return introspectListData(definition2, value, getPageIds);
 }
 const ShapeControlType = "makeswift::controls::shape";
 function Shape(config) {
@@ -1107,35 +1127,35 @@ class ShapeControl extends PropController {
     this.setControls();
   }
 }
-function copyShapeData(definition, value, context) {
+function copyShapeData(definition2, value, context) {
   if (value == null)
     return value;
   const newValue = {};
-  for (const [key, itemDefinition] of Object.entries(definition.config.type)) {
+  for (const [key, itemDefinition] of Object.entries(definition2.config.type)) {
     const prop = value[key];
     newValue[key] = copy(itemDefinition, prop, context);
   }
   return newValue;
 }
-function introspectShapeData(definition, value, func) {
+function introspectShapeData(definition2, value, func) {
   if (value == null)
     return [];
-  return Object.entries(definition.config.type).flatMap(([key, definition2]) => func(definition2, value[key]));
+  return Object.entries(definition2.config.type).flatMap(([key, definition22]) => func(definition22, value[key]));
 }
-function getShapeElementChildren(definition, data) {
-  return introspectShapeData(definition, data, getElementChildren);
+function getShapeElementChildren(definition2, data) {
+  return introspectShapeData(definition2, data, getElementChildren);
 }
-function getShapeSwatchIds(definition, data) {
-  return introspectShapeData(definition, data, getSwatchIds);
+function getShapeSwatchIds(definition2, data) {
+  return introspectShapeData(definition2, data, getSwatchIds);
 }
-function getShapeTypographyIds(definition, data) {
-  return introspectShapeData(definition, data, getTypographyIds);
+function getShapeTypographyIds(definition2, data) {
+  return introspectShapeData(definition2, data, getTypographyIds);
 }
-function getShapePageIds(definition, data) {
-  return introspectShapeData(definition, data, getPageIds);
+function getShapePageIds(definition2, data) {
+  return introspectShapeData(definition2, data, getPageIds);
 }
-function getShapeFileIds(definition, data) {
-  return introspectShapeData(definition, data, getFileIds);
+function getShapeFileIds(definition2, data) {
+  return introspectShapeData(definition2, data, getFileIds);
 }
 const SlotControlType = "makeswift::controls::slot";
 function Slot() {
@@ -1933,8 +1953,8 @@ function copy$1(descriptor, value, context) {
 function copyElementReference(value, context) {
   return context.replacementContext.globalElementIds.get(value) || value;
 }
-function copy(definition, value, context) {
-  switch (definition.type) {
+function copy(definition2, value, context) {
+  switch (definition2.type) {
     case Types.Backgrounds:
     case Types.Grid:
     case Types.NavigationLinks:
@@ -1948,7 +1968,7 @@ function copy(definition, value, context) {
     case Types.Border:
     case Types.RichText:
     case Types.ElementID:
-      return copy$1(definition, value, context);
+      return copy$1(definition2, value, context);
     case ColorControlType:
       return copyColorData(value, context);
     case ImageControlType:
@@ -1956,9 +1976,9 @@ function copy(definition, value, context) {
     case LinkControlType:
       return copyLinkData(value, context);
     case ShapeControlType:
-      return copyShapeData(definition, value, context);
+      return copyShapeData(definition2, value, context);
     case ListControlType:
-      return copyListData(definition, value, context);
+      return copyListData(definition2, value, context);
     case StyleControlType:
       return copyStyleData(value, context);
     case SlotControlType:
@@ -1967,14 +1987,31 @@ function copy(definition, value, context) {
       return value;
   }
 }
-function merge(definition, a, b = a, context) {
-  switch (definition.type) {
+function merge(definition2, a, b = a, context) {
+  switch (definition2.type) {
     case SlotControlType:
       return mergeSlotData(a, b, context);
     default:
       return b;
   }
 }
+const unstable_IconRadioGroupIcon = {
+  TextAlignCenter: "TextAlignCenter",
+  TextAlignJustify: "TextAlignJustify",
+  TextAlignLeft: "TextAlignLeft",
+  TextAlignRight: "TextAlignRight",
+  Superscript: "Superscript16",
+  Subscript: "Subscript16",
+  Code: "Code16"
+};
+const IconRadioGroupControlType = "makeswift::controls::icon-radio-group";
+function unstable_IconRadioGroup(config) {
+  return { type: IconRadioGroupControlType, config };
+}
+const SelectControlType = "makeswift::controls::select";
+function Select(config) {
+  return { type: SelectControlType, config };
+}
 const isServer = typeof window === "undefined";
 const useInsertionEffectSpecifier = "useInsertionEffect";
 const useInsertionEffect = (_a = React__default[useInsertionEffectSpecifier]) != null ? _a : React__default.useLayoutEffect;
@@ -2040,7 +2077,6 @@ const ObjectType = {
 };
 const RootBlockType = {
   Default: "default",
-  Text: "text-block",
   Paragraph: "paragraph",
   Heading1: "heading-one",
   Heading2: "heading-two",
@@ -2212,7 +2248,6 @@ function toNodeDTO(node) {
     case BlockType.Heading5:
     case BlockType.Heading6:
     case BlockType.Default:
-    case BlockType.Text:
     case BlockType.BlockQuote:
     case BlockType.Paragraph:
     case BlockType.OrderedList:
@@ -2266,9 +2301,6 @@ function richTextDAOToDTO(children, selection) {
   };
 }
 const RichTextControlType = "makeswift::controls::rich-text";
-function RichText() {
-  return { type: RichTextControlType };
-}
 const RichTextControlMessageType = {
   CHANGE_BUILDER_EDIT_MODE: "CHANGE_BUILDER_EDIT_MODE",
   INITIALIZE_EDITOR: "INITIALIZE_EDITOR",
@@ -2346,23 +2378,1354 @@ function richTextV2DescendentsToData(descendants, key) {
     key
   };
 }
-const RichTextV2ControlType = "makeswift::controls::rich-text-v2";
-const RichTextV2Mode = {
-  Inline: "makeswift::controls::rich-text-v2::mode::inline",
-  Block: "makeswift::controls::rich-text-v2::mode::block"
-};
 function createRichTextV2Plugin({
   control,
   withPlugin,
-  onKeyDown,
+  onKeyDown: onKeyDown2,
   renderElement,
   renderLeaf
 }) {
-  return { control, withPlugin, onKeyDown, renderElement, renderLeaf };
+  return { control, withPlugin, onKeyDown: onKeyDown2, renderElement, renderLeaf };
+}
+const ElementUtils = {
+  isRootBlock(node) {
+    return Element.isElement(node) && (Element.isElementType(node, BlockType.Paragraph) || Element.isElementType(node, BlockType.Heading1) || Element.isElementType(node, BlockType.Heading2) || Element.isElementType(node, BlockType.Heading3) || Element.isElementType(node, BlockType.Heading3) || Element.isElementType(node, BlockType.Heading4) || Element.isElementType(node, BlockType.Heading5) || Element.isElementType(node, BlockType.Heading6) || Element.isElementType(node, BlockType.BlockQuote) || Element.isElementType(node, BlockType.UnorderedList) || Element.isElementType(node, BlockType.OrderedList) || Element.isElementType(node, BlockType.Default));
+  },
+  isBlock(node) {
+    return Element.isElement(node) && (this.isRootBlock(node) || Element.isElementType(node, BlockType.ListItem) || Element.isElementType(node, BlockType.ListItemChild));
+  },
+  isInline(node) {
+    return Element.isElementType(node, InlineType.Code) || Element.isElementType(node, InlineType.Link) || Element.isElementType(node, InlineType.SubScript) || Element.isElementType(node, InlineType.SuperScript);
+  },
+  isConvertibleToListTextNode(node) {
+    return !this.isList(node) && !this.isListItem(node) && !this.isListItemChild(node);
+  },
+  isList(node) {
+    return Element.isElementType(node, BlockType.OrderedList) || Element.isElementType(node, BlockType.UnorderedList);
+  },
+  isListItem(node) {
+    return Element.isElementType(node, BlockType.ListItem);
+  },
+  isListItemChild(node) {
+    return Element.isElementType(node, BlockType.ListItemChild);
+  },
+  createText() {
+    return { text: "" };
+  },
+  createParagraph() {
+    return {
+      children: [this.createText()],
+      type: BlockType.Paragraph
+    };
+  },
+  createList(type = BlockType.UnorderedList) {
+    return { children: [this.createText()], type };
+  },
+  createListItem() {
+    return {
+      children: [this.createListItemChild()],
+      type: BlockType.ListItem
+    };
+  },
+  createListItemChild() {
+    return {
+      children: [this.createText()],
+      type: BlockType.ListItemChild
+    };
+  }
+};
+function isLinkElement(node) {
+  return ElementUtils.isInline(node) && node.type === InlineType.Link;
+}
+function isLinkEntry(inline) {
+  return ElementUtils.isInline(inline[0]) && inline[0].type === InlineType.Link;
+}
+function unhangRange(editor, range) {
+  let [start, end] = Range.edges(range);
+  if (start.offset !== 0 || end.offset !== 0 || Range.isCollapsed(range)) {
+    return range;
+  }
+  const endBlock = Editor.above(editor, {
+    at: end,
+    match: (n) => Element.isElement(n) && Editor.isBlock(editor, n)
+  });
+  const blockPath = endBlock ? endBlock[1] : [];
+  const first = Editor.start(editor, start);
+  const before = { anchor: first, focus: end };
+  let skip = true;
+  for (const [node, path] of Editor.nodes(editor, {
+    at: before,
+    match: Text.isText,
+    reverse: true
+  })) {
+    if (skip) {
+      skip = false;
+      continue;
+    }
+    if (node.text !== "" || Path.isBefore(path, blockPath)) {
+      end = { path, offset: node.text.length };
+      break;
+    }
+  }
+  return { anchor: start, focus: end };
+}
+function is(x, y) {
+  if (x === y)
+    return x !== 0 || y !== 0 || 1 / x === 1 / y;
+  return x !== x && y !== y;
+}
+const { hasOwnProperty: hasOwnProperty$1 } = Object.prototype;
+const shallowEqual = (a, b) => {
+  if (is(a, b))
+    return true;
+  if (typeof a !== "object" || a === null || typeof b !== "object" || b === null)
+    return false;
+  const keysA = Object.keys(a);
+  const keysB = Object.keys(b);
+  if (keysA.length !== keysB.length)
+    return false;
+  for (let i = 0; i < keysA.length; i += 1) {
+    if (!hasOwnProperty$1.call(b, keysA[i]) || !is(a[keysA[i]], b[keysA[i]]))
+      return false;
+  }
+  return true;
+};
+function isNonNullable(value) {
+  return value != null;
+}
+const { hasOwnProperty } = Object.prototype;
+const deepEqual = (a, b) => {
+  if (shallowEqual(a, b))
+    return true;
+  if (typeof a !== "object" || a === null || typeof b !== "object" || b === null)
+    return false;
+  const keysA = Object.keys(a);
+  const keysB = Object.keys(b);
+  if (keysA.length !== keysB.length)
+    return false;
+  for (let i = 0; i < keysA.length; i += 1) {
+    if (!hasOwnProperty.call(b, keysA[i]) || !deepEqual(a[keysA[i]], b[keysA[i]]))
+      return false;
+  }
+  return true;
+};
+function getSelection(editor) {
+  if (editor.selection)
+    return unhangRange(editor, editor.selection);
+  return {
+    anchor: Editor.start(editor, []),
+    focus: Editor.end(editor, [])
+  };
+}
+function getBlocksInSelection(editor) {
+  return Array.from(Editor.nodes(editor, {
+    at: getSelection(editor),
+    match: (node) => ElementUtils.isRootBlock(node)
+  })).filter((entry) => ElementUtils.isRootBlock(entry[0]));
+}
+function getActiveBlockType(editor) {
+  var _a2;
+  const rootBlocks = getBlocksInSelection(editor).map(([node]) => node.type);
+  return rootBlocks.reduce((a, b) => a === b ? b : null, (_a2 = rootBlocks.at(0)) != null ? _a2 : null);
+}
+function unwrapInline(editor, type) {
+  Transforms.unwrapNodes(editor, {
+    match: (node) => ElementUtils.isInline(node) && node.type === type,
+    at: getSelection(editor)
+  });
+}
+function wrapInline(editor, inline) {
+  Transforms.wrapNodes(editor, inline, {
+    at: getSelection(editor),
+    split: true
+  });
+}
+function filterForSubtreeRoots(entries) {
+  return entries.filter(([, nodePath]) => !Path.ancestors(nodePath).some((ancestor) => {
+    return entries.some(([, path]) => Path.equals(path, ancestor));
+  }));
+}
+function getLinksAndTextInSelection(editor) {
+  return Array.from(Editor.nodes(editor, {
+    at: getSelection(editor),
+    match: (node) => ElementUtils.isInline(node) && isLinkElement(node) || Text.isText(node)
+  }));
+}
+const getValue$3 = (editor) => {
+  var _a2;
+  const roots = filterForSubtreeRoots(getLinksAndTextInSelection(editor));
+  const areAllRootsLinks = roots.every(([root]) => isLinkElement(root) || Text.isText(root));
+  if (!areAllRootsLinks)
+    return void 0;
+  const matchingValues = roots.map(([node]) => node).filter(isLinkElement);
+  const match = matchingValues.reduce((a, b) => deepEqual(a == null ? void 0 : a.link, b == null ? void 0 : b.link) ? b : null, (_a2 = matchingValues.at(0)) != null ? _a2 : void 0);
+  return match == null ? match : match.link;
+};
+const onChange$1 = (editor, value) => {
+  if (value == null)
+    return unwrapInline(editor, InlineType.Link);
+  const roots = filterForSubtreeRoots(getLinksAndTextInSelection(editor));
+  const root = roots.at(0);
+  if (roots.length === 1 && root != null && isLinkEntry(root)) {
+    Transforms.setNodes(editor, {
+      link: value
+    }, { at: root[1] });
+  } else {
+    unwrapInline(editor, InlineType.Link);
+    wrapInline(editor, { type: InlineType.Link, link: value, children: [] });
+  }
+};
+function LinkPlugin() {
+  return createRichTextV2Plugin({
+    control: {
+      definition: Link({
+        label: "On Click"
+      }),
+      onChange: onChange$1,
+      getValue: getValue$3,
+      getElementValue: (element) => {
+        return ElementUtils.isInline(element) && isLinkElement(element) ? element.link : void 0;
+      }
+    }
+  });
+}
+const supportedInlineOptions = [
+  {
+    icon: unstable_IconRadioGroupIcon.Superscript,
+    label: "Superscript",
+    value: "superscript"
+  },
+  {
+    icon: unstable_IconRadioGroupIcon.Subscript,
+    label: "Subscript",
+    value: "subscript"
+  },
+  {
+    icon: unstable_IconRadioGroupIcon.Code,
+    label: "Code",
+    value: "code"
+  }
+];
+function isSupportedInlineType(inline) {
+  return supportedInlineOptions.findIndex((option) => option.value === inline) !== -1;
+}
+function isSupportedInlineEntry(entry) {
+  const node = entry[0];
+  return ElementUtils.isInline(node) && supportedInlineOptions.findIndex((option) => option.value === node.type) !== -1;
+}
+function getSupportedInlinesAndTextInSelection(editor) {
+  return Array.from(Editor.nodes(editor, {
+    at: getSelection(editor),
+    match: (node) => ElementUtils.isInline(node) && isSupportedInlineType(node.type) || Text.isText(node)
+  }));
+}
+const getValue$2 = (editor) => {
+  var _a2;
+  const roots = filterForSubtreeRoots(getSupportedInlinesAndTextInSelection(editor));
+  const areAllRootsSupportedInlineTypesOrText = roots.every((entry) => isSupportedInlineEntry(entry) || Text.isText(entry[0]));
+  if (!areAllRootsSupportedInlineTypesOrText)
+    return void 0;
+  const matchingValues = roots.filter(isSupportedInlineEntry).map(([node]) => node);
+  const match = matchingValues.reduce((a, b) => (a == null ? void 0 : a.type) === (b == null ? void 0 : b.type) ? b : null, (_a2 = matchingValues.at(0)) != null ? _a2 : void 0);
+  return match == null ? match : match.type;
+};
+const onChange = (editor, value) => {
+  function unwrapAllSupportedTypes() {
+    supportedInlineOptions.forEach(({ value: optionValue }) => unwrapInline(editor, optionValue));
+  }
+  function unwrapAllInlines() {
+    Transforms.unwrapNodes(editor, {
+      match: (node) => ElementUtils.isInline(node),
+      at: getSelection(editor)
+    });
+  }
+  if (value == null)
+    return unwrapAllSupportedTypes();
+  if (!isSupportedInlineType(value))
+    return;
+  const roots = filterForSubtreeRoots(getSupportedInlinesAndTextInSelection(editor));
+  const root = roots.at(0);
+  if (roots.length === 1 && root != null && isSupportedInlineEntry(root) && root[0].type === value) {
+    unwrapInline(editor, value);
+  } else {
+    unwrapAllInlines();
+    wrapInline(editor, { type: value, children: [] });
+  }
+};
+const withInline = (editor) => {
+  const {
+    isInline
+  } = editor;
+  editor.isInline = (entry) => {
+    return ElementUtils.isInline(entry) && isInline(entry);
+  };
+  return editor;
+};
+function InlinePlugin() {
+  return createRichTextV2Plugin({
+    control: {
+      definition: unstable_IconRadioGroup({
+        label: "Inline",
+        options: supportedInlineOptions
+      }),
+      onChange,
+      getValue: getValue$2,
+      getElementValue: (element) => {
+        return ElementUtils.isInline(element) ? element.type : void 0;
+      }
+    },
+    withPlugin: withInline,
+    renderElement: (renderElement) => (props) => {
+      return /* @__PURE__ */ jsx(InlinePluginComponent, __spreadProps(__spreadValues({}, props), {
+        renderElement
+      }));
+    }
+  });
+}
+function InlinePluginComponent(_b) {
+  var _c = _b, {
+    renderElement
+  } = _c, props = __objRest(_c, [
+    "renderElement"
+  ]);
+  switch (props.element.type) {
+    case InlineType.Code:
+      return /* @__PURE__ */ jsx("code", __spreadProps(__spreadValues({}, props.attributes), {
+        children: renderElement(props)
+      }));
+    case InlineType.SuperScript:
+      return /* @__PURE__ */ jsx("sup", __spreadProps(__spreadValues({}, props.attributes), {
+        children: renderElement(props)
+      }));
+    case InlineType.SubScript:
+      return /* @__PURE__ */ jsx("sub", __spreadProps(__spreadValues({}, props.attributes), {
+        children: renderElement(props)
+      }));
+    default:
+      return /* @__PURE__ */ jsx(Fragment, {
+        children: renderElement(props)
+      });
+  }
+}
+function setResponsiveValue(editor, key, value, options) {
+  Editor.withoutNormalizing(editor, () => {
+    const at = getSelection(editor);
+    if (!at)
+      return;
+    const atRef = Editor.rangeRef(editor, at);
+    if (atRef.current) {
+      Transforms.setNodes(editor, {
+        slice: true
+      }, {
+        at: atRef.current,
+        match: options.match,
+        split: options.split
+      });
+    }
+    if (atRef.current) {
+      const nodesToUpdate = Array.from(Editor.nodes(editor, {
+        at: atRef.current,
+        match: (node, path) => options.match(node, path) && node.slice === true
+      }));
+      for (const [, path] of nodesToUpdate) {
+        Transforms.setNodes(editor, {
+          [key]: value
+        }, { at: path });
+      }
+    }
+    atRef.unref();
+  });
+}
+function normalizeResponsiveValue(editor, key, options) {
+  return (entry) => {
+    const [node, path] = entry;
+    if (!options.match(node, path)) {
+      return false;
+    }
+    const responsiveValue = node == null ? void 0 : node[key];
+    if (Array.isArray(responsiveValue) && responsiveValue.length === 0) {
+      Transforms.unsetNodes(editor, key, { at: path });
+      return true;
+    }
+    if ((node == null ? void 0 : node.slice) != null) {
+      Transforms.unsetNodes(editor, "slice", { at: path });
+      return true;
+    }
+    return false;
+  };
+}
+function responsiveShallowEqual(a = [], b = []) {
+  const aObject = a.reduce((acc, curr) => __spreadProps(__spreadValues({}, acc), {
+    [curr.deviceId]: curr.value
+  }), {});
+  const bObject = b.reduce((acc, curr) => __spreadProps(__spreadValues({}, acc), {
+    [curr.deviceId]: curr.value
+  }), {});
+  const definedDevices = /* @__PURE__ */ new Set([...a.map((a2) => a2.deviceId), ...b.map((b2) => b2.deviceId)]);
+  return Array.from(definedDevices).map((deviceId) => {
+    const aVal = aObject[deviceId];
+    const bVal = bObject[deviceId];
+    if (aVal === void 0 && bVal === void 0)
+      return { deviceId, value: void 0 };
+    return shallowEqual(aVal, bVal) ? { deviceId, value: aVal } : { deviceId, value: null };
+  });
+}
+function getValue$1(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((a, b) => {
+    return responsiveShallowEqual(a, b);
+  });
+}
+const TEXT_ALIGN_KEY = "textAlign";
+const withTextAlign = (editor) => {
+  const {
+    normalizeNode
+  } = editor;
+  editor.normalizeNode = (entry) => {
+    if (normalizeResponsiveValue(editor, TEXT_ALIGN_KEY, {
+      match: ElementUtils.isRootBlock
+    })(entry)) {
+      return;
+    }
+    normalizeNode(entry);
+  };
+  return editor;
+};
+function TextAlignPlugin() {
+  return createRichTextV2Plugin({
+    control: {
+      definition: unstable_StyleV2({
+        type: unstable_IconRadioGroup({
+          label: "Alignment",
+          options: [{
+            icon: unstable_IconRadioGroupIcon.TextAlignLeft,
+            label: "Left Align",
+            value: "left"
+          }, {
+            icon: unstable_IconRadioGroupIcon.TextAlignCenter,
+            label: "Center Align",
+            value: "center"
+          }, {
+            icon: unstable_IconRadioGroupIcon.TextAlignRight,
+            label: "Right Align",
+            value: "right"
+          }, {
+            icon: unstable_IconRadioGroupIcon.TextAlignJustify,
+            label: "Justify",
+            value: "justify"
+          }],
+          defaultValue: "left"
+        }),
+        getStyle(textAlign) {
+          return {
+            textAlign
+          };
+        }
+      }),
+      onChange: (editor, value) => setResponsiveValue(editor, TEXT_ALIGN_KEY, value, {
+        match: ElementUtils.isRootBlock,
+        split: false
+      }),
+      getValue: (editor) => getValue$1(editor),
+      getElementValue: (element) => {
+        return ElementUtils.isRootBlock(element) ? element.textAlign : void 0;
+      }
+    },
+    withPlugin: withTextAlign,
+    renderElement: (renderElement, className) => (props) => {
+      return renderElement(__spreadProps(__spreadValues({}, props), {
+        element: __spreadProps(__spreadValues({}, props.element), {
+          className
+        })
+      }));
+    }
+  });
+}
+function setBlockKeyForDevice(editor, breakpoints, deviceId, key, value, options) {
+  var _a2, _b;
+  const at = (_a2 = options == null ? void 0 : options.at) != null ? _a2 : editor.selection;
+  if (!at)
+    return;
+  const rootElements = getBlocksInSelection(editor);
+  for (const [node, path] of rootElements) {
+    if (ElementUtils.isBlock(node)) {
+      const deviceValues = (_b = node[key]) != null ? _b : [];
+      const currentDeviceValue = findBreakpointOverride(breakpoints, deviceValues, deviceId, (v) => v);
+      const nextDeviceValue = __spreadProps(__spreadValues({}, currentDeviceValue), {
+        deviceId,
+        value
+      });
+      Transforms.setNodes(editor, {
+        [key]: [...deviceValues.filter((v) => v.deviceId !== deviceId), nextDeviceValue]
+      }, { at: path });
+    }
+  }
+}
+function clearBlockKeyForDevice(editor, deviceId, key) {
+  var _a2;
+  const rootElements = getBlocksInSelection(editor);
+  for (const [node, path] of rootElements) {
+    if (ElementUtils.isBlock(node)) {
+      const deviceOverrides = (_a2 = node[key]) != null ? _a2 : [];
+      Transforms.setNodes(editor, {
+        [key]: deviceOverrides.filter((v) => v.deviceId !== deviceId)
+      }, { at: path });
+    }
+  }
+}
+const EditorUtils = {
+  getFirstAncestorList(editor, path) {
+    try {
+      const parentList = Editor.above(editor, {
+        at: path,
+        match: (node) => ElementUtils.isList(node)
+      });
+      return parentList != null ? parentList : null;
+    } catch (e) {
+      return null;
+    }
+  },
+  getFirstAncestorListItem(editor, path) {
+    try {
+      const parentListItem = Editor.above(editor, {
+        at: path,
+        match: (node) => ElementUtils.isListItem(node)
+      });
+      return parentListItem != null ? parentListItem : null;
+    } catch (e) {
+      return null;
+    }
+  }
+};
+const LIST_ITEM_CHILD_POSITION = 0;
+const LIST_ITEM_LIST_POSITION = 1;
+function unwrapPath(editor, listItemPath) {
+  const parentList = EditorUtils.getFirstAncestorList(editor, listItemPath);
+  const listItemContainingParentList = EditorUtils.getFirstAncestorListItem(editor, listItemPath);
+  if (!parentList || listItemContainingParentList)
+    return;
+  Editor.withoutNormalizing(editor, () => {
+    const listItemTextPath = [...listItemPath, LIST_ITEM_CHILD_POSITION];
+    const listItemNestedListPath = [...listItemPath, LIST_ITEM_LIST_POSITION];
+    if (Node.has(editor, listItemNestedListPath)) {
+      Transforms.setNodes(editor, { type: parentList[0].type }, { at: listItemNestedListPath });
+      Transforms.liftNodes(editor, { at: listItemNestedListPath });
+      Transforms.liftNodes(editor, { at: Path.next(listItemPath) });
+    }
+    if (Node.has(editor, listItemTextPath)) {
+      Transforms.setNodes(editor, { type: BlockType.Paragraph }, {
+        at: listItemTextPath
+      });
+      Transforms.liftNodes(editor, { at: listItemTextPath });
+      Transforms.liftNodes(editor, { at: listItemPath });
+    }
+  });
+}
+function unwrapList(editor, options) {
+  var _a2;
+  const at = (_a2 = options == null ? void 0 : options.at) != null ? _a2 : editor.selection;
+  if (!at)
+    return;
+  const listItems = Array.from(Editor.nodes(editor, {
+    at,
+    match: (node) => {
+      return Element.isElement(node) && ElementUtils.isListItem(node);
+    }
+  }));
+  const subRoots = filterForSubtreeRoots(listItems);
+  const refs = subRoots.map(([_, path]) => Editor.pathRef(editor, path));
+  refs.forEach((ref) => {
+    if (ref.current) {
+      unwrapPath(editor, ref.current);
+    }
+    ref.unref();
+  });
+}
+function wrapList(editor, options = { type: BlockType.UnorderedList }) {
+  var _a2;
+  const at = (_a2 = options.at) != null ? _a2 : editor.selection;
+  if (!at)
+    return;
+  const nonListEntries = Array.from(Editor.nodes(editor, {
+    at,
+    match: (node) => {
+      return Element.isElement(node) && ElementUtils.isConvertibleToListTextNode(node);
+    }
+  }));
+  const refs = nonListEntries.map(([_, path]) => Editor.pathRef(editor, path));
+  refs.forEach((ref) => {
+    const path = ref.current;
+    if (path) {
+      Editor.withoutNormalizing(editor, () => {
+        Transforms.setNodes(editor, { type: BlockType.ListItemChild }, {
+          at: path
+        });
+        Transforms.wrapNodes(editor, ElementUtils.createListItem(), {
+          match: (node) => ElementUtils.isListItemChild(node),
+          at: path
+        });
+        Transforms.wrapNodes(editor, ElementUtils.createList(options.type), {
+          at: path
+        });
+      });
+    }
+    ref.unref();
+  });
+}
+const LocationUtils = {
+  getStartPath(location) {
+    if (Range.isRange(location))
+      return Range.start(location).path;
+    if (Point.isPoint(location))
+      return location.path;
+    return location;
+  }
+};
+function getSelectedListItems(editor) {
+  var _a2, _b;
+  if (!editor.selection)
+    return [];
+  const start = LocationUtils.getStartPath(editor.selection);
+  const listItems = Editor.nodes(editor, {
+    at: editor.selection,
+    match: (node) => ElementUtils.isListItem(node)
+  });
+  const firstAncestorPath = (_b = (_a2 = EditorUtils.getFirstAncestorListItem(editor, start)) == null ? void 0 : _a2[1]) != null ? _b : [];
+  return Array.from(listItems).filter((node) => Path.isDescendant(start, node[1]) ? Path.equals(node[1], firstAncestorPath) : !Path.isAfter(start, node[1]));
+}
+function indentPath(editor, path) {
+  const parent = Node.parent(editor, path);
+  if (!path || !Path.hasPrevious(path) || !ElementUtils.isList(parent))
+    return;
+  const previosPath = Path.previous(path);
+  const previousChildListPath = [...previosPath, LIST_ITEM_LIST_POSITION];
+  const previousHasChildList = Node.has(editor, previousChildListPath);
+  Editor.withoutNormalizing(editor, () => {
+    if (!previousHasChildList) {
+      Transforms.insertNodes(editor, ElementUtils.createList(parent.type), {
+        at: previousChildListPath
+      });
+    }
+    const previousChildList = Node.get(editor, previousChildListPath);
+    if (ElementUtils.isList(previousChildList)) {
+      const index = previousHasChildList ? previousChildList.children.length : 0;
+      Transforms.moveNodes(editor, {
+        at: path,
+        to: [...previousChildListPath, index]
+      });
+    }
+  });
+}
+function indent(editor) {
+  if (!editor.selection)
+    return;
+  const listItems = getSelectedListItems(editor);
+  const subRoots = filterForSubtreeRoots(listItems);
+  const refs = subRoots.map(([_, path]) => Editor.pathRef(editor, path));
+  refs.forEach((ref) => {
+    if (ref.current) {
+      indentPath(editor, ref.current);
+    }
+    ref.unref();
+  });
+}
+function dedentPath(editor, listItemPath) {
+  const parentList = EditorUtils.getFirstAncestorList(editor, listItemPath);
+  const listItemContainingParentList = EditorUtils.getFirstAncestorListItem(editor, listItemPath);
+  if (!parentList || !listItemContainingParentList)
+    return;
+  const [parentListNode, parentListPath] = parentList;
+  const [_, listItemContainingParentListPath] = listItemContainingParentList;
+  const listItemPosition = listItemPath[listItemPath.length - 1];
+  const previousSiblings = parentListNode.children.slice(0, listItemPosition);
+  const nextSiblings = parentListNode.children.slice(listItemPosition + 1);
+  Editor.withoutNormalizing(editor, () => {
+    nextSiblings.forEach(() => {
+      const nextSiblingPath = [...parentListPath, listItemPosition + 1];
+      indentPath(editor, nextSiblingPath);
+    });
+    Transforms.moveNodes(editor, {
+      at: listItemPath,
+      to: Path.next(listItemContainingParentListPath)
+    });
+    if (previousSiblings.length === 0) {
+      Transforms.removeNodes(editor, { at: parentListPath });
+    }
+  });
+}
+function dedent(editor) {
+  if (!editor.selection)
+    return;
+  const listItems = getSelectedListItems(editor);
+  const subRoots = filterForSubtreeRoots(listItems);
+  const refs = subRoots.map(([_, path]) => Editor.pathRef(editor, path));
+  refs.forEach((ref) => {
+    if (ref.current) {
+      dedentPath(editor, ref.current);
+    }
+    ref.unref();
+  });
+}
+function toggleList(editor, options = { type: BlockType.UnorderedList }) {
+  var _a2;
+  const at = (_a2 = options.at) != null ? _a2 : editor.selection;
+  if (at == null)
+    return;
+  const start = LocationUtils.getStartPath(at);
+  const ancestorPath = Path.ancestors(start).at(1);
+  if (!ancestorPath || !Node.has(editor, ancestorPath))
+    return;
+  const ancestor = Node.get(editor, ancestorPath);
+  if (!ElementUtils.isList(ancestor)) {
+    return wrapList(editor, { type: options.type, at });
+  }
+  if (ancestor.type === options.type) {
+    unwrapList(editor, { at });
+  } else {
+    Transforms.setNodes(editor, { type: options.type }, { at: ancestorPath });
+  }
+}
+const BlockActions = {
+  setBlockKeyForDevice,
+  clearBlockKeyForDevice,
+  wrapInline,
+  unwrapInline
+};
+const ListActions = {
+  unwrapList,
+  wrapList,
+  indent,
+  dedent,
+  toggleList
+};
+function onKeyDown(e, editor) {
+  if (!editor.selection || Array.from(Editor.nodes(editor, {
+    match: (node) => ElementUtils.isListItem(node)
+  })).length === 0)
+    return;
+  if (isHotkey("shift+tab", e)) {
+    e.preventDefault();
+    ListActions.dedent(editor);
+  }
+  if (isHotkey("tab", e)) {
+    e.preventDefault();
+    ListActions.indent(editor);
+  }
+  if (isHotkey("backspace", e)) {
+    if (!editor.selection)
+      return;
+    if (Range.isExpanded(editor.selection))
+      return;
+    const listItem = EditorUtils.getFirstAncestorListItem(editor, editor.selection.anchor.path);
+    if (editor.selection.anchor.offset === 0 && listItem) {
+      e.preventDefault();
+      const parentListItem = EditorUtils.getFirstAncestorListItem(editor, listItem[1]);
+      const list = EditorUtils.getFirstAncestorList(editor, listItem[1]);
+      if (parentListItem) {
+        ListActions.dedent(editor);
+      } else if (list) {
+        ListActions.unwrapList(editor);
+      }
+      return;
+    }
+  }
+  if (isHotkey("enter", e)) {
+    e.preventDefault();
+    if (!editor.selection)
+      return;
+    if (Range.isExpanded(editor.selection)) {
+      Transforms.delete(editor);
+      return;
+    }
+    const listItem = EditorUtils.getFirstAncestorListItem(editor, editor.selection.anchor.path);
+    if (editor.selection.anchor.offset === 0 && listItem && Editor.string(editor, listItem[1]) === "") {
+      const parentListItem = EditorUtils.getFirstAncestorListItem(editor, listItem[1]);
+      if (parentListItem) {
+        ListActions.dedent(editor);
+      } else {
+        ListActions.unwrapList(editor);
+      }
+      return;
+    }
+    Transforms.splitNodes(editor, {
+      at: editor.selection,
+      always: true,
+      match: (node) => ElementUtils.isListItem(node)
+    });
+  }
+  if (isHotkey("shift+enter", e)) {
+    e.preventDefault();
+    editor.insertText("\n");
+  }
+}
+function withBlock(editor) {
+  const {
+    normalizeNode
+  } = editor;
+  editor.isInline = (entry) => {
+    return ElementUtils.isInline(entry);
+  };
+  editor.normalizeNode = (entry) => {
+    var _a2;
+    const [normalizationNode, normalizationPath] = entry;
+    if (ElementUtils.isBlock(normalizationNode) && ((_a2 = normalizationNode == null ? void 0 : normalizationNode.textAlign) == null ? void 0 : _a2.length) == 0) {
+      Transforms.unsetNodes(editor, "textAlign", {
+        at: normalizationPath
+      });
+      return;
+    }
+    if (ElementUtils.isListItem(normalizationNode)) {
+      const pathToListItemText = [...normalizationPath, LIST_ITEM_CHILD_POSITION];
+      if (Node.has(editor, pathToListItemText)) {
+        const nodeInListItemTextPosition = Node.get(editor, pathToListItemText);
+        if (ElementUtils.isRootBlock(nodeInListItemTextPosition)) {
+          Transforms.setNodes(editor, {
+            type: BlockType.ListItemChild
+          }, {
+            at: pathToListItemText
+          });
+          return;
+        }
+      } else {
+        Transforms.insertNodes(editor, ElementUtils.createListItem(), {
+          at: pathToListItemText
+        });
+        return;
+      }
+    }
+    if (!Text.isText(normalizationNode)) {
+      const mergeableChildren = Array.from(Node.children(editor, normalizationPath)).map((child, index, children) => {
+        const potentialNodeToBeMerged = children.at(index + 1);
+        if (!potentialNodeToBeMerged || !ElementUtils.isList(potentialNodeToBeMerged[0]) || !ElementUtils.isList(child[0]) || potentialNodeToBeMerged[0].type !== child[0].type) {
+          return null;
+        }
+        return [Editor.pathRef(editor, child[1]), Editor.pathRef(editor, potentialNodeToBeMerged[1])];
+      }).filter((mergeableNodes) => Boolean(mergeableNodes));
+      if (mergeableChildren.length !== 0) {
+        mergeableChildren.reverse().forEach(([nodePathRef, nodeToBeMergedPathRef]) => {
+          const nodePath = nodePathRef.current;
+          const nodeToBeMergedPath = nodeToBeMergedPathRef.current;
+          if (nodePath == null || nodeToBeMergedPath == null)
+            return;
+          const nodeChildren = Array.from(Node.children(editor, nodePath));
+          const childrenToBeMerged = Array.from(Node.children(editor, nodeToBeMergedPath));
+          Editor.withoutNormalizing(editor, () => {
+            childrenToBeMerged.reverse().forEach(([_, childPath]) => {
+              Transforms.moveNodes(editor, {
+                at: childPath,
+                to: [...nodePath, nodeChildren.length]
+              });
+            });
+            Transforms.removeNodes(editor, {
+              at: nodeToBeMergedPath
+            });
+          });
+          nodePathRef.unref();
+          nodeToBeMergedPathRef.unref();
+        });
+        return;
+      }
+    }
+    normalizeNode(entry);
+  };
+  return editor;
+}
+const definition = Select({
+  label: "Block",
+  labelOrientation: "horizontal",
+  options: [{
+    value: BlockType.Paragraph,
+    label: "Paragraph"
+  }, {
+    value: BlockType.Heading1,
+    label: "Heading 1"
+  }, {
+    value: BlockType.Heading2,
+    label: "Heading 2"
+  }, {
+    value: BlockType.Heading3,
+    label: "Heading 3"
+  }, {
+    value: BlockType.Heading4,
+    label: "Heading 4"
+  }, {
+    value: BlockType.Heading5,
+    label: "Heading 5"
+  }, {
+    value: BlockType.Heading6,
+    label: "Heading 6"
+  }, {
+    value: BlockType.UnorderedList,
+    label: "Bulleted list"
+  }, {
+    value: BlockType.OrderedList,
+    label: "Numbered list"
+  }, {
+    value: BlockType.BlockQuote,
+    label: "Quote"
+  }],
+  defaultValue: BlockType.Paragraph
+});
+function BlockPlugin() {
+  return createRichTextV2Plugin({
+    withPlugin: withBlock,
+    onKeyDown,
+    control: {
+      definition,
+      onChange: (editor, value) => {
+        const activeBlockType = getActiveBlockType(editor);
+        if (value === BlockType.UnorderedList || value === BlockType.OrderedList) {
+          ListActions.toggleList(editor, {
+            type: value,
+            at: getSelection(editor)
+          });
+        } else if (activeBlockType === value) {
+          Transforms.setNodes(editor, {
+            type: BlockType.Default
+          }, {
+            at: getSelection(editor)
+          });
+        } else {
+          ListActions.unwrapList(editor, {
+            at: getSelection(editor)
+          });
+          Transforms.setNodes(editor, {
+            type: value != null ? value : BlockType.Default
+          }, {
+            at: getSelection(editor)
+          });
+        }
+      },
+      getValue: (editor) => {
+        const activeBlock = getActiveBlockType(editor);
+        if (activeBlock === RootBlockType.Default)
+          return void 0;
+        return activeBlock;
+      }
+    },
+    renderElement: (renderElement) => (props) => /* @__PURE__ */ jsx(BlockPluginComponent, __spreadProps(__spreadValues({}, props), {
+      renderElement
+    }))
+  });
+}
+function BlockPluginComponent(_d) {
+  var _e = _d, {
+    renderElement
+  } = _e, props = __objRest(_e, [
+    "renderElement"
+  ]);
+  const blockStyles = [useStyle({
+    margin: 0
+  }), props.element.className];
+  const quoteStyles = useStyle({
+    padding: "0.5em 10px",
+    fontSize: "1.25em",
+    fontWeight: "300",
+    borderLeft: "5px solid rgba(0, 0, 0, 0.1)"
+  });
+  const unorderedListStyles = useStyle({
+    listStylePosition: "inside",
+    paddingInlineStart: "20px",
+    listStyleType: "disc",
+    ul: {
+      listStyleType: "circle"
+    },
+    "ul ul": {
+      listStyleType: "square"
+    }
+  });
+  const orderedListStyles = useStyle({
+    listStylePosition: "inside",
+    paddingInlineStart: "20px",
+    listStyleType: "decimal"
+  });
+  switch (props.element.type) {
+    case BlockType.Default:
+    case BlockType.Paragraph:
+      return /* @__PURE__ */ jsx("p", __spreadProps(__spreadValues({}, props.attributes), {
+        className: cx(...blockStyles),
+        children: renderElement(props)
+      }));
+    case BlockType.Heading1:
+      return /* @__PURE__ */ jsx("h1", __spreadProps(__spreadValues({}, props.attributes), {
+        className: cx(...blockStyles),
+        children: renderElement(props)
+      }));
+    case BlockType.Heading2:
+      return /* @__PURE__ */ jsx("h2", __spreadProps(__spreadValues({}, props.attributes), {
+        className: cx(...blockStyles),
+        children: renderElement(props)
+      }));
+    case BlockType.Heading3:
+      return /* @__PURE__ */ jsx("h3", __spreadProps(__spreadValues({}, props.attributes), {
+        className: cx(...blockStyles),
+        children: renderElement(props)
+      }));
+    case BlockType.Heading4:
+      return /* @__PURE__ */ jsx("h4", __spreadProps(__spreadValues({}, props.attributes), {
+        className: cx(...blockStyles),
+        children: renderElement(props)
+      }));
+    case BlockType.Heading5:
+      return /* @__PURE__ */ jsx("h5", __spreadProps(__spreadValues({}, props.attributes), {
+        className: cx(...blockStyles),
+        children: renderElement(props)
+      }));
+    case BlockType.Heading6:
+      return /* @__PURE__ */ jsx("h6", __spreadProps(__spreadValues({}, props.attributes), {
+        className: cx(...blockStyles),
+        children: renderElement(props)
+      }));
+    case BlockType.BlockQuote:
+      return /* @__PURE__ */ jsx("blockquote", __spreadProps(__spreadValues({}, props.attributes), {
+        className: cx(...blockStyles, quoteStyles),
+        children: renderElement(props)
+      }));
+    case BlockType.OrderedList:
+      return /* @__PURE__ */ jsx("ol", __spreadProps(__spreadValues({}, props.attributes), {
+        className: cx(...blockStyles, orderedListStyles),
+        children: renderElement(props)
+      }));
+    case BlockType.UnorderedList:
+      return /* @__PURE__ */ jsx("ul", __spreadProps(__spreadValues({}, props.attributes), {
+        className: cx(...blockStyles, unorderedListStyles),
+        children: renderElement(props)
+      }));
+    case BlockType.ListItem:
+      return /* @__PURE__ */ jsx("li", __spreadProps(__spreadValues({}, props.attributes), {
+        className: cx(...blockStyles),
+        children: renderElement(props)
+      }));
+    case BlockType.ListItemChild:
+      return /* @__PURE__ */ jsx("span", __spreadProps(__spreadValues({}, props.attributes), {
+        className: cx(...blockStyles),
+        children: renderElement(props)
+      }));
+    default:
+      return /* @__PURE__ */ jsx(Fragment, {
+        children: renderElement(props)
+      });
+  }
+}
+function clearActiveTypographyStyle(editor, options) {
+  Editor.withoutNormalizing(editor, () => {
+    var _a2;
+    const at = (_a2 = options == null ? void 0 : options.at) != null ? _a2 : editor.selection;
+    if (!at)
+      return;
+    const atRef = Editor.rangeRef(editor, at);
+    if (atRef.current) {
+      Transforms.setNodes(editor, {
+        slice: true
+      }, {
+        at: atRef.current,
+        match: (node) => Text.isText(node),
+        split: Range.isExpanded(atRef.current)
+      });
+    }
+    if (atRef.current) {
+      const textNodes = Array.from(Editor.nodes(editor, {
+        at: atRef.current,
+        match: (node) => Text.isText(node) && node.slice === true
+      }));
+      for (const [node, path] of textNodes) {
+        if (Text.isText(node)) {
+          const typography = __spreadProps(__spreadValues({}, node.typography), {
+            style: []
+          });
+          Transforms.setNodes(editor, {
+            typography
+          }, { at: path });
+        }
+      }
+    }
+    atRef.unref();
+  });
+}
+function clearDeviceActiveTypography(editor, currentDeviceId, options) {
+  Editor.withoutNormalizing(editor, () => {
+    var _a2, _b, _c;
+    const at = (_a2 = options == null ? void 0 : options.at) != null ? _a2 : editor.selection;
+    if (!at)
+      return;
+    const atRef = Editor.rangeRef(editor, at);
+    if (atRef.current) {
+      Transforms.setNodes(editor, {
+        slice: true
+      }, {
+        at: atRef.current,
+        match: (node) => Text.isText(node),
+        split: Range.isExpanded(atRef.current)
+      });
+    }
+    if (atRef.current) {
+      const textNodes = Array.from(Editor.nodes(editor, {
+        at: atRef.current,
+        match: (node) => Text.isText(node) && node.slice === true
+      }));
+      for (const [node, path] of textNodes) {
+        if (Text.isText(node)) {
+          const typography = __spreadProps(__spreadValues({}, node.typography), {
+            style: (_c = (_b = node == null ? void 0 : node.typography) == null ? void 0 : _b.style.filter(({ deviceId }) => deviceId !== currentDeviceId)) != null ? _c : []
+          });
+          Transforms.setNodes(editor, {
+            typography
+          }, { at: path });
+        }
+      }
+    }
+    atRef.unref();
+  });
+}
+function detachActiveTypography(editor, value, options) {
+  Editor.withoutNormalizing(editor, () => {
+    var _a2;
+    const at = (_a2 = options == null ? void 0 : options.at) != null ? _a2 : editor.selection;
+    if (!at)
+      return;
+    const atRef = Editor.rangeRef(editor, at);
+    if (atRef.current) {
+      Transforms.setNodes(editor, {
+        slice: true
+      }, {
+        at: atRef.current,
+        match: (node) => Text.isText(node),
+        split: Range.isExpanded(atRef.current)
+      });
+    }
+    if (atRef.current) {
+      const textNodes = Array.from(Editor.nodes(editor, {
+        at: atRef.current,
+        match: (node) => Text.isText(node) && node.slice === true
+      }));
+      for (const [node, path] of textNodes) {
+        if (Text.isText(node)) {
+          Transforms.setNodes(editor, {
+            typography: {
+              style: value
+            }
+          }, { at: path });
+        }
+      }
+    }
+    atRef.unref();
+  });
 }
-function unstable_RichTextV2(config = {}) {
-  return { type: RichTextV2ControlType, config };
+function setActiveTypographyId(editor, id, options) {
+  var _a2;
+  const at = (_a2 = options == null ? void 0 : options.at) != null ? _a2 : editor.selection;
+  if (!at)
+    return;
+  Transforms.setNodes(editor, {
+    typography: {
+      id,
+      style: []
+    }
+  }, {
+    at,
+    match: (node) => Text.isText(node),
+    split: Range.isExpanded(at)
+  });
+}
+function setActiveTypographyStyle(editor, breakpoints, deviceId, prop, value, options) {
+  Editor.withoutNormalizing(editor, () => {
+    var _a2, _b, _c;
+    const at = (_a2 = options == null ? void 0 : options.at) != null ? _a2 : editor.selection;
+    if (!at)
+      return;
+    const atRef = Editor.rangeRef(editor, at);
+    if (atRef.current) {
+      Transforms.setNodes(editor, {
+        slice: true
+      }, {
+        at: atRef.current,
+        match: (node) => Text.isText(node),
+        split: Range.isExpanded(atRef.current)
+      });
+    }
+    if (atRef.current) {
+      const textNodes = Array.from(Editor.nodes(editor, {
+        at: atRef.current,
+        match: (node) => Text.isText(node) && node.slice === true
+      }));
+      for (const [node, path] of textNodes) {
+        if (Text.isText(node)) {
+          const deviceOverrides = (_c = (_b = node == null ? void 0 : node.typography) == null ? void 0 : _b.style) != null ? _c : [];
+          const deviceStyle = findBreakpointOverride(breakpoints, deviceOverrides, deviceId, (v) => v) || {
+            value: {}
+          };
+          const nextDeviceStyle = {
+            deviceId,
+            value: __spreadProps(__spreadValues({}, deviceStyle.value), { [prop]: value })
+          };
+          const nextTypography = __spreadProps(__spreadValues({}, node.typography), {
+            style: [...deviceOverrides.filter((v) => v.deviceId !== deviceId), nextDeviceStyle]
+          });
+          Transforms.setNodes(editor, {
+            typography: nextTypography
+          }, { at: path });
+        }
+      }
+    }
+    atRef.unref();
+  });
 }
+function getValue(editor) {
+  const matchingValues = Array.from(Editor.nodes(editor, {
+    at: getSelection(editor),
+    match: Text.isText
+  })).map(([node]) => node["typography"]);
+  return matchingValues;
+}
+const TypographyActions = {
+  setActiveTypographyId,
+  setActiveTypographyStyle,
+  clearActiveTypographyStyle,
+  clearDeviceActiveTypography,
+  detachActiveTypography
+};
+const TYPOGRAPHY_KEY = "typography";
+function withTypography(editor) {
+  const { normalizeNode } = editor;
+  editor.normalizeNode = (entry) => {
+    var _a2, _b;
+    const [normalizationNode, normalizationPath] = entry;
+    if (Text.isText(normalizationNode) && ((_a2 = normalizationNode == null ? void 0 : normalizationNode.typography) == null ? void 0 : _a2.id) == null && ((_b = normalizationNode == null ? void 0 : normalizationNode.typography) == null ? void 0 : _b.style.length) === 0) {
+      Transforms.unsetNodes(editor, TYPOGRAPHY_KEY, { at: normalizationPath });
+      return;
+    }
+    if (Text.isText(normalizationNode) && (normalizationNode == null ? void 0 : normalizationNode.slice) != null) {
+      Transforms.unsetNodes(editor, "slice", { at: normalizationPath });
+      return;
+    }
+    normalizeNode(entry);
+  };
+  return editor;
+}
+function TypographyPlugin() {
+  return createRichTextV2Plugin({
+    withPlugin: withTypography,
+    control: {
+      definition: unstable_Typography(),
+      onChange: (editor, value) => {
+        Editor.withoutNormalizing(editor, () => {
+          const at = getSelection(editor);
+          if (!at)
+            return;
+          const atRef = Editor.rangeRef(editor, at);
+          if (atRef.current) {
+            Transforms.setNodes(editor, {
+              slice: true
+            }, {
+              at: atRef.current,
+              match: Text.isText,
+              split: true
+            });
+          }
+          if (atRef.current) {
+            const nodesToUpdate = Array.from(Editor.nodes(editor, {
+              at: atRef.current,
+              match: (node) => Text.isText(node) && node.slice === true
+            }));
+            if (nodesToUpdate.length !== (value == null ? void 0 : value.length))
+              return console.error(`TypographyControl.onChange received the wrong number of arguments.
+Called with ${value == null ? void 0 : value.length} values mapping to ${nodesToUpdate.length} nodes.`);
+            for (const [index, [, path]] of nodesToUpdate.entries()) {
+              Transforms.setNodes(editor, {
+                typography: value == null ? void 0 : value.at(index)
+              }, { at: path, match: Text.isText });
+            }
+          }
+          atRef.unref();
+        });
+      },
+      getValue: (editor) => getValue(editor),
+      getLeafValue: (text) => {
+        return Text.isText(text) ? text.typography : void 0;
+      }
+    },
+    renderLeaf: (renderLeaf, className) => (props) => {
+      return renderLeaf(__spreadProps(__spreadValues({}, props), {
+        leaf: __spreadProps(__spreadValues({}, props.leaf), {
+          className: `${props.leaf.className} ${className}`
+        })
+      }));
+    }
+  });
+}
+const BLOCK_ONE_PATH = [0];
+const BLOCK_TWO_PATH = [1];
+function withInlineMode(editor) {
+  const {
+    normalizeNode
+  } = editor;
+  editor.normalizeNode = (entry) => {
+    const [normalizationNode, normalizationPath] = entry;
+    if (Path.equals(BLOCK_TWO_PATH, normalizationPath)) {
+      Transforms.mergeNodes(editor, {
+        at: BLOCK_TWO_PATH
+      });
+      return;
+    }
+    if (Path.isAncestor(BLOCK_ONE_PATH, normalizationPath) && ElementUtils.isBlock(normalizationNode)) {
+      Transforms.unwrapNodes(editor, {
+        at: normalizationPath
+      });
+      return;
+    }
+    if (Path.equals(BLOCK_ONE_PATH, normalizationPath)) {
+      Transforms.setNodes(editor, {
+        type: BlockType.Default
+      }, {
+        at: normalizationPath
+      });
+      return;
+    }
+    normalizeNode(entry);
+  };
+  return editor;
+}
+function InlineModePlugin() {
+  return createRichTextV2Plugin({
+    onKeyDown: (e) => {
+      if (isHotkey("enter", e))
+        e.preventDefault();
+    },
+    withPlugin: withInlineMode,
+    renderElement: (renderElement) => (props) => /* @__PURE__ */ jsx(InlineModePluginComponent, __spreadProps(__spreadValues({}, props), {
+      renderElement
+    }))
+  });
+}
+function InlineModePluginComponent(_f) {
+  var _g = _f, {
+    renderElement
+  } = _g, props = __objRest(_g, [
+    "renderElement"
+  ]);
+  return /* @__PURE__ */ jsx("span", __spreadProps(__spreadValues({}, props.attributes), {
+    children: renderElement(props)
+  }));
+}
+const RichTextV2ControlType = "makeswift::controls::rich-text-v2";
+const RichTextV2Mode = {
+  Inline: "makeswift::controls::rich-text-v2::mode::inline",
+  Block: "makeswift::controls::rich-text-v2::mode::block"
+};
+function RichText(config = {}) {
+  return {
+    type: RichTextV2ControlType,
+    config: {
+      mode: config.mode,
+      defaultValue: config == null ? void 0 : config.unstable_defaultValue,
+      plugins: (config == null ? void 0 : config.mode) === RichTextV2Mode.Inline ? [InlineModePlugin()] : [BlockPlugin(), TypographyPlugin(), TextAlignPlugin(), InlinePlugin(), LinkPlugin()]
+    }
+  };
+}
+RichText.Mode = RichTextV2Mode;
 const RichTextV2ControlMessageType = {
   RESET_VALUE: "makeswift::controls::rich-text-v2::control-message::reset-value",
   FOCUS: "makeswift::controls::rich-text-v2::control-message::focus",
@@ -2396,6 +3759,7 @@ class RichTextV2Control extends PropController {
             this.editor.selection = null;
             this.editor.children = this.defaultValue;
             this.editor.onChange();
+            this.onLocalUserChange();
           }
           break;
         }
@@ -2472,10 +3836,7 @@ class RichTextV2Control extends PropController {
   }
 }
 function isRichTextV1Data(value) {
-  return value !== void 0 && typeof value === "object" && !Array.isArray(value) && "object" in value;
-}
-function isNonNullable(value) {
-  return value != null;
+  return value !== void 0 && typeof value === "object" && !Array.isArray(value) && "document" in value;
 }
 const TypographyControlType = "makeswift::controls::typography";
 function unstable_Typography() {
@@ -2581,8 +3942,8 @@ function getRichTextPageIds(value) {
     }
   }
 }
-function introspectRichTextV2Data(definition, data, func) {
-  const plugins = definition.config.plugins;
+function introspectRichTextV2Data(definition2, data, func) {
+  const plugins = definition2.config.plugins;
   return data.descendants.flatMap((d) => getDescendantTypographyIds(d));
   function getDescendantTypographyIds(descendant) {
     if (Element.isElement(descendant)) {
@@ -2611,14 +3972,14 @@ function introspectRichTextV2Data(definition, data, func) {
     })) != null ? _a2 : [];
   }
 }
-function getRichTextV2SwatchIds(definition, data) {
-  return introspectRichTextV2Data(definition, data, getSwatchIds);
+function getRichTextV2SwatchIds(definition2, data) {
+  return introspectRichTextV2Data(definition2, data, getSwatchIds);
 }
-function getRichTextV2TypographyIds(definition, data) {
-  return introspectRichTextV2Data(definition, data, getTypographyIds);
+function getRichTextV2TypographyIds(definition2, data) {
+  return introspectRichTextV2Data(definition2, data, getTypographyIds);
 }
-function getRichTextV2PageIds(definition, data) {
-  return introspectRichTextV2Data(definition, data, getPageIds);
+function getRichTextV2PageIds(definition2, data) {
+  return introspectRichTextV2Data(definition2, data, getPageIds);
 }
 function getElementChildren(descriptor, prop) {
   if (prop == null)
@@ -3119,5 +4480,5 @@ function configureStore({
     locales: getInitialState(locales != null ? locales : preloadedState == null ? void 0 : preloadedState.locales)
   }), applyMiddleware(thunk));
 }
-export { ImageControlValueFormat as $, TableFormFields as A, Backgrounds as B, ComponentIcon as C, Date as D, ElementID as E, Font as F, GapY as G, Image$1 as H, Images as I, ResponsiveOpacity as J, NavigationLinks as K, Link$1 as L, Margin as M, Number as N, SocialLinks as O, Padding as P, RichText$1 as Q, RichTextPropControllerMessageType as R, Shadows as S, TableFormFieldsMessageType as T, useStyle as U, Video as V, Width as W, getBorderSwatchIds as X, getBoxShadowsSwatchIds as Y, getResponsiveColorSwatchIds as Z, StyleControlProperty as _, createDocumentReference as a, SlotControl as a$, isPropControllersHandle as a0, isRichTextV1Data as a1, isNonNullable as a2, TypographyControlType as a3, StyleControlType as a4, RichTextV2ControlType as a5, RichTextControlType as a6, SlotControlType as a7, StyleV2ControlType as a8, ListControlType as a9, copyColorData as aA, copy as aB, merge as aC, Image as aD, copyImageData as aE, Link as aF, copyLinkData as aG, List as aH, ListControlMessageType as aI, ListControl as aJ, copyListData as aK, getListElementChildren as aL, getListSwatchIds as aM, getListFileIds as aN, getListTypographyIds as aO, getListPageIds as aP, Shape as aQ, ShapeControlMessageType as aR, ShapeControl as aS, copyShapeData as aT, getShapeElementChildren as aU, getShapeSwatchIds as aV, getShapeTypographyIds as aW, getShapePageIds as aX, getShapeFileIds as aY, Slot as aZ, SlotControlMessageType as a_, ShapeControlType as aa, LinkControlType as ab, ImageControlType as ac, ColorControlType as ad, getComponentPropControllerDescriptors as ae, getPropControllers as af, Types as ag, BorderPropControllerFormat as ah, ShadowsPropControllerFormat as ai, BorderRadiusPropControllerFormat as aj, MarginPropControllerFormat as ak, PaddingPropControllerFormat as al, WidthPropControllerFormat as am, configureStore as an, copyElementTree as ao, getBreakpoints as ap, parseLocalesInput as aq, getDocument as ar, getElementId as as, getIsPreview as at, getIsInBuilder as au, getReactComponent as av, getBuilderEditMode as aw, getBackgroundsFileIds as ax, getBackgroundsSwatchIds as ay, Color as az, isElementReference as b, copySlotData as b0, mergeSlotData as b1, Style as b2, StyleControlMessageType as b3, StyleControl as b4, copyStyleData as b5, unstable_useStyleV2ClassName as b6, unstable_StyleV2 as b7, StyleV2ControlMessageType as b8, StyleV2Control as b9, getComponentPropControllerDescriptors$1 as bA, getLocales as bB, getDefaultLocale as bC, BuilderEditMode as bD, getDocumentKeysSortedByDepth as bE, getPropController as bF, getPropControllersHandle as bG, getElement as bH, getElementPropControllerDescriptors as bI, createPropController as bJ, reducer$7 as bK, reducer$9 as bL, reducer$6 as bM, reducer$5 as bN, reducer$4 as bO, reducer$3 as bP, reducer$2 as bQ, reducer$1 as bR, getInitialState$2 as bS, ObjectType as ba, RichText as bb, RichTextControlMessageType as bc, RichTextControl as bd, richTextDTOtoSelection as be, richTextDTOtoDAO as bf, toSelectionDTO as bg, richTextDAOToDTO as bh, RichTextV2Mode as bi, createRichTextV2Plugin as bj, unstable_RichTextV2 as bk, RichTextV2ControlMessageType as bl, RichTextV2Control as bm, richTextV2DataToDescendents as bn, richTextV2DescendentsToData as bo, unstable_Typography as bp, getTypographySwatchIds as bq, getTypographyTypographyIds as br, InlineType as bs, RootBlockType as bt, BlockType as bu, BlockTextAlignment as bv, getInitialState$7 as bw, reducer$8 as bx, getDocument$1 as by, getComponentsMeta as bz, createDocument as c, descriptors as d, getSwatchIds as e, getFileIds as f, getPropControllerDescriptors as g, getTypographyIds as h, introspection as i, getTableIds as j, getPageIds as k, getElementChildren as l, ResponsiveIconRadioGroup as m, Border as n, BorderRadius as o, GapX as p, ResponsiveSelect as q, ResponsiveNumber as r, Checkbox as s, Grid as t, TextInput as u, ResponsiveColor as v, TextStyle as w, ResponsiveLength as x, TextArea as y, Table as z };
+export { getBorderSwatchIds as $, ResponsiveLength as A, Backgrounds as B, ComponentIcon as C, Date as D, ElementID as E, Font as F, GapY as G, TextArea as H, Images as I, Table as J, TableFormFields as K, Link$1 as L, Margin as M, Number as N, Image$1 as O, Padding as P, ResponsiveOpacity as Q, RichTextPropControllerMessageType as R, Shadows as S, TableFormFieldsMessageType as T, NavigationLinks as U, SocialLinks as V, Width as W, RichText as X, BlockType as Y, Video as Z, useStyle as _, deepEqual as a, ShapeControl as a$, getBoxShadowsSwatchIds as a0, getResponsiveColorSwatchIds as a1, StyleControlProperty as a2, ImageControlValueFormat as a3, isPropControllersHandle as a4, isRichTextV1Data as a5, isNonNullable as a6, TypographyControlType as a7, StyleControlType as a8, RichTextV2ControlType as a9, getIsInBuilder as aA, getBuilderEditMode as aB, getIsPreview as aC, getBackgroundsFileIds as aD, getBackgroundsSwatchIds as aE, Color as aF, copyColorData as aG, copy as aH, merge as aI, unstable_IconRadioGroupIcon as aJ, unstable_IconRadioGroup as aK, Image as aL, copyImageData as aM, Link as aN, copyLinkData as aO, List as aP, ListControlMessageType as aQ, ListControl as aR, copyListData as aS, getListElementChildren as aT, getListSwatchIds as aU, getListFileIds as aV, getListTypographyIds as aW, getListPageIds as aX, Select as aY, Shape as aZ, ShapeControlMessageType as a_, RichTextControlType as aa, SlotControlType as ab, StyleV2ControlType as ac, ListControlType as ad, ShapeControlType as ae, LinkControlType as af, ImageControlType as ag, IconRadioGroupControlType as ah, ColorControlType as ai, SelectControlType as aj, getComponentPropControllerDescriptors as ak, getPropControllers as al, Types as am, BorderPropControllerFormat as an, ShadowsPropControllerFormat as ao, BorderRadiusPropControllerFormat as ap, MarginPropControllerFormat as aq, PaddingPropControllerFormat as ar, WidthPropControllerFormat as as, configureStore as at, copyElementTree as au, getBreakpoints as av, parseLocalesInput as aw, getElementId as ax, getReactComponent as ay, getDocument as az, createDocumentReference as b, getDocumentKeysSortedByDepth as b$, copyShapeData as b0, getShapeElementChildren as b1, getShapeSwatchIds as b2, getShapeTypographyIds as b3, getShapePageIds as b4, getShapeFileIds as b5, Slot as b6, SlotControlMessageType as b7, SlotControl as b8, copySlotData as b9, withTypography as bA, TypographyPlugin as bB, BlockActions as bC, ListActions as bD, onKeyDown as bE, withBlock as bF, BlockPlugin as bG, withInlineMode as bH, InlineModePlugin as bI, withTextAlign as bJ, TextAlignPlugin as bK, RootBlockType as bL, InlineType as bM, BlockTextAlignment as bN, withInline as bO, InlinePlugin as bP, ElementUtils as bQ, createRichTextV2Plugin as bR, onChange$1 as bS, getValue$3 as bT, isLinkElement as bU, getInitialState$7 as bV, reducer$8 as bW, getDocument$1 as bX, getComponentsMeta as bY, getComponentPropControllerDescriptors$1 as bZ, BuilderEditMode as b_, mergeSlotData as ba, Style as bb, StyleControlMessageType as bc, StyleControl as bd, copyStyleData as be, unstable_useStyleV2ClassName as bf, unstable_StyleV2 as bg, StyleV2ControlMessageType as bh, StyleV2Control as bi, ObjectType as bj, RichTextControlMessageType as bk, RichTextControl as bl, richTextDTOtoSelection as bm, richTextDTOtoDAO as bn, toSelectionDTO as bo, richTextDAOToDTO as bp, RichTextV2Mode as bq, RichTextV2ControlMessageType as br, RichTextV2Control as bs, richTextV2DataToDescendents as bt, richTextV2DescendentsToData as bu, unstable_Typography as bv, getTypographySwatchIds as bw, getTypographyTypographyIds as bx, TypographyActions as by, TYPOGRAPHY_KEY as bz, createDocument as c, getPropController as c0, getPropControllersHandle as c1, getElement as c2, getElementPropControllerDescriptors as c3, createPropController as c4, reducer$7 as c5, reducer$9 as c6, reducer$6 as c7, reducer$5 as c8, reducer$4 as c9, reducer$3 as ca, reducer$2 as cb, reducer$1 as cc, getInitialState$2 as cd, descriptors as d, isElementReference as e, getDefaultLocale as f, getPropControllerDescriptors as g, getLocales as h, introspection as i, getSwatchIds as j, getFileIds as k, getTypographyIds as l, getTableIds as m, getPageIds as n, getElementChildren as o, ResponsiveIconRadioGroup as p, Border as q, BorderRadius as r, GapX as s, ResponsiveSelect as t, ResponsiveNumber as u, Checkbox as v, Grid as w, TextInput as x, ResponsiveColor as y, TextStyle as z };
 //# sourceMappingURL=react-page.es.js.map