next-sanity 0.6.10 → 0.7.0

package/README.md

@@ -1,4 +1,4 @@
-# next-sanity
+# next-sanity<!-- omit in toc -->
 
 [Sanity.io](https://www.sanity.io/?utm_source=github&utm_medium=readme&utm_campaign=next-sanity) toolkit for Next.js.
 
@@ -6,6 +6,7 @@
 
 - Client-side live real-time preview for authenticated users
 - GROQ syntax highlighting
+- [Embed](#next-sanitystudio-dev-preview) [Studio v3](https://www.sanity.io/studio-v3) in [Next.js](https://nextjs.org/) apps
 
 ## Table of contents
 
@@ -16,7 +17,15 @@
 - [Optimizing bundle size](#optimizing-bundle-size)
 - [Usage](#usage)
 - [Example: Minimal blog post template](#example-minimal-blog-post-template)
+- [`next-sanity/studio` (dev-preview)](#next-sanitystudio-dev-preview)
+  - [Usage](#usage-1)
+  - [Opt-in to using `StudioProvider` and `StudioLayout`](#opt-in-to-using-studioprovider-and-studiolayout)
+  - [Customize `<ServerStyleSheetDocument />`](#customize-serverstylesheetdocument-)
+  - [Full-control mode](#full-control-mode)
 - [Migrate](#migrate)
+  - [From `v0.4`](#from-v04)
+    - [`createPortableTextComponent` is removed](#createportabletextcomponent-is-removed)
+    - [`createImageUrlBuilder` is removed](#createimageurlbuilder-is-removed)
 - [License](#license)
 
 ## Installation
@@ -203,6 +212,166 @@ export async function getStaticPaths() {
 }
 ```
 
+## `next-sanity/studio` (dev-preview)
+
+> [See it live](https://next.sanity.build/)
+
+The latest version of Sanity Studio allows you to embed a near-infinitely configurable content editing interface into any React application. This opens up many possibilities:
+
+- Any service that hosts Next.js apps can now host your Studio.
+- Building previews for your content is easier as your Studio lives in the same environment.
+- Use [Data Fetching](https://nextjs.org/docs/basic-features/data-fetching/overview) to configure your Studio.
+- Easy setup of [Preview Mode](https://nextjs.org/docs/advanced-features/preview-mode).
+
+### Usage
+
+The basic setup is two files:
+
+1. `pages/[[...index]].tsx`
+
+```tsx
+// Import your sanity.config.ts file
+import config from '../sanity.config'
+import {NextStudio} from 'next-sanity/studio'
+
+export default function StudioPage() {
+  // Loads the Studio, with all the needed neta tags and global CSS reqiired for it to render correctly
+  return <NextStudio config={config} />
+}
+```
+
+The `<NextStudio />` wraps `<Studio />` component and supports forwarding all its props:
+
+```tsx
+import {Studio} from 'sanity'
+```
+
+2. `pages/_document.tsx`
+
+```tsx
+import {ServerStyleSheetDocument} from 'next-sanity/studio'
+
+// Set up SSR for styled-components, ensuring there's no missing CSS when deploying a Studio in Next.js into production
+export default class Document extends ServerStyleSheetDocument {}
+```
+
+### Opt-in to using `StudioProvider` and `StudioLayout`
+
+If you want to go lower level and have more control over the studio you can pass `StudioProvider` and `StudioLayout` from `sanity` as `children`:
+
+```tsx
+import {NextStudio} from 'next-sanity/studio'
+import {StudioProvider, StudioLayout} from 'sanity'
+
+import config from '../sanity.config'
+
+function StudioPage() {
+  return (
+    <NextStudio config={config}>
+      <StudioProvider config={config}>
+        {/* Put components here and you'll have access to the same React hooks as Studio gives you when writing plugins */}
+        <StudioLayout />
+      </StudioProvider>
+    </NextStudio>
+  )
+}
+```
+
+### Customize `<ServerStyleSheetDocument />`
+
+You can still customize `_document.tsx`, the same way you would the default `<Document />` component from `next/document`:
+
+```tsx
+import {ServerStyleSheetDocument} from 'next-sanity/studio'
+
+export default class Document extends ServerStyleSheetDocument {
+  static async getInitialProps(ctx: DocumentContext) {
+    // You can still override renderPage:
+    const originalRenderPage = ctx.renderPage
+    ctx.renderPage = () =>
+      originalRenderPage({
+        enhanceApp: (App) => (props) => <App {...props} />,
+      })
+
+    const initialProps = await ServerStyleSheetDocument.getInitialProps(ctx)
+
+    const extraStyles = await getStyles()
+    return {
+      ...initialProps,
+      // Add to the default styles if you want
+      styles: [initialProps.styles, extraStyles],
+    }
+  }
+  render() {
+    // do the same stuff as in `next/document`
+  }
+}
+```
+
+### Full-control mode
+
+If you only need parts of what `<NextStudio />` does for you, but not all of it.
+No problem. You can import any which one of the components that `<NextStudio />` is importing and assemble them in any way you want.
+
+```tsx
+import {Studio, type Config} from 'sanity'
+import {NextStudioGlobalStyle, NextStudioHead} from 'next-sanity/studio'
+// This implementation will only load the bare minimum of what's required for the Studio to render correctly. No favicons, fancy <meta name="theme-color"> tags or the like
+export default function CustomNextStudio({config}: {config: Config}) {
+  return (
+    <>
+      <Studio config={config} />
+      <NextStudioHead>{/* Custom extra stuff in <head> */}</NextStudioHead>
+      <NextStudioGlobalStyle />
+    </>
+  )
+}
+```
+
+And while `<NextStudio />` have all features enabled by default allowing you to opt-out by giving it props, the inner components `<NextStudioHead />` and `<NextStudioGlobalStyle />` are opt-in.
+This means that these two `StudioPage` components are functionally identical:
+
+```tsx
+import {
+  NextStudio,
+  NextStudioGlobalStyle,
+  NextStudioHead,
+  useThem,
+  useBackgroundColorsFromTheme,
+} from 'next-sanity/studio'
+import {Studio} from 'sanity'
+import config from '../sanity.config'
+
+// Turning all the features off, leaving only bare minimum required meta tags and styling
+function StudioPage() {
+  return (
+    <NextStudio
+      config={config}
+      // an empty string turns off the CSS that sets a background on <html>
+      unstable__bg=""
+      unstable__noTailwindSvgFix
+      unstable__noFavicons
+      // an empty string turns off the <title> tag
+      unstable__document_title=""
+    />
+  )
+}
+
+// Since no features are enabled it works the same way
+function Studiopage() {
+  const theme = useTheme(config)
+  const {themeColorLight, themeColorDark} = useBackgroundColorsFromTheme(theme)
+
+  return (
+    <>
+      <Studio config={config} />
+      <NextStudioHead themeColorLight={themeColorLight} themeColorDark={themeColorDark} />
+      <NextStudioGlobalStyle />
+    </>
+  )
+}
+```
+
 ## Migrate
 
 ### From `v0.4`

package/lib/cjs/favicon.8f76876f.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<rect width="512" height="512" fill="#F03E2F" rx="30"></rect>
+	<path d="M161.527 136.723C161.527 179.76 187.738 205.443 240.388 219.095L296 232.283C345.687 243.852 376 272.775 376 319.514C376 341.727 369.162 360.931 357.538 375.971C357.538 329.232 333.607 303.78 276.171 288.74L221.47 276.246C177.709 266.065 143.977 242.464 143.977 191.56C143.977 170.505 150.359 151.994 161.527 136.723Z" fill="white"></path>
+	<path opacity="0.5" d="M323.35 308.176C347.054 323.679 357.538 345.197 357.538 376.202C337.709 401.654 303.293 416 262.724 416C194.575 416 146.484 381.756 136 322.753H201.641C210.074 350.056 232.41 362.551 262.268 362.551C298.735 362.32 322.895 342.652 323.35 308.176Z" fill="white"></path>
+	<path opacity="0.5" d="M195.715 200.816C172.923 186.007 161.527 165.183 161.527 136.954C180.672 111.503 213.493 96 253.835 96C323.35 96 363.692 133.252 373.721 185.776H310.359C303.293 165.183 285.971 148.986 254.291 148.986C220.33 148.986 197.311 169.116 195.715 200.816Z" fill="white"></path>
+</svg>

package/lib/cjs/studio.js

@@ -1,10 +1,10 @@
-var $aBkVq$reactjsxruntime = require("react/jsx-runtime");
-var $aBkVq$react = require("react");
-var $aBkVq$sanity = require("sanity");
-var $aBkVq$styledcomponents = require("styled-components");
-var $aBkVq$nexthead = require("next/head");
-var $aBkVq$nextdocument = require("next/document");
-var $aBkVq$nextrouter = require("next/router");
+var $cerUD$reactjsxruntime = require("react/jsx-runtime");
+var $cerUD$react = require("react");
+var $cerUD$sanity = require("sanity");
+var $cerUD$styledcomponents = require("styled-components");
+var $cerUD$nexthead = require("next/head");
+var $cerUD$nextdocument = require("next/document");
+var $cerUD$nextrouter = require("next/router");
 
 function $parcel$exportWildcard(dest, source) {
   Object.keys(source).forEach(function(key) {
@@ -28,10 +28,10 @@ function $parcel$export(e, n, v, s) {
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
-var $de3959199b10acaa$exports = {};
-var $53f899201c613ec3$exports = {};
+var $5aa79282f535e8b1$exports = {};
+var $c8bf9e0a6313dcb9$exports = {};
 
-$parcel$export($53f899201c613ec3$exports, "NextStudio", () => $53f899201c613ec3$export$eefb95cccd1bb6c5);
+$parcel$export($c8bf9e0a6313dcb9$exports, "NextStudio", () => $c8bf9e0a6313dcb9$export$eefb95cccd1bb6c5);
 
 
 
@@ -39,42 +39,39 @@ $parcel$export($53f899201c613ec3$exports, "NextStudio", () => $53f899201c613ec3$
 /**
  * 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
  * It's a drop-in replacement for `import {Studio} from 'sanity'`
- */ const $53f899201c613ec3$var$NextStudioComponent = ({ children: children , config: config , unstable__noGlobalStyle: unstable__noGlobalStyle , unstable__noTailwindSvgFix: unstable__noTailwindSvgFix , unstable__head: unstable__head , unstable__document_title: unstable__document_title , unstable__bg: unstable__bg , unstable__noFavicons: unstable__noFavicons , ...props })=>{
-    const theme = (0, $c1f9915ed553476b$export$93d4e7f90805808f)(config);
-    const { themeColorLight: themeColorLight , themeColorDark: themeColorDark  } = (0, $c1f9915ed553476b$export$d3a2146a441ec034)(theme);
-    return /*#__PURE__*/ (0, $aBkVq$reactjsxruntime.jsxs)((0, $aBkVq$reactjsxruntime.Fragment), {
+ */ const $c8bf9e0a6313dcb9$var$NextStudioComponent = ({ children: children , config: config , unstable__noGlobalStyle: unstable__noGlobalStyle , unstable__noTailwindSvgFix: unstable__noTailwindSvgFix , unstable__head: unstable__head , unstable__document_title: unstable__document_title , unstable__bg: unstable__bg , unstable__noFavicons: unstable__noFavicons , ...props })=>{
+    const theme = (0, $b07d91633f3d677b$export$93d4e7f90805808f)(config);
+    const { themeColorLight: themeColorLight , themeColorDark: themeColorDark  } = (0, $b07d91633f3d677b$export$d3a2146a441ec034)(theme);
+    return /*#__PURE__*/ (0, $cerUD$reactjsxruntime.jsxs)((0, $cerUD$reactjsxruntime.Fragment), {
         children: [
-            children || /*#__PURE__*/ (0, $aBkVq$reactjsxruntime.jsx)((0, $aBkVq$sanity.Studio), {
+            children || /*#__PURE__*/ (0, $cerUD$reactjsxruntime.jsx)((0, $cerUD$sanity.Studio), {
                 config: config,
                 ...props
             }),
-            /*#__PURE__*/ (0, $aBkVq$reactjsxruntime.jsx)((0, $3e6cd9b42bc397c4$export$79723eee2c1bf75e), {
+            /*#__PURE__*/ (0, $cerUD$reactjsxruntime.jsx)((0, $9a339c4a487c3478$export$79723eee2c1bf75e), {
                 themeColorLight: themeColorLight,
                 themeColorDark: themeColorDark,
                 title: unstable__document_title,
                 favicons: !unstable__noFavicons,
                 children: unstable__head
             }),
-            !unstable__noGlobalStyle && /*#__PURE__*/ (0, $aBkVq$reactjsxruntime.jsx)((0, $9f395ae24b7d6f36$export$c8fda7ee7699d07e), {
+            !unstable__noGlobalStyle && /*#__PURE__*/ (0, $cerUD$reactjsxruntime.jsx)((0, $1ac20522861d7f1e$export$c8fda7ee7699d07e), {
                 bg: unstable__bg !== null && unstable__bg !== void 0 ? unstable__bg : themeColorLight,
                 unstable__tailwindSvgFix: !unstable__noTailwindSvgFix
             })
         ]
     });
 };
-const $53f899201c613ec3$export$eefb95cccd1bb6c5 = /*#__PURE__*/ (0, $aBkVq$react.memo)($53f899201c613ec3$var$NextStudioComponent);
+const $c8bf9e0a6313dcb9$export$eefb95cccd1bb6c5 = /*#__PURE__*/ (0, $cerUD$react.memo)($c8bf9e0a6313dcb9$var$NextStudioComponent);
 
 
-var $9f395ae24b7d6f36$exports = {};
+var $1ac20522861d7f1e$exports = {};
 
-$parcel$export($9f395ae24b7d6f36$exports, "NextStudioGlobalStyle", () => $9f395ae24b7d6f36$export$c8fda7ee7699d07e);
+$parcel$export($1ac20522861d7f1e$exports, "NextStudioGlobalStyle", () => $1ac20522861d7f1e$export$c8fda7ee7699d07e);
 
-const $9f395ae24b7d6f36$export$c8fda7ee7699d07e = (0, $aBkVq$styledcomponents.createGlobalStyle)`
-${({ bg: bg  })=>bg ? (0, $aBkVq$styledcomponents.css)`
-        html {
-          background-color: ${bg};
-        }
-      ` : ""}
+let $1ac20522861d7f1e$var$_ = (t)=>t, $1ac20522861d7f1e$var$t, $1ac20522861d7f1e$var$t1, $1ac20522861d7f1e$var$t2;
+const $1ac20522861d7f1e$export$c8fda7ee7699d07e = (0, $cerUD$styledcomponents.createGlobalStyle)($1ac20522861d7f1e$var$t2 || ($1ac20522861d7f1e$var$t2 = $1ac20522861d7f1e$var$_`
+${0}
 html,
 body,
 #__next {
@@ -85,41 +82,60 @@ body {
   overscroll-behavior: none;
   -webkit-font-smoothing: antialiased;
 }
-${({ unstable__tailwindSvgFix: unstable__tailwindSvgFix  })=>unstable__tailwindSvgFix ? (0, $aBkVq$styledcomponents.css)`
+${0}`), ({ bg: bg  })=>bg ? (0, $cerUD$styledcomponents.css)($1ac20522861d7f1e$var$t || ($1ac20522861d7f1e$var$t = $1ac20522861d7f1e$var$_`
+        html {
+          background-color: ${0};
+        }
+      `), bg) : "", ({ unstable__tailwindSvgFix: unstable__tailwindSvgFix  })=>unstable__tailwindSvgFix ? (0, $cerUD$styledcomponents.css)($1ac20522861d7f1e$var$t1 || ($1ac20522861d7f1e$var$t1 = $1ac20522861d7f1e$var$_`
         /* override tailwind reset */
         :root svg {
           display: inline;
         }
-      ` : ""}`;
+      `)) : "");
+
+
+var $9a339c4a487c3478$exports = {};
+
+$parcel$export($9a339c4a487c3478$exports, "NextStudioHead", () => $9a339c4a487c3478$export$79723eee2c1bf75e);
+
+
+
+var $f8b95ae7ca517cc1$exports = {};
+$f8b95ae7ca517cc1$exports = new URL("apple-touch-icon.abc4aca2.png", "file:" + __filename).toString();
+
+
+var $f55f7bae1fab74eb$exports = {};
+$f55f7bae1fab74eb$exports = new URL("favicon.648fc2f2.ico", "file:" + __filename).toString();
+
+
+var $6951ae923d5c6ed1$exports = {};
+$6951ae923d5c6ed1$exports = new URL("favicon.8f76876f.svg", "file:" + __filename).toString();
 
 
-var $3e6cd9b42bc397c4$exports = {};
+var $20032f35397ac709$exports = {};
+$20032f35397ac709$exports = new URL("favicon-192.40c8bab4.png", "file:" + __filename).toString();
 
-$parcel$export($3e6cd9b42bc397c4$exports, "NextStudioHead", () => $3e6cd9b42bc397c4$export$79723eee2c1bf75e);
 
+var $0f7b7d4813cad0d8$exports = {};
+$0f7b7d4813cad0d8$exports = new URL("favicon-512.5e08f951.png", "file:" + __filename).toString();
 
 
-var $fcd6fc55826ec974$exports = {};
-$fcd6fc55826ec974$exports = JSON.parse('{"icons":[{"src":"./favicon-192.png","type":"image/png","sizes":"192x192"},{"src":"./favicon-512.png","type":"image/png","sizes":"512x512"}]}');
+var $c480472b608d459a$exports = {};
+$c480472b608d459a$exports = JSON.parse('{"icons":[{"src":"./favicon-192.png","type":"image/png","sizes":"192x192"},{"src":"./favicon-512.png","type":"image/png","sizes":"512x512"}]}');
 
 
-const $3e6cd9b42bc397c4$var$iconApple = new URL("92ea002ae7d17215", "file:" + __filename).toString();
-const $3e6cd9b42bc397c4$var$iconSvg = new URL("fcac50a5aa5f709c", "file:" + __filename).toString();
-const $3e6cd9b42bc397c4$var$iconIco = new URL("3615be30c513e586", "file:" + __filename).toString();
-const $3e6cd9b42bc397c4$var$icon192 = new URL("d22f93fc281dd3c3", "file:" + __filename).toString();
-const $3e6cd9b42bc397c4$var$icon512 = new URL("48f1f57287738032", "file:" + __filename).toString();
 // Interop between how Parcel and Next deals with asset imports
-const $3e6cd9b42bc397c4$var$interop = (href)=>typeof href === "string" ? href : href.src;
-const $3e6cd9b42bc397c4$var$NextStudioHeadComponent = ({ children: children , themeColorDark: themeColorDark , themeColorLight: themeColorLight , title: title = "Sanity Studio" , favicons: favicons  })=>{
-    const inlineWebmanifest = (0, $aBkVq$react.useCallback)(()=>{
-        const manifest = JSON.parse(JSON.stringify((0, (/*@__PURE__*/$parcel$interopDefault($fcd6fc55826ec974$exports)))));
+const $9a339c4a487c3478$var$interop = (href)=>typeof href === "string" ? href : href.src;
+const $9a339c4a487c3478$var$NextStudioHeadComponent = ({ children: children , themeColorDark: themeColorDark , themeColorLight: themeColorLight , title: title = "Sanity Studio" , favicons: favicons  })=>{
+    const inlineWebmanifest = (0, $cerUD$react.useCallback)(()=>{
+        const manifest = JSON.parse(JSON.stringify((0, (/*@__PURE__*/$parcel$interopDefault($c480472b608d459a$exports)))));
         const icons = manifest.icons.map((icon)=>{
             // Inline manifests works best when URLs are absolute
             const src = // eslint-disable-next-line no-nested-ternary
-            icon.src === "./favicon-192.png" ? $3e6cd9b42bc397c4$var$interop($3e6cd9b42bc397c4$var$icon192) : icon.src === "./favicon-512.png" ? $3e6cd9b42bc397c4$var$interop($3e6cd9b42bc397c4$var$icon512) : icon.src;
+            icon.src === "./favicon-192.png" ? $9a339c4a487c3478$var$interop((0, (/*@__PURE__*/$parcel$interopDefault($20032f35397ac709$exports)))) : icon.src === "./favicon-512.png" ? $9a339c4a487c3478$var$interop((0, (/*@__PURE__*/$parcel$interopDefault($0f7b7d4813cad0d8$exports)))) : icon.src;
             return {
                 ...icon,
-                src: process.env.NEXT_PUBLIC_VERCEL_URL ? new URL(src, `https://${process.env.NEXT_PUBLIC_VERCEL_URL}`).toString() : src
+                src: src
             };
         });
         return `data:application/manifest+json,${encodeURIComponent(JSON.stringify({
@@ -127,50 +143,50 @@ const $3e6cd9b42bc397c4$var$NextStudioHeadComponent = ({ children: children , th
             icons: icons
         }))}`;
     }, []);
-    return /*#__PURE__*/ (0, $aBkVq$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($aBkVq$nexthead))), {
+    return /*#__PURE__*/ (0, $cerUD$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($cerUD$nexthead))), {
         children: [
-            /*#__PURE__*/ (0, $aBkVq$reactjsxruntime.jsx)("meta", {
+            /*#__PURE__*/ (0, $cerUD$reactjsxruntime.jsx)("meta", {
                 name: "viewport",
                 // Studio implements display cutouts CSS (The iPhone Notch ™ ) and needs `viewport-fit=covered` for it to work correctly
                 content: "width=device-width, initial-scale=1, viewport-fit=cover"
             }),
-            /*#__PURE__*/ (0, $aBkVq$reactjsxruntime.jsx)("meta", {
+            /*#__PURE__*/ (0, $cerUD$reactjsxruntime.jsx)("meta", {
                 name: "robots",
                 content: "noindex"
             }),
-            /*#__PURE__*/ (0, $aBkVq$reactjsxruntime.jsx)("meta", {
+            /*#__PURE__*/ (0, $cerUD$reactjsxruntime.jsx)("meta", {
                 name: "referrer",
                 content: "same-origin"
             }),
-            /*#__PURE__*/ (0, $aBkVq$reactjsxruntime.jsx)("title", {
+            title && /*#__PURE__*/ (0, $cerUD$reactjsxruntime.jsx)("title", {
                 children: title
             }),
-            favicons && /*#__PURE__*/ (0, $aBkVq$reactjsxruntime.jsx)("link", {
+            favicons && /*#__PURE__*/ (0, $cerUD$reactjsxruntime.jsx)("link", {
                 rel: "icon",
-                href: $3e6cd9b42bc397c4$var$interop($3e6cd9b42bc397c4$var$iconIco),
+                href: $9a339c4a487c3478$var$interop((0, (/*@__PURE__*/$parcel$interopDefault($f55f7bae1fab74eb$exports)))),
                 sizes: "any"
             }),
-            favicons && /*#__PURE__*/ (0, $aBkVq$reactjsxruntime.jsx)("link", {
+            favicons && /*#__PURE__*/ (0, $cerUD$reactjsxruntime.jsx)("link", {
                 rel: "icon",
-                href: $3e6cd9b42bc397c4$var$interop($3e6cd9b42bc397c4$var$iconSvg),
+                href: $9a339c4a487c3478$var$interop((0, (/*@__PURE__*/$parcel$interopDefault($6951ae923d5c6ed1$exports)))),
                 type: "image/svg+xml"
             }),
-            favicons && /*#__PURE__*/ (0, $aBkVq$reactjsxruntime.jsx)("link", {
+            favicons && /*#__PURE__*/ (0, $cerUD$reactjsxruntime.jsx)("link", {
                 rel: "apple-touch-icon",
-                href: $3e6cd9b42bc397c4$var$interop($3e6cd9b42bc397c4$var$iconApple)
+                href: $9a339c4a487c3478$var$interop((0, (/*@__PURE__*/$parcel$interopDefault($f8b95ae7ca517cc1$exports))))
             }),
-            favicons && /*#__PURE__*/ (0, $aBkVq$reactjsxruntime.jsx)("link", {
+            favicons && /*#__PURE__*/ (0, $cerUD$reactjsxruntime.jsx)("link", {
                 rel: "manifest",
                 // eslint-disable-next-line no-warning-comments
                 // @TODO until parcel fixes https://github.com/parcel-bundler/parcel/issues/8025 and stops stripping process.env.NEXT_PUBLIC_VERCEL_URL from the compiled code, use the remove webmanifest
-                href: process.env.NEXT_PUBLIC_VERCEL_URL ? inlineWebmanifest() : "https://next.sanity.build/manifest.webmanifest"
+                href: "https://next.sanity.build/manifest.webmanifest"
             }),
-            themeColorLight && /*#__PURE__*/ (0, $aBkVq$reactjsxruntime.jsx)("meta", {
+            themeColorLight && /*#__PURE__*/ (0, $cerUD$reactjsxruntime.jsx)("meta", {
                 name: "theme-color",
                 content: themeColorLight,
                 media: "(prefers-color-scheme: light)"
             }, "theme-color-light"),
-            themeColorDark && /*#__PURE__*/ (0, $aBkVq$reactjsxruntime.jsx)("meta", {
+            themeColorDark && /*#__PURE__*/ (0, $cerUD$reactjsxruntime.jsx)("meta", {
                 name: "theme-color",
                 content: themeColorDark,
                 media: "(prefers-color-scheme: dark)"
@@ -179,26 +195,26 @@ const $3e6cd9b42bc397c4$var$NextStudioHeadComponent = ({ children: children , th
         ]
     });
 };
-const $3e6cd9b42bc397c4$export$79723eee2c1bf75e = /*#__PURE__*/ (0, $aBkVq$react.memo)($3e6cd9b42bc397c4$var$NextStudioHeadComponent);
+const $9a339c4a487c3478$export$79723eee2c1bf75e = /*#__PURE__*/ (0, $cerUD$react.memo)($9a339c4a487c3478$var$NextStudioHeadComponent);
 
 
-var $db5d004cc2549fcd$exports = {};
+var $4dc132240adf8d31$exports = {};
 
-$parcel$export($db5d004cc2549fcd$exports, "ServerStyleSheetDocument", () => $db5d004cc2549fcd$export$f64e2f55a1dca172);
+$parcel$export($4dc132240adf8d31$exports, "ServerStyleSheetDocument", () => $4dc132240adf8d31$export$f64e2f55a1dca172);
 
 
 
-class $db5d004cc2549fcd$export$f64e2f55a1dca172 extends (0, ($parcel$interopDefault($aBkVq$nextdocument))) {
+class $4dc132240adf8d31$export$f64e2f55a1dca172 extends (0, ($parcel$interopDefault($cerUD$nextdocument))) {
     static async getInitialProps(ctx) {
-        const sheet = new (0, $aBkVq$styledcomponents.ServerStyleSheet)();
+        const sheet = new (0, $cerUD$styledcomponents.ServerStyleSheet)();
         const originalRenderPage = ctx.renderPage;
         try {
             ctx.renderPage = ()=>originalRenderPage({
-                    enhanceApp: (App)=>(props)=>sheet.collectStyles(/*#__PURE__*/ (0, $aBkVq$reactjsxruntime.jsx)(App, {
+                    enhanceApp: (App)=>(props)=>sheet.collectStyles(/*#__PURE__*/ (0, $cerUD$reactjsxruntime.jsx)(App, {
                                 ...props
                             }))
                 });
-            const initialProps = await (0, ($parcel$interopDefault($aBkVq$nextdocument))).getInitialProps(ctx);
+            const initialProps = await (0, ($parcel$interopDefault($cerUD$nextdocument))).getInitialProps(ctx);
             return {
                 ...initialProps,
                 styles: [
@@ -213,52 +229,52 @@ class $db5d004cc2549fcd$export$f64e2f55a1dca172 extends (0, ($parcel$interopDefa
 }
 
 
-var $c1f9915ed553476b$exports = {};
+var $b07d91633f3d677b$exports = {};
 
-$parcel$export($c1f9915ed553476b$exports, "isWorkspaces", () => $c1f9915ed553476b$export$b7c6924067135ce);
-$parcel$export($c1f9915ed553476b$exports, "isWorkspaceWithTheme", () => $c1f9915ed553476b$export$31236b9ee07dd150);
-$parcel$export($c1f9915ed553476b$exports, "useTheme", () => $c1f9915ed553476b$export$93d4e7f90805808f);
-$parcel$export($c1f9915ed553476b$exports, "useBackgroundColorsFromTheme", () => $c1f9915ed553476b$export$d3a2146a441ec034);
-$parcel$export($c1f9915ed553476b$exports, "useBasePath", () => $c1f9915ed553476b$export$53bdd69a9f9bd75);
-$parcel$export($c1f9915ed553476b$exports, "useConfigWithBasePath", () => $c1f9915ed553476b$export$297ba38aa0562c6e);
+$parcel$export($b07d91633f3d677b$exports, "isWorkspaces", () => $b07d91633f3d677b$export$b7c6924067135ce);
+$parcel$export($b07d91633f3d677b$exports, "isWorkspaceWithTheme", () => $b07d91633f3d677b$export$31236b9ee07dd150);
+$parcel$export($b07d91633f3d677b$exports, "useTheme", () => $b07d91633f3d677b$export$93d4e7f90805808f);
+$parcel$export($b07d91633f3d677b$exports, "useBackgroundColorsFromTheme", () => $b07d91633f3d677b$export$d3a2146a441ec034);
+$parcel$export($b07d91633f3d677b$exports, "useBasePath", () => $b07d91633f3d677b$export$53bdd69a9f9bd75);
+$parcel$export($b07d91633f3d677b$exports, "useConfigWithBasePath", () => $b07d91633f3d677b$export$297ba38aa0562c6e);
 
 
 
-function $c1f9915ed553476b$export$b7c6924067135ce(config) {
+function $b07d91633f3d677b$export$b7c6924067135ce(config) {
     return Array.isArray(config);
 }
-function $c1f9915ed553476b$export$31236b9ee07dd150(workspace) {
+function $b07d91633f3d677b$export$31236b9ee07dd150(workspace) {
     return Boolean(workspace.theme);
 }
-function $c1f9915ed553476b$export$93d4e7f90805808f(config) {
-    const workspace = (0, $aBkVq$react.useMemo)(()=>$c1f9915ed553476b$export$b7c6924067135ce(config) ? config[0] : config, [
+function $b07d91633f3d677b$export$93d4e7f90805808f(config) {
+    const workspace = (0, $cerUD$react.useMemo)(()=>$b07d91633f3d677b$export$b7c6924067135ce(config) ? config[0] : config, [
         config
     ]);
-    return (0, $aBkVq$react.useMemo)(()=>$c1f9915ed553476b$export$31236b9ee07dd150(workspace) ? workspace.theme : (0, $aBkVq$sanity.defaultTheme), [
+    return (0, $cerUD$react.useMemo)(()=>$b07d91633f3d677b$export$31236b9ee07dd150(workspace) ? workspace.theme : (0, $cerUD$sanity.defaultTheme), [
         workspace
     ]);
 }
-const $c1f9915ed553476b$export$d3a2146a441ec034 = (theme)=>{
-    return (0, $aBkVq$react.useMemo)(()=>({
+const $b07d91633f3d677b$export$d3a2146a441ec034 = (theme)=>{
+    return (0, $cerUD$react.useMemo)(()=>({
             themeColorLight: theme.color.light.default.base.bg,
             themeColorDark: theme.color.dark.default.base.bg
         }), [
         theme
     ]);
 };
-function $c1f9915ed553476b$export$53bdd69a9f9bd75() {
-    const router = (0, $aBkVq$nextrouter.useRouter)();
-    return (0, $aBkVq$react.useMemo)(()=>{
+function $b07d91633f3d677b$export$53bdd69a9f9bd75() {
+    const router = (0, $cerUD$nextrouter.useRouter)();
+    return (0, $cerUD$react.useMemo)(()=>{
         const [basePath = "/"] = router.route.split("/[");
         return basePath;
     }, [
         router.route
     ]);
 }
-function $c1f9915ed553476b$export$297ba38aa0562c6e(config) {
-    const basePath = $c1f9915ed553476b$export$53bdd69a9f9bd75();
-    return (0, $aBkVq$react.useMemo)(()=>{
-        if ($c1f9915ed553476b$export$b7c6924067135ce(config)) return config.map((workspace)=>({
+function $b07d91633f3d677b$export$297ba38aa0562c6e(config) {
+    const basePath = $b07d91633f3d677b$export$53bdd69a9f9bd75();
+    return (0, $cerUD$react.useMemo)(()=>{
+        if ($b07d91633f3d677b$export$b7c6924067135ce(config)) return config.map((workspace)=>({
                 ...workspace,
                 basePath: workspace.basePath === "/" ? basePath : `${basePath}${workspace.basePath || ""}`
             }));
@@ -273,14 +289,14 @@ function $c1f9915ed553476b$export$297ba38aa0562c6e(config) {
 }
 
 
-$parcel$exportWildcard($de3959199b10acaa$exports, $53f899201c613ec3$exports);
-$parcel$exportWildcard($de3959199b10acaa$exports, $9f395ae24b7d6f36$exports);
-$parcel$exportWildcard($de3959199b10acaa$exports, $3e6cd9b42bc397c4$exports);
-$parcel$exportWildcard($de3959199b10acaa$exports, $db5d004cc2549fcd$exports);
-$parcel$exportWildcard($de3959199b10acaa$exports, $c1f9915ed553476b$exports);
+$parcel$exportWildcard($5aa79282f535e8b1$exports, $c8bf9e0a6313dcb9$exports);
+$parcel$exportWildcard($5aa79282f535e8b1$exports, $1ac20522861d7f1e$exports);
+$parcel$exportWildcard($5aa79282f535e8b1$exports, $9a339c4a487c3478$exports);
+$parcel$exportWildcard($5aa79282f535e8b1$exports, $4dc132240adf8d31$exports);
+$parcel$exportWildcard($5aa79282f535e8b1$exports, $b07d91633f3d677b$exports);
 
 
-$parcel$exportWildcard(module.exports, $de3959199b10acaa$exports);
+$parcel$exportWildcard(module.exports, $5aa79282f535e8b1$exports);
 
 
 //# sourceMappingURL=studio.js.map