@makeswift/runtime 0.9.0 → 0.9.1

package/dist/react-page.es.js

@@ -22,13 +22,19 @@ 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 { 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",
@@ -96,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) {
@@ -121,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) {
@@ -146,8 +152,8 @@ 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$6(state = getInitialState$5(), action) {
   switch (action.type) {
@@ -172,24 +178,24 @@ 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$5(state = getInitialState$4(), action) {
-  var _a, _b, _c, _d;
+  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: {
@@ -254,9 +260,9 @@ function reducer$2(state = getInitialState$1(), action) {
   }
 }
 function getInitialState(initialState) {
-  var _a, _b, _c;
+  var _a2, _b, _c;
   return {
-    locales: (_a = initialState == null ? void 0 : initialState.locales) != null ? _a : [],
+    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
   };
@@ -286,11 +292,11 @@ 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";
@@ -303,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;
@@ -339,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") {
@@ -347,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
         })
       });
     }
@@ -500,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);
   }
@@ -638,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;
@@ -859,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
                   })
                 });
               })
@@ -900,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) {
@@ -910,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
         })
       });
     }
@@ -943,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
@@ -1004,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
         })
       })
     });
@@ -1065,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;
@@ -1101,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
       })
     });
   }
@@ -1156,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
     });
   }
 }
@@ -1167,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
     });
   }
 }
@@ -1223,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;
@@ -1268,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
       })
     });
   }
@@ -1388,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:
@@ -1413,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;
@@ -1421,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
           })
         });
       }
@@ -1442,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
                     })
                   })
                 });
