@makeswift/runtime 0.9.11 → 0.10.0

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),
@@ -599,6 +619,21 @@ function introspectListPropControllerData(descriptor, value, func) {
     return [];
   return value.flatMap((item) => item.value ? func(descriptor.options.type, item.value) : []);
 }
+function getListPropControllerElementChildren(descriptor, value) {
+  return introspectListPropControllerData(descriptor, value, getElementChildren);
+}
+function getListPropControllerSwatchIds(descriptor, value) {
+  return introspectListPropControllerData(descriptor, value, getSwatchIds);
+}
+function getListPropControllerFileIds(descriptor, value) {
+  return introspectListPropControllerData(descriptor, value, getFileIds);
+}
+function getListPropControllerTypographyIds(descriptor, value) {
+  return introspectListPropControllerData(descriptor, value, getTypographyIds);
+}
+function getListPropControllerPageIds(descriptor, value) {
+  return introspectListPropControllerData(descriptor, value, getPageIds);
+}
 const MarginPropControllerFormat = {
   ClassName: "makeswift::prop-controllers::margin::format::class-name",
   ResponsiveValue: "makeswift::prop-controllers::margin::format::responsive-value"
@@ -656,7 +691,22 @@ 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);
+}
+function getShapePropControllerFileIds(descriptor, value) {
+  return introspectShapePropControllerData(descriptor, value, getFileIds);
+}
+function getShapePropControllerTypographyIds(descriptor, value) {
+  return introspectShapePropControllerData(descriptor, value, getTypographyIds);
+}
+function getShapePropControllerPageIds(descriptor, value) {
+  return introspectShapePropControllerData(descriptor, value, getPageIds);
+}
+function getShapePropControllerSwatchIds(descriptor, value) {
+  return introspectShapePropControllerData(descriptor, value, getSwatchIds);
 }
 function SocialLinks(options = {}) {
   return { type: Types.SocialLinks, options };
@@ -710,6 +760,11 @@ var descriptors = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePro
   Link: Link$1,
   List: List$1,
   introspectListPropControllerData,
+  getListPropControllerElementChildren,
+  getListPropControllerSwatchIds,
+  getListPropControllerFileIds,
+  getListPropControllerTypographyIds,
+  getListPropControllerPageIds,
   MarginPropControllerFormat,
   Margin,
   NavigationLinks,
@@ -727,6 +782,11 @@ var descriptors = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePro
   Shadows,
   Shape: Shape$1,
   introspectShapePropControllerData,
+  getShapePropControllerElementChildren,
+  getShapePropControllerFileIds,
+  getShapePropControllerTypographyIds,
+  getShapePropControllerPageIds,
+  getShapePropControllerSwatchIds,
   SocialLinks,
   Table,
   TableFormFields,
@@ -997,17 +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(definition2, value) {
+  return introspectListData(definition2, value, getElementChildren);
+}
+function getListSwatchIds(definition2, value) {
+  return introspectListData(definition2, value, getSwatchIds);
+}
+function getListFileIds(definition2, value) {
+  return introspectListData(definition2, value, getFileIds);
+}
+function getListTypographyIds(definition2, value) {
+  return introspectListData(definition2, value, getTypographyIds);
+}
+function getListPageIds(definition2, value) {
+  return introspectListData(definition2, value, getPageIds);
 }
 const ShapeControlType = "makeswift::controls::shape";
 function Shape(config) {
@@ -1052,20 +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(definition2, data) {
+  return introspectShapeData(definition2, data, getElementChildren);
+}
+function getShapeSwatchIds(definition2, data) {
+  return introspectShapeData(definition2, data, getSwatchIds);
+}
+function getShapeTypographyIds(definition2, data) {
+  return introspectShapeData(definition2, data, getTypographyIds);
+}
+function getShapePageIds(definition2, data) {
+  return introspectShapeData(definition2, data, getPageIds);
+}
+function getShapeFileIds(definition2, data) {
+  return introspectShapeData(definition2, data, getFileIds);
 }
 const SlotControlType = "makeswift::controls::slot";
 function Slot() {
@@ -1863,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:
@@ -1878,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:
@@ -1886,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:
@@ -1897,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;
@@ -1970,7 +2077,6 @@ const ObjectType = {
 };
 const RootBlockType = {
   Default: "default",
-  Text: "text-block",
   Paragraph: "paragraph",
   Heading1: "heading-one",
   Heading2: "heading-two",
@@ -2142,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:
@@ -2196,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",
@@ -2268,30 +2370,1362 @@ class RichTextControl extends PropController {
 function richTextV2DataToDescendents(data) {
   return data.descendants;
 }
-function richTextV2DescendentsToData(descendants) {
+function richTextV2DescendentsToData(descendants, key) {
   return {
     type: RichTextV2ControlType,
     version: 2,
-    descendants
+    descendants,
+    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",
@@ -2301,7 +3735,9 @@ const RichTextV2ControlMessageType = {
   ON_CHANGE: "makeswift::controls::rich-text-v2::control-message::on-change",
   SELECT: "makeswift::controls::rich-text-v2::control-message::select",
   SWITCH_TO_BUILD_MODE: "makeswift::controls::rich-text-v2::control-message::switch-to-build-mode",
-  CHANGE_BOX_MODEL: "makeswift::controls::rich-text-v2::control-message::change-box-model"
+  CHANGE_BOX_MODEL: "makeswift::controls::rich-text-v2::control-message::change-box-model",
+  REDO: "makeswift::controls::rich-text-v2::control-message::redo",
+  UNDO: "makeswift::controls::rich-text-v2::control-message::undo"
 };
 class RichTextV2Control extends PropController {
   constructor(send, descriptor) {
@@ -2321,8 +3757,9 @@ class RichTextV2Control extends PropController {
         case RichTextV2ControlMessageType.RESET_VALUE: {
           if (this.defaultValue) {
             this.editor.selection = null;
-            this.editor.children = this.defaultValue.descendants;
+            this.editor.children = this.defaultValue;
             this.editor.onChange();
+            this.onLocalUserChange();
           }
           break;
         }
@@ -2345,29 +3782,35 @@ class RichTextV2Control extends PropController {
         return (_a3 = plugin == null ? void 0 : plugin.control) == null ? void 0 : _a3.getValue(editor);
       })) != null ? _c : []
     });
+    const _onChange = editor.onChange;
+    this.editor.onChange = (options) => {
+      _onChange(options);
+      this.updatePluginValues();
+      if (this.editor == null || (options == null ? void 0 : options.operation) == null)
+        return;
+      this.onLocalUserChange();
+    };
   }
   setDefaultValue(defaultValue) {
-    this.defaultValue = richTextV2DescendentsToData(defaultValue);
+    this.defaultValue = defaultValue;
     this.send({
       type: RichTextV2ControlMessageType.SET_DEFAULT_VALUE,
-      value: richTextV2DescendentsToData(defaultValue)
+      value: defaultValue
     });
   }
-  select() {
-    this.send({ type: RichTextV2ControlMessageType.SELECT });
-  }
-  switchToBuildMode() {
-    this.send({ type: RichTextV2ControlMessageType.SWITCH_TO_BUILD_MODE });
+  onLocalUserChange() {
+    if (this.editor == null)
+      return;
+    this.send({
+      type: RichTextV2ControlMessageType.ON_CHANGE,
+      value: richTextV2DescendentsToData(this.editor.children, this.editor.currentKey)
+    });
   }
-  onChange(value) {
+  updatePluginValues() {
     var _a2, _b, _c;
     const editor = this.editor;
     if (editor == null)
       return;
-    this.send({
-      type: RichTextV2ControlMessageType.ON_CHANGE,
-      value: richTextV2DescendentsToData(value)
-    });
     this.send({
       type: RichTextV2ControlMessageType.SET_PLUGIN_CONTROL_VALUE,
       value: (_c = (_b = (_a2 = this.descriptor.config) == null ? void 0 : _a2.plugins) == null ? void 0 : _b.map((plugin) => {
@@ -2376,15 +3819,167 @@ class RichTextV2Control extends PropController {
       })) != null ? _c : []
     });
   }
+  select() {
+    this.send({ type: RichTextV2ControlMessageType.SELECT });
+  }
+  switchToBuildMode() {
+    this.send({ type: RichTextV2ControlMessageType.SWITCH_TO_BUILD_MODE });
+  }
+  undo() {
+    this.send({ type: RichTextV2ControlMessageType.UNDO });
+  }
+  redo() {
+    this.send({ type: RichTextV2ControlMessageType.REDO });
+  }
   changeBoxModel(boxModel) {
     this.send({ type: RichTextV2ControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } });
   }
 }
 function isRichTextV1Data(value) {
-  return value !== void 0 && typeof value === "object" && !Array.isArray(value) && "object" in value;
+  return value !== void 0 && typeof value === "object" && !Array.isArray(value) && "document" in value;
 }
-function isNonNullable(value) {
-  return value != null;
+const TypographyControlType = "makeswift::controls::typography";
+function unstable_Typography() {
+  return {
+    type: TypographyControlType
+  };
+}
+function getTypographySwatchIds(value) {
+  var _a2;
+  return (_a2 = value == null ? void 0 : value.style.flatMap((style) => {
+    var _a3, _b;
+    return (_b = (_a3 = style.value.color) == null ? void 0 : _a3.swatchId) != null ? _b : [];
+  }).filter(isNonNullable)) != null ? _a2 : [];
+}
+function getTypographyTypographyIds(value) {
+  return [value == null ? void 0 : value.id].filter(isNonNullable);
+}
+function getRichTextSwatchIds(value) {
+  if (value == null || value.document == null)
+    return [];
+  return getNodeSwatchIds(value.document);
+  function getNodeSwatchIds(node) {
+    var _a2, _b, _c, _d;
+    switch (node.object) {
+      case "document":
+      case "block":
+      case "inline":
+        return (_b = (_a2 = node.nodes) == null ? void 0 : _a2.flatMap(getNodeSwatchIds)) != null ? _b : [];
+      case "text":
+        return (_d = (_c = node.marks) == null ? void 0 : _c.flatMap(getMarkSwatchIds)) != null ? _d : [];
+      default:
+        return [];
+    }
+  }
+  function getTypographyStyleSwatchIds(style) {
+    var _a2;
+    return (_a2 = style == null ? void 0 : style.map((override) => override.value).flatMap((typographyStyle) => {
+      var _a3;
+      return (_a3 = typographyStyle.color) == null ? void 0 : _a3.swatchId;
+    }).filter(isNonNullable)) != null ? _a2 : [];
+  }
+  function getMarkSwatchIds(mark) {
+    var _a2, _b;
+    return getTypographyStyleSwatchIds((_b = (_a2 = mark.data) == null ? void 0 : _a2.value) == null ? void 0 : _b.style);
+  }
+}
+function getRichTextTypographyIds(value) {
+  if (value == null || value.document == null)
+    return [];
+  return getNodeSwatchIds(value.document);
+  function getNodeSwatchIds(node) {
+    var _a2, _b, _c, _d;
+    switch (node.object) {
+      case "document":
+      case "block":
+      case "inline":
+        return (_b = (_a2 = node.nodes) == null ? void 0 : _a2.flatMap(getNodeSwatchIds)) != null ? _b : [];
+      case "text":
+        return (_d = (_c = node.marks) == null ? void 0 : _c.flatMap(getMarkSwatchIds)) != null ? _d : [];
+      default:
+        return [];
+    }
+  }
+  function getMarkSwatchIds(mark) {
+    var _a2, _b;
+    return [(_b = (_a2 = mark.data) == null ? void 0 : _a2.value) == null ? void 0 : _b.id].filter(isNonNullable);
+  }
+}
+function getRichTextPageIds(value) {
+  if (value == null || value.document == null)
+    return [];
+  return getNodePageIds(value.document);
+  function getNodePageIds(node) {
+    var _a2, _b;
+    switch (node.object) {
+      case "document":
+      case "block":
+        return (_b = (_a2 = node.nodes) == null ? void 0 : _a2.flatMap(getNodePageIds)) != null ? _b : [];
+      case "inline":
+        return getInlinePageIds(node);
+      default:
+        return [];
+    }
+  }
+  function getInlinePageIds(inline) {
+    var _a2, _b, _c, _d;
+    switch (inline.type) {
+      case "link": {
+        const nodePageIds = (_b = (_a2 = inline.nodes) == null ? void 0 : _a2.flatMap(getNodePageIds)) != null ? _b : [];
+        const dataPageIds = inline.data ? getLinkDataPageIds(inline.data) : [];
+        return [...nodePageIds, ...dataPageIds];
+      }
+      default:
+        return (_d = (_c = inline.nodes) == null ? void 0 : _c.flatMap(getNodePageIds)) != null ? _d : [];
+    }
+  }
+  function getLinkDataPageIds(link) {
+    switch (link.type) {
+      case "OPEN_PAGE":
+        return link.payload.pageId == null ? [] : [link.payload.pageId];
+      default:
+        return [];
+    }
+  }
+}
+function introspectRichTextV2Data(definition2, data, func) {
+  const plugins = definition2.config.plugins;
+  return data.descendants.flatMap((d) => getDescendantTypographyIds(d));
+  function getDescendantTypographyIds(descendant) {
+    if (Element.isElement(descendant)) {
+      return [
+        ...getElementTypographyIds(descendant),
+        ...descendant.children.flatMap((d) => getDescendantTypographyIds(d))
+      ];
+    }
+    if (Text.isText(descendant)) {
+      return getTextTypographyIds(descendant);
+    }
+    return [];
+  }
+  function getElementTypographyIds(descendant) {
+    var _a2;
+    return (_a2 = plugins == null ? void 0 : plugins.flatMap((plugin) => {
+      var _a3;
+      return ((_a3 = plugin.control) == null ? void 0 : _a3.definition) && plugin.control.getElementValue ? func(plugin.control.definition, plugin.control.getElementValue(descendant)) : [];
+    })) != null ? _a2 : [];
+  }
+  function getTextTypographyIds(text) {
+    var _a2;
+    return (_a2 = plugins == null ? void 0 : plugins.flatMap((plugin) => {
+      var _a3;
+      return ((_a3 = plugin.control) == null ? void 0 : _a3.definition) && plugin.control.getLeafValue ? func(plugin.control.definition, plugin.control.getLeafValue(text)) : [];
+    })) != null ? _a2 : [];
+  }
+}
+function getRichTextV2SwatchIds(definition2, data) {
+  return introspectRichTextV2Data(definition2, data, getSwatchIds);
+}
+function getRichTextV2TypographyIds(definition2, data) {
+  return introspectRichTextV2Data(definition2, data, getTypographyIds);
+}
+function getRichTextV2PageIds(definition2, data) {
+  return introspectRichTextV2Data(definition2, data, getPageIds);
 }
 function getElementChildren(descriptor, prop) {
   if (prop == null)
@@ -2397,16 +3992,16 @@ function getElementChildren(descriptor, prop) {
     case ListControlType:
       return prop.flatMap(({ value }) => getElementChildren(descriptor.config.type, value));
     case ShapeControlType: {
-      return introspectShapeData(descriptor, prop, getElementChildren);
+      return getShapeElementChildren(descriptor, prop);
     }
     case ListControlType: {
-      return introspectListData(descriptor, prop, getElementChildren);
+      return getListElementChildren(descriptor, prop);
     }
     case Types.Shape: {
-      return introspectShapePropControllerData(descriptor, prop, getElementChildren);
+      return getShapePropControllerElementChildren(descriptor, prop);
     }
     case Types.List: {
-      return introspectListPropControllerData(descriptor, prop, getElementChildren);
+      return getListPropControllerElementChildren(descriptor, prop);
     }
     default:
       return [];
@@ -2459,13 +4054,6 @@ function getResponsiveColorSwatchIds(value) {
   var _a2;
   return (_a2 = value == null ? void 0 : value.map((override) => override.value).map((color) => color.swatchId)) != null ? _a2 : [];
 }
-function getTypographyStyleSwatchIds(style) {
-  var _a2;
-  return (_a2 = style == null ? void 0 : style.map((override) => override.value).flatMap((typographyStyle) => {
-    var _a3;
-    return (_a3 = typographyStyle.color) == null ? void 0 : _a3.swatchId;
-  }).filter(isNonNullable)) != null ? _a2 : [];
-}
 function getSwatchIds(descriptor, prop) {
   var _a2, _b;
   if (prop == null)
@@ -2493,78 +4081,38 @@ function getSwatchIds(descriptor, prop) {
       return getResponsiveColorSwatchIds(prop);
     case Types.Shadows:
       return getBoxShadowsSwatchIds(prop);
+    case RichTextControlType:
     case Types.RichText: {
-      let getNodeSwatchIds = function(node) {
-        var _a3, _b2, _c, _d;
-        switch (node.object) {
-          case "document":
-          case "block":
-          case "inline":
-            return (_b2 = (_a3 = node.nodes) == null ? void 0 : _a3.flatMap(getNodeSwatchIds)) != null ? _b2 : [];
-          case "text":
-            return (_d = (_c = node.marks) == null ? void 0 : _c.flatMap(getMarkSwatchIds)) != null ? _d : [];
-          default:
-            return [];
-        }
-      }, getMarkSwatchIds = function(mark) {
-        var _a3, _b2;
-        return getTypographyStyleSwatchIds((_b2 = (_a3 = mark.data) == null ? void 0 : _a3.value) == null ? void 0 : _b2.style);
-      };
-      const value = prop;
-      if (value == null || value.document == null)
-        return [];
-      return getNodeSwatchIds(value.document);
+      return getRichTextSwatchIds(prop);
     }
     case ColorControlType: {
       const value = prop;
       return (value == null ? void 0 : value.swatchId) == null ? [] : [value.swatchId];
     }
+    case TypographyControlType: {
+      return getTypographySwatchIds(prop);
+    }
     case StyleV2ControlType: {
       const value = prop;
       return (_b = value == null ? void 0 : value.flatMap((value2) => getSwatchIds(descriptor.config.type, value2.value))) != null ? _b : [];
     }
     case RichTextV2ControlType: {
-      let getDescendantSwatchIds = function(descendant) {
-        if (Element.isElement(descendant)) {
-          return [
-            ...getSlateElementSwatchIds(descendant),
-            ...descendant.children.flatMap((d) => getDescendantSwatchIds(d))
-          ];
-        }
-        if (Text.isText(descendant)) {
-          return getTextSwatchIds(descendant);
-        }
-        return [];
-      }, getSlateElementSwatchIds = function(descendant) {
-        var _a3;
-        return (_a3 = plugins == null ? void 0 : plugins.flatMap((plugin) => {
-          var _a4;
-          return ((_a4 = plugin.control) == null ? void 0 : _a4.definition) && plugin.control.getElementValue ? getSwatchIds(plugin.control.definition, plugin.control.getElementValue(descendant)) : [];
-        })) != null ? _a3 : [];
-      }, getTextSwatchIds = function(text) {
-        var _a3;
-        return (_a3 = plugins == null ? void 0 : plugins.flatMap((plugin) => {
-          var _a4;
-          return ((_a4 = plugin.control) == null ? void 0 : _a4.definition) && plugin.control.getLeafValue ? getSwatchIds(plugin.control.definition, plugin.control.getLeafValue(text)) : [];
-        })) != null ? _a3 : [];
-      };
       const data = prop;
-      const plugins = descriptor.config.plugins;
       if (isRichTextV1Data(data))
-        return [];
-      return data.descendants.flatMap((d) => getDescendantSwatchIds(d));
+        return getRichTextSwatchIds(data);
+      return getRichTextV2SwatchIds(descriptor, data);
     }
     case ShapeControlType: {
-      return introspectShapeData(descriptor, prop, getSwatchIds);
+      return getShapeSwatchIds(descriptor, prop);
     }
     case ListControlType: {
-      return introspectListData(descriptor, prop, getSwatchIds);
+      return getListSwatchIds(descriptor, prop);
     }
     case Types.Shape: {
-      return introspectShapePropControllerData(descriptor, prop, getSwatchIds);
+      return getShapePropControllerSwatchIds(descriptor, prop);
     }
     case Types.List: {
-      return introspectListPropControllerData(descriptor, prop, getSwatchIds);
+      return getListPropControllerSwatchIds(descriptor, prop);
     }
     default:
       return [];
@@ -2601,16 +4149,16 @@ function getFileIds(descriptor, prop) {
       return value == null ? [] : [value];
     }
     case ShapeControlType: {
-      return introspectShapeData(descriptor, prop, getFileIds);
+      return getShapeFileIds(descriptor, prop);
     }
     case ListControlType: {
-      return introspectListData(descriptor, prop, getFileIds);
+      return getListFileIds(descriptor, prop);
     }
     case Types.Shape: {
-      return introspectShapePropControllerData(descriptor, prop, getFileIds);
+      return getShapePropControllerFileIds(descriptor, prop);
     }
     case Types.List: {
-      return introspectListPropControllerData(descriptor, prop, getFileIds);
+      return getListPropControllerFileIds(descriptor, prop);
     }
     default:
       return [];
@@ -2620,39 +4168,30 @@ function getTypographyIds(descriptor, prop) {
   if (prop == null)
     return [];
   switch (descriptor.type) {
+    case TypographyControlType: {
+      return getTypographyTypographyIds(prop);
+    }
+    case RichTextControlType:
     case Types.RichText: {
-      let getNodeTypographyIds = function(node) {
-        var _a2, _b, _c, _d;
-        switch (node.object) {
-          case "document":
-          case "block":
-          case "inline":
-            return (_b = (_a2 = node.nodes) == null ? void 0 : _a2.flatMap(getNodeTypographyIds)) != null ? _b : [];
-          case "text":
-            return (_d = (_c = node.marks) == null ? void 0 : _c.flatMap(getMarkTypographyIds)) != null ? _d : [];
-          default:
-            return [];
-        }
-      }, getMarkTypographyIds = function(mark) {
-        var _a2, _b;
-        return [(_b = (_a2 = mark.data) == null ? void 0 : _a2.value) == null ? void 0 : _b.id].filter((id) => id != null);
-      };
-      const value = prop;
-      if (value == null || value.document == null)
-        return [];
-      return getNodeTypographyIds(value.document);
+      return getRichTextTypographyIds(prop);
+    }
+    case RichTextV2ControlType: {
+      const data = prop;
+      if (isRichTextV1Data(data))
+        return getRichTextTypographyIds(data);
+      return getRichTextV2TypographyIds(descriptor, data);
     }
     case ShapeControlType: {
-      return introspectShapeData(descriptor, prop, getTypographyIds);
+      return getShapeTypographyIds(descriptor, prop);
     }
     case ListControlType: {
-      return introspectListData(descriptor, prop, getTypographyIds);
+      return getListTypographyIds(descriptor, prop);
     }
     case Types.Shape: {
-      return introspectShapePropControllerData(descriptor, prop, getTypographyIds);
+      return getShapePropControllerTypographyIds(descriptor, prop);
     }
     case Types.List: {
-      return introspectListPropControllerData(descriptor, prop, getTypographyIds);
+      return getListPropControllerTypographyIds(descriptor, prop);
     }
     default:
       return [];
@@ -2729,53 +4268,27 @@ function getPageIds(descriptor, prop) {
         }
       })) != null ? _a2 : [];
     }
+    case RichTextControlType:
     case Types.RichText: {
-      let getNodePageIds = function(node) {
-        var _a3, _b;
-        switch (node.object) {
-          case "document":
-          case "block":
-            return (_b = (_a3 = node.nodes) == null ? void 0 : _a3.flatMap(getNodePageIds)) != null ? _b : [];
-          case "inline":
-            return getInlinePageIds(node);
-          default:
-            return [];
-        }
-      }, getInlinePageIds = function(inline) {
-        var _a3, _b, _c, _d;
-        switch (inline.type) {
-          case "link": {
-            const nodePageIds = (_b = (_a3 = inline.nodes) == null ? void 0 : _a3.flatMap(getNodePageIds)) != null ? _b : [];
-            const dataPageIds = inline.data ? getLinkDataPageIds(inline.data) : [];
-            return [...nodePageIds, ...dataPageIds];
-          }
-          default:
-            return (_d = (_c = inline.nodes) == null ? void 0 : _c.flatMap(getNodePageIds)) != null ? _d : [];
-        }
-      }, getLinkDataPageIds = function(link) {
-        switch (link.type) {
-          case "OPEN_PAGE":
-            return link.payload.pageId == null ? [] : [link.payload.pageId];
-          default:
-            return [];
-        }
-      };
-      const value = prop;
-      if (value == null || value.document == null)
-        return [];
-      return getNodePageIds(value.document);
+      return getRichTextPageIds(prop);
+    }
+    case RichTextV2ControlType: {
+      const data = prop;
+      if (isRichTextV1Data(data))
+        return getRichTextPageIds(data);
+      return getRichTextV2PageIds(descriptor, data);
     }
     case ShapeControlType: {
-      return introspectShapeData(descriptor, prop, getPageIds);
+      return getShapePageIds(descriptor, prop);
     }
     case ListControlType: {
-      return introspectListData(descriptor, prop, getPageIds);
+      return getListPageIds(descriptor, prop);
     }
     case Types.Shape: {
-      return introspectShapePropControllerData(descriptor, prop, getPageIds);
+      return getShapePropControllerPageIds(descriptor, prop);
     }
     case Types.List: {
-      return introspectListPropControllerData(descriptor, prop, getPageIds);
+      return getListPropControllerPageIds(descriptor, prop);
     }
     default:
       return [];
@@ -2789,7 +4302,6 @@ var introspection = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineP
   getBorderSwatchIds,
   getBoxShadowsSwatchIds,
   getResponsiveColorSwatchIds,
-  getTypographyStyleSwatchIds,
   getSwatchIds,
   getBackgroundsFileIds,
   getFileIds,
@@ -2968,5 +4480,5 @@ function configureStore({
     locales: getInitialState(locales != null ? locales : preloadedState == null ? void 0 : preloadedState.locales)
   }), applyMiddleware(thunk));
 }
-export { StyleControlProperty 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, isNonNullable as Y, getBoxShadowsSwatchIds as Z, getResponsiveColorSwatchIds as _, createDocumentReference as a, StyleV2ControlMessageType as a$, ImageControlValueFormat as a0, isPropControllersHandle as a1, isRichTextV1Data as a2, StyleControlType as a3, RichTextV2ControlType as a4, RichTextControlType as a5, SlotControlType as a6, StyleV2ControlType as a7, ListControlType as a8, ShapeControlType as a9, copy as aA, merge as aB, Image as aC, copyImageData as aD, Link as aE, copyLinkData as aF, List as aG, ListControlMessageType as aH, ListControl as aI, copyListData as aJ, introspectListData as aK, Shape as aL, ShapeControlMessageType as aM, ShapeControl as aN, copyShapeData as aO, introspectShapeData as aP, Slot as aQ, SlotControlMessageType as aR, SlotControl as aS, copySlotData as aT, mergeSlotData as aU, Style as aV, StyleControlMessageType as aW, StyleControl as aX, copyStyleData as aY, unstable_useStyleV2ClassName as aZ, unstable_StyleV2 as a_, LinkControlType as aa, ImageControlType as ab, ColorControlType as ac, getComponentPropControllerDescriptors as ad, getPropControllers as ae, Types as af, BorderPropControllerFormat as ag, ShadowsPropControllerFormat as ah, BorderRadiusPropControllerFormat as ai, MarginPropControllerFormat as aj, PaddingPropControllerFormat as ak, WidthPropControllerFormat as al, configureStore as am, copyElementTree as an, getBreakpoints as ao, parseLocalesInput as ap, getDocument as aq, getElementId as ar, getIsPreview as as, getIsInBuilder as at, getReactComponent as au, getBuilderEditMode as av, getBackgroundsFileIds as aw, getBackgroundsSwatchIds as ax, Color as ay, copyColorData as az, isElementReference as b, StyleV2Control as b0, ObjectType as b1, RichText as b2, RichTextControlMessageType as b3, RichTextControl as b4, richTextDTOtoSelection as b5, richTextDTOtoDAO as b6, toSelectionDTO as b7, richTextDAOToDTO as b8, RichTextV2Mode as b9, reducer$6 as bA, reducer$5 as bB, reducer$4 as bC, reducer$3 as bD, reducer$2 as bE, reducer$1 as bF, getInitialState$2 as bG, createRichTextV2Plugin as ba, unstable_RichTextV2 as bb, RichTextV2ControlMessageType as bc, RichTextV2Control as bd, richTextV2DataToDescendents as be, richTextV2DescendentsToData as bf, InlineType as bg, RootBlockType as bh, BlockType as bi, BlockTextAlignment as bj, getInitialState$7 as bk, reducer$8 as bl, getDocument$1 as bm, getComponentsMeta as bn, getComponentPropControllerDescriptors$1 as bo, getLocales as bp, getDefaultLocale as bq, BuilderEditMode as br, getDocumentKeysSortedByDepth as bs, getPropController as bt, getPropControllersHandle as bu, getElement as bv, getElementPropControllerDescriptors as bw, createPropController as bx, reducer$7 as by, reducer$9 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