@makeswift/runtime 0.10.1 → 0.10.3

package/dist/react-page.es.js

@@ -34,16 +34,17 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 const import_meta = {};
-var _a;
+var _c;
 import { combineReducers, createStore, applyMiddleware } from "redux";
 import thunk from "redux-thunk";
 import { A as ActionTypes, n as localeStringSchema } from "./actions.es.js";
 import { findBreakpointOverride, reducer as reducer$a, getInitialState as getInitialState$9 } from "./state/breakpoints.es.js";
+import { Element, Range, Editor, Text, Path, Transforms, Node, Point } from "slate";
+import { v4 } from "uuid";
 import React__default from "react";
 import { cache, cx } from "@emotion/css";
 import { serializeStyles } from "@emotion/serialize";
 import { registerStyles, insertStyles } from "@emotion/utils";
-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 = {
@@ -113,8 +114,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) {
@@ -138,8 +139,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) {
@@ -163,8 +164,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) {
@@ -189,24 +190,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 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 ActionTypes.UNREGISTER_PROP_CONTROLLERS_HANDLE: {
@@ -218,7 +219,7 @@ function reducer$5(state = getInitialState$4(), action) {
     case 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 ActionTypes.UNREGISTER_PROP_CONTROLLERS: {
@@ -271,11 +272,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) {
@@ -316,11 +317,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 {
@@ -351,10 +352,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;
@@ -808,10 +809,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 (import_meta.vitest) {
   const { describe, test, expect } = import_meta.vitest;
@@ -844,7 +845,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") {
@@ -852,7 +853,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
         })
       });
     }
@@ -1206,22 +1207,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
                   })
                 });
               })
@@ -1247,7 +1248,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) {
@@ -1257,7 +1258,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
         })
       });
     }
@@ -1290,10 +1291,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
@@ -1351,14 +1352,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
         })
       })
     });
@@ -1412,10 +1413,10 @@ if (import_meta.vitest) {
   });
 }
 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 (import_meta.vitest) {
   const { describe, test, expect } = import_meta.vitest;
@@ -1448,13 +1449,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
       })
     });
   }
@@ -1503,9 +1504,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
     });
   }
 }
@@ -1514,9 +1515,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
     });
   }
 }
@@ -1570,10 +1571,10 @@ if (import_meta.vitest) {
   });
 }
 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 (import_meta.vitest) {
   const { describe, test, expect } = import_meta.vitest;
@@ -1615,13 +1616,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
       })
     });
   }
@@ -1735,24 +1736,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:
@@ -1760,7 +1761,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;
@@ -1768,7 +1769,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
           })
         });
       }
@@ -1789,20 +1790,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
                     })
                   })
                 });
