@makeswift/runtime 0.24.9-canary.0 → 0.24.9

package/dist/cjs/next/components/tests/__fixtures__/element-data/box-component.js

@@ -0,0 +1,124 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var box_component_exports = {};
+__export(box_component_exports, {
+  boxComponentData: () => boxComponentData,
+  imageBackgroundData: () => imageBackgroundData
+});
+module.exports = __toCommonJS(box_component_exports);
+var import_components = require("../../../../../components");
+const boxComponentData = ({
+  htmlId,
+  backgrounds = []
+}) => ({
+  key: "a87eab9c-1c2b-462e-8f79-e836dd836271",
+  props: {
+    backgrounds: {
+      "@@makeswift/type": "prop-controllers::backgrounds::v2",
+      value: [
+        {
+          deviceId: "desktop",
+          value: backgrounds
+        }
+      ]
+    },
+    id: {
+      "@@makeswift/type": "prop-controllers::element-id::v1",
+      value: htmlId
+    },
+    margin: {
+      "@@makeswift/type": "prop-controllers::margin::v1",
+      value: [
+        {
+          deviceId: "desktop",
+          value: {
+            marginBottom: {
+              unit: "px",
+              value: 60
+            },
+            marginTop: {
+              unit: "px",
+              value: 40
+            }
+          }
+        }
+      ]
+    },
+    padding: {
+      "@@makeswift/type": "prop-controllers::padding::v1",
+      value: [
+        {
+          deviceId: "desktop",
+          value: {
+            paddingBottom: {
+              unit: "px",
+              value: 470
+            },
+            paddingLeft: {
+              unit: "px",
+              value: 10
+            },
+            paddingRight: {
+              unit: "px",
+              value: 10
+            },
+            paddingTop: {
+              unit: "px",
+              value: 10
+            }
+          }
+        }
+      ]
+    },
+    width: {
+      "@@makeswift/type": "prop-controllers::width::v1",
+      value: [
+        {
+          deviceId: "desktop",
+          value: {
+            unit: "px",
+            value: 1160
+          }
+        }
+      ]
+    }
+  },
+  type: import_components.MakeswiftComponentType.Box
+});
+const imageBackgroundData = (imageId) => ({
+  id: "d710554f-3b2a-4dc5-8785-44224d09e579",
+  payload: {
+    imageId,
+    opacity: 0.9,
+    parallax: 0,
+    position: {
+      x: 0,
+      y: 0
+    },
+    priority: true,
+    size: "contain"
+  },
+  type: "image"
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  boxComponentData,
+  imageBackgroundData
+});
+//# sourceMappingURL=box-component.js.map

