@makeswift/runtime 0.10.2 → 0.10.4

package/dist/react-page.cjs.js

@@ -34,22 +34,25 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-var _a;
+var _c;
 var redux = require("redux");
 var thunk = require("redux-thunk");
 var actions = require("./actions.cjs.js");
 var state_breakpoints = require("./state/breakpoints.cjs.js");
+var ipsum = require("corporate-ipsum");
+var slate = require("slate");
+var uuid = require("uuid");
 var React = require("react");
 var css = require("@emotion/css");
 var serialize = require("@emotion/serialize");
 var utils = require("@emotion/utils");
-var slate = require("slate");
 var jsxRuntime = require("react/jsx-runtime");
 var isHotkey = require("is-hotkey");
 function _interopDefaultLegacy(e) {
   return e && typeof e === "object" && "default" in e ? e : { "default": e };
 }
 var thunk__default = /* @__PURE__ */ _interopDefaultLegacy(thunk);
+var ipsum__default = /* @__PURE__ */ _interopDefaultLegacy(ipsum);
 var React__default = /* @__PURE__ */ _interopDefaultLegacy(React);
 var isHotkey__default = /* @__PURE__ */ _interopDefaultLegacy(isHotkey);
 const ComponentIcon = {
@@ -119,8 +122,8 @@ function getDocuments(state) {
   return state;
 }
 function getDocument$1(state, documentKey) {
-  var _a2;
-  return (_a2 = getDocuments(state).get(documentKey)) != null ? _a2 : null;
+  var _a;
+  return (_a = getDocuments(state).get(documentKey)) != null ? _a : null;
 }
 function reducer$8(state = getInitialState$7(), action) {
   switch (action.type) {
@@ -144,8 +147,8 @@ function getReactComponents(state) {
   return state;
 }
 function getReactComponent$1(state, type) {
-  var _a2;
-  return (_a2 = getReactComponents(state).get(type)) != null ? _a2 : null;
+  var _a;
+  return (_a = getReactComponents(state).get(type)) != null ? _a : null;
 }
 function reducer$7(state = getInitialState$6(), action) {
   switch (action.type) {
@@ -169,8 +172,8 @@ function getPropControllerDescriptors$1(state) {
   return state;
 }
 function getComponentPropControllerDescriptors$1(state, componentType) {
-  var _a2;
-  return (_a2 = getPropControllerDescriptors$1(state).get(componentType)) != null ? _a2 : null;
+  var _a;
+  return (_a = getPropControllerDescriptors$1(state).get(componentType)) != null ? _a : null;
 }
 function reducer$6(state = getInitialState$5(), action) {
   switch (action.type) {
@@ -195,24 +198,24 @@ function getInitialState$4() {
   return { handles: /* @__PURE__ */ new Map(), instances: /* @__PURE__ */ new Map() };
 }
 function getPropControllersHandle(state, documentKey, elementKey) {
-  var _a2, _b;
-  return (_b = (_a2 = state.handles.get(documentKey)) == null ? void 0 : _a2.get(elementKey)) != null ? _b : null;
+  var _a, _b;
+  return (_b = (_a = state.handles.get(documentKey)) == null ? void 0 : _a.get(elementKey)) != null ? _b : null;
 }
 function getPropControllers$1(state, documentKey, elementKey) {
-  var _a2, _b;
-  return (_b = (_a2 = state.instances.get(documentKey)) == null ? void 0 : _a2.get(elementKey)) != null ? _b : null;
+  var _a, _b;
+  return (_b = (_a = state.instances.get(documentKey)) == null ? void 0 : _a.get(elementKey)) != null ? _b : null;
 }
 function getPropController(state, documentKey, elementKey, propName) {
-  var _a2, _b;
-  return (_b = (_a2 = getPropControllers$1(state, documentKey, elementKey)) == null ? void 0 : _a2[propName]) != null ? _b : null;
+  var _a, _b;
+  return (_b = (_a = getPropControllers$1(state, documentKey, elementKey)) == null ? void 0 : _a[propName]) != null ? _b : null;
 }
 function reducer$5(state = getInitialState$4(), action) {
-  var _a2, _b, _c, _d;
+  var _a, _b, _c2, _d;
   switch (action.type) {
     case actions.ActionTypes.REGISTER_PROP_CONTROLLERS_HANDLE: {
       const { documentKey, elementKey, handle } = action.payload;
       return __spreadProps(__spreadValues({}, state), {
-        handles: new Map(state.handles).set(documentKey, new Map((_a2 = state.handles.get(documentKey)) != null ? _a2 : []).set(elementKey, handle))
+        handles: new Map(state.handles).set(documentKey, new Map((_a = state.handles.get(documentKey)) != null ? _a : []).set(elementKey, handle))
       });
     }
     case actions.ActionTypes.UNREGISTER_PROP_CONTROLLERS_HANDLE: {
@@ -224,7 +227,7 @@ function reducer$5(state = getInitialState$4(), action) {
     case actions.ActionTypes.REGISTER_PROP_CONTROLLERS: {
       const { documentKey, elementKey, propControllers } = action.payload;
       return __spreadProps(__spreadValues({}, state), {
-        instances: new Map(state.instances).set(documentKey, new Map((_c = state.instances.get(documentKey)) != null ? _c : []).set(elementKey, propControllers))
+        instances: new Map(state.instances).set(documentKey, new Map((_c2 = state.instances.get(documentKey)) != null ? _c2 : []).set(elementKey, propControllers))
       });
     }
     case actions.ActionTypes.UNREGISTER_PROP_CONTROLLERS: {
@@ -277,11 +280,11 @@ function reducer$2(state = getInitialState$1(), action) {
   }
 }
 function getInitialState(initialState) {
-  var _a2, _b, _c;
+  var _a, _b, _c2;
   return {
-    locales: (_a2 = initialState == null ? void 0 : initialState.locales) != null ? _a2 : [],
+    locales: (_a = initialState == null ? void 0 : initialState.locales) != null ? _a : [],
     locale: (_b = initialState == null ? void 0 : initialState.locale) != null ? _b : null,
-    defaultLocale: (_c = initialState == null ? void 0 : initialState.defaultLocale) != null ? _c : null
+    defaultLocale: (_c2 = initialState == null ? void 0 : initialState.defaultLocale) != null ? _c2 : null
   };
 }
 function reducer$1(state = getInitialState(), action) {
@@ -322,11 +325,11 @@ function Color(config = {}) {
   return { type: ColorControlType, config };
 }
 function copyColorData(value, context) {
-  var _a2;
+  var _a;
   if (value == null)
     return value;
   return __spreadProps(__spreadValues({}, value), {
-    swatchId: (_a2 = context.replacementContext.swatchIds.get(value.swatchId)) != null ? _a2 : value.swatchId
+    swatchId: (_a = context.replacementContext.swatchIds.get(value.swatchId)) != null ? _a : value.swatchId
   });
 }
 class PropController {
@@ -357,10 +360,10 @@ const AllStyleControlProperties = [
   StyleControlProperty.TextStyle
 ];
 function Style(params) {
-  var _a2;
+  var _a;
   return {
     type: StyleControlType,
-    config: { properties: (_a2 = params == null ? void 0 : params.properties) != null ? _a2 : StyleControlDefaultProperties }
+    config: { properties: (_a = params == null ? void 0 : params.properties) != null ? _a : StyleControlDefaultProperties }
   };
 }
 Style.Default = StyleControlDefaultProperties;
@@ -814,10 +817,10 @@ function Image(config = {}) {
 }
 Image.Format = ImageControlValueFormat;
 function copyImageData(value, context) {
-  var _a2;
+  var _a;
   if (value == null)
     return value;
-  return (_a2 = context.replacementContext.fileIds.get(value)) != null ? _a2 : value;
+  return (_a = context.replacementContext.fileIds.get(value)) != null ? _a : value;
 }
 if (void 0) {
   const { describe, test, expect } = void 0;
@@ -850,7 +853,7 @@ function Link(config = {}) {
   return { type: LinkControlType, config };
 }
 function copyLinkData(value, context) {
-  var _a2;
+  var _a;
   if (value == null)
     return value;
   if (value.type === "OPEN_PAGE") {
@@ -858,7 +861,7 @@ function copyLinkData(value, context) {
     if (pageId != null) {
       return __spreadProps(__spreadValues({}, value), {
         payload: __spreadProps(__spreadValues({}, value.payload), {
-          pageId: (_a2 = context.replacementContext.pageIds.get(pageId)) != null ? _a2 : pageId
+          pageId: (_a = context.replacementContext.pageIds.get(pageId)) != null ? _a : pageId
         })
       });
     }
@@ -1212,22 +1215,22 @@ function copy$e(value, context) {
     return value;
   return value.map((override) => __spreadProps(__spreadValues({}, override), {
     value: override.value.map((backgroundItem) => {
-      var _a2, _b;
+      var _a, _b;
       switch (backgroundItem.type) {
         case "color":
           return __spreadProps(__spreadValues({}, backgroundItem), {
             payload: backgroundItem.payload === null ? null : __spreadProps(__spreadValues({}, backgroundItem.payload), {
-              swatchId: (_a2 = context.replacementContext.swatchIds.get(backgroundItem.payload.swatchId)) != null ? _a2 : backgroundItem.payload.swatchId
+              swatchId: (_a = context.replacementContext.swatchIds.get(backgroundItem.payload.swatchId)) != null ? _a : backgroundItem.payload.swatchId
             })
           });
         case "gradient":
           return __spreadProps(__spreadValues({}, backgroundItem), {
             payload: __spreadProps(__spreadValues({}, backgroundItem.payload), {
               stops: backgroundItem.payload.stops.map((stop) => {
-                var _a3;
+                var _a2;
                 return __spreadProps(__spreadValues({}, stop), {
                   color: stop.color == null ? null : __spreadProps(__spreadValues({}, stop.color), {
-                    swatchId: (_a3 = context.replacementContext.swatchIds.get(stop.color.swatchId)) != null ? _a3 : stop.color.swatchId
+                    swatchId: (_a2 = context.replacementContext.swatchIds.get(stop.color.swatchId)) != null ? _a2 : stop.color.swatchId
                   })
                 });
               })
@@ -1253,7 +1256,7 @@ function copy$d(value, context) {
   });
 }
 function copy$c(value, context) {
-  var _a2, _b;
+  var _a, _b;
   if (value == null)
     return value;
   switch (value.type) {
@@ -1263,7 +1266,7 @@ function copy$c(value, context) {
         return value;
       return __spreadProps(__spreadValues({}, value), {
         payload: __spreadProps(__spreadValues({}, value.payload), {
-          pageId: (_a2 = context.replacementContext.pageIds.get(pageId)) != null ? _a2 : pageId
+          pageId: (_a = context.replacementContext.pageIds.get(pageId)) != null ? _a : pageId
         })
       });
     }
@@ -1296,10 +1299,10 @@ function copy$b(value, context) {
           payload: __spreadProps(__spreadValues({}, item.payload), {
             link: link != null ? copy$c(link, context) : void 0,
             color: color != null ? color.map((override) => {
-              var _a2;
+              var _a;
               return __spreadProps(__spreadValues({}, override), {
                 value: __spreadProps(__spreadValues({}, override.value), {
-                  swatchId: (_a2 = context.replacementContext.swatchIds.get(override.value.swatchId)) != null ? _a2 : override.value.swatchId
+                  swatchId: (_a = context.replacementContext.swatchIds.get(override.value.swatchId)) != null ? _a : override.value.swatchId
                 })
               });
             }) : void 0
@@ -1357,14 +1360,14 @@ function copy$a(value, context) {
     return value;
   return value.map((override) => __spreadProps(__spreadValues({}, override), { value: override.value.map(copyShadowItem) }));
   function copyShadowItem(item) {
-    var _a2;
+    var _a;
     const { color } = item.payload;
     if (color == null)
       return item;
     return __spreadProps(__spreadValues({}, item), {
       payload: __spreadProps(__spreadValues({}, item.payload), {
         color: __spreadProps(__spreadValues({}, color), {
-          swatchId: (_a2 = context.replacementContext.swatchIds.get(color.swatchId)) != null ? _a2 : color.swatchId
+          swatchId: (_a = context.replacementContext.swatchIds.get(color.swatchId)) != null ? _a : color.swatchId
         })
       })
     });
@@ -1418,10 +1421,10 @@ if (void 0) {
   });
 }
 function copy$9(value, context) {
-  var _a2;
+  var _a;
   if (value == null)
     return value;
-  return (_a2 = context.replacementContext.fileIds.get(value)) != null ? _a2 : value;
+  return (_a = context.replacementContext.fileIds.get(value)) != null ? _a : value;
 }
 if (void 0) {
   const { describe, test, expect } = void 0;
@@ -1454,13 +1457,13 @@ function copy$8(value, context) {
     return value;
   return value.map(copyImagesPanelItem);
   function copyImagesPanelItem(imagesPanelItem) {
-    var _a2;
+    var _a;
     const { file } = imagesPanelItem.props;
     if (file == null)
       return imagesPanelItem;
     return __spreadProps(__spreadValues({}, imagesPanelItem), {
       props: __spreadProps(__spreadValues({}, imagesPanelItem.props), {
-        file: (_a2 = context.replacementContext.fileIds.get(file)) != null ? _a2 : file
+        file: (_a = context.replacementContext.fileIds.get(file)) != null ? _a : file
       })
     });
   }
@@ -1509,9 +1512,9 @@ function copy$7(value, context) {
     return value;
   return value.map((override) => __spreadProps(__spreadValues({}, override), { value: copyColorValue(override.value) }));
   function copyColorValue(colorValue) {
-    var _a2;
+    var _a;
     return __spreadProps(__spreadValues({}, colorValue), {
-      swatchId: (_a2 = context.replacementContext.swatchIds.get(colorValue.swatchId)) != null ? _a2 : colorValue.swatchId
+      swatchId: (_a = context.replacementContext.swatchIds.get(colorValue.swatchId)) != null ? _a : colorValue.swatchId
     });
   }
 }
@@ -1520,9 +1523,9 @@ function copy$6(value, context) {
     return value;
   return __spreadProps(__spreadValues({}, value), { fields: value.fields.map(copyFormFieldsPanelItem) });
   function copyFormFieldsPanelItem(item) {
-    var _a2;
+    var _a;
     return __spreadProps(__spreadValues({}, item), {
-      tableColumnId: (_a2 = context.replacementContext.tableColumnIds.get(item.tableColumnId)) != null ? _a2 : item.tableColumnId
+      tableColumnId: (_a = context.replacementContext.tableColumnIds.get(item.tableColumnId)) != null ? _a : item.tableColumnId
     });
   }
 }
@@ -1576,10 +1579,10 @@ if (void 0) {
   });
 }
 function copy$5(value, context) {
-  var _a2;
+  var _a;
   if (value == null)
     return value;
-  return (_a2 = context.replacementContext.tableIds.get(value)) != null ? _a2 : value;
+  return (_a = context.replacementContext.tableIds.get(value)) != null ? _a : value;
 }
 if (void 0) {
   const { describe, test, expect } = void 0;
@@ -1621,13 +1624,13 @@ function copy$4(value, context) {
     };
   }
   function copyBorderSide(borderSide) {
-    var _a2;
+    var _a;
     const { color } = borderSide;
     if (color == null)
       return borderSide;
     return __spreadProps(__spreadValues({}, borderSide), {
       color: __spreadProps(__spreadValues({}, color), {
-        swatchId: (_a2 = context.replacementContext.swatchIds.get(color.swatchId)) != null ? _a2 : color.swatchId
+        swatchId: (_a = context.replacementContext.swatchIds.get(color.swatchId)) != null ? _a : color.swatchId
       })
     });
   }
@@ -1741,24 +1744,24 @@ function copy$3(value, context) {
     return value;
   return __spreadProps(__spreadValues({}, value), { document: value.document ? copyNode(value.document) : value.document });
   function copyNode(node) {
-    var _a2;
+    var _a;
     switch (node.object) {
       case "document":
       case "block":
       case "inline":
         return copyInline(node);
       case "text":
-        return __spreadProps(__spreadValues({}, node), { marks: (_a2 = node.marks) == null ? void 0 : _a2.map(copyMark) });
+        return __spreadProps(__spreadValues({}, node), { marks: (_a = node.marks) == null ? void 0 : _a.map(copyMark) });
       default:
         return node;
     }
   }
   function copyInline(inline) {
-    var _a2, _b;
+    var _a, _b;
     switch (inline.type) {
       case "link":
         return __spreadProps(__spreadValues({}, inline), {
-          nodes: (_a2 = inline.nodes) == null ? void 0 : _a2.map(copyNode),
+          nodes: (_a = inline.nodes) == null ? void 0 : _a.map(copyNode),
           data: inline.data ? copyLinkData2(inline.data) : inline.data
         });
       default:
@@ -1766,7 +1769,7 @@ function copy$3(value, context) {
     }
   }
   function copyLinkData2(data) {
-    var _a2, _b;
+    var _a, _b;
     switch (data.type) {
       case "OPEN_PAGE": {
         const pageId = data.payload.pageId;
@@ -1774,7 +1777,7 @@ function copy$3(value, context) {
           return data;
         return __spreadProps(__spreadValues({}, data), {
           payload: __spreadProps(__spreadValues({}, data.payload), {
-            pageId: (_a2 = context.replacementContext.pageIds.get(pageId)) != null ? _a2 : data.payload.pageId
+            pageId: (_a = context.replacementContext.pageIds.get(pageId)) != null ? _a : data.payload.pageId
           })
         });
       }
@@ -1795,20 +1798,20 @@ function copy$3(value, context) {
     }
   }
   function copyMark(mark) {
-    var _a2, _b, _c, _d;
+    var _a, _b, _c2, _d;
     switch (mark.type) {
       case "typography": {
-        const typographyId = (_a2 = mark.data) == null ? void 0 : _a2.value.id;
+        const typographyId = (_a = mark.data) == null ? void 0 : _a.value.id;
         return __spreadProps(__spreadValues({}, mark), {
           data: __spreadProps(__spreadValues({}, mark.data), {
             value: __spreadProps(__spreadValues({}, (_b = mark.data) == null ? void 0 : _b.value), {
-              id: (_c = context.replacementContext.typographyIds.get(typographyId)) != null ? _c : typographyId,
+              id: (_c2 = context.replacementContext.typographyIds.get(typographyId)) != null ? _c2 : typographyId,
               style: (_d = mark.data) == null ? void 0 : _d.value.style.map((override) => {
-                var _a3, _b2, _c2;
+                var _a2, _b2, _c3;
                 return __spreadProps(__spreadValues({}, override), {
                   value: __spreadProps(__spreadValues({}, override.value), {
                     color: override.value.color == null ? override.value.color : __spreadProps(__spreadValues({}, override.value.color), {
-                      swatchId: (_c2 = context.replacementContext.swatchIds.get((_a3 = override.value.color) == null ? void 0 : _a3.swatchId)) != null ? _c2 : (_b2 = override.value.color) == null ? void 0 : _b2.swatchId
+                      swatchId: (_c3 = context.replacementContext.swatchIds.get((_a2 = override.value.color) == null ? void 0 : _a2.swatchId)) != null ? _c3 : (_b2 = override.value.color) == null ? void 0 : _b2.swatchId
                     })
                   })
                 });
@@ -1959,110 +1962,89 @@ function copy$1(descriptor, value, context) {
 function copyElementReference(value, context) {
   return context.replacementContext.globalElementIds.get(value) || value;
 }
-function copy(definition2, value, context) {
-  switch (definition2.type) {
-    case Types.Backgrounds:
-    case Types.Grid:
-    case Types.NavigationLinks:
-    case Types.Link:
-    case Types.Shadows:
-    case Types.Image:
-    case Types.Images:
-    case Types.ResponsiveColor:
-    case Types.TableFormFields:
-    case Types.Table:
-    case Types.Border:
-    case Types.RichText:
-    case Types.ElementID:
-      return copy$1(definition2, value, context);
-    case ColorControlType:
-      return copyColorData(value, context);
-    case ImageControlType:
-      return copyImageData(value, context);
-    case LinkControlType:
-      return copyLinkData(value, context);
-    case ShapeControlType:
-      return copyShapeData(definition2, value, context);
-    case ListControlType:
-      return copyListData(definition2, value, context);
-    case StyleControlType:
-      return copyStyleData(value, context);
-    case SlotControlType:
-      return copySlotData(value, context);
-    default:
-      return value;
-  }
-}
-function merge(definition2, a, b = a, context) {
-  switch (definition2.type) {
-    case SlotControlType:
-      return mergeSlotData(a, b, context);
-    default:
-      return b;
+function copyRichTextData(value, context) {
+  if (value == null)
+    return value;
+  return __spreadProps(__spreadValues({}, value), { document: value.document ? copyNode(value.document) : value.document });
+  function copyNode(node) {
+    var _a;
+    switch (node.object) {
+      case "document":
+      case "block":
+      case "inline":
+        return copyInline(node);
+      case "text":
+        return __spreadProps(__spreadValues({}, node), { marks: (_a = node.marks) == null ? void 0 : _a.map(copyMark) });
+      default:
+        return node;
+    }
   }
-}
-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["default"][useInsertionEffectSpecifier]) != null ? _a : React__default["default"].useLayoutEffect;
-function useStyle(style) {
-  const serialized = serialize.serializeStyles([style], css.cache.registered);
-  utils.registerStyles(css.cache, serialized, false);
-  useInsertionEffect(() => {
-    utils.insertStyles(css.cache, serialized, false);
-  });
-  if (isServer)
-    utils.insertStyles(css.cache, serialized, false);
-  return `${css.cache.key}-${serialized.name}`;
-}
-const StyleV2ControlType = "makeswift::controls::style-v2";
-const unstable_useStyleV2ClassName = useStyle;
-function unstable_StyleV2(config) {
-  return { type: StyleV2ControlType, config };
-}
-const StyleV2ControlMessageType = {
-  CHANGE_BOX_MODEL: "makeswift::controls::style::message::change-box-model",
-  STYLE_V2_CONTROL_CHILD_CONTROL_MESSAGE: "makeswift::controls::style-v2::message::child-control-message"
-};
-class StyleV2Control extends PropController {
-  constructor(send, descriptor) {
-    super(send);
-    __publicField(this, "control");
-    this.control = createPropController(descriptor.config.type, (message) => {
-      this.send({
-        type: StyleV2ControlMessageType.STYLE_V2_CONTROL_CHILD_CONTROL_MESSAGE,
-        payload: { message }
-      });
-    });
+  function copyInline(inline) {
+    var _a, _b;
+    switch (inline.type) {
+      case "link":
+        return __spreadProps(__spreadValues({}, inline), {
+          nodes: (_a = inline.nodes) == null ? void 0 : _a.map(copyNode),
+          data: inline.data ? copyLinkData2(inline.data) : inline.data
+        });
+      default:
+        return __spreadProps(__spreadValues({}, inline), { nodes: (_b = inline.nodes) == null ? void 0 : _b.map(copyNode) });
+    }
   }
-  changeBoxModel(boxModel) {
-    this.send({ type: StyleV2ControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } });
+  function copyLinkData2(data) {
+    var _a, _b;
+    switch (data.type) {
+      case "OPEN_PAGE": {
+        const pageId = data.payload.pageId;
+        if (pageId == null)
+          return data;
+        return __spreadProps(__spreadValues({}, data), {
+          payload: __spreadProps(__spreadValues({}, data.payload), {
+            pageId: (_a = context.replacementContext.pageIds.get(pageId)) != null ? _a : data.payload.pageId
+          })
+        });
+      }
+      case "SCROLL_TO_ELEMENT": {
+        const elementIdConfig = data.payload.elementIdConfig;
+        if (elementIdConfig == null)
+          return data;
+        return __spreadProps(__spreadValues({}, data), {
+          payload: __spreadProps(__spreadValues({}, data.payload), {
+            elementIdConfig: __spreadProps(__spreadValues({}, elementIdConfig), {
+              elementKey: (_b = context.replacementContext.elementKeys.get(elementIdConfig.elementKey)) != null ? _b : elementIdConfig.elementKey
+            })
+          })
+        });
+      }
+      default:
+        return data;
+    }
   }
-  recv(message) {
-    switch (message.type) {
-      case StyleV2ControlMessageType.STYLE_V2_CONTROL_CHILD_CONTROL_MESSAGE: {
-        const control = this.control;
-        if (control == null)
-          return;
-        const recv = control.recv;
-        recv(message.payload.message);
+  function copyMark(mark) {
+    var _a, _b, _c2, _d;
+    switch (mark.type) {
+      case "typography": {
+        const typographyId = (_a = mark.data) == null ? void 0 : _a.value.id;
+        return __spreadProps(__spreadValues({}, mark), {
+          data: __spreadProps(__spreadValues({}, mark.data), {
+            value: __spreadProps(__spreadValues({}, (_b = mark.data) == null ? void 0 : _b.value), {
+              id: (_c2 = context.replacementContext.typographyIds.get(typographyId)) != null ? _c2 : typographyId,
+              style: (_d = mark.data) == null ? void 0 : _d.value.style.map((override) => {
+                var _a2, _b2, _c3;
+                return __spreadProps(__spreadValues({}, override), {
+                  value: __spreadProps(__spreadValues({}, override.value), {
+                    color: override.value.color == null ? override.value.color : __spreadProps(__spreadValues({}, override.value.color), {
+                      swatchId: (_c3 = context.replacementContext.swatchIds.get((_a2 = override.value.color) == null ? void 0 : _a2.swatchId)) != null ? _c3 : (_b2 = override.value.color) == null ? void 0 : _b2.swatchId
+                    })
+                  })
+                });
+              })
+            })
+          })
+        });
       }
+      default:
+        return mark;
     }
   }
 }
@@ -2116,22 +2098,22 @@ function isText(node) {
   return false;
 }
 function toTextDAO(node) {
-  var _a2, _b, _c, _d;
-  const typographyMark = (_a2 = node.marks) == null ? void 0 : _a2.find((mark) => mark.type === "typography");
+  var _a, _b, _c2, _d;
+  const typographyMark = (_a = node.marks) == null ? void 0 : _a.find((mark) => mark.type === "typography");
   return [
     {
       text: (_b = node.text) != null ? _b : "",
-      typography: (_d = (_c = typographyMark == null ? void 0 : typographyMark.data) == null ? void 0 : _c.value) != null ? _d : void 0
+      typography: (_d = (_c2 = typographyMark == null ? void 0 : typographyMark.data) == null ? void 0 : _c2.value) != null ? _d : void 0
     }
   ];
 }
 function toInlineDAO(node) {
-  var _a2, _b, _c, _d;
+  var _a, _b, _c2, _d;
   switch (node.type) {
     case InlineType.Link:
       return [
         {
-          children: (_b = (_a2 = node.nodes) == null ? void 0 : _a2.flatMap(toInlineOrTextDAO)) != null ? _b : [],
+          children: (_b = (_a = node.nodes) == null ? void 0 : _a.flatMap(toInlineOrTextDAO)) != null ? _b : [],
           [node.type]: node.data,
           type: node.type
         }
@@ -2141,7 +2123,7 @@ function toInlineDAO(node) {
     case InlineType.SuperScript:
       return [
         {
-          children: (_d = (_c = node.nodes) == null ? void 0 : _c.flatMap(toInlineOrTextDAO)) != null ? _d : [],
+          children: (_d = (_c2 = node.nodes) == null ? void 0 : _c2.flatMap(toInlineOrTextDAO)) != null ? _d : [],
           type: node.type
         }
       ];
@@ -2177,8 +2159,8 @@ function toNodeDAO(node) {
   }
 }
 function richTextDTOtoSelection(data) {
-  var _a2, _b, _c, _d;
-  if (((_b = (_a2 = data.selection) == null ? void 0 : _a2.anchor) == null ? void 0 : _b.offset) != null && data.selection.anchor.path != null && ((_d = (_c = data.selection) == null ? void 0 : _c.focus) == null ? void 0 : _d.offset) != null && data.selection.focus.path != null)
+  var _a, _b, _c2, _d;
+  if (((_b = (_a = data.selection) == null ? void 0 : _a.anchor) == null ? void 0 : _b.offset) != null && data.selection.anchor.path != null && ((_d = (_c2 = data.selection) == null ? void 0 : _c2.focus) == null ? void 0 : _d.offset) != null && data.selection.focus.path != null)
     return {
       anchor: {
         offset: data.selection.anchor.offset,
@@ -2192,11 +2174,11 @@ function richTextDTOtoSelection(data) {
   return null;
 }
 function richTextDTOtoDAO(data) {
-  var _a2, _b, _c;
-  return (_c = (_b = (_a2 = data.document) == null ? void 0 : _a2.nodes) == null ? void 0 : _b.flatMap(toNodeDAO)) != null ? _c : [];
+  var _a, _b, _c2;
+  return (_c2 = (_b = (_a = data.document) == null ? void 0 : _a.nodes) == null ? void 0 : _b.flatMap(toNodeDAO)) != null ? _c2 : [];
 }
 function toInlineOrTextDTO(node) {
-  var _a2;
+  var _a;
   if (isText(node)) {
     return [
       {
@@ -2221,7 +2203,7 @@ function toInlineOrTextDTO(node) {
           object: ObjectType.Inline,
           nodes: node.children.flatMap(toInlineOrTextDTO),
           type: node.type,
-          data: (_a2 = node.link) != null ? _a2 : void 0
+          data: (_a = node.link) != null ? _a : void 0
         }
       ];
     case InlineType.Code:
@@ -2238,7 +2220,7 @@ function toInlineOrTextDTO(node) {
   }
 }
 function toNodeDTO(node) {
-  var _a2, _b;
+  var _a, _b;
   if (isText(node))
     return toInlineOrTextDTO(node);
   switch (node.type) {
@@ -2267,7 +2249,7 @@ function toNodeDTO(node) {
             textAlign: node.textAlign
           } : {},
           object: "block",
-          nodes: (_b = (_a2 = node.children) == null ? void 0 : _a2.flatMap(toNodeDTO)) != null ? _b : []
+          nodes: (_b = (_a = node.children) == null ? void 0 : _a.flatMap(toNodeDTO)) != null ? _b : []
         }
       ];
     default:
@@ -2373,17 +2355,6 @@ class RichTextControl extends PropController {
     this.send({ type: RichTextControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } });
   }
 }
-function richTextV2DataToDescendents(data) {
-  return data.descendants;
-}
-function richTextV2DescendentsToData(descendants, key) {
-  return {
-    type: RichTextV2ControlType,
-    version: 2,
-    descendants,
-    key
-  };
-}
 function createRichTextV2Plugin({
   control,
   withPlugin,
@@ -2530,9 +2501,9 @@ function getBlocksInSelection(editor) {
   })).filter((entry) => ElementUtils.isRootBlock(entry[0]));
 }
 function getActiveBlockType(editor) {
-  var _a2;
+  var _a;
   const rootBlocks = getBlocksInSelection(editor).map(([node]) => node.type);
-  return rootBlocks.reduce((a, b) => a === b ? b : null, (_a2 = rootBlocks.at(0)) != null ? _a2 : null);
+  return rootBlocks.reduce((a, b) => a === b ? b : null, (_a = rootBlocks.at(0)) != null ? _a : null);
 }
 function unwrapInline(editor, type) {
   slate.Transforms.unwrapNodes(editor, {
@@ -2558,13 +2529,13 @@ function getLinksAndTextInSelection(editor) {
   }));
 }
 const getValue$3 = (editor) => {
-  var _a2;
+  var _a;
   const roots = filterForSubtreeRoots(getLinksAndTextInSelection(editor));
   const areAllRootsLinks = roots.every(([root]) => isLinkElement(root) || slate.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);
+  const match = matchingValues.reduce((a, b) => deepEqual(a == null ? void 0 : a.link, b == null ? void 0 : b.link) ? b : null, (_a = matchingValues.at(0)) != null ? _a : void 0);
   return match == null ? match : match.link;
 };
 const onChange$1 = (editor, value) => {
@@ -2595,6 +2566,19 @@ function LinkPlugin() {
     }
   });
 }
+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 supportedInlineOptions = [
   {
     icon: unstable_IconRadioGroupIcon.Superscript,
@@ -2626,13 +2610,13 @@ function getSupportedInlinesAndTextInSelection(editor) {
   }));
 }
 const getValue$2 = (editor) => {
-  var _a2;
+  var _a;
   const roots = filterForSubtreeRoots(getSupportedInlinesAndTextInSelection(editor));
   const areAllRootsSupportedInlineTypesOrText = roots.every((entry) => isSupportedInlineEntry(entry) || slate.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);
+  const match = matchingValues.reduce((a, b) => (a == null ? void 0 : a.type) === (b == null ? void 0 : b.type) ? b : null, (_a = matchingValues.at(0)) != null ? _a : void 0);
   return match == null ? match : match.type;
 };
 const onChange = (editor, value) => {
@@ -2688,10 +2672,10 @@ function InlinePlugin() {
     }
   });
 }
-function InlinePluginComponent(_b) {
-  var _c = _b, {
+function InlinePluginComponent(_a) {
+  var _b = _a, {
     renderElement
-  } = _c, props = __objRest(_c, [
+  } = _b, props = __objRest(_b, [
     "renderElement"
   ]);
   switch (props.element.type) {
@@ -2851,8 +2835,8 @@ function TextAlignPlugin() {
   });
 }
 function setBlockKeyForDevice(editor, breakpoints, deviceId, key, value, options) {
-  var _a2, _b;
-  const at = (_a2 = options == null ? void 0 : options.at) != null ? _a2 : editor.selection;
+  var _a, _b;
+  const at = (_a = options == null ? void 0 : options.at) != null ? _a : editor.selection;
   if (!at)
     return;
   const rootElements = getBlocksInSelection(editor);
@@ -2871,17 +2855,21 @@ function setBlockKeyForDevice(editor, breakpoints, deviceId, key, value, options
   }
 }
 function clearBlockKeyForDevice(editor, deviceId, key) {
-  var _a2;
+  var _a;
   const rootElements = getBlocksInSelection(editor);
   for (const [node, path] of rootElements) {
     if (ElementUtils.isBlock(node)) {
-      const deviceOverrides = (_a2 = node[key]) != null ? _a2 : [];
+      const deviceOverrides = (_a = node[key]) != null ? _a : [];
       slate.Transforms.setNodes(editor, {
         [key]: deviceOverrides.filter((v) => v.deviceId !== deviceId)
       }, { at: path });
     }
   }
 }
+const SelectControlType = "makeswift::controls::select";
+function Select(config) {
+  return { type: SelectControlType, config };
+}
 const EditorUtils = {
   getFirstAncestorList(editor, path) {
     try {
@@ -2931,8 +2919,8 @@ function unwrapPath(editor, listItemPath) {
   });
 }
 function unwrapList(editor, options) {
-  var _a2;
-  const at = (_a2 = options == null ? void 0 : options.at) != null ? _a2 : editor.selection;
+  var _a;
+  const at = (_a = options == null ? void 0 : options.at) != null ? _a : editor.selection;
   if (!at)
     return;
   const listItems = Array.from(slate.Editor.nodes(editor, {
@@ -2951,8 +2939,8 @@ function unwrapList(editor, options) {
   });
 }
 function wrapList(editor, options = { type: BlockType.UnorderedList }) {
-  var _a2;
-  const at = (_a2 = options.at) != null ? _a2 : editor.selection;
+  var _a;
+  const at = (_a = options.at) != null ? _a : editor.selection;
   if (!at)
     return;
   const nonListEntries = Array.from(slate.Editor.nodes(editor, {
@@ -2991,7 +2979,7 @@ const LocationUtils = {
   }
 };
 function getSelectedListItems(editor) {
-  var _a2, _b;
+  var _a, _b;
   if (!editor.selection)
     return [];
   const start = LocationUtils.getStartPath(editor.selection);
@@ -2999,7 +2987,7 @@ function getSelectedListItems(editor) {
     at: editor.selection,
     match: (node) => ElementUtils.isListItem(node)
   });
-  const firstAncestorPath = (_b = (_a2 = EditorUtils.getFirstAncestorListItem(editor, start)) == null ? void 0 : _a2[1]) != null ? _b : [];
+  const firstAncestorPath = (_b = (_a = EditorUtils.getFirstAncestorListItem(editor, start)) == null ? void 0 : _a[1]) != null ? _b : [];
   return Array.from(listItems).filter((node) => slate.Path.isDescendant(start, node[1]) ? slate.Path.equals(node[1], firstAncestorPath) : !slate.Path.isAfter(start, node[1]));
 }
 function indentPath(editor, path) {
@@ -3076,8 +3064,8 @@ function dedent(editor) {
   });
 }
 function toggleList(editor, options = { type: BlockType.UnorderedList }) {
-  var _a2;
-  const at = (_a2 = options.at) != null ? _a2 : editor.selection;
+  var _a;
+  const at = (_a = options.at) != null ? _a : editor.selection;
   if (at == null)
     return;
   const start = LocationUtils.getStartPath(at);
@@ -3094,6 +3082,19 @@ function toggleList(editor, options = { type: BlockType.UnorderedList }) {
     slate.Transforms.setNodes(editor, { type: options.type }, { at: ancestorPath });
   }
 }
+const isServer = typeof window === "undefined";
+const useInsertionEffectSpecifier = "useInsertionEffect";
+const useInsertionEffect = (_c = React__default["default"][useInsertionEffectSpecifier]) != null ? _c : React__default["default"].useLayoutEffect;
+function useStyle(style) {
+  const serialized = serialize.serializeStyles([style], css.cache.registered);
+  utils.registerStyles(css.cache, serialized, false);
+  useInsertionEffect(() => {
+    utils.insertStyles(css.cache, serialized, false);
+  });
+  if (isServer)
+    utils.insertStyles(css.cache, serialized, false);
+  return `${css.cache.key}-${serialized.name}`;
+}
 const BlockActions = {
   setBlockKeyForDevice,
   clearBlockKeyForDevice,
@@ -3175,9 +3176,9 @@ function withBlock(editor) {
     return ElementUtils.isInline(entry);
   };
   editor.normalizeNode = (entry) => {
-    var _a2;
+    var _a;
     const [normalizationNode, normalizationPath] = entry;
-    if (ElementUtils.isBlock(normalizationNode) && ((_a2 = normalizationNode == null ? void 0 : normalizationNode.textAlign) == null ? void 0 : _a2.length) == 0) {
+    if (ElementUtils.isBlock(normalizationNode) && ((_a = normalizationNode == null ? void 0 : normalizationNode.textAlign) == null ? void 0 : _a.length) == 0) {
       slate.Transforms.unsetNodes(editor, "textAlign", {
         at: normalizationPath
       });
@@ -3418,8 +3419,8 @@ function BlockPluginComponent(_d) {
 }
 function clearActiveTypographyStyle(editor, options) {
   slate.Editor.withoutNormalizing(editor, () => {
-    var _a2;
-    const at = (_a2 = options == null ? void 0 : options.at) != null ? _a2 : editor.selection;
+    var _a;
+    const at = (_a = options == null ? void 0 : options.at) != null ? _a : editor.selection;
     if (!at)
       return;
     const atRef = slate.Editor.rangeRef(editor, at);
@@ -3453,8 +3454,8 @@ function clearActiveTypographyStyle(editor, options) {
 }
 function clearDeviceActiveTypography(editor, currentDeviceId, options) {
   slate.Editor.withoutNormalizing(editor, () => {
-    var _a2, _b, _c;
-    const at = (_a2 = options == null ? void 0 : options.at) != null ? _a2 : editor.selection;
+    var _a, _b, _c2;
+    const at = (_a = options == null ? void 0 : options.at) != null ? _a : editor.selection;
     if (!at)
       return;
     const atRef = slate.Editor.rangeRef(editor, at);
@@ -3475,7 +3476,7 @@ function clearDeviceActiveTypography(editor, currentDeviceId, options) {
       for (const [node, path] of textNodes) {
         if (slate.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 : []
+            style: (_c2 = (_b = node == null ? void 0 : node.typography) == null ? void 0 : _b.style.filter(({ deviceId }) => deviceId !== currentDeviceId)) != null ? _c2 : []
           });
           slate.Transforms.setNodes(editor, {
             typography
@@ -3488,8 +3489,8 @@ function clearDeviceActiveTypography(editor, currentDeviceId, options) {
 }
 function detachActiveTypography(editor, value, options) {
   slate.Editor.withoutNormalizing(editor, () => {
-    var _a2;
-    const at = (_a2 = options == null ? void 0 : options.at) != null ? _a2 : editor.selection;
+    var _a;
+    const at = (_a = options == null ? void 0 : options.at) != null ? _a : editor.selection;
     if (!at)
       return;
     const atRef = slate.Editor.rangeRef(editor, at);
@@ -3521,8 +3522,8 @@ function detachActiveTypography(editor, value, options) {
   });
 }
 function setActiveTypographyId(editor, id, options) {
-  var _a2;
-  const at = (_a2 = options == null ? void 0 : options.at) != null ? _a2 : editor.selection;
+  var _a;
+  const at = (_a = options == null ? void 0 : options.at) != null ? _a : editor.selection;
   if (!at)
     return;
   slate.Transforms.setNodes(editor, {
@@ -3538,8 +3539,8 @@ function setActiveTypographyId(editor, id, options) {
 }
 function setActiveTypographyStyle(editor, breakpoints, deviceId, prop, value, options) {
   slate.Editor.withoutNormalizing(editor, () => {
-    var _a2, _b, _c;
-    const at = (_a2 = options == null ? void 0 : options.at) != null ? _a2 : editor.selection;
+    var _a, _b, _c2;
+    const at = (_a = options == null ? void 0 : options.at) != null ? _a : editor.selection;
     if (!at)
       return;
     const atRef = slate.Editor.rangeRef(editor, at);
@@ -3559,7 +3560,7 @@ function setActiveTypographyStyle(editor, breakpoints, deviceId, prop, value, op
       }));
       for (const [node, path] of textNodes) {
         if (slate.Text.isText(node)) {
-          const deviceOverrides = (_c = (_b = node == null ? void 0 : node.typography) == null ? void 0 : _b.style) != null ? _c : [];
+          const deviceOverrides = (_c2 = (_b = node == null ? void 0 : node.typography) == null ? void 0 : _b.style) != null ? _c2 : [];
           const deviceStyle = state_breakpoints.findBreakpointOverride(breakpoints, deviceOverrides, deviceId, (v) => v) || {
             value: {}
           };
@@ -3597,9 +3598,9 @@ const TYPOGRAPHY_KEY = "typography";
 function withTypography(editor) {
   const { normalizeNode } = editor;
   editor.normalizeNode = (entry) => {
-    var _a2, _b;
+    var _a, _b;
     const [normalizationNode, normalizationPath] = entry;
-    if (slate.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) {
+    if (slate.Text.isText(normalizationNode) && ((_a = normalizationNode == null ? void 0 : normalizationNode.typography) == null ? void 0 : _a.id) == null && ((_b = normalizationNode == null ? void 0 : normalizationNode.typography) == null ? void 0 : _b.style.length) === 0) {
       slate.Transforms.unsetNodes(editor, TYPOGRAPHY_KEY, { at: normalizationPath });
       return;
     }
@@ -3706,13 +3707,31 @@ function InlineModePlugin() {
     }))
   });
 }
+const minWidth = `${"Write some text...".length}ch`;
 function InlineModePluginComponent(_f) {
   var _g = _f, {
     renderElement
   } = _g, props = __objRest(_g, [
     "renderElement"
   ]);
-  return /* @__PURE__ */ jsxRuntime.jsx("span", __spreadProps(__spreadValues({}, props.attributes), {
+  if (props.element.children.length === 1) {
+    const text = props.element.children[0];
+    if (slate.Text.isText(text) && text.text === "") {
+      return /* @__PURE__ */ jsxRuntime.jsx("span", __spreadProps(__spreadValues({
+        style: {
+          display: "inline-block",
+          minWidth
+        }
+      }, props.attributes), {
+        children: renderElement(props)
+      }));
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("span", __spreadProps(__spreadValues({
+    style: {
+      minWidth
+    }
+  }, props.attributes), {
     children: renderElement(props)
   }));
 }
@@ -3726,7 +3745,7 @@ function RichText(config = {}) {
     type: RichTextV2ControlType,
     config: {
       mode: config.mode,
-      defaultValue: config == null ? void 0 : config.unstable_defaultValue,
+      defaultValue: (config == null ? void 0 : config.mode) === RichTextV2Mode.Inline ? "Edit this text" : ipsum__default["default"](3),
       plugins: (config == null ? void 0 : config.mode) === RichTextV2Mode.Inline ? [InlineModePlugin()] : [BlockPlugin(), TypographyPlugin(), TextAlignPlugin(), InlinePlugin(), LinkPlugin()]
     }
   };
@@ -3752,7 +3771,7 @@ class RichTextV2Control extends PropController {
     __publicField(this, "defaultValue", null);
     __publicField(this, "descriptor");
     __publicField(this, "recv", (message) => {
-      var _a2, _b, _c;
+      var _a, _b, _c2;
       if (!this.editor)
         return;
       switch (message.type) {
@@ -3762,15 +3781,15 @@ class RichTextV2Control extends PropController {
         }
         case RichTextV2ControlMessageType.RESET_VALUE: {
           if (this.defaultValue) {
-            this.editor.selection = null;
-            this.editor.children = this.defaultValue;
-            this.editor.onChange();
-            this.onLocalUserChange();
+            this.editor.resetValue(this.defaultValue);
+            setTimeout(() => {
+              this.onLocalUserChange();
+            });
           }
           break;
         }
         case RichTextV2ControlMessageType.RUN_PLUGIN_CONTROL_ACTION: {
-          (_c = (_b = (_a2 = this.descriptor.config.plugins) == null ? void 0 : _a2.at(message.pluginIndex)) == null ? void 0 : _b.control) == null ? void 0 : _c.onChange(this.editor, message.value);
+          (_c2 = (_b = (_a = this.descriptor.config.plugins) == null ? void 0 : _a.at(message.pluginIndex)) == null ? void 0 : _b.control) == null ? void 0 : _c2.onChange(this.editor, message.value);
           break;
         }
       }
@@ -3779,14 +3798,14 @@ class RichTextV2Control extends PropController {
     this.send = send;
   }
   setEditor(editor) {
-    var _a2, _b, _c;
+    var _a, _b, _c2;
     this.editor = editor;
     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) => {
-        var _a3;
-        return (_a3 = plugin == null ? void 0 : plugin.control) == null ? void 0 : _a3.getValue(editor);
-      })) != null ? _c : []
+      value: (_c2 = (_b = (_a = this.descriptor.config) == null ? void 0 : _a.plugins) == null ? void 0 : _b.map((plugin) => {
+        var _a2;
+        return (_a2 = plugin == null ? void 0 : plugin.control) == null ? void 0 : _a2.getValue(editor);
+      })) != null ? _c2 : []
     });
     const _onChange = editor.onChange;
     this.editor.onChange = (options) => {
@@ -3813,16 +3832,16 @@ class RichTextV2Control extends PropController {
     });
   }
   updatePluginValues() {
-    var _a2, _b, _c;
+    var _a, _b, _c2;
     const editor = this.editor;
     if (editor == null)
       return;
     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) => {
-        var _a3;
-        return (_a3 = plugin == null ? void 0 : plugin.control) == null ? void 0 : _a3.getValue(editor);
-      })) != null ? _c : []
+      value: (_c2 = (_b = (_a = this.descriptor.config) == null ? void 0 : _a.plugins) == null ? void 0 : _b.map((plugin) => {
+        var _a2;
+        return (_a2 = plugin == null ? void 0 : plugin.control) == null ? void 0 : _a2.getValue(editor);
+      })) != null ? _c2 : []
     });
   }
   select() {
@@ -3844,6 +3863,171 @@ class RichTextV2Control extends PropController {
 function isRichTextV1Data(value) {
   return value !== void 0 && typeof value === "object" && !Array.isArray(value) && "document" in value;
 }
+function richTextV2DataToDescendents(data) {
+  return data.descendants;
+}
+function richTextV2DescendentsToData(descendants, key) {
+  return {
+    type: RichTextV2ControlType,
+    version: 2,
+    descendants,
+    key: key != null ? key : uuid.v4()
+  };
+}
+function copyRichTextV2Data(data, context) {
+  var _a;
+  if (data == null)
+    return data;
+  return richTextV2DescendentsToData((_a = data.descendants) == null ? void 0 : _a.flatMap((d) => copyNode(d)));
+  function copyNode(descendant) {
+    if (slate.Element.isElement(descendant) && ElementUtils.isInline(descendant)) {
+      return copyLinkData2(descendant);
+    }
+    if (slate.Text.isText(descendant)) {
+      return copyTypographyData(descendant);
+    }
+    return __spreadProps(__spreadValues({}, descendant), { children: descendant.children.map(copyNode) });
+  }
+  function copyLinkData2(descendant) {
+    var _a2, _b;
+    if (descendant.type !== "link") {
+      return __spreadProps(__spreadValues({}, descendant), { children: descendant.children.map(copyNode) });
+    }
+    if (descendant.link == null)
+      return descendant;
+    switch (descendant.link.type) {
+      case "OPEN_PAGE": {
+        const pageId = descendant.link.payload.pageId;
+        if (pageId == null)
+          return descendant;
+        return __spreadProps(__spreadValues({}, descendant), {
+          link: __spreadProps(__spreadValues({}, descendant.link), {
+            payload: __spreadProps(__spreadValues({}, descendant.link.payload), {
+              pageId: (_a2 = context.replacementContext.pageIds.get(pageId)) != null ? _a2 : descendant.link.payload.pageId
+            })
+          }),
+          children: descendant.children.map(copyNode)
+        });
+      }
+      case "SCROLL_TO_ELEMENT": {
+        const elementIdConfig = descendant.link.payload.elementIdConfig;
+        if (elementIdConfig == null)
+          return descendant;
+        return __spreadProps(__spreadValues({}, descendant), {
+          link: __spreadProps(__spreadValues({}, descendant.link), {
+            payload: __spreadProps(__spreadValues({}, descendant.link.payload), {
+              elementIdConfig: __spreadProps(__spreadValues({}, elementIdConfig), {
+                elementKey: (_b = context.replacementContext.elementKeys.get(elementIdConfig.elementKey)) != null ? _b : elementIdConfig.elementKey
+              })
+            })
+          }),
+          children: descendant.children.map(copyNode)
+        });
+      }
+      default:
+        return descendant;
+    }
+  }
+  function copyTypographyData(descendant) {
+    var _a2, _b, _c2, _d, _e;
+    return __spreadValues(__spreadValues({}, descendant), descendant.typography == null ? {} : {
+      typography: {
+        id: (_d = context.replacementContext.typographyIds.get((_b = (_a2 = descendant.typography) == null ? void 0 : _a2.id) != null ? _b : "")) != null ? _d : (_c2 = descendant.typography) == null ? void 0 : _c2.id,
+        style: (_e = descendant.typography) == null ? void 0 : _e.style.map((override) => {
+          var _a3, _b2, _c3, _d2;
+          return __spreadProps(__spreadValues({}, override), {
+            value: __spreadValues(__spreadValues({}, override.value), override.value.color == null ? {} : {
+              color: __spreadProps(__spreadValues({}, override.value.color), {
+                swatchId: (_d2 = context.replacementContext.swatchIds.get((_b2 = (_a3 = override.value.color) == null ? void 0 : _a3.swatchId) != null ? _b2 : "")) != null ? _d2 : (_c3 = override.value.color) == null ? void 0 : _c3.swatchId
+              })
+            })
+          });
+        })
+      }
+    });
+  }
+}
+function copy(definition2, value, context) {
+  switch (definition2.type) {
+    case Types.Backgrounds:
+    case Types.Grid:
+    case Types.NavigationLinks:
+    case Types.Link:
+    case Types.Shadows:
+    case Types.Image:
+    case Types.Images:
+    case Types.ResponsiveColor:
+    case Types.TableFormFields:
+    case Types.Table:
+    case Types.Border:
+    case Types.RichText:
+    case Types.ElementID:
+      return copy$1(definition2, value, context);
+    case RichTextControlType:
+      return copyRichTextData(value, context);
+    case RichTextV2ControlType:
+      return copyRichTextV2Data(isRichTextV1Data(value) ? richTextV2DescendentsToData(richTextDTOtoDAO(value)) : value, context);
+    case ColorControlType:
+      return copyColorData(value, context);
+    case ImageControlType:
+      return copyImageData(value, context);
+    case LinkControlType:
+      return copyLinkData(value, context);
+    case ShapeControlType:
+      return copyShapeData(definition2, value, context);
+    case ListControlType:
+      return copyListData(definition2, value, context);
+    case StyleControlType:
+      return copyStyleData(value, context);
+    case SlotControlType:
+      return copySlotData(value, context);
+    default:
+      return value;
+  }
+}
+function merge(definition2, a, b = a, context) {
+  switch (definition2.type) {
+    case SlotControlType:
+      return mergeSlotData(a, b, context);
+    default:
+      return b;
+  }
+}
+const StyleV2ControlType = "makeswift::controls::style-v2";
+const unstable_useStyleV2ClassName = useStyle;
+function unstable_StyleV2(config) {
+  return { type: StyleV2ControlType, config };
+}
+const StyleV2ControlMessageType = {
+  CHANGE_BOX_MODEL: "makeswift::controls::style::message::change-box-model",
+  STYLE_V2_CONTROL_CHILD_CONTROL_MESSAGE: "makeswift::controls::style-v2::message::child-control-message"
+};
+class StyleV2Control extends PropController {
+  constructor(send, descriptor) {
+    super(send);
+    __publicField(this, "control");
+    this.control = createPropController(descriptor.config.type, (message) => {
+      this.send({
+        type: StyleV2ControlMessageType.STYLE_V2_CONTROL_CHILD_CONTROL_MESSAGE,
+        payload: { message }
+      });
+    });
+  }
+  changeBoxModel(boxModel) {
+    this.send({ type: StyleV2ControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } });
+  }
+  recv(message) {
+    switch (message.type) {
+      case StyleV2ControlMessageType.STYLE_V2_CONTROL_CHILD_CONTROL_MESSAGE: {
+        const control = this.control;
+        if (control == null)
+          return;
+        const recv = control.recv;
+        recv(message.payload.message);
+      }
+    }
+  }
+}
 const TypographyControlType = "makeswift::controls::typography";
 function unstable_Typography() {
   return {
@@ -3851,11 +4035,11 @@ function unstable_Typography() {
   };
 }
 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 : [];
+  var _a;
+  return (_a = value == null ? void 0 : value.style.flatMap((style) => {
+    var _a2, _b;
+    return (_b = (_a2 = style.value.color) == null ? void 0 : _a2.swatchId) != null ? _b : [];
+  }).filter(isNonNullable)) != null ? _a : [];
 }
 function getTypographyTypographyIds(value) {
   return [value == null ? void 0 : value.id].filter(isNonNullable);
@@ -3865,28 +4049,28 @@ function getRichTextSwatchIds(value) {
     return [];
   return getNodeSwatchIds(value.document);
   function getNodeSwatchIds(node) {
-    var _a2, _b, _c, _d;
+    var _a, _b, _c2, _d;
     switch (node.object) {
       case "document":
       case "block":
       case "inline":
-        return (_b = (_a2 = node.nodes) == null ? void 0 : _a2.flatMap(getNodeSwatchIds)) != null ? _b : [];
+        return (_b = (_a = node.nodes) == null ? void 0 : _a.flatMap(getNodeSwatchIds)) != null ? _b : [];
       case "text":
-        return (_d = (_c = node.marks) == null ? void 0 : _c.flatMap(getMarkSwatchIds)) != null ? _d : [];
+        return (_d = (_c2 = node.marks) == null ? void 0 : _c2.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 : [];
+    var _a;
+    return (_a = style == null ? void 0 : style.map((override) => override.value).flatMap((typographyStyle) => {
+      var _a2;
+      return (_a2 = typographyStyle.color) == null ? void 0 : _a2.swatchId;
+    }).filter(isNonNullable)) != null ? _a : [];
   }
   function getMarkSwatchIds(mark) {
-    var _a2, _b;
-    return getTypographyStyleSwatchIds((_b = (_a2 = mark.data) == null ? void 0 : _a2.value) == null ? void 0 : _b.style);
+    var _a, _b;
+    return getTypographyStyleSwatchIds((_b = (_a = mark.data) == null ? void 0 : _a.value) == null ? void 0 : _b.style);
   }
 }
 function getRichTextTypographyIds(value) {
@@ -3894,21 +4078,21 @@ function getRichTextTypographyIds(value) {
     return [];
   return getNodeSwatchIds(value.document);
   function getNodeSwatchIds(node) {
-    var _a2, _b, _c, _d;
+    var _a, _b, _c2, _d;
     switch (node.object) {
       case "document":
       case "block":
       case "inline":
-        return (_b = (_a2 = node.nodes) == null ? void 0 : _a2.flatMap(getNodeSwatchIds)) != null ? _b : [];
+        return (_b = (_a = node.nodes) == null ? void 0 : _a.flatMap(getNodeSwatchIds)) != null ? _b : [];
       case "text":
-        return (_d = (_c = node.marks) == null ? void 0 : _c.flatMap(getMarkSwatchIds)) != null ? _d : [];
+        return (_d = (_c2 = node.marks) == null ? void 0 : _c2.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);
+    var _a, _b;
+    return [(_b = (_a = mark.data) == null ? void 0 : _a.value) == null ? void 0 : _b.id].filter(isNonNullable);
   }
 }
 function getRichTextPageIds(value) {
@@ -3916,11 +4100,11 @@ function getRichTextPageIds(value) {
     return [];
   return getNodePageIds(value.document);
   function getNodePageIds(node) {
-    var _a2, _b;
+    var _a, _b;
     switch (node.object) {
       case "document":
       case "block":
-        return (_b = (_a2 = node.nodes) == null ? void 0 : _a2.flatMap(getNodePageIds)) != null ? _b : [];
+        return (_b = (_a = node.nodes) == null ? void 0 : _a.flatMap(getNodePageIds)) != null ? _b : [];
       case "inline":
         return getInlinePageIds(node);
       default:
@@ -3928,15 +4112,15 @@ function getRichTextPageIds(value) {
     }
   }
   function getInlinePageIds(inline) {
-    var _a2, _b, _c, _d;
+    var _a, _b, _c2, _d;
     switch (inline.type) {
       case "link": {
-        const nodePageIds = (_b = (_a2 = inline.nodes) == null ? void 0 : _a2.flatMap(getNodePageIds)) != null ? _b : [];
+        const nodePageIds = (_b = (_a = inline.nodes) == null ? void 0 : _a.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 : [];
+        return (_d = (_c2 = inline.nodes) == null ? void 0 : _c2.flatMap(getNodePageIds)) != null ? _d : [];
     }
   }
   function getLinkDataPageIds(link) {
@@ -3964,18 +4148,18 @@ function introspectRichTextV2Data(definition2, data, func) {
     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 : [];
+    var _a;
+    return (_a = plugins == null ? void 0 : plugins.flatMap((plugin) => {
+      var _a2;
+      return ((_a2 = plugin.control) == null ? void 0 : _a2.definition) && plugin.control.getElementValue ? func(plugin.control.definition, plugin.control.getElementValue(descendant)) : [];
+    })) != null ? _a : [];
   }
   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 : [];
+    var _a;
+    return (_a = plugins == null ? void 0 : plugins.flatMap((plugin) => {
+      var _a2;
+      return ((_a2 = plugin.control) == null ? void 0 : _a2.definition) && plugin.control.getLeafValue ? func(plugin.control.definition, plugin.control.getLeafValue(text)) : [];
+    })) != null ? _a : [];
   }
 }
 function getRichTextV2SwatchIds(definition2, data) {
@@ -4024,44 +4208,44 @@ function getElementId$1(descriptor, prop) {
   }
 }
 function getBackgroundsSwatchIds(value) {
-  var _a2;
-  return (_a2 = value == null ? void 0 : value.flatMap((override) => override.value).flatMap((backgroundItem) => {
-    var _a3;
+  var _a;
+  return (_a = value == null ? void 0 : value.flatMap((override) => override.value).flatMap((backgroundItem) => {
+    var _a2;
     switch (backgroundItem.type) {
       case "color":
-        return ((_a3 = backgroundItem.payload) == null ? void 0 : _a3.swatchId) == null ? [] : [backgroundItem.payload.swatchId];
+        return ((_a2 = backgroundItem.payload) == null ? void 0 : _a2.swatchId) == null ? [] : [backgroundItem.payload.swatchId];
       case "gradient":
         return backgroundItem.payload.stops.flatMap((stop) => stop.color == null ? [] : stop.color.swatchId);
       default:
         return [];
     }
-  })) != null ? _a2 : [];
+  })) != null ? _a : [];
 }
 function getBorderSwatchIds(value) {
-  var _a2;
-  return (_a2 = value == null ? void 0 : value.flatMap((override) => override.value).flatMap((borderValue) => {
-    var _a3, _b, _c, _d, _e, _f, _g, _h;
+  var _a;
+  return (_a = value == null ? void 0 : value.flatMap((override) => override.value).flatMap((borderValue) => {
+    var _a2, _b, _c2, _d, _e, _f, _g, _h;
     return [
-      (_b = (_a3 = borderValue.borderTop) == null ? void 0 : _a3.color) == null ? void 0 : _b.swatchId,
-      (_d = (_c = borderValue.borderRight) == null ? void 0 : _c.color) == null ? void 0 : _d.swatchId,
+      (_b = (_a2 = borderValue.borderTop) == null ? void 0 : _a2.color) == null ? void 0 : _b.swatchId,
+      (_d = (_c2 = borderValue.borderRight) == null ? void 0 : _c2.color) == null ? void 0 : _d.swatchId,
       (_f = (_e = borderValue.borderBottom) == null ? void 0 : _e.color) == null ? void 0 : _f.swatchId,
       (_h = (_g = borderValue.borderLeft) == null ? void 0 : _g.color) == null ? void 0 : _h.swatchId
     ].filter((swatchId) => swatchId != null);
-  })) != null ? _a2 : [];
+  })) != null ? _a : [];
 }
 function getBoxShadowsSwatchIds(value) {
-  var _a2;
-  return (_a2 = value == null ? void 0 : value.flatMap((override) => override.value).map((item) => {
-    var _a3;
-    return (_a3 = item.payload.color) == null ? void 0 : _a3.swatchId;
-  }).filter((swatchId) => swatchId != null)) != null ? _a2 : [];
+  var _a;
+  return (_a = value == null ? void 0 : value.flatMap((override) => override.value).map((item) => {
+    var _a2;
+    return (_a2 = item.payload.color) == null ? void 0 : _a2.swatchId;
+  }).filter((swatchId) => swatchId != null)) != null ? _a : [];
 }
 function getResponsiveColorSwatchIds(value) {
-  var _a2;
-  return (_a2 = value == null ? void 0 : value.map((override) => override.value).map((color) => color.swatchId)) != null ? _a2 : [];
+  var _a;
+  return (_a = value == null ? void 0 : value.map((override) => override.value).map((color) => color.swatchId)) != null ? _a : [];
 }
 function getSwatchIds(descriptor, prop) {
-  var _a2, _b;
+  var _a, _b;
   if (prop == null)
     return [];
   switch (descriptor.type) {
@@ -4071,17 +4255,17 @@ function getSwatchIds(descriptor, prop) {
       return getBorderSwatchIds(prop);
     case Types.NavigationLinks: {
       const value = prop;
-      return (_a2 = value == null ? void 0 : value.flatMap((item) => {
-        var _a3, _b2, _c, _d;
+      return (_a = value == null ? void 0 : value.flatMap((item) => {
+        var _a2, _b2, _c2, _d;
         switch (item.type) {
           case "button":
           case "dropdown":
             return [
-              ...(_b2 = (_a3 = item.payload.color) == null ? void 0 : _a3.map((override) => override.value).map((color) => color.swatchId)) != null ? _b2 : [],
-              ...(_d = (_c = item.payload.textColor) == null ? void 0 : _c.map((override) => override.value).map((color) => color.swatchId)) != null ? _d : []
+              ...(_b2 = (_a2 = item.payload.color) == null ? void 0 : _a2.map((override) => override.value).map((color) => color.swatchId)) != null ? _b2 : [],
+              ...(_d = (_c2 = item.payload.textColor) == null ? void 0 : _c2.map((override) => override.value).map((color) => color.swatchId)) != null ? _d : []
             ];
         }
-      })) != null ? _a2 : [];
+      })) != null ? _a : [];
     }
     case Types.ResponsiveColor:
       return getResponsiveColorSwatchIds(prop);
@@ -4125,18 +4309,18 @@ function getSwatchIds(descriptor, prop) {
   }
 }
 function getBackgroundsFileIds(value) {
-  var _a2;
-  return (_a2 = value == null ? void 0 : value.flatMap((override) => override.value).flatMap((backgroundItem) => {
+  var _a;
+  return (_a = value == null ? void 0 : value.flatMap((override) => override.value).flatMap((backgroundItem) => {
     switch (backgroundItem.type) {
       case "image":
         return [backgroundItem.payload.imageId];
       default:
         return [];
     }
-  })) != null ? _a2 : [];
+  })) != null ? _a : [];
 }
 function getFileIds(descriptor, prop) {
-  var _a2;
+  var _a;
   if (prop == null)
     return [];
   switch (descriptor.type) {
@@ -4148,7 +4332,7 @@ function getFileIds(descriptor, prop) {
     }
     case Types.Images: {
       const value = prop;
-      return (_a2 = value == null ? void 0 : value.flatMap((item) => item.props.file == null ? [] : [item.props.file])) != null ? _a2 : [];
+      return (_a = value == null ? void 0 : value.flatMap((item) => item.props.file == null ? [] : [item.props.file])) != null ? _a : [];
     }
     case ImageControlType: {
       const value = prop;
@@ -4216,7 +4400,7 @@ function getTableIds(descriptor, prop) {
   }
 }
 function getPageIds(descriptor, prop) {
-  var _a2;
+  var _a;
   if (prop == null)
     return [];
   switch (descriptor.type) {
@@ -4246,8 +4430,8 @@ function getPageIds(descriptor, prop) {
       const value = prop;
       if (value == null)
         return [];
-      return (_a2 = value == null ? void 0 : value.flatMap((item) => {
-        var _a3, _b;
+      return (_a = value == null ? void 0 : value.flatMap((item) => {
+        var _a2, _b;
         switch (item.type) {
           case "button": {
             if (item.payload.link == null)
@@ -4260,7 +4444,7 @@ function getPageIds(descriptor, prop) {
             }
           }
           case "dropdown": {
-            return (_b = (_a3 = item.payload.links) == null ? void 0 : _a3.flatMap((link) => {
+            return (_b = (_a2 = item.payload.links) == null ? void 0 : _a2.flatMap((link) => {
               if (link.payload.link == null)
                 return [];
               switch (link.payload.link.type) {
@@ -4272,7 +4456,7 @@ function getPageIds(descriptor, prop) {
             })) != null ? _b : [];
           }
         }
-      })) != null ? _a2 : [];
+      })) != null ? _a : [];
     }
     case RichTextControlType:
     case Types.RichText: {
@@ -4390,14 +4574,14 @@ function getDocumentKeysSortedByDepth(state) {
     elements.set(key, getDocumentElements(state, key));
   });
   keys.sort((a, b) => {
-    var _a2;
-    return ((_a2 = elements.get(a)) == null ? void 0 : _a2.has(b)) ? -1 : 1;
+    var _a;
+    return ((_a = elements.get(a)) == null ? void 0 : _a.has(b)) ? -1 : 1;
   });
   return keys;
 }
 function getElement(state, documentKey, elementKey) {
-  var _a2;
-  return (_a2 = getDocumentElements(state, documentKey).get(elementKey)) != null ? _a2 : null;
+  var _a;
+  return (_a = getDocumentElements(state, documentKey).get(elementKey)) != null ? _a : null;
 }
 function getElementPropControllerDescriptors(state, documentKey, elementKey) {
   const element = getElement(state, documentKey, elementKey);
@@ -4590,6 +4774,7 @@ exports.copyElementTree = copyElementTree;
 exports.copyImageData = copyImageData;
 exports.copyLinkData = copyLinkData;
 exports.copyListData = copyListData;
+exports.copyRichTextData = copyRichTextData;
 exports.copyShapeData = copyShapeData;
 exports.copySlotData = copySlotData;
 exports.copyStyleData = copyStyleData;