@makeswift/runtime 0.9.0 → 0.9.1

package/dist/react-page.cjs.js

@@ -22,17 +22,44 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
+var _a;
 var redux = require("redux");
 var thunk = require("redux-thunk");
 var actions = require("./actions.cjs.js");
 var state_breakpoints = require("./state/breakpoints.cjs.js");
+var React = require("react");
+var css = require("@emotion/css");
+var serialize = require("@emotion/serialize");
+var utils = require("@emotion/utils");
 var slate = require("slate");
 var isHotkey = require("is-hotkey");
 require("slate-react");
+var jsxRuntime = require("react/jsx-runtime");
 function _interopDefaultLegacy(e) {
   return e && typeof e === "object" && "default" in e ? e : { "default": e };
 }
+function _interopNamespace(e) {
+  if (e && e.__esModule)
+    return e;
+  var n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    Object.keys(e).forEach(function(k) {
+      if (k !== "default") {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function() {
+            return e[k];
+          }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
 var thunk__default = /* @__PURE__ */ _interopDefaultLegacy(thunk);
+var React__namespace = /* @__PURE__ */ _interopNamespace(React);
 var isHotkey__default = /* @__PURE__ */ _interopDefaultLegacy(isHotkey);
 const ComponentIcon = {
   Billing: "billing",
@@ -101,8 +128,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) {
@@ -126,8 +153,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) {
@@ -151,8 +178,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) {
@@ -177,24 +204,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 actions.ActionTypes.REGISTER_PROP_CONTROLLERS_HANDLE: {
       const { documentKey, elementKey, handle } = action.payload;
       return __spreadProps(__spreadValues({}, state), {
-        handles: new Map(state.handles).set(documentKey, new Map((_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 actions.ActionTypes.UNREGISTER_PROP_CONTROLLERS_HANDLE: {
@@ -259,9 +286,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
   };
@@ -291,11 +318,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";
@@ -308,10 +335,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 (void 0) {
   const { describe, test, expect } = void 0;
@@ -344,7 +371,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") {
@@ -352,7 +379,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
         })
       });
     }
@@ -505,6 +532,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);
   }
@@ -643,10 +672,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;
@@ -864,22 +893,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
                   })
                 });
               })
@@ -905,7 +934,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) {
@@ -915,7 +944,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
         })
       });
     }
@@ -948,10 +977,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
@@ -1009,14 +1038,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
         })
       })
     });
@@ -1070,10 +1099,10 @@ if (void 0) {
   });
 }
 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 (void 0) {
   const { describe, test, expect } = void 0;
@@ -1106,13 +1135,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
       })
     });
   }
@@ -1161,9 +1190,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
     });
   }
 }
@@ -1172,9 +1201,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
     });
   }
 }
@@ -1228,10 +1257,10 @@ if (void 0) {
   });
 }
 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 (void 0) {
   const { describe, test, expect } = void 0;
@@ -1273,13 +1302,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
       })
     });
   }
@@ -1393,24 +1422,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:
@@ -1418,7 +1447,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;
@@ -1426,7 +1455,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
           })
         });
       }
@@ -1447,20 +1476,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
                     })
                   })
                 });
@@ -1657,6 +1686,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__namespace[useInsertionEffectSpecifier]) != null ? _a : React__namespace.useLayoutEffect;
+function useStyle(style) {
+  const serialized = serialize.serializeStyles([style], css.cache.registered);
+  utils.registerStyles(css.cache, serialized, false);
+  useInsertionEffect(() => {
+    utils.insertStyles(css.cache, serialized, false);
+  });
+  if (isServer)
+    utils.insertStyles(css.cache, serialized, false);
+  return `${css.cache.key}-${serialized.name}`;
+}
+const StyleV2ControlType = "makeswift::controls::style-v2";
+const unstable_useStyleV2ClassName = useStyle;
+function unstable_StyleV2(config) {
+  return { type: StyleV2ControlType, config };
+}
+const StyleV2ControlMessageType = {
+  CHANGE_BOX_MODEL: "makeswift::controls::style::message::change-box-model"
+};
+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",
@@ -1793,13 +1853,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);
@@ -1818,11 +1878,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 : [];
       slate.Transforms.setNodes(editor, {
         [key]: deviceOverrides.filter((v) => v.deviceId !== deviceId)
       }, { at: path });
