@makeswift/runtime 0.0.10 → 0.0.13

package/dist/index.es.js

@@ -43,23 +43,22 @@ import { f as registerComponentHandleEffect, g as mountComponentEffect, h as reg
 import styled, { css, keyframes, createGlobalStyle } from "styled-components";
 import { useReducedMotion, useAnimation, motion } from "framer-motion";
 import { cx, css as css$1, cache } from "@emotion/css";
-import { getDataFromTree } from "@apollo/client/react/ssr";
-import { KeyUtils, Value } from "slate";
-import uuid from "uuid/v4";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import "html-react-parser";
-import "next/head";
+import parse$1 from "html-react-parser";
+import Head from "next/head";
 import { E as ElementID, B as Backgrounds$1, W as Width, R as ResponsiveIconRadioGroup, M as Margin, P as Padding, a as Border, b as BorderRadius, S as Shadows, G as GapY, c as GapX, e as ResponsiveSelect, f as ResponsiveNumber, C as Checkbox$1, g as Grid$2, h as TextInput, L as Link$1, i as ResponsiveColor, j as TextStyle, I as Image$1, k as ResponsiveOpacity, l as Images, N as Number$1, D as Date$1, F as Font, m as ResponsiveLength, n as TextArea$1, o as Table, p as TableFormFields, q as NavigationLinks, r as SocialLinks$1, s as RichText, V as Video$1, T as Types, t as WidthControlValueFormats } from "./descriptors.es.js";
 import ColorHelper from "color";
 import scrollIntoView from "scroll-into-view-if-needed";
 import NextLink from "next/link";
 import { useGesture } from "react-use-gesture";
 import { wrap } from "@popmotion/popcorn";
+import uuid from "uuid/v4";
 import NextImage from "next/image";
 import { Field as Field$1, getIn, Formik } from "formik";
 import { p as parse, c as createBox, g as getBox } from "./box-models.es.js";
 import { normalize } from "polished";
 import ReactPlayer from "react-player";
+import { Value } from "slate";
 import Hotkeys from "slate-hotkeys";
 import ipsum from "corporate-ipsum";
 import { isHotkey } from "is-hotkey";
@@ -284,13 +283,35 @@ const typePolicies = {
           __typename: "Table",
           id: args == null ? void 0 : args.id
         }, true);
+      },
+      page(existingData, {
+        args,
+        toReference
+      }) {
+        return existingData != null ? existingData : toReference({
+          __typename: "Page",
+          id: args == null ? void 0 : args.id
+        }, true);
+      },
+      site(existingData, {
+        args,
+        toReference
+      }) {
+        return existingData != null ? existingData : toReference({
+          __typename: "Site",
+          id: args == null ? void 0 : args.id
+        }, true);
       }
     }
   }
 };