@@ -1652,6 +1660,37 @@ 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",
@@ -1788,13 +1827,13 @@ function getBlocksInSelection(editor) {
   })).filter((entry) => ElementUtils.isRootBlock(entry[0]));
 }
 function getActiveBlockType(editor) {
-  var _a;
+  var _a2;
   const rootBlocks = getBlocksInSelection(editor).map(([node]) => node.type);
-  return rootBlocks.reduce((a, b) => a === b ? b : null, (_a = rootBlocks.at(0)) != null ? _a : null);
+  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 _a, _b;
-  const at = (_a = options == null ? void 0 : options.at) != null ? _a : editor.selection;
+  var _a2, _b;
+  const at = (_a2 = options == null ? void 0 : options.at) != null ? _a2 : editor.selection;
   if (!at)
     return;
   const rootElements = getBlocksInSelection(editor);
@@ -1813,11 +1852,11 @@ function setBlockKeyForDevice(editor, breakpoints, deviceId, key, value, options
   }
 }
 function clearBlockKeyForDevice(editor, deviceId, key) {
-  var _a;
+  var _a2;
   const rootElements = getBlocksInSelection(editor);
   for (const [node, path] of rootElements) {
     if (ElementUtils.isBlock(node)) {
-      const deviceOverrides = (_a = node[key]) != null ? _a : [];
+      const deviceOverrides = (_a2 = node[key]) != null ? _a2 : [];
       Transforms.setNodes(editor, {
         [key]: deviceOverrides.filter((v) => v.deviceId !== deviceId)
       }, { at: path });
@@ -1890,8 +1929,8 @@ function unwrapPath(editor, listItemPath) {
   });
 }
 function unwrapList(editor, options) {
-  var _a;
-  const at = (_a = options == null ? void 0 : options.at) != null ? _a : editor.selection;
+  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, {
@@ -1910,8 +1949,8 @@ function unwrapList(editor, options) {
   });
 }
 function wrapList(editor, options = { type: BlockType.UnorderedList }) {
-  var _a;
-  const at = (_a = options.at) != null ? _a : editor.selection;
+  var _a2;
+  const at = (_a2 = options.at) != null ? _a2 : editor.selection;
   if (!at)
     return;
   const nonListEntries = Array.from(Editor.nodes(editor, {
@@ -1950,7 +1989,7 @@ const LocationUtils = {
   }
 };
 function getSelectedListItems(editor) {
-  var _a, _b;
+  var _a2, _b;
   if (!editor.selection)
     return [];
   const start = LocationUtils.getStartPath(editor.selection);
@@ -1958,7 +1997,7 @@ function getSelectedListItems(editor) {
     at: editor.selection,
     match: (node) => ElementUtils.isListItem(node)
   });
-  const firstAncestorPath = (_b = (_a = EditorUtils.getFirstAncestorListItem(editor, start)) == null ? void 0 : _a[1]) != null ? _b : [];
+  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) {
@@ -2035,8 +2074,8 @@ function dedent(editor) {
   });
 }
 function toggleList(editor, options = { type: BlockType.UnorderedList }) {
-  var _a;
-  const at = (_a = options.at) != null ? _a : editor.selection;
+  var _a2;
+  const at = (_a2 = options.at) != null ? _a2 : editor.selection;
   if (at == null)
     return;
   const start = LocationUtils.getStartPath(at);
@@ -2067,7 +2106,9 @@ const ListActions = {
   toggleList
 };
 function onKeyDown(e, editor) {
-  if (!editor.selection || Array.from(Editor.nodes(editor, { match: (node) => ElementUtils.isListItem(node) })).length === 0)
+  if (!editor.selection || Array.from(Editor.nodes(editor, {
+    match: (node) => ElementUtils.isListItem(node)
+  })).length === 0)
     return;
   if (isHotkey("shift+tab", e)) {
     e.preventDefault();
@@ -2125,15 +2166,19 @@ function onKeyDown(e, editor) {
   }
 }
 function withBlock(editor) {
-  const { normalizeNode } = editor;
+  const {
+    normalizeNode
+  } = editor;
   editor.isInline = (entry) => {
     return ElementUtils.isInline(entry);
   };
   editor.normalizeNode = (entry) => {
-    var _a;
+    var _a2;
     const [normalizationNode, normalizationPath] = entry;
-    if (ElementUtils.isBlock(normalizationNode) && ((_a = normalizationNode == null ? void 0 : normalizationNode.textAlign) == null ? void 0 : _a.length) == 0) {
-      Transforms.unsetNodes(editor, "textAlign", { at: normalizationPath });
+    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)) {
@@ -2141,7 +2186,9 @@ function withBlock(editor) {
       if (Node.has(editor, pathToListItemText)) {
         const nodeInListItemTextPosition = Node.get(editor, pathToListItemText);
         if (ElementUtils.isRootBlock(nodeInListItemTextPosition)) {
-          Transforms.setNodes(editor, { type: BlockType.ListItemChild }, {
+          Transforms.setNodes(editor, {
+            type: BlockType.ListItemChild
+          }, {
             at: pathToListItemText
           });
           return;
@@ -2159,10 +2206,7 @@ function withBlock(editor) {
         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])
-        ];
+        return [Editor.pathRef(editor, child[1]), Editor.pathRef(editor, potentialNodeToBeMerged[1])];
       }).filter((mergeableNodes) => Boolean(mergeableNodes));
       if (mergeableChildren.length !== 0) {
         mergeableChildren.reverse().forEach(([nodePathRef, nodeToBeMergedPathRef]) => {
@@ -2179,7 +2223,9 @@ function withBlock(editor) {
                 to: [...nodePath, nodeChildren.length]
               });
             });
-            Transforms.removeNodes(editor, { at: nodeToBeMergedPath });
+            Transforms.removeNodes(editor, {
+              at: nodeToBeMergedPath
+            });
           });
           nodePathRef.unref();
           nodeToBeMergedPathRef.unref();
@@ -2194,48 +2240,37 @@ function withBlock(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"
-    }
-  ],
+  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() {
@@ -2254,14 +2289,18 @@ function BlockPlugin() {
         } else if (activeBlockType === value) {
           Transforms.setNodes(editor, {
             type: BlockType.Default
-          }, { at: getSelection(editor) });
+          }, {
+            at: getSelection(editor)
+          });
         } else {
           ListActions.unwrapList(editor, {
             at: getSelection(editor)
           });
           Transforms.setNodes(editor, {
             type: value != null ? value : BlockType.Default
-          }, { at: getSelection(editor) });
+          }, {
+            at: getSelection(editor)
+          });
         }
       },
       getValue: (editor) => {
@@ -2270,9 +2309,114 @@ function BlockPlugin() {
           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",
@@ -2281,9 +2425,10 @@ const RichTextV2Mode = {
 function createRichTextV2Plugin({
   control,
   withPlugin,
-  onKeyDown: onKeyDown2
+  onKeyDown: onKeyDown2,
+  renderElement
 }) {
-  return { control, withPlugin, onKeyDown: onKeyDown2 };
+  return { control, withPlugin, onKeyDown: onKeyDown2, renderElement };
 }
 function unstable_RichTextV2(config = {}) {
   return { type: RichTextV2ControlType, config };
@@ -2306,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) {
@@ -2323,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;
         }
       }
@@ -2332,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 : []
     });
   }