@@ -1895,8 +1955,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(slate.Editor.nodes(editor, {
@@ -1915,8 +1975,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(slate.Editor.nodes(editor, {
@@ -1955,7 +2015,7 @@ const LocationUtils = {
   }
 };
 function getSelectedListItems(editor) {
-  var _a, _b;
+  var _a2, _b;
   if (!editor.selection)
     return [];
   const start = LocationUtils.getStartPath(editor.selection);
@@ -1963,7 +2023,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) => slate.Path.isDescendant(start, node[1]) ? slate.Path.equals(node[1], firstAncestorPath) : !slate.Path.isAfter(start, node[1]));
 }
 function indentPath(editor, path) {
@@ -2040,8 +2100,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);
@@ -2072,7 +2132,9 @@ const ListActions = {
   toggleList
 };
 function onKeyDown(e, editor) {
-  if (!editor.selection || Array.from(slate.Editor.nodes(editor, { match: (node) => ElementUtils.isListItem(node) })).length === 0)
+  if (!editor.selection || Array.from(slate.Editor.nodes(editor, {
+    match: (node) => ElementUtils.isListItem(node)
+  })).length === 0)
     return;
   if (isHotkey__default["default"]("shift+tab", e)) {
     e.preventDefault();
@@ -2130,15 +2192,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) {
-      slate.Transforms.unsetNodes(editor, "textAlign", { at: normalizationPath });
+    if (ElementUtils.isBlock(normalizationNode) && ((_a2 = normalizationNode == null ? void 0 : normalizationNode.textAlign) == null ? void 0 : _a2.length) == 0) {
+      slate.Transforms.unsetNodes(editor, "textAlign", {
+        at: normalizationPath
+      });
       return;
     }
     if (ElementUtils.isListItem(normalizationNode)) {
@@ -2146,7 +2212,9 @@ function withBlock(editor) {
       if (slate.Node.has(editor, pathToListItemText)) {
         const nodeInListItemTextPosition = slate.Node.get(editor, pathToListItemText);
         if (ElementUtils.isRootBlock(nodeInListItemTextPosition)) {
-          slate.Transforms.setNodes(editor, { type: BlockType.ListItemChild }, {
+          slate.Transforms.setNodes(editor, {
+            type: BlockType.ListItemChild
+          }, {
             at: pathToListItemText
           });
           return;
@@ -2164,10 +2232,7 @@ function withBlock(editor) {
         if (!potentialNodeToBeMerged || !ElementUtils.isList(potentialNodeToBeMerged[0]) || !ElementUtils.isList(child[0]) || potentialNodeToBeMerged[0].type !== child[0].type) {
           return null;
         }
-        return [
-          slate.Editor.pathRef(editor, child[1]),
-          slate.Editor.pathRef(editor, potentialNodeToBeMerged[1])
-        ];
+        return [slate.Editor.pathRef(editor, child[1]), slate.Editor.pathRef(editor, potentialNodeToBeMerged[1])];
       }).filter((mergeableNodes) => Boolean(mergeableNodes));
       if (mergeableChildren.length !== 0) {
         mergeableChildren.reverse().forEach(([nodePathRef, nodeToBeMergedPathRef]) => {
@@ -2184,7 +2249,9 @@ function withBlock(editor) {
                 to: [...nodePath, nodeChildren.length]
               });
             });
-            slate.Transforms.removeNodes(editor, { at: nodeToBeMergedPath });
+            slate.Transforms.removeNodes(editor, {
+              at: nodeToBeMergedPath
+            });
           });
           nodePathRef.unref();
           nodeToBeMergedPathRef.unref();
@@ -2199,48 +2266,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() {
@@ -2259,14 +2315,18 @@ function BlockPlugin() {
         } else if (activeBlockType === value) {
           slate.Transforms.setNodes(editor, {
             type: BlockType.Default
-          }, { at: getSelection(editor) });
+          }, {
+            at: getSelection(editor)
+          });
         } else {
           ListActions.unwrapList(editor, {
             at: getSelection(editor)
           });
           slate.Transforms.setNodes(editor, {
             type: value != null ? value : BlockType.Default
-          }, { at: getSelection(editor) });
+          }, {
+            at: getSelection(editor)
+          });
         }
       },
       getValue: (editor) => {
@@ -2275,9 +2335,114 @@ function BlockPlugin() {
           return void 0;
         return activeBlock;
       }
-    }
+    },
+    renderElement: (renderElement) => (props) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", __spreadProps(__spreadValues({}, attributes), {
+        className: css.cx(...blockStyles),
+        children
+      }));
+    case BlockType.Paragraph:
+      return /* @__PURE__ */ jsxRuntime.jsx("p", __spreadProps(__spreadValues({}, attributes), {
+        className: css.cx(...blockStyles),
+        children
+      }));
+    case BlockType.Heading1:
+      return /* @__PURE__ */ jsxRuntime.jsx("h1", __spreadProps(__spreadValues({}, attributes), {
+        className: css.cx(...blockStyles),
+        children
+      }));
+    case BlockType.Heading2:
+      return /* @__PURE__ */ jsxRuntime.jsx("h2", __spreadProps(__spreadValues({}, attributes), {
+        className: css.cx(...blockStyles),
+        children
+      }));
+    case BlockType.Heading3:
+      return /* @__PURE__ */ jsxRuntime.jsx("h3", __spreadProps(__spreadValues({}, attributes), {
+        className: css.cx(...blockStyles),
+        children
+      }));
+    case BlockType.Heading4:
+      return /* @__PURE__ */ jsxRuntime.jsx("h4", __spreadProps(__spreadValues({}, attributes), {
+        className: css.cx(...blockStyles),
+        children
+      }));
+    case BlockType.Heading5:
+      return /* @__PURE__ */ jsxRuntime.jsx("h5", __spreadProps(__spreadValues({}, attributes), {
+        className: css.cx(...blockStyles),
+        children
+      }));
+    case BlockType.Heading6:
+      return /* @__PURE__ */ jsxRuntime.jsx("h6", __spreadProps(__spreadValues({}, attributes), {
+        className: css.cx(...blockStyles),
+        children
+      }));
+    case BlockType.BlockQuote:
+      return /* @__PURE__ */ jsxRuntime.jsx("blockquote", __spreadProps(__spreadValues({}, attributes), {
+        className: css.cx(...blockStyles, quoteStyles),
+        children
+      }));
+    case BlockType.OrderedList:
+      return /* @__PURE__ */ jsxRuntime.jsx("ol", __spreadProps(__spreadValues({}, attributes), {
+        className: css.cx(...blockStyles),
+        style: {
+          listStylePosition: "inside"
+        },
+        children
+      }));
+    case BlockType.UnorderedList:
+      return /* @__PURE__ */ jsxRuntime.jsx("ul", __spreadProps(__spreadValues({}, attributes), {
+        className: css.cx(...blockStyles),
+        style: {
+          listStylePosition: "inside"
+        },
+        children
+      }));
+    case BlockType.ListItem:
+      return /* @__PURE__ */ jsxRuntime.jsx("li", __spreadProps(__spreadValues({}, attributes), {
+        className: css.cx(...blockStyles),
+        children
+      }));
+    case BlockType.ListItemChild:
+      return /* @__PURE__ */ jsxRuntime.jsx("span", __spreadProps(__spreadValues({}, attributes), {
+        className: css.cx(...blockStyles),
+        children
+      }));
+    case BlockType.Default:
+      return /* @__PURE__ */ jsxRuntime.jsx("p", __spreadProps(__spreadValues({}, attributes), {
+        className: css.cx(...blockStyles),
+        children
+      }));
+    default:
+      return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: renderElement({
+          element,
+          attributes,
+          children
+        })
+      });
+  }
+}
 const RichTextV2ControlType = "makeswift::controls::rich-text-v2";
 const RichTextV2Mode = {
   Inline: "makeswift::controls::rich-text-v2::mode::inline",
@@ -2286,9 +2451,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 };
@@ -2311,7 +2477,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) {
@@ -2328,7 +2494,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;
         }
       }
