@makeswift/runtime 0.9.4 → 0.9.6

package/dist/index.cjs8.js

@@ -9,6 +9,7 @@ require("./react-page.cjs.js");
 require("redux");
 require("redux-thunk");
 require("./actions.cjs.js");
+require("zod");
 require("./state/breakpoints.cjs.js");
 require("@emotion/css");
 require("@emotion/serialize");
@@ -26,7 +27,6 @@ require("scroll-into-view-if-needed");
 require("react-dom");
 require("html-react-parser");
 require("next/head");
-require("zod");
 require("@emotion/server/create-instance");
 require("next/document");
 require("cors");

package/dist/index.cjs9.js

@@ -37,9 +37,6 @@ var isHotkey = require("is-hotkey");
 var slateHistory = require("slate-history");
 var slateReact = require("slate-react");
 var reactPage = require("./react-page.cjs.js");
-var css = require("@emotion/css");
-require("@emotion/serialize");
-require("@emotion/utils");
 var next = require("./index.cjs.js");
 require("./state/breakpoints.cjs.js");
 require("./types.cjs2.js");
@@ -47,10 +44,13 @@ var index = require("./index.cjs6.js");
 var index$1 = require("./index.cjs7.js");
 var jsxRuntime = require("react/jsx-runtime");
 require("./index.cjs3.js");
+var css = require("@emotion/css");
 var useIsomorphicLayoutEffect = require("./useIsomorphicLayoutEffect.cjs.js");
+require("./actions.cjs.js");
 require("redux");
 require("redux-thunk");
-require("./actions.cjs.js");
+require("@emotion/serialize");
+require("@emotion/utils");
 require("use-sync-external-store/shim/with-selector");
 require("next/dynamic");
 require("./typography.cjs.js");

package/dist/index.es.js

