@makeswift/runtime 0.9.1 → 0.9.2

package/dist/react-page.es.js

@@ -26,15 +26,12 @@ 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 { 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 { cache } 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";
+import { Element, Text } from "slate";
 const ComponentIcon = {
   Billing: "billing",
   Bolt: "bolt",
@@ -299,92 +296,199 @@ function copyColorData(value, context) {
     swatchId: (_a2 = context.replacementContext.swatchIds.get(value.swatchId)) != null ? _a2 : value.swatchId
   });
 }
-const ImageControlType = "makeswift::controls::image";
-const ImageControlValueFormat = {
-  URL: "makeswift::controls::image::format::url",
-  WithDimensions: "makeswift::controls::image::format::with-dimensions"
-};
-function Image$1(config = {}) {
-  return { type: ImageControlType, config };
+class PropController {
+  constructor(send) {
+    __publicField(this, "send");
+    this.send = send;
+  }
 }
-Image$1.Format = ImageControlValueFormat;
-function copyImageData(value, context) {
+const StyleControlType = "makeswift::controls::style";
+const StyleControlProperty = {
+  Width: "makeswift::controls::style::property::width",
+  Margin: "makeswift::controls::style::property::margin",
+  Padding: "makeswift::controls::style::property::padding",
+  Border: "makeswift::controls::style::property::border",
+  BorderRadius: "makeswift::controls::style::property::border-radius",
+  TextStyle: "makeswift::controls::style::property::text-style"
+};
+const StyleControlDefaultProperties = [
+  StyleControlProperty.Width,
+  StyleControlProperty.Margin
+];
+const AllStyleControlProperties = [
+  StyleControlProperty.Width,
+  StyleControlProperty.Margin,
+  StyleControlProperty.Padding,
+  StyleControlProperty.Border,
+  StyleControlProperty.BorderRadius,
+  StyleControlProperty.TextStyle
+];
+function Style(params) {
   var _a2;
-  if (value == null)
-    return value;
-  return (_a2 = context.replacementContext.fileIds.get(value)) != null ? _a2 : value;
-}
-if (import_meta.vitest) {
-  const { describe, test, expect } = import_meta.vitest;
-  describe.concurrent("image copy", () => {
-    test("image is replaced by a one in replacement context", () => {
-      const data = "file-id";
-      const expected = "testing";
-      const replacementContext = {
-        elementHtmlIds: /* @__PURE__ */ new Set(),
-        elementKeys: /* @__PURE__ */ new Map(),
-        swatchIds: /* @__PURE__ */ new Map(),
-        fileIds: /* @__PURE__ */ new Map([["file-id", "testing"]]),
-        typographyIds: /* @__PURE__ */ new Map(),
-        tableIds: /* @__PURE__ */ new Map(),
-        tableColumnIds: /* @__PURE__ */ new Map(),
-        pageIds: /* @__PURE__ */ new Map(),
-        globalElementIds: /* @__PURE__ */ new Map(),
-        globalElementData: /* @__PURE__ */ new Map()
-      };
-      const result = copyImageData(data, {
-        replacementContext,
-        copyElement: (node) => node
-      });
-      expect(result).toMatchObject(expected);
-    });
-  });
+  return {
+    type: StyleControlType,
+    config: { properties: (_a2 = params == null ? void 0 : params.properties) != null ? _a2 : StyleControlDefaultProperties }
+  };
 }
-const LinkControlType = "makeswift::controls::link";
-function Link$1(config = {}) {
-  return { type: LinkControlType, config };
+Style.Default = StyleControlDefaultProperties;
+Style.All = AllStyleControlProperties;
+Style.Width = StyleControlProperty.Width;
+Style.Margin = StyleControlProperty.Margin;
+Style.Padding = StyleControlProperty.Padding;
+Style.Border = StyleControlProperty.Border;
+Style.BorderRadius = StyleControlProperty.BorderRadius;
+Style.TextStyle = StyleControlProperty.TextStyle;
+const StyleControlMessageType = {
+  CHANGE_BOX_MODEL: "makeswift::controls::style::message::change-box-model"
+};
+class StyleControl extends PropController {
+  constructor(send) {
+    super(send);
+  }
+  changeBoxModel(boxModel) {
+    this.send({ type: StyleControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } });
+  }
+  recv() {
+  }
 }
-function copyLinkData(value, context) {
-  var _a2;
+function copyStyleData(value, context) {
   if (value == null)
     return value;
-  if (value.type === "OPEN_PAGE") {
-    const pageId = value.payload.pageId;
-    if (pageId != null) {
-      return __spreadProps(__spreadValues({}, value), {
-        payload: __spreadProps(__spreadValues({}, value.payload), {
-          pageId: (_a2 = context.replacementContext.pageIds.get(pageId)) != null ? _a2 : pageId
-        })
+  function copyResponsiveBorder(responsiveBorder) {
+    if (responsiveBorder == null)
+      return void 0;
+    return responsiveBorder.map((deviceBorder) => __spreadProps(__spreadValues({}, deviceBorder), {
+      value: copyBorder(deviceBorder.value)
+    }));
+  }
+  function copyBorder(border) {
+    function copyBorderSide(side) {
+      if (side == null)
+        return null;
+      if (side.color == null)
+        return side;
+      return __spreadProps(__spreadValues({}, side), {
+        color: copyColorData(side.color, context)
       });
     }
+    return {
+      borderTop: copyBorderSide(border.borderTop),
+      borderBottom: copyBorderSide(border.borderBottom),
+      borderRight: copyBorderSide(border.borderRight),
+      borderLeft: copyBorderSide(border.borderLeft)
+    };
   }
-  return value;
+  return __spreadProps(__spreadValues({}, value), { border: copyResponsiveBorder(value.border) });
 }
 if (import_meta.vitest) {
   const { describe, test, expect } = import_meta.vitest;
-  describe.concurrent("link", () => {
-    test("page id is replaced by one in replacement context", () => {
-      const data = {
-        type: "OPEN_PAGE",
-        payload: {
-          pageId: "UGFnZTpmNTdmMjQ2MS0wMGY3LTQzZWUtYmIwOS03ODdiNTUyYzUyYWQ=",
-          openInNewTab: false
-        }
+  describe.concurrent("style copy", () => {
+    test("colors are replaced", () => {
+      const value = {
+        width: [
+          {
+            value: {
+              unit: "px",
+              value: 100
+            },
+            deviceId: "desktop"
+          }
+        ],
+        border: [
+          {
+            value: {
+              borderTop: {
+                color: {
+                  alpha: 1,
+                  swatchId: "U3dhdGNoOmJjMDkwZWJjLTZkZDUtNDY1NS1hMDY0LTg3ZDAxM2U4YTFhNA=="
+                },
+                style: "solid",
+                width: 9
+              },
+              borderLeft: {
+                color: {
+                  alpha: 1,
+                  swatchId: "U3dhdGNoOmJjMDkwZWJjLTZkZDUtNDY1NS1hMDY0LTg3ZDAxM2U4YTFhNA=="
+                },
+                style: "solid",
+                width: 9
+              },
+              borderRight: {
+                color: {
+                  alpha: 1,
+                  swatchId: "U3dhdGNoOmJjMDkwZWJjLTZkZDUtNDY1NS1hMDY0LTg3ZDAxM2U4YTFhNA=="
+                },
+                style: "solid",
+                width: 9
+              },
+              borderBottom: {
+                color: {
+                  alpha: 1,
+                  swatchId: "U3dhdGNoOmJjMDkwZWJjLTZkZDUtNDY1NS1hMDY0LTg3ZDAxM2U4YTFhNA=="
+                },
+                style: "solid",
+                width: 9
+              }
+            },
+            deviceId: "desktop"
+          }
+        ],
+        textStyle: [
+          {
+            value: {
+              fontSize: {
+                unit: "px",
+                value: 46
+              },
+              fontStyle: [],
+              fontFamily: "Oswald",
+              fontWeight: 400,
+              letterSpacing: 5.2,
+              textTransform: []
+            },
+            deviceId: "desktop"
+          }
+        ],
+        borderRadius: [
+          {
+            value: {
+              borderTopLeftRadius: {
+                unit: "px",
+                value: 4
+              },
+              borderTopRightRadius: {
+                unit: "px",
+                value: 4
+              },
+              borderBottomLeftRadius: {
+                unit: "px",
+                value: 4
+              },
+              borderBottomRightRadius: {
+                unit: "px",
+                value: 4
+              }
+            },
+            deviceId: "desktop"
+          }
+        ]
       };
-      const expected = JSON.parse(JSON.stringify(data).replace("UGFnZTpmNTdmMjQ2MS0wMGY3LTQzZWUtYmIwOS03ODdiNTUyYzUyYWQ=", "testing"));
+      const expected = JSON.parse(JSON.stringify(value).replaceAll("U3dhdGNoOmJjMDkwZWJjLTZkZDUtNDY1NS1hMDY0LTg3ZDAxM2U4YTFhNA==", "testing"));
       const replacementContext = {
         elementHtmlIds: /* @__PURE__ */ new Set(),
         elementKeys: /* @__PURE__ */ new Map(),
-        swatchIds: /* @__PURE__ */ new Map(),
-        pageIds: /* @__PURE__ */ new Map([["UGFnZTpmNTdmMjQ2MS0wMGY3LTQzZWUtYmIwOS03ODdiNTUyYzUyYWQ=", "testing"]]),
+        swatchIds: /* @__PURE__ */ new Map([
+          ["U3dhdGNoOmJjMDkwZWJjLTZkZDUtNDY1NS1hMDY0LTg3ZDAxM2U4YTFhNA==", "testing"]
+        ]),
+        fileIds: /* @__PURE__ */ new Map(),
         typographyIds: /* @__PURE__ */ new Map(),
         tableIds: /* @__PURE__ */ new Map(),
         tableColumnIds: /* @__PURE__ */ new Map(),
-        fileIds: /* @__PURE__ */ new Map(),
+        pageIds: /* @__PURE__ */ new Map(),
         globalElementIds: /* @__PURE__ */ new Map(),
         globalElementData: /* @__PURE__ */ new Map()
       };
-      const result = copyLinkData(data, {
+      const result = copyStyleData(value, {
         replacementContext,
         copyElement: (node) => node
       });
@@ -392,30 +496,340 @@ if (import_meta.vitest) {
     });
   });
 }
-class PropController {
-  constructor(send) {
-    __publicField(this, "send");
-    this.send = send;
-  }
-}
-const RichTextPropControllerMessageType = {
-  CHANGE_BUILDER_EDIT_MODE: "CHANGE_BUILDER_EDIT_MODE",
-  INITIALIZE_EDITOR: "INITIALIZE_EDITOR",
-  CHANGE_EDITOR_VALUE: "CHANGE_EDITOR_VALUE",
-  FOCUS: "FOCUS",
-  BLUR: "BLUR",
-  UNDO: "UNDO",
-  REDO: "REDO",
-  CHANGE_BOX_MODEL: "CHANGE_BOX_MODEL"
-};
-class DefaultPropController extends PropController {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "recv", (_message) => {
-    });
-  }
-}
-class RichTextPropController extends PropController {
+const Types = {
+  Backgrounds: "Backgrounds",
+  Border: "Border",
+  BorderRadius: "BorderRadius",
+  Checkbox: "Checkbox",
+  Date: "Date",
+  ElementID: "ElementID",
+  Font: "Font",
+  GapX: "GapX",
+  GapY: "GapY",
+  Grid: "Grid",
+  Image: "Image",
+  Images: "Images",
+  Link: "Link",
+  List: "List",
+  Margin: "Margin",
+  NavigationLinks: "NavigationLinks",
+  Number: "Number",
+  Padding: "Padding",
+  ResponsiveColor: "ResponsiveColor",
+  ResponsiveIconRadioGroup: "ResponsiveIconRadioGroup",
+  ResponsiveLength: "ResponsiveLength",
+  ResponsiveNumber: "ResponsiveNumber",
+  ResponsiveOpacity: "ResponsiveOpacity",
+  ResponsiveSelect: "ResponsiveSelect",
+  RichText: "RichText",
+  Shadows: "Shadows",
+  Shape: "Shape",
+  SocialLinks: "SocialLinks",
+  Table: "Table",
+  TableFormFields: "TableFormFields",
+  Typeahead: "Typeahead",
+  TextArea: "TextArea",
+  TextInput: "TextInput",
+  TextStyle: "TextStyle",
+  Video: "Video",
+  Width: "Width",
+  Style: StyleControlType
+};
+function Backgrounds(options = {}) {
+  return { type: Types.Backgrounds, options };
+}
+const BorderPropControllerFormat = {
+  ClassName: "makeswift::prop-controllers::border::format::class-name",
+  ResponsiveValue: "makeswift::prop-controllers:border::format::responsive-value"
+};
+function Border(options = {}) {
+  return { type: Types.Border, options };
+}
+Border.Format = BorderPropControllerFormat;
+const BorderRadiusPropControllerFormat = {
+  ClassName: "makeswift::prop-controllers::border-radius::format::class-name",
+  ResponsiveValue: "makeswift::prop-controllers::border-radius::format::responsive-value"
+};
+function BorderRadius(options = {}) {
+  return { type: Types.BorderRadius, options };
+}
+BorderRadius.Format = BorderRadiusPropControllerFormat;
+function Checkbox(options) {
+  return { type: Types.Checkbox, options };
+}
+function Date(options = {}) {
+  return { type: Types.Date, options };
+}
+function ElementID(options = {}) {
+  return { type: Types.ElementID, options };
+}
+function Font(options = {}) {
+  return { type: Types.Font, options };
+}
+function GapX(options = {}) {
+  return { type: Types.GapX, options };
+}
+function GapY(options = {}) {
+  return { type: Types.GapY, options };
+}
+function Grid(options = {}) {
+  return { type: Types.Grid, options };
+}
+function Image$1(options = {}) {
+  return { type: Types.Image, options };
+}
+function Images(options = {}) {
+  return { type: Types.Images, options };
+}
+function Link$1(options = {}) {
+  return { type: Types.Link, options };
+}
+function List$1(options) {
+  return { type: Types.List, options };
+}
+const MarginPropControllerFormat = {
+  ClassName: "makeswift::prop-controllers::margin::format::class-name",
+  ResponsiveValue: "makeswift::prop-controllers::margin::format::responsive-value"
+};
+function Margin(options = {}) {
+  return { type: Types.Margin, options };
+}
+Margin.Format = MarginPropControllerFormat;
+function NavigationLinks(options = {}) {
+  return { type: Types.NavigationLinks, options };
+}
+function Number(options = {}) {
+  return { type: Types.Number, options };
+}
+const PaddingPropControllerFormat = {
+  ClassName: "makeswift::prop-controllers::padding::format::class-name",
+  ResponsiveValue: "makeswift::prop-controllers::padding::format::responsive-value"
+};
+function Padding(options = {}) {
+  return { type: Types.Padding, options };
+}
+Padding.Format = PaddingPropControllerFormat;
+function ResponsiveColor(options = {}) {
+  return { type: Types.ResponsiveColor, options };
+}
+function ResponsiveIconRadioGroup(options) {
+  return { type: Types.ResponsiveIconRadioGroup, options };
+}
+function ResponsiveLength(options = {}) {
+  return { type: Types.ResponsiveLength, options };
+}
+function ResponsiveNumber(options = {}) {
+  return { type: Types.ResponsiveNumber, options };
+}
+function ResponsiveOpacity(options = {}) {
+  return { type: Types.ResponsiveOpacity, options };
+}
+function ResponsiveSelect(options) {
+  return { type: Types.ResponsiveSelect, options };
+}
+function RichText$1(options = {}) {
+  return { type: Types.RichText, options };
+}
+const ShadowsPropControllerFormat = {
+  ClassName: "makeswift::prop-controllers::shadows::format::class-name",
+  ResponsiveValue: "makeswift::prop-controllers::shadows::format::responsive-value"
+};
+function Shadows(options = {}) {
+  return { type: Types.Shadows, options };
+}
+Shadows.Format = ShadowsPropControllerFormat;
+function Shape$1(options) {
+  return { type: Types.Shape, options };
+}
+function SocialLinks(options = {}) {
+  return { type: Types.SocialLinks, options };
+}
+function Table(options = {}) {
+  return { type: Types.Table, options };
+}
+function TableFormFields(options = {}) {
+  return { type: Types.TableFormFields, options };
+}
+function Typeahead(options) {
+  return { type: Types.Typeahead, options };
+}
+function TextArea(options = {}) {
+  return { type: Types.TextArea, options };
+}
+function TextInput(options = {}) {
+  return { type: Types.TextInput, options };
+}
+function TextStyle(options = {}) {
+  return { type: Types.TextStyle, options };
+}
+function Video(options = {}) {
+  return { type: Types.Video, options };
+}
+const WidthPropControllerFormat = {
+  ClassName: "makeswift::prop-controllers::width::format::class-name",
+  ResponsiveValue: "makeswift::prop-controllers::width::format::responsive-value"
+};
+function Width(options = {}) {
+  return { type: Types.Width, options };
+}
+Width.Format = WidthPropControllerFormat;
+var descriptors = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Types,
+  Backgrounds,
+  BorderPropControllerFormat,
+  Border,
+  BorderRadiusPropControllerFormat,
+  BorderRadius,
+  Checkbox,
+  Date,
+  ElementID,
+  Font,
+  GapX,
+  GapY,
+  Grid,
+  Image: Image$1,
+  Images,
+  Link: Link$1,
+  List: List$1,
+  MarginPropControllerFormat,
+  Margin,
+  NavigationLinks,
+  Number,
+  PaddingPropControllerFormat,
+  Padding,
+  ResponsiveColor,
+  ResponsiveIconRadioGroup,
+  ResponsiveLength,
+  ResponsiveNumber,
+  ResponsiveOpacity,
+  ResponsiveSelect,
+  RichText: RichText$1,
+  ShadowsPropControllerFormat,
+  Shadows,
+  Shape: Shape$1,
+  SocialLinks,
+  Table,
+  TableFormFields,
+  Typeahead,
+  TextArea,
+  TextInput,
+  TextStyle,
+  Video,
+  WidthPropControllerFormat,
+  Width
+}, Symbol.toStringTag, { value: "Module" }));
+const ImageControlType = "makeswift::controls::image";
+const ImageControlValueFormat = {
+  URL: "makeswift::controls::image::format::url",
+  WithDimensions: "makeswift::controls::image::format::with-dimensions"
+};
+function Image(config = {}) {
+  return { type: ImageControlType, config };
+}
+Image.Format = ImageControlValueFormat;
+function copyImageData(value, context) {
+  var _a2;
+  if (value == null)
+    return value;
+  return (_a2 = context.replacementContext.fileIds.get(value)) != null ? _a2 : value;
+}
+if (import_meta.vitest) {
+  const { describe, test, expect } = import_meta.vitest;
+  describe.concurrent("image copy", () => {
+    test("image is replaced by a one in replacement context", () => {
+      const data = "file-id";
+      const expected = "testing";
+      const replacementContext = {
+        elementHtmlIds: /* @__PURE__ */ new Set(),
+        elementKeys: /* @__PURE__ */ new Map(),
+        swatchIds: /* @__PURE__ */ new Map(),
+        fileIds: /* @__PURE__ */ new Map([["file-id", "testing"]]),
+        typographyIds: /* @__PURE__ */ new Map(),
+        tableIds: /* @__PURE__ */ new Map(),
+        tableColumnIds: /* @__PURE__ */ new Map(),
+        pageIds: /* @__PURE__ */ new Map(),
+        globalElementIds: /* @__PURE__ */ new Map(),
+        globalElementData: /* @__PURE__ */ new Map()
+      };
+      const result = copyImageData(data, {
+        replacementContext,
+        copyElement: (node) => node
+      });
+      expect(result).toMatchObject(expected);
+    });
+  });
+}
+const LinkControlType = "makeswift::controls::link";
+function Link(config = {}) {
+  return { type: LinkControlType, config };
+}
+function copyLinkData(value, context) {
+  var _a2;
+  if (value == null)
+    return value;
+  if (value.type === "OPEN_PAGE") {
+    const pageId = value.payload.pageId;
+    if (pageId != null) {
+      return __spreadProps(__spreadValues({}, value), {
+        payload: __spreadProps(__spreadValues({}, value.payload), {
+          pageId: (_a2 = context.replacementContext.pageIds.get(pageId)) != null ? _a2 : pageId
+        })
+      });
+    }
+  }
+  return value;
+}
+if (import_meta.vitest) {
+  const { describe, test, expect } = import_meta.vitest;
+  describe.concurrent("link", () => {
+    test("page id is replaced by one in replacement context", () => {
+      const data = {
+        type: "OPEN_PAGE",
+        payload: {
+          pageId: "UGFnZTpmNTdmMjQ2MS0wMGY3LTQzZWUtYmIwOS03ODdiNTUyYzUyYWQ=",
+          openInNewTab: false
+        }
+      };
+      const expected = JSON.parse(JSON.stringify(data).replace("UGFnZTpmNTdmMjQ2MS0wMGY3LTQzZWUtYmIwOS03ODdiNTUyYzUyYWQ=", "testing"));
+      const replacementContext = {
+        elementHtmlIds: /* @__PURE__ */ new Set(),
+        elementKeys: /* @__PURE__ */ new Map(),
+        swatchIds: /* @__PURE__ */ new Map(),
+        pageIds: /* @__PURE__ */ new Map([["UGFnZTpmNTdmMjQ2MS0wMGY3LTQzZWUtYmIwOS03ODdiNTUyYzUyYWQ=", "testing"]]),
+        typographyIds: /* @__PURE__ */ new Map(),
+        tableIds: /* @__PURE__ */ new Map(),
+        tableColumnIds: /* @__PURE__ */ new Map(),
+        fileIds: /* @__PURE__ */ new Map(),
+        globalElementIds: /* @__PURE__ */ new Map(),
+        globalElementData: /* @__PURE__ */ new Map()
+      };
+      const result = copyLinkData(data, {
+        replacementContext,
+        copyElement: (node) => node
+      });
+      expect(result).toMatchObject(expected);
+    });
+  });
+}
+const RichTextPropControllerMessageType = {
+  CHANGE_BUILDER_EDIT_MODE: "CHANGE_BUILDER_EDIT_MODE",
+  INITIALIZE_EDITOR: "INITIALIZE_EDITOR",
+  CHANGE_EDITOR_VALUE: "CHANGE_EDITOR_VALUE",
+  FOCUS: "FOCUS",
+  BLUR: "BLUR",
+  UNDO: "UNDO",
+  REDO: "REDO",
+  CHANGE_BOX_MODEL: "CHANGE_BOX_MODEL"
+};
+class DefaultPropController extends PropController {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "recv", (_message) => {
+    });
+  }
+}
+class RichTextPropController extends PropController {
   constructor() {
     super(...arguments);
     __publicField(this, "editor", null);
@@ -507,13 +921,13 @@ function createPropController(descriptor, send) {
     case StyleControlType:
       return new StyleControl(send);
     case StyleV2ControlType:
-      return new StyleV2Control(send);
+      return new StyleV2Control(send, descriptor);
     default:
       return new DefaultPropController(send);
   }
 }
 const ListControlType = "makeswift::controls::list";
-function List$1(config) {
+function List(config) {
   return { type: ListControlType, config };
 }
 const ListControlMessageType = {
@@ -564,259 +978,65 @@ class ListControl extends PropController {
     this.controls = /* @__PURE__ */ new Map();
   }
 }
-function copyListData(definition2, value, context) {
+function copyListData(definition, value, context) {
   if (value == null)
     return value;
   return value && value.map((item) => __spreadProps(__spreadValues({}, item), {
-    value: copy(definition2.config.type, item.value, context)
+    value: copy(definition.config.type, item.value, context)
   }));
 }
-const ShapeControlType = "makeswift::controls::shape";
-function Shape$1(config) {
-  return { type: ShapeControlType, config };
-}
-const ShapeControlMessageType = {
-  SHAPE_CONTROL_CHILD_CONTROL_MESSAGE: "makeswift::controls::shape::message::child-control-message"
-};
-class ShapeControl extends PropController {
-  constructor(send, descriptor) {
-    super(send);
-    __publicField(this, "controls");
-    __publicField(this, "descriptor");
-    __publicField(this, "send");
-    __publicField(this, "setControls", () => {
-      const controls = /* @__PURE__ */ new Map();
-      const children = this.descriptor.config.type;
-      Object.keys(children).forEach((key) => {
-        const control = createPropController(children[key], (message) => this.send({
-          type: ShapeControlMessageType.SHAPE_CONTROL_CHILD_CONTROL_MESSAGE,
-          payload: { message, key }
-        }));
-        controls.set(key, control);
-      });
-      this.controls = controls;
-      return this.controls;
-    });
-    __publicField(this, "recv", (message) => {
-      switch (message.type) {
-        case ShapeControlMessageType.SHAPE_CONTROL_CHILD_CONTROL_MESSAGE: {
-          const control = this.controls.get(message.payload.key);
-          if (control == null)
-            return;
-          const recv = control.recv;
-          recv(message.payload.message);
-        }
-      }
-    });
-    this.descriptor = descriptor;
-    this.send = send;
-    this.controls = /* @__PURE__ */ new Map();
-    this.setControls();
-  }
-}
-function copyShapeData(definition2, value, context) {
-  if (value == null)
-    return value;
-  const newValue = {};
-  for (const [key, itemDefinition] of Object.entries(definition2.config.type)) {
-    const prop = value[key];
-    newValue[key] = copy(itemDefinition, prop, context);
-  }
-  return newValue;
-}
-const StyleControlType = "makeswift::controls::style";
-const StyleControlProperty = {
-  Width: "makeswift::controls::style::property::width",
-  Margin: "makeswift::controls::style::property::margin",
-  Padding: "makeswift::controls::style::property::padding",
-  Border: "makeswift::controls::style::property::border",
-  BorderRadius: "makeswift::controls::style::property::border-radius",
-  TextStyle: "makeswift::controls::style::property::text-style"
-};
-const StyleControlDefaultProperties = [
-  StyleControlProperty.Width,
-  StyleControlProperty.Margin
-];
-const AllStyleControlProperties = [
-  StyleControlProperty.Width,
-  StyleControlProperty.Margin,
-  StyleControlProperty.Padding,
-  StyleControlProperty.Border,
-  StyleControlProperty.BorderRadius,
-  StyleControlProperty.TextStyle
-];
-function Style(params) {
-  var _a2;
-  return {
-    type: StyleControlType,
-    config: { properties: (_a2 = params == null ? void 0 : params.properties) != null ? _a2 : StyleControlDefaultProperties }
-  };
-}
-Style.Default = StyleControlDefaultProperties;
-Style.All = AllStyleControlProperties;
-Style.Width = StyleControlProperty.Width;
-Style.Margin = StyleControlProperty.Margin;
-Style.Padding = StyleControlProperty.Padding;
-Style.Border = StyleControlProperty.Border;
-Style.BorderRadius = StyleControlProperty.BorderRadius;
-Style.TextStyle = StyleControlProperty.TextStyle;
-const StyleControlMessageType = {
-  CHANGE_BOX_MODEL: "makeswift::controls::style::message::change-box-model"
-};
-class StyleControl extends PropController {
-  constructor(send) {
-    super(send);
-  }
-  changeBoxModel(boxModel) {
-    this.send({ type: StyleControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } });
-  }
-  recv() {
-  }
-}
-function copyStyleData(value, context) {
-  if (value == null)
-    return value;
-  function copyResponsiveBorder(responsiveBorder) {
-    if (responsiveBorder == null)
-      return void 0;
-    return responsiveBorder.map((deviceBorder) => __spreadProps(__spreadValues({}, deviceBorder), {
-      value: copyBorder(deviceBorder.value)
-    }));
-  }
-  function copyBorder(border) {
-    function copyBorderSide(side) {
-      if (side == null)
-        return null;
-      if (side.color == null)
-        return side;
-      return __spreadProps(__spreadValues({}, side), {
-        color: copyColorData(side.color, context)
-      });
-    }
-    return {
-      borderTop: copyBorderSide(border.borderTop),
-      borderBottom: copyBorderSide(border.borderBottom),
-      borderRight: copyBorderSide(border.borderRight),
-      borderLeft: copyBorderSide(border.borderLeft)
-    };
-  }
-  return __spreadProps(__spreadValues({}, value), { border: copyResponsiveBorder(value.border) });
-}
-if (import_meta.vitest) {
-  const { describe, test, expect } = import_meta.vitest;
-  describe.concurrent("style copy", () => {
-    test("colors are replaced", () => {
-      const value = {
-        width: [
-          {
-            value: {
-              unit: "px",
-              value: 100
-            },
-            deviceId: "desktop"
-          }
-        ],
-        border: [
-          {
-            value: {
-              borderTop: {
-                color: {
-                  alpha: 1,
-                  swatchId: "U3dhdGNoOmJjMDkwZWJjLTZkZDUtNDY1NS1hMDY0LTg3ZDAxM2U4YTFhNA=="
-                },
-                style: "solid",
-                width: 9
-              },
-              borderLeft: {
-                color: {
-                  alpha: 1,
-                  swatchId: "U3dhdGNoOmJjMDkwZWJjLTZkZDUtNDY1NS1hMDY0LTg3ZDAxM2U4YTFhNA=="
-                },
-                style: "solid",
-                width: 9
-              },
-              borderRight: {
-                color: {
-                  alpha: 1,
-                  swatchId: "U3dhdGNoOmJjMDkwZWJjLTZkZDUtNDY1NS1hMDY0LTg3ZDAxM2U4YTFhNA=="
-                },
-                style: "solid",
-                width: 9
-              },
-              borderBottom: {
-                color: {
-                  alpha: 1,
-                  swatchId: "U3dhdGNoOmJjMDkwZWJjLTZkZDUtNDY1NS1hMDY0LTg3ZDAxM2U4YTFhNA=="
-                },
-                style: "solid",
-                width: 9
-              }
-            },
-            deviceId: "desktop"
-          }
-        ],
-        textStyle: [
-          {
-            value: {
-              fontSize: {
-                unit: "px",
-                value: 46
-              },
-              fontStyle: [],
-              fontFamily: "Oswald",
-              fontWeight: 400,
-              letterSpacing: 5.2,
-              textTransform: []
-            },
-            deviceId: "desktop"
-          }
-        ],
-        borderRadius: [
-          {
-            value: {
-              borderTopLeftRadius: {
-                unit: "px",
-                value: 4
-              },
-              borderTopRightRadius: {
-                unit: "px",
-                value: 4
-              },
-              borderBottomLeftRadius: {
-                unit: "px",
-                value: 4
-              },
-              borderBottomRightRadius: {
-                unit: "px",
-                value: 4
-              }
-            },
-            deviceId: "desktop"
-          }
-        ]
-      };
-      const expected = JSON.parse(JSON.stringify(value).replaceAll("U3dhdGNoOmJjMDkwZWJjLTZkZDUtNDY1NS1hMDY0LTg3ZDAxM2U4YTFhNA==", "testing"));
-      const replacementContext = {
-        elementHtmlIds: /* @__PURE__ */ new Set(),
-        elementKeys: /* @__PURE__ */ new Map(),
-        swatchIds: /* @__PURE__ */ new Map([
-          ["U3dhdGNoOmJjMDkwZWJjLTZkZDUtNDY1NS1hMDY0LTg3ZDAxM2U4YTFhNA==", "testing"]
-        ]),
-        fileIds: /* @__PURE__ */ new Map(),
-        typographyIds: /* @__PURE__ */ new Map(),
-        tableIds: /* @__PURE__ */ new Map(),
-        tableColumnIds: /* @__PURE__ */ new Map(),
-        pageIds: /* @__PURE__ */ new Map(),
-        globalElementIds: /* @__PURE__ */ new Map(),
-        globalElementData: /* @__PURE__ */ new Map()
-      };
-      const result = copyStyleData(value, {
-        replacementContext,
-        copyElement: (node) => node
+const ShapeControlType = "makeswift::controls::shape";
+function Shape(config) {
+  return { type: ShapeControlType, config };
+}
+const ShapeControlMessageType = {
+  SHAPE_CONTROL_CHILD_CONTROL_MESSAGE: "makeswift::controls::shape::message::child-control-message"
+};
+class ShapeControl extends PropController {
+  constructor(send, descriptor) {
+    super(send);
+    __publicField(this, "controls");
+    __publicField(this, "descriptor");
+    __publicField(this, "send");
+    __publicField(this, "setControls", () => {
+      const controls = /* @__PURE__ */ new Map();
+      const children = this.descriptor.config.type;
+      Object.keys(children).forEach((key) => {
+        const control = createPropController(children[key], (message) => this.send({
+          type: ShapeControlMessageType.SHAPE_CONTROL_CHILD_CONTROL_MESSAGE,
+          payload: { message, key }
+        }));
+        controls.set(key, control);
       });
-      expect(result).toMatchObject(expected);
+      this.controls = controls;
+      return this.controls;
     });
-  });
+    __publicField(this, "recv", (message) => {
+      switch (message.type) {
+        case ShapeControlMessageType.SHAPE_CONTROL_CHILD_CONTROL_MESSAGE: {
+          const control = this.controls.get(message.payload.key);
+          if (control == null)
+            return;
+          const recv = control.recv;
+          recv(message.payload.message);
+        }
+      }
+    });
+    this.descriptor = descriptor;
+    this.send = send;
+    this.controls = /* @__PURE__ */ new Map();
+    this.setControls();
+  }
+}
+function copyShapeData(definition, value, context) {
+  if (value == null)
+    return value;
+  const newValue = {};
+  for (const [key, itemDefinition] of Object.entries(definition.config.type)) {
+    const prop = value[key];
+    newValue[key] = copy(itemDefinition, prop, context);
+  }
+  return newValue;
 }
 const SlotControlType = "makeswift::controls::slot";
 function Slot() {
@@ -1601,923 +1821,155 @@ function copy$1(descriptor, value, context) {
       return copy$6(value, context);
     case "Table":
       return copy$5(value, context);
-    case "Border":
-      return copy$4(value, context);
-    case "RichText":
-      return copy$3(value, context);
-    case "ElementID":
-      return copy$2(value, context);
-    default:
-      return value;
-  }
-}
-function copyElementReference(value, context) {
-  return context.replacementContext.globalElementIds.get(value) || value;
-}
-function copy(definition2, value, context) {
-  switch (definition2.type) {
-    case Types.Backgrounds:
-    case Types.Grid:
-    case Types.NavigationLinks:
-    case Types.Link:
-    case Types.Shadows:
-    case Types.Image:
-    case Types.Images:
-    case Types.ResponsiveColor:
-    case Types.TableFormFields:
-    case Types.Table:
-    case Types.Border:
-    case Types.RichText:
-    case Types.ElementID:
-      return copy$1(definition2, value, context);
-    case ColorControlType:
-      return copyColorData(value, context);
-    case ImageControlType:
-      return copyImageData(value, context);
-    case LinkControlType:
-      return copyLinkData(value, context);
-    case ShapeControlType:
-      return copyShapeData(definition2, value, context);
-    case ListControlType:
-      return copyListData(definition2, value, context);
-    case StyleControlType:
-      return copyStyleData(value, context);
-    case SlotControlType:
-      return copySlotData(value, context);
-    default:
-      return value;
-  }
-}
-function merge(definition2, a, b = a, context) {
-  switch (definition2.type) {
-    case SlotControlType:
-      return mergeSlotData(a, b, context);
-    default:
-      return b;
-  }
-}
-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",
-  Inline: "inline",
-  Block: "block",
-  Document: "document",
-  Leaf: "leaf",
-  Selection: "selection",
-  Mark: "mark",
-  Range: "range",
-  Decoration: "decoration",
-  Annotation: "annotation",
-  Point: "point",
-  Operation: "operation"
-};
-const RootBlockType = {
-  Default: "default",
-  Text: "text-block",
-  Paragraph: "paragraph",
-  Heading1: "heading-one",
-  Heading2: "heading-two",
-  Heading3: "heading-three",
-  Heading4: "heading-four",
-  Heading5: "heading-five",
-  Heading6: "heading-six",
-  BlockQuote: "blockquote",
-  UnorderedList: "unordered-list",
-  OrderedList: "ordered-list"
-};
-const BlockType = __spreadProps(__spreadValues({}, RootBlockType), {
-  ListItem: "list-item",
-  ListItemChild: "list-item-child"
-});
-const InlineType = {
-  Code: "code",
-  SuperScript: "superscript",
-  SubScript: "subscript",
-  Link: "link"
-};
-const BlockTextAlignment = {
-  Left: "left",
-  Center: "center",
-  Right: "right",
-  Justify: "justify"
-};
-const ElementUtils = {
-  isRootBlock(node) {
-    return Element.isElement(node) && (Element.isElementType(node, BlockType.Paragraph) || Element.isElementType(node, BlockType.Heading1) || Element.isElementType(node, BlockType.Heading2) || Element.isElementType(node, BlockType.Heading3) || Element.isElementType(node, BlockType.Heading3) || Element.isElementType(node, BlockType.Heading4) || Element.isElementType(node, BlockType.Heading5) || Element.isElementType(node, BlockType.Heading6) || Element.isElementType(node, BlockType.BlockQuote) || Element.isElementType(node, BlockType.UnorderedList) || Element.isElementType(node, BlockType.OrderedList) || Element.isElementType(node, BlockType.Text) || Element.isElementType(node, BlockType.Default));
-  },
-  isBlock(node) {
-    return Element.isElement(node) && (this.isRootBlock(node) || Element.isElementType(node, BlockType.ListItem) || Element.isElementType(node, BlockType.ListItemChild));
-  },
-  isInline(node) {
-    return Element.isElementType(node, InlineType.Code) || Element.isElementType(node, InlineType.Link) || Element.isElementType(node, InlineType.SubScript) || Element.isElementType(node, InlineType.SuperScript);
-  },
-  isConvertibleToListTextNode(node) {
-    return !this.isList(node) && !this.isListItem(node) && !this.isListItemChild(node);
-  },
-  isList(node) {
-    return Element.isElementType(node, BlockType.OrderedList) || Element.isElementType(node, BlockType.UnorderedList);
-  },
-  isListItem(node) {
-    return Element.isElementType(node, BlockType.ListItem);
-  },
-  isListItemChild(node) {
-    return Element.isElementType(node, BlockType.ListItemChild);
-  },
-  createText() {
-    return { text: "" };
-  },
-  createParagraph() {
-    return {
-      children: [this.createText()],
-      type: BlockType.Paragraph
-    };
-  },
-  createList(type = BlockType.UnorderedList) {
-    return { children: [this.createText()], type };
-  },
-  createListItem() {
-    return {
-      children: [this.createListItemChild()],
-      type: BlockType.ListItem
-    };
-  },
-  createListItemChild() {
-    return {
-      children: [this.createText()],
-      type: BlockType.ListItemChild
-    };
-  }
-};
-function unhangRange(editor, range) {
-  let [start, end] = Range.edges(range);
-  if (start.offset !== 0 || end.offset !== 0 || Range.isCollapsed(range)) {
-    return range;
-  }
-  const endBlock = Editor.above(editor, {
-    at: end,
-    match: (n) => Element.isElement(n) && Editor.isBlock(editor, n)
-  });
-  const blockPath = endBlock ? endBlock[1] : [];
-  const first = Editor.start(editor, start);
-  const before = { anchor: first, focus: end };
-  let skip = true;
-  for (const [node, path] of Editor.nodes(editor, {
-    at: before,
-    match: Text.isText,
-    reverse: true
-  })) {
-    if (skip) {
-      skip = false;
-      continue;
-    }
-    if (node.text !== "" || Path.isBefore(path, blockPath)) {
-      end = { path, offset: node.text.length };
-      break;
-    }
-  }
-  return { anchor: start, focus: end };
-}
-function getSelection(editor) {
-  if (editor.selection)
-    return unhangRange(editor, editor.selection);
-  return {
-    anchor: Editor.start(editor, []),
-    focus: Editor.end(editor, [])
-  };
-}
-function getBlocksInSelection(editor) {
-  return Array.from(Editor.nodes(editor, {
-    at: getSelection(editor),
-    match: (node) => ElementUtils.isRootBlock(node)
-  })).filter((entry) => ElementUtils.isRootBlock(entry[0]));
-}
-function getActiveBlockType(editor) {
-  var _a2;
-  const rootBlocks = getBlocksInSelection(editor).map(([node]) => node.type);
-  return rootBlocks.reduce((a, b) => a === b ? b : null, (_a2 = rootBlocks.at(0)) != null ? _a2 : null);
-}
-function setBlockKeyForDevice(editor, breakpoints, deviceId, key, value, options) {
-  var _a2, _b;
-  const at = (_a2 = options == null ? void 0 : options.at) != null ? _a2 : editor.selection;
-  if (!at)
-    return;
-  const rootElements = getBlocksInSelection(editor);
-  for (const [node, path] of rootElements) {
-    if (ElementUtils.isBlock(node)) {
-      const deviceValues = (_b = node[key]) != null ? _b : [];
-      const currentDeviceValue = findBreakpointOverride(breakpoints, deviceValues, deviceId, (v) => v);
-      const nextDeviceValue = __spreadProps(__spreadValues({}, currentDeviceValue), {
-        deviceId,
-        value
-      });
-      Transforms.setNodes(editor, {
-        [key]: [...deviceValues.filter((v) => v.deviceId !== deviceId), nextDeviceValue]
-      }, { at: path });
-    }
-  }
-}
-function clearBlockKeyForDevice(editor, deviceId, key) {
-  var _a2;
-  const rootElements = getBlocksInSelection(editor);
-  for (const [node, path] of rootElements) {
-    if (ElementUtils.isBlock(node)) {
-      const deviceOverrides = (_a2 = node[key]) != null ? _a2 : [];
-      Transforms.setNodes(editor, {
-        [key]: deviceOverrides.filter((v) => v.deviceId !== deviceId)
-      }, { at: path });
-    }
-  }
-}
-function wrapInline(editor, inline) {
-  Transforms.wrapNodes(editor, inline, {
-    at: getSelection(editor),
-    split: true
-  });
-}
-function unwrapInline(editor, type) {
-  Transforms.unwrapNodes(editor, {
-    match: (node) => ElementUtils.isInline(node) && node.type === type,
-    at: getSelection(editor)
-  });
-}
-const EditorUtils = {
-  getFirstAncestorList(editor, path) {
-    try {
-      const parentList = Editor.above(editor, {
-        at: path,
-        match: (node) => ElementUtils.isList(node)
-      });
-      return parentList != null ? parentList : null;
-    } catch (e) {
-      return null;
-    }
-  },
-  getFirstAncestorListItem(editor, path) {
-    try {
-      const parentListItem = Editor.above(editor, {
-        at: path,
-        match: (node) => ElementUtils.isListItem(node)
-      });
-      return parentListItem != null ? parentListItem : null;
-    } catch (e) {
-      return null;
-    }
-  }
-};
-const LIST_ITEM_CHILD_POSITION = 0;
-const LIST_ITEM_LIST_POSITION = 1;
-function filterForSubtreeRoots(entries) {
-  return entries.filter(([, nodePath]) => !Path.ancestors(nodePath).some((ancestor) => {
-    return entries.some(([, path]) => Path.equals(path, ancestor));
-  }));
-}
-function unwrapPath(editor, listItemPath) {
-  const parentList = EditorUtils.getFirstAncestorList(editor, listItemPath);
-  const listItemContainingParentList = EditorUtils.getFirstAncestorListItem(editor, listItemPath);
-  if (!parentList || listItemContainingParentList)
-    return;
-  Editor.withoutNormalizing(editor, () => {
-    const listItemTextPath = [...listItemPath, LIST_ITEM_CHILD_POSITION];
-    const listItemNestedListPath = [...listItemPath, LIST_ITEM_LIST_POSITION];
-    if (Node.has(editor, listItemNestedListPath)) {
-      Transforms.setNodes(editor, { type: parentList[0].type }, { at: listItemNestedListPath });
-      Transforms.liftNodes(editor, { at: listItemNestedListPath });
-      Transforms.liftNodes(editor, { at: Path.next(listItemPath) });
-    }
-    if (Node.has(editor, listItemTextPath)) {
-      Transforms.setNodes(editor, { type: BlockType.Paragraph }, {
-        at: listItemTextPath
-      });
-      Transforms.liftNodes(editor, { at: listItemTextPath });
-      Transforms.liftNodes(editor, { at: listItemPath });
-    }
-  });
-}
-function unwrapList(editor, options) {
-  var _a2;
-  const at = (_a2 = options == null ? void 0 : options.at) != null ? _a2 : editor.selection;
-  if (!at)
-    return;
-  const listItems = Array.from(Editor.nodes(editor, {
-    at,
-    match: (node) => {
-      return Element.isElement(node) && ElementUtils.isListItem(node);
-    }
-  }));
-  const subRoots = filterForSubtreeRoots(listItems);
-  const refs = subRoots.map(([_, path]) => Editor.pathRef(editor, path));
-  refs.forEach((ref) => {
-    if (ref.current) {
-      unwrapPath(editor, ref.current);
-    }
-    ref.unref();
-  });
-}
-function wrapList(editor, options = { type: BlockType.UnorderedList }) {
-  var _a2;
-  const at = (_a2 = options.at) != null ? _a2 : editor.selection;
-  if (!at)
-    return;
-  const nonListEntries = Array.from(Editor.nodes(editor, {
-    at,
-    match: (node) => {
-      return Element.isElement(node) && ElementUtils.isConvertibleToListTextNode(node);
-    }
-  }));
-  const refs = nonListEntries.map(([_, path]) => Editor.pathRef(editor, path));
-  refs.forEach((ref) => {
-    const path = ref.current;
-    if (path) {
-      Editor.withoutNormalizing(editor, () => {
-        Transforms.setNodes(editor, { type: BlockType.ListItemChild }, {
-          at: path
-        });
-        Transforms.wrapNodes(editor, ElementUtils.createListItem(), {
-          match: (node) => ElementUtils.isListItemChild(node),
-          at: path
-        });
-        Transforms.wrapNodes(editor, ElementUtils.createList(options.type), {
-          at: path
-        });
-      });
-    }
-    ref.unref();
-  });
-}
-const LocationUtils = {
-  getStartPath(location) {
-    if (Range.isRange(location))
-      return Range.start(location).path;
-    if (Point.isPoint(location))
-      return location.path;
-    return location;
-  }
-};
-function getSelectedListItems(editor) {
-  var _a2, _b;
-  if (!editor.selection)
-    return [];
-  const start = LocationUtils.getStartPath(editor.selection);
-  const listItems = Editor.nodes(editor, {
-    at: editor.selection,
-    match: (node) => ElementUtils.isListItem(node)
-  });
-  const firstAncestorPath = (_b = (_a2 = EditorUtils.getFirstAncestorListItem(editor, start)) == null ? void 0 : _a2[1]) != null ? _b : [];
-  return Array.from(listItems).filter((node) => Path.isDescendant(start, node[1]) ? Path.equals(node[1], firstAncestorPath) : !Path.isAfter(start, node[1]));
-}
-function indentPath(editor, path) {
-  const parent = Node.parent(editor, path);
-  if (!path || !Path.hasPrevious(path) || !ElementUtils.isList(parent))
-    return;
-  const previosPath = Path.previous(path);
-  const previousChildListPath = [...previosPath, LIST_ITEM_LIST_POSITION];
-  const previousHasChildList = Node.has(editor, previousChildListPath);
-  Editor.withoutNormalizing(editor, () => {
-    if (!previousHasChildList) {
-      Transforms.insertNodes(editor, ElementUtils.createList(parent.type), {
-        at: previousChildListPath
-      });
-    }
-    const previousChildList = Node.get(editor, previousChildListPath);
-    if (ElementUtils.isList(previousChildList)) {
-      const index = previousHasChildList ? previousChildList.children.length : 0;
-      Transforms.moveNodes(editor, {
-        at: path,
-        to: [...previousChildListPath, index]
-      });
-    }
-  });
-}
-function indent(editor) {
-  if (!editor.selection)
-    return;
-  const listItems = getSelectedListItems(editor);
-  const subRoots = filterForSubtreeRoots(listItems);
-  const refs = subRoots.map(([_, path]) => Editor.pathRef(editor, path));
-  refs.forEach((ref) => {
-    if (ref.current) {
-      indentPath(editor, ref.current);
-    }
-    ref.unref();
-  });
-}
-function dedentPath(editor, listItemPath) {
-  const parentList = EditorUtils.getFirstAncestorList(editor, listItemPath);
-  const listItemContainingParentList = EditorUtils.getFirstAncestorListItem(editor, listItemPath);
-  if (!parentList || !listItemContainingParentList)
-    return;
-  const [parentListNode, parentListPath] = parentList;
-  const [_, listItemContainingParentListPath] = listItemContainingParentList;
-  const listItemPosition = listItemPath[listItemPath.length - 1];
-  const previousSiblings = parentListNode.children.slice(0, listItemPosition);
-  const nextSiblings = parentListNode.children.slice(listItemPosition + 1);
-  Editor.withoutNormalizing(editor, () => {
-    nextSiblings.forEach(() => {
-      const nextSiblingPath = [...parentListPath, listItemPosition + 1];
-      indentPath(editor, nextSiblingPath);
-    });
-    Transforms.moveNodes(editor, {
-      at: listItemPath,
-      to: Path.next(listItemContainingParentListPath)
-    });
-    if (previousSiblings.length === 0) {
-      Transforms.removeNodes(editor, { at: parentListPath });
-    }
-  });
+    case "Border":
+      return copy$4(value, context);
+    case "RichText":
+      return copy$3(value, context);
+    case "ElementID":
+      return copy$2(value, context);
+    default:
+      return value;
+  }
 }
-function dedent(editor) {
-  if (!editor.selection)
-    return;
-  const listItems = getSelectedListItems(editor);
-  const subRoots = filterForSubtreeRoots(listItems);
-  const refs = subRoots.map(([_, path]) => Editor.pathRef(editor, path));
-  refs.forEach((ref) => {
-    if (ref.current) {
-      dedentPath(editor, ref.current);
-    }
-    ref.unref();
-  });
+function copyElementReference(value, context) {
+  return context.replacementContext.globalElementIds.get(value) || value;
 }
-function toggleList(editor, options = { type: BlockType.UnorderedList }) {
-  var _a2;
-  const at = (_a2 = options.at) != null ? _a2 : editor.selection;
-  if (at == null)
-    return;
-  const start = LocationUtils.getStartPath(at);
-  const ancestorPath = Path.ancestors(start).at(1);
-  if (!ancestorPath || !Node.has(editor, ancestorPath))
-    return;
-  const ancestor = Node.get(editor, ancestorPath);
-  if (!ElementUtils.isList(ancestor)) {
-    return wrapList(editor, { type: options.type, at });
-  }
-  if (ancestor.type === options.type) {
-    unwrapList(editor, { at });
-  } else {
-    Transforms.setNodes(editor, { type: options.type }, { at: ancestorPath });
-  }
-}
-const BlockActions = {
-  setBlockKeyForDevice,
-  clearBlockKeyForDevice,
-  wrapInline,
-  unwrapInline
-};
-const ListActions = {
-  unwrapList,
-  wrapList,
-  indent,
-  dedent,
-  toggleList
-};
-function onKeyDown(e, editor) {
-  if (!editor.selection || Array.from(Editor.nodes(editor, {
-    match: (node) => ElementUtils.isListItem(node)
-  })).length === 0)
-    return;
-  if (isHotkey("shift+tab", e)) {
-    e.preventDefault();
-    ListActions.dedent(editor);
-  }
-  if (isHotkey("tab", e)) {
-    e.preventDefault();
-    ListActions.indent(editor);
-  }
-  if (isHotkey("backspace", e)) {
-    if (!editor.selection)
-      return;
-    if (Range.isExpanded(editor.selection))
-      return;
-    const listItem = EditorUtils.getFirstAncestorListItem(editor, editor.selection.anchor.path);
-    if (editor.selection.anchor.offset === 0 && listItem) {
-      e.preventDefault();
-      const parentListItem = EditorUtils.getFirstAncestorListItem(editor, listItem[1]);
-      const list = EditorUtils.getFirstAncestorList(editor, listItem[1]);
-      if (parentListItem) {
-        ListActions.dedent(editor);
-      } else if (list) {
-        ListActions.unwrapList(editor);
-      }
-      return;
-    }
-  }
-  if (isHotkey("enter", e)) {
-    e.preventDefault();
-    if (!editor.selection)
-      return;
-    if (Range.isExpanded(editor.selection)) {
-      Transforms.delete(editor);
-      return;
-    }
-    const listItem = EditorUtils.getFirstAncestorListItem(editor, editor.selection.anchor.path);
-    if (editor.selection.anchor.offset === 0 && listItem && Editor.string(editor, listItem[1]) === "") {
-      const parentListItem = EditorUtils.getFirstAncestorListItem(editor, listItem[1]);
-      if (parentListItem) {
-        ListActions.dedent(editor);
-      } else {
-        ListActions.unwrapList(editor);
-      }
-      return;
-    }
-    Transforms.splitNodes(editor, {
-      at: editor.selection,
-      always: true,
-      match: (node) => ElementUtils.isListItem(node)
-    });
-  }
-  if (isHotkey("shift+enter", e)) {
-    e.preventDefault();
-    editor.insertText("\n");
+function copy(definition, value, context) {
+  switch (definition.type) {
+    case Types.Backgrounds:
+    case Types.Grid:
+    case Types.NavigationLinks:
+    case Types.Link:
+    case Types.Shadows:
+    case Types.Image:
+    case Types.Images:
+    case Types.ResponsiveColor:
+    case Types.TableFormFields:
+    case Types.Table:
+    case Types.Border:
+    case Types.RichText:
+    case Types.ElementID:
+      return copy$1(definition, value, context);
+    case ColorControlType:
+      return copyColorData(value, context);
+    case ImageControlType:
+      return copyImageData(value, context);
+    case LinkControlType:
+      return copyLinkData(value, context);
+    case ShapeControlType:
+      return copyShapeData(definition, value, context);
+    case ListControlType:
+      return copyListData(definition, value, context);
+    case StyleControlType:
+      return copyStyleData(value, context);
+    case SlotControlType:
+      return copySlotData(value, context);
+    default:
+      return value;
   }
 }
-function withBlock(editor) {
-  const {
-    normalizeNode
-  } = editor;
-  editor.isInline = (entry) => {
-    return ElementUtils.isInline(entry);
-  };
-  editor.normalizeNode = (entry) => {
-    var _a2;
-    const [normalizationNode, normalizationPath] = entry;
-    if (ElementUtils.isBlock(normalizationNode) && ((_a2 = normalizationNode == null ? void 0 : normalizationNode.textAlign) == null ? void 0 : _a2.length) == 0) {
-      Transforms.unsetNodes(editor, "textAlign", {
-        at: normalizationPath
-      });
-      return;
-    }
-    if (ElementUtils.isListItem(normalizationNode)) {
-      const pathToListItemText = [...normalizationPath, LIST_ITEM_CHILD_POSITION];
-      if (Node.has(editor, pathToListItemText)) {
-        const nodeInListItemTextPosition = Node.get(editor, pathToListItemText);
-        if (ElementUtils.isRootBlock(nodeInListItemTextPosition)) {
-          Transforms.setNodes(editor, {
-            type: BlockType.ListItemChild
-          }, {
-            at: pathToListItemText
-          });
-          return;
-        }
-      } else {
-        Transforms.insertNodes(editor, ElementUtils.createListItem(), {
-          at: pathToListItemText
-        });
-        return;
-      }
-    }
-    if (!Text.isText(normalizationNode)) {
-      const mergeableChildren = Array.from(Node.children(editor, normalizationPath)).map((child, index, children) => {
-        const potentialNodeToBeMerged = children.at(index + 1);
-        if (!potentialNodeToBeMerged || !ElementUtils.isList(potentialNodeToBeMerged[0]) || !ElementUtils.isList(child[0]) || potentialNodeToBeMerged[0].type !== child[0].type) {
-          return null;
-        }
-        return [Editor.pathRef(editor, child[1]), Editor.pathRef(editor, potentialNodeToBeMerged[1])];
-      }).filter((mergeableNodes) => Boolean(mergeableNodes));
-      if (mergeableChildren.length !== 0) {
-        mergeableChildren.reverse().forEach(([nodePathRef, nodeToBeMergedPathRef]) => {
-          const nodePath = nodePathRef.current;
-          const nodeToBeMergedPath = nodeToBeMergedPathRef.current;
-          if (nodePath == null || nodeToBeMergedPath == null)
-            return;
-          const nodeChildren = Array.from(Node.children(editor, nodePath));
-          const childrenToBeMerged = Array.from(Node.children(editor, nodeToBeMergedPath));
-          Editor.withoutNormalizing(editor, () => {
-            childrenToBeMerged.reverse().forEach(([_, childPath]) => {
-              Transforms.moveNodes(editor, {
-                at: childPath,
-                to: [...nodePath, nodeChildren.length]
-              });
-            });
-            Transforms.removeNodes(editor, {
-              at: nodeToBeMergedPath
-            });
-          });
-          nodePathRef.unref();
-          nodeToBeMergedPathRef.unref();
-        });
-        return;
-      }
-    }
-    normalizeNode(entry);
-  };
-  return editor;
-}
-const definition = Select({
-  label: "Block",
-  labelOrientation: "horizontal",
-  options: [{
-    value: BlockType.Paragraph,
-    label: "Paragraph"
-  }, {
-    value: BlockType.Heading1,
-    label: "Heading 1"
-  }, {
-    value: BlockType.Heading2,
-    label: "Heading 2"
-  }, {
-    value: BlockType.Heading3,
-    label: "Heading 3"
-  }, {
-    value: BlockType.Heading4,
-    label: "Heading 4"
-  }, {
-    value: BlockType.Heading5,
-    label: "Heading 5"
-  }, {
-    value: BlockType.Heading6,
-    label: "Heading 6"
-  }, {
-    value: BlockType.UnorderedList,
-    label: "Bulleted list"
-  }, {
-    value: BlockType.OrderedList,
-    label: "Numbered list"
-  }, {
-    value: BlockType.BlockQuote,
-    label: "Quote"
-  }],
-  defaultValue: BlockType.Paragraph
-});
-function BlockPlugin() {
-  return createRichTextV2Plugin({
-    withPlugin: withBlock,
-    onKeyDown,
-    control: {
-      definition,
-      onChange: (editor, value) => {
-        const activeBlockType = getActiveBlockType(editor);
-        if (value === BlockType.UnorderedList || value === BlockType.OrderedList) {
-          ListActions.toggleList(editor, {
-            type: value,
-            at: getSelection(editor)
-          });
-        } else if (activeBlockType === value) {
-          Transforms.setNodes(editor, {
-            type: BlockType.Default
-          }, {
-            at: getSelection(editor)
-          });
-        } else {
-          ListActions.unwrapList(editor, {
-            at: getSelection(editor)
-          });
-          Transforms.setNodes(editor, {
-            type: value != null ? value : BlockType.Default
-          }, {
-            at: getSelection(editor)
-          });
-        }
-      },
-      getValue: (editor) => {
-        const activeBlock = getActiveBlockType(editor);
-        if (activeBlock === RootBlockType.Text || activeBlock === RootBlockType.Default)
-          return void 0;
-        return activeBlock;
-      }
-    },
-    renderElement: (renderElement) => (props) => /* @__PURE__ */ jsx(BlockPluginComponent, __spreadProps(__spreadValues({}, props), {
-      renderElement
-    }))
-  });
-}
-function BlockPluginComponent({
-  element,
-  attributes,
-  children,
-  renderElement
-}) {
-  const blockStyles = [useStyle({
-    margin: 0
-  }), element.className];
-  const quoteStyles = useStyle({
-    padding: "0.5em 10px",
-    fontSize: "1.25em",
-    fontWeight: "300",
-    borderLeft: "5px solid rgba(0, 0, 0, 0.1)"
-  });
-  switch (element.type) {
-    case BlockType.Text:
-      return /* @__PURE__ */ jsx("span", __spreadProps(__spreadValues({}, attributes), {
-        className: cx(...blockStyles),
-        children
-      }));
-    case BlockType.Paragraph:
-      return /* @__PURE__ */ jsx("p", __spreadProps(__spreadValues({}, attributes), {
-        className: cx(...blockStyles),
-        children
-      }));
-    case BlockType.Heading1:
-      return /* @__PURE__ */ jsx("h1", __spreadProps(__spreadValues({}, attributes), {
-        className: cx(...blockStyles),
-        children
-      }));
-    case BlockType.Heading2:
-      return /* @__PURE__ */ jsx("h2", __spreadProps(__spreadValues({}, attributes), {
-        className: cx(...blockStyles),
-        children
-      }));
-    case BlockType.Heading3:
-      return /* @__PURE__ */ jsx("h3", __spreadProps(__spreadValues({}, attributes), {
-        className: cx(...blockStyles),
-        children
-      }));
-    case BlockType.Heading4:
-      return /* @__PURE__ */ jsx("h4", __spreadProps(__spreadValues({}, attributes), {
-        className: cx(...blockStyles),
-        children
-      }));
-    case BlockType.Heading5:
-      return /* @__PURE__ */ jsx("h5", __spreadProps(__spreadValues({}, attributes), {
-        className: cx(...blockStyles),
-        children
-      }));
-    case BlockType.Heading6:
-      return /* @__PURE__ */ jsx("h6", __spreadProps(__spreadValues({}, attributes), {
-        className: cx(...blockStyles),
-        children
-      }));
-    case BlockType.BlockQuote:
-      return /* @__PURE__ */ jsx("blockquote", __spreadProps(__spreadValues({}, attributes), {
-        className: cx(...blockStyles, quoteStyles),
-        children
-      }));
-    case BlockType.OrderedList:
-      return /* @__PURE__ */ jsx("ol", __spreadProps(__spreadValues({}, attributes), {
-        className: cx(...blockStyles),
-        style: {
-          listStylePosition: "inside"
-        },
-        children
-      }));
-    case BlockType.UnorderedList:
-      return /* @__PURE__ */ jsx("ul", __spreadProps(__spreadValues({}, attributes), {
-        className: cx(...blockStyles),
-        style: {
-          listStylePosition: "inside"
-        },
-        children
-      }));
-    case BlockType.ListItem:
-      return /* @__PURE__ */ jsx("li", __spreadProps(__spreadValues({}, attributes), {
-        className: cx(...blockStyles),
-        children
-      }));
-    case BlockType.ListItemChild:
-      return /* @__PURE__ */ jsx("span", __spreadProps(__spreadValues({}, attributes), {
-        className: cx(...blockStyles),
-        children
-      }));
-    case BlockType.Default:
-      return /* @__PURE__ */ jsx("p", __spreadProps(__spreadValues({}, attributes), {
-        className: cx(...blockStyles),
-        children
-      }));
+function merge(definition, a, b = a, context) {
+  switch (definition.type) {
+    case SlotControlType:
+      return mergeSlotData(a, b, context);
     default:
-      return /* @__PURE__ */ jsx(Fragment, {
-        children: renderElement({
-          element,
-          attributes,
-          children
-        })
-      });
+      return b;
   }
 }
-const RichTextV2ControlType = "makeswift::controls::rich-text-v2";
-const RichTextV2Mode = {
-  Inline: "makeswift::controls::rich-text-v2::mode::inline",
-  Block: "makeswift::controls::rich-text-v2::mode::block"
-};
-function createRichTextV2Plugin({
-  control,
-  withPlugin,
-  onKeyDown: onKeyDown2,
-  renderElement
-}) {
-  return { control, withPlugin, onKeyDown: onKeyDown2, renderElement };
+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}`;
 }
-function unstable_RichTextV2(config = {}) {
-  return { type: RichTextV2ControlType, config };
+const StyleV2ControlType = "makeswift::controls::style-v2";
+const unstable_useStyleV2ClassName = useStyle;
+function unstable_StyleV2(config) {
+  return { type: StyleV2ControlType, config };
 }
-const RichTextV2ControlMessageType = {
-  RESET_VALUE: "RESET_VALUE",
-  FOCUS: "FOCUS",
-  RUN_PLUGIN_CONTROL_ACTION: "RUN_PLUGIN_CONTROL_ACTION",
-  SET_DEFAULT_VALUE: "SET_DEFAULT_VALUE",
-  SET_PLUGIN_CONTROL_VALUE: "SET_PLUGIN_CONTROL_VALUE",
-  ON_CHANGE: "ON_CHANGE",
-  SELECT: "SELECT",
-  SWITCH_TO_BUILD_MODE: "SWITCH_TO_BUILD_MODE",
-  CHANGE_BOX_MODEL: "CHANGE_BOX_MODEL"
+const StyleV2ControlMessageType = {
+  CHANGE_BOX_MODEL: "makeswift::controls::style::message::change-box-model",
+  STYLE_V2_CONTROL_CHILD_CONTROL_MESSAGE: "makeswift::controls::style-v2::message::child-control-message"
 };
-class RichTextV2Control extends PropController {
+class StyleV2Control extends PropController {
   constructor(send, descriptor) {
     super(send);
-    __publicField(this, "editor", null);
-    __publicField(this, "defaultValue", null);
-    __publicField(this, "descriptor");
-    __publicField(this, "recv", (message) => {
-      var _a2, _b, _c;
-      if (!this.editor)
-        return;
-      switch (message.type) {
-        case RichTextV2ControlMessageType.FOCUS: {
-          this.editor.focusAndSelectAll();
-          break;
-        }
-        case RichTextV2ControlMessageType.RESET_VALUE: {
-          if (this.defaultValue) {
-            this.editor.selection = null;
-            this.editor.children = this.defaultValue;
-            this.editor.onChange();
-          }
-          break;
-        }
-        case RichTextV2ControlMessageType.RUN_PLUGIN_CONTROL_ACTION: {
-          (_c = (_b = (_a2 = this.descriptor.config.plugins) == null ? void 0 : _a2.at(message.pluginIndex)) == null ? void 0 : _b.control) == null ? void 0 : _c.onChange(this.editor, message.value);
-          break;
-        }
-      }
-    });
-    this.descriptor = descriptor;
-    this.send = send;
-  }
-  setEditor(editor) {
-    var _a2, _b, _c;
-    this.editor = editor;
-    this.send({
-      type: RichTextV2ControlMessageType.SET_PLUGIN_CONTROL_VALUE,
-      value: (_c = (_b = (_a2 = this.descriptor.config) == null ? void 0 : _a2.plugins) == null ? void 0 : _b.map((plugin) => {
-        var _a3;
-        return (_a3 = plugin == null ? void 0 : plugin.control) == null ? void 0 : _a3.getValue(editor);
-      })) != null ? _c : []
-    });
-  }
-  setDefaultValue(defaultValue) {
-    this.defaultValue = defaultValue;
-    this.send({ type: RichTextV2ControlMessageType.SET_DEFAULT_VALUE, value: defaultValue });
-  }
-  select() {
-    this.send({ type: RichTextV2ControlMessageType.SELECT });
-  }
-  switchToBuildMode() {
-    this.send({ type: RichTextV2ControlMessageType.SWITCH_TO_BUILD_MODE });
-  }
-  onChange(value) {
-    var _a2, _b, _c;
-    const editor = this.editor;
-    if (editor == null)
-      return;
-    this.send({
-      type: RichTextV2ControlMessageType.ON_CHANGE,
-      value
-    });
-    this.send({
-      type: RichTextV2ControlMessageType.SET_PLUGIN_CONTROL_VALUE,
-      value: (_c = (_b = (_a2 = this.descriptor.config) == null ? void 0 : _a2.plugins) == null ? void 0 : _b.map((plugin) => {
-        var _a3;
-        return (_a3 = plugin == null ? void 0 : plugin.control) == null ? void 0 : _a3.getValue(editor);
-      })) != null ? _c : []
+    __publicField(this, "control");
+    this.control = createPropController(descriptor.config.type, (message) => {
+      console.log("message you are supposed to be sending in styleV2 control", { message });
+      this.send({
+        type: StyleV2ControlMessageType.STYLE_V2_CONTROL_CHILD_CONTROL_MESSAGE,
+        payload: { message }
+      });
     });
   }
   changeBoxModel(boxModel) {
-    this.send({ type: RichTextV2ControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } });
+    this.send({ type: StyleV2ControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } });
+  }
+  recv(message) {
+    switch (message.type) {
+      case StyleV2ControlMessageType.STYLE_V2_CONTROL_CHILD_CONTROL_MESSAGE: {
+        const control = this.control;
+        if (control == null)
+          return;
+        const recv = control.recv;
+        recv(message.payload.message);
+      }
+    }
   }
 }
+const ObjectType = {
+  Value: "value",
+  Text: "text",
+  Inline: "inline",
+  Block: "block",
+  Document: "document",
+  Leaf: "leaf",
+  Selection: "selection",
+  Mark: "mark",
+  Range: "range",
+  Decoration: "decoration",
+  Annotation: "annotation",
+  Point: "point",
+  Operation: "operation"
+};
+const RootBlockType = {
+  Default: "default",
+  Text: "text-block",
+  Paragraph: "paragraph",
+  Heading1: "heading-one",
+  Heading2: "heading-two",
+  Heading3: "heading-three",
+  Heading4: "heading-four",
+  Heading5: "heading-five",
+  Heading6: "heading-six",
+  BlockQuote: "blockquote",
+  UnorderedList: "unordered-list",
+  OrderedList: "ordered-list"
+};
+const BlockType = __spreadProps(__spreadValues({}, RootBlockType), {
+  ListItem: "list-item",
+  ListItemChild: "list-item-child"
+});
+const InlineType = {
+  Code: "code",
+  SuperScript: "superscript",
+  SubScript: "subscript",
+  Link: "link"
+};
+const BlockTextAlignment = {
+  Left: "left",
+  Center: "center",
+  Right: "right",
+  Justify: "justify"
+};
 function isText(node) {
   if (typeof node === "object" && "text" in node)
     return true;
@@ -2679,330 +2131,209 @@ function toNodeDTO(node) {
   }
 }
 function toSelectionDTO(selection) {
-  if (selection == null)
-    return void 0;
-  return {
-    isFocused: false,
-    marks: void 0,
-    object: "selection",
-    anchor: {
-      offset: selection.anchor.offset,
-      path: selection.anchor.path,
-      object: "point"
-    },
-    focus: {
-      offset: selection.focus.offset,
-      path: selection.focus.path,
-      object: "point"
-    }
-  };
-}
-function richTextDAOToDTO(children, selection) {
-  return {
-    document: {
-      data: void 0,
-      nodes: children.flatMap(toNodeDTO),
-      object: "document"
-    },
-    object: "value",
-    selection: toSelectionDTO(selection),
-    annotations: void 0,
-    data: void 0
-  };
-}
-const RichTextControlType = "makeswift::controls::rich-text";
-function RichText$1() {
-  return { type: RichTextControlType };
-}
-const RichTextControlMessageType = {
-  CHANGE_BUILDER_EDIT_MODE: "CHANGE_BUILDER_EDIT_MODE",
-  INITIALIZE_EDITOR: "INITIALIZE_EDITOR",
-  CHANGE_EDITOR_VALUE: "CHANGE_EDITOR_VALUE",
-  FOCUS: "FOCUS",
-  BLUR: "BLUR",
-  UNDO: "UNDO",
-  REDO: "REDO",
-  CHANGE_BOX_MODEL: "CHANGE_BOX_MODEL"
-};
-class RichTextControl extends PropController {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "editor", null);
-    __publicField(this, "recv", (message) => {
-      if (!this.editor)
-        return;
-      switch (message.type) {
-        case RichTextControlMessageType.CHANGE_BUILDER_EDIT_MODE: {
-          switch (message.editMode) {
-            case BuilderEditMode.BUILD:
-            case BuilderEditMode.INTERACT:
-              this.editor.deselectAndBlur();
-          }
-          break;
-        }
-        case RichTextControlMessageType.FOCUS: {
-          this.editor.focusAndSelectAll();
-          break;
-        }
-      }
-    });
-  }
-  setSlateEditor(editor) {
-    this.editor = editor;
-    this.send({
-      type: RichTextControlMessageType.INITIALIZE_EDITOR,
-      value: richTextDAOToDTO(editor.children, editor.selection)
-    });
-    const _onChange = editor.onChange;
-    this.editor.onChange = (options) => {
-      _onChange(options);
-      if ((options == null ? void 0 : options.operation) != null) {
-        this.send({
-          type: RichTextControlMessageType.CHANGE_EDITOR_VALUE,
-          value: richTextDAOToDTO(editor.children, editor.selection)
-        });
-      }
-    };
-  }
-  focus() {
-    this.send({ type: RichTextControlMessageType.FOCUS });
-  }
-  blur() {
-    this.send({ type: RichTextControlMessageType.BLUR });
-  }
-  undo() {
-    this.send({ type: RichTextControlMessageType.UNDO });
-  }
-  redo() {
-    this.send({ type: RichTextControlMessageType.REDO });
-  }
-  changeBoxModel(boxModel) {
-    this.send({ type: RichTextControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } });
-  }
-}
-const Types = {
-  Backgrounds: "Backgrounds",
-  Border: "Border",
-  BorderRadius: "BorderRadius",
-  Checkbox: "Checkbox",
-  Date: "Date",
-  ElementID: "ElementID",
-  Font: "Font",
-  GapX: "GapX",
-  GapY: "GapY",
-  Grid: "Grid",
-  Image: "Image",
-  Images: "Images",
-  Link: "Link",
-  List: "List",
-  Margin: "Margin",
-  NavigationLinks: "NavigationLinks",
-  Number: "Number",
-  Padding: "Padding",
-  ResponsiveColor: "ResponsiveColor",
-  ResponsiveIconRadioGroup: "ResponsiveIconRadioGroup",
-  ResponsiveLength: "ResponsiveLength",
-  ResponsiveNumber: "ResponsiveNumber",
-  ResponsiveOpacity: "ResponsiveOpacity",
-  ResponsiveSelect: "ResponsiveSelect",
-  RichText: "RichText",
-  Shadows: "Shadows",
-  Shape: "Shape",
-  SocialLinks: "SocialLinks",
-  Table: "Table",
-  TableFormFields: "TableFormFields",
-  Typeahead: "Typeahead",
-  TextArea: "TextArea",
-  TextInput: "TextInput",
-  TextStyle: "TextStyle",
-  Video: "Video",
-  Width: "Width",
-  Style: StyleControlType
-};
-function Backgrounds(options = {}) {
-  return { type: Types.Backgrounds, options };
-}
-const BorderPropControllerFormat = {
-  ClassName: "makeswift::prop-controllers::border::format::class-name",
-  ResponsiveValue: "makeswift::prop-controllers:border::format::responsive-value"
-};
-function Border(options = {}) {
-  return { type: Types.Border, options };
-}
-Border.Format = BorderPropControllerFormat;
-const BorderRadiusPropControllerFormat = {
-  ClassName: "makeswift::prop-controllers::border-radius::format::class-name",
-  ResponsiveValue: "makeswift::prop-controllers::border-radius::format::responsive-value"
-};
-function BorderRadius(options = {}) {
-  return { type: Types.BorderRadius, options };
-}
-BorderRadius.Format = BorderRadiusPropControllerFormat;
-function Checkbox(options) {
-  return { type: Types.Checkbox, options };
-}
-function Date(options = {}) {
-  return { type: Types.Date, options };
-}
-function ElementID(options = {}) {
-  return { type: Types.ElementID, options };
-}
-function Font(options = {}) {
-  return { type: Types.Font, options };
-}
-function GapX(options = {}) {
-  return { type: Types.GapX, options };
-}
-function GapY(options = {}) {
-  return { type: Types.GapY, options };
-}
-function Grid(options = {}) {
-  return { type: Types.Grid, options };
-}
-function Image(options = {}) {
-  return { type: Types.Image, options };
-}
-function Images(options = {}) {
-  return { type: Types.Images, options };
-}
-function Link(options = {}) {
-  return { type: Types.Link, options };
-}
-function List(options) {
-  return { type: Types.List, options };
-}
-const MarginPropControllerFormat = {
-  ClassName: "makeswift::prop-controllers::margin::format::class-name",
-  ResponsiveValue: "makeswift::prop-controllers::margin::format::responsive-value"
-};
-function Margin(options = {}) {
-  return { type: Types.Margin, options };
-}
-Margin.Format = MarginPropControllerFormat;
-function NavigationLinks(options = {}) {
-  return { type: Types.NavigationLinks, options };
-}
-function Number(options = {}) {
-  return { type: Types.Number, options };
-}
-const PaddingPropControllerFormat = {
-  ClassName: "makeswift::prop-controllers::padding::format::class-name",
-  ResponsiveValue: "makeswift::prop-controllers::padding::format::responsive-value"
-};
-function Padding(options = {}) {
-  return { type: Types.Padding, options };
-}
-Padding.Format = PaddingPropControllerFormat;
-function ResponsiveColor(options = {}) {
-  return { type: Types.ResponsiveColor, options };
-}
-function ResponsiveIconRadioGroup(options) {
-  return { type: Types.ResponsiveIconRadioGroup, options };
-}
-function ResponsiveLength(options = {}) {
-  return { type: Types.ResponsiveLength, options };
-}
-function ResponsiveNumber(options = {}) {
-  return { type: Types.ResponsiveNumber, options };
-}
-function ResponsiveOpacity(options = {}) {
-  return { type: Types.ResponsiveOpacity, options };
-}
-function ResponsiveSelect(options) {
-  return { type: Types.ResponsiveSelect, options };
-}
-function RichText(options = {}) {
-  return { type: Types.RichText, options };
-}
-const ShadowsPropControllerFormat = {
-  ClassName: "makeswift::prop-controllers::shadows::format::class-name",
-  ResponsiveValue: "makeswift::prop-controllers::shadows::format::responsive-value"
-};
-function Shadows(options = {}) {
-  return { type: Types.Shadows, options };
-}
-Shadows.Format = ShadowsPropControllerFormat;
-function Shape(options) {
-  return { type: Types.Shape, options };
-}
-function SocialLinks(options = {}) {
-  return { type: Types.SocialLinks, options };
-}
-function Table(options = {}) {
-  return { type: Types.Table, options };
-}
-function TableFormFields(options = {}) {
-  return { type: Types.TableFormFields, options };
+  if (selection == null)
+    return void 0;
+  return {
+    isFocused: false,
+    marks: void 0,
+    object: "selection",
+    anchor: {
+      offset: selection.anchor.offset,
+      path: selection.anchor.path,
+      object: "point"
+    },
+    focus: {
+      offset: selection.focus.offset,
+      path: selection.focus.path,
+      object: "point"
+    }
+  };
 }
-function Typeahead(options) {
-  return { type: Types.Typeahead, options };
+function richTextDAOToDTO(children, selection) {
+  return {
+    document: {
+      data: void 0,
+      nodes: children.flatMap(toNodeDTO),
+      object: "document"
+    },
+    object: "value",
+    selection: toSelectionDTO(selection),
+    annotations: void 0,
+    data: void 0
+  };
 }
-function TextArea(options = {}) {
-  return { type: Types.TextArea, options };
+const RichTextControlType = "makeswift::controls::rich-text";
+function RichText() {
+  return { type: RichTextControlType };
 }
-function TextInput(options = {}) {
-  return { type: Types.TextInput, options };
+const RichTextControlMessageType = {
+  CHANGE_BUILDER_EDIT_MODE: "CHANGE_BUILDER_EDIT_MODE",
+  INITIALIZE_EDITOR: "INITIALIZE_EDITOR",
+  CHANGE_EDITOR_VALUE: "CHANGE_EDITOR_VALUE",
+  FOCUS: "FOCUS",
+  BLUR: "BLUR",
+  UNDO: "UNDO",
+  REDO: "REDO",
+  CHANGE_BOX_MODEL: "CHANGE_BOX_MODEL"
+};
+class RichTextControl extends PropController {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "editor", null);
+    __publicField(this, "recv", (message) => {
+      if (!this.editor)
+        return;
+      switch (message.type) {
+        case RichTextControlMessageType.CHANGE_BUILDER_EDIT_MODE: {
+          switch (message.editMode) {
+            case BuilderEditMode.BUILD:
+            case BuilderEditMode.INTERACT:
+              this.editor.deselectAndBlur();
+          }
+          break;
+        }
+        case RichTextControlMessageType.FOCUS: {
+          this.editor.focusAndSelectAll();
+          break;
+        }
+      }
+    });
+  }
+  setSlateEditor(editor) {
+    this.editor = editor;
+    this.send({
+      type: RichTextControlMessageType.INITIALIZE_EDITOR,
+      value: richTextDAOToDTO(editor.children, editor.selection)
+    });
+    const _onChange = editor.onChange;
+    this.editor.onChange = (options) => {
+      _onChange(options);
+      if ((options == null ? void 0 : options.operation) != null) {
+        this.send({
+          type: RichTextControlMessageType.CHANGE_EDITOR_VALUE,
+          value: richTextDAOToDTO(editor.children, editor.selection)
+        });
+      }
+    };
+  }
+  focus() {
+    this.send({ type: RichTextControlMessageType.FOCUS });
+  }
+  blur() {
+    this.send({ type: RichTextControlMessageType.BLUR });
+  }
+  undo() {
+    this.send({ type: RichTextControlMessageType.UNDO });
+  }
+  redo() {
+    this.send({ type: RichTextControlMessageType.REDO });
+  }
+  changeBoxModel(boxModel) {
+    this.send({ type: RichTextControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } });
+  }
 }
-function TextStyle(options = {}) {
-  return { type: Types.TextStyle, options };
+const RichTextV2ControlType = "makeswift::controls::rich-text-v2";
+const RichTextV2Mode = {
+  Inline: "makeswift::controls::rich-text-v2::mode::inline",
+  Block: "makeswift::controls::rich-text-v2::mode::block"
+};
+function createRichTextV2Plugin({
+  control,
+  withPlugin,
+  onKeyDown,
+  renderElement,
+  renderLeaf
+}) {
+  return { control, withPlugin, onKeyDown, renderElement, renderLeaf };
 }
-function Video(options = {}) {
-  return { type: Types.Video, options };
+function unstable_RichTextV2(config = {}) {
+  return { type: RichTextV2ControlType, config };
 }
-const WidthPropControllerFormat = {
-  ClassName: "makeswift::prop-controllers::width::format::class-name",
-  ResponsiveValue: "makeswift::prop-controllers::width::format::responsive-value"
+const RichTextV2ControlMessageType = {
+  RESET_VALUE: "RESET_VALUE",
+  FOCUS: "FOCUS",
+  RUN_PLUGIN_CONTROL_ACTION: "RUN_PLUGIN_CONTROL_ACTION",
+  SET_DEFAULT_VALUE: "SET_DEFAULT_VALUE",
+  SET_PLUGIN_CONTROL_VALUE: "SET_PLUGIN_CONTROL_VALUE",
+  ON_CHANGE: "ON_CHANGE",
+  SELECT: "SELECT",
+  SWITCH_TO_BUILD_MODE: "SWITCH_TO_BUILD_MODE",
+  CHANGE_BOX_MODEL: "CHANGE_BOX_MODEL"
 };
-function Width(options = {}) {
-  return { type: Types.Width, options };
+class RichTextV2Control extends PropController {
+  constructor(send, descriptor) {
+    super(send);
+    __publicField(this, "editor", null);
+    __publicField(this, "defaultValue", null);
+    __publicField(this, "descriptor");
+    __publicField(this, "recv", (message) => {
+      var _a2, _b, _c;
+      if (!this.editor)
+        return;
+      switch (message.type) {
+        case RichTextV2ControlMessageType.FOCUS: {
+          this.editor.focusAndSelectAll();
+          break;
+        }
+        case RichTextV2ControlMessageType.RESET_VALUE: {
+          if (this.defaultValue) {
+            this.editor.selection = null;
+            this.editor.children = this.defaultValue;
+            this.editor.onChange();
+          }
+          break;
+        }
+        case RichTextV2ControlMessageType.RUN_PLUGIN_CONTROL_ACTION: {
+          (_c = (_b = (_a2 = this.descriptor.config.plugins) == null ? void 0 : _a2.at(message.pluginIndex)) == null ? void 0 : _b.control) == null ? void 0 : _c.onChange(this.editor, message.value);
+          break;
+        }
+      }
+    });
+    this.descriptor = descriptor;
+    this.send = send;
+  }
+  setEditor(editor) {
+    var _a2, _b, _c;
+    this.editor = editor;
+    this.send({
+      type: RichTextV2ControlMessageType.SET_PLUGIN_CONTROL_VALUE,
+      value: (_c = (_b = (_a2 = this.descriptor.config) == null ? void 0 : _a2.plugins) == null ? void 0 : _b.map((plugin) => {
+        var _a3;
+        return (_a3 = plugin == null ? void 0 : plugin.control) == null ? void 0 : _a3.getValue(editor);
+      })) != null ? _c : []
+    });
+  }
+  setDefaultValue(defaultValue) {
+    this.defaultValue = defaultValue;
+    this.send({ type: RichTextV2ControlMessageType.SET_DEFAULT_VALUE, value: defaultValue });
+  }
+  select() {
+    this.send({ type: RichTextV2ControlMessageType.SELECT });
+  }
+  switchToBuildMode() {
+    this.send({ type: RichTextV2ControlMessageType.SWITCH_TO_BUILD_MODE });
+  }
+  onChange(value) {
+    var _a2, _b, _c;
+    const editor = this.editor;
+    if (editor == null)
+      return;
+    this.send({
+      type: RichTextV2ControlMessageType.ON_CHANGE,
+      value
+    });
+    this.send({
+      type: RichTextV2ControlMessageType.SET_PLUGIN_CONTROL_VALUE,
+      value: (_c = (_b = (_a2 = this.descriptor.config) == null ? void 0 : _a2.plugins) == null ? void 0 : _b.map((plugin) => {
+        var _a3;
+        return (_a3 = plugin == null ? void 0 : plugin.control) == null ? void 0 : _a3.getValue(editor);
+      })) != null ? _c : []
+    });
+  }
+  changeBoxModel(boxModel) {
+    this.send({ type: RichTextV2ControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } });
+  }
 }
-Width.Format = WidthPropControllerFormat;
-var descriptors = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Types,
-  Backgrounds,
-  BorderPropControllerFormat,
-  Border,
-  BorderRadiusPropControllerFormat,
-  BorderRadius,
-  Checkbox,
-  Date,
-  ElementID,
-  Font,
-  GapX,
-  GapY,
-  Grid,
-  Image,
-  Images,
-  Link,
-  List,
-  MarginPropControllerFormat,
-  Margin,
-  NavigationLinks,
-  Number,
-  PaddingPropControllerFormat,
-  Padding,
-  ResponsiveColor,
-  ResponsiveIconRadioGroup,
-  ResponsiveLength,
-  ResponsiveNumber,
-  ResponsiveOpacity,
-  ResponsiveSelect,
-  RichText,
-  ShadowsPropControllerFormat,
-  Shadows,
-  Shape,
-  SocialLinks,
-  Table,
-  TableFormFields,
-  Typeahead,
-  TextArea,
-  TextInput,
-  TextStyle,
-  Video,
-  WidthPropControllerFormat,
-  Width
-}, Symbol.toStringTag, { value: "Module" }));
 function isNonNullable(value) {
   return value != null;
 }
@@ -3131,6 +2462,39 @@ function getElementSwatchIds(descriptor, prop) {
       const value = prop;
       return (value == null ? void 0 : value.swatchId) == null ? [] : [value.swatchId];
     }
+    case StyleV2ControlType: {
+      const value = prop;
+      return value.flatMap((value2) => getElementSwatchIds(descriptor.config.type, value2.value));
+    }
+    case RichTextV2ControlType: {
+      let getDescendantSwatchIds = function(descendant) {
+        if (Element.isElement(descendant)) {
+          return [
+            ...getSlateElementSwatchIds(descendant),
+            ...descendant.children.flatMap((d) => getDescendantSwatchIds(d))
+          ];
+        }
+        if (Text.isText(descendant)) {
+          return getTextSwatchIds(descendant);
+        }
+        return [];
+      }, getSlateElementSwatchIds = function(descendant) {
+        var _a3;
+        return (_a3 = plugins == null ? void 0 : plugins.flatMap((plugin) => {
+          var _a4;
+          return ((_a4 = plugin.control) == null ? void 0 : _a4.definition) && plugin.control.getElementValue ? getElementSwatchIds(plugin.control.definition, plugin.control.getElementValue(descendant)) : [];
+        })) != null ? _a3 : [];
+      }, getTextSwatchIds = function(text) {
+        var _a3;
+        return (_a3 = plugins == null ? void 0 : plugins.flatMap((plugin) => {
+          var _a4;
+          return ((_a4 = plugin.control) == null ? void 0 : _a4.definition) && plugin.control.getLeafValue ? getElementSwatchIds(plugin.control.definition, plugin.control.getLeafValue(text)) : [];
+        })) != null ? _a3 : [];
+      };
+      const descendants = prop;
+      const plugins = descriptor.config.plugins;
+      return descendants.flatMap((d) => getDescendantSwatchIds(d));
+    }
     default:
       return [];
   }
@@ -3483,5 +2847,5 @@ function configureStore({
     locales: getInitialState(locales != null ? locales : preloadedState == null ? void 0 : preloadedState.locales)
   }), applyMiddleware(thunk));
 }
-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 };
+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$1 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$1 as X, Video as Y, useStyle as Z, getBorderSwatchIds as _, createDocumentReference as a, RichTextControlMessageType as a$, getBoxShadowsSwatchIds as a0, getResponsiveColorSwatchIds as a1, StyleControlProperty as a2, ImageControlValueFormat as a3, isPropControllersHandle as a4, StyleControlType as a5, RichTextV2ControlType as a6, RichTextControlType as a7, SlotControlType as a8, StyleV2ControlType as a9, Image as aA, copyImageData as aB, Link as aC, copyLinkData as aD, List as aE, ListControlMessageType as aF, ListControl as aG, copyListData as aH, Shape 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, unstable_useStyleV2ClassName as aV, unstable_StyleV2 as aW, StyleV2ControlMessageType as aX, StyleV2Control as aY, ObjectType as aZ, RichText as a_, LinkControlType as aa, ImageControlType as ab, ColorControlType as ac, getComponentPropControllerDescriptors as ad, getPropControllers as ae, BorderPropControllerFormat as af, ShadowsPropControllerFormat as ag, BorderRadiusPropControllerFormat as ah, MarginPropControllerFormat as ai, PaddingPropControllerFormat as aj, WidthPropControllerFormat as ak, configureStore as al, copyElementTree as am, getBreakpoints as an, getDocument as ao, getElementId as ap, getIsPreview as aq, getIsInBuilder as ar, getReactComponent as as, getBuilderEditMode as at, getBackgroundsFileIds as au, getBackgroundsSwatchIds as av, Color as aw, copyColorData as ax, copy as ay, merge as az, isElementReference as b, RichTextControl as b0, richTextDTOtoSelection as b1, richTextDTOtoDAO as b2, toSelectionDTO as b3, richTextDAOToDTO as b4, RichTextV2Mode as b5, createRichTextV2Plugin as b6, unstable_RichTextV2 as b7, RichTextV2ControlMessageType as b8, RichTextV2Control as b9, RootBlockType as ba, BlockType as bb, InlineType as bc, BlockTextAlignment as bd, getInitialState$7 as be, reducer$8 as bf, getDocument$1 as bg, getComponentsMeta as bh, getComponentPropControllerDescriptors$1 as bi, getLocales as bj, BuilderEditMode as bk, getDocumentKeysSortedByDepth as bl, getPropController as bm, getPropControllersHandle as bn, getElement as bo, getElementPropControllerDescriptors as bp, createPropController as bq, reducer$7 as br, reducer$9 as bs, reducer$6 as bt, reducer$5 as bu, reducer$4 as bv, reducer$3 as bw, reducer$2 as bx, reducer$1 as by, getInitialState$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$1 as x, ResponsiveColor as y, TextStyle as z };
 //# sourceMappingURL=react-page.es.js.map