@@ -2337,13 +2503,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 : []
     });
   }
@@ -2358,7 +2524,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;
@@ -2368,9 +2534,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 : []
     });
   }
@@ -2384,8 +2550,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 : "",
@@ -2394,12 +2560,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
         }
@@ -2428,7 +2594,7 @@ function toInlineOrTextDAO(node) {
   }
 }
 function toNodeDAO(node) {
-  var _a, _b;
+  var _a2, _b;
   switch (node.object) {
     case ObjectType.Inline:
     case ObjectType.Text:
@@ -2438,7 +2604,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:
@@ -2446,8 +2612,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,
@@ -2461,8 +2627,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)) {
@@ -2506,7 +2672,7 @@ function toInlineOrTextDTO(node) {
   }
 }
 function toNodeDTO(node) {
-  var _a, _b;
+  var _a2, _b;
   if (isText(node))
     return toInlineOrTextDTO(node);
   switch (node.type) {
@@ -2531,7 +2697,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:
@@ -2895,51 +3061,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) {
@@ -2949,17 +3115,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);
@@ -2967,20 +3133,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)
@@ -2996,18 +3162,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) {
@@ -3019,7 +3185,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;
@@ -3035,20 +3201,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)
@@ -3072,7 +3238,7 @@ function getTableIds(descriptor, prop) {
   }
 }
 function getPageIds(descriptor, prop) {
-  var _a;
+  var _a2;
   if (prop == null)
     return [];
   switch (descriptor.type) {
@@ -3091,8 +3257,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)
@@ -3105,7 +3271,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) {
@@ -3117,25 +3283,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];
           }