-const PrefetchContext = createContext(false);
-function useIsPrefetching() {
-  return useContext(PrefetchContext);
+const isServer$1 = typeof window === "undefined";
+let globalApolloClient = null;
+function garbageCollectGlobalCacheData() {
+  globalApolloClient = null;
+}
+function getGlobalCacheData() {
+  return globalApolloClient == null ? void 0 : globalApolloClient.cache.extract();
 }
 function createApolloClient({
   uri,
@@ -303,7 +324,8 @@ function createApolloClient({
     cache2.restore(cacheData);
   return new ApolloClient({
     uri,
-    cache: cache2
+    cache: cache2,
+    ssrMode: isServer$1
   });
 }
 class MakeswiftClient {
@@ -312,25 +334,14 @@ class MakeswiftClient {
     cacheData
   }) {
     __publicField(this, "apolloClient");
-    this.apolloClient = createApolloClient({
-      uri,
-      cacheData
-    });
-  }
-  async prefetch(element) {
-    const id = uuid();
-    await getDataFromTree(/* @__PURE__ */ jsx(PrefetchContext.Provider, {
-      value: true,
-      children: /* @__PURE__ */ jsx(RuntimeProvider, {
-        client: this,
-        rootElements: /* @__PURE__ */ new Map([[id, element]]),
-        children: /* @__PURE__ */ jsx(DocumentReference, {
-          documentReference: createDocumentReference(id)
-        })
-      })
-    }));
-    KeyUtils.resetGenerator();
-    return this.apolloClient.cache.extract();
+    if (globalApolloClient == null)
+      globalApolloClient = createApolloClient({
+        uri,
+        cacheData
+      });
+    else if (cacheData != null)
+      globalApolloClient.cache.restore(cacheData);
+    this.apolloClient = globalApolloClient;
   }
   updateCacheData(cacheData) {
     this.apolloClient.cache.restore(cacheData);
@@ -1349,9 +1360,6 @@ const BackgroundsContainer$1 = styled(Container$c)`
 function Backgrounds({
   backgrounds
 }) {
-  const isPrefetching = useIsPrefetching();
-  if (isPrefetching)
-    return /* @__PURE__ */ jsx(Fragment, {});
   if (backgrounds == null)
     return /* @__PURE__ */ jsx(Fragment, {});
   return /* @__PURE__ */ jsx(Fragment, {
@@ -2136,7 +2144,8 @@ const Button$1 = forwardRef(function Button2(_m, ref) {
     color,
     textStyle,
     width,
-    margin
+    margin,
+    className
   } = _n, restOfProps = __objRest(_n, [
     "id",
     "children",
@@ -2148,12 +2157,13 @@ const Button$1 = forwardRef(function Button2(_m, ref) {
     "color",
     "textStyle",
     "width",
-    "margin"
+    "margin",
+    "className"
   ]);
   return /* @__PURE__ */ jsx(StyledButton$1, __spreadProps(__spreadValues({}, restOfProps), {
     ref,
     id,
-    className: cx(css$1(responsiveWidth(width, "auto"))),
+    className: cx(css$1(responsiveWidth(width, "auto")), className),
     color,
     link,
     margin,
@@ -2329,7 +2339,6 @@ const ImageComponent = forwardRef(function Image2({
   const dataDimensions = (fileData == null ? void 0 : fileData.publicUrl) ? fileData == null ? void 0 : fileData.dimensions : placeholder2.dimensions;
   const [measuredDimensions, setMeasuredDimensions] = useState(null);
   const isInBuilder = useIsInBuilder();
-  const isPrefetching = useIsPrefetching();
   useEffect(() => {
     if (dataDimensions)
       return;
@@ -2350,8 +2359,6 @@ const ImageComponent = forwardRef(function Image2({
   if (!dimensions)
     return null;
   const widthClass = css$1(responsiveWidth(width, `${dimensions.width}px`));
-  if (isPrefetching)
-    return null;
   return /* @__PURE__ */ jsx(ImageContainer, {
     as: link ? Link : "div",
     link,
@@ -2514,7 +2521,7 @@ const Reel = styled(motion.div)`
         }
       `)}
 `;
-const Page = styled(motion.div)`
+const Page$1 = styled(motion.div)`
   position: relative;
   width: 100%;
 `;
@@ -2727,7 +2734,7 @@ const Carousel = forwardRef(function Carousel2({
     },
     children: [/* @__PURE__ */ jsxs(Container$b, {
       children: [/* @__PURE__ */ jsx(ClipMask, {
-        children: /* @__PURE__ */ jsx(Page, __spreadProps(__spreadValues({}, bindPage()), {
+        children: /* @__PURE__ */ jsx(Page$1, __spreadProps(__spreadValues({}, bindPage()), {
           animate: animation,
           children: /* @__PURE__ */ jsx(Reel, {
             gap,
@@ -3516,7 +3523,7 @@ const defaultHtml = `<div style="padding: 24px; background-color: rgba(161, 168,
 <rect y="160" width="40" height="8" rx="2" fill="#A1A8C2" fill-opacity="0.5"/>
 </svg>
 </div>`;
-const SCRIPT_TAG = "script";
+const SCRIPT_TAG$1 = "script";
 const Embed = forwardRef(function Embed2({
   id,
   width,
@@ -3534,7 +3541,7 @@ const Embed = forwardRef(function Embed2({
       return;
     const walker = container.ownerDocument.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
       acceptNode(node) {
-        return node.tagName.toLowerCase() === SCRIPT_TAG ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
+        return node.tagName.toLowerCase() === SCRIPT_TAG$1 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
       }
     });
     const nodes = [];
@@ -3545,7 +3552,7 @@ const Embed = forwardRef(function Embed2({
         await new Promise((resolve) => {
           var _a, _b;
           const node = nodes[i];
-          const script = node.ownerDocument.createElement(SCRIPT_TAG);
+          const script = node.ownerDocument.createElement(SCRIPT_TAG$1);
           script.textContent = node.textContent;
           Array.from(node.attributes).forEach(({
             name,
@@ -4874,7 +4881,7 @@ function useTableFormFieldRefs(propController, { fieldsCount }) {
     }
   }, [propController, container, items, isInBuilder]);
   const itemRefs = useMemo(() => Array.from({ length: fieldsCount + 1 }).map((_, index) => (item) => {
-    setItems((is) => [...is.slice(0, index), item, ...is.slice(index + 1)]);
+    setItems((is2) => [...is2.slice(0, index), item, ...is2.slice(index + 1)]);
   }), [fieldsCount, setItems]);
   return { container: setContainer, items: itemRefs };
 }
@@ -6200,7 +6207,7 @@ const GridItem = styled.div`
   align-items: flex-start;
   ${cssGridItem()}
 `;
-const Root = forwardRef(function Page2({
+const Root = forwardRef(function Page({
   children,
   backgrounds,
   rowGap,
@@ -7801,6 +7808,325 @@ function registerBuiltinComponents(runtime) {
     unregisterVideoComponent();
   };
 }
+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 is(x, y) {
+  if (x === y)
+    return x !== 0 || y !== 0 || 1 / x === 1 / y;
+  return x !== x && y !== y;
+}
+const { hasOwnProperty: hasOwnProperty$1 } = Object.prototype;
+const shallowEqual = (a, b) => {
+  if (is(a, b))
+    return true;
+  if (typeof a !== "object" || a === null || typeof b !== "object" || b === null)
+    return false;
+  const keysA = Object.keys(a);
+  const keysB = Object.keys(b);
+  if (keysA.length !== keysB.length)
+    return false;
+  for (let i = 0; i < keysA.length; i += 1) {
+    if (!hasOwnProperty$1.call(b, keysA[i]) || !is(a[keysA[i]], b[keysA[i]]))
+      return false;
+  }
+  return true;
+};
+const { hasOwnProperty } = Object.prototype;
+const deepEqual = (a, b) => {
+  if (shallowEqual(a, b))
+    return true;
+  if (typeof a !== "object" || a === null || typeof b !== "object" || b === null)
+    return false;
+  const keysA = Object.keys(a);
+  const keysB = Object.keys(b);
+  if (keysA.length !== keysB.length)
+    return false;
+  for (let i = 0; i < keysA.length; i += 1) {
+    if (!hasOwnProperty.call(b, keysA[i]) || !deepEqual(a[keysA[i]], b[keysA[i]]))
+      return false;
+  }
+  return true;
+};
+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$1(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
+});
+const PAGE_SNIPPETS_QUERY = gql`
+  query PageById($id: ID!) {
+    page(id: $id) {
+      __typename
+      id
+      snippets {
+        __typename
+        id
+        name
+        code
+        cleanup
+        location
+        shouldAddToNewPages
+        liveEnabled
+        builderEnabled
+      }
+    }
+  }
+`;
+const SITE_FONTS_QUERY = gql`
+  query SiteById($id: ID!) {
+    site(id: $id) {
+      id
+      googleFonts {
+        edges {
+          activeVariants {
+            specifier
+          }
+          node {
+            family
+            variants {
+              specifier
+            }
+          }
+        }
+      }
+    }
+  }
+`;
+function Page2({
+  page,
+  preview = false
+}) {
+  var _a;
+  const isInBuilder = useIsInBuilder();
+  const [snippets, setSnippets] = useState(page.snippets);
+  useQuery(PAGE_SNIPPETS_QUERY, {
+    variables: {
+      id: page.id
+    },
+    skip: isInBuilder === false,
+    fetchPolicy: "cache-only",
+    onCompleted(data) {
+      if (data == null)
+        return;
+      const oldSnippets = snippets.map(filterUsedSnippetProperties);
+      const newSnippets = data.page.snippets.map(filterUsedSnippetProperties);
+      if (deepEqual(newSnippets, oldSnippets))
+        return;
+      setSnippets(data.page.snippets);
+    }
+  });
+  const {
+    data: siteData
+  } = useQuery(SITE_FONTS_QUERY, {
+    variables: {
+      id: page.site.id
+    },
+    skip: isInBuilder === false,
+    fetchPolicy: "cache-only"
+  });
+  const favicon = (_a = page.meta.favicon) != null ? _a : defaultFavicon;
+  const {
+    title,
+    description,
+    keywords,
+    socialImage
+  } = page.meta;
+  const {
+    canonicalUrl,
+    isIndexingBlocked
+  } = page.seo;
+  const fontFamilyParamValue = useMemo(() => {
+    if ((siteData == null ? void 0 : siteData.site) == null) {
+      return page.fonts.map(({
+        family,
+        variants
+      }) => {
+        return `${family.replace(/ /g, "+")}:${variants.join()}`;
+      }).join("|");
+    }
+    return siteData.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("|");
+  }, [siteData, page]);
+  const filteredSnippets = useMemo(() => snippets.filter((snippet) => preview ? snippet.builderEnabled : snippet.liveEnabled), [snippets]);
+  const headSnippets = useMemo(() => filteredSnippets.filter((snippet) => snippet.location === "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]);
+  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.publicUrl
+        }), /* @__PURE__ */ jsx("meta", {
+          name: "twitter:image",
+          content: socialImage.publicUrl
+        }), /* @__PURE__ */ jsx("meta", {
+          name: "twitter:card",
+          content: socialImage.publicUrl
+        }), /* @__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(page.id)
+    }), filteredSnippets.filter((snippet) => snippet.location === "BODY").map((snippet) => /* @__PURE__ */ jsx(BodySnippet, {
+      code: snippet.code,
+      cleanup: snippet.cleanup
+    }, snippet.id))]
+  });
+}
 var _path;
 function _extends() {
   _extends = Object.assign || function(target) {
@@ -8177,8 +8503,11 @@ function useStyleControlCssObject(style, controlDefinition) {
 }
 const useInsertionEffectSpecifier = "useInsertionEffect";
 const useInsertionEffect = (_ea = React[useInsertionEffectSpecifier]) != null ? _ea : React.useLayoutEffect;
+const isServer = typeof window === "undefined";
 function useFormattedStyle(styleControlData, controlDefinition) {
   const style = useStyleControlCssObject(styleControlData, controlDefinition);
+  if (isServer)
+    return css$1(style);
   const serialized = serializeStyles([style], cache.registered);
   useInsertionEffect(() => {
     insertStyles(cache, serialized, false);
@@ -8242,7 +8571,7 @@ function ShapeControlValue({
   data,
   children
 }) {
-  return Object.entries(definition.config.type).reduce((renderFn, [key, controlDefinition]) => (shapeControlValue) => /* @__PURE__ */ jsx(ControlValue, {
+  return Object.entries(definition.config.type).reduceRight((renderFn, [key, controlDefinition]) => (shapeControlValue) => /* @__PURE__ */ jsx(ControlValue, {
     definition: controlDefinition,
     data: data == null ? void 0 : data[key],
     children: (value) => renderFn(__spreadProps(__spreadValues({}, shapeControlValue), {
@@ -8388,11 +8717,9 @@ function PropsValue({
 function suppressWarningAndFindDomNode(instance) {
   const error = console.error;
   console.error = (...args) => {
-    const [msg, ...substitutions] = args;
-    const text = substitutions.reduce((text2, substitution) => text2.replace("%s", substitution), msg);
-    if (!text.includes("findDOMNode is deprecated in StrictMode.")) {
-      error.apply(console, 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;
@@ -8550,11 +8877,10 @@ function useSuppressRefWarning(ownerName) {
   const patchedRef = useRef(false);
   if (patchedRef.current === false) {
     console.error = (...args) => {
-      const [msg, ...substitutions] = args;
-      const text = substitutions.reduce((text2, substitution) => text2.replace("%s", substitution), msg);
-      if (!text.includes("Function components cannot be given refs.") || !text.includes(`Check the render method of \`${ownerName}\`.`)) {
-        originalErrorRef.current(...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 originalErrorRef.current(...args);
     };
     patchedRef.current = true;
   }
@@ -8657,21 +8983,21 @@ const Element$1 = memo(forwardRef(function Element2({
   }, elementKey);
 }));
 const Document = memo(forwardRef(function Document2({
-  document
+  document: document2
 }, ref) {
   return /* @__PURE__ */ jsx(DocumentContext.Provider, {
-    value: document.key,
+    value: document2.key,
     children: /* @__PURE__ */ jsx(Element$1, {
       ref,
-      element: document.rootElement
+      element: document2.rootElement
     })
   });
 }));
 const DocumentReference = memo(forwardRef(function DocumentReference2({
   documentReference
 }, ref) {
-  const document = useDocument(documentReference.key);
-  if (document == null) {
+  const document2 = useDocument(documentReference.key);
+  if (document2 == null) {
     return /* @__PURE__ */ jsx(FallbackComponent, {
       ref,
       text: "Document not found"
@@ -8679,8 +9005,8 @@ const DocumentReference = memo(forwardRef(function DocumentReference2({
   }
   return /* @__PURE__ */ jsx(Document, {
     ref,
-    document
+    document: document2
   });
 }));
-export { useBackgrounds as A, Box as B, Carousel as C, DocumentReference as D, Element$1 as E, Form as F, useBorder as G, useBoxShadow as H, ImageComponent as I, useResponsiveColor as J, useFile as K, useMediaQuery as L, usePage as M, Navigation as N, useTable as O, PageProvider as P, MakeswiftClient as Q, RuntimeProvider as R, SocialLinks as S, Text as T, ReactRuntime as a, usePageId as b, Button$1 as c, Countdown as d, Divider as e, Embed as f, Root as g, registerComponent$c as h, DEFAULT_BOX_ANIMATE_TYPE as i, DEFAULT_BOX_ANIMATE_DELAY as j, DEFAULT_BOX_ANIMATE_DURATION as k, DEFAULT_ITEM_ANIMATE_TYPE as l, DEFAULT_ITEM_ANIMATE_DELAY as m, DEFAULT_ITEM_ANIMATE_DURATION as n, DEFAULT_ITEM_STAGGER_DURATION as o, cssMediaRules as p, cssWidth as q, registerBuiltinComponents as r, cssMargin as s, cssPadding as t, useIsInBuilder as u, cssBorder as v, cssBorderRadius as w, cssBoxShadow as x, cssGridItem as y, cssTextStyle as z };
+export { useBackgrounds as A, Box as B, Carousel as C, DocumentReference as D, Element$1 as E, Form as F, useBorder as G, useBoxShadow as H, ImageComponent as I, useResponsiveColor as J, useFile as K, useMediaQuery as L, usePage as M, Navigation as N, useTable as O, PageProvider as P, PAGE_SNIPPETS_QUERY as Q, RuntimeProvider as R, SocialLinks as S, Text as T, SITE_FONTS_QUERY as U, Page2 as V, garbageCollectGlobalCacheData as W, getGlobalCacheData as X, MakeswiftClient as Y, deepEqual as Z, ReactRuntime as a, usePageId as b, Button$1 as c, Countdown as d, Divider as e, Embed as f, Root as g, registerComponent$c as h, DEFAULT_BOX_ANIMATE_TYPE as i, DEFAULT_BOX_ANIMATE_DELAY as j, DEFAULT_BOX_ANIMATE_DURATION as k, DEFAULT_ITEM_ANIMATE_TYPE as l, DEFAULT_ITEM_ANIMATE_DELAY as m, DEFAULT_ITEM_ANIMATE_DURATION as n, DEFAULT_ITEM_STAGGER_DURATION as o, cssMediaRules as p, cssWidth as q, registerBuiltinComponents as r, cssMargin as s, cssPadding as t, useIsInBuilder as u, cssBorder as v, cssBorderRadius as w, cssBoxShadow as x, cssGridItem as y, cssTextStyle as z };
 //# sourceMappingURL=index.es.js.map