@makeswift/runtime 0.7.16 → 0.7.18

package/dist/{rich-text.es.js → descriptors.es.js}

@@ -22,9 +22,9 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 const import_meta = {};
-import { A as ActionTypes } from "./actions.es.js";
 import { Transforms, Editor, Text } from "slate";
 import { ReactEditor } from "slate-react";
+import { A as ActionTypes } from "./actions.es.js";
 const BuilderEditMode = {
   BUILD: "build",
   CONTENT: "content",
@@ -41,431 +41,27 @@ function reducer(state = getInitialState(), action) {
       return state;
   }
 }
-const ColorControlType = "makeswift::controls::color";
-function Color(config = {}) {
-  return { type: ColorControlType, config };
-}
-function copyColorData(value, context) {
-  var _a;
-  if (value == null)
-    return value;
-  return __spreadProps(__spreadValues({}, value), {
-    swatchId: (_a = context.replacementContext.swatchIds.get(value.swatchId)) != null ? _a : value.swatchId
-  });
-}
-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 _a;
-  return {
-    type: StyleControlType,
-    config: { properties: (_a = params == null ? void 0 : params.properties) != null ? _a : 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;
-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
-      });
-      expect(result).toMatchObject(expected);
-    });
-  });
-}
-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 };
+const ColorControlType = "makeswift::controls::color";
+function Color(config = {}) {
+  return { type: ColorControlType, config };
+}
+function copyColorData(value, context) {
+  var _a;
+  if (value == null)
+    return value;
+  return __spreadProps(__spreadValues({}, value), {
+    swatchId: (_a = context.replacementContext.swatchIds.get(value.swatchId)) != null ? _a : value.swatchId
+  });
 }
-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 = {}) {
+function Image$1(config = {}) {
   return { type: ImageControlType, config };
 }
-Image.Format = ImageControlValueFormat;
+Image$1.Format = ImageControlValueFormat;
 function copyImageData(value, context) {
   var _a;
   if (value == null)
@@ -499,7 +95,7 @@ if (import_meta.vitest) {
   });
 }
 const LinkControlType = "makeswift::controls::link";
-function Link(config = {}) {
+function Link$1(config = {}) {
   return { type: LinkControlType, config };
 }
 function copyLinkData(value, context) {
@@ -665,12 +261,14 @@ function createPropController(descriptor, send) {
       return new ListControl(send, descriptor);
     case ShapeControlType:
       return new ShapeControl(send, descriptor);
+    case StyleControlType:
+      return new StyleControl(send);
     default:
       return new DefaultPropController(send);
   }
 }
 const ListControlType = "makeswift::controls::list";
-function List(config) {
+function List$1(config) {
   return { type: ListControlType, config };
 }
 const ListControlMessageType = {
@@ -729,7 +327,7 @@ function copyListData(definition, value, context) {
   }));
 }
 const ShapeControlType = "makeswift::controls::shape";
-function Shape(config) {
+function Shape$1(config) {
   return { type: ShapeControlType, config };
 }
 const ShapeControlMessageType = {
@@ -751,35 +349,229 @@ class ShapeControl extends PropController {
         }));
         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.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 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 _a;
+  return {
+    type: StyleControlType,
+    config: { properties: (_a = params == null ? void 0 : params.properties) != null ? _a : 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
+      });
+      expect(result).toMatchObject(expected);
     });
-    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() {
@@ -1824,7 +1616,7 @@ function richTextDAOToDTO(children, selection) {
   };
 }
 const RichTextControlType = "makeswift::controls::rich-text";
-function RichText() {
+function RichText$1() {
   return { type: RichTextControlType };
 }
 const RichTextControlMessageType = {
@@ -1898,5 +1690,228 @@ class RichTextControl extends PropController {
     this.send({ type: RichTextControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } });
   }
 }
