@sanity/vision 6.21.0-next.64 → 6.21.0-next.68

package/lib/{CodeDiff-Bj_o50Qy.js → CodeDiff-MkS3Q87A.js}

@@ -1,7 +1,6 @@
 import { useEffect, useRef } from "react";
 import { c } from "react/compiler-runtime";
 import { useTheme_v2 } from "@sanity/ui";
-import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx } from "react/jsx-runtime";
 import { FileDiff } from "@pierre/diffs";
 /**
@@ -9,7 +8,7 @@ import { FileDiff } from "@pierre/diffs";
 * Only loaded through `lazy()` once a history entry's changes are expanded.
 */
 function CodeDiff(t0) {
-	let $ = c(19), { previous, next, lang } = t0, { color, font } = useTheme_v2(), codeSize = font.code.sizes[1], wrapperRef = useRef(null), t1 = `diff.${lang}`, t2;
+	let $ = c(17), { previous, next, lang } = t0, { color, font } = useTheme_v2(), codeSize = font.code.sizes[1], wrapperRef = useRef(null), t1 = `diff.${lang}`, t2;
 	$[0] !== lang || $[1] !== previous || $[2] !== t1 ? (t2 = {
 		name: t1,
 		contents: previous,
@@ -44,17 +43,19 @@ function CodeDiff(t0) {
 		themeType
 	], $[8] = newFile, $[9] = oldFile, $[10] = themeType, $[11] = t5, $[12] = t6) : (t5 = $[11], t6 = $[12]), useEffect(t5, t6);
 	let t7 = `${codeSize.fontSize}px`, t8 = `${codeSize.lineHeight}px`, t9;
-	$[13] !== font.code.family || $[14] !== t7 || $[15] !== t8 ? (t9 = assignInlineVars({
-		"--diffs-font-family": font.code.family,
-		"--diffs-font-size": t7,
-		"--diffs-line-height": t8
-	}), $[13] = font.code.family, $[14] = t7, $[15] = t8, $[16] = t9) : t9 = $[16];
-	let t10;
-	return $[17] === t9 ? t10 = $[18] : (t10 = /* @__PURE__ */ jsx("div", {
-		ref: wrapperRef,
-		style: t9
-	}), $[17] = t9, $[18] = t10), t10;
+	if ($[13] !== font.code.family || $[14] !== t7 || $[15] !== t8) {
+		let style = {
+			"--diffs-font-family": font.code.family,
+			"--diffs-font-size": t7,
+			"--diffs-line-height": t8
+		};
+		t9 = /* @__PURE__ */ jsx("div", {
+			ref: wrapperRef,
+			style
+		}), $[13] = font.code.family, $[14] = t7, $[15] = t8, $[16] = t9;
+	} else t9 = $[16];
+	return t9;
 }
 export { CodeDiff as default };
 
-//# sourceMappingURL=CodeDiff-Bj_o50Qy.js.map
+//# sourceMappingURL=CodeDiff-MkS3Q87A.js.map

package/lib/CodeDiff-MkS3Q87A.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeDiff-MkS3Q87A.js","names":["{previous, next, lang}: CodeDiffProps","{name: `diff.${lang}`, contents: previous, lang}","`diff.${lang}`","useMemo<FileContents>(\n    () => ({name: `diff.${lang}`, contents: previous, lang}),\n    [lang, previous],\n  )","{name: `diff.${lang}`, contents: next, lang}","useMemo<FileContents>(\n    () => ({name: `diff.${lang}`, contents: next, lang}),\n    [lang, next],\n  )","() => {\n    const wrapper = wrapperRef.current\n    if (!wrapper) return undefined\n    const diff = new FileDiff({\n      diffStyle: 'unified',\n      // Thrown from `render` in this effect, a failure reaches the History panel's error\n      // boundary and its Retry, rather than being drawn as a stack trace inside the diff\n      disableErrorHandling: true,\n      disableFileHeader: true,\n      lineDiffType: 'word',\n      overflow: 'wrap',\n      themeType,\n    })\n    diff.render({containerWrapper: wrapper, newFile, oldFile})\n    return () => diff.cleanUp()\n  }","[newFile, oldFile, themeType]","<div ref={wrapperRef} style={style} />","family","`${codeSize.fontSize}px`","`${codeSize.lineHeight}px`","_c","useThemeV2"],"sources":["../src/vista/components/response/CodeDiff.tsx"],"sourcesContent":["import {type FileContents, FileDiff} from '@pierre/diffs'\nimport {useTheme_v2 as useThemeV2} from '@sanity/ui'\nimport {type CSSProperties, useEffect, useMemo, useRef} from 'react'\n\n/** The custom properties `@pierre/diffs` styles its markup with */\ninterface DiffsStyle extends CSSProperties {\n  '--diffs-font-family': string\n  '--diffs-font-size': string\n  '--diffs-line-height': string\n}\n\nexport interface CodeDiffProps {\n  previous: string\n  next: string\n  lang: 'json' | 'text'\n}\n\n/**\n * Line diff of two texts, rendered by `@pierre/diffs` (Shiki highlighting in a shadow root).\n * Only loaded through `lazy()` once a history entry's changes are expanded.\n */\nexport default function CodeDiff({previous, next, lang}: CodeDiffProps) {\n  const {color, font} = useThemeV2()\n  const codeSize = font.code.sizes[1]\n  const wrapperRef = useRef<HTMLDivElement>(null)\n  const oldFile = useMemo<FileContents>(\n    () => ({name: `diff.${lang}`, contents: previous, lang}),\n    [lang, previous],\n  )\n  const newFile = useMemo<FileContents>(\n    () => ({name: `diff.${lang}`, contents: next, lang}),\n    [lang, next],\n  )\n  const themeType = color._dark ? 'dark' : 'light'\n\n  // The library's React components keep their container and hydrate whatever markup a previous\n  // instance left in it, so after StrictMode detaches and re-attaches their ref they render\n  // nothing. An instance per effect run with a container of its own (removed on clean up) has no\n  // such markup to find\n  useEffect(() => {\n    const wrapper = wrapperRef.current\n    if (!wrapper) return undefined\n    const diff = new FileDiff({\n      diffStyle: 'unified',\n      // Thrown from `render` in this effect, a failure reaches the History panel's error\n      // boundary and its Retry, rather than being drawn as a stack trace inside the diff\n      disableErrorHandling: true,\n      disableFileHeader: true,\n      lineDiffType: 'word',\n      overflow: 'wrap',\n      themeType,\n    })\n    diff.render({containerWrapper: wrapper, newFile, oldFile})\n    return () => diff.cleanUp()\n  }, [newFile, oldFile, themeType])\n\n  const style: DiffsStyle = {\n    '--diffs-font-family': font.code.family,\n    '--diffs-font-size': `${codeSize.fontSize}px`,\n    '--diffs-line-height': `${codeSize.lineHeight}px`,\n  }\n\n  return <div ref={wrapperRef} style={style} />\n}\n"],"mappings":";;;;;;;;;AAqBA,SAAwB,SAAA,IAAgD;C,eAAvC,EAAC,UAAU,MAAM,SAAjBA,IACzB,EAAC,OAAO,SAAQa,YAAW,GAC3B,WAAW,KAAK,KAAK,MAAM,IAC3B,aAAa,OAAuB,IAAI,GAE9B,KAAA,QAAQ,QAAfZ;CAA2C,AAAA,EAAA,OAAA,QAAA,EAAA,OAAV,YAAA,EAAA,OAA1BC,MAAP,KAAA;EAAC,MAAMA;EAAgB,UAAU;EAAU;CAAI,GAAJ,EAAA,KAAA,MAAV,EAAA,KAAA,UAA1BA,EAAAA,KAAAA,I;CADhB,IAAM,UAAUC,IAKA,KAAA,QAAQ,QAAfC;CAAuC,AAAA,EAAA,OAAA,QAAA,EAAA,OAAN,QAAA,EAAA,OAA1BF,MAAP,KAAA;EAAC,MAAMA;EAAgB,UAAU;EAAM;CAAI,GAAJ,EAAA,KAAA,MAAN,EAAA,KAAA,MAA1BA,EAAAA,KAAAA,I;CADhB,IAAM,UAAUG,IAIV,YAAY,MAAM,QAAQ,SAAS,SAM/BC,IAePC;CAfH,AAa0C,EAAA,OAAA,WAAA,EAAA,OAAS,WAAA,EAAA,QAF/C,aAXM,WAAM;EACd,IAAM,UAAU,WAAW;EAC3B,IAAI,CAAC,SAAS;EACd,IAAM,OAAO,IAAI,SAAS;GACxB,WAAW;GAGX,sBAAsB;GACtB,mBAAmB;GACnB,cAAc;GACd,UAAU;GACV;EACF,CAAC;EAED,OADA,KAAK,OAAO;GAAC,kBAAkB;GAAS;GAAS;EAAO,CAAC,SAC5C,KAAK,QAAQ;CAC5B,GAAG,KAAA;EAAC;EAAS;EAAS;CAAS,GAFW,EAAA,KAAA,SAAS,EAAA,KAAA,SAF/C,EAAA,MAAA,W,oDAXJ,UAAUD,IAePC,EAA6B;CAIT,IAAA,KAAA,GAAG,SAAS,SAAS,KACnB,KAAA,GAAG,SAAS,WAAW,KAGzCC;CAL4BC,IAAAA,EAAAA,QAAAA,KAAL,KAAK,UAAA,EAAA,QACZC,MAAAA,EAAAA,QACEC,IAAAA;EAHzB,IAAM,QAAoB;GACxB,uBAAuB,KAAK,KAAK;GACjC,qBAAqBD;GACrB,uBAAuBC;EACzB;E,AAEO,KAAA,oBAAC,OAAD;GAAK,KAAK;GAAmB;EAAQ,CAAA,GALTF,EAAAA,MAAAA,KAAL,KAAK,QACZC,EAAAA,MAAAA,IACEC,EAAAA,MAAAA,I;;CAGzB,OAAOH;AACT"}

package/lib/{SanityVision-BPTjMcT_.js → SanityVision-DOH_LzRg.js}

@@ -20,7 +20,6 @@ import { EditorState } from "@codemirror/state";
 import { EditorView, drawSelection, highlightActiveLine, highlightActiveLineGutter, highlightSpecialChars, keymap, lineNumbers } from "@codemirror/view";
 import { groq } from "@sanity/lezer-groq";
 import CodeMirror, { EditorSelection as EditorSelection$1 } from "@uiw/react-codemirror";
-import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { tags } from "@lezer/highlight";
 import { hues } from "@sanity/color";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -294,26 +293,26 @@ function getVisibleColumns(view, { lines, scrollbarWidth } = {}) {
 	let { scrollDOM, contentDOM, defaultCharacterWidth, defaultLineHeight } = view, gutters = scrollDOM.querySelector(".cm-gutters"), line = contentDOM.querySelector(".cm-line"), currentLines = view.state.doc.lines, nextLines = lines ?? currentLines, gutterGrowth = (lineNumberDigits(nextLines) - lineNumberDigits(currentLines)) * defaultCharacterWidth, willOverflowVertically = nextLines * defaultLineHeight + insets(contentDOM, ["Top", "Bottom"]) > scrollDOM.clientHeight, hasVerticalScrollbar = scrollDOM.scrollHeight > scrollDOM.clientHeight, scrollbarReserve = willOverflowVertically && !hasVerticalScrollbar ? scrollbarWidth ?? getScrollbarWidth() : 0, width = scrollDOM.clientWidth - (gutters instanceof HTMLElement ? gutters.offsetWidth : 0) - gutterGrowth - insets(contentDOM, ["Left", "Right"]) - (line ? insets(line, ["Left", "Right"]) : 0) - scrollbarReserve, columns = Math.floor(width / defaultCharacterWidth);
 	return Number.isFinite(columns) && columns > 0 ? columns : void 0;
 }
-var contentBorderRightWidthVar = "var(--dohny71)", contentPaddingTopVar = "var(--dohny72)", editorRoot = "dohny73", editorRootAutoHeight = "dohny74", linePaddingLeftVar = "var(--dohny70)";
+const _key0$5 = "HSFWEW_editorRoot";
 function EditorRoot(t0) {
-	let $ = c(14), { autoHeight, underHeader, children } = t0, { sanity } = useTheme(), t1 = autoHeight ? `${editorRoot} ${editorRootAutoHeight}` : editorRoot, t2;
-	$[0] === sanity.space[3] ? t2 = $[1] : (t2 = rem(sanity.space[3]), $[0] = sanity.space[3], $[1] = t2);
-	let t3 = `${t2}`, t4;
-	$[2] === sanity.space[4] ? t4 = $[3] : (t4 = rem(sanity.space[4]), $[2] = sanity.space[4], $[3] = t4);
-	let t5 = `${t4}`, t6 = sanity.space[underHeader ? 3 : 5], t7;
-	$[4] === t6 ? t7 = $[5] : (t7 = rem(t6), $[4] = t6, $[5] = t7);
-	let t8 = `${t7}`, t9;
-	$[6] !== t3 || $[7] !== t5 || $[8] !== t8 ? (t9 = assignInlineVars({
-		[linePaddingLeftVar]: t3,
-		[contentBorderRightWidthVar]: t5,
-		[contentPaddingTopVar]: t8
-	}), $[6] = t3, $[7] = t5, $[8] = t8, $[9] = t9) : t9 = $[9];
-	let t10;
-	return $[10] !== children || $[11] !== t1 || $[12] !== t9 ? (t10 = /* @__PURE__ */ jsx("div", {
-		className: t1,
-		style: t9,
+	let $ = c(14), { autoHeight, underHeader, children } = t0, { sanity } = useTheme(), t1;
+	$[0] === sanity.space[3] ? t1 = $[1] : (t1 = rem(sanity.space[3]), $[0] = sanity.space[3], $[1] = t1);
+	let t2 = `${t1}`, t3;
+	$[2] === sanity.space[4] ? t3 = $[3] : (t3 = rem(sanity.space[4]), $[2] = sanity.space[4], $[3] = t3);
+	let t4 = `${t3}`, t5 = sanity.space[underHeader ? 3 : 5], t6;
+	$[4] === t5 ? t6 = $[5] : (t6 = rem(t5), $[4] = t5, $[5] = t6);
+	let t7 = `${t6}`, t8;
+	$[6] !== t2 || $[7] !== t4 || $[8] !== t7 ? (t8 = {
+		"--vision-editor-line-padding-left": t2,
+		"--vision-editor-content-border-right-width": t4,
+		"--vision-editor-content-padding-top": t7
+	}, $[6] = t2, $[7] = t4, $[8] = t7, $[9] = t8) : t8 = $[9];
+	let style = t8, t9 = autoHeight ? `${_key0$5} HSFWEW_editorRootAutoHeight` : _key0$5, t10;
+	return $[10] !== children || $[11] !== style || $[12] !== t9 ? (t10 = /* @__PURE__ */ jsx("div", {
+		className: t9,
+		style,
 		children
-	}), $[10] = children, $[11] = t1, $[12] = t9, $[13] = t10) : t10 = $[13], t10;
+	}), $[10] = children, $[11] = style, $[12] = t9, $[13] = t10) : t10 = $[13], t10;
 }
 function VisionCodeMirror(t0) {
 	let $ = c(21), { ref, onChange, initialValue: initialValueProp, extensions, autoHeight: t1, underHeader: t2 } = t0, autoHeight = t1 !== void 0 && t1, underHeader = t2 === void 0 ? autoHeight : t2, [value, setValue] = useState(initialValueProp), [hasView, setHasView] = useState(!1), [seenInitialValue, setSeenInitialValue] = useState(initialValueProp);
@@ -603,7 +602,7 @@ function tryParseParams(val, t) {
 		return err.message = `${t("params.error.params-invalid-json")}:\n\n${err.message.replace("JSON5:", "")}`, err;
 	}
 }
-var controlsContainer = "aqbsvxm", downloadsCard = "aqbsvxj", header = "aqbsvx3", inputBackgroundContainer = "aqbsvx7", inputBackgroundContainerLeft = "aqbsvx8", inputContainer = "aqbsvx9", queryCopyLink = "aqbsvx6", queryRecallPaneContainer = "aqbsvx1", queryRecallPaneWrapper = "aqbsvx2", result = "aqbsvxe", resultContainer = "aqbsvxc", resultContainerInvalid = "aqbsvxd", resultFooter = "aqbsvxf", resultInnerContainer = "aqbsvxb", resultOuterContainer = "aqbsvxa", root = "aqbsvx0", saveResultLabel = "aqbsvxl", saveResultSpanGapVar = "var(--aqbsvxk)", splitpaneContainer = "aqbsvx5", styledLabel = "aqbsvx4", timingsCard = "aqbsvxg", timingsTextContainer = "aqbsvxi", timingsTextMinHeightVar = "var(--aqbsvxh)";
+const _key3 = "lBV0cq_inputBackgroundContainer", _key10 = "lBV0cq_resultContainer";
 function Root(t0) {
 	let $ = c(6), props, ref;
 	$[0] === t0 ? (props = $[1], ref = $[2]) : ({ref, ...props} = t0, $[0] = t0, $[1] = props, $[2] = ref);
@@ -611,28 +610,28 @@ function Root(t0) {
 	return $[3] !== props || $[4] !== ref ? (t1 = /* @__PURE__ */ jsx(Flex, {
 		...props,
 		ref,
-		className: root
+		className: "lBV0cq_root"
 	}), $[3] = props, $[4] = ref, $[5] = t1) : t1 = $[5], t1;
 }
 function Header(props) {
 	let $ = c(2), t0;
 	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Card, {
 		...props,
-		className: header
+		className: "lBV0cq_header"
 	}), $[0] = props, $[1] = t0), t0;
 }
 function StyledLabel(props) {
 	let $ = c(2), t0;
 	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Label, {
 		...props,
-		className: styledLabel
+		className: "lBV0cq_styledLabel"
 	}), $[0] = props, $[1] = t0), t0;
 }
 function SplitpaneContainer(props) {
 	let $ = c(2), t0;
 	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Box, {
 		...props,
-		className: splitpaneContainer
+		className: "lBV0cq_splitpaneContainer"
 	}), $[0] = props, $[1] = t0), t0;
 }
 function QueryRecallPaneContainer(props) {
@@ -640,7 +639,7 @@ function QueryRecallPaneContainer(props) {
 	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Flex, {
 		...props,
 		flexDirection: "column",
-		className: queryRecallPaneContainer
+		className: "lBV0cq_queryRecallPaneContainer"
 	}), $[0] = props, $[1] = t0), t0;
 }
 function QueryRecallPaneWrapper(props) {
@@ -651,55 +650,55 @@ function QueryRecallPaneWrapper(props) {
 		flexBasis: "0%",
 		flexGrow: 1,
 		overflow: "hidden",
-		className: queryRecallPaneWrapper
+		className: "lBV0cq_queryRecallPaneWrapper"
 	}), $[0] = props, $[1] = t0), t0;
 }
 function QueryCopyLink(props) {
 	let $ = c(2), t0;
 	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx("a", {
 		...props,
-		className: queryCopyLink
+		className: "lBV0cq_queryCopyLink"
 	}), $[0] = props, $[1] = t0), t0;
 }
 function InputBackgroundContainer(props) {
 	let $ = c(2), t0;
 	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Box, {
 		...props,
-		className: inputBackgroundContainer
+		className: _key3
 	}), $[0] = props, $[1] = t0), t0;
 }
 function InputBackgroundContainerLeft(props) {
 	let $ = c(2), t0;
 	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Box, {
 		...props,
-		className: `${inputBackgroundContainer} ${inputBackgroundContainerLeft}`
+		className: `${_key3} lBV0cq_inputBackgroundContainerLeft`
 	}), $[0] = props, $[1] = t0), t0;
 }
 function InputContainer(props) {
 	let $ = c(2), t0;
 	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Card, {
 		...props,
-		className: inputContainer
+		className: "lBV0cq_inputContainer"
 	}), $[0] = props, $[1] = t0), t0;
 }
 function ResultOuterContainer(props) {
 	let $ = c(2), t0;
 	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Flex, {
 		...props,
-		className: resultOuterContainer
+		className: "lBV0cq_resultOuterContainer"
 	}), $[0] = props, $[1] = t0), t0;
 }
 function ResultInnerContainer(props) {
 	let $ = c(2), t0;
 	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Box, {
 		...props,
-		className: resultInnerContainer
+		className: "lBV0cq_resultInnerContainer"
 	}), $[0] = props, $[1] = t0), t0;
 }
 function ResultContainer(t0) {
 	let $ = c(6), isInvalid, props;
 	$[0] === t0 ? (isInvalid = $[1], props = $[2]) : ({isInvalid, ...props} = t0, $[0] = t0, $[1] = isInvalid, $[2] = props);
-	let t1 = isInvalid ? `${resultContainer} ${resultContainerInvalid}` : resultContainer, t2;
+	let t1 = isInvalid ? `${_key10} lBV0cq_resultContainerInvalid` : _key10, t2;
 	return $[3] !== props || $[4] !== t1 ? (t2 = /* @__PURE__ */ jsx(Card, {
 		...props,
 		className: t1
@@ -709,59 +708,59 @@ function Result(props) {
 	let $ = c(2), t0;
 	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Box, {
 		...props,
-		className: result
+		className: "lBV0cq_result"
 	}), $[0] = props, $[1] = t0), t0;
 }
 function ResultFooter(props) {
 	let $ = c(2), t0;
 	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Flex, {
 		...props,
-		className: resultFooter
+		className: "lBV0cq_resultFooter"
 	}), $[0] = props, $[1] = t0), t0;
 }
 function TimingsCard(props) {
 	let $ = c(2), t0;
 	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Card, {
 		...props,
-		className: timingsCard
+		className: "lBV0cq_timingsCard"
 	}), $[0] = props, $[1] = t0), t0;
 }
 function TimingsTextContainer(props) {
 	let $ = c(7), { space, font } = useTheme_v2(), textSize = font.text.sizes[2], t0 = space[3] * 2 + textSize.lineHeight - textSize.ascenderHeight - textSize.descenderHeight, t1;
 	$[0] === t0 ? t1 = $[1] : (t1 = rem(t0), $[0] = t0, $[1] = t1);
 	let t2 = `${t1}`, t3;
-	$[2] === t2 ? t3 = $[3] : (t3 = assignInlineVars({ [timingsTextMinHeightVar]: t2 }), $[2] = t2, $[3] = t3);
-	let t4;
-	return $[4] !== props || $[5] !== t3 ? (t4 = /* @__PURE__ */ jsx(Flex, {
+	$[2] === t2 ? t3 = $[3] : (t3 = { "--vision-timings-text-min-height": t2 }, $[2] = t2, $[3] = t3);
+	let style = t3, t4;
+	return $[4] !== props || $[5] !== style ? (t4 = /* @__PURE__ */ jsx(Flex, {
 		...props,
-		className: timingsTextContainer,
-		style: t3
-	}), $[4] = props, $[5] = t3, $[6] = t4) : t4 = $[6], t4;
+		className: "lBV0cq_timingsTextContainer",
+		style
+	}), $[4] = props, $[5] = style, $[6] = t4) : t4 = $[6], t4;
 }
 function DownloadsCard(props) {
 	let $ = c(2), t0;
 	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Card, {
 		...props,
-		className: downloadsCard
+		className: "lBV0cq_downloadsCard"
 	}), $[0] = props, $[1] = t0), t0;
 }
 function SaveResultLabel(props) {
 	let $ = c(7), { space } = useTheme_v2(), t0;
 	$[0] === space[3] ? t0 = $[1] : (t0 = rem(space[3]), $[0] = space[3], $[1] = t0);
 	let t1 = `${t0}`, t2;
-	$[2] === t1 ? t2 = $[3] : (t2 = assignInlineVars({ [saveResultSpanGapVar]: t1 }), $[2] = t1, $[3] = t2);
-	let t3;
-	return $[4] !== props || $[5] !== t2 ? (t3 = /* @__PURE__ */ jsx(Text, {
+	$[2] === t1 ? t2 = $[3] : (t2 = { "--vision-save-result-gap": t1 }, $[2] = t1, $[3] = t2);
+	let style = t2, t3;
+	return $[4] !== props || $[5] !== style ? (t3 = /* @__PURE__ */ jsx(Text, {
 		...props,
-		className: saveResultLabel,
-		style: t2
-	}), $[4] = props, $[5] = t2, $[6] = t3) : t3 = $[6], t3;
+		className: "lBV0cq_saveResultLabel",
+		style
+	}), $[4] = props, $[5] = style, $[6] = t3) : t3 = $[6], t3;
 }
 function ControlsContainer(props) {
 	let $ = c(2), t0;
 	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Box, {
 		...props,
-		className: controlsContainer
+		className: "lBV0cq_controlsContainer"
 	}), $[0] = props, $[1] = t0), t0;
 }
 function ParamsEditor(props) {
@@ -1117,12 +1116,11 @@ function _temp2$4(a, b) {
 	return new Date(b.savedAt || 0).getTime() - new Date(a.savedAt || 0).getTime();
 }
 function _temp$6() {}
-var fixedHeader = "j5r4cy0", queryList = "j5r4cy2", scrollContainer = "j5r4cy1";
 function FixedHeader(props) {
 	let $ = c(2), t0;
 	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(VStack, {
 		...props,
-		className: fixedHeader
+		className: "A8N59q_fixedHeader"
 	}), $[0] = props, $[1] = t0), t0;
 }
 function ScrollContainer(props) {
@@ -1133,7 +1131,7 @@ function ScrollContainer(props) {
 		flexBasis: "0%",
 		flexGrow: 1,
 		overflow: "hidden",
-		className: scrollContainer
+		className: "A8N59q_scrollContainer"
 	}), $[0] = props, $[1] = t0), t0;
 }
 function QueryList(props) {
@@ -1143,7 +1141,7 @@ function QueryList(props) {
 		flexBasis: "0%",
 		flexGrow: 1,
 		overflow: "auto",
-		className: queryList
+		className: "A8N59q_queryList"
 	}), $[0] = props, $[1] = t0), t0;
 }
 function QueryRecall(t0) {
@@ -1887,25 +1885,24 @@ function VisionGuiControls(t0) {
 		})
 	}) }), $[30] = hasValidParams, $[31] = t15, $[32] = t2, $[33] = t16) : t16 = $[33], t16;
 }
