@makeswift/runtime 0.13.1 → 0.14.1

package/dist/index.es.js

@@ -1,4239 +0,0 @@
-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;
-};
-import * as React from "react";
-import { useEffect, createContext, useContext, useState, useMemo, useRef, Children, createElement, forwardRef, memo, useId, useCallback, useImperativeHandle, Component, Suspense } from "react";
-import { useSyncExternalStoreWithSelector } from "use-sync-external-store/shim/with-selector";
-import dynamic from "next/dynamic";
-import { f as deepEqual, g as createDocumentReference, h as getPropControllerDescriptors, j as isElementReference, k as getSwatchIds, l as getFileIds, m as getTypographyIds, n as getTableIds, o as getPageIds, p as getElementChildren, E as ElementID, B as Backgrounds, W as Width, q as ResponsiveIconRadioGroup, M as Margin, P as Padding, r as Border, s as BorderRadius, S as Shadows, G as GapY, t as GapX, u as ResponsiveSelect, v as ResponsiveNumber, w as Checkbox, x as Grid, y as TextInput, L as Link, z as ResponsiveColor, A as TextStyle, C as ComponentIcon, I as Images, N as Number$1, D as Date$1, F as Font, H as ResponsiveLength, J as TextArea, K as Table, O as TableFormFields, Q as Image, U as ResponsiveOpacity, V as NavigationLinks, X as SocialLinks, Y as RichText, Z as Video, _ as useStyle, $ as getBorderSwatchIds, a0 as getBoxShadowsSwatchIds, a1 as getResponsiveColorSwatchIds, a2 as StyleControlProperty, a3 as ImageControlValueFormat, a4 as isPropControllersHandle, a5 as isRichTextV1Data, a6 as TextAreaControlDataTypeKey, a7 as TextAreaControlDataTypeValueV1, a8 as TextInputControlDataTypeKey, a9 as TextInputControlDataTypeValueV1, aa as isNonNullable$1, ab as TypographyControlType, ac as StyleControlType, ad as RichTextV2ControlType, ae as RichTextControlType, af as SlotControlType, ag as StyleV2ControlType, ah as ListControlType, ai as ShapeControlType, aj as LinkControlType, ak as ImageControlType, al as IconRadioGroupControlType, am as ColorControlType, an as SelectControlType, ao as TextAreaControlType, ap as TextInputControlType, aq as getComponentPropControllerDescriptors, ar as getPropControllers, as as Types, at as BorderPropControllerFormat, au as ShadowsPropControllerFormat, av as BorderRadiusPropControllerFormat, aw as MarginPropControllerFormat, ax as PaddingPropControllerFormat, ay as WidthPropControllerFormat, az as configureStore$1, aA as copyElementTree, aB as getBreakpoints, aC as getElementTreeTranslatableData, aD as mergeElementTreeTranslatedData, aE as getDocument, aF as getElementId, aG as getIsInBuilder, aH as getReactComponent, aI as getBuilderEditMode, aJ as getIsPreview } from "./react-page.es.js";
-import { A as ActionTypes, n as apiResourceFulfilled, o as registerComponentEffect, p as registerReactComponentEffect, q as registerComponentHandleEffect, t as mountComponentEffect } from "./actions.es.js";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { C as CheckboxControlDataTypeKey, a as CheckboxControlDataTypeValueV1, N as NumberControlDataTypeKey, b as NumberControlDataTypeValueV1, c as NumberControlType, d as CheckboxControlType } from "./number.es.js";
-import { C as ComboboxControlType } from "./combobox.es.js";
-import { match as match$1, P } from "ts-pattern";
-import { v4 } from "uuid";
-import "slate";
-import "escape-html";
-import "slate-hyperscript";
-import "parse5";
-import "is-hotkey";
-import { a as getBaseBreakpoint, f as findBreakpointOverride, j as join, b as getBreakpoint, c as getBreakpointMediaQuery, m as mergeOrCoalesceFallbacks, d as shallowMergeFallbacks, p as parseBreakpointsInput } from "./breakpoints.es.js";
-import { useSyncExternalStore } from "use-sync-external-store/shim";
-import { createStore, applyMiddleware } from "redux";
-import thunk from "redux-thunk";
-import { A as APIResourceType } from "./types.es.js";
-import { g as getBox, i as isMeasurable, m as measure } from "./box-models.es.js";
-import ColorHelper from "color";
-import scrollIntoView from "scroll-into-view-if-needed";
-import { cache, cx } from "@emotion/css";
-import { findDOMNode } from "react-dom";
-import parse from "html-react-parser";
-import Head from "next/head";
-import { z } from "zod";
-import createEmotionServer from "@emotion/server/create-instance";
-import NextDocument, { Html, Head as Head$1, Main, NextScript } from "next/document";
-import Cors from "cors";
-import { match } from "path-to-regexp";
-import { serialize } from "cookie";
-import { createProxyServer } from "http-proxy";
-import { parse as parse$1 } from "set-cookie-parser";
-import { M as MakeswiftComponentType } from "./constants.es.js";
-const SCRIPT_TAG = "script";
-function BodySnippet({
-  code,
-  cleanup
-}) {
-  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 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 ActionTypes.CHANGE_API_RESOURCE: {
-      const existingApiResource = getAPIResource$1(state, action.payload.resource.__typename, action.payload.resource.id);
-      if (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 ActionTypes.EVICT_API_RESOURCE: {
-      const [resourceType, resourceId] = action.payload.id.split(":");
-      if (!(resourceType in 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 APIResourceType.Swatch:
-        resource = await fetchJson(`/api/makeswift/swatches/${resourceId}`);
-        break;
-      case APIResourceType.File:
-        resource = await fetchJson(`/api/makeswift/files/${resourceId}`);
-        break;
-      case APIResourceType.Typography:
-        resource = await fetchJson(`/api/makeswift/typographies/${resourceId}`);
-        break;
-      case APIResourceType.GlobalElement:
-        resource = await fetchJson(`/api/makeswift/global-elements/${resourceId}`);
-        break;
-      case 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 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 APIResourceType.Table:
-        resource = await fetchJson(`/api/makeswift/tables/${resourceId}`);
-        break;
-      default:
-        resource = null;
-    }
-    dispatch(apiResourceFulfilled(resourceType, resourceId, resource));
-    return resource;
-  };
-}
-function configureStore({ serializedState }) {
-  return createStore(reducer, getInitialState(serializedState), applyMiddleware(thunk));
-}
-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(), APIResourceType.Swatch, swatchId);
-  }
-  async fetchSwatch(swatchId) {
-    return await this.makeswiftApiClient.dispatch(fetchAPIResource(APIResourceType.Swatch, swatchId));
-  }
-  readFile(fileId) {
-    return getAPIResource(this.makeswiftApiClient.getState(), APIResourceType.File, fileId);
-  }
-  async fetchFile(fileId) {
-    return await this.makeswiftApiClient.dispatch(fetchAPIResource(APIResourceType.File, fileId));
-  }
-  readTypography(typographyId) {
-    return getAPIResource(this.makeswiftApiClient.getState(), APIResourceType.Typography, typographyId);
-  }
-  async fetchTypography(typographyId) {
-    return await this.makeswiftApiClient.dispatch(fetchAPIResource(APIResourceType.Typography, typographyId));
-  }
-  readGlobalElement(globalElementId) {
-    return getAPIResource(this.makeswiftApiClient.getState(), APIResourceType.GlobalElement, globalElementId);
-  }
-  async fetchGlobalElement(globalElementId) {
-    return await this.makeswiftApiClient.dispatch(fetchAPIResource(APIResourceType.GlobalElement, globalElementId));
-  }
-  readLocalizedGlobalElement(globalElementId) {
-    const localizedGlobalElementId = this.getLocalizedResourceId(globalElementId);
-    if (localizedGlobalElementId == null)
-      return null;
-    return getAPIResource(this.makeswiftApiClient.getState(), 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(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(), APIResourceType.PagePathnameSlice, pageId);
-  }
-  async fetchPagePathnameSlice(pageId) {
-    return await this.makeswiftApiClient.dispatch(fetchAPIResource(APIResourceType.PagePathnameSlice, pageId, this.locale));
-  }
-  readTable(tableId) {
-    return getAPIResource(this.makeswiftApiClient.getState(), APIResourceType.Table, tableId);
-  }
-  async fetchTable(tableId) {
-    return await this.makeswiftApiClient.dispatch(fetchAPIResource(APIResourceType.Table, tableId));
-  }
-  async createTableRecord(tableId, columns) {
-    await this.graphqlClient.request(CreateTableRecordMutation, {
-      input: {
-        data: {
-          tableId,
-          columns
-        }
-      }
-    });
-  }
-  readSite(siteId) {
-    return getAPIResource(this.makeswiftApiClient.getState(), APIResourceType.Site, siteId);
-  }
-  readPage(pageId) {
-    return getAPIResource(this.makeswiftApiClient.getState(), APIResourceType.Page, pageId);
-  }
-  readSnippet(snippetId) {
-    return getAPIResource(this.makeswiftApiClient.getState(), 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 = createContext(new MakeswiftClient({
-  uri: "https://api.makeswift.com/graphql"
-}));
-function useMakeswiftClient() {
-  return useContext(Context$1);
-}
-function MakeswiftProvider({
-  client,
-  children
-}) {
-  return /* @__PURE__ */ 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 Children.map(parse(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 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] = useState(page.snippets);
-  const cachedPage = useCachedPage(isInBuilder ? page.id : null);
-  useEffect(() => {
-    if (cachedPage == null)
-      return;
-    const oldSnippets = snippets.map(filterUsedSnippetProperties);
-    const newSnippets = cachedPage.snippets.map(filterUsedSnippetProperties);
-    if (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 = 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 = useMemo(() => snippets.filter((snippet) => isInBuilder ? snippet.builderEnabled : snippet.liveEnabled), [snippets, isInBuilder]);
-  const headSnippets = useMemo(() => filteredSnippets.filter((snippet) => snippet.location === SnippetLocation.Head), [filteredSnippets]);
-  const previousHeadSnippets = useRef(null);
-  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__ */ jsxs(Fragment, {
-    children: [/* @__PURE__ */ jsxs(Head, {
-      children: [/* @__PURE__ */ jsx("style", {
-        children: `
-            html {
-              font-family: sans-serif;
-            }
-            div#__next {
-              overflow: hidden;
-            }
-          `
-      }), /* @__PURE__ */ jsx("link", {
-        rel: "icon",
-        type: favicon.mimetype,
-        href: favicon.publicUrl
-      }), canonicalUrl && /* @__PURE__ */ jsx("link", {
-        rel: "canonical",
-        href: canonicalUrl
-      }), isIndexingBlocked && /* @__PURE__ */ jsx("meta", {
-        name: "robots",
-        content: "noindex"
-      }), title && /* @__PURE__ */ jsxs(Fragment, {
-        children: [/* @__PURE__ */ jsx("title", {
-          children: title
-        }), /* @__PURE__ */ jsx("meta", {
-          property: "og:title",
-          content: title
-        }), /* @__PURE__ */ jsx("meta", {
-          name: "twitter:title",
-          content: title
-        }), /* @__PURE__ */ jsx("meta", {
-          itemProp: "name",
-          content: title
-        })]
-      }), description && /* @__PURE__ */ jsxs(Fragment, {
-        children: [/* @__PURE__ */ jsx("meta", {
-          name: "description",
-          content: description
-        }), /* @__PURE__ */ jsx("meta", {
-          property: "og:description",
-          content: description
-        }), /* @__PURE__ */ jsx("meta", {
-          name: "twitter:description",
-          content: description
-        }), /* @__PURE__ */ jsx("meta", {
-          itemProp: "description",
-          content: description
-        })]
-      }), keywords && /* @__PURE__ */ jsx("meta", {
-        name: "keywords",
-        content: keywords
-      }), socialImage && /* @__PURE__ */ jsxs(Fragment, {
-        children: [/* @__PURE__ */ jsx("meta", {
-          property: "og:image",
-          content: socialImage.publicUrl
-        }), /* @__PURE__ */ jsx("meta", {
-          property: "og:image:type",
-          content: socialImage.mimetype
-        }), /* @__PURE__ */ jsx("meta", {
-          name: "twitter:image",
-          content: socialImage.publicUrl
-        }), /* @__PURE__ */ jsx("meta", {
-          name: "twitter:card",
-          content: "summary_large_image"
-        }), /* @__PURE__ */ jsx("meta", {
-          itemProp: "image",
-          content: socialImage.publicUrl
-        })]
-      }), fontFamilyParamValue !== "" && /* @__PURE__ */ jsx(Fragment, {
-        children: /* @__PURE__ */ jsx("link", {
-          rel: "stylesheet",
-          href: `https://fonts.googleapis.com/css?family=${fontFamilyParamValue}&display=swap`
-        })
-      }), headSnippets.map(snippetToElement).map((children) => Children.map(children, (child) => {
-        if (typeof child === "string")
-          return child;
-        if (VALID_HEAD_ELEMENT_TYPES.includes(child.type))
-          return child;
-        return null;
-      }))]
-    }), /* @__PURE__ */ jsx(DocumentReference, {
-      documentReference: createDocumentReference(documentId)
-    }), filteredSnippets.filter((snippet) => snippet.location === SnippetLocation.Body).map((snippet) => /* @__PURE__ */ 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 = useSyncExternalStore(client.subscribe, getSnapshot, getSnapshot);
-  return page;
-}
-function useCachedSite(siteId) {
-  const client = useMakeswiftClient();
-  const getSnapshot = () => siteId == null ? null : client.readSite(siteId);
-  const site = useSyncExternalStore(client.subscribe, getSnapshot, getSnapshot);
-  return site;
-}
-const makeswiftSiteVersionSchema = z.enum(["Live", "Working"]);
-const MakeswiftSiteVersion = makeswiftSiteVersionSchema.Enum;
-const makeswiftPreviewDataSchema = z.object({
-  makeswift: 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 === '${ActionTypes.MAKESWIFT_CONNECTION_INIT}'
-    ) {
-      setInterval(() => {
-        window.parent.postMessage({ 
-          type: '${ActionTypes.MAKESWIFT_CONNECTION_CHECK}',
-          payload: { 
-            currentUrl: window.location.href 
-          }
-        }, appOrigin)
-      }, 20)
-    }
-  })
-
-  window.parent.postMessage({ type: '${ActionTypes.MAKESWIFT_CONNECTION_INIT}' }, appOrigin)
-}
-`;
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [/* @__PURE__ */ jsx("script", {
-      id: "makeswift-preview-mode",
-      type: "module",
-      dangerouslySetInnerHTML: {
-        __html: previewModeScript
-      }
-    }), /* @__PURE__ */ jsx("script", {
-      id: "makeswift-connection-check",
-      type: "module",
-      dangerouslySetInnerHTML: {
-        __html: makeswiftConnectionCheckScript
-      }
-    })]
-  });
-}
-const pagePathnameSlicesAPISchema = z.array(z.object({
-  id: z.string(),
-  basePageId: z.string(),
-  pathname: z.string(),
-  __typename: z.literal("PagePathnameSlice")
-}).nullable());
-const getPageAPISchema = z.object({
-  pathname: z.string(),
-  locale: z.string(),
-  alternate: z.array(z.object({
-    pathname: z.string(),
-    locale: 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 = 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]) => {
-          getSwatchIds(descriptor, props[propName]).forEach((swatchId) => {
-            swatchIds.add(swatchId);
-          });
-          getFileIds(descriptor, props[propName]).forEach((fileId) => fileIds.add(fileId));
-          getTypographyIds(descriptor, props[propName]).forEach((typographyId) => typographyIds.add(typographyId));
-          getTableIds(descriptor, props[propName]).forEach((tableId) => tableIds.add(tableId));
-          getPageIds(descriptor, props[propName]).forEach((pageId) => pageIds.add(pageId));
-          getElementChildren(descriptor, props[propName]).forEach((child) => {
-            if (!seen.has(child.key)) {
-              seen.add(child.key);
-              remaining.push(child);
-            }
-          });
-        });
-      };
-      let element2;
-      if (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 = {
-      [APIResourceType.Swatch]: [...swatchIds].map((id) => {
-        var _a2;
-        return {
-          id,
-          value: (_a2 = swatches.find((swatch) => (swatch == null ? void 0 : swatch.id) === id)) != null ? _a2 : null
-        };
-      }),
-      [APIResourceType.File]: [...fileIds].map((id) => {
-        var _a2;
-        return {
-          id,
-          value: (_a2 = files.find((file) => (file == null ? void 0 : file.id) === id)) != null ? _a2 : null
-        };
-      }),
-      [APIResourceType.Typography]: [...typographyIds].map((id) => {
-        var _a2;
-        return {
-          id,
-          value: (_a2 = typographies.find((typography) => (typography == null ? void 0 : typography.id) === id)) != null ? _a2 : null
-        };
-      }),
-      [APIResourceType.Table]: [...tableIds].map((id) => {
-        var _a2;
-        return {
-          id,
-          value: (_a2 = tables.find((table) => (table == null ? void 0 : table.id) === id)) != null ? _a2 : null
-        };
-      }),
-      [APIResourceType.PagePathnameSlice]: [...pageIds].map((id) => {
-        var _a2;
-        return {
-          id,
-          value: (_a2 = pagePathnames.find((pagePathnameSlice) => (pagePathnameSlice == null ? void 0 : pagePathnameSlice.id) === id)) != null ? _a2 : null
-        };
-      }),
-      [APIResourceType.GlobalElement]: [...globalElements.entries()].map(([id, value]) => ({
-        id,
-        value
-      })),
-      [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 {
-  static async getInitialProps(ctx) {
-    const initialProps = await NextDocument.getInitialProps(ctx);
-    const {
-      extractCritical
-    } = createEmotionServer(cache);
-    const {
-      ids,
-      css
-    } = extractCritical(initialProps.html);
-    return __spreadProps(__spreadValues({}, initialProps), {
-      styles: /* @__PURE__ */ jsxs(Fragment, {
-        children: [initialProps.styles, /* @__PURE__ */ jsx("style", {
-          "data-emotion": `css ${ids.join(" ")}`,
-          dangerouslySetInnerHTML: {
-            __html: css
-          }
-        })]
-      })
-    });
-  }
-  render() {
-    const {
-      isPreview
-    } = this.props.__NEXT_DATA__;
-    return /* @__PURE__ */ jsxs(Html, {
-      children: [/* @__PURE__ */ jsx(Head$1, {
-        children: /* @__PURE__ */ jsx(PreviewModeScript, {
-          isPreview
-        })
-      }), /* @__PURE__ */ jsxs("body", {
-        children: [/* @__PURE__ */ jsx(Main, {}), /* @__PURE__ */ jsx(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 = 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 = parse$1(setCookie).map((cookie2) => serialize(cookie2.name, cookie2.value, cookie2)).join(";");
-  const cookie = originalCookies ? `${originalCookies}; ${additionalCookies}` : additionalCookies;
-  return await new Promise((resolve2, reject) => previewModeProxy.web(req, res, { target, headers: { cookie }, 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({ 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) => 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) => createElement(resolve(moduleOrComponent), loadForwardedRef(props))
-  })));
-  return forwardRef((props, ref) => /* @__PURE__ */ 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 = memo(({
-  snapshot,
-  runtime
-}) => {
-  const client = 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__ */ jsx(RuntimeProvider, {
-    client,
-    rootElements,
-    preview: snapshot.preview,
-    runtime,
-    children: /* @__PURE__ */ 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 = 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(() => patch(import("./Box.es.js")))), {
-    type: MakeswiftComponentType.Box,
-    label: "Box",
-    props: {
-      id: ElementID(),
-      backgrounds: Backgrounds(),
-      width: Width({
-        format: Width.Format.ClassName,
-        defaultValue: { value: 100, unit: "%" }
-      }),
-      height: ResponsiveIconRadioGroup({
-        label: "Height",
-        options: [
-          { value: "auto", label: "Auto", icon: "HeightAuto16" },
-          { value: "stretch", label: "Stretch", icon: "HeightMatch16" }
-        ],
-        defaultValue: "auto"
-      }),
-      verticalAlign: 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: Margin({ format: Margin.Format.ClassName }),
-      padding: Padding({
-        format: Padding.Format.ClassName,
-        preset: [
-          {
-            deviceId: 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: Border({ format: Border.Format.ClassName }),
-      borderRadius: BorderRadius({ format: BorderRadius.Format.ClassName }),
-      boxShadow: Shadows({ format: Shadows.Format.ClassName }),
-      rowGap: GapY((props) => ({
-        hidden: props.children == null
-      })),
-      columnGap: GapX((props) => ({
-        hidden: props.children == null
-      })),
-      boxAnimateType: 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: ResponsiveNumber((props, device) => ({
-        label: "Box duration",
-        defaultValue: DEFAULT_BOX_ANIMATE_DURATION,
-        min: 0.1,
-        step: 0.05,
-        suffix: "s",
-        hidden: isHiddenBasedOnBoxAnimation(props, device)
-      })),
-      boxAnimateDelay: ResponsiveNumber((props, device) => ({
-        label: "Box delay",
-        defaultValue: DEFAULT_BOX_ANIMATE_DELAY,
-        min: 0,
-        step: 0.05,
-        suffix: "s",
-        hidden: isHiddenBasedOnBoxAnimation(props, device)
-      })),
-      itemAnimateType: 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: ResponsiveNumber((props, device) => ({
-        label: "Items duration",
-        defaultValue: DEFAULT_BOX_ANIMATE_DURATION,
-        min: 0.1,
-        step: 0.05,
-        suffix: "s",
-        hidden: isHiddenBasedOnItemAnimation(props, device)
-      })),
-      itemAnimateDelay: ResponsiveNumber((props, device) => ({
-        label: "Items delay",
-        defaultValue: DEFAULT_ITEM_ANIMATE_DELAY,
-        min: 0,
-        step: 0.05,
-        suffix: "s",
-        hidden: isHiddenBasedOnItemAnimation(props, device)
-      })),
-      itemStaggerDuration: ResponsiveNumber((props, device) => ({
-        label: "Stagger",
-        min: 0,
-        step: 0.05,
-        suffix: "s",
-        defaultValue: DEFAULT_ITEM_STAGGER_DURATION,
-        hidden: isHiddenBasedOnItemAnimation(props, device)
-      })),
-      hidePlaceholder: Checkbox((props) => ({
-        label: "Hide placeholder",
-        hidden: props.children != null
-      })),
-      children: Grid()
-    }
-  });
-}
-function registerComponent$b(runtime) {
-  return runtime.registerComponent(forwardNextDynamicRef((patch) => dynamic(() => patch(import("./Button.es.js")))), {
-    type: MakeswiftComponentType.Button,
-    label: "Button",
-    props: {
-      id: ElementID(),
-      children: TextInput({ placeholder: "Button text" }),
-      link: Link({
-        defaultValue: {
-          type: "OPEN_PAGE",
-          payload: {
-            pageId: null,
-            openInNewTab: false
-          }
-        }
-      }),
-      variant: 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: 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: 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: ResponsiveColor((props, device) => {
-        var _a;
-        const variant = props.variant;
-        const hidden = ((_a = findBreakpointOverride(runtime.getBreakpoints(), variant, device)) == null ? void 0 : _a.value) === "clear";
-        return { placeholder: "black", hidden };
-      }),
-      textColor: ResponsiveColor({
-        label: "Text color",
-        placeholder: "white"
-      }),
-      textStyle: TextStyle(),
-      width: Width(),
-      margin: Margin({ format: Margin.Format.ClassName })
-    }
-  });
-}
-function registerComponent$a(runtime) {
-  return runtime.registerComponent(forwardNextDynamicRef((patch) => dynamic(() => patch(import("./Carousel.es.js")))), {
-    type: MakeswiftComponentType.Carousel,
-    label: "Carousel",
-    icon: ComponentIcon.Carousel,
-    props: {
-      id: ElementID(),
-      images: Images({
-        preset: [
-          { key: v4(), props: {} },
-          { key: v4(), props: {} },
-          { key: v4(), props: {} }
-        ]
-      }),
-      width: Width({
-        format: Width.Format.ClassName,
-        defaultValue: { value: 400, unit: "px" }
-      }),
-      margin: Margin({ format: Margin.Format.ClassName }),
-      pageSize: 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: ResponsiveNumber((props, device) => {
-        var _a, _b;
-        const pageSize = props.pageSize;
-        const pageSizeValue = (_b = (_a = 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: 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: GapX({
-        label: "Gap",
-        step: 5,
-        defaultValue: { value: 0, unit: "px" }
-      }),
-      autoplay: Checkbox({ label: "Autoplay" }),
-      delay: Number$1((props) => ({
-        label: "Delay",
-        preset: 5,
-        min: 1,
-        step: 0.1,
-        suffix: "seconds",
-        hidden: !props.autoplay
-      })),
-      showArrows: Checkbox({ preset: true, label: "Show arrows" }),
-      arrowPosition: 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: ResponsiveColor((props) => ({
-        label: "Arrow color",
-        placeholder: "black",
-        hidden: props.showArrows === false
-      })),
-      arrowBackground: ResponsiveColor((props) => ({
-        label: "Arrow background",
-        placeholder: "white",
-        hidden: props.showArrows === false
-      })),
-      showDots: Checkbox({ preset: true, label: "Show dots" }),
-      dotColor: ResponsiveColor((props) => ({
-        label: "Dot color",
-        placeholder: "black",
-        hidden: props.showDots === false
-      })),
-      slideBorder: Border({ format: Border.Format.ClassName }),
-      slideBorderRadius: BorderRadius({ format: BorderRadius.Format.ClassName })
-    }
-  });
-}
-function registerComponent$9(runtime) {
-  return runtime.registerComponent(forwardNextDynamicRef((patch) => dynamic(() => patch(import("./Countdown.es.js")))), {
-    type: MakeswiftComponentType.Countdown,
-    label: "Countdown",
-    icon: ComponentIcon.Countdown,
-    props: {
-      id: ElementID(),
-      date: Date$1(() => ({
-        preset: new Date(Date.now() + 1e3 * 60 * 60 * 24 * 2).toISOString()
-      })),
-      variant: 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: 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: 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: GapX({
-        preset: [
-          {
-            deviceId: getBaseBreakpoint(runtime.getBreakpoints()).id,
-            value: { value: 10, unit: "px" }
-          }
-        ],
-        label: "Gap",
-        step: 1,
-        min: 0,
-        max: 100,
-        defaultValue: { value: 0, unit: "px" }
-      }),
-      numberFont: Font({ label: "Number font" }),
-      numberColor: ResponsiveColor({
-        label: "Number color",
-        placeholder: "white"
-      }),
-      blockColor: ResponsiveColor({
-        label: "Block color",
-        placeholder: "black"
-      }),
-      labelFont: Font({ label: "Label font" }),
-      labelColor: ResponsiveColor({
-        label: "Label color",
-        placeholder: "black"
-      }),
-      width: Width({
-        format: Width.Format.ClassName,
-        defaultValue: { value: 560, unit: "px" }
-      }),
-      margin: Margin({ format: Margin.Format.ClassName }),
-      daysLabel: TextInput({ label: "Days label", placeholder: "Days" }),
-      hoursLabel: TextInput({ label: "Hours label", placeholder: "Hours" }),
-      minutesLabel: TextInput({
-        label: "Minutes label",
-        placeholder: "Minutes"
-      }),
-      secondsLabel: TextInput({
-        label: "Seconds label",
-        placeholder: "Seconds"
-      })
-    }
-  });
-}
-function registerComponent$8(runtime) {
-  return runtime.registerComponent(forwardNextDynamicRef((patch) => dynamic(() => patch(import("./Divider.es.js")))), {
-    type: MakeswiftComponentType.Divider,
-    label: "Divider",
-    icon: ComponentIcon.Divider,
-    props: {
-      id: ElementID(),
-      variant: 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: ResponsiveLength({
-        label: "Height",
-        defaultValue: { value: 1, unit: "px" },
-        options: [{ value: "px", label: "Pixels", icon: "Px16" }]
-      }),
-      color: ResponsiveColor({ placeholder: "black" }),
-      width: Width({
-        format: Width.Format.ClassName,
-        defaultValue: { value: 100, unit: "%" }
-      }),
-      margin: Margin({ format: Margin.Format.ClassName })
-    }
-  });
-}
-function registerComponent$7(runtime) {
-  return runtime.registerComponent(forwardNextDynamicRef((patch) => dynamic(() => patch(import("./Embed.es.js")))), {
-    type: MakeswiftComponentType.Embed,
-    label: "Embed",
-    icon: ComponentIcon.Code,
-    props: {
-      id: ElementID(),
-      html: TextArea({ label: "Code", rows: 20 }),
-      width: Width({ format: Width.Format.ClassName }),
-      margin: Margin({ format: 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 = createContext({});
-function useFormContext() {
-  return useContext(Context);
-}
-const { Provider } = Context;
-function registerComponent$6(runtime) {
-  return runtime.registerComponent(forwardNextDynamicRef((patch) => dynamic(() => patch(import("./Form.es.js")))), {
-    type: MakeswiftComponentType.Form,
-    label: "Form",
-    icon: ComponentIcon.Form,
-    props: {
-      id: ElementID(),
-      tableId: Table(),
-      fields: TableFormFields(),
-      submitLink: Link((props) => ({
-        label: "Redirect to",
-        options: [
-          { value: "OPEN_PAGE", label: "Open page" },
-          { value: "OPEN_URL", label: "Open URL" }
-        ],
-        hidden: props.tableId == null
-      })),
-      gap: GapY((props) => ({
-        preset: [
-          {
-            deviceId: getBaseBreakpoint(runtime.getBreakpoints()).id,
-            value: { value: 10, unit: "px" }
-          }
-        ],
-        label: "Gap",
-        defaultValue: { value: 0, unit: "px" },
-        hidden: props.tableId == null
-      })),
-      shape: 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: 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: 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: TextStyle({ label: "Label text style" }),
-      labelTextColor: ResponsiveColor((props, device) => {
-        const hidden = props.tableId == null;
-        const responsiveContrast = props.contrast;
-        const contrast = 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: TextStyle({ label: "Button text style" }),
-      brandColor: ResponsiveColor((props) => ({
-        label: "Button color",
-        placeholder: "black",
-        hidden: props.tableId == null
-      })),
-      submitTextColor: ResponsiveColor((props) => ({
-        label: "Button text color",
-        placeholder: "white",
-        hidden: props.tableId == null
-      })),
-      submitLabel: TextInput((props) => ({
-        label: "Button label",
-        placeholder: "Submit",
-        hidden: props.tableId == null
-      })),
-      submitVariant: 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: ResponsiveLength((props) => ({
-        label: "Button width",
-        hidden: props.tableId == null
-      })),
-      submitAlignment: 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: Width({
-        preset: [
-          {
-            deviceId: getBaseBreakpoint(runtime.getBreakpoints()).id,
-            value: { value: 550, unit: "px" }
-          }
-        ],
-        defaultValue: { value: 100, unit: "%" },
-        format: Width.Format.ClassName
-      }),
-      margin: Margin({ format: Margin.Format.ClassName })
-    }
-  });
-}
-function registerComponent$5(runtime) {
-  return runtime.registerComponent(forwardNextDynamicRef((patch) => dynamic(() => patch(import("./Image.es.js")))), {
-    type: MakeswiftComponentType.Image,
-    label: "Image",
-    props: {
-      id: ElementID(),
-      file: Image(),
-      altText: TextInput({ label: "Alt text" }),
-      link: Link({ label: "On click" }),
-      width: Width(),
-      margin: Margin({ format: Margin.Format.ClassName }),
-      padding: Padding({ format: Padding.Format.ClassName }),
-      border: Border({ format: Border.Format.ClassName }),
-      borderRadius: BorderRadius({ format: BorderRadius.Format.ClassName }),
-      boxShadow: Shadows({ format: Shadows.Format.ClassName }),
-      opacity: ResponsiveOpacity(),
-      priority: Checkbox({ label: "Priority" })
-    }
-  });
-}
-function registerComponent$4(runtime) {
-  return runtime.registerComponent(forwardNextDynamicRef((patch) => dynamic(() => patch(import("./Navigation.es.js")))), {
-    type: MakeswiftComponentType.Navigation,
-    label: "Navigation",
-    icon: ComponentIcon.Navigation,
-    props: {
-      id: ElementID(),
-      links: NavigationLinks(),
-      linkTextStyle: TextStyle((props) => {
-        const links = props.links;
-        return {
-          label: "Link text style",
-          hidden: links == null || links.length === 0
-        };
-      }),
-      showLogo: Checkbox({ preset: true, label: "Show logo" }),
-      logoFile: Image((props) => ({
-        label: "Logo",
-        hidden: props.showLogo === false
-      })),
-      logoWidth: ResponsiveLength((props) => ({
-        preset: [
-          {
-            deviceId: 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: TextInput((props) => ({
-        label: "Logo alt text",
-        hidden: props.showLogo === false
-      })),
-      logoLink: Link((props) => ({
-        label: "Logo on click",
-        hidden: props.showLogo === false
-      })),
-      alignment: 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: GapX({
-        preset: [
-          {
-            deviceId: getBaseBreakpoint(runtime.getBreakpoints()).id,
-            value: { value: 10, unit: "px" }
-          }
-        ],
-        label: "Link gap",
-        min: 0,
-        max: 100,
-        step: 1,
-        defaultValue: { value: 0, unit: "px" }
-      }),
-      mobileMenuAnimation: ResponsiveSelect({
-        label: "Mobile menu",
-        options: [
-          { value: "coverRight", label: "Cover from right" },
-          { value: "coverLeft", label: "Cover from left" }
-        ]
-      }),
-      mobileMenuOpenIconColor: ResponsiveColor((props, device) => {
-        const mobileMenuAnimation = props.mobileMenuAnimation;
-        const hidden = !findBreakpointOverride(runtime.getBreakpoints(), mobileMenuAnimation, device);
-        return {
-          label: "Open icon color",
-          placeholder: "rgba(161, 168, 194, 0.5)",
-          hidden
-        };
-      }),
-      mobileMenuCloseIconColor: ResponsiveColor((props, device) => {
-        const mobileMenuAnimation = props.mobileMenuAnimation;
-        const hidden = !findBreakpointOverride(runtime.getBreakpoints(), mobileMenuAnimation, device);
-        return {
-          label: "Close icon color",
-          placeholder: "rgba(161, 168, 194, 0.5)",
-          hidden
-        };
-      }),
-      mobileMenuBackgroundColor: ResponsiveColor((props, device) => {
-        const mobileMenuAnimation = props.mobileMenuAnimation;
-        const hidden = !findBreakpointOverride(runtime.getBreakpoints(), mobileMenuAnimation, device);
-        return {
-          label: "Menu BG color",
-          placeholder: "black",
-          hidden
-        };
-      }),
-      width: Width({
-        format: Width.Format.ClassName,
-        defaultValue: { value: 100, unit: "%" }
-      }),
-      margin: Margin({ format: Margin.Format.ClassName })
-    }
-  });
-}
-function registerComponent$3(runtime) {
-  return runtime.registerComponent(forwardNextDynamicRef((patch) => dynamic(() => patch(import("./Root.es.js")))), {
-    type: MakeswiftComponentType.Root,
-    label: "Page",
-    hidden: true,
-    props: {
-      children: Grid(),
-      backgrounds: Backgrounds(),
-      rowGap: GapY(),
-      columnGap: GapX()
-    }
-  });
-}
-function registerComponent$2(runtime) {
-  return runtime.registerComponent(forwardNextDynamicRef((patch) => dynamic(() => patch(import("./SocialLinks.es.js")))), {
-    type: MakeswiftComponentType.SocialLinks,
-    label: "Social Links",
-    icon: ComponentIcon.SocialLinks,
-    props: {
-      id: ElementID(),
-      links: 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: 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: 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: 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: ResponsiveColor((props) => {
-        const links = props.links;
-        const hidden = links == null || links.links.length === 0;
-        return {
-          label: "Icon color",
-          hidden
-        };
-      }),
-      backgroundColor: ResponsiveColor((props) => {
-        const links = props.links;
-        const hidden = links == null || links.links.length === 0;
-        return {
-          label: "Shape color",
-          hidden
-        };
-      }),
-      alignment: 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: GapX({
-        preset: [
-          {
-            deviceId: getBaseBreakpoint(runtime.getBreakpoints()).id,
-            value: { value: 10, unit: "px" }
-          }
-        ],
-        label: "Link gap",
-        min: 0,
-        max: 100,
-        step: 1,
-        defaultValue: { value: 0, unit: "px" }
-      }),
-      width: Width({
-        format: Width.Format.ClassName,
-        defaultValue: { value: 100, unit: "%" }
-      }),
-      margin: Margin({
-        format: Margin.Format.ClassName,
-        preset: [
-          {
-            deviceId: 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(() => patch(import("./Text.es.js")))), {
-    type: MakeswiftComponentType.Text,
-    label: "Text",
-    props: {
-      id: ElementID(),
-      text: RichText(),
-      width: Width({
-        format: Width.Format.ClassName,
-        preset: [
-          {
-            deviceId: getBaseBreakpoint(runtime.getBreakpoints()).id,
-            value: { value: 700, unit: "px" }
-          }
-        ],
-        defaultValue: { value: 100, unit: "%" }
-      }),
-      margin: Margin({
-        format: Margin.Format.ClassName,
-        preset: [
-          {
-            deviceId: 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(() => patch(import("./Video.es.js")))), {
-    type: MakeswiftComponentType.Video,
-    label: "Video",
-    icon: ComponentIcon.Video,
-    props: {
-      id: ElementID(),
-      video: Video({ preset: { controls: true } }),
-      width: Width({
-        format: Width.Format.ClassName,
-        defaultValue: { value: 560, unit: "px" }
-      }),
-      margin: Margin({ format: Margin.Format.ClassName }),
-      borderRadius: BorderRadius({ format: 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.createElement("svg", _extends({
-    width: 20,
-    height: 20,
-    viewBox: "0 0 20 20",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path || (_path = /* @__PURE__ */ React.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 = forwardRef(function FallbackComponent2({
-  text
-}, ref) {
-  return /* @__PURE__ */ jsxs("div", {
-    ref,
-    className: 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__ */ jsx(SvgWarning20, {}), /* @__PURE__ */ 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 = useSyncExternalStore(client.subscribe, readSwatch, readSwatch);
-  useEffect(() => {
-    if (swatchId != null)
-      client.fetchSwatch(swatchId).catch(console.error);
-  }, [client, swatchId]);
-  return swatch;
-}
-function useSwatches(swatchIds) {
-  const client = useMakeswiftClient();
-  const lastSnapshot = 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 = useSyncExternalStore(client.subscribe, getSnapshot, getSnapshot);
-  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 = useSyncExternalStore(client.subscribe, readFile, readFile);
-  useEffect(() => {
-    if (fileId != null)
-      client.fetchFile(fileId);
-  }, [client, fileId]);
-  return file;
-}
-function useFiles(fileIds) {
-  const client = useMakeswiftClient();
-  const lastSnapshot = 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 = useSyncExternalStore(client.subscribe, getSnapshot, getSnapshot);
-  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 = useSyncExternalStore(client.subscribe, readTypography, readTypography);
-  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 = useSyncExternalStore(client.subscribe, readGlobalElement, readGlobalElement);
-  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 = useSyncExternalStore(client.subscribe, readLocalizedGlobalElement, readLocalizedGlobalElement);
-  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 = useSyncExternalStore(client.subscribe, readPagePathnameSlice, readPagePathnameSlice);
-  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 = useSyncExternalStore(client.subscribe, readTable, readTable);
-  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 = 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 = 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 = 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$1, strategy) {
-  return join(breakpoints, responsiveValues, join$1, strategy).reduce((acc, { deviceId, value }) => {
-    const breakpoint = getBreakpoint(breakpoints, deviceId);
-    const mediaQuery = getBreakpointMediaQuery(breakpoint);
-    return __spreadProps(__spreadValues({}, acc), {
-      [mediaQuery]: __spreadValues(__spreadValues({}, acc[mediaQuery]), value)
-    });
-  }, {});
-}
-function useResponsiveStyle(responsiveValues, join2, strategy) {
-  return responsiveStyle(useBreakpoints(), responsiveValues, join2, 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(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(StyleControlProperty.Width) && {
-      width: (_a = widthToString(width)) != null ? _a : "100%"
-    }), properties.includes(StyleControlProperty.Margin) && marginPropertyDataToStyle(margin != null ? margin : defaultMargin, defaultMargin)), properties.includes(StyleControlProperty.Padding) && paddingPropertyDataToStyle(padding != null ? padding : defaultPadding, defaultPadding)), properties.includes(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(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(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 = useId().replaceAll(":", "");
-  const styleClassName = useStyle(style);
-  const classNames = `${styleClassName} ${guid}`;
-  useEffect(() => {
-    let currentBoxModel = null;
-    const handleAnimationFrameRequest = () => {
-      if (control == null)
-        return;
-      const element = document.querySelector(`.${guid}`);
-      const measuredBoxModel = element == null ? null : getBox(element);
-      if (!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 = match$1(data).with({ [CheckboxControlDataTypeKey]: 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(definition.config.defaultValue);
-    } catch {
-      defaultColor = ColorHelper();
-    }
-    return defaultColor.rgb().string();
-  }
-  return ColorHelper({ 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 : ImageControlValueFormat.URL;
-  const fileId = match$1(data).with(P.string, (id) => id).with({ type: "makeswift-file" }, ({ id }) => id).otherwise(() => null);
-  const file = useFile(fileId);
-  return match$1([file, data, format]).with([{ __typename: "File" }, P.any, ImageControlValueFormat.URL], ([file2]) => file2.publicUrl).with([
-    { __typename: "File", dimensions: P.not(P.nullish) },
-    P.any,
-    ImageControlValueFormat.WithDimensions
-  ], ([file2]) => ({
-    url: file2.publicUrl,
-    dimensions: file2.dimensions
-  })).with([P.any, { type: "external-file" }, ImageControlValueFormat.URL], ([, d]) => d.url).with([
-    P.any,
-    { type: "external-file", width: P.number, height: P.number },
-    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 = 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(view.document.querySelector(hash), {
-          behavior: "smooth",
-          block
-        });
-        if (view.location.hash !== hash)
-          view.history.pushState({}, "", hash);
-      }
-    }
-  }, [link, href, block]);
-  const res = useMemo(() => ({ href, target, onClick: handleClick }), [href, target, handleClick]);
-  return res;
-}
-function ListControlValue({
-  definition,
-  data,
-  children,
-  control
-}) {
-  const [controls, setControls] = useState(/* @__PURE__ */ new Map());
-  useEffect(() => {
-    if (control == null || data == null)
-      return;
-    setControls(control.setItemsControl(data));
-  }, [data, control]);
-  return (data != null ? data : []).reduce((renderFn, item) => (listControlValue) => /* @__PURE__ */ 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 = match$1(data).with({ [NumberControlDataTypeKey]: NumberControlDataTypeValueV1 }, (val) => val.value).otherwise((val) => val)) != null ? _a : definition.config.defaultValue;
-  return value;
-}
-const EditableText$1 = forwardNextDynamicRef((patch) => dynamic(() => patch(import("./index.es8.js"))));
-const ReadOnlyText$1 = forwardNextDynamicRef((patch) => dynamic(() => patch(import("./ReadOnlyText.es.js"))));
-function useRichText(data, control) {
-  const textCallbackRef = useCallback((handle) => {
-    var _a;
-    if (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__ */ jsx(EditableText$1, {
-    text: data,
-    ref: textCallbackRef
-  }) : /* @__PURE__ */ jsx(ReadOnlyText$1, {
-    text: data,
-    ref: textCallbackRef
-  });
-}
-const EditableText = forwardNextDynamicRef((patch) => dynamic(() => patch(import("./index.es9.js"))));
-const ReadOnlyText = forwardNextDynamicRef((patch) => dynamic(() => patch(import("./ReadOnlyTextV2.es.js"))));
-const ReadOnlyTextV1 = forwardNextDynamicRef((patch) => dynamic(() => patch(import("./ReadOnlyText.es.js"))));
-function useRichTextV2(data, definition, control) {
-  const isPreview = useIsPreview();
-  if (isRichTextV1Data(data)) {
-    return /* @__PURE__ */ jsx(ReadOnlyTextV1, {
-      text: data
-    });
-  }
-  return isPreview ? /* @__PURE__ */ jsx(EditableText, {
-    text: data,
-    definition,
-    control
-  }) : /* @__PURE__ */ 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__ */ 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 = getBox(element);
-    if (!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__ */ jsx(Slot.Placeholder, {
-      control
-    });
-  }
-  return /* @__PURE__ */ jsx(Slot, {
-    control,
-    children: data.elements.map((element, i) => /* @__PURE__ */ jsx(Slot.Item, {
-      control,
-      grid: data.columns,
-      index: i,
-      children: /* @__PURE__ */ 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] = useState(null);
-  const baseClassName = useStyle({
-    display: "flex",
-    flexWrap: "wrap",
-    width: "100%"
-  });
-  useEffect(() => {
-    if (element == null || control == null)
-      return;
-    return pollBoxModel({
-      element,
-      onBoxModelChange: (boxModel) => control.changeContainerBoxModel(boxModel)
-    });
-  }, [element, control]);
-  return /* @__PURE__ */ jsx(As, __spreadProps(__spreadValues({}, restOfProps), {
-    ref: setElement,
-    className: 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] = useState(null);
-  const baseClassName = 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
-    };
-  })));
-  useEffect(() => {
-    if (element == null || control == null)
-      return;
-    return pollBoxModel({
-      element,
-      onBoxModelChange: (boxModel) => control.changeItemBoxModel(index, boxModel)
-    });
-  }, [element, control, index]);
-  return /* @__PURE__ */ jsx(As, __spreadProps(__spreadValues({}, restOfProps), {
-    ref: setElement,
-    className: cx(baseClassName, className),
-    children
-  }));
-}
-function SlotPlaceholder({
-  control
-}) {
-  const [element, setElement] = useState(null);
-  useEffect(() => {
-    if (element == null || control == null)
-      return;
-    return pollBoxModel({
-      element,
-      onBoxModelChange: (boxModel) => control.changeContainerBoxModel(boxModel)
-    });
-  }, [element, control]);
-  return /* @__PURE__ */ jsx("div", {
-    ref: setElement,
-    className: useStyle({
-      width: "100%",
-      background: "rgba(161, 168, 194, 0.18)",
-      height: "80px"
-    }),
-    children: /* @__PURE__ */ jsx("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "100%",
-      height: "100%",
-      className: useStyle({
-        overflow: "visible",
-        padding: 8
-      }),
-      children: /* @__PURE__ */ 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 = findBreakpointOverride(breakpoints, styleControlData, getBaseBreakpoint(breakpoints).id, mergeOrCoalesceFallbacks)) == null ? void 0 : _a.value)), breakpoints.reduce((styles, breakpoint) => {
-    var _a2;
-    return __spreadProps(__spreadValues({}, styles), {
-      [getBreakpointMediaQuery(breakpoint)]: controlDefinition.config.getStyle((_a2 = findBreakpointOverride(breakpoints, styleControlData, breakpoint.id, mergeOrCoalesceFallbacks)) == null ? void 0 : _a2.value)
-    });
-  }, {}));
-}
-function useFormattedStyleV2(styleControlData, controlDefinition) {
-  const styles = useStyleControlCssObject(styleControlData, controlDefinition);
-  return useStyle(styles);
-}
-function StyleV2ControlValue({
-  definition,
-  data,
-  children,
-  control
-}) {
-  return (data != null ? data : []).reduceRight((renderFn, deviceOverrideData) => (responsiveValue) => {
-    return /* @__PURE__ */ 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__ */ jsx(RenderHook, {
-      hook: useFormattedStyleV2,
-      parameters: [value, definition],
-      children: (value2) => children(value2)
-    }, definition.type);
-  })([]);
-}
-function useTextAreaValue(data, definition) {
-  var _a;
-  const value = (_a = match$1(data).with({ [TextAreaControlDataTypeKey]: TextAreaControlDataTypeValueV1 }, (val) => val.value).otherwise((val) => val)) != null ? _a : definition.config.defaultValue;
-  return value;
-}
-function useTextInputValue(data, definition) {
-  var _a;
-  const value = (_a = match$1(data).with({ [TextInputControlDataTypeKey]: 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(isNonNullable$1)) != 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(isNonNullable$1);
-  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 = findBreakpointOverride(breakpoints, enhancedSource, deviceId)) == null ? void 0 : _a2.value;
-    const deviceOverride = (_b2 = 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(isNonNullable$1);
-}
-function useTypographyClassName(value) {
-  return 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;
-  }, shallowMergeFallbacks));
-}
-function useTypographyValue(data) {
-  const enhancedTypography = useEnhancedTypography(data);
-  return useTypographyClassName(enhancedTypography);
-}
-function ControlValue({
-  data,
-  definition,
-  children,
-  control
-}) {
-  switch (definition.type) {
-    case CheckboxControlType:
-      return /* @__PURE__ */ jsx(RenderHook, {
-        hook: useCheckboxControlValue,
-        parameters: [data, definition],
-        children: (value) => children(value)
-      }, definition.type);
-    case NumberControlType:
-      return /* @__PURE__ */ jsx(RenderHook, {
-        hook: useNumber,
-        parameters: [data, definition],
-        children: (value) => children(value)
-      }, definition.type);
-    case TextInputControlType:
-      return /* @__PURE__ */ jsx(RenderHook, {
-        hook: useTextInputValue,
-        parameters: [data, definition],
-        children: (value) => children(value)
-      }, definition.type);
-    case TextAreaControlType:
-      return /* @__PURE__ */ jsx(RenderHook, {
-        hook: useTextAreaValue,
-        parameters: [data, definition],
-        children: (value) => children(value)
-      }, definition.type);
-    case SelectControlType:
-      return /* @__PURE__ */ jsx(RenderHook, {
-        hook: useSelectControlValue,
-        parameters: [data, definition],
-        children: (value) => children(value)
-      }, definition.type);
-    case ColorControlType:
-      return /* @__PURE__ */ jsx(RenderHook, {
-        hook: useColorValue,
-        parameters: [data, definition],
-        children: (value) => children(value)
-      }, definition.type);
-    case IconRadioGroupControlType:
-      return /* @__PURE__ */ jsx(RenderHook, {
-        hook: useIconRadioGroupValue,
-        parameters: [data, definition],
-        children: (value) => children(value)
-      }, definition.type);
-    case ImageControlType:
-      return /* @__PURE__ */ jsx(RenderHook, {
-        hook: useImageControlValue,
-        parameters: [data, definition],
-        children: (value) => children(value)
-      }, definition.type);
-    case LinkControlType:
-      return /* @__PURE__ */ jsx(RenderHook, {
-        hook: useLinkControlValue,
-        parameters: [data, definition],
-        children: (value) => children(value)
-      }, definition.type);
-    case ComboboxControlType:
-      return /* @__PURE__ */ jsx(RenderHook, {
-        hook: useComboboxControlValue,
-        parameters: [data],
-        children: (value) => children(value)
-      }, definition.type);
-    case ShapeControlType:
-      return /* @__PURE__ */ jsx(ShapeControlValue, {
-        definition,
-        data,
-        control,
-        children: (value) => children(value)
-      });
-    case ListControlType:
-      return /* @__PURE__ */ jsx(ListControlValue, {
-        definition,
-        data,
-        control,
-        children: (value) => children(value)
-      });
-    case StyleV2ControlType:
-      return /* @__PURE__ */ jsx(StyleV2ControlValue, {
-        data,
-        definition,
-        control,
-        children: (value) => children(value)
-      }, definition.type);
-    case SlotControlType:
-      return /* @__PURE__ */ jsx(RenderHook, {
-        hook: useSlot,
-        parameters: [data, control],
-        children: (value) => children(value)
-      }, definition.type);
-    case RichTextControlType:
-      return /* @__PURE__ */ jsx(RenderHook, {
-        hook: useRichText,
-        parameters: [data, control],
-        children: (value) => children(value)
-      }, definition.type);
-    case RichTextV2ControlType:
-      return /* @__PURE__ */ jsx(RenderHook, {
-        hook: useRichTextV2,
-        parameters: [data, definition, control],
-        children: (value) => children(value)
-      }, definition.type);
-    case StyleControlType:
-      return /* @__PURE__ */ jsx(RenderHook, {
-        hook: useFormattedStyle,
-        parameters: [data, definition, control],
-        children: (value) => children(value)
-      }, definition.type);
-    case TypographyControlType:
-      return /* @__PURE__ */ jsx(RenderHook, {
-        hook: useTypographyValue,
-        parameters: [data],
-        children: (value) => children(value)
-      }, definition.type);
-    default:
-      return children(data);
-  }
-}
-function useWidthStyle(value, descriptor) {
-  return useStyle(useResponsiveWidth(value, descriptor.options.defaultValue));
-}
-function usePaddingStyle(value) {
-  return useStyle(useResponsivePadding(value));
-}
-function useMarginStyle(value) {
-  return useStyle(useResponsiveMargin(value));
-}
-function useBorderRadiusStyle(value) {
-  return useStyle(useResponsiveBorderRadius(value));
-}
-function useShadowsStyle(value) {
-  const shadowValue = useBoxShadow(value);
-  return useStyle(useResponsiveShadow(shadowValue != null ? shadowValue : void 0));
-}
-function useBorderStyle(value) {
-  const borderData = useBorder(value);
-  return useStyle(useResponsiveBorder(borderData != null ? borderData : void 0));
-}
-function PropsValue({
-  element,
-  children
-}) {
-  var _a;
-  const store = useStore();
-  const propControllerDescriptorsRef = useRef((_a = getComponentPropControllerDescriptors(store.getState(), element.type)) != null ? _a : {});
-  const props = element.props;
-  const documentKey = useDocumentKey();
-  const propControllers = useSelector((state) => {
-    if (documentKey == null)
-      return null;
-    return getPropControllers(state, documentKey, element.key);
-  });
-  return Object.entries(propControllerDescriptorsRef.current).reduceRight((renderFn, [propName, descriptor]) => (propsValue) => {
-    var _a2, _b, _c, _d;
-    switch (descriptor.type) {
-      case CheckboxControlType:
-      case NumberControlType:
-      case TextInputControlType:
-      case TextAreaControlType:
-      case SelectControlType:
-      case ColorControlType:
-      case IconRadioGroupControlType:
-      case ImageControlType:
-      case ComboboxControlType:
-      case ShapeControlType:
-      case ListControlType:
-      case LinkControlType:
-      case StyleV2ControlType:
-      case TypographyControlType:
-        return /* @__PURE__ */ jsx(ControlValue, {
-          definition: descriptor,
-          data: props[propName],
-          control: propControllers == null ? void 0 : propControllers[propName],
-          children: (value) => renderFn(__spreadProps(__spreadValues({}, propsValue), {
-            [propName]: value
-          }))
-        });
-      case StyleControlType: {
-        const control = (_a2 = propControllers == null ? void 0 : propControllers[propName]) != null ? _a2 : null;
-        return /* @__PURE__ */ jsx(RenderHook, {
-          hook: useFormattedStyle,
-          parameters: [props[propName], descriptor, control],
-          children: (value) => renderFn(__spreadProps(__spreadValues({}, propsValue), {
-            [propName]: value
-          }))
-        }, descriptor.type);
-      }
-      case RichTextControlType: {
-        const control = (_b = propControllers == null ? void 0 : propControllers[propName]) != null ? _b : null;
-        return /* @__PURE__ */ jsx(RenderHook, {
-          hook: useRichText,
-          parameters: [props[propName], control],
-          children: (value) => renderFn(__spreadProps(__spreadValues({}, propsValue), {
-            [propName]: value
-          }))
-        }, descriptor.type);
-      }
-      case RichTextV2ControlType: {
-        const control = (_c = propControllers == null ? void 0 : propControllers[propName]) != null ? _c : null;
-        return /* @__PURE__ */ jsx(RenderHook, {
-          hook: useRichTextV2,
-          parameters: [props[propName], descriptor, control],
-          children: (value) => renderFn(__spreadProps(__spreadValues({}, propsValue), {
-            [propName]: value
-          }))
-        }, descriptor.type);
-      }
-      case SlotControlType: {
-        const control = (_d = propControllers == null ? void 0 : propControllers[propName]) != null ? _d : null;
-        return /* @__PURE__ */ jsx(RenderHook, {
-          hook: useSlot,
-          parameters: [props[propName], control],
-          children: (value) => renderFn(__spreadProps(__spreadValues({}, propsValue), {
-            [propName]: value
-          }))
-        }, descriptor.type);
-      }
-      case Types.Width:
-        switch (descriptor.options.format) {
-          case WidthPropControllerFormat.ClassName:
-            return /* @__PURE__ */ 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 Types.Padding:
-        switch (descriptor.options.format) {
-          case PaddingPropControllerFormat.ClassName:
-            return /* @__PURE__ */ 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 Types.Margin:
-        switch (descriptor.options.format) {
-          case MarginPropControllerFormat.ClassName:
-            return /* @__PURE__ */ 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 Types.BorderRadius:
-        switch (descriptor.options.format) {
-          case BorderRadiusPropControllerFormat.ClassName:
-            return /* @__PURE__ */ 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 Types.Shadows:
-        switch (descriptor.options.format) {
-          case ShadowsPropControllerFormat.ClassName:
-            return /* @__PURE__ */ 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 Types.Border:
-        switch (descriptor.options.format) {
-          case BorderPropControllerFormat.ClassName:
-            return /* @__PURE__ */ 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 Types.ResponsiveColor:
-        return /* @__PURE__ */ 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 = findDOMNode(instance);
-  console.error = error;
-  return foundDomNode;
-}
-class FindDomNodeClassComponent extends Component {
-  constructor(props) {
-    super(props);
-    this.props.innerRef.current = () => suppressWarningAndFindDomNode(this);
-  }
-  render() {
-    return /* @__PURE__ */ jsx(Fragment, {
-      children: this.props.children
-    });
-  }
-}
-const FindDomNode = forwardRef(function FindDomNode2(props, ref) {
-  const findDomNodeRef = useRef(null);
-  useImperativeHandle(ref, () => () => {
-    var _a, _b;
-    return (_b = (_a = findDomNodeRef.current) == null ? void 0 : _a.call(findDomNodeRef)) != null ? _b : null;
-  }, []);
-  return /* @__PURE__ */ 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 isMeasurable(current) ? measure(current) : null;
-  }
-  setPropControllers(propControllers) {
-    const current = this.getCurrent();
-    if (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 = configureStore$1({
-      breakpoints: breakpoints ? parseBreakpointsInput(breakpoints) : void 0
-    });
-    registerBuiltinComponents(this);
-  }
-  static registerComponent(component, {
-    type,
-    label,
-    icon = ComponentIcon.Code,
-    hidden = false,
-    props
-  }) {
-    const unregisterComponent = this.store.dispatch(registerComponentEffect(type, {
-      label,
-      icon,
-      hidden
-    }, props != null ? props : {}));
-    const unregisterReactComponent = this.store.dispatch(registerReactComponentEffect(type, component));
-    return () => {
-      unregisterComponent();
-      unregisterReactComponent();
-    };
-  }
-  static copyElementTree(elementTree2, replacementContext) {
-    return copyElementTree(this.store.getState(), elementTree2, replacementContext);
-  }
-  static getBreakpoints() {
-    return getBreakpoints(this.store.getState());
-  }
-  static getTranslatableData(elementTree2) {
-    return getElementTreeTranslatableData(this.store.getState(), elementTree2);
-  }
-  static mergeTranslatedData(elementTree2, translatedData) {
-    return mergeElementTreeTranslatedData(this.store.getState(), elementTree2, translatedData);
-  }
-  registerComponent(component, {
-    type,
-    label,
-    icon = ComponentIcon.Cube,
-    hidden = false,
-    props
-  }) {
-    const unregisterComponent = this.store.dispatch(registerComponentEffect(type, {
-      label,
-      icon,
-      hidden
-    }, props != null ? props : {}));
-    const unregisterReactComponent = this.store.dispatch(registerReactComponentEffect(type, component));
-    return () => {
-      unregisterComponent();
-      unregisterReactComponent();
-    };
-  }
-  copyElementTree(elementTree2, replacementContext) {
-    return copyElementTree(this.store.getState(), elementTree2, replacementContext);
-  }
-  getBreakpoints() {
-    return getBreakpoints(this.store.getState());
-  }
-  getTranslatableData(elementTree2) {
-    return getElementTreeTranslatableData(this.store.getState(), elementTree2);
-  }
-  mergeTranslatedData(elementTree2, translatedData) {
-    return mergeElementTreeTranslatedData(this.store.getState(), elementTree2, translatedData);
-  }
-}
-__publicField(ReactRuntime, "store", configureStore$1());
-registerBuiltinComponents(ReactRuntime);
-const StoreContext = createContext(ReactRuntime.store);
-const PreviewProvider = dynamic(() => import("./PreviewProvider.es.js"));
-const LiveProvider = dynamic(() => import("./LiveProvider.es.js"));
-function RuntimeProvider(_k) {
-  var _l = _k, {
-    preview
-  } = _l, props = __objRest(_l, [
-    "preview"
-  ]);
-  return preview ? /* @__PURE__ */ jsx(PreviewProvider, __spreadValues({}, props)) : /* @__PURE__ */ jsx(LiveProvider, __spreadValues({}, props));
-}
-const PageContext = createContext(null);
-function usePageIdOrNull() {
-  return 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__ */ jsx(PageContext.Provider, {
-    value: id,
-    children
-  });
-}
-const DocumentContext = createContext(null);
-function useDocumentKey() {
-  return useContext(DocumentContext);
-}
-const DocumentCyclesContext = createContext([]);
-function useStore() {
-  return useContext(StoreContext);
-}
-function useSelector(selector) {
-  const store = useStore();
-  return useSyncExternalStoreWithSelector(store.subscribe, store.getState, store.getState, selector);
-}
-function useComponent(type) {
-  return useSelector((state) => getReactComponent(state, type));
-}
-function useElementId(elementKey) {
-  const documentKey = useDocumentKey();
-  return useSelector((state) => documentKey == null || elementKey == null ? null : getElementId(state, documentKey, elementKey));
-}
-function useDocument(documentKey) {
-  return useSelector((state) => getDocument(state, documentKey));
-}
-function useIsInBuilder() {
-  return useSelector((state) => getIsInBuilder(state));
-}
-function useIsPreview() {
-  return useSelector((state) => getIsPreview(state));
-}
-function useBuilderEditMode() {
-  return useSelector((state) => getBuilderEditMode(state));
-}
-function useBreakpoints() {
-  return useSelector((state) => getBreakpoints(state));
-}
-function useDispatch() {
-  const store = 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 = memo(forwardRef(function ElementData2({
-  elementData
-}, ref) {
-  const Component2 = useComponent(elementData.type);
-  suppressRefWarning(`\`ForwardRef(${ElementData2.name})\``);
-  if (Component2 == null) {
-    return /* @__PURE__ */ jsx(FallbackComponent, {
-      ref,
-      text: "Component not found"
-    });
-  }
-  return /* @__PURE__ */ jsx(Suspense, {
-    children: /* @__PURE__ */ jsx(PropsValue, {
-      element: elementData,
-      children: (props) => /* @__PURE__ */ createElement(Component2, __spreadProps(__spreadValues({}, props), {
-        key: elementData.key,
-        ref
-      }))
-    })
-  });
-}));
-const DisableRegisterElement = createContext(false);
-const ElementReference = memo(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 = useContext(DocumentCyclesContext);
-  const providedDocumentKeys = useMemo(() => [...documentKeys, documentKey], [documentKeys, documentKey]);
-  if (globalElementData == null) {
-    return /* @__PURE__ */ jsx(FallbackComponent, {
-      ref,
-      text: "This global component doesn't exist"
-    });
-  }
-  if (documentKeys.includes(documentKey)) {
-    return /* @__PURE__ */ jsx(FallbackComponent, {
-      ref,
-      text: "This global component contains itself!"
-    });
-  }
-  return /* @__PURE__ */ jsx(DocumentCyclesContext.Provider, {
-    value: providedDocumentKeys,
-    children: elementReferenceDocument != null ? /* @__PURE__ */ jsx(Document, {
-      document: elementReferenceDocument,
-      ref
-    }) : /* @__PURE__ */ jsx(DisableRegisterElement.Provider, {
-      value: true,
-      children: /* @__PURE__ */ jsx(ElementData, {
-        elementData: globalElementData,
-        ref
-      })
-    })
-  });
-}));
-const Element$1 = memo(forwardRef(function Element2({
-  element
-}, ref) {
-  const elementKey = element.key;
-  const dispatch = useDispatch();
-  const documentKey = useDocumentKey();
-  const useFindDomNodeRef = useRef(true);
-  const imperativeHandleRef = useRef(new ElementImperativeHandle());
-  const findDomNodeCallbackRef = useCallback((current) => {
-    if (useFindDomNodeRef.current === true) {
-      imperativeHandleRef.current.callback(() => {
-        var _a;
-        return (_a = current == null ? void 0 : current()) != null ? _a : null;
-      });
-    }
-  }, []);
-  const elementCallbackRef = useCallback((current) => {
-    useFindDomNodeRef.current = false;
-    imperativeHandleRef.current.callback(() => current);
-  }, []);
-  const isRegisterElementDisabled = useContext(DisableRegisterElement);
-  useImperativeHandle(ref, () => imperativeHandleRef.current, []);
-  useEffect(() => {
-    if (documentKey == null || isRegisterElementDisabled)
-      return;
-    return dispatch(registerComponentHandleEffect(documentKey, elementKey, imperativeHandleRef.current));
-  }, [dispatch, documentKey, elementKey, isRegisterElementDisabled]);
-  useEffect(() => {
-    if (documentKey == null || isRegisterElementDisabled)
-      return;
-    return dispatch(mountComponentEffect(documentKey, elementKey));
-  }, [dispatch, documentKey, elementKey, isRegisterElementDisabled]);
-  return /* @__PURE__ */ jsx(FindDomNode, {
-    ref: findDomNodeCallbackRef,
-    children: isElementReference(element) ? /* @__PURE__ */ jsx(ElementReference, {
-      ref: elementCallbackRef,
-      elementReference: element
-    }, elementKey) : /* @__PURE__ */ jsx(ElementData, {
-      ref: elementCallbackRef,
-      elementData: element
-    }, elementKey)
-  });
-}));
-const Document = memo(forwardRef(function Document2({
-  document: document2
-}, ref) {
-  return /* @__PURE__ */ jsx(DocumentContext.Provider, {
-    value: document2.key,
-    children: /* @__PURE__ */ jsx(Element$1, {
-      ref,
-      element: document2.rootElement
-    })
-  });
-}));
-const DocumentReference = memo(forwardRef(function DocumentReference2({
-  documentReference
-}, ref) {
-  const document2 = useDocument(documentReference.key);
-  if (document2 == null) {
-    return /* @__PURE__ */ jsx(FallbackComponent, {
-      ref,
-      text: "Document not found"
-    });
-  }
-  return /* @__PURE__ */ jsx(Document, {
-    ref,
-    document: document2
-  });
-}));
-export { MakeswiftApiHandler as $, Alignments as A, isNonNullable as B, Contrasts as C, DocumentReference as D, Element$1 as E, useFiles as F, useSwatches as G, usePagePathnameSlice as H, useElementId as I, ElementImperativeHandle as J, StoreContext as K, useEnhancedTypography as L, MakeswiftProvider as M, useTypographyClassName as N, useBuilderEditMode as O, PageProvider as P, pollBoxModel as Q, RuntimeProvider as R, Shapes as S, ControlValue as T, getStaticPaths as U, getStaticProps as V, getServerSideProps as W, Page as X, Makeswift as Y, PreviewModeScript as Z, Document$1 as _, ReactRuntime as a, forwardNextDynamicRef as a0, usePageId as b, DEFAULT_BOX_ANIMATE_TYPE as c, DEFAULT_BOX_ANIMATE_DELAY as d, DEFAULT_BOX_ANIMATE_DURATION as e, DEFAULT_ITEM_ANIMATE_TYPE as f, DEFAULT_ITEM_ANIMATE_DELAY as g, DEFAULT_ITEM_ANIMATE_DURATION as h, DEFAULT_ITEM_STAGGER_DURATION as i, useBorder as j, useBoxShadow as k, useResponsiveColor as l, Page$1 as m, useResponsiveStyle as n, useResponsiveWidth as o, useResponsiveTextStyle as p, colorToString as q, useBreakpoints as r, Sizes as s, useFormContext as t, useIsInBuilder as u, useResponsiveGridItem as v, useTable as w, useMakeswiftClient as x, Provider as y, useFile as z };
-//# sourceMappingURL=index.es.js.map