-export { PaddingPropControllerFormat as $, NavigationLinks as A, Backgrounds as B, ColorControlType as C, Date as D, ElementID as E, Font as F, GapY as G, SocialLinks as H, ImageControlType as I, RichText$1 as J, StyleControlProperty as K, ListControlType as L, Margin as M, Number as N, ImageControlValueFormat as O, Padding as P, RichTextControlType as Q, RichTextPropControllerMessageType as R, ShapeControlType as S, Types as T, LinkControlType as U, Video as V, Width as W, BorderPropControllerFormat as X, ShadowsPropControllerFormat as Y, BorderRadiusPropControllerFormat as Z, MarginPropControllerFormat as _, copy as a, WidthPropControllerFormat as a0, StyleControlType as a1, Color as a2, copyColorData as a3, Image as a4, copyImageData as a5, Link as a6, copyLinkData as a7, List as a8, ListControlMessageType as a9, ListControl as aa, copyListData as ab, Shape as ac, ShapeControlMessageType as ad, ShapeControl as ae, copyShapeData as af, Slot as ag, SlotControlMessageType as ah, SlotControl as ai, copySlotData as aj, Style as ak, copyStyleData as al, ObjectType as am, RichText as an, RichTextControlMessageType as ao, RichTextControl as ap, richTextDTOtoSelection as aq, richTextDTOtoDAO as ar, toSelectionDTO as as, richTextDAOToDTO as at, BlockType as au, InlineType as av, BlockTextAlignment as aw, BuilderEditMode as ax, createPropController as ay, SlotControlType as b, copyElementReference as c, descriptors as d, TableFormFieldsMessageType as e, ResponsiveIconRadioGroup as f, Border as g, BorderRadius as h, Shadows as i, GapX as j, ResponsiveSelect as k, ResponsiveNumber as l, Checkbox as m, Grid as n, TextInput as o, Link$1 as p, ResponsiveColor as q, reducer as r, TextStyle as s, Images as t, ResponsiveLength as u, TextArea as v, Table as w, TableFormFields as x, Image$1 as y, ResponsiveOpacity as z };
-//# sourceMappingURL=rich-text.es.js.map
+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 };
+}
+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,
+  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" }));
+export { MarginPropControllerFormat as $, NavigationLinks as A, Backgrounds as B, ColorControlType as C, Date as D, ElementID as E, Font as F, GapY as G, SocialLinks as H, ImageControlType as I, RichText as J, StyleControlProperty as K, ListControlType as L, Margin as M, Number as N, ImageControlValueFormat as O, Padding as P, StyleControlType as Q, RichTextPropControllerMessageType as R, ShapeControlType as S, Types as T, RichTextControlType as U, Video as V, Width as W, LinkControlType as X, BorderPropControllerFormat as Y, ShadowsPropControllerFormat as Z, BorderRadiusPropControllerFormat as _, copy as a, PaddingPropControllerFormat as a0, WidthPropControllerFormat as a1, Color as a2, copyColorData as a3, Image$1 as a4, copyImageData as a5, Link$1 as a6, copyLinkData as a7, List$1 as a8, ListControlMessageType as a9, createPropController as aA, ListControl as aa, copyListData as ab, Shape$1 as ac, ShapeControlMessageType as ad, ShapeControl as ae, copyShapeData as af, Slot as ag, SlotControlMessageType as ah, SlotControl as ai, copySlotData as aj, Style as ak, StyleControlMessageType as al, StyleControl as am, copyStyleData as an, ObjectType as ao, RichText$1 as ap, RichTextControlMessageType as aq, RichTextControl as ar, richTextDTOtoSelection as as, richTextDTOtoDAO as at, toSelectionDTO as au, richTextDAOToDTO as av, BlockType as aw, InlineType as ax, BlockTextAlignment as ay, BuilderEditMode as az, SlotControlType as b, copyElementReference as c, descriptors as d, TableFormFieldsMessageType as e, ResponsiveIconRadioGroup as f, Border as g, BorderRadius as h, Shadows as i, GapX as j, ResponsiveSelect as k, ResponsiveNumber as l, Checkbox as m, Grid as n, TextInput as o, Link as p, ResponsiveColor as q, reducer as r, TextStyle as s, Images as t, ResponsiveLength as u, TextArea as v, Table as w, TableFormFields as x, Image as y, ResponsiveOpacity as z };
+//# sourceMappingURL=descriptors.es.js.map