@makeswift/runtime 0.10.2 → 0.10.4

package/dist/react-page.es.js

@@ -34,16 +34,18 @@ 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 ipsum from "corporate-ipsum";
+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 +115,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 +140,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 +165,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 +191,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 +220,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 +273,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 +318,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 +353,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 +810,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 +846,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 +854,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 +1208,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 +1249,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 +1259,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 +1292,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 +1353,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 +1414,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 +1450,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 +1505,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 +1516,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 +1572,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 +1617,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 +1737,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 +1762,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 +1770,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 +1791,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 +1955,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 +2091,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 +2116,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 +2152,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 +2167,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 +2196,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 +2213,7 @@ function toInlineOrTextDTO(node) {
   }
 }
 function toNodeDTO(node) {
-  var _a2, _b;
+  var _a, _b;
   if (isText(node))
     return toInlineOrTextDTO(node);
   switch (node.type) {
@@ -2261,7 +2242,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 +2348,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 +2494,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 +2522,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 +2559,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 +2603,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 +2665,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 +2828,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 +2848,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 +2912,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 +2932,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 +2972,7 @@ const LocationUtils = {
   }
 };
 function getSelectedListItems(editor) {
-  var _a2, _b;
+  var _a, _b;
   if (!editor.selection)
     return [];
   const start = LocationUtils.getStartPath(editor.selection);
@@ -2993,7 +2980,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 +3057,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 +3075,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 +3169,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 +3412,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 +3447,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 +3469,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 +3482,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 +3515,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 +3532,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 +3553,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 +3591,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;
     }
@@ -3700,13 +3700,31 @@ function InlineModePlugin() {
     }))
   });
 }
+const minWidth = `${"Write some text...".length}ch`;
 function InlineModePluginComponent(_f) {
   var _g = _f, {
     renderElement
   } = _g, props = __objRest(_g, [
     "renderElement"
   ]);
-  return /* @__PURE__ */ jsx("span", __spreadProps(__spreadValues({}, props.attributes), {
+  if (props.element.children.length === 1) {
+    const text = props.element.children[0];
+    if (Text.isText(text) && text.text === "") {
+      return /* @__PURE__ */ jsx("span", __spreadProps(__spreadValues({
+        style: {
+          display: "inline-block",
+          minWidth
+        }
+      }, props.attributes), {
+        children: renderElement(props)
+      }));
+    }
+  }
+  return /* @__PURE__ */ jsx("span", __spreadProps(__spreadValues({
+    style: {
+      minWidth
+    }
+  }, props.attributes), {
     children: renderElement(props)
   }));
 }
@@ -3720,7 +3738,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(3),
       plugins: (config == null ? void 0 : config.mode) === RichTextV2Mode.Inline ? [InlineModePlugin()] : [BlockPlugin(), TypographyPlugin(), TextAlignPlugin(), InlinePlugin(), LinkPlugin()]
     }
   };
@@ -3746,7 +3764,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) {
@@ -3756,15 +3774,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;
         }
       }
@@ -3773,14 +3791,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 +3825,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 +3856,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 +4028,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 +4042,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 +4071,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 +4093,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 +4105,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 +4141,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 +4201,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 +4248,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 +4302,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 +4325,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 +4393,7 @@ function getTableIds(descriptor, prop) {
   }
 }
 function getPageIds(descriptor, prop) {
-  var _a2;
+  var _a;
   if (prop == null)
     return [];
   switch (descriptor.type) {
@@ -4240,8 +4423,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 +4437,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 +4449,7 @@ function getPageIds(descriptor, prop) {
             })) != null ? _b : [];
           }
         }
-      })) != null ? _a2 : [];
+      })) != null ? _a : [];
     }
     case RichTextControlType:
     case Types.RichText: {
@@ -4384,14 +4567,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 +4663,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 { getBoxShadowsSwatchIds 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, Video as Y, useStyle as Z, getBorderSwatchIds as _, deepEqual as a, copyShapeData as a$, getResponsiveColorSwatchIds as a0, StyleControlProperty as a1, ImageControlValueFormat as a2, isPropControllersHandle as a3, isRichTextV1Data as a4, isNonNullable as a5, TypographyControlType as a6, StyleControlType as a7, RichTextV2ControlType as a8, RichTextControlType as a9, getBuilderEditMode as aA, getIsPreview as aB, getBackgroundsFileIds as aC, getBackgroundsSwatchIds as aD, Color as aE, copyColorData as aF, copy as aG, merge as aH, unstable_IconRadioGroupIcon as aI, unstable_IconRadioGroup as aJ, Image as aK, copyImageData as aL, Link as aM, copyLinkData as aN, List as aO, ListControlMessageType as aP, ListControl as aQ, copyListData as aR, getListElementChildren as aS, getListSwatchIds as aT, getListFileIds as aU, getListTypographyIds as aV, getListPageIds as aW, Select as aX, Shape as aY, ShapeControlMessageType as aZ, ShapeControl as a_, SlotControlType as aa, StyleV2ControlType as ab, ListControlType as ac, ShapeControlType as ad, LinkControlType as ae, ImageControlType as af, IconRadioGroupControlType as ag, ColorControlType as ah, SelectControlType as ai, getComponentPropControllerDescriptors as aj, getPropControllers as ak, Types as al, BorderPropControllerFormat as am, ShadowsPropControllerFormat as an, BorderRadiusPropControllerFormat as ao, MarginPropControllerFormat as ap, PaddingPropControllerFormat as aq, WidthPropControllerFormat as ar, configureStore as as, copyElementTree as at, getBreakpoints as au, parseLocalesInput as av, getDocument as aw, getElementId as ax, getIsInBuilder as ay, getReactComponent as az, createDocumentReference as b, BuilderEditMode as b$, getShapeElementChildren as b0, getShapeSwatchIds as b1, getShapeTypographyIds as b2, getShapePageIds as b3, getShapeFileIds as b4, Slot as b5, SlotControlMessageType as b6, SlotControl as b7, copySlotData as b8, mergeSlotData as b9, TYPOGRAPHY_KEY as bA, withTypography as bB, TypographyPlugin as bC, BlockActions as bD, ListActions as bE, onKeyDown as bF, withBlock as bG, BlockPlugin as bH, withInlineMode as bI, InlineModePlugin as bJ, withTextAlign as bK, TextAlignPlugin as bL, RootBlockType as bM, BlockType 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_, Style as ba, StyleControlMessageType as bb, StyleControl as bc, copyStyleData as bd, unstable_useStyleV2ClassName as be, unstable_StyleV2 as bf, StyleV2ControlMessageType as bg, StyleV2Control as bh, copyRichTextData 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, createRichTextV2Plugin as bv, unstable_Typography as bw, getTypographySwatchIds as bx, getTypographyTypographyIds as by, TypographyActions 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