@makeswift/runtime 0.8.11 → 0.9.1

package/dist/react-page.es.js

@@ -22,13 +22,64 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 const import_meta = {};
+var _a;
 import { combineReducers, createStore, applyMiddleware } from "redux";
 import thunk from "redux-thunk";
 import { A as ActionTypes } from "./actions.es.js";
-import { reducer as reducer$9, getInitialState as getInitialState$8 } from "./state/breakpoints.es.js";
-import "slate";
-import "is-hotkey";
+import { findBreakpointOverride, reducer as reducer$a, getInitialState as getInitialState$9 } from "./state/breakpoints.es.js";
+import * as React 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 isHotkey from "is-hotkey";
 import "slate-react";
+import { jsx, Fragment } from "react/jsx-runtime";
+const ComponentIcon = {
+  Billing: "billing",
+  Bolt: "bolt",
+  Button: "button",
+  Carousel: "carousel",
+  Chats: "chats",
+  Code: "code",
+  Countdown: "countdown",
+  Cube: "cube",
+  Database: "database",
+  Divider: "divider",
+  Form: "form",
+  Gallery: "gallery",
+  Help: "help",
+  Image: "image",
+  Layout: "layout",
+  Lock: "lock",
+  Navigation: "navigation",
+  SocialLinks: "social-links",
+  Star: "star",
+  Text: "text",
+  Users: "users",
+  Video: "video"
+};
+function getInitialState$8({
+  componentsMeta = /* @__PURE__ */ new Map()
+} = {}) {
+  return componentsMeta;
+}
+function getComponentsMeta(state) {
+  return state;
+}
+function reducer$9(state = getInitialState$8(), action) {
+  switch (action.type) {
+    case ActionTypes.REGISTER_COMPONENT:
+      return new Map(state).set(action.payload.type, action.payload.meta);
+    case ActionTypes.UNREGISTER_COMPONENT: {
+      const nextState = new Map(state);
+      const deleted = nextState.delete(action.payload.type);
+      return deleted ? nextState : state;
+    }
+    default:
+      return state;
+  }
+}
 function isElementReference(element) {
   return !("props" in element);
 }