@@ -38,8 +38,8 @@ 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 { a as createDocumentReference, g as getPropControllerDescriptors, b as isElementReference, e as getSwatchIds, f as getFileIds, h as getTypographyIds, j as getTableIds, k as getPageIds, l as getElementChildren, E as ElementID, B as Backgrounds, W as Width, m as ResponsiveIconRadioGroup, M as Margin, P as Padding, n as Border, o as BorderRadius, S as Shadows, G as GapY, p as GapX, q as ResponsiveSelect, r as ResponsiveNumber, s as Checkbox, t as Grid, u as TextInput, L as Link, v as ResponsiveColor, w as TextStyle, C as ComponentIcon, I as Images, N as Number$1, D as Date$1, F as Font, x as ResponsiveLength, y as TextArea, z as Table, A as TableFormFields, H as Image, J as ResponsiveOpacity, K as NavigationLinks, O as SocialLinks, Q as RichText, V as Video, U as useStyle, X as getBorderSwatchIds, Y as isNonNullable$1, Z as getBoxShadowsSwatchIds, _ as getResponsiveColorSwatchIds, $ as StyleControlProperty, a0 as ImageControlValueFormat, a1 as isPropControllersHandle, a2 as StyleControlType, a3 as RichTextV2ControlType, a4 as RichTextControlType, a5 as SlotControlType, a6 as StyleV2ControlType, a7 as ListControlType, a8 as ShapeControlType, a9 as LinkControlType, aa as ImageControlType, ab as ColorControlType, ac as getComponentPropControllerDescriptors, ad as getPropControllers, ae as Types, af as BorderPropControllerFormat, ag as ShadowsPropControllerFormat, ah as BorderRadiusPropControllerFormat, ai as MarginPropControllerFormat, aj as PaddingPropControllerFormat, ak as WidthPropControllerFormat, al as configureStore$1, am as copyElementTree, an as getBreakpoints, ao as getDocument, ap as getElementId, aq as getIsPreview, ar as getIsInBuilder, as as getReactComponent, at as getBuilderEditMode } 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 { a as createDocumentReference, g as getPropControllerDescriptors, b as isElementReference, e as getSwatchIds, f as getFileIds, h as getTypographyIds, j as getTableIds, k as getPageIds, l as getElementChildren, E as ElementID, B as Backgrounds, W as Width, m as ResponsiveIconRadioGroup, M as Margin, P as Padding, n as Border, o as BorderRadius, S as Shadows, G as GapY, p as GapX, q as ResponsiveSelect, r as ResponsiveNumber, s as Checkbox, t as Grid, u as TextInput, L as Link, v as ResponsiveColor, w as TextStyle, C as ComponentIcon, I as Images, N as Number$1, D as Date$1, F as Font, x as ResponsiveLength, y as TextArea, z as Table, A as TableFormFields, H as Image, J as ResponsiveOpacity, K as NavigationLinks, O as SocialLinks, Q as RichText, V as Video, U as useStyle, X as getBorderSwatchIds, Y as isNonNullable$1, Z as getBoxShadowsSwatchIds, _ as getResponsiveColorSwatchIds, $ as StyleControlProperty, a0 as ImageControlValueFormat, a1 as isPropControllersHandle, a2 as StyleControlType, a3 as RichTextV2ControlType, a4 as RichTextControlType, a5 as SlotControlType, a6 as StyleV2ControlType, a7 as ListControlType, a8 as ShapeControlType, a9 as LinkControlType, aa as ImageControlType, ab as ColorControlType, ac as getComponentPropControllerDescriptors, ad as getPropControllers, ae as Types, af as BorderPropControllerFormat, ag as ShadowsPropControllerFormat, ah as BorderRadiusPropControllerFormat, ai as MarginPropControllerFormat, aj as PaddingPropControllerFormat, ak as WidthPropControllerFormat, al as configureStore$1, am as copyElementTree, an as getBreakpoints, ao as parseLocalesInput, ap as getDocument, aq as getElementId, ar as getIsPreview, as as getIsInBuilder, at as getReactComponent, au as getBuilderEditMode } from "./react-page.es.js";
+import { A as ActionTypes, o as apiResourceFulfilled, p as registerComponentEffect, q as registerReactComponentEffect, t as registerComponentHandleEffect, v as mountComponentEffect } from "./actions.es.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { T as TypographyControlType, I as IconRadioGroupControlType, S as SelectControlType, a as TextAreaControlType, b as TextInputControlType, N as NumberControlType, C as CheckboxControlType } from "./typography.es.js";
 import { C as ComboboxControlType } from "./combobox.es.js";
@@ -48,13 +48,11 @@ 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 { getBaseBreakpoint, findBreakpointOverride, DefaultBreakpointID, join, getBreakpoint, getBreakpointMediaQuery, shallowMergeFallbacks, parseBreakpointsInput } from "./state/breakpoints.es.js";
+import { getBaseBreakpoint, findBreakpointOverride, DefaultBreakpointID, join, getBreakpoint, getBreakpointMediaQuery, mergeOrCoalesceFallbacks, shallowMergeFallbacks, parseBreakpointsInput } from "./state/breakpoints.es.js";
 import { g as getBox, i as isMeasurable, m as measure } from "./box-models.es.js";
 import ColorHelper from "color";
-import { cache, cx } from "@emotion/css";
-import "@emotion/serialize";
-import "@emotion/utils";
 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";
@@ -220,7 +218,7 @@ async function fetchJson(url) {
   }
   return response.json();
 }
