@makeswift/runtime 0.13.1 → 0.14.0

package/dist/index.cjs.js

@@ -1,4366 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __restKey = (key) => typeof key === "symbol" ? key : key + "";
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-var React = require("react");
-var withSelector = require("use-sync-external-store/shim/with-selector");
-var dynamic = require("next/dynamic");
-var reactPage = require("./react-page.cjs.js");
-var actions = require("./actions.cjs.js");
-var jsxRuntime = require("react/jsx-runtime");
-var number = require("./number.cjs.js");
-var combobox = require("./combobox.cjs.js");
-var tsPattern = require("ts-pattern");
-var uuid = require("uuid");
-require("slate");
-require("escape-html");
-require("slate-hyperscript");
-require("parse5");
-require("is-hotkey");
-var state_breakpoints = require("./breakpoints.cjs.js");
-var shim = require("use-sync-external-store/shim");
-var redux = require("redux");
-var thunk = require("redux-thunk");
-var types = require("./types.cjs.js");
-var boxModels = require("./box-models.cjs.js");
-var ColorHelper = require("color");
-var scrollIntoView = require("scroll-into-view-if-needed");
-var css = require("@emotion/css");
-var reactDom = require("react-dom");
-var parse = require("html-react-parser");
-var Head = require("next/head");
-var zod = require("zod");
-var createEmotionServer = require("@emotion/server/create-instance");
-var NextDocument = require("next/document");
-var Cors = require("cors");
-var pathToRegexp = require("path-to-regexp");
-var cookie = require("cookie");
-var httpProxy = require("http-proxy");
-var setCookieParser = require("set-cookie-parser");
-var constants = require("./constants.cjs.js");
-function _interopDefaultLegacy(e) {
-  return e && typeof e === "object" && "default" in e ? e : { "default": e };
-}
-function _interopNamespace(e) {
-  if (e && e.__esModule)
-    return e;
-  var n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    Object.keys(e).forEach(function(k) {
-      if (k !== "default") {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function() {
-            return e[k];
-          }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-var React__namespace = /* @__PURE__ */ _interopNamespace(React);
-var dynamic__default = /* @__PURE__ */ _interopDefaultLegacy(dynamic);
-var thunk__default = /* @__PURE__ */ _interopDefaultLegacy(thunk);
-var ColorHelper__default = /* @__PURE__ */ _interopDefaultLegacy(ColorHelper);
-var scrollIntoView__default = /* @__PURE__ */ _interopDefaultLegacy(scrollIntoView);
-var parse__default = /* @__PURE__ */ _interopDefaultLegacy(parse);
-var Head__default = /* @__PURE__ */ _interopDefaultLegacy(Head);
-var createEmotionServer__default = /* @__PURE__ */ _interopDefaultLegacy(createEmotionServer);
-var NextDocument__default = /* @__PURE__ */ _interopDefaultLegacy(NextDocument);
-var Cors__default = /* @__PURE__ */ _interopDefaultLegacy(Cors);
-const SCRIPT_TAG = "script";
-function BodySnippet({
-  code,
-  cleanup
-}) {
-  React.useEffect(() => {
-    const container = document.createElement("div");
-    container.innerHTML = code;
-    const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT);
-    const scripts = [];
-    while (walker.nextNode()) {
-      if (walker.currentNode instanceof HTMLScriptElement)
-        scripts.push(walker.currentNode);
-    }
-    scripts.forEach((inlineScript) => {
-      var _a;
-      const executableScript = document.createElement(SCRIPT_TAG);
-      executableScript.textContent = inlineScript.textContent;
-      Array.from(inlineScript.attributes).forEach(({
-        name,
-        value
-      }) => {
-        executableScript.setAttribute(name, value);
-      });
-      (_a = inlineScript.parentNode) == null ? void 0 : _a.replaceChild(executableScript, inlineScript);
-    });
-    const nodes = Array.from(container.childNodes);
-    document.body.append(...nodes);
-    return () => {
-      nodes.forEach((node) => {
-        var _a;
-        (_a = node.parentNode) == null ? void 0 : _a.removeChild(node);
-      });
-      if (cleanup == null)
-        return;
-      const cleanUp = new Function(cleanup);
-      try {
-        cleanUp();
-      } catch {
-      }
-    };
-  }, [code, cleanup]);
-  return null;
-}
-function getInitialState(serializedState = {
-  Swatch: [],
-  File: [],
-  Typography: [],
-  PagePathnameSlice: [],
-  GlobalElement: [],
-  Table: [],
-  Snippet: [],
-  Page: [],
-  Site: [],
-  LocalizedGlobalElement: []
-}) {
-  return new Map(Object.entries(serializedState).map(([apiResourceType, resources]) => [
-    apiResourceType,
-    new Map(resources.map(({ id, value }) => [id, value]))
-  ]));
-}
-function getHasAPIResource$1(state, resourceType, resourceId) {
-  var _a, _b;
-  return (_b = (_a = state.get(resourceType)) == null ? void 0 : _a.has(resourceId)) != null ? _b : false;
-}
-function getAPIResource$1(state, resourceType, resourceId) {
-  var _a;
-  const resource = (_a = state.get(resourceType)) == null ? void 0 : _a.get(resourceId);
-  return (resource == null ? void 0 : resource.__typename) === resourceType ? resource : null;
-}
-function reducer$1(state = getInitialState(), action) {
-  switch (action.type) {
-    case actions.ActionTypes.API_RESOURCE_FULFILLED: {
-      const { resourceType, resourceId, resource } = action.payload;
-      return new Map(state).set(resourceType, new Map(state.get(resourceType)).set(resourceId, resource));
-    }
-    case actions.ActionTypes.CHANGE_API_RESOURCE: {
-      const existingApiResource = getAPIResource$1(state, action.payload.resource.__typename, action.payload.resource.id);
-      if (reactPage.deepEqual(existingApiResource, action.payload.resource))
-        return state;
-      return new Map(state).set(action.payload.resource.__typename, new Map(state.get(action.payload.resource.__typename)).set(action.payload.resource.id, action.payload.resource));
-    }
-    case actions.ActionTypes.EVICT_API_RESOURCE: {
-      const [resourceType, resourceId] = action.payload.id.split(":");
-      if (!(resourceType in types.APIResourceType))
-        return state;
-      const resources = new Map(state.get(resourceType));
-      const deleted = resources.delete(resourceId);
-      return deleted ? new Map(state).set(resourceType, resources) : state;
-    }
-    default:
-      return state;
-  }
-}
-const reducer = reducer$1;
-function getHasAPIResource(state, resourceType, resourceId) {
-  return getHasAPIResource$1(state, resourceType, resourceId);
-}
-function getAPIResource(state, resourceType, resourceId) {
-  return getAPIResource$1(state, resourceType, resourceId);
-}
-async function fetchJson(url) {
-  var _a;
-  const response = await fetch(url, {
-    headers: { "Content-Type": "application/json" }
-  });
-  if (response.status === 404)
-    return null;
-  if (!response.ok)
-    throw new Error(response.statusText);
-  if (((_a = response.headers.get("content-type")) == null ? void 0 : _a.includes("application/json")) !== true) {
-    throw new Error(`Expected JSON response from "${url}" but got "${response.headers.get("content-type")}"`);
-  }
-  return response.json();
-}
-function fetchAPIResource(resourceType, resourceId, locale) {
-  return async (dispatch, getState) => {
-    const state = getState();
-    if (getHasAPIResource(state, resourceType, resourceId)) {
-      return getAPIResource(state, resourceType, resourceId);
-    }
-    let resource;
-    switch (resourceType) {
-      case types.APIResourceType.Swatch:
-        resource = await fetchJson(`/api/makeswift/swatches/${resourceId}`);
-        break;
-      case types.APIResourceType.File:
-        resource = await fetchJson(`/api/makeswift/files/${resourceId}`);
-        break;
-      case types.APIResourceType.Typography:
-        resource = await fetchJson(`/api/makeswift/typographies/${resourceId}`);
-        break;
-      case types.APIResourceType.GlobalElement:
-        resource = await fetchJson(`/api/makeswift/global-elements/${resourceId}`);
-        break;
-      case types.APIResourceType.LocalizedGlobalElement: {
-        if (locale == null)
-          throw new Error("Locale is required to fetch LocalizedGlobalElement");
-        resource = await fetchJson(`/api/makeswift/localized-global-elements/${resourceId}/${locale}`);
-        break;
-      }
-      case types.APIResourceType.PagePathnameSlice: {
-        const url = new URL(`/api/makeswift/page-pathname-slices/${resourceId}`, "http://n");
-        if (locale != null)
-          url.searchParams.set("locale", locale.toString());
-        resource = await fetchJson(url.pathname + url.search);
-        break;
-      }
-      case types.APIResourceType.Table:
-        resource = await fetchJson(`/api/makeswift/tables/${resourceId}`);
-        break;
-      default:
-        resource = null;
-    }
-    dispatch(actions.apiResourceFulfilled(resourceType, resourceId, resource));
-    return resource;
-  };
-}
-function configureStore({ serializedState }) {
-  return redux.createStore(reducer, getInitialState(serializedState), redux.applyMiddleware(thunk__default["default"]));
-}
-class GraphQLClient {
-  constructor(endpoint) {
-    __publicField(this, "endpoint");
-    this.endpoint = endpoint;
-  }
-  async request(query, variables = {}) {
-    const response = await fetch(this.endpoint, {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ query, variables })
-    });
-    if (!response.ok && response.status !== 400) {
-      throw new Error(`${response.status} ${response.statusText}`);
-    }
-    const body = await response.json();
-    if (body.errors != null) {
-      console.error(body);
-      throw new Error("GraphQL response contains errors, check the console.");
-    }
-    return body.data;
-  }
-}
-const FileFragment = `
-  fragment File on File {
-    __typename
-    id
-    name
-    publicUrl: publicUrlV2
-    extension
-    dimensions {
-      width
-      height
-    }
-  }
-`;
-const TableFragment = `
-  fragment Table on Table {
-    __typename
-    id
-    name
-    columns {
-      __typename
-      id
-      name
-
-      ... on MultipleSelectTableColumn {
-        options {
-          id
-          name
-        }
-      }
-
-      ... on SingleSelectTableColumn {
-        options {
-          id
-          name
-        }
-      }
-    }
-  }
-`;
-const IntrospectedResourcesQuery = `
-  query IntrospectedResources($fileIds: [ID!]!, $tableIds: [ID!]!) {
-    files(ids: $fileIds) {
-      ...File
-    }
-
-    tables(ids: $tableIds) {
-      ...Table
-    }
-  }
-
-  ${FileFragment}
-  ${TableFragment}
-`;
-const FileQuery = `
-  query File($fileId: ID!) {
-    file(id: $fileId) {
-      ...File
-    }
-  }
-
-  ${FileFragment}
-`;
-const TableQuery = `
-  query Table($tableId: ID!) {
-    table(id: $tableId) {
-      ...Table
-    }
-  }
-
-  ${TableFragment}
-`;
-const CreateTableRecordMutation = `
-  mutation CreateTableRecord($input: CreateTableRecordInput!) {
-    createTableRecord(input: $input) {
-      tableRecord {
-        id
-      }
-    }
-  }
-`;
-class MakeswiftClient {
-  constructor({
-    uri,
-    cacheData,
-    localizedResourcesMap = {},
-    locale
-  }) {
-    __publicField(this, "graphqlClient");
-    __publicField(this, "makeswiftApiClient");
-    __publicField(this, "subscribe");
-    __publicField(this, "localizedResourcesMap");
-    __publicField(this, "locale");
-    this.graphqlClient = new GraphQLClient(uri);
-    this.makeswiftApiClient = configureStore({
-      serializedState: cacheData
-    });
-    this.subscribe = this.makeswiftApiClient.subscribe;
-    this.localizedResourcesMap = new Map(Object.entries(localizedResourcesMap));
-    this.locale = locale;
-  }
-  readSwatch(swatchId) {
-    return getAPIResource(this.makeswiftApiClient.getState(), types.APIResourceType.Swatch, swatchId);
-  }
-  async fetchSwatch(swatchId) {
-    return await this.makeswiftApiClient.dispatch(fetchAPIResource(types.APIResourceType.Swatch, swatchId));
-  }
-  readFile(fileId) {
-    return getAPIResource(this.makeswiftApiClient.getState(), types.APIResourceType.File, fileId);
-  }
-  async fetchFile(fileId) {
-    return await this.makeswiftApiClient.dispatch(fetchAPIResource(types.APIResourceType.File, fileId));
-  }
-  readTypography(typographyId) {
-    return getAPIResource(this.makeswiftApiClient.getState(), types.APIResourceType.Typography, typographyId);
-  }
-  async fetchTypography(typographyId) {
-    return await this.makeswiftApiClient.dispatch(fetchAPIResource(types.APIResourceType.Typography, typographyId));
-  }
-  readGlobalElement(globalElementId) {
-    return getAPIResource(this.makeswiftApiClient.getState(), types.APIResourceType.GlobalElement, globalElementId);
-  }
-  async fetchGlobalElement(globalElementId) {
-    return await this.makeswiftApiClient.dispatch(fetchAPIResource(types.APIResourceType.GlobalElement, globalElementId));
-  }
-  readLocalizedGlobalElement(globalElementId) {
-    const localizedGlobalElementId = this.getLocalizedResourceId(globalElementId);
-    if (localizedGlobalElementId == null)
-      return null;
-    return getAPIResource(this.makeswiftApiClient.getState(), types.APIResourceType.LocalizedGlobalElement, localizedGlobalElementId);
-  }
-  async fetchLocalizedGlobalElement(globalElementId) {
-    var _a;
-    const locale = this.locale;
-    if (locale == null)
-      return null;
-    const noLocalizedResource = this.getLocalizedResourceId(globalElementId) === null;
-    if (noLocalizedResource)
-      return null;
-    const cacheResult = this.readLocalizedGlobalElement(globalElementId);
-    if (cacheResult)
-      return cacheResult;
-    const result = await this.makeswiftApiClient.dispatch(fetchAPIResource(types.APIResourceType.LocalizedGlobalElement, globalElementId, locale));
-    this.setLocalizedResourceId({
-      resourceId: globalElementId,
-      localizedResourceId: (_a = result == null ? void 0 : result.id) != null ? _a : null
-    });
-    return result;
-  }
-  readPagePathnameSlice(pageId) {
-    return getAPIResource(this.makeswiftApiClient.getState(), types.APIResourceType.PagePathnameSlice, pageId);
-  }
-  async fetchPagePathnameSlice(pageId) {
-    return await this.makeswiftApiClient.dispatch(fetchAPIResource(types.APIResourceType.PagePathnameSlice, pageId, this.locale));
-  }
-  readTable(tableId) {
-    return getAPIResource(this.makeswiftApiClient.getState(), types.APIResourceType.Table, tableId);
-  }
-  async fetchTable(tableId) {
-    return await this.makeswiftApiClient.dispatch(fetchAPIResource(types.APIResourceType.Table, tableId));
-  }
-  async createTableRecord(tableId, columns) {
-    await this.graphqlClient.request(CreateTableRecordMutation, {
-      input: {
-        data: {
-          tableId,
-          columns
-        }
-      }
-    });
-  }
-  readSite(siteId) {
-    return getAPIResource(this.makeswiftApiClient.getState(), types.APIResourceType.Site, siteId);
-  }
-  readPage(pageId) {
-    return getAPIResource(this.makeswiftApiClient.getState(), types.APIResourceType.Page, pageId);
-  }
-  readSnippet(snippetId) {
-    return getAPIResource(this.makeswiftApiClient.getState(), types.APIResourceType.Snippet, snippetId);
-  }
-  getLocalizedResourceId(resourceId) {
-    var _a;
-    return (_a = this.localizedResourcesMap) == null ? void 0 : _a.get(resourceId);
-  }
-  setLocalizedResourceId({
-    resourceId,
-    localizedResourceId
-  }) {
-    this.localizedResourcesMap.set(resourceId, localizedResourceId);
-  }
-}
-const Context$1 = React.createContext(new MakeswiftClient({
-  uri: "https://api.makeswift.com/graphql"
-}));
-function useMakeswiftClient() {
-  return React.useContext(Context$1);
-}
-function MakeswiftProvider({
-  client,
-  children
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Context$1.Provider, {
-    value: client,
-    children
-  });
-}
-const SnippetLocation = {
-  Body: "BODY",
-  Head: "HEAD"
-};
-const defaultFavicon = {
-  mimetype: "image/png",
-  publicUrl: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAABcRAAAXEQHKJvM/AAABjElEQVRYhc2XzU3EMBCFB8TddAAXn6EE6GCpgNABZ1/IXnymBOgAOmA7YM8+ABVsXEHQQFaKQryeN3Yk3ilKJtEnv/nLUd/3pFG0riGi88yrnQn+UfJ5FUi0riWiB2H4nQn+KRd0DFP8agXEfkqCYJBoHdtxIQxfm+DfFgEhoith3NYE30o/qgGR2BJB+xY7kdYEL8oNFUi0jiFMJuxVWrJqEMFxsyUNCsE6AeNztvBp7aJ143vXksoRnwhYtmNdSoIQa6RlO9YXEWW7KgoCleOgxgTf1QZBT+RZ2lXFING6UxCCq+ceeUE8fYdknY599v9sJvzGBP+yCEgC7GPmETc0OJ+0awAlkhe2pAbIXAeFZ8xe2g2Nk3c3ub0xwWt6zY9qbmiqGVMbZK21ZC/YmhlbeBMTzZNDQqcvDb1kM1x32iqZSt1HaqukfKvq34BAOTLsrH+ETNmUkKHHA+428RgeclPVWozeSyAI2EdWB34jtqXNTAySOY3i/KgFIlqOa4GkFmBegorzg4joG07he/M7zl6jAAAAAElFTkSuQmCC"
-};
-const VALID_TAG_REGEX = /^[a-zA-Z][a-zA-Z:_.\-\d]*$/;
-const VALID_HEAD_ELEMENT_TYPES = ["title", "base", "link", "style", "meta", "script", "noscript", "template"];
-function snippetToElement(snippet) {
-  return React.Children.map(parse__default["default"](snippet.code), (element) => {
-    if (typeof element === "string")
-      return element;
-    if (!VALID_TAG_REGEX.test(element.type))
-      return null;
-    const key = element.key ? `${snippet.id}:${element.key}` : snippet.id;
-    return React.createElement(element.type, __spreadProps(__spreadValues({}, element.props), {
-      key
-    }));
-  });
-}
-const filterUsedSnippetProperties = ({
-  code,
-  builderEnabled,
-  liveEnabled,
-  location,
-  cleanup
-}) => ({
-  code,
-  builderEnabled,
-  liveEnabled,
-  location,
-  cleanup
-});
-function Page$1({
-  document: page
-}) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
-  const isInBuilder = useIsInBuilder();
-  const [snippets, setSnippets] = React.useState(page.snippets);
-  const cachedPage = useCachedPage(isInBuilder ? page.id : null);
-  React.useEffect(() => {
-    if (cachedPage == null)
-      return;
-    const oldSnippets = snippets.map(filterUsedSnippetProperties);
-    const newSnippets = cachedPage.snippets.map(filterUsedSnippetProperties);
-    if (reactPage.deepEqual(newSnippets, oldSnippets))
-      return;
-    setSnippets(cachedPage.snippets);
-  }, [cachedPage]);
-  const site = useCachedSite(isInBuilder ? page.site.id : null);
-  const baseLocalizedPage = page.localizedPages.find(({
-    parentId
-  }) => parentId == null);
-  const favicon = (_a = page.meta.favicon) != null ? _a : defaultFavicon;
-  const title = (_b = baseLocalizedPage == null ? void 0 : baseLocalizedPage.meta.title) != null ? _b : page.meta.title;
-  const description = (_c = baseLocalizedPage == null ? void 0 : baseLocalizedPage.meta.description) != null ? _c : page.meta.description;
-  const keywords = (_d = baseLocalizedPage == null ? void 0 : baseLocalizedPage.meta.keywords) != null ? _d : page.meta.keywords;
-  const socialImage = (_e = baseLocalizedPage == null ? void 0 : baseLocalizedPage.meta.socialImage) != null ? _e : page.meta.socialImage;
-  const canonicalUrl = (_f = baseLocalizedPage == null ? void 0 : baseLocalizedPage.seo.canonicalUrl) != null ? _f : page.seo.canonicalUrl;
-  const isIndexingBlocked = (_g = baseLocalizedPage == null ? void 0 : baseLocalizedPage.seo.isIndexingBlocked) != null ? _g : page.seo.isIndexingBlocked;
-  const fontFamilyParamValue = React.useMemo(() => {
-    if (site == null) {
-      return page.fonts.map(({
-        family,
-        variants
-      }) => {
-        return `${family.replace(/ /g, "+")}:${variants.join()}`;
-      }).join("|");
-    }
-    return site.googleFonts.edges.filter((edge) => edge != null).map(({
-      activeVariants,
-      node: {
-        family,
-        variants
-      }
-    }) => {
-      const activeVariantSpecifiers = variants.filter((variant) => activeVariants.some((activeVariant) => activeVariant.specifier === variant.specifier)).map((variant) => variant.specifier).join();
-      return `${family.replace(/ /g, "+")}:${activeVariantSpecifiers}`;
-    }).join("|");
-  }, [site, page]);
-  const filteredSnippets = React.useMemo(() => snippets.filter((snippet) => isInBuilder ? snippet.builderEnabled : snippet.liveEnabled), [snippets, isInBuilder]);
-  const headSnippets = React.useMemo(() => filteredSnippets.filter((snippet) => snippet.location === SnippetLocation.Head), [filteredSnippets]);
-  const previousHeadSnippets = React.useRef(null);
-  React.useEffect(() => {
-    var _a2;
-    const headSnippetsToCleanUp = ((_a2 = previousHeadSnippets.current) != null ? _a2 : []).filter((previousSnippet) => previousSnippet.cleanup != null).filter((previousSnippet) => !headSnippets.some((snippet) => previousSnippet.id === snippet.id));
-    headSnippetsToCleanUp.forEach((snippetToCleanUp) => {
-      if (snippetToCleanUp.cleanup == null)
-        return;
-      const cleanUp = new Function(snippetToCleanUp.cleanup);
-      try {
-        cleanUp();
-      } catch {
-      }
-    });
-    previousHeadSnippets.current = headSnippets;
-  }, [headSnippets]);
-  const documentId = (_h = baseLocalizedPage == null ? void 0 : baseLocalizedPage.elementTreeId) != null ? _h : page.id;
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/* @__PURE__ */ jsxRuntime.jsxs(Head__default["default"], {
-      children: [/* @__PURE__ */ jsxRuntime.jsx("style", {
-        children: `
-            html {
-              font-family: sans-serif;
-            }
-            div#__next {
-              overflow: hidden;
-            }
-          `
-      }), /* @__PURE__ */ jsxRuntime.jsx("link", {
-        rel: "icon",
-        type: favicon.mimetype,
-        href: favicon.publicUrl
-      }), canonicalUrl && /* @__PURE__ */ jsxRuntime.jsx("link", {
-        rel: "canonical",
-        href: canonicalUrl
-      }), isIndexingBlocked && /* @__PURE__ */ jsxRuntime.jsx("meta", {
-        name: "robots",
-        content: "noindex"
-      }), title && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/* @__PURE__ */ jsxRuntime.jsx("title", {
-          children: title
-        }), /* @__PURE__ */ jsxRuntime.jsx("meta", {
-          property: "og:title",
-          content: title
-        }), /* @__PURE__ */ jsxRuntime.jsx("meta", {
-          name: "twitter:title",
-          content: title
-        }), /* @__PURE__ */ jsxRuntime.jsx("meta", {
-          itemProp: "name",
-          content: title
-        })]
-      }), description && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/* @__PURE__ */ jsxRuntime.jsx("meta", {
-          name: "description",
-          content: description
-        }), /* @__PURE__ */ jsxRuntime.jsx("meta", {
-          property: "og:description",
-          content: description
-        }), /* @__PURE__ */ jsxRuntime.jsx("meta", {
-          name: "twitter:description",
-          content: description
-        }), /* @__PURE__ */ jsxRuntime.jsx("meta", {
-          itemProp: "description",
-          content: description
-        })]
-      }), keywords && /* @__PURE__ */ jsxRuntime.jsx("meta", {
-        name: "keywords",
-        content: keywords
-      }), socialImage && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/* @__PURE__ */ jsxRuntime.jsx("meta", {
-          property: "og:image",
-          content: socialImage.publicUrl
-        }), /* @__PURE__ */ jsxRuntime.jsx("meta", {
-          property: "og:image:type",
-          content: socialImage.mimetype
-        }), /* @__PURE__ */ jsxRuntime.jsx("meta", {
-          name: "twitter:image",
-          content: socialImage.publicUrl
-        }), /* @__PURE__ */ jsxRuntime.jsx("meta", {
-          name: "twitter:card",
-          content: "summary_large_image"
-        }), /* @__PURE__ */ jsxRuntime.jsx("meta", {
-          itemProp: "image",
-          content: socialImage.publicUrl
-        })]
-      }), fontFamilyParamValue !== "" && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
-        children: /* @__PURE__ */ jsxRuntime.jsx("link", {
-          rel: "stylesheet",
-          href: `https://fonts.googleapis.com/css?family=${fontFamilyParamValue}&display=swap`
-        })
-      }), headSnippets.map(snippetToElement).map((children) => React.Children.map(children, (child) => {
-        if (typeof child === "string")
-          return child;
-        if (VALID_HEAD_ELEMENT_TYPES.includes(child.type))
-          return child;
-        return null;
-      }))]
-    }), /* @__PURE__ */ jsxRuntime.jsx(DocumentReference, {
-      documentReference: reactPage.createDocumentReference(documentId)
-    }), filteredSnippets.filter((snippet) => snippet.location === SnippetLocation.Body).map((snippet) => /* @__PURE__ */ jsxRuntime.jsx(BodySnippet, {
-      code: snippet.code,
-      cleanup: snippet.cleanup
-    }, snippet.id))]
-  });
-}
-function useCachedPage(pageId) {
-  const client = useMakeswiftClient();
-  const getSnapshot = () => pageId == null ? null : client.readPage(pageId);
-  const page = shim.useSyncExternalStore(client.subscribe, getSnapshot, getSnapshot);
-  return page;
-}
-function useCachedSite(siteId) {
-  const client = useMakeswiftClient();
-  const getSnapshot = () => siteId == null ? null : client.readSite(siteId);
-  const site = shim.useSyncExternalStore(client.subscribe, getSnapshot, getSnapshot);
-  return site;
-}
-const makeswiftSiteVersionSchema = zod.z.enum(["Live", "Working"]);
-const MakeswiftSiteVersion = makeswiftSiteVersionSchema.Enum;
-const makeswiftPreviewDataSchema = zod.z.object({
-  makeswift: zod.z.literal(true),
-  siteVersion: makeswiftSiteVersionSchema
-});
-function getMakeswiftSiteVersion(previewData) {
-  const result = makeswiftPreviewDataSchema.safeParse(previewData);
-  if (result.success)
-    return result.data.siteVersion;
-  return null;
-}
-function PreviewModeScript({
-  isPreview = false,
-  appOrigin = "https://app.makeswift.com"
-}) {
-  const previewModeScript = `
-const isPreview = ${isPreview}
-const appOrigin = '${appOrigin.replace("'", "\\'")}'
-const searchParamName = 'x-makeswift-preview-mode'
-const headerName = 'X-Makeswift-Preview-Mode'
-const originalUrl = new URL(window.location.href)
-
-if (window.parent !== window) {
-  window.addEventListener('message', event => {
-    if (event.origin === appOrigin && event.data.type === 'makeswift_preview_mode') {
-      const { secret } = event.data
-
-      if (!isPreview && !originalUrl.searchParams.has(searchParamName)) {
-        const url = new URL(originalUrl)
-
-        url.searchParams.set(searchParamName, secret)
-
-        window.location.replace(url)
-      } else {
-        const originalFetch = window.fetch
-
-        window.fetch = function patchedFetch(resource, options) {
-          const request = new Request(resource, options)
-
-          if (new URL(request.url).origin !== window.location.origin) {
-            return originalFetch.call(this, resource, options)
-          }
-
-          return originalFetch.call(
-            this,
-            new Request(request, { headers: { [headerName]: secret } }),
-          )
-        }
-      }
-    }
-  })
-
-  window.parent.postMessage({ type: 'makeswift_preview_mode' }, appOrigin)
-}
-
-if (originalUrl.searchParams.has(searchParamName)) {
-  const url = new URL(originalUrl)
-
-  url.searchParams.delete(searchParamName)
-
-  window.history.replaceState(null, '', url)
-}
-`;
-  const makeswiftConnectionCheckScript = `
-const appOrigin = '${appOrigin.replace("'", "\\'")}'
-
-if (window.parent !== window) {
-  window.addEventListener('message', event => {
-    if (
-      event.origin === appOrigin && 
-      event.data.type === '${actions.ActionTypes.MAKESWIFT_CONNECTION_INIT}'
-    ) {
-      setInterval(() => {
-        window.parent.postMessage({ 
-          type: '${actions.ActionTypes.MAKESWIFT_CONNECTION_CHECK}',
-          payload: { 
-            currentUrl: window.location.href 
-          }
-        }, appOrigin)
-      }, 20)
-    }
-  })
-
-  window.parent.postMessage({ type: '${actions.ActionTypes.MAKESWIFT_CONNECTION_INIT}' }, appOrigin)
-}
-`;
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/* @__PURE__ */ jsxRuntime.jsx("script", {
-      id: "makeswift-preview-mode",
-      type: "module",
-      dangerouslySetInnerHTML: {
-        __html: previewModeScript
-      }
-    }), /* @__PURE__ */ jsxRuntime.jsx("script", {
-      id: "makeswift-connection-check",
-      type: "module",
-      dangerouslySetInnerHTML: {
-        __html: makeswiftConnectionCheckScript
-      }
-    })]
-  });
-}
-const pagePathnameSlicesAPISchema = zod.z.array(zod.z.object({
-  id: zod.z.string(),
-  basePageId: zod.z.string(),
-  pathname: zod.z.string(),
-  __typename: zod.z.literal("PagePathnameSlice")
-}).nullable());
-const getPageAPISchema = zod.z.object({
-  pathname: zod.z.string(),
-  locale: zod.z.string(),
-  alternate: zod.z.array(zod.z.object({
-    pathname: zod.z.string(),
-    locale: zod.z.string()
-  }))
-});
-class Makeswift {
-  constructor(apiKey, { apiOrigin = "https://api.makeswift.com", runtime = ReactRuntime } = {}) {
-    __publicField(this, "apiKey");
-    __publicField(this, "apiOrigin");
-    __publicField(this, "graphqlClient");
-    __publicField(this, "runtime");
-    if (typeof apiKey !== "string") {
-      throw new Error(`The Makeswift client must be passed a valid Makeswift site API key: \`new Makeswift('<makeswift_site_api_key>')\`
-Received "${apiKey}" instead.`);
-    }
-    this.apiKey = apiKey;
-    try {
-      this.apiOrigin = new URL(apiOrigin);
-    } catch {
-      throw new Error(`The Makeswift client received an invalid \`apiOrigin\` parameter: "${apiOrigin}".`);
-    }
-    this.graphqlClient = new GraphQLClient(new URL("graphql", apiOrigin).href);
-    this.runtime = runtime;
-  }
-  static getSiteVersion(previewData) {
-    var _a;
-    return (_a = getMakeswiftSiteVersion(previewData)) != null ? _a : MakeswiftSiteVersion.Live;
-  }
-  async fetch(path, siteVersion = MakeswiftSiteVersion.Live, init) {
-    const response = await fetch(new URL(path, this.apiOrigin).toString(), __spreadProps(__spreadValues({}, init), {
-      headers: __spreadValues({
-        ["X-API-Key"]: this.apiKey,
-        "Makeswift-Site-API-Key": this.apiKey,
-        "Makeswift-Site-Version": siteVersion
-      }, init == null ? void 0 : init.headers)
-    }));
-    return response;
-  }
-  async getPages({
-    siteVersion = MakeswiftSiteVersion.Live
-  } = {}) {
-    const response = await this.fetch(`v3/pages`, siteVersion);
-    if (!response.ok) {
-      console.error("Failed to get pages", await response.json());
-      throw new Error(`Failed to get pages with error: "${response.statusText}"`);
-    }
-    const json = await response.json();
-    return json;
-  }
-  async getPage(pathname, {
-    siteVersion = MakeswiftSiteVersion.Live,
-    locale: localeInput
-  } = {}) {
-    const url = new URL(`v2/pages/${encodeURIComponent(pathname)}`, this.apiOrigin);
-    if (localeInput)
-      url.searchParams.set("locale", localeInput);
-    const response = await this.fetch(url.pathname + url.search, siteVersion);
-    if (!response.ok) {
-      if (response.status === 404)
-        return null;
-      console.error("Failed to get page snapshot", await response.json());
-      throw new Error(`Failed to get page snapshot with error: "${response.statusText}"`);
-    }
-    const json = await response.json();
-    return getPageAPISchema.parse(json);
-  }
-  async getTypographies(typographyIds, siteVersion) {
-    if (typographyIds.length === 0)
-      return [];
-    const url = new URL(`v2/typographies/bulk`, this.apiOrigin);
-    typographyIds.forEach((id) => {
-      url.searchParams.append("ids", id);
-    });
-    const response = await this.fetch(url.pathname + url.search, siteVersion);
-    if (!response.ok) {
-      console.error("Failed to get typographies", await response.json());
-      return [];
-    }
-    const body = await response.json();
-    return body;
-  }
-  async getSwatches(ids, siteVersion) {
-    if (ids.length === 0)
-      return [];
-    const url = new URL(`v2/swatches/bulk`, this.apiOrigin);
-    ids.forEach((id) => {
-      url.searchParams.append("ids", id);
-    });
-    const response = await this.fetch(url.pathname + url.search, siteVersion);
-    if (!response.ok) {
-      console.error("Failed to get swatches", await response.json());
-      return [];
-    }
-    return await response.json();
-  }
-  async getIntrospectedResources(_a, siteVersion) {
-    var _b = _a, {
-      swatchIds
-    } = _b, introspectedResourceIds = __objRest(_b, [
-      "swatchIds"
-    ]);
-    const result = await this.graphqlClient.request(IntrospectedResourcesQuery, introspectedResourceIds);
-    const swatches = await this.getSwatches(swatchIds, siteVersion);
-    return __spreadProps(__spreadValues({}, result), { swatches });
-  }
-  async introspect(element, siteVersion, locale) {
-    var _a;
-    const runtime = this.runtime;
-    const descriptors = reactPage.getPropControllerDescriptors(runtime.store.getState());
-    const swatchIds = /* @__PURE__ */ new Set();
-    const fileIds = /* @__PURE__ */ new Set();
-    const typographyIds = /* @__PURE__ */ new Set();
-    const tableIds = /* @__PURE__ */ new Set();
-    const pageIds = /* @__PURE__ */ new Set();
-    const globalElements = /* @__PURE__ */ new Map();
-    const localizedGlobalElements = /* @__PURE__ */ new Map();
-    const localizedResourcesMap = /* @__PURE__ */ new Map();
-    const remaining = [element];
-    const seen = /* @__PURE__ */ new Set();
-    let current;
-    while (current = remaining.pop()) {
-      let getResourcesFromElementDescriptors = function(elementDescriptors2, props) {
-        Object.entries(elementDescriptors2).forEach(([propName, descriptor]) => {
-          reactPage.getSwatchIds(descriptor, props[propName]).forEach((swatchId) => {
-            swatchIds.add(swatchId);
-          });
-          reactPage.getFileIds(descriptor, props[propName]).forEach((fileId) => fileIds.add(fileId));
-          reactPage.getTypographyIds(descriptor, props[propName]).forEach((typographyId) => typographyIds.add(typographyId));
-          reactPage.getTableIds(descriptor, props[propName]).forEach((tableId) => tableIds.add(tableId));
-          reactPage.getPageIds(descriptor, props[propName]).forEach((pageId) => pageIds.add(pageId));
-          reactPage.getElementChildren(descriptor, props[propName]).forEach((child) => {
-            if (!seen.has(child.key)) {
-              seen.add(child.key);
-              remaining.push(child);
-            }
-          });
-        });
-      };
-      let element2;
-      if (reactPage.isElementReference(current)) {
-        const globalElementId = current.value;
-        const globalElement = await this.getGlobalElement(globalElementId, siteVersion);
-        let elementData = globalElement == null ? void 0 : globalElement.data;
-        if (locale) {
-          const localizedGlobalElement = await this.getLocalizedGlobalElement(globalElementId, locale, siteVersion);
-          localizedResourcesMap.set(globalElementId, (_a = localizedGlobalElement == null ? void 0 : localizedGlobalElement.id) != null ? _a : null);
-          if (localizedGlobalElement) {
-            elementData = localizedGlobalElement.data;
-            localizedGlobalElements.set(localizedGlobalElement.id, localizedGlobalElement);
-          }
-        }
-        globalElements.set(globalElementId, globalElement);
-        if (elementData == null)
-          continue;
-        element2 = elementData;
-      } else {
-        element2 = current;
-      }
-      const elementDescriptors = descriptors.get(element2.type);
-      if (elementDescriptors == null)
-        continue;
-      getResourcesFromElementDescriptors(elementDescriptors, element2.props);
-    }
-    const typographies = await this.getTypographies([...typographyIds], siteVersion);
-    typographies.forEach((typography) => {
-      typography == null ? void 0 : typography.style.forEach((style) => {
-        var _a2;
-        const swatchId = (_a2 = style.value.color) == null ? void 0 : _a2.swatchId;
-        if (swatchId != null)
-          swatchIds.add(swatchId);
-      });
-    });
-    const pagePathnames = await this.getPagePathnameSlices([...pageIds], siteVersion, { locale });
-    const { swatches, files, tables } = await this.getIntrospectedResources({
-      swatchIds: [...swatchIds],
-      fileIds: [...fileIds],
-      tableIds: [...tableIds]
-    }, siteVersion);
-    const cacheData = {
-      [types.APIResourceType.Swatch]: [...swatchIds].map((id) => {
-        var _a2;
-        return {
-          id,
-          value: (_a2 = swatches.find((swatch) => (swatch == null ? void 0 : swatch.id) === id)) != null ? _a2 : null
-        };
-      }),
-      [types.APIResourceType.File]: [...fileIds].map((id) => {
-        var _a2;
-        return {
-          id,
-          value: (_a2 = files.find((file) => (file == null ? void 0 : file.id) === id)) != null ? _a2 : null
-        };
-      }),
-      [types.APIResourceType.Typography]: [...typographyIds].map((id) => {
-        var _a2;
-        return {
-          id,
-          value: (_a2 = typographies.find((typography) => (typography == null ? void 0 : typography.id) === id)) != null ? _a2 : null
-        };
-      }),
-      [types.APIResourceType.Table]: [...tableIds].map((id) => {
-        var _a2;
-        return {
-          id,
-          value: (_a2 = tables.find((table) => (table == null ? void 0 : table.id) === id)) != null ? _a2 : null
-        };
-      }),
-      [types.APIResourceType.PagePathnameSlice]: [...pageIds].map((id) => {
-        var _a2;
-        return {
-          id,
-          value: (_a2 = pagePathnames.find((pagePathnameSlice) => (pagePathnameSlice == null ? void 0 : pagePathnameSlice.id) === id)) != null ? _a2 : null
-        };
-      }),
-      [types.APIResourceType.GlobalElement]: [...globalElements.entries()].map(([id, value]) => ({
-        id,
-        value
-      })),
-      [types.APIResourceType.LocalizedGlobalElement]: [...localizedGlobalElements.entries()].map(([id, value]) => ({
-        id,
-        value
-      }))
-    };
-    return { cacheData, localizedResourcesMap: Object.fromEntries(localizedResourcesMap.entries()) };
-  }
-  async getPageSnapshot(pathname, { siteVersion, locale: localeInput }) {
-    var _a;
-    const searchParams = new URLSearchParams();
-    if (localeInput) {
-      searchParams.set("locale", localeInput);
-    }
-    const response = await this.fetch(`v3/pages/${encodeURIComponent(pathname)}/document?${searchParams.toString()}`, siteVersion);
-    if (!response.ok) {
-      if (response.status === 404)
-        return null;
-      console.error("Failed to get page snapshot", await response.json());
-      throw new Error(`Failed to get page snapshot with error: "${response.statusText}"`);
-    }
-    const document2 = await response.json();
-    const baseLocalizedPage = document2.localizedPages.find(({ parentId }) => parentId == null);
-    const locale = document2.locale;
-    const { cacheData, localizedResourcesMap } = await this.introspect((_a = baseLocalizedPage == null ? void 0 : baseLocalizedPage.data) != null ? _a : document2.data, siteVersion, locale != null ? locale : void 0);
-    const apiOrigin = this.apiOrigin.href;
-    const preview = siteVersion === MakeswiftSiteVersion.Working;
-    return {
-      document: document2,
-      cacheData,
-      apiOrigin,
-      preview,
-      localizedResourcesMap,
-      locale
-    };
-  }
-  async getSwatch(swatchId, siteVersion) {
-    const response = await this.fetch(`v2/swatches/${swatchId}`, siteVersion);
-    if (!response.ok) {
-      if (response.status !== 404)
-        console.error("Failed to get swatch", await response.json());
-      return null;
-    }
-    const swatch = await response.json();
-    return swatch;
-  }
-  async getFile(fileId) {
-    const result = await this.graphqlClient.request(FileQuery, { fileId });
-    return result.file;
-  }
-  async getTypography(typographyId, siteVersion) {
-    const response = await this.fetch(`v2/typographies/${typographyId}`, siteVersion);
-    if (!response.ok) {
-      if (response.status !== 404)
-        console.error("Failed to get typography", await response.json());
-      return null;
-    }
-    const typography = await response.json();
-    return typography;
-  }
-  async getGlobalElement(globalElementId, siteVersion) {
-    const response = await this.fetch(`v2/global-elements/${globalElementId}`, siteVersion);
-    if (!response.ok) {
-      if (response.status !== 404)
-        console.error("Failed to get global element", await response.json());
-      return null;
-    }
-    const globalElement = await response.json();
-    return globalElement;
-  }
-  async getLocalizedGlobalElement(globalElementId, locale, siteVersion) {
-    const response = await this.fetch(`v2/localized-global-elements/${globalElementId}?locale=${locale}`, siteVersion);
-    if (!response.ok) {
-      if (response.status !== 404)
-        console.error("Failed to get localized global element", await response.json());
-      return null;
-    }
-    const localizedGlobalElement = await response.json();
-    return localizedGlobalElement;
-  }
-  async getPagePathnameSlices(pageIds, siteVersion, { locale }) {
-    if (pageIds.length === 0)
-      return [];
-    const url = new URL(`v2/page-pathname-slices/bulk`, this.apiOrigin);
-    pageIds.forEach((id) => url.searchParams.append("ids", id));
-    if (locale != null)
-      url.searchParams.set("locale", locale);
-    const response = await this.fetch(url.pathname + url.search, siteVersion);
-    if (!response.ok) {
-      console.error("Failed to get page pathname slices", await response.json());
-      return [];
-    }
-    const json = await response.json();
-    const pagePathnameSlices = pagePathnameSlicesAPISchema.parse(json);
-    return pagePathnameSlices.map((pagePathnameSlice) => {
-      if (pagePathnameSlice == null)
-        return null;
-      return {
-        id: pagePathnameSlice.basePageId,
-        pathname: pagePathnameSlice.pathname,
-        __typename: pagePathnameSlice.__typename
-      };
-    });
-  }
-  async getPagePathnameSlice(pageId, siteVersion, { locale } = {}) {
-    var _a;
-    const pagePathnameSlices = await this.getPagePathnameSlices([pageId], siteVersion, { locale });
-    return (_a = pagePathnameSlices.at(0)) != null ? _a : null;
-  }
-  async getTable(tableId) {
-    const result = await this.graphqlClient.request(TableQuery, { tableId });
-    return result.table;
-  }
-  async getSitemap({
-    limit = 50,
-    after,
-    pathnamePrefix,
-    locale
-  } = {}) {
-    const url = new URL("v1/sitemap", this.apiOrigin);
-    url.searchParams.set("limit", limit.toString());
-    if (after != null)
-      url.searchParams.set("after", after);
-    if (pathnamePrefix != null)
-      url.searchParams.set("pathnamePrefix", pathnamePrefix);
-    if (locale != null)
-      url.searchParams.set("locale", locale);
-    const response = await this.fetch(url.pathname + url.search);
-    if (!response.ok) {
-      console.error("Failed to get sitemap", await response.json());
-      throw new Error(`Failed to get sitemap with error: "${response.statusText}"`);
-    }
-    const sitemap = await response.json();
-    return sitemap;
-  }
-  getTranslatableData(elementTree2) {
-    return this.runtime.getTranslatableData(elementTree2);
-  }
-  mergeTranslatedData(elementTree2, translatedData) {
-    return this.runtime.mergeTranslatedData(elementTree2, translatedData);
-  }
-}
-class Document$1 extends NextDocument__default["default"] {
-  static async getInitialProps(ctx) {
-    const initialProps = await NextDocument__default["default"].getInitialProps(ctx);
-    const {
-      extractCritical
-    } = createEmotionServer__default["default"](css.cache);
-    const {
-      ids,
-      css: css$1
-    } = extractCritical(initialProps.html);
-    return __spreadProps(__spreadValues({}, initialProps), {
-      styles: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [initialProps.styles, /* @__PURE__ */ jsxRuntime.jsx("style", {
-          "data-emotion": `css ${ids.join(" ")}`,
-          dangerouslySetInnerHTML: {
-            __html: css$1
-          }
-        })]
-      })
-    });
-  }
-  render() {
-    const {
-      isPreview
-    } = this.props.__NEXT_DATA__;
-    return /* @__PURE__ */ jsxRuntime.jsxs(NextDocument.Html, {
-      children: [/* @__PURE__ */ jsxRuntime.jsx(NextDocument.Head, {
-        children: /* @__PURE__ */ jsxRuntime.jsx(PreviewModeScript, {
-          isPreview
-        })
-      }), /* @__PURE__ */ jsxRuntime.jsxs("body", {
-        children: [/* @__PURE__ */ jsxRuntime.jsx(NextDocument.Main, {}), /* @__PURE__ */ jsxRuntime.jsx(NextDocument.NextScript, {})]
-      })]
-    });
-  }
-}
-async function elementTree(req, res) {
-  const elementTree2 = req.body.elementTree;
-  const replacementContext = req.body.replacementContext;
-  if (elementTree2 == null) {
-    return res.status(400).json({ message: "elementTree must be defined" });
-  }
-  if (replacementContext == null) {
-    return res.status(400).json({ message: "replacementContext must be defined" });
-  }
-  const generatedElementTree = ReactRuntime.copyElementTree(elementTree2, replacementContext);
-  const response = { elementTree: generatedElementTree };
-  return res.json(response);
-}
-async function fonts(_req, res, { getFonts } = {}) {
-  var _a;
-  const fonts2 = (_a = await (getFonts == null ? void 0 : getFonts())) != null ? _a : [];
-  return res.json(fonts2);
-}
-const version = "0.13.1";
-async function handler(req, res, { apiKey }) {
-  if (req.query.secret !== apiKey) {
-    return res.status(401).json({ message: "Unauthorized" });
-  }
-  return res.json({
-    version,
-    previewMode: true,
-    interactionMode: true,
-    clientSideNavigation: true,
-    elementFromPoint: false,
-    customBreakpoints: true,
-    siteVersions: true,
-    unstable_siteVersions: true,
-    localizedPageSSR: true
-  });
-}
-async function proxyPreviewMode(req, res, { apiKey }) {
-  var _a, _b;
-  const previewModeProxy = httpProxy.createProxyServer();
-  const NextRequestMetaSymbol = Reflect.ownKeys(req).find((key) => key.toString() === "Symbol(NextRequestMeta)" || key.toString() === "Symbol(NextInternalRequestMeta)");
-  if (NextRequestMetaSymbol) {
-    const nextRequestMeta = req[NextRequestMetaSymbol];
-    const initUrl = (_a = nextRequestMeta == null ? void 0 : nextRequestMeta.__NEXT_INIT_URL) != null ? _a : nextRequestMeta == null ? void 0 : nextRequestMeta.initURL;
-    const isLocaleStripped = (_b = nextRequestMeta == null ? void 0 : nextRequestMeta.__nextStrippedLocale) != null ? _b : nextRequestMeta == null ? void 0 : nextRequestMeta.didStripLocale;
-    try {
-      if (isLocaleStripped && initUrl)
-        req.url = new URL(initUrl).pathname;
-    } catch {
-    }
-  }
-  previewModeProxy.once("proxyReq", (proxyReq) => {
-    proxyReq.removeHeader("X-Makeswift-Preview-Mode");
-    proxyReq.removeHeader("X-Invoke-Path");
-    proxyReq.removeHeader("X-Invoke-Query");
-    const url = new URL(proxyReq.path, "http://n");
-    url.searchParams.delete("x-makeswift-preview-mode");
-    proxyReq.path = url.pathname + url.search;
-  });
-  if (req.query.secret !== apiKey)
-    return res.status(401).send("Unauthorized");
-  const host = req.headers.host;
-  const originalCookies = req.headers.cookie;
-  if (host == null)
-    return res.status(400).send("Bad Request");
-  const forwardedProtoHeader = req.headers["x-forwarded-proto"];
-  let forwardedProto = [];
-  if (Array.isArray(forwardedProtoHeader)) {
-    forwardedProto = forwardedProtoHeader;
-  } else if (typeof forwardedProtoHeader === "string") {
-    forwardedProto = forwardedProtoHeader.split(",");
-  }
-  const isForwardedProtoHttps = forwardedProto.includes("https");
-  const forwardedSSL = req.headers["x-forwarded-ssl"];
-  const isForwardedSSL = typeof forwardedSSL === "string" && forwardedSSL === "on";
-  const proto = isForwardedProtoHttps || isForwardedSSL ? "https" : "http";
-  let target = `${proto}://${host}`;
-  const secure = process.env["NODE_ENV"] === "production";
-  const previewData = {
-    makeswift: true,
-    siteVersion: MakeswiftSiteVersion.Working
-  };
-  const setCookie = res.setPreviewData(previewData).getHeader("Set-Cookie");
-  res.removeHeader("Set-Cookie");
-  if (!Array.isArray(setCookie))
-    return res.status(500).send("Internal Server Error");
-  const additionalCookies = setCookieParser.parse(setCookie).map((cookie2) => cookie.serialize(cookie2.name, cookie2.value, cookie2)).join(";");
-  const cookie$1 = originalCookies ? `${originalCookies}; ${additionalCookies}` : additionalCookies;
-  return await new Promise((resolve2, reject) => previewModeProxy.web(req, res, { target, headers: { cookie: cookie$1 }, secure }, (err) => {
-    if (err)
-      reject(err);
-    else
-      resolve2();
-  }));
-}
-function isErrorWithMessage(error) {
-  return typeof error === "object" && error !== null && "message" in error && typeof error.message === "string";
-}
-async function revalidate(req, res, { apiKey }) {
-  if (req.query.secret !== apiKey) {
-    return res.status(401).json({ message: "Unauthorized" });
-  }
-  if (typeof req.query.path !== "string") {
-    return res.status(400).json({ message: "Bad Request" });
-  }
-  const revalidate2 = res.revalidate;
-  if (typeof revalidate2 !== "function") {
-    const message = `Cannot revalidate path "${req.query.path}" because \`revalidate\` function does not exist in API handler response. Please update to Next.js v12.2.0 or higher for support for on-demand revalidation.
-Read more here: https://nextjs.org/blog/next-12-2#on-demand-incremental-static-regeneration-stable`;
-    console.warn(message);
-    return res.json({ revalidated: false });
-  }
-  try {
-    await revalidate2(req.query.path);
-    return res.json({ revalidated: true });
-  } catch (error) {
-    if (isErrorWithMessage(error)) {
-      return res.status(500).json({ message: error.message });
-    }
-    return res.status(500).json({ message: "Error Revalidating" });
-  }
-}
-async function translatableData(req, res, client) {
-  const elementTree2 = req.body.elementTree;
-  if (elementTree2 == null) {
-    return res.status(400).json({ message: "elementTree must be defined." });
-  }
-  try {
-    let translatableData2 = client.getTranslatableData(elementTree2);
-    return res.json({ translatableData: translatableData2 });
-  } catch (error) {
-    res.status(500).json({ message: "Failed to get traslatable data." });
-  }
-}
-async function mergeTranslatedData(req, res, client) {
-  const translatedData = req.body.translatedData;
-  const elementTree2 = req.body.elementTree;
-  if (translatedData == null) {
-    return res.status(400).json({ message: "translatedData must be defined" });
-  }
-  if (elementTree2 == null) {
-    return res.status(400).json({ message: "elementTree must be defined" });
-  }
-  const translatedElementTree = client.mergeTranslatedData(elementTree2, translatedData);
-  return res.json({ elementTree: translatedElementTree });
-}
-function MakeswiftApiHandler(apiKey, {
-  appOrigin = "https://app.makeswift.com",
-  apiOrigin = "https://api.makeswift.com",
-  getFonts,
-  runtime = ReactRuntime
-} = {}) {
-  const cors = Cors__default["default"]({ origin: appOrigin });
-  if (typeof apiKey !== "string") {
-    throw new Error(`The Makeswift Next.js API handler must be passed a valid Makeswift site API key: \`MakeswiftApiHandler('<makeswift_site_api_key>')\`
-Received "${apiKey}" instead.`);
-  }
-  return async function makeswiftApiHandler(req, res) {
-    await new Promise((resolve2, reject) => {
-      cors(req, res, (err) => {
-        if (err instanceof Error)
-          reject(err);
-        else
-          resolve2();
-      });
-    });
-    const { makeswift } = req.query;
-    if (!Array.isArray(makeswift)) {
-      throw new Error(`The Makeswift Next.js API handler must be used in a dynamic catch-all route named \`[...makeswift]\`.
-Received "${makeswift}" for the \`makeswift\` param instead.
-Read more about dynamic catch-all routes here: https://nextjs.org/docs/routing/dynamic-routes#catch-all-routes`);
-    }
-    const client = new Makeswift(apiKey, { apiOrigin, runtime });
-    const siteVersion = Makeswift.getSiteVersion(req.previewData);
-    const action = "/" + makeswift.join("/");
-    const matches = (pattern) => pathToRegexp.match(pattern, { decode: decodeURIComponent })(action);
-    let m;
-    if (matches("/manifest"))
-      return handler(req, res, { apiKey });
-    if (matches("/revalidate"))
-      return revalidate(req, res, { apiKey });
-    if (matches("/proxy-preview-mode"))
-      return proxyPreviewMode(req, res, { apiKey });
-    if (matches("/fonts"))
-      return fonts(req, res, { getFonts });
-    if (matches("/element-tree"))
-      return elementTree(req, res);
-    if (matches("/translatable-data"))
-      return translatableData(req, res, client);
-    if (matches("/merge-translated-data"))
-      return mergeTranslatedData(req, res, client);
-    const handleResource = (resource) => resource === null ? res.status(404).json({ message: "Not Found" }) : res.json(resource);
-    if (m = matches("/swatches/:id")) {
-      return client.getSwatch(m.params.id, siteVersion).then(handleResource);
-    }
-    if (m = matches("/files/:id")) {
-      return client.getFile(m.params.id).then(handleResource);
-    }
-    if (m = matches("/typographies/:id")) {
-      return client.getTypography(m.params.id, siteVersion).then(handleResource);
-    }
-    if (m = matches("/global-elements/:id")) {
-      return client.getGlobalElement(m.params.id, siteVersion).then(handleResource);
-    }
-    if (m = matches("/localized-global-elements/:globalElementId/:locale")) {
-      return client.getLocalizedGlobalElement(m.params.globalElementId, m.params.locale, siteVersion).then((resource) => resource === null ? res.json({ message: "Not Found" }) : res.json(resource));
-    }
-    if (m = matches("/page-pathname-slices/:id")) {
-      const locale = typeof req.query.locale === "string" ? req.query.locale : void 0;
-      return client.getPagePathnameSlice(m.params.id, siteVersion, { locale }).then(handleResource);
-    }
-    if (m = matches("/tables/:id")) {
-      return client.getTable(m.params.id).then(handleResource);
-    }
-    return res.status(404).json({ message: "Not Found" });
-  };
-}
-const FORWARDED_NEXT_DYNAMIC_REF_KEY = "__forwarded_next_dynamic_ref__";
-function saveForwardedRef(props, ref) {
-  return __spreadProps(__spreadValues({}, props), {
-    [FORWARDED_NEXT_DYNAMIC_REF_KEY]: ref
-  });
-}
-function loadForwardedRef(_c) {
-  var _d = _c, {
-    [FORWARDED_NEXT_DYNAMIC_REF_KEY]: ref
-  } = _d, props = __objRest(_d, [
-    __restKey(FORWARDED_NEXT_DYNAMIC_REF_KEY)
-  ]);
-  return __spreadProps(__spreadValues({}, props), {
-    ref
-  });
-}
-function resolve(obj) {
-  return obj && obj.__esModule ? obj.default : obj;
-}
-function forwardNextDynamicRef(nextDynamicThunk) {
-  const Dynamic = nextDynamicThunk((loaderComponent) => loaderComponent.then((moduleOrComponent) => ({
-    __esModule: true,
-    default: (props) => React.createElement(resolve(moduleOrComponent), loadForwardedRef(props))
-  })));
-  return React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Dynamic, __spreadValues({}, saveForwardedRef(props, ref))));
-}
-function getApiOrigin() {
-  var _a;
-  const apiOriginString = (_a = process["env"].MAKESWIFT_API_HOST) != null ? _a : "https://api.makeswift.com";
-  try {
-    const url = new URL(apiOriginString);
-    return url.origin;
-  } catch (error) {
-    const errorMessage = `"MAKESWIFT_API_HOST" environment variable must be a valid URL. Expected something like "https://api.makeswift.com" but instead received "${apiOriginString}".`;
-    throw new Error(errorMessage);
-  }
-}
-const uuidRegExp = /^[0-9a-fA-F]{8}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{12}$/;
-function getApiKey() {
-  const apiKey = process["env"].MAKESWIFT_SITE_API_KEY;
-  if (apiKey == null) {
-    const errorMessage = '"MAKESWIFT_SITE_API_KEY" environment variable must be set. Please add your site API key to your `.env.local` file. More info: https://www.makeswift.com/docs/guides/manual-setup#add-environment-variables';
-    throw new Error(errorMessage);
-  }
-  if (!uuidRegExp.test(apiKey)) {
-    const errorMEssage = `Invalid Makeswift site API key "${apiKey}". Please check your \`.env.local\` file for the "MAKESWIFT_SITE_API_KEY" environment variable. More info: https://www.makeswift.com/docs/guides/manual-setup#add-environment-variables`;
-    throw new Error(errorMEssage);
-  }
-  return apiKey;
-}
-function deprecationWarning(methodName) {
-  const warningMessage = `The \`${methodName}\` export has been deprecated and will be removed in the next minor version. More info: https://github.com/makeswift/makeswift/releases/tag/%40makeswift%2Fruntime%400.2.0`;
-  if (process.env["NODE_ENV"] !== "production")
-    console.warn(warningMessage);
-}
-async function getStaticPaths() {
-  deprecationWarning("getStaticPaths");
-  const makeswift = new Makeswift(getApiKey(), {
-    apiOrigin: getApiOrigin()
-  });
-  const pages = await makeswift.getPages();
-  return {
-    paths: pages.map((page) => ({
-      params: {
-        path: page.path.split("/").filter((segment) => segment !== "")
-      }
-    })),
-    fallback: "blocking"
-  };
-}
-const REVALIDATE_SECONDS = 1;
-async function getStaticProps(ctx) {
-  var _a, _b;
-  deprecationWarning("getStaticProps");
-  const makeswift = new Makeswift(getApiKey(), {
-    apiOrigin: getApiOrigin()
-  });
-  const path = "/" + ((_b = (_a = ctx.params) == null ? void 0 : _a.path) != null ? _b : []).join("/");
-  const snapshot = await makeswift.getPageSnapshot(path, {
-    siteVersion: Makeswift.getSiteVersion(ctx.previewData)
-  });
-  if (snapshot == null)
-    return {
-      notFound: true,
-      revalidate: REVALIDATE_SECONDS
-    };
-  return {
-    props: {
-      snapshot
-    },
-    revalidate: REVALIDATE_SECONDS
-  };
-}
-async function getServerSideProps(ctx) {
-  var _a, _b;
-  deprecationWarning("getServerSideProps");
-  const makeswift = new Makeswift(getApiKey(), {
-    apiOrigin: getApiOrigin()
-  });
-  const path = "/" + ((_b = (_a = ctx.params) == null ? void 0 : _a.path) != null ? _b : []).join("/");
-  const snapshot = await makeswift.getPageSnapshot(path, {
-    siteVersion: MakeswiftSiteVersion.Working
-  });
-  if (snapshot == null)
-    return {
-      notFound: true
-    };
-  return {
-    props: {
-      snapshot
-    }
-  };
-}
-const Page = React.memo(({
-  snapshot,
-  runtime
-}) => {
-  const client = React.useMemo(() => new MakeswiftClient({
-    uri: new URL("graphql", snapshot.apiOrigin).href,
-    cacheData: snapshot.cacheData,
-    localizedResourcesMap: snapshot.localizedResourcesMap,
-    locale: snapshot.locale ? new Intl.Locale(snapshot.locale) : void 0
-  }), [snapshot]);
-  const rootElements = /* @__PURE__ */ new Map([[snapshot.document.id, snapshot.document.data]]);
-  snapshot.document.localizedPages.forEach((localizedPage) => {
-    rootElements.set(localizedPage.elementTreeId, localizedPage.data);
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(RuntimeProvider, {
-    client,
-    rootElements,
-    preview: snapshot.preview,
-    runtime,
-    children: /* @__PURE__ */ jsxRuntime.jsx(Page$1, {
-      document: snapshot.document
-    }, snapshot.document.data.key)
-  });
-});
-const DEFAULT_BOX_ANIMATE_TYPE = "none";
-const DEFAULT_BOX_ANIMATE_DELAY = 0;
-const DEFAULT_BOX_ANIMATE_DURATION = 0.75;
-const DEFAULT_ITEM_ANIMATE_TYPE = "none";
-const DEFAULT_ITEM_ANIMATE_DELAY = 0;
-const DEFAULT_ITEM_ANIMATE_DURATION = 0.75;
-const DEFAULT_ITEM_STAGGER_DURATION = 0;
-function registerComponent$c(runtime) {
-  function isHiddenBasedOnAnimationType(props, deviceId, property) {
-    var _a, _b;
-    const animateIn = props[property];
-    return ((_b = (_a = state_breakpoints.findBreakpointOverride(runtime.getBreakpoints(), animateIn, deviceId)) == null ? void 0 : _a.value) != null ? _b : "none") === "none";
-  }
-  const isHiddenBasedOnBoxAnimation = (props, deviceId) => isHiddenBasedOnAnimationType(props, deviceId, "boxAnimateType");
-  const isHiddenBasedOnItemAnimation = (props, deviceId) => isHiddenBasedOnAnimationType(props, deviceId, "itemAnimateType");
-  return runtime.registerComponent(forwardNextDynamicRef((patch) => dynamic__default["default"](() => patch(Promise.resolve().then(function() {
-    return require("./Box.cjs.js");
-  })))), {
-    type: constants.MakeswiftComponentType.Box,
-    label: "Box",
-    props: {
-      id: reactPage.ElementID(),
-      backgrounds: reactPage.Backgrounds(),
-      width: reactPage.Width({
-        format: reactPage.Width.Format.ClassName,
-        defaultValue: { value: 100, unit: "%" }
-      }),
-      height: reactPage.ResponsiveIconRadioGroup({
-        label: "Height",
-        options: [
-          { value: "auto", label: "Auto", icon: "HeightAuto16" },
-          { value: "stretch", label: "Stretch", icon: "HeightMatch16" }
-        ],
-        defaultValue: "auto"
-      }),
-      verticalAlign: reactPage.ResponsiveIconRadioGroup({
-        label: "Align items",
-        options: [
-          { value: "flex-start", label: "Top", icon: "VerticalAlignStart16" },
-          { value: "center", label: "Middle", icon: "VerticalAlignMiddle16" },
-          { value: "flex-end", label: "Bottom", icon: "VerticalAlignEnd16" },
-          {
-            value: "space-between",
-            label: "Space between",
-            icon: "VerticalAlignSpaceBetween16"
-          }
-        ],
-        defaultValue: "flex-start"
-      }),
-      margin: reactPage.Margin({ format: reactPage.Margin.Format.ClassName }),
-      padding: reactPage.Padding({
-        format: reactPage.Padding.Format.ClassName,
-        preset: [
-          {
-            deviceId: state_breakpoints.getBaseBreakpoint(runtime.getBreakpoints()).id,
-            value: {
-              paddingTop: { value: 10, unit: "px" },
-              paddingRight: { value: 10, unit: "px" },
-              paddingBottom: { value: 10, unit: "px" },
-              paddingLeft: { value: 10, unit: "px" }
-            }
-          }
-        ]
-      }),
-      border: reactPage.Border({ format: reactPage.Border.Format.ClassName }),
-      borderRadius: reactPage.BorderRadius({ format: reactPage.BorderRadius.Format.ClassName }),
-      boxShadow: reactPage.Shadows({ format: reactPage.Shadows.Format.ClassName }),
-      rowGap: reactPage.GapY((props) => ({
-        hidden: props.children == null
-      })),
-      columnGap: reactPage.GapX((props) => ({
-        hidden: props.children == null
-      })),
-      boxAnimateType: reactPage.ResponsiveSelect({
-        label: "Animate box in",
-        labelOrientation: "vertical",
-        options: [
-          { value: "none", label: "None" },
-          { value: "fadeIn", label: "Fade in" },
-          { value: "fadeRight", label: "Fade right" },
-          { value: "fadeDown", label: "Fade down" },
-          { value: "fadeLeft", label: "Fade left" },
-          { value: "fadeUp", label: "Fade up" },
-          { value: "blurIn", label: "Blur in" },
-          { value: "scaleUp", label: "Scale up" },
-          { value: "scaleDown", label: "Scale down" }
-        ],
-        defaultValue: "none"
-      }),
-      boxAnimateDuration: reactPage.ResponsiveNumber((props, device) => ({
-        label: "Box duration",
-        defaultValue: DEFAULT_BOX_ANIMATE_DURATION,
-        min: 0.1,
-        step: 0.05,
-        suffix: "s",
-        hidden: isHiddenBasedOnBoxAnimation(props, device)
-      })),
-      boxAnimateDelay: reactPage.ResponsiveNumber((props, device) => ({
-        label: "Box delay",
-        defaultValue: DEFAULT_BOX_ANIMATE_DELAY,
-        min: 0,
-        step: 0.05,
-        suffix: "s",
-        hidden: isHiddenBasedOnBoxAnimation(props, device)
-      })),
-      itemAnimateType: reactPage.ResponsiveSelect({
-        label: "Animate items in",
-        labelOrientation: "vertical",
-        options: [
-          { value: "none", label: "None" },
-          { value: "fadeIn", label: "Fade in" },
-          { value: "fadeRight", label: "Fade right" },
-          { value: "fadeDown", label: "Fade down" },
-          { value: "fadeLeft", label: "Fade left" },
-          { value: "fadeUp", label: "Fade up" },
-          { value: "blurIn", label: "Blur in" },
-          { value: "scaleUp", label: "Scale up" },
-          { value: "scaleDown", label: "Scale down" }
-        ],
-        defaultValue: "none"
-      }),
-      itemAnimateDuration: reactPage.ResponsiveNumber((props, device) => ({
-        label: "Items duration",
-        defaultValue: DEFAULT_BOX_ANIMATE_DURATION,
-        min: 0.1,
-        step: 0.05,
-        suffix: "s",
-        hidden: isHiddenBasedOnItemAnimation(props, device)
-      })),
-      itemAnimateDelay: reactPage.ResponsiveNumber((props, device) => ({
-        label: "Items delay",
-        defaultValue: DEFAULT_ITEM_ANIMATE_DELAY,
-        min: 0,
-        step: 0.05,
-        suffix: "s",
-        hidden: isHiddenBasedOnItemAnimation(props, device)
-      })),
-      itemStaggerDuration: reactPage.ResponsiveNumber((props, device) => ({
-        label: "Stagger",
-        min: 0,
-        step: 0.05,
-        suffix: "s",
-        defaultValue: DEFAULT_ITEM_STAGGER_DURATION,
-        hidden: isHiddenBasedOnItemAnimation(props, device)
-      })),
-      hidePlaceholder: reactPage.Checkbox((props) => ({
-        label: "Hide placeholder",
-        hidden: props.children != null
-      })),
-      children: reactPage.Grid()
-    }
-  });
-}
-function registerComponent$b(runtime) {
-  return runtime.registerComponent(forwardNextDynamicRef((patch) => dynamic__default["default"](() => patch(Promise.resolve().then(function() {
-    return require("./Button.cjs.js");
-  })))), {
-    type: constants.MakeswiftComponentType.Button,
-    label: "Button",
-    props: {
-      id: reactPage.ElementID(),
-      children: reactPage.TextInput({ placeholder: "Button text" }),
-      link: reactPage.Link({
-        defaultValue: {
-          type: "OPEN_PAGE",
-          payload: {
-            pageId: null,
-            openInNewTab: false
-          }
-        }
-      }),
-      variant: reactPage.ResponsiveSelect({
-        label: "Style",
-        labelOrientation: "horizontal",
-        options: [
-          { value: "flat", label: "Flat" },
-          { value: "outline", label: "Outline" },
-          { value: "shadow", label: "Floating" },
-          { value: "clear", label: "Clear" },
-          { value: "blocky", label: "Blocky" },
-          { value: "bubbly", label: "Bubbly" },
-          { value: "skewed", label: "Skewed" }
-        ],
-        defaultValue: "flat"
-      }),
-      shape: reactPage.ResponsiveIconRadioGroup({
-        label: "Shape",
-        options: [
-          { label: "Pill", value: "pill", icon: "ButtonPill16" },
-          { label: "Rounded", value: "rounded", icon: "ButtonRounded16" },
-          { label: "Square", value: "square", icon: "ButtonSquare16" }
-        ],
-        defaultValue: "rounded"
-      }),
-      size: reactPage.ResponsiveIconRadioGroup({
-        label: "Size",
-        options: [
-          { label: "Small", value: "small", icon: "SizeSmall16" },
-          { label: "Medium", value: "medium", icon: "SizeMedium16" },
-          { label: "Large", value: "large", icon: "SizeLarge16" }
-        ],
-        defaultValue: "medium"
-      }),
-      color: reactPage.ResponsiveColor((props, device) => {
-        var _a;
-        const variant = props.variant;
-        const hidden = ((_a = state_breakpoints.findBreakpointOverride(runtime.getBreakpoints(), variant, device)) == null ? void 0 : _a.value) === "clear";
-        return { placeholder: "black", hidden };
-      }),
-      textColor: reactPage.ResponsiveColor({
-        label: "Text color",
-        placeholder: "white"
-      }),
-      textStyle: reactPage.TextStyle(),
-      width: reactPage.Width(),
-      margin: reactPage.Margin({ format: reactPage.Margin.Format.ClassName })
-    }
-  });
-}
-function registerComponent$a(runtime) {
-  return runtime.registerComponent(forwardNextDynamicRef((patch) => dynamic__default["default"](() => patch(Promise.resolve().then(function() {
-    return require("./Carousel.cjs.js");
-  })))), {
-    type: constants.MakeswiftComponentType.Carousel,
-    label: "Carousel",
-    icon: reactPage.ComponentIcon.Carousel,
-    props: {
-      id: reactPage.ElementID(),
-      images: reactPage.Images({
-        preset: [
-          { key: uuid.v4(), props: {} },
-          { key: uuid.v4(), props: {} },
-          { key: uuid.v4(), props: {} }
-        ]
-      }),
-      width: reactPage.Width({
-        format: reactPage.Width.Format.ClassName,
-        defaultValue: { value: 400, unit: "px" }
-      }),
-      margin: reactPage.Margin({ format: reactPage.Margin.Format.ClassName }),
-      pageSize: reactPage.ResponsiveNumber((props) => {
-        var _a;
-        const images = props.images;
-        const imagesLength = (_a = images == null ? void 0 : images.length) != null ? _a : 0;
-        return {
-          label: "Images shown",
-          defaultValue: 1,
-          min: 1,
-          max: imagesLength,
-          step: 1
-        };
-      }),
-      step: reactPage.ResponsiveNumber((props, device) => {
-        var _a, _b;
-        const pageSize = props.pageSize;
-        const pageSizeValue = (_b = (_a = state_breakpoints.findBreakpointOverride(runtime.getBreakpoints(), pageSize, device)) == null ? void 0 : _a.value) != null ? _b : 1;
-        return {
-          label: "Step",
-          defaultValue: 1,
-          min: 1,
-          max: pageSizeValue,
-          step: 1
-        };
-      }),
-      slideAlignment: reactPage.ResponsiveIconRadioGroup({
-        label: "Alignment",
-        options: [
-          { label: "Top", value: "flex-start", icon: "VerticalAlignStart16" },
-          { label: "Middle", value: "center", icon: "VerticalAlignMiddle16" },
-          { label: "Bottom", value: "flex-end", icon: "VerticalAlignEnd16" }
-        ],
-        defaultValue: "center"
-      }),
-      gap: reactPage.GapX({
-        label: "Gap",
-        step: 5,
-        defaultValue: { value: 0, unit: "px" }
-      }),
-      autoplay: reactPage.Checkbox({ label: "Autoplay" }),
-      delay: reactPage.Number((props) => ({
-        label: "Delay",
-        preset: 5,
-        min: 1,
-        step: 0.1,
-        suffix: "seconds",
-        hidden: !props.autoplay
-      })),
-      showArrows: reactPage.Checkbox({ preset: true, label: "Show arrows" }),
-      arrowPosition: reactPage.ResponsiveIconRadioGroup((props) => ({
-        label: "Arrow position",
-        options: [
-          { label: "Inside", value: "inside", icon: "ArrowInside16" },
-          { label: "Center", value: "center", icon: "ArrowCenter16" },
-          { label: "Outside", value: "outside", icon: "ArrowOutside16" }
-        ],
-        defaultValue: "inside",
-        hidden: props.showArrows === false
-      })),
-      arrowColor: reactPage.ResponsiveColor((props) => ({
-        label: "Arrow color",
-        placeholder: "black",
-        hidden: props.showArrows === false
-      })),
-      arrowBackground: reactPage.ResponsiveColor((props) => ({
-        label: "Arrow background",
-        placeholder: "white",
-        hidden: props.showArrows === false
-      })),
-      showDots: reactPage.Checkbox({ preset: true, label: "Show dots" }),
-      dotColor: reactPage.ResponsiveColor((props) => ({
-        label: "Dot color",
-        placeholder: "black",
-        hidden: props.showDots === false
-      })),
-      slideBorder: reactPage.Border({ format: reactPage.Border.Format.ClassName }),
-      slideBorderRadius: reactPage.BorderRadius({ format: reactPage.BorderRadius.Format.ClassName })
-    }
-  });
-}
-function registerComponent$9(runtime) {
-  return runtime.registerComponent(forwardNextDynamicRef((patch) => dynamic__default["default"](() => patch(Promise.resolve().then(function() {
-    return require("./Countdown.cjs.js");
-  })))), {
-    type: constants.MakeswiftComponentType.Countdown,
-    label: "Countdown",
-    icon: reactPage.ComponentIcon.Countdown,
-    props: {
-      id: reactPage.ElementID(),
-      date: reactPage.Date(() => ({
-        preset: new Date(Date.now() + 1e3 * 60 * 60 * 24 * 2).toISOString()
-      })),
-      variant: reactPage.ResponsiveIconRadioGroup({
-        label: "Style",
-        options: [
-          { label: "Filled", value: "filled", icon: "CountdownSolid16" },
-          {
-            label: "Filled split",
-            value: "filled-split",
-            icon: "CountdownSolidSplit16"
-          },
-          { label: "Outline", value: "outline", icon: "CountdownOutline16" },
-          {
-            label: "Outline split",
-            value: "outline-split",
-            icon: "CountdownOutlineSplit16"
-          },
-          { label: "Clear", value: "clear", icon: "CountdownNaked16" }
-        ],
-        defaultValue: "filled"
-      }),
-      shape: reactPage.ResponsiveIconRadioGroup({
-        label: "Shape",
-        options: [
-          { label: "Pill", value: "pill", icon: "ButtonPill16" },
-          { label: "Rounded", value: "rounded", icon: "ButtonRounded16" },
-          { label: "Square", value: "square", icon: "ButtonSquare16" }
-        ],
-        defaultValue: "rounded"
-      }),
-      size: reactPage.ResponsiveIconRadioGroup({
-        label: "Size",
-        options: [
-          { label: "Small", value: "small", icon: "SizeSmall16" },
-          { label: "Medium", value: "medium", icon: "SizeMedium16" },
-          { label: "Large", value: "large", icon: "SizeLarge16" }
-        ],
-        defaultValue: "medium"
-      }),
-      gap: reactPage.GapX({
-        preset: [
-          {
-            deviceId: state_breakpoints.getBaseBreakpoint(runtime.getBreakpoints()).id,
-            value: { value: 10, unit: "px" }
-          }
-        ],
-        label: "Gap",
-        step: 1,
-        min: 0,
-        max: 100,
-        defaultValue: { value: 0, unit: "px" }
-      }),
-      numberFont: reactPage.Font({ label: "Number font" }),
-      numberColor: reactPage.ResponsiveColor({
-        label: "Number color",
-        placeholder: "white"
-      }),
-      blockColor: reactPage.ResponsiveColor({
-        label: "Block color",
-        placeholder: "black"
-      }),
-      labelFont: reactPage.Font({ label: "Label font" }),
-      labelColor: reactPage.ResponsiveColor({
-        label: "Label color",
-        placeholder: "black"
-      }),
-      width: reactPage.Width({
-        format: reactPage.Width.Format.ClassName,
-        defaultValue: { value: 560, unit: "px" }
-      }),
-      margin: reactPage.Margin({ format: reactPage.Margin.Format.ClassName }),
-      daysLabel: reactPage.TextInput({ label: "Days label", placeholder: "Days" }),
-      hoursLabel: reactPage.TextInput({ label: "Hours label", placeholder: "Hours" }),
-      minutesLabel: reactPage.TextInput({
-        label: "Minutes label",
-        placeholder: "Minutes"
-      }),
-      secondsLabel: reactPage.TextInput({
-        label: "Seconds label",
-        placeholder: "Seconds"
-      })
-    }
-  });
-}
-function registerComponent$8(runtime) {
-  return runtime.registerComponent(forwardNextDynamicRef((patch) => dynamic__default["default"](() => patch(Promise.resolve().then(function() {
-    return require("./Divider.cjs.js");
-  })))), {
-    type: constants.MakeswiftComponentType.Divider,
-    label: "Divider",
-    icon: reactPage.ComponentIcon.Divider,
-    props: {
-      id: reactPage.ElementID(),
-      variant: reactPage.ResponsiveSelect({
-        label: "Style",
-        labelOrientation: "horizontal",
-        options: [
-          { value: "solid", label: "Solid" },
-          { value: "dashed", label: "Dashed" },
-          { value: "dotted", label: "Dotted" },
-          { value: "blended", label: "Blended" }
-        ],
-        defaultValue: "solid"
-      }),
-      thickness: reactPage.ResponsiveLength({
-        label: "Height",
-        defaultValue: { value: 1, unit: "px" },
-        options: [{ value: "px", label: "Pixels", icon: "Px16" }]
-      }),
-      color: reactPage.ResponsiveColor({ placeholder: "black" }),
-      width: reactPage.Width({
-        format: reactPage.Width.Format.ClassName,
-        defaultValue: { value: 100, unit: "%" }
-      }),
-      margin: reactPage.Margin({ format: reactPage.Margin.Format.ClassName })
-    }
-  });
-}
-function registerComponent$7(runtime) {
-  return runtime.registerComponent(forwardNextDynamicRef((patch) => dynamic__default["default"](() => patch(Promise.resolve().then(function() {
-    return require("./Embed.cjs.js");
-  })))), {
-    type: constants.MakeswiftComponentType.Embed,
-    label: "Embed",
-    icon: reactPage.ComponentIcon.Code,
-    props: {
-      id: reactPage.ElementID(),
-      html: reactPage.TextArea({ label: "Code", rows: 20 }),
-      width: reactPage.Width({ format: reactPage.Width.Format.ClassName }),
-      margin: reactPage.Margin({ format: reactPage.Margin.Format.ClassName })
-    }
-  });
-}
-const Alignments = {
-  LEFT: "left",
-  CENTER: "center",
-  RIGHT: "right"
-};
-const Shapes = Object.freeze({
-  SQUARE: "square",
-  ROUNDED: "rounded",
-  PILL: "pill"
-});
-const Sizes = Object.freeze({
-  SMALL: "small",
-  MEDIUM: "medium",
-  LARGE: "large"
-});
-const Contrasts = Object.freeze({
-  LIGHT: "light",
-  DARK: "dark"
-});
-const Context = React.createContext({});
-function useFormContext() {
-  return React.useContext(Context);
-}
-const { Provider } = Context;
-function registerComponent$6(runtime) {
-  return runtime.registerComponent(forwardNextDynamicRef((patch) => dynamic__default["default"](() => patch(Promise.resolve().then(function() {
-    return require("./Form.cjs.js");
-  })))), {
-    type: constants.MakeswiftComponentType.Form,
-    label: "Form",
-    icon: reactPage.ComponentIcon.Form,
-    props: {
-      id: reactPage.ElementID(),
-      tableId: reactPage.Table(),
-      fields: reactPage.TableFormFields(),
-      submitLink: reactPage.Link((props) => ({
-        label: "Redirect to",
-        options: [
-          { value: "OPEN_PAGE", label: "Open page" },
-          { value: "OPEN_URL", label: "Open URL" }
-        ],
-        hidden: props.tableId == null
-      })),
-      gap: reactPage.GapY((props) => ({
-        preset: [
-          {
-            deviceId: state_breakpoints.getBaseBreakpoint(runtime.getBreakpoints()).id,
-            value: { value: 10, unit: "px" }
-          }
-        ],
-        label: "Gap",
-        defaultValue: { value: 0, unit: "px" },
-        hidden: props.tableId == null
-      })),
-      shape: reactPage.ResponsiveIconRadioGroup((props) => ({
-        label: "Shape",
-        options: [
-          { label: "Pill", value: Shapes.PILL, icon: "ButtonPill16" },
-          { label: "Rounded", value: Shapes.ROUNDED, icon: "ButtonRounded16" },
-          { label: "Square", value: Shapes.SQUARE, icon: "ButtonSquare16" }
-        ],
-        defaultValue: Shapes.ROUNDED,
-        hidden: props.tableId == null
-      })),
-      size: reactPage.ResponsiveIconRadioGroup((props) => ({
-        label: "Size",
-        options: [
-          { label: "Small", value: Sizes.SMALL, icon: "SizeSmall16" },
-          { label: "Medium", value: Sizes.MEDIUM, icon: "SizeMedium16" },
-          { label: "Large", value: Sizes.LARGE, icon: "SizeLarge16" }
-        ],
-        defaultValue: Sizes.MEDIUM,
-        hidden: (props == null ? void 0 : props.tableId) == null
-      })),
-      contrast: reactPage.ResponsiveIconRadioGroup((props) => ({
-        label: "Color",
-        options: [
-          { label: "Light mode", value: Contrasts.LIGHT, icon: "Sun16" },
-          { label: "Dark mode", value: Contrasts.DARK, icon: "Moon16" }
-        ],
-        defaultValue: Contrasts.LIGHT,
-        hidden: props.tableId == null
-      })),
-      labelTextStyle: reactPage.TextStyle({ label: "Label text style" }),
-      labelTextColor: reactPage.ResponsiveColor((props, device) => {
-        const hidden = props.tableId == null;
-        const responsiveContrast = props.contrast;
-        const contrast = state_breakpoints.findBreakpointOverride(runtime.getBreakpoints(), responsiveContrast, device);
-        return {
-          hidden,
-          label: "Label text color",
-          placeholder: (contrast == null ? void 0 : contrast.value) === Contrasts.DARK ? "rgba(255,255,255,0.95)" : "rgba(0,0,0,0.8)"
-        };
-      }),
-      submitTextStyle: reactPage.TextStyle({ label: "Button text style" }),
-      brandColor: reactPage.ResponsiveColor((props) => ({
-        label: "Button color",
-        placeholder: "black",
-        hidden: props.tableId == null
-      })),
-      submitTextColor: reactPage.ResponsiveColor((props) => ({
-        label: "Button text color",
-        placeholder: "white",
-        hidden: props.tableId == null
-      })),
-      submitLabel: reactPage.TextInput((props) => ({
-        label: "Button label",
-        placeholder: "Submit",
-        hidden: props.tableId == null
-      })),
-      submitVariant: reactPage.ResponsiveSelect((props) => ({
-        label: "Button style",
-        options: [
-          { value: "flat", label: "Flat" },
-          { value: "outline", label: "Outline" },
-          { value: "shadow", label: "Floating" },
-          { value: "clear", label: "Clear" },
-          { value: "blocky", label: "Blocky" },
-          { value: "bubbly", label: "Bubbly" },
-          { value: "skewed", label: "Skewed" }
-        ],
-        defaultValue: "flat",
-        hidden: props.tableId == null
-      })),
-      submitWidth: reactPage.ResponsiveLength((props) => ({
-        label: "Button width",
-        hidden: props.tableId == null
-      })),
-      submitAlignment: reactPage.ResponsiveIconRadioGroup((props) => ({
-        label: "Button alignment",
-        options: [
-          { label: "Left", value: Alignments.LEFT, icon: "AlignLeft16" },
-          { label: "Center", value: Alignments.CENTER, icon: "AlignCenter16" },
-          { label: "Right", value: Alignments.RIGHT, icon: "AlignRight16" }
-        ],
-        defaultValue: Alignments.CENTER,
-        hidden: props.tableId == null
-      })),
-      width: reactPage.Width({
-        preset: [
-          {
-            deviceId: state_breakpoints.getBaseBreakpoint(runtime.getBreakpoints()).id,
-            value: { value: 550, unit: "px" }
-          }
-        ],
-        defaultValue: { value: 100, unit: "%" },
-        format: reactPage.Width.Format.ClassName
-      }),
-      margin: reactPage.Margin({ format: reactPage.Margin.Format.ClassName })
-    }
-  });
-}
-function registerComponent$5(runtime) {
-  return runtime.registerComponent(forwardNextDynamicRef((patch) => dynamic__default["default"](() => patch(Promise.resolve().then(function() {
-    return require("./Image.cjs.js");
-  })))), {
-    type: constants.MakeswiftComponentType.Image,
-    label: "Image",
-    props: {
-      id: reactPage.ElementID(),
-      file: reactPage.Image(),
-      altText: reactPage.TextInput({ label: "Alt text" }),
-      link: reactPage.Link({ label: "On click" }),
-      width: reactPage.Width(),
-      margin: reactPage.Margin({ format: reactPage.Margin.Format.ClassName }),
-      padding: reactPage.Padding({ format: reactPage.Padding.Format.ClassName }),
-      border: reactPage.Border({ format: reactPage.Border.Format.ClassName }),
-      borderRadius: reactPage.BorderRadius({ format: reactPage.BorderRadius.Format.ClassName }),
-      boxShadow: reactPage.Shadows({ format: reactPage.Shadows.Format.ClassName }),
-      opacity: reactPage.ResponsiveOpacity(),
-      priority: reactPage.Checkbox({ label: "Priority" })
-    }
-  });
-}
-function registerComponent$4(runtime) {
-  return runtime.registerComponent(forwardNextDynamicRef((patch) => dynamic__default["default"](() => patch(Promise.resolve().then(function() {
-    return require("./Navigation.cjs.js");
-  })))), {
-    type: constants.MakeswiftComponentType.Navigation,
-    label: "Navigation",
-    icon: reactPage.ComponentIcon.Navigation,
-    props: {
-      id: reactPage.ElementID(),
-      links: reactPage.NavigationLinks(),
-      linkTextStyle: reactPage.TextStyle((props) => {
-        const links = props.links;
-        return {
-          label: "Link text style",
-          hidden: links == null || links.length === 0
-        };
-      }),
-      showLogo: reactPage.Checkbox({ preset: true, label: "Show logo" }),
-      logoFile: reactPage.Image((props) => ({
-        label: "Logo",
-        hidden: props.showLogo === false
-      })),
-      logoWidth: reactPage.ResponsiveLength((props) => ({
-        preset: [
-          {
-            deviceId: state_breakpoints.getBaseBreakpoint(runtime.getBreakpoints()).id,
-            value: { value: 100, unit: "px" }
-          }
-        ],
-        label: "Logo width",
-        min: 0,
-        max: 1e3,
-        options: [{ value: "px", label: "Pixels", icon: "Px16" }],
-        hidden: props.showLogo === false
-      })),
-      logoAltText: reactPage.TextInput((props) => ({
-        label: "Logo alt text",
-        hidden: props.showLogo === false
-      })),
-      logoLink: reactPage.Link((props) => ({
-        label: "Logo on click",
-        hidden: props.showLogo === false
-      })),
-      alignment: reactPage.ResponsiveIconRadioGroup({
-        label: "Alignment",
-        options: [
-          { label: "Left", value: "flex-start", icon: "AlignLeft16" },
-          { label: "Center", value: "center", icon: "AlignCenter16" },
-          { label: "End", value: "flex-end", icon: "AlignRight16" }
-        ],
-        defaultValue: "flex-end"
-      }),
-      gutter: reactPage.GapX({
-        preset: [
-          {
-            deviceId: state_breakpoints.getBaseBreakpoint(runtime.getBreakpoints()).id,
-            value: { value: 10, unit: "px" }
-          }
-        ],
-        label: "Link gap",
-        min: 0,
-        max: 100,
-        step: 1,
-        defaultValue: { value: 0, unit: "px" }
-      }),
-      mobileMenuAnimation: reactPage.ResponsiveSelect({
-        label: "Mobile menu",
-        options: [
-          { value: "coverRight", label: "Cover from right" },
-          { value: "coverLeft", label: "Cover from left" }
-        ]
-      }),
-      mobileMenuOpenIconColor: reactPage.ResponsiveColor((props, device) => {
-        const mobileMenuAnimation = props.mobileMenuAnimation;
-        const hidden = !state_breakpoints.findBreakpointOverride(runtime.getBreakpoints(), mobileMenuAnimation, device);
-        return {
-          label: "Open icon color",
-          placeholder: "rgba(161, 168, 194, 0.5)",
-          hidden
-        };
-      }),
-      mobileMenuCloseIconColor: reactPage.ResponsiveColor((props, device) => {
-        const mobileMenuAnimation = props.mobileMenuAnimation;
-        const hidden = !state_breakpoints.findBreakpointOverride(runtime.getBreakpoints(), mobileMenuAnimation, device);
-        return {
-          label: "Close icon color",
-          placeholder: "rgba(161, 168, 194, 0.5)",
-          hidden
-        };
-      }),
-      mobileMenuBackgroundColor: reactPage.ResponsiveColor((props, device) => {
-        const mobileMenuAnimation = props.mobileMenuAnimation;
-        const hidden = !state_breakpoints.findBreakpointOverride(runtime.getBreakpoints(), mobileMenuAnimation, device);
-        return {
-          label: "Menu BG color",
-          placeholder: "black",
-          hidden
-        };
-      }),
-      width: reactPage.Width({
-        format: reactPage.Width.Format.ClassName,
-        defaultValue: { value: 100, unit: "%" }
-      }),
-      margin: reactPage.Margin({ format: reactPage.Margin.Format.ClassName })
-    }
-  });
-}
-function registerComponent$3(runtime) {
-  return runtime.registerComponent(forwardNextDynamicRef((patch) => dynamic__default["default"](() => patch(Promise.resolve().then(function() {
-    return require("./Root.cjs.js");
-  })))), {
-    type: constants.MakeswiftComponentType.Root,
-    label: "Page",
-    hidden: true,
-    props: {
-      children: reactPage.Grid(),
-      backgrounds: reactPage.Backgrounds(),
-      rowGap: reactPage.GapY(),
-      columnGap: reactPage.GapX()
-    }
-  });
-}
-function registerComponent$2(runtime) {
-  return runtime.registerComponent(forwardNextDynamicRef((patch) => dynamic__default["default"](() => patch(Promise.resolve().then(function() {
-    return require("./SocialLinks.cjs.js");
-  })))), {
-    type: constants.MakeswiftComponentType.SocialLinks,
-    label: "Social Links",
-    icon: reactPage.ComponentIcon.SocialLinks,
-    props: {
-      id: reactPage.ElementID(),
-      links: reactPage.SocialLinks({
-        preset: {
-          links: [
-            {
-              id: "facebook",
-              payload: { type: "facebook", url: "https://www.facebook.com" }
-            },
-            {
-              id: "instagram",
-              payload: { type: "instagram", url: "https://www.instagram.com" }
-            },
-            {
-              id: "twitter",
-              payload: { type: "twitter", url: "https://www.twitter.com" }
-            }
-          ],
-          openInNewTab: false
-        }
-      }),
-      shape: reactPage.ResponsiveIconRadioGroup((props) => {
-        const links = props.links;
-        return {
-          label: "Shape",
-          options: [
-            { label: "Naked", value: "naked", icon: "Star16" },
-            { label: "Circle", value: "circle", icon: "StarCircle16" },
-            { label: "Rounded", value: "rounded", icon: "StarRoundedSquare16" },
-            { label: "Square", value: "square", icon: "StarSquare16" }
-          ],
-          defaultValue: "naked",
-          hidden: links == null || links.links.length === 0
-        };
-      }),
-      size: reactPage.ResponsiveIconRadioGroup((props) => {
-        const links = props.links;
-        return {
-          label: "Size",
-          options: [
-            { label: "Small", value: "small", icon: "SizeSmall16" },
-            { label: "Medium", value: "medium", icon: "SizeMedium16" },
-            { label: "Large", value: "large", icon: "SizeLarge16" }
-          ],
-          defaultValue: "medium",
-          hidden: links == null || links.links.length === 0
-        };
-      }),
-      hoverStyle: reactPage.ResponsiveSelect((props) => {
-        const links = props.links;
-        const hidden = links == null || links.links.length === 0;
-        return {
-          label: "On hover",
-          options: [
-            { value: "none", label: "None" },
-            { value: "grow", label: "Grow" },
-            { value: "shrink", label: "Shrink" },
-            { value: "fade", label: "Fade" }
-          ],
-          defaultValue: "none",
-          labelOrientation: "horizontal",
-          hidden
-        };
-      }),
-      fill: reactPage.ResponsiveColor((props) => {
-        const links = props.links;
-        const hidden = links == null || links.links.length === 0;
-        return {
-          label: "Icon color",
-          hidden
-        };
-      }),
-      backgroundColor: reactPage.ResponsiveColor((props) => {
-        const links = props.links;
-        const hidden = links == null || links.links.length === 0;
-        return {
-          label: "Shape color",
-          hidden
-        };
-      }),
-      alignment: reactPage.ResponsiveIconRadioGroup({
-        label: "Alignment",
-        options: [
-          { label: "flex-start", value: "flex-start", icon: "AlignLeft16" },
-          { label: "center", value: "center", icon: "AlignCenter16" },
-          { label: "flex-end", value: "flex-end", icon: "AlignRight16" }
-        ],
-        defaultValue: "center"
-      }),
-      gutter: reactPage.GapX({
-        preset: [
-          {
-            deviceId: state_breakpoints.getBaseBreakpoint(runtime.getBreakpoints()).id,
-            value: { value: 10, unit: "px" }
-          }
-        ],
-        label: "Link gap",
-        min: 0,
-        max: 100,
-        step: 1,
-        defaultValue: { value: 0, unit: "px" }
-      }),
-      width: reactPage.Width({
-        format: reactPage.Width.Format.ClassName,
-        defaultValue: { value: 100, unit: "%" }
-      }),
-      margin: reactPage.Margin({
-        format: reactPage.Margin.Format.ClassName,
-        preset: [
-          {
-            deviceId: state_breakpoints.getBaseBreakpoint(runtime.getBreakpoints()).id,
-            value: {
-              marginTop: { value: 10, unit: "px" },
-              marginRight: "auto",
-              marginBottom: { value: 10, unit: "px" },
-              marginLeft: "auto"
-            }
-          }
-        ]
-      })
-    }
-  });
-}
-function registerComponent$1(runtime) {
-  return runtime.registerComponent(forwardNextDynamicRef((patch) => dynamic__default["default"](() => patch(Promise.resolve().then(function() {
-    return require("./Text.cjs.js");
-  })))), {
-    type: constants.MakeswiftComponentType.Text,
-    label: "Text",
-    props: {
-      id: reactPage.ElementID(),
-      text: reactPage.RichText(),
-      width: reactPage.Width({
-        format: reactPage.Width.Format.ClassName,
-        preset: [
-          {
-            deviceId: state_breakpoints.getBaseBreakpoint(runtime.getBreakpoints()).id,
-            value: { value: 700, unit: "px" }
-          }
-        ],
-        defaultValue: { value: 100, unit: "%" }
-      }),
-      margin: reactPage.Margin({
-        format: reactPage.Margin.Format.ClassName,
-        preset: [
-          {
-            deviceId: state_breakpoints.getBaseBreakpoint(runtime.getBreakpoints()).id,
-            value: {
-              marginTop: null,
-              marginRight: "auto",
-              marginBottom: { value: 20, unit: "px" },
-              marginLeft: "auto"
-            }
-          }
-        ]
-      })
-    }
-  });
-}
-function registerComponent(runtime) {
-  return runtime.registerComponent(forwardNextDynamicRef((patch) => dynamic__default["default"](() => patch(Promise.resolve().then(function() {
-    return require("./Video.cjs.js");
-  })))), {
-    type: constants.MakeswiftComponentType.Video,
-    label: "Video",
-    icon: reactPage.ComponentIcon.Video,
-    props: {
-      id: reactPage.ElementID(),
-      video: reactPage.Video({ preset: { controls: true } }),
-      width: reactPage.Width({
-        format: reactPage.Width.Format.ClassName,
-        defaultValue: { value: 560, unit: "px" }
-      }),
-      margin: reactPage.Margin({ format: reactPage.Margin.Format.ClassName }),
-      borderRadius: reactPage.BorderRadius({ format: reactPage.BorderRadius.Format.ClassName })
-    }
-  });
-}
-function registerBuiltinComponents(runtime) {
-  const unregisterBoxComponent = registerComponent$c(runtime);
-  const unregisterButtonComponent = registerComponent$b(runtime);
-  const unregisterCarouselComponent = registerComponent$a(runtime);
-  const unregisterCountdownComponent = registerComponent$9(runtime);
-  const unregisterDividerComponent = registerComponent$8(runtime);
-  const unregisterEmbedComponent = registerComponent$7(runtime);
-  const unregisterFormComponent = registerComponent$6(runtime);
-  const unregisterImageComponent = registerComponent$5(runtime);
-  const unregisterNavigationComponent = registerComponent$4(runtime);
-  const unregisterRootComponent = registerComponent$3(runtime);
-  const unregisterSocialLinksComponent = registerComponent$2(runtime);
-  const unregisterTextComponent = registerComponent$1(runtime);
-  const unregisterVideoComponent = registerComponent(runtime);
-  return () => {
-    unregisterBoxComponent();
-    unregisterButtonComponent();
-    unregisterCarouselComponent();
-    unregisterCountdownComponent();
-    unregisterDividerComponent();
-    unregisterEmbedComponent();
-    unregisterFormComponent();
-    unregisterImageComponent();
-    unregisterNavigationComponent();
-    unregisterRootComponent();
-    unregisterSocialLinksComponent();
-    unregisterTextComponent();
-    unregisterVideoComponent();
-  };
-}
-var _path;
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-var SvgWarning20 = function SvgWarning202(props) {
-  return /* @__PURE__ */ React__namespace.createElement("svg", _extends({
-    width: 20,
-    height: 20,
-    viewBox: "0 0 20 20",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path || (_path = /* @__PURE__ */ React__namespace.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M2.89864 18H17.1014C18.4183 18 19.2633 16.6003 18.65 15.4349L11.5486 1.94236C10.8925 0.69577 9.10749 0.695766 8.45139 1.94236L1.35003 15.4349C0.736692 16.6003 1.58174 18 2.89864 18ZM9 6C9 5.44772 9.44771 5 10 5C10.5523 5 11 5.44772 11 6V11C11 11.5523 10.5523 12 10 12C9.44771 12 9 11.5523 9 11V6ZM11.25 14.75C11.25 15.4404 10.6904 16 10 16C9.30964 16 8.75 15.4404 8.75 14.75C8.75 14.0596 9.30964 13.5 10 13.5C10.6904 13.5 11.25 14.0596 11.25 14.75Z"
-  })));
-};
-const FallbackComponent = React.forwardRef(function FallbackComponent2({
-  text
-}, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    ref,
-    className: reactPage.useStyle({
-      width: "100%",
-      height: 54,
-      backgroundColor: "#fcedf2",
-      borderRadius: 6,
-      padding: 16,
-      display: "flex",
-      alignItems: "center",
-      gap: 8,
-      color: "#c73e6d",
-      fill: "currentColor",
-      fontFamily: "Heebo, sans-serif",
-      fontSize: 16
-    }),
-    children: [/* @__PURE__ */ jsxRuntime.jsx(SvgWarning20, {}), /* @__PURE__ */ jsxRuntime.jsx("span", {
-      children: text
-    })]
-  });
-});
-function isNonNullable(value) {
-  return value != null;
-}
-function useSwatch(swatchId) {
-  const client = useMakeswiftClient();
-  const readSwatch = () => swatchId == null ? null : client.readSwatch(swatchId);
-  const swatch = shim.useSyncExternalStore(client.subscribe, readSwatch, readSwatch);
-  React.useEffect(() => {
-    if (swatchId != null)
-      client.fetchSwatch(swatchId).catch(console.error);
-  }, [client, swatchId]);
-  return swatch;
-}
-function useSwatches(swatchIds) {
-  const client = useMakeswiftClient();
-  const lastSnapshot = React.useRef();
-  function getSnapshot() {
-    const swatches2 = swatchIds.map((swatchId) => client.readSwatch(swatchId));
-    if (lastSnapshot.current != null && lastSnapshot.current.length === swatches2.length && lastSnapshot.current.every((swatch, idx) => swatches2[idx] === swatch)) {
-      return lastSnapshot.current;
-    }
-    return lastSnapshot.current = swatches2;
-  }
-  const swatches = shim.useSyncExternalStore(client.subscribe, getSnapshot, getSnapshot);
-  React.useEffect(() => {
-    Promise.all(swatchIds.map((swatchId) => client.fetchSwatch(swatchId))).catch(console.error);
-  }, [client, swatchIds]);
-  return swatches;
-}
-function useFile(fileId) {
-  const client = useMakeswiftClient();
-  const readFile = () => fileId == null ? null : client.readFile(fileId);
-  const file = shim.useSyncExternalStore(client.subscribe, readFile, readFile);
-  React.useEffect(() => {
-    if (fileId != null)
-      client.fetchFile(fileId);
-  }, [client, fileId]);
-  return file;
-}
-function useFiles(fileIds) {
-  const client = useMakeswiftClient();
-  const lastSnapshot = React.useRef();
-  function getSnapshot() {
-    const files2 = fileIds.map((fileId) => client.readFile(fileId));
-    if (lastSnapshot.current != null && lastSnapshot.current.length === files2.length && lastSnapshot.current.every((file, idx) => files2[idx] === file)) {
-      return lastSnapshot.current;
-    }
-    return lastSnapshot.current = files2;
-  }
-  const files = shim.useSyncExternalStore(client.subscribe, getSnapshot, getSnapshot);
-  React.useEffect(() => {
-    Promise.all(fileIds.map((fileId) => client.fetchFile(fileId))).catch(console.error);
-  }, [client, fileIds]);
-  return files;
-}
-function useTypography(typographyId) {
-  const client = useMakeswiftClient();
-  const readTypography = () => typographyId == null ? null : client.readTypography(typographyId);
-  const typography = shim.useSyncExternalStore(client.subscribe, readTypography, readTypography);
-  React.useEffect(() => {
-    if (typographyId != null)
-      client.fetchTypography(typographyId).catch(console.error);
-  }, [client, typographyId]);
-  return typography;
-}
-function useGlobalElement(globalElementId) {
-  const client = useMakeswiftClient();
-  const readGlobalElement = () => globalElementId == null ? null : client.readGlobalElement(globalElementId);
-  const globalElement = shim.useSyncExternalStore(client.subscribe, readGlobalElement, readGlobalElement);
-  React.useEffect(() => {
-    if (globalElementId != null)
-      client.fetchGlobalElement(globalElementId).catch(console.error);
-  }, [client, globalElementId]);
-  return globalElement;
-}
-function useLocalizedGlobalElement(globalElementId) {
-  const client = useMakeswiftClient();
-  const readLocalizedGlobalElement = () => globalElementId == null ? null : client.readLocalizedGlobalElement(globalElementId);
-  const localizedGlobalElement = shim.useSyncExternalStore(client.subscribe, readLocalizedGlobalElement, readLocalizedGlobalElement);
-  React.useEffect(() => {
-    if (globalElementId != null) {
-      client.fetchLocalizedGlobalElement(globalElementId).catch(console.error);
-    }
-  }, [client, globalElementId]);
-  return localizedGlobalElement;
-}
-function usePagePathnameSlice(pageId) {
-  const client = useMakeswiftClient();
-  const readPagePathnameSlice = () => pageId == null ? null : client.readPagePathnameSlice(pageId);
-  const pagePathnameSlice = shim.useSyncExternalStore(client.subscribe, readPagePathnameSlice, readPagePathnameSlice);
-  React.useEffect(() => {
-    if (pageId != null)
-      client.fetchPagePathnameSlice(pageId).catch(console.error);
-  }, [client, pageId]);
-  return pagePathnameSlice;
-}
-function useTable(tableId) {
-  const client = useMakeswiftClient();
-  const readTable = () => tableId == null ? null : client.readTable(tableId);
-  const table = shim.useSyncExternalStore(client.subscribe, readTable, readTable);
-  React.useEffect(() => {
-    if (tableId != null)
-      client.fetchTable(tableId).catch(console.error);
-  }, [client, tableId]);
-  return table;
-}
-function mapSideColor(swatches, _e) {
-  var _f = _e, { color } = _f, restOfSide = __objRest(_f, ["color"]);
-  return __spreadProps(__spreadValues({}, restOfSide), {
-    color: color && {
-      alpha: color.alpha,
-      swatch: swatches.filter(isNonNullable).find((s) => s && s.id === color.swatchId)
-    }
-  });
-}
-function useBorder(value) {
-  const swatchIds = reactPage.getBorderSwatchIds(value);
-  const swatches = useSwatches(swatchIds);
-  if (value == null)
-    return null;
-  return value.map((_a) => {
-    var _b = _a, { value: { borderTop, borderBottom, borderLeft, borderRight } } = _b, rest = __objRest(_b, ["value"]);
-    return __spreadProps(__spreadValues({}, rest), {
-      value: {
-        borderTop: borderTop && mapSideColor(swatches, borderTop),
-        borderBottom: borderBottom && mapSideColor(swatches, borderBottom),
-        borderLeft: borderLeft && mapSideColor(swatches, borderLeft),
-        borderRight: borderRight && mapSideColor(swatches, borderRight)
-      }
-    });
-  });
-}
-const ShadowDefaultValue = {
-  inset: false,
-  offsetX: 0,
-  offsetY: 2,
-  blurRadius: 4,
-  spreadRadius: 0,
-  color: null
-};
-function useBoxShadow(value) {
-  const swatchIds = reactPage.getBoxShadowsSwatchIds(value);
-  const swatches = useSwatches(swatchIds);
-  if (value == null)
-    return null;
-  return value.map((_a) => {
-    var _b = _a, { value: shadows } = _b, restOfValue = __objRest(_b, ["value"]);
-    return __spreadProps(__spreadValues({}, restOfValue), {
-      value: shadows.map((_a2) => {
-        var _b2 = _a2, {
-          payload: { color, inset, offsetX, offsetY, blurRadius, spreadRadius }
-        } = _b2, restOfShadow = __objRest(_b2, [
-          "payload"
-        ]);
-        return __spreadProps(__spreadValues({}, restOfShadow), {
-          payload: {
-            color: color != null ? {
-              swatch: swatches.filter(isNonNullable).find((s) => s && s.id === color.swatchId),
-              alpha: color.alpha
-            } : null,
-            inset: inset != null ? inset : ShadowDefaultValue.inset,
-            offsetX: offsetX != null ? offsetX : ShadowDefaultValue.offsetX,
-            offsetY: offsetY != null ? offsetY : ShadowDefaultValue.offsetY,
-            blurRadius: blurRadius != null ? blurRadius : ShadowDefaultValue.blurRadius,
-            spreadRadius: spreadRadius != null ? spreadRadius : ShadowDefaultValue.spreadRadius
-          }
-        });
-      })
-    });
-  });
-}
-function useResponsiveColor(color) {
-  const swatchIds = reactPage.getResponsiveColorSwatchIds(color);
-  const swatches = useSwatches(swatchIds);
-  if (color == null)
-    return null;
-  return color.map((_a) => {
-    var _b = _a, { value: v } = _b, rest = __objRest(_b, ["value"]);
-    const { swatchId, alpha } = v;
-    const swatch = swatches.find((s) => s && s.id === swatchId);
-    return swatch == null ? null : __spreadProps(__spreadValues({}, rest), { value: { swatch, alpha } });
-  }).filter(isNonNullable);
-}
-const getIndexes = (spans, index) => {
-  const flattened = spans.reduce((a, s) => a.concat(s), []);
-  if (index < 0 || index > flattened.length)
-    throw new RangeError();
-  let remainder = index;
-  let rowIndex = 0;
-  while (rowIndex < spans.length - 1 && remainder >= spans[rowIndex].length) {
-    remainder -= spans[rowIndex].length;
-    rowIndex += 1;
-  }
-  return [rowIndex, remainder];
-};
-function lengthDataToString(data) {
-  if (typeof data === "object")
-    return `${data.value}${data.unit}`;
-  if (typeof data === "number")
-    return `${data}px`;
-  return data;
-}
-function paddingPropertyDataToStyle(data, defaultValue = {}) {
-  var _a, _b, _c, _d;
-  const paddingTop = (_a = data.paddingTop) != null ? _a : defaultValue.paddingTop;
-  const paddingRight = (_b = data.paddingRight) != null ? _b : defaultValue.paddingRight;
-  const paddingBottom = (_c = data.paddingBottom) != null ? _c : defaultValue.paddingBottom;
-  const paddingLeft = (_d = data.paddingLeft) != null ? _d : defaultValue.paddingLeft;
-  const style = {};
-  if (paddingTop != null)
-    style.paddingTop = lengthDataToString(paddingTop);
-  if (paddingRight != null)
-    style.paddingRight = lengthDataToString(paddingRight);
-  if (paddingBottom != null)
-    style.paddingBottom = lengthDataToString(paddingBottom);
-  if (paddingLeft != null)
-    style.paddingLeft = lengthDataToString(paddingLeft);
-  return style;
-}
-function marginPropertyDataToStyle(data, defaultValue = {}) {
-  var _a, _b, _c, _d;
-  const marginTop = (_a = data.marginTop) != null ? _a : defaultValue.marginTop;
-  const marginRight = (_b = data.marginRight) != null ? _b : defaultValue.marginRight;
-  const marginBottom = (_c = data.marginBottom) != null ? _c : defaultValue.marginBottom;
-  const marginLeft = (_d = data.marginLeft) != null ? _d : defaultValue.marginLeft;
-  const style = {};
-  if (marginTop != null)
-    style.marginTop = lengthDataToString(marginTop);
-  if (marginRight != null)
-    style.marginRight = lengthDataToString(marginRight);
-  if (marginBottom != null)
-    style.marginBottom = lengthDataToString(marginBottom);
-  if (marginLeft != null)
-    style.marginLeft = lengthDataToString(marginLeft);
-  return style;
-}
-function lengthPercentageDataToString(data) {
-  if (typeof data === "object")
-    return `${data.value}${data.unit}`;
-  if (typeof data === "number")
-    return `${data}px`;
-  return data;
-}
-function borderRadiusPropertyDataToStyle(data, defaultValue = {}) {
-  var _a, _b, _c, _d;
-  const borderTopLeftRadius = (_a = data.borderTopLeftRadius) != null ? _a : defaultValue.borderTopLeftRadius;
-  const borderTopRightRadius = (_b = data.borderTopRightRadius) != null ? _b : defaultValue.borderTopRightRadius;
-  const borderBottomRightRadius = (_c = data.borderBottomRightRadius) != null ? _c : defaultValue.borderBottomRightRadius;
-  const borderBottomLeftRadius = (_d = data.borderBottomLeftRadius) != null ? _d : defaultValue.borderBottomLeftRadius;
-  const style = {};
-  if (borderTopLeftRadius != null) {
-    style.borderTopLeftRadius = lengthPercentageDataToString(borderTopLeftRadius);
-  }
-  if (borderTopRightRadius != null) {
-    style.borderTopRightRadius = lengthPercentageDataToString(borderTopRightRadius);
-  }
-  if (borderBottomRightRadius != null) {
-    style.borderBottomRightRadius = lengthPercentageDataToString(borderBottomRightRadius);
-  }
-  if (borderBottomLeftRadius != null) {
-    style.borderBottomLeftRadius = lengthPercentageDataToString(borderBottomLeftRadius);
-  }
-  return style;
-}
-function colorToString(color) {
-  return color && color.swatch ? `hsla(${color.swatch.hue},${color.swatch.saturation}%,${color.swatch.lightness}%,${color.alpha})` : "";
-}
-function borderPropertyDataToStyle(data, defaultValue = {}) {
-  var _a, _b, _c, _d;
-  const borderTop = (_a = data.borderTop) != null ? _a : defaultValue.borderTop;
-  const borderRight = (_b = data.borderRight) != null ? _b : defaultValue.borderRight;
-  const borderBottom = (_c = data.borderBottom) != null ? _c : defaultValue.borderBottom;
-  const borderLeft = (_d = data.borderLeft) != null ? _d : defaultValue.borderLeft;
-  const style = {};
-  if (borderTop != null)
-    style.borderTop = borderSideToString(borderTop);
-  if (borderRight != null)
-    style.borderRight = borderSideToString(borderRight);
-  if (borderBottom != null)
-    style.borderBottom = borderSideToString(borderBottom);
-  if (borderLeft != null)
-    style.borderLeft = borderSideToString(borderLeft);
-  return style;
-}
-function borderSideToString(borderSide) {
-  if (typeof borderSide === "string")
-    return borderSide;
-  if (typeof borderSide === "number")
-    return `${borderSide}px`;
-  const { width, color, style } = borderSide;
-  return `${width != null ? width : 0}px ${style} ${color != null ? colorToString(color) : "black"}`;
-}
-function responsiveStyle(breakpoints, responsiveValues, join, strategy) {
-  return state_breakpoints.join(breakpoints, responsiveValues, join, strategy).reduce((acc, { deviceId, value }) => {
-    const breakpoint = state_breakpoints.getBreakpoint(breakpoints, deviceId);
-    const mediaQuery = state_breakpoints.getBreakpointMediaQuery(breakpoint);
-    return __spreadProps(__spreadValues({}, acc), {
-      [mediaQuery]: __spreadValues(__spreadValues({}, acc[mediaQuery]), value)
-    });
-  }, {});
-}
-function useResponsiveStyle(responsiveValues, join, strategy) {
-  return responsiveStyle(useBreakpoints(), responsiveValues, join, strategy);
-}
-function responsiveWidth(breakpoints, widthData, defaultValue = "100%") {
-  return __spreadValues({
-    maxWidth: "100%"
-  }, responsiveStyle(breakpoints, [widthData], ([width = defaultValue]) => ({
-    width: typeof width === "object" ? `${width.value}${width.unit}` : width
-  })));
-}
-function useResponsiveWidth(...args) {
-  return responsiveWidth(useBreakpoints(), ...args);
-}
-function responsivePadding(breakpoints, paddingData, defaultValue = {}) {
-  return responsiveStyle(breakpoints, [paddingData], ([padding = {}]) => paddingPropertyDataToStyle(padding, Object.assign({ paddingTop: 0, paddingRight: 0, paddingBottom: 0, paddingLeft: 0 }, defaultValue)));
-}
-function useResponsivePadding(...args) {
-  return responsivePadding(useBreakpoints(), ...args);
-}
-function responsiveMargin(breakpoints, marginData, defaultValue = {}) {
-  return responsiveStyle(breakpoints, [marginData], ([margin = {}]) => marginPropertyDataToStyle(margin, Object.assign({ marginTop: 0, marginRight: "auto", marginBottom: 0, marginLeft: "auto" }, defaultValue)));
-}
-function useResponsiveMargin(...args) {
-  return responsiveMargin(useBreakpoints(), ...args);
-}
-function responsiveBorderRadius(breakpoints, borderRadiusData, defaultValue = {}) {
-  return responsiveStyle(breakpoints, [borderRadiusData], ([borderRadius = {}]) => borderRadiusPropertyDataToStyle(borderRadius, Object.assign({
-    borderTopLeftRadius: 0,
-    borderTopRightRadius: 0,
-    borderBottomRightRadius: 0,
-    borderBottomLeftRadius: 0
-  }, defaultValue)));
-}
-function useResponsiveBorderRadius(...args) {
-  return responsiveBorderRadius(useBreakpoints(), ...args);
-}
-function useResponsiveBorder(borderData, defaultValue = {}) {
-  return useResponsiveStyle([borderData], ([border = {}]) => borderPropertyDataToStyle(border, Object.assign({
-    borderTop: "0px solid black",
-    borderRight: "0px solid black",
-    borderBottom: "0px solid black",
-    borderLeft: "0px solid black"
-  }, defaultValue)));
-}
-const floor = (d) => (v) => Math.floor(10 ** d * v) / 10 ** d;
-function responsiveGridItem(breakpoints, props) {
-  return __spreadValues({
-    display: "flex"
-  }, responsiveStyle(breakpoints, [props.grid, props.columnGap, props.rowGap], ([
-    { spans, count } = { spans: [[12]], count: 12 },
-    columnGap = { value: 0, unit: "px" },
-    rowGap = { value: 0, unit: "px" }
-  ]) => {
-    const [rowIndex, columnIndex] = getIndexes(spans, props.index);
-    const firstCol = columnIndex === 0;
-    const lastCol = columnIndex === spans[rowIndex].length - 1;
-    const span = spans[rowIndex][columnIndex];
-    const fraction = floor(5)(span / count);
-    const width = `${fraction} * (100% + ${columnGap.value}${columnGap.unit})`;
-    const excessWidth = `${Number(firstCol) + Number(lastCol)} * ${columnGap.value}${columnGap.unit} / 2`;
-    const iePrecisionError = "0.01px";
-    const flexBasis = `calc(${width} - ${excessWidth} - ${iePrecisionError})`;
-    const firstRow = rowIndex === 0;
-    const lastRow = rowIndex === spans.length - 1;
-    return span === 0 ? { display: "none" } : {
-      flexBasis,
-      minWidth: flexBasis,
-      maxWidth: flexBasis,
-      paddingLeft: firstCol ? 0 : `${columnGap.value / 2}${columnGap.unit}`,
-      paddingRight: lastCol ? 0 : `${columnGap.value / 2}${columnGap.unit}`,
-      paddingTop: firstRow ? 0 : `${rowGap.value / 2}${rowGap.unit}`,
-      paddingBottom: lastRow ? 0 : `${rowGap.value / 2}${rowGap.unit}`
-    };
-  }));
-}
-function useResponsiveGridItem(...args) {
-  return responsiveGridItem(useBreakpoints(), ...args);
-}
-const getBoxShadow = (shadows) => shadows.map(({ payload: { inset, offsetX, offsetY, blurRadius, spreadRadius, color } }) => `${inset ? "inset " : ""}${offsetX.toFixed(1)}px ${offsetY.toFixed(1)}px ${blurRadius}px ${spreadRadius}px ${color != null ? colorToString(color) : "rgba(0,0,0,0.2)"}`).filter(Boolean).join();
-function responsiveShadow(breakpoints, value) {
-  return responsiveStyle(breakpoints, [value], ([shadow = []]) => ({
-    boxShadow: getBoxShadow(shadow)
-  }));
-}
-function useResponsiveShadow(...args) {
-  return responsiveShadow(useBreakpoints(), ...args);
-}
-function responsiveTextStyle(breakpoints, value) {
-  return responsiveStyle(breakpoints, [value], ([
-    textStyle = {
-      fontFamily: null,
-      letterSpacing: null,
-      fontSize: null,
-      fontWeight: null,
-      textTransform: [],
-      fontStyle: []
-    }
-  ]) => {
-    const {
-      fontSize,
-      fontWeight,
-      fontStyle = [],
-      textTransform = [],
-      letterSpacing,
-      fontFamily
-    } = textStyle;
-    return __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, fontFamily == null ? {} : { fontFamily: `"${fontFamily}"` }), fontWeight == null ? {} : { fontWeight }), letterSpacing == null ? {} : { letterSpacing }), fontSize == null ? {} : { fontSize: `${fontSize.value}${fontSize.unit}` }), textTransform.includes("uppercase") ? { textTransform: "uppercase" } : {}), fontStyle.includes("italic") ? { fontStyle: "italic" } : {});
-  });
-}
-function useResponsiveTextStyle(...args) {
-  return responsiveTextStyle(useBreakpoints(), ...args);
-}
-const defaultMargin = {
-  marginTop: 0,
-  marginRight: "auto",
-  marginBottom: 0,
-  marginLeft: "auto"
-};
-const defaultPadding = {
-  paddingTop: 0,
-  paddingRight: 0,
-  paddingBottom: 0,
-  paddingLeft: 0
-};
-function useStyleControlCssObject$1(style, controlDefinition) {
-  const { properties } = controlDefinition.config;
-  return __spreadValues(__spreadValues({}, properties.includes(reactPage.StyleControlProperty.Width) && {
-    maxWidth: "100%"
-  }), useResponsiveStyle([
-    style == null ? void 0 : style.width,
-    style == null ? void 0 : style.margin,
-    style == null ? void 0 : style.padding,
-    useBorder(style == null ? void 0 : style.border),
-    style == null ? void 0 : style.borderRadius,
-    style == null ? void 0 : style.textStyle
-  ], ([width, margin, padding, border, borderRadius, textStyle]) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
-    return __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, properties.includes(reactPage.StyleControlProperty.Width) && {
-      width: (_a = widthToString(width)) != null ? _a : "100%"
-    }), properties.includes(reactPage.StyleControlProperty.Margin) && marginPropertyDataToStyle(margin != null ? margin : defaultMargin, defaultMargin)), properties.includes(reactPage.StyleControlProperty.Padding) && paddingPropertyDataToStyle(padding != null ? padding : defaultPadding, defaultPadding)), properties.includes(reactPage.StyleControlProperty.Border) && {
-      borderTop: (_b = borderSideToString2(border == null ? void 0 : border.borderTop)) != null ? _b : "0 solid black",
-      borderRight: (_c = borderSideToString2(border == null ? void 0 : border.borderRight)) != null ? _c : "0 solid black",
-      borderBottom: (_d = borderSideToString2(border == null ? void 0 : border.borderBottom)) != null ? _d : "0 solid black",
-      borderLeft: (_e = borderSideToString2(border == null ? void 0 : border.borderLeft)) != null ? _e : "0 solid black"
-    }), properties.includes(reactPage.StyleControlProperty.BorderRadius) && {
-      borderTopLeftRadius: (_f = borderRadiusToString(borderRadius == null ? void 0 : borderRadius.borderTopLeftRadius)) != null ? _f : 0,
-      borderTopRightRadius: (_g = borderRadiusToString(borderRadius == null ? void 0 : borderRadius.borderTopRightRadius)) != null ? _g : 0,
-      borderBottomRightRadius: (_h = borderRadiusToString(borderRadius == null ? void 0 : borderRadius.borderBottomRightRadius)) != null ? _h : 0,
-      borderBottomLeftRadius: (_i = borderRadiusToString(borderRadius == null ? void 0 : borderRadius.borderBottomLeftRadius)) != null ? _i : 0
-    }), properties.includes(reactPage.StyleControlProperty.TextStyle) && __spreadProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, (textStyle == null ? void 0 : textStyle.fontFamily) && { fontFamily: `"${textStyle.fontFamily}"` }), (textStyle == null ? void 0 : textStyle.letterSpacing) && { letterSpacing: textStyle.letterSpacing }), (textStyle == null ? void 0 : textStyle.fontSize) && { fontSize: fontSizeToString(textStyle.fontSize) }), (textStyle == null ? void 0 : textStyle.fontWeight) && { fontWeight: textStyle.fontWeight }), {
-      textTransform: (_j = textStyle == null ? void 0 : textStyle.textTransform) != null ? _j : [],
-      fontStyle: (_k = textStyle == null ? void 0 : textStyle.fontStyle) != null ? _k : []
-    }));
-  }));
-  function widthToString(widthProperty) {
-    if (widthProperty == null)
-      return null;
-    return lengthPercentageDataToString(widthProperty);
-  }
-  function borderSideToString2(borderSide) {
-    if (borderSide == null)
-      return null;
-    const { width, color, style: style2 } = borderSide;
-    return `${width != null ? width : 0}px ${style2} ${color != null ? colorToString(color) : "black"}`;
-  }
-  function borderRadiusToString(borderRadius) {
-    if (borderRadius == null)
-      return null;
-    return lengthPercentageDataToString(borderRadius);
-  }
-  function fontSizeToString(fontSize) {
-    return `${fontSize.value}${fontSize.unit}`;
-  }
-}
-function useFormattedStyle(styleControlData, controlDefinition, control) {
-  const style = useStyleControlCssObject$1(styleControlData, controlDefinition);
-  const guid = React.useId().replaceAll(":", "");
-  const styleClassName = reactPage.useStyle(style);
-  const classNames = `${styleClassName} ${guid}`;
-  React.useEffect(() => {
-    let currentBoxModel = null;
-    const handleAnimationFrameRequest = () => {
-      if (control == null)
-        return;
-      const element = document.querySelector(`.${guid}`);
-      const measuredBoxModel = element == null ? null : boxModels.getBox(element);
-      if (!reactPage.deepEqual(currentBoxModel, measuredBoxModel)) {
-        currentBoxModel = measuredBoxModel;
-        control.changeBoxModel(currentBoxModel);
-      }
-      animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest);
-    };
-    let animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest);
-    return () => {
-      cancelAnimationFrame(animationFrameHandle);
-      control == null ? void 0 : control.changeBoxModel(null);
-    };
-  }, [guid, control]);
-  return classNames;
-}
-function RenderHook({
-  hook: useHook,
-  parameters,
-  children
-}) {
-  return children(useHook(...parameters));
-}
-function useCheckboxControlValue(data, definition) {
-  var _a;
-  const value = (_a = tsPattern.match(data).with({ [number.CheckboxControlDataTypeKey]: number.CheckboxControlDataTypeValueV1 }, (val) => val.value).otherwise((val) => val)) != null ? _a : definition.config.defaultValue;
-  return value;
-}
-function useColorValue(data, definition) {
-  var _a, _b;
-  const swatchId = (_a = data == null ? void 0 : data.swatchId) != null ? _a : null;
-  const swatch = useSwatch(swatchId);
-  const alpha = (_b = data == null ? void 0 : data.alpha) != null ? _b : 1;
-  if (swatch == null) {
-    const { defaultValue } = definition.config;
-    if (defaultValue === void 0)
-      return void 0;
-    let defaultColor;
-    try {
-      defaultColor = ColorHelper__default["default"](definition.config.defaultValue);
-    } catch {
-      defaultColor = ColorHelper__default["default"]();
-    }
-    return defaultColor.rgb().string();
-  }
-  return ColorHelper__default["default"]({ h: swatch.hue, s: swatch.saturation, l: swatch.lightness }).alpha(alpha).rgb().string();
-}
-function useComboboxControlValue(data) {
-  return data == null ? void 0 : data.value;
-}
-function useIconRadioGroupValue(iconRadioGroupControlData, controlDefinition) {
-  return iconRadioGroupControlData != null ? iconRadioGroupControlData : controlDefinition.config.defaultValue;
-}
-function useImageControlValue(data, definition) {
-  var _a;
-  const format = (_a = definition.config.format) != null ? _a : reactPage.ImageControlValueFormat.URL;
-  const fileId = tsPattern.match(data).with(tsPattern.P.string, (id) => id).with({ type: "makeswift-file" }, ({ id }) => id).otherwise(() => null);
-  const file = useFile(fileId);
-  return tsPattern.match([file, data, format]).with([{ __typename: "File" }, tsPattern.P.any, reactPage.ImageControlValueFormat.URL], ([file2]) => file2.publicUrl).with([
-    { __typename: "File", dimensions: tsPattern.P.not(tsPattern.P.nullish) },
-    tsPattern.P.any,
-    reactPage.ImageControlValueFormat.WithDimensions
-  ], ([file2]) => ({
-    url: file2.publicUrl,
-    dimensions: file2.dimensions
-  })).with([tsPattern.P.any, { type: "external-file" }, reactPage.ImageControlValueFormat.URL], ([, d]) => d.url).with([
-    tsPattern.P.any,
-    { type: "external-file", width: tsPattern.P.number, height: tsPattern.P.number },
-    reactPage.ImageControlValueFormat.WithDimensions
-  ], ([, d]) => ({
-    url: d.url,
-    dimensions: { width: d.width, height: d.height }
-  })).otherwise(() => void 0);
-}
-function useLinkControlValue(link, _definition) {
-  var _a;
-  const pageId = link && link.type === "OPEN_PAGE" ? link.payload.pageId : null;
-  const page = usePagePathnameSlice(pageId != null ? pageId : null);
-  const elementKey = (link == null ? void 0 : link.type) === "SCROLL_TO_ELEMENT" ? (_a = link.payload.elementIdConfig) == null ? void 0 : _a.elementKey : null;
-  const elementId = useElementId(elementKey);
-  let href = "#";
-  let target;
-  let block;
-  if (link) {
-    switch (link.type) {
-      case "OPEN_PAGE": {
-        if (page)
-          href = `/${page.pathname}`;
-        target = link.payload.openInNewTab ? "_blank" : "_self";
-        break;
-      }
-      case "OPEN_URL": {
-        href = link.payload.url;
-        target = link.payload.openInNewTab ? "_blank" : "_self";
-        break;
-      }
-      case "SEND_EMAIL": {
-        const { to, subject = "", body = "" } = link.payload;
-        if (to != null)
-          href = `mailto:${to}?subject=${subject}&body=${body}`;
-        break;
-      }
-      case "CALL_PHONE": {
-        href = `tel:${link.payload.phoneNumber}`;
-        break;
-      }
-      case "SCROLL_TO_ELEMENT": {
-        href = `#${elementId != null ? elementId : ""}`;
-        block = link.payload.block;
-        break;
-      }
-      default:
-        throw new RangeError(`Invalid link type "${link.type}."`);
-    }
-  }
-  const handleClick = React.useCallback((event) => {
-    if (event.defaultPrevented)
-      return;
-    if (link && link.type === "SCROLL_TO_ELEMENT") {
-      let hash;
-      try {
-        hash = new URL(`http://www.example.com/${href}`).hash;
-      } catch (error) {
-        console.error(`Link received invalid href: ${href}`, error);
-      }
-      if (href != null && href === hash) {
-        event.preventDefault();
-        const view = event.view;
-        scrollIntoView__default["default"](view.document.querySelector(hash), {
-          behavior: "smooth",
-          block
-        });
-        if (view.location.hash !== hash)
-          view.history.pushState({}, "", hash);
-      }
-    }
-  }, [link, href, block]);
-  const res = React.useMemo(() => ({ href, target, onClick: handleClick }), [href, target, handleClick]);
-  return res;
-}
-function ListControlValue({
-  definition,
-  data,
-  children,
-  control
-}) {
-  const [controls, setControls] = React.useState(/* @__PURE__ */ new Map());
-  React.useEffect(() => {
-    if (control == null || data == null)
-      return;
-    setControls(control.setItemsControl(data));
-  }, [data, control]);
-  return (data != null ? data : []).reduce((renderFn, item) => (listControlValue) => /* @__PURE__ */ jsxRuntime.jsx(ControlValue, {
-    definition: definition.config.type,
-    data: item.value,
-    control: controls == null ? void 0 : controls.get(item.id),
-    children: (value) => renderFn([value, ...listControlValue])
-  }), children)([]);
-}
-function useNumber(data, definition) {
-  var _a;
-  const value = (_a = tsPattern.match(data).with({ [number.NumberControlDataTypeKey]: number.NumberControlDataTypeValueV1 }, (val) => val.value).otherwise((val) => val)) != null ? _a : definition.config.defaultValue;
-  return value;
-}
-const EditableText$1 = forwardNextDynamicRef((patch) => dynamic__default["default"](() => patch(Promise.resolve().then(function() {
-  return require("./index.cjs8.js");
-}))));
-const ReadOnlyText$1 = forwardNextDynamicRef((patch) => dynamic__default["default"](() => patch(Promise.resolve().then(function() {
-  return require("./ReadOnlyText.cjs.js");
-}))));
-function useRichText(data, control) {
-  const textCallbackRef = React.useCallback((handle) => {
-    var _a;
-    if (reactPage.isPropControllersHandle(handle))
-      (_a = handle == null ? void 0 : handle.setPropControllers) == null ? void 0 : _a.call(handle, control == null ? null : {
-        text: control
-      });
-  }, [control]);
-  const isPreview = useIsPreview();
-  return isPreview ? /* @__PURE__ */ jsxRuntime.jsx(EditableText$1, {
-    text: data,
-    ref: textCallbackRef
-  }) : /* @__PURE__ */ jsxRuntime.jsx(ReadOnlyText$1, {
-    text: data,
-    ref: textCallbackRef
-  });
-}
-const EditableText = forwardNextDynamicRef((patch) => dynamic__default["default"](() => patch(Promise.resolve().then(function() {
-  return require("./index.cjs9.js");
-}))));
-const ReadOnlyText = forwardNextDynamicRef((patch) => dynamic__default["default"](() => patch(Promise.resolve().then(function() {
-  return require("./ReadOnlyTextV2.cjs.js");
-}))));
-const ReadOnlyTextV1 = forwardNextDynamicRef((patch) => dynamic__default["default"](() => patch(Promise.resolve().then(function() {
-  return require("./ReadOnlyText.cjs.js");
-}))));
-function useRichTextV2(data, definition, control) {
-  const isPreview = useIsPreview();
-  if (reactPage.isRichTextV1Data(data)) {
-    return /* @__PURE__ */ jsxRuntime.jsx(ReadOnlyTextV1, {
-      text: data
-    });
-  }
-  return isPreview ? /* @__PURE__ */ jsxRuntime.jsx(EditableText, {
-    text: data,
-    definition,
-    control
-  }) : /* @__PURE__ */ jsxRuntime.jsx(ReadOnlyText, {
-    text: data,
-    definition
-  });
-}
-function useSelectControlValue(data, definition) {
-  return data != null ? data : definition == null ? void 0 : definition.config.defaultValue;
-}
-function ShapeControlValue({
-  definition,
-  data,
-  children,
-  control
-}) {
-  return Object.entries(definition.config.type).reduceRight((renderFn, [key, controlDefinition]) => (shapeControlValue) => /* @__PURE__ */ jsxRuntime.jsx(ControlValue, {
-    definition: controlDefinition,
-    data: data == null ? void 0 : data[key],
-    control: control == null ? void 0 : control.controls.get(key),
-    children: (value) => renderFn(__spreadProps(__spreadValues({}, shapeControlValue), {
-      [key]: value
-    }))
-  }), children)({});
-}
-function pollBoxModel({
-  element,
-  onBoxModelChange
-}) {
-  let currentBoxModel = null;
-  const handleAnimationFrameRequest = () => {
-    const measuredBoxModel = boxModels.getBox(element);
-    if (!reactPage.deepEqual(currentBoxModel, measuredBoxModel)) {
-      currentBoxModel = measuredBoxModel;
-      onBoxModelChange(currentBoxModel);
-    }
-    animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest);
-  };
-  let animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest);
-  return () => {
-    cancelAnimationFrame(animationFrameHandle);
-    onBoxModelChange(null);
-  };
-}
-function useSlot(data, control) {
-  if (data == null || data.elements.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx(Slot.Placeholder, {
-      control
-    });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(Slot, {
-    control,
-    children: data.elements.map((element, i) => /* @__PURE__ */ jsxRuntime.jsx(Slot.Item, {
-      control,
-      grid: data.columns,
-      index: i,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Element$1, {
-        element
-      })
-    }, element.key))
-  });
-}
-function Slot(_g) {
-  var _h = _g, {
-    as,
-    control,
-    children,
-    className
-  } = _h, restOfProps = __objRest(_h, [
-    "as",
-    "control",
-    "children",
-    "className"
-  ]);
-  const As = as != null ? as : "div";
-  const [element, setElement] = React.useState(null);
-  const baseClassName = reactPage.useStyle({
-    display: "flex",
-    flexWrap: "wrap",
-    width: "100%"
-  });
-  React.useEffect(() => {
-    if (element == null || control == null)
-      return;
-    return pollBoxModel({
-      element,
-      onBoxModelChange: (boxModel) => control.changeContainerBoxModel(boxModel)
-    });
-  }, [element, control]);
-  return /* @__PURE__ */ jsxRuntime.jsx(As, __spreadProps(__spreadValues({}, restOfProps), {
-    ref: setElement,
-    className: css.cx(baseClassName, className),
-    children
-  }));
-}
-Slot.Placeholder = SlotPlaceholder;
-Slot.Item = SlotItem;
-function SlotItem(_i) {
-  var _j = _i, {
-    as,
-    control,
-    grid,
-    index,
-    children,
-    className
-  } = _j, restOfProps = __objRest(_j, [
-    "as",
-    "control",
-    "grid",
-    "index",
-    "children",
-    "className"
-  ]);
-  const As = as != null ? as : "div";
-  const [element, setElement] = React.useState(null);
-  const baseClassName = reactPage.useStyle(__spreadValues({
-    display: "flex"
-  }, useResponsiveStyle([grid], ([{
-    count = 12,
-    spans = [[12]]
-  } = {}]) => {
-    const [rowIndex, columnIndex] = getIndexes(spans, index);
-    const span = spans[rowIndex][columnIndex];
-    const flexBasis = `calc(100% * ${(span / count).toFixed(5)})`;
-    return span === 0 ? {
-      display: "none"
-    } : {
-      flexBasis,
-      minWidth: flexBasis
-    };
-  })));
-  React.useEffect(() => {
-    if (element == null || control == null)
-      return;
-    return pollBoxModel({
-      element,
-      onBoxModelChange: (boxModel) => control.changeItemBoxModel(index, boxModel)
-    });
-  }, [element, control, index]);
-  return /* @__PURE__ */ jsxRuntime.jsx(As, __spreadProps(__spreadValues({}, restOfProps), {
-    ref: setElement,
-    className: css.cx(baseClassName, className),
-    children
-  }));
-}
-function SlotPlaceholder({
-  control
-}) {
-  const [element, setElement] = React.useState(null);
-  React.useEffect(() => {
-    if (element == null || control == null)
-      return;
-    return pollBoxModel({
-      element,
-      onBoxModelChange: (boxModel) => control.changeContainerBoxModel(boxModel)
-    });
-  }, [element, control]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    ref: setElement,
-    className: reactPage.useStyle({
-      width: "100%",
-      background: "rgba(161, 168, 194, 0.18)",
-      height: "80px"
-    }),
-    children: /* @__PURE__ */ jsxRuntime.jsx("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "100%",
-      height: "100%",
-      className: reactPage.useStyle({
-        overflow: "visible",
-        padding: 8
-      }),
-      children: /* @__PURE__ */ jsxRuntime.jsx("rect", {
-        x: 0,
-        y: 0,
-        width: "100%",
-        height: "100%",
-        strokeWidth: 2,
-        strokeDasharray: "4 2",
-        fill: "none",
-        stroke: "rgba(161, 168, 194, 0.40)",
-        rx: "4",
-        ry: "4"
-      })
-    })
-  });
-}
-function useStyleControlCssObject(styleControlData, controlDefinition) {
-  var _a;
-  const breakpoints = useBreakpoints();
-  return __spreadValues(__spreadValues({}, controlDefinition.config.getStyle((_a = state_breakpoints.findBreakpointOverride(breakpoints, styleControlData, state_breakpoints.getBaseBreakpoint(breakpoints).id, state_breakpoints.mergeOrCoalesceFallbacks)) == null ? void 0 : _a.value)), breakpoints.reduce((styles, breakpoint) => {
-    var _a2;
-    return __spreadProps(__spreadValues({}, styles), {
-      [state_breakpoints.getBreakpointMediaQuery(breakpoint)]: controlDefinition.config.getStyle((_a2 = state_breakpoints.findBreakpointOverride(breakpoints, styleControlData, breakpoint.id, state_breakpoints.mergeOrCoalesceFallbacks)) == null ? void 0 : _a2.value)
-    });
-  }, {}));
-}
-function useFormattedStyleV2(styleControlData, controlDefinition) {
-  const styles = useStyleControlCssObject(styleControlData, controlDefinition);
-  return reactPage.useStyle(styles);
-}
-function StyleV2ControlValue({
-  definition,
-  data,
-  children,
-  control
-}) {
-  return (data != null ? data : []).reduceRight((renderFn, deviceOverrideData) => (responsiveValue) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(ControlValue, {
-      definition: definition.config.type,
-      data: deviceOverrideData.value,
-      control: control == null ? void 0 : control.control,
-      children: (value) => renderFn([__spreadProps(__spreadValues({}, deviceOverrideData), {
-        value
-      }), ...responsiveValue])
-    });
-  }, (value) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(RenderHook, {
-      hook: useFormattedStyleV2,
-      parameters: [value, definition],
-      children: (value2) => children(value2)
-    }, definition.type);
-  })([]);
-}
-function useTextAreaValue(data, definition) {
-  var _a;
-  const value = (_a = tsPattern.match(data).with({ [reactPage.TextAreaControlDataTypeKey]: reactPage.TextAreaControlDataTypeValueV1 }, (val) => val.value).otherwise((val) => val)) != null ? _a : definition.config.defaultValue;
-  return value;
-}
-function useTextInputValue(data, definition) {
-  var _a;
-  const value = (_a = tsPattern.match(data).with({ [reactPage.TextInputControlDataTypeKey]: reactPage.TextInputControlDataTypeValueV1 }, (val) => val.value).otherwise((val) => val)) != null ? _a : definition.config.defaultValue;
-  return value;
-}
-function typographyFragementToTypographyControlData(typography) {
-  if (typography == null)
-    return void 0;
-  return {
-    id: typography.id,
-    style: typography.style.map(({ deviceId, value }) => {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
-      return {
-        deviceId,
-        value: {
-          fontFamily: (_a = value.fontFamily) != null ? _a : void 0,
-          lineHeight: (_b = value.lineHeight) != null ? _b : void 0,
-          letterSpacing: (_c = value.letterSpacing) != null ? _c : void 0,
-          fontWeight: (_d = value.fontWeight) != null ? _d : void 0,
-          textAlign: (_e = value.textAlign) != null ? _e : void 0,
-          uppercase: (_f = value.uppercase) != null ? _f : void 0,
-          underline: (_g = value.underline) != null ? _g : void 0,
-          strikethrough: (_h = value.strikethrough) != null ? _h : void 0,
-          italic: (_i = value.italic) != null ? _i : void 0,
-          fontSize: (_j = value.fontSize) != null ? _j : void 0,
-          color: (_k = value.color) != null ? _k : void 0
-        }
-      };
-    })
-  };
-}
-function getTypographyStyleSwatchIds(style) {
-  var _a;
-  return (_a = style == null ? void 0 : style.map((override) => override.value).flatMap((typographyStyle) => {
-    var _a2;
-    return (_a2 = typographyStyle.color) == null ? void 0 : _a2.swatchId;
-  }).filter(reactPage.isNonNullable)) != null ? _a : [];
-}
-const withColor = (swatches) => (deviceRawTypographyValue) => {
-  var _b, _c;
-  const { value, deviceId } = deviceRawTypographyValue;
-  if (value.color == null) {
-    const _a = value, { color } = _a, nextValue = __objRest(_a, ["color"]);
-    return {
-      deviceId,
-      value: nextValue
-    };
-  }
-  return {
-    deviceId,
-    value: __spreadProps(__spreadValues({}, value), {
-      color: {
-        swatch: swatches.find((s) => {
-          var _a2;
-          return s && s.id === ((_a2 = value.color) == null ? void 0 : _a2.swatchId);
-        }),
-        alpha: (_c = (_b = value.color) == null ? void 0 : _b.alpha) != null ? _c : void 0
-      }
-    })
-  };
-};
-const getDeviceId = ({ deviceId }) => deviceId;
-function useEnhancedTypography(value) {
-  var _a, _b, _c;
-  const typography = typographyFragementToTypographyControlData(useTypography((_a = value == null ? void 0 : value.id) != null ? _a : null));
-  const source = (_b = typography == null ? void 0 : typography.style) != null ? _b : [];
-  const override = (_c = value == null ? void 0 : value.style) != null ? _c : [];
-  const breakpoints = useBreakpoints();
-  const swatchIds = [
-    ...getTypographyStyleSwatchIds(value == null ? void 0 : value.style),
-    ...getTypographyStyleSwatchIds(typography == null ? void 0 : typography.style)
-  ];
-  const swatches = useSwatches(swatchIds).filter(reactPage.isNonNullable);
-  const enhancedSource = source.map(withColor(swatches));
-  const enhancedOverride = override.map(withColor(swatches));
-  const devices = [
-    ...new Set(enhancedSource.map(getDeviceId).concat(enhancedOverride.map(getDeviceId)))
-  ];
-  return devices.map((deviceId) => {
-    var _a2, _b2;
-    const deviceSource = (_a2 = state_breakpoints.findBreakpointOverride(breakpoints, enhancedSource, deviceId)) == null ? void 0 : _a2.value;
-    const deviceOverride = (_b2 = state_breakpoints.findBreakpointOverride(breakpoints, enhancedOverride, deviceId, (v) => v)) == null ? void 0 : _b2.value;
-    if (deviceSource && deviceOverride) {
-      return {
-        deviceId,
-        value: __spreadValues(__spreadValues({}, deviceSource), deviceOverride)
-      };
-    } else if (deviceOverride) {
-      return {
-        deviceId,
-        value: deviceOverride
-      };
-    } else if (deviceSource) {
-      return {
-        deviceId,
-        value: deviceSource
-      };
-    }
-    return null;
-  }).filter(reactPage.isNonNullable);
-}
-function useTypographyClassName(value) {
-  return reactPage.useStyle(useResponsiveStyle([value], ([value2]) => {
-    if (value2 === void 0)
-      return {};
-    let styles = {};
-    if (value2.color != null)
-      styles.color = colorToString(value2.color);
-    if (value2.fontFamily != null)
-      styles.fontFamily = value2.fontFamily;
-    if (value2.fontSize != null && value2.fontSize.value != null && value2.fontSize.unit != null)
-      styles.fontSize = `${value2.fontSize.value}${value2.fontSize.unit}`;
-    if (value2.fontWeight != null)
-      styles.fontWeight = value2.fontWeight;
-    if (value2.lineHeight != null)
-      styles.lineHeight = value2.lineHeight;
-    if (value2.letterSpacing != null)
-      styles.letterSpacing = `${value2.letterSpacing / 10}em`;
-    if (value2.uppercase != null)
-      styles.textTransform = value2.uppercase === true ? "uppercase" : "initial";
-    if (value2.underline != null || value2.strikethrough != null)
-      styles.textDecoration = [
-        Boolean(value2.underline) && "underline",
-        Boolean(value2.strikethrough) && "line-through"
-      ].filter(Boolean).join(" ");
-    if (value2.italic != null)
-      styles.fontStyle = value2.italic === true ? "italic" : "initial";
-    return styles;
-  }, state_breakpoints.shallowMergeFallbacks));
-}
-function useTypographyValue(data) {
-  const enhancedTypography = useEnhancedTypography(data);
-  return useTypographyClassName(enhancedTypography);
-}
-function ControlValue({
-  data,
-  definition,
-  children,
-  control
-}) {
-  switch (definition.type) {
-    case number.CheckboxControlType:
-      return /* @__PURE__ */ jsxRuntime.jsx(RenderHook, {
-        hook: useCheckboxControlValue,
-        parameters: [data, definition],
-        children: (value) => children(value)
-      }, definition.type);
-    case number.NumberControlType:
-      return /* @__PURE__ */ jsxRuntime.jsx(RenderHook, {
-        hook: useNumber,
-        parameters: [data, definition],
-        children: (value) => children(value)
-      }, definition.type);
-    case reactPage.TextInputControlType:
-      return /* @__PURE__ */ jsxRuntime.jsx(RenderHook, {
-        hook: useTextInputValue,
-        parameters: [data, definition],
-        children: (value) => children(value)
-      }, definition.type);
-    case reactPage.TextAreaControlType:
-      return /* @__PURE__ */ jsxRuntime.jsx(RenderHook, {
-        hook: useTextAreaValue,
-        parameters: [data, definition],
-        children: (value) => children(value)
-      }, definition.type);
-    case reactPage.SelectControlType:
-      return /* @__PURE__ */ jsxRuntime.jsx(RenderHook, {
-        hook: useSelectControlValue,
-        parameters: [data, definition],
-        children: (value) => children(value)
-      }, definition.type);
-    case reactPage.ColorControlType:
-      return /* @__PURE__ */ jsxRuntime.jsx(RenderHook, {
-        hook: useColorValue,
-        parameters: [data, definition],
-        children: (value) => children(value)
-      }, definition.type);
-    case reactPage.IconRadioGroupControlType:
-      return /* @__PURE__ */ jsxRuntime.jsx(RenderHook, {
-        hook: useIconRadioGroupValue,
-        parameters: [data, definition],
-        children: (value) => children(value)
-      }, definition.type);
-    case reactPage.ImageControlType:
-      return /* @__PURE__ */ jsxRuntime.jsx(RenderHook, {
-        hook: useImageControlValue,
-        parameters: [data, definition],
-        children: (value) => children(value)
-      }, definition.type);
-    case reactPage.LinkControlType:
-      return /* @__PURE__ */ jsxRuntime.jsx(RenderHook, {
-        hook: useLinkControlValue,
-        parameters: [data, definition],
-        children: (value) => children(value)
-      }, definition.type);
-    case combobox.ComboboxControlType:
-      return /* @__PURE__ */ jsxRuntime.jsx(RenderHook, {
-        hook: useComboboxControlValue,
-        parameters: [data],
-        children: (value) => children(value)
-      }, definition.type);
-    case reactPage.ShapeControlType:
-      return /* @__PURE__ */ jsxRuntime.jsx(ShapeControlValue, {
-        definition,
-        data,
-        control,
-        children: (value) => children(value)
-      });
-    case reactPage.ListControlType:
-      return /* @__PURE__ */ jsxRuntime.jsx(ListControlValue, {
-        definition,
-        data,
-        control,
-        children: (value) => children(value)
-      });
-    case reactPage.StyleV2ControlType:
-      return /* @__PURE__ */ jsxRuntime.jsx(StyleV2ControlValue, {
-        data,
-        definition,
-        control,
-        children: (value) => children(value)
-      }, definition.type);
-    case reactPage.SlotControlType:
-      return /* @__PURE__ */ jsxRuntime.jsx(RenderHook, {
-        hook: useSlot,
-        parameters: [data, control],
-        children: (value) => children(value)
-      }, definition.type);
-    case reactPage.RichTextControlType:
-      return /* @__PURE__ */ jsxRuntime.jsx(RenderHook, {
-        hook: useRichText,
-        parameters: [data, control],
-        children: (value) => children(value)
-      }, definition.type);
-    case reactPage.RichTextV2ControlType:
-      return /* @__PURE__ */ jsxRuntime.jsx(RenderHook, {
-        hook: useRichTextV2,
-        parameters: [data, definition, control],
-        children: (value) => children(value)
-      }, definition.type);
-    case reactPage.StyleControlType:
-      return /* @__PURE__ */ jsxRuntime.jsx(RenderHook, {
-        hook: useFormattedStyle,
-        parameters: [data, definition, control],
-        children: (value) => children(value)
-      }, definition.type);
-    case reactPage.TypographyControlType:
-      return /* @__PURE__ */ jsxRuntime.jsx(RenderHook, {
-        hook: useTypographyValue,
-        parameters: [data],
-        children: (value) => children(value)
-      }, definition.type);
-    default:
-      return children(data);
-  }
-}
-function useWidthStyle(value, descriptor) {
-  return reactPage.useStyle(useResponsiveWidth(value, descriptor.options.defaultValue));
-}
-function usePaddingStyle(value) {
-  return reactPage.useStyle(useResponsivePadding(value));
-}
-function useMarginStyle(value) {
-  return reactPage.useStyle(useResponsiveMargin(value));
-}
-function useBorderRadiusStyle(value) {
-  return reactPage.useStyle(useResponsiveBorderRadius(value));
-}
-function useShadowsStyle(value) {
-  const shadowValue = useBoxShadow(value);
-  return reactPage.useStyle(useResponsiveShadow(shadowValue != null ? shadowValue : void 0));
-}
-function useBorderStyle(value) {
-  const borderData = useBorder(value);
-  return reactPage.useStyle(useResponsiveBorder(borderData != null ? borderData : void 0));
-}
-function PropsValue({
-  element,
-  children
-}) {
-  var _a;
-  const store = useStore();
-  const propControllerDescriptorsRef = React.useRef((_a = reactPage.getComponentPropControllerDescriptors(store.getState(), element.type)) != null ? _a : {});
-  const props = element.props;
-  const documentKey = useDocumentKey();
-  const propControllers = useSelector((state) => {
-    if (documentKey == null)
-      return null;
-    return reactPage.getPropControllers(state, documentKey, element.key);
-  });
-  return Object.entries(propControllerDescriptorsRef.current).reduceRight((renderFn, [propName, descriptor]) => (propsValue) => {
-    var _a2, _b, _c, _d;
-    switch (descriptor.type) {
-      case number.CheckboxControlType:
-      case number.NumberControlType:
-      case reactPage.TextInputControlType:
-      case reactPage.TextAreaControlType:
-      case reactPage.SelectControlType:
-      case reactPage.ColorControlType:
-      case reactPage.IconRadioGroupControlType:
-      case reactPage.ImageControlType:
-      case combobox.ComboboxControlType:
-      case reactPage.ShapeControlType:
-      case reactPage.ListControlType:
-      case reactPage.LinkControlType:
-      case reactPage.StyleV2ControlType:
-      case reactPage.TypographyControlType:
-        return /* @__PURE__ */ jsxRuntime.jsx(ControlValue, {
-          definition: descriptor,
-          data: props[propName],
-          control: propControllers == null ? void 0 : propControllers[propName],
-          children: (value) => renderFn(__spreadProps(__spreadValues({}, propsValue), {
-            [propName]: value
-          }))
-        });
-      case reactPage.StyleControlType: {
-        const control = (_a2 = propControllers == null ? void 0 : propControllers[propName]) != null ? _a2 : null;
-        return /* @__PURE__ */ jsxRuntime.jsx(RenderHook, {
-          hook: useFormattedStyle,
-          parameters: [props[propName], descriptor, control],
-          children: (value) => renderFn(__spreadProps(__spreadValues({}, propsValue), {
-            [propName]: value
-          }))
-        }, descriptor.type);
-      }
-      case reactPage.RichTextControlType: {
-        const control = (_b = propControllers == null ? void 0 : propControllers[propName]) != null ? _b : null;
-        return /* @__PURE__ */ jsxRuntime.jsx(RenderHook, {
-          hook: useRichText,
-          parameters: [props[propName], control],
-          children: (value) => renderFn(__spreadProps(__spreadValues({}, propsValue), {
-            [propName]: value
-          }))
-        }, descriptor.type);
-      }
-      case reactPage.RichTextV2ControlType: {
-        const control = (_c = propControllers == null ? void 0 : propControllers[propName]) != null ? _c : null;
-        return /* @__PURE__ */ jsxRuntime.jsx(RenderHook, {
-          hook: useRichTextV2,
-          parameters: [props[propName], descriptor, control],
-          children: (value) => renderFn(__spreadProps(__spreadValues({}, propsValue), {
-            [propName]: value
-          }))
-        }, descriptor.type);
-      }
-      case reactPage.SlotControlType: {
-        const control = (_d = propControllers == null ? void 0 : propControllers[propName]) != null ? _d : null;
-        return /* @__PURE__ */ jsxRuntime.jsx(RenderHook, {
-          hook: useSlot,
-          parameters: [props[propName], control],
-          children: (value) => renderFn(__spreadProps(__spreadValues({}, propsValue), {
-            [propName]: value
-          }))
-        }, descriptor.type);
-      }
-      case reactPage.Types.Width:
-        switch (descriptor.options.format) {
-          case reactPage.WidthPropControllerFormat.ClassName:
-            return /* @__PURE__ */ jsxRuntime.jsx(RenderHook, {
-              hook: useWidthStyle,
-              parameters: [props[propName], descriptor],
-              children: (value) => renderFn(__spreadProps(__spreadValues({}, propsValue), {
-                [propName]: value
-              }))
-            }, descriptor.type);
-          default:
-            return renderFn(__spreadProps(__spreadValues({}, propsValue), {
-              [propName]: props[propName]
-            }));
-        }
-      case reactPage.Types.Padding:
-        switch (descriptor.options.format) {
-          case reactPage.PaddingPropControllerFormat.ClassName:
-            return /* @__PURE__ */ jsxRuntime.jsx(RenderHook, {
-              hook: usePaddingStyle,
-              parameters: [props[propName]],
-              children: (value) => renderFn(__spreadProps(__spreadValues({}, propsValue), {
-                [propName]: value
-              }))
-            }, descriptor.type);
-          default:
-            return renderFn(__spreadProps(__spreadValues({}, propsValue), {
-              [propName]: props[propName]
-            }));
-        }
-      case reactPage.Types.Margin:
-        switch (descriptor.options.format) {
-          case reactPage.MarginPropControllerFormat.ClassName:
-            return /* @__PURE__ */ jsxRuntime.jsx(RenderHook, {
-              hook: useMarginStyle,
-              parameters: [props[propName]],
-              children: (value) => renderFn(__spreadProps(__spreadValues({}, propsValue), {
-                [propName]: value
-              }))
-            }, descriptor.type);
-          default:
-            return renderFn(__spreadProps(__spreadValues({}, propsValue), {
-              [propName]: props[propName]
-            }));
-        }
-      case reactPage.Types.BorderRadius:
-        switch (descriptor.options.format) {
-          case reactPage.BorderRadiusPropControllerFormat.ClassName:
-            return /* @__PURE__ */ jsxRuntime.jsx(RenderHook, {
-              hook: useBorderRadiusStyle,
-              parameters: [props[propName]],
-              children: (value) => renderFn(__spreadProps(__spreadValues({}, propsValue), {
-                [propName]: value
-              }))
-            }, descriptor.type);
-          default:
-            return renderFn(__spreadProps(__spreadValues({}, propsValue), {
-              [propName]: props[propName]
-            }));
-        }
-      case reactPage.Types.Shadows:
-        switch (descriptor.options.format) {
-          case reactPage.ShadowsPropControllerFormat.ClassName:
-            return /* @__PURE__ */ jsxRuntime.jsx(RenderHook, {
-              hook: useShadowsStyle,
-              parameters: [props[propName]],
-              children: (value) => renderFn(__spreadProps(__spreadValues({}, propsValue), {
-                [propName]: value
-              }))
-            }, descriptor.type);
-          default:
-            return renderFn(__spreadProps(__spreadValues({}, propsValue), {
-              [propName]: props[propName]
-            }));
-        }
-      case reactPage.Types.Border:
-        switch (descriptor.options.format) {
-          case reactPage.BorderPropControllerFormat.ClassName:
-            return /* @__PURE__ */ jsxRuntime.jsx(RenderHook, {
-              hook: useBorderStyle,
-              parameters: [props[propName]],
-              children: (value) => renderFn(__spreadProps(__spreadValues({}, propsValue), {
-                [propName]: value
-              }))
-            }, descriptor.type);
-          default:
-            return renderFn(__spreadProps(__spreadValues({}, propsValue), {
-              [propName]: props[propName]
-            }));
-        }
-      case reactPage.Types.ResponsiveColor:
-        return /* @__PURE__ */ jsxRuntime.jsx(RenderHook, {
-          hook: useResponsiveColor,
-          parameters: [props[propName]],
-          children: (value) => renderFn(__spreadProps(__spreadValues({}, propsValue), {
-            [propName]: value
-          }))
-        }, descriptor.type);
-      default:
-        return renderFn(__spreadProps(__spreadValues({}, propsValue), {
-          [propName]: props[propName]
-        }));
-    }
-  }, children)({});
-}
-function suppressWarningAndFindDomNode(instance) {
-  const error = console.error;
-  console.error = (...args) => {
-    if (typeof args[0] === "string" && args[0].includes("%s is deprecated in StrictMode."))
-      return;
-    return error.apply(console, args);
-  };
-  const foundDomNode = reactDom.findDOMNode(instance);
-  console.error = error;
-  return foundDomNode;
-}
-class FindDomNodeClassComponent extends React.Component {
-  constructor(props) {
-    super(props);
-    this.props.innerRef.current = () => suppressWarningAndFindDomNode(this);
-  }
-  render() {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
-      children: this.props.children
-    });
-  }
-}
-const FindDomNode = React.forwardRef(function FindDomNode2(props, ref) {
-  const findDomNodeRef = React.useRef(null);
-  React.useImperativeHandle(ref, () => () => {
-    var _a, _b;
-    return (_b = (_a = findDomNodeRef.current) == null ? void 0 : _a.call(findDomNodeRef)) != null ? _b : null;
-  }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(FindDomNodeClassComponent, __spreadProps(__spreadValues({}, props), {
-    innerRef: findDomNodeRef
-  }));
-});
-class ElementImperativeHandle {
-  constructor() {
-    __publicField(this, "getCurrent", () => null);
-    __publicField(this, "lastPropControllers", null);
-  }
-  callback(getCurrent) {
-    const current = this.getCurrent();
-    if (current === null)
-      this.setPropControllers(null);
-    this.getCurrent = getCurrent;
-    if (this.lastPropControllers !== null)
-      this.setPropControllers(this.lastPropControllers);
-  }
-  getBoxModel() {
-    const current = this.getCurrent();
-    return boxModels.isMeasurable(current) ? boxModels.measure(current) : null;
-  }
-  setPropControllers(propControllers) {
-    const current = this.getCurrent();
-    if (reactPage.isPropControllersHandle(current))
-      current.setPropControllers(propControllers);
-    this.lastPropControllers = propControllers;
-  }
-  getDomNode() {
-    const current = this.getCurrent();
-    if (isDomNodeHandle(current))
-      return current.getDomNode();
-    return current instanceof Element ? current : null;
-  }
-}
-function isDomNodeHandle(value) {
-  if (typeof value === "object" && value !== null && "getDomNode" in value && typeof value.getDomNode === "function") {
-    return true;
-  }
-  return false;
-}
-class ReactRuntime {
-  constructor({
-    breakpoints
-  } = {}) {
-    __publicField(this, "store");
-    this.store = reactPage.configureStore({
-      breakpoints: breakpoints ? state_breakpoints.parseBreakpointsInput(breakpoints) : void 0
-    });
-    registerBuiltinComponents(this);
-  }
-  static registerComponent(component, {
-    type,
-    label,
-    icon = reactPage.ComponentIcon.Code,
-    hidden = false,
-    props
-  }) {
-    const unregisterComponent = this.store.dispatch(actions.registerComponentEffect(type, {
-      label,
-      icon,
-      hidden
-    }, props != null ? props : {}));
-    const unregisterReactComponent = this.store.dispatch(actions.registerReactComponentEffect(type, component));
-    return () => {
-      unregisterComponent();
-      unregisterReactComponent();
-    };
-  }
-  static copyElementTree(elementTree2, replacementContext) {
-    return reactPage.copyElementTree(this.store.getState(), elementTree2, replacementContext);
-  }
-  static getBreakpoints() {
-    return reactPage.getBreakpoints(this.store.getState());
-  }
-  static getTranslatableData(elementTree2) {
-    return reactPage.getElementTreeTranslatableData(this.store.getState(), elementTree2);
-  }
-  static mergeTranslatedData(elementTree2, translatedData) {
-    return reactPage.mergeElementTreeTranslatedData(this.store.getState(), elementTree2, translatedData);
-  }
-  registerComponent(component, {
-    type,
-    label,
-    icon = reactPage.ComponentIcon.Cube,
-    hidden = false,
-    props
-  }) {
-    const unregisterComponent = this.store.dispatch(actions.registerComponentEffect(type, {
-      label,
-      icon,
-      hidden
-    }, props != null ? props : {}));
-    const unregisterReactComponent = this.store.dispatch(actions.registerReactComponentEffect(type, component));
-    return () => {
-      unregisterComponent();
-      unregisterReactComponent();
-    };
-  }
-  copyElementTree(elementTree2, replacementContext) {
-    return reactPage.copyElementTree(this.store.getState(), elementTree2, replacementContext);
-  }
-  getBreakpoints() {
-    return reactPage.getBreakpoints(this.store.getState());
-  }
-  getTranslatableData(elementTree2) {
-    return reactPage.getElementTreeTranslatableData(this.store.getState(), elementTree2);
-  }
-  mergeTranslatedData(elementTree2, translatedData) {
-    return reactPage.mergeElementTreeTranslatedData(this.store.getState(), elementTree2, translatedData);
-  }
-}
-__publicField(ReactRuntime, "store", reactPage.configureStore());
-registerBuiltinComponents(ReactRuntime);
-const StoreContext = React.createContext(ReactRuntime.store);
-const PreviewProvider = dynamic__default["default"](() => Promise.resolve().then(function() {
-  return require("./PreviewProvider.cjs.js");
-}));
-const LiveProvider = dynamic__default["default"](() => Promise.resolve().then(function() {
-  return require("./LiveProvider.cjs.js");
-}));
-function RuntimeProvider(_k) {
-  var _l = _k, {
-    preview
-  } = _l, props = __objRest(_l, [
-    "preview"
-  ]);
-  return preview ? /* @__PURE__ */ jsxRuntime.jsx(PreviewProvider, __spreadValues({}, props)) : /* @__PURE__ */ jsxRuntime.jsx(LiveProvider, __spreadValues({}, props));
-}
-const PageContext = React.createContext(null);
-function usePageIdOrNull() {
-  return React.useContext(PageContext);
-}
-function usePageId() {
-  const pageIdOrNull = usePageIdOrNull();
-  if (pageIdOrNull == null)
-    throw new Error("`usePageId` must be used with `<PageProvider>`");
-  return pageIdOrNull;
-}
-function PageProvider({
-  id,
-  children
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(PageContext.Provider, {
-    value: id,
-    children
-  });
-}
-const DocumentContext = React.createContext(null);
-function useDocumentKey() {
-  return React.useContext(DocumentContext);
-}
-const DocumentCyclesContext = React.createContext([]);
-function useStore() {
-  return React.useContext(StoreContext);
-}
-function useSelector(selector) {
-  const store = useStore();
-  return withSelector.useSyncExternalStoreWithSelector(store.subscribe, store.getState, store.getState, selector);
-}
-function useComponent(type) {
-  return useSelector((state) => reactPage.getReactComponent(state, type));
-}
-function useElementId(elementKey) {
-  const documentKey = useDocumentKey();
-  return useSelector((state) => documentKey == null || elementKey == null ? null : reactPage.getElementId(state, documentKey, elementKey));
-}
-function useDocument(documentKey) {
-  return useSelector((state) => reactPage.getDocument(state, documentKey));
-}
-function useIsInBuilder() {
-  return useSelector((state) => reactPage.getIsInBuilder(state));
-}
-function useIsPreview() {
-  return useSelector((state) => reactPage.getIsPreview(state));
-}
-function useBuilderEditMode() {
-  return useSelector((state) => reactPage.getBuilderEditMode(state));
-}
-function useBreakpoints() {
-  return useSelector((state) => reactPage.getBreakpoints(state));
-}
-function useDispatch() {
-  const store = React.useContext(StoreContext);
-  return store.dispatch;
-}
-const originalError = console.error;
-let patched = false;
-function suppressRefWarning(ownerName) {
-  if (patched === false) {
-    console.error = (...args) => {
-      if (typeof args[0] === "string" && args[0].includes("Function components cannot be given refs.") && args[0].includes(`Check the render method of \`${ownerName}\`.`)) {
-        return;
-      }
-      return originalError(...args);
-    };
-    patched = true;
-  }
-}
-const ElementData = React.memo(React.forwardRef(function ElementData2({
-  elementData
-}, ref) {
-  const Component = useComponent(elementData.type);
-  suppressRefWarning(`\`ForwardRef(${ElementData2.name})\``);
-  if (Component == null) {
-    return /* @__PURE__ */ jsxRuntime.jsx(FallbackComponent, {
-      ref,
-      text: "Component not found"
-    });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, {
-    children: /* @__PURE__ */ jsxRuntime.jsx(PropsValue, {
-      element: elementData,
-      children: (props) => /* @__PURE__ */ React.createElement(Component, __spreadProps(__spreadValues({}, props), {
-        key: elementData.key,
-        ref
-      }))
-    })
-  });
-}));
-const DisableRegisterElement = React.createContext(false);
-const ElementReference = React.memo(React.forwardRef(function ElementReference2({
-  elementReference
-}, ref) {
-  var _a;
-  const globalElement = useGlobalElement(elementReference.value);
-  const localizedGlobalElement = useLocalizedGlobalElement(elementReference.value);
-  const globalElementData = (_a = localizedGlobalElement == null ? void 0 : localizedGlobalElement.data) != null ? _a : globalElement == null ? void 0 : globalElement.data;
-  const elementReferenceDocument = useDocument(elementReference.key);
-  const documentKey = elementReference.key;
-  const documentKeys = React.useContext(DocumentCyclesContext);
-  const providedDocumentKeys = React.useMemo(() => [...documentKeys, documentKey], [documentKeys, documentKey]);
-  if (globalElementData == null) {
-    return /* @__PURE__ */ jsxRuntime.jsx(FallbackComponent, {
-      ref,
-      text: "This global component doesn't exist"
-    });
-  }
-  if (documentKeys.includes(documentKey)) {
-    return /* @__PURE__ */ jsxRuntime.jsx(FallbackComponent, {
-      ref,
-      text: "This global component contains itself!"
-    });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(DocumentCyclesContext.Provider, {
-    value: providedDocumentKeys,
-    children: elementReferenceDocument != null ? /* @__PURE__ */ jsxRuntime.jsx(Document, {
-      document: elementReferenceDocument,
-      ref
-    }) : /* @__PURE__ */ jsxRuntime.jsx(DisableRegisterElement.Provider, {
-      value: true,
-      children: /* @__PURE__ */ jsxRuntime.jsx(ElementData, {
-        elementData: globalElementData,
-        ref
-      })
-    })
-  });
-}));
-const Element$1 = React.memo(React.forwardRef(function Element2({
-  element
-}, ref) {
-  const elementKey = element.key;
-  const dispatch = useDispatch();
-  const documentKey = useDocumentKey();
-  const useFindDomNodeRef = React.useRef(true);
-  const imperativeHandleRef = React.useRef(new ElementImperativeHandle());
-  const findDomNodeCallbackRef = React.useCallback((current) => {
-    if (useFindDomNodeRef.current === true) {
-      imperativeHandleRef.current.callback(() => {
-        var _a;
-        return (_a = current == null ? void 0 : current()) != null ? _a : null;
-      });
-    }
-  }, []);
-  const elementCallbackRef = React.useCallback((current) => {
-    useFindDomNodeRef.current = false;
-    imperativeHandleRef.current.callback(() => current);
-  }, []);
-  const isRegisterElementDisabled = React.useContext(DisableRegisterElement);
-  React.useImperativeHandle(ref, () => imperativeHandleRef.current, []);
-  React.useEffect(() => {
-    if (documentKey == null || isRegisterElementDisabled)
-      return;
-    return dispatch(actions.registerComponentHandleEffect(documentKey, elementKey, imperativeHandleRef.current));
-  }, [dispatch, documentKey, elementKey, isRegisterElementDisabled]);
-  React.useEffect(() => {
-    if (documentKey == null || isRegisterElementDisabled)
-      return;
-    return dispatch(actions.mountComponentEffect(documentKey, elementKey));
-  }, [dispatch, documentKey, elementKey, isRegisterElementDisabled]);
-  return /* @__PURE__ */ jsxRuntime.jsx(FindDomNode, {
-    ref: findDomNodeCallbackRef,
-    children: reactPage.isElementReference(element) ? /* @__PURE__ */ jsxRuntime.jsx(ElementReference, {
-      ref: elementCallbackRef,
-      elementReference: element
-    }, elementKey) : /* @__PURE__ */ jsxRuntime.jsx(ElementData, {
-      ref: elementCallbackRef,
-      elementData: element
-    }, elementKey)
-  });
-}));
-const Document = React.memo(React.forwardRef(function Document2({
-  document: document2
-}, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DocumentContext.Provider, {
-    value: document2.key,
-    children: /* @__PURE__ */ jsxRuntime.jsx(Element$1, {
-      ref,
-      element: document2.rootElement
-    })
-  });
-}));
-const DocumentReference = React.memo(React.forwardRef(function DocumentReference2({
-  documentReference
-}, ref) {
-  const document2 = useDocument(documentReference.key);
-  if (document2 == null) {
-    return /* @__PURE__ */ jsxRuntime.jsx(FallbackComponent, {
-      ref,
-      text: "Document not found"
-    });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(Document, {
-    ref,
-    document: document2
-  });
-}));
-exports.Alignments = Alignments;
-exports.Contrasts = Contrasts;
-exports.ControlValue = ControlValue;
-exports.DEFAULT_BOX_ANIMATE_DELAY = DEFAULT_BOX_ANIMATE_DELAY;
-exports.DEFAULT_BOX_ANIMATE_DURATION = DEFAULT_BOX_ANIMATE_DURATION;
-exports.DEFAULT_BOX_ANIMATE_TYPE = DEFAULT_BOX_ANIMATE_TYPE;
-exports.DEFAULT_ITEM_ANIMATE_DELAY = DEFAULT_ITEM_ANIMATE_DELAY;
-exports.DEFAULT_ITEM_ANIMATE_DURATION = DEFAULT_ITEM_ANIMATE_DURATION;
-exports.DEFAULT_ITEM_ANIMATE_TYPE = DEFAULT_ITEM_ANIMATE_TYPE;
-exports.DEFAULT_ITEM_STAGGER_DURATION = DEFAULT_ITEM_STAGGER_DURATION;
-exports.Document = Document$1;
-exports.DocumentReference = DocumentReference;
-exports.Element = Element$1;
-exports.ElementImperativeHandle = ElementImperativeHandle;
-exports.Makeswift = Makeswift;
-exports.MakeswiftApiHandler = MakeswiftApiHandler;
-exports.MakeswiftProvider = MakeswiftProvider;
-exports.Page = Page$1;
-exports.Page$1 = Page;
-exports.PageProvider = PageProvider;
-exports.PreviewModeScript = PreviewModeScript;
-exports.Provider = Provider;
-exports.ReactRuntime = ReactRuntime;
-exports.RuntimeProvider = RuntimeProvider;
-exports.Shapes = Shapes;
-exports.Sizes = Sizes;
-exports.StoreContext = StoreContext;
-exports.colorToString = colorToString;
-exports.forwardNextDynamicRef = forwardNextDynamicRef;
-exports.getServerSideProps = getServerSideProps;
-exports.getStaticPaths = getStaticPaths;
-exports.getStaticProps = getStaticProps;
-exports.isNonNullable = isNonNullable;
-exports.pollBoxModel = pollBoxModel;
-exports.useBorder = useBorder;
-exports.useBoxShadow = useBoxShadow;
-exports.useBreakpoints = useBreakpoints;
-exports.useBuilderEditMode = useBuilderEditMode;
-exports.useElementId = useElementId;
-exports.useEnhancedTypography = useEnhancedTypography;
-exports.useFile = useFile;
-exports.useFiles = useFiles;
-exports.useFormContext = useFormContext;
-exports.useIsInBuilder = useIsInBuilder;
-exports.useMakeswiftClient = useMakeswiftClient;
-exports.usePageId = usePageId;
-exports.usePagePathnameSlice = usePagePathnameSlice;
-exports.useResponsiveColor = useResponsiveColor;
-exports.useResponsiveGridItem = useResponsiveGridItem;
-exports.useResponsiveStyle = useResponsiveStyle;
-exports.useResponsiveTextStyle = useResponsiveTextStyle;
-exports.useResponsiveWidth = useResponsiveWidth;
-exports.useSwatches = useSwatches;
-exports.useTable = useTable;
-exports.useTypographyClassName = useTypographyClassName;
-//# sourceMappingURL=index.cjs.js.map