next-sanity 5.3.0 → 5.4.0

package/dist/preview/index.cjs

@@ -3,10 +3,25 @@
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-var index = require('./LiveQueryProvider/index.cjs');
 var previewKit = require('@sanity/preview-kit');
-exports.LiveQueryProvider = index.LiveQueryProvider;
-exports.default = index.LiveQueryProvider;
+function _interopDefaultCompat(e) {
+  return e && typeof e === 'object' && 'default' in e ? e : {
+    default: e
+  };
+}
+var previewKit__default = /*#__PURE__*/_interopDefaultCompat(previewKit);
+Object.defineProperty(exports, 'LiveQueryProvider', {
+  enumerable: true,
+  get: function () {
+    return previewKit.LiveQueryProvider;
+  }
+});
+Object.defineProperty(exports, 'default', {
+  enumerable: true,
+  get: function () {
+    return previewKit__default.default;
+  }
+});
 Object.defineProperty(exports, 'useLiveQuery', {
   enumerable: true,
   get: function () {

package/dist/preview/index.cjs.map

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

package/dist/preview/index.d.ts

@@ -1,12 +1,10 @@
-/// <reference types="react" />
-
 import {CacheOptions} from '@sanity/preview-kit'
 import {ClientQueryParams} from '@sanity/preview-kit'
-import {ComponentType} from 'react'
+import {default as default_2} from '@sanity/preview-kit'
 import {isEqualFn} from '@sanity/preview-kit'
 import {LiveQueryHookOptions} from '@sanity/preview-kit'
+import {LiveQueryProvider} from '@sanity/preview-kit'
 import {LiveQueryProviderProps} from '@sanity/preview-kit'
-import {LiveQueryProviderProps as LiveQueryProviderProps_2} from '@sanity/preview-kit/internals/create-live-query-provider'
 import {Logger} from '@sanity/preview-kit'
 import {QueryLoading} from '@sanity/preview-kit'
 import {useLiveQuery} from '@sanity/preview-kit'
@@ -15,13 +13,13 @@ export {CacheOptions}
 
 export {ClientQueryParams}
 
+export default default_2
+
 export {isEqualFn}
 
 export {LiveQueryHookOptions}
 
-declare const LiveQueryProvider: ComponentType<LiveQueryProviderProps_2>
 export {LiveQueryProvider}
-export default LiveQueryProvider
 
 export {LiveQueryProviderProps}
 

package/dist/preview/index.js

@@ -1,3 +1,2 @@
-export { LiveQueryProvider, LiveQueryProvider as default } from './LiveQueryProvider/index.js';
-export { useLiveQuery } from '@sanity/preview-kit';
+export { LiveQueryProvider, default, useLiveQuery } from '@sanity/preview-kit';
 //# sourceMappingURL=index.js.map

package/dist/preview/index.js.map

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

package/dist/preview/live-query.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var liveQuery = require('@sanity/preview-kit/live-query');
+Object.defineProperty(exports, 'default', {
+  enumerable: true,
+  get: function () {
+    return liveQuery__namespace.default;
+  }
+});
+Object.keys(liveQuery).forEach(function (k) {
+  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () {
+      return liveQuery[k];
+    }
+  });
+});
+//# sourceMappingURL=live-query.cjs.map

package/dist/preview/live-query.cjs.js

@@ -0,0 +1,5 @@
+import cjs from './live-query.cjs';
+
+export const LiveQuery = cjs.LiveQuery;
+
+export default cjs.default;

package/dist/preview/live-query.cjs.map

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

package/dist/preview/live-query.d.ts

@@ -0,0 +1,7 @@
+import {default as default_2} from '@sanity/preview-kit/live-query'
+
+export default default_2
+
+export * from '@sanity/preview-kit/live-query'
+
+export {}

package/dist/preview/live-query.js

@@ -0,0 +1,3 @@
+export * from '@sanity/preview-kit/live-query';
+export { default } from '@sanity/preview-kit/live-query';
+//# sourceMappingURL=live-query.js.map

package/dist/preview/live-query.js.map

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

package/dist/studio/NextStudioLoading.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', {

package/dist/studio/NextStudioLoading.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NextStudioLoading.cjs","sources":["../../src/studio/NextStudioLoading.tsx"],"sourcesContent":["/* eslint-disable no-warning-comments */\n// Intentionally not using `styled-components` to ensure it works in any `next` setup.\n// Whether 'styled-components' SSR is setup or not.\n\nimport {SpinnerIcon} from '@sanity/icons'\nimport {_responsive, rem} from '@sanity/ui'\nimport type {Config, SingleWorkspace, StudioProps} from 'sanity'\n\nimport {NextStudioNoScript} from './NextStudioNoScript'\nimport {useTheme} from './useTheme'\n\n/**\n * @alpha\n * @deprecated Will be removed in the next major release\n */\nexport interface NextStudioLoadingProps extends Pick<StudioProps, 'scheme'> {\n  /**\n   * If your Studio Config has a custom theme you can pass it here to ensure the loading screen matches your theme.\n   */\n  config?: Config | Required<Pick<SingleWorkspace, 'theme'>>\n  /**\n   * Render the <noscript> tag\n   * @defaultValue true\n   * @alpha\n   */\n  unstable__noScript?: boolean\n}\n\nconst keyframes = `\nfrom {\n  transform: rotate(0deg);\n}\n\nto {\n  transform: rotate(360deg);\n}\n`\n\n/**\n * @alpha\n * @deprecated Will be removed in the next major release\n */\nexport function NextStudioLoading(props: NextStudioLoadingProps) {\n  const {config, scheme = 'light', unstable__noScript = true} = props\n  const id = 'next-sanity-spinner'\n  const theme = useTheme(config)\n  const {fonts, media} = theme\n\n  const styles: any = _responsive(media, [2], (size: number) => {\n    const {ascenderHeight, descenderHeight, lineHeight, iconSize} = fonts.text.sizes[size]\n    const capHeight = lineHeight - ascenderHeight - descenderHeight\n\n    return {\n      wrapper: {\n        display: 'block',\n        animation: `${id} 500ms linear infinite`,\n        color:\n          theme.color[scheme === 'dark' ? 'dark' : 'light'].default.muted.default.enabled.muted\n            .fg,\n        width: rem(capHeight),\n        height: rem(capHeight),\n      },\n      svg: {\n        display: 'block',\n        width: rem(iconSize),\n        height: rem(iconSize),\n        margin: (capHeight - iconSize) / 2,\n      },\n    }\n  })[0]\n\n  return (\n    <>\n      {unstable__noScript && <NextStudioNoScript />}\n      <div\n        style={{\n          fontFamily: fonts.text.family,\n          backgroundColor: theme.color[scheme === 'dark' ? 'dark' : 'light'].default.base.bg,\n          height: '100vh',\n          maxHeight: '100dvh',\n          overscrollBehavior: 'none',\n          WebkitFontSmoothing: 'antialiased',\n          overflow: 'auto',\n        }}\n      >\n        <div\n          data-ui=\"Flex\"\n          style={{\n            display: 'flex',\n            minWidth: 0,\n            minHeight: 0,\n            alignItems: 'center',\n            justifyContent: 'center',\n            flexDirection: 'column',\n            height: '100%',\n            margin: 0,\n            padding: 0,\n            // @TODO use rem calc\n            gap: '10px',\n          }}\n        >\n          <style key={scheme}>{`@keyframes ${id} {${keyframes}}`}</style>\n          <div\n            data-ui=\"Text\"\n            style={{\n              position: 'relative',\n              // @TODO read from theme\n              fontWeight: 400,\n              // @TODO read from theme\n              padding: '1px 0px',\n              // @TODO use rem calc\n              fontSize: '1rem',\n              // @TODO use rem calc\n              lineHeight: 'calc(1.3125)',\n              // @TODO use rem calc\n              transform: 'translateY(-5px)',\n              color:\n                theme.color[scheme === 'dark' ? 'dark' : 'light'].default.muted.default.enabled\n                  .muted.fg,\n            }}\n          >\n            <span>Loading…</span>\n          </div>\n          <div data-ui=\"Spinner\" style={styles.wrapper}>\n            <SpinnerIcon style={styles.svg} />\n          </div>\n        </div>\n      </div>\n    </>\n  )\n}\n"],"names":["keyframes","NextStudioLoading","props","config","scheme","unstable__noScript","id","theme","useTheme","fonts","media","styles","_responsive","size","ascenderHeight","descenderHeight","lineHeight","iconSize","text","sizes","capHeight","wrapper","display","animation","concat","color","default","muted","enabled","fg","width","rem","height","svg","margin","jsxs","Fragment","children","NextStudioNoScript","jsx","style","fontFamily","family","backgroundColor","base","bg","maxHeight","overscrollBehavior","WebkitFontSmoothing","overflow","minWidth","minHeight","alignItems","justifyContent","flexDirection","padding","gap","position","fontWeight","fontSize","transform","SpinnerIcon"],"mappings":"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"}
+{"version":3,"file":"NextStudioLoading.cjs","sources":["../../src/studio/NextStudioLoading.tsx"],"sourcesContent":["'use client'\n\n/* eslint-disable no-warning-comments */\n// Intentionally not using `styled-components` to ensure it works in any `next` setup.\n// Whether 'styled-components' SSR is setup or not.\n\nimport {SpinnerIcon} from '@sanity/icons'\nimport {_responsive, rem} from '@sanity/ui'\nimport type {Config, SingleWorkspace, StudioProps} from 'sanity'\n\nimport {NextStudioNoScript} from './NextStudioNoScript'\nimport {useTheme} from './useTheme'\n\n/**\n * @alpha\n * @deprecated Will be removed in the next major release\n */\nexport interface NextStudioLoadingProps extends Pick<StudioProps, 'scheme'> {\n  /**\n   * If your Studio Config has a custom theme you can pass it here to ensure the loading screen matches your theme.\n   */\n  config?: Config | Required<Pick<SingleWorkspace, 'theme'>>\n  /**\n   * Render the <noscript> tag\n   * @defaultValue true\n   * @alpha\n   */\n  unstable__noScript?: boolean\n}\n\nconst keyframes = `\nfrom {\n  transform: rotate(0deg);\n}\n\nto {\n  transform: rotate(360deg);\n}\n`\n\n/**\n * @alpha\n * @deprecated Will be removed in the next major release\n */\nexport function NextStudioLoading(props: NextStudioLoadingProps) {\n  const {config, scheme = 'light', unstable__noScript = true} = props\n  const id = 'next-sanity-spinner'\n  const theme = useTheme(config)\n  const {fonts, media} = theme\n\n  const styles: any = _responsive(media, [2], (size: number) => {\n    const {ascenderHeight, descenderHeight, lineHeight, iconSize} = fonts.text.sizes[size]\n    const capHeight = lineHeight - ascenderHeight - descenderHeight\n\n    return {\n      wrapper: {\n        display: 'block',\n        animation: `${id} 500ms linear infinite`,\n        color:\n          theme.color[scheme === 'dark' ? 'dark' : 'light'].default.muted.default.enabled.muted\n            .fg,\n        width: rem(capHeight),\n        height: rem(capHeight),\n      },\n      svg: {\n        display: 'block',\n        width: rem(iconSize),\n        height: rem(iconSize),\n        margin: (capHeight - iconSize) / 2,\n      },\n    }\n  })[0]\n\n  return (\n    <>\n      {unstable__noScript && <NextStudioNoScript />}\n      <div\n        style={{\n          fontFamily: fonts.text.family,\n          backgroundColor: theme.color[scheme === 'dark' ? 'dark' : 'light'].default.base.bg,\n          height: '100vh',\n          maxHeight: '100dvh',\n          overscrollBehavior: 'none',\n          WebkitFontSmoothing: 'antialiased',\n          overflow: 'auto',\n        }}\n      >\n        <div\n          data-ui=\"Flex\"\n          style={{\n            display: 'flex',\n            minWidth: 0,\n            minHeight: 0,\n            alignItems: 'center',\n            justifyContent: 'center',\n            flexDirection: 'column',\n            height: '100%',\n            margin: 0,\n            padding: 0,\n            // @TODO use rem calc\n            gap: '10px',\n          }}\n        >\n          <style key={scheme}>{`@keyframes ${id} {${keyframes}}`}</style>\n          <div\n            data-ui=\"Text\"\n            style={{\n              position: 'relative',\n              // @TODO read from theme\n              fontWeight: 400,\n              // @TODO read from theme\n              padding: '1px 0px',\n              // @TODO use rem calc\n              fontSize: '1rem',\n              // @TODO use rem calc\n              lineHeight: 'calc(1.3125)',\n              // @TODO use rem calc\n              transform: 'translateY(-5px)',\n              color:\n                theme.color[scheme === 'dark' ? 'dark' : 'light'].default.muted.default.enabled\n                  .muted.fg,\n            }}\n          >\n            <span>Loading…</span>\n          </div>\n          <div data-ui=\"Spinner\" style={styles.wrapper}>\n            <SpinnerIcon style={styles.svg} />\n          </div>\n        </div>\n      </div>\n    </>\n  )\n}\n"],"names":["scheme","unstable__noScript","media","iconSize","wrapper","display","width","height","svg","margin","style","fontFamily","backgroundColor","maxHeight","overscrollBehavior","WebkitFontSmoothing","overflow","children","minWidth","minHeight","alignItems","justifyContent","flexDirection","padding","gap","position","fontWeight","fontSize","lineHeight","transform"],"mappings":";;;;;;;;;;;AA8BA;AAcO;;;AACUA;AAAkBC;AAA6B;;AAExD;;;AACQC;AAAS;AAEvB;;;;;AACsDC;;AAC9C;;AAGJC;AACEC;;;AAKAC;AACAC;;AAEFC;AACEH;AACAC;AACAC;AACAE;AACF;;;;;AAQEC;AACEC;AACAC;AACAL;AACAM;AACAC;AACAC;AACAC;;AAGFC;AACE;AACAP;AACEL;AACAa;AACAC;AACAC;AACAC;AACAC;AACAf;AACAE;AACAc;AAAS;AAETC;;;AAGmBP;;AAEnB;AACAP;AACEe;AAAU;AAEVC;AAAY;AAEZH;AAAS;AAETI;AAAU;AAEVC;AAAY;AAEZC;;;AAMFZ;AAAMA;;;AAEH;;;;;;;AAGP;AAEJ;AAEJ;"}

package/dist/studio/NextStudioLoading.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { SpinnerIcon } from '@sanity/icons';
 import { _responsive, rem } from '@sanity/ui';

package/dist/studio/NextStudioLoading.js.map

@@ -1 +1 @@
-{"version":3,"file":"NextStudioLoading.js","sources":["../../src/studio/NextStudioLoading.tsx"],"sourcesContent":["/* eslint-disable no-warning-comments */\n// Intentionally not using `styled-components` to ensure it works in any `next` setup.\n// Whether 'styled-components' SSR is setup or not.\n\nimport {SpinnerIcon} from '@sanity/icons'\nimport {_responsive, rem} from '@sanity/ui'\nimport type {Config, SingleWorkspace, StudioProps} from 'sanity'\n\nimport {NextStudioNoScript} from './NextStudioNoScript'\nimport {useTheme} from './useTheme'\n\n/**\n * @alpha\n * @deprecated Will be removed in the next major release\n */\nexport interface NextStudioLoadingProps extends Pick<StudioProps, 'scheme'> {\n  /**\n   * If your Studio Config has a custom theme you can pass it here to ensure the loading screen matches your theme.\n   */\n  config?: Config | Required<Pick<SingleWorkspace, 'theme'>>\n  /**\n   * Render the <noscript> tag\n   * @defaultValue true\n   * @alpha\n   */\n  unstable__noScript?: boolean\n}\n\nconst keyframes = `\nfrom {\n  transform: rotate(0deg);\n}\n\nto {\n  transform: rotate(360deg);\n}\n`\n\n/**\n * @alpha\n * @deprecated Will be removed in the next major release\n */\nexport function NextStudioLoading(props: NextStudioLoadingProps) {\n  const {config, scheme = 'light', unstable__noScript = true} = props\n  const id = 'next-sanity-spinner'\n  const theme = useTheme(config)\n  const {fonts, media} = theme\n\n  const styles: any = _responsive(media, [2], (size: number) => {\n    const {ascenderHeight, descenderHeight, lineHeight, iconSize} = fonts.text.sizes[size]\n    const capHeight = lineHeight - ascenderHeight - descenderHeight\n\n    return {\n      wrapper: {\n        display: 'block',\n        animation: `${id} 500ms linear infinite`,\n        color:\n          theme.color[scheme === 'dark' ? 'dark' : 'light'].default.muted.default.enabled.muted\n            .fg,\n        width: rem(capHeight),\n        height: rem(capHeight),\n      },\n      svg: {\n        display: 'block',\n        width: rem(iconSize),\n        height: rem(iconSize),\n        margin: (capHeight - iconSize) / 2,\n      },\n    }\n  })[0]\n\n  return (\n    <>\n      {unstable__noScript && <NextStudioNoScript />}\n      <div\n        style={{\n          fontFamily: fonts.text.family,\n          backgroundColor: theme.color[scheme === 'dark' ? 'dark' : 'light'].default.base.bg,\n          height: '100vh',\n          maxHeight: '100dvh',\n          overscrollBehavior: 'none',\n          WebkitFontSmoothing: 'antialiased',\n          overflow: 'auto',\n        }}\n      >\n        <div\n          data-ui=\"Flex\"\n          style={{\n            display: 'flex',\n            minWidth: 0,\n            minHeight: 0,\n            alignItems: 'center',\n            justifyContent: 'center',\n            flexDirection: 'column',\n            height: '100%',\n            margin: 0,\n            padding: 0,\n            // @TODO use rem calc\n            gap: '10px',\n          }}\n        >\n          <style key={scheme}>{`@keyframes ${id} {${keyframes}}`}</style>\n          <div\n            data-ui=\"Text\"\n            style={{\n              position: 'relative',\n              // @TODO read from theme\n              fontWeight: 400,\n              // @TODO read from theme\n              padding: '1px 0px',\n              // @TODO use rem calc\n              fontSize: '1rem',\n              // @TODO use rem calc\n              lineHeight: 'calc(1.3125)',\n              // @TODO use rem calc\n              transform: 'translateY(-5px)',\n              color:\n                theme.color[scheme === 'dark' ? 'dark' : 'light'].default.muted.default.enabled\n                  .muted.fg,\n            }}\n          >\n            <span>Loading…</span>\n          </div>\n          <div data-ui=\"Spinner\" style={styles.wrapper}>\n            <SpinnerIcon style={styles.svg} />\n          </div>\n        </div>\n      </div>\n    </>\n  )\n}\n"],"names":["keyframes","NextStudioLoading","props","config","scheme","unstable__noScript","id","theme","useTheme","fonts","media","styles","_responsive","size","ascenderHeight","descenderHeight","lineHeight","iconSize","text","sizes","capHeight","wrapper","display","animation","concat","color","default","muted","enabled","fg","width","rem","height","svg","margin","jsxs","Fragment","children","NextStudioNoScript","jsx","style","fontFamily","family","backgroundColor","base","bg","maxHeight","overscrollBehavior","WebkitFontSmoothing","overflow","minWidth","minHeight","alignItems","justifyContent","flexDirection","padding","gap","position","fontWeight","fontSize","transform","SpinnerIcon"],"mappings":"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"}
+{"version":3,"file":"NextStudioLoading.js","sources":["../../src/studio/NextStudioLoading.tsx"],"sourcesContent":["'use client'\n\n/* eslint-disable no-warning-comments */\n// Intentionally not using `styled-components` to ensure it works in any `next` setup.\n// Whether 'styled-components' SSR is setup or not.\n\nimport {SpinnerIcon} from '@sanity/icons'\nimport {_responsive, rem} from '@sanity/ui'\nimport type {Config, SingleWorkspace, StudioProps} from 'sanity'\n\nimport {NextStudioNoScript} from './NextStudioNoScript'\nimport {useTheme} from './useTheme'\n\n/**\n * @alpha\n * @deprecated Will be removed in the next major release\n */\nexport interface NextStudioLoadingProps extends Pick<StudioProps, 'scheme'> {\n  /**\n   * If your Studio Config has a custom theme you can pass it here to ensure the loading screen matches your theme.\n   */\n  config?: Config | Required<Pick<SingleWorkspace, 'theme'>>\n  /**\n   * Render the <noscript> tag\n   * @defaultValue true\n   * @alpha\n   */\n  unstable__noScript?: boolean\n}\n\nconst keyframes = `\nfrom {\n  transform: rotate(0deg);\n}\n\nto {\n  transform: rotate(360deg);\n}\n`\n\n/**\n * @alpha\n * @deprecated Will be removed in the next major release\n */\nexport function NextStudioLoading(props: NextStudioLoadingProps) {\n  const {config, scheme = 'light', unstable__noScript = true} = props\n  const id = 'next-sanity-spinner'\n  const theme = useTheme(config)\n  const {fonts, media} = theme\n\n  const styles: any = _responsive(media, [2], (size: number) => {\n    const {ascenderHeight, descenderHeight, lineHeight, iconSize} = fonts.text.sizes[size]\n    const capHeight = lineHeight - ascenderHeight - descenderHeight\n\n    return {\n      wrapper: {\n        display: 'block',\n        animation: `${id} 500ms linear infinite`,\n        color:\n          theme.color[scheme === 'dark' ? 'dark' : 'light'].default.muted.default.enabled.muted\n            .fg,\n        width: rem(capHeight),\n        height: rem(capHeight),\n      },\n      svg: {\n        display: 'block',\n        width: rem(iconSize),\n        height: rem(iconSize),\n        margin: (capHeight - iconSize) / 2,\n      },\n    }\n  })[0]\n\n  return (\n    <>\n      {unstable__noScript && <NextStudioNoScript />}\n      <div\n        style={{\n          fontFamily: fonts.text.family,\n          backgroundColor: theme.color[scheme === 'dark' ? 'dark' : 'light'].default.base.bg,\n          height: '100vh',\n          maxHeight: '100dvh',\n          overscrollBehavior: 'none',\n          WebkitFontSmoothing: 'antialiased',\n          overflow: 'auto',\n        }}\n      >\n        <div\n          data-ui=\"Flex\"\n          style={{\n            display: 'flex',\n            minWidth: 0,\n            minHeight: 0,\n            alignItems: 'center',\n            justifyContent: 'center',\n            flexDirection: 'column',\n            height: '100%',\n            margin: 0,\n            padding: 0,\n            // @TODO use rem calc\n            gap: '10px',\n          }}\n        >\n          <style key={scheme}>{`@keyframes ${id} {${keyframes}}`}</style>\n          <div\n            data-ui=\"Text\"\n            style={{\n              position: 'relative',\n              // @TODO read from theme\n              fontWeight: 400,\n              // @TODO read from theme\n              padding: '1px 0px',\n              // @TODO use rem calc\n              fontSize: '1rem',\n              // @TODO use rem calc\n              lineHeight: 'calc(1.3125)',\n              // @TODO use rem calc\n              transform: 'translateY(-5px)',\n              color:\n                theme.color[scheme === 'dark' ? 'dark' : 'light'].default.muted.default.enabled\n                  .muted.fg,\n            }}\n          >\n            <span>Loading…</span>\n          </div>\n          <div data-ui=\"Spinner\" style={styles.wrapper}>\n            <SpinnerIcon style={styles.svg} />\n          </div>\n        </div>\n      </div>\n    </>\n  )\n}\n"],"names":["scheme","unstable__noScript","media","iconSize","wrapper","display","width","svg","height","margin","children","style","fontFamily","backgroundColor","maxHeight","overscrollBehavior","WebkitFontSmoothing","overflow","minWidth","minHeight","alignItems","justifyContent","flexDirection","padding","gap","position","fontWeight","fontSize","lineHeight","transform"],"mappings":";;;;;;AA8BA;AAcO;;;AACUA;AAAkBC;AAA6B;;AAExD;;;AACQC;AAAS;;;;;;AAG+BC;;AAC9C;;AAGJC;AACEC;;;AAKAC;;;AAGFC;AACEF;AACAC;AACAE;AACAC;AACF;;;AAIJ;AAEKC;AAECC;AACEC;AACAC;AACAL;AACAM;AACAC;AACAC;AACAC;;AAGFP;AACE;AACAC;AACEN;AACAa;AACAC;AACAC;AACAC;AACAC;AACAd;AACAC;AACAc;AAAS;AAETC;;AAGFd;AAAqBA;;AAEnB;AACAC;AACEc;AAAU;AAEVC;AAAY;AAEZH;AAAS;AAETI;AAAU;AAEVC;AAAY;AAEZC;;;AAMFnB;AAAMA;;AAAQ;AAEX;;AACHA;;;;;AAEJ;AAEJ;AAEJ;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-sanity",
-  "version": "5.3.0",
+  "version": "5.4.0",
   "description": "Sanity.io toolkit for Next.js",
   "keywords": [
     "sanity",
@@ -46,6 +46,17 @@
       "import": "./dist/preview/index.js",
       "default": "./dist/preview/index.js"
     },
+    "./preview/live-query": {
+      "types": "./dist/preview/live-query.d.ts",
+      "source": "./src/preview/LiveQuery/index.ts",
+      "require": "./dist/preview/live-query.cjs",
+      "node": {
+        "module": "./dist/preview/live-query.js",
+        "import": "./dist/preview/live-query.cjs.js"
+      },
+      "import": "./dist/preview/live-query.js",
+      "default": "./dist/preview/live-query.js"
+    },
     "./studio": {
       "types": "./dist/studio/index.d.ts",
       "source": "./src/studio/index.ts",
@@ -112,6 +123,9 @@
       "preview": [
         "./dist/preview/index.d.ts"
       ],
+      "preview/live-query": [
+        "./dist/preview/live-query.d.ts"
+      ],
       "studio": [
         "./dist/studio/index.d.ts"
       ],
@@ -160,7 +174,7 @@
     "singleQuote": true
   },
   "dependencies": {
-    "@sanity/preview-kit": "3.0.0",
+    "@sanity/preview-kit": "3.1.0",
     "@sanity/webhook": "2.0.0",
     "groq": "^3.0.0"
   },
@@ -173,7 +187,7 @@
     "@sanity/image-url": "^1.0.2",
     "@sanity/pkg-utils": "^2.4.5",
     "@sanity/semantic-release-preset": "^4.1.3",
-    "@sanity/ui": "^1.7.4",
+    "@sanity/ui": "^1.7.7",
     "@sanity/vision": "3.15.1",
     "@types/eventsource": "^1.1.11",
     "@types/jest": "^29.5.3",

package/src/preview/LiveQuery/LiveQuery.tsx

@@ -0,0 +1,10 @@
+import {createConditionalLiveQuery} from '@sanity/preview-kit/internals/create-conditional-live-query'
+
+import ClientComponent from './LiveQueryClientComponent'
+
+export type * from '@sanity/preview-kit/live-query'
+
+/**
+ * This is an experimental new API that might have breaking changes in minor versions.
+ * @alpha */
+export const LiveQuery = createConditionalLiveQuery({ClientComponent})

package/src/preview/LiveQuery/LiveQueryClientComponent.tsx

@@ -0,0 +1,8 @@
+'use client'
+
+import {lazy} from 'react'
+
+// Re-exporting in a file with `use client` ensures the component stays server-only
+// and isn't preloaded in the client bundle, instead it's loaded only on demand.
+
+export default lazy(() => import('@sanity/preview-kit/internals/live-query'))

package/src/preview/LiveQuery/index.ts

@@ -0,0 +1,2 @@
+export * from '@sanity/preview-kit/live-query'
+export {default} from '@sanity/preview-kit/live-query'

package/src/preview/index.ts

@@ -1,4 +1,3 @@
-export {default, LiveQueryProvider} from './LiveQueryProvider'
 export type {
   CacheOptions,
   ClientQueryParams,
@@ -8,4 +7,4 @@ export type {
   Logger,
   QueryLoading,
 } from '@sanity/preview-kit'
-export {useLiveQuery} from '@sanity/preview-kit'
+export {default, LiveQueryProvider, useLiveQuery} from '@sanity/preview-kit'

package/src/studio/NextStudioLoading.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 /* eslint-disable no-warning-comments */
 // Intentionally not using `styled-components` to ensure it works in any `next` setup.
 // Whether 'styled-components' SSR is setup or not.

package/dist/preview/LiveQueryProvider/index.cjs

@@ -1,23 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-var createLiveQueryProvider = require('@sanity/preview-kit/internals/create-live-query-provider');
-var dynamic = require('next/dynamic');
-function _interopDefaultCompat(e) {
-  return e && typeof e === 'object' && 'default' in e ? e : {
-    default: e
-  };
-}
-var dynamic__default = /*#__PURE__*/_interopDefaultCompat(dynamic);
-const GroqStoreProvider = dynamic__default.default(() => import('@sanity/preview-kit/internals/groq-store-provider'));
-const LiveStoreProvider = dynamic__default.default(() => import('@sanity/preview-kit/internals/live-store-provider'));
-const LiveQueryProvider = createLiveQueryProvider.createLiveQueryProvider({
-  GroqStoreProvider,
-  LiveStoreProvider
-});
-exports.LiveQueryProvider = LiveQueryProvider;
-exports.default = LiveQueryProvider;
-//# sourceMappingURL=index.cjs.map

package/dist/preview/LiveQueryProvider/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/preview/LiveQueryProvider/index.tsx"],"sourcesContent":["'use client'\n\nimport {createLiveQueryProvider} from '@sanity/preview-kit/internals/create-live-query-provider'\nimport dynamic from 'next/dynamic'\n\nexport type {CacheOptions, LiveQueryProviderProps, Logger} from '@sanity/preview-kit'\n\nconst GroqStoreProvider = dynamic(\n  () => import('@sanity/preview-kit/internals/groq-store-provider'),\n)\nconst LiveStoreProvider = dynamic(\n  () => import('@sanity/preview-kit/internals/live-store-provider'),\n)\n\nexport const LiveQueryProvider = createLiveQueryProvider({GroqStoreProvider, LiveStoreProvider})\nexport default LiveQueryProvider\n"],"names":["LiveStoreProvider"],"mappings":";;;;;;;;;;;;;;AAOA;AAGA;AAIO;;AAAsEA;AAAkB;;"}

package/dist/preview/LiveQueryProvider/index.js

@@ -1,11 +0,0 @@
-'use client';
-import { createLiveQueryProvider } from '@sanity/preview-kit/internals/create-live-query-provider';
-import dynamic from 'next/dynamic';
-const GroqStoreProvider = dynamic(() => import('@sanity/preview-kit/internals/groq-store-provider'));
-const LiveStoreProvider = dynamic(() => import('@sanity/preview-kit/internals/live-store-provider'));
-const LiveQueryProvider = createLiveQueryProvider({
-  GroqStoreProvider,
-  LiveStoreProvider
-});
-export { LiveQueryProvider, LiveQueryProvider as default };
-//# sourceMappingURL=index.js.map

package/dist/preview/LiveQueryProvider/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/preview/LiveQueryProvider/index.tsx"],"sourcesContent":["'use client'\n\nimport {createLiveQueryProvider} from '@sanity/preview-kit/internals/create-live-query-provider'\nimport dynamic from 'next/dynamic'\n\nexport type {CacheOptions, LiveQueryProviderProps, Logger} from '@sanity/preview-kit'\n\nconst GroqStoreProvider = dynamic(\n  () => import('@sanity/preview-kit/internals/groq-store-provider'),\n)\nconst LiveStoreProvider = dynamic(\n  () => import('@sanity/preview-kit/internals/live-store-provider'),\n)\n\nexport const LiveQueryProvider = createLiveQueryProvider({GroqStoreProvider, LiveStoreProvider})\nexport default LiveQueryProvider\n"],"names":["LiveStoreProvider"],"mappings":";;;AAOA;AAGA;AAIO;;AAAsEA;AAAkB;"}

package/src/preview/LiveQueryProvider/index.tsx

@@ -1,16 +0,0 @@
-'use client'
-
-import {createLiveQueryProvider} from '@sanity/preview-kit/internals/create-live-query-provider'
-import dynamic from 'next/dynamic'
-
-export type {CacheOptions, LiveQueryProviderProps, Logger} from '@sanity/preview-kit'
-
-const GroqStoreProvider = dynamic(
-  () => import('@sanity/preview-kit/internals/groq-store-provider'),
-)
-const LiveStoreProvider = dynamic(
-  () => import('@sanity/preview-kit/internals/live-store-provider'),
-)
-
-export const LiveQueryProvider = createLiveQueryProvider({GroqStoreProvider, LiveStoreProvider})
-export default LiveQueryProvider