@@ -2353,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;
@@ -2363,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 : []
     });
   }
@@ -2379,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 : "",
@@ -2389,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
         }
@@ -2423,7 +2568,7 @@ function toInlineOrTextDAO(node) {
   }
 }
 function toNodeDAO(node) {
-  var _a, _b;
+  var _a2, _b;
   switch (node.object) {
     case ObjectType.Inline:
     case ObjectType.Text:
@@ -2433,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:
@@ -2441,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,
@@ -2456,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)) {
@@ -2501,7 +2646,7 @@ function toInlineOrTextDTO(node) {
   }
 }
 function toNodeDTO(node) {
-  var _a, _b;
+  var _a2, _b;
   if (isText(node))
     return toInlineOrTextDTO(node);
   switch (node.type) {
@@ -2526,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:
@@ -2890,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) {
@@ -2944,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);
@@ -2962,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)
@@ -2991,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) {
@@ -3014,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;
@@ -3030,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)
@@ -3067,7 +3212,7 @@ function getTableIds(descriptor, prop) {
   }
 }
 function getPageIds(descriptor, prop) {
-  var _a;
+  var _a2;
   if (prop == null)
     return [];
   switch (descriptor.type) {
@@ -3086,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)
@@ -3100,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) {
@@ -3112,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];
           }
@@ -3245,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);
@@ -3338,5 +3483,5 @@ function configureStore({
     locales: getInitialState(locales != null ? locales : preloadedState == null ? void 0 : preloadedState.locales)
   }), applyMiddleware(thunk));
 }
-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, 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, getBorderSwatchIds as Z, isNonNullable as _, createDocumentReference as a, toSelectionDTO as a$, getResponsiveColorSwatchIds as a0, StyleControlProperty as a1, ImageControlValueFormat as a2, isPropControllersHandle as a3, StyleControlType as a4, RichTextV2ControlType as a5, RichTextControlType as a6, SlotControlType as a7, LinkControlType as a8, ImageControlType as a9, copyImageData as aA, Link$1 as aB, copyLinkData as aC, List$1 as aD, ListControlMessageType as aE, ListControl as aF, copyListData as aG, Select as aH, Shape$1 as aI, ShapeControlMessageType as aJ, ShapeControl as aK, copyShapeData as aL, Slot as aM, SlotControlMessageType as aN, SlotControl as aO, copySlotData as aP, mergeSlotData as aQ, Style as aR, StyleControlMessageType as aS, StyleControl as aT, copyStyleData as aU, ObjectType as aV, RichText$1 as aW, RichTextControlMessageType as aX, RichTextControl as aY, richTextDTOtoSelection as aZ, richTextDTOtoDAO as a_, ColorControlType as aa, SelectControlType as ab, getComponentPropControllerDescriptors as ac, getPropControllers as ad, BorderPropControllerFormat as ae, ShadowsPropControllerFormat as af, BorderRadiusPropControllerFormat as ag, MarginPropControllerFormat as ah, PaddingPropControllerFormat as ai, WidthPropControllerFormat as aj, configureStore as ak, copyElementTree as al, getBreakpoints as am, getDocument as an, getElementId as ao, getIsPreview as ap, getIsInBuilder as aq, getReactComponent as ar, getBuilderEditMode as as, getBackgroundsFileIds as at, getBackgroundsSwatchIds as au, Color as av, copyColorData as aw, copy as ax, merge as ay, Image$1 as az, isElementReference as b, richTextDAOToDTO as b0, RichTextV2Mode as b1, createRichTextV2Plugin as b2, unstable_RichTextV2 as b3, RichTextV2ControlMessageType as b4, RichTextV2Control as b5, BlockActions as b6, ListActions as b7, onKeyDown as b8, withBlock as b9, reducer$1 as bA, getInitialState$2 as bB, BlockPlugin as ba, RootBlockType as bb, BlockType as bc, InlineType as bd, BlockTextAlignment as be, ElementUtils as bf, getInitialState$7 as bg, reducer$8 as bh, getDocument$1 as bi, getComponentsMeta as bj, getComponentPropControllerDescriptors$1 as bk, getLocales as bl, BuilderEditMode as bm, getDocumentKeysSortedByDepth as bn, getPropController as bo, getPropControllersHandle as bp, getElement as bq, getElementPropControllerDescriptors as br, createPropController as bs, reducer$7 as bt, reducer$9 as bu, reducer$6 as bv, reducer$5 as bw, reducer$4 as bx, reducer$3 as by, reducer$2 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 };
+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