package/dist/cjs/next/components/tests/__fixtures__/element-data/box-component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/next/components/tests/__fixtures__/element-data/box-component.ts"],"sourcesContent":["import { type ElementData } from '@makeswift/controls'\nimport { type BackgroundData } from '@makeswift/prop-controllers'\n\nimport { MakeswiftComponentType } from '../../../../../components'\n\nexport const boxComponentData = ({\n  htmlId,\n  backgrounds = [],\n}: {\n  htmlId: string\n  backgrounds: BackgroundData[]\n}): ElementData => ({\n  key: 'a87eab9c-1c2b-462e-8f79-e836dd836271',\n  props: {\n    backgrounds: {\n      '@@makeswift/type': 'prop-controllers::backgrounds::v2',\n      value: [\n        {\n          deviceId: 'desktop',\n          value: backgrounds,\n        },\n      ],\n    },\n    id: {\n      '@@makeswift/type': 'prop-controllers::element-id::v1',\n      value: htmlId,\n    },\n    margin: {\n      '@@makeswift/type': 'prop-controllers::margin::v1',\n      value: [\n        {\n          deviceId: 'desktop',\n          value: {\n            marginBottom: {\n              unit: 'px',\n              value: 60,\n            },\n            marginTop: {\n              unit: 'px',\n              value: 40,\n            },\n          },\n        },\n      ],\n    },\n    padding: {\n      '@@makeswift/type': 'prop-controllers::padding::v1',\n      value: [\n        {\n          deviceId: 'desktop',\n          value: {\n            paddingBottom: {\n              unit: 'px',\n              value: 470,\n            },\n            paddingLeft: {\n              unit: 'px',\n              value: 10,\n            },\n            paddingRight: {\n              unit: 'px',\n              value: 10,\n            },\n            paddingTop: {\n              unit: 'px',\n              value: 10,\n            },\n          },\n        },\n      ],\n    },\n    width: {\n      '@@makeswift/type': 'prop-controllers::width::v1',\n      value: [\n        {\n          deviceId: 'desktop',\n          value: {\n            unit: 'px',\n            value: 1160,\n          },\n        },\n      ],\n    },\n  },\n  type: MakeswiftComponentType.Box,\n})\n\nexport const imageBackgroundData = (imageId: string): BackgroundData => ({\n  id: 'd710554f-3b2a-4dc5-8785-44224d09e579',\n  payload: {\n    imageId,\n    opacity: 0.9,\n    parallax: 0,\n    position: {\n      x: 0,\n      y: 0,\n    },\n    priority: true,\n    size: 'contain',\n  },\n  type: 'image',\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAAuC;AAEhC,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA,cAAc,CAAC;AACjB,OAGoB;AAAA,EAClB,KAAK;AAAA,EACL,OAAO;AAAA,IACL,aAAa;AAAA,MACX,oBAAoB;AAAA,MACpB,OAAO;AAAA,QACL;AAAA,UACE,UAAU;AAAA,UACV,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,IACA,IAAI;AAAA,MACF,oBAAoB;AAAA,MACpB,OAAO;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,MACN,oBAAoB;AAAA,MACpB,OAAO;AAAA,QACL;AAAA,UACE,UAAU;AAAA,UACV,OAAO;AAAA,YACL,cAAc;AAAA,cACZ,MAAM;AAAA,cACN,OAAO;AAAA,YACT;AAAA,YACA,WAAW;AAAA,cACT,MAAM;AAAA,cACN,OAAO;AAAA,YACT;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,oBAAoB;AAAA,MACpB,OAAO;AAAA,QACL;AAAA,UACE,UAAU;AAAA,UACV,OAAO;AAAA,YACL,eAAe;AAAA,cACb,MAAM;AAAA,cACN,OAAO;AAAA,YACT;AAAA,YACA,aAAa;AAAA,cACX,MAAM;AAAA,cACN,OAAO;AAAA,YACT;AAAA,YACA,cAAc;AAAA,cACZ,MAAM;AAAA,cACN,OAAO;AAAA,YACT;AAAA,YACA,YAAY;AAAA,cACV,MAAM;AAAA,cACN,OAAO;AAAA,YACT;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,oBAAoB;AAAA,MACpB,OAAO;AAAA,QACL;AAAA,UACE,UAAU;AAAA,UACV,OAAO;AAAA,YACL,MAAM;AAAA,YACN,OAAO;AAAA,UACT;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,MAAM,yCAAuB;AAC/B;AAEO,MAAM,sBAAsB,CAAC,aAAqC;AAAA,EACvE,IAAI;AAAA,EACJ,SAAS;AAAA,IACP;AAAA,IACA,SAAS;AAAA,IACT,UAAU;AAAA,IACV,UAAU;AAAA,MACR,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,UAAU;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,MAAM;AACR;","names":[]}

package/dist/cjs/next/components/tests/__fixtures__/element-data/button-component.js

@@ -0,0 +1,109 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var button_component_exports = {};
+__export(button_component_exports, {
+  buttonComponentData: () => buttonComponentData,
+  linkData: () => linkData,
+  linkUrlData: () => linkUrlData
+});
+module.exports = __toCommonJS(button_component_exports);
+var import_components = require("../../../../../components");
+const buttonComponentData = ({
+  htmlId,
+  linkData: linkData2
+}) => ({
+  key: "3dda7ade-3dcb-4776-a2f5-2f7e04e34ec2",
+  props: {
+    id: {
+      "@@makeswift/type": "prop-controllers::element-id::v1",
+      value: htmlId
+    },
+    link: {
+      "@@makeswift/type": "prop-controllers::link::v1",
+      value: linkData2
+    },
+    margin: {
+      "@@makeswift/type": "prop-controllers::margin::v1",
+      value: [
+        {
+          deviceId: "desktop",
+          value: {
+            marginBottom: {
+              unit: "px",
+              value: 80
+            },
+            marginTop: {
+              unit: "px",
+              value: 60
+            }
+          }
+        }
+      ]
+    }
+  },
+  type: import_components.MakeswiftComponentType.Button
+});
+const linkUrlData = (url = "https://www.makeswift.com/") => ({
+  payload: {
+    openInNewTab: false,
+    url
+  },
+  type: "OPEN_URL"
+});
+const linkData = {
+  page: {
+    payload: {
+      openInNewTab: false,
+      pageId: "UGFnZTozOWZkNDcyZS03N2QxLTRjZDItOGE3Yi02ZTQ2MDU3ODgxNzM="
+    },
+    type: "OPEN_PAGE"
+  },
+  url: linkUrlData(),
+  email: {
+    payload: {
+      body: "",
+      subject: "Buttons",
+      to: "alan@makeswift.com"
+    },
+    type: "SEND_EMAIL"
+  },
+  phone: {
+    payload: {
+      phoneNumber: "15551234567"
+    },
+    type: "CALL_PHONE"
+  },
+  element: {
+    payload: {
+      block: "start",
+      elementIdConfig: {
+        elementKey: "3dda7ade-3dcb-4776-a2f5-2f7e04e34ec2",
+        propName: "id"
+      }
+    },
+    type: "SCROLL_TO_ELEMENT"
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  buttonComponentData,
+  linkData,
+  linkUrlData
+});
+//# sourceMappingURL=button-component.js.map

package/dist/cjs/next/components/tests/__fixtures__/element-data/button-component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/next/components/tests/__fixtures__/element-data/button-component.ts"],"sourcesContent":["import { type ElementData } from '@makeswift/controls'\nimport { LinkData } from '@makeswift/prop-controllers'\n\nimport { MakeswiftComponentType } from '../../../../../components'\n\nexport const buttonComponentData = ({\n  htmlId,\n  linkData,\n}: {\n  htmlId: string\n  linkData: LinkData\n}): ElementData => ({\n  key: '3dda7ade-3dcb-4776-a2f5-2f7e04e34ec2',\n  props: {\n    id: {\n      '@@makeswift/type': 'prop-controllers::element-id::v1',\n      value: htmlId,\n    },\n    link: {\n      '@@makeswift/type': 'prop-controllers::link::v1',\n      value: linkData,\n    },\n    margin: {\n      '@@makeswift/type': 'prop-controllers::margin::v1',\n      value: [\n        {\n          deviceId: 'desktop',\n          value: {\n            marginBottom: {\n              unit: 'px',\n              value: 80,\n            },\n            marginTop: {\n              unit: 'px',\n              value: 60,\n            },\n          },\n        },\n      ],\n    },\n  },\n  type: MakeswiftComponentType.Button,\n})\n\nexport const linkUrlData = (url: string = 'https://www.makeswift.com/'): LinkData => ({\n  payload: {\n    openInNewTab: false,\n    url,\n  },\n  type: 'OPEN_URL',\n})\n\nexport const linkData: Record<string, LinkData> = {\n  page: {\n    payload: {\n      openInNewTab: false,\n      pageId: 'UGFnZTozOWZkNDcyZS03N2QxLTRjZDItOGE3Yi02ZTQ2MDU3ODgxNzM=',\n    },\n    type: 'OPEN_PAGE',\n  },\n  url: linkUrlData(),\n  email: {\n    payload: {\n      body: '',\n      subject: 'Buttons',\n      to: 'alan@makeswift.com',\n    },\n    type: 'SEND_EMAIL',\n  },\n  phone: {\n    payload: {\n      phoneNumber: '15551234567',\n    },\n    type: 'CALL_PHONE',\n  },\n  element: {\n    payload: {\n      block: 'start',\n      elementIdConfig: {\n        elementKey: '3dda7ade-3dcb-4776-a2f5-2f7e04e34ec2',\n        propName: 'id',\n      },\n    },\n    type: 'SCROLL_TO_ELEMENT',\n  },\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAAuC;AAEhC,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA,UAAAA;AACF,OAGoB;AAAA,EAClB,KAAK;AAAA,EACL,OAAO;AAAA,IACL,IAAI;AAAA,MACF,oBAAoB;AAAA,MACpB,OAAO;AAAA,IACT;AAAA,IACA,MAAM;AAAA,MACJ,oBAAoB;AAAA,MACpB,OAAOA;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,MACN,oBAAoB;AAAA,MACpB,OAAO;AAAA,QACL;AAAA,UACE,UAAU;AAAA,UACV,OAAO;AAAA,YACL,cAAc;AAAA,cACZ,MAAM;AAAA,cACN,OAAO;AAAA,YACT;AAAA,YACA,WAAW;AAAA,cACT,MAAM;AAAA,cACN,OAAO;AAAA,YACT;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,MAAM,yCAAuB;AAC/B;AAEO,MAAM,cAAc,CAAC,MAAc,kCAA4C;AAAA,EACpF,SAAS;AAAA,IACP,cAAc;AAAA,IACd;AAAA,EACF;AAAA,EACA,MAAM;AACR;AAEO,MAAM,WAAqC;AAAA,EAChD,MAAM;AAAA,IACJ,SAAS;AAAA,MACP,cAAc;AAAA,MACd,QAAQ;AAAA,IACV;AAAA,IACA,MAAM;AAAA,EACR;AAAA,EACA,KAAK,YAAY;AAAA,EACjB,OAAO;AAAA,IACL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,MACT,IAAI;AAAA,IACN;AAAA,IACA,MAAM;AAAA,EACR;AAAA,EACA,OAAO;AAAA,IACL,SAAS;AAAA,MACP,aAAa;AAAA,IACf;AAAA,IACA,MAAM;AAAA,EACR;AAAA,EACA,SAAS;AAAA,IACP,SAAS;AAAA,MACP,OAAO;AAAA,MACP,iBAAiB;AAAA,QACf,YAAY;AAAA,QACZ,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,IACA,MAAM;AAAA,EACR;AACF;","names":["linkData"]}

package/dist/cjs/next/components/tests/__fixtures__/element-data/image-component.js

@@ -0,0 +1,193 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var image_component_exports = {};
+__export(image_component_exports, {
+  imageComponentData: () => imageComponentData
+});
+module.exports = __toCommonJS(image_component_exports);
+var import_components = require("../../../../../components");
+const imageComponentData = ({
+  htmlId,
+  swatchId,
+  fileId
+}) => ({
+  key: "53d97944-87d4-4337-8260-a11c6bad827b",
+  props: {
+    altText: {
+      "@@makeswift/type": "prop-controllers::text-input::v1",
+      value: "Hill chart"
+    },
+    border: {
+      "@@makeswift/type": "prop-controllers::border::v1",
+      value: [
+        {
+          deviceId: "desktop",
+          value: {
+            borderBottom: {
+              color: {
+                alpha: 1,
+                swatchId
+              },
+              style: "solid",
+              width: 2
+            },
+            borderLeft: {
+              color: {
+                alpha: 1,
+                swatchId
+              },
+              style: "solid",
+              width: 2
+            },
+            borderRight: {
+              color: {
+                alpha: 1,
+                swatchId
+              },
+              style: "solid",
+              width: 2
+            },
+            borderTop: {
+              color: {
+                alpha: 1,
+                swatchId
+              },
+              style: "solid",
+              width: 2
+            }
+          }
+        }
+      ]
+    },
+    borderRadius: {
+      "@@makeswift/type": "prop-controllers::border-radius::v1",
+      value: [
+        {
+          deviceId: "desktop",
+          value: {
+            borderBottomLeftRadius: {
+              unit: "px",
+              value: 6
+            },
+            borderBottomRightRadius: {
+              unit: "px",
+              value: 6
+            },
+            borderTopLeftRadius: {
+              unit: "px",
+              value: 6
+            },
+            borderTopRightRadius: {
+              unit: "px",
+              value: 6
+            }
+          }
+        }
+      ]
+    },
+    file: {
+      "@@makeswift/type": "prop-controllers::image::v2",
+      value: {
+        id: fileId,
+        type: "makeswift-file",
+        version: 1
+      }
+    },
+    id: {
+      "@@makeswift/type": "prop-controllers::element-id::v1",
+      value: htmlId
+    },
+    link: {
+      "@@makeswift/type": "prop-controllers::link::v1",
+      value: {
+        payload: {
+          openInNewTab: false,
+          url: "https://www.makeswift.com/"
+        },
+        type: "OPEN_URL"
+      }
+    },
+    margin: {
+      "@@makeswift/type": "prop-controllers::margin::v1",
+      value: [
+        {
+          deviceId: "desktop",
+          value: {
+            marginBottom: {
+              unit: "px",
+              value: 25
+            },
+            marginTop: {
+              unit: "px",
+              value: 20
+            }
+          }
+        }
+      ]
+    },
+    padding: {
+      "@@makeswift/type": "prop-controllers::padding::v1",
+      value: [
+        {
+          deviceId: "desktop",
+          value: {
+            paddingBottom: {
+              unit: "px",
+              value: 5
+            },
+            paddingLeft: {
+              unit: "px",
+              value: 5
+            },
+            paddingRight: {
+              unit: "px",
+              value: 5
+            },
+            paddingTop: {
+              unit: "px",
+              value: 5
+            }
+          }
+        }
+      ]
+    },
+    priority: {
+      "@@makeswift/type": "prop-controllers::checkbox::v1",
+      value: true
+    },
+    width: {
+      "@@makeswift/type": "prop-controllers::width::v1",
+      value: [
+        {
+          deviceId: "desktop",
+          value: {
+            unit: "%",
+            value: 90
+          }
+        }
+      ]
+    }
+  },
+  type: import_components.MakeswiftComponentType.Image
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  imageComponentData
+});
+//# sourceMappingURL=image-component.js.map

package/dist/cjs/next/components/tests/__fixtures__/element-data/image-component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/next/components/tests/__fixtures__/element-data/image-component.ts"],"sourcesContent":["import { type ElementData } from '@makeswift/controls'\n\nimport { MakeswiftComponentType } from '../../../../../components'\n\nexport const imageComponentData = ({\n  htmlId,\n  swatchId,\n  fileId,\n}: {\n  htmlId: string\n  swatchId: string\n  fileId: string\n}): ElementData => ({\n  key: '53d97944-87d4-4337-8260-a11c6bad827b',\n  props: {\n    altText: {\n      '@@makeswift/type': 'prop-controllers::text-input::v1',\n      value: 'Hill chart',\n    },\n    border: {\n      '@@makeswift/type': 'prop-controllers::border::v1',\n      value: [\n        {\n          deviceId: 'desktop',\n          value: {\n            borderBottom: {\n              color: {\n                alpha: 1,\n                swatchId,\n              },\n              style: 'solid',\n              width: 2,\n            },\n            borderLeft: {\n              color: {\n                alpha: 1,\n                swatchId,\n              },\n              style: 'solid',\n              width: 2,\n            },\n            borderRight: {\n              color: {\n                alpha: 1,\n                swatchId,\n              },\n              style: 'solid',\n              width: 2,\n            },\n            borderTop: {\n              color: {\n                alpha: 1,\n                swatchId,\n              },\n              style: 'solid',\n              width: 2,\n            },\n          },\n        },\n      ],\n    },\n    borderRadius: {\n      '@@makeswift/type': 'prop-controllers::border-radius::v1',\n      value: [\n        {\n          deviceId: 'desktop',\n          value: {\n            borderBottomLeftRadius: {\n              unit: 'px',\n              value: 6,\n            },\n            borderBottomRightRadius: {\n              unit: 'px',\n              value: 6,\n            },\n            borderTopLeftRadius: {\n              unit: 'px',\n              value: 6,\n            },\n            borderTopRightRadius: {\n              unit: 'px',\n              value: 6,\n            },\n          },\n        },\n      ],\n    },\n    file: {\n      '@@makeswift/type': 'prop-controllers::image::v2',\n      value: {\n        id: fileId,\n        type: 'makeswift-file',\n        version: 1,\n      },\n    },\n    id: {\n      '@@makeswift/type': 'prop-controllers::element-id::v1',\n      value: htmlId,\n    },\n    link: {\n      '@@makeswift/type': 'prop-controllers::link::v1',\n      value: {\n        payload: {\n          openInNewTab: false,\n          url: 'https://www.makeswift.com/',\n        },\n        type: 'OPEN_URL',\n      },\n    },\n    margin: {\n      '@@makeswift/type': 'prop-controllers::margin::v1',\n      value: [\n        {\n          deviceId: 'desktop',\n          value: {\n            marginBottom: {\n              unit: 'px',\n              value: 25,\n            },\n            marginTop: {\n              unit: 'px',\n              value: 20,\n            },\n          },\n        },\n      ],\n    },\n    padding: {\n      '@@makeswift/type': 'prop-controllers::padding::v1',\n      value: [\n        {\n          deviceId: 'desktop',\n          value: {\n            paddingBottom: {\n              unit: 'px',\n              value: 5,\n            },\n            paddingLeft: {\n              unit: 'px',\n              value: 5,\n            },\n            paddingRight: {\n              unit: 'px',\n              value: 5,\n            },\n            paddingTop: {\n              unit: 'px',\n              value: 5,\n            },\n          },\n        },\n      ],\n    },\n    priority: {\n      '@@makeswift/type': 'prop-controllers::checkbox::v1',\n      value: true,\n    },\n    width: {\n      '@@makeswift/type': 'prop-controllers::width::v1',\n      value: [\n        {\n          deviceId: 'desktop',\n          value: {\n            unit: '%',\n            value: 90,\n          },\n        },\n      ],\n    },\n  },\n  type: MakeswiftComponentType.Image,\n})\n"],"mappings":"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","names":[]}

package/dist/cjs/next/components/tests/__fixtures__/page-document.js

@@ -0,0 +1,46 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var page_document_exports = {};
+__export(page_document_exports, {
+  pageDocument: () => pageDocument
+});
+module.exports = __toCommonJS(page_document_exports);
+var import_components = require("../../../../components");
+const pageDocument = {
+  id: "2222-2222-2222-2222",
+  site: {
+    id: "1111-1111-1111-1111"
+  },
+  data: {
+    type: import_components.MakeswiftComponentType.Root,
+    key: "0000-0000-0000-0000",
+    props: {}
+  },
+  snippets: [],
+  fonts: [],
+  localizedPages: [],
+  locale: null,
+  meta: {},
+  seo: {}
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  pageDocument
+});
+//# sourceMappingURL=page-document.js.map

package/dist/cjs/next/components/tests/__fixtures__/page-document.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/next/components/tests/__fixtures__/page-document.ts"],"sourcesContent":["import { type MakeswiftPageDocument } from '../../../../client'\nimport { MakeswiftComponentType } from '../../../../components'\n\nexport const pageDocument: MakeswiftPageDocument = {\n  id: '2222-2222-2222-2222',\n  site: {\n    id: '1111-1111-1111-1111',\n  },\n  data: {\n    type: MakeswiftComponentType.Root,\n    key: '0000-0000-0000-0000',\n    props: {},\n  },\n  snippets: [],\n  fonts: [],\n  localizedPages: [],\n  locale: null,\n  meta: {},\n  seo: {},\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,wBAAuC;AAEhC,MAAM,eAAsC;AAAA,EACjD,IAAI;AAAA,EACJ,MAAM;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,MAAM;AAAA,IACJ,MAAM,yCAAuB;AAAA,IAC7B,KAAK;AAAA,IACL,OAAO,CAAC;AAAA,EACV;AAAA,EACA,UAAU,CAAC;AAAA,EACX,OAAO,CAAC;AAAA,EACR,gBAAgB,CAAC;AAAA,EACjB,QAAQ;AAAA,EACR,MAAM,CAAC;AAAA,EACP,KAAK,CAAC;AACR;","names":[]}

package/dist/cjs/next/components/tests/__fixtures__/resources/files.js

@@ -0,0 +1,39 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var files_exports = {};
+__export(files_exports, {
+  file1: () => file1
+});
+module.exports = __toCommonJS(files_exports);
+const file1 = {
+  __typename: "File",
+  id: "RmlsZTplMGJlNzVmMC01MjhmLTRiM2EtYTY4YS1kNjhlMTJjODMwZDI=",
+  name: "Hill Chart",
+  publicUrl: "https://storage.googleapis.com/s.mkswft.com/RmlsZTplMGJlNzVmMC01MjhmLTRiM2EtYTY4YS1kNjhlMTJjODMwZDI=/Hill%20Chart.png",
+  extension: "png",
+  dimensions: {
+    width: 2700,
+    height: 1119
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  file1
+});
+//# sourceMappingURL=files.js.map

package/dist/cjs/next/components/tests/__fixtures__/resources/files.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/next/components/tests/__fixtures__/resources/files.ts"],"sourcesContent":["import { type File } from '../../../../../api'\n\nexport const file1: File = {\n  __typename: 'File',\n  id: 'RmlsZTplMGJlNzVmMC01MjhmLTRiM2EtYTY4YS1kNjhlMTJjODMwZDI=',\n  name: 'Hill Chart',\n  publicUrl:\n    'https://storage.googleapis.com/s.mkswft.com/RmlsZTplMGJlNzVmMC01MjhmLTRiM2EtYTY4YS1kNjhlMTJjODMwZDI=/Hill%20Chart.png',\n  extension: 'png',\n  dimensions: {\n    width: 2700,\n    height: 1119,\n  },\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,QAAc;AAAA,EACzB,YAAY;AAAA,EACZ,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,WACE;AAAA,EACF,WAAW;AAAA,EACX,YAAY;AAAA,IACV,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AACF;","names":[]}

package/dist/cjs/next/components/tests/__fixtures__/resources/index.js

@@ -0,0 +1,27 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var resources_exports = {};
+module.exports = __toCommonJS(resources_exports);
+__reExport(resources_exports, require("./swatches"), module.exports);
+__reExport(resources_exports, require("./files"), module.exports);
+__reExport(resources_exports, require("./page-pathname-slices"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./swatches"),
+  ...require("./files"),
+  ...require("./page-pathname-slices")
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/next/components/tests/__fixtures__/resources/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/next/components/tests/__fixtures__/resources/index.ts"],"sourcesContent":["export * from './swatches'\nexport * from './files'\nexport * from './page-pathname-slices'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,8BAAc,uBAAd;AACA,8BAAc,oBADd;AAEA,8BAAc,mCAFd;","names":[]}

package/dist/cjs/next/components/tests/__fixtures__/resources/page-pathname-slices.js

@@ -0,0 +1,33 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var page_pathname_slices_exports = {};
+__export(page_pathname_slices_exports, {
+  pagePathnameSlice1: () => pagePathnameSlice1
+});
+module.exports = __toCommonJS(page_pathname_slices_exports);
+const pagePathnameSlice1 = {
+  __typename: "PagePathnameSlice",
+  id: "UGFnZTozOWZkNDcyZS03N2QxLTRjZDItOGE3Yi02ZTQ2MDU3ODgxNzM=",
+  pathname: "about"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  pagePathnameSlice1
+});
+//# sourceMappingURL=page-pathname-slices.js.map

package/dist/cjs/next/components/tests/__fixtures__/resources/page-pathname-slices.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/next/components/tests/__fixtures__/resources/page-pathname-slices.ts"],"sourcesContent":["import { type PagePathnameSlice } from '../../../../../api'\n\nexport const pagePathnameSlice1: PagePathnameSlice = {\n  __typename: 'PagePathnameSlice',\n  id: 'UGFnZTozOWZkNDcyZS03N2QxLTRjZDItOGE3Yi02ZTQ2MDU3ODgxNzM=',\n  pathname: 'about',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,qBAAwC;AAAA,EACnD,YAAY;AAAA,EACZ,IAAI;AAAA,EACJ,UAAU;AACZ;","names":[]}

package/dist/cjs/next/components/tests/__fixtures__/resources/swatches.js

@@ -0,0 +1,35 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var swatches_exports = {};
+__export(swatches_exports, {
+  swatch1: () => swatch1
+});
+module.exports = __toCommonJS(swatches_exports);
+const swatch1 = {
+  __typename: "Swatch",
+  id: "U3dhdGNoOmUyNmQyMGY3LWNlNmEtNDcwMS04N2U2LWU2ZTM2NzlmMDY4Zg==",
+  hue: 360,
+  saturation: 97.873924,
+  lightness: 52.965
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  swatch1
+});
+//# sourceMappingURL=swatches.js.map

package/dist/cjs/next/components/tests/__fixtures__/resources/swatches.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/next/components/tests/__fixtures__/resources/swatches.ts"],"sourcesContent":["import { type Swatch } from '../../../../../api'\n\nexport const swatch1: Swatch = {\n  __typename: 'Swatch',\n  id: 'U3dhdGNoOmUyNmQyMGY3LWNlNmEtNDcwMS04N2U2LWU2ZTM2NzlmMDY4Zg==',\n  hue: 360,\n  saturation: 97.873924,\n  lightness: 52.965,\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,UAAkB;AAAA,EAC7B,YAAY;AAAA,EACZ,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,WAAW;AACb;","names":[]}