-function fetchAPIResource(resourceType, resourceId) {
+function fetchAPIResource(resourceType, resourceId, locale) {
   return async (dispatch, getState) => {
     const state = getState();
     if (getHasAPIResource(state, resourceType, resourceId)) {
@@ -238,7 +236,7 @@ function fetchAPIResource(resourceType, resourceId) {
         resource = await fetchJson(`/api/makeswift/typographies/${resourceId}`);
         break;
       case APIResourceType.GlobalElement:
-        resource = await fetchJson(`/api/makeswift/global-elements/${resourceId}`);
+        resource = await fetchJson(`/api/makeswift/global-elements/${resourceId}?locale=${locale == null ? void 0 : locale.toString()}`);
         break;
       case APIResourceType.PagePathnameSlice:
         resource = await fetchJson(`/api/makeswift/page-pathname-slices/${resourceId}`);
@@ -332,6 +330,12 @@ const GlobalElementFragment = `
     __typename
     id
     data
+
+    localized(locale: $locale) {
+      __typename
+      id
+      data
+    }
   }
 `;
 const TableFragment = `
@@ -425,9 +429,15 @@ const TypographiesQuery = `
   ${TypographyFragment}
 `;
 const GlobalElementQuery = `
-  query GlobalElement($globalElementId: ID!) {
+  query GlobalElement($globalElementId: ID!, $locale: Locale) {
     globalElement(id: $globalElementId) {
       ...GlobalElement
+
+      localized(locale: $locale) {
+        __typename
+        id
+        data
+      }
     }
   }
 
@@ -445,16 +455,19 @@ const CreateTableRecordMutation = `
 class MakeswiftClient {
   constructor({
     uri,
-    cacheData
+    cacheData,
+    locale
   }) {
     __publicField(this, "graphqlClient");
     __publicField(this, "makeswiftApiClient");
     __publicField(this, "subscribe");
+    __publicField(this, "locale");
     this.graphqlClient = new GraphQLClient(uri);
     this.makeswiftApiClient = configureStore({
       serializedState: cacheData
     });
     this.subscribe = this.makeswiftApiClient.subscribe;
+    this.locale = locale;
   }
   readSwatch(swatchId) {
     return getAPIResource(this.makeswiftApiClient.getState(), APIResourceType.Swatch, swatchId);
@@ -478,7 +491,7 @@ class MakeswiftClient {
     return getAPIResource(this.makeswiftApiClient.getState(), APIResourceType.GlobalElement, globalElementId);
   }
   async fetchGlobalElement(globalElementId) {
-    return await this.makeswiftApiClient.dispatch(fetchAPIResource(APIResourceType.GlobalElement, globalElementId));
+    return await this.makeswiftApiClient.dispatch(fetchAPIResource(APIResourceType.GlobalElement, globalElementId, this.locale));
   }
   readPagePathnameSlice(pageId) {
     return getAPIResource(this.makeswiftApiClient.getState(), APIResourceType.PagePathnameSlice, pageId);
@@ -565,7 +578,7 @@ const filterUsedSnippetProperties = ({
 function Page$1({
   document: page
 }) {
-  var _a;
+  var _a, _b;
   const isInBuilder = useIsInBuilder();
   const [snippets, setSnippets] = useState(page.snippets);
   const cachedPage = useCachedPage(isInBuilder ? page.id : null);
@@ -627,6 +640,10 @@ function Page$1({
     });
     previousHeadSnippets.current = headSnippets;
   }, [headSnippets]);
+  const baseLocalizedPage = page.localizedPages.find(({
+    parentId
+  }) => parentId == null);
+  const documentId = (_b = baseLocalizedPage == null ? void 0 : baseLocalizedPage.elementTreeId) != null ? _b : page.id;
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [/* @__PURE__ */ jsxs(Head, {
       children: [/* @__PURE__ */ jsx("style", {
@@ -708,7 +725,7 @@ function Page$1({
         return null;
       }))]
     }), /* @__PURE__ */ jsx(DocumentReference, {
-      documentReference: createDocumentReference(page.id)
+      documentReference: createDocumentReference(documentId)
     }), filteredSnippets.filter((snippet) => snippet.location === SnippetLocation.Body).map((snippet) => /* @__PURE__ */ jsx(BodySnippet, {
       code: snippet.code,
       cleanup: snippet.cleanup
@@ -910,7 +927,8 @@ Received "${apiKey}" instead.`);
     const swatches = await this.getSwatches(swatchIds, preview);
     return __spreadProps(__spreadValues({}, result), { swatches });
   }
-  async introspect(element, preview) {
+  async introspect(element, preview, locale) {
+    var _a, _b;
     const runtime = this.runtime;
     const descriptors = getPropControllerDescriptors(runtime.store.getState());
     const swatchIds = /* @__PURE__ */ new Set();
@@ -942,9 +960,9 @@ Received "${apiKey}" instead.`);
       };
       let element2;
       if (isElementReference(current)) {
-        const globalElement = await this.getGlobalElement(current.value);
+        const globalElement = await this.getGlobalElement(current.value, locale);
         globalElements.set(current.value, globalElement);
-        const elementData = globalElement == null ? void 0 : globalElement.data;
+        const elementData = (_b = (_a = globalElement == null ? void 0 : globalElement.localized) == null ? void 0 : _a.data) != null ? _b : globalElement == null ? void 0 : globalElement.data;
         if (elementData == null)
           continue;
         element2 = elementData;
@@ -959,8 +977,8 @@ Received "${apiKey}" instead.`);
     const typographies = await this.getTypographies([...typographyIds]);
     typographies.forEach((typography) => {
       typography == null ? void 0 : typography.style.forEach((style) => {
-        var _a;
-        const swatchId = (_a = style.value.color) == null ? void 0 : _a.swatchId;
+        var _a2;
+        const swatchId = (_a2 = style.value.color) == null ? void 0 : _a2.swatchId;
         if (swatchId != null)
           swatchIds.add(swatchId);
       });
@@ -976,38 +994,38 @@ Received "${apiKey}" instead.`);
     }));
     return {
       [APIResourceType.Swatch]: [...swatchIds].map((id) => {
-        var _a;
+        var _a2;
         return {
           id,
-          value: (_a = swatches.find((swatch) => (swatch == null ? void 0 : swatch.id) === id)) != null ? _a : null
+          value: (_a2 = swatches.find((swatch) => (swatch == null ? void 0 : swatch.id) === id)) != null ? _a2 : null
         };
       }),
       [APIResourceType.File]: [...fileIds].map((id) => {
-        var _a;
+        var _a2;
         return {
           id,
-          value: (_a = files.find((file) => (file == null ? void 0 : file.id) === id)) != null ? _a : null
+          value: (_a2 = files.find((file) => (file == null ? void 0 : file.id) === id)) != null ? _a2 : null
         };
       }),
       [APIResourceType.Typography]: [...typographyIds].map((id) => {
-        var _a;
+        var _a2;
         return {
           id,
-          value: (_a = typographies.find((typography) => (typography == null ? void 0 : typography.id) === id)) != null ? _a : null
+          value: (_a2 = typographies.find((typography) => (typography == null ? void 0 : typography.id) === id)) != null ? _a2 : null
         };
       }),
       [APIResourceType.Table]: [...tableIds].map((id) => {
-        var _a;
+        var _a2;
         return {
           id,
-          value: (_a = tables.find((table) => (table == null ? void 0 : table.id) === id)) != null ? _a : null
+          value: (_a2 = tables.find((table) => (table == null ? void 0 : table.id) === id)) != null ? _a2 : null
         };
       }),
       [APIResourceType.PagePathnameSlice]: [...pageIds].map((id) => {
-        var _a;
+        var _a2;
         return {
           id,
-          value: (_a = pagePathnameSlices.find((pagePathnameSlice) => (pagePathnameSlice == null ? void 0 : pagePathnameSlice.id) === id)) != null ? _a : null
+          value: (_a2 = pagePathnameSlices.find((pagePathnameSlice) => (pagePathnameSlice == null ? void 0 : pagePathnameSlice.id) === id)) != null ? _a2 : null
         };
       }),
       [APIResourceType.GlobalElement]: [...globalElements.entries()].map(([id, value]) => ({
@@ -1016,10 +1034,16 @@ Received "${apiKey}" instead.`);
       }))
     };
   }
-  async getPageSnapshot(pathname, { preview: previewOverride = false } = {}) {
+  async getPageSnapshot(pathname, {
+    preview: previewOverride = false,
+    unstable_locale
+  } = {}) {
     var _a;
     const siteVersion = (_a = this.siteVersion) != null ? _a : previewOverride ? MakeswiftSiteVersion.Working : MakeswiftSiteVersion.Live;
-    const response = await this.fetch(`/v2/pages/${encodeURIComponent(pathname)}/document`, {
+    const searchParams = new URLSearchParams();
+    if (unstable_locale)
+      searchParams.set("locale", unstable_locale);
+    const response = await this.fetch(`/v2/pages/${encodeURIComponent(pathname)}/document?${searchParams.toString()}`, {
       headers: { "Makeswift-Site-Version": siteVersion }
     });
     if (!response.ok) {
@@ -1029,10 +1053,10 @@ Received "${apiKey}" instead.`);
       throw new Error(`Failed to get page snapshot with error: "${response.statusText}"`);
     }
     const document2 = await response.json();
-    const cacheData = await this.introspect(document2.data, previewOverride);
+    const cacheData = await this.introspect(document2.data, previewOverride, unstable_locale);
     const apiOrigin = this.apiOrigin.href;
     const preview = siteVersion === MakeswiftSiteVersion.Working;
-    return { document: document2, cacheData, apiOrigin, preview };
+    return { document: document2, cacheData, apiOrigin, preview, locale: unstable_locale != null ? unstable_locale : null };
   }
   async getSwatch(swatchId) {
     const response = await this.fetch(`v1/swatches/${swatchId}`);
@@ -1052,8 +1076,8 @@ Received "${apiKey}" instead.`);
     const result = await this.graphqlClient.request(TypographyQuery, { typographyId });
     return result.typography;
   }
-  async getGlobalElement(globalElementId) {
-    const result = await this.graphqlClient.request(GlobalElementQuery, { globalElementId });
+  async getGlobalElement(globalElementId, locale) {
+    const result = await this.graphqlClient.request(GlobalElementQuery, { globalElementId, locale: locale != null ? locale : null });
     return result.globalElement;
   }
   async getPagePathnameSlice(pageId) {
@@ -1120,7 +1144,7 @@ async function fonts(_req, res, { getFonts } = {}) {
   const fonts2 = (_a = await (getFonts == null ? void 0 : getFonts())) != null ? _a : [];
   return res.json(fonts2);
 }
-const version = "0.9.4";
+const version = "0.9.6";
 async function handler(req, res, { apiKey, unstable_siteVersions }) {
   if (req.query.secret !== apiKey) {
     return res.status(401).json({ message: "Unauthorized" });
@@ -1257,7 +1281,8 @@ Read more about dynamic catch-all routes here: https://nextjs.org/docs/routing/d
       return client.getTypography(m.params.id).then(handleResource);
     }
     if (m = matches("/global-elements/:id")) {
-      return client.getGlobalElement(m.params.id).then(handleResource);
+      const locale = typeof req.query.locale === "string" ? req.query.locale : void 0;
+      return client.getGlobalElement(m.params.id, locale).then(handleResource);
     }
     if (m = matches("/page-pathname-slices/:id")) {
       return client.getPagePathnameSlice(m.params.id).then(handleResource);
@@ -1389,11 +1414,16 @@ const Page = memo(({
 }) => {
   const client = useMemo(() => new MakeswiftClient({
     uri: new URL("graphql", snapshot.apiOrigin).href,
-    cacheData: snapshot.cacheData
+    cacheData: snapshot.cacheData,
+    locale: snapshot.locale == null ? void 0 : new Intl.Locale(snapshot.locale)
   }), [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: /* @__PURE__ */ new Map([[snapshot.document.id, snapshot.document.data]]),
+    rootElements,
     preview: snapshot.preview,
     runtime,
     children: /* @__PURE__ */ jsx(Page$1, {
@@ -3278,10 +3308,10 @@ function SlotPlaceholder({
 function useStyleControlCssObject(styleControlData, controlDefinition) {
   var _a;
   const breakpoints = useBreakpoints();
-  return __spreadValues(__spreadValues({}, controlDefinition.config.getStyle((_a = findBreakpointOverride(breakpoints, styleControlData, getBaseBreakpoint(breakpoints).id)) == null ? void 0 : _a.value)), breakpoints.reduce((styles, breakpoint) => {
+  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)) == null ? void 0 : _a2.value)
+      [getBreakpointMediaQuery(breakpoint)]: controlDefinition.config.getStyle((_a2 = findBreakpointOverride(breakpoints, styleControlData, breakpoint.id, mergeOrCoalesceFallbacks)) == null ? void 0 : _a2.value)
     });
   }, {}));
 }
@@ -3852,9 +3882,7 @@ class ReactRuntime {
     __publicField(this, "store");
     this.store = configureStore$1({
       breakpoints: breakpoints ? parseBreakpointsInput(breakpoints) : void 0,
-      locales: unstable_i18n ? __spreadProps(__spreadValues({}, unstable_i18n), {
-        locale: null
-      }) : void 0
+      locales: unstable_i18n ? parseLocalesInput(unstable_i18n) : void 0
     });
     registerBuiltinComponents(this);
   }
@@ -4015,8 +4043,9 @@ const DisableRegisterElement = createContext(false);
 const ElementReference = memo(forwardRef(function ElementReference2({
   elementReference
 }, ref) {
+  var _a, _b;
   const globalElement = useGlobalElement(elementReference.value);
-  const globalElementData = globalElement == null ? void 0 : globalElement.data;
+  const globalElementData = (_b = (_a = globalElement == null ? void 0 : globalElement.localized) == null ? void 0 : _a.data) != null ? _b : globalElement == null ? void 0 : globalElement.data;
   const elementReferenceDocument = useDocument(elementReference.key);
   const documentKey = elementReference.key;
   const documentKeys = useContext(DocumentCyclesContext);
@@ -4116,5 +4145,5 @@ const DocumentReference = memo(forwardRef(function DocumentReference2({
     document: document2
   });
 }));
-export { PreviewModeScript as $, Alignments as A, forwardNextDynamicRef as B, Contrasts as C, DocumentReference as D, Element$1 as E, useIsPreview as F, useFiles as G, useSwatches as H, usePagePathnameSlice as I, useElementId as J, deepEqual as K, ElementImperativeHandle as L, StoreContext as M, MakeswiftProvider as N, ControlValue as O, PageProvider as P, useBuilderEditMode as Q, RuntimeProvider as R, Shapes as S, pollBoxModel as T, useEnhancedTypography as U, useTypographyClassName as V, getStaticPaths as W, getStaticProps as X, getServerSideProps as Y, Page as Z, Makeswift as _, ReactRuntime as a, Document$1 as a0, MakeswiftApiHandler as a1, 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 };
+export { Makeswift as $, Alignments as A, forwardNextDynamicRef as B, Contrasts as C, DocumentReference as D, Element$1 as E, useIsPreview as F, useFiles as G, useSwatches as H, usePagePathnameSlice as I, useElementId as J, deepEqual as K, shallowEqual as L, ElementImperativeHandle as M, StoreContext as N, MakeswiftProvider as O, PageProvider as P, ControlValue as Q, RuntimeProvider as R, Shapes as S, useBuilderEditMode as T, pollBoxModel as U, useEnhancedTypography as V, useTypographyClassName as W, getStaticPaths as X, getStaticProps as Y, getServerSideProps as Z, Page as _, ReactRuntime as a, PreviewModeScript as a0, Document$1 as a1, MakeswiftApiHandler as a2, 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