-var dot = "gl42tl2", perspectivePopoverContent = "gl42tl0", perspectivePopoverLink = "gl42tl1";
 function PerspectivePopoverContent(props) {
 	let $ = c(2), t0;
 	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Box, {
 		...props,
-		className: perspectivePopoverContent
+		className: "BsYI2a_perspectivePopoverContent"
 	}), $[0] = props, $[1] = t0), t0;
 }
 function PerspectivePopoverLink(props) {
 	let $ = c(2), t0;
 	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx("a", {
 		...props,
-		className: perspectivePopoverLink
+		className: "BsYI2a_perspectivePopoverLink"
 	}), $[0] = props, $[1] = t0), t0;
 }
 function Dot(t0) {
 	let $ = c(2), { tone } = t0, t1 = `var(--card-badge-${tone}-dot-color)`, t2;
 	return $[0] === t1 ? t2 = $[1] : (t2 = /* @__PURE__ */ jsx("div", {
-		className: dot,
+		className: "BsYI2a_dot",
 		style: { backgroundColor: t1 }
 	}), $[0] = t1, $[1] = t2), t2;
 }
@@ -2343,12 +2340,11 @@ function hasReleaseInPerspective(perspective) {
 function getUnsatisfiedApiVersionCapability(context, capabilities = API_VERSION_CAPABILITIES) {
 	if (context.statusCode === 400) return capabilities.find((capability) => capability.applies(context) && isApiVersionBelow(context.apiVersion, capability.requiredApiVersion));
 }
-var errorCode = "hby5q50";
 function ErrorCode(props) {
 	let $ = c(2), t0;
 	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Code, {
 		...props,
-		className: errorCode
+		className: "_7y6tDG_errorCode"
 	}), $[0] = props, $[1] = t0), t0;
 }
 function QueryErrorDetails(t0) {
@@ -2459,38 +2455,37 @@ function getAtKeypath(data, keypath) {
 	}
 	return { value: current };
 }
