@makeswift/runtime 0.5.0 → 0.5.1

package/dist/Root.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Root.cjs.js","sources":["../src/components/builtin/Root/components/Placeholder/index.tsx","../src/runtimes/react/use-global-style.ts","../src/components/builtin/Root/Root.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\n\nexport default forwardRef<HTMLDivElement>(function Placeholder(_props, ref) {\n  return (\n    <div\n      ref={ref}\n      className={useStyle({\n        width: '100%',\n        background: 'rgba(161, 168, 194, 0.18)',\n        height: 80,\n        padding: 8,\n      })}\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"100%\"\n        height=\"100%\"\n        style={{ overflow: 'visible' }}\n      >\n        <rect\n          x={0}\n          y={0}\n          width=\"100%\"\n          height=\"100%\"\n          strokeWidth={2}\n          strokeDasharray=\"4 2\"\n          fill=\"none\"\n          stroke=\"rgba(161, 168, 194, 0.40)\"\n          rx=\"4\"\n          ry=\"4\"\n        />\n      </svg>\n    </div>\n  )\n})\n","import * as React from 'react'\nimport { useRef } from 'react'\nimport { cache, injectGlobal } from '@emotion/css'\nimport { CSSInterpolation, serializeStyles } from '@emotion/serialize'\nimport { StyleSheet } from '@emotion/sheet'\nimport { insertStyles } from '@emotion/utils'\n\nconst isServer = typeof window === 'undefined'\nconst useInsertionEffectSpecifier = 'useInsertionEffect'\nconst useInsertionEffect = React[useInsertionEffectSpecifier] ?? React.useLayoutEffect\n\nexport function useGlobalStyle(...args: CSSInterpolation[]): void {\n  if (isServer) return injectGlobal(args)\n\n  const serialized = serializeStyles(args, cache.registered)\n  const sheetRef = useRef<[StyleSheet, boolean]>()\n\n  // Hydration\n  useInsertionEffect(() => {\n    const key = `${cache.key}-global`\n\n    const cacheSheet = cache.sheet as StyleSheet\n    const sheet = new (cacheSheet.constructor as typeof StyleSheet)({\n      key,\n      nonce: cacheSheet.nonce,\n      container: cacheSheet.container,\n      speedy: cacheSheet.isSpeedy,\n    })\n\n    const node = document.querySelector<HTMLStyleElement>(\n      `style[data-emotion=\"${key} ${serialized.name}\"]`,\n    )\n\n    if (cache.sheet.tags.length > 0) {\n      sheet.before = cache.sheet.tags[0]\n    }\n\n    let rehydrating = false\n\n    if (node != null) {\n      rehydrating = true\n      node.setAttribute('data-emotion', key)\n      sheet.hydrate([node])\n    }\n\n    sheetRef.current = [sheet, rehydrating]\n\n    return () => {\n      sheet.flush()\n    }\n  })\n\n  // Insertion\n  useInsertionEffect(() => {\n    const [sheet, rehydrating] = sheetRef.current ?? []\n\n    if (sheet == null || rehydrating == null) return\n\n    if (rehydrating) {\n      sheetRef.current = [sheet, false]\n\n      return\n    }\n\n    if (serialized.next != null) {\n      insertStyles(cache, serialized.next, true)\n    }\n\n    if (sheet.tags.length > 0) {\n      const element = sheet.tags[sheet.tags.length - 1].nextElementSibling\n\n      sheet.before = element\n\n      sheet.flush()\n    }\n\n    cache.insert('', serialized, sheet, false)\n  })\n}\n","import { normalize } from 'polished'\nimport { forwardRef, Ref } from 'react'\n\nimport Placeholder from './components/Placeholder'\nimport type {\n  GridValue,\n  BackgroundsValue,\n  GapXValue,\n  GapYValue,\n} from '../../../prop-controllers/descriptors'\nimport { Element } from '../../../runtimes/react'\nimport BackgroundsContainer from '../../shared/BackgroundsContainer'\nimport { useGlobalStyle } from '../../../runtimes/react/use-global-style'\nimport { GridItem } from '../../shared/grid-item'\nimport { useStyle } from '../../../runtimes/react/use-style'\n\ntype Props = {\n  children?: GridValue\n  backgrounds?: BackgroundsValue\n  rowGap?: GapYValue\n  columnGap?: GapXValue\n}\n\nconst Root = forwardRef(function Page(\n  { children, backgrounds, rowGap, columnGap }: Props,\n  ref: Ref<HTMLDivElement>,\n) {\n  useGlobalStyle({\n    html: {\n      boxSizing: 'border-box',\n    },\n    '*, *::before, *::after': {\n      boxSizing: 'inherit',\n    },\n  })\n\n  useGlobalStyle(normalize())\n\n  return (\n    <BackgroundsContainer ref={ref} style={{ background: 'white' }} backgrounds={backgrounds}>\n      <div className={useStyle({ display: 'flex', flexWrap: 'wrap', width: '100%' })}>\n        {children && children.elements.length > 0 ? (\n          children.elements.map((child, index) => (\n            <GridItem\n              key={child.key}\n              grid={children.columns}\n              index={index}\n              columnGap={columnGap}\n              rowGap={rowGap}\n            >\n              <Element element={child} />\n            </GridItem>\n          ))\n        ) : (\n          <Placeholder />\n        )}\n      </div>\n    </BackgroundsContainer>\n  )\n})\n\nexport default Root\n"],"names":["forwardRef","_props","ref","useStyle","width","background","height","padding","overflow","React","injectGlobal","serializeStyles","cache","useRef","insertStyles","Root","children","backgrounds","rowGap","columnGap","html","boxSizing","useGlobalStyle","normalize","BackgroundsContainer","display","flexWrap","elements","length","map","child","index","GridItem","columns","Element","key","_jsx"],"mappings":"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"}
+{"version":3,"file":"Root.cjs.js","sources":["../src/components/builtin/Root/components/Placeholder/index.tsx","../src/runtimes/react/use-global-style.ts","../src/components/builtin/Root/Root.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\n\nexport default forwardRef<HTMLDivElement>(function Placeholder(_props, ref) {\n  return (\n    <div\n      ref={ref}\n      className={useStyle({\n        width: '100%',\n        background: 'rgba(161, 168, 194, 0.18)',\n        height: 80,\n        padding: 8,\n      })}\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"100%\"\n        height=\"100%\"\n        style={{ overflow: 'visible' }}\n      >\n        <rect\n          x={0}\n          y={0}\n          width=\"100%\"\n          height=\"100%\"\n          strokeWidth={2}\n          strokeDasharray=\"4 2\"\n          fill=\"none\"\n          stroke=\"rgba(161, 168, 194, 0.40)\"\n          rx=\"4\"\n          ry=\"4\"\n        />\n      </svg>\n    </div>\n  )\n})\n","import * as React from 'react'\nimport { useRef } from 'react'\nimport { cache, injectGlobal } from '@emotion/css'\nimport { CSSInterpolation, serializeStyles } from '@emotion/serialize'\nimport { StyleSheet } from '@emotion/sheet'\nimport { insertStyles } from '@emotion/utils'\n\nconst isServer = typeof window === 'undefined'\nconst useInsertionEffectSpecifier = 'useInsertionEffect'\nconst useInsertionEffect = React[useInsertionEffectSpecifier] ?? React.useLayoutEffect\n\nexport function useGlobalStyle(...args: CSSInterpolation[]): void {\n  if (isServer) return injectGlobal(args)\n\n  const serialized = serializeStyles(args, cache.registered)\n  const sheetRef = useRef<[StyleSheet, boolean]>()\n\n  // Hydration\n  useInsertionEffect(() => {\n    const key = `${cache.key}-global`\n\n    const cacheSheet = cache.sheet as StyleSheet\n    const sheet = new (cacheSheet.constructor as typeof StyleSheet)({\n      key,\n      nonce: cacheSheet.nonce,\n      container: cacheSheet.container,\n      speedy: cacheSheet.isSpeedy,\n    })\n\n    const node = document.querySelector<HTMLStyleElement>(\n      `style[data-emotion=\"${key} ${serialized.name}\"]`,\n    )\n\n    if (cache.sheet.tags.length > 0) {\n      sheet.before = cache.sheet.tags[0]\n    }\n\n    let rehydrating = false\n\n    if (node != null) {\n      rehydrating = true\n      node.setAttribute('data-emotion', key)\n      sheet.hydrate([node])\n    }\n\n    sheetRef.current = [sheet, rehydrating]\n\n    return () => {\n      sheet.flush()\n    }\n  })\n\n  // Insertion\n  useInsertionEffect(() => {\n    const [sheet, rehydrating] = sheetRef.current ?? []\n\n    if (sheet == null || rehydrating == null) return\n\n    if (rehydrating) {\n      sheetRef.current = [sheet, false]\n\n      return\n    }\n\n    if (serialized.next != null) {\n      insertStyles(cache, serialized.next, true)\n    }\n\n    if (sheet.tags.length > 0) {\n      const element = sheet.tags[sheet.tags.length - 1].nextElementSibling\n\n      sheet.before = element\n\n      sheet.flush()\n    }\n\n    cache.insert('', serialized, sheet, false)\n  })\n}\n","import { normalize } from 'polished'\nimport { forwardRef, Ref } from 'react'\n\nimport Placeholder from './components/Placeholder'\nimport type {\n  GridValue,\n  BackgroundsValue,\n  GapXValue,\n  GapYValue,\n} from '../../../prop-controllers/descriptors'\nimport { Element } from '../../../runtimes/react'\nimport BackgroundsContainer from '../../shared/BackgroundsContainer'\nimport { useGlobalStyle } from '../../../runtimes/react/use-global-style'\nimport { GridItem } from '../../shared/grid-item'\nimport { useStyle } from '../../../runtimes/react/use-style'\n\ntype Props = {\n  children?: GridValue\n  backgrounds?: BackgroundsValue\n  rowGap?: GapYValue\n  columnGap?: GapXValue\n}\n\nconst Root = forwardRef(function Page(\n  { children, backgrounds, rowGap, columnGap }: Props,\n  ref: Ref<HTMLDivElement>,\n) {\n  useGlobalStyle({\n    html: {\n      boxSizing: 'border-box',\n    },\n    '*, *::before, *::after': {\n      boxSizing: 'inherit',\n    },\n  })\n\n  useGlobalStyle(normalize())\n\n  return (\n    <BackgroundsContainer ref={ref} style={{ background: 'white' }} backgrounds={backgrounds}>\n      <div className={useStyle({ display: 'flex', flexWrap: 'wrap', width: '100%' })}>\n        {children && children.elements.length > 0 ? (\n          children.elements.map((child, index) => (\n            <GridItem\n              key={child.key}\n              grid={children.columns}\n              index={index}\n              columnGap={columnGap}\n              rowGap={rowGap}\n            >\n              <Element element={child} />\n            </GridItem>\n          ))\n        ) : (\n          <Placeholder />\n        )}\n      </div>\n    </BackgroundsContainer>\n  )\n})\n\nexport default Root\n"],"names":["forwardRef","_props","ref","useStyle","width","background","height","padding","overflow","React","injectGlobal","serializeStyles","cache","useRef","insertStyles","Root","children","backgrounds","rowGap","columnGap","html","boxSizing","useGlobalStyle","normalize","BackgroundsContainer","display","flexWrap","elements","length","map","child","index","GridItem","columns","Element","key","_jsx"],"mappings":"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"}

package/dist/Root.es.js

@@ -2,9 +2,9 @@ var _a;
 import { normalize } from "polished";
 import * as React from "react";
 import { forwardRef, useRef } from "react";
-import { n as useStyle, H as serializeStyles, I as insertStyles, E as Element } from "./index.es.js";
+import { o as useStyle, H as serializeStyles, I as insertStyles, E as Element } from "./index.es.js";
 import { jsx } from "react/jsx-runtime";
-import { B as BackgroundsContainer, G as GridItem } from "./grid-item.es.js";
+import { B as BackgroundsContainer, G as GridItem } from "./index.es2.js";
 import { injectGlobal, cache } from "@emotion/css";
 import "use-sync-external-store/shim/with-selector";
 import "next/dynamic";
@@ -34,8 +34,8 @@ import "http-proxy";
 import "set-cookie-parser";
 import "uuid/v4";
 import "corporate-ipsum";
-import "framer-motion";
 import "next/image";
+import "./useIsomorphicLayoutEffect.es.js";
 import "react-player";
 import "./next-version.es.js";
 import "next/package.json";

package/dist/SocialLinks.cjs.js

@@ -32,10 +32,10 @@ var __objRest = (source, exclude) => {
 };
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 var React = require("react");
-var index$1 = require("./index.cjs2.js");
+var index$1 = require("./index.cjs3.js");
 var next = require("./index.cjs.js");
 var jsxRuntime = require("react/jsx-runtime");
-var index = require("./index.cjs3.js");
+var index = require("./index.cjs4.js");
 var css = require("@emotion/css");
 require("scroll-into-view-if-needed");
 require("next/link");

package/dist/SocialLinks.es.js

@@ -31,10 +31,10 @@ var __objRest = (source, exclude) => {
 };
 import * as React from "react";
 import { forwardRef } from "react";
-import { L as Link } from "./index.es2.js";
-import { n as useStyle, r as responsiveStyle, q as colorToString } from "./index.es.js";
+import { L as Link } from "./index.es3.js";
+import { o as useStyle, r as responsiveStyle, s as colorToString } from "./index.es.js";
 import { jsx, Fragment } from "react/jsx-runtime";
-import { G as GutterContainer } from "./index.es3.js";
+import { G as GutterContainer } from "./index.es4.js";
 import { cx } from "@emotion/css";
 import "scroll-into-view-if-needed";
 import "next/link";

package/dist/Text.cjs.js

@@ -42,7 +42,7 @@ var next = require("./index.cjs.js");
 var reactPage = require("./react-page.cjs.js");
 var css = require("@emotion/css");
 var jsxRuntime = require("react/jsx-runtime");
-var index = require("./index.cjs2.js");
+var index = require("./index.cjs3.js");
 require("use-sync-external-store/shim");
 require("./slot.cjs.js");
 require("css-box-model");

package/dist/Text.es.js

@@ -36,11 +36,11 @@ import { isHotkey } from "is-hotkey";
 import { g as getBox } from "./box-models.es.js";
 import { Editor } from "slate-react";
 import Lists from "@convertkit/slate-lists";
-import { J as useTypography, K as useSwatches, G as findDeviceOverride, n as useStyle, r as responsiveStyle, L as shallowMergeFallbacks, q as colorToString, u as useIsInBuilder } from "./index.es.js";
+import { J as useTypography, K as useSwatches, G as findDeviceOverride, o as useStyle, r as responsiveStyle, L as shallowMergeFallbacks, s as colorToString, u as useIsInBuilder } from "./index.es.js";
 import { w as getTypographyStyleSwatchIds, l as isNonNullable } from "./react-page.es.js";
 import { cx } from "@emotion/css";
 import { jsx } from "react/jsx-runtime";
-import { L as Link } from "./index.es2.js";
+import { L as Link } from "./index.es3.js";
 import "use-sync-external-store/shim";
 import "./slot.es.js";
 import "css-box-model";

package/dist/Video.es.js

@@ -20,7 +20,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { cx } from "@emotion/css";
 import { forwardRef } from "react";
 import ReactPlayer from "react-player";
-import { n as useStyle } from "./index.es.js";
+import { o as useStyle } from "./index.es.js";
 import { p as placeholders } from "./placeholders.es.js";
 import { jsx } from "react/jsx-runtime";
 import "use-sync-external-store/shim/with-selector";

package/dist/components.cjs.js

@@ -14,14 +14,11 @@ var Root = require("./Root.cjs.js");
 var SocialLinks = require("./SocialLinks.cjs.js");
 var Text = require("./Text.cjs.js");
 var Video = require("./Video.cjs.js");
-var gridItem = require("./grid-item.cjs.js");
-var useMediaQuery = require("./useMediaQuery.cjs.js");
+var index = require("./index.cjs2.js");
 require("react");
-require("framer-motion");
 require("@emotion/css");
+require("uuid");
 require("react/jsx-runtime");
-require("use-sync-external-store/shim");
-require("./slot.cjs.js");
 require("./box-models.cjs.js");
 require("css-box-model");
 require("./actions.cjs.js");
@@ -30,9 +27,11 @@ require("next/dynamic");
 require("./react-page.cjs.js");
 require("redux");
 require("redux-thunk");
+require("./slot.cjs.js");
 require("./control.cjs.js");
 require("./text-input.cjs.js");
 require("./combobox.cjs.js");
+require("use-sync-external-store/shim");
 require("slate");
 require("./types.cjs.js");
 require("color");
@@ -48,16 +47,18 @@ require("http-proxy");
 require("set-cookie-parser");
 require("uuid/v4");
 require("corporate-ipsum");
-require("./index.cjs2.js");
+require("./index.cjs3.js");
 require("next/link");
+require("framer-motion");
 require("react-use-gesture");
 require("@popmotion/popcorn");
+require("./useIsomorphicLayoutEffect.cjs.js");
 require("formik");
 require("next/image");
 require("./placeholders.cjs.js");
 require("./next-version.cjs.js");
 require("next/package.json");
-require("./index.cjs3.js");
+require("./index.cjs4.js");
 require("polished");
 require("slate-hotkeys");
 require("is-hotkey");
@@ -76,6 +77,7 @@ exports.MakeswiftComponentType = next.MakeswiftComponentType;
 exports.Page = next.Page;
 exports.useBorder = next.useBorder;
 exports.useBoxShadow = next.useBoxShadow;
+exports.useMediaQuery = next.useMediaQuery;
 exports.useResponsiveColor = next.useResponsiveColor;
 exports.Button = Button["default"];
 exports.Carousel = Carousel["default"];
@@ -89,6 +91,5 @@ exports.Root = Root["default"];
 exports.SocialLinks = SocialLinks["default"];
 exports.Text = Text["default"];
 exports.Video = Video["default"];
-exports.useBackgrounds = gridItem.useBackgrounds;
-exports.useMediaQuery = useMediaQuery.useMediaQuery;
+exports.useBackgrounds = index.useBackgrounds;
 //# sourceMappingURL=components.cjs.js.map

package/dist/components.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"components.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components.es.js

@@ -1,5 +1,5 @@
 export { default as Box } from "./Box.es.js";
-export { d as DEFAULT_BOX_ANIMATE_DELAY, e as DEFAULT_BOX_ANIMATE_DURATION, c as DEFAULT_BOX_ANIMATE_TYPE, g as DEFAULT_ITEM_ANIMATE_DELAY, h as DEFAULT_ITEM_ANIMATE_DURATION, f as DEFAULT_ITEM_ANIMATE_TYPE, i as DEFAULT_ITEM_STAGGER_DURATION, M as MakeswiftComponentType, m as Page, j as useBorder, k as useBoxShadow, l as useResponsiveColor } from "./index.es.js";
+export { d as DEFAULT_BOX_ANIMATE_DELAY, e as DEFAULT_BOX_ANIMATE_DURATION, c as DEFAULT_BOX_ANIMATE_TYPE, g as DEFAULT_ITEM_ANIMATE_DELAY, h as DEFAULT_ITEM_ANIMATE_DURATION, f as DEFAULT_ITEM_ANIMATE_TYPE, i as DEFAULT_ITEM_STAGGER_DURATION, M as MakeswiftComponentType, n as Page, j as useBorder, k as useBoxShadow, m as useMediaQuery, l as useResponsiveColor } from "./index.es.js";
 export { default as Button } from "./Button.es.js";
 export { default as Carousel } from "./Carousel.es.js";
 export { default as Countdown } from "./Countdown.es.js";
@@ -12,14 +12,11 @@ export { default as Root } from "./Root.es.js";
 export { default as SocialLinks } from "./SocialLinks.es.js";
 export { default as Text } from "./Text.es.js";
 export { default as Video } from "./Video.es.js";
-export { u as useBackgrounds } from "./grid-item.es.js";
-export { u as useMediaQuery } from "./useMediaQuery.es.js";
+export { u as useBackgrounds } from "./index.es2.js";
 import "react";
-import "framer-motion";
 import "@emotion/css";
+import "uuid";
 import "react/jsx-runtime";
-import "use-sync-external-store/shim";
-import "./slot.es.js";
 import "./box-models.es.js";
 import "css-box-model";
 import "./actions.es.js";
@@ -28,9 +25,11 @@ import "next/dynamic";
 import "./react-page.es.js";
 import "redux";
 import "redux-thunk";
+import "./slot.es.js";
 import "./control.es.js";
 import "./text-input.es.js";
 import "./combobox.es.js";
+import "use-sync-external-store/shim";
 import "slate";
 import "./types.es.js";
 import "color";
@@ -46,16 +45,18 @@ import "http-proxy";
 import "set-cookie-parser";
 import "uuid/v4";
 import "corporate-ipsum";
-import "./index.es2.js";
+import "./index.es3.js";
 import "next/link";
+import "framer-motion";
 import "react-use-gesture";
 import "@popmotion/popcorn";
+import "./useIsomorphicLayoutEffect.es.js";
 import "formik";
 import "next/image";
 import "./placeholders.es.js";
 import "./next-version.es.js";
 import "next/package.json";
-import "./index.es3.js";
+import "./index.es4.js";
 import "polished";
 import "slate-hotkeys";
 import "is-hotkey";

package/dist/components.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"components.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.cjs.js

@@ -1085,7 +1085,7 @@ class Document$1 extends NextDocument__default["default"] {
     });
   }
 }