@@ -1953,110 +1954,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[useInsertionEffectSpecifier]) != null ? _a : React__default.useLayoutEffect;
-function useStyle(style) {
-  const serialized = serializeStyles([style], cache.registered);
-  registerStyles(cache, serialized, false);
-  useInsertionEffect(() => {
-    insertStyles(cache, serialized, false);
-  });
-  if (isServer)
-    insertStyles(cache, serialized, false);
-  return `${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;
     }
   }
 }
@@ -2110,22 +2090,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
         }
@@ -2135,7 +2115,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
         }
       ];
@@ -2171,8 +2151,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,
@@ -2186,11 +2166,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 [
       {
@@ -2215,7 +2195,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:
@@ -2232,7 +2212,7 @@ function toInlineOrTextDTO(node) {
   }
 }
 function toNodeDTO(node) {
-  var _a2, _b;
+  var _a, _b;
   if (isText(node))
     return toInlineOrTextDTO(node);
   switch (node.type) {
@@ -2261,7 +2241,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:
@@ -2367,17 +2347,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,
@@ -2524,9 +2493,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) {
   Transforms.unwrapNodes(editor, {
@@ -2552,13 +2521,13 @@ function getLinksAndTextInSelection(editor) {
   }));
 }
 const getValue$3 = (editor) => {
-  var _a2;
+  var _a;
   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);
+  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) => {
@@ -2589,6 +2558,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,
@@ -2620,13 +2602,13 @@ function getSupportedInlinesAndTextInSelection(editor) {
   }));
 }
 const getValue$2 = (editor) => {
-  var _a2;
+  var _a;
   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);
+  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) => {
@@ -2682,10 +2664,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) {
@@ -2845,8 +2827,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);
@@ -2865,17 +2847,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 : [];
       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 {
@@ -2925,8 +2911,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(Editor.nodes(editor, {
@@ -2945,8 +2931,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(Editor.nodes(editor, {
@@ -2985,7 +2971,7 @@ const LocationUtils = {
   }
 };
 function getSelectedListItems(editor) {
-  var _a2, _b;
+  var _a, _b;
   if (!editor.selection)
     return [];
   const start = LocationUtils.getStartPath(editor.selection);
@@ -2993,7 +2979,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) => Path.isDescendant(start, node[1]) ? Path.equals(node[1], firstAncestorPath) : !Path.isAfter(start, node[1]));
 }
 function indentPath(editor, path) {
@@ -3070,8 +3056,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);
@@ -3088,6 +3074,19 @@ function toggleList(editor, options = { type: BlockType.UnorderedList }) {
     Transforms.setNodes(editor, { type: options.type }, { at: ancestorPath });
   }
 }
+const isServer = typeof window === "undefined";
+const useInsertionEffectSpecifier = "useInsertionEffect";
+const useInsertionEffect = (_c = React__default[useInsertionEffectSpecifier]) != null ? _c : React__default.useLayoutEffect;
+function useStyle(style) {
+  const serialized = serializeStyles([style], cache.registered);
+  registerStyles(cache, serialized, false);
+  useInsertionEffect(() => {
+    insertStyles(cache, serialized, false);
+  });
+  if (isServer)
+    insertStyles(cache, serialized, false);
+  return `${cache.key}-${serialized.name}`;
+}
 const BlockActions = {
   setBlockKeyForDevice,
   clearBlockKeyForDevice,
@@ -3169,9 +3168,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) {
       Transforms.unsetNodes(editor, "textAlign", {
         at: normalizationPath
       });
@@ -3412,8 +3411,8 @@ function BlockPluginComponent(_d) {
 }
 function clearActiveTypographyStyle(editor, options) {
   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 = Editor.rangeRef(editor, at);
@@ -3447,8 +3446,8 @@ function clearActiveTypographyStyle(editor, options) {
 }
 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;
+    var _a, _b, _c2;
+    const at = (_a = options == null ? void 0 : options.at) != null ? _a : editor.selection;
     if (!at)
       return;
     const atRef = Editor.rangeRef(editor, at);
@@ -3469,7 +3468,7 @@ function clearDeviceActiveTypography(editor, currentDeviceId, options) {
       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 : []
+            style: (_c2 = (_b = node == null ? void 0 : node.typography) == null ? void 0 : _b.style.filter(({ deviceId }) => deviceId !== currentDeviceId)) != null ? _c2 : []
           });
           Transforms.setNodes(editor, {
             typography
@@ -3482,8 +3481,8 @@ function clearDeviceActiveTypography(editor, currentDeviceId, options) {
 }
 function detachActiveTypography(editor, value, options) {
   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 = Editor.rangeRef(editor, at);
@@ -3515,8 +3514,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;
   Transforms.setNodes(editor, {
@@ -3532,8 +3531,8 @@ function setActiveTypographyId(editor, id, options) {
 }
 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;
+    var _a, _b, _c2;
+    const at = (_a = options == null ? void 0 : options.at) != null ? _a : editor.selection;
     if (!at)
       return;
     const atRef = Editor.rangeRef(editor, at);
@@ -3553,7 +3552,7 @@ function setActiveTypographyStyle(editor, breakpoints, deviceId, prop, value, op
       }));
       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 deviceOverrides = (_c2 = (_b = node == null ? void 0 : node.typography) == null ? void 0 : _b.style) != null ? _c2 : [];
           const deviceStyle = findBreakpointOverride(breakpoints, deviceOverrides, deviceId, (v) => v) || {
             value: {}
           };
@@ -3591,9 +3590,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 (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 (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) {
       Transforms.unsetNodes(editor, TYPOGRAPHY_KEY, { at: normalizationPath });
       return;
     }
@@ -3746,7 +3745,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) {
@@ -3764,7 +3763,7 @@ class RichTextV2Control extends PropController {
           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;
         }
       }
@@ -3773,14 +3772,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) => {
@@ -3807,16 +3806,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() {
@@ -3838,6 +3837,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 : 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 (Element.isElement(descendant) && ElementUtils.isInline(descendant)) {
+      return copyLinkData2(descendant);
+    }
+    if (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 {
@@ -3845,11 +4009,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);
@@ -3859,28 +4023,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) {
@@ -3888,21 +4052,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) {
@@ -3910,11 +4074,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:
@@ -3922,15 +4086,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) {
@@ -3958,18 +4122,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) {
@@ -4018,44 +4182,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) {
@@ -4065,17 +4229,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);
@@ -4119,18 +4283,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) {
@@ -4142,7 +4306,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;
@@ -4210,7 +4374,7 @@ function getTableIds(descriptor, prop) {
   }
 }
 function getPageIds(descriptor, prop) {
-  var _a2;
+  var _a;
   if (prop == null)
     return [];
   switch (descriptor.type) {
@@ -4240,8 +4404,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)
@@ -4254,7 +4418,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) {
@@ -4266,7 +4430,7 @@ function getPageIds(descriptor, prop) {
             })) != null ? _b : [];
           }
         }
-      })) != null ? _a2 : [];
+      })) != null ? _a : [];
     }
     case RichTextControlType:
     case Types.RichText: {
@@ -4384,14 +4548,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);
@@ -4480,5 +4644,5 @@ function configureStore({
     locales: getInitialState(locales != null ? locales : preloadedState == null ? void 0 : preloadedState.locales)
   }), applyMiddleware(thunk));
 }
-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 };
+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, BuilderEditMode 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, TypographyActions as bA, TYPOGRAPHY_KEY as bB, withTypography as bC, TypographyPlugin as bD, BlockActions as bE, ListActions as bF, onKeyDown as bG, withBlock as bH, BlockPlugin as bI, withInlineMode as bJ, InlineModePlugin as bK, withTextAlign as bL, TextAlignPlugin as bM, RootBlockType as bN, InlineType as bO, BlockTextAlignment as bP, withInline as bQ, InlinePlugin as bR, ElementUtils as bS, onChange$1 as bT, getValue$3 as bU, isLinkElement as bV, getInitialState$7 as bW, reducer$8 as bX, getDocument$1 as bY, getComponentsMeta as bZ, getComponentPropControllerDescriptors$1 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, copyRichTextData as bj, ObjectType as bk, RichTextControlMessageType as bl, RichTextControl as bm, richTextDTOtoSelection as bn, richTextDTOtoDAO as bo, toSelectionDTO as bp, richTextDAOToDTO as bq, RichTextV2Mode as br, RichTextV2ControlMessageType as bs, RichTextV2Control as bt, richTextV2DataToDescendents as bu, richTextV2DescendentsToData as bv, createRichTextV2Plugin as bw, unstable_Typography as bx, getTypographySwatchIds as by, getTypographyTypographyIds as bz, createDocument as c, getDocumentKeysSortedByDepth as c0, getPropController as c1, getPropControllersHandle as c2, getElement as c3, getElementPropControllerDescriptors as c4, createPropController as c5, reducer$7 as c6, reducer$9 as c7, reducer$6 as c8, reducer$5 as c9, reducer$4 as ca, reducer$3 as cb, reducer$2 as cc, reducer$1 as cd, getInitialState$2 as ce, 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