@@ -51,8 +102,8 @@ function getDocuments(state) {
   return state;
 }
 function getDocument$1(state, documentKey) {
-  var _a;
-  return (_a = getDocuments(state).get(documentKey)) != null ? _a : null;
+  var _a2;
+  return (_a2 = getDocuments(state).get(documentKey)) != null ? _a2 : null;
 }
 function reducer$8(state = getInitialState$7(), action) {
   switch (action.type) {
@@ -76,8 +127,8 @@ function getReactComponents(state) {
   return state;
 }
 function getReactComponent$1(state, type) {
-  var _a;
-  return (_a = getReactComponents(state).get(type)) != null ? _a : null;
+  var _a2;
+  return (_a2 = getReactComponents(state).get(type)) != null ? _a2 : null;
 }
 function reducer$7(state = getInitialState$6(), action) {
   switch (action.type) {
@@ -93,27 +144,6 @@ function reducer$7(state = getInitialState$6(), action) {
   }
 }
 function getInitialState$5({
-  componentsMeta = /* @__PURE__ */ new Map()
-} = {}) {
-  return componentsMeta;
-}
-function getComponentsMeta(state) {
-  return state;
-}
-function reducer$6(state = getInitialState$5(), action) {
-  switch (action.type) {
-    case ActionTypes.REGISTER_COMPONENT:
-      return new Map(state).set(action.payload.type, action.payload.meta);
-    case ActionTypes.UNREGISTER_COMPONENT: {
-      const nextState = new Map(state);
-      const deleted = nextState.delete(action.payload.type);
-      return deleted ? nextState : state;
-    }
-    default:
-      return state;
-  }
-}
-function getInitialState$4({
   propControllerDescriptors = /* @__PURE__ */ new Map()
 } = {}) {
   return propControllerDescriptors;
@@ -122,10 +152,10 @@ function getPropControllerDescriptors$1(state) {
   return state;
 }
 function getComponentPropControllerDescriptors$1(state, componentType) {
-  var _a;
-  return (_a = getPropControllerDescriptors$1(state).get(componentType)) != null ? _a : null;
+  var _a2;
+  return (_a2 = getPropControllerDescriptors$1(state).get(componentType)) != null ? _a2 : null;
 }
-function reducer$5(state = getInitialState$4(), action) {
+function reducer$6(state = getInitialState$5(), action) {
   switch (action.type) {
     case ActionTypes.REGISTER_COMPONENT:
       return new Map(state).set(action.payload.type, action.payload.propControllerDescriptors);
@@ -144,28 +174,28 @@ function isPropControllersHandle(value) {
   }
   return false;
 }
-function getInitialState$3() {
+function getInitialState$4() {
   return { handles: /* @__PURE__ */ new Map(), instances: /* @__PURE__ */ new Map() };
 }
 function getPropControllersHandle(state, documentKey, elementKey) {
-  var _a, _b;
-  return (_b = (_a = state.handles.get(documentKey)) == null ? void 0 : _a.get(elementKey)) != null ? _b : null;
+  var _a2, _b;
+  return (_b = (_a2 = state.handles.get(documentKey)) == null ? void 0 : _a2.get(elementKey)) != null ? _b : null;
 }
 function getPropControllers$1(state, documentKey, elementKey) {
-  var _a, _b;
-  return (_b = (_a = state.instances.get(documentKey)) == null ? void 0 : _a.get(elementKey)) != null ? _b : null;
+  var _a2, _b;
+  return (_b = (_a2 = state.instances.get(documentKey)) == null ? void 0 : _a2.get(elementKey)) != null ? _b : null;
 }
 function getPropController(state, documentKey, elementKey, propName) {
-  var _a, _b;
-  return (_b = (_a = getPropControllers$1(state, documentKey, elementKey)) == null ? void 0 : _a[propName]) != null ? _b : null;
+  var _a2, _b;
+  return (_b = (_a2 = getPropControllers$1(state, documentKey, elementKey)) == null ? void 0 : _a2[propName]) != null ? _b : null;
 }
-function reducer$4(state = getInitialState$3(), action) {
-  var _a, _b, _c, _d;
+function reducer$5(state = getInitialState$4(), action) {
+  var _a2, _b, _c, _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((_a = state.handles.get(documentKey)) != null ? _a : []).set(elementKey, handle))
+        handles: new Map(state.handles).set(documentKey, new Map((_a2 = state.handles.get(documentKey)) != null ? _a2 : []).set(elementKey, handle))
       });
     }
     case ActionTypes.UNREGISTER_PROP_CONTROLLERS_HANDLE: {
@@ -190,10 +220,10 @@ function reducer$4(state = getInitialState$3(), action) {
       return state;
   }
 }
-function getInitialState$2() {
+function getInitialState$3() {
   return false;
 }
-function reducer$3(state = getInitialState$2(), action) {
+function reducer$4(state = getInitialState$3(), action) {
   switch (action.type) {
     case ActionTypes.SET_IS_IN_BUILDER:
       return action.payload;
@@ -201,13 +231,13 @@ function reducer$3(state = getInitialState$2(), action) {
       return state;
   }
 }
-function getInitialState$1(isPreview = false) {
+function getInitialState$2(isPreview = false) {
   return isPreview;
 }
 function getIsPreview$1(state) {
   return state;
 }
-function reducer$2(state = getInitialState$1(), action) {
+function reducer$3(state = getInitialState$2(), action) {
   switch (action.type) {
     default:
       return state;
@@ -218,10 +248,10 @@ const BuilderEditMode = {
   CONTENT: "content",
   INTERACT: "interact"
 };
-function getInitialState() {
+function getInitialState$1() {
   return null;
 }
-function reducer$1(state = getInitialState(), action) {
+function reducer$2(state = getInitialState$1(), action) {
   switch (action.type) {
     case ActionTypes.SET_BUILDER_EDIT_MODE:
       return action.payload.editMode;
@@ -229,16 +259,44 @@ function reducer$1(state = getInitialState(), action) {
       return state;
   }
 }
+function getInitialState(initialState) {
+  var _a2, _b, _c;
+  return {
+    locales: (_a2 = initialState == null ? void 0 : initialState.locales) != null ? _a2 : [],
+    locale: (_b = initialState == null ? void 0 : initialState.locale) != null ? _b : null,
+    defaultLocale: (_c = initialState == null ? void 0 : initialState.defaultLocale) != null ? _c : null
+  };
+}
+function reducer$1(state = getInitialState(), action) {
+  switch (action.type) {
+    case ActionTypes.SET_LOCALES: {
+      const locales = action.payload.locales;
+      return __spreadProps(__spreadValues({}, state), { locales });
+    }
+    case ActionTypes.SET_LOCALE: {
+      if (action.payload.locale === state.locale)
+        return state;
+      return __spreadProps(__spreadValues({}, state), { locale: action.payload.locale });
+    }
+    case ActionTypes.SET_DEFAULT_LOCALE: {
+      if (action.payload.defaultLocale === state.defaultLocale)
+        return state;
+      return __spreadProps(__spreadValues({}, state), { defaultLocale: action.payload.defaultLocale });
+    }
+    default:
+      return state;
+  }
+}
 const ColorControlType = "makeswift::controls::color";
 function Color(config = {}) {
   return { type: ColorControlType, config };
 }
 function copyColorData(value, context) {
-  var _a;
+  var _a2;
   if (value == null)
     return value;
   return __spreadProps(__spreadValues({}, value), {
-    swatchId: (_a = context.replacementContext.swatchIds.get(value.swatchId)) != null ? _a : value.swatchId
+    swatchId: (_a2 = context.replacementContext.swatchIds.get(value.swatchId)) != null ? _a2 : value.swatchId
   });
 }
 const ImageControlType = "makeswift::controls::image";
@@ -251,10 +309,10 @@ function Image$1(config = {}) {
 }
 Image$1.Format = ImageControlValueFormat;
 function copyImageData(value, context) {
-  var _a;
+  var _a2;
   if (value == null)
     return value;
-  return (_a = context.replacementContext.fileIds.get(value)) != null ? _a : value;
+  return (_a2 = context.replacementContext.fileIds.get(value)) != null ? _a2 : value;
 }
 if (import_meta.vitest) {
   const { describe, test, expect } = import_meta.vitest;
@@ -287,7 +345,7 @@ function Link$1(config = {}) {
   return { type: LinkControlType, config };
 }
 function copyLinkData(value, context) {
-  var _a;
+  var _a2;
   if (value == null)
     return value;
   if (value.type === "OPEN_PAGE") {
@@ -295,7 +353,7 @@ function copyLinkData(value, context) {
     if (pageId != null) {
       return __spreadProps(__spreadValues({}, value), {
         payload: __spreadProps(__spreadValues({}, value.payload), {
-          pageId: (_a = context.replacementContext.pageIds.get(pageId)) != null ? _a : pageId
+          pageId: (_a2 = context.replacementContext.pageIds.get(pageId)) != null ? _a2 : pageId
         })
       });
     }
@@ -448,6 +506,8 @@ function createPropController(descriptor, send) {
       return new ShapeControl(send, descriptor);
     case StyleControlType:
       return new StyleControl(send);
+    case StyleV2ControlType:
+      return new StyleV2Control(send);
     default:
       return new DefaultPropController(send);
   }
@@ -504,11 +564,11 @@ class ListControl extends PropController {
     this.controls = /* @__PURE__ */ new Map();
   }
 }
-function copyListData(definition, value, context) {
+function copyListData(definition2, value, context) {
   if (value == null)
     return value;
   return value && value.map((item) => __spreadProps(__spreadValues({}, item), {
-    value: copy(definition.config.type, item.value, context)
+    value: copy(definition2.config.type, item.value, context)
   }));
 }
 const ShapeControlType = "makeswift::controls::shape";
@@ -554,11 +614,11 @@ class ShapeControl extends PropController {
     this.setControls();
   }
 }
-function copyShapeData(definition, value, context) {
+function copyShapeData(definition2, value, context) {
   if (value == null)
     return value;
   const newValue = {};
-  for (const [key, itemDefinition] of Object.entries(definition.config.type)) {
+  for (const [key, itemDefinition] of Object.entries(definition2.config.type)) {
     const prop = value[key];
     newValue[key] = copy(itemDefinition, prop, context);
   }
@@ -586,10 +646,10 @@ const AllStyleControlProperties = [
   StyleControlProperty.TextStyle
 ];
 function Style(params) {
-  var _a;
+  var _a2;
   return {
     type: StyleControlType,
-    config: { properties: (_a = params == null ? void 0 : params.properties) != null ? _a : StyleControlDefaultProperties }
+    config: { properties: (_a2 = params == null ? void 0 : params.properties) != null ? _a2 : StyleControlDefaultProperties }
   };
 }
 Style.Default = StyleControlDefaultProperties;
@@ -807,22 +867,22 @@ function copy$e(value, context) {
     return value;
   return value.map((override) => __spreadProps(__spreadValues({}, override), {
     value: override.value.map((backgroundItem) => {
-      var _a, _b;
+      var _a2, _b;
       switch (backgroundItem.type) {
         case "color":
           return __spreadProps(__spreadValues({}, backgroundItem), {
             payload: backgroundItem.payload === null ? null : __spreadProps(__spreadValues({}, backgroundItem.payload), {
-              swatchId: (_a = context.replacementContext.swatchIds.get(backgroundItem.payload.swatchId)) != null ? _a : backgroundItem.payload.swatchId
+              swatchId: (_a2 = context.replacementContext.swatchIds.get(backgroundItem.payload.swatchId)) != null ? _a2 : backgroundItem.payload.swatchId
             })
           });
         case "gradient":
           return __spreadProps(__spreadValues({}, backgroundItem), {
             payload: __spreadProps(__spreadValues({}, backgroundItem.payload), {
               stops: backgroundItem.payload.stops.map((stop) => {
-                var _a2;
+                var _a3;
                 return __spreadProps(__spreadValues({}, stop), {
                   color: stop.color == null ? null : __spreadProps(__spreadValues({}, stop.color), {
-                    swatchId: (_a2 = context.replacementContext.swatchIds.get(stop.color.swatchId)) != null ? _a2 : stop.color.swatchId
+                    swatchId: (_a3 = context.replacementContext.swatchIds.get(stop.color.swatchId)) != null ? _a3 : stop.color.swatchId
                   })
                 });
               })
@@ -848,7 +908,7 @@ function copy$d(value, context) {
   });
 }
 function copy$c(value, context) {
-  var _a, _b;
+  var _a2, _b;
   if (value == null)
     return value;
   switch (value.type) {
@@ -858,7 +918,7 @@ function copy$c(value, context) {
         return value;
       return __spreadProps(__spreadValues({}, value), {
         payload: __spreadProps(__spreadValues({}, value.payload), {
-          pageId: (_a = context.replacementContext.pageIds.get(pageId)) != null ? _a : pageId
+          pageId: (_a2 = context.replacementContext.pageIds.get(pageId)) != null ? _a2 : pageId
         })
       });
     }
@@ -891,10 +951,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 _a;
+              var _a2;
               return __spreadProps(__spreadValues({}, override), {
                 value: __spreadProps(__spreadValues({}, override.value), {
-                  swatchId: (_a = context.replacementContext.swatchIds.get(override.value.swatchId)) != null ? _a : override.value.swatchId
+                  swatchId: (_a2 = context.replacementContext.swatchIds.get(override.value.swatchId)) != null ? _a2 : override.value.swatchId
                 })
               });
             }) : void 0
@@ -952,14 +1012,14 @@ function copy$a(value, context) {
     return value;
   return value.map((override) => __spreadProps(__spreadValues({}, override), { value: override.value.map(copyShadowItem) }));
   function copyShadowItem(item) {
-    var _a;
+    var _a2;
     const { color } = item.payload;
     if (color == null)
       return item;
     return __spreadProps(__spreadValues({}, item), {
       payload: __spreadProps(__spreadValues({}, item.payload), {
         color: __spreadProps(__spreadValues({}, color), {
-          swatchId: (_a = context.replacementContext.swatchIds.get(color.swatchId)) != null ? _a : color.swatchId
+          swatchId: (_a2 = context.replacementContext.swatchIds.get(color.swatchId)) != null ? _a2 : color.swatchId
         })
       })
     });
@@ -1013,10 +1073,10 @@ if (import_meta.vitest) {
   });
 }
 function copy$9(value, context) {
-  var _a;
+  var _a2;
   if (value == null)
     return value;
-  return (_a = context.replacementContext.fileIds.get(value)) != null ? _a : value;
+  return (_a2 = context.replacementContext.fileIds.get(value)) != null ? _a2 : value;
 }
 if (import_meta.vitest) {
   const { describe, test, expect } = import_meta.vitest;
@@ -1049,13 +1109,13 @@ function copy$8(value, context) {
     return value;
   return value.map(copyImagesPanelItem);
   function copyImagesPanelItem(imagesPanelItem) {
-    var _a;
+    var _a2;
     const { file } = imagesPanelItem.props;
     if (file == null)
       return imagesPanelItem;
     return __spreadProps(__spreadValues({}, imagesPanelItem), {
       props: __spreadProps(__spreadValues({}, imagesPanelItem.props), {
-        file: (_a = context.replacementContext.fileIds.get(file)) != null ? _a : file
+        file: (_a2 = context.replacementContext.fileIds.get(file)) != null ? _a2 : file
       })
     });
   }
@@ -1104,9 +1164,9 @@ function copy$7(value, context) {
     return value;
   return value.map((override) => __spreadProps(__spreadValues({}, override), { value: copyColorValue(override.value) }));
   function copyColorValue(colorValue) {
-    var _a;
+    var _a2;
     return __spreadProps(__spreadValues({}, colorValue), {
-      swatchId: (_a = context.replacementContext.swatchIds.get(colorValue.swatchId)) != null ? _a : colorValue.swatchId
+      swatchId: (_a2 = context.replacementContext.swatchIds.get(colorValue.swatchId)) != null ? _a2 : colorValue.swatchId
     });
   }
 }
@@ -1115,9 +1175,9 @@ function copy$6(value, context) {
     return value;
   return __spreadProps(__spreadValues({}, value), { fields: value.fields.map(copyFormFieldsPanelItem) });
   function copyFormFieldsPanelItem(item) {
-    var _a;
+    var _a2;
     return __spreadProps(__spreadValues({}, item), {
-      tableColumnId: (_a = context.replacementContext.tableColumnIds.get(item.tableColumnId)) != null ? _a : item.tableColumnId
+      tableColumnId: (_a2 = context.replacementContext.tableColumnIds.get(item.tableColumnId)) != null ? _a2 : item.tableColumnId
     });
   }
 }
@@ -1171,10 +1231,10 @@ if (import_meta.vitest) {
   });
 }
 function copy$5(value, context) {
-  var _a;
+  var _a2;
   if (value == null)
     return value;
-  return (_a = context.replacementContext.tableIds.get(value)) != null ? _a : value;
+  return (_a2 = context.replacementContext.tableIds.get(value)) != null ? _a2 : value;
 }
 if (import_meta.vitest) {
   const { describe, test, expect } = import_meta.vitest;
@@ -1216,13 +1276,13 @@ function copy$4(value, context) {
     };
   }
   function copyBorderSide(borderSide) {
-    var _a;
+    var _a2;
     const { color } = borderSide;
     if (color == null)
       return borderSide;
     return __spreadProps(__spreadValues({}, borderSide), {
       color: __spreadProps(__spreadValues({}, color), {
-        swatchId: (_a = context.replacementContext.swatchIds.get(color.swatchId)) != null ? _a : color.swatchId
+        swatchId: (_a2 = context.replacementContext.swatchIds.get(color.swatchId)) != null ? _a2 : color.swatchId
       })
     });
   }
@@ -1336,24 +1396,24 @@ function copy$3(value, context) {
     return value;
   return __spreadProps(__spreadValues({}, value), { document: value.document ? copyNode(value.document) : value.document });
   function copyNode(node) {
-    var _a;
+    var _a2;
     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) });
+        return __spreadProps(__spreadValues({}, node), { marks: (_a2 = node.marks) == null ? void 0 : _a2.map(copyMark) });
       default:
         return node;
     }
   }
   function copyInline(inline) {
-    var _a, _b;
+    var _a2, _b;
     switch (inline.type) {
       case "link":
         return __spreadProps(__spreadValues({}, inline), {
-          nodes: (_a = inline.nodes) == null ? void 0 : _a.map(copyNode),
+          nodes: (_a2 = inline.nodes) == null ? void 0 : _a2.map(copyNode),
           data: inline.data ? copyLinkData2(inline.data) : inline.data
         });
       default:
@@ -1361,7 +1421,7 @@ function copy$3(value, context) {
     }
   }
   function copyLinkData2(data) {
-    var _a, _b;
+    var _a2, _b;
     switch (data.type) {
       case "OPEN_PAGE": {
         const pageId = data.payload.pageId;
@@ -1369,7 +1429,7 @@ function copy$3(value, context) {
           return data;
         return __spreadProps(__spreadValues({}, data), {
           payload: __spreadProps(__spreadValues({}, data.payload), {
-            pageId: (_a = context.replacementContext.pageIds.get(pageId)) != null ? _a : data.payload.pageId
+            pageId: (_a2 = context.replacementContext.pageIds.get(pageId)) != null ? _a2 : data.payload.pageId
           })
         });
       }
@@ -1390,20 +1450,20 @@ function copy$3(value, context) {
     }
   }
   function copyMark(mark) {
-    var _a, _b, _c, _d;
+    var _a2, _b, _c, _d;
     switch (mark.type) {
       case "typography": {
-        const typographyId = (_a = mark.data) == null ? void 0 : _a.value.id;
+        const typographyId = (_a2 = mark.data) == null ? void 0 : _a2.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,
               style: (_d = mark.data) == null ? void 0 : _d.value.style.map((override) => {
-                var _a2, _b2, _c2;
+                var _a3, _b2, _c2;
                 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((_a2 = override.value.color) == null ? void 0 : _a2.swatchId)) != null ? _c2 : (_b2 = override.value.color) == null ? void 0 : _b2.swatchId
+                      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
                     })
                   })
                 });
@@ -1554,8 +1614,8 @@ function copy$1(descriptor, value, context) {
 function copyElementReference(value, context) {
   return context.replacementContext.globalElementIds.get(value) || value;
 }
-function copy(definition, value, context) {
-  switch (definition.type) {
+function copy(definition2, value, context) {
+  switch (definition2.type) {
     case Types.Backgrounds:
     case Types.Grid:
     case Types.NavigationLinks:
@@ -1569,7 +1629,7 @@ function copy(definition, value, context) {
     case Types.Border:
     case Types.RichText:
     case Types.ElementID:
-      return copy$1(definition, value, context);
+      return copy$1(definition2, value, context);
     case ColorControlType:
       return copyColorData(value, context);
     case ImageControlType:
@@ -1577,9 +1637,9 @@ function copy(definition, value, context) {
     case LinkControlType:
       return copyLinkData(value, context);
     case ShapeControlType:
-      return copyShapeData(definition, value, context);
+      return copyShapeData(definition2, value, context);
     case ListControlType:
-      return copyListData(definition, value, context);
+      return copyListData(definition2, value, context);
     case StyleControlType:
       return copyStyleData(value, context);
     case SlotControlType:
@@ -1588,14 +1648,49 @@ function copy(definition, value, context) {
       return value;
   }
 }
-function merge(definition, a, b = a, context) {
-  switch (definition.type) {
+function merge(definition2, a, b = a, context) {
+  switch (definition2.type) {
     case SlotControlType:
       return mergeSlotData(a, b, context);
     default:
       return b;
   }
 }
+const SelectControlType = "makeswift::controls::select";
+function Select(config) {
+  return { type: SelectControlType, config };
+}
+const isServer = typeof window === "undefined";
+const useInsertionEffectSpecifier = "useInsertionEffect";
+const useInsertionEffect = (_a = React[useInsertionEffectSpecifier]) != null ? _a : React.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"
+};
+class StyleV2Control extends PropController {
+  constructor(send) {
+    super(send);
+  }
+  changeBoxModel(boxModel) {
+    this.send({ type: StyleV2ControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } });
+  }
+  recv() {
+  }
+}
 const ObjectType = {
   Value: "value",
   Text: "text",
@@ -1641,6 +1736,687 @@ const BlockTextAlignment = {
   Right: "right",
   Justify: "justify"
 };
+const ElementUtils = {
+  isRootBlock(node) {
+    return Element.isElement(node) && (Element.isElementType(node, BlockType.Paragraph) || Element.isElementType(node, BlockType.Heading1) || Element.isElementType(node, BlockType.Heading2) || Element.isElementType(node, BlockType.Heading3) || Element.isElementType(node, BlockType.Heading3) || Element.isElementType(node, BlockType.Heading4) || Element.isElementType(node, BlockType.Heading5) || Element.isElementType(node, BlockType.Heading6) || Element.isElementType(node, BlockType.BlockQuote) || Element.isElementType(node, BlockType.UnorderedList) || Element.isElementType(node, BlockType.OrderedList) || Element.isElementType(node, BlockType.Text) || Element.isElementType(node, BlockType.Default));
+  },
+  isBlock(node) {
+    return Element.isElement(node) && (this.isRootBlock(node) || Element.isElementType(node, BlockType.ListItem) || Element.isElementType(node, BlockType.ListItemChild));
+  },
+  isInline(node) {
+    return Element.isElementType(node, InlineType.Code) || Element.isElementType(node, InlineType.Link) || Element.isElementType(node, InlineType.SubScript) || Element.isElementType(node, InlineType.SuperScript);
+  },
+  isConvertibleToListTextNode(node) {
+    return !this.isList(node) && !this.isListItem(node) && !this.isListItemChild(node);
+  },
+  isList(node) {
+    return Element.isElementType(node, BlockType.OrderedList) || Element.isElementType(node, BlockType.UnorderedList);
+  },
+  isListItem(node) {
+    return Element.isElementType(node, BlockType.ListItem);
+  },
+  isListItemChild(node) {
+    return Element.isElementType(node, BlockType.ListItemChild);
+  },
+  createText() {
+    return { text: "" };
+  },
+  createParagraph() {
+    return {
+      children: [this.createText()],
+      type: BlockType.Paragraph
+    };
+  },
+  createList(type = BlockType.UnorderedList) {
+    return { children: [this.createText()], type };
+  },
+  createListItem() {
+    return {
+      children: [this.createListItemChild()],
+      type: BlockType.ListItem
+    };
+  },
+  createListItemChild() {
+    return {
+      children: [this.createText()],
+      type: BlockType.ListItemChild
+    };
+  }
+};
+function unhangRange(editor, range) {
+  let [start, end] = Range.edges(range);
+  if (start.offset !== 0 || end.offset !== 0 || Range.isCollapsed(range)) {
+    return range;
+  }
+  const endBlock = Editor.above(editor, {
+    at: end,
+    match: (n) => Element.isElement(n) && Editor.isBlock(editor, n)
+  });
+  const blockPath = endBlock ? endBlock[1] : [];
+  const first = Editor.start(editor, start);
+  const before = { anchor: first, focus: end };
+  let skip = true;
+  for (const [node, path] of Editor.nodes(editor, {
+    at: before,
+    match: Text.isText,
+    reverse: true
+  })) {
+    if (skip) {
+      skip = false;
+      continue;
+    }
+    if (node.text !== "" || Path.isBefore(path, blockPath)) {
+      end = { path, offset: node.text.length };
+      break;
+    }
+  }
+  return { anchor: start, focus: end };
+}
+function getSelection(editor) {
+  if (editor.selection)
+    return unhangRange(editor, editor.selection);
+  return {
+    anchor: Editor.start(editor, []),
+    focus: Editor.end(editor, [])
+  };
+}
+function getBlocksInSelection(editor) {
+  return Array.from(Editor.nodes(editor, {
+    at: getSelection(editor),
+    match: (node) => ElementUtils.isRootBlock(node)
+  })).filter((entry) => ElementUtils.isRootBlock(entry[0]));
+}
+function getActiveBlockType(editor) {
+  var _a2;
+  const rootBlocks = getBlocksInSelection(editor).map(([node]) => node.type);
+  return rootBlocks.reduce((a, b) => a === b ? b : null, (_a2 = rootBlocks.at(0)) != null ? _a2 : null);
+}
+function setBlockKeyForDevice(editor, breakpoints, deviceId, key, value, options) {
+  var _a2, _b;
+  const at = (_a2 = options == null ? void 0 : options.at) != null ? _a2 : editor.selection;
+  if (!at)
+    return;
+  const rootElements = getBlocksInSelection(editor);
+  for (const [node, path] of rootElements) {
+    if (ElementUtils.isBlock(node)) {
+      const deviceValues = (_b = node[key]) != null ? _b : [];
+      const currentDeviceValue = findBreakpointOverride(breakpoints, deviceValues, deviceId, (v) => v);
+      const nextDeviceValue = __spreadProps(__spreadValues({}, currentDeviceValue), {
+        deviceId,
+        value
+      });
+      Transforms.setNodes(editor, {
+        [key]: [...deviceValues.filter((v) => v.deviceId !== deviceId), nextDeviceValue]
+      }, { at: path });
+    }
+  }
+}
+function clearBlockKeyForDevice(editor, deviceId, key) {
+  var _a2;
+  const rootElements = getBlocksInSelection(editor);
+  for (const [node, path] of rootElements) {
+    if (ElementUtils.isBlock(node)) {
+      const deviceOverrides = (_a2 = node[key]) != null ? _a2 : [];
+      Transforms.setNodes(editor, {
+        [key]: deviceOverrides.filter((v) => v.deviceId !== deviceId)
+      }, { at: path });
+    }
+  }
+}
+function wrapInline(editor, inline) {
+  Transforms.wrapNodes(editor, inline, {
+    at: getSelection(editor),
+    split: true
+  });
+}
+function unwrapInline(editor, type) {
+  Transforms.unwrapNodes(editor, {
+    match: (node) => ElementUtils.isInline(node) && node.type === type,
+    at: getSelection(editor)
+  });
+}
+const EditorUtils = {
+  getFirstAncestorList(editor, path) {
+    try {
+      const parentList = Editor.above(editor, {
+        at: path,
+        match: (node) => ElementUtils.isList(node)
+      });
+      return parentList != null ? parentList : null;
+    } catch (e) {
+      return null;
+    }
+  },
+  getFirstAncestorListItem(editor, path) {
+    try {
+      const parentListItem = Editor.above(editor, {
+        at: path,
+        match: (node) => ElementUtils.isListItem(node)
+      });
+      return parentListItem != null ? parentListItem : null;
+    } catch (e) {
+      return null;
+    }
+  }
+};
+const LIST_ITEM_CHILD_POSITION = 0;
+const LIST_ITEM_LIST_POSITION = 1;
+function filterForSubtreeRoots(entries) {
+  return entries.filter(([, nodePath]) => !Path.ancestors(nodePath).some((ancestor) => {
+    return entries.some(([, path]) => Path.equals(path, ancestor));
+  }));
+}
+function unwrapPath(editor, listItemPath) {
+  const parentList = EditorUtils.getFirstAncestorList(editor, listItemPath);
+  const listItemContainingParentList = EditorUtils.getFirstAncestorListItem(editor, listItemPath);
+  if (!parentList || listItemContainingParentList)
+    return;
+  Editor.withoutNormalizing(editor, () => {
+    const listItemTextPath = [...listItemPath, LIST_ITEM_CHILD_POSITION];
+    const listItemNestedListPath = [...listItemPath, LIST_ITEM_LIST_POSITION];
+    if (Node.has(editor, listItemNestedListPath)) {
+      Transforms.setNodes(editor, { type: parentList[0].type }, { at: listItemNestedListPath });
+      Transforms.liftNodes(editor, { at: listItemNestedListPath });
+      Transforms.liftNodes(editor, { at: Path.next(listItemPath) });
+    }
+    if (Node.has(editor, listItemTextPath)) {
+      Transforms.setNodes(editor, { type: BlockType.Paragraph }, {
+        at: listItemTextPath
+      });
+      Transforms.liftNodes(editor, { at: listItemTextPath });
+      Transforms.liftNodes(editor, { at: listItemPath });
+    }
+  });
+}
+function unwrapList(editor, options) {
+  var _a2;
+  const at = (_a2 = options == null ? void 0 : options.at) != null ? _a2 : editor.selection;
+  if (!at)
+    return;
+  const listItems = Array.from(Editor.nodes(editor, {
+    at,
+    match: (node) => {
+      return Element.isElement(node) && ElementUtils.isListItem(node);
+    }
+  }));
+  const subRoots = filterForSubtreeRoots(listItems);
+  const refs = subRoots.map(([_, path]) => Editor.pathRef(editor, path));
+  refs.forEach((ref) => {
+    if (ref.current) {
+      unwrapPath(editor, ref.current);
+    }
+    ref.unref();
+  });
+}
+function wrapList(editor, options = { type: BlockType.UnorderedList }) {
+  var _a2;
+  const at = (_a2 = options.at) != null ? _a2 : editor.selection;
+  if (!at)
+    return;
+  const nonListEntries = Array.from(Editor.nodes(editor, {
+    at,
+    match: (node) => {
+      return Element.isElement(node) && ElementUtils.isConvertibleToListTextNode(node);
+    }
+  }));
+  const refs = nonListEntries.map(([_, path]) => Editor.pathRef(editor, path));
+  refs.forEach((ref) => {
+    const path = ref.current;
+    if (path) {
+      Editor.withoutNormalizing(editor, () => {
+        Transforms.setNodes(editor, { type: BlockType.ListItemChild }, {
+          at: path
+        });
+        Transforms.wrapNodes(editor, ElementUtils.createListItem(), {
+          match: (node) => ElementUtils.isListItemChild(node),
+          at: path
+        });
+        Transforms.wrapNodes(editor, ElementUtils.createList(options.type), {
+          at: path
+        });
+      });
+    }
+    ref.unref();
+  });
+}
+const LocationUtils = {
+  getStartPath(location) {
+    if (Range.isRange(location))
+      return Range.start(location).path;
+    if (Point.isPoint(location))
+      return location.path;
+    return location;
+  }
+};
+function getSelectedListItems(editor) {
+  var _a2, _b;
+  if (!editor.selection)
+    return [];
+  const start = LocationUtils.getStartPath(editor.selection);
+  const listItems = Editor.nodes(editor, {
+    at: editor.selection,
+    match: (node) => ElementUtils.isListItem(node)
+  });
+  const firstAncestorPath = (_b = (_a2 = EditorUtils.getFirstAncestorListItem(editor, start)) == null ? void 0 : _a2[1]) != null ? _b : [];
+  return Array.from(listItems).filter((node) => Path.isDescendant(start, node[1]) ? Path.equals(node[1], firstAncestorPath) : !Path.isAfter(start, node[1]));
+}
+function indentPath(editor, path) {
+  const parent = Node.parent(editor, path);
+  if (!path || !Path.hasPrevious(path) || !ElementUtils.isList(parent))
+    return;
+  const previosPath = Path.previous(path);
+  const previousChildListPath = [...previosPath, LIST_ITEM_LIST_POSITION];
+  const previousHasChildList = Node.has(editor, previousChildListPath);
+  Editor.withoutNormalizing(editor, () => {
+    if (!previousHasChildList) {
+      Transforms.insertNodes(editor, ElementUtils.createList(parent.type), {
+        at: previousChildListPath
+      });
+    }
+    const previousChildList = Node.get(editor, previousChildListPath);
+    if (ElementUtils.isList(previousChildList)) {
+      const index = previousHasChildList ? previousChildList.children.length : 0;
+      Transforms.moveNodes(editor, {
+        at: path,
+        to: [...previousChildListPath, index]
+      });
+    }
+  });
+}
+function indent(editor) {
+  if (!editor.selection)
+    return;
+  const listItems = getSelectedListItems(editor);
+  const subRoots = filterForSubtreeRoots(listItems);
+  const refs = subRoots.map(([_, path]) => Editor.pathRef(editor, path));
+  refs.forEach((ref) => {
+    if (ref.current) {
+      indentPath(editor, ref.current);
+    }
+    ref.unref();
+  });
+}
+function dedentPath(editor, listItemPath) {
+  const parentList = EditorUtils.getFirstAncestorList(editor, listItemPath);
+  const listItemContainingParentList = EditorUtils.getFirstAncestorListItem(editor, listItemPath);
+  if (!parentList || !listItemContainingParentList)
+    return;
+  const [parentListNode, parentListPath] = parentList;
+  const [_, listItemContainingParentListPath] = listItemContainingParentList;
+  const listItemPosition = listItemPath[listItemPath.length - 1];
+  const previousSiblings = parentListNode.children.slice(0, listItemPosition);
+  const nextSiblings = parentListNode.children.slice(listItemPosition + 1);
+  Editor.withoutNormalizing(editor, () => {
+    nextSiblings.forEach(() => {
+      const nextSiblingPath = [...parentListPath, listItemPosition + 1];
+      indentPath(editor, nextSiblingPath);
+    });
+    Transforms.moveNodes(editor, {
+      at: listItemPath,
+      to: Path.next(listItemContainingParentListPath)
+    });
+    if (previousSiblings.length === 0) {
+      Transforms.removeNodes(editor, { at: parentListPath });
+    }
+  });
+}
+function dedent(editor) {
+  if (!editor.selection)
+    return;
+  const listItems = getSelectedListItems(editor);
+  const subRoots = filterForSubtreeRoots(listItems);
+  const refs = subRoots.map(([_, path]) => Editor.pathRef(editor, path));
+  refs.forEach((ref) => {
+    if (ref.current) {
+      dedentPath(editor, ref.current);
+    }
+    ref.unref();
+  });
+}
+function toggleList(editor, options = { type: BlockType.UnorderedList }) {
+  var _a2;
+  const at = (_a2 = options.at) != null ? _a2 : editor.selection;
+  if (at == null)
+    return;
+  const start = LocationUtils.getStartPath(at);
+  const ancestorPath = Path.ancestors(start).at(1);
+  if (!ancestorPath || !Node.has(editor, ancestorPath))
+    return;
+  const ancestor = Node.get(editor, ancestorPath);
+  if (!ElementUtils.isList(ancestor)) {
+    return wrapList(editor, { type: options.type, at });
+  }
+  if (ancestor.type === options.type) {
+    unwrapList(editor, { at });
+  } else {
+    Transforms.setNodes(editor, { type: options.type }, { at: ancestorPath });
+  }
+}
+const BlockActions = {
+  setBlockKeyForDevice,
+  clearBlockKeyForDevice,
+  wrapInline,
+  unwrapInline
+};
+const ListActions = {
+  unwrapList,
+  wrapList,
+  indent,
+  dedent,
+  toggleList
+};
+function onKeyDown(e, editor) {
+  if (!editor.selection || Array.from(Editor.nodes(editor, {
+    match: (node) => ElementUtils.isListItem(node)
+  })).length === 0)
+    return;
+  if (isHotkey("shift+tab", e)) {
+    e.preventDefault();
+    ListActions.dedent(editor);
+  }
+  if (isHotkey("tab", e)) {
+    e.preventDefault();
+    ListActions.indent(editor);
+  }
+  if (isHotkey("backspace", e)) {
+    if (!editor.selection)
+      return;
+    if (Range.isExpanded(editor.selection))
+      return;
+    const listItem = EditorUtils.getFirstAncestorListItem(editor, editor.selection.anchor.path);
+    if (editor.selection.anchor.offset === 0 && listItem) {
+      e.preventDefault();
+      const parentListItem = EditorUtils.getFirstAncestorListItem(editor, listItem[1]);
+      const list = EditorUtils.getFirstAncestorList(editor, listItem[1]);
+      if (parentListItem) {
+        ListActions.dedent(editor);
+      } else if (list) {
+        ListActions.unwrapList(editor);
+      }
+      return;
+    }
+  }
+  if (isHotkey("enter", e)) {
+    e.preventDefault();
+    if (!editor.selection)
+      return;
+    if (Range.isExpanded(editor.selection)) {
+      Transforms.delete(editor);
+      return;
+    }
+    const listItem = EditorUtils.getFirstAncestorListItem(editor, editor.selection.anchor.path);
+    if (editor.selection.anchor.offset === 0 && listItem && Editor.string(editor, listItem[1]) === "") {
+      const parentListItem = EditorUtils.getFirstAncestorListItem(editor, listItem[1]);
+      if (parentListItem) {
+        ListActions.dedent(editor);
+      } else {
+        ListActions.unwrapList(editor);
+      }
+      return;
+    }
+    Transforms.splitNodes(editor, {
+      at: editor.selection,
+      always: true,
+      match: (node) => ElementUtils.isListItem(node)
+    });
+  }
+  if (isHotkey("shift+enter", e)) {
+    e.preventDefault();
+    editor.insertText("\n");
+  }
+}
+function withBlock(editor) {
+  const {
+    normalizeNode
+  } = editor;
+  editor.isInline = (entry) => {
+    return ElementUtils.isInline(entry);
+  };
+  editor.normalizeNode = (entry) => {
+    var _a2;
+    const [normalizationNode, normalizationPath] = entry;
+    if (ElementUtils.isBlock(normalizationNode) && ((_a2 = normalizationNode == null ? void 0 : normalizationNode.textAlign) == null ? void 0 : _a2.length) == 0) {
+      Transforms.unsetNodes(editor, "textAlign", {
+        at: normalizationPath
+      });
+      return;
+    }
+    if (ElementUtils.isListItem(normalizationNode)) {
+      const pathToListItemText = [...normalizationPath, LIST_ITEM_CHILD_POSITION];
+      if (Node.has(editor, pathToListItemText)) {
+        const nodeInListItemTextPosition = Node.get(editor, pathToListItemText);
+        if (ElementUtils.isRootBlock(nodeInListItemTextPosition)) {
+          Transforms.setNodes(editor, {
+            type: BlockType.ListItemChild
+          }, {
+            at: pathToListItemText
+          });
+          return;
+        }
+      } else {
+        Transforms.insertNodes(editor, ElementUtils.createListItem(), {
+          at: pathToListItemText
+        });
+        return;
+      }
+    }
+    if (!Text.isText(normalizationNode)) {
+      const mergeableChildren = Array.from(Node.children(editor, normalizationPath)).map((child, index, children) => {
+        const potentialNodeToBeMerged = children.at(index + 1);
+        if (!potentialNodeToBeMerged || !ElementUtils.isList(potentialNodeToBeMerged[0]) || !ElementUtils.isList(child[0]) || potentialNodeToBeMerged[0].type !== child[0].type) {
+          return null;
+        }
+        return [Editor.pathRef(editor, child[1]), Editor.pathRef(editor, potentialNodeToBeMerged[1])];
+      }).filter((mergeableNodes) => Boolean(mergeableNodes));
+      if (mergeableChildren.length !== 0) {
+        mergeableChildren.reverse().forEach(([nodePathRef, nodeToBeMergedPathRef]) => {
+          const nodePath = nodePathRef.current;
+          const nodeToBeMergedPath = nodeToBeMergedPathRef.current;
+          if (nodePath == null || nodeToBeMergedPath == null)
+            return;
+          const nodeChildren = Array.from(Node.children(editor, nodePath));
+          const childrenToBeMerged = Array.from(Node.children(editor, nodeToBeMergedPath));
+          Editor.withoutNormalizing(editor, () => {
+            childrenToBeMerged.reverse().forEach(([_, childPath]) => {
+              Transforms.moveNodes(editor, {
+                at: childPath,
+                to: [...nodePath, nodeChildren.length]
+              });
+            });
+            Transforms.removeNodes(editor, {
+              at: nodeToBeMergedPath
+            });
+          });
+          nodePathRef.unref();
+          nodeToBeMergedPathRef.unref();
+        });
+        return;
+      }
+    }
+    normalizeNode(entry);
+  };
+  return editor;
+}
+const definition = Select({
+  label: "Block",
+  labelOrientation: "horizontal",
+  options: [{
+    value: BlockType.Paragraph,
+    label: "Paragraph"
+  }, {
+    value: BlockType.Heading1,
+    label: "Heading 1"
+  }, {
+    value: BlockType.Heading2,
+    label: "Heading 2"
+  }, {
+    value: BlockType.Heading3,
+    label: "Heading 3"
+  }, {
+    value: BlockType.Heading4,
+    label: "Heading 4"
+  }, {
+    value: BlockType.Heading5,
+    label: "Heading 5"
+  }, {
+    value: BlockType.Heading6,
+    label: "Heading 6"
+  }, {
+    value: BlockType.UnorderedList,
+    label: "Bulleted list"
+  }, {
+    value: BlockType.OrderedList,
+    label: "Numbered list"
+  }, {
+    value: BlockType.BlockQuote,
+    label: "Quote"
+  }],
+  defaultValue: BlockType.Paragraph
+});
+function BlockPlugin() {
+  return createRichTextV2Plugin({
+    withPlugin: withBlock,
+    onKeyDown,
+    control: {
+      definition,
+      onChange: (editor, value) => {
+        const activeBlockType = getActiveBlockType(editor);
+        if (value === BlockType.UnorderedList || value === BlockType.OrderedList) {
+          ListActions.toggleList(editor, {
+            type: value,
+            at: getSelection(editor)
+          });
+        } else if (activeBlockType === value) {
+          Transforms.setNodes(editor, {
+            type: BlockType.Default
+          }, {
+            at: getSelection(editor)
+          });
+        } else {
+          ListActions.unwrapList(editor, {
+            at: getSelection(editor)
+          });
+          Transforms.setNodes(editor, {
+            type: value != null ? value : BlockType.Default
+          }, {
+            at: getSelection(editor)
+          });
+        }
+      },
+      getValue: (editor) => {
+        const activeBlock = getActiveBlockType(editor);
+        if (activeBlock === RootBlockType.Text || activeBlock === RootBlockType.Default)
+          return void 0;
+        return activeBlock;
+      }
+    },
+    renderElement: (renderElement) => (props) => /* @__PURE__ */ jsx(BlockPluginComponent, __spreadProps(__spreadValues({}, props), {
+      renderElement
+    }))
+  });
+}
+function BlockPluginComponent({
+  element,
+  attributes,
+  children,
+  renderElement
+}) {
+  const blockStyles = [useStyle({
+    margin: 0
+  }), element.className];
+  const quoteStyles = useStyle({
+    padding: "0.5em 10px",
+    fontSize: "1.25em",
+    fontWeight: "300",
+    borderLeft: "5px solid rgba(0, 0, 0, 0.1)"
+  });
+  switch (element.type) {
+    case BlockType.Text:
+      return /* @__PURE__ */ jsx("span", __spreadProps(__spreadValues({}, attributes), {
+        className: cx(...blockStyles),
+        children
+      }));
+    case BlockType.Paragraph:
+      return /* @__PURE__ */ jsx("p", __spreadProps(__spreadValues({}, attributes), {
+        className: cx(...blockStyles),
+        children
+      }));
+    case BlockType.Heading1:
+      return /* @__PURE__ */ jsx("h1", __spreadProps(__spreadValues({}, attributes), {
+        className: cx(...blockStyles),
+        children
+      }));
+    case BlockType.Heading2:
+      return /* @__PURE__ */ jsx("h2", __spreadProps(__spreadValues({}, attributes), {
+        className: cx(...blockStyles),
+        children
+      }));
+    case BlockType.Heading3:
+      return /* @__PURE__ */ jsx("h3", __spreadProps(__spreadValues({}, attributes), {
+        className: cx(...blockStyles),
+        children
+      }));
+    case BlockType.Heading4:
+      return /* @__PURE__ */ jsx("h4", __spreadProps(__spreadValues({}, attributes), {
+        className: cx(...blockStyles),
+        children
+      }));
+    case BlockType.Heading5:
+      return /* @__PURE__ */ jsx("h5", __spreadProps(__spreadValues({}, attributes), {
+        className: cx(...blockStyles),
+        children
+      }));
+    case BlockType.Heading6:
+      return /* @__PURE__ */ jsx("h6", __spreadProps(__spreadValues({}, attributes), {
+        className: cx(...blockStyles),
+        children
+      }));
+    case BlockType.BlockQuote:
+      return /* @__PURE__ */ jsx("blockquote", __spreadProps(__spreadValues({}, attributes), {
+        className: cx(...blockStyles, quoteStyles),
+        children
+      }));
+    case BlockType.OrderedList:
+      return /* @__PURE__ */ jsx("ol", __spreadProps(__spreadValues({}, attributes), {
+        className: cx(...blockStyles),
+        style: {
+          listStylePosition: "inside"
+        },
+        children
+      }));
+    case BlockType.UnorderedList:
+      return /* @__PURE__ */ jsx("ul", __spreadProps(__spreadValues({}, attributes), {
+        className: cx(...blockStyles),
+        style: {
+          listStylePosition: "inside"
+        },
+        children
+      }));
+    case BlockType.ListItem:
+      return /* @__PURE__ */ jsx("li", __spreadProps(__spreadValues({}, attributes), {
+        className: cx(...blockStyles),
+        children
+      }));
+    case BlockType.ListItemChild:
+      return /* @__PURE__ */ jsx("span", __spreadProps(__spreadValues({}, attributes), {
+        className: cx(...blockStyles),
+        children
+      }));
+    case BlockType.Default:
+      return /* @__PURE__ */ jsx("p", __spreadProps(__spreadValues({}, attributes), {
+        className: cx(...blockStyles),
+        children
+      }));
+    default:
+      return /* @__PURE__ */ jsx(Fragment, {
+        children: renderElement({
+          element,
+          attributes,
+          children
+        })
+      });
+  }
+}
 const RichTextV2ControlType = "makeswift::controls::rich-text-v2";
 const RichTextV2Mode = {
   Inline: "makeswift::controls::rich-text-v2::mode::inline",
@@ -1649,9 +2425,10 @@ const RichTextV2Mode = {
 function createRichTextV2Plugin({
   control,
   withPlugin,
-  onKeyDown
+  onKeyDown: onKeyDown2,
+  renderElement
 }) {
-  return { control, withPlugin, onKeyDown };
+  return { control, withPlugin, onKeyDown: onKeyDown2, renderElement };
 }
 function unstable_RichTextV2(config = {}) {
   return { type: RichTextV2ControlType, config };
@@ -1674,7 +2451,7 @@ class RichTextV2Control extends PropController {
     __publicField(this, "defaultValue", null);
     __publicField(this, "descriptor");
     __publicField(this, "recv", (message) => {
-      var _a, _b, _c;
+      var _a2, _b, _c;
       if (!this.editor)
         return;
       switch (message.type) {
@@ -1691,7 +2468,7 @@ class RichTextV2Control extends PropController {
           break;
         }
         case RichTextV2ControlMessageType.RUN_PLUGIN_CONTROL_ACTION: {
-          (_c = (_b = (_a = this.descriptor.config.plugins) == null ? void 0 : _a.at(message.pluginIndex)) == null ? void 0 : _b.control) == null ? void 0 : _c.onChange(this.editor, message.value);
+          (_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);
           break;
         }
       }
@@ -1700,13 +2477,13 @@ class RichTextV2Control extends PropController {
     this.send = send;
   }
   setEditor(editor) {
-    var _a, _b, _c;
+    var _a2, _b, _c;
     this.editor = editor;
     this.send({
       type: RichTextV2ControlMessageType.SET_PLUGIN_CONTROL_VALUE,
-      value: (_c = (_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);
+      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 : []
     });
   }
@@ -1721,7 +2498,7 @@ class RichTextV2Control extends PropController {
     this.send({ type: RichTextV2ControlMessageType.SWITCH_TO_BUILD_MODE });
   }
   onChange(value) {
-    var _a, _b, _c;
+    var _a2, _b, _c;
     const editor = this.editor;
     if (editor == null)
       return;
@@ -1731,9 +2508,9 @@ class RichTextV2Control extends PropController {
     });
     this.send({
       type: RichTextV2ControlMessageType.SET_PLUGIN_CONTROL_VALUE,
-      value: (_c = (_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);
+      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 : []
     });
   }
@@ -1747,8 +2524,8 @@ function isText(node) {
   return false;
 }
 function toTextDAO(node) {
-  var _a, _b, _c, _d;
-  const typographyMark = (_a = node.marks) == null ? void 0 : _a.find((mark) => mark.type === "typography");
+  var _a2, _b, _c, _d;
+  const typographyMark = (_a2 = node.marks) == null ? void 0 : _a2.find((mark) => mark.type === "typography");
   return [
     {
       text: (_b = node.text) != null ? _b : "",
@@ -1757,12 +2534,12 @@ function toTextDAO(node) {
   ];
 }
 function toInlineDAO(node) {
-  var _a, _b, _c, _d;
+  var _a2, _b, _c, _d;
   switch (node.type) {
     case InlineType.Link:
       return [
         {
-          children: (_b = (_a = node.nodes) == null ? void 0 : _a.flatMap(toInlineOrTextDAO)) != null ? _b : [],
+          children: (_b = (_a2 = node.nodes) == null ? void 0 : _a2.flatMap(toInlineOrTextDAO)) != null ? _b : [],
           [node.type]: node.data,
           type: node.type
         }
@@ -1791,7 +2568,7 @@ function toInlineOrTextDAO(node) {
   }
 }
 function toNodeDAO(node) {
-  var _a, _b;
+  var _a2, _b;
   switch (node.object) {
     case ObjectType.Inline:
     case ObjectType.Text:
@@ -1801,7 +2578,7 @@ function toNodeDAO(node) {
         {
           type: node.type,
           textAlign: (node == null ? void 0 : node.data) && "textAlign" in node.data ? node == null ? void 0 : node.data.textAlign : void 0,
-          children: (_b = (_a = node.nodes) == null ? void 0 : _a.flatMap(toNodeDAO)) != null ? _b : []
+          children: (_b = (_a2 = node.nodes) == null ? void 0 : _a2.flatMap(toNodeDAO)) != null ? _b : []
         }
       ];
     default:
@@ -1809,8 +2586,8 @@ function toNodeDAO(node) {
   }
 }
 function richTextDTOtoSelection(data) {
-  var _a, _b, _c, _d;
-  if (((_b = (_a = data.selection) == null ? void 0 : _a.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 _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)
     return {
       anchor: {
         offset: data.selection.anchor.offset,
@@ -1824,8 +2601,8 @@ function richTextDTOtoSelection(data) {
   return null;
 }
 function richTextDTOtoDAO(data) {
-  var _a, _b, _c;
-  return (_c = (_b = (_a = data.document) == null ? void 0 : _a.nodes) == null ? void 0 : _b.flatMap(toNodeDAO)) != null ? _c : [];
+  var _a2, _b, _c;
+  return (_c = (_b = (_a2 = data.document) == null ? void 0 : _a2.nodes) == null ? void 0 : _b.flatMap(toNodeDAO)) != null ? _c : [];
 }
 function toInlineOrTextDTO(node) {
   if (isText(node)) {
@@ -1869,7 +2646,7 @@ function toInlineOrTextDTO(node) {
   }
 }
 function toNodeDTO(node) {
-  var _a, _b;
+  var _a2, _b;
   if (isText(node))
     return toInlineOrTextDTO(node);
   switch (node.type) {
@@ -1894,7 +2671,7 @@ function toNodeDTO(node) {
             textAlign: node.textAlign
           } : {},
           object: "block",
-          nodes: (_b = (_a = node.children) == null ? void 0 : _a.flatMap(toNodeDTO)) != null ? _b : []
+          nodes: (_b = (_a2 = node.children) == null ? void 0 : _a2.flatMap(toNodeDTO)) != null ? _b : []
         }
       ];
     default:
@@ -2258,51 +3035,51 @@ function getElementId$1(descriptor, prop) {
   }
 }
 function getBackgroundsSwatchIds(value) {
-  var _a;
-  return (_a = value == null ? void 0 : value.flatMap((override) => override.value).flatMap((backgroundItem) => {
-    var _a2;
+  var _a2;
+  return (_a2 = value == null ? void 0 : value.flatMap((override) => override.value).flatMap((backgroundItem) => {
+    var _a3;
     switch (backgroundItem.type) {
       case "color":
-        return ((_a2 = backgroundItem.payload) == null ? void 0 : _a2.swatchId) == null ? [] : [backgroundItem.payload.swatchId];
+        return ((_a3 = backgroundItem.payload) == null ? void 0 : _a3.swatchId) == null ? [] : [backgroundItem.payload.swatchId];
       case "gradient":
         return backgroundItem.payload.stops.flatMap((stop) => stop.color == null ? [] : stop.color.swatchId);
       default:
         return [];
     }
-  })) != null ? _a : [];
+  })) != null ? _a2 : [];
 }
 function getBorderSwatchIds(value) {
-  var _a;
-  return (_a = value == null ? void 0 : value.flatMap((override) => override.value).flatMap((borderValue) => {
-    var _a2, _b, _c, _d, _e, _f, _g, _h;
+  var _a2;
+  return (_a2 = value == null ? void 0 : value.flatMap((override) => override.value).flatMap((borderValue) => {
+    var _a3, _b, _c, _d, _e, _f, _g, _h;
     return [
-      (_b = (_a2 = borderValue.borderTop) == null ? void 0 : _a2.color) == null ? void 0 : _b.swatchId,
+      (_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,
       (_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 ? _a : [];
+  })) != null ? _a2 : [];
 }
 function getBoxShadowsSwatchIds(value) {
-  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 : [];
+  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 : [];
 }
 function getResponsiveColorSwatchIds(value) {
-  var _a;
-  return (_a = value == null ? void 0 : value.map((override) => override.value).map((color) => color.swatchId)) != null ? _a : [];
+  var _a2;
+  return (_a2 = value == null ? void 0 : value.map((override) => override.value).map((color) => color.swatchId)) != null ? _a2 : [];
 }
 function getTypographyStyleSwatchIds(style) {
-  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 : [];
+  var _a2;
+  return (_a2 = style == null ? void 0 : style.map((override) => override.value).flatMap((typographyStyle) => {
+    var _a3;
+    return (_a3 = typographyStyle.color) == null ? void 0 : _a3.swatchId;
+  }).filter(isNonNullable)) != null ? _a2 : [];
 }
 function getElementSwatchIds(descriptor, prop) {
-  var _a;
+  var _a2;
   if (prop == null)
     return [];
   switch (descriptor.type) {
@@ -2312,17 +3089,17 @@ function getElementSwatchIds(descriptor, prop) {
       return getBorderSwatchIds(prop);
     case Types.NavigationLinks: {
       const value = prop;
-      return (_a = value == null ? void 0 : value.flatMap((item) => {
-        var _a2, _b, _c, _d;
+      return (_a2 = value == null ? void 0 : value.flatMap((item) => {
+        var _a3, _b, _c, _d;
         switch (item.type) {
           case "button":
           case "dropdown":
             return [
-              ...(_b = (_a2 = item.payload.color) == null ? void 0 : _a2.map((override) => override.value).map((color) => color.swatchId)) != null ? _b : [],
+              ...(_b = (_a3 = item.payload.color) == null ? void 0 : _a3.map((override) => override.value).map((color) => color.swatchId)) != null ? _b : [],
               ...(_d = (_c = item.payload.textColor) == null ? void 0 : _c.map((override) => override.value).map((color) => color.swatchId)) != null ? _d : []
             ];
         }
-      })) != null ? _a : [];
+      })) != null ? _a2 : [];
     }
     case Types.ResponsiveColor:
       return getResponsiveColorSwatchIds(prop);
@@ -2330,20 +3107,20 @@ function getElementSwatchIds(descriptor, prop) {
       return getBoxShadowsSwatchIds(prop);
     case Types.RichText: {
       let getNodeSwatchIds = function(node) {
-        var _a2, _b, _c, _d;
+        var _a3, _b, _c, _d;
         switch (node.object) {
           case "document":
           case "block":
           case "inline":
-            return (_b = (_a2 = node.nodes) == null ? void 0 : _a2.flatMap(getNodeSwatchIds)) != null ? _b : [];
+            return (_b = (_a3 = node.nodes) == null ? void 0 : _a3.flatMap(getNodeSwatchIds)) != null ? _b : [];
           case "text":
             return (_d = (_c = node.marks) == null ? void 0 : _c.flatMap(getMarkSwatchIds)) != null ? _d : [];
           default:
             return [];
         }
       }, getMarkSwatchIds = function(mark) {
-        var _a2, _b;
-        return getTypographyStyleSwatchIds((_b = (_a2 = mark.data) == null ? void 0 : _a2.value) == null ? void 0 : _b.style);
+        var _a3, _b;
+        return getTypographyStyleSwatchIds((_b = (_a3 = mark.data) == null ? void 0 : _a3.value) == null ? void 0 : _b.style);
       };
       const value = prop;
       if (value == null || value.document == null)
@@ -2359,18 +3136,18 @@ function getElementSwatchIds(descriptor, prop) {
   }
 }
 function getBackgroundsFileIds(value) {
-  var _a;
-  return (_a = value == null ? void 0 : value.flatMap((override) => override.value).flatMap((backgroundItem) => {
+  var _a2;
+  return (_a2 = value == null ? void 0 : value.flatMap((override) => override.value).flatMap((backgroundItem) => {
     switch (backgroundItem.type) {
       case "image":
         return [backgroundItem.payload.imageId];
       default:
         return [];
     }
-  })) != null ? _a : [];
+  })) != null ? _a2 : [];
 }
 function getFileIds(descriptor, prop) {
-  var _a;
+  var _a2;
   if (prop == null)
     return [];
   switch (descriptor.type) {
@@ -2382,7 +3159,7 @@ function getFileIds(descriptor, prop) {
     }
     case Types.Images: {
       const value = prop;
-      return (_a = value == null ? void 0 : value.flatMap((item) => item.props.file == null ? [] : [item.props.file])) != null ? _a : [];
+      return (_a2 = value == null ? void 0 : value.flatMap((item) => item.props.file == null ? [] : [item.props.file])) != null ? _a2 : [];
     }
     case ImageControlType: {
       const value = prop;
@@ -2398,20 +3175,20 @@ function getTypographyIds(descriptor, prop) {
   switch (descriptor.type) {
     case Types.RichText: {
       let getNodeTypographyIds = function(node) {
-        var _a, _b, _c, _d;
+        var _a2, _b, _c, _d;
         switch (node.object) {
           case "document":
           case "block":
           case "inline":
-            return (_b = (_a = node.nodes) == null ? void 0 : _a.flatMap(getNodeTypographyIds)) != null ? _b : [];
+            return (_b = (_a2 = node.nodes) == null ? void 0 : _a2.flatMap(getNodeTypographyIds)) != null ? _b : [];
           case "text":
             return (_d = (_c = node.marks) == null ? void 0 : _c.flatMap(getMarkTypographyIds)) != null ? _d : [];
           default:
             return [];
         }
       }, getMarkTypographyIds = function(mark) {
-        var _a, _b;
-        return [(_b = (_a = mark.data) == null ? void 0 : _a.value) == null ? void 0 : _b.id].filter((id) => id != null);
+        var _a2, _b;
+        return [(_b = (_a2 = mark.data) == null ? void 0 : _a2.value) == null ? void 0 : _b.id].filter((id) => id != null);
       };
       const value = prop;
       if (value == null || value.document == null)
@@ -2435,7 +3212,7 @@ function getTableIds(descriptor, prop) {
   }
 }
 function getPageIds(descriptor, prop) {
-  var _a;
+  var _a2;
   if (prop == null)
     return [];
   switch (descriptor.type) {
@@ -2454,8 +3231,8 @@ function getPageIds(descriptor, prop) {
       const value = prop;
       if (value == null)
         return [];
-      return (_a = value == null ? void 0 : value.flatMap((item) => {
-        var _a2, _b;
+      return (_a2 = value == null ? void 0 : value.flatMap((item) => {
+        var _a3, _b;
         switch (item.type) {
           case "button": {
             if (item.payload.link == null)
@@ -2468,7 +3245,7 @@ function getPageIds(descriptor, prop) {
             }
           }
           case "dropdown": {
-            return (_b = (_a2 = item.payload.links) == null ? void 0 : _a2.flatMap((link) => {
+            return (_b = (_a3 = item.payload.links) == null ? void 0 : _a3.flatMap((link) => {
               if (link.payload.link == null)
                 return [];
               switch (link.payload.link.type) {
@@ -2480,25 +3257,25 @@ function getPageIds(descriptor, prop) {
             })) != null ? _b : [];
           }
         }
-      })) != null ? _a : [];
+      })) != null ? _a2 : [];
     }
     case Types.RichText: {
       let getNodePageIds = function(node) {
-        var _a2, _b;
+        var _a3, _b;
         switch (node.object) {
           case "document":
           case "block":
-            return (_b = (_a2 = node.nodes) == null ? void 0 : _a2.flatMap(getNodePageIds)) != null ? _b : [];
+            return (_b = (_a3 = node.nodes) == null ? void 0 : _a3.flatMap(getNodePageIds)) != null ? _b : [];
           case "inline":
             return getInlinePageIds(node);
           default:
             return [];
         }
       }, getInlinePageIds = function(inline) {
-        var _a2, _b, _c, _d;
+        var _a3, _b, _c, _d;
         switch (inline.type) {
           case "link": {
-            const nodePageIds = (_b = (_a2 = inline.nodes) == null ? void 0 : _a2.flatMap(getNodePageIds)) != null ? _b : [];
+            const nodePageIds = (_b = (_a3 = inline.nodes) == null ? void 0 : _a3.flatMap(getNodePageIds)) != null ? _b : [];
             const dataPageIds = inline.data ? getLinkDataPageIds(inline.data) : [];
             return [...nodePageIds, ...dataPageIds];
           }
@@ -2541,13 +3318,14 @@ var introspection = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineP
 const reducer = combineReducers({
   documents: reducer$8,
   reactComponents: reducer$7,
-  componentsMeta: reducer$6,
-  propControllers: reducer$5,
-  propControllerHandles: reducer$4,
-  isInBuilder: reducer$3,
-  isPreview: reducer$2,
-  builderEditMode: reducer$1,
-  breakpoints: reducer$9
+  componentsMeta: reducer$9,
+  propControllers: reducer$6,
+  propControllerHandles: reducer$5,
+  isInBuilder: reducer$4,
+  isPreview: reducer$3,
+  builderEditMode: reducer$2,
+  breakpoints: reducer$a,
+  locales: reducer$1
 });
 function getDocumentsStateSlice(state) {
   return state.documents;
@@ -2612,14 +3390,14 @@ function getDocumentKeysSortedByDepth(state) {
     elements.set(key, getDocumentElements(state, key));
   });
   keys.sort((a, b) => {
-    var _a;
-    return ((_a = elements.get(a)) == null ? void 0 : _a.has(b)) ? -1 : 1;
+    var _a2;
+    return ((_a2 = elements.get(a)) == null ? void 0 : _a2.has(b)) ? -1 : 1;
   });
   return keys;
 }
 function getElement(state, documentKey, elementKey) {
-  var _a;
-  return (_a = getDocumentElements(state, documentKey).get(elementKey)) != null ? _a : null;
+  var _a2;
+  return (_a2 = getDocumentElements(state, documentKey).get(elementKey)) != null ? _a2 : null;
 }
 function getElementPropControllerDescriptors(state, documentKey, elementKey) {
   const element = getElement(state, documentKey, elementKey);
@@ -2690,15 +3468,20 @@ function getBuilderEditMode(state) {
 function getBreakpoints(state) {
   return state.breakpoints;
 }
+function getLocales(state) {
+  return state.locales;
+}
 function configureStore({
   rootElements,
   preloadedState,
-  breakpoints
+  breakpoints,
+  locales
 } = {}) {
   return createStore(reducer, __spreadProps(__spreadValues({}, preloadedState), {
     documents: getInitialState$7({ rootElements }),
-    breakpoints: getInitialState$8(breakpoints != null ? breakpoints : preloadedState == null ? void 0 : preloadedState.breakpoints)
+    breakpoints: getInitialState$9(breakpoints != null ? breakpoints : preloadedState == null ? void 0 : preloadedState.breakpoints),
+    locales: getInitialState(locales != null ? locales : preloadedState == null ? void 0 : preloadedState.locales)
   }), applyMiddleware(thunk));
 }
-export { getResponsiveColorSwatchIds as $, TextArea as A, Backgrounds as B, Checkbox as C, Date as D, ElementID as E, Font as F, GapY as G, Table as H, Images as I, TableFormFields as J, Image as K, ListControlType as L, Margin as M, Number as N, ResponsiveOpacity as O, Padding as P, NavigationLinks as Q, RichTextPropControllerMessageType as R, ShapeControlType as S, TableFormFieldsMessageType as T, SocialLinks as U, RichText as V, Width as W, Video as X, getBorderSwatchIds as Y, isNonNullable as Z, getBoxShadowsSwatchIds as _, createDocumentReference as a, createRichTextV2Plugin as a$, StyleControlProperty as a0, ImageControlValueFormat as a1, isPropControllersHandle as a2, StyleControlType as a3, RichTextV2ControlType as a4, RichTextControlType as a5, SlotControlType as a6, LinkControlType as a7, ImageControlType as a8, ColorControlType as a9, copyLinkData as aA, List$1 as aB, ListControlMessageType as aC, ListControl as aD, copyListData as aE, Shape$1 as aF, ShapeControlMessageType as aG, ShapeControl as aH, copyShapeData as aI, Slot as aJ, SlotControlMessageType as aK, SlotControl as aL, copySlotData as aM, mergeSlotData as aN, Style as aO, StyleControlMessageType as aP, StyleControl as aQ, copyStyleData as aR, ObjectType as aS, RichText$1 as aT, RichTextControlMessageType as aU, RichTextControl as aV, richTextDTOtoSelection as aW, richTextDTOtoDAO as aX, toSelectionDTO as aY, richTextDAOToDTO as aZ, RichTextV2Mode as a_, getComponentPropControllerDescriptors as aa, getPropControllers as ab, BorderPropControllerFormat as ac, ShadowsPropControllerFormat as ad, BorderRadiusPropControllerFormat as ae, MarginPropControllerFormat as af, PaddingPropControllerFormat as ag, WidthPropControllerFormat as ah, configureStore as ai, copyElementTree as aj, getBreakpoints as ak, getDocument as al, getElementId as am, getIsPreview as an, getIsInBuilder as ao, getReactComponent as ap, getBuilderEditMode as aq, getBackgroundsFileIds as ar, getBackgroundsSwatchIds as as, Color as at, copyColorData as au, copy as av, merge as aw, Image$1 as ax, copyImageData as ay, Link$1 as az, isElementReference as b, unstable_RichTextV2 as b0, RichTextV2ControlMessageType as b1, RichTextV2Control as b2, RootBlockType as b3, BlockType as b4, InlineType as b5, BlockTextAlignment as b6, getInitialState$7 as b7, reducer$8 as b8, getDocument$1 as b9, getComponentsMeta as ba, getComponentPropControllerDescriptors$1 as bb, BuilderEditMode as bc, getDocumentKeysSortedByDepth as bd, getPropController as be, getPropControllersHandle as bf, getElement as bg, getElementPropControllerDescriptors as bh, createPropController as bi, reducer$7 as bj, reducer$6 as bk, reducer$5 as bl, reducer$4 as bm, reducer$3 as bn, reducer$2 as bo, reducer$1 as bp, getInitialState$1 as bq, createDocument as c, descriptors as d, getElementSwatchIds as e, getFileIds as f, getPropControllerDescriptors as g, getTypographyIds as h, introspection as i, getTableIds as j, getPageIds as k, getElementChildren as l, Types as m, ResponsiveIconRadioGroup as n, Border as o, BorderRadius as p, Shadows as q, GapX as r, ResponsiveSelect as s, ResponsiveNumber as t, Grid as u, TextInput as v, Link as w, ResponsiveColor as x, TextStyle as y, ResponsiveLength as z };
+export { isNonNullable 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, ListControlType as L, Margin as M, Number as N, Image as O, Padding as P, ResponsiveOpacity as Q, RichTextPropControllerMessageType as R, ShapeControlType 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 _, createDocumentReference as a, ObjectType as a$, getBoxShadowsSwatchIds as a0, getResponsiveColorSwatchIds as a1, StyleControlProperty as a2, ImageControlValueFormat as a3, isPropControllersHandle as a4, StyleV2ControlType as a5, StyleControlType as a6, RichTextV2ControlType as a7, RichTextControlType as a8, SlotControlType as a9, merge as aA, Image$1 as aB, copyImageData as aC, Link$1 as aD, copyLinkData as aE, List$1 as aF, ListControlMessageType as aG, ListControl as aH, copyListData as aI, Select as aJ, Shape$1 as aK, ShapeControlMessageType as aL, ShapeControl as aM, copyShapeData as aN, Slot as aO, SlotControlMessageType as aP, SlotControl as aQ, copySlotData as aR, mergeSlotData as aS, Style as aT, StyleControlMessageType as aU, StyleControl as aV, copyStyleData as aW, unstable_useStyleV2ClassName as aX, unstable_StyleV2 as aY, StyleV2ControlMessageType as aZ, StyleV2Control as a_, LinkControlType as aa, ImageControlType as ab, ColorControlType as ac, SelectControlType as ad, getComponentPropControllerDescriptors as ae, getPropControllers as af, BorderPropControllerFormat as ag, ShadowsPropControllerFormat as ah, BorderRadiusPropControllerFormat as ai, MarginPropControllerFormat as aj, PaddingPropControllerFormat as ak, WidthPropControllerFormat as al, configureStore as am, copyElementTree as an, getBreakpoints as ao, getDocument as ap, getElementId as aq, getIsPreview as ar, getIsInBuilder as as, getReactComponent as at, getBuilderEditMode as au, getBackgroundsFileIds as av, getBackgroundsSwatchIds as aw, Color as ax, copyColorData as ay, copy as az, isElementReference as b, RichText$1 as b0, RichTextControlMessageType as b1, RichTextControl as b2, richTextDTOtoSelection as b3, richTextDTOtoDAO as b4, toSelectionDTO as b5, richTextDAOToDTO as b6, RichTextV2Mode as b7, createRichTextV2Plugin as b8, unstable_RichTextV2 as b9, reducer$7 as bA, reducer$9 as bB, reducer$6 as bC, reducer$5 as bD, reducer$4 as bE, reducer$3 as bF, reducer$2 as bG, reducer$1 as bH, getInitialState$2 as bI, RichTextV2ControlMessageType as ba, RichTextV2Control as bb, getBlocksInSelection as bc, ElementUtils as bd, BlockActions as be, ListActions as bf, onKeyDown as bg, withBlock as bh, BlockPlugin as bi, RootBlockType as bj, BlockType as bk, InlineType as bl, BlockTextAlignment as bm, getInitialState$7 as bn, reducer$8 as bo, getDocument$1 as bp, getComponentsMeta as bq, getComponentPropControllerDescriptors$1 as br, getLocales as bs, BuilderEditMode as bt, getDocumentKeysSortedByDepth as bu, getPropController as bv, getPropControllersHandle as bw, getElement as bx, getElementPropControllerDescriptors as by, createPropController as bz, createDocument as c, descriptors as d, getElementSwatchIds as e, getFileIds as f, getPropControllerDescriptors as g, getTypographyIds as h, introspection as i, getTableIds as j, getPageIds as k, getElementChildren as l, Types as m, ResponsiveIconRadioGroup as n, Border as o, BorderRadius as p, Shadows as q, GapX as r, ResponsiveSelect as s, ResponsiveNumber as t, Checkbox as u, Grid as v, TextInput as w, Link as x, ResponsiveColor as y, TextStyle as z };
 //# sourceMappingURL=react-page.es.js.map