@@ -3250,14 +3416,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);
@@ -3420,6 +3586,9 @@ exports.StyleControl = StyleControl;
 exports.StyleControlMessageType = StyleControlMessageType;
 exports.StyleControlProperty = StyleControlProperty;
 exports.StyleControlType = StyleControlType;
+exports.StyleV2Control = StyleV2Control;
+exports.StyleV2ControlMessageType = StyleV2ControlMessageType;
+exports.StyleV2ControlType = StyleV2ControlType;
 exports.Table = Table;
 exports.TableFormFields = TableFormFields;
 exports.TableFormFieldsMessageType = TableFormFieldsMessageType;
@@ -3447,6 +3616,7 @@ exports.createRichTextV2Plugin = createRichTextV2Plugin;
 exports.descriptors = descriptors;
 exports.getBackgroundsFileIds = getBackgroundsFileIds;
 exports.getBackgroundsSwatchIds = getBackgroundsSwatchIds;
+exports.getBlocksInSelection = getBlocksInSelection;
 exports.getBorderSwatchIds = getBorderSwatchIds;
 exports.getBoxShadowsSwatchIds = getBoxShadowsSwatchIds;
 exports.getBreakpoints = getBreakpoints;
@@ -3498,5 +3668,8 @@ exports.richTextDTOtoDAO = richTextDTOtoDAO;
 exports.richTextDTOtoSelection = richTextDTOtoSelection;
 exports.toSelectionDTO = toSelectionDTO;
 exports.unstable_RichTextV2 = unstable_RichTextV2;
+exports.unstable_StyleV2 = unstable_StyleV2;
+exports.unstable_useStyleV2ClassName = unstable_useStyleV2ClassName;
+exports.useStyle = useStyle;
 exports.withBlock = withBlock;
 //# sourceMappingURL=react-page.cjs.js.map