-var codeFamilyVar = "var(--_1jg9key0)", codeFontSizeVar = "var(--_1jg9key1)", codeLineHeightVar = "var(--_1jg9key2)", copyNodeButton = "_1jg9keye", copyableResult = "_1jg9keyd", resultViewWrapper = "_1jg9keyc", space0Var = "var(--_1jg9key3)", space2Var = "var(--_1jg9key4)", space4HalfVar = "var(--_1jg9key6)", space4Var = "var(--_1jg9key5)", syntaxBooleanVar = "var(--_1jg9keya)", syntaxConstantVar = "var(--_1jg9key8)", syntaxNumberVar = "var(--_1jg9keyb)", syntaxPropertyVar = "var(--_1jg9key7)", syntaxStringVar = "var(--_1jg9key9)";
-const lru = new LRU({ maxSize: 5e4 });
+const _key2 = "VsSQ8q_resultViewWrapper", lru = new LRU({ maxSize: 5e4 });
 function ResultViewWrapper(t0) {
-	let $ = c(25), { children, copyable } = t0, { color, font, space } = useTheme_v2(), codeSize = font.code.sizes[2], t1 = copyable ? `${resultViewWrapper} ${copyableResult}` : resultViewWrapper, t2 = font.code.family, t3 = `${codeSize.fontSize}px`, t4 = `${codeSize.lineHeight}px`, t5;
-	$[0] === space[0] ? t5 = $[1] : (t5 = rem(space[0]), $[0] = space[0], $[1] = t5);
-	let t6 = `${t5}`, t7;
-	$[2] === space[2] ? t7 = $[3] : (t7 = rem(space[2]), $[2] = space[2], $[3] = t7);
-	let t8 = `${t7}`, t9;
-	$[4] === space[4] ? t9 = $[5] : (t9 = rem(space[4]), $[4] = space[4], $[5] = t9);
-	let t10 = `${t9}`, t11 = space[4] / 2, t12;
-	$[6] === t11 ? t12 = $[7] : (t12 = rem(t11), $[6] = t11, $[7] = t12);
-	let t13 = `${t12}`, t14;
-	$[8] !== color.syntax.boolean || $[9] !== color.syntax.constant || $[10] !== color.syntax.number || $[11] !== color.syntax.property || $[12] !== color.syntax.string || $[13] !== font.code.family || $[14] !== t10 || $[15] !== t13 || $[16] !== t3 || $[17] !== t4 || $[18] !== t6 || $[19] !== t8 ? (t14 = assignInlineVars({
-		[codeFamilyVar]: t2,
-		[codeFontSizeVar]: t3,
-		[codeLineHeightVar]: t4,
-		[space0Var]: t6,
-		[space2Var]: t8,
-		[space4Var]: t10,
-		[space4HalfVar]: t13,
-		[syntaxPropertyVar]: color.syntax.property,
-		[syntaxConstantVar]: color.syntax.constant,
-		[syntaxStringVar]: color.syntax.string,
-		[syntaxBooleanVar]: color.syntax.boolean,
-		[syntaxNumberVar]: color.syntax.number
-	}), $[8] = color.syntax.boolean, $[9] = color.syntax.constant, $[10] = color.syntax.number, $[11] = color.syntax.property, $[12] = color.syntax.string, $[13] = font.code.family, $[14] = t10, $[15] = t13, $[16] = t3, $[17] = t4, $[18] = t6, $[19] = t8, $[20] = t14) : t14 = $[20];
-	let t15;
-	return $[21] !== children || $[22] !== t1 || $[23] !== t14 ? (t15 = /* @__PURE__ */ jsx("div", {
-		className: t1,
-		style: t14,
+	let $ = c(25), { children, copyable } = t0, { color, font, space } = useTheme_v2(), codeSize = font.code.sizes[2], t1 = font.code.family, t2 = `${codeSize.fontSize}px`, t3 = `${codeSize.lineHeight}px`, t4;
+	$[0] === space[0] ? t4 = $[1] : (t4 = rem(space[0]), $[0] = space[0], $[1] = t4);
+	let t5 = `${t4}`, t6;
+	$[2] === space[2] ? t6 = $[3] : (t6 = rem(space[2]), $[2] = space[2], $[3] = t6);
+	let t7 = `${t6}`, t8;
+	$[4] === space[4] ? t8 = $[5] : (t8 = rem(space[4]), $[4] = space[4], $[5] = t8);
+	let t9 = `${t8}`, t10 = space[4] / 2, t11;
+	$[6] === t10 ? t11 = $[7] : (t11 = rem(t10), $[6] = t10, $[7] = t11);
+	let t12 = `${t11}`, t13;
+	$[8] !== color.syntax.boolean || $[9] !== color.syntax.constant || $[10] !== color.syntax.number || $[11] !== color.syntax.property || $[12] !== color.syntax.string || $[13] !== font.code.family || $[14] !== t12 || $[15] !== t2 || $[16] !== t3 || $[17] !== t5 || $[18] !== t7 || $[19] !== t9 ? (t13 = {
+		"--vision-result-code-family": t1,
+		"--vision-result-code-font-size": t2,
+		"--vision-result-code-line-height": t3,
+		"--vision-result-space-0": t5,
+		"--vision-result-space-2": t7,
+		"--vision-result-space-4": t9,
+		"--vision-result-space-4-half": t12,
+		"--vision-result-syntax-property": color.syntax.property,
+		"--vision-result-syntax-constant": color.syntax.constant,
+		"--vision-result-syntax-string": color.syntax.string,
+		"--vision-result-syntax-boolean": color.syntax.boolean,
+		"--vision-result-syntax-number": color.syntax.number
+	}, $[8] = color.syntax.boolean, $[9] = color.syntax.constant, $[10] = color.syntax.number, $[11] = color.syntax.property, $[12] = color.syntax.string, $[13] = font.code.family, $[14] = t12, $[15] = t2, $[16] = t3, $[17] = t5, $[18] = t7, $[19] = t9, $[20] = t13) : t13 = $[20];
+	let style = t13, t14 = copyable ? `${_key2} VsSQ8q_copyableResult` : _key2, t15;
+	return $[21] !== children || $[22] !== style || $[23] !== t14 ? (t15 = /* @__PURE__ */ jsx("div", {
+		className: t14,
+		style,
 		children
-	}), $[21] = children, $[22] = t1, $[23] = t14, $[24] = t15) : t15 = $[24], t15;
+	}), $[21] = children, $[22] = style, $[23] = t14, $[24] = t15) : t15 = $[24], t15;
 }
 const ResultLabelContext = createContext(null);
 function ResultView(props) {
@@ -2554,7 +2549,7 @@ function CopyNodeButton(props) {
 	let t2;
 	return $[5] !== copy.label || $[6] !== t0 ? (t2 = /* @__PURE__ */ jsx("button", {
 		"aria-label": copy.label,
-		className: copyNodeButton,
+		className: "VsSQ8q_copyNodeButton",
 		"data-testid": "result-copy-node",
 		onClick: t0,
 		title: copy.label,
@@ -3538,7 +3533,7 @@ function _temp() {
 	return DEFAULT_PREFERENCE;
 }
 var SanityVision_exports = /* @__PURE__ */ __exportAll({ default: () => SanityVision });
-const vistaGui = createRetryableLazy(() => import("./VistaGui-CFsbMx2g.js").then((module) => ({ default: module.VistaGui }))), VistaGuiLoader = vistaGui.Component;
+const vistaGui = createRetryableLazy(() => import("./VistaGui-C6cdsk92.js").then((module) => ({ default: module.VistaGui }))), VistaGuiLoader = vistaGui.Component;
 function SanityVision(props) {
 	let $ = c(31), t0;
 	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = { apiVersion: "1" }, $[0] = t0) : t0 = $[0];
@@ -3591,4 +3586,4 @@ function SanityVision(props) {
 }
 export { DEFAULT_API_VERSION as A, getActivePerspective as C, paramsExtensions as D, groqExtensions as E, prefixApiVersion as M, resultJsonExtensions as O, encodeQueryString as S, VisionCodeMirror as T, VISION_STORAGE_KEY_PREFIX as _, getAtKeypath as a, isPlainObject as b, DelayedSpinner as c, getJsonBlobUrl as d, SanityVision as default, useSavedQueries as f, validateApiVersion as g, parseQueryUrl as h, describeKeypath as i, VARIANTS_API_VERSION as j, API_VERSIONS as k, canEncodeCsv as l, isApiCdnHost as m, createRetryableLazy as n, QueryErrorDialog as o, parseParams as p, ResultView as r, isApiVersionBelow as s, SanityVision_exports as t, getCsvBlobUrl as u, getStorage as v, useVariantsEnabled as w, isVisionPasteTarget as x, onLocalStorageCleared as y };
 
-//# sourceMappingURL=SanityVision-BPTjMcT_.js.map
+//# sourceMappingURL=SanityVision-DOH_LzRg.js.map