-const version = "0.5.0";
+const version = "0.5.1";
 function isErrorWithMessage(error) {
   return typeof error === "object" && error !== null && "message" in error && typeof error.message === "string";
 }
@@ -2881,8 +2881,35 @@ function useResponsiveColor(color) {
     return swatch == null ? null : __spreadProps(__spreadValues({}, rest), { value: { swatch, alpha } });
   }).filter(reactPage.isNonNullable);
 }
-const isSSR = typeof window === "undefined" || /ServerSideRendering/.test(window.navigator && window.navigator.userAgent);
-const useIsomorphicLayoutEffect = isSSR ? React.useEffect : React.useLayoutEffect;
+const DEVICE_QUERIES = DEVICES.map((device) => ({
+  id: device.id,
+  query: getDeviceMediaQuery(device).replace("@media", "")
+}));
+function subscribe(notify) {
+  const cleanUpFns = DEVICE_QUERIES.map((q) => {
+    const mediaQueryList = window.matchMedia(q.query);
+    mediaQueryList.addEventListener("change", notify);
+    return () => mediaQueryList.removeEventListener("change", notify);
+  });
+  return () => cleanUpFns.forEach((fn) => fn());
+}
+function useMediaQuery(responsiveValue) {
+  const getServerSnapshot = () => {
+    var _a;
+    return (_a = findDeviceOverride(responsiveValue, DEVICES[0].id)) == null ? void 0 : _a.value;
+  };
+  function getSnapshot() {
+    var _a;
+    const deviceId = DEVICE_QUERIES.reduce((matchedDevice, deviceQueries) => {
+      if (window.matchMedia(deviceQueries.query).matches) {
+        return deviceQueries.id;
+      }
+      return matchedDevice;
+    }, DEVICE_QUERIES[0].id);
+    return (_a = findDeviceOverride(responsiveValue, deviceId)) == null ? void 0 : _a.value;
+  }
+  return shim.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
 const getIndexes = (spans, index) => {
   const flattened = spans.reduce((a, s) => a.concat(s), []);
   if (index < 0 || index > flattened.length)
@@ -3999,7 +4026,6 @@ exports.colorToString = colorToString;
 exports.deepEqual = deepEqual;
 exports.findDeviceOverride = findDeviceOverride;
 exports.forwardNextDynamicRef = forwardNextDynamicRef;
-exports.getDeviceMediaQuery = getDeviceMediaQuery;
 exports.getServerSideProps = getServerSideProps;
 exports.getStaticPaths = getStaticPaths;
 exports.getStaticProps = getStaticProps;
@@ -4018,8 +4044,8 @@ exports.useFile = useFile;
 exports.useFiles = useFiles;
 exports.useFormContext = useFormContext;
 exports.useIsInBuilder = useIsInBuilder;
-exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;
 exports.useMakeswiftClient = useMakeswiftClient;
+exports.useMediaQuery = useMediaQuery;
 exports.usePageId = usePageId;
 exports.usePagePathnameSlice = usePagePathnameSlice;
 exports.useResponsiveColor = useResponsiveColor;