next-sanity 5.2.7 → 5.4.0

package/dist/client.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var client = require('@sanity/preview-kit/client');
+function createClient(config) {
+  let {
+    // eslint-disable-next-line prefer-const, no-process-env
+    studioUrl = process.env.NEXT_PUBLIC_SANITY_STUDIO_URL,
+    encodeSourceMap = studioUrl ? "auto" : false
+  } = config;
+  if (encodeSourceMap === "auto" && process.env.NEXT_PUBLIC_VERCEL_ENV === "preview") {
+    encodeSourceMap = true;
+  }
+  return client.createClient({
+    ...config,
+    studioUrl,
+    encodeSourceMap
+  });
+}
+exports.createClient = createClient;
+//# sourceMappingURL=client.cjs.map

package/dist/client.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.cjs","sources":["../src/client.ts"],"sourcesContent":["import {\n  createClient as createPreviewKitClient,\n  type PreviewKitClientConfig,\n} from '@sanity/preview-kit/client'\n\nexport type * from '@sanity/preview-kit/client'\n\n/** @public */\nexport interface ClientConfig\n  extends Omit<PreviewKitClientConfig, 'studioUrl' | 'encodeSourceMap'> {\n  /**\n   * Where the Studio is hosted.\n   * If it's embedded in the app, use the base path for example `/studio`.\n   * Otherwise provide the full URL to where the Studio is hosted, for example: `https://blog.sanity.studio`.\n   * @defaultValue process.env.NEXT_PUBLIC_SANITY_STUDIO_URL\n   * @alpha\n   */\n  studioUrl?: PreviewKitClientConfig['studioUrl']\n  /**\n   * If there's no `studioUrl` then the default value is `none` and the normal `@sanity/client` will be used. If `studioUrl` is set, then it's `auto` by default.\n   * @defaultValue process.env.MEXT_PUBLIC_SANITY_SOURCE_MAP || studioUrl ? 'auto' : 'none'\n   * @alpha\n   */\n  encodeSourceMap?: PreviewKitClientConfig['encodeSourceMap']\n}\n\n/** @public */\nexport type SanityClient = ReturnType<typeof createPreviewKitClient>\n\n/**\n * @public\n */\nexport function createClient(config: ClientConfig): SanityClient {\n  let {\n    // eslint-disable-next-line prefer-const, no-process-env\n    studioUrl = process.env.NEXT_PUBLIC_SANITY_STUDIO_URL! as PreviewKitClientConfig['studioUrl'],\n    encodeSourceMap = studioUrl ? 'auto' : false,\n  } = config\n  // eslint-disable-next-line no-process-env\n  if (encodeSourceMap === 'auto' && process.env.NEXT_PUBLIC_VERCEL_ENV === 'preview') {\n    encodeSourceMap = true\n  }\n  return createPreviewKitClient({...config, studioUrl, encodeSourceMap})\n}\n"],"names":["createClient","config","studioUrl","process","env","NEXT_PUBLIC_SANITY_STUDIO_URL","encodeSourceMap","NEXT_PUBLIC_VERCEL_ENV","createPreviewKitClient"],"mappings":";;;;;;AAgCO,SAASA,aAAaC,MAAoC,EAAA;EAC3D,IAAA;IAAA;IAEFC,SAAA,GAAYC,QAAQC,GAAI,CAAAC,6BAAA;IACxBC,eAAA,GAAkBJ,YAAY,MAAS,GAAA;EACrC,CAAA,GAAAD,MAAA;EAEJ,IAAIK,eAAoB,KAAA,MAAA,IAAUH,OAAQ,CAAAC,GAAA,CAAIG,2BAA2B,SAAW,EAAA;IAChED,eAAA,GAAA,IAAA;EACpB;EACA,OAAOE,MAAAA,CAAAA,aAAuB;IAAC,GAAGP,MAAQ;IAAAC,SAAA;IAAWI;EAAgB,CAAA,CAAA;AACvE;"}

package/dist/client.js

@@ -0,0 +1,18 @@
+import { createClient as createClient$1 } from '@sanity/preview-kit/client';
+function createClient(config) {
+  let {
+    // eslint-disable-next-line prefer-const, no-process-env
+    studioUrl = process.env.NEXT_PUBLIC_SANITY_STUDIO_URL,
+    encodeSourceMap = studioUrl ? "auto" : false
+  } = config;
+  if (encodeSourceMap === "auto" && process.env.NEXT_PUBLIC_VERCEL_ENV === "preview") {
+    encodeSourceMap = true;
+  }
+  return createClient$1({
+    ...config,
+    studioUrl,
+    encodeSourceMap
+  });
+}
+export { createClient };
+//# sourceMappingURL=client.js.map

package/dist/client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.js","sources":["../src/client.ts"],"sourcesContent":["import {\n  createClient as createPreviewKitClient,\n  type PreviewKitClientConfig,\n} from '@sanity/preview-kit/client'\n\nexport type * from '@sanity/preview-kit/client'\n\n/** @public */\nexport interface ClientConfig\n  extends Omit<PreviewKitClientConfig, 'studioUrl' | 'encodeSourceMap'> {\n  /**\n   * Where the Studio is hosted.\n   * If it's embedded in the app, use the base path for example `/studio`.\n   * Otherwise provide the full URL to where the Studio is hosted, for example: `https://blog.sanity.studio`.\n   * @defaultValue process.env.NEXT_PUBLIC_SANITY_STUDIO_URL\n   * @alpha\n   */\n  studioUrl?: PreviewKitClientConfig['studioUrl']\n  /**\n   * If there's no `studioUrl` then the default value is `none` and the normal `@sanity/client` will be used. If `studioUrl` is set, then it's `auto` by default.\n   * @defaultValue process.env.MEXT_PUBLIC_SANITY_SOURCE_MAP || studioUrl ? 'auto' : 'none'\n   * @alpha\n   */\n  encodeSourceMap?: PreviewKitClientConfig['encodeSourceMap']\n}\n\n/** @public */\nexport type SanityClient = ReturnType<typeof createPreviewKitClient>\n\n/**\n * @public\n */\nexport function createClient(config: ClientConfig): SanityClient {\n  let {\n    // eslint-disable-next-line prefer-const, no-process-env\n    studioUrl = process.env.NEXT_PUBLIC_SANITY_STUDIO_URL! as PreviewKitClientConfig['studioUrl'],\n    encodeSourceMap = studioUrl ? 'auto' : false,\n  } = config\n  // eslint-disable-next-line no-process-env\n  if (encodeSourceMap === 'auto' && process.env.NEXT_PUBLIC_VERCEL_ENV === 'preview') {\n    encodeSourceMap = true\n  }\n  return createPreviewKitClient({...config, studioUrl, encodeSourceMap})\n}\n"],"names":["createClient","config","studioUrl","process","env","NEXT_PUBLIC_SANITY_STUDIO_URL","encodeSourceMap","NEXT_PUBLIC_VERCEL_ENV","createPreviewKitClient"],"mappings":";AAgCO,SAASA,aAAaC,MAAoC,EAAA;EAC3D,IAAA;IAAA;IAEFC,SAAA,GAAYC,QAAQC,GAAI,CAAAC,6BAAA;IACxBC,eAAA,GAAkBJ,YAAY,MAAS,GAAA;EACrC,CAAA,GAAAD,MAAA;EAEJ,IAAIK,eAAoB,KAAA,MAAA,IAAUH,OAAQ,CAAAC,GAAA,CAAIG,2BAA2B,SAAW,EAAA;IAChED,eAAA,GAAA,IAAA;EACpB;EACA,OAAOE,eAAuB;IAAC,GAAGP,MAAQ;IAAAC,SAAA;IAAWI;EAAgB,CAAA,CAAA;AACvE;"}

package/dist/index.cjs

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-var client = require('@sanity/preview-kit/client');
+var client = require('./client.cjs');
 var groq = require('groq');
 function _interopDefaultCompat(e) {
   return e && typeof e === 'object' && 'default' in e ? e : {
@@ -11,26 +11,11 @@ function _interopDefaultCompat(e) {
   };
 }
 var groq__default = /*#__PURE__*/_interopDefaultCompat(groq);
-function createClient(config) {
-  let {
-    // eslint-disable-next-line prefer-const, no-process-env
-    studioUrl = process.env.NEXT_PUBLIC_SANITY_STUDIO_URL,
-    encodeSourceMap = studioUrl ? "auto" : false
-  } = config;
-  if (encodeSourceMap === "auto" && process.env.NEXT_PUBLIC_VERCEL_ENV === "preview") {
-    encodeSourceMap = true;
-  }
-  return client.createClient({
-    ...config,
-    studioUrl,
-    encodeSourceMap
-  });
-}
+exports.createClient = client.createClient;
 Object.defineProperty(exports, 'groq', {
   enumerable: true,
   get: function () {
     return groq__default.default;
   }
 });
-exports.createClient = createClient;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.js

@@ -1,5 +1,5 @@
 import cjs from './index.cjs';
 
-export const groq = cjs.groq;
 export const createClient = cjs.createClient;
+export const groq = cjs.groq;
 

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../src/client.ts"],"sourcesContent":["import {\n  createClient as createPreviewKitClient,\n  type PreviewKitClientConfig,\n} from '@sanity/preview-kit/client'\n\nexport type * from '@sanity/preview-kit/client'\n\n/** @public */\nexport interface ClientConfig\n  extends Omit<PreviewKitClientConfig, 'studioUrl' | 'encodeSourceMap'> {\n  /**\n   * Where the Studio is hosted.\n   * If it's embedded in the app, use the base path for example `/studio`.\n   * Otherwise provide the full URL to where the Studio is hosted, for example: `https://blog.sanity.studio`.\n   * @defaultValue process.env.NEXT_PUBLIC_SANITY_STUDIO_URL\n   * @alpha\n   */\n  studioUrl?: PreviewKitClientConfig['studioUrl']\n  /**\n   * If there's no `studioUrl` then the default value is `none` and the normal `@sanity/client` will be used. If `studioUrl` is set, then it's `auto` by default.\n   * @defaultValue process.env.MEXT_PUBLIC_SANITY_SOURCE_MAP || studioUrl ? 'auto' : 'none'\n   * @alpha\n   */\n  encodeSourceMap?: PreviewKitClientConfig['encodeSourceMap']\n}\n\n/** @public */\nexport type SanityClient = ReturnType<typeof createPreviewKitClient>\n\n/**\n * @public\n */\nexport function createClient(config: ClientConfig): SanityClient {\n  let {\n    // eslint-disable-next-line prefer-const, no-process-env\n    studioUrl = process.env.NEXT_PUBLIC_SANITY_STUDIO_URL! as PreviewKitClientConfig['studioUrl'],\n    encodeSourceMap = studioUrl ? 'auto' : false,\n  } = config\n  // eslint-disable-next-line no-process-env\n  if (encodeSourceMap === 'auto' && process.env.NEXT_PUBLIC_VERCEL_ENV === 'preview') {\n    encodeSourceMap = true\n  }\n  return createPreviewKitClient({...config, studioUrl, encodeSourceMap})\n}\n"],"names":["createClient","config","studioUrl","process","env","NEXT_PUBLIC_SANITY_STUDIO_URL","encodeSourceMap","NEXT_PUBLIC_VERCEL_ENV","createPreviewKitClient"],"mappings":";;;;;;;;;;;;;AAgCO,SAASA,aAAaC,MAAoC,EAAA;EAC3D,IAAA;IAAA;IAEFC,SAAA,GAAYC,QAAQC,GAAI,CAAAC,6BAAA;IACxBC,eAAA,GAAkBJ,YAAY,MAAS,GAAA;EACrC,CAAA,GAAAD,MAAA;EAEJ,IAAIK,eAAoB,KAAA,MAAA,IAAUH,OAAQ,CAAAC,GAAA,CAAIG,2BAA2B,SAAW,EAAA;IAChED,eAAA,GAAA,IAAA;EACpB;EACA,OAAOE,MAAAA,CAAAA,aAAuB;IAAC,GAAGP,MAAQ;IAAAC,SAAA;IAAWI;EAAgB,CAAA,CAAA;AACvE;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/dist/index.js

@@ -1,19 +1,3 @@
-import { createClient as createClient$1 } from '@sanity/preview-kit/client';
+export { createClient } from './client.js';
 export { default as groq } from 'groq';
-function createClient(config) {
-  let {
-    // eslint-disable-next-line prefer-const, no-process-env
-    studioUrl = process.env.NEXT_PUBLIC_SANITY_STUDIO_URL,
-    encodeSourceMap = studioUrl ? "auto" : false
-  } = config;
-  if (encodeSourceMap === "auto" && process.env.NEXT_PUBLIC_VERCEL_ENV === "preview") {
-    encodeSourceMap = true;
-  }
-  return createClient$1({
-    ...config,
-    studioUrl,
-    encodeSourceMap
-  });
-}
-export { createClient };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/client.ts"],"sourcesContent":["import {\n  createClient as createPreviewKitClient,\n  type PreviewKitClientConfig,\n} from '@sanity/preview-kit/client'\n\nexport type * from '@sanity/preview-kit/client'\n\n/** @public */\nexport interface ClientConfig\n  extends Omit<PreviewKitClientConfig, 'studioUrl' | 'encodeSourceMap'> {\n  /**\n   * Where the Studio is hosted.\n   * If it's embedded in the app, use the base path for example `/studio`.\n   * Otherwise provide the full URL to where the Studio is hosted, for example: `https://blog.sanity.studio`.\n   * @defaultValue process.env.NEXT_PUBLIC_SANITY_STUDIO_URL\n   * @alpha\n   */\n  studioUrl?: PreviewKitClientConfig['studioUrl']\n  /**\n   * If there's no `studioUrl` then the default value is `none` and the normal `@sanity/client` will be used. If `studioUrl` is set, then it's `auto` by default.\n   * @defaultValue process.env.MEXT_PUBLIC_SANITY_SOURCE_MAP || studioUrl ? 'auto' : 'none'\n   * @alpha\n   */\n  encodeSourceMap?: PreviewKitClientConfig['encodeSourceMap']\n}\n\n/** @public */\nexport type SanityClient = ReturnType<typeof createPreviewKitClient>\n\n/**\n * @public\n */\nexport function createClient(config: ClientConfig): SanityClient {\n  let {\n    // eslint-disable-next-line prefer-const, no-process-env\n    studioUrl = process.env.NEXT_PUBLIC_SANITY_STUDIO_URL! as PreviewKitClientConfig['studioUrl'],\n    encodeSourceMap = studioUrl ? 'auto' : false,\n  } = config\n  // eslint-disable-next-line no-process-env\n  if (encodeSourceMap === 'auto' && process.env.NEXT_PUBLIC_VERCEL_ENV === 'preview') {\n    encodeSourceMap = true\n  }\n  return createPreviewKitClient({...config, studioUrl, encodeSourceMap})\n}\n"],"names":["createClient","config","studioUrl","process","env","NEXT_PUBLIC_SANITY_STUDIO_URL","encodeSourceMap","NEXT_PUBLIC_VERCEL_ENV","createPreviewKitClient"],"mappings":";;AAgCO,SAASA,aAAaC,MAAoC,EAAA;EAC3D,IAAA;IAAA;IAEFC,SAAA,GAAYC,QAAQC,GAAI,CAAAC,6BAAA;IACxBC,eAAA,GAAkBJ,YAAY,MAAS,GAAA;EACrC,CAAA,GAAAD,MAAA;EAEJ,IAAIK,eAAoB,KAAA,MAAA,IAAUH,OAAQ,CAAAC,GAAA,CAAIG,2BAA2B,SAAW,EAAA;IAChED,eAAA,GAAA,IAAA;EACpB;EACA,OAAOE,eAAuB;IAAC,GAAGP,MAAQ;IAAAC,SAAA;IAAWI;EAAgB,CAAA,CAAA;AACvE;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/preview/index.cjs

@@ -4,12 +4,24 @@ Object.defineProperty(exports, '__esModule', {
   value: true
 });
 var previewKit = require('@sanity/preview-kit');
+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.js

@@ -3,3 +3,4 @@ import cjs from './index.cjs';
 export const LiveQueryProvider = cjs.LiveQueryProvider;
 export const useLiveQuery = cjs.useLiveQuery;
 
+export default cjs.default;

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,7 +1,7 @@
 import {CacheOptions} from '@sanity/preview-kit'
 import {ClientQueryParams} from '@sanity/preview-kit'
+import {default as default_2} from '@sanity/preview-kit'
 import {isEqualFn} from '@sanity/preview-kit'
-import {ListenerStatus} from '@sanity/preview-kit'
 import {LiveQueryHookOptions} from '@sanity/preview-kit'
 import {LiveQueryProvider} from '@sanity/preview-kit'
 import {LiveQueryProviderProps} from '@sanity/preview-kit'
@@ -13,9 +13,9 @@ export {CacheOptions}
 
 export {ClientQueryParams}
 
-export {isEqualFn}
+export default default_2
 
-export {ListenerStatus}
+export {isEqualFn}
 
 export {LiveQueryHookOptions}
 

package/dist/preview/index.js

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

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/NextStudio.cjs

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var sanity = require('sanity');
+var NextStudioClientOnly = require('./NextStudioClientOnly.cjs');
+var NextStudioLayout = require('./NextStudioLayout.cjs');
+var NextStudioLoading = require('./NextStudioLoading.cjs');
+var NextStudioNoScript = require('./NextStudioNoScript.cjs');
+const NextStudioComponent = _ref => {
+  let {
+    children,
+    config,
+    unstable__noScript = true,
+    unstable__fastRender,
+    scheme,
+    ...props
+  } = _ref;
+  if (unstable__fastRender) {
+    return /* @__PURE__ */jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [unstable__noScript && /* @__PURE__ */jsxRuntime.jsx(NextStudioNoScript.NextStudioNoScript, {}), /* @__PURE__ */jsxRuntime.jsx(NextStudioLayout.NextStudioLayout, {
+        config,
+        scheme,
+        children: children || /* @__PURE__ */jsxRuntime.jsx(sanity.Studio, {
+          config,
+          scheme,
+          unstable_globalStyles: true,
+          ...props
+        })
+      })]
+    });
+  }
+  return /* @__PURE__ */jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [unstable__noScript && /* @__PURE__ */jsxRuntime.jsx(NextStudioNoScript.NextStudioNoScript, {}), /* @__PURE__ */jsxRuntime.jsx(NextStudioClientOnly.NextStudioClientOnly, {
+      fallback: /* @__PURE__ */jsxRuntime.jsx(NextStudioLoading.NextStudioLoading, {
+        unstable__noScript,
+        config,
+        scheme
+      }),
+      children: /* @__PURE__ */jsxRuntime.jsx(NextStudioLayout.NextStudioLayout, {
+        config,
+        scheme,
+        children: children || /* @__PURE__ */jsxRuntime.jsx(sanity.Studio, {
+          config,
+          scheme,
+          unstable_globalStyles: true,
+          ...props
+        })
+      })
+    })]
+  });
+};
+const NextStudio = react.memo(NextStudioComponent);
+exports.NextStudio = NextStudio;
+//# sourceMappingURL=NextStudio.cjs.map

package/dist/studio/NextStudio.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NextStudio.cjs","sources":["../../src/studio/NextStudio.tsx"],"sourcesContent":["import {memo} from 'react'\nimport {Studio, type StudioProps} from 'sanity'\n\nimport {NextStudioClientOnly} from './NextStudioClientOnly'\nimport {NextStudioLayout} from './NextStudioLayout'\nimport {NextStudioLoading} from './NextStudioLoading'\nimport {NextStudioNoScript} from './NextStudioNoScript'\n\nexport type {NextStudioLoadingProps} from './NextStudioLoading'\n\n/** @beta */\nexport interface NextStudioProps extends StudioProps {\n  children?: React.ReactNode\n  /**\n   * Render the <noscript> tag\n   * @defaultValue true\n   * @alpha\n   */\n  unstable__noScript?: boolean\n  /**\n   * Render in a faster mode that requires `styled-components` SSR to be setup.\n   * @defaultValue false\n   * @alpha\n   */\n  unstable__fastRender?: boolean\n}\n/**\n * Intended to render at the root of a page, letting the Studio own that page and render much like it would if you used `npx sanity start` to render\n * It's a drop-in replacement for `import {Studio} from 'sanity'`\n */\nconst NextStudioComponent = ({\n  children,\n  config,\n  unstable__noScript = true,\n  unstable__fastRender,\n  scheme,\n  ...props\n}: NextStudioProps) => {\n  if (unstable__fastRender) {\n    return (\n      <>\n        {unstable__noScript && <NextStudioNoScript />}\n        <NextStudioLayout config={config} scheme={scheme}>\n          {children || (\n            <Studio config={config} scheme={scheme} unstable_globalStyles {...props} />\n          )}\n        </NextStudioLayout>\n      </>\n    )\n  }\n\n  return (\n    <>\n      {unstable__noScript && <NextStudioNoScript />}\n      <NextStudioClientOnly\n        fallback={\n          <NextStudioLoading\n            unstable__noScript={unstable__noScript}\n            config={config}\n            scheme={scheme}\n          />\n        }\n      >\n        <NextStudioLayout config={config} scheme={scheme}>\n          {children || (\n            <Studio config={config} scheme={scheme} unstable_globalStyles {...props} />\n          )}\n        </NextStudioLayout>\n      </NextStudioClientOnly>\n    </>\n  )\n}\n\n/**\n * Override how the Studio renders by passing children.\n * This is useful for advanced use cases where you're using StudioProvider and StudioLayout instead of Studio:\n * ```\n * import {StudioProvider, StudioLayout} from 'sanity'\n * import {NextStudio} from 'next-sanity/studio'\n * <NextStudio config={config}>\n *   <StudioProvider config={config}>\n *     <CustomComponentThatUsesContextFromStudioProvider />\n *     <StudioLayout />\n *   </StudioProvider>\n * </NextStudio>\n * ```\n * @beta\n */\nexport const NextStudio = memo(NextStudioComponent)\n"],"names":["NextStudioComponent","_ref","children","config","unstable__noScript","unstable__fastRender","scheme","props","jsxs","Fragment","NextStudioNoScript","jsx","NextStudioLayout","Studio","unstable_globalStyles","NextStudioClientOnly","fallback","NextStudioLoading","NextStudio","memo"],"mappings":";;;;;;;;;;;;AA8BA,MAAMA,sBAAsBC,IAAA,IAOL;EAAA,IAPM;IAC3BC,QAAA;IACAC,MAAA;IACAC,kBAAqB,GAAA,IAAA;IACrBC,oBAAA;IACAC,MAAA;IACA,GAAGC;EACL,CAAuB,GAAAN,IAAA;EACrB,IAAII,oBAAsB,EAAA;IACxB,sBAEKG,UAAA,CAAAA,IAAA,CAAAC,mBAAA,EAAA;MAAAP,QAAA,EAAA,CAAAE,kBAAA,kCAAuBM,kBAAmB,CAAAA,kBAAA,EAAA,EAAA,CAAA,EAAA,eAC1CC,UAAA,CAAAA,GAAA,CAAAC,gBAAA,CAAAA,gBAAA,EAAA;QAAiBT,MAAgB;QAAAG,MAAA;QAC/BJ,QACC,EAAAA,QAAA,mBAAAS,UAAA,CAAAA,GAAA,CAACE,MAAO,CAAAA,MAAA,EAAA;UAAAV,MAAA;UAAgBG,MAAgB;UAAAQ,qBAAA,EAAqB,IAAE;UAAA,GAAGP;QAAO,CAAA;OAE7E,CAAA;IACF,CAAA,CAAA;EAEJ;EAEA,sBAEKC,UAAA,CAAAA,IAAA,CAAAC,mBAAA,EAAA;IAAAP,QAAA,EAAA,CAAAE,kBAAA,kCAAuBM,kBAAmB,CAAAA,kBAAA,EAAA,EAAA,CAAA,EAAA,eAC3CC,UAAA,CAAAA,GAAA,CAACI,oBAAA,CAAAA,oBAAA,EAAA;MACCC,QACE,iBAAAL,UAAA,CAAAA,GAAA,CAACM,iBAAA,CAAAA,iBAAA,EAAA;QACCb,kBAAA;QACAD,MAAA;QACAG;MAAA,CACF,CAAA;MAGFJ,QAAC,EAAA,eAAAS,UAAA,CAAAA,GAAA,CAAAC,iCAAA,EAAA;QAAiBT,MAAgB;QAAAG,MAAA;QAC/BJ,QACC,EAAAA,QAAA,IAAAS,eAAAA,UAAAA,CAAAA,GAAA,CAACE,MAAAA,CAAAA,MAAO,EAAA;UAAAV,MAAA;UAAgBG,MAAgB;UAAAQ,qBAAA,EAAqB,IAAE;UAAA,GAAGP;QAAO,CAAA;OAE7E;IAAA,CACF,CAAA;EACF,CAAA,CAAA;AAEJ,CAAA;AAiBa,MAAAW,UAAA,GAAaC,WAAKnB,mBAAmB,CAAA;"}

package/dist/studio/NextStudio.js

@@ -0,0 +1,53 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
+import { Studio } from 'sanity';
+import { NextStudioClientOnly } from './NextStudioClientOnly.js';
+import { NextStudioLayout } from './NextStudioLayout.js';
+import { NextStudioLoading } from './NextStudioLoading.js';
+import { NextStudioNoScript } from './NextStudioNoScript.js';
+const NextStudioComponent = _ref => {
+  let {
+    children,
+    config,
+    unstable__noScript = true,
+    unstable__fastRender,
+    scheme,
+    ...props
+  } = _ref;
+  if (unstable__fastRender) {
+    return /* @__PURE__ */jsxs(Fragment, {
+      children: [unstable__noScript && /* @__PURE__ */jsx(NextStudioNoScript, {}), /* @__PURE__ */jsx(NextStudioLayout, {
+        config,
+        scheme,
+        children: children || /* @__PURE__ */jsx(Studio, {
+          config,
+          scheme,
+          unstable_globalStyles: true,
+          ...props
+        })
+      })]
+    });
+  }
+  return /* @__PURE__ */jsxs(Fragment, {
+    children: [unstable__noScript && /* @__PURE__ */jsx(NextStudioNoScript, {}), /* @__PURE__ */jsx(NextStudioClientOnly, {
+      fallback: /* @__PURE__ */jsx(NextStudioLoading, {
+        unstable__noScript,
+        config,
+        scheme
+      }),
+      children: /* @__PURE__ */jsx(NextStudioLayout, {
+        config,
+        scheme,
+        children: children || /* @__PURE__ */jsx(Studio, {
+          config,
+          scheme,
+          unstable_globalStyles: true,
+          ...props
+        })
+      })
+    })]
+  });
+};
+const NextStudio = memo(NextStudioComponent);
+export { NextStudio };
+//# sourceMappingURL=NextStudio.js.map

package/dist/studio/NextStudio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NextStudio.js","sources":["../../src/studio/NextStudio.tsx"],"sourcesContent":["import {memo} from 'react'\nimport {Studio, type StudioProps} from 'sanity'\n\nimport {NextStudioClientOnly} from './NextStudioClientOnly'\nimport {NextStudioLayout} from './NextStudioLayout'\nimport {NextStudioLoading} from './NextStudioLoading'\nimport {NextStudioNoScript} from './NextStudioNoScript'\n\nexport type {NextStudioLoadingProps} from './NextStudioLoading'\n\n/** @beta */\nexport interface NextStudioProps extends StudioProps {\n  children?: React.ReactNode\n  /**\n   * Render the <noscript> tag\n   * @defaultValue true\n   * @alpha\n   */\n  unstable__noScript?: boolean\n  /**\n   * Render in a faster mode that requires `styled-components` SSR to be setup.\n   * @defaultValue false\n   * @alpha\n   */\n  unstable__fastRender?: boolean\n}\n/**\n * Intended to render at the root of a page, letting the Studio own that page and render much like it would if you used `npx sanity start` to render\n * It's a drop-in replacement for `import {Studio} from 'sanity'`\n */\nconst NextStudioComponent = ({\n  children,\n  config,\n  unstable__noScript = true,\n  unstable__fastRender,\n  scheme,\n  ...props\n}: NextStudioProps) => {\n  if (unstable__fastRender) {\n    return (\n      <>\n        {unstable__noScript && <NextStudioNoScript />}\n        <NextStudioLayout config={config} scheme={scheme}>\n          {children || (\n            <Studio config={config} scheme={scheme} unstable_globalStyles {...props} />\n          )}\n        </NextStudioLayout>\n      </>\n    )\n  }\n\n  return (\n    <>\n      {unstable__noScript && <NextStudioNoScript />}\n      <NextStudioClientOnly\n        fallback={\n          <NextStudioLoading\n            unstable__noScript={unstable__noScript}\n            config={config}\n            scheme={scheme}\n          />\n        }\n      >\n        <NextStudioLayout config={config} scheme={scheme}>\n          {children || (\n            <Studio config={config} scheme={scheme} unstable_globalStyles {...props} />\n          )}\n        </NextStudioLayout>\n      </NextStudioClientOnly>\n    </>\n  )\n}\n\n/**\n * Override how the Studio renders by passing children.\n * This is useful for advanced use cases where you're using StudioProvider and StudioLayout instead of Studio:\n * ```\n * import {StudioProvider, StudioLayout} from 'sanity'\n * import {NextStudio} from 'next-sanity/studio'\n * <NextStudio config={config}>\n *   <StudioProvider config={config}>\n *     <CustomComponentThatUsesContextFromStudioProvider />\n *     <StudioLayout />\n *   </StudioProvider>\n * </NextStudio>\n * ```\n * @beta\n */\nexport const NextStudio = memo(NextStudioComponent)\n"],"names":["NextStudioComponent","_ref","children","config","unstable__noScript","unstable__fastRender","scheme","props","jsxs","Fragment","NextStudioNoScript","jsx","NextStudioLayout","Studio","unstable_globalStyles","NextStudioClientOnly","fallback","NextStudioLoading","NextStudio","memo"],"mappings":";;;;;;;AA8BA,MAAMA,sBAAsBC,IAAA,IAOL;EAAA,IAPM;IAC3BC,QAAA;IACAC,MAAA;IACAC,kBAAqB,GAAA,IAAA;IACrBC,oBAAA;IACAC,MAAA;IACA,GAAGC;EACL,CAAuB,GAAAN,IAAA;EACrB,IAAII,oBAAsB,EAAA;IACxB,sBAEKG,IAAA,CAAAC,QAAA,EAAA;MAAAP,QAAA,EAAA,CAAAE,kBAAA,uBAAuBM,kBAAmB,EAAA,EAAA,CAAA,EAAA,eAC1CC,GAAA,CAAAC,gBAAA,EAAA;QAAiBT,MAAgB;QAAAG,MAAA;QAC/BJ,QACC,EAAAA,QAAA,mBAAAS,GAAA,CAACE,MAAO,EAAA;UAAAV,MAAA;UAAgBG,MAAgB;UAAAQ,qBAAA,EAAqB,IAAE;UAAA,GAAGP;QAAO,CAAA;OAE7E,CAAA;IACF,CAAA,CAAA;EAEJ;EAEA,sBAEKC,IAAA,CAAAC,QAAA,EAAA;IAAAP,QAAA,EAAA,CAAAE,kBAAA,uBAAuBM,kBAAmB,EAAA,EAAA,CAAA,EAAA,eAC3CC,GAAA,CAACI,oBAAA,EAAA;MACCC,QACE,iBAAAL,GAAA,CAACM,iBAAA,EAAA;QACCb,kBAAA;QACAD,MAAA;QACAG;MAAA,CACF,CAAA;MAGFJ,QAAC,EAAA,eAAAS,GAAA,CAAAC,gBAAA,EAAA;QAAiBT,MAAgB;QAAAG,MAAA;QAC/BJ,QACC,EAAAA,QAAA,IAAA,eAAAS,GAAA,CAACE,MAAO,EAAA;UAAAV,MAAA;UAAgBG,MAAgB;UAAAQ,qBAAA,EAAqB,IAAE;UAAA,GAAGP;QAAO,CAAA;OAE7E;IAAA,CACF,CAAA;EACF,CAAA,CAAA;AAEJ,CAAA;AAiBa,MAAAW,UAAA,GAAaC,KAAKnB,mBAAmB,CAAA;"}

package/dist/studio/NextStudioClientOnly.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+function NextStudioClientOnly(_ref) {
+  let {
+    children,
+    fallback
+  } = _ref;
+  const [mounted, setMounted] = react.useState(false);
+  react.useEffect(() => react.startTransition(() => setMounted(true)), []);
+  return /* @__PURE__ */jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: mounted ? children : fallback
+  });
+}
+exports.NextStudioClientOnly = NextStudioClientOnly;
+//# sourceMappingURL=NextStudioClientOnly.cjs.map

package/dist/studio/NextStudioClientOnly.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NextStudioClientOnly.cjs","sources":["../../src/studio/NextStudioClientOnly.tsx"],"sourcesContent":["import {type ReactNode, startTransition, useEffect, useState} from 'react'\n\n/** @alpha */\nexport type NextStudioClientOnlyProps = {\n  children: ReactNode\n  fallback: ReactNode\n}\n\n/** @alpha */\nexport function NextStudioClientOnly({children, fallback}: NextStudioClientOnlyProps) {\n  const [mounted, setMounted] = useState(false)\n  useEffect(() => startTransition(() => setMounted(true)), [])\n\n  return <>{mounted ? children : fallback}</>\n}\n"],"names":["NextStudioClientOnly","_ref","children","fallback","mounted","setMounted","useState","useEffect","startTransition","jsx","Fragment"],"mappings":";;;;;;;AASO,SAASA,oBAAqBA,CAAAC,IAAA,EAAiD;EAAA,IAAjD;IAACC,QAAU;IAAAC;GAAsC,GAAAF,IAAA;EACpF,MAAM,CAACG,OAAA,EAASC,UAAU,CAAA,GAAIC,eAAS,KAAK,CAAA;EAClCC,KAAA,CAAAA,SAAA,CAAA,MAAMC,KAAAA,CAAAA,gBAAgB,MAAMH,UAAA,CAAW,IAAI,CAAC,CAAA,EAAG,EAAE,CAAA;EAEpD,OAAAI,eAAAA,UAAAA,CAAAA,GAAA,CAAAC,UAAAA,CAAAA,QAAA,EAAA;IAAGR,QAAU,EAAAE,OAAA,GAAAF,QAAA,GAAWC;EAAS,CAAA,CAAA;AAC1C;"}

package/dist/studio/NextStudioClientOnly.js

@@ -0,0 +1,15 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useState, useEffect, startTransition } from 'react';
+function NextStudioClientOnly(_ref) {
+  let {
+    children,
+    fallback
+  } = _ref;
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => startTransition(() => setMounted(true)), []);
+  return /* @__PURE__ */jsx(Fragment, {
+    children: mounted ? children : fallback
+  });
+}
+export { NextStudioClientOnly };
+//# sourceMappingURL=NextStudioClientOnly.js.map

package/dist/studio/NextStudioClientOnly.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NextStudioClientOnly.js","sources":["../../src/studio/NextStudioClientOnly.tsx"],"sourcesContent":["import {type ReactNode, startTransition, useEffect, useState} from 'react'\n\n/** @alpha */\nexport type NextStudioClientOnlyProps = {\n  children: ReactNode\n  fallback: ReactNode\n}\n\n/** @alpha */\nexport function NextStudioClientOnly({children, fallback}: NextStudioClientOnlyProps) {\n  const [mounted, setMounted] = useState(false)\n  useEffect(() => startTransition(() => setMounted(true)), [])\n\n  return <>{mounted ? children : fallback}</>\n}\n"],"names":["NextStudioClientOnly","_ref","children","fallback","mounted","setMounted","useState","useEffect","startTransition","jsx","Fragment"],"mappings":";;AASO,SAASA,oBAAqBA,CAAAC,IAAA,EAAiD;EAAA,IAAjD;IAACC,QAAU;IAAAC;GAAsC,GAAAF,IAAA;EACpF,MAAM,CAACG,OAAA,EAASC,UAAU,CAAA,GAAIC,SAAS,KAAK,CAAA;EAClCC,SAAA,CAAA,MAAMC,gBAAgB,MAAMH,UAAA,CAAW,IAAI,CAAC,CAAA,EAAG,EAAE,CAAA;EAEpD,OAAA,eAAAI,GAAA,CAAAC,QAAA,EAAA;IAAGR,QAAU,EAAAE,OAAA,GAAAF,QAAA,GAAWC;EAAS,CAAA,CAAA;AAC1C;"}

package/dist/studio/NextStudioLayout.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var useTheme = require('./useTheme.cjs');
+const NextStudioLayoutComponent = _ref => {
+  let {
+    children,
+    config,
+    scheme = "light"
+  } = _ref;
+  const theme = useTheme.useTheme(config);
+  return /* @__PURE__ */jsxRuntime.jsx("div", {
+    "data-ui": "NextStudioLayout",
+    style: {
+      fontFamily: theme.fonts.text.family,
+      backgroundColor: theme.color[scheme === "dark" ? "dark" : "light"].default.base.bg,
+      height: "100vh",
+      maxHeight: "100dvh",
+      overscrollBehavior: "none",
+      WebkitFontSmoothing: "antialiased",
+      overflow: "auto"
+    },
+    children
+  });
+};
+const NextStudioLayout = react.memo(NextStudioLayoutComponent);
+exports.NextStudioLayout = NextStudioLayout;
+//# sourceMappingURL=NextStudioLayout.cjs.map

package/dist/studio/NextStudioLayout.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NextStudioLayout.cjs","sources":["../../src/studio/NextStudioLayout.tsx"],"sourcesContent":["/* eslint-disable camelcase */\nimport {memo} from 'react'\nimport type {StudioProps} from 'sanity'\n\nimport {useTheme} from './useTheme'\n\n/** @alpha */\nexport interface NextStudioLayoutProps extends Pick<StudioProps, 'config' | 'scheme'> {\n  children: React.ReactNode\n}\n\nconst NextStudioLayoutComponent = ({\n  children,\n  config,\n  scheme = 'light',\n}: NextStudioLayoutProps) => {\n  const theme = useTheme(config)\n\n  return (\n    <div\n      data-ui=\"NextStudioLayout\"\n      style={{\n        fontFamily: theme.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      {children}\n    </div>\n  )\n}\n\n/** @alpha */\nexport const NextStudioLayout = memo(NextStudioLayoutComponent)\n"],"names":["NextStudioLayoutComponent","_ref","children","config","scheme","theme","useTheme","jsx","style","fontFamily","fonts","text","family","backgroundColor","color","default","base","bg","height","maxHeight","overscrollBehavior","WebkitFontSmoothing","overflow","NextStudioLayout","memo"],"mappings":";;;;;;;;AAWA,MAAMA,4BAA4BC,IAAA,IAIL;EAAA,IAJM;IACjCC,QAAA;IACAC,MAAA;IACAC,MAAS,GAAA;EACX,CAA6B,GAAAH,IAAA;EACrB,MAAAI,KAAA,GAAQC,kBAASH,MAAM,CAAA;EAG3B,sBAAAI,UAAA,CAAAA,GAAA,CAAC,KAAA,EAAA;IACC,SAAQ,EAAA,kBAAA;IACRC,KAAO,EAAA;MACLC,UAAA,EAAYJ,KAAM,CAAAK,KAAA,CAAMC,IAAK,CAAAC,MAAA;MAC7BC,eAAA,EAAiBR,MAAMS,KAAM,CAAAV,MAAA,KAAW,SAAS,MAAS,GAAA,OAAO,CAAE,CAAAW,OAAA,CAAQC,IAAK,CAAAC,EAAA;MAChFC,MAAQ,EAAA,OAAA;MACRC,SAAW,EAAA,QAAA;MACXC,kBAAoB,EAAA,MAAA;MACpBC,mBAAqB,EAAA,aAAA;MACrBC,QAAU,EAAA;IACZ,CAAA;IAECpB;EAAA,CAAA,CACH;AAEJ,CAAA;AAGa,MAAAqB,gBAAA,GAAmBC,WAAKxB,yBAAyB,CAAA;"}

package/dist/studio/NextStudioLayout.js

@@ -0,0 +1,27 @@
+import { jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
+import { useTheme } from './useTheme.js';
+const NextStudioLayoutComponent = _ref => {
+  let {
+    children,
+    config,
+    scheme = "light"
+  } = _ref;
+  const theme = useTheme(config);
+  return /* @__PURE__ */jsx("div", {
+    "data-ui": "NextStudioLayout",
+    style: {
+      fontFamily: theme.fonts.text.family,
+      backgroundColor: theme.color[scheme === "dark" ? "dark" : "light"].default.base.bg,
+      height: "100vh",
+      maxHeight: "100dvh",
+      overscrollBehavior: "none",
+      WebkitFontSmoothing: "antialiased",
+      overflow: "auto"
+    },
+    children
+  });
+};
+const NextStudioLayout = memo(NextStudioLayoutComponent);
+export { NextStudioLayout };
+//# sourceMappingURL=NextStudioLayout.js.map

package/dist/studio/NextStudioLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NextStudioLayout.js","sources":["../../src/studio/NextStudioLayout.tsx"],"sourcesContent":["/* eslint-disable camelcase */\nimport {memo} from 'react'\nimport type {StudioProps} from 'sanity'\n\nimport {useTheme} from './useTheme'\n\n/** @alpha */\nexport interface NextStudioLayoutProps extends Pick<StudioProps, 'config' | 'scheme'> {\n  children: React.ReactNode\n}\n\nconst NextStudioLayoutComponent = ({\n  children,\n  config,\n  scheme = 'light',\n}: NextStudioLayoutProps) => {\n  const theme = useTheme(config)\n\n  return (\n    <div\n      data-ui=\"NextStudioLayout\"\n      style={{\n        fontFamily: theme.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      {children}\n    </div>\n  )\n}\n\n/** @alpha */\nexport const NextStudioLayout = memo(NextStudioLayoutComponent)\n"],"names":["NextStudioLayoutComponent","_ref","children","config","scheme","theme","useTheme","jsx","style","fontFamily","fonts","text","family","backgroundColor","color","default","base","bg","height","maxHeight","overscrollBehavior","WebkitFontSmoothing","overflow","NextStudioLayout","memo"],"mappings":";;;AAWA,MAAMA,4BAA4BC,IAAA,IAIL;EAAA,IAJM;IACjCC,QAAA;IACAC,MAAA;IACAC,MAAS,GAAA;EACX,CAA6B,GAAAH,IAAA;EACrB,MAAAI,KAAA,GAAQC,SAASH,MAAM,CAAA;EAG3B,sBAAAI,GAAA,CAAC,KAAA,EAAA;IACC,SAAQ,EAAA,kBAAA;IACRC,KAAO,EAAA;MACLC,UAAA,EAAYJ,KAAM,CAAAK,KAAA,CAAMC,IAAK,CAAAC,MAAA;MAC7BC,eAAA,EAAiBR,MAAMS,KAAM,CAAAV,MAAA,KAAW,SAAS,MAAS,GAAA,OAAO,CAAE,CAAAW,OAAA,CAAQC,IAAK,CAAAC,EAAA;MAChFC,MAAQ,EAAA,OAAA;MACRC,SAAW,EAAA,QAAA;MACXC,kBAAoB,EAAA,MAAA;MACpBC,mBAAqB,EAAA,aAAA;MACrBC,QAAU,EAAA;IACZ,CAAA;IAECpB;EAAA,CAAA,CACH;AAEJ,CAAA;AAGa,MAAAqB,gBAAA,GAAmBC,KAAKxB,yBAAyB,CAAA;"}

package/dist/{_chunks/loading-225bb240.cjs → studio/NextStudioLoading.cjs}

@@ -1,35 +1,14 @@
+'use client';
 'use strict';
 
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 var jsxRuntime = require('react/jsx-runtime');
 var icons = require('@sanity/icons');
 var ui = require('@sanity/ui');
-var react = require('react');
-function useTheme(config) {
-  const workspace = react.useMemo(() => Array.isArray(config) ? config[0] : config, [config]);
-  return react.useMemo(() => (workspace == null ? void 0 : workspace.theme) || ui.studioTheme, [workspace]);
-}
-const style = {
-  __html: "\n.sanity-app-no-js__root {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  background: #fff;\n  z-index: 1;\n}\n\n.sanity-app-no-js__content {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  text-align: center;\n  font-family: helvetica, arial, sans-serif;\n}\n"
-};
-const NextStudioNoScript = () => /* @__PURE__ */jsxRuntime.jsx("noscript", {
-  children: /* @__PURE__ */jsxRuntime.jsx("div", {
-    className: "sanity-app-no-js__root",
-    children: /* @__PURE__ */jsxRuntime.jsxs("div", {
-      className: "sanity-app-no-js__content",
-      children: [/* @__PURE__ */jsxRuntime.jsx("style", {
-        type: "text/css",
-        dangerouslySetInnerHTML: style
-      }), /* @__PURE__ */jsxRuntime.jsx("h1", {
-        children: "JavaScript disabled"
-      }), /* @__PURE__ */jsxRuntime.jsxs("p", {
-        children: ["Please ", /* @__PURE__ */jsxRuntime.jsx("a", {
-          href: "https://www.enable-javascript.com/",
-          children: "enable JavaScript"
-        }), " in your browser and reload the page to proceed."]
-      })]
-    })
-  })
-});
+var NextStudioNoScript = require('./NextStudioNoScript.cjs');
+var useTheme = require('./useTheme.cjs');
 const keyframes = "\nfrom {\n  transform: rotate(0deg);\n}\n\nto {\n  transform: rotate(360deg);\n}\n";
 function NextStudioLoading(props) {
   const {
@@ -38,7 +17,7 @@ function NextStudioLoading(props) {
     unstable__noScript = true
   } = props;
   const id = "next-sanity-spinner";
-  const theme = useTheme(config);
+  const theme = useTheme.useTheme(config);
   const {
     fonts,
     media
@@ -68,7 +47,7 @@ function NextStudioLoading(props) {
     };
   })[0];
   return /* @__PURE__ */jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [unstable__noScript && /* @__PURE__ */jsxRuntime.jsx(NextStudioNoScript, {}), /* @__PURE__ */jsxRuntime.jsx("div", {
+    children: [unstable__noScript && /* @__PURE__ */jsxRuntime.jsx(NextStudioNoScript.NextStudioNoScript, {}), /* @__PURE__ */jsxRuntime.jsx("div", {
       style: {
         fontFamily: fonts.text.family,
         backgroundColor: theme.color[scheme === "dark" ? "dark" : "light"].default.base.bg,
@@ -126,6 +105,4 @@ function NextStudioLoading(props) {
   });
 }
 exports.NextStudioLoading = NextStudioLoading;
-exports.NextStudioNoScript = NextStudioNoScript;
-exports.useTheme = useTheme;
-//# sourceMappingURL=loading-225bb240.cjs.map
+//# sourceMappingURL=NextStudioLoading.cjs.map

package/dist/studio/NextStudioLoading.cjs.map

@@ -0,0 +1 